diff --git a/dist/_headers b/dist/_headers
new file mode 100644
index 00000000..4ac92a4d
--- /dev/null
+++ b/dist/_headers
@@ -0,0 +1,2 @@
+/*
+  Content-Security-Policy: frame-ancestors *
diff --git a/dist/_redirects b/dist/_redirects
new file mode 100644
index 00000000..fdb45e23
--- /dev/null
+++ b/dist/_redirects
@@ -0,0 +1 @@
+/* /index.html 200!
diff --git a/dist/assets/favicon.ico b/dist/assets/favicon.ico
new file mode 100644
index 00000000..8ea244df
Binary files /dev/null and b/dist/assets/favicon.ico differ
diff --git a/dist/assets/gif/please-stand-by.gif b/dist/assets/gif/please-stand-by.gif
new file mode 100644
index 00000000..4d164af1
Binary files /dev/null and b/dist/assets/gif/please-stand-by.gif differ
diff --git a/dist/assets/jpg/bitvid.jpg b/dist/assets/jpg/bitvid.jpg
new file mode 100644
index 00000000..ac4493d9
Binary files /dev/null and b/dist/assets/jpg/bitvid.jpg differ
diff --git a/dist/assets/jpg/bitvid_Simplified-Chinese.png b/dist/assets/jpg/bitvid_Simplified-Chinese.png
new file mode 100644
index 00000000..c44590bc
Binary files /dev/null and b/dist/assets/jpg/bitvid_Simplified-Chinese.png differ
diff --git a/dist/assets/jpg/default-profile.jpg b/dist/assets/jpg/default-profile.jpg
new file mode 100644
index 00000000..2ff83071
Binary files /dev/null and b/dist/assets/jpg/default-profile.jpg differ
diff --git a/dist/assets/jpg/video-thumbnail-fallback.jpg b/dist/assets/jpg/video-thumbnail-fallback.jpg
new file mode 100644
index 00000000..ac4493d9
Binary files /dev/null and b/dist/assets/jpg/video-thumbnail-fallback.jpg differ
diff --git a/dist/assets/png/android-chrome-192x192.png b/dist/assets/png/android-chrome-192x192.png
new file mode 100644
index 00000000..1a43e4bb
Binary files /dev/null and b/dist/assets/png/android-chrome-192x192.png differ
diff --git a/dist/assets/png/android-chrome-512x512.png b/dist/assets/png/android-chrome-512x512.png
new file mode 100644
index 00000000..a7d15414
Binary files /dev/null and b/dist/assets/png/android-chrome-512x512.png differ
diff --git a/dist/assets/png/apple-touch-icon.png b/dist/assets/png/apple-touch-icon.png
new file mode 100644
index 00000000..06e7947d
Binary files /dev/null and b/dist/assets/png/apple-touch-icon.png differ
diff --git a/dist/assets/png/bitvid-banner.png b/dist/assets/png/bitvid-banner.png
new file mode 100644
index 00000000..7012ba40
Binary files /dev/null and b/dist/assets/png/bitvid-banner.png differ
diff --git a/dist/assets/png/favicon-16x16.png b/dist/assets/png/favicon-16x16.png
new file mode 100644
index 00000000..c9f0d8d2
Binary files /dev/null and b/dist/assets/png/favicon-16x16.png differ
diff --git a/dist/assets/png/favicon-32x32.png b/dist/assets/png/favicon-32x32.png
new file mode 100644
index 00000000..6f0218fa
Binary files /dev/null and b/dist/assets/png/favicon-32x32.png differ
diff --git a/dist/assets/svg/about-icon.svg b/dist/assets/svg/about-icon.svg
new file mode 100644
index 00000000..e7a558fc
--- /dev/null
+++ b/dist/assets/svg/about-icon.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M12,0C5.373,0 0,5.373 0,12C0,18.627 5.373,24 12,24C18.627,24 24,18.627 24,12C24,5.373 18.627,0 12,0ZM9.967,16.01C10.531,14.221 11.599,12.078 11.788,11.536C12.061,10.749 11.577,10.4 10.048,11.745L9.708,11.105C11.452,9.208 15.043,8.779 13.821,11.718C13.058,13.553 12.512,14.792 12.2,15.748C11.745,17.141 12.894,16.576 14.019,15.537C14.172,15.787 14.222,15.868 14.375,16.156C11.877,18.534 9.104,18.744 9.967,16.01ZM14.709,7.841C14.177,8.294 13.389,8.284 12.948,7.819C12.507,7.354 12.581,6.611 13.112,6.158C13.644,5.705 14.432,5.716 14.873,6.18C15.312,6.646 15.24,7.389 14.709,7.841Z" fill="#5C6F8A" fill-rule="nonzero"/>
+</svg>
diff --git a/dist/assets/svg/beacon-icon.svg b/dist/assets/svg/beacon-icon.svg
new file mode 100644
index 00000000..75d620cb
--- /dev/null
+++ b/dist/assets/svg/beacon-icon.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <g transform="matrix(0.0349343,0,0,0.0349343,-55.5414,-28.6416)">
+        <path d="M1878.62,1496.58C1719.5,1470.41 1597.95,1332.09 1597.95,1165.6C1597.95,980.47 1748.25,830.166 1933.38,830.166C2118.51,830.166 2268.82,980.47 2268.82,1165.6C2268.82,1331.86 2147.6,1470.03 1988.8,1496.47L1988.8,1466.79C2131.38,1440.68 2239.59,1315.68 2239.59,1165.6C2239.59,996.604 2102.38,859.399 1933.38,859.399C1764.39,859.399 1627.18,996.604 1627.18,1165.6C1627.18,1315.91 1735.72,1441.07 1878.62,1466.91L1878.62,1496.58ZM1878.62,1400.68C1771.77,1375.85 1692.06,1279.96 1692.06,1165.6C1692.06,1032.41 1800.19,924.274 1933.38,924.274C2066.57,924.274 2174.71,1032.41 2174.71,1165.6C2174.71,1279.73 2095.32,1375.46 1988.8,1400.53L1988.8,1370.37C2079.02,1345.98 2145.48,1263.49 2145.48,1165.6C2145.48,1048.54 2050.44,953.507 1933.38,953.507C1816.33,953.507 1721.29,1048.54 1721.29,1165.6C1721.29,1263.73 1788.07,1346.38 1878.62,1370.55L1878.62,1400.68ZM1878.62,1304.01C1823.55,1282.18 1784.56,1228.41 1784.56,1165.6C1784.56,1083.46 1851.24,1016.77 1933.38,1016.77C2015.52,1016.77 2082.21,1083.46 2082.21,1165.6C2082.21,1228.16 2043.53,1281.76 1988.8,1303.75L1988.8,1271.59C2026.93,1251.59 2052.98,1211.62 2052.98,1165.6C2052.98,1099.6 1999.39,1046.01 1933.38,1046.01C1867.38,1046.01 1813.79,1099.6 1813.79,1165.6C1813.79,1211.88 1840.13,1252.05 1878.62,1271.93L1878.62,1304.01ZM1933.38,1109.82C1964.17,1109.82 1989.16,1134.82 1989.16,1165.6C1989.16,1196.39 1964.17,1221.38 1933.38,1221.38C1902.6,1221.38 1877.6,1196.39 1877.6,1165.6C1877.6,1134.82 1902.6,1109.82 1933.38,1109.82Z" fill="#5C6F8A"/>
+    </g>
+</svg>
diff --git a/dist/assets/svg/beta-icon.svg b/dist/assets/svg/beta-icon.svg
new file mode 100644
index 00000000..88cfd2df
--- /dev/null
+++ b/dist/assets/svg/beta-icon.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <g transform="matrix(1.09255,0,0,1.09255,-0.61419,-0.557138)">
+        <path d="M11.546,1.337C17.151,1.337 21.702,5.888 21.702,11.493C21.702,17.099 17.151,21.65 11.546,21.65C5.94,21.65 1.389,17.099 1.389,11.493C1.389,5.888 5.94,1.337 11.546,1.337ZM10.288,13.666C10.735,14.248 11.352,14.54 12.138,14.54C12.878,14.54 13.491,14.29 13.975,13.792C14.46,13.293 14.702,12.697 14.702,12.003C14.702,11.141 14.3,10.526 13.495,10.158C13.924,9.994 14.274,9.743 14.544,9.407C14.814,9.071 14.949,8.687 14.949,8.254C14.949,7.757 14.757,7.325 14.375,6.959C13.992,6.593 13.445,6.409 12.734,6.409C11.929,6.409 11.274,6.652 10.768,7.136C10.262,7.62 9.882,8.454 9.628,9.638L8.143,16.578L9.666,16.578L10.288,13.666ZM11.8,9.445L11.532,10.619C11.611,10.616 11.672,10.614 11.715,10.614C12.741,10.614 13.254,11.043 13.254,11.901C13.254,12.398 13.108,12.773 12.817,13.025C12.525,13.277 12.221,13.403 11.902,13.403C11.566,13.403 11.283,13.287 11.052,13.057C10.822,12.826 10.706,12.491 10.706,12.051C10.706,11.819 10.744,11.524 10.819,11.166L11.162,9.595C11.266,9.112 11.373,8.744 11.484,8.49C11.595,8.236 11.76,8.03 11.98,7.871C12.2,7.712 12.449,7.632 12.728,7.632C12.953,7.632 13.137,7.698 13.278,7.831C13.419,7.963 13.49,8.124 13.49,8.313C13.49,8.592 13.372,8.851 13.136,9.091C12.9,9.33 12.53,9.45 12.026,9.45C11.983,9.45 11.908,9.448 11.8,9.445Z" fill="#5C6F8A"/>
+    </g>
+</svg>
diff --git a/dist/assets/svg/bitvid-logo-dark-mode.svg b/dist/assets/svg/bitvid-logo-dark-mode.svg
new file mode 100644
index 00000000..866c56d1
--- /dev/null
+++ b/dist/assets/svg/bitvid-logo-dark-mode.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 318.32 108.98">
+  <g class="bv-logo__accent">
+    <rect x="7.1" y="7.8" width="5.84" height="5.48" />
+    <rect x="7.1" y="18.78" width="24.02" height="5.48" />
+    <rect x="7.1" y="29.77" width="42.85" height="5.48" />
+    <rect x="7.1" y="40.76" width="61.68" height="5.48" />
+    <rect x="7.1" y="51.75" width="80.88" height="5.48" />
+    <rect x="7.1" y="62.74" width="61.68" height="5.48" />
+    <rect x="7.1" y="73.73" width="42.85" height="5.48" />
+    <rect x="7.1" y="84.72" width="24.02" height="5.48" />
+    <rect x="7.1" y="95.71" width="5.84" height="5.48" />
+  </g>
+  <g class="bv-logo__wordmark">
+    <path d="M121.28 25.08v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V25.08h5.83Z" />
+    <path d="M168.53 25.08v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z" />
+    <path d="M191.36 25.08v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V25.08h5.83Z" />
+    <path d="M212.88 42.24l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z" />
+    <path d="M264.05 25.08v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83v-41.67h5.83Z" />
+    <path d="M311.21 25.08v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V25.08h5.83Z" />
+  </g>
+</svg>
diff --git a/dist/assets/svg/bitvid-logo-light-mode.svg b/dist/assets/svg/bitvid-logo-light-mode.svg
new file mode 100644
index 00000000..866c56d1
--- /dev/null
+++ b/dist/assets/svg/bitvid-logo-light-mode.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 318.32 108.98">
+  <g class="bv-logo__accent">
+    <rect x="7.1" y="7.8" width="5.84" height="5.48" />
+    <rect x="7.1" y="18.78" width="24.02" height="5.48" />
+    <rect x="7.1" y="29.77" width="42.85" height="5.48" />
+    <rect x="7.1" y="40.76" width="61.68" height="5.48" />
+    <rect x="7.1" y="51.75" width="80.88" height="5.48" />
+    <rect x="7.1" y="62.74" width="61.68" height="5.48" />
+    <rect x="7.1" y="73.73" width="42.85" height="5.48" />
+    <rect x="7.1" y="84.72" width="24.02" height="5.48" />
+    <rect x="7.1" y="95.71" width="5.84" height="5.48" />
+  </g>
+  <g class="bv-logo__wordmark">
+    <path d="M121.28 25.08v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V25.08h5.83Z" />
+    <path d="M168.53 25.08v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z" />
+    <path d="M191.36 25.08v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V25.08h5.83Z" />
+    <path d="M212.88 42.24l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z" />
+    <path d="M264.05 25.08v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83v-41.67h5.83Z" />
+    <path d="M311.21 25.08v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V25.08h5.83Z" />
+  </g>
+</svg>
diff --git a/dist/assets/svg/blog-icon.svg b/dist/assets/svg/blog-icon.svg
new file mode 100644
index 00000000..a8d1a095
--- /dev/null
+++ b/dist/assets/svg/blog-icon.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M13.744,8C13.744,8 15.266,0 10.409,0L2,0L2,24L22,24L22,11C22,7.581 16.753,7.255 13.744,8ZM18,19L6,19L6,18L18,18L18,19ZM18,16L6,16L6,15L18,15L18,16ZM18,13L6,13L6,12L18,12L18,13ZM14.568,0.075C16.77,1.249 20.506,4.958 22,6.956C20.714,6.056 17.956,5.299 15.909,5.777C16.131,4.309 15.724,1.243 14.568,0.075Z" fill="#5C6F8A" fill-rule="nonzero"/>
+</svg>
diff --git a/dist/assets/svg/copy-magnet.svg b/dist/assets/svg/copy-magnet.svg
new file mode 100644
index 00000000..ad77c62f
--- /dev/null
+++ b/dist/assets/svg/copy-magnet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.374 20.235c2.444-2.981 6.626-8.157 6.626-8.157l-3.846-3.092s-2.857 3.523-6.571 8.097c-4.312 5.312-11.881-2.41-6.671-6.671 4.561-3.729 8.097-6.57 8.097-6.57l-3.092-3.842s-5.173 4.181-8.157 6.621c-2.662 2.175-3.76 4.749-3.76 7.24 0 5.254 4.867 10.139 10.121 10.139 2.487 0 5.064-1.095 7.253-3.765zm4.724-7.953l-1.699 2.111-1.74-1.397 1.701-2.114 1.738 1.4zm-10.386-10.385l1.4 1.738-2.113 1.701-1.397-1.74 2.11-1.699z"/></svg>
\ No newline at end of file
diff --git a/dist/assets/svg/default-profile.svg b/dist/assets/svg/default-profile.svg
new file mode 100644
index 00000000..a90477f0
--- /dev/null
+++ b/dist/assets/svg/default-profile.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M12,0C5.373,0 0,5.373 0,12C0,18.627 5.373,24 12,24C18.627,24 24,18.627 24,12C24,5.373 18.627,0 12,0ZM12,22C8.877,22 6.086,20.559 4.251,18.31C4.51,17.722 5.034,17.315 6.118,17.064C8.362,16.546 10.577,16.083 9.511,14.119C6.356,8.299 8.612,5 12,5C15.322,5 17.634,8.177 14.489,14.119C13.454,16.071 15.589,16.535 17.882,17.064C18.964,17.314 19.492,17.719 19.753,18.305C17.917,20.558 15.125,22 12,22Z" fill="#5C6F8A" fill-rule="nonzero"/>
+</svg>
diff --git a/dist/assets/svg/dns-icon.svg b/dist/assets/svg/dns-icon.svg
new file mode 100644
index 00000000..b8fe2ba0
--- /dev/null
+++ b/dist/assets/svg/dns-icon.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M12,0C18.623,0 24,5.377 24,12C24,18.623 18.623,24 12,24C5.377,24 0,18.623 0,12C0,5.377 5.377,0 12,0M14.557,16L9.442,16C9.988,18.46 10.883,20.114 12,21.744C13.194,20.003 14.041,18.334 14.557,16M7.4,16L2.833,16C4.069,18.825 6.537,20.972 9.588,21.716C8.54,19.983 7.805,18.058 7.4,16M21.167,16L16.6,16C16.209,17.988 15.505,19.887 14.425,21.694C17.437,20.931 19.942,18.799 21.167,16M7.162,10L2.2,10C1.933,11.313 1.933,12.685 2.2,14L7.115,14C6.996,12.671 7.014,11.328 7.162,10M14.823,10L9.176,10C9.011,11.326 8.991,12.672 9.123,14L14.876,14C15.009,12.672 14.987,11.327 14.823,10M21.8,10L16.837,10C16.985,11.328 17.003,12.671 16.885,14L21.8,14C22.06,12.715 22.073,11.352 21.8,10M9.644,2.271C6.567,3.003 4.077,5.157 2.833,8L7.486,8C7.921,5.958 8.664,4.015 9.644,2.271M11.999,2.223C10.91,3.993 10.089,5.676 9.536,8L14.463,8C13.929,5.754 13.126,4.052 11.999,2.223M14.367,2.292C15.38,4.104 16.1,6.052 16.513,8L21.167,8C19.935,5.184 17.405,3.042 14.367,2.292" fill="#5C6F8A"/>
+</svg>
diff --git a/dist/assets/svg/ellipsis.svg b/dist/assets/svg/ellipsis.svg
new file mode 100644
index 00000000..ca2af607
--- /dev/null
+++ b/dist/assets/svg/ellipsis.svg
@@ -0,0 +1,11 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <circle cx="5" cy="12" r="2" fill="#ffffff" />
+  <circle cx="12" cy="12" r="2" fill="#ffffff" />
+  <circle cx="19" cy="12" r="2" fill="#ffffff" />
+</svg>
diff --git a/dist/assets/svg/explore-icon.svg b/dist/assets/svg/explore-icon.svg
new file mode 100644
index 00000000..efce984f
--- /dev/null
+++ b/dist/assets/svg/explore-icon.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M12,0C18.623,0 24,5.377 24,12C24,18.623 18.623,24 12,24C5.377,24 0,18.623 0,12C0,5.377 5.377,0 12,0ZM12,2C17.519,2 22,6.481 22,12C22,17.519 17.519,22 12,22C6.481,22 2,17.519 2,12C2,6.481 6.481,2 12,2ZM13.476,14.955C14.464,14.55 15.233,13.744 15.592,12.739L18,6L11.328,8.387C10.322,8.747 9.517,9.518 9.112,10.506L6.047,18L13.476,14.955ZM13.354,10.669C13.905,11.22 13.905,12.115 13.354,12.665C12.803,13.216 11.909,13.216 11.358,12.665C10.807,12.115 10.807,11.22 11.358,10.669C11.909,10.118 12.803,10.118 13.354,10.669Z" fill="#5C6F8A"/>
+</svg>
diff --git a/dist/assets/svg/feed-icon.svg b/dist/assets/svg/feed-icon.svg
new file mode 100644
index 00000000..4d657e01
--- /dev/null
+++ b/dist/assets/svg/feed-icon.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <g id="iconmonstr-weather-64.svg" transform="matrix(1,0,0,1,12,12)">
+        <g id="iconmonstr-filter-down-lined.svg" transform="matrix(1,0,0,1,-12,-12)">
+            <path d="M15.344,17.778C15.344,17.364 15.008,17.028 14.594,17.028L9.434,17.028C9.02,17.028 8.684,17.364 8.684,17.778C8.684,18.192 9.02,18.528 9.434,18.528L14.594,18.528C15.008,18.528 15.344,18.192 15.344,17.778ZM17.55,13.778C17.55,13.364 17.214,13.028 16.8,13.028L7.204,13.028C6.79,13.028 6.454,13.364 6.454,13.778C6.454,14.192 6.79,14.528 7.204,14.528L16.8,14.528C17.214,14.528 17.55,14.192 17.55,13.778ZM20,9.778C20,9.364 19.664,9.028 19.25,9.028L4.75,9.028C4.336,9.028 4,9.364 4,9.778C4,10.192 4.336,10.528 4.75,10.528L19.25,10.528C19.664,10.528 20,10.192 20,9.778ZM22,5.778C22,5.364 21.664,5.028 21.25,5.028L2.75,5.028C2.336,5.028 2,5.364 2,5.778C2,6.192 2.336,6.528 2.75,6.528L21.25,6.528C21.664,6.528 22,6.192 22,5.778Z" fill="#5C6F8A" fill-rule="nonzero"/>
+        </g>
+        <g id="iconmonstr-filter-down-lined.svg1" serif:id="iconmonstr-filter-down-lined.svg">
+        </g>
+    </g>
+</svg>
diff --git a/dist/assets/svg/filter.svg b/dist/assets/svg/filter.svg
new file mode 100644
index 00000000..3ee413c7
--- /dev/null
+++ b/dist/assets/svg/filter.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M5 5a2 2 0 1 1 4 0h9a1 1 0 1 1 0 2H9a2 2 0 1 1-4 0H4a1 1 0 1 1 0-2h1Zm10 6a2 2 0 1 1 4 0h1a1 1 0 1 1 0 2h-1a2 2 0 1 1-4 0H4a1 1 0 1 1 0-2h11Zm-6 7a2 2 0 1 1 4 0h6a1 1 0 1 1 0 2h-6a2 2 0 1 1-4 0H4a1 1 0 1 1 0-2h5Z" />
+</svg>
diff --git a/dist/assets/svg/for-you-feed-icon.svg b/dist/assets/svg/for-you-feed-icon.svg
new file mode 100644
index 00000000..40dec3bc
--- /dev/null
+++ b/dist/assets/svg/for-you-feed-icon.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <g id="iconmonstr-weather-64.svg" transform="matrix(1,0,0,1,12,12)">
+        <g transform="matrix(1,0,0,1,-12,-12)">
+            <path d="M11,10L0,10L0,8L11,8C11.552,8 12,7.552 12,7C12,6.448 11.552,6 11,6C10.597,6 10.253,6.242 10.095,6.587L8.346,5.631C8.845,4.666 9.84,4 11,4C14.971,4 14.969,10 11,10ZM18,17C18,15.344 16.656,14 15,14L0,14L0,16L15,16C15.552,16 16,16.448 16,17C16,17.552 15.552,18 15,18C14.597,18 14.253,17.758 14.095,17.413L12.346,18.369C12.845,19.334 13.84,20 15,20C16.656,20 18,18.656 18,17ZM19.014,9.345C19.096,8.592 19.726,8 20.5,8C21.327,8 22,8.673 22,9.5C22,10.327 21.327,11 20.5,11L0,11L0,13L20.5,13C22.432,13 24,11.432 24,9.5C24,7.568 22.432,6 20.5,6C18.876,6 17.523,7.116 17.128,8.617L19.014,9.345Z" fill="#5C6F8A" fill-rule="nonzero"/>
+        </g>
+    </g>
+</svg>
diff --git a/dist/assets/svg/getting-started-icon.svg b/dist/assets/svg/getting-started-icon.svg
new file mode 100644
index 00000000..b326c939
--- /dev/null
+++ b/dist/assets/svg/getting-started-icon.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M6.676,9.18C5.25,9.171 3.459,9.944 2.093,11.31C1.572,11.831 1.114,12.439 0.76,13.122C1.992,12.189 3.307,11.897 4.846,12.761C5.299,11.562 5.902,10.343 6.676,9.18ZM14.83,17.323C13.566,18.149 12.324,18.745 11.249,19.165C12.112,20.705 11.82,22.018 10.888,23.25C11.572,22.897 12.179,22.438 12.7,21.916C14.07,20.547 14.844,18.751 14.83,17.323ZM19.957,4.035C19.613,4.011 19.276,4 18.946,4C11.777,4 7.697,9.465 6.213,13.86L10.152,17.8C14.677,16.18 20,12.251 20,5.158C20,4.792 19.986,4.418 19.957,4.035ZM11.717,12.293C11.391,11.968 11.391,11.44 11.717,11.115C12.042,10.789 12.57,10.789 12.895,11.115C13.221,11.441 13.221,11.968 12.895,12.293C12.569,12.619 12.042,12.619 11.717,12.293ZM14.073,9.937C13.422,9.287 13.422,8.231 14.073,7.58C14.724,6.929 15.779,6.929 16.429,7.58C17.08,8.231 17.08,9.286 16.429,9.937C15.779,10.587 14.725,10.587 14.073,9.937ZM1.641,20.315L0.886,19.56L5.226,15.237L5.981,15.992L1.641,20.315ZM5.79,21.862L5.035,21.107L8.064,18.053L8.819,18.808L5.79,21.862ZM0.755,24L-0,23.245L5.373,17.881L6.129,18.636L0.755,24ZM21.838,9.709C21.65,10.327 21.165,10.811 20.547,11C21.165,11.188 21.65,11.672 21.838,12.291C22.027,11.672 22.511,11.188 23.129,11C22.511,10.812 22.027,10.328 21.838,9.709ZM7.183,3.205C6.936,4.015 6.302,4.648 5.493,4.895C6.303,5.142 6.936,5.776 7.183,6.585C7.431,5.776 8.064,5.142 8.873,4.895C8.063,4.648 7.431,4.015 7.183,3.205ZM5.356,0C5.157,0.649 4.65,1.157 4,1.355C4.65,1.554 5.157,2.062 5.356,2.71C5.554,2.061 6.062,1.553 6.71,1.355C6.062,1.157 5.555,0.649 5.356,0ZM10.743,0C10.427,1.035 9.616,1.846 8.58,2.163C9.616,2.479 10.427,3.289 10.743,4.326C11.059,3.29 11.87,2.48 12.905,2.163C11.87,1.846 11.06,1.035 10.743,0ZM21.838,13.64C21.522,14.676 20.711,15.486 19.675,15.803C20.711,16.119 21.522,16.965 21.838,18C22.154,16.964 22.965,16.119 24,15.803C22.965,15.486 22.154,14.676 21.838,13.64Z" fill="#5C6F8A" fill-rule="nonzero"/>
+</svg>
diff --git a/dist/assets/svg/github-icon.svg b/dist/assets/svg/github-icon.svg
new file mode 100644
index 00000000..ab3ceef4
--- /dev/null
+++ b/dist/assets/svg/github-icon.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M12,0C5.374,0 0,5.373 0,12C0,17.302 3.438,21.8 8.207,23.387C8.806,23.498 9,23.126 9,22.81L9,20.576C5.662,21.302 4.967,19.16 4.967,19.16C4.421,17.773 3.634,17.404 3.634,17.404C2.545,16.659 3.717,16.675 3.717,16.675C4.922,16.759 5.556,17.912 5.556,17.912C6.626,19.746 8.363,19.216 9.048,18.909C9.155,18.134 9.466,17.604 9.81,17.305C7.145,17 4.343,15.971 4.343,11.374C4.343,10.063 4.812,8.993 5.579,8.153C5.455,7.85 5.044,6.629 5.696,4.977C5.696,4.977 6.704,4.655 8.997,6.207C9.954,5.941 10.98,5.808 12,5.803C13.02,5.808 14.047,5.941 15.006,6.207C17.297,4.655 18.303,4.977 18.303,4.977C18.956,6.63 18.545,7.851 18.421,8.153C19.191,8.993 19.656,10.064 19.656,11.374C19.656,15.983 16.849,16.998 14.177,17.295C14.607,17.667 15,18.397 15,19.517L15,22.81C15,23.129 15.192,23.504 15.801,23.386C20.566,21.797 24,17.3 24,12C24,5.373 18.627,0 12,0Z" fill="#5C6F8A" fill-rule="nonzero"/>
+</svg>
diff --git a/dist/assets/svg/globe-icon.svg b/dist/assets/svg/globe-icon.svg
new file mode 100644
index 00000000..a65dacdf
--- /dev/null
+++ b/dist/assets/svg/globe-icon.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <circle cx="12" cy="12" r="10" />
+  <path d="M2 12h20" />
+  <path d="M12 2c2.5 2.7 4 6.2 4 10s-1.5 7.3-4 10" />
+  <path d="M12 2c-2.5 2.7-4 6.2-4 10s1.5 7.3 4 10" />
+</svg>
diff --git a/dist/assets/svg/guidelines-icon.svg b/dist/assets/svg/guidelines-icon.svg
new file mode 100644
index 00000000..81bf5bda
--- /dev/null
+++ b/dist/assets/svg/guidelines-icon.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M23.334,11.96C22.621,11.234 22.462,10.131 22.941,9.233C23.283,8.593 23.307,7.832 23.005,7.171C22.704,6.511 22.112,6.029 21.404,5.869C20.413,5.644 19.682,4.802 19.601,3.788C19.542,3.065 19.15,2.41 18.539,2.018C17.93,1.625 17.172,1.54 16.489,1.789C15.533,2.136 14.463,1.821 13.847,1.013C13.407,0.437 12.723,0.098 11.997,0.098C11.272,0.098 10.588,0.437 10.148,1.013C9.535,1.822 8.465,2.137 7.509,1.79C6.827,1.542 6.069,1.627 5.459,2.019C4.849,2.411 4.456,3.066 4.398,3.789C4.316,4.803 3.586,5.646 2.595,5.87C1.887,6.03 1.295,6.512 0.994,7.172C0.693,7.832 0.717,8.594 1.059,9.233C1.538,10.13 1.379,11.234 0.667,11.96C0.158,12.477 -0.08,13.202 0.023,13.92C0.126,14.638 0.559,15.267 1.193,15.62C2.081,16.115 2.545,17.13 2.337,18.125C2.19,18.835 2.381,19.573 2.856,20.121C3.332,20.67 4.036,20.965 4.758,20.919C5.774,20.856 6.711,21.459 7.075,22.408C7.334,23.086 7.895,23.603 8.592,23.807C9.287,24.011 10.039,23.879 10.623,23.45C11.442,22.847 12.559,22.847 13.377,23.45C13.961,23.88 14.713,24.012 15.408,23.807C16.105,23.603 16.666,23.085 16.926,22.408C17.289,21.459 18.227,20.855 19.242,20.919C19.966,20.965 20.669,20.67 21.144,20.121C21.619,19.573 21.811,18.835 21.663,18.125C21.456,17.13 21.919,16.115 22.808,15.62C23.441,15.266 23.873,14.638 23.977,13.92C24.081,13.202 23.842,12.477 23.334,11.96ZM10.75,17.39L6.25,13.026L8.107,11.169L10.75,13.675L16.393,7.891L18.25,9.748L10.75,17.39Z" fill="#5C6F8A" fill-rule="nonzero"/>
+</svg>
diff --git a/dist/assets/svg/history-icon.svg b/dist/assets/svg/history-icon.svg
new file mode 100644
index 00000000..afb899e6
--- /dev/null
+++ b/dist/assets/svg/history-icon.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg
+  width="100%"
+  height="100%"
+  viewBox="0 0 24 24"
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  xml:space="preserve"
+  xmlns:serif="http://www.serif.com/"
+  fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"
+>
+  <g transform="matrix(1,0,0,1,12,12)">
+    <g transform="matrix(1,0,0,1,-12,-12)">
+      <path
+        d="M12,2C6.486,2 2,6.486 2,12C2,17.514 6.486,22 12,22C17.514,22 22,17.514 22,12C22,6.486 17.514,2 12,2ZM12,4C16.411,4 20,7.589 20,12C20,16.411 16.411,20 12,20C7.589,20 4,16.411 4,12C4,7.589 7.589,4 12,4ZM11,7C10.448,7 10,7.448 10,8L10,13C10,13.266 10.105,13.52 10.293,13.707L13.293,16.707C13.683,17.098 14.317,17.098 14.707,16.707C15.098,16.317 15.098,15.683 14.707,15.293L12,12.586L12,8C12,7.448 11.552,7 11,7Z"
+        fill="#5C6F8A" fill-rule="nonzero"
+      />
+    </g>
+  </g>
+</svg>
diff --git a/dist/assets/svg/home-icon.svg b/dist/assets/svg/home-icon.svg
new file mode 100644
index 00000000..3774ff0d
--- /dev/null
+++ b/dist/assets/svg/home-icon.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M12,6.453L21,14.828L21,24L15,24L15,18L9,18L9,24L3,24L3,14.828L12,6.453ZM24,12.148L12,1L0,12.133L1.361,13.598L12,3.73L22.639,13.613L24,12.148Z" fill="#5C6F8A" fill-rule="nonzero"/>
+</svg>
diff --git a/dist/assets/svg/hot-icon.svg b/dist/assets/svg/hot-icon.svg
new file mode 100644
index 00000000..3a8f917c
--- /dev/null
+++ b/dist/assets/svg/hot-icon.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <g id="iconmonstr-weather-64.svg" transform="matrix(1,0,0,1,12,12)">
+        <g id="iconmonstr-whats-hot-1.svg" transform="matrix(1,0,0,1,-12,-12)">
+            <clipPath id="_clip1">
+                <rect x="0" y="0" width="24" height="24"/>
+            </clipPath>
+            <g clip-path="url(#_clip1)">
+                <path d="M8.625,0C9.235,7.189 3,9.664 3,15.996C3,20.297 6.069,23.968 12,24C17.931,24.032 21,19.586 21,15.044C21,10.903 18.938,6.998 15.048,4.57C15.972,7.177 14.742,9.558 13.547,10.378C13.617,7.041 12.422,2.089 8.625,0ZM13.336,13C17.091,16.989 14.785,22 11.769,22C9.934,22 8.99,20.735 9,19.423C9.019,16.99 11.737,16.988 13.336,13Z" fill="#5C6F8A"/>
+            </g>
+        </g>
+        <g id="iconmonstr-whats-hot-1.svg1" serif:id="iconmonstr-whats-hot-1.svg">
+        </g>
+    </g>
+</svg>
diff --git a/dist/assets/svg/lightning-bolt.svg b/dist/assets/svg/lightning-bolt.svg
new file mode 100644
index 00000000..db4c7623
--- /dev/null
+++ b/dist/assets/svg/lightning-bolt.svg
@@ -0,0 +1,13 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="white"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" />
+</svg>
diff --git a/dist/assets/svg/links-icon.svg b/dist/assets/svg/links-icon.svg
new file mode 100644
index 00000000..6fd6aef7
--- /dev/null
+++ b/dist/assets/svg/links-icon.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M21.337,0.458L17.4,4.394C14.951,2.928 11.73,3.25 9.62,5.36L5.359,9.622C3.249,11.732 2.926,14.953 4.391,17.402L0.456,21.337C-0.153,21.946 -0.153,22.934 0.456,23.544C1.065,24.154 2.054,24.153 2.663,23.544L6.598,19.609C9.047,21.074 12.268,20.753 14.378,18.642L18.639,14.381C20.749,12.271 21.072,9.05 19.607,6.6L23.543,2.664C24.152,2.055 24.152,1.067 23.543,0.457C22.934,-0.153 21.946,-0.152 21.337,0.458ZM16.475,12.215L12.214,16.476C11.319,17.37 10.038,17.645 8.904,17.303L10.536,15.671C11.145,15.062 11.145,14.074 10.536,13.464C9.927,12.854 8.938,12.855 8.329,13.464L6.698,15.096C6.355,13.963 6.631,12.681 7.524,11.787L11.785,7.526C12.68,6.632 13.961,6.357 15.095,6.699L13.464,8.329C12.855,8.938 12.855,9.926 13.464,10.536C14.073,11.146 15.062,11.145 15.671,10.536L17.301,8.906C17.644,10.039 17.368,11.321 16.475,12.215Z" fill="#5C6F8A" fill-rule="nonzero"/>
+</svg>
diff --git a/dist/assets/svg/mobile-sidebar-menu-icon.svg b/dist/assets/svg/mobile-sidebar-menu-icon.svg
new file mode 100644
index 00000000..cc40a849
--- /dev/null
+++ b/dist/assets/svg/mobile-sidebar-menu-icon.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M22,16.75C22,16.336 21.664,16 21.25,16L2.75,16C2.336,16 2,16.336 2,16.75C2,17.164 2.336,17.5 2.75,17.5L21.25,17.5C21.664,17.5 22,17.164 22,16.75ZM22,11.75C22,11.336 21.664,11 21.25,11L2.75,11C2.336,11 2,11.336 2,11.75C2,12.164 2.336,12.5 2.75,12.5L21.25,12.5C21.664,12.5 22,12.164 22,11.75ZM22,6.75C22,6.336 21.664,6 21.25,6L2.75,6C2.336,6 2,6.336 2,6.75C2,7.164 2.336,7.5 2.75,7.5L21.25,7.5C21.664,7.5 22,7.164 22,6.75Z" fill="#111827" fill-rule="nonzero"/>
+</svg>
diff --git a/dist/assets/svg/nostr-icon.svg b/dist/assets/svg/nostr-icon.svg
new file mode 100644
index 00000000..549e7796
--- /dev/null
+++ b/dist/assets/svg/nostr-icon.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <g id="Artboard1" transform="matrix(0.217336,0,0,0.428004,4.79827,-2.20936)">
+        <rect x="-22.078" y="5.162" width="110.428" height="56.074" fill="none"/>
+        <g id="nostr-head.svg" transform="matrix(0.143477,0,0,0.0728563,33.1364,33.1991)">
+            <g transform="matrix(1,0,0,1,-310,-310)">
+                <path d="M620,270.227L620,597.655C620,609.968 610.081,619.961 597.859,619.961L332.161,619.961C319.938,619.961 310.02,609.968 310.02,597.655L310.02,536.678C311.23,461.931 319.079,390.332 335.558,357.759C345.438,338.168 361.722,327.506 380.427,321.802C415.768,311.102 477.779,318.419 504.099,317.16C504.099,317.16 583.605,320.346 583.605,274.987C583.605,238.48 548.07,241.352 548.07,241.352C508.902,242.374 479.068,239.699 459.738,232.028C427.365,219.203 426.272,195.678 426.155,187.81C424.554,96.934 291.549,86.037 174.359,108.579C46.235,133.127 175.765,318.143 175.765,565.121L175.765,598.088C175.531,610.204 165.807,620 153.702,620L22.142,620C9.919,620 0,610.008 0,597.694L0,31.393C0,19.08 9.919,9.088 22.142,9.088L145.813,9.088C158.036,9.088 167.955,19.08 167.955,31.393C167.955,49.687 188.378,59.876 203.139,49.215C247.617,17.113 304.709,0 368.595,0C511.714,0 619.922,84.031 619.922,270.227L620,270.227ZM382.419,203.782C382.419,177.424 361.214,156.062 335.051,156.062C308.887,156.062 287.683,177.424 287.683,203.782C287.683,230.14 308.887,251.501 335.051,251.501C361.214,251.501 382.419,230.14 382.419,203.782Z" fill="#5C6F8A" fill-rule="nonzero"/>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/dist/assets/svg/roadmap-icon.svg b/dist/assets/svg/roadmap-icon.svg
new file mode 100644
index 00000000..9c9ed24e
--- /dev/null
+++ b/dist/assets/svg/roadmap-icon.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M23.961,8.429C23.13,9.411 22.347,10.347 22,12.204L22,18.887L18,21.366L18,12.205C17.653,10.348 16.87,9.412 16.039,8.43C15.131,7.355 14,6.019 14,3.801L14.019,3.456L12,2L6.455,6L0,2L0,20L6.455,24L12,20L17.545,24L24,20L24,8.382L23.961,8.429ZM11,18.255L7,21.14L7,8.073L11,5.187L11,18.255ZM20,0C17.9,0 16,1.702 16,3.801C16,6.922 19.188,7.252 20,12C20.812,7.252 24,6.922 24,3.801C24,1.702 22.1,0 20,0ZM20,5.5C19.172,5.5 18.5,4.829 18.5,4C18.5,3.171 19.172,2.5 20,2.5C20.828,2.5 21.5,3.171 21.5,4C21.5,4.829 20.828,5.5 20,5.5Z" fill="#5C6F8A" fill-rule="nonzero"/>
+</svg>
diff --git a/dist/assets/svg/search.svg b/dist/assets/svg/search.svg
new file mode 100644
index 00000000..1de56661
--- /dev/null
+++ b/dist/assets/svg/search.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M23.822 20.88l-6.353-6.354c.93-1.465 1.467-3.2 1.467-5.059.001-5.219-4.247-9.467-9.468-9.467s-9.468 4.248-9.468 9.468c0 5.221 4.247 9.469 9.468 9.469 1.768 0 3.421-.487 4.839-1.333l6.396 6.396 3.119-3.12zm-20.294-11.412c0-3.273 2.665-5.938 5.939-5.938 3.275 0 5.94 2.664 5.94 5.938 0 3.275-2.665 5.939-5.94 5.939-3.274 0-5.939-2.664-5.939-5.939z" />
+</svg>
diff --git a/dist/assets/svg/share-video.svg b/dist/assets/svg/share-video.svg
new file mode 100644
index 00000000..66ae9280
--- /dev/null
+++ b/dist/assets/svg/share-video.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 7c2.761 0 5 2.239 5 5s-2.239 5-5 5-5-2.239-5-5 2.239-5 5-5zm11.122 12.065c-.073.301-.122.611-.122.935 0 2.209 1.791 4 4 4s4-1.791 4-4-1.791-4-4-4c-1.165 0-2.204.506-2.935 1.301l-5.488-2.927c-.23.636-.549 1.229-.943 1.764l5.488 2.927zm7.878-15.065c0-2.209-1.791-4-4-4s-4 1.791-4 4c0 .324.049.634.122.935l-5.488 2.927c.395.535.713 1.127.943 1.764l5.488-2.927c.731.795 1.77 1.301 2.935 1.301 2.209 0 4-1.791 4-4z"/></svg>
\ No newline at end of file
diff --git a/dist/assets/svg/subscribe-button-icon.svg b/dist/assets/svg/subscribe-button-icon.svg
new file mode 100644
index 00000000..889b3652
--- /dev/null
+++ b/dist/assets/svg/subscribe-button-icon.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M21.698,10.658L24,12L11.998,19L0,12L2.301,10.658L11.998,16.316L21.698,10.658ZM11.998,21.315L2.301,15.657L0,17L11.998,24L24,17L21.698,15.658L11.998,21.315ZM24,7L11.998,-0L0,7L11.998,14L24,7Z" fill="white" fill-rule="nonzero"/>
+</svg>
diff --git a/dist/assets/svg/subscriptions-icon.svg b/dist/assets/svg/subscriptions-icon.svg
new file mode 100644
index 00000000..333ecc30
--- /dev/null
+++ b/dist/assets/svg/subscriptions-icon.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M21.698,10.658L24,12L11.998,19L0,12L2.301,10.658L11.998,16.316L21.698,10.658ZM11.998,21.315L2.301,15.657L0,17L11.998,24L24,17L21.698,15.658L11.998,21.315ZM24,7L11.998,-0L0,7L11.998,14L24,7Z" fill="#5C6F8A" fill-rule="nonzero"/>
+</svg>
diff --git a/dist/assets/svg/upload-content-icon.svg b/dist/assets/svg/upload-content-icon.svg
new file mode 100644
index 00000000..4f4904b7
--- /dev/null
+++ b/dist/assets/svg/upload-content-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"/></svg>
\ No newline at end of file
diff --git a/dist/assets/svg/video-settings-gear.svg b/dist/assets/svg/video-settings-gear.svg
new file mode 100644
index 00000000..cc5f32ef
--- /dev/null
+++ b/dist/assets/svg/video-settings-gear.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+    <path d="M24,13.616L24,10.384C22.349,9.797 21.306,9.632 20.781,8.365L20.781,8.364C20.254,7.093 20.881,6.23 21.628,4.657L19.343,2.372C17.782,3.114 16.91,3.747 15.636,3.219L15.635,3.219C14.366,2.693 14.2,1.643 13.616,0L10.384,0C9.802,1.635 9.635,2.692 8.365,3.219L8.364,3.219C7.093,3.747 6.232,3.121 4.657,2.372L2.372,4.657C3.117,6.225 3.747,7.091 3.219,8.364C2.692,9.635 1.635,9.802 0,10.384L0,13.616C1.632,14.196 2.692,14.365 3.219,15.635C3.749,16.917 3.105,17.801 2.372,19.342L4.657,21.628C6.219,20.885 7.091,20.253 8.364,20.781L8.365,20.781C9.635,21.307 9.801,22.36 10.384,24L13.616,24C14.198,22.364 14.366,21.31 15.643,20.778L15.644,20.778C16.906,20.254 17.764,20.879 19.342,21.629L21.627,19.343C20.883,17.78 20.252,16.91 20.779,15.637C21.306,14.366 22.367,14.197 24,13.616ZM12,16C9.791,16 8,14.209 8,12C8,9.791 9.791,8 12,8C14.209,8 16,9.791 16,12C16,14.209 14.209,16 12,16Z" fill="white" fill-rule="nonzero"/>
+</svg>
diff --git a/dist/bitvid_logo/beacon-icon.svg b/dist/bitvid_logo/beacon-icon.svg
new file mode 100644
index 00000000..235cdc5d
--- /dev/null
+++ b/dist/bitvid_logo/beacon-icon.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <g transform="matrix(0.0349343 0 0 0.0349343 -55.5414 -28.6416)">
+    <path d="M1878.62 1496.58c-159.12-26.17-280.67-164.49-280.67-330.98 0-185.13 150.3-335.43 335.43-335.43s335.44 150.3 335.44 335.43c0 166.26-121.22 304.43-280.02 330.87v-29.68c142.58-26.11 250.79-151.11 250.8-301.19 0-169-137.21-306.21-306.21-306.21s-306.2 137.21-306.2 306.21c0 150.31 108.54 275.47 251.44 301.33v29.73Zm0-95.9c-106.85-24.83-186.56-120.72-186.56-235.08 0-133.19 108.13-241.33 241.32-241.33s241.33 108.14 241.33 241.33c0 113.13-79.39 208.86-185.91 233.93v-30.16c90.22-24.39 156.68-106.88 156.68-204.77 0-117.06-97.12-214.22-214.18-214.22s-214.18 97.12-214.18 214.22c0 97.13 66.78 179.78 157.33 203.95v32.08Zm0-96.67c-55.07-21.83-94.06-75.6-94.06-138.41 0-82.14 66.68-148.83 148.82-148.83s148.83 66.69 148.83 148.83c0 62.56-38.68 116.16-93.41 138.15v-32.16c38.13-20 64.18-59.97 64.18-106 0-66 53.59-119.59 119.6-119.59s119.59 53.59 119.59 119.59c0 46.28-26.34 86.45-64.83 106.33v32.08c-55.07 21.83-94.06 75.6-94.06 138.41 0 82.14 66.68 148.83 148.82 148.83s148.83-66.69 148.83-148.83c0-62.6-38.68-116.2-93.41-138.19v-32.08c38.13-20 64.18-59.97 64.18-106 0-66-53.59-119.59-119.6-119.59s-119.59 53.59-119.59 119.59c0 46.28 26.34 86.45 64.83 106.33v32.08c-55.07 21.83-94.06 75.6-94.06 138.41 0 82.14 66.68 148.83 148.82 148.83s148.83-66.69 148.83-148.83c0-62.56-38.68-116.16-93.41-138.15v-32.16c38.13-20 64.18-59.97 64.18-106 0-66-53.59-119.59-119.6-119.59s-119.59 53.59-119.59 119.59c0 46.28 26.34 86.45 64.83 106.33v32.08Z" />
+  </g>
+</svg>
diff --git a/dist/bitvid_logo/bitvid-01.png b/dist/bitvid_logo/bitvid-01.png
new file mode 100644
index 00000000..1af4372a
Binary files /dev/null and b/dist/bitvid_logo/bitvid-01.png differ
diff --git a/dist/bitvid_logo/bitvid-01.svg b/dist/bitvid_logo/bitvid-01.svg
new file mode 100644
index 00000000..866c56d1
--- /dev/null
+++ b/dist/bitvid_logo/bitvid-01.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 318.32 108.98">
+  <g class="bv-logo__accent">
+    <rect x="7.1" y="7.8" width="5.84" height="5.48" />
+    <rect x="7.1" y="18.78" width="24.02" height="5.48" />
+    <rect x="7.1" y="29.77" width="42.85" height="5.48" />
+    <rect x="7.1" y="40.76" width="61.68" height="5.48" />
+    <rect x="7.1" y="51.75" width="80.88" height="5.48" />
+    <rect x="7.1" y="62.74" width="61.68" height="5.48" />
+    <rect x="7.1" y="73.73" width="42.85" height="5.48" />
+    <rect x="7.1" y="84.72" width="24.02" height="5.48" />
+    <rect x="7.1" y="95.71" width="5.84" height="5.48" />
+  </g>
+  <g class="bv-logo__wordmark">
+    <path d="M121.28 25.08v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V25.08h5.83Z" />
+    <path d="M168.53 25.08v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z" />
+    <path d="M191.36 25.08v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V25.08h5.83Z" />
+    <path d="M212.88 42.24l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z" />
+    <path d="M264.05 25.08v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83v-41.67h5.83Z" />
+    <path d="M311.21 25.08v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V25.08h5.83Z" />
+  </g>
+</svg>
diff --git a/dist/bitvid_logo/bitvid-02.png b/dist/bitvid_logo/bitvid-02.png
new file mode 100644
index 00000000..3e7ab1f1
Binary files /dev/null and b/dist/bitvid_logo/bitvid-02.png differ
diff --git a/dist/bitvid_logo/bitvid-02.svg b/dist/bitvid_logo/bitvid-02.svg
new file mode 100644
index 00000000..866c56d1
--- /dev/null
+++ b/dist/bitvid_logo/bitvid-02.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 318.32 108.98">
+  <g class="bv-logo__accent">
+    <rect x="7.1" y="7.8" width="5.84" height="5.48" />
+    <rect x="7.1" y="18.78" width="24.02" height="5.48" />
+    <rect x="7.1" y="29.77" width="42.85" height="5.48" />
+    <rect x="7.1" y="40.76" width="61.68" height="5.48" />
+    <rect x="7.1" y="51.75" width="80.88" height="5.48" />
+    <rect x="7.1" y="62.74" width="61.68" height="5.48" />
+    <rect x="7.1" y="73.73" width="42.85" height="5.48" />
+    <rect x="7.1" y="84.72" width="24.02" height="5.48" />
+    <rect x="7.1" y="95.71" width="5.84" height="5.48" />
+  </g>
+  <g class="bv-logo__wordmark">
+    <path d="M121.28 25.08v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V25.08h5.83Z" />
+    <path d="M168.53 25.08v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z" />
+    <path d="M191.36 25.08v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V25.08h5.83Z" />
+    <path d="M212.88 42.24l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z" />
+    <path d="M264.05 25.08v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83v-41.67h5.83Z" />
+    <path d="M311.21 25.08v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V25.08h5.83Z" />
+  </g>
+</svg>
diff --git a/dist/bitvid_logo/bitvid-03.png b/dist/bitvid_logo/bitvid-03.png
new file mode 100644
index 00000000..baed2eeb
Binary files /dev/null and b/dist/bitvid_logo/bitvid-03.png differ
diff --git a/dist/bitvid_logo/bitvid-03.svg b/dist/bitvid_logo/bitvid-03.svg
new file mode 100644
index 00000000..866c56d1
--- /dev/null
+++ b/dist/bitvid_logo/bitvid-03.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 318.32 108.98">
+  <g class="bv-logo__accent">
+    <rect x="7.1" y="7.8" width="5.84" height="5.48" />
+    <rect x="7.1" y="18.78" width="24.02" height="5.48" />
+    <rect x="7.1" y="29.77" width="42.85" height="5.48" />
+    <rect x="7.1" y="40.76" width="61.68" height="5.48" />
+    <rect x="7.1" y="51.75" width="80.88" height="5.48" />
+    <rect x="7.1" y="62.74" width="61.68" height="5.48" />
+    <rect x="7.1" y="73.73" width="42.85" height="5.48" />
+    <rect x="7.1" y="84.72" width="24.02" height="5.48" />
+    <rect x="7.1" y="95.71" width="5.84" height="5.48" />
+  </g>
+  <g class="bv-logo__wordmark">
+    <path d="M121.28 25.08v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V25.08h5.83Z" />
+    <path d="M168.53 25.08v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z" />
+    <path d="M191.36 25.08v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V25.08h5.83Z" />
+    <path d="M212.88 42.24l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z" />
+    <path d="M264.05 25.08v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83v-41.67h5.83Z" />
+    <path d="M311.21 25.08v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V25.08h5.83Z" />
+  </g>
+</svg>
diff --git a/dist/bitvid_logo/bitvid-04.png b/dist/bitvid_logo/bitvid-04.png
new file mode 100644
index 00000000..1abe1694
Binary files /dev/null and b/dist/bitvid_logo/bitvid-04.png differ
diff --git a/dist/bitvid_logo/bitvid-04.svg b/dist/bitvid_logo/bitvid-04.svg
new file mode 100644
index 00000000..866c56d1
--- /dev/null
+++ b/dist/bitvid_logo/bitvid-04.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 318.32 108.98">
+  <g class="bv-logo__accent">
+    <rect x="7.1" y="7.8" width="5.84" height="5.48" />
+    <rect x="7.1" y="18.78" width="24.02" height="5.48" />
+    <rect x="7.1" y="29.77" width="42.85" height="5.48" />
+    <rect x="7.1" y="40.76" width="61.68" height="5.48" />
+    <rect x="7.1" y="51.75" width="80.88" height="5.48" />
+    <rect x="7.1" y="62.74" width="61.68" height="5.48" />
+    <rect x="7.1" y="73.73" width="42.85" height="5.48" />
+    <rect x="7.1" y="84.72" width="24.02" height="5.48" />
+    <rect x="7.1" y="95.71" width="5.84" height="5.48" />
+  </g>
+  <g class="bv-logo__wordmark">
+    <path d="M121.28 25.08v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V25.08h5.83Z" />
+    <path d="M168.53 25.08v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z" />
+    <path d="M191.36 25.08v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V25.08h5.83Z" />
+    <path d="M212.88 42.24l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z" />
+    <path d="M264.05 25.08v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83v-41.67h5.83Z" />
+    <path d="M311.21 25.08v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V25.08h5.83Z" />
+  </g>
+</svg>
diff --git a/dist/bitvid_logo/bitvid-05.png b/dist/bitvid_logo/bitvid-05.png
new file mode 100644
index 00000000..51793126
Binary files /dev/null and b/dist/bitvid_logo/bitvid-05.png differ
diff --git a/dist/bitvid_logo/bitvid-05.svg b/dist/bitvid_logo/bitvid-05.svg
new file mode 100644
index 00000000..4a397f87
--- /dev/null
+++ b/dist/bitvid_logo/bitvid-05.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112.46 112.46">
+  <g class="bv-logo__accent">
+    <rect x="15.79" y="9.53" width="5.84" height="5.48" />
+    <rect x="15.79" y="20.52" width="24.02" height="5.48" />
+    <rect x="15.79" y="31.51" width="42.85" height="5.48" />
+    <rect x="15.79" y="42.5" width="61.68" height="5.48" />
+    <rect x="15.79" y="53.49" width="80.88" height="5.48" />
+    <rect x="15.79" y="64.48" width="61.68" height="5.48" />
+    <rect x="15.79" y="75.47" width="42.85" height="5.48" />
+    <rect x="15.79" y="86.45" width="24.02" height="5.48" />
+    <rect x="15.79" y="97.44" width="5.84" height="5.48" />
+  </g>
+</svg>
diff --git a/dist/bitvid_logo/bitvid-06.png b/dist/bitvid_logo/bitvid-06.png
new file mode 100644
index 00000000..a8922f41
Binary files /dev/null and b/dist/bitvid_logo/bitvid-06.png differ
diff --git a/dist/bitvid_logo/bitvid-06.svg b/dist/bitvid_logo/bitvid-06.svg
new file mode 100644
index 00000000..4a397f87
--- /dev/null
+++ b/dist/bitvid_logo/bitvid-06.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112.46 112.46">
+  <g class="bv-logo__accent">
+    <rect x="15.79" y="9.53" width="5.84" height="5.48" />
+    <rect x="15.79" y="20.52" width="24.02" height="5.48" />
+    <rect x="15.79" y="31.51" width="42.85" height="5.48" />
+    <rect x="15.79" y="42.5" width="61.68" height="5.48" />
+    <rect x="15.79" y="53.49" width="80.88" height="5.48" />
+    <rect x="15.79" y="64.48" width="61.68" height="5.48" />
+    <rect x="15.79" y="75.47" width="42.85" height="5.48" />
+    <rect x="15.79" y="86.45" width="24.02" height="5.48" />
+    <rect x="15.79" y="97.44" width="5.84" height="5.48" />
+  </g>
+</svg>
diff --git a/dist/bitvid_logo/bitvid-07.png b/dist/bitvid_logo/bitvid-07.png
new file mode 100644
index 00000000..e9a87797
Binary files /dev/null and b/dist/bitvid_logo/bitvid-07.png differ
diff --git a/dist/bitvid_logo/bitvid-07.svg b/dist/bitvid_logo/bitvid-07.svg
new file mode 100644
index 00000000..4a397f87
--- /dev/null
+++ b/dist/bitvid_logo/bitvid-07.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112.46 112.46">
+  <g class="bv-logo__accent">
+    <rect x="15.79" y="9.53" width="5.84" height="5.48" />
+    <rect x="15.79" y="20.52" width="24.02" height="5.48" />
+    <rect x="15.79" y="31.51" width="42.85" height="5.48" />
+    <rect x="15.79" y="42.5" width="61.68" height="5.48" />
+    <rect x="15.79" y="53.49" width="80.88" height="5.48" />
+    <rect x="15.79" y="64.48" width="61.68" height="5.48" />
+    <rect x="15.79" y="75.47" width="42.85" height="5.48" />
+    <rect x="15.79" y="86.45" width="24.02" height="5.48" />
+    <rect x="15.79" y="97.44" width="5.84" height="5.48" />
+  </g>
+</svg>
diff --git a/dist/bitvid_logo/bitvid-08.png b/dist/bitvid_logo/bitvid-08.png
new file mode 100644
index 00000000..10b232a0
Binary files /dev/null and b/dist/bitvid_logo/bitvid-08.png differ
diff --git a/dist/bitvid_logo/bitvid-08.svg b/dist/bitvid_logo/bitvid-08.svg
new file mode 100644
index 00000000..db3d2c43
--- /dev/null
+++ b/dist/bitvid_logo/bitvid-08.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 229.82 88">
+  <g class="bv-logo__wordmark">
+    <path d="M22.86 14.59v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V14.59h5.83Z" />
+    <path d="M70.11 14.59v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z" />
+    <path d="M92.94 14.59v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V14.59h5.83Z" />
+    <path d="M114.46 31.75l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z" />
+    <path d="M165.63 14.59v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83V31.75h5.83Z" />
+    <path d="M212.79 14.59v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V14.59h5.83Z" />
+  </g>
+</svg>
diff --git a/dist/bitvid_logo/bitvid-09.png b/dist/bitvid_logo/bitvid-09.png
new file mode 100644
index 00000000..98b56679
Binary files /dev/null and b/dist/bitvid_logo/bitvid-09.png differ
diff --git a/dist/bitvid_logo/bitvid-09.svg b/dist/bitvid_logo/bitvid-09.svg
new file mode 100644
index 00000000..db3d2c43
--- /dev/null
+++ b/dist/bitvid_logo/bitvid-09.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 229.82 88">
+  <g class="bv-logo__wordmark">
+    <path d="M22.86 14.59v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V14.59h5.83Z" />
+    <path d="M70.11 14.59v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z" />
+    <path d="M92.94 14.59v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V14.59h5.83Z" />
+    <path d="M114.46 31.75l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z" />
+    <path d="M165.63 14.59v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83V31.75h5.83Z" />
+    <path d="M212.79 14.59v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V14.59h5.83Z" />
+  </g>
+</svg>
diff --git a/dist/bitvid_logo/bitvid-10.png b/dist/bitvid_logo/bitvid-10.png
new file mode 100644
index 00000000..5550379d
Binary files /dev/null and b/dist/bitvid_logo/bitvid-10.png differ
diff --git a/dist/bitvid_logo/bitvid-10.svg b/dist/bitvid_logo/bitvid-10.svg
new file mode 100644
index 00000000..db3d2c43
--- /dev/null
+++ b/dist/bitvid_logo/bitvid-10.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 229.82 88">
+  <g class="bv-logo__wordmark">
+    <path d="M22.86 14.59v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V14.59h5.83Z" />
+    <path d="M70.11 14.59v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z" />
+    <path d="M92.94 14.59v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V14.59h5.83Z" />
+    <path d="M114.46 31.75l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z" />
+    <path d="M165.63 14.59v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83V31.75h5.83Z" />
+    <path d="M212.79 14.59v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V14.59h5.83Z" />
+  </g>
+</svg>
diff --git a/dist/bitvid_logo/bitvid-11.png b/dist/bitvid_logo/bitvid-11.png
new file mode 100644
index 00000000..ca973515
Binary files /dev/null and b/dist/bitvid_logo/bitvid-11.png differ
diff --git a/dist/bitvid_logo/bitvid-11.svg b/dist/bitvid_logo/bitvid-11.svg
new file mode 100644
index 00000000..9bd17951
--- /dev/null
+++ b/dist/bitvid_logo/bitvid-11.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 196.27 196.27">
+  <rect class="bv-logo__background" width="196.27" height="196.27" />
+  <g class="bv-logo__accent">
+    <rect x="67.7" y="51.44" width="5.84" height="5.48" />
+    <rect x="67.7" y="62.43" width="24.02" height="5.48" />
+    <rect x="67.7" y="73.41" width="42.85" height="5.48" />
+    <rect x="67.7" y="84.4" width="61.68" height="5.48" />
+    <rect x="67.7" y="95.39" width="80.88" height="5.48" />
+    <rect x="67.7" y="106.38" width="61.68" height="5.48" />
+    <rect x="67.7" y="117.36" width="42.85" height="5.48" />
+    <rect x="67.7" y="128.35" width="24.02" height="5.48" />
+    <rect x="67.7" y="139.34" width="5.84" height="5.48" />
+  </g>
+</svg>
diff --git a/dist/bitvid_logo/bitvid-12.png b/dist/bitvid_logo/bitvid-12.png
new file mode 100644
index 00000000..b82c9707
Binary files /dev/null and b/dist/bitvid_logo/bitvid-12.png differ
diff --git a/dist/bitvid_logo/bitvid-12.svg b/dist/bitvid_logo/bitvid-12.svg
new file mode 100644
index 00000000..9bd17951
--- /dev/null
+++ b/dist/bitvid_logo/bitvid-12.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 196.27 196.27">
+  <rect class="bv-logo__background" width="196.27" height="196.27" />
+  <g class="bv-logo__accent">
+    <rect x="67.7" y="51.44" width="5.84" height="5.48" />
+    <rect x="67.7" y="62.43" width="24.02" height="5.48" />
+    <rect x="67.7" y="73.41" width="42.85" height="5.48" />
+    <rect x="67.7" y="84.4" width="61.68" height="5.48" />
+    <rect x="67.7" y="95.39" width="80.88" height="5.48" />
+    <rect x="67.7" y="106.38" width="61.68" height="5.48" />
+    <rect x="67.7" y="117.36" width="42.85" height="5.48" />
+    <rect x="67.7" y="128.35" width="24.02" height="5.48" />
+    <rect x="67.7" y="139.34" width="5.84" height="5.48" />
+  </g>
+</svg>
diff --git a/dist/bitvid_logo/bitvid-13.png b/dist/bitvid_logo/bitvid-13.png
new file mode 100644
index 00000000..5d0f0d45
Binary files /dev/null and b/dist/bitvid_logo/bitvid-13.png differ
diff --git a/dist/bitvid_logo/bitvid-13.svg b/dist/bitvid_logo/bitvid-13.svg
new file mode 100644
index 00000000..0f5cb6b0
--- /dev/null
+++ b/dist/bitvid_logo/bitvid-13.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 196.27 196.27">
+  <rect class="bv-logo__background" width="196.27" height="196.27" />
+  <g class="bv-logo__wordmark">
+    <rect x="67.7" y="51.44" width="5.84" height="5.48" />
+    <rect x="67.7" y="62.43" width="24.02" height="5.48" />
+    <rect x="67.7" y="73.41" width="42.85" height="5.48" />
+    <rect x="67.7" y="84.4" width="61.68" height="5.48" />
+    <rect x="67.7" y="95.39" width="80.88" height="5.48" />
+    <rect x="67.7" y="106.38" width="61.68" height="5.48" />
+    <rect x="67.7" y="117.36" width="42.85" height="5.48" />
+    <rect x="67.7" y="128.35" width="24.02" height="5.48" />
+    <rect x="67.7" y="139.34" width="5.84" height="5.48" />
+  </g>
+</svg>
diff --git a/dist/bitvid_logo/bitvid-14.png b/dist/bitvid_logo/bitvid-14.png
new file mode 100644
index 00000000..b898ebe0
Binary files /dev/null and b/dist/bitvid_logo/bitvid-14.png differ
diff --git a/dist/bitvid_logo/bitvid-14.svg b/dist/bitvid_logo/bitvid-14.svg
new file mode 100644
index 00000000..0f5cb6b0
--- /dev/null
+++ b/dist/bitvid_logo/bitvid-14.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 196.27 196.27">
+  <rect class="bv-logo__background" width="196.27" height="196.27" />
+  <g class="bv-logo__wordmark">
+    <rect x="67.7" y="51.44" width="5.84" height="5.48" />
+    <rect x="67.7" y="62.43" width="24.02" height="5.48" />
+    <rect x="67.7" y="73.41" width="42.85" height="5.48" />
+    <rect x="67.7" y="84.4" width="61.68" height="5.48" />
+    <rect x="67.7" y="95.39" width="80.88" height="5.48" />
+    <rect x="67.7" y="106.38" width="61.68" height="5.48" />
+    <rect x="67.7" y="117.36" width="42.85" height="5.48" />
+    <rect x="67.7" y="128.35" width="24.02" height="5.48" />
+    <rect x="67.7" y="139.34" width="5.84" height="5.48" />
+  </g>
+</svg>
diff --git a/dist/bitvid_logo/bitvid-15.png b/dist/bitvid_logo/bitvid-15.png
new file mode 100644
index 00000000..c40dc341
Binary files /dev/null and b/dist/bitvid_logo/bitvid-15.png differ
diff --git a/dist/bitvid_logo/bitvid-15.svg b/dist/bitvid_logo/bitvid-15.svg
new file mode 100644
index 00000000..0f5cb6b0
--- /dev/null
+++ b/dist/bitvid_logo/bitvid-15.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 196.27 196.27">
+  <rect class="bv-logo__background" width="196.27" height="196.27" />
+  <g class="bv-logo__wordmark">
+    <rect x="67.7" y="51.44" width="5.84" height="5.48" />
+    <rect x="67.7" y="62.43" width="24.02" height="5.48" />
+    <rect x="67.7" y="73.41" width="42.85" height="5.48" />
+    <rect x="67.7" y="84.4" width="61.68" height="5.48" />
+    <rect x="67.7" y="95.39" width="80.88" height="5.48" />
+    <rect x="67.7" y="106.38" width="61.68" height="5.48" />
+    <rect x="67.7" y="117.36" width="42.85" height="5.48" />
+    <rect x="67.7" y="128.35" width="24.02" height="5.48" />
+    <rect x="67.7" y="139.34" width="5.84" height="5.48" />
+  </g>
+</svg>
diff --git a/dist/bitvid_logo/bitvid-16.png b/dist/bitvid_logo/bitvid-16.png
new file mode 100644
index 00000000..04089914
Binary files /dev/null and b/dist/bitvid_logo/bitvid-16.png differ
diff --git a/dist/bitvid_logo/bitvid-16.svg b/dist/bitvid_logo/bitvid-16.svg
new file mode 100644
index 00000000..9bd17951
--- /dev/null
+++ b/dist/bitvid_logo/bitvid-16.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 196.27 196.27">
+  <rect class="bv-logo__background" width="196.27" height="196.27" />
+  <g class="bv-logo__accent">
+    <rect x="67.7" y="51.44" width="5.84" height="5.48" />
+    <rect x="67.7" y="62.43" width="24.02" height="5.48" />
+    <rect x="67.7" y="73.41" width="42.85" height="5.48" />
+    <rect x="67.7" y="84.4" width="61.68" height="5.48" />
+    <rect x="67.7" y="95.39" width="80.88" height="5.48" />
+    <rect x="67.7" y="106.38" width="61.68" height="5.48" />
+    <rect x="67.7" y="117.36" width="42.85" height="5.48" />
+    <rect x="67.7" y="128.35" width="24.02" height="5.48" />
+    <rect x="67.7" y="139.34" width="5.84" height="5.48" />
+  </g>
+</svg>
diff --git a/dist/bitvid_logo/bitvid.afdesign b/dist/bitvid_logo/bitvid.afdesign
new file mode 100644
index 00000000..06563576
Binary files /dev/null and b/dist/bitvid_logo/bitvid.afdesign differ
diff --git a/dist/bitvid_logo/bitvid.ai b/dist/bitvid_logo/bitvid.ai
new file mode 100644
index 00000000..6556180a
--- /dev/null
+++ b/dist/bitvid_logo/bitvid.ai
@@ -0,0 +1,2006 @@
+%PDF-1.6
%����
+1 0 obj
<</Metadata 2 0 R/OCProperties<</D<</ON[32 0 R]/Order 33 0 R/RBGroups[]>>/OCGs[32 0 R]>>/Pages 3 0 R/Type/Catalog>>
endobj
2 0 obj
<</Length 40841/Subtype/XML/Type/Metadata>>stream
+<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
+<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 9.1-c002 79.b7c64cc, 2024/07/16-07:59:40        ">
+   <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+      <rdf:Description rdf:about=""
+            xmlns:dc="http://purl.org/dc/elements/1.1/"
+            xmlns:xmp="http://ns.adobe.com/xap/1.0/"
+            xmlns:xmpGImg="http://ns.adobe.com/xap/1.0/g/img/"
+            xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
+            xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#"
+            xmlns:stEvt="http://ns.adobe.com/xap/1.0/sType/ResourceEvent#"
+            xmlns:illustrator="http://ns.adobe.com/illustrator/1.0/"
+            xmlns:xmpTPg="http://ns.adobe.com/xap/1.0/t/pg/"
+            xmlns:stDim="http://ns.adobe.com/xap/1.0/sType/Dimensions#"
+            xmlns:xmpG="http://ns.adobe.com/xap/1.0/g/"
+            xmlns:pdf="http://ns.adobe.com/pdf/1.3/">
+         <dc:format>application/pdf</dc:format>
+         <dc:title>
+            <rdf:Alt>
+               <rdf:li xml:lang="x-default">bitvid</rdf:li>
+            </rdf:Alt>
+         </dc:title>
+         <xmp:MetadataDate>2025-01-07T14:48:06-05:00</xmp:MetadataDate>
+         <xmp:ModifyDate>2025-01-07T14:48:06-05:00</xmp:ModifyDate>
+         <xmp:CreateDate>2025-01-07T14:48:06-05:00</xmp:CreateDate>
+         <xmp:CreatorTool>Adobe Illustrator 29.1 (Macintosh)</xmp:CreatorTool>
+         <xmp:Thumbnails>
+            <rdf:Alt>
+               <rdf:li rdf:parseType="Resource">
+                  <xmpGImg:width>256</xmpGImg:width>
+                  <xmpGImg:height>160</xmpGImg:height>
+                  <xmpGImg:format>JPEG</xmpGImg:format>
+                  <xmpGImg:image>/9j/4AAQSkZJRgABAgEASABIAAD/7QAsUGhvdG9zaG9wIDMuMAA4QklNA+0AAAAAABAASAAAAAEA&#xA;AQBIAAAAAQAB/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoK&#xA;DBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8f&#xA;Hx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgAoAEAAwER&#xA;AAIRAQMRAf/EAaIAAAAHAQEBAQEAAAAAAAAAAAQFAwIGAQAHCAkKCwEAAgIDAQEBAQEAAAAAAAAA&#xA;AQACAwQFBgcICQoLEAACAQMDAgQCBgcDBAIGAnMBAgMRBAAFIRIxQVEGE2EicYEUMpGhBxWxQiPB&#xA;UtHhMxZi8CRygvElQzRTkqKyY3PCNUQnk6OzNhdUZHTD0uIIJoMJChgZhJRFRqS0VtNVKBry4/PE&#xA;1OT0ZXWFlaW1xdXl9WZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3OEhYaHiImKi4yNjo+Ck5SVlpeYmZ&#xA;qbnJ2en5KjpKWmp6ipqqusra6voRAAICAQIDBQUEBQYECAMDbQEAAhEDBCESMUEFURNhIgZxgZEy&#xA;obHwFMHR4SNCFVJicvEzJDRDghaSUyWiY7LCB3PSNeJEgxdUkwgJChgZJjZFGidkdFU38qOzwygp&#xA;0+PzhJSktMTU5PRldYWVpbXF1eX1RlZmdoaWprbG1ub2R1dnd4eXp7fH1+f3OEhYaHiImKi4yNjo&#xA;+DlJWWl5iZmpucnZ6fkqOkpaanqKmqq6ytrq+v/aAAwDAQACEQMRAD8A9U4q7FXYq7FXYq7FXYq7&#xA;FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FWD+f7mK01/QLmfVZ9Et/Sv4jqUEcThZGWF1jf14riMcxG&#xA;xHwgmlAcVYzol1r2uyaNe3t1LBOmr2plkhtYIDcBtMLCaZZInepC0G4orEdl4qphquv+ap7a60mQ&#xA;EzaCSNYupbeJ0vBJKi2XBXRoz6kTGaTgPgdQvTFVLy1rdzrHmDy493q89/qqz3s1/pRt4oorELBN&#xA;Fx+CFJRRnVAZJG5dRirMvzCDnybqhX1AUjVy0S83VUkVmZVo9SoFehyMuTsOyv8AGYcufX3MGl1j&#xA;UdUv9QsLbWJdV01Lab6rqzWtss6O1qzyQpKIEibooYqlaNTqMjbvI6eGKEZygIT4hceKVfVQJHFf&#xA;29LThdR8zaRY6dpMNxLdy61ZW8OjXckURNrcgATmX040UqkLiVOS78GBrXDZDhnDgyylkIERjnIz&#xA;Fn1R/hqydyfSa/nAsY1jW9Rk0vzRpd9q0tinp6nBpel29pApv5J728hBZhAxYswVW9Pi37bHeuRJ&#xA;5u00+mgMmHJGAlvjMpGUvQBDGf53vIux/CBtT2nLXi3Yq7FXYqshminhjmiYPFKoeNx0KsKgj6MV&#xA;X4q7FXYq7FVjzRI8aMwDykiMeJALGn0DFIiSCe5fih2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2Kux&#xA;V2KuxV2KuxV2KuxV2KuxV2KuxV2KvnDyZ5j1zSbwQeXFs3aQs5063gvCkjcaF2hhVeRCjrir2Hzh&#xA;qGtR+UBdT+jo98NR0xfU9VriGNG1K3UtIw+rFkKk81qtVqK4qxDzD5s8x3MHmTTvrdk19pek6wU1&#xA;WxFwsZSGGxlKrCLhgk1LgrzLuUYAjbkrKsrvvN2tafqZ8vzxwTa5dvajSJUjeOCaKVaXUrRmSRh9&#xA;XMUrsvP7JQV3rirEYvOet6h5au1S/sNOtrD9H2/1T9/JfTPdRwTBkme4DIpabgtVkLcWxVPPzrW2&#xA;bQLH6wltIv1rYXUbSLX026BVbfIZOT0Ps4ZeLKjL6f4TXUIX8vfNXna/IhNvDqdgAzfXHN1EQeag&#xA;0nlR434g/YG/vtgiS29raHTY97MJd3pP+xBBHvRPmrzJrWj655iurDUbCEadp1peNp+oiQiZVafk&#xA;IGSaL0mPHjXg9W4jbLHmUD5f1bzbf6hDdaXNbRI1lrTW+m3CXMwaWDUjEnOV7mtWfia8aIvJVFKc&#xA;VV2vfmdcy6cdc0q2STTNPXmRMZUkN8thc3UkDem6D9yqIjqysOTHuuKp55S1PVbvzZeJf6rZakRp&#xA;dnMF01XS3jMssx6PNcciwpR/hqtNsVZrirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsV&#xA;dirsVdiqXaFoNholitpZ82FFMs0jcnkcKFMjUCqGalTxUDwAxVG3NrbXUD291Ek9vIOMkMqh0YeD&#xA;K1QcVQsGg6HBAbeDTrWKBkkjaJIY1QpNx9VSoFOL8F5DvQVxVFPb27zxzvEjTwhlilKgugenIK3U&#xA;cuIrTFUGfLvl83EVydMtDcW4UQTGCPmgT7IRuNV49qYqt1nRtN1U2sV+xMccjOkAYIJG4MKGnx/C&#xA;Dy+Ejp4YCLcnT6ieKzDu592/45plhcZBXuiaLfzxz31hbXU8W0Us8McjqAa/CzAkb74qrQ2NjAwa&#xA;C3iiZQ4VkRVIEr+pJSg/bf4m8TvirX6N07h6f1WH0/Uabh6a09SSvN6U+03M1PU1OKrNP0jSdNV1&#xA;06yt7JZCDItvEkQYjoW4Ba4qi8VdirsVWrJGzOisGaMgOoIJUkVAI7bHFV2KrfUj9Qx8h6gAYpUc&#xA;uJNAaeG2KaNWuxQ7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FWA/nDcXVvo1hLb&#xA;SvDKt1tJFdPZsKxOD+8R4iflXITd92BGMskhIWOHrES6joQUH5H/ADH13Uro2F/Y/XnCFzPZyW7y&#xA;Ac1UF4w8YCLy3I36bYIyLd2l2Rixx44S4fKQlXzo7vSssebdirsVdirsVdirsVeK+f8AWPMOkfmB&#xA;d3OlS36fBF8EVz/oxJhVSTbSJJETTuVxV6H5I833/mG19S70maxYcz69Ua3PFgAobl6nLev2Ke+K&#xA;sS/NPUNY07zRp93psl5HIlsK/VpzHExEj0EkRV45Ov7QOVzO71PYmLHkwSjMRri6izyHI8x8GQ+Q&#xA;vOera5H6F/pk0bxAI18DGYyQlS0lPTKsxHREp8sMZW6/tTs7HgNwmDfTe/hz+0szybpnYq7FXYq7&#xA;FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FUm8zeV7TzDDbW921LaCUyyKEDM3wMoCs1Qu7VrxP&#xA;h74CLc3R62WnJMeZFJlZWFjYwC3sreK1gBJEUKLGlT1PFQBhpxsmWUzciZHz3V8Wt2KuxV2KuxV2&#xA;KuxVi19+XHlfUvMc2u6rZW9/PIFVYp7eGROKxhPj9RXLnao6UxVlOKse1vyNoOua1b6nqttDd/VY&#xA;xHFBLDHIDRmY8zIHqvxfZoMiYguw03aeXBiMMZMeI8wSPuT63t7e2t4re3iSG3hRY4YY1CIiIKKq&#xA;qKAAAUAGScGczIkk2SvxYuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2K&#xA;uxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2Ku&#xA;xV2KuxV2Kvmz80Pzp/MLQPPmr6Rpl9HFY2kiLBG0ELkBokY/EykndjirFv8AoYf81P8Aq5Rf9IsH&#xA;/NGKu/6GH/NT/q5Rf9IsH/NGKvWfyn/MfzZ5i8j+aNV1W6Sa90xJGs5FijQKVt2kFVUAH4h3wHk5&#xA;GkxieaETylID5l5l/wAr/wDzP/6uMX/SNB/zRmP4hfTv9C2h/mn/AEx/W7/lf/5n/wDVxi/6RoP+&#xA;aMfEK/6FtD/NP+mP63f8r/8AzP8A+rjF/wBI0H/NGPiFf9C2h/mn/TH9b6g8uXk975e0u8uG5XFz&#xA;aQTTMAAC8kasxoNhucyByfMdXjEM04jlGRHyKYYXHdirsVdirsVdirsVdirsVdirsVdirsVdirsV&#xA;dirsVdirsVdirsVdirsVdir4z/O//wAmp5g/4yxf8mI8VYZHErx77HxAJyqUqL0Wg7Ox58AJ2Nnc&#xA;RP6OfxU3jZOvTx3/AI5MSBdXq+z8mD6h6e/evtAe9fkJ/wCSy88f8Ypf+oR8MuTDs/8AxjH/AF4/&#xA;eHieYj7aorNTYj6ajLDB47RdvThUcg4o9/FEn7xfvJtWBBFQajK6esw54ZY8UDxB9veT/wDlEtE/&#xA;5gLX/kyuZceT4v2h/jGT+vL7yx380fMWpaDBpl5YPxlMsispmSFGUoNmWSqP7VG3bC4jvKP5q6Vr&#xA;LxWeoKlhqMrBUQTQyRO7OFRI2Vy5Y17oMVZzirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVd&#xA;irsVdirsVdirsVfGf53/APk1PMH/ABli/wCTEeKsKWUqlBWvz2yBhZd5pO2JafBwQ4uO/wCdUf8A&#xA;S1v8wsLEmpNT75ICnUZs+TLLinIyPmb+973+Qn/ksvPH/GKX/qEfGXJu7P8A8Yx/14/eHieYj7ap&#xA;pCo+0AT8tsmZl5zQez2LHUsohKXdwivtu/ft7lTIPRvt7yf/AMolon/MBa/8mVzLjyfEu0P8Yyf1&#xA;5feUo/MLyRL5sj061DWqQW8ryTyXVv8AWqArQBE5xUJ8a4XETHyz5J8s+WouOk2EEEzArJdrFEk7&#xA;qW5cXkjRCVr2xVPcVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirxPz3+Q&#xA;Vn5k826jrcnmiOwe9dXNo1sshTjGqU5G4jr9mv2RiqQ/9Cvaf/1OcX/SGv8A2VYq7/oV7T/+pzi/&#xA;6Q1/7KsVeg/l9+Vdv5X8ra9o0etpqCaurq10sIjEPKEx1KiWTlStftDAW7T5fDyRnV8MgfkWDf8A&#xA;QtFh/wBThF/0iL/2U5T4Xm91/oxn/qB/03/HHf8AQtFh/wBThF/0iL/2U4+F5r/oxn/qB/03/HHf&#xA;9C0WH/U4Rf8ASIv/AGU4+F5r/oxn/qB/03/HHu2i2I0/R7GwWX1haW8UAmA4hxGgTlSrUrSvXLg8&#xA;LqMviZJTquKRPzKMwtLsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsVdirsV&#xA;fGf53/8Ak1PMH/GWL/kxHirDWsbtbVLsxn6vJXjIKEfCeJ5U+zv44qoYq98/IT/yWXnj/jFL/wBQ&#xA;j4JcnL7P/wAYx/14/eHieYj7ar3lldWdw9vcxmOWNmRhUEVU0PFhVWFR1Bpi148sZxEomwVDFsfb&#xA;3k//AJRLRP8AmAtf+TK5lx5PiXaH+MZP68vvKYXF9aW8sUU8gjefkI+QNCVFTVug+nC48ccpAkdF&#xA;fFg7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq+M/wA7/wDyanmD/jLF&#xA;/wAmI8VZp+V1tDd+RRa3TXElrJPJ6lstjDdwNRgwqZXFTUA9NsVeeeeNL8lWNzw0HUbm6m+EvC0E&#xA;IhFS3L98lxKeQoPg9P6cVepfkJ/5LLzx/wAYpf8AqEfBLk5fZ/8AjGP+vH7w8TzEfbX0B5p0jy5q&#xA;FmZdfublIU4r9cmsLaJkHKoUTGZWUFu1d8vIHV870OozY5VhAvuE5H7KeE6jHpkdyV02ea5taCkt&#xA;xClvJXuPTSW4FP8AZ5QXv8JmY+sAS8jf2kR+59qeT/8AlEtE/wCYC1/5MrmXHk+L9of4xk/ry+8s&#xA;P/OkL+jdMJigkIncr68724B4jdSivU5GbtfZ/wCuW5G3SPF95Cn+XGveerwpFLaQXOkjc3st5cSN&#xA;T1AHKSvbv6rKK0QuPmMESWXaum0sLIlIT7uCI6bbcW3vo+56XljzrsVdirsVdirsVdirsVdirsVd&#xA;irsVdirsVdirsVdirsVdirsVdirsVfGf53/+TU8wf8ZYv+TEeKsYPmHVv0KNFSdo9OqWkgVm4yEs&#xA;HBdSSuxUUoMVS3FXvn5Cf+Sy88f8Ypf+oR8EuTl9n/4xj/rx+8PE8xH21MNb13U9avDdX8zSvU+m&#xA;pZmWNCxbgnIs3EV2qTiTbjabS48EeGAr9Pml+Lkvt7yf/wAolon/ADAWv/Jlcy48nxLtD/GMn9eX&#xA;3lX1bQNL1Z7ZtQhW4S1ZnjicKyFmFKmoJ27UIxIa8OpnivgNWmGFodirsVdirsVdirsVdirsVdir&#xA;sVdirsVdirsVdirsVdirsVdirsVdirsVY/qP5f8AkjU72W+1DQ7K6vJyDNcSwozsQAoqxG+wxVD/&#xA;APKrfy4/6lvT/wDpHj/pirv+VW/lx/1Len/9I8f9MVTPTPKnlrSrO5stN0y2tLS8BF1BDGqJICvE&#xA;8wBv8JpiyjIxII2IS7/lWX5e/wDUu2H/ACIT+mR4A7H+WdZ/qs/mXf8AKsvy9/6l2w/5EJ/THgC/&#xA;yzrP9Vn8y7/lWX5e/wDUu2H/ACIT+mPAF/lnWf6rP5lkdvBDbwR28CCOCFVjijUUVVUUVQPAAZJ1&#xA;0pGRJO5K/Fi7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq&#xA;7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7&#xA;FXYq7FXnnmH89vIWh6tcaXPJcXNxasY52tog8ayLsycmZKlTsaZA5AHodJ7M6vPjGQCIEuVnp8ku&#xA;/wChkfy9/wB93/8AyIT/AKqYPFDkf6ENZ3w+Z/U2v/OSH5eFgCl+oJoWMCUHvtITj4oU+yGs/ofP&#xA;9j0nS9TsNU0+31HT5luLO6QSQTL0ZT89x7g9MmDbzebDPFMwmKlHmisLU7FXYq7FXYq7FXYq7FXY&#xA;q7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXYq7FXwz5g/472pf8xU//ACcbMM833DS/&#xA;3UP6o+5lGo/ljqX6Ot9R0yW3mjmhSaS2a7tFeMGMM32plZiTX4eNe2S4HVYe24cZhkBFEi+GW+/9&#xA;X7bYVJFJG3CRCjDqrAg/cci7uMgdw+tvyJ/8lVof/R1/1GTZk4/pfJ/ab/H8n+b/ALiLPcm6F2Ku&#xA;xV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2KvhnzB/x3tS/5&#xA;ip/+TjZhnm+4aX+6h/VH3Pb4fNlro3lvTpLvzDLCDaxCKBbi9qWWIH0wEtWVfD7VPfLuKg8KdBLN&#xA;nmI4wfUekO/n9bybzj5w/wAQ3ck31ZRz4H61P+9uzwXjRptqr4CmVSlb13Z3Z35eIHF8BtH5PpP8&#xA;if8AyVWh/wDR1/1GTZkY/pfOfab/AB/J/m/7iLPcm6F2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2Ku&#xA;xV2KuxV2KuxV2KuxV2KuxV2KuxV2KuxV2Kvknzf+U/n228y6isOj3N7byXEskF1bRmRHjdyyn4a0&#xA;NDuD0zGlA2+s6Dt3SSwxucYnhAIJrdKp/wAuvzJuJPVm0DUZJCFXk0Dk0VQqjp2AAwcJcqHa2iiK&#xA;GSAHvCxfyw/MNmCjy7f1JoKwOBv7kUx4CyPbWj/1WHzfU35YeXb/AMueRNJ0fUOIvbdJGnVSCFaa&#xA;Z5uFRUEr6nE02zIgKD5d21q4ajVTyQ+k1XwAH6GUZJ1bsVdirsVdirsVdirsVdirsVdirsVdir//&#xA;2Q==</xmpGImg:image>
+               </rdf:li>
+            </rdf:Alt>
+         </xmp:Thumbnails>
+         <xmpMM:InstanceID>uuid:1c943087-fc41-0b40-a2a0-1325ac4e75df</xmpMM:InstanceID>
+         <xmpMM:DocumentID>xmp.did:ef52e153-d267-4e30-83c2-b8739aa3a264</xmpMM:DocumentID>
+         <xmpMM:OriginalDocumentID>uuid:5D20892493BFDB11914A8590D31508C8</xmpMM:OriginalDocumentID>
+         <xmpMM:RenditionClass>proof:pdf</xmpMM:RenditionClass>
+         <xmpMM:DerivedFrom rdf:parseType="Resource">
+            <stRef:instanceID>uuid:7714bbb3-cb4b-9e4b-a7cc-ba1f08c54dbc</stRef:instanceID>
+            <stRef:documentID>xmp.did:09a6dae5-d973-4c6c-9883-0fe9bfce3a2a</stRef:documentID>
+            <stRef:originalDocumentID>uuid:5D20892493BFDB11914A8590D31508C8</stRef:originalDocumentID>
+            <stRef:renditionClass>proof:pdf</stRef:renditionClass>
+         </xmpMM:DerivedFrom>
+         <xmpMM:History>
+            <rdf:Seq>
+               <rdf:li rdf:parseType="Resource">
+                  <stEvt:action>saved</stEvt:action>
+                  <stEvt:instanceID>xmp.iid:ef52e153-d267-4e30-83c2-b8739aa3a264</stEvt:instanceID>
+                  <stEvt:when>2025-01-07T12:22:55-05:00</stEvt:when>
+                  <stEvt:softwareAgent>Adobe Illustrator 29.1 (Macintosh)</stEvt:softwareAgent>
+                  <stEvt:changed>/</stEvt:changed>
+               </rdf:li>
+            </rdf:Seq>
+         </xmpMM:History>
+         <illustrator:Type>Document</illustrator:Type>
+         <illustrator:StartupProfile>Print</illustrator:StartupProfile>
+         <illustrator:CreatorSubTool>AIRobin</illustrator:CreatorSubTool>
+         <xmpTPg:HasVisibleOverprint>False</xmpTPg:HasVisibleOverprint>
+         <xmpTPg:HasVisibleTransparency>False</xmpTPg:HasVisibleTransparency>
+         <xmpTPg:NPages>1</xmpTPg:NPages>
+         <xmpTPg:MaxPageSize rdf:parseType="Resource">
+            <stDim:w>2.725931</stDim:w>
+            <stDim:h>2.725931</stDim:h>
+            <stDim:unit>Inches</stDim:unit>
+         </xmpTPg:MaxPageSize>
+         <xmpTPg:PlateNames>
+            <rdf:Seq>
+               <rdf:li>Cyan</rdf:li>
+               <rdf:li>Magenta</rdf:li>
+               <rdf:li>Yellow</rdf:li>
+               <rdf:li>Black</rdf:li>
+            </rdf:Seq>
+         </xmpTPg:PlateNames>
+         <xmpTPg:SwatchGroups>
+            <rdf:Seq>
+               <rdf:li rdf:parseType="Resource">
+                  <xmpG:groupName>Default Swatch Group</xmpG:groupName>
+                  <xmpG:groupType>0</xmpG:groupType>
+                  <xmpG:Colorants>
+                     <rdf:Seq>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>White</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>255</xmpG:red>
+                           <xmpG:green>255</xmpG:green>
+                           <xmpG:blue>255</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>Black</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>35</xmpG:red>
+                           <xmpG:green>31</xmpG:green>
+                           <xmpG:blue>32</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>CMYK Red</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>237</xmpG:red>
+                           <xmpG:green>28</xmpG:green>
+                           <xmpG:blue>36</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>CMYK Yellow</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>255</xmpG:red>
+                           <xmpG:green>242</xmpG:green>
+                           <xmpG:blue>0</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>CMYK Green</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>0</xmpG:red>
+                           <xmpG:green>166</xmpG:green>
+                           <xmpG:blue>81</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>CMYK Cyan</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>0</xmpG:red>
+                           <xmpG:green>174</xmpG:green>
+                           <xmpG:blue>239</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>CMYK Blue</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>46</xmpG:red>
+                           <xmpG:green>49</xmpG:green>
+                           <xmpG:blue>146</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>CMYK Magenta</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>236</xmpG:red>
+                           <xmpG:green>0</xmpG:green>
+                           <xmpG:blue>140</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=15 M=100 Y=90 K=10</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>190</xmpG:red>
+                           <xmpG:green>30</xmpG:green>
+                           <xmpG:blue>45</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=90 Y=85 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>239</xmpG:red>
+                           <xmpG:green>65</xmpG:green>
+                           <xmpG:blue>54</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=80 Y=95 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>241</xmpG:red>
+                           <xmpG:green>90</xmpG:green>
+                           <xmpG:blue>41</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=50 Y=100 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>247</xmpG:red>
+                           <xmpG:green>148</xmpG:green>
+                           <xmpG:blue>29</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=35 Y=85 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>251</xmpG:red>
+                           <xmpG:green>176</xmpG:green>
+                           <xmpG:blue>64</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=5 M=0 Y=90 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>249</xmpG:red>
+                           <xmpG:green>237</xmpG:green>
+                           <xmpG:blue>50</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=20 M=0 Y=100 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>215</xmpG:red>
+                           <xmpG:green>223</xmpG:green>
+                           <xmpG:blue>35</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=50 M=0 Y=100 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>141</xmpG:red>
+                           <xmpG:green>198</xmpG:green>
+                           <xmpG:blue>63</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=75 M=0 Y=100 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>57</xmpG:red>
+                           <xmpG:green>181</xmpG:green>
+                           <xmpG:blue>74</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=85 M=10 Y=100 K=10</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>0</xmpG:red>
+                           <xmpG:green>148</xmpG:green>
+                           <xmpG:blue>68</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=90 M=30 Y=95 K=30</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>0</xmpG:red>
+                           <xmpG:green>104</xmpG:green>
+                           <xmpG:blue>56</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=75 M=0 Y=75 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>43</xmpG:red>
+                           <xmpG:green>182</xmpG:green>
+                           <xmpG:blue>115</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=80 M=10 Y=45 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>0</xmpG:red>
+                           <xmpG:green>167</xmpG:green>
+                           <xmpG:blue>157</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=70 M=15 Y=0 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>39</xmpG:red>
+                           <xmpG:green>170</xmpG:green>
+                           <xmpG:blue>225</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=85 M=50 Y=0 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>28</xmpG:red>
+                           <xmpG:green>117</xmpG:green>
+                           <xmpG:blue>188</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=100 M=95 Y=5 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>43</xmpG:red>
+                           <xmpG:green>57</xmpG:green>
+                           <xmpG:blue>144</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=100 M=100 Y=25 K=25</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>38</xmpG:red>
+                           <xmpG:green>34</xmpG:green>
+                           <xmpG:blue>98</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=75 M=100 Y=0 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>102</xmpG:red>
+                           <xmpG:green>45</xmpG:green>
+                           <xmpG:blue>145</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=50 M=100 Y=0 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>146</xmpG:red>
+                           <xmpG:green>39</xmpG:green>
+                           <xmpG:blue>143</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=35 M=100 Y=35 K=10</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>158</xmpG:red>
+                           <xmpG:green>31</xmpG:green>
+                           <xmpG:blue>99</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=10 M=100 Y=50 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>218</xmpG:red>
+                           <xmpG:green>28</xmpG:green>
+                           <xmpG:blue>92</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=95 Y=20 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>238</xmpG:red>
+                           <xmpG:green>42</xmpG:green>
+                           <xmpG:blue>123</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=25 M=25 Y=40 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>194</xmpG:red>
+                           <xmpG:green>181</xmpG:green>
+                           <xmpG:blue>155</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=40 M=45 Y=50 K=5</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>155</xmpG:red>
+                           <xmpG:green>133</xmpG:green>
+                           <xmpG:blue>121</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=50 M=50 Y=60 K=25</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>114</xmpG:red>
+                           <xmpG:green>102</xmpG:green>
+                           <xmpG:blue>88</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=55 M=60 Y=65 K=40</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>89</xmpG:red>
+                           <xmpG:green>74</xmpG:green>
+                           <xmpG:blue>66</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=25 M=40 Y=65 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>196</xmpG:red>
+                           <xmpG:green>154</xmpG:green>
+                           <xmpG:blue>108</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=30 M=50 Y=75 K=10</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>169</xmpG:red>
+                           <xmpG:green>124</xmpG:green>
+                           <xmpG:blue>80</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=35 M=60 Y=80 K=25</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>139</xmpG:red>
+                           <xmpG:green>94</xmpG:green>
+                           <xmpG:blue>60</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=40 M=65 Y=90 K=35</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>117</xmpG:red>
+                           <xmpG:green>76</xmpG:green>
+                           <xmpG:blue>41</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=40 M=70 Y=100 K=50</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>96</xmpG:red>
+                           <xmpG:green>57</xmpG:green>
+                           <xmpG:blue>19</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=50 M=70 Y=80 K=70</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>60</xmpG:red>
+                           <xmpG:green>36</xmpG:green>
+                           <xmpG:blue>21</xmpG:blue>
+                        </rdf:li>
+                     </rdf:Seq>
+                  </xmpG:Colorants>
+               </rdf:li>
+               <rdf:li rdf:parseType="Resource">
+                  <xmpG:groupName>Grays</xmpG:groupName>
+                  <xmpG:groupType>1</xmpG:groupType>
+                  <xmpG:Colorants>
+                     <rdf:Seq>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=0 Y=0 K=100</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>35</xmpG:red>
+                           <xmpG:green>31</xmpG:green>
+                           <xmpG:blue>32</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=0 Y=0 K=90</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>65</xmpG:red>
+                           <xmpG:green>64</xmpG:green>
+                           <xmpG:blue>66</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=0 Y=0 K=80</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>88</xmpG:red>
+                           <xmpG:green>89</xmpG:green>
+                           <xmpG:blue>91</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=0 Y=0 K=70</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>109</xmpG:red>
+                           <xmpG:green>110</xmpG:green>
+                           <xmpG:blue>113</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=0 Y=0 K=60</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>128</xmpG:red>
+                           <xmpG:green>130</xmpG:green>
+                           <xmpG:blue>133</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=0 Y=0 K=50</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>147</xmpG:red>
+                           <xmpG:green>149</xmpG:green>
+                           <xmpG:blue>152</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=0 Y=0 K=40</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>167</xmpG:red>
+                           <xmpG:green>169</xmpG:green>
+                           <xmpG:blue>172</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=0 Y=0 K=30</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>188</xmpG:red>
+                           <xmpG:green>190</xmpG:green>
+                           <xmpG:blue>192</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=0 Y=0 K=20</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>209</xmpG:red>
+                           <xmpG:green>211</xmpG:green>
+                           <xmpG:blue>212</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=0 Y=0 K=10</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>230</xmpG:red>
+                           <xmpG:green>231</xmpG:green>
+                           <xmpG:blue>232</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=0 Y=0 K=5</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>241</xmpG:red>
+                           <xmpG:green>242</xmpG:green>
+                           <xmpG:blue>242</xmpG:blue>
+                        </rdf:li>
+                     </rdf:Seq>
+                  </xmpG:Colorants>
+               </rdf:li>
+               <rdf:li rdf:parseType="Resource">
+                  <xmpG:groupName>Brights</xmpG:groupName>
+                  <xmpG:groupType>1</xmpG:groupType>
+                  <xmpG:Colorants>
+                     <rdf:Seq>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=100 Y=100 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>237</xmpG:red>
+                           <xmpG:green>28</xmpG:green>
+                           <xmpG:blue>36</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=75 Y=100 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>242</xmpG:red>
+                           <xmpG:green>101</xmpG:green>
+                           <xmpG:blue>34</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=10 Y=95 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>255</xmpG:red>
+                           <xmpG:green>222</xmpG:green>
+                           <xmpG:blue>23</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=85 M=10 Y=100 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>0</xmpG:red>
+                           <xmpG:green>161</xmpG:green>
+                           <xmpG:blue>75</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=100 M=90 Y=0 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>33</xmpG:red>
+                           <xmpG:green>64</xmpG:green>
+                           <xmpG:blue>154</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=60 M=90 Y=0 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>127</xmpG:red>
+                           <xmpG:green>63</xmpG:green>
+                           <xmpG:blue>152</xmpG:blue>
+                        </rdf:li>
+                     </rdf:Seq>
+                  </xmpG:Colorants>
+               </rdf:li>
+            </rdf:Seq>
+         </xmpTPg:SwatchGroups>
+         <pdf:Producer>Adobe PDF library 17.00</pdf:Producer>
+      </rdf:Description>
+   </rdf:RDF>
+</x:xmpmeta>
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                           
+<?xpacket end="w"?>
endstream
endobj
3 0 obj
<</Count 16/Kids[34 0 R 35 0 R 36 0 R]/Type/Pages>>
endobj
34 0 obj
<</Count 5/Kids[5 0 R 24 0 R 25 0 R 26 0 R 27 0 R]/Parent 3 0 R/Type/Pages>>
endobj
35 0 obj
<</Count 5/Kids[28 0 R 29 0 R 30 0 R 31 0 R 37 0 R]/Parent 3 0 R/Type/Pages>>
endobj
36 0 obj
<</Count 6/Kids[38 0 R 39 0 R 40 0 R 41 0 R 42 0 R 43 0 R]/Parent 3 0 R/Type/Pages>>
endobj
38 0 obj
<</ArtBox[0.0 0.0 196.267 196.267]/BleedBox[0.0 0.0 196.267 196.267]/Contents 44 0 R/CropBox[0.0 0.0 196.267 196.267]/LastModified(D:20250107144806-05'00')/MediaBox[0.0 0.0 196.267 196.267]/Parent 36 0 R/Resources<</ColorSpace<</CS0 45 0 R>>/ExtGState<</GS0 46 0 R>>/Properties<</MC0 32 0 R>>>>/TrimBox[0.0 0.0 196.267 196.267]/Type/Page/PieceInfo<</Illustrator 8 0 R>>>>
endobj
39 0 obj
<</ArtBox[0.0 0.0 196.267 196.267]/BleedBox[0.0 0.0 196.267 196.267]/Contents 47 0 R/CropBox[0.0 0.0 196.267 196.267]/LastModified(D:20250107144806-05'00')/MediaBox[0.0 0.0 196.267 196.267]/Parent 36 0 R/Resources<</ColorSpace<</CS0 45 0 R>>/ExtGState<</GS0 46 0 R>>/Properties<</MC0 32 0 R>>>>/TrimBox[0.0 0.0 196.267 196.267]/Type/Page/PieceInfo<</Illustrator 8 0 R>>>>
endobj
40 0 obj
<</ArtBox[0.0 0.0 196.267 196.267]/BleedBox[0.0 0.0 196.267 196.267]/Contents 48 0 R/CropBox[0.0 0.0 196.267 196.267]/LastModified(D:20250107144806-05'00')/MediaBox[0.0 0.0 196.267 196.267]/Parent 36 0 R/Resources<</ColorSpace<</CS0 45 0 R>>/ExtGState<</GS0 46 0 R>>/Properties<</MC0 32 0 R>>>>/TrimBox[0.0 0.0 196.267 196.267]/Type/Page/PieceInfo<</Illustrator 8 0 R>>>>
endobj
41 0 obj
<</ArtBox[0.0 0.0 196.267 196.267]/BleedBox[0.0 0.0 196.267 196.267]/Contents 49 0 R/CropBox[0.0 0.0 196.267 196.267]/LastModified(D:20250107144806-05'00')/MediaBox[0.0 0.0 196.267 196.267]/Parent 36 0 R/Resources<</ColorSpace<</CS0 45 0 R>>/ExtGState<</GS0 46 0 R>>/Properties<</MC0 32 0 R>>>>/TrimBox[0.0 0.0 196.267 196.267]/Type/Page/PieceInfo<</Illustrator 8 0 R>>>>
endobj
42 0 obj
<</ArtBox[0.0 0.0 196.267 196.267]/BleedBox[0.0 0.0 196.267 196.267]/Contents 50 0 R/CropBox[0.0 0.0 196.267 196.267]/LastModified(D:20250107144806-05'00')/MediaBox[0.0 0.0 196.267 196.267]/Parent 36 0 R/Resources<</ColorSpace<</CS0 45 0 R>>/ExtGState<</GS0 46 0 R>>/Properties<</MC0 32 0 R>>>>/TrimBox[0.0 0.0 196.267 196.267]/Type/Page/PieceInfo<</Illustrator 8 0 R>>>>
endobj
43 0 obj
<</ArtBox[0.0 0.0 196.267 196.267]/BleedBox[0.0 0.0 196.267 196.267]/Contents 51 0 R/CropBox[0.0 0.0 196.267 196.267]/LastModified(D:20250107144806-05'00')/MediaBox[0.0 0.0 196.267 196.267]/Parent 36 0 R/Resources<</ColorSpace<</CS0 45 0 R>>/ExtGState<</GS0 46 0 R>>/Properties<</MC0 32 0 R>>>>/TrimBox[0.0 0.0 196.267 196.267]/Type/Page/PieceInfo<</Illustrator 8 0 R>>>>
endobj
51 0 obj
<</Filter/FlateDecode/Length 265>>stream
+H���Kj�0��>�.0�dK��mf�j(�G},f��*�d0t3%x�?���5��0�G���a��x0O�0<����f��ܿ?��#֚}�Чۙ�PE�S�$�&�b���v�"��X�&�h��ק��k8DAbs�ܹ).�c�/��v>fBU�S��	%z�	W~@����t�̘�>�C��WL�kg3B3n���Q�	
+������<Aa�l��m��5�
��Ue϶ӵ[l}�����������_��
endstream
endobj
8 0 obj
<</LastModified(D:20250107144806-05'00')/Private 9 0 R>>
endobj
9 0 obj
<</AIMetaData 10 0 R/AIPrivateData1 11 0 R/AIPrivateData2 12 0 R/AIPrivateData3 13 0 R/AIPrivateData4 14 0 R/AIPrivateData5 15 0 R/ContainerVersion 12/CreatorVersion 29/NumBlock 5/RoundtripStreamType 2/RoundtripVersion 24>>
endobj
10 0 obj
<</Length 1570>>stream
+%!PS-Adobe-3.0 
%%Creator: Adobe Illustrator(R) 24.0
%%AI8_CreatorVersion: 29.1.0
%%For: (Malin, Adam) ()
%%Title: (bitvid.ai)
%%CreationDate: 1/7/25 2:48 PM
%%Canvassize: 16383
%%BoundingBox: 7 -1122 1988 107
%%HiResBoundingBox: 7.10188318000382 -1121.53499372255 1987.94961909955 106.428819201656
%%DocumentProcessColors: Cyan Magenta Yellow Black
%AI5_FileFormat 14.0
%AI12_BuildNumber: 142
%AI3_ColorUsage: Color
%AI7_ImageSettings: 0
%%RGBProcessColor: 0 0 0 ([Registration])
%AI3_Cropmarks: 1150.60749978626 -769.599011113567 1346.87455852582 -573.331952374001
%AI3_TemplateBox: 306.5 -306.5 306.5 -306.5
%AI3_TileBox: 960.741029156039 -1027.46548174378 1536.74102915604 -293.465481743784
%AI3_DocumentPreview: None
%AI5_ArtSize: 14400 14400
%AI5_RulerUnits: 0
%AI24_LargeCanvasScale: 1
%AI9_ColorModel: 1
%AI5_ArtFlags: 0 0 0 1 0 0 1 0 0
%AI5_TargetResolution: 800
%AI5_NumLayers: 1
%AI17_Begin_Content_if_version_gt:24 4
%AI10_OpenToVie: 283.650206652528 -66.9839765731867 1.50000302253379 0 8890.64875180919 7903.31740797075 2418 1237 18 0 0 6 45 0 0 0 1 1 0 1 1 0 1
%AI17_Alternate_Content
%AI9_OpenToView: 283.650206652528 -66.9839765731867 1.50000302253379 2418 1237 18 0 0 6 45 0 0 0 1 1 0 1 1 0 1
%AI17_End_Versioned_Content
%AI5_OpenViewLayers: 7
%AI17_Begin_Content_if_version_gt:24 4
%AI17_Alternate_Content
%AI17_End_Versioned_Content
%%PageOrigin:0 -702
%AI7_GridSettings: 72 8 72 8 1 0 0.800000011920929 0.800000011920929 0.800000011920929 0.899999976158142 0.899999976158142 0.899999976158142
%AI9_Flatten: 1
%AI12_CMSettings: 00.MS
%%EndComments

endstream
endobj
11 0 obj
<</Length 65536>>stream
+%AI24_ZStandard_Data(�/�X�>}D�	;@M���0��9��(�Q#C��}��X�a�����A�ҥ`�B:c%)��RF�
eQ����ܛ�	�Y�&QC
-%$�Ͳ�Z��9�\ϰ1�D�#1�H�J�ؗ�(	��vh40�(���e�$	�R$Fb 	�&/�C-Ɓl���[�RFa���T^�JL��RU	'��E��dt� ����Q)61�H9�P��x^�KXR�w>dj�^�v�"��}�����i�h;IJ�P�(_�Zg��(����~?��e�y����d^U=�拕�T���]M�輳T����42Lͻ��,�7<�]|���9�b��6��H��/��H�Z.a��!U�R�˵��
+�*�0JV6�{k�(/�xV�(F�Ղg�%Q�R�:�_QDYʃ�$�n�GIB�I:Q�K`�@*71b�zb�k7��Oo�3�D�CL��H`�di���#�I��������M\k��Zl�����2u_
+J�]A�1�����C��S���H�l�V\�BC�zU�ǶV֒m��w2�R��pʳ�*;$�n���Si:d0s�^��*�=�<�������0�κ�$��ִ�Z<T,໰"�-�8J
�%5�(=6L 	R�@�P4Ĝ8Gr G��('��^�@#z.�-�Y	%A��JPBIrF��IY�Ld:��.|8����ikO��g{���0q��BYyO�ԪO����5|;>�'���|^_��-*�'�G�!����T*Xk���\wi�h�O���k2��I]�#S!%iA�PB	*d�lyĉ��Xb	�r����8��8�#�!���"a$�D��r�!�uБ�a7�@��)��u�����d�-_]\[�D��"��3QrG�4LT�u�l���9}J�$jYHϮԮˁ��ج�@����%��Fe1�	"x��D�K�+>��+F)��(��ge�2
+�"Q$E�Gqŋ�,��⊫�
+.�H<A^�{}��d�=��b��U\�[�J� z�����Nd�HK�,f)�#
-WV��.
"4@@Do�s5F��f���1�1�cww�K�1�c;:Tʓ����=���b<$ӵ���P1o*����y���ayɌMi���A&"*0.�����w�j�P�
+�6_��f�/�-:d���Mt=m�w�,sȘ5W�n��:d��-�L���,<dvK�w5��M��<���]#+�ڥ�ݣ�!S�t�̫��W�.o絲D-��[�{����J,=R�פ�ў�ꐱ]Q���R��\��52�ZI�W��=d��r
Q�J?dVK�7C��C�GA�e>�ј��}.l�p9�qBE媪��,}G!�T��l�2�3�4��[a��e_�!V�@I(q�.�$}R$Fr$H"����D)O��	�K\�Ib$�bbIH�,�h��	RF��Z,+U�0|��	!��A��M�r�JK��%��a�jihgfe�F����:ʨ�^[ZYYXWVU.��#>l��V��賹l��B��������q�Ǒ'/�S�
++��"-�xQF�I�(ȰQ�g���k�(�8�H��A��:��<��+���((T�$_��&�dR4yb$H�$����	LdBOF�@$q$���8[�M(��z]M=5���D"id�O��K�Jg4��EE�C�Bc�Cθ������|t�!f�mM��YH��,��#�L2���R�S�T��k��"�hBi���������b�=�dKG�DB.K�(��l��T=�(�5�H�3� #Q$�QEQl�EWXAEr�Ǎ��<�n��E�دn�-���VX)��KX�����������3�8�K���1Qq�X��"�`)��������O��Ɓ$t�!��QdMJ&�\bI%�8�$�$���YD�D9�#���q�Q{�v�჎���q��%)�$)%��a"��!S�!D�@�H�T0�ðP*0�
ac�a�\9=T^x���.�^�}>T�PQ��jw��C�J�Du_��P�@�`�2dJ�p�
�
BCB3A���
+�0�ˁ��4p��AL���	�C�
+ 2���P �
�A�" @�
�A�C
+�
�A�a4��C��*Ppx�(Dx� �ሠPDP(4���P��!1���H`�	���h�ADC"@H��	  a�
T���a(8DD4<p����
+$<x����*<H��
>P�$8d�X@aB	L�@�AB��
G� �Ã
+0�6�� x�0!⁃$(2A�L�p��Hp�2�D�x��x���	`���
+"L�0��J�,�p@�HJ8D8
+�!"�AB�΋N��T�iϚR���M��B"48`A;�� 
���
"�CD�	���b���ڨ���ʠ�^��v���>�Q���w
��V���\�b�m2�-,̤"�c[f�	L���
` ��	""0d������	�C�A]���`
�$L����� �	�
+Jp�0a
78HhxP�C
+
+`����x��	<�讂
+���	:����ˁ�4�Y�S�a��";07J�|z(/�����d
.��
&:���옢S���x�'�l4�l�~<Ou`�r�?�<����(4Xp�
+
.1��!��, 
�	�<`a����B����
+"4X@
�RP,3�C��
+`0
+��Rg3
X�
 Hx��`(SP�D4X@aB�A�C�
)(
+4H0L&H��P
�
��a
������	&*8<�@�
`�`��P�T�n�I�A���ߏ�m���3<�5"Zۮɧ����P�lvoSe;0j&��#�&���f<T�А
Dñ�P��`{����f��b�C����!��H`&p������@����ă��H`&�0!��2@Lx�@�AKA��P�\���„�
+0� �c&�0!���±�Ps���	
+8
����n��>E�:^s}�6d��G��h0ʡi��W$3]\�1�IW�ݱ�)�"�]��4�]�)K=����W)���-����{Z�٨)���Ǩ����?�g��Xy�ٳٓj����]�v�n���ڔ�w�gJ����,�{�:�3����:�(�XoZ=������Q�-�T���n������[1Ϫ��Q׋>��Hg��ꮪ�+�:<�#�]�<�3F��xC��iS���[V<��ͼ�Mx���v��2�������>O���=]<���ٻ��5��kSk�ҥ�=Ej�:��EJ�?���W.��n����l��wm.�Y?FgGM=�6��Xz�"�/��u�tQ����;�u&/�ֽ՟�C��7�2��4����Jm]*�9��#*���O�L����Gg�a��R�]fSfx��w�2i�/��YDS���w͎�L��˲�%|Z��mj���dTg
nm�2��O\+���F�t���s.�t�E'2,���~�{��Uf�ʜK�?{h6������Jx�z��2͐��v��+c�Y��Gc���m��{7�bn��m�
�NV��
17�u�Р��|L��kv?ZhP�'���:�g;we�L�Yh��ʮ��<eF�Q��V�k�<.���nXx��hnQٹBsz�u'Z:ZeJ]�%#=j4g��N�u����t��SF{o_�:ke��Kj�2,�0,�
+S<3|�湵ٗ��o��'ٝ��{�{hg���{צ�ngo�����r����
Ѩh��F�
��pϩ2,��X年ɭ�����̋x*��ڸh�褡�u�����&�C�vtm6MKs/oJ�1ۚ�/3k�錪�F�iyCo
+
��� �
 8��``����H�0��1�B��|�BĄ��H�b�a�(@

+0�ðP@
�.`
�C6060d�

+2
+s���Pt��!��bi����Ϊ��-���ꞵ�]�+��x�lJ�
&$$0@<Dp0̞̇VI�v�R���G�w���Ð��RJQ,r�^����Ê�+$�me�"��>�:N����@��%m*�rU"Y���z�Ҳh�Ҏ���[�Vk�rB��ԩQ��&fe��������q�4�gO�XzJ4�շtm�V����B��H�ʓ:�	���aj1n��h�I�,��Ł$��=�В��QIb�J}�_��~Î�l�*I�Q2��Ũ���Ct�b�����~��%�[}����O��sVIh]^ya�Jl�q��$/.;L��@03�(uo �8�2B��Ç�B���Z�V����ddIRl�r$_L�-�jF�4q�h��{6��}�w�6�<�%�B������b��q�qU7�^q$�:L�r�Eqr[�Õ�/I��;
+�$���r �<�J��C�Q�()���E	�(w��W�e)Ά�()EU�:)�#�a/Z�wJ[n�ŒVhD�!sW�����]���lW�T�
+)���O;�y7�-nҢ�!���Ǥt2GK���:��w�~R�Sx��f��/������3"�5�%��]K��rV�� %TO�מd�2����f
��@���CzH���T+�H6��	�v�Ḅ��&?�b$ɡ�[Y�������G^�%�\�t_`�RGy�$)FQ����,UV�a\ϕxQR2�l������Xa�P2xZ�L�TWΟ��ETS:��4�������^Q��&J(�D��$I�ťBC��:xߙhw�d�hvK�^��閙�Gd������D��E7�E�G��#�K9�R���#QΊɍ�R���f�-����z9��l����f�L$i"��"�&fX��iLe�+	�ͶF�V��6QR�@),�V�r=4��~O�
+2�	�yGI�
+�-���x1D�\.=dj��Cu)��D�袺һ3��-9Ɏ���R��sz�go��)wXq�+�e�Y��q I!�]a�HI2A.�R�BK��	kA,a>;�P������Av��B�K-Hyf[�J��lJ%ע������<�����ݜ�C�2s�de���?h�hI>� � �ͪ�����$�,r��rSK[������#�q�+Q娢�2�8�#Q���H1���ht$�
��(���zΘM�R�H#V��\iYZ_��]S�R떖�H��W�w�RJ�Rv%umWt_���BIaѲ/ٰ ��N-GR�z��#�G&����(�����r��R�,a�8��"E"q���++s�"S)�HgU�!%� �5-1#Er-�@#-٣�%z��rW$�(]>�j�-Vʼn� �QV��b�R��04�K�R����*w>WqZdd.2�a���u��G��Q��[C=dT3���OgR�Kc��!s��h��߄���x��+�?%�}4�yY�2Yz�|��H�t�B,L��k�%���13i\J���+���#I8���,>[�Ê#K
+I�� ��%G1�H3| �t$��AG�#�G�h�ň��HH�E�x-O��m��Kݗ#�Y�qY �Rki��d)�VT�/��@:�3򦖹T�W${Z��v����"��l����JWK�;�ē�gIm�<��ZE����N[�y�%ۙ�13��߮Vd�c՝�����5�nQ�fFT���M�z�~�x��nwWݭ��;�����[I�L�>Uӗh��+�N�E�s�&.��k�JEx���f�H�z���0��"����#��^��M�YB�瞓���*��nӓ�OQ���o�z�~����wS%~7��m��EG�ǽ=_�*��yf����׷����֝]���OD:��<�%���Gu�Նǵ)$,��kEC|����ïک)���l��Q>��$o��E;+���w��lO�b���e��,�M<�HmNg;o�Uc�醧��y�Ch"����ʣ7�ϖ�w��d�4�[/�M۝�?���gʼ�;g{L�_�;;��ï�l���
+U��uw��ޅ��:y���_��?\�T��`�8�g?�>:?��n�iSy|�9�Y���x��?�^:��Gi��ҹ�V��w�\�S�C�~o��J[]��V��g���ٞ͛7�O�S�6�UT�'$=>ӏ.��:o��穳��t����k��O�<[W[�yJ�c3纼�Z������Ҳfڔ�J����4ϖ��Ӻ�ty�� Z�F�u��{��V����v{g�^kw��3]M�C�ƉU���c��ڞ2f~�'�:���x�Y�e��J]��|O��h��ܣz&�TMO�=F���Hv�W'tw�&q��5����+ڮ�g=�{�6J��[6:Z���k���i��XI���)#�ab�p�f�k�����W�{�5{2>m]X���яqS�k�5_I�ƴB�Y²e�ޮ����-�^��6�/5³\*��-��B�˥����[f�>4[�4ğ,w��PwWq7O%b.>WM\S�Zu�YR1���*�^~)�Z:����5,:�HI�zn�zŵ�N%�-�����u�b��'"*j���'��]��<��C�W�k�t��F\��k�J<;�{�=z裪-�rqO�bZ��j�2,�N��$�!��1�Nq	��%���}��\D���2�2<[��s�e.R�2Z7�tNh�KҽK:eT];�cƼ�"��4�ɺh�C�;�ڃ�H��<J�Wu^½:iD+2�C�u�^<xxU�auq���e��=L�$�;$?��j�?,D<n-Qn9�z�{���L㢭�
+�p����h��ed���|�S��Zzj�k��ߝҼ�	��Wi\���E2µM<u���­��ZLEB���:��#���A3Fy���{�?tf7��u�;�I��B�}��`�<ڌ����~�Q���Ce����s�;s��£h|K�:�4jd�����k����$�k�Ҝ�Ϊɬ��%��Ѩ�ؙ�����5��~[�ݙ�M�O��:�t�̙̿q���X�um����Ϛɽ�O+O��2*��C<e/s���b���۳e6w}�ei�{�Lj�������Y�cel7w�(��u�{��5��WO�^��?��y�Z+�X9�Jd[���:k��2KO������/\:u&�H_[f�֣g�fh[BݓiH?z�ZG��g,��x=t��+��hn�[���q��ʓW�+,;?sW������j[�x|i0�g����ީ4f<���4�;���k��x���=O���]�U��q��?�&Uo}�wt��m�c��<-�֘�ڢm�[�Q<[��5��g>gu��i�Ξ�m��1}Yh����\�٣�L�f��M���=�������v���u�lꦈ�v�_��
t�ԓkV�n��U��ؚDż������R:�}�oώꍪvKjxn�Z��&Ӈ*��ٹ�ڢ�=Vi�Rݘ�2m�LO�oϦ)�[�.����_3�o��O<L�M��u�l̻v�4��c7.T:�+��Tc�]�5�<���9��f�i~�إm��Nf\�Y3���e�k�O��w|����ִ�M�.=xF�Nmf�q���nmU�QMcG��܈���9Ms�=^�ֿ�޼�$��LczwR��m����4wE��]�f��c4�K�q���e[^=�4�fm����lW�a�;�C7���a�Y��[�ڴ�s���|V�ЍR�^{�:�i����tţdS{�f��w�6i���<�M�O���W2,��q�
+
�L	L
+38H�@�)(��
+2

+�CðP<�@!�a
0(Lx����	��ad`O
�Gߣ�jLg�4��ԁA�^�S�j�\���vpM�	���s^_w�~������0�kUf�SZTƗXZUy���3D�됱���mDǥi�0f���T5Gz;��s5u`i/�nt`�vG?�b�۠�9�?����xc����X9`X(ccxw���gEjh��3��V�`]f�M�L��O��2��|n6�;ie>��D�\��-ݷ�.}�L�|�]��]�:�ze6���e�[��^�+��yD�����D��S�u�'ј�>���^��$���R��b�ю*�z��y�Vˎ���Uy�-��v��ɫ�}�_#��}��ꐕݯ
+���T��C�B���zaڝ�>��������\_�g]�խ�X����JO�28N��x@��ǰP2�ϡOvJ�Ύjձ��}ţ�un��ɨ�l��޹�����%�s��?�t.�wN�Z�<����,�q�CxW�;��U��E#�y�����׮u��E��h�W���u������s	]F��+���ڒ��V��%�Q�A#��O9o���0k�I�2�����|U���>&M[�=�B�����6��:]��՗�Yw05�z���N�3���׵�X�W�No���X�v�f�:J���Z������_uH�+�W��˵�y\ڃ��"�%�m���|�O�,�̰P��K�{���[�C���{�IHeF���f�3׫�i��c�[ի���GΟ��9_����[��X���Cr��9�}h�oZ����w��T�E�cU�:���V�{��^Uv^���v�*͢��n:Ye����K�>�2�;Ze_�ݩ�d�S%����.T����q�:Q	�^],��Q��!��;U������C��:�ۯ���n��xRc��k]{�_3,�>���$���
MyEסa��SU}�Wx��h���6�ߩ��k�1*{��]�k'=��:��]Ot��DWy캻NF{��*��W�,=uU��ʽ�j��N�⹪�Po]x3�W����.Z���ջ_%�ui�%�ﶺ��R��1,^U7����<E��tkvj����R#5-2��}�H��u�[��u�_��^�Xj߫�'�+��~�ǫ:����֎���yC��)�I��u�Lo��󤫧�?�"��=?�U5�z���zͅ��M:���ٛa�XpS�=����U�W�;�O�w�&:���L���ěS_��U��J��n��թJ�ìg�}շ�E�+��L���I�4:�xϭ������R���B�ݫ*���*���{y�$�>-�nT�eC3/��/=��ޓ�g*��p��cT�]�}�T��U����ڊv�k{��w�jtVF�Ժוf�׎^b�j�O�)��vpW����ROg�&��K��b�a�������.��Ё��<�O��w�{}�K�5OiXfYv��e{޳��b1,��y,�٩2e�amfi�!-K��^�w(�Wd�'�QI�W�u�[�dzW��Wk�+���N��:w��h�[�վW�ot�=Z��!��
+�~�]VhZ�����*N�`����p��*Pp�ťcz�ϒ�������޴�����1���/�2���\g�EjUңM�u���M�p�v�Vx��j���狩��<��q�O..���*ى�p��wB�#\����>�f��
�f�/�����)3"ۣ��w��c�՗�iz�M�yV��h4jhD?��}9ODzK�eyR%��/:e�μU:v�p�pW��e]M�)��^{���蛅��O^+��2��ʈ���t#�sM5hK�Sf�J�=��i���&�l90�s�������aL���$�J5[��%я�}�Qoբͦ��f�e�vռ�W�F��j�c:S�K�~QK�w���-M4E�u;�SDE\{�ձ+s��p��E�SWƒh}��x��E5#Z;+L��*ҝ��w*�1+sv���Kfv��_ެ�W3r�ϭ��ם�^=����Fy����v�U%S*���D�~�,w��-�@jɈ��'��Z��/u���v��~pN��7׹��L�Dd�&��x~�|�NoYt���L�;H{�Z�Vw�����dnXVz��9!.����)����njgS��qzQ��?��!"}�tm���^�x�E��*�-�����b*�.����i�
+����-��Z4>_X�v�Z���=��hE����"�'"!�Z�i�v���j��;4��|���=MϿ��f����ZY1Zz�|z�v�/˥�g��R�f}z�HdgN�SQ]�6/�^R��kmb٬�,o��ܪ��t�I����~eS�n��&/U���-�ԵE�:kY6�����~��a��B��߭-����ߒ���NQanY7m<'D�}�3��q�׵sg��ԙuw��C�ut]���/%������oS]�z����zh����N�������:�����SeV���aOS�e����KK�����-B��j��4���ޒ|�6X�4��"���Q�d�g[�`	3���v*�j��@ؼ��4���if2� *��IC�0(����w~fBpJ4D��t"�C�d`��DX7�E�ϑ����i�I�Gd���`�s	�X��b�q�ǐ���ti�r���qJ����̭����T\��BaCf������b����k��O����s��qn'��_NMі���9*5�+��e�8�Pb�F}�ex�1Be�"�R#��
+�r��ɰf�*��J���MW������^���ql�
�u�.
iY40���FUv��{Gw�G�}&E~E�U�V!����3h,��]73m�<��V
�h�����i+e
�m�z��Gn'H�-��HZ}�_+��!2-Fe�>_�$e��M���$�����ħX&:�����D
�dpy>�.�\yK�ГWFN�Ll�H�+�HG|O�e�+]3���:-��f�~�ؑ�?��u3żLI<�IE!����[I���e�V
W�5x��2�?+WEAt�;�.�c��̽U�^�O
fHK%ߙ�EW�r0@����R �P���p�w,TbU0�
����"��D�p"�5,T���mG�Gm$0=|�1?u�a�Fh:\��pk��q��扑i��'[��c)��@��~�01�
ЖLr"�WiLjS
��MC�2�c邘��@�JY���BrA���lP
+�*�!
+��EaLrG	I�G�J�m��a�ͤg��?��S��+�8	+�(����O����Drt��g�����~(�;+(�y�{��򂻘�DyAp��|��<;��J��b@���|
���4��̺zr�=$_l�o���yRZ�tRM���[T}�4C�md[X�Ҿ<	�i�I�_�z����zAʧ��".���bo;7]i��S��fR����b�舀k��m"g"�	5��Ē��-�՟o�l8˸�����٬�3����i�0�褍$	^�j#�w���z7�lk���l��T�e�,��_��&��He����„C��v� ,���;�,�Jѩ��J�N�AQ�egM*��&i�M�u���d�AzCɦ}$�C�0�L��щH�r�¨/A&�"��8&E����Jdގ5Q�9�!yp����mc`R(�����e��
���$��.6X %�
�jŜ�YD�<��s��P1*Y�����a#dyɞŵ���8�����`ˣ3�����QR��J�iJ`���h�B>b_\8���8x���0DB�ސB�ɘ&����TV���Tg
�U��t��CU��p���+��+��6
+
ΣV��d
�_��r��Ꮣ����?�q;�gs@q���j3͍�]�m;��Ry�,�NY\N.�L�����m0�;t�<�,
�g��ò_��5�Q��@�R���;�E
�O�d���L��L͕Hɳ��ò,��܆z5E�DLU���9r�	0���=C%��ҷ�'8L��j'���jU�D*�zw�sihЗij�Y��XUVy��T	v�Sm�)2K3�M�u���_�R��c
+��lG<����HKH��]V�����K�
��Rp�ERF���
+R޺��� ?JrG
s��F`�����ڊ�w�G$�j�=�{��@�����D�LRPn��&PK���H�~�r����]p��]*IZ�gnZήK��e7Q��
��&H�|q�\�{�m��t���w[�y�ղ��R�~p�a_U�ܝ�ٰDg]}:�T6�s�9�0L�舉
5�x�[r�z��ͤ4T�A����	�4¸�-ݦv�LB��W����=���ָ
+�r1ӓm4s%��!_c����ˆ�v���j:_y��x![��t���
����t��a�ޤ�q������5X\���5(�9�8�X�Uk
�U|ؕU�6V�a���UҤ6�ꌋ�=��	�����Ļ���i�.�Ɖ�#uR��3JRL��Ы�vĪ���I��׈Ul-/�#m�F���EM��D��M��nU$-��;ұc�h�A��I\��3�{�@@a���������@�GgG^:;H���4��*	���TkZ�QsR�
+��Ɇj��4���i1 ��̸�\���\%��Z�����]W��]��ER^��Jg���^�d�D���.K���1t܉�`F
=��^x}S`��I�`�F����H��_���$�oX0b�x�0}��Š��" ��1Nx
+�z1�+v����á�������_��IOt�`��"A�Sn𩬿^�C���ˀ�wjGn��sg�H�Og`�%.,n�2�^�0Q���A�T����=�6k.�y-pl�́t+���k�i*KЛ��{�Dd�HF�?0�@h6�hI�֭�n��/([�A�m�/�é�0��|�k��`ruS�sx�nU�Y���f��=�C��c��1k�̡e�0J��܂0r�4@���"�w4�*�A�e�J
�8
+֤��᧗=���� /�%Tp�f��d�q��ؗ��Uº)���\�aՄ�@J�4�eS�SȤz����L]j���v0
+Z���'��3k��[�o"X��P-JX�}#m1����~pr�8���lf��{�����x��H)>��餛3�!�W9�oN`��	g8oˇ�T��)�%��n��{�X%v2x�k�TsFb�a�%'@��u��	T�ؾ��Yo�o٠��ʀ&��믉b����w�{s1�׿􄽖�]��Y�=��]ߨ6�J��ř�&��UOR�b���V��o�i�So�J��
��P��%��NJyڨV�~��'Ҿy뗢:��Ì��=S} �H�;��,�m�c�D�����~(e�ɄY�>P ��!��{��_�Y��ZE�����fh<U���i��Mꌵ����lB��H�l�rF1�e�ˠX&��D�e�v�/�Ee�-����A�l���&kKS�⵶n�	LJ7�&��\
�����%i
+e��[-{ڳ1�V3�4�H��AK1R^X>��[�Rmz�h�}���|J��Q_��=��ʡ�^ݨ��O�(�r�H�A[fx�%9��Ҏ�6X�s��+��Ά~�[&V0?$�E峴�Z�p,y�a�-p��(�T-#�Jg廂���z?Q��{.~��N�0}?�Su�k�U����kWr=(�u��j3~����ʞ{��Ty|x5*򫥤IJ�W�6
v8_�W{�R�(������f\�����_m�,���@�뒿����N�%	2۩���&|�6�"
+M)�n˺m�Z�}�F�����
N�� kԟk[���\�Y��)�"�ɻƪe/����F���ri_�."�tm~���`�x@h�W��DGSb
��zq��@�N��\�;�ڇ�����u��N���
+�B�
+k�����b-�͚�nM�](cp-�d��Cl��^���	0�&�_3b$�qy�sZL�f7¿f�Ӂ�kn`�m�xyMi^Sh��!q!|8�5���|͟���}My�C����V�u��vz��%�M
+��c�(�ȵM?��f}=����cs���\CA^Rs��s�&�|
����tE��Y��>�(�����|[ɖ�rA�[Di�]��̷	��y�o�*�듢�
׷o%1�ߎ��u����8���sK0%Z�\��u��+
k�Ve�b����}��=ի��;�?!��G���~��
+�������n�D��4�M��W���:�aV��̠_D���4_ ��q=f* p=i�.�LeTe��Q��$eN��\nq�*�*����~�wY)i��̔,�{���^ ���"�.â��<�Ð^֝c|S8\�g=�^0���5FGr���=��&�N;�p�I��{�?�~�-���>�_˙@�-t�x݌wC�\u.��ɔ
i%pfC�PiK�P��,�H��)�ˆ*�)��
9���ݰ��Q�a�#φL|8+�7̮�W�p�	�9t�&�Zm��a�94B�X�pHy	/��
+�o�ꮙCs�\�J4�2=%�/�PS@�9���CIA�.;�	:���UC�JΌ�dU+�# �@r� �\��12X��v�&|�{� 5�+����v>2kAû�y����sa�l�� t�h��1�&�b��<�PL�a���k��J'An��G���^h�OL�z^d#F��HB6�����]4�Aq�VRD:�AU
+2�E�@:��12$|�9ʨ�W�����+I)ڧ�mPB��G�CS<�r\p�`�ҕP�S2�~Dp��ȷT0y�
(Ů��	GwYD,�.C��Cb���K�)�B���/ҏJ�JK��,�*���ĶG��Н;QL2\��l�G7�:œ�c�AV/�qѩ,�Y���
bc���7s����N�\��kA����?=��rd�V��G�75�����/�Fc�w��*O�"�
+��ݎ]��?���޵�x:VZ���4�5�m�l?&7�xJ�F���"KM��+=�:�,�$�!=��h���kzH��]c8޻��薡�^��
+�*��	�+�M}�m��a1lU���Վ0{"��1b�R�V�˵�(q�爷���l<�C�_a2
��Kѓ��R�s�[z�������H�΄\
n�L�
��_�.IT���(�e+�w�����ʺ�c�-˳�!Xz�|��M����2xKH뾰����*Xu�fr�UzI�N�_�e�qh�v��!�EP_,�Y��F`����_��K���i�ߠ��v�<)f�0ё�!*��__�3q,
+���@س��2��Db�u�8¦��iC�K\e
+�!T��s-ܐ+!So��
+�����d�,�_���?��Y�)��"	���oO �[T�O���s,��A
+��نl�>� W�Bgzѿ�Y����Ժ�~W�)<���ȍDh�i�><�͓����B���e-��*�s�b�1��
��	��/�a'�."��<vg�Ռ2E���W���U�gE����]�`�r���m����O��N�>8�ۃ8��H��Nͥj�[�2t�*z&�����,�����6�}��ۛ�2��z�)�X	��B���@���DFU�j�ډB���b�d��S�5�k�.�p]w�:�ž�L�r�0ji<qŢ�
��vb�����%U�]ֆQ���@�9���I�
+Cy�b=����aiiHIUYP(��ɯe��܁G�Q�t������Z��ڮ/j�N�#�[H�1��6�]Q��XC�[�R��pFvI�m6�,xa�i�*���]-��B
+A@�}��9P)�-��\�C���Se_2Bň�s�lZV����bg�
+5C�I�kCjJk)�$k<
Z�!�Fr�#�Oʰ!7H���4�/��;&Wyu��<�X�~�X��g<����?OS�g�+›uw��Eڅ�7�'a�0��(#/��Xbi-�/�/�\�&�dNAF�(A4-�Yv�ï���]p�Vt|�j�S	��1����
+��HJ�S�yB�	�y1A�k�@E�)����t������#�
+��<[�ۉ]Oh�ݛ����F�VcR���kt3-�a�nd��-�}B)��댇��87�,'dk|���s�;�`�4jE�$�����5���:o����-N��濸�3�9N�=l�
O#Oϼ��cyc#�F���p�;�
+L�j�(ta"pҲ��7&�]νYHwB��	�*�-��@�;�n�d������v��N���kl��.|mLB��
4=P�AJқ5�P�����3���9�¶*�
|�G�M�5zœ�֒�������ծ6"��Z���@��#5W�x9P>q�����Fz��mi�!�K�<�u�(K��ZQ�����.x�,w>;\�n�\�x�1gFNj��*�>PڼZ,:�j�gf|T��<ᚷ��#�S`�pn�e$�)z��'�Gz2�h�]:�V$�}�"�BP畼y��'}\����݀`��wq�F�b�F�B�,t��>Ҡ�&��1��o{��U�A�G�0
��'t[t��U���*_w=%�T ��Ы���'([�0�ϙ�zО.5B2�L���wʈR��˵��s�tP�~��-����]ZuLv�@d�j�-�� '�}^�A�+N.�m�تBE��Q�Bq�b�3��<3ʖcJ.�]�o��n?�r+�EF��4�%@/a���1��ө���785��n�+cY�eq�&g�q�{���6/���1��WjAZ{F���W���M&M����^�'O���Ku�>%��R#(b�T+$y�:��O��@�ҚYY�b�t���/_�Ԩ>�^��Rn��R}>E]%��!��M[�Mɷ���k�7&\�X����{0�(�eV�F�AQ1ݮ���Pq�s�
��:�)��P�ǿ`��V'��ͪ�`Q<�_�m邒?�9ڇ���-�.����ĿD�B"�	���u�k�h��hpߵ0��X��#dQ����s�S;�6��_�2@Ǔ�8���
+�Wj��jn�D�@��tј�8b�9���J3z.�I����$��FC6��'��#5�O�**y)Yрd�����{9�0n�c���$զ�F��<�ɔ�a��U93;V��J�Ǫd�9�8�x3�Xī�I��H���i�]�ܔ�a6��ɺ��{���!�ш�(<��Y�t,^��!ހ��_�Ϊ����g��*�
�9KE L^ӎ��z[3��l��{RM�6�J4��T�^Y�_ПZӭ$b.g�u� :Ÿ�?�LDeO@V�a>����"�������[�=/���a���\{��>j�o7D�����
��t5#�u�����U�7�
��d�^�잋��?b/�H o�J����]3��|U��*��d	p�U9�5�s��q��xb�?��X���%��&��ފΌC��{3� k]�c%�%����x��?�����ö�u�s&3���,~��Bh6���gkK�����ʚ�I���FA=-�V�:�4�-�]�ims���yu$���>͆�P�/�}|�
�-�/�����	�Z
+3�����_�ʓ��ô���x�rC��2P��	p0�j#�͙��O����A��.����8%��\v�yH�f|��"�f��y�4�MFx�.2��\�1�\�S^L���3���@�:e�|���]��CMG}�����Wu�`\����b���ͮz�Ճ��up��{��|��a;�� �
��n���"��p.f[OC���5��������?P�_L,�)�FM���eaq�bxo��sVK�#-��� �8{��Fv1	��f��P&��*������%�u[E�����Kex�!)uhq��^X0K`
x�B��vMU%l#�P��NY���o���S�:�:��A2���EK�tᠸ3{���{�\{�
+-!�:��bd0��z+�1��aY`
[��NRkq8������8�?��"([���A>A_�<��|V`�K�,fRĒ��c�T��n5=A)
+��I׽U�m��LˌPaV����&�=�z����-����s�B��K:�7{�(�5���?�����}���:���EM�����*,hqDb�Qש�?��Nf�=t�
����\���C���o%:l��A
Fʧ��A�b>���|�q��9�v�b����`~/0��O��	s��H̶3�v���')���YCQ�ܠ
B��zu�y�D�x^x�Rq�z��^R�����h27����6q����Qc/�H�)Z+�4����J�����0�2;;�\���Y:�	^r�
��w}�$�;r�����Ƭ,$��*���>�Х}�_��qV��A���5;\J�f�4Ͱ`7N��?
+�£�Y����y&�t��ݴA�8>���R��K���}�����c�0����ű�^v)�7����MsoS�W��@�
�@O�3"�Ǣ�w3F��s�˛K"A#3�G7)�]�zwc���K㓉�倻P�g)���Y�$/��KL9��w�_)#�����k�'o{ـ����1�?O�v��R�z5��x�����������6}غ2�Ň*)��΅MM���Q#i�Ћk�{�g��	P�iI:P��o�����Q��_�+����M��\��
�������,C�)�����q�Ⱡ����n��Q�՜놽:Y|�&�y�@m��d��D��(��=4����ʆNoQW�;(�p̉Dz���
�\�3?M�I���-&�û^�	8:�UC���N�S��ͬ��J�:��x�k�pa��P��?l��6
'n8|pћn^f.��\%��r}PqW���J���0{-R~G��o���%��'@����9q�s~��Ɯ�:�-�&3��sA[|n/���I!s
'e��9t�-��W;O��\��l��mpo�)h_G�*����ORP��T��F	td"��H=~��F�?��BW�d��gp��.�zwj�n�+)���� `���/9Ư<e��$�L\���Ez������5*�7�uv�<���Q�%nP��\� �u��h��� �Tۇ ����9gJ�Η��R=�V�Kht��AWU�l�w�
�N
������̾S �X�)�V�.�GF�[�[
�̪��J)C��F�І�-m%��-�+��#B�s�A=�i�
������Uɢs@s5�����Og�vPr�9 ]��xͤ&����pV�$��B����@	^���q�v��j�ڭ�����z<���xYߵ���p����
C�)5����I���Էa����E�@G�n��kߚ$�a��Ȋ�H������Aq~,*�l�ҕܶ4�d�B�3�+�����U�F*k�+@��~�<��C��+X�o��KB\}3\�r?T�_��x�]�խ��
���ROK"�H�	�p#��
D	����%g����6��mY��0��\:b���J��+-7Qܥ�4�>Ch����!��fkF���A8�6@��x,��F*��b=-e2�1?%e>���$��͈4ʝprb^�ɣ�(Ӝf
+���"A*�s)Cg
+y�N�3v��VF��L����|�����s��m{X��T�C#
����T��(7�]w�����cx:*\�9��$��k��D7
�v_;k
��5-:$IU
+���-�u�T�Ml���ѽ_I� 5SAxE)0`.E9t�=��c�|�ƪ�Q�p@��z��Q��TB�A�-Tu�U7sՕH��խ� ���x��T���#�i$��a�� �0$[�rL���uF��`�f�%%78z�5U�e1�x�͎�J�
����%���I����Vݔ���yn��+0zvKfa:��dIn]|�cmO`
��i.8��H��k�HŸ)��_LrZ��!X��a���(���%�t)7�E��,ɐ-	�K*2�������B|{��^�}�SR	J��=���=�
���b�s�X/A�
�*t_�8�O�;/A�B/��*Ysv+�
+�+)�'s��I}ׅ<�O2�Kh���ծ^6
+m�W!$��I˕����#Q���,	�/�]�oW����x6&[.��k���=��A!z��+Km�>�,���\���_KJ5rz(��{8�[v�K*Z=p~ΐ�x�̎ȉA�.4��k��BMlj������S�����ȹW��̅<"�3i��������41�c����:�`0!��"��[�|<�4��	8_�W�_�J;����q����1
 GO���O��W� �RW�Z�����D�u���/�i��:7Ȓ7��8Q�&?�))p�{-b>�dh�g����."C
9���z��:��I�WE�A[Zw������Q;Z���@�V_5|�sװ�S��k{��!�s��Wo�M�e��
�/�g
��y��&�,��"�aE����1$= u
+X�
i����*�:���@��kUX}��5�!+��˜�����|#�X[����[�ϧ#=>���H<:.^}!QӲ2�!��驏[#v�XoN���)�ϦE�;o��V�w
b�:�*�/W��.���[��l�$
Z�Z���/�˦����G�FֱKt &Z�X5�u�v~�@21
+D������Ho��&뺙䫾�3�\�;�9����O����trzI�˚:��)��2��D]�;�@�����b�������%��GLo
+[	#6]����8N/��p�褜�DApM�Ū�{x�5��GZ
+slŔ��f*R7J0��|e�~p̌g�h%�]ϷM��	h�8Zo�f$�"�'�r^᱈�F��^e�\�_>����ܼ�o��_�C�P�į�j[|���闦z����H��:�ޖ��S�,�����Wޚ��%����o���k��l{��Yn%�j�J�&EC���nCG�f3b)/b��au���ϑ@���dɭ:�v��������d�]���C#�FFXK��Ńx��ɼ��K��Z�#3�ޚ�WS�X��_�]0e�Ї����i	.��.�/���P��P�E�r�nSv�s~�͏�2m����NUGC���ٍ�{|O8�J���R�0��Q�6��A��nRt�l%����/�!�.Z�&�H�D_�~:��8����q����7yIF�e�%P)���%����n�ogv�YӘ����7�Ҡ �z�&E�oK���+�]��su6j�OTf��FbN��V�-��ڲ@�0���3=v�Q���.ܣ�<�����M�����X��=z�UR�v�[�N.�R,��<��#
���9��N�x��4��q�
+���$
�1 ���W����Y
+7�XnEq�#R��2�Ҭ�C��X�uN["�,������v�U3Q^�s[!�,z]�x�׹/�!�Ǥv���"<����ϱWw���~hs���̭��fIń"h��60���K��=/�ͭ��K@|��[EcQ��ݧ���S🙅�,F5���O`0���L�<�����E=��Q[@�~�I�ͅyt1�3
+�Xa�<�
7{.*��#!���!|��Jhk>*4�r�%M�*��/�3oaӆ�����P�#D�A���J�d*�R1Gew~��l�s"gP
�R�)����(��U�n᠋�"��$(�ýA��u�p����(��\������=6e-o`+Ik�\��6q�?�$p�l[,J��<$�,�(������T�%��&�J&��
^�恑B\Rc�*Բ�
z�2
+�A
�5��&��Q���:S.s��KB����Z7N�|s�%��?����Wl���E����ȁ�NC���	w�z��2�f�B��g\\瑰�׸^�P�$�s�O�O���8�ɾ�d>��E
��B4k<[�p��e��%kD��59����S[��(#��`R��
�Q��隋�?^�yf�<�L��Rb���Ĩ��-�����ir9X~��k4��+A��IU�h抰<MÝX�{*)��ڢ��x"�D�T�3
+�v6'���c��������@~Q��q��@2��T;i��������G�}`QG?(�cZu����\/��6���6�.tJ��I�����f�x/�����&�4�W�T$XV�L�G��`��j`'9���:�St���DH)a�a�=!��5�=�޷0�	�dݨ<N3e����e�%N�r�x�k��4g�K���#�l�K6�}N�z�((P�|��}]w����]�@+��1v����%^�[K�e��(
VP�d����&HD�z�)P
��*�+��W��csy.�)g�����r�
����E��E�ku.�=[�/FG���ĕ�6�0��g�S�w�;'l�iu^kQP�%>�Z�x;/��ܧK�k�;�JgIw����oH��\���A�$N��6"j<ɒ�8*�ڡ`%�����q�45X����M��/�4u�:L����w$O��S�u
*�M��kǿ7*�u�[�2����&�����>��)z
+j;g|������o{�������s��3��k0��7c�����"WqUL��o��G)�+�g�JY3���
Ĉ��M4��K�m�&�<�<� =��@4x��	�w��x��[�,h�.!^�ě�x��s���x��b���=��q��+[NI�I��_���_TAe�c���>~2o�?Õ�Hxь��`:�}��k^W�b��d�6���.^c�--P�'�VT��+m����&u�R�,eƥ���@�Ñ��3�+Iઢ�UjӉ=�l�Йq�r��^��.'^�u��t��հZ��H��W:C�=�/�8J�͸Y7[��\��[b+��R�Q�K��:�����Ew�j>�>���
bC笯�@����
+}�c5�<;�% 	?�I���\�֩���G�F�Y��o�=LEW���L�����nݕv��G����qP{Z���h�(��;���;z����p��6��L��R�_M,R�MV�'x���4A7KB����K�!�C�H�p��4E�"�;��q<#��L�
D��
+A1

+�A�Zcg�V���ױ꯼�?@�V�ڧf��J�5>�h�Ul0��ІwC�
H"��WR�Vj��/�
���$u��g�v�]�c����(������K��fG�VR\�N��_;!�v3�I�Q7�UO������a���=%uGpP�*%��8G|��k3N�o�Y�˚�*�~/��N]�u��[/}�ԮS+��^����Y��R0ƛ{�;h%�mU0VIYJ}*%�
��;�!�fbA�V���%^#h��q�����7�"n
+t��r�����%kH����T'8���˝�tG	���͌�Wm:1����R��^)��*�P:�(tK�4(��7=�%�X��s��d��� ҇�
��qg̙=�G9�\0����B��e\��ABh�lZX^� �1����������u�V��G��{n�
+%��m�����(�9�����T(J*��~���>�ͱ]�U�o���Em݀ۂ��:e͉L�k$|��2u�
+��p*��)��������O�K�3�c�*@���jkʀ������7�;�*qp$>eA�V
��K������2�d�#Qϖ�Y�0�f������tO�N�6��B6�4�VPe��aǪ(�aF��Q�`Pf'$�S�2��������@�|B��9��GI-��W
F|��	�X0;(?���	'=��K�/aD�˭w�n�/;E����a	ʹ�@�ލ^��4��ڷ���Bc��ؚH�͸��E^�qj�^T��^�ufP>;���dqp�@J
�+�@e���/!Mz��h���m��/`�-[��&4,��囷
��QX�E��ȃ>�S�J�_%��֢��J��XEV����!�UM"V�(�z#�P�ʼ��'���(A`���#��p�_��~c����P�>3��l#��R�ph�K���Y##B�bD�6�X�b��,�H7DN�b����W��$�ŗ�N��?E�4�-f�=�}��qM���؎T=&����#�x�vX6�e��]����f/�c`�m�9�4%T#���?����p�v���<�	`�!��g�����aY����
+
�X��}Ĭ8���Z�&�U��,e�JdõΓ}����X79����k�
�ѫuOl�̴^��޵��aם6K��~eHx��f'�ٖ0k�a�OL���cQSz�ac1�{��i�
+S�y�$����k�Ҙ���Bn8��xa��N^�QZ�v.Ci1�V�e*�m#�`��Ξ6���Ra$�6���Ё�mɴ~���&O�E�+S�a���U��h�K��
+�%��[BV��DݑG�)g�'fO����h��+6��u��BN�X
+��HKj�RA�Bp�^�4R��%-o(y]��k��􋤻��L�8	�?�-������h�i��G�h�)%e>)F��f�.��Vg�?�i��F�'Y��%��Y
����X�p�A0C���;�8�lĆ�F#�P��q�G��}��5打��	��x���j�E�y����եf�,�Ɍ�1�!|�
+B�
+Bڴ2KM#v��#�E��gL6���%)m�����7�j"j������M�ֺ�κT_�������`�b��NW�Rtr�=p
+��	F&&D��VI��f��i���e����R�3f.�~x��R �DI�˰�����<����Pk�U���)溒^.�0`M�gA	
�W�ʌY�u�Ud��p�U��	�x�����W^��o��v�΅vF�C�:��y��(�n3�X��1E|���щJ���$���JI�b����J>�S�����.0�^)mk�!��6ر����v\�
��_
�5j�i��\��S�먅=�c�mC�1Lc,��١䴆�Lgi�f�m��g{�jw��6s��3
+�Fa��G}�\wR�}w�����ލriJ��m#�7�ps�:��;�P*z���)z��H��)��h=do)��`�n" ��Q�'Szޓ�K"�SAXڤ��XP�� A��@�L���~N���}F�>�^).#4�p5Bg:�o�#g`U��P�aL=|3h�zqE���(_Fi��Gi
){"��}�2Q׫��������_yA���o$ZKλ��İ �R�%���� %�BA���"����H�L%��Ơe���}�< �)�S����0}���5؜(C�=�̙�� �A��LZ���pS�+�	3���c�!� G��ޯ����l�	��)��y-���8��2���_އ�*
I0����(û_�Y�.����h��2T�'�B��T�Ϗs���9pb�"����	�x��$�'1|���u��_�N�2z��k���h��\��iH��z����Ɛ�����a���:Iٛin1���<�m.��R��N��$����'���A�!m�p;K�7���MUf2֜��p���T�g��+�}P
+�i�N��F�����z,"bĚ��p$�f��\�c����ʐR�^�O���Q �E���$�P�x_9�W>�|�̀B!�a��C_�!�^�����;Aͨ��AX؆̩�n��3(�,�OH

��3J��4���Nt\Q��t��M^�{[�/4k��]%" ��_��2+#�'�ǰ��/V!i~��D�
G4<YF���O@�W�b���V;�o��������{�8Peǎ�+�م��A�U/{1d���Y"5�9Á��g�~E��$�*
+�`m�|@���("�gw�:���bn�G��(#�k��U�=%�{����������D�r���#�^��6��������1]|"V���x���
�M��nU�B�!��Z���JA�8��	������Qo=BP��A��(7�[gb{������ �����[a�8����R�J�������̖�4��i6����1V��f�*�Aj�>�ԯ�R�c�>a
+����x�V�����?d<�lW5xEެ�t}��<@/(�kY�
+�?2���?��$�����ϕ\��aGԠ���;,��;	u�1
܎~'���b�ٌ/C&q�ݽD�􈥇?��ɏ!�v���#�ğ�	�@�ɀ?H"��*�\��<H���@���]��-�ng��Z<ZR�fnb�� �ҀWC�k���69ܜ�f���l�{C���O����������fZ%$���6�7j���=�r�z�
�ۜ���^�{�?���UR5[��8`���t&d�
v0���tJ���5����H$Ѧ]����"�OK�y�S]���GŃFz&Ց�̑A{�������m��.��q,%�E�N0:?t��v�n�r���Ӄ���,ħ��6I
��*�^�|�tά�\w$fd��}?mM%斨�2^dH�uen�'~@x����Ŗ&��R�U�N��\˳�$M����"|����4�dܩ��
+���7��q!&�%�� �۶L8ʤŒo�a`s60[�Ԣ퉛��Q�?�$�0���$�%�.��G�,K�̬��ыJ�R���3����u�c�I�~%����B���mL���8��f����f(cꗉ�9�D��[:Dk`��x񹗨3�%���g�<N2�p�p,�c�[��DXA���N�@��cTF���0�򨤙V���FӅ�XP��>xulm;��J'$
�f#����i�Pل��B\�{0�H>����Gq}����?8ӏl��~������z�XL,�#����zX�a����
Ď�y�CA��z �l����i��L&>�y�I9Yp9�cS��ݽ>�����NT�
+
�22�9����A����Y����?�5h
��eQfE��њ�K���y{� ��qc�k*|pH+Z}�4�iA���`�!��i�����	�=��]�$!0c�e>F���t�-zÂL�tu
q�f���Pr��"@y���F5���ܐ��S��k$�WףsnX�\iͷ:vƣ�S���
�[9�� �p#��3�4��
�\��^�Q�p1S�3Q�i�h^�B�����
^���ӑ���S��	�u��E�m	M�\L��D���\��Il0�8��J=lB�l�M���ji7Aab=	�ވ�P}��ۯtf3}�T�
�~�<#.nd��h��uAuD���
 V����F{Z��B�V��JZ]fQ�_`��P�;&o6w�#�@ut	��X2��i�F@�k8j�3�NIٟ9L�%����Ru{"��q��_i�VڿJ�TZa�R
+��i$n��G@zŦ��,F��WSJ��{h��3Z�I��C�%R�̛����%�d�O?
Y���eP�/b� ~)j$�]Le]�U+�z�
F��.w�hjEDa��BL�*k�lH�O�P��@qB� �mS�}M���P�]\(������x�f}�N�"�������̰\�h L��P/��4!at�!�W���G� �٥�-�� Y�c�ZV��ݰm��6bm���z��+��
+����A�o�	st+^��8�{(�V�l���r
+�A���_���Y(nISr!�|��deaOC�I�CL�����|���<7g���Y�WN'�6��쁻��#�|����5	N���ˉ^�ʵk�@s�1�<����`�f�'�����h���{T����9F���3�_x>iXW#i]�Y�q���/�IƢ���h�ǂ`���ŴP�������f�rߙ��2~[���;o��q��@�R84TU�$Gh`.q�]�����sB�闁 �K�G
+R2E���j�o��'�}�ڧ&
��C�=Ai������vi�eGY�x!���QKfo�I��
����Y��j+��ܬ(/Y6%x����mՔ��� ~
�g�Byn��B�u�X��Z(�8{*�	��Q?$�9�C��X慲��	�t8��I�O�Q��!,6�\����M��������7-A�E@4)\CA���C������g8�%�bÂ�3G{���oP����:��j��{Q�%�Z�E�]��;���SW/m7W�QUQ�&C���J��#%�-RL�P�
+����s֣�V� i/�kA�)
���^\e3�Ph�M1r��'Z�>�͂��k`*>�<^��+v27��x�Pf{O��])����V�!��x��Oz�7[��k.���WD�P3?�C�u�
n���Ũ=e�4�T��v��4<NΟk1ۇ-Kl�^ȃB�rE.����
+��ͻ0��#�&�9��ő��qt*UXD�a�ʅ��.��
+i�*A}Đ;��ǞrY���'q�Z��f�a�b�C*8�
+�m b���˅�B��tdi:ʔ�`HG1:R����c#̾��tNcP@�+�!��>qy�y���f���G$x�=�e��l�i�F�ȿ�+�xH��g�cK���!�	O1�)U�9*����oJ��<����?���F��g�&6���4F<T1Jc���ה�.�'���}���Ԣs
���g3r�3����/+��ۊ\�R�lk��F5aį*�
�K��I
��g��V;��!@2�]
(L&����o/��ۇ��Q��`��G���C��'a>�R���h���M��GI��I��F�@�	h�Р��h'l�F�p�'P�Z���a���y�
�ыz���Bo���f7v܈�C���X�@,T�cD���"@yP� �+�NBU�*s��i>��)5g�`�n{�G!ǎS��[����\��(�=B$�ܴ!s���6�7~���6�)�����t�R��6��V�����	D$0)�^���({p�PPO�_��"�



+����PX�|*�,E!$N`w`���I2\�
t��h4з��קP�1��O\ l4q
��,j�@ᑛ�a,'~�mke���ZyV<jʮ0�z���`��%Y�#��3�)*����@"���ј$)�ơ�q	�;DT���0R��@&�,̇u U�@�u��_����dS��
�8�y� �N��˵��i)i����戽@�8	z�ɦ*
+�*5/{��lL�e���'%K��ZD�����h����f�4]����B�K�L���;�S��I�aϡ�����7����g��1�Dv�����F���&D����m,5�R
���J.���k�fۭG��q�ɊJTo(%��w�����VB�q�?:�t�X\EvX������.�ni��>�Q�6��;?�Ee-pg۾�v�s��!�ڂ���Gyb��.��l$N��5ޟ
���ޜ��Fo�1��S2��BJ�H`��r?�H=\j8���	�kcq,��ڞ-P��t�L����邖�Mv�m��ir��� S���,����'h8��}h|���KN�#�H�������,p+��\�O��;G��ع��#�_�ӂ��)�x���to�(����,�B��h�7s9�z��rz�57{�4��È��
�p<����IK�AG1�&�]B�g\������]�I�p���ӔU�i	�].��q��N/ev
+K���u�zg���H�#��Z�͗���NF��*�.=`�s%z�ieM9��#���!2���`�0]Hq��riI� �i4d�<�B�t�5ۤ�y�@��K��{��f��8/h��W�;���M���mԬ�"0��S����\M`)A�6�����6��F�������������,4"��d�,�o�I�
+[Q�1�j)j��(�.�e�
�i��"+1��R��F���,=��!+_��uX�+��
ڛ )������?5���6&Tz��c��+��֠D�զ~�+�X�}���?`�pB9���h.��S�>�I�Ě@�����4Se���Xm��qj�p�؍��r�mD;ě��޲.���]���Y�����w��P񋐴'2�C�c���;�	ׅ
+W��a.���ʃ�U����X?��̑����>��,+h�&�-!#��pIB���;��	��;�	��DCK��k�����
+JY�~�|�PF���@�Y�D5O$�?�-�:����d+���Nvw�DcR���Eek�MM�����hZy����:��q��*&W6t�R"���/)������YK��/Ƞ�@��KJ�UJ,���-ž9������<�^R[�HB'��o�m	��CL�;�Fj�K2WX�c��<v�&DO>�V"w��
�����'v�@��51*�$eJI*��q �4��9��l�y��
+�怪�*ϜO8He�f5�*5�LˍOI��fԔM.�Hk�sPz)��TT���"��Sר�)�Bm$��s0��9�DJ���>6���K���"�Ƽ%�PM�*%&{��wA5�MUTS��Rx�pѦ�E����"���/�J�TE��k��f"�.�/��Dwp�
+��>3UD���￿Ɇ>��F�W�'N7�8UX��*	7�=�j|��T�+��$�;|�ozi�ghA��>�YU1��n�[lj�@*Li���1��3�0Su &��WH*4S� N&Dr9�/�+�|sxJ5e�*�WH�&CʚN��Aʅ�xo*���a:�_I%�r��dEry�ktڊ�"VB>S
+�,*�)H����Wr�*9FH'� '��Z��"�c��R��c�*�Vq��J����8�r�X�F8G�RV5b��H�F�./ل�;�FTD2,�~%L�B�PH�nj�*<K����j��=�.����U�<Ao�>�՝M��W��v�("��oD!��-C�BZ�܇Z>�O���#|�L�!�I�
�(ޙ����&j(d>��Xè���x��О&���Nh��
Ӊ���8B\}��B��`÷�oBr
+�{�,T�˄�1$��)��$��f���̄�*!��E&��!I�|F�6KG8��$z���(�輩�uU
+���S��NH7�r�"�&Bwŋ6�ϫ�E��N��_�F��q���KZ��8ªja�u���A�������>�������D&� �M�F�I��ɄG���<YM��퍾�s1�=�X�.���s����g/�[����r�����������	#ҼH�Z0q~	�u�.��0����6��0�s1
�NGU�y�&�Ö"� D���hSY��K�2��r�˞�@�ZU��U�)��m����iH��-�͘���p� O��c�Ɓ�Үف���46�Sĝ%6�L�D81�C��bK�����!rC�%m�,�,q��0˃
+��OI�pr�!r0y0SYѲv��9�Eδ��
+��f��qH�XU��b�m�A����_�r�rOp�A��
+o�.$�o�j&7�
+C*�_m`0<�����P�<���*&ʥ��7L��b�j��cU„"�����m6b��wx<����jk��RH�Nbh� �J&H)A���;pHˤ*�j���V�a�a#�-���qnj����4�d������[��Fa���A��S������M�ş�WES~���(�Pѷ#�yFf:�yD�{_�ߜB-��m���6��%�3�6q:�i��`T��!�;c��m�*>�i�`ڇ�Ka���p;v
��o��.��FN�w>Q��Rૄ�e�ɉw����|^���;��,���@�"����t�M�6�����\+*��pn��?!���3�C6'z�|(�Ns򵩱̋�\S��}�j��k��5c��W?�-�gȡ>�Sq�.ԇ8���C�9�&H�D�w��g*6S��e8�,h�y�!��"��B�y�B6_����dV1����_5�r��,[�W��*��$x#-b�u�FD�9$Ħ(Ԍ}�dv9)"�����D�""����F.�C9��K�a��E�P܁i���r
+�N!�Y�:J/Q�&%�
M��b�C^����C[�����ՋE�2ڇ��!a1��U�?"�����\*k��qFrn�z�����;���K&f&��%Ad2�!��t�pN\3�q�V�m��qDk�F�=d��
��D׼����i5��A��w�*1L����a\&ƄV8՟�_�v�BB!�4ý�B�P����P(��-%��1a�Zk,;m�x�Ľc
+�Dd^�񺄒Q�LFd!3���Žh�|����$ˬ��w�z�<
0�h�Hp�0�
p�
` �
$@��
l`�S
��l|��U(�{(��E
+�����BX���N���@ﶻ�/���Y(*�ƅwV��-�Uם�mM�p����ݴK:j�uW�3s�μ�1Qa4��4����4��
����+�懨N��*HM|�	�i��d�tw���=��bJ5�#�0��C�,|��.[ɽ�6b;�R^���S���eTKL��ZV�[y�jIR�uV�D�N�)��r��"�U.�O}
�U�"��J����Xkx���D��lf8Q�\�R�T�ՏV#�/�M�Ţ�x%�U�#�p16#tP�&L���^��4<�}��&���Af[�,9U�V����ck8n��൞L�Y<U�suH���!9J�Ų$3�bń�4��,m�Ʃq�6V4����[B��7��f�KUm��9כr��h	3�&�>U1V"U�XN�a��(����Z.�ʹ��W��bmdR��#�qcV$:�V6�F�3���6ۗ�����e��.sL���fdOLe!�LeR�e��_!c(;ies�-r@s�8�9kdJ���?�������3�?�R�!b�y��%l���
+��s�Eb��z��:�ґM�e�J� �C���lv@�E�g5��l����Kb�?`���f\"�Ҝ��t[Le����f5wPXE�3��3/H>a�	%Fu����دd� �OF6E�R���&t ��{/f}�^��A�V��L-��TmD�}A�P�/fDBm>�;���~�9��5fKDS���C��l�\f!c�3�!�.�;!�p3��4�f�ŤB%il�	Y�j0���)f�U#P?��h^�L15���3E�Ox**�ff��k�3:����s�1��|�9�2��iYGG	c��f�W����n�$=�2��DD�Q��6*���Z+�����/�Dž¸Y����K�(5�o6g�"W׏%�̂��gJ^SΓ'A8״*�g�W҈�[��W�z5��h�r��xO,�/�yk<��k+�z�f>��G*P�.�:���2ERy�*�K�Y�n^�˫Z��rF�!�U�D~�F(drȴ1��a��#�d8N�$
+��]��64E���*�R��-IXNQR��x��H��(9���� �����
��g���˜��
+��;J7b)]5��x�-K�^O2����9!ʥ��T6}N�TO��_e��CU�X��Qp�]���p��YZ4nW(zI8���L���w�R�)L5eb����I9¡HA����ƈ��xL�&��NA%! �NAV����ofG����'�E8���CS��D�F}塥vĔ�m%Wvi,|���<Ɋ��o�I��d/5�N#$UdČ�[
..�EOD�؋^-.4� �>��^1�
�n�ȷ{!J��n�%"�u⊾Q�@��0�ؽ�T9��{X����1�T�q_���|�37
T��%�FF;\�2�x��Z"��M�Y�Z�DvpY�q^B�R�G�I�L#����N�=�G��R�zI�˃A���I�1�e<(S�	��UzyrF�A�Ɖ��H)b̈�\���~zi�A�����GE�!nh�,�>�I�t�}��bF��;Y��-��\,,:g.e*=Jb>ʰTS'�X,
�b�ٻ�\���R��Һ��,\ٿ�j<��
<�N��E�$�(��[5!Z�`X�\��Ʃ�%��o��3�؊H���$���F����ʊ�����Aq���J����:e�Ha��n�%䮱�V0*h��.����=CRYu3x�%E)�f��r� z�)�|C"���(zu�c�VBE"�Q�j�P#I�n���A�o�cȎr�T��(w%(|8�/]���-�7l%HB����C-�8>�l�u�g'V�E����bF��&��H��ebF��>\�˜.K;�Q@����PQp@A�-2��q!s��S�ԃ���h���:v�x���y];����3
�q-^{9/�IG��5���i�y�!h�m��y�:B�IM8
�]��5^��x��V(�������=�ŭ����B��54T�6���V�S��$Q�Ʌ�����ڤBJ֯�o��U��f��q$�_u\1���X/�9&��#�8Bƶ#��V�Ba���X�v�"�V4�CJ�fؐ�AM��f��:�%�qT�`s�9 WP̷��$�+!d2�&ʈ���c�YLE�)�+�ל0#M�2ud~�|���Q��1�<S���'���?�C%q�Nx���/ٌ�~�;ͫB�MV/�<a⒨��y��H�Fu���eT4,
+�u�('��B*&���#"�3bz����3RE�AI�)����+{ꦸ��!�ē*�,�]#��etImU]n�����-�%�-8�)�qc����(ԑ��0%]�UTZ/$d�K��R��SrkOIʼ>R��CJ�Fu�����Z�,����l�CHj/
+y�К!7r����.��R��HӊA4Z�F��:�1�j��O��<c]§�*�X�ݠ�F՗U q�,aM��@&�H#����a>4F�+GnA���|א�G3��C��U��Yc��Ӫϔ�����]A��;�/X��K�e�?��!��H�����}$���Q�*���%''5u�Dp����J��
'���a��]Gp0�b����R�/��9��hu;��9��S:�P����|��\eN�|���b���FH�	���A�X	�h��`�̡��GU�&:oU1��Z�}PQ�2M�.��
G]h=��W����%�����y9(��S$w�	�Pi�8	"��� �����g�bF�
+"�Ȇ��٘WQ��"+M�d�C�MS"Br�����^A#�;x]�\,��@��_l�U��i0l�M����]E48
mC�
mB��)��|�Y�Z�E�
�4���3�!�8�	UB��� #��>>�dB��Ѧ�.�|i���e���I��$�rk�2Q�2���(XJ.C(��!���E+Gx5�:������!��qت&��Y����
�%��RIʎ֩�*��و��*�F"���A�
?���1< �iȣ+
�}��"Ȧ�!v�bц����h�rG	E\<�#�-<��8�B��K�lpK�S�Pl�p��L�v��
9�*vl�̷��$�X���,�$%vQ�5(B�c�xx$Φ����z3�QmGP�M�*>�|&�Z��8�S�D0�3�E�]S�VBL��Ma!1�A�D�f
+C

�ʸ^U%AD�84ϭ�<3M�x"�S�A۲�5��Ń9�BX<A��E�T�䞔����D���M�C��sN1AV�2��
W#D?�F&����a�W��o�ڰ��B����Nv0%�_J�́a˼7��!	G}���W$ϊ����`ؓ`XE=xvps@.�'��g�@��h.'���=�rD-�4Ҹ,��Pg�k�95��x���d�e�O]�Xi�2d�гZG�����H�,U�*39�}��&6U�����i�\S:Uf�5t"��3Z�l�XU;����2��$BK����u������+d
�}hF����d�rZ�HMq�oS�
�͌N ��44)7��C&aȇRE+����:C*��ɁDu��Ju�̣�{Δ��W*�Z�F:%W�`q�d�T�A3򿙚���iU���#�X�O%H>����a�[3.}����˫ɐ���c�"�8�C��H�սR��o��i՝
�T���'E�z��v!AAH*�I���("��w�e��Qcb|��T�ِ��{UR�q�9�D5�b�'�gB���JL%9ۿ4%�w)lH?�@E���^w߭3B�!q���ј����%�4Q��Y��
��h!�@h@@`A$��$(�,"��@
l@�l '�� ��
0�`!�@.��
� T`�>�
l���
@��D�
X�
t�
,@j
�`� T`A L�T��
4��,��0��$�P��@�X�
@���@$�``�؀l��#3q$g�9�Y�p��@���uP���
+��)Fk��'j��+:��XA��^ *�k��Y�(�`&$f��R|c
+tJxre��/|��0�����N�z�A��\�\��p���HC�:Y�D��cĪ(�:��V����D��j|1Z�B�ztlU}��dugnj�]���4�E$m�ic�E�^3	�b1gp�{��P�2	Rl�4�-R�,]�I�A;���t�
+�P���
+$Ձ\ޗ8� �
E��e%/LI)��D'(!sz@� 
+�E$å�q�T�2� k�#���ȔL���R"�����Ę�6�e��T?�U�$_��C��
+
��XXӗ�/R��Rg�dX�*�����+����U�*��#2���y��:�
%|1wa�q�1��_���\dq0��Ԑ��C��~t/5H�qZ��r�P�#��x)^��i��O�H�d5��߳ҔQ�����%볗6
��v��%�:/�e�D��F&��v�b
]N�$��7�q�?��]�A}$��"����X��P�p=�
+B�A5��"a���RuVF��{z�N�J*��$ڔX-�J�SD$C�)�#ϴ6Ce�\��N(̦z��9:A��Gh*��W��$y���Y���]
+���L)
+�!:a�̻^�����
�Bl�U�)^���,�&
+��M�7K4r�OF}蚛�E��f�A1�R�����#Y�꠺45D�ۍ>E^���i�\+��%�4]+�n(�BRr�����%kȴ�EZ��"�Vj�ʐg���?��Uz��\�X��L�Aoe�̒Q�(jHdV�#��zK�H[��uXB�5~�6�6��J?�f��f|�WS��!�(i�f��Ջ�
+	�!!�J�R�19d%���U%.RW�Ni�F�sʜ.㸰^�=���ƌ%1{�
�AQ�����}����P��X�X��GG�$b�jcűMċ�tX$�x�6�'d��Ѣmj�)��,�.�0�oT�s�Ģs�^����E����ԫU�(1�&5�{=R-���W��	�Um�_���#2ea�L�("�qE�k^�UT��
dҴUsD�z��r
+���x�ݒh¹D��W{�K��Ӳ�3�J*.����D���,s��DV#⪲�E���.�d�@fD�����O��Q���өҹ?���@�Ai�PŔC�e���J���Tz>%T��Q6�!7.���\�I3w�1}L5ɘB>��_F��W�4�/|D4SUh��C�x�:DQQ.�CQb���f�y�)��i>�F��4qM�B�� �u�H4��92�ԏ<V��KjXd�Є�f0�$�aCD�3#E�(b��H�WM6���q?VU����t�>]krNH�`Bj��ƒQ�����)��ꍩ1�(.�
E�BQ��d�&��$4��*	�I5�������;Ť�uzՕjq����xM|W~1�#:sс��T��@H�y�U<	(n�t�i�V��N�������S�=�E_9Ki :(�'	����蠷�5�ِv�"�؇	{S&h=�N�-�
+%�Ew�a8P�9����/s���>pMU��.��K��
����F�;U0h�z��w��Zc���t����������p8�p~�f,�����v��F�5An����#դ��x���y��tEnH��0^;81��8i��/�eq�"B�_"�)!��M��H�2��;����H��*5‘;ƨr]>�
���
_S�t:A��4[:�yLL*�hM�T&:�,b"aDt��=�6ӪV�N=��0{��Gl�V�I�=ɢd���qW�dq�4�D`g��dQ~ӊ
/��[��n�c;u�O��s�B�+���d���� I%�Z	)�}U*w�fL��S���!t�4AJ(JSC�Ҋ0�:Y>9H5K�����G���?�KD��D���d6#e��Pq�:B=�CSw8�R*�㿈%�O�?��%��_E=����Q(:�
+R�n�*������E٧);�Yx����'F�8�d1:�x'ʓ�Z�����MAaHl���D�
i�M��y0""�
�$B"&���N��6�|�t~�6��drd� �|�"�����$"�	�?5��L��s����7��Q���^ɗє�f�A%�Q�P+{���v��QJ=`�mq3�v;)AB��,yP�$�6����|�<��R)+Lq�"+=�SL�T.�YWz!��s�]�����&�D��pHB�$a�%�7͆L�J��<e����T�w<er*��bf]ѺjArK����q���.�z�Ȳ�Ρ�T���τ�tQ�<Q"��"�F�j�UT�U�0�j(�#B))S�*S�	�hx�x̷f�� ��-2��b��e���$���ZR[�rT��`.�2�������2�(G��HH�E(���}�=�H�*^���0iK��ж(J�*�\xS��J#�X���u.[;Wi��K~�۸n:��j�Π��j	Ό�X��8�!�z0UIЫk��$�U�)�T��	jU�#X�q���<pH��d5��OSIμt�JBN�Hu[h¤*�~t�j��rP��ܬ�
I��Pjn�Ib���l���Dm�*UB�T��5"UPHi�n�.���f���fֺ$:�h@s@@�D��`L���8>���0Ht�]�Z�/��O昩���Oz�ө	Ȃ+��C�@�	�LG��`���O$C�$١C�/� <`��֑���~�p7�q-�r!z�P�>Pk�X�N4b��]Tǿ�!	Vlu2�l��J�J
+X$�}Gбk�<"��BHD5 lQ�uLI;��)������o�}�}|�zԑ��ƛ\$:�����O�I'��&�Z���cM]��5WCl4��q"��;e�p�;+]/5�x#��ΰ��Hk���$�e��QJt���}q��v�9����閞[
#X�4:��K��@t`C����"���4N+�D�1CC�OdSfv�{�K��p_����ft�zڬ	�X*:����8R��0k`Z��*�pIdN��#�y������=�(���#��:��h�����&Ϫ�MCXX��9���N�n�ӕA���c�ܹ���p��o�}��Sj"h��<����ez�P[y������H���fA�E�T����ז0x݇��ÅW��\�
Y�L0wq�”�]���\��w_�6g�58��y"��O���
e�U�h7a�+�V�?��L�(L��76�Y\0��fJ���
2���5 ����:��|�C���r6&�&o�*`G}�C�(�^*W�0+^����q����Yש*��甙�I����٥�Ǵ��K��F�I��F!���P~~ډ�^���-t���i7�{�ܘ��8lZor�:p�q�e$��g%�%�����!ʁٵ�-!
+�ӎ/���^\~��R�24�-T�mVg"l�O�ln9�'�h]uqN�����5�Ûn�}�'�
q��	�
ARB��tQ�QL:R��
+�!Uw�_A�5,5���s�E�<w|
���N�/�k=��\4mX٦���r��k��DK
{��AxI��ڐ��L���#D�;9X�2qk4��R}��)����v
+[��C���WLb��U��?�ן�<�����{�#
�!ّ�H�Tގ�xbg	�Z���n�����,3�e�@^��O-sc
t���%t)E���
���g߆����2
��M�.���8��m$�)�G����>[���z����0;�YFP�ʉvyRQ�V@ԱZZ�W�'��x��,VufK��RX��Dt�M�^˿2l��^��<}��~b�鶏_-=*�Ě���O���n���,�EUhv5Cۙ�����(�Y��@�b�ٞ�=EB]�Tc7��|�+2��,
~;�T5M�VD㱱g����sGF�r*�
M-$��r�\!A�W��R;GF��Ϻ���r��@X>V�S�h���w
>�skg
=
+�e�q��R3
+��+��t�62{5�5ڮ�޼N�ߔ�U/����Qsy�ml\�B��!�#V^,���"a�aȷ$����
+��%Yx&�à_�R|�����!�)`wF�@�n<����
wCyk*4J'*{�o�]`P���}eɴ̨�GrKW%Y2bx�սt�k��ա�gG�ԑձɏd�fQ��
+�C���P+��}�\ͨ5��*~]>
+#�s�o$�2�,1����c�f��(e9ܡ@��{E:���m��3�ls�0&_lR�
��/�E���LR��1������^���i���Ib
-V�D"�8+O8�����wR��vZ
�8h<����/.*Ǐ��C�`�ia�Sٴ��PZ�U���Y�~�U��a!���瞃��	�P8�ħh��[���u��������W��
+�� �@���ʈ*�E��Z���=��Q�����5�Í)�*������-A't�e$�!SL�\�5�E��L5��.U<��e���q�hxk&�@�m[2�0ls��
�"��m�`���L9�.�����p��[�[�ڸ�Z�������r��s
D��@`"���T����o�Qܛ�;fI\��yK�P�󗩢����I
$z ��y��.);����1j"�'�+�%W����bIy����P���G�@=%M���g/;�{s``�O��8lo�mᘽ_`�d;�פ�c�i����T�F��
+�\Z�"��$l\ALj�mg���`#(�0��rI�{��ra8��r�'�	Q��5f�$N��`"�/kh�]F����Y��M59���Pu3e���˪�`R���<�eZa�A78��lt2��%<�����cc�6w���eb�d����BAӎ�:Ɍq�n�jf��f*a�
+a����V=����$��\�I���g��'*e�g#����a�Ӷ��A�:aW��<8J=[,��{T�gY"�G�׃i����D���M�о�������$	��ϑ��Ҭ��n���<��~31�ce+��rJ뻙@4���&���to�'/���ԭ|"�ļ����ƴ�rZ��8>uy�l��$��)

.
+�⧣��K�n���X��''���7��W
�=^!�<H�^c9�1|�����8ULvSǜ�Q��۪Z�q��*�h�3�t�+t��}�
�4�M�-e�����k��6�}��L�b,��������NN6��{XUsNЯ��S�\��qV����u!ǑVw�^G;�W��U8kr�\oB�U��4� R_nLa��Q�G��
ǁ�t� �V|��	!�^Z�-��l�	��ĝE%�r��`D�T��ј�֑4]A?�e*�08�D�⿠~x2TӾ��2�W��_R=�u��|��b�+J�,L}�`�� 4��b�%�R�Kɽc<ǔ�H+�p�k�|�w�w�J��J��z�S Js}�/��"��a870�a,�m�
�}�T2�(K;�Y��aP7��:����Z.�5���@.>4�߲[�I�L�D����d鹌���/��	P�>�U�aXO����08O��pj70���,�����Y�>.4rx���k:7;`�ݞ$�1!o�Հ��cP�N?c�eG{~RE�<q�(��Q�L��(��[7�����o��JԔ�
+����K/`@?��8I^ڣ�IM;�L��Μ�$��́�.�k��tk
+�Ox`}�fT+{�4W�J�a������K��+����2�?ɍ_�J�Sӑܝ8$\��DBa�`��QO�*��\�
+		E���]���p�­eX1�|
��E��̫��a7��H"(sTt�]��Ȁ
�g���Zh����O�u�-�$U��C+��*�ͺ����l����F#�pv�s8/B%�,��]��<��p����?�;��r������(��	>	i>���X�
��=�Dħ�|�)u�D.s�
��0��������w�H0ߤ���
ΐY���OB]^6�-��E� �B.�h_1�<�T��7����Y�Ek����`��̕Ʃ(��!�؃Ό�!$��������HX������Dd�WQ��#���aw����0N�Σ]�*��U��g��
�K� rf��yA���6u�cwNv���Z�u������W���.�`X��"��K�E�R��?J�!x�ؔ�A��G>%F+���;�w�H�h�iV��g�ûW``�8.H���Dj�*k�X
D�S�v�H 1X�%؃�J�^`2�>��N���2�Ic!���	���<U=E)�G$��瞝e7`7@�pqTU�'<�x�c�-
δ�e���?3����@*���9�=����2hI��$X���&ݖ��+�����!�L&�m(���쩕�)�x��_�
�{�Q�õ������-�,��?�<��uy����p�
4�t�[*��_��>��S���[���JE^Y�BUۨH�.c��w.tj]G�"�6��]PE��wOi7=	��D��Yx �6������u���1�\��
+Cb[���Yɩ���"��`>g��Rg�7���N���ȭa@�K���L�X��.d���p�P>+�����|�J�B�d�_d�	g�G���YD|ݽY�m!��h���V�bz¾��̋b����/.߇�6��_ e����B�W�+{����. ��hC��?��#T���@<�X���H*��0ܥܲ�ӕ�{��(�Y�nț@��h��ǧ?'�w��A�r�N��9����.;��(Ě�{D���. w�;Ҡ��8Ǻ����Έ���Kt�^&X��&��]��r�����U>_i�\@������8�ϐ�8��m

�ֶHf}�<M������~�Ag�ځ��>�5m%��n�g)�3F��{��@{Z��U�
l�[�E��1/�9��6����;9<}����>1�?�-���q���q��^q���qW��2�
p@ȣo���K�Ӥe�_��
ds��I��5]�0r/D4-t���z�y�K�v�$�~*D`�|�\�G�0�<7J	�2Z���b��p�/�P����`��F�!�f�<[
+����(J%��t±h�M'7�����bL�F��ɰ*�-��W�Dk�.���w�`�7 ���!Ykl�^8MK?���ݟxX�*hn�UT)���d8�"y\˓QH��*k
+L����m��5�m�Oi�Ý����C����w-�BxLɢ>���J����f�
@�{���-ʮ�a2���G�Xy	�%��8��0@f���W�T��zdT�m
+�� ��S�3������6�ޛ���݀��W��Z�������{T�r���z-��v��a%�M�ϫ�V���9(��PB��R�( Ai�0]��=�	m�H���lF��ED���$&�{���E�.m��Z��5<!�NE#�j�.q`o��&,2�C~���t������������p���&5����n�H����S���e|���j�%�$��f9�ޠC��T����e�����O��kiq>o訓
+p��w\��-=SBD�ޔ�J��Ǟ�IA	[
���ޖ�U˩�+��`vP�������[)��ܟH2�D���CdA�5N@�:�~�/��l:���B�B�;�2MW�K��x���++5��K��9�c>�H��M��N\=$d}%�
+��Ի��Z|�>PG,��WOaeB�E;+p���Q�U��Rt�s��2���~�"�M:9z��i�?f����-p�W��U�]>j$���vrd�E�$,��I�~n#������0�G}�[�l���#}D�iBHU�|��p6r.ijZ<k$2q�GZƞ��D
+�N�h�gC�m�]֤�O���:�|2E,�ƒ�v~�"��h���m������
��^
?�s�݄Y��YKX��lƘY�@O|���D��(���E��|�$E؏�� 
+e#��jo���Fz9}�>3�F:88��ϗ�����b�P��'�f9<��$<+�S�M�/d~n,��>���p�&;n0�A�f�i�PHI�'�'�:(5���68d���MN�����A	�x�4m�1�u�`�9��R�.F�8|�cS>�
+x�uj�9(��N��Ma)��#�;�C
�4�t摔TX���>���f�� o�j��<TQ�$˻�HU&)�W�-�^ҭ1��]R] 8Κ�~�~�/��o�`��c��1���]�1мm�)YE���L&m��f-��u�z��r���q:|�MBx!��uN����
ly����ʃR6
�1��ڣҍ�~�l�ގ"�1`稟���ڏ��-=��Xw���E1GJ�7���M<v#�|H\O�q��r���)m�?��p �����8od������W݊o��rZ�nǥq�YQ@�{i��P��dT��ӳr�:v��4ʩ_oj#A`�D�&
��O0.�C���
�঵������eHҢ��0��?wy7��~ޝZ�Z1-c`b7ecx�
�
+�v�����Fr(�9��ˋ>e6�-b�J��p�!��@�p)����&����~J�WA��GX���[L�������C����A���#�z�6:����G:}���]��{��'��ǯ���B�!�u���;M
+y��fQwhߏ�����4�\!��
�T�E�����X��d(������+J;�����7-��]���H���Jɒ�F�ߵY��C�E����+�1���5����@%љO�M:�^�
�T��Z�sa>l� �Ď�6�,ҵ"vG�N�r�2%�����x��1��S+qpK�0�L�V�~#��	���7�D�[w��+�;�?=���|���)]daq>(��!����-MŀhҞ��a���@� f+��#�fZt���p�D$Ɂ�k��}-K�L�R��k�;�#�_Y�/�H�4�	wZ����Aj�̅��KFE0:$ƹ��
+�bwy_Pp�����ܕ#7�z�#�>�Ƿ���OŠ��x��]�w�A���dMf<���f8���p�t�Z9�}�O�?�նp/��Q u8g�]!m���o��t�qoA|ɰ���(v���/�bxp5w�y����c
ub̒.J5�����R%��K���n
��Y�`�>���I16���w�>�j�$�����!i|����h���7�j��Ep5�P��
��s�����z���X˧F�W�F��cY ] �
�(������K0��A?`%�䙼�����M)�r�H[���ʝbN+Z����E�?��
U`�ł�8���`C��{=� $e�M�[�9/��H��ώ��:%X���R��tl �R������<�W
+K}\	���,�-DÒM�F`�^/}�I{r��o�7(�a��dL���G�o�vW'��rwĿS,*�C+Uը4�g�AU��!�������۝��F�̏X�|��1��{8��M�e�+Y��"�
X��g�.�I��׃�V��zP��,��@$0���7���s^|
+a㫓�)�s~o��b��9��`}"/�Wk]P�V̬m`K��[9���x�7���=�=�B�F���njNZ
�����$�k�+/U��*n�'��҉��V�������SP�t���sQ��T�d��yoŸ�v	�B6���^�e�-��O�C$�	�
�̄���g�"�
+`��j�#��������/ͻ�-o���~�KS+�q�G	1!�O���:���h�2�<�+�f���J2�G��
+�ou�k���|��n��g�2�/��LEo�y����J�}u�J6O�#@_
+6��2X(�Ω�f�w�&�z��ȅ��Y�p�%.�y��5�G��3�����X�u�kz�Oq���'�l��_x��1&*-���a$Fa���W��+	o��F���ť�*UcF�<2���Zzb�@}
+�pr�fKd�L-�7�)�
$Wr!B��J���M��ғF�����7>k|�����4�0Ԃv�d"��fW�f7%.����<��t(a���kW���e2f��$���ܿ�8�q���|�]	j�K!�>
Q���c]@*�ƶP�LJ�?�S�D�h�qv2�z�$-U�UCm$�G~�k����X�ǐ�t6�q��9-*U�*��ᕀ�G��YK_ 9�D��Z�
}E1nnk����%.Ik�9o���>Y� ę��P2s�W��s�>,���)� ��XU�����.�m>���j�t&�󲙦�o��_�AX����`ƻ5XC�)qr1
�l�"^�5T_D!�:�
+��f��D�׊2��*�
��P�a-BE
�UN�0��O{���q8����Sx�'Ӛu<�G�L�5��O��Ӭ|�VN�p�ՠ������E�I�.�/͹�p�@~�a]��D�_��*�\�GP���)�L�	ؐ���/��R~�Z�'�-Ǹ�kԘ5��*�J/z�T \�!O:
�[�K��p6�3�&�`J���I��K�k�����:'�4n��!�-�*=���m7(}<X�	�&���yYK��̀o6r��fӢ~-4F�{�*^C8ߌ<��cH/�J�7O-
B�:�
�Q^i�O<�SuLj�f=�q��*�{i�
�|�<7t�$�#��g?�N�����Vcc���G��
����0,T�n�[�gj��M}���xk��i�a�YZ��g�x}��2����L��T�ɽ7x��m�H��s���3����Q&h��AyY���R��Ihgwc�Ѷ�0
~�8B��lDF6r�MPN���*��e��:�eZ��z�(������S��G��g��*=���1���|8���Y?g�\�	?���92��+�vF?*{,$D��ōza&j=��s��?�U��O��鐕��d̳��-�-��q��-�$e��6]��]�W����-�>��2:ܡd�%g�6֓�e���O;I�A���5C�����rr��^L�ށ�-
��$�V�޻�,��%���Y�X=.�c�U����\B|MDT��íAj
I=�pd����~�&�B�]%�q��.e���fW��L����^���03pH�g��IAc�c΋{Óg�����NQ�j�f=�`��E����d�����>�)���\�B�A\Ta�=e��Qz�C��^8�/�R��U8x�{|�^a��آ�V!-�[�r=�2�����;U
+��r_�8Yk'
������G[}�� \t:��7�G������R-4��{
ʺ)y���E
���	����=K��������CJάM;n�E�
7������,��$ς�J@������@�NPX%�UᏂ�^~�k�3�_~�G4ό��B���@��0�e8(��M�G�a���u��,u^���Э!6�K
�Tnw��18�F�	e}�W�J&Qx�A���0��:
�y��X%t��H�\"�g��„[�r�؏LĂ�H]
+��`0+:��l
��=�y�;dc��C�v�Qj\���M*�YO�_� �ֲ����:��6
�$���\'��G�%=X��i�������^!�|6���O��zP֔��S9�"Qr��^�Ձ~%�r�~���
��]7^S�s�J�8MX�,J�ֲ��d��+G���Y����V�g��q�Z?�[�Q,�*~M�(|�C�M��"\�e����R�w1�k��L:i;Ý�����?
�!k
+V��<O�f�QDp�����o�����`�2V�w#^��d3�ϵ�E�%��>2�Y�.;��BSh�M$ԧ-��,��fe�z]S<.i��ߜ���gP�h���)?ł��c̞���aɢ�5 "��tH!��Y�h�g��K.uN)�YP�%�b`��+�̅N��
�tKo��r�L�{f��.u`��c���I����V*I�?�ǽ�h僄L�bi҄<��d�X�y�<xvG/�����9G��q�RA*#�r���%%Qg��4�ç_@�@�����8�hp�ʅ<*S8��mA�ǀgQ�)[K�Wh�����&��#��`�ll�����"�7����N��B���6��–�2��UP8��R�C��0a/�0�� ]NF䄃�	T(�b�ܫʊh�|)un�z1u@��_�D���p���H��r�\i)L��p>�����3H�TPo�ӊ �uY@{VƳz�;��.�,�,��O����\w_�
��W��O�)�X+J�Ew4mm"D�J�I&­��z~KP�F��D"S�~��y�#���P�#Ivl�'T�ك�iDȾ�g]�f��諅Q��/R��/�+,�.���l��d�je�L��2k�вW�(������1h;+F�g����/es ��r�
+�'
P���h5���$�ȹ�r�=���v^���Ѿ�F��L�K����&Q�����I���*�#��>%��j	J1^}��r
+���`�픖�w0�!���A��Z{�A�ۖ����K�IQ�o���Z��֜�[=1�\,���|VKG���s�����7��f�i�~=F��&ޗ��/t��-��w@�;<y^�@LɝC�Ż_���4�
�PP#��3�Vyd3��-=���~�H~��ҥ�t��XGŮ�4`�̟��	�\�uɑT�#�44��`��8��x��;���˃1J�R��u#�"�n�.��1�S�z'�_�#���d\���yu�!���
��p��C����� Z.{��	��.�i�a��==L�+�G?7�Tġ�����#����o�X��x["�m���@�O��):]۽�����?L�K0�֊;A,N�!<ѕ*�>Я�� Ln:N[�w"�!վűJS�u"�8�W�V�6�;��o�eU�9�R��X�Oc����`���uW����{D�jU�u��j'2���']�zj�*M,���(���J��L�@��oz �&Wv-�I�4�	��?.�&�"粴���6�x,Kw��KĆ��j�@��6�%Tp-��ƖD�#��'�&aK��P9�o�A��w]�~p^�K�o��+Nr��Y�h`��S-f4���0Y�d����b���5v>�#�ɠ��jQ?6�_����`�!���s�0j�ƌe�m��2�M"�[���b�wx�:�\�:���ƺ�p�d����
+	�1�e�MVTEM�~l�Ûv�X�W<�`�Ͳ�ӈY��R�MhpS{J�_¬��,\�E�8(G����GNc���bS
+-I�.��lZ�����t2r��B9�!����P�U�}�t���KX����!�`�W_����[���)0��f�,&�gɡ�Cɭb~Qr�/	�����Ya

+�4�w�����Y(@��-9]�<�.4��$#����qE*I�!g@r�90
G(խ��A�U��8"����&��Ѓ#V��;_,,�#e�C�o�B��,'ݼI	��FNj��++�EY 9n�
�p�X�7�BZ
,l�f*HJmZ
+煶��P&���hŽ�����I@�^����K"|er��g���/�䘨�79����e�,��`��;%���^#	B.��28̺�Gz��0����+��h��p
��0���E5
 ��T�P@�-0c@ќ��+w[���z�sw�WC.�Cg���]W?B�vL)�(1��ȑ��aQC@w��2]���5ran�� ��U������a����6ፊ�V�V$5��0�L��6Svaxrq�-�����B�f�A6e���W�=��N
+~��4����9�]:,@F&���[yT�f�ƍ����܂�H�((��sxYT8��遛���ں�7Y�ڣ]j��ݒp�|�2@�J��Q��c�O_�0{4�� r�	�C1S�r��g��8�}����}'r��͇�y̦q������;��t��q/�pW����!�i�����Q������D���zɲ���d��
<�;z7~w�0&�JЦ!���	�7�'gg���{�sv@9`��o�_���j�R&�����X��}	��=�-S�%s�e3 �(��['W	����J��a2a��gxix�Ĩ}{a$@1~��b��xr���rGDMB.�!hG��� ��^�&��������!@l���@���'����\�B����,�ZM��u�2����vqw�� kg���$X�
�C>�{�����rY1Q�g��
��TV�f��<Vebt%��xAo�j�-e�k�'�J������Ϗt�^ȿ!�P
��XG���X��d��AO\�%��@S�ɔ��]��V����h�d�c�)�ݬ� t;���
+�f�[�
+WOz�F0�����|-}/�g��
���ڥ�fw_�C�!C4��ohk�v�p-ɵ[M9D�W�C���Ĝ';#Yq�\0);�M�^s���5:k�
!��YY���-He�]��g+���)�j�px*�9-��=��9,�8Az�5^P��%|��<	�}�!����[�E��ǁ����=��|��z�:ը�Q//蓮�̈́LX(
+����ĜAu)�E�h$`�C�n.A �X@돻2t�j(��:`Nl�qߨ"(R+���(��i�90��a���e�V-��m�38L�&E
�!�nI�8��A��	�q\Q��q?����5I_6�qZ%����Ȥ�����W��]v\��/�WB�&%��A��!�$�7��_�ØS�>CM�&�a*Q�Ш��v �py�{|��Q��ԎS���Ǟ���^�8�b�h%���q�2个���Q�H��8A~��Se<�o��?Y�~_�d<	x��jk��x�|�;0I�i�ݤ�˝Y�G��"T���lK��r�����V;��L)�w��",h]'qnu���Ե�q�t�Y �ҵ�1
H�fb���%�^D�y����p\6�Yvd��lˣ��Ԡ�7�$�+��Q"/���z�$�uc{����ܛ�9gH��a���AH�6���:
+r�i-���8f���<%ohP���+y+��E�n	�b ���poF8h�6�cp�oiZ��
��#��;~�ȡv��[ɡ-�<��gx�Xٻaq�֍�,�M�Xc\��a�q!��]a��N����Wl�p!�6�m�-���	m�fր���r~�|����-RRFAv�"'զB���OT�w��jb����r���vNֈ�PF_��}��jMz�]�������0@3��F/��}�+ВNk�cZޗDF�!C����(/�yq�"�h�|DAh��!���g��"G+'4
�5�T�f/@%Nkv0�lfԎWH�jm�12K���l��.�"e�6��R0�2��au@vȚ�:b:e�˱Z�?����ra����_��"Sn�)�+k���#�yXĺP���
�u�H�WX7��|��3��>��������kj!�òվ�G�
R�Mu��_z?~ �/�>C|c�l��
+-+�{�w�7����88/���x����.&�v���bq��%u�eQ�E�P&95��J�?��E"�
+�Q@�}�3�[�m�4��\�H�s�k��/Ղ���b��)D���K��f��Ϭ�Ʈ��f}H��*��yT�/O,r�N<+N�f�z�y�<���K����ju8aZU�rؠ�.MVu���f�s�M����v644 n�������sp�y��:p�_8��U��m��d�mZd�D���V����
+��ԯ'��)�Aae�:oNhDG�8&<KFO	3k۫��2�m?�^ơZ��M�#I�+��P�݃�O��ϧ}������|xX
��N]d�Aj�5��a�9-�'K���&7����L8M��U�Kp�3�:�2����l�򁮞������pA�~]֒-�X�(`�1	�l�J	ƒ�؟X(ٱS6'
ggI�H�t�q
5�~8�/�"�y����R��݉���O��b���
'6
�)bsF�gy�~��\wQ'�/�D���&0�W"lnM>8NtE��VN�EeD���D�(��}�=�0�8��{ k��>�1�+���B-O�*�>�%�O�/(�\�y0:����qɠ�B^��8Ə4�"!��m ��ȠW�c@���������9u�ᏡpW��騸eǏEiO��D���ur�� >�Sc:���p�!0�e�y
zw���Qa�!8�a�W�b�)y�QAp���f��r2�Qq*Z�BR��4�~TL.K@
^n��)0�;ZCB���<q��&F�����2k8`7�p���!��0 D*x8fM�y\!����N�R[#똵"0��ZZ���lT �dM��03�����g��Y�m�}q-����c[aTD��4�7y>���3N�i0�@�S��ϣ8����~�����z���f�i;���@:B�
�ڙN9�QmAJ�_�3��.���
{��G0��yeB���Kg����Pf�c:8���f��J&���zmD
(�rE�bcC��C�5��ETD�I�J��^��
3' 4���W>�
���!
A	Y��A3��Cb�	��ۨ����0�CG*���fY��^��,���W�D�ц5=�m�5`�����s�B&���T-U�g�&Aֲ��Q�q��`q4��c4�.т�N�+��7c��ϕh+�
B~�1�^ÏF��B�����ۉ�����c4c�3?2p�)Ѵd�R�(tb>X4������Cqz{E�>��`�1���\ܻ1�	��G���-b��hje��G����;Kf��=����@P�q���eh�f��Y*b��vN��e�b%OX��P��eK��Y&� �E�w����5#z�}�啠�27&3�H���Y� ��°�;k�\4Vٕ�|���Y��Y�<7�RxF𖁋_-�<[�J��u�^��z�ۂ3r������!�G#WT�ȷ'�vШ�B���^�n����[[w�|]x��(	����h-�[)�p��}���7��v��ԁL���K߆�\L�L��z�*�C��
���B|\��p�_K>��@����7�Cx�h��3q�;�1�����W��}��>"��ȓ`�=��80�\��x1�qD�5�8��Fч����!��$ݽW����퓑�m���OG>����@��p�D�}` ���'��8q��.����1�C���.��)�G�݃v|�LJ��7�*}������ve5'�_+��%���_)��!�w�e�/t����L'�q�������]���%���0���f��-���MA�q�ceE,R����f�)pF�[����z�-��������M�>?��\
+�������"B&~���t����w2p���a,@KM|l9K:��yoK��ymP�#o�(��%��;4�_)�I�9��8%~�d�fA%~�nRc*��%A�š�qcW-p���S�2e巗���@q=�&L+����m�������ٍ�B��.�d�.+�PbM�����K�%�{Ej�+�x�i��a>^2���ph;@u�%�C��r��dAyI�MI�
s{�qWb����)�
�u���Y�_h����E��$�CP��m�'m�-�yp�A0_(�w+��ȩx�lzLV�|����}�C{�<dϧ���[8Ǹ�2�ڂP�C��_@�y��c� h
���5FDK�2����	�
_0闍����=���\�t���sL@ZJ�~%�y��S(Г���EaWP�=g��q2��Dϛ��`��Ar���A�+y����1+��*��{y	�k�Uh�a��K�vv���{�)��^d#�gaĘ
��}P�4ٳëpm~�J)	��tJ= @f�����1�qN��m�Sк)i�6M�7E!*���O�h���B�!�w�����2p�Η&���i�k<栀9�6����z6�|�#�&{��t�*(EJ�83}{��
~�(���W,���
{�dl�+$#��&X�ʪ�n�o�xF�"8B����TPapG���u���
+++!F{5n-u�����B�i=���7��q�䩇��+O���@5J��46��A�
+
�\��)��q�#��{K�쮀���Yv�"�x��l�A��f1�,;�����2��P��Z�,��
+�E+�K,N?d0�]�j%��mT�,A>E�n��b:h����/z:������~�{�
B��|'�Q?,y����t�)E�fV�Á�e�Q§�D��u"H��8��_�#1*�;�������-���He����K-$l�9t��V�LDe�*ܷ�Ѫ�bL$$�>���Gl��̬̰v�)�b�T��A^.��"$�D:4��|��`��?ڍ`h��-9/��1�;Ud����	���Ve.1Y�
%6�����3��c��i��ߌW�K&@�b���O�j,#M0�
"���W�tBe�B��������L^�2����D��:h�2!�E]��bG��D�kjWq��������RU̶"�Ƈ����9��2�DC��9�2s�/BY^~��:�}P
%�����YXz���zoJ��a�*��h$��X�*&2Gk#�c�d����뒓M�h��M���r,9h���v�3bf�΅XE't9y�x����^��牡1�R���f�.��)��ji&!��ˊmZS𩲟k���e1�A���إˮ=q$sv[�d<�Esz��6����Юd>��3j�A�mh^iK� �ɚ��I��&z��U�u�zu��hoj��A>m�h@�4c�ĶQ����{.~�l�,W�lW�����G��L�6��]�ZI<Sٻ���d���ɡ<�ȣL�a�ǐ�+v`��W�`#
37�%�1�iȁ��C*��3�M�ͬ`�z<’x=���K:�`:e#����\n^�6�1����]Rt"S��E�����f�[#������U���hH��������2�ŹB��ҨJC�2���	w(E���m�f2�U�:Km�%�d��0�HƔl����Br�t�(#�}����yP����h%�kq�!%mԕ����LFmx�i��{�g�S�2_YO鉮��잶_�#?"b��7��j��
$^�
yN��
	y4'��+�q
F�a#B�b
g����a1�2 �T*+��B�p�u$�@e��]
Ѽ�>j�b���1�so&��W��PV��17���e��#�a
�3\g���=�/i�>���Ok��������ڠ��3CakL �\1�%�Ũ:6Jum�
+ƒ���ğ�k^6�	t�.b4\H����B���Pʋh��|B�$�*��w��="*��u�U����"Y�b��!Y�׸�+b/"�G����c�
ONd��1C�XI�2B}j�U�&!�m!pCZ���4N'p��<����mI�o��~���fBw-�l�����(��4��Ϫ�����a�r`����t�&�Z:��.��Y�� 2��K�HI�H+�p�F�d��ߒd���bZ�q�E����h�z *���i��;$����%�C�|��ڊ���z,˓UW]�R�LQT�hO`��	"l�δÖ��#f��xd�݆0�H_�x��b���x�[�+
r���NՈ��1��=�}m�<g2��4�3:��Yy��iކrL�>Q,��‘�Vwf:�=��>9t���x�����v���b����iΪ�oB,�8wA�[�(8�!������1bܾ8o�Of�Y�
+
�n)�������d�WZ��R*���(\
+Ź�Ԕl����k�Wzr��3
\���ő�G�ԝ|��`�d��)U����38^��AN�ú��.�b��A<�`>t�D�0S������4��I�����H�f��r搶�or�|c9���2ō("��@��-'L�o(�SL+

+�����%�(s���a0�9�/P�����y���=
+Tj���=����ff�������BAʧ�W
;Ø	�T05e6":�_S.e�S��Fū�S#�D�[�a�g��j��I�}���֩��Q�	q�`� �
+��;�}W0h�$X�1`��X�86;�P�!�٘��O]Q��O0�oa��u�Uͨ9s0m��߲?���r�-�g�H�B�z�r(����F)�>�JK���v��25Q��+�nWU�j��?����<J�3��?)���,� 
+��>�m� ��-�FX��ܷ ����!���4v��nj�8���3��U�gK0�fՠ�E�#9�o~���;�+�*�M:99׸G�)��W�h64(��&�|��۴5tk�v�8'8~^���ׅ�=��$�s��0�nE'N:��^���˟̬�
+�{%��Xd��M�8�Y�;��#b�X�W������J4�$����R'	�EK�EY}�����P��=����;��C��7�����9$�f�a�f����U�%��^�	�H!߀|�uC*ZE%><��!<�ј.�Ƀ&\�
$��L3aas�΋4�Z�F��
+�R;��GJB�*�� sú���BН@�3<[���d�+�FY5(ni��~�yg�7]B�M>�8�q���Ӥ8�ւ���C�����ճ�a�S�
=az���<��L�#	����
ck�썹/��8Œ��l�%�V���%.�ӂ�)=�d~����]&q^���x��Hj���}�B�;���>���x��.���7���%�wh2(ň	H��&Y��0���a����l����6̾h�ހ�i�����WLN���G�/Ƕ�����V�K�411��Vt��P��܁���>�O�)X�z���-�f.J����|2"������0hv�J`f���3s���<>���<S\\�����!��]�"N���8���Ժ{bu���,�!7|�G����y����~5�No&z��^��r_I�</�TJ˴ұo$:7Ի'�oo�!��D�܈�T6p@��Vꎜyoe�L�\d��X����{h.ɖO+��LXG�n��e)(�٘�8g�6M�:�r�GU�8��p�06��B*��X���:����v "HuW������L�p�f��j�~���9�rە#��m�,F~�\��|Xۯm�I�hdc��U�’8���sms���6����`��,.Uʐ^��-By�A�Ikz��M�y�Q�m����Vжt�$���4A嵶��GBV�>���_�O����,VH�:�kW)�I�0}��Xpݪ��R���}�UVĐ�&!�%������dGB��8�n�� �E�,$���H:3t�^Y�����N܄!e��`E�k��w6��t�}�ֳ��i�f�MEl䚱4uiW��>$BԚ&Xy�l���k�q)�	�Ү��(���7��z���L�8BA.��F�tL��@��/H#��7u�����&��4���W�AX�ߘ
�$�Ͳ�CM���3�=���1��:ؔ!F`����K6�s��M�9T>$:�]8���0�l�W��i+
+@.Y'����
�I���ɋeA��R�B��.�5�a��o�܍	*>q6�ݔ`@$�SF�B���G��/��
�R6.χ{�^{F�^:���h+�$��m�PѺ�����H�3�N̡q4%j!�g��|�
+�
�����f��y�ٓy*��`�<t��)��ZQ�*�W�TM�&���d\{F"�v}}�	�p�[�_g����M\�籈��Lg����冡��SYb6V}�O{ةL�k����#�����~Y��q)���'f		9I�ᵽ���2{��`x|8���P��{[[���v��sb%��*c�e�4q9��VX����3It��Q��'_�+�yz~���D�@���₋<����c��h��=^��e�G`g��w�)"����-ZT4w)�ʳ�L
w�Z
^�-t�
+�r���ʈt�R�J��0$��l��m)8��/��t|���̽�U\%5xS���=���K�WdO��o�Kn{~�T��g�wNT�D?���V��O�'�>�Pʽ�I��+�xQzm���g�,��qB�����+۲a:����1/�?�=�Za�|N�Z<�H�߿�7��L@�2N�
+N�@"\�Erm)|�zԬa}֛����.��3b}`a�y�c�g�(�p0XZKZ�w�A�`bZ�&�tlF��>*T��#{|�����~��ʷp(V?]Rb����f&"Ȏ\��g�`�.���~��R���;J���ȃ����{C��z3�7�:_|=Q;
=6YV�ʉlw�B������_W��[Cd7���s��O|Z��
4Saj�����f*e�T�B��ݏ�	�?��\��}/�
��ٕ�!�����d��1y�;�<����M+x�,�؝�\
sز��b��w�F_�]�L�
1-���v{�X�ei�u�����E7����>�=���\w�D�Ħ�(,�_�aM`s<��(�^��7�W�������68#W��sz��
��I�Q��d�ߵ1fQ�;C�	��?cO�瀰��9���`���)<br�>�ߡ�p�Bch
+%�Ď�v/����⥰V�!$O!R�ț�$)|ёNa6�ZFzÎRTc!1�at�@!�E
+��Y�]��p�C�������*9���6��#�c��±9����WU����h-IO��A9�
2�!P�d"apWY)1)���
+�X�,/�b T;� p	��e�,G����#�D�!�J�R&Xo�~���S%/�����E
R"=�}�d. ��;@K�}��U.P3^l�&�%7���>�{�G�.��I�"� c�QTUF�:����7u����NxԚ�v*
��2@�!�
7��'J
+���I�VV�B�J)�z��{(,�����L��g~�2af^����Y{I��#ɍ�6�Tİ������ބ����P7w
b�&�PD�����{�K�
R�fނ��`��Nx<���A	�x�_&(��`�����u���?��&����c
+���)!Èn�ΑqP�:Hv�3�!����a���F��2�="�OK��)��[z�+�t�~.u{cē@�c��6c��(X�kH�+j�>�i!��``�Ab
+��:�l��� �co��VǬ!����@�o��Wש�D��ʠE���0A��4+�b��*�40q@��%�福ca�M�=��N��dhP���j
+�S�k���Q�1l�؊f�Wӌ���g�&���lYX�]z�����i��i&�y��.�/��{�����J*ۺ;�~�$*��|��\�
�n�@	X��u�C�Zv��!���ظ����Pa�EI�
+��Z�F�G&,��S�6��{���L�x��D�G�Y�R���,O��/��4�f�{�#)�H³j��is�w?�S���·y��{�G�6۽�ԫ�}�z��5��w#
����5-w.S�c]�V�w�',�6\���F
��[\�/�-���%��{D�������[�<�=J~?��ۥ�[�_��~����r�'�w�f�,�� ϲ3ϱ�v��C�I7��\�&����֬Q\Y�#UUC����Nт,��9h[pd�Y���/$�
,#`���ds_�
��i��,9s�-��u�ϳ��F�K�a�j
o�z���7���NN�)��c �0��zd�$�>�2��\��Ju����ܺ�ǡ�i�Ot)4��;�يZ�w�GS��L���Qa�x�A�aU��U����f�'^N����\�����.\F�D�����R�I ����5z%��0�pO��
W����J�)�R��7y'1y{���NE�I/��k�YH,��e�<��b�O���9�\SM��F��y���r��(�8�Z����a,� �_�x��3�������h1�s�
�
+"X����]���x�Ycn~��]�/RRH��;	�;=
{�`F~sH��ns_`�M������`)��=v�R�䍀�v)�(�[ex��A�āр����%y�n���+ďю���5�JR���v\]9�Gz]��&�u����9�{��"{
+�q� o�6����V�CHX<.�I�ٗ��[s%䬸/޾:��77�16�}�b5b�Ah��T�9��V,�'���B�����}�SF���1�U2���يℕ>H��~��qY�0��JQ�>6K;�P��%�
�pW�����d��&���M;J�6�u�jU�TS5�u����W��s"%X3Ǝg4��ȝ���:���K�QÝ��e��
+���B�/[�f0�a$d~�D��� ����-��a��F:�;�*0��qb �ʦ�"(?��*��AS#�0����ܹ��uA��7��+�q����)#�P�	oH�L�p�C�hcI����~�G�~x�G�5w���}��㟖�������F[��5�����eB�дAoɗ��:h�=%%�b<�4�x:�Q��}悑YT�fh`�]��QL	��h�����DM�Zaݠxb��#.ø�*ׄp�A����t*���	)�B#��n�����$���tx��p�[&1�͙h��U�}��v���C2-���Lb&�V�1�O0�<�k�<z�]�m
+�%�>͝e;RsK�>��z���ĭ)�~jL��R���
��(܁q�n���;h��K�� x����V��8r����u;H������Ab���'ϹN|��{ $5�o>H*9/������^�� $���I�TQ�� 2ߘ�=?
+ۏ	1FHFƱ�����IH��>�����RiAf�x<hX�2�aP�a��s6$��%�
�k*�s�d!7$��Ղ�2%_\T�����8$<qH�W�:��}x'Dr
̶F�52�$�^���H�2��%�PN��D,.YJ+�Hq\�k"i$��N$=p�e�M$�V���#jl"�^vp"	Y�0u�'�M�$r"�.t$���	�GV��#]	�Wx҇�,��A��tTRY�,��+�L��T�D(6T-*��-2f����4*�jU�3j�4P�Q�0L��L�5�*�2s�8YW�A���C�E�e@d�Y
��[M+��@�;�*������O�A`����b^�<���� j\v�w��S�Х��Ep�~;�Č:Ψz�g��@����Ħ(��п*�'��c�k�$�09f��a?6�Ч��%���b�
j��$�s�8��i�PL'FIt ���,��Y1�4�	B"���}ܡ&;�BS�

3Y�d*��ńD�D�0O`���եŢ����i@=J�쨆�8xR�O9��9%�*���˟צ`Y��(j)W\샅%�l�Q�_T?"�������ݙ��zd�]����D��}jH�E�
�gY�?��Is���c�Oa�ؚE^j�N�П��{��'�O!V^���hY��E&
Ak?#ݸKfW1N'^��ѽ��<���϶��ho΃tD�2G�zrVw��"!�q��v��]M�ь���im�S�ͧF �ډU�H���\�>e��l��d�}�G�_�o�I}ZB��3�6�F�YV�6�z�����mT���C�UD{�6ۍ�Y���	)�LW/D.%�$�d�2)��h�=��xb0a����y��e��j���7I�>-O�7�PK/��ΥT���9a��ok�PF_�i���$E��.����M����z(���y�G��*tX�^G����M�	}t>)�v- �%���yR�
+��������Ƒ�
��CS�%T�B�~Iβe��a>-����ʏO��^;g����'l,���5V8L��r��)l�4�ϧ9t��>s?�J�����i>
���GS�p�}jzS����/�}c��5Wlٹl�E�-�C��������]�����q��
�Q�j�(畩}��[��N�G��[_�|0b�����gsG�w�s+Y�s��>N�v
+�`SRO>���w	�l�j�9XS�l 1��s�������Ģ$}_��@��P�xP?�.��Z&ا�,���~3�)�mc5~ݟ>+�~��	�~Sb����l�2H*���d����U<�u���҃j}�� ��c�R
�BU&��}�݉����Je�P�k����	NS;xϒ/�Q�.?�t�S�?M���=��)��x���s���f1Fn
�E�=Y �btӝ4An����]V)ϻ���T��jL���;%Z�t�pO��6�����n�=a��
��v�NQ
+����@o��꽺�%ў�$���T�=��){��Ȟl٤����J ���)��*�R���Zj5X뎥�H�ᅇ�?Dh���
*�x��F%�Ԯ�Pn���Z�l���p�9{a�u���]���Mh��6�X�\M�A��ս!�A�{.�/�{��F���m���=a2�B�L��j�T��d(��V[�G����~����ٴ3�"ώ��6["��0u��L������E����#���L
�����E�T�=sig`�MC�:��Ý.�`z����s�nZ��E`s,�E��2$^煣؍�A�pi�2zƫJ���i۞'w�,%�;��DQ���m�����i�o��0�'�m�wD�����r���,j�4q���)�p������*�$�$aP����R��C���g-
����z��7~ȴ��II�*�"���
�؀C��zJ��5�l=�:�K��2�Ɯ�X��>�P���c��<+E�-�	�hqR���s��Ͼ�I��i1ō��|JD>J,�F���k���g��@���t$'�.����%�k9ڣ�E�<�¶�?�q��4]G='�	J�P���dD,��T�k5�՜
+�2!���w�;�'�T$_KT��B����Fϱ�|d��3��d9�s�"l����#�~�L0e��\�,=	CoP�����p$����(�D����\�y�X��y�B7�y�p�Kr�t�
�bߠ��͍��g�t��*=�g'^[{5��S>sЎ �/\l�-��m'S~��:�г5Tb}�����3���Z�-���n9��jYz/=�����&�^�>�Vw��CH�Lo�-L�$���u7��"-�	pt��B�L� �ۚ�ߜ�,,>`�q��y�fpM��\E�v��
+��s���Ӊ'ن��{�&�<"Ѧ�^�t���<��_���0�+�H�ɳx�[�]b�0s���<L�f���^?��Y���2����.�|�(
+Yd�g<
"�e@�Ԅ��$sTv(9���ܝ̫#KC�xِpډ����G�D4�������m��Ì����J�T��ƫZ!gD'�*5F{2�'���(..�`���&:�#t�U8k-�gj��!�C��X���>Ay�����Gae�g\8is���\
�0n��Bl
+�1��s����
��f�m�	t�q�Ȳj�՛��օ7�LY�D��x�nibS�͞(5��Th.ǧ��|}O�y��<�l65�X���XbSm1�5�A��⩄+����TDz�i�B�;�多���#��L���fB��l�4����	W[��s�n�l4��� -��GDr�9�g��3�8��ؚ�S+ZV���6��E�>o<��qYΜ�T,�X�����
���Q�l��2`�*Gr�����ƕ���z!O���u�)����H�3f5�V�g ƿ_2g7��m͸,����8R��e�Im�'{���d�uk���ƪ)���\��$Q�Z/3��B��IJ�P�t`M׾��U�K�}��j$.���ZQ�ա��N/���M^��q.5�.�	�3ܓ{u	�_�UB��ܰE@�%��-.�[����~�w����,�����j�U+�m����[YE��=բ�?�%�!�6!���'�f����{3�n����ÀP�6���T�u�ܖ�b�O0U�GŌ.Ǎ��;kE�:[thnطK��C��J�7�J�@j�d�u�+s�޶2�
BO����7P(��%�E���)��;e�V̸��Nt��g*��l{�(�MeX%��D�ޘd댟HY�S���L�d�%jlSV�j`�ԈU�R&�ӄ9{�ה2��h�%%�+�NHp��-��
��R�6��L��O�H���Z�ʴ�B��~��.:�-ZJ0���gm�
�q9oP�ﾉD�<�l�o�9�C��a��7(�~2���IZ-�Ã9��c'm���1T	
�~G��M"{�!:qB&�On���8��Y���Ǧ��$��,Pi&g��|[dr��3�L��v�a�-?Kĺ.��~�>J�,tT%��3��Ē�Gq	_V2>�hc��hr�����҈��$����e5I�a��?K��e��H���/a��7��Of�L�����ݯ���^t!�7�dX
+g2
C��O��`�9�j_�(I��}���D����j�9�E�ȸȕ���zo�n��ܱ&���۟=�L�$��?I�Ư�����(��v���P�����qr�O:w�����~���?�7@}��4�����Jz{��@���ȶ	P�[��h1�n�.�Љ��Tk�W�����%uf>Z �;IR�*��I#EP�����C	�����IG�d��O����s���b���7o3+���NP������"��OE�D�\�{�!4�#.�e
����K�_���g,ԋ���Q�UܛbaK/�+ܐ<zk���^M삛�/��'�ٌ�h��{�-���w�텉�%L���2�R|%��V�<A�ߧ��c��tS�+�z�!	�������-����E����P�8�n�_������#����{}���ڐ��J�s���}x\�:a��m�q-N���ھ��w�{^)�#n������>߷�����վb��X�
+@�}��u�Ɇt1D7���WoBxqc���4V�����Ѽɹab���0��F*(��¬~�G'�v�R���bE�����+��>C�9��*d�J�!T����W�t��dH橭�'	,�~�K�}|�o4�Z�Ӱ�T́
��TjO�(nz*�s�ɘ��h��"��v�~#��j	-��(s�I�)t�sKcA��!=�Hh�6FU���qOX���=5��ш����|�(�$.���Sm8f����̇��'�����x܆3"Q
��d��ҡٌ�9�

xD�W�12�d�o�zYCqY�5�E5�v��RZ#��7��3#z�I�M��D�'�tL���P����JRJ�R��0l�=�(���j�!�ye���k��_b��n^j?�(���
c�8'"�<�b)�+.�yX��D-U�nl�4����L��S]��u���8��8>+�xI5j�J'*ţ��-Ec>�}Mjg���L�xIi�]�-V)YK��1r	���C:����}.r���'��Ni��؇Z�<��#��u�m�Fw�%��Ҕ��RqjR!�h����'����o�K��I/ՌO�SD�GU"�U�Jݝ4�*�����T�8���_���O�ƣJ3>ժ��KnO�L���XyS�G4�Ҋ>�Gt3/
endstream
endobj
12 0 obj
<</Length 65536>>stream
+턟����#$���=!V�|B�9tOC����V�<Q691�|~��o(��2��[�×�#�B���+=^̗��=$}�͏�Q�f~������[22��r��6o�D��P�Ot���D���=�N,�vgA���vgMl�턇�ai5Ͷ��Z�Dz��TKk/;T_�0�cYS��)}!������25�Ʋ��ENk��
+�D��+��6O���g	����I?�������G
+��_Ն�HmR�|b����L� �
+2h�XZސpqb�A���e��|������L"��{ؾ�A��^��=<͙��|�K �

+` 
@&��b(,2��D�VFa�JB�����z`x���e�(�����j��k2��f��P�,_��rЪ�!�%tИ72��vdVv�����[�yġ�tj��Pe��̦a0Ӣ�C��?�Xj��W(���4J�,4fI��fhmmhL9�+@(#�V�OMN�JY�lhA����EB�	�C�&�ДG��r������![U͞�,�Eh��E�˓v�C��	DXB�!rU=`��B�&�b�*	Ӄ���E�LUgR %%d��\B%��T�O�Z��r��@D�2QQQ�hUխjX�?0� cMEw@�ݎ�_6,���5DUT�VG���ȩꭆ�jB>i"�h`�;F�bf��et�T:R�Z�RL
�S���G!a�U)8��L?4�Fk�'�1��L͸�$
q&�E�Ͱd��ɔ_��iC�X
+IhC$�<*�p�h��QE�L���	)��11C4��PGu�hFj�T
�S��Tgv�U՘c���i4�����XƖ7�*�k��XQ&:�g:U�DLyɪ��̄Q-Y�����ii-��N|7�Ǣ"�:�D�,^m�*	U�5>E��`+ȕ	Q�5?�K<U)�C�?ꮷ����m����A35"B���K=>өi��1+��*.R��Ĩtdsy���^R��t^��蹆7;�/�13U]��U���:�w^ۧMu^�O���K��\�jv_�kZ�9��=�9�ْK�"��)H�Q#�W�b�rǎ��ʹ߳���:G,���_Oe��W�{Ĝ�;k��lN�����Itw�����	r!�;1"#�21[�-	�DU�_�Z^�z/��܆W�N]��	/��hd��f��踩���2��2׊��s{<A�<BvE��?��2�e<>2�Q2)f3sޥ�c*s��FLpFU!�j]��,&$���+��~�&J�/ϲ���:A��,*.)O��,/O������=��F��+���Ś��k�B�IMpD+�|�&C!�~,�	�+�'UHB.Aә~4M��HP'�R�\K�|z��X��I��:B�[N��T��v��LQ	EC��5�֍�,HjL�c��X�����%�1��/W�GA$�
�HH	F�}��
+Ա�)U�DeO�U�ÅT5�YLM&���5�6
+gp3U[ޙx��(}�V�`3WD*h%�@P��M<F
�T!Rr�P�'(a+�.v�Tp��2ͤ�(DD)^RT7�F�4���QPI@Ջ4j
+]��DːeH�XhH4B3K-��HBm
+�Rf�%'�����޶�����2V�����$�D�N��
Q�b3z�w7�-W�:*E��ܣ���23��cQ��g����I�54�Y�ù�u$�K��,������
+��YM�hO�⨝}-�,�;W��V���UH�߷�RNe�3�����L���Z����s���AD�T���zgQ��)���q��=
G����ˉ_&� �F)VN����I�W5I���LĚQ͏R��%"3?�q��Y��$�����������h�Û�/�[�y�2�OH"Ɍg�
+��g��q""}�+��zN��$oq+�s��Ws��,��LU�i�i����9�<#�5R����H]��Xo?ȖoT���J�<��3�Oj�����y/�$�K�C�=Nӑx��t��C&�19��LG�J�ƥa��8I?i�k��v}�z�s�|]f��(D��+�(���I�L�S�
+F?D3dm�OI��d�y��U����D-k4T��*ꮪ�1�Šw���HQs/~]��V�K4�`4&��Dz�Ԗ��s��>�yu���/�s�c�:�y:�t��W���!2�E�
+8P���2�~������E~��%"��U�x�xT�lQ\��:m�8l{5٫�C3qO���j�WK&qkL�ZC�~��ח��tㅝ��*�����Nl�#����鎨-�l�'�H6�D�xT+�L<�4u?A
qMH%^����P�T�xQG�dy�3�i�Q�E�2�+%�8����VL?�+%�R2��
+���B��ZfJL�2�O%.�EUV�Ѳ���zZ�J8�=�s���-s�(���K�vȩ��eQN'k/[��)��,e�y_#ٸ�(_Q��ҏ�V!����x��(O�}�t�I������+ikq�KKew�+U4��ʸ��O;	r-$�=:nv�-���P�yR����\T<�ؐ'���lx�E[v>�))�/XGuB�������m��I�;��_�ć�#,w�^�3�?N�o���.��*��Qe��,�X�,k��QV�\��xC�FA;��,�9�}�lʤ=�g�h�龆%����#�����+�߿�7��0J��~�R/#���vU�/�&dҼ

qEB��#�E2��CHiғ�DDR�D����Y"A��5��$i!��
�S\��_����A���
+���%�s9��	��iDl�x���I��Kst�;\�(��9�U���g�Ӹ}������܏��"b�s8��}���4�K�I������D%��ST�K�#YE_bKC�
+MC���E2ܢb��D���H���bYaeBc����,A�!EVU��(S�ڲϙ<����˳�>�*%UASy-;j�Z�{7,C��U�*M�\Q�E�g��M5�^�u�}��hiw�ע���39�F�[���L���G��*�x!�-��c�S�[m|�~L]��j⫮�xU+����J����8�8�B�!q�
+Ew�'R�Jĸ��z/͸}ҽ.�TX#��N�n:wq'���uq���
�Ŕ�P5���;YHt&hb�W61��7�jŝ��A�>.Y�=���L�h��a�/\
+��U�߿,"��J
+ߥ�z\y�%����h�Z��[�f�9�s��z�.�>�e�q���[��E|�ͅ��,��yb�1H�Q��D����<�xUM�7k���"���[�_F�,D�b�^���Xt�{
+�Sz�pv��R~gG]"�[Ob]�ʌ(Ӑ�[��Y|���$YOA�Z�֓��$�,�I\O"���0��;�o���g���B����0:5%v�T���DZ�Ȫ���GQ?�P�	"�U��f%�b��d��>�N����LA#V��GB�b34y�RD�O�؅�ev�iH�U�CӠm�{
:+ZO��fϤ�WL���MBqq�(��&L$��1���$�g{
+G��Ti�t�kvG�D�GI{�46
�N/�xU^�<�E�6)#_dl�"��!�:�@�u�D������q\�9B"2����	5D{�Gۘ�<8�����#�E�xF���v�5zX$�p�Ү��#���^�]�Y4_�A
+�%H	�_b}�`��f�g�R	�_+&�b5�Ʉ�V�(�"�w��1��sK���qxR�?�c�T~���4TP:~�e*ɳ1��P�R��2��4�u�`Z�D��KZ�t539�s"v�l��o�odq	��Q��fObN�JuBϼy�긎Gf�8�1�#E΄2�F�}"b�g���pY\JBjV3��5#��VKM!j��5{%ZN5�F+�썓���y2E�Y'�5Dg֜­5�p\�Қ�pQ�O��yt�>��=���f��ĈbL��e�ϗCM�<��B[UcU��("��M	�*E��W��.ID�-]�2���E���`�Zl)���|���\�s�K	,�F$b1��ŪZ`EI��T�G�E�E��B
+�p;2AA�T�jFZ�phs�E!G�E'D��R�@�d�ff�g����q�0PȫG��A\b��}����PU��<�	��cx��7I���?�������ZDib�ُ)<r��czD���q��g�p�LP|�
�H�!6�&�<9_�PӰ	�O5��*������d&�˥Xah��4
+�TIL
n�K������,E����e��^���@$9�,QpMH�8a�\8���Q���!7M8H��&z=����A�"��!/ڿ��.zF�SGZ�N9��L4�b�k��z�/�ȣ��H�YwʏaW�>j��/�W��vD���u�
+[2vn9/R�/ņ	�_+W.5KD�ib���91����Y4�F�Ҋ8D�tEҍ~�N��fH.W�1�B��B�ZEG.�i�����}����d.��殚1�#:(@�̈́u�Œ'(�L�q�Y�Tb�1D��
+�Ǧ��9�"A�h�pMk"���q���������TD��ud%җ��6��O�5Bf�U�B���l�J%�����M�|*�{�|�1X^�D�^�k�������9m,}j�'�I7�)cT+���Lz+6�t� .�.]�Qs锘K��Zӷ��!bA���4�SS$�(|�O����!]��C�� wE"���@
��h�A:�e�t�<�WG�yɇ�E)��Ԣ_�ֆ�D��y�����Q�ƕ(�]��1�f�����*#�W5!F�C�v���	�����`9ʯ`E�!��6�7�{9�739y(�su�Q��,	EO}*���kAj�*��ED�D�V�	�=Ff��4	��f$�,�����O�1�)_��/r�r0�F�	�Y�JNS
+�_$&8E��	��i�>cB�
+�ľD��3��ITG�z-�(��]D����a֝Qj��}�2|dLv�ORF&���LsLhW�y��`��'
�����I��Ї!ICM��?j<jd4�	/=dhE��Jas.t��	�鄙��F���m�.v$#�W���TW�û�Q�,Ĭ�$bsfP카��*��������E�,�fQ�\nz+IÇu`6�14Be�X܄`Dc� p`Xê�a�a�0��0��(�CyBUu5��<ta$�ÈD������q����<A�,��%�/�T��#.��>N�~�5�G���b�h�U�,�{�"�c
+���t�h1h�.3#���:2$.)� �sN2�(aG��ː�ȳ�n�t�Ff��a�D1J��U.Wl�G6,�w�L!+��E�2
+��HR\R͋����=u#�޵~�ՄJ&�F����'�y�ll
�[��X��X����>�`𭎐(�uR?��7֣�FVJ�}��>�����jf���s�l��H9�a�ʋ+���z�~(�a� �z�֬AZ�~[M"�b)g;�3B�UQ�(����T�Ċ���B�څ?�8��a*W��-�"��%A"E�F�D_��D�&�������'J��BHD��.ҽ���O	����E���DGg]$�8E��d��uu�1,�Y.ʕ�Z7[���u<j�Kˑw���nPֱ��!9�5�U�*����X	"͟S�4($���,��x�Իs��8$"%R�_D�3�X�8Rv��KKjU<"B���ʌ�xڍ\�d�'�ɜ*)Q�Y]�/i����L�"*�?D�x�Vs�,׼�1�lUi�N����4�AF�Hi��RR�C�2���-�q\�A4�Q:�p��fh��l6��:���`Y��c����bG�y���I�g�������F6�Bv�>��k�j+�[�����D�q���Y����d�u�`�u*6���RŦ�T"8$K�"
�މ�Ԟ����F�x�B���q�E�W�H����t$NS������!�6ZOmph�)iLL'�Zr���ʌCH�dD����}��}S�Rt+�t�T�RZ�iI)nj#D}D�Q�X�AS������L|JC!S�IOUn�9N\��UΕ�-�u�%F��gP�V�%��{{F�Z�c���9-o��9�+�ġ����2�L�R��AGjd�z�:���8a�&,�NJD����uc���>*��>B�L˅[�N6�\�<]]�ɴa��]�4��6��ey��KF����;z��&t�ůL�XYڡ�^��������5g�7��I���~ġ%&h���\G,�(�3Z��Q�PN��U('#j"gȉ�K�A
+�1ĨЌ[��MVt%՛��Q�D2Q�}���<�Y�,���cH*�f|�������م�U���R��=���RT
+vH�	����R�2Ź(SR����
+����A!�l!$�d�tY�8Q%)��$ͦ�Ɋ��%��)G� !Q�iQ�Ik��e�'�C��ĠK".���]��ƾʙDU�|��AN��Dт�.'k�J&Ţ�!���TM<#i�?
+��ʹ3��Q���~U����/i-|��5��qb,4ӣ$=U|#_
��f�
ڼ(������^�H	]��'�	"����c����[i^}�Y_��.̕��w�2��V����>1^�sJM�pN!�%�QZ��8���M��t��Hj%����(��FLk/���h���M��&,M���]�b��+���l稚,��r�E/3��ˈ�U��l��ho@ߎ�@
B���j�_�(�,���%�Dp�\���}�J��I��$CZ뢪&��j�44k����&'?yg2�FV>���C����f1�bj��.�Q�Uv�H=٧s�'ԓ���:��K�B�:!&C�<Eq`�i�����
+��Y�ft�ڸ���ل�VU��N�y�%�jS#�&�Md�Te��8)����l\UV�jd��%��M�=�L�b($C"�X���K��s��^�3�x�s�bL���Z�>$�;���f�>�Q������PR_L��Af:��+Ъ>�V$R���Ѓ��n�
 p�k�\�%U\��HS��?DS�L�NX.�"�
+�Mi!���`{"3	��f�G����)��Y	iSB�UFdT��#SK."dT8cքa�'��7����!��GNR2�
�
�$�(ՓX:��� �!1���>�
�v(���`(#MB�"$		gtX'��aq�rZ*�m.&�+q�;igIH-���<\T�������SG��?�������e;��=֝��,dX�)�GW�ϑ��I�V�瞂�����d��Y
��ʽ`�̣?1UC��
+j��b�C6j��K:����՚μ柧<��=@2����d�{�o+;q��
��(�(��F*�Y����@�JW���IA=�XOm$L-ᮅ:`�Ɵw2bt�XZ��}�r[I��?�����X?����"�n�-���T����[���Gߢ7:B�����⦟I�P��h}?x�ݗ��J����2/��r��9�WbA5@k���/]�r
+�@tmb�������?
�X�{t~t)���{��}GϷm�X�E�AE��Z�����y}�����,{f�F"����$�
x����j�@ڿX�4�g�?9Pҥ���쏑�nK��
�����~�B��m�R�~g8˨�L����8�T�n���"z�zeͭ����nzyD4U�y�_��l@Z�n�������޵����'����vO)3�u�"s��/qI�<qSL�II
+�FP�7J�YR�L��WP��QP!+���Y��=��fE?�p'8�����������)�ΩٯY���p�@%���ҳی�-J��6�����v#^�����������%�#(�5?+�
��@�(u!��A��qM�H
�ߚ�4ϐ)�}pn,������4ƒ3�VL'�|�k���r"Οs|q��m#=Ự8h�t��O�g7h/۶�!�f@՝&�)��M��A��������Z��ɭ��3�c��6ꚟ�ۗ*����
1�y���_
<���7���
+PCb7��n�l͟��Q�F�@�E����o g��ܲ[YSH5?��
1��3M����?�5�1�❁0��z6��6��$�Rs�dE��V߭�w��aYB5N��6(f/�5?^�@���F�e͏�t��S(��Y�.J9�pFb~u୘��]~���(
㟭uqE4����jckcu2��6�$R����� �]&s��M�͈Œ�1x��&������,?t��K6�"���|�%�����Mf~����g]3Y����I��S�Y�S�M����Ee�AtSZY�M����!k��4i�xY��z������k���N��ًR�6�p.Qf&���_.�br�H~H���ˀi��O��+�.����6�@f�*����إhY���k�c9����E��p��z�	LfX1�:�w�;}��Y����``��WR�=�_l���9i�M6������
��gk�3�,�9��Q������X˞�����" �
��G���~Yć_>�@�]u]>�Ad���>�OC��X��ɱ�,my��G����H��8���r��i�ދ�
+"m���������?��E��g?�ybP:��.ӧf��_咨��=�
��6(�OZ ��d�����(2$į�
�i)�Pr:B�a����_�,��v�X�0�f�W�D���t����d�H�P.��1�O�p23fNT��-0��A��'����n�"�I3��c�-ڧF�� �2��Y)��
a���$��5frÏBt��j�/Z^b{1�5.��Q��4�1�3�Z}Y��f1��6�Äwt*��DR�Ak���3�����8�n��yJe�
�I�%�����R),��@��K��rd�����%�n@���o��bv#
�_������q�05ž�G�����e�ڸ�ͽ�l��f�]<��:�	k5��ρ�b�/M�h�4�(
+O������j��o��.��Ø��]�IH�M5�]�U���6�Ƙ����R�*e���cˉȆ?a$k���H��ֆ�����7H�f[�l��XJ��[�Uy0���+y<.����C�Tj�!EI[{�vB߆��^�3f̆�d|�Ɖ
~�wV��4�0�ޔ}~�� !ƥ�����0��]V4��G0ڜ��漅gk���
n+0�>jQ�ZF�~�[�2��S����{�TaF�?ˋ��s4xU�˙�
�c�&��/��t�o}K�~_XE��a���g
Hq@��Ȫ|�R��8�z�����,(��G�����Dz?ϑ;I�
+��P��!�/	
+p�X�F���dHn�UقäP
<���hYk	�͵���Ʀ���x
��6������������k��6��l4���BV���oN����Y����Z�;/=q�Jz�*�2.�C�GŮg�l������V��,�|\�f�/�����dGq�i��$a�g�kIh;��1�%��q0ߒ:���4Q���Ǚ��%F�GٟJ��Ka��Խ�2�l3�~m�b_�&y���Q�9�G�{�=0Y���}}�`���+��cy�e�߀��=^�}u��J�e�]_Ƴ�z����?����Z23�!
W�!�S��of����X?��鯶l��ꯪz؎yzBY}��H ��.q'U�]���lk�HP�~�.[,0sj��{SLn�����,�Sx�EF�5�Gy!�s{�� �o>V:����X���z*�~O�5΋�h��>��]9��G�9Mߊ�X�����
+�ĵU�}�#t��+�ӽ�+�jW���g8��J_H�D�A������i)@��2���/E(���V�=��? ��@���#e>3�
����!�!��V����?������Q[���#�O��
����Ӈ��Ra+N
���]
��x[���z�����o�u�߾=��A�󍺋��|?ZvD���o~%WD����U��h=����֘�A��<%V�U���l���y:Js��5D*� ����2��%ڔ�(��g;�@�����G7�M'P��̳/�:Mjb�J�$�F��c�D<Áݶ����xJU�_&'��,���(PE����'G� �(�T��~�
+�8[0&��Ji��"��BC��q���Ղ�%?�
�Vn��$?���#TC5L�v��KH�Ph�f���
�A�O��'�K[,�Yy��
+�L�3Z����s�j1���8����w�>m������iOX2�R�%���KN�Pb>k����x�M��?��:���v�����._�tޕ`|���v
]��1_j6\S��� ��)�O��q��h�q��Ɛ�
8O|�|�U'�|M�=��&;�o)TWwg3����J�������&Qy2׉OX]�o��A�����w�����0>�ڊ��xr��'��!#���c���h,���|���4Y�8A?���
��J���+z����w��UݍK%v�HʗHV��>�?�F��_�Q�����$vD�I����Fᆐ.Z�O���?�D7����@?;�<��r]O��+���?��]Nn0V�n�9�Q�e�.�Ci�+��Aƒ�O|V�4U&����� �>�j���b"֢Ȟ|��e��0�wM��L�B�k�A4֭��74�1��w�<�&�4�����d��h�O��s~���/�8J�$��'�����A��JQ"�F�9W���}�ӥ��V�����UH������`M�]&�h�	���d��/�p@�S緿|��Փ�m�*�P1�*ƍ��?��<'��d��k�����*�����tI����^xm��X��1D�XK�TB-3�'�}~\�}k�G�����64D��rKpW�߈̖&�(���B�>��P��K�?(��v����
'$E�s4|pe��Z���J�eVBv��De�?�M�,��M�y�U'>9�|>�����|�">J�2��.r��X
+ p
+���d@'(X.�(?���f���z�F�*J����I��WY|�6�c�4M8�߃�a���N8��姿�=���jS���B7�2��������f�1;9�WQP�u"��j�%��~O�?�bz+�nW�����Hp��|Y?�'>����G�|o�qit�+�]N��\�)k�|����G�=Ix�T�G����,C�U0�j��M�O�uXx���&��t�|o�rF-��R��
BE��>8�\2��r�~�HMFFL8䟪EQ6�l��a
z���1����)�c�"9�Z[v0����gO���+�wԏY.�i�?j|vh	��A���=���w���<�Ĺ|������0m�0�=\}���b��OmX/K������˟�ܬ�V�J�DA!��߄c��_�)V�f����31Y�h[����&gS+GwB�r����͂�/r\��|��
+>�H���p��J%�%,���X��kȖ^��=�S�=��
��7���!|N����ے~�E�З1�L����8�������1��
+�Y*��*�mM��%̃��|����5P��}��`4�|p�53�th`1B΃�脮����~kN!#����:��g�R�|��������|���7����
ӏ
J��GE�
i({7���R�@���@J׊>�6����CQYi Q���'h���}k���P����陠k�^2�=������)l:Cr�ȩb��}���c�޿���_b<%)&L��~�������^
+�[�׼���.=�����=˽�E�s���?5�
xޟU-E.r^)�v�},H�3��>�p�G9��u�w�
cZ'�����y���t*`�D���K�^8�w��̿+���]E�҂t$�{::�'�)q�)z3��y,����a���^�����(�t�
+RI>�[�0jS�+�[Լ����N+�h�ԥ3"U���d�,�T9�T\��͟���B$/X��}���M1���罣�Ώ"��A�=�@�Π�*a
+�� ?}�3!>�I�	L��:�O�yJ�W�{�2�i��NeI���$���X������5���Z���U�8pSB���%M]�s�W��^z�������m���}�E:S���r37��YY��6*�~3zO������5��g�9���T����{�4��A6y�������qG�IF�hJ�,��o��׸�WV��\�{���-��Y}�0JG}��o�@��\*�%�'��������0�rL=��l�@���M	�v�m�=��oL��D�ơ��>7�Sr���{��J{�w`MV
iңWD
��Ŭ�2Kx�Y��ޯ�.���3��YF}�'�dP��Y
+��r�!��IIfT�,�������cz�p�,v,�C��L�+1띸�{`��r]��~���M��'�
�����76��I��J���^��mM�A�����!D�@�$Y+���Wpi��'���P�oK��ʻo2֖�Tcp��s��5wx+?��KU�GS7>�횑�?����,�T�~�LF#�zC/pd��Q����:-V�<Y�2��_��ޜ����7A������I;	�a�آnX�l�)RZ
+H��G�"��K������)�J�_s-����7jk��39H��;�E���v���
�~
+෮�)L�Wq}h๏���hMG�:0��
�����y���������=�+�����+�)_
�0՞E,jj�\��͞{�����܃XS:2#5�<vh���WOn=)	�m̢��.I
Eb�X�s���a���?�0�ݹ�ڼ�d�t�2~�����6ܞ�	����p�IL@
����@1"$�>,��/�"lʀ�+��@��b܏�=�5h���p�w��V�@��=�k��v+�3��6$;%
��Tj��Bo�w�(���‡��$Զ=�U�imU
�x���ͷd;oվ�F�l��=��<���?;XG?����B5��־�����_��{BR��V{���\h\�Mj/z[x�Ce�i� �!C�6����1=�\�����Ӂiq
��.x��lw������jg?K�[�Ř6����=��K_�o�E��F>�j/V��N��9�,��`c{*,�ʾ����#2'��%�g����I�=��S�ȏ��ݏ���NJv"'�{�Ԅ�
�@��}~3��+�R�`/�.�*|������~��й�����b�z[�t��^�mF_�����X��z��	��%]cYq/V�ə�8��w=i$,<��^+w�Q��������
ʀ:i�������g���a�p"[��E������<��d��7@�������g=?'����7VX��c}f�V�>"
\�`BV����J h�+�Z��a�//a��,�#���xV�� U@�
_�w�<գ���	k����?+b�b2P�MQ}�����|�1�&7��M�cˌ15�%��f���
{�?>P@F�ًԇ
+.�M_[��Q���:D},%� ^uX�ş^���|�ԓ�ަ�X�Sq/~�.4�����oy18��؜�q�C�;>�TzX��fw�^������ VC� ±A�уf��ң�@=�/�e�>����,]�ζ��1�ͨ���̎���d;&��D�T�����^y}G��
/��7������)����v����>�w���E��(Q��T��
{�`
��Wж�/����"D?�%��C/0'v/������~T#D
v�D��'�?��<߷fU�C�8kDQ�72�0C��� �������D@j#l^L�hD�����g�E@���+������l[
��DF�o���Px�d���
3���7tǐ��$\ ��N��~��s�s�c;��*�W��z�uޡ��N�nJ.1�y�c����ʿ��OiUWА·�[�ba�H�ROB�pZ�-���e�Y@"E�(�1��޼6�z@pR(�{1/�F�AI�'��C_�
�)��|W�n��EݎG��Iω���zi���8��^�<7��5o�?�_N$W\ī��h���oZ���74_�=�F��*y֙O�O��-f~����E
e^��a���1��a���-��,���XO�:�)��x�A0|��'v�����ߗ�)����"��|��^E�y��
+R�7)7IPq�����A�Y�U"��t�����~�:Ķʝ%�H� [�镏�3{q���gj��������;F��L�V����A"���Q�Q��|I�Y�鴌��G����c�,�|�{%��?���s�Ͳ-~�2tn'_��5<w�I�%S�R&��$pV�ƏK>e��,nB��Mɋ4�����<g~�g}*|�A�B��&�|���n��L��"��P�Kxk�!0��<���gb���^��ɁbΊ�����7n��$���*���G�ڇ�WmI
z�0C���
�%E�5�xto_M<�=h���Z� \#�8�\�Ѓ۶��%��,me�K���P�y��>4��k�Bu
+4^$���V0Hz�2��L`�?��\.�[	�]��aq<o�l�틧Ɵ��&q\M&�Z����� �N�O8ݍ�8��7��� 4����1����
5��
+�(3a
�Lcv#�� >����3����.�)_l��C�Д	c�)�q��r?��%$>�ߩ|d����
+ҕ���C<p��3N���d��
�?|�����Ԅ�7��gP�9�U��mx�����4|�5K=��v*�{��8��xo
��B�F8(�	��IE�,�&�,R���ęk�K�-��+�9�C2����wr�B��d,�᳃�cwp�(ߙ��,�r8��s@�:��/F��ۭ����u���Z���rW�>����� <$����/�6Bx����7'V�^��l*��T�Bx�}��\��O�U�K�ﮃP�*i�A�<�������lot��m_�+�|3Z�
¿S]'v�4�Ax����
G��+��+��hZ������sU����6>[�q�z��3o4�V�����4��f^�$�)J�_�]�
b
�J~�# !э��/x}�_�Q�%���
t�kI�jG��s���t���<
+���nx��{���e�	L��
+qB�n�Ȗ;�Mt׀���1.���X���y��K�_*���d�ٱk�ý�E��O6�Sۂ��}i۲E�C�΢S�����)�;#�����U�~����k�	�?���$����+��y�k߳��h�����m|��@���`�d��/���*Pz��
���QvI��ei��7U��"�Yq������Ҳe|�CNB�f�J�KG�u�k�*0��?�:c���Ճ=���d�~c�,���[�'�w{Ct��<�o��?lK7���L�܂��ű&�^�~�#)�m��G�����������m�����J'_�QNEМjW4߂�݋����+�2hx����1�\��afӹvrO�PMȕ���vx�>!�v��J��㙂�d�+�����GW�Y��%��h����||�E�r`�N}��(�u�*�&/¸��̵BP�
׷�^�n�=`:�l����a��Q��E��
���#�x�&F�B�-��H��ݩ﫥d�
+��^�Nw����6��u�C���1��
+��w�
+�����~|�C����"9�L�	�t��$#L*e���(Y�[F@h��Q����"zpo%����xF,�r	�PEV����y��r�U(�E�1
N��r�F����$xL©9�@�J7�8N�[�y�\�
l߼N�E.�C8/יxѱLxj+��Vܫ�~�B�.H)���N�9��,����Q��*l�FA�`���2�Ԝ�y�W(��q�_��ƅ'�1�W�N�O8
����p�~帪T��g6��)u����Z���C�b�2냣8��mlE�X�[�BetO�5yG�N���L���+��""p��3M��{j
���[�ӯb%���)��@�ߙ�b ��
+gZ�:�)�#�F]Yٺt�T8���
+�E%���-Yl̈��c3¸�1M9�/h��*Y�G*P!�x�S�2����fǮ��r����"�UrKw���V�@w�*.���N͢�x`��~
+{��1�c]�->z�7�'��j3�
�1h��p�rB�h�9��LF�����'��i�;�
�h�Ψﴽ񓀭+܌�_G�[�pH�nQ0BӍ�E�凜M�7#5f>m@	��>
�;���\��A{��Y��@���$�1���i@��(�F�W������P
�5~
+��`쩆��:�8���p~?����(uL
a�@�J�oFEB�&3�Rb҅��������ތ��H�v-}3"6��3��#9��L�����z�d�z\0��&T��@n������0��!ψ��~�-���7����QH0�"�ݼ���}~hJM���CUF�)�W��s��>
�p�Sj�\u��5G0�nIMd/O4
+@�������DF�p����ׄ��7�3I*J�t��GJ��G??Op�1{�T��d�=�r�
%>����/�(�*���
�2B�o�])#�ו���̐�4|�������\�2�4u���,�(e�Q�g�npPSKE4	�
� ���}�N�պXa
+��R	����C�H���$8��|��ҍ�����I�j���N�PFل��ck��>j�C�pnz��/>¹�H�
�0��)IN�K���-R{�����K�n[C�2b&ר;4U\��Wu�ѽA��cNG��T���-�K�w���Œ|�}���G�qz[I��w�L	Gw��W����pf�事��p�fr@��wNn�R���@,�p�)'ڸpv?�*��p�Q\8vtc{�1�&�H��kF(���c��T&\bF��/9ƒz�Xn/�J��`
+z��z�
+ƌ@`a��V�ʘ�r4�k����W��D	���A0pG�U.�&h�f����Ywo�8�G�XT9�k�Q�6�݌%�xQ��M
կ�d8�dP4�]J:��\S�A�����tVC>�4�*�`�s��@L�I/���Vž�a�--E{dPt��"��
���C�Mkǩx49Z#�9�Ш�5j9�ئ�b���jrnW9��(Gb�b�m��5|5+��=_��nd��/�-?�1�����9E(	J1sR�S���>���_�
=������~��\F�>�r�O�#�����Xc��M�g�RG�7�<�P�l%��LN �T.<��v?Gi�0`��%�
���z�uX�E�؎�>��B�p4��&M;�޲��
�FjkuL���:5�6�a&�BA��&�T`G��$'�	M��d�����Sr0\ځ�}�WU@�v�lh��;����.�
+bq��w3mw��X�wij��N�+��&H:�"&HbH�4O�qX@Cp@u(>b��%H==�\$��N5��|�ԅ�8�0�CB��̗���B�q��q�h�Gw���3�I�S�U�<�ȷ���P��q�n:aD�Y�g{$�o���<�Cϥl�(d�0����c�m���1�Fҗ]����z�eex=�+v=���������z�^w��?R�ۓ]cv�DR�eg����"IRq���=.�`*�ރ�#DP4�I�G�XML�����)���+
4z���U�Y}�_�]K"�#�}iI?���>֯.���6��_@ʽ>��0Qe����y�|{o���'$F��¹��d��/cQ�AS��Y�>��u��gEo���@��1����_�������g
�(R
4\�Ҙ��~;JG����ʵ�����%ٙ�F!�T���?Z������M�_�8n/i0̍
(�.��c1����Oh�F-�0�ɤ�]���M>w�����l�f�ʼ?��%�A
+�ey:t+}@�cѧɚ��'��M*��V�W�E�ahT���YKeLRg�%���#ěђ��I��X���gI�х��8��竿z��m\,���}��|E�����|�-��
+�.�;ʒi5)1��ر��~�r���,)=#�=%@��":�^��}�X0}h0�=�>�]��R��\��OW\����|����ZF�L��/�ô�~�)�}>�I|q���3���GyaD�'�${�_�N9���|���&aX`ޟ]�6��Q���!�L2�?9$=#��'t��Sq���I��/��J8�>�m�¨�,�I3ٴ�ZI��`��
+�ױ���OQh�y�+�V��_I_�}p�F��d�Ixt0F�3ɮPT�?$���2�/AY�"y�2i�����h��L�k�c��G�Yi�)��&8�s���;1�$���]�ic��;��@�$��Lh��>�O̟Xa%h����.�&?jR�1���_�v=j��77�����T�=��GZ ����A�
~x����b�
�%��߻T�h�v���Z	����b� ����\H�5x��Kw�T�:��tC2���=k�\�5tC��;�2��C���.;���+���Zl
+�I���/�tLj~6��"�\c爻k��a���
~Z�
�����}¦n����Bb��?�q��_r#I���=G����Ih��T�B�q�@8FY���S˂�C��ELBe����6��.5�L��� j��\�`��Nρ�}�g��k�y`NSO�kw�ֱ�)�5�n�k6���sBk��{����=���[�� �F�nnJM��w�r�S���d�f�����CsQ���?Y�%c��i �p�S�?������E��sY��_打����{�$�\�[��=��?7/��~]�t	 )�I���2R���7�0��vj��O�*U�Z�U����!� ?AW�.���r�ս��4��[38��b��v�`�k���q�Q��ص$�,*'1�A�Y�xj���g"�@_x�㧷��
�2?,ӊf�5�݆�3E�K���"K��T��T�;�7\�e��"B�T@6��i��؞͈�4�U�S�1�,�ٛ�0��%�xfL��w\i���
+?k�k�=pq�ƩO43����ϼ�����o�<~F�ϩ=~����V��������o��bO@複�䇒.��>����W�h&L������`�Z�Uda��G���s��p�Ii��,�e-���}��a�#8�3�mK���?Wȏ��+i~����<�
���W��J93�������hCPJ秃��?s��!�+���g�kD(y,������l���|?��YQ�ڮ���Զ�1h��H
%�`K�I��|?�����)��
+J��=��uʤ��<J
+J0+W��j���n�%����H�s>�^�)$
�Bڴ����D@�bj��󓤿�s�{[-|��xČh:���/��FV�$���g#�构���
+h/���O��=	�lx��H[��я�!�fv��$g^PK��c�>)@�t�x�j�D?�2�8��uP
�$yJ�i>ˬ$�c��2�%q����>��_vʓ���Ȃ�]�B˓4+	9��
GL߁F����On��e��O�!#
|��w��U�������ϔ�Ý��>`��
+�`[{���2���K⁍;)0TI�����,)�+��X0�f�E�L?$��IrF�]�'�E��߉��d~�l�|d�:�_����C�da�
+�i��f�϶�"�#�g�7x��=���Y�h�'C~���m�1�۠c����T�XRu0�祫a)���yc��5b�`��񓏯EC��?̆]���KY(�@~�
�h�V,u'��	E�'䇉��0��+>���%l^f�����G�l�jr'4�j��ف����g�
+,�x0w���M�g��������N2�����g���#<E
�y�O����i
+�c>~.b¥L���1�퓱Eߝ�
��[5
�������<�
E��l:�?���;�d��_K`�b4�pۈ��u
X���*����q�$�zE>��I%
+tۋ�D-�4��
G�yn���B�cE��[�I0���8+�,��B�s^����4)���m�q.Ձ�vG�:�@V`d�7:s�ҫ"��d�.�$�5!7�7��ϑ��ǖ��u���o���Z�?h����a���S��y�����h�݉�W(t���'�:�$�7�Pw�\-*���J���}�ԟ�)C����B��I}U�5.{�F�Gj�%�-��'��$�>��ǟ/�I�M���#�;ɇ�(���O�]�(��:�E���� ~��(�Z��O�����r�Ǘh��p���cƑ�E&�?�u�;�$
MgE��G�9o��#~��h��5u�!��f$�:)qs�wt�d8�����堩�N��p�����DǤo?r"��M5l�� �C�$��i�5?�M? �B�=|\�H�p�tN
+Z�q�t��p�/8Ξ��q��=�~�I�d�׎�a5v�WdGPz��,�2���;)�3���M@?O��Bu�l��
o�R�b�����$b���{�2��@W�*uR�<�>������=/]-陸�z�rלN�8,�uw���V��
�[7�ȉNϙ/4%����C��b��9T�x	|3�8E/R)/'�H�S@�zL���ǝ�r��(U�
o�qW������{��Ӟ�c���j�;)����vU��2~ڋ&̈+�jN�I^h���_��^���u'�N�EE<��杔�<F������Ξl!SQ��x���@Ho�3�=)-��:P�z
+���9�C�I������c��MЗۓP̛�ōFC:Ojߏ�F\rГ6�%$q¨��$��ʈ�(?�����&�Y�R~<�o���EM���`�YH+���AO�z���xI����l$��gE}'��r�Q~lnt���!!����S�|�$u��\�O$�?-��g���?q��Q�•J�
+l��S!y��F��+2��v-D���	}�N��f�v�L@ɚ��0�6I����ơИ��'����6��b] ��f3Pk��H?vP����MF h�O�C&����#������v^	0RPd?�T�Dޗ�e��+�O,m�
@8���|Ƞ���(�������| ���HL�� ��i��͍~�x��Z��i�P�R.����c�Py�_ţ��2X0چSZ��du7H�����!��ے	o�)c��%�e��Jhp�Knߣ����׻.Q�.����ݤ�]����ߥB�+����n-T�6,�	��(�酆禘��3�P"�S^2򖈪�1�YQ&a���'L�
���D8DPd�C�,su�^t�ɥ�x����J]�V�w�h�r&��a���U.��Cw����k�2e���5R7��0I���3?��b�������
ҁ,�L�n��j?k�Q$[Q�z���
U�iv	��؊^�!H~B�-)!$�ʗ#8T����ʡ���|���`�;�0o���(T��Y������CJ�"�� e�MqLSx���^I�K�mL<ܒd@��0��}�Gd�F��]��I�p(�4���I�fڈ�GM�ς4�
sl~>��"\���(e{16�K3�YI��6$dG*��Χ�HhӣN�Ta)��h��i���b�#
/M�wi�c��E#
��[d��ȋ.�v5�+yQ�}Q�G9E��	F�xWm���#�bT��a
�hϫn��L0���6�lJdC��9�ِS%m�@s�]��M��zS��s%�L�
+"�(MPXo5g������ۣ���M<�a
+^-�ۤ��d�0��%��-Cz�'�F7�:�C���߭_2����T��|�B���m�Sڦ`C����+hV���MAi�i�Gw���T�`oqxж�f�!�D��-Zf7����Yh�P�	�8㕦 u����[os��Xǁ�QR�8C���E�1h�?ds�:`Ѧ�b�8���.aЈ����?�H�.�q��<S��g�R8����l�Z��e�™��+nR�i��
�67��c�t�w�!�����$	azN.e����7��3�ք��2T��� G����X^v����\�$��3_0Nx��Y�dy�l���n,9MZ�~@P9�����0��.��Of?3����}���9JR�	�܆�����SC��S�\�2��2��R~���ǺE�����}h��}��`�?y�-{����j�������h�t�9kv9%;7�i[�#�Z<b�#���%��u��E�Q�'�G(�DfD����z��(�����k73'3��
��
�s�#��"hs��#M�����%
���|����)���$X쏚�^R?�Ώ��DA��f�N�\D��kN�������5�'���,)y-QҰ,�
$)�:�Z�&q֜j�l�|lNi���)e��_6�ʸT��k���dW��RpYsz�ϵ ���6pp���Xs�I�<��$N�\��) <����_
+H�c�S`�iXL��;�:���f��k|:�V[�[J���ӯK%K1��gE� �Ґ�,$�O��eJ����r�@eР-I$�J
�'�FG+j`����d�������������G9L�8�=�|�rBY� ������t�una���iv�=��e�N9�/�3H w!%!8�:LU	�D�cM
+52v������tz����Z��4K�[�*"V���QI
+�$Q9����9Z��A���ʨ�QH�Nz�-���DDŽ��������Ioď�
+�MH�~�J��/�l�1+�͢	���v$8�AS�9�J������#@0!��rij��WjB"?���c��i�ߪc���� �l�m�K�ui�Aڑ�S�p5��d��ǔ'�	�HM	�#'�����t
+���2:����(�>
+�G��D��^�M*���F6H켄�`�T�Xc����tj
r��
�Y�$�u�A1�B$%&*"8j��1}8Hٕ��Mk�ը��\��ҩ�^�>)��� a":��!0"�J��HA���؛��|\�����v���@��X,:!��^�"u͋Nu0���52\tB��Ő�}I�4hf�N<�2aԡ� -%l��9���:Ѳ� �:j�}�I�
��g�����%G
T�� �g��^�ŭ�?�V��d�w6�A�y��7R����k�UlH�¨�S4<�+i�]V��
E�Ț��"�A�����r��x��u`���z�3�^=<
C�E�$A�j��H!Ov֟����)ٵ�[ţ���
�1	^�=�g����~�I둊}1��['�H�'�
樟ԉ��-07Rn��O�c�F	���Yt��S0H�
u+9H�
��9��)S�}g����]�˙�$�
V��AM���'�Q*�Q�)y&e3�r�C�O������Zs���E�S��Y5+��b��Ȣ�3�ѣ����"��į��oo�k�ٲ��ٜ�+]�2������*!!Ѥ��������q�*�n��«*0P��{+?n�U!H����v�W�1������ܝ3��~W������Lh�v��I���K�
Emे��%K��p�����,@
%��7���.�h)+��X�X��8�Pb
��`�p
��41�|B�%/�TԨ�ۀd���w1�0g=R,I��:ߊ%C!+K�[xBrt�����ra�����$E�;�?�ƀ���
����(�t0/�T�H�|=2E6���J{���(�g��)��Wx��x��r���}��r���rXNW?n}�$�o:-����|4���J��5�eLl�J�œ��/�%D/�Q0��_�=$q��6\��Cu�rͧz%=��t��|[��mTX�3�Qaٴ���`.i�JMo#���/�R��qId�Gy5K��F۔����8,��z�+=��~f�nKT�BFkĔ��o�Pp�E2��JU��n�Ǩ�O��W�S��Ui��%<Y���81c�K?u�Z������BbbUr���
�ݢUɳ�\F#"�w���mq��D�sS	�Q���
+<KS�J3F��l+��Tz��.�b�s|t��	eAUil�>aH�[U�(�� p���%�YL0���X�S�s�T�L�y9�x��%��?UF�VY�7�[�Lju�	f�_�R<��P|)���x�Y��PZR�1��Z�u��d��niIPjxI��$p%�����B��ؘ�Kް|�����e��%��n����t��/�m�`����z\M�H9����[CL��⨘:�tfԏ�1]⤀/�	5������C�ill���#y��Bٓ��WcY��vG�����lC��"ZS:HA$�
*2�W�?F&�o$0e&D�D�񥑉 �옶��.�GC�e�6��:jN��E�ސ+t��L�>����(A3�
����72Yƥ�w���~��X]؂DS�lt�#S��$�Q��:�r�\3a*����y�aG���0��#9
"1C5g�M_ן�1R�u�0�w��8��P	k�a���EU�®�TnP�����_�B��������0uL�
;\h�H�����ۇ��K̀��S��Rَ��F�_�
+� ����gԤ�mCJ�Yv+?�O��\���8�z3�L�j�[�1�´Tp�J�c����od���Fv
��G&�:�����%�
6oMG�
&���)+��>�,S�e�$S�P��E�kQ+�n�I�V!�#v�n��Ye�ko�~��2�Z�N��z�g���Џ#R4Jb����j�ux$`�1�IxC騟�[D��S�ģ6>_]*n�C�X���[R��� e�zCa��嵣.L�*�5|�m�3ڱU����R&�_]��yz
+R&w)<��b���&�*mL��<_�����@ͷ�(k(�2טTL���
���l��+�q�
+j0�_8I��'��}1�I��	�_xH���c����#���
!9�S7�����R��&��!���՚X
�4�o;�]��0��,[P����
+$L�3!�_j�|>�[7�
��VǛn�Ck.Wq�hR|f�TuR����b��Ӑ�J2qXv�To���\�)�}2Ɔ	��K�H�
���2�����|yCi�J�&�IK0&g'��آ�5�������*���YRr��9�S@ٱ2y<"x���Y�5.��/"K6jm�L�MEd2+�Lz���љ?2�L,p׋�PQ2"���@�����ŏ�}D&���<��5�)C����}M��uʧB�l�{L�ޣ�8
/;�w�>��&�c��<�o"�)�g͊�B�D���qC*:�� �ݴ�YpD�Cw���h"ӽ�/QS%Ms��d5�]v܊j��z��,jU�0���lQ���x��.A�����t��~3�t�S<!�M��x3�uڭ�	֓Y�4M�0��J9:WS
���[��#
�(� <�M����9����mܦ���rӲUD2����NE�E�t�LRF�t�@�)s������&c=��{F�/�fvH�*�T}�n�p�rN�;�KM`�Qmz'�C�Eu��G�l�����\���]@��H�s�jDꚐ2���D��M@V�y�4k�t�T���$(Y2TՌ(H!�Q��׫���p
$E���y���长0t>P#em�^�[#%G㉦L �DO��gm@�Y�Ĩ��H]��p��H��[pɠ7�FO����|�Z�5G*HG:��u�zrc[����&�N���S'
����H˶���Q��,O�+#�.M���鉏��P;�
���#��6�`��b=#Bu�r��S�FZ˷���N�do�@�'��#$Z�Š{�p�JyĆ�Cbw=���"��Q�
�d��Á�0��Bfu�Enj�BRX�����)�T�ޙ�j��ޟy*�/�5sۏ8�`�O�GM��VR�*H��S}��r��O��`~�:���ռ#��8�S���R�P��G�)5N�o��ϐQd��ܟp�z������y���Fή�8�{���]In~*.�R��I>�-�bi�
+�^�P�ˡN�H�QV���f�=23L���ډ^���9S%�
�Y.XT���23U_���3��s��o�	3*�)��MS4�t��yb�T���L�RO�t7�S�Se�x��&
��)��큔�qCdH��O:��N��jDc����)5�]z�5��m8e(�ҽ}�ӷWf��D3a�s��R���,����񞛾{K�V���S�S��|��)�n��J�3RP�q��X[�[i�T�b��|C
+�����	�����o��>�����������;�w�U�J��Sf�S�$G�%?����&H�
+A��,ʎ3."�(�M�`�
(&G���Ul*����Ų�L_x-��jٿBjcRg/���"J�W�D�GC��k&�QU=4n
���nB7m��F���l\P҄0*hI��51*�h�t��1*U��Jku�Z�U���_6�Ct�@9������a2�1�
1�E��"R՟��<��J�E�Z
�J�ţ؅Q�
��sV�{�0V�+$��)�� �
+�
+��s�9
+�2�(�>{0*"��k{�k�%���$��Ϝu�O�ڛ�#1�jd�2�F����겭eT���vn#k�,�Q�<�Q����H!�*�h�;�FU��D�Y&iѨ�茪�(H`'Z4��k�̍̈́�ܯ
�$����6yF��H��r����_�����m-�d��J%o�����	��G�$��a���X��?�sX? 1n�D�6�~�����h���
���kG��ы`
Ҵ�e"Y�Q���VYI��J���.��G%j���d���=�n�@��=�;��TҬh��
Td�Q]�����n��]~ޣ1����Q���2ٜ�'$��aɑ@��Lq��d��p5rӒ%�ʓ����Їj��xE덨_u���+���d{�GE���g�l�&~�
8?w�`���竿�b����{T��Ee�P
+
+��3x=���9NRb~r�
+�AU�<I>���;�6�6���A��.���Ǖ��2�zT|s�A�"�A[�
����ZϾ�Q]	l�y� ���f�b]K��:����`fg=����q��G��'W��0�vw��t)]�k�h(�j�)�=*��(��[_W�M��=�G4�O-*Q^�?=2���Q
�
+/c�G�������U����Q��^ԋ�+]��v��Q�T��$����r�4ժ���{T��yBuV#M����n�z��c��������C8~�Q��'DU��oi�B�ǣ:!�.�]4�,�GU=�h9>]ُO�GU����yT�����K;8;*ʵj�(,]wT$ї�����F�pX��Z!�LGr��\MP��vB����V
�Mf1G��.��U�pT�r��$$T�o��oGEnCCrT���� ��E��9*rF9���$O�(($�+G6�Vf{W��C��2��E�9EA�8*�^��A8*�t�GX�G� �N�
�P���}#GE���t;��p;�Q-!�땣�1]2T9*�ZXqT]���
�oT�g��6Y� ��nT�������G����}F';١��c���o�1�h�FU���`�J��$�Q�lXlnT\L�ۘp��1�N�WB�nT5W>ͶL�դ�/�Q�QaG��"
姪���O��Q�c���8*V��Wb��d���nZ
+G����b)�'���rܨ�.t�+�5;��F��5*i�ޜj�!��G��t��j�R�!%�U`��g��P�Q]M_{�b�	�6���W�2Qԏ��_�����F���1����G���sLQ�m�G�$�qTk.�wP�ImXnT���?&��C�H)v)	7�b����������*I�Z�YE�"l1*�6��-xGU/�s���6�j���ҙ+e.�4�9\�#�X��F(��u�և,�$�jX��N�F�#J@�N)�� -����_A�Cj��$=l����ՠ�~)�NA�5\O�)ڴ��K�RcS���µFe�Uc2����J���.�ަ�'t�������F�@*B�*�pͨ���	���CK��\@x��Wb�ӳ��2�hM=%s���kR@N�$���es�a���
x.	�c���}����Q�����2���1�t���=UU�e
��k����ʨHsx���dT9�E�˛,h]�������K�3�˨�u)��5��eT
+��7��?��O/�ny�-��}>�Q�S�u�˨d;5Ϩޑ|�;�{V�"b�l%�æQ�ld~�/-H��
ts�1�r��>�ݏ?�+xgT��\!|�]�6���91��T9Pl���4�E����⃑����!i�Ԩ��jK��q	ѭ}��@���H��Ψ�W�6fT
+O��,ѕ;@�d�3��n�__Ψ`0e���Qq&�)��Q����c��(���]����TT@�"��(+���@d�dT
}�.��nv�3����R@J�ƫeFE����u4ͨr�j�8��8�kcr���N�����\�J|�^<��LF��-I�K�z��О�B�CLM�bTT�`�bT�r�e���&��"��d�6�-FE%X���k�F<�s�$��+FU�="���/�}k̾�/cT� �m�i0�@O�`�Ũ�̀55F�a��L���|^��M,��1*#1,�5ɏ+�Jm��W�����I�wUco��TB�J���A�4�YK3,�s(�R�/��P����3b���`T�Qm����EU�{�� ��/*��Ƿ�+�r#T��$PAW��ް~�bL9�E�Z��E�EE���Z���d ���`T��	Љ�
��I��w�I�����c�*~��{x���R����m�0�^���#/1��V�'d��¨ޔ�"|�s�Q�c�C=0*RZĭ�`0��rܓݦv7�r4������0*���B���^9����:@U>yE�^T�JW��K��a�L�^T1hcڰ
�%񢒶�GpX%���>@#e���>������8�gב&�ӓ�vmNسU9�_�����I�����bT*hB�{��c�U�2��Ԙ�����A���re\�$���هQQ6���Z��ѳE��X#�jk�۰�U�F�J9��C=����˒�Q))ʤ�@)���,GcT�[�=F���"�+
��a
ĨL�NV C|hF��N���EL�Q�M6�X��gT6%Sa34M��6�I��4���9z���J��ϫZ;�
��4���
+�����5�=�}��Fշ��МV/�iTm>�j	�ʃ2
����
��prUy~��]�Z)ܗ$�M�ר8T�K�f7d�Fu'}i��Q�����)�/܂��+9TpT��^�U�LV��X�Y���5*=$=��@��hTs��t4*
���H>�*�kE��^H���Q	�F�g��H�5*��P��\�6Oy�1 p�r8�Q1v>�P��d��++��亍j���-d�iq�
|C���F����<@�ڨ.��NZx�����bjT�;(4^�
+�c,��5Dxg�j�)�e��ިvP�^I�bz��8**!!q*
+�#�.�읿0�}s��
+�Q�4^���-sѱ�>�~X�M:2�^��
F���Y��������N���2_XhM�g��Pj�A�u�{5Y�Ep��l�|�C���7
��X@Vr�C*�H�F�_� �~[�Ě�H��U�F�D�D?T��u+h�St݉�߷�]]����{Xã�d�S���D��ɬ@�T�˚����S'3I�e��#N�Q��� �~��P
))*��y
"UǗ�"�!�썌*�S�
+;��ni,"	oh�=1��B���k6|����^E陑*b�ն�)_�F*3$����3f?R=j�7J�	;�frM�S�<f��h��,�Tln�a�dx��Z���;R�o�`�����jG
S��F�~
+��VQ�N#�V�e�?s#՛���z��N�T�)F�~��}?�/��‘j@�g�R�J��oX��"���1�K98����!�s��"��)$�~�����N�H�T�-L��ړj��и�{%SОTt�G<�IuݥZ��0I���ʓ
+�deŎƂ�oSr�FG��T.P��5����'�*,���t��|R�#C��g&�'�/2ߢ96* �T:d#:��T���
u�'���J�~�XOw�'էA�Y�gq?���W�Y��T�zu�0WO�ua,2vݧY��G œ�!�!9u����'�5��ɾ�n�	|R�������M3��-��'��I������B{i�z�ՓJ�>�"��V Y�'��/�5��P*?��.�y���"�%L��m�T֍�ԬG=��(���N,��T�#�9^jj@�J��W��1E��ZN�*h�|�R-�s'8)Je�
+�;͐)ՅRY�t0�5w��T��0ӷz�%��4�[:�T�3n�'t�@��yUQ*���bI��(����'����Q�T2����k
+`E��j�u�^��~�jId�3yB��h%G(�@z)�ݐ���793���ɾii��TR�Nf)�v��*8j�l߃�̖�ǤT��R�k�;5��J�0Q�8�G�R��0����}�k��h����@ҵ۔R�e����t˵��6̜���������/f=�@�Tr�h�5JUj�B�i�.J�J�×�Ra?`&�E���\(�F�%J%��
H�R�(���R*Vպ�2������o��R�fo����T-�O��R*�ni�(�"H��hl����R)2���
�Q*�c$��ut�ʒR��まH�~o���96�ɣTP ��R
�
e<	�W�T�L\*�O��pK|&<�nD�%R��˓��&
p���T�&p�bHF@u���`Q�@�{[rR�鯜�I:�G>�uR�
�}$�N*�TS�d�6�BjtГ
+��_@�x�T~���[�뉎�T�r��&OU��TB�^%v�&R!.�D>p�[��2�
DqR�=��[�9�u�z�IE;N��R�B!(€⥕*��U+M��R�V�hi*�2:.߾�~�]�D
��tK�_D�4��J�$�U��:�uGy�T{�@��?��8������d�"����@V*%��2صR��<�X��b(L��>[��Ȥ���p����A�3�[��A�8�i���T��U���V*�A��Q��v�a+�<�Jե ��B�赤�^�V*�%��e�
��j�(�/�^��b���!eZ�*R�(�68X %\�8��ڜ}*����1q0N�t���"@�v�+Uo
�xu_��hNj��¦�R�r��5e�Tx�>�Ut�㕪V"�m�Ru��afz!�]_�b��3F^k���<�R����+Քp
x�+A\�2lop)�Е�[O��v=��J�Ɓx���(�̌m��Tɇ�%`wJ��+�Bv�<�ja�NkKH���R�
�'�5Hb�BΏSCR�R�i*_��K��ӵ�Z���jV���73W**�ݕ���G�Ze�4�"��DP$`!�+�\�V�T/�-��J��uT
�����M[\�$� rAG���˾�W�@(�[3X�J�C?��gmEW* ��G�^���x$kȎ���R�G�I����Ҝ�K�B��Q�_��v��@�+Uq�`�ޗ+�'���M�M/���
�����Ma���T���J�H
��;Su��0:!���Ty��b�)3Si��� T���VD"c�d�1L���W̥r��0�o��T�h���#!�`Q���QML��ۀd�,��{�^�b*�'��8��#S)v�0e�-�~t��q-ٔج
����GW����^¢p���,
��ػ�ԢN��P*�أ��Jᨀ��+�T��@�����
+ML�p8wS�?��c��%��XW(�a*�{��χѿ5�T,��50|�
+A�dR��y�%R3l(ea���w�b�gr.!�Jʚ'0e���{���FY%`*����A�'nkS��Ei0c�0�%���(v–���T��Q��)��T��mj�j�C���6�3~`a*I7�0՟.Q���9.�r��4
+�,Va*�\�S�i}^���T���P��2���?��G�A�*ѭߡV;��	i��2�����B���p2�G��
T%SɲaA#S�co�`;�@���$S{�K'��0��L՗wWM�d*�F������ֺ|��@�LU�2Yg�~��5›�]�C����d��Z��|�]r��������Lծ�Wt�|&
+�#���_(�d*�������f��C���{Rإ/���2��QZO�"xi:�1�d*+v��!�[wm�"*�d�wq���M�$)���2��|t��[s0#�-�jM 0��C[je��c�8�.S�#
+[�B�JrҞ��LeS��(d*�`\�z2#{D�{u�QE��Ï(�~��ؤ���������j��rp�B��U�TLE���@���F]vD0npS
@�|��ͪ�����N�oχ�k/r������s����\���M�����L�?�ň�g�T9�F@`ݐ��n�׶^�a��s��T�
uUo�E�%1��Tk5����J����L�t�3f �Le�9?�d*�XMc�M�,ƺ�28�J	f�=�G�[�W�����ę����J�K�+SEs
���T��66S=�J*厡�G�*�2�*����̄.���L�	B�
�7K��*�OQ��L�:�be���T*
��t�|u�j�V�����L�/���G�������Xb����������TN�8��2S��]ǧ�j(�pK�3 ��왩������E'4S����e*�vO]�w���Of�
+k򼷤��TQֺ"Lq������A
���$F��%s]��
$X��1��,�ޕqr�bOd���d<H	&SISuG��Le��p���e���8|$_��!��q[8���M+E^s�/*Su{q�1�l���r�vvo��T�U���@)S=�(\x��T��h�:D
������*�2U�ڠĖ�����M?�S5X6��~S�>��Y30�Th@��6*�u�!@F�6d*#���X�tJ�a*�~�W�T��ֱ8�� +�NMd�j���御�T.�^�����E&H��B��sH���LE�T����\D��T����m�-e���"U>��C���`#�ώ]��@�Q���.�=�15c�s����]���}\k����,���TU��sQ4�T��R�.Ul��ޜ�����T��|���Φ*�~p� ��{j
�ٚ��R���[S]��)>.�ɐ��T�R��@n��V�DzME����<�,ҩ�-��x�<7��B:��U�,�
+�,�c���1ǰ��ѩ�<�W��:Nt��?��p}�`~:U�(���z�r}��a?�0�	��sA�Z�NZ\~�jM9`C?9����<7HN��®,.4���TJ�'<�=�
g+�T	A.��
���ϑ��@�M6~�:U[[`���u*�(���Z�n��*�&� 锒ˠNud`9�?U�m�R�S1OW��>U
���g���qܧ��Vyէ
+�>�����x���`�8�N��>���%�S�K�u��^�ʊ3FZͧ"��ȏ�§�+��:�J7� u
+J�JE.04<�!�L�I���� H�=����%/ɚ��[.'}*�!m�;ʧ������\�O%��x���R��"�Ky=�9�����̕3j��T���j}>	��ʎ~��g
WPy��<�����w��;~���V��FT�}I�	�?��L�<����S�w�d�Vé
+�JF��>=��5d0Q_,��ǣ!�)��>Km��xm��6���2}*
+�A)�ԧ2�FxUm�U���w_�-P�\��j�,`H��@ύm�pE�
T�����TQ�2�d��)�U�7Բ���AU� ���|P��J"h��[�I�	($��Ӑ�ВH�֫�?mOI:/��y��Q]O�z��Q�TqP��`[``�&U��r��q�Ôw��*��h Gy#1[x�~�s�X���n��4f���x@���)B=zz��j��-t�$�#�M�	U��Y}V�ɠ��q�.;�TQ�S5�hUX-[��
+}Pev��Rj����*�I�9���*οdxq����zlf*5�.���c�Dt�2����-�?5Ʋ*���^L�:_���=1���&1�P�L��_v�ˁ�	Ar��HPE᭔ԴUw��ڠrT�K���m��AU�
��EqPE���ٚ�[$I�ǛA��׭2R�4�O���_"@�}S���w"T��>����j�!̜J�GH��R�k9��:��A�D�h��:z��f�	��G5k \h��*P�Uo�	Q�2Gi|:
+�qK&��b,Z�<Ь�M�w_)�j���@2�UyuU�� �BT1�MKP��*�Oի".@TQ7-�;�G"���Ο�sD�!�T�
+=i�*"r:�b��6��8�,�������Ρ�*XRt2Hw�ң��e�ߝ:�*�2U����]�e�f~�!���P5��J63
�}���D�Z�C��#(
+��_�����l�AT��)��c�Xq�䢚�
+��J�^ɷ��V�ATM
V�
+I��
+��$08.���cr�O�c�{}̥LT=��w�#�<0;1%�(�K8cQU1�����C>b������(�k��#�yQ�E��6|���js����;V퉪�o(�bC[�s�Y�GT��.��|Q���5�j�S���=E
�p���s��JZ�Q5j�Y%���VE�
`r��˷�r�sOU瀇*
��~���h0�] ����c$U"�UvFC�3��#�Y���ؼ���H���Y'�����	�'AT��ܢ@���:��
nO�Uʞ�����X��{�[>�����@'*f�=���D^uM���*%�p�;TE����A���OnHK9U;$ל�E��zMX}���l	���FQ��D����%Z��> Uy�:@����Q(lk�4"^��vMj��-c�4ȥ�]l���tDUi�Ӿ���:�����D[X�ʛN��q	��Q���v,|U,�e�������D����=NT�-.AG�OT�N-=?AM7�,IU����Fˊ'MvA	��0��&�q�.���d�,�zB�1�T��ʣ�Ί�T%y���X��*�����ZRU��i�P��*3HdzG���Wc��������ABX����%�E�rK���j^,�"����$���	�L�����lz
+�0��h�w
+�<(ε쏔@9 �K U]>��GI^�&�ONR�]�Qu/�C[�yi��r/��{U/@TiQ`���*�P��f̣ʺ>y�Su��8;��֊�S����xT�
+.��T'�mqKZU��i`�GU8��ϣJ'U.A���"48n!U�>=��>�#�
+�^xF�ȯA���چOg�#���"������A��n� ��#�vJ�o��n U���>g�|0t��@��U�;x�G
\d�U0,����8��4��Fb����z9�q:�DQ�u��*�t㈘$��Z8��w�f9�Fk����C\�hR�'7~�@����F)e�dV����|:�z�
+��\�N6pT�ҐF�
�+rYU��x�Dž��ʹb�бݒ{6����j��*���Z�H���[�eU�g�c���oJy��4t;F�+¨�H�i��7O��<��%��@*��”��w�dTa���*C�'�(N
+��
+�qP�p���xT
��fN�t����" *,�IJ�˳/QU�Th�D̺�_Q���i�w�n�#p�-fFU�GЍ�d;K$-�QEW�	eT�WfY���r�rw��,�����ubQu�Ӧ�H�a�*>	�<M3�F��#Z����	^Hhc���W'ڠ+�R��f��|�Iנ�R�	�	R�4xkT���M!tڨ��f'��U'�—q0�)ب���H=�
+S��O�i4�~��]���r�@�U)�%-�:�}y�~㇓e\/�4m�F���*at5��*��b�2�a>��4�jN�'A��*�Yf)J�d1�{U��3����݃�)��laI�����Yd���̬z�S�y'\)z�Q��i�4��3�&��N��UtCQ$D����*h�����'%:)�{Զי�@3�qTEE��WMDtT�A��T;�#��Q��?J#M?k����'G�$z�$^ڠ4a��;��`�R4��Q%5
=��QE!�R U�N�R5��R��$e�J�X*~yT1	K���%���|,0�V2,ظ�[-5� �HA"kTu�#�U�
+���s>&@U�
���rI�QE����pfԨ���I#�*��М�#�U�@nW�n̍*�'�;<�U����ο"�FUyH����q4��ӷ���8��*�ه�����lJ^�*s�����¿��m��+j���S�U���c�	�<9�"�Laˊ=��V�rVW�G�eoۨ"���4ҨB��ݒ��t#ب�p<
+d��
�*ݲ�g�
+�]3�w-U�C���7>����6�RM�u͹T�C�U�+�*,�p~0�
�v��w
6�$�O��WN�d�#��X:�S�n���C���:��A�T�šJ>�B���:p�B���=��|��R��~]��=����*=}c-�Z�'T�[Se��U=ء�3|U��$a����$&��
4#gM���R	[M?�P�P%e,($�j
+�+�@�����S���g�*���&!�B��B*�l��0K	U�E#��[�Ω
�!'��U2AB �9-nzI>�jK���U�?��w�-69�L��.����X����Y��P5�o��م�A��P�P{�
+�E���
H!���~�!�AӔ'���0�J
+f䭉p%T�����!��PBu�@j^
d���~� ;��C�\6�:��ɶ]d���>�(�1荵X�G@ߵ���tx�4F]j�����t�9���=ܺ�WB��?#0p��;$�{��J��vh��q�Au���[�ʢ�E*�*N/��k�?"�e�L�Vg��P��Y�:$\FsO!'m�w@��Ib |�K &E:�z*�T���/Dh���
�W��J�?���!
+�*�J�_>.�ewX��J�^���'�b)p&
+t6��E���o������Re�p�����R�p]���L�y�oq*�ĉυ���\��=����s��c���*�9xH
U%v',�H\�s�%F��2�l�b�����J,��`�_�ݏߟ���ᥪ�
�
+����UvQ��2�,����2���!a?��$~�)���5�]����J�2���ZG��j,;�Ґ�h�᾿P����$�-I�8�ȼ�EI��xt���Ɩ��k���\���}]���<�YAGJ����
,��"�
�����4�g�-�<j-�">��h�+z	��qn�Y�b{�ͅ�H���HPJ'�Y���o(���Lg;�"��|�,|x�믛�����@�����z��ϳ"��1׀	-z=i*{�/�R~��(,|��0)��!��9��RC�l���4^�w�4���j��Õ�e�P�`x���l�� ����B2$� �.�vM������n�
�~Y~��`C*	����е��گ�[�6���j� U
Z�+qYw����,���U{hR�?@'&�~�#N��F�
\�܏��;�
b��ʫ36Ӻ'XDO���ބL[�(o(�Q*h�|h�+?���-Z�C�U���#���$�Q@�灻�Q�$�. o��	����c�l�7�W��j�ZA-�qq48��mtȱ�X��u�Y�+%�:Rv�^�ǂ_X���]�CX��г�/Z�?<?m�����'����0|^Ar
�W�$,f��G�#
�v�F,P��1
��xT�΍��O7PE�C�d�l
��`�M���f���7��s�&U��lmֺ�n�[CyP��Mt�!��	C���(bT��S3;`��e��D�	�p�3�ʘO�y�3ë�"Yg�ր�rɽ�`,dS�%3}Gxb�iї!��%u^[x��!ž[�1��G6E�\aT8����)|�����tZ8�O��E��5�������A�X���[BW��J�i	%5�	��X���j�Iy�m�aR�i$e���W%��>�u/:���J�c�@
+X�P\ܺ���Ő|�F��?&3FB��C?�"�����
+� �.�f����׬��3ad:���2�C�o����Ć��\���ƅ1d���L�`[�_�jC(�1$b���#\�vC(��
��q���NV�_�yBP��ܚ޽k������1܈5�+	�"A��JL=��Sӈ�F�W�{�#�]���>���+�IԶ�ý�V�+�լ���Sa(���7Zj�w�M���J�l�}�r(Æ��%Œ��_%S218o>_�J�&8������S��)�`���a��g��%�fX]H���6�8p<G�O�*� ����v#��rc7B ���1�cЯ_��`d�<VDf9p�%�k��w��7�WQ�Mܿ�l�b7��q%ӷ���P�Wаf���i�XU$�w��m�4$��姱u�x�dQv��K�e~��!��C�NF|-���/�Q@�|�y�� R��A��2Rl�5��m+�EE�XP�J	Ղ�8�/�=�l���n���@�{�����^̓`���V�ӕ��ū�4
�`�IOV�RFS����y�bh��PA�1;��1��Q|"��xSMQG}^ſ3��4���s�X��G]]��.x4z����	��~��$�
+ʐD #�A�J�l�jH´:~��x�#����X&V�?�����M�Cgj�Ej�/�0����D^L30h�C����T��ׇ���P��	K��;�V���h�\���t�����I�o��r9&�����P~^�5p�a�T�TL8��xU�5_Z@�j�>}$8@�ر�Z��)�y��VhVJVϒV��1,p^��{�,�X��k��x��4i3���K�����M�$�!��$�hX*#͠p੷��d�;b��U
��–1�ϣW�^�!��E|o�7.+�%j}Q��f
� -�$B��̚�8�WP��_*��.��
+L:��W��Kپ�20m=�B+���D��S$���4��z8DŽ�����0����PiӬ��.��2q��a��DJ�����V.�u7���+��rd/���0���Px_���֋��� �C~�1�ݵdV�#���M7�x��I�;�j?{:���p ��(�����zS��V�m����S-b���������)/��?L"�Z��g��lpc��,r�WN�Uc��*P�= �8�ny|�V=���U�������;���.���|�`�o���I��7oI6����u��`G�$���S��bW��(.6Jk��MC�%�q��9�����yMǜx�����(�i)/����,����n`kp� ^�����J�b�Rǥ#yL�c��2N��?��^+���c��_"���R��/�2��&+k!m��3q@A�FR���U�#}d��k��k��!�P͆W��m� �!��ś]�H�Y9Y�>O�q`Id*
���9�`�m`�'�Y�-Oo?�o3�0�Xs;xА�YX�����W{�q��D�D�
��Ӻ[��6��/\ŮA�
�.��`�qS�cu�̈́�Q���(��z|�(v���?\�6����<�\�����豖��U'|'ח��B� g�eW�tp�H�~�L��%�E@�?��8O��4�J�����Z9Ћ�@F��Q�⧍z�7�C1���H
+��,�t�������Χ
�2��G������9c��!�1yU#J��#z��MxJ�����_��~{�A�T�*���M;���
+(BUH�N=rP7ĠO�?A��PX��]v��&�
�.�vgEɦ��������u�%��O��c�����’r|�oE$$��p�<��m��q��/�p����Y(�F��1Q�x�9���[g<�15���@1�HZ��4�S3M,i�w�OM��
+�
�ú�rz���n(��]����	ǵ`�l�\i�wa*UA�e�
+�v��d?^i䥰3�!8��zS��R.�j��J����(���C#bn �&o�]<����0����jq
+m����Re.l�9�����f��X)�֌�.=�q|�}:G�R�� �J��d���ܢa�j�R����V�~��D;��r+��Oq1��D�J��*ߛ��Ö�T:V#	s
+�~�$us�2�u��:���"���]q�ǎ7U�,!\xO06�'D���<��:"Gy�ՀMh9�XNX�J��YXK��! �#�v
+^"��/㏹
�$L1��&�)]�i���\.��j�r��Z�Ώ6o����׽0g7 �S�U�Ou�V{��Ì��g��F�����79e��O(�����K�*�2�t%7�B���,�DPo�D��+��T�7!�Ok@*l�kp�x�����*[�-Q�c(x����tՁ,/$����ǐ�ÕY1�"l��L��s�*ib]i|�����vA4*:�߬�� ��)�b�?X8�2E�|��]��
¸Uޝ��zt"?����m��,X�����F�z&
+�T̰�!"v��U����E{���q�ʦ�|�_�-]ƙ(B�y�X�JX��_�\v�p�'w�)���o�w*�+��Cuij���"
���V��5���ɀ'hG�|m�5��������F쯡�g����ּO�|Q�C�lL�=u�3ҫ7�+�)�ݻA�6#�Η���2S�?��{j�|�*��8�<x��X��|��`�A����g-Øn���B��������(�Μ]w��۹�.��5�עƬ���{KRt*JN���o#���8|��?*if�Y�I.�_I'�v
�y6
+��j�a)}kA��zz�U� Y�*^汹�$�_��]ԃ��C��NJ\��w����az&IH��ܠ��h�D7mb;0E=y��b�F:��h)U�2������?'��|�+x�o�����p�˕sE�Y�����a���h��E\����7Uq�;HBy�)E#1.Y�&:å�d�dxTv�-����C����].[I��G�[���J_O�����V*���i^iأ%1'8e.K�68�	b*ѫs2�b#�Ex>��,0��Y��4�.�poh�z�v��M�</�ߌf�x�0�1F懓2�EB���)0ۮg&�{�x�3Ǔkn�5Z��fe��Ռ54O��d���������?���-���b4��ܐ��Ӣ>6Sћ1!�g��{Q�u�2�;2���z|�zZ�\�%9�@Ү��
��m
p
u
�;�b���yX0
YȺ�d�~�$Y���'߿��4�kX��s{�e&q�-p�GC)'*�u��}��m�������C��̮���l��rB�Zʞ4�S'*t��9�1:K�D"���C�U"~����D^07���[BLVL�0��@��,Z����F�h�o޶��E��P��ق�b�~��14.�d�$]��^d�Y&+y+UyW�•]]L��l���m�&��N��x�|mlHc
.^�|�1���W�/J1JpB� �b�"mS�Ł1!���|H(|��1!��K%K5�8����v����3�����DzE�$�,�|�}���'�?{0&�vQ�b]�ȅ�q^"rE�*����#���l�#D�RI4��?�BdC�����Ǣ�>S����\�n�zt�P*HHcNY���S�L����7� ��s7��"���O�"\�H�GJE�?�[A��B{�|�7������˻�:��A���\����ۉ5�=�X�g!�|�|����œn#<�ъ,h�H+�z��/�?�J��wTO
+�	�Li����;�||��B�H"�01""����l���x����\G.��� '��a�b&���v��
+��g
b�V�x�T�xGf�K^�^h�U�$d�݈f��8��#��>&��	�C��TlG��E=�HdYdq�laB�����͌z;�y'?�Ã�Q,�E樆23#2�Od!��cU�̂H���Ne������K�u�Bj�v�j��;]fL&�M����a��޾��~M�.m��kG�^mxF!��:���
�4�expF�<L�]����Vf��S]�V^.oMg�R�C{W�4��O:)��t�']'��n�nߚ��K�!E�aֆ�׺`QKU��	G�:*�3ʵ���7:\x��<J��CT��x__���)�+T���)T��l<5��PVB�M�%L
+Q֏ą��B�#$�
+	g���	�sJ�â�E8y?D(p����L�B�Q���F�/��}��A!ܬ'�0W���J`���b���!Q�L�z�H8(F��٦a����5�pF0V7��P
�ۍ6v�8uD��H�/bjh��=�FZ��jkP
�h��"��K��u�?*����2<�BS���s��y�Aߙ�C�bNy,��	�h���0�0?�<��T�+zXr=�c��!�"�܉<�
"�l	�
Q,L�xR����Pȧ��5^p������'m8�F8t^.��P!�	�?�a]�|� eB7wxB,�zT�О�u��f�	���C��n,�C5w¢%d]^ٱ�#��/�����zSA�	������j���_���ɓ'o�;찷��<�j*a���D��Mf1���/���S	R3��74�rx���������/�owF�H]w��G��̅T$D��Ls��jG�w�g�(eޱ�
+���/Ԟ-�0���S���'z���̼o%*����A�d{{�Qs���``0|��]&h
+
+B^�#Y	 B�Iʵ
�5���Mؒ�o�{��p�*�.Tև^��Q�D�B��'aPߛx`y�����8�ޥH���5j��L�������/j��Vn4j������Mv�p=�	.�z�N����b7̳ޞ��+���5jB>�@rO�������ި	��7>R���o~T��f�������E�`�V]s�.�/�ߤ]Q����,��9C�1>��@�[H�Dp
+�f�BP$�����.�<�|�rx��O(��G���>k�'dl���vc	Q>�Q.�wo_,?�:j��;y��+�#a���0���kTب	߹o���C.\\n�-�5F��[��`I΋�~GԄ�jJ�D�a���ŒR)�Ǿ"�&�ː!Ӳ����	:$�4p�Ȯj�����E�9�M���\��YK)p�s^lr+�g���P"c����Q�"jB�L���|�i�?����Ƭ�0+j�)=R��&Y�пi����Ep�DM�t�����@�-����5��K���̇��k?)�ZOÝ�kH��/N�X����Φ��7j��-*�G4�5A�eԄ�jQ:̠I��pNgp�k�[��� ��RB�j��=�Ͽ�{P�>�*���\�4A4�?�+�g��;�Bj��?;�=������o!���_ӄ>gK���S=_������m�|z���d��e���z�K��xG�hB�A�S�"�Uf
�3�*1�,2	�T\�P�ʿ��� 6P�:�|�����,.��Q+m"��k]��s�=�;s�P�G�71�l!�*E�=
��;�F���pa�x2N	o�QZ�m�p�"���_��v� �ПHe��\<2����(��f
V����Ns》'�\`kIx�E(�C�,b<���zB�ٯ
>�B�~�=�
+J��N\�@�3����~���A��9��n)P!�����,��j/h��K��c(7���.��������s	d2�h�����/e�@�r�Ӏ�c�)��

^g��r�}.��/A-��j�蹄�m�U�Pt4�@e0��p�1~�����*�־t����e�ߗۄ�5��a��eI |K���V�\�C\���8��6�0-�_�{����(��t���5����.|�w\\��%���ꋕ�C�p�bШ9(4�q@"깄� &��]h��0L�c��[�\��Q�M�o7��.��pT.ߍXx.A���*$��i�:%@��.�à��K8qԞ7��\H
��9��4��Vz��C���^���u&p�k����a�>��%��a�ۍ�qf��[!C+��J�y.�?0�gm��fJ����'�XU��\�KZ�k��.-�K�KܭXu-p�ܳ�ʭy����O�bH�����T�*s�N(�1�4��6�p�X�ޮaS�W�������u�P�fx\�	�e�6���`��>pE�
&���q@�E$<��9��Kp�q�U��|S����\B�$�p!�G6���"��K�g/~�,�B`�d�c	T�\Pa��(���,�.�,�<<�0s�KXޖz�C�/�B;{p��47�>�Ŗ"\�ό@X-Qa�Z�&?MpaU
�n�f(�p�p��ci�^悛�	W4�ߔ�k��k����ȐMN��7]���p��8\�w\ ~�r�a3�ޢ��%qs���/����?�i����?mS��j�h	� 
+�=�y�c��%��\;NkU� �#�(oRWz�’G��u�#&�]��J���ͧ�ӂzw4����DKfQ=S�$>��T�\L�!G�<m�L����	L��1��hԅ+~I�I�v��g��k�i�"Q���W]��DK�4��.\�:���6p�T��e�
\�����C{9{�p�B�kQ�����, �J�%D���4Ō.��3���5t��W�U���{e,	<�x����P%u�EPL�ż9��v���q�YY����kX`�j���g������2W^�n@{/��P�G����x/�.�(|NPZ,t��I��+
���]<w�Q�[+ew첸������Q��Np�C��
���vd_�n|-����9�)�;���C;Pm�%AR��FK��ޓ/�sԹ"�m��&p1�~�����3ZB�����pb�5�rp����9O���p�
.4\O��ņ�o�W�U
+}�j��+|k�5N�������G겴��^��\�>�Ij�0�㔞�m��r��_�k�L����K�Dڈ,R��጖�3�;c�8-�	,��F2���GK`���J�b-
�-M-�J#��ﲮ��
a
�:s�S~���y�?���na�&�1��l~%�$_ �Ƒ�h7E;�xY�d��O"p��8m�8ڗD�W�8y{�����!�)4�x]	n�Ue'��m��#l%�E����p��Q�)5	���g��o����p�1�ͼ��F�,�X���Y�~+R/�+�ʭ��d%P��+Qf�v�U@���b���T��R��q�u�oqbpR��
+)M�ir%}�[�_���;	
+'�J������n�Zg8��J�n��;g2N�*�_UU͚[��8�O��k�-���d�wE�Y����S���1�Jx���p�&'��ua�RZb6�.t+�P���+sSB����".���f��-��sJh�@(b����^��.�Oc��;,�zZ���
�s@����릆„*F�W�KjWH)�Qz��#~U:lW\���;���"�"�x]	ƅXl���6i&�i7j�)�
p���ȳ��U�攠V�	a��9%��/��ۉ���)�W�����q�ȳO6ۍ�p���F�>
����'�B;��N�/;��
.N�9�?�����1�[�e���C�ZNޡ���if�\!�����|���n���hf��5�;,�-��7�R�@���(�>Vv
&�-�+��؛�cg�0�҂��-�®
+���/�̿E��`�<��@�r���b~����\��K��J�CJ4�-V��S��늝'+�����jm�
q�rC���A�>�]����.OV�oQ�u�	:���M�M�dkv� V������B��Q����_w-��K$����N��"Zÿ8$Do��{�IƓ�Xީ�<;�O|���#�,�.Z����k�m�`��[$��z���_A�p�[�E�H
0�>�ti�%p
��Tr*����~2���
+�B��xT�T�ٞ�պ�8ɀ���E��n�m�lOƫڳ��M���1=9�/q�t�{�7\�b� �
+�E-+��J/(��/D��"�/�p�r|#V�
eAx����ջ_��\������� eu�\��` `���������(�w/�✀ʊ�,�W^.2��hs���?g��,3B��J@k���P�y�P+��
}���c
+��3d�yN���wk�����[
\<ᕏ%�g�
��ݧ���Ks�5V�t
\\�[
�����E��cx�m�@H����f�������Z��7�7����+.u��U���뷈���R^�у�Җ�@���+��@��UKWҽoze�%���N�`E��3F`D+x�l�BH�o���c��o���) O�-^����O�.m���*�E5�P�3�$K�;	��[���~�y���-��\, �&l � Ha�[,���}�����4�8��ށb���[lch(���6-�-\Rm�_y�U��Y��U	a���,,$���E��`_
��[��AP�j�����DgPCp��UD��ϋ��������ַ�>�g^�9��
#����!���E��Y���-z9������-̊�cC
+?�uq� ��
+��K��d�C
卶Eb��Kft���[���G������ �k�|
+��ĉ��ͷ�0��_ؘ��[L���KI�
+A]��F�3
P3&�´�L�-���A��Wsdr��6���XF�žb������o���E<��FwZ'�
�o��I�U\���E�oTYhT���aں�xl�*}t�(`�u��[�t��ڨB�����  �������p�-�˗���}�.(n�FFC��D��G�	���Ԇ�盐�g
+�K�3M��
�;�o18�1�������l�'̐A�"����窔�\��KY�[Ԉ�.Ϥ�q �����'�2:Q������Q�4K��K�)}�}"���R�-R��������-Z�������˾r���@ebA��&�OB���ٷ0C�g�g�S��r��&U"��7�Ν|V���`�(BE��_}��ˋ��
t����r��g�[�۔�Ci*��~W)�8t�h��n �[;���,YE��-H�3�J�����P��C��T�f�oa�|���^�
�	F[W�IEF��v��巘���f��~����
�ԝ(�-< ��[D�I����h
���o�7�P��x�F�p;�K~X��������Y4�q���$��F�M���lڿ�5��z]7��"�t�a�P�߂�
*���[$CeA�:Yn�;�&��
+5�
+�o2�-{�4(cнT�$�øo*e����H
+�Tg�QP�Ƈ
����ROL´*�n���b!�q�@��[<K�+$���x�T�$���F�oQ֘�� �;\����m�[|o@p�jr�0Wf�$��PRr���,�}I��`b��pNӼ>|�y૳}NG�v�/��OsP��Pl����狐*}-��מ��ess�
�ҙ����{}��CL�	�S�O1�������
�_�F��8�}@��5
+Y����\v�Ӊ���[|>5i�s��y�8w�t�	��Re�N|��s��W&��(|��
��ڦN��B��U�wq
��F�����
�� �A��b{[�2�=���̟�SYߦ~����4��X�syk�<����@�vx��5w
W���,�ky�
��K�[�w׿��g����o1�����	hy�W$�hF�[p[ƴ��n�(l��FT�Mp��4�D��m��o�:CAdy7��d.�X�,�o��aEp
�ߢ�x�uMfy�j;���+�`�s���ዱ��%_Y\<�W𿅃!��9��2��,�h�&D���{�6{�ܱ�Ē+�Y�G��Ā���$��=(���A��Uy���[Lhg�u�oA��IC�Y�c,����@� ���Ok~���/F3qo�6�g�҃i�'T��?����
��AE�����8�uBS.�Y��l0����C��u�,o����x�@�U,���v�"��^,6*/Ν;��)�c������w������������-�8
WC+�f	Mf4���<�����;
#j��#�J��m�
����]���k}��Yp.
�;P?jV�:?���&,�s���pbR�ᝫE���Bշ
+�NO �oA�t����%��Xy�~ޞ�߂(r�`��}��o��i��9��
N�6�f%�:�9h-�����S�&l`+cZ{En����LU�n3C����-�
��1��oa}��[�1���~�[��yn����h0�ۂ	荦mq�,������ g�}��F�!kQ�k!EO5�񛮅F](#)��6O�h�B����H-��iA۴8kiqEҢ���'�#)�N�l��]���	�{�	�+j��sv��,x�Y�YT�Y4a�.h,�Qt��Da�K���Es#�<(�&dY��ǂ\���8C4�/{LX̊E��iZ�-�f
+�0�U�m��UX`�̈�b��-X�X�	X$�xGaJ~ų�"}��(,�W(M��W$I��
+�S
+%ɊW�S���9}Ė��0�[!�\]1]��+J�`%�J&���%
+�m|�
k�ފ/q+�h+��7��V�c�"�j�s��
+{C+�VX��B�Y��P1���\a�dE�r�(�=D�R�BB�-+�q�����
�KY-�����|���,�*$���o�/�9�����+���*d�U�o�Va�+̑V�]Rv�Y�
+��X�������Sq���x�FNʤ��ē��A�g��
�XMz�`�e��u���L��.GT*�֗T�&�B�Q1W�Fω
+����BńT�*���)J[�9�h�S(��x�N"�7�ͱ��㺉����ʥ�7�m�1�iN��9�	Sv�0�(�a��)�[k5;��اF�_�����<)|�i���+��@wPaщ��E������’�-��=�*�=���!6�wl
��&��$l%�?��aQ�
�����c��=
1�b�<��#V@%�\b`j�ܛX�@(�TR��Ijbx��@/j���Xr���b��91�qd�`k�t��h�`����zc<yc��7�m������tL��-�y�Xkq�n̕��2��2^����ۉ�%�#�����?K�� ��%c�f�)�Msp�5��<��ef�|,+�LMaw*�1�Me��2Ԥ2�j���wj+������%�&Y@��R$V��1�͈���T���
���/+
+S4�����D�37S\�ae�̌`
+w�����y�SP}fk�4��Q3�Z3c�y�6]7#�o�"Lq�F��8��ٽI�κ�:����3Ŋg*p�}{=S
+|
+L�����-LA݂q0?�`
+�P}v�)��KuS�ƞ!a
+�y6����*�3}T~
�0����zg�Sɓ�A0޻x�0�hgm�����Q<�l:xyA%�L��y6��*�Y)��g��.LA�>kq��
��}���>�<�h����K�g�	q�a���@�>@�눱K
Y��[���ʝ�N@mW�b)`�3<+E�bs�B�O��&E�?#�p#)4R�)�*)��3�?��kWy=
+N�=;�S��(H��(�h32�	�8��n�E��3r[W�wO�(6��jIQ|�(�}FK���D
~�(�VX��C��d��^��
Ť1�Y�P8�
+�}�f���K��
�c�Ӵ�E�����]����?˄@1����Y:@��/@��u#֟�4f?q?~�}�8�DcZ�O	4��_�Ύ������!>�@ۗ�@�]���͝pz��\�8���x¯��ҁ��4�܉?���	�a'�
M��S�}h��Ĭ�f9��/:����9QV91�Ϛ�J�ϔq"��'�����D�������M�X7Q!�2qr�	��&�&��Hi��H��&��D
+���܉�넦��&T
���L��QOZ��	�&��"MH��L"Df5��τƇ&�3���V���P�	�Cc�L��L䒉��������˜P�b�������Ma�
�Y0�� �́痰�?"ohk.4^	��ma���x'A��z�/���d�A�����՗@c�%Vn�@���/ѯ��X����n�9{/QT���V��Z���x���h<9�V�p%�pnn]"o.a��\D���>�Vs��o.1����[��l��j	T�@���EZ��?�U?���(h��2>���`�i:�n���@�+�ӕ����k%����`f��e��U��Y%
+�Fkh2V�)>�	�����A`ٛ��n���@�XnV�V�!@KS
W�$��aW�-U�.���X�5H�K�\�T�h�R�iJ%�4S5��\�V���łv?��+ږJ� �TB[�Y�ĀF��Y��g@r*a�+��g����Q���S�|

�m��Ƨnf�X��!��Ubu��JL0���
4�J�?��1*q�6�"�@snA�=%Z?h��G��WJ�&s_�F��bvhaF�@"Z�(
�h�Ļ���I��/�T��vԓ���6;��G��I��AZ�AS�EF�4�,i����fx���N�M\E�f��`���)	r��!/Gc�"�f�CI"�i�"	�7�	���#����]8%}�<#A�9P;�g�t��X�AS����_"a:j���IM�`/��Ʃ���A��T��T�$����=$����
�m���#�5���G��	���T� �G|��7<�VV˺#,�Z;B�jꈘ���,�F=G��t�r�fm2����?8�\��ִ�7B뭙���k�l�F{�8*�n�XY�ٵ�i5���F�ڨ3⩏/3�}]�*#LǠn��(�u'5����
Al�`�m��0!���~�;�,����P�]
�d��"�1[���E�s����+����"�gE�l�*�	�O�
�l��|�߱����x�X'�l3��#��a�l��Y/��>��$�
�8<��K��vQI��\��F"�i�"`R�!��^����!��~m�?E�]��h���j�:y3�������C4�m��Cп�
+�G�}@?>wHh�>n�c��m�V5�_��"@G7AF7�?��mb�z���U��(Bw{K�ͪፉo�c���!b��feo$n��ݛ:�:T�o����sC��]�$T�n��o��7�÷Hcn�P��	�v��&����m��)�*H��nS۷��
�ߨ����-���5A��f�H���\�����`]��W�'�"�p����@
7D��
+}a$
���WbLC;C�|8�2D�b�ԇs�.�����pg!fΐ2����YB���P��N�aL���8%�[�-��g_���BP��"T� `� <ă���CG�A�K�>\��s�k���Õ�!.��O1�D1�b?���z�+�:�p�Z\�� �q,�qĵ����M
F�5Q�J�Þ8sȡ� ;ŕ�9z�:�)�:^z� h��ѫ � ��
w�8���뉫���Q��W�<q��� h'�6�sLJ\��m0D0�E�c_� �AV�X�Ap�z�� 4*q%����)#%��@Ȥ�1��HnHF�"[��U�
#NTK�߂��G)q
��ʈM!��Gۦ8�Z�sH4����`~�B�i������8���A�r��1���Kr�\r0�ɍrA��N ����ܿZ��.�?�ܰ��m�;٢��F!KߒDy7���zAܖr�j�����q)�{��cR������/>p�"ʡ�a��\�@[�6��s�>#+1�:W�`�=�i9U�=<�{A(&�����^%����Ο�"-1��qN� ��STD�߁0(б��>`�&�N�� ,t>
+O��.нz�$_
tib1���c&N.m+m�9|�b�\)���j�0��=	�S
G�����Q'�u��a\ f�`��TBH�9Ɏ
+�5G������熗�
+=; ��Ɓ�����@l����!La�=t<��=
+�
+P�3��~:��~�9`ι�:��@X��-�y���2�ύn~�E��
ݕ
�:Y
+��m  p��ğ�*fat��1G��� ]U�
t����2�N�,aCx�tT�ze:�������n8�P��Y�Q��~�H���ᦩˣ�Q]��AXuz��ku������%X
?8Ǡz�@ԭ	?���{�P�C�W��}�a}0J!k�K��
��5��,�#NY�Jć5�:E� n‡�#j�>�
C���u������w���ۃ��Cց�þ_���ƥ��������X����Q=�I�	?���+�d&��|σG�ð�E�y�IJ��
���pX6<yP�<tz<@��aɯn3ީQ���P��Ӎ����u��e<pH>��P`��׌O���w��;�a��N���cf��nǿ���P�u;@%��8��"���08���J�Pv�z��w��-�P��k��2�I۩���+�)u�$粮:�Ì��u��
Hp^:�&���&�P�&S�s�֡�x`;��w���s 0H���iD�9��9�+a��)V�۠����@[������2��%���g.;�!��!3�ɁŰn9��}ˉ�a�7��άtq7�T*�XW]�q����á��y�p��p��&<8<��/]I�a��)��_ �"��W\o�����
���Ԧ=�ػ
U������u]� ݠ�37\
��@���۠�n��mCN�a��Wי����Imȝu"i��6�k��p�[�Q+t�]��xݘ���\���u�����v
J=v�����``v��w��Vk�B;Of
l$w�5��v����+���v!U�d�N�j��԰�n�8H��&,KÝ��Aƒ�,��P�vU�A�Ά�	�],�!�l�hp�w�I����e�г�I���!
ى%��@W��;#�����
��0�u
H
+<B���4x�蟡r�"�m��=�5�m<�Y»�\��<:� ��"gx��~3��h�a�k�����������~�<��
Q�c4��(Kx����3/S{Lg��'��<vo�^��c�J�U2��̀ǝKY�1�Luf���EcZ�/��1.Dr+���O
+f���e��? !�b:�3��Ǜ�!U���]�Kn�+�����<��{by�3&q���2�71�8q
-l�0�]Y�1�
vBpa�	wƼ�=�^�Rze|�G����4(/���g�2d�z�2��z�a=P��ry�\� ��`ԓ�2�ž1?�u�f�=:
��I���z\�=�.C�B��pt��=e�!k�����˰l��|��-���BC%�=M�!^�7|��<|JU�\��mmQ|\�QI�ǧ�"�r�|�-W>�`>.�|W]��r�i��8ξ�Ap�
�|�.���>o�!�3���
@'�p�|uN�φÌ?/|�Edh
���025k�Ћ��-C����9V�Ҿ��f��(��N��M�![ɐ������ʴkd0�kK�eQ}]����
�-�c���>��1P�	|
+wCnbcX~Ơh�aԋa��U�(0�>���Ҿ	dL��S�/����?��ah*���ì���� �R�����>a�־6�BL�a����'0�`����������/4p�Q_���&�^D�B`�|�c�.Ux�P����R���X=�������y��]��م���ׅ2��.�ELv�>t
A��f��}�o�"8��t�y\�[���� Lv�o�-�\��B�na��'�Vo_p[��>u���7W��y�0؂����o�j������VN�H�X6u�<�G-��x�Y8�Y�-�P�dF�,4/���,�0(��D�%�C�Xp+�J�kX�L�����~���|�}��xE\�k����q�
+�v�t�
+%n_�+��}@
��%���n+��Zan�ZZ
i���B��
+{�
+�+�����*H�U��*,���bUa�T���®���SA�>�}������M�h�4�>D�I*S�a�b�T�;2�/�i�WV3fX��/��2�S!`�`�~Nq�Os�l�=9����.-�$��$t���g]�/��s��>�o��;6@�
+���g\�N����־�y���RaD�pvn�P�}=�R�7F���}7���l�ڗ`�O�ڧ���R
^��"oL
+T��
+W-|��8�vw�T`1�kP�ڗ�j��־��j_��j��T�S��
+�8Ez�ї��VT��>2T��B���I��s*�vjc���$t(T舀���}vg���M��u�‰�
+�ڧ�(�������� T�y*�bP	��"T�~Z<��]��4�փy,�s�
+k�|��m7���e�O�Pa
+��>��K
+o��
+,�$΄�c;�
+ĊH�E�(��(6T�����\�C���W��*�ƿ��q0ML?H~
+�h�<�h�	ji��:����)��5p
+��b�R�)�y)t�>�,�������i��ԾC
+��+VHaz��ᣀjtކ���G�BTF
�E!~��gA�ok_#
+IĢ��B���BA'B��Aaz��G`���B�B�����g�>ᥝ�����L>!��(n
+�\k�'H�}/V*��У:�bH��a���8a틅$W�P����s4W���M8Ú����]M@l�iB^ӄ�d�`ai´�e!��_	O&yL�WL�&��������!�K�R(�۷�Fm��-A��y�%l���Xt%,�J�Q%�"��ȗ�d)�p���P�tOB�rriR0	SWR�$̖��},O�HB+�N�j��'1#!SEBw��0�>�!
J�G~V�$/��:���#}��G8
ҎГ�����}���Fna�5�iX�
+�ds�+#�<6U@�t_N��e{�n�P�~R��H�kUUr����*2Ѽ����_x���}���E�m�Z^2*=Ј
���.B8�.��p�`�}{�"��O&�ͷ����q�\�׮�"l
R�{DT�/�ME�Uly
+S����;
�NZL���"�[1���[F�}�'f�[�"��>�!BC
�a�<)� �V���>�Pg����f
�>X���L6\��}]�y_3q�'��^�g��!l��)9b���O.����I��4<~���hM7u��Y��C���W��/�����@G�}���J������}�a�C]�!0w<z@k�ͽTC���&���}�5CW|�{�3j;��qfk�堸�0k�5CX�����v!�e!S!�
+
+!���!�4�p�`9�]��1!��!��#��[�
������G�a/����
�C�$�
��? T
 ��̸?��]˵��
+�ϕ~��H~������@�����냡mwyd���L>�:�w�߷�
?
�
����e���`�zP�� 8�A*�����y�?͗��]ȗ<�s<�x�?Z
+���?�;r�pw�z���p�ןv��:���\x�`	~�� �t k���ώ7:XM�~���	9���a��L�����ˁ-�L�r�~��ɐ(�8ؠ��1� >�V�
?��
�D���
��7��đ�`0t�$���Ё���F�{k�E� Ym�/��mpa:�6�a6���`а
�� &]v��P�A�Y
���ԁ`���T�
�$��40�O� y&
?_
~�d�����A���������sb�@s&����`�ׁ�8�i8
5��ag&p���
~�?;�A���Qj�~}P��i��%'P��O�Q~Gz
#�⾕��k���9�4��F�E�4$����I�����W
�$4�
hоg�
+~vg0�r97"�a��Uf�f�
+~.u����S~O�+�A�<�x(Z(��!Z���	~��D��͆G��p�ojg�7���l�c?ac�v~�k��Zc�-A~3��	~6u�/�6���_���*���u07���8X�nj+~}��&~�7Wm��,�3V���'
��X����S��7B�a8�!�����#x���
x�3LT:~����*C��1(ۇ����?��q�hL���Y���i�����w�+�
y�������l ��ȏbpGf�)�4�^rM��!`&bpB�I(b��4?`Ā-bp��A.F~=��Y�Of�ߏ���_p���b�-�����7�6b��O��K��h�ױ�����L�G��u���/h���&���L~����k'�#
+�7�J�=�̉a`�k0Ћ`0'F`0�%)�����o5�z��~��N�D`�ؘ�J�D��
+�-����zA����|�7��R������^���_�{�?�R~F�d�Ш���62�d���,?'�+��S�u�g���)?U�t)$h�\���\�\���[��W��˷ �t0���L*�f-@%�*��Z�9-�H������)3qG��zx��̂�.a�Zy�,�X��ł3�'���a���-,�AP���
+�x�)?�+x��PEʣ�ģ�2��
+B"�UШ*x�P�`*���:�
+
'�\�"_�XI������M
U��Q.����SR��')��@
+0�7
+6H�b���X���% �;�����
+��q��	�'������+6�=���u����q���(e~�����IG46��	���I�̯�k�Ĭ��	.��L� !��#H�<% J�J��A	,������ 	�_ܥ:�}���T���$�>�#x0?I�l4�bd�_�-���"0��ܶGz%�tb~�B�5��z�
dzD+� �Ns�8Uy� ^~�`�
�2�Np��?� p�
+�x�s���\P���b��~�$?P��O���v�_�o�['��y���x�x [~,x`�w�)��Vz��
a��4��*?z��2����Px	ȁ�/�<`
l��@����}��凋dh@x���l���hLO�on��$
l&��>.�
�eָdS&J�]~2���$8�,�ƀv'�> �]!�[~7x
/�W0����
�f8�_ ��0�V����||�D+�\ ��r�`��@��W�,��T���6_���
+�x+�����}����mT��=�X.?5K
�l�c�	'aD
+�2��0c���H��I
+䞦�����b��pѷ����\��(f���
+����N7�IH�$�]~���O�2�"
(�����8���j��~�'0^~�-d��Z����?��d"��'�f�I;~�`@
�2��W

+��՚�	�^��/2b�)�'��'���?
�~7?�@��L
���;%1�����O ���'�l����	����~
u-�
����$���œM&Y~���$�sqc��=�0�M$'৞�
U��b�`0DW��t��s�:�2����U�	l�&�������5�/�����2�q-
��w:+���f�O"�~��G0J`标޸��z�7�I���g��"l��$
\o�a�LE��?�)�	B\$ s7�����2�FU��dh��@�G��^��ڤ�̾�\)m���II���2}�"и�4���#|��͗�˩��o��n�@`�?uD�v�}C x��.��Վ�Gt�?]�m��9|�O��?M���� 9 �	B�N��D��@��B�kv��M�S�?��j
+΅n�+�g��4?�
/�O,�W'T#��v�7w��<��B%��'%	(R���V�ĸ;�<�F������� �%S�)$��
ui�0��^��@������u_'���Ή��:	8�K��8	�7lza��a�M�x�
�f�s�jˬх�
������S�.�&�
pǣh�
6�?��Oe����.�<PᦟӀ�t)HNի�E������B���P[�{t��I�ʀ1�[_����F����]
���PT��1�SI>��"V6���
I򂱻p��>���"�Үp���4�ouiP"�E%�D|�+���\ů|�8����p
�7D������j��
��:%�r9c�X@�=��ǯ�^
)��
+P�QPb�U
d:"VDH��kw<}���9H
�N�R�a(@51��8�t��%R���F)��]@�,�Q�R�^2��^�`P ����83 aL��1��:_yƔ'V6sWp6��9	hU�-��*=]�Q��k��Uy��Pް#`%��P����,
j8v~;Ȇ�O@��G��D@��x��/d,�ǐ�&+��fʯlh��ŕ�����4�o�&�@�2�S��p��z�kA@?�.
�2�����
�#<g
�lY�v6���gpV��5��V+s��~��� ��E��s���u�DU���n͸��î9@~z�m.���
��^l8����p��$��j
+/�i�lP���	���z��y|
�$�xEޛi��$/�qٙ�7w%���2'��
�ƺ����U0@����;.�/����K�`ٔ��q�e$��4��h�h~��y\�y\��	n�Y�
��(f�Vl��
h�����Q��4�
+���g0�'���#G]-�L�'Wb
+������X
+𢐾Ns<y��>^cL�fa���˰�1rF	��F��E�IUE��[(
��խP�!���M����E�	��]�i0-���ɕ���@���
<��|(��YC��bԡ��e�A}Qm$��Π9�m�$
+�

8e˩���9d��O��R����$��-�����Ҍ�Y
(��P�h}�:���������@��s�Z�Q]"
�nnnF��:X�,�"<#��'�|X"��*\��?�y	 �\5c�
=�Ŋ/��ٶ��F���CCS[�
�Y$��W@�<Cpc}�1��b��HoK�AMqk7E1@Q5��`��O$�ФS�y֣�G�ZJ$�/ I�v�g`�nB�rx�QZIS\>MK$��������.MHl6Ы���P������ܭ�R1���1��t�)��zx��R
�MDWv�jxpp���j�:�l���H�B��C���$��f\����n����"g>`e�6��	���G�B��hg
�o
��ˏ���z�#�#G�n<�#�ɿ�J:�k+a�V�#!ahe\�<hQ?����dW��hǦ�A�]*�,��g����wn��GЄ;B��z�O�u�q:O�Bx��LX�|�e�4j>z@��J-l��@�dmX�̪<9�Ѕ�H�#��ϑ��H�%E�����/����0�d?�#Y�9������`�"8���9
����G80�;�����Z���_�XG�
�!wI�08������M�"�-��ò�9�JvF
+zc��Ɛ���)f@!_�����*	L��`](�
���)I�W�EP-Z
��j�����P=b�\�S��l)b
��b��q�'5!�e���
�
+(�v?�
+!�|�`��ɋ���n�\�C"tW��fNlt���h�f�N��XNҴ�*"�5ܛ��8x���`F�8�Γ
+��
�x��tm��)T��n>#}���#�� %�P��.;g��15ǝ�V6�)	e=�#��_���I�!��"�G�PقV^z�;�$a0� IA��dڰ=���P�vD��I�����)b�,}�����Tr���h�?��L�%嬐OKJ�bd�����̫�e�v
Um�
�K%m��		0b�2����rX�
��Q��m8��Az�*b��cU��u���z[13Rjf��;�� �
�s�'�$�����P��6Ih5�*�9И2a3|�L�u�����H��Qj�#��iGϢA0v@���|,�k�̅Z�<�$O���CM�[���p
+�"�}�
����
5�wP��Р��;�"��8�g��Pg�uY����W��)�>dΡ
(��q�a����JĢ4b���n�L_V�����3p�D����ۓ����H�`����8j��?�� @�5[,SaC|I��7��0���1_�ܞ���.��������@��㋫�b����;P(�Xo�eE��?t��Žt㖩
�W�h���*mJpW�z(�j�+�e��Νqzr��N#�s*�1�JH�xW�
m|��S��y[9���rH�Qk��+�>^�[��
+r�U�׵�e��@M��	/�������9���&�ڻ��:M�
��e��i6��m�PA��i��`�ث���6��A��桛�����+2��ZZ���� 
���8��лt��@R�\��sE��EJu�.FXi�7j�i�\�@wA�5��{�5�.����m���m@�L*���
��I�����R(�W` i������yh��uPf�
�Ƌ�O�7�8	�yF�$5���t����
)��
������TH{&�!�^�<m���gK̊�2��@;G���%k���Q;b�!'jҍ9�
�kkK�
+ ds�k����M?�qJHe0EN�<�淹���O��&��uRL��Usw�u�-��$t�X�\�s"�u�mP���\S=��b�b�����5p���'U�P̴&
�V�q{��y�F���
"�օ,m_Z)t
+��^o^���`�MoÂ
�������<�����vڱwQ���'�
tX=�C�?�ÀǷ��v� ��^�Om����&Xķ�J��X������,u�{�(�0<��0����Ǧ�G�������$ȃp�[����gQ�e�M
+��2k%�{
+�i�)�J�}UEQ~_[�&d~�k�ր�t'f���'Eה3�n)�\��W(��c���H����x�/7��q��Îy�if|(H�'�\X3�A���������N�]�>�-?̽\�o��km�?o���w[�a���!w�>ME��+�=���|g�ocQ��̂��{p
?�V����g�i��%��@���������6^@_��#�2L������ ���k/F�7��O�����'O@��,�Mz�?�l������4DBZԌ�K*�q�(p���
Z�$eJR=�	X�h
l
�
�_�
+=���m���e�>m�ɕʼ�͚Q�`W��lL�}��q�5��3�IO�(����–����D��J�_� �St���������|���/S���l�}����1�v>�S�~���+��YDV�Kv�&�6��O�X�!���1�M;��?S��'�����5�v?��_n�y�_J�PtJ���tS�w#�wBӨ�~Xny�Ѹ/�����JEG�O���i����\�/7
����U����(�D�1kUD��Fr���^E����̮ʜ��b$��\H9ڞ*~}����A���H�hZ١0�]��HUwqDE^��Tlۊz��E�+ڕ�Ym"-̑c�uYc�{���вE�u��Z;2;4����T�k�xN^oZ4�O��W��6#G"�K��~�̰(�T����n�ժ)_�Sްs�ݗ����uqLٮ�Xم/������O�w_ފ��;|K�G�6Q5�ۛ`Y��.錯h�����e[e�ԝ n��;�c΄�yɕE�^��į$'��b��DL�پ��.��:gA�n~cn�)�O��FA�(S�dZ�B�K��ܩ:��d͈�Mm�*�bC1��h�X>�4�kZĈ$҂�rX�Y�K#��z���~5��C\�b0�:�a	�F�8"9r�٤�1+��Y2��m�f7.Vg]3�z�թ�TĈ�&��/�U\ͬ����*<�'��h9=�l.������D�8���{��?��voٯw�5�v]��s�[�"4�"àgH���D�+����'���`���$QK%f����,�s	����*�J�`G�
+LQ�s`
�`�A��` �(}�
+6����0��0+�6[x�
�
+�
+(���A
�̠���� ��@	4�<Lч��!А2(�����+�G��:�G����R��9�i7#�
+��h�N:�XW��[�bvK�l�p'2�����fp2���������X�e��G�'��8��.��2'�����PI��?1+KEW'K"5Qӽ-�V(J��_�P�<��z�q�k����Uq-�x׻��[������k;�t�%�����5��SY�깺�w|���Ȟ���_+�i���8�t��Ry��L?1�#�ĉPG.��$DR��3F�Ħ����a��dRDpP����*�uzlO��w�$��P!%E(h\E8��z���$�r�!WT�J�Ɔ��b
�S->�}����u������)�eE���yaVȏq1Ȭ�`Uِ�P!]e�� A�}�5<Š�j�W��EE�H[�]8��,Q`c���}1Ԛ?�59�1EB��@����0Ua�hBe�@�����1X`�`�l�K�	v7a\��֎V�F�bhXjad�2X`�`32%B�1��Df�/�T9P,ͪ�� BTaMT9R�t	�(""^$��JfL���A��`X�Lmذ�!P�	u��w+��P1RV�^!+Wh
��=9�´����M��a(e O!A��تR�
+-E��0.��*)�p5�I����P��x�oB�<x�U������@�|zr>G�����$ۃ�q��@H�@Ea��z�[,t<dI"L�����6�a_"+�S�J��u(,םU�S`-H�n!��o5�����Xi�+�Q����C�“T��ٗSl"Wk���O �M�+*�	�MO�8���/e�rEG�-�,]�dE���ோ�:�>)(^&���G�ʊ`>Y
��Xi�=
Cy������y��{=
+���Nh��x)GS������Y�w9p,�u��w��u"��m2�c� �s�7�
5~b ����E�-7�:W�V=�c&PeM,���=��@����q��Kc
t�:�Or<�ms�&-�D_�a1�K���d�ps�o�@��E�铪F]��G��nm�{q���Y:f3l��`tJ'J��H��忼�nDR��3�K�a)���������DS^@�Gj�Ϧ��F�_�OBsAE�7N!���F��3H�h���I���ާ��w��l����3��m?>6���p<���V��p�:�oc����0]&]=����U>���֐���>5V�o�^`�!��M8�HLag�W�vS�&�c��W��M֑����*��6z�G��]Ivv� %*��@-J ��w�5I�Ro}H3�Ҝl��� �Y���@�c�q�*�T#(6�*b��%���?]�:�dBه;z4vv}���QȢ��J��	�Y�tL�
�����[��U�U�[=c8w�|wUS�iܴ������d�ӢD����}�l����R
f�"N@D��ȭ���P�L-^h��2W:�U�lRҾ�Vl~�}C/e6d�ެ8���v�����°��[hѦ����{f3�Zd�^rZ���	}�ED�#B �$b��V&!��quє��N��u�����$r[�%T?��@�X�l��.�cE�8�Kx��AZ]F�W1�5	�n�}����ҵ�O�w	�3�����0��d��V�y�j�*Q�HԦV%0H9��R���т������5&{�.��Yg�gu�G�B�r�%&�pD��;�R�E�&K+P��d��֠�kWsd4�#f���?E��L	�ϝ����\9L��<8��h�3B������i��>��F0շF��B��b�9�>�1$��Y�,�c6���TJ������ac)���_PdƱ�r�<�m"�
+($<�e��nReR
�P'/�j�RRA;��NI�w�rS֙U��Z*H�|��4P�[��6D��N�60��F%�~r��f,��L���V����p��d��/
��=���Br��6�����D����s�Hh��\ٗbu"�"��LR�:��s�2;�T��ÃY)�f��#�7�U�������ph=hU�f�����S����Y��F>��L$����Gz�(U	��w�@�f��mlW
+��lK�ޜ~m	�!��|/���Q��VV]J�U|��'�������v)�Y�|�h�"1�*��_�����$�8����wsb�-��'�Q�d����
�&�S��:�a������G/7�w��gS�`~�A�R?s^�Lo�醎�,�ҸX">qj������#����)r� 
+�׾�^�2}�6c�i�G�<�p�
��5��՛��X�
�]�w�䶻غ5M�D!���̚�O/��ofO�wP$�soC#O��~h��_VD(�
^6We}���k�ݴ�*xo����>+�ؘ���i<Ҧ�@���{��p$`N'S]o^��piť���~Z�ȥN���ؿN�1�P?��V�12�Sq۹�
+���Jߛ0l�2�,��mF�
M�K	>�fY7#��5"ty�R�y2]�צ����A�z��E�WtV*����ې�ĤX�!kS�ėa[��Z�7���+=�����7F-G�z��!*ʑ��T��Z
.���!Xq#�{jGJ��̹*qI���$��0u���
��_���Pn�;�	�%��G�5�U�f�a�[|��Ô�~�Y�@�@�d�c���¦3�Yq�R-���i�1i�(/Z�O%E�'���h@vP���~�PIw��	/�����)�$c������[��<k���\��K�[��G�fa���<\5B������Os+�"�!�
+�V��J>j�H�C��cvJv5eoM(��4^Acg��T�dYp�h��'R�F&	�E_����u�֜[T�ӱ�Bj�,f� 4�& ö�~g�n�1�eЋ������~Ƚ(���4s�wj�StD��8g��$��m��7�6����XG�$U T�\�,���T�e��>m�|-Ѳ]:�Es�]!}6!P)�IP�
+�
endstream
endobj
13 0 obj
<</Length 65536>>stream
+`�%��ɖ��)�O��GR��qR�w��D���L�=L��β��	��5�,��&�EW�+&��㭺^'r-4l'�{�l����S9��b��\La��fvx��^s
�4%F;v٫^M�o�a��@1r�H�H�X���Q�71j�9��`턼��!����bN;$�e�Y��P�pEUت%0�)�{&�p`BW��Q�KF���X8�U�r,Ȼ*~\Ʈ��j>Z�L.�W�(ǹ�^�������������Cʥ
P8��v��Am�r-����P��e�
����'O�z�"+NWm�>��28���ve������%��R���}<�!����'�@�9ΆE
h�q���N:'�7��xL��ٴs�H,Ɋe�$�%��~I�f0��K�Yf$_�#M�(��*�0�/���Drz\�٫�������ƅF;�+��cG��(G9FyY�T�.���]7^0�s���6/�o�?&��hkj@���&P
�\D�7�b-�r����,���tO���EQu�%uP��q�?�ٽ�a��2T��
��_N\Q̢�`�����_�m���Htu�.����0��|h���Fz�G�1J��n�W�6�r������Ӧ96�4���䑷cQ�.�KDE~�����r8\�8}�$
�C�˗,NgC
�ㅱ�bd{J�u;p.٪Y_�N��pm�M,MF�"ĹeC�eZ��jse��f=��ס֌Mt�s����:SӃ�H�:Jw��e�t��&lI����;�'R��:r����	���V�q��|���/�G�F�|+��fK�l=.xR;�>~���&<Ip4�{�Zd����H��Vt�4@DN���D��P�c��*a�?�](%�F4%����=`�� X�I0�S���E#�W��y��S�l�a	�&�Dq��r����]V�������
��0L\�kaK��Eꞎaj�-�aT@����a:�dŰ��0���E:d��9n�79�.'.@̰x�a��0�]2LV��ג��
��.LP�J�=Aq�;q�c�#-�EqA��;\
Ӂ?S,)����).ԑ����� V�`7aXWs�6�Ç�af*�0��kf�5L]
y�?�av$�ca�����[Jj�ѩ�W/���5���K,��Q��
�?��0E��0T&��fߐM}+��"�H�M���ka�`�j�������xK��Z{��Y0.�>���V�E+����A8��|��sZ:�©����.L3�������a��{m��VLՑq!Ȓ��8��Մ�If\xa�a������C�̊��������a�ӆ%��
#�5�C���r%L2��r�;��>{����H����5�X"���W����e.�CQ�7�N1^�b��8c�ܞ\�xAt��!l�ɇ�Z�
+��1s��.��١k��pL��1��x�|Ƃ���+���y��LU
cP���q��qޚ�lB���MC"�Q9.���P��C��%��Mk�⣓��3�Qp\$����~�2q���ƅ"*�8V^��<��ƅJ{v�"(�p\ġe
�Zz��e��2q���-�C��]��%�L@�$}��?Ù|�q��23�m�T���x�
�4r\���
p&�f	�nu6s���f��9�%'L*g�=geLg��_g�Ɲ	<�d[y�+�g}㞽���'����hr
-9��X�E�<u��
+R��RZ��q9�q�h��� h��I�2�ƅ����c>����oz�E���3�	:�E��;��Y�枉B�L�g�&�)d��
�q����@[�YU�	/��E�����@Q襍�QA#,�,�"��(h��g�E�����@�)����4�qA�x�����€3Bk^W��O�w�:�Dh�B�7

mv<3�
+�5.HMH4��*�1��-�am�O� B�
+��
"����F24�
c�?#O�v+b��&P
+ay>�mָ��B�T��x��Ѕ�P��^��ƅ�vcB��d�,
],ދ����O���S��43�
+��*J�PA�L�yh~+����Q�z�"�m�-�8�h`7.�4Z��qq�`4>ړ�+�4}j��qq:��㊦q�E��Fo����A����fD�GE�3޸ho�m�D4F>���)d�ٸ����G����v��YJ�;��q�ö�՟�W�I*1�*�8o\t�PJU�۸HZ�T㢄��_	׸�14���UL/�}�����ƪq�	
σ&\As��֧h04axВ5.�:�ZG�i�B0i��)��W�U�{�+4_Z��L�o�Wh�447�U�[��:CC__������a-�R^���,b\��
+͜fh����u����^�C�O��^��s�Bƅ�t�V�v����-�]\$V����2Vh�
���]h�ȫ�F..�Z\ �Xh�+4^Yh��]F�6"���Ѯ��oCc�@..�N��
�-]���@"��G�(_\$���!d�ƅh�gG�
_A�9]E�z�&Mo�V��b�J�`\��ji�V�/��q��4~0.d�4�i����NsoO��Ƨ���Z�4j���#5����0.ސhj]�SkbT�����Z��j��������{5�Xš�kD�ʚ��c����iG:��>ƅ�g��C�˸8��1ح�f\p&�54.�5ܩkM�]��y�l�Γ_C9��E�f�	�qq��4.��5.6�76zƅ�f�$�R6�ڲ�#��2.��llg�ϸ�
H�/G��َ-��T�q��f+$�!���91.��N�4�0��f��f˸؇6vBښ�i��ͪ�Ζ�1̀�mb�Ûm��mĴx ƅNt۱x[�ѷ!��c�qO�
͸�z��rCՇ�������L7�W��{ݎ��F�����n��Ff\�o2.X�&c��vޚ��P|���f����v�G�F���"����eqv��Lo���oPR�bĶp��E�v��O��oG:��������v��O����-}q�a��ܿ�..�ષ���i�g�q�B��'�qq��8���!2��	�(�.�q��������i ���R�
>�s�₃_E�����9�R\u�O�9C�����V�h��ى�P��a+z���8����i'.�]qqI'�p�-.�2�9������׉�)���\\�W\�)�^q:S��EN�..���)�s��|qa8���,ƅ>���m��D�mq�Czkq���=s�s����8f��1�ԡqê�F��'���Dof�h}˶Q��-�8��q�E<�$v�ōzq�2�A��"���2�a����]\�^��Ŋ�cqQ��j�v鋳,.�H�-ۋ;�-A��p���X��D��ŹyqA8^��Y�
+jqt/�$���^\E)
+��������x8q�P���'�@ZYߕ��%9=%<������]���\"��Z.L\���0��zq\����-^�e��c�[l����cq��r}��I��n�8�Ě����s�P��;ǯy�\q����ŅJ{nq��tT���s�J���K�>�s�
�j..�HS���(,.R8�Ov,�C'X�3��P������@�:���[L�)�˭EGl%����D��Nj����]I�	*Vq$�َ�fDt��{7?�Ec���L�E
[ݣ�0��C�,���$�
;������h��aQV�$7����(.̑Nq��&K������b1>~ˤ���e�=�{N5ZY��ʷ��U�s��X\H�(<���OW0C�ط!�㒲�E�F���ο�toP�܊�+K 15)Ņ�2���O��Pw�8��R��SgwT��X]uu6��ú�u�uo��N��ޝ�cuR\��v;�=N@&���F����rR\���s��&��y�*.�QN��'y��t]^tR�Y\��E�֙�ֺ=i	���3�i}��G��NU���=���
+8�p�H�Pq�s����y�o�L.�L\̪�#qA��t�$�_��-R&�bG$!.N\�q��K��_�#r��u�$7Zuw����D����nQ��«������A�)���#وbbՍ>\��U���S.��u�႑u1���D\����»�8������Q��B���
+�Q�\���:��J=UZ�q��.��uaLp��"�q*C�.V�p��\w�r�똼`�@\a�p`����2��[h��g��.D}v�햧+���k>b;ǵ���r��o��p�q����������bq���fOwxV�;ƾ�fO(���P�B3�k1qAHzWd��n	W��3c��ȃ���Ο<
+�E��4�ť��(..�"<d(#!�Wx��3��X�"��iS�=��N<���i�x�
���񔉋��LX�x�0�ąYFqA�xn@(�lj�*N\�>�r7�A$�{2���%.�G�y-����C"w���
���E[c�|�$̽���wpy�D����q��ZyMP\�ʵ�qg��/o��W¬׋�J`j�h<�9ϒ�bA;��Tڵ�1QЛ(z`���)IqO;O�O�G�O�ǰ\��$j�٭כ�w=����U�>ٓ����q��(�������_wۣ��y�=ŚtO���I�A�~h����i{o���a��S\D��fF��(.���a�O
��"�������g��vG>�#�J�e��v���p��}}�%}<��Mj9qqF}�
���Z�Ad\�V��zA�ڗl�}�����,[}z�>�\��oa�o���r���̕���o
���JJ�m���|��'��i��}������H`@`�������|�[�����O�kVUؾBH^.�4��mJ{SZ3}��"��BN�f)����v�����*�,}�.>�~l(�Ԥ^Y�/}D䏊�^����y��UB��?��fpA8�X�#�򵅫r̀����۬�2"d0�>�")pA�z��D:@���ͷ}X�s��}%F.��;�-p�}D�M�k���Y��^m����~w�}��}=��n�>q� U
�\0\X	�����l�JK�k��Sy�>y��\��U115a���}��	*O�&��s�}=A���m��sz�ؾ}IIY��ڗ���}�~7�!�$Xy����b�3&��X7�ʷ�u�$	*�!�������o_�R��p�pr4��wo��E��³��"�����܃��Ծ�[훷��kb��o@�S�ӗh���ku�\��}���>>��(�R�<��;�5��=&B=�R������ڇ�輛��O>����"MQ���.��|\d��pp��^p��/.�O�x�
+���+�ӭҍ���A_�D|�x�'�t�Khdpa:I���{�.j�O��39��>�(���-�O�>�n^�\�D�=�{��\h:�j_@��[gm.���Jc��oI����k�w��27����bY�}�\�N���}��d(ۧV�}&�c�ԓ���<#�;������h�@�=n�����tCִ
.H��D>����ǷM����cpAi���¨�揹Ϛ��.��}̓���zh��'��K{��1�hnp�<�/ф�lp1ݠ=��L��ϯ.���7����}r.p���n���\���WK�I�ή*DL���t��8� �����7�'�
.�.�%��q�g^c��Ba1�ɐ���x\�/���p�7�����5��gp���ܼ3��������
.r1���@6����1vؼϦ�B
+�����C����ؘ	.��|޷�۳��x_fr\�!x�{&�E_������ܔ>\���)N။4|_���z��J	���O�,pA3��?���x�g|���g��
ߧ �gl
+*%J���}��l�����>�d��A�Z�.�t������
\ (w�"�|Ϸ���.R�����
q�������d]mi{�{.���ddn�O|}_M��p'�}��O'�g&���T�?������\� �
BӃԊUI�$Zp�!�����q��~<5��Eh�'�ʠ�H~\��\P�0���VC���p\X�b�+�O�%�h�^#�Cp��5�Ecp~�����w��xއ�B�7UO�\�/���?\`D���+��>������@�B�~>�$���������\���y���i����'X�����wo��k��_���/��E�y���YV~��5���t\0!��"�R.�~���	?|����.���&�}��
p
>��.~�+����~��:��j��r
xV&�`r�����0���rS�����
+\$�x�����Q?~��1����I8?f�Ap��<��9�
?3�����/�9��=p!��<.z��L�jy�������=�b����(~�
,(�]��lf��ϗ�ހ�/~m( �/�.:.nw�E�]$�-q?!pa1�?��RI�et��.��%|3���j�}��(�ü�=��Ǐ�!��w������{F�2��Ǚ����~��i���*!b��C��f�t�(jH
+��쀋$p��H~�e�σ�O<'?��o�F����\,\09�"�_[?�������ۢD�#Bh���X�3
R�e�
+�מ�%�%{�\\�@K�����T6�]��B'V��\�ʏA��ޱ�-��D�BP�����R�[�����
.vߔpKz�Q�����U~ou�K�ʏOp��p1��+O��6���or�E�ᩴ\�
��p�9|o����D7���O����ϛ�BH+?M
*?n�[P�z
.#�wn[E��a���&�ss=��)�Tr2O@��k5�.�����jz�ڶ��pA!��w��-
+�5�/�~���\��Ԋ/$�;s[(i�������bx�	yz���-��o�oт��l�#��a63�oA���%��&�{��4�o1+�o��o!�q\�˛R�!�o�4M��[�L7�'}�˯4�R��s
�3�[P�m����C��U$շ����o!~}��EW�}�wjV~�U},�� ���Ř�Ȗp��o1�����-T�o
A�o����s߷`D�4pI	4�}��	��DpТ���w���o�[~T�����N�[�	�0��0�ߣ��R��~���p��- ��by��{�cU.��ߢ��.����a
��_~���7���t�ύj7�_~��\Ɠ�d&����0a~��e~ҿEt�-��Ř�4����8��]]~���t>X	Ӥ���ۭ��痟���f������j{�	6���/��y_�Rί(���w�S��
.>��<q�oQ�������-��;���o!o���»(���ǿ�����#:��W.��r!A0�3W�>���������-8���I:���|��?�T�[����,?���~Й?Cj��U�z���������{8M�2\L#�>��e����!~ʊE(�IFЁ���R�O{�i��ݿ���"s�o(��}���o�ӏ�����YU�߂}�T���J��WſE�1@a�8�ZC�F�_��e�&c�)�#����O
b��襭���U���0����g+!��NP������
�zV������<\\�gTF����:�%%�"+��[�d�J���Yd8�Tc	N���&O�ѿ�x����)E�ؿ@�xe`4��h��`������oqW(�q
+�B���}��凗�ǿ�V�����~�5����Zu\p��[X�,Xޏ�-�[�
+x�R~D)hڛ)@�-|���i������o1���k䤢��3���Ӆ�M)��P��6	J���K�-�п����c���-���
��G!�(.�-����„���7�
?p�;:��t�*�h��4��0�[�֗ǣ�
+,
��oA�8��\ZƖr������"13�nj���	r.����bP6����LT��I���)~��WBA�
ߒ=
Ӆ���Ғ�'�}��-��0؉�q0��aXLD�p	�ahm/��G5���'�x��B���WM�0�]F���"���
�!чQ$mD�`�|KA�� 8�O�@�+)�\�%�x�qA/�f�$�on�|�C
+:*���B��{��(8{��
+P��WI	p���a�6�t`/m��
.j��
+���Z��p�>��
pn������/�)i�0��<�F�>
.��q�s)���0G�
+f�����Ek&k�#D��O�U��y���m��'�b�����޳�D���"�gF����O�.��$��&)z��O��
�7�mY�۔m��c�����[��E.���J�;�pq��� �����	�0�.�lq��>�3�k\(jW](�@��I�Mb�.B���HE���
���UV,.DWe��q�S�!}��
E�Bֲ�}m3E
9�j���^� �uZ�&d���^���r%,��e�F����@x_[��b
�{��Bۆ�b�d/-��&*񞁼��l�"%ģ7���
\ �a�'Sn�\D�/�^;�{W[H��XU�.Vn���.͊�D��Fs-���3��\h'�����{�E��/�a�NZ�ts�+��ZЫ`�9I
+.$p�!�"Pp1
+%�T���������?�%������5�d��v
E���&m�\�6�ٚ�X!U�a��u��p����ih�R:�+�`p��9�\���4ϵ'�{Ȋ�.�+��U�_��ڇ��>h?A#�"h�BDTJv��L���Ep1}؅��1���sY�0��]�x��[h:H�D�ʏ���_e��Y�p%ץ�Eo�\UŽ9,;�5����5%��D
���܊6��.��Gl�=;��BtR���1�C��Sߙ��f���z�,d�,Ouz��	.�B�'��%�\���
�$\}���W[/�#�/�*��e`��X�E߉-:S�Up1�u�4(����.�4��E�т��q����{
�_��*bHW�b+��_�P�2����}�X��"�q.����G�
+��K4}[�=��*�\d���������{
oJ���K,֏���� LP���Vk�W\���,�x���3�=��R�vI[�'�X��I.8̡j���}E�%��,ޥ���b/~Yѫ{XYq�-�p"Z�ASEX�.��!�-Ir�[[́4Ʊjr:�3�a��0i}0����y�Bo�0�^c1��.����t+ ���ɇݶ�.,(_�@������X���BP�o9}P^8�u-]�Ћ]O4a`-]��z�Xp�G$���w?�,���w��榯�
����4W�Pd
.�p��S�˙
g|C+�Z�P�G�݋��4�P�FPP�{��J���Y�P7�~�\AJ��#[
�Cw�eJ��R�
�O�։y�V\d���D�c�Eb�B���U�.o�.�BL��;���)ׄG�����	̈́ꃋ!��	��{���T�2)���i<�u�*&���kN�eo��n6���t�%���ߚ�;����f;���E��`\���8��~k��/]�5C�����œ/�
{:�s���u�!��~����\����L��K��	q]�\(D��t�:�9�\��"и�ՠ�B3�S�Q�G���×��MӅ��F��Y�ރDu����5�l�K��t!I�f�����:�muT#�e+��"�>I��7�~�Dy�K-���
ٔ�*Y̟6�#�s���"�>	���|r�>c|k��o�Z�҇��"~8:z��D?����X�;kӉ��V� Y�#�lI�t.H��@����E��1�=K�΅�͈�mp���^B"Ϯ����\��N�1Ma��j�����I��bb�X,)0���np1+[A��uPE��ED>��֢_lipV
6��)P\�i1?��/yK�J东��⚟@�����"tp��k9�à�X��C�4�4�tp@�,��-!��?�/��H\T�����Rk7�\�N��B(n�_�oy���HbR�֎��=_T�.�B0Q��E�G���
�
���T�"���Xl��Ғ$� t.�{�RL'���^=��F�ݘ�*+���h�#�?\�DWȒ(�\��#�y�����Z�0A�pu\�wp��")e��Dz���<�
.LX��b��QDm���.��� ��1�\؈N�-�}c��X&
.:ؿ�bE�y����B==ڄ�5#3�s���Q�
>~����U�38���J����qw$"�'@^J�B�����ޗ
�
�!��|�
���ϨW�'��G�s���F���<\�4��>"�&r����
+?M1H~n��R܂�����P/��3����`æ���ʅ\ ���c7%�\ܾ�	+%Ia�g�\p���n����[aWl"��0���W��C���� ��0�
.0(�s��B�Iz��9C�6���cX�q��������2�3�1ECoWP�t����\&�-��Ծ?�A�/��HCF��O��QJ�rHpi݉�Ѩ9z]8qM
+�`΅{<&���������F���r�n��6?�*��2=�f�w:Ǡ��ĥ$f�

,�
+.D���i-�Yqw.>���r#���U���s��s�i���L�Z�9`��(K��ev��[�-	Mʟ��Z,*eNw�P���	.&�YZ�L�eW�ɴ��s��$�b\o�
�m�&�3���mJ�A��h���.��:
�Jȫ�,y�!�� ��V�&���wF�Ÿ5�[Ϯ�|����;)�
�:센���y�����LM?�d�		.��w��q�.p�s���8@�K�Q��[��� �\ T+R-��Upq�S
Q�(�l�B���lV⓽�
���`F�J��~��bvz�PpA�dg"6�P�
D$T���VS��d��T�#�Nf���ɬ�%m
+�pk"�)�"Xp�3��d��@/���MgLx�a$W\Ă�Xz��I���9˂`"�\x
+ݫ��_�t�邋r��6S]2^p�)��]B��'u����8��q��A��^p��L�
�#
+�[T��R��1���h3LI�PQp
��V��i�m��Q��fp��W#ș��-p��Д�M�$J�L�"��Bx�[�ӫ��b\�4���-��:��E9�|�{�"�{"ܸ�ap��S��ȻՆK�6i�]���i��/�)����8N2�MS�T�dpO�ԸfӚ��(�U�Sȱd��E\�f/�Š�����o�hkO���(����%K���`p����Q›*t�e2�P27���uH��saK
�����	�_��j�	�:x�"+�`F�{@ Ys3}w��_�PL���zU�?���p֕���⎤V";���:�*�/�?z'/���B�L���W�P�!D�%g�+�!�],�^��P]pq�- �W
�a���[�3�$����%4�{]p!{�
��
����<�2\t�S��/��~�]��/<��~ca��\0���.K�
��K��"���h#3������g2�����C������Z�mz�a�)3�B)��������Na��s�^��J�e�Ź�őe�� ��t�c)ڐ���µ5�np�t U1�Zz�?`��ݼ�O��/�1�j������u{;EQ"�@�+"���Ǥ�q�
�炋�A�>-�����<O�n&B�RVaXpcʣ�RBS���E0�anD]%��"ُ��J�N�
+��4�&����mg�Y�RF1��\pY��U�Ƶi��U��y!BI��������DES�1�
+gY��m�L6�(��>.Y�*(���hW�"�^�nZ�B�~x�������2��7������3s��`����<��s�p4�꧛4�3�H�ʷP��%\��թ��]q+���N��c(���+�*\Zm5[l��I�a�6��U��愵���*,y`�ԶlH��k��[�mec�z�\ܸ�B��3��6\d��.�b������0��fY�Bݖ}�ה�?�m�A��~����PHe�5tH�V4X'���	�+d8��$�Xz���n�S�^C]��h���	��Q����df.]Yj|��$��g���_r�ڠ�{dpQS�6�iQ�����BC�Ⱥ\�ZG�U�Z����a:�lp�����p��I��i�	jp�����Y����=�A]P���z��ˀ^E�,V�	��•b�wG����(@z�d`p���Қ��e��a]��;��3�k>f`cp1����t��Nc���/�ѷ�Q����}OK"wU(���sdaG��8��OEh\d5'�{�-�,�+�E6I���.��8�N/oY;��ޒ�.�0�a��\�Q:\TK�L��Bl\;Ix})eH��=���
�O*�"[p�
���}�g*f�����B���H�
+06)�ښ��jT�1����.��]cp�=��|��C̯�\����\��\�[1�M�ڙ
+�wΎ�c*XCn:�n-�d�0����
+�JRG|�响R����*n,(��/��ś�<�{�
US�^\G*(ecy��v!^��5�8�FfH�G*�0zTe-�y��2fp��=-�;R�� 	vh-#z�E���)Q�^�Zpa�s�i�(>R��
��.A�j������R�$�:n�#�
+�@V	.�A8ZS�Tpc8F�m����'�x�F�T(*��o��K3�9R
��ڏ�5_���\��p�������5Ĕ����P�2���ABpq�9o�xK�u�b�G��5~�B����kTp��h�iUs�"$bŰ�?�!!������
�^����ES��c]Q���0�f9@��(Id؝m�����"��F�o��\<����J�5*p��
+o(eQkT#��f��0��Ł�>	�V����eX=\�J2?M&ը�E�9���L��{�4�l��hF���7e\�?��q1��p$A��9i����\��g���4�
[ԨpsNb��Z6p�$��~.�G\�F������e��QaaN
+9�O
�u�CO��[g�V�
+t�S���NE]�
+�M�8�,��.����J��3���Yd�F���������dj6	sC��d���t�r��rh��X%
�Ǔ�Sz>���
+(EB�NoOc�Q��bԲ�F�;*O���7�`&p�����B����Ē��&�F�K
�Y�fl1-�!߆*���0��x�d3lT���J�	�H"y�+CѢ-`}��<oT�y�pB�(�K$��H�P�
��r�_]�s�㚠��e���{�,;�
+\$�gRO���T5p��U�b��pIr>��KTX|K4������r G,Q!�w�K�4(p�)G�z�hh�JL��ʺ��.DEFO򬑁�����S7�B6p��fN���
L�?y� �*���{=O���q�MpG����̒у9�:�KP�ub�}7pr�lyr���5pq�r�~������b�Ч t�/
+6t��>�s�v�����@Hb�����]q�,60r���Uࢊɭ�A#.
��7��>��6c��B��C�!��(�x����H@���x�����<�	E�R� ���R��9/|�]	��A���}.�>�|8c�\�H
����H
џr�g.Q���;pїP�;���=x��Җ�.>]b��6�?pAvoƚ����|��H�`���`m�ʫFT.���D;���On����9pQeș�;:pqf�Y����� ]�Ě��E>պ������=Ĝ/yv~W$�G,<�0��K}	.����ҠŐ����?^��C����B�v.�����ǡP�
$8bҠ�x��Q�#)���p�	��q>صo���.@skc�f��Ȅ“ݞ�)2�C���-��Q%(HŴF��N/�pr����i,��մ+W
+.�rr�4�O�h	.L�����T���(\݈��A�H#�Ѝ��f���¶�
^.�"l̊>
+�PSU��.��O�-���[t[E)��q���uud�~�����MD�\�|�Q�PRp��6/��4&��f�mO~�?���3��������::��byMZ��\�s]�lre��\�)ׇ�
+:�-�|'�8��"� ѼJ�}�B�-7Kw9�.���9:���#x�.�}��/�vf�T�p:!F*.h��M��NS	.l�����1,��9��(�	�{^Az�¼z.��U�@RΰB ��8p���.N���y<��/5���Tѷ8^=�i?�������Q�=ՠi�M�<\ؓ�:W�	��b��;�Ul~���$���JpA�}�0�U�w�ʉ�L�>XPn7Q ��<��<���:���
~���t'�IwҝtC��-b��"�����������������K؏�(�3�9"9"-Z&NzՒ��#ZO-&+Z%$�VDH�9����5�jJ��i���Y!��3d|X��"fb�/�ES@�1T�P�v��`�P0JV8Tb){nRQ��n���7�
�0i��t
+�Ǥ�cy���{�p�e��u�>��7��O�w����({[�UU�~!*���ȣ��G�Y$�_���Q��P)�!�j�*�x�^H��-��j��
+�E0;zU0���œ��u��K��e=z1�v��*D�%��x��N���'��$#�
���P_#�TC����d#��C�ڂ��3���.��2���	�3��ȿ�t[�%�q�2F�cd�v"������=C-�ҋp�⣥$&2��)V�Uȕ�$��G��)^���0dp��T�<*�-ZQ��B��R�್ש��g�o�˂L2�<O�������v�"�0i��xϭ"�Qt���-������˟�(iň>&9}��(w���^��B���A�D�`��"s��z��{�L9�W��~�$�����
+�"���ك����|vW���W�H1BT+�Ί�
�h�/G�Y��D%�}�5�U3�_����sEH��ȋ���t:F��Һ��Z�"��6hgٯ
+��,0\��o��%x�rמ?�����q�;�a�\D~
+(��0<.�)H-Q2K�W�v!y\H���O�
+���-��z��/I�J����
z��<��5�r�E�Uá�Tɬ�G�A�L@|��U8���vw��r�MM��zY��f7��[<�*n�O��+$&?6�"�[��)|mzUS̪�8��*L�
+N[����%�ݺ�_=�R���~�#:m�E�
�1$L�]8}�ו�����ȳ����J	L�7�����5Ԧ�9��55�/>
��\F	�#{�s����Q�L�*ɠ@&�-rǰ�e�/h=���q���%��|��gI��zYOҡ���O�2��z�]E,JrUЊ��(w\�u)���p�_�:��ժ$sԹ���&X=��
+�-3LZ4,L�òe�,��{�L�PZ���r�+�
+�	V˟���0'C�Z��3v�#:���̾�w��~9���r�n�)9��'%A����>�$�&52����i)��[H>�S�|壧���n[H��jD�Q��*nClx�$V�E/�6���i���G�9f�(�E��	^�2�jL�O�KzU�����]?蹓��u���"sڻe���&y��.~�M���q���j�%�Q
�)P����_U�m���-~�9��s�Op���W����xȥ�6��$����Wz{��ChW��%�ikns��ˆc:��'w��0?�5M��j�֛�|t�ώ��Iv;�~	��T����^65�(�}ݱHN�`����\�����Q�۲�*�
+��cЫ��WE�&>>�ϫ�-��܎ԓCT��Z�_ё˶�v~Gh6�%��,��6)�j���h1�C�s�������T���IK׍�l|Ԯ#�T��I=w��Co$�i`�>��z��Y6=Z׿,����E���
+}]�\RS�w2���9��|R��d-CgYR�Q��Д?\g0�=�?��v2��$�u�u�0*nyS�I�O�%C�Ib��-�h���#��ͱ;��ج�9G��ر��o���/A����䮭Z���HEYp{bӝ�1��)�ur��"�1KҊ�Ts���R�;��\�N�K�?��d.�K�C�9���2K��Z��O��Uǧ��Q�GI|�v3��P%�#�4�'�E=f�j��N���K|<�t��VEh7$fY-*:G��L��B��d���"�,�(iME�:FϢ�,�f.�|���d�U�*BK���v*v?��呛��7�?Z�P�/�S���w-��9�\���]�B+�΢��z�`5$�O�*��-��
+fSm�)G��܌�n[�y��^V$�Gp{ĖA�y��
v (����tN�&���D�XB�S��s�uB���c�y�����u��^�׿��ۖnZ	�y�ű'�8��Ws���yj��YƓ�/��� �f���w��~��'/���|5
�l�'�p^N{���S���6t�w���gw���<I�Y'��;�pO����,s�;��2W�f��9-�:�wѻ�-d� r�g�eiP���'�Qj�������{7-�[_n;�+)5}�=n�:"�D�l*n��S���
��,�]_0:�6��Zs��m2ȁֲţ�Ա������M�1���:4�}J����E��O��R����64��Z5���r��n�U�R��N'�ZS��@�T�B͏i�����/Z>��gMW��z�S���S�������^���ɟw�⟖����B�Qj�Ǔ�?�"3���+�M��+�]���EE��׫:��r�n�^����h�{7��l�N�I�y��؋�O��(�^kY	�
�7�
�g�4�����Ao�g�l�
H�m%g�n[�q����v���p��7�$�:RY�ax��决�p�3̎Ɨ������vn6n'�;�dk��5G����{3��d%��bD��D���p䍳��3� 2�;nﺻ��
g�l䯓�
ݜP�-
+~������tL�����O���l���NŶ�T�?o�v�b��C��^�1������y7��>v�Zn������Y������4����4�ܶ���?c2��Y�b�f�pnP��xjՏ9������Eꩋ �
a9(�N�c-EkJrُI��kt���8�� jW�Uz.�y����8��4�W6m�c�mA�)Jϐ9�\�$�$��>��D���$s��n����0�ð�<X����1I�Iޠg�e�d�E�$W�G�Ԫ�6��>�v~R���"����8��ZM3A@�(���C�p�M�c�����fn6$�fմ��^��nN��M?��5M�+�g��jڪi$���pbմV�\-��n�tTN��pҌ�t8��A��4Q�}޸�á���t< 
+����Vn6���]�r8ꆓr8!Ⱥu����Ϊe"U�9��d%
+&�e�s�������v]�u���pRΦ��37'R�L"|ߛ%�mo��������v:hƁ�m���4K����4A�z_������m��Yf�o�6����:&��"K~avJK�����ݸ����Ϥ�%��,�p��8t��Z��:=)ʜs��?�蓢�$E'ɏ`
v�i�ޗGZ��kY�e���ɮ���Z���)ew1�E0?��B슏b�q���س	����>5����f�ujƁ�,'�\�t5M�l�N'޸��d��;�����l��OS/�9����r?��hϛ�/ý�AP�N�el�����yq�������؟o�z+�eŰE=$���uP���r[����˿�K{4�N���t8�f�����L���ᄸ
�@P�Y����L]M�AP��{X�[�j�i�'��fݶ5�`�s5�ո��ڍ+;�bf�?Uݭ�?t��8ڝ�r:�'>N��ei�#w��qp���
�m��՝�f�=G�q�m0��YVn6�f3��P�>�~9�Z�j���5%���m��7m��Z��v6���ITM���`x�d�y7�({�IĢ���m�k�,�p�gA_�M�KrE��J��9An@^nC�k�i-�1�g�����5��o�r�A��p�;�޲��n�#���]��+;(Bn*rߺ8�]�j�-�yI�(�!�鴝VRϿy1��p�:��T��f��
�C���É7���m[9�r�13N�q9�^k6���q�Ӥ?/�l�-�E�I��Ҍ�v�������V��ugGQ��  g�s�qk����ǡ����:n$�8t��'o�z*5�?��8��ڍs;Z���'J��	O��N�x7$�%
��G4��Q��=ϴ����M�٤Y�f�m�֝

	��n�4(�Yr8c�Q9��YKM�W6%�qn��
�m��� �!I7�B(�L����d����X:���'{ۻeig�9O�M�?PA=��;�ܠ0;���):�vUr;6�"�L���A�r��/��#��s�<�9��lTΦ?/+;���e���,A%�!���Hq�81��콻m�֩��?KT��ax�޻e�� ��(���3�#j5���M�:��y��X�~�k�+~K����h-C-��d,���9�l�mGhʓ��m����G�~qǁ�S�u1\5��
I�N>~�����ip����������6뼚&w\�y*��v69��߇��i����M�e1ǵ��j����_G"ǯ�� (�͆մd�_�/�7n�h 
+!����XE���h�C�v�b�������f���hϋ7N�p�
<q�pLN'��:��N��x�yDＶ�Y;������n�2�����&�D�MD
"n8���_�v�u�4�I�7I��H����HJU�i�İ�<�ִ�4z����j�i&��@k��z8�]sZ�ub.����4p�v��k�k��zH?;��n��nd�a�����i�Ǖ����pǍ�
n��tu�
�t���/u�"��Oq?�;�B�iB�iN�;M����v��I�pp1,���$�|�?��&i���,Q����#4��c�q�SL�a��;�4���o�q~��6�S(���\9����|��)�ubn�g�mOm��h�e-��Xu�o���#Lni�]��[+ڋߪm�2��M׬���+�G�y{�i'g�n��,ems;�����VJS_�[�,�t\M�9��:��"ȉ��A@F(s
+IY��LC9v�fϫ=���U�B�ڪmy��,��L�6�Ěuf�c;��L;9�r"��89���
APt0�ĉ5��S3
վ.8��O��(�b�f����]��`���|5N�6��/49��q.����
z�r�G������k5-?��J��8��H&����ڬcn6'��r8g��n\�q�I�⇃\�qe�Ӂ��Y�n\2{�g$�QL�h�,鯃=��Z�cx���y�R|�+jE��s�/E[K��:�{��"���)~�S/�v��,[�N�i��P��=�����bؗc�e��}�0&�*>~�<e�c�MA�9�d���_�'����YhW'ýEhBI6���Xb�+��b�кz�49����fw�蠇��uw�'�]N����I�ŷ[�|���'����n?I��ڢ8��HUUﻋ��e��Ş{>�j's3m���D��{ߛej��v:k�)7 �ơ=N�8s��0)uَ�n�)]o�;N޶��19��
H/����;��l����l�
HHe]4;��^nK���t��fݲ��h<7�
+<K�ꗣ�qt��\�j�����o����p|������� �U�n���Ħ.�}JM��ln���ݴt�Z�K3�_�+�l2����n�G�@�����2T��﫿���,��j�qe�Cr8"�3r8{Y�Y�:1��K�
+ZS�jT9��~��#�&JE[����e gf�eg\�,��]{~��$������|��i;m�nn�7�ղ����s�
�8#�|B�!l���$Ci�A˖�\'���do�����ʈt��5�<�[��-�d�,(=Ajʛ$�e.��^s��q�Ɖ9h=W5�I��$A*�1K-I��U�;��T��(�
��-~8�^
����Ȓ�}��-��(���r:m�Y9�x��0�EQGw���ܠ�=����i5�C�Kg�l�Lk5��p�M�Ad��ql7��dЁ�pR-�1�p�n�i���^�v:"�ٸZ�j����CP�4W��,k5-մ4��m�UTD�Ej��#���}(P��
�u���Gr5�$��O�s����[VnP؟�#�q�]��iu�$7���7 2�� X�_N����E0�2��Q;�,�@@@'hT�d`Z�s��qz�!X{]�'�&�%n�`���u�ױZ��i1�;��U=���j��i7M/In������'
#�@�K�9��ȣ�,~1���YbW���A�U�#T��N'E\�-��Nź��NХ�apk"���l���q�8��r61�S�B�"�gO�;	zL�����t���Em𛿭Ԣ,�6Ǩ���2Cx�ZwL��&E�}����c��u����0(���O/���j�C�C����S�$
+�m~$��E/I<em[9�sbW�4�|�
�pZM{���ҊzH�䶾Y�ZF���8���!���e�=�E�޴��A@�
�e5H����4&"#5u���:k��v���175���{���e�8��7s\��
�
��r�C��:k�i7��6Ci�����7�I�:������6��!8w��uX�Mzc��;;��^�S9�rrjZ�n��%kUw�k������	j����}W����i�倠�X���^� ��ÏAU���AQ�an��ǍV�%Ϡ��(_�!H���!/��`�FH
+�+Z���R���A�����M;�Z2̂�]yQĽ��pxѓ�xQ$���mA�����y𦉛0������������oi=ChY�Nz#�,R��W�<>`�z���ur��Z�$�>`NJ�
+vC�:��}Y�$��"�m(��AF%��&6���#���n�:j�17(>-�Be�M4'EP��X���}q��N��^X�T�h�?OG^wQd����?o�����0��S&�Q��f$B�|j�����:���ۆf�3�@96q��
+��ms�l�t��&D���l�,��/ݶ3��eY{���Y�f�u�R��v�~�2��_'s�>�8�ݞ��!�i��Ir8��gw^E�Q�;.�8�Vx����u8I�Y�n��e#
+i�\-~2ȁ����ס�5���n[�ټ��v��q�y��w8o�#k��y����W���er��ch��mg'#9�����Q�83�X���=%����u���^��b��1D��
���ԗ�np��\'�2�ݢ|���B���"3}��m����q���;ժ#v����m�Ɖ���ռ��9H=U<wJn�N�9~�Vo���2 ���}��1�'A���;�(%E�Y��M�����K��8���n�=.��^��ȂY_�G0�4w��n�A�GIR�^Z�S�֠�n��u����w�����ƛ$�uq���n��U�E��!4����p����lRn�ӴCV�Xu/����NDq�܀���[q̛e.�n��  �f�j�.�0DZ�&r6��N�
�APCj���n�
�?.$~I'�r\�emƙ�M4�P�P�p9��y��
ȫu`-�E���|������U-[��ݶV�>g��~����X��e)��:����v8(g�j��u��Zvn@�mӽ�Cen[��q4��vv8�(�"9{_�霝�����Nj��y=)����_Ҫ�R�/�4���%����=�/��9��r�~Wx�Īh��Ip���(�Z�S�|���r�u�N��r	~�w�]%Ibv�vWl��2��f�c
v�t�[�_��Q+z��v%9-r�z	��5�W|x���f��!v�)�e�r�i�V-�m����>�/���O��3ȱd�D�K.j�=�RT;�WI���g���mU�b[O9�_�v��q����j�y�(��NG�!g{ݚu:'b1�n
+~�p<9��g$G�J	���7�i����ΚqN�f�4�ڬ�v:��᝷r8#��ټ��1�w�N�����z1����4���?�嶫�}��'E�Y��H�ig�ӡ8�vIe��?����x����p>3~Pɏi�P�E��jN��hU?�o[�udn�=n�:��}L2���knAN���17 'g�j�/���|��ˆJ�ݶq�y����6��l����%6�C��l��{��(U�s3N�m���G�{�f���Ne�arBˏ)�P�G��A�Yr���z�$�a���6{�
z�I��t���F��JIT:���	
���=����N���|�����q+nE)iZK��Ht��U�Ӟ3�"
+VK���]�z�'�z*nc4]RS_�.��Ot��Ve��~Mp;d�����4$��z��8Z�������Qh���8�^�#�]Q�ZZ��y֞�e.��:�-��9���6Ҫ�N��:d3n@J���:�t���?j�`8s\�ij��n��m����
�����f��N�٘�M�����jۚe8���z]OY�_���EUn+BQ��>&IJO��n�Gq�x�f���Mִ=�m�;�����K3��m�����O���śfwJUQp�������$��;;�4�[g����?�/���،�r@���E��:�9��Sd�{��o[�e&�so�)EC`T�2���7��m{Lt�p�n�������?��2�����޲�UB}̆K�y�d��})�_Gb��Y�#:I�䗴�"���/E�)z@N��c�J,;Nrӟ��C��:}M.ˋ!�]a����Mp:t�>	�!g��,P�Q���5FjF,CU��x@fY�^�q*!��4��Ҥ�IbW��Q�����+���u_���ݕ��uק���H=ys�9�fT,_m=(
+�a��
+�b�j��ȋ�_����c����=�٦�}�,39W��Q���$�r�=AW��P�/K�{7M�p�G�p��FͲq�f��il���Vs\�im����j��m���I���I��:�OY�_珢�_.�=�4��o�pR�ө=o�lЬw[O����Y�fW��m�7��p�ϫ���p��;�k�DEhjZY�$e�c�
�2��f��>�HBO�YzF��>����P�8%wm���˒N3�X�T-S�,�6��D&�!��,}rD�iiMm0l�L��t���P��z�\U��6ح��$�/Qc�^��V�ç�u�UC��A͜U��
+�ܷ�]Q��r[��L2����h�R1V�W���2�eQ*
+�ݗ��ִ�:j�֔����E�*�M]1�ْ��肄�7T�L)~��O9�P�-:�=o7�����!o�ROj�&Y�^�UEm[{�O�{�iٛ��$E�Y�㰽��5�/{��0w��!O���&��"�e+F��y��5Y��N��� (H�CG��b��zJ�ÿ�m����@��A9 6�$	o�	�"AQr87�k[�5DZ��᜜M���^7Rӝ$�;��$K��rُI���r4���W�.����=o�67�P��Cq��lT�3{��y��Zk��ٴY�ݴ��VMK;��h���d�������mi���N�i��݆��gS+�$�¦�ǹ�
���u{��;.�:�8��w�ߺi!�'C�ϳ��8���1�OSCx���i�mQ�
+*����v��N@���v�0��W!�S�z[���r1���g���e[o�!C��loÿ�%�T�G���!/k�'��ZS�(ޟ����q#u��+�nrӭw-��]���H��� �w��fx���U�g~���M���[����(=MjjRQPj��G��.�-L�ߣZ�W=�Ȱ�E?'Y�b�}���Z�'E�����5��^�l����i 3\�����dYn6��t�,37 �׵d��C�T�sǽ�&o��q��%ϭ��'�u r��#JMw�#Q�X��ʹ$E^i�ð����Zn�C�?Ox�x�K����o�?NC�i�"HRQ�hn�9M޴��J*���e#�	���m{������$�i��f�q�Ɲ��uz~L�E[k����/�7�'�W̒�6.~&Ռ��Vz�H1D���� ���O�8�� s[�u^N���/G<���,��v[t\�߻^��2�������p�������Sȇ����G0��a��p�$�t��}~�n�EM�*bUjz̒CZ����'��=N�4��hУ?N�6~R��]�0t�l�:)�=�yO9��2�.�M��h5W�����-˘B����NAj��(J�OJ��4A�ޗ'I��^.��Pժ"�ˑ�ϊ�x�L-��a>~{	�&I�_�u���֏!/~��o�#�M�W�-<^Q
+�fY�������(MwQt9��lp1��Q�R	�ⷓ��k��fU�<�ڟgieK��{^�u�1�d
�붅 (D(l��2}wQ���7K\Ѭ3rP�(٢㰷�"�$������i�^s]^�hKE_.����qg��r8&���N��T��t��ܶv���a3m�<;i�C�������Mݠp��m��-���e:�԰�G#��^�e���#ȏb�e��\R����2V��bHZ�~E�J��)�b�d�]3��bv'��"�b��/L"��>�e�fY���__5q4T��Q�`�J�7�{�|�����8�Ee��"�,=�*G�g�k9
�84��c����y�;������9)��9ƫb�)W5��h5�d�pʿ�`xÓˢ�xL�Mi鏞O��9�b�Ev���Ͳe�az�S��Ƒ�ME�7HH����������O�w��N�?/Ax��n3�(��oQ��v;�����Q��%5E�k��>�i=�N�t��k�N'�U{zH��<��䌃{��u-��Z��a�u'g���=E�i�b�� (LΦ�W��
.�*�]�.)M��AN�9������E�C�����?x�X,�RW��H1���R���ݴr�v8������:���X{�m��͜�n[�u��e)��ep��_G{~�ǙT3d���y��S����#ؓ(%A���$~j�A;���j�=.�l^N�A/�;�d��G���դ��3L�����Ɵ�����	�(EM��jM�va��t
+f���ӱ�ILEI�����q'��z�f9�^�qmց9m?^�H�闣
z���_7�
zu���WB��v��0���0/E�����s�#�$,fG���]4����u�Y�R4t�)�D���UCd�GQ��Xn�2��VE��>�����Z�M㡘�c�<�PT�6��>�hR�9��n\�q'���r�]�1l?���/&S�eQ�Z:�9��2���y7M�3���J���bn�C��9�^g���q떍��ӡC����z��K�EV�ج�r@P��e:��j�Һ֠g�����[f�_�8��Ns���(�b����m���$�$O�iJ��n𻿯�:��y7M���(�#������C޶��@��jYҪ�^��mW2\�_�i0�� 2œ�n��O)�g)Z�-I��A�\�n��?�C��(���Q�>E�r�Ő�4��p��eH=k��%Lna<��^��v���k;����Q��~W�v��&�i5��Y�6�����(knM����(�G�_o�x��G�|&�(I5s��.A�I�Z��{��v�,�ޖ'�Q��Y���I��zU�ܾ���<j��gj�iv�޵���M�)�~Y7Mz[_Uk1�Ͳ7G��Ы�N'C���u��YΞǏc�,QmjB�_=%���GE=�i�!z�I`�2���o��erȘH|�ɚ�I�E
+I�6���2�2X
+IJ���q�C�i@*��ɖ�
9pȌ�u�\�s����N�x�Y����������x�ߵ.�5��7����1i��^�{=���ӵ��;tޥB�;���N�7��u��1�����;��t����{�u~�iZ�u~�k^�u����y~�gpZ���^�w���Z&C�o��y��L`�B�t~�2M�<�׵m߶L�5��<�����<n�L�6���n��-����;��x�8��Y�,��(�����Z�u��������=�w�&u>�{z#3�m��5���.�<��uM�	!if�`��(�`2�(���︍�5]����u]��w��2���q��:��}�s��������������o�}߽���}����<}߸�����2x޶y}�e���z��ݕ����}��{�˽����˺�����:�ۺM�6��x.�m﹭�<��������q��黮�|����z�k~�M�
�@�����k��w���<�雾�[�s|�m~�{��}�m����D�{�\�����N��~���x�﹜�{�����u]��}�u��������L�4_�4M�8�Ӽ��r]�</�|]׹\�<��|��\�5��q����<��6/��}�7�߼n˷��w.�|��;��<^�<��<��6/�7_�|��;��;��y��w��k��y��y��y�����k��q������o��뺧�{�{���޶���康������{\�q������:������{^�w��뾯���w���Rnӹ���m�v}�:��<�����y^�5�״M�8]����uM�5��}��u_�=M��~��n���׺��=N�}��2��|�����8.�{�����z��{��5.�=�׽�����{\��z��ޮ����]����e�����i�������y\��^��ܖm^�{��u|�m��m~��[�w\��|��~��������]�����y��}����Z�w}�s]��>�k\�u\�k��u�m]�w;��������ݦu������Z�eZ�o���\���u}�y���]�m^��=��ݶ�=��]��|��<�o}��:��]�i:�e:��\�u�����\���{��e���[�w��w�q��q]�u\��^�y��u��q����m��o���z�o��o��o�m��k��KxN�4_�:��w���m�z~۶�����}�<��������w�y}��Mӷk�w����w��y�w��i��{��y^�y��y[�q;�u��mY��~����靷w���ަ���i\�m��{;�s��e۾��u��e��i\������;�k����������������u��u����m�w��o��e��y������{����k��u�����[����s��{��o<����w��e�u>���q�����q��u���]�����������o�q\��[����m���\��{���e��X�q<�q<�{��s��s��u<�k��w��sy����:�y�����{ܮ��{��q��m��y����e��s<��\�i\���o���\�kZ��������=�k[�e�i���݅�8]�3���yN۶���m�{^۴�۲^�}��{n�|��<M����}���n�x��|��rO�4-�x�˼n�4��9/�7��-������|��}��7���n�z/�5-�z�6�׸\�t��:]�6m׷~ӷN︜�x]�L�:��w��<}�z��z��tM�:^��^�~ײm�w����5����������{��N�2]�{m�y��}�����uM������um��-�5^��n������������e��q���]��]��}�{��{�{��{�垦y������^��������{~�e��{��i�����> f��jۙi�X�Ir_�y�$��c^�29��L=V� �y}����P)����G?	�!fy�"x���bf&�Č;��	��29��a�y�U�ð�:����Gղ�F��n�rǑ�6���1׋�U�{r��,�V��=�0�&����ӠD8BX4(P��q��1�„<V���tW�<e�p�;�8ZGn�v��f����m{i��9rY��f�	48�� �&n�رB"����%EB}�i��]��G
+�g��dR!������|  �(���i
+�sZW��-#9(:'�pT黉��,��%Z��F&��GeY{������rR�d{�tL�z���F%<O����B�d��ߕ��锧�ʮM>�H�j�W��Dǎ滰�s����vyʠȧ�u{T���ƊJ����XE�!=�B���zĶ�y����$�Ms�v�t��hG+9Kj�R:�V���4����79�p�\������-V&)�K�����f^�/��P!C��Dd�{TU�նp�!7�V������d�f�n8v��uD�]���qU��t�
����҇�J᳎,B�
Z�
��`��N�(v���?��u��0l������h�C�-,�]���d�q����P&��쪮K�ۚe��b�vگ�G�������t�S�>3�S�����W��U���z�n�wH�"{��m-���
-�4(�#�IS��e����u!}^.f���t���cJ��
+�r�gZ���u�!�|rWz����h�+ǥ�z��mn���y����9m�29�bГ�0Ö���t᷊����yo��Z�z�n��y��݀�����G������0ص;��9Bn�cE��3X�B��r��Z[�3��k��*�k�t�oG��<=,V���9c-Q���*#3&Qh][�s=��	���=Ꚓ���j�/I��F��dV�������$y���r��&UӬ�6�=hb0X��p��$w�Y5O�~�weϥ7~;�&KZ
�h_��X�~��8�P��_�+��){��14�?����j}�����L�<hQÅ8Z��F�L�L	L$�9Z~Z�%�1z����馑��u�����jY�y���)�mM�m�s6q4}��M}����,�4)�p{�04&�����A��E�@:n���h��9dbZ��s����
�증��"�4u�V�k�n�@�����5HB\�n�dɯ�X�xPi��`�P>�vSu��e}�q|�'��]�|<1>�S�C
BfZ�������)��$-,�sRL5

���2B�v�	�"�:��A�b�>��w�q��8�^@��ss�O�䢭;�qkQ"�a-�@i�1��I�<��(��{9�k���m���q/���Xz]%!���ɱ��ˍ����*��"^�s~�6�����S���Ss,��ِ�
�u�9f�2�i��i�:�=&����&I9e�S�C�x����~+1#
�*����M���qt���T�/��uw��=��\�3�2˶���K��`�`H��>�p�P@��˺�R?�h�JѸV=dRf����@(O���\e�4���Ki��c<an�ǰE�gQD���'���R˖��.K����WE�$W<�=?�ri�����6Wק?
�*N
�3HX/(�	�o�<�`���']�p����4V�VM7���6�1�lq$�-k�Y5���,ߧ	�ߘ��WW��(�)F<���^릹���_P��>~h
�g����	w��q�y���v8!����W�ʛ#�u�י�߲,~����`�f�N)�-2I��Vv6��m@<�S=AP�b��
+̈*M�p�j��|��$	��5��jT�BE���pR-�K�o���ZN�c��̩�B
+��9N��]b�#<�a"f�hB�8ZLdP���G5�/�}X����T]7
�ܢ�7��{rl;��?����9U5�2.)N�#!/X�\Us�C��4ӠU��K�I�|d�k1�GqIJ��[�r�5Mz<ţ�V4�8�E)E�H��#�D�)���j�y�g, 
L��E�5L^h�&|бnc�E��O�g["!/NHPtܢ_�^7�kZ�c�_�m#�.r���B�i�̊��Ti%�����OW��$٣��M?���'/V���Y!�q��]��b���㰽N��ǩ�Fr6�����d܀�Y��:e0��q�@�iQ��󣞧w
���\ע����
+oˀ�(j�[��W5�d�.M����-�?�����i��N���fZ�~���O͘���Jf�0�t@���Ksf��O�p�-�G1�8��`z���i�#�h.%)�ޚ]�̎���_1�`���hI��ҳ�!���h^��Y��zۗ��$�ټ�eM�R��s����QO�� �b�@
|(A�D�)N��:��p�45Os<���$v��g�mkơAO7G�^B��#j�0$P���A#�e��}�ʠ���`�
<Ԡ���S(G����ѯ�_u����l����h�D�K�;��Ys�fv�R�N$�O��v TL	�3XHd��h��H���<bVxX!�"�����e�EIL4ӣ�=�{���f����Ԧ*���)nE�ݣ�+��gu�0Z(��^��G=�����$�"{�r�Ho��"�#-#T� �B����ч��J�S�N:Tb2BV�Z�E�2��QI�fV�����#��	=Yl�b[�~R�E�m7��kk~I��$�K�Z��X_��8/E��v��*:�SS�9�Z�{�bB�!
��y�!�f��騝�����<Y�R��I�rq���ղl'�
�4�*(�<��d'�(R�uA�i���.����rܪuzS|�@̨$������/���M��q�^���*��b����z�&�V�w�un�3J��˒�ʿԓ�8:^L0�D<bPbX������E�ojv=(�f�����	7M�l��o�����o譤HM�pc�J��IVK�z���1>G��$!1?W�*��|������z�3���ñ���Akj�`o�=z�Z��Tj_��@-������,�p�h��2T9�(�
dBFH�ۃ��
|�P!��s�M�'��i���DǠvu�,R!��(�D�K�쀔�M(vMq�AK�
��x�П�ĘF*9V�,%��8��p�\���_L�����"����D�A�P�A��+U�Yz듴S���M1]����O��3�2��^���=��Y��GU��X���u��̔~/S�����=n�"d�2�O3췩M��������y|��d){�o�$�
�l^����'�l����(5Iiً�.�2��eI��>UiQ�E1E)�C�K�s1l�-ղ��L|�Ɖ�	���,$
+���4d|��j��P>�n� ��W�E�4O�{Ė_򋇞�m����'�AN��RF�c�������r4d�@h����+R� R�� "#F2��}I'��
cň��yqǝ�6T��U̧W�Mg�
�H�����Aš�"���/&"��N����	^����8��0ݦ�o܀�^�b6�Z�c��"�C��/�~˔�aj�e��ФH$�,���D�u�,ăac�TB�1���pD.`H>|��h��n
+�"�|���.R�X�D��OO��d��M�oW������2���)H�-V��8��F<}ʶu�ty`�R0BT3�ҋ�JEj��g�9�$d���p<��iV"�P?��y~��Ӫ/*�ɾ�M�C������Q5Զ"�M5�&=.��'$#z-S�Ā�L�K�7��:VXfR�*��Kp+�!�il��#�z heS�[r]T�a�z����lC5.�A���Hz>�%V�I��Z[��m�u[w�z[P�~R�E�%Ve�/=K����R���~�`�%�0#�ʇ���U�P<9O׵��M�K�.���nR|�n�t����4-SH����&�]�rK�u�,�����c{~RsE�u�L���������C媢V�M��)����E�Th� bf%�	��Ɋ�u"�2�u9^\|�`��V��჌K�w���6_;n���ʌ@6T'�h���
���TR&0�ċ;�DnY�Cl��k,-FBpUU9}T��JL��O����񸉎K�[�ٗ^˨N*Z�M1�����9�>ZDvH	��xT-�I�A����S�G�-��B!<?�%����1����	��teǧ�}q�:���2)���"��w&GV��������׍����l:/K�4�q,;)R2`�x��֕d�_L����vl�UF�ɿ�(q��|��~ғA5krD���pL�>���u�6�S�Lb���
G�A�zW��vݟ���%�*�m�N{_n��H�޷�Tj�w(Mm��A�C�����O����^w��Q�˚_�~���oB��r��y�X>����Z��$�mQ3]�d�iw��HY��~+�ay-ZӜ_��W�e�#�ܢ_Ҋ�bw%�,9N���yi���wf�����(��lY��s�\=oݴ�~ݱ�nk��dP Wn�i�r��q���bUzc���˖Q����m_��A0U�(��=������dJ����O��7)�c(��[��D�]@z��W��,�=̴D 	$R�\&~~�[X^���_�����Q��8��)3�{0��8�^|���Ki�j�5_�X0wɰ�I�(�i�<�hJ��
����̀��)�m�"�A�`	ɡ{A�:�0�~�����)e��p�Tu
B�Q���Ir8){n�\w�:��驫��eOD>�h4�cUh���'#.��ķYD<���XU�pM��6-�.��I��~]�u!=�u�uUB�=��Hwݻq;iʞ{��q��ŔF(��ZW]�
��tخK7��&��j�m�(��t,�I�ړ�qh'�i�XUE�,#~ħiZ$�R����0	�c<3�_�P�X'�3�>(Jv�#���YC>�dؓ��8�jz�]���E˯z�o�<�XVG��L�FDq"ݴMG�Kj�{kRt�NGO�,�QT���>X`#}N�_Q�Wf�u���g����~�t?M���{�n�����F���^yԾ'�>���^�v\�q��e8jO.��7��{�,���?��
+�������4���I~�q�����YF�����캪eM�iZS��f�v�n�3��9���?˻$���G
+�P��_rՒ��A��!�r
;�p�ZN �ܪ��:` ��~��^�-lj  ,�����a_v��6�H���Y<~L����'��!��/���n[D�)VC���#�i.O~2�$	�c�sr�IR��d�`�����Q���u���QL��;q�d�@������v��/�I�?Q:��k�N�t�
�.�������%�}ٳ�em�cݴ��1��ѳ�.��1�O)�aב�1��_�z$ݍ[���6�4_�X.JFj��/*Xb�V�Y�j=�0�[f����M�\��Gt�/Ksbn@�
H�
����fg��0��9HU=)Z�!x�Dr��;��!�/��!�-j՚Y�;���8�vm�u�}mq\�1k�u���8��1)��бcg���F���_���X�7Ot�̬3��`�x�=�eE����M�(�ţ��x�T}�u��_t�zYRZ�d�r��}�����rۧmSsMz�P�Ÿ7r6!gsj�g]or�ӒgSn��[���j�d�_ӗ=� }P�%�!Wm鴊vC.J����꭪�g�z~PS��$�%���j��cI�!v1}"ǣ����v��� z�II��Jh�*�H}\|�%�2ȭ]��/?����h�
97(b�3oY�i}�ާ*r�l:쥹�%��|(P�Y6���}�י��A=[�>�c�m�sv4���6��x��?�WW�L�h���0=w�s�4i��S�4Dz�dX#��)X�B���E0�:�9�i�8�Vv����=���my��y�xi�f5E)��cz���g�%�i!8�Օ�6����t��	��١�p:���
+�W-�=/����ؓ�
~4��f��D2�s�j�_gj��?'Z�Z]�+��N�oǡ�f�f���+k�e�
�M��u1���'GW��Lk;n��1+��zY��U%�>��(*���q���}eD������|�-�\?O��D'&I���8IJ#6��Sۢ\W��ui��Hc����h�a��f�e��S�&Ƕ�Z��cM�#�M�=������Mk�<5��p`���i�4?i�I�s�i5�EU�֬����S0k��#<���T�b�5�aK����f�n�Ea�3�T����Ͳ�lVr|��!t����c9v23�p�d��ո�<�8�J�Ԯj�صݴϺ�h�Q��;
�j�n��[7�3�mA�
+��M4�	����,���Ī#5�!}n��V�P���%9��)<nrW;����p��%;���+T��T�N6�t����P���^��/>�/?��� 5�G0/Ƕ��
G�8T�PM��Re��#�n��ᐛ͇b�j]��e��Y��'J)D����;��8(d7I�4����rIJ=9zD�'�[�,Q��Ap��<A,˧k�}�ƕZ���P�`�/G�u�l�K��o�����x�}��Hjfc�RW:�q�ϳOSE]�c=���L��y?�7�Ҏk?�.M�?��i��2���o��(ž��`L�(�w�D������gOA
+�eir�ie���7&��]�&��tIn���
A��);���j���)�In죫�u,�}�
�E^���˱����i�_���L'Q�eWJ ��XU7�Q��M�L�:&�s��#�MjWP��di�d�ys8ڥn2�W> ��e߻����r۸
��4��";��!�+��+*!�n���m�	vy��Tsڦ���}���X�\�D+~>��t(����M����n�5îx=��iȦoa%+nX�b���*�a�s*���Զ�<K<=��q������^��Q��d�'�L��i�f�z��=;{X�V�O�T�R�5LP��e�ӴÏ/E��f��?0�:Z$}4��o�p�
��qn��a��,��<<���Oq���+�p�l���d9���i%ve�u���(
+j�[,�M��pzz�y����.��Q����
+�l�]G���}o�n��*��yY�$9v8�T�@�����%���vF�zmY�dI�tߪ�>�o�]]|G�F׺DgRl���MG-����,w�L���<��>n+z�M�r�úv���Ffo��6�$qM7�&�]5U�2*�G�+��m��Qc%�2�2�e��\���2d���u�#�o�(�!���{����<V����8O�L_4�~���G�8=���d&Z�3��&!+��GRE�T�Y����G������ Vȼ��d�d�/��yk�<����Wu߫��ǐ�:��q?�F۟�E>i�q����(�yU/����<�Q���C*�S���{���}�ƅ��I�N�dۆ���J�r�Ĉ���P1LDzɰ�$�@�X���rj��[�;I�]Wf��m�Ɲ[�r�n������cHI�K-T�fƮ���D
+�X�Pݗb{e�r~ (Fp[��Aﻧ�m�0��1o:�b���3�y�EŵR�B�Oȴ�n���a�VU�U</�i��ϛÐE�P�K?/V�P(��͎7NRXJ���1�-��-N�x�t<���L�ѤO��/먡��h��/��������]X-ϓ4S������.<�7��䙧�M���q ��u���E�a�dO���10/#$"��I��}K�K�]�G�FS܍_,0�@
"�	�@#t�,P@20
x�4�

+`"�8�5V��K���#�A�v�RM�{($%&Ӊ
+M�;|"
���	�
~ ���� �
$p
|@&0@
 ��Q��դ�'���z��e	�c�.�iF��@�D�L'؀	XPĀ>��T#
+��H,��E���#&�
+���J��\�l+;��q��_��Da4U�b;�8�

��0��X���(��9�@J�
+d�H���a������8��)��(ߺ|���k�	1����F؀
+V�2�!HXB`0�܀&pA
�(@R���	�poÑ��t��n�M�_�X[�ed$ƌD,�Mp`h�P@��`A���*P�@�@`�=~`��Qb��j��Đ��l����F��<{�E�z��Y^Vz�CT`�'d�
+N�� �'�`?`�0����7H����d#Fn��N[]�фEru�(�d�$����C;`	�DE4 <$@
.~�p3�B�1h�����JX!V���'�~��}k��&��˺t��V,@�C�%��~,���(./)VМ���J�V�	ռ�K���h�B"�
P�*L
	LpB���.�aj`���$�@/h

^��`

`�<��Rrb�mꅲ���h���e�{��$��q�d�N`���_��p3P�
+R��� �2��
+\��� %4!	7��
���H���
������������IA

d�M`B�`�#<�	[��01D�
+TH��`�3�af���� %XA	*�
Ԙa�$��i�J���n��޷��
+�T�5���Ѕ,tAc�
��)4!b��؀$0A	,��R���'�@4�C�����������N����-_���$p��'l!bXB��5�adC���ȀAdP,�
X�L+��� �e�^�ާk��0"/&�f'P�
+O�B���+\�\X��� �	M0��@�%D!
+-���X�6n�ృ�>~�x���\>}�l�t�1�/��"���Z��̠4XAZ���@�)4�f��P�3Ё^P�qV���-1��(v2��R/�t�4%";X��E�@/h
\�((�e���F8B���#x@$p@ �4�L���,���ܝw����GQ��2�`�"�$� A^`�'<A
+W�B� �,x�/�
0�a��P
z��!͋��|�[q��	(��@^��cx��0*<�?�A��(D�	*`�
+��&~��rbcR��r�z�Ϟ6V�m�t�0�q�V�J�"�(L�	i`C�p�*\AWX���0l�A�A��'@A	3��(@
,��
��+--�(�k�\�/��}GL�$��.@
��8�!aC�&`aW����� D�����'D!	&X�0�&��&nĀQrB�r<ԲxI��'���m0赬N:xA���#��Zx�� �2��
+X��Є*X

+Oph@�� �@(��CG�440"#��?	�)9.���,��LDܠ��`[�B�05��d8���$4�	G�
f��8`�@(
&
+��
5P^#$��K�G�+��1��*�SR�	B�
-d�
+o����0@a
+RPB����(��	V �����P�4f�`��$-���+K�k���b�$X@� �.t!i@�09�ac`�� �`	M��P��%X

+4`
�
�01)Z�ө�Y^)*%/��IID�x� �f��4�
?�
h+L�	>��H`� (�An�Ԡ�@H!D>��a�VR�D�����4}�|!������:ȁ
�Ѕ,�!
k���)8![���̀��� �v�0C���I���tP;�SM�0��xA�G�l�hb	$��Q�#��Q��H��_���ɛe�mK3=���us�8�X<�P��Y�f���j���@�1�!d���.� .(�F1D=����Ҳ��2"!"��j�MF"Vm�|�������<��:&@<����l�

+,�	 �,q
	(`
(�@P
�@E��c%2A�Z��TD O�� x��I�C�+��M�zI�h��պ���$��AlP*@aB�A2`�``H���LIȈk;�\ OϮ�����j�K��M�x)�~�`BP�H�f�
+@�	0a�:d��P'��5��B�$ϭ��,;�j��D~��"Y�,�"#��(Ax0,d�
+Lh�8�
�cF
0,fX\VFd�x��FfEE
+��
�Z��N�wq%�5*R 
�6(�t����)��D�C@�Fp
	P�
K��<���
����5������|�����j���!F-jP��2��
 
(�
�8�
+h��4�������,dVTdJDTZ��k$t�U�8��T�#EdPb	F���5��X�B|��$�@& 
4�D<�
C͌H*%�떎�xj�Q(�Ċ�S��f쀘�8OQ4��mC���ɴ��b�5�$��l\P�{�ۊ  �'X�[
�4��IdR
+�B��*��j��+�fݴ�O9}2�C�;���u"�ċJ��T��&٣&jvS5�2��K�"*�_�}�%r�xMy�v�P�)�F��/�O�~���Z[��鎞lǙYVv:�VM��$�=�n��c
9f�k���)VUBz�u��ŏEE?���<�#'{��Ԯ.DV$���1FÐ>�J���Z����*�|f%J!}r�$Ů��b"ɡ8r:"�C�`(MQ<�H���*�4^�и��D��U?.��~nY�ܯ�]A�\�$�b
+�*�� �uf2�jL�}X�Ԫ��IFF�D�=u��dwY"�%�OZ$�M^�E��(aͨL4	�/�_��\�rB�,;�"
+�O��z�<#���쉋�#F���dEJ�7��a����$��YV.��Bn[���</
���]��+P|�`�CF��XJ�iE��ED�k$��o�#z&�5�������q����V�)�%��m͎��IF�聢m���L�?�WYX,W/,;�e#Y��7�1���($��':�/�vw�d9
5�. ߇��-ZTD~�m�t�P�����P��4)R���^N|���xp%���SS�zK�*��0FX#?/��t�dR�UYN�MR��q�Z��@#�}�]��Vn�,�WK�s��Ao4�+#~�%jI�d�k��Ȏ��9'�5W���"ؽO��>���cYj_����7ǻEt|"��t�
���ހ�f�J'�Lr�"���#~����jz��^�)8^��#7b�#6u=M�8�������<���Z��p)i1��5+�$\^�"�TS'A�˶���Mr�����)�>jĘ��j����i��H���.L�ksT	yT�B*�\%���i��o��j�:�x}�+��q�N�ݷ�NOu��2�T3b|`U�,{����w)�鳨��#�~���͒$��\��xh��UNE�S+X������i��d�ꦉT���Y�mղ(R�I��ǐ>'��6�s�d��!4ų�u�i����wt]=��l�l�hHRj�<�/�eG캪�����^��4����E$�A�P>:�e�|�0E��n2t�B	�be'��O���U]�rٝ,S���*\�çf7K�E��OӛU2�c�F���S0Kj�̢je�
�,m� �E�s�	�U����c�$F��_Q���@/b+�Ӊ'��2�tL�SѴ~�����x�����@5B\���USU�/|�q��Z�%��x�n�o�`�(�5��%�2�ϱ$�*;ֱR��
+("�0*
+��G�	�� V��Q�d��-K���`I=W�B. �e=��a^�/-�:j��V�[&����G��+^b�J���eR���=c����-X�/)9VLVL"�U=r����2F> ���Q�z!�"<=��OH��uG����-��-��K�ǐ~�}>�󏺪�i��6�o����Y�N��.L1��_�-�`�A��̬s��~I�(N��6r˯��Gp/�����0EJ�ÌL-����橋�N����fY��ʆyX�bR2�bČ�����e�-{6��^��}�0����X3���(#(^E���,�u�Z�Q�L���]�=����CK�0hL~�'Eq����@��]q͜D3H`<�h�Q���<!�����E-ڒٖ"F��/Lɏ�&%�C+�wStyf��ĬP4'Q+\`�Tx)�����'��(�^Y�˧'�UU�^7Ic��X��<-Z���N��gw�J�r�F��c�yHy�Y�0���|�qh��!�v=�ܲx��±��R�dw%��b"���=UH=�7	�$�~���Yv���eu����O���A�Z@�	�Qcd4��r�z�-_�KÄ����%�:�j�[.���G��>᳊~S�ے��#��u�m���9�F�ZK�b%"	�!�^��v��_������D�a���_�ٯ{y|���i�^�>�A�P�J�E��Y���u�w�%ط�i~a<�o�s҈iY�A�X5E�K
n��q�j�1`��{\�	 v`9�b��E��	�
+,�Ild�U���bHA�R�!���1媰;6��"�(%�8&�?+���3���th/�s�,�5���HvU��R�X���Ss��{��ẙ�#����c�N-��D�]@|�I������P?И�]�N#vz
�/>Β���ܳ&�&!I��q���(�+eD%`��!�dG�
����,��]�KA���Z1�Ch���})�_w�]��0��_�@i���B�{H� ��L+U�"M�5�Am*Zϓ��`�䪪���lNB�;x�fy���.<vݱʆG~<��!��
+WI	�$�� Q�8y�t]?O�����R4	�"��MOx�I
+��Eȩ%%�}��M_{F�H*!0DP-��oU�����M�::��:���
+
+FH�/M�p��g�^��T%�M�L�p�
��)�)���Uuu?.�6���������J	�	��/z7Z��=
+vKpy��W>9)f5�x`{ߣ&�������]�;Z�Q���J3!�=�bE6b�h�^���Y]F�+N�)^��OD
%�@
t��ШF2b���ڠG����C���'��MJ1%=NZ;JV9JZ%�MQ�`P0�$B���a�D3V���G�"6��O,� �\�
��=0(:^L|���H��䅢c)bj����;Fe��??���?ᳮ�* Ū���қ�r���-�
+����Ui��`���iM[�*���9��"���G?˼Y�B1��IN�ռ�z[$�!|��%F�ّױ"�"�a���)�ݥמ6���HJ$U��[o�W��ഈEU�c��0-,>��P1C�C�_F>�L�D��,f��#��7P\>^H^��V�J/^)*	��\5E�D�Dn�,	�A�2H�hq@6|X�Bu�6XJ|@�䈁�q�p����~��Gp�2ןC`�!���c��W@:��K,E��"fZ
C��I�
�G��
+��/&i�+åJ�r�;��BC{qC���j�=�U��(1�����c��E�EL���_�m�%n��5����B�@��"�`�T�F���(
���E�(6E������Ħ���Q0,`#`R$�݆�0<��u�iT ���_���L��Ux:��<��@�"~��ѢE����!�cU��j����<R�h�
�A�&e���H�:~Ġ���f\&���T�<�h��7TF"@ďh\fL)QL���I�ԧ�<(�=*$s
+��5	O�P��"bB�h�PB���ec�����3>�xyA�J>>5Em��{J.���)~�lj
+*-Z�%+Vb$X��ҁ&��A2��#��2�B���Φ8TBR�>$t,�$�U[v̺�̶����˜@M�X��
.����J�'�u�ڐy١)0	� 
7h~���H�R<�����9E�=d^`�����a�����!���W�Y��R�

�ha���R�2'.^&P�c��FJ}	.����C�'B�J4);PZ?Ĕ��eNj��Ucl�
���^N� V��rD��1*$�^G�$���.NTHB}��Y�\\���W!yN����7FP8HV.`�'P���n�gUEcУGo��Q���t'e�?��R�y����/�_壧�w�.����eb-V
+ԧ@�`�B/T!ZF��1�	�����>'��#\��C�c�
+�)*BZ*����%E:��.Z+Z�hإ�i
3�h��…���ʖaP"(`�"��PO�*�P	Q9�b~>�*���eEjA�2�q�������)Ī�*��	4��:Pb$�䲫܆A�X�T+%�ʖS~=v�1|vS��<&���!�q�S���V�M�5�;��`���
#�Sz�壧��'k��L� ��y�A&�Fr�:�Y�P�B0��$)Vv���ܳ��(,E���愆	LE�����=���0^��V�P1'P
+��䣷�9���A²��)�*����C�yUǧ�MyL��q��Q.&'�ďxr�̒�xl�e\"(��.�D#c�S������^5S�<r��z��I�	1<XBT~[�ċ�*#&�MbG301N^C�X�
Sr��e����u"
yBn�fb��c%�0A�P��ہf�,;����>�~�:��U�؍�j����Yt<�E�x�ⓒ2"�K��/}�#�$��n���x��0)�h5U���4s����ؿ�bH���E���c^M���)m�
+

C���$��(�:`т��,+Z&ܮ7�ߗ��%�QI%����b%�a��!�*�n�[�j��ZFJ
vĀA�����so�n��R�{Ho�)�x�Xz�ժ�R��߯�>ffP@'��X3��&f��@�������&o�+!��U��jM�*��v��&W���]�"�<Fɫ�
+����i�-�^TEԯ�8�%��•��R��r�����?Z�h���M�`w���U<{In�N��|(Pt(6i��ch��u�����$
+���$_n�9nÓ>�O�s�'�M��$6�jYz��]��d�?�H��,>��0!>���.���ES<y�9�je�M��Uß]7
�1��s�2��G �$�g���k��fL#'��s��?z�fɢ�>w�;M�:z�jXe�Cf�%�%7�?N'����r��cH5[B�VIŷKn�Ԟ������W�{Z�\���{Y�G��m�vI�`7Ğ�$����X�v��fJ��W���k&n������~&�i̾�8D�SujS,R�X	擿�8�|:!��DT����
�T-\��!SĊ�#�������/\H#���b�*��|˖���S�S�
+Jϒ��ܲ�P/�*�m�ws<�u�R�Ç䵩=]����-��e�:Z��F��W��l~y�E�Fœѿb��Xd�U��E䧄|P���tW�%/&x�P�\5,b�ꆓzה�N��_?���ڞ�j���8I򦩏"(Ekq|�p�8
+4���|�{�=��W���<����U~�����$9ZՓۂ�1D�"��MReө�9��pR�����W�<���K0;S�zTԮ��.��U̲fV5�6)�"���<_3m�2R��bw��*w-��o����z��S�KbՕ���E˟��IR�8�An�f=�T���_Q�� ���I�u�,�mj����&lvc��UR�"��5Y�ܲ�9gP\�-
+^�l�6M7�^�������4fWnr�1��q&%���Q3%�$W���J~�1l;-�C�P�e��Q��z���xr���t;?K�M��b��g��)�.V���N����穚V�J�����t{��1�sU���ٛd>�(�~�wN���I^�V�OO����_UYu�D���N�(�0�����uT�R�Ǎ�X�^�T��%X%	�%����F�+$$~��oN��5U��7��B�-�dF�s8�1�OZ�"H^-����([��م�օ�{e�|��^Hr2�H���f���끭��ד�J���R��Ԯi��'N��W�$	���P��[�J/V��F3m����y�8���69�є>,P%�Q��w-�rO��"(bQ��C�5���<�&7����;�ę�D+*��(����J�-�q����5�|Y�b�A͐O���4(�[�"�|~�4�q�G�E�+T��m�(�r�������矢�7��ꍞ{뎘Tz�����뇅Um�����I����t���M�鸟Wr�#���UAq�}�~�9}U:��OB!���������hZ�⟦�5�K�?��C+���]��}�÷�e�,Z������&�t(�c��*�cߵ�U������p4-ɴN��i��yr��LR6�B��I�PW_�Tur��UMl��݋�g�������YN�����r�uc�A����S뵺����X�`��q[ZM]!����O
�5BT${�r���#ٳ�����ۛ*o�5N�6_��=��{l�>�3�4Ph�����'*�p���S�>߷���g��O
��u�]<6]_mc6���~���}��C���O������yeY,c�t�t���d��on��X��v�u눢�zz�H�='������t5��tЬ�E��N��M��Er�>)���U���}���C����WB'��������ף����(��u}�X��;�0�
2~X�d�Y�T[�/u�_�&�R�\0���m[n9���~�mC��p���}�?B�K+���?L/<|�>@")�R�ޣ��ݞ��������l;�n�Uׯ�
��~]�Î%
+�?�>��'��LdH\^^)}����,��e����t�N�"�(�B)�r�y�H£�&*�rk����?I��A�W����N�_󞗮���vKv��&�m���kZ�0n�ݿ7h��h���P���k��=�oY�o6�9������@'�wO�I,�%8SR�����ìZ
�X�ZU�!�}z]�W��m'@FNƛ��q�$�0�H9���g��W.H*9N0=Ԯ)�!��݇��ȬH�I}X���c�z���ʖ�L���e:���$��Z���t?����;����1���Xy^BO�$c�Cs�f��!|�r��4��]�o�j�q"	���&��&�y���J��Z}�&��d�o�L{��[w��I6���O2��
DK����� ``	Y�@��"0�S���p��0=("\�E%!O�%Y�}����M�9\�$[ΠƇx)
+f����`��@F
(���� G|\|�L^�L)��$~'��8ڎ�W�W��TYy�I~�$Tj	�\L,7X4=��"���S!{^t��wU��)j{�D*ɳi�G-��^�>�������X�("��F����P@��c%���%�$Ҳ��%�H�V�#9r���;ﭖ�#Z���
	�@EL��Q�$�kMZ��X��V��w��Ls�����Za��
(X�J`����/��<���#�h�n���B�cd�K�-Y���-�{}�&,�~�ja��D��	_FJ�8
�
N��?H���H�yb=L�O�QZ��V����Y#��C�Z�tH��ДY:n�zyV2������n��e�	�Q��&�ʁ����'�ȋ�s� ��&9��y��l�ƟZ%r���
+��,�!P� Zp�"<`z�DlGJz��ȅ�R��T~m=�e^�����w��C'40����@�Q��p��	X�.��/�4q�0�p��2D�˘9	ˇ����{	��}��W1#	@5�%8���a5H0R �
+!�
���|�
f|�2
X�j��Jf�Yn����گ�G��;�o�ϥ��Ũ�- �!* x��� 	�vB�>?%�IYk��q��S�����j[��RίP"���K���
+x�)(@&F�B
$�@������6�@*�3J�S��
�?��I�N�,��o>B�̘a�6>Ѓ�`
+>0��/��ph�,��U��)?�M������Gv�K�U�E4�C0pA�Ġf8A��CC�
F0MH1
�x�O#
x�$p�*��c�I����O2
��>��t$�LЂl��a=�@
+0FP\P�&� 

+<��4D�#�A��@$��*<�����22Y�BI� ����>QX�Gl��v�
%�Z,��#��=�;��
�P !F�@-Jp@գ��F���j	a�ץ�	N�u�k�=k>�Q",&X��
+���#h�
+��"4�E����C
+���/p����%�HAB���҃ڒцPl���p4-I�PT^X3:�`�D /(�PH@�P*|�!�X�5pi"��� ��	7�O/{���þ[�'8j�����"CGh0�(�!�8!H�����L�.0`��

h`���	)"����z�r��4Bذ���k��#����b�!D����"@����),!,�xAn� 
+�$1�`�^ ��p�<��Q�[o�5(���ь��].A< �$�,��$�J��0��
+:D��X�Ԁ�/�hCD���Dͨ����,[���~m�7�Zf���
+6�.$q�'� A,0'��k���@�	�p�0�q���
|�&C��9�U�\����' 0�"
A&�
		�e~�+7L*z��Т`��ٽ#�OdE1�[�G���\x���@
lP�h��G8B�І7T@
+c0bF���+p!=HB���ԣ��1
�
+"�Պ�cbңصKy/��(��(�K�%XJx�HA
I����
+~�����;hq�
+J��@����
Gf��Ċ�	cxҪ�֧[r�����S��a?H����>��P*x!
;X�
+"�)@`�!�Dh��:E��0�Sr�>	:����Bu��H�PA#�%�_ŀP2`�p
�@b
8���&*����Kf�XL}B
e��N<eҥRq��A�	��6O$�d�<��
H4A��@G0��Mp�%����OBÒLVVzz�Wp�!42I��Q{��c*��J�d� ���X��P�5(@W��#��"h@	X D`i"GT��I@J9��Y~�$8��DDo�lk6�Y���S^5��D��@I��t����%		��K�nar����jz�&�&$��"s>yd�ud؅��~>(�:�
%T��$
E��	&L|�E<�V�C!(����F/�Wr�~��zF5GV�ȑ�u �dI<鳏H&�ca~�A���ݣXW���0�:g�:r�I��ɰ��c�Һ�cj�Ll����%���	b	>��ሑ��щ
+���,=$R�3�ϑ���w�W$�e˵����D�E�@	���!
+3` ��@�P�ã��W(�*%��7_Ѹ^c�l��~��'����KE�H�(@x@�1�p�
+!0R�a�FD��=P14R]5��\�H���[nm�l���y<�8��5K�-��L&�-��/19���j�S4�1M�CR�P��/�(�A�!;Y�uGr�<q��
�=MF`x�bT�p���X"4폡I�#
���o��a�Y$�Ż�_���nL��OB�xa@#A=P
��`q�F,3��ɟlVJe��R9�*���Ӳ��{�L�l�m�r� �1@,Q�xa���;���+�|��:�ߊ�LV��	\sV��0�)�y
+��[�xD�J�g����!�0?|��mJ����e�#��b�����LUL�E���pP��G}[�kE�C�n��'{�P�<���Dv��
GD��D
�f����l9Z�b���8<�(��_�^�حQ�u�y��3<WR����}����܎���qX�]�p�
�83�OczL��Yw�G.0j�������F)W�_�g�/<A���tGݚDe��E3?ٺ\��I�%�9�IbfD!(�[�휮�m��|���P�����y�,�i;�)��y|ӫk�-<�������}Oa�z���r���GU����k���Ť��:�Hʹкڣ�@1r�6$�s�Q����)��'!/�IE�r�}-z�U�}��_����9��M�45��f�+��u��`,�/*r�x�ѣ?��O�d�/4�o\c����c�)=�w���f�/�Bm��ed	%�@�q�P?����|�s���2�:uO$P
M����� ��w8,ǎn6�Qhd���i�fi�1L��b*���W��e8VRҋX쌳���ف�'�a�n����O���lq'��{���}_<�.�d����鄛����S��,��)獝�ܾ�TA�z#�uH�C�1��N[�T��T;���(_d�A:+ǡ9��SL�]����	7��6��Gv�������K������Z��� �u�O�J�\C�'���O����Ʈ'� ���Sf������G	4"?1K:}����6�5m���b��u��]�7�}uu�����2��Nfф���CԶ2�T��mE����ڭ?>��'�z_M����C��<��Q?��#���.OY$i���S�e2�K���h<GW�<�����a�<��ɁlJ-�E1ɑ7�7K��(�d�(��
~�J���<�[uY�\�36Q�ӭܞ��1i�+�i]�L��P(Oh�o=�u�u?���Km�ϲ��<���w��p���W4�
�3lS�
	.�
��?�OԲ*��8�����;����?��$\�U�p6(:�1�h���qX�'ri�\ˌ#;��u��_��|u9��D��t���
�q�H�*���������$ʧ�,��X���}�
��T�t���}6��s�<D�Pt�͖r��}�	�c�d=����.Qz��r��5�Zm��QW6Uk�߸Fձ���H�hm��ؖó�ƴ���%-2'���u�X>��}�3�E2�6��O��pG�����^�r���ڶ&IEM3��q����%L��ɖ]8n+����$�n�y�(���c�}_0�O���ǬV' ��E<<�mS�]�%t󲉺����G�%ǿYҠ�q:'�գ�f�R�gm�p8֡�/i���Ea�RX0������<z��tŒ���TM�:i�籄�q�6^EA���X�4��g�GJ���'��Q�����<�}��a��N�8r�T.�q#��t��մ�/(��ǎ$���}')�RX.�g��S5
�
dcj�+����r�d���+�Mq���\W�+/��\�޷v]�q$�#n6�	!o��O�����s���̶2�r�M90�ld�����n���~�Kӝ�H1�I��DzLq��E�D�DQ�A6r8�[Wv2�������ge�5�S�Fɤ�q
+��x�j����C4ͷ��}��E���R?Q���%j��~�'��
+�˭�ӕOY�t�23�Э�K�
˲���)������s'IO��虋�I�QD��<w����uK�
+{߸�|  ���i�R��PD�h�]Y�H)!P��s�<�W��O%�'>��B1,�K�������#�e�$�0��Q7K{,�/��1ݼ����V7ӛ4�4��QWO4��2x��/S�+��z����%J�g���x�^Ȃd\�����t����D!6��?|�XCd��y�*z���Gw_�״���5W�L�sU�OW�}UG��a_Z���;��Ap���>ɦ{׽��FS]i4�W7?WZ$w�Y!�������G����<��5��������U�!�d3��p|�uA�Z��X}�,9ٸ��*��,���/��ք�x��n����
��K�_�����M�we_�i}=�O�Ms��������(j����슫+K��y��J �n��3ۧ�c�q�,��w��4QP"��	E��hY��=���~!�'��j�z`�m89�hڷ�������ۂ������ɑſuC|���/�m��c�.�^�#��I��m�|;�����?��
G]�P�Az�9�!-�0.����+"�
���)�Z�X! O����
}ru�İ(�A���h�qj���{_
+
+տt����#٫i��;J�H�1�x��E�BO���~�?j�k�o8�f[__zOl�b�a!}Z��b
+	Q�F����U�{��,����*$�*y��Y�v:���^�g�K���4or�y�l��|��3!.*%.FZ%��������<��~"�F�@��:��y�>d�v_��	F�
Sާ@�Z�J,���o�sb���
+ 
*�_���>U}�Z7Բ#�^�!ʮ��B�3ڊ����yQ�t��|��X�B,X���PAAi��Z�q,�cD��OZ�[WM��kʮ���UU������R��4�,K
+��
!&Vϲ-HZ>�H��e���gT$�R��>�B1�&]����`8U�$Xv9�A���tH�A�]�o��Fɫ�K���d��!0��g��o�gW^]M�,j[[�����H��P�O4WW�<K.����i0����1���76�8H�}v-	�#�����X3��6^PX~N�c�uQ�㷄D��!e��p��_��2Ѥ�z`���3�IR7���vs�M�>ϓ�ȃ�(��Q�N�|���u���iʟfK�i�ïE*�L�4f��Kj����G�Zj��$K�j�SP���D�<G5�q�YᎫ�'��$UD�
+��j
+�b��*%*V%�_�,���y��~_YEK0܏�H=Ak����~���E�	�0������M(�
�Н@ѡ@a��
�(:Zms;��Y��=�m��[�v�	)D
$1�%Л(�����4R�zO�a���i�KAĉ�}P#�B�`8��qי�N��ȰT "��O��Px��As�m��8�y� H�9}8� �H�X������� 
+P��g�2]@;���x�X<��i7)���0P���#�JB
$���`�Q�z�*�h�2��!(�	��{����<d(a�
W���a��Q#��4�
�������^�2�4f�>��Lm4���J�UL�^�D@	 `����T7V��ZX$����&)S�I
�IK,���)�T��C����kꆠL��]�NC���pe��;	�{�t;
E�">?QO�����Ui�Ԛ�eYQ��0���gO�s	Hg1�
+��%��a��HHɍIkkb]:׍;٘eo(����*� ��ej�m��f�T7H\%�O��ˣ��F��v�u���c�jyoU7�<�;�w]E�{��QB|�S���9��ͪe57��i7��U�Ԭ�j��m��}V�%�i�~֔u�*&	�#j�\Itf�.���g
+n[@;���n��F$�Fѳn��֡H���}�i�|z��xA9A��afE��Gp�����zͰ���rT��V��W�Z��N�(q�H!
�E
+*+�]�!��܆��=w�f�ka"�#���T�Jl>�؁�$�v[3;��%x��B�	@��?H5mD���`�	-d��ZL�G-�Qt�} �m�����
WId�K2�v��u~��	
�C��]
S��yAB�#X���D����@�@K�P!�:"�$0��%6
L@
H, �j���z>���&p��℄GL
+�_!�3�T]�#�ϊ
+��=�=���æ)�U�
+���zݑ���W�{Z�D�''
+K��"�P
��{�)q%��7f�(A�q���4M�3o�$�#r8d'���.��L�pl;/E$R�|P0l�]��v�$��y۔�{�ۧe����T:��(����GB�ȞKL�Շ�QQ��*�Ӌ��4����d�r��e-׹��a]e�k9��<MoQ�Qԣ�����^�%�U�/��c�z�V�j0t�9�mC2�iS��u
�J壓�?��$]:�v^������@�<]7�n[̋��{�G�Tˮ>O�tʞG�̿nl����qK��*�Ex���m��A゚��$S����2�o�q�(�෋c�����|E�V�wT��RT��#DLʎ��.�>~�ӓ�
<���2����x��g��S�M�r�l���h���]�Q�I���Ѣb��
7Ac��Q�
+.�K��9�`P�X�
00

+�3@������ ��
��1�BÅd�*�
8�:��\��̸T��
=f̘B(=��=��%`bB�<�	韁�|��!c)V\J!�P�D?`\������3!�$p�x�<
+@cE~Ԉ�"�c�L
��;d\^��\N U^{Z�gY��L[;O����#�~ߺq���n�u�i�c8��a�P4)R
+�Q}�ӱ�[X���A�6
+ȗ!���22c��N�LӤF/'�߲|ˎ��@���n+;��:�� ���q��:��\�lD�����u,��ڵ&G�����Ժ!U=ͳGUI����e�+�����R��#��$�|�o��;e�C�G��^�a?Ui�\;��U���]��?���т2�M�m��{�<���v�!{�����^亸i�'*b����,�����i�byAU�p%�n�u_����1��KH,�4j�y�T��%	RU�]��w^{R4
�=Y�ܓ�ˎQ2,�ﯚ&���,}�|AO'C�n��[J�0'��`�,AD���d���z�F�LJ����d�+:`H����GA�͘D)�MjQ|�l��C�W���B�A`��Ѣ�
<̐��;��l��`L��(��
`�IH/d$PHĠ�S�P�n��ZH>	H��
�| C���
+
n��=�X
S���m?��>Q,��[���usi��K����ե�3TPb���#��R��J/XJv����,V��^�΂�8	��RR#Ed&ֲWe�a�����]���l�	��>$:��(�u#'ո��*JR�/$A@z������/Y��j�e��A2"���u M
yPF�֩G��0,#�=�s
+@4���W�o�n��v,�Ilk�É֮Ǽ\���$Y�`
~�<���m��ݐ�����,U/���Ya�G�\��t��4Sϫ�\;�z\�4�~���ʟ'�y�f�~�H$�bѼX�ׅ�Oմ��L3}�jL�.~o9�|x1
%���FЈ��qTCOS�{�N�#��¥"ѲM�h�3�@�����]wC�<C���'�N�*�!���+\Z��|�"'̐iA�TN�:^��@-�V�2�0y����%d̨`��w����(��h�]U�j��!z��eS�˜>1]>���]2*�5B�m�{��gKR��u
+�k���v��Ի��Z��tĜ������X
�L
�V؉��{zʢH��'(0�7S�����uR�C��� G
��j�ύp!��,�)���@�
A�@!�/TD8� �ǎ,:ZJl���r�5�8Lb0DZ!=>�aUM.����y�ӌ�N�6��VF��4C |�ZV/K��F�
w�����br�&�u��,!�3Z�h�VB�]�Y��l�
h@E�hZԻ���=�f�GϜ$[nk
S�0)�KͲ��}Xz���ñŏ2T0��ڛ$��E��
~(�����i/������i��v��V�H&<^j�|Y-kA2�� ��Ou��9�\>�ת���ˮ<
<�
9T��(M�䃋���J�[�
��Ϻ� ��p�TD��$�����C;�������_�Q�ZV5�+\�����>hR����+��eV"���!~�򼬊�$c��d׫��K�0��c�$e��
CE_�bW|KoKb��zN�!��AO7IҺ��rh_�m��N���uᴮ��j�h���Q�Qk�*� i�p!�	I��@ Eࠡr
+��>�{N��Ϫ/ʣȫ�G]KN'�l�m#�h�W�:�Y�|z�^��i��?Ѣ���ӂ���A�����I��eG�
.D\ �b&�D�h��'�P�����w�4A�Ɋ�~$�l7��t6tp?/�ӿ���pЎ�j�+��8�`e�I��Ê*Ѐ�Î�r�^MU8
�*�@�5;`RN�
�Z�t]OOS
�bw��+{�!�j���y�8��|�~�^�帴�q7���*(�]�(�P���)XbT�>��XԲ�Y�ha�!	�)�LJ�gPz��r��ᴀ�����<�D��DZ�q��d��ԫ騞���#6bj�%bȠ�@A�p1Y�������EE
F�r2��H:M�i�H��:��^V�"t��t��[_uL��)&P��e�UTNj!v�}B/>O�:ͰL.���("4���}a�ނ"żV-(R��C��_�����'��+�U�D2�.R�'��C��<�4�ќC05�1&��%!�Y�K�
��<S���c��n����3��:b�LHkE%rI��V���n�0詛�z��}f��r��$Sh�e�[�J/`)���9h ��* ʏ�9�b	1DĈ�!s�"�j���	����|t�����N�0+�cR(^���,k�#A8�(�
��t�r\�5
+�����Ex_���H��{e�{��@
8l�j�����!�/��1��)H��E1R�hA����
+2+T
j��!�jձ5Y�<���m?˞��[?)�eV�`x������(��}�t{�"f�Б2�"�r���i��L<���w�����e	JՓ�zT���n�P!��R?K��\�Ӧ�ڍa�z5E�*��#�WN��37C��u��
�h�!XH"T�z���6��n@d�;�tHH�r^�(�~����Z%�"E
؟��)�@L�`��PH?��)X��C
<h 
CF���'��0`��V�g9�Xx�I�|Y�+��~WL�O����/Ij�l:��=�
+�lD��B�b��d�#�,�]S����<erL�x���0���+XVR!���>8����ːOM=׎9r�i9����m���oQNs��>2��I߃X�Ȫ��q�3
+?��2B��%�Vo�WO5e1$Q���R����m�,�0�[������������8����
��]J��L��=0漸�<j*bW���t�w[*#+`���h�	�C��ȱ� ra�E�QƋ������A��:���!8�b���X��6IJ��$�)�]q1�q2"
a#F����
+,In��RD�Ex|E�G`�$`����{M��&�@�il5m�9LHZ�]��~��96��*�^���z-�M��c���������XJE
+��󽚺"(j�$[-{�/� ��I�\��pj��Q�dP%�=���c�M}�LŬJfeR�/�ء>pЄ�R{
�y��ӹZ�y�Ѣ���B��� ��O��6�B�
/�_�!K���Yڤ�v���	)"#؀RZ!��n�z�������S��hn�?�p���Juͺ�"�-1�hēǜ>;:����2b�VL�q(�X�.�-n'P�(��Ee�{Hq|����^��/}��b�i�Mh���G��#�
+�	t�g�U���4�V4=��U����Dd�f��8I�x<��E5�G�\sSu��?כD�t�~
+Uj��?��I�Ѻ�#I�$n����K�g_蠱DI�x�D
?�x)yP���mUu���=����d髪��/���~`=�~���Z��eR���gԮ�5��<+Db�Y��Y��a�P<������i������k'�;o7��#w���A����Kѵk�?�z�b�g���@))��K%#E�Tׯ��q������(�Wf��ZNcŰ�e�OEo\�t�
+�{5���^�u���e�+:�Ӳ��q�܈yY1}|�X9;��A��ŤI����x���.`��%�%<�AI�L�m#6�Q3ĮO�+�z���g��aL�c��h�ib��Ӫi؞�hX�ӣx�^È�RJ��ܦY�XQI�FB��S�ۣe��	Ѓ�����҄=o�6���6�Ή��6A���8��ѯʿ��>;VHf��T�CŤ�������Ej)�!|m�_O��!H�,Q�
�Vv'O���;��l4N��fz�4��-��]�5y�^�f���V��=:ZNR7�v�=��z���\�������PJ)�@;�XB��ƌ���qD�/VL<��b�h��=k�ZW�d��=��#�r��y0��J���l	n_;zߔ]�x���$Y>�s�)(�Ve�o�~A+�።�H��M��쓶:8����
�5��^T�>̲�Z0��
TȄ��-Q3�]R
�xv��陗#�eE���`�ٰwz�|,���'��St���{���Q�:�Gn�����W��0��-#_�x���@yq`	��4.;L`.Z��P���)'CԸq��O��1l9M�6����ƛ#hUg��ˑ�MtŮ$���f����&�������{�����	47D^3��
+�%�!��
K��$��b�`1aQ+
��9�մTϣ�V�y�y���ޗ~ �m��g4*>n\�c)fY|]��YF�Kj��m���Ftp�*)b��|��Р@,�>d�O3|����W$	�`\���M�}�$�i�F��vw�}�5;Z�q����l=�s8��Yfڙi�׍ݳo�r���G�`
�%����LI�OB�"/���K)VV�^ma0��l�`'�I�I9U��C��>�M5��q�q �m��~� ��,�m���w ^��a�jq��˞U�=����u(@B� `����r�o}<������ɡ�v�
+b������a��
S�D@�hA!y<q;B�`����V��&�����QmA6yY�R�7M}��c7
���In�IW�Cumb2��~�Ų�bb����\��1h���bE�*�=����;D��	��Iid����)R%��!X�`�UO�����	AP�!5E�s)�^�A͘n��{*FHl$�-���$����eϤv5���UQD~�D�0�F
+	��2��v�45�OM��i�a�^�c]ӭ7������P��*'SI�cP!2(=����b���E:h�z}��beR�/�UCnj�]���K�&G���NF�"=�lǥۖf
��8��؝��C���5�y�UM�{,�`�Ķ�uU5-?ޅkt�/M�d��y�jN�HܘA
Q�E0,�kOL���.Ku��Mc��W[�ύC5�OWU�p�ő�dk�����������w�T���\w?�R���������%��fN�h�y�
����^��p��2��v�T�4�"��V?�k^�I�x`�a�z���Ee��
���UF����d��63�>���p黬���2-j�������zo�qO�H�z��8���4+p��
+�%cȘV&&29dL<dFT����"q{5RACc����l�z
+��{������>��<�m=V�B&
_�`a��
��1��8��HXbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjbjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjbjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj𭳲�8`)���yl��h
+�'�)?zu��(P���EG*o���	�}@��2��tT�m�q��E�$;�m�zr�i���ay� :��r�0*/</A@�N�ɮ�i�'?�[TZ� (�q�P����)Man���;��\-�r8n��r�Cu�fЃ��K�yrL9��Ӊ�����c���p��k��+F��-�ܴG���X6Ǘ��-��o/I���"�n�e����$}�˰GIЊ�b�'A>�D#���Y�}���R����X]��U�2��xS��p�go
�$7�Eφ�d�0(8���>�/�����i�m9�Jn��H����!��9詜
������q���
�,���#����EaN�A-��1>�b�I���qo�1��_E�Ccxo�V��q��#s[_�,=�ce�Q
+��S'Ö�Dl����I�Ȑ9[�T�s�>XL`z.�ۊfa�N!/
+Ǜ��nkA�����b�EU�Y:GO	�Ǐ�>v��u�o
+�C��TsT�v���&r��~�(R�W=���K,d��	�@ϏjٖӁ3��M��"��E�]�-�=�5��(��
���#��$�f�	�ۢx���߳(�T�yo���|FO'�����>k�Cj:Ūw���/z6���;W>�\��SůK�o�C9��áAO��%v����lj���Kvq�F.>�	��䇇_�Uc��N�X�,ĖW�|��In�/I�U~����[{��G��������d�#�jiM�N����i��=�lL�G�l�ci�]7���,�=��tع���0ݴ�x��h����q��yȱ�6&�4��{�Ǘ�>���#)s\�ٔ��\��-��rZN����=�o����3L"�~ZO���n���z0��"ؒY�C������ԣ�89��4�*�[�2��r/�|��9�A���C%��4Z���U�S�&��ܴGs��;���F�JrY���!���+E��O�y��dُ�'�_{_�#vU�o�ee�;9;��l�u�]}�۽��d���R�/Ix�f��A1�O)��nI
��GRS�~L�lZM�鋎OnZ�~)��Gb�S��&y���U��(}Z����%�-���Į.�� (��ŰkMYj�E�?f�j[Q������(EK�kD~Y,�rW�]��Y�u�b.��N墰�=�'/�r��^7��-V����ǃ�gO��B5b��^��}�8������'��z�d7���i��s���i��Փ�!�tI�E��ܦ�v�~Ci��`.~�wm�q�u��'J͞c;-����_�=M��'K��ꮓ�
�4��F0�z�u�u�O���]�{�� ��pˊ�bu�A?�˪��hEs�=N��=M.��]�{��m�UIdo����wRK�;�q"���>��ֱ?���0R�"T^4��Ԟ�	zБ����\���q�ׅD���.v���>˻$G꺋�.z2��b�rQOޡ�v:4ҼX!���&EK���-T"Q�ᐚ�c���.������u���!ȓ��m���bXD�K�	��X�� h�a�uMr\�8��>������G���������e�1��#X��1�P�G�I��2�I�{�b�����%�����]��w]H]�j�G�����d�=�칈��%if.�=)��TŦ���^�+ng^(�����c�N��Ol9��$|޲�$�N�GO��#9���#�{RO���d���{�L1F��s�CL�L*D��!���Į-��]�j�P2f�*w]���7��Z6d�M���9�^vO�:u�L5
�2�,��7J^{N�::�u
�2�qj�o	/�e�J�*��]z�~V%��	vA���_V�z�r'�\=�z�O���(>Nrלa�s��gOh�]��z����\��E/Ş�7-��Q��ӡ���N�8=)��{��e���!�RB!��M�����R,�������i)�%�q1�����T�������)df?(�Yӟm�47�7�r�#�h�?eh�_�
��n��c0|s�']�
+�a��cӚ�Zfv:6��P�d�x��&����D	���C��R1�Uz�.��GP�P��V�;��܀ܟ�bW���Z�OϜg���q���Ñ�������ɰH-��9e�|��߷jY�e�֠G:�Uz��p�'�a6�������>�8��23)2X����v�]���$��]G��b���������,nu��l��T�@/��A�^�n��U�q�e���H�f�J����!?~"Vuɱ�,G�irٗ-�x����w��6Y�f������.�USr\�ƴ(���j�
z3!~��O��S�����mgR���E�1 ��M�"آ_�w��GMC�IRMS��V�?�\N�;.�6�,M-k2� �����:�}�R�(����%�KRK�)�e����u܌c{یT�".�P�s�햽\v��-Q�Y:�O)�Z�B1��K�"w͋a.�24�%K*�cfe�=oD���T�nC�N�i����ȇ�x@�r6��]��Z��Ww[z"5���<qt��o�?j�a���p�������Q��o�25��7�
+��w޴��A@x��O�ʹ��q;N7����k��Y޶��X-���j��er�s,��(��8r�{cN���MgP�#�؞���r�C�ZO��$� �e�r�K������E���U�x?��>�7صb5����䧚[ dXt����?˚$[w����c�z�P���S�g�j�����=�mE(�`���||�Q(��e�q�
��-��R�&�K2Mj��y���u5�}�Q��0��
�0T���zX�ê�i�ؓ�5{���X��e��f
z��'	R�?=q��q.�8���g�U�r�=��8}�R��pAJ��&�%��rW��\��j���Nji��2!���Wrl��e0���fRSSz�$�r���y�o�.�(�i�,�o���f����q��?�����ijZk�]zn�ݒIʝ��
�EPԪ0[f�/z$�\B�]o���A��Ng�5�X-��3ծ-�5�꟢:)���2�ުe��[���ۦb�������T}=�:����RQ���v>�s��|��,���Q��ˢ�؄�]x\���n~�){.ŭ�$KlZbS�$W��?0�6�Ð���2DnA�8�y�IzN��6���d�U�Ɗ$bǾ9ҡ׫�����BIի�`�`�N"���ߵ��\�m
�d����M�OU�<MN�ݸP��(�\|�����q?M?UOM;;�<]1"å��E0'�Z�1���.K|=h�b5j����O��I/��hO���d��UUj::M;�d��)z�V�I�`xޟ�o�8��t��~I����O��I�d���v��V�Ħ?)��FsY�q"]ɮk�_5��b_�+���(E���Eo1p�
�
W�{H��8=ׁR����,I*r�+L�7��
�&�f/K|�'l�C�q.*ThJ�h=׬*�����ټ]w��_�(5-�����l�yӊ�#���^�r��[�f��
Q���0��"��ɑ�w�ZMcͲ	~[��C0��#%���]E�/�=�(AͱJ�bE��h�$�L�l��$F!�t�E��gJ���އj[�q��`���D�e-�
���]W�>-9n=Õ��Wժ*E��G�yV4l����!yM��#:�r�PZ�\�&C��ޤ{���*��a��AQ��������WrW+S���\���27A�[z�ZwrD�w�ߚ��$=n뻰��=����-����k��ަY�㎢}��㸃ߧ$]��2�Cl��!_�'���5c��rY�oГ���ZF�cՊ�WrU�������E���9n���$��GC�$]�����I�/G|I��$z�����wP�;mCXMˈ��MC��
+Ui�4*�j�qm���r:����@A3q ��!#�cD~
+^o�#7 ���fv:����0�,O(
+k���ۖ���uӬ�v�MO��Ŧ����/Ͳ��}�4I5�`.���c�(V}�3>�pױr��n։���;�v2��r�)��!�
D
+�$��������娚c�߿Iу�5BZ3b����Y�r>���=��=t�A�u��������^6A�>*�����V��?�ybu�� �0�.�m_���=���n��T䶵�"ZOO)��q��'��U��0<��m�q7I�j����4����Vo�]]Cnܧk]�����9���Ռ�*Z*���Ӻ v�Q3��)F?��I��M����M��y���v].�~9������ɛ".z})~�ԣ����i���_GsZ�=�����]<;�F�#w��sERz����m?hɢcS��bH].v(�T���E_0ۗ��m�,k7�Km˪�U�%o�x�^�*Z��m�ay(��7d����;��<x�T�B)�Γ��y}�z���� �ő�tf�[��)�W�b��;.�:�4�27�M�0���|���v�]�y9Y�x��VX�td<zKN�Ts���M�7����늇!ɞ����)7e�ji5}��Ѣ�D;���&ǒ���z���'��p�e�.�A�/G�ZNS��J������0�qhgjU�ߏ�o�:4�}J�=���������5�G0�8��Գ�,=���=h)���reO����d�Gj���]�@9�Ѡ7j�]���mI-��h��u�E���,Cv������OU�,��Tɱ�}el7��-��Wt�AMS����ʿ�\VĪ/{6�w���vGO�j���3�8V�ܣg�[�˒����z�i��<� ���f�k�19 �lj��Բ�VM��-J���j�}���#ȣ窖O<|�}��c��mt��.~=�XUn�,��R�nQĿ�S�%���m춝o�-�^���o���i���X�81��a��)�ѕ��7�Y�r6���i���&?�ܷ�����5
�hc�{�u����6Zא;'�u����j�N�'�U7E�m�X�����%�=�a�y!��o�4�Qn:B�T��0�D����|%�M�-������O�s���Z֚c=/�h�m���I���$E�,�����):�c�i3��ӓ��Y���j��M��5�1o��Vc1��d)v_���([�aʮ��z�EK����IzL2�C/��~��8�e_.ے�#5]��I��<9�Z�Xq;B�#���)~�?O�A�ڟ'�MW0+��,>{�OcU���-�z~V��1{f��IEI�Z�`�ut�}Z�gӕ��@3���	�m����俦�y�bH�"���Y�㸛$	N��=l�A슚c�]���WS���(:��y>��e��M�p�%9ZQ�D����-P�#F@!����#�]?%	w8m�3�_��4,U�u�N'C�,qq���������EP��|�~(@��fEѪ�R���TM;ɞ���z?(�,�?o�A�9ߪi*ש�X$���eP|���6���Q|����~mO>��
+�W{[J��ൈUC��r�qLm���Kn:媥�����q�zzTT���ӱ��d�S�{��������i4��a�jZ/�'���D���U���c�m�ǭr<���Y��~ZR`@��e�{��;��z�#(��h-E�7��K������Ir]���$���GO�~a1;R�=)�L6â�̿�6�Y�Z��R�7n8$w%��9��v^O���T�.�ew1�c���
������E�,�m~w�uJ�G��܎��S��Y�&	bӒ��⇈9١eDţ�f8����$���d�o��˪�5�%�};N�:-I���eXn�||�=g��~�6I�a��'���5��'9�[V7K���d�-�~��}�y!xnr_X��:�[���2�?��U�\����uA��vߺq���R36�/�=�j��l��h:b�]箓9.C��Lq����Z0��t�%4̋�u�׉fz��k$>Ys�t�MT7�[��K�DD�Q�s���c�B�X�L�ڴ�n��#����Y�Ǔb+~[3�IO�$�P\;OǞ4��A��Vt����_�r]�e"�<�����0�2=�>�iz��GS�=ǐ@-\*���Vǡ�����睝�r0��$�c��Y��e)z]~?�L;�Om��׮�M���m�I�������jYd�Mn{'E�ۮc��W��,gN��O���e���=�fx�6R��`�/C;�B*����ހ�Z>?��K<<HMeo��
v�+��,:F���Y����Ç䴯��)z����*�|��)}�e������� ����7�Qܒ��^����/$P	���Y���� Z6��*�Yxj�>=���Kr��U��fxBd�E��f3{ �Ϸ��=�o{�Ψ�ڬ�"�z���a:nc$�#�)���Pj��Y�%��0���e�i��w�m�Ԕ7�u��t�Ou�:��1�g��S�D+�PK�$�c�<Cu=�i�L��Ͳ�ӘD,�O��N�D�# �ϲ:؁L�Ħ�i�&��a�$y�4���Y/��a���Y�b8��yW�����2J ��.��_�k�����S��Y��T��(yZ����f������N0��j�ٯc�.3,K��i1��l/I�E��㲰ǽ[��E���1�b��"��z�eU1|r�;�|s<���US1��(�$�9�!�������Z���*�krl9N�7\����mEh���N��)��~�k?�V��a�P�R.���-��[U$�r�ǚ��`AD
+Xn{R�䪾��m��e~M�<����jE���1�g�i^5Ar˯io�/�nv�
%F�։å�u��hUK�2�e��\��Z��`N�Q��\v7�|C��n^�89�T���&
+�
+t�P@"��s.�?z���
+����O��^�eG�Y~#5M�.�U���t��Y�Y֛$�U�D9D�}gL'֭��F��$�M,�f~�Hz������y��Q�%�#�|Z�]�Xm�%K	��.��&I��+~ų���Ԫ�9�8!��M�ecn�eVLx����E��lrL�Z�r��2���;.����?�C��X��R2���$�3|�2�K�b�e��5�*�V4��0���eA�2C{��7��Ì�yq�XT�g�L*H���`6'Ô��%�YS����=5�!�mr[o���1n� g�r��]O���3�K.{�"�]Q�{�1����%INLj���o񼞚��-���M.Z��:T^+`*�<�$�YӐ���}Eя�G0��2B��&����>K���E��6���&B�-"���)����L`6T���>��;V��ʮG/K�^˯#s�,0�Ŋӈ�K���m��D.r=I��o�6����n�<yq�'��(��;�
+��]��2�;ֲ~m�O�'E��'�`w�%6��?�}��;t�������*�u��0��%��a���!��߾,C+J��.&�ﺞ7����m��d�e�EO�˄��EW�X���;n�����1INˈ�V�T:I��3e�Qkڂ�]o�;�k��g��`}�v�'eO.�ߡ��A�?�aR�hdb�N�1��3*J�x!�.���#�B��V<z���I�ʫ.<Tb&;}��k�S�N�����d�k�J
endstream
endobj
14 0 obj
<</Length 65536>>stream
+6b�{f��^����i�D1,jU�_
�%v�DZ%�vI���a��ӡ蓢�=�(�*����.�OO�,I��Y�~gBz,b~P!�b�d77M�]Cx܄�Q<�JO���B.�n����t��+˻mJ~G�8ůYB{l�E���m���^�eR`���EK��k,���X���ZD�)!7B`*�Ϛ�9�NӮx}կ+fY�ZbU�$U�3;���H��j��� T-���um�� (@izc�deB�,�wq����6˾
?����Ƶ�JO̲^���!Ԅ5m�/�^5�ղ�=��z�-��>�s�p�4�l��_gzו������4�g����OS|q���N� �l�2
�؇U߯#�,��
+���U��1���\5����s���m�^���I�9J��,]l�7ie�M�A�Ģ&<�B�̠F2��uCnK�DF�z�6kvQ��I���*��C.���¡2��Xݢ�nI/�c%D�2�����
+�g����#���у�+#ϊ�
+E�-��F�*�q�9-��(:F�q���p<�Oz�||�SI
��r�M�ZuD�Ez����H�I�G���aC����4M���m�j�r7�k
>b�0��rZu˩�6�����Uu����?ZD�X�rcd�B��l�N��P�����-#�	���u� �Ir�p��3��.R��HĞ[���d�UY�˓��!���Il�G�Y�����m(GC��g[m�L��%̦a��b~Ve?C�,�T���	���n�ïD����64����Q������M���b��O��^8'G[���o7I��_{��v��7�E���%�R�Z��tN�j������zۓ�~y^�J"�}��J�4�E�.K��<�XrW=��ٗeo���]�Z���l�Nc��J��f�%�&9.JQ��Hp��#����)W�����J��Q2"�*jzY�>�m��䲩MU>�
����GŚ2V�(/&,&��Oo�an��Y��BMR�D�_~���WJvUp��]��z���$�,&2��{4�ϳ$�!��Ѳ����5�����)������2G�H��a�5L�Q�<�W�@(��?ͅ���1�A�R�-L*�XĴ��^L"�����)1%����c6}z_=��|_�6�ptD��%�����w��w(~T�$��I�\5DfWp���Mx[$�=��%(5M.ZS�I�淕שz�;�7Q��n;�@�,W<|�������F��m+b-���:5�H���������9�l�w����
+�eQ�OTE�0�_��O튋b�����U��6;So���Y�F
+�
cK�N�,"Њ�I��<�(j�һ�Z�æ���^g�{Rr,w��Y�帛��J��A��dE�U𪏡-�2�x�0�GU٬�"U�
k�@�J���y��ZVz]��m��S���y��Ŧ<	�hI���I$�z�!X�G5eH����#��
+�I< _eo1���=Gii��ua�3v:�]�Q�<�i��'%I�Zd�_u|z[v�Hok��(:ޚ��IlZzY��i�BpljU ZBh�P+�Eá���q'C���h11
�2TJ���b��Qm2G�B��bb�y9�|�R�4��J�p��ek���aO%0����Wv���En�ţ�8y�a��zG͟]���ah-_wLS��V�D.�=��9n��Q�ْ[�Z����ӳ4�)D��Q��Z��X����=�h'+7 &�S
+�R�6�$Kz��K�b���q*����'�����:8赈�r���x�LF �]�p<3R�#f�G<K�*RQ��8q�8����?ϑ܎Ѵ=���ߒ�>�)�e���7G_g	�#�mj�-��a�$B���nÌ@!xn�cO��!x���u-ٽ��6/�
D��-(#;�I�;O�W�!f� �p
z)7U�����!J�=��;
�-X��}�;�%I���ϞR
+�n�A���˖U�ʪ����iiÅe�	�Ƥׅ�(�=BKW�ޏcA�
�O/���V������W-�m�����~��N�so�,\'RȄ�Ep�5�$f��������JnE,J��!�]j��I�d��0��
+�ˣ�t$�'l~Ov��]2���
+hw�s�EM~�eR!�+"���A�b�vIv]�N/&*~ys$�i/��SԦ�9v�-��;TBv`�1�R�o\6��z�b'I�S<��X��	���M�9�D��)��䮧6mɮk~�6��r�8��xr������u ��^���"��o'I��D�:R�\��4�j4,;Ƞ�|���%���
+�02~���@7Jb.�Ol~W||$�Sn+r�)$#����O�X���I�
K��x�n�)�J� 1����Մ)�7Nb/^�>�]���H7d��P�H�g��dN�1��1}Dh	2��Ӎ�
+j5�?j�V�O����H!�O�?����,w�E����vt\�'��m 2���L����f�Z���[Kv<��I¬F>dPvĬ��L->�ݷ_WorS]��o��߫ 
��:�C�WOWn�)ڣ�
+�ӂ��z*�a�=r�?-��C�B�bX7��M�ץ�m��1Z�fX5�)|���a���a?���I��ӯ�ӳgˎWp�jSV���7�:�RF�-�ZG
+,
;`c��d�bZ
�?��n�E�T�a��V�$�)V#��n9����|� fThP�W������/;��t��/�ﯞ1��
+�j�a���*vC��GO�z�f7��Eo\��)H�����$3d�N����$
�JO�{~�2�8	�Ѳ�m,����`^`xs�
z)���²��
+���S{��M�K��e��<�&�=Or{�%�$"�h�]K�yų��q
+NC����&|�F�خ�����F���	���:)zV�(1H����Кʘ@5HT1`�!&��i-s����H
{��N/B\<ZN�"Ō�J� ���1ŋ�O��d����z������G�����a��������-��*�.��.���dʩ��2��*E��u�l�N�'�����~�\
�>^R�����ɯ��Z��7
+�Qr,�%�����Z�'��Y,%*]�I�&A`L��a�q�Q�Nz=�aH>��o�)�mհK��
K�xv؎��y���a{�RF���D��6,�E�:b�-S
+���"}�1ʟ˨D3L\0D\|���&�9��.Tˎ_w|zW�UD��铟",��z��`B��EZ�3^�+���'%Q.z��1;6�*Jv�r4��K�Gx���*H�������~�P��SE�$�J�l��e"���y��Z����F:������QH5��:�f���\;���&�P��d��*d�%z����"�v\�]eP��,{�$�k)�X�Ƌ�O��2
+�X�P�z�Sȇ-9RLV����G�\��k�Z0{�MQ'�PZ�r�u�(���Ņ�4
+�Ƌ#l�x!�`�lrWӫ����)!?%��QSFȉ
9fzP���0����p_�*`��@Aذ
�g$hL,Ѓ$V�Ј���R�7C0 
!��T�DVF"��'��3�X�N��f�0U<p��H����v�� A�X�~��z��L�ʃ�)R��;��S�N)N�����0ď����yb���B4%P
+���������˫9~An�ӳ�L&�nݱJ�wI�Z\*�(�O˲�yfu�A�Dv��0?�ٴ�:XJ~
�i^D#�1f��Y�K���t�FɈ)�q�3����a�a��z�Z�W�F�z�iL�iX%��u�&��ѓu�(�>�2����ii����'��MR��$W�C�7I�O��Kj���}1��(5c5������e	�㓼V��O���֦���+)1ǻM�c�J2BN5DJK�hq1z�����m��~�;�c��2���b��X�m��J��"8}��'�L�����Fed��r���!�R��>&�]�UL�V��0S�a-O@>
Jd�ĥbER�--_9]7���U=�x�"*"ZFx��r��Z�F-\�ӒF%z
;�����4(
���j�"��"}^��@Ь�|�P{���D�Ip96�<R����B��K������%�#���1+(��m�贏�W
�Fģ�p
+N����؇,K���">���ba�eD�
+U	Ģ*'PD���]�.�Ez�2����~=(�Y���qD�&^�a�B�3h��F<�Q�T���E%�L�WH�/b���K�
+��F���+%?�/.V�V��|�/��WIď��L+���H�tC$���jă{Z��.$2TNRx�2�q�Ĕ��	*`�T0=��t�u���4�,���3�j�Ԫ(����%ăVT/G���5`xȑAܪ\�%��Z����
�ðD�Gp;��I��j����-s���I:�8��P�\�H-"_d�_F�L��2��g��ߺ�H���RbD�PA�Eˎ�v=i�#&f
A1RO,�,!?ZF~����>!���L A�
�8F��;L\B�Xib(@;��1�n����
�$Z��H�t�Գ|t-$/F^6���1�˿π�+�Ƀ�aH��'�꿢*V�.
�D�"�p�����-��\���U�_�S�����/�<�ˬ��o�˶�FzW�f��h�Lp�U�.�����G�O�?���a�2@B��a���z�UL-#(����0!������7`P\{�e�PBé����f[���ف�yyaB��"�
!X��a�h�z���X�Fz�FJ���������z�"�E���=�ɒ
+������e(� bF�Hy�p�D����ٕK���}��V�����˦w�QҚq�T7M��X���b��"�Cz]��.PF~�a�����>jq[1��5����4����RL	��<c�V�F.$4!Ԫ��m����B��H޲���dVſQ�zh��n�u�����B*��g
V�V)��I��{�Z'���cҊ��6V�*�f�ˈ~��nyJ���yV���^��5
+o�`�H�<��;Ĭ�x�Df�D�Y~�d��r��х�zא��񒲃��
\��H�H��G��^V�,(���A�J
C���p�b<y)5�N;��(��Fv]��,|�3!x�`�B�xy�q_�+\+ `	T����o�0?���f�?�ˎ�
��.fP#�w�ji-M@<JJDR��exr�)}Pv{���a�Z�mӛ��x�Iv�#������AĠ���gO4�iO̚����U[����A�aE�F,%b��ut�3�$@���!�H�Pё3�u�܆ܴ�'��10�v�+�;V�&����* ߳�3RBz���x��m�i}fͮIfO~�x��b���Y�YɄ��
��e��@y��ڵ�!~��(y�a�p�ND?ꆍ`�҃���$������ִ�	djUњ��H��-�,R���.BI����s�r��qGOT�J�:BP4��$�s�����qj��%���|$q�yl�P1��%�E٬c{��ߧP�v2t
�?���
+//����o沙��) �
z�
F�
ȡF��˫��;��:�9&�K�$:�����̀��~ʱ��6ȩ�>-X�]_1���,�]�e:�wz�c8z�1.&�/IO	��5��W��%{��i?-I�[G	���[�JA�H�k��3�~
+��m�EW�J+J������s�O�t�æ�U��
+
�#@
+�#h\J�گ牆]�\�]����t&n�ء���+D����v1t�J��e���3�c�(Y��⃄E#�j�tvC�P�"DD%ǩw}��.Z�*�#r�H��%��D�-��*D��0|~�
�w�$����
$d(��@E�Q�(s�>��@�d�bc�A!
�
@�K����}��4O��u4�����K��*����m�M�6�
+�=y�{�̣�t������	!��n5}
�����utZ[�eu��U�H��w�~�U��:9�^p��뭳�c`�c��LD�	&^2�@&�X����y��'/h��4��t�H'��15�O�&���D
+�<
U�O�tb�NS '��6_���I��n"!�@(��#r�6NjS�a��M<Ӳ�E64�����+��-�:qI'�)�	&B2�ȇ&�i���4��OP����x������
1�ϛ&����%K�E�'�
+yr�NӐ���Q���I��n♕MD �Dt�6Nl��IK
+q��L0�E:4q�BM�#�XE=yA'����3E:�@&�y���4���&R�	�b�|���tpҘ9�G&����%M��fw��BNѐ��qR�R�� ��n♖M,���D�_aNn�ՉK�8)M�N0�	D>4qL���O�Ņ�t7��`��٩�T_t��_�Oɉd�c�zϨI����T�֘�má�D�
++n/�(�$2G��{x͎";
��uk�����i �
���g.b�tB
BR��:�tn��P�����Q���q �L0dž Ԍ�Pg�-hZi��z1^���ȚT�
��:6�p_$k���=,-P�gb��8���|g@0��y���I�߬�#.��g
+��6�Js�d,��2Ę�����Y��m��4Ve8"�B�q�#i5�d|R����]�h��\B@�H�C}GtT2�u��*x�K,V��C+�GlN* �!k�@r?����WE�%�b�=sTH�0�r�:3��ʠl$��(�g���H(��f
'w
R���ͻH1�ʡsR�ð	�2�%�-&��f�b%H�
+ELP������[�nJ�T�!�Xc�&s���}p%�`�*����u�f�"���@ɗ��KR�M���Y��o�b)Y>�qmXΫ����u
���K:V��SW����^]ү\yaX��
K�>�;`j��1��i8lyD���R��3zNT����ҕ�.L�ի�G�h:$��k�⣕�^�),��a�N�o\�}�t����:��Q����H��fH�m{�\�`�|@�8L�����^�7`�_5C%*�v��5߲w����Z~j]۷6C��>��Hm�|P�8RZ����t�t��[X�{7���>݉Z�����R��Е��"�1h$���j����2Ɋ�0�k:�P��ϟ=�i��#jZdT7�6�*����DHl�{�6#�V,�Ნx���^��|��!;�fܨ�eY�K?bW����
{1�qJ�a��@q&=%����*Ä�NLC=Hd�!:#�(�X�n���_}�Q=Z�!8m1.$�Ž��
��9_]BD��b����k�<e蹑�F��Ԙ-��ӦJLr�HI����v�oϛj\��t(d{j����[gj�Y̝v��
+�k�}
�[(�ʡ�$���E�!^,|�:hL"�e����P?��X������E��������Fߡg�II�3����.A�S"�{��q�
v�,�У��bgD�q�А�2uM/���S���7r�f�ޓc�<D�o]��u����g.�e��=]>^�(,�fwQ�"��(IS��猟(��r�G-�V�m���g�4��4_V��s��]Ĩ�?���Vg�X4\�[<�z?�t��c����r�G�9�R���)s�	�˝!�O{Jh���7$�e|�3
����ۨ�"5V+�������@��'d*��Dz;�|���%��<~��4'�Z�J�L���){a�Só��1�4���y��2��e�*��R���s�&$Ch�$_bp��r�C�Ӡr��[�[H*sf�C��~��U��F���Ċ���Q�`�ۢ�
���`�T�Œ5��l�h�6��u�%���&q�����F1����}Eg�Aڮ0j���'��h��87'�h�l��������
̏�R���GpQ�����,Ej�߳ڒ~۲�5��*b�W<^	(��w.�i�a���+��2�˯;i9��	��!	w�$$9�]�x���IG�2�…�ӑZ��Z���$c�{����2�u�݁n:W1�NRٌ��9X���2��t�s���c��JcX��
l_b�A��3B����*

�^�+�o����U�k@��,�l�����T�����ܚ��kȬTUj������Y�Կ������puo��(��5�]c���p_K��ѩ(n%�����)Ѩ'�ҿ�����,8�D�/���Á�.�Y2c~n�΍¶G��(��������$��}}�;S�����J�����Y��/'lQ���ȀA��/���ld�;���x@�E������AP�Iˣl�A����>�C���[k-�ņ�Nl�,b���|�x�~�-�!0D�II�t�:��B�s�����~Y,�]����$�养ky��!�K��V���A ��� 1X�ᴞ���
+�Q[g�
���$�n68ؚ
��+�6�0�`�lCH�BMWׄ���
x:
*�m�Dɹ,]�K��p��ൻf�u���
���q�g9�z���>��xdK�[-�jB�dݭ�a�C\��2�t
����/7���`��2���]�ˋ��$�uz�õ�������?"�v�~��� 
+���: �;�����ُB�i��}CY]�ҍ@�E1?G�2
kT��b򣙦]���ltiH��逞�)���!r=�252�ac�8}���D���@����Hզ�K����P)��׸߁�DN��3
���v�/��9�L%�����'���J��D�.�_X�Nڋ��#�rd����(��럘G�ۣ���$���$��1Rx
���"�Ʌ_ܲ8�s�pH�0D8�x<�d���҇�qҽ�T�s4��v����$s���U�ي��4Q}����nέaR�P��'Z�L�
+P	q7�c{��Y6�L��:���R,��r��믫�&^0�j0P�t��WP{��hs�h�O\��_GH��.1-�I����������[t�YUl����1�ȑ)A6@(�_�le���>M
_�c9]�3���3i�|�Eɑ(�u|ʅ �Z4݉�quN�ln�/�E���"\��� ~`�����Zgi��j�d�����;�oZu��Zc� [��������[)ĹS��[�����{J8���`�]S��)����nvj�!W7�/���u�g܀W�e�z� y���:R�Un}+G'�,r�2���'`�%�=J��*:�˼|6!�x��6��/P3��iP&�����wi8b�Q'�,�ۚ�b�d�A�S����`����h�<+��
�CŪ%LKr�_g�3�ْB�H�����K��1HDN/<k'�3�վ���8}C\����H^1�C��"���2�
&~��ca�-�y��80�3֛��������b	W�rxS�V�����E��C�<�똥s�ś��������Kdf�BM�ރ>��[������9R������<P�;6���/X����P��31����Z)����ST�T��8�jp:l��^�p.hm\PD��_�Y�����z@'�����h�Zǰv�O�8&o9�@8$��z�6���
+H!�K/z����h�X����9B�0я�����]i�ov��� �H,9���>������r��:�@h]���>�e�v�X��Z�0&G�XDr7%K�
�5'�Që�Y.=)�&�|,b�nz TD��:�'�<���ќIQo�O9pt�B�'�e���#o�Q�k��W�x�Q�p�;#��b���x����5b
2ǝ~)��NJٖ�"K���V�S�۴��g�?r�[�y���l1�
+m��3��)�qA��ίi���v�>	:�j��-��jHlq}9��u�i����-�Q��F�(t���"�VU�a���9���+�u5�+�v�V�
+�K�l���I�VRR������|�ќ��Yt*r�K�
2
+(1[G$ۨo$��v�6Xi�T�᪏k��9D]�h��2�<0L`T���J�
ɿ@�v��?È�؛Z��/yՏA��N�%��`A�-��F��E�d@�"I� �b��̡syxF8���&�h/"��tڨ(
J�����1��<������k���|�q�����2y��5]�j��
+EWnh����y�u�,+.����{���I�LQ��6�7
���wn�'��b��f��E���Q�e�U,K�bb��J�ih�U�=S���b�|Z}�A`��Չ���5����oJ��9	hp,Yw)(����!?u��6ם۫�:+����B�Vke��p/���E��J�sx��P�@�|/B�ms�M̍�`��at��G{��3��O���
+Fy��x�f�*�X_!����X�蟦�_q�0EB������K���Wc��
++�'�w��5��^(Í%Cj�><<�XU&g}Q9a���B�CR0eSQ@�,�Ș.��JG�oR��u	��t�������E5���g}�
�����W1�q1�#?�_��Gʚ$&�"eY��4c4hap'ZXn����L�)����|O\`Ot��
+.B��"'E-�;��14Rk�>-tDO�:U�u�sҤ��� �Hg��Q^knj��o�%���r�"n����9��9�=��/��G�*~��.�o�7��9�"�Y֐��h��@Rx�y�ّ�+}�A�##~ďs�q�:U��
+�Cd�'~rqDn�A�v�&�7�����t�z>������Kݭ��Z@�d$��^�l����k��Ղ[^i	d9E#b�c�.ٕi��aY��3�:�5u��	xa�Gb
	4=?k�W�0cRߑ����/0SI����7��S���7"��JHNr5
CN�x��Ҕ��Q�;��!��4�Pl��r��-��3�k�Rd�
+ː*J�Ѝ�-���G�^m
+�z��EE�'K��
+��j�h���15�7BNA�������k�4�V uh�]_�4~L�����y�{$@Ta�'�
]~� ���#��
?e���]����� ���}�i�BQ���/R	"o��o�T����5(�*
+���xo����,�RbI�T/4����{�\U]i$��J�k���
��X�.��f��8D&��й���,ѧ� ������ǐ{��E��=Z�l����c���G~��
\O���0�4�O�z��$$0����R$Z�e�~�5��?{&רg[<����e�5���qt��R�	��W�"B�-��R��`����I��)�x+R}U�'������hz�sH�®/H��݁���
���w�O
+����F�kO0�oC�Ŷs6�Y�����y_&�&}�g��(V�z�>s/R�6�m���-���ie��|�h��I���6 DeXU���	N�:��$ԫ~�]�t�ͫ�F9��T1P/�U�mPF*���?�~���5�!J�*��Y�ãx�&�2�����6/'�4�t�����ˌ��қ]�.��(��ʽ�FҤ�V�*_�C,�$}��
�f��r�v��A��M37q}3P�L�~Z����f��h�#��} ���U^����U$�
�o�^{#�ѿ��'�	�*)�
+lG�h��
�8%��z�)Ǻ�S����>5����b�(�Ŏ C�O f�~�q#3,r�h�xX��!%��}7;6���s��n�0�ϕ�}?ǠqRg�×��:�� �.G&)F�ܸ-+��)
+�
�~,�h<�zƭ_y>������)�u[��{���6�5��N��P�FdWʧP�
+������bA��4<���f�هcCﺏdn��I�_|}���dQ����`hYꊯ��|���+�pؐ�)��hƅr�����a+,��h��p�L��.pz�su'���pG�գ��r�����hY��{U��<���µ�iK�p�
+C
+���7�@�!�З}L�\葁������È_}�1�/��̓��mǜ�݆z"��U��G-�ik� ���'N�A�,�r���\�4H�#�7۳Iq���W��8
+�HÝ�l9F	e@5�H�׳tsm��a)�Ņ�׏<�r|Fqk_	������G,�3�?7�����A
�n
?��
�P�W;��F�}��p劂3!)A�������&d�f�o�^-�K���M�9:!~P:���������5���F��h^���}އC�2}��:FŠbo�ċK2�7���2�"K����?)��q&�
��_����%rő�9afqX��H<r���,�,<�!���H��tD�:�ҵd�
�Rb�M]_r�^�p��pq�T((v��[�&�@Ѕk��_�Ys��Mњ
K/��&8�ːE���������7i2�i�-��u5���%F��*/�$e�X\��,�N��
L:ngbQF-�Q�� ݊{z{�]̑��x3 �r-q(-!IAaħ�؁��bd�.����ߣ�N3_c�����ΝFO��S68�І}e���	a��_sWtb�(�f�4����Zp���	p��������@���>�5-��w�[��s9?@��h�LNj��z�bk,�s�ɴ�rf��2���9tX��W���uW�qG���/N����K�[:��n
+N&���"���0< .����<`1�����&!�C�U\v���|��	�%���F3M	��4�;������7�f��h�`E$ǜEDa��F��}�-Hȟ����"�bS�o�ˏo��i�!|�������hFr�d��c��u���Bmݟq�ބ��'8+�䌣�
+�X�������tz|�^g	\�Cރ���IƘA=Ӣ�dB�'Y�N�w����͗�[���_B�a�`$�D�2(�q%�t\��Wt��jB[R��l�$����끤d�…����R/c)�{��v�0Hf���ɮv�,Z�y/2�x����H?F)�Krko���Ѹc{bo�������@]C%joLa�g(g8�F�{����z)�
+�&
z'��c���Ә��:�(��M2Kx3�m��a�<���
�A&U�{�f6��8M�g��/�3�1������'Q|{��Ҁ�;�E#D��<;8"�o�&�U�e�r�HW�u���!-ͳ�K���4�[2�:5&���e�~��.��=���}�mgU���H�xѻƥ�pqQ�~"
E�^� �����4ڜ�����k~B�'��HL\m }DK��M�›vӥ��Y�r4(�ߘ��iӐa�uX�YU )L�
�h2�~%߱��fEH����򛟶�
+�-��1�ԁ*v���{��1��!'��k��"�䠻�0��&㏸5ç�!�!��S����q]��?����{L�b4n��+Y��o'Q�����R]�T�v�L��ݯC�͒��D�W�7[�u�����O��tq��W�d&H��̌��B�J���9�(x���
+˩T�D�Y�%��4@󆺐d��zP��	�Q�<���o#�X{�^�ApG
+�&%�
[!YM��(�U�~���A6&l?�Rp��J��G<�n֍xd�B��#�<�il�Ӹczn�>b�	��%���K�ɖ� s�T�L2@�2�F�~�d׉.��XI �� i@�h�akg�Z���
+ڨcr��|e�*.��O�d%�
A]$�!���2�:�9��0�\b��N�-���O���Xq���hn�]6F�#t�#'�yT�ah>��HÀ�cO#ȨW����ue������UF�����ٽ�i��ՠ#(��=X�c�YmI:�(�f`�2���ƿ2-�g+0��Ԋ}	O�$^�~���І�C20%�rD��$��[��ަ��)
P�f
�`q�5�����vX=͔a?�#n�A�S�z��w1&.�Z�.�oY`�n#����3+Q�E�ۻ��.�aXu��N7K�`?K/�L�n����-��I���qp@9��(�|c�\�&�d�q�X�g�K���ʑ���f��3�,�+M�y6]&�8i��#��5#A,�o�e^�	��x�����^7‚=+
6����=_����:B�����X��8+������L,�(��#`>kp
+,e�ȶ���M���`�-��N0C�@P�Zma���\��邎WM� e]�!�ق�r	��`�
�G+w��H�3O��9�DJ�(X���x�T_"�!�Av^�B��� TcF<.2�@@�'mZ���9��<�����*x}f�M�"��<
��s<��t�bE>��4<���25N��=M\�w�8ŊxL��+�{��zFE
+Tl{�'���H�}�f�T��h��9AW��F@T���r��'TtX�+BVD���\
��"��$���I#���
8	�dH��Q�bc�WX��ۣ����Hp>��G WT
+��'8�{��x~�tN��]�{��2��8�<n��W��y
+*��X�y<���1���I����]��U�+x���)����2�̊8E
+>_���9�������<�ӵN�Ȩ��x��F&�eh�x�f�L��LOS����{2�}۱��2�.��w��c[Ŋ�_�®	2 �ID�O.;6v����)IH���^Pr��'�v@�$�`'�r;��"P��?��3�/�A�#�i�"���
+�������U��}�i�h�s���	���
+�bQ4����i��:������	�ghB
+ ����3���(���9�u�Ó	�hO����^t12ec93d78-5872-4e0a-aae9-9ded0f3c6d4c71ad9081-7951-4edc-a543-355a2c324188m10SVGFilter
/ :
/XMLNode :
(fxmlnode-nodenamvalu1 /Intt/ArrayeTurbulence;childrenstitchTiles(noS2attribute; ,baseFrequency(0.05numOctavtresult,feCompositope(inSourceGraphiinin2x0%xobjectidAI__1idywidth10h/Def ;4fractalNois4GaussianBlur12stdDevi(bfeOffsedddoSpecularLightingPointL-500-10yz2zsConstant(Expone(1styll-color:whsurfacespecOu2arithmetkk10144313litMergNod-2BevelShadowy44Morphology(diladradiu1.bb-b2DisplacementMapChannelSelecRy(Ay3s3bMatri3m40 0 14animcalcM(linead(5frombeg0sadditivreccumunonfillfreezNtotorestaralway5c8cccccc8ccc1cccc(-5CoolB1D_6erErod664_(77spli1(1 1;20 15;200 200; 15 20;1 1 removRrepeatD(indefindcPixelPlay50 5;20 20;Diffuse5yellow;green;blue;indigo;violet;red;oranDielevazimu8d1l5re010�#���43#"I
+RJ�a�0���@P �C(
+"���!@�A(!�0�!���4�R5:	����Z��6$�^���!��#?B�Q=��L�
Z@)0F��[e�/8(�`}̌��J�2ڞW+;v�H:�#�hͰ��b7ɢHh�v��F�b�n)���X,[䷬���|���nU�S�?�J,sg���!�!��KAa�})��Vs �@}���I�R�q"rE	q>.�~�9��P�"�t�8m�L���
+͋�l xO�b��\`��'&e��C�?������^!$ĥ�Qi�)�v1_ۆ�1`�I�6�A�����æ-wr)l����FY�VP�EG��'�+��������M,h�
+e3�7Q��]ړ~w}���;'M��?�5�n*�t�L��K[�^��a�R1�t���b8�СY�k�-���4��� _FW��q����H���fsQ�l!

Sc(N{���c�B��'pU��T�.\;�w9��"�HN�����������\�t AV25o�Hm��Q),C˥E<-�H=�C)���J�]8M��_�G�1D�qn�)q�j�S�Ja,a<��1��ܜ.��s�e��h�l�=�s�.r��vޗ�T�T��#�龄z��ˆ��A?�˓*�C���ԣڲ���#�X!����(g��>7�g���^�Tv��\A��m�|�����eD��ew�8���������'�9�Q���?4A
?)��Gbo&�1a�Uo�NMf1[B�%��΂"S�-��6���F�Xf�wy�G��u%xYe�{�p��B�a�n���a�Z�*́F����vB���3�[�������a���E?_#)-]�M���
�
�r��H0��؅)Hȱ�Q�t��LyF�b$b�8"�B�	�0F�G��Kmŷ���cEI���׼�UHB��~
Ft�������LbQr��xv�fkL��*��XJ�r)]""�EEt�1�L��]�}��L�
+n��`G/�ލ=y��G?�
+�mI���0_�b�u�-4!?�!z�7zevP7���5*���p�o��ڒ7_<J�NۓόQ1+0�ˈw2_��E�2��¶��S�5�MT|���4"v�}�	�����Z�������c5�+g�g֒oY�8m.��ES�9��ؔ���`��ct�k�����n�T�\����>8��x���K�O)�F?�J���Xgh
�0Yd4�Z	-�s6���2��qHs`����<�@���^C�TYLR��u���i��`�
+s]��1���h����uI�5���dl�d ���u9�d�s����3���HrU�/�^�5�����p��x#�����b����|	�jҼ�M
g˘`[,�\N����'�V�K�I��ʣ����-Wh�㡷"Y=e~:&����sT5�Ix��T��H���9+��`'G��*��#�<HX�����V����)����G�0�("����?֧��I^�EBZkLv������M�nIX�wX`	+!����z_�:!�"M�R�-��
���
Dcd5w"X�v1��_ЖY�V}�țZ�_gq].�UK3ۃ�e��~����I�5�����J(���pR�!j�<�&�{�C_�>��f��˰�C�$��K4.�ՅQ5c�!	� _:�xN.����5���/vc$�稷@���6����=/
Ρ�;�S
+^�T��M�
���C�
+�K��	��+Оcrzs�����]J��Ӳ�b��q��Z|}�],Z!Cp]�^0��C#������b�_�uX.W��A��Ml�n7,�˱ܫ���X~���M��G�'*����b�D��g^u;�v���Єa
+�E�X!�|)��xo��`ۺ��T��4�02��~�fd5��>Ԙ����c���@�̝��5n�'�C(�-^1f��GXcX�<�ZU���Fe�*���@�>4�LCޔ��dhP�U
8[#�n����WZm>�����/����!�+/ƜrR�#�,;��9�cܾ2�so�&2�q����Q�,��jʈI�6��NL���SX��OKc�^(��Aq�Rm��uy3�Ӱ�o�l|�s`��v(��)|�	���pEN���v�<p�N�v�&��i��?BC
+TX�����h4��!o}�
��tq3*Ю(H�jA;B�~����Vf��
�BO�)BX�O�!�j#��RC'f7���R�Z�x �;b]#!<�r=�0�t�
�����G��
u8�'��Džá�� �#f&�3.�AtH�à�LW��@9: D Y�����H��W�nZ���i��b���
+�%^��8��6�GL���٥Q��@&��@�Pl�����l9���L�$�hG!��*\���v��0��y���I;��>z����������H���ܤ%QІA�嬥O[�A;-�tތXֈQo�:�52��;���%^�̔�W�F�K�K��3����-�m�p*ea�r<#�����r�ן�.�ͮ�D*����db��Q�W�O
I�G���U�lAM��/���GZ�%W&�yy9�w��Ff#o;��}�a$�ˊmKtFBu�ӟa���t��(x��,‘=F�#��c�u�I�p@��-�̳T��J�ٳ��~@;�;�<��,S�(F����h�:�@;r��]���ķ��q��9�fL��ϟ��e#T3rhi;g3Q�l�8�0��`���{f���=�k��O��eZ܇�����K��6Z���u�S�q�K;A����m�D��@����a�،0����(����*�x�w���V�z�V�h�0ϰ0oϒO�mX%�]�+�Ӳ%K����^G5w��p =�K�JG*��;�����0�pe�,o�ɾ���N�������gW~"�q�կ9��ę�A�a�
+����P0�����PAP���q B�ABoP�d�bB��bBH�`�
+
�0!„7�B�$(P���
+�ʣ���,`���d(  &���
+(P@<@!����TTg
�0+*��^d`��	 L(��&P��@�1A$`�
�ȅb|�­]*1۴����J��8���K�Q����/��Ӗ��}>��o�ظά�GyEof��Oo�O�ޢlР�`�Ўm�Zo5�
��lG�
��EQ\KD ��=r	4���|LРF�ą��	�m�P��	$2@ ��q�K���>{N���:~�C��}/�&��ׇÔ���;)���~�Rc%�f����䗒�F7(��9������F�\-n��eR�Jq>������K8+f��B���e��e�Qi��%����auv�:�s�!ΙQ_w�,��5/�r١�ݎ++V)��vL�8�8���A4s�N�r$���̓4��۳}�􊽦�dQ�b��Q FQHq)�s�ŭ�^Q;���(^�,r�%��T�Q�b��i�Q�b�%�	�Ѱ�~)��Q�Q�Hd+ٸ��� �r�i≎���b��<�*��{z�Q��<
+��Q��(��U�r��ܤ����‘�!a���1}E�Q��y�%[Y�L	�$��j�̊LI���V�kIaI�H �Q1_�h}-�MwUE,��z�p.��tn�ތ�X^L��L����VM1������T.-ݦdl���Y e�>����Q�����ޜ�	"��&�R�t�'�u�M)lKkrv�i:ZFMa�a�ۤQ��i�.UsQ�t�6����1�:�\��u+���a����Q�����u;#q�q
��Q\��q
C�nxH�0ef�I?��h�L�7<��͛�a��ٜ�h��ӹ1��zD;�g\0����^AwŅN�U�q���`5r:�i;6�H���)��0o9�}r�5����{ض\��)����{ț}��ϰ*Y+yw�Zy�:���ڶ�Q��wk��|��n���s�._�Iř��wN>�ʼ�S�[��n�'�Ե����~��j[��̸@��p�nꖪ 
+LK,�@&P
B$aA�P@~f���$8��¶%[�r�y��c��\�<�
+o"��������(�n��u�35����ZXs	�7kL����V�Δ&v�ҡ�5�jnV����N|r����\Z���-O�T��c*_�T-����	ٮ�u��<�[����W$	���:2�+�+�Qs�ξ���-�n�^4�N<��<�L������D]����~g����ze��%ŮU�^E�7��2�u/�����:�)C�����Ӷ��������E��LOd�c���ݖ��r��}w�*&�Ho�6=v�7�O�M���/�_�#mTw���WT�Jg�5��E���f{E��_�wxmڲ��rU�m�	����IZ=�Z�4�������T�_g'��Eyc��H�o�1�܍�Qf�)�6#/MEZ�\V����:k�F{��	����N,ͿS=j+DY��|3�;�"M�@AB�PAa
B@@X��� TA�0��܈N���4՘�lR�ǿ_Q�?��(�.)���(�����S
+�0�H��>��X���K�HI���`��$���q�CV��R�q�^b��^�q7j�n�~U�{�y�_��K���c$��@I�~
�퇯�v��Ѿ��{�\���T�uLg�<��\�7����>�u�0��PyڇݍG��e�����B�
b��* 
w��wmW�o�T�O&�ag%�Z�VJ]�1�k/��w�8�V31��4D� 7��wh���wЫ��Y�I*ӵ+DQTYc��]��"��#�<�u����?#Ҭj�5U������qc#��������j���bffff��)3O�����B�����׻���ٔ��z��׿Ҟ�I�ii���KyiO�����z��KE�˼w޳�5����}�3Dm��}_R�u�~k�܅J�֯MKKCKK33334333CC3�4�43K˴�4K3KKKK�������L�+������1'3���a��ޕ2"n���9m�vt�y{�d�C��������ڙ��H������Yh2ef�� ؐ
�qz��7z�7���;�����=�%�;����VU�g����d릲J+m����^��zB�'r���w��7��3�tll�df�0k�F3�!����p��1�33߈���H��Ȉ��F����&���+a�"6bc]66b�q��q�NUYX�u��V�D���~��`�s}ww|G�vf�]����y�K]��"�)[��3W�j�Њ�����L�[��4CC�=D�%��!"���Ĵ��ܚ�m�5#zsm�X��{�tf�?CC�[�:�>�te�*�\��萻N��PW�J�3�hx����d�ܺ�E��<-$d�3�;>�ښ!�f!�Gx��'��vrrc��&���;O���?L�(@� �?#uG�&�j+,D,|+̺����kZ�����߿��'����/�˨�����
��h$	�#"�\(f@~���<h<��(I�2D@�t)�}8��I�}������+,��G�}$��!�3W��
PP��r�Oh���%sd8���F�"ܿ�zä�������D�odUK���@�A��|�P����Z�3c�PIO-�C#��~�ӈ.$���4�!�d-�y�o}��-_b�$��u��������\��������J���bdw��g�R��*��*�1������W�,aN.J����Z�
+�e��<h��o��u*gWfm�ti;$���ڤ�/�8
+�v;�B�6�T�^\"
+8I�K~`ٴ�\B���X����o�)f��K�����A��)�S�Nkn1Iᙩ'"�=@��3��\+�hbB~�����W��
+Z;ZU��m�3��iW���Mf�o#!|�4���4A`����О��\��g��?,]� X+IA����-s���ٌW,�x�?��,��҂1e�JCGf�=/�&�̈Hr��:|�ڔ
L�`��Ȝ��C#�A7U�vO��`".L6W0ޅ�KNXU?>l�Q&S.IAw�p�M���˔���q>z�n���a�K�9�:��)K��f��9���SPy^g&�~)��\cZG'w���+6��J{��6]�|��`AO�E��k��}�D =q�Fռ�	I��q��E��+�c�ΐ!{G��9 ���KR'|{�}k������`D"#?��p��N�� _�A�	�)E �Z��fDGO��6�n^�§��У���u�l
x��QPK�ǍML5Nh��δ˦��z�h�%�Ӂ�q��=z�6��k�A��ii�ڗ$���+(�
+ԍ�� ^3N��4���GO�Ď���=g�>\�*�@FS������d�{���tٸ7
��3�F�l�$?6�
�Ț$"ru>kU&B�;̢uY��n�	�F/�9��ꔬ/�M��e.�Z�����c���]xw��D���3���i ���>WH�b�' �2�H�]T�&��Е$��Y�dI�*~5E+���A�`"���tK��I�=���m*R����*e�7/1 <n��OYOf9���8T���?�!�����<�8z@�,�]['BLxJ�n�"_���<�Ve�z���+�ĭ}n���<�'i��b�6'c��>�q����!����X��
<�ӄ�]�Þ�a
+�5O����Z�絖6�s�п+��鏉.��XO�<-k�ѧ}��'���°֧�ur�O;QPSA��"�I�~���c�K�B�	X7�����7�_�ֺs���!�t	H5�SMVYa�"K��sR��-,�~9MR
+�f�)
+�xZ�/�pf�9��q����5��݊��]�c}��>"0����-9kk��O]/,����W`,@T�gk�Qo���¹tM�����tVNÚj��Q�EL0+c`�eJ\򂩂�[��nbn��-������*�0�|V���tqF�W���]�6�>x&���`V^D%�c8x�����l)P
+�V
+�>������}������v3��C$\�]_ՠ
���+Y�����\�Nh�6���L���r6�yA|�����=ڳ�;W�DL��H���~
+J�nA�E�}����1YQ�Q�����
+�)֭5{_��uh�E7�����J�G�)Z-�Q����\gȱ �7�����3�	��{n�D
%���tU���nF��
+������9Š�5?s+i*aN���<%讉���=�jU0HJj���@7?8�������e��!lo���r�c��3q�Y�
9NV��F��ٷ����q�4.�92BG/]���)��P	�"_��3|��q�c*����K� cRw�|
&˱y���VT�����Y���[j��-�{֪d��Nu�Mm����o>�"(�q��q�49k�B�#����r�7�"�{&�Q�ʖƵ��]��3+�u�,��e�]ϊP������m
+
+s���^�<��)���gf<jj�v~PŜ�?��߇<
I�M��{�&ý([bzj�$&�Pq
��d+A�%�)�_&~���~<�� c�V�w�Q��p2Џ���@�t�`?n����&7���N
d����za��T:��ԌwV�L�%6Mg�}C�V�H��nZ)iˀmu����OF
K���k]\�[��I겪B�_BnC1�;3�o[����1�"�t�AN�{e:&t�򠿩�w^�J�Ez	ZL�ԔZ�W�2I�y�J����Zi�9Ó)/�$E/�1�yL���c��*���E|���o�����9�L�g=��HB��b<�C&~�%�����i�ľ3��c4͐��~�0-s�k�5o}�-j�6�4�u����9�t��$�;����W����B�,�6���'���Vk��O�Ӕ2Jd�14�l-�8g#���<
+��^nQ��L�V��~k����K��5D��|y���c�NU��Y4n�(��_+V�`�����<u;_cl<��
���Xfc��S���?0�X����L�Z�
+�>����<�R0�AI�B�J}�����_�v��o(p�6"�tL.��
��b+j�]o����jZu�1�!�_e�o�aМSa4����!>�X��prhdwN
߅��,��PvL
ԠpW�����M����x+)R�.��w5�O�������YeJ�����Ά�T�@y��(��m�g$=��SDu1�-�P�&۰�+��J*��f���_�Q���ZL���p�Q�=��q8���iT�.��3Ų�)�HA��Ð��Q��X����iY	�*[n���T+Xn�$��t�����+��Z��7�%��MP����[������TȃZ9>$���/��7�Ljh�-��E��pD"�)�H�н��G]Av;f03���N��b8aC�WP�h��M�-z(;A޷
Q�����.�:��Y���厜^����%U��/���m�0.J+L��{�����
+�����s����[�f�θhCn�����RC���c;�j2cuݵ/�ʗ��	��-rݐ�Q�G]�EW$^h�C��{��
+�B$u�T�Z�-0c��vK]MX�m���"����5
��ώ>���S,V�Zrm���p�%�0s�Bcq魵R���wѱ�n�6E,�_�c�u�Mp��
#��-2���f�]�����
+�9W�`�̖@<�G�%�b�6����tϮ7�ώV%��"b�����i
�Vi@���̞�h�.g
+7�vQ�b��7k���= X����{Bk?�f��e���~�LE�I�'��k�Ҏ	��z�b'Z��
4�`{A��������f��!,*BJ��5dd�)O�Q���x;�
��
+Ҷ �>�!eOh��Hy���x@���x�c��h�b�(J�7�Z;gH"`~A���!����qn�W��9ňX���a��z�I�6�@K�Ğ,��s����Y���ۂ�C���u�H��s����Q���x�g#�]�y��)�	`�����4T��l#h�{� +�"����c��-�`4����eB�@_&x12L�0m�Y�W/�bY��]��Tk���D�1H�-D���Xv\/
P-��^��_�ƻ����ʾ4����w.qD:���4S�l4i	�q�aY6B�x�#D9����{f��V�;�t2�+Si$c �b	�c����(�'���%0X8K�����8IH�3�w1�=�=w�LQBɁpgz3�
���Q5h	Gg>V�J�~%���-jV�Tpنf�g8��H��yY��F#�~�@����pH��R���(���@��>�A`���c`
q	�'�r9����)9�B%0��Եx&��U�b���N��O�.>T��L�P�Cnx�4td���;D�匀�8N��_�x�57���J]�Q��p!��*�]�����:���C7���*�4�Ѐ0 #H$�
�z���]w���w
+���"�S�h:q�7wA�����s^2W�K��O���*���H��'{�[�_��c�s[
+�rE&�_,�B��*yL��23�P���Q%�&���t�(2ho�UT�
��c�OX����U�l7KB_{
+v���@W�J�Rf�}&�Q�1�(g�e�ϐ���?�>����1�A��L�BWX.0hW���Z3���U�Z�]��=Av��E�s���/��(8����H��jjh�2 Iq^_�p !�7ꡋr���1�h&��4��e�5��&�=e�𲀫�½�vD=�(����jP��g�Nҁ���E8��N��Di&�3�O��/��A��gC'|�g�,���<�%�7��쀊��aX�\������F=��
�带��t���m�G֛|��#H�x�����f�YQ4Х�����+D�Q�����[�1N�x��5A�X-��*�m�C�B�ų�D��� "�W
J�heFp��`����ƕ���"F��.���j9d<9�$}�A9*&�j�M�z�ߐU�e�Oҗ�`GO2��H�,�z$��T
+�?b@����a��D+@B`�r9��6U���U��}���|+�24h~2�R�����\�
+|Mw}�Y�d�������d��2��1�
+n2;h��ӄ]�<kfHv��q���X�Y�!@�
��}ϸ���gd�|D�rky-~����#�yyL�i�e��b\A��T�
Ĝ �2-���q8˦��gY�2�e s�ֳg�4�/Q�ܘ*�Ow7�e�ER��QP�#���ṐÎ/
��YU
��^��F0��/�L
6�AVj�7^`�OG�N�&jP�Cg$A��[�m��K���‹֋}4
h��e��[�B�fU�T�'�?����&�'qX��G�E6Z��z�>�V�=@^!�p`�v�,Ũ�p�	�4�M�	ʁ�{�0.�7_��CT�ڞ�#��4T���yr	�h/̝����%��%������(��(
�׫f�|��a�i7&�2�:B�����utՖaGQٟ�����+\f������)�
+�m�`a�/&�e��Y���M4���4ָ{��e�J;^$$+�~d�����c�w_��F(�Sxc;��,���ӿ�[#��2��x���U�S��4-��X�jV����+����ׯ�g���ڐ׋b��őS��L�'�ݥ2*q7::�ڸ��S�%Q��ԍ-�b������
\~J��-�!��]���/@Z�^�s�v���*����Ϸ�y�*�)Kz��-Pe��fw�o�y��2���@�]�&}��._��y�2!�J���cP��,�]���*=#&}���K3��
�#n��o5�-��x9��d���[�ܸ������!ƈ�G��9g{a�0���I�g?#i))��(ߪ"fN#:���z�][{/3@�	�['뱈t���f	:��ܭ̉`Ą�pى�w+k�RI��d�+�ܚ�b�Y(x���U�X5�G�֓s�"�lǛy��������
+-NM�V&�+?�q+�*}��(m�cO����x��

\��j�節X�߯�tqS&G�r�<p�u�����+W���M�ő����v5j����4���V�uYC�:�]���<A"�<}�*�$Vs�k�t�}�'��P>i�vh��
+"����k�D��0x���DX!?��'|BĹx��f��d�V�v�ڎ6� ���%�y0k�![�iD���pغ�I��'�D��@`�]\�+���5��~�7��䁭����u�qYxYl��BN��?F�O�'��Qf��؜�0p�8j�;�mC<w�}#[���t	y����k��R�c^��-I>}��Iݒ<�ߦ�
풜8VJ��9�0����Q�U�������w�]��|/Z��#�͖4�"������4��b����H~�ҮWF>���������h[������F2ŀ��A$�X�j-��H�p�)9�?)T�Hg�F�H��V�C=��aP�N�e�4���[���CK€�6��ZܧL�D4�&�g����5��Y���$KcR���9�:I���D.�d�6:dz0BP1����2
+\��ao�».qǢ�uc�I.Y�;
xF�;�Q#4�i'���CB�hW�{���U����,��@�/�Q))<Jn�O�LcL�e=��?��?(U�E�)re�,�.����HΚ�_w�}�eʴ2����m�a��J�K�&b�HV������π	
�*E�Z
+ �r;�$?.��䴦$C��%�1��a�~���(9;fJ�;�ʗ�t�
±+�^:U���}�c-Fь�-yl�������!�������He���`G��ځ�V�+GϷ�w���!w�Tx`Ȝ�ˢ�m��h,Y:OI�?��Ҋ��S�K9<	c�7*�fƿ=��Ed�"�ro\3|>��ѽh�?�:����9�8C�grIb���)��l^�29-e����
���7�1��hH�ʫ�3��s��	�|��up�}���n��S(/3�FIAĺ
�9/�[ى�W֏A����A0;��yR��b��j<��X�Z����� ���G����ЁMMAz����g�f�0O�%Cd��|c2���!�y���}TTP-�H�?q!��
+���ˬ6u���)�Q�] 0�YD�a7�O����£��%����/}Gw`��@_�r!�ca�_�(0�]g(���J�6.�#1��!<���g�<����F׍��R sS:Al�qd�
+mI��!� G�L�	{�1b��Dg�o����
+py�!�-�;�{��X��~��A����5!�<���q�]Y�_��� ez�h��Vb��g��Z�AY7����m�Z�Ε�C{�~ʼW&�8-���*��? ����P"����X��@��#@��!����
+x�=vq-���~ےq~J+7�x%��-��e
JW�'�h�fLq�u(��]"���o����dJb�B.[I�kMq��x����r�T�#���e��{+!'!��P��@�󨿗a�O�`,�?��T������E@c��(��a۾�_�8�)j`�DX�2����n��S
+-
f��x��L4�iO�<.��E�pj��DͲ�X�>���CT��9xN������$⵮K\�S�:GQ�
+��'A�K勓9�1~���O-�@e�*�\�srT���-
V_\6;?���J���]���՛c׳��Z�
+Lw;�F=�5�7�S�>��4rX�{e���^�y�c�`�Q���
+9�Č����'�/T��z�z��_��)����k�7\��[e��?fPd�v�A�G�,���ڵ3�������0:���J���ɛ64I��
+�4`�Fh@t
+Hs
+�un�8�)�%��a���}�R�_���D�|����� ��F��͊Pr��ϙ�����J��%�ۋ�b-
+eC����9�D��Ļ?@ź��ʕ��`f�r��z�)oh�����
+��=�j�y%��K���H~���b?�g؁�Yc�>���F�Qt��6�/\v�ֱ<�K�������o��K�Ls��Z2e�e;�q��Q�NkQ�7uF�bہ�Y�x�����@'z"��5�R��n\����v჉&��n(	lU�@��)��ʼn�J3ƹ^R�͒�*�v����v�t+��Êz�p�J�E��Yf4;�����o_IHf����"�J�h����zu:�G���'��/���Iλ(��{-�j\��#
L�\4���S'�t\�d���v[�s@I�G%y �lΊ�AxQt1��|Dg�)!xgH�Z�?�F��3f=q�w'�C�����N�2��d��[#l�&�7'*@�g���u�q-;aH���nܹ �FRֻ	����p��9^���E�O-g�x��CD���yv,Á�RE矯V�i�U[��E<��"jޯ��4�+%(��Y&d�{�*�š�Z���H��dcV?Zۨ�i��.ʼnY�{52��`|AL��&�K$��L�5�d��-g��*��

+�Œ��_��sB��Rي��H�$"̲m��c>�r,B���YC8�
O��{ټ��C`h���&��&�a�~���
;X3
+({ТiS>��� ��alǵ�E	´ő4�Iᄻ�m�b�{�L�R��Wm��#�Ċ��g)ru��1A�2�X
hvMLFL�.ָ�-���`X5�<3����)0��)`$H�&HWU��f%v,�ҍ���\	����G����c2��u-�9C5,p��if���/7�c�D�Lc.����-h�)�(hfjq��ƈ��D������hִ�%<IrK����
X�O6�&��c��'�#�F��(��T�`nI'L����|��Y�o��^*KB��Q�g�Ű`0���Y��"i�P�
+{�����F
+��ƪ�V�t����w��kd*�P8�`
+nn�}Z�����,gſ65XZ�_�a�z�g�U\��/�z�h�qzi����<|�A$3I��������R?Y.�]S�)��h�:&עT0�g��,M,q�uE����K{�)RV"��w�&}�Y�c�-�\d΁�W�5��>0@]�Wg�ڬe�*̈�7K�k�>!��ф@��
+V�T�e�m�k*G��#�&Ȓ�\<
��<*c0���H��(�BW�Rܽ�u�J}�<�"��&s�A��F6���{q�A�{��\Gg�1�c�S_��J��G<"p<z�h���N���kvA��E�δ���rwʇ˺�V���R��G�44��T�*�S%L���0�eu�K��XG�7QK�o��&X(�4�4��B^���BG�rc�Ӫ�#\�涨�7�/�̮�c�.x�(�Z�f�������ސ��W��m�a�Y��`QJ�ԯ�,
���������D���X�8��>���m��f�����S��;'�;q���x!�Ǽ���i���?�ر�$�?PJH�H��|�Xe��&5����҃���|���jP��K��t��B�}c�0M��	!#`��OcdM$���̗ނ)�oD�1����<��ɒ�Իߪ��<���LW^�p��\<1${��s_�@�0��M�ܹ�־�j�S	���%)N��ݶ���f�}A�JC}Mԭ/;�ʴ��q�0҅�&lv���}4JR�&��{�%R~��e�4�d�E�K6�qF�?4���=c�B��j`r����Mk$<^���D�`�8��H��;aBM�(��j��[�_{
+�&!�ed�r��<����b^�4���0T��h<��uu��ϴ��?�����B�h��A��b���	qj�o�W�gM��m!7I���"�tN�m�Z��^W-d�M�EB��W��n�d�*��-%�j�`���]6�������«���K�5�g� �Ԛ�����
+#p�w3n����`�dž�8���ޖڹgA���<"�peڭE��.a]f[Z�"�k�����<�F���be[���	���D��P+ȃB�gCOO���%*����Mȃ�6,?�#�]�d����+Ьj*ݭ8׾�f���xF��
+���|=��d�o�1��#3C6��A�ʒLmgI��R�?�HB-x��p
�7�L�	���H��ǭ����f7��8��*�=�H-#�GɔMc�qaeQQ
#y@AC�(�r���h�o�vH������	|�g�i���i�-6�k��K�J眞*;-@|��
+v���n��v
+?��0���L�z<�f�H&�U�hQ��*�h`p�T��F%���.�R�ΰF�uk�
+�ND�F�(F�Z)��Q��SY�.�X^ɚ�W?J��wR
+&���2}Q	>�#
+�o��sb?Z��$�T�ڼ"��(4��K,�ݑz�	��2���&)oG7.��M��~�p�5&���&pARݻ���௵� Hw(��������8�w?G1$�԰��&I�د���/1�} '
�����N1]�(�y����
�ΫyP=�=#��������@l׶l/�q5:�	�n��R���հ���_�b��VB�D��5���*6�-��,��BV5�#�"q��?�G��r+-$ΒqCҫe���e�`�C�Њ��ΥL��m����]ؒq!O��3<�U
���������-���g2�=E��Y���Lf{L(�Y�~F
#�m�;�tE�V�4!fx���$��{�O~�.��g�7.ƝkI��@�Ȇn�0^͏!���A);��t�g���YEw(u1Ϝ���:��i�j��jj��
1�1�4��OqW�謹
+��E�
�a�����榐1���#�f��7�]�5EIR(K2KR<�+��l&D��	'f�BRԂ��J���>�ǔ�T��@���ﵪ�ܞ:��(�:���}��m}���"x�Kz(�t�t������w��;���D��҆t���E6����6��e��,�T�>���Ih�!@�>#�I�)i�������g�S -u��>Y�}������CF<b�&6�4EQ�5Me}��Y"���
���=��Ur�����RWo����V��M[I�����TJ��'�ud����yXҲ��M����x
+D��Z*�bn7�a�p~b��;�^!G �4L��
+�D�Xlq2s�y��
��#'�$~��I�K?�&�5�#�I%�
��'���7}y~��n����]FJ�.����g�1�x
I����Q�p�{l�iYE���
�K�~���� ��e��䥑'��p2m�v�Rz)�=�b!��X�x�H�ꬆ_\Y�Y���LP+A�'8PΫ�I��㬛H�B��@q\�&x�7�|t�i�q�V��Z5�A�G5��"�<&���G�
+��d��"���/(�8|eA�~��
����;�NS�r����#�C��A���ʶ�l��!/�bA6�;۸F��k�*
+'��k*���&y�6��ڻ)������_��[W�Y���<�)�hVp4�����[�n1��J?b��E��"��_�����kʈ"Ü���H8s���qJ��r�,?��"�G:��9J�����X��1
���!K�K̚���\�"(ѫ�$Mẝ�2q���W�f��߃b?��n���&��K>��-U$ۋ4��gUi%�6��fS��FS�o�i�m+F�P1�qr-�M8E	��ɿ�}e�
��9�䇫���?w����@�����N절����˥Ԙ��o�>�@�}��$;lJ%�-P�F��x2����ۆP�Cw,hY"l��H��J�鐒=뭘����{m^��ޯ�#�S����X�T�L)�R�_�>��0R�:]F>��0��5���w��ʜT�6:�����q�F�Y��S�&zN�S��+'um���:��h\�ه[KyR��X��l�
1³
+z,�_�|�U�=�F�}�{�vA�#���0q\W�؈��886�Yrv^wcaI2%a��u��
+ji[w�/0q/`s�}�-��:,6��
�^�t%�m��Ҥ�x�E�,Q�u��m1�P��L
+nG��8����\��#"|��{��|��o
B�_JŰg�=ׄ9
֭)pѿ�
zW9�tM�U�a��E�Kc���N���*������:,�������;��\��b�%R�QQǣ���9t��̀��q�q�Wy�<��i%V^��FN�b�Fu�`N�4�Pf)N�����ZLJ��XRe�Q��� 
+��Ȋ�Xƒ�@��x���Hۚ^Cx�ݣ�Ւ%���<(5�H�ax!J��
+��X0�]�����6�bqA8NU��Oo�$y9��O�2�av��)~`��2�p�FA�'��xhܝ1%�^N]��R�>��N�yw	@��dtI"�����f��2�lx��L��~=UzEd&C�LX]W;���R�[�;��"�LϻS��l}5�s�<R�.U�iqO���㯚� �X��W��X�6h��g�)80���r�KWaًa+�E���+�A�R9�!F����&��FINWP����יY{��|P�!��SOj���7O�١.��,�R�
*�D۔[��H��B֯
+r�޼�n ݧp�Uc�ɀ��ed��޴#L�Ds���H��-��{���l�{P^N������b}c��tP�v|�u�i�� �+���qx�G��a���=רߝA=m�T�Lq�6^�0Iȿ��W�0q�\VRr'��ң��E1�#��"i&�ǿ
+gh�:L}��+�;e���s�H���M���)i$��m��Q�OІ5��ye�Ua�X�K�8��������F���TG�VQ�yIP`���;�zה=/Fm��m�љ�W��5�x{�~W;��D/����D`)��XD��x6d��c�!��ҴM(VS0	�t1
�h��
�\�V:�j@Gu��
+��Y�Hx{�����#�
��6~���n,c鯘�J��,�ė%��Tv��1T�5���Q��5��7�vF�U�l
���m���>����Y���6��A݀K�%GW��[��7�?_�!�ﯮ���'���h�ݸ=���@q*�pƯ�V�%�>j]��	��|�h&�P\��HM������'�H-��r<9�@�Øl�Kq���������Nf�1�
�j[#����}ju���%h���� �G#A8kZ�Y���/
+�hS?��P��s�5�p�n���0�)�;`�]E>�,��G�qH5�T��
+�Z���ɿ��f+��6�������!}8�s]~BoFA�`�D��B�N�m*�.�n	��B��I��(u��>CJ �z���(�X��i�5)C��4���Y�����Z���+.��ߨ�� T���]��F�V9/��-%�b �.m`�]��\F8)��t<|��Ð�y�
G
��0��Q[D�~�כ��h:�[µ�'�H_�̭F'JLhΚN(:������oA�b-܍��(�+��n�B���lw�F|m>�3�O�.�Ѷ����_Ϸ2rj��k#�i�/��DF�$7E�F?�vӺ�T���Q��x.���#[.�L@���}�(
+Xx��T.�B��`W7_Z�TObr`�f�ȫ�h�O!g�+��-�jRD��#@e�+e��\�����­H~U������^ڏ``����B	@�"�u��
�t�{'T��ط�%K���`�Ӥ!��WjT������с�4�z�g�Ƕ�e�2��C��tVe�)��R�PZ�e�@���}��	]lO�!�	��7'-J�Z��"����d`�C��N6/�%���_�+̑"��]�3%c0�͔Kr�j����Uk��rJ�h��<����s'��w/u0aNaA��&y���yX)��hj�������3���!�,[9�ρXИ�s۴)�
���|>{~���%�Q�������
p汶���
V�f�^$�M
p�u<�k*�%A��l�^|i+�AD#p�"Սv���G�m�:�_'�ӛ�~w�2�Iö@��کz�>-�%�3���M
h	,�t0
+M&��K?3�-�������H,m��E�|gH�1z�s%���3���)�ߵ#.��?�!I�,�F�5+Уpn7���&4�	��$��:�t�,�*�h�Z�d��=��
+�h/&������~�h�-:�z��%
s���#G�s>�w;���UQJ�=&.�hO7�k%���Oވ�y��d��O�&-I�D�V��[�ˊ�+��v�C�{qaJP��_��9�ĥ�eC�ri8�.
�$qq�6~�4t	�ۮh�c>wO�2����/���1��s��"�]��G�S~��ߦy΁,S�
+]�4�eW1��	Ю�܉Ɩ�
"ۖɮqhޛ�%���<�6�k��ȳ%�o|�����r	R觌��ls)��dI��H�^�Q/<�
+�O������e.���:�,�_��0>�(���жB�bmX�iPd>����tsL�d��3�tX���ߑh@��Z��C�+�-�܍"�Œ2B�'!�]�3�Ц�3|�.�1�����Cu�v͘Q��5���M�{�a��G4:GKh^Xƾ�n����XWF��>I.?�l�o��h��)��&�1��Uf"�~�ܷ�
+�����E��j���
+K3�����V��%=&`��7���I���ۘ\ǘ./\b3�}�	��=�.r`9��6���2�c;5��8P��MYv,��VaF
8����
�����~Iզ����_��^�] ��������F�����dl�/�G��>�i�W{�AzLx	y��lN��  ����>�oҊIN�"M|v�aqFˌ��4ѫ�L�,���7
�U�`�����l�#u#]����L����g�L!�P@'�M]a-���.z���4?g�[d��"�Z��!XH�E��S�C�>,���?����Tz� r�+*Ǩ
+�&�2/A)�����O��������/D��,�k���6�X��CH�P��#�
2��k
+*x��a,���v�a�t�����zŌ@��wB���W(͉�>&��3�,Bg	�#�Xv�sdS�&5��3���F%�EH�D�N���Q���}�,�P���㰪�J5�'w�7)5���\���c@��i:=�� Z�!�A�OcV'�@�(C��n�b����f&��<\�4�{�7R4��T�F"w�CHf9�'�7�n�ut�0�[3Օ�CU���bO�1tUn���&f�r��#+�z���15��h���/�6�,Yp v�C�,ӴI����ܰ�Yi��G`�-�q��f]�v*�)WM#�=f����?^8|ӟ�x�����tVô��]�Y�A�7`e���7=���y})��u��ov��('N�Eq:��o`�y��d�vp��n��p�&}h�O����[�P������
+a(���h ������Me�zsu��l%��f#�[N+~hejU�b*�F&c�b��K-�ʾ� bԊ�����^�HTP9:"�@�������;�It3��ܺ��v�G��`�'��� '�X;���^o+S%����lǾу��o�
+4Ă9�x��xy����$��OAv"�L"��)���̊87Q�P�	w[��u�$�
;>��U�|i����bGx�HN�l��������/�&�"d�+�"듕��)�H+��!*(�D�g���G�
��q�hߵ�y��rG�tk��yJ�4ᕛ;�yQ?�b%;8"4!;��
\�mh�{ZW7)iq`��Z|��F���ɕ�Ҝ��B��҂TMڰgTy�X�� ]�dG8�}�C�b��M��9�
��Rޕ���OdV
Y� �ha0v�w]�n���h��	���I�'r	��\�]V+Պ.�]V�\�`>�k��;�P��3<�LQ	[2�����c.�:�k�BF�"������3a��Sȶ�Wu��}s�@��(;���f�䞡��}�*@
w�WT��Z�tD%�ޞ���(�|��D"�m����
+�8��w�%ȑ�.��XAi΁���g��po��b���m~x��6��VH9ޢ1�0���<���N��2a�.HEe�S����C~AYՅ���%�����kr�����~�Œ�U�O��a�2^�f^������TV檋3�u�Ƶ�j
:����L���/�!������B{�]As�N
�"�
�M[c�<#����o��OkUz@����(k�N	�`��WE�ٍ�T�� 	P������G�S�z~�v�h��l��/BC�͜���}��=ub)��� ���D����F�c١�
��[�ɨrS��:/��Q��p`)�2�B���QD߈L��3��A���7���Q�MU���S`≨���d��ұ'[�2�f�Pd�	����E�@�/�Z�8�n��7g���uRe�
+�G�[:�Ej����������ByO��F?�<��ҝ����x�`ULI���Xî��2��h
+�G�G�o�)�d�(갿<��I���z�SRE�8
�������D�t������ٽQ�V�:���~xa��qы	�'p��F�no��G�!���C��3H�Ml�oI�J��٬��o8 ��rI�O
+8�_
��0����/q�	���Z�4�+��A�x�:2�,��
z���� k�5�(K:Nc+����+�F�Y��]@ʡ,}���s�XM���S]3u�Y�e�
Jt�*��a;�E#�Db@M��
+�S#�������Wi-����%�Mc�c�N��Q$�tU�t!rղl
��O�l�7�bZ6T����d�7dp�_�ᕈеQ����	��Ȉ6���s6@
�Y�A�0��`��B�&ۋ�J�V�G�Ϸiy��R�>��s�	�z���$h�|
+�%_�Ya�ht��e$���h`�fUF����-�i�(^�O�>*1�N_�C@2��a����Ǎ�[�����}��.�b��i�Q,�%�eN}n�p�w(A�iJ;���j����q�I�"��]��
+�o���jH�A`�>:���FN�
+���"	��"O8�1�Żd�]��x��nF:d�|-��`�
ݫ���<ڒr�`qw��w�����W���d������N`�S��M�cS�
+��Z!�X!+q��#�֙�1�Q�t���G�Gf��z"u�zC�[���~j�Ma~u
+`��*�s�q踐�TF���7�2/u�؄ S">����E��`~�l�}�X����NB�ܬ��}X���C��W,Hڲ�ip^�^���4��H�ad)���8�b�+�����Q,g���$�edT̨����F��6�t�Z�z��>���ފ/�%�-��^�k�-��n���~핪�;@�KS�K>0Q4�X@%�W�8�(���z��1V6	]��R�q�N˝���òcG��|D�P���0 膁�!)M��Ba)�!os���A�é8R�gp���vAUPA�X��1�I9�݊�3��lLW�����^���ŗ�V+���@D2tY[�Q(�? ��
v��[�LJi[�!�28�C�G�h�e����83�<���u��+��+;��Qi
�Rr-I�f�<~�������݌Svp�u�O��_ε�
^Y����nMS
�}X�ft
$Q���yn
c8
���+�@(�{�_y��=��
�������_)
$��<M���u�����
+�����p��]�+�|����eJ���G�m-c���q�<�TQB��'}�>�k��R��Wr�Uϥ�Lj'b�h�]���}��|O`�`��ņ7<�T����1=��sa+����e9��Ȼb	�amZS��1���:�	����a�`%�~
+RD�*VW�\�o��\vm�5��Y88Q��Z�x�>��Æ�k�)�Od�VT�������9ϯx�i��78˨9D9=�c
�J[�M.ٯ�l��6��^<]�� ��]�X�?�$��Ǩ�g��*QAj�x$^�YF��IL3������cU\KΰR̿��~+V�|"�i+@�<�Եa����F���5��i���Y�}��E{�~�!�
+}ȥ�Ψ�*��
�&���p`:n��Q�2��*�U��z'�����_UEg�Ǯ�bqWM���Yx�u5������z� N�Oj�OZ���y�D;I�����X�̽���/.�d�[ޠ��8������sj��U�AR=q�ĥ�Z��հ�1*"��E�ϱ7�r`\�滏)�2���
+�2�"�,��-ٳOm�KjHۿ����b��k���T�t�[�-h�QV#4��M'��ˋ0�1(Z\.�P؀�Zj�~���`B���
d���4NSǤ�T�M�}9��)�02gYh [f�
+I�OnO9!�0$���g��GAiWO	�$#��pB���`J��b�H��8����jd\Ňtג&��x{-�[�HC�T�g��+U�C���u��F�|��R����!�ٲw!_�2�Y�q��q/7���b��=��l�#\G4�y���!�A(5����LU(����#�DSH�a
�-�A��R���V�t�J+��m�=IB�O�=:�Yѭ�(�f�1�z
��GP6��X�f-��v��5��	�HOz�7fPϖEŰaLJy���=�
P܇n����~����Ɋs}���KBEQ���O�T�A�J�YXv�;R��B�
豺s�:����[y�U�����7(H+�w7�F}Z=�҂���P�.�,�}ړ�!<j#�]6
+�GU���aQ��|�i,sT�A��"T9+�o��x`��ԧ�=�s��&(�<�1�^q�'�i(�*��^;U�r
+��j=�>��aAGAPA�W��r
��
qo�BN";���A� ��C�����Hobpi�v�؃x���Qs�\&ƒ�hm�ljN䜮��=���p<#ƀ�t��� �]�ʃ8�mS��쌬y������ɏ��)�N�>�Rb
�d�kG�(:bd+ĝ�
x�f��T�M�=�����ҽP%O��M�Ü��b�a-z�A"��������؈�������������ёy&(u����C3"�!�-Q�j�4b-�[�n<2�$�NgC�_�"mx,��(6D�"�?��~VƑ�ZT�)�ƲKld|i�d
߃��Eق�C�MG���w�&!�O0tZ�+_�|�@o��C%�[��'ER��y�,���|�b�tNLWLS%v�������q�4�gT�ly��숾��o��iG`��5Q�;#q
"ې�p%a͖���R���5�˳���XX��S4�֚��!��$�uA괏+;y{�y�M�+���QWf�U���‡`�J7���WB䅥fZuڅOu[4:����� �^ȋ[�������y�fiX[�/f�|���V6��rr�
0$��Ư���g`��
䊚x��%��C�����.Ġ-����!O"E�f!�����?S�a^�B�	�s�|�<��`W������a�p��#��D�A�*@E�`Y���$�����Ɯ��L���0b�	
+�_Y@S���l�F3K��zl�g��y;yMѽt�$���Y0
+eD5*��sDdy��%O�=�Ն��<?瘈M�Ϩ2��+H������b�W�c��|��+�-Ј-�\*��X�B���;�F�8N��!�����JXb����$�
h6�?�9�4�B\�$�i8F�1�Nv���F*9g��Z�7�� rF��T|	�F^��m����I8U��ԵR�G�����+�v>)LSl`�/���H�0V�Y����	���)ĉ�f���I���jKpU\{��D��oQ*
+ �]�4^N0�!2k���q�Z*�v}!�am���0�PM�}ß1+�E�2���D��J|GM�jI$������K**����f8K
+��n�����E�UꊄHV��� �<��~��=)A��M�ġ^�V��Nk�^��,�������݂P�'�u�)��%Y�%�,�Qs
��bp�y���D��o���3<Oj۴� ��=E��q�u��<㈀��ҫq����].�C|M�;�-Q|$\��a�ok�qt�@Ʉ
+�ʉ���M)�x�r1G�uJ�!�W����]��׎]C�BoO'��WjS����|
+w�I��7�.����Rp����W�
RM�
+�(������喷Z�p��_^�Kc�m�f}��乱�W�W
+~�>e'q�Q�k>��(��i�tl�t���h�y;p�ۆəm(D"�f�2�����u{
��l
��:m�*gCCX΋8:F�#-��!��t���	����6#�1O�CI��ɱH�kR�����zs�B�����na%�lu9Vߦ��sGkgE��·4�?ͫ�+��#7���L��ʡ������t>�����������>`��ؤ�,�C���<A�{�}_k*�a�$c�J�S�,�R;
����O��2vT����8�\[�\l�0��
�Ok�%""3Du>��|{$D���v&��Vܵ��|�<KY�����豬����hh*��%���&���U��]P����<�`���_�P�=�̰��깱m�;]	�B�
rT�Ru�L>����58����������3�"_��|�ɔ�d�h�߭����q^���
+by�$y�t���d5�a	����pp�(�o��ro�:X�'ֳ�=n��J��}�z̎���~jN�ęzM�N.V�F�k}�}��N�<*tWǮbK�w�̃���l(/KMh�ԉ���:�\W�w�B��Rkd����a����F�6��C�'��Nl3ppVf�&�hӆ�! ��wc�;��H=i��
���K����d�V�ª�䐠�^m���ъpzt�zf�`����Q�Bj�o��v�j������bS��o!�n~)Q}>}�SMTQY��T�W]�-���t��������:6Lq„l�x.]��R�B�qzv��؉�wyֲa�xc�3c$��8�u���R���M��h����y"��oef��G��� V�{�[�k��
+��vG+9@�W|5i���w0����B�qKZ>��8�`����k��m
۽)zͣ��(;��@�X����1>?;����m�)4F�
�,����!Nt�
+{C��'�_��BY��������.����� �`/E�/A��
����;�|u�S�m=��`d�=ύ�fB�T��`C�^+�0|�M�){�hN�ݠ���Yw��QH��b*O��7�g4��Mo@}��"	�
+Q�a����e��l���nb=s�p�g��#��
�X�}#兀��I��S�an��n�9�����2s~/Z-%Z���_PD;���.E�c�#j7:惊T��& ���m7���@�IO-Y���^-'��:Y
+�4SA��1gl��/������b��:�Vv��Π�a��z!�M�a���/c=�RڹCz��ʡ�-×r�|�f��`��A�Ez;����eH�i���GP�Q�E��+��p�
�,N9U���BozZ�ĥ
+�qc���D�J/Y]#���j�С�ȟ��@��	Д�����p�+C��
�gA��
m�q󍜨�վGנ/��/���t���:�%!���>��M���M�i�Mm��@O"�^ e���;=B[���ީCm�xJ��W�b��Uo,�����NӋ�[�U2R��E'�(Rw��&��mR:hIk�����Vt���A(�)o���wB�%���Z"�^��O��-΍_B{V�F�xb
�?��Qc��u��/�^�$jAv����,zd)��,X��cv7&x�.W`6�s��<�N����W�e���zNs"],�=cN��j�IWFίLO$��(G��9C�<%�p�&.eu۫"��5[Y��r���[�^et�,�*�&}��Y\z/Z,�r)	z���Jb��+�D�X`��`YS�v���(��JS�;�d7ك�.�}D"@A	f
+?6w����Zm��������zͱ�[�o��}��wo���f������3��~�u�9߭���~o��[Ϳ�X�ܻ�����\o���z����=�;�X[�1��b���y�}/��v��ϟ{�o�|�~���fݭߗ{m��z�����1�#q0wm���1��o�s��^������w��_����m�������W��7�x�������7��w�5�{���Ÿ_m��\[}yh{hs�6s�3���5�Q���<_�C�5�����-��c���:󎱾wۭq��c���[OD���ۛ��\���n֓U�1��۟��x�w}5��fn7��f�����7�>{���=�̿�߆;�	fa����߭�[�����k��6�]��[ͳ�v��1��{�����}o�u7�����X��U��ݝ���
���{���7g��_�޼����}s������=���u������VOV���c����ެ����v�C��6��s��:�'����z�=��r�?������z�{u�������s�5�6̻�;�����Cm/��g�u������-�6�o���Z�����γ�v"������c|������=���������
��}{�s�Z����Z~�w��Zͳ��O@���Ug�D���b�s�\s���[{��Pg�d�Y{'�n�	fa����{����7�"
+��H2�F�ԁV"̂�˂S����_$r]IS$�6��{,�5�Zij��M����RZ�wjJ���]�q�u�c�5��⾷���|�Uu+�4cd�v���v|�k=��������]�k�o�5A��Y���"ebi��wo�u����w�mw���{�}��!��Zl�Q,��P�V��=1��M�Za�#�
e�mb�I�&nV�E8kd*#3.r�3Eٻ���k�i�-��"
+�s����K�D"�[^S2@j����3l3_�T7�PS�u�MD�t��g���3�`�Zi����=:��f�H��"�+�TQ�	0����7��b��v����$��=��m-�mdmg��`d7�#@C�'��1.�s���4ˍi���F�2,�R�y c�����#���,7����bx�n�q7Z�E ���$�LWӚ�$H�I��6�NX��L\M�TK����n3�n2@��,�ё5��E:N©�)`5�����e�7���ظ۸��c���|�n��b;�Ax���c,8�MܸF��,����	����2D��Z�����n���=�����������ns���������*��m��uw�˹ی�0��;�&���V��LAOQ�e&%g�Hn:�3���3L��n�AYEs#+M1��W��w��2�ng�W���c�䘎����6Q���[ʍœ����ZG��L�Fۭ�ý�w�n�[�q�>�c|�����k��j8��a߱�aΙX�]�7�8�y{�9��>�<���u��9�
��<g���0�gv�������9�|=�������ן�{�޻c޿�7��]����i�u�9L�t��s��z�;�u�z�m��`��w��v<g�u���g�75׹o�9���b����j���\�=������}����0��m��kq���������}�^wo��Z�����9�������z��X޻��w��w����ۻ����s���{���?��y�W���!�7����8��b�o��ys�;�/fﭹ���ϯ����C��m��<���/����7oЂ���z����9���`�;���
����~��9�=��r��{֙��l3�����7����o��jPo���7�k�c�3�}�{�ÿ���9co�� hw�u����w��Z{���}�s11�a�0��3�o=�?�Ywx�f�s�a�0V�]w������\��i�9�r봽�w\w��Ns��;���5����[muh}�q�;ϸs�A�y��wܭϽ��r�?h;�y�������o��w�w�r�s��?����m/ϙs�m�u��w����z}7��>�N�5m�]��w�3�w]�Z��w7_޻�w�;��9�po���o�;�~�n���g���k�7�{�7� ��{_�7��֡չ{PwX���j��:��g������w�C�1�;W�!�]c����k���u�=����ߺw{�����<o���Z�nw��o���a���7���n��~k}1� ���|�0c�A���|w���;���Z�?����8���}���7��_nq�y����}�֝���Z�^��5���`�w���vއ���1�g���}v��-��v�w�=ם�:��`;�;�9�]
�������p����=��~��k�ʔӡh+����˔#���3��-���W�}�
^?�X���&.O�8Uށ��N*{��c�J������c8*��C���<:�x,��x
��'�&4����2���s\�'��*��C�x=��x��`O�;E���|/����n��}��[�VD�Ȯ^πT�ޤ�A<�
+=
�P
+��w98�Pjx�I������؈���=�$<o�?���^A��"���Kx��}��y���8L0�X.6����p�Ə4�U
�;����y���x&�x�Ne<��3�����@xPD�K&��X����R``z-��\3�f������18xހ
�Os\,��
+���m�M��q
+���$|��`h8��+����/ͨ�z$��M�u툁 4���eC��JfB
+��?ne%�F�0Y"[OW��}h�
`7��6!���*
7$�8"�I�A�@��<���Mv�,
���q�
\�U�c��.�u�4TgB3�Q2�Y���
4��$*c�RBX]87,`e_1\zɣ�<���<I�P�<�S)</�xހ�s9<���S
Z#vbxހ
�8�6�\@O�V�
���	R
41`@�l$A �Eٓ�3aq|\V�7P��(b����K�Z�"�q�l>���B!�ܨ�rh�e6{���P��LZ1̦��
���k�/�{�'.(�Ԑ���悞�`)��r����y^���\@�8���yh��%Tp>�`��</�@򖁃�y���yh6�X�p@0�H|�H>؂F��<���Bl��Y�C\8��y���y�)kuˁ�y^*�y�����<o�H������
��,0<o��
h����n���mʿ�"��Nx6�z^�$����2I?q#��$�)���|H���<��9�02��ǃ1Y ]��@�N߼�e���<�pUM��t�ci�(W+S�ɐleם��{,����k���f��c)u
�&Z����1�4��u2����.i�',%W[���x�F5WE�UMQtS�^�����2�V���h�2�t^�H���Y��(�(��6Y��c�:^'*��򥊫�L�Ԅ�hj������2=q���L���h�	��(L
�f�k8��Y�͔p�c
+[��u2,H[i��q�1[I�D4���+}��p��lJ��L
U4���\I5T��H��2���S%Cr�/�h<݅SR�jה`;a�}�4D��DRUI�*�1X��f��4
5XX��&,D��g��`!���tLa�U�v��&�H[��HS��b-
c�s$I��j2Ԗ�PE�X��c��b��y^�SORM�dJ���-i�i�0�I�����
��djA�s%���%�nc��fEp�}
��[��_ܯN�{��m�Ŏ_ĺ�@>v
�`��k�o���n�_[$7�v$-�߃~��[��ގ�������7�af_��@�����=��=o�]_���������c�7֭n�_����/����[�k������Ηsb���7�(n��ثp�X�"���n������n�u��vk���X��n����W�@1g
�=8�'�����u��ݳ������~Yr�Ҡ�����<l�W�����α�׆9�n��76z��~�8[p���cY�6�xy�/l��Y��/ך��y�7���u�_�1v��z�=�ɭ��a,�m������Xs��~�6[��/0�1
bMZ����㶗w�Ȼ���q�]s�
��/.�`_�/�[po���i0�������0����������%/���1���+��G��������y��1��{�1�`~Y
���`~��w������9s�s�u��k�_��Y��G0�/���v���0�ȯ��	��9����,$�=�u��g�/y_��)��_��1
rLj�þ�����[�g�<0ɒE���AZS�H�b*+Ej��(��Fr2�j+�t�I�J�L�u��
���1��
+@�x�J� ��򵒦T�]I��f�\�K�T�Rm�E��j3k
���!M�&���'QW�D�/�L�W\�Q\�����w��XRW۹YI�u3�4@��&Y�`gcd������ZH�%BVX�Yt����l�L-m"���{S|�~�HS�h��JY��RҼ�&��7����mg)#�.�DK�XM�y�;iM�#C'������7�MukJvݽK�v+GR��Xo�zu��������Ę&��8ES2���Л���c��!�}w��12�@�#��i���r���v��yIҼtl�2=;x=QӍ��]�"Z;1��d�
�P'`-M�f��l��\���Q�����V�,Q�4�ؙ�f�r�RSr%kb*�<Z���|�OJ�6�J��S��!ؙYŎI�L���12d�$�f	7���l��f��ʒ�jG�Js��]J�:{=�t5��m��lhC}��<͍k,SN���\o��cYt�'�<,��f�w���DU�4E+���I��6i�:r�S-��^�V+�.%Q��Ǣvc��:
0��h���/Yw��4OX7���ZS��yo��L��&b�Z�e�@td��Tɔ��Hq}_c���ǵ�e�B��c�����~��z�{��6�l��wZ���[�o����>��[��^��}�_����Z���?��3�\�m'�LV��Ew���o�C�1����❹�����������[�mǯ�������=�}�b�Ў���qx���UI�qOad��G���T"��P�@�j]�%H���#����8�:�`�Zw�
+��.1V1�!���F�B�C�7�
+�qYj��R�sS@"�� ŚK��}��@�ĭ�IjQ�+T�qJ�A�P��j��1�Z��`�w,�E%M;����	���P?�C�8<���&�9<�%?O����c���,��^6Ы�8M���C9���M�d�P���
��^I�Y<��ih��A�م(�l�<�L*$rhn��� �����|:y�UY��Ku�
+	0(�X?a\T2�D�…bR��:[����6��XM ���Ϥ�o����Q@=<[`x���<�Aϣ�zx:Mތ�&1�X�XԘ��ҩ��%*-ЅF���J�ϴ��ǡ��uEW��Ѹ������6�1ڜ��f
@�qd�Χ���,�*���Gf��B�X�Uq�Mqpk��W1#Q��
++3�M$me�&��c!M�\͛� �f���H�%��
N��n���,g)T��0�&CZt�{�6|I
bh_g
+���Jf��+-E)yK����f�*�������
+ ��@��r6.	S��%�v�Ĕ����3�N��4S�!Ǜ	�yh�	�5���ts�,�L�y0>��{���M\Md�z��U7W����{IOSF�,Z�0�̄6�6��֩e��H�֙�-c�t���`7���&���z;�f'�	M�;�n$I[w;�g�(;[)���vv6�D��)�T�Sn26�SŎ4�Xg;�� ����
�Se�r]I����ڑ�ؑ*9;X\)I�2=�]¢4ORl�y\�	_��"*bd�r-G�
g����v�N�k�!����,:���(
����rzÕ�Z!AJ��K�'հ)���>��D\&�Y�P^�3�;�s
��X�ƺ
+�M�
+�g�j5�A�RSj佭Lo�0E�A�uKE�ħM<2���`�<0g�8E��V&DN����e����!�$6�<�N�&s%L#�'�,�1Z�J�b��N��$�� LH�M2P�1�0��A���
�����`�Z<��j�/jD�H���e@��D�AL�*"��ak����07�f,8f*��߅ǥ9�Bש�K��7R@pQ+t��l�L��+R i}\"ly-
+�b����`��Rd��Pc7!��������Eb��!x��Z�N�̪,8V0M��,#C��UJ,M>��:�d���iӅ�b�$b(e&B݉�F�$�ɀ��p��.'
+�8�b��`���*���:x(c�`z� �)ABL�SA�T�xT�3�Jɒ ��;b�-���pn��-��V��E��*B�a���i=n���
+��d#
+G�@���S	n)�ɺ���\D�<�0��"By�!bH@�B
����vMB��/Bk)0}�,�P
+��0Z�($j�i�L��|
+���I9����%�<��C
<<2�Q�P43U���2��N�p4pD����8G
��Q���L������D#6�lT��b��5J��c�4���hJJ�1�Ќe�je�p�ɨ��o*���a>�j�PB؂ɍ��qX�^���%�(�R��m@q��
+K,%KYd�Qc)�l��<J��޷0(r�@8#�Ѵ�yl�
+)��*���R�a@��@K��q]��x�J땙PR�A���N@(�6&��A�`Vp��k`��8���H%�``#v e�U���FI��9���LF��`��4A���L�:#WN���x�M$b�*�ǀGK�\�3��GQ��'�H�1��@�/�P��`@�t|j$��5��q�c�a
+��@
+��q���;׬FO�~7拻L�n�\6��p=�\
���me l3F���0�>���k��ت@V�*�"�*�P�c�щ>0��
+�gG����C&����tR>-lL^`h�m�#+��M�9aC�W
+65';�-eÇQ��힘�����+�����Ʌ0
+������](�ٝ
^6���,��~�F�KC���,��@j�l�@��9!@�A:7d#Fy�J d ��1��	$�!T�Z�@��utF��E	Ghd7pV
+i�(�Z3k��3f��TC����:(�l0E{���{dRk�@��ѣܨ�G�	<
+<�� \�����au�^���ԃ�HU����<
+1��q���uz�h�G��\	���`�櫡@���x&�@�4h�Si4dZ��HH�
GC�klo60>�r@) �\`�0c��$��i�0BU� �B�Ar` yQ0�˺��b.B�g\�Dk�0���C�PI6���&��|���p�M(���Uh���	���)D���]�)E��")F�ȣ�'�`I$����
+�`JM(R�S["a���.��xq�G� a��D	�s�����K�$$��h-&F�"���K�`1�#-�>^2�_�T�T�a����1& �73�q>S�^>J�`�sXV����7�*P%����$�rVT�.�f QL 
H(K�	S�Q�)�H�䎀�f0
+�4�X_�v�Hbf���P�*���̒P3LɆ�8f@�L2��$q@�` Vp�p��,bBK�k� F����D��I�X�GNl�_��p�H�JbV�	�@j: �I�>��I衅"j��թ<`�$v������L�����Ѯ��t������è�
+LO�s� ���T�a
���0 *(�-"9,���0����D7$��><�
+�q8�f�CqIDq�������kH�<N8:��U��ul���9�B�1�	���3�P/�<�i�c掅sB�	.ܸ�`wMiG�ͶIp����ԧrP�M��a�~܊"1��X�{Q_����V��W�G��]D�ԕ�0x����R�J���4�8,
+�R!X,MnPĬ"f�#9%N���Ҹ�J�T����)5R��I�K$-�N��=
+b�>E?U�AB!�ϭ|j����#������}ne��t(f=�=S[y�H,�֢�a`4�
+����.�wd.����R]p�#�\��\��R�UV����6b#
����bi��FAӠ�4��1\&��q��C�	����q�
��
�l�G���@DA=��X2g@��RAaѲ�R��}�6�q	1`�	�*\Db���b�T.�"�b,tlJ��j`qT
�X�CI�^��:��:���z3,���Kɰ4fX�K��ُCW�
+]�Ta�ASIM%$b��,����p�$�%�֤b��B���C�8}�J�����*Ya��P��T� �T�?Э|�'�d
Э8>zfj��a�a�,*j�#S)��f�P����^��ۨ�`�ǡ8:8�4���R�9#g6Q�çAD~M��8�4� NF=��X\G~�k#f�B&�
f2	�E&!��4n��ʨ�g"Gz����q/	5�J�BH��7��:,K�g8��J6�sNk���� h��i�j���	��G�As<.��V
+"8>�J6�T��?�J�ƇX-O����UGDM#�sP��8#C	�'�jusPX�L���4��˰9 �4�gQ�n,�,����
|��ޜ4^C϶
+	k�Oz��z��F�û1���zx&��K�2�J@
�z��(��0{x]��ب���x��]`Ѐ�`[�|"�I�Qx���(k@�@ 2[$�b�:���k�HV<���13��`�W����[�
+DM�/"�+u�E$fׄ����c
7�q׊�AEQt��6�8
����:��A��G�"�hP�
���p(
+�J=,��4(b�Ѡ�YM%��q�$!J,�ېX7�TҞ��9�Έ�q�Ҹ
+́�@���������X0:s]"ik$���HJ��1��Qϋ�3�T@(H�3�TB��19U�ǁ�/
ʬ�Bߩ�WR����|��ʧv�8��6|�,:@U��݈@����%��@ΟZ�qF�3��
åq�̢�p�-|)y+æ��FT�������_�JY"��b>s_b�vd).t�"IrG�iG�@S]p'�(�NG�*�.���>4�"S5(b)��"H�O.���q�A�>��0�|����kRB�O�(��9�yQM�R������BL�:�G~�.�ވ�D�7���(���]Jb�
���q�Cqh �����ai ��q}�h*i5
+��Cqh>.�H�C�[qhP,��X%�
W�}�����k�\�ÍYtő8$g��D*%�d �o	�a��<(���؊#2��e���q)�Ҹ��x���Bq�٤!���47�����J�K:q>���(HGf������{)���q�	�a`s,$<��q	��M�`\�L�b��mC�|qX%`"LZ�*������7�A�\���UIm4l>��Z)��(x"��
X"��ẍ́���ƣT	�g���z�xO�{H]�I>�>�u�
��G@p�9"���	|ppnlF7��Z
+�V0�l�!�����I0��T�8��Ae)l^9[�"#(��&
+�H$F.�R��Ҹ��d �!�������4�>"��({�(�a�6$����%<�����C"2�䂹����\�8��d��
6u�gK%��:X��YNDU�}�e���M��&�������K
���:�d-O��,i
+�]F���i�Xd�$M+��q�A�;x�����ú)P���8L�JD5�*��h�Z��Ix6�
+@Qs�AU:4.�aV*�1a���E�8����K�
+��H���!��IO	:���
=Z	��"x�#���Q
+\t�G�eA*��
}�d5ФF^��(ׯ��F=�u2W�8:�pb�W`ӹ���\>��$U���`y�'�>��i���9Ng{Y�'F�1XU��/�%%�����N�<��.'Z&4�0*ez�$Fːu�n)�3�H'��D���)F���͢�O�����n8�兡�
4i�E|djz\gAQ`�M�v��J��t���vS`H#�0i��8����o��Đ-Hy�A
F�$���A����ݰt��R� \[�Ȩd����e5+�Z\�ƫ��gYH)����,��@8��;o�Ǘ�tC��J������O�U����˴>��A*1YF�Nӏ�`\4�2m��
��ՆΡa��5	!K�����64��h!_��ե�О��#�����$TM!���@F*����X
+B�$��~\�����JKR�I�)���'6R
�d��L�c��׆+��E�'��DCS��^!�!$��ܧ���p�-� �2�4A�4��J��q�BA����ԉ�~�>5l�*�p��i��>N��8с�6�$�6
ϰ9��ec?a�w

+���p�J��@�pK1��c?=j�0@�|_wnʫK��^����JRZ6�~j}܈���&Fۈ��Fpp��!]��XQ��JU���l�㵰�a�W!�HŪNx���u��J���i*�-3���^wM�1K�9K	��(� !M�f�A���YkKYR4q������gS��$D%����C�ڀ�񶩔��1"1�\.0m����������u;����.V�ի�0�
��S	uM:�hFD@3��2�X���d*D46(����@$��0�� �8� Ð2Ռ@'��ŭr��b3Ҍ�bT����[��cYY��K�2��U��$�-P"��z�ܒ�$�o�Snly̭iS�K��$��?��3٦� ;��X��X��Y��� <���ɩ��w!hOO_����V$He D���KU�Ю5�hKW�)l��6�f�r�[L�7,���p�x=�0m.�
3�,�c������/�w��[�1
��\�	�O�*<�?*_C7ϣ2PQ���:�C�Vl��dW�I�`�U��;vW��l��E��Zp
Ox��Dq'�'
�8�	m���N�i�[�����M
�F:��G��b%H'�(z,lPӳC�~T�6���1\hCn,�"��Z��c�v|��b�Fu��o��`ie;��L-E�"*D��bŧ��Y�*V��
�b�r0�4����W�q]�X��A�W�\A�}�S��uw-��7�M1>����gu*p��d�*g]Stܯ��6؋�':T#�%O�Vh�=d�UІY	ݔZM��.��Y;����.}"O�����T$��t�(=�B�3/7�Ŗ**�6^������ЫX*Y7.|� 
���%��Pf	��� a�����ʬ��$��q�C�H�t��ցN��"W7����f�ρ.�<�[��[hg>�c��%��ۜXL��IȐ���.\� ��@�R+���2�As� �K�����@�&,�N��if�+����s�M)(hO�r�����|��͘�ڕ���[p�)��r�ٽ�E̻����i
ĭi����j3,;�55�J`�=�A@���j�Sl.B�N�?���m��ux�8x�9ʞ��u,�`mv�1�@���77��@���l2d�4T����|(�2���TE�x��;.������q"$�32:m���.-��Ε�*�1]P��7��ů�ܵ����i����=��ݦ|�ɖ��s�_Ǥ��Z�}X�
+h�����"w�dD���(8�)B�U)�wJh�^FƔR�[�*��B!��_����aamUu=E�s��=��׳���� �5~��ui�ok+�O^�r;�s��@�Sg��	�^?�K���0�֤�8�h�m~���-S�j2Ѧ���L#�*�b���{��4];HxToGi��b
���OW�4.�D-bʘ����G��l��B��c���`$����52h����>
�Ǐ��"{�x-�Ux>b�Ьw���ٰ�:QT��1\ro������!+�1
���~.C�?�����#�q(�T��B����RR+���)Z2,�oPg>]FK��A,��}�IƩ��cVD��J�K�\�1ϓ�� Hs5�����_hQ2=鑁:G
+1�P����{ׇ�^F��w���o�������h��?��s̗��u�u������y�:c�����H�xq�"/�Ar�A)�.�0��9�,�j��>8�B a˽�nr��1���7�u�O3�� }'�*!��P!=] 
���2^�1��ɫ�����WbnҰŞ�:��������+�eP������[d�C�,�޲���������+k��@�RE���;L��e��e-=�C|f�k�s�f}���n�p.4Е�	)�N&��J��i𙵥������V��;����<�	��-����a�
��gr������54��8+�;?p4oZ�l��++�VgYQ�:��N���}��B�S�<���0�Nh��L�u�� ���L:����<���714�Q
V�$���Jhf�����>4w�����~������=uT�	�EI��/�3#�d���1/m�e�̇o��������;,�~f�th��\���5ٹ��;z$]�Y�eB���MD�í��|�H����yq��r��B�Q�5ӫ��~f�55�f �	�S�3s��2B]�lχfR��!@���L�	k���4�f؍�ͺ�1=VK�*��|��td�*/��*�\���xBs�$D�h��BJ
�h��8�ІT�<���`��|s��
+s�|��f��nM(?�ny��3��Dw��|龔3�1FW����8���W��'���QK�6NFp���N�x`
+�q+��Җ���Qq��+<��	��u��]Ɏ����X$����J2�Wqko�I1Zy+�����V���'���(O=�g1؜	��*Ӏm�6>R}
���Mڒ���?j���Ղ/C�/��8�+����/+��-R�
l����ĉ���5�Y$�`'#b��ұM��Q&a_F,�lPvп�'��7V�ύ�>
��
+�8 ��EP,�e>
+M��I��\�5�D{(�/>!�U<�4tj�k?od�QG��)�5�i#��"/:R �Dap��`�'qyIp�4k��%��%��Ҳd��o��v���H�9�ɦ��;LYw�Y
+�
�i���J��x�Y�����������)�9H�S�Z�����>,�n���4��YY0G;3�^5rV�&�UG�ƭg182�A���%��8��3��q��|kL̜IE����(�w~�|]���98�f+�CI�e��Ы��I9R,&x�S��ϴ�P���P��]���$��*���N<�
����G�%��{)�f�(��h�.c���v����nj��
�]D#st��B�K�?x��K���J�#���-�f�Lّ�s�2���F5Y��ـ\K�ĖB�M���niobDZ�����.�Q��
x/ts��onk���送`V��v8�9�G	��=��}J���=���M#��&G
.0�X���|�k\�3�ȭ����u�tո��{��~��T�D�R\u�FXn��3|�ߙ�ǺVeL)�|�Y���}X��ws��8�w#�]&G��~�%[�U�
�m�K6��,*c
�b��X_�v��m�\�
V^�'۵��a�_MÆ!j��Lׅ����0�G:d�1�Xԇ�͆؉�z((�`83��7F�5 g���nF�˛�҇���^�O��2�;��f��kti̲[���X�
+�jS
�u,+�U�:nt^1�`#
�)��É3V���,3����Y�gZ�X���O�)&H�q�g�� �\J�j��OS�+�V��l�N@G_��`!4�sa��$@��"��sd�����y�vIr�]�2�[���]9�ש�o`��R��x�.�WRG����i�����;��
1��y�<�pu��F"�*{Ȋ�A
f�Pyk�>���B��	b���3N7����~^ւ�^�A
+b��X�p�c�bIWR�䰎sNG�`�����]F�r��ˊ�������;q�-Ϡ�w�`�<Tۆ{]f-��49�Z|Y���.���Rj��V깘B�m�r����~�������Z彊% hǓ�j$�P�ot)�8&7����"觨gD��d
ȃ��VƄn8f�[�cs��:I�h1�����g��#�Ũ�"��h9l�^��dMX�	v��n�'q�#v�FFx6�uZ� R�xnߝD���sqn4��wE��dԻB�z�n��`�3�j��Q���\/Ly�U&��<T��;�M������X�w�XH��
F�5����ġ�ě�"��y�B
�"5|'P9�� ���0�i\�����~Նd�C�-u�Ĕ����W�ґ5X�
iz��S
ʴ�ya��ľ��.���Le/1�T����!�p�	QkVO9Eg.��t�i(6^����VT�g/(
+&�s�M��1��t$�T������Ry̒ptaa[����3;ȁ`Aͫ�/(��~���|M�J��t�=j���N�՜aA��J�c�ߺ�M��k#1`����P�p�����+�L�00�s{җ�G3�+��I��=b�-۫{��+��vRU�o��o��T�m�@�X�A����st����w�1��[9���;To�
�H�EN�X��&ε���!�bi�:���ْ�?\�6�D,7&�S��?��ÛoB��u�z�� &<�o�b��{
��|Dֻ�K��Uē��q|7�y�<L���j1E����a�&�*�%��í�0F��,�^�eȸܛ�k*>�1�.9d7)��"AT.V�f�w12���Iw�rG�e�=>g`��+-~!K²E�n���zDo�J�вr`q
�" �������S�	��
+k�"���€��ߨc�'�f/)Y��{���Yc����S�?��g:*�CGO��m�/�s܊���^pZ��
+�c���Sw�7����]6>-��>5n�OZ5V
+�gc�uV��Ԓ���۹J5O�	ZZN6&v2�y��ˠ��܄80�1���3�S
?G��J9eYT7_t��Y+S�8�B���ܲ���}��˰pK�ł���u4��咩!�����/��zbn�:ڤ�Uh�\��e�ffi�+�oLR�y���!���������3^V_�mx��	6�q3��@ϊa7�8̶���/��\�{"-^H����}W�+��Naq�G��h��=g�LRL	[��$�n���N�
+��p��x�|T�#%�*��,f6�ӂ�Y>nBN�#�5��oq�G9ā��6*~���]��1�9�C�c28Й��îAz�����t�P�K��O,�8H�m0Ry�=�%��6eo,W3�T�q�[y�؊�������q��h\�qe��ǎ�C��;�1od��]�f�<�ˆ�7���"�������I��>����D��2�e�a�^X��yJ悩�F-�������ל���q)W�Lj<��|�y��_�͎��@>0U��Spcl�:l�@�J�O���;I;,�\�ˊ�����
+����PY��3�r�#�l36μ��mb�a �e���cB�@Qb�.7L�4rC$b9Z7��T�%ˁ���TV�܂b�y�4l��ѓN�^��ʾX���d�#����9��&�y��b��v��<��W�/3����mHQ��0����e7s�a���I�AU���=��V6���%�H�}�*.�ʊ�O��s�T�B�b��� ���T��b+�-���&�[!�U�ר&zs)�x����nkI��x�;�&
R�7�*t���P���x=��	�2�����td9:���(ŗ�l&m���ꊮ^[�lH)�E{�
�x��2�c/���FBc�4�~BED�o�v]�
�Zʁa����WV��qg	!/�%i_��/u�g�`MW����B`^��r��L�b+鍟�M"��~�D�\
遍pԾW>6����
{�E�B��Y+�w5��x�hL�g!ԅ;�`������*����3�����GhV���3�6V�y4�ƘQYX�<9V��{e�*�J�}a����
��)9[�M�b,��X�O@>��`��5/L�^ϯ
+Y�c~p��a�C"+#Qx�!�l��È ;&���͔���-q���݌Ȇ��T&6#^��$�Z���'��LTv��D�^�L�a�9����Ru�&��٥��ub!BI^�'�~6�|/ <��	�#<�����R	�+A
+��T`�����}
E��l�6�eo�����p%�h��!���<N�`/h{�xg�.Z_�[��X���_Ԛe�51j����
֒���G���/1�֬~E)��ܬ
L_7߯\p�(�qe������88ꖜT`[;5���Z�	�#�Ъ��V�|��:�
���7F�����A��Y�m�@)�փ�<���q=���u�B��L7]3�YU�搻['�7�~��i=
+I�f���?�p�g�6�����;�651d�^��VѲ��q����+�w$�32*1֣[�j��~�$w��t�r���7�9�;1��荧�/C�X�����D�rrp�]���F�ZW��Q�6��*[	���&�QH*R�����B�\���������D��W]JB$.Ce�˯��,��#Tl~�F�J�Q��W���[;T���e���"�Bq2!�)����-i07ر/عp�d���Q�c��<$g1�zj��48�[|�}�Ъ���L���R�VmET:q�1R߶�w�V*U@��.�|)����XL� ����o�\j�-���*~�Ƶou�3�Wi�i����[ى?#?I�r}�)~E��_�M���/�j0B����k��Cr��ʧXD��մ
����0���x'�OGe�U���q�*;#��*�:�!��*#+�l�Dw�mӕ�]%L����0���`���ilj=_�
���e�lO�G�u��W�v�h��A-�E�hËs3
+��vJrh�f�ʰa��k���}�^�ui�P��FQ Xs�0�uh}�Mۍ5�����,�&]u?d��\�փm#�:��#�|�)���\ӂlAd�^��ꑪ�D%����s�6�$�/��~Z��u~�%���UK��O<(u����a(m1��`��P\����O����S
+�T�tƘ+tC=���q�`B�Y<����M+��K�E.6���XeZ��-�S�k��/�*E������	�hɎ��M��u��ZJ�
+��[c2>��@����c�N/$֬6�uc��p�2N_�
!�"
�c���w8�֋���b�;�+A
)m����|��,��C8J�!�6���0&�9�ŪB�l$YS�6�����U�Z9pw�ae�W�`ł�)�DP���Ȇ�D+v��
+t7Z#��"��p
��Kㆮ�3�PS���w�r� P��YT�C���0�"A����_\
f�K�/��ҚףЙ10�C'��ӬL�s���H2��(��)Z���T��M��,|1��4hs�?�h���lmɝj���A'��:�0�7�YAܴ�U!���y7ܵ����(��C����`���%^��j����I��W�ǚ���ZO��ȝ�XB�����]��tc��i�/��M����<��'��B�O�&���?u���`9�
��^���܊��E������Ǽ&�^oDꊂ��aS�ydt�I�UX!�����~�pq��d��zt��F�+#ttt
ָOF���4<��(_M\`�V#KZ��Vo��T-yV<���k�`\��!��`(��O�&��|�TU=>`�>'Ss�������7�'x��g�p��}ߝy��y7M���"��bȠ���O��Q�Ig,,��C�J�|��kK螥J�h�F=跰��N�H�"=T������;�ڦ��f!���B�e�#�x�h��8���~�Y�R�.Z�g�5r0~™r�&���:�
+w�k�n끝�wk��'��N��|mS�,žfZ�X2tD�G�~����U��r�䁻M�B0�Cȉ���tZ���W���ㅳ<n�Z�P‰��-�#p�p��3=��r��܋`1}��YN�%�{V����8��Ƒj�Q� �J�HP���+�gZ���d���|���!�k��ޔ�"BԫeГ���$.����Nm�
+���"W���sr�[8��.�ï�ؒ´| JKk]���J��Yi%
��O����bG/!y��ul�]m	"*�.Bf�skү:
I���#ialҥ����8is�3Q�ٝ�j�wE�ҹm�h�#��88�v�9 .
{��Nz��\�ǍM9�Bؓd�(X��,�!C!?21��6���w������b��T��H��ڕ�(&��Gǥ�屫+��v�ƴˆ�z�Z_5����)	�ҩ�y�b:�
��3�So��!�4�%EIۓsq�L�x�J�
���>�OVT�P%@ȗl��+M��wA�kO&i��˙�0�"WR5(�������Z�q�N�k29ud�Y�����~^\*�z�/'���Z���{���+Wo0��:S�{���)�6�Z/��A1����<�PX����N�~����
+JO�կUZ^�Afv=A*� �m�J�w5U�yiP'P�k^��`,�ց~'�����-R���H�5��Ok]��1�k�|�E�6�T5w������尷8����?/9J�`/���`�ɩ;���DZ'�j#d���we5���XŴUVY�
+�_�MP���!�#;�qd�A�w�:��K��g"u:��=N�݁6���~��L�vER���������Y��w�&%�S�����o�f��B{*�;�M_{
+	�Khz_J�$
�~5�p+;DUj��;��t�����X'	
L�=�vNU��
+${�,՟j�Ͱ��q啠�+u}рז8%�؈���&�N
��U�"l�j�O���1��z�P���%öb�S-7X&
+X6X� ��Ɩ���zV������=ͥ���ѐ�9O�?��d�!u��2)�}���r�N�43q3*r���p*�u<����}���>v�S���WV9�Au+�e�Ž�"�Q�G0>�����X�m�D�pQ#F먐���Y�� �i1m�}S(~��$�T\fQ)
�Q"a&����o�A-,5��4�S-�L����Y~�I9��'�O�zj��Y�Q���(
+ܔXt�rLg���R�ؠZ�t!B�γ��h�-���J�ҼE=�� ���\^�~?��i�5�	,�?��aq��
+�m�G2a��]�6���_��$L
+��
,�
��۲�� �����f��^Ӑ$j�;�W��3�E�9�5��No�m�^�Nw��rz�7UA"
+P{�E}�9F��E�	h�q����+��L��+t<��zU���yk�v�˯�J-@
+iv��W]�kD$��G1S���ס�p��!�
+�\~S��¬�����k���Wȣ�<ٓx�F�	���:0d6�;
f�a2�c_1ڤqq�,�;��_
�s	����{oyゴt��
��dkk1(S>��x,���\�6�����a��c�"�͸'��Z)���C䦣����9�'������@���xY�0��j�ɼ��H�DA%��b/��s�]"-2�Q[�>TF�X���	}O7�VE^��
+V�j��T`���N
5�l7HA��'��HQ��"�;�����\.�����Q��a\t���"�YI	
g.#�];��Z���`Jr^���=!��z��?*1�����v�u;����%X��D��
�ʴP{
�ѐ��#�)�۠��`�a�JE�}�u�|��2�3\�	�g'wЦ_�4~+i2��I�����	��
+�g~��Q�R�[eDjQ�g�rm��7�c�?� ���`���Zi| 
+��\X���Ґ�4��04��uE5����T�w#�K~��v*�#ih�#d���h�pC"����jid"?vr��^��r�#�w�䭞PV��+65����\իN\=?,F�K
+�ik-�ϝ��ͽ�H�qa
�x�C���q��3�
Z|��bnwڣ�!Ց;��&=�����
t2J��L(�F%����X�ڱ4$5$e��f��:È{�]	ӧ�8t���<�+��,�Q+��Wv�����{NXc���%�L�[���%[�w0�=�?�0�u6��,ӍH���M�8ߙ��Z�agS�rr�Z�.
+��X!n	n�^یf"C�d�����
+��r���kUD�'���ao
+ބ����&�
��Vj)p�?�nj�n�{h:�ը$~��[7����:�CQ(�&{���9Ƴ��[�L7��c��t((�@��=�.{�)L��܌2)T�JUV�pRB��+Q�0Z
ö��c���N,�\R�	T,
D�>��&
�Ի��I�H-� �a/�m�R|=��L
{�A	�v��+�,��jesp�`t�T˶#��LD�|���,�b�A3(9�=)����N^o�QET�5�-
p��/���(+���kX1��8*%���e�E���p|�S��H�u��-�{MB	(����8��
J�
�oqsm/l��yz00�q5��
6�k
4�rT����-��H���l���G��-�>	�1���^n��%�
+VY~ J�p՚�o��[�"��̜��$�q�Fۺ�m$��W�iL(���и�����驏�٨`�)�g�>�[���b��Lp�]��s�5������� �A�X�S�4T�;�Qms�hC�2��m{�}%H�p�8
$��Y7H�gE�v��D��l��>w��[��lJ�ƻEi;p�8���-�
+6Xp&��_��Ȣ��� D�f���+����,������.:Tu�*'*4m�G��z����)d�$�;�
Ƿ�
~)��pF7ߦ0.�%r����\�5��,O�x��<���%��s�%�g���>��`/)��%��;�	���w�9�a?��,��L�P95J(͆E�f<��b���U���*ߍ$f�P 8ۨz���$�7�.Um�Vn�?E�"��s�c��4m��tL�M�{C:U�,ܕ����
1�OHT�Jפe%�Z���	&u�
bIN9��1y�H-�Y��7�w�O ��aQ���ӂ¨q5� 9��&��g��6r=���A��J�������z���'8��)��o�G8���,���{tq��Ţ!g�տ��DV�K�H���h���Jh�l�����	���de�9�hzE>Zc��ow-ڞͧ�TaghH����3>p����DdСA�����=�u\y�]�`mF�w�L䇪�>����� .�ե|�y�ln-�ؠ-$�1��d4b!B�<jA!�5prx�Bƕn���F����f`.5�x
+h��CK�j7Z�\�)�����Z�aLJ �q�&��g�5O|��*�D�^��gC0�0�2�<Qjń<�;�z#Lx����l>_	D�
������=$r|��`$��
zХ��i�̤Ġ��3�_���n�؎�+E@Pw�T'fx�ߨ;S�
M���rSm��Ҩx��cp�ƃADC�Mؽ��R���k�(�2C�41��DY���O&��l�p,
�9bm�]�aW����#�PaF��Ѓ�D��_2y�i�	��*0�cx��j���S ����	�7�,+DA=������9E�
��e�ҡ�����N��c����n�ѣ�+t�\�9Vô��d+��[�/�ri$�էī2#�-B����G�F���,���h��ω�.T9���Sh�h����JĐ�9Ca�vOC�k+��X�.i�@�
+pИ2hbCF���^�S��h`Y�-<ؿfw���X�Ew��Sa��jB�2)��%��*���0�5�
[�7����d4Kp�> �
T��>J�����A*e�<o�F!��ș��u��H�"�IS�C�P�'RV�g*���>¢�gY�z���Y��f�N>�����p�Mu&A�(��VkF�o(�ӈ����_�	ZO(p3��'�(�~
+��\Y�h#�[8t>��*��3zIJ�d�
+NMq����,|���� �`3֒bmȞ��vp��V�
��6�46B�VEށ�9h��=0�,f����a--%)|߭Ix�<h�ó��m�!/ڙ����w#���)�M���Q���c8|�d0��,���xꣿ�>��h!{n�P:"l�F�yX�p�$n>5/L��A�E��N�������`�ְ��Xk;3��78V?�~��O/���6*;�G�`�{�s3�:�?ts����!��W(�<�M5������l�+�
-k)΋D�Ʊ�ce�@O%Q=�#Gf܉���Ë�HHi�
Q��]	����'��D̑�S���M!%[8��l|�܏��}t�R^��"dC|�B��H�7ҫ`
���~1O�Kڮ\X^fi3KCq���6
"��C�[�
������䘺�R��D����7�=��6��������V��I.�2s_�U�4�e��]\�n�E=�,��U�|�<�����O�>S��^׶H�v`I'nl�R��3�W{�p[)
+
�
endstream
endobj
15 0 obj
<</Length 47973>>stream
+�k�g���@��۪�����VE㶱p�W�e}�ԀK����7�p��������B�<A�
�
&�a3�R!�~)�
^�n"(4l�2>����A�"�&O&
�M'��2��BW��
%|m��&\ݖbw7�z�6����w����T��T��\?l���ǟ��8���6�@w03.C&/n7�RYq^8Ae(1*��.(��䆤�l��|�kA)��Y�꟩��D
+�o�'�d؊����x�ĺc������ng�	���w��'�O���Z���gN�;c�� �5��VI涵��U.@�}���H����r|ң�1bu�)QzHP?�Kwp#��L/~�0�9.]Y��6t�Z[�W�Lx����{Oѐ����'<ʢDPj�~)��FG��
թa�}��ՃK��z�"
�//uf��0!&g��1�&է�t�^�h
6_�/��D;+���e(+>�v���R�ƍ�8������yv�껩����}��(3�%�
��E����x��ET��g�����B�qpD�B�a��S�B���-�$��x.��
+1�W���c�����g�[��li�a�Y$m���7�#J���G����7�j�G1�P���
K�����qJGP���%��-9�$<.�#�'H���B}�C�
+�x�a굲
�0![��t.���RV?x,I�
�H�c�U��+�����a�ӁC.R�uç�?�x�zR��v��
7b�Y�
+�`��Y��"�"6o���-��tQ�ޤB�&���A�=���
+����sl��6d�=x<��o7Dh�f�=����Y
+�p
��#���vP����vx�FdQ%�2Ҡ��m�����!h'�kw����8k)��o��7̂:���������ˡ��X�2�HEAG0B����B�hR��2����`PHW��7<%{м���Z��]�����I;�V�
O�ƃl�Ъ&�Q�0v��WCK�e)}�f��g��g<�f�'uP?=�ӿ�&<^R��1-��g}�w���Ga����R�3&G���d��S_� ����NV)��d��L&�iks&�B5X�FBk@����4�-��5<R�[��>���i��krs���N����H�Gr�
+tW"Iqͷs�U�ʡ�'m�x~թ8���^��x�`d3��#h�o]��H�90���L�*�������"�"66VnPoW��/.vE�� �h�����i
+�c��7Vb@8����WיG�z�F<��z|��0���y~��0�}B(�]�h#)2���Oʦ
�.'%@���Tq��{���j�
+-��<�h�]��УB8r]!���tG�'{���l��[�|w�i.}ld�T}�.o�,
+�����$�~R'��;�jF1?�2^Z�!���@�M�uG6�����u���r=��`���Ln�7�^�t���v\0��Aιa��C?��W�����c���(k(������Ъ~�|��EVWA}���.��0����(����&����y}��;�D�b,�����ř�,8���� ���S�o���@#����s�>��z���\i�?'���d�+O�,C�0R��1k��P�ۨ\���CbD������M��',H���~�՚6n��?/r�2�x��nfD�iu �C�K�ǎL�~T�N>}�Or���XG�?E���ƈMe?��5nYk�2Dx�n56ڹ�{�s�$,��ok�|1������,"v�#�DhD:nM��
�%��
�8X�9hB���T<��UO�,�qnE�hO����J��Q
+Ϟ�F�d����|U��W��ȱ4Tu棍^�̐�T¦16h���<��s@�����:���2<��
���@-5`�y�
�'�R��}'��v�8�OAEJ��,}���G>&+�)���n^�ί� ֆ*���[�m��v����l(5�FR#V�A��,-����w؆f��0��5)aP�X����'5��U)fʩ��idI0<��lv'�"ߪ��4��Eg<��S-b�EF���+��I��F&���cO�<q}�D�U���J�IM%=r�����ۂ�}P�$�E^Z�T�~�E�E�eє��ΰ�H��(V7H	.{�8�lA�Vq+����ϔ�^\���4�D��k�T��OlDN�����}��q
+�!�
�h���F����#�&��4d�g�ƈ:�)v
#v�
"W���؊�{o�D�qPWz�a�gTI+"��HSO��T�h\C�+��F&bL���Fv��g�fEt\q�-����i56�!��\e���s���"�h��o�Lp�>��x�eu�
�V���a�s�
�d����5H�yP������*
n
_�����'3����� N��u�
+��F�q�$y�݁�uR����R8K]gQ0�[N�D�p�$vn*��I8����
+��j5�T/&A7�71l��c9!�:P�֐�xf�>JL�I�%�����d�݆��Owk��7JV��ci� ���S���1���[��ݣ�,�_<�`Q���@����9���1�%����D�|��9k8Q��@�:4�om>Į;	��
�Ӣ��63y�װ1$���B�޲�ZG
+��8���Fs�C�l���Y'<�od�=^����Oc,�	�wix{� �4���o�n7��I���}�V��G9U��M�9�ܐL���'7QmP2�e%!�̍��7�e ���28ޏZ��d��p���C-��!�5�;E��j�ޑUg�u�}. �j`Z.����n��ĭP
\�P�����ݲ�
+�
ʼnE5�˜Sd���3����
���T���C�N߫C�Q��
+B�9�li7���a3{�Ln���yΑ�/���X�2B%�qUY�	*{qs�d�����gP��ѩ�n;G%�������z_f��E��T��}]��p�
�x��/Dـ��(�H|U�r��!�
}����4�"�U=� �H�j�,���G�R�3�~X��
+R�m�{�JL�Ļ0E��i�ż	N�[�������l� 	��b8	�-��^��*;�
�껯(u!��G.��I,"��f���Fc�ρ��@ N���p�d>=�*W&v�{���}h�Dct�!O��{g7*�q���ɻK��Z����~K���ߌ�����j������MW򰰖��)ת����}}��B@½�O�E$:yp�G��1
+�ܧ(13#���.1�䀇���g��&M:=!sQ͘h�k82��4�:$�Z,R�iL�Tq$d��]s$�+or�Q�< ��CZ�^�f�k�a��LG`�wh�F�5�!�űDI 
+�E7AJ:�c�;Ǥ�)`��G,@��W��;�H,/�js�,`��le�^?	
+Bw/����KuXk����k:j�ˤ�NS����ԯ^/MbT��M�m<b����#����ze�Z���2�O
+܈��U�j��l�\F�L_�y	5%��-�!�8%s���p(���y�	�#Yoq��+�Q�6
C1�R`����/�{q�D��	4�� ��W�7p5�l�գ3��7'�f�Tv���sy�w�R�C��b���A�YErce̶渁��Ç�8/��fj�\VQ���CG7-������@!g�A!hh�2��t��<n�7
_YA�PaĤ�2��I�8Vp�"
+H���.F\���?UnJI���'X�HM^:��֫�]�����0% b*,o�q[���G���u^'��(�#
Q�ڻu�C�:�9G����I�9h��5:`y�żl#��U�YC�7�;<�ų��b�-]Q�Լ,���l,�\�&�U�!�Aŷ�v!l�ga��a��j
��ʗuK���|�28BE=���X��~Y�&�8t�$�bJJ'����0sO�'\|�
+��Kg�X�9?�JJ��6�`�&���%g!�܋��f��`P��l����i!��^ˡ�%P���M֤�������{�oW���tvڇƃ�9�zHyH'�C��ΐ�)ؒt�-S8V>NI u�W�*�t����bS&]�P�?�(@FW��{�S8'�X���s�,@�6p	�;
>��*_38�g\�)��f���]��6yK3ꌋ��d'�<)Up0�֯�`2�%���&�A_�!.ǘ�htħ_7�0ß�z��"d�}�P�#�;A2��s@�	��\�L	ͥ@���kB?����
��yN�Ӡ��*��3�%�ۡ�06�o��G��Rbuc��
��@k
+#�c��
���i�N@2�@�,5�7�	0\:CY^Q������)3_Ղ�����1��p]�<}��~r��j X_�K�Bl�>���&�B�O���f࢐xZ�(.o�/='��7��8I��.�%"��@ݰ�hߍ|���Rp(�@�@�D�
+ơ)1{�F*"xaE8�hA&��ʚ��u�eW�:�x��t����/C�����9{
R`Y��%�h����e*�a8�]�3����,��2g��	�x:$^:�(�^/�kznb]�ħ�ӱH>V�Y�ȘT���aAJ�r�(�0dmObzgIh)�8�EZ\lA����yx�D����X|�b 3��ux����ZC>�?Y��8��9v��y��hb��l��6-��ҍ�۸�6
ni]�h��C�`��g�n?P�?��t{P��QF��V�N��a�����
�=5��������m��h�<Q//�eJ�sU���0�`���h�H�	(�7���R%�M*m���җ�VG����ŏt�N�}��4��5��������F`	��{�͡�6t�� sJ]�	[vRGq{�{���/�=���]X0��	fw�&���}��4*��{�Bo˓@��hOn�Q�<�6�}{��aW��%�P9��Q�?�
X�"z�������T��z_D�-��S��������R�w#�2�S�*?�צ
�����D�J1���
L���<ztWCٓzM���?ŤFͺ�d�����b3�Q;[ipt�e(����&t�3�^}j*�"�&�-3��;����%�A��X�\Қ�jM]'a��G���N��y�j�13�(ȨX�!:�
����I�4G�a � ���hϟ�$���@�&�{
d�_K�;�byy�3J�Ğ�ƿ@r�G��d��(z?�<�iga����wo/<s�:�����B�<?�W����h�UC�V�ڡ42Mgi�8�od�h�M
+*	L�8[EE�ϯIq�@n��-�y�lZ� �0ԉ:!��48I_�ȝW@��#h;����&�	��u���/�-�u8���Td�D��>Ц��,D�e�s��'�Ѐ��K�����k�em�W����=�:k�r���Uo�D��s?:��aO�q�(���f���aJ(���?�n҈�j�k�^�q����IM9쓯�d�UGa�S�,���j`�o6i)�O/&C"
+��1<F�N؊p�3�;O��M����N��6�wf'��>Ɩ4y��y��#޳�g-m΄�������1tt96�ۛa�ɿl_�I���Ncr�8>qvS͔Y�"���C����ؿ�Կ����
i��@32�E��L�������X�2���p+c��P�p{�3��N�\���Z�lx$O����m�=4
����:�@��2VS9�lZ[Zl�+��5��R�mp(��p��N��O��7D8���Õ<��N�\	��l	<�k�9�;�f��@9N�����O��H�oK�e�`�X5o�p2�O=�5�\iaԁӒoƄl=� �a7�`WA�������`:m�
�u�sӈ����g���&��R]`�0L�L��W%�;ɇ�����?���tn�΅B�+����YAB�r���!��^,Q/�a�*�4���9q�
8s�[	��V�����H�܍�0�����)���9������t��=���7�=.�TK��AP���1�F@gR��gEΒx�&����D+�=���_�[t�ؽ�F�̒���stL�HՀ`��u>:�BM��퇌�9���0��f�Է{���N�c�"���T4#�@Z$*�̰x��T@z\�K�S�����<�`O����hBpgV��&bx�9�\�3��y�8u����p!2Lo�
u�^�n�4-��"w}!������R��D�C{��F��m�YQְwZ
+�,���;���unVw�"m��D3 e�v���Z�.�'���N]J�>\�����a��B�1?O���c�_���!H#��N�������.��
�Vo"��ht�_��iy���*�ݴٻdu#�J�ݷ�%(��k�"c�`"u�wB۽|�7>W���vǃ
w��^���Ԉ��%q�#>P{�M�Bh�L�)�|2�$����Xj]��@��߶3Y�W��k���r<�|����&N��n�d��;��b�)s��J�|�ߩa��~L3L���
<k���Q#�D��S�uZ_]]�&L��3ǐ�t/�=�Oa���
���i�{,G���:4Kg��&�=7`Mi������v\P�	Hp'=��y��[�"�q�rb��ài��ڒb;�Qㅊ�
+`q�`��J�d��@�4�>��M^��ZO�����nc���E�>�c)0*�<Y7�V(���غ�Cr
	�(*���(;���i.V��@k
��*���Tjc�Z4bV�ɂ`��c]e���<�ܲ���6����W��^�h�P�u��9�6r�+�D�a�DGr��EnB�8�A@F�<���F"�\�K?�&�r�̊���JIS�����5^k��&�_�\R
+�sxĠ�n�a�6��J^�Pv
+����j��Z߂fx�:A`<.�
ۨ����O�\s�=�b���#�
7)�Rz�eV�w̓�kmV��t���(eW��c�N��ƪ�ai��"J�1�@~Z�]J� ;SĜ<���Aҕ
+��X�p	c�娹��qU&!M2�ƙ(���'�����@`�V�T�å8t��BN�	i�bS`T�8�}��Ʉ�ӞaP�Q���|�V�@5����i��IH}�1I�fʣ��D�0�:�=�ӌ�^c�4�E뚞Zՙ�	x`:”\�jvQ�*���h�����=����DܞYm�[�j�k`xGV,8b�*��b��
+
85����ѥ
+�_6�B�2
�Q�Ɛ.�J�	,���_��I��
�s�����]
+{ȫc�˥��p��P}R�)e��2�I��́��T��z��@YG��A��`0�C�uf�}f͝�Y�	��^D)!$��:��Qa�����'l�Fi(���lɽy>���|�лj.�~��"3�^��UP9�x���ྚ%#��"�fj�1Q�
+Ga+�^�h�=ԤZ��P�ӔM��V����Cx��C�1|��|1ZѴ{����f���������}y^	j�er����}�K�4ek
+�e�r����Ha�:A�8�p�����LZ� �hK���4>puRN
+����h�C�&�ʬ���m���r��F�9�A-t�
���p�t�{��$���A%��drI��D��i�=-[��t�%�b���R���v8�ǬM�'�=�lؗH�/���Kp8a�
�겎�#��:/�Yו�
R�4/�����_[�b8���./j�.���r��R�Ks�[i�����(
ddfD	9K�QK3DgzDg� �
D|�"�Q�!:���F�R�4�Fi0��ѮAÈ(�X�j�F��
��ɔ703�1�vxQ�Xa�$P�����7����VԒ2����V�R@m+
+S��c^��y��W�>�T��g?���j�B9��#G�,@noާ�&7�N>���H��o�;)g%��׼���vITx����H�#k�3
$X�Z�mo��d�u#!9:��������r*`Z;!`��:a�5��s=,�����5A��Ĝ�^RY�ԽI�t�c���Ԍ W�v�w2����`���
����T*ώM�g��7N`ݴ��7XS{��J�� '����B:*��Ȓ3�@:�ib�to�Nȫ������Z$��)\
 ��ͫ�O��r�`������Hr9�Փ��O�%2c��B�H7����1�F��NXu�T*��������j,�w7�M5[��d���WH�O�g0ԕƏ-Q��;|)�=�6A���
���D��ݛ���i�1��b���{��'�Q8�#?����a�f���yk"��Ha��'�-�;w坔5�\�I�Ԥ{��~�{�	SE��c���[�լ���|6�N8��G����@���>78Vɥ���5r�Q@������+be0*(���ׄچ@�s6���6��@�B��2��BN�`݉夦]&���c��N:ֽ���ɓ�8���q��VMGl����R�T/I>Q!ꓡ+��/�Ǐ��������fR���)b�Dnp��D�	iyf(���U"]?#�!G+���RVb�J�b�(}
�5��Һ���M5��ơ�{�dol���M�a�ac�54�t������Њ�;����{���P6�Ƽ��iezѸ���o��.h�b�7Pk
Sk ��X$����L�C�‚=K���~�A�}�~��e�&����<��
/�7��dPxo{�[E�C���Y�$�7{�^�����b��}Y�Eh���-�EW��L��UG�z���b�B�ѭx:������BB+͝�i��4�86������-b"���E
V�B
V�J(aP5�	�J)��D���L�7�A0)�)�
+:l��䓧���!`�l�A�����ν�
�zQ�ua����6��meGhҽ��,m��R[��ۛl�������Bno�F�QW���t�P͵�kUXI4hzE)�ZC�FD�Κ�-����8��Nj���
s�H�8��4E�‘�=�8i�����Ų��-������"� O�K���	�h_��T���J8�Ej�EEr)H�*���t��
*���3͉r�����{U4x��%��j�*�^DZ�JwN��eo�Q���/K
k*������ro
�ûX�x=X�Tg���-H�b���	ЬM�]
+HpW0���ID���N�RkbW3!�y����wRr�����N^O�e��F�@��E�vc(XF��64@�Z+�Jљ����L;���('	����+!Q0���A$�5�h����DӀ����	1��h��R$�Tq����5�
�U
-N�\&
!e�E�{����E�!T��Vu�/���@Y=\�¬���/�g��{~�I�|/4?j�tĩSE
U��!�܆d"�P
+��H�k��F���('S��oN���?*��}j?�b�I9���a?�9QN2`����FZ,:���p�?TȠ�mBȠZ��ZP�^bNT�4]��@���듘D
�{Ü(7[I�]��(���������i9�N2ZN��^f�/�[J[d��?.�}RNN������)z���_?Y=�1��+���{
��@�.]r="�4�s@�e��N����;'*�*('�`����"H9�<q�3F΃���J�O��3k�K��s.	CI�����[@��� ����u>�7��>i�C�
�C0]X��a�D��:{�PN�_�I('_�-���2��#�co5�7(��J�pʧ��lK�L_I q�m����	��V���^B��Arg�V���n����̔���X�DK>�2ա��pV[��w����L)����`����0c���08�7��j�:o��,���0��r=l정i��!�ѣ�q)HheeP�vyљ\e��D�)7`�7?9Q���.,�r�:�o�e�@Ƀ�����eA(����(oDLg�1�R[��P^FN��>ӊ1�JC�9�>�]�'�=����љ)|��k8�a�8˾7�p��<���~\աΔ��$^I��ąw9�Z㞯�m��
+�Z{�٪"��&��C �A]�X��Ƈ�^�i�O:Q�I'�?�U͒t�����n�i��Lˋ�3t���)��<��w�T�8�zRUCO
+Hp/?�El��EhnfS%�E�dG���T��72�7�R��v%���֏5��
�<�i�ݵIpO�鱨�>lzo�1����Q(y��^�Me�����D�lLL�����#�_60��"��JRxuM02���[)w�~\�[X�)P4�����d~�ar*e�Qu�{S�]����+e���G��⩆����P@��ϼ%?��w�[�o�Gw��^��DԽ�4�}�&^�L�0c��"Q>#��hګ�a�뢏|���y���l��,;b�:��D&E�S}�O��>Q�g�T�O��3���^�_��3�@��Y�Q�J��o�X�DG#��
+�f%�#9���\��v�$`�dP���}U����(;����@0����~���
%��
ӂ\g���Z\��azfJ�^��Rb�'���Ӆ�j^P�D�jHm�ʫ�p@ҺBHp�?�j��7���>�U�e�j��=@0XMiep��hϤ�6��ʈ�ғ\��:'���.p�+u�6�4
��$��P�L����F����V=�1M���2������;�0M.�YYĒh�{+���'<X��	#��˿Fi�n�<,��� ����u�IEP�a��!�etR����'_{f�ׁ�J;�J�"�C~�T��)�pL��h�&�z�@�6��1��/
+Ҡ���-��(�n.L��P�y���%^^6?$k%�E@FNd���9U�,�%$��U�����5�I9��ʻ#�OjRȃ=�
��jSm�G_9���@ɯ
�⚘&��Eg�7�����*�ʫ�\h��	�3	�|T���4 ��ա�Tu����09��k�>������7%��;�(;c�lE��Q��W	C��[Ʈ��:�J��-hzo�WM‡ʳ��
>������N�X���N�h�!i�^D�	J��RQ���)��mF�0��N+�	
+�>��dV���@Cߓ{�AP��ۻ�
�:�(:A��"7� NP����{7��b	>�ұ�'ұ�\��ch`��Ε���kN�I�6��6)WRf)�Q"��I	����s�G�u�{[�|	,40��JX�= ��
R��,`oo�!
+h�ɡ^g�[����i�0{ۅ	oU\��EI�������~�x҉J*s���y��J�I�(B�gQ�=�����C��њZ�zF1��P$f���N��gR$��4jE��Ǫ�1�D��z�8"�����N�2�T
+�(�pB�9bL��MaD�
+ެ�!��6�{s4�M�|TD���G6�?M"�S�Ĕ�"���3CF�G(�`����쇄)H.���
+���Ѯ.\�uc�Y�ŗ�?��z��G���H	�}�]�#HN��P,�����)DPqW=�4��V���P�dh����i�e��|��@=K1�/�70R�Ke
+���)DJq�]��� ruy�=�!|J ���.�WA���}	R�^�A�#�Q�
+�A���k�)ty�l�n'��9�	��ܫ��s����0�y&p�U����Ԕ՝��1a�F�])k��W�~ǀS��û��
+���5e2w�B9'ʑc�f���~E]%RLh㙏�5���b�\�^2��M
�w�~�s'Ǚ~���D��ь=�
'�B�R�X�����^��.e&��3�Vj��^�1�D�ǖ���X�1��
3 �$��$��4*B@F.4$.&���q@(
+��p �Q�q�iH2}���v##0��O��9�)a���O�"t���}�&Fq)a�Տ}m+I�P��!2tZ���8J�����1��_�
ē�{ľ�3��|���0���C�q.�TVrv)��R!���[��f���L��v��_$�W��b<:�\�w���~�NNB���\c�b1�tm�!��"���=��IW顁�@�L4��+0�����l�L0�)pDt2�C�}���ǟ�5�V_�
�����(�D�GV��'�x���ęӝ��;-O�IȀ(\�o��M-���ʇJ��᫇�һ���9G�\��b1��z��������Q��k��;sCS7�y�|���"@z�nU��Ț�����R���.]��*�AD�;:�ƻ�n�����P�i��<��.~h����W�B�k7�>D �=��o�|�h!��ח�_ρ�iQ�H�fy�C?���&��0�'�	���VFG#�#�"��#UJ�T{��'���^�I_���~(��Ԯ�t1���چ
I@O��1v�WT���OX�+��ҏ��;�Z*T�jO�3h���'Kள/��~�	U�����K|A����K��>Rm����~��K�ү�~Х��W����R
+���5���/:���O�DJX������l�e�UP[���w�u�U[o1�97&�w/R����\w��d�~��a�q��N���p���FP�>���
��ZRu�I7ץY����$Q��KZB�{�|Ys����߾o�„��ynm���$2�e�h�AjӖ����c���Ā��a
m֡W{���',�+KQ���A��*�<�p�=^�ikG�Yf���Iҷ$!DΘ�>X=�s���,crx$ku�{pCK!��MR�e��J>��s�F�uߒZُ#�	���g|%K~ض��(Ы_�j�$_��\
�sX�[u�X3��7!�,��ɷc���� �~Ā��P�'�
+x��4���S�S���]?��&66`۶��
+�\�(f���t��<v��qL`L�H�k�	ï�AwU�¥}��S�dZ�M�0���>�5Wڦ�68��g�6>j�>0΋dڡ>mc��ϫ!3Bo��*��JN��͑�%��&������W�}�sv�wU[ۿ���Z����Ԟ���P,�.G�oH��!�jdN�2U����x`Jo��IB4:���j$x���A[��6	�q_4�jg��V&��ͱ��Z�����܉�Q}-o���6�Ǡ�O���a��!AMDy�ſ�Y��g�,�5z�2�[�0Yf�,6#~W8	7�n�����h�J�qJB�
�2[1�ɮ����i�]�8��!hK$���բM���Y����E��-*z�r�L���wp.�,��Ԝ9�^D������'�~nT�9FD6��P!J�C�&UV6����gO��~|T�Y%��ČGa��õl�O�>�cT����S�)e𢐏�n����S�p�:�Bn
���)H�i�덿E�9��&&Fݪ�_ufܒW-P�e�ni�)�.xp�D
����X/�V�2w�7��&�H��*���3�2\C]żҶ��)��j)��^����e=z���ԟ�����Ӯֆڴ�����Aj�,���(f��K>�� *�b�`�`C����b�V0
}e���Nz�8z���(��jg�`nq�����J�r9�)���N����ډ&��"������j^~an}���-�M�t��~��pX/S�5��������ʎ���0�ʭ,��̭��J��[��k���r�6s���T|��U���X+���[���Q �܂DHf������^��hCz 3��W[�T���%�@���yS̡��v+>.ؔ�_��.`NG( :��k���
+��x�"���)�!
+l	��[�s��7m�vx��tIۘ��Q�w�R�&F�L@�����f�&h�r��
+�O�����I�/�q�h����*��^��,����	�C���h]¯4�(�/#<�^�j �.��rG\N�;ؿ�x����$��.�v�U��;���G!F���-���4��%���L�!�����d��UoN6K�Z�Z(q{ɈC2�L%Ln/��p@B��ڋ����׻�(X��Pφw��qGW2>�	0ZM�!�E+�� ��
�S\s�eOr������L*4MS�/�+>x(qQ��<Y���="����?I���,�wK��,�u�[�ӭ�-/k$$벵��O�3�?,^�AF��C
ܔ�S��s{��l�վ4���@q� <4>o��wS7B���2�oE!U�^(�2�4��}��1��j:��2��t=�����JA?�xF���{�]��2�֧d�́f�´_��@<�F5�7pfN_]@�8�����bj@*�M� �3�c)2�$xo���6+��e4�*y_٫�A��u`�͍�5���FX�S����t��q\P�RdSZ�������e��ʁ��/[v}�X��gD�M��Vi4�k���ӼDi%f�wx�8�C�Q��u���Î�a�6Y�ש����1��<&�I�$,R�
��Hޡ���;�47լ��;h�Ջ�<Z��<�Zu�ll=�A�5�N�f��~l��y�
h�c�A3�JA������3ֱ�k4��f��{���P��w��譓<���c0��#Qe}B�6IE���x�=)���]2�DLC,��������Gn�h�ɪ�v��w�D�{�Lc�|B�8�0�Q-_�x�V��¤�͐�?-�J�ܼ2]�L�L��͔�W&�<����5g�&�̈́!��Qh���4c�i���)��L���x{�)qUA�qE�9��y�f�EX	z��ѳ��-]��8��LJ�_f�&@���*�3ll%����$�^q�5)�Q�bf�wHd��k�������������-�B���=]I�%D�aO����/2��f��.|+Ηp,֞���3��e�^��\�X��+�:��:Ǻh"P*����7z����y�9b?!J�(c�"Z6���A;f���ؼV.�Y�]���\^��F6�������-m`�#�3��a����	�Iݲ~d�B���N�����8t8�M2E�:�)n��r,L� ���D�PS�y��b�6�>5�7,�xX@�0�����0{|��R9��wh���į�>DZ瞚\	���U_hg��4j��Hd���;��8J���k1&���f�_(&�F��kh����n���#��y���L�M�J�f�ۿM!k=�3�o4�����I�
^}f^Sf�
�d�BBՃ�rr��.@��<�8Ь
p��F{�D~f�ƁFo���<�h�|:�ϼ~4\|o��>s��@^Bu�7�M�
53��?4`�+�gv�4f��f1�>�p��#�:��5��ӁfU~��3#]־y�����6~!*4/�?����%�͈3r~�3jhfb���M�Xkb�.�z�J}fGUVc6�ج��i�J
o�o
�S�Ќ��t�
)�f�R�|��:S���Q"���9�O�fO����܏��N�f�i�TQ������?�6
mi���Β	�n>r�S��*N[��N��M�B|���D�i�LS|��c��-t_�
+���[�K޷��1&�����ʧF�Fh���e�����A��4f῱�>�H��2�Ц	���_ۋ�_��?*�6��M�`�Ѧ!�bLH�M��i�������?��7���ìM����7H[��+�i&xk"g�Ԧ����y�k��M3K|��� FS��p�MS��i
+ô��uM�˜\�#�#�O[���4c�hG(/.�f��.X��#�Ц!^��¦�a�kӨ���iDA�{�|x��咼$"�F�w~:��,WԚ���FclNum�O��
��YH����dP1��f
AN�6͠uI��w�)a֘�:}o��h+M���i��t��X[�>}����Rځ����8���*��?��<��l֦���G7�B��_C$�n���~�q�)��1�1���o�6
����|��3{7�7�Ѭ��צ�s��8#�Vy�4$���|�b��M�	!?U�fO�w0��џԦ6����y�O|�5�r��������I8�i�Ś��CD�6͎hʇ�O/��&H���MspX��ڴi��b��k�N7���[<;OG;�e�4���.r5�	�c�q����0�1%�e�O��3Q'Q��l�`t����\(��C������H��Q�����8�͢�6''��e�#ڷf�y�"%�&�0F]K��m�h85�gKd�*�T����
+���~��O��j�ߓ#�9v2^5�B��pjt�F���΁)ǫF*�L%��DO�ΠQQvg,��[�j$�d$\�`������k�5�9�VB��L��CD��Yv!:GK��e8B�%�5R����&D`ϋq2�=���U��"������ҙ�8Y�;h����連_>��*�n0�L�~��N�y���9�Uܿ�]><�^ y��3)���J^��!�qO���\��P��r���yڗ����	:/�JP��G��Nr@��&6�Cһ�&�6��8���lz#�L�0(+{�?���L��dȠ��EhN�iY�o�ױ�� 6WE& ���\]�u'��{Y����YL<����
�B���ӿ��b+���9�f�\�nV6mF��T��6/:���jg�����L��dϱ�N�{R��*T�APh��EΈBU�`����[7
�w��*>vN�9��?��#�$��p�k���p���`r��r?3���!�Q����Z8�ԭk�b���߿��"�a����Gh�*��_�
ㅇ����"��qHN�)�*������Ó���X'�ge)/ ���TH�'�R)Xͷ�vƼ&�g\<�II^�^�����<{J�=�Yp��P��ݢf��y��L��f2� GH�m>�ٳ���]U�e�>{��ٸ��C��:0�zV#��u	F�)X���]o��Y�uP��z��e������d�	����;O�X���8b���6��O�~[v2��k��dI��;����BY�j��M��9�]��O�2z��~�oXYY�J90�g�����������ؤ�6px8p$���
|h�k�ʱUp�z���.U���� lVY<ָ��J�G^�r=|j8�G�
+P�Rx���!gf��]�\F|�<��n�
�v@y��̟�GZ�}?��5N�4tO^˰(��#�׹�UA�Fx�k��
�W�O�͡L�q	]C��X�\so�0�fg"й�c�:��SB��q���~���W��o�����ҳKs��X�G������p[�jb���f���[�*{)MV�������ol5�1 ��	��Zb
|t���?\����D���F�X?�.�؂�m2]?�꽴'��S̱��b
+,�8Ш��C,����T' ���	�qx�9�8^R�πE�)�d{�K��yi���f��A������vXd��yR����8�Ac�Ҁ���23��T�q3p�Z���\�i\}��k�]�̱7DŽ�T-O~ � ��ꀦ�3܀���Gc��W�u���Ӂ�rFUm"��$���f�p���ϲ1�C�fvQ$�`�T�������3�j�e9�r�GHɕ�eN�\�K��
�@�S�<�f�0�=uM���2�����������&�1*��O������H@r5y����P�!��bZ%'7�=�����y
N�����r���5ο�6*����w�f��qzxT
�f#HANE�戏�/��;���?����@�;�(SB4t?y*0���,@�{�������π���:$y���K�qF��Q��*�=\;�`j�䶴���h�
'e���gs'Ң4�q�Sc�F�͜���2�����
Asb��?�.�W�k�f�)3�Y&%��7���s-ӕ��3�����c'G-�}�'?@�C�Nrq;�Ͻ�V��C'�K�I E�{��էz�{��g�H������I
+��u�vR�e�F���������>����z�
�x
���?�zkT�X-�ZC���Ys6�fJ|Ok��=44��cO�F�W���	5R���;��v	�R�\��d����뱋�q���XR�X�/5����>�l�EF�g,C4�@��%l@҆�)�@1�Z0c��v� X��A���$?�#�ȋM	ԁU�j����H�������H�weY{>r4�����۰{�_��H�+Q\f��Y�
j�A�����_�)r�5�	:^��d/ɣ�*����7�Y$]���A�8��ab���j����|�zg]
y�n�kj�TAExK�߯M�\z^m�,��`�[�Q'���wD�\�5�C%�b�&ؒW廆ߤr�ԭ=\J1�u)	��*[D^.L��<xAa�N�G��bP������9�z"~������G��D�v��ςOhEb{��u`0�+'�`$B`+���n���Y��!)g��@ɝ�{푌�2&���Dkpl��(��R����6��C6��.�+^
�}���K)Mz%���d�+�����q����x��B��Y71hF
+�v�C�U�����
+*�V�R�1zXCs�y7�������qiѐ��7'��>�՗x��!W�!L��M�܈�O,��4�(�j��#h��bk
�Vyيl+�~����t��Q$�<�^ϛ�/�}\�0��1�����	qN�t��q�� ֢9�I�qեP�axF\c�t����"�P\�<x����2���W츩��d�S�����#�F��J���*�_�U���`�;4
�2��,�^o����h���M�ܳ1.i�㨔��Z�U�A���eG�0���X��
Еw�Ya��”�`��H�b����G�qm^ '�~�VIJ�2f���LۮRk:���S/5_�eҜ_��0�W`~N�I��G����?��REm�#p�#Y��%U���
+���C{���&��O���Q�Q����}��6����#��{#��W
N�.���j�����DW��6hw�0 pq�x5����fx�C]?�:�~����,g��2���p}Tj}J�r�")�����+�5�R�K�-�B�:�ÀX!'�̀Q�J�%���`]\dh�ﲵ�T�3��"�<���S^Dt ��j�H�B5R�Y��LO�asn�:�g0+�Xŗ#��I����Ѕ/�rQ��V0�r�|h��J���x@-U3!<�Fwi�t��ygh�C�“>�kx�
Z�>��2W�,fR`�G�tu���6#�jtd�c���*2�<i#3T���)���YS�Ǥ������~M�~6��SP�t�0�]��
+�*r?A�G�r���C�����ܚ�?�Y�wU�P�.@�h�f����@���ޫA(D֓c7,J�JxZ)kU_��$V�;�:[r�����ӭ�ܵ�`�rqR~,cw��<Q�vZ�N�Q��f��=�8��Q=��䊎܇�n����������Dž�����&5E�
�n��V�<�.�c���Ҵ���5��XI��o�P2\�SkU�����m �(-�"5�@@��'�*��&6x��8gQ���0hb��0����u?Q�1��Ũ��0nR���+��H��wf���v��"�(�t��<`�
+��F���H�dC��>[�Zç@pƶ
I�?�R�F[���][i�H�.��y�x�U`�5���+�i��	�:�u���Q@Ay'�wQ-�9X0*^��j$��Sr�s=��PZ�����_��Ϧc�{�R?3��L��$���	"�����OY��%T�rCF6y�1Agr�@�ˆ#�rt�t;�y�����
D�e�gMtQ
b��U9,�V��e+���6�����.�Fm��LT�H�QJb��ؽ��h<%Ԏ��IT�
+��%��k���3"���a�"��ˇ���Ar�'r�i�f4�u1����RM
B�-�d�	<��|Ě���ͱ��&·9p^k>3N����R�v*x(U�L�D��/N�V&v�
�{b�(+R�8�qQ��l�F�����ڱ�5���H$B���k��7�W�Ն�m�% Ap�71�:��~e��Ԏ$ڣ�,?��F�Lу
⚚u4XOP��,<,�K@Eo|�k6�9]	���)�GV�l���:X9O��6?�*�XG缘�Z�t	n�� Ȏ\���z�J0&��o��]l�C��a�(���I&�p�Qϯ�Ͼ$�d��(5�[��T��ph�ٽz=�L�/���dw�?'���x�[��"�âiY}���
�K �f�FT�G�99�?_��׶o+��]LJ�T�k1�7�f$���|�s��跽�*r�ռF�34H�i/�OO4^^��4,0[���Q_��.D�G{ i����������~=JB��,�;��0w�C�QU~��h�����KQ%���=A�ňP�I�ҧ'&<1+�Z��z����o�ݭk;od<_GzǷ���﴾��u�F�8�!�
*��_��_(9�Wk�я*h��U�v9���������\�R��J]�H(�o�y�s����w��V��Ke��{��v�r2���3�g �ٯ/�%~��
+0�3�"��w|�����!,*n��Ъ�9�˿]7(�]N�������Nxl|'���#��s�����
+j,”M
����p���z�Z0_>u�{����s_y�Sl��?Mq�bb�!:�uf7��{���|Ar��"ij5���K��ȮB���b���W��o���ژ
+f�Dܨ����?�ޠBS�)�T:�X�xX�#W_ �ݦ?������l��D�+�J�d�@5�%����@tl�,�?�H�0 A����WnU	�ɲ=����s�'�W�|�.�E�M)B#9�')���S���wR?E��h�
+��?�r���<d@4�->��*(kr��.�y-��/n�oҜ��*e^�p���@����Xwa��㘬�~O��CO�ʬ��y!�T�hR�HE'�?�q�o�Q�شZȈ������&׾�k��߈Ɖb�g�U�u��n�y�"�[mc�����h�)3!�[��Γڀ���P���υ�v�Ud�ɜ��P
+V��DAkg�WR���sူ��J<�D�7�%������QM
0-���`���ݱ�F���
R%���ڋ�X[� ��w�R~����A�����?h��K��*��@�l/�a!��[������B��	������F��`6Oh��t�w��SSL��ୃ��J�X��aT��(y���ɉ���Oj#w�f������Bk,/��D��:����h4��H>�R��[���D���f�mx���#?f���)��ޏ1�;@p�l��Vl���%�*���ހ�]P+� Y�%��%���pj�ۏCy�R�v$L�m�������&�=�Mh�@
+Y�>��p[�ڶ��7�2�2#��6�vD�N2�Uۑ*>��^}�+�m�I
�6C�o�1��2��$��f�:M)B6���)t�WH*��m/M$��>)8qcO���Z���Z'K��-���Bv����}�>�l��!�SbE�I�2M�(��f����/��,*l��GY]��KϺؑ�.�c�%5́ӌr��l�)��i�PԘ��Y8�	�Q�e<1��2:C�y�ۏO�]@z8É�����F����v����"��~ɂɀD��D�6�Hr,5&dfhfu�^�z(J�����t���|s�"���U�u
9�����F�8�iq)��\H�s��B�b�k�DՏ����Z�k��Z� ����{Ŷ$���O�#���b�Ć5
��)� x��u���*V֚_����zz�~���	?m�~�P��������X�P�@ tP��x�j�$/�O�f��?*��R�c��v�q�5򼐼��V���} �ƇD+�ɷ�
(��f�a����s:�9l)E����M�G9�?����v���22�ɠ'�������^�>ieb�lʏ���c6��u5�لS�j��܎h]�Pb������i�
����5A4�C'�
+T���_1�0��ya��H���Lz.�޿E�{��|�Z�O��Y�3����:������ӕ��X��r�C}ܕ��X�'ڟ����$S�A�[=���=ڔ��^�L�(��=����Ҏ��*�48��S!�]F6�\���6���.�a�˗�V��j҅��k�n�����G��а���������JJA&�^�k;޵e�7c|k,""XO�.[{����b8)O�����c�r\�Df�VN�RV����J�m��KۯEbՂx50�n|&���`������{���F!�FJ�a鵚g���(����=q�*	L�����������^ʫ�5��y���H�a��u����W8#�'�V���z���
+tH�b���P�@�������j*���8w�J�v�gp��
�
+�q،
���9m�T6|,p�w��V$,�f�D��)�~�*��縎�k%�1�O�J"�/
+9��զ�EJ��ؓ1Q��k!<,Ӧʯ��?�kP2����	���I�_x��Vm[�X��]Z����l6��J����4G��C��01���0�:������2D��0��c�q�D��"�:�(hՂ���؝b�I�0.�&5�Q�&U�^�������{�)�iy�w����K/`_4�j�	D�[�����u�F��g>DHq��_���x	U���E3����8�=�d�Q�2HL
�)ͨ�%����s��8��q������������#�:d�g�=�9��
s�,G�?�w�(�?�V8a����d��ZsW	���.����#�k<�;2R��{-�{���u�k0}�0n��Hry�oϲ����f�����}��]攱5ǖQb�i\vq�x��Pe���o��\�ߡ2���}=R���S��
c>iL�9����h%<ě�$�����&����H�!W�ų��ת��lO3sو6�n��Ͳ��������1M�"^D~��^7VM|e���Ȩ����V�{����C����%=�9U��|������I�}RM��2�qdUé��m��lxn����&=��E��p�����,�������^)�.�n�2���V��ȶ�"=;w�Ÿ�s랷E"dSC[�ɼ�Vw���M
+c�,�}�j5�.b���.�*,��A�܇q�
+�8��WĀ�R
x�Z��=��7M�|}�<��iګVa����Nܒco#^��)�oK^-n\Y��1�)�٧u
irIQ�bs�#k�p�<t�+�+�C�D�.H��hI����Z���SZ�=�hL�ֹ�?yEOX���p�s&��:���|��k��?�TW
+Z��W^>"�mG(�Y��:n7=�a��ۘ}~E��$�2���5��N�3�8� ���b� ^�ݜZ;��^���t�9����CL��g�@u���ǔ�
t�?��C�mЍ;M�#��I.�f��/{�#]��d���r�h:0�y��<�L�QsۿN�o���t�RZ�gdRB�
1����Ɓ�	�둭!���W8ͼ-�('[G��)��$Y^�
'"[�L`����:�z5�<X8�8�@Æ��? �|5�2�|&�kĽ3ߊ�9��S�E�)]N���M��q+��|؊n���Ќ��}��G����#L�E��Ս0nE�0ʌA���M���
+�Cw6bۙ��6PM<^ڗ���̒��ĈhG��LLm�.�0mգj&f�d��{��:+��q��_��%6R^�����͑�NT���@����j�7��,���NA���p��9�͢��ؤn퀏Z���
�kD\)bJg�Z#(���K��U�kHE����P%L���L��p]�B�X�'c����r��1QM`������
+=L�.���Z<�ƬA�ѣ���#��I%nQML0��ala�����!oMV>Z/�	���w�2�`��g�b
_��KtU��a���}I�
�P͇�
-��-�1�L0��&�Zx�Ij'X�F�6˾s#�C��ј�Sz����9B�S�O�@��u�h�;��mr��&#�iz3��$M��ԮxӀO��#"1�>XbK�!%����ðʜ��f97^A'�s���N��['/��*9zk�b���m�)����V!z�#�L��m
ؤw�Fot&�<���`gn��pq�C�f%�zA�<�y�����z~E��%��~XȔ���Y4� ��;�}����r�l�&���ڑ�PPʤ�i�`mMϟ�	d�YL�3U �1H�t5L����IWg
+��^"-�ri�y=�1�p�
+x��bhe^xc�
6]��(�2<�+흒/O�MU���D�OZ�>�"���8si}W`�F߽������Z2�{̵@Ҥ�/����6Bl����HM��}����ˇ��:v��L
+D�W��q��l�a�2N�o��ҽR�Q٬���؝�w�V�-q��Yl�{1�a]����v�� �6��*����GG_:#S��Xƒս���Rq6ٔ4\�&�yM/�QԱL!şP��ѕ�k�h��L�a��nc�v; ��O��NӀ���|��������_�3u$��N�ܸ�+n����2YAb�R5q;|M�7G��m��
MK��K~p�,��[O�J�8��ߕP6�<ȪeE�1b����0_�xUxj��+Ȫ!�̓e�ї���N��&��F�tY|7'�C���}��1:�Q&�)7�D�H�C

+;quz�� �*q4
�x[L���
�|���<����;��H_�b@_:�qX6�X�:dq��� $+�G�NݿΉ�H��Χ��ΣF��
+7_�1����a
J�#:�˼��e�6Q_Q�Bmk�w��Ꝕ��@ϟ��҅�����������#I���	��U�ޱ��刜4v��T�@]��Ɉ�A]X��U=b��t�GAu������!�k 갊<��Rݾ�킺*p��S�;��rK����
Ǣ�m6E\��!�5�9���|����]�ڈ��S7�XN�1�z�P��C9LK�g�]3�[f��S��^S89*����T��L��J%ħ�w�y�̍W������h��ݞ/�_�g�&[/f��]�[..q�v�8q4/�W-F�"C���nBx�px�o!�Ҟ�p�f����~v�C��@�#�(�Gr5��ڤ�o��/�o����5#`�������	�A��82
+�P�7��g���֮g4����N}���=pAR����Is	���`mė��
+��m�g���a��g�Z��"׃����z	b^
+W…�-�{Yg�C1p�
H�S�LhOc�z����f�rE"�ʩK��ԕ:H�q38u�_��_R���X��D�`/u�P)C�@o][ͅ���#.x��[�ԅѕ�U�J�z���aB�.Y��f�.�����i���J��N޻����Ic�d���V'�un�vg����d$~
�q�1�k�}<��G��h�T�	�zJ�7�ng{f�t�=j�j��S�w�2���2��WB����4��֮|nJw�'��sA��#)�|\�ǂ����6�4A������E30G��MOu�K�ݎH�!�c�8�Y��&��x2>gk����^b� ����4��b���8N�<Y
^�L��pM��e�:��a0�^u{l6�"��+���Z��t\Y!����^��G���A���jlW(ȕ�8��)�~�5I���5����%���!NM�qMm��=��h^Z2����%%�f�x�R��ǮKm���ѽ@��ou�������^AV�[�@ �>z�4�m?�tѷd��SZx��>@��f�cY\o�r@X"�S���'"0��[a"ƍm�	�����[���S=��B��V	�v���Ś�`r����g���w5t��x��dV+6_�s�Z�<E
+ǒ0�b\��f_T\mQ5��S��ma�-C6����(ОQ�:f{���~^@��7�&��߷��.
+� J��KP1�ʯ�h�3ƿ�s$0��j��tx={�w$���a��a� S��/�] ��ӧ����[�s)����4Y����<TR�����"֘��#�֜�S���l���O�5)��ϔQ��
��Fh+	.�#u�g,%6�Q �K�<��q"��#�XH%����Y�������)�+�Y�QV��
�������fRż�i���M���rk����)��Jn��BK
G(�$(������?�-/�;ETn��̭�a�rK�s���n����׫܂��}�ʭ˹̭� ��J����Vn�=p�t7y��Un-{dnq�[{���W&��
�8�2/�D.)��2����s1��鞚b�~�&d7�M���}��N$
r��!B���
�.&F8VB*2) .$*B+ !!���82+�����
�P�Ȅ�pPlLFF&���0 � BZ�BF�	�yFr$@�ID�A�Lp�B���`.ky A����-
+���dHPl8�!A����@;�ѐѐyi����iԀh�$@<8`��ņj:+���L fШ�w,���`�Q
+D��
+�	�&H$,^$
SX����������`�+-��P֊F�A��h(h�I#PBxnA�Q�Q���(+I��Rb$&p>۱�0�a	��"�1�����1	����%���E�K�����Bq���М�n�F~��@R�F���e?*(��0��Fe��g@�����p��SA�6\(����A�� � ��g�D��á��x�L~���B
9R����N�D��ࠣ�@&�
"r��
�p��	9,��X@��`hʆ0��ea�Q�yYR��y��c�~&M���$qX�ѹ��|4L(:0
+�L
+|���Y���`C�!��g�@�A���S�4*8>"ر/&������	���Ol8��p:B"Hd^ 8�~<+�:�� QL�|2'���Q,Xt�x<���d��	i!�cb4�(���@$;@�0�h�9�@b*�$|Z>'%!�i@
��B�a����ȝ ����d�`xP��� ���LG�m$�N�щ���M�<,0�BPQ��`�P`"���Dd&h�FE�E�
�p
+0�0�(��Q�Ѩ	.,<"
A+���쁔O��
h��@���X4:d�$����<(�
�(�A�
��iT�@�4ʃ�E"c+Ԃ���0J��0�r鑆��XA��"L8��������`���R�A`xt*R�4�B���9T�Hd$F#�q20P"C�bC��Fe*6�t�E�eZ0 ���
>
+> U&F67�ht<4^���ɎC���Fe(4�À
��DX��p�`�����6$
N*�	E@b��#�Á�<Ӏ,h�4)��[����h4@����HYq���$
�*K�(�����!�
J��  �d��
R�AKC���ꉺ��|z��@Ij��S_���4)���t5r:&O����II�f��&_��$�ܵ�ƉK�w[w��1��;��5e_�ڊַ��~W�*�9��2�\���_
��Dج����%j�&L_�H�Wea&%������[��f��nj�u�����uU��]q���b�ʉy[��|��}��g���^�z+_�t��JbM����l�Nj'�.��Y���rֻ�4�gv<�cD�朡ޡ��%���.L�`�Q���^��91�ͽo������54?7ǾG����.��Z�O����D���c�=U��s"��'�[n�/r���t={�,�����Q��[�e�Ƕ����������0�6]ӱ�5��5{ݏ���7
�qY��9�c5|s��k�ɿY��1Y�ѻw5���Z���UU���t=?͒�r����Q}-���8�[�L�f{G?[�yܞ��So�1�;�]&��f���w�qF$)TD2<�LB�h�1"qQ!�����<ûĠrr+)Ҧ�ڢeZ��o��]yi�"r�r��=
t��@%��y<��s"R��ӿ{G=]M�[�����/ھ&�j��M%��;��]۽qg�㽭)�y���p�(�(`<�&���cJe�@�A�L��b����|cs#
�LT.4uA������CC����F��O�e,ņ����
^F@ZFD�h�2�
e�bc2B�
i!����
$x	�B!/*!�P	!#�P�H(�ߧ��ݿ���h�Z�s'l�_�JR�^�<:��jk���&�/?��i�/���d���vl~ֽ��[�~짦o�D��S��k�b���~����6_f~�m����7��}��7"""""N̈���{wwww�޹�������|~ȯ���w���Z�=9Ր��U�/]S�;��wYs0�k�����=q��Y.3۝�/[��u���i�騝��ǚi���ތ�ˌ�𝗥;�����s0����Ȏ߶���׾����˾��.������7��.6'������.�o�fGw����W�n��KD9o?�}#������^��n&��]���Em����^�m�鿭��u=�T�y�͘37-ӱ{�c^/�r��/����nf��n<�n� .3_3�L3�9oQ�Ͱ�q�����=�ԝi�������II���;m�����g]�|͍j�V%[�.Q��SZ~�b�M��T�u�_�b�b�GT"Gn5��������E���{i&���g��L�OM���3��{_���|?a��&%�w[ީ�ys����-��o'�����/�����9��f;�ݻ�_?^��s��a���5/�1>��bn�Z��:j~;�"/�*7*��!��jϿ��N�w=ܴ<�;�w]��o����{W]��s����k���*������{S4��n��{��ש��K
9�u\���M�����f!��gW���wv�Co���Tm}~�P�%~��f=|�0��ͨ���y��g���y����K3���~��޸��/���7'��5�6{bn��;♵{H?�Y1��/�*6n�'bN�=]�������jh��|܎ގ��C���y�x��֜j�f��lm�}}͎��I�}�ff���@W����;sf5Kl���V"�k�J�S�~l��G��I����\�V�OJR6Ƽn���k͸�o��h�\�\{��:�7�2��6􅮧$5.M=û]�ʪ���3���|e+�[�j&���u�	�N��,O���T�'ﲱY�s��.��S�m��$�<?ֿO�S�Խ���}�=?�fn�Փ��n��%�����t����y1�&��RI��LfO��SҤ�[k}l�3�'�O�e٧�II�|�if�����ԧ����آhs5[dۿ�َu�����Z�/��M�si���)���~�Jc��dwͳ�Ef��]��$7�]����w��wy��U�q�ﵧ�/�L^�3v3cV�]x�fvꯧ&6�������do�]���;��o�)I��1��쟔Ľ�ُ���_�J����g��OMiJ��3��D���m�fn��x����ֿ����O�TY��zU�1.�g�;5�������s7���*"��MJ�}��G��6�qv�1H� �E�,Ђh>i>0&$& N6��0��(���a0��b�!i3�U�ЈbK��M�h�j��
WIB;���.*�r]F,���)Jwцtz���,i�Z#��ǀ�F��±O2��u֕<Yy��dQ������<�
+#^�'�x^T���ިiX�]>� 3��2�u�D�D@]1�E�[S�r
g��q����|bJ<X��w	j<���@�x��u �m�J��1zԊ$^޺�5��;)\��n���JH�S�l��CO���B�D����2���i.
+���,;������}�~8�xI�"{���K�1�񉃢5���R����ڥvP��\�r�u^�
�d�~ax%�M4�)���� �OUo�*��dG��C��ŀ̆i������(�m��U��8��IF�e�$�e:$�=ָ��x]�KU��X �N��F*�
�@̚r�.C_})�r{=Y�����u�<M���o�
+h,^ҸG�|�oL��Ι"�肆|�D�h>:Z�9Y����|�Ԯ�Bg�[�e	Z%cM�]v��nԙw��6��><��<��ɇ�5�V]nE'*�������Q�5��$��٠�co<]�2���nF
���3����E�h鿧{�9��?�He%PV�U\�#$&�S�
+�53�Elf$^����@*��ȑ�C���A�M�}�ڹEa�]����Q�E��9�A���pr�BO�N;�+�x�Wv�'o�c�M3�*�T������+�m�m#�qQ��D2;��*��b�>�A�MZ��j"�T_9�^U�
���Ĩ�)^!����-*!�� ���v����0��0VՅ�'��+ѷ�.*�Җ�)�E&����:���F��]>�F��ݦ��5�Ôa1mqF����'���ɽA�e�)C�
+��s_f�VʘO#��xFށ�6�`������I#��L��>-|I��<�+��HI!vqw��;�M�F�+�{b�Z;!�H�E��p�l\���(��J�^#@�1��LT����g�a��-4�
���]w�i�0>�'�
���v�����#f`�G�
ލ��c@@�*fL���G�uA�2�0b����Ds��o�[���w�̐>���q�r����GV���@X-�\(��v��⠯S��~8�	������9�?׽[�a���i���r�S�����c�����RL4�6�/g�pk��wS��(i���z�iM�t�U���G�c�y�/��i�W9g
+�7P���
���L�;
+]69��)B��PN���J��&z"c�3F�!��/w�o��B�݃��{�W@��]�D~M�T1�J&1t�(�f�~��d�Y�>�S�D]�i{o�+�2sW����ЫvL+n�	�;�2��co��
+~ץ��,�E�.NxIjL��3]�]’]=L���h �0Z��ߩBǶ�n����m⤳C��U@�K�j�� �2��찾g����X^Ӯ�L^�q����ݱ0p-&��A��4�J�>��X���2A[������U�B|'{���ñ��U ��AVyz��f��,{Q�+��+�1&y��1|�{�r�w؎o������j����ǍװS��j��Z��z׾$pJ�W4��I�JG�W���>jB�I����<3����������u\���P��,���h:4�Q�e��+��j8�G�-�B�+p,��M�\G� V��]i�QĞ�7a�=鿚7��_Y����������K�z�k����Q���D�[��}���O�l��;ټ���b�o�arA�� �d��/i�3f,�҉�_�
+��
�I�x��_cZ�f�a�;�y�(W��LFZ|�w;d&u�iȸ�1��$B1맨�m<�i"�:
+#��N�IZ[�!�ba���G��Se���<n��ڰl��R�8
��L)����U�貐��5j�
<T�V������Կ��ٞ�
�nʅU:���H�L��\p
2Q>��i�u�F�8\�)a�l6��׏:�<v����ӽ^��Vw4F�mW�-��1��|�J$E��z76:�_r�#H����,�!�/X-�E�=NRh_��H���44�I�=�!�J̟�eƽ0/X1皤�4}����=֞y~B�{INn���O���ܬ5��{v͉��e�NT�;r`5x2�8� ��j�7��m��
�����Or�w�K��
۷�\z��%|�|<�d�Z?c�#�A����=}����
+�v`Js��Ģ nPܷ{]
+���Ÿ�����
>���M�7��@�
����'����z�o��p�����a#&&����n�&��I�&F�_�sn9m>�bAE�5��Ձi�d��IͶk!�3�a�3k�\��9��>�T��?]���Rw"B	�3v��'�%�#���]B#�
����Tn��J�pL��
+�<�SY�0�4�P�������z��Fe�{a�C�<�լw�"�gd��c�<��ƅy�6�K�|�"�Ak������B�Xy�E|�q���n�=C�'K�C�'��������X�F�K�r�'������[v�2=���؋m��9WÚy����(Y�2�s�Ew����>��'L��s��
bhs-��B"e6m���(�����~c|�hq�4�G�����>�+����Hf,)@�EH��j�����0c�~I�*}���+��O��6��̥3/�'���&+�~�6\�xR`�.�>�����[ݍ+,2��m=�C`
��4���t����fsb_�]��'����
yE��G�"��[X=
��5��j<����]�S�������:�r�@[Nd�@j"�̀YǾ��.����-h�
i�a�o%��ҿ�	��T��t���}��6�@S���RT�ԍ�QM�~cM�V$[ze�9��LF4	v��`
�{�~i_M/�+���� �g
�IXC�i�()����*�^��(��̶p���6aP��!�̐
+D�
���_���!\�_��IC^��k��X 6k���P+�O�pAx��'��}`
q�j��^���:@�y�
��
;���P��n.Lb�Z��
+��t&��]�y����&��/B��1s����ͩ�.S��Z�L
n�.����J,Z
����t�H̚=7�p{�늸�@I�^��b��Fߧ��
+��<F���\�*!���Z�q8��P���
+��K�,�W`^2:C�q�R4�
+,0Aj�I�W`υ �'����+�Sήo4��c�]hWT�8�h��!0"�Pp������yU@�
+�!�	F~���
+|Xj8�e>������b�Ȇx5��^�O��
AA@�ȾM����+0�C��Am�:��WQ�!i���c���>0
+A
J������,����_���(���2 ��G@4��R�i�,�]�l���Y����8�C��^�)@��G@�
+Ԃ�,�Uʀ\�'"a�cp��~h�y���6Zjx�m�'j	�W"pz
^�q��$�.�0EŽjc
�, oq����U�0qb�P�D�}as��ݚ�{׷��H��jy
+���s;IJ��c΋0�@ʎG�P��_��+d;~�	��AX���
��
�������
�%�n��~�n��&q#υaB+ޢ���C�A�~1����>�tҕO�\Ϟ7��8�E��r��F��҆�Q��.UUI;�D�ry\�N���N�
+JQRHG#{\x[z�����Vgp��LZ�{��砸���T�K�"��&��Rhl�+Ph���

��9ձ�
@P�Pʤ������(+��F>$�i(��ޮ���%
�v��g[���>!5<8ŗ�?ql�
�e���i�X��A�T�3u{/���ej�P��c�)F}����� -`#?�X���մ(4ɖIG_6�tMG_�ϙ�b(QO��{@�(17�*^����A���9��F�K��>')�>��d׍/���ؼv�ؗ+�dK9������6. �!��#7�>y�2�P�{4V�nԙP%��d`:�W��(��T�����	q'Z V�½����<C9�
�e�ݮ��|xi`��m�m��m^���
�����Z��|:�H�-��=��g�]�i��c�`Z���pNFE�@^+�G%�"y��z���T5
�F�]�X��.�
�V7�qh�x��E������~<Dy�l��J^`1�	O셂�%�\����sKb��&m*��ܖ���h}�
+؏��J-a��a?Ǎ��
`���SM��,1|����`g���<@P����!�M˥���[� ��|�M$�Ѫ��ػ
����z��'"=�s�����
�%��W��$��$^��غi��;
+�k�KOI�Q"��~�R&���*@9V/�q�kXq���ۜ����
L0����������
+���'ny\Lz� �?��%Q��Dv��/�y�A`�T+'��}�������/qPu?]��@n�}HU��b�5(OyU��%}�(1�ݼ'�(�|�N�����v�R
+�(������™rWNA!�BIw�q�D��|�0x��ڳ�-��lCږ��%���(����@
^k�"T�w5bl���K��yK}���_Q��G�@m����G��(�%�&jG�lGC�����\{ֵ@��n!����^U_�."�2�r�El@4�*��b�OnD���
�.�j�1Q��ȸ(�
'&Y�좋&\��(�	N�i`�f�a�"C���*2���n��|drl �]�̣ 9�'����Y�0��dҫ���qI`p�,暎�[���z2�4�3LaU'{h������+�*��9[i�u�Ҍ�E�thg�K4�L�m7
h��;
Q)�f;$A�@����J����-�pb5��
�@�"
�5l����o�k�Z?��C�o�?��qѳ@Zq�1���0t	�1^���E6���_12a�&����|j6�A���N1:�Y����E�N
+���-8�����>���@�Z�c>�*���7��T�;���6���zeW��w��-4�Zz��P~q'�����)�D!��d?et��+V6�����/E4��l*������"T^�j/$���lm�i8�-T�&E�؄zYL��c&�Sj\�!{��L���3us&�>��!c5��8�S3#�K�НXt�)���>���$��}_��.-Uʠ�K�tI�q	��pq�$
�B�H�8U 
+	�B��],��%��
�T�z~
�V<���-�Q��hR�[6fL<`��Pj�R�I3��<�T'�	&��
�rL��	 �+bQʺ�"�@{��|�����w

sv�	pY	.
��g���������H0�8"-��'@^�'��uߵ.N�z}��yl^��>�O�Q�aH��(-
������	�y
�΄V��	�@�
m�.[��z�׫�dߴ�W�D�ٿ�N��X���Ѯev�ϝV	�4Bh��q}	���V�	 �B[k�j4�
�
+p�!X���$�	p1����tѭg��.��	p���a�s�8
�Qk�؅�T�'���'�];�]��Ĭ����4�n,^ɭ?w�x���jqtQ�(��6� 
+`w)��
+�a@]_S�v�oREo*��f��^�c
+p�;E��I�'�<�K-���Ʊ�d����U����LJ�,
+�?��ϲ
4�%��P�v�$\�h
+PˋU7e��I��`#*���N�)�B�i�D(@G"�n�6�v
+(�)Ya]��B� Z��⮖��u�c~����2sg����3��˹q��5e~����M��׍XȗwOv�Q�mT�#��w�IxC=�Rs�����"�J�<��)�W�s�D������%P�K��Rp�\o�
@�iwݤ_��E4x
+d@�"���mEgu����M�֔m���?�
F
;K(�;�AFH#3�҇�},9�1�"$S-�EP@~��L���x�W^8W�
2S���lYI�u9n�9��u����3>�#r��g.��/�U
+"Y`$�>�i�r����䌟e��E���<�.2����
�{v�#�'����jF��1�t���\%E)]
��r��e�����b|#�73F
+��TP^��
+�ެ������S��d�J�;]��+Up���U"9H�eVҨp�u�I]@�t���,g�M���UՆ.W���m��%g��(@\��RBK3�=U�"?<X�x�C��m��)�	0����퉚&�X&���N��`LK������\s��bC�n�s�:�-wCˠd�+"�m�e����!���ԁ���^\�z�x%[�ߖ3Nk��FW':�/���F[&��y�zv@EQ[�Ϯ>�d�ʍ��41
r�'����/LˉK�3�͓����i�\�BQ���0���W�H��
*�?�T\����0i�D1h��R�a��;�2m[�5����DЦ-_���u���wQh�!��w(`�#�.�2_
��p�����v--U�Ydy(�jsr]%�ٮ����f��?Kp��I7&2�J]X�����^��%⚒L'	��
��4��lUU$�(��ΩA1J�#��&�.�bv����si*�|�wq2���1�?����<^�y]W���ޅ
=PCqT�Vt�i���w@�����%� �w���Ŝ�W�%2���V,���V��5(o��w�.@���ko�dk~ؼ(��sdE���"���{N�Li&��8V�jC�{<��c�AΪP�f0(�fye�v����hS)��*���e�\4eQ�Ho��E,gH�}BR�F���)Xo��c�Q��*O쯻��ޜ�"
+��.akM���D\~
+lF�fw�Ɨ�����pe����I�5ڐo����2!��ε����*>G��t"��ˎ6�3|�����)n_B�xC��]�ǒи���59	��j�
���֭-�Ү(!���dɖ�o
��l���EYm�o��\d��ޮ��f��Pl^�`Y�Crb��B�&�|��;Z=s��66L踤/۹9O�P2������:o�fh'���Rb=�xW�����o�+���]����JR�Cw��w��٣�S+�"��N�DRxt��/z�Ή��W(���UkJ�v��W�ٮ�wcX+�A�j��o��o�����(��\�g���Xى����=�t�ҵ��_��;�
+-U���	GoN�߉o��%�M�uK�qn�&��so�
+Ix�s�gI�.D�E���b��5f��j�Bu�W�
�z����D�S�t�.ũ���<���*�ϤMe�pΪ'>�`�5$�?���tƈ�R3�\�u��8ՠV	�y�)=�)��\�)t�%'C��g�ʘ� qUN���T#�J�Pֳ]��bCƾ�3�do�L��x|t�wJ�x��4Jan~�K��m!�!�P�Z�K�ğ,
+=�1��Ӯ�YrAo��%�.�}��>ħ�iT�oS���$&��ۅq�-}2�w�v��5�IF��.�.�i���6�� ��1M��	)�[�5<����J��XNf��ǀ<�S�
�5:�j�	[o��6�zNU�@+�h�?��H���b��^gz��r�'��؋��}�7�D�P����K�*e��8��H
ޢ�������f����KW�P���ܬ�G��Ա�ik%�e!��a�ܸs���
��1ΐ_@�'������4U)U���&=��۴��$�_\�2��oރ�[�X��/�A
tyh2�jNU�Y��	d���P�9��2
��Aj҅-�"Ϥ�T�T߰>1Q�[%w?�$��T���}��`����-��?��I�t���K����Z�)zU
+�5K.yөP04�NE<��
+�%)yQ��L[Q߇`���tj�|t`��xa��㕖l�)�����Ђ�S99TQi�nƬ��pfQ)?D)��f�d��⿕]��y��t͙��4w�A����y��:�h���Ta����?�n:H�M5�!�1���#����T�X=nSL��n>���I�r�#N�+Q�%N�qj��%чS��]�i�V�n�p:v��G��3/����8��Ѝ�+��:�:�ϹI���Ҕ�=��>g��%���ݸ�1.'�W��N9j�&մS�0"�2�bcDG��|�"�H��"�
]bĈl��n�e0"��H�Lj��T�!Zd� I��P�`D2kT'�ț�E�L&!Fd�z���M
+�Q�PD�"bb����u��z�,����?.�Q�]s�ND�'Кܜk5��/z�B76.:�k�8]�qJ�c�DJEǜH0���5W�����~�"m�(Qٛe~�ӌ��Ƒ�L~z)/�B���,��ߋ�	:Ϣ�%��%'��a�
���Sx*_��&2'�Fn0�6�Я��AZ�&޺�`#1��*N�����)��M�iGI��	_����9��ªk�z�[|4Gx��kR����ר�*�B,��'�c!q��I�P,>u��Uܕ�jVgGܪI%��~N<�
���OZ;Zx�a��[t2�rF�1ȇ嬝���J�Ъ}7�`�A�#*Pt���/dU�%�y���(v�^�{��-��)Z���]�>�ux#��H�f�_��t`\pz��n���+����<^0NW�g���NV��]��s$��>
o'I!�4D%��u���>8x�f-P�����y�$j�/�k���?-q�ta��n��6L9�T�������
�ʔ�C���c~���%��t�z�v�f��(2�k�Y���f<���o�R�p ��CO�]�
��+�|k�kS��ʓ��!�u�rS-F�A���Hp������hJ���H��u�0t��s�AI�^�?�v��Y��j�d�m�$^	UI[
+�r�td�V�Lg�ق3A��e�3����5����G=��'�D�=�n�p��>��RN�F�
����˫�=¹�Ճ~��*,!�=�5���қ�(ՉU��m�b9���}AYJ0��"Iǒ��5���p�y�R]�r���ӱ�E�~ar���j��[�Ұ)r�dt�Hi{�-]��9;�-�!�9%� 	��rvWĘ��Q�3!)�_���	b�`�p��#Ư�:}�[DG�_�V��5V�6B0'S=	��CF޹�(�Wqb
+�w	NLIVe�ˉG��kDUG�`��KB�8"�c#'�+~!3Z�M-��	�f�Le�f��B�#�Is��S��~@U/�ujɜ�V�[��H�81܄ZW'�/d	D�~�������!�d4�U9u���;�,�c_�8�W(
ʮ�ӓ��-�iȆ<�iu��_���j�l�f�ھ�j.q�$*j�Nt�}���k�phv������>����59Q��$���{q,�¦�ǟq?B����T�U0x��Pӆdj���S�C[ž&���u��w(%p'b���hg����7*C��0y�:E�P��5G�8]��#���hJu�c��P������
��X�U;B�U�E�S,��=���L���
�HƫvB��x~�[����^����g2�\x��$f*��*٨��Bh29�i�s�ɡ����Z�j�T^_vU�V�O����k�47���
ީ�,e�^�o�K����^o�q�3l��91dN��"	>�:z�M�F��k���KO�������b�#z4D�߆�Y��+�U.iz0�m6[�
+��N��)Uȥ�.�8�ھ	�T�S��V�h��r�eǛf�mU7�p��9�1���2�k��l���2�gj�𿲘H����_�ս⫓��K���R�D�k{_���lHiW����h�ƥ�џm0�	?�J����l<�XG�L
&���W���[F�T�L��	K���H�ٱ�po`I�D�C׶��z�h�
C�&�D$����%̊����K.\%
�VRli��6N��E-E3.Y���䒝��Q缰��2;KKvr��y��g��kTO�.�ջF_�]
+Mf�k|�
6���抚��ʨje`}`�
a�Τ�/S�m?m�Z��_w�#��p̄�f�0Q$���0���xb�H�Ks��&��flNd>�d!����3���2������++�*�sk�0�dD��}8c�6����5��.��R_RG��4���#~�u���Q�ӥ�N�L�۝<mJ?�2��՘t�dӓ�[@y�7Y�l�%,
�ڤ,,�L�!�
�P��[�q�gj҆���0�4�Z�=n�G�_���1�Z�7���3���T�G�j�~[=�<��N��5.�D��Ŷ������$j����CE�D������N�fg�.'}{*[d�/A$6>f���y��d��Ci���q�'Џ�9j+��cR�F����c�S5�����4�8z��z�F�
+\`�YRj-�
���V��ɔs~�ҕLqk���C�iF����a ��x�XM�52��*�r�uN���}}���E�`�;5�����Im��{;���|X|�.S�:��WM��B�
+M��fjA����`��2�r����j�A�C���w�H���^
+�k��=��샕�1�f-t�S�<}`�[
+
����b�pCp2����Jv���0\�9K�޼@G������X�DYG�C|�rfm�2yν�˳��F�_���h�-ܥb~�
Z	���g�4$喃��?���[l>�����%F�eX���pЬ�(��w�ϻ�&\������H�F2���am�l
~��4���Y��mk.S���A]�+w;�[V��O&��p�tA�R�)c��m���}L�?ܟ���I8}�G�??�
?�qix�J����4�e�;�H��,�x�}Fwr
ǜ������Qp8�u��K�~�.+U�㐞�lVCF��!�&�,
+?%O���Y��eإ��\ ���1+Fh�
+���욉!���K���6���r�S�����c����Ob����#umthd��z�ga�dR%�:�xPO���48?Z5�&��O2I��,�{C�16�
%

��OP90�|M�xql�M��^�Ԫy���f����5倣T]��iX��F�"���wU��v(U�*��i�҄Ħ~|�$j��O	��"ȖNۢTF���C6���E=�0�'y�^�P9��e�IF&�	�V���:u���L�$J(L��dV�̻:�#��ݺ��H�K-��Ճ18�TD�,����F����l���P�3CO����?"�%�)��܌��F� %�-��p0�.�
+gZ���Dk��C<��ؔ�#*��|%M(�a��
��Zd��;S;~z}�D64�yDV���G
\��ITTM(��ؼ���
�΃��y���A❪�q4b�CVO(��K�B��
+d�kc��A���(J�bp��|lV�6T�s�n�~X�΅l���`�&����3[
(027��8�@au����2�؅�D�
+DI-w����<
~༁��a~�VT�f��<dx���I���ׄ�P�=�iv�İ��{�j�5��2C9v��<H�$��������l<�66����/)�-$Rvk�U.O�-����6x��%u'��1�j�4�����~6�&Zš��9؄BU�H�!���P��vf��	?�k�m!�@W(x�3W:T4�����&�
_˰��&���>H4�P�(;��^W�%nYW����fmb��J�)���*jf���l���r�t�Vl��\�U����+��J�֓��
klr�+s�dh����ǯr],5)F?����M
+��v�;�R6��o�6#��S�57P��T+�>������rP��o�Ū�XL)އ'h�]�.�hC�Z�B��@�O�X
8`�� 
0@A!�T@A�	(DX�*�PA@��,�`�4a&��
�
+ ��S�"���W�ϨB��U�����H�Cr����	%\?�:ʣ*�j�t���u�o��jG�lW'�r
'�1z�~W��$\p&�*�FCUCc�l�T�17n�x4m��X��v�mŞJ�}3�
+6������3�U��/� �i��*����#q0����:+�?T"q�)�cw{S9������P�b�)$\�Ш�J3�˥�x
+���ۄ‹��b���
ɠ"�]jzP�Dg��
+�Y�4�� ���
-S��P�#�hE��zH(TB6*�$1H<�@Ph�

m�>��vU.�3QT�d�kX]>�����a�P��	�F
��0��b�eEg3a���X=�g���[��$#S����M��RI�"c��(������P4�&�9��|fŮ��P|�҄Q�.���bs�&L��PT�r4acd�D��>�[]�r��]�
��� Q��	KV&�;+6IvE���0�W�3�X
�l����q%�/�0�!>���Ms
�1���0��1�b�M�����LvVi�郰�Æj�=�E�Uv(�߄����Q,��	{�ʴw>{
y����@��$9!%j²�,U�XoVr^,�$��B��,Qd8l¢�
i%P���sh�1�Ŀ2�Ew�0��8u��MX�oy}^�-�����
��0%x[�>��
+[L^F��E�H�&�%����8�D�p*�s���b�G�0��Ek﷜���܋f��c}�5Q��o���,QN{hQ�e����`�պd}\���M�)_%�L��`T�f��O(���W&J��Z��.QS�l�X���X/`ҕ
��$e�S�(kJD�1�I��:9F�Q-I�
+���,,}Vg�l�i�jҎ�h�?�� ��[H��!�5Ť��U�p&�b��!`��m�`X��o�Hdj#�.�p�c��
��^(v��yp��W�}��U����a%�`$�`$�g�F�*Qf�g��+y�9��=���(4��`<�OpDAgN$�)��#J��<��4˧auI�Ȁ�Wi]
+�#��H=����0]������.��� V^L�T�#ʪ�3��ٶX6��2�bx<�g��D�I���,��k�-`�����Š���iL�Ń�������x�lYd�F�P��n���8n��I�R����k�]�"G�O���yY��šDy��f"[?b�N�PN��FC�J�1azO�<
G/T%�(b#�Y*s�8�H��������J��x���)6/qz����j��DĈ��u�%X�\GDDB����|f�N$�8B�7�-���%��B3��6�C\�� �.X>Q�$
+Ή]V�Q���D�1�/Ł�M����ח0
+a�E��?���k�=��������sR��$���]� �0a���+�&l�2g�	�����B�fI�n%����'�{� Q�MK�lb�e�v�U�|	�$�(���숔-Q�-}�T)b��M(��E�L~$�L����
+KS~��P�����2�y��f��D+���6��ʄ�N( ��i��}T	��m*%yB!��F�>�V&�N�3���1̮��t�K�j��
+����"��`R�PL��	�
��;�L��r����&��RWlCR�
5�OW��?�3uvqj����]V�]6�b@���L[4MV?��k�dX�q+�kR��^�o� ��<u) ZK�l)�'P�,�
�^
�y5j�CG��<�	|�[�͸�<����;J�E��V����ܷ^a�3MƏ)�e@^Xc���ߢ��
����"�}�	V�3\ �(g+��1nY�&���<���
+/���{�c��?�<�e����uu�R��]�.�`��[��O��pѴ'�%Dl\'Ϥ}��O�WVy���g��k�<0ǠFKl�y�x
J�`>��%�� 0�•��-���L.QA��.�At��̝�x�~��癹H�
�Z�������!�ci����i��+�E�("�����?�!/B[
+�&��y��)h�g&U��$����hI�fό�M�!��-$V�l�ȕ�N�?�V�A�3��|u��:��z�襋�4y��<>#$ē�/�̴���R>k�Y��b�ū�������⺫��L��]�2�Ўm�E1�!��c�:��&<[S(M��rx昖��h�ɍ�T5�ɕ�哖PP+���̙"��YR-�F��=/
�3Q_�����zO�L�ze����b|PYv�������o��4������P��4Ԡ����E�ŋ�-�dݙ�!��
�;�r�#���Z��ӕ̝��W>!����E�8�VXGB&�|
f.��"к��}�`���K��3#�..�G�v&�9�z6���hHŮ���_d��6��L�,u=�>'����&�� �^�;%���!k���2KX�²���"��HY�`v&嵄�
+v�J�mv�'�rJZ��~z��i��U�ua��l=�L�&/8U��~P�v�1�N�7��&�D�r]|���u�I�d�ߙ��K�׫g�3�w�E�3�g��.�=��0�ߋ�(�������5���
���,�z�,���_��3H�g�A3�p�0����0.t�i�w�`�9#�wA�3�x&]H�V1���3��y���0�>ty��tД�8_F��z��"`B�b@쳨�3�XɃ�9|�1���Ә�J��IM��3QW�1m�K^�d.[��܁�7�G!�����9���Ѻ����fa'�A���s��<<�s�����%��Vi��ޙ��n,���U�kF�*Ep�]P�
^�ߙ՘9�������Bk��<Z3��K�@~�L�?�[e��^[̣��������%��ozq�Cpvg�й��JA��I�%jo��D���_�d�^.VE�3I�P�I>����Nhg�f_#h�]¾2���U|^���^v���%�dgFFV)��2��Y��V��~����1��:Xvf��Ʋ>v��3Q�Ms)1x��<mc �r6v��ȩ�+ѼTٙ\�L��XL�.����]��0@��3պ�ں�ɧ��[`W�KY@c�����w�I�t�ZD.G{<�ag:�T���5��3
?��u��y�̹�:��L��J��0w�!к9KM%��Q�y�v����:����>��Ug��=�`�$F
ؾљ�H��Ry^���0s�H�F�R�΄\1����.c\@M���*�g)OgrЇR��X�t&E����V�����9��$��Eu�	�S�t5��ܫ:&����Z�QEԚ�楊�]�:�H�C��K��#�ص5]ɨ3�����t&U̔q{U(AbI��39"����XVH@@��+)�;��/}
�MgP��+=M>,��c�:b�AV7�	@7�(�TM�L1
�1!/R��k:�H���D�.�
YR�"���5!�URDؼ.�� 1���ΤB��y��r�t�Q�/*�&�9������t�1����V6�!�t��h��l�o0%X��6���ezۧR5�DgRmhe-�۰��`�3%��-�:��ξ�X���stf��������2�ghc�PIh?�P�Z��Q���f���уbN��W�A���
-�.!X4�ʾj�Ϡb��+v1R�lJL˪�������$���,tv՝�{C���]K�D����U��%�@|R�@�5~R]u�V/�\�)Z})�3z��2�C�3�K��"�zsJg.�WzO.�U5�l��^����i0��O�yaŵ���E�;��^N��,eW>����pLT˴�����⇋Y�j4�=�q��q���*�+
����hɅ]���W]�t�rƠ.p�c�D�-
+� K̓bM����.`Tg��)+"�'&�;_C�B1��<"�G�Lˤ8�v���\��WѤq.݇f^(F�1��v�u"�${{0��y�Ѣl�:o��P��m�e���b
Z��4q!	��>�ܔb,H�y[s�V�����&����j��ݟ��&��Jֳ̔CB�k|rbiD�C�b��M�w-b�0푵79��@�.R)��e���;��=Z	_���y_�^�I5Y�<L6�VR:�	?tY�#6Z�2
E��gjRʋL��'��6�~el
�`�KŒ&a�Q�����;g\�:�c�‹*мO�8����%���j�ʋy�bi��Bj��5	]�����ƺR���^]�E䊎�~�l=d|.��#�&KeB���-B�T���,l��Ѯz�ӥLZ哸V��;T��Q�U4M�@��Y�z#�sf�;���!�4J���v	�릀�
�ɨ��_����F��z�1��
+'��[�#�s�����9����U`‚���^!��J�v�l�?��#�����|#��dy�0
�����	����Ґ���K��bB�Ho��^�@�[AgAAV]�~bX���I��Ū]��Nځ�
+��10��-���l� 7���2���a�㴭HӶn�H�'��)�w"+�ܳL����l&�����&g(h�1@��x�w��>w������
w��:xs
+����m�h��:z��[���5t� 
�I�lH�Q]�Z&��9�<�����i�*6�Z\��"��`!!m
��7����}�!�p�F�{�O�)-l*����!�U��JW�1�/,�Q[���ǝ�jp])���m.6lQ�P�0�Oܥ��Eq6��ƣs�(�GׂQ��(�A"1zL�5<K�f���T�$@
>�e��Ud-=]D15\�$�������ttQ���m%�Tc�=@��"M���D�9�����O> �z]>wa�Z2ˌ�����mIYzQ$��Zs�(���SByYU��m�R��\�"���.���c�*̥��(F�.�xZvh��`���Y�2�\��߭��T/F���h�ݺ��Fx�
�L@C�BpX��C�d����e�v,^s���XG1�>��[G�5���4��h�d�j�j�����+QL�]V{ #���7�(Z�e��y�@G�D�BF��b��(�}� ���xJ�#�NA9iS��(ѐ�'��עh�w�1)�@rڈF�JD���/�X�x��U�Q�N�k�(m��V�zdr^��zQ���,�F�u�[S�+�6G$�A�\C`��-6/|/�`Q�O-f*g_d�E�$N�{����q�b�|��S��3H$bϕ�$@W�����d��
�nx�M��Q_98�݌8K1�#EN#�?�k<�/�Hl�Q(@��cb!�]g��]��0[������op"�E�0v���|����L�\���%�q=�G|+ć
7�,�+(zxo�=K�-��A2�=K��ίV�{�:ͣ"�(�#
+�$���c��"��Z�H�iTI�^O����Z���v���Y��n@y1��с�%����G�(E3�:zi
+Eu���/E�^��B��D�!����"Ӥb�@�|Z.���y�T$VUwEe�\�|6�	�pX� @����+�@B�2�V�%�^B�"Y�.ځ��OcY�7�GAD�o�H��u;� ��cQ��Z���ydJ��Ю�S/����]�H)��T5FY�|�5�����غg�B�m���/H���u�Ά�}[�=Z�� S��<�za��� j���T���5����e2�DaAQ�sA/�/�)WF���X�l�h7�+X�κw�\��z��\H�"�/������� �
�SU�H���5�W7s6��Pl�򶕹]@4��L:�<+�~�$}���u�:"����"� cF�—/(}L��Wr�-_*4Cc������S;+��Hpy�8�E�{�Y�/,�u���,���Kek�3!(��I/��b횒�"�	��%#�E�l���Lv�m=Tm��%�V�f�r����ǮF��9�d.�����L(N��Sx_B���K�m�K�w�Wz�f�}�����<�,�v���(#%lGŊ��?�A���
D�qe�(��ٜ9P�/�W?�f���Ck)��D�;���EAg��p����܉�Y����'#$�;e57\,k�6��	g{�}/z}�R�r��m�ҶS�7�.�X�u�}O釤�
+����i�N=V/�����s��H
'�Qt���Ujom���
	��:�gh{��
X�b)L�
�]�Ԫ�6sm��x4���YI:`�\u��A��K�_�/�,
endstream
endobj
32 0 obj
<</Intent 52 0 R/Name(Layer 1)/Type/OCG/Usage 53 0 R>>
endobj
52 0 obj
[/View/Design]
endobj
53 0 obj
<</CreatorInfo<</Creator(Adobe Illustrator 29.1)/Subtype/Artwork>>>>
endobj
46 0 obj
<</AIS false/BM/Normal/CA 1.0/OP false/OPM 1/SA true/SMask/None/Type/ExtGState/ca 1.0/op false>>
endobj
45 0 obj
[/ICCBased 54 0 R]
endobj
54 0 obj
<</Filter/FlateDecode/Length 2583/N 3>>stream
+H���yTSw�oɞ����c
[���5la�QI
BH�ADED���2�mtFOE�.�c��}���0��8�׎�8G�Ng�����9�w���߽����'����0�֠�J��b�	
+ 2y�.-;!���K�Z�	���^�i�"L��0���-��
@8(��r�;q��7�L��y��&�Q��q�4�j���|�9��
+�V��)g�B�0�i�W��8#�8wթ��8_�٥ʨQ����Q�j
@�&�A)/��g�>'K���t�;\��
ӥ$պF�ZUn����(4T�%)뫔�0C&�����Z��i
���8��bx��E���B�;�����P���ӓ̹�A�om?�W=
+�x������-�����[���0����}��y)7ta�����>j���T�7���@���tܛ�`q�2��ʀ��&���6�Z�L�Ą?�_��yxg)˔z���çL�U���*�u�Sk�Se�O4?׸�c�
���.����R�
߁��-��2�5������	��S�>ӣV����d�`r��n~��Y�&�
+`��;�A4�� ���A9�=�-�t��l�`;��~p����	�Gp|	��[`L��`<� "A�YA�+��Cb(��R�,�*�T�2B-�
+�ꇆ��n���Q�t�}MA�0�al������S�x	��k�&�^���>�0|>_�'��,�G!"F$H:R��!z��F�Qd?r9�\A&�G���rQ��h������E��]�a�4z�Bg�����E#H	�*B=��0H�I��p�p�0MxJ$�D
1��D, V���ĭ����KĻ�Y�dE�"E��I2���E�B�G��t�4MzN�����r!YK� ���?%_&�#���(��0J:EAi��Q�(�()ӔWT6U@���P+���!�~��m���D�e�Դ�!��h�Ӧh/��']B/����ҏӿ�?a0n�hF!��X���8����܌k�c&5S�����6�l��Ia�2c�K�M�A�!�E�#��ƒ�d�V��(�k��e���l
����}�}�C�q�9
+N'��)�].�u�J�r�
+��w�G�	xR^���[�oƜch�g�`>b���$���*~� �:����E���b��~���,m,�-��ݖ,�Y��¬�*�6X�[ݱF�=�3�뭷Y��~dó	���t���i�z�f�6�~`{�v���.�Ng����#{�}�}��������j�
�����c1X6���fm���;'_9	�r�:�8�q�:��˜�O:ϸ8������u��Jq���nv=���M����m����R 4	�
+n�3ܣ�k�Gݯz=��[=��=�<�=G</z�^�^j��^��	ޡ�Z�Q�B�0FX'�+������t���<�u�-���{���_�_�ߘ�-G�,�}���/���Hh8�m�W�2p[����AiA��N�#8$X�?�A�KHI�{!7�<q��W�y(!46�-���a�a���a�W��	��@�@�`l���YĎ��H,�$����(�(Y�h�7��ъ���b<b*b��<�����~�L&Y&9��%�u�M�s�s��NpJP%�M�IJlN<�DHJIڐtCj'�KwKg�C��%�N��d��|�ꙪO=��%�mL���u�v�x:H��oL��!Ȩ��C&13#s$�/Y����������=�Osbs�rn��sO�1��v�=ˏ��ϟ\�h٢���#��¼����oZ<]T�Ut}�`IÒsK��V-���Y,+>TB(�/�S�,]6*�-���W:#��7�*���e��^YDY�}U�j��AyT�`�#�D=���"�b{ų���+�ʯ:�!kJ4G�m��t�}uC�%���K7YV��fF���Y�.�=b��?S��ƕƩ�Ⱥ����y���
چ���k�5%4��m�7�lqlio�Z�lG+�Z�z�͹��mzy��]�����?u�u�w|�"űN���wW&���e֥ﺱ*|����j��5
k��yݭ���ǯg��^y�kEk�����l�D_p߶������7Dm����o꿻1m��
l�{��Mś�
n�L�l�<9��O�
[����$�����h�՛B��������d�Ҟ@��������i�ءG���&����v��V�ǥ8��������n��R�ĩ7�������u��\�ЭD���-�������u��`�ֲK�³8���%������
�y��h��Y�ѹJ�º;���.���!������
+�����z���p���g���_���X���Q���K���F���Aǿ�=ȼ�:ɹ�8ʷ�6˶�5̵�5͵�6ζ�7ϸ�9к�<Ѿ�?���D���I���N���U���\���d���l���v��ۀ�܊�ݖ�ޢ�)߯�6��D���S���c���s����
����2��F���[���p������(��@���X���r������4���P���m��������8���W���w����)���K���m����������
endstream
endobj
50 0 obj
<</Filter/FlateDecode/Length 263>>stream
+H���Kj�0��>�.0�$K~l���������L����"N��nf
�É?��5�F�#���a_	�xy`�����Ss  ��PR����{ ��aY�#�p�5��������}�~1Be�\#���ߧ˲�%D��8���g�c�O��t>fB3��1U�*^Gm•o���%ʝ01����7贠��ʵ��R��V�����egu��y�ʞ�����M�*�����*�1�g��Z�-����˞����������+
endstream
endobj
49 0 obj
<</Filter/FlateDecode/Length 265>>stream
+H���Mj�0��>�.0�dK��m:t5��#��,f
+m����`�fJ�BK|��4<�0�F����0�L3֚�<�G���0<y�c~	~�1�[�y��z�ڒPE�S�$�&�b��~{���X�&�h����ey�Q��\�o�!�^��O��t<fBU�.
+�\�J�>j��`�O���J̌ym��;pb��㊩r�hFh�
���g�B)��n��;(����n�(Q�^s�^%PFqo;\۰��/�_���k�����\$�
endstream
endobj
48 0 obj
<</Filter/FlateDecode/Length 267>>stream
+H���;n�0�w��MR�kݢS=��ǐh}��e��$�"���O�~���H��8B�W�i�Z�G����g����'��()_��[x�"�,�rDS��f8U0�ۥo`X�P3�,���tY޺��(��n����ԧ�^:3����1U�*^Gm�U�o��J.(w�Ę���
���7n+׎VK�[��E�(;��~�Tv�v~��nT����6W�Q���&l�����t�y�����|���
endstream
endobj
47 0 obj
<</Filter/FlateDecode/Length 262>>stream
+H���Kj�0��>�.0�$K~l�]
�����L�����8�L	���/�
�#����q�0����"���+O~�1�	%������u-�9��
NJQ3�*j����+T��5K�h~>]�_\�A�����Mq���>�����	�H2�T��x�	W�C(~���(w�Ę�ޡӂV�/n+��VK�[��E�(;��^�T��v>ޖnT��7�6W�Q=�N�&l����Wv<����������+
endstream
endobj
44 0 obj
<</Filter/FlateDecode/Length 266>>stream
+H���;n�0�w��MR�k��SP=��ǐh}��e���b0�O�~/#���8B�7�iB��
�tó�>�@@�5��|����@Xk�"�nkrDS��f8U0�ۚo`X�P3�,�y}�.[]�A�����Mq�?6�r�k�c&4#q�S�N��}�&\�
��!
+;Pr��	cZl��NZ?�a�\;[!,��n��W����n�=OP�3�yy[�IP���p�\E0F�l;]�����_���������uE��
endstream
endobj
28 0 obj
<</ArtBox[15.7893 9.53319 96.6704 102.927]/BleedBox[0.0 0.0 112.46 112.46]/Contents 55 0 R/CropBox[0.0 0.0 112.46 112.46]/LastModified(D:20250107144806-05'00')/MediaBox[0.0 0.0 112.46 112.46]/Parent 35 0 R/Resources<</ColorSpace<</CS0 45 0 R>>/ExtGState<</GS0 46 0 R>>/Properties<</MC0 32 0 R>>>>/TrimBox[0.0 0.0 112.46 112.46]/Type/Page/PieceInfo<</Illustrator 8 0 R>>>>
endobj
29 0 obj
<</ArtBox[15.7893 9.53319 96.6704 102.927]/BleedBox[0.0 0.0 112.46 112.46]/Contents 56 0 R/CropBox[0.0 0.0 112.46 112.46]/LastModified(D:20250107144806-05'00')/MediaBox[0.0 0.0 112.46 112.46]/Parent 35 0 R/Resources<</ColorSpace<</CS0 45 0 R>>/ExtGState<</GS0 46 0 R>>/Properties<</MC0 32 0 R>>>>/TrimBox[0.0 0.0 112.46 112.46]/Type/Page/PieceInfo<</Illustrator 8 0 R>>>>
endobj
30 0 obj
<</ArtBox[17.0304 14.5868 212.793 73.413]/BleedBox[0.0 0.0 229.823 87.9998]/Contents 57 0 R/CropBox[0.0 0.0 229.823 87.9998]/LastModified(D:20250107144806-05'00')/MediaBox[0.0 0.0 229.823 87.9998]/Parent 35 0 R/Resources<</ColorSpace<</CS0 45 0 R>>/ExtGState<</GS0 46 0 R>>/Properties<</MC0 32 0 R>>>>/TrimBox[0.0 0.0 229.823 87.9998]/Type/Page/PieceInfo<</Illustrator 8 0 R>>>>
endobj
31 0 obj
<</ArtBox[17.0304 14.5868 212.793 73.413]/BleedBox[0.0 0.0 229.823 87.9998]/Contents 58 0 R/CropBox[0.0 0.0 229.823 87.9998]/LastModified(D:20250107144806-05'00')/MediaBox[0.0 0.0 229.823 87.9998]/Parent 35 0 R/Resources<</ColorSpace<</CS0 45 0 R>>/ExtGState<</GS0 46 0 R>>/Properties<</MC0 32 0 R>>>>/TrimBox[0.0 0.0 229.823 87.9998]/Type/Page/PieceInfo<</Illustrator 8 0 R>>>>
endobj
37 0 obj
<</ArtBox[17.0304 14.5868 212.793 73.413]/BleedBox[0.0 0.0 229.823 87.9998]/Contents 59 0 R/CropBox[0.0 0.0 229.823 87.9998]/LastModified(D:20250107144806-05'00')/MediaBox[0.0 0.0 229.823 87.9998]/Parent 35 0 R/Resources<</ColorSpace<</CS0 45 0 R>>/ExtGState<</GS0 46 0 R>>/Properties<</MC0 32 0 R>>>>/TrimBox[0.0 0.0 229.823 87.9998]/Type/Page/PieceInfo<</Illustrator 8 0 R>>>>
endobj
59 0 obj
<</Filter/FlateDecode/Length 553>>stream
+H��T�n�0��+�ZsI�-z
+���~�д�@��:��P
+
�fD�sv/߮��tu���5o�ٜ����v��ߟ��c.��ή7��co+���~����q��$�)P�`�WS����H���8�N��T�C�Tl&�y��p�g�f�Pp~>�+:�5�����)����2bm�sA��]��	�5����9+Ws�
+�#
+��J-�g�0apkzG
�j�)��nM2:
ؼ5�8�q��,L�i��/
k6o�i������<��QFF�r��#�W�h��t�aE2�+y�O��4QP��41JW�v���!�C1���r���R�G�p�/��43Fy�:�RS��lX)G`~W+���VBAkx��Jm
+�ZC�@��&�(��'�0��>tF����GH{(���|��y��tSD�c�C��!*��B9w��'fA-�L�
NY6☒m�6D�\k�p�0�IiZ:��N��w�A_��kb�Gj�}t�JL�E�d�T���m��>��ےqd���n������A�_�����?����
j
endstream
endobj
58 0 obj
<</Filter/FlateDecode/Length 557>>stream
+H��T�n�0��+�\sI�-z
+���~�д�@��:��Pz�4Cj���og{z:{���ٚ7�m)6�J%D������a��������z�U�Ǜ��
G_q��j�,�<C�"�m��8���4�=]J$��K�O��
�+lI$��-O��8�I\L�>L"��d�u��lf�)�fx���v9�\�0��f"�_�L���~GT�#Ֆ���q��)��N�M��(�ڡ&
��:���4��8&�<	'x�6`���Nx��ۼ�g�QX��������T[+�c
/�X���JAn�_=Q���zb��R��D�c�{��W�#�{b�v,��il�tO�ԬX�I��J5�a���t���[QΔ�+J÷OtYm�@bU��I��"�R,z��
+I���2�Wf��.�\ى��M�}���K��/��b��0�*(�X�A>ҁq�E����j�N�Sr��є�Ś;��]+��K���������5�n���&&�{��8Fw����]4$���6�ns(&�rXn����ctv��;vۇ��%�l�
�����& �
endstream
endobj
57 0 obj
<</Filter/FlateDecode/Length 554>>stream
+H��Tˎ!���m��q��V�*�|�(���6�)��Ǭׇ��x�`��}�v������>��y3ޖbC�TB�����9��{�]��{�p�g���Ͳ��1�Hf�#%�v{5�oO�I,���^l�\aL"�\m�.O��8�I\L�>L"�U�X���f�Rj�
�\�k����sn&7�:�̙X��y�����"F�-��I��Sj�
�X�~'$Q�CM
+Jحu�)i�qL�yN�ڀ��f:���o�b�M��H##}%���)��^��^"*ڱ�
�ו��n�z�"�6��L]�V�;���T��9���G��ļ�XH�1����X�Y�0ғԳ�j8D�J%���[���)�M%V��o���ʁĪ6�9�±E8�X�`���Cet��8�]����Q���>��ї~5��W��w�h���c=V�H�!Y�b��-;�O�e�>DS�k�w��f/�Sܦ_�;�נ�9��������ݱ�&�wѐ�jڜ�͡��a���+���]oL��mZ������������ �
endstream
endobj
56 0 obj
<</Filter/FlateDecode/Length 242>>stream
+H���Kj�@��s
+]��fF���-Y�PzC�ES�?Ta��;�x3���_��4�p	�_FH��N0�@ؚE�a�~�p���.���xKF�ՠ2W�霮�szt��7)�^�K�+}���6t2Wda]�
+#e�Eo��ÛX��
+�%��[�6΢Em��fy���b��mXST�J�����9�{�E��-���d����jF�d{�ַ�P���K���Pj-����1������!��`
endstream
endobj
55 0 obj
<</Filter/FlateDecode/Length 240>>stream
+H���MJ1��9E]��JR��3�D<B��p���%���Zl��^��8�t�	�O3�i~&XV ,e�`]>���k��'Cɨ�4C�ʰ\���5�	:s���d����^���
���YXXa�읶�}�xxs
�p\�Q�M��,Z�Ơ�l��F��.�aMQ�"�Q�sB��i����h�[�c�n�Ռ�Ɏ�֧�P%��P��)4�Z���|�-�����Z��r
endstream
endobj
5 0 obj
<</ArtBox[7.10188 7.79527 311.215 101.189]/BleedBox[0.0 0.0 318.317 108.984]/Contents 60 0 R/CropBox[0.0 0.0 318.317 108.984]/LastModified(D:20250107144806-05'00')/MediaBox[0.0 0.0 318.317 108.984]/Parent 34 0 R/Resources<</ColorSpace<</CS0 45 0 R>>/ExtGState<</GS0 46 0 R>>/Properties<</MC0 32 0 R>>>>/TrimBox[0.0 0.0 318.317 108.984]/Type/Page/PieceInfo<</Illustrator 8 0 R>>>>
endobj
24 0 obj
<</ArtBox[7.10188 7.79527 311.215 101.189]/BleedBox[0.0 0.0 318.317 108.984]/Contents 61 0 R/CropBox[0.0 0.0 318.317 108.984]/LastModified(D:20250107144806-05'00')/MediaBox[0.0 0.0 318.317 108.984]/Parent 34 0 R/Resources<</ColorSpace<</CS0 45 0 R>>/ExtGState<</GS0 46 0 R>>/Properties<</MC0 32 0 R>>>>/TrimBox[0.0 0.0 318.317 108.984]/Type/Page/PieceInfo<</Illustrator 8 0 R>>>>
endobj
25 0 obj
<</ArtBox[7.10188 7.79527 311.215 101.189]/BleedBox[0.0 0.0 318.317 108.984]/Contents 62 0 R/CropBox[0.0 0.0 318.317 108.984]/LastModified(D:20250107144806-05'00')/MediaBox[0.0 0.0 318.317 108.984]/Parent 34 0 R/Resources<</ColorSpace<</CS0 45 0 R>>/ExtGState<</GS0 46 0 R>>/Properties<</MC0 32 0 R>>>>/TrimBox[0.0 0.0 318.317 108.984]/Type/Page/PieceInfo<</Illustrator 8 0 R>>>>
endobj
26 0 obj
<</ArtBox[7.10188 7.79527 311.215 101.189]/BleedBox[0.0 0.0 318.317 108.984]/Contents 63 0 R/CropBox[0.0 0.0 318.317 108.984]/LastModified(D:20250107144806-05'00')/MediaBox[0.0 0.0 318.317 108.984]/Parent 34 0 R/Resources<</ColorSpace<</CS0 45 0 R>>/ExtGState<</GS0 46 0 R>>/Properties<</MC0 32 0 R>>>>/TrimBox[0.0 0.0 318.317 108.984]/Type/Page/PieceInfo<</Illustrator 8 0 R>>>>
endobj
27 0 obj
<</ArtBox[15.7893 9.53319 96.6704 102.927]/BleedBox[0.0 0.0 112.46 112.46]/Contents 64 0 R/CropBox[0.0 0.0 112.46 112.46]/LastModified(D:20250107144806-05'00')/MediaBox[0.0 0.0 112.46 112.46]/Parent 34 0 R/Resources<</ColorSpace<</CS0 45 0 R>>/ExtGState<</GS0 46 0 R>>/Properties<</MC0 32 0 R>>>>/TrimBox[0.0 0.0 112.46 112.46]/Type/Page/PieceInfo<</Illustrator 8 0 R>>>>
endobj
64 0 obj
<</Filter/FlateDecode/Length 238>>stream
+H���KN�@��s
+_�3��l�
+!�	XP�*��j��f��ț<֧ߏ�e��8GH��F0͐��;
ϑ���9��d�Z
�!se�N����9��U
+��xҟ�L��u�
���YXW��H�;m��8���*��q	G�����hQ�2�Y^�4����r��(�R� *n0'tϝ����E3ܚ��v�[�(�l���V
+���w���J��?��t������Vs��
endstream
endobj
63 0 obj
<</Filter/FlateDecode/Length 706>>stream
+H��V�n1��+�K����-z
+���~��iN���t���c�As�5��!�9|;�����O����ߝ]��Q��:�2~�y}1����u6,��eOU��5Rv1��ٴ�g�D*"8��IJt���<��I,0�w���)Ob^�q������T����@��:ɉGFu����r�P.�&O9T��S�m��Z%S-Q�rt2�G�����NM���c�i�|��}�hմ��R���T�)���m`��_�[���.J��i~��-���94\���nr����P.і���.�
(���
+y���k��A���P%%|!��b�8�Q�i���N�eTΣ^�X
��jf:|R̙8q����+�R����&S�G�>O�����4�(b��أu�A7��L�����>5�=�j:�F���,���^�ДZ��>%
+�S%r�$�D>^��}Q�B����ԺqQ� us�|�?[��O/)E�Ō`��5�n̗ǀ���e�i\9a��s��Ű訠TM$Tj��-�fT�"��9lĂ�4�	���M�z��[JHE�w�&0Z�x��̪7�n$�0�6C�n�0�Om��AAdb#�]��ݚ��&�4p�!כ5v�++-�K�$�
��+���}ؗ1�۪��������}��}[��c�-,X�eZpK�#��쮧���E�<�?�G�����L�9
endstream
endobj
62 0 obj
<</Filter/FlateDecode/Length 710>>stream
+H��Vˎ�0��+�fD�z]�=-�E��������X���Yt/69��49dr�v������>�9�;����Z�u�3������W�:�?��
��J�F�.F�>�v�l�HE�I�HR\7����<Nd����eNy"�B������tR�Ff�e��D'Ս����R�\�M�r�<�%��s���\%S-Q�rt2�G�����w�&�r���Դj�Rξ|�j�Sn)�G[�r˔k��6 �
+�/ȭP�l��4?�q��/��90ANhb��&�;��P�v�xǐK
�9h�������Kp2>R@����o�u��Y�(�H�x2��t�+�j��&`���O�s&N���P)M@@
|#����G�>O}A��iQ(�d�-*n���� ڢ>��[�:�z��`S�G[M��>cR"��U���R뾞�DA"z�@Δd������O�.*Sh�wC�|�Z7�\T?H�T3��g�w^��#�ȷ�L_�܍A�Ҷ]�,2�-'�r`�����Jms4��iB�.R˘�V�
,(qISp����7�I[o�|K	�(���F�ݚYզۅ��.3$�&���
+�AAdB#ǝ���4;�M�i�}�]o��}\IiZ�&�m��_!m�þ���V���.i9���ZH�GJٷՈ9��‚�_��<�����|:����H����<�����Fկ�
endstream
endobj
61 0 obj
<</Filter/FlateDecode/Length 696>>stream
+H��V�n1��+�K����-z
+���~��iN�6�t���c�A
����������~�|��p����j�����9|����
��Å�*��)���l�ųY"Oz�$%�q�m���$��;o�P�'1/�lj�|[N*��ls��s���#�����m�T(o��*Oj�)�ܶ�m�����L9:�Ċ�RxS���&�r�t_jZ5_)g_��[�roK�n�r����]A��
+����ߟ�}y�	�A�U7���E�b(�Kt�q
k���o���Võe=���J��/�j��:�qV�J*�+
����G�J�����]�'Ŝ�79G����D��7
8)�08��y�GV�AD��U�X�x���� Z��d��9�h}�y�)��V�	7:͘�ei�������:��)Q���*�3%/$�������ڨ]��(_�֍����k��������xz�H)�5fӗ.	we�<���͖(�L3�	����φEG�j"�R���mc4���e�a+� ���)�O�xx�]o����RB*J|�7��b�C�fV��v#��n3$�&c��6��D&fA1r�;ܭىmRN�Ar�Y#`����2��Mr�ɿa��݇}������.i9���ZL�G*ٷՈ9��‚]_��<�����z:����Y���
y4�����[��7
endstream
endobj
60 0 obj
<</Filter/FlateDecode/Length 700>>stream
+H��V�n1��+�K����-z
+���~��iN���t���c�A��f�;�C"�oG{x8:���њ����:�~�e��9|�ݯ��c�:��eOU��5Rv1��ٴ�g�D*"8��IJt���<��I,0�w���)Ob^�q������T����@��:ɉGFu����r�P.�&O9T��S�m��Z%S-Q�rt2�G����NM���Դj�Rξ�[5�)��ޖ��2���
���r+8�E��?���&����n�����P^C,3�kX��@~+�h5\[փ8)�4J�B��]��g5J��"-������y���:\M n�u|R̙8q�sT�
Q)MD@
|����#i��XPpduD
+1YU�����:\
����H�ؚӉ�W����m5�p�ӌ��`P�V�~/hhJ��z���9S��B"_��}Q�B�+��Ժq
Q� us�|�?[��O/)E�ƌ`��%���T���e�iF9a��s���a�QA��H�ԶD;r�ͨ�Ejs�
+8�%.i
+�&~כ��F﷔���M`���е�Uo��H�ü�ɻ	�X>��?w��YP�w�wkvb����}��\o��1.��/m��6@�o��w�a_��n�b�KZ�:������J�m5b����`חi�-��o����N��w���G�?����]��
endstream
endobj
33 0 obj
[32 0 R]
endobj
65 0 obj
<</CreationDate(D:20250107144806-05'00')/Creator(Adobe Illustrator 29.1 \(Macintosh\))/ModDate(D:20250107144806-05'00')/Producer(Adobe PDF library 17.00)/Title(bitvid)>>
endobj
xref
+0 66
+0000000004 65535 f
+0000000016 00000 n
+0000000147 00000 n
+0000041065 00000 n
+0000000000 00000 f
+0000365503 00000 n
+0000000000 00000 f
+0000000000 00000 f
+0000044082 00000 n
+0000044154 00000 n
+0000044393 00000 n
+0000046014 00000 n
+0000111602 00000 n
+0000177190 00000 n
+0000242778 00000 n
+0000308366 00000 n
+0000000000 00000 f
+0000000000 00000 f
+0000000000 00000 f
+0000000000 00000 f
+0000000000 00000 f
+0000000000 00000 f
+0000000000 00000 f
+0000000000 00000 f
+0000365898 00000 n
+0000366294 00000 n
+0000366690 00000 n
+0000367086 00000 n
+0000361051 00000 n
+0000361439 00000 n
+0000361827 00000 n
+0000362222 00000 n
+0000356391 00000 n
+0000370869 00000 n
+0000041132 00000 n
+0000041225 00000 n
+0000041319 00000 n
+0000362617 00000 n
+0000041420 00000 n
+0000041808 00000 n
+0000042196 00000 n
+0000042584 00000 n
+0000042972 00000 n
+0000043360 00000 n
+0000360716 00000 n
+0000356691 00000 n
+0000356578 00000 n
+0000360385 00000 n
+0000360049 00000 n
+0000359715 00000 n
+0000359383 00000 n
+0000043748 00000 n
+0000356462 00000 n
+0000356493 00000 n
+0000356726 00000 n
+0000365194 00000 n
+0000364883 00000 n
+0000364260 00000 n
+0000363634 00000 n
+0000363012 00000 n
+0000370100 00000 n
+0000369335 00000 n
+0000368556 00000 n
+0000367781 00000 n
+0000367474 00000 n
+0000370894 00000 n
+trailer
<</Size 66/Root 1 0 R/Info 65 0 R/ID[<05DD035B54FB463795CE7454D2E2F708><E8B5CA87CBFA4E7BB4DC95DF71F7706A>]>>
startxref
371080
%%EOF
\ No newline at end of file
diff --git a/dist/bitvid_logo/bitvid.jpg b/dist/bitvid_logo/bitvid.jpg
new file mode 100644
index 00000000..ac4493d9
Binary files /dev/null and b/dist/bitvid_logo/bitvid.jpg differ
diff --git a/dist/bitvid_logo/bitvid_favicon.afdesign b/dist/bitvid_logo/bitvid_favicon.afdesign
new file mode 100644
index 00000000..b411f809
Binary files /dev/null and b/dist/bitvid_logo/bitvid_favicon.afdesign differ
diff --git a/dist/bitvid_logo/bitvid_favicon.png b/dist/bitvid_logo/bitvid_favicon.png
new file mode 100644
index 00000000..c20126cf
Binary files /dev/null and b/dist/bitvid_logo/bitvid_favicon.png differ
diff --git a/dist/bitvid_logo/dns-icon.svg b/dist/bitvid_logo/dns-icon.svg
new file mode 100644
index 00000000..c5f9978f
--- /dev/null
+++ b/dist/bitvid_logo/dns-icon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 0C18.623 0 24 5.377 24 12c0 6.623-5.377 12-12 12S0 18.623 0 12 5.377 0 12 0Zm2.557 16H9.442c.546 2.46 1.441 4.114 2.558 5.744 1.194-1.741 2.041-3.41 2.557-5.744ZM7.4 16H2.833c1.236 2.825 3.704 4.972 6.755 5.716-.048-1.733-.783-3.658-1.188-5.716Zm13.767 0H16.6c-.391 1.988-1.095 3.887-2.175 5.694 3.012-.763 5.517-2.895 6.742-5.694ZM7.162 10H2.2a7.996 7.996 0 0 0 0 4h4.915a22.266 22.266 0 0 1 .047-4Zm7.661 0H9.176a22.238 22.238 0 0 0-.053 4h5.753a22.238 22.238 0 0 0-.053-4Zm6.638 0h-4.963a22.266 22.266 0 0 1 .048 4H21.8a7.99 7.99 0 0 0-.342-4ZM9.644 2.271A11.996 11.996 0 0 0 2.833 8h4.653c.435-2.042 1.178-3.985 2.158-5.729ZM12 2.223c-1.089 1.77-1.91 3.453-2.463 5.777h4.927C13.93 5.754 13.127 4.052 12 2.223Zm2.368.069C15.38 4.104 16.1 6.052 16.513 8h4.654a11.995 11.995 0 0 0-6.799-5.708Z"/>
+</svg>
diff --git a/dist/bitvid_logo/guidelines-icon.svg b/dist/bitvid_logo/guidelines-icon.svg
new file mode 100644
index 00000000..f57ed171
--- /dev/null
+++ b/dist/bitvid_logo/guidelines-icon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" fill-rule="nonzero">
+  <path d="M23.334 11.96C22.621 11.234 22.462 10.131 22.941 9.233C23.283 8.593 23.307 7.832 23.005 7.171C22.704 6.511 22.112 6.029 21.404 5.869C20.413 5.644 19.682 4.802 19.601 3.788C19.542 3.065 19.15 2.41 18.539 2.018C17.93 1.625 17.172 1.54 16.489 1.789C15.533 2.136 14.463 1.821 13.847 1.013C13.407 0.437 12.723 0.098 11.997 0.098C11.272 0.098 10.588 0.437 10.148 1.013C9.535 1.822 8.465 2.137 7.509 1.79C6.827 1.542 6.069 1.627 5.459 2.019C4.849 2.411 4.456 3.066 4.398 3.789C4.316 4.803 3.586 5.646 2.595 5.87C1.887 6.03 1.295 6.512 0.994 7.172C0.693 7.832 0.717 8.594 1.059 9.233C1.538 10.13 1.379 11.234 0.667 11.96C0.158 12.477 -0.08 13.202 0.023 13.92C0.126 14.638 0.559 15.267 1.193 15.62C2.081 16.115 2.545 17.13 2.337 18.125C2.19 18.835 2.381 19.573 2.856 20.121C3.332 20.67 4.036 20.965 4.758 20.919C5.774 20.856 6.711 21.459 7.075 22.408C7.334 23.086 7.895 23.603 8.592 23.807C9.287 24.011 10.039 23.879 10.623 23.45C11.442 22.847 12.559 22.847 13.377 23.45C13.961 23.88 14.713 24.012 15.408 23.807C16.105 23.603 16.666 23.085 16.926 22.408C17.289 21.459 18.227 20.855 19.242 20.919C19.966 20.965 20.669 20.67 21.144 20.121C21.619 19.573 21.811 18.835 21.663 18.125C21.456 17.13 21.919 16.115 22.808 15.62C23.441 15.266 23.873 14.638 23.977 13.92C24.081 13.202 23.842 12.477 23.334 11.96ZM10.75 17.39L6.25 13.026L8.107 11.169L10.75 13.675L16.393 7.891L18.25 9.748L10.75 17.39Z"/>
+</svg>
diff --git a/dist/bitvid_logo/home-icon.svg b/dist/bitvid_logo/home-icon.svg
new file mode 100644
index 00000000..16fa53c9
--- /dev/null
+++ b/dist/bitvid_logo/home-icon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" fill-rule="nonzero">
+  <path d="M12 6.453 21 14.828V24h-6v-6H9v6H3v-9.172zM24 12.148 12 1 0 12.133l1.361 1.465L12 3.73l10.639 9.883z"/>
+</svg>
diff --git a/dist/bitvid_logo/ipns-icon.svg b/dist/bitvid_logo/ipns-icon.svg
new file mode 100644
index 00000000..9713cac9
--- /dev/null
+++ b/dist/bitvid_logo/ipns-icon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" fill-rule="nonzero">
+  <path d="M21 7.702 12.5 12.322V22c1.567-.865 6.379-3.517 7.977-4.399.323-.177.523-.519.523-.891V7.702zm-9.5 4.619L3 7.599v9.006c0 .37.197.708.514.887 1.59.898 6.416 3.623 7.986 4.508v-9.789zm-8.079-5.629L12 11.455l8.672-4.713s-6.631-3.738-8.186-4.614c-.151-.085-.319-.128-.486-.128s-.335.043-.486.128c-1.555.876-8.093 4.564-8.093 4.564Z"/>
+</svg>
diff --git a/dist/components/application-form.html b/dist/components/application-form.html
new file mode 100644
index 00000000..a0ca5090
--- /dev/null
+++ b/dist/components/application-form.html
@@ -0,0 +1,56 @@
+<!-- components/application-form.html
+     https://bitvid.network?modal=application => open nostrFormModal
+-->
+<div
+  id="nostrFormModal"
+  class="bv-modal hidden items-start justify-center"
+  role="dialog"
+  aria-modal="true"
+  aria-labelledby="nostrFormModalTitle"
+  aria-describedby="nostrFormModalDescription"
+  data-ds="new"
+>
+  <div class="bv-modal-backdrop" data-dismiss></div>
+
+  <div class="bv-modal__panel modal-sheet max-h-modal-shell overflow-y-auto" tabindex="-1">
+    <!-- Header bar with updated styling -->
+    <div class="modal-header">
+      <h2
+        id="nostrFormModalTitle"
+        class="pb-2 text-3xl font-extrabold tracking-wide text-text"
+      >
+        Application Form
+      </h2>
+      <button
+        id="closeNostrFormModal"
+        class="modal-close"
+        aria-label="Close application form modal"
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="h-6 w-6"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+        >
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            d="M6 18L18 6M6 6l12 12"
+          />
+        </svg>
+      </button>
+    </div>
+
+    <div id="nostrFormModalDescription" class="modal-body">
+      <div class="modal-embed-frame">
+        <iframe
+          src="/components/iframe_forms/iframe-application-form.html"
+          class="h-full w-full rounded-lg border border-border/30 shadow-sm"
+          frameborder="0"
+        ></iframe>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/dist/components/bug-fix-form.html b/dist/components/bug-fix-form.html
new file mode 100644
index 00000000..52a8279d
--- /dev/null
+++ b/dist/components/bug-fix-form.html
@@ -0,0 +1,58 @@
+<!-- components/bug-fix-form.html
+//    https://bitvid.network?modal=bug => open bugFixModal
+//    Admin: npub13yarr7j6vjqjjkahd63dmr27curypehx45ucue286ac7sft27y0srnpmpe
+//    Form:
+//    Responses:
+-->
+<div
+  id="bugFixModal"
+  class="bv-modal hidden items-start justify-center"
+  role="dialog"
+  aria-modal="true"
+  aria-labelledby="bugFixModalTitle"
+  aria-describedby="bugFixModalDescription"
+  data-ds="new"
+>
+  <div class="bv-modal-backdrop" data-dismiss></div>
+
+  <div class="bv-modal__panel modal-sheet max-h-modal-shell overflow-y-auto" tabindex="-1">
+    <!-- Header bar (sticky) with updated title styling -->
+    <div class="modal-header">
+      <h2
+        id="bugFixModalTitle"
+        class="pb-2 text-3xl font-extrabold tracking-wide text-text"
+      >
+        Bug Fix Form
+      </h2>
+      <button
+        id="closeBugFixModal"
+        class="modal-close"
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="h-6 w-6"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+        >
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            d="M6 18L18 6M6 6l12 12"
+          />
+        </svg>
+      </button>
+    </div>
+
+    <div id="bugFixModalDescription" class="modal-body">
+      <div class="modal-embed-frame">
+        <iframe
+          src="./components/iframe_forms/iframe-bug-fix-form.html"
+          class="h-full w-full rounded-lg border border-border/30 shadow-sm"
+          frameborder="0"
+        ></iframe>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/dist/components/content-appeals-form.html b/dist/components/content-appeals-form.html
new file mode 100644
index 00000000..75b82fe2
--- /dev/null
+++ b/dist/components/content-appeals-form.html
@@ -0,0 +1,55 @@
+<!-- components/content-appeals-form.html
+     https://bitvid.network?modal=appeals => open contentAppealsModal
+-->
+<div
+  id="contentAppealsModal"
+  class="bv-modal hidden items-start justify-center"
+  role="dialog"
+  aria-modal="true"
+  aria-labelledby="contentAppealsModalTitle"
+  aria-describedby="contentAppealsModalDescription"
+  data-ds="new"
+>
+  <div class="bv-modal-backdrop" data-dismiss></div>
+
+  <div class="bv-modal__panel modal-sheet max-h-modal-shell overflow-y-auto" tabindex="-1">
+    <!-- Header bar (sticky) with improved title styling -->
+    <div class="modal-header">
+      <h2
+        id="contentAppealsModalTitle"
+        class="pb-2 text-3xl font-extrabold tracking-wide text-text"
+      >
+        Content Appeals Form
+      </h2>
+      <button
+        id="closeContentAppealsModal"
+        class="modal-close"
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="h-6 w-6"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+        >
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            d="M6 18L18 6M6 6l12 12"
+          />
+        </svg>
+      </button>
+    </div>
+
+    <div id="contentAppealsModalDescription" class="modal-body">
+      <div class="modal-embed-frame">
+        <iframe
+          src="./components/iframe_forms/iframe-content-appeals-form.html"
+          class="h-full w-full rounded-lg border border-border/30 shadow-sm"
+          frameborder="0"
+        ></iframe>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/dist/components/delete-video-modal.html b/dist/components/delete-video-modal.html
new file mode 100644
index 00000000..5f9e83b8
--- /dev/null
+++ b/dist/components/delete-video-modal.html
@@ -0,0 +1,71 @@
+<!-- components/delete-video-modal.html -->
+<div
+  id="deleteVideoModal"
+  class="bv-modal hidden items-start justify-center md:items-center"
+  role="dialog"
+  aria-modal="true"
+  aria-labelledby="deleteModalTitle"
+  aria-describedby="deleteModalDescription"
+  data-ds="new"
+>
+  <div
+    id="deleteVideoModalOverlay"
+    class="bv-modal-backdrop"
+    data-dismiss
+  ></div>
+
+  <div class="modal-sheet max-h-modal-shell w-full max-w-lg overflow-y-auto" tabindex="-1">
+    <div class="modal-header">
+      <div class="flex flex-col">
+        <h2 id="deleteModalTitle" class="text-xl font-bold text-text">Delete video</h2>
+        <p id="deleteModalSubtitle" class="text-xs text-muted">
+          This action removes the note from every feed.
+        </p>
+      </div>
+      <button
+        id="closeDeleteVideoModal"
+        class="modal-close"
+        type="button"
+        aria-label="Close delete modal"
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="h-6 w-6"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+        >
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+        </svg>
+      </button>
+    </div>
+
+    <div class="modal-body space-y-6">
+      <div class="rounded-md border border-critical/40 bg-critical/10 p-4 text-sm text-critical">
+        <p class="font-semibold">Deleting publishes tombstones for every revision.</p>
+        <p class="mt-2 text-xs">
+          Relays and clients will treat the note as deleted. This cannot be undone.
+        </p>
+      </div>
+
+      <div class="space-y-4 text-sm text-text">
+        <p id="deleteModalDescription">
+          Are you sure you want to delete this video? Viewers will no longer see it in any grid.
+        </p>
+        <dl id="deleteModalMetadata" class="grid gap-3 text-xs text-muted sm:grid-cols-2"></dl>
+      </div>
+    </div>
+
+    <div class="modal-footer flex flex-col gap-3 sm:flex-row sm:justify-end">
+      <button type="button" id="cancelDeleteVideo" class="btn-ghost w-full sm:w-auto">Cancel</button>
+      <button
+        type="button"
+        id="confirmDeleteVideo"
+        class="btn w-full sm:w-auto"
+        data-variant="critical"
+      >
+        Delete all versions
+      </button>
+    </div>
+  </div>
+</div>
diff --git a/dist/components/disclaimer.html b/dist/components/disclaimer.html
new file mode 100644
index 00000000..80910136
--- /dev/null
+++ b/dist/components/disclaimer.html
@@ -0,0 +1,138 @@
+<!-- Disclaimer Modal (wide, matching other modals) -->
+<div
+  id="disclaimerModal"
+  class="bv-modal hidden p-0 sm:p-0 lg:p-8 lg:items-start lg:justify-center overflow-hidden"
+  role="dialog"
+  aria-modal="true"
+  aria-labelledby="disclaimerModalTitle"
+  aria-describedby="disclaimerModalDescription"
+  data-ds="new"
+>
+  <div class="bv-modal-backdrop" data-dismiss></div>
+
+  <!-- Outer container with wide layout, just like content-appeals-form -->
+  <div class="modal-sheet w-full h-full max-w-none rounded-none border-0 lg:max-h-modal-shell lg:max-w-5xl lg:rounded-modal-xl lg:border lg:h-auto flex min-h-0 flex-col overflow-hidden" tabindex="-1">
+    <!-- Main Content -->
+    <div class="modal-body flex-1 overflow-y-auto">
+      <div class="mx-auto max-w-3xl space-y-8 text-base text-text">
+        <div class="flex justify-center pt-1">
+          <span
+            class="inline-flex h-2xl items-center text-text bv-logo"
+            role="img"
+            aria-label="bitvid logo"
+          >
+            <svg
+              class="h-full w-auto"
+              viewBox="0 0 318.32 108.98"
+              aria-hidden="true"
+              focusable="false"
+            >
+              <g class="bv-logo__accent">
+                <rect x="7.1" y="7.8" width="5.84" height="5.48" />
+                <rect x="7.1" y="18.78" width="24.02" height="5.48" />
+                <rect x="7.1" y="29.77" width="42.85" height="5.48" />
+                <rect x="7.1" y="40.76" width="61.68" height="5.48" />
+                <rect x="7.1" y="51.75" width="80.88" height="5.48" />
+                <rect x="7.1" y="62.74" width="61.68" height="5.48" />
+                <rect x="7.1" y="73.73" width="42.85" height="5.48" />
+                <rect x="7.1" y="84.72" width="24.02" height="5.48" />
+                <rect x="7.1" y="95.71" width="5.84" height="5.48" />
+              </g>
+              <g class="bv-logo__wordmark">
+                <path d="M121.28 25.08v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V25.08h5.83Z" />
+                <path d="M168.53 25.08v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z" />
+                <path d="M191.36 25.08v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V25.08h5.83Z" />
+                <path d="M212.88 42.24l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z" />
+                <path d="M264.05 25.08v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83v-41.67h5.83Z" />
+                <path d="M311.21 25.08v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V25.08h5.83Z" />
+              </g>
+            </svg>
+          </span>
+        </div>
+        <header class="space-y-4 text-center">
+          <h2
+            id="disclaimerModalTitle"
+            class="text-4xl font-semibold tracking-tight text-text"
+          >
+            Welcome to bitvid
+          </h2>
+          <p class="mx-auto max-w-2xl text-base leading-relaxed text-text-frosted">
+            bitvid is a decentralized video platform where content is shared
+            directly between users. We want you to understand a few important
+            points before you continue.
+          </p>
+        </header>
+        <div class="modal-alert" role="status">
+          <svg
+            class="modal-alert__icon"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            aria-hidden="true"
+          >
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2"
+              d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+            />
+          </svg>
+          <p class="text-sm">
+            This platform is currently in development and only supports Chrome
+            and Firefox-based browsers. Other browsers are not supported at
+            this time. You may encounter bugs or missing features. Give it a
+            sec—videos might take 10 to 60 seconds to load initially.
+          </p>
+        </div>
+
+        <div id="disclaimerModalDescription" class="space-y-4">
+          <article class="modal-tile space-y-2">
+            <h3>Early Access Status</h3>
+            <p>
+              Currently, video posting is invite-only as we carefully scale
+              our platform. While anyone can watch videos, content creation is
+              limited to approved creators. This helps us maintain quality
+              content during our early stages.
+            </p>
+          </article>
+          <article class="modal-tile space-y-2">
+            <h3>Content Responsibility &amp; Moderation</h3>
+            <p>
+              While we don't host videos directly, we maintain community
+              standards through access control. Users who violate our
+              guidelines may be blocked from accessing the platform. All
+              content must follow local laws and platform guidelines.
+            </p>
+          </article>
+          <article class="modal-tile space-y-2">
+            <h3>Platform Status</h3>
+            <p>
+              bitvid is a work in progress. Features may change or break, and
+              security improvements are ongoing. Your feedback and patience
+              help us build a better platform.
+            </p>
+          </article>
+          <article class="modal-tile space-y-2">
+            <h3>Get Involved</h3>
+            <p>
+              Are you a developer? We'd love your help! Visit our GitHub
+              repository to contribute to building the future of decentralized
+              video sharing.
+            </p>
+          </article>
+        </div>
+      </div>
+    </div>
+
+    <!-- Button at bottom -->
+    <div class="modal-footer pt-6 pb-16 md:pb-12">
+      <button
+        id="acceptDisclaimer"
+        class="modal-primary"
+        type="button"
+      >
+        I Understand
+      </button>
+    </div>
+  </div>
+</div>
diff --git a/dist/components/edit-video-modal.html b/dist/components/edit-video-modal.html
new file mode 100644
index 00000000..91cd83f0
--- /dev/null
+++ b/dist/components/edit-video-modal.html
@@ -0,0 +1,963 @@
+<!-- components/edit-video-modal.html -->
+<div
+  id="editVideoModal"
+  class="bv-modal hidden items-start md:items-center"
+  role="dialog"
+  aria-modal="true"
+  tabindex="-1"
+  data-ds="new"
+>
+  <div id="editVideoModalOverlay" class="bv-modal-backdrop"></div>
+
+  <div class="bv-modal__panel modal-sheet max-h-modal-shell overflow-y-auto" tabindex="-1">
+      <div class="modal-header">
+        <h2 class="text-xl font-bold text-text">Edit Video Note</h2>
+        <button id="closeEditVideoModal" class="modal-close">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="h-6 w-6"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke="currentColor"
+          >
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2"
+              d="M6 18L18 6M6 6l12 12"
+            />
+          </svg>
+        </button>
+      </div>
+
+      <div class="modal-body space-y-6">
+        <p class="text-sm text-muted">
+          Fields that already have values are locked. Click <strong>Edit field</strong> to make changes.
+        </p>
+
+        <form id="editVideoForm" class="space-y-5">
+          <div class="space-y-1">
+            <label for="editVideoTitle" class="block text-sm font-medium text-text">
+              Title
+            </label>
+            <div class="flex flex-col gap-2 sm:flex-row">
+              <input
+                type="text"
+                id="editVideoTitle"
+                class="flex-1 input"
+                placeholder="Video title"
+              />
+              <button
+                type="button"
+                class="btn-ghost focus-ring hidden text-xs font-semibold uppercase tracking-wide"
+                data-edit-target="editVideoTitle"
+              >
+                Edit field
+              </button>
+            </div>
+          </div>
+
+          <!-- NOTE: Keep this NIP-71 markup in sync with the upload and revert modals. -->
+          <div
+            class="space-y-4 rounded-lg border border-border/70 bg-overlay-black/30 p-4"
+            id="editNip71EventDetails"
+            data-nip71-section="event-details"
+          >
+            <fieldset
+              id="editNip71KindFieldset"
+              class="space-y-2"
+              data-nip71-fieldset="kind"
+            >
+              <legend class="text-sm font-semibold text-text">
+                NIP-71 event type
+              </legend>
+              <p class="text-xs text-muted">
+                Choose the video format. <span class="font-medium text-muted-strong">Kind 21</span> is a full video, while
+                <span class="font-medium text-muted-strong">Kind 22</span> is a short.
+              </p>
+              <div
+                class="form-control"
+                role="radiogroup"
+                aria-labelledby="editNip71KindFieldset"
+              >
+                <div class="menu sm:flex-row sm:flex-wrap sm:py-0" role="presentation">
+                  <label class="menu__item gap-3 px-0 py-0" for="editNip71KindLong">
+                    <input
+                      type="radio"
+                      name="editNip71Kind"
+                      id="editNip71KindLong"
+                      value="21"
+                      checked
+                      data-nip71-input="kind"
+                      class="h-4 w-4 border-border bg-panel text-info focus:ring-info"
+                    />
+                    <span class="text-sm text-text">Normal video (kind 21)</span>
+                  </label>
+                  <label class="menu__item gap-3 px-0 py-0" for="editNip71KindShort">
+                    <input
+                      type="radio"
+                      name="editNip71Kind"
+                      id="editNip71KindShort"
+                      value="22"
+                      data-nip71-input="kind"
+                      class="h-4 w-4 border-border bg-panel text-info focus:ring-info"
+                    />
+                    <span class="text-sm text-text">Short video (kind 22)</span>
+                  </label>
+                </div>
+              </div>
+            </fieldset>
+
+            <div class="grid gap-4 md:grid-cols-2" data-nip71-grid="metadata">
+              <div class="space-y-2">
+                <label for="editNip71PublishedAt" class="block text-sm font-medium text-text">
+                  Published at
+                </label>
+                <input
+                  type="datetime-local"
+                  id="editNip71PublishedAt"
+                  data-nip71-input="published_at"
+                  class="input"
+                />
+                <p class="text-xs text-muted">
+                  Set the canonical publish time for cross-client ordering.
+                </p>
+              </div>
+              <div class="space-y-2">
+                <label for="editNip71AltText" class="block text-sm font-medium text-text">
+                  Alt text
+                </label>
+                <input
+                  type="text"
+                  id="editNip71AltText"
+                  data-nip71-input="alt"
+                  placeholder="Describe the visuals for screen readers"
+                  class="input"
+                />
+                <p class="text-xs text-muted">
+                  Plain-language fallback shown when the media cannot load.
+                </p>
+              </div>
+              <div class="space-y-2">
+                <label for="editNip71Duration" class="block text-sm font-medium text-text">
+                  Duration (seconds)
+                </label>
+                <input
+                  type="number"
+                  id="editNip71Duration"
+                  min="0"
+                  step="0.001"
+                  data-nip71-input="duration"
+                  class="input"
+                />
+                <p class="text-xs text-muted">
+                  Optional legacy fallback in seconds (fractions allowed) for clients that expect a top-level duration.
+                </p>
+              </div>
+              <div class="space-y-2">
+                <label for="editNip71ContentWarning" class="block text-sm font-medium text-text">
+                  Content warning
+                </label>
+                <input
+                  type="text"
+                  id="editNip71ContentWarning"
+                  data-nip71-input="content-warning"
+                  placeholder="e.g., Flashing lights"
+                  class="input"
+                />
+                <p class="text-xs text-muted">
+                  Leave blank if the video is safe for all audiences.
+                </p>
+              </div>
+            </div>
+
+            <div class="space-y-2">
+              <label for="editNip71Summary" class="block text-sm font-medium text-text">
+                Summary
+              </label>
+              <textarea
+                id="editNip71Summary"
+                rows="3"
+                data-nip71-input="summary"
+                class="textarea"
+                placeholder="Short synopsis used as the Nostr content field"
+              ></textarea>
+              <p class="text-xs text-muted">
+                This becomes the event content. Keep it concise for Nostr readers.
+              </p>
+            </div>
+          </div>
+
+          <fieldset
+            id="editNip71TagsFieldset"
+            class="space-y-6 rounded-lg border border-border/70 bg-overlay-black/30 p-4"
+            data-nip71-section="tags"
+          >
+            <legend class="relative text-sm font-semibold text-text">
+              <span class="inline-block -ml-2 rounded px-2 bg-overlay-black/30">NIP-71 tags</span>
+            </legend>
+            <p class="text-xs text-muted">
+              Use the controls below to describe media variants, captions, chapters, participants, and references.
+            </p>
+
+            <section class="space-y-4" aria-labelledby="editNip71ImetaLabel" data-nip71-repeater="imeta">
+              <div class="flex items-center justify-between">
+                <h3 id="editNip71ImetaLabel" class="text-sm font-medium text-text">Image metadata (imeta)</h3>
+                <button
+                  type="button"
+                  class="btn-ghost focus-ring text-xs font-semibold"
+                  data-nip71-add="imeta"
+                  aria-describedby="editNip71ImetaHelp"
+                >
+                  Add variant
+                </button>
+              </div>
+              <p id="editNip71ImetaHelp" class="text-xs text-muted">
+                Provide dimensions, MIME type, and resource links for each variant. Nested repeaters let you attach multiple
+                <code>image</code>, <code>fallback</code>, or <code>service</code> values.
+              </p>
+              <div id="editNip71ImetaList" class="space-y-4" data-nip71-list="imeta"></div>
+              <template id="editNip71ImetaTemplate" data-nip71-template="imeta">
+                <article class="card space-y-3 bg-surface/60 p-4" data-nip71-entry="imeta">
+                  <div class="grid gap-3 md:grid-cols-2">
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">
+                        MIME type (<code>m</code>)
+                      </label>
+                      <input
+                        type="text"
+                        data-nip71-field="m"
+                        placeholder="video/mp4"
+                        class="input"
+                      />
+                      <p class="text-3xs text-muted">RFC 2046 media type for this encoding.</p>
+                    </div>
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">
+                        Pixel dimensions (<code>dim</code>)
+                      </label>
+                      <input
+                        type="text"
+                        data-nip71-field="dim"
+                        placeholder="1920x1080"
+                        class="input"
+                      />
+                      <p class="text-3xs text-muted">Formatted as widthxheight.</p>
+                    </div>
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">
+                        Streaming URL (<code>url</code>)
+                      </label>
+                      <input
+                        type="url"
+                        data-nip71-field="url"
+                        placeholder="https://cdn.example.com/variant.m3u8"
+                        class="input"
+                      />
+                      <p class="text-3xs text-muted">HTTPS variant URL shared across clients.</p>
+                    </div>
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">
+                        Magnet (<code>x</code>)
+                      </label>
+                      <input
+                        type="text"
+                        data-nip71-field="x"
+                        placeholder="magnet:?xt=urn:btih:..."
+                        class="input"
+                      />
+                      <p class="text-3xs text-muted">Optional magnet pointer if the variant is seeded via P2P.</p>
+                    </div>
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">
+                        Duration seconds (<code>duration</code>)
+                      </label>
+                      <input
+                        type="number"
+                        data-nip71-field="duration"
+                        min="0"
+                        step="0.001"
+                        placeholder="29.97"
+                        class="input"
+                      />
+                      <p class="text-3xs text-muted">Fractional seconds supported; clients use this for precise timelines.</p>
+                    </div>
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">
+                        Bitrate bps (<code>bitrate</code>)
+                      </label>
+                      <input
+                        type="number"
+                        data-nip71-field="bitrate"
+                        min="0"
+                        step="1"
+                        placeholder="3500000"
+                        class="input"
+                      />
+                      <p class="text-3xs text-muted">Average bits per second for this variant.</p>
+                    </div>
+                  </div>
+
+                  <div class="space-y-3" data-nip71-nested="image">
+                    <div class="flex items-center justify-between">
+                      <h4 class="text-xs font-semibold uppercase tracking-wide text-muted">Image values</h4>
+                      <button
+                        type="button"
+                        class="btn-ghost focus-ring text-3xs font-medium"
+                        data-nip71-nested-add="image"
+                      >
+                        Add image URL
+                      </button>
+                    </div>
+                    <div class="space-y-2" data-nip71-nested-list="image"></div>
+                    <template data-nip71-nested-template="image">
+                      <div class="flex items-center gap-2" data-nip71-nested-entry="image">
+                        <input
+                          type="url"
+                          placeholder="https://cdn.example.com/poster.jpg"
+                          data-nip71-nested-field="image"
+                          class="flex-1 input"
+                        />
+                        <button
+                          type="button"
+                          class="btn-ghost focus-ring text-3xs font-medium"
+                          data-nip71-remove="nested"
+                          aria-label="Remove image URL"
+                        >
+                          Remove
+                        </button>
+                      </div>
+                    </template>
+                  </div>
+
+                  <div class="space-y-3" data-nip71-nested="fallback">
+                    <div class="flex items-center justify-between">
+                      <h4 class="text-xs font-semibold uppercase tracking-wide text-muted">Fallback URLs</h4>
+                      <button
+                        type="button"
+                        class="btn-ghost focus-ring text-3xs font-medium"
+                        data-nip71-nested-add="fallback"
+                      >
+                        Add fallback
+                      </button>
+                    </div>
+                    <div class="space-y-2" data-nip71-nested-list="fallback"></div>
+                    <template data-nip71-nested-template="fallback">
+                      <div class="flex items-center gap-2" data-nip71-nested-entry="fallback">
+                        <input
+                          type="url"
+                          placeholder="https://cdn.backup.net/video.mp4"
+                          data-nip71-nested-field="fallback"
+                          class="flex-1 input"
+                        />
+                        <button
+                          type="button"
+                          class="btn-ghost focus-ring text-3xs font-medium"
+                          data-nip71-remove="nested"
+                          aria-label="Remove fallback URL"
+                        >
+                          Remove
+                        </button>
+                      </div>
+                    </template>
+                  </div>
+
+                  <div class="space-y-3" data-nip71-nested="service">
+                    <div class="flex items-center justify-between">
+                      <h4 class="text-xs font-semibold uppercase tracking-wide text-muted">Services</h4>
+                      <button
+                        type="button"
+                        class="btn-ghost focus-ring text-3xs font-medium"
+                        data-nip71-nested-add="service"
+                      >
+                        Add service
+                      </button>
+                    </div>
+                    <div class="space-y-2" data-nip71-nested-list="service"></div>
+                    <template data-nip71-nested-template="service">
+                      <div class="flex items-center gap-2" data-nip71-nested-entry="service">
+                        <input
+                          type="text"
+                          placeholder="https://api.example.com"
+                          data-nip71-nested-field="service"
+                          class="flex-1 input"
+                        />
+                        <button
+                          type="button"
+                          class="btn-ghost focus-ring text-3xs font-medium"
+                          data-nip71-remove="nested"
+                          aria-label="Remove service entry"
+                        >
+                          Remove
+                        </button>
+                      </div>
+                    </template>
+                  </div>
+
+                  <div class="flex justify-end">
+                    <button
+                      type="button"
+                      class="btn-ghost focus-ring text-3xs font-medium"
+                      data-nip71-remove="imeta"
+                    >
+                      Remove variant
+                    </button>
+                  </div>
+                </article>
+              </template>
+            </section>
+
+            <section class="space-y-4" aria-labelledby="editNip71TextTracksLabel" data-nip71-repeater="text-track">
+              <div class="flex items-center justify-between">
+                <h3 id="editNip71TextTracksLabel" class="text-sm font-medium text-text">
+                  Caption &amp; subtitle tracks (text-track)
+                </h3>
+                <button
+                  type="button"
+                  class="btn-ghost focus-ring text-xs font-semibold"
+                  data-nip71-add="text-track"
+                  aria-describedby="editNip71TextTracksHelp"
+                >
+                  Add track
+                </button>
+              </div>
+              <p id="editNip71TextTracksHelp" class="text-xs text-muted">
+                Supply caption or subtitle URLs along with file type and language so players can surface accessibility features.
+              </p>
+              <div id="editNip71TextTrackList" class="space-y-4" data-nip71-list="text-track"></div>
+              <template id="editNip71TextTrackTemplate" data-nip71-template="text-track">
+                <article class="card space-y-3 bg-surface/60 p-4" data-nip71-entry="text-track">
+                  <div class="grid gap-3 md:grid-cols-3">
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">Track URL</label>
+                      <input
+                        type="url"
+                        data-nip71-field="url"
+                        placeholder="https://cdn.example.com/subs.vtt"
+                        class="input"
+                      />
+                    </div>
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">Type</label>
+                      <input
+                        type="text"
+                        data-nip71-field="type"
+                        placeholder="text/vtt"
+                        class="input"
+                      />
+                    </div>
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">Language</label>
+                      <input
+                        type="text"
+                        data-nip71-field="language"
+                        placeholder="en"
+                        class="input"
+                      />
+                    </div>
+                  </div>
+                  <div class="flex justify-end">
+                    <button
+                      type="button"
+                      class="btn-ghost focus-ring text-3xs font-medium"
+                      data-nip71-remove="text-track"
+                    >
+                      Remove track
+                    </button>
+                  </div>
+                </article>
+              </template>
+            </section>
+
+            <section class="space-y-4" aria-labelledby="editNip71SegmentsLabel" data-nip71-repeater="segment">
+              <div class="flex items-center justify-between">
+                <h3 id="editNip71SegmentsLabel" class="text-sm font-medium text-text">Chapters &amp; segments (segment)</h3>
+                <button
+                  type="button"
+                  class="btn-ghost focus-ring text-xs font-semibold"
+                  data-nip71-add="segment"
+                  aria-describedby="editNip71SegmentsHelp"
+                >
+                  Add segment
+                </button>
+              </div>
+              <p id="editNip71SegmentsHelp" class="text-xs text-muted">
+                Outline chapters with start and end times, titles, and optional thumbnails.
+              </p>
+              <div id="editNip71SegmentList" class="space-y-4" data-nip71-list="segment"></div>
+              <template id="editNip71SegmentTemplate" data-nip71-template="segment">
+                <article class="card space-y-3 bg-surface/60 p-4" data-nip71-entry="segment">
+                  <div class="grid gap-3 md:grid-cols-2">
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">Start (seconds)</label>
+                      <input
+                        type="number"
+                        data-nip71-field="start"
+                        min="0"
+                        step="1"
+                        class="input"
+                      />
+                    </div>
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">End (seconds)</label>
+                      <input
+                        type="number"
+                        data-nip71-field="end"
+                        min="0"
+                        step="1"
+                        class="input"
+                      />
+                    </div>
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">Title</label>
+                      <input
+                        type="text"
+                        data-nip71-field="title"
+                        placeholder="Chapter title"
+                        class="input"
+                      />
+                    </div>
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">Thumbnail URL</label>
+                      <input
+                        type="url"
+                        data-nip71-field="thumbnail"
+                        placeholder="https://cdn.example.com/frame.jpg"
+                        class="input"
+                      />
+                    </div>
+                  </div>
+                  <div class="flex justify-end">
+                    <button
+                      type="button"
+                      class="btn-ghost focus-ring text-3xs font-medium"
+                      data-nip71-remove="segment"
+                    >
+                      Remove segment
+                    </button>
+                  </div>
+                </article>
+              </template>
+            </section>
+
+            <section class="space-y-4" aria-labelledby="editNip71HashtagsLabel" data-nip71-repeater="t">
+              <div class="flex items-center justify-between">
+                <h3 id="editNip71HashtagsLabel" class="text-sm font-medium text-text">Hashtags (<code>t</code>)</h3>
+                <button
+                  type="button"
+                  class="btn-ghost focus-ring text-xs font-semibold"
+                  data-nip71-add="t"
+                >
+                  Add hashtag
+                </button>
+              </div>
+              <p class="text-xs text-muted">
+                Enter keywords; leading <code>#</code> characters are stripped automatically when saving.
+              </p>
+              <div id="editNip71HashtagList" class="space-y-2" data-nip71-list="t"></div>
+              <template id="editNip71HashtagTemplate" data-nip71-template="t">
+                <div class="flex items-center gap-2" data-nip71-entry="t">
+                  <input
+                    type="text"
+                    data-nip71-field="value"
+                    placeholder="#nostr"
+                    class="flex-1 input"
+                  />
+                  <button
+                    type="button"
+                    class="btn-ghost focus-ring text-3xs font-medium"
+                    data-nip71-remove="t"
+                  >
+                    Remove
+                  </button>
+                </div>
+              </template>
+            </section>
+
+            <section class="space-y-4" aria-labelledby="editNip71ParticipantsLabel" data-nip71-repeater="p">
+              <div class="flex items-center justify-between">
+                <h3 id="editNip71ParticipantsLabel" class="text-sm font-medium text-text">Participants (<code>p</code>)</h3>
+                <button
+                  type="button"
+                  class="btn-ghost focus-ring text-xs font-semibold"
+                  data-nip71-add="p"
+                >
+                  Add participant
+                </button>
+              </div>
+              <div id="editNip71ParticipantList" class="space-y-3" data-nip71-list="p"></div>
+              <template id="editNip71ParticipantTemplate" data-nip71-template="p">
+                <article class="card space-y-3 bg-surface/60 p-4" data-nip71-entry="p">
+                  <div class="grid gap-3 md:grid-cols-2">
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">Participant pubkey</label>
+                      <input
+                        type="text"
+                        data-nip71-field="pubkey"
+                        placeholder="npub1... or hex"
+                        class="input"
+                      />
+                    </div>
+                    <div class="space-y-2">
+                      <label class="block text-xs font-medium text-muted-strong">Relay hint</label>
+                      <input
+                        type="text"
+                        data-nip71-field="relay"
+                        placeholder="wss://relay.example.com"
+                        class="input"
+                      />
+                    </div>
+                  </div>
+                  <div class="flex justify-end">
+                    <button
+                      type="button"
+                      class="btn-ghost focus-ring text-3xs font-medium"
+                      data-nip71-remove="p"
+                    >
+                      Remove participant
+                    </button>
+                  </div>
+                </article>
+              </template>
+            </section>
+
+            <section class="space-y-4" aria-labelledby="editNip71ReferencesLabel" data-nip71-repeater="r">
+              <div class="flex items-center justify-between">
+                <h3 id="editNip71ReferencesLabel" class="text-sm font-medium text-text">Reference links (<code>r</code>)</h3>
+                <button
+                  type="button"
+                  class="btn-ghost focus-ring text-xs font-semibold"
+                  data-nip71-add="r"
+                >
+                  Add reference
+                </button>
+              </div>
+              <div id="editNip71ReferenceList" class="space-y-2" data-nip71-list="r"></div>
+              <template id="editNip71ReferenceTemplate" data-nip71-template="r">
+                <div class="flex items-center gap-2" data-nip71-entry="r">
+                  <input
+                    type="url"
+                    data-nip71-field="url"
+                    placeholder="https://example.com/context"
+                    class="flex-1 input"
+                  />
+                  <button
+                    type="button"
+                    class="btn-ghost focus-ring text-3xs font-medium"
+                    data-nip71-remove="r"
+                  >
+                    Remove
+                  </button>
+                </div>
+              </template>
+            </section>
+          </fieldset>
+
+          <div class="space-y-1">
+            <label for="editVideoUrl" class="block text-sm font-medium text-text">
+              Hosted video URL (https)
+            </label>
+            <div class="flex flex-col gap-2 sm:flex-row">
+              <input
+                type="url"
+                id="editVideoUrl"
+                class="flex-1 input"
+                placeholder="https://cdn.example.com/video.mp4"
+              />
+              <button
+                type="button"
+                class="btn-ghost focus-ring hidden text-xs font-semibold uppercase tracking-wide"
+                data-edit-target="editVideoUrl"
+              >
+                Edit field
+              </button>
+            </div>
+          </div>
+
+          <div class="space-y-1">
+            <label for="editVideoWs" class="block text-sm font-medium text-text">
+              Web seed (ws=)
+            </label>
+            <div class="flex flex-col gap-2 sm:flex-row">
+              <input
+                type="url"
+                id="editVideoWs"
+                class="flex-1 input"
+                placeholder="https://cdn.example.com/video.mp4"
+              />
+              <button
+                type="button"
+                class="btn-ghost focus-ring hidden text-xs font-semibold uppercase tracking-wide"
+                data-edit-target="editVideoWs"
+              >
+                Edit field
+              </button>
+            </div>
+          </div>
+
+          <div class="space-y-1">
+            <label for="editVideoXs" class="block text-sm font-medium text-text">
+              .torrent URL (xs=)
+            </label>
+            <div class="flex flex-col gap-2 sm:flex-row">
+              <input
+                type="url"
+                id="editVideoXs"
+                class="flex-1 input"
+                placeholder="https://cdn.example.com/video.torrent"
+              />
+              <button
+                type="button"
+                class="btn-ghost focus-ring hidden text-xs font-semibold uppercase tracking-wide"
+                data-edit-target="editVideoXs"
+              >
+                Edit field
+              </button>
+            </div>
+          </div>
+
+          <div class="space-y-1">
+            <label for="editVideoMagnet" class="block text-sm font-medium text-text">
+              Magnet link
+            </label>
+            <div class="flex flex-col gap-2 sm:flex-row">
+              <input
+                type="text"
+                id="editVideoMagnet"
+                class="flex-1 input"
+                placeholder="magnet:?xt=urn:btih:..."
+              />
+              <button
+                type="button"
+                class="btn-ghost focus-ring hidden text-xs font-semibold uppercase tracking-wide"
+                data-edit-target="editVideoMagnet"
+              >
+                Edit field
+              </button>
+            </div>
+          </div>
+
+          <div class="space-y-1">
+            <label for="editVideoThumbnail" class="block text-sm font-medium text-text">
+              Thumbnail URL
+            </label>
+            <div class="flex flex-col gap-2 sm:flex-row">
+              <input
+                type="url"
+                id="editVideoThumbnail"
+                class="flex-1 input"
+                placeholder="https://cdn.example.com/preview.jpg"
+              />
+              <button
+                type="button"
+                class="btn-ghost focus-ring hidden text-xs font-semibold uppercase tracking-wide"
+                data-edit-target="editVideoThumbnail"
+              >
+                Edit field
+              </button>
+            </div>
+          </div>
+
+          <div class="space-y-1">
+            <label for="editVideoDescription" class="block text-sm font-medium text-text">
+              Description
+            </label>
+            <div class="flex flex-col gap-2">
+              <textarea
+                id="editVideoDescription"
+                rows="4"
+                class="textarea"
+                placeholder="What is this video about?"
+              ></textarea>
+              <button
+                type="button"
+                class="btn-ghost focus-ring hidden self-start text-xs font-semibold uppercase tracking-wide"
+                data-edit-target="editVideoDescription"
+              >
+                Edit field
+              </button>
+            </div>
+          </div>
+
+          <div class="space-y-1">
+            <span id="editVideoVisibilityLabel" class="block text-sm font-medium text-text">
+              Visibility
+            </span>
+            <div
+              class="space-y-3 rounded-md border border-border/70 bg-overlay-black/30 p-3"
+              role="group"
+              aria-labelledby="editVideoVisibilityLabel"
+              data-visibility-toggle
+            >
+              <div class="flex flex-wrap items-center gap-2 sm:justify-between">
+                <div
+                  class="video-visibility-toggle"
+                  data-visibility-options
+                >
+                  <button
+                    type="button"
+                    class="video-visibility-toggle__option focus-ring"
+                    data-visibility-option="public"
+                    aria-pressed="false"
+                  >
+                    Public
+                  </button>
+                  <button
+                    type="button"
+                    class="video-visibility-toggle__option focus-ring"
+                    data-visibility-option="private"
+                    aria-pressed="false"
+                  >
+                    Private
+                  </button>
+                </div>
+                <input
+                  type="checkbox"
+                  id="editVideoIsPrivate"
+                  class="hidden"
+                  data-default-checked="false"
+                  aria-hidden="true"
+                />
+              </div>
+              <p class="text-xs text-muted" data-visibility-helper>
+                Private notes stay visible only to you. Switch back to public when you're ready to share.
+              </p>
+              <button
+                type="button"
+                class="btn-ghost focus-ring hidden text-xs font-semibold uppercase tracking-wide"
+                data-edit-target="editVideoIsPrivate"
+              >
+                Edit field
+              </button>
+            </div>
+          </div>
+
+          <div class="space-y-2">
+            <label
+              for="editVideoIsNsfw"
+              id="editVideoIsNsfwLabel"
+              class="block text-sm font-medium text-text"
+            >
+              NSFW content
+            </label>
+            <div
+              class="form-control"
+              role="group"
+              aria-labelledby="editVideoIsNsfwLabel"
+            >
+              <label class="menu__item gap-3 px-0 py-0 text-left" for="editVideoIsNsfw">
+                <input
+                  type="checkbox"
+                  id="editVideoIsNsfw"
+                  class="checkbox"
+                  data-default-checked="false"
+                />
+                <span class="text-sm text-muted-strong">
+                  Mark as sensitive to blur previews and gate playback.
+                </span>
+              </label>
+            </div>
+            <div class="flex justify-end">
+              <button
+                type="button"
+                class="btn-ghost focus-ring hidden text-xs font-semibold uppercase tracking-wide"
+                data-edit-target="editVideoIsNsfw"
+              >
+                Edit field
+              </button>
+            </div>
+          </div>
+
+          <div class="space-y-2">
+            <label
+              for="editVideoIsForKids"
+              id="editVideoIsForKidsLabel"
+              class="block text-sm font-medium text-text"
+            >
+              Made for kids
+            </label>
+            <div
+              class="form-control"
+              role="group"
+              aria-labelledby="editVideoIsForKidsLabel"
+            >
+              <label class="menu__item gap-3 px-0 py-0 text-left" for="editVideoIsForKids">
+                <input
+                  type="checkbox"
+                  id="editVideoIsForKids"
+                  class="checkbox"
+                  data-default-checked="false"
+                />
+                <span class="text-sm text-muted-strong">
+                  Flag kid-friendly videos to adjust recommendations and controls.
+                </span>
+              </label>
+            </div>
+            <div class="flex justify-end">
+              <button
+                type="button"
+                class="btn-ghost focus-ring hidden text-xs font-semibold uppercase tracking-wide"
+                data-edit-target="editVideoIsForKids"
+              >
+                Edit field
+              </button>
+            </div>
+          </div>
+
+          <div class="space-y-2">
+            <label
+              for="editEnableComments"
+              id="editEnableCommentsLabel"
+              class="block text-sm font-medium text-text"
+            >
+              Enable comments
+            </label>
+            <div
+              class="form-control"
+              role="group"
+              aria-labelledby="editEnableCommentsLabel"
+            >
+              <label class="menu__item gap-3 px-0 py-0 text-left" for="editEnableComments">
+                <input
+                  type="checkbox"
+                  id="editEnableComments"
+                  class="checkbox"
+                  data-default-checked="true"
+                  checked
+                />
+                <span class="text-sm text-muted-strong">
+                  Allow replies once comment threads are available.
+                </span>
+              </label>
+            </div>
+            <div class="flex justify-end">
+              <button
+                type="button"
+                class="btn-ghost focus-ring hidden text-xs font-semibold uppercase tracking-wide"
+                data-edit-target="editEnableComments"
+              >
+                Edit field
+              </button>
+            </div>
+          </div>
+
+          <div class="flex flex-col gap-3 sm:flex-row sm:justify-end">
+            <button
+              type="button"
+              id="cancelEditVideo"
+              class="btn-ghost focus-ring w-full sm:w-auto"
+            >
+              Cancel
+            </button>
+            <button
+              type="submit"
+              id="submitEditVideo"
+              class="btn focus-ring w-full sm:w-auto"
+            >
+              Save changes
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+</div>
diff --git a/dist/components/embed-video-modal.html b/dist/components/embed-video-modal.html
new file mode 100644
index 00000000..6dcb71f3
--- /dev/null
+++ b/dist/components/embed-video-modal.html
@@ -0,0 +1,125 @@
+<!-- components/embed-video-modal.html -->
+<div
+  id="embedVideoModal"
+  class="bv-modal modal-always-on-top hidden items-start justify-center md:items-center"
+  role="dialog"
+  aria-modal="true"
+  aria-labelledby="embedVideoModalTitle"
+  aria-describedby="embedVideoModalDescription"
+  data-ds="new"
+>
+  <div class="bv-modal-backdrop" data-dismiss></div>
+
+  <div class="modal-sheet max-h-modal-shell overflow-hidden flex flex-col w-full max-w-2xl" tabindex="-1">
+    <div class="modal-header">
+      <h2 id="embedVideoModalTitle" class="text-xl font-bold text-text">Embed Video</h2>
+      <button
+        id="closeEmbedVideoModal"
+        class="modal-close"
+        type="button"
+        aria-label="Close embed modal"
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="h-6 w-6"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+        >
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            d="M6 18L18 6M6 6l12 12"
+          />
+        </svg>
+      </button>
+    </div>
+
+    <div class="modal-body space-y-6 overflow-y-auto flex-1 min-h-0 custom-scrollbar p-6">
+      <p id="embedVideoModalDescription" class="text-sm text-muted">
+        Generate an embed snippet to share this video on other sites.
+      </p>
+
+      <fieldset class="space-y-3">
+        <legend class="text-sm font-semibold text-text">Playback source</legend>
+        <div class="form-control" role="radiogroup" aria-labelledby="embedVideoModalTitle">
+          <div class="menu sm:flex-row sm:flex-wrap sm:py-0" role="presentation">
+            <label class="menu__item gap-3 px-0 py-0" for="embedVideoSourceCdn">
+              <input
+                type="radio"
+                name="embedVideoSource"
+                id="embedVideoSourceCdn"
+                value="url"
+                class="h-4 w-4 border-border bg-panel text-accent focus:ring-accent"
+              />
+              <span class="text-sm text-text">CDN (URL first)</span>
+            </label>
+            <label class="menu__item gap-3 px-0 py-0" for="embedVideoSourceP2p">
+              <input
+                type="radio"
+                name="embedVideoSource"
+                id="embedVideoSourceP2p"
+                value="torrent"
+                class="h-4 w-4 border-border bg-panel text-accent focus:ring-accent"
+              />
+              <span class="text-sm text-text">P2P (Magnet)</span>
+            </label>
+          </div>
+        </div>
+      </fieldset>
+
+      <div class="grid gap-4 sm:grid-cols-2">
+        <div class="space-y-2">
+          <label for="embedVideoWidth" class="block text-sm font-medium text-text">Width</label>
+          <input
+            id="embedVideoWidth"
+            type="number"
+            class="input"
+            min="200"
+            step="1"
+            value="640"
+          />
+        </div>
+        <div class="space-y-2">
+          <label for="embedVideoHeight" class="block text-sm font-medium text-text">Height</label>
+          <input
+            id="embedVideoHeight"
+            type="number"
+            class="input"
+            min="200"
+            step="1"
+            value="360"
+          />
+        </div>
+      </div>
+
+      <div class="space-y-2">
+        <label for="embedVideoSnippet" class="block text-sm font-medium text-text">
+          Embed snippet
+        </label>
+        <textarea
+          id="embedVideoSnippet"
+          rows="5"
+          class="textarea"
+          readonly
+        ></textarea>
+        <p class="text-xs text-muted">
+          Paste this HTML into your page. Adjust the size to fit your layout.
+        </p>
+        <p id="embedVideoStatus" class="text-xs text-muted" role="status" aria-live="polite">
+          Embed snippet ready.
+        </p>
+      </div>
+    </div>
+
+    <div class="modal-footer flex flex-col gap-3 border-t border-border bg-panel/30 p-4 sm:flex-row sm:items-center sm:justify-between">
+      <button id="cancelEmbedVideo" type="button" class="btn-ghost">
+        Close
+      </button>
+      <button id="copyEmbedVideo" type="button" class="btn-primary">
+        Copy
+      </button>
+    </div>
+  </div>
+</div>
diff --git a/dist/components/feature-request-form.html b/dist/components/feature-request-form.html
new file mode 100644
index 00000000..4d152a32
--- /dev/null
+++ b/dist/components/feature-request-form.html
@@ -0,0 +1,55 @@
+<!-- components/feature-request-form.html
+//    https://bitvid.network?modal=feature => open featureRequestModal
+-->
+<div
+  id="featureRequestModal"
+  class="bv-modal hidden items-start justify-center"
+  role="dialog"
+  aria-modal="true"
+  aria-labelledby="featureRequestModalTitle"
+  aria-describedby="featureRequestModalDescription"
+  data-ds="new"
+>
+  <div class="bv-modal-backdrop" data-dismiss></div>
+
+  <div class="bv-modal__panel modal-sheet max-h-modal-shell overflow-y-auto" tabindex="-1">
+    <!-- Header bar (sticky) with updated title styling -->
+    <div class="modal-header">
+      <h2
+        id="featureRequestModalTitle"
+        class="pb-2 text-3xl font-extrabold tracking-wide text-text"
+      >
+        Feature Request Form
+      </h2>
+      <button
+        id="closeFeatureRequestModal"
+        class="modal-close"
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="h-6 w-6"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+        >
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            d="M6 18L18 6M6 6l12 12"
+          />
+        </svg>
+      </button>
+    </div>
+
+    <div id="featureRequestModalDescription" class="modal-body">
+      <div class="modal-embed-frame">
+        <iframe
+          src="./components/iframe_forms/iframe-request-form.html"
+          class="h-full w-full rounded-lg border border-border/30 shadow-sm"
+          frameborder="0"
+        ></iframe>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/dist/components/general-feedback-form.html b/dist/components/general-feedback-form.html
new file mode 100644
index 00000000..8e73e600
--- /dev/null
+++ b/dist/components/general-feedback-form.html
@@ -0,0 +1,59 @@
+<!-- components/content-appeals-form.html
+//    https://bitvid.network?modal=feedback => open generalFeedbackModal
+//
+//    Admin: npub13yarr7j6vjqjjkahd63dmr27curypehx45ucue286ac7sft27y0srnpmpe
+//    Form:
+//    Responses:
+-->
+<div
+  id="generalFeedbackModal"
+  class="bv-modal hidden items-start justify-center"
+  role="dialog"
+  aria-modal="true"
+  aria-labelledby="generalFeedbackModalTitle"
+  aria-describedby="generalFeedbackModalDescription"
+  data-ds="new"
+>
+  <div class="bv-modal-backdrop" data-dismiss></div>
+
+  <div class="bv-modal__panel modal-sheet max-h-modal-shell overflow-y-auto" tabindex="-1">
+    <!-- Header bar (sticky) with updated title styling -->
+    <div class="modal-header">
+      <h2
+        id="generalFeedbackModalTitle"
+        class="pb-2 text-3xl font-extrabold tracking-wide text-text"
+      >
+        General Feedback Form
+      </h2>
+      <button
+        id="closeGeneralFeedbackModal"
+        class="modal-close"
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="h-6 w-6"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+        >
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            d="M6 18L18 6M6 6l12 12"
+          />
+        </svg>
+      </button>
+    </div>
+
+    <div id="generalFeedbackModalDescription" class="modal-body">
+      <div class="modal-embed-frame">
+        <iframe
+          src="./components/iframe_forms/iframe-feedback-form.html"
+          class="h-full w-full rounded-lg border border-border/30 shadow-sm"
+          frameborder="0"
+        ></iframe>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/dist/components/iframe_forms/iframe-application-form.html b/dist/components/iframe_forms/iframe-application-form.html
new file mode 100644
index 00000000..9f3dc0e4
--- /dev/null
+++ b/dist/components/iframe_forms/iframe-application-form.html
@@ -0,0 +1,489 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>bitvid Whitelist Application Form</title>
+    <script type="module" src="./theme-sync.js"></script>
+    <!-- Link to your main stylesheet -->
+
+    <link rel="stylesheet" href="../../css/tailwind.generated.css" />
+    <!-- Load nostr‑tools v2.17.0 -->
+    <script src="https://cdn.jsdelivr.net/npm/nostr-tools@2.17.0/lib/nostr.bundle.min.js"></script>
+  </head>
+  <body class="iframe-form" data-ds="new">
+    <div class="container">
+      <div class="form-container">
+        <p>
+          bitvid is currently in early access. If you would like to request
+          access, please fill out this application. Applications will be
+          reviewed manually, and approvals will be based on alignment with
+          bitvid’s community values.
+        </p>
+        <form id="wl-form">
+          <!-- 1. Applicant Information -->
+          <h2>1. Applicant Information</h2>
+          <label for="applicantNpub">Nostr Public Key (npub):</label>
+          <input
+            class="form-control"
+            type="text"
+            id="applicantNpub"
+            placeholder="Enter your npub"
+            required
+          />
+
+          <label for="contactMethod"
+            >Preferred Contact Method (if applicable):</label
+          >
+          <input
+            class="form-control"
+            type="text"
+            id="contactMethod"
+            placeholder="Nostr DM, email, or other"
+          />
+
+          <label for="username">Username or Alias (if applicable):</label>
+          <input
+            class="form-control"
+            type="text"
+            id="username"
+            placeholder="Enter your preferred name"
+          />
+
+          <!-- 2. Content Intent -->
+          <h2>2. Content Intent</h2>
+          <p>
+            What type of content do you plan to upload? (Check all that apply)
+          </p>
+          <div class="checkbox-group">
+            <label
+              ><input
+                class="checkbox"
+                type="checkbox"
+                name="contentType"
+                value="Educational"
+              />
+              Educational</label
+            >
+            <label
+              ><input
+                class="checkbox"
+                type="checkbox"
+                name="contentType"
+                value="Entertainment"
+              />
+              Entertainment</label
+            >
+            <label
+              ><input
+                class="checkbox"
+                type="checkbox"
+                name="contentType"
+                value="News & Journalism"
+              />
+              News & Journalism</label
+            >
+            <label
+              ><input
+                class="checkbox"
+                type="checkbox"
+                name="contentType"
+                value="Creative Works"
+              />
+              Creative Works</label
+            >
+            <label
+              ><input
+                class="checkbox"
+                type="checkbox"
+                name="contentType"
+                value="Discussions & Opinions"
+              />
+              Discussions & Opinions</label
+            >
+            <label
+              ><input
+                class="checkbox"
+                type="checkbox"
+                name="contentType"
+                value="Other"
+              />
+              Other</label
+            >
+          </div>
+          <label for="otherContent">Other (please specify):</label>
+          <input
+            class="form-control"
+            type="text"
+            id="otherContent"
+            placeholder="Describe if Other was selected"
+          />
+
+          <label for="whyJoin">Why do you want to join bitvid?</label>
+          <textarea
+            class="textarea"
+            id="whyJoin"
+            rows="3"
+            placeholder="Explain your motivation"
+          ></textarea>
+
+          <label for="priorExperience"
+            >Have you created content on other platforms before?</label
+          >
+          <select class="select" id="priorExperience">
+            <option value="">Select an option</option>
+            <option value="Yes">Yes</option>
+            <option value="No">No</option>
+          </select>
+
+          <label for="experienceLinks"
+            >If yes, provide links or references to your previous work:</label
+          >
+          <textarea
+            class="textarea"
+            id="experienceLinks"
+            rows="2"
+            placeholder="Paste links or describe your work"
+          ></textarea>
+
+          <!-- 3. Community Engagement -->
+          <h2>3. Community Engagement</h2>
+          <label for="familiarGuidelines"
+            >Are you familiar with bitvid’s Community Guidelines?</label
+          >
+          <select class="select" id="familiarGuidelines">
+            <option value="">Select an option</option>
+            <option value="Yes">Yes</option>
+            <option value="No">No</option>
+          </select>
+
+          <label for="agreeGuidelines"
+            >Do you agree to follow the guidelines and respect decentralized
+            moderation?</label
+          >
+          <select class="select" id="agreeGuidelines">
+            <option value="">Select an option</option>
+            <option value="Yes">Yes</option>
+            <option value="No">No</option>
+          </select>
+
+          <label for="communityContribution"
+            >How do you plan to contribute positively to the bitvid
+            community?</label
+          >
+          <textarea
+            class="textarea"
+            id="communityContribution"
+            rows="3"
+            placeholder="Explain your approach"
+          ></textarea>
+
+          <!-- 4. Additional Information -->
+          <h2>4. Additional Information</h2>
+          <label for="specialSkills"
+            >Do you have any special skills or interests that could help improve
+            bitvid?</label
+          >
+          <textarea
+            class="textarea"
+            id="specialSkills"
+            rows="3"
+            placeholder="e.g., software development, moderation, design, advocacy"
+          ></textarea>
+
+          <label for="testFeatures"
+            >Would you be interested in helping test new features?</label
+          >
+          <select class="select" id="testFeatures">
+            <option value="">Select an option</option>
+            <option value="Yes">Yes</option>
+            <option value="No">No</option>
+          </select>
+
+          <!-- 5. Declaration -->
+          <h2>5. Declaration</h2>
+          <p>
+            By submitting this application, you confirm that:
+            <br />- The information provided is accurate. <br />- You understand
+            that approval is based on community alignment and available
+            capacity. <br />- You acknowledge that whitelist status may be
+            revoked if guidelines are violated.
+          </p>
+          <label for="signature">Signature (Digital or Written):</label>
+          <input
+            class="form-control"
+            type="text"
+            id="signature"
+            placeholder="Your signature"
+          />
+
+          <label for="declarationDate">Date:</label>
+          <input class="form-control" type="date" id="declarationDate" />
+
+          <button class="btn" type="submit">Submit Application</button>
+        </form>
+        <div id="status"></div>
+      </div>
+    </div>
+    <script>
+      // Provide no-op fallback loggers so embeds stay functional if bitvidLogger is unavailable.
+      const noopLogger = {
+        log: () => {},
+        info: () => {},
+        warn: () => {},
+        error: () => {},
+      };
+      const dev = window.bitvidLogger?.dev || noopLogger;
+      const user = window.bitvidLogger?.user || noopLogger;
+
+      document.addEventListener("DOMContentLoaded", () => {
+        // Logging functions for both on-page and console output.
+        function log(msg, type = "info") {
+          const div = document.createElement("div");
+          div.classList.add("status-line");
+          if (type === "error") div.classList.add("error");
+          if (type === "success") div.classList.add("success");
+          if (type === "warn") div.classList.add("warn");
+          div.textContent = msg;
+          document.getElementById("status").appendChild(div);
+          const formatted = `[${type.toUpperCase()}] ${msg}`;
+          if (type === "error") {
+            user.error(formatted);
+          } else if (type === "warn") {
+            user.warn(formatted);
+          } else if (type === "success") {
+            user.log(formatted);
+          } else if (type === "info") {
+            dev.info(formatted);
+          } else {
+            dev.log(formatted);
+          }
+        }
+        function clear() {
+          document.getElementById("status").innerHTML = "";
+        }
+        if (!window.NostrTools) {
+          log("NostrTools not loaded. Check console or ad-blockers.", "error");
+          return;
+        }
+        const {
+          generateSecretKey,
+          getPublicKey,
+          finalizeEvent,
+          nip04,
+          nip19,
+          SimplePool,
+          Relay,
+        } = window.NostrTools;
+
+        // Set the recipient's NPUB (your personal NPUB) here.
+        const recipientNpub =
+          "npub13yarr7j6vjqjjkahd63dmr27curypehx45ucue286ac7sft27y0srnpmpe";
+        const RELAYS = [
+          "wss://relay.snort.social",
+          "wss://relay.damus.io",
+          "wss://relay.primal.net",
+        ];
+        const pool = new SimplePool();
+
+        document
+          .getElementById("wl-form")
+          .addEventListener("submit", async (ev) => {
+            ev.preventDefault();
+            clear();
+            try {
+              // Retrieve applicant-provided input.
+              const applicantNpub = document
+                .getElementById("applicantNpub")
+                .value.trim();
+              const contactMethod = document
+                .getElementById("contactMethod")
+                .value.trim();
+              const username = document.getElementById("username").value.trim();
+
+              // Section 2: Content Intent
+              // Get all checked content types
+              const contentTypeNodes = document.querySelectorAll(
+                'input[name="contentType"]:checked'
+              );
+              let contentTypes = [];
+              contentTypeNodes.forEach((node) => {
+                contentTypes.push(node.value);
+              });
+              const otherContent = document
+                .getElementById("otherContent")
+                .value.trim();
+              const whyJoin = document.getElementById("whyJoin").value.trim();
+              const priorExperience = document
+                .getElementById("priorExperience")
+                .value.trim();
+              const experienceLinks = document
+                .getElementById("experienceLinks")
+                .value.trim();
+
+              // Section 3: Community Engagement
+              const familiarGuidelines = document
+                .getElementById("familiarGuidelines")
+                .value.trim();
+              const agreeGuidelines = document
+                .getElementById("agreeGuidelines")
+                .value.trim();
+              const communityContribution = document
+                .getElementById("communityContribution")
+                .value.trim();
+
+              // Section 4: Additional Information
+              const specialSkills = document
+                .getElementById("specialSkills")
+                .value.trim();
+              const testFeatures = document
+                .getElementById("testFeatures")
+                .value.trim();
+
+              // Section 5: Declaration
+              const signature = document
+                .getElementById("signature")
+                .value.trim();
+              const declarationDate = document
+                .getElementById("declarationDate")
+                .value.trim();
+
+              // Construct the whitelist application content.
+              const applicationContent = `
+# **bitvid Whitelist Application Form**
+
+**1. Applicant Information**
+- **Nostr Public Key (npub):** ${applicantNpub}
+- **Preferred Contact Method:** ${contactMethod || "N/A"}
+- **Username or Alias:** ${username || "N/A"}
+
+**2. Content Intent**
+- **Planned Content Types:** ${contentTypes.join(", ") || "N/A"}
+- **Other (if applicable):** ${otherContent || "N/A"}
+- **Why do you want to join bitvid?**  
+  ${whyJoin || "N/A"}
+- **Have you created content on other platforms before?** ${
+                priorExperience || "N/A"
+              }
+- **Links or references to your previous work:**  
+  ${experienceLinks || "N/A"}
+
+**3. Community Engagement**
+- **Familiar with bitvid’s Community Guidelines?** ${
+                familiarGuidelines || "N/A"
+              }
+- **Agree to follow guidelines and respect moderation?** ${
+                agreeGuidelines || "N/A"
+              }
+- **How do you plan to contribute to the community?**  
+  ${communityContribution || "N/A"}
+
+**4. Additional Information**
+- **Special skills or interests:**  
+  ${specialSkills || "N/A"}
+- **Interested in testing new features?** ${testFeatures || "N/A"}
+
+**5. Declaration**
+By submitting this application, you confirm that:
+- The information provided is accurate.
+- You understand that approval is based on community alignment and available capacity.
+- You acknowledge that whitelist status may be revoked if guidelines are violated.
+
+**Signature (Digital or Written):** ${signature || "N/A"}
+**Date:** ${declarationDate || "N/A"}
+
+---
+
+**Processing Time:** Applications will be reviewed within **7-14 days**. If approved, you will receive a confirmation via your provided contact method. If additional information is needed, we will reach out.
+
+For further questions, contact us through bitvid’s Nostr support channels.
+            `.trim();
+
+              log(
+                "[DEBUG] Constructed application content:\n" +
+                  applicationContent
+              );
+
+              // Decode the recipient NPUB to get the public key.
+              log("Decoding recipient npub...");
+              const decoded = nip19.decode(recipientNpub);
+              log("[DEBUG] Decoded npub: " + JSON.stringify(decoded));
+              if (decoded.type !== "npub") {
+                throw new Error("Decoded type is not npub.");
+              }
+              const targetPubHex = decoded.data;
+              log("Recipient pubkey: " + targetPubHex.slice(0, 16) + "...");
+
+              // Generate an ephemeral key pair.
+              log("Generating ephemeral key...");
+              const ephemeralPriv = generateSecretKey();
+              const ephemeralPubHex = getPublicKey(ephemeralPriv);
+              log("Ephemeral pubkey: " + ephemeralPubHex.slice(0, 16) + "...");
+
+              // Encrypt the application content.
+              log("Encrypting application content (nip04)...");
+              const ciphertext = await nip04.encrypt(
+                ephemeralPriv,
+                targetPubHex,
+                applicationContent
+              );
+              log("[DEBUG] Ciphertext: " + ciphertext);
+              log("Encryption done.");
+
+              // Build the Nostr event template.
+              const now = Math.floor(Date.now() / 1000);
+              const eventTemplate = {
+                kind: 4,
+                created_at: now,
+                tags: [["p", targetPubHex]],
+                content: ciphertext,
+              };
+              log(
+                "[DEBUG] Event template before finalizing: " +
+                  JSON.stringify(eventTemplate)
+              );
+
+              // Finalize the event (computing the id and signature).
+              const event = finalizeEvent(eventTemplate, ephemeralPriv);
+              log("[DEBUG] Final event: " + JSON.stringify(event));
+
+              // Publish the event to all relays.
+              log("Publishing the application to relays...");
+              await Promise.any(pool.publish(RELAYS, event));
+              log("At least one relay accepted the event.", "success");
+
+              // For each relay, subscribe to verify the event appears.
+              for (const url of RELAYS) {
+                log("Connecting to " + url + " for subscription...");
+                const relay = await Relay.connect(url);
+                relay.subscribe([{ authors: [ephemeralPubHex], kinds: [4] }], {
+                  onEvent(foundEvent) {
+                    if (foundEvent.id === event.id) {
+                      log(
+                        "[" +
+                          url +
+                          "] => Found our application in storage! ID: " +
+                          foundEvent.id.slice(0, 8) +
+                          "...",
+                        "success"
+                      );
+                    }
+                  },
+                  onEose() {
+                    relay.close();
+                  },
+                });
+              }
+
+              log(
+                "Done. If the logs show that at least one relay accepted the event and the application was found in storage, a moderator will review your application within 7-14 days."
+              );
+            } catch (err) {
+              log("Error: " + err.message, "error");
+              user.error(err);
+            }
+          });
+      });
+    </script>
+    <div id="uiOverlay" data-overlay-root aria-hidden="true"></div>
+  </body>
+</html>
diff --git a/dist/components/iframe_forms/iframe-bug-fix-form.html b/dist/components/iframe_forms/iframe-bug-fix-form.html
new file mode 100644
index 00000000..69109d01
--- /dev/null
+++ b/dist/components/iframe_forms/iframe-bug-fix-form.html
@@ -0,0 +1,469 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>bitvid Bug Report Form</title>
+    <script type="module" src="./theme-sync.js"></script>
+    <!-- Link to your main stylesheet -->
+    <link rel="stylesheet" href="../../css/tailwind.generated.css" />
+    <!-- Load nostr‑tools v2.17.0 -->
+    <script src="https://cdn.jsdelivr.net/npm/nostr-tools@2.17.0/lib/nostr.bundle.min.js"></script>
+  </head>
+  <body class="iframe-form" data-ds="new">
+    <div class="container">
+      <div class="form-container">
+        <p>
+          If you have encountered a bug or technical issue on bitvid, please
+          fill out this form to help us diagnose and resolve the problem.
+          Providing detailed information will assist us in troubleshooting more
+          efficiently.
+        </p>
+        <form id="bug-form">
+          <!-- Section 1: User Information -->
+          <h2>1. User Information</h2>
+          <label for="userNpub">Nostr Public Key (npub) (optional):</label>
+          <input
+            class="form-control"
+            type="text"
+            id="userNpub"
+            placeholder="Enter your npub (optional)"
+          />
+          <p>Are you a (check all that apply):</p>
+          <div class="checkbox-group">
+            <label
+              ><input
+                class="checkbox"
+                type="checkbox"
+                name="userRole"
+                value="Viewer"
+              />
+              Viewer</label
+            >
+            <label
+              ><input
+                class="checkbox"
+                type="checkbox"
+                name="userRole"
+                value="Content Creator"
+              />
+              Content Creator</label
+            >
+            <label
+              ><input
+                class="checkbox"
+                type="checkbox"
+                name="userRole"
+                value="Developer/Contributor"
+              />
+              Developer / Contributor</label
+            >
+          </div>
+
+          <!-- Section 2: Bug Details -->
+          <h2>2. Bug Details</h2>
+          <label for="issueDescription">Describe the issue:</label>
+          <textarea
+            class="textarea"
+            id="issueDescription"
+            rows="3"
+            placeholder="Provide a clear and concise description of the problem"
+          ></textarea>
+          <label for="stepsToReproduce">Steps to reproduce the bug:</label>
+          <textarea
+            class="textarea"
+            id="stepsToReproduce"
+            rows="3"
+            placeholder="List the actions taken before encountering the issue"
+          ></textarea>
+          <label for="expectedBehavior">Expected behavior:</label>
+          <textarea
+            class="textarea"
+            id="expectedBehavior"
+            rows="2"
+            placeholder="What should have happened instead?"
+          ></textarea>
+          <label for="actualBehavior">Actual behavior:</label>
+          <textarea
+            class="textarea"
+            id="actualBehavior"
+            rows="2"
+            placeholder="What actually happened?"
+          ></textarea>
+
+          <!-- Section 3: Device & Environment -->
+          <h2>3. Device &amp; Environment</h2>
+          <p>What device were you using? (check all that apply):</p>
+          <div class="checkbox-group">
+            <label
+              ><input
+                class="checkbox"
+                type="checkbox"
+                name="deviceUsed"
+                value="Desktop"
+              />
+              Desktop</label
+            >
+            <label
+              ><input
+                class="checkbox"
+                type="checkbox"
+                name="deviceUsed"
+                value="Mobile"
+              />
+              Mobile</label
+            >
+            <label
+              ><input
+                class="checkbox"
+                type="checkbox"
+                name="deviceUsed"
+                value="Tablet"
+              />
+              Tablet</label
+            >
+          </div>
+          <label for="operatingSystem">Operating System:</label>
+          <input
+            class="form-control"
+            type="text"
+            id="operatingSystem"
+            placeholder="e.g., Windows, macOS, Linux, iOS, Android"
+          />
+          <label for="browserInfo">Browser (if applicable):</label>
+          <input
+            class="form-control"
+            type="text"
+            id="browserInfo"
+            placeholder="e.g., Chrome, Firefox, Safari"
+          />
+          <label for="usingVPN"
+            >Are you using a VPN or privacy-focused browser settings?</label
+          >
+          <select class="select" id="usingVPN">
+            <option value="">Select an option</option>
+            <option value="Yes">Yes</option>
+            <option value="No">No</option>
+          </select>
+
+          <!-- Section 4: Screenshots or Logs -->
+          <h2>4. Screenshots or Logs (If Available)</h2>
+          <label for="screenshotInfo"
+            >Can you provide a screenshot or screen recording?</label
+          >
+          <textarea
+            class="textarea"
+            id="screenshotInfo"
+            rows="2"
+            placeholder="Attach if possible (e.g., URL to screenshot)"
+          ></textarea>
+          <label for="errorMessages"
+            >Did the issue generate any error messages?</label
+          >
+          <textarea
+            class="textarea"
+            id="errorMessages"
+            rows="2"
+            placeholder="Include the exact error messages, if any"
+          ></textarea>
+          <label for="consoleLogs">Any relevant console logs?</label>
+          <textarea
+            class="textarea"
+            id="consoleLogs"
+            rows="2"
+            placeholder="Paste any browser console logs if available"
+          ></textarea>
+
+          <!-- Section 5: Additional Information -->
+          <h2>5. Additional Information</h2>
+          <label for="bugFrequency">How frequently does this bug occur?</label>
+          <select class="select" id="bugFrequency">
+            <option value="">Select an option</option>
+            <option value="Every time">Every time</option>
+            <option value="Occasionally">Occasionally</option>
+            <option value="Rarely">Rarely</option>
+          </select>
+          <label for="impactCore"
+            >Does this bug impact core functionality (e.g., video playback,
+            uploads, etc.)?</label
+          >
+          <select class="select" id="impactCore">
+            <option value="">Select an option</option>
+            <option value="Yes">Yes</option>
+            <option value="No">No</option>
+          </select>
+          <label for="additionalNotes"
+            >Any additional notes or suggestions?</label
+          >
+          <textarea
+            class="textarea"
+            id="additionalNotes"
+            rows="3"
+            placeholder="Describe any other relevant details"
+          ></textarea>
+
+          <button class="btn" type="submit">Submit Bug Report</button>
+        </form>
+        <div id="status"></div>
+      </div>
+    </div>
+    <script>
+      // Provide no-op fallback loggers so embeds stay functional if bitvidLogger is unavailable.
+      const noopLogger = {
+        log: () => {},
+        info: () => {},
+        warn: () => {},
+        error: () => {},
+      };
+      const dev = window.bitvidLogger?.dev || noopLogger;
+      const user = window.bitvidLogger?.user || noopLogger;
+
+      document.addEventListener("DOMContentLoaded", () => {
+        // Logging functions for both on-page and console output.
+        function log(msg, type = "info") {
+          const div = document.createElement("div");
+          div.classList.add("status-line");
+          if (type === "error") div.classList.add("error");
+          if (type === "success") div.classList.add("success");
+          if (type === "warn") div.classList.add("warn");
+          div.textContent = msg;
+          document.getElementById("status").appendChild(div);
+          const formatted = `[${type.toUpperCase()}] ${msg}`;
+          if (type === "error") {
+            user.error(formatted);
+          } else if (type === "warn") {
+            user.warn(formatted);
+          } else if (type === "success") {
+            user.log(formatted);
+          } else if (type === "info") {
+            dev.info(formatted);
+          } else {
+            dev.log(formatted);
+          }
+        }
+        function clear() {
+          document.getElementById("status").innerHTML = "";
+        }
+        if (!window.NostrTools) {
+          log("NostrTools not loaded. Check console or ad-blockers.", "error");
+          return;
+        }
+        const {
+          generateSecretKey,
+          getPublicKey,
+          finalizeEvent,
+          nip04,
+          nip19,
+          SimplePool,
+          Relay,
+        } = window.NostrTools;
+
+        // Set the recipient's NPUB (your personal NPUB)
+        const recipientNpub =
+          "npub13yarr7j6vjqjjkahd63dmr27curypehx45ucue286ac7sft27y0srnpmpe";
+        const RELAYS = [
+          "wss://relay.snort.social",
+          "wss://relay.damus.io",
+          "wss://relay.primal.net",
+        ];
+        const pool = new SimplePool();
+
+        document
+          .getElementById("bug-form")
+          .addEventListener("submit", async (ev) => {
+            ev.preventDefault();
+            clear();
+            try {
+              // Section 1: User Information
+              const userNpub = document.getElementById("userNpub").value.trim();
+              const roleNodes = document.querySelectorAll(
+                'input[name="userRole"]:checked'
+              );
+              let userRoles = [];
+              roleNodes.forEach((node) => {
+                userRoles.push(node.value);
+              });
+
+              // Section 2: Bug Details
+              const issueDescription = document
+                .getElementById("issueDescription")
+                .value.trim();
+              const stepsToReproduce = document
+                .getElementById("stepsToReproduce")
+                .value.trim();
+              const expectedBehavior = document
+                .getElementById("expectedBehavior")
+                .value.trim();
+              const actualBehavior = document
+                .getElementById("actualBehavior")
+                .value.trim();
+
+              // Section 3: Device & Environment
+              const deviceNodes = document.querySelectorAll(
+                'input[name="deviceUsed"]:checked'
+              );
+              let devicesUsed = [];
+              deviceNodes.forEach((node) => {
+                devicesUsed.push(node.value);
+              });
+              const operatingSystem = document
+                .getElementById("operatingSystem")
+                .value.trim();
+              const browserInfo = document
+                .getElementById("browserInfo")
+                .value.trim();
+              const usingVPN = document.getElementById("usingVPN").value.trim();
+
+              // Section 4: Screenshots or Logs
+              const screenshotInfo = document
+                .getElementById("screenshotInfo")
+                .value.trim();
+              const errorMessages = document
+                .getElementById("errorMessages")
+                .value.trim();
+              const consoleLogs = document
+                .getElementById("consoleLogs")
+                .value.trim();
+
+              // Section 5: Additional Information
+              const bugFrequency = document
+                .getElementById("bugFrequency")
+                .value.trim();
+              const impactCore = document
+                .getElementById("impactCore")
+                .value.trim();
+              const additionalNotes = document
+                .getElementById("additionalNotes")
+                .value.trim();
+
+              // Construct the bug report content as Markdown.
+              const bugReportContent = `
+# **bitvid Bug Report Form**
+
+If you have encountered a bug or technical issue on bitvid, please fill out this form to help us diagnose and resolve the problem. Providing detailed information will assist us in troubleshooting more efficiently.
+
+## **1. User Information**
+- **Nostr Public Key (npub) (optional):** ${userNpub || "N/A"}
+- **Roles:** ${userRoles.length > 0 ? userRoles.join(", ") : "N/A"}
+
+## **2. Bug Details**
+- **Describe the issue:**  
+  ${issueDescription || "N/A"}
+- **Steps to reproduce the bug:**  
+  ${stepsToReproduce || "N/A"}
+- **Expected behavior:**  
+  ${expectedBehavior || "N/A"}
+- **Actual behavior:**  
+  ${actualBehavior || "N/A"}
+
+## **3. Device & Environment**
+- **Devices used:** ${devicesUsed.length > 0 ? devicesUsed.join(", ") : "N/A"}
+- **Operating System:** ${operatingSystem || "N/A"}
+- **Browser:** ${browserInfo || "N/A"}
+- **Using VPN/Privacy Settings:** ${usingVPN || "N/A"}
+
+## **4. Screenshots or Logs**
+- **Screenshot/Recording:** ${screenshotInfo || "N/A"}
+- **Error Messages:** ${errorMessages || "N/A"}
+- **Console Logs:** ${consoleLogs || "N/A"}
+
+## **5. Additional Information**
+- **Bug Frequency:** ${bugFrequency || "N/A"}
+- **Impact on Core Functionality:** ${impactCore || "N/A"}
+- **Additional Notes:** ${additionalNotes || "N/A"}
+
+---
+
+**Processing & Resolution:**  
+Our team reviews bug reports regularly. While we aim to fix critical issues as soon as possible, some bugs may take longer to resolve. We appreciate your patience and help in improving bitvid!
+
+For urgent issues, contact us through bitvid’s Nostr support channels.
+            `.trim();
+
+              log(
+                "[DEBUG] Constructed bug report content:\n" + bugReportContent
+              );
+
+              // Decode the recipient NPUB to get the public key.
+              log("Decoding recipient npub...");
+              const decoded = nip19.decode(recipientNpub);
+              log("[DEBUG] Decoded npub: " + JSON.stringify(decoded));
+              if (decoded.type !== "npub") {
+                throw new Error("Decoded type is not npub.");
+              }
+              const targetPubHex = decoded.data;
+              log("Recipient pubkey: " + targetPubHex.slice(0, 16) + "...");
+
+              // Generate an ephemeral key pair.
+              log("Generating ephemeral key...");
+              const ephemeralPriv = generateSecretKey();
+              const ephemeralPubHex = getPublicKey(ephemeralPriv);
+              log("Ephemeral pubkey: " + ephemeralPubHex.slice(0, 16) + "...");
+
+              // Encrypt the bug report content.
+              log("Encrypting bug report content (nip04)...");
+              const ciphertext = await nip04.encrypt(
+                ephemeralPriv,
+                targetPubHex,
+                bugReportContent
+              );
+              log("[DEBUG] Ciphertext: " + ciphertext);
+              log("Encryption done.");
+
+              // Build the event template.
+              const now = Math.floor(Date.now() / 1000);
+              const eventTemplate = {
+                kind: 4,
+                created_at: now,
+                tags: [["p", targetPubHex]],
+                content: ciphertext,
+              };
+              log(
+                "[DEBUG] Event template before finalizing: " +
+                  JSON.stringify(eventTemplate)
+              );
+
+              // Finalize the event.
+              const event = finalizeEvent(eventTemplate, ephemeralPriv);
+              log("[DEBUG] Final event: " + JSON.stringify(event));
+
+              // Publish the event to all relays.
+              log("Publishing the bug report to relays...");
+              await Promise.any(pool.publish(RELAYS, event));
+              log("At least one relay accepted the event.", "success");
+
+              // Subscribe to each relay.
+              for (const url of RELAYS) {
+                log("Connecting to " + url + " for subscription...");
+                const relay = await Relay.connect(url);
+                relay.subscribe([{ authors: [ephemeralPubHex], kinds: [4] }], {
+                  onEvent(foundEvent) {
+                    if (foundEvent.id === event.id) {
+                      log(
+                        "[" +
+                          url +
+                          "] => Found our bug report in storage! ID: " +
+                          foundEvent.id.slice(0, 8) +
+                          "...",
+                        "success"
+                      );
+                    }
+                  },
+                  onEose() {
+                    relay.close();
+                  },
+                });
+              }
+
+              log(
+                "Done. If the logs show that at least one relay accepted the event and the bug report was found in storage, our team will review your report within 7-14 days."
+              );
+            } catch (err) {
+              log("Error: " + err.message, "error");
+              user.error(err);
+            }
+          });
+      });
+    </script>
+    <div id="uiOverlay" data-overlay-root aria-hidden="true"></div>
+  </body>
+</html>
diff --git a/dist/components/iframe_forms/iframe-content-appeals-form.html b/dist/components/iframe_forms/iframe-content-appeals-form.html
new file mode 100644
index 00000000..56c2a228
--- /dev/null
+++ b/dist/components/iframe_forms/iframe-content-appeals-form.html
@@ -0,0 +1,385 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>bitvid Content Appeals Form</title>
+    <script type="module" src="./theme-sync.js"></script>
+    <!-- Link to your main stylesheet -->
+    <link rel="stylesheet" href="../../css/tailwind.generated.css" />
+    <!-- Load nostr‑tools v2.17.0 -->
+    <script src="https://cdn.jsdelivr.net/npm/nostr-tools@2.17.0/lib/nostr.bundle.min.js"></script>
+  </head>
+  <body class="iframe-form" data-ds="new">
+    <div class="container">
+      <div class="form-container">
+        <p>
+          If you believe your content was unfairly blocked or restricted on
+          bitvid, please complete this form. Appeals will be reviewed manually,
+          and decisions will be communicated back to you.
+        </p>
+        <form id="dm-form">
+          <!-- NPUB input removed as the recipient is now set by the code -->
+          <h2>1. User Information</h2>
+          <label for="contactMethod">Contact Method (if applicable):</label>
+          <input
+            class="form-control"
+            type="text"
+            id="contactMethod"
+            placeholder="Nostr DM, email, or other"
+          />
+
+          <h2>2. Content Details</h2>
+          <label for="videoTitle">Title of the Video:</label>
+          <input
+            class="form-control"
+            type="text"
+            id="videoTitle"
+            placeholder="Enter the exact title"
+          />
+
+          <label for="magnetLink">Magnet Link:</label>
+          <input
+            class="form-control"
+            type="text"
+            id="magnetLink"
+            placeholder="Enter the magnet link"
+          />
+
+          <label for="submissionDate">Date of Content Submission:</label>
+          <input class="form-control" type="date" id="submissionDate" />
+
+          <h2>3. Reason for Appeal</h2>
+          <label for="reasonBlocked"
+            >Why do you believe your content was unfairly blocked?</label
+          >
+          <textarea
+            class="textarea"
+            id="reasonBlocked"
+            rows="3"
+            placeholder="Explain in detail"
+          ></textarea>
+
+          <label for="fitsGuidelines"
+            >Does your content fit within bitvid's Community Guidelines?</label
+          >
+          <select class="select" id="fitsGuidelines">
+            <option value="">Select an option</option>
+            <option value="Yes">Yes</option>
+            <option value="No">No</option>
+          </select>
+
+          <label for="guidelinesCited"
+            >If yes, which guideline(s) support your appeal?</label
+          >
+          <textarea
+            class="textarea"
+            id="guidelinesCited"
+            rows="2"
+            placeholder="Cite the specific guidelines"
+          ></textarea>
+
+          <label for="editedContent"
+            >Was this content edited after being blocked?</label
+          >
+          <select class="select" id="editedContent">
+            <option value="">Select an option</option>
+            <option value="Yes">Yes</option>
+            <option value="No">No</option>
+          </select>
+
+          <label for="changesMade">If yes, what changes were made?</label>
+          <textarea
+            class="textarea"
+            id="changesMade"
+            rows="2"
+            placeholder="Describe the modifications"
+          ></textarea>
+
+          <h2>4. Additional Context</h2>
+          <label for="misunderstanding"
+            >Was there any misunderstanding or misclassification?</label
+          >
+          <textarea
+            class="textarea"
+            id="misunderstanding"
+            rows="2"
+            placeholder="Provide context"
+          ></textarea>
+
+          <label for="externalReferences"
+            >Are there external references that validate your appeal?</label
+          >
+          <textarea
+            class="textarea"
+            id="externalReferences"
+            rows="2"
+            placeholder="Links, citations, or additional info"
+          ></textarea>
+
+          <h2>5. Declaration</h2>
+          <p>
+            By submitting this appeal, you confirm that:
+            <br />- You are the original creator or authorized representative of
+            the content. <br />- Your appeal is submitted in good faith and
+            aligns with bitvid’s policies. <br />- You understand that final
+            decisions are at the discretion of bitvid’s moderation process.
+          </p>
+          <label for="signature">Signature (Digital or Written):</label>
+          <input
+            class="form-control"
+            type="text"
+            id="signature"
+            placeholder="Your signature"
+          />
+
+          <label for="declarationDate">Date:</label>
+          <input class="form-control" type="date" id="declarationDate" />
+
+          <button class="btn" type="submit">Submit Appeal</button>
+        </form>
+        <div id="status"></div>
+      </div>
+    </div>
+    <script>
+      // Provide no-op fallback loggers so embeds stay functional if bitvidLogger is unavailable.
+      const noopLogger = {
+        log: () => {},
+        info: () => {},
+        warn: () => {},
+        error: () => {},
+      };
+      const dev = window.bitvidLogger?.dev || noopLogger;
+      const user = window.bitvidLogger?.user || noopLogger;
+
+      document.addEventListener("DOMContentLoaded", () => {
+        // Logging functions for both on-page and console output.
+        function log(msg, type = "info") {
+          const div = document.createElement("div");
+          div.classList.add("status-line");
+          if (type === "error") div.classList.add("error");
+          if (type === "success") div.classList.add("success");
+          if (type === "warn") div.classList.add("warn");
+          div.textContent = msg;
+          document.getElementById("status").appendChild(div);
+          const formatted = `[${type.toUpperCase()}] ${msg}`;
+          if (type === "error") {
+            user.error(formatted);
+          } else if (type === "warn") {
+            user.warn(formatted);
+          } else if (type === "success") {
+            user.log(formatted);
+          } else if (type === "info") {
+            dev.info(formatted);
+          } else {
+            dev.log(formatted);
+          }
+        }
+        function clear() {
+          document.getElementById("status").innerHTML = "";
+        }
+        if (!window.NostrTools) {
+          log("NostrTools not loaded. Check console or ad-blockers.", "error");
+          return;
+        }
+        const {
+          generateSecretKey,
+          getPublicKey,
+          finalizeEvent,
+          nip04,
+          nip19,
+          SimplePool,
+          Relay,
+        } = window.NostrTools;
+
+        // Set the recipient's NPUB (your personal NPUB) here.
+        const recipientNpub =
+          "npub13yarr7j6vjqjjkahd63dmr27curypehx45ucue286ac7sft27y0srnpmpe";
+
+        const RELAYS = [
+          "wss://relay.snort.social",
+          "wss://relay.damus.io",
+          "wss://relay.primal.net",
+        ];
+        const pool = new SimplePool();
+
+        document
+          .getElementById("dm-form")
+          .addEventListener("submit", async (ev) => {
+            ev.preventDefault();
+            clear();
+            try {
+              // Note: The customer's NPUB input is removed.
+              // Use the recipientNpub constant to get the public key.
+
+              const contactMethod = document
+                .getElementById("contactMethod")
+                .value.trim();
+              const videoTitle = document
+                .getElementById("videoTitle")
+                .value.trim();
+              const magnetLink = document
+                .getElementById("magnetLink")
+                .value.trim();
+              const submissionDate = document
+                .getElementById("submissionDate")
+                .value.trim();
+              const reasonBlocked = document
+                .getElementById("reasonBlocked")
+                .value.trim();
+              const fitsGuidelines = document
+                .getElementById("fitsGuidelines")
+                .value.trim();
+              const guidelinesCited = document
+                .getElementById("guidelinesCited")
+                .value.trim();
+              const editedContent = document
+                .getElementById("editedContent")
+                .value.trim();
+              const changesMade = document
+                .getElementById("changesMade")
+                .value.trim();
+              const misunderstanding = document
+                .getElementById("misunderstanding")
+                .value.trim();
+              const externalReferences = document
+                .getElementById("externalReferences")
+                .value.trim();
+              const signature = document
+                .getElementById("signature")
+                .value.trim();
+              const declarationDate = document
+                .getElementById("declarationDate")
+                .value.trim();
+
+              // Construct the appeal content.
+              const appealContent = `
+# **bitvid Content Appeals Form**
+  
+**1. User Information**
+- **Contact Method:** ${contactMethod || "N/A"}
+  
+**2. Content Details**
+- **Title of the Video:** ${videoTitle}
+- **Magnet Link:** ${magnetLink}
+- **Date of Content Submission:** ${submissionDate}
+  
+**3. Reason for Appeal**
+- **Why do you believe your content was unfairly blocked?**  
+  ${reasonBlocked}
+- **Does your content fit within bitvid's Community Guidelines?**  
+  ${fitsGuidelines}
+- **If yes, which guideline(s) support your appeal?**  
+  ${guidelinesCited}
+- **Was this content edited after being blocked?**  
+  ${editedContent}
+- **If yes, what changes were made?**  
+  ${changesMade}
+  
+**4. Additional Context**
+- **Was there any misunderstanding or misclassification?**  
+  ${misunderstanding}
+- **Are there external references that validate your appeal?**  
+  ${externalReferences}
+  
+**5. Declaration**
+By submitting this appeal, you confirm that:
+- You are the original creator or an authorized representative of the content.
+- Your appeal is submitted in good faith and aligns with bitvid’s policies.
+- You understand that final decisions are at the discretion of bitvid’s moderation process.
+  
+**Signature (Digital or Written):** ${signature}
+**Date:** ${declarationDate}
+  
+---
+  
+**Processing Time:** Appeals will be reviewed within **7-14 days**. If additional information is required, you will be contacted via your provided contact method.
+  
+For further questions, reach out through bitvid’s Nostr support channels.
+            `.trim();
+
+              log("[DEBUG] Constructed appeal content:\n" + appealContent);
+
+              // Decode the recipient NPUB to get the public key.
+              log("Decoding recipient npub...");
+              const decoded = nip19.decode(recipientNpub);
+              log("[DEBUG] Decoded npub: " + JSON.stringify(decoded));
+              if (decoded.type !== "npub") {
+                throw new Error("Decoded type is not npub.");
+              }
+              const targetPubHex = decoded.data;
+              log("Recipient pubkey: " + targetPubHex.slice(0, 16) + "...");
+
+              // Generate an ephemeral key pair.
+              log("Generating ephemeral key...");
+              const ephemeralPriv = generateSecretKey();
+              const ephemeralPubHex = getPublicKey(ephemeralPriv);
+              log("Ephemeral pubkey: " + ephemeralPubHex.slice(0, 16) + "...");
+
+              // Encrypt the appeal content.
+              log("Encrypting appeal content (nip04)...");
+              const ciphertext = await nip04.encrypt(
+                ephemeralPriv,
+                targetPubHex,
+                appealContent
+              );
+              log("[DEBUG] Ciphertext: " + ciphertext);
+              log("Encryption done.");
+
+              // Build the event template.
+              const now = Math.floor(Date.now() / 1000);
+              const eventTemplate = {
+                kind: 4,
+                created_at: now,
+                tags: [["p", targetPubHex]],
+                content: ciphertext,
+              };
+              log(
+                "[DEBUG] Event template before finalizing: " +
+                  JSON.stringify(eventTemplate)
+              );
+
+              // Finalize the event.
+              const event = finalizeEvent(eventTemplate, ephemeralPriv);
+              log("[DEBUG] Final event: " + JSON.stringify(event));
+
+              // Publish the event to all relays.
+              log("Publishing the appeal to relays...");
+              await Promise.any(pool.publish(RELAYS, event));
+              log("At least one relay accepted the event.", "success");
+
+              // Subscribe to each relay.
+              for (const url of RELAYS) {
+                log("Connecting to " + url + " for subscription...");
+                const relay = await Relay.connect(url);
+                relay.subscribe([{ authors: [ephemeralPubHex], kinds: [4] }], {
+                  onEvent(foundEvent) {
+                    if (foundEvent.id === event.id) {
+                      log(
+                        "[" +
+                          url +
+                          "] => Found our appeal in storage! ID: " +
+                          foundEvent.id.slice(0, 8) +
+                          "...",
+                        "success"
+                      );
+                    }
+                  },
+                  onEose() {
+                    relay.close();
+                  },
+                });
+              }
+
+              log(
+                "Done. If the logs show that at least one relay accepted the event and the appeal was found in storage, a moderator will review your appeal within 7-14 days."
+              );
+            } catch (err) {
+              log("Error: " + err.message, "error");
+              user.error(err);
+            }
+          });
+      });
+    </script>
+    <div id="uiOverlay" data-overlay-root aria-hidden="true"></div>
+  </body>
+</html>
diff --git a/dist/components/iframe_forms/iframe-feedback-form.html b/dist/components/iframe_forms/iframe-feedback-form.html
new file mode 100644
index 00000000..290acc90
--- /dev/null
+++ b/dist/components/iframe_forms/iframe-feedback-form.html
@@ -0,0 +1,368 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>bitvid General Feedback Form</title>
+    <script type="module" src="./theme-sync.js"></script>
+    <!-- Link to your main stylesheet -->
+    <link rel="stylesheet" href="../../css/tailwind.generated.css" />
+    <!-- Load nostr‑tools v2.17.0 -->
+    <script src="https://cdn.jsdelivr.net/npm/nostr-tools@2.17.0/lib/nostr.bundle.min.js"></script>
+  </head>
+  <body class="iframe-form" data-ds="new">
+    <div class="container">
+      <div class="form-container">
+        <p>
+          Your feedback helps us improve bitvid! Whether it’s a suggestion, a
+          concern, or general thoughts on the platform, we’d love to hear from
+          you.
+        </p>
+        <form id="feedback-form">
+          <!-- Section 1: User Information -->
+          <h2>1. User Information</h2>
+          <label for="userNpub">Nostr Public Key (npub) (optional):</label>
+          <input
+            class="form-control"
+            type="text"
+            id="userNpub"
+            placeholder="Enter your npub (optional)"
+          />
+          <p>Are you a (check all that apply):</p>
+          <div class="checkbox-group">
+            <label
+              ><input
+                class="checkbox"
+                type="checkbox"
+                name="userRole"
+                value="Viewer"
+              />
+              Viewer</label
+            >
+            <label
+              ><input
+                class="checkbox"
+                type="checkbox"
+                name="userRole"
+                value="Content Creator"
+              />
+              Content Creator</label
+            >
+            <label
+              ><input
+                class="checkbox"
+                type="checkbox"
+                name="userRole"
+                value="Developer/Contributor"
+              />
+              Developer / Contributor</label
+            >
+          </div>
+
+          <!-- Section 2: General Feedback -->
+          <h2>2. General Feedback</h2>
+          <label>How would you rate your experience on bitvid so far?</label>
+          <div class="radio-group">
+            <label
+              ><input type="radio" name="experienceRating" value="Excellent" />
+              Excellent</label
+            >
+            <label
+              ><input type="radio" name="experienceRating" value="Good" />
+              Good</label
+            >
+            <label
+              ><input type="radio" name="experienceRating" value="Average" />
+              Average</label
+            >
+            <label
+              ><input
+                type="radio"
+                name="experienceRating"
+                value="Needs Improvement"
+              />
+              Needs Improvement</label
+            >
+          </div>
+          <label for="likeMost">What do you like most about bitvid?</label>
+          <textarea
+            class="textarea"
+            id="likeMost"
+            rows="3"
+            placeholder="Describe the features, usability, or content you enjoy"
+          ></textarea>
+          <label for="improvements">What would you like to see improved?</label>
+          <textarea
+            class="textarea"
+            id="improvements"
+            rows="3"
+            placeholder="Provide specific areas for improvement"
+          ></textarea>
+          <label for="confusingFeatures"
+            >Are there any features or tools you find confusing or difficult to
+            use?</label
+          >
+          <textarea
+            class="textarea"
+            id="confusingFeatures"
+            rows="3"
+            placeholder="Explain any challenges you’ve encountered"
+          ></textarea>
+
+          <!-- Section 3: Additional Comments -->
+          <h2>3. Additional Comments</h2>
+          <label for="otherSuggestions"
+            >Do you have any other suggestions or thoughts about bitvid?</label
+          >
+          <textarea
+            class="textarea"
+            id="otherSuggestions"
+            rows="3"
+            placeholder="Share any other feedback"
+          ></textarea>
+          <label for="followUp"
+            >Would you like to be contacted for follow-up discussions?</label
+          >
+          <select class="select" id="followUp">
+            <option value="">Select an option</option>
+            <option value="Yes">Yes</option>
+            <option value="No">No</option>
+          </select>
+          <label for="preferredContact"
+            >Preferred contact method (if applicable):</label
+          >
+          <input
+            class="form-control"
+            type="text"
+            id="preferredContact"
+            placeholder="Nostr DM, email, or other"
+          />
+
+          <button class="btn" type="submit">Submit General Feedback</button>
+        </form>
+        <div id="status"></div>
+      </div>
+    </div>
+    <script>
+      // Provide no-op fallback loggers so embeds stay functional if bitvidLogger is unavailable.
+      const noopLogger = {
+        log: () => {},
+        info: () => {},
+        warn: () => {},
+        error: () => {},
+      };
+      const dev = window.bitvidLogger?.dev || noopLogger;
+      const user = window.bitvidLogger?.user || noopLogger;
+
+      document.addEventListener("DOMContentLoaded", () => {
+        // Logging function for on-page and console output.
+        function log(msg, type = "info") {
+          const div = document.createElement("div");
+          div.classList.add("status-line");
+          if (type === "error") div.classList.add("error");
+          if (type === "success") div.classList.add("success");
+          if (type === "warn") div.classList.add("warn");
+          div.textContent = msg;
+          document.getElementById("status").appendChild(div);
+          const formatted = `[${type.toUpperCase()}] ${msg}`;
+          if (type === "error") {
+            user.error(formatted);
+          } else if (type === "warn") {
+            user.warn(formatted);
+          } else if (type === "success") {
+            user.log(formatted);
+          } else if (type === "info") {
+            dev.info(formatted);
+          } else {
+            dev.log(formatted);
+          }
+        }
+        function clear() {
+          document.getElementById("status").innerHTML = "";
+        }
+        if (!window.NostrTools) {
+          log("NostrTools not loaded. Check console or ad-blockers.", "error");
+          return;
+        }
+        const {
+          generateSecretKey,
+          getPublicKey,
+          finalizeEvent,
+          nip04,
+          nip19,
+          SimplePool,
+          Relay,
+        } = window.NostrTools;
+
+        // Set the recipient's NPUB (your personal NPUB)
+        const recipientNpub =
+          "npub13yarr7j6vjqjjkahd63dmr27curypehx45ucue286ac7sft27y0srnpmpe";
+        const RELAYS = [
+          "wss://relay.snort.social",
+          "wss://relay.damus.io",
+          "wss://relay.primal.net",
+        ];
+        const pool = new SimplePool();
+
+        document
+          .getElementById("feedback-form")
+          .addEventListener("submit", async (ev) => {
+            ev.preventDefault();
+            clear();
+
+            try {
+              // Section 1: User Information
+              const userNpub = document.getElementById("userNpub").value.trim();
+              const roleNodes = document.querySelectorAll(
+                'input[name="userRole"]:checked'
+              );
+              let userRoles = [];
+              roleNodes.forEach((node) => {
+                userRoles.push(node.value);
+              });
+
+              // Section 2: General Feedback
+              const experienceRadio = document.querySelector(
+                'input[name="experienceRating"]:checked'
+              );
+              const experienceRating = experienceRadio
+                ? experienceRadio.value
+                : "N/A";
+              const likeMost = document.getElementById("likeMost").value.trim();
+              const improvements = document
+                .getElementById("improvements")
+                .value.trim();
+              const confusingFeatures = document
+                .getElementById("confusingFeatures")
+                .value.trim();
+
+              // Section 3: Additional Comments
+              const otherSuggestions = document
+                .getElementById("otherSuggestions")
+                .value.trim();
+              const followUp = document.getElementById("followUp").value.trim();
+              const preferredContact = document
+                .getElementById("preferredContact")
+                .value.trim();
+
+              // Construct the Markdown feedback content
+              const feedbackContent = `
+# **bitvid General Feedback Form**
+
+Your feedback helps us improve bitvid! Whether it’s a suggestion, a concern, or general thoughts on the platform, we’d love to hear from you.
+
+## **1. User Information**
+- **Nostr Public Key (npub) (optional):** ${userNpub || "N/A"}
+- **Are you a (check all that apply):** ${
+                userRoles.length > 0 ? userRoles.join(", ") : "N/A"
+              }
+
+## **2. General Feedback**
+- **How would you rate your experience on bitvid so far?** ${experienceRating}
+- **What do you like most about bitvid?**  
+  ${likeMost || "N/A"}
+- **What would you like to see improved?**  
+  ${improvements || "N/A"}
+- **Are there any features or tools you find confusing or difficult to use?**  
+  ${confusingFeatures || "N/A"}
+
+## **3. Additional Comments**
+- **Do you have any other suggestions or thoughts about bitvid?**  
+  ${otherSuggestions || "N/A"}
+- **Would you like to be contacted for follow-up discussions?** ${
+                followUp || "N/A"
+              }
+- **Preferred contact method (if applicable):** ${preferredContact || "N/A"}
+
+---
+### **Processing & Consideration**
+We review all feedback regularly to improve bitvid. While not all suggestions may be implemented, we greatly appreciate your input and strive to enhance the platform based on community insights.
+
+For additional discussions, reach out via bitvid’s Nostr support channels.
+            `.trim();
+
+              log("[DEBUG] Constructed feedback content:\n" + feedbackContent);
+
+              // Decode the recipient NPUB to get the public key.
+              log("Decoding recipient npub...");
+              const decoded = nip19.decode(recipientNpub);
+              log("[DEBUG] Decoded npub: " + JSON.stringify(decoded));
+              if (decoded.type !== "npub") {
+                throw new Error("Decoded type is not npub.");
+              }
+              const targetPubHex = decoded.data;
+              log("Recipient pubkey: " + targetPubHex.slice(0, 16) + "...");
+
+              // Generate an ephemeral key pair.
+              log("Generating ephemeral key...");
+              const ephemeralPriv = generateSecretKey();
+              const ephemeralPubHex = getPublicKey(ephemeralPriv);
+              log("Ephemeral pubkey: " + ephemeralPubHex.slice(0, 16) + "...");
+
+              // Encrypt the feedback content.
+              log("Encrypting feedback content (nip04)...");
+              const ciphertext = await nip04.encrypt(
+                ephemeralPriv,
+                targetPubHex,
+                feedbackContent
+              );
+              log("[DEBUG] Ciphertext: " + ciphertext);
+              log("Encryption done.");
+
+              // Build the event template.
+              const now = Math.floor(Date.now() / 1000);
+              const eventTemplate = {
+                kind: 4,
+                created_at: now,
+                tags: [["p", targetPubHex]],
+                content: ciphertext,
+              };
+              log(
+                "[DEBUG] Event template before finalizing: " +
+                  JSON.stringify(eventTemplate)
+              );
+
+              // Finalize the event.
+              const event = finalizeEvent(eventTemplate, ephemeralPriv);
+              log("[DEBUG] Final event: " + JSON.stringify(event));
+
+              // Publish the event to all relays.
+              log("Publishing the feedback to relays...");
+              await Promise.any(pool.publish(RELAYS, event));
+              log("At least one relay accepted the event.", "success");
+
+              // Subscribe to each relay to verify storage.
+              for (const url of RELAYS) {
+                log("Connecting to " + url + " for subscription...");
+                const relay = await Relay.connect(url);
+                relay.subscribe([{ authors: [ephemeralPubHex], kinds: [4] }], {
+                  onEvent(foundEvent) {
+                    if (foundEvent.id === event.id) {
+                      log(
+                        "[" +
+                          url +
+                          "] => Found our feedback in storage! ID: " +
+                          foundEvent.id.slice(0, 8) +
+                          "...",
+                        "success"
+                      );
+                    }
+                  },
+                  onEose() {
+                    relay.close();
+                  },
+                });
+              }
+
+              log(
+                "Done. If the logs show that at least one relay accepted the event and the feedback was stored, it will be reviewed accordingly."
+              );
+            } catch (err) {
+              log("Error: " + err.message, "error");
+              user.error(err);
+            }
+          });
+      });
+    </script>
+    <div id="uiOverlay" data-overlay-root aria-hidden="true"></div>
+  </body>
+</html>
diff --git a/dist/components/iframe_forms/iframe-request-form.html b/dist/components/iframe_forms/iframe-request-form.html
new file mode 100644
index 00000000..ec291d14
--- /dev/null
+++ b/dist/components/iframe_forms/iframe-request-form.html
@@ -0,0 +1,411 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>bitvid Feature Request Form</title>
+    <script type="module" src="./theme-sync.js"></script>
+    <!-- Link to your main stylesheet -->
+    <link rel="stylesheet" href="../../css/tailwind.generated.css" />
+    <!-- Load nostr‑tools v2.17.0 -->
+    <script src="https://cdn.jsdelivr.net/npm/nostr-tools@2.17.0/lib/nostr.bundle.min.js"></script>
+  </head>
+  <body class="iframe-form" data-ds="new">
+    <div class="container">
+      <div class="form-container">
+        <p>
+          Have an idea for improving bitvid? We’d love to hear it! Please use
+          this form to request new features or enhancements. Your feedback helps
+          shape the future of bitvid.
+        </p>
+        <form id="feature-form">
+          <!-- Section 1: User Information -->
+          <h2>1. User Information</h2>
+          <label for="userNpub">Nostr Public Key (npub) (optional):</label>
+          <input
+            class="form-control"
+            type="text"
+            id="userNpub"
+            placeholder="Enter your npub (optional)"
+          />
+          <p>Are you a (check all that apply):</p>
+          <div class="checkbox-group">
+            <label
+              ><input
+                class="checkbox"
+                type="checkbox"
+                name="userRole"
+                value="Viewer"
+              />
+              Viewer</label
+            >
+            <label
+              ><input
+                class="checkbox"
+                type="checkbox"
+                name="userRole"
+                value="Content Creator"
+              />
+              Content Creator</label
+            >
+            <label
+              ><input
+                class="checkbox"
+                type="checkbox"
+                name="userRole"
+                value="Developer/Contributor"
+              />
+              Developer / Contributor</label
+            >
+          </div>
+
+          <!-- Section 2: Feature Request Details -->
+          <h2>2. Feature Request Details</h2>
+          <label for="featureName">Feature Name:</label>
+          <input
+            class="form-control"
+            type="text"
+            id="featureName"
+            placeholder="Short, descriptive title"
+            required
+          />
+          <label for="featureDescription">Describe the feature:</label>
+          <textarea
+            class="textarea"
+            id="featureDescription"
+            rows="3"
+            placeholder="Explain in detail what the feature does and how it works"
+          ></textarea>
+          <label for="featureImportance">Why is this feature important?</label>
+          <textarea
+            class="textarea"
+            id="featureImportance"
+            rows="2"
+            placeholder="Describe how this will improve the platform and benefit users"
+          ></textarea>
+          <label for="beneficiary">Who would benefit from this feature?</label>
+          <input
+            class="form-control"
+            type="text"
+            id="beneficiary"
+            placeholder="e.g., Content Creators, Viewers, Both"
+          />
+
+          <!-- Section 3: Additional Information -->
+          <h2>3. Additional Information</h2>
+          <label for="existingPlatforms"
+            >Are there existing platforms that have this feature?</label
+          >
+          <textarea
+            class="textarea"
+            id="existingPlatforms"
+            rows="2"
+            placeholder="Provide examples if applicable"
+          ></textarea>
+          <label for="mockups">Do you have any mockups or examples?</label>
+          <textarea
+            class="textarea"
+            id="mockups"
+            rows="2"
+            placeholder="Links, screenshots, or diagrams"
+          ></textarea>
+          <label for="willingToTest"
+            >Would you be willing to help test this feature if
+            implemented?</label
+          >
+          <select class="select" id="willingToTest">
+            <option value="">Select an option</option>
+            <option value="Yes">Yes</option>
+            <option value="No">No</option>
+          </select>
+
+          <!-- Section 4: Priority & Impact -->
+          <h2>4. Priority &amp; Impact</h2>
+          <p>How urgent is this feature?</p>
+          <div class="checkbox-group">
+            <label
+              ><input
+                class="checkbox"
+                type="checkbox"
+                name="featurePriority"
+                value="High"
+              />
+              High (Essential for platform success)</label
+            >
+            <label
+              ><input
+                class="checkbox"
+                type="checkbox"
+                name="featurePriority"
+                value="Medium"
+              />
+              Medium (Would improve experience significantly)</label
+            >
+            <label
+              ><input
+                class="checkbox"
+                type="checkbox"
+                name="featurePriority"
+                value="Low"
+              />
+              Low
+              (Nice to have, but not urgent)</label
+            >
+          </div>
+          <label for="techChallenges"
+            >Does this feature require technical expertise to implement?</label
+          >
+          <textarea
+            class="textarea"
+            id="techChallenges"
+            rows="2"
+            placeholder="Describe any dependencies or challenges"
+          ></textarea>
+
+          <button class="btn" type="submit">Submit Feature Request</button>
+        </form>
+        <div id="status"></div>
+      </div>
+    </div>
+    <script>
+      // Provide no-op fallback loggers so embeds stay functional if bitvidLogger is unavailable.
+      const noopLogger = {
+        log: () => {},
+        info: () => {},
+        warn: () => {},
+        error: () => {},
+      };
+      const dev = window.bitvidLogger?.dev || noopLogger;
+      const user = window.bitvidLogger?.user || noopLogger;
+
+      document.addEventListener("DOMContentLoaded", () => {
+        // Logging function
+        function log(msg, type = "info") {
+          const div = document.createElement("div");
+          div.classList.add("status-line");
+          if (type === "error") div.classList.add("error");
+          if (type === "success") div.classList.add("success");
+          if (type === "warn") div.classList.add("warn");
+          div.textContent = msg;
+          document.getElementById("status").appendChild(div);
+          const formatted = `[${type.toUpperCase()}] ${msg}`;
+          if (type === "error") {
+            user.error(formatted);
+          } else if (type === "warn") {
+            user.warn(formatted);
+          } else if (type === "success") {
+            user.log(formatted);
+          } else if (type === "info") {
+            dev.info(formatted);
+          } else {
+            dev.log(formatted);
+          }
+        }
+        function clear() {
+          document.getElementById("status").innerHTML = "";
+        }
+        if (!window.NostrTools) {
+          log("NostrTools not loaded. Check console or ad-blockers.", "error");
+          return;
+        }
+        const {
+          generateSecretKey,
+          getPublicKey,
+          finalizeEvent,
+          nip04,
+          nip19,
+          SimplePool,
+          Relay,
+        } = window.NostrTools;
+
+        // Set the recipient's NPUB (your personal NPUB)
+        const recipientNpub =
+          "npub13yarr7j6vjqjjkahd63dmr27curypehx45ucue286ac7sft27y0srnpmpe";
+        const RELAYS = [
+          "wss://relay.snort.social",
+          "wss://relay.damus.io",
+          "wss://relay.primal.net",
+        ];
+        const pool = new SimplePool();
+
+        document
+          .getElementById("feature-form")
+          .addEventListener("submit", async (ev) => {
+            ev.preventDefault();
+            clear();
+            try {
+              // Section 1: User Information
+              const userNpub = document.getElementById("userNpub").value.trim();
+              const roleNodes = document.querySelectorAll(
+                'input[name="userRole"]:checked'
+              );
+              let userRoles = [];
+              roleNodes.forEach((node) => {
+                userRoles.push(node.value);
+              });
+
+              // Section 2: Feature Request Details
+              const featureName = document
+                .getElementById("featureName")
+                .value.trim();
+              const featureDescription = document
+                .getElementById("featureDescription")
+                .value.trim();
+              const featureImportance = document
+                .getElementById("featureImportance")
+                .value.trim();
+              const beneficiary = document
+                .getElementById("beneficiary")
+                .value.trim();
+
+              // Section 3: Additional Information
+              const existingPlatforms = document
+                .getElementById("existingPlatforms")
+                .value.trim();
+              const mockups = document.getElementById("mockups").value.trim();
+              const willingToTest = document
+                .getElementById("willingToTest")
+                .value.trim();
+
+              // Section 4: Priority & Impact
+              const priorityNodes = document.querySelectorAll(
+                'input[name="featurePriority"]:checked'
+              );
+              let featurePriorities = [];
+              priorityNodes.forEach((node) => {
+                featurePriorities.push(node.value);
+              });
+              const techChallenges = document
+                .getElementById("techChallenges")
+                .value.trim();
+
+              // Construct Markdown feature request
+              const featureRequestContent = `
+# **bitvid Feature Request Form**
+
+Have an idea for improving bitvid? We’d love to hear it! Please use this form to request new features or enhancements. Your feedback helps shape the future of bitvid.
+
+## **1. User Information**
+- **Nostr Public Key (npub) (optional):** ${userNpub || "N/A"}
+- **Roles:** ${userRoles.length > 0 ? userRoles.join(", ") : "N/A"}
+
+## **2. Feature Request Details**
+- **Feature Name:** ${featureName || "N/A"}
+- **Describe the feature:**  
+  ${featureDescription || "N/A"}
+- **Why is this feature important?**  
+  ${featureImportance || "N/A"}
+- **Who would benefit from this feature?**  
+  ${beneficiary || "N/A"}
+
+## **3. Additional Information**
+- **Are there existing platforms that have this feature?**  
+  ${existingPlatforms || "N/A"}
+- **Do you have any mockups or examples?**  
+  ${mockups || "N/A"}
+- **Would you be willing to help test this feature if implemented?** ${
+                willingToTest || "N/A"
+              }
+
+## **4. Priority & Impact**
+- **How urgent is this feature?**  
+  ${featurePriorities.length > 0 ? featurePriorities.join(", ") : "N/A"}
+- **Does this feature require technical expertise to implement?**  
+  ${techChallenges || "N/A"}
+
+---
+
+### **Processing & Consideration**
+All feature requests are reviewed, but not all may be implemented. We prioritize based on user demand, feasibility, and impact on bitvid. Thank you for helping us improve!
+
+For further discussions, reach out through bitvid’s Nostr support channels.
+            `.trim();
+
+              log(
+                "[DEBUG] Constructed feature request content:\n" +
+                  featureRequestContent
+              );
+
+              // Decode the recipient NPUB
+              log("Decoding recipient npub...");
+              const decoded = nip19.decode(recipientNpub);
+              log("[DEBUG] Decoded npub: " + JSON.stringify(decoded));
+              if (decoded.type !== "npub") {
+                throw new Error("Decoded type is not npub.");
+              }
+              const targetPubHex = decoded.data;
+              log("Recipient pubkey: " + targetPubHex.slice(0, 16) + "...");
+
+              // Generate an ephemeral key pair
+              log("Generating ephemeral key...");
+              const ephemeralPriv = generateSecretKey();
+              const ephemeralPubHex = getPublicKey(ephemeralPriv);
+              log("Ephemeral pubkey: " + ephemeralPubHex.slice(0, 16) + "...");
+
+              // Encrypt the feature request content
+              log("Encrypting feature request content (nip04)...");
+              const ciphertext = await nip04.encrypt(
+                ephemeralPriv,
+                targetPubHex,
+                featureRequestContent
+              );
+              log("[DEBUG] Ciphertext: " + ciphertext);
+              log("Encryption done.");
+
+              // Build the event template
+              const now = Math.floor(Date.now() / 1000);
+              const eventTemplate = {
+                kind: 4,
+                created_at: now,
+                tags: [["p", targetPubHex]],
+                content: ciphertext,
+              };
+              log(
+                "[DEBUG] Event template before finalizing: " +
+                  JSON.stringify(eventTemplate)
+              );
+
+              // Finalize the event
+              const event = finalizeEvent(eventTemplate, ephemeralPriv);
+              log("[DEBUG] Final event: " + JSON.stringify(event));
+
+              // Publish to relays
+              log("Publishing the feature request to relays...");
+              await Promise.any(pool.publish(RELAYS, event));
+              log("At least one relay accepted the event.", "success");
+
+              // Subscribe to verify event storage
+              for (const url of RELAYS) {
+                log("Connecting to " + url + " for subscription...");
+                const relay = await Relay.connect(url);
+                relay.subscribe([{ authors: [ephemeralPubHex], kinds: [4] }], {
+                  onEvent(foundEvent) {
+                    if (foundEvent.id === event.id) {
+                      log(
+                        "[" +
+                          url +
+                          "] => Found our feature request in storage! ID: " +
+                          foundEvent.id.slice(0, 8) +
+                          "...",
+                        "success"
+                      );
+                    }
+                  },
+                  onEose() {
+                    relay.close();
+                  },
+                });
+              }
+
+              log(
+                "Done. If the logs show that at least one relay accepted the event and the feature request was stored, it will be reviewed accordingly."
+              );
+            } catch (err) {
+              log("Error: " + err.message, "error");
+              user.error(err);
+            }
+          });
+      });
+    </script>
+    <div id="uiOverlay" data-overlay-root aria-hidden="true"></div>
+  </body>
+</html>
diff --git a/dist/components/iframe_forms/theme-sync.js b/dist/components/iframe_forms/theme-sync.js
new file mode 100644
index 00000000..8abfffc4
--- /dev/null
+++ b/dist/components/iframe_forms/theme-sync.js
@@ -0,0 +1,253 @@
+import { THEME_ACCENT_OVERRIDES } from "../../config/instance-config.js";
+
+(() => {
+  const VALID_THEMES = new Set(["light", "dark"]);
+  const STORAGE_KEY = "bitvid:theme";
+  const FALLBACK_THEME = "dark";
+  const ACCENT_CSS_VARIABLES = Object.freeze({
+    accent: "--color-accent",
+    accentStrong: "--color-accent-strong",
+    accentPressed: "--color-accent-pressed",
+  });
+  const ACCENT_TOKENS = Object.keys(ACCENT_CSS_VARIABLES);
+  const { documentElement: root } = document;
+
+  if (!(root instanceof HTMLElement)) {
+    return;
+  }
+
+  const sanitizeConfigOverrides = (overrides) => {
+    if (!overrides || typeof overrides !== "object") {
+      return {};
+    }
+
+    const sanitized = {};
+
+    Object.entries(overrides).forEach(([theme, themeOverrides]) => {
+      if (!VALID_THEMES.has(theme) || typeof themeOverrides !== "object") {
+        return;
+      }
+
+      const normalized = {};
+
+      ACCENT_TOKENS.forEach((token) => {
+        const value = themeOverrides[token];
+        if (typeof value === "string") {
+          const trimmed = value.trim();
+          if (trimmed !== "") {
+            normalized[token] = trimmed;
+          }
+        }
+      });
+
+      if (Object.keys(normalized).length > 0) {
+        sanitized[theme] = normalized;
+      }
+    });
+
+    return sanitized;
+  };
+
+  const CONFIG_ACCENT_OVERRIDES = sanitizeConfigOverrides(
+    THEME_ACCENT_OVERRIDES
+  );
+
+  const normalizeTheme = (value) => {
+    if (typeof value !== "string") {
+      return null;
+    }
+    const normalized = value.trim().toLowerCase();
+    if (normalized === "" || normalized === "default") {
+      return FALLBACK_THEME;
+    }
+    return VALID_THEMES.has(normalized) ? normalized : null;
+  };
+
+  const getParentRoot = () => {
+    try {
+      if (window.parent && window.parent !== window) {
+        const parentDocument = window.parent.document;
+        const parentRoot = parentDocument?.documentElement;
+        return parentRoot instanceof HTMLElement ? parentRoot : null;
+      }
+    } catch (error) {
+      return null;
+    }
+    return null;
+  };
+
+  const readParentTheme = () => {
+    const parentRoot = getParentRoot();
+    if (!parentRoot) {
+      return null;
+    }
+    return normalizeTheme(parentRoot.dataset?.theme);
+  };
+
+  const readStoredTheme = () => {
+    try {
+      return normalizeTheme(window.localStorage.getItem(STORAGE_KEY));
+    } catch (error) {
+      return null;
+    }
+  };
+
+  const applyTheme = (theme) => {
+    if (theme && VALID_THEMES.has(theme)) {
+      root.dataset.theme = theme;
+    } else {
+      root.removeAttribute("data-theme");
+    }
+  };
+
+  const readAccentValues = (element) => {
+    if (!element) {
+      return null;
+    }
+
+    let styles;
+
+    try {
+      styles = getComputedStyle(element);
+    } catch (error) {
+      return null;
+    }
+
+    const values = {};
+    let hasValue = false;
+
+    Object.values(ACCENT_CSS_VARIABLES).forEach((cssVariable) => {
+      const rawValue = styles.getPropertyValue(cssVariable);
+      if (typeof rawValue === "string") {
+        const trimmed = rawValue.trim();
+        values[cssVariable] = trimmed;
+        if (trimmed !== "") {
+          hasValue = true;
+        }
+      }
+    });
+
+    return hasValue ? values : null;
+  };
+
+  const readParentAccentOverrides = () => {
+    const parentRoot = getParentRoot();
+    if (!parentRoot) {
+      return null;
+    }
+    return readAccentValues(parentRoot);
+  };
+
+  const readDefaultAccentValues = (theme) => {
+    const previousAccent = root.dataset.themeAccent;
+    const previousTheme = root.dataset.theme;
+
+    root.removeAttribute("data-theme-accent");
+    if (theme && VALID_THEMES.has(theme)) {
+      root.dataset.theme = theme;
+    }
+
+    const values = readAccentValues(root);
+
+    if (previousAccent) {
+      root.dataset.themeAccent = previousAccent;
+    } else {
+      root.removeAttribute("data-theme-accent");
+    }
+
+    if (previousTheme) {
+      root.dataset.theme = previousTheme;
+    } else {
+      root.removeAttribute("data-theme");
+    }
+
+    return values;
+  };
+
+  const hasConfiguredAccentOverrides = (theme) => {
+    const configOverrides = CONFIG_ACCENT_OVERRIDES[theme];
+    if (!configOverrides || typeof configOverrides !== "object") {
+      return false;
+    }
+
+    return ACCENT_TOKENS.some((token) => {
+      const value = configOverrides[token];
+      return typeof value === "string" && value.trim() !== "";
+    });
+  };
+
+  const hasAccentOverrides = (parentOverrides, defaultValues) => {
+    if (!parentOverrides || !defaultValues) {
+      return false;
+    }
+
+    return Object.values(ACCENT_CSS_VARIABLES).some((cssVariable) => {
+      const parentValue = parentOverrides[cssVariable];
+      const defaultValue = defaultValues[cssVariable];
+      return parentValue && parentValue !== defaultValue;
+    });
+  };
+
+  const applyAccentOverrides = (theme) => {
+    const parentRoot = getParentRoot();
+    const parentAccentState = parentRoot?.dataset?.themeAccent || "";
+    const configOverrides = hasConfiguredAccentOverrides(theme);
+    const parentOverrides =
+      parentAccentState === "override"
+        ? true
+        : hasAccentOverrides(
+            readParentAccentOverrides(),
+            readDefaultAccentValues(theme)
+          );
+
+    if (parentOverrides || configOverrides) {
+      root.dataset.themeAccent = "override";
+    } else {
+      root.removeAttribute("data-theme-accent");
+    }
+  };
+
+  const syncTheme = () => {
+    const resolvedTheme =
+      readParentTheme() ?? readStoredTheme() ?? FALLBACK_THEME;
+    applyTheme(resolvedTheme);
+    applyAccentOverrides(resolvedTheme);
+  };
+
+  syncTheme();
+
+  const parentRoot = getParentRoot();
+  let observer;
+
+  if (parentRoot && typeof MutationObserver !== "undefined") {
+    observer = new MutationObserver(syncTheme);
+    observer.observe(parentRoot, {
+      attributes: true,
+      attributeFilter: ["data-theme", "style"],
+    });
+  }
+
+  window.addEventListener("storage", (event) => {
+    if (event?.key === STORAGE_KEY) {
+      syncTheme();
+    }
+  });
+
+  window.addEventListener(
+    "pageshow",
+    () => {
+      syncTheme();
+    },
+    { once: true }
+  );
+
+  window.addEventListener(
+    "beforeunload",
+    () => {
+      if (observer) {
+        observer.disconnect();
+      }
+    },
+    { once: true }
+  );
+})();
diff --git a/dist/components/lockdown-modal.html b/dist/components/lockdown-modal.html
new file mode 100644
index 00000000..62ff260d
--- /dev/null
+++ b/dist/components/lockdown-modal.html
@@ -0,0 +1,80 @@
+<div
+  id="lockdownModal"
+  class="bv-modal hidden items-center justify-center"
+  role="dialog"
+  aria-modal="true"
+  aria-labelledby="lockdownModalTitle"
+  aria-describedby="lockdownModalDescription"
+  data-ds="new"
+>
+  <div class="bv-modal-backdrop"></div>
+
+  <div class="modal-sheet max-h-modal-shell overflow-hidden" tabindex="-1">
+    <div class="modal-body space-y-8 text-center">
+      <div class="flex justify-center">
+        <span class="inline-flex h-16 items-center text-text bv-logo" role="img" aria-label="bitvid logo">
+          <svg class="h-full w-auto" viewBox="0 0 318.32 108.98" aria-hidden="true" focusable="false">
+            <g class="bv-logo__accent">
+              <rect x="7.1" y="7.8" width="5.84" height="5.48" />
+              <rect x="7.1" y="18.78" width="24.02" height="5.48" />
+              <rect x="7.1" y="29.77" width="42.85" height="5.48" />
+              <rect x="7.1" y="40.76" width="61.68" height="5.48" />
+              <rect x="7.1" y="51.75" width="80.88" height="5.48" />
+              <rect x="7.1" y="62.74" width="61.68" height="5.48" />
+              <rect x="7.1" y="73.73" width="42.85" height="5.48" />
+              <rect x="7.1" y="84.72" width="24.02" height="5.48" />
+              <rect x="7.1" y="95.71" width="5.84" height="5.48" />
+            </g>
+            <g class="bv-logo__wordmark">
+              <path d="M121.28 25.08v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V25.08h5.83Z" />
+              <path d="M168.53 25.08v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z" />
+              <path d="M191.36 25.08v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V25.08h5.83Z" />
+              <path d="M212.88 42.24l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z" />
+              <path d="M264.05 25.08v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83v-41.67h5.83Z" />
+              <path d="M311.21 25.08v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V25.08h5.83Z" />
+            </g>
+          </svg>
+        </span>
+      </div>
+
+      <div id="lockdownModalDescription" class="space-y-4">
+        <h2 id="lockdownModalTitle" class="text-2xl font-semibold tracking-tight text-text">
+          bitvid is in lockdown mode
+        </h2>
+        <p id="lockdownModalMessage" class="text-base leading-relaxed text-text-frosted">
+          Only approved administrators and moderators can access the app while lockdown is active. Sign in with an authorized Nostr profile to continue.
+        </p>
+        <p id="lockdownModalHint" class="text-sm text-text-muted">
+          You will be prompted by your NIP-07 browser extension. Make sure it is installed, unlocked, and ready to approve the request.
+        </p>
+      </div>
+
+      <div class="space-y-2">
+        <p
+          id="lockdownStatusMessage"
+          class="text-sm text-text"
+          data-lockdown-status
+          aria-live="polite"
+        >
+          Administrator access is required to proceed.
+        </p>
+        <p
+          id="lockdownErrorMessage"
+          class="hidden text-sm text-critical"
+          data-lockdown-error
+          role="alert"
+        ></p>
+      </div>
+
+      <button
+        id="lockdownLoginButton"
+        class="btn w-full"
+        data-variant="danger"
+        data-lockdown-login
+        type="button"
+      >
+        Login with Nostr
+      </button>
+    </div>
+  </div>
+</div>
diff --git a/dist/components/login-modal.html b/dist/components/login-modal.html
new file mode 100644
index 00000000..41ee6f9f
--- /dev/null
+++ b/dist/components/login-modal.html
@@ -0,0 +1,420 @@
+<div
+  id="loginModal"
+  class="bv-modal hidden p-0 sm:p-0 lg:p-8 lg:items-start lg:justify-center overflow-hidden"
+  role="dialog"
+  aria-modal="true"
+  aria-labelledby="loginModalTitle"
+  aria-describedby="loginModalDescription"
+  data-ds="new"
+>
+  <div class="bv-modal-backdrop" data-dismiss></div>
+
+  <div
+    class="modal-sheet w-full h-full max-w-none rounded-none border-0 lg:max-h-modal-shell lg:max-w-5xl lg:rounded-modal-xl lg:border lg:h-auto flex min-h-0 flex-col overflow-hidden"
+    tabindex="-1"
+  >
+    <!-- Header with the special exit button (unchanged) -->
+    <div class="modal-header">
+      <h2 id="loginModalTitle" class="text-xl font-bold text-text">
+        Login Options
+      </h2>
+      <button
+        id="closeLoginModal"
+        class="modal-close"
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="h-6 w-6"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+        >
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            d="M6 18L18 6M6 6l12 12"
+          />
+        </svg>
+      </button>
+    </div>
+
+    <!-- Body -->
+    <div
+      id="loginModalDescription"
+      class="modal-body flex-1 space-y-6 overflow-y-auto"
+    >
+      <div class="space-y-2 text-left">
+        <p class="text-sm text-text-muted">
+          Choose how you'd like to sign in. Connect a browser extension, link a
+          remote signer, or work directly with your keys when you need to.
+        </p>
+      </div>
+
+      <section
+        class="space-y-5 rounded-3xl border border-border bg-overlay-panel-soft/90 p-4 shadow-lg backdrop-blur-sm sm:p-5"
+      >
+        <div class="space-y-1">
+          <h3 class="text-base font-semibold text-text">Available methods</h3>
+          <p class="text-sm text-text-muted">
+            Pick the option that matches how you manage your Nostr identity.
+          </p>
+        </div>
+
+        <!-- Login provider buttons are rendered dynamically -->
+        <div
+          data-login-providers
+          class="grid auto-rows-fr gap-4 sm:grid-cols-2 xl:grid-cols-3"
+        ></div>
+      </section>
+
+      <div class="space-y-3">
+        <div class="space-y-1 text-left">
+          <h3 class="text-sm font-semibold uppercase tracking-wide text-text-muted">
+            Need an invite?
+          </h3>
+          <p class="text-sm text-text-muted">
+            Submit an application and we'll send you updates when new slots open.
+          </p>
+        </div>
+        <button
+          id="openApplicationModal"
+          class="btn w-full"
+          type="button"
+        >
+          Application Form
+        </button>
+      </div>
+
+      <template data-login-provider-template>
+        <button
+          class="login-option"
+          type="button"
+          data-provider-button
+        >
+          <span class="login-option__header">
+            <span class="login-option__copy">
+              <span
+                data-provider-eyebrow
+                class="login-option__eyebrow hidden"
+              ></span>
+              <span data-provider-label class="login-option__label"></span>
+              <span
+                data-provider-description
+                class="login-option__description"
+              ></span>
+            </span>
+            <span aria-hidden="true" class="login-option__chevron">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                class="h-5 w-5"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M9 5l7 7-7 7"
+                />
+              </svg>
+            </span>
+          </span>
+          <div data-provider-status-row class="login-option__status hidden">
+            <span data-provider-status class="truncate"></span>
+            <button
+              type="button"
+              class="btn-link text-sm hidden"
+              data-provider-disconnect
+            >
+              Disconnect
+            </button>
+          </div>
+          <span
+            data-provider-capabilities
+            class="login-option__capabilities hidden"
+          ></span>
+        </button>
+      </template>
+      <template data-login-nsec-dialog>
+        <form
+          data-nsec-form
+          class="space-y-4 rounded-xl border border-border bg-overlay-panel-soft px-5 py-4"
+        >
+          <div class="space-y-2">
+            <h3 class="text-lg font-semibold text-text">Direct key login</h3>
+            <p class="text-sm text-text-muted" data-nsec-warning>
+              "Unsafe by default" — imported keys stay decrypted only for this session
+              unless you protect them with a passphrase.
+            </p>
+          </div>
+          <div
+            data-nsec-error
+            class="hidden rounded-lg border border-danger/60 bg-danger/10 px-4 py-2 text-sm text-danger"
+            role="alert"
+          ></div>
+          <fieldset data-nsec-unlock-section class="space-y-3 hidden">
+            <legend class="text-sm font-semibold text-text">Unlock saved key</legend>
+            <label class="inline-flex items-center gap-2 text-sm text-text">
+              <input
+                type="radio"
+                name="nsec-mode"
+                value="unlock"
+                class="radio"
+                data-nsec-mode="unlock"
+              />
+              <span>Use the encrypted key stored on this device</span>
+            </label>
+            <div class="space-y-2 pl-6" data-nsec-unlock-fields>
+              <label class="block text-sm font-medium text-text" for="nsecUnlockPassphrase">
+                Passphrase
+              </label>
+              <input
+                id="nsecUnlockPassphrase"
+                type="password"
+                class="input"
+                autocomplete="current-password"
+                data-nsec-unlock-passphrase
+                required
+              />
+            </div>
+          </fieldset>
+          <fieldset data-nsec-import-section class="space-y-3">
+            <legend class="text-sm font-semibold text-text">Import a new secret</legend>
+            <label class="inline-flex items-center gap-2 text-sm text-text">
+              <input
+                type="radio"
+                name="nsec-mode"
+                value="import"
+                class="radio"
+                data-nsec-mode="import"
+                checked
+              />
+              <span>Paste an nsec, hex key, or mnemonic seed</span>
+            </label>
+            <div class="space-y-3 pl-6" data-nsec-import-fields>
+              <label class="block text-sm font-medium text-text" for="nsecSecretInput">
+                Secret
+              </label>
+              <textarea
+                id="nsecSecretInput"
+                class="input"
+                rows="3"
+                spellcheck="false"
+                autocomplete="off"
+                data-nsec-secret
+              ></textarea>
+              <label class="inline-flex items-center gap-2 text-sm text-text">
+                <input type="checkbox" class="checkbox" data-nsec-remember />
+                <span>Remember this key on this device</span>
+              </label>
+              <div class="space-y-2" data-nsec-passphrase-fields hidden>
+                <label class="block text-sm font-medium text-text" for="nsecPassphraseInput">
+                  Passphrase
+                </label>
+                <input
+                  id="nsecPassphraseInput"
+                  type="password"
+                  class="input"
+                  autocomplete="new-password"
+                  data-nsec-passphrase
+                />
+                <label class="block text-sm font-medium text-text" for="nsecPassphraseConfirm">
+                  Confirm passphrase
+                </label>
+                <input
+                  id="nsecPassphraseConfirm"
+                  type="password"
+                  class="input"
+                  autocomplete="new-password"
+                  data-nsec-passphrase-confirm
+                />
+              </div>
+            </div>
+          </fieldset>
+          <div class="flex justify-end gap-2">
+            <button type="button" class="btn-ghost" data-nsec-cancel>Cancel</button>
+            <button type="submit" class="btn" data-nsec-submit>Continue</button>
+          </div>
+        </form>
+      </template>
+      <template data-login-generate-dialog>
+        <div
+          data-generate-view
+          class="space-y-4 rounded-xl border border-border bg-overlay-panel-soft px-5 py-4"
+        >
+          <div class="space-y-2">
+            <h3 class="text-lg font-semibold text-text">Create a new Nostr key</h3>
+            <p class="text-sm text-text-muted">
+              Save your keys somewhere safe. We'll only enable login after you
+              confirm you've backed them up.
+            </p>
+          </div>
+          <div class="space-y-3">
+            <div class="space-y-2">
+              <label class="block text-sm font-medium text-text">
+                Public key (npub)
+              </label>
+              <div class="space-y-2 sm:flex sm:items-start sm:gap-2 sm:space-y-0">
+                <div
+                  data-generate-npub
+                  class="min-w-0 flex-1 break-all rounded-lg border border-border bg-overlay-panel px-3 py-2 text-sm text-text"
+                ></div>
+                <button
+                  type="button"
+                  class="btn-ghost text-sm"
+                  data-generate-copy-npub
+                >
+                  Copy npub
+                </button>
+              </div>
+            </div>
+            <div class="space-y-2">
+              <label class="block text-sm font-medium text-text" for="generatedNsec">
+                Secret key (nsec)
+              </label>
+              <div class="space-y-2 sm:flex sm:items-start sm:gap-2 sm:space-y-0">
+                <input
+                  id="generatedNsec"
+                  type="password"
+                  class="input min-w-0 flex-1"
+                  readonly
+                  data-generate-nsec
+                />
+                <div class="flex flex-wrap items-center gap-2">
+                  <button
+                    type="button"
+                    class="btn-ghost text-sm"
+                    data-generate-reveal-nsec
+                  >
+                    Reveal
+                  </button>
+                  <button
+                    type="button"
+                    class="btn-ghost text-sm"
+                    data-generate-copy-nsec
+                  >
+                    Copy nsec
+                  </button>
+                </div>
+              </div>
+            </div>
+            <div>
+              <button
+                type="button"
+                class="btn-link text-sm"
+                data-generate-download
+              >
+                Download backup
+              </button>
+            </div>
+            <label class="inline-flex items-center gap-2 text-sm text-text">
+              <input type="checkbox" class="checkbox" data-generate-confirm />
+              <span>I saved these keys and understand they're private.</span>
+            </label>
+          </div>
+          <div class="flex justify-end gap-2">
+            <button type="button" class="btn-ghost" data-generate-cancel>
+              Cancel
+            </button>
+            <button
+              type="button"
+              class="btn"
+              data-generate-login
+              disabled
+            >
+              Continue
+            </button>
+          </div>
+        </div>
+      </template>
+      <template data-login-nip46-dialog>
+        <form
+          data-nip46-form
+          class="space-y-4 rounded-xl border border-border bg-overlay-panel-soft px-5 py-4"
+        >
+          <div class="space-y-2">
+            <h3 class="text-lg font-semibold text-text">Pair a remote signer</h3>
+            <p class="text-sm text-text-muted">
+              Scan the QR code with your signer (like Amber or NsecBunker) to login.
+            </p>
+          </div>
+          <div
+            data-nip46-error
+            class="hidden rounded-lg border border-danger/60 bg-danger/10 px-4 py-2 text-sm text-danger"
+            role="alert"
+          ></div>
+          <div data-nip46-handshake-panel class="space-y-6">
+            <div class="flex flex-col items-center gap-6">
+              <div
+                class="flex aspect-square w-full max-w-xs items-center justify-center rounded-2xl border border-border-strong bg-white text-black p-6 shadow-sm"
+                data-nip46-qr
+                aria-hidden="true"
+              >
+                <div class="w-full text-center text-sm text-text-muted animate-pulse">
+                  Generating code...
+                </div>
+              </div>
+
+              <div class="w-full space-y-4 text-center">
+                <!-- Hidden input for copy functionality -->
+                <input
+                  type="text"
+                  class="sr-only"
+                  data-nip46-handshake-uri
+                  readonly
+                  aria-hidden="true"
+                >
+
+                <button
+                  type="button"
+                  class="btn w-full sm:max-w-xs"
+                  data-nip46-copy-uri
+                  disabled
+                >
+                  Copy Connect Link
+                </button>
+
+                <details class="text-sm text-text-muted">
+                  <summary class="cursor-pointer hover:text-text hover:underline">Trouble scanning?</summary>
+                  <div class="mt-2 p-2 bg-overlay-panel border border-border rounded-lg break-all text-xs font-mono text-left select-all" data-nip46-debug-uri>
+                    <!-- Raw URI injected here for debugging/manual copy -->
+                  </div>
+                </details>
+              </div>
+            </div>
+          </div>
+          <div
+            data-nip46-status
+            class="hidden rounded-lg border border-info/40 bg-info/10 px-4 py-3 text-sm text-info font-medium text-center"
+            role="status"
+          ></div>
+          <div
+            data-nip46-auth
+            class="hidden rounded-lg border border-warning/50 bg-warning/10 px-4 py-2 text-sm text-warning"
+            role="alert"
+          >
+            <p data-nip46-auth-message class="mb-2"></p>
+            <button type="button" class="btn-link text-sm" data-nip46-auth-open>
+              Open signer challenge
+            </button>
+          </div>
+
+          <div class="flex justify-between items-center pt-2">
+            <button
+              type="button"
+              class="btn-link text-sm hidden"
+              data-nip46-reuse
+            >
+              Reconnect saved
+            </button>
+            <button type="button" class="btn-ghost" data-nip46-cancel>Cancel</button>
+          </div>
+          <!-- Hidden submit to satisfy form semantics if needed, though we trigger via logic -->
+          <button type="submit" class="hidden" data-nip46-submit></button>
+        </form>
+      </template>
+    </div>
+  </div>
+</div>
diff --git a/dist/components/profile-modal.html b/dist/components/profile-modal.html
new file mode 100644
index 00000000..301b7d0c
--- /dev/null
+++ b/dist/components/profile-modal.html
@@ -0,0 +1,1683 @@
+<!-- components/profile-modal.html -->
+<div
+  id="profileModal"
+  class="bv-modal hidden"
+  role="dialog"
+  aria-modal="true"
+  aria-labelledby="profileModalTitle"
+  tabindex="-1"
+  data-ds="new"
+  data-mobile-view="menu"
+>
+  <div class="bv-modal-backdrop"></div>
+
+  <div
+    class="bv-modal__panel profile-modal w-full h-full max-w-none rounded-none border-none p-0"
+    tabindex="-1"
+    data-mobile-view="menu"
+  >
+    <div class="profile-modal__content">
+      <!-- Modal Header -->
+      <div class="modal-header profile-modal__header">
+        <div class="profile-modal__header-title">
+          <button
+            id="profileModalBack"
+            type="button"
+            class="modal-back btn-ghost focus-ring hidden"
+            aria-hidden="true"
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              class="h-4 w-4"
+              fill="none"
+              viewBox="0 0 24 24"
+              stroke="currentColor"
+            >
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M15 19l-7-7 7-7"
+              />
+            </svg>
+            <span class="text-xs font-medium">Menu</span>
+          </button>
+          <h2 id="profileModalTitle" class="text-lg font-bold text-text">Profile</h2>
+        </div>
+        <button id="closeProfileModal" class="modal-close">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="h-6 w-6"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke="currentColor"
+          >
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2"
+              d="M6 18L18 6M6 6l12 12"
+            />
+          </svg>
+        </button>
+      </div>
+
+      <!-- Modal Body -->
+      <div class="profile-modal__body">
+        <div
+          class="profile-modal__layout"
+          data-profile-layout
+          data-mobile-view="menu"
+        >
+          <!-- Left navigation column -->
+          <div class="profile-modal__menu" data-profile-mobile-menu aria-hidden="false">
+            <nav class="profile-modal__nav" aria-label="Profile sections">
+              <button
+                id="profileNavAccount"
+                type="button"
+                class="btn-ghost focus-ring w-full justify-start gap-2 px-3 py-2 text-xs font-medium"
+                aria-controls="profilePaneAccount"
+                aria-selected="true"
+                data-state="active"
+              >
+                <svg
+                  class="h-4 w-4"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                >
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                    d="M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+                  />
+                </svg>
+                Account
+              </button>
+              <button
+                id="profileNavRelays"
+                type="button"
+                class="btn-ghost focus-ring w-full justify-start gap-2 px-3 py-2 text-xs font-medium"
+                aria-controls="profilePaneRelays"
+                aria-selected="false"
+              >
+                <svg
+                  class="h-4 w-4"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                >
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                    d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 01-2 2v4a2 2 0 012 2h14a2 2 0 012-2v-4a2 2 0 01-2-2m-2-4h.01M17 16h.01"
+                  />
+                </svg>
+                Relays
+              </button>
+              <button
+                id="profileNavWallet"
+                type="button"
+                class="btn-ghost focus-ring w-full justify-start gap-2 px-3 py-2 text-xs font-medium"
+                aria-controls="profilePaneWallet"
+                aria-selected="false"
+              >
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  class="h-4 w-4"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                >
+                  <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" />
+                </svg>
+                Wallet
+              </button>
+              <button
+                id="profileNavStorage"
+                type="button"
+                class="btn-ghost focus-ring w-full justify-start gap-2 px-3 py-2 text-xs font-medium"
+                aria-controls="profilePaneStorage"
+                aria-selected="false"
+              >
+                <svg
+                  class="h-4 w-4"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                >
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                    d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z"
+                  />
+                </svg>
+                Storage
+              </button>
+              <button
+                id="profileNavHashtags"
+                type="button"
+                class="btn-ghost focus-ring w-full justify-start gap-2 px-3 py-2 text-xs font-medium"
+                aria-controls="profilePaneHashtags"
+                aria-selected="false"
+              >
+                <svg
+                  class="h-4 w-4"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                >
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                    d="M7 20l4-16m2 16l4-16M6 9h14M4 15h14"
+                  />
+                </svg>
+                Hashtags
+              </button>
+              <button
+                id="profileNavSubscriptions"
+                type="button"
+                class="btn-ghost focus-ring w-full justify-start gap-2 px-3 py-2 text-xs font-medium"
+                aria-controls="profilePaneSubscriptions"
+                aria-selected="false"
+              >
+                <svg
+                  class="h-4 w-4"
+                  viewBox="0 0 24 24"
+                  version="1.1"
+                  xmlns="http://www.w3.org/2000/svg"
+                  fill="currentColor"
+                  fill-rule="evenodd"
+                  clip-rule="evenodd"
+                  stroke-linejoin="round"
+                  stroke-miterlimit="2"
+                >
+                  <path
+                    d="M21.698,10.658L24,12L11.998,19L0,12L2.301,10.658L11.998,16.316L21.698,10.658ZM11.998,21.315L2.301,15.657L0,17L11.998,24L24,17L21.698,15.658L11.998,21.315ZM24,7L11.998,-0L0,7L11.998,14L24,7Z"
+                    fill-rule="nonzero"
+                  />
+                </svg>
+                Subscriptions
+              </button>
+              <button
+                id="profileNavFriends"
+                type="button"
+                class="btn-ghost focus-ring w-full justify-start gap-2 px-3 py-2 text-xs font-medium"
+                aria-controls="profilePaneFriends"
+                aria-selected="false"
+              >
+                <svg
+                  class="h-4 w-4"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                >
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                    d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"
+                  />
+                </svg>
+                Friends
+              </button>
+              <button
+                id="profileNavSafety"
+                type="button"
+                class="btn-ghost focus-ring w-full justify-start gap-2 px-3 py-2 text-xs font-medium"
+                aria-controls="profilePaneSafety"
+                aria-selected="false"
+              >
+                <svg
+                  class="h-4 w-4"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                >
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                    d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
+                  />
+                </svg>
+                Safety
+              </button>
+              <button
+                id="profileNavBlocked"
+                type="button"
+                class="btn-ghost focus-ring w-full justify-start gap-2 px-3 py-2 text-xs font-medium"
+                aria-controls="profilePaneBlocked"
+                aria-selected="false"
+              >
+                <svg
+                  class="h-4 w-4"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                >
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                    d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636"
+                  />
+                </svg>
+                Blocked
+              </button>
+              <button
+                id="profileNavMessages"
+                type="button"
+                class="btn-ghost focus-ring relative w-full justify-start gap-2 px-3 py-2 text-xs font-medium"
+                aria-controls="profilePaneMessages"
+                aria-selected="false"
+              >
+                <svg
+                  class="h-4 w-4"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                >
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                    d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
+                  />
+                </svg>
+                Messages
+                <span
+                  id="profileMessagesUnreadDot"
+                  class="profile-nav__unread-dot"
+                  aria-hidden="true"
+                ></span>
+              </button>
+              <button
+                id="profileNavHistory"
+                type="button"
+                class="btn-ghost focus-ring w-full justify-start gap-2 px-3 py-2 text-xs font-medium"
+                aria-controls="profilePaneHistory"
+                aria-selected="false"
+              >
+                <svg
+                  class="h-4 w-4"
+                  viewBox="0 0 24 24"
+                  version="1.1"
+                  xmlns="http://www.w3.org/2000/svg"
+                  fill="currentColor"
+                  fill-rule="evenodd"
+                  clip-rule="evenodd"
+                  stroke-linejoin="round"
+                  stroke-miterlimit="2"
+                >
+                  <g transform="matrix(1,0,0,1,12,12)">
+                    <g transform="matrix(1,0,0,1,-12,-12)">
+                      <path
+                        d="M12,2C6.486,2 2,6.486 2,12C2,17.514 6.486,22 12,22C17.514,22 22,17.514 22,12C22,6.486 17.514,2 12,2ZM12,4C16.411,4 20,7.589 20,12C20,16.411 16.411,20 12,20C7.589,20 4,16.411 4,12C4,7.589 7.589,4 12,4ZM11,7C10.448,7 10,7.448 10,8L10,13C10,13.266 10.105,13.52 10.293,13.707L13.293,16.707C13.683,17.098 14.317,17.098 14.707,16.707C15.098,16.317 15.098,15.683 14.707,15.293L12,12.586L12,8C12,7.448 11.552,7 11,7Z"
+                        fill-rule="nonzero"
+                      />
+                    </g>
+                  </g>
+                </svg>
+                Watch history
+              </button>
+              <button
+                id="profileNavAdmin"
+                type="button"
+                class="btn-ghost focus-ring hidden w-full justify-start gap-2 px-3 py-2 text-xs font-medium"
+                aria-controls="profilePaneAdmin"
+                aria-selected="false"
+              >
+                <svg
+                  class="h-4 w-4"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                >
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                    d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
+                  />
+                </svg>
+                Admin (Moderation)
+              </button>
+              <button
+                id="profileMobileLogoutBtn"
+                type="button"
+                class="btn-ghost focus-ring w-full justify-start gap-2 px-3 py-2 text-xs font-medium mt-6 lg:hidden"
+                data-variant="critical"
+              >
+                <svg
+                  class="h-4 w-4"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                >
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                    d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"
+                  />
+                </svg>
+                Logout
+              </button>
+            </nav>
+          </div>
+
+          <!-- Right content panes -->
+          <div
+            class="profile-modal__pane-wrapper"
+            data-profile-mobile-pane
+            aria-hidden="true"
+          >
+            <div
+              id="profilePermissionPrompt"
+              class="card hidden flex flex-col gap-3 p-4 sm:flex-row sm:items-center sm:justify-between"
+              role="status"
+              aria-live="polite"
+            >
+              <p
+                id="profilePermissionPromptMessage"
+                class="text-sm text-muted"
+              ></p>
+              <button
+                id="profilePermissionPromptButton"
+                type="button"
+                class="btn focus-ring"
+              >
+                Enable permissions
+              </button>
+            </div>
+            <div id="profileModalPanes" class="profile-modal__panes">
+            <section
+              id="profilePaneAccount"
+              class="profile-pane space-y-6"
+              role="tabpanel"
+              aria-labelledby="profileNavAccount"
+            >
+              <!--
+                The account pane now relies on bespoke CSS (see css/tailwind.source.css under
+                the "profile modal" section) so we are not dependent on utility
+                classes that may be purged or overridden by other builds.
+              -->
+              <div id="profileSwitcherTray" class="card space-y-5 p-5">
+                <div class="flex flex-wrap items-start gap-4">
+                  <div class="space-y-2">
+                    <h3 class="text-base font-semibold text-text">Switch profiles</h3>
+                    <p class="text-sm text-muted">
+                      Save multiple Nostr profiles so you can swap identities without leaving bitvid.
+                    </p>
+                  </div>
+                </div>
+
+                <div
+                  class="card profile-modal__active-profile"
+                  aria-label="Current Nostr profile"
+                  aria-pressed="true"
+                  role="button"
+                  tabindex="0"
+                  data-state="active"
+                >
+                  <span
+                    class="flex h-12 w-12 flex-shrink-0 items-center justify-center overflow-hidden rounded-full border-2 border-accent/50 bg-surface"
+                  >
+                    <img
+                      id="profileModalAvatar"
+                      src="/assets/svg/default-profile.svg"
+                      alt="Active profile avatar"
+                      class="h-full w-full object-cover"
+                    />
+                  </span>
+                  <div class="profile-modal__active-details">
+                    <div class="profile-modal__active-meta">
+                      <span class="text-3xs font-semibold uppercase tracking-extra-wide text-accent">
+                        Active profile
+                      </span>
+                    </div>
+                    <span id="profileModalName" class="truncate text-sm font-semibold text-text">Loading...</span>
+                    <span id="profileModalNpub" class="break-all font-mono text-xs text-muted">npub1...</span>
+                  </div>
+                  <div class="flex flex-wrap items-center gap-2 profile-modal__actions">
+                    <a
+                      id="profileChannelLink"
+                      href="#"
+                      class="btn-ghost focus-ring hidden text-xs"
+                    >
+                      View channel
+                    </a>
+                    <button
+                      id="profileEditBtn"
+                      type="button"
+                      class="btn-ghost focus-ring text-xs"
+                    >
+                      Edit profile
+                    </button>
+                  </div>
+                </div>
+
+                <div
+                  id="profileSwitcherList"
+                  class="grid-stack"
+                  aria-live="polite"
+                  aria-label="Additional Nostr profiles"
+                  role="list"
+                  data-orientation="vertical"
+                ></div>
+
+                <button
+                  type="button"
+                  id="profileAddAccountBtn"
+                  class="profile-modal__add-profile"
+                  aria-label="Add a new Nostr profile"
+                >
+                  <span class="profile-modal__add-profile-icon" aria-hidden="true">
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      viewBox="0 0 24 24"
+                      fill="none"
+                      stroke="currentColor"
+                      stroke-width="2"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    >
+                      <line x1="12" y1="5" x2="12" y2="19" />
+                      <line x1="5" y1="12" x2="19" y2="12" />
+                    </svg>
+                  </span>
+                  <span class="flex flex-col text-left">
+                    <span data-profile-add-title class="text-sm font-semibold text-text">Add profile</span>
+                    <span data-profile-add-hint class="text-xs text-muted-strong">Link another npub</span>
+                  </span>
+                </button>
+
+                <p class="text-sm text-muted">
+                  Profiles you add here will stay on this device so you can quickly switch before posting or moderating.
+                </p>
+              </div>
+            </section>
+
+            <section
+              id="profilePaneEdit"
+              class="profile-pane hidden space-y-6"
+              role="tabpanel"
+              aria-label="Edit profile"
+            >
+              <div class="flex items-center gap-2 mb-4">
+                <button
+                  id="profileEditBackBtn"
+                  type="button"
+                  class="btn-ghost focus-ring p-1 -ml-1 text-muted hover:text-text"
+                  aria-label="Back to account"
+                >
+                  <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
+                    <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
+                  </svg>
+                </button>
+                <h3 class="text-lg font-bold text-text">Edit Profile</h3>
+              </div>
+
+              <div class="space-y-5">
+                <!-- Basic Info -->
+                <div class="grid gap-4 sm:grid-cols-2">
+                  <label class="block text-sm text-muted-strong" for="editNameInput">
+                    <span class="mb-2 block font-medium">Username</span>
+                    <input
+                      id="editNameInput"
+                      type="text"
+                      class="input"
+                      placeholder="Name"
+                    />
+                  </label>
+                  <label class="block text-sm text-muted-strong" for="editDisplayNameInput">
+                    <span class="mb-2 block font-medium">Display Name</span>
+                    <input
+                      id="editDisplayNameInput"
+                      type="text"
+                      class="input"
+                      placeholder="Display Name (optional)"
+                    />
+                  </label>
+                </div>
+
+                <label class="block text-sm text-muted-strong" for="editAboutInput">
+                  <span class="mb-2 block font-medium">About</span>
+                  <textarea
+                    id="editAboutInput"
+                    class="input min-h-[var(--size-80px)]"
+                    placeholder="Tell us about yourself..."
+                  ></textarea>
+                </label>
+
+                <label class="block text-sm text-muted-strong" for="editWebsiteInput">
+                  <span class="mb-2 block font-medium">Website</span>
+                  <input
+                    id="editWebsiteInput"
+                    type="url"
+                    class="input"
+                    placeholder="https://example.com"
+                  />
+                </label>
+
+                <!-- Verifications -->
+                <div class="grid gap-4 sm:grid-cols-2">
+                  <label class="block text-sm text-muted-strong" for="editNip05Input">
+                    <span class="mb-2 block font-medium">NIP-05 Verification</span>
+                    <input
+                      id="editNip05Input"
+                      type="text"
+                      class="input"
+                      placeholder="name@domain.com"
+                    />
+                  </label>
+                  <label class="block text-sm text-muted-strong" for="editLud16Input">
+                    <span class="mb-2 block font-medium">Lightning Address (LUD16)</span>
+                    <input
+                      id="editLud16Input"
+                      type="text"
+                      class="input"
+                      placeholder="name@provider.com"
+                    />
+                  </label>
+                </div>
+
+                <!-- Images -->
+                <div class="space-y-4">
+                  <div class="flex flex-col gap-2">
+                    <label class="block text-sm text-muted-strong" for="editPictureInput">
+                      <span class="mb-2 block font-medium">Profile Picture URL</span>
+                    </label>
+                    <div class="flex gap-2">
+                      <input
+                        id="editPictureInput"
+                        type="url"
+                        class="input flex-1"
+                        placeholder="https://..."
+                      />
+                      <input type="file" id="editPictureFile" hidden accept="image/*" />
+                      <button
+                        id="editPictureUploadBtn"
+                        type="button"
+                        class="btn-ghost focus-ring"
+                        title="Upload profile picture"
+                      >
+                        Upload
+                      </button>
+                    </div>
+                    <div id="editPictureStorageHint" class="text-xs text-muted hidden">
+                      <a href="#" id="editPictureConfigureLink" class="underline hover:text-text">Configure storage</a> to enable uploads.
+                    </div>
+                  </div>
+
+                  <div class="flex flex-col gap-2">
+                    <label class="block text-sm text-muted-strong" for="editBannerInput">
+                      <span class="mb-2 block font-medium">Banner Image URL</span>
+                    </label>
+                    <div class="flex gap-2">
+                      <input
+                        id="editBannerInput"
+                        type="url"
+                        class="input flex-1"
+                        placeholder="https://..."
+                      />
+                      <input type="file" id="editBannerFile" hidden accept="image/*" />
+                      <button
+                        id="editBannerUploadBtn"
+                        type="button"
+                        class="btn-ghost focus-ring"
+                        title="Upload banner image"
+                      >
+                        Upload
+                      </button>
+                    </div>
+                    <div id="editBannerStorageHint" class="text-xs text-muted hidden">
+                      <a href="#" id="editBannerConfigureLink" class="underline hover:text-text">Configure storage</a> to enable uploads.
+                    </div>
+                  </div>
+                </div>
+
+                <!-- Actions -->
+                <div class="flex flex-wrap items-center gap-3 pt-4 border-t border-border/60">
+                  <button
+                    id="editSaveBtn"
+                    type="button"
+                    class="btn focus-ring"
+                  >
+                    Save Profile
+                  </button>
+                  <button
+                    id="editCancelBtn"
+                    type="button"
+                    class="btn-ghost focus-ring"
+                  >
+                    Cancel
+                  </button>
+                </div>
+                <p id="editStatusText" class="text-sm text-muted" role="status" aria-live="polite"></p>
+              </div>
+            </section>
+
+            <section
+              id="profilePaneRelays"
+              class="profile-pane hidden space-y-6"
+              role="tabpanel"
+              aria-labelledby="profileNavRelays"
+            >
+              <div class="space-y-4">
+                <p class="text-sm text-muted">
+                  Configure the relays bitvid will use to discover and publish your videos.
+                </p>
+                <div class="flex flex-col gap-3 sm:flex-row sm:items-end">
+                  <label class="flex-1 text-sm text-muted-strong" for="relayInput">
+                    <span class="mb-2 block font-medium">Add a relay</span>
+                    <input
+                      id="relayInput"
+                      type="url"
+                      placeholder="wss://relay.example.com"
+                      class="input"
+                    />
+                  </label>
+                  <div class="flex gap-2">
+                    <button
+                      id="addRelayBtn"
+                      type="button"
+                      class="btn focus-ring"
+                    >
+                      Add relay
+                    </button>
+                    <button
+                      id="restoreRelaysBtn"
+                      type="button"
+                      class="btn-ghost focus-ring"
+                    >
+                      Restore defaults
+                    </button>
+                  </div>
+                </div>
+              </div>
+              <div class="flex items-center justify-between gap-3">
+                <h3 class="text-base font-semibold text-text">Relays</h3>
+                <button
+                  id="relayListRefreshBtn"
+                  type="button"
+                  class="btn-ghost btn-icon"
+                  data-size="sm"
+                  aria-label="Refresh relay list"
+                >
+                  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"></path><path d="M16 21h5v-5"></path></svg>
+                </button>
+              </div>
+              <ul id="relayList" class="grid-stack" data-orientation="vertical"></ul>
+              <div id="relayHealthPanel" class="card space-y-4 p-5">
+                <div class="flex flex-wrap items-start justify-between gap-3">
+                  <div class="space-y-1">
+                    <h3 class="text-base font-semibold text-text">Relay health</h3>
+                    <p class="text-sm text-muted">
+                      Monitor connectivity, latency, and errors for your configured relays.
+                    </p>
+                  </div>
+                  <button
+                    id="relayHealthRefreshBtn"
+                    type="button"
+                    class="btn-ghost focus-ring text-xs"
+                  >
+                    Refresh
+                  </button>
+                </div>
+                <div
+                  id="relayHealthSummary"
+                  class="rounded-md border border-border/70 bg-surface/40 p-3"
+                >
+                  <div class="flex flex-wrap items-center justify-between gap-2">
+                    <p class="text-2xs font-semibold uppercase tracking-extra-wide text-muted-strong">
+                      Relay status
+                    </p>
+                    <p id="relayHealthCounts" class="text-xs font-semibold text-text"></p>
+                  </div>
+                  <p id="relayHealthMessage" class="mt-1 text-xs text-muted"></p>
+                </div>
+                <label
+                  for="relayHealthTelemetryOptIn"
+                  class="inline-flex items-center gap-2 text-xs font-medium text-muted-strong"
+                >
+                  <input
+                    id="relayHealthTelemetryOptIn"
+                    type="checkbox"
+                    class="checkbox"
+                  />
+                  Share relay health telemetry
+                </label>
+                <p class="text-xs text-muted">
+                  Telemetry is opt-in and only includes relay URLs, latency, and error counts.
+                </p>
+                <ul id="relayHealthList" class="grid-stack" data-orientation="vertical"></ul>
+                <p
+                  id="relayHealthStatus"
+                  class="text-xs text-muted"
+                  role="status"
+                  aria-live="polite"
+                ></p>
+              </div>
+            </section>
+
+            <section
+              id="profilePaneWallet"
+              class="profile-pane hidden space-y-6"
+              role="tabpanel"
+              aria-labelledby="profileNavWallet"
+            >
+              <div class="space-y-4">
+                <p class="text-sm text-muted">
+                  Connect a Nostr Wallet Connect (NWC) compatible wallet to zap creators directly from bitvid.
+                </p>
+                <div class="space-y-4">
+                  <label class="block text-sm text-muted-strong" for="profileWalletUri">
+                    <span class="mb-2 block font-medium">Wallet Connect URI</span>
+                    <input
+                      id="profileWalletUri"
+                      type="url"
+                      placeholder="nostr+walletconnect://<public-key>?relay=wss://relay.example.com"
+                      class="input"
+                    />
+                  </label>
+                  <label class="block text-sm text-muted-strong" for="profileWalletDefaultZap">
+                    <span class="mb-2 block font-medium">Default zap amount (sats)</span>
+                    <input
+                      id="profileWalletDefaultZap"
+                      type="number"
+                      inputmode="numeric"
+                      min="0"
+                      step="1"
+                      placeholder="500"
+                      class="input"
+                    />
+                  </label>
+                </div>
+                <div class="flex flex-wrap items-center gap-3">
+                  <button
+                    id="profileWalletSave"
+                    type="button"
+                    class="btn focus-ring"
+                  >
+                    Save wallet
+                  </button>
+                  <button
+                    id="profileWalletTest"
+                    type="button"
+                    class="btn-ghost focus-ring"
+                  >
+                    Test connection
+                  </button>
+                  <button
+                    id="profileWalletDisconnect"
+                    type="button"
+                    class="btn focus-ring"
+                    data-variant="danger"
+                  >
+                    Disconnect wallet
+                  </button>
+                </div>
+                <p
+                  id="profileWalletStatus"
+                  class="text-sm text-muted"
+                  role="status"
+                  aria-live="polite"
+                ></p>
+              </div>
+            </section>
+
+            <section
+              id="profilePaneStorage"
+              class="profile-pane hidden space-y-6"
+              role="tabpanel"
+              aria-labelledby="profileNavStorage"
+            >
+              <div class="space-y-4">
+                <div class="flex items-center justify-between">
+                  <h3 class="text-base font-semibold text-text">Storage Connections</h3>
+                  <div id="profileStorageStatus" class="text-xs text-muted"></div>
+                </div>
+                <p class="text-sm text-muted">
+                  Configure external storage providers for your uploads. Credentials are encrypted on your device.
+                </p>
+
+                <!-- Unlock UI -->
+                <div id="profileStorageUnlock" class="card space-y-4 p-5 hidden">
+                    <p class="text-sm text-muted">
+                        Unlock your secure storage to manage connections.
+                    </p>
+                    <button id="profileStorageUnlockBtn" type="button" class="btn focus-ring">
+                        Unlock Storage
+                    </button>
+                </div>
+
+                <!-- Connection Form -->
+                <div id="profileStorageForm" class="space-y-5 hidden">
+                    <div class="grid gap-4">
+                        <label class="block text-sm text-muted-strong" for="storageProvider">
+                            <span class="mb-2 block font-medium">Provider</span>
+                            <select id="storageProvider" class="input">
+                                <option value="cloudflare_r2" selected>Cloudflare R2</option>
+                                <option value="generic_s3">Custom S3</option>
+                            </select>
+                        </label>
+
+                        <!-- R2 Helper -->
+                        <div id="storageR2Helper" class="card border border-info/30 bg-info/10 p-3 text-xs text-info">
+                            Enter your Cloudflare R2 credentials. Your Account ID (from dashboard) is used to connect. For Public Access URL, use your custom domain or R2.dev subdomain. Ensure the token has "Object Read & Write" permissions.
+                        </div>
+
+                        <!-- S3 Helper -->
+                        <div id="storageS3Helper" class="card border border-info/30 bg-info/10 p-3 text-xs text-info hidden">
+                            Enter your S3-compatible storage details. The Endpoint URL is your provider's API address (e.g., https://s3.amazonaws.com or your MinIO URL).
+                        </div>
+
+                        <label class="block text-sm text-muted-strong hidden" for="storageEndpoint">
+                            <span class="mb-2 block font-medium">Endpoint</span>
+                            <input id="storageEndpoint" type="url" class="input" placeholder="https://..." />
+                        </label>
+
+                        <label class="hidden items-center gap-2 text-sm text-muted-strong" id="storageForcePathStyleLabel">
+                            <input id="storageForcePathStyle" type="checkbox" class="checkbox" checked />
+                            <span>Force Path Style</span>
+                        </label>
+
+                        <label class="block text-sm text-muted-strong" for="storageRegion">
+                            <span class="mb-2 block font-medium">Region</span>
+                            <input id="storageRegion" type="text" class="input" placeholder="auto" value="auto" />
+                        </label>
+
+                        <label class="block text-sm text-muted-strong" for="storageAccessKey">
+                            <span class="mb-2 block font-medium">Access Key ID</span>
+                            <input id="storageAccessKey" type="text" class="input" />
+                        </label>
+
+                        <label class="block text-sm text-muted-strong" for="storageSecretKey">
+                            <span class="mb-2 block font-medium">Secret Access Key</span>
+                            <input id="storageSecretKey" type="password" class="input" />
+                        </label>
+
+                        <label class="block text-sm text-muted-strong" for="storageBucket">
+                            <span class="mb-2 block font-medium">Bucket Name</span>
+                            <input id="storageBucket" type="text" class="input" />
+                        </label>
+
+                        <label class="block text-sm text-muted-strong" for="storagePrefix">
+                            <span class="mb-2 block font-medium">Public Access URL</span>
+                            <input id="storagePrefix" type="url" class="input" placeholder="https://pub-xxx.r2.dev" />
+                            <div id="storagePrefixWarning" class="hidden mt-2 text-xs text-status-warning"></div>
+                            <span class="mt-1 block text-xs text-muted">
+                                The public URL where your files will be accessible (CDN).
+                            </span>
+                        </label>
+
+                        <label class="flex items-center gap-2 text-sm text-muted-strong">
+                            <input id="storageDefault" type="checkbox" class="checkbox" />
+                            <span>Use as default for uploads</span>
+                        </label>
+                    </div>
+
+                    <div class="flex flex-wrap items-center gap-3">
+                        <button id="storageSaveBtn" type="button" class="btn focus-ring">
+                            Save Connection
+                        </button>
+                        <button id="storageTestBtn" type="button" class="btn-ghost focus-ring">
+                            Test Connection
+                        </button>
+                        <button id="storageClearBtn" type="button" class="btn-ghost focus-ring text-status-danger">
+                            Clear
+                        </button>
+                    </div>
+                    <p id="storageFormStatus" class="text-sm" role="status" aria-live="polite"></p>
+                </div>
+              </div>
+            </section>
+
+            <section
+              id="profilePaneHashtags"
+              class="profile-pane hidden space-y-6"
+              role="tabpanel"
+              aria-labelledby="profileNavHashtags"
+            >
+              <div class="space-y-3">
+                <p class="text-sm text-muted">
+                  Follow or mute hashtags to personalize the videos we show you.
+                </p>
+                <p
+                  id="profileHashtagStatus"
+                  class="text-sm text-muted"
+                  role="status"
+                  aria-live="polite"
+                ></p>
+              </div>
+
+              <div class="card space-y-4 p-5">
+                <div class="flex items-start justify-between gap-3">
+                  <div class="space-y-1">
+                    <h3 class="text-base font-semibold text-text">Interests</h3>
+                    <p class="text-sm text-muted">
+                      Videos tagged with these hashtags will be highlighted for you.
+                    </p>
+                  </div>
+                  <button
+                    id="profileHashtagInterestRefreshBtn"
+                    type="button"
+                    class="btn-ghost btn-icon"
+                    data-size="sm"
+                    aria-label="Refresh interest hashtags"
+                  >
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"></path><path d="M16 21h5v-5"></path></svg>
+                  </button>
+                </div>
+                <div class="flex flex-col gap-3 sm:flex-row sm:items-end">
+                  <label
+                    class="flex-1 text-sm text-muted-strong"
+                    for="profileHashtagInterestInput"
+                  >
+                    <span class="mb-2 block font-medium">Add a hashtag</span>
+                    <input
+                      id="profileHashtagInterestInput"
+                      type="text"
+                      inputmode="text"
+                      autocomplete="off"
+                      class="input"
+                      placeholder="nostr"
+                    />
+                  </label>
+                  <button
+                    id="profileAddHashtagInterestBtn"
+                    type="button"
+                    class="btn focus-ring"
+                  >
+                    Add interest
+                  </button>
+                </div>
+                <p
+                  id="profileHashtagInterestEmpty"
+                  class="card border border-dashed border-border/60 p-4 text-center text-sm text-muted"
+                >
+                  You haven’t added any interest hashtags yet.
+                </p>
+                <ul
+                  id="profileHashtagInterestList"
+                  class="profile-hashtag-list"
+                  data-orientation="horizontal"
+                ></ul>
+              </div>
+
+              <div class="card space-y-4 p-5">
+                <div class="flex items-start justify-between gap-3">
+                  <div class="space-y-1">
+                    <h3 class="text-base font-semibold text-text">Disinterests</h3>
+                    <p class="text-sm text-muted">
+                      We’ll de-emphasize or hide videos using these hashtags.
+                    </p>
+                  </div>
+                  <button
+                    id="profileHashtagDisinterestRefreshBtn"
+                    type="button"
+                    class="btn-ghost btn-icon"
+                    data-size="sm"
+                    aria-label="Refresh disinterest hashtags"
+                  >
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"></path><path d="M16 21h5v-5"></path></svg>
+                  </button>
+                </div>
+                <div class="flex flex-col gap-3 sm:flex-row sm:items-end">
+                  <label
+                    class="flex-1 text-sm text-muted-strong"
+                    for="profileHashtagDisinterestInput"
+                  >
+                    <span class="mb-2 block font-medium">Add a hashtag</span>
+                    <input
+                      id="profileHashtagDisinterestInput"
+                      type="text"
+                      inputmode="text"
+                      autocomplete="off"
+                      class="input"
+                      placeholder="spam"
+                    />
+                  </label>
+                  <button
+                    id="profileAddHashtagDisinterestBtn"
+                    type="button"
+                    class="btn focus-ring"
+                  >
+                    Add disinterest
+                  </button>
+                </div>
+                <p
+                  id="profileHashtagDisinterestEmpty"
+                  class="card border border-dashed border-border/60 p-4 text-center text-sm text-muted"
+                >
+                  You haven’t muted any hashtags yet.
+                </p>
+                <ul
+                  id="profileHashtagDisinterestList"
+                  class="profile-hashtag-list"
+                  data-orientation="horizontal"
+                ></ul>
+              </div>
+            </section>
+
+            <section
+              id="profilePaneSubscriptions"
+              class="profile-pane hidden space-y-4"
+              role="tabpanel"
+              aria-labelledby="profileNavSubscriptions"
+            >
+              <p class="text-sm text-muted">
+                These are the creators you’ve subscribed to directly in bitvid.
+              </p>
+              <p
+                id="subscriptionsStatus"
+                class="text-sm text-muted"
+                role="status"
+                aria-live="polite"
+              ></p>
+              <div class="flex items-center justify-between gap-3">
+                <h3 class="text-base font-semibold text-text">Subscriptions</h3>
+                <button
+                  id="subscriptionsRefreshBtn"
+                  type="button"
+                  class="btn-ghost btn-icon"
+                  data-size="sm"
+                  aria-label="Refresh subscriptions"
+                >
+                  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"></path><path d="M16 21h5v-5"></path></svg>
+                </button>
+              </div>
+              <div
+                id="subscriptionsEmpty"
+                class="card border border-dashed border-border/60 p-6 text-center text-sm text-muted"
+              >
+                You haven’t subscribed to any creators yet.
+              </div>
+              <ul id="subscriptionsList" class="grid-stack" data-orientation="vertical"></ul>
+            </section>
+
+            <section
+              id="profilePaneFriends"
+              class="profile-pane hidden space-y-4"
+              role="tabpanel"
+              aria-labelledby="profileNavFriends"
+            >
+              <p class="text-sm text-muted">
+                Add friends to spotlight creators you want to keep up with across bitvid.
+              </p>
+              <div class="flex items-center justify-between gap-3">
+                <h3 class="text-base font-semibold text-text">Friends</h3>
+                <button
+                  id="friendsRefreshBtn"
+                  type="button"
+                  class="btn-ghost btn-icon"
+                  data-size="sm"
+                  aria-label="Refresh friends"
+                >
+                  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"></path><path d="M16 21h5v-5"></path></svg>
+                </button>
+              </div>
+              <div class="flex flex-col gap-3 sm:flex-row sm:items-end">
+                <label class="flex-1 text-sm text-muted-strong" for="friendsInput">
+                  <span class="mb-2 block font-medium">Creator npub</span>
+                  <input
+                    id="friendsInput"
+                    type="text"
+                    inputmode="text"
+                    autocomplete="off"
+                    class="input"
+                    placeholder="npub1..."
+                  />
+                </label>
+                <button id="addFriendBtn" type="button" class="btn focus-ring">
+                  Add friend
+                </button>
+              </div>
+              <div
+                id="friendsEmpty"
+                class="card border border-dashed border-border/60 p-6 text-center text-sm text-muted"
+              >
+                You haven’t added any friends yet.
+              </div>
+              <ul id="friendsList" class="grid-stack" data-orientation="vertical"></ul>
+            </section>
+
+            <section
+              id="profilePaneSafety"
+              class="profile-pane hidden space-y-6"
+              role="tabpanel"
+              aria-labelledby="profileNavSafety"
+            >
+              <div id="profileModerationSettings" class="card space-y-5 p-5">
+                <div class="space-y-2">
+                  <h3 class="text-base font-semibold text-text">Safety</h3>
+                  <p class="text-sm text-muted">
+                    Choose how many trusted reports or mutes it takes to blur thumbnails, block autoplay previews, or hide videos entirely.
+                    Lower numbers are stricter.
+                  </p>
+                  <div class="rounded-lg border border-border bg-bg-muted p-3 text-xs text-muted">
+                    <p>
+                      Trusted counts include your first-degree follows (F1) plus seeded moderators.
+                    </p>
+                    <dl class="mt-2 grid gap-1">
+                      <div class="flex items-center justify-between gap-3">
+                        <dt>Trusted contacts</dt>
+                        <dd id="profileModerationTrustedContactsCount" class="font-semibold text-text">0</dd>
+                      </div>
+                      <div class="flex items-center justify-between gap-3">
+                        <dt>Active trusted mute contributors</dt>
+                        <dd id="profileModerationTrustedMuteCount" class="font-semibold text-text">0</dd>
+                      </div>
+                      <div class="flex items-center justify-between gap-3">
+                        <dt>Active trusted report contributors</dt>
+                        <dd id="profileModerationTrustedReportCount" class="font-semibold text-text">0</dd>
+                      </div>
+                    </dl>
+                    <p
+                      id="profileModerationSeedOnlyIndicator"
+                      class="mt-2 flex items-center gap-1 text-xs text-warning-strong"
+                      hidden
+                    >
+                      <span aria-hidden="true">●</span>
+                      <span>Seeded moderators only</span>
+                    </p>
+                  </div>
+                </div>
+                <div class="grid gap-4 sm:grid-cols-2">
+                  <label
+                    class="block text-sm text-muted-strong"
+                    for="profileModerationBlurThreshold"
+                  >
+                    <span class="mb-2 block font-medium">Blur after trusted reports</span>
+                    <input
+                      id="profileModerationBlurThreshold"
+                      type="number"
+                      inputmode="numeric"
+                      min="0"
+                      step="1"
+                      class="input"
+                    />
+                    <span class="mt-1 block text-xs text-muted">
+                      Thumbnails blur when trusted contacts report nudity at or above this count.
+                    </span>
+                  </label>
+                  <label
+                    class="block text-sm text-muted-strong"
+                    for="profileModerationAutoplayThreshold"
+                  >
+                    <span class="mb-2 block font-medium">Block autoplay after reports</span>
+                    <input
+                      id="profileModerationAutoplayThreshold"
+                      type="number"
+                      inputmode="numeric"
+                      min="0"
+                      step="1"
+                      class="input"
+                    />
+                    <span class="mt-1 block text-xs text-muted">
+                      Autoplay previews pause once trusted reports meet this threshold.
+                    </span>
+                  </label>
+                </div>
+                <div
+                  class="grid gap-4 sm:grid-cols-2"
+                  data-role="trusted-hide-controls"
+                >
+                  <label
+                    class="block text-sm text-muted-strong"
+                    for="profileModerationMuteHideThreshold"
+                    data-role="trusted-hide-control"
+                  >
+                    <span class="mb-2 block font-medium">Hide after trusted mutes</span>
+                    <input
+                      id="profileModerationMuteHideThreshold"
+                      type="number"
+                      inputmode="numeric"
+                      min="0"
+                      step="1"
+                      class="input"
+                    />
+                    <span class="mt-1 block text-xs text-muted">
+                      Hide videos when this many trusted contacts add the author to their mute list.
+                    </span>
+                  </label>
+                  <label
+                    class="block text-sm text-muted-strong"
+                    for="profileModerationSpamHideThreshold"
+                    data-role="trusted-hide-control"
+                  >
+                    <span class="mb-2 block font-medium">Hide after trusted spam reports</span>
+                    <input
+                      id="profileModerationSpamHideThreshold"
+                      type="number"
+                      inputmode="numeric"
+                      min="0"
+                      step="1"
+                      class="input"
+                    />
+                    <span class="mt-1 block text-xs text-muted">
+                      Hide videos entirely once trusted contacts report spam at or above this count.
+                    </span>
+                  </label>
+                </div>
+                <div class="flex flex-wrap items-center gap-3">
+                  <button
+                    id="profileModerationSave"
+                    type="button"
+                    class="btn focus-ring"
+                    disabled
+                  >
+                    Save moderation settings
+                  </button>
+                  <button
+                    id="profileModerationReset"
+                    type="button"
+                    class="btn-ghost focus-ring"
+                  >
+                    Restore defaults
+                  </button>
+                </div>
+                <p
+                  id="profileModerationStatus"
+                  class="text-sm text-muted"
+                  role="status"
+                  aria-live="polite"
+                ></p>
+                <div class="space-y-3 border-t border-border/60 pt-4">
+                  <div class="space-y-1">
+                    <h4 class="text-sm font-semibold text-text">Active overrides</h4>
+                    <p class="text-xs text-muted">
+                      Videos you unblocked with “Show anyway” stay listed here until reset.
+                    </p>
+                  </div>
+                  <div
+                    id="profileModerationOverridesEmpty"
+                    class="card border border-dashed border-border/60 p-4 text-center text-xs text-muted"
+                  >
+                    No moderation overrides yet.
+                  </div>
+                  <ul
+                    id="profileModerationOverridesList"
+                    class="grid-stack hidden"
+                    data-orientation="vertical"
+                  ></ul>
+                </div>
+              </div>
+
+              <div id="profileLinkPreviewSettings" class="card space-y-4 p-5">
+                <div class="space-y-2">
+                  <h3 class="text-base font-semibold text-text">Link previews</h3>
+                  <p class="text-sm text-muted">
+                    Control when bitvid fetches link preview metadata. Disable auto-fetch to review new domains before previews load.
+                  </p>
+                </div>
+                <label
+                  for="profileLinkPreviewAutoToggle"
+                  class="inline-flex items-center gap-2 text-xs font-medium text-muted-strong"
+                >
+                  <input
+                    id="profileLinkPreviewAutoToggle"
+                    type="checkbox"
+                    class="checkbox"
+                  />
+                  Auto-fetch previews from new domains
+                </label>
+              </div>
+            </section>
+
+            <section
+              id="profilePaneBlocked"
+              class="profile-pane hidden space-y-4"
+              role="tabpanel"
+              aria-labelledby="profileNavBlocked"
+            >
+              <p class="text-sm text-muted">
+                Creators you block are hidden from your bitvid experience. This
+                list is private to your account.
+              </p>
+              <div class="flex items-center justify-between gap-3">
+                <h3 class="text-base font-semibold text-text">Blocked creators</h3>
+                <button
+                  id="blockedRefreshBtn"
+                  type="button"
+                  class="btn-ghost btn-icon"
+                  data-size="sm"
+                  aria-label="Refresh blocked creators"
+                >
+                  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"></path><path d="M16 21h5v-5"></path></svg>
+                </button>
+              </div>
+              <div class="flex flex-col gap-3 sm:flex-row sm:items-end">
+                <label class="flex-1 text-sm text-muted-strong" for="blockedInput">
+                  <span class="mb-2 block font-medium">Creator npub</span>
+                  <input
+                    id="blockedInput"
+                    type="text"
+                    inputmode="text"
+                    autocomplete="off"
+                    class="input"
+                    placeholder="npub1..."
+                  />
+                </label>
+                <button
+                  id="addBlockedBtn"
+                  type="button"
+                  class="btn focus-ring"
+                >
+                  Block creator
+                </button>
+              </div>
+              <div
+                id="blockedEmpty"
+                class="card border border-dashed border-border/60 p-6 text-center text-sm text-muted"
+              >
+                You haven’t blocked any creators yet.
+              </div>
+              <ul id="blockedList" class="grid-stack" data-orientation="vertical"></ul>
+            </section>
+            <section
+              id="profilePaneMessages"
+              class="profile-pane hidden space-y-4"
+              role="tabpanel"
+              aria-labelledby="profileNavMessages"
+            >
+              <div id="dmAppShellMount"></div>
+            </section>
+            <section
+              id="profilePaneHistory"
+              class="profile-pane hidden space-y-4"
+              role="tabpanel"
+              aria-labelledby="profileNavHistory"
+            >
+              <p class="text-sm text-muted">
+                Your recently watched videos appear here so you can jump back into favorites.
+              </p>
+              <div
+                id="profileHistoryFeatureBanner"
+                class="card hidden border border-status-warning-border bg-status-warning-surface px-4 py-3 text-sm text-status-warning-on"
+                role="status"
+                aria-live="polite"
+              ></div>
+              <div class="space-y-4">
+                <div class="flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between">
+                  <div
+                    class="flex flex-wrap gap-2"
+                    role="group"
+                    aria-label="Watch history actions"
+                  >
+                    <button
+                      id="profileHistoryClear"
+                      type="button"
+                      class="btn-ghost focus-ring inline-flex items-center gap-2"
+                      data-size="sm"
+                    >
+                      Clear local cache
+                    </button>
+                    <button
+                      id="profileHistoryRefresh"
+                      type="button"
+                      class="btn-ghost btn-icon focus-ring"
+                      data-size="sm"
+                      aria-label="Refresh watch history"
+                    >
+                      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"></path><path d="M16 21h5v-5"></path></svg>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  id="profileHistoryPrivacyBanner"
+                  class="card hidden border border-status-info-border bg-status-info-surface px-4 py-3 text-sm text-status-info-on"
+                  role="status"
+                  aria-live="polite"
+                >
+                  <p id="profileHistoryPrivacyMessage" class="mb-2"></p>
+                  <div class="flex flex-wrap items-center gap-2">
+                    <button
+                      id="profileHistoryPrivacyDismiss"
+                      type="button"
+                      class="btn-ghost focus-ring text-xs"
+                    >
+                      Dismiss
+                    </button>
+                    <button
+                      id="profileHistoryPrivacyToggle"
+                      type="button"
+                      class="btn-ghost focus-ring text-xs hidden"
+                    >
+                      Change settings
+                    </button>
+                  </div>
+                </div>
+                <p id="profileHistoryInfo" class="text-xs text-muted"></p>
+                <div
+                  id="profileHistorySessionWarning"
+                  class="hidden pill"
+                  data-variant="warning"
+                  role="status"
+                  aria-live="polite"
+                >
+                  Session actor in use. Connect a NIP-07 extension to publish as your main profile.
+                </div>
+                <div id="profileHistoryLoading" class="py-6">
+                  <div id="profileHistoryStatus">
+                    <div
+                      class="sidebar-loading-wrapper"
+                      role="status"
+                      aria-live="polite"
+                    >
+                      <div class="sidebar-loading-indicator">
+                        <span
+                          class="status-spinner status-spinner--inline"
+                          aria-hidden="true"
+                        ></span>
+                        <span class="sidebar-loading-text"
+                          >Fetching watch history from relays…</span
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  id="profileHistoryError"
+                  class="card hidden border border-critical/40 bg-critical/10 px-4 py-3 text-sm text-critical"
+                  role="alert"
+                  aria-live="assertive"
+                ></div>
+                <div
+                  id="profileHistoryEmpty"
+                  class="card hidden border border-dashed border-border/60 p-6 text-center text-sm text-muted"
+                >
+                  You haven’t watched any videos yet.
+                </div>
+                <div id="profileHistoryScroll" class="relative">
+                  <div
+                    id="profileHistoryGrid"
+                    class="grid-stack hidden"
+                    data-variant="cards"
+                    data-orientation="vertical"
+                    role="list"
+                  ></div>
+                  <div id="profileHistorySentinel" class="h-1 w-full"></div>
+                </div>
+              </div>
+            </section>
+            <section
+              id="profilePaneAdmin"
+              class="profile-pane hidden space-y-6"
+              role="tabpanel"
+              aria-labelledby="profileNavAdmin"
+            >
+              <div class="space-y-2">
+                <h3 class="text-base font-semibold text-text">Platform moderation</h3>
+                <p class="text-sm text-muted">
+                  Manage bitvid’s moderator roles and creator allow/block lists. Changes apply instantly across the app.
+                </p>
+              </div>
+
+              <div id="adminModeratorsSection" class="space-y-4 hidden" aria-hidden="true">
+                <div class="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
+                  <div class="flex items-center gap-2">
+                    <h4 class="text-base font-semibold text-text">Moderators</h4>
+                    <button
+                      id="adminModeratorsRefreshBtn"
+                      type="button"
+                      class="btn-ghost btn-icon"
+                      data-size="sm"
+                      aria-label="Refresh moderators"
+                    >
+                      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"></path><path d="M16 21h5v-5"></path></svg>
+                    </button>
+                  </div>
+                  <p class="text-xs uppercase tracking-wide text-muted">
+                    Super Admin only
+                  </p>
+                </div>
+                <p class="text-sm text-muted">
+                  Moderators can edit the whitelist and blacklist but cannot manage other moderators or whitelist mode.
+                </p>
+                <div class="flex flex-col gap-3 sm:flex-row sm:items-end">
+                  <label class="flex-1 text-sm text-muted-strong" for="adminModeratorInput">
+                    <span class="mb-2 block font-medium">Moderator npub</span>
+                    <input
+                      id="adminModeratorInput"
+                      type="text"
+                      inputmode="text"
+                      autocomplete="off"
+                      class="input"
+                      placeholder="npub1..."
+                    />
+                  </label>
+                  <button
+                    id="adminAddModeratorBtn"
+                    type="button"
+                    class="btn focus-ring"
+                  >
+                    Add moderator
+                  </button>
+                </div>
+                <div
+                  id="adminModeratorsEmpty"
+                  class="card border border-dashed border-border/60 p-4 text-center text-sm text-muted"
+                >
+                  No moderators configured yet.
+                </div>
+                <ul id="adminModeratorList" class="grid-stack" data-orientation="vertical"></ul>
+              </div>
+
+              <div id="adminWhitelistSection" class="space-y-4">
+                <div class="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
+                  <div class="flex items-center gap-2">
+                    <h4 class="text-base font-semibold text-text">Whitelist</h4>
+                    <button
+                      id="adminWhitelistRefreshBtn"
+                      type="button"
+                      class="btn-ghost btn-icon"
+                      data-size="sm"
+                      aria-label="Refresh whitelist"
+                    >
+                      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"></path><path d="M16 21h5v-5"></path></svg>
+                    </button>
+                  </div>
+                </div>
+                <p class="text-sm text-muted">
+                  Creators listed here remain visible when whitelist mode is enabled. Accounts can appear in both lists, and the blacklist always takes precedence.
+                </p>
+                <div class="flex flex-col gap-3 sm:flex-row sm:items-end">
+                  <label class="flex-1 text-sm text-muted-strong" for="adminWhitelistInput">
+                    <span class="mb-2 block font-medium">Creator npub</span>
+                    <input
+                      id="adminWhitelistInput"
+                      type="text"
+                      inputmode="text"
+                      autocomplete="off"
+                      class="input"
+                      placeholder="npub1..."
+                    />
+                  </label>
+                  <button
+                    id="adminAddWhitelistBtn"
+                    type="button"
+                    class="btn focus-ring"
+                  >
+                    Add to whitelist
+                  </button>
+                </div>
+                <div
+                  id="adminWhitelistEmpty"
+                  class="card border border-dashed border-border/60 p-4 text-center text-sm text-muted"
+                >
+                  No whitelisted creators yet.
+                </div>
+                <ul id="adminWhitelistList" class="grid-stack" data-orientation="vertical"></ul>
+              </div>
+
+              <div id="adminBlacklistSection" class="space-y-4">
+                <div class="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
+                  <div class="flex items-center gap-2">
+                    <h4 class="text-base font-semibold text-text">Blacklist</h4>
+                    <button
+                      id="adminBlacklistRefreshBtn"
+                      type="button"
+                      class="btn-ghost btn-icon"
+                      data-size="sm"
+                      aria-label="Refresh blacklist"
+                    >
+                      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"></path><path d="M16 21h5v-5"></path></svg>
+                    </button>
+                  </div>
+                </div>
+                <p class="text-sm text-muted">
+                  Creators on the blacklist are hidden from bitvid everywhere. Accounts can appear in both lists, and the blacklist always takes precedence.
+                </p>
+                <div class="flex flex-col gap-3 sm:flex-row sm:items-end">
+                  <label class="flex-1 text-sm text-muted-strong" for="adminBlacklistInput">
+                    <span class="mb-2 block font-medium">Creator npub</span>
+                    <input
+                      id="adminBlacklistInput"
+                      type="text"
+                      inputmode="text"
+                      autocomplete="off"
+                      class="input"
+                      placeholder="npub1..."
+                    />
+                  </label>
+                  <button
+                    id="adminAddBlacklistBtn"
+                    type="button"
+                    class="btn focus-ring"
+                  >
+                    Add to blacklist
+                  </button>
+                </div>
+                <div
+                  id="adminBlacklistEmpty"
+                  class="card border border-dashed border-border/60 p-4 text-center text-sm text-muted"
+                >
+                  No blacklisted creators yet.
+                </div>
+                <ul id="adminBlacklistList" class="grid-stack" data-orientation="vertical"></ul>
+              </div>
+            </section>
+          </div>
+        </div>
+      </div>
+
+      <!-- Modal Footer -->
+      <div class="hidden lg:flex items-center justify-end gap-3 border-t border-border/60 p-4">
+        <button id="profileLogoutBtn" class="btn focus-ring" data-variant="danger">
+          Logout
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/dist/components/revert-video-modal.html b/dist/components/revert-video-modal.html
new file mode 100644
index 00000000..1c521087
--- /dev/null
+++ b/dist/components/revert-video-modal.html
@@ -0,0 +1,209 @@
+<!-- components/revert-video-modal.html -->
+<div
+  id="revertVideoModal"
+  class="bv-modal hidden items-start justify-center md:items-center"
+  role="dialog"
+  aria-modal="true"
+  aria-labelledby="revertModalTitle"
+  aria-describedby="revertModalSubtitle"
+  data-ds="new"
+>
+  <div
+    id="revertVideoModalOverlay"
+    class="bv-modal-backdrop"
+    data-dismiss
+  ></div>
+
+  <div class="modal-sheet max-h-modal-sheet overflow-hidden" tabindex="-1">
+      <div class="modal-header transition-transform duration-150">
+        <div class="flex flex-col">
+          <h2 id="revertModalTitle" class="text-xl font-bold text-text">
+            Revert Video Note
+          </h2>
+          <p id="revertModalSubtitle" class="text-xs text-muted">
+            Review previous versions before restoring an older state.
+          </p>
+        </div>
+        <button
+          id="closeRevertVideoModal"
+          class="modal-close"
+          type="button"
+          aria-label="Close revert modal"
+        >
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="h-6 w-6"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke="currentColor"
+          >
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2"
+              d="M6 18L18 6M6 6l12 12"
+            />
+          </svg>
+        </button>
+      </div>
+
+      <div class="modal-body space-y-6 overflow-y-auto max-h-modal-body">
+        <div
+          class="rounded-md border border-border/60 bg-panel/60 p-4 text-sm text-muted-strong"
+        >
+          <p>
+            Selecting an older version will mark any newer edits as reverted.
+            The previous revision will become the active note on the relays.
+          </p>
+          <p class="mt-2 text-xs text-muted">
+            Versions are grouped by their
+            <code
+              class="rounded border border-border/60 bg-surface/60 px-1 py-0.5 text-2xs"
+              >d</code
+            >
+            tag or shared
+            <code
+              class="rounded border border-border/60 bg-surface/60 px-1 py-0.5 text-2xs"
+              >videoRootId</code
+            >. This ensures legacy clients see consistent history when multiple
+            edits were published, and keeps audience flags (NSFW / for kids)
+            aligned with the Upload modal.
+          </p>
+        </div>
+
+        <div class="revert-modal__layout">
+          <aside class="space-y-4">
+            <div class="flex items-center justify-between">
+              <h3 class="text-sm font-semibold text-text">
+                Revision history
+              </h3>
+              <span
+                id="revertHistoryCount"
+                class="rounded-full bg-panel px-2 py-0.5 text-xs text-muted"
+              ></span>
+            </div>
+            <div
+              id="revertVersionsList"
+              class="space-y-2 overflow-y-auto pr-1 max-h-modal-pane"
+            ></div>
+          </aside>
+
+          <section
+            id="revertVersionDetails"
+            class="rounded-lg border border-border/70 bg-surface/70 p-4 text-sm text-text"
+            aria-live="polite"
+          >
+            <!-- NOTE: Keep Upload/Edit metadata fields mirrored when adjusting these sections. -->
+            <div
+              class="space-y-6"
+              aria-labelledby="revertVersionPlaceholderHeading"
+            >
+              <div class="space-y-2 text-center">
+                <h3
+                  id="revertVersionPlaceholderHeading"
+                  class="text-sm font-semibold text-text"
+                >
+                  Revision metadata
+                </h3>
+                <p id="revertVersionPlaceholder" class="text-sm text-muted">
+                  Select an earlier revision to inspect its metadata.
+                </p>
+              </div>
+
+              <section class="space-y-2">
+                <h4
+                  class="text-xs font-semibold uppercase tracking-wide text-muted"
+                >
+                  Playback sources
+                </h4>
+                <dl class="grid gap-2 text-xs text-muted sm:grid-cols-2">
+                  <div class="space-y-1">
+                    <dt class="font-semibold text-muted-strong">Hosted URL</dt>
+                    <dd class="text-muted">Awaiting selection</dd>
+                  </div>
+                  <div class="space-y-1">
+                    <dt class="font-semibold text-muted-strong">Magnet</dt>
+                    <dd class="text-muted">Awaiting selection</dd>
+                  </div>
+                </dl>
+              </section>
+
+              <section class="space-y-2">
+                <h4
+                  class="text-xs font-semibold uppercase tracking-wide text-muted"
+                >
+                  Audience flags
+                </h4>
+                <dl class="grid gap-2 text-xs text-muted sm:grid-cols-2">
+                  <div class="space-y-1">
+                    <dt class="font-semibold text-muted-strong">NSFW flag</dt>
+                    <dd class="text-muted">Awaiting selection</dd>
+                  </div>
+                  <div class="space-y-1">
+                    <dt class="font-semibold text-muted-strong">For kids flag</dt>
+                    <dd class="text-muted">Awaiting selection</dd>
+                  </div>
+                </dl>
+              </section>
+
+              <section class="space-y-2">
+                <h4
+                  class="text-xs font-semibold uppercase tracking-wide text-muted"
+                >
+                  NIP-71 event metadata
+                </h4>
+                <dl class="grid gap-2 text-xs text-muted sm:grid-cols-2">
+                  <div class="space-y-1">
+                    <dt class="font-semibold text-muted-strong">Kind</dt>
+                    <dd class="text-muted">Awaiting selection</dd>
+                  </div>
+                  <div class="space-y-1">
+                    <dt class="font-semibold text-muted-strong">Duration</dt>
+                    <dd class="text-muted">Awaiting selection</dd>
+                  </div>
+                  <div class="space-y-1 sm:col-span-2">
+                    <dt class="font-semibold text-muted-strong">Summary</dt>
+                    <dd class="text-muted">Awaiting selection</dd>
+                  </div>
+                </dl>
+              </section>
+
+              <section class="space-y-2">
+                <h4
+                  class="text-xs font-semibold uppercase tracking-wide text-muted"
+                >
+                  NIP-71 media metadata
+                </h4>
+                <p class="text-xs text-muted">
+                  Media variants, text tracks, chapters, hashtags, participants,
+                  and references will appear once a revision is selected.
+                </p>
+              </section>
+            </div>
+          </section>
+        </div>
+
+        <p id="revertSelectionStatus" class="text-xs text-muted"></p>
+
+        <div class="flex flex-col gap-3 sm:flex-row sm:justify-end">
+          <button
+            type="button"
+            id="cancelRevertVideo"
+            class="btn-ghost w-full sm:w-auto"
+          >
+            Cancel
+          </button>
+          <button
+            type="button"
+            id="confirmRevertVideo"
+            class="btn w-full sm:w-auto"
+            data-variant="critical"
+            disabled
+          >
+            Revert to selected version
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/dist/components/search-filter-modal.html b/dist/components/search-filter-modal.html
new file mode 100644
index 00000000..64651640
--- /dev/null
+++ b/dist/components/search-filter-modal.html
@@ -0,0 +1,174 @@
+<div
+  id="searchFilterModal"
+  class="bv-modal hidden p-0 sm:p-0 lg:p-8 lg:items-start lg:justify-center overflow-hidden"
+  role="dialog"
+  aria-modal="true"
+  aria-labelledby="searchFilterModalTitle"
+  data-ds="new"
+>
+  <div class="bv-modal-backdrop" data-dismiss></div>
+
+  <div
+    class="modal-sheet w-full h-full max-w-none rounded-none border-0 lg:max-h-modal-shell lg:max-w-4xl lg:rounded-modal-xl lg:border lg:h-auto flex min-h-0 flex-col overflow-hidden"
+    tabindex="-1"
+  >
+    <!-- Header -->
+    <div class="modal-header">
+      <h2 id="searchFilterModalTitle" class="text-xl font-bold text-text">
+        Search Filters
+      </h2>
+      <button id="closeSearchFilterModal" class="modal-close">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="h-6 w-6"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+        >
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            d="M6 18L18 6M6 6l12 12"
+          />
+        </svg>
+      </button>
+    </div>
+
+    <!-- Body -->
+    <div class="modal-body flex-1 overflow-y-auto">
+      <form id="searchFilterForm" class="space-y-6">
+        <!-- Basic Filters Grid -->
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+
+          <!-- Column 1: Date Range -->
+          <div class="space-y-3">
+            <h3 class="text-xs font-semibold uppercase tracking-wide text-muted">Date Range</h3>
+            <div class="flex flex-wrap gap-2" id="searchFilterDateChips">
+              <button type="button" class="search-filter-chip focus-ring" data-days="1">24h</button>
+              <button type="button" class="search-filter-chip focus-ring" data-days="7">7d</button>
+              <button type="button" class="search-filter-chip focus-ring" data-days="30">30d</button>
+              <button type="button" class="search-filter-chip focus-ring" data-days="90">90d</button>
+              <button type="button" class="search-filter-chip focus-ring" data-days="all">All time</button>
+            </div>
+            <div class="grid grid-cols-2 gap-2">
+              <div class="space-y-1">
+                <label for="searchFilterDateStart" class="text-xs text-muted">Start</label>
+                <input type="date" id="searchFilterDateStart" class="input w-full text-xs" />
+              </div>
+              <div class="space-y-1">
+                <label for="searchFilterDateEnd" class="text-xs text-muted">End</label>
+                <input type="date" id="searchFilterDateEnd" class="input w-full text-xs" />
+              </div>
+            </div>
+          </div>
+
+          <!-- Column 2: Sort & Author -->
+          <div class="space-y-4">
+            <div class="space-y-2">
+              <label for="searchFilterSort" class="text-xs font-semibold uppercase tracking-wide text-muted">Sort By</label>
+              <select id="searchFilterSort" class="select w-full">
+                <option value="recent">Most recent</option>
+                <option value="views">Most viewed</option>
+                <option value="trending">Trending</option>
+                <option value="longest">Longest</option>
+              </select>
+            </div>
+            <div class="space-y-2">
+              <label for="searchFilterAuthor" class="text-xs font-semibold uppercase tracking-wide text-muted">Author (npub)</label>
+              <input type="text" id="searchFilterAuthor" class="input w-full" placeholder="npub1..." />
+            </div>
+          </div>
+
+           <!-- Column 3: Quick Toggles (was advanced) -->
+           <div class="space-y-4">
+             <div class="space-y-2">
+                <h3 class="text-xs font-semibold uppercase tracking-wide text-muted">Content</h3>
+                 <div class="flex flex-col gap-3">
+                   <div class="flex items-center justify-between">
+                     <span class="text-sm text-text">NSFW Content</span>
+                     <button type="button" role="switch" aria-checked="false" id="searchFilterNsfwToggle" class="switch">
+                     </button>
+                   </div>
+                   <!-- Reserved for "Followed only" later -->
+                 </div>
+             </div>
+           </div>
+
+        </div>
+
+        <!-- Advanced Toggle -->
+        <div>
+          <button
+            type="button"
+            id="searchFilterAdvancedToggle"
+            class="btn-ghost w-full justify-between text-sm font-medium"
+            aria-expanded="false"
+            aria-controls="searchFilterAdvancedPanel"
+          >
+            <span>Advanced filters</span>
+            <span class="text-muted transition-transform duration-200" aria-hidden="true">▼</span>
+          </button>
+        </div>
+
+        <!-- Advanced Panel (Hidden by default) -->
+        <div id="searchFilterAdvancedPanel" class="hidden space-y-6 pt-2 border-t border-border-subtle">
+           <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+
+             <!-- Advanced: Tags -->
+             <div class="md:col-span-2 space-y-3">
+               <label for="searchFilterTags" class="text-xs font-semibold uppercase tracking-wide text-muted">Tags</label>
+               <input type="text" id="searchFilterTags" class="input w-full" placeholder="Add tag or keyword (comma separated)" />
+               <div class="flex flex-wrap gap-2" id="searchFilterTagChips">
+                 <button type="button" class="search-filter-chip focus-ring" data-tag="nostr">#nostr</button>
+                 <button type="button" class="search-filter-chip focus-ring" data-tag="music">#music</button>
+                 <button type="button" class="search-filter-chip focus-ring" data-tag="live">#live</button>
+                 <button type="button" class="search-filter-chip focus-ring" data-tag="gaming">#gaming</button>
+                 <button type="button" class="search-filter-chip focus-ring" data-tag="tech">#tech</button>
+               </div>
+             </div>
+
+             <!-- Advanced: Duration -->
+             <div class="space-y-3">
+               <h3 class="text-xs font-semibold uppercase tracking-wide text-muted">Duration</h3>
+               <div class="grid gap-2">
+                 <label class="flex items-center gap-3 text-sm text-text cursor-pointer">
+                   <input type="checkbox" class="checkbox" id="searchFilterDurationShort" />
+                   <span>Short (under 5 min)</span>
+                 </label>
+                 <label class="flex items-center gap-3 text-sm text-text cursor-pointer">
+                   <input type="checkbox" class="checkbox" id="searchFilterDurationMedium" />
+                   <span>Medium (5-20 min)</span>
+                 </label>
+                 <label class="flex items-center gap-3 text-sm text-text cursor-pointer">
+                   <input type="checkbox" class="checkbox" id="searchFilterDurationLong" />
+                   <span>Long (20+ min)</span>
+                 </label>
+               </div>
+             </div>
+
+             <!-- Advanced: Has -->
+             <div class="space-y-3">
+               <h3 class="text-xs font-semibold uppercase tracking-wide text-muted">Must Have</h3>
+               <div class="flex flex-wrap gap-2" id="searchFilterHasChips">
+                 <button type="button" class="search-filter-chip focus-ring" data-has="magnet">Magnet Link</button>
+                 <button type="button" class="search-filter-chip focus-ring" data-has="url">Web URL</button>
+               </div>
+             </div>
+
+           </div>
+        </div>
+      </form>
+    </div>
+
+    <!-- Footer -->
+    <div class="modal-footer flex-row items-center justify-between border-t border-border-subtle bg-surface-alt/50">
+      <button type="button" id="searchFilterResetBtn" class="btn-ghost text-sm">
+        Reset
+      </button>
+      <button type="button" id="searchFilterApplyBtn" class="btn text-sm">
+        Apply Filters
+      </button>
+    </div>
+  </div>
+</div>
diff --git a/dist/components/share-nostr-modal.html b/dist/components/share-nostr-modal.html
new file mode 100644
index 00000000..c0182f40
--- /dev/null
+++ b/dist/components/share-nostr-modal.html
@@ -0,0 +1,127 @@
+<!-- components/share-nostr-modal.html -->
+<div
+  id="shareNostrModal"
+  class="bv-modal modal-always-on-top hidden items-start justify-center md:items-center"
+  role="dialog"
+  aria-modal="true"
+  aria-labelledby="shareNostrModalTitle"
+  aria-describedby="shareNostrModalDescription"
+  data-ds="new"
+>
+  <div class="bv-modal-backdrop" data-dismiss></div>
+
+  <div class="modal-sheet max-h-modal-shell overflow-hidden flex flex-col w-full max-w-2xl" tabindex="-1">
+    <div class="modal-header">
+      <h2 id="shareNostrModalTitle" class="text-xl font-bold text-text">
+        Share on Nostr
+      </h2>
+      <button
+        id="closeShareNostrModal"
+        class="modal-close"
+        type="button"
+        aria-label="Close share modal"
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="h-6 w-6"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+        >
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            d="M6 18L18 6M6 6l12 12"
+          />
+        </svg>
+      </button>
+    </div>
+
+    <div class="modal-body space-y-6 overflow-y-auto flex-1 min-h-0 custom-scrollbar p-6">
+      <p id="shareNostrModalDescription" class="text-sm text-muted">
+        Publish a short note and thumbnail preview to your preferred Nostr relays.
+      </p>
+
+      <div class="space-y-2">
+        <label for="shareNostrContent" class="block text-sm font-medium text-text">
+          Post content
+        </label>
+        <textarea
+          id="shareNostrContent"
+          rows="6"
+          class="textarea"
+          placeholder="Write your message"
+        ></textarea>
+      </div>
+
+      <div class="space-y-3 rounded-lg border border-border bg-panel/50 p-4">
+        <div class="flex items-center justify-between">
+          <span class="text-xs font-semibold uppercase tracking-wide text-muted">
+            Preview
+          </span>
+          <a
+            id="shareNostrPreviewUrl"
+            class="text-xs text-accent hover:underline break-all"
+            href="#"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            --
+          </a>
+        </div>
+        <div class="flex items-start gap-4">
+          <div class="h-16 w-24 rounded-md border border-border bg-surface-alt overflow-hidden flex items-center justify-center">
+            <img
+              id="shareNostrPreviewThumbnail"
+              class="h-full w-full object-cover hidden"
+              alt="Video thumbnail preview"
+            />
+            <span
+              id="shareNostrPreviewFallback"
+              class="text-xs text-muted text-center px-2"
+            >
+              No thumbnail
+            </span>
+          </div>
+          <div class="flex-1 space-y-1 min-w-0">
+            <p id="shareNostrPreviewTitle" class="text-sm font-semibold text-text truncate">
+              --
+            </p>
+            <p id="shareNostrPreviewMeta" class="text-xs text-muted truncate">
+              --
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <div class="space-y-2">
+        <label for="shareNostrRelays" class="block text-sm font-medium text-text">
+          Relays to post to
+        </label>
+        <input
+          id="shareNostrRelays"
+          type="text"
+          class="input"
+          placeholder="wss://relay.example, wss://relay.example2"
+        />
+        <p class="text-xs text-muted">
+          Separate relay URLs with commas. The list defaults to your write relays.
+        </p>
+        <div id="shareNostrRelayPills" class="flex flex-wrap gap-2"></div>
+      </div>
+    </div>
+
+    <div class="modal-footer flex flex-col gap-3 border-t border-border bg-panel/30 p-4 sm:flex-row sm:items-center sm:justify-between">
+      <p id="shareNostrStatus" class="text-xs text-muted" role="status" aria-live="polite"></p>
+      <div class="flex items-center gap-3">
+        <button id="cancelShareNostr" type="button" class="btn-ghost">
+          Cancel
+        </button>
+        <button id="postShareNostr" type="button" class="btn-primary">
+          Post
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/dist/components/sidebar.html b/dist/components/sidebar.html
new file mode 100644
index 00000000..d4788085
--- /dev/null
+++ b/dist/components/sidebar.html
@@ -0,0 +1,311 @@
+<!--
+  Sidebar fades in once when hydrated on the client. js/index.js removes the
+  helper classes after the initial animation to avoid flashes each time we
+  re-render navigation links.
+-->
+<aside
+  id="sidebar"
+  class="fade-in fade-in-delay-100 sidebar-collapsed"
+  data-state="collapsed"
+  data-ds="new"
+>
+  <div class="sidebar__inner">
+    <div class="sidebar-scroll">
+      <!-- Primary navigation -->
+      <section class="sidebar-panel sidebar-panel--primary">
+        <div class="sidebar-panel__header">
+          <button
+            id="sidebarCollapseToggle"
+            type="button"
+            class="sidebar-collapse-toggle"
+            aria-controls="sidebar"
+            aria-expanded="false"
+            aria-label="Expand sidebar"
+            title="Expand sidebar"
+          >
+            <svg
+              data-sidebar-chevron
+              class="sidebar-collapse-toggle__icon sidebar-toggle-icon--rotated"
+              aria-hidden="true"
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            >
+              <path d="M10 6l6 6-6 6" />
+            </svg>
+          </button>
+        </div>
+        <nav class="sidebar-nav" aria-label="Primary">
+          <a
+            id="forYouLink"
+            href="#view=for-you"
+            class="sidebar-nav-link hidden"
+            title="For You"
+          >
+            <img
+              src="assets/svg/for-you-feed-icon.svg"
+              alt=""
+              aria-hidden="true"
+              class="sidebar-icon"
+            />
+            <span class="sidebar-text">For You</span>
+          </a>
+          <a href="#view=most-recent-videos" class="sidebar-nav-link" title="Recently Added">
+            <img
+              src="assets/svg/globe-icon.svg"
+              alt=""
+              aria-hidden="true"
+              class="sidebar-icon"
+            />
+            <span class="sidebar-text">Recently Added</span>
+          </a>
+          <a href="#view=kids" class="sidebar-nav-link" title="For Kids">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="24"
+              height="24"
+              viewBox="0 0 24 24"
+              class="sidebar-icon"
+              aria-hidden="true"
+              fill="currentColor"
+            >
+              <path
+                d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6 14h-12c.331 1.465 2.827 4 6.001 4 3.134 0 5.666-2.521 5.999-4zm0-3.998l-.755.506s-.503-.948-1.746-.948c-1.207 0-1.745.948-1.745.948l-.754-.506c.281-.748 1.205-2.002 2.499-2.002 1.295 0 2.218 1.254 2.501 2.002zm-7 0l-.755.506s-.503-.948-1.746-.948c-1.207 0-1.745.948-1.745.948l-.754-.506c.281-.748 1.205-2.002 2.499-2.002 1.295 0 2.218 1.254 2.501 2.002z"
+              />
+            </svg>
+            <span class="sidebar-text">For Kids</span>
+          </a>
+          <a
+            id="exploreLink"
+            href="#view=explore"
+            class="sidebar-nav-link hidden"
+            title="Explore"
+          >
+            <img
+              src="assets/svg/explore-icon.svg"
+              alt=""
+              aria-hidden="true"
+              class="sidebar-icon"
+            />
+            <span class="sidebar-text">Explore</span>
+          </a>
+          <a
+            id="subscriptionsLink"
+            href="#view=subscriptions"
+            class="sidebar-nav-link hidden"
+            title="Subscriptions"
+          >
+            <img
+              src="assets/svg/subscriptions-icon.svg"
+              alt=""
+              aria-hidden="true"
+              class="sidebar-icon"
+            />
+            <span class="sidebar-text">Subscriptions</span>
+          </a>
+          <a href="#view=history" class="sidebar-nav-link" title="History">
+            <img
+              src="assets/svg/history-icon.svg"
+              alt=""
+              aria-hidden="true"
+              class="sidebar-icon"
+            />
+            <span class="sidebar-text">History</span>
+          </a>
+        </nav>
+      </section>
+
+      <!-- Footer Links Toggle -->
+      <footer class="sidebar-footer" data-footer-state="collapsed">
+        <button
+          id="footerDropdownButton"
+          type="button"
+          class="sidebar-dropup-trigger"
+          aria-expanded="false"
+          aria-controls="footerLinksContainer"
+        >
+          <img
+            src="assets/svg/ellipsis.svg"
+            alt=""
+            aria-hidden="true"
+            class="sidebar-icon sidebar-dropup-trigger__glyph"
+          />
+          <span id="footerDropdownText" class="sidebar-text">More</span>
+          <svg
+            id="footerDropdownIcon"
+            class="sidebar-dropup-trigger__chevron"
+            aria-hidden="true"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <path d="M6 9l6 6 6-6" />
+          </svg>
+        </button>
+
+        <!-- Footer Links Container -->
+        <div
+          id="footerLinksContainer"
+          class="sidebar-dropup-panel"
+          aria-hidden="true"
+          data-state="collapsed"
+        >
+          <nav class="sidebar-dropup-panel__inner" aria-label="Secondary">
+            <a href="#view=docs" class="sidebar-nav-link sidebar-nav-link--sub" title="Docs">
+              <img
+                src="assets/svg/getting-started-icon.svg"
+                alt=""
+                aria-hidden="true"
+                class="sidebar-icon"
+              />
+              <span class="sidebar-text">Docs</span>
+            </a>
+            <a
+              href="#"
+              data-blog-link
+              class="sidebar-nav-link sidebar-nav-link--sub"
+              title="Blog"
+              rel="noopener noreferrer"
+            >
+              <img
+                src="assets/svg/blog-icon.svg"
+                alt=""
+                aria-hidden="true"
+                class="sidebar-icon"
+              />
+              <span class="sidebar-text">Blog</span>
+            </a>
+            <a
+              href="#"
+              data-nostr-link
+              class="sidebar-nav-link sidebar-nav-link--sub"
+              title="Nostr"
+              rel="noopener noreferrer"
+            >
+              <img
+                src="assets/svg/nostr-icon.svg"
+                alt=""
+                aria-hidden="true"
+                class="sidebar-icon"
+              />
+              <span class="sidebar-text">Nostr</span>
+            </a>
+            <a
+              href="#"
+              data-community-link
+              class="sidebar-nav-link sidebar-nav-link--sub"
+              title="Community"
+              rel="noopener noreferrer"
+            >
+              <svg
+                class="sidebar-icon"
+                width="24"
+                height="24"
+                xmlns="http://www.w3.org/2000/svg"
+                fill="currentColor"
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                aria-hidden="true"
+              >
+                <path
+                  d="M24 20h-3v4l-5.333-4h-7.667v-4h2v2h6.333l2.667 2v-2h3v-8.001h-2v-2h4v12.001zm-6-6h-9.667l-5.333 4v-4h-3v-14.001h18v14.001zm-13-8c.552 0 1 .448 1 1s-.448 1-1 1-1-.448-1-1 .448-1 1-1zm4 0c.552 0 1 .448 1 1s-.448 1-1 1-1-.448-1-1 .448-1 1-1zm4 0c.552 0 1 .448 1 1s-.448 1-1 1-1-.448-1-1 .448-1 1-1z"
+                />
+              </svg>
+              <span class="sidebar-text">Community</span>
+            </a>
+            <a
+              href="#"
+              data-github-link
+              class="sidebar-nav-link sidebar-nav-link--sub"
+              title="GitHub"
+              rel="noopener noreferrer"
+            >
+              <img
+                src="assets/svg/github-icon.svg"
+                alt=""
+                aria-hidden="true"
+                class="sidebar-icon"
+              />
+              <span class="sidebar-text">GitHub</span>
+            </a>
+            <a
+              href="torrent/beacon.html"
+              target="_blank"
+              rel="noopener noreferrer"
+              class="sidebar-nav-link sidebar-nav-link--sub"
+              title="βeacon"
+            >
+              <img
+                src="assets/svg/beacon-icon.svg"
+                alt=""
+                aria-hidden="true"
+                class="sidebar-icon"
+              />
+              <span class="sidebar-text">βeacon</span>
+            </a>
+            <a
+              href="#"
+              data-beta-link
+              class="sidebar-nav-link sidebar-nav-link--sub"
+              title="Beta"
+              rel="noopener noreferrer"
+            >
+              <img
+                src="assets/svg/beta-icon.svg"
+                alt=""
+                aria-hidden="true"
+                class="sidebar-icon"
+              />
+              <span class="sidebar-text">Beta</span>
+            </a>
+            <a
+              href="#"
+              data-dns-link
+              class="sidebar-nav-link sidebar-nav-link--sub"
+              title="DNS"
+              rel="noopener noreferrer"
+            >
+              <img
+                src="assets/svg/dns-icon.svg"
+                alt=""
+                aria-hidden="true"
+                class="sidebar-icon"
+              />
+              <span class="sidebar-text">DNS</span>
+            </a>
+            <a
+              href="#"
+              data-tip-jar-link
+              class="sidebar-nav-link sidebar-nav-link--sub"
+              title="Tip Jar"
+              rel="noopener noreferrer"
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="24"
+                height="24"
+                viewBox="0 0 24 24"
+                class="sidebar-icon"
+                aria-hidden="true"
+                fill="currentColor"
+              >
+                <path
+                  d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm0 18v-1.511h-.5v1.511h-1v-1.511h-2.484l.25-1.489h.539c.442 0 .695-.425.695-.854v-4.444c0-.416-.242-.702-.683-.702h-.817v-1.5h2.5v-1.5h1v1.5h.5v-1.5h1v1.526c2.158.073 3.012.891 3.257 1.812.29 1.09-.429 2.005-1.046 2.228.75.192 1.789.746 1.789 2.026 0 1.742-1.344 2.908-4 2.908v1.5h-1zm-.5-5.503v2.503c1.984 0 3.344-.188 3.344-1.258 0-1.148-1.469-1.245-3.344-1.245zm0-.997c1.105 0 2.789-.078 2.789-1.25 0-1-1.039-1.25-2.789-1.25v2.5z"
+                />
+              </svg>
+              <span class="sidebar-text">Tip Jar</span>
+            </a>
+          </nav>
+        </div>
+      </footer>
+    </div>
+  </div>
+</aside>
diff --git a/dist/components/upload-modal.html b/dist/components/upload-modal.html
new file mode 100644
index 00000000..d500c3da
--- /dev/null
+++ b/dist/components/upload-modal.html
@@ -0,0 +1,400 @@
+<!-- components/upload-modal.html -->
+<div
+  id="uploadModal"
+  class="bv-modal hidden items-start justify-center md:items-center"
+  role="dialog"
+  aria-modal="true"
+  aria-labelledby="uploadModalTitle"
+  aria-describedby="uploadModalDescription"
+  data-ds="new"
+>
+  <div class="bv-modal-backdrop" data-dismiss></div>
+
+  <!-- Modal Container -->
+  <div class="modal-sheet max-h-modal-shell overflow-hidden flex flex-col w-full max-w-2xl" tabindex="-1">
+      <!-- Top Bar -->
+      <div class="modal-header transition-transform duration-150">
+        <h2 id="uploadModalTitle" class="text-xl font-bold text-text">
+          Share a Video
+        </h2>
+        <button
+          id="closeUploadModal"
+          class="modal-close"
+          type="button"
+          aria-label="Close upload modal"
+        >
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="h-6 w-6"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke="currentColor"
+          >
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2"
+              d="M6 18L18 6M6 6l12 12"
+            />
+          </svg>
+        </button>
+      </div>
+
+      <!-- Main Scrollable Body -->
+      <div class="modal-body space-y-6 overflow-y-auto flex-1 min-h-0 custom-scrollbar p-6">
+
+        <!-- Source Selector -->
+        <div class="flex justify-center mb-2">
+          <div
+            class="inline-flex items-center rounded-full bg-surface-alt p-1 text-sm shadow-inner"
+            role="group"
+            aria-label="Upload source selector"
+          >
+            <button
+              type="button"
+              id="btn-mode-upload"
+              class="rounded-full px-6 py-1.5 font-medium transition-colors text-text bg-surface shadow-sm"
+              aria-pressed="true"
+            >
+              Upload File
+            </button>
+            <button
+              type="button"
+              id="btn-mode-external"
+              class="rounded-full px-6 py-1.5 font-medium transition-colors text-muted hover:text-text"
+              aria-pressed="false"
+            >
+              External Link
+            </button>
+          </div>
+        </div>
+
+        <form id="unifiedUploadForm" class="space-y-6">
+
+            <!-- Source: Upload File -->
+            <div id="section-source-upload" class="space-y-4">
+                <div class="relative">
+                    <label
+                        for="input-file"
+                        class="flex flex-col items-center justify-center w-full h-32 border-2 border-dashed rounded-lg cursor-pointer bg-surface/30 border-border hover:bg-surface/50 transition-colors"
+                    >
+                        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+                            <svg class="w-8 h-8 mb-3 text-muted" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 16">
+                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 13h3a3 3 0 0 0 0-6h-.025A5.56 5.56 0 0 0 16 6.5 5.5 5.5 0 0 0 5.207 5.021C5.137 5.017 5.071 5 5 5a4 4 0 0 0 0 8h2.167M10 15V6m0 0L8 8m2-2 2 2"/>
+                            </svg>
+                            <p class="mb-2 text-sm text-text"><span class="font-semibold">Click to upload</span> or drag and drop</p>
+                            <p class="text-xs text-muted">MP4, WebM, MKV, MOV (Max 2GB recommended)</p>
+                        </div>
+                        <input id="input-file" type="file" class="hidden" accept="video/*,.m3u8,.ts,.mp4,.webm,.mov,.mkv,.mpg,.mpeg" />
+                    </label>
+                </div>
+
+                <!-- Upload Progress -->
+                 <div id="upload-progress-container" class="space-y-2 hidden">
+                    <div class="flex justify-between text-xs">
+                        <span id="upload-status-text" class="text-text font-medium">Uploading...</span>
+                        <span id="upload-percent-text" class="text-muted">0%</span>
+                    </div>
+                    <progress
+                        id="input-progress"
+                        class="progress progress--surface w-full"
+                        max="100"
+                        value="0"
+                    ></progress>
+                </div>
+
+                <!-- Generated Links (Results) -->
+                <div id="upload-results-container" class="space-y-3 bg-surface/30 p-3 rounded-lg border border-border/50 hidden">
+                    <h4 class="text-xs font-semibold text-text uppercase tracking-wider">Generated Links</h4>
+
+                    <div class="space-y-1">
+                        <label class="text-xs text-muted">Video URL</label>
+                        <input id="result-video-url" type="text" readonly class="input input-sm text-xs bg-surface-alt font-mono text-muted" placeholder="Pending..." />
+                    </div>
+
+                    <div class="grid grid-cols-2 gap-3">
+                         <div class="space-y-1">
+                            <label class="text-xs text-muted">Magnet URI</label>
+                            <input id="result-magnet" type="text" readonly class="input input-sm text-xs bg-surface-alt font-mono text-muted" placeholder="Pending..." />
+                        </div>
+                         <div class="space-y-1">
+                            <label class="text-xs text-muted">Torrent URL (xs)</label>
+                            <input id="result-torrent-url" type="text" readonly class="input input-sm text-xs bg-surface-alt font-mono text-muted" placeholder="Pending..." />
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Storage Configuration Toggle -->
+                <div class="border-t border-border/50 pt-2">
+                    <button
+                        type="button"
+                        id="btn-storage-settings"
+                        class="flex items-center gap-2 text-xs text-muted hover:text-text transition-colors"
+                        aria-expanded="false"
+                    >
+                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" />
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+                        </svg>
+                        <span>Storage Status</span>
+                    </button>
+
+                    <!-- Storage Settings Container -->
+                    <div id="section-storage-settings" class="hidden mt-3 space-y-4 bg-surface-alt/50 p-4 rounded-lg border border-border/50">
+
+                        <!-- Read-Only Summary (for configured storage) -->
+                        <div id="storage-summary-view" class="hidden space-y-3">
+                            <div class="flex items-center justify-between">
+                                <h4 class="text-sm font-semibold text-text">Active Storage</h4>
+                                <div class="flex items-center gap-2">
+                                    <span id="storage-lock-status" class="text-xs text-muted">Locked 🔒</span>
+                                    <button type="button" id="btn-storage-unlock" class="text-xs text-accent hover:underline hidden">Unlock</button>
+                                    <button type="button" id="btn-manage-storage" class="text-xs text-muted hover:text-text hover:underline">Manage</button>
+                                </div>
+                            </div>
+                            <div class="grid grid-cols-3 gap-2 text-xs">
+                                <div class="min-w-0">
+                                    <span class="block text-muted">Provider</span>
+                                    <span id="summary-provider" class="block font-medium text-text truncate" tabindex="0">--</span>
+                                </div>
+                                <div class="min-w-0">
+                                    <span class="block text-muted">Bucket</span>
+                                    <span id="summary-bucket" class="block font-medium text-text truncate" tabindex="0">--</span>
+                                </div>
+                                <div class="min-w-0">
+                                    <span class="block text-muted">URL Style</span>
+                                    <span id="summary-url-style" class="block font-medium text-text truncate" tabindex="0">--</span>
+                                </div>
+                            </div>
+                            <p id="summary-copy" class="text-xs text-muted">
+                                Your videos will be uploaded using this storage provider.
+                            </p>
+                        </div>
+
+                        <!-- Empty State / Not Configured -->
+                        <div id="storage-empty-view" class="space-y-4 text-center py-4">
+                            <p class="text-sm text-muted">
+                                Storage is not configured.
+                            </p>
+                            <button
+                                type="button"
+                                id="btn-configure-storage"
+                                class="btn btn-sm btn-secondary"
+                            >
+                                Configure Storage
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Source: External Link -->
+            <div id="section-source-external" class="space-y-4 hidden">
+                 <div class="space-y-2">
+                    <label for="input-url" class="block text-sm font-medium text-text">Video URL</label>
+                    <input id="input-url" type="url" class="input" placeholder="https://example.com/video.mp4" />
+                    <p class="text-xs text-muted">Primary hosted video source (URL-first playback).</p>
+                </div>
+                 <div class="space-y-2">
+                    <label for="input-magnet" class="block text-sm font-medium text-text">Magnet Link</label>
+                    <input id="input-magnet" type="text" class="input" placeholder="magnet:?xt=urn:btih:..." />
+                    <p class="text-xs text-muted">Optional WebTorrent fallback when the URL is unavailable.</p>
+                </div>
+            </div>
+
+            <hr class="border-border/50" />
+
+            <!-- Metadata -->
+            <div class="space-y-4">
+                <div class="space-y-2">
+                    <label for="input-title" class="block text-sm font-medium text-text">Title</label>
+                    <input id="input-title" type="text" required class="input" placeholder="Give your video a title" />
+                </div>
+
+                <div class="space-y-2">
+                    <label for="input-description" class="block text-sm font-medium text-text">Description</label>
+                    <textarea id="input-description" rows="4" class="textarea" placeholder="Tell viewers about your video"></textarea>
+                </div>
+
+                <div class="space-y-2">
+                    <label for="input-thumbnail" class="block text-sm font-medium text-text">Thumbnail URL</label>
+                    <div class="flex gap-2">
+                         <input id="input-thumbnail" type="url" class="input flex-1" placeholder="https://example.com/thumbnail.jpg" />
+                         <input id="input-thumbnail-file" type="file" class="hidden" accept="image/*" />
+                         <button
+                            type="button"
+                            id="btn-thumbnail-file"
+                            class="btn-secondary px-3 text-sm whitespace-nowrap"
+                            aria-label="Upload thumbnail image"
+                          >
+                             Browse...
+                          </button>
+                    </div>
+                    <!-- Thumbnail Progress -->
+                     <div id="thumbnail-progress-container" class="space-y-1 hidden mt-2">
+                        <div class="flex justify-between text-xs">
+                            <span id="thumbnail-status-text" class="text-text font-medium">Uploading Thumbnail...</span>
+                            <span id="thumbnail-percent-text" class="text-muted">0%</span>
+                        </div>
+                        <progress
+                            id="thumbnail-progress"
+                            class="progress progress--surface w-full h-1.5"
+                            max="100"
+                            value="0"
+                        ></progress>
+                    </div>
+                </div>
+
+                 <!-- Hashtags -->
+                <div class="space-y-2">
+                     <label class="block text-sm font-medium text-text">Hashtags</label>
+                     <div
+                        class="rounded-lg border border-border/70 bg-surface/30 p-3 space-y-3"
+                        data-nip71-repeater="t"
+                      >
+                        <div id="hashtag-list" class="flex flex-wrap gap-2" data-nip71-list="t"></div>
+                        <div class="flex gap-2">
+                             <button
+                                type="button"
+                                class="btn-ghost px-3 py-1.5 text-xs bg-surface border border-border/50"
+                                data-nip71-add="t"
+                              >
+                                + Add Tag
+                              </button>
+                        </div>
+                        <template data-nip71-template="t">
+                           <div class="inline-flex items-center bg-surface-alt rounded-full px-1 border border-border/50" data-nip71-entry="t">
+                                <span class="text-muted pl-2 text-sm">#</span>
+                                <input
+                                  type="text"
+                                  data-nip71-field="value"
+                                  placeholder="nostr"
+                                  class="bg-transparent border-none text-sm text-text focus:ring-0 p-1 w-24"
+                                />
+                                <button
+                                  type="button"
+                                  class="text-muted hover:text-critical p-1 rounded-full"
+                                  data-nip71-remove="t"
+                                  aria-label="Remove hashtag"
+                                >
+                                  &times;
+                                </button>
+                           </div>
+                        </template>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Flags / Toggles -->
+            <div class="flex flex-wrap gap-4 py-2">
+                 <label class="flex items-center gap-2 cursor-pointer select-none">
+                    <input type="checkbox" id="check-comments" class="checkbox" checked />
+                    <span class="text-sm text-text">Enable Comments</span>
+                </label>
+                 <label class="flex items-center gap-2 cursor-pointer select-none">
+                    <input type="checkbox" id="check-nsfw" class="checkbox" />
+                    <span class="text-sm text-text">NSFW</span>
+                </label>
+                 <label class="flex items-center gap-2 cursor-pointer select-none">
+                    <input type="checkbox" id="check-kids" class="checkbox" />
+                    <span class="text-sm text-text">For Kids</span>
+                </label>
+            </div>
+
+            <!-- Advanced Options -->
+             <div class="border-t border-border/70 pt-4">
+               <button
+                  type="button"
+                  id="btn-advanced-toggle"
+                  class="flex items-center gap-2 text-sm font-medium text-text hover:text-accent transition-colors w-full"
+                  aria-expanded="false"
+                >
+                  <svg
+                    id="icon-advanced-toggle"
+                    xmlns="http://www.w3.org/2000/svg"
+                    class="h-4 w-4 transform text-muted transition-transform duration-150"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    stroke="currentColor"
+                    stroke-width="2"
+                  >
+                    <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
+                  </svg>
+                  <span>Advanced Options</span>
+                </button>
+
+                <div id="section-advanced" class="hidden mt-4 space-y-6 pl-2 border-l-2 border-border/30">
+
+                     <!-- NIP-71 Technical -->
+                     <div class="grid gap-4 md:grid-cols-2">
+                        <div class="space-y-2">
+                            <label class="block text-xs font-medium text-muted-strong">Content Warning</label>
+                            <input id="input-content-warning" type="text" data-nip71-input="content-warning" class="input text-sm" placeholder="e.g. Nudity" />
+                        </div>
+                        <div class="space-y-2">
+                            <label class="block text-xs font-medium text-muted-strong">Duration (sec)</label>
+                            <input id="input-duration" type="number" step="1" data-nip71-input="duration" class="input text-sm" />
+                        </div>
+                     </div>
+
+                     <div class="space-y-2">
+                        <div class="flex items-center justify-between">
+                             <label class="block text-xs font-medium text-muted-strong">Summary (NIP-71 Content)</label>
+                             <label class="flex items-center gap-2 text-xs text-muted cursor-pointer">
+                                <input type="checkbox" id="check-summary-unlock" class="checkbox h-3 w-3" />
+                                Customize
+                             </label>
+                        </div>
+                        <textarea id="input-summary" rows="2" data-nip71-input="summary" class="textarea text-sm text-muted" readonly></textarea>
+                     </div>
+
+                     <!-- IMETA Editor -->
+                     <div class="space-y-3" data-nip71-repeater="imeta">
+                         <div class="flex items-center justify-between">
+                            <h4 class="text-sm font-semibold text-text">Video Variants (IMETA)</h4>
+                            <button type="button" class="btn-ghost px-2 py-1 text-xs" data-nip71-add="imeta">Add Variant</button>
+                         </div>
+                         <div id="imeta-list" class="space-y-4" data-nip71-list="imeta"></div>
+
+                         <!-- IMETA Template -->
+                         <template data-nip71-template="imeta">
+                             <article class="rounded-md border border-border/70 bg-surface/50 p-3 space-y-3" data-nip71-entry="imeta">
+                                 <div class="grid gap-2 md:grid-cols-2 text-xs">
+                                     <input type="text" data-nip71-field="m" placeholder="MIME (video/mp4)" class="input" />
+                                     <input type="text" data-nip71-field="dim" placeholder="Dimensions (1920x1080)" class="input" />
+                                     <input type="url" data-nip71-field="url" placeholder="URL" class="input md:col-span-2" />
+                                     <input type="text" data-nip71-field="x" placeholder="Magnet" class="input md:col-span-2" />
+                                 </div>
+                                 <div class="flex justify-end">
+                                     <button type="button" class="text-xs text-critical hover:underline" data-nip71-remove="imeta">Remove Variant</button>
+                                 </div>
+                             </article>
+                         </template>
+                     </div>
+
+                     <!-- Additional Technical Sections (Web Seeds, etc) -->
+                     <div class="grid gap-3 md:grid-cols-2">
+                         <div class="space-y-2">
+                             <label class="block text-xs font-medium text-muted-strong">Web Seed (ws)</label>
+                             <input id="input-ws" type="url" class="input text-sm" placeholder="https://..." />
+                         </div>
+                          <div class="space-y-2">
+                             <label class="block text-xs font-medium text-muted-strong">Torrent File (xs)</label>
+                             <input id="input-xs" type="url" class="input text-sm" placeholder="https://..." />
+                         </div>
+                     </div>
+                </div>
+            </div>
+
+            <!-- Submit -->
+            <div class="pt-4">
+                <button type="submit" id="btn-submit" class="btn w-full py-3 text-base font-semibold shadow-md">
+                    Publish Video
+                </button>
+                <p id="submit-status" class="text-center text-xs text-muted mt-2"></p>
+            </div>
+
+        </form>
+      </div>
+  </div>
+</div>
diff --git a/dist/components/video-modal.html b/dist/components/video-modal.html
new file mode 100644
index 00000000..5d89500b
--- /dev/null
+++ b/dist/components/video-modal.html
@@ -0,0 +1,685 @@
+<!-- components/video-modal.html -->
+<div
+  id="playerModal"
+  class="bv-modal hidden"
+  role="dialog"
+  aria-modal="true"
+  data-ds="new"
+  hidden
+>
+  <div class="bv-modal-backdrop" data-dismiss></div>
+  <div class="bv-modal__panel" tabindex="-1">
+    <div class="player-modal__container video-modal__container">
+      <div id="modalNav" class="modal-nav modal-nav--visible">
+        <div class="watch-container modal-nav__bar">
+          <div class="modal-nav__rail">
+            <div class="modal-nav__slot modal-nav__slot--primary">
+              <div class="modal-actions">
+                <button
+                  id="closeModal"
+                  type="button"
+                  class="icon-button focus-ring accent-action-button"
+                >
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="24"
+                    height="24"
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    stroke="currentColor"
+                    stroke-width="2"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    class="h-5 w-5"
+                    aria-hidden="true"
+                  >
+                    <path d="M15 18l-6-6 6-6" />
+                  </svg>
+                  <span class="sr-only">Close player</span>
+                </button>
+              </div>
+            </div>
+            <div
+              class="modal-nav__slot modal-nav__slot--context"
+              data-modal-nav-context
+            >
+              <div id="modalNavContext" class="modal-nav__context" hidden></div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="player-modal__content video-modal__panel flex flex-col gap-6">
+        <div class="video-modal__layout">
+          <div class="video-modal__primary flex flex-col gap-6">
+            <div class="watch-container video-modal__stage">
+              <div class="video-modal__ambient" aria-hidden="true">
+                <canvas
+                  id="ambientCanvas"
+                  class="video-modal__ambient-canvas"
+                ></canvas>
+              </div>
+              <div
+                class="video-modal__moderation-bar"
+                data-moderation-bar
+                hidden
+              >
+                <div
+                  class="moderation-badge"
+                  data-moderation-badge="true"
+                  data-variant="warning"
+                  role="status"
+                  aria-live="polite"
+                  aria-atomic="true"
+                >
+                  <span class="moderation-badge__label inline-flex items-center gap-xs">
+                    <span class="moderation-badge__icon" aria-hidden="true">
+                      <svg
+                        class="moderation-badge__icon-mark"
+                        viewBox="0 0 20 20"
+                        focusable="false"
+                        aria-hidden="true"
+                      >
+                        <path
+                          fill="currentColor"
+                          d="M10 18a8 8 0 100-16 8 8 0 000 16zm-.75-11.75a.75.75 0 011.5 0v4.5a.75.75 0 01-1.5 0v-4.5zm.75 8.5a1 1 0 100-2 1 1 0 000 2z"
+                          fill-rule="evenodd"
+                          clip-rule="evenodd"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="moderation-badge__text"
+                      data-moderation-text
+                    >
+                      Content or user blocked by a trusted contact.
+                    </span>
+                  </span>
+                  <div
+                    class="moderation-badge__actions"
+                    data-moderation-actions
+                  >
+                    <button
+                      type="button"
+                      class="moderation-badge__action flex-shrink-0"
+                      data-moderation-action="override"
+                      aria-pressed="false"
+                      aria-label="Show anyway"
+                    >
+                      Show anyway
+                    </button>
+                  </div>
+                </div>
+              </div>
+              <div class="video-modal__video" data-video-surface>
+                <video
+                  id="modalVideo"
+                  class="video-modal__media"
+                  controls
+                ></video>
+              </div>
+            </div>
+
+            <div class="video-modal__source-toggle-container watch-container" data-source-toggle-container hidden>
+              <div class="inline-flex rounded-lg bg-overlay-panel-soft p-1">
+                <button
+                  type="button"
+                  class="px-3 py-1.5 text-xs font-medium rounded-md transition-colors focus-ring"
+                  data-source-toggle="url"
+                  aria-pressed="true"
+                >
+                  <span class="flex items-center gap-2">
+                    <span>CDN</span>
+                    <span class="text-xs opacity-70" data-active-servers-count>1 server</span>
+                  </span>
+                </button>
+                <button
+                  type="button"
+                  class="px-3 py-1.5 text-xs font-medium rounded-md transition-colors focus-ring"
+                  data-source-toggle="torrent"
+                  aria-pressed="false"
+                >
+                  <span class="flex items-center gap-2">
+                    <span>P2P</span>
+                    <span class="text-xs opacity-70" data-active-peers-count>0 peers</span>
+                  </span>
+                </button>
+              </div>
+            </div>
+
+            <div
+              class="watch-container"
+              data-video-stats-container
+              hidden
+            >
+              <div
+                class="video-modal__stats rounded-2xl border border-border border-opacity-20 bg-surface px-6 py-5 shadow-sm"
+                data-video-stats
+              >
+                <div class="video-modal__progress">
+                  <progress
+                    id="modalProgress"
+                    class="progress"
+                    max="100"
+                    value="0"
+                    data-variant="accent"
+                    aria-label="Download progress"
+                  ></progress>
+                  <p
+                    id="modalProgressStatus"
+                    class="sr-only"
+                    role="status"
+                    aria-live="polite"
+                  ></p>
+                </div>
+                <div class="video-modal__stat-metrics flex flex-wrap items-center justify-between gap-3 text-sm text-muted">
+                  <span id="modalPeers">Peers: 0</span>
+                  <span id="modalSpeed">Speed: 0 KB/s</span>
+                  <span id="modalDownloaded">Downloaded: 0 MB / 0 MB</span>
+                </div>
+              </div>
+            </div>
+
+            <div class="watch-container">
+              <div class="modal-info-panel">
+                <div class="video-modal__details flex flex-col gap-6">
+                  <div
+                    class="video-modal__headline flex flex-col gap-3 lg:flex-row lg:flex-wrap lg:items-start lg:justify-between"
+                  >
+                    <h2 id="videoTitle" class="video-modal__title"></h2>
+                    <div
+                      id="modalStatus"
+                      class="video-modal__status text-sm text-muted lg:text-right lg:ml-auto"
+                      role="status"
+                      aria-live="polite"
+                    >
+                      Initializing... Just give it a sec.
+                    </div>
+                  </div>
+                  <div
+                    class="video-modal__meta flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between"
+                  >
+                    <div class="video-modal__meta-info flex flex-wrap items-center gap-3">
+                      <span id="videoTimestamp" class="modal-meta">Posted just now</span>
+                      <span id="videoEditedTimestamp" class="modal-meta hidden">Last edited just now</span>
+                      <span id="videoViewCount" class="modal-meta modal-view-count flex items-center gap-1.5" title="Views">
+                        <svg viewBox="0 0 24 24" fill="none" aria-hidden="true" focusable="false" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4">
+                          <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
+                          <circle cx="12" cy="12" r="3"></circle>
+                        </svg>
+                        <span data-view-count-text>–</span>
+                      </span>
+                    </div>
+                  </div>
+
+                  <div class="video-modal__actions-row">
+                    <div class="video-modal__reactions">
+                      <div class="video-modal__reaction-buttons inline-flex flex-wrap items-center gap-2">
+                      <button
+                        id="modalLikeBtn"
+                        type="button"
+                        class="video-modal__action-button video-modal__reaction-button focus-ring accent-action-button"
+                        data-reaction="+"
+                        aria-pressed="false"
+                        aria-label="Like this video"
+                      >
+                      <svg
+                        class="video-modal__action-icon icon-image"
+                        viewBox="0 0 24 24"
+                        aria-hidden="true"
+                        focusable="false"
+                      >
+                        <path
+                          fill="none"
+                          stroke="currentColor"
+                          stroke-width="1.5"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          d="M7 10v12H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2Z"
+                        />
+                        <path
+                          fill="none"
+                          stroke="currentColor"
+                          stroke-width="1.5"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          d="M7 10 11.34 2.67A2 2 0 0 1 13.14 2H14a2 2 0 0 1 2 2v4h3.37a2 2 0 0 1 1.97 2.5l-1.1 5A2 2 0 0 1 18.3 18H11"
+                        />
+                      </svg>
+                        <span class="video-modal__action-label">Like</span>
+                        <span class="video-modal__reaction-count" data-reaction-like-count>0</span>
+                      </button>
+                      <button
+                        id="modalDislikeBtn"
+                        type="button"
+                        class="video-modal__action-button video-modal__reaction-button focus-ring accent-action-button"
+                        data-reaction="-"
+                        aria-pressed="false"
+                        aria-label="Dislike this video"
+                      >
+                      <svg
+                        class="video-modal__action-icon icon-image"
+                        viewBox="0 0 24 24"
+                        aria-hidden="true"
+                        focusable="false"
+                      >
+                        <path
+                          fill="none"
+                          stroke="currentColor"
+                          stroke-width="1.5"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          d="M17 14V2h3a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2Z"
+                        />
+                        <path
+                          fill="none"
+                          stroke="currentColor"
+                          stroke-width="1.5"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          d="M17 14 12.66 21.33A2 2 0 0 1 10.86 22H10a2 2 0 0 1-2-2v-4H4.63a2 2 0 0 1-1.97-2.5l1.1-5A2 2 0 0 1 4.73 8H13"
+                        />
+                      </svg>
+                        <span class="video-modal__action-label">Dislike</span>
+                        <span class="video-modal__reaction-count" data-reaction-dislike-count>0</span>
+                      </button>
+                    </div>
+                    <div
+                      class="video-modal__reaction-meter"
+                      data-reaction-meter
+                      role="meter"
+                      aria-valuemin="0"
+                      aria-valuemax="100"
+                      aria-valuenow="0"
+                      aria-valuetext="No reactions yet"
+                    >
+                      <span class="video-modal__reaction-meter-label" data-reaction-meter-label>No reactions yet</span>
+                      <div class="video-modal__reaction-meter-track" aria-hidden="true">
+                        <div
+                          class="video-modal__reaction-meter-fill video-modal__reaction-meter-fill--empty"
+                          data-reaction-meter-fill
+                        ></div>
+                      </div>
+                      <span class="sr-only" data-reaction-meter-sr>No reactions yet</span>
+                    </div>
+                  </div>
+                  <div class="video-modal__actions-group">
+                    <div class="popover" data-modal-zap-wrapper>
+                      <button
+                        id="modalZapBtn"
+                        type="button"
+                        class="video-modal__action-button focus-ring accent-action-button"
+                        aria-label="Send a zap"
+                        aria-haspopup="dialog"
+                        aria-expanded="false"
+                        aria-controls="modalZapDialog"
+                      >
+                        <svg
+                          class="video-modal__action-icon icon-image"
+                          viewBox="0 0 24 24"
+                          aria-hidden="true"
+                          focusable="false"
+                        >
+                          <polygon
+                            points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2"
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                          />
+                        </svg>
+                        <span class="video-modal__action-label">Zap</span>
+                      </button>
+                      <div
+                        id="modalZapDialog"
+                        class="popover__panel card w-72 max-w-popover-safe px-5 py-4"
+                        data-variant="zap"
+                        role="dialog"
+                        aria-hidden="true"
+                        data-state="closed"
+                        hidden
+                      >
+                        <div class="grid gap-4">
+                          <div class="mb-4 flex items-center justify-between gap-4">
+                            <h3 class="text-xs font-semibold uppercase tracking-wide text-muted">
+                              Send a zap
+                            </h3>
+                            <button
+                              type="button"
+                              id="modalZapCloseBtn"
+                              class="focus-ring inline-flex h-8 w-8 items-center justify-center rounded-full text-muted transition hover:text-text"
+                              aria-label="Close zap dialog"
+                            >
+                              ✕
+                            </button>
+                          </div>
+                          <p
+                            id="modalZapWalletPrompt"
+                            class="mb-3 text-sm text-muted"
+                            aria-hidden="true"
+                            hidden
+                          >
+                            Connect a wallet in
+                            <button
+                              type="button"
+                              id="modalZapWalletLink"
+                              class="focus-ring inline-flex items-center gap-1 text-sm font-semibold text-info underline decoration-dotted underline-offset-2 hover:text-info-strong"
+                            >
+                              Wallet Connect settings
+                            </button>
+                            to send zaps.
+                          </p>
+                          <form id="modalZapForm" class="space-y-4">
+                            <div class="space-y-2">
+                              <label
+                                for="modalZapAmountInput"
+                                class="text-xs font-semibold uppercase tracking-wide text-muted"
+                              >
+                                Zap amount (sats)
+                              </label>
+                              <input
+                                id="modalZapAmountInput"
+                                type="number"
+                                min="1"
+                                step="1"
+                                inputmode="numeric"
+                                class="input"
+                                placeholder="Enter sats"
+                              />
+                            </div>
+                            <div class="space-y-2">
+                              <label
+                                for="modalZapCommentInput"
+                                class="text-xs font-semibold uppercase tracking-wide text-muted"
+                              >
+                                Comment (optional)
+                              </label>
+                              <textarea
+                                id="modalZapCommentInput"
+                                rows="2"
+                                maxlength="280"
+                                class="input resize-y"
+                                placeholder="Include a note with your zap"
+                              ></textarea>
+                            </div>
+                            <p
+                              id="modalZapSplitSummary"
+                              class="text-sm text-muted"
+                              aria-live="polite"
+                            >
+                              Enter an amount to view the split.
+                            </p>
+                            <p
+                              id="modalZapStatus"
+                              class="text-xs text-muted"
+                              role="status"
+                              aria-live="polite"
+                            ></p>
+                            <ul
+                              id="modalZapReceipts"
+                              class="space-y-2 text-xs text-muted"
+                            ></ul>
+                            <div class="flex items-center justify-end gap-2">
+                              <button
+                                type="submit"
+                                id="modalZapSendBtn"
+                                class="btn"
+                              >
+                                Send
+                              </button>
+                            </div>
+                          </form>
+                        </div>
+                      </div>
+                    </div>
+                    <button
+                      id="shareBtn"
+                      type="button"
+                      class="video-modal__action-button focus-ring accent-action-button"
+                      aria-label="Share video"
+                    >
+                      <svg
+                        class="video-modal__action-icon icon-image"
+                        viewBox="0 0 24 24"
+                        aria-hidden="true"
+                        focusable="false"
+                      >
+                        <path
+                          fill="currentColor"
+                          d="M5 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm11.122 12.065A4 4 0 1 1 24 20a4 4 0 0 1-7.878-.935l-5.488-2.927a6.009 6.009 0 0 1-.943 1.764l5.488 2.927ZM24 4a4 4 0 1 1-7.878.935l-5.488 2.927a6.01 6.01 0 0 1-.943-1.764l5.488-2.927A4 4 0 0 1 24 4Z"
+                        />
+                      </svg>
+                      <span class="video-modal__action-label">Share</span>
+                    </button>
+                    <button
+                      id="embedBtn"
+                      type="button"
+                      class="video-modal__action-button focus-ring accent-action-button"
+                      aria-label="Embed video"
+                    >
+                      <svg
+                        class="video-modal__action-icon icon-image"
+                        viewBox="0 0 24 24"
+                        aria-hidden="true"
+                        focusable="false"
+                      >
+                        <path
+                          fill="currentColor"
+                          d="M9.4 16.4 5 12l4.4-4.4-1.4-1.4L2.2 12l5.8 5.8 1.4-1.4Zm5.2 0L19 12l-4.4-4.4 1.4-1.4 5.8 5.8-5.8 5.8-1.4-1.4Z"
+                        />
+                      </svg>
+                      <span class="video-modal__action-label">Embed</span>
+                    </button>
+                    <div class="relative" data-more-menu-wrapper="true">
+                      <button
+                        id="modalMoreBtn"
+                        type="button"
+                        class="video-modal__action-button focus-ring accent-action-button"
+                        aria-haspopup="true"
+                        aria-expanded="false"
+                        aria-label="More actions"
+                        data-more-dropdown="modal"
+                      >
+                        <svg
+                          class="video-modal__action-icon icon-image"
+                          viewBox="0 0 24 24"
+                          aria-hidden="true"
+                          focusable="false"
+                        >
+                          <circle cx="5" cy="12" r="2" fill="currentColor" />
+                          <circle cx="12" cy="12" r="2" fill="currentColor" />
+                          <circle cx="19" cy="12" r="2" fill="currentColor" />
+                        </svg>
+                        <span class="video-modal__action-label">More</span>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+
+                <div class="channel-card">
+                  <div class="channel-card__avatar">
+                    <img
+                      id="creatorAvatar"
+                      src=""
+                      alt="Creator"
+                      class="h-full w-full rounded-full object-cover cursor-pointer"
+                    />
+                  </div>
+                  <div class="flex flex-col gap-1">
+                    <h3 id="creatorName" class="channel-card__name cursor-pointer">
+                      Creator Name
+                    </h3>
+                    <p id="creatorNpub" class="channel-card__npub">npub...</p>
+                  </div>
+                </div>
+
+                <div class="description-panel">
+                  <p
+                    id="videoDescription"
+                    class="video-modal__description-body whitespace-pre-wrap"
+                  >
+                    No description available.
+                  </p>
+                  <div
+                    id="videoDescriptionPreviews"
+                    class="mt-4 space-y-3"
+                    data-link-previews
+                    hidden
+                  ></div>
+                </div>
+
+                <div
+                  class="comment-thread__disabled"
+                  data-comments-disabled-placeholder
+                  role="status"
+                  aria-live="polite"
+                  hidden
+                >
+                  Comments have been turned off for this video.
+                </div>
+
+                <section
+                  class="video-modal__comments comment-thread"
+                  aria-labelledby="videoModalCommentsHeading"
+                  role="region"
+                  data-comments-root
+                >
+                  <div class="comment-thread__header">
+                    <h2
+                      id="videoModalCommentsHeading"
+                      class="comment-thread__title"
+                    >
+                      Comments
+                    </h2>
+                    <p
+                      class="comment-thread__count"
+                      data-comments-count
+                      aria-live="polite"
+                    >
+                      0 comments
+                    </p>
+                  </div>
+
+                  <p
+                    class="comment-thread__empty"
+                    data-comments-empty
+                    role="status"
+                    aria-live="polite"
+                  >
+                    No comments yet. Be the first to share your thoughts.
+                  </p>
+
+                  <ol
+                    class="comment-thread__list"
+                    data-comments-list
+                    role="list"
+                    aria-live="polite"
+                  ></ol>
+
+                  <button
+                    type="button"
+                    class="comment-thread__load-more focus-ring"
+                    data-comments-load-more
+                    hidden
+                  >
+                    Load more comments
+                  </button>
+
+                  <form
+                    class="comment-composer"
+                    data-comments-composer
+                    aria-labelledby="videoModalCommentsHeading"
+                    novalidate
+                  >
+                    <div class="comment-composer__field">
+                      <label
+                        for="commentComposerInput"
+                        class="comment-composer__label"
+                      >
+                        Add a comment
+                      </label>
+                      <textarea
+                        id="commentComposerInput"
+                        name="comment"
+                        class="textarea comment-composer__textarea"
+                        rows="3"
+                        maxlength="500"
+                        placeholder="Share your thoughts"
+                        aria-describedby="commentComposerHelp commentComposerCount"
+                        data-comments-input
+                        required
+                      ></textarea>
+                    </div>
+
+                    <div class="comment-composer__footer">
+                      <p
+                        id="commentComposerHelp"
+                        class="comment-composer__hint"
+                      >
+                        Keep it respectful and follow the community guidelines.
+                      </p>
+                      <div class="comment-composer__actions">
+                        <p
+                          id="commentComposerCount"
+                          class="comment-composer__char-count"
+                          data-comments-char-count
+                          aria-live="polite"
+                        >
+                          0 / 500
+                        </p>
+                        <button
+                          type="submit"
+                          class="comment-composer__submit btn"
+                          data-comments-submit
+                          disabled
+                        >
+                          Post
+                        </button>
+                      </div>
+                    </div>
+
+                    <p
+                      class="comment-composer__status sr-only"
+                      data-comments-status
+                      role="status"
+                      aria-live="polite"
+                    ></p>
+                  </form>
+                </section>
+              </div>
+            </div>
+          </div>
+
+          <aside class="video-modal__secondary flex flex-col gap-4">
+            <div class="watch-container video-modal__similar">
+              <div
+                id="videoTags"
+                class="video-modal__tags"
+                hidden
+                aria-hidden="true"
+              ></div>
+              <section
+                class="player-modal__module"
+                aria-labelledby="playerModalSimilarContentHeading"
+              >
+                <h2
+                  id="playerModalSimilarContentHeading"
+                  class="player-modal__module-title"
+                >
+                  Similar Content
+                </h2>
+                <ul
+                  id="playerModalSimilarContentList"
+                  class="player-modal__module-list player-modal__module-scroll"
+                  role="list"
+                ></ul>
+              </section>
+            </div>
+
+          </aside>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/dist/config/asset-version.js b/dist/config/asset-version.js
new file mode 100644
index 00000000..6d3f28be
--- /dev/null
+++ b/dist/config/asset-version.js
@@ -0,0 +1 @@
+export const ASSET_VERSION = "2024.11.09-2";
diff --git a/dist/config/instance-config.js b/dist/config/instance-config.js
new file mode 100644
index 00000000..c953973d
--- /dev/null
+++ b/dist/config/instance-config.js
@@ -0,0 +1,452 @@
+// config/instance-config.js
+// -----------------------------------------------------------------------------
+// bitvid instance configuration
+// -----------------------------------------------------------------------------
+//
+// This file consolidates the values that operators usually customize when they
+// deploy their own bitvid instance. Update the exports below to match your
+// environment, commit the changes, and redeploy. Leaving this file in the repo
+// (instead of hidden in environment variables) makes it easy for future
+// maintainers to understand how your instance is configured.
+//
+// Each setting includes guidance about how bitvid uses the value and what
+// adjustments are safe. When in doubt, mirror the structure shown here so other
+// contributors can follow along.
+
+/**
+ * Whether the current deployment should enable developer-centric behavior.
+ *
+ * When `true`, bitvid surfaces extra logging, debug helpers, and experimental
+ * UI affordances intended for development environments. Leave the value
+ * `false` for production so end users receive the stable experience; use the
+ * runtime overrides documented in `js/config.js` when you need to toggle dev
+ * mode without editing this file. Downstream modules read this flag via
+ * `js/config.js`.
+ */
+export const IS_DEV_MODE = false;
+
+/**
+ * Whether development builds should surface extra verbose diagnostics.
+ *
+ * Set this to `true` to keep high-volume development warnings (like COUNT
+ * request failures) visible in the console. Flip it to `false` when you want
+ * a quieter dev mode without disabling other development helpers entirely.
+ * Use the runtime override documented in `js/config.js` if you need to toggle
+ * verbosity without editing this file.
+ */
+export const IS_VERBOSE_DEV_MODE = false;
+
+/**
+ * Whether the current deployment should operate in lockdown mode.
+ *
+ * When `true`, bitvid restricts access to operator-approved functionality and
+ * enables defensive UI copy intended for incidents or maintenance windows.
+ * Leave this `false` for normal operation so downstream modules (via
+ * `js/config.js`) continue exposing the full experience.
+ */
+export const IS_LOCKDOWN_MODE = false;
+
+/**
+ * The title displayed in the header when the site is in lockdown mode.
+ *
+ * Customize this to match the tone of your maintenance window or incident
+ * response. Default is "Maintenance Mode".
+ */
+export const LOCKDOWN_TITLE = "Maintenance Mode";
+
+/**
+ * The primary message displayed to visitors when the site is in lockdown mode.
+ *
+ * This text should explain why the site is unavailable and when users might
+ * expect it to return. Default is generic maintenance copy.
+ */
+export const LOCKDOWN_MESSAGE =
+  "We are currently undergoing maintenance. Please come back later.";
+
+/**
+ * The primary administrator for this bitvid instance.
+ *
+ * bitvid treats this Nostr public key (npub) as the "Super Admin". This user
+ * cannot be removed from moderator lists, and only they can promote new
+ * moderators or toggle whitelist-only mode. Replace the string below with the
+ * npub of the account you want to act as the ultimate authority for your
+ * deployment.
+ */
+export const ADMIN_SUPER_NPUB =
+  "npub15jnttpymeytm80hatjqcvhhqhzrhx6gxp8pq0wn93rhnu8s9h9dsha32lx";
+
+/**
+ * Canonical URL for the public bitvid site.
+ *
+ * Surfaces in admin outreach copy and moderation DMs so that recipients can
+ * quickly jump back to the primary destination. Update this if your
+ * deployment relies on a different canonical hostname.
+ */
+export const BITVID_WEBSITE_URL = "https://bitvid.network/";
+
+/**
+ * Optional external destination for the blog menu link.
+ *
+ * Sidebar navigation routes visitors to this URL when they select "Blog".
+ * Update the value to point at the long-form publishing platform you
+ * maintain for release notes or community updates. Leave empty (null or an
+ * empty string) to hide the Blog link entirely.
+ */
+export const BLOG_URL =
+  "https://habla.news/p/npub13yarr7j6vjqjjkahd63dmr27curypehx45ucue286ac7sft27y0srnpmpe";
+
+/**
+ * Optional external destination for the community menu link.
+ *
+ * Configure this with a URL to your preferred community hub (e.g., Discord,
+ * Telegram, Flotilla). When unset (null or an empty string) the Community link
+ * is omitted from the sidebar dropup menu.
+ */
+export const COMMUNITY_URL = "https://groups.nip29.com/?relay=wss://relay.groups.nip29.com&groupId=d92ef5";
+
+/**
+ * Optional external destination for the Nostr menu link.
+ *
+ * Point this at the profile or relay hub you want visitors to land on when
+ * they tap "Nostr" in the sidebar dropup. Leave empty (null or an empty
+ * string) to hide the link entirely.
+ */
+export const NOSTR_URL =
+  "https://nostrudel.ninja/u/npub13yarr7j6vjqjjkahd63dmr27curypehx45ucue286ac7sft27y0srnpmpe";
+
+/**
+ * Optional external destination for the GitHub menu link.
+ *
+ * Set this to the repository you want surfaced to operators and contributors.
+ * Leave empty (null or an empty string) to remove the GitHub entry from the
+ * sidebar dropup menu.
+ */
+export const GITHUB_URL = "https://github.com/PR0M3TH3AN/bitvid";
+
+/**
+ * Optional external destination for the Beta menu link.
+ *
+ * Deployments that maintain a staging or beta environment can direct users to
+ * that surface here. Leave empty (null or an empty string) if there is no
+ * public beta to advertise.
+ */
+export const BETA_URL = "https://beta.bitvid.network/";
+
+/**
+ * Optional external destination for the DNS menu link.
+ *
+ * Operators can expose their canonical DNS landing page here. Leave empty
+ * (null or an empty string) to hide the DNS entry from the sidebar.
+ */
+export const DNS_URL = "https://bitvid.network/";
+
+/**
+ * Optional external destination for the Tip Jar menu link.
+ *
+ * Configure this with the Lightning tipping experience you want to surface in
+ * the sidebar dropup. When left empty (null or an empty string) the Tip Jar
+ * entry is removed entirely so operators that do not collect donations are not
+ * forced to show the control.
+ */
+export const TIP_JAR_URL =
+  "https://nostrtipjar.netlify.app/?n=npub13yarr7j6vjqjjkahd63dmr27curypehx45ucue286ac7sft27y0srnpmpe";
+
+/**
+ * Default image included in automated moderation DMs.
+ *
+ * bitvid embeds this media asset at the top of notification messages so the
+ * payload renders with a recognizable preview. Provide a fully qualified URL
+ * that points to a hosted image accessible by the intended recipients.
+ */
+export const ADMIN_DM_IMAGE_URL =
+  "https://beta.bitvid.network/assets/jpg/video-thumbnail-fallback.jpg";
+
+/**
+ * Maximum satoshi value allowed when storing the default zap amount.
+ *
+ * Wallet settings clamp user input to this value before persistence to guard
+ * against accidental overpayment. Tune the ceiling to match your instance's
+ * risk tolerance.
+ */
+export const MAX_WALLET_DEFAULT_ZAP = 100000000;
+
+/**
+ * Percentage of every Lightning payment the platform retains as a fee.
+ *
+ * Accepts numbers between 0 and 100 (inclusive). Decimals are supported when
+ * you want to keep a fractional cut—e.g., `2.5` represents a 2.5% fee. The
+ * default of `0` disables the fee so creators receive the full payment.
+ */
+export const PLATFORM_FEE_PERCENT = 30;
+
+/**
+ * Lightning address to fall back to when authors omit their own `lud16`.
+ *
+ * Supply a string like `"tips@example.com"` to force a deployment-wide
+ * fallback Lightning address. When `PLATFORM_FEE_PERCENT` is greater than 0,
+ * this override also acts as the Lightning target for the platform’s split.
+ * Leave the value as `null` to respect the creator’s metadata and rely on the
+ * Super Admin profile publishing a `lud16` so bitvid still knows where to route
+ * fees when they are enabled.
+ */
+export const PLATFORM_LUD16_OVERRIDE = "adammalin@strike.me";
+
+/**
+ * Optional list of relays to seed new sessions with instead of the defaults.
+ *
+ * Provide WSS URLs (e.g., `"wss://relay.example.com"`). Leave the array empty
+ * to keep bitvid’s bundled defaults. Operators that need a custom bootstrap set
+ * should list the relays in priority order; entries later in the list are used
+ * as fallbacks when earlier relays fail.
+ */
+export const DEFAULT_RELAY_URLS_OVERRIDE = Object.freeze([
+  // "wss://relay.example.com",
+]);
+
+/**
+ * Storage key used to persist whitelist-only mode in the browser.
+ *
+ * You usually do not need to change this, but the export lives here so that all
+ * whitelist-related knobs are grouped together. If you do change the key, make
+ * sure to migrate any previously stored values in localStorage.
+ */
+export const ADMIN_WHITELIST_MODE_STORAGE_KEY = "bitvid_admin_whitelist_mode";
+
+/**
+ * Whether whitelist-only mode should be enabled the first time an operator
+ * loads the admin dashboard.
+ *
+ * Set this to `true` if you want bitvid to start with whitelist-only access and
+ * require an explicit opt-out. Set to `false` to allow all creators by default.
+ * Operators can still toggle the mode at runtime; this value only controls the
+ * default state when no preference has been stored in localStorage yet.
+ */
+export const DEFAULT_WHITELIST_MODE_ENABLED = true;
+
+/**
+ * Whether the public client should display content flagged as NSFW.
+ *
+ * When set to `false`, bitvid filters out any video notes marked with the
+ * `isNsfw` flag so they never appear in feeds or video lists. Toggle to `true`
+ * only if your deployment allows NSFW media to surface publicly.
+ */
+export const ALLOW_NSFW_CONTENT = false;
+
+/**
+ * Emergency fallback accounts for seeding the moderation graph.
+ *
+ * Runtime moderation now derives its trust seeds from the Super Admin and the
+ * active moderator roster, ensuring their reports shape anonymous/default
+ * visitor filters automatically. The array below is kept only as a last-resort
+ * fallback when the live moderator lists cannot be loaded (for example,
+ * bootstrapping a brand-new deployment or recovering from relay outages).
+ * Populate it with the operator keys you want to lean on during that rare
+ * failure mode; under normal conditions these values are ignored. bitvid will
+ * freeze and sanitize the npubs at runtime when reading from `js/config.js`.
+ */
+export const DEFAULT_TRUST_SEED_NPUBS = [
+  "npub15jnttpymeytm80hatjqcvhhqhzrhx6gxp8pq0wn93rhnu8s9h9dsha32lx",
+  "npub13yarr7j6vjqjjkahd63dmr27curypehx45ucue286ac7sft27y0srnpmpe",
+];
+
+/**
+ * Baseline trusted-report count that triggers thumbnail blurring.
+ *
+ * When a video receives at least this many trusted reports for the active
+ * category (for example, `nudity`), thumbnails render with the blurred preview
+ * by default. Align this value with your moderation policy — the upstream
+ * deployment targets 3 trusted reports before blurring.
+ */
+export const DEFAULT_BLUR_THRESHOLD = 1;
+
+/**
+ * Baseline trusted-report count that blocks autoplay during browsing.
+ *
+ * Videos that meet or exceed this count will not autoplay in feeds unless the
+ * viewer explicitly opts in. Increase the number for a more permissive stance
+ * or decrease it if you want autoplay to stop sooner. The upstream deployment
+ * targets 2 trusted reports before blocking autoplay.
+ */
+export const DEFAULT_AUTOPLAY_BLOCK_THRESHOLD = 1;
+
+/**
+ * Trusted mute threshold that hides creators globally.
+ *
+ * Once this many trusted accounts mute a creator, their videos disappear from
+ * feeds until an operator intervenes. Keep the value low (1–2) to rapidly
+ * enforce community standards or raise it to tolerate more reports before
+ * hiding.
+ */
+export const DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD = 20;
+
+/**
+ * Trusted spam/report threshold that hides videos globally.
+ *
+ * When a video's trusted report count reaches this number, bitvid treats it as
+ * spam or policy violating content and removes it from default feeds. Align
+ * the value with your moderation policy — 3 trusted reports is the upstream
+ * baseline.
+ */
+export const DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD = 1;
+
+/**
+ * Optional theme accent overrides for light and dark mode.
+ *
+ * Operators can provide hex color strings (e.g., `"#2563eb"`) to customize the
+ * accent tokens without editing the generated CSS bundle. Leave values as
+ * `null` to keep the upstream defaults defined in `css/tokens.css`. Each theme
+ * accepts overrides for the base accent color as well as the stronger and
+ * pressed states used for hover/active presentations.
+ */
+export const THEME_ACCENT_OVERRIDES = Object.freeze({
+  light: Object.freeze({
+    accent: "#540011",
+    accentStrong: "#fe0032",
+    accentPressed: "#a90021",
+  }),
+  dark: Object.freeze({
+    accent: "#540011",
+    accentStrong: "#fe0032",
+    accentPressed: "#a90021",
+  }),
+});
+
+/**
+ * Nostr kind used when persisting watch history events.
+ *
+ * bitvid standardizes on kind 30079 so that watch events, view logs, and media
+ * metadata stay in the same family of documents. Operators that want to
+ * experiment with a separate list kind (for example, a NIP-51 collection) can
+ * flip this number so long as their relays accept the chosen kind.
+ */
+export const WATCH_HISTORY_KIND = 30079;
+
+/**
+ * Identifier applied to the watch-history list when storing it on relays.
+ *
+ * This becomes the value of the `d` tag so clients can find the correct list
+ * without guessing. Customize the slug if you need isolation between multiple
+ * bitvid deployments that share relays, but keep it stable once clients begin
+ * syncing history.
+ */
+export const WATCH_HISTORY_LIST_IDENTIFIER = "watch-history";
+
+/**
+ * Maximum number of watch-history entries to retain per user.
+ *
+ * The roadmap targets a rolling window of 1,500 items so the UI can highlight
+ * recently played videos without ballooning relay storage. Adjust this cap up
+ * or down depending on your retention and privacy policies; smaller values
+ * reduce storage pressure while larger ones surface a deeper backlog.
+ */
+export const WATCH_HISTORY_MAX_ITEMS = 1500;
+
+/**
+ * Whether clients should resolve watch-history entries in batches.
+ *
+ * When enabled, bitvid fetches video metadata in grouped queries instead of
+ * issuing one request per entry. Operators with relays that struggle under
+ * bursty loads can disable batching at the cost of additional round trips.
+ */
+export const WATCH_HISTORY_BATCH_RESOLVE = true;
+
+/**
+ * Maximum number of canonical items each batched watch-history response should
+ * include.
+ *
+ * Leave this as `null` (the default) to return the full
+ * `WATCH_HISTORY_MAX_ITEMS` window, even when batching is enabled. Deployments
+ * that page through histories in smaller slices can set a positive integer to
+ * cap the resolver output so pagination and API responses stay aligned.
+ */
+export const WATCH_HISTORY_BATCH_PAGE_SIZE = 10;
+
+/**
+ * Maximum size of the JSON payload for each watch-history chunk, measured
+ * before encryption.
+ *
+ * bitvid splits large histories across multiple events to stay within relay
+ * limits. This cap keeps individual chunks under roughly 60 KB so that
+ * encrypted payloads remain relay-friendly even after base64 expansion.
+ * Lower the number if your relays enforce tighter limits.
+ */
+export const WATCH_HISTORY_PAYLOAD_MAX_BYTES = 60000;
+
+/**
+ * Number of watch-history events to request when syncing from relays.
+ *
+ * Chunked histories can span several events. This fetch limit should exceed
+ * the maximum number of chunks you expect a client to publish in one snapshot
+ * so the UI can stitch the full list back together.
+ */
+export const WATCH_HISTORY_FETCH_EVENT_LIMIT = 64;
+
+/**
+ * How long clients should cache watch-history snapshots in localStorage.
+ *
+ * A 24-hour window keeps recently played videos available across reloads
+ * without requiring a fresh relay sync on every visit. Increase the value for
+ * longer-lived caches or decrease it if your deployment needs tighter
+ * retention guarantees.
+ */
+export const WATCH_HISTORY_CACHE_TTL_MS = 24 * 60 * 60 * 1000;
+
+/**
+ * How long the view counter should treat repeat plays as duplicates.
+ *
+ * bitvid de-duplicates view events that occur within this rolling window so
+ * quick refreshes or stalled replays do not inflate the totals. The default of
+ * 24 hours mirrors common analytics tooling, but you can tighten or relax the
+ * window depending on how aggressively you want to filter repeat traffic.
+ */
+export const VIEW_COUNT_DEDUPE_WINDOW_SECONDS = 86_400;
+
+/**
+ * How far back the view counter should hydrate historical events during
+ * backfills.
+ *
+ * When a new analytics worker starts up, it can walk older Nostr events to
+ * reconstruct totals. Limiting the backfill horizon keeps catch-up jobs
+ * bounded—90 days covers recent trends without hammering relays for year-old
+ * history. Increase the number if you need deeper analytics or shrink it for
+ * lighter start-up workloads.
+ */
+export const VIEW_COUNT_BACKFILL_MAX_DAYS = 90;
+
+/**
+ * How long clients can trust cached view totals before re-fetching.
+ *
+ * Cached results smooth out traffic spikes and reduce relay load. Five minutes
+ * strikes a balance between responsiveness and efficiency; lower the TTL for
+ * fresher dashboards or raise it if your analytics traffic is heavy.
+ */
+export const VIEW_COUNT_CACHE_TTL_MS = 5 * 60 * 1000;
+
+/**
+ * Cooldown window (in seconds) between manual "Rebroadcast" attempts.
+ *
+ * Rebroadcasting is an escape hatch for creators to nudge stale relays. A
+ * short cooldown keeps this safeguard from turning into an accidental DDoS.
+ * Five minutes provides enough breathing room for relays to catch up while
+ * still letting operators retry if a publish genuinely failed.
+ */
+export const ENSURE_PRESENCE_REBROADCAST_COOLDOWN_SECONDS = 5 * 60;
+
+/**
+ * Preferred playback source strategy.
+ *
+ * Options:
+ * - "url": Try CDN/URL first, fall back to WebTorrent.
+ * - "torrent": Try WebTorrent first, fall back to CDN/URL.
+ */
+export const DEFAULT_PLAYBACK_SOURCE = "torrent";
+
+/**
+ * Timeout (in milliseconds) for the initial playback attempt.
+ *
+ * If the preferred source (URL or Torrent) does not reach the "playing" state
+ * within this window, the player will automatically switch to the fallback
+ * source. This prevents users from staring at a loading spinner indefinitely
+ * if the primary source is slow or stalled.
+ */
+export const DEFAULT_PLAYBACK_START_TIMEOUT = 3000;
diff --git a/dist/config/validate-config.js b/dist/config/validate-config.js
new file mode 100644
index 00000000..83118535
--- /dev/null
+++ b/dist/config/validate-config.js
@@ -0,0 +1,184 @@
+// config/validate-config.js
+// -----------------------------------------------------------------------------
+// Runtime validation helpers for instance-level configuration
+// -----------------------------------------------------------------------------
+
+import {
+  ADMIN_SUPER_NPUB,
+  PLATFORM_FEE_PERCENT,
+  PLATFORM_LUD16_OVERRIDE,
+  THEME_ACCENT_OVERRIDES,
+  BLOG_URL,
+  COMMUNITY_URL,
+  NOSTR_URL,
+  GITHUB_URL,
+  BETA_URL,
+  DNS_URL,
+  TIP_JAR_URL,
+} from "./instance-config.js";
+
+function assertSuperAdminConfigured(value) {
+  if (typeof value !== "string") {
+    throw new Error(
+      "ADMIN_SUPER_NPUB must be a string exported from config/instance-config.js."
+    );
+  }
+
+  const trimmed = value.trim();
+  if (!trimmed) {
+    throw new Error(
+      "ADMIN_SUPER_NPUB is required. Populate it with the Super Admin npub in config/instance-config.js."
+    );
+  }
+
+  if (!trimmed.startsWith("npub")) {
+    throw new Error(
+      "ADMIN_SUPER_NPUB should be a bech32 npub (e.g., starting with 'npub')."
+    );
+  }
+  return trimmed;
+}
+
+function assertPlatformFeeInRange(value) {
+  const numericValue =
+    typeof value === "number" ? value : Number.parseFloat(value);
+
+  if (!Number.isFinite(numericValue)) {
+    throw new Error(
+      "PLATFORM_FEE_PERCENT must be a finite number between 0 and 100."
+    );
+  }
+
+  if (numericValue < 0 || numericValue > 100) {
+    throw new Error("PLATFORM_FEE_PERCENT must be between 0 and 100 inclusive.");
+  }
+
+  return numericValue;
+}
+
+function getPlatformLud16Override(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+
+  return value.trim();
+}
+
+const ACCENT_HEX_PATTERN = /^#(?:[0-9a-fA-F]{6})$/;
+
+function assertThemeAccentOverrides(overrides) {
+  const source =
+    overrides && typeof overrides === "object"
+      ? overrides
+      : THEME_ACCENT_OVERRIDES;
+
+  const allowedThemes = new Set(["light", "dark"]);
+  const allowedTokens = ["accent", "accentStrong", "accentPressed"];
+
+  Object.entries(source).forEach(([theme, themeOverrides]) => {
+    if (!allowedThemes.has(theme) || themeOverrides == null) {
+      return;
+    }
+
+    if (typeof themeOverrides !== "object") {
+      throw new Error(
+        `THEME_ACCENT_OVERRIDES.${theme} must be an object with accent overrides.`
+      );
+    }
+
+    allowedTokens.forEach((token) => {
+      const rawValue = themeOverrides[token];
+      if (rawValue == null || rawValue === "") {
+        return;
+      }
+
+      if (typeof rawValue !== "string") {
+        throw new Error(
+          `THEME_ACCENT_OVERRIDES.${theme}.${token} must be a hex string (e.g., '#2563eb').`
+        );
+      }
+
+      const trimmed = rawValue.trim();
+      if (!ACCENT_HEX_PATTERN.test(trimmed)) {
+        throw new Error(
+          `THEME_ACCENT_OVERRIDES.${theme}.${token} must be a #RRGGBB hex color.`
+        );
+      }
+    });
+  });
+}
+
+function resolveConfig(overrides = {}) {
+  return {
+    adminSuperNpub:
+      overrides.ADMIN_SUPER_NPUB ?? ADMIN_SUPER_NPUB,
+    platformFeePercent:
+      overrides.PLATFORM_FEE_PERCENT ?? PLATFORM_FEE_PERCENT,
+    platformLud16Override:
+      overrides.PLATFORM_LUD16_OVERRIDE ?? PLATFORM_LUD16_OVERRIDE,
+    themeAccentOverrides:
+      overrides.THEME_ACCENT_OVERRIDES ?? THEME_ACCENT_OVERRIDES,
+    blogUrl: overrides.BLOG_URL ?? BLOG_URL,
+    communityUrl: overrides.COMMUNITY_URL ?? COMMUNITY_URL,
+    nostrUrl: overrides.NOSTR_URL ?? NOSTR_URL,
+    githubUrl: overrides.GITHUB_URL ?? GITHUB_URL,
+    betaUrl: overrides.BETA_URL ?? BETA_URL,
+    dnsUrl: overrides.DNS_URL ?? DNS_URL,
+    tipJarUrl: overrides.TIP_JAR_URL ?? TIP_JAR_URL,
+  };
+}
+
+function assertOptionalHttpUrl(url, settingName) {
+  if (url == null) {
+    return null;
+  }
+
+  if (typeof url !== "string") {
+    throw new Error(`${settingName} must be a string when provided.`);
+  }
+
+  const trimmed = url.trim();
+  if (!trimmed) {
+    return null;
+  }
+
+  try {
+    const parsed = new URL(trimmed);
+    if (!parsed.protocol || !/^https?:$/.test(parsed.protocol)) {
+      throw new Error(`${settingName} must use http or https.`);
+    }
+  } catch (error) {
+    throw new Error(
+      `${settingName} must be a valid http(s) URL defined in config/instance-config.js.`,
+      { cause: error },
+    );
+  }
+
+  return trimmed;
+}
+
+export function validateInstanceConfig(overrides) {
+  const config = resolveConfig(overrides);
+  assertSuperAdminConfigured(config.adminSuperNpub);
+  const platformFeePercent = assertPlatformFeeInRange(
+    config.platformFeePercent
+  );
+  const trimmedOverride = getPlatformLud16Override(
+    config.platformLud16Override
+  );
+
+  if (platformFeePercent > 0 && !trimmedOverride) {
+    throw new Error(
+      "PLATFORM_FEE_PERCENT is positive but PLATFORM_LUD16_OVERRIDE is empty. Set PLATFORM_LUD16_OVERRIDE to the Lightning address that should receive the platform's split, or publish a lud16 value on the Super Admin profile so bitvid can route platform fees."
+    );
+  }
+
+  assertThemeAccentOverrides(config.themeAccentOverrides);
+  assertOptionalHttpUrl(config.blogUrl, "BLOG_URL");
+  assertOptionalHttpUrl(config.communityUrl, "COMMUNITY_URL");
+  assertOptionalHttpUrl(config.nostrUrl, "NOSTR_URL");
+  assertOptionalHttpUrl(config.githubUrl, "GITHUB_URL");
+  assertOptionalHttpUrl(config.betaUrl, "BETA_URL");
+  assertOptionalHttpUrl(config.dnsUrl, "DNS_URL");
+  assertOptionalHttpUrl(config.tipJarUrl, "TIP_JAR_URL");
+}
diff --git a/dist/content/docs/about.md b/dist/content/docs/about.md
new file mode 100644
index 00000000..d61f2579
--- /dev/null
+++ b/dist/content/docs/about.md
@@ -0,0 +1,20 @@
+Welcome to bitvid, a new kind of video platform that puts you in control. Unlike traditional video sites that keep your content on their servers, bitvid lets videos flow directly between creators and viewers. Think of it like a digital potluck where everyone brings and shares content directly with each other!
+
+## What Makes bitvid Different?
+
+- **You're in Control**: Your videos stay yours. No company owns or controls your content – you share it directly with your viewers.
+- **Always Available**: Because videos are shared between viewers, popular content actually loads faster instead of slower. No more buffering during peak times!
+- **Privacy First**: No need for email or password – you log in with a secure key that only you control.
+- **Support Creators Directly**: Send tips to creators you love without a platform taking a big cut.
+- **Free and Open**: bitvid's code is open source, meaning anyone can check how it works or help make it better.
+
+## How Does It Work?
+
+bitvid uses two main technologies to make this all possible:
+
+1. **WebTorrent**: This lets viewers stream videos directly from other viewers, like a relay race passing the content from person to person.
+2. **Nostr**: This handles your login and video details, like a digital ID card that works across many sites.
+
+## Join the Revolution
+
+Whether you're tired of traditional platforms controlling your content, care about privacy, or just want a better way to share videos, bitvid offers a fresh alternative. Come be part of the future of video sharing!
diff --git a/dist/content/docs/community/community-guidelines.md b/dist/content/docs/community/community-guidelines.md
new file mode 100644
index 00000000..d401d7d7
--- /dev/null
+++ b/dist/content/docs/community/community-guidelines.md
@@ -0,0 +1,106 @@
+Welcome to **bitvid**, a decentralized video-sharing platform built on Nostr. These Community Guidelines outline the types of content allowed and prohibited on the client hosted at this domain. Enforcement occurs at the **client level** with blur, hide, and downrank rules that mirror the current moderator tooling. Personal blocklists, mute controls, admin blacklists, and NIP-56 reporting are already available so you can tune your own experience.
+
+> ⚠️ **Note:** Don't like the Guidelines? [Fork the code](https://github.com/PR0M3TH3AN/bitvid) and host the client on your own domain.
+
+## **1. Content Principles**
+
+bitvid aims to support **free expression** while maintaining a platform where users feel safe and respected. To achieve this balance, the following principles guide our moderation approach:
+
+- **Decentralization:** We do not host videos directly but enable peer-to-peer sharing through WebTorrent and Nostr.
+- **User Moderation:** Users have control over their feeds through subscriptions, blocking, and reporting.
+- **Transparency:** Enforcement actions at the client level are visible, and policy updates will be communicated openly.
+
+## **2. Allowed Content**
+
+bitvid encourages a wide range of content, including but not limited to:
+
+- **Educational and informative videos** (tech tutorials, history, science, etc.).
+- **Entertainment** (music, gaming, comedy, reviews, etc.).
+- **News and journalism** (independent reporting and discussions).
+- **Creative works** (art, animations, short films, open-source projects, etc.).
+- **Discussions and opinions** (provided they adhere to respectful discourse).
+
+## **3. Prohibited Content**
+
+To maintain a functional and ethical platform, the following types of content are blocked at the client level:
+
+### **3.1. Illegal Content**
+
+- Content that violates applicable laws, including but not limited to:
+  - **CSAM (Child Sexual Abuse Material)** (immediate report and block enforcement).
+  - **Human trafficking, exploitation, or abuse.**
+  - **Direct threats or incitements to violence.**
+  - **Explicit doxxing or leaking of private information without consent.**
+  - **Fraudulent or scam content (e.g., Ponzi schemes, fake giveaways, impersonation).**
+
+### **3.2. Spam and Low-Quality Content**
+
+- Mass-uploaded, repetitive, or bot-generated content intended to flood the platform.
+- Clickbait thumbnails/titles that mislead viewers.
+- Excessive self-promotion with no meaningful engagement.
+
+### **3.3. NSFW and Sensitive Content**
+
+- **Pornographic material** (non-artistic sexually explicit content is not allowed at this stage).
+- **Extreme gore or graphic violence** (unless in an educational or journalistic context).
+- **Hate speech, racism, or targeted harassment.**
+- **Calls for harm against individuals or groups based on race, religion, nationality, gender, or sexual orientation.**
+- **Encouragement of self-harm, suicide, or dangerous activities.**
+
+### **3.4. AI-Generated and Deepfake Content**
+
+- **Deepfake impersonations** of real people used for deceptive purposes.
+- AI-generated content must be **clearly labeled** to avoid misinformation.
+
+## **4. Enforcement & Visibility Controls**
+
+bitvid enforces these guidelines through client-side visibility rules that match the current `moreMenuController` and `userBlocks` behavior:
+
+- **Blurred previews:** When trusted NIP-56 `nudity` reports reach the configured blur threshold (`DEFAULT_BLUR_THRESHOLD` in [`config/instance-config.js`](../config/instance-config.js)), thumbnails render blurred and autoplay previews pause. Every blur includes a “show anyway” override. The upstream configuration currently uses three trusted reporters, but adjust the export to match your policy.
+- **Downranked authors:** Muting a creator adds them to your NIP-51 mute list (kind `10000`). Videos from muted creators are deprioritized but still visible with clear badges so you can reverse the action.
+- **Personal blocks:** Blocking a creator adds them to your private block list (`userBlocks`). Videos from blocked creators are hidden from feeds, carousels, and modals unless you explicitly unblock them.
+- **Admin hard hides:** Moderator-maintained blacklists (NIP-51 kind `30000`) remove creators from default feeds for everyone using the hosted client. Moderators can still review the content through “show anyway” controls when auditing decisions.
+- **Relay transparency:** Because enforcement is client-side, blocked or blurred videos may still exist on relays and appear in other Nostr clients that do not apply these rules.
+
+## **5. User Moderation Controls**
+
+You can manage moderation directly from the client using the existing menus rendered by `videoMenuRenderers`:
+
+### **5.1 Personal blocklist (`userBlocks`)**
+
+- Open any video card or modal and select the **More** (`···`) button. Choose **Block creator** to hide all future uploads from that pubkey. `moreMenuController` will confirm the action and refresh your feeds.
+- To review or remove blocks, open your profile avatar → **Profile** → **Blocked**. The list is private to your account; use **Unblock** next to a creator to restore their videos.
+
+### **5.2 Mute list management**
+
+- Use the same **More** menu and pick **Mute creator**. Muted creators stay visible but are downranked, aligning with the viewer mute list logic in `moreMenuController`.
+- Return to a muted creator’s video later and select **Unmute creator** from the menu to restore their normal ranking.
+
+### **5.3 Moderator blacklist controls**
+
+- Moderators with admin permissions see **Blacklist creator** inside the **More** menu. This updates the shared admin list managed by `moreMenuController` and immediately removes the creator from default feeds.
+- Only accounts with edit rights can add or remove creators. Attempting to blacklist without sufficient permissions will surface an error toast.
+
+### **5.4 Reporting workflow (NIP-56)**
+
+- Select **Report video** from the **More** menu to launch the reporting modal. Provide a category (e.g., `nudity`, `spam`, `illegal`) and submit; the client signs a NIP-56 report from your connected key.
+- Reports feed the same trusted-report scoring used for blur and hide decisions. Moderators monitor these queues to escalate urgent cases.
+
+### **5.5 Safety & Moderation thresholds**
+
+- Open your profile avatar → **Profile** → **Safety & Moderation** to adjust blur and autoplay thresholds. Leave a field blank to return to the defaults exported from [`config/instance-config.js`](../config/instance-config.js) (`DEFAULT_BLUR_THRESHOLD`, `DEFAULT_AUTOPLAY_BLOCK_THRESHOLD`, `DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD`, `DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD`). The upstream repo ships example values of 1 trusted report for blur, 1 for autoplay blocking, 20 trusted mutes to hide authors, and 1 trusted spam report to hide videos—tune the config file before deployment if your community needs different baselines.
+- These controls update immediately and sync with the moderation overlays applied by `moreMenuController` and `VideoCard` components. Operators can edit the config file to change the baseline before deploying their own instance.
+
+## **6. Appeals and Feedback**
+
+As we refine the moderation system, we welcome feedback from early users. If you believe your content was unfairly blocked, you can appeal by reaching out through bitvid’s Nostr channels.
+
+## **7. Final Notes**
+
+bitvid is committed to **free speech and open platforms** while acknowledging the need for responsible content moderation. These guidelines will continue to evolve as we develop better tools for user moderation and decentralized governance.
+
+> ⚠️ **Note:** If you agree to follow these guidelines then [submit an application](https://bitvid.network/?modal=application) to be a content creator!
+
+> ⚠️ **Note:** If you believe your content was unfairly blocked or restricted on [bitvid.network](https://bitvid.network/), please complete [this form](https://bitvid.network/?modal=appeals).
+
+Thank you for being part of the early bitvid community!
diff --git a/dist/content/docs/community/index.md b/dist/content/docs/community/index.md
new file mode 100644
index 00000000..fbb4103f
--- /dev/null
+++ b/dist/content/docs/community/index.md
@@ -0,0 +1,8 @@
+# Community
+
+Connect with other bitvid users and learn about our community standards.
+
+## Resources
+
+- **[Community Guidelines](#view=docs&doc=community-guidelines)**: Expectations for behavior and content.
+- **[Links](#view=docs&doc=links)**: Official links and resources.
diff --git a/dist/content/docs/community/links.md b/dist/content/docs/community/links.md
new file mode 100644
index 00000000..a3374759
--- /dev/null
+++ b/dist/content/docs/community/links.md
@@ -0,0 +1,131 @@
+Here is a collection of links to forms and pages.
+
+---
+
+## Forms
+
+---
+
+### Application Form
+
+Main - [bitvid.network?modal=application](https://bitvid.network?modal=application)
+
+Beta - [beta.bitvid.network?modal=application](https://beta.bitvid.network?modal=application)
+
+---
+
+### Bug Fix Form
+
+Main - [bitvid.network?modal=bug](https://bitvid.network?modal=bug)
+
+Beta - [beta.bitvid.network?modal=bug](https://beta.bitvid.network?modal=bug)
+
+---
+
+### Content Appeals Form
+
+Main - [bitvid.network?modal=appeals](https://bitvid.network?modal=appeals)
+
+Beta - [beta.bitvid.network?modal=appeals](https://beta.bitvid.network?modal=appeals)
+
+---
+
+### Feature Request Form
+
+Main - [bitvid.network?modal=feature](https://bitvid.network?modal=feature)
+
+Beta - [beta.bitvid.network?modal=feature](https://beta.bitvid.network?modal=feature)
+
+---
+
+### General Feedback Form
+
+Main - [bitvid.network?modal=feedback](https://bitvid.network?modal=feedback)
+
+Beta - [beta.bitvid.network?modal=feedback](https://beta.bitvid.network?modal=feedback)
+
+---
+
+## Views
+
+---
+
+### Home
+
+Main - [bitvid.network#view=most-recent-videos](https://bitvid.network#view=most-recent-videos)
+
+Beta - [beta.bitvid.network#view=most-recent-videos](https://beta.bitvid.network#view=most-recent-videos)
+
+---
+
+### Explore
+
+Main - [bitvid.network#view=explore](https://bitvid.network#view=explore)
+
+Beta - [beta.bitvid.network#view=explore](https://beta.bitvid.network#view=explore)
+
+---
+
+### Subscriptions
+
+_Requires Nostr login_
+
+Main - [bitvid.network#view=subscriptions](https://bitvid.network#view=subscriptions)
+
+Beta - [beta.bitvid.network#view=subscriptions](https://beta.bitvid.network#view=subscriptions)
+
+---
+
+### About
+
+Main - [bitvid.network#view=about](https://bitvid.network#view=about)
+
+Beta - [beta.bitvid.network#view=about](https://beta.bitvid.network#view=about)
+
+---
+
+### Guidelines
+
+Main - [bitvid.network#view=community-guidelines](https://bitvid.network#view=community-guidelines)
+
+Beta - [beta.bitvid.network#view=community-guidelines](https://beta.bitvid.network#view=community-guidelines)
+
+---
+
+### Getting Started
+
+Main - [bitvid.network#view=getting-started](https://bitvid.network#view=getting-started)
+
+Beta - [beta.bitvid.network#view=getting-started](https://beta.bitvid.network#view=getting-started)
+
+---
+
+### Roadmap
+
+Main - [bitvid.network#view=roadmap](https://bitvid.network#view=roadmap)
+
+Beta - [beta.bitvid.network#view=roadmap](https://beta.bitvid.network#view=roadmap)
+
+---
+
+### βeacon
+
+Main - [bitvid.network/torrent/beacon.html](https://bitvid.network/torrent/beacon.html)
+
+Beta - [beta.bitvid.network/torrent/beacon.html](https://beta.bitvid.network/torrent/beacon.html)
+
+---
+
+### Beta
+
+Main - [bitvid.network](https://bitvid.network)
+
+Beta - [beta.bitvid.network](https://beta.bitvid.network)
+
+---
+
+### Links
+
+Main - [bitvid.network#view=links](https://bitvid.network#view=links)
+
+Beta - [beta.bitvid.network#view=links](https://beta.bitvid.network#view=links)
diff --git a/dist/content/docs/getting-started.md b/dist/content/docs/getting-started.md
new file mode 100644
index 00000000..d3f46855
--- /dev/null
+++ b/dist/content/docs/getting-started.md
@@ -0,0 +1,47 @@
+Ready to jump in? Here's everything you need to know to start watching and sharing videos on bitvid.
+
+## Watching Videos
+
+1. Just visit [bitvid.network](https://bitvid.network) or one of our alternate sites like [bitvid.btc.us](https://bitvid.btc.us) and [bitvid.eth.limo](https://bitvid.eth.limo).
+2. Browse the videos on the homepage
+3. Click any video to start watching
+   That's it! No account needed to watch.
+
+## Sharing Your Videos
+
+### Step 1: Set Up Your Account
+
+> ⚠️ **Note:** We are currently invite-only. [Submit an application](https://bitvid.network/?modal=application) to request approval for posting content.
+
+1. Install a [Nostr extension](https://nostrapps.com/#signers#all) (like Alby or Nos2x) in your browser
+2. The extension creates your secure login key automatically
+3. Click "Login" on bitvid to connect
+
+### Step 2: Prepare Your Video
+
+1. Host your video at an HTTPS URL that browsers can stream directly (MP4/WebM/HLS/DASH all work). You can use your own CDN, Cloudflare Stream, an R2 bucket, or any static site host—as long as the link begins with `https://`.
+2. (Optional but recommended) Generate a WebTorrent magnet so viewers can fall back to peer-to-peer delivery. Desktop apps like [WebTorrent Desktop](https://webtorrent.io/desktop/) or command-line tools can create the magnet for you.
+3. Double-check that either the hosted URL or the magnet (or both) is ready before you open the Upload modal.
+
+### Step 3: Share on bitvid
+
+1. Click "Share a Video" on bitvid to open the upload modal.
+2. In **Custom** mode, enter your title, paste the hosted HTTPS URL, and (optionally) add the magnet plus any `ws`/`xs` hints. Switch to the experimental **Cloudflare** quick upload mode if you want bitvid to push the file straight to your Cloudflare R2 bucket—have your Account ID, S3 Access Key ID, and Secret Access Key ready (the advanced toggle also accepts an API token, Zone ID, and base domain if you use them).
+3. Review the rest of the form: add a description and thumbnail, decide whether to allow comments, and set the NSFW or "For Kids" toggles to match your content. Explore the metadata section to fill in captions, duration, publish time, hashtags, participants, and other fields so first-time viewers have all the context they need.
+4. Click "Post" to publish once everything looks right.
+
+## Tips for Success
+
+- Keep WebTorrent Desktop running while sharing videos
+- Add eye-catching thumbnails to attract viewers
+- Write clear descriptions to help people find your content
+- After posting, open a card’s **More → Edit** action and use the [visibility toggle in the Edit Video modal](../components/edit-video-modal.html) to keep it private until you’re ready to share
+- Encrypted watch-history sync lives in the [Watch History view](history.html), where you can clear devices or pause tracking whenever you need.
+
+## Need Help?
+
+- Visit our [GitHub](https://github.com/PR0M3TH3AN/bitvid) page for technical support
+- Join our [community](https://primal.net/p/npub13yarr7j6vjqjjkahd63dmr27curypehx45ucue286ac7sft27y0srnpmpe) to connect with other users
+- Report bugs to help us improve
+
+Welcome to bitvid – let's start sharing!
diff --git a/dist/content/docs/guides/index.md b/dist/content/docs/guides/index.md
new file mode 100644
index 00000000..0b4ab457
--- /dev/null
+++ b/dist/content/docs/guides/index.md
@@ -0,0 +1,7 @@
+# Guides
+
+Learn how to make the most of bitvid.
+
+## Available Guides
+
+- **[Upload Content](#view=docs&doc=upload-content)**: How to host and share your videos on bitvid.
diff --git a/dist/content/docs/guides/upload-content.md b/dist/content/docs/guides/upload-content.md
new file mode 100644
index 00000000..ff8665e8
--- /dev/null
+++ b/dist/content/docs/guides/upload-content.md
@@ -0,0 +1,70 @@
+# How to Upload Content
+
+bitvid is a decentralized platform, but for larger video files, we currently support **Cloudflare R2** as a storage backend. This allows you to upload files directly from your browser to a high-performance, affordable storage bucket.
+
+## Prerequisites
+
+- A **Cloudflare Account** (free to create).
+- An activated **R2 Plan** (there is a generous free tier, but you may need to add a payment method).
+
+## Step-by-Step Guide
+
+### 1. Create a Bucket & Enable Public Access
+
+1. Log in to your [Cloudflare Dashboard](https://dash.cloudflare.com/).
+2. Navigate to **R2** in the sidebar.
+3. Click **"Create Bucket"**.
+4. Give it a name (e.g., `my-bitvid-videos`) and click **"Create Bucket"**.
+5. Go to the **Settings** tab of your new bucket.
+6. Scroll down to **"Public Access"** and click **"Enable"** under "R2.dev subdomain".
+7. **Copy the Public Bucket URL** (it looks like `https://pub-xxxxxx.r2.dev`). You will need this later.
+
+### 2. Configure CORS
+
+To allow your browser to upload files directly to Cloudflare, you must allow Cross-Origin Resource Sharing (CORS).
+
+1. Still in your bucket's **Settings** tab, scroll down to **"CORS Policy"**.
+2. Click **"Add CORS Policy"** (or Edit).
+3. **Important:** Browser uploads use the AWS JavaScript SDK, which sends the `amz-sdk-invocation-id`, `amz-sdk-request`, and `x-amz-user-agent` headers. The simplest working setup is to allow all headers by setting `AllowedHeaders: ["*"]`.
+4. Paste the following JSON configuration and **explicitly list every allowed app origin** (the scheme, host, and port must match exactly):
+
+```json
+[
+  {
+    "AllowedOrigins": ["http://127.0.0.1:5500", "https://bitvid.network"],
+    "AllowedMethods": ["GET", "PUT", "POST", "DELETE", "HEAD"],
+    "AllowedHeaders": ["*"],
+    "ExposeHeaders": ["ETag", "Content-Length", "Content-Range", "Accept-Ranges"],
+    "MaxAgeSeconds": 3600
+  }
+]
+```
+> **Note:** Replace the `AllowedOrigins` values with the exact origins you use in development and production (the scheme and port must match exactly). Apply this policy on the **bucket’s S3 API endpoint**, not just the public URL or custom domain. Uploads go through the **S3 API endpoint** (`<account>.r2.cloudflarestorage.com`), and Cloudflare’s UI does **not** require adding `OPTIONS` to `AllowedMethods`.
+
+5. Click **"Save"**.
+
+### 3. Create an API Token
+
+1. Go back to the **R2 Overview** page.
+2. Click **"Manage R2 API Tokens"** (right sidebar).
+3. Click **"Create API Token"**.
+4. **Configure the token:**
+   - **Token name**: e.g., "bitvid-upload".
+   - **Permissions**: Select **"Object Read & Write"**. This is the minimal permission needed to upload and delete files.
+   - **Specific Bucket(s)**: Select the bucket you created in Step 1.
+   - **TTL**: "Forever".
+5. Click **"Create API Token"**.
+
+### 4. Configure bitvid
+
+1. Copy the **Access Key ID**, **Secret Access Key**, and your **Account ID** (found on the R2 Overview page).
+2. Return to the **Upload Video** modal in bitvid.
+3. Click **"Configure R2 Storage"**.
+4. Enter your:
+   - **Account ID**
+   - **Access Key ID**
+   - **Secret Access Key**
+   - **Public Bucket URL** (from Step 1)
+5. Click **"Verify & Save"**.
+
+bitvid will verify your credentials by uploading a small test file. Once verified, you are ready to upload!
diff --git a/dist/content/docs/overview.md b/dist/content/docs/overview.md
new file mode 100644
index 00000000..85766c79
--- /dev/null
+++ b/dist/content/docs/overview.md
@@ -0,0 +1,13 @@
+# Docs Overview
+
+Welcome to the bitvid documentation!
+
+Here you will find guides, community information, and details about our roadmap.
+
+## Sections
+
+- **[Getting Started](#view=docs&doc=getting-started)**: Learn how to watch and share videos.
+- **[About](#view=docs&doc=about)**: Learn more about bitvid's mission.
+- **[Guides](#view=docs&doc=guides)**: Detailed guides on using bitvid.
+- **[Community](#view=docs&doc=community)**: Community guidelines and links.
+- **[Roadmap](#view=docs&doc=roadmap)**: What's coming next.
diff --git a/dist/content/docs/roadmap.md b/dist/content/docs/roadmap.md
new file mode 100644
index 00000000..29b9a21a
--- /dev/null
+++ b/dist/content/docs/roadmap.md
@@ -0,0 +1,59 @@
+## Shipped
+
+- **Private video filtering** – VideoListView now hides private uploads from shared feeds while still rendering them for their owners, keeping private sharing contained to the uploader’s views.
+- **Edit & Upload modals** – Editing and publishing flows now rely on first-class modal forms with shared NIP-71 field management instead of browser pop-ups.
+- **Universal more/settings menus** – Video cards expose consistent “more” and owner settings menus with channel navigation, sharing, blocking, and reporting actions wired through dedicated renderers.
+- **Watch History view** – A dedicated watch history page ships with privacy messaging, pagination, relay sync, and local cache controls.
+- **Zap controls** – Channel profiles manage zap visibility, login gating, retry flows, and receipt rendering via the Lightning controller on the page.
+- **Source visibility filtering** – Lists now hide cards whose hosted URLs are offline unless their WebTorrent fallback is healthy, reusing the shared guard in `js/utils/cardSourceVisibility.js`.
+- **Video modal comments** – The video modal now surfaces in-context comment threads so viewers can follow discussions without leaving the player.
+- **Channel profile views** – `views/channel-profile.html` and `js/channelProfile.js` render dedicated channel landing pages with banners, follow stats, playlists, and contact links.
+- **Audience targeting toggles** – The [Upload modal](components/upload-modal.html) and [Edit Video modal](components/edit-video-modal.html) ship **NSFW** and **For Kids** toggles that map to the note’s moderation flags.
+- **Hashtag metadata repeater** – Upload metadata repeaters now support hashtag sets so creators can publish discovery tags alongside variants, captions, and participants.
+- **Dev/Live publishing fix** – Publishing honors the selected mode, preventing Dev-mode uploads from leaking into Live feeds.
+
+## Bug Fixes
+
+> ⚠️ **Note:** If you find a new bug thats not listed here. Please submit a [Bug Report](https://bitvid.network/?modal=bug).
+
+- Speed up loading in subscriptions. Save to local cache?
+- Fix slow back button issues on Firefox.
+- Add Amber login support for mobile.
+- Add support for "Playlist" lists and other custom lists (named whatever) and also a "Watch Later" list.
+- Add an "add to playlist" button to the edit button.
+- Add "add to watch later" option to edit button.
+- Fix autoplay broken on iPhone chrome.
+- Fix playback broken on Safari on iPhone.
+- **[14]** Get Watch History working reliably so the view stays in sync across devices and sessions.
+- **[15]** Fix Watch History bugs for various login methods to keep timelines aligned regardless of how users authenticate.
+- Update note spec v3 transition to include new fields that have been added like "has previous" or "videoRootID" or enentID if null.
+- Change "explore" view to "kids" view and add flag to all notes to see if they are for kids.
+- Add "seed" lists.
+- Fix sidebar media query settings on medium-sized screens. (tablet/laptops)
+- Fix various "text wrap" issues causing scroll left and right on profile and modal pages.
+
+## Feature Additions
+
+> ⚠️ **Note:** Have an idea for improving bitvid? We’d love to hear it! Please use [this form](https://bitvid.network/?modal=feature) to request new features or enhancements.
+
+- Allow users to set custom relay settings, stored in local cache.
+- Add a "Publish" step in the video editing process.
+- Add a relay note search surface with filters for post date, hashtags, title keywords, view counts, and the publishing account.
+- Add a mobile search control with a floating icon that expands into a full search field on small screens.
+- Improve event spec for migration to new versions. [Click for more details](https://github.com/PR0M3TH3AN/bitvid/blob/main/content/roadmap/02_bitvid_Enhanced_Migration_of_Note_Spec_Logic.md)
+- Migrate event spec to v3 and add support for Audio/Podcast content. [Click for more details](https://github.com/PR0M3TH3AN/bitvid/blob/main/content/roadmap/03_bitvid_Enhanced_Nostr_Video_%26_Audio_Note_Specification_Version%203.md)
+- Add Block List, Subscription List, Playlist, and Reporting Specification. [Click for more details](https://github.com/PR0M3TH3AN/bitvid/blob/main/content/roadmap/05_bitvid_Enhanced_Block_Subscription_%26_Reporting_Specification.md)
+- Allow multiple video resolutions with a selector in the video player. (v3 event spec needed)
+- Introduce a subscription mechanism with notifications.
+- Add zaps to videos, profiles, and comments.
+- Create a VRR (View, Rating, and Retention) Penalty Scoring system. [Click for more details](https://github.com/PR0M3TH3AN/bitvid/blob/main/content/roadmap/07_bitvid_Enhanced_View_Rating_%26_Retention_Penalty_Scoring.md)
+- Expand visibility tooling around the shipped source guard to add operator overrides, richer status messaging, and better diagnostics when both URL and magnet sources fail.
+- Dynamic Home Page and Video Tracking Specification. [Click for more details](https://github.com/PR0M3TH3AN/bitvid/blob/main/content/roadmap/08_bitvid_Enhanced_Dynamic_Home_Page_%26_Video_Tracking_Specification.md)
+- Add multi-language support for content and filtration. (v4?)
+- Create a settings menu for local account preferences, including relay, adult content, theme, and language.
+- Better integrate with other Nostr/torrent ecosystem. (NIP-35 + WebRTC Check Integration) [Click for more details](https://github.com/PR0M3TH3AN/bitvid/blob/main/content/roadmap/09_bitvid_Enhanced_NIP-35_%2B_WebRTC_Check_Integration.md)
+- **[16]** Add ability to write and send DMs so creators and viewers can coordinate privately.
+- **[17]** Add a "Live" live stream view (view only for now) that imports Zapstream notes and displays the live streams within the bitvid environment.
+- **[18]** Add ability to create and post livestreams to R2 storage so streamers can broadcast directly from bitvid.
+
+> ⚠️ **Note:** Your feedback helps us improve bitvid! Whether it’s a suggestion, a concern, or general thoughts on the platform, we’d love to hear from you. Please tell us what you think [with this form](https://bitvid.network/?modal=feedback).
diff --git a/dist/content/docs/toc.json b/dist/content/docs/toc.json
new file mode 100644
index 00000000..0a45b2d6
--- /dev/null
+++ b/dist/content/docs/toc.json
@@ -0,0 +1,64 @@
+{
+  "items": [
+    {
+      "title": "Overview",
+      "id": "overview",
+      "slug": "overview",
+      "path": "content/docs/overview.md",
+      "children": [
+        {
+          "title": "Getting Started",
+          "id": "getting-started",
+          "slug": "getting-started",
+          "path": "content/docs/getting-started.md"
+        },
+        {
+          "title": "About Bitvid",
+          "id": "about",
+          "slug": "about",
+          "path": "content/docs/about.md"
+        }
+      ]
+    },
+    {
+      "title": "Guides",
+      "id": "guides",
+      "slug": "guides",
+      "path": "content/docs/guides/index.md",
+      "children": [
+        {
+          "title": "Upload Content",
+          "id": "upload-content",
+          "slug": "upload-content",
+          "path": "content/docs/guides/upload-content.md"
+        }
+      ]
+    },
+    {
+      "title": "Community",
+      "id": "community",
+      "slug": "community",
+      "path": "content/docs/community/index.md",
+      "children": [
+        {
+          "title": "Community Guidelines",
+          "id": "community-guidelines",
+          "slug": "community-guidelines",
+          "path": "content/docs/community/community-guidelines.md"
+        },
+        {
+          "title": "Links",
+          "id": "links",
+          "slug": "links",
+          "path": "content/docs/community/links.md"
+        }
+      ]
+    },
+    {
+      "title": "Roadmap",
+      "id": "roadmap",
+      "slug": "roadmap",
+      "path": "content/docs/roadmap.md"
+    }
+  ]
+}
diff --git a/dist/content/roadmap/02_bitvid_Enhanced_Migration_of_Note_Spec_Logic.md b/dist/content/roadmap/02_bitvid_Enhanced_Migration_of_Note_Spec_Logic.md
new file mode 100644
index 00000000..48465916
--- /dev/null
+++ b/dist/content/roadmap/02_bitvid_Enhanced_Migration_of_Note_Spec_Logic.md
@@ -0,0 +1,268 @@
+# **bitvid: Enhanced Migration of Note Spec Logic**
+
+---
+
+## Overview
+
+Currently, logic related to the **video note specification** and how data is structured (version, `isPrivate`, encryption placeholders, and so on) is scattered across three files:
+
+1. **app.js**: Contains UI handling, form submissions, and some note structure (like `version`, `title`, `magnet`).
+2. **nostr client modules** (for example, `js/nostr/client.js`): Build and edit Nostr events (`publishVideo`, `editVideo`, `deleteVideo`). They also hold methods for “fake encryption” and “fake decryption,” among other utilities.
+3. **webtorrent.js**: Mostly focuses on torrent streaming but does not handle note logic directly. It rarely touches the note data, so it may not need major restructuring.
+
+The legacy `nostr.js` shim no longer exists; references to it map to the nostr client layer under `js/nostr/`.
+
+To isolate note-spec-related operations, you can create a new file (for example, `bitvidNoteSpec.js`). This file will have all the code that deals with creating or parsing your event content fields (version, magnet link encryption, etc.). Then `app.js` and the nostr client modules can import those functions.
+
+---
+
+## Goals
+
+- **Centralize the note specification**: Keep details like `version`, `deleted`, `isPrivate`, encryption, and decryption in one place.
+- **Simplify `app.js`**: Move form building/parsing to new spec-related functions. That way, `app.js` only handles UI and user actions.
+- **Streamline the nostr client layer**: Shift event creation logic into a function from the new note spec file. Nostr code then just calls that function, signs it, and publishes it.
+
+---
+
+## Proposed File: `bitvidNoteSpec.js`
+
+This new file could export:
+
+1. **Constants / Defaults** (for example, default `kind=30078`, default `version=2`, etc.).
+2. **Helper Functions**:
+   - `buildNewNote(data, pubkey)`: Takes basic form data and returns a fully structured Nostr note (an object) ready to be signed.
+   - `buildEditNote(originalEvent, updatedData)`: Merges old note content with new fields.
+   - `softDeleteNote(originalEvent)`: Constructs a note with `deleted = true`.
+   - `encryptMagnet(magnet)`, `decryptMagnet(magnet)`: Legacy pass-through helpers kept in case encryption returns; private listings now hide rather than encrypt.
+   - `validateNoteContent(content)`: Ensures essential fields (title, magnet, mode, etc.) are present and valid.
+
+Because you’re not implementing Version 3 yet, keep your existing version logic. If you do plan to adopt Version 3 later, the new file is where you’d add or change fields without scattering edits across multiple files.
+
+---
+
+### 1. Extracting Logic from `app.js`
+
+In `app.js`, you have code in the `handleSubmit` method that constructs a `formData` object with fields like `version`, `title`, `magnet`, and so on. You can:
+
+- Remove direct references to `version` or encryption from `handleSubmit`.
+- Instead, pass the raw form input to a function in `bitvidNoteSpec.js` named, for instance, `prepareNewNote(formInput, pubkey)`.
+
+Example:
+
+```js
+// bitvidNoteSpec.js (simplified example)
+export function prepareNewNote(formInput, pubkey) {
+  // Combine user inputs with defaults
+  const isPrivate = formInput.isPrivate === true;
+  const finalMagnet = isPrivate
+    ? encryptMagnet(formInput.magnet) // currently a pass-through; hiding happens at the feed layer
+    : formInput.magnet;
+
+  return {
+    kind: 30078,
+    pubkey,
+    created_at: Math.floor(Date.now() / 1000),
+    tags: [
+      ["t", "video"],
+      ["d", generateUniqueDTag()]
+    ],
+    content: JSON.stringify({
+      version: formInput.version ?? 2,
+      deleted: false,
+      isPrivate,
+      title: formInput.title,
+      magnet: finalMagnet,
+      thumbnail: formInput.thumbnail,
+      description: formInput.description,
+      mode: formInput.mode
+    })
+  };
+}
+
+// app.js (handleSubmit excerpt)
+import { prepareNewNote } from "./bitvidNoteSpec.js";
+
+async handleSubmit(e) {
+  e.preventDefault();
+
+  if (!this.pubkey) {
+    this.showError("Please login to post a video.");
+    return;
+  }
+
+  const formInput = {
+    version: 2,
+    title: document.getElementById("title")?.value.trim() || "",
+    magnet: document.getElementById("magnet")?.value.trim() || "",
+    thumbnail: document.getElementById("thumbnail")?.value.trim() || "",
+    description: document.getElementById("description")?.value.trim() || "",
+    mode:
+      (document.getElementById("mode")?.value || "")
+        .trim()
+        .toLowerCase() === "dev"
+        ? "dev"
+        : "live",
+    isPrivate: this.isPrivateCheckbox.checked
+  };
+
+  try {
+    const eventToPublish = prepareNewNote(formInput, this.pubkey);
+    await nostrClient.publishNote(eventToPublish);
+    this.submitForm.reset();
+    ...
+  } catch (err) {
+    ...
+  }
+}
+```
+
+Now `handleSubmit` is only handling the UI, while actual note-building moves to `bitvidNoteSpec.js`.
+
+---
+
+### 2. Extracting Logic from the nostr client layer
+
+In the nostr client modules, you have methods like `publishVideo`, `editVideo`, and `deleteVideo`. They build the note content, sign it, and publish it. You can simplify them:
+
+- **Rename** them to something more generic (e.g., `publishNote`, `updateNote`, `deleteNote`) if that aligns better with Nostr usage.
+- **Import** helper functions from `bitvidNoteSpec.js` to build or edit the actual content. That way, the nostr client layer doesn’t need to know about `version`, `deleted`, or encryption details.
+
+For example, you might do this:
+
+```js
+// nostr client module
+import { buildEditNote, buildDeleteNote } from "./bitvidNoteSpec.js";
+
+class NostrClient {
+  ...
+  async editVideo(originalEvent, updatedData, pubkey) {
+    // 1) Build the note object using shared function
+    const eventToPublish = buildEditNote(originalEvent, updatedData);
+
+    // 2) Sign and publish
+    const signedEvent = await window.nostr.signEvent(eventToPublish);
+    ...
+  }
+
+  async deleteVideo(originalEvent, pubkey) {
+    const eventToPublish = buildDeleteNote(originalEvent);
+    const signedEvent = await window.nostr.signEvent(eventToPublish);
+    ...
+  }
+}
+```
+
+By delegating the actual note-building to `buildEditNote` and `buildDeleteNote`, you keep the nostr client layer focused on signing and relaying events.
+
+---
+
+### 3. Minimal Impact on `webtorrent.js`
+
+`webtorrent.js` deals mostly with streaming and service workers. It does not appear to handle note building or encryption. You likely do not need to change anything there for this refactor, unless you want to move `fakeDecrypt` references. If you do, just import the spec’s encryption/decryption functions where needed.
+
+---
+
+## Step-by-Step Migration Plan
+
+1. **Create `bitvidNoteSpec.js`:**  
+   - Place all code that deals with constructing, editing, or deleting your media note events.  
+   - Include minimal encryption/decryption functions if they are purely for magnet links.
+
+2. **Update `app.js`:**  
+   - Remove direct references to building the final note object in `handleSubmit`.  
+   - Instead, gather user inputs, call a helper function from `bitvidNoteSpec.js` to produce the final note object, then pass that object to `nostrClient.publishNote` (or a similar method).
+
+3. **Update the nostr client modules:**
+   - Rename or refactor `publishVideo`, `editVideo`, and `deleteVideo` to call your new helper methods from `bitvidNoteSpec.js`.
+   - Keep the Nostr signing and publishing logic inside the client layer.
+
+4. **Verify Data Flow:**  
+   - Confirm that after form submission, the final event object is built in `bitvidNoteSpec.js`, returned to `app.js`, and forwarded to `nostrClient`.  
+   - Ensure you can still subscribe to events and parse them without issues.
+
+5. **Remove Redundant Code:**
+   - Delete any leftover duplication in `app.js` or the nostr client modules relating to magnet encryption or note structuring.
+
+6. **Test Thoroughly:**  
+   - Create, edit, and delete events to ensure everything behaves the same.  
+   - Confirm that private videos stay hidden from shared grids as expected.
+
+---
+
+## Example File Outline for `bitvidNoteSpec.js`
+
+Below is a small outline showing how you might organize the new file. The actual details will depend on your existing code and future needs:
+
+```js
+// bitvidNoteSpec.js
+
+// Legacy placeholder kept for future encryption experiments (currently returns the raw magnet)
+export function encryptMagnet(magnet) {
+  return magnet; // private cards are hidden instead of encrypted
+}
+
+export function decryptMagnet(magnet) {
+  return magnet; // private cards are hidden instead of encrypted
+}
+
+function generateUniqueDTag() {
+  return `${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
+}
+
+// Build a brand-new note
+export function prepareNewNote(formInput, pubkey) {
+  const isPrivate = formInput.isPrivate === true;
+  const finalMagnet = isPrivate
+    ? encryptMagnet(formInput.magnet) // currently a pass-through; hiding happens at the feed layer
+    : formInput.magnet;
+
+  return {
+    kind: 30078,
+    pubkey,
+    created_at: Math.floor(Date.now() / 1000),
+    tags: [
+      ["t", "video"],
+      ["d", generateUniqueDTag()]
+    ],
+    content: JSON.stringify({
+      version: formInput.version ?? 2,
+      deleted: false,
+      isPrivate,
+      title: formInput.title,
+      magnet: finalMagnet,
+      thumbnail: formInput.thumbnail,
+      description: formInput.description,
+      mode: formInput.mode ?? "live"
+    })
+  };
+}
+
+// Build an edited note using original event data
+export function buildEditNote(originalEvent, updatedData) {
+  // parse old content
+  // combine with new fields
+  // handle legacy visibility toggles / future encryption experiments
+  // return the final event object
+}
+
+// Build a deleted note
+export function buildDeleteNote(originalEvent) {
+  // parse old content
+  // set deleted=true, remove magnet, etc.
+  // return the final event object
+}
+
+// Validate content structure
+export function isValidNoteContent(content) {
+  // check for required fields
+  return true;
+}
+```
+
+By keeping these details in a single file, you won’t have to search through `app.js` or the nostr client modules whenever you need to tweak the note structure.
+
+---
+
+## Conclusion
+
+Shifting all note spec logic into a dedicated file will make your codebase cleaner and set you up for easier upgrades down the road. You can proceed with the steps above, ensuring you keep each file (UI, Nostr communication, torrent streaming) focused on its primary role. Once done, you’ll be able to implement higher-level changes (like Version 3 or additional content fields) in one place without sifting through unrelated code.
\ No newline at end of file
diff --git a/dist/content/roadmap/03_bitvid_Enhanced_Nostr_Video_&_Audio_Note_Specification_Version 3.md b/dist/content/roadmap/03_bitvid_Enhanced_Nostr_Video_&_Audio_Note_Specification_Version 3.md
new file mode 100644
index 00000000..1ab6400a
--- /dev/null
+++ b/dist/content/roadmap/03_bitvid_Enhanced_Nostr_Video_&_Audio_Note_Specification_Version 3.md	
@@ -0,0 +1,296 @@
+# **bitvid: Enhanced Nostr Video/Audio Note Specification: Version 3**
+
+This specification updates the previous version (Version 2) and introduces:
+
+1. **videoRootId**: A dedicated field in the JSON content to group related edits and deletes under one “root” post.
+2. **Support for Audio/Podcast**: Additional fields for music/podcast metadata.
+3. **Adult Content, Multi-Category, and Extended Metadata**: Optional fields to handle specialized use cases.
+4. **Backward Compatibility**: Clients implementing Version 2 can still display the basic fields.
+
+---
+
+## **1. Overview**
+
+Nostr posts of **kind = 30078** are used for sharing media (videos, audio, podcasts, etc.). The JSON payload goes into the `content` field, while tags array can store quick references like `["t", "video"]` or `["d", "<unique-id>"]`.
+
+### **Key Concepts**
+
+- **videoRootId**: A unique identifier stored in the `content` JSON.
+  - Ensures multiple edits or a delete event are recognized as referring to the same underlying post.
+  - If missing (legacy posts), clients may fall back to the d-tag or event ID to group events, but using `videoRootId` is strongly recommended for consistent overshadow logic.
+- **Backward Compatibility**: All newly introduced fields are optional. Version 2 clients see fields like `title`, `magnet`, `description`, but ignore new fields such as `adult`, `audioQuality`, etc.
+
+---
+
+## **2. Event Structure**
+
+A typical event:
+
+| **Field**    | **Type**      | **Description**                                                                            |
+| ------------ | ------------- | ------------------------------------------------------------------------------------------ |
+| `kind`       | Integer       | Fixed at `30078` for these media notes.                                                    |
+| `pubkey`     | String        | Creator’s pubkey in hex.                                                                   |
+| `created_at` | Integer       | Unix timestamp (seconds).                                                                  |
+| `tags`       | Array         | Includes metadata such as `["t", "video"]` or `["t", "music"]` and `["d", "<unique-id>"]`. |
+| `content`    | String (JSON) | JSON specifying metadata (see table below).                                                |
+
+---
+
+## **3. Version 3 Content JSON**
+
+| **Field**                         | **Type**           | **Description**                                                                                                            |
+| --------------------------------- | ------------------ | -------------------------------------------------------------------------------------------------------------------------- |
+| `videoRootId`                     | String (optional)  | A stable root ID used to link multiple versions (edits) and a delete event together. **Recommended** for overshadow logic. |
+| `version`                         | Integer            | Now set to `3`.                                                                                                            |
+| `deleted`                         | Boolean            | `true` marks the post as “soft deleted.”                                                                                   |
+| `isPrivate`                       | Boolean            | Indicates the card should stay off shared grids and remain visible only to its owner; payloads stay plaintext. |
+| `title`                           | String             | Display title for the media.                                                                                               |
+| `magnet`                          | String             | Magnet link for primary media (still stored in plaintext even when `isPrivate = true`). |
+| `extraMagnets`                    | Array (optional)   | Additional magnet links (e.g., multiple resolutions).                                                                      |
+| `thumbnail`                       | String (optional)  | URL or magnet link to a thumbnail image. |
+| `description`                     | String (optional)  | A textual description. |
+| `mode`                            | String             | Typically `live` or `dev`.                                                                                                 |
+| `adult`                           | Boolean (optional) | `true` if content is adult-only. Default: `false` or omitted.                                                              |
+| `categories`                      | Array (optional)   | Array of categories, e.g. `["comedy", "music"]`.                                                                           |
+| `language`                        | String (optional)  | Language code (e.g. `"en"`, `"es"`).                                                                                       |
+| `payment`                         | String (optional)  | Monetization field (e.g. a Lightning address).                                                                             |
+| `i18n`                            | Object (optional)  | Internationalization map (e.g. `{"title_en": "...", "description_es": "..."}`).                                            |
+| `encryptedMeta`                   | Boolean (optional) | Legacy flag from earlier encryption experiments; leave `false` unless a future spec revives encrypted metadata. |
+| **Audio/Podcast-Specific Fields** |                    |                                                                                                                            |
+| `contentType`                     | String (optional)  | E.g., `"video"`, `"music"`, `"podcast"`, `"audiobook"`.                                                                    |
+| `albumName`                       | String (optional)  | Name of the album (for music).                                                                                             |
+| `trackNumber`                     | Integer (optional) | Track number in an album.                                                                                                  |
+| `trackTitle`                      | String (optional)  | Track title if different from `title`.                                                                                     |
+| `podcastSeries`                   | String (optional)  | Name of the podcast series.                                                                                                |
+| `seasonNumber`                    | Integer (optional) | Season number for a podcast.                                                                                               |
+| `episodeNumber`                   | Integer (optional) | Episode number for a podcast series.                                                                                       |
+| `duration`                        | Integer (optional) | Duration in seconds (useful for audio or video players).                                                                   |
+| `artistName`                      | String (optional)  | Artist or presenter name.                                                                                                  |
+| `contributors`                    | Array (optional)   | List of additional contributors, e.g. `[{"name": "X", "role": "Producer"}]`.                                               |
+| `audioQuality`                    | Array (optional)   | Array of objects indicating different audio bitrates/formats, each with a magnet link.                                     |
+| `playlist`                        | Array (optional)   | For multi-track or multi-episode sets, e.g. `[ "magnet1", "magnet2" ]`.                                                    |
+
+> **Note**: All fields except `version`, `deleted`, `title`, `magnet`, and `videoRootId` are optional. If an older post lacks `videoRootId`, fallback grouping may rely on the `d` tag or event ID.
+
+---
+
+## **4. Using `videoRootId`**
+
+- **Purpose**: Ensures all edits and a final delete event share the same “root.”
+- **Edit**: Keep the same `videoRootId` in the new content so clients know it’s an update of the same item.
+- **Delete**: Reuse the same `videoRootId` (and typically the same `d` tag). Mark `deleted = true` to overshadow the old event.
+
+**Fallback**: Legacy or older notes might not have a `videoRootId`. Clients can group them by `["d", "<id>"]` or treat the old event’s own ID as its “root.” However, for new posts, **always** set `videoRootId`.
+
+---
+
+## **5. Example Post: Version 3 (Video)**
+
+```jsonc
+{
+  "kind": 30078,
+  "pubkey": "npub1...",
+  "created_at": 1700000000,
+  "tags": [
+    ["t", "video"],
+    ["d", "my-unique-handle"]
+  ],
+  "content": "{
+    \"videoRootId\": \"root-1678551042-abc123\",
+    \"version\": 3,
+    \"deleted\": false,
+    \"isPrivate\": false,
+    \"adult\": true,
+    \"categories\": [\"comedy\", \"pranks\"],
+    \"title\": \"Funny Prank Video\",
+    \"magnet\": \"magnet:?xt=urn:btih:examplehash\",
+    \"extraMagnets\": [
+      \"magnet:?xt=urn:btih:examplehashHD\",
+      \"magnet:?xt=urn:btih:examplehashMobile\"
+    ],
+    \"thumbnail\": \"https://example.com/thumb.jpg\",
+    \"description\": \"An adult-oriented prank video.\",
+    \"mode\": \"live\",
+    \"language\": \"en\",
+    \"payment\": \"alice@getalby.com\",
+    \"i18n\": {
+      \"title_es\": \"Video de broma chistosa\",
+      \"description_es\": \"Un video de bromas para adultos.\"
+    }
+  }"
+}
+```
+
+- **videoRootId**: `root-1678551042-abc123` ensures future edits or deletes reference the same item.
+- If `deleted = true`, the client sees it as a soft delete overshadowing the original.
+
+---
+
+## **6. Example Post: Version 3 (Audio)**
+
+```jsonc
+{
+  "kind": 30078,
+  "pubkey": "npub1...",
+  "created_at": 1700000001,
+  "tags": [
+    ["t", "music"],
+    ["d", "my-song-handle"]
+  ],
+  "content": "{
+    \"videoRootId\": \"root-1678551042-xyz999\",
+    \"version\": 3,
+    \"deleted\": false,
+    \"isPrivate\": false,
+    \"contentType\": \"music\",
+    \"title\": \"Amazing Track\",
+    \"trackTitle\": \"Amazing Track\",
+    \"albumName\": \"Great Album\",
+    \"trackNumber\": 1,
+    \"artistName\": \"Awesome Artist\",
+    \"duration\": 300,
+    \"magnet\": \"magnet:?xt=urn:btih:examplehash\",
+    \"audioQuality\": [
+      {
+        \"quality\": \"lossless\",
+        \"magnet\": \"magnet:?xt=urn:btih:losslessHash\"
+      },
+      {
+        \"quality\": \"mp3\",
+        \"magnet\": \"magnet:?xt=urn:btih:mp3Hash\"
+      }
+    ],
+    \"description\": \"A track from the Great Album.\",
+    \"categories\": [\"music\", \"pop\"],
+    \"contributors\": [
+      { \"name\": \"John Doe\", \"role\": \"Producer\" },
+      { \"name\": \"Jane Smith\", \"role\": \"Writer\" }
+    ]
+  }"
+}
+```
+
+- **videoRootId**: `root-1678551042-xyz999` used to link edits/deletes.
+
+---
+
+## **7. Tagging**
+
+- `["t", "video"]` or `["t", "music"]` for quick type references.
+- `["d", "<unique-handle>"]` for a stable “address” pointer.
+- You can store adult flags or categories in tags, e.g. `["adult", "true"]` or `["category", "comedy"]`.
+- However, storing them inside `content` (e.g. `adult=true` or `categories=["comedy"]`) is generally recommended so older clients can ignore them gracefully.
+
+---
+
+## **8. Handling Edits and Deletes**
+
+### **8.1 Edits**
+
+1. **videoRootId**: Keep the same `videoRootId` to overshadow the previous version.
+2. **version**: Bump from `2` → `3` or `3` → a higher sub-version if you wish to track changes.
+3. **tags**: Typically reuse `["d", "<unique-handle>"]` or create a new d-tag. The important part is to keep `videoRootId` consistent.
+
+### **8.2 Deletion**
+
+1. **deleted = true**: Mark the item as deleted in the `content` JSON.
+2. **Clear** sensitive fields (`magnet`, `description`, etc.) if you do not want them mirrored in older clients.
+3. **videoRootId**: Must remain the same as the original so clients remove/overshadow the old item.
+4. **subscribeVideos** Logic:
+   ```js
+   if (video.deleted) {
+     // remove from activeMap or overshadow the old entry
+   }
+   ```
+5. **fetchVideos** Logic:
+   ```js
+   for (const [id, video] of allEvents.entries()) {
+     if (video.deleted) continue; // skip deleted
+     // ...
+   }
+   ```
+
+---
+
+## **9. Filtering Logic**
+
+1. **Adult Content**: If `adult = true`, clients typically hide the post unless the user enables adult content in settings.
+2. **Categories**: Provide optional grouping or searching by `categories`.
+3. **Language**: If specified, clients can filter by language.
+4. **Privacy handling**: If `isPrivate = true`, clients should hide the card from shared grids instead of attempting client-side decryption.
+
+---
+
+## **10. Submission Flow**
+
+1. **Client Form**: Title, magnet link, optional category checkboxes, adult toggle, etc.
+2. **videoRootId**: For new posts, generate a new root ID. For edits, reuse the old post’s root ID.
+3. **Publish**:
+   - `kind = 30078`
+   - `content` → JSON with `videoRootId`, `version=3`, `title`, `magnet`, etc.
+   - `tags` → e.g., `["t","video"]`, `["d","my-handle"]`.
+4. **Visibility**: If `adult=true`, hide from minors or default searches. If `deleted=true`, overshadow old entry.
+
+---
+
+## **11. Example “Delete” Flow**
+
+1. **Original Post** (not deleted):
+   ```json
+   {
+     "content": "{
+       \"videoRootId\": \"root-1234\",
+       \"version\": 3,
+       \"deleted\": false,
+       \"title\": \"My Video\",
+       \"magnet\": \"magnet:?xt=hash\"
+       // ...
+     }"
+   }
+   ```
+2. **Delete Post** (new event):
+   ```jsonc
+   {
+     "kind": 30078,
+     "pubkey": "...",
+     "tags": [
+       ["t","video"],
+       ["d","my-handle"] // same d-tag
+     ],
+     "content": "{
+       \"videoRootId\": \"root-1234\", // same root as original
+       \"version\": 3,
+       \"deleted\": true,
+       \"title\": \"My Video\",
+       \"magnet\": \"\",   // blank or removed
+       \"description\": \"Video was deleted by creator.\"
+     }"
+   }
+   ```
+3. **subscribeVideos** sees `deleted=true` and overshadow logic removes the old item from active view.
+
+---
+
+## **12. Backward Compatibility**
+
+- **Version 2** fields remain recognized: `title`, `magnet`, `mode`, etc.
+- **Older Clients**: Ignore fields like `videoRootId`, `categories`, `adult`, etc.
+- **When Upgrading**: If you add `videoRootId` or adult flags to an older post, older clients still display basic info but won’t filter on the new fields.
+
+---
+
+## **13. Summary**
+
+**Version 3** is a superset of previous versions, adding:
+
+1. **videoRootId** for overshadow logic and grouping multi-edit threads.
+2. **Adult content flag**, multi-category, i18n, and other optional fields.
+3. **Audio/podcast support**: fields like `contentType = "music"`, `podcastSeries`, `episodeNumber`, and `playlist`.
+
+Clients that implement these features can sort, filter, or display richer media experiences while remaining compatible with older Nostr note readers.
+
+---
+
+**End of Document**
+
+This expanded spec ensures that **videoRootId** is used consistently, clarifies how to handle adult content, and extends the data model for new media types. By following this Version 3 guidance, you’ll maintain backward compatibility while enabling advanced features for media sharing on Nostr.
diff --git a/dist/content/roadmap/04_bitvid_Enhanced_Profile_Channel_Views_Specification.md b/dist/content/roadmap/04_bitvid_Enhanced_Profile_Channel_Views_Specification.md
new file mode 100644
index 00000000..5afc5887
--- /dev/null
+++ b/dist/content/roadmap/04_bitvid_Enhanced_Profile_Channel_Views_Specification.md
@@ -0,0 +1,149 @@
+# **bitvid: Enhanced Profile/Channel Views Specification**
+
+## **Overview**
+We aim to integrate a multi-view system within `index.html`, allowing smooth navigation between views like the home grid and user profiles. This will leverage JavaScript for dynamic DOM manipulation, maintaining a consistent layout (header, footer, future sidebar) across views.
+
+---
+
+## **Structure and Navigation**
+### **Navigation Logic**
+1. **Default View (Home Grid):**
+   - A grid showcasing all videos.
+   - Acts as the primary landing page.
+
+2. **Profile View:**
+   - A user's profile page containing:
+     - Profile banner and information.
+     - Action buttons (Subscribe, Share, Block).
+     - Videos grid (only videos posted by the user).
+
+3. **Templating System:**
+   - Use dynamic DOM manipulation to switch views without reloading the page.
+   - Structure each "view" as a reusable container rendered based on URL or state.
+
+---
+
+## **Dynamic Routing**
+### **Route Handling**
+- Use the `hashchange` or `pushState` method to detect and handle navigation.
+- Route format:
+  - `/#home`: Default home grid view.
+  - `/#profile/{npub}`: Profile view of a specific user, determined by `{npub}`.
+
+### **Implementation Plan**
+- Use JavaScript to parse the `window.location.hash` or `window.location.pathname` and determine which view to render.
+- Example:
+  ```javascript
+  const renderView = () => {
+    const hash = window.location.hash;
+    if (hash.startsWith("#profile")) {
+      const npub = hash.split("/")[1];
+      loadProfileView(npub);
+    } else {
+      loadHomeGrid();
+    }
+  };
+
+  window.addEventListener("hashchange", renderView);
+  window.addEventListener("load", renderView);
+  ```
+
+---
+
+## **View Templates**
+### **Template System**
+1. **Home Grid Template:**
+   - Container: `#homeGrid`.
+   - Dynamically populate the grid with all videos fetched from Nostr relays.
+
+2. **Profile Template:**
+   - Container: `#profileView`.
+   - Display user details and their videos based on the `npub`.
+
+3. **Shared Components:**
+   - Header, footer, and optional sidebar remain static.
+   - Use `display: none` and `block` to toggle view visibility.
+
+### **HTML Structure**
+Add placeholders for different views in `index.html`:
+```html
+<div id="homeGrid" class="view hidden">
+  <!-- Home grid content -->
+</div>
+
+<div id="profileView" class="view hidden">
+  <header class="profile-header">
+    <img id="profileBanner" src="" alt="Banner" />
+    <img id="profileImage" src="" alt="Profile" />
+    <h1 id="profileName"></h1>
+    <p id="profileBio"></p>
+    <button id="subscribeBtn">Subscribe</button>
+    <button id="shareProfileBtn">Share</button>
+    <button id="blockProfileBtn">Block</button>
+  </header>
+  <div id="profileVideos" class="videos-grid">
+    <!-- User's videos -->
+  </div>
+</div>
+```
+
+---
+
+## **Functionality**
+### **Profile Fetching**
+- Use Nostr protocol (`kind 0`) to fetch profile details.
+- Display:
+  - Profile picture, name, bio, and website link.
+  - Action buttons for Subscribe, Share, and Block.
+
+### **Videos Fetching**
+- Fetch videos (`kind 30078`) filtered by the user's `npub`.
+
+### **Subscriptions**
+- Use `kind 30000` to manage the subscription follow set:
+  - Subscribe: Add user to the list.
+  - Unsubscribe: Remove user.
+
+### **Implementation Example**
+```javascript
+const loadProfileView = async (npub) => {
+  // Fetch profile details
+  const profileEvent = await nostrClient.fetchProfile(npub);
+  const { name, picture, about } = profileEvent.content;
+
+  // Update profile view
+  document.getElementById("profileImage").src = picture;
+  document.getElementById("profileName").textContent = name;
+  document.getElementById("profileBio").textContent = about;
+
+  // Fetch and display user videos
+  const userVideos = await nostrClient.fetchVideosByNpub(npub);
+  renderVideos(userVideos, "profileVideos");
+
+  // Show profile view
+  showView("profileView");
+};
+
+const showView = (viewId) => {
+  document.querySelectorAll(".view").forEach((view) => {
+    view.classList.toggle("hidden", view.id !== viewId);
+  });
+};
+```
+
+---
+
+## **Unique Profile URLs**
+- Format: `https://bitvid.network/#profile/{npub}`.
+- Navigation to this URL will directly load the profile view.
+- Use `history.pushState` or `location.hash` to set the URL.
+
+---
+
+## **Next Steps**
+- **Integrate Dynamic Routing**: Update `app.js` with route handling for views.
+- **Refactor HTML**: Add placeholders for views in `index.html`.
+- **Build Profile Fetching Logic**: Use Nostr client to fetch and display user details dynamically.
+- **Enhance UX**: Smooth transitions between views with CSS animations.
+
+This setup achieves a modular SPA-like architecture while keeping development lightweight and aligned with your project’s goals.
\ No newline at end of file
diff --git a/dist/content/roadmap/05_bitvid_Enhanced_Block_Subscription_&_Reporting_Specification.md b/dist/content/roadmap/05_bitvid_Enhanced_Block_Subscription_&_Reporting_Specification.md
new file mode 100644
index 00000000..8b934b35
--- /dev/null
+++ b/dist/content/roadmap/05_bitvid_Enhanced_Block_Subscription_&_Reporting_Specification.md
@@ -0,0 +1,287 @@
+# **bitvid: Enhanced Block, Subscription, and Reporting Specification**
+
+This document describes how to implement **Block Lists**, **Subscription Lists**, and **Reporting** (NIP-56) for a Nostr-based video platform such as bitvid. It covers how users can manage their own moderation tools and how the platform can apply additional checks.
+
+---
+
+## Table of Contents
+
+1. [Subscription List Specification](#subscription-list-specification)  
+   1.1 [Purpose](#purpose)  
+   1.2 [Event Kind](#event-kind)  
+   1.3 [JSON Structure](#json-structure)  
+   1.4 [Example](#example)  
+   1.5 [Features](#features)  
+
+2. [Block List Specification](#block-list-specification)  
+   2.1 [Purpose](#purpose-1)  
+   2.2 [Event Kind](#event-kind-1)  
+   2.3 [JSON Structure](#json-structure-1)  
+   2.4 [Examples](#examples)  
+   2.5 [Features](#features-1)  
+
+3. [Reporting with NIP-56](#reporting-with-nip-56)  
+   3.1 [Overview](#overview)  
+   3.2 [Report Types](#report-types)  
+   3.3 [Example Events](#example-events)  
+   3.4 [Client and Relay Behavior](#client-and-relay-behavior)  
+
+4. [Implementation Details](#implementation-details)  
+   4.1 [Replaceable Events](#replaceable-events)  
+   4.2 [Encryption](#encryption)  
+   4.3 [Fetching User Lists](#fetching-user-lists)  
+   4.4 [Pushing Updates to Relays](#pushing-updates-to-relays)  
+
+5. [UI Integration](#ui-integration)  
+   5.1 [Subscription Management](#subscription-management)  
+   5.2 [Block Management](#block-management)  
+   5.3 [Report Management](#report-management)  
+
+6. [Future Considerations](#future-considerations)
+
+---
+
+## Subscription List Specification
+
+### Purpose
+A **Subscription List** lets users follow video creators independently of their main “following” list on Nostr. It supports categorization and can be made private via encryption.
+
+### Event Kind
+- **Kind**: `30000`
+- **Description**: “Video Subscription Follow Set” aligned with [NIP-51 follow sets](../../docs/nips/51.md#sets)
+
+### JSON Structure
+**Public Tags**  
+- `["p", <pubkey>]`: Public keys of creators to follow  
+- `["t", <category>]`: Optional categories (e.g., “comedy,” “music”)
+
+**Private Tags**  
+- Encrypted list of subscriptions using NIP-04
+
+**Metadata**  
+- Additional information like category names, custom labels, etc.
+
+### Example
+```json
+{
+  "kind": 30000,
+  "tags": [
+    ["d", "favorite-creators"],
+    ["p", "npub1creator1pubkey"],
+    ["p", "npub1creator2pubkey"],
+    ["t", "comedy"],
+    ["t", "science"]
+  ],
+  "content": "Encrypted list content for private subscriptions",
+  "created_at": 1735689600,
+  "pubkey": "your-public-key",
+  "id": "event-id"
+}
+```
+
+### Features
+1. **Categorization**  
+   Users can group subscribed creators by genres or topics.
+2. **Privacy Options**  
+   Private subscriptions can be hidden by encrypting tags.
+3. **Replaceable Event**  
+   Users can update their list by publishing a new event with the same `d` tag (e.g., `["d","favorite-creators"]`) and a later `created_at`.
+
+---
+
+## Block List Specification
+
+### Purpose
+A **Block List** gives users the ability to mute or block specific creators or users. It supports both public reasons (tags) and private reasons (encrypted content).
+
+### Event Kind
+- **Kind**: `10001`  
+- **Description**: “Block or Mute List” (per NIP-51)
+
+### JSON Structure
+**Public Tags**  
+- `["p", <pubkey>]`: Public keys of blocked users  
+- `["r", <reason>]`: Optional reasons (spam, harassment, etc.)
+
+**Private Tags**  
+- Encrypted details for blocking, using NIP-04
+
+### Examples
+
+#### Public Block List
+```json
+{
+  "kind": 10001,
+  "tags": [
+    ["p", "npub1blockeduser1pubkey", "reason", "spam"],
+    ["p", "npub1blockeduser2pubkey", "reason", "harassment"]
+  ],
+  "content": "",
+  "created_at": 1735689600,
+  "pubkey": "your-public-key",
+  "id": "event-id"
+}
+```
+
+#### Private Block List
+```json
+{
+  "kind": 10001,
+  "tags": [
+    ["p", "npub1blockeduser1pubkey"],
+    ["p", "npub1blockeduser2pubkey"]
+  ],
+  "content": "Encrypted reasons for blocking (e.g., personal dispute info)",
+  "created_at": 1735689600,
+  "pubkey": "your-public-key",
+  "id": "event-id"
+}
+```
+
+### Features
+1. **Integration**  
+   - Offer a “Block/Unblock” button in the UI.
+   - Provide a page to manage blocks.
+2. **Filtering**  
+   - Automatically exclude blocked users from feed results.
+3. **Categorization**  
+   - Tag reasons for blocking, such as spam or harassment.
+4. **Privacy Options**  
+   - Keep certain block reasons encrypted if needed.
+
+---
+
+## Reporting with NIP-56
+
+### Overview
+NIP-56 introduces a **kind `1984`** event that flags content or profiles as objectionable. It’s a flexible way to let users or relays see reports and decide on any actions.
+
+### Report Types
+The `p` tag references a pubkey, and the `e` tag references a note. The third element of the tag can be:
+- `nudity`
+- `malware`
+- `profanity`
+- `illegal`
+- `spam`
+- `impersonation`
+- `other`
+
+### Example Events
+
+```jsonc
+// Reporting a user for nudity
+{
+  "kind": 1984,
+  "tags": [
+    ["p", "<pubkey>", "nudity"]
+  ],
+  "content": "Optional comment or additional info.",
+  "created_at": 1735689600,
+  "pubkey": "your-public-key",
+  "id": "report-event-id"
+}
+
+// Reporting a note as illegal
+{
+  "kind": 1984,
+  "tags": [
+    ["e", "<eventId>", "illegal"],
+    ["p", "<pubkey>"]
+  ],
+  "content": "User is breaking local laws.",
+  "created_at": 1735689600,
+  "pubkey": "your-public-key",
+  "id": "report-event-id"
+}
+```
+
+### Client and Relay Behavior
+- **Clients**  
+  - May choose to highlight or hide reported notes if enough trusted users report them.
+  - Could display “flagged content” warnings based on the user’s web-of-trust.
+- **Relays**  
+  - Not mandated to do anything automatically.
+  - An admin could manually block content if a trusted source files many valid reports.
+
+---
+
+## Implementation Details
+
+### Replaceable Events
+- **Subscription Lists** (`30000`) and **Block Lists** (`10001`) can be implemented as replaceable events by using a deterministic `d` tag.
+- For example, `["d","my-blocklist"]` ensures older events with the same `d` are replaced when new ones arrive.
+
+### Encryption
+- Use [NIP-04](https://github.com/nostr-protocol/nips/blob/master/04.md) for any private or sensitive data in `content` or tags.
+- Public reasons for blocking or reporting can remain in tags or clear text.
+
+### Fetching User Lists
+1. **On Login**  
+   - Query each relay for events matching:
+     ```jsonc
+     {
+      "kinds": [10001, 30000],
+       "authors": [<user-pubkey>]
+     }
+     ```
+   - Merge and deduplicate block/subscription lists from the resulting events.
+2. **Processing**  
+   - For blocklists, unify all “p” tags into a single set of blocked pubkeys.
+   - For subscriptions, unify “p” tags or categories if the user merges multiple lists.
+
+### Pushing Updates to Relays
+1. **Create Event**  
+   - Include kind, pubkey, timestamp, tags, and optional content.
+2. **Sign Event**  
+   - Use `window.nostr.signEvent` or your own signing library.
+3. **Publish**  
+   - Send the signed event to each configured relay.  
+   - Example in pseudocode:
+     ```javascript
+     const signedEvent = await signEvent(myEvent);
+     for (const relay of relays) {
+       pool.publish([relay], signedEvent);
+     }
+     ```
+
+---
+
+## UI Integration
+
+### Subscription Management
+- **List View**  
+  - Show subscribed creators with categories if applicable.
+- **Add/Remove**  
+  - Allow users to add an `npub` to their list.
+  - Save as a new replaceable event.
+
+### Block Management
+- **Block/Unblock Button**  
+  - Quick action to add or remove a pubkey from the user’s blocklist.
+- **Blocklist Editor**  
+  - Display current blocks.  
+  - Optionally show reasons (public or private).  
+  - Publish changes via a new replaceable event.
+
+### Report Management
+- **Report Button**  
+  - Attached to each video or note.  
+  - Triggers a “kind:1984” event with the chosen category (spam, nudity, etc.).
+- **Displaying Reports**  
+  - Optionally show how many “trusted friends” have reported a user/note.
+  - Let users decide whether to hide or blur content with certain flags.
+
+---
+
+## Future Considerations
+1. **Paid Subscriptions**  
+- Could layer subscription tiers on top of `30000` events.
+2. **Global Block Lists**  
+   - Let users publish or subscribe to a curated blocklist (or share one in a group).
+3. **Web of Trust**  
+   - Filter reports based on which reporters a user trusts.
+
+---
+
+### Summary
+By leveraging Nostr event kinds (`30000` for subscriptions, `10001` for blocks, and `1984` for reports), bitvid can maintain a decentralized, user-controlled moderation system. Users can sync their lists across devices through relays, while administrators can choose how to handle flagged content on a platform level. This approach keeps moderation flexible and transparent.
diff --git a/dist/content/roadmap/06_bitvid_Enhanced_Video_Comment_System_Specification.md b/dist/content/roadmap/06_bitvid_Enhanced_Video_Comment_System_Specification.md
new file mode 100644
index 00000000..a2c4a798
--- /dev/null
+++ b/dist/content/roadmap/06_bitvid_Enhanced_Video_Comment_System_Specification.md
@@ -0,0 +1,269 @@
+# **bitvid: Enhanced Video Comment System Specification**
+
+### **Objective**
+To implement a decentralized comment system for videos shared on a Nostr-based platform, combining multiple NIPs to provide structured, interactive, and scalable functionality for video comments, reactions, live discussions, and metadata tagging.
+
+---
+
+### **Features**
+1. **Post Comments**:
+   - Users can post comments on videos.
+   - Comments scope to the video definition or root event with NIP-22 uppercase tags (`A`/`E`/`I`, `K`, `P`) while still emitting lowercase fallbacks for legacy clients.
+
+2. **Structured Threading**:
+   - Comments support threading by referencing parent comments with the lowercase NIP-22 set (`a`/`e`/`i`, `k`, `p`).
+   - Threaded replies are visually nested.
+
+3. **Reactions**:
+   - Users can react to comments (e.g., upvote, downvote) using NIP-25.
+
+4. **Live Discussions**:
+   - Real-time public chat using NIP-28 for live video events.
+
+5. **Optional Metadata**:
+   - Extra metadata fields are included for user preferences or administrative tags using NIP-24.
+
+6. **Real-Time Updates**:
+   - Comments, reactions, and live chats update in real-time using Nostr subscriptions.
+
+7. **Moderation**:
+   - Support for flagging or hiding inappropriate comments.
+
+8. **Privacy**:
+   - Encrypted comments for private videos (optional).
+
+---
+
+### **Technical Specifications**
+
+#### **1. Event Structure**
+Each component (comments, reactions, live chat) is represented as a Nostr event.
+
+##### **Comment Event**:
+bitvid publishes kind `1111` comments following [NIP-22](https://github.com/nostr-protocol/nips/blob/master/22.md). Each event declares its root scope with uppercase tags and keeps the lowercase fallbacks so legacy clients continue to render threads.
+
+```json
+{
+    "kind": 1111,
+    "pubkey": "abcdef1234567890...",
+    "created_at": 1675000000,
+    "tags": [
+        ["A", "30078:video-author-pubkey:video-root-id", "wss://video.example"],
+        ["K", "30078"],
+        ["P", "video-author-pubkey", "wss://video.example"],
+        ["a", "30078:video-author-pubkey:video-root-id", "wss://video.example"],
+        ["e", "parent-comment-id", "parent-author-pubkey"],
+        ["k", "1111"],
+        ["p", "parent-author-pubkey"]
+    ],
+    "content": "This is a great video!"
+}
+```
+
+##### **Reaction Event**:
+```json
+{
+    "kind": 7,
+    "pubkey": "abcdef1234567890...",
+    "created_at": 1675000000,
+    "tags": [
+        ["e", "comment-event-id"], // Reference to the comment being reacted to
+        ["p", "reactor-pubkey"]
+    ],
+    "content": "+" // + for upvote, - for downvote
+}
+```
+
+##### **Live Chat Event**:
+```json
+{
+    "kind": 42,
+    "pubkey": "abcdef1234567890...",
+    "created_at": 1675000000,
+    "tags": [
+        ["e", "video-event-id"], // Reference to the live video
+        ["p", "participant-pubkey"]
+    ],
+    "content": "What a great discussion!"
+}
+```
+
+##### **Metadata (Optional)**:
+Metadata tags are added to comments or live chat events as needed:
+```json
+{
+    "kind": 1111,
+    "pubkey": "abcdef1234567890...",
+    "created_at": 1675000000,
+    "tags": [
+        ["e", "video-event-id"],
+        ["a", "30078:video-author-pubkey:video-root-id"],
+        ["m", "featured-comment"], // Example metadata tag
+        ["m", "admin-tag"] // Administrative tag
+    ],
+    "content": "Highlighted comment for this video."
+}
+```
+
+---
+
+### **Implementation Details**
+
+#### **1. Posting a Comment**
+To post a comment:
+1. The client constructs a kind `1111` comment event following NIP-22 threading semantics.
+2. The event includes uppercase root scope tags (`['A'\|`E`\|`I`, <pointer>], `['K', <root kind>]`, `['P', <root author>]`) and carries lowercase fallbacks (`['a', ...]`, `['e', ...]`, `['k', ...]`, `['p', ...]`) for older relays and clients. Parent references append `['e', <parent id>, <relay?>?, <author?>]`, `['k', <parent kind>]`, and `['p', <parent author>]` when available.
+3. The event is signed and published to relays.
+
+##### API Example:
+```javascript
+async function postComment(
+    { videoEventId, videoAuthorPubkey, videoRootId },
+    commentText,
+    parentCommentId = null
+) {
+    const event = {
+        kind: 1111,
+        pubkey: userPubkey,
+        created_at: Math.floor(Date.now() / 1000),
+        tags: [
+            ['A', `30078:${videoAuthorPubkey}:${videoRootId}`],
+            ['K', '30078'],
+            ['P', videoAuthorPubkey],
+            ['a', `30078:${videoAuthorPubkey}:${videoRootId}`],
+            ...(parentCommentId
+              ? [
+                  ['e', parentCommentId, videoAuthorPubkey],
+                  ['k', '1111'],
+                  ['p', videoAuthorPubkey],
+                ]
+              : [['k', '30078'], ['p', videoAuthorPubkey]]),
+        ],
+        content: commentText
+    };
+
+    const signedEvent = await nostrClient.signEvent(event);
+    await nostrClient.pool.publish(nostrClient.relays, signedEvent);
+}
+```
+
+#### **2. Reacting to a Comment**
+Reactions use NIP-25.
+
+##### API Example:
+```javascript
+async function reactToComment(commentId, reaction) {
+    const event = {
+        kind: 7,
+        pubkey: userPubkey,
+        created_at: Math.floor(Date.now() / 1000),
+        tags: [['e', commentId]],
+        content: reaction // Use "+" for upvote, "-" for downvote
+    };
+
+    const signedEvent = await nostrClient.signEvent(event);
+    await nostrClient.pool.publish(nostrClient.relays, signedEvent);
+}
+```
+
+#### **3. Fetching Comments**
+Comments are retrieved using `REQ` messages filtered by the `e` tag for the video’s event ID and optionally by parent comment IDs for threading.
+
+##### API Example:
+```javascript
+async function fetchComments({ videoEventId, videoAuthorPubkey, videoRootId }) {
+    const filter = {
+        kinds: [1111],
+        '#e': [videoEventId],
+        '#a': [`30078:${videoAuthorPubkey}:${videoRootId}`],
+        limit: 100
+    };
+
+    const comments = await nostrClient.pool.list(nostrClient.relays, [filter]);
+    return comments.sort((a, b) => a.created_at - b.created_at);
+}
+```
+
+#### **4. Live Chat for Live Videos**
+Real-time public chats for live videos use NIP-28.
+
+##### API Example:
+```javascript
+function subscribeToLiveChat(videoId) {
+    const sub = nostrClient.pool.sub(nostrClient.relays, [
+        {
+            kinds: [42],
+            '#e': [videoId]
+        }
+    ]);
+
+    sub.on('event', event => {
+        console.log('New chat message:', event);
+    });
+}
+```
+
+#### **5. Metadata Integration**
+Use NIP-24 to attach metadata to events for administrative or user-specific tags.
+
+---
+
+### **Data Flow**
+1. **Posting a Comment**:
+   - User creates a comment event.
+   - Client signs and publishes the event to relays.
+2. **Fetching Comments**:
+   - Client requests comments for a video by filtering events with the combined `#e` and `#a` tags so both the specific video event and its root definition are represented.
+3. **Reacting to Comments**:
+   - Users react to comments by posting reaction events.
+4. **Live Discussions**:
+   - Live chat messages are sent and received in real-time using NIP-28.
+5. **Metadata Management**:
+   - Metadata is attached during event creation or editing.
+
+> **Tagging Requirement:** Clients must keep the combined `#e`/`#a` tagging pattern shown above. `discussionCountService.buildDiscussionCountFilters` depends on those tags when querying relays so UI components can surface accurate comment totals.
+
+---
+
+### **UI/UX Considerations**
+
+1. **Comment Form**:
+   - Input field for comments.
+   - Button to post comments.
+   - Optional reply button for threaded comments.
+
+2. **Reactions**:
+   - Upvote and downvote icons next to each comment.
+   - Display reaction counts dynamically.
+
+3. **Live Chat**:
+   - Real-time message updates below live videos.
+   - Highlight important messages using metadata tags.
+
+4. **Nested Threading**:
+   - Indent replies to show comment hierarchy.
+
+5. **Comment Gate**:
+   - UI components such as `VideoCard.buildDiscussionCount` already hide comment affordances when `enableComments` is false. Future enhancements must honor the same feature flag so comment entry points remain consistent with existing gating.
+
+---
+
+### **Testing and Validation**
+
+1. Validate:
+   - Posting, retrieving, and displaying threaded comments.
+   - Reactions and live chat events.
+   - Metadata tagging.
+2. Test:
+   - Pagination for large comment threads.
+   - Performance under high comment or chat volume.
+3. Simulate:
+   - Various timestamp scenarios to ensure NIP-22 compliance.
+
+---
+
+### **Benefits**
+- Decentralized and censorship-resistant.
+- Fully interoperable with other Nostr clients and relays.
+- Extensible with reactions, live discussions, and metadata features.
+
diff --git a/dist/content/roadmap/07_bitvid_Enhanced_View_Rating_&_Retention_Penalty_Scoring.md b/dist/content/roadmap/07_bitvid_Enhanced_View_Rating_&_Retention_Penalty_Scoring.md
new file mode 100644
index 00000000..2e050662
--- /dev/null
+++ b/dist/content/roadmap/07_bitvid_Enhanced_View_Rating_&_Retention_Penalty_Scoring.md
@@ -0,0 +1,394 @@
+# **bitvid: Updated Plan with VRR (View, Rating, and Retention) Penalty Scoring**
+
+## **Project Overview**
+
+**Objective**  
+Enable a decentralized video platform where every view and engagement action is logged via the Nostr protocol (NIP-78). This system incorporates both interval-based watch tracking and a penalty scoring method for short watch times (potentially due to slow loading or immediate disinterest).
+
+**Key Features**  
+1. Track video views and user retention at regular intervals.  
+2. Assign penalty scores if a viewer leaves within certain short-watch thresholds.  
+3. Use this data to power more accurate recommendations.  
+4. Maintain user privacy by supporting logged-in (persistent pubkey) and session-based (temporary pubkey) tracking.
+
+---
+
+## **Technical Requirements**
+
+1. **Video View Tracking**  
+   - **Event Trigger**  
+     - A “view” event is sent to a relay whenever a user starts playing a video.  
+     - Subsequent engagement events (interval updates, exit events) follow.  
+   - **Data Logged**  
+     - Video ID or magnet URI.  
+     - Viewer’s pubkey (for logged-in) or session-based key (for guests).  
+     - Timestamps and session details.  
+   - **Nostr Protocol Usage**  
+     - Build on NIP-78, using `kind: 30078` events.  
+
+2. **Non-Logged-In User Tracking**  
+   - Generate an ephemeral key pair on session start.  
+   - Mark the event with something like `["session", "true"]` to distinguish it from a persistent account.  
+   - Discard the key pair when the session ends.
+
+3. **Recommendations**  
+   - **Algorithm**  
+     - Combine tags, watch intervals, exit penalty scores, and metadata for ranking.  
+   - **Presentation**  
+     - Show recommended content in a sidebar or beneath the video player.  
+   - **Filters**  
+     - Exclude deleted or private content unless the user owns it.
+
+4. **User Privacy**  
+   - Provide an opt-in or opt-out setting for tracking.  
+   - Collect minimal data to preserve user autonomy.  
+   - Consider encryption or obfuscation for private data.
+
+5. **Performance Considerations**  
+   - Batching events to avoid overwhelming relays (e.g., every 5 seconds or in small groups).  
+   - Index or cache data to speed up recommendations.
+
+---
+
+## **Functional Components**
+
+1. **Event Structure**
+
+   **Regular View Event (Start)**
+   ```json
+   {
+     "kind": 30078,
+     "pubkey": "user_pubkey_or_temp_key",
+     "created_at": 1672531200,
+     "tags": [
+       ["t", "view"],
+       ["video", "video_id"]
+     ],
+     "content": "{\"videoId\":\"video_id\",\"timestamp\":1672531200}"
+   }
+   ```
+
+   **Interval/Retention Event (5-second, 10-second, etc.)**
+   ```json
+   {
+     "kind": 30078,
+     "pubkey": "user_pubkey_or_temp_key",
+     "created_at": 1672531234,
+     "tags": [
+       ["t", "video-watch"],
+       ["video", "video_id"]
+     ],
+     "content": "{\"timestamp\":1672531234,\"currentWatchSeconds\":10}"
+   }
+   ```
+
+   **Exit Event (With Penalty Score)**
+   ```json
+   {
+     "kind": 30078,
+     "pubkey": "user_pubkey_or_temp_key",
+     "created_at": 1672531300,
+     "tags": [
+       ["t", "vrr-exit"],
+       ["video", "video_id"]
+     ],
+     "content": "{\"watchTime\":4,\"score\":25}"
+   }
+   ```
+
+2. **UI Updates**  
+   - **Video Player**  
+     - Trigger events when the video starts, at regular intervals, and upon exit.  
+   - **Recommendations**  
+     - Fetch and rank videos based on a combination of watch intervals, exit scores, and content tags.
+
+3. **Integration Points**  
+   - **Frontend**  
+     - Implement functions like `trackViewEvent()` and `applyPenaltyScore()` in a dedicated module.  
+   - **Backend/Relay**  
+     - Store, relay, and retrieve events for analytics and recommendation algorithms.
+
+4. **Development Workflow**  
+   - **videoTracker.js**  
+     - Contains the VRR methods: initial view events, interval tracking, penalty scoring on exit.  
+   - **app.js**  
+     - Orchestrates user interactions, calls into `videoTracker.js` on playback, stopping, etc.  
+   - **HTML/CSS**  
+     - Builds out a recommendations display area or scoreboard for each video.
+
+---
+
+## **VRR (View, Rating, and Retention) Method**
+
+### **Penalty (or Bonus) Scoring for Early Exits**
+
+| Watch Time <br>(seconds) | Score |
+|--------------------------|-------|
+| 0–5                      | +25   |
+| 5–10                     | +20   |
+| 10–15                    | +15   |
+| 15–20                    | +10   |
+| 20–25                    | +5    |
+| 25–30                    | +0    |
+
+- Immediately grant **+1** view when the video starts.  
+- If the user leaves before the thresholds listed above, publish an exit event with the corresponding score.  
+
+### **Interval-Based Retention Tracking**
+- Send an update every 5 seconds (5s, 10s, 15s, etc.) while a video is actively playing.
+- Each interval event stores current watch progress for analytics.
+
+### **Example Score Usage**
+- Final overall “video health” may sum interval engagement with exit penalties.  
+- Videos consistently abandoned at under 5 seconds might be flagged for slow loading or poor content.  
+- The combination of interval events and exit events builds a complete retention profile.
+
+---
+
+## **Implementation Examples**
+
+### **1. `videoTracker.js`**
+
+```javascript
+// videoTracker.js
+
+class VideoTracker {
+  constructor(videoId, totalDuration, nostrClient) {
+    this.videoId = videoId;
+    this.totalDuration = totalDuration;
+    this.nostrClient = nostrClient;
+    this.startTimestamp = null;
+    this.trackingInterval = null;
+  }
+
+  startVideo() {
+    this.startTimestamp = Date.now();
+
+    // Send initial "view" event (+1 View)
+    const startEvent = {
+      kind: 30078,
+      tags: [
+        ["t", "view"],
+        ["video", this.videoId]
+      ],
+      content: JSON.stringify({
+        videoId: this.videoId,
+        timestamp: this.startTimestamp
+      })
+    };
+    this.nostrClient.publish(startEvent);
+
+    // Kick off interval tracking every 5 seconds
+    this.trackingInterval = setInterval(() => {
+      const currentTime = Date.now();
+      const watchSeconds = Math.floor((currentTime - this.startTimestamp) / 1000);
+
+      const watchEvent = {
+        kind: 30078,
+        tags: [
+          ["t", "video-watch"],
+          ["video", this.videoId]
+        ],
+        content: JSON.stringify({
+          timestamp: currentTime,
+          currentWatchSeconds: watchSeconds
+        })
+      };
+      this.nostrClient.publish(watchEvent);
+    }, 5000);
+  }
+
+  stopVideo() {
+    // Clear interval-based tracking
+    if (this.trackingInterval) {
+      clearInterval(this.trackingInterval);
+      this.trackingInterval = null;
+    }
+
+    // Compute how long the user actually watched
+    if (!this.startTimestamp) return;
+    const stopTimestamp = Date.now();
+    const totalWatchSeconds = Math.floor((stopTimestamp - this.startTimestamp) / 1000);
+
+    // Apply penalty scoring
+    let score = 0;
+    if (totalWatchSeconds < 5) {
+      score = 25;
+    } else if (totalWatchSeconds < 10) {
+      score = 20;
+    } else if (totalWatchSeconds < 15) {
+      score = 15;
+    } else if (totalWatchSeconds < 20) {
+      score = 10;
+    } else if (totalWatchSeconds < 25) {
+      score = 5;
+    }
+
+    // Publish exit event with score
+    const exitEvent = {
+      kind: 30078,
+      tags: [
+        ["t", "vrr-exit"],
+        ["video", this.videoId]
+      ],
+      content: JSON.stringify({
+        watchTime: totalWatchSeconds,
+        score
+      })
+    };
+    this.nostrClient.publish(exitEvent);
+
+    // Reset startTimestamp for the next session
+    this.startTimestamp = null;
+  }
+}
+
+export default VideoTracker;
+```
+
+### **2. Integrating with `app.js`**
+
+```javascript
+// app.js
+
+import VideoTracker from './videoTracker.js';
+
+class bitvidApp {
+  constructor(nostrClient) {
+    this.nostrClient = nostrClient;
+    this.videoTracker = null;
+  }
+
+  playVideo(video) {
+    // video might have id and totalDuration properties
+    // e.g., { id: 'abc123', totalDuration: 300 }
+    this.videoTracker = new VideoTracker(video.id, video.totalDuration, this.nostrClient);
+    this.videoTracker.startVideo();
+
+    // ... code to actually play the video in the UI ...
+  }
+
+  stopVideo() {
+    if (this.videoTracker) {
+      this.videoTracker.stopVideo();
+      this.videoTracker = null;
+    }
+  }
+}
+
+export default bitvidApp;
+```
+
+---
+
+## **Recommendation Data Flow**
+
+1. **Collect**:  
+   - Gather interval events and exit penalty events from each viewer.  
+2. **Analyze**:  
+   - Identify average watch times and drop-off points.  
+   - Rank videos that hold attention for longer while penalizing those with frequent early exits.  
+3. **Display**:  
+   - Show suggested content to viewers in a recommendations section.  
+   - Optionally expose a public graph or chart showing user retention for each video.
+
+---
+
+Below is a combined reference that shows two separate Mermaid flowcharts:
+
+1. **Load Time Penalty** — for users who abandon the video **before** playback actually begins.  
+2. **Retention Tracking** — for users who start watching and either trigger a short-watch penalty or get a “no penalty” bonus for watching beyond 25 seconds.
+
+---
+
+## **1. Load Time Penalty**
+
+```mermaid
+flowchart TB
+    A((User Presses Play)) --> B[Start Measuring Load Time]
+    B --> C{User Waits or Leaves?}
+    C -->|Leaves Before Playback| D[+25 Slow Load Penalty]
+    C -->|Playback Starts| E[Go to Retention Phase]
+```
+
+**Explanation**  
+- The moment the viewer clicks "Play," you begin tracking load time.  
+- If the user abandons before the video actually begins, you apply a **“slow load penalty”** (e.g., +25).  
+- If playback starts successfully, move on to the retention phase.
+
+---
+
+## **2. Retention Tracking (Penalty or Bonus)**
+
+```mermaid
+flowchart TB
+    A([Playback Begins]) --> B([+1 View Logged])
+    B --> C{"User Exits?\n(X seconds watched)"}
+    C -- "&#60;5s" --> D([+25 Penalty])
+    C -- "&#60;10s" --> E([+20 Penalty])
+    C -- "&#60;15s" --> F([+15 Penalty])
+    C -- "&#60;20s" --> G([+10 Penalty])
+    C -- "&#60;25s" --> H([+5 Penalty])
+    C -- "&#62;=25s" --> I([No Penalty or Bonus])
+```
+
+**Explanation**  
+1. **Immediate View (+1)**: Once playback starts, you record an initial view.  
+2. **Exit Thresholds**:  
+   - If the viewer leaves under 5 seconds, assign +25.  
+   - If under 10 seconds, +20; 15 seconds, +15; etc.  
+3. **Bonus at ≥ 25s**:  
+   - Watching at least 25 seconds yields **no penalty**, which you can treat as a “bonus” scenario in your scoring logic—meaning it doesn’t accumulate any additional negative score.
+
+---
+
+### **How They Fit Together**
+
+1. **Load Check**: Start measuring from the moment the user hits Play. If they bail out **before** playback, log a slow-load penalty (+25).  
+2. **Playback & Retention**: As soon as playback initiates, log **+1** to indicate a valid view. From here, short exits accumulate penalties; longer watch times result in less or no penalty.  
+3. **Interval Notes**: During actual viewing (after playback starts), send additional events (e.g., every 5 seconds) to track retention and watch progress.
+
+This two-stage approach ensures that slow-loading videos are penalized separately from videos that load quickly but are abandoned due to other reasons.
+
+---
+
+## **Testing Plan**
+
+1. **Unit Tests**  
+   - Ensure `startVideo()` and `stopVideo()` generate correct event structures.  
+   - Verify that penalty scores are assigned according to the specified thresholds.
+2. **Integration Tests**  
+   - Confirm the events flow properly to relays and can be retrieved for recommendation logic.  
+   - Check that the UI reflects the recommended videos accurately.
+3. **Performance Tests**  
+   - Simulate multiple viewers to see if the 5-second interval events cause any relay overload.  
+   - Adjust batching or intervals if required.
+
+---
+
+## **Future Enhancements**
+
+- **Advanced Metrics**  
+  - Heatmaps to show which parts of a video users often skip.  
+  - Correlate viewer comments or likes with retention.  
+- **ML-Based Recommendations**  
+  - Expand beyond simple threshold scoring, possibly using collaborative filtering.  
+- **Monetization Features**  
+  - Integrate tipping (e.g., Lightning-based zaps) for creators who maintain high average watch times.
+
+---
+
+## **Timeline**
+
+| **Task**                               | **Time Estimate** |
+|----------------------------------------|-------------------|
+| Implementation of VRR + penalty logic  | 1 week            |
+| UI/Recommendation Updates              | 1 week            |
+| Testing and Optimization               | 1 week            |
+| Deployment/Relay Configuration         | 1 week            |
+
+---
+
+## **Conclusion**
+
+This plan integrates short-watch penalties and interval-based retention metrics into bitvid’s decentralized architecture. By logging early exits with specific scores, you can better measure how each video performs—even if playback fails or loads slowly. The final result is a transparent system that respects user privacy while providing data-driven recommendations.
\ No newline at end of file
diff --git a/dist/content/roadmap/08_bitvid_Enhanced_Dynamic_Home_Page_&_Video_Tracking_Specification.md b/dist/content/roadmap/08_bitvid_Enhanced_Dynamic_Home_Page_&_Video_Tracking_Specification.md
new file mode 100644
index 00000000..fb4c1bf7
--- /dev/null
+++ b/dist/content/roadmap/08_bitvid_Enhanced_Dynamic_Home_Page_&_Video_Tracking_Specification.md
@@ -0,0 +1,245 @@
+# **bitvid: Enhanced Dynamic Home Page and Video Tracking Specification**
+
+This document outlines how to implement a dynamic home page for bitvid using new video tracking methods. It focuses on reading video views via Nostr events rather than relying on active WebTorrent peer counts. The goal is to display personalized, popular, and trending content, all while preserving a single-page architecture and maintaining a consistent layout.
+
+---
+
+## 1. Overview
+
+### Main Objectives
+1. **Personalized Feeds**: Recommend videos and channels by analyzing user subscriptions and view logs.  
+2. **Video Tracking**: Log video views using Nostr events (kind `30078`) so the system can determine popularity and trending content.  
+3. **Consistent Layout**: Use a single-page approach with views for home, profiles, and other sections. A templating or view-switching system will let the header, footer, and future sidebar remain unchanged.  
+4. **Privacy Support**: Track views with either a logged-in public key or a temporary session-based key for non-logged-in users.
+
+---
+
+## 2. Home Page Views
+
+The home page will be composed of multiple sections that show different collections of videos. All sections can be rendered within `index.html`, controlled by view logic. These sections might include:
+
+1. **For You**  
+   - Videos from subscriptions.  
+   - Personalized based on user watch history or tags.  
+2. **Trending**  
+   - Videos that have grown in views over a certain timeframe.  
+   - Uses view logs to gauge growth trends.  
+3. **Popular**  
+   - Videos with the highest total views.  
+   - Sorted based on aggregated play events.  
+
+Each section can be wrapped in its own HTML container. JavaScript will fetch the relevant data, sort or filter it, then populate the DOM dynamically.
+
+---
+
+## 3. Video View Tracking
+
+Rather than measuring active peers, bitvid now counts views by logging them as Nostr events. This enables a transparent and decentralized way to track engagement while still allowing for privacy controls.
+
+### 3.1 Event Structure
+
+- **Kind**: `30078` (existing kind used for video-related data).  
+- **Tags**:  
+  - `["t", "view"]` to identify a view event.  
+  - `["video", "<video_id>"]` to map the event to a specific video.  
+  - `["session", "true"]` if the viewer is non-logged-in using a temporary session.  
+- **Content**: May include a JSON object with the video ID, timestamp, and optional metadata.
+
+**Example View Event (Logged In):**
+```json
+{
+  "kind": 30078,
+  "pubkey": "user_pubkey",
+  "created_at": 1672531200,
+  "tags": [
+    ["t", "view"],
+    ["video", "video_abc123"]
+  ],
+  "content": "{\"videoId\":\"video_abc123\",\"timestamp\":1672531200}"
+}
+```
+
+**Example View Event (Temporary Session):**
+```json
+{
+  "kind": 30078,
+  "pubkey": "temporary_pubkey",
+  "created_at": 1672531200,
+  "tags": [
+    ["t", "view"],
+    ["video", "video_abc123"],
+    ["session", "true"]
+  ],
+  "content": "{\"videoId\":\"video_abc123\",\"timestamp\":1672531200}"
+}
+```
+
+---
+
+## 4. Ranking Logic
+
+1. **Popular Videos**  
+   - Sort by the total number of view events.  
+   - A simple approach is to query all view events for each video, then rank them by the count of events.
+
+2. **Trending Videos**  
+   - Evaluate growth in view events over a recent window (for example, the last 24 hours).  
+   - Compare the count of new views against a previous period, or calculate the rate of increase.
+
+3. **For You**  
+   - Look at what the user watched or subscribed to (via kind `30000` subscription follow sets).
+   - Track the user’s or session’s recent view tags, then recommend videos with overlapping tags or from the same channels.
+
+---
+
+## 5. Home Page Layout and Rendering
+
+### 5.1 HTML Structure
+
+Your `index.html` might include placeholders for each section:
+
+```html
+<div id="homeContainer">
+  <!-- For You -->
+  <section id="forYouSection">
+    <h2>For You</h2>
+    <div id="forYouGrid"></div>
+  </section>
+
+  <!-- Trending -->
+  <section id="trendingSection">
+    <h2>Trending</h2>
+    <div id="trendingGrid"></div>
+  </section>
+
+  <!-- Popular -->
+  <section id="popularSection">
+    <h2>Popular</h2>
+    <div id="popularGrid"></div>
+  </section>
+</div>
+```
+
+### 5.2 JavaScript Flow
+
+1. **Fetch Data**  
+   - Pull video metadata from kind `30078` events that contain video info or from your existing approach.  
+   - Pull subscription data (kind `30000`).
+   - Pull view events (kind `30078` with `"t", "view"`).  
+
+2. **Process Rankings**  
+   - Tally views per video.  
+   - Track growth rates for trending.  
+   - Filter or sort data.  
+
+3. **Render Sections**  
+   - Populate each section with relevant videos.  
+   - A typical approach:
+
+   ```js
+   async function loadHomePage() {
+     const videos = await fetchAllVideos(); // from Nostr or local data
+     const viewEvents = await fetchAllViews(); // filter by "t=view"
+
+     const forYouData = getForYouRecommendations(videos, viewEvents);
+     renderVideoGrid(forYouData, "forYouGrid");
+
+     const trendingData = getTrendingVideos(videos, viewEvents);
+     renderVideoGrid(trendingData, "trendingGrid");
+
+     const popularData = getPopularVideos(videos, viewEvents);
+     renderVideoGrid(popularData, "popularGrid");
+   }
+   ```
+
+   - Each function (`getForYouRecommendations`, `getTrendingVideos`, `getPopularVideos`) calculates the appropriate subset of videos.
+
+---
+
+## 6. Single-Page View Structure
+
+### 6.1 Profile and Other Views
+
+- Keep the header, footer, and any sidebar in place.  
+- Change the visible view container to switch between the home grid, a user’s profile, or other screens.  
+- Use JavaScript routing (hash-based or history API) to detect and render the correct view in `index.html`.
+
+**Example:**
+```js
+function handleRouteChange() {
+  const hash = window.location.hash;
+
+  if (hash.startsWith("#profile")) {
+    const npub = hash.split("/")[1];
+    loadProfileView(npub);
+  } else {
+    // Default: show home
+    loadHomePage();
+  }
+}
+
+window.addEventListener("hashchange", handleRouteChange);
+window.addEventListener("load", handleRouteChange);
+```
+
+---
+
+## 7. Recommendations and Personalized Feeds
+
+### 7.1 Logged-In Users
+
+- Use their public key to track watch history and subscription data.  
+- Query view events authored by that pubkey.  
+- Match frequent tags, channels, or categories.
+
+### 7.2 Non-Logged-In Users
+
+- Generate a session-based key pair.  
+- Tag view events with `["session", "true"]`.  
+- Maintain in-memory or localStorage.  
+- Provide basic recommendations for the session.
+
+---
+
+## 8. Implementation Steps
+
+1. **View Logging**:  
+   - Update the video player code to publish a view event when a user starts or confirms playback.
+
+2. **Data Fetching**:  
+   - Build or adapt functions to query view events from your Nostr relays.  
+   - Merge the resulting data with your video metadata.
+
+3. **Ranking Functions**:  
+   - Create functions to rank videos by total views (popular) or view velocity (trending).  
+   - Create a function that looks at subscription data and view history for personalized feeds.
+
+4. **Rendering**:  
+   - Implement `renderVideoGrid(data, containerId)` to fill the given section with video cards.  
+   - Keep the layout responsive and consistent.
+
+5. **Routes and Views**:  
+   - Integrate the home feed with other views (e.g., user profiles, single video modals) within the same page.  
+   - Use a simple router or your existing JavaScript structure to swap out sections.
+
+---
+
+## 9. Future Enhancements
+
+1. **Advanced Recommendations**  
+   - Add more factors like video tags, watch duration, or user engagement events (likes, zaps).  
+
+2. **Analytics Dashboard**  
+   - Provide creators with a summary of total views, trending periods, and audience insights.  
+
+3. **Community Features**  
+   - Collaborative playlists, comments, or shared watch parties, all tracked in a decentralized manner.
+
+4. **Optimized Relay Usage**  
+   - Implement batching or caching to limit the load on relays when publishing or querying events.
+
+---
+
+### Conclusion
+
+This updated plan replaces the old peer-count method with view event tracking. It outlines how to fetch and render dynamic sections on the home page, switch between views, and generate personalized recommendations. By tracking views via Nostr events and rendering multiple content sections in a single-page architecture, bitvid can maintain a flexible interface while providing a richer user experience.
\ No newline at end of file
diff --git a/dist/content/roadmap/09_bitvid_Enhanced_NIP-35_+_WebRTC_Check_Integration.md b/dist/content/roadmap/09_bitvid_Enhanced_NIP-35_+_WebRTC_Check_Integration.md
new file mode 100644
index 00000000..ce61a010
--- /dev/null
+++ b/dist/content/roadmap/09_bitvid_Enhanced_NIP-35_+_WebRTC_Check_Integration.md
@@ -0,0 +1,205 @@
+# **bitvid: Enhanced NIP-35 + WebRTC Check Integration**
+
+### Summary
+This NIP introduces **`kind=2003`** events as a standardized way to index BitTorrent metadata on Nostr. Such events typically include enough information for Nostr-based clients or indexers to display, categorize, and construct magnet links. They do **not** contain `.torrent` files themselves, only the metadata.
+
+---
+
+## 1. Torrent Events
+
+**`kind=2003`** events are interpreted as “Torrent” posts. Clients can index, display, and search them. The essential tags are:
+
+1. **`x`** (required)
+   - The BitTorrent V1 info hash (hex-encoded).  
+   - Matches the `xt=urn:btih:HASH` parameter in magnet links.
+
+2. **`file`** (optional, multiple)
+   - Each `["file", "<filename>", "<filesize-in-bytes>"]` entry describes a file within the torrent.
+
+3. **`tracker`** (recommended, multiple)
+   - Each `["tracker", "<tracker-url>"]` entry specifies a tracker (UDP/HTTP/HTTPS/WSS).
+   - If you want to support **WebTorrent/WebRTC** streaming, include at least one `wss://` tracker such as `wss://tracker.webtorrent.io`.
+
+4. **`title`** (optional)
+   - A short user-facing title or release name.
+
+5. **`t`** (optional, multiple)
+   - Simple categories or tags, e.g., `movie`, `tv`, `4k`, `3d`, `adult`.
+
+### Example
+```jsonc
+{
+  "kind": 2003,
+  "content": "Extended cut with behind-the-scenes footage.",
+  "tags": [
+    ["title", "The Outer Space (Extended Cut) 2025 UHD"],
+    ["x", "abc123def4567890abc123def4567890abc123de"],
+    ["file", "outer_space_2025_UHD.mkv", "78000000000"],
+    ["file", "extra_features", "2000000000"],
+    ["tracker", "udp://tracker.openbittorrent.com:6969/announce"],
+    ["tracker", "wss://tracker.webtorrent.io"],           // WebRTC-compatible
+    ["t", "movie"],
+    ["t", "uhd"]
+  ]
+}
+```
+
+---
+
+## 2. Tag Prefixes for Extra Metadata
+
+Beyond the basic torrent info, **NIP-35** supports optional tag prefixes to map the event to external data sources or richer category structures:
+
+- **`tcat:`** A comma-separated category path (e.g., `["i", "tcat:video,movie,4k"]`).
+- **`newznab:`** [newznab](https://github.com/Prowlarr/Prowlarr/blob/develop/src/NzbDrone.Core/Indexers/NewznabStandardCategory.cs) category IDs.
+- **`tmdb:`, `ttvdb:`, `imdb:`, `mal:`, `anilist:`** References to well-known movie, TV, or anime databases.  
+  - May include specific media types, like `tmdb:movie:693134` or `mal:anime:9253`.
+
+These references are optional but help indexers or other clients correlate torrent data with known database records.
+
+### Example with prefixes
+```jsonc
+{
+  "kind": 2003,
+  "content": "Full UHD release with commentary track.",
+  "tags": [
+    ["title", "Dune Part Two 2160p HDR"],
+    ["x", "abcdef0123456789..."],
+    ["file", "Dune.Part.Two.2024.UHD.mkv", "50000000000"],
+    ["tracker", "udp://tracker.openbittorrent.com:6969"],
+    ["tracker", "wss://tracker.webtorrent.io"],
+    ["i", "tcat:video,movie,4k"],
+    ["i", "tmdb:movie:693134"],
+    ["i", "ttvdb:movie:290272"],
+    ["t", "movie"],
+    ["t", "4k"]
+  ]
+}
+```
+
+---
+
+## 3. Constructing Magnet Links
+
+A **kind=2003** torrent event provides data to build a magnet link, typically:
+
+```
+magnet:?xt=urn:btih:<info-hash>&tr=<tracker1>&tr=<tracker2>...
+```
+
+- **`x`** tag → `<info-hash>`
+- **`tracker`** tags → `&tr=<tracker-url>`
+
+If a torrent is intended for **WebTorrent** streaming, it **must** have a `wss://` tracker in its `tracker` tags.
+
+### Example Magnet
+```
+magnet:?xt=urn:btih:abc123def...&tr=wss%3A%2F%2Ftracker.webtorrent.io&tr=udp%3A%2F%2Ftracker.openbittorrent.com%3A6969
+```
+
+---
+
+## 4. WebTorrent/WebRTC Considerations
+
+1. **Include at least one `wss://` tracker** in your `tracker` tags. Example:
+   ```jsonc
+   ["tracker", "wss://tracker.webtorrent.io"]
+   ```
+2. **Active WebRTC seeder**: Even with a `wss://` tracker, the torrent must be seeded in real time by at least one WebTorrent/WebRTC peer. Without a WebRTC seed, browser-based clients (like bitvid or other WebTorrent-powered apps) cannot download or stream.
+
+3. **No `.torrent` file on Nostr**: This NIP is purely metadata (info hash, tracker URLs). Traditional BitTorrent clients can still use the magnet link if it has UDP/HTTP trackers.
+
+---
+
+## 5. Searching & Indexing
+
+Implementers can:
+
+- **Index** `kind=2003` events from multiple relays.
+- Provide an interface to **search** by:
+  - Title (`["title", ...]`)
+  - Info hash (`["x", ...]`)
+  - File names (`["file", ...]`)
+  - Categories (`["t", ...]`, `["i", "tcat:..."]`, etc.)
+  - External references (`["i", "tmdb:movie:..."]`, `["i", "imdb:..."]`)
+- **Filter** adult content by a specific tag or category if desired.
+
+---
+
+## 6. Torrent Comments (kind=2004)
+
+A **kind=2004** event is used to reply to a torrent event. It functions much like a regular text note (kind=1), but:
+- References the torrent event via NIP-10 reply tags.
+- Often used to discuss quality, seeding, or additional info about the torrent.
+
+---
+
+## 7. Blocklists & Adult Filtering
+
+While the protocol is open, clients or aggregators may apply local policies:
+- **Blocklists** to ignore certain pubkeys or known spam.
+- **Adult filtering** to hide or show certain categories or tags (like `["t", "adult"]` or `["i", "tcat:video,adult"]`).
+
+This is **not** enforced at the protocol level but is left to each implementer’s discretion.
+
+---
+
+## 8. Implementation Notes
+
+1. **No `.torrent` Files**  
+   `.torrent` files are not stored on Nostr—just the info hash and any relevant tracker URLs.
+
+2. **Announce Sets**  
+   Clients should collect **all** `["tracker", ...]` tags to build a comprehensive announce set in the magnet link. This ensures maximum connectivity for both UDP/HTTP and WebRTC trackers.
+
+3. **Fallback**  
+   If a torrent lacks `wss://` trackers, WebTorrent clients can’t stream it unless an external service or user rehosts it with a WebRTC seed/tracker combination.
+
+4. **Metadata Matching**  
+   If `["i", "tmdb:movie:693134"]` or similar tags are present, clients may fetch additional metadata (like cover art) from that external database. This is optional and outside the core scope of NIP-35 but encouraged for better user experience.
+
+5. **Periodic Refresh**  
+   Since torrents are seeded in real time, a WebTorrent client (e.g., in a browser) may show a torrent as “active” only if at least one WebRTC seed is online. Clients/aggregators might periodically check the presence of active WebRTC peers to update their UI.
+
+---
+
+## 9. Example JSON
+
+Below is a more complete JSON example following NIP-35 conventions, demonstrating various optional fields:
+
+```jsonc
+{
+  "kind": 2003,
+  "content": "Full UHD release. Contains behind-the-scenes extras, commentary track, and sample clips.",
+  "tags": [
+    ["title", "Dune Part Two 2160p HDR"],
+    ["x", "abcdef0123456789abcdef0123456789abcdef01"],
+    ["file", "Dune.Part.Two.2024.UHD.mkv", "50000000000"],
+    ["file", "Behind.The.Scenes.mp4", "2000000000"],
+    ["tracker", "udp://tracker.openbittorrent.com:6969"],
+    ["tracker", "wss://tracker.webtorrent.io"],
+    ["tracker", "udp://tracker.coppersurfer.tk:6969"],
+    ["i", "tcat:video,movie,uhd"],
+    ["i", "tmdb:movie:693134"],
+    ["i", "imdb:tt15239678"],
+    ["t", "movie"],
+    ["t", "uhd"]
+  ]
+}
+```
+
+---
+
+## 10. References & Links
+
+- **[BitTorrent Magnet Link Specification (BEP-0053)](https://www.bittorrent.org/beps/bep_0053.html)**
+- **[WebTorrent Documentation](https://webtorrent.io/)**
+- **[NIP-10: Replies and Mentions](https://github.com/nostr-protocol/nips/blob/master/10.md)**
+- **[dtan.xyz Repository](https://git.v0l.io/Kieran/dtan)**
+- **[nostrudel.ninja Implementation](https://github.com/hzrd149/nostrudel/tree/next/src/views/torrents)**
+
+---
+
+### End of Updated Spec Sheet
+
+This revision aims to integrate WebTorrent/WebRTC considerations seamlessly into the existing NIP-35 structure. It remains optional to provide `wss://` trackers, but doing so is strongly recommended if you want real-time streaming in browser-based clients like bitvid or other WebTorrent-powered frontends.
\ No newline at end of file
diff --git a/dist/css/docs.css b/dist/css/docs.css
new file mode 100644
index 00000000..8b833c45
--- /dev/null
+++ b/dist/css/docs.css
@@ -0,0 +1,77 @@
+/* Docs layout + table of contents styling */
+#docsToc {
+  position: sticky;
+  top: var(--space-xl);
+  align-self: flex-start;
+  max-height: calc(100vh - var(--space-2xl));
+  overflow-y: auto;
+  padding: var(--space-md);
+  border: var(--border-width-hairline) solid var(--border-subtle);
+  border-radius: var(--radius-lg);
+  background-color: var(--surface-sunken);
+  box-shadow: inset 0 0 0 var(--border-width-hairline)
+    var(--surface-overlay-darker);
+}
+
+#docsContent {
+  min-width: 0;
+}
+
+#docsContent .markdown-prose {
+  max-width: 72ch;
+}
+
+#docsTocList,
+#docsTocDrawerNav {
+  gap: var(--space-xs);
+}
+
+#docsTocList ul,
+#docsTocDrawerNav ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+#docsTocList li,
+#docsTocDrawerNav li {
+  margin: 0;
+}
+
+#docsTocList [data-docs-toc-item],
+#docsTocDrawerNav [data-docs-toc-item] {
+  display: block;
+  padding: var(--space-2xs) var(--space-xs);
+  border-radius: var(--radius-md);
+  color: var(--text-muted);
+  text-decoration: none;
+  transition:
+    background-color var(--motion-duration-fast) ease,
+    color var(--motion-duration-fast) ease;
+}
+
+#docsTocList [data-docs-toc-item]:hover,
+#docsTocDrawerNav [data-docs-toc-item]:hover,
+#docsTocList [data-docs-toc-item]:focus-visible,
+#docsTocDrawerNav [data-docs-toc-item]:focus-visible {
+  background-color: var(--surface-muted);
+  color: var(--text-primary);
+}
+
+#docsTocList [data-docs-toc-item][aria-current="page"],
+#docsTocDrawerNav [data-docs-toc-item][aria-current="page"] {
+  background-color: var(--surface-overlay-panel-soft);
+  color: var(--text-primary);
+}
+
+#docsTocList [data-docs-toc-item]:focus-visible,
+#docsTocDrawerNav [data-docs-toc-item]:focus-visible {
+  outline: var(--space-3xs) solid var(--color-accent);
+  outline-offset: var(--space-3xs);
+}
+
+#docsTocDrawerNav {
+  max-height: calc(100vh - var(--space-2xl));
+  overflow-y: auto;
+  padding-right: var(--space-2xs);
+}
diff --git a/dist/css/tailwind.generated.css b/dist/css/tailwind.generated.css
new file mode 100644
index 00000000..d4723d4d
--- /dev/null
+++ b/dist/css/tailwind.generated.css
@@ -0,0 +1,20 @@
+:root{--surface-base:var(--color-surface);--surface-alt:var(--color-surface-alt);--surface-raised:var(--color-card);--surface-raised-private:var(--color-card-private);--surface-raised-critical:var(--color-card-critical);--surface-panel:var(--color-panel);--surface-panel-hover:var(--color-panel-hover);--surface-sunken:var(--color-surface-sunken);--surface-muted:var(--color-surface-muted);--surface-veil:var(--color-overlay-veil);--surface-inverse:var(--color-page);--surface-overlay:var(--color-overlay);--surface-overlay-muted:var(--color-overlay-muted);--surface-overlay-strong:var(--color-overlay-strong);--surface-overlay-darker:var(--color-overlay-darker);--surface-overlay-black:var(--color-overlay-black);--surface-overlay-banner-base:var(--color-page);--surface-overlay-banner:var(--surface-overlay-banner-base);--surface-overlay-banner-opaque:var(--surface-overlay-banner-base);--surface-overlay-banner-strong:color-mix(in srgb,var(--surface-overlay-banner-base) 82%,transparent);--surface-overlay-banner-bottom:color-mix(in srgb,var(--surface-overlay-banner-base) 50%,transparent);--surface-overlay-banner-channel-mid:color-mix(in srgb,var(--surface-overlay-banner-base) 24%,transparent);--surface-overlay-banner-channel-faint:color-mix(in srgb,var(--surface-overlay-banner-base) 10%,transparent);--surface-overlay-banner-soft:color-mix(in srgb,var(--surface-overlay-banner-base) 56%,transparent);--surface-overlay-banner-faint:color-mix(in srgb,var(--surface-overlay-banner-base) 18%,transparent);--surface-overlay-banner-transparent:transparent;--surface-overlay-banner-gradient-header:linear-gradient(to bottom,var(--surface-overlay-banner-opaque) 0%,var(--surface-overlay-banner-strong) 38%,var(--surface-overlay-banner-soft) 70%,var(--surface-overlay-banner-faint) 88%,var(--surface-overlay-banner-transparent) 100%);--surface-overlay-banner-gradient-channel:linear-gradient(to top,var(--surface-overlay-banner-bottom) 0%,var(--surface-overlay-banner-channel-mid) 28%,var(--surface-overlay-banner-channel-faint) 42%,var(--surface-overlay-banner-transparent) 50%);--surface-overlay-banner-gradient:var(
+    --surface-overlay-banner-gradient-header
+  );--surface-overlay-panel:var(--color-overlay-panel);--surface-overlay-panel-soft:var(--color-overlay-panel-soft);--surface-overlay-panel-tint:var(--color-overlay-panel-tint);--surface-overlay-panel-glass:var(--color-overlay-panel-glass);--surface-overlay-panel-glass-soft:var(--color-overlay-panel-glass-soft);--surface-modal-backdrop:var(--color-modal-backdrop);--surface-modal:var(--color-modal-surface);--blur-modal-backdrop:18px;--blur-modal-alert:14px;--blur-thumbnail-blur:18px;--modal-nav-backdrop-blur:6px;--app-header-centerline-offset:calc(var(--space-sm) + var(--space-2xl-plus)/2);--border-default:var(--color-border);--border-subtle:var(--color-border-subtle);--border-strong:var(--color-border-translucent-stronger);--border-overlay:var(--color-border-translucent);--border-overlay-strong:var(--color-border-translucent-strongest);--border-overlay-glow:var(--color-border-translucent-glow);--border-neutral-soft:var(--color-border-neutral-soft);--border-info-soft:var(--color-border-info-soft);--border-sidebar-strong:var(--color-border-sidebar-strong);--border-width-hairline:1px;--border-width-fine:0.5px;--text-primary:var(--color-text);--text-inverse:var(--color-text-inverse);--text-muted:var(--color-text-muted);--text-muted-strong:var(--color-muted-strong);--text-subtle:var(--color-subtle-text);--text-frosted-primary:var(--color-text-frosted);--text-frosted-strong:var(--color-text-frosted-strong);--text-frosted-soft:var(--color-text-frosted-soft);--status-info:var(--color-info);--status-info-strong:var(--color-info-strong);--status-info-surface:var(--color-info-glass);--status-info-border:var(--color-info-border);--status-info-on:var(--color-info-on);--status-success:var(--color-success);--status-success-strong:var(--color-success-strong);--status-success-surface:var(--color-success-surface);--status-success-border:var(--color-success-border);--status-success-on:var(--color-success-on);--status-warning:var(--color-warning);--status-warning-strong:var(--color-warning-strong);--status-warning-surface:var(--color-warning-surface);--status-warning-border:var(--color-warning-border);--status-warning-on:var(--color-warning-on);--status-danger:var(--color-critical);--status-danger-strong:var(--color-critical-strong);--status-danger-surface:var(--color-danger-surface);--status-danger-border:var(--color-danger-border);--status-danger-on:var(--color-danger-on);--status-private:var(--color-private);--status-private-strong:var(--color-private-strong);--status-private-surface:var(--color-private-surface);--status-private-border:var(--color-private-border);--status-private-on:var(--color-private-on);--status-neutral:var(--color-muted);--status-neutral-strong:var(--color-muted-strong);--status-neutral-surface:var(--color-neutral-surface);--status-neutral-border:var(--color-neutral-border);--status-neutral-on:var(--color-neutral-on);--message-bubble-background:var(--surface-sunken);--message-bubble-border:var(--border-subtle);--message-bubble-text:var(--text-primary);--message-bubble-meta:var(--text-muted);--message-bubble-outgoing-background:var(--surface-overlay-panel);--message-bubble-outgoing-border:var(--border-overlay);--unread-badge-background:var(--status-info-strong);--unread-badge-text:var(--text-inverse);--reply-highlight-background:var(--status-info-surface);--reply-highlight-border:var(--status-info-border);--reply-highlight-text:var(--status-info-on);--reply-highlight-icon:var(--status-info-on);--notification-banner-accent:var(--color-accent-strong);--notification-banner-accent-strong:var(--color-accent);--notification-banner-border:var(--surface-overlay-panel-tint);--notification-banner-background:var(--surface-overlay-panel);--notification-banner-text:var(--text-primary);--notification-banner-icon:var(--text-primary);--notification-banner-critical-accent:var(--status-danger-strong);--notification-banner-critical-accent-strong:var(--status-danger);--notification-banner-critical-border:var(--color-ring-critical-soft);--notification-banner-critical-background:var(--surface-raised-critical);--notification-banner-critical-text:var(--status-danger-on);--notification-banner-success-accent:var(--status-success-strong);--notification-banner-success-accent-strong:var(--status-success);--notification-banner-success-border:var(--status-success-border);--notification-banner-success-background:var(--status-success-surface);--notification-banner-success-text:var(--status-success-on);--notification-banner-info-accent:var(--status-info-strong);--notification-banner-info-accent-strong:var(--status-info);--notification-banner-info-border:var(--status-info-border);--notification-banner-info-background:var(--status-info-surface);--notification-banner-info-text:var(--status-info-on);--notification-banner-warning-accent:var(--status-warning-strong);--notification-banner-warning-accent-strong:var(--status-warning);--notification-banner-warning-border:var(--status-warning-border);--notification-banner-warning-background:var(--status-warning-surface);--notification-banner-warning-text:var(--status-warning-on);--scrollbar-width:0.5rem;--scrollbar-track:var(--color-white-soft);--scrollbar-thumb:var(--color-white-softer);--scrollbar-thumb-hover:var(--color-white-softest);--z-app-header:40;--z-overlay-nav:60;--z-overlay-floating:70;--z-overlay-popover:140;--z-overlay-toast:180;--z-sidebar-overlay:10;--z-sidebar:20;--z-modal-root:100;--z-modal-overlay:110;--z-modal-content:120;--z-modal-player:130;--z-modal-top-root:140;--z-modal-top-overlay:150;--z-modal-top-content:160;--z-modal-peak-root:165;--z-modal-peak-overlay:175;--z-modal-peak-content:185;--z-modal-always-top:200;--overlay-backdrop-color:var(--color-overlay-backdrop);--overlay-backdrop-blur:12px;--sidebar-width-expanded-base:16rem;--sidebar-dropup-content-width:0px;--sidebar-width-expanded:max(var(--sidebar-width-expanded-base),var(--sidebar-dropup-content-width));--sidebar-width-collapsed:4rem;--sidebar-width:var(--sidebar-width-expanded);--sidebar-control-size:2.75rem;--sidebar-content-gap:1rem;--space-sidebar-shell-inline:var(--space-lg);--space-sidebar-shell-block-start:var(--space-sm);--space-sidebar-shell-block-end:1.75rem;--space-sidebar-scroll-gap:1.75rem;--space-sidebar-panel-gap:1.35rem;--space-sidebar-panel-padding-block:1.35rem;--space-sidebar-panel-padding-inline:1.1rem;--space-sidebar-footer-gap:0.85rem;--space-sidebar-trigger-padding-block:0.78rem;--space-sidebar-popover-offset:0.85rem;--space-sidebar-popover-padding-block:0.85rem;--space-sidebar-popover-padding-inline:0.65rem;--space-sidebar-popover-gap:0.45rem;--space-sidebar-dropup-scroll-reserve:calc(var(--scrollbar-thin-width) + var(--space-sm) + var(--space-2xs));--sidebar-dropup-max-height:18rem;--space-sidebar-nav-padding-block:0.7rem;--space-sidebar-nav-padding-inline-start:var(--space-xs);--space-sidebar-nav-padding-inline-end:calc(var(--space-lg) + var(--space-2xs));--space-sidebar-subnav-padding-block:0.55rem;--space-sidebar-nav-translate:0.35rem;--grid-card-min-width:20rem;--breakpoint-lg:64rem;--popover-backdrop-blur:12px;--overlay-panel-radius:var(--radius-lg);--overlay-panel-shadow:var(--shadow-lg);--overlay-panel-padding-inline:var(--popup-padding-inline);--overlay-panel-padding-block:var(--popup-padding-block);--toast-translate:-1.5rem;--sidebar-mobile-gutter:3rem;--popup-padding-inline:1rem;--popup-padding-block:0.75rem;--video-modal-primary-fr:1.85fr;--video-modal-secondary-min:320px;--video-modal-secondary-max:35rem;--video-modal-secondary-fr:1fr;--video-modal-layout-max:calc(var(--layout-player-max-width) + var(--video-modal-secondary-max) + var(--space-2xl-plus));--revert-modal-sidebar-min:240px;--revert-modal-sidebar-width:280px;--popover-inline-safe-max:calc(100vw - var(--space-xl));--progress-height-sm:0.25rem;--progress-height-md:0.5rem;--progress-radius:var(--radius-full);--progress-track-color:var(--color-border-subtle);--progress-fill-color:var(--color-info);--progress-transition-duration:var(--motion-duration-fast);--progress-transition-ease:var(--motion-ease-out);--space-4xs:0.0625rem;--space-3xs:0.125rem;--space-2xs:0.25rem;--space-xs:0.5rem;--space-xs-snug:0.4rem;--space-sm:0.75rem;--space-md:1rem;--space-md-plus:1.25rem;--space-lg:1.5rem;--space-xl:2rem;--space-xl-compact:2.25rem;--space-xl-plus:2.5rem;--space-2xl:3rem;--space-2xl-plus:3.5rem;--size-2px:2px;--size-3px:3px;--size-12px:12px;--size-24px:24px;--size-30px:30px;--size-32px:32px;--size-64px:64px;--size-80px:80px;--size-96px:96px;--size-128px:128px;--size-140px:140px;--size-168px:168px;--size-256px:256px;--size-5-75rem:5.75rem;--size-6rem:6rem;--size-7rem:7rem;--size-8rem:8rem;--size-12rem:12rem;--size-12-5rem:12.5rem;--size-14rem:14rem;--size-16rem:16rem;--size-18rem:18rem;--size-20rem:20rem;--size-28rem:28rem;--size-34rem:34rem;--size-40rem:40rem;--size-45rem:45rem;--size-70rem:70rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--radius-modal-xl:1.75rem;--radius-sidebar-shell:1.5rem;--radius-sidebar-panel:1.1rem;--radius-sidebar-nav:0.95rem;--radius-toggle-thumb:0.5625rem;--menu-min-width:12rem;--header-search-max-inline:var(--size-34rem);--modal-max-width:62.5rem;--modal-sheet-inline-max:var(--modal-max-width);--modal-shell-max-height:90vh;--modal-sheet-max-height:92vh;--modal-body-max-height:calc(92vh - 4rem);--profile-modal-inline-max:var(--size-70rem);--player-modal-module-scroll-min-height:var(--size-14rem);--player-modal-module-scroll-max-height:var(--size-28rem);--modal-pane-max-height:48vh;--modal-pane-min-height:20rem;--moderation-badge-max-inline:var(--size-28rem);--notification-banner-max-inline:var(--size-28rem);--profile-modal-nav-min-width:max-content;--profile-modal-nav-max-width:max-content;--profile-modal-scrollbar-offset:var(--space-2xs);--modal-embed-height:80vh;--profile-history-max-height:26.25rem;--comment-avatar-size:var(--space-xl-plus);--comment-composer-min-height:var(--size-7rem);--video-modal-reaction-label-min-inline:var(--size-6rem);--video-modal-item-media-min:var(--size-5-75rem);--video-modal-item-media-max:var(--size-8rem);--video-card-compact-media-min:var(--size-8rem);--video-card-compact-media-max:var(--size-12-5rem);--similar-card-media-width:var(--size-168px);--similar-card-media-width-sm:var(--size-140px);--docs-popover-scroll-height:var(--size-45rem);--profile-modal-active-min-width:var(--size-12rem);--status-log-min-height:5rem;--layout-player-max-width:68.75rem;--layout-docs-max-width:92.5rem;--icon-size-sm:var(--font-size-lg);--icon-size-md:var(--space-md-plus);--icon-size-lg:var(--space-xl-plus);--avatar-size-lg:var(--space-2xl-plus);--form-textarea-min-height:8rem;--scrollbar-thin-width:0.4rem;--modal-progress-height:calc(var(--space-3xs)*3);--video-modal-action-min-width:2.75rem;--outline-thick-width:0.1875rem;--icon-button-ring-width:var(--outline-thick-width);--form-select-icon-offset:var(--space-sm);--form-select-icon-gap:var(--space-xs-snug);--form-select-icon-hit-area:var(--space-xl-plus);--form-select-icon-size:0.6rem;--form-select-divider-width:var(--border-width-hairline);--form-checkbox-checkmark-offset:calc(var(--space-3xs)*-1);--breakpoint-edge-offset:0.02px;--offscreen-offset:-9999px;--motion-card-enter-translate:var(--space-xs);--motion-fade-in-translate:var(--space-md-plus);--motion-login-option-hover-translate:calc(var(--size-3px)*-1);--motion-video-card-hover-translate:-0.35rem;--motion-video-card-backdrop-translate:0.15rem;--shadow-sm:0 0.0625rem 0.125rem 0 var(--color-shadow-floating);--shadow-md:0 0.25rem 0.375rem -0.0625rem var(--color-shadow-floating);--shadow-lg:0 0.625rem 0.9375rem -0.1875rem var(--color-shadow-elevated);--shadow-badge-offset-y:var(--size-12px);--shadow-badge-blur:var(--size-30px);--shadow-notification-offset-y:var(--size-32px);--shadow-notification-blur:var(--size-64px);--shadow-modal:0 2.75rem 6rem -1.25rem var(--color-shadow-modal);--shadow-sidebar-shell:0 1.875rem 3.75rem -1.5rem var(--color-shadow-sidebar);--shadow-sidebar-accent:0 1.65rem 3.25rem -1.35rem var(--color-sidebar-glow);--shadow-sidebar-trigger:0 1.25rem 2.5rem -1.35rem var(--color-shadow-panel);--shadow-sidebar-dropup:0 1.75rem 3.25rem -1.45rem var(--color-sidebar-glow);--shadow-sidebar-panel:0 2.25rem 4.5rem -1.85rem var(--color-shadow-sidebar);--shadow-sidebar-focus-ring:0 0 0 0.125rem var(--color-sidebar-glow),0 0 0 0.25rem var(--color-sidebar-hover-strong);--shadow-popover-zap:0 22px 48px -18px var(--color-shadow-intense);--shadow-video-modal:0 1rem 2.25rem var(--color-shadow-elevated);--blur-video-card-backdrop-strong:var(--size-24px);--video-modal-ambient-blur-min:var(--size-128px);--video-modal-ambient-blur-max:var(--size-256px);--font-family-sans:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;--font-family-mono:"Fira Code","SFMono-Regular",ui-monospace,monospace;--font-size-4xs:0.65rem;--font-size-3xs:0.6875rem;--font-size-2xs:0.7rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-xl-plus:1.875rem;--font-size-modal-title-base:1.25rem;--font-size-sidebar-nav:0.95rem;--font-size-sidebar-subnav:0.85rem;--font-size-sidebar-trigger:0.9rem;--link-underline-thickness:var(--size-2px);--line-height-tight:1.1;--line-height-snug:1.25;--line-height-base:1.5;--line-height-relaxed:1.75;--tracking-extra-wide:0.2em;--grid-border-width:calc(var(--space-2xs)/4);--grid-canvas-padding-top:var(--grid-border-width);--grid-viewport-min-height:calc(var(--space-xl) - var(--space-sm));--grid-cell-padding-block:var(--space-sm);--grid-cell-padding-inline:var(--space-md);--grid-header-font-size:var(--font-size-xs);--grid-header-letter-spacing:0.08em;--grid-overlay-margin:10%;--grid-overlay-padding-block:var(--space-md);--grid-overlay-padding-inline:var(--space-xl);--grid-overlay-radius:var(--radius-lg);--grid-overlay-font-size:var(--font-size-lg);--grid-overlay-text-opacity:0.66;--grid-resizer-width:calc(var(--space-2xs)*1.25);--grid-resize-overlay-width:var(--grid-border-width);--grid-sort-indicator-size:calc(var(--space-lg) - var(--space-2xs));--grid-sort-indicator-offset:var(--space-xs);--grid-sort-indicator-stroke:calc(var(--space-2xs)/2);--grid-sort-indicator-thickness:var(--grid-border-width);--notify-padding-block:var(--space-md);--notify-padding-inline:var(--space-2xl);--notify-font-size:var(--font-size-base);--notify-dismiss-size:calc(var(--space-xl) + var(--space-xs));--notify-dismiss-size-compact:calc(var(--space-lg) + var(--space-2xs));--notify-dismiss-font-size:var(--font-size-sm);--notify-dismiss-radius:var(--radius-full);--notify-dismiss-color:var(--color-subtle);--notify-dismiss-background:var(--color-overlay-panel);--notify-dismiss-background-hover:var(--color-overlay-panel-soft);--z-notify:1200;--motion-duration-fast:120ms;--motion-duration-base:160ms;--motion-duration-slow:280ms;--motion-ease-out:cubic-bezier(0.16,1,0.3,1);--motion-ease-in-out:cubic-bezier(0.4,0,0.2,1);--modal-motion-duration:var(--motion-duration-base)}:root[data-theme=light]{--color-page:#f7f8fc;--color-page-alt:#f2f4f8;--color-surface:#fff;--color-surface-alt:#f8fafc;--color-bg:var(--color-surface);--color-card:#fff;--color-card-private:#f3ecff;--color-card-critical:#ffecee;--color-panel:#fcfdff;--color-panel-hover:#eff2f9;--color-border:#d2dbec;--color-border-subtle:#e5eaf2;--color-accent:#6366f1;--color-accent-strong:#4f46e5;--color-accent-pressed:#4338ca;--color-accent-override:#540011;--color-accent-strong-override:#fe0032;--color-accent-pressed-override:#a90021;--color-primary:var(--color-accent-strong);--color-secondary:var(--color-accent);--color-logo-accent:var(--color-accent-strong);--color-logo-wordmark:#28364d;--color-logo-wordmark-inverse:var(--color-white);--color-logo-background:#0f172a;--color-logo-background-inverse:var(--color-white);--color-info:#3b82f6;--color-info-strong:#2563eb;--color-info-pressed:#1d4ed8;--color-info-glass:rgba(59,130,246,.14);--color-info-border:rgba(59,130,246,.35);--color-info-on:#e3f2ff;--color-muted-strong:#475569;--color-text:#181f2c;--color-text-strong:#0c101a;--color-text-inverse:#fff;--color-text-muted:#667085;--color-muted:#8892a6;--color-muted-alt:#788296;--color-subtle-text:#8892a6;--color-subtle:#f3f5fa;--color-surface-sunken:#e8ebf4;--color-surface-muted:#ecf0f9;--color-critical:#dc3646;--color-critical-strong:#b92037;--color-danger-surface:#fce2e6;--color-danger-border:rgba(220,54,70,.35);--color-danger-on:#60121f;--color-warning:#eab308;--color-warning-strong:#ca8a04;--color-warning-surface:rgba(253,224,71,.35);--color-warning-border:rgba(234,179,8,.35);--color-warning-glass:rgba(253,224,71,.18);--color-warning-on:#5c3702;--color-success:#16a34a;--color-success-strong:#15803d;--color-success-surface:#defaec;--color-success-border:rgba(34,197,94,.3);--color-success-on:#125430;--color-private:#8b5cf6;--color-private-strong:#7c3aed;--color-private-surface:#ede9fe;--color-private-border:rgba(139,92,246,.32);--color-private-on:#4a1d96;--color-neutral-700:#475569;--color-neutral-600:#667085;--color-neutral-surface:#e8ecf4;--color-neutral-border:#cdd5e2;--color-neutral-on:#3e485c;--color-white:#fff;--color-black:#000;--color-overlay:rgba(15,23,42,.3);--color-overlay-black:rgba(15,23,42,.7);--color-overlay-muted:rgba(60,75,105,.18);--color-overlay-strong:rgba(15,23,42,.56);--color-overlay-darker:rgba(12,18,32,.68);--color-overlay-panel:rgba(248,250,255,.92);--color-overlay-panel-soft:rgba(244,247,255,.78);--color-overlay-panel-tint:rgba(146,170,211,.24);--color-overlay-panel-glass:hsla(0,0%,100%,.85);--color-overlay-panel-glass-soft:rgba(246,249,255,.7);--color-overlay-panel-gradient-start:hsla(0,0%,100%,.95);--color-overlay-panel-gradient-end:rgba(232,236,244,.92);--color-modal-backdrop:rgba(15,23,42,.28);--color-modal-surface:hsla(0,0%,100%,.94);--color-overlay-veil:rgba(103,112,133,.45);--color-overlay-banner-bottom:hsla(0,0%,100%,.6);--color-overlay-banner-transparent:hsla(0,0%,100%,0);--color-overlay-backdrop:rgba(15,23,42,.2);--scrollbar-track:color-mix(in srgb,var(--color-sidebar-border-strong) 40%,transparent);--scrollbar-thumb:color-mix(in srgb,var(--color-accent) 64%,transparent);--scrollbar-thumb-hover:color-mix(in srgb,var(--color-accent-strong) 76%,transparent);--color-sidebar-surface:hsla(0,0%,100%,.9);--color-sidebar-surface-alt:rgba(236,240,247,.72);--color-sidebar-border:rgba(184,194,212,.28);--color-sidebar-border-strong:rgba(148,163,184,.36);--color-sidebar-hover:color-mix(in srgb,var(--color-accent) 16%,transparent);--color-sidebar-hover-strong:color-mix(in srgb,var(--color-accent-strong) 24%,transparent);--color-sidebar-glow:color-mix(in srgb,var(--color-accent) 36%,transparent);--color-sidebar-accent-start:color-mix(in srgb,var(--color-accent-strong) 88%,transparent);--color-sidebar-accent-end:color-mix(in srgb,var(--color-accent) 82%,transparent);--color-sidebar-text-muted:var(--color-text-muted);--sidebar-icon-filter:brightness(0) saturate(100%);--color-surface-tint-subtle:rgba(15,23,42,.08);--color-border-translucent:rgba(148,163,184,.18);--color-border-translucent-strong:rgba(148,163,184,.22);--color-border-translucent-bright:rgba(148,163,184,.28);--color-border-translucent-stronger:rgba(148,163,184,.32);--color-border-translucent-strongest:rgba(148,163,184,.36);--color-border-translucent-glow:rgba(148,163,184,.45);--color-border-translucent-medium:rgba(148,163,184,.2);--color-border-neutral-soft:rgba(148,163,184,.25);--color-border-info-soft:rgba(59,130,246,.32);--color-border-sidebar-strong:rgba(102,112,133,.75);--color-ring-private:rgba(139,92,246,.5);--color-ring-private-hover:rgba(168,85,247,.6);--color-ring-critical:rgba(220,54,70,.35);--color-ring-critical-soft:rgba(220,54,70,.3);--color-ring-critical-hover:rgba(220,54,70,.4);--color-ring-critical-strong:rgba(220,54,70,.5);--color-ring-alert:rgba(239,68,68,.48);--color-gradient-visibility-start:rgba(99,102,241,.28);--color-gradient-visibility-end:rgba(129,140,248,.24);--color-white-soft:hsla(0,0%,100%,.08);--color-white-softer:hsla(0,0%,100%,.24);--color-white-softest:hsla(0,0%,100%,.32);--color-shadow-floating:rgba(15,23,42,.18);--color-shadow-elevated:rgba(15,23,42,.16);--color-shadow-panel:rgba(15,23,42,.12);--color-shadow-notification:rgba(15,23,42,.14);--color-shadow-intense:rgba(15,23,42,.22);--color-shadow-sidebar:rgba(15,23,42,.28);--color-shadow-modal:rgba(15,23,42,.28);--color-divider-strong:rgba(203,213,225,.6);--color-text-frosted-strong:rgba(40,54,77,.85);--color-text-frosted:rgba(61,74,98,.8);--color-text-frosted-soft:rgba(82,96,122,.72)}:root:not([data-theme]),:root[data-theme=dark]{--color-page:#060a12;--color-page-alt:#080c16;--color-surface:#0a0e1a;--color-surface-alt:#0e1422;--color-bg:var(--color-surface);--color-card:#121a2c;--color-card-private:#261c3e;--color-card-critical:#3a141c;--color-panel:#101828;--color-panel-hover:#182234;--color-border:#3d5070;--color-border-subtle:#26344c;--color-accent:#818cf8;--color-accent-strong:#6366f1;--color-accent-pressed:#4f46e5;--color-accent-override:#540011;--color-accent-strong-override:#fe0032;--color-accent-pressed-override:#a90021;--color-primary:var(--color-accent-strong);--color-secondary:#38bdf8;--color-logo-accent:var(--color-accent-strong);--color-logo-wordmark:#c6cfde;--color-logo-wordmark-inverse:var(--color-white);--color-logo-background:#0c121e;--color-logo-background-inverse:var(--color-white);--color-info:#60a5fa;--color-info-strong:#3884ff;--color-info-pressed:#2563eb;--color-info-glass:rgba(56,132,255,.22);--color-info-border:rgba(96,165,250,.42);--color-info-on:#ebf4ff;--color-muted-strong:#ced7e8;--color-text:#e2e8f0;--color-text-strong:#f4f7ff;--color-text-inverse:#0c121e;--color-text-muted:#a5b3c9;--color-muted:#94a3b8;--color-muted-alt:#808ba2;--color-subtle-text:#a8b4cd;--color-subtle:#1c263a;--color-surface-sunken:rgba(13,19,32,.92);--color-surface-muted:rgba(18,26,44,.82);--color-critical:#ef5362;--color-critical-strong:#dc2626;--color-danger-surface:rgba(220,38,38,.28);--color-danger-border:rgba(220,38,38,.45);--color-danger-on:#ffe4e9;--color-warning:#facc15;--color-warning-strong:#eab308;--color-warning-surface:rgba(253,224,71,.22);--color-warning-border:rgba(250,204,21,.42);--color-warning-glass:rgba(253,224,71,.2);--color-warning-on:#1a1200;--color-success:#22c55e;--color-success-strong:#16a34a;--color-success-surface:rgba(22,163,74,.24);--color-success-border:rgba(34,197,94,.45);--color-success-on:#d2fce4;--color-private:#a855f7;--color-private-strong:#8b5cf6;--color-private-surface:rgba(124,58,237,.26);--color-private-border:rgba(168,85,247,.45);--color-private-on:#efe6ff;--color-neutral-700:#3a4b6e;--color-neutral-600:#5a6985;--color-neutral-surface:rgba(99,114,144,.24);--color-neutral-border:rgba(99,114,144,.35);--color-neutral-on:#d2dcee;--color-white:#fff;--color-black:#000;--color-overlay:rgba(8,11,20,.72);--color-overlay-black:rgba(0,0,0,.88);--color-overlay-muted:rgba(12,18,30,.6);--color-overlay-strong:rgba(8,12,24,.82);--color-overlay-darker:rgba(5,8,16,.9);--color-overlay-panel:rgba(14,20,34,.92);--color-overlay-panel-soft:rgba(18,26,42,.78);--color-overlay-panel-tint:rgba(56,93,160,.36);--color-overlay-panel-glass:rgba(14,24,42,.86);--color-overlay-panel-glass-soft:rgba(16,28,48,.72);--color-overlay-panel-gradient-start:rgba(18,26,44,.92);--color-overlay-panel-gradient-end:rgba(10,16,30,.92);--color-modal-backdrop:rgba(5,8,14,.68);--color-modal-surface:rgba(14,22,38,.88);--color-overlay-veil:rgba(4,6,12,.94);--color-overlay-banner-bottom:rgba(0,0,0,.6);--color-overlay-banner-transparent:transparent;--color-overlay-backdrop:rgba(5,8,14,.75);--scrollbar-track:color-mix(in srgb,var(--color-sidebar-surface-alt) 54%,transparent);--scrollbar-thumb:color-mix(in srgb,var(--color-accent) 72%,transparent);--scrollbar-thumb-hover:color-mix(in srgb,var(--color-accent-strong) 84%,transparent);--color-sidebar-surface:rgba(12,18,30,.94);--color-sidebar-surface-alt:rgba(10,18,32,.8);--color-sidebar-border:rgba(86,106,142,.26);--color-sidebar-border-strong:rgba(112,133,170,.42);--color-sidebar-hover:color-mix(in srgb,var(--color-accent) 22%,transparent);--color-sidebar-hover-strong:color-mix(in srgb,var(--color-accent-strong) 32%,transparent);--color-sidebar-glow:color-mix(in srgb,var(--color-accent) 42%,transparent);--color-sidebar-accent-start:color-mix(in srgb,var(--color-accent) 92%,transparent);--color-sidebar-accent-end:color-mix(in srgb,var(--color-accent-strong) 88%,transparent);--color-sidebar-text-muted:var(--color-text-muted);--sidebar-icon-filter:brightness(0) invert(1);--color-surface-tint-subtle:rgba(94,113,161,.12);--color-border-translucent:rgba(99,114,144,.22);--color-border-translucent-strong:rgba(110,130,170,.28);--color-border-translucent-bright:rgba(148,163,184,.35);--color-border-translucent-stronger:rgba(148,163,184,.38);--color-border-translucent-strongest:rgba(198,207,222,.45);--color-border-translucent-glow:rgba(129,140,248,.55);--color-border-translucent-medium:rgba(99,114,144,.28);--color-border-neutral-soft:rgba(99,114,144,.3);--color-border-info-soft:rgba(96,165,250,.35);--color-border-sidebar-strong:rgba(32,46,68,.88);--color-ring-private:rgba(168,85,247,.55);--color-ring-private-hover:rgba(192,132,252,.65);--color-ring-critical:rgba(239,83,98,.42);--color-ring-critical-soft:rgba(239,83,98,.35);--color-ring-critical-hover:rgba(239,83,98,.5);--color-ring-critical-strong:rgba(220,38,38,.6);--color-ring-alert:rgba(220,38,38,.6);--color-gradient-visibility-start:rgba(129,140,248,.4);--color-gradient-visibility-end:rgba(192,132,252,.32);--color-white-soft:hsla(0,0%,100%,.1);--color-white-softer:hsla(0,0%,100%,.3);--color-white-softest:hsla(0,0%,100%,.4);--color-shadow-floating:rgba(8,11,30,.55);--color-shadow-elevated:rgba(8,11,30,.45);--color-shadow-panel:rgba(15,23,42,.35);--color-shadow-notification:rgba(15,23,42,.3);--color-shadow-intense:rgba(250,204,21,.48);--color-shadow-sidebar:rgba(0,0,0,.45);--color-shadow-modal:rgba(8,11,30,.55);--color-divider-strong:rgba(15,23,42,.35);--color-text-frosted-strong:rgba(226,232,240,.94);--color-text-frosted:rgba(226,232,240,.9);--color-text-frosted-soft:rgba(226,232,240,.82)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-family-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--font-family-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{font-size:80%}@media (min-width:768px){html{font-size:100%}}@media (min-width:1024px){html{font-size:75%}}*,:after,:before{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}body{--app-header-centerline:calc(env(safe-area-inset-top, 0) + var(--app-header-centerline-offset));font-family:var(--font-family-sans);background-color:var(--color-page);color:var(--color-text-strong);line-height:1.5;margin:0;padding:0;overflow-x:hidden}:root[data-theme-accent=override]{--color-accent:var(--color-accent-override);--color-accent-strong:var(--color-accent-strong-override);--color-accent-pressed:var(--color-accent-pressed-override)}#uiOverlay{position:fixed;inset:0;pointer-events:none;z-index:var(--z-overlay-popover)}#uiOverlay>*{pointer-events:auto}#editNip71TagsFieldset>legend,#nip71TagsFieldset>legend{margin-left:0;padding:0}#app{background-color:var(--color-page);color:inherit}body.modal-open,html.modal-open{overflow:hidden;height:100%}body.modal-open #app{overflow:hidden}body.modal-open #sidebar{pointer-events:none;opacity:0;visibility:hidden;z-index:var(--z-sidebar-overlay)}.ng-cloak,.ng-hide:not(.ng-hide-animate),.x-ng-cloak,[data-ng-cloak],[ng-cloak],[ng\:cloak],[x-ng-cloak]{display:none!important}ng\:form{display:block}.\!container{width:100%!important}.container{width:100%}@media (min-width:400px){.\!container{max-width:400px!important}.container{max-width:400px}}@media (min-width:480px){.\!container{max-width:480px!important}.container{max-width:480px}}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.ds-header{display:flex;align-items:center;justify-content:flex-start;padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.app-shell__header{position:sticky;top:env(safe-area-inset-top,0);z-index:var(--z-app-header);padding-top:calc(var(--space-sm) + env(safe-area-inset-top, 0));padding-bottom:var(--space-sm);background-color:transparent;background-image:var(--surface-overlay-banner-gradient-header);background-repeat:no-repeat;background-size:100% 100%}.ds-metric-probe{position:absolute;top:0;left:0;visibility:hidden;pointer-events:none;contain:layout size style;inline-size:0;block-size:var(--ds-metric-probe-length,0);overflow:hidden}.ds-header__logo{height:var(--space-2xl-plus);width:auto;max-width:none}.focus-ring{outline:2px solid transparent;outline-offset:2px}.focus-ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.author-pic{display:block;height:100%;width:100%;border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover}.header-icon-toggle{outline:2px solid transparent;outline-offset:2px}.header-icon-toggle:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.header-icon-toggle{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.2,1);width:var(--icon-size-lg);height:var(--icon-size-lg);min-width:var(--icon-size-lg);min-height:var(--icon-size-lg);padding:0;border:none;background:transparent;color:var(--color-text-muted);line-height:1}.header-icon-toggle[data-theme-state=light]{color:var(--color-text-strong)}.header-icon-toggle[data-theme-state=dark]{color:var(--color-text)}.header-icon-toggle__icon-wrapper{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--space-lg);block-size:var(--space-lg)}.header-icon-toggle__icon{inline-size:100%;block-size:100%;display:none;fill:currentColor}.header-icon-toggle__icon-wrapper:not([data-theme-icon-state]),.header-icon-toggle__icon-wrapper[data-theme-icon-state=light]{color:inherit}.header-icon-toggle__icon-wrapper:not([data-theme-icon-state]) .header-icon-toggle__icon--dark,.header-icon-toggle__icon-wrapper[data-theme-icon-state=dark] .header-icon-toggle__icon--light,.header-icon-toggle__icon-wrapper[data-theme-icon-state=light] .header-icon-toggle__icon--dark{display:block}#profileUnreadDot{position:absolute;top:var(--space-2xs);right:var(--space-2xs);width:var(--space-sm);height:var(--space-sm);border-radius:var(--radius-full);border:var(--border-width-hairline) solid var(--color-page);background-color:var(--status-danger);display:none;pointer-events:none}#profileUnreadDot.is-visible{display:block}.header-icon-toggle[data-theme-state=light]:focus-visible,.header-icon-toggle[data-theme-state=light]:hover{color:var(--color-text)}.header-icon-toggle[data-theme-state=dark]:focus-visible,.header-icon-toggle[data-theme-state=dark]:hover{color:var(--color-text-strong)}.header-icon-toggle[aria-pressed=true]{color:var(--color-text-strong)}.header-icon-toggle[aria-pressed=true]:focus-visible,.header-icon-toggle[aria-pressed=true]:hover{color:var(--color-text-strong)}.bv-modal.header-search__region,.profile-pane.header-search__region{display:none}.header-search__region{display:none;flex:1 1 0%;justify-content:center}@media (min-width:768px){.header-search__region{display:flex}}.header-search__region{min-width:0;padding-inline:clamp(var(--space-md),4vw,var(--space-3xl))}.header-search{display:flex;align-items:center;gap:.75rem;border-radius:var(--radius-full);border-width:1px;border-color:var(--border-default);--tw-border-opacity:0.4;background-color:var(--surface-overlay-panel);padding-left:1rem;padding-right:1rem;--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(0,0,.2,1);backdrop-filter:blur(var(--popover-backdrop-blur));-webkit-backdrop-filter:blur(var(--popover-backdrop-blur));padding-block:calc(var(--space-sm)*.9);inline-size:min(100%,var(--header-search-max-inline))}.header-search:focus-within{border-color:var(--color-accent-strong)}.header-search__icon{display:block;height:1.25rem;width:1.25rem;background-color:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.header-search__icon--filter{mask-image:url(../assets/svg/filter.svg);-webkit-mask-image:url(../assets/svg/filter.svg)}.header-search__icon--submit{mask-image:url(../assets/svg/search.svg);-webkit-mask-image:url(../assets/svg/search.svg)}.header-search__filter{outline:2px solid transparent;outline-offset:2px}.header-search__filter:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.header-search__filter{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--radius-full);border-width:1px;border-color:transparent;background-color:transparent;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(0,0,.2,1);color:var(--color-accent);inline-size:calc(var(--icon-size-lg)*.9);block-size:calc(var(--icon-size-lg)*.9);min-inline-size:calc(var(--icon-size-lg)*.9);min-block-size:calc(var(--icon-size-lg)*.9)}.header-search__filter:focus-visible,.header-search__filter:hover{color:var(--color-accent-strong)}.header-search__input{flex:1 1 0%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--text-primary);outline:2px solid transparent;outline-offset:2px}.header-search__input::-moz-placeholder{color:var(--text-muted)}.header-search__input::placeholder{color:var(--text-muted)}.header-search__input{min-width:0}.header-search__input:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.header-search__submit{outline:2px solid transparent;outline-offset:2px}.header-search__submit:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.header-search__submit{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border-width:1px;border-color:transparent;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(0,0,.2,1);background-color:var(--color-accent-strong);color:var(--color-white);inline-size:calc(var(--icon-size-lg)*.9);block-size:calc(var(--icon-size-lg)*.9);min-inline-size:calc(var(--icon-size-lg)*.9);min-block-size:calc(var(--icon-size-lg)*.9);padding:0}.header-search__submit:hover{background-color:var(--color-accent)}.header-search__submit:focus-visible{background-color:var(--color-accent-pressed)}.bv-logo{--logo-wordmark-color:var(--color-logo-wordmark);--logo-accent-color:var(--color-logo-accent);--logo-background-color:var(--color-logo-background)}.bv-logo[data-variant=inverse]{--logo-wordmark-color:var(--color-logo-wordmark-inverse);--logo-background-color:var(--color-logo-background-inverse)}.bv-logo[data-wordmark=current]{--logo-wordmark-color:currentColor}.bv-logo[data-accent=current]{--logo-accent-color:currentColor}.bv-logo[data-background=transparent]{--logo-background-color:transparent}.bv-logo__wordmark{fill:var(--logo-wordmark-color);color:var(--logo-wordmark-color)}.bv-logo__accent{fill:var(--logo-accent-color);color:var(--logo-accent-color)}.bv-logo__background{fill:var(--logo-background-color);color:var(--logo-background-color)}.markdown-prose{color:var(--color-text)}.markdown-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:1rem}.markdown-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.markdown-prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--color-primary);text-decoration:none;font-weight:500}.markdown-prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.markdown-prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.markdown-prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.markdown-prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.markdown-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.markdown-prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.markdown-prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.markdown-prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.markdown-prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.markdown-prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.markdown-prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.markdown-prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.markdown-prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.markdown-prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.markdown-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.markdown-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.markdown-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.markdown-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.markdown-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--color-border-subtle);border-top-width:1px;margin-top:2rem;margin-bottom:2rem}.markdown-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--color-muted);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1rem;margin-bottom:1rem;padding-inline-start:1em;border-left-width:4px;border-left-color:var(--color-border-subtle);padding-left:1rem}.markdown-prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.markdown-prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.markdown-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:var(--font-size-2xl);margin-top:.5rem;margin-bottom:1rem;line-height:1.1111111}.markdown-prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.markdown-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:var(--font-size-xl);margin-top:1.25rem;margin-bottom:.75rem;line-height:1.3333333}.markdown-prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.markdown-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:var(--font-size-lg);margin-top:1rem;margin-bottom:.75rem;line-height:1.6}.markdown-prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.markdown-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.markdown-prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.markdown-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:1rem;border-radius:var(--radius-md);max-width:100%;height:auto}.markdown-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.markdown-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.markdown-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.markdown-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--color-secondary);font-weight:500;font-size:var(--font-size-sm);background-color:var(--color-page-alt);padding:.2rem .4rem;border-radius:var(--radius-md);font-family:var(--font-family-mono)}.markdown-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.markdown-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.markdown-prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.markdown-prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.markdown-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.markdown-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.markdown-prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.markdown-prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.markdown-prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.markdown-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--color-text-strong);background-color:var(--color-page-alt);overflow-x:auto;font-weight:400;font-size:var(--font-size-sm);line-height:1.7142857;margin-top:0;margin-bottom:1rem;border-radius:var(--radius-md);padding-inline-end:1.1428571em;padding-inline-start:1.1428571em;padding:1rem;font-family:var(--font-family-mono)}.markdown-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.markdown-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.markdown-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.markdown-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.markdown-prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.markdown-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.markdown-prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.markdown-prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.markdown-prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.markdown-prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.markdown-prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.markdown-prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.markdown-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.markdown-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.markdown-prose{--tw-prose-body:var(--color-text);--tw-prose-headings:var(--color-text-strong);--tw-prose-lead:#4b5563;--tw-prose-links:var(--color-primary);--tw-prose-bold:var(--color-text-strong);--tw-prose-counters:var(--color-text-muted);--tw-prose-bullets:var(--color-text-muted);--tw-prose-hr:var(--color-border-subtle);--tw-prose-quotes:var(--color-muted);--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:rgba(17,24,39,.1);--tw-prose-code:var(--color-secondary);--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:var(--color-border-subtle);--tw-prose-td-borders:var(--color-border-subtle);--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:hsla(0,0%,100%,.1);--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.6}.markdown-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.markdown-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5rem;margin-bottom:.5rem}.markdown-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.markdown-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.markdown-prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.markdown-prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.markdown-prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.markdown-prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.markdown-prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.markdown-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.markdown-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.markdown-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.markdown-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.markdown-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.markdown-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.markdown-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.markdown-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.markdown-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.markdown-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.markdown-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.markdown-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.markdown-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.markdown-prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.markdown-prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.markdown-prose{font-family:var(--font-family-sans)}.markdown-prose :where(h4,h5,h6):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:600;margin-top:.75rem;margin-bottom:.5rem}.markdown-prose :where(ul,ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:1rem;padding-left:1.25rem}.markdown-prose :where(a:hover):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration:underline}.markdown-prose{max-width:none;line-height:1.625;color:var(--text-primary);--tw-prose-body:var(--color-text);--tw-prose-headings:var(--color-text-strong);--tw-prose-invert-headings:var(--color-text-strong);--tw-prose-lead:var(--color-text);--tw-prose-links:var(--color-accent-strong);--tw-prose-bold:var(--color-text-strong);--tw-prose-counters:var(--color-text-muted);--tw-prose-bullets:var(--color-text-muted);--tw-prose-hr:var(--color-border-translucent-strong);--tw-prose-quotes:var(--color-text-strong);--tw-prose-quote-borders:var(--color-border-subtle);--tw-prose-captions:var(--color-text-muted);--tw-prose-code:var(--color-text-strong);--tw-prose-pre-code:var(--color-text);--tw-prose-pre-bg:var(--surface-muted);--tw-prose-th-borders:var(--color-border);--tw-prose-td-borders:var(--color-border-subtle)}.markdown-prose :where(h1,h2,h3,h4,h5,h6){color:var(--color-text-strong)}.markdown-prose :where(h1,h2,h3,h4,h5,h6) strong{color:inherit}.markdown-prose a{color:var(--color-accent-strong);text-decoration-color:color-mix(in srgb,var(--color-accent-strong) 65%,transparent);text-decoration-thickness:var(--link-underline-thickness);text-underline-offset:.2em}.markdown-prose a:focus-visible,.markdown-prose a:hover{color:var(--color-accent);text-decoration-line:underline}.markdown-prose blockquote{border-radius:var(--radius-md);border-left-width:4px;border-color:var(--border-subtle);background-color:var(--surface-muted);--tw-bg-opacity:0.5;padding:.5rem 1rem;color:var(--text-muted)}.markdown-prose :where(pre,code){font-family:var(--font-family-mono)}.markdown-prose code{border-radius:var(--radius-md);background-color:var(--surface-muted);padding:.125rem .25rem;color:var(--color-accent-strong)}.markdown-prose pre{overflow-x:auto;border-radius:var(--radius-lg);border-width:1px;border-color:var(--border-subtle);background-color:var(--surface-muted);padding:1rem;color:var(--text-primary)}.markdown-prose pre code{background-color:transparent;color:inherit;padding:0}.\!popover,.popover{position:relative;display:inline-flex}.popover-panel,.popover__panel{outline:2px solid transparent;outline-offset:2px}.popover-panel:focus-visible,.popover__panel:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.popover-panel,.popover__panel{pointer-events:none;z-index:var(--z-overlay-popover);min-width:var(--menu-min-width);max-width:var(--popover-inline-safe-max);--tw-scale-x:.95;--tw-scale-y:.95;border-radius:var(--overlay-panel-radius);border-width:1px;border-color:var(--border-default);--tw-border-opacity:0.4;background-color:var(--surface-overlay-panel);padding:var(--overlay-panel-padding-block) var(--overlay-panel-padding-inline);font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--text-primary);opacity:0;--tw-shadow:var(--overlay-panel-shadow);--tw-shadow-colored:var(--overlay-panel-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:var(--surface-overlay-panel);--tw-shadow:var(--tw-shadow-colored);transition-property:opacity;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(0,0,.2,1);position:var(--popover-strategy,fixed);left:var(--popover-left,0);top:var(--popover-top,0);max-width:var(--popover-max-width,none);max-height:var(--popover-max-height,none)}.popover-panel,.popover-panel[data-state=open],.popover__panel,.popover__panel[data-state=open]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.popover-panel[data-state=open],.popover__panel[data-state=open]{pointer-events:auto;--tw-scale-x:1;--tw-scale-y:1;opacity:1}.popover-panel[data-state=closed],.popover__panel[data-state=closed]{pointer-events:none;--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.search-filter-chip{display:inline-flex;align-items:center;gap:.5rem;border-radius:var(--radius-full);border-width:1px;border-color:var(--border-subtle);background-color:var(--surface-alt);padding:.25rem .75rem;font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:500;color:var(--text-primary);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(0,0,.2,1)}.search-filter-chip[data-state=on]{border-color:var(--color-accent-strong);background-color:var(--color-accent-strong);color:var(--color-white)}[data-popover-arrow=true]{left:var(--popover-arrow-left,auto);right:var(--popover-arrow-right,auto);top:var(--popover-arrow-top,auto);bottom:var(--popover-arrow-bottom,auto)}.ds-overlay-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--overlay-backdrop-color);backdrop-filter:blur(var(--overlay-backdrop-blur));-webkit-backdrop-filter:blur(var(--overlay-backdrop-blur))}.popover-panel[data-variant=zap],.popover__panel[data-variant=zap]{background:var(--color-overlay-veil);color:var(--color-subtle);border:var(--border-width-hairline) solid var(--color-border-translucent-stronger);box-shadow:var(--shadow-popover-zap);backdrop-filter:blur(var(--popover-backdrop-blur));-webkit-backdrop-filter:blur(var(--popover-backdrop-blur))}.\!btn{outline:2px solid transparent;outline-offset:2px}.\!btn:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.\!btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-full);border-width:1px;border-color:transparent;background-color:var(--color-accent-strong);padding:.625rem 1.25rem;font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:600;color:var(--color-white);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn{outline:2px solid transparent;outline-offset:2px}.btn:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-full);border-width:1px;border-color:transparent;background-color:var(--color-accent-strong);padding:.625rem 1.25rem;font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:600;color:var(--color-white);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1)}.\!btn[data-size=sm],.btn-ghost[data-size=sm],.btn[data-size=sm]{padding:.375rem .75rem;font-size:var(--font-size-sm);line-height:var(--line-height-snug)}.\!btn[data-size=sm],.btn-ghost[data-size=sm],.btn[data-size=sm]{gap:.375rem}.\!btn:hover,.btn:hover{background-color:var(--color-accent)}.\!btn:focus-visible{background-color:var(--color-accent-pressed)}.btn:focus-visible{background-color:var(--color-accent-pressed)}.\!btn:disabled,.btn:disabled{pointer-events:none;cursor:not-allowed;opacity:.6;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-link{outline:2px solid transparent;outline-offset:2px}.btn-link:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.btn-link{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--font-size-sm);line-height:var(--line-height-snug);font-weight:600;color:var(--color-accent);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(0,0,.2,1)}.btn-link:focus-visible,.btn-link:hover{color:var(--color-accent-strong);text-decoration-line:underline}.progress,[data-progress-meter]{--progress-height:var(--progress-height-md);--progress-track:var(--progress-track-color);--progress-fill:var(--progress-fill-color);--progress-radius-current:var(--progress-radius);display:block;width:100%;height:var(--progress-height);border:none;border-radius:var(--progress-radius-current);overflow:hidden;background-color:var(--progress-track);-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress::-webkit-progress-bar,[data-progress-meter]::-webkit-progress-bar{background-color:var(--progress-track);border-radius:var(--progress-radius-current)}.progress::-webkit-progress-value,[data-progress-meter]::-webkit-progress-value{background-color:var(--progress-fill);border-radius:var(--progress-radius-current);-webkit-transition:width var(--progress-transition-duration) var(--progress-transition-ease);transition:width var(--progress-transition-duration) var(--progress-transition-ease)}.progress::-moz-progress-bar,[data-progress-meter]::-moz-progress-bar{background-color:var(--progress-fill);border-radius:var(--progress-radius-current);-moz-transition:width var(--progress-transition-duration) var(--progress-transition-ease);transition:width var(--progress-transition-duration) var(--progress-transition-ease)}.progress.progress--surface,.progress[data-variant=surface],[data-progress-meter].progress--surface,[data-progress-meter][data-variant=surface]{--progress-track:var(--color-panel)}.progress.progress--accent,.progress[data-variant=accent],[data-progress-meter].progress--accent,[data-progress-meter][data-variant=accent]{--progress-fill:var(--color-info-strong)}.btn-ghost{outline:2px solid transparent;outline-offset:2px}.btn-ghost:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-full);border-color:transparent;background-color:var(--color-accent-strong);padding:.625rem 1.25rem;font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:600;color:var(--color-white);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-ghost[data-size=sm]{padding:.375rem .75rem;font-size:var(--font-size-sm);line-height:var(--line-height-snug);gap:.375rem}.btn-ghost:hover{background-color:var(--color-accent)}.btn-ghost:focus-visible{background-color:var(--color-accent-pressed)}.btn-ghost:disabled{cursor:not-allowed;opacity:.6}body.iframe-form button.btn-ghost{align-self:flex-start;margin-top:var(--space-md)}.btn-ghost{border-width:1px;border-color:var(--border-default);--tw-border-opacity:0.6;background-color:transparent;color:var(--text-primary);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (prefers-reduced-motion:reduce){.btn-ghost{transition-property:none}}.btn-ghost:hover{background-color:var(--surface-panel-hover);color:var(--text-primary)}.btn-ghost:focus-visible{background-color:var(--surface-panel-hover)}.btn-ghost:disabled{pointer-events:none;opacity:.5;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-ghost[data-variant=critical]{border-width:1px;border-color:var(--color-critical);--tw-border-opacity:0.6;color:var(--color-critical)}.btn-ghost[data-variant=critical]:focus-visible,.btn-ghost[data-variant=critical]:hover{background-color:var(--color-critical);--tw-bg-opacity:0.2;color:var(--color-critical-strong)}.login-option{outline:2px solid transparent;outline-offset:2px}.login-option:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.login-option{position:relative;display:flex;height:100%;width:100%;flex-direction:column;gap:1rem;overflow:hidden;border-width:1px;border-color:var(--border-default);background-color:var(--surface-overlay-panel-soft);padding:1.25rem 1.5rem;text-align:left;color:var(--text-primary);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);border-radius:calc(var(--radius-xl)*1.12);isolation:isolate;backdrop-filter:blur(var(--blur-modal-backdrop));background-image:linear-gradient(140deg,color-mix(in srgb,var(--surface-overlay-panel-soft) 88%,transparent) 0,color-mix(in srgb,var(--surface-overlay-panel) 72%,transparent) 100%);transform:translateZ(0);transition-property:border-color,box-shadow,transform}.login-option:after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;opacity:0;transform:translate3d(0,14%,0);transition:opacity .22s ease,transform .22s ease;background:radial-gradient(115% 115% at 0 0,color-mix(in srgb,var(--status-neutral) 32%,transparent) 0,transparent 65%)}.login-option:focus-visible,.login-option:hover{border-color:var(--border-strong);box-shadow:var(--shadow-modal);transform:translate3d(0,var(--motion-login-option-hover-translate),0)}.login-option:focus-visible:after,.login-option:hover:after{opacity:.65;transform:translateZ(0)}.login-option:disabled,.login-option[aria-disabled=true]{cursor:not-allowed;opacity:.6;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transform:none}.login-option[data-tone=accent]:after{background:radial-gradient(120% 120% at 0 0,color-mix(in srgb,var(--status-info) 38%,transparent) 0,transparent 65%)}.login-option[data-tone=warning]:after{background:radial-gradient(120% 120% at 0 0,color-mix(in srgb,var(--status-warning) 42%,transparent) 0,transparent 65%)}.login-option--primary{border-color:var(--border-default)}.login-option--ghost{background-image:linear-gradient(145deg,color-mix(in srgb,var(--surface-overlay-panel-soft) 82%,transparent) 0,color-mix(in srgb,var(--surface-overlay-panel-soft) 68%,transparent) 100%)}.login-option--outline{border-color:var(--border-strong)}.login-option--link{border-width:1px;border-color:transparent;background-color:transparent;color:var(--color-accent);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.login-option__capabilities,.login-option__copy,.login-option__header,.login-option__status{position:relative;z-index:1}.login-option__header{display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:1rem}.login-option__copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:.5rem}.login-option__eyebrow{font-size:var(--font-size-2xs);font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.18em}.login-option:focus-visible .login-option__eyebrow,.login-option:hover .login-option__eyebrow{color:var(--text-primary)}.login-option__label{font-size:var(--font-size-lg);line-height:var(--line-height-base);font-weight:600;color:var(--text-primary)}.login-option__description{font-size:var(--font-size-sm);line-height:var(--line-height-snug);line-height:1.625}.login-option__chevron,.login-option__description{color:var(--text-muted)}.login-option__chevron{display:inline-flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--surface-overlay-panel);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);box-shadow:inset 0 0 0 var(--border-width-hairline) color-mix(in srgb,var(--border-overlay) 60%,transparent)}.login-option:focus-visible .login-option__chevron,.login-option:hover .login-option__chevron{background-color:var(--color-accent);color:var(--color-white);box-shadow:none}.login-option__status{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.5rem;font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--text-muted)}.login-option__capabilities{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.btn-ghost[aria-pressed=true],.btn-ghost[data-state=active]{border-color:transparent;background-color:var(--color-primary);color:var(--color-white);--tw-shadow:var(--shadow-md);--tw-shadow-colored:var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-ghost[aria-pressed=true]:focus-visible,.btn-ghost[aria-pressed=true]:hover,.btn-ghost[data-state=active]:focus-visible,.btn-ghost[data-state=active]:hover{background-color:var(--color-accent-strong)}.\!badge,.badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:var(--radius-full);border-width:1px;border-color:var(--status-neutral-border);background-color:var(--status-neutral-surface);padding:.25rem .75rem;font-size:var(--font-size-2xs);line-height:var(--line-height-tight);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-extra-wide);color:var(--status-neutral-on)}.\!badge[data-variant=info],.badge[data-variant=info]{border-color:var(--status-info-border);background-color:var(--status-info-surface);color:var(--status-info-on)}.\!badge[data-variant=success],.badge[data-variant=success]{border-color:var(--status-success-border);background-color:var(--status-success-surface);color:var(--status-success-on)}.\!badge[data-variant=warning],.badge[data-variant=warning]{border-color:var(--status-warning-border);background-color:var(--status-warning-surface);color:var(--status-warning-on)}.\!badge[data-variant=critical],.badge[data-variant=critical]{border-color:var(--status-danger-border);background-color:var(--status-danger-surface);color:var(--status-danger-on)}.\!badge[data-variant=private],.badge[data-variant=private]{border-color:var(--status-private-border);background-color:var(--status-private-surface);color:var(--status-private-on)}.\!badge[data-variant=neutral],.badge[data-variant=neutral]{border-color:var(--status-neutral-border);background-color:var(--status-neutral-surface);color:var(--status-neutral-on)}.moderation-badge{display:inline-flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);border-radius:var(--radius-xl);border-width:1px;padding:.375rem .75rem;font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:600;text-transform:none;letter-spacing:-.025em;--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.moderation-badge--interactive{pointer-events:auto}.moderation-badge__actions{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:var(--space-sm)}.moderation-badge__label{display:inline-flex;align-items:center;gap:var(--space-xs);white-space:nowrap}.moderation-badge[data-variant=warning]{border-color:var(--status-warning-border);background-color:var(--status-warning-surface);color:var(--status-warning-on);box-shadow:0 var(--shadow-badge-offset-y) var(--shadow-badge-blur) color-mix(in srgb,var(--status-warning) 18%,transparent)}.moderation-badge[data-variant=neutral]{border-color:var(--status-neutral-border);background-color:var(--status-neutral-surface);color:var(--status-neutral-on);box-shadow:0 var(--shadow-badge-offset-y) var(--shadow-badge-blur) color-mix(in srgb,var(--status-neutral) 18%,transparent)}.moderation-badge__icon{display:inline-flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--status-warning-surface);background-color:color-mix(in srgb,var(--status-warning) 18%,transparent);color:var(--status-warning-on)}.moderation-badge[data-variant=neutral] .moderation-badge__icon{background-color:var(--status-neutral-surface);background-color:color-mix(in srgb,var(--status-neutral) 18%,transparent);color:var(--status-neutral-on)}.moderation-badge__icon-mark{height:.875rem;width:.875rem}.moderation-badge__text{white-space:nowrap}.moderation-badge__action,.moderation-badge__text{font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:600;letter-spacing:-.025em}.moderation-badge__action{display:inline-flex;align-items:center;gap:.375rem;border-radius:var(--radius-full);border-width:1px;border-color:var(--status-warning-border);background-color:var(--status-warning-surface);padding:.25rem .75rem;text-transform:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.2,1);background-color:color-mix(in srgb,var(--status-warning) 16%,transparent);border-color:color-mix(in srgb,var(--status-warning-border) 80%,transparent);color:var(--status-warning-on)}.moderation-badge[data-variant=warning] .moderation-badge__action:hover{background-color:color-mix(in srgb,var(--status-warning) 24%,transparent)}.moderation-badge[data-variant=neutral] .moderation-badge__action{border-color:var(--status-neutral-border);background-color:var(--status-neutral-surface);background-color:color-mix(in srgb,var(--status-neutral) 16%,transparent);border-color:color-mix(in srgb,var(--status-neutral-border) 80%,transparent);color:var(--status-neutral-on)}.moderation-badge[data-variant=neutral] .moderation-badge__action:hover{background-color:color-mix(in srgb,var(--status-neutral) 24%,transparent)}.moderation-badge__action:focus-visible{outline:var(--outline-thick-width) solid color-mix(in srgb,var(--status-warning) 38%,transparent);outline-offset:var(--space-3xs)}.moderation-badge[data-variant=neutral] .moderation-badge__action:focus-visible{outline:var(--outline-thick-width) solid color-mix(in srgb,var(--status-neutral) 38%,transparent)}.moderation-badge__action[disabled]{cursor:wait;opacity:.7}.pill{display:inline-flex;align-items:center;gap:.5rem;border-radius:var(--radius-full);border-width:1px;border-color:var(--status-neutral-border);background-color:var(--status-neutral-surface);padding:.25rem .75rem;font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:500;color:var(--status-neutral-on)}.pill[data-size=compact]{padding:.125rem .5rem;font-size:var(--font-size-2xs);line-height:var(--line-height-tight)}.pill[data-variant=info]{border-color:var(--status-info-border);background-color:var(--status-info-surface);color:var(--status-info-on)}.pill[data-variant=success]{border-color:var(--status-success-border);background-color:var(--status-success-surface);color:var(--status-success-on)}.pill[data-variant=warning]{border-color:var(--status-warning-border);background-color:var(--status-warning-surface);color:var(--status-warning-on)}.pill[data-variant=critical]{border-color:var(--status-danger-border);background-color:var(--status-danger-surface);color:var(--status-danger-on)}.pill[data-variant=private]{border-color:var(--status-private-border);background-color:var(--status-private-surface);color:var(--status-private-on)}.pill[data-variant=neutral]{border-color:var(--status-neutral-border);background-color:var(--status-neutral-surface);color:var(--status-neutral-on)}.\!menu,.menu{display:flex;flex-direction:column;gap:.25rem;padding-top:.5rem;padding-bottom:.5rem}.menu__heading{padding-left:1rem;padding-right:1rem;padding-bottom:.5rem;font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:var(--text-muted)}.menu__separator{margin-top:.5rem;margin-bottom:.5rem;height:1px;background-color:var(--border-default);--tw-bg-opacity:0.2}.menu__item{outline:2px solid transparent;outline-offset:2px}.menu__item:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.menu__item{position:relative;display:flex;width:100%;align-items:center;gap:.75rem;border-radius:var(--radius-md);padding:.5rem 1rem;font-size:var(--font-size-sm);line-height:var(--line-height-snug);font-weight:500;color:var(--text-primary);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:var(--motion-ease-in-out)}.menu__item:hover{background-color:var(--surface-panel-hover);color:var(--text-primary)}.menu__item[data-state=active]{background-color:var(--color-accent);--tw-bg-opacity:0.2;color:var(--color-accent-strong)}.menu__item[data-variant=critical]{color:var(--color-critical-strong)}.menu__item[data-variant=critical]:hover{background-color:var(--color-critical);--tw-bg-opacity:0.2}.menu__item:disabled,.menu__item[aria-disabled=true]{cursor:not-allowed;opacity:.6}.menu__item:disabled,.menu__item:disabled:hover,.menu__item[aria-disabled=true],.menu__item[aria-disabled=true]:hover{background-color:transparent;color:var(--text-muted)}.\!card{min-width:0!important;--video-card-lift-translate-y:0!important;--video-card-backdrop-opacity:0!important;--video-card-backdrop-translate-y:var(--space-md-plus)!important;--video-card-backdrop-scale:1.08!important;--video-card-backdrop-blur:var(--blur-thumbnail-blur)!important}.card{min-width:0;--video-card-lift-translate-y:0;--video-card-backdrop-opacity:0;--video-card-backdrop-translate-y:var(--space-md-plus);--video-card-backdrop-scale:1.08;--video-card-backdrop-blur:var(--blur-thumbnail-blur)}.\!card{outline:2px solid transparent;outline-offset:2px}.\!card:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.\!card{position:relative;border-radius:var(--radius-lg);border-width:1px;border-color:transparent;background-color:var(--surface-raised);color:var(--text-primary);--tw-shadow:var(--shadow-md);--tw-shadow-colored:var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1)}.card{outline:2px solid transparent;outline-offset:2px}.card:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.card{position:relative;border-radius:var(--radius-lg);border-width:1px;border-color:transparent;background-color:var(--surface-raised);color:var(--text-primary);--tw-shadow:var(--shadow-md);--tw-shadow-colored:var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1)}.\!card{transform:translate3d(0,var(--video-card-lift-translate-y),0)!important;transition-property:transform,box-shadow,border-color,background-color,color!important;will-change:transform!important;isolation:isolate!important}.card{transform:translate3d(0,var(--video-card-lift-translate-y),0);transition-property:transform,box-shadow,border-color,background-color,color;will-change:transform;isolation:isolate}.\!card:before{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;opacity:var(--video-card-backdrop-opacity)!important;background-image:var(--video-card-thumb-url,none)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;transform:translate3d(0,var(--video-card-backdrop-translate-y),0) scale(var(--video-card-backdrop-scale))!important;filter:blur(var(--video-card-backdrop-blur))!important;transition:opacity var(--motion-duration-base) var(--motion-ease-in-out),transform var(--motion-duration-base) var(--motion-ease-in-out),filter var(--motion-duration-base) var(--motion-ease-in-out)!important;pointer-events:none!important;will-change:opacity,transform,filter!important}.card:before{content:"";position:absolute;inset:0;z-index:0;opacity:var(--video-card-backdrop-opacity);background-image:var(--video-card-thumb-url,none);background-position:50%;background-repeat:no-repeat;background-size:cover;transform:translate3d(0,var(--video-card-backdrop-translate-y),0) scale(var(--video-card-backdrop-scale));filter:blur(var(--video-card-backdrop-blur));transition:opacity var(--motion-duration-base) var(--motion-ease-in-out),transform var(--motion-duration-base) var(--motion-ease-in-out),filter var(--motion-duration-base) var(--motion-ease-in-out);pointer-events:none;will-change:opacity,transform,filter}.\!card>*{position:relative!important;z-index:1!important}.card>*{position:relative;z-index:1}.card--compact{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-md)}.card--compact .video-card__media{inline-size:clamp(var(--video-card-compact-media-min),calc(var(--video-modal-secondary-min)*.4),var(--video-card-compact-media-max));flex-basis:clamp(var(--video-card-compact-media-min),calc(var(--video-modal-secondary-min)*0.4),var(--video-card-compact-media-max));display:block;flex-shrink:0;overflow:hidden;border-radius:var(--radius-lg)}.card--compact .video-card__content{display:flex;min-width:0;flex:1 1 0%;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.card--compact .video-card__title{font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:600;line-height:1.375}.card--compact .video-card__author-name{font-size:var(--font-size-xs);line-height:var(--line-height-tight)}.card--compact .video-card__meta{margin-top:0;display:flex;align-items:center;gap:.5rem;color:var(--text-muted-strong)}.card--compact .video-card__meta,.card--compact .video-card__meta .view-count-text{font-size:var(--font-size-2xs);line-height:var(--line-height-tight)}.card:focus-within,.card:hover{--video-card-lift-translate-y:var(--motion-video-card-hover-translate);--video-card-backdrop-opacity:0.425;--video-card-backdrop-translate-y:var(
+      --motion-video-card-backdrop-translate
+    );--video-card-backdrop-scale:1.12;--video-card-backdrop-blur:var(--blur-video-card-backdrop-strong)}.\!card:focus-within,.\!card:hover{--video-card-lift-translate-y:var(--motion-video-card-hover-translate)!important;--video-card-backdrop-opacity:0.425!important;--video-card-backdrop-translate-y:var(
+      --motion-video-card-backdrop-translate
+    )!important;--video-card-backdrop-scale:1.12!important;--video-card-backdrop-blur:var(--blur-video-card-backdrop-strong)!important;--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card:focus-within,.card:hover{--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\!card:focus-within,.\!card:hover{--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\!card:focus-visible{border-color:var(--color-accent);--tw-border-opacity:0.4;--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card:focus-visible{border-color:var(--color-accent);--tw-border-opacity:0.4;--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\!card[data-state=critical],.card[data-state=critical]{border-width:1px;border-color:var(--color-critical);--tw-border-opacity:0.4;background-color:var(--surface-raised-critical)}.\!card[data-state=private],.card[data-state=private]{background-color:var(--surface-raised-private);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\!card[data-state=disabled],.card[data-state=disabled]{opacity:.6;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.video-card__title{transition:color var(--motion-duration-base) var(--motion-ease-in-out)}.video-card__title:focus-visible,.video-card__title:hover{color:var(--color-accent)}.form-control{outline:2px solid transparent;outline-offset:2px}.form-control:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.form-control{display:block;width:100%;border-radius:var(--radius-md);border-width:1px;border-color:var(--border-subtle);background-color:var(--surface-alt);padding:.5rem .75rem;font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--text-primary);--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-control::-moz-placeholder{color:var(--text-muted)}.form-control::placeholder{color:var(--text-muted)}.form-control:hover{border-color:var(--border-default)}.form-control:focus-visible{border-color:var(--color-accent-strong)}.form-control:disabled{cursor:not-allowed;background-color:var(--surface-base);color:var(--text-muted);opacity:.6}.form-control:invalid{border-color:var(--color-critical);--tw-border-opacity:0.6}.\!input[data-state=locked],.form-control[data-state=locked],.input[data-state=locked],.select[data-state=locked],.textarea[data-state=locked],select.form-control[data-state=locked],textarea.form-control[data-state=locked]{cursor:default;border-color:var(--border-sidebar-strong);background-color:var(--surface-overlay-panel-soft);color:var(--text-muted)}.form-control[data-state=locked]:focus-visible,.input[data-state=locked]:focus-visible,.select[data-state=locked]:focus-visible,.textarea[data-state=locked]:focus-visible,select.form-control[data-state=locked]:focus-visible,textarea.form-control[data-state=locked]:focus-visible{border-color:var(--border-sidebar-strong);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.\!input[data-state=locked]:focus-visible{border-color:var(--border-sidebar-strong);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.\!input[data-state=locked]:disabled,.form-control[data-state=locked]:disabled,.input[data-state=locked]:disabled,.select[data-state=locked]:disabled,.textarea[data-state=locked]:disabled,select.form-control[data-state=locked]:disabled,textarea.form-control[data-state=locked]:disabled{cursor:default;opacity:1}.\!input{outline:2px solid transparent;outline-offset:2px}.\!input:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.\!input{display:block;width:100%;border-radius:var(--radius-md);border-width:1px;border-color:var(--border-subtle);background-color:var(--surface-alt);padding:.5rem .75rem;font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--text-primary);--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1)}.\!input::-moz-placeholder{color:var(--text-muted)}.\!input::placeholder{color:var(--text-muted)}.\!input:hover{border-color:var(--border-default)}.\!input:focus-visible{border-color:var(--color-accent-strong)}.\!input:disabled{cursor:not-allowed;background-color:var(--surface-base);color:var(--text-muted);opacity:.6}.\!input:invalid{border-color:var(--color-critical);--tw-border-opacity:0.6}.\!input[data-state=locked],select.\!input[data-state=locked],textarea.\!input[data-state=locked]{cursor:default;border-color:var(--border-sidebar-strong);background-color:var(--surface-overlay-panel-soft);color:var(--text-muted)}.\!input[data-state=locked]:focus-visible,select.\!input[data-state=locked]:focus-visible,textarea.\!input[data-state=locked]:focus-visible{border-color:var(--border-sidebar-strong);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.\!input[data-state=locked]:disabled,select.\!input[data-state=locked]:disabled,textarea.\!input[data-state=locked]:disabled{cursor:default;opacity:1}@media (prefers-reduced-motion:reduce){.\!input{transition:none}}body.iframe-form label+.\!input{margin-top:var(--space-xs)}.input{outline:2px solid transparent;outline-offset:2px}.input:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.input{display:block;width:100%;border-radius:var(--radius-md);border-width:1px;border-color:var(--border-subtle);background-color:var(--surface-alt);padding:.5rem .75rem;font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--text-primary);--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1)}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.input:hover{border-color:var(--border-default)}.input:focus-visible{border-color:var(--color-accent-strong)}.input:disabled{cursor:not-allowed;background-color:var(--surface-base);color:var(--text-muted);opacity:.6}.input:invalid{border-color:var(--color-critical);--tw-border-opacity:0.6}.input[data-state=locked],select.input[data-state=locked],textarea.input[data-state=locked]{cursor:default;border-color:var(--border-sidebar-strong);background-color:var(--surface-overlay-panel-soft);color:var(--text-muted)}.input[data-state=locked]:focus-visible,select.input[data-state=locked]:focus-visible,textarea.input[data-state=locked]:focus-visible{border-color:var(--border-sidebar-strong);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.input[data-state=locked]:disabled,select.input[data-state=locked]:disabled,textarea.input[data-state=locked]:disabled{cursor:default;opacity:1}@media (prefers-reduced-motion:reduce){.input{transition:none}}body.iframe-form label+.input{margin-top:var(--space-xs)}.textarea{outline:2px solid transparent;outline-offset:2px}.textarea:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.textarea{display:block;width:100%;border-radius:var(--radius-md);border-width:1px;border-color:var(--border-subtle);background-color:var(--surface-alt);padding:.5rem .75rem;font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--text-primary);--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1)}.textarea::-moz-placeholder{color:var(--text-muted)}.textarea::placeholder{color:var(--text-muted)}.textarea:hover{border-color:var(--border-default)}.textarea:focus-visible{border-color:var(--color-accent-strong)}.textarea:disabled{cursor:not-allowed;background-color:var(--surface-base);color:var(--text-muted);opacity:.6}.textarea:invalid{border-color:var(--color-critical);--tw-border-opacity:0.6}.textarea[data-state=locked],select.textarea[data-state=locked],textarea.textarea[data-state=locked]{cursor:default;border-color:var(--border-sidebar-strong);background-color:var(--surface-overlay-panel-soft);color:var(--text-muted)}.textarea[data-state=locked]:focus-visible,select.textarea[data-state=locked]:focus-visible,textarea.textarea[data-state=locked]:focus-visible{border-color:var(--border-sidebar-strong);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.textarea[data-state=locked]:disabled,select.textarea[data-state=locked]:disabled,textarea.textarea[data-state=locked]:disabled{cursor:default;opacity:1}@media (prefers-reduced-motion:reduce){.textarea{transition:none}}body.iframe-form label+.textarea{margin-top:var(--space-xs)}.textarea{min-height:var(--form-textarea-min-height);resize:vertical}.select{outline:2px solid transparent;outline-offset:2px}.select:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.select{display:block;width:100%;border-radius:var(--radius-md);border-width:1px;border-color:var(--border-subtle);background-color:var(--surface-alt);padding:.5rem .75rem;font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--text-primary);--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1)}.select::-moz-placeholder{color:var(--text-muted)}.select::placeholder{color:var(--text-muted)}.select:hover{border-color:var(--border-default)}.select:focus-visible{border-color:var(--color-accent-strong)}.select:disabled{cursor:not-allowed;background-color:var(--surface-base);color:var(--text-muted);opacity:.6}.select:invalid{border-color:var(--color-critical);--tw-border-opacity:0.6}.select[data-state=locked],select.select[data-state=locked],textarea.select[data-state=locked]{cursor:default;border-color:var(--border-sidebar-strong);background-color:var(--surface-overlay-panel-soft);color:var(--text-muted)}.select[data-state=locked]:focus-visible,select.select[data-state=locked]:focus-visible,textarea.select[data-state=locked]:focus-visible{border-color:var(--border-sidebar-strong);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.select[data-state=locked]:disabled,select.select[data-state=locked]:disabled,textarea.select[data-state=locked]:disabled{cursor:default;opacity:1}@media (prefers-reduced-motion:reduce){.select{transition:none}}body.iframe-form label+.select{margin-top:var(--space-xs)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.5rem;background-image:linear-gradient(135deg,transparent 50%,var(--select-arrow-color) 50%),linear-gradient(45deg,var(--select-arrow-color) 50%,transparent 50%),linear-gradient(to right,var(--color-border-subtle),var(--color-border-subtle));background-position:right var(--form-select-icon-offset) center,right var(--form-select-icon-gap) center,right var(--form-select-icon-hit-area) center;background-size:var(--form-select-icon-size) var(--form-select-icon-size),var(--form-select-icon-size) var(--form-select-icon-size),var(--form-select-divider-width) 60%;background-repeat:no-repeat}.select,.select:hover{--select-arrow-color:var(--color-border)}.select:focus-visible{--select-arrow-color:var(--color-accent-strong)}.select:disabled{--select-arrow-color:var(--color-border-subtle)}.select:invalid{--select-arrow-color:var(--color-critical)}.\!checkbox{outline:2px solid transparent;outline-offset:2px}.\!checkbox:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.\!checkbox{display:inline-flex;height:1.25rem;width:1.25rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;justify-content:center;border-radius:.25rem;border-width:1px;border-color:var(--border-subtle);background-color:var(--surface-alt);color:var(--color-white);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1)}.checkbox{outline:2px solid transparent;outline-offset:2px}.checkbox:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.checkbox{display:inline-flex;height:1.25rem;width:1.25rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;justify-content:center;border-radius:.25rem;border-width:1px;border-color:var(--border-subtle);background-color:var(--surface-alt);color:var(--color-white);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1)}.\!checkbox:hover,.checkbox:hover{border-color:var(--border-default)}.\!checkbox:disabled,.checkbox:disabled{cursor:not-allowed;border-color:var(--border-subtle);background-color:var(--surface-base);color:var(--text-muted);opacity:.6}.\!checkbox:after{content:""!important}.checkbox:after{content:""}.\!checkbox:after,.checkbox:after{pointer-events:none;height:.5rem;width:.75rem;border-bottom-width:2px;border-right-width:2px;border-color:var(--color-white);opacity:0;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1)}.\!checkbox:after{transform:rotate(45deg) translateY(var(--form-checkbox-checkmark-offset)) scale(.85)!important}.checkbox:after{transform:rotate(45deg) translateY(var(--form-checkbox-checkmark-offset)) scale(.85)}.\!checkbox:checked,.\!checkbox[aria-checked=true],.checkbox:checked,.checkbox[aria-checked=true]{border-color:var(--color-accent-strong);background-color:var(--color-accent-strong)}.\!checkbox:checked:after,.\!checkbox[aria-checked=true]:after,.checkbox:checked:after,.checkbox[aria-checked=true]:after{opacity:1}.checkbox:checked:after,.checkbox[aria-checked=true]:after{transform:rotate(45deg) translateY(var(--form-checkbox-checkmark-offset)) scale(1)}.\!checkbox:checked:after,.\!checkbox[aria-checked=true]:after{transform:rotate(45deg) translateY(var(--form-checkbox-checkmark-offset)) scale(1)!important}.switch{outline:2px solid transparent;outline-offset:2px}.switch:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.switch{position:relative;display:inline-flex;height:1.5rem;width:2.75rem;cursor:pointer;align-items:center;border-radius:var(--radius-full);border-width:1px;border-color:var(--border-subtle);background-color:var(--border-subtle);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.switch,.switch:before{transition-duration:.15s;transition-duration:var(--motion-duration-base)}.switch:before{content:"";pointer-events:none;position:absolute;left:.125rem;top:50%;height:1.25rem;width:1.25rem;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:var(--radius-full);background-color:var(--surface-base);--tw-shadow:var(--shadow-md);--tw-shadow-colored:var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.switch:disabled{cursor:not-allowed;border-color:var(--border-subtle);background-color:var(--surface-base);color:var(--text-muted);opacity:.6}.switch.is-on,.switch[aria-checked=true]{border-color:var(--color-accent-strong);background-color:var(--color-accent-strong)}.switch.is-on:before,.switch[aria-checked=true]:before{--tw-translate-x:1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (prefers-reduced-motion:reduce){.\!checkbox,.\!checkbox:after,.checkbox,.checkbox:after,.form-control,.menu__item,.popover-panel,.popover__panel,.switch,.switch:before{transition:none!important}}.bv-modal{position:fixed;inset:0;z-index:var(--z-modal-root);display:flex;align-items:center;justify-content:center;padding:1.5rem}@media (min-width:640px){.bv-modal{padding:2rem}}.bv-modal.hidden,.bv-modal[hidden]{display:none!important}.bv-modal__panel{outline:2px solid transparent;outline-offset:2px}.bv-modal__panel:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.bv-modal__panel{position:relative;z-index:var(--z-modal-content);width:100%;max-width:var(--modal-max-width);border-radius:var(--radius-modal-xl);border-width:1px;border-color:var(--border-overlay);padding:1.75rem 2rem 2rem;text-align:left;color:var(--text-primary);--tw-shadow:var(--shadow-modal);--tw-shadow-colored:var(--shadow-modal);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(0,0,.2,1);background-color:var(--color-modal-surface,var(--color-overlay-panel))}.bv-modal__panel:focus-visible{border-color:var(--color-border-translucent-bright)}.bv-modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal-overlay);--tw-backdrop-saturate:saturate(1.5);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:var(--color-modal-backdrop,var(--color-overlay-muted));backdrop-filter:blur(var(--blur-modal-backdrop));-webkit-backdrop-filter:blur(var(--blur-modal-backdrop))}.bv-modal-backdrop[data-variant=veil]{--tw-backdrop-blur:blur(64px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:var(--color-overlay-veil)}.bv-modal-backdrop[data-variant=muted]{background-color:var(--color-overlay-muted)}.modal-sheet{outline:2px solid transparent;outline-offset:2px}.modal-sheet:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.modal-sheet{z-index:var(--z-modal-content);max-width:var(--modal-max-width);border-radius:var(--radius-modal-xl);border-width:1px;border-color:var(--border-overlay);padding:1.75rem 2rem 2rem;text-align:left;color:var(--text-primary);--tw-shadow:var(--shadow-modal);--tw-shadow-colored:var(--shadow-modal);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(0,0,.2,1);background-color:var(--color-modal-surface,var(--color-overlay-panel))}.modal-sheet:focus-visible{border-color:var(--color-border-translucent-bright)}@media (max-width:calc(1024px - var(--breakpoint-edge-offset ))){.modal-sheet{inline-size:100vw;block-size:100vh;max-width:none;max-height:none;margin:0;border-radius:0;border:0;padding:calc(var(--space-lg) + env(safe-area-inset-top)) calc(var(--space-lg) + env(safe-area-inset-right)) calc(var(--space-lg) + env(safe-area-inset-bottom)) calc(var(--space-lg) + env(safe-area-inset-left));overflow:auto}}#playerModal>.modal-sheet{max-width:none;width:100%;min-height:100%;padding:0;border-radius:0;box-shadow:none;border:none;background-color:var(--color-surface);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:1 1 auto}#modalContainer>[id$=Modal]:not(#playerModal) .modal-sheet{z-index:var(--z-modal-content)}#modalContainer>#eventDetailsModal .modal-sheet,#modalContainer>#profileModal .modal-sheet,#profileModal[data-modal-stack=top] .modal-sheet{z-index:var(--z-modal-top-content)}#modalContainer>#loginModal .modal-sheet,#shareNostrModal .modal-sheet{z-index:var(--z-modal-peak-content)}.modal-sheet{position:relative;margin-top:0;margin-bottom:0;width:100%;overflow:hidden}#profileModal .modal-sheet{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;border:none}.modal-sheet{max-width:var(--modal-sheet-inline-max);overscroll-behavior:contain}@media (max-width:calc(1024px - var(--breakpoint-edge-offset ))){.bv-modal{align-items:stretch;justify-content:stretch;padding:0}.bv-modal__panel,.modal-sheet{inline-size:100vw;block-size:100vh;max-width:none;max-height:none;margin:0;border-radius:0;border:0;padding:calc(var(--space-lg) + env(safe-area-inset-top)) calc(var(--space-lg) + env(safe-area-inset-right)) calc(var(--space-lg) + env(safe-area-inset-bottom)) calc(var(--space-lg) + env(safe-area-inset-left));overflow:auto}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:1.75rem 2rem 1rem;background:transparent;border:0}.modal-header[data-variant=flush]{padding:0;background:transparent}.modal-close{outline:2px solid transparent;outline-offset:2px}.modal-close:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.modal-close{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:var(--radius-full);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(0,0,.2,1);border:var(--border-width-hairline) solid var(--color-border-translucent-medium);background:var(--color-surface-tint-subtle);color:var(--color-text-frosted-strong)}.modal-close:hover{background:var(--color-border-translucent);border-color:var(--color-border-translucent-stronger);color:var(--color-text)}.modal-back{display:inline-flex;align-items:center;gap:.5rem}@media (min-width:1024px){.modal-back{display:none!important}}.modal-body>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.modal-body{padding:.5rem 2rem 2rem;overscroll-behavior:contain;scrollbar-width:thin}.modal-body::-webkit-scrollbar{width:var(--scrollbar-thin-width)}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:var(--color-border-translucent);border-radius:var(--radius-full)}.modal-embed-frame{display:flex;height:var(--modal-embed-height);max-height:var(--modal-embed-height);width:100%;flex-direction:column}.modal-footer{flex-direction:column;padding:1rem 2rem 2rem}.modal-alert,.modal-footer{display:flex;gap:.75rem}.modal-alert{align-items:flex-start;border-radius:var(--radius-md);border-width:1px;border-color:var(--status-warning-strong);--tw-border-opacity:0.6;padding:.75rem 1rem;font-size:var(--font-size-sm);line-height:var(--line-height-snug);backdrop-filter:blur(var(--blur-modal-alert));background-color:var(--color-warning-glass)}.modal-alert,.modal-alert__icon{color:var(--status-warning-strong)}.modal-alert__icon{margin-top:.125rem;height:1.25rem;width:1.25rem;flex-shrink:0}.modal-tile{border-radius:var(--radius-xl);border-width:1px;border-color:var(--border-overlay);background-color:var(--surface-overlay-panel-soft);padding:1rem 1.25rem;font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--text-frosted-primary);background-color:var(--color-overlay-panel-glass-soft)}.modal-tile>h3{font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:600;color:var(--text-primary)}.modal-primary{outline:2px solid transparent;outline-offset:2px}.modal-primary:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.modal-primary{display:inline-flex;align-items:center;gap:.5rem;border-radius:var(--radius-full);border-width:1px;border-color:transparent;background-color:var(--color-accent-strong);padding:.625rem 1.25rem;font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:600;color:var(--color-white);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-primary[data-size=sm]{padding:.375rem .75rem;font-size:var(--font-size-sm);line-height:var(--line-height-snug);gap:.375rem}.modal-primary:hover{background-color:var(--color-accent)}.modal-primary:focus-visible{background-color:var(--color-accent-pressed)}.modal-primary:disabled{pointer-events:none;cursor:not-allowed;opacity:.6;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}body.iframe-form button.modal-primary{align-self:flex-start;margin-top:var(--space-md)}.modal-primary{width:100%;justify-content:center}@media (prefers-reduced-motion:reduce){.modal-primary{transition-property:none}}.grid-stack{display:grid;gap:var(--space-lg)}.grid-stack[data-variant=cards]{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.grid-stack[data-variant=cards]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.grid-stack[data-variant=cards]{grid-template-columns:repeat(3,minmax(0,1fr))}}.grid-stack[data-orientation=vertical]{display:flex;flex-direction:column;gap:var(--space-md)}.bv-stack{display:flex;flex-direction:column;gap:var(--space-lg)}.bv-stack--tight{gap:var(--space-md)}.bv-grid-video{display:grid;gap:var(--space-xl);padding-top:var(--space-lg);padding-bottom:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(var(--grid-card-min-width),1fr))}.\!card[data-alert=nsfw-owner],.card[data-alert=nsfw-owner]{border-width:1px;border-color:var(--color-critical);--tw-border-opacity:0.4;background-color:var(--color-black)}.\!card[data-alert=nsfw-owner]:hover,.card[data-alert=nsfw-owner]:hover{--tw-border-opacity:0.6;--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\!card img[data-thumbnail-state=blurred],.\!card img[data-visual-state=blurred],.card img[data-thumbnail-state=blurred],.card img[data-visual-state=blurred],.channel-profile-container img[data-visual-state=blurred]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1)}.card img[data-thumbnail-state=blurred],.card img[data-visual-state=blurred],.channel-profile-container img[data-visual-state=blurred]{filter:blur(var(--blur-thumbnail-blur));transform:scale(1.05)}.\!card img[data-thumbnail-state=blurred],.\!card img[data-visual-state=blurred]{filter:blur(var(--blur-thumbnail-blur))!important;transform:scale(1.05)!important}.channel-moderation-badge-anchor{display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none;width:100%}.channel-moderation-badge-anchor:empty{display:none}.channel-moderation-badge-anchor>[data-moderation-badge=true]{pointer-events:auto;max-width:min(100%,var(--moderation-badge-max-inline))}#playerModal .video-modal__video{position:relative}#playerModal .video-modal__video[data-visual-state=blurred] .video-modal__media{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1);filter:blur(var(--blur-thumbnail-blur));transform:scale(1.05)}#playerModal .video-modal__moderation-bar{width:100%;display:flex;align-items:center;justify-content:center;padding-bottom:var(--space-md)}#playerModal .video-modal__moderation-bar[hidden]{display:none}#playerModal .video-modal__moderation-bar .moderation-badge{width:100%;max-width:none;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-sm);padding:.75rem 1rem}#playerModal .video-modal__moderation-bar .moderation-badge__label{flex:1 1 auto}#playerModal .video-modal__moderation-bar .moderation-badge__actions{flex-shrink:0}.\!card[data-owner-is-viewer=true][data-url-health-state=offline][data-stream-health-state=unhealthy],.card[data-owner-is-viewer=true][data-url-health-state=offline][data-stream-health-state=unhealthy]{border-width:1px;border-color:var(--color-critical);--tw-border-opacity:0.4;background-color:var(--surface-raised-critical)}.video-visibility-toggle{display:inline-flex;align-items:center;gap:.25rem;border-radius:var(--radius-full);border-width:1px;border-color:var(--border-default);background-color:var(--surface-panel);padding:.25rem}.video-visibility-toggle__option{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border-width:1px;border-color:transparent;background-color:var(--surface-panel);padding:.5rem .75rem;font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:600;text-transform:uppercase;color:var(--text-muted);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1)}.video-visibility-toggle__option:not(.is-disabled):hover{background-color:var(--surface-panel-hover);color:var(--text-primary)}.video-visibility-toggle__option[data-active=true]{border-width:1px;border-color:var(--color-accent);--tw-border-opacity:0.6;color:var(--text-primary);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.video-visibility-toggle__option.is-disabled{cursor:not-allowed;opacity:.45}.player-modal__container,.video-modal__container{display:flex;height:100%;min-height:100vh;width:100%;flex:1 1 0%;flex-direction:column}.player-modal__container{gap:1.5rem}#playerModal{--player-modal-vertical-padding:var(--space-md-plus);--player-modal-primary-inline-padding-lg:clamp(var(--space-sm),2.75vw,var(--space-lg))}#playerModal>.bv-modal__panel{max-width:none;border-radius:0;flex-direction:column;align-items:stretch;justify-content:flex-start}#playerModal>.bv-modal__panel,.video-modal__panel{width:100%;min-height:100%;padding:0;box-shadow:none;border:none;background-color:var(--color-surface);display:flex;flex:1 1 auto}.video-modal__panel{position:relative;z-index:var(--z-modal-content);flex-direction:column;overflow:visible;margin:0;border-radius:0}#playerModal .watch-container{width:100%;max-width:var(--player-modal-inline-max,var(--layout-player-max-width));margin-inline:auto;padding-inline:var(
+      --player-modal-inline-padding,clamp(var(--space-md),4vw,var(--space-xl-plus))
+    );overflow:visible}#playerModal .watch-container.video-modal__similar{padding-inline:clamp(var(--space-3xs),.6vw,var(--space-2xs))}#playerModal .video-modal__primary>.watch-container:first-child{padding-block-start:var(--player-modal-vertical-padding)}#playerModal .video-modal__primary>.watch-container:last-child,#playerModal .video-modal__secondary>.watch-container:last-child{padding-block-end:var(--player-modal-vertical-padding)}#playerModal .modal-nav .watch-container{max-width:none;margin-inline:0}#playerModal .modal-info-panel{display:flex;flex-direction:column;gap:var(--space-md-plus)}#playerModal h2#videoTitle{margin:0;font-size:clamp(var(--font-size-xl),calc(var(--font-size-modal-title-base) + .5vw),var(--font-size-xl-plus));font-weight:600;line-height:1.3;color:var(--color-text);min-width:0;overflow-wrap:break-word;word-break:break-word}@media (min-width:1024px){.video-modal__headline #videoTitle.video-modal__title{flex:1 1 0%;min-width:0;max-width:calc(100% - var(--space-3xl) - var(--space-md))}.video-modal__headline .video-modal__status{flex:0 0 auto;max-width:clamp(var(--space-xl),25%,var(--space-3xl));margin-left:auto}}#playerModal .modal-meta{font-size:var(--font-size-sm);line-height:1.4;color:var(--color-text-muted)}#playerModal .modal-view-count{font-weight:600;color:var(--color-text)}#playerModal .channel-card{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}#playerModal .channel-card,#playerModal .player-modal__module{display:flex;border-radius:var(--radius-xl);border:var(--border-width-hairline) solid var(--color-border-translucent);background-color:var(--color-surface);box-shadow:var(--shadow-sm)}#playerModal .player-modal__module{flex-direction:column;gap:clamp(var(--space-2xs),1vw,var(--space-sm));width:100%;padding:clamp(var(--space-xs),1vw,var(--space-sm))}#playerModal .player-modal__module-title{margin:0;font-size:var(--font-size-lg);font-weight:600;line-height:1.3;color:var(--color-text)}#playerModal .player-modal__module-list{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;margin:0;padding:0;list-style:none}#playerModal .video-modal__similar .player-modal__module{gap:clamp(var(--space-3xs),.6vw,var(--space-xs));padding:clamp(var(--space-2xs),.6vw,var(--space-xs));border-width:0;box-shadow:none;background-color:transparent}#playerModal .video-modal__similar .player-modal__module-title{padding-inline:clamp(var(--space-3xs),.6vw,var(--space-2xs))}#playerModal .video-modal__similar .player-modal__module-list{gap:clamp(var(--space-3xs),.6vw,var(--space-xs));padding-inline:clamp(var(--space-3xs),.6vw,var(--space-2xs));padding-bottom:clamp(var(--space-3xs),.6vw,var(--space-2xs))}#playerModal .player-modal__module-scroll{max-height:clamp(var(--player-modal-module-scroll-min-height),calc(100vh - var(--player-modal-vertical-padding)*2 - var(--space-2xl)),var(--player-modal-module-scroll-max-height));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding-inline-end:var(--space-xs)}#playerModal .video-modal__similar .player-modal__module-scroll{max-height:none;overflow:visible;padding-inline-end:0;scrollbar-gutter:auto}#playerModal .player-modal__module-scroll>li{scroll-margin-block:var(--space-xs)}@media (max-width:480px){#playerModal .modal-nav .icon-button{width:var(--space-xl);height:var(--space-xl);min-width:var(--space-xl);min-height:var(--space-xl)}#playerModal .watch-container{padding-inline:var(--space-sm)}#playerModal .channel-card{gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}}#playerModal .channel-card__avatar{flex-shrink:0;width:var(--avatar-size-lg);height:var(--avatar-size-lg);border-radius:var(--radius-full);overflow:hidden;background-color:var(--color-border-subtle)}#playerModal .channel-card__avatar img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#playerModal .channel-card__name{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}#playerModal .channel-card__npub{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}#playerModal .description-panel{padding:var(--space-md-plus) var(--space-lg);border-radius:var(--radius-xl);border:var(--border-width-hairline) solid var(--color-border-translucent);background-color:var(--color-surface);box-shadow:var(--shadow-sm)}#playerModal .description-panel p{margin:0;font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text)}.player-modal__content{position:relative;z-index:var(--z-modal-content);display:flex;flex:1 1 auto;width:100%;min-height:100%;flex-direction:column;overflow:visible;padding:0;margin:0;border:none;border-radius:0;background-color:var(--color-surface);box-shadow:none}@media (prefers-reduced-motion:reduce){.player-modal__content{transition-property:none}}#playerModal .modal-nav{position:sticky;top:0;z-index:var(--z-overlay-nav);--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:var(--surface-overlay-panel);background-image:linear-gradient(180deg,color-mix(in srgb,var(--surface-overlay-panel) 94%,transparent) 0,color-mix(in srgb,var(--surface-overlay-panel) 88%,transparent) 100%);border-bottom:var(--border-width-hairline) solid var(--border-overlay);backdrop-filter:blur(var(--modal-nav-backdrop-blur));-webkit-backdrop-filter:blur(var(--modal-nav-backdrop-blur))}#playerModal .modal-nav__bar{justify-content:flex-start;padding-block:var(--space-xs);padding-inline:clamp(var(--space-sm),2.5vw,var(--space-lg))}#playerModal .modal-nav__bar,#playerModal .modal-nav__rail{display:flex;width:100%;align-items:center;gap:.5rem}#playerModal .modal-nav__rail{justify-content:space-between}#playerModal .modal-nav__slot{display:flex;align-items:center;gap:.5rem}#playerModal .modal-nav__slot--context{justify-content:flex-end;margin-inline-start:auto;min-inline-size:0}#playerModal .modal-nav__context{font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:var(--text-muted)}#playerModal .modal-nav .modal-actions{display:flex;align-items:center;gap:.5rem;margin-left:0;align-self:stretch}#playerModal .modal-nav .icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--text-muted);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.2,1);inline-size:var(--icon-size-md);block-size:var(--icon-size-md);background:var(--surface-overlay-panel-tint);border:var(--border-width-hairline) solid var(--border-overlay);color:var(--color-text-muted)}#playerModal .modal-nav .icon-button:focus-visible,#playerModal .modal-nav .icon-button:hover{background:var(--surface-overlay-panel-soft);border-color:var(--border-overlay-strong);color:var(--color-text)}.modal-nav--hidden{--tw-translate-y:-100%}.modal-nav--hidden,.modal-nav--visible{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.modal-nav--visible{--tw-translate-y:0px}.video-modal__layout{--video-modal-secondary-size:clamp(var(--video-modal-secondary-min),46vw,var(--video-modal-secondary-max));--video-modal-gap:clamp(var(--space-2xs),0.85vw,var(--space-sm));display:grid;gap:var(--video-modal-gap);width:min(100%,var(--video-modal-layout-max));margin-inline:auto;grid-template-columns:minmax(0,1fr);grid-template-areas:"primary" "secondary";align-items:start}@media (min-width:1024px){.video-modal__layout{--video-modal-secondary-size:clamp(var(--video-modal-secondary-min),30vw,var(--video-modal-secondary-max));grid-template-columns:minmax(0,1fr) minmax(var(--video-modal-secondary-min),var(--video-modal-secondary-size));grid-template-areas:"primary secondary";align-items:stretch;grid-auto-flow:column}.video-modal__primary{min-width:0;min-height:0;grid-area:primary}.video-modal__secondary{min-width:var(--video-modal-secondary-min);min-height:0;max-width:var(--video-modal-secondary-size);grid-area:secondary;height:100%}#playerModal .video-modal__layout .watch-container{max-width:none;margin-inline:0;width:100%}}@media (min-width:1280px){.video-modal__layout{--video-modal-secondary-size:clamp(var(--video-modal-secondary-min),28vw,var(--video-modal-secondary-max))}}#playerModal .video-modal__layout{display:grid}@media (min-width:1024px){#playerModal .video-modal__layout{grid-template-columns:minmax(0,1fr) minmax(var(--video-modal-secondary-min),var(--video-modal-secondary-size));grid-template-areas:"primary secondary";align-items:stretch;grid-auto-flow:column}#playerModal .video-modal__primary{grid-area:primary}#playerModal .video-modal__secondary{grid-area:secondary}#playerModal .modal-nav__bar,#playerModal .video-modal__primary{--player-modal-inline-padding:var(
+        --player-modal-primary-inline-padding-lg,clamp(var(--space-sm),2.75vw,var(--space-lg))
+      )}}.revert-modal__layout{display:grid;gap:1.5rem}@media (min-width:1024px){.revert-modal__layout{grid-template-columns:minmax(var(--revert-modal-sidebar-min),var(--revert-modal-sidebar-width)) minmax(0,1fr)}}.video-modal__primary{gap:1.5rem}.video-modal__primary,.video-modal__secondary{display:flex;flex-direction:column;min-width:0;min-height:0}.video-modal__secondary{gap:1rem;width:100%;align-self:stretch}.video-modal__similar{display:none}@media (min-width:1024px){.video-modal__similar{display:flex;flex-direction:column;gap:1.5rem;align-self:stretch;flex:1 1 auto;min-height:0}#playerModal .video-modal__similar .player-modal__module{height:100%;display:flex;flex:1 1 auto;min-height:0;flex-direction:column}#playerModal .video-modal__similar .player-modal__module-list{flex:1 1 auto;min-height:0}#playerModal .video-modal__similar .player-modal__module-scroll{height:100%;max-height:none;min-height:0}}#playerModal .player-modal__module-item{width:100%}#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card),#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card){display:flex;width:100%;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:var(--space-md)}#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card) .video-card__media{width:clamp(var(--video-modal-item-media-min),18vw,var(--video-modal-item-media-max))}#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card) .video-card__media{width:clamp(var(--video-modal-item-media-min),18vw,var(--video-modal-item-media-max))!important}#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card) .video-card__media,#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card) .video-card__media{flex-shrink:0;overflow:hidden;border-radius:var(--radius-lg)}#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card) .video-card__content{padding:clamp(var(--space-sm),1.25vw,var(--space-md))}#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card) .video-card__content{padding:clamp(var(--space-sm),1.25vw,var(--space-md))!important}#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card) .video-card__content,#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card) .video-card__content{display:flex;min-width:0;flex:1 1 0%;flex-direction:column;gap:var(--space-sm)}#playerModal .player-modal__module-item>.\!card:not(.player-modal__similar-card) .video-card__meta,#playerModal .player-modal__module-item>.card:not(.player-modal__similar-card) .video-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:var(--font-size-xs);line-height:var(--line-height-tight);color:var(--text-muted-strong)}#playerModal .video-modal__similar .player-modal__module-list{gap:clamp(var(--space-2xs),.85vw,var(--space-sm))}.player-modal__similar-card{outline:2px solid transparent;outline-offset:2px}.player-modal__similar-card:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.player-modal__similar-card{position:relative;display:flex;width:100%;min-width:0;align-items:flex-start;gap:.75rem;border-radius:var(--radius-xl);padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(0,0,.2,1)}.player-modal__similar-card:focus-within,.player-modal__similar-card:hover{background-color:var(--surface-panel-hover)}.player-modal__similar-card-media{position:relative;display:block;flex-shrink:0;overflow:hidden;border-radius:var(--radius-lg);background-color:var(--surface-alt);width:var(--similar-card-media-width);aspect-ratio:16/9;background-image:var(--similar-card-thumb-url,none);background-position:50%;background-size:cover}@media (max-width:640px){.player-modal__similar-card-media{width:var(--similar-card-media-width-sm)}}.player-modal__similar-card-media img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.player-modal__similar-card-content{display:flex;min-width:0;flex:1 1 0%;flex-direction:column;gap:.25rem}.player-modal__similar-card-title{font-size:var(--font-size-sm);line-height:var(--line-height-snug);font-weight:600;line-height:1.375;color:var(--text-primary);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(0,0,.2,1);min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.player-modal__similar-card-title:focus-visible,.player-modal__similar-card:hover .player-modal__similar-card-title{color:var(--color-accent-strong)}.player-modal__similar-card-author{display:flex;min-width:0;align-items:center}.player-modal__similar-card-author-meta{display:flex;min-width:0;flex-direction:column}.player-modal__similar-card-author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:500;color:var(--text-muted);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(0,0,.2,1)}.player-modal__similar-card:hover .player-modal__similar-card-author-name{color:var(--color-text-strong)}.player-modal__similar-card-author-npub{display:none}.player-modal__similar-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;font-size:var(--font-size-2xs);line-height:var(--line-height-tight);color:var(--text-muted-strong);min-width:0}.player-modal__similar-card-timestamp{white-space:nowrap}.video-modal__stage{position:relative;isolation:isolate;overflow:visible;--video-modal-ambient-bleed:clamp(var(--space-2xl),12vw,var(--space-5xl));--video-modal-ambient-scale:1.38;--video-modal-ambient-blur:clamp(var(--video-modal-ambient-blur-min),20vw,var(--video-modal-ambient-blur-max));--video-modal-ambient-opacity:1}.video-modal__video{position:relative;z-index:1;border-radius:var(--radius-xl);padding-block:clamp(var(--space-xs),2.5vw,var(--space-md-plus));background-color:transparent;box-shadow:0 0 0 var(--border-width-hairline) color-mix(in srgb,var(--color-border-strong) 8%,transparent) inset;overflow:visible}.video-modal__ambient{position:absolute;inset:calc(var(--video-modal-ambient-bleed)*-1);border-radius:calc(var(--radius-3xl) + var(--video-modal-ambient-bleed));pointer-events:none;z-index:0;display:block;overflow:visible}.video-modal__ambient:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--color-overlay-strong) 18%,transparent) 0,color-mix(in srgb,var(--color-overlay) 34%,transparent) 62%,transparent 100%);opacity:.9;mix-blend-mode:screen;pointer-events:none}.video-modal__ambient-canvas{position:relative;width:100%;height:100%;display:block;transform:scale(var(--video-modal-ambient-scale));filter:blur(var(--video-modal-ambient-blur)) saturate(2) brightness(1.24);opacity:var(--video-modal-ambient-opacity)}@media (min-width:1024px){.video-modal__video{position:sticky;top:calc(var(--space-2xl) + var(--space-3xl));z-index:1}.video-modal__status{flex-basis:clamp(var(--space-xl),25%,var(--space-3xl));max-width:clamp(var(--space-xl),25%,var(--space-3xl))}.video-modal__details{position:relative;z-index:2;margin-top:var(--space-lg)}}#playerModal .video-modal__video video{position:relative;z-index:1;background-color:var(--color-black);border-radius:var(--radius-lg);box-shadow:var(--shadow-video-modal);max-height:min(80vh,56.25vw);-o-object-fit:contain;object-fit:contain}.video-modal__media{display:block;aspect-ratio:16/9;width:100%;-o-object-fit:contain;object-fit:contain}.video-modal__details{display:flex;flex-direction:column;gap:1.5rem}.video-modal__meta{border-bottom-width:1px;border-color:var(--border-default);--tw-border-opacity:0.2;padding-bottom:1rem}.video-modal__tags{margin-left:-.25rem;margin-right:-.25rem;display:flex;gap:.5rem;padding-left:.25rem;padding-right:.25rem}.video-modal__similar .video-modal__tags{margin-bottom:clamp(var(--space-xs),.9vw,var(--space-md))}.video-modal__tags[hidden]{display:none}.video-modal__tags[data-fade]{position:relative}.video-modal__tags[data-fade]:after,.video-modal__tags[data-fade]:before{content:"";position:sticky;top:0;bottom:0;width:var(--space-lg);pointer-events:none;z-index:1}.video-modal__tags[data-fade]:before{left:0;background:linear-gradient(to right,var(--surface-overlay-muted),transparent)}.video-modal__tags[data-fade]:after{right:0;background:linear-gradient(to left,var(--surface-overlay-muted),transparent)}.video-tag-strip{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-xs);overflow:hidden}.video-tag-strip--scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-xs);scrollbar-width:none;-ms-overflow-style:none}.video-tag-strip--scroll::-webkit-scrollbar{display:none;width:0;height:0}.video-tag-pill{display:inline-flex;align-items:center;gap:.5rem;border-radius:var(--radius-full);border-width:1px;border-color:var(--status-neutral-border);background-color:var(--status-neutral-surface);padding:.25rem .75rem;font-size:var(--font-size-2xs);line-height:var(--line-height-tight);font-weight:500;color:var(--status-neutral-on);position:relative;justify-content:center;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;min-height:calc(var(--space-sm) + var(--space-xs));margin-inline-end:.25rem}.video-tag-pill__label{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.video-tag-pill__icon,.video-tag-pill__label{transition-duration:.15s}.video-tag-pill__icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:0;transform:scale(.8)}.video-tag-pill__icon svg{height:.75rem;width:.75rem}.video-tag-pill:focus-visible .video-tag-pill__label,.video-tag-pill:hover .video-tag-pill__label{opacity:0}.video-tag-pill:focus-visible .video-tag-pill__icon,.video-tag-pill:hover .video-tag-pill__icon{opacity:1;transform:scale(1)}.video-modal__actions-row{display:flex;width:100%;flex-wrap:wrap;align-items:flex-start;-moz-column-gap:.75rem;column-gap:.75rem;row-gap:.75rem}@media (min-width:640px){.video-modal__actions-row{-moz-column-gap:1rem;column-gap:1rem}}.video-modal__actions-group,.video-modal__reactions{flex:1 1 var(--menu-min-width);min-inline-size:0}.video-modal__reactions{display:flex;flex-basis:100%;flex-wrap:wrap;align-items:flex-start;gap:.75rem}@media (min-width:640px){.video-modal__reactions{gap:1rem}}@media (min-width:768px){.video-modal__reactions{flex-basis:auto}}.video-modal__reaction-buttons{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.5rem}.video-modal__reaction-button{--video-modal-reaction-active-bg:color-mix(in srgb,var(--color-accent) 22%,var(--surface-overlay-panel));--video-modal-reaction-active-border:color-mix(in srgb,var(--color-accent) 38%,var(--border-overlay))}.video-modal__reaction-button[aria-pressed=true]{color:var(--color-accent-strong);background-color:var(--video-modal-reaction-active-bg);border-color:var(--video-modal-reaction-active-border)}.video-modal__reaction-button[aria-pressed=true] .video-modal__reaction-count{color:var(--color-accent-strong)}.video-modal__reaction-count{font-size:var(--font-size-sm);line-height:var(--line-height-snug);font-weight:600;color:var(--text-muted)}.video-modal__reaction-meter{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;flex:1 1 var(--menu-min-width);max-inline-size:100%}.video-modal__reaction-meter-label{font-size:var(--font-size-sm);line-height:var(--line-height-snug);font-weight:500;color:var(--text-muted);min-inline-size:var(--video-modal-reaction-label-min-inline)}.video-modal__reaction-meter-track{position:relative;flex:1 1 auto;inline-size:100%;block-size:var(--space-xs);border-radius:var(--radius-full);background-color:var(--color-border-muted);overflow:hidden}.video-modal__reaction-meter-fill{position:absolute;inset-inline-start:0;inset-block-start:0;block-size:100%;max-inline-size:100%;inline-size:var(--video-modal-reaction-fill,0);width:var(--video-modal-reaction-fill,0);background-image:linear-gradient(90deg,var(--color-accent) 0,var(--color-accent-strong) 100%);transition:inline-size var(--motion-duration-base) var(--motion-ease-out)}.video-modal__reaction-meter-fill--empty{inline-size:0;width:0}.video-modal__actions-group{display:flex;flex-basis:100%;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:.75rem}@media (min-width:768px){.video-modal__actions-group{flex-basis:auto;justify-content:flex-end;margin-inline-start:auto}}.video-modal__action-button{display:inline-flex;height:2.75rem;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-full);font-size:var(--font-size-sm);line-height:var(--line-height-snug);font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(0,0,.2,1);min-width:var(--video-modal-action-min-width);padding-inline:var(--space-md);border-width:var(--border-width-hairline);border-style:solid}.bv-modal.video-modal__action-label,.profile-pane.video-modal__action-label,.video-modal__action-label{display:none}@media (min-width:640px){.video-modal__action-label{display:inline}}.video-modal__action-icon{height:1.25rem;width:1.25rem}.video-modal__channel,.video-modal__description,.video-modal__stats{border-radius:1rem;border-width:1px;border-color:var(--border-default);--tw-border-opacity:0.2;background-color:var(--surface-base);padding:1rem 1.25rem;--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.video-modal__description-body{overflow-wrap:anywhere;word-break:break-word}.video-modal__description-body a{color:var(--color-accent-strong);text-decoration:underline;text-decoration-color:currentColor;word-break:break-word}.video-modal__description-body a:focus-visible,.video-modal__description-body a:hover{color:var(--color-accent-pressed)}.video-modal__comments{border-radius:1rem;border-width:1px;border-color:var(--border-default);--tw-border-opacity:0.2;background-color:var(--surface-base);padding:1.25rem;--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.comment-thread,.video-modal__comments{display:flex;flex-direction:column;gap:var(--space-lg)}.comment-thread__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.comment-thread__title{font-size:var(--font-size-lg);line-height:var(--line-height-base);font-weight:600;color:var(--text-primary)}.comment-thread__count,.comment-thread__empty{font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--text-muted);margin:0}.comment-thread__empty{padding:var(--space-md);border-radius:var(--radius-lg);border:var(--border-width-hairline) dashed color-mix(in srgb,var(--border-default) 40%,transparent);background-color:var(--surface-alt)}.comment-thread__list{display:flex;flex-direction:column;gap:var(--space-md);margin:0;padding:0;list-style:none}.comment-thread__item{display:grid;grid-template-columns:auto 1fr;gap:var(--space-md);padding-block:var(--space-sm);border-bottom:var(--border-width-hairline) solid var(--border-subtle)}.comment-thread__item:last-child{border-bottom:none;padding-bottom:0}.comment-thread__avatar{inline-size:var(--comment-avatar-size);block-size:var(--comment-avatar-size)}.comment-thread__avatar img{border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;inline-size:100%;block-size:100%}.comment-thread__content{display:flex;flex-direction:column;gap:var(--space-xs);min-inline-size:0}.comment-thread__meta{font-size:var(--font-size-xs);line-height:var(--line-height-tight);color:var(--text-muted);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.comment-thread__author{font-weight:600;color:var(--text-primary)}.comment-thread__timestamp{color:var(--text-muted)}.comment-thread__body{color:var(--text-primary);line-height:1.6;word-break:break-word}.comment-thread__actions{font-size:var(--font-size-xs);line-height:var(--line-height-tight);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.comment-thread__actions button{outline:2px solid transparent;outline-offset:2px}.comment-thread__actions button:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.comment-thread__actions button{display:inline-flex;align-items:center;gap:.25rem;border-radius:var(--radius-full);border-width:1px;border-color:var(--border-subtle);background-color:var(--surface-base);padding:.25rem .75rem;font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:600;color:var(--text-muted);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(0,0,.2,1)}.comment-thread__actions button:focus-visible,.comment-thread__actions button:hover{color:var(--text-primary);border-color:var(--border-default)}.comment-thread__replies{display:flex;flex-direction:column;gap:var(--space-md);margin:0;margin-inline-start:calc(var(--space-lg) + var(--space-sm));padding-inline-start:var(--space-md);padding-block-start:var(--space-md);border-inline-start:var(--border-width-hairline) solid var(--border-subtle);list-style:none}.comment-thread__load-more{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-full);border-width:1px;border-color:var(--border-subtle);background-color:var(--surface-base);padding:.5rem 1rem;font-size:var(--font-size-sm);line-height:var(--line-height-snug);font-weight:600;color:var(--text-primary);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(0,0,.2,1)}.comment-thread__load-more:focus-visible,.comment-thread__load-more:hover{border-color:var(--border-default);color:var(--text-primary);background-color:color-mix(in srgb,var(--surface-alt) 70%,transparent)}.comment-thread__disabled{font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--text-muted);border-radius:var(--radius-lg);border:var(--border-width-hairline) dashed color-mix(in srgb,var(--border-default) 32%,transparent);background-color:var(--surface-alt);padding:var(--space-md)}.comment-composer{display:flex;flex-direction:column;gap:var(--space-md);border-top:var(--border-width-hairline) solid var(--border-subtle);padding-top:var(--space-lg)}.comment-composer__field{display:flex;flex-direction:column;gap:var(--space-2xs)}.comment-composer__label{font-size:var(--font-size-sm);line-height:var(--line-height-snug);font-weight:600;color:var(--text-primary)}.comment-composer__textarea{min-block-size:var(--comment-composer-min-height)}.comment-composer__footer{display:flex;flex-direction:column;gap:var(--space-sm)}.comment-composer__hint{font-size:var(--font-size-xs);line-height:var(--line-height-tight);color:var(--text-muted);margin:0}.comment-composer__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-sm)}.comment-composer__char-count{font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:500;color:var(--text-muted)}.comment-composer__submit{outline:2px solid transparent;outline-offset:2px}.comment-composer__submit:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.comment-composer__status{margin:0}@media (min-width:640px){.comment-composer__footer{flex-direction:row;align-items:center;justify-content:space-between}}.video-modal__progress{height:.5rem;width:100%;overflow:hidden;border-radius:var(--radius-full);background-color:var(--border-subtle)}.video-modal__stat-metrics{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--text-muted)}.profile-modal{display:flex;flex-direction:column;inline-size:100%;block-size:100%;min-block-size:100%;max-block-size:none;overflow:hidden;--modal-sheet-inline-max:var(--profile-modal-inline-max);--profile-modal-scale:0.9;--profile-modal-gap:calc((var(--space-md) - var(--space-3xs))*var(--profile-modal-scale));--profile-modal-padding-inline:calc((var(--space-lg) - var(--space-md))*var(--profile-modal-scale));--profile-modal-padding-block-start:calc((var(--space-md) - var(--space-2xs))*var(--profile-modal-scale));--profile-modal-padding-block-end:calc((var(--space-lg) - var(--space-sm))*var(--profile-modal-scale));--profile-modal-nav-gap:calc(var(--space-xs)*var(--profile-modal-scale))}.profile-modal__content{display:flex;flex:1 1 auto;flex-direction:column;block-size:100%;min-block-size:0;transform:scale(var(--profile-modal-scale));transform-origin:top center}.profile-modal__active-profile{outline:2px solid transparent;outline-offset:2px}.profile-modal__active-profile:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.profile-modal__active-profile{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem}.profile-modal__active-details{display:flex;flex:1 1 var(--profile-modal-active-min-width);flex-direction:column;gap:var(--space-2xs);min-inline-size:0}.profile-modal__active-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.profile-hashtag-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:0;padding:0;list-style:none}.profile-hashtag-item{display:inline-flex;align-items:center;gap:var(--space-3xs);padding-block:var(--space-3xs);padding-inline:var(--space-sm);border-radius:var(--radius-full);border:var(--border-width-hairline) solid var(--color-border-translucent);background-color:var(--color-panel);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--font-lineheight-tight)}.profile-hashtag-remove{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--space-md);block-size:var(--space-md);border-radius:var(--radius-full);color:var(--color-text-muted);background:transparent;border:none;padding:0;cursor:pointer}.profile-hashtag-remove:hover{color:var(--color-text)}.profile-modal__remove-button{border-width:2px}.profile-modal__remove-button:focus-visible{--tw-ring-color:var(--color-critical-strong)}.profile-modal__add-profile{--tw-ring-color:var(--color-ring-alert);outline:2px solid transparent;outline-offset:2px}.profile-modal__add-profile:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.profile-modal__add-profile{position:relative;display:flex;width:100%;align-items:center;justify-content:flex-start;gap:1rem;border-radius:var(--radius-xl);padding:1rem 1.25rem;text-align:left;color:var(--text-primary);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1);border:var(--outline-thick-width) solid var(--color-ring-alert);background-color:var(--surface-panel-hover)}.profile-modal__add-profile:hover{background-color:color-mix(in srgb,var(--surface-panel-hover) 88%,var(--color-ring-alert) 12%)}.profile-modal__add-profile:focus-visible{background-color:color-mix(in srgb,var(--surface-panel-hover) 80%,var(--color-ring-alert) 20%)}.profile-modal__add-profile-icon{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-ring-alert) 18%,var(--surface-panel));color:var(--color-ring-alert)}.profile-modal__body{overflow:hidden;overflow-x:hidden;padding-block-start:var(--profile-modal-padding-block-start);padding-block-end:var(--profile-modal-padding-block-end);padding-inline:var(--profile-modal-padding-inline)}.profile-modal__body,.profile-modal__layout{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--profile-modal-gap);inline-size:100%;min-block-size:0}.profile-modal__header{align-items:center}.profile-modal__header-title{display:flex;align-items:center;gap:var(--space-sm)}.profile-modal__menu{display:flex;flex-direction:column;gap:var(--space-sm)}.profile-modal__pane-wrapper{display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0}.profile-modal__nav{display:flex;flex-wrap:wrap;gap:var(--profile-modal-nav-gap);align-self:flex-start;overflow-x:visible}.profile-nav__unread-dot{position:absolute;top:50%;left:-6px;right:auto;width:var(--space-sm);height:var(--space-sm);border-radius:var(--radius-full);border:var(--border-width-hairline) solid var(--surface-panel);background-color:var(--status-danger);display:none;pointer-events:none;transform:translateY(-50%)}.profile-nav__unread-dot.is-visible{display:block}.profile-modal__panes{flex:1 1 auto;block-size:100%;min-block-size:0;overflow-y:auto;padding-inline-end:var(--profile-modal-scrollbar-offset);scrollbar-gutter:stable}.profile-modal__panes,.profile-pane{display:flex;flex-direction:column;overflow-x:hidden}.profile-pane{min-block-size:auto}@media (min-width:768px){#profilePaneMessages{overflow:hidden}#dmAppShellMount,#profilePaneMessages{height:100%;min-height:0}}.profile-pane.hidden{display:none!important}@supports not (scrollbar-gutter:stable){.profile-modal__panes{padding-inline-end:calc(var(--profile-modal-scrollbar-offset) + var(--space-2xs))}}@media (max-width:calc(1024px - var(--breakpoint-edge-offset ))){.profile-modal__layout[data-mobile-view=menu] .profile-modal__pane-wrapper,.profile-modal__layout[data-mobile-view=pane] .profile-modal__menu{display:none}}@media (min-width:1024px){.profile-modal{max-block-size:var(--modal-shell-max-height)}.profile-modal__body{padding-inline:calc(var(--profile-modal-padding-inline) + var(--space-xs))}.profile-modal__body,.profile-modal__layout{gap:calc(var(--profile-modal-gap) + var(--space-2xs))}.profile-modal__layout{display:grid;align-items:stretch;block-size:100%;grid-template-columns:minmax(var(--profile-modal-nav-min-width),var(--profile-modal-nav-max-width)) minmax(0,1fr);grid-auto-rows:minmax(0,1fr)}.profile-modal__nav{flex-direction:column;flex-wrap:nowrap;gap:var(--profile-modal-nav-gap);justify-self:start;inline-size:var(--profile-modal-nav-max-width);min-inline-size:var(--profile-modal-nav-min-width)}.profile-modal__pane-wrapper{block-size:100%}}.beacon-hidden-download,.torrent-download-anchor,[data-beacon-hidden-download]{display:none!important}.beacon-clipboard-offscreen,.torrent-clipboard-textarea,[data-beacon-clipboard-state=offscreen],[data-beacon-clipboard=offscreen]{position:fixed;top:0;left:var(--offscreen-offset);opacity:0;width:0;height:0;pointer-events:none}.beacon-toast-motion,.torrent-toast-motion{transition-property:opacity,transform;will-change:opacity,transform;opacity:0;transform:translateY(var(--toast-translate))}.beacon-toast-motion[data-beacon-motion=enter],.beacon-toast-motion[data-beacon-motion=show],.torrent-toast-motion[data-beacon-motion=enter],.torrent-toast-motion[data-beacon-motion=show]{opacity:1;transform:translateY(0)}.beacon-toast-motion[data-beacon-motion=exit],.torrent-toast-motion[data-beacon-motion=exit]{opacity:0;transform:translateY(var(--toast-translate))}.torrent-toast{pointer-events:auto;width:100%;max-width:28rem;border-radius:var(--radius-lg);padding:.75rem 1rem;font-size:var(--font-size-sm);line-height:var(--line-height-snug);font-weight:500;letter-spacing:-.025em;--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-inset:inset}.torrent-toast--info{border-width:1px;border-color:var(--border-overlay);background-color:var(--surface-base);color:var(--text-primary)}.torrent-toast--success{border-width:1px;border-color:var(--color-info);--tw-border-opacity:0.6;background-color:var(--color-info);color:var(--color-white)}.torrent-toast--error{border-width:1px;border-color:var(--color-critical);--tw-border-opacity:0.6;background-color:var(--color-critical);color:var(--color-white)}.torrent-toast--warn{border-width:1px;border-color:var(--status-warning-strong);--tw-border-opacity:0.7;background-color:var(--status-warning-strong);color:var(--status-warning-strong)}.watch-history-card{min-width:0;--video-card-lift-translate-y:0;--video-card-backdrop-opacity:0;--video-card-backdrop-translate-y:var(--space-md-plus);--video-card-backdrop-scale:1.08;--video-card-backdrop-blur:var(--blur-thumbnail-blur);outline:2px solid transparent;outline-offset:2px}.watch-history-card:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:0.7;--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--surface-base);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-fast);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-ring-color:var(--color-accent)}.watch-history-card{position:relative;border-radius:var(--radius-lg);border-width:1px;border-color:transparent;background-color:var(--surface-raised);color:var(--text-primary);--tw-shadow:var(--shadow-md);--tw-shadow-colored:var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transform:translate3d(0,var(--video-card-lift-translate-y),0);transition-property:transform,box-shadow,border-color,background-color,color;will-change:transform;isolation:isolate}.watch-history-card:before{content:"";position:absolute;inset:0;z-index:0;opacity:var(--video-card-backdrop-opacity);background-image:var(--video-card-thumb-url,none);background-position:50%;background-repeat:no-repeat;background-size:cover;transform:translate3d(0,var(--video-card-backdrop-translate-y),0) scale(var(--video-card-backdrop-scale));filter:blur(var(--video-card-backdrop-blur));transition:opacity var(--motion-duration-base) var(--motion-ease-in-out),transform var(--motion-duration-base) var(--motion-ease-in-out),filter var(--motion-duration-base) var(--motion-ease-in-out);pointer-events:none;will-change:opacity,transform,filter}.watch-history-card>*{position:relative;z-index:1}.watch-history-card:focus-within,.watch-history-card:hover{--video-card-lift-translate-y:var(--motion-video-card-hover-translate);--video-card-backdrop-opacity:0.425;--video-card-backdrop-translate-y:var(
+      --motion-video-card-backdrop-translate
+    );--video-card-backdrop-scale:1.12;--video-card-backdrop-blur:var(--blur-video-card-backdrop-strong);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.watch-history-card:focus-visible{border-color:var(--color-accent);--tw-border-opacity:0.4;--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.watch-history-card[data-state=critical]{border-width:1px;border-color:var(--color-critical);--tw-border-opacity:0.4;background-color:var(--surface-raised-critical)}.watch-history-card[data-state=private]{background-color:var(--surface-raised-private);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg)}.watch-history-card[data-state=disabled],.watch-history-card[data-state=private]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.watch-history-card[data-state=disabled]{opacity:.6;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.watch-history-card[data-alert=nsfw-owner]{border-width:1px;border-color:var(--color-critical);--tw-border-opacity:0.4;background-color:var(--color-black)}.watch-history-card[data-alert=nsfw-owner]:hover{--tw-border-opacity:0.6;--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.watch-history-card img[data-thumbnail-state=blurred],.watch-history-card img[data-visual-state=blurred]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1);filter:blur(var(--blur-thumbnail-blur));transform:scale(1.05)}.watch-history-card[data-owner-is-viewer=true][data-url-health-state=offline][data-stream-health-state=unhealthy]{border-width:1px;border-color:var(--color-critical);--tw-border-opacity:0.4;background-color:var(--surface-raised-critical)}#playerModal .player-modal__module-item>.watch-history-card:not(.player-modal__similar-card){display:flex;width:100%;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:var(--space-md)}#playerModal .player-modal__module-item>.watch-history-card:not(.player-modal__similar-card) .video-card__media{width:clamp(var(--video-modal-item-media-min),18vw,var(--video-modal-item-media-max));flex-shrink:0;overflow:hidden;border-radius:var(--radius-lg)}#playerModal .player-modal__module-item>.watch-history-card:not(.player-modal__similar-card) .video-card__content{padding:clamp(var(--space-sm),1.25vw,var(--space-md));display:flex;min-width:0;flex:1 1 0%;flex-direction:column;gap:var(--space-sm)}#playerModal .player-modal__module-item>.watch-history-card:not(.player-modal__similar-card) .video-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:var(--font-size-xs);line-height:var(--line-height-tight);color:var(--text-muted-strong)}.watch-history-card[data-motion=enter]{opacity:0;animation:card-motion-enter .22s ease-out forwards}@media (min-width:1024px){.watch-history-card:hover .marquee-host.can-marquee .marquee-static{opacity:0}.watch-history-card:hover .marquee-host.can-marquee .marquee-anim{opacity:1}.watch-history-card:hover .marquee-host.can-marquee .marquee-track{animation-play-state:running}}@media (max-width:calc(1024px - var(--breakpoint-edge-offset ))){.watch-history-card[data-mobile-active=true]{--video-card-lift-translate-y:var(--motion-video-card-hover-translate);--video-card-backdrop-opacity:0.425;--video-card-backdrop-translate-y:var(
+        --motion-video-card-backdrop-translate
+      );--video-card-backdrop-scale:1.12;--video-card-backdrop-blur:var(--blur-video-card-backdrop-strong);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.watch-history-card[data-mobile-active=true] .video-card__title{color:var(--color-accent)}.watch-history-card[data-mobile-active=true] .marquee-host.can-marquee .marquee-static{opacity:0}.watch-history-card[data-mobile-active=true] .marquee-host.can-marquee .marquee-anim{opacity:1}.watch-history-card[data-mobile-active=true] .marquee-host.can-marquee .marquee-track{animation-play-state:running}}.watch-history-card{display:flex;flex-wrap:wrap;align-items:stretch;gap:1.25rem;padding:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(0,0,.2,1)}@media (prefers-reduced-motion:reduce){.watch-history-card,.watch-history-card[data-motion=enter]{transition-property:none}.watch-history-card[data-motion=enter]{opacity:1;animation:none}}.watch-history-card:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:640px){.watch-history-card{gap:1.5rem;padding:1.25rem}}.watch-history-card [data-thumbnail-state=blurred] img,.watch-history-card [data-visual-state=blurred] img{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1);filter:blur(var(--blur-thumbnail-blur));transform:scale(1.05)}.watch-history-card__hidden{margin-top:var(--space-md);border-radius:var(--radius-lg);border-width:1px;border-style:dashed;border-color:var(--border-default);background-color:var(--surface-overlay-panel-soft);font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--text-primary)}.watch-history-card__hidden .moderation-badge{align-self:flex-start}#playerModal .channel-card__avatar img[data-visual-state=blurred]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(.4,0,.2,1);filter:blur(var(--blur-thumbnail-blur));transform:scale(1.05)}#playerModal .video-modal__moderation-bar .moderation-badge{--text-status-neutral-on:var(--color-text);--text-status-warning-on:var(--color-warning-on)}#playerModal .video-modal__moderation-bar .moderation-badge[data-variant=neutral]{color:var(--color-text)}.\!container{max-width:var(--layout-docs-max-width)!important;margin:0 auto!important;padding:var(--space-md)!important}.container{max-width:var(--layout-docs-max-width);margin:0 auto;padding:var(--space-md)}.qr-code__table{margin:var(--qr-code-table-margin,0)}.qr-code__cell,.qr-code__table{border:0;border-collapse:collapse}.qr-code__cell{padding:0;margin:0;width:var(--qr-code-cell-width);height:var(--qr-code-cell-height);background-color:var(--qr-code-color-light)}.qr-code__cell--dark{background-color:var(--qr-code-color-dark)}.qr-code__container[data-qr-code-mode=image] .qr-code__canvas{display:none}.qr-code__container[data-qr-code-mode=canvas] .qr-code__canvas,.qr-code__container[data-qr-code-mode=image] .qr-code__image{display:block}.qr-code__container[data-qr-code-mode=canvas] .qr-code__image{display:none}.fade-in{opacity:0;animation:interface-fade-in .28s ease-out forwards;animation-delay:var(--fade-in-delay,0ms)}.fade-in-delay-100{--fade-in-delay:100ms}.fade-in-delay-200{--fade-in-delay:200ms}.fade-in-delay-300{--fade-in-delay:300ms}.\!card[data-motion=enter]{opacity:0!important;animation:card-motion-enter .22s ease-out forwards!important}.card[data-motion=enter]{opacity:0;animation:card-motion-enter .22s ease-out forwards}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size-lg);height:var(--icon-size-lg);min-width:var(--icon-size-lg);min-height:var(--icon-size-lg);flex:0 0 var(--icon-size-lg);line-height:0;background-color:var(--color-neutral-700);color:var(--color-white);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.icon-button:hover{background-color:var(--color-neutral-600)}.icon-button:active,.icon-button:focus{outline:none;box-shadow:0 0 0 var(--icon-button-ring-width) var(--color-ring-alert)}.icon-image{width:var(--icon-size-md);height:var(--icon-size-md);pointer-events:none}.accent-action-button,.channel-action-button{--accent-action-bg:color-mix(in srgb,var(--surface-overlay-panel) 78%,transparent);--accent-action-border:color-mix(in srgb,var(--border-overlay) 92%,transparent);--accent-action-bg-hover:color-mix(in srgb,var(--color-accent) 22%,var(--surface-overlay-panel));--accent-action-ring:color-mix(in srgb,var(--color-accent) 48%,transparent);--accent-action-bg-active:color-mix(in srgb,var(--color-accent-pressed) 28%,var(--surface-overlay-panel));color:var(--color-text);background-color:var(--accent-action-bg);border-color:var(--accent-action-border);border-style:solid;border-width:var(--border-width-hairline)}.accent-action-button:focus-visible,.accent-action-button:hover,.channel-action-button:focus-visible,.channel-action-button:hover{color:var(--color-accent-strong);background-color:var(--accent-action-bg-hover)}.accent-action-button:focus,.accent-action-button:focus-visible,.channel-action-button:focus,.channel-action-button:focus-visible{box-shadow:0 0 0 var(--icon-button-ring-width) var(--accent-action-ring)}.accent-action-button:active,.channel-action-button:active{color:var(--color-accent-pressed);background-color:var(--accent-action-bg-active)}.modal-nav .icon-button{box-shadow:none;padding:0;gap:0;width:var(--icon-size-lg);height:var(--icon-size-lg);min-width:var(--icon-size-lg);min-height:var(--icon-size-lg)}.modal-nav .icon-button:not(.accent-action-button):not(.channel-action-button){border:none}.modal-meta{gap:var(--space-xs)}.modal-meta,.modal-view-count{display:inline-flex;align-items:center}.modal-view-count{gap:var(--space-2xs);font-size:var(--font-size-sm);line-height:var(--space-md-plus);color:var(--color-muted-alt);white-space:nowrap}.view-count-text{white-space:nowrap;color:var(--color-muted-strong)}.ratio-16-9{position:relative;width:100%;padding-top:56.25%;background-color:var(--color-card)}.ratio-16-9>img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#modalContainer{position:fixed;inset:0;z-index:var(--z-modal-root);pointer-events:none;isolation:isolate}#modalContainer>*{pointer-events:auto}#modalContainer>[id$=Modal]:not(#playerModal){z-index:var(--z-modal-root)}#modalContainer>[id$=Modal]:not(#playerModal)>.bv-modal-backdrop{z-index:var(--z-modal-overlay)}#modalContainer>[id$=Modal]:not(#playerModal) .bv-modal__panel{z-index:var(--z-modal-content)}#modalContainer>#profileModal,#profileModal[data-modal-stack=top]{z-index:var(--z-modal-top-root)}#modalContainer>#profileModal>.bv-modal-backdrop,#profileModal[data-modal-stack=top]>.bv-modal-backdrop{z-index:var(--z-modal-top-overlay)}#modalContainer>#profileModal .bv-modal__panel,#profileModal[data-modal-stack=top] .bv-modal__panel{z-index:var(--z-modal-top-content)}#modalContainer>#eventDetailsModal{z-index:var(--z-modal-top-root)}#modalContainer>#eventDetailsModal>.bv-modal-backdrop{z-index:var(--z-modal-top-overlay)}#modalContainer>#eventDetailsModal .bv-modal__panel{z-index:var(--z-modal-top-content)}#shareNostrModal{z-index:var(--z-modal-peak-root)!important}#shareNostrModal>.bv-modal-backdrop{z-index:var(--z-modal-peak-overlay)!important}#shareNostrModal .bv-modal__panel{z-index:var(--z-modal-peak-content)!important}.bv-modal[data-nested-modal-active=true]{pointer-events:none;visibility:hidden}#modalContainer>#loginModal{z-index:var(--z-modal-peak-root)}#modalContainer>#loginModal>.bv-modal-backdrop{z-index:var(--z-modal-peak-overlay)}#modalContainer>#loginModal .bv-modal__panel{z-index:var(--z-modal-peak-content)}#modalContainer>#playerModal{z-index:var(--z-modal-player)}#modalContainer>#playerModal .player-modal__container,#modalContainer>#playerModal .player-modal__content{z-index:var(--z-modal-content)}.modal-always-on-top{z-index:var(--z-modal-always-top)!important}#playerModal{position:fixed;inset:0;z-index:var(--z-modal-player);flex-direction:column;align-items:stretch;justify-content:flex-start;width:100vw;height:100vh;padding:0;background-color:var(--color-surface);color:var(--color-subtle-text);--player-modal-inline-max:var(--layout-player-max-width);--player-modal-inline-padding:clamp(var(--space-md-plus),4vw,var(--space-2xl));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#modalVideo{width:100%;aspect-ratio:16/9;background-color:var(--color-black)}.notification-portal{position:fixed;top:0;left:0;right:0;z-index:var(--z-overlay-toast);display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:calc(var(--space-xl) + env(safe-area-inset-top)) var(--space-lg) var(--space-lg);pointer-events:none;opacity:0;transform:translateY(var(--toast-translate));transition:transform var(--motion-duration-base) var(--motion-ease-out),opacity var(--motion-duration-base) var(--motion-ease-out)}@media (min-width:640px){.notification-portal{padding-inline:var(--space-xl)}}.notification-portal:has(.notification-banner:not(.hidden)){opacity:1;transform:translateY(0)}.notification-portal--active{opacity:1;transform:translateY(0)}.notification-banner,.torrent-toast{--notify-accent:var(--notification-banner-accent);--notify-accent-strong:var(--notification-banner-accent-strong);--notify-border:var(--notification-banner-border);--notify-background:var(--notification-banner-background);--notify-foreground:var(--notification-banner-text);position:relative;display:flex;align-items:center;gap:var(--space-md);width:min(var(--notification-banner-max-inline),100%);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-xl);border:var(--border-width-hairline) solid var(--notify-border);background:var(--notify-background);color:var(--notify-foreground);box-shadow:0 var(--shadow-notification-offset-y) var(--shadow-notification-blur) var(--color-shadow-notification);backdrop-filter:blur(var(--overlay-backdrop-blur));pointer-events:auto;isolation:isolate;font-size:var(--font-size-sm);line-height:var(--line-height-snug);font-weight:600;line-height:1.375;transition:transform var(--motion-duration-base) var(--motion-ease-out),opacity var(--motion-duration-base) var(--motion-ease-out)}.notification-banner:before,.torrent-toast:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,var(--notify-accent) 0,var(--notify-accent-strong) 100%);opacity:.18;pointer-events:none}.notification-banner>*,.torrent-toast>*{position:relative;z-index:1}.notification-dismiss{display:inline-flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:var(--radius-full);border-width:1px;border-color:transparent;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--motion-duration-base);transition-timing-function:cubic-bezier(0,0,.2,1);color:inherit;opacity:.75;background-color:var(--notify-dismiss-background)}.notification-dismiss:focus-visible,.notification-dismiss:hover{opacity:1;background-color:var(--notify-dismiss-background-hover)}.notification-dismiss svg{height:1rem;width:1rem}.notification-banner:not(.hidden){animation:notification-slide-in var(--motion-duration-base) var(--motion-ease-out)}.notification-banner--critical,.torrent-toast--error{--notify-accent:var(--notification-banner-critical-accent);--notify-accent-strong:var(--notification-banner-critical-accent-strong);--notify-border:var(--notification-banner-critical-border);--notify-background:var(--notification-banner-critical-background);--notify-foreground:var(--notification-banner-critical-text)}.notification-banner--success,.torrent-toast--success{--notify-accent:var(--notification-banner-success-accent);--notify-accent-strong:var(--notification-banner-success-accent-strong);--notify-border:var(--notification-banner-success-border);--notify-background:var(--notification-banner-success-background);--notify-foreground:var(--notification-banner-success-text)}.notification-banner--info,.torrent-toast--info{--notify-accent:var(--notification-banner-info-accent);--notify-accent-strong:var(--notification-banner-info-accent-strong);--notify-border:var(--notification-banner-info-border);--notify-background:var(--notification-banner-info-background);--notify-foreground:var(--notification-banner-info-text)}.notification-banner--warning,.torrent-toast--warn{--notify-accent:var(--notification-banner-warning-accent);--notify-accent-strong:var(--notification-banner-warning-accent-strong);--notify-border:var(--notification-banner-warning-border);--notify-background:var(--notification-banner-warning-background);--notify-foreground:var(--notification-banner-warning-text)}.status-banner .status-spinner{animation:spin 1s linear infinite;border:var(--space-3xs) solid var(--color-info-border);border-radius:var(--radius-full);border-top-color:var(--color-info);flex-shrink:0;height:var(--icon-size-md);width:var(--icon-size-md)}.status-banner .status-message{flex:1 1 auto}@keyframes notification-slide-in{0%{opacity:0;transform:translateY(var(--toast-translate))}to{opacity:1;transform:translateY(0)}}.status-spinner--inline{animation:spin 1s linear infinite;border:var(--space-3xs) solid var(--color-border-info-soft);border-radius:var(--radius-full);border-top-color:var(--color-info);display:inline-block;height:var(--space-md);width:var(--space-md)}body.iframe-form{background-color:transparent;color:var(--color-text);font-family:var(--font-family-sans);margin:var(--space-lg)}body.iframe-form .container{width:100%;max-width:100%;margin:0;padding:0}body.iframe-form .\!container{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}body.iframe-form .form-container{background-color:var(--color-surface-alt);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-text);display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg)}body.iframe-form .form-container>p{margin:0}body.iframe-form form{display:flex;flex-direction:column}body.iframe-form form>*+*{margin-top:var(--space-sm)}body.iframe-form form h1,body.iframe-form form h2{color:var(--color-text);margin-top:var(--space-md)}body.iframe-form label{color:var(--color-subtle-text);display:block;font-weight:600;margin-top:var(--space-sm)}body.iframe-form label+.form-control,body.iframe-form label+.select,body.iframe-form label+.textarea{margin-top:var(--space-xs)}body.iframe-form .checkbox-group,body.iframe-form .radio-group{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xs)}body.iframe-form .checkbox-group label,body.iframe-form .radio-group label{align-items:center;color:var(--color-subtle-text);display:inline-flex;font-weight:500;gap:var(--space-xs);margin:0}body.iframe-form .checkbox-group input[type=checkbox],body.iframe-form .radio-group input[type=radio]{margin:0}body.iframe-form .radio-group input[type=radio]{accent-color:var(--color-accent-strong)}body.iframe-form button.btn{align-self:flex-start;margin-top:var(--space-md)}body.iframe-form button.\!btn{align-self:flex-start!important;margin-top:var(--space-md)!important}body.iframe-form #status{background:var(--color-surface);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 var(--border-width-hairline) var(--color-border-translucent);color:var(--color-subtle-text);min-height:calc(var(--space-2xl) + var(--space-xl));padding:var(--space-sm);white-space:pre-wrap}body.iframe-form .status-line{color:var(--color-subtle-text);margin:var(--space-2xs) 0}body.iframe-form .status-line.error{color:var(--color-critical-strong)}body.iframe-form .status-line.\!error{color:var(--color-critical-strong)!important}body.iframe-form .status-line.success{color:var(--color-info-strong)}body.iframe-form .status-line.\!success{color:var(--color-info-strong)!important}body.iframe-form .status-line.warn{color:var(--color-warning-strong)}@media (max-width:640px){body.iframe-form{margin:var(--space-md)}body.iframe-form .form-container{padding:var(--space-md)}}#sidebarContainer{position:relative;overflow:visible}#sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);min-width:var(--sidebar-width);height:100vh;height:100dvh;color:var(--color-text-frosted-strong);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overscroll-behavior-inline:contain;touch-action:pan-y;scrollbar-gutter:stable both-edges;background:transparent;border-right:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:width .2s ease,transform .3s ease;z-index:var(--z-sidebar);box-shadow:none;isolation:isolate}#app.sidebar-collapsed,#sidebar.sidebar-collapsed,#sidebar[data-state=collapsed],body.sidebar-collapsed{--sidebar-width:var(--sidebar-width-collapsed)}#app.sidebar-expanded,#sidebar.sidebar-expanded,#sidebar[data-state=expanded],body.sidebar-expanded{--sidebar-width:var(--sidebar-width-expanded)}#sidebar .sidebar__inner{padding-block-start:max(var(--space-sidebar-shell-block-start),calc(var(--app-header-centerline) - var(--sidebar-control-size)/2));padding-block-end:var(--space-sidebar-shell-block-end);padding-inline:var(--space-sidebar-shell-inline);border-radius:var(--radius-sidebar-shell);border:none;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate;transition:color .2s ease}#sidebar .sidebar__inner,.sidebar-scroll{display:flex;flex-direction:column;height:100%;width:100%;overflow:visible}.sidebar-scroll{gap:var(--space-sidebar-scroll-gap);min-height:0;flex:1 1 auto}.sidebar-panel{position:relative;width:100%;display:flex;flex-direction:column;gap:var(--space-sidebar-panel-gap);padding:var(--space-sidebar-panel-padding-block) var(--space-sidebar-panel-padding-inline);border-radius:var(--radius-sidebar-panel);border:none;background:transparent;box-shadow:none;color:inherit;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden;isolation:isolate;transition:border-color .2s ease,box-shadow .22s ease,background .22s ease}.sidebar-panel--primary{flex:1 1 auto;min-height:0;padding-block-start:0}.sidebar-panel__header{display:flex;justify-content:flex-end;margin-bottom:var(--space-md)}.sidebar-collapse-toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--sidebar-control-size);height:var(--sidebar-control-size);border-radius:var(--radius-full);border:var(--border-width-hairline) solid var(--color-border-translucent-medium);background:var(--color-surface-tint-subtle);color:inherit;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease;flex-shrink:0;box-sizing:border-box}.sidebar-collapse-toggle:hover{background:var(--color-border-translucent);border-color:var(--color-border-translucent-stronger);color:var(--color-text)}.sidebar-collapse-toggle:focus-visible{outline:var(--space-3xs) solid var(--color-secondary);outline-offset:var(--space-2xs)}.sidebar-collapse-toggle__icon{width:var(--icon-size-sm);height:var(--icon-size-sm);transition:transform .2s ease}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-xs);opacity:1;transition:opacity .16s ease;width:100%}.sidebar-nav-link{--sidebar-nav-translate-x:0;--sidebar-nav-link-highlight-opacity:0;--sidebar-nav-link-highlight-scale:0.96;display:flex;align-items:center;gap:var(--space-sidebar-footer-gap);padding-block:var(--space-sidebar-nav-padding-block);padding-inline-start:var(--space-sidebar-nav-padding-inline-start);padding-inline-end:var(--space-sidebar-nav-padding-inline-end);min-height:var(--sidebar-control-size);border-radius:var(--radius-sidebar-nav);font-size:var(--font-size-sidebar-nav);font-weight:600;letter-spacing:.015em;color:var(--color-text);text-decoration:none;width:100%;position:relative;border:var(--border-width-hairline) solid transparent;background:none;box-shadow:none;transform:translateX(var(--sidebar-nav-translate-x));transition:color .18s ease,border-color .2s ease,box-shadow .22s ease,transform .22s ease;overflow:hidden;isolation:isolate;backdrop-filter:none;-webkit-backdrop-filter:none}.sidebar-nav-link:after,.sidebar-nav-link:before{content:"";position:absolute;inset:calc(var(--border-width-hairline)*-1);border-radius:inherit;pointer-events:none;transition:opacity .22s ease,transform .24s ease;z-index:-1}.sidebar-nav-link:before{background:linear-gradient(120deg,var(--color-sidebar-accent-start) 0,var(--color-sidebar-accent-end) 100%);opacity:var(--sidebar-nav-link-highlight-opacity);transform:scale(var(--sidebar-nav-link-highlight-scale));filter:saturate(140%)}.sidebar-nav-link:after{background:linear-gradient(105deg,var(--color-sidebar-hover) 0,transparent 75%);opacity:.22;mix-blend-mode:screen;z-index:-2}.sidebar-nav-link:focus-visible,.sidebar-nav-link:hover{--sidebar-nav-link-highlight-opacity:1;--sidebar-nav-link-highlight-scale:1.02;--sidebar-nav-translate-x:var(--space-sidebar-nav-translate);color:var(--color-white);border-color:var(--color-sidebar-hover-strong);box-shadow:0 0 0 var(--border-width-hairline) var(--color-sidebar-hover-strong),var(--shadow-sidebar-accent)}.sidebar-nav-link:focus-visible{outline:none;box-shadow:var(--shadow-sidebar-focus-ring),var(--shadow-sidebar-accent)}.sidebar-nav-link:focus-visible:after,.sidebar-nav-link:hover:after{opacity:.35}.sidebar-nav-link--sub{font-size:var(--font-size-sidebar-subnav);font-weight:500;color:var(--color-sidebar-text-muted);padding-block:var(--space-sidebar-subnav-padding-block);letter-spacing:.02em;--sidebar-nav-link-highlight-opacity:0.25;--sidebar-nav-link-highlight-scale:1}.sidebar-icon{width:var(--space-lg);height:var(--space-lg);min-width:var(--space-lg);min-height:var(--space-lg);flex-shrink:0;display:block;filter:var(--sidebar-icon-filter);transition:filter .18s ease}.sidebar-footer{flex-direction:column;margin-top:auto;z-index:2}.sidebar-dropup-trigger,.sidebar-footer{display:flex;gap:var(--space-sidebar-footer-gap);position:relative}.sidebar-dropup-trigger{align-items:center;justify-content:space-between;width:100%;padding-block:var(--space-sidebar-trigger-padding-block);padding-inline-start:var(--space-sidebar-nav-padding-inline-start);padding-inline-end:var(--space-sidebar-nav-padding-inline-end);min-height:var(--sidebar-control-size);border-radius:var(--radius-sidebar-nav);border:var(--border-width-hairline) solid transparent;background:none;color:var(--color-text);font-size:var(--font-size-sidebar-trigger);font-weight:600;cursor:pointer;box-sizing:border-box;flex-shrink:0;overflow:hidden;isolation:isolate;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;transition:border-color .2s ease,color .2s ease,box-shadow .22s ease}.sidebar-dropup-trigger:before{background:linear-gradient(120deg,var(--color-sidebar-accent-start) 0,var(--color-sidebar-accent-end) 100%);opacity:0;transform:scale(.96);transition:opacity .2s ease,transform .22s ease;z-index:-1;filter:saturate(140%)}.sidebar-dropup-trigger:after,.sidebar-dropup-trigger:before{content:"";position:absolute;inset:calc(var(--border-width-hairline)*-1);border-radius:inherit;pointer-events:none}.sidebar-dropup-trigger:after{background:linear-gradient(110deg,var(--color-sidebar-hover) 0,transparent 80%);opacity:.18;mix-blend-mode:screen;transition:opacity .2s ease;z-index:-2}.sidebar-dropup-trigger:focus-visible,.sidebar-dropup-trigger:hover{color:var(--color-white);border-color:var(--color-sidebar-hover-strong);box-shadow:0 0 0 var(--border-width-hairline) var(--color-sidebar-hover-strong),var(--shadow-sidebar-dropup)}.sidebar-dropup-trigger:focus-visible:before,.sidebar-dropup-trigger:hover:before{opacity:1;transform:scale(1.02)}.sidebar-dropup-trigger:focus-visible:after,.sidebar-dropup-trigger:hover:after{opacity:.35}.sidebar-dropup-trigger:focus-visible{outline:none;box-shadow:var(--shadow-sidebar-focus-ring),var(--shadow-sidebar-dropup)}.sidebar-dropup-trigger__glyph{width:var(--icon-size-md);height:var(--icon-size-md);opacity:.9}.sidebar-dropup-trigger__chevron{width:var(--icon-size-sm);height:var(--icon-size-sm);transition:transform .18s ease}.sidebar-dropup-trigger[aria-expanded=true] .sidebar-dropup-trigger__chevron,.sidebar-dropup-trigger__chevron.is-rotated{transform:rotate(180deg)}.sidebar-dropup-panel{position:absolute;left:0;right:0;bottom:calc(100% + var(--space-sidebar-popover-offset));border-radius:var(--radius-xl);border:var(--border-width-hairline) solid var(--color-sidebar-border-strong);background:linear-gradient(160deg,color-mix(in srgb,var(--color-sidebar-surface) 88%,transparent) 0,color-mix(in srgb,var(--color-sidebar-surface-alt) 68%,transparent) 100%);box-shadow:inset 0 0 0 var(--border-width-fine) var(--color-sidebar-border),var(--shadow-sidebar-panel);padding:var(--space-sidebar-popover-padding-block) var(--space-sidebar-popover-padding-inline);color:var(--color-text-frosted);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(var(--space-sm));transition:opacity .18s ease,transform .18s ease,visibility .18s ease,box-shadow .22s ease;backdrop-filter:blur(var(--sidebar-panel-backdrop-blur)) saturate(var(--sidebar-panel-backdrop-saturation));-webkit-backdrop-filter:blur(var(--sidebar-panel-backdrop-blur)) saturate(var(--sidebar-panel-backdrop-saturation));z-index:5;isolation:isolate}.sidebar-dropup-panel[data-state=expanded]{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.sidebar-dropup-panel__inner{display:flex;flex-direction:column;gap:var(--space-sidebar-popover-gap);width:100%;padding-inline-end:var(--space-sidebar-dropup-scroll-reserve);max-height:var(--sidebar-dropup-max-height);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable both-edges}.sidebar-dropup-panel__inner.is-measuring{position:absolute;width:-moz-max-content;width:max-content;max-width:none;visibility:hidden;pointer-events:none;left:var(--offscreen-offset);right:auto;top:auto;bottom:auto}.sidebar-dropup-measure{position:absolute;visibility:hidden;pointer-events:none;height:0;overflow:hidden}.sidebar-dropup-panel__inner>*{width:100%;min-width:0}#sidebar[data-footer-state=expanded] .sidebar-nav{opacity:0;pointer-events:none}#sidebar[data-footer-state=collapsed] .sidebar-nav{opacity:1}.sidebar-loading-wrapper{display:flex;justify-content:center;align-items:center;padding:var(--space-2xl) 0;width:100%;grid-column:1/-1}.sidebar-loading-indicator{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-muted-strong);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.01em}.sidebar-loading-text{white-space:nowrap}#app{box-sizing:border-box;transition:margin-left .2s ease,width .2s ease,max-width .2s ease}#app[data-sidebar-state=collapsed]{margin-left:calc(var(--sidebar-width-collapsed) + var(--sidebar-content-gap));width:calc(100vw - var(--sidebar-width-collapsed) - var(--sidebar-content-gap));max-width:calc(100vw - var(--sidebar-width-collapsed) - var(--sidebar-content-gap))}#app[data-sidebar-state=expanded]{margin-left:calc(var(--sidebar-width-expanded) + var(--sidebar-content-gap));width:calc(100vw - var(--sidebar-width-expanded) - var(--sidebar-content-gap));max-width:calc(100vw - var(--sidebar-width-expanded) - var(--sidebar-content-gap))}#sidebar.sidebar-collapsed .sidebar-nav-link,body.sidebar-collapsed #sidebar .sidebar-nav-link{justify-content:center;width:var(--sidebar-control-size);padding:0;margin-inline:auto;border-radius:var(--radius-full);--sidebar-nav-translate-x:0;--sidebar-nav-link-highlight-scale:1}#sidebar.sidebar-expanded .sidebar-nav-link,body.sidebar-expanded #sidebar .sidebar-nav-link{justify-content:flex-start}#sidebar.sidebar-collapsed .sidebar-text,body.sidebar-collapsed #sidebar .sidebar-text{display:none}#sidebar.sidebar-collapsed .sidebar__inner,body.sidebar-collapsed #sidebar .sidebar__inner{padding-inline:var(--space-2xs)}#sidebar.sidebar-collapsed .sidebar-panel,body.sidebar-collapsed #sidebar .sidebar-panel{padding-inline:calc(var(--space-3xs)*3)}#sidebar.sidebar-collapsed .sidebar-panel__header,body.sidebar-collapsed #sidebar .sidebar-panel__header{justify-content:center}#sidebar.sidebar-collapsed .sidebar-collapse-toggle,body.sidebar-collapsed #sidebar .sidebar-collapse-toggle{margin-inline:auto}#sidebar .sidebar-toggle-icon--rotated{transform:rotate(180deg)}#sidebar.sidebar-collapsed .sidebar-toggle-icon--rotated,body.sidebar-collapsed #sidebar .sidebar-toggle-icon--rotated{transform:rotate(0deg)}#sidebar.sidebar-collapsed .sidebar-dropup-trigger,body.sidebar-collapsed #sidebar .sidebar-dropup-trigger{justify-content:center;width:var(--sidebar-control-size);height:var(--sidebar-control-size);padding:0;margin-inline:auto;border-radius:var(--radius-full)}#sidebar.sidebar-collapsed .sidebar-dropup-trigger .sidebar-text,body.sidebar-collapsed #sidebar .sidebar-dropup-trigger .sidebar-text,body.sidebar-collapsed #sidebar .sidebar-dropup-trigger__chevron{display:none}#sidebar.sidebar-collapsed .sidebar-dropup-trigger__glyph,body.sidebar-collapsed #sidebar .sidebar-dropup-trigger__glyph{margin:0}#sidebar.sidebar-collapsed .sidebar-nav-link:focus-visible,#sidebar.sidebar-collapsed .sidebar-nav-link:hover,body.sidebar-collapsed #sidebar .sidebar-nav-link:focus-visible,body.sidebar-collapsed #sidebar .sidebar-nav-link:hover{--sidebar-nav-translate-x:0}@media (min-width:768px){#sidebar{transform:translateX(0)!important;width:var(--sidebar-width);overflow:visible}#app[data-sidebar-state=collapsed]{margin-left:calc(var(--sidebar-width-collapsed) + var(--sidebar-content-gap));width:calc(100vw - var(--sidebar-width-collapsed) - var(--sidebar-content-gap));max-width:calc(100vw - var(--sidebar-width-collapsed) - var(--sidebar-content-gap))}#app[data-sidebar-state=expanded]{margin-left:max(calc(var(--sidebar-width-expanded-base) + var(--sidebar-content-gap)),calc(var(--sidebar-dropup-content-width) + var(--sidebar-content-gap)));width:min(calc(100vw - var(--sidebar-width-expanded-base) - var(--sidebar-content-gap)),calc(100vw - var(--sidebar-dropup-content-width) - var(--sidebar-content-gap)));max-width:min(calc(100vw - var(--sidebar-width-expanded-base) - var(--sidebar-content-gap)),calc(100vw - var(--sidebar-dropup-content-width) - var(--sidebar-content-gap)))}}@keyframes card-motion-enter{0%{opacity:0;transform:translateY(var(--motion-card-enter-translate))}to{opacity:1;transform:translateY(0)}}@keyframes video-thumbnail-fade-in{0%{opacity:0}to{opacity:1}}@keyframes interface-fade-in{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(var(--motion-fade-in-translate))}to{opacity:1;transform:translateY(0)}}.status-line{margin-top:.25rem;margin-bottom:.25rem;font-size:var(--font-size-sm);line-height:var(--line-height-snug);line-height:1.375;color:var(--text-primary)}.status-line.error{color:var(--color-critical-strong)}.status-line.\!error{color:var(--color-critical-strong)!important}.status-line.warn{color:var(--color-warning-strong)}@keyframes ztr-rotate{to{transform:rotate(1turn)}}@keyframes ztr-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes svelte-181fgen-loader-animation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes svelte-181fgen-fade-in{to{opacity:1}}.dm-app-shell{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);background:var(--surface-base);color:var(--text-primary);min-height:100vh}.profile-modal .dm-app-shell{min-height:0;height:auto;padding:0;gap:var(--space-md)}.dm-app-shell__main,.dm-app-shell__sidebar{border-radius:var(--radius-lg);border:var(--border-width-hairline) solid var(--border-default);background:var(--surface-panel);box-shadow:var(--shadow-soft)}.profile-modal .dm-app-shell__main,.profile-modal .dm-app-shell__sidebar{height:auto;min-height:0;border:none;box-shadow:none;background:transparent;padding:0}.dm-app-shell__sidebar{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.dm-app-shell__title{font-size:var(--font-size-lg);margin:0}.dm-app-shell__main{flex:1;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);background:var(--surface-raised)}.profile-modal .dm-app-shell__main,.profile-modal .dm-app-shell__sidebar{min-width:0}.dm-conversation-list{display:flex;flex-direction:column;gap:var(--space-sm)}.dm-conversation-list__header{display:flex;justify-content:space-between;align-items:center}.dm-conversation-list__items{display:flex;flex-direction:column;gap:var(--space-xs);overflow-y:auto;max-height:60vh;padding-right:var(--space-xs)}.dm-conversation-list__state{font-size:var(--font-size-sm);color:var(--text-muted);padding:var(--space-md);text-align:center;background:var(--surface-sunken);border-radius:var(--radius-md)}.dm-contact-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:var(--border-width-hairline) solid var(--border-subtle);background:transparent;color:inherit;text-align:left;cursor:pointer}.dm-contact-row:focus-visible,.dm-contact-row:hover{background:var(--surface-muted);border-color:var(--border-strong);outline:none}.dm-contact-row--active{background:var(--surface-sunken);border-color:var(--border-strong)}.dm-contact-row__content{display:flex;flex-direction:column;gap:var(--space-2xs);flex:1}.dm-contact-row__header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-xs)}.dm-contact-row__meta{display:inline-flex;align-items:center;gap:var(--space-xs)}.dm-contact-row__name{font-weight:600}.dm-contact-row__badge{align-self:flex-start;padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-white);font-size:var(--font-size-3xs)}.dm-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--text-muted);font-weight:600;overflow:hidden;border:var(--border-width-hairline) solid var(--border-subtle)}.dm-avatar--md{width:var(--space-xl-plus);height:var(--space-xl-plus);min-width:var(--space-xl-plus);min-height:var(--space-xl-plus)}.dm-avatar--sm{width:var(--space-xl);height:var(--space-xl);min-width:var(--space-xl);min-height:var(--space-xl)}.dm-avatar__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dm-message-thread{display:flex;flex-direction:column;gap:var(--space-sm);flex:1;min-height:0}.dm-message-thread__header{display:flex;align-items:baseline;gap:var(--space-sm)}.dm-message-thread__title{font-size:var(--font-size-base);margin:0}.dm-message-thread__status{font-size:var(--font-size-xs);color:var(--text-muted)}.dm-message-thread__zap-summary{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-full);border:var(--border-width-hairline) solid var(--border-subtle);background:var(--surface-sunken);color:var(--text-muted);font-size:var(--font-size-2xs)}.dm-message-thread__zap-label{text-transform:uppercase;letter-spacing:var(--tracking-wide)}.dm-message-thread__zap-total{font-weight:600;color:var(--text-primary)}.dm-message-thread__zap-profile{color:var(--text-muted)}.dm-message-thread__timeline{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);background:var(--surface-panel);border:var(--border-width-hairline) solid var(--border-subtle);overflow-y:auto;min-height:var(--size-16rem)}.dm-message-thread__state{padding:var(--space-md);text-align:center;color:var(--text-muted);background:var(--surface-sunken);border-radius:var(--radius-md)}.dm-message-row{display:flex;align-items:flex-end;gap:var(--space-xs);width:100%}.dm-message-avatar{width:var(--space-xl);height:var(--space-xl);flex-shrink:0;border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;background-color:var(--surface-sunken);border:var(--border-width-hairline) solid var(--border-subtle)}.dm-message-bubble{max-width:75%;display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);border:var(--border-width-hairline) solid var(--message-bubble-border);background:var(--message-bubble-background);color:var(--message-bubble-text)}.dm-message-bubble--outgoing .dm-message-bubble__meta,.dm-message-bubble--outgoing .dm-message-bubble__status{color:var(--color-white);opacity:.9}.dm-message-bubble__content{font-size:var(--font-size-sm);overflow-wrap:anywhere;white-space:pre-wrap}.dm-message-bubble__meta{display:flex;gap:var(--space-xs);font-size:var(--font-size-2xs);color:var(--message-bubble-meta)}.dm-message-bubble__status{color:var(--text-muted)}.dm-message-bubble__status[data-status=pending]{color:var(--status-warning)}.dm-message-bubble__status[data-status=sending]{color:var(--status-info)}.dm-message-bubble__status[data-status=failed]{color:var(--status-danger)}.dm-message-thread__new{align-self:center;border-radius:var(--radius-full);border:var(--border-width-hairline) solid var(--border-subtle);padding:var(--space-2xs) var(--space-sm);font-size:var(--font-size-2xs);background:var(--surface-sunken);color:var(--text-muted)}.dm-message-thread__new:focus-visible,.dm-message-thread__new:hover{background:var(--surface-overlay-panel-soft);color:var(--text-primary);outline:none}.dm-day-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-xs);color:var(--text-muted);font-size:var(--font-size-2xs)}.dm-day-divider__line{height:var(--border-width-hairline);background:var(--border-subtle)}.dm-notification-center{display:flex;flex-direction:column;gap:var(--space-sm)}.dm-notification-center__filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.dm-notification-center__filter-button{border-radius:var(--radius-full);border:var(--border-width-hairline) solid var(--border-subtle);background:var(--surface-sunken);padding:var(--space-2xs) var(--space-sm);font-size:var(--font-size-2xs);font-weight:600;color:var(--text-muted);transition:color var(--motion-duration-fast) var(--motion-ease-out),background var(--motion-duration-fast) var(--motion-ease-out),border-color var(--motion-duration-fast) var(--motion-ease-out)}.dm-notification-center__filter-button:focus-visible,.dm-notification-center__filter-button:hover{outline:none;border-color:var(--border-strong);background:var(--surface-raised);color:var(--text-primary)}.dm-notification-center__filter-button--active{border-color:var(--border-strong);background:var(--surface-overlay-panel);color:var(--text-primary)}.dm-notification-center__groups{display:flex;flex-direction:column;gap:var(--space-md)}.dm-notification-center__group{display:flex;flex-direction:column;gap:var(--space-xs)}.dm-notification-center__group-title{font-size:var(--font-size-2xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted)}.dm-notification-center__list{display:flex;flex-direction:column;gap:var(--space-xs)}.dm-notification-center__empty{font-size:var(--font-size-xs);color:var(--text-muted)}.dm-notification-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);border:var(--border-width-hairline) solid var(--border-subtle);background:var(--surface-sunken);font-size:var(--font-size-xs);text-align:left;transition:border-color var(--motion-duration-fast) var(--motion-ease-out),background var(--motion-duration-fast) var(--motion-ease-out)}.dm-notification-item:focus-visible,.dm-notification-item:hover{outline:none;border-color:var(--border-strong);background:var(--surface-raised)}.dm-notification-item__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size-md);height:var(--icon-size-md);border-radius:var(--radius-full);background:var(--surface-overlay-panel-soft);color:var(--text-muted);font-size:var(--font-size-xs)}.dm-notification-item__body{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0}.dm-notification-item__title{font-weight:600;color:var(--text-primary)}.dm-notification-item__message{color:var(--text-muted)}.dm-notification-item__meta{display:flex;align-items:center;gap:var(--space-2xs);color:var(--text-muted)}.dm-notification-item__timestamp{font-variant-numeric:tabular-nums;white-space:nowrap}.dm-composer{display:flex;flex-direction:column;gap:var(--space-xs)}.dm-composer__label{font-size:var(--font-size-xs);color:var(--text-muted)}.dm-composer__input{resize:vertical;border-radius:var(--radius-md);border:var(--border-width-hairline) solid var(--border-default);background:var(--surface-base);color:var(--text-primary);padding:var(--space-sm);font-family:inherit}.dm-composer__input:focus-visible{outline:var(--space-3xs) solid var(--color-accent);outline-offset:var(--space-3xs)}.dm-composer__actions{justify-content:space-between}.dm-composer__actions,.dm-composer__tools{display:flex;align-items:center;gap:var(--space-sm)}.dm-composer__tools{flex-wrap:wrap;position:relative}.dm-composer__attach,.dm-composer__hint,.dm-composer__more-btn{font-size:var(--font-size-2xs);color:var(--text-muted)}.dm-composer__attach,.dm-composer__more-btn{border-radius:var(--radius-md);border:var(--border-width-hairline) solid var(--border-default);background:var(--surface-base);padding:var(--space-2xs) var(--space-sm);cursor:pointer}.dm-composer__more-btn{font-weight:700;line-height:1;min-width:var(--space-xl)}.dm-composer__more-menu{position:absolute;bottom:100%;left:0;margin-bottom:var(--space-xs);background:var(--surface-overlay-panel);border:var(--border-width-hairline) solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);z-index:10;display:flex;flex-direction:column;min-width:var(--size-8rem);padding:var(--space-xs)}.dm-composer__menu-item{text-align:left;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:background var(--motion-duration-fast) ease-out}.dm-composer__menu-item:focus-visible,.dm-composer__menu-item:hover{background:var(--surface-overlay-panel-soft);color:var(--text-primary);outline:none}.dm-composer__menu-item[aria-pressed=true]{background:var(--color-accent);color:var(--color-white)}.dm-composer__attach:focus-visible,.dm-composer__attach:hover,.dm-composer__more-btn:focus-visible,.dm-composer__more-btn:hover{background:var(--surface-overlay-panel-soft);color:var(--text-primary);outline:none}.dm-composer__send{border-radius:var(--radius-md);border:var(--border-width-hairline) solid var(--border-strong);background:var(--surface-overlay-panel);color:var(--text-primary);padding:var(--space-xs) var(--space-md);font-weight:600;cursor:pointer}.dm-composer__send:focus-visible,.dm-composer__send:hover{background:var(--surface-overlay-panel-soft);outline:none}.dm-composer__status{font-size:var(--font-size-2xs);color:var(--status-danger);min-height:var(--space-md)}@media (max-width:calc(768px - 0.02px)){.dm-app-shell[data-dm-view=list] .dm-app-shell__main,.dm-app-shell[data-dm-view=thread] .dm-app-shell__sidebar{display:none!important}.dm-message-thread__back{display:inline-flex;align-items:center;gap:.5rem}}@media (min-width:768px){.dm-app-shell{flex-direction:row;align-items:stretch}.dm-app-shell__sidebar{flex:0 0 var(--size-18rem);max-width:var(--size-20rem)}.dm-app-shell__main,.dm-app-shell__sidebar{height:calc(100vh - var(--space-lg)*2);display:flex!important}.dm-conversation-list__items{max-height:none;flex:1}.dm-message-thread__back{display:none!important}}#profilePaneMessages{height:100%;min-height:0}@media (min-width:768px){.profile-modal .dm-app-shell{flex-direction:row;align-items:stretch;height:100%;min-height:0}.profile-modal .dm-app-shell__sidebar{flex:0 0 var(--size-18rem);max-width:var(--size-20rem);height:100%;overflow:hidden;display:flex;flex-direction:column}.profile-modal .dm-app-shell__main{flex:1 1 auto;height:100%;overflow:hidden;display:flex;flex-direction:column}.profile-modal .dm-conversation-list{flex:1;min-height:0;display:flex;flex-direction:column}.profile-modal .dm-conversation-list__items{flex:1;overflow-y:auto;min-height:0;overscroll-behavior-y:contain;scrollbar-width:none;-ms-overflow-style:none}.profile-modal .dm-conversation-list__items::-webkit-scrollbar{display:none}.profile-modal .dm-message-thread{flex:1;min-height:0;display:flex;flex-direction:column}.profile-modal .dm-message-thread__timeline{flex:1;overflow-y:auto;min-height:0;overscroll-behavior-y:contain;scrollbar-width:none;-ms-overflow-style:none}.profile-modal .dm-message-thread__timeline::-webkit-scrollbar{display:none}}@media (min-width:1024px){.dm-app-shell__sidebar{flex-basis:var(--size-20rem)}.dm-message-thread__timeline{padding:var(--space-md)}}.marquee-host{position:relative;overflow:hidden;white-space:nowrap;width:100%;min-width:0;max-width:100%}.marquee-static{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:1}.marquee-anim,.marquee-static{transition:opacity .3s ease}.marquee-anim{position:absolute;inset:0;display:flex;align-items:center;opacity:0;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.marquee-track{display:flex;width:-moz-max-content;width:max-content;animation:marquee-scroll linear infinite;animation-duration:var(--marquee-duration,10s);animation-play-state:paused}.marquee-item{flex-shrink:0;padding-right:var(--space-xl)}@keyframes marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (min-width:1024px){.card:hover .marquee-host.can-marquee .marquee-static{opacity:0}.card:hover .marquee-host.can-marquee .marquee-anim{opacity:1}.card:hover .marquee-host.can-marquee .marquee-track{animation-play-state:running}.\!card:hover .marquee-host.can-marquee .marquee-static{opacity:0!important}.\!card:hover .marquee-host.can-marquee .marquee-anim{opacity:1!important}.\!card:hover .marquee-host.can-marquee .marquee-track{animation-play-state:running!important}}@media (max-width:calc(1024px - var(--breakpoint-edge-offset ))){.card[data-mobile-active=true]{--video-card-lift-translate-y:var(--motion-video-card-hover-translate);--video-card-backdrop-opacity:0.425;--video-card-backdrop-translate-y:var(
+        --motion-video-card-backdrop-translate
+      );--video-card-backdrop-scale:1.12;--video-card-backdrop-blur:var(--blur-video-card-backdrop-strong);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card[data-mobile-active=true] .video-card__title{color:var(--color-accent)}.card[data-mobile-active=true] .marquee-host.can-marquee .marquee-static{opacity:0}.card[data-mobile-active=true] .marquee-host.can-marquee .marquee-anim{opacity:1}.card[data-mobile-active=true] .marquee-host.can-marquee .marquee-track{animation-play-state:running}.\!card[data-mobile-active=true]{--video-card-lift-translate-y:var(--motion-video-card-hover-translate)!important;--video-card-backdrop-opacity:0.425!important;--video-card-backdrop-translate-y:var(
+        --motion-video-card-backdrop-translate
+      )!important;--video-card-backdrop-scale:1.12!important;--video-card-backdrop-blur:var(--blur-video-card-backdrop-strong)!important;--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\!card[data-mobile-active=true] .video-card__title{color:var(--color-accent)!important}.\!card[data-mobile-active=true] .marquee-host.can-marquee .marquee-static{opacity:0!important}.\!card[data-mobile-active=true] .marquee-host.can-marquee .marquee-anim{opacity:1!important}.\!card[data-mobile-active=true] .marquee-host.can-marquee .marquee-track{animation-play-state:running!important}}.bv-logo__accent{fill:var(--bitvid-accent,var(--logo-accent-color))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-16{bottom:4rem}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.left-1\/2{left:50%}.left-4{left:1rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-0{top:0}.top-1\/2{top:50%}.top-12{top:3rem}.top-2{top:.5rem}.top-3{top:.75rem}.top-4{top:1rem}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-overlay-floating{z-index:var(--z-overlay-floating)}.z-overlay-toast{z-index:var(--z-overlay-toast)}.order-1{order:1}.order-2{order:2}.col-span-full{grid-column:1/-1}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.-ml-1{margin-left:-.25rem}.-ml-2{margin-left:-.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.ml-md{margin-left:var(--space-md)}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.mt-sm{margin-top:var(--space-sm)}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-24{height:6rem}.h-2xl{height:var(--space-2xl)}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[90vh\]{max-height:90vh}.max-h-modal-body{max-height:var(--modal-body-max-height)}.max-h-modal-pane{max-height:var(--modal-pane-max-height)}.max-h-modal-sheet{max-height:var(--modal-sheet-max-height)}.max-h-modal-shell{max-height:var(--modal-shell-max-height)}.min-h-0{min-height:0}.min-h-\[200px\]{min-height:200px}.min-h-\[var\(--size-80px\)\]{min-height:var(--size-80px)}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-\[200px\]{max-width:200px}.max-w-docs{max-width:var(--layout-docs-max-width)}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-popover-safe{max-width:var(--popover-inline-safe-max)}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.origin-top{transform-origin:top}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.rotate-90{--tw-rotate:90deg}.rotate-90,.scale-\[1\.2\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[1\.2\]{--tw-scale-x:1.2;--tw-scale-y:1.2}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-y{resize:vertical}.resize{resize:both}.list-disc{list-style-type:disc}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-lg{gap:var(--space-lg)}.gap-sm{gap:var(--space-sm)}.gap-xl{gap:var(--space-xl)}.gap-xs{gap:var(--space-xs)}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-y-1{row-gap:.25rem}.gap-y-6{row-gap:1.5rem}.gap-y-8{row-gap:2rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem*var(--tw-space-x-reverse));margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-border-translucent>:not([hidden])~:not([hidden]){border-color:var(--border-overlay)}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-border{border-color:var(--border-default)}.border-border-strong{border-color:var(--border-strong)}.border-border-subtle{border-color:var(--border-subtle)}.border-border-translucent{border-color:var(--border-overlay)}.border-border-translucent-bright{border-color:var(--color-border-translucent-bright)}.border-border-translucent-medium{border-color:var(--color-border-translucent-medium)}.border-overlay{border-color:var(--border-overlay)}.border-overlay-strong{border-color:var(--border-overlay-strong)}.border-status-danger-border{border-color:var(--status-danger-border)}.border-status-info{border-color:var(--status-info)}.border-status-info-border{border-color:var(--status-info-border)}.border-status-success-border{border-color:var(--status-success-border)}.border-status-warning-border{border-color:var(--status-warning-border)}.border-surface-strong{border-color:var(--border-strong)}.border-opacity-20{--tw-border-opacity:0.2}.border-opacity-40{--tw-border-opacity:0.4}.bg-accent-strong{background-color:var(--color-accent-strong)}.bg-overlay-muted{background-color:var(--surface-overlay-muted)}.bg-overlay-panel{background-color:var(--surface-overlay-panel)}.bg-overlay-panel-soft{background-color:var(--surface-overlay-panel-soft)}.bg-overlay-strong{background-color:var(--surface-overlay-strong)}.bg-panel{background-color:var(--surface-panel)}.bg-status-danger-surface{background-color:var(--status-danger-surface)}.bg-status-info-surface{background-color:var(--status-info-surface)}.bg-status-success-surface{background-color:var(--status-success-surface)}.bg-status-warning-surface{background-color:var(--status-warning-surface)}.bg-surface{background-color:var(--surface-base)}.bg-surface-alt{background-color:var(--surface-alt)}.bg-surface-muted{background-color:var(--surface-muted)}.bg-transparent{background-color:transparent}.bg-white{background-color:var(--color-white)}.bg-opacity-95{--tw-bg-opacity:0.95}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-overlay-channel{background-image:var(--surface-overlay-banner-gradient-channel)}.via-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.stroke-border-translucent{stroke:var(--border-overlay)}.stroke-current{stroke:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-lg{padding:var(--space-lg)}.p-md{padding:var(--space-md)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-2{padding-left:.5rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-md{padding-left:var(--space-md)}.pr-1{padding-right:.25rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-family-mono)}.font-sans{font-family:var(--font-family-sans)}.text-2xl{font-size:var(--font-size-2xl);line-height:var(--line-height-relaxed)}.text-2xs{font-size:var(--font-size-2xs);line-height:var(--line-height-tight)}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-3xs{font-size:var(--font-size-3xs);line-height:var(--line-height-tight)}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[0\.75rem\]{font-size:.75rem}.text-base{font-size:var(--font-size-base)}.text-base,.text-lg{line-height:var(--line-height-base)}.text-lg{font-size:var(--font-size-lg)}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-snug)}.text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-tight)}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.ordinal{--tw-ordinal:ordinal}.ordinal,.tabular-nums{font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tabular-nums{--tw-numeric-spacing:tabular-nums}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-extra-wide{letter-spacing:var(--tracking-extra-wide)}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-accent{color:var(--color-accent)}.text-black{color:var(--color-black)}.text-critical{color:var(--color-critical)}.text-critical-strong{color:var(--color-critical-strong)}.text-info{color:var(--color-info)}.text-info-strong{color:var(--color-info-strong)}.text-muted{color:var(--text-muted)}.text-muted-strong{color:var(--text-muted-strong)}.text-primary{color:var(--text-primary)}.text-status-danger{color:var(--status-danger)}.text-status-danger-on{color:var(--status-danger-on)}.text-status-info{color:var(--status-info)}.text-status-info-on{color:var(--status-info-on)}.text-status-neutral{color:var(--status-neutral)}.text-status-private-on{color:var(--status-private-on)}.text-status-success{color:var(--status-success)}.text-status-success-on{color:var(--status-success-on)}.text-status-warning{color:var(--status-warning)}.text-status-warning-on{color:var(--status-warning-on)}.text-subtle{color:var(--text-subtle)}.text-text{color:var(--text-primary)}.text-text-frosted{color:var(--text-frosted-primary)}.text-text-muted{color:var(--text-muted)}.text-text-strong{color:var(--color-text-strong)}.text-warning{color:var(--status-warning)}.text-warning-strong{color:var(--status-warning-strong)}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.decoration-dotted{text-decoration-style:dotted}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-95{opacity:.95}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-inner,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg)}.shadow-md{--tw-shadow:var(--shadow-md);--tw-shadow-colored:var(--shadow-md)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.blur-xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-xl{--tw-blur:blur(24px)}.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-fast{transition-duration:var(--motion-duration-fast)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@media (max-width:640px){.bv-grid-video{gap:var(--space-md);grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){:root{--motion-duration-fast:0s;--motion-duration-base:0s;--motion-duration-slow:0s;--modal-motion-duration:0s}*,:after,:before{animation-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;animation-timing-function:linear!important;transition-delay:0s!important;transition-duration:0s!important;transition-timing-function:linear!important}.player-modal__similar-card:before{transition:none!important}#app,#playerModal .player-modal__content,#sidebar,.btn,.btn-ghost,.card,.card[data-motion=enter],.fade-in,.icon-button,.menu__item,.modal-nav,.notification-banner,.notification-portal,.popover-panel,.popover__panel,.progress-bar-fill,.sidebar-collapse-toggle,.sidebar-collapse-toggle__icon,.sidebar-dropup-panel,.sidebar-dropup-trigger,.sidebar-dropup-trigger__chevron,.sidebar-loading-indicator,.sidebar-loading-wrapper,.sidebar-nav,.sidebar-nav-link,.status-banner .status-spinner,.status-spinner--inline,.torrent-toast,.video-modal__panel,.watch-history-card,.watch-history-card__action,.watch-history-card__creatorAvatar,.watch-history-card__creatorName,.watch-history-card__title{transition-property:none!important}.popover-panel,.popover__panel{transform:none!important}.popover-panel[data-state=open],.popover__panel[data-state=open]{opacity:1}.popover-panel[data-state=closed],.popover__panel[data-state=closed]{opacity:0}.card[data-motion=enter],.fade-in,[data-video-thumbnail][data-thumbnail-loaded=true]{opacity:1;animation:none!important}.notification-banner,.status-banner .status-spinner,.status-spinner--inline,.torrent-toast{animation:none!important}.notification-portal{transform:none!important;opacity:1!important}}#profileModal{padding:0;width:100vw;height:100vh;max-width:none;max-height:none}#profileModal .bv-modal__panel{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;border:none}@media (min-width:1024px){#profileModal .profile-modal{max-block-size:none}}.no-scrollbar{scrollbar-width:none!important;-ms-overflow-style:none!important}.no-scrollbar::-webkit-scrollbar{display:none!important}@media (min-width:768px){.md\:hidden .bv-modal,.md\:hidden.profile-pane{display:none!important}}@media (min-width:1024px){.lg\:hidden .bv-modal,.lg\:hidden.profile-pane{display:none!important}}.placeholder\:text-muted::-moz-placeholder{color:var(--text-muted)}.placeholder\:text-muted::placeholder{color:var(--text-muted)}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-status-danger-border:hover{border-color:var(--status-danger-border)}.hover\:bg-overlay-panel:hover{background-color:var(--surface-overlay-panel)}.hover\:bg-panel-hover:hover{background-color:var(--surface-panel-hover)}.hover\:text-accent:hover{color:var(--color-accent)}.hover\:text-accent-strong:hover{color:var(--color-accent-strong)}.hover\:text-critical:hover{color:var(--color-critical)}.hover\:text-info-strong:hover{color:var(--color-info-strong)}.hover\:text-status-danger-strong:hover{color:var(--status-danger-strong)}.hover\:text-text:hover{color:var(--text-primary)}.hover\:text-text-strong:hover{color:var(--color-text-strong)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-sm:hover{--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-accent:focus{--tw-ring-color:var(--color-accent)}.focus\:ring-info:focus{--tw-ring-color:var(--color-info)}.focus\:ring-status-info:focus{--tw-ring-color:var(--status-info)}.focus\:ring-status-success:focus{--tw-ring-color:var(--status-success)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:ring-offset-surface:focus{--tw-ring-offset-color:var(--surface-base)}.focus-visible\:bg-primary:focus-visible{background-color:var(--color-primary)}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-info:focus-visible{outline-color:var(--color-info)}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-primary{color:var(--text-primary)}.group:hover .group-hover\:opacity-100{opacity:1}@media not all and (min-width:640px){.max-sm\:h-12{height:3rem}.max-sm\:w-12{width:3rem}.max-sm\:text-2xs{font-size:var(--font-size-2xs);line-height:var(--line-height-tight)}.max-sm\:text-base{font-size:var(--font-size-base);line-height:var(--line-height-base)}}@media (min-width:640px){.sm\:order-1{order:1}.sm\:order-2{order:2}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:flex{display:flex}.sm\:w-1\/3{width:33.333333%}.sm\:w-32{width:8rem}.sm\:w-48{width:12rem}.sm\:w-auto{width:auto}.sm\:max-w-xs{max-width:20rem}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:.5rem}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}.sm\:self-end{align-self:flex-end}.sm\:p-0{padding:0}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-0{padding-top:0;padding-bottom:0}.sm\:pt-8{padding-top:2rem}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-64{height:16rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:gap-md{gap:var(--space-md)}.md\:pb-12{padding-bottom:3rem}}@media (min-width:1024px){.lg\:ml-auto{margin-left:auto}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-auto{height:auto}.lg\:max-h-modal-shell{max-height:var(--modal-shell-max-height)}.lg\:w-64{width:16rem}.lg\:max-w-4xl{max-width:56rem}.lg\:max-w-5xl{max-width:64rem}.lg\:shrink-0{flex-shrink:0}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-wrap{flex-wrap:wrap}.lg\:items-start{align-items:flex-start}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:rounded-modal-xl{border-radius:var(--radius-modal-xl)}.lg\:border{border-width:1px}.lg\:p-8{padding:2rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-right{text-align:right}}@media (min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
\ No newline at end of file
diff --git a/dist/css/tailwind.source.css b/dist/css/tailwind.source.css
new file mode 100644
index 00000000..c87b810f
--- /dev/null
+++ b/dist/css/tailwind.source.css
@@ -0,0 +1,6096 @@
+@import "./tokens.css";
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  html {
+    font-size: 80%;
+  }
+
+  @media (min-width: theme("screens.md")) {
+    html {
+      font-size: 100%;
+    }
+  }
+
+  @media (min-width: theme("screens.lg")) {
+    html {
+      font-size: 75%;
+    }
+  }
+
+  *,
+  *::before,
+  *::after {
+    scrollbar-width: thin;
+    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
+  }
+
+  *::-webkit-scrollbar {
+    width: var(--scrollbar-width);
+    height: var(--scrollbar-width);
+  }
+
+  *::-webkit-scrollbar-track {
+    background: var(--scrollbar-track);
+  }
+
+  *::-webkit-scrollbar-thumb {
+    background: var(--scrollbar-thumb);
+    border-radius: var(--radius-sm);
+  }
+
+  *::-webkit-scrollbar-thumb:hover {
+    background: var(--scrollbar-thumb-hover);
+  }
+
+  body {
+    --app-header-centerline: calc(
+      env(safe-area-inset-top, 0) + var(--app-header-centerline-offset)
+    );
+    font-family: var(--font-family-sans);
+    background-color: var(--color-page);
+    color: var(--color-text-strong);
+    line-height: 1.5;
+    margin: 0;
+    padding: 0;
+    overflow-x: hidden;
+  }
+
+  :root[data-theme-accent="override"] {
+    --color-accent: var(--color-accent-override);
+    --color-accent-strong: var(--color-accent-strong-override);
+    --color-accent-pressed: var(--color-accent-pressed-override);
+  }
+
+  #uiOverlay {
+    position: fixed;
+    inset: 0;
+    pointer-events: none;
+    z-index: var(--z-overlay-popover);
+  }
+
+  #uiOverlay > * {
+    pointer-events: auto;
+  }
+
+  #nip71TagsFieldset > legend,
+  #editNip71TagsFieldset > legend {
+    margin-left: 0;
+    padding: 0;
+  }
+
+  #app {
+    background-color: var(--color-page);
+    color: inherit;
+  }
+
+  html.modal-open,
+  body.modal-open {
+    overflow: hidden;
+    height: 100%;
+  }
+
+  body.modal-open #app {
+    overflow: hidden;
+  }
+
+  body.modal-open #sidebar {
+    pointer-events: none;
+    opacity: 0;
+    visibility: hidden;
+  }
+
+  body.modal-open #sidebar {
+    z-index: var(--z-sidebar-overlay);
+  }
+
+  #sidebar.is-modal-hidden {
+    pointer-events: none;
+    opacity: 0;
+    visibility: hidden;
+  }
+
+  [ng\:cloak],
+  [ng-cloak],
+  [data-ng-cloak],
+  [x-ng-cloak],
+  .ng-cloak,
+  .x-ng-cloak,
+  .ng-hide:not(.ng-hide-animate) {
+    display: none !important;
+  }
+
+  ng\:form {
+    display: block;
+  }
+
+  .ng-animate-shim {
+    visibility: hidden;
+  }
+
+  .ng-anchor {
+    position: absolute;
+  }
+}
+
+@layer components {
+  .ds-header {
+    @apply flex items-center justify-start py-sm;
+  }
+
+  .app-shell__header {
+    position: sticky;
+    top: env(safe-area-inset-top, 0);
+    z-index: var(--z-app-header);
+    padding-top: calc(var(--space-sm) + env(safe-area-inset-top, 0));
+    padding-bottom: var(--space-sm);
+    background-color: transparent;
+    background-image: var(--surface-overlay-banner-gradient-header);
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+  }
+
+  .ds-metric-probe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    visibility: hidden;
+    pointer-events: none;
+    contain: layout size style;
+    inline-size: 0;
+    block-size: var(--ds-metric-probe-length, 0);
+    overflow: hidden;
+  }
+
+  .ds-header__logo {
+    @apply h-2xl-plus w-auto max-w-none;
+  }
+
+  .focus-ring {
+    @apply outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-opacity-70 focus-visible:ring-offset-2 focus-visible:ring-offset-surface focus-visible:transition-shadow focus-visible:duration-fast focus-visible:ease-out;
+  }
+
+  .focus-ring:focus-visible {
+    --tw-ring-color: var(--color-accent);
+  }
+
+  .author-pic {
+    @apply block h-full w-full rounded-full object-cover;
+  }
+
+  .header-icon-toggle {
+    @apply focus-ring inline-flex items-center justify-center rounded-full transition-colors duration-150 ease-out;
+    width: var(--icon-size-lg);
+    height: var(--icon-size-lg);
+    min-width: var(--icon-size-lg);
+    min-height: var(--icon-size-lg);
+    padding: 0;
+    border: none;
+    background: transparent;
+    color: var(--color-text-muted);
+    line-height: 1;
+  }
+
+  .header-icon-toggle[data-theme-state="light"] {
+    color: var(--color-text-strong);
+  }
+
+  .header-icon-toggle[data-theme-state="dark"] {
+    color: var(--color-text);
+  }
+
+  .header-icon-toggle__icon-wrapper {
+    @apply inline-flex items-center justify-center;
+    inline-size: var(--space-lg);
+    block-size: var(--space-lg);
+  }
+
+  .header-icon-toggle__icon {
+    inline-size: 100%;
+    block-size: 100%;
+    display: none;
+    fill: currentColor;
+  }
+
+  .header-icon-toggle__icon-wrapper:not([data-theme-icon-state]),
+  .header-icon-toggle__icon-wrapper[data-theme-icon-state="light"] {
+    color: inherit;
+  }
+
+  .header-icon-toggle__icon-wrapper[data-theme-icon-state="light"]
+    .header-icon-toggle__icon--dark {
+    display: block;
+  }
+
+  .header-icon-toggle__icon-wrapper[data-theme-icon-state="dark"]
+    .header-icon-toggle__icon--light {
+    display: block;
+  }
+
+  .header-icon-toggle__icon-wrapper:not([data-theme-icon-state])
+    .header-icon-toggle__icon--dark {
+    display: block;
+  }
+
+  #profileUnreadDot {
+    position: absolute;
+    top: var(--space-2xs);
+    right: var(--space-2xs);
+    width: var(--space-sm);
+    height: var(--space-sm);
+    border-radius: var(--radius-full);
+    border: var(--border-width-hairline) solid var(--color-page);
+    background-color: var(--status-danger);
+    display: none;
+    pointer-events: none;
+  }
+
+  #profileUnreadDot.is-visible {
+    display: block;
+  }
+
+  .header-icon-toggle[data-theme-state="light"]:hover,
+  .header-icon-toggle[data-theme-state="light"]:focus-visible {
+    color: var(--color-text);
+  }
+
+  .header-icon-toggle[data-theme-state="dark"]:hover,
+  .header-icon-toggle[data-theme-state="dark"]:focus-visible {
+    color: var(--color-text-strong);
+  }
+
+  .header-icon-toggle[aria-pressed="true"] {
+    color: var(--color-text-strong);
+  }
+
+  .header-icon-toggle[aria-pressed="true"]:hover,
+  .header-icon-toggle[aria-pressed="true"]:focus-visible {
+    color: var(--color-text-strong);
+  }
+
+  .header-search__region {
+    @apply hidden flex-1 justify-center md:flex;
+    min-width: 0;
+    padding-inline: clamp(var(--space-md), 4vw, var(--space-3xl));
+  }
+
+  .header-search {
+    @apply flex items-center gap-3 rounded-full border border-border border-opacity-40 bg-overlay-panel px-4 shadow-sm transition-colors duration-base ease-out;
+    backdrop-filter: blur(var(--popover-backdrop-blur));
+    -webkit-backdrop-filter: blur(var(--popover-backdrop-blur));
+    padding-block: calc(var(--space-sm) * 0.9);
+    inline-size: min(100%, var(--header-search-max-inline));
+  }
+
+  .header-search:focus-within {
+    @apply border-accent-strong;
+  }
+
+  .header-search__icon {
+    @apply block h-5 w-5;
+    background-color: currentColor;
+    mask-repeat: no-repeat;
+    mask-position: center;
+    mask-size: contain;
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-position: center;
+    -webkit-mask-size: contain;
+  }
+
+  .header-search__icon--filter {
+    mask-image: url("../assets/svg/filter.svg");
+    -webkit-mask-image: url("../assets/svg/filter.svg");
+  }
+
+  .header-search__icon--submit {
+    mask-image: url("../assets/svg/search.svg");
+    -webkit-mask-image: url("../assets/svg/search.svg");
+  }
+
+  .header-search__filter {
+    @apply focus-ring inline-flex shrink-0 items-center justify-center rounded-full border border-transparent bg-transparent transition-colors duration-base ease-out;
+    color: var(--color-accent);
+    inline-size: calc(var(--icon-size-lg) * 0.9);
+    block-size: calc(var(--icon-size-lg) * 0.9);
+    min-inline-size: calc(var(--icon-size-lg) * 0.9);
+    min-block-size: calc(var(--icon-size-lg) * 0.9);
+  }
+
+  .header-search__filter:hover,
+  .header-search__filter:focus-visible {
+    color: var(--color-accent-strong);
+  }
+
+  .header-search__input {
+    @apply flex-1 appearance-none bg-transparent text-sm text-text outline-none placeholder:text-muted;
+    min-width: 0;
+  }
+
+  .header-search__input:focus-visible {
+    @apply outline-none ring-0;
+  }
+
+  .header-search__submit {
+    @apply focus-ring inline-flex items-center justify-center rounded-full border border-transparent transition-colors duration-base ease-out;
+    background-color: var(--color-accent-strong);
+    color: var(--color-white);
+    inline-size: calc(var(--icon-size-lg) * 0.9);
+    block-size: calc(var(--icon-size-lg) * 0.9);
+    min-inline-size: calc(var(--icon-size-lg) * 0.9);
+    min-block-size: calc(var(--icon-size-lg) * 0.9);
+    padding: 0;
+  }
+
+  .header-search__submit:hover {
+    background-color: var(--color-accent);
+  }
+
+  .header-search__submit:focus-visible {
+    background-color: var(--color-accent-pressed);
+  }
+
+  .bv-logo {
+    --logo-wordmark-color: var(--color-logo-wordmark);
+    --logo-accent-color: var(--color-logo-accent);
+    --logo-background-color: var(--color-logo-background);
+  }
+
+  .bv-logo[data-variant="inverse"] {
+    --logo-wordmark-color: var(--color-logo-wordmark-inverse);
+    --logo-background-color: var(--color-logo-background-inverse);
+  }
+
+  .bv-logo[data-wordmark="current"] {
+    --logo-wordmark-color: currentColor;
+  }
+
+  .bv-logo[data-accent="current"] {
+    --logo-accent-color: currentColor;
+  }
+
+  .bv-logo[data-background="transparent"] {
+    --logo-background-color: transparent;
+  }
+
+  .bv-logo__wordmark {
+    fill: var(--logo-wordmark-color);
+    color: var(--logo-wordmark-color);
+  }
+
+  .bv-logo__accent {
+    fill: var(--logo-accent-color);
+    color: var(--logo-accent-color);
+  }
+
+  .bv-logo__background {
+    fill: var(--logo-background-color);
+    color: var(--logo-background-color);
+  }
+
+  .markdown-prose {
+    @apply prose max-w-none leading-relaxed text-text;
+    --tw-prose-body: var(--color-text);
+    --tw-prose-headings: var(--color-text-strong);
+    --tw-prose-invert-headings: var(--color-text-strong);
+    --tw-prose-lead: var(--color-text);
+    --tw-prose-links: var(--color-accent-strong);
+    --tw-prose-bold: var(--color-text-strong);
+    --tw-prose-counters: var(--color-text-muted);
+    --tw-prose-bullets: var(--color-text-muted);
+    --tw-prose-hr: var(--color-border-translucent-strong);
+    --tw-prose-quotes: var(--color-text-strong);
+    --tw-prose-quote-borders: var(--color-border-subtle);
+    --tw-prose-captions: var(--color-text-muted);
+    --tw-prose-code: var(--color-text-strong);
+    --tw-prose-pre-code: var(--color-text);
+    --tw-prose-pre-bg: var(--surface-muted);
+    --tw-prose-th-borders: var(--color-border);
+    --tw-prose-td-borders: var(--color-border-subtle);
+  }
+
+  .markdown-prose :where(h1, h2, h3, h4, h5, h6) {
+    color: var(--color-text-strong);
+  }
+
+  .markdown-prose :where(h1, h2, h3, h4, h5, h6) strong {
+    color: inherit;
+  }
+
+  .markdown-prose a {
+    color: var(--color-accent-strong);
+    text-decoration-color: color-mix(
+      in srgb,
+      var(--color-accent-strong) 65%,
+      transparent
+    );
+    text-decoration-thickness: var(--link-underline-thickness);
+    text-underline-offset: 0.2em;
+  }
+
+  .markdown-prose a:hover,
+  .markdown-prose a:focus-visible {
+    color: var(--color-accent);
+    text-decoration-line: underline;
+  }
+
+  .markdown-prose blockquote {
+    @apply rounded-md border-l-4 border-border-subtle bg-surface-muted bg-opacity-50 px-4 py-2 text-muted;
+  }
+
+  .markdown-prose :where(pre, code) {
+    @apply font-mono;
+  }
+
+  .markdown-prose code {
+    @apply rounded-md bg-surface-muted px-1 py-0.5 text-accent-strong;
+  }
+
+  .markdown-prose pre {
+    @apply overflow-x-auto rounded-lg border border-border-subtle bg-surface-muted p-4 text-text;
+  }
+
+  .markdown-prose pre code {
+    background-color: transparent;
+    color: inherit;
+    padding: 0;
+  }
+
+  .popover {
+    @apply relative inline-flex;
+  }
+
+  .popover-panel,
+  .popover__panel {
+    @apply focus-ring pointer-events-none z-overlay-popover min-w-menu max-w-popover-safe scale-95 rounded-overlay border border-border border-opacity-40 bg-overlay-panel px-overlay-panel-inline py-overlay-panel-block text-sm text-text opacity-0 shadow-overlay-panel transition-opacity transition-transform duration-base ease-out;
+    position: var(--popover-strategy, fixed);
+    left: var(--popover-left, 0);
+    top: var(--popover-top, 0);
+    max-width: var(--popover-max-width, none);
+    max-height: var(--popover-max-height, none);
+  }
+
+  .popover-panel[data-state="open"],
+  .popover__panel[data-state="open"] {
+    @apply pointer-events-auto scale-100 opacity-100;
+  }
+
+  .popover-panel[data-state="closed"],
+  .popover__panel[data-state="closed"] {
+    @apply pointer-events-none scale-95 opacity-0;
+  }
+
+  .search-filter-chip {
+    @apply inline-flex items-center gap-2 rounded-full border border-border-subtle bg-surface-alt px-3 py-1 text-xs font-medium text-text transition-colors duration-base ease-out;
+  }
+
+  .search-filter-chip[data-state="on"] {
+    @apply border-accent-strong bg-accent-strong text-white;
+  }
+
+  @media (min-width: theme("screens.md")) {
+    .search-filters-panel.is-advanced-open {
+      width: var(--size-40rem);
+    }
+  }
+
+  [data-popover-arrow="true"] {
+    left: var(--popover-arrow-left, auto);
+    right: var(--popover-arrow-right, auto);
+    top: var(--popover-arrow-top, auto);
+    bottom: var(--popover-arrow-bottom, auto);
+  }
+
+  .p-overlay-panel {
+    @apply px-overlay-panel-inline py-overlay-panel-block;
+  }
+
+  .ds-overlay-backdrop {
+    position: fixed;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: var(--overlay-backdrop-color);
+    backdrop-filter: blur(var(--overlay-backdrop-blur));
+    -webkit-backdrop-filter: blur(var(--overlay-backdrop-blur));
+  }
+
+  .popover-panel[data-variant="zap"],
+  .popover__panel[data-variant="zap"] {
+    background: var(--color-overlay-veil);
+    color: var(--color-subtle);
+    border: var(--border-width-hairline) solid
+      var(--color-border-translucent-stronger);
+    box-shadow: var(--shadow-popover-zap);
+    backdrop-filter: blur(var(--popover-backdrop-blur));
+    -webkit-backdrop-filter: blur(var(--popover-backdrop-blur));
+  }
+
+  .btn {
+    @apply focus-ring inline-flex items-center justify-center gap-2 rounded-full border border-transparent bg-accent-strong px-5 py-2.5 text-base font-semibold text-white shadow-lg transition duration-base ease-in-out;
+  }
+
+  .btn[data-size="sm"],
+  .btn-ghost[data-size="sm"] {
+    @apply px-3 py-1.5 text-sm;
+  }
+
+  .btn[data-size="sm"],
+  .btn-ghost[data-size="sm"] {
+    @apply gap-1.5;
+  }
+
+  .btn:hover {
+    @apply bg-accent;
+  }
+
+  .btn:focus-visible {
+    @apply bg-accent-pressed;
+  }
+
+  .btn:disabled {
+    @apply pointer-events-none cursor-not-allowed opacity-60 shadow-none;
+  }
+
+  .btn-link {
+    @apply focus-ring inline-flex items-center gap-1 text-sm font-semibold text-accent transition duration-base ease-out;
+  }
+
+  .btn-link:hover,
+  .btn-link:focus-visible {
+    @apply text-accent-strong underline;
+  }
+
+  .progress,
+  [data-progress-meter] {
+    --progress-height: var(--progress-height-md);
+    --progress-track: var(--progress-track-color);
+    --progress-fill: var(--progress-fill-color);
+    --progress-radius-current: var(--progress-radius);
+    display: block;
+    width: 100%;
+    height: var(--progress-height);
+    border: none;
+    border-radius: var(--progress-radius-current);
+    overflow: hidden;
+    background-color: var(--progress-track);
+    appearance: none;
+  }
+
+  .progress::-webkit-progress-bar,
+  [data-progress-meter]::-webkit-progress-bar {
+    background-color: var(--progress-track);
+    border-radius: var(--progress-radius-current);
+  }
+
+  .progress::-webkit-progress-value,
+  [data-progress-meter]::-webkit-progress-value {
+    background-color: var(--progress-fill);
+    border-radius: var(--progress-radius-current);
+    transition: width var(--progress-transition-duration)
+      var(--progress-transition-ease);
+  }
+
+  .progress::-moz-progress-bar,
+  [data-progress-meter]::-moz-progress-bar {
+    background-color: var(--progress-fill);
+    border-radius: var(--progress-radius-current);
+    transition: width var(--progress-transition-duration)
+      var(--progress-transition-ease);
+  }
+
+  .progress[data-variant="surface"],
+  [data-progress-meter][data-variant="surface"],
+  .progress.progress--surface,
+  [data-progress-meter].progress--surface {
+    --progress-track: var(--color-panel);
+  }
+
+  .progress[data-variant="accent"],
+  [data-progress-meter][data-variant="accent"],
+  .progress.progress--accent,
+  [data-progress-meter].progress--accent {
+    --progress-fill: var(--color-info-strong);
+  }
+
+  .btn-ghost {
+    @apply btn border border-border border-opacity-60 bg-transparent text-text shadow-none;
+  }
+
+  .btn-ghost:hover {
+    @apply bg-panel-hover text-text;
+  }
+
+  .btn-ghost:focus-visible {
+    @apply bg-panel-hover;
+  }
+
+  .btn-ghost:disabled {
+    @apply pointer-events-none opacity-50 shadow-none;
+  }
+
+  .btn-ghost[data-variant="critical"] {
+    @apply border border-critical border-opacity-60 text-critical;
+  }
+
+  .btn-ghost[data-variant="critical"]:hover,
+  .btn-ghost[data-variant="critical"]:focus-visible {
+    @apply bg-critical bg-opacity-20 text-critical-strong;
+  }
+
+  .login-option {
+    @apply focus-ring relative flex h-full w-full flex-col gap-4 overflow-hidden border border-border bg-overlay-panel-soft px-6 py-5 text-left text-text shadow-lg transition duration-300 ease-out;
+    border-radius: calc(var(--radius-xl) * 1.12);
+    isolation: isolate;
+    backdrop-filter: blur(var(--blur-modal-backdrop));
+    background-image: linear-gradient(
+      140deg,
+      color-mix(in srgb, var(--surface-overlay-panel-soft) 88%, transparent) 0%,
+      color-mix(in srgb, var(--surface-overlay-panel) 72%, transparent) 100%
+    );
+    transform: translate3d(0, 0, 0);
+    transition-property: border-color, box-shadow, transform;
+  }
+
+  .login-option::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    z-index: 0;
+    border-radius: inherit;
+    opacity: 0;
+    transform: translate3d(0, 14%, 0);
+    transition:
+      opacity 220ms ease,
+      transform 220ms ease;
+    background: radial-gradient(
+      115% 115% at 0% 0%,
+      color-mix(in srgb, var(--status-neutral) 32%, transparent) 0%,
+      transparent 65%
+    );
+  }
+
+  .login-option:hover,
+  .login-option:focus-visible {
+    @apply border-border-strong;
+    box-shadow: var(--shadow-modal);
+    transform: translate3d(0, var(--motion-login-option-hover-translate), 0);
+  }
+
+  .login-option:hover::after,
+  .login-option:focus-visible::after {
+    opacity: 0.65;
+    transform: translate3d(0, 0, 0);
+  }
+
+  .login-option:disabled,
+  .login-option[aria-disabled="true"] {
+    @apply cursor-not-allowed opacity-60 shadow-none;
+    transform: none;
+  }
+
+  .login-option[data-tone="accent"]::after {
+    background: radial-gradient(
+      120% 120% at 0% 0%,
+      color-mix(in srgb, var(--status-info) 38%, transparent) 0%,
+      transparent 65%
+    );
+  }
+
+  .login-option[data-tone="warning"]::after {
+    background: radial-gradient(
+      120% 120% at 0% 0%,
+      color-mix(in srgb, var(--status-warning) 42%, transparent) 0%,
+      transparent 65%
+    );
+  }
+
+  .login-option--primary {
+    @apply border-border;
+  }
+
+  .login-option--ghost {
+    background-image: linear-gradient(
+      145deg,
+      color-mix(in srgb, var(--surface-overlay-panel-soft) 82%, transparent) 0%,
+      color-mix(in srgb, var(--surface-overlay-panel-soft) 68%, transparent)
+        100%
+    );
+  }
+
+  .login-option--outline {
+    @apply border-border-strong;
+  }
+
+  .login-option--link {
+    @apply border border-transparent bg-transparent text-accent shadow-none;
+  }
+
+  .login-option__header,
+  .login-option__copy,
+  .login-option__status,
+  .login-option__capabilities {
+    position: relative;
+    z-index: 1;
+  }
+
+  .login-option__header {
+    @apply flex w-full items-start justify-between gap-4;
+  }
+
+  .login-option__copy {
+    @apply flex min-w-0 flex-col items-start gap-2;
+  }
+
+  .login-option__eyebrow {
+    @apply text-[length:var(--font-size-2xs)] font-semibold uppercase text-text-muted;
+    letter-spacing: 0.18em;
+  }
+
+  .login-option:hover .login-option__eyebrow,
+  .login-option:focus-visible .login-option__eyebrow {
+    @apply text-text;
+  }
+
+  .login-option__label {
+    @apply text-lg font-semibold text-text;
+  }
+
+  .login-option__description {
+    @apply text-sm leading-relaxed text-text-muted;
+  }
+
+  .login-option__chevron {
+    @apply inline-flex h-9 w-9 items-center justify-center rounded-full bg-overlay-panel text-text-muted transition duration-200 ease-out;
+    box-shadow: inset 0 0 0 var(--border-width-hairline)
+      color-mix(in srgb, var(--border-overlay) 60%, transparent);
+  }
+
+  .login-option:hover .login-option__chevron,
+  .login-option:focus-visible .login-option__chevron {
+    @apply bg-accent text-white;
+    box-shadow: none;
+  }
+
+  .login-option__status {
+    @apply flex w-full items-center justify-between gap-2 text-sm text-text-muted;
+  }
+
+  .login-option__capabilities {
+    @apply flex flex-wrap gap-2;
+    position: relative;
+  }
+
+  .btn-ghost[data-state="active"],
+  .btn-ghost[aria-pressed="true"] {
+    @apply border-transparent bg-primary text-white shadow-md;
+  }
+
+  .btn-ghost[data-state="active"]:hover,
+  .btn-ghost[data-state="active"]:focus-visible,
+  .btn-ghost[aria-pressed="true"]:hover,
+  .btn-ghost[aria-pressed="true"]:focus-visible {
+    @apply bg-accent-strong;
+  }
+
+  .modal-progress {
+    width: var(--progress-width, 0%);
+    transition: width var(--motion-duration-base, 160ms)
+      var(--motion-ease-out, ease-out);
+  }
+
+  .cloudflare-progress__fill {
+    width: var(--cloudflare-progress-width, 0%);
+    transition: width var(--motion-duration-base, 160ms)
+      var(--motion-ease-out, ease-out);
+  }
+
+  /*
+   * Blog embed heights are now driven by the iframe content via postMessage.
+   * Styling lives inline so the shell can expand naturally with its card.
+   */
+
+  /*
+   * Blog carousel component styles
+   * Tokens consumed here are defined in css/tokens.css under the
+   * "Blog carousel tokens" section:
+   */
+
+  .badge {
+    @apply inline-flex items-center gap-1 rounded-full border border-status-neutral-border bg-status-neutral-surface px-3 py-1 text-2xs font-semibold uppercase tracking-extra-wide text-status-neutral-on;
+  }
+
+  .badge[data-variant="info"] {
+    @apply border-status-info-border bg-status-info-surface text-status-info-on;
+  }
+
+  .badge[data-variant="success"] {
+    @apply border-status-success-border bg-status-success-surface text-status-success-on;
+  }
+
+  .badge[data-variant="warning"] {
+    @apply border-status-warning-border bg-status-warning-surface text-status-warning-on;
+  }
+
+  .badge[data-variant="critical"] {
+    @apply border-status-danger-border bg-status-danger-surface text-status-danger-on;
+  }
+
+  .badge[data-variant="private"] {
+    @apply border-status-private-border bg-status-private-surface text-status-private-on;
+  }
+
+  .badge[data-variant="neutral"] {
+    @apply border-status-neutral-border bg-status-neutral-surface text-status-neutral-on;
+  }
+
+  .moderation-badge {
+    @apply inline-flex flex-col items-start gap-sm rounded-xl border px-3 py-1.5 text-xs font-semibold normal-case tracking-tight shadow-sm;
+  }
+
+  .moderation-badge--interactive {
+    pointer-events: auto;
+  }
+
+  .moderation-badge__actions {
+    @apply inline-flex flex-nowrap items-center gap-sm;
+  }
+
+  .moderation-badge__label {
+    @apply inline-flex items-center gap-xs whitespace-nowrap;
+  }
+
+  .moderation-badge[data-variant="warning"] {
+    @apply border-status-warning-border bg-status-warning-surface text-status-warning-on;
+    box-shadow: 0 var(--shadow-badge-offset-y) var(--shadow-badge-blur)
+      color-mix(in srgb, var(--status-warning) 18%, transparent);
+  }
+
+  .moderation-badge[data-variant="neutral"] {
+    @apply border-status-neutral-border bg-status-neutral-surface text-status-neutral-on;
+    box-shadow: 0 var(--shadow-badge-offset-y) var(--shadow-badge-blur)
+      color-mix(in srgb, var(--status-neutral) 18%, transparent);
+  }
+
+  .moderation-badge__icon {
+    @apply inline-flex h-5 w-5 items-center justify-center rounded-full bg-status-warning-surface text-status-warning-on;
+    background-color: color-mix(
+      in srgb,
+      var(--status-warning) 18%,
+      transparent
+    );
+    color: var(--status-warning-on);
+  }
+
+  .moderation-badge[data-variant="neutral"] .moderation-badge__icon {
+    @apply bg-status-neutral-surface text-status-neutral-on;
+    background-color: color-mix(
+      in srgb,
+      var(--status-neutral) 18%,
+      transparent
+    );
+    color: var(--status-neutral-on);
+  }
+
+  .moderation-badge__icon-mark {
+    @apply h-3.5 w-3.5;
+  }
+
+  .moderation-badge__text {
+    @apply whitespace-nowrap text-xs font-semibold tracking-tight;
+  }
+
+  .moderation-badge__action {
+    @apply inline-flex items-center gap-1.5 rounded-full border border-status-warning-border bg-status-warning-surface px-3 py-1 text-xs font-semibold normal-case tracking-tight text-status-warning-on transition duration-150 ease-out;
+    background-color: color-mix(
+      in srgb,
+      var(--status-warning) 16%,
+      transparent
+    );
+    border-color: color-mix(
+      in srgb,
+      var(--status-warning-border) 80%,
+      transparent
+    );
+    color: var(--status-warning-on);
+  }
+
+  .moderation-badge[data-variant="warning"] .moderation-badge__action:hover {
+    background-color: color-mix(
+      in srgb,
+      var(--status-warning) 24%,
+      transparent
+    );
+  }
+
+  .moderation-badge[data-variant="neutral"] .moderation-badge__action {
+    @apply border-status-neutral-border bg-status-neutral-surface text-status-neutral-on;
+    background-color: color-mix(
+      in srgb,
+      var(--status-neutral) 16%,
+      transparent
+    );
+    border-color: color-mix(
+      in srgb,
+      var(--status-neutral-border) 80%,
+      transparent
+    );
+    color: var(--status-neutral-on);
+  }
+
+  .moderation-badge[data-variant="neutral"] .moderation-badge__action:hover {
+    background-color: color-mix(
+      in srgb,
+      var(--status-neutral) 24%,
+      transparent
+    );
+  }
+
+  .moderation-badge__action:focus-visible {
+    outline: var(--outline-thick-width) solid
+      color-mix(in srgb, var(--status-warning) 38%, transparent);
+    outline-offset: var(--space-3xs);
+  }
+
+  .moderation-badge[data-variant="neutral"]
+    .moderation-badge__action:focus-visible {
+    outline: var(--outline-thick-width) solid
+      color-mix(in srgb, var(--status-neutral) 38%, transparent);
+  }
+
+  .moderation-badge__action[disabled] {
+    cursor: wait;
+    opacity: 0.7;
+  }
+
+  .pill {
+    @apply inline-flex items-center gap-2 rounded-full border border-status-neutral-border bg-status-neutral-surface px-3 py-1 text-xs font-medium text-status-neutral-on;
+  }
+
+  .pill[data-size="compact"] {
+    @apply px-2 py-0.5 text-2xs;
+  }
+
+  .pill[data-variant="info"] {
+    @apply border-status-info-border bg-status-info-surface text-status-info-on;
+  }
+
+  .pill[data-variant="success"] {
+    @apply border-status-success-border bg-status-success-surface text-status-success-on;
+  }
+
+  .pill[data-variant="warning"] {
+    @apply border-status-warning-border bg-status-warning-surface text-status-warning-on;
+  }
+
+  .pill[data-variant="critical"] {
+    @apply border-status-danger-border bg-status-danger-surface text-status-danger-on;
+  }
+
+  .pill[data-variant="private"] {
+    @apply border-status-private-border bg-status-private-surface text-status-private-on;
+  }
+
+  .pill[data-variant="neutral"] {
+    @apply border-status-neutral-border bg-status-neutral-surface text-status-neutral-on;
+  }
+
+  .overlay-scrim {
+    background-color: var(--surface-overlay);
+  }
+
+  .overlay-scrim[data-strength="muted"] {
+    background-color: var(--surface-overlay-muted);
+  }
+
+  .overlay-scrim[data-strength="strong"] {
+    background-color: var(--surface-overlay-strong);
+  }
+
+  .overlay-panel {
+    background-color: var(--surface-overlay-panel);
+  }
+
+  .overlay-panel[data-variant="soft"] {
+    background-color: var(--surface-overlay-panel-soft);
+  }
+
+  .overlay-panel[data-variant="glass"] {
+    background-color: var(--surface-overlay-panel-glass);
+  }
+
+  .menu {
+    @apply flex flex-col gap-1 py-2;
+  }
+
+  .menu__heading {
+    @apply px-4 pb-2 text-xs font-semibold uppercase tracking-wide text-muted;
+  }
+
+  .menu__separator {
+    @apply my-2 h-px bg-border bg-opacity-20;
+  }
+
+  .menu__item {
+    @apply focus-ring relative flex w-full items-center gap-3 rounded-md px-4 py-2 text-sm font-medium text-text transition-colors duration-[var(--motion-duration-fast)] ease-[var(--motion-ease-in-out)];
+  }
+
+  .menu__item:hover {
+    @apply bg-panel-hover text-text;
+  }
+
+  .menu__item[data-state="active"] {
+    @apply bg-accent bg-opacity-20 text-accent-strong;
+  }
+
+  .menu__item[data-variant="critical"] {
+    @apply text-critical-strong;
+  }
+
+  .menu__item[data-variant="critical"]:hover {
+    @apply bg-critical bg-opacity-20;
+  }
+
+  .menu__item:disabled,
+  .menu__item[aria-disabled="true"] {
+    @apply cursor-not-allowed bg-transparent text-muted opacity-60;
+  }
+
+  .menu__item:disabled:hover,
+  .menu__item[aria-disabled="true"]:hover {
+    @apply bg-transparent text-muted;
+  }
+
+  .card {
+    min-width: 0;
+    --video-card-lift-translate-y: 0;
+    --video-card-backdrop-opacity: 0;
+    --video-card-backdrop-translate-y: var(--space-md-plus);
+    --video-card-backdrop-scale: 1.08;
+    --video-card-backdrop-blur: var(--blur-thumbnail-blur);
+    @apply focus-ring relative rounded-lg border border-transparent bg-card text-text shadow-md transition duration-base ease-in-out;
+    transform: translate3d(0, var(--video-card-lift-translate-y), 0);
+    transition-property:
+      transform, box-shadow, border-color, background-color, color;
+    will-change: transform;
+    isolation: isolate;
+  }
+
+  .card::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    z-index: 0;
+    opacity: var(--video-card-backdrop-opacity);
+    background-image: var(--video-card-thumb-url, none);
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    transform: translate3d(0, var(--video-card-backdrop-translate-y), 0)
+      scale(var(--video-card-backdrop-scale));
+    filter: blur(var(--video-card-backdrop-blur));
+    transition:
+      opacity var(--motion-duration-base) var(--motion-ease-in-out),
+      transform var(--motion-duration-base) var(--motion-ease-in-out),
+      filter var(--motion-duration-base) var(--motion-ease-in-out);
+    pointer-events: none;
+    will-change: opacity, transform, filter;
+  }
+
+  .card > * {
+    position: relative;
+    z-index: 1;
+  }
+
+  .card--compact {
+    @apply flex flex-row items-start gap-md;
+  }
+
+  .card--compact .video-card__media {
+    inline-size: clamp(
+      var(--video-card-compact-media-min),
+      calc(var(--video-modal-secondary-min) * 0.4),
+      var(--video-card-compact-media-max)
+    );
+    flex-basis: clamp(
+      var(--video-card-compact-media-min),
+      calc(var(--video-modal-secondary-min) * 0.4),
+      var(--video-card-compact-media-max)
+    );
+    @apply block shrink-0 overflow-hidden rounded-lg;
+  }
+
+  .card--compact .video-card__content {
+    @apply flex min-w-0 flex-1 flex-col gap-sm p-md;
+  }
+
+  .card--compact .video-card__title {
+    @apply text-base font-semibold leading-snug;
+  }
+
+  .card--compact .video-card__author-name {
+    @apply text-xs;
+  }
+
+  .card--compact .video-card__meta {
+    @apply mt-0 flex items-center gap-2 text-2xs text-muted-strong;
+  }
+
+  .card--compact .video-card__meta .view-count-text {
+    @apply text-2xs;
+  }
+
+  .card:hover,
+  .card:focus-within {
+    --video-card-lift-translate-y: var(--motion-video-card-hover-translate);
+    --video-card-backdrop-opacity: 0.425;
+    --video-card-backdrop-translate-y: var(
+      --motion-video-card-backdrop-translate
+    );
+    --video-card-backdrop-scale: 1.12;
+    --video-card-backdrop-blur: var(--blur-video-card-backdrop-strong);
+    @apply shadow-lg;
+  }
+
+  .card:focus-visible {
+    @apply border-accent border-opacity-40 shadow-lg;
+  }
+
+  .card[data-state="critical"] {
+    @apply border border-critical border-opacity-40 bg-card-critical;
+  }
+
+  .card[data-state="private"] {
+    @apply bg-card-private shadow-lg;
+  }
+
+  .card[data-state="disabled"] {
+    @apply opacity-60 shadow-none;
+  }
+
+  .video-card__title {
+    transition: color var(--motion-duration-base) var(--motion-ease-in-out);
+  }
+
+  .video-card__title:hover,
+  .video-card__title:focus-visible {
+    color: var(--color-accent);
+  }
+
+  .form-control {
+    @apply focus-ring block w-full rounded-md border border-border-subtle bg-surface-alt px-3 py-2 text-sm text-text shadow-sm transition duration-base ease-in-out placeholder:text-muted;
+  }
+
+  .form-control:hover {
+    @apply border-border;
+  }
+
+  .form-control:focus-visible {
+    @apply border-accent-strong;
+  }
+
+  .form-control:disabled {
+    @apply cursor-not-allowed bg-surface text-muted opacity-60;
+  }
+
+  .form-control:invalid {
+    @apply border-critical border-opacity-60;
+  }
+
+  .form-control[data-state="locked"],
+  .input[data-state="locked"],
+  .textarea[data-state="locked"],
+  .select[data-state="locked"],
+  textarea.form-control[data-state="locked"],
+  select.form-control[data-state="locked"] {
+    @apply cursor-default border-border-sidebar-strong bg-overlay-panel-soft text-muted;
+  }
+
+  .form-control[data-state="locked"]:focus-visible,
+  .input[data-state="locked"]:focus-visible,
+  .textarea[data-state="locked"]:focus-visible,
+  .select[data-state="locked"]:focus-visible,
+  textarea.form-control[data-state="locked"]:focus-visible,
+  select.form-control[data-state="locked"]:focus-visible {
+    @apply border-border-sidebar-strong shadow-none outline-none ring-0 ring-offset-0;
+  }
+
+  .form-control[data-state="locked"]:disabled,
+  .input[data-state="locked"]:disabled,
+  .textarea[data-state="locked"]:disabled,
+  .select[data-state="locked"]:disabled,
+  textarea.form-control[data-state="locked"]:disabled,
+  select.form-control[data-state="locked"]:disabled {
+    @apply cursor-default opacity-100;
+  }
+
+  .input {
+    @apply form-control;
+  }
+
+  .textarea {
+    @apply form-control min-h-[var(--form-textarea-min-height)] resize-y;
+  }
+
+  .select {
+    @apply form-control appearance-none pr-10;
+    --select-arrow-color: var(--color-border);
+    background-image:
+      linear-gradient(135deg, transparent 50%, var(--select-arrow-color) 50%),
+      linear-gradient(45deg, var(--select-arrow-color) 50%, transparent 50%),
+      linear-gradient(
+        to right,
+        var(--color-border-subtle),
+        var(--color-border-subtle)
+      );
+    background-position:
+      right var(--form-select-icon-offset) center,
+      right var(--form-select-icon-gap) center,
+      right var(--form-select-icon-hit-area) center;
+    background-size:
+      var(--form-select-icon-size) var(--form-select-icon-size),
+      var(--form-select-icon-size) var(--form-select-icon-size),
+      var(--form-select-divider-width) 60%;
+    background-repeat: no-repeat;
+  }
+
+  .select:hover {
+    --select-arrow-color: var(--color-border);
+  }
+
+  .select:focus-visible {
+    --select-arrow-color: var(--color-accent-strong);
+  }
+
+  .select:disabled {
+    --select-arrow-color: var(--color-border-subtle);
+  }
+
+  .select:invalid {
+    --select-arrow-color: var(--color-critical);
+  }
+
+  .checkbox {
+    @apply focus-ring inline-flex h-5 w-5 cursor-pointer appearance-none items-center justify-center rounded border border-border-subtle bg-surface-alt text-white transition duration-base ease-in-out;
+  }
+
+  .checkbox:hover {
+    @apply border-border;
+  }
+
+  .checkbox:disabled {
+    @apply cursor-not-allowed border-border-subtle bg-surface text-muted opacity-60;
+  }
+
+  .checkbox::after {
+    content: "";
+    @apply pointer-events-none h-2 w-3 border-b-2 border-r-2 border-white opacity-0 transition duration-base ease-in-out;
+    transform: rotate(45deg) translateY(var(--form-checkbox-checkmark-offset))
+      scale(0.85);
+  }
+
+  .checkbox:checked,
+  .checkbox[aria-checked="true"] {
+    @apply border-accent-strong bg-accent-strong;
+  }
+
+  .checkbox:checked::after,
+  .checkbox[aria-checked="true"]::after {
+    @apply opacity-100;
+    transform: rotate(45deg) translateY(var(--form-checkbox-checkmark-offset))
+      scale(1);
+  }
+
+  .switch {
+    @apply focus-ring relative inline-flex h-6 w-11 cursor-pointer items-center rounded-full border border-border-subtle bg-border-subtle transition-colors duration-base ease-in-out;
+  }
+
+  .switch::before {
+    content: "";
+    @apply pointer-events-none absolute left-0.5 top-1/2 h-5 w-5 -translate-y-1/2 transform rounded-full bg-surface shadow-md transition duration-base ease-in-out;
+  }
+
+  .switch:disabled {
+    @apply cursor-not-allowed border-border-subtle bg-surface text-muted opacity-60;
+  }
+
+  .switch[aria-checked="true"],
+  .switch.is-on {
+    @apply border-accent-strong bg-accent-strong;
+  }
+
+  .switch[aria-checked="true"]::before,
+  .switch.is-on::before {
+    @apply translate-x-5;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .form-control,
+    .checkbox,
+    .checkbox::after,
+    .switch,
+    .switch::before,
+    .popover-panel,
+    .popover__panel,
+    .menu__item {
+      transition: none !important;
+    }
+  }
+
+  .bv-modal {
+    @apply fixed inset-0 z-[var(--z-modal-root)] flex items-center justify-center p-6 sm:p-8;
+  }
+
+  .bv-modal[hidden],
+  .bv-modal.hidden {
+    display: none !important;
+  }
+
+  .bv-modal__panel {
+    @apply focus-ring relative z-[var(--z-modal-content)] w-full max-w-modal rounded-modal-xl border border-border-translucent px-8 pb-8 pt-7 text-left text-text shadow-modal transition duration-base ease-out;
+    background-color: var(--color-modal-surface, var(--color-overlay-panel));
+  }
+
+  .bv-modal__panel:focus-visible {
+    @apply border-border-translucent-bright;
+  }
+
+  .bv-modal-backdrop {
+    @apply fixed inset-0 z-[var(--z-modal-overlay)] backdrop-saturate-150;
+    background-color: var(--color-modal-backdrop, var(--color-overlay-muted));
+    backdrop-filter: blur(var(--blur-modal-backdrop));
+    -webkit-backdrop-filter: blur(var(--blur-modal-backdrop));
+  }
+
+  .bv-modal-backdrop[data-variant="veil"] {
+    @apply backdrop-blur-3xl;
+    background-color: var(--color-overlay-veil);
+  }
+
+  .bv-modal-backdrop[data-variant="muted"] {
+    background-color: var(--color-overlay-muted);
+  }
+
+  .modal-sheet {
+    @apply bv-modal__panel relative my-0 w-full overflow-hidden;
+    max-width: var(--modal-sheet-inline-max);
+    overscroll-behavior: contain;
+  }
+
+  @media (max-width: calc(theme("screens.lg") - var(--breakpoint-edge-offset))) {
+    .bv-modal {
+      align-items: stretch;
+      justify-content: stretch;
+      padding: 0;
+    }
+
+    .bv-modal__panel,
+    .modal-sheet {
+      inline-size: 100vw;
+      block-size: 100vh;
+      max-width: none;
+      max-height: none;
+      margin: 0;
+      border-radius: 0;
+      border: 0;
+      padding-top: calc(var(--space-lg) + env(safe-area-inset-top));
+      padding-right: calc(var(--space-lg) + env(safe-area-inset-right));
+      padding-bottom: calc(var(--space-lg) + env(safe-area-inset-bottom));
+      padding-left: calc(var(--space-lg) + env(safe-area-inset-left));
+      overflow: auto;
+    }
+  }
+
+  .modal-header {
+    @apply flex items-start justify-between gap-md px-8 pb-4 pt-7;
+    background: transparent;
+    border: 0;
+  }
+
+  .modal-header[data-variant="flush"] {
+    @apply px-0 pb-0 pt-0;
+    background: transparent;
+  }
+
+  .modal-header__title {
+    @apply text-xl font-bold text-text;
+  }
+
+  .modal-close {
+    @apply focus-ring flex h-10 w-10 items-center justify-center rounded-full transition duration-base ease-out;
+    border: var(--border-width-hairline) solid
+      var(--color-border-translucent-medium);
+    background: var(--color-surface-tint-subtle);
+    color: var(--color-text-frosted-strong);
+  }
+
+  .modal-close:hover {
+    background: var(--color-border-translucent);
+    border-color: var(--color-border-translucent-stronger);
+    color: var(--color-text);
+  }
+
+  .modal-back {
+    @apply inline-flex items-center gap-2;
+  }
+
+  @media (min-width: theme("screens.lg")) {
+    .modal-back {
+      display: none !important;
+    }
+  }
+
+  .modal-body {
+    @apply space-y-5 px-8 pb-8 pt-2;
+    overscroll-behavior: contain;
+  }
+
+  .modal-body {
+    scrollbar-width: thin;
+  }
+
+  .modal-body::-webkit-scrollbar {
+    width: var(--scrollbar-thin-width);
+  }
+
+  .modal-body::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  .modal-body::-webkit-scrollbar-thumb {
+    background: var(--color-border-translucent);
+    border-radius: var(--radius-full);
+  }
+
+  /* Modal embed containers ensure iframe wrappers respect modal sizing tokens. */
+  .modal-embed-frame {
+    @apply flex h-modal-embed max-h-modal-embed w-full flex-col;
+  }
+
+  .modal-footer {
+    @apply flex flex-col gap-3 px-8 pb-8 pt-4;
+  }
+
+  .modal-alert {
+    @apply flex items-start gap-3 rounded-md border border-warning-strong border-opacity-60 px-4 py-3 text-sm text-warning-strong;
+    backdrop-filter: blur(var(--blur-modal-alert));
+    background-color: var(--color-warning-glass);
+  }
+
+  .modal-alert__icon {
+    @apply mt-0.5 h-5 w-5 flex-shrink-0 text-warning-strong;
+  }
+
+  .modal-tile {
+    @apply rounded-xl border border-border-translucent bg-overlay-panel-soft px-5 py-4 text-sm text-text-frosted;
+    background-color: var(--color-overlay-panel-glass-soft);
+  }
+
+  .modal-tile > h3 {
+    @apply text-base font-semibold text-text;
+  }
+
+  .modal-primary {
+    @apply btn w-full justify-center;
+  }
+
+  .grid-stack {
+    @apply grid gap-lg;
+  }
+
+  .grid-stack[data-variant="cards"] {
+    @apply grid-cols-1 sm:grid-cols-2 xl:grid-cols-3;
+  }
+
+  .grid-stack[data-orientation="vertical"] {
+    @apply flex flex-col gap-md;
+  }
+
+  .bv-stack {
+    @apply flex flex-col gap-lg;
+  }
+
+  .bv-stack--tight {
+    @apply gap-md;
+  }
+
+  .bv-grid-video {
+    @apply grid gap-xl py-lg;
+    grid-template-columns: repeat(
+      auto-fill,
+      minmax(var(--grid-card-min-width), 1fr)
+    );
+  }
+
+  .card[data-alert="nsfw-owner"] {
+    @apply border border-critical border-opacity-40 bg-black;
+  }
+
+  .card[data-alert="nsfw-owner"]:hover {
+    @apply border-opacity-60 shadow-lg;
+  }
+
+  .card img[data-thumbnail-state="blurred"],
+  .card img[data-visual-state="blurred"],
+  .channel-profile-container img[data-visual-state="blurred"] {
+    @apply transition duration-base ease-in-out;
+    filter: blur(var(--blur-thumbnail-blur));
+    transform: scale(1.05);
+  }
+
+  .channel-moderation-badge-anchor {
+    @apply flex flex-col gap-sm;
+    pointer-events: none;
+    width: 100%;
+  }
+
+  .channel-moderation-badge-anchor:empty {
+    display: none;
+  }
+
+  .channel-moderation-badge-anchor > [data-moderation-badge="true"] {
+    pointer-events: auto;
+    max-width: min(100%, var(--moderation-badge-max-inline));
+  }
+
+  #playerModal .video-modal__video {
+    position: relative;
+  }
+
+  #playerModal
+    .video-modal__video[data-visual-state="blurred"]
+    .video-modal__media {
+    @apply transition duration-base ease-in-out;
+    filter: blur(var(--blur-thumbnail-blur));
+    transform: scale(1.05);
+  }
+
+  #playerModal .video-modal__moderation-bar {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding-bottom: var(--space-md);
+  }
+
+  #playerModal .video-modal__moderation-bar[hidden] {
+    display: none;
+  }
+
+  #playerModal .video-modal__moderation-bar .moderation-badge {
+    width: 100%;
+    max-width: none;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: center;
+    gap: var(--space-sm);
+    @apply px-4 py-3;
+  }
+
+  #playerModal .video-modal__moderation-bar .moderation-badge__label {
+    flex: 1 1 auto;
+  }
+
+  #playerModal .video-modal__moderation-bar .moderation-badge__actions {
+    flex-shrink: 0;
+  }
+
+  .card[data-owner-is-viewer="true"][data-url-health-state="offline"][data-stream-health-state="unhealthy"] {
+    @apply border border-critical border-opacity-40 bg-card-critical;
+  }
+
+  .video-visibility-toggle {
+    @apply inline-flex items-center gap-1 rounded-full border border-border bg-panel px-1 py-1;
+  }
+
+  .video-visibility-toggle__option {
+    @apply inline-flex items-center justify-center rounded-full border border-transparent bg-panel px-3 py-2 text-xs font-semibold uppercase text-muted transition duration-base ease-in-out;
+  }
+
+  .video-visibility-toggle__option:not(.is-disabled):hover {
+    @apply bg-panel-hover text-text;
+  }
+
+  .video-visibility-toggle__option[data-active="true"] {
+    @apply border border-accent border-opacity-60 text-text shadow-lg;
+  }
+
+  .video-visibility-toggle__option.is-disabled {
+    @apply cursor-not-allowed opacity-45;
+  }
+
+  .video-modal__container {
+    @apply flex h-full min-h-screen w-full flex-1 flex-col;
+  }
+
+  .player-modal__container {
+    @apply video-modal__container gap-6;
+  }
+
+  #playerModal {
+    --player-modal-vertical-padding: var(--space-md-plus);
+    --player-modal-primary-inline-padding-lg: clamp(
+      var(--space-sm),
+      2.75vw,
+      var(--space-lg)
+    );
+  }
+
+  #playerModal > .bv-modal__panel {
+    max-width: none;
+    width: 100%;
+    min-height: 100%;
+    padding: 0;
+    border-radius: 0;
+    box-shadow: none;
+    border: none;
+    background-color: var(--color-surface);
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: flex-start;
+    flex: 1 1 auto;
+  }
+
+  .video-modal__panel {
+    position: relative;
+    z-index: var(--z-modal-content);
+    display: flex;
+    flex: 1 1 auto;
+    width: 100%;
+    min-height: 100%;
+    flex-direction: column;
+    overflow: visible;
+    padding: 0;
+    margin: 0;
+    border: none;
+    border-radius: 0;
+    background-color: var(--color-surface);
+    box-shadow: none;
+  }
+
+  #playerModal .watch-container {
+    width: 100%;
+    max-width: var(--player-modal-inline-max, var(--layout-player-max-width));
+    margin-inline: auto;
+    padding-inline: var(
+      --player-modal-inline-padding,
+      clamp(var(--space-md), 4vw, var(--space-xl-plus))
+    );
+    overflow: visible;
+  }
+
+  #playerModal .watch-container.video-modal__similar {
+    padding-inline: clamp(var(--space-3xs), 0.6vw, var(--space-2xs));
+  }
+
+  #playerModal .video-modal__primary > .watch-container:first-child {
+    padding-block-start: var(--player-modal-vertical-padding);
+  }
+
+  #playerModal .video-modal__primary > .watch-container:last-child {
+    padding-block-end: var(--player-modal-vertical-padding);
+  }
+
+  #playerModal .video-modal__secondary > .watch-container:last-child {
+    padding-block-end: var(--player-modal-vertical-padding);
+  }
+
+  #playerModal .modal-nav .watch-container {
+    max-width: none;
+    margin-inline: 0;
+  }
+
+  #playerModal .modal-info-panel {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md-plus);
+  }
+
+  #playerModal h2#videoTitle {
+    margin: 0;
+    font-size: clamp(
+      var(--font-size-xl),
+      calc(var(--font-size-modal-title-base) + 0.5vw),
+      var(--font-size-xl-plus)
+    );
+    font-weight: 600;
+    line-height: 1.3;
+    color: var(--color-text);
+    min-width: 0;
+    overflow-wrap: break-word;
+    word-break: break-word;
+  }
+
+  @media (min-width: theme("screens.lg")) {
+    .video-modal__headline #videoTitle.video-modal__title {
+      flex: 1 1 0%;
+      min-width: 0;
+      max-width: calc(100% - var(--space-3xl) - var(--space-md));
+    }
+
+    .video-modal__headline .video-modal__status {
+      flex: 0 0 auto;
+      max-width: clamp(var(--space-xl), 25%, var(--space-3xl));
+      margin-left: auto;
+    }
+  }
+
+  #playerModal .modal-meta {
+    font-size: var(--font-size-sm);
+    line-height: 1.4;
+    color: var(--color-text-muted);
+  }
+
+  #playerModal .modal-view-count {
+    font-weight: 600;
+    color: var(--color-text);
+  }
+
+  #playerModal .channel-card {
+    display: flex;
+    align-items: center;
+    gap: var(--space-md);
+    padding: var(--space-md) var(--space-lg);
+    border-radius: var(--radius-xl);
+    border: var(--border-width-hairline) solid var(--color-border-translucent);
+    background-color: var(--color-surface);
+    box-shadow: var(--shadow-sm);
+  }
+
+  #playerModal .player-modal__module {
+    display: flex;
+    flex-direction: column;
+    gap: clamp(var(--space-2xs), 1vw, var(--space-sm));
+    width: 100%;
+    padding: clamp(var(--space-xs), 1vw, var(--space-sm));
+    border-radius: var(--radius-xl);
+    border: var(--border-width-hairline) solid var(--color-border-translucent);
+    background-color: var(--color-surface);
+    box-shadow: var(--shadow-sm);
+  }
+
+  #playerModal .player-modal__module-title {
+    margin: 0;
+    font-size: var(--font-size-lg);
+    font-weight: 600;
+    line-height: 1.3;
+    color: var(--color-text);
+  }
+
+  #playerModal .player-modal__module-list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  #playerModal .video-modal__similar .player-modal__module {
+    gap: clamp(var(--space-3xs), 0.6vw, var(--space-xs));
+    padding: clamp(var(--space-2xs), 0.6vw, var(--space-xs));
+    border-width: 0;
+    box-shadow: none;
+    background-color: transparent;
+  }
+
+  #playerModal .video-modal__similar .player-modal__module-title {
+    padding-inline: clamp(var(--space-3xs), 0.6vw, var(--space-2xs));
+  }
+
+  #playerModal .video-modal__similar .player-modal__module-list {
+    gap: clamp(var(--space-3xs), 0.6vw, var(--space-xs));
+    padding-inline: clamp(var(--space-3xs), 0.6vw, var(--space-2xs));
+    padding-bottom: clamp(var(--space-3xs), 0.6vw, var(--space-2xs));
+  }
+
+  #playerModal .player-modal__module-scroll {
+    max-height: clamp(
+      var(--player-modal-module-scroll-min-height),
+      calc(
+        100vh - (var(--player-modal-vertical-padding) * 2) - var(--space-2xl)
+      ),
+      var(--player-modal-module-scroll-max-height)
+    );
+    overflow-y: auto;
+    overflow-x: hidden;
+    overscroll-behavior: contain;
+    scrollbar-gutter: stable;
+    padding-inline-end: var(--space-xs);
+  }
+
+  #playerModal .video-modal__similar .player-modal__module-scroll {
+    max-height: none;
+    overflow: visible;
+    padding-inline-end: 0;
+    scrollbar-gutter: auto;
+  }
+
+  #playerModal .player-modal__module-scroll > li {
+    scroll-margin-block: var(--space-xs);
+  }
+
+  @media (max-width: theme("screens.xs")) {
+    #playerModal .modal-nav .icon-button {
+      width: var(--space-xl);
+      height: var(--space-xl);
+      min-width: var(--space-xl);
+      min-height: var(--space-xl);
+    }
+
+    #playerModal .watch-container {
+      padding-inline: var(--space-sm);
+    }
+
+    #playerModal .channel-card {
+      gap: var(--space-sm);
+      padding: var(--space-sm) var(--space-md);
+    }
+  }
+
+  #playerModal .channel-card__avatar {
+    flex-shrink: 0;
+    width: var(--avatar-size-lg);
+    height: var(--avatar-size-lg);
+    border-radius: var(--radius-full);
+    overflow: hidden;
+    background-color: var(--color-border-subtle);
+  }
+
+  #playerModal .channel-card__avatar img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  #playerModal .channel-card__name {
+    margin: 0;
+    font-size: var(--font-size-lg);
+    font-weight: 600;
+    color: var(--color-text);
+  }
+
+  #playerModal .channel-card__npub {
+    margin: 0;
+    font-size: var(--font-size-sm);
+    color: var(--color-text-muted);
+  }
+
+  #playerModal .description-panel {
+    padding: var(--space-md-plus) var(--space-lg);
+    border-radius: var(--radius-xl);
+    border: var(--border-width-hairline) solid var(--color-border-translucent);
+    background-color: var(--color-surface);
+    box-shadow: var(--shadow-sm);
+  }
+
+  #playerModal .description-panel p {
+    margin: 0;
+    font-size: var(--font-size-sm);
+    line-height: 1.6;
+    color: var(--color-text);
+  }
+
+  .player-modal__content {
+    @apply video-modal__panel;
+  }
+
+  #playerModal .modal-nav {
+    @apply sticky top-0 z-overlay-nav translate-y-0 transition-transform duration-150;
+    background-color: var(--surface-overlay-panel);
+    background-image: linear-gradient(
+      180deg,
+      color-mix(in srgb, var(--surface-overlay-panel) 94%, transparent) 0%,
+      color-mix(in srgb, var(--surface-overlay-panel) 88%, transparent) 100%
+    );
+    border-bottom: var(--border-width-hairline) solid var(--border-overlay);
+    backdrop-filter: blur(var(--modal-nav-backdrop-blur));
+    -webkit-backdrop-filter: blur(var(--modal-nav-backdrop-blur));
+  }
+
+  #playerModal .modal-nav__bar {
+    @apply flex w-full items-center justify-start gap-2;
+    padding-block: var(--space-xs);
+    padding-inline: clamp(var(--space-sm), 2.5vw, var(--space-lg));
+  }
+
+  #playerModal .modal-nav__rail {
+    @apply flex w-full items-center justify-between gap-2;
+  }
+
+  #playerModal .modal-nav__slot {
+    @apply flex items-center gap-2;
+  }
+
+  #playerModal .modal-nav__slot--context {
+    @apply justify-end;
+    margin-inline-start: auto;
+    min-inline-size: 0;
+  }
+
+  #playerModal .modal-nav__context {
+    @apply text-xs font-semibold uppercase tracking-wide text-muted;
+  }
+
+  #playerModal .modal-nav .modal-actions {
+    @apply flex items-center gap-2;
+    margin-left: 0;
+    align-self: stretch;
+  }
+
+  #playerModal .modal-nav .icon-button {
+    @apply inline-flex items-center justify-center rounded-full text-muted transition duration-150 ease-out;
+    inline-size: var(--icon-size-md);
+    block-size: var(--icon-size-md);
+    background: var(--surface-overlay-panel-tint);
+    border: var(--border-width-hairline) solid var(--border-overlay);
+    color: var(--color-text-muted);
+  }
+
+  #playerModal .modal-nav .icon-button:hover,
+  #playerModal .modal-nav .icon-button:focus-visible {
+    background: var(--surface-overlay-panel-soft);
+    border-color: var(--border-overlay-strong);
+    color: var(--color-text);
+  }
+
+  .modal-nav--hidden {
+    @apply -translate-y-full;
+  }
+
+  .modal-nav--visible {
+    @apply translate-y-0;
+  }
+
+  .video-modal__layout {
+    --video-modal-secondary-size: clamp(
+      var(--video-modal-secondary-min),
+      46vw,
+      var(--video-modal-secondary-max)
+    );
+    --video-modal-gap: clamp(var(--space-2xs), 0.85vw, var(--space-sm));
+    @apply grid;
+    gap: var(--video-modal-gap);
+    width: min(100%, var(--video-modal-layout-max));
+    margin-inline: auto;
+    grid-template-columns: minmax(0, 1fr);
+    grid-template-areas:
+      "primary"
+      "secondary";
+    align-items: start;
+  }
+
+  @media (min-width: theme("screens.lg")) {
+    .video-modal__layout {
+      --video-modal-secondary-size: clamp(
+        var(--video-modal-secondary-min),
+        30vw,
+        var(--video-modal-secondary-max)
+      );
+      grid-template-columns:
+        minmax(0, 1fr)
+        minmax(
+          var(--video-modal-secondary-min),
+          var(--video-modal-secondary-size)
+        );
+      grid-template-areas: "primary secondary";
+      align-items: stretch;
+      grid-auto-flow: column;
+    }
+
+    .video-modal__primary {
+      min-width: 0;
+      min-height: 0;
+      grid-area: primary;
+    }
+
+    .video-modal__secondary {
+      min-width: var(--video-modal-secondary-min);
+      min-height: 0;
+      max-width: var(--video-modal-secondary-size);
+      grid-area: secondary;
+      height: 100%;
+    }
+
+    #playerModal .video-modal__layout .watch-container {
+      max-width: none;
+      margin-inline: 0;
+      width: 100%;
+    }
+  }
+
+  @media (min-width: theme("screens.xl")) {
+    .video-modal__layout {
+      --video-modal-secondary-size: clamp(
+        var(--video-modal-secondary-min),
+        28vw,
+        var(--video-modal-secondary-max)
+      );
+    }
+  }
+
+  #playerModal .video-modal__layout {
+    display: grid;
+  }
+
+  @media (min-width: theme("screens.lg")) {
+    #playerModal .video-modal__layout {
+      grid-template-columns:
+        minmax(0, 1fr)
+        minmax(
+          var(--video-modal-secondary-min),
+          var(--video-modal-secondary-size)
+        );
+      grid-template-areas: "primary secondary";
+      align-items: stretch;
+      grid-auto-flow: column;
+    }
+
+    #playerModal .video-modal__primary {
+      grid-area: primary;
+    }
+
+    #playerModal .video-modal__secondary {
+      grid-area: secondary;
+    }
+  }
+
+  @media (min-width: theme("screens.lg")) {
+    #playerModal .video-modal__primary {
+      --player-modal-inline-padding: var(
+        --player-modal-primary-inline-padding-lg,
+        clamp(var(--space-sm), 2.75vw, var(--space-lg))
+      );
+    }
+
+    #playerModal .modal-nav__bar {
+      --player-modal-inline-padding: var(
+        --player-modal-primary-inline-padding-lg,
+        clamp(var(--space-sm), 2.75vw, var(--space-lg))
+      );
+    }
+  }
+
+  .revert-modal__layout {
+    @apply grid gap-6;
+  }
+
+  @media (min-width: theme("screens.lg")) {
+    .revert-modal__layout {
+      grid-template-columns:
+        minmax(
+          var(--revert-modal-sidebar-min),
+          var(--revert-modal-sidebar-width)
+        )
+        minmax(0, 1fr);
+    }
+  }
+
+  .video-modal__primary {
+    @apply flex flex-col gap-6;
+    min-width: 0;
+    min-height: 0;
+  }
+
+  .video-modal__secondary {
+    @apply flex flex-col gap-4;
+    min-width: 0;
+    min-height: 0;
+    width: 100%;
+    align-self: stretch;
+  }
+
+  .video-modal__similar {
+    display: none;
+  }
+
+  @media (min-width: theme("screens.lg")) {
+    .video-modal__similar {
+      @apply flex flex-col gap-6;
+      align-self: stretch;
+      flex: 1 1 auto;
+      min-height: 0;
+    }
+  }
+
+  @media (min-width: theme("screens.lg")) {
+    #playerModal .video-modal__similar .player-modal__module {
+      height: 100%;
+      display: flex;
+      flex: 1 1 auto;
+      min-height: 0;
+      flex-direction: column;
+    }
+
+    #playerModal .video-modal__similar .player-modal__module-list {
+      flex: 1 1 auto;
+      min-height: 0;
+    }
+
+    #playerModal .video-modal__similar .player-modal__module-scroll {
+      height: 100%;
+      max-height: none;
+      min-height: 0;
+    }
+  }
+
+  #playerModal .player-modal__module-item {
+    width: 100%;
+  }
+
+  #playerModal
+    .player-modal__module-item
+    > .card:not(.player-modal__similar-card) {
+    @apply flex w-full flex-row flex-nowrap items-stretch gap-md;
+  }
+
+  #playerModal
+    .player-modal__module-item
+    > .card:not(.player-modal__similar-card)
+    .video-card__media {
+    width: clamp(
+      var(--video-modal-item-media-min),
+      18vw,
+      var(--video-modal-item-media-max)
+    );
+    @apply shrink-0 overflow-hidden rounded-lg;
+  }
+
+  #playerModal
+    .player-modal__module-item
+    > .card:not(.player-modal__similar-card)
+    .video-card__content {
+    padding: clamp(var(--space-sm), 1.25vw, var(--space-md));
+    @apply flex min-w-0 flex-1 flex-col gap-sm;
+  }
+
+  #playerModal
+    .player-modal__module-item
+    > .card:not(.player-modal__similar-card)
+    .video-card__meta {
+    @apply flex flex-wrap items-center gap-2 text-xs text-muted-strong;
+  }
+
+  #playerModal .video-modal__similar .player-modal__module-list {
+    gap: clamp(var(--space-2xs), 0.85vw, var(--space-sm));
+  }
+
+  .player-modal__similar-card {
+    @apply focus-ring relative flex w-full min-w-0 items-start gap-3 rounded-xl p-2 transition duration-base ease-out;
+  }
+
+  .player-modal__similar-card:hover,
+  .player-modal__similar-card:focus-within {
+    background-color: var(--surface-panel-hover);
+  }
+
+  .player-modal__similar-card-media {
+    @apply relative block shrink-0 overflow-hidden rounded-lg bg-surface-alt;
+    width: var(--similar-card-media-width);
+    aspect-ratio: 16 / 9;
+    background-image: var(--similar-card-thumb-url, none);
+    background-position: center;
+    background-size: cover;
+  }
+
+  @media (max-width: theme("screens.sm")) {
+    .player-modal__similar-card-media {
+      width: var(--similar-card-media-width-sm);
+    }
+  }
+
+  .player-modal__similar-card-media img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    border-radius: inherit;
+  }
+
+  .player-modal__similar-card-content {
+    @apply flex min-w-0 flex-1 flex-col gap-1;
+  }
+
+  .player-modal__similar-card-title {
+    @apply text-sm font-semibold leading-snug text-text transition-colors duration-base ease-out;
+    min-width: 0;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  }
+
+  .player-modal__similar-card:hover .player-modal__similar-card-title,
+  .player-modal__similar-card-title:focus-visible {
+    color: var(--color-accent-strong);
+  }
+
+  .player-modal__similar-card-author {
+    @apply flex min-w-0 items-center;
+  }
+
+  .player-modal__similar-card-author-meta {
+    @apply flex min-w-0 flex-col;
+  }
+
+  .player-modal__similar-card-author-name {
+    @apply truncate text-xs font-medium text-muted transition-colors duration-base ease-out;
+  }
+
+  .player-modal__similar-card:hover .player-modal__similar-card-author-name {
+    @apply text-text-strong;
+  }
+
+  /* Hidden for now to match cleaner modern look, but kept in DOM if needed */
+  .player-modal__similar-card-author-npub {
+    display: none;
+  }
+
+  .player-modal__similar-card-meta {
+    @apply flex flex-wrap items-center gap-1 text-2xs text-muted-strong;
+    min-width: 0;
+  }
+
+  .player-modal__similar-card-timestamp {
+    white-space: nowrap;
+  }
+
+  .player-modal__similar-card-separator {
+    @apply text-muted opacity-60;
+  }
+
+  .player-modal__similar-card-views {
+    white-space: nowrap;
+  }
+
+  .video-modal__stage {
+    position: relative;
+    isolation: isolate;
+    overflow: visible;
+    --video-modal-ambient-bleed: clamp(
+      var(--space-2xl),
+      12vw,
+      var(--space-5xl)
+    );
+    --video-modal-ambient-scale: 1.38;
+    --video-modal-ambient-blur: clamp(
+      var(--video-modal-ambient-blur-min),
+      20vw,
+      var(--video-modal-ambient-blur-max)
+    );
+    --video-modal-ambient-opacity: 1;
+  }
+
+  .video-modal__video {
+    position: relative;
+    z-index: 1;
+    border-radius: var(--radius-xl);
+    padding-block: clamp(var(--space-xs), 2.5vw, var(--space-md-plus));
+    background-color: transparent;
+    box-shadow: 0 0 0 var(--border-width-hairline)
+      color-mix(in srgb, var(--color-border-strong) 8%, transparent) inset;
+    overflow: visible;
+  }
+
+  .video-modal__ambient {
+    position: absolute;
+    inset: calc(var(--video-modal-ambient-bleed) * -1);
+    border-radius: calc(var(--radius-3xl) + var(--video-modal-ambient-bleed));
+    pointer-events: none;
+    z-index: 0;
+    display: block;
+    overflow: visible;
+  }
+
+  .video-modal__ambient::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    background: radial-gradient(
+      circle at 50% 50%,
+      color-mix(in srgb, var(--color-overlay-strong) 18%, transparent) 0%,
+      color-mix(in srgb, var(--color-overlay) 34%, transparent) 62%,
+      transparent 100%
+    );
+    opacity: 0.9;
+    mix-blend-mode: screen;
+    pointer-events: none;
+  }
+
+  .video-modal__ambient-canvas {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    display: block;
+    transform: scale(var(--video-modal-ambient-scale));
+    filter: blur(var(--video-modal-ambient-blur)) saturate(2) brightness(1.24);
+    opacity: var(--video-modal-ambient-opacity);
+  }
+
+  @media (min-width: theme("screens.lg")) {
+    .video-modal__video {
+      position: sticky;
+      top: calc(var(--space-2xl) + var(--space-3xl));
+      z-index: 1;
+    }
+
+    .video-modal__status {
+      flex-basis: clamp(var(--space-xl), 25%, var(--space-3xl));
+      max-width: clamp(var(--space-xl), 25%, var(--space-3xl));
+    }
+
+    .video-modal__details {
+      position: relative;
+      z-index: 2;
+      margin-top: var(--space-lg);
+    }
+  }
+
+  #playerModal .video-modal__video video {
+    position: relative;
+    z-index: 1;
+    background-color: var(--color-black);
+    border-radius: var(--radius-lg);
+    box-shadow: var(--shadow-video-modal);
+    max-height: min(80vh, calc(100vw * 9 / 16));
+    object-fit: contain;
+  }
+
+  .video-modal__media {
+    display: block;
+    aspect-ratio: 16 / 9;
+    width: 100%;
+    object-fit: contain;
+  }
+
+  .video-modal__details {
+    @apply flex flex-col gap-6;
+  }
+
+  .video-modal__meta {
+    @apply border-b border-border border-opacity-20 pb-4;
+  }
+
+  /* Video modal tag strip */
+  .video-modal__tags {
+    @apply -mx-1 flex gap-2 px-1;
+  }
+
+  .video-modal__similar .video-modal__tags {
+    margin-bottom: clamp(var(--space-xs), 0.9vw, var(--space-md));
+  }
+
+  .video-modal__tags[hidden] {
+    display: none;
+  }
+
+  .video-modal__tags[data-fade] {
+    position: relative;
+  }
+
+  .video-modal__tags[data-fade]::before,
+  .video-modal__tags[data-fade]::after {
+    content: "";
+    position: sticky;
+    top: 0;
+    bottom: 0;
+    width: var(--space-lg);
+    pointer-events: none;
+    z-index: 1;
+  }
+
+  .video-modal__tags[data-fade]::before {
+    left: 0;
+    background: linear-gradient(
+      to right,
+      var(--surface-overlay-muted),
+      transparent
+    );
+  }
+
+  .video-modal__tags[data-fade]::after {
+    right: 0;
+    background: linear-gradient(
+      to left,
+      var(--surface-overlay-muted),
+      transparent
+    );
+  }
+
+  .video-tag-strip {
+    display: flex;
+    flex-wrap: nowrap;
+    align-items: center;
+    gap: var(--space-xs);
+    overflow: hidden;
+  }
+
+  .video-tag-strip--scroll {
+    overflow-x: auto;
+    overflow-y: hidden;
+    -webkit-overflow-scrolling: touch;
+    padding-bottom: var(--space-xs);
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+  }
+
+  .video-tag-strip--scroll::-webkit-scrollbar {
+    display: none;
+    width: 0;
+    height: 0;
+  }
+
+  .video-tag-pill {
+    @apply inline-flex items-center gap-2 rounded-full border border-status-neutral-border bg-status-neutral-surface px-3 py-1 text-2xs font-medium text-status-neutral-on;
+    @apply relative justify-center whitespace-nowrap transition;
+    @apply min-h-[calc(var(--space-sm)+var(--space-xs))];
+    @apply me-1;
+  }
+
+  .video-tag-pill__label {
+    @apply transition-opacity duration-150 ease-in-out;
+    opacity: 1;
+  }
+
+  .video-tag-pill__icon {
+    @apply absolute inset-0 flex items-center justify-center transition duration-150 ease-in-out;
+    opacity: 0;
+    transform: scale(0.8);
+  }
+
+  .video-tag-pill__icon svg {
+    @apply h-3 w-3;
+  }
+
+  .video-tag-pill:hover .video-tag-pill__label,
+  .video-tag-pill:focus-visible .video-tag-pill__label {
+    opacity: 0;
+  }
+
+  .video-tag-pill:hover .video-tag-pill__icon,
+  .video-tag-pill:focus-visible .video-tag-pill__icon {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  .video-modal__actions-row {
+    @apply flex w-full flex-wrap items-start gap-x-3 gap-y-3 sm:gap-x-4;
+  }
+
+  .video-modal__reactions,
+  .video-modal__actions-group {
+    flex: 1 1 var(--menu-min-width);
+    min-inline-size: 0;
+  }
+
+  .video-modal__reactions {
+    @apply flex basis-full flex-wrap items-start gap-3 sm:gap-4 md:basis-auto;
+  }
+
+  .video-modal__reaction-buttons {
+    @apply inline-flex flex-wrap items-center gap-2;
+  }
+
+  .video-modal__reaction-button {
+    --video-modal-reaction-active-bg: color-mix(
+      in srgb,
+      var(--color-accent) 22%,
+      var(--surface-overlay-panel)
+    );
+    --video-modal-reaction-active-border: color-mix(
+      in srgb,
+      var(--color-accent) 38%,
+      var(--border-overlay)
+    );
+  }
+
+  .video-modal__reaction-button[aria-pressed="true"] {
+    color: var(--color-accent-strong);
+    background-color: var(--video-modal-reaction-active-bg);
+    border-color: var(--video-modal-reaction-active-border);
+  }
+
+  .video-modal__reaction-button[aria-pressed="true"]
+    .video-modal__reaction-count {
+    color: var(--color-accent-strong);
+  }
+
+  .video-modal__reaction-count {
+    @apply text-sm font-semibold text-muted;
+  }
+
+  .video-modal__reaction-meter {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    flex-wrap: wrap;
+    flex: 1 1 var(--menu-min-width);
+    max-inline-size: 100%;
+  }
+
+  .video-modal__reaction-meter-label {
+    @apply text-sm font-medium text-muted;
+    min-inline-size: var(--video-modal-reaction-label-min-inline);
+  }
+
+  .video-modal__reaction-meter-track {
+    position: relative;
+    flex: 1 1 auto;
+    inline-size: 100%;
+    block-size: var(--space-xs);
+    border-radius: var(--radius-full);
+    background-color: var(--color-border-muted);
+    overflow: hidden;
+  }
+
+  .video-modal__reaction-meter-fill {
+    position: absolute;
+    inset-inline-start: 0;
+    inset-block-start: 0;
+    block-size: 100%;
+    max-inline-size: 100%;
+    inline-size: var(--video-modal-reaction-fill, 0%);
+    width: var(--video-modal-reaction-fill, 0%);
+    background-image: linear-gradient(
+      90deg,
+      var(--color-accent) 0%,
+      var(--color-accent-strong) 100%
+    );
+    transition: inline-size var(--motion-duration-base) var(--motion-ease-out);
+  }
+
+  .video-modal__reaction-meter-fill--empty {
+    inline-size: 0%;
+    width: 0%;
+  }
+
+  .video-modal__actions-group {
+    @apply flex basis-full flex-wrap items-start justify-start gap-3 md:basis-auto md:justify-end;
+  }
+
+  @media (min-width: theme("screens.md")) {
+    .video-modal__actions-group {
+      margin-inline-start: auto;
+    }
+  }
+
+  .video-modal__action-button {
+    @apply inline-flex h-11 items-center justify-center gap-2 rounded-full text-sm font-semibold transition duration-base ease-out;
+    min-width: var(--video-modal-action-min-width);
+    padding-inline: var(--space-md);
+    border-width: var(--border-width-hairline);
+    border-style: solid;
+  }
+
+  .video-modal__action-label {
+    @apply hidden sm:inline;
+  }
+
+  .video-modal__action-icon {
+    @apply h-5 w-5;
+  }
+
+  .video-modal__channel,
+  .video-modal__description,
+  .video-modal__stats {
+    @apply rounded-2xl border border-border border-opacity-20 bg-surface px-5 py-4 shadow-sm;
+  }
+
+  .video-modal__description-body {
+    overflow-wrap: anywhere;
+    word-break: break-word;
+  }
+
+  .video-modal__description-body a {
+    color: var(--color-accent-strong);
+    text-decoration: underline;
+    text-decoration-color: currentColor;
+    word-break: break-word;
+  }
+
+  .video-modal__description-body a:hover,
+  .video-modal__description-body a:focus-visible {
+    color: var(--color-accent-pressed);
+  }
+
+  .video-modal__comments {
+    @apply rounded-2xl border border-border border-opacity-20 bg-surface px-5 py-5 shadow-sm;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-lg);
+  }
+
+  .comment-thread {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-lg);
+  }
+
+  .comment-thread__header {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: var(--space-sm);
+  }
+
+  .comment-thread__title {
+    @apply text-lg font-semibold text-text;
+  }
+
+  .comment-thread__count {
+    @apply text-sm text-muted;
+    margin: 0;
+  }
+
+  .comment-thread__empty {
+    @apply text-sm text-muted;
+    margin: 0;
+    padding: var(--space-md);
+    border-radius: var(--radius-lg);
+    border: var(--border-width-hairline) dashed
+      color-mix(in srgb, var(--border-default) 40%, transparent);
+    background-color: var(--surface-alt);
+  }
+
+  .comment-thread__list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .comment-thread__item {
+    display: grid;
+    grid-template-columns: auto 1fr;
+    gap: var(--space-md);
+    padding-block: var(--space-sm);
+    border-bottom: var(--border-width-hairline) solid var(--border-subtle);
+  }
+
+  .comment-thread__item:last-child {
+    border-bottom: none;
+    padding-bottom: 0;
+  }
+
+  .comment-thread__avatar {
+    inline-size: var(--comment-avatar-size);
+    block-size: var(--comment-avatar-size);
+  }
+
+  .comment-thread__avatar img {
+    @apply rounded-full object-cover;
+    inline-size: 100%;
+    block-size: 100%;
+  }
+
+  .comment-thread__content {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+    min-inline-size: 0;
+  }
+
+  .comment-thread__meta {
+    @apply text-xs text-muted;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--space-xs);
+  }
+
+  .comment-thread__author {
+    font-weight: 600;
+    color: var(--text-primary);
+  }
+
+  .comment-thread__timestamp {
+    color: var(--text-muted);
+  }
+
+  .comment-thread__body {
+    color: var(--text-primary);
+    line-height: 1.6;
+    word-break: break-word;
+  }
+
+  .comment-thread__actions {
+    @apply text-xs;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--space-sm);
+  }
+
+  .comment-thread__actions button {
+    @apply focus-ring inline-flex items-center gap-1 rounded-full border border-border-subtle bg-surface px-3 py-1 text-xs font-semibold text-muted transition duration-base ease-out;
+  }
+
+  .comment-thread__actions button:hover,
+  .comment-thread__actions button:focus-visible {
+    color: var(--text-primary);
+    border-color: var(--border-default);
+  }
+
+  .comment-thread__replies {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+    margin: 0;
+    margin-inline-start: calc(var(--space-lg) + var(--space-sm));
+    padding-inline-start: var(--space-md);
+    padding-block-start: var(--space-md);
+    border-inline-start: var(--border-width-hairline) solid var(--border-subtle);
+    list-style: none;
+  }
+
+  .comment-thread__load-more {
+    @apply inline-flex items-center justify-center gap-2 rounded-full border border-border-subtle bg-surface px-4 py-2 text-sm font-semibold text-text transition duration-base ease-out;
+  }
+
+  .comment-thread__load-more:hover,
+  .comment-thread__load-more:focus-visible {
+    border-color: var(--border-default);
+    color: var(--text-primary);
+    background-color: color-mix(in srgb, var(--surface-alt) 70%, transparent);
+  }
+
+  .comment-thread__disabled {
+    @apply text-sm text-muted;
+    border-radius: var(--radius-lg);
+    border: var(--border-width-hairline) dashed
+      color-mix(in srgb, var(--border-default) 32%, transparent);
+    background-color: var(--surface-alt);
+    padding: var(--space-md);
+  }
+
+  .comment-composer {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+    border-top: var(--border-width-hairline) solid var(--border-subtle);
+    padding-top: var(--space-lg);
+  }
+
+  .comment-composer__field {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-2xs);
+  }
+
+  .comment-composer__label {
+    @apply text-sm font-semibold text-text;
+  }
+
+  .comment-composer__textarea {
+    min-block-size: var(--comment-composer-min-height);
+  }
+
+  .comment-composer__footer {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+
+  .comment-composer__hint {
+    @apply text-xs text-muted;
+    margin: 0;
+  }
+
+  .comment-composer__actions {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: flex-end;
+    gap: var(--space-sm);
+  }
+
+  .comment-composer__char-count {
+    @apply text-xs font-medium text-muted;
+  }
+
+  .comment-composer__submit {
+    @apply focus-ring;
+  }
+
+  .comment-composer__status {
+    margin: 0;
+  }
+
+  @media (min-width: theme("screens.sm")) {
+    .comment-composer__footer {
+      flex-direction: row;
+      align-items: center;
+      justify-content: space-between;
+    }
+  }
+
+  .video-modal__progress {
+    @apply h-2 w-full overflow-hidden rounded-full bg-border-subtle;
+  }
+
+  .video-modal__stat-metrics {
+    @apply flex flex-wrap items-center justify-between gap-3 text-sm text-muted;
+  }
+
+  .profile-modal {
+    display: flex;
+    flex-direction: column;
+    inline-size: 100%;
+    block-size: 100%;
+    min-block-size: 100%;
+    max-block-size: none;
+    overflow: hidden;
+    --modal-sheet-inline-max: var(--profile-modal-inline-max);
+    --profile-modal-scale: 0.9;
+    --profile-modal-gap: calc(
+      (var(--space-md) - var(--space-3xs)) * var(--profile-modal-scale)
+    );
+    --profile-modal-padding-inline: calc(
+      (var(--space-lg) - var(--space-md)) * var(--profile-modal-scale)
+    );
+    --profile-modal-padding-block-start: calc(
+      (var(--space-md) - var(--space-2xs)) * var(--profile-modal-scale)
+    );
+    --profile-modal-padding-block-end: calc(
+      (var(--space-lg) - var(--space-sm)) * var(--profile-modal-scale)
+    );
+    --profile-modal-nav-gap: calc(var(--space-xs) * var(--profile-modal-scale));
+  }
+
+  .profile-modal__content {
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    block-size: 100%;
+    min-block-size: 0;
+    transform: scale(var(--profile-modal-scale));
+    transform-origin: top center;
+  }
+
+  .profile-modal__active-profile {
+    @apply focus-ring flex flex-wrap items-center gap-4 p-4;
+  }
+
+  .profile-modal__active-details {
+    display: flex;
+    flex: 1 1 var(--profile-modal-active-min-width);
+    flex-direction: column;
+    gap: var(--space-2xs);
+    min-inline-size: 0;
+  }
+
+  .profile-modal__active-meta {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--space-xs);
+  }
+
+  .profile-modal__channel-link {
+    margin-inline-start: auto;
+    align-self: center;
+    white-space: nowrap;
+  }
+
+  .profile-hashtag-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-xs);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .profile-hashtag-item {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-3xs);
+    padding-block: var(--space-3xs);
+    padding-inline: var(--space-sm);
+    border-radius: var(--radius-full);
+    border: var(--border-width-hairline) solid var(--color-border-translucent);
+    background-color: var(--color-panel);
+    color: var(--color-text);
+    font-size: var(--font-size-sm);
+    font-weight: var(--font-weight-medium);
+    line-height: var(--font-lineheight-tight);
+  }
+
+  .profile-hashtag-remove {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    inline-size: var(--space-md);
+    block-size: var(--space-md);
+    border-radius: var(--radius-full);
+    color: var(--color-text-muted);
+    background: transparent;
+    border: none;
+    padding: 0;
+    cursor: pointer;
+  }
+
+  .profile-hashtag-remove:hover {
+    color: var(--color-text);
+  }
+
+  .profile-modal__remove-button {
+    @apply border-2;
+  }
+
+  .profile-modal__remove-button:focus-visible {
+    --tw-ring-color: var(--color-critical-strong);
+  }
+
+  .profile-modal__add-profile {
+    --tw-ring-color: var(--color-ring-alert);
+    @apply focus-ring relative flex w-full items-center justify-start gap-4 rounded-xl px-5 py-4 text-left text-text transition duration-base ease-in-out;
+    border: var(--outline-thick-width) solid var(--color-ring-alert);
+    background-color: var(--surface-panel-hover);
+  }
+
+  .profile-modal__add-profile:hover {
+    background-color: color-mix(
+      in srgb,
+      var(--surface-panel-hover) 88%,
+      var(--color-ring-alert) 12%
+    );
+  }
+
+  .profile-modal__add-profile:focus-visible {
+    background-color: color-mix(
+      in srgb,
+      var(--surface-panel-hover) 80%,
+      var(--color-ring-alert) 20%
+    );
+  }
+
+  .profile-modal__add-profile-icon {
+    @apply flex h-10 w-10 items-center justify-center rounded-full;
+    background-color: color-mix(
+      in srgb,
+      var(--color-ring-alert) 18%,
+      var(--surface-panel)
+    );
+    color: var(--color-ring-alert);
+  }
+
+  .profile-modal__body {
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    gap: var(--profile-modal-gap);
+    inline-size: 100%;
+    min-block-size: 0;
+    overflow: hidden;
+    overflow-x: hidden;
+    padding-block-start: var(--profile-modal-padding-block-start);
+    padding-block-end: var(--profile-modal-padding-block-end);
+    padding-inline: var(--profile-modal-padding-inline);
+  }
+
+  .profile-modal__layout {
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    gap: var(--profile-modal-gap);
+    inline-size: 100%;
+    min-block-size: 0;
+  }
+
+  .profile-modal__header {
+    align-items: center;
+  }
+
+  .profile-modal__header-title {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+  }
+
+  .profile-modal__menu {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+
+  .profile-modal__pane-wrapper {
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    min-block-size: 0;
+  }
+
+  .profile-modal__nav {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--profile-modal-nav-gap);
+    align-self: flex-start;
+    overflow-x: visible;
+  }
+
+  .profile-nav__unread-dot {
+    position: absolute;
+    top: 50%;
+    left: -6px;
+    right: auto;
+    width: var(--space-sm);
+    height: var(--space-sm);
+    border-radius: var(--radius-full);
+    border: var(--border-width-hairline) solid var(--surface-panel);
+    background-color: var(--status-danger);
+    display: none;
+    pointer-events: none;
+    transform: translateY(-50%);
+  }
+
+  .profile-nav__unread-dot.is-visible {
+    display: block;
+  }
+
+  .profile-modal__panes {
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    block-size: 100%;
+    min-block-size: 0;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding-inline-end: var(--profile-modal-scrollbar-offset);
+    scrollbar-gutter: stable;
+  }
+
+  .profile-pane {
+    display: flex;
+    flex-direction: column;
+    min-block-size: auto;
+    overflow-x: hidden;
+  }
+
+  /* Specific override for messages pane to prevent parent scrolling on desktop */
+  @media (min-width: theme("screens.md")) {
+    #profilePaneMessages {
+      height: 100%;
+      min-height: 0;
+      overflow: hidden;
+    }
+
+    #dmAppShellMount {
+      height: 100%;
+      min-height: 0;
+    }
+  }
+
+  .profile-pane.hidden {
+    display: none !important;
+  }
+
+  @supports not (scrollbar-gutter: stable) {
+    .profile-modal__panes {
+      padding-inline-end: calc(
+        var(--profile-modal-scrollbar-offset) + var(--space-2xs)
+      );
+    }
+  }
+
+  @media (max-width: calc(theme("screens.lg") - var(--breakpoint-edge-offset))) {
+    .profile-modal__layout[data-mobile-view="menu"]
+      .profile-modal__pane-wrapper {
+      display: none;
+    }
+
+    .profile-modal__layout[data-mobile-view="pane"] .profile-modal__menu {
+      display: none;
+    }
+  }
+
+  @media (min-width: theme("screens.lg")) {
+    .profile-modal {
+      max-block-size: var(--modal-shell-max-height);
+    }
+
+    .profile-modal__body {
+      gap: calc(var(--profile-modal-gap) + var(--space-2xs));
+      padding-inline: calc(
+        var(--profile-modal-padding-inline) + var(--space-xs)
+      );
+    }
+
+    .profile-modal__layout {
+      display: grid;
+      align-items: stretch;
+      block-size: 100%;
+      gap: calc(var(--profile-modal-gap) + var(--space-2xs));
+      grid-template-columns:
+        minmax(
+          var(--profile-modal-nav-min-width),
+          var(--profile-modal-nav-max-width)
+        )
+        minmax(0, 1fr);
+      grid-auto-rows: minmax(0, 1fr);
+    }
+
+    .profile-modal__nav {
+      flex-direction: column;
+      flex-wrap: nowrap;
+      gap: var(--profile-modal-nav-gap);
+      justify-self: start;
+      inline-size: var(--profile-modal-nav-max-width);
+      min-inline-size: var(--profile-modal-nav-min-width);
+    }
+
+    .profile-modal__pane-wrapper {
+      block-size: 100%;
+    }
+  }
+
+  /* Torrent helper classes */
+  .beacon-hidden-download,
+  [data-beacon-hidden-download],
+  .torrent-download-anchor {
+    display: none !important;
+  }
+
+  .beacon-clipboard-offscreen,
+  [data-beacon-clipboard-state="offscreen"],
+  [data-beacon-clipboard="offscreen"],
+  .torrent-clipboard-textarea {
+    position: fixed;
+    top: 0;
+    left: var(--offscreen-offset);
+    opacity: 0;
+    width: 0;
+    height: 0;
+    pointer-events: none;
+  }
+
+  .beacon-toast-motion,
+  .torrent-toast-motion {
+    transition-property: opacity, transform;
+    will-change: opacity, transform;
+    opacity: 0;
+    transform: translateY(var(--toast-translate));
+  }
+
+  .beacon-toast-motion[data-beacon-motion="enter"],
+  .beacon-toast-motion[data-beacon-motion="show"],
+  .torrent-toast-motion[data-beacon-motion="enter"],
+  .torrent-toast-motion[data-beacon-motion="show"] {
+    opacity: 1;
+    transform: translateY(0);
+  }
+
+  .beacon-toast-motion[data-beacon-motion="exit"],
+  .torrent-toast-motion[data-beacon-motion="exit"] {
+    opacity: 0;
+    transform: translateY(var(--toast-translate));
+  }
+
+  .torrent-toast {
+    @apply pointer-events-auto w-full max-w-md rounded-lg px-4 py-3 text-sm font-medium tracking-tight shadow-lg ring-1 ring-inset;
+  }
+
+  .torrent-toast--info {
+    @apply border border-border-translucent bg-surface text-text;
+  }
+
+  .torrent-toast--success {
+    @apply border border-info border-opacity-60 bg-info text-white;
+  }
+
+  .torrent-toast--error {
+    @apply border border-critical border-opacity-60 bg-critical text-white;
+  }
+
+  .torrent-toast--warn {
+    @apply border border-warning-strong border-opacity-70 bg-warning-strong text-warning-strong;
+  }
+
+  .profile-switcher {
+    @apply card flex flex-col gap-lg;
+  }
+
+  .profile-switcher__badge {
+    @apply badge self-start;
+  }
+
+  .profile-switcher__header {
+    @apply flex flex-col gap-sm sm:flex-row sm:items-center sm:justify-between;
+  }
+
+  .profile-switcher__intro {
+    @apply flex flex-col gap-2xs;
+  }
+
+  .profile-switcher__title {
+    @apply text-base font-semibold text-text;
+  }
+
+  .profile-switcher__subtitle {
+    @apply text-sm text-muted;
+  }
+
+  .profile-switcher__list {
+    @apply flex flex-col gap-md;
+  }
+
+  .profile-switcher__helper {
+    @apply text-xs text-muted;
+  }
+
+  .profile-card {
+    @apply card relative flex cursor-pointer flex-col gap-md p-4 text-text transition duration-base ease-out hover:shadow-lg focus-visible:border-accent focus-visible:border-opacity-60 focus-visible:shadow-lg sm:flex-row sm:items-center;
+  }
+
+  .profile-card--active {
+    @apply border-accent border-opacity-60 shadow-lg;
+  }
+
+  .profile-card__avatar {
+    @apply flex h-12 w-12 flex-none items-center justify-center overflow-hidden rounded-full border border-border border-opacity-30 bg-surface;
+  }
+
+  .profile-card__avatar img {
+    @apply h-full w-full rounded-full object-cover;
+  }
+
+  .profile-card--active .profile-card__avatar {
+    @apply border-accent border-opacity-70 ring-2;
+    --tw-ring-color: color-mix(in srgb, var(--color-accent) 32%, transparent);
+    --tw-ring-opacity: 1;
+  }
+
+  .profile-card__meta {
+    @apply flex min-w-0 flex-1 flex-col gap-sm;
+  }
+
+  .profile-card__topline {
+    @apply flex w-full flex-wrap items-center gap-sm sm:justify-between;
+  }
+
+  .profile-card__label {
+    @apply text-xs font-semibold uppercase tracking-wide text-accent;
+  }
+
+  .profile-card__name {
+    @apply truncate text-sm font-semibold text-text;
+  }
+
+  .profile-card__npub {
+    @apply break-all font-mono text-xs text-muted;
+  }
+
+  .profile-card__action,
+  .profile-nav-button {
+    @apply btn-ghost ml-auto flex-shrink-0 px-3 py-1 text-xs;
+  }
+
+  .profile-switcher__add {
+    --profile-switcher-add-hover-bg: color-mix(
+      in srgb,
+      var(--color-accent) 14%,
+      transparent
+    );
+
+    @apply card flex cursor-pointer items-center gap-4 border border-dashed border-border border-opacity-40 bg-surface text-left text-muted transition duration-base ease-out hover:border-accent hover:border-opacity-60 hover:text-text focus-visible:border-accent focus-visible:border-opacity-60;
+  }
+
+  .profile-switcher__add:hover,
+  .profile-switcher__add:focus-visible {
+    background-color: var(--profile-switcher-add-hover-bg);
+  }
+
+  .profile-switcher__addAvatar {
+    @apply flex h-12 w-12 flex-none items-center justify-center rounded-full border border-dashed border-current bg-surface;
+  }
+
+  .profile-switcher__addAvatar svg {
+    @apply h-5 w-5;
+  }
+
+  .profile-switcher__addCopy {
+    @apply flex flex-col gap-1 text-left;
+  }
+
+  .profile-switcher__addTitle {
+    @apply text-sm font-semibold text-inherit;
+  }
+
+  .profile-switcher__addHint {
+    @apply text-xs text-muted;
+  }
+
+  .watch-history-grid {
+    @apply flex w-full flex-col gap-5 py-6 sm:gap-6;
+  }
+
+  .watch-history-grid.watch-history-grid--modal {
+    @apply gap-5 py-0 sm:gap-6;
+  }
+
+  .watch-history-card {
+    @apply card flex flex-wrap items-stretch gap-5 p-4 transition duration-base ease-out hover:-translate-y-0.5 hover:shadow-lg sm:gap-6 sm:p-5;
+  }
+
+  .watch-history-card--private {
+    @apply border-info border-opacity-60;
+  }
+
+  .watch-history-card__primary {
+    @apply flex min-w-0 flex-1 flex-col items-stretch gap-4 sm:flex-row;
+  }
+
+  .watch-history-card__thumbnail {
+    @apply block w-56 max-w-full flex-none text-text no-underline;
+  }
+
+  .watch-history-card__thumbnailInner {
+    @apply aspect-video w-full overflow-hidden rounded-lg bg-surface;
+  }
+
+  .watch-history-card__thumbnailInner img {
+    @apply h-full w-full object-cover;
+  }
+
+  .watch-history-card [data-thumbnail-state="blurred"] img,
+  .watch-history-card [data-visual-state="blurred"] img {
+    @apply transition duration-base ease-in-out;
+    filter: blur(var(--blur-thumbnail-blur));
+    transform: scale(1.05);
+  }
+
+  .watch-history-card__details {
+    @apply flex min-w-0 flex-1 flex-col justify-center gap-sm;
+  }
+
+  .watch-history-card__title {
+    @apply cursor-pointer text-lg font-semibold leading-snug text-text transition duration-base ease-out;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  }
+
+  .watch-history-card__title:hover,
+  .watch-history-card__title:focus {
+    @apply text-accent;
+  }
+
+  .watch-history-card__created {
+    @apply text-sm text-muted;
+  }
+
+  .watch-history-card__meta {
+    @apply flex min-w-0 flex-col justify-between gap-4 sm:min-w-56 sm:flex-none sm:basis-64;
+  }
+
+  .watch-history-card__watched {
+    @apply text-sm text-border-subtle;
+  }
+
+  .watch-history-card__creator {
+    @apply flex items-center gap-3;
+  }
+
+  .watch-history-card__creatorAvatar {
+    @apply flex h-10 w-10 items-center justify-center overflow-hidden rounded-full bg-panel transition duration-base ease-out hover:ring-2 hover:ring-opacity-50 focus-visible:ring-2 focus-visible:ring-opacity-50;
+  }
+
+  .watch-history-card__creatorAvatar:hover,
+  .watch-history-card__creatorAvatar:focus-visible {
+    --tw-ring-color: color-mix(in srgb, var(--color-accent) 38%, transparent);
+  }
+
+  .watch-history-card__creatorAvatar img {
+    @apply h-full w-full rounded-full object-cover;
+  }
+
+  .watch-history-card__creatorName {
+    @apply cursor-pointer bg-transparent p-0 text-left text-base font-medium text-muted transition duration-base ease-out hover:text-accent focus-visible:text-accent;
+  }
+
+  .watch-history-card__actions {
+    @apply flex flex-wrap items-center gap-3;
+  }
+
+  .watch-history-card__action {
+    @apply inline-flex items-center justify-center gap-2 rounded-full border border-transparent bg-panel px-4 py-2 text-sm font-medium text-muted transition duration-base ease-out hover:border-border hover:bg-surface-alt hover:text-text focus-visible:border-border focus-visible:bg-surface-alt focus-visible:text-text;
+  }
+
+  .watch-history-card__action--primary {
+    @apply bg-accent-strong text-white hover:bg-accent-pressed focus-visible:bg-accent-pressed;
+  }
+
+  .watch-history-card__action--danger {
+    @apply bg-critical text-white hover:bg-critical-strong focus-visible:bg-critical-strong;
+  }
+
+  .watch-history-card__moderation {
+    @apply mt-sm flex flex-wrap items-center gap-sm;
+  }
+
+  .watch-history-card__hidden {
+    @apply mt-md rounded-lg border border-dashed border-border bg-overlay-panel-soft text-sm text-text;
+  }
+
+  .watch-history-card__hidden .moderation-badge {
+    @apply self-start;
+  }
+
+  /* Ensure the video modal avatar respects the blur state */
+  #playerModal .channel-card__avatar img[data-visual-state="blurred"] {
+    @apply transition duration-base ease-in-out;
+    filter: blur(var(--blur-thumbnail-blur));
+    transform: scale(1.05);
+  }
+
+  /* Override moderation badge text color inside the modal bar for better contrast in all themes */
+  #playerModal .video-modal__moderation-bar .moderation-badge {
+    --text-status-neutral-on: var(--color-text);
+    --text-status-warning-on: var(--color-warning-on);
+  }
+
+  #playerModal
+    .video-modal__moderation-bar
+    .moderation-badge[data-variant="neutral"] {
+    color: var(--color-text);
+  }
+}
+
+@layer components {
+  .container {
+    max-width: var(--layout-docs-max-width);
+    margin: 0 auto;
+    padding: var(--space-md);
+  }
+
+  .docs-popover-scenarios__scroll-spacer {
+    height: var(--docs-popover-scroll-height);
+  }
+
+  .qr-code__table {
+    border: 0;
+    border-collapse: collapse;
+    margin: var(--qr-code-table-margin, 0);
+  }
+
+  .qr-code__cell {
+    border: 0;
+    border-collapse: collapse;
+    padding: 0;
+    margin: 0;
+    width: var(--qr-code-cell-width);
+    height: var(--qr-code-cell-height);
+    background-color: var(--qr-code-color-light);
+  }
+
+  .qr-code__cell--dark {
+    background-color: var(--qr-code-color-dark);
+  }
+
+  .qr-code__container[data-qr-code-mode="image"] .qr-code__canvas {
+    display: none;
+  }
+
+  .qr-code__container[data-qr-code-mode="image"] .qr-code__image {
+    display: block;
+  }
+
+  .qr-code__container[data-qr-code-mode="canvas"] .qr-code__canvas {
+    display: block;
+  }
+
+  .qr-code__container[data-qr-code-mode="canvas"] .qr-code__image {
+    display: none;
+  }
+
+  .fade-in {
+    opacity: 0;
+    animation: interface-fade-in 280ms ease-out forwards;
+    animation-delay: var(--fade-in-delay, 0ms);
+  }
+
+  .fade-in-delay-100 {
+    --fade-in-delay: 100ms;
+  }
+
+  .fade-in-delay-200 {
+    --fade-in-delay: 200ms;
+  }
+
+  .fade-in-delay-300 {
+    --fade-in-delay: 300ms;
+  }
+
+  .fade-in-delay-400 {
+    --fade-in-delay: 400ms;
+  }
+
+  .card[data-motion="enter"] {
+    opacity: 0;
+    animation: card-motion-enter 220ms ease-out forwards;
+  }
+
+  .icon-button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--icon-size-lg);
+    height: var(--icon-size-lg);
+    min-width: var(--icon-size-lg);
+    min-height: var(--icon-size-lg);
+    flex: 0 0 var(--icon-size-lg);
+    line-height: 0;
+    background-color: var(--color-neutral-700);
+    color: var(--color-white);
+    border: none;
+    border-radius: var(--radius-full);
+    cursor: pointer;
+    transition:
+      background-color 200ms ease,
+      box-shadow 200ms ease;
+  }
+
+  .icon-button:hover {
+    background-color: var(--color-neutral-600);
+  }
+
+  .icon-button:focus,
+  .icon-button:active {
+    outline: none;
+    box-shadow: 0 0 0 var(--icon-button-ring-width) var(--color-ring-alert);
+  }
+
+  .icon-image {
+    width: var(--icon-size-md);
+    height: var(--icon-size-md);
+    pointer-events: none;
+  }
+
+  .accent-action-button,
+  .channel-action-button {
+    --accent-action-bg: color-mix(
+      in srgb,
+      var(--surface-overlay-panel) 78%,
+      transparent
+    );
+    --accent-action-border: color-mix(
+      in srgb,
+      var(--border-overlay) 92%,
+      transparent
+    );
+    --accent-action-bg-hover: color-mix(
+      in srgb,
+      var(--color-accent) 22%,
+      var(--surface-overlay-panel)
+    );
+    --accent-action-ring: color-mix(
+      in srgb,
+      var(--color-accent) 48%,
+      transparent
+    );
+    --accent-action-bg-active: color-mix(
+      in srgb,
+      var(--color-accent-pressed) 28%,
+      var(--surface-overlay-panel)
+    );
+
+    color: var(--color-text);
+    background-color: var(--accent-action-bg);
+    border-color: var(--accent-action-border);
+    border-style: solid;
+    border-width: var(--border-width-hairline);
+  }
+
+  .accent-action-button:hover,
+  .accent-action-button:focus-visible,
+  .channel-action-button:hover,
+  .channel-action-button:focus-visible {
+    color: var(--color-accent-strong);
+    background-color: var(--accent-action-bg-hover);
+  }
+
+  .accent-action-button:focus,
+  .accent-action-button:focus-visible,
+  .channel-action-button:focus,
+  .channel-action-button:focus-visible {
+    box-shadow: 0 0 0 var(--icon-button-ring-width) var(--accent-action-ring);
+  }
+
+  .accent-action-button:active,
+  .channel-action-button:active {
+    color: var(--color-accent-pressed);
+    background-color: var(--accent-action-bg-active);
+  }
+
+  .modal-nav .icon-button {
+    box-shadow: none;
+    padding: 0;
+    gap: 0;
+    width: var(--icon-size-lg);
+    height: var(--icon-size-lg);
+    min-width: var(--icon-size-lg);
+    min-height: var(--icon-size-lg);
+  }
+
+  .modal-nav
+    .icon-button:not(.accent-action-button):not(.channel-action-button) {
+    border: none;
+  }
+
+  .modal-meta {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-xs);
+  }
+
+  .modal-view-count {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-2xs);
+    font-size: var(--font-size-sm);
+    line-height: var(--space-md-plus);
+    color: var(--color-muted-alt);
+    white-space: nowrap;
+  }
+
+  .view-count-text {
+    white-space: nowrap;
+    color: var(--color-muted-strong);
+  }
+
+  .progress-bar {
+    width: 100%;
+    height: var(--modal-progress-height);
+    border-radius: var(--radius-full);
+    background-color: var(--color-border-translucent);
+    overflow: hidden;
+  }
+
+  .progress-bar-fill {
+    width: 0;
+    height: 100%;
+    border-radius: inherit;
+    background: linear-gradient(
+      90deg,
+      var(--color-info-strong),
+      var(--color-info)
+    );
+    transition: width 240ms ease;
+  }
+
+  .ratio-16-9 {
+    position: relative;
+    width: 100%;
+    padding-top: 56.25%;
+    background-color: var(--color-card);
+  }
+
+  .ratio-16-9 > img {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  #modalContainer {
+    position: fixed;
+    inset: 0;
+    z-index: var(--z-modal-root);
+    pointer-events: none;
+    isolation: isolate;
+  }
+
+  #modalContainer > * {
+    pointer-events: auto;
+  }
+
+  #modalContainer > [id$="Modal"]:not(#playerModal) {
+    z-index: var(--z-modal-root);
+  }
+
+  #modalContainer > [id$="Modal"]:not(#playerModal) > .bv-modal-backdrop {
+    z-index: var(--z-modal-overlay);
+  }
+
+  #modalContainer > [id$="Modal"]:not(#playerModal) .bv-modal__panel {
+    z-index: var(--z-modal-content);
+  }
+
+  #modalContainer > #profileModal,
+  #profileModal[data-modal-stack="top"] {
+    z-index: var(--z-modal-top-root);
+  }
+
+  #modalContainer > #profileModal > .bv-modal-backdrop,
+  #profileModal[data-modal-stack="top"] > .bv-modal-backdrop {
+    z-index: var(--z-modal-top-overlay);
+  }
+
+  #modalContainer > #profileModal .bv-modal__panel,
+  #profileModal[data-modal-stack="top"] .bv-modal__panel {
+    z-index: var(--z-modal-top-content);
+  }
+
+  #modalContainer > #eventDetailsModal {
+    z-index: var(--z-modal-top-root);
+  }
+
+  #modalContainer > #eventDetailsModal > .bv-modal-backdrop {
+    z-index: var(--z-modal-top-overlay);
+  }
+
+  #modalContainer > #eventDetailsModal .bv-modal__panel {
+    z-index: var(--z-modal-top-content);
+  }
+
+  #shareNostrModal {
+    z-index: var(--z-modal-peak-root) !important;
+  }
+
+  #shareNostrModal > .bv-modal-backdrop {
+    z-index: var(--z-modal-peak-overlay) !important;
+  }
+
+  #shareNostrModal .bv-modal__panel {
+    z-index: var(--z-modal-peak-content) !important;
+  }
+
+  .bv-modal[data-nested-modal-active="true"] {
+    pointer-events: none;
+    visibility: hidden;
+  }
+
+  #modalContainer > #loginModal {
+    z-index: var(--z-modal-peak-root);
+  }
+
+  #modalContainer > #loginModal > .bv-modal-backdrop {
+    z-index: var(--z-modal-peak-overlay);
+  }
+
+  #modalContainer > #loginModal .bv-modal__panel {
+    z-index: var(--z-modal-peak-content);
+  }
+
+  #modalContainer > #playerModal {
+    z-index: var(--z-modal-player);
+  }
+
+  #modalContainer > #playerModal .player-modal__container,
+  #modalContainer > #playerModal .player-modal__content {
+    z-index: var(--z-modal-content);
+  }
+
+  .modal-always-on-top {
+    z-index: var(--z-modal-always-top) !important;
+  }
+
+  #playerModal {
+    position: fixed;
+    inset: 0;
+    z-index: var(--z-modal-player);
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: flex-start;
+    width: 100vw;
+    height: 100vh;
+    padding: 0;
+    background-color: var(--color-surface);
+    color: var(--color-subtle-text);
+    --player-modal-inline-max: var(--layout-player-max-width);
+    --player-modal-inline-padding: clamp(
+      var(--space-md-plus),
+      4vw,
+      var(--space-2xl)
+    );
+    overflow-x: hidden;
+    overflow-y: auto;
+    overscroll-behavior: contain;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  #modalVideo {
+    width: 100%;
+    aspect-ratio: 16 / 9;
+    background-color: var(--color-black);
+  }
+
+  .notification-portal {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: var(--z-overlay-toast);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--space-md);
+    padding: calc(var(--space-xl) + env(safe-area-inset-top)) var(--space-lg)
+      var(--space-lg);
+    pointer-events: none;
+    opacity: 0;
+    transform: translateY(var(--toast-translate));
+    transition:
+      transform var(--motion-duration-base) var(--motion-ease-out),
+      opacity var(--motion-duration-base) var(--motion-ease-out);
+  }
+
+  @media (min-width: theme("screens.sm")) {
+    .notification-portal {
+      padding-inline: var(--space-xl);
+    }
+  }
+
+  .notification-portal:has(.notification-banner:not(.hidden)) {
+    opacity: 1;
+    transform: translateY(0);
+  }
+
+  .notification-portal--active {
+    opacity: 1;
+    transform: translateY(0);
+  }
+
+  .notification-banner,
+  .torrent-toast {
+    --notify-accent: var(--notification-banner-accent);
+    --notify-accent-strong: var(--notification-banner-accent-strong);
+    --notify-border: var(--notification-banner-border);
+    --notify-background: var(--notification-banner-background);
+    --notify-foreground: var(--notification-banner-text);
+
+    position: relative;
+    display: flex;
+    align-items: center;
+    gap: var(--space-md);
+    width: min(var(--notification-banner-max-inline), 100%);
+    padding: var(--space-md) var(--space-xl);
+    border-radius: var(--radius-xl);
+    border: var(--border-width-hairline) solid var(--notify-border);
+    background: var(--notify-background);
+    color: var(--notify-foreground);
+    box-shadow: 0 var(--shadow-notification-offset-y)
+      var(--shadow-notification-blur) var(--color-shadow-notification);
+    backdrop-filter: blur(var(--overlay-backdrop-blur));
+    pointer-events: auto;
+    isolation: isolate;
+    @apply text-sm font-semibold leading-snug;
+    transition:
+      transform var(--motion-duration-base) var(--motion-ease-out),
+      opacity var(--motion-duration-base) var(--motion-ease-out);
+  }
+
+  .notification-banner::before,
+  .torrent-toast::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    background: linear-gradient(
+      135deg,
+      var(--notify-accent) 0%,
+      var(--notify-accent-strong) 100%
+    );
+    opacity: 0.18;
+    pointer-events: none;
+  }
+
+  .notification-banner > *,
+  .torrent-toast > * {
+    position: relative;
+    z-index: 1;
+  }
+
+  .notification-dismiss {
+    @apply inline-flex h-8 w-8 items-center justify-center rounded-full border border-transparent transition duration-base ease-out;
+    color: inherit;
+    opacity: 0.75;
+    background-color: var(--notify-dismiss-background);
+  }
+
+  .notification-dismiss:hover,
+  .notification-dismiss:focus-visible {
+    opacity: 1;
+    background-color: var(--notify-dismiss-background-hover);
+  }
+
+  .notification-dismiss svg {
+    @apply h-4 w-4;
+  }
+
+  .notification-banner:not(.hidden) {
+    animation: notification-slide-in var(--motion-duration-base)
+      var(--motion-ease-out);
+  }
+
+  .notification-banner--critical,
+  .torrent-toast--error {
+    --notify-accent: var(--notification-banner-critical-accent);
+    --notify-accent-strong: var(--notification-banner-critical-accent-strong);
+    --notify-border: var(--notification-banner-critical-border);
+    --notify-background: var(--notification-banner-critical-background);
+    --notify-foreground: var(--notification-banner-critical-text);
+  }
+
+  .notification-banner--success,
+  .torrent-toast--success {
+    --notify-accent: var(--notification-banner-success-accent);
+    --notify-accent-strong: var(--notification-banner-success-accent-strong);
+    --notify-border: var(--notification-banner-success-border);
+    --notify-background: var(--notification-banner-success-background);
+    --notify-foreground: var(--notification-banner-success-text);
+  }
+
+  .notification-banner--info,
+  .torrent-toast--info {
+    --notify-accent: var(--notification-banner-info-accent);
+    --notify-accent-strong: var(--notification-banner-info-accent-strong);
+    --notify-border: var(--notification-banner-info-border);
+    --notify-background: var(--notification-banner-info-background);
+    --notify-foreground: var(--notification-banner-info-text);
+  }
+
+  .notification-banner--warning,
+  .torrent-toast--warn {
+    --notify-accent: var(--notification-banner-warning-accent);
+    --notify-accent-strong: var(--notification-banner-warning-accent-strong);
+    --notify-border: var(--notification-banner-warning-border);
+    --notify-background: var(--notification-banner-warning-background);
+    --notify-foreground: var(--notification-banner-warning-text);
+  }
+
+  .status-banner .status-spinner {
+    animation: spin 1s linear infinite;
+    border: var(--space-3xs) solid var(--color-info-border);
+    border-radius: var(--radius-full);
+    border-top-color: var(--color-info);
+    flex-shrink: 0;
+    height: var(--icon-size-md);
+    width: var(--icon-size-md);
+  }
+
+  .status-banner .status-message {
+    flex: 1 1 auto;
+  }
+
+  @keyframes notification-slide-in {
+    from {
+      opacity: 0;
+      transform: translateY(var(--toast-translate));
+    }
+
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  .status-spinner--inline {
+    animation: spin 1s linear infinite;
+    border: var(--space-3xs) solid var(--color-border-info-soft);
+    border-radius: var(--radius-full);
+    border-top-color: var(--color-info);
+    display: inline-block;
+    height: var(--space-md);
+    width: var(--space-md);
+  }
+
+  body.iframe-form {
+    background-color: transparent;
+    color: var(--color-text);
+    font-family: var(--font-family-sans);
+    margin: var(--space-lg);
+  }
+
+  body.iframe-form .container {
+    width: 100%;
+    max-width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+
+  body.iframe-form .form-container {
+    background-color: var(--color-surface-alt);
+    border-radius: var(--radius-md);
+    box-shadow: var(--shadow-md);
+    color: var(--color-text);
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+    padding: var(--space-lg);
+  }
+
+  body.iframe-form .form-container > p {
+    margin: 0;
+  }
+
+  body.iframe-form form {
+    display: flex;
+    flex-direction: column;
+  }
+
+  body.iframe-form form > * + * {
+    margin-top: var(--space-sm);
+  }
+
+  body.iframe-form form h1,
+  body.iframe-form form h2 {
+    color: var(--color-text);
+    margin-top: var(--space-md);
+  }
+
+  body.iframe-form label {
+    color: var(--color-subtle-text);
+    display: block;
+    font-weight: 600;
+    margin-top: var(--space-sm);
+  }
+
+  body.iframe-form label + .form-control,
+  body.iframe-form label + .textarea,
+  body.iframe-form label + .select {
+    margin-top: var(--space-xs);
+  }
+
+  body.iframe-form .checkbox-group,
+  body.iframe-form .radio-group {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-sm);
+    margin-top: var(--space-xs);
+  }
+
+  body.iframe-form .checkbox-group label,
+  body.iframe-form .radio-group label {
+    align-items: center;
+    color: var(--color-subtle-text);
+    display: inline-flex;
+    font-weight: 500;
+    gap: var(--space-xs);
+    margin: 0;
+  }
+
+  body.iframe-form .checkbox-group input[type="checkbox"],
+  body.iframe-form .radio-group input[type="radio"] {
+    margin: 0;
+  }
+
+  body.iframe-form .radio-group input[type="radio"] {
+    accent-color: var(--color-accent-strong);
+  }
+
+  body.iframe-form button.btn {
+    align-self: flex-start;
+    margin-top: var(--space-md);
+  }
+
+  body.iframe-form #status {
+    background: var(--color-surface);
+    border-radius: var(--radius-sm);
+    box-shadow: inset 0 0 0 var(--border-width-hairline)
+      var(--color-border-translucent);
+    color: var(--color-subtle-text);
+    min-height: calc(var(--space-2xl) + var(--space-xl));
+    padding: var(--space-sm);
+    white-space: pre-wrap;
+  }
+
+  body.iframe-form .status-line {
+    color: var(--color-subtle-text);
+    margin: var(--space-2xs) 0;
+  }
+
+  body.iframe-form .status-line.error {
+    color: var(--color-critical-strong);
+  }
+
+  body.iframe-form .status-line.success {
+    color: var(--color-info-strong);
+  }
+
+  body.iframe-form .status-line.warn {
+    color: var(--color-warning-strong);
+  }
+
+  @media (max-width: theme("screens.sm")) {
+    body.iframe-form {
+      margin: var(--space-md);
+    }
+
+    body.iframe-form .form-container {
+      padding: var(--space-md);
+    }
+  }
+
+  #sidebarContainer {
+    position: relative;
+    overflow: visible;
+  }
+
+  #sidebar {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: var(--sidebar-width);
+    min-width: var(--sidebar-width);
+    height: 100vh;
+    height: 100dvh;
+    color: var(--color-text-frosted-strong);
+    overflow-x: hidden;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+    overscroll-behavior: contain;
+    overscroll-behavior-inline: contain;
+    touch-action: pan-y;
+    scrollbar-gutter: stable both-edges;
+    background: transparent;
+    border-right: none;
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+    transition:
+      width 200ms ease,
+      transform 300ms ease;
+    z-index: var(--z-sidebar);
+    box-shadow: none;
+    isolation: isolate;
+  }
+
+  body.sidebar-collapsed,
+  #sidebar.sidebar-collapsed,
+  #sidebar[data-state="collapsed"],
+  #app.sidebar-collapsed {
+    --sidebar-width: var(--sidebar-width-collapsed);
+  }
+
+  body.sidebar-expanded,
+  #sidebar.sidebar-expanded,
+  #sidebar[data-state="expanded"],
+  #app.sidebar-expanded {
+    --sidebar-width: var(--sidebar-width-expanded);
+  }
+
+  #sidebar .sidebar__inner {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    padding-block-start: max(
+      var(--space-sidebar-shell-block-start),
+      calc(var(--app-header-centerline) - (var(--sidebar-control-size) / 2))
+    );
+    padding-block-end: var(--space-sidebar-shell-block-end);
+    padding-inline: var(--space-sidebar-shell-inline);
+    width: 100%;
+    border-radius: var(--radius-sidebar-shell);
+    border: none;
+    background: none;
+    box-shadow: none;
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+    overflow: visible;
+    isolation: isolate;
+    transition: color 200ms ease;
+  }
+
+  .sidebar-scroll {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sidebar-scroll-gap);
+    width: 100%;
+    height: 100%;
+    min-height: 0;
+    flex: 1 1 auto;
+    overflow: visible;
+  }
+
+  .sidebar-panel {
+    position: relative;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sidebar-panel-gap);
+    padding: var(--space-sidebar-panel-padding-block)
+      var(--space-sidebar-panel-padding-inline);
+    border-radius: var(--radius-sidebar-panel);
+    border: none;
+    background: transparent;
+    box-shadow: none;
+    color: inherit;
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+    overflow: hidden;
+    isolation: isolate;
+    transition:
+      border-color 200ms ease,
+      box-shadow 220ms ease,
+      background 220ms ease;
+  }
+
+  .sidebar-panel--primary {
+    flex: 1 1 auto;
+    min-height: 0;
+    padding-block-start: 0;
+  }
+
+  .sidebar-panel__header {
+    display: flex;
+    justify-content: flex-end;
+    margin-bottom: var(--space-md);
+  }
+
+  .sidebar-collapse-toggle {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--sidebar-control-size);
+    height: var(--sidebar-control-size);
+    border-radius: var(--radius-full);
+    border: var(--border-width-hairline) solid
+      var(--color-border-translucent-medium);
+    background: var(--color-surface-tint-subtle);
+    color: inherit;
+    cursor: pointer;
+    transition:
+      background 180ms ease,
+      color 180ms ease,
+      border-color 180ms ease;
+    flex-shrink: 0;
+    box-sizing: border-box;
+  }
+
+  .sidebar-collapse-toggle:hover {
+    background: var(--color-border-translucent);
+    border-color: var(--color-border-translucent-stronger);
+    color: var(--color-text);
+  }
+
+  .sidebar-collapse-toggle:focus-visible {
+    outline: var(--space-3xs) solid var(--color-secondary);
+    outline-offset: var(--space-2xs);
+  }
+
+  .sidebar-collapse-toggle__icon {
+    width: var(--icon-size-sm);
+    height: var(--icon-size-sm);
+    transition: transform 200ms ease;
+  }
+
+  .sidebar-nav {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+    opacity: 1;
+    transition: opacity 160ms ease;
+    width: 100%;
+  }
+
+  .sidebar-nav-link {
+    --sidebar-nav-translate-x: 0;
+    --sidebar-nav-link-highlight-opacity: 0;
+    --sidebar-nav-link-highlight-scale: 0.96;
+    display: flex;
+    align-items: center;
+    gap: var(--space-sidebar-footer-gap);
+    padding-block: var(--space-sidebar-nav-padding-block);
+    padding-inline-start: var(--space-sidebar-nav-padding-inline-start);
+    padding-inline-end: var(--space-sidebar-nav-padding-inline-end);
+    min-height: var(--sidebar-control-size);
+    border-radius: var(--radius-sidebar-nav);
+    font-size: var(--font-size-sidebar-nav);
+    font-weight: 600;
+    letter-spacing: 0.015em;
+    color: var(--color-text);
+    text-decoration: none;
+    width: 100%;
+    position: relative;
+    border: var(--border-width-hairline) solid transparent;
+    background: none;
+    box-shadow: none;
+    transform: translateX(var(--sidebar-nav-translate-x));
+    transition:
+      color 180ms ease,
+      border-color 200ms ease,
+      box-shadow 220ms ease,
+      transform 220ms ease;
+    overflow: hidden;
+    isolation: isolate;
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+  }
+
+  .sidebar-nav-link::before,
+  .sidebar-nav-link::after {
+    content: "";
+    position: absolute;
+    inset: calc(var(--border-width-hairline) * -1);
+    border-radius: inherit;
+    pointer-events: none;
+    transition:
+      opacity 220ms ease,
+      transform 240ms ease;
+    z-index: -1;
+  }
+
+  .sidebar-nav-link::before {
+    background: linear-gradient(
+      120deg,
+      var(--color-sidebar-accent-start) 0%,
+      var(--color-sidebar-accent-end) 100%
+    );
+    opacity: var(--sidebar-nav-link-highlight-opacity);
+    transform: scale(var(--sidebar-nav-link-highlight-scale));
+    filter: saturate(140%);
+  }
+
+  .sidebar-nav-link::after {
+    background: linear-gradient(
+      105deg,
+      var(--color-sidebar-hover) 0%,
+      transparent 75%
+    );
+    opacity: 0.22;
+    mix-blend-mode: screen;
+    z-index: -2;
+  }
+
+  .sidebar-nav-link:hover,
+  .sidebar-nav-link:focus-visible {
+    --sidebar-nav-link-highlight-opacity: 1;
+    --sidebar-nav-link-highlight-scale: 1.02;
+    --sidebar-nav-translate-x: var(--space-sidebar-nav-translate);
+    color: var(--color-white);
+    border-color: var(--color-sidebar-hover-strong);
+    box-shadow:
+      0 0 0 var(--border-width-hairline) var(--color-sidebar-hover-strong),
+      var(--shadow-sidebar-accent);
+  }
+
+  .sidebar-nav-link:focus-visible {
+    outline: none;
+    box-shadow: var(--shadow-sidebar-focus-ring), var(--shadow-sidebar-accent);
+  }
+
+  .sidebar-nav-link:hover::after,
+  .sidebar-nav-link:focus-visible::after {
+    opacity: 0.35;
+  }
+
+  .sidebar-nav-link--sub {
+    font-size: var(--font-size-sidebar-subnav);
+    font-weight: 500;
+    color: var(--color-sidebar-text-muted);
+    padding-block: var(--space-sidebar-subnav-padding-block);
+    letter-spacing: 0.02em;
+    --sidebar-nav-link-highlight-opacity: 0.25;
+    --sidebar-nav-link-highlight-scale: 1;
+  }
+
+  .sidebar-icon {
+    width: var(--space-lg);
+    height: var(--space-lg);
+    min-width: var(--space-lg);
+    min-height: var(--space-lg);
+    flex-shrink: 0;
+    display: block;
+    filter: var(--sidebar-icon-filter);
+    transition: filter 180ms ease;
+  }
+
+  .sidebar-footer {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sidebar-footer-gap);
+    margin-top: auto;
+    position: relative;
+    z-index: 2;
+  }
+
+  .sidebar-dropup-trigger {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-sidebar-footer-gap);
+    width: 100%;
+    padding-block: var(--space-sidebar-trigger-padding-block);
+    padding-inline-start: var(--space-sidebar-nav-padding-inline-start);
+    padding-inline-end: var(--space-sidebar-nav-padding-inline-end);
+    min-height: var(--sidebar-control-size);
+    border-radius: var(--radius-sidebar-nav);
+    border: var(--border-width-hairline) solid transparent;
+    background: none;
+    color: var(--color-text);
+    font-size: var(--font-size-sidebar-trigger);
+    font-weight: 600;
+    cursor: pointer;
+    box-sizing: border-box;
+    flex-shrink: 0;
+    overflow: hidden;
+    isolation: isolate;
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+    box-shadow: none;
+    transition:
+      border-color 200ms ease,
+      color 200ms ease,
+      box-shadow 220ms ease;
+  }
+
+  .sidebar-dropup-trigger::before {
+    content: "";
+    position: absolute;
+    inset: calc(var(--border-width-hairline) * -1);
+    border-radius: inherit;
+    pointer-events: none;
+    background: linear-gradient(
+      120deg,
+      var(--color-sidebar-accent-start) 0%,
+      var(--color-sidebar-accent-end) 100%
+    );
+    opacity: 0;
+    transform: scale(0.96);
+    transition:
+      opacity 200ms ease,
+      transform 220ms ease;
+    z-index: -1;
+    filter: saturate(140%);
+  }
+
+  .sidebar-dropup-trigger::after {
+    content: "";
+    position: absolute;
+    inset: calc(var(--border-width-hairline) * -1);
+    border-radius: inherit;
+    pointer-events: none;
+    background: linear-gradient(
+      110deg,
+      var(--color-sidebar-hover) 0%,
+      transparent 80%
+    );
+    opacity: 0.18;
+    mix-blend-mode: screen;
+    transition: opacity 200ms ease;
+    z-index: -2;
+  }
+
+  .sidebar-dropup-trigger:hover,
+  .sidebar-dropup-trigger:focus-visible {
+    color: var(--color-white);
+    border-color: var(--color-sidebar-hover-strong);
+    box-shadow:
+      0 0 0 var(--border-width-hairline) var(--color-sidebar-hover-strong),
+      var(--shadow-sidebar-dropup);
+  }
+
+  .sidebar-dropup-trigger:hover::before,
+  .sidebar-dropup-trigger:focus-visible::before {
+    opacity: 1;
+    transform: scale(1.02);
+  }
+
+  .sidebar-dropup-trigger:hover::after,
+  .sidebar-dropup-trigger:focus-visible::after {
+    opacity: 0.35;
+  }
+
+  .sidebar-dropup-trigger:focus-visible {
+    outline: none;
+    box-shadow: var(--shadow-sidebar-focus-ring), var(--shadow-sidebar-dropup);
+  }
+
+  .sidebar-dropup-trigger__glyph {
+    width: var(--icon-size-md);
+    height: var(--icon-size-md);
+    opacity: 0.9;
+  }
+
+  .sidebar-dropup-trigger__chevron {
+    width: var(--icon-size-sm);
+    height: var(--icon-size-sm);
+    transition: transform 180ms ease;
+  }
+
+  .sidebar-dropup-trigger__chevron.is-rotated,
+  .sidebar-dropup-trigger[aria-expanded="true"]
+    .sidebar-dropup-trigger__chevron {
+    transform: rotate(180deg);
+  }
+
+  .sidebar-dropup-panel {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: calc(100% + var(--space-sidebar-popover-offset));
+    border-radius: var(--radius-xl);
+    border: var(--border-width-hairline) solid
+      var(--color-sidebar-border-strong);
+    background: linear-gradient(
+      160deg,
+      color-mix(in srgb, var(--color-sidebar-surface) 88%, transparent) 0%,
+      color-mix(in srgb, var(--color-sidebar-surface-alt) 68%, transparent) 100%
+    );
+    box-shadow:
+      inset 0 0 0 var(--border-width-fine) var(--color-sidebar-border),
+      var(--shadow-sidebar-panel);
+    padding: var(--space-sidebar-popover-padding-block)
+      var(--space-sidebar-popover-padding-inline);
+    color: var(--color-text-frosted);
+    opacity: 0;
+    visibility: hidden;
+    pointer-events: none;
+    transform: translateY(var(--space-sm));
+    transition:
+      opacity 180ms ease,
+      transform 180ms ease,
+      visibility 180ms ease,
+      box-shadow 220ms ease;
+    backdrop-filter: blur(var(--sidebar-panel-backdrop-blur))
+      saturate(var(--sidebar-panel-backdrop-saturation));
+    -webkit-backdrop-filter: blur(var(--sidebar-panel-backdrop-blur))
+      saturate(var(--sidebar-panel-backdrop-saturation));
+    z-index: 5;
+    isolation: isolate;
+  }
+
+  .sidebar-dropup-panel[data-state="expanded"] {
+    opacity: 1;
+    visibility: visible;
+    pointer-events: auto;
+    transform: translateY(0);
+  }
+
+  .sidebar-dropup-panel__inner {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sidebar-popover-gap);
+    width: 100%;
+    padding-inline-end: var(--space-sidebar-dropup-scroll-reserve);
+    max-height: var(--sidebar-dropup-max-height);
+    overflow-y: auto;
+    overflow-x: hidden;
+    scrollbar-gutter: stable both-edges;
+  }
+
+  .sidebar-dropup-panel__inner.is-measuring {
+    position: absolute;
+    width: max-content;
+    max-width: none;
+    visibility: hidden;
+    pointer-events: none;
+    left: var(--offscreen-offset);
+    right: auto;
+    top: auto;
+    bottom: auto;
+  }
+
+  .sidebar-dropup-measure {
+    position: absolute;
+    visibility: hidden;
+    pointer-events: none;
+    height: 0;
+    overflow: hidden;
+  }
+
+  .sidebar-dropup-panel__inner > * {
+    width: 100%;
+    min-width: 0;
+  }
+
+  #sidebar[data-footer-state="expanded"] .sidebar-nav {
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  #sidebar[data-footer-state="collapsed"] .sidebar-nav {
+    opacity: 1;
+  }
+
+  .sidebar-loading-wrapper {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: var(--space-2xl) 0;
+    width: 100%;
+    grid-column: 1 / -1;
+  }
+
+  .sidebar-loading-indicator {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-sm);
+    color: var(--color-muted-strong);
+    font-size: var(--font-size-sm);
+    font-weight: 500;
+    letter-spacing: 0.01em;
+  }
+
+  .sidebar-loading-text {
+    white-space: nowrap;
+  }
+
+  #app {
+    box-sizing: border-box;
+    transition:
+      margin-left 200ms ease,
+      width 200ms ease,
+      max-width 200ms ease;
+  }
+
+  #app[data-sidebar-state="collapsed"] {
+    margin-left: calc(
+      var(--sidebar-width-collapsed) + var(--sidebar-content-gap)
+    );
+    width: calc(
+      100vw - var(--sidebar-width-collapsed) - var(--sidebar-content-gap)
+    );
+    max-width: calc(
+      100vw - var(--sidebar-width-collapsed) - var(--sidebar-content-gap)
+    );
+  }
+
+  #app[data-sidebar-state="expanded"] {
+    margin-left: calc(
+      var(--sidebar-width-expanded) + var(--sidebar-content-gap)
+    );
+    width: calc(
+      100vw - var(--sidebar-width-expanded) - var(--sidebar-content-gap)
+    );
+    max-width: calc(
+      100vw - var(--sidebar-width-expanded) - var(--sidebar-content-gap)
+    );
+  }
+
+  body.sidebar-collapsed #sidebar .sidebar-nav-link,
+  #sidebar.sidebar-collapsed .sidebar-nav-link {
+    justify-content: center;
+    width: var(--sidebar-control-size);
+    padding: 0;
+    margin-inline: auto;
+    border-radius: var(--radius-full);
+    --sidebar-nav-translate-x: 0;
+    --sidebar-nav-link-highlight-scale: 1;
+  }
+
+  body.sidebar-expanded #sidebar .sidebar-nav-link,
+  #sidebar.sidebar-expanded .sidebar-nav-link {
+    justify-content: flex-start;
+  }
+
+  body.sidebar-collapsed #sidebar .sidebar-text,
+  #sidebar.sidebar-collapsed .sidebar-text {
+    display: none;
+  }
+
+  body.sidebar-collapsed #sidebar .sidebar__inner,
+  #sidebar.sidebar-collapsed .sidebar__inner {
+    padding-inline: var(--space-2xs);
+  }
+
+  body.sidebar-collapsed #sidebar .sidebar-panel,
+  #sidebar.sidebar-collapsed .sidebar-panel {
+    padding-inline: calc(var(--space-3xs) * 3);
+  }
+
+  body.sidebar-collapsed #sidebar .sidebar-panel__header,
+  #sidebar.sidebar-collapsed .sidebar-panel__header {
+    justify-content: center;
+  }
+
+  body.sidebar-collapsed #sidebar .sidebar-collapse-toggle,
+  #sidebar.sidebar-collapsed .sidebar-collapse-toggle {
+    margin-inline: auto;
+  }
+
+  #sidebar .sidebar-toggle-icon--rotated {
+    transform: rotate(180deg);
+  }
+
+  body.sidebar-collapsed #sidebar .sidebar-toggle-icon--rotated,
+  #sidebar.sidebar-collapsed .sidebar-toggle-icon--rotated {
+    transform: rotate(0deg);
+  }
+
+  body.sidebar-collapsed #sidebar .sidebar-dropup-trigger,
+  #sidebar.sidebar-collapsed .sidebar-dropup-trigger {
+    justify-content: center;
+    width: var(--sidebar-control-size);
+    height: var(--sidebar-control-size);
+    padding: 0;
+    margin-inline: auto;
+    border-radius: var(--radius-full);
+  }
+
+  body.sidebar-collapsed #sidebar .sidebar-dropup-trigger .sidebar-text,
+  #sidebar.sidebar-collapsed .sidebar-dropup-trigger .sidebar-text {
+    display: none;
+  }
+
+  body.sidebar-collapsed #sidebar .sidebar-dropup-trigger__chevron {
+    display: none;
+  }
+
+  body.sidebar-collapsed #sidebar .sidebar-dropup-trigger__glyph,
+  #sidebar.sidebar-collapsed .sidebar-dropup-trigger__glyph {
+    margin: 0;
+  }
+
+  body.sidebar-collapsed #sidebar .sidebar-nav-link:hover,
+  #sidebar.sidebar-collapsed .sidebar-nav-link:hover,
+  body.sidebar-collapsed #sidebar .sidebar-nav-link:focus-visible,
+  #sidebar.sidebar-collapsed .sidebar-nav-link:focus-visible {
+    --sidebar-nav-translate-x: 0;
+  }
+
+  @media (min-width: theme("screens.md")) {
+    #sidebar {
+      transform: translateX(0) !important;
+      width: var(--sidebar-width);
+      overflow: visible;
+    }
+
+    #app[data-sidebar-state="collapsed"] {
+      margin-left: calc(
+        var(--sidebar-width-collapsed) + var(--sidebar-content-gap)
+      );
+      width: calc(
+        100vw - var(--sidebar-width-collapsed) - var(--sidebar-content-gap)
+      );
+      max-width: calc(
+        100vw - var(--sidebar-width-collapsed) - var(--sidebar-content-gap)
+      );
+    }
+
+    #app[data-sidebar-state="expanded"] {
+      margin-left: max(
+        calc(var(--sidebar-width-expanded-base) + var(--sidebar-content-gap)),
+        calc(var(--sidebar-dropup-content-width) + var(--sidebar-content-gap))
+      );
+      width: min(
+        calc(
+          100vw - var(--sidebar-width-expanded-base) -
+            var(--sidebar-content-gap)
+        ),
+        calc(
+          100vw - var(--sidebar-dropup-content-width) -
+            var(--sidebar-content-gap)
+        )
+      );
+      max-width: min(
+        calc(
+          100vw - var(--sidebar-width-expanded-base) -
+            var(--sidebar-content-gap)
+        ),
+        calc(
+          100vw - var(--sidebar-dropup-content-width) -
+            var(--sidebar-content-gap)
+        )
+      );
+    }
+  }
+
+  @keyframes card-motion-enter {
+    from {
+      opacity: 0;
+      transform: translateY(var(--motion-card-enter-translate));
+    }
+
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes video-thumbnail-fade-in {
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
+  }
+
+  @keyframes interface-fade-in {
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
+  }
+
+  @keyframes fadeIn {
+    from {
+      opacity: 0;
+      transform: translateY(var(--motion-fade-in-translate));
+    }
+
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+}
+
+@layer utilities {
+  @media (max-width: theme("screens.compact")) {
+    .u-max-400-flex-wrap {
+      flex-wrap: wrap;
+    }
+
+    .u-max-400-gap-y-sm {
+      row-gap: var(--space-sm);
+    }
+
+    .u-max-400-gap-y-xs {
+      row-gap: var(--space-xs);
+    }
+
+    .u-max-400-w-full {
+      width: 100%;
+    }
+
+    .u-max-400-justify-between {
+      justify-content: space-between;
+    }
+
+    .u-max-400-ml-0 {
+      margin-left: 0;
+    }
+
+    .u-max-400-px-sm {
+      padding-left: var(--space-sm);
+      padding-right: var(--space-sm);
+    }
+
+    .u-max-400-square-9 {
+      height: var(--space-xl-compact);
+      width: var(--space-xl-compact);
+      min-height: var(--space-xl-compact);
+      min-width: var(--space-xl-compact);
+    }
+  }
+}
+
+@media (max-width: theme("screens.sm")) {
+  .bv-grid-video {
+    gap: var(--space-md);
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  :root {
+    --motion-duration-fast: 0s;
+    --motion-duration-base: 0s;
+    --motion-duration-slow: 0s;
+    --modal-motion-duration: 0s;
+  }
+
+  *,
+  *::before,
+  *::after {
+    animation-delay: 0s !important;
+    animation-duration: 0s !important;
+    animation-iteration-count: 1 !important;
+    animation-timing-function: linear !important;
+    transition-delay: 0s !important;
+    transition-duration: 0s !important;
+    transition-timing-function: linear !important;
+  }
+
+  .player-modal__similar-card::before {
+    transition: none !important;
+  }
+
+  .btn,
+  .btn-ghost,
+  .card,
+  .card[data-motion="enter"],
+  .fade-in,
+  .icon-button,
+  .menu__item,
+  .modal-nav,
+  .popover-panel,
+  .popover__panel,
+  .progress-bar-fill,
+  .notification-banner,
+  .notification-portal,
+  .torrent-toast,
+  .status-banner .status-spinner,
+  .status-spinner--inline,
+  .video-modal__panel,
+  .watch-history-card,
+  .watch-history-card__creatorAvatar,
+  .watch-history-card__creatorName,
+  .watch-history-card__action,
+  .watch-history-card__title,
+  #app,
+  #playerModal .player-modal__content,
+  #sidebar,
+  .sidebar-collapse-toggle,
+  .sidebar-collapse-toggle__icon,
+  .sidebar-dropup-panel,
+  .sidebar-dropup-trigger,
+  .sidebar-dropup-trigger__chevron,
+  .sidebar-nav,
+  .sidebar-nav-link,
+  .sidebar-loading-indicator,
+  .sidebar-loading-wrapper {
+    transition-property: none !important;
+  }
+
+  .popover-panel,
+  .popover__panel {
+    transform: none !important;
+  }
+
+  .popover-panel[data-state="open"],
+  .popover__panel[data-state="open"] {
+    opacity: 1;
+  }
+
+  .popover-panel[data-state="closed"],
+  .popover__panel[data-state="closed"] {
+    opacity: 0;
+  }
+
+  .card[data-motion="enter"],
+  .fade-in {
+    opacity: 1;
+    animation: none !important;
+  }
+
+  [data-video-thumbnail][data-thumbnail-loaded="true"] {
+    animation: none !important;
+    opacity: 1;
+  }
+
+  .notification-banner,
+  .torrent-toast,
+  .status-banner .status-spinner,
+  .status-spinner--inline {
+    animation: none !important;
+  }
+
+  .notification-portal {
+    transform: none !important;
+    opacity: 1 !important;
+  }
+}
+
+@layer components {
+  .ui-grid-row {
+    border-bottom: var(--border-width-hairline) solid
+      var(--color-border-subtle, var(--color-border));
+  }
+
+  .status-line {
+    @apply my-1 text-sm leading-snug text-text;
+  }
+
+  /* Status log containers reserve space for dynamic messages. */
+  .status-log {
+    @apply min-h-status-log;
+  }
+
+  .status-line.error {
+    color: var(--color-critical-strong);
+  }
+
+  .status-line.success {
+  }
+
+  .status-line.warn {
+    color: var(--color-warning-strong);
+  }
+
+  /* Blog layout root scaffolding */
+
+  @keyframes ztr-rotate {
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  @keyframes ztr-dash {
+    0% {
+      stroke-dasharray: 1, 150;
+      stroke-dashoffset: 0;
+    }
+
+    50% {
+      stroke-dasharray: 90, 150;
+      stroke-dashoffset: -35;
+    }
+
+    100% {
+      stroke-dasharray: 90, 150;
+      stroke-dashoffset: -124;
+    }
+  }
+
+  @keyframes svelte-181fgen-loader-animation {
+    0% {
+      transform: rotate(0);
+    }
+
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  @keyframes svelte-181fgen-fade-in {
+    to {
+      opacity: 1;
+    }
+  }
+}
+
+@layer components {
+  .dm-app-shell {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-lg);
+    padding: var(--space-lg);
+    background: var(--surface-base);
+    color: var(--text-primary);
+    min-height: 100vh;
+  }
+
+  .profile-modal .dm-app-shell {
+    min-height: 0;
+    height: auto;
+    padding: 0;
+    gap: var(--space-md);
+  }
+
+  .dm-app-shell__sidebar,
+  .dm-app-shell__main {
+    border-radius: var(--radius-lg);
+    border: var(--border-width-hairline) solid var(--border-default);
+    background: var(--surface-panel);
+    box-shadow: var(--shadow-soft);
+  }
+
+  .profile-modal .dm-app-shell__sidebar,
+  .profile-modal .dm-app-shell__main {
+    height: auto;
+    min-height: 0;
+    border: none;
+    box-shadow: none;
+    background: transparent;
+    padding: 0;
+  }
+
+  .dm-app-shell__sidebar {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+    padding: var(--space-md);
+  }
+
+  .dm-app-shell__title {
+    font-size: var(--font-size-lg);
+    margin: 0;
+  }
+
+  .dm-app-shell__main {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+    padding: var(--space-md);
+    background: var(--surface-raised);
+  }
+
+  .profile-modal .dm-app-shell__main,
+  .profile-modal .dm-app-shell__sidebar {
+    min-width: 0;
+  }
+
+  .dm-conversation-list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+
+  .dm-conversation-list__header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .dm-conversation-list__title {
+    font-size: var(--font-size-sm);
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    color: var(--text-muted);
+    margin: 0;
+  }
+
+  .dm-conversation-list__items {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+    overflow-y: auto;
+    max-height: 60vh;
+    padding-right: var(--space-xs);
+  }
+
+  .dm-conversation-list__state {
+    font-size: var(--font-size-sm);
+    color: var(--text-muted);
+    padding: var(--space-md);
+    text-align: center;
+    background: var(--surface-sunken);
+    border-radius: var(--radius-md);
+  }
+
+  .dm-contact-row {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-sm) var(--space-md);
+    border-radius: var(--radius-md);
+    border: var(--border-width-hairline) solid var(--border-subtle);
+    background: transparent;
+    color: inherit;
+    text-align: left;
+    cursor: pointer;
+  }
+
+  .dm-contact-row:hover,
+  .dm-contact-row:focus-visible {
+    background: var(--surface-muted);
+    border-color: var(--border-strong);
+    outline: none;
+  }
+
+  .dm-contact-row--active {
+    background: var(--surface-sunken);
+    border-color: var(--border-strong);
+  }
+
+  .dm-contact-row__content {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-2xs);
+    flex: 1;
+  }
+
+  .dm-contact-row__header {
+    display: flex;
+    justify-content: space-between;
+    align-items: baseline;
+    gap: var(--space-xs);
+  }
+
+  .dm-contact-row__meta {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-xs);
+  }
+
+  .dm-contact-row__name {
+    font-weight: 600;
+  }
+
+  .dm-contact-row__time {
+    font-size: var(--font-size-2xs);
+    color: var(--text-muted);
+  }
+
+  .dm-contact-row__preview {
+    font-size: var(--font-size-xs);
+    color: var(--text-muted);
+  }
+
+  .dm-contact-row__badge {
+    align-self: flex-start;
+    padding: var(--space-3xs) var(--space-xs);
+    border-radius: var(--radius-full);
+    background: var(--color-accent);
+    color: var(--color-white);
+    font-size: var(--font-size-3xs);
+  }
+
+  .dm-avatar {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    border-radius: var(--radius-full);
+    background: var(--surface-sunken);
+    color: var(--text-muted);
+    font-weight: 600;
+    overflow: hidden;
+    border: var(--border-width-hairline) solid var(--border-subtle);
+  }
+
+  .dm-avatar--md {
+    width: var(--space-xl-plus);
+    height: var(--space-xl-plus);
+    min-width: var(--space-xl-plus);
+    min-height: var(--space-xl-plus);
+  }
+
+  .dm-avatar--sm {
+    width: var(--space-xl);
+    height: var(--space-xl);
+    min-width: var(--space-xl);
+    min-height: var(--space-xl);
+  }
+
+  .dm-avatar__image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  .dm-message-thread {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+    flex: 1;
+    min-height: 0;
+  }
+
+  .dm-message-thread__header {
+    display: flex;
+    align-items: baseline;
+    gap: var(--space-sm);
+  }
+
+  .dm-message-thread__title {
+    font-size: var(--font-size-base);
+    margin: 0;
+  }
+
+  .dm-message-thread__status {
+    font-size: var(--font-size-xs);
+    color: var(--text-muted);
+  }
+
+  .dm-message-thread__zap-summary {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-xs);
+    padding: var(--space-2xs) var(--space-xs);
+    border-radius: var(--radius-full);
+    border: var(--border-width-hairline) solid var(--border-subtle);
+    background: var(--surface-sunken);
+    color: var(--text-muted);
+    font-size: var(--font-size-2xs);
+  }
+
+  .dm-message-thread__zap-label {
+    text-transform: uppercase;
+    letter-spacing: var(--tracking-wide);
+  }
+
+  .dm-message-thread__zap-total {
+    font-weight: 600;
+    color: var(--text-primary);
+  }
+
+  .dm-message-thread__zap-profile {
+    color: var(--text-muted);
+  }
+
+  .dm-message-thread__timeline {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+    padding: var(--space-sm);
+    border-radius: var(--radius-md);
+    background: var(--surface-panel);
+    border: var(--border-width-hairline) solid var(--border-subtle);
+    overflow-y: auto;
+    min-height: var(--size-16rem);
+  }
+
+  .dm-message-thread__state {
+    padding: var(--space-md);
+    text-align: center;
+    color: var(--text-muted);
+    background: var(--surface-sunken);
+    border-radius: var(--radius-md);
+  }
+
+  .dm-message-row {
+    display: flex;
+    align-items: flex-end;
+    gap: var(--space-xs);
+    width: 100%;
+  }
+
+  .dm-message-row--incoming {
+    justify-content: flex-start;
+  }
+
+  .dm-message-row--outgoing {
+    justify-content: flex-end;
+  }
+
+  .dm-message-avatar {
+    width: var(--space-xl);
+    height: var(--space-xl);
+    flex-shrink: 0;
+    border-radius: var(--radius-full);
+    object-fit: cover;
+    background-color: var(--surface-sunken);
+    border: var(--border-width-hairline) solid var(--border-subtle);
+  }
+
+  .dm-message-bubble {
+    max-width: 75%;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-2xs);
+    padding: var(--space-sm) var(--space-md);
+    border-radius: var(--radius-lg);
+    border: var(--border-width-hairline) solid var(--message-bubble-border);
+    background: var(--message-bubble-background);
+    color: var(--message-bubble-text);
+  }
+
+  .dm-message-bubble--incoming {
+    border-bottom-left-radius: var(--radius-sm);
+  }
+
+  .dm-message-bubble--outgoing {
+    background: var(--color-accent);
+    color: var(--color-white);
+    border-color: var(--color-accent-strong);
+    border-bottom-right-radius: var(--radius-sm);
+  }
+
+  .dm-message-bubble--outgoing .dm-message-bubble__meta,
+  .dm-message-bubble--outgoing .dm-message-bubble__status {
+    color: var(--color-white);
+    opacity: 0.9;
+  }
+
+  .dm-message-bubble__content {
+    font-size: var(--font-size-sm);
+    overflow-wrap: anywhere;
+    white-space: pre-wrap;
+  }
+
+  .dm-message-bubble__meta {
+    display: flex;
+    gap: var(--space-xs);
+    font-size: var(--font-size-2xs);
+    color: var(--message-bubble-meta);
+  }
+
+  .dm-message-bubble__status {
+    color: var(--text-muted);
+  }
+
+  .dm-message-bubble__status[data-status="pending"] {
+    color: var(--status-warning);
+  }
+
+  .dm-message-bubble__status[data-status="sending"] {
+    color: var(--status-info);
+  }
+
+  .dm-message-bubble__status[data-status="failed"] {
+    color: var(--status-danger);
+  }
+
+  .dm-message-thread__new {
+    align-self: center;
+    border-radius: var(--radius-full);
+    border: var(--border-width-hairline) solid var(--border-subtle);
+    padding: var(--space-2xs) var(--space-sm);
+    font-size: var(--font-size-2xs);
+    background: var(--surface-sunken);
+    color: var(--text-muted);
+  }
+
+  .dm-message-thread__new:hover,
+  .dm-message-thread__new:focus-visible {
+    background: var(--surface-overlay-panel-soft);
+    color: var(--text-primary);
+    outline: none;
+  }
+
+  .dm-day-divider {
+    display: grid;
+    grid-template-columns: 1fr auto 1fr;
+    align-items: center;
+    gap: var(--space-xs);
+    color: var(--text-muted);
+    font-size: var(--font-size-2xs);
+  }
+
+  .dm-day-divider__line {
+    height: var(--border-width-hairline);
+    background: var(--border-subtle);
+  }
+
+  .dm-notification-center {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+  }
+
+  .dm-notification-center__filters {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--space-xs);
+  }
+
+  .dm-notification-center__filter-button {
+    border-radius: var(--radius-full);
+    border: var(--border-width-hairline) solid var(--border-subtle);
+    background: var(--surface-sunken);
+    padding: var(--space-2xs) var(--space-sm);
+    font-size: var(--font-size-2xs);
+    font-weight: 600;
+    color: var(--text-muted);
+    transition:
+      color var(--motion-duration-fast) var(--motion-ease-out),
+      background var(--motion-duration-fast) var(--motion-ease-out),
+      border-color var(--motion-duration-fast) var(--motion-ease-out);
+  }
+
+  .dm-notification-center__filter-button:hover,
+  .dm-notification-center__filter-button:focus-visible {
+    outline: none;
+    border-color: var(--border-strong);
+    background: var(--surface-raised);
+    color: var(--text-primary);
+  }
+
+  .dm-notification-center__filter-button--active {
+    border-color: var(--border-strong);
+    background: var(--surface-overlay-panel);
+    color: var(--text-primary);
+  }
+
+  .dm-notification-center__groups {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+  }
+
+  .dm-notification-center__group {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+
+  .dm-notification-center__group-title {
+    font-size: var(--font-size-2xs);
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: var(--tracking-wide);
+    color: var(--text-muted);
+  }
+
+  .dm-notification-center__list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+
+  .dm-notification-center__empty {
+    font-size: var(--font-size-xs);
+    color: var(--text-muted);
+  }
+
+  .dm-notification-item {
+    display: grid;
+    grid-template-columns: auto 1fr auto;
+    align-items: center;
+    gap: var(--space-sm);
+    padding: var(--space-sm);
+    border-radius: var(--radius-md);
+    border: var(--border-width-hairline) solid var(--border-subtle);
+    background: var(--surface-sunken);
+    font-size: var(--font-size-xs);
+    text-align: left;
+    transition:
+      border-color var(--motion-duration-fast) var(--motion-ease-out),
+      background var(--motion-duration-fast) var(--motion-ease-out);
+  }
+
+  .dm-notification-item:hover,
+  .dm-notification-item:focus-visible {
+    outline: none;
+    border-color: var(--border-strong);
+    background: var(--surface-raised);
+  }
+
+  .dm-notification-item__icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--icon-size-md);
+    height: var(--icon-size-md);
+    border-radius: var(--radius-full);
+    background: var(--surface-overlay-panel-soft);
+    color: var(--text-muted);
+    font-size: var(--font-size-xs);
+  }
+
+  .dm-notification-item__body {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-2xs);
+    min-width: 0;
+  }
+
+  .dm-notification-item__title {
+    font-weight: 600;
+    color: var(--text-primary);
+  }
+
+  .dm-notification-item__message {
+    color: var(--text-muted);
+  }
+
+  .dm-notification-item__meta {
+    display: flex;
+    align-items: center;
+    gap: var(--space-2xs);
+    color: var(--text-muted);
+  }
+
+  .dm-notification-item__timestamp {
+    font-variant-numeric: tabular-nums;
+    white-space: nowrap;
+  }
+
+  .dm-notification-item--info {
+    background: var(--status-info-surface);
+    border-color: var(--status-info-border);
+    color: var(--status-info-on);
+  }
+
+  .dm-notification-item--success {
+    background: var(--status-success-surface);
+    border-color: var(--status-success-border);
+    color: var(--status-success-on);
+  }
+
+  .dm-notification-item--warning {
+    background: var(--status-warning-surface);
+    border-color: var(--status-warning-border);
+    color: var(--status-warning-on);
+  }
+
+  .dm-notification-item--error {
+    background: var(--status-danger-surface);
+    border-color: var(--status-danger-border);
+    color: var(--status-danger-on);
+  }
+
+  .reply-highlight {
+    padding: var(--space-xs) var(--space-sm);
+    border-radius: var(--radius-md);
+    border: var(--border-width-hairline) solid var(--reply-highlight-border);
+    background: var(--reply-highlight-background);
+    color: var(--reply-highlight-text);
+  }
+
+  .reply-highlight svg {
+    color: var(--reply-highlight-icon);
+  }
+
+  .dm-composer {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+  }
+
+  .dm-composer__label {
+    font-size: var(--font-size-xs);
+    color: var(--text-muted);
+  }
+
+  .dm-composer__input {
+    resize: vertical;
+    border-radius: var(--radius-md);
+    border: var(--border-width-hairline) solid var(--border-default);
+    background: var(--surface-base);
+    color: var(--text-primary);
+    padding: var(--space-sm);
+    font-family: inherit;
+  }
+
+  .dm-composer__input:focus-visible {
+    outline: var(--space-3xs) solid var(--color-accent);
+    outline-offset: var(--space-3xs);
+  }
+
+  .dm-composer__actions {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: var(--space-sm);
+  }
+
+  .dm-composer__tools {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    flex-wrap: wrap;
+    position: relative;
+  }
+
+  .dm-composer__hint {
+    font-size: var(--font-size-2xs);
+    color: var(--text-muted);
+  }
+
+  .dm-composer__attach,
+  .dm-composer__more-btn {
+    border-radius: var(--radius-md);
+    border: var(--border-width-hairline) solid var(--border-default);
+    background: var(--surface-base);
+    color: var(--text-muted);
+    padding: var(--space-2xs) var(--space-sm);
+    font-size: var(--font-size-2xs);
+    cursor: pointer;
+  }
+
+  .dm-composer__more-btn {
+    font-weight: 700;
+    line-height: 1;
+    min-width: var(--space-xl);
+  }
+
+  .dm-composer__more-menu {
+    position: absolute;
+    bottom: 100%;
+    left: 0;
+    margin-bottom: var(--space-xs);
+    background: var(--surface-overlay-panel);
+    border: var(--border-width-hairline) solid var(--border-default);
+    border-radius: var(--radius-md);
+    box-shadow: var(--shadow-popover);
+    z-index: 10;
+    display: flex;
+    flex-direction: column;
+    min-width: var(--size-8rem);
+    padding: var(--space-xs);
+  }
+
+  .dm-composer__menu-item {
+    text-align: left;
+    padding: var(--space-xs) var(--space-sm);
+    border-radius: var(--radius-sm);
+    font-size: var(--font-size-xs);
+    color: var(--text-muted);
+    background: transparent;
+    border: none;
+    cursor: pointer;
+    transition: background var(--motion-duration-fast) ease-out;
+  }
+
+  .dm-composer__menu-item:hover,
+  .dm-composer__menu-item:focus-visible {
+    background: var(--surface-overlay-panel-soft);
+    color: var(--text-primary);
+    outline: none;
+  }
+
+  .dm-composer__menu-item[aria-pressed="true"] {
+    background: var(--color-accent);
+    color: var(--color-white);
+  }
+
+  .dm-composer__attach:hover,
+  .dm-composer__attach:focus-visible,
+  .dm-composer__more-btn:hover,
+  .dm-composer__more-btn:focus-visible {
+    background: var(--surface-overlay-panel-soft);
+    color: var(--text-primary);
+    outline: none;
+  }
+
+  .dm-composer__send {
+    border-radius: var(--radius-md);
+    border: var(--border-width-hairline) solid var(--border-strong);
+    background: var(--surface-overlay-panel);
+    color: var(--text-primary);
+    padding: var(--space-xs) var(--space-md);
+    font-weight: 600;
+    cursor: pointer;
+  }
+
+  .dm-composer__send:hover,
+  .dm-composer__send:focus-visible {
+    background: var(--surface-overlay-panel-soft);
+    outline: none;
+  }
+
+  .dm-composer__zap-panel {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+    padding: var(--space-sm);
+    border-radius: var(--radius-md);
+    border: var(--border-width-hairline) solid var(--border-subtle);
+    background: var(--surface-sunken);
+  }
+
+  .dm-composer__zap-recipient {
+    font-size: var(--font-size-xs);
+    font-weight: 600;
+    color: var(--text-primary);
+  }
+
+  .dm-composer__zap-address {
+    font-size: var(--font-size-2xs);
+    color: var(--text-muted);
+  }
+
+  .dm-composer__zap-label {
+    font-size: var(--font-size-2xs);
+    text-transform: uppercase;
+    letter-spacing: var(--tracking-wide);
+    color: var(--text-muted);
+  }
+
+  .dm-composer__zap-input {
+    border-radius: var(--radius-md);
+    border: var(--border-width-hairline) solid var(--border-default);
+    background: var(--surface-base);
+    color: var(--text-primary);
+    padding: var(--space-2xs) var(--space-sm);
+    font-size: var(--font-size-xs);
+    font-family: inherit;
+  }
+
+  .dm-composer__zap-input:focus-visible {
+    outline: var(--size-2px) solid var(--color-accent);
+    outline-offset: var(--size-2px);
+  }
+
+  .dm-composer__zap-actions {
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  .dm-composer__zap-send {
+    border-radius: var(--radius-md);
+    border: var(--border-width-hairline) solid var(--border-strong);
+    background: var(--surface-overlay-panel);
+    color: var(--text-primary);
+    padding: var(--space-2xs) var(--space-md);
+    font-size: var(--font-size-xs);
+    font-weight: 600;
+    cursor: pointer;
+  }
+
+  .dm-composer__zap-send:hover,
+  .dm-composer__zap-send:focus-visible {
+    background: var(--surface-overlay-panel-soft);
+    outline: none;
+  }
+
+  .dm-composer__zap-status {
+    font-size: var(--font-size-2xs);
+    color: var(--text-muted);
+    min-height: var(--space-md);
+  }
+
+  .dm-composer__zap-status[data-state="error"] {
+    color: var(--status-danger);
+  }
+
+  .dm-composer__zap-status[data-state="success"] {
+    color: var(--status-success);
+  }
+
+  .dm-composer__status {
+    font-size: var(--font-size-2xs);
+    color: var(--status-danger);
+    min-height: var(--space-md);
+  }
+
+  @media (max-width: calc(theme("screens.md") - 0.02px)) {
+    .dm-app-shell[data-dm-view="list"] .dm-app-shell__main {
+      display: none !important;
+    }
+
+    .dm-app-shell[data-dm-view="thread"] .dm-app-shell__sidebar {
+      display: none !important;
+    }
+
+    .dm-message-thread__back {
+      @apply inline-flex items-center gap-2;
+    }
+  }
+
+  @media (min-width: theme("screens.md")) {
+    .dm-app-shell {
+      flex-direction: row;
+      align-items: stretch;
+    }
+
+    .dm-app-shell__sidebar {
+      flex: 0 0 var(--size-18rem);
+      max-width: var(--size-20rem);
+      height: calc(100vh - var(--space-lg) * 2);
+      display: flex !important;
+    }
+
+    .dm-app-shell__main {
+      height: calc(100vh - var(--space-lg) * 2);
+      display: flex !important;
+    }
+
+    .dm-conversation-list__items {
+      max-height: none;
+      flex: 1;
+    }
+
+    .dm-message-thread__back {
+      display: none !important;
+    }
+  }
+
+  /* Ensure the profile pane for messages takes full height */
+  #profilePaneMessages {
+    height: 100%;
+    min-height: 0;
+  }
+
+  @media (min-width: theme("screens.md")) {
+    .profile-modal .dm-app-shell {
+      flex-direction: row;
+      align-items: stretch;
+      height: 100%;
+      min-height: 0;
+    }
+
+    .profile-modal .dm-app-shell__sidebar {
+      flex: 0 0 var(--size-18rem);
+      max-width: var(--size-20rem);
+      height: 100%;
+      overflow: hidden;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .profile-modal .dm-app-shell__main {
+      flex: 1 1 auto;
+      height: 100%;
+      overflow: hidden;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .profile-modal .dm-conversation-list {
+      flex: 1;
+      min-height: 0;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .profile-modal .dm-conversation-list__items {
+      flex: 1;
+      overflow-y: auto;
+      min-height: 0;
+      overscroll-behavior-y: contain;
+      @apply no-scrollbar;
+    }
+
+    .profile-modal .dm-message-thread {
+      flex: 1;
+      min-height: 0;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .profile-modal .dm-message-thread__timeline {
+      flex: 1;
+      overflow-y: auto;
+      min-height: 0;
+      overscroll-behavior-y: contain;
+      @apply no-scrollbar;
+    }
+  }
+
+  @media (min-width: theme("screens.lg")) {
+    .dm-app-shell__sidebar {
+      flex-basis: var(--size-20rem);
+    }
+
+    .dm-message-thread__timeline {
+      padding: var(--space-md);
+    }
+  }
+}
+
+/* Profile Modal Full Screen Overrides */
+#profileModal {
+  padding: 0;
+  width: 100vw;
+  height: 100vh;
+  max-width: none;
+  max-height: none;
+}
+
+#profileModal .bv-modal__panel {
+  width: 100%;
+  height: 100%;
+  max-width: none;
+  max-height: none;
+  border-radius: 0;
+  border: none;
+}
+
+/* Override responsive max-height constraint */
+@media (min-width: theme("screens.lg")) {
+  #profileModal .profile-modal {
+    max-block-size: none;
+  }
+}
+
+@layer components {
+  .marquee-host {
+    position: relative;
+    overflow: hidden;
+    white-space: nowrap;
+    width: 100%;
+    min-width: 0;
+    max-width: 100%;
+  }
+
+  .marquee-static {
+    @apply truncate;
+    opacity: 1;
+    transition: opacity 0.3s ease;
+  }
+
+  .marquee-anim {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    opacity: 0;
+    transition: opacity 0.3s ease;
+    pointer-events: none;
+    mask-image: linear-gradient(
+      to right,
+      transparent,
+      black 4%,
+      black 96%,
+      transparent
+    );
+    -webkit-mask-image: linear-gradient(
+      to right,
+      transparent,
+      black 4%,
+      black 96%,
+      transparent
+    );
+  }
+
+  .marquee-track {
+    display: flex;
+    width: max-content;
+    animation: marquee-scroll linear infinite;
+    animation-duration: var(--marquee-duration, 10s);
+    animation-play-state: paused;
+  }
+
+  .marquee-item {
+    flex-shrink: 0;
+    padding-right: var(--space-xl); /* Gap between loop items */
+  }
+
+  @keyframes marquee-scroll {
+    0% {
+      transform: translateX(0);
+    }
+    100% {
+      transform: translateX(-50%);
+    }
+  }
+
+  /* Desktop Hover State */
+  @media (min-width: theme("screens.lg")) {
+    .card:hover .marquee-host.can-marquee .marquee-static {
+      opacity: 0;
+    }
+    .card:hover .marquee-host.can-marquee .marquee-anim {
+      opacity: 1;
+    }
+    .card:hover .marquee-host.can-marquee .marquee-track {
+      animation-play-state: running;
+    }
+  }
+
+  /* Mobile Active State */
+  @media (max-width: calc(theme("screens.lg") - var(--breakpoint-edge-offset))) {
+    .card[data-mobile-active="true"] {
+      --video-card-lift-translate-y: var(--motion-video-card-hover-translate);
+      --video-card-backdrop-opacity: 0.425;
+      --video-card-backdrop-translate-y: var(
+        --motion-video-card-backdrop-translate
+      );
+      --video-card-backdrop-scale: 1.12;
+      --video-card-backdrop-blur: var(--blur-video-card-backdrop-strong);
+      @apply shadow-lg;
+    }
+
+    .card[data-mobile-active="true"] .video-card__title {
+      color: var(--color-accent);
+    }
+
+    .card[data-mobile-active="true"] .marquee-host.can-marquee .marquee-static {
+      opacity: 0;
+    }
+    .card[data-mobile-active="true"] .marquee-host.can-marquee .marquee-anim {
+      opacity: 1;
+    }
+    .card[data-mobile-active="true"] .marquee-host.can-marquee .marquee-track {
+      animation-play-state: running;
+    }
+  }
+}
+
+.no-scrollbar {
+  scrollbar-width: none !important;
+  -ms-overflow-style: none !important;
+}
+
+.no-scrollbar::-webkit-scrollbar {
+  display: none !important;
+}
+
+/* Embed & Video Modal Fixes */
+@layer components {
+  /* Logo accent wiring */
+  .bv-logo__accent {
+    fill: var(--bitvid-accent, var(--logo-accent-color));
+  }
+}
diff --git a/dist/css/tokens.css b/dist/css/tokens.css
new file mode 100644
index 00000000..3d4c9475
--- /dev/null
+++ b/dist/css/tokens.css
@@ -0,0 +1,864 @@
+:root {
+  /* Semantic palette */
+  --surface-base: var(--color-surface);
+  --surface-alt: var(--color-surface-alt);
+  --surface-raised: var(--color-card);
+  --surface-raised-private: var(--color-card-private);
+  --surface-raised-critical: var(--color-card-critical);
+  --surface-panel: var(--color-panel);
+  --surface-panel-hover: var(--color-panel-hover);
+  --surface-sunken: var(--color-surface-sunken);
+  --surface-muted: var(--color-surface-muted);
+  --surface-veil: var(--color-overlay-veil);
+  --surface-inverse: var(--color-page);
+
+  --surface-overlay: var(--color-overlay);
+  --surface-overlay-muted: var(--color-overlay-muted);
+  --surface-overlay-strong: var(--color-overlay-strong);
+  --surface-overlay-darker: var(--color-overlay-darker);
+  --surface-overlay-black: var(--color-overlay-black);
+  --surface-overlay-banner-base: var(--color-page);
+  --surface-overlay-banner: var(--surface-overlay-banner-base);
+  --surface-overlay-banner-opaque: var(--surface-overlay-banner-base);
+  --surface-overlay-banner-strong: color-mix(
+    in srgb,
+    var(--surface-overlay-banner-base) 82%,
+    transparent
+  );
+  --surface-overlay-banner-bottom: color-mix(
+    in srgb,
+    var(--surface-overlay-banner-base) 50%,
+    transparent
+  );
+  --surface-overlay-banner-channel-mid: color-mix(
+    in srgb,
+    var(--surface-overlay-banner-base) 24%,
+    transparent
+  );
+  --surface-overlay-banner-channel-faint: color-mix(
+    in srgb,
+    var(--surface-overlay-banner-base) 10%,
+    transparent
+  );
+  --surface-overlay-banner-soft: color-mix(
+    in srgb,
+    var(--surface-overlay-banner-base) 56%,
+    transparent
+  );
+  --surface-overlay-banner-faint: color-mix(
+    in srgb,
+    var(--surface-overlay-banner-base) 18%,
+    transparent
+  );
+  --surface-overlay-banner-transparent: transparent;
+  --surface-overlay-banner-gradient-header: linear-gradient(
+    to bottom,
+    var(--surface-overlay-banner-opaque) 0%,
+    var(--surface-overlay-banner-strong) 38%,
+    var(--surface-overlay-banner-soft) 70%,
+    var(--surface-overlay-banner-faint) 88%,
+    var(--surface-overlay-banner-transparent) 100%
+  );
+  --surface-overlay-banner-gradient-channel: linear-gradient(
+    to top,
+    var(--surface-overlay-banner-bottom) 0%,
+    var(--surface-overlay-banner-channel-mid) 28%,
+    var(--surface-overlay-banner-channel-faint) 42%,
+    var(--surface-overlay-banner-transparent) 50%
+  );
+  --surface-overlay-banner-gradient: var(
+    --surface-overlay-banner-gradient-header
+  );
+  --surface-overlay-panel: var(--color-overlay-panel);
+  --surface-overlay-panel-soft: var(--color-overlay-panel-soft);
+  --surface-overlay-panel-tint: var(--color-overlay-panel-tint);
+  --surface-overlay-panel-glass: var(--color-overlay-panel-glass);
+  --surface-overlay-panel-glass-soft: var(--color-overlay-panel-glass-soft);
+  --surface-modal-backdrop: var(--color-modal-backdrop);
+  --surface-modal: var(--color-modal-surface);
+  --blur-modal-backdrop: 18px;
+  --blur-modal-alert: 14px;
+  --blur-thumbnail-blur: 18px;
+  --modal-nav-backdrop-blur: 6px;
+
+  --app-header-centerline-offset: calc(
+    var(--space-sm) + (var(--space-2xl-plus) / 2)
+  );
+  --border-default: var(--color-border);
+  --border-subtle: var(--color-border-subtle);
+  --border-strong: var(--color-border-translucent-stronger);
+  --border-overlay: var(--color-border-translucent);
+  --border-overlay-strong: var(--color-border-translucent-strongest);
+  --border-overlay-glow: var(--color-border-translucent-glow);
+  --border-neutral-soft: var(--color-border-neutral-soft);
+  --border-info-soft: var(--color-border-info-soft);
+  --border-sidebar-strong: var(--color-border-sidebar-strong);
+  --border-width-hairline: 1px;
+  --border-width-fine: 0.5px;
+
+  --text-primary: var(--color-text);
+  --text-inverse: var(--color-text-inverse);
+  --text-muted: var(--color-text-muted);
+  --text-muted-strong: var(--color-muted-strong);
+  --text-subtle: var(--color-subtle-text);
+  --text-frosted-primary: var(--color-text-frosted);
+  --text-frosted-strong: var(--color-text-frosted-strong);
+  --text-frosted-soft: var(--color-text-frosted-soft);
+
+  --status-info: var(--color-info);
+  --status-info-strong: var(--color-info-strong);
+  --status-info-surface: var(--color-info-glass);
+  --status-info-border: var(--color-info-border);
+  --status-info-on: var(--color-info-on);
+
+  --status-success: var(--color-success);
+  --status-success-strong: var(--color-success-strong);
+  --status-success-surface: var(--color-success-surface);
+  --status-success-border: var(--color-success-border);
+  --status-success-on: var(--color-success-on);
+
+  --status-warning: var(--color-warning);
+  --status-warning-strong: var(--color-warning-strong);
+  --status-warning-surface: var(--color-warning-surface);
+  --status-warning-border: var(--color-warning-border);
+  --status-warning-on: var(--color-warning-on);
+
+  --status-danger: var(--color-critical);
+  --status-danger-strong: var(--color-critical-strong);
+  --status-danger-surface: var(--color-danger-surface);
+  --status-danger-border: var(--color-danger-border);
+  --status-danger-on: var(--color-danger-on);
+
+  --status-private: var(--color-private);
+  --status-private-strong: var(--color-private-strong);
+  --status-private-surface: var(--color-private-surface);
+  --status-private-border: var(--color-private-border);
+  --status-private-on: var(--color-private-on);
+
+  --status-neutral: var(--color-muted);
+  --status-neutral-strong: var(--color-muted-strong);
+  --status-neutral-surface: var(--color-neutral-surface);
+  --status-neutral-border: var(--color-neutral-border);
+  --status-neutral-on: var(--color-neutral-on);
+
+  /* Messaging & notifications */
+  --message-bubble-background: var(--surface-sunken);
+  --message-bubble-border: var(--border-subtle);
+  --message-bubble-text: var(--text-primary);
+  --message-bubble-meta: var(--text-muted);
+  --message-bubble-outgoing-background: var(--surface-overlay-panel);
+  --message-bubble-outgoing-border: var(--border-overlay);
+
+  --unread-badge-background: var(--status-info-strong);
+  --unread-badge-text: var(--text-inverse);
+
+  --reply-highlight-background: var(--status-info-surface);
+  --reply-highlight-border: var(--status-info-border);
+  --reply-highlight-text: var(--status-info-on);
+  --reply-highlight-icon: var(--status-info-on);
+
+  --notification-banner-accent: var(--color-accent-strong);
+  --notification-banner-accent-strong: var(--color-accent);
+  --notification-banner-border: var(--surface-overlay-panel-tint);
+  --notification-banner-background: var(--surface-overlay-panel);
+  --notification-banner-text: var(--text-primary);
+  --notification-banner-icon: var(--text-primary);
+
+  --notification-banner-critical-accent: var(--status-danger-strong);
+  --notification-banner-critical-accent-strong: var(--status-danger);
+  --notification-banner-critical-border: var(--color-ring-critical-soft);
+  --notification-banner-critical-background: var(--surface-raised-critical);
+  --notification-banner-critical-text: var(--status-danger-on);
+
+  --notification-banner-success-accent: var(--status-success-strong);
+  --notification-banner-success-accent-strong: var(--status-success);
+  --notification-banner-success-border: var(--status-success-border);
+  --notification-banner-success-background: var(--status-success-surface);
+  --notification-banner-success-text: var(--status-success-on);
+
+  --notification-banner-info-accent: var(--status-info-strong);
+  --notification-banner-info-accent-strong: var(--status-info);
+  --notification-banner-info-border: var(--status-info-border);
+  --notification-banner-info-background: var(--status-info-surface);
+  --notification-banner-info-text: var(--status-info-on);
+
+  --notification-banner-warning-accent: var(--status-warning-strong);
+  --notification-banner-warning-accent-strong: var(--status-warning);
+  --notification-banner-warning-border: var(--status-warning-border);
+  --notification-banner-warning-background: var(--status-warning-surface);
+  --notification-banner-warning-text: var(--status-warning-on);
+
+  /* Layout & stacking */
+  --scrollbar-width: 0.5rem;
+  --scrollbar-track: var(--color-white-soft);
+  --scrollbar-thumb: var(--color-white-softer);
+  --scrollbar-thumb-hover: var(--color-white-softest);
+  --z-app-header: 40;
+  --z-overlay-nav: 60;
+  --z-overlay-floating: 70;
+  --z-overlay-popover: 140;
+  --z-overlay-toast: 180;
+  --z-sidebar-overlay: 10;
+  --z-sidebar: 20;
+  --z-modal-root: 100;
+  --z-modal-overlay: 110;
+  --z-modal-content: 120;
+  --z-modal-player: 130;
+  --z-modal-top-root: 140;
+  --z-modal-top-overlay: 150;
+  --z-modal-top-content: 160;
+  --z-modal-peak-root: 165;
+  --z-modal-peak-overlay: 175;
+  --z-modal-peak-content: 185;
+  --z-modal-always-top: 200;
+  --overlay-backdrop-color: var(--color-overlay-backdrop);
+  --overlay-backdrop-blur: 12px;
+  --sidebar-width-expanded-base: 16rem;
+  --sidebar-dropup-content-width: 0px;
+  --sidebar-width-expanded: max(
+    var(--sidebar-width-expanded-base),
+    var(--sidebar-dropup-content-width)
+  );
+  --sidebar-width-collapsed: 4rem;
+  --sidebar-width: var(--sidebar-width-expanded);
+  --sidebar-control-size: 2.75rem;
+  --sidebar-content-gap: 1rem;
+  --space-sidebar-shell-inline: var(--space-lg);
+  --space-sidebar-shell-block-start: var(--space-sm);
+  --space-sidebar-shell-block-end: 1.75rem;
+  --space-sidebar-scroll-gap: 1.75rem;
+  --space-sidebar-panel-gap: 1.35rem;
+  --space-sidebar-panel-padding-block: 1.35rem;
+  --space-sidebar-panel-padding-inline: 1.1rem;
+  --space-sidebar-footer-gap: 0.85rem;
+  --space-sidebar-trigger-padding-block: 0.78rem;
+  --space-sidebar-popover-offset: 0.85rem;
+  --space-sidebar-popover-padding-block: 0.85rem;
+  --space-sidebar-popover-padding-inline: 0.65rem;
+  --space-sidebar-popover-gap: 0.45rem;
+  --space-sidebar-dropup-scroll-reserve: calc(
+    var(--scrollbar-thin-width) + var(--space-sm) + var(--space-2xs)
+  );
+  --sidebar-dropup-max-height: calc(3rem * 6);
+  --space-sidebar-nav-padding-block: 0.7rem;
+  --space-sidebar-nav-padding-inline-start: var(--space-xs);
+  --space-sidebar-nav-padding-inline-end: calc(
+    var(--space-lg) + var(--space-2xs)
+  );
+  --space-sidebar-subnav-padding-block: 0.55rem;
+  --space-sidebar-nav-translate: 0.35rem;
+  --grid-card-min-width: 20rem;
+  /* Breakpoints (sync with Tailwind screen settings) */
+  --breakpoint-lg: 64rem;
+  --popover-backdrop-blur: 12px;
+  --overlay-panel-radius: var(--radius-lg);
+  --overlay-panel-shadow: var(--shadow-lg);
+  --overlay-panel-padding-inline: var(--popup-padding-inline);
+  --overlay-panel-padding-block: var(--popup-padding-block);
+  --toast-translate: -1.5rem;
+  --sidebar-mobile-gutter: 3rem;
+  --popup-padding-inline: 1rem;
+  --popup-padding-block: 0.75rem;
+  --video-modal-primary-fr: 1.85fr;
+  --video-modal-secondary-min: 320px;
+  --video-modal-secondary-max: 35rem;
+  --video-modal-secondary-fr: 1fr;
+  --video-modal-layout-max: calc(
+    var(--layout-player-max-width) + var(--video-modal-secondary-max) +
+      var(--space-2xl-plus)
+  );
+  --revert-modal-sidebar-min: 240px;
+  --revert-modal-sidebar-width: 280px;
+  --popover-inline-safe-max: calc(100vw - var(--space-xl));
+
+  /* Progress primitives */
+  --progress-height-sm: 0.25rem;
+  --progress-height-md: 0.5rem;
+  --progress-radius: var(--radius-full);
+  --progress-track-color: var(--color-border-subtle);
+  --progress-fill-color: var(--color-info);
+  --progress-transition-duration: var(--motion-duration-fast);
+  --progress-transition-ease: var(--motion-ease-out);
+
+  /* Spacing scale */
+  --space-4xs: 0.0625rem;
+  --space-3xs: 0.125rem;
+  --space-2xs: 0.25rem;
+  --space-xs: 0.5rem;
+  --space-xs-snug: 0.4rem;
+  --space-sm: 0.75rem;
+  --space-md: 1rem;
+  --space-md-plus: 1.25rem;
+  --space-lg: 1.5rem;
+  --space-xl: 2rem;
+  --space-xl-compact: 2.25rem;
+  --space-xl-plus: 2.5rem;
+  --space-2xl: 3rem;
+  --space-2xl-plus: 3.5rem;
+
+  /* Measurement primitives */
+  --size-2px: 2px;
+  --size-3px: 3px;
+  --size-12px: 12px;
+  --size-24px: 24px;
+  --size-30px: 30px;
+  --size-32px: 32px;
+  --size-64px: 64px;
+  --size-80px: 80px;
+  --size-96px: 96px;
+  --size-128px: 128px;
+  --size-140px: 140px;
+  --size-168px: 168px;
+  --size-256px: 256px;
+  --size-5-75rem: 5.75rem;
+  --size-6rem: 6rem;
+  --size-7rem: 7rem;
+  --size-8rem: 8rem;
+  --size-12rem: 12rem;
+  --size-12-5rem: 12.5rem;
+  --size-14rem: 14rem;
+  --size-16rem: 16rem;
+  --size-18rem: 18rem;
+  --size-20rem: 20rem;
+  --size-28rem: 28rem;
+  --size-34rem: 34rem;
+  --size-40rem: 40rem;
+  --size-45rem: 45rem;
+  --size-70rem: 70rem;
+
+  /* Border radii */
+  --radius-sm: 0.25rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.75rem;
+  --radius-xl: 1rem;
+  --radius-full: 9999px;
+  --radius-modal-xl: 1.75rem;
+  --radius-sidebar-shell: 1.5rem;
+  --radius-sidebar-panel: 1.1rem;
+  --radius-sidebar-nav: 0.95rem;
+  --radius-toggle-thumb: 0.5625rem;
+
+  /* Component sizing */
+  --menu-min-width: 12rem;
+  --header-search-max-inline: var(--size-34rem);
+  --modal-max-width: 62.5rem;
+  --modal-sheet-inline-max: var(--modal-max-width);
+  --modal-shell-max-height: 90vh;
+  --modal-sheet-max-height: 92vh;
+  --modal-body-max-height: calc(92vh - 4rem);
+  --profile-modal-inline-max: var(--size-70rem);
+  --player-modal-module-scroll-min-height: var(--size-14rem);
+  --player-modal-module-scroll-max-height: var(--size-28rem);
+  --modal-pane-max-height: 48vh;
+  --modal-pane-min-height: 20rem;
+  --moderation-badge-max-inline: var(--size-28rem);
+  --notification-banner-max-inline: var(--size-28rem);
+  --profile-modal-nav-min-width: max-content;
+  --profile-modal-nav-max-width: max-content;
+  --profile-modal-scrollbar-offset: var(--space-2xs);
+  --modal-embed-height: 80vh;
+  --profile-history-max-height: 26.25rem;
+  --comment-avatar-size: var(--space-xl-plus);
+  --comment-composer-min-height: var(--size-7rem);
+  --video-modal-reaction-label-min-inline: var(--size-6rem);
+  --video-modal-item-media-min: var(--size-5-75rem);
+  --video-modal-item-media-max: var(--size-8rem);
+  --video-card-compact-media-min: var(--size-8rem);
+  --video-card-compact-media-max: var(--size-12-5rem);
+  --similar-card-media-width: var(--size-168px);
+  --similar-card-media-width-sm: var(--size-140px);
+  --docs-popover-scroll-height: var(--size-45rem);
+  --profile-modal-active-min-width: var(--size-12rem);
+  --status-log-min-height: 5rem;
+  --layout-player-max-width: 68.75rem;
+  --layout-docs-max-width: 92.5rem;
+  --icon-size-sm: var(--font-size-lg);
+  --icon-size-md: var(--space-md-plus);
+  --icon-size-lg: var(--space-xl-plus);
+  --avatar-size-lg: var(--space-2xl-plus);
+  --form-textarea-min-height: 8rem;
+  --scrollbar-thin-width: 0.4rem;
+  --modal-progress-height: calc(var(--space-3xs) * 3);
+  --video-modal-action-min-width: 2.75rem;
+  --outline-thick-width: 0.1875rem;
+  --icon-button-ring-width: var(--outline-thick-width);
+
+  /* Form controls */
+  --form-select-icon-offset: var(--space-sm);
+  --form-select-icon-gap: var(--space-xs-snug);
+  --form-select-icon-hit-area: var(--space-xl-plus);
+  --form-select-icon-size: 0.6rem;
+  --form-select-divider-width: var(--border-width-hairline);
+  --form-checkbox-checkmark-offset: calc(var(--space-3xs) * -1);
+
+  /* Utility measurements */
+  --breakpoint-edge-offset: 0.02px;
+  --offscreen-offset: -9999px;
+
+  /* Motion */
+  --motion-card-enter-translate: var(--space-xs);
+  --motion-fade-in-translate: var(--space-md-plus);
+  --motion-login-option-hover-translate: calc(var(--size-3px) * -1);
+  --motion-video-card-hover-translate: -0.35rem;
+  --motion-video-card-backdrop-translate: 0.15rem;
+
+  /* Shadows */
+  --shadow-sm: 0 0.0625rem 0.125rem 0 var(--color-shadow-floating);
+  --shadow-md: 0 0.25rem 0.375rem -0.0625rem var(--color-shadow-floating);
+  --shadow-lg: 0 0.625rem 0.9375rem -0.1875rem var(--color-shadow-elevated);
+  --shadow-badge-offset-y: var(--size-12px);
+  --shadow-badge-blur: var(--size-30px);
+  --shadow-notification-offset-y: var(--size-32px);
+  --shadow-notification-blur: var(--size-64px);
+  --shadow-modal: 0 2.75rem 6rem -1.25rem var(--color-shadow-modal);
+  --shadow-sidebar-shell: 0 1.875rem 3.75rem -1.5rem var(--color-shadow-sidebar);
+  --shadow-sidebar-accent: 0 1.65rem 3.25rem -1.35rem var(--color-sidebar-glow);
+  --shadow-sidebar-trigger: 0 1.25rem 2.5rem -1.35rem var(--color-shadow-panel);
+  --shadow-sidebar-dropup: 0 1.75rem 3.25rem -1.45rem var(--color-sidebar-glow);
+  --shadow-sidebar-panel: 0 2.25rem 4.5rem -1.85rem var(--color-shadow-sidebar);
+  --shadow-sidebar-focus-ring:
+    0 0 0 0.125rem var(--color-sidebar-glow),
+    0 0 0 0.25rem var(--color-sidebar-hover-strong);
+  --shadow-popover-zap: 0 22px 48px -18px var(--color-shadow-intense);
+  --shadow-video-modal: 0 1rem 2.25rem var(--color-shadow-elevated);
+  --blur-video-card-backdrop-strong: var(--size-24px);
+  --video-modal-ambient-blur-min: var(--size-128px);
+  --video-modal-ambient-blur-max: var(--size-256px);
+
+  /* Typography */
+  --font-family-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
+  --font-family-mono: "Fira Code", "SFMono-Regular", ui-monospace, monospace;
+  --font-size-4xs: 0.65rem;
+  --font-size-3xs: 0.6875rem;
+  --font-size-2xs: 0.7rem;
+  --font-size-xs: 0.75rem;
+  --font-size-sm: 0.875rem;
+  --font-size-base: 1rem;
+  --font-size-lg: 1.125rem;
+  --font-size-xl: 1.5rem;
+  --font-size-2xl: 2rem;
+  --font-size-xl-plus: 1.875rem;
+  --font-size-modal-title-base: 1.25rem;
+  --font-size-sidebar-nav: 0.95rem;
+  --font-size-sidebar-subnav: 0.85rem;
+  --font-size-sidebar-trigger: 0.9rem;
+  --link-underline-thickness: var(--size-2px);
+  --line-height-tight: 1.1;
+  --line-height-snug: 1.25;
+  --line-height-base: 1.5;
+  --line-height-relaxed: 1.75;
+  --tracking-extra-wide: 0.2em;
+
+  /* Beacon UI tokens */
+  --grid-border-width: calc(var(--space-2xs) / 4);
+  --grid-canvas-padding-top: var(--grid-border-width);
+  --grid-viewport-min-height: calc(var(--space-xl) - var(--space-sm));
+  --grid-cell-padding-block: var(--space-sm);
+  --grid-cell-padding-inline: var(--space-md);
+  --grid-header-font-size: var(--font-size-xs);
+  --grid-header-letter-spacing: 0.08em;
+  --grid-overlay-margin: 10%;
+  --grid-overlay-padding-block: var(--space-md);
+  --grid-overlay-padding-inline: var(--space-xl);
+  --grid-overlay-radius: var(--radius-lg);
+  --grid-overlay-font-size: var(--font-size-lg);
+  --grid-overlay-text-opacity: 0.66;
+  --grid-resizer-width: calc(var(--space-2xs) * 1.25);
+  --grid-resize-overlay-width: var(--grid-border-width);
+  --grid-sort-indicator-size: calc(var(--space-lg) - var(--space-2xs));
+  --grid-sort-indicator-offset: var(--space-xs);
+  --grid-sort-indicator-stroke: calc(var(--space-2xs) / 2);
+  --grid-sort-indicator-thickness: var(--grid-border-width);
+  --notify-padding-block: var(--space-md);
+  --notify-padding-inline: var(--space-2xl);
+  --notify-font-size: var(--font-size-base);
+  --notify-dismiss-size: calc(var(--space-xl) + var(--space-xs));
+  --notify-dismiss-size-compact: calc(var(--space-lg) + var(--space-2xs));
+  --notify-dismiss-font-size: var(--font-size-sm);
+  --notify-dismiss-radius: var(--radius-full);
+  --notify-dismiss-color: var(--color-subtle);
+  --notify-dismiss-background: var(--color-overlay-panel);
+  --notify-dismiss-background-hover: var(--color-overlay-panel-soft);
+  --z-notify: 1200;
+
+  /* Motion */
+  --motion-duration-fast: 120ms;
+  --motion-duration-base: 160ms;
+  --motion-duration-slow: 280ms;
+  --motion-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
+  --motion-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+  --modal-motion-duration: var(--motion-duration-base);
+}
+:root[data-theme="light"] {
+  /* Light theme palette */
+  --color-page: rgb(247 248 252);
+  --color-page-alt: rgb(242 244 248);
+  --color-surface: rgb(255 255 255);
+  --color-surface-alt: rgb(248 250 252);
+  --color-bg: var(--color-surface);
+  --color-card: rgb(255 255 255);
+  --color-card-private: rgb(243 236 255);
+  --color-card-critical: rgb(255 236 238);
+  --color-panel: rgb(252 253 255);
+  --color-panel-hover: rgb(239 242 249);
+  --color-border: rgb(210 219 236);
+  --color-border-subtle: rgb(229 234 242);
+
+  --color-accent: rgb(99 102 241);
+  --color-accent-strong: rgb(79 70 229);
+  --color-accent-pressed: rgb(67 56 202);
+  --color-accent-override: rgb(84 0 17);
+  --color-accent-strong-override: rgb(254 0 50);
+  --color-accent-pressed-override: rgb(169 0 33);
+  --color-primary: var(--color-accent-strong);
+  --color-secondary: var(--color-accent);
+
+  --color-logo-accent: var(--color-accent-strong);
+  --color-logo-wordmark: rgb(40 54 77);
+  --color-logo-wordmark-inverse: var(--color-white);
+  --color-logo-background: rgb(15 23 42);
+  --color-logo-background-inverse: var(--color-white);
+
+  --color-info: rgb(59 130 246);
+  --color-info-strong: rgb(37 99 235);
+  --color-info-pressed: rgb(29 78 216);
+  --color-info-glass: rgb(59 130 246 / 0.14);
+  --color-info-border: rgb(59 130 246 / 0.35);
+  --color-info-on: rgb(227 242 255);
+
+  --color-muted-strong: rgb(71 85 105);
+  --color-text: rgb(24 31 44);
+  --color-text-strong: rgb(12 16 26);
+  --color-text-inverse: rgb(255 255 255);
+  --color-text-muted: rgb(102 112 133);
+  --color-muted: rgb(136 146 166);
+  --color-muted-alt: rgb(120 130 150);
+  --color-subtle-text: rgb(136 146 166);
+  --color-subtle: rgb(243 245 250);
+  --color-surface-sunken: rgb(232 235 244);
+  --color-surface-muted: rgb(236 240 249);
+
+  --color-critical: rgb(220 54 70);
+  --color-critical-strong: rgb(185 32 55);
+  --color-danger-surface: rgb(252 226 230);
+  --color-danger-border: rgb(220 54 70 / 0.35);
+  --color-danger-on: rgb(96 18 31);
+
+  --color-warning: rgb(234 179 8);
+  --color-warning-strong: rgb(202 138 4);
+  --color-warning-surface: rgb(253 224 71 / 0.35);
+  --color-warning-border: rgb(234 179 8 / 0.35);
+  --color-warning-glass: rgb(253 224 71 / 0.18);
+  --color-warning-on: rgb(92 55 2);
+
+  --color-success: rgb(22 163 74);
+  --color-success-strong: rgb(21 128 61);
+  --color-success-surface: rgb(222 250 236);
+  --color-success-border: rgb(34 197 94 / 0.3);
+  --color-success-on: rgb(18 84 48);
+
+  --color-private: rgb(139 92 246);
+  --color-private-strong: rgb(124 58 237);
+  --color-private-surface: rgb(237 233 254);
+  --color-private-border: rgb(139 92 246 / 0.32);
+  --color-private-on: rgb(74 29 150);
+
+  --color-neutral-700: rgb(71 85 105);
+  --color-neutral-600: rgb(102 112 133);
+  --color-neutral-surface: rgb(232 236 244);
+  --color-neutral-border: rgb(205 213 226);
+  --color-neutral-on: rgb(62 72 92);
+
+  --color-white: rgb(255 255 255);
+  --color-black: rgb(0 0 0);
+
+  --color-overlay: rgb(15 23 42 / 0.3);
+  --color-overlay-black: rgb(15 23 42 / 0.7);
+  --color-overlay-muted: rgb(60 75 105 / 0.18);
+  --color-overlay-strong: rgb(15 23 42 / 0.56);
+  --color-overlay-darker: rgb(12 18 32 / 0.68);
+  --color-overlay-panel: rgb(248 250 255 / 0.92);
+  --color-overlay-panel-soft: rgb(244 247 255 / 0.78);
+  --color-overlay-panel-tint: rgb(146 170 211 / 0.24);
+  --color-overlay-panel-glass: rgb(255 255 255 / 0.85);
+  --color-overlay-panel-glass-soft: rgb(246 249 255 / 0.7);
+  --color-overlay-panel-gradient-start: rgb(255 255 255 / 0.95);
+  --color-overlay-panel-gradient-end: rgb(232 236 244 / 0.92);
+  --color-modal-backdrop: rgb(15 23 42 / 0.28);
+  --color-modal-surface: rgb(255 255 255 / 0.94);
+  --color-overlay-veil: rgb(103 112 133 / 0.45);
+  --color-overlay-banner-bottom: rgb(255 255 255 / 0.6);
+  --color-overlay-banner-transparent: rgb(255 255 255 / 0);
+  --color-overlay-backdrop: rgb(15 23 42 / 0.2);
+
+  --scrollbar-track: color-mix(
+    in srgb,
+    var(--color-sidebar-border-strong) 40%,
+    transparent
+  );
+  --scrollbar-thumb: color-mix(in srgb, var(--color-accent) 64%, transparent);
+  --scrollbar-thumb-hover: color-mix(
+    in srgb,
+    var(--color-accent-strong) 76%,
+    transparent
+  );
+
+  --color-sidebar-surface: rgb(255 255 255 / 0.9);
+  --color-sidebar-surface-alt: rgb(236 240 247 / 0.72);
+  --color-sidebar-border: rgb(184 194 212 / 0.28);
+  --color-sidebar-border-strong: rgb(148 163 184 / 0.36);
+  --color-sidebar-hover: color-mix(
+    in srgb,
+    var(--color-accent) 16%,
+    transparent
+  );
+  --color-sidebar-hover-strong: color-mix(
+    in srgb,
+    var(--color-accent-strong) 24%,
+    transparent
+  );
+  --color-sidebar-glow: color-mix(
+    in srgb,
+    var(--color-accent) 36%,
+    transparent
+  );
+  --color-sidebar-accent-start: color-mix(
+    in srgb,
+    var(--color-accent-strong) 88%,
+    transparent
+  );
+  --color-sidebar-accent-end: color-mix(
+    in srgb,
+    var(--color-accent) 82%,
+    transparent
+  );
+  --color-sidebar-text-muted: var(--color-text-muted);
+  --sidebar-icon-filter: brightness(0) saturate(100%);
+
+  --color-surface-tint-subtle: rgb(15 23 42 / 0.08);
+  --color-border-translucent: rgb(148 163 184 / 0.18);
+  --color-border-translucent-strong: rgb(148 163 184 / 0.22);
+  --color-border-translucent-bright: rgb(148 163 184 / 0.28);
+  --color-border-translucent-stronger: rgb(148 163 184 / 0.32);
+  --color-border-translucent-strongest: rgb(148 163 184 / 0.36);
+  --color-border-translucent-glow: rgb(148 163 184 / 0.45);
+  --color-border-translucent-medium: rgb(148 163 184 / 0.2);
+  --color-border-neutral-soft: rgb(148 163 184 / 0.25);
+  --color-border-info-soft: rgb(59 130 246 / 0.32);
+  --color-border-sidebar-strong: rgb(102 112 133 / 0.75);
+
+  --color-ring-private: rgb(139 92 246 / 0.5);
+  --color-ring-private-hover: rgb(168 85 247 / 0.6);
+  --color-ring-critical: rgb(220 54 70 / 0.35);
+  --color-ring-critical-soft: rgb(220 54 70 / 0.3);
+  --color-ring-critical-hover: rgb(220 54 70 / 0.4);
+  --color-ring-critical-strong: rgb(220 54 70 / 0.5);
+  --color-ring-alert: rgb(239 68 68 / 0.48);
+
+  --color-gradient-visibility-start: rgb(99 102 241 / 0.28);
+  --color-gradient-visibility-end: rgb(129 140 248 / 0.24);
+
+  --color-white-soft: rgb(255 255 255 / 0.08);
+  --color-white-softer: rgb(255 255 255 / 0.24);
+  --color-white-softest: rgb(255 255 255 / 0.32);
+
+  --color-shadow-floating: rgb(15 23 42 / 0.18);
+  --color-shadow-elevated: rgb(15 23 42 / 0.16);
+  --color-shadow-panel: rgb(15 23 42 / 0.12);
+  --color-shadow-notification: rgb(15 23 42 / 0.14);
+  --color-shadow-intense: rgb(15 23 42 / 0.22);
+  --color-shadow-sidebar: rgb(15 23 42 / 0.28);
+  --color-shadow-modal: rgb(15 23 42 / 0.28);
+
+  --color-divider-strong: rgb(203 213 225 / 0.6);
+  --color-text-frosted-strong: rgb(40 54 77 / 0.85);
+  --color-text-frosted: rgb(61 74 98 / 0.8);
+  --color-text-frosted-soft: rgb(82 96 122 / 0.72);
+}
+:root[data-theme="dark"],
+:root:not([data-theme]) {
+  /* Dark theme palette */
+  --color-page: rgb(6 10 18);
+  --color-page-alt: rgb(8 12 22);
+  --color-surface: rgb(10 14 26);
+  --color-surface-alt: rgb(14 20 34);
+  --color-bg: var(--color-surface);
+  --color-card: rgb(18 26 44);
+  --color-card-private: rgb(38 28 62);
+  --color-card-critical: rgb(58 20 28);
+  --color-panel: rgb(16 24 40);
+  --color-panel-hover: rgb(24 34 52);
+  --color-border: rgb(61 80 112);
+  --color-border-subtle: rgb(38 52 76);
+
+  --color-accent: rgb(129 140 248);
+  --color-accent-strong: rgb(99 102 241);
+  --color-accent-pressed: rgb(79 70 229);
+  --color-accent-override: rgb(84 0 17);
+  --color-accent-strong-override: rgb(254 0 50);
+  --color-accent-pressed-override: rgb(169 0 33);
+  --color-primary: var(--color-accent-strong);
+  --color-secondary: rgb(56 189 248);
+
+  --color-logo-accent: var(--color-accent-strong);
+  --color-logo-wordmark: rgb(198 207 222);
+  --color-logo-wordmark-inverse: var(--color-white);
+  --color-logo-background: rgb(12 18 30);
+  --color-logo-background-inverse: var(--color-white);
+
+  --color-info: rgb(96 165 250);
+  --color-info-strong: rgb(56 132 255);
+  --color-info-pressed: rgb(37 99 235);
+  --color-info-glass: rgb(56 132 255 / 0.22);
+  --color-info-border: rgb(96 165 250 / 0.42);
+  --color-info-on: rgb(235 244 255);
+
+  --color-muted-strong: rgb(206 215 232);
+  --color-text: rgb(226 232 240);
+  --color-text-strong: rgb(244 247 255);
+  --color-text-inverse: rgb(12 18 30);
+  --color-text-muted: rgb(165 179 201);
+  --color-muted: rgb(148 163 184);
+  --color-muted-alt: rgb(128 139 162);
+  --color-subtle-text: rgb(168 180 205);
+  --color-subtle: rgb(28 38 58);
+  --color-surface-sunken: rgb(13 19 32 / 0.92);
+  --color-surface-muted: rgb(18 26 44 / 0.82);
+
+  --color-critical: rgb(239 83 98);
+  --color-critical-strong: rgb(220 38 38);
+  --color-danger-surface: rgb(220 38 38 / 0.28);
+  --color-danger-border: rgb(220 38 38 / 0.45);
+  --color-danger-on: rgb(255 228 233);
+
+  --color-warning: rgb(250 204 21);
+  --color-warning-strong: rgb(234 179 8);
+  --color-warning-surface: rgb(253 224 71 / 0.22);
+  --color-warning-border: rgb(250 204 21 / 0.42);
+  --color-warning-glass: rgb(253 224 71 / 0.2);
+  --color-warning-on: rgb(26 18 0);
+
+  --color-success: rgb(34 197 94);
+  --color-success-strong: rgb(22 163 74);
+  --color-success-surface: rgb(22 163 74 / 0.24);
+  --color-success-border: rgb(34 197 94 / 0.45);
+  --color-success-on: rgb(210 252 228);
+
+  --color-private: rgb(168 85 247);
+  --color-private-strong: rgb(139 92 246);
+  --color-private-surface: rgb(124 58 237 / 0.26);
+  --color-private-border: rgb(168 85 247 / 0.45);
+  --color-private-on: rgb(239 230 255);
+
+  --color-neutral-700: rgb(58 75 110);
+  --color-neutral-600: rgb(90 105 133);
+  --color-neutral-surface: rgb(99 114 144 / 0.24);
+  --color-neutral-border: rgb(99 114 144 / 0.35);
+  --color-neutral-on: rgb(210 220 238);
+
+  --color-white: rgb(255 255 255);
+  --color-black: rgb(0 0 0);
+
+  --color-overlay: rgb(8 11 20 / 0.72);
+  --color-overlay-black: rgb(0 0 0 / 0.88);
+  --color-overlay-muted: rgb(12 18 30 / 0.6);
+  --color-overlay-strong: rgb(8 12 24 / 0.82);
+  --color-overlay-darker: rgb(5 8 16 / 0.9);
+  --color-overlay-panel: rgb(14 20 34 / 0.92);
+  --color-overlay-panel-soft: rgb(18 26 42 / 0.78);
+  --color-overlay-panel-tint: rgb(56 93 160 / 0.36);
+  --color-overlay-panel-glass: rgb(14 24 42 / 0.86);
+  --color-overlay-panel-glass-soft: rgb(16 28 48 / 0.72);
+  --color-overlay-panel-gradient-start: rgb(18 26 44 / 0.92);
+  --color-overlay-panel-gradient-end: rgb(10 16 30 / 0.92);
+  --color-modal-backdrop: rgb(5 8 14 / 0.68);
+  --color-modal-surface: rgb(14 22 38 / 0.88);
+  --color-overlay-veil: rgb(4 6 12 / 0.94);
+  --color-overlay-banner-bottom: rgb(0 0 0 / 0.6);
+  --color-overlay-banner-transparent: rgb(0 0 0 / 0);
+  --color-overlay-backdrop: rgb(5 8 14 / 0.75);
+
+  --scrollbar-track: color-mix(
+    in srgb,
+    var(--color-sidebar-surface-alt) 54%,
+    transparent
+  );
+  --scrollbar-thumb: color-mix(in srgb, var(--color-accent) 72%, transparent);
+  --scrollbar-thumb-hover: color-mix(
+    in srgb,
+    var(--color-accent-strong) 84%,
+    transparent
+  );
+
+  --color-sidebar-surface: rgb(12 18 30 / 0.94);
+  --color-sidebar-surface-alt: rgb(10 18 32 / 0.8);
+  --color-sidebar-border: rgb(86 106 142 / 0.26);
+  --color-sidebar-border-strong: rgb(112 133 170 / 0.42);
+  --color-sidebar-hover: color-mix(
+    in srgb,
+    var(--color-accent) 22%,
+    transparent
+  );
+  --color-sidebar-hover-strong: color-mix(
+    in srgb,
+    var(--color-accent-strong) 32%,
+    transparent
+  );
+  --color-sidebar-glow: color-mix(
+    in srgb,
+    var(--color-accent) 42%,
+    transparent
+  );
+  --color-sidebar-accent-start: color-mix(
+    in srgb,
+    var(--color-accent) 92%,
+    transparent
+  );
+  --color-sidebar-accent-end: color-mix(
+    in srgb,
+    var(--color-accent-strong) 88%,
+    transparent
+  );
+  --color-sidebar-text-muted: var(--color-text-muted);
+  --sidebar-icon-filter: brightness(0) invert(1);
+
+  --color-surface-tint-subtle: rgb(94 113 161 / 0.12);
+  --color-border-translucent: rgb(99 114 144 / 0.22);
+  --color-border-translucent-strong: rgb(110 130 170 / 0.28);
+  --color-border-translucent-bright: rgb(148 163 184 / 0.35);
+  --color-border-translucent-stronger: rgb(148 163 184 / 0.38);
+  --color-border-translucent-strongest: rgb(198 207 222 / 0.45);
+  --color-border-translucent-glow: rgb(129 140 248 / 0.55);
+  --color-border-translucent-medium: rgb(99 114 144 / 0.28);
+  --color-border-neutral-soft: rgb(99 114 144 / 0.3);
+  --color-border-info-soft: rgb(96 165 250 / 0.35);
+  --color-border-sidebar-strong: rgb(32 46 68 / 0.88);
+
+  --color-ring-private: rgb(168 85 247 / 0.55);
+  --color-ring-private-hover: rgb(192 132 252 / 0.65);
+  --color-ring-critical: rgb(239 83 98 / 0.42);
+  --color-ring-critical-soft: rgb(239 83 98 / 0.35);
+  --color-ring-critical-hover: rgb(239 83 98 / 0.5);
+  --color-ring-critical-strong: rgb(220 38 38 / 0.6);
+  --color-ring-alert: rgb(220 38 38 / 0.6);
+
+  --color-gradient-visibility-start: rgb(129 140 248 / 0.4);
+  --color-gradient-visibility-end: rgb(192 132 252 / 0.32);
+
+  --color-white-soft: rgb(255 255 255 / 0.1);
+  --color-white-softer: rgb(255 255 255 / 0.3);
+  --color-white-softest: rgb(255 255 255 / 0.4);
+
+  --color-shadow-floating: rgb(8 11 30 / 0.55);
+  --color-shadow-elevated: rgb(8 11 30 / 0.45);
+  --color-shadow-panel: rgb(15 23 42 / 0.35);
+  --color-shadow-notification: rgb(15 23 42 / 0.3);
+  --color-shadow-intense: rgb(250 204 21 / 0.48);
+  --color-shadow-sidebar: rgb(0 0 0 / 0.45);
+  --color-shadow-modal: rgb(8 11 30 / 0.55);
+
+  --color-divider-strong: rgb(15 23 42 / 0.35);
+  --color-text-frosted-strong: rgb(226 232 240 / 0.94);
+  --color-text-frosted: rgb(226 232 240 / 0.9);
+  --color-text-frosted-soft: rgb(226 232 240 / 0.82);
+}
diff --git a/dist/docs/auth-architecture.md b/dist/docs/auth-architecture.md
new file mode 100644
index 00000000..a5135dcb
--- /dev/null
+++ b/dist/docs/auth-architecture.md
@@ -0,0 +1,138 @@
+# Auth architecture overview
+
+This document consolidates how bitvid authentication works today, with a focus on
+`js/services/authService.js` and the provider implementations in
+`js/services/authProviders/`. It complements the storage details in
+[`docs/nostr-auth.md`](nostr-auth.md) and the remote signer specifics in
+[`docs/nip46-remote-signers.md`](nip46-remote-signers.md).
+
+## Core building blocks
+
+- **AuthService (`js/services/authService.js`)** orchestrates login/logout flows,
+  maintains the active identity, updates saved profile storage, and emits auth
+  events for the rest of the app.
+- **Auth providers (`js/services/authProviders/`)** are pluggable adapters that
+  implement `login()` for a specific signing strategy:
+  - `nip07` (browser extension signer)
+  - `nsec` (direct/private key signer stored locally)
+  - `nip46` (remote signer via Nostr Connect)
+- **State + storage** lives in `js/state/appState.js` and `js/state/cache.js`,
+  backed by `localStorage` keys described in `docs/nostr-auth.md`.
+
+## AuthService responsibilities
+
+### Provider selection and normalization
+
+`AuthService.requestLogin()` is the entry point for logins. It:
+
+1. Normalizes the requested provider id (defaults to `nip07`).
+2. Calls the provider’s `login()` method with the active `nostrClient` and
+   provider-specific options.
+3. Normalizes the provider result into `{ pubkey, authType, signer }`.
+4. For NIP-07, requests extension permissions before continuing.
+5. Either returns the normalized result (when `autoApply: false`) or calls
+   `login()` to apply the identity.
+
+### Applying a login
+
+`AuthService.login(pubkey, options)` is responsible for applying the session:
+
+- **Identity + session state**
+  - Normalizes the pubkey to hex, writes it to `appState` (`setPubkey`) and
+    stores the bech32 `npub` (`setCurrentUserNpub`).
+  - Updates `nostrClient.pubkey` so downstream services use the new identity.
+- **Saved profile persistence**
+  - Reads + updates the saved profile list in `js/state/cache.js`.
+  - Persists `bitvid:savedProfiles:v1` with the latest `authType` + `providerId`.
+  - Ensures there is an `activePubkey` entry when `persistActive` is true.
+- **Post-login hydration**
+  - Kicks off async profile/block/relay loading via `applyPostLoginState()` and
+    emits `auth:post-login` for consumers (UI updates, etc.).
+
+### Logout and profile switching
+
+- `logout()` clears the active pubkey/npub, resets moderation + caches, and
+  keeps the saved profile list intact so users can quickly re-auth.
+- `switchProfile()` replays the login flow for a previously saved pubkey and
+  moves it to the front of the saved list.
+
+## Provider flows
+
+### NIP-07 (browser extension signer)
+
+- Implemented by `js/services/authProviders/nip07.js`.
+- Delegates `login()` to `nostrClient.login()` and expects a pubkey (and optional
+  signer) in the result.
+- After provider login, `AuthService` requests extension permissions before
+  completing the session. Permission failure aborts the login.
+
+**Key behavior:** signing stays inside the browser extension; bitvid only stores
+pubkey metadata in `localStorage`.
+
+### nsec (local signer)
+
+- Implemented by `js/services/authProviders/nsec.js`.
+- Supports two modes:
+  - **Unlock stored key** (`unlockStored: true`): uses
+    `nostrClient.unlockStoredSessionActor()` and requires a passphrase.
+  - **Direct secret**: derives a key from an `nsec`, hex key, or seed via
+    `nostrClient.derivePrivateKeyFromSecret()` and registers a local signer with
+    `nostrClient.registerPrivateKeySigner()`.
+- Can optionally persist the encrypted key on the device; authService still only
+  stores public metadata in the saved profile list.
+
+**Key behavior:** signing happens locally in the browser with a derived private
+key; storage of the private key is optional and encrypted when persisted.
+
+### NIP-46 (remote signer / Nostr Connect)
+
+- Implemented by `js/services/authProviders/nip46.js`.
+- Supports three paths:
+  - **Reuse stored session** (`reuseStored: true`): use
+    `nostrClient.useStoredRemoteSigner()` to resume the saved NIP-46 session.
+  - **Manual connection** (`mode: "manual"`): use a provided
+    `connectionString` (e.g., `nostrconnect://` or `bunker://`).
+  - **Handshake flow** (`mode: "handshake"`, default): generate a handshake via
+    `nostrClient.prepareRemoteSignerHandshake()` and then connect using the
+    returned connection string + client keypair.
+
+**Key behavior:** signing happens on a remote device. Session material is stored
+in `bitvid:nip46:session:v1` as described in
+[`docs/nip46-remote-signers.md`](nip46-remote-signers.md).
+
+## Session state + persistence
+
+Auth state is intentionally small and split across caches:
+
+- **Active identity:** `js/state/appState.js` keeps the current `pubkey` + `npub`
+  in memory and updates `nostrClient.pubkey` on login.
+- **Saved profiles:** `js/state/cache.js` manages
+  `bitvid:savedProfiles:v1`, including `authType` + `providerId` for each entry.
+  See [`docs/nostr-auth.md`](nostr-auth.md) for the schema and migration notes.
+- **Profile cache:** `bitvid:profileCache:v1` is used to show display names +
+  avatars quickly; it is updated during `loadOwnProfile()` calls.
+- **Remote signer session:** `bitvid:nip46:session:v1` stores handshake/session
+  data for NIP-46 reconnects. See
+  [`docs/nip46-remote-signers.md`](nip46-remote-signers.md) for details.
+
+## NIP-04 / NIP-44 considerations
+
+AuthService and the provider adapters do **not** implement NIP-04 or NIP-44
+message encryption/decryption directly. They simply supply a pubkey and (when
+available) a signer object back to the caller. When other features (like direct
+messages) need NIP-04 or NIP-44 capabilities, they rely on the active signer
+implementation on the `nostrClient`. Remote signers and extensions must support
+those encryption methods for DM features to work, while local `nsec` signers can
+provide the primitives directly.
+
+Signing/encryption requests always flow through the signer adapter registry in
+`js/nostr/client.js` (accessed via `js/nostrClientFacade.js`). The registry
+selects the active signer, falls back to the strongest supported capability, and
+triggers permission prompts (for example, the NIP-07 extension handshake) before
+attempting privileged calls.
+
+## Related docs
+
+- [`docs/nostr-auth.md`](nostr-auth.md)
+- [`docs/nip46-remote-signers.md`](nip46-remote-signers.md)
+- [`docs/signing-adapter.md`](signing-adapter.md)
diff --git a/dist/docs/beacon/css-mapping.md b/dist/docs/beacon/css-mapping.md
new file mode 100644
index 00000000..995e6757
--- /dev/null
+++ b/dist/docs/beacon/css-mapping.md
@@ -0,0 +1,43 @@
+# Beacon vendor CSS migration
+
+This inventory captures the selectors that mattered in `torrent/dist/beacon.vendor.css` and how they now map to design-system driven rules. The goal is to keep future tweaks aligned with shared tokens rather than re-introducing ad-hoc styles or vendor bundles.
+
+> **Contributor note:** Beacon CSS updates must follow the [“Styling & Theming Rules (token-first)” guidance in `AGENTS.md`](../../AGENTS.md#styling--theming-rules-token-first) and the [README CSS build pipeline](../../README.md#css-build-pipeline). Run the relevant scripts before committing changes—at minimum `npm run lint:css`, `npm run build`, and `npm run build:beacon` to ensure the Tailwind output and bundled assets stay in sync with token rules.
+
+## Angular UI Grid
+
+| Legacy selector(s) | Tailwind component mapping | Notes |
+| --- | --- | --- |
+| `.ui-grid`, `.ui-grid-render-container`, `.ui-grid-contents-wrapper` | `.ui-grid` block in `css/tailwind.source.css` | Uses shared border/box styling via `--grid-border-width`, preserving the translated container shell. |
+| `.ui-grid-top-panel-background`, `.ui-grid-footer-panel-background`, `.ui-grid-header`, `.ui-grid-top-panel` | Same block | Backgrounds and dividers now pull from `var(--color-surface-alt)` and `var(--color-border-translucent-medium)`. |
+| `.ui-grid-header-viewport`, `.ui-grid-footer-viewport`, `.ui-grid-header-canvas`, `.ui-grid-footer-canvas`, `.ui-grid-header-cell-wrapper`, `.ui-grid-footer-cell-wrapper`, `.ui-grid-header-cell-row`, `.ui-grid-footer-cell-row` | Same block | Table layout and overflow behaviour carried over verbatim. |
+| `.ui-grid-header-cell`, `.ui-grid-footer-cell`, `.ui-grid-header-cell .sortable`, `.ui-grid-header-cell .ui-grid-sort-priority-number` | Same block | Header typography now keyed off `--grid-header-font-size` and `--grid-header-letter-spacing`; sortable affordances reference spacing tokens. |
+| `.ui-grid-sortarrow`, `.ui-grid-sortarrow.down`, (icon font triangle) | `.ui-grid-sortarrow` + pseudo-element | Arrow is now rendered with CSS borders driven by `--grid-sort-indicator-*` tokens, eliminating the ui-grid icon font. |
+| `.ui-grid-vertical-bar` + child selectors | Same block | Divider widths reuse the shared border width token. |
+| `.ui-grid-viewport`, `.ui-grid-canvas` | Same block | Min heights and padding resolve through grid tokens instead of literal px. |
+| `.ui-grid-row`, row parity/hover/last-child selectors, `.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell` | Same block | Alternating row fills reference surface tokens and preserve selection colours. |
+| `.ui-grid-cell`, `.ui-grid-cell:last-child`, `.ui-grid-cell-contents`, `.ui-grid-cell-contents-hidden` | Same block | Cell padding now uses `--grid-cell-padding-*`; hidden content helper retained. |
+| `.ui-grid-cell-focus`, `.ui-grid-focuser`, `.ui-grid-offscreen` | Same block | Focus handling switches to tokenised shadows while keeping accessibility helpers. |
+| `.ui-grid-no-row-overlay`, `.ui-grid-no-row-overlay > *` | Same block | Empty-state panel adopts design-system surface/background tokens. |
+| `.ui-grid-menu-button`, `.ui-grid-menu` | Same block | Menu chrome now uses shared spacing, shadows, and border tokens. |
+| `.ui-grid-column-resizer`, `.ui-grid.column-resizing`, `.ui-grid.column-resizing .ui-grid-resize-overlay` | Same block | Resizer hit boxes use `--grid-resizer-width`; overlay colour references translucent border tokens. |
+| `.ui-grid-row-saving .ui-grid-cell`, `.ui-grid-row-dirty .ui-grid-cell`, `.ui-grid-row-error .ui-grid-cell` | Same block | Status colours mapped to `var(--color-muted-strong)`, `var(--color-warning-strong)`, and `var(--color-critical-strong)`. |
+| `.ui-grid-disable-selection` | Same block | Still prevents text selection with consistent cursor feedback. |
+| `.ui-grid-animate-spin`, `@keyframes ui-grid-spin` | Same block | Animation now hooks into the global motion duration token. |
+
+> **Omitted vendor selectors:** Column menus, tree, filter icons, and other ui-grid extension classes remain unused in the beacon routes, so the icon font `@font-face` payload was intentionally dropped.
+
+## ng-notify
+
+| Legacy selector(s) | Tailwind component mapping | Notes |
+| --- | --- | --- |
+| `.ngn`, `.ngn.ngn-visible`, `.ngn.ngn-enter-active`, `.ngn.ngn-leave-active` | `.ngn` block in `css/tailwind.source.css` | Layout, typography, and z-index now rely on `--notify-*` and `--z-notify`. Pointer-events handling mirrors vendor behaviour. |
+| `.ngn-top`, `.ngn-bottom`, `.ngn-component` | Same block | Placement helpers rewritten with logical properties (`inset-block-*`). |
+| `.ngn-dismiss`, `.ngn-sticky .ngn-dismiss`, `.ngn-dismiss:hover`, `.ngn-dismiss:active` | Same block | Close button sizing derives from tokens; hover/active states use `color-mix` against overlay tokens. |
+| `.ngn-info`, `.ngn-error`, `.ngn-success`, `.ngn-warn`, `.ngn-grimace` | Same block | Severity palettes tie directly into existing info/warning/critical tokens. |
+| `.ngn-prime.*`, `.ngn-pastel.*`, `.ngn-pitchy.*` | Same block | Theme variants blend design-system colours via `color-mix`, preserving tonal differences without hard-coded hex values. |
+| `@media (max-width: 30rem)` overrides | Same block | Compact sizing switches to shared spacing and font-size tokens. |
+
+## Font faces
+
+The legacy bundle shipped three `@font-face` blocks for the `ui-grid` icon font. Sort indicators and menu affordances now render through CSS borders and shared tokens, so the icon font is no longer required or embedded in the Tailwind build.
diff --git a/dist/docs/bitvid-app-audit.md b/dist/docs/bitvid-app-audit.md
new file mode 100644
index 00000000..1268de50
--- /dev/null
+++ b/dist/docs/bitvid-app-audit.md
@@ -0,0 +1,25 @@
+# Application Responsibility Audit
+
+This document catalogs the major responsibilities still implemented inside `Application` (formerly `bitvidApp`). Each area is a candidate for future extraction into dedicated service or UI modules.
+
+## Auth & Profile Coordination
+- Instantiates `AuthService`, wires login/logout/profile listeners, and exposes helper methods for cached profile state management.【F:js/app.js†L221-L314】【F:js/app.js†L620-L772】
+- Manages profile modal lifecycle, navigation between panes, and account switching UI state.【F:js/app.js†L283-L420】【F:js/app.js†L1328-L1822】
+
+## Playback Orchestration
+- Configures `PlaybackService`, logs telemetry callbacks, and tracks the active playback session lifecycle.【F:js/app.js†L224-L323】【F:js/app.js†L2805-L3352】
+- Coordinates view logging, cooldown keys, and watch-count subscriptions for the primary player and modal overlays.【F:js/app.js†L4305-L4592】【F:js/app.js†L4972-L5332】
+
+## Modal & UI Composition
+- Constructs upload, edit, revert, and video modals; registers their event listeners; and bridges UI events back into application logic.【F:js/app.js†L340-L615】【F:js/app.js†L2382-L2799】
+- Builds and manages the `VideoListView` component, injecting helpers for health badges, share links, and context menu actions.【F:js/app.js†L516-L744】【F:js/app.js†L2149-L2376】
+
+## Routing & View Bootstrapping
+- Handles initial view loading, hash-based navigation, and video list mounting during application startup.【F:js/app.js†L903-L959】【F:js/app.js†L1932-L2124】
+- Provides navigation helpers for channel/profile transitions tied to hash routing.【F:js/app.js†L934-L968】
+
+## State & Watch History Management
+- Synchronizes watch-history preferences, local metadata caching, and publication of watch history events to services.【F:js/app.js†L1975-L2093】【F:js/app.js†L4087-L4478】
+- Tracks app-level state such as active intervals, cleanup routines, view counters, and URL/magnet health caches.【F:js/app.js†L200-L323】【F:js/app.js†L3354-L4075】
+
+These clusters outline the remaining cross-cutting responsibilities that can be incrementally migrated into focused modules under `js/services` and `js/ui`.
diff --git a/dist/docs/cancelling-ci-runs.md b/dist/docs/cancelling-ci-runs.md
new file mode 100644
index 00000000..7d2276e3
--- /dev/null
+++ b/dist/docs/cancelling-ci-runs.md
@@ -0,0 +1,53 @@
+# Cancelling CI Runs
+
+This document explains how to use the `scripts/cancel-all-ci-runs.sh` script to cancel pending or in-progress CI workflows. This is useful when you have a backlog of runs that are no longer needed.
+
+## Prerequisites
+
+- **GitHub CLI (`gh`)**: You must have the GitHub CLI installed and authenticated.
+  - Install: [GitHub CLI Installation Guide](https://github.com/cli/cli#installation)
+  - Authenticate: `gh auth login`
+
+## Usage
+
+### Basic Usage (Repo Root)
+
+From the root of the repository, you can simply run:
+
+```bash
+./scripts/cancel-all-ci-runs.sh
+```
+
+The script will automatically detect the repository from your git configuration.
+
+### Running from Anywhere
+
+You can run the script from any directory by setting the `REPO` environment variable:
+
+```bash
+REPO=PR0M3TH3AN/bitvid ./scripts/cancel-all-ci-runs.sh
+```
+
+### Previewing Runs
+
+Before cancelling, you might want to see which runs are currently active. You can use the following commands:
+
+```bash
+# List in-progress runs
+gh run list --repo PR0M3TH3AN/bitvid --status in_progress --limit 1000 --json databaseId,headBranch,name,createdAt | jq .
+
+# List queued runs
+gh run list --repo PR0M3TH3AN/bitvid --status queued --limit 1000 --json databaseId,headBranch,name,createdAt | jq .
+```
+
+## How it Works
+
+The script performs the following steps:
+1.  Checks if `gh` is installed.
+2.  Determines the repository (either from `REPO` env var or `gh repo view`).
+3.  Fetches IDs of all runs with status `in_progress` and `queued`.
+4.  Cancels them one by one using `gh run cancel`.
+
+### Why use this script?
+
+Trying to cancel runs in bulk using `xargs gh run cancel` directly can fail because some versions of `gh` only accept a single run ID per invocation. This script uses `xargs -n1` to ensure `gh run cancel` is called individually for each run ID, preventing "accepts at most 1 arg(s)" errors.
diff --git a/dist/docs/comment-threading.md b/dist/docs/comment-threading.md
new file mode 100644
index 00000000..c697bf0a
--- /dev/null
+++ b/dist/docs/comment-threading.md
@@ -0,0 +1,116 @@
+# Comment threads & discussion counts (Nostr → UI flow)
+
+This note documents how bitvid turns Nostr comment events into UI comment threads and discussion counts. The primary implementations live in:
+
+- `js/services/commentThreadService.js` (comment thread hydration + caching)
+- `js/services/discussionCountService.js` (NIP-45 count queries + DOM updates)
+
+## Comment thread flow (`CommentThreadService`)
+
+### Data sources
+
+`CommentThreadService` is the single place that fetches and subscribes to comment events for a video. It relies on the injected `nostrClient` APIs:
+
+- `fetchVideoComments(target, options)` for the initial thread load.
+- `subscribeVideoComments(target, options)` to keep the thread up to date in real time.
+
+The service builds a `target` payload using the current video metadata:
+
+- `videoEventId` (event id)
+- `videoDefinitionAddress` from `buildVideoAddressPointer(video)`
+- `videoKind`
+- `videoAuthorPubkey`
+- `rootIdentifier` / `rootIdentifierRelay` (derived from `video.videoRootId`, pointer identifiers, or tag data)
+- optional `parentCommentId` context when fetching a reply thread
+
+Internally, it also infers parentage from the incoming comment events by looking at `e` tags; the most recent `e` tag that is **not** the video event id becomes the parent comment id for threading. It also watches for the `i` tag to update root identifier and relay details.
+
+### Caching
+
+When `FEATURE_IMPROVED_COMMENT_FETCHING` is enabled, comment events are cached in `localStorage`:
+
+- Key format: `bitvid:comments:<videoEventId>`
+- TTL: 5 minutes
+- Versioned schema: `COMMENT_CACHE_VERSION = 2`
+
+Cache usage is simple: load from cache during `loadThread`, and write the latest event list after thread updates. Cache diagnostics (`commentCacheDiagnostics.storageUnavailable`) are surfaced to consumers to indicate storage issues.
+
+### Polling & refresh
+
+There is **no polling loop** for comments. Refresh happens through:
+
+1. A one-time fetch via `fetchVideoComments` during `loadThread`.
+2. A live subscription via `subscribeVideoComments`, which streams new comments into the thread.
+
+Profile hydration for comment authors is batched and debounced (default 25ms), with up to three retry attempts and a backoff delay between attempts.
+
+### UI surfacing
+
+`VideoModalCommentController` owns the comment UI and subscribes to `CommentThreadService` callbacks:
+
+- `onThreadReady` → full thread render
+- `onCommentsAppended` → incremental updates
+- `onError` → status messaging
+
+The controller translates the thread snapshot into UI state for the modal and uses the comment thread’s profile cache to annotate authors.
+
+### Telemetry/logging
+
+All comment-thread telemetry is routed through `logger.dev`/`logger.user` (no direct console logging). The service emits warnings for:
+
+- Nostr client failures (fetch/subscribe)
+- Comment cache read/write errors
+- Profile hydration retries and failures
+
+## Discussion count flow (`DiscussionCountService`)
+
+### Data sources
+
+`DiscussionCountService` uses NIP-45 COUNT queries to count comment events across relays. It requires a Nostr client that exposes:
+
+- `nostrClient.pool` (relay pool)
+- `nostrClient.countEventsAcrossRelays(filters)`
+
+### Filters & event kinds
+
+The service builds COUNT filters based on the current video metadata. The base event kind is `COMMENT_EVENT_KIND` (video comment kind). Filters include:
+
+- `#E` (root event id)
+- `#A` (address pointer from `buildVideoAddressPointer(video)`)
+- `#I` (root identifier / videoRootId)
+- `#K` (root kind)
+- `#P` (root author)
+
+It always tries an `#E` filter first, then constructs an uppercase-tag filter that uses the best available pointer information, and finally a lowercase `#A` filter when available.
+
+### Caching
+
+Counts are cached in-memory per video id during a session:
+
+- `videoDiscussionCountCache` stores resolved counts.
+- `inFlightDiscussionCounts` deduplicates concurrent requests.
+
+There is no persistence beyond the runtime session.
+
+### Polling & refresh
+
+Discussion counts are not polled on a timer. They refresh when the UI asks for them (typically after feed renders). The application triggers refreshes via `app.refreshVideoDiscussionCounts`, which is wired into video list rendering flows.
+
+### UI surfacing
+
+The service updates DOM nodes directly using data attributes:
+
+- Root node: `[data-discussion-count="<video id>"]`
+- Count value: `[data-discussion-count-value]`
+
+The element’s `data-count-state` is set to:
+
+- `pending` while a COUNT request is in flight
+- `ready` after a successful response
+- `unsupported` or `error` when COUNT is unavailable or fails
+
+If relay support is missing, the service sets a tooltip (`title`) explaining that COUNT is unsupported.
+
+### Telemetry/logging
+
+Failures to fetch counts are logged through the injected logger (default `devLogger.warn`), and the UI falls back to the `error`/`unsupported` state rather than throwing.
diff --git a/dist/docs/deployment-notes.md b/dist/docs/deployment-notes.md
new file mode 100644
index 00000000..cd40b221
--- /dev/null
+++ b/dist/docs/deployment-notes.md
@@ -0,0 +1,7 @@
+# Deployment Notes
+
+## Design system rollout
+
+- **Status:** The design system styling is always active. The former `FEATURE_DESIGN_SYSTEM` runtime flag has been removed, so there is no rollback toggle during deployment.
+- **Template contract:** Every layout, view, and partial must keep `data-ds` on its root element. The entrypoint stamps `data-ds="new"` during bootstrap so controllers inherit the correct primitives.
+- **Controllers:** UI controllers still receive a `designSystem` context, but `context.isNew()` now always returns `true`. Use the context for consistency, but do not branch on legacy styling paths.
diff --git a/dist/docs/design-system.md b/dist/docs/design-system.md
new file mode 100644
index 00000000..7761c42e
--- /dev/null
+++ b/dist/docs/design-system.md
@@ -0,0 +1,493 @@
+# bitvid Design System Primitives
+
+bitvid's visual language is now powered by Tailwind utilities backed by our design tokens. This document lists the primitives available via `css/tailwind.source.css`, how they behave across states, and when to mix them with Tailwind utilities.
+
+All templates and embeds must load `css/tailwind.generated.css`; that compiled bundle is the only stylesheet shipped with the app. The file is generated during CI/Netlify deploys (and remains gitignored locally), so commit only the source styles that feed the build. Remove any lingering references to legacy `tailwind.min.css` assets when porting surfaces into the design system.
+
+> **UI Styling:** For day-to-day decisions, start with the [Styling & Theming Rules](../AGENTS.md#styling--theming-rules-token-first) in `AGENTS.md` and the [CSS build pipeline overview](../README.md#css-build-pipeline). Run `npm run lint:css` before committing so design-token regressions are caught early.
+
+## Runtime contract
+
+The design system is now the canonical styling path across bitvid—there is no runtime flag or rollback toggle. Every template renders with `data-ds="new"` on its root container, and controllers always receive the "new" mode from the `designSystem` context (see `js/designSystem.js`). When migrating surfaces, ensure their root nodes include `data-ds` so the entrypoint can stamp the attribute during bootstrap.
+
+## Dynamic runtime styling
+
+Inline styles are blocked in production builds, so runtime components that need bespoke coordinates or measurements must route their overrides through `js/designSystem/dynamicStyles.js`.
+
+- `registerScope(id, selectors)` creates (or reuses) a constructable stylesheet when supported, allocates a unique identifier, and injects empty rules scoped to `[data-ds-style-id="<id>"]`. Callers attach the attribute to any element that should inherit those rules.
+- `setVariables(id, tokens)` updates CSS custom properties on the registered scope. Pass CSS variable names (for example, `"--ds-metric-probe-length"`) and string or number values—`setVariables` handles serialization and removes entries when they resolve to empty strings.
+- `releaseScope(id)` removes the generated rules and frees the identifier. Always invoke it from component teardown paths to avoid leaking rules between renders.
+
+Design-system metrics lean on this helper to keep runtime measurements inline-style free:
+
+- `readDesignTokenAsPixels` measures non-`px`/`rem` tokens with an offscreen probe that ships in core CSS (`.ds-metric-probe`). The probe is registered through the helper so dynamic lengths are fed into `--ds-metric-probe-length` without touching inline styles.
+
+When introducing a new runtime feature that requires dynamic styling:
+
+1. Register a dedicated scope during setup and attach the returned attribute to the relevant DOM node.
+2. Update custom properties with `setVariables` instead of touching `.style` or appending `<style>` tags.
+3. Clean up by calling `releaseScope` when the component unmounts.
+4. Prefer reusable primitives (like `.ds-metric-probe`) for offscreen measurement or layout shims so multiple components can share the same CSS.
+
+## Typography & Layout Tokens
+
+Small-type utilities and modal geometry are now backed by dedicated semantic tokens in `css/tokens.css`. The scale introduces
+`--font-size-4xs` (0.65rem), `--font-size-3xs` (0.6875rem), `--font-size-2xs` (0.7rem), and `--tracking-extra-wide`
+(0.2em) alongside modal measurements such as `--modal-shell-max-height`, `--modal-sheet-max-height`,
+`--modal-body-max-height`, `--modal-pane-max-height`, and `--profile-history-max-height`. Tailwind exposes the tokens through
+utility aliases including `text-4xs`, `text-3xs`, `text-2xs`, `tracking-extra-wide`, `max-h-modal-shell`, `max-h-modal-sheet`,
+`max-h-modal-body`, `max-h-modal-pane`, and `max-h-profile-history`. Use these utilities instead of arbitrary values so future
+scale adjustments can ship from a single source of truth.
+
+### Migration notes
+
+- Replace literal classes such as `text-[11px]`, `text-[0.7rem]`, and `text-[0.65rem]` with the new semantic helpers
+  (`text-3xs`, `text-2xs`, `text-4xs`). The controller logic for saved profiles and modal renderers has been updated to follow
+  the same pattern.
+- Swap bespoke tracking overrides (for example, `tracking-[0.2em]`) to `tracking-extra-wide` so the widened CTA headings stay
+  consistent across themes.
+- Move modal shells and scroll containers off arbitrary `max-h-[...]` utilities in favour of `max-h-modal-shell`,
+  `max-h-modal-sheet`, `max-h-modal-body`, `max-h-modal-pane`, and `max-h-profile-history`.
+- Keep the legacy search strings (like `text-[11px]`) in regression checklists—repositories should no longer include those
+  selectors after migrating a template or controller.
+
+### Tailwind arbitrary values lint
+
+Run `npm run lint:tailwind-brackets` after touching markup or prose that embeds HTML. The lint walks `.html`, `.njk`, and `.md`
+sources and fails when Tailwind's bracket syntax introduces hard-coded measurements (`text-[11px]`, `max-w-[18rem]`, etc.).
+
+- Prefer the semantic utilities shipped alongside the tokens (`max-w-popover-safe`, `max-h-modal-shell`, `text-3xs`).
+- When you truly need an arbitrary value, drive it with a design token by referencing the CSS custom property (`w-[var(--layout-player-max-width)]`, `min-h-[var(--form-textarea-min-height)]`).
+- Update the allowlist sparingly—every entry should correspond to a documented token so future adjustments cascade automatically.
+
+The lint shares the same underlying script as `npm run lint:tokens`, so both commands stay in lockstep with the design-system
+guardrails.
+
+## Theming
+
+### `[data-theme]` contract
+
+The default experience renders the production dark palette. Pages and embeds can opt into alternates by setting the `data-theme` attribute on the `<html>` (or any ancestor that wraps the component). `data-theme="light"` promotes the light tokens defined in `css/tokens.css`, swapping surface, panel, border, muted, and overlay colors while keeping semantic accents consistent. Omit the attribute or set it back to `default` to inherit the dark baseline. Reserve additional theme keys (for example, `data-theme="contrast"`) for upcoming accessibility palettes—the same hook will activate them once their tokens land. When scoping components inside legacy templates, prefer wrapping the smallest possible container so downstream shims continue to function.
+
+### Token overrides & experiments
+
+Tokens are sourced from `css/tokens.css` and consumed as CSS custom properties. To try temporary overrides—such as custom backgrounds for a partner landing page—stack a higher-specificity selector and reassign the variable without hard-coding literal colors:
+
+```css
+.landing[data-theme="light"] {
+  --color-bg-page: var(--color-bg-surface);
+  --shadow-card: 0 10px 40px rgba(12, 14, 23, 0.25);
+}
+```
+
+Limit overrides to variables defined in `css/tokens.css` and document any long-lived changes in this file so the design tokens remain the source of truth. Feature-flagged experiments should wrap overrides in a `data-flag-<name>` selector or toggle them via controller logic so the defaults remain stable when the flag is off.
+
+## Semantic Palette
+
+All interactive surfaces now draw from a shared semantic color map exposed through `css/tokens.css` and Tailwind utility aliases. The palette is grouped into text, surface, overlay, and status slots so controllers can swap state styles without reaching for raw Tailwind hues:
+
+- **Text:** `text-primary`, `text-inverse`, `text-muted`, `text-muted-strong`, and `text-subtle` map to `--text-*` tokens. Use them for copy, helper text, and frosted overlays instead of `text-gray-*`.
+- **Surfaces:** `bg-surface`, `bg-surface-alt`, `bg-surface-raised`, `bg-surface-muted`, and `bg-overlay-*` wrap cards, modals, and scrims. Pair them with `border-surface`, `border-overlay`, or `border-overlay-strong` when rendering shells.
+- **Statuses:** `status-*` tokens expose matching text, background, and border slots. Tailwind utilities include `text-status-success`, `bg-status-warning-surface`, `border-status-danger-border`, and chip helpers (`.pill`, `.badge`) that accept `data-variant="info" | "success" | "warning" | "critical" | "private" | "neutral"`.
+- **Overlays:** `.overlay-scrim` and `.overlay-panel` helpers consume the overlay tier tokens for modals, sheets, and popovers. Adjust the strength via `data-strength`/`data-variant` rather than applying translucent grays. Blur states now ride semantic variables—reuse `--blur-modal-backdrop` for scrims, `--blur-modal-alert` for inline notices, and `--blur-thumbnail-blur` for frosted imagery instead of hard-coded pixel values.
+
+### Migration guidance
+
+- Swap raw Tailwind palette utilities (for example, `text-gray-400`, `bg-amber-500/10`, `border-red-700/70`) for the matching semantic utilities above. The new lint (`npm run lint:tailwind-colors`) fails when legacy color classes appear outside deprecated directories.
+- Replace ad-hoc chips (`inline-flex ... border-red-700/70 bg-red-900/40`) with `.pill` or `.badge` plus a `data-variant`. These helpers automatically pull the correct status text/border/fill tokens.
+- Use `text-info`/`hover:text-info-strong` for links that previously relied on `text-blue-400` so anchors adapt in both light and dark modes.
+- When rendering tinted descriptions or placeholders, prefer `text-muted`, `text-muted-strong`, or `text-subtle` over semi-transparent whites. Token overrides keep the same classes usable across the default and light themes.
+
+### Layout & spacing extensions
+
+The core spacing scale gained intermediate stops for tighter micro-layouts and larger hero treatments. `css/tokens.css` now exports `--space-4xs`, `--space-3xs`, `--space-xs-snug`, `--space-md-plus`, `--space-xl-compact`, `--space-xl-plus`, and `--space-2xl-plus`; Tailwind surfaces matching utilities such as `p-4xs`, `p-3xs`, `px-xs-snug`, `py-md-plus`, `gap-xl-compact`, `px-xl-plus`, and `gap-2xl-plus`. Pair them with the new layout primitives—`--menu-min-width` (`min-w-menu`), `--modal-max-width` (`max-w-modal`), `--layout-player-max-width` (`max-w-player`), and `--layout-docs-max-width` (`max-w-docs`)—to anchor consistent breakpoints across popovers, modals, and documentation shells without reintroducing raw `rem`/`px` literals.
+
+### Previewing themes
+
+The design-system kitchen sink (`docs/kitchen-sink.html`) exposes a theme switcher that mirrors the production toggle contract. Use the "Theme" select menu in the header to flip between `default`, `light`, and any preview keys (for example, `contrast`). This control updates `document.documentElement.dataset.theme` at runtime, letting you verify hover/focus/disabled states without redeploying. When authoring new palettes, add them to `css/tokens.css`, confirm the kitchen-sink toggle picks them up, and record before/after screenshots for review so the CI snapshots have clear context.
+
+## Focus Handling
+
+All interactive primitives mix in the shared `.focus-ring` helper. It removes default outlines and applies a branded ring using `focus-visible` only. When building bespoke components, add `.focus-ring` to your root interactive element or replicate its rules:
+
+```html
+<button class="focus-ring inline-flex items-center gap-2 ...">Label</button>
+```
+
+The helper includes:
+
+- `focus-visible:ring-2` with `ring-info` and `ring-opacity-70`
+- `focus-visible:ring-offset-2` with an offset on `bg-surface`
+- `focus-visible:transition-shadow` using the tokenized `duration-fast` easing curve
+
+Never hide focus styles without providing an accessible alternative.
+
+## Motion Guardrails
+
+### Motion inventory
+
+The `rg "transition"` audit surfaces the components that animate by default. Keep this list in sync when new motion primitives land:
+
+- **Buttons:** `.btn` and `.btn-ghost` transition their backgrounds, borders, and shadows using the shared token durations. 【F:css/tailwind.source.css†L18-L55】
+- **Cards and watch history:** `.card`, `.watch-history-card`, and their nested controls use hover/focus transitions plus optional entry animations via `data-motion="enter"`. 【F:css/tailwind.source.css†L238-L804】
+- **Popovers:** `.popover__panel` fades and scales between `[data-state]` values. 【F:css/tailwind.source.css†L119-L141】
+- **Modals:** `.bv-modal__panel`, `.video-modal__panel`, and `.player-modal__content` animate in concert with the modal nav/header layout helpers. 【F:docs/kitchen-sink.html†L335-L391】【F:css/tailwind.source.css†L385-L640】
+- **Feedback & loading:** `.progress-bar-fill`, `.status-spinner--inline`, and `.status-banner .status-spinner` communicate state changes with width transitions or spin animations. 【F:css/tailwind.source.css†L907-L948】
+- **Sidebar controls:** `.sidebar-nav-link`, `.sidebar-dropup-trigger`, `.sidebar-collapse-toggle`, and related chevrons/toggles translate, fade, and resize during rail expansion. 【F:css/tailwind.source.css†L1164-L1598】
+
+### Shadow inventory
+
+- `--shadow-popover-zap` keeps the zap tip elevation consistent across themes; apply it to `.popover__panel[data-variant="zap"]` or related toast surfaces when you need the intense popover glow. 【F:css/tokens.css†L406-L415】【F:css/tailwind.source.css†L293-L298】
+- `--shadow-video-modal` anchors modal playback chrome so large embeds reuse the same lift as `#playerModal .video-modal__video video`. 【F:css/tokens.css†L406-L415】【F:css/tailwind.source.css†L1374-L1378】
+- `--color-shadow-intense` still exposes the raw color for bespoke drop-shadow recipes—pair it with `drop-shadow-intense` utilities when only the hue needs to change. 【F:css/tokens.css†L93-L101】【F:tailwind.config.cjs†L28-L32】【F:tailwind.config.cjs†L147-L157】
+
+### Reduced-motion policy
+
+- A consolidated `@media (prefers-reduced-motion: reduce)` block now zeroes out transition and animation durations globally, removes motion-only transforms, and leaves opacity state changes in place so surfaces still show and hide instantly. 【F:css/tailwind.source.css†L1766-L1981】
+- Motion tokens also collapse to `0s` inside Tailwind's component layer so the primitives (`.btn`, `.card`, `.popover__panel`, watch-history tiles) inherit the same behaviour without per-selector overrides. 【F:css/tailwind.source.css†L229-L270】
+- Spinners fall back to static indicators when reduced motion is requested, while focus rings remain intact because the underlying styles are unaffected—only the timing curves are reset. 【F:css/tailwind.source.css†L1778-L1981】
+- When adding a new animated component, register its selector in this block (or reuse the tokenised durations) so reduced-motion users never see unintended transitions. Document the addition here alongside the inventory.
+
+## Component Primitives
+
+### Buttons
+
+| Class | Description |
+| --- | --- |
+| `.btn` | Primary action button (`bg-primary`, white text). Hover lifts to `bg-info-strong`, focus pushes to `bg-info-pressed`, disabled reduces opacity. |
+| `.btn-ghost` | Framed secondary action. Transparent by default with subtle border, fills with `bg-panel-hover` on hover/focus. |
+
+Both buttons:
+
+- Use `.focus-ring` internally
+- Include pointer-blocking and opacity changes on `:disabled`
+- Are uppercase with wide tracking to match our existing CTA styling
+
+Mix in Tailwind utilities for icon spacing (`gap-3`), sizing (`px-lg`, `py-sm`), or layout (`w-full`). Avoid overriding colors unless introducing a new semantic variant.
+
+#### Variants & Toggle States
+
+- Apply `data-variant="critical"` to `.btn-ghost` when rendering destructive affordances (for example, "Remove variant" pills inside repeater rows). The primitive swaps the border and text colors to the critical palette and deepens the fill on hover/focus.
+- Toggle groups can rely on `[aria-pressed="true"]` or `data-state="active"` without extra utilities. When a `.btn-ghost` reports an active state it automatically promotes to the filled primary style.
+
+```html
+<div class="inline-flex items-center rounded-full bg-panel/80 p-1" role="group">
+  <button class="btn-ghost flex-1" type="button" aria-pressed="true">Custom</button>
+  <button class="btn-ghost flex-1" type="button" aria-pressed="false">Cloudflare</button>
+</div>
+```
+
+### Badges
+
+`.badge` renders an inline pill (`bg-panel`, uppercase text). Opt into semantic variants with `data-variant="info"`, `data-variant="critical"`, or `data-variant="neutral"`. Layer on utilities for icon alignment or truncation.
+
+### Messaging & Notification Tokens
+
+Use the dedicated messaging tokens when styling chat surfaces and banners so they inherit theme-safe contrast and icon colors:
+
+- **Message bubbles:** `--message-bubble-background`, `--message-bubble-border`, `--message-bubble-text`, and `--message-bubble-meta` drive the base bubble surface, while `--message-bubble-outgoing-background`/`--message-bubble-outgoing-border` cover the current-user variant. These map back to surface, border, and text semantic tokens so bubbles maintain AA contrast. 【F:css/tokens.css†L102-L115】
+- **Unread badges:** `--unread-badge-background` and `--unread-badge-text` keep badge text legible at WCAG AA while ensuring iconography stays ≥3:1 against the fill. 【F:css/tokens.css†L117-L118】
+- **Reply highlights:** `--reply-highlight-background`, `--reply-highlight-border`, `--reply-highlight-text`, and `--reply-highlight-icon` align reply callouts with the info status palette. 【F:css/tokens.css†L120-L123】
+- **Notification banners:** Base banner colors map through `--notification-banner-*` tokens, with per-variant slots (`critical`, `success`, `info`, `warning`) pulling from the status palettes for AA-compliant text and 3:1 icon contrast. 【F:css/tokens.css†L125-L154】
+
+### Cards
+
+`.card` is the base surface for grid items and panels:
+
+- Rounded corners (`rounded-lg`) and `bg-card`
+- Token shadows on hover
+- Focus states reuse `.focus-ring`
+- Accepts `data-state="private" | "critical" | "disabled"` for special treatments
+
+Combine with padding utilities per layout. Interactive cards should maintain `cursor-pointer` manually (see legacy shim example below) until templates adopt dedicated controller classes.
+
+> **2025-10-11 update:** The legacy `.video-card*` shim selectors were removed. Video grids should now render plain `.card` elements and opt into semantic variants via `data-state`, `data-alert`, and `data-motion` attributes. Runtime code no longer maps the deprecated classes, so older selectors will not receive token updates.
+
+### Form Inputs
+
+`.form-control` is the base primitive for text entry surfaces. It handles layout (`block`, `w-full`), rounded corners, subtle borders, muted placeholders, and the shared focus ring. Hovering deepens the border, focus highlights with `border-info-strong`, `:invalid` raises a critical border, and `:disabled` mutes the field while blocking pointer events.
+
+Specialisations reuse `.form-control`:
+
+- `.input` – Standard single-line text input.
+- `.textarea` – Multi-line input with a minimum height (`min-h-[var(--form-textarea-min-height)]`) and `resize-y` enabled.
+- `.select` – Native `<select>` element with `appearance-none`, an integrated arrow glyph, and consistent spacing (`pr-10`).
+
+All three share hover, focus-visible, disabled, and invalid treatments. Layer on utilities (`h-12`, `text-lg`, icon padding) as needed without re-declaring tokens.
+
+Controllers can mark read-only fields by setting `data-state="locked"` alongside the existing `readonly` attribute. The attribute shifts the background to `bg-overlay-panel-soft`, deepens the border (`border-border-sidebar-strong`), and suppresses the focus ring so locked inputs stay visually distinct without falling back to `!important` overrides. The same hook works on `.input`, `.textarea`, `.select`, and any raw `.form-control` element—disabled states keep the locked palette.
+
+Arrow and checkbox adornments now lean entirely on tokens: `--form-select-icon-offset`, `--form-select-icon-gap`, `--form-select-icon-hit-area`, and `--form-select-icon-size` position the native select chevron, while `--form-checkbox-checkmark-offset` keeps the checkmark aligned at any scale. Textareas pull their baseline from `--form-textarea-min-height`, and thin scrollbars reuse the shared `--scrollbar-thin-width` so embedded panels feel consistent across browsers.
+
+```html
+<form class="bv-stack bv-stack--tight" aria-labelledby="zapAmountLabel">
+  <label
+    id="zapAmountLabel"
+    class="text-xs font-semibold uppercase tracking-wide text-muted-strong"
+  >
+    Zap amount (sats)
+  </label>
+  <input
+    id="zapAmountInput"
+    type="number"
+    min="1"
+    step="1"
+    class="input"
+    placeholder="Enter sats"
+  />
+  <button class="btn" type="submit">Send</button>
+</form>
+```
+
+For toggles:
+
+- `.checkbox` resets native appearance, applies the token border/background, and swaps to the info palette when checked. The checkmark is rendered via `::after`, and disabled states lower contrast while keeping the focus ring behaviour.
+- `.switch` renders a pill track with a translating thumb (`::before`). Apply `[aria-checked="true"]` or `.is-on` to move the thumb and recolor the track. Motion respects `prefers-reduced-motion` while maintaining the focus ring.
+
+### Modal Surface
+
+- `.bv-modal` anchors fixed overlays (full-viewport flexbox centered layout).
+- `.bv-modal-backdrop` applies the tokenized overlay color with blur.
+- `.bv-modal__panel` hosts modal content (`bg-surface`, `shadow-modal`, focus ring).
+
+Sizing now comes from dedicated tokens: `max-w-modal` and `rounded-modal-xl` map to `--modal-max-width` and `--radius-modal-xl`, while icon controls reuse `--icon-size-lg`, `--icon-size-md`, and `--icon-button-ring-width` for consistent hit targets. Progress indicators pick up `--modal-progress-height`, and the player modal inherits `max-w-player` so hero metadata never exceeds `--layout-player-max-width`.
+
+Use `--modal-sheet-inline-max` when you need a sheet to breathe on narrow viewports without exceeding the standard modal width. The token resolves to the smaller of `90vw` and `--modal-max-width`, so base sheet templates hug the viewport while large-screen overrides (for example, `lg:max-w-4xl`) can still opt into broader layouts. Reach for `--modal-max-width` directly when the panel should stay anchored to the canonical modal width across breakpoints.
+
+Compose them together when mounting new modal portals. If you need a drawer or sheet, start from these primitives and adjust spacing/positioning via utilities.
+
+#### Modal Actions
+
+Action rows in login, disclaimer, and upload flows now pair `.btn-ghost` and `.btn` directly. Layer layout utilities such as `w-full` or `gap-3` without re-adding custom focus rings.
+
+```html
+<footer class="modal-footer flex gap-3">
+  <button class="btn-ghost flex-1" type="button">Cancel</button>
+  <button class="btn flex-1" type="submit">Publish</button>
+</footer>
+```
+
+Static modal partials (login, application, feedback, etc.) should call the helpers exported from `js/ui/components/staticModalAccessibility.js`—`prepareStaticModal`, `openStaticModal`, and `closeStaticModal`—to attach focus trapping, Escape/backdrop dismissal, and the shared `data-open`/`html.modal-open` toggles without duplicating controller logic.
+
+### Headers
+
+`.ds-header` replaces the legacy `header { … }` reset. Apply it to page chrome that should inherit the shared rhythm: flex alignment (`items-center`, `justify-start`) and tokenized vertical padding (`py-md`). Layer layout utilities per surface—for example, `justify-between` on the kitchen-sink demo or `mb-8` on the app shell.
+
+Pair `.ds-header__logo` with `<img>` or inline logo wrappers to standardize sizing (`h-24`, `w-auto`, `max-w-none`) without reintroducing element selectors. Compose additional utilities (`h-16`, responsive overrides) when a view needs alternate scale.
+
+Logo glyphs now rely on dedicated selectors inside the SVG: apply `.bv-logo__accent` to the nine-block mark, `.bv-logo__wordmark` to the lettering, and `.bv-logo__background` to any surrounding tile. These hooks read from the CSS custom properties that `.bv-logo` seeds, so themes can flip palettes purely through attributes (`data-variant`, `data-wordmark`, etc.) without reintroducing inline `fill` or `color` overrides.
+
+### Popovers
+
+Use `.popover` as the relative anchor for floating content. Nest `.popover__panel` for the floating surface—it’s positioned with the shared popover engine, inherits the shared focus ring, and animates with opacity/scale tokens. Toggle `[data-state="open"]` on the panel to switch between the collapsed (`opacity-0 scale-95`) and expanded (`opacity-100 scale-100`) states.
+
+```html
+<div class="popover">
+  <button class="btn" type="button">Open filters</button>
+  <div class="popover__panel" role="dialog" data-state="open">
+    <p class="text-sm text-muted">Fine-tune the current feed using tags and duration filters.</p>
+  </div>
+</div>
+```
+
+Use the shared popover engine (`js/ui/overlay/popoverEngine.js`) instead of manual offsets. The helper attaches panels to the overlay root, flips placement when they collide with the viewport, and toggles `aria` + `data-popover-state` attributes as visibility changes. Width and height clamps can be sourced from design tokens (`maxWidthToken`, `maxHeightToken`) so surfaces inherit theme-specific limits without inline constants. Consult [docs/menus.md](./menus.md) for overlay-root wiring, Tailwind overlay helpers, and the manual QA surface that exercises card and modal menus. 【F:js/ui/overlay/popoverEngine.js†L252-L266】【F:js/ui/overlay/popoverEngine.js†L633-L706】【F:css/tailwind.source.css†L358-L399】
+
+```js
+import createPopover from "../overlay/popoverEngine.js";
+
+const popover = createPopover(triggerEl, ({ container }) => {
+  const panel = document.createElement("div");
+  panel.className = "popover__panel card";
+  panel.dataset.state = "closed";
+  panel.innerHTML = "<p class=\"text-sm text-muted\">Filters</p>";
+  container.appendChild(panel);
+  return panel;
+}, {
+  placement: "bottom-start",
+  maxWidthToken: "--popover-inline-safe-max",
+});
+
+await popover.open();
+panel.dataset.state = "open"; // reveal animation hooks
+
+// Later, close the surface and restore focus.
+panel.dataset.state = "closed";
+popover.close();
+```
+
+The render callback runs once the engine has created its portal container. Return the panel (and optional arrow) element so the helper can manage focus targets, `aria-controls`, and collision handling. Consumers remain responsible for their own visual state toggles (`data-state`) so Tailwind transitions continue to apply. Use `popover.update()` when the trigger or panel size changes, and call `popover.destroy()` during teardown to drop listeners and portals. 【F:js/ui/overlay/popoverEngine.js†L420-L583】【F:js/ui/overlay/popoverEngine.js†L888-L1014】
+
+Recommended container pattern:
+
+- Wrap the trigger and panel in `.popover` so the markup stays discoverable and inherits spacing tokens.
+- Leave the wrapper’s overflow visible; the helper defaults to `position: fixed`, so floating surfaces escape scroll containers without getting clipped. Opt into `{ strategy: "absolute" }` if you intentionally want the panel constrained.
+- When tearing down a component, call `popover.destroy()` to drop scroll/resize listeners and remove the portal container.
+
+The motion helpers defer to the global motion tokens so Task 5 can adjust timing globally without revisiting individual components. Animations respect `prefers-reduced-motion` by collapsing to opacity-only transitions.
+
+### Sidebar shell & controls
+
+The navigation rail pulls its rhythm from dedicated sidebar tokens in `css/tokens.css`. The shell, panels, and footer reuse shared spacing primitives (`--space-sidebar-shell-inline`, `--space-sidebar-shell-block-start`, `--space-sidebar-shell-block-end`, `--space-sidebar-panel-gap`, `--space-sidebar-panel-padding-block`, `--space-sidebar-panel-padding-inline`, `--space-sidebar-footer-gap`) alongside component-specific radii and shadows (`--radius-sidebar-shell`, `--radius-sidebar-panel`, `--radius-sidebar-nav`, `--shadow-sidebar-shell`, `--shadow-sidebar-accent`, `--shadow-sidebar-trigger`, `--shadow-sidebar-dropup`, `--shadow-sidebar-panel`, `--shadow-sidebar-focus-ring`). These values also size fallback classes like `.sidebar-nav-link`, `.sidebar-dropup-trigger`, and `.sidebar-dropup-panel` so legacy templates stay legible. 【F:css/tokens.css†L94-L138】【F:css/tailwind.source.css†L1829-L2182】
+
+Frosted glass treatments share a blur stack as well. Reference `--sidebar-backdrop-blur` across the shell, nav links, and footer triggers, then pull the matching saturation tokens (`--sidebar-shell-backdrop-saturation`, `--sidebar-nav-backdrop-saturation`, `--sidebar-trigger-backdrop-saturation`, `--sidebar-panel-backdrop-saturation`) or `--sidebar-panel-backdrop-blur` for popovers instead of reintroducing literal `blur()`/`saturate()` values. 【F:css/tokens.css†L70-L118】【F:css/tailwind.source.css†L2059-L2402】
+
+Tailwind now exposes matching utilities for layouts that opt into the design system directly: use `px-sidebar-shell-inline`, `pt-sidebar-shell-block-start`, `pb-sidebar-shell-block-end`, `gap-sidebar-panel-gap`, and `rounded-sidebar-shell`/`rounded-sidebar-nav` for structure, then `shadow-sidebar-shell`, `shadow-sidebar-accent`, or `shadow-sidebar-dropup` to match the bespoke glow states. Combine them with existing color utilities to compose new sidebar sections without reintroducing raw measurements. 【F:tailwind.config.cjs†L115-L155】
+
+Iconography and motion helpers rely on fresh tokens as well: `--icon-size-sm`, `--icon-size-md`, and `--icon-size-lg` standardise glyph sizing across nav links, collapse toggles, and dropup triggers, while `--space-sidebar-nav-translate` powers the translate offsets used when collapsing the rail. Thin overlays inherit `--scrollbar-thin-width` so modal and sidebar scroll containers feel identical.
+
+### Search surfaces backlog
+
+Discovery work is queued behind two search affordances that will need close coordination with the navigation shell tokens:
+
+- **Relay note search filters** — Stand up a dedicated search surface that can index relay-published notes and expose filter chips for posted date ranges, hashtags, title keywords, view-count ranges, and the publishing account. Reuse `.menu`, `.input`, and `.chip` primitives for the filter controls so the surface stays aligned with existing command panels, and plan on routing results through the popover/filter pipeline described above.
+- **Mobile floating search** — Introduce a floating search icon on small breakpoints that expands into a full-width search field when tapped. The trigger should inherit the circular icon tokens used by sidebar toggles, snap to the `z-overlay-nav` layer, and collapse back to the icon state once the user blurs or submits the field.
+
+### Menus
+
+`.menu` normalises list-based command menus with consistent padding. Pair it with `.menu__heading` for optional section labels, `.menu__separator` for dividers, and `.menu__item` for actionable rows. Each item supports hover, active (`data-state="active"`), and critical (`data-variant="critical"`) palettes plus disabled fallbacks through either `disabled` or `aria-disabled="true"`.
+
+```html
+<div class="popover">
+  <button class="btn-ghost" type="button">Command palette</button>
+  <div class="popover__panel" role="menu" data-state="open">
+    <div class="menu" role="none">
+      <p class="menu__heading" role="presentation">Navigation</p>
+      <button class="menu__item" role="menuitem">Search videos</button>
+      <button class="menu__item" role="menuitem" data-state="active">Go live dashboard</button>
+      <div class="menu__separator" role="separator"></div>
+      <button class="menu__item" role="menuitem" data-variant="critical">Delete current draft</button>
+      <button class="menu__item" role="menuitem" disabled>Switch profile (pro only)</button>
+    </div>
+  </div>
+</div>
+```
+
+The helpers rely on layout utilities (`flex`, `gap-*`) so you can safely inject icons, shortcuts, or nested badges without restyling the base tokens.
+
+### Zap Popover
+
+Compose `.popover` with a zap-specific panel variant when you need to surface the tipping form inline. Toggle `data-state="open"` on the `.popover__panel` and remove its `hidden` attribute when the dialog is visible. The `data-variant="zap"` hook reuses the frosted-glass styling defined in `css/tailwind.source.css`.
+
+```html
+<div class="popover">
+  <button class="btn-ghost h-10 w-10 rounded-full p-0" type="button" aria-haspopup="dialog" aria-expanded="false">
+    <img src="assets/svg/lightning-bolt.svg" alt="Zap" class="h-5 w-5" />
+  </button>
+  <div
+    class="popover__panel card w-72 max-w-popover-safe space-y-4"
+    role="dialog"
+    aria-hidden="true"
+    data-variant="zap"
+    data-state="closed"
+    hidden
+  >
+    <div class="flex items-center justify-between gap-4">
+      <h3 class="text-xs font-semibold uppercase tracking-wide text-muted">Send a zap</h3>
+      <button class="btn-ghost h-8 w-8 rounded-full p-0" type="button" aria-label="Close zap dialog">✕</button>
+    </div>
+    <form class="space-y-4">
+      <label class="block text-xs font-semibold uppercase tracking-wide text-muted" for="zapAmountExample">
+        Zap amount (sats)
+      </label>
+      <input id="zapAmountExample" class="input" type="number" min="1" step="1" inputmode="numeric" />
+      <button class="btn w-full" type="submit">Send</button>
+    </form>
+  </div>
+</div>
+```
+
+### Grid Stack
+
+`.grid-stack` offers gap tokens for dense layouts. Add `data-variant="cards"` for responsive card grids (`grid-cols-1` → `sm:grid-cols-2` → `xl:grid-cols-3`). Switch to `data-orientation="vertical"` for stacked flex columns that reuse the same spacing tokens.
+
+### Layout Helpers
+
+- `.bv-stack` creates a vertical flex stack with the default large gap (`var(--space-lg)`). Use it for page sections such as the watch-history summary blocks.
+- `.bv-stack--tight` reduces the gap to `var(--space-md)` while inheriting the `.bv-stack` flex behaviour. Combine the modifier when stacking smaller card fragments or form controls inside profile templates.
+- `.bv-grid-video` centralises the responsive video grid (`repeat(auto-fill, minmax(20rem, 1fr))`) with the standard gutter (`gap-xl`) and vertical padding (`py-lg`). Apply it to feed, subscriptions, and channel views instead of repeating inline grid rules.
+
+## Legacy Compatibility Shims
+
+During migration we keep existing selectors alive by layering `@apply` calls in `css/tailwind.source.css`. Notable shims:
+
+- `#profileModal .profile-switcher*` → `.card`, `.badge`, `.btn-ghost`
+
+> **2025-10-11:** The `.video-card` shim family was removed. Templates must emit `.card` elements with the appropriate `data-state` and `data-alert` attributes instead of relying on the legacy class names.
+
+We continue to expose aliases such as `.profile-switcher` and nested variations (for example, `.profile-switcher__item`) so existing profile and admin controllers stay functional while downstream templates finish their migration. These shims live under the "Legacy component compatibility" section and will be removed once templates switch to the new primitives.
+
+> **Modal primitives:** Always mount `.bv-modal`, `.bv-modal-backdrop`, and `.bv-modal__panel` together. Controllers expect this trio, so there is no compatibility layer for alternate selectors.
+
+**Shim removal checklist (Task DS-742):**
+
+- [ ] Confirm no production templates emit `.profile-switcher*` selectors (owners: @ui-templates, @design-systems).
+- [ ] Verify the torrent beacon renders `.card`, `.btn`, `.btn-ghost`, and `.input` primitives with no fallback selectors (owner: @torrent-beacon).
+- [ ] Verify staging renders with `data-ds="new"` across surfaces and run kitchen-sink visual snapshots to ensure no regressions.
+- [ ] Delete residual `@apply` rules under "Legacy component compatibility" in `css/tailwind.source.css`.
+- [ ] Announce the removal in release notes and update downstream embed documentation.
+
+**Owners:** Design Systems Guild (@design-systems) with support from the Templates crew (@ui-templates) and the torrent beacon maintainers (@torrent-beacon).
+
+**Target removal release:** 2025.04 mainline (aligns with the shim removal milestone tracked in DS-742). Audit usage after the Q1 2025 UI refresh and delete remaining shims no later than the April 2025 deployment window. At that point the compatibility layer will be removed once dependent feature flags confirm that no legacy selectors remain in production HTML.
+
+### Selector migration table
+
+| Legacy selector | Replacement primitive(s) | Beacon / app notes | Feature-flag strategy |
+| --- | --- | --- | --- |
+| `.video-card`, `.video-card__meta`, `.video-card--loading` | `.card` with `data-state` + utility classes | Removed in web app; ensure beacon dashboards render `.card` with skeleton states instead of `.video-card--loading`. | Deploy directly and validate in staging before rolling to beacon.
+| `.profile-switcher`, `.profile-switcher__item` | `.card` rows + `.btn-ghost` toggles | Keep shim until profile modal Reactors deploy; beacon does not consume this selector. | Roll out once QA signs off; no flag gating remains.
+| `.button`, `.button-danger` (Skeleton) | `.btn`, `.btn-ghost[data-variant="critical"]` | Critical for torrent beacon—replace the Angular templates before removing Skeleton CDN. | Coordinate a staged deploy; the design system is always on so fallbacks must ship in a separate release if required.
+| `.u-full-width`, `.input-text` | `.input`, `.select`, `.form-control` | Applies to upload forms and beacon filter controls; also update tests that target legacy classes. | Update markup globally; controllers now always run in the design system mode.
+| `.modal-container`, `.modal-content` | `.bv-modal`, `.bv-modal-backdrop`, `.bv-modal__panel` | Retired selectors—emit the primitives exactly so accessibility, animation, and controller hooks stay wired. | N/A — unified primitives only. |
+
+### Migration Notes (Q4 2024)
+
+- Modal templates across the app now mount `.bv-modal`, `.bv-modal-backdrop`, and `.bv-modal__panel` primitives directly. Controllers such as `ProfileModalController` and the upload modal orchestrator were updated to expect these primitives, so any new modal should follow the same structure for consistent accessibility and animation hooks.
+- The compatibility shim keeps the `.profile-switcher` selector family alive temporarily so third-party embeds and cached HTML fragments continue to render while operators redeploy updated templates. Keep the aliases until the April 2025 removal window above, then delete the shim and update any last callers to the new `.card`/`.btn-ghost` structure.
+
+### Overlay layering scale
+
+Overlay stacks now use semantic z-index tokens. Reach for these utilities instead of raw numeric values so floating surfaces remain predictable across the app:
+
+| Token | Utility class | Primary usage |
+| --- | --- | --- |
+| `--z-overlay-nav` | `z-overlay-nav` | Mobile navigation toggles, sticky modal nav bars |
+| `--z-overlay-floating` | `z-overlay-floating` | Popovers, floating status overlays, async progress shells |
+| `--z-overlay-toast` | `z-overlay-toast` | Toast managers and transient notifications |
+| `--z-modal-root` / `--z-modal-overlay` / `--z-modal-content` | `z-[var(--z-modal-root)]` primitives | Modal scaffolding (`.bv-modal`, `.bv-modal-backdrop`, `.bv-modal__panel`) |
+
+Backdrops share a common helper: `.ds-overlay-backdrop` applies the fixed positioning, tone, and blur defined by `--overlay-backdrop-color` / `--overlay-backdrop-blur`. Pair it with the appropriate `z-overlay-*` utility when you need to tune stacking above or below other surfaces.
+
+## Beacon client migration
+
+The torrent beacon now shares the Tailwind bundle used across bitvid. The standalone `torrent/beacon.html` drops Skeleton/FoA CDNs in favour of `css/tailwind.generated.css`, adopts the `.card`, `.btn`, `.btn-ghost`, and `.input` primitives, and relies on `.bv-stack` for spacing inside Angular partials. Inline SVG icons replace FontAwesome so controls stay lightweight while inheriting tokenised focus and hover states.
+
+Angular templates under `torrent/views/` should follow the refreshed structure:
+
+- Wrap primary sections in `.card` and layer Tailwind utilities for layout (`grid`, `gap-xl`, `overflow-auto`).
+- Use `.input`, `.select`, `.btn`, and `.btn-ghost` (with `data-variant="critical"` for destructive actions) instead of legacy `.u-full-width`, `.button`, or `.button-danger` classes.
+- Prefer token-backed utilities for spacing and typography (`px-6`, `py-6`, `text-muted`) over ad-hoc CSS.
+- Reuse the fixed overlay spinner pattern (`ds-overlay-backdrop z-overlay-floating` plus an `animate-spin text-info-strong` SVG) for async states so overlays stay consistent with the new palette.
+
+When adding new torrent affordances, mirror the existing markup: inline 24×24 SVG strokes at 2px, `.focus-ring` on interactive anchors, and `.bv-stack` for vertical rhythm. This keeps the beacon aligned with the design system without reintroducing the deprecated Skeleton grid.
+
+## When to Mix Utilities
+
+Use the primitives for foundation and lean on Tailwind utilities for:
+
+- Layout (`flex`, `grid`, `gap-*`, `justify-*`)
+- Sizing (`w-*`, `h-*`, `min-w-*`)
+- Typography tweaks (`text-left`, `font-light`)
+- State variations not yet encoded as tokens (e.g., success/neutral buttons)
+
+Avoid re-declaring token values manually. If a new pattern repeats, promote it into a primitive or request new tokens to keep styling consistent.
+
+## Visual snapshot review workflow
+
+Continuous integration captures Playwright-powered screenshots of `docs/kitchen-sink.html` (`tests/visual/kitchen-sink.spec.ts`) on every pull request. When a snapshot job fails:
+
+1. Read the diff produced by Playwright (attached as an artifact) and compare it with your local preview. The harness highlights per-pixel changes so reviewers can distinguish deliberate theme updates from regressions.
+2. Reproduce locally with `npm run test:visual -- --update-snapshots` to refresh the expected images after verifying the change in the kitchen sink.
+3. Document the intent in the PR description (include before/after screenshots or reference the kitchen-sink toggle state) so reviewers and QA know the snapshot change is expected.
+
+The design system doc is the single source of truth for reviewing these failures—if a diff contradicts the guidance above, treat it as a regression, request updates, and block the merge until the visual snapshot stabilises.
diff --git a/dist/docs/dm-privacy-model.md b/dist/docs/dm-privacy-model.md
new file mode 100644
index 00000000..40a9fdbc
--- /dev/null
+++ b/dist/docs/dm-privacy-model.md
@@ -0,0 +1,70 @@
+# Direct message privacy model (NIP-17 / NIP-59 / NIP-44)
+
+This guide summarizes how bitvid delivers private direct messages, how relay
+hints are chosen, and which user controls affect delivery. It is meant to be
+read alongside the protocol references in `docs/nips/17.md`, `docs/nips/59.md`,
+and `docs/nips/44.md`.
+
+## Privacy layers: rumor → seal → gift wrap
+
+When privacy mode is enabled, bitvid uses the NIP-17 pipeline:
+
+1. **Rumor (kind 14 / 15)**: a plaintext DM or attachment payload is created.
+2. **Seal (kind 13)**: the rumor is encrypted with NIP-44 to produce a sealed
+   event signed by the sender.
+3. **Gift wrap (kind 1059)**: the seal is encrypted again with NIP-44 using a
+   freshly generated ephemeral keypair. The outer wrap is what relays receive.
+
+This layered approach hides the sender/recipient metadata and message timing
+from public relays while still allowing the receiver to unwrap the message.
+bitvid randomizes timestamps for seals and wraps to reduce correlation, and
+publishes a sender copy of the wrap so the sender can sync their own history.
+
+## Relay hint selection
+
+Relay hints decide where gift-wrapped NIP-17 events are published. Selection
+uses the following priority order:
+
+1. **Explicit hints** – If the caller provides `recipientRelayHints` or
+   `senderRelayHints`, those are used immediately.
+2. **Recipient discovery** – Otherwise, the client queries the configured read
+   relays for the recipient's `kind:10050` relay list and uses any `relay` tags
+   it finds.
+3. **Fallback relays** – If no relay list is found, the client falls back to the
+   configured write relays (or the default relay list), and flags the selection
+   as a privacy fallback.
+
+This logic is shared by the DM service helper `resolveDmRelaySelection()` and
+by `NostrClient.sendDirectMessage()` when `useNip17` is enabled.
+
+### Legacy NIP-04 relay selection
+
+When privacy mode is disabled, bitvid sends a traditional kind `4` DM:
+
+- It attempts to load the recipient's NIP-65 relay list (`kind:10002`) from the
+  configured read relays.
+- If no relay list is available, it falls back to the configured write relays
+  (or the default relay list).
+
+The final relay set is where the signed NIP-04 ciphertext is published.
+
+## User controls that affect privacy
+
+### Privacy toggle (NIP-17 vs NIP-04)
+
+The DM composer exposes a privacy toggle that switches between NIP-04 and
+NIP-17 delivery. When the toggle is enabled, the UI explains that NIP-17
+gift-wraps the message so relays only see the wrapper and relay hints.
+
+### Relay hint management
+
+Users can curate their own DM relay hints list in the profile modal. The UI
+lets them add and remove WSS relay URLs and publish the resulting list as a
+`kind:10050` event. This list is what other clients query during the relay
+selection phase above.
+
+### Read receipts & typing indicators
+
+Additional DM privacy toggles (read receipts and typing indicators) live in the
+same profile modal and persist to local state. Turning them off reduces
+metadata leaks by preventing extra ephemeral events from being sent.
diff --git a/dist/docs/embed-notes.md b/dist/docs/embed-notes.md
new file mode 100644
index 00000000..0040fc81
--- /dev/null
+++ b/dist/docs/embed-notes.md
@@ -0,0 +1,48 @@
+# Embed Mode Notes and Recommendations
+
+## Current Behavior
+The embed player (`embed.html` / `js/embed.js`) initializes a full `NostrClient` instance within its iframe context. This includes:
+-   Initializing `SimplePool` from `nostr-tools`.
+-   Connecting to default relays (or configured ones).
+-   Subscribing to metadata (Kind 0) for liveness check.
+
+## Duplicate Initialization Issue
+When multiple embeds are present on a single parent page:
+1.  Each iframe creates its own `NostrClient` and `SimplePool`.
+2.  Each iframe opens its own WebSocket connections to the same set of relays.
+3.  This results in $N \times M$ connections (N embeds, M relays), which can be resource-intensive and trigger rate limits.
+
+## Fixes Implemented
+-   **Idempotent Initialization**: Added guards in `js/embed.js` (`window.__bitvidEmbedStarted`) and `js/nostr/client.js` (`this.isInitialized`) to prevent accidental double-initialization within the *same* execution context.
+-   **Crash Fix**: Added missing `resetStats` method to `EmbedVideoModal` and a safety guard in `Application.resetTorrentStats` to prevent `TypeError`.
+
+## Recommended Long-Term Fixes
+
+To solve the multi-iframe connection duplication, a mechanism to share the relay connection across Same-Origin iframes is required.
+
+### 1. SharedWorker Relay Manager (Recommended)
+Implement a `SharedWorker` (`js/relayWorker.js`) that acts as a singleton relay manager for the origin.
+-   **Architecture**:
+    -   The worker holds the `SimplePool` and WebSocket connections.
+    -   Embeds (and the main app) connect to the worker via `MessagePort`.
+    -   The worker proxies subscription requests and events between the frames and the relays.
+-   **Pros**:
+    -   Single connection per relay for the entire browser session/origin.
+    -   Efficient resource usage.
+-   **Cons**:
+    -   Requires refactoring `NostrClient` to support a "Worker Relay Adapter" instead of direct `SimplePool` usage.
+    -   Browser support (SharedWorker not available in all contexts/browsers, fallback needed).
+
+### 2. BroadcastChannel Leader Election
+Use `BroadcastChannel` to elect a "Leader" tab/frame that manages connections.
+-   **Architecture**:
+    -   Frames join a channel.
+    -   One frame becomes Leader.
+    -   Followers request data via the channel.
+-   **Pros**:
+    -   Works where SharedWorker might fail (though support is similar).
+-   **Cons**:
+    -   Complex leader election/failover logic (what if leader frame closes?).
+
+### 3. Embed-Specific Minimal Runtime
+Create a stripped-down `EmbedClient` that only implements the subset of Nostr functionality needed for playback (fetch by ID/pointer), bypassing the heavier `NostrClient` if possible, or optimizing `NostrClient` to be lighter.
diff --git a/dist/docs/feed-engine.md b/dist/docs/feed-engine.md
new file mode 100644
index 00000000..ceb69001
--- /dev/null
+++ b/dist/docs/feed-engine.md
@@ -0,0 +1,146 @@
+# Feed Engine Architecture
+
+The feed engine is a lightweight pipeline for composing bitvid feeds from one
+or more data sources. It lives in `js/feedEngine/` and exposes factories for
+sources, stages, sorters, and the engine itself. The goal is to make it easy to
+register new feeds today while leaving room for future "open algorithm" work
+that surfaces optional "why this video" metadata.
+
+## Core Concepts
+
+- **Feed definition** – A feed consists of a source, zero or more pipeline
+  stages, an optional sorter, and optional decorators. Each feed can expose its
+  own hooks and configuration defaults.
+- **Feed items** – The engine normalizes everything into a `{ video, pointer?,
+  metadata }` DTO so stages can reason about inputs without caring about the
+  original source.
+- **Context** – Every source and stage receives a context object containing the
+  feed configuration, runtime helpers, registered hooks, and a `addWhy()`
+  method for collecting metadata about why an item was filtered or prioritised.
+
+## Getting Started
+
+```js
+import {
+  createFeedEngine,
+  createActiveNostrSource,
+  createDedupeByRootStage,
+  createBlacklistFilterStage,
+  createChronologicalSorter,
+} from "../js/feedEngine/index.js";
+
+const engine = createFeedEngine();
+
+engine.registerFeed("recent", {
+  source: createActiveNostrSource(),
+  stages: [
+    createBlacklistFilterStage(),
+    createDedupeByRootStage(),
+  ],
+  sorter: createChronologicalSorter(),
+});
+
+const { videos, metadata } = await engine.runFeed("recent", {
+  runtime: {
+    blacklistedEventIds: new Set(["..."]),
+    isAuthorBlocked: (pubkey) => false,
+  },
+});
+```
+
+`metadata.why` collects the audit trail from each stage so later phases of the
+open algorithm project can surface transparency UI.
+
+## Sources
+
+| Factory | Description |
+| --- | --- |
+| `createActiveNostrSource` | Wraps `nostrService.getFilteredActiveVideos(...)` and emits DTOs with a `metadata.source` of `nostr:active`. |
+| `createSubscriptionAuthorsSource` | Filters the active video list down to subscribed authors using runtime hooks or `config.actorFilters`. |
+| `createWatchHistoryPointerSource` | Loads pointer DTOs from `watchHistoryService.getQueuedPointers(...)`. Optional hooks can resolve the backing video if a pointer is missing it. |
+
+Every source resolves blacklist and author-block runtime helpers so feeds
+constructed today behave exactly like the existing UI.
+
+## Stages
+
+| Stage | Behavior |
+| --- | --- |
+| `createDedupeByRootStage` | Reuses the application’s `dedupeVideosByRoot` helper (falling back to `dedupeToNewestByRoot`) to drop older versions of the same videoRoot. Adds "why" metadata for removed entries. |
+| `createBlacklistFilterStage` | Calls `nostrService.shouldIncludeVideo(...)` so moderators and block lists stay enforced. Each rejection logs a "blacklist" reason in the why-trail. |
+| `createTagPreferenceFilterStage` | Normalizes interest/disinterest tags via `normalizeHashtag`, drops videos that match disinterests, and (by default) filters out videos that do not match interest tags. Set `enforceInterests: false` to keep items even when they lack interest tags. |
+| `createDisinterestFilterStage` | Normalizes tag preferences via `normalizeHashtag` and drops videos that match disinterests without excluding items that lack interest tags (useful for Explore-style feeds). |
+| `createWatchHistorySuppressionStage` | Invokes feed-provided hooks to optionally suppress watched items. Useful for per-feed watch history preferences. |
+| `createExploreScorerStage` | Computes `metadata.exploreScore` and `metadata.exploreComponents` using novelty, freshness, tag overlap, and popularity signals. Emits `addWhy()` entries for dominant positives and disinterest overlap. |
+
+Stages receive `(items, context)` and should return the transformed list. They
+can rely on `context.addWhy(...)` to annotate decisions without mutating the
+items in place.
+
+## Sorting & Decorators
+
+`createChronologicalSorter` is the baseline sorter that orders DTOs by
+`video.created_at` (newest first by default). Explore feeds can apply
+`createExploreDiversitySorter` to Maximal Marginal Relevance (MMR) re-rank
+items for tag diversity while still respecting `metadata.exploreScore`.
+Additional decorators can run after sorting to attach extra metadata or inject
+presentation hints.
+
+## Explore Feed Pipeline
+
+Explore builds on the standard feed engine stages with a scoring + diversity
+pass. The current Explore pipeline is:
+
+1. `createDisinterestFilterStage` — drop disinterested tags early.
+2. `createBlacklistFilterStage` — enforce NSFW/privacy/author block policies.
+3. `createDedupeByRootStage` — keep the newest root version.
+4. `createModerationStage` — apply moderation blur/autoplay/hide rules.
+5. `createResolvePostedAtStage` — hydrate `rootCreatedAt` timestamps.
+6. `createExploreScorerStage` — calculate explore scores/components.
+7. `createExploreDiversitySorter` — re-rank by MMR to improve tag variety.
+
+Explore expects additional runtime inputs:
+
+- `tagPreferences` — `{ interests, disinterests }` arrays for preference-aware scoring.
+- `watchHistoryTagCounts` — map/object of tag counts for novelty + history similarity.
+- `exploreTagIdf` — IDF weights for tag vectors (Map or object).
+
+## Configuration Hooks
+
+Every feed inherits the default config contract:
+
+```json
+{
+  "timeWindow": null,
+  "actorFilters": [],
+  "tagFilters": [],
+  "sortOrder": "recent"
+}
+```
+
+Feeds can override defaults or expose richer schemas through
+`definition.defaultConfig` and `definition.configSchema`. At execution time the
+engine merges `options.config` with those defaults and passes them to the
+pipeline via `context.config`.
+
+Hooks can be provided globally when registering the feed or per-execution via
+`engine.runFeed(name, { hooks: { ... } })`. The watch-history suppression stage
+uses this mechanism so Phase 1 feeds can plug in actor-specific suppression
+logic later without changing the core pipeline.
+
+## Feed configuration overview
+
+The feed registry in `js/app.js` registers each feed with a `defaultConfig` and
+optional `configSchema`. The Kids feed (`kids`) is the first feed to ship with a
+custom schema:
+
+| Feed | Config schema summary |
+| --- | --- |
+| `kids` | `ageGroup` (`toddler`/`preschool`/`early`/`older`), `educationalTags` (string array), `disallowedWarnings` (string array) — see [`docs/feeds/kids-feed.md`](feeds/kids-feed.md) for the full behavior and defaults. |
+
+## Why-Metadata
+
+`context.addWhy()` records structured audit entries. All built-in stages use it
+for dedupe drops, blacklist filtering, and watch-history suppression. The
+engine returns these records alongside the final video list so UI components can
+render transparency affordances when the open algorithm effort ships.
diff --git a/dist/docs/feeds/kids-feed.md b/dist/docs/feeds/kids-feed.md
new file mode 100644
index 00000000..57d58def
--- /dev/null
+++ b/dist/docs/feeds/kids-feed.md
@@ -0,0 +1,84 @@
+# Kids feed
+
+The Kids feed (`kids`) is a curated feed-engine pipeline that only surfaces
+videos explicitly marked for kids and then re-ranks them using age-appropriate
+scoring. It lives in the feed registry in `js/app.js` and runs through the
+feed engine stages documented below.
+
+## Hard include/exclude rules
+
+The Kids feed hard-gates content before scoring:
+
+- **Must be marked for kids**: `video.isForKids` must be `true` or the item is
+  dropped.
+- **Never allow NSFW**: `video.isNsfw === true` is always excluded.
+- **Drop invalid or blocked items**: Videos marked `invalid`, or rejected by the
+  standard `shouldIncludeVideo` checks (privacy, access control, blacklists,
+  author blocks) are excluded.
+- **Content warnings**: Any `video.contentWarning` entry that matches the
+  `disallowedWarnings` list removes the item from the feed.
+
+The default `disallowedWarnings` list is:
+`nudity`, `sexual`, `graphic-violence`, `self-harm`, and `drugs`. Feed config or
+runtime overrides can replace or extend this list.
+
+## Age-group definitions + duration bounds
+
+Age groups tune the scoring defaults (preferred tags, educational tags, and
+maximum duration). The feed defaults to the **preschool** profile unless
+`config.ageGroup` or a runtime override is supplied.
+
+| Age group | Max duration | Preferred tags (default) | Educational tags (default) |
+| --- | --- | --- | --- |
+| `toddler` | 5 minutes | toddler, baby, nursery, colors, shapes, lullaby | abc, numbers, counting, learning, alphabet |
+| `preschool` | 10 minutes | preschool, kindergarten, storytime, letters, phonics | counting, alphabet, reading, learning, math |
+| `early` | 15 minutes | early, kids, reading, science, animals, art | science, math, reading, history, geography |
+| `older` | 20 minutes | tween, teens, tutorial, stem, coding, music | stem, coding, history, geography, tutorial |
+
+Duration affects the **age-appropriateness** score. Videos longer than the
+age-group maximum are down-ranked proportionally.
+
+## Moderation thresholds + multi-category report policy
+
+The Kids feed applies stricter moderation thresholds than the general feeds:
+
+- **Blur**: trusted report count ≥ **1**.
+- **Hide**: trusted report count ≥ **1**.
+- **Hide (trusted mutes)**: trusted mute count ≥ **1**.
+
+Moderation runs **three separate stages** for report categories: `nudity`,
+`violence`, and `self-harm`. Each stage pulls the trusted report count for its
+own category, so **counts do not accumulate across categories**. This means a
+report spike in one category only affects that category’s moderation stage.
+Use the why-trail (below) to inspect which category triggered an action.
+
+## Explainability (`addWhy`)
+
+The Kids feed relies on `context.addWhy()` so future UI surfaces can explain
+filtering and scoring decisions:
+
+- **Audience filter** reasons: `not-for-kids`, `nsfw`, `invalid`, `blacklist`,
+  and `content-warning` (includes the matched warning).
+- **Moderation** reasons: `blur` / `autoplay-block` with the report category,
+  plus `trusted-mute` / `viewer-mute` when applicable.
+- **Scoring** reasons: the dominant positive scoring component (`age-appropriateness`,
+  `educational-boost`, `author-trust`, `popularity`, or `freshness`) is recorded
+  alongside the computed score.
+
+These entries are returned in `metadata.why` whenever the feed engine executes.
+
+## Feed configuration schema
+
+The Kids feed exposes a config schema via the feed engine registry:
+
+```json
+{
+  "ageGroup": "preschool",
+  "educationalTags": [],
+  "disallowedWarnings": ["nudity", "sexual", "graphic-violence", "self-harm", "drugs"]
+}
+```
+
+Use `ageGroup` to select the default scoring profile, `educationalTags` to
+override the default educational tag list for that age group, and
+`disallowedWarnings` to adjust the hard content-warning exclusions.
diff --git a/dist/docs/instance-config.md b/dist/docs/instance-config.md
new file mode 100644
index 00000000..05da1ec3
--- /dev/null
+++ b/dist/docs/instance-config.md
@@ -0,0 +1,258 @@
+# Instance configuration (`config/instance-config.js`)
+
+`config/instance-config.js` is the operator-owned configuration file for a bitvid
+instance. It is intended to be committed alongside your deployment so future
+maintainers can see exactly how the instance is tuned (moderation defaults,
+branding links, analytics knobs, etc.). The values in this file are imported by
+`js/config.js` and then consumed by the rest of the application.
+
+## How to use this file
+
+1. Open `config/instance-config.js` and update the exported constants.
+2. Commit the changes in your deployment repo.
+3. Redeploy so the new values are baked into the build.
+
+If you maintain multiple environments (production, staging, beta), you can keep
+separate branches or deployment pipelines with different values. This keeps the
+configuration explicit rather than hidden in environment variables.
+
+## Configuration reference
+
+The sections below explain every exported setting, how bitvid uses it, and why
+an operator might change it.
+
+### Development + runtime flags
+
+- **`IS_DEV_MODE`**
+  - **What it does:** Enables development behavior such as extra diagnostics and
+    debug affordances. The value is re-exported as `isDevMode` in
+    `js/config.js` and controls `window.__BITVID_DEV_MODE__` as well as
+    logger routing.
+  - **Why change it:** Defaults to `false` for production builds. Set to `true`
+    for local development, or use the runtime override described below to
+    toggle dev mode without editing this file.
+
+- **`IS_VERBOSE_DEV_MODE`**
+  - **What it does:** Enables high-volume diagnostics inside dev mode (for
+    example, repeated COUNT failures).
+  - **Why change it:** Keep `true` while debugging noisy workflows and set to
+    `false` when you want a quieter dev console without disabling dev mode.
+    Defaults to `false` for production.
+
+To override the dev flags at runtime (for example in a staging build) without
+changing `config/instance-config.js`, inject one or both of the following
+globals **before** `js/config.js` loads:
+
+```html
+<script>
+  window.__BITVID_DEV_MODE_OVERRIDE__ = true;
+  window.__BITVID_VERBOSE_DEV_MODE_OVERRIDE__ = true;
+</script>
+```
+
+The overrides accept boolean values or the strings `"true"` / `"false"` so they
+can be injected at build time.
+
+- **`IS_LOCKDOWN_MODE`**
+  - **What it does:** Toggles a lockdown posture that limits access and switches
+    UI copy for incident/maintenance windows.
+  - **Why change it:** Enable during an incident or maintenance to temporarily
+    restrict behavior; keep `false` for normal operation.
+
+### Instance identity + navigation links
+
+- **`ADMIN_SUPER_NPUB`**
+  - **What it does:** Sets the “Super Admin” Nostr public key. This account
+    cannot be removed from moderator lists and is the authority for admin
+    actions.
+  - **Why change it:** Replace with the npub of the operator who should hold
+    ultimate control over the instance.
+
+- **`BITVID_WEBSITE_URL`**
+  - **What it does:** Canonical URL referenced in admin outreach and moderation
+    DMs.
+  - **Why change it:** Point to the primary hostname for your deployment.
+
+- **`BLOG_URL`**
+  - **What it does:** Destination for the sidebar “Blog” link.
+  - **Why change it:** Link to release notes or community posts. Set to `null`
+    or an empty string to hide the link.
+
+- **`COMMUNITY_URL`**
+  - **What it does:** Destination for the sidebar “Community” link.
+  - **Why change it:** Point to Discord, Telegram, NIP-29 groups, etc. Set to
+    `null`/empty to remove the entry.
+
+- **`NOSTR_URL`**
+  - **What it does:** Destination for the sidebar “Nostr” link.
+  - **Why change it:** Direct users to a profile or relay hub. Set to
+    `null`/empty to hide it.
+
+- **`GITHUB_URL`**
+  - **What it does:** Destination for the sidebar “GitHub” link.
+  - **Why change it:** Point to the repository you want operators to visit. Set
+    to `null`/empty to remove it.
+
+- **`BETA_URL`**
+  - **What it does:** Destination for the sidebar “Beta” link.
+  - **Why change it:** Use when you maintain a staging or beta environment;
+    set to `null`/empty to hide it.
+
+- **`DNS_URL`**
+  - **What it does:** Destination for the sidebar “DNS” link.
+  - **Why change it:** Point to your DNS landing page; set to `null`/empty to
+    hide it.
+
+- **`TIP_JAR_URL`**
+  - **What it does:** Destination for the sidebar “Tip Jar” link.
+  - **Why change it:** Surface a Lightning tipping page, or set to `null`/empty
+    to remove the link.
+
+### Moderation + admin messaging
+
+- **`ADMIN_DM_IMAGE_URL`**
+  - **What it does:** Image URL embedded in automated moderation DMs.
+  - **Why change it:** Customize the visual header or point to your own hosted
+    asset.
+
+- **`DEFAULT_RELAY_URLS_OVERRIDE`**
+  - **What it does:** Optional list of WSS relay URLs to seed new sessions.
+  - **Why change it:** Replace the bundled default relays with a custom
+    bootstrap list; leave empty to use the upstream defaults.
+
+- **`ADMIN_WHITELIST_MODE_STORAGE_KEY`**
+  - **What it does:** LocalStorage key for whitelist-only mode.
+  - **Why change it:** Rarely needed; only update if you must migrate storage
+    keys or segment multiple deployments in a shared browser profile.
+
+- **`DEFAULT_WHITELIST_MODE_ENABLED`**
+  - **What it does:** Initial default for whitelist-only mode when no local
+    storage preference exists.
+  - **Why change it:** Set to `true` to start in whitelist-only mode, or `false`
+    to allow all creators by default.
+
+- **`ALLOW_NSFW_CONTENT`**
+  - **What it does:** Controls whether content marked `isNsfw` is visible in
+    public feeds.
+  - **Why change it:** Set to `true` only if your deployment explicitly allows
+    NSFW content to surface.
+
+- **`DEFAULT_TRUST_SEED_NPUBS`**
+  - **What it does:** Fallback list of npubs used to seed moderation trust if
+    live moderator lists cannot be loaded.
+  - **Why change it:** Populate with trusted operator keys for bootstrap
+    scenarios; in normal operation these values are ignored.
+
+- **`DEFAULT_BLUR_THRESHOLD`**
+  - **What it does:** Trusted report count required to blur thumbnails.
+  - **Why change it:** Lower values blur content more aggressively; higher
+    values require more reports before blurring.
+
+- **`DEFAULT_AUTOPLAY_BLOCK_THRESHOLD`**
+  - **What it does:** Trusted report count required to block autoplay in feeds.
+  - **Why change it:** Increase for a more permissive stance, decrease to stop
+    autoplay sooner.
+
+- **`DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD`**
+  - **What it does:** Trusted mute count required to hide a creator globally.
+  - **Why change it:** Lower for stricter enforcement, higher for more leniency. The upstream default is 20, allowing most content to blur before hiding.
+
+- **`DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD`**
+  - **What it does:** Trusted spam/report count required to hide a video
+    globally.
+  - **Why change it:** Align with your moderation policy for spam handling.
+
+### Lightning + monetization
+
+- **`MAX_WALLET_DEFAULT_ZAP`**
+  - **What it does:** Caps the default zap amount saved in wallet settings.
+  - **Why change it:** Lower to reduce overpayment risk, higher if you expect
+    larger standard tips.
+
+- **`PLATFORM_FEE_PERCENT`**
+  - **What it does:** Percentage of each Lightning payment retained by the
+    platform.
+  - **Why change it:** Set to `0` for no fee, or a positive percentage to fund
+    platform operations.
+
+- **`PLATFORM_LUD16_OVERRIDE`**
+  - **What it does:** Lightning address used when creators omit their `lud16`,
+    and the destination for the platform split when a fee is enabled.
+  - **Why change it:** Provide the Lightning address that should receive
+    platform fees or default tips. Leave `null` to rely on the Super Admin’s
+    profile `lud16`.
+
+### Theme overrides
+
+- **`THEME_ACCENT_OVERRIDES`**
+  - **What it does:** Optional overrides for light/dark accent tokens. Each
+    theme supports `accent`, `accentStrong`, and `accentPressed`.
+  - **Why change it:** Customize the brand accent colors without rebuilding
+    CSS. Set each value to `null` to keep the upstream defaults.
+
+### Watch history storage
+
+- **`WATCH_HISTORY_KIND`**
+  - **What it does:** Nostr kind used when writing watch-history events.
+  - **Why change it:** Use a different kind if you need to segment lists or
+    experiment with alternate kinds accepted by your relays.
+
+- **`WATCH_HISTORY_LIST_IDENTIFIER`**
+  - **What it does:** Value used in the `d` tag for the watch-history list.
+  - **Why change it:** Keep stable once clients rely on it; update only if you
+    must isolate histories across deployments.
+
+- **`WATCH_HISTORY_MAX_ITEMS`**
+  - **What it does:** Maximum number of watch-history entries per user.
+  - **Why change it:** Lower for privacy/storage constraints, raise to keep a
+    longer playback backlog.
+
+- **`WATCH_HISTORY_BATCH_RESOLVE`**
+  - **What it does:** Enables batched fetching of watch-history metadata.
+  - **Why change it:** Disable if your relays struggle with batched queries,
+    acknowledging the additional round trips.
+
+- **`WATCH_HISTORY_BATCH_PAGE_SIZE`**
+  - **What it does:** Maximum number of canonical items per batched response.
+  - **Why change it:** Set a smaller page size to align pagination or API
+    limits; leave `null` for full-window responses.
+
+- **`WATCH_HISTORY_PAYLOAD_MAX_BYTES`**
+  - **What it does:** Size cap for each watch-history payload before
+    encryption.
+  - **Why change it:** Lower if relays enforce stricter size limits; higher if
+    your relays tolerate larger events.
+
+- **`WATCH_HISTORY_FETCH_EVENT_LIMIT`**
+  - **What it does:** Number of watch-history events fetched during sync.
+  - **Why change it:** Increase if you expect many chunks; decrease to reduce
+    relay load.
+
+- **`WATCH_HISTORY_CACHE_TTL_MS`**
+  - **What it does:** How long watch-history snapshots are cached in
+    localStorage.
+  - **Why change it:** Increase for longer-lived caches, decrease to keep
+    histories fresh or tighter retention.
+
+### Analytics + view counts
+
+- **`VIEW_COUNT_DEDUPE_WINDOW_SECONDS`**
+  - **What it does:** Window for de-duplicating repeat view events.
+  - **Why change it:** Shorten to count repeat views sooner; lengthen to be
+    stricter about duplicate plays.
+
+- **`VIEW_COUNT_BACKFILL_MAX_DAYS`**
+  - **What it does:** Backfill horizon for view count hydration jobs.
+  - **Why change it:** Increase to reconstruct deeper history, decrease to
+    reduce relay load on startup.
+
+- **`VIEW_COUNT_CACHE_TTL_MS`**
+  - **What it does:** TTL for cached view totals.
+  - **Why change it:** Lower for fresher analytics, higher to reduce traffic.
+
+### Publishing reliability
+
+- **`ENSURE_PRESENCE_REBROADCAST_COOLDOWN_SECONDS`**
+  - **What it does:** Cooldown between manual “Rebroadcast” attempts.
+  - **Why change it:** Lengthen if relays are sensitive to repeated publishes;
+    shorten if operators need a quicker retry loop.
diff --git a/dist/docs/kitchen-sink.html b/dist/docs/kitchen-sink.html
new file mode 100644
index 00000000..353c54b2
--- /dev/null
+++ b/dist/docs/kitchen-sink.html
@@ -0,0 +1,769 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>bitvid Design System Kitchen Sink</title>
+    <link rel="stylesheet" href="../css/tailwind.generated.css" />
+  </head>
+  <body class="bg-page font-sans text-text-strong" data-ds="new">
+    <div class="min-h-screen bg-page-alt" data-ds="new">
+      <header class="ds-header bg-surface text-text shadow-modal">
+        <div
+          class="mx-auto flex max-w-6xl items-center justify-between gap-sm px-md py-sm"
+        >
+          <h1 class="text-2xl font-semibold">bitvid UI Kitchen Sink</h1>
+          <div class="flex items-center gap-sm">
+            <label class="sr-only" for="themeSwitcher">Theme</label>
+            <select
+              id="themeSwitcher"
+              class="select h-10"
+              aria-label="Select theme"
+            >
+              <option value="default">Default (Dark)</option>
+              <option value="light">Light</option>
+              <option value="contrast">High Contrast (Preview)</option>
+            </select>
+            <button class="btn">Primary Action</button>
+          </div>
+        </div>
+      </header>
+
+      <main class="mx-auto max-w-6xl space-y-xl px-md py-xl">
+        <section class="space-y-md">
+          <div class="space-y-xs">
+            <h2 class="text-xl font-semibold text-text-strong">Buttons</h2>
+            <p class="text-sm text-muted">
+              Each block shows the default, simulated hover, focus, and disabled
+              states.
+            </p>
+          </div>
+          <div class="grid gap-lg lg:grid-cols-2">
+            <div class="space-y-sm">
+              <h3 class="text-lg font-semibold">Primary (.btn)</h3>
+              <div class="grid gap-sm sm:grid-cols-2 xl:grid-cols-4">
+                <div class="space-y-xs">
+                  <p class="text-xs uppercase text-muted">Default</p>
+                  <button class="btn">Default</button>
+                </div>
+                <div class="space-y-xs">
+                  <p class="text-xs uppercase text-muted">Hover (simulated)</p>
+                  <button class="btn bg-info-strong shadow-lg">Hover</button>
+                </div>
+                <div class="space-y-xs">
+                  <p class="text-xs uppercase text-muted">Focus (simulated)</p>
+                  <button
+                    class="btn bg-info-pressed ring-2 ring-info ring-opacity-70 ring-offset-2 ring-offset-surface"
+                  >
+                    Focus
+                  </button>
+                </div>
+                <div class="space-y-xs">
+                  <p class="text-xs uppercase text-muted">Disabled</p>
+                  <button class="btn" disabled>Disabled</button>
+                </div>
+              </div>
+            </div>
+            <div class="space-y-sm">
+              <h3 class="text-lg font-semibold">Ghost (.btn-ghost)</h3>
+              <div class="grid gap-sm sm:grid-cols-2 xl:grid-cols-4">
+                <div class="space-y-xs">
+                  <p class="text-xs uppercase text-muted">Default</p>
+                  <button class="btn-ghost">Default</button>
+                </div>
+                <div class="space-y-xs">
+                  <p class="text-xs uppercase text-muted">Hover (simulated)</p>
+                  <button class="btn-ghost bg-panel-hover text-text">
+                    Hover
+                  </button>
+                </div>
+                <div class="space-y-xs">
+                  <p class="text-xs uppercase text-muted">Focus (simulated)</p>
+                  <button
+                    class="btn-ghost bg-panel-hover ring-2 ring-info ring-opacity-70 ring-offset-2 ring-offset-surface"
+                  >
+                    Focus
+                  </button>
+                </div>
+                <div class="space-y-xs">
+                  <p class="text-xs uppercase text-muted">Disabled</p>
+                  <button class="btn-ghost" disabled>Disabled</button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </section>
+
+        <section class="space-y-md">
+          <div class="space-y-xs">
+            <h2 class="text-xl font-semibold text-text-strong">Badges</h2>
+            <p class="text-sm text-muted">
+              Use `data-variant` for semantic colorways.
+            </p>
+          </div>
+          <div class="flex flex-wrap items-center gap-sm">
+            <span class="badge">Default</span>
+            <span class="badge" data-variant="info">Info</span>
+            <span class="badge" data-variant="critical">Critical</span>
+            <span class="badge" data-variant="neutral">Neutral</span>
+          </div>
+        </section>
+
+        <section class="space-y-md">
+          <div class="space-y-xs">
+            <h2 class="text-xl font-semibold text-text-strong">Cards</h2>
+            <p class="text-sm text-muted">
+              Cards inherit focus-ring behaviour and support semantic states.
+            </p>
+          </div>
+          <div class="grid-stack" data-variant="cards">
+            <article class="card p-md">
+              <h3 class="text-lg font-semibold">Default Card</h3>
+              <p class="mt-xs text-muted">
+                Combine with layout utilities like `p-md` or `gap-sm` for
+                content spacing.
+              </p>
+              <button class="btn mt-sm">Watch</button>
+            </article>
+            <article
+              class="card -translate-y-1 bg-card p-md shadow-lg transition-none"
+            >
+              <h3 class="text-lg font-semibold">Hover (simulated)</h3>
+              <p class="mt-xs text-muted">Applies the hover shadow and lift.</p>
+            </article>
+            <article
+              class="card bg-card p-md ring-2 ring-info ring-opacity-70 ring-offset-2 ring-offset-surface"
+            >
+              <h3 class="text-lg font-semibold">Focus (simulated)</h3>
+              <p class="mt-xs text-muted">Rings appear on `focus-visible`.</p>
+            </article>
+            <article class="card p-md" data-state="disabled">
+              <h3 class="text-lg font-semibold">Disabled</h3>
+              <p class="mt-xs text-muted">
+                Opacity drops and the shadow is removed.
+              </p>
+            </article>
+          </div>
+        </section>
+
+        <section class="space-y-md">
+          <div class="space-y-xs">
+            <h2 class="text-xl font-semibold text-text-strong">
+              Layout Helpers
+            </h2>
+            <p class="text-sm text-muted">
+              `.bv-stack` and `.bv-grid-video` consolidate our common feed and
+              profile layouts.
+            </p>
+          </div>
+          <div class="grid gap-lg lg:grid-cols-2">
+            <div class="space-y-sm">
+              <h3 class="text-lg font-semibold">Stack (.bv-stack)</h3>
+              <div class="bv-stack">
+                <article class="card p-md">
+                  <h4 class="text-base font-semibold">Default spacing</h4>
+                  <p class="text-sm text-muted">
+                    Use `.bv-stack` for page-level groupings such as the watch
+                    history header and banners.
+                  </p>
+                </article>
+                <article class="card p-md">
+                  <h4 class="text-base font-semibold">Nested card</h4>
+                  <p class="text-sm text-muted">
+                    The helper keeps consistent gaps without repeating
+                    `space-y-*` utilities.
+                  </p>
+                </article>
+              </div>
+              <div class="bv-stack bv-stack--tight">
+                <article class="card p-md">
+                  <h4 class="text-base font-semibold">Tight stack</h4>
+                  <p class="text-sm text-muted">
+                    Apply `.bv-stack--tight` when stacking compact forms or
+                    metadata blocks in profile views.
+                  </p>
+                </article>
+                <article class="card p-md">
+                  <h4 class="text-base font-semibold">Form footer</h4>
+                  <p class="text-sm text-muted">
+                    The modifier inherits flex behaviour from `.bv-stack` while
+                    reducing the gap to `var(--space-md)`.
+                  </p>
+                </article>
+              </div>
+            </div>
+            <div class="space-y-sm">
+              <h3 class="text-lg font-semibold">Video Grid (.bv-grid-video)</h3>
+              <div class="bv-grid-video">
+                <article class="card p-md">
+                  <h4 class="text-base font-semibold">Feed Tile</h4>
+                  <p class="text-sm text-muted">
+                    Auto-fills with a 20rem minimum column size on desktop.
+                  </p>
+                </article>
+                <article class="card p-md">
+                  <h4 class="text-base font-semibold">Subscription Tile</h4>
+                  <p class="text-sm text-muted">
+                    The grid collapses to a single column below 40rem.
+                  </p>
+                </article>
+                <article class="card p-md">
+                  <h4 class="text-base font-semibold">Channel Tile</h4>
+                  <p class="text-sm text-muted">
+                    Reuse the same helper instead of duplicating inline grid
+                    declarations.
+                  </p>
+                </article>
+              </div>
+            </div>
+          </div>
+        </section>
+
+        <section class="space-y-md">
+          <div class="space-y-xs">
+            <h2 class="text-xl font-semibold text-text-strong">Form Inputs</h2>
+            <p class="text-sm text-muted">
+              `.input` works for both `&lt;input&gt;` and `&lt;textarea&gt;`
+              elements.
+            </p>
+          </div>
+          <div class="grid gap-md md:grid-cols-2">
+            <div class="space-y-xs">
+              <label
+                class="text-sm font-medium text-muted"
+                for="demo-input-default"
+                >Default</label
+              >
+              <input
+                id="demo-input-default"
+                class="input"
+                type="text"
+                placeholder="Display name"
+              />
+            </div>
+            <div class="space-y-xs">
+              <label
+                class="text-sm font-medium text-muted"
+                for="demo-input-hover"
+                >Hover (simulated)</label
+              >
+              <input
+                id="demo-input-hover"
+                class="input border-border"
+                type="text"
+                value="Hovering"
+              />
+            </div>
+            <div class="space-y-xs">
+              <label
+                class="text-sm font-medium text-muted"
+                for="demo-input-focus"
+                >Focus (simulated)</label
+              >
+              <input
+                id="demo-input-focus"
+                class="input border-info-strong ring-2 ring-info ring-opacity-70 ring-offset-2 ring-offset-surface"
+                type="text"
+                value="In focus"
+              />
+            </div>
+            <div class="space-y-xs">
+              <label
+                class="text-sm font-medium text-muted"
+                for="demo-input-disabled"
+                >Disabled</label
+              >
+              <input
+                id="demo-input-disabled"
+                class="input"
+                type="text"
+                value="Read only"
+                disabled
+              />
+            </div>
+            <div class="space-y-xs md:col-span-2">
+              <label class="text-sm font-medium text-muted" for="demo-textarea"
+                >Textarea</label
+              >
+              <textarea
+                id="demo-textarea"
+                class="input"
+                rows="3"
+                placeholder="Describe the video..."
+              ></textarea>
+            </div>
+          </div>
+        </section>
+
+        <section class="space-y-md">
+          <div class="space-y-xs">
+            <h2 class="text-xl font-semibold text-text-strong">
+              Focus Ring Helper
+            </h2>
+            <p class="text-sm text-muted">
+              Add `.focus-ring` to custom interactives when you opt out of
+              `.btn` or other primitives.
+            </p>
+          </div>
+          <div class="flex flex-wrap gap-sm">
+            <a
+              href="#"
+              class="focus-ring inline-flex items-center gap-xs rounded-md border border-border bg-panel px-sm py-xs text-text no-underline"
+            >
+              Focusable Link
+            </a>
+            <button
+              class="focus-ring inline-flex items-center gap-xs rounded-md border border-border px-sm py-xs"
+            >
+              Plain Button
+            </button>
+          </div>
+        </section>
+
+        <section class="space-y-md">
+          <div class="space-y-xs">
+            <h2 class="text-xl font-semibold text-text-strong">
+              Modal Surface
+            </h2>
+            <p class="text-sm text-muted">
+              `.bv-modal` anchors the overlay, `.bv-modal-backdrop` dims the
+              page, and `.bv-modal__panel` styles content.
+            </p>
+          </div>
+          <div
+            class="relative isolate overflow-hidden rounded-xl bg-surface-alt p-lg text-text shadow-inner"
+          >
+            <div class="relative h-full w-full">
+              <div class="bv-modal absolute inset-0">
+                <div class="bv-modal-backdrop"></div>
+                <div class="bv-modal__panel space-y-6">
+                  <header class="space-y-2">
+                    <h3 class="text-2xl font-semibold tracking-tight text-text">
+                      Upload Video
+                    </h3>
+                    <p class="text-sm text-text">
+                      Use `.input`, `.btn-ghost`, and `.modal-primary`
+                      primitives for consistent modal actions.
+                    </p>
+                  </header>
+                  <input class="input" type="text" placeholder="Magnet URI" />
+                  <div
+                    class="flex flex-col gap-3 pt-2 sm:flex-row sm:justify-end"
+                  >
+                    <button class="btn-ghost w-full sm:w-auto">Cancel</button>
+                    <button class="modal-primary sm:w-auto">Publish</button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </section>
+
+        <section class="space-y-md">
+          <div class="space-y-xs">
+            <h2 class="text-xl font-semibold text-text-strong">
+              Profile &amp; Edit Modal Shells
+            </h2>
+            <p class="text-sm text-muted">
+              Both shells share the `.bv-modal` overlay, `.bv-modal__panel`
+              surface, and tokenized primitives (`.card`, `.btn`, `.btn-ghost`,
+              `.badge`, `.grid-stack`, `.focus-ring`). The templates below match
+              the production markup so controller behaviour and documentation
+              stay aligned.
+            </p>
+          </div>
+          <div class="grid gap-lg lg:grid-cols-2">
+            <div class="space-y-sm">
+              <h3 class="text-lg font-semibold">Profile Modal</h3>
+              <p class="text-sm text-muted">
+                Static scaffold that mirrors `components/profile-modal.html`.
+                Tab buttons keep their `aria-controls`/`data-state` attributes
+                so designers can map the layout to controller behaviour.
+              </p>
+              <div
+                class="relative isolate overflow-hidden rounded-xl bg-surface-alt p-lg text-text shadow-inner"
+              >
+                <div class="relative h-full w-full">
+                  <div
+                    id="profileModal"
+                    class="bv-modal absolute inset-0 items-start"
+                  >
+                    <div class="bv-modal-backdrop"></div>
+                    <div
+                      class="bv-modal__panel flex max-h-modal-embed flex-col gap-lg"
+                      role="dialog"
+                      aria-labelledby="profileModalTitle"
+                    >
+                      <header
+                        class="card flex items-center justify-between gap-sm p-md"
+                      >
+                        <div>
+                          <p class="text-xs uppercase tracking-wide text-muted">
+                            Modal header
+                          </p>
+                          <h4
+                            id="profileModalTitle"
+                            class="text-lg font-semibold"
+                          >
+                            Active profile
+                          </h4>
+                        </div>
+                        <button
+                          class="focus-ring inline-flex h-10 w-10 items-center justify-center rounded-full"
+                          type="button"
+                          aria-label="Close profile modal"
+                        >
+                          &times;
+                        </button>
+                      </header>
+                      <div class="flex flex-1 flex-col gap-lg lg:flex-row">
+                        <nav
+                          class="grid gap-xs sm:grid-cols-3 lg:flex lg:w-56 lg:flex-col"
+                          aria-label="Profile sections"
+                        >
+                          <button
+                            class="btn-ghost focus-ring justify-start"
+                            type="button"
+                            data-state="active"
+                            aria-controls="profilePaneAccount"
+                          >
+                            Account
+                          </button>
+                          <button
+                            class="btn-ghost focus-ring justify-start"
+                            type="button"
+                            aria-controls="profilePaneRelays"
+                          >
+                            Relays
+                          </button>
+                          <button
+                            class="btn-ghost focus-ring justify-start"
+                            type="button"
+                            aria-controls="profilePaneBlocked"
+                          >
+                            Blocked users
+                          </button>
+                        </nav>
+                        <div
+                          class="grid-stack flex-1 gap-md"
+                          data-variant="cards"
+                        >
+                          <article
+                            id="profilePaneAccount"
+                            class="card space-y-sm p-md"
+                            data-profile-pane
+                          >
+                            <div
+                              class="flex items-start justify-between gap-sm"
+                            >
+                              <div>
+                                <p
+                                  class="text-xs uppercase tracking-wide text-muted"
+                                >
+                                  Current identity
+                                </p>
+                                <h5 class="text-base font-semibold">
+                                  npub1example...
+                                </h5>
+                              </div>
+                              <span class="badge" data-variant="info"
+                                >Active</span
+                              >
+                            </div>
+                            <p class="text-sm text-muted">
+                              `.grid-stack` arranges saved identities with
+                              responsive gutters. Cards inherit `.focus-ring`
+                              styles when they become actionable.
+                            </p>
+                            <footer class="flex flex-wrap gap-sm">
+                              <button class="btn">Switch</button>
+                              <button class="btn-ghost">Manage keys</button>
+                            </footer>
+                          </article>
+                          <article
+                            class="card space-y-sm p-md"
+                            data-profile-pane
+                          >
+                            <h5 class="text-base font-semibold">
+                              Relay presets
+                            </h5>
+                            <p class="text-sm text-muted">
+                              Use badges to indicate status (e.g.
+                              <span class="badge" data-variant="neutral"
+                                >New</span
+                              >) while keeping content spacing consistent with
+                              the production modal.
+                            </p>
+                            <ul class="space-y-xs text-sm text-muted">
+                              <li data-relay-row>relay.example.com</li>
+                              <li data-relay-row>wss://nostr.tools</li>
+                              <li data-relay-row>wss://bitvid.relays</li>
+                            </ul>
+                          </article>
+                        </div>
+                      </div>
+                      <footer
+                        class="card flex flex-wrap items-center justify-between gap-sm p-md"
+                      >
+                        <p class="text-xs text-muted">
+                          Footer keeps shared spacing tokens while exposing
+                          legacy hooks like `data-profile-action` for scripts if
+                          needed.
+                        </p>
+                        <div class="flex gap-sm">
+                          <button
+                            class="btn-ghost"
+                            data-profile-action="cancel"
+                          >
+                            Cancel
+                          </button>
+                          <button class="btn" data-profile-action="save">
+                            Save changes
+                          </button>
+                        </div>
+                      </footer>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="space-y-sm">
+              <h3 class="text-lg font-semibold">Edit Video Modal</h3>
+              <p class="text-sm text-muted">
+                Layout reflects `components/edit-video-modal.html` with the
+                `.bv-modal__panel` shell controlling spacing and typography. Use
+                the modal primitives directly when composing new flows.
+              </p>
+              <div
+                class="relative isolate overflow-hidden rounded-xl bg-surface-alt p-lg text-text shadow-inner"
+              >
+                <div class="relative h-full w-full">
+                  <div
+                    id="editVideoModal"
+                    class="bv-modal absolute inset-0 items-start"
+                    role="dialog"
+                    aria-labelledby="editVideoModalTitle"
+                  >
+                    <div class="bv-modal-backdrop"></div>
+                    <div
+                      class="bv-modal__panel flex max-h-modal-embed flex-col gap-lg"
+                      data-modal="edit"
+                    >
+                      <header
+                        class="card flex items-center justify-between gap-sm p-md"
+                      >
+                        <div class="space-y-xs">
+                          <p class="text-xs uppercase tracking-wide text-muted">
+                            Edit metadata
+                          </p>
+                          <h4
+                            id="editVideoModalTitle"
+                            class="text-lg font-semibold"
+                          >
+                            Update video note
+                          </h4>
+                        </div>
+                        <button
+                          class="focus-ring inline-flex h-10 w-10 items-center justify-center rounded-full"
+                          type="button"
+                          aria-label="Close edit modal"
+                        >
+                          &times;
+                        </button>
+                      </header>
+                      <div class="space-y-lg px-md">
+                        <p class="text-sm text-muted">
+                          Form rows reuse `.card` groupings and `.btn-ghost`
+                          action chips. Locked fields can keep
+                          `data-edit-target` attributes to stay compatible with
+                          controller toggles.
+                        </p>
+                        <div class="card space-y-md p-md">
+                          <div class="space-y-xs">
+                            <label
+                              class="text-sm font-medium text-text"
+                              for="editTitleDemo"
+                            >
+                              Title
+                            </label>
+                            <div class="flex flex-wrap gap-sm sm:flex-nowrap">
+                              <input
+                                id="editTitleDemo"
+                                class="input flex-1"
+                                type="text"
+                                placeholder="Bitvid Weekly Update"
+                              />
+                              <button
+                                class="btn-ghost focus-ring"
+                                type="button"
+                                data-edit-target="title"
+                              >
+                                Edit field
+                              </button>
+                            </div>
+                          </div>
+                          <div
+                            class="grid gap-md md:grid-cols-2"
+                            data-nip71-grid
+                          >
+                            <div class="space-y-xs">
+                              <label
+                                class="text-sm font-medium text-text"
+                                for="editKindDemo"
+                              >
+                                NIP-71 kind
+                              </label>
+                              <div
+                                class="card space-y-xs p-sm"
+                                data-nip71-fieldset
+                              >
+                                <label class="flex items-center gap-xs text-sm">
+                                  <input
+                                    class="focus-ring"
+                                    type="radio"
+                                    name="editKindDemo"
+                                    checked
+                                  />
+                                  Kind 21 — Full video
+                                </label>
+                                <label class="flex items-center gap-xs text-sm">
+                                  <input
+                                    class="focus-ring"
+                                    type="radio"
+                                    name="editKindDemo"
+                                  />
+                                  Kind 22 — Short
+                                </label>
+                              </div>
+                            </div>
+                            <div class="space-y-xs">
+                              <label
+                                class="text-sm font-medium text-text"
+                                for="editPublishDemo"
+                              >
+                                Published at
+                              </label>
+                              <input
+                                id="editPublishDemo"
+                                class="input"
+                                type="datetime-local"
+                                value="2024-05-01T15:00"
+                              />
+                              <p class="text-xs text-muted">
+                                Shared input tokens handle spacing; legacy
+                                scripts can read the timestamp via
+                                `data-nip71-input` if needed.
+                              </p>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <footer
+                        class="card flex flex-wrap items-center justify-between gap-sm p-md"
+                      >
+                        <p class="text-xs text-muted">
+                          Footer actions mix `.btn` variants while referencing
+                          `data-submit-state` for controller hand-offs.
+                        </p>
+                        <div class="flex gap-sm">
+                          <button class="btn-ghost" data-submit-state="idle">
+                            Cancel
+                          </button>
+                          <button class="btn" data-submit-state="pending">
+                            Save draft
+                          </button>
+                        </div>
+                      </footer>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </section>
+
+        <section class="space-y-md">
+          <div class="space-y-xs">
+            <h2 class="text-xl font-semibold text-text-strong">Grid Stack</h2>
+            <p class="text-sm text-muted">
+              Use `data-variant="cards"` for responsive columns or
+              `data-orientation="vertical"` for flex stacks.
+            </p>
+          </div>
+          <div class="grid gap-lg lg:grid-cols-2">
+            <div class="space-y-sm">
+              <h3 class="text-lg font-semibold">Card Grid</h3>
+              <div class="grid-stack" data-variant="cards">
+                <div class="card p-md">
+                  <p class="text-sm text-muted">Card A</p>
+                </div>
+                <div class="card p-md">
+                  <p class="text-sm text-muted">Card B</p>
+                </div>
+                <div class="card p-md">
+                  <p class="text-sm text-muted">Card C</p>
+                </div>
+              </div>
+            </div>
+            <div class="space-y-sm">
+              <h3 class="text-lg font-semibold">Vertical Stack</h3>
+              <div class="grid-stack" data-orientation="vertical">
+                <div class="card p-sm">
+                  <p class="text-sm text-muted">Row 1</p>
+                </div>
+                <div class="card p-sm">
+                  <p class="text-sm text-muted">Row 2</p>
+                </div>
+                <div class="card p-sm" data-state="disabled">
+                  <p class="text-sm text-muted">Row 3 (disabled)</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </section>
+      </main>
+    </div>
+    <script>
+      (() => {
+        const storageKey = "bitvid-docs-theme";
+        const root = document.documentElement;
+        const switcher = document.getElementById("themeSwitcher");
+
+        const applyTheme = (value) => {
+          if (!value || value === "default") {
+            delete root.dataset.theme;
+          } else {
+            root.dataset.theme = value;
+          }
+        };
+
+        let savedTheme;
+        try {
+          savedTheme = window.localStorage.getItem(storageKey) || undefined;
+        } catch (error) {
+          savedTheme = undefined;
+        }
+
+        applyTheme(savedTheme);
+
+        if (switcher) {
+          switcher.value = savedTheme ?? "default";
+          switcher.addEventListener("change", (event) => {
+            const { value } = event.target;
+            applyTheme(value);
+            try {
+              if (!value || value === "default") {
+                window.localStorage.removeItem(storageKey);
+              } else {
+                window.localStorage.setItem(storageKey, value);
+              }
+            } catch (error) {
+              /* Ignore storage failures (private mode, etc.) */
+            }
+          });
+        }
+      })();
+    </script>
+    <div id="uiOverlay" data-overlay-root aria-hidden="true"></div>
+  </body>
+</html>
diff --git a/dist/docs/logging.md b/dist/docs/logging.md
new file mode 100644
index 00000000..5afd4d18
--- /dev/null
+++ b/dist/docs/logging.md
@@ -0,0 +1,81 @@
+# Logging and Dev-Mode Guidance
+
+This document explains how bitvid routes browser logs, how inline scripts can
+re-use the shared logger, and what operators must do with the dev-mode flag when
+promoting builds.
+
+## Picking the right channel
+
+bitvid ships a frozen logger at `js/utils/logger.js` with two channels:
+
+- `logger.dev`: Emits only when `IS_DEV_MODE` is truthy. Use this channel for
+  verbose traces, performance probes, and feature flag experimentation that
+  should disappear from production consoles. The `logger.dev.debug` helper is
+  available for especially noisy traces that you want to keep isolated to local
+  development sessions.
+- `logger.user`: Always available and automatically prefixes output with
+  `[bitvid]`. Use this channel for operator-facing warnings and errors that help
+  diagnose issues in production.
+
+When adding new messages, classify them by the audience:
+
+| Scenario | Recommended channel | Notes |
+| --- | --- | --- |
+| Debugging a new feature locally | `logger.dev.debug`/`logger.dev.info` | Remove or downgrade before launching if they no longer serve a purpose. |
+| Non-fatal recoverable issues users should investigate | `logger.user.warn` | Provide actionable context so operators know what failed. |
+| Fatal errors that block playback or payments | `logger.user.error` | Escalate with a clear message and include relevant IDs or URLs. |
+| Metrics or noisy traces that only help during QA | `logger.dev.*` | Wrap expensive logging in conditional checks when possible. |
+
+Avoid direct `console.*` calls—routing everything through the logger keeps the
+production console clean and guarantees dev-mode gates behave consistently.
+
+## Using the logger from inline scripts
+
+The logger is exposed as a frozen global so inline scripts can share the same
+API without additional bundling:
+
+```js
+const { dev, user } = window.bitvidLogger;
+
+dev.log("rendering upload modal preview");
+user.warn("Playback manifest missing expected resolution tag");
+```
+
+If you need to guard logic by environment, rely on the companion global set in
+`js/config.js`:
+
+```js
+if (window.__BITVID_DEV_MODE__) {
+  window.bitvidLogger.dev.info("Hydrating admin widgets in dev mode");
+}
+```
+
+The globals are populated as soon as `js/config.js` loads. Check for their
+existence before using them in third-party contexts that may execute earlier.
+
+## Adjusting the dev-mode flag for deployments
+
+The source of truth lives in `config/instance-config.js`:
+
+- Set `IS_DEV_MODE = true` while developing locally so the dev logger and other
+  diagnostics are available.
+- Keep `IS_DEV_MODE = false` for production builds. This value propagates to
+  `isDevMode` (the module export), `window.__BITVID_DEV_MODE__`, and
+  `logger.dev`, silencing development-only messages.
+
+Always commit the flag change alongside deployment-ready configuration tweaks.
+Forgetting to update the flag leaves verbose traces in user consoles and can
+expose experimental behavior intended only for QA environments.
+
+If you need to enable dev logging without editing `config/instance-config.js`,
+inject a runtime override before `js/config.js` loads:
+
+```html
+<script>
+  window.__BITVID_DEV_MODE_OVERRIDE__ = true;
+  window.__BITVID_VERBOSE_DEV_MODE_OVERRIDE__ = true;
+</script>
+```
+
+Overrides accept boolean values or the strings `"true"` / `"false"` so they can
+be injected by a build pipeline.
diff --git a/dist/docs/manual-qa-2024-05-10.md b/dist/docs/manual-qa-2024-05-10.md
new file mode 100644
index 00000000..f6947f4d
--- /dev/null
+++ b/dist/docs/manual-qa-2024-05-10.md
@@ -0,0 +1,29 @@
+# Manual QA — 2024-05-10
+
+## Scope
+* Login/logout state transitions via `authService`
+* Video list rendering and playback fallback via `playbackService`
+* Upload submissions (URL only, magnet only, combined) via `publishVideoNote`
+
+## Environment
+* Local static server: `python -m http.server 5173`
+* Browser automation: Playwright (Chromium) via sandboxed runner
+* Stubbed `window.nostr` for extension-less login flows
+
+## Results
+### Authentication
+* Pre-login upload button hidden (`False`).
+* Post-login upload button visible (`True`); profile button also visible.
+* Post-logout upload button hidden again (`False`).
+
+### Playback
+* Hosted URL attempt emitted `session-start` analytics event. Hosted playback errored in sandbox (no magnet fallback available for URL-only sample).
+* Second sample (URL + magnet) emitted `session-start`, `fallback`, `playViaWebTorrent`, and `sourcechange: torrent` events confirming magnet fallback wiring.
+
+### Upload flows
+* URL-only submission succeeded (normalized payload kept empty magnet and blank hints).
+* Magnet-only submission appended WSS tracker hints plus provided `ws`/`xs` values.
+* Combined submission retained HTTPS URL and normalized magnet with tracker hints.
+
+## Notes
+Automation invoked `app.authService.login`/`handleAuthLogin` and `app.publishVideoNote` directly to simulate modal interactions. Playback checks observed console analytics, not media rendering (hosted stream blocked by sandbox security).
diff --git a/dist/docs/menus.md b/dist/docs/menus.md
new file mode 100644
index 00000000..b12e1746
--- /dev/null
+++ b/dist/docs/menus.md
@@ -0,0 +1,174 @@
+# Menu & Popover Integration
+
+Menus, quick actions, and contextual overlays all flow through the shared popover
+engine. This guide documents how to request the overlay root, create and manage
+popovers, and apply the Tailwind overlay helpers that keep menus consistent with
+the design system.
+
+## Request the overlay root
+
+Use `ensureOverlayRoot` before mounting any floating UI so the engine has a
+stable portal target. The helper resolves the right `document` instance and
+appends the root container when it is missing.
+
+```js
+import ensureOverlayRoot from "../js/ui/overlay/overlayRoot.js";
+
+const doc = trigger?.ownerDocument || document;
+const overlayRoot = ensureOverlayRoot(doc);
+
+// overlayRoot is a `<div id="uiOverlay">` tagged with `data-overlay-root`.
+// Popovers, sheets, and modals render inside this element.
+```
+
+`ensureOverlayRoot` is idempotent—call it during setup for each controller or
+dev surface without worrying about duplicates.
+
+## Create a popover
+
+`createPopover(trigger, render, options)` wires focus management, aria
+attributes, collision detection, and auto updates. The render callback receives
+a portal `container` inside the overlay root. Return the panel element so the
+engine toggles `data-popover-state` / `data-state` values while it opens and closes.
+
+```js
+import createPopover from "../js/ui/overlay/popoverEngine.js";
+
+function attachMenu(trigger) {
+  const popover = createPopover(
+    trigger,
+    ({ container, close }) => {
+      const panel = container.ownerDocument.createElement("div");
+      panel.className = "popover__panel menu space-y-1";
+
+      [
+        { label: "Play", action: "play" },
+        { label: "Save to playlist", action: "save" },
+        { label: "Share", action: "share" },
+      ].forEach(({ label, action }) => {
+        const item = container.ownerDocument.createElement("button");
+        item.type = "button";
+        item.className = "menu__item justify-between";
+        item.dataset.action = action;
+        item.textContent = label;
+        item.addEventListener("click", () => close({ restoreFocus: true }));
+        panel.appendChild(item);
+      });
+
+      container.append(panel);
+      return panel;
+    },
+    {
+      document: trigger?.ownerDocument,
+      placement: "bottom-end",
+      restoreFocusOnClose: true,
+    },
+  );
+
+  trigger.addEventListener("click", async (event) => {
+    event.preventDefault();
+    await popover.open();
+  });
+}
+```
+
+Pass `document`, `placement`, and other floating-ui options through the third
+argument. The helper exposes `open()`, `close()`, `toggle()`, `isOpen()`, and
+`destroy()` for lifecycle control.
+
+### Floating UI dependency
+
+The shared popover engine standardizes on
+[`@floating-ui/dom`](https://floating-ui.com/) for positioning. The module is
+vendored to `vendor/floating-ui.dom.bundle.min.js` by
+`npm run build:beacon`, which bundles dependencies and copies the upstream
+license alongside `nostr-tools`. Run that build whenever you bump Floating UI so
+the checked-in vendor artifact stays in sync. New overlays should lean on the
+engine rather than re-implementing manual gap, flip, or viewport clamp math—the
+middleware layer already applies the configured gap and viewport padding via
+`offset()`, `flip()`, and `shift()` helpers.
+
+## Tailwind overlay classes
+
+Tailwind ships token-backed overlay helpers that keep surfaces aligned with the
+palette:
+
+- `popover__panel` / `popover-panel` — rounded overlay panel with opacity and
+  scale transitions. Add `menu` and `menu__item` classes for stacked button
+  menus.
+- `overlay-scrim` and `overlay-panel` — lightweight surfaces for inline overlays
+  and frosted tooltips. Use the `data-strength` / `data-variant` modifiers to
+  switch tones.
+- `ds-overlay-backdrop` — full-screen backdrop helper for async states.
+- `bv-modal`, `bv-modal-backdrop`, and `bv-modal__panel` — modal scaffolding
+  used by upload/edit flows. Mobile breakpoints flatten the panel automatically.
+
+Avoid ad-hoc opacity or blur utilities—let the semantic classes map to overlay
+color tokens so theme swaps stay centralized in
+`css/tailwind.source.css`.
+
+## Video card actions
+
+Video cards lean on `MoreMenuController` to attach a popover to the card's
+"More" button. The controller registers the overlay root, builds the menu panel,
+and opens the popover on demand.
+
+```js
+// js/ui/moreMenuController.js
+const render = this.createPopoverRender(entry);
+const popover = createPopover(trigger, render, {
+  document: documentRef,
+  placement: "bottom-end",
+});
+
+// Inside the render callback (createVideoMoreMenuPanel):
+panel.className = "popover__panel menu space-y-1";
+button.className = "menu__item";
+```
+
+Each menu button dispatches `video:context-action` events so cards, lists, and
+player overlays can respond without duplicating menu markup.
+
+## Modal actions
+
+`VideoModal` follows the same pattern for its in-modal menu and zap actions. It
+requests the overlay root from the modal's `ownerDocument`, builds a
+`popover__panel`, and delegates action handling back to the controller.
+
+```js
+// js/ui/components/VideoModal.js
+const render = ({ document: doc, close }) => {
+  const panel = this.buildModalMoreMenuPanel({ document: doc, close });
+  return panel;
+};
+
+const popover = createPopover(this.modalMoreBtn, render, {
+  document: documentRef,
+  placement: "bottom-end",
+  restoreFocusOnClose: true,
+});
+```
+
+Modal action buttons reuse the same `menu__item` styling and call `close()` to
+collapse the overlay before dispatching the selected action.
+
+## Manual QA surface
+
+A lightweight QA harness lives at `views/dev/popover-demo.html`. Launch the
+static dev server from the repository root:
+
+```bash
+python -m http.server 8000
+# or
+npx serve
+```
+
+Then open `http://localhost:8000/views/dev/popover-demo.html` to interact with a
+sample video card and modal wired to the popover engine. The page ensures the
+overlay root exists, demonstrates Tailwind overlay helpers, and exercises both
+card and modal action menus without relying on production data.
+
+- ✅ **Anchored alignment check:** Open the video-card “More” menu and the
+  modal action menu. Each panel’s right edge should stay flush with the trigger
+  button. Playwright now verifies this via `tests/e2e/popover.spec.ts`, but QA
+  should still confirm the alignment while running the manual demo.
diff --git a/dist/docs/moderation/README.md b/dist/docs/moderation/README.md
new file mode 100644
index 00000000..833cc494
--- /dev/null
+++ b/dist/docs/moderation/README.md
@@ -0,0 +1,99 @@
+# bitvid Moderation Overview
+
+## What we’re building
+bitvid is follow-centric. Your Home feed comes from people you follow (F1). Discovery can optionally expand to friends-of-friends (F2) and ranked sources. Moderation is **client-side** and **user-controlled** with optional admin lists.
+
+## Core principles
+- **Freedom to choose**: User picks filters. Defaults are safe but reversible.
+- **Explain decisions**: Every blur/hide shows a “why” badge and a “show anyway” control.
+- **Blacklist > whitelist**: Admin blacklists and moderation gates always win; whitelists only influence Discovery ranking.
+- **Minimal central power**: Admin lists are opt-in; users can unsubscribe.
+
+## Threat model (short)
+- Spam/bots, impersonation, malware, NSFW thumbnails, illegal content, brigading/dogpiles, Sybil report attacks.
+
+## Building blocks (Nostr)
+- **Reports**: NIP-56 (`kind 1984`) with types like `nudity`, `spam`, `illegal`, `impersonation`, etc.
+- **Lists**: NIP-51 (mute list 10000, categorized people 30000, bookmarks 30001).
+- **Replies/threads**: NIP-10 (comments).
+- **Counts**: NIP-45 (relay COUNT; optional fallbacks).
+- **View metrics**: [`js/nostr/viewEventBindings.js`](../../js/nostr/viewEventBindings.js) wraps the shared client so moderation
+  toggles hit the same record/list/subscribe/count helpers that enforce our NIP-71/NIP-78 guard rails when relays disable optional
+  methods.
+
+## Runtime flow (blur, hide, override)
+- [`ModerationService`](../../js/services/moderationService.js) orchestrates ingest and scoring. Review the service for the trusted-report math and helper entry points.
+- [`createModerationStage`](../../js/feedEngine/stages.js) wires the service into the feed engine where moderation summaries decorate timeline items.
+- The moderation stage now resolves blur/autoplay/hide thresholds on every execution using `context.runtime.moderationThresholds` (when provided) or dynamic resolver functions, so feed refreshes immediately respect updated viewer settings.
+- [`bitvidApp.decorateVideoModeration`](../../js/app.js) connects stage output to the UI layer alongside feature-flag plumbing.
+- [`VideoCard.refreshModerationUi`](../../js/ui/components/VideoCard.js) applies badges, blur states, hide metadata (`data-moderation-hidden`), and the "show anyway" toggles.
+
+### Moderation badge pipeline
+
+- Every moderation payload now includes a `blurReason` that records why a thumbnail was blurred (`trusted-report`, `trusted-mute`, or a hide reason such as `trusted-mute-hide`). This travels with both the metadata stage output and the decorated `video.moderation.original` snapshot so UI can explain the decision even after a viewer override.
+- When a trusted mute forces a blur (without a report threshold firing) the badge copy shortens to **"Muted by a trusted contact"** so we don't repeat the blur state in the label. Reports still surface as "Blurred · {reason}" until the viewer taps "Show anyway".
+- The moderation badge now renders as a dedicated yellow chip with an icon and "Show anyway" pill that matches the rest of the design system tokens. Override states flip to the neutral palette, expose a "Restore default moderation" pill, and swap the icon for a confirmation check so operators can tell the difference at a glance.
+- The badge tooltip and `aria-label` continue to list the specific trusted contacts who muted or reported the content when that metadata is available.
+- Viewers who override a trusted mute hide keep a **Block** pill on the same badge so they can block the creator without hunting through another menu.
+- Selecting **Block** immediately publishes an account block for the creator, clears any temporary overrides, and reloads the feed so the author disappears from subsequent fetches.
+- Trusted mute decisions now block autoplay even when report thresholds have not fired, and any associated avatars or channel banners adopt the blurred state alongside the primary thumbnail so the entire card reflects the moderation choice.
+
+## Where to extend
+Thread new moderation behaviors through the same service → stage → app → UI flow above. Extending the existing layers keeps overrides, feature flags, and QA hooks consistent—avoid spinning up parallel moderation modules unless the architecture document explicitly calls for it.
+
+## Defaults (policy)
+- Blur video thumbnails when trusted `nudity` reports meet `DEFAULT_BLUR_THRESHOLD`.
+- Disable autoplay preview when the trusted `nudity` report count reaches `DEFAULT_AUTOPLAY_BLOCK_THRESHOLD`.
+- Hide videos when `DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD` trusted contacts mute the author. Cards render with `data-moderation-hidden="true"`, the badge reads `Hidden · {count} trusted mute(s)`, and a "Show anyway" button becomes available alongside a "Restore default moderation" control once the override is active.
+- Hide videos when `DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD` trusted contacts file spam reports. The badge copy escalates to `Hidden · {count} trusted spam report(s)` and the card stays hidden until the viewer overrides it.
+- Downrank author when any F1 has them in mute list (10000).
+- Opt-in admin lists (30000 with `d=bitvid:admin:*`) can hard-hide content, but whitelist entries no longer bypass moderation gates—they only influence Discovery rankings when a viewer opts into that list.
+- Trust seeds now come from the Super Admin plus every active moderator, so their reports shape anonymous/default visitor filters automatically. The `DEFAULT_TRUST_SEED_NPUBS` export only activates as an emergency fallback when those live lists cannot be loaded (toggle via `FEATURE_TRUST_SEEDS`).
+
+> Default thresholds now come directly from [`config/instance-config.js`](../../config/instance-config.js). Look for the exports `DEFAULT_BLUR_THRESHOLD`, `DEFAULT_AUTOPLAY_BLOCK_THRESHOLD`, `DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD`, and `DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD` to adjust the instance-wide behavior before deploying. The upstream repo currently publishes example values of 1 trusted report for blur, 1 for autoplay blocking, 20 trusted mutes to hide authors, and 1 trusted spam report to hide videos.
+
+> Operators can still override these thresholds on a per-viewer basis in **Settings → Safety & Moderation**; leaving the UI fields blank restores the config-driven defaults. Update [`config/instance-config.js`](../../config/instance-config.js) to change what new viewers receive out of the box.
+
+### Hide thresholds & feature flags
+
+- `TRUSTED_MUTE_HIDE_THRESHOLD` and `TRUSTED_SPAM_HIDE_THRESHOLD` determine when moderation metadata marks an item as hidden. Both feed the `original.hide*` fields that `VideoCard` inspects before deciding whether to render the hidden summary container.
+- `FEATURE_TRUSTED_HIDE_CONTROLS` shows the additional threshold inputs in the profile modal so operators can raise/lower the hide triggers client-side.
+- When any hide threshold fires we persist the active counts (`hideCounts.trustedMuteCount`, `hideCounts.trustedReportCount`) so analytics/debugging tools can show why an item disappeared.
+- Cards that arrive with `original.hidden === true` automatically expose the "Show anyway" chip so viewers can inspect hidden content. Activating the override clears blur/autoplay restrictions alongside the hidden state and replaces the CTA with "Restore default moderation" for easy rollback.
+
+## Community blacklist federation
+
+Operators can delegate hard-hide decisions to trusted curators without giving them full admin powers. The flow is:
+
+1. The super admin maintains a `kind 30000` list with `d=${ADMIN_LIST_NAMESPACE}:${ADMIN_COMMUNITY_BLACKLIST_SOURCES}`. Each `a` tag references a community curator’s blacklist as `30000:<curator hex pubkey>:${ADMIN_LIST_NAMESPACE}:${ADMIN_COMMUNITY_BLACKLIST_PREFIX}:<slug>`.
+2. Every curator publishes their own `kind 30000` list using the referenced `d` tag (`${ADMIN_LIST_NAMESPACE}:${ADMIN_COMMUNITY_BLACKLIST_PREFIX}:<slug>`) and fills it with `p` tags for accounts they want hidden.
+3. bitvid automatically fetches each referenced list, merges the entries into the global blacklist, and removes any duplicates or guard-protected accounts (super admin or editors).
+
+To add a community list, append a new `a` tag to the super-admin source list and ask the curator to publish their companion `p` list. To remove a list, delete the `a` tag or ask the curator to clear their `p` entries; the client stops ingesting it on the next refresh.
+
+New operators should also note that fresh viewer accounts automatically inherit the merged admin + community blacklist on their first login. The client seeds the user’s personal block list with that baseline once, so moderators can rely on a shared floor while still allowing operators to remove entries locally without having them reappear.
+
+### Safety & Moderation controls
+
+The profile modal now exposes blur, autoplay, and hide thresholds so operators can dial in stricter or more permissive behavior. Enter a non-negative whole number to override the default or leave the field blank to fall back to the baseline values from [`config/instance-config.js`](../../config/instance-config.js) (`DEFAULT_BLUR_THRESHOLD`, `DEFAULT_AUTOPLAY_BLOCK_THRESHOLD`, `DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD`, `DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD`). Adjustments are stored locally, applied immediately to the active feed, and rehydrate on every load. Update the config file to change the per-instance defaults that new viewers see.
+
+The trusted mute hide helper copy clarifies the escalation path: once the trusted mute count hits the threshold, cards are hidden with a “Show anyway” override, while lower signals only blur thumbnails or block autoplay previews.
+
+### Personal hashtag preferences
+
+- The Profile modal’s Hashtags tab is wired to [`HashtagPreferencesService`](../../js/services/hashtagPreferencesService.js), which maintains a local snapshot of the viewer’s interests and disinterests, normalizes every tag, and guarantees that the two sets stay mutually exclusive before broadcasting UI change events.【F:js/services/hashtagPreferencesService.js†L206-L276】【F:js/services/hashtagPreferencesService.js†L304-L324】
+- `bitvidApp` resolves the active pubkey’s preferences at login, listens for `CHANGE` events, and forwards the normalized snapshot to controllers so moderation and discovery logic can react without querying relays again.【F:js/app.js†L3811-L3906】【F:js/app.js†L3940-L4050】
+- Publishing writes a replaceable `kind 30015` list with `d=bitvid:tag-preferences`, encrypting the `{ version, interests, disinterests }` payload via the best available NIP-44/NIP-04 scheme before hitting every configured write relay.【F:docs/nostr-event-schemas.md†L150-L201】【F:js/services/hashtagPreferencesService.js†L520-L711】
+- Legacy `30005` events are ignored; saving or toggling a tag republishes preferences as `30015`, so prompt users to re-save if they previously only published the deprecated kind.【F:js/services/hashtagPreferencesService.js†L360-L470】【F:docs/nostr-event-schemas.md†L196-L201】
+
+### Runtime flags
+
+- `TRUSTED_MUTE_HIDE_THRESHOLD` — numeric default for the trusted mute hide control. Initialized from `DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD` in [`config/instance-config.js`](../../config/instance-config.js); the upstream config sets this to `20`, but adjust the export to match your policy.
+- `TRUSTED_SPAM_HIDE_THRESHOLD` — numeric default for the trusted spam hide control. Initialized from `DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD` in [`config/instance-config.js`](../../config/instance-config.js); the upstream config example is `1`.
+- `FEATURE_TRUSTED_HIDE_CONTROLS` — boolean toggle to hide/show the new trusted hide controls in the UI (default `true`).
+
+## Files in this folder
+- `web-of-trust.md` — how we compute trust signals and thresholds
+- `nips.md` — exact NIPs and kinds bitvid uses
+- `relays.md` — relay compatibility and COUNT fallbacks
+- `testing.md` — QA checklist + test vectors
diff --git a/dist/docs/moderation/action-flow.md b/dist/docs/moderation/action-flow.md
new file mode 100644
index 00000000..93828e92
--- /dev/null
+++ b/dist/docs/moderation/action-flow.md
@@ -0,0 +1,55 @@
+# Moderation action flow (end-to-end)
+
+This document describes how moderation data flows from Nostr reports and block lists into local state and UI updates. It complements the broader guidance in [`docs/moderation/README.md`](README.md).
+
+## Core services and responsibilities
+
+### `js/services/moderationService.js`
+
+`moderationService` aggregates report events, contact lists, and trusted mute lists, then emits summarized moderation data for the rest of the application to consume.
+
+* **Contacts + trusted reporters:** When contacts are rebuilt, the service emits a `contacts` event and recomputes every moderation summary. This ensures trusted reports stay in sync as the viewer’s social graph changes.【F:js/services/moderationService.js†L520-L569】
+* **Report summaries:** For each event, the service recomputes a summary of total vs. trusted reports, stores it, and emits a `summary` event with the updated data.【F:js/services/moderationService.js†L1869-L1998】
+* **Threshold transitions:** The service logs when trusted report counts cross the autoplay/block or blur thresholds. These thresholds are defined in the service (`AUTOPLAY_TRUST_THRESHOLD` and `BLUR_TRUST_THRESHOLD`) and used when trusted counts change.【F:js/services/moderationService.js†L7-L8】【F:js/services/moderationService.js†L668-L706】
+
+### `js/services/moderationActionController.js`
+
+`ModerationActionController` is the orchestration layer for user-triggered moderation actions. It is responsible for:
+
+* **Overrides (“show anyway”):** `handleOverride` persists the override, clears hide state on the target video, decorates moderation state, refreshes the card UI, dispatches an override event, and resumes playback if needed.【F:js/services/moderationActionController.js†L77-L126】
+* **Block actions:** `handleBlock` ensures the viewer is logged in, updates the block list, clears overrides, re-decorates moderation state, refreshes the card UI, dispatches block/hide events, and triggers a list refresh so the feed reflects the new block state.【F:js/services/moderationActionController.js†L128-L224】
+* **Hide actions:** `handleHide` clears overrides, updates the moderation state, refreshes the card UI, and dispatches a hide event.【F:js/services/moderationActionController.js†L226-L263】
+
+## Local state updates
+
+Moderation overrides are persisted in local state through the cache module:
+
+* `setModerationOverride` stores (and optionally persists) “show anyway” entries in the moderation override map and local storage.【F:js/state/cache.js†L1269-L1318】
+* `clearModerationOverride` removes entries and persists the cleanup when requested.【F:js/state/cache.js†L1320-L1341】
+
+`ModerationActionController` uses these helpers via injected services when users override, hide, or block content, ensuring the UI state and local storage stay consistent.【F:js/services/moderationActionController.js†L10-L24】【F:js/services/moderationActionController.js†L77-L224】
+
+## UI update flow
+
+### Application wiring (`js/app.js`)
+
+`bitvidApp` wires `ModerationActionController` to application state and UI updates. The controller receives callbacks to:
+
+* Decorate moderation state for videos.
+* Refresh card moderation UI.
+* Dispatch DOM events for moderation actions (`video:moderation-override`, `video:moderation-block`, `video:moderation-hide`).【F:js/app.js†L6029-L6114】
+
+This keeps moderation mutations in one place while delegating the UI refresh to controllers and card views.
+
+### Profile modal integration (`js/ui/profileModalController.js`)
+
+`ProfileModalController` subscribes to `moderationService` contact updates and refreshes the friends list when the trusted contacts set changes. This keeps the moderation settings screen aligned with the viewer’s social graph.【F:js/ui/profileModalController.js†L891-L921】
+
+## End-to-end flow summary
+
+1. **Ingest & summarize:** `moderationService` ingests reports/mutes/contacts, recomputes summaries, emits `summary` and `contacts`, and logs threshold transitions for autoplay and blur rules.【F:js/services/moderationService.js†L520-L706】【F:js/services/moderationService.js†L1869-L1998】
+2. **Decorate playback state:** Application-level logic consumes summaries and settings to decorate moderation state on videos (blur/autoplay/hide metadata) before rendering or playback decisions.【F:js/app.js†L5980-L6067】
+3. **User action:** UI triggers `ModerationActionController` (`handleOverride`, `handleHide`, `handleBlock`) to mutate overrides, update block lists, and refresh UI with event dispatches.【F:js/services/moderationActionController.js†L77-L224】
+4. **Persist & refresh:** Overrides persist via `js/state/cache.js`, and UI controllers refresh based on moderation events or service subscriptions.【F:js/state/cache.js†L1269-L1341】【F:js/ui/profileModalController.js†L891-L921】
+
+For broader moderation policies and QA guidance, refer to [`docs/moderation/README.md`](README.md).
diff --git a/dist/docs/moderation/fixtures/index.html b/dist/docs/moderation/fixtures/index.html
new file mode 100644
index 00000000..8bb9551f
--- /dev/null
+++ b/dist/docs/moderation/fixtures/index.html
@@ -0,0 +1,717 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Moderation Fixtures • bitvid</title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="/css/tailwind.generated.css" />
+    <style>
+      .moderation-fixtures {
+        background-color: var(--surface-base);
+        color: var(--text-primary);
+        font-family: var(--font-family-sans);
+      }
+      .moderation-fixtures__main {
+        max-width: 60rem;
+        margin: 0 auto;
+        padding: var(--space-xl) var(--space-lg) var(--space-2xl);
+      }
+      .moderation-fixtures__title {
+        font-size: var(--font-size-2xl);
+        font-weight: 700;
+        margin-bottom: var(--space-lg);
+      }
+      .moderation-fixtures__section {
+        margin-bottom: var(--space-2xl);
+      }
+      .moderation-fixtures__section-title {
+        font-size: var(--font-size-xl);
+        font-weight: 600;
+        margin-bottom: var(--space-2xs);
+      }
+      .moderation-fixtures__section-description {
+        color: var(--text-muted);
+        margin-bottom: var(--space-md);
+      }
+      .fixture-toggle {
+        margin-top: var(--space-sm);
+        font-size: var(--font-size-sm);
+        color: var(--text-muted);
+      }
+      .fixture-toggle__label {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--space-xs);
+      }
+    </style>
+  </head>
+  <body class="moderation-fixtures" data-ds="new">
+    <main id="moderationFixtureRoot" class="moderation-fixtures__main">
+      <h1 class="moderation-fixtures__title">Moderation Test Fixtures</h1>
+      <p>
+        These scenarios mirror the QA vectors in
+        <code>docs/moderation/testing.md</code> so automated checks can assert
+        blur thresholds, autoplay blocking, and local override persistence.
+      </p>
+    </main>
+    <script type="module">
+      import { VideoCard } from "/js/ui/components/VideoCard.js";
+      import moderationService from "/js/services/moderationService.js";
+
+      const STORAGE_KEY = "bitvid:moderation:fixture-overrides";
+      const READY_FLAG = "__moderationFixturesReady__";
+      // These fixtures mirror the upstream defaults in config/instance-config.js.
+      // Update the numbers alongside DEFAULT_BLUR_THRESHOLD, DEFAULT_AUTOPLAY_BLOCK_THRESHOLD,
+      // DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD, and DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD when they change.
+      const fixtures = [
+        {
+          key: "blur-threshold",
+          heading: "Blur threshold (config default: ≥3 trusted nudity reports)",
+          description:
+            "Card should be blurred and autoplay disabled until the viewer overrides it.",
+          thresholds: { blur: 3, autoplay: 2 },
+          video: {
+            id: "1".repeat(64),
+            title: "Fixture: Blurred Preview",
+            pubkey: "a".repeat(64),
+            thumbnail: "/assets/jpg/video-thumbnail-fallback.jpg"
+          },
+          moderation: {
+            blockAutoplay: true,
+            blurThumbnail: true,
+            trustedCount: 3,
+            reportType: "nudity"
+          },
+          reporters: [
+            { name: "Jess F1", pubkey: "b".repeat(64), latest: 1_700_000_010 },
+            { name: "Mira F1", pubkey: "c".repeat(64), latest: 1_700_000_020 },
+            { name: "Omar F1", pubkey: "d".repeat(64), latest: 1_700_000_030 }
+          ],
+          blockToggle: {
+            label: "Simulate viewer blocking Mira F1",
+            pubkey: "c".repeat(64)
+          }
+        },
+        {
+          key: "autoplay-threshold",
+          heading:
+            "Autoplay threshold (config default: ≥2 trusted nudity reports)",
+          description:
+            "Card should block autoplay but stay unblurred so users can inspect the thumbnail.",
+          video: {
+            id: "2".repeat(64),
+            title: "Fixture: Autoplay Blocked",
+            pubkey: "e".repeat(64),
+            thumbnail: "/assets/jpg/video-thumbnail-fallback.jpg"
+          },
+          moderation: {
+            blockAutoplay: true,
+            blurThumbnail: false,
+            trustedCount: 2,
+            reportType: "nudity"
+          },
+          reporters: [
+            { name: "Jess F1", pubkey: "b".repeat(64), latest: 1_700_000_010 },
+            { name: "Mira F1", pubkey: "c".repeat(64), latest: 1_700_000_020 }
+          ]
+        },
+        {
+          key: "show-anyway",
+          heading: '"Show anyway" override (persists locally)',
+          description:
+            'Card starts blurred and blocked; activating "Show anyway" should persist across reloads.',
+          enableOverride: true,
+          video: {
+            id: "3".repeat(64),
+            title: "Fixture: Override Persistence",
+            pubkey: "f".repeat(64),
+            thumbnail: "/assets/jpg/video-thumbnail-fallback.jpg"
+          },
+          moderation: {
+            blockAutoplay: true,
+            blurThumbnail: true,
+            trustedCount: 3,
+            reportType: "nudity"
+          },
+          reporters: [
+            { name: "Jess F1", pubkey: "b".repeat(64), latest: 1_700_000_010 },
+            { name: "Mira F1", pubkey: "c".repeat(64), latest: 1_700_000_020 },
+            { name: "Omar F1", pubkey: "d".repeat(64), latest: 1_700_000_030 }
+          ]
+        },
+        {
+          key: "trusted-report-hide",
+          heading: "Trusted report hide (config default: ≥3 spam reports)",
+          description:
+            'Card should render hidden with spam copy until the viewer clicks "Show anyway".',
+          enableOverride: true,
+          thresholds: { reportHide: 3 },
+          video: {
+            id: "4".repeat(64),
+            title: "Fixture: Trusted Report Hide",
+            pubkey: "aa".repeat(32),
+            thumbnail: "/assets/jpg/video-thumbnail-fallback.jpg"
+          },
+          moderation: {
+            blockAutoplay: true,
+            blurThumbnail: true,
+            trustedCount: 3,
+            reportType: "spam"
+          },
+          reporters: [
+            { name: "Jess F1", pubkey: "b".repeat(64), latest: 1_700_000_010 },
+            { name: "Mira F1", pubkey: "c".repeat(64), latest: 1_700_000_020 },
+            { name: "Omar F1", pubkey: "d".repeat(64), latest: 1_700_000_030 }
+          ]
+        },
+        {
+          key: "trusted-mute-hide",
+          heading: "Trusted mute hide (F1 mute list threshold)",
+          description:
+            "Card should default to hidden when a trusted contact mutes the author and allow an override.",
+          enableOverride: true,
+          thresholds: { muteHide: 1 },
+          video: {
+            id: "5".repeat(64),
+            title: "Fixture: Trusted Mute Hide",
+            pubkey: "bb".repeat(32),
+            thumbnail: "/assets/jpg/video-thumbnail-fallback.jpg"
+          },
+          moderation: {
+            blockAutoplay: false,
+            blurThumbnail: false,
+            trustedMuted: true,
+            trustedMuteCount: 1
+          },
+          muters: [{ name: "Jess F1", pubkey: "b".repeat(64) }]
+        }
+      ];
+
+      const blockedReportersByVideo = new Map();
+
+      function getBlockedSet(videoId) {
+        if (typeof videoId !== "string" || !videoId) {
+          return null;
+        }
+        return blockedReportersByVideo.get(videoId) || null;
+      }
+
+      function setReporterBlocked(videoId, pubkey, blocked) {
+        if (
+          typeof videoId !== "string" ||
+          !videoId ||
+          typeof pubkey !== "string" ||
+          !pubkey
+        ) {
+          return;
+        }
+
+        let entry = blockedReportersByVideo.get(videoId);
+        if (blocked) {
+          if (!entry) {
+            entry = new Set();
+            blockedReportersByVideo.set(videoId, entry);
+          }
+          entry.add(pubkey);
+          return;
+        }
+
+        if (!entry) {
+          return;
+        }
+
+        entry.delete(pubkey);
+        if (!entry.size) {
+          blockedReportersByVideo.delete(videoId);
+        }
+      }
+
+      function isReporterBlocked(videoId, pubkey) {
+        const entry = getBlockedSet(videoId);
+        if (!entry) {
+          return false;
+        }
+        return entry.has(pubkey);
+      }
+
+      function getActiveReporters(fixture, videoId) {
+        const reporters = Array.isArray(fixture?.reporters)
+          ? fixture.reporters
+          : [];
+        if (!reporters.length) {
+          return [];
+        }
+
+        const entry = getBlockedSet(videoId);
+        if (!entry || !entry.size) {
+          return reporters.slice();
+        }
+
+        return reporters.filter((reporter) => {
+          const key =
+            typeof reporter?.pubkey === "string" ? reporter.pubkey : "";
+          if (!key) {
+            return false;
+          }
+          return !entry.has(key);
+        });
+      }
+
+      function normalizeFixtureReporters(reporters) {
+        if (!Array.isArray(reporters)) {
+          return [];
+        }
+
+        return reporters
+          .map((reporter) => {
+            if (!reporter || typeof reporter !== "object") {
+              return null;
+            }
+            const pubkey =
+              typeof reporter.pubkey === "string" ? reporter.pubkey : "";
+            if (!pubkey) {
+              return null;
+            }
+            const latest = Number.isFinite(reporter.latest)
+              ? Math.floor(reporter.latest)
+              : 0;
+            const name = typeof reporter.name === "string" ? reporter.name : "";
+            return { name, pubkey, latest };
+          })
+          .filter(Boolean);
+      }
+
+      window.__MODERATION_FIXTURE_STORAGE_KEY__ = STORAGE_KEY;
+      window[READY_FLAG] = false;
+
+      function loadOverrides() {
+        try {
+          const raw = window.localStorage?.getItem(STORAGE_KEY);
+          if (!raw) {
+            return {};
+          }
+          const parsed = JSON.parse(raw);
+          return parsed && typeof parsed === "object" ? parsed : {};
+        } catch {
+          return {};
+        }
+      }
+
+      function persistOverrides(next) {
+        try {
+          window.localStorage?.setItem(STORAGE_KEY, JSON.stringify(next));
+        } catch {
+          /* ignore persistence issues in test fixtures */
+        }
+      }
+
+      function buildSummary(fixture, videoId, sanitizedReporters = null) {
+        if (!fixture?.moderation?.reportType) {
+          return null;
+        }
+
+        const reporters =
+          Array.isArray(sanitizedReporters) && sanitizedReporters
+            ? sanitizedReporters
+            : normalizeFixtureReporters(getActiveReporters(fixture, videoId));
+
+        const latest = reporters.reduce(
+          (max, reporter) => Math.max(max, reporter.latest),
+          0
+        );
+
+        return {
+          eventId: fixture.video.id,
+          totalTrusted: reporters.length,
+          types: {
+            [fixture.moderation.reportType]: {
+              trusted: reporters.length,
+              total: reporters.length,
+              latest
+            }
+          },
+          updatedAt: Date.now()
+        };
+      }
+
+      function buildModerationState(fixture, overrides, videoId) {
+        const overrideEntry = overrides?.[videoId];
+        const activeReporters = getActiveReporters(fixture, videoId);
+        const sanitizedReporters = normalizeFixtureReporters(activeReporters);
+        const thresholds =
+          fixture.thresholds && typeof fixture.thresholds === "object"
+            ? {
+                blur: 3,
+                autoplay: 2,
+                reportHide: 3,
+                muteHide: 1,
+                ...fixture.thresholds
+              }
+            : { blur: 3, autoplay: 2, reportHide: 3, muteHide: 1 };
+        const autoplayThreshold = Number.isFinite(thresholds.autoplay)
+          ? Math.max(0, Math.floor(thresholds.autoplay))
+          : 2;
+        const blurThreshold = Number.isFinite(thresholds.blur)
+          ? Math.max(0, Math.floor(thresholds.blur))
+          : 3;
+        const reportHideThreshold = Number.isFinite(thresholds.reportHide)
+          ? Math.max(0, Math.floor(thresholds.reportHide))
+          : 3;
+        const muteHideThreshold = Number.isFinite(thresholds.muteHide)
+          ? Math.max(0, Math.floor(thresholds.muteHide))
+          : 1;
+        const initialBlock = fixture.moderation.blockAutoplay === true;
+        const initialBlur = fixture.moderation.blurThumbnail === true;
+        const trustedCount = sanitizedReporters.length;
+
+        const reporterDisplayNames = sanitizedReporters
+          .map((reporter) => reporter.name)
+          .filter((value) => typeof value === "string" && value);
+
+        const reporterPubkeys = sanitizedReporters.map(
+          (reporter) => reporter.pubkey
+        );
+
+        const trustedReporterEntries = sanitizedReporters.map((reporter) => ({
+          pubkey: reporter.pubkey,
+          latest: reporter.latest
+        }));
+
+        const muterEntries = Array.isArray(fixture.muters)
+          ? fixture.muters
+          : [];
+        const muterPubkeys = muterEntries
+          .map((muter) =>
+            typeof muter?.pubkey === "string" ? muter.pubkey : ""
+          )
+          .filter(Boolean);
+        const muterDisplayNames = muterEntries
+          .map((muter) => (typeof muter?.name === "string" ? muter.name : ""))
+          .filter(Boolean);
+        const trustedMuted = fixture.moderation.trustedMuted === true;
+        const muteCount = Number.isFinite(fixture.moderation.trustedMuteCount)
+          ? Math.max(0, Math.floor(fixture.moderation.trustedMuteCount))
+          : muterPubkeys.length;
+
+        const hideFromMute = trustedMuted && muteCount >= muteHideThreshold;
+        const hideFromReports = trustedCount >= reportHideThreshold;
+        let hidden = fixture.moderation.hidden === true;
+        let hideReason =
+          typeof fixture.moderation.hideReason === "string"
+            ? fixture.moderation.hideReason
+            : "";
+        const hideBypass =
+          typeof fixture.moderation.hideBypass === "string"
+            ? fixture.moderation.hideBypass
+            : "";
+
+        if (hideFromMute) {
+          hidden = true;
+          hideReason = "trusted-mute-hide";
+        } else if (hideFromReports) {
+          hidden = true;
+          hideReason = "trusted-report-hide";
+        } else if (!hidden) {
+          hideReason = "";
+        }
+
+        const hideCounts = hidden
+          ? {
+              trustedMuteCount: muteCount,
+              trustedReportCount: trustedCount
+            }
+          : null;
+
+        const base = {
+          reportType: fixture.moderation.reportType,
+          trustedCount,
+          reporterDisplayNames,
+          reporterPubkeys,
+          trustedReporters: trustedReporterEntries,
+          trustedMuted,
+          trustedMuters: muterPubkeys,
+          trustedMuteCount: muteCount,
+          trustedMuterDisplayNames: muterDisplayNames
+        };
+
+        const summary = buildSummary(fixture, videoId, sanitizedReporters);
+        if (summary) {
+          base.summary = summary;
+        }
+
+        const computedBlock = initialBlock && trustedCount >= autoplayThreshold;
+        let computedBlur = initialBlur && trustedCount >= blurThreshold;
+
+        if (!computedBlur && (trustedMuted || hidden)) {
+          computedBlur = true;
+        }
+
+        const originalState = {
+          blockAutoplay: computedBlock,
+          blurThumbnail: computedBlur,
+          hidden,
+          hideReason: hidden ? hideReason : "",
+          hideCounts: hideCounts
+            ? {
+                trustedMuteCount: Math.max(
+                  0,
+                  Number(hideCounts.trustedMuteCount) || 0
+                ),
+                trustedReportCount: Math.max(
+                  0,
+                  Number(hideCounts.trustedReportCount) || 0
+                )
+              }
+            : null,
+          hideBypass,
+          hideTriggered: hidden
+        };
+
+        base.original = {
+          blockAutoplay: originalState.blockAutoplay,
+          blurThumbnail: originalState.blurThumbnail,
+          hidden: originalState.hidden,
+          hideReason: originalState.hideReason,
+          hideCounts: originalState.hideCounts,
+          hideBypass: originalState.hideBypass,
+          hideTriggered: originalState.hideTriggered
+        };
+
+        if (overrideEntry?.showAnyway) {
+          base.viewerOverride = {
+            showAnyway: true,
+            updatedAt: Number.isFinite(overrideEntry.updatedAt)
+              ? Math.floor(overrideEntry.updatedAt)
+              : Date.now()
+          };
+          base.blockAutoplay = false;
+          base.blurThumbnail = false;
+          base.hidden = false;
+          if (base.hideReason) {
+            delete base.hideReason;
+          }
+          if (base.hideCounts) {
+            delete base.hideCounts;
+          }
+          if (base.hideBypass) {
+            delete base.hideBypass;
+          }
+        } else {
+          base.blockAutoplay = originalState.blockAutoplay;
+          base.blurThumbnail = originalState.blurThumbnail;
+          if (originalState.hidden) {
+            base.hidden = true;
+            if (originalState.hideReason) {
+              base.hideReason = originalState.hideReason;
+            }
+            if (originalState.hideCounts) {
+              base.hideCounts = { ...originalState.hideCounts };
+            }
+            if (originalState.hideBypass) {
+              base.hideBypass = originalState.hideBypass;
+            }
+          } else {
+            if (base.hidden) {
+              delete base.hidden;
+            }
+            if (base.hideReason) {
+              delete base.hideReason;
+            }
+            if (base.hideCounts) {
+              delete base.hideCounts;
+            }
+            if (base.hideBypass) {
+              delete base.hideBypass;
+            }
+          }
+        }
+
+        return base;
+      }
+
+      function setOverride(overrides, videoId, entry) {
+        const next = { ...overrides };
+        next[videoId] = {
+          ...entry,
+          updatedAt: Number.isFinite(entry?.updatedAt)
+            ? Math.floor(entry.updatedAt)
+            : Date.now()
+        };
+        persistOverrides(next);
+        return next;
+      }
+
+      function createCard(fixture, overrides) {
+        const video = {
+          ...fixture.video
+        };
+        video.moderation = buildModerationState(fixture, overrides, video.id);
+
+        const card = new VideoCard({
+          document,
+          video,
+          shareUrl: "#",
+          formatters: {
+            formatTimeAgo: () => "just now",
+            formatNumber: (value) => {
+              if (typeof value === "number") {
+                return value.toLocaleString("en-US");
+              }
+              return String(value ?? "");
+            }
+          },
+          helpers: {
+            isMagnetSupported: () => true,
+            escapeHtml: (value) => String(value ?? ""),
+            toLocaleString: (value, locales, options) => {
+              if (value && typeof value.toLocaleString === "function") {
+                return value.toLocaleString(locales || "en-US", options);
+              }
+              return String(value ?? "");
+            }
+          },
+          assets: {
+            fallbackThumbnailSrc: "/assets/jpg/video-thumbnail-fallback.jpg"
+          },
+          designSystem: {
+            getMode: () => "new",
+            isNew: () => true
+          }
+        });
+
+        const refreshModeration = () => {
+          card.video.moderation = buildModerationState(
+            fixture,
+            overrides,
+            video.id
+          );
+          if (typeof card.refreshModerationUi === "function") {
+            card.refreshModerationUi();
+          }
+        };
+
+        if (fixture.enableOverride) {
+          card.onModerationOverride = () => {
+            overrides = setOverride(overrides, video.id, { showAnyway: true });
+            refreshModeration();
+            try {
+              document.dispatchEvent(
+                new CustomEvent("video:moderation-override", {
+                  detail: { video }
+                })
+              );
+            } catch {
+              /* ignore fixture event errors */
+            }
+            return true;
+          };
+        }
+
+        const root = card.getRoot();
+        root.dataset.testId = fixture.key;
+        if (fixture.enableOverride) {
+          root.dataset.moderationOverrideAvailable = "true";
+        }
+        return { card, root, refreshModeration };
+      }
+
+      function renderFixtures() {
+        const root = document.getElementById("moderationFixtureRoot");
+        if (!root) {
+          return;
+        }
+
+        let overrides = loadOverrides();
+
+        fixtures.forEach((fixture) => {
+          const section = document.createElement("section");
+          section.classList.add("moderation-fixtures__section");
+
+          const heading = document.createElement("h2");
+          heading.textContent = fixture.heading;
+          heading.classList.add("moderation-fixtures__section-title");
+          section.appendChild(heading);
+
+          if (fixture.description) {
+            const description = document.createElement("p");
+            description.textContent = fixture.description;
+            description.classList.add(
+              "moderation-fixtures__section-description"
+            );
+            section.appendChild(description);
+          }
+
+          const { root: cardRoot, refreshModeration } = createCard(
+            fixture,
+            overrides
+          );
+          section.appendChild(cardRoot);
+
+          // Force refresh after attach to ensure visibility state is correct
+          refreshModeration();
+
+          if (fixture.blockToggle && fixture.blockToggle.pubkey) {
+            const toggleWrapper = document.createElement("div");
+            toggleWrapper.classList.add("fixture-toggle");
+
+            const label = document.createElement("label");
+            label.classList.add("fixture-toggle__label");
+
+            const input = document.createElement("input");
+            input.type = "checkbox";
+            input.checked = isReporterBlocked(
+              fixture.video.id,
+              fixture.blockToggle.pubkey
+            );
+            input.addEventListener("change", () => {
+              const checked = input.checked;
+              setReporterBlocked(
+                fixture.video.id,
+                fixture.blockToggle.pubkey,
+                checked
+              );
+              const action = checked ? "block" : "unblock";
+              try {
+                const detail = {
+                  action,
+                  targetPubkey: fixture.blockToggle.pubkey
+                };
+                const maybePromise =
+                  moderationService?.queueUserBlockRefresh?.(detail);
+                if (maybePromise && typeof maybePromise.then === "function") {
+                  maybePromise.catch(() => {});
+                }
+              } catch {
+                /* ignore fixture errors */
+              }
+              refreshModeration();
+            });
+
+            const text = document.createElement("span");
+            text.textContent =
+              typeof fixture.blockToggle.label === "string"
+                ? fixture.blockToggle.label
+                : "Viewer blocks reporter";
+
+            label.appendChild(input);
+            label.appendChild(text);
+            toggleWrapper.appendChild(label);
+            section.appendChild(toggleWrapper);
+          }
+
+          root.appendChild(section);
+        });
+      }
+
+      renderFixtures();
+
+      // Delay the ready signal slightly to ensure layout and observers have settled
+      setTimeout(() => {
+        window[READY_FLAG] = true;
+        document.body.dataset.ready = "true";
+        window.dispatchEvent(new CustomEvent("moderation-fixtures-ready"));
+      }, 50);
+    </script>
+  </body>
+</html>
diff --git a/dist/docs/moderation/nips.md b/dist/docs/moderation/nips.md
new file mode 100644
index 00000000..66a43112
--- /dev/null
+++ b/dist/docs/moderation/nips.md
@@ -0,0 +1,22 @@
+# NIPs bitvid uses (Moderation-Relevant)
+
+## Required
+- **NIP-56 — Reporting**  
+  `kind 1984` events with a `type` tag such as `nudity`, `spam`, `illegal`, `impersonation`, `malware`, `profanity`, `other`.  
+  Client may act on **reports from friends** (our trusted set).
+
+- **NIP-51 — Lists**  
+  - `10000` mute list (authors to mute).  
+  - `30000` categorized people (used for admin/curation lists).  
+  - `30001` bookmarks (not moderation, but used elsewhere).
+
+- **NIP-10 — Replies & Mentions**  
+  Threading for comments; moderation badges appear in the thread UI.
+
+## Recommended
+- **NIP-45 — COUNT**  
+  Event counts; we use it opportunistically for faster totals with graceful fallback.
+
+## Nice-to-have
+- **NIP-36 — Sensitive Content / Content Warning**  
+  If present, we pre-blur content even without reports; user can “show anyway”.
diff --git a/dist/docs/moderation/relays.md b/dist/docs/moderation/relays.md
new file mode 100644
index 00000000..78931f4a
--- /dev/null
+++ b/dist/docs/moderation/relays.md
@@ -0,0 +1,25 @@
+# Relay Compatibility & Fallbacks
+
+## COUNT (NIP-45)
+- Use COUNT when available to fetch totals efficiently.
+- If a relay doesn’t support COUNT:
+  - Show “—” placeholder.
+  - Fall back to client-side counting when cheap (narrow queries only).
+  - Avoid heavy per-relay scans; cap by time window and result size.
+
+## Query hygiene
+- Prefer specific filters: `authors`, `kinds`, `#e`, `#p`, `since/until`.
+- Batch requests across relays; debounce UI updates.
+- Cache viewer’s F1 set (pubkeys you follow) and their report summaries.
+
+## Media/thumbnail considerations
+- Never block media fetch solely on relay count results.
+- Thumbnails respect blur rules locally; “show anyway” toggles do not re-query relays.
+
+## Timeouts & errors
+- Per-relay timeout (e.g., 1500–2500 ms); proceed with partial results.
+- Surface a subtle “partial results” indicator when some relays fail.
+
+## Privacy notes
+- Do not leak the viewer’s F1 set to third-party endpoints.
+- If using a reputation provider, pass pubkeys in batches; avoid attaching viewer identity unless needed.
diff --git a/dist/docs/moderation/testing.md b/dist/docs/moderation/testing.md
new file mode 100644
index 00000000..27c85eb2
--- /dev/null
+++ b/dist/docs/moderation/testing.md
@@ -0,0 +1,91 @@
+# QA & Test Vectors (Moderation)
+
+## Quick checklist
+- [ ] F1 set cached and used for “trusted reports”.
+  - Automated coverage: `tests/moderation/trusted-report-count.test.mjs` (run via `npm run test:unit`).
+- [ ] Blur once trusted `nudity` reports meet `DEFAULT_BLUR_THRESHOLD`; autoplay blocks when the count reaches `DEFAULT_AUTOPLAY_BLOCK_THRESHOLD` (check [`config/instance-config.js`](../../config/instance-config.js) for your instance’s baseline exports).
+  - Automated coverage: `tests/visual/moderation.spec.ts` blur and autoplay scenarios (run via `npm run test:visual`).
+- [ ] Hide videos once trusted mute/spam thresholds are met.
+  - Automated coverage: `tests/visual/moderation.spec.ts` trusted hide scenarios (run via `npm run test:visual`).
+  - Manual: adjust thresholds in the profile modal, simulate trusted mutes/reports, and verify cards disappear until "show anyway" is used.
+- [ ] “Show anyway” works for blurred and hidden cards, surfaces a “Restore default moderation” control, and records only local pref.
+  - Automated coverage: `tests/visual/moderation.spec.ts` show-anyway persistence and trusted hide scenarios (run via `npm run test:visual`).
+- [ ] Mute list (10000) downranks/hides consistently.
+  - Manual: subscribe to fixture B and verify muted author disappears from feeds after refresh.
+- [ ] Admin lists (30000) take effect only when subscribed.
+  - Manual: load fixture C, toggle subscription, and confirm the hard-hide only applies while subscribed.
+- [ ] COUNT fallback shows placeholders and doesn’t crash UI.
+  - Manual: point the client at a relay without COUNT support and confirm placeholders render instead of errors.
+- [ ] Comment threads render with NIP-10; moderation badges show in context.
+  - Manual: open a reported thread and confirm badges + reply ordering remain intact.
+- [ ] Reports from muted reporters are ignored.
+  - Automated coverage: `tests/moderation/trusted-report-count.test.mjs` (muted reporter case).
+
+## Fixtures (create on test relays / served in `/docs/moderation/fixtures/`)
+
+### A) NIP-56 report events
+Create three distinct F1 reporter keys; each sends:
+
+```json
+{
+  "kind": 1984,
+  "tags": [
+    ["e", "<VIDEO_EVENT_ID>", "nudity"],
+    ["p", "<AUTHOR_PUBKEY>"]
+  ],
+  "content": "test: thumbnail too revealing"
+}
+```
+
+Expected:
+
+* After 1 report → no blur; autoplay allowed.
+* Once reports reach `DEFAULT_AUTOPLAY_BLOCK_THRESHOLD` → autoplay blocked (the upstream configuration currently sets this to 2, but rely on your `config/instance-config.js` value).
+* Once reports reach `DEFAULT_BLUR_THRESHOLD` → thumbnail blurred; reason chip shown (upstream example: 1). At the spam threshold (`TRUSTED_SPAM_HIDE_THRESHOLD` sourced from `DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD` in [`config/instance-config.js`](../../config/instance-config.js)) the card hides entirely and the badge copy switches to "Hidden · {count} trusted spam report(s)" until the viewer overrides it.
+
+**Exercises:** [`ModerationService.ingestReportEvent()`](../../js/services/moderationService.js) and [`ModerationService.getTrustedReportSummary()`](../../js/services/moderationService.js) wire through [`createModerationStage()`](../../js/feedEngine/stages.js) so [`bitvidApp.decorateVideoModeration()`](../../js/app.js) can hand the summary to [`VideoCard.refreshModerationUi()`](../../js/ui/components/VideoCard.js).
+
+### B) Mute list (10000)
+
+```json
+{
+  "kind": 10000,
+  "tags": [
+    ["p", "<AUTHOR_PUBKEY>"]
+  ]
+}
+```
+
+Expected: author’s items are downranked/blurred for this viewer. When the mute threshold (`TRUSTED_MUTE_HIDE_THRESHOLD`, sourced from `DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD` in [`config/instance-config.js`](../../config/instance-config.js); upstream example: 20) is met, cards render with "Hidden · {count} trusted mute(s)" and require a "Show anyway" override to display content plus a "Restore default moderation" control to revert.
+
+**Exercises:** [`ModerationService.ingestTrustedMuteEvent()`](../../js/services/moderationService.js) updates [`ModerationService.isAuthorMutedByTrusted()`](../../js/services/moderationService.js) / [`getTrustedMutersForAuthor()`](../../js/services/moderationService.js), which [`createModerationStage()`](../../js/feedEngine/stages.js) propagates to the video item before [`VideoCard.refreshModerationUi()`](../../js/ui/components/VideoCard.js) renders the mute state.
+
+### C) Admin blacklist (30000)
+
+```json
+{
+  "kind": 30000,
+  "tags": [
+    ["d", "bitvid:admin:blacklist"],
+    ["p", "<AUTHOR_PUBKEY>"]
+  ]
+}
+```
+
+Expected: when viewer subscribes to this list, author is hard-hidden.
+
+**Exercises:** [`accessControl`](../../js/accessControl.js) hydration feeds [`ModerationService.getAdminListSnapshot()`](../../js/services/moderationService.js) / [`getAccessControlStatus()`](../../js/services/moderationService.js), giving [`createModerationStage()`](../../js/feedEngine/stages.js) the whitelist/blacklist flags that [`bitvidApp.decorateVideoModeration()`](../../js/app.js) and [`VideoCard.refreshModerationUi()`](../../js/ui/components/VideoCard.js) respect.
+
+### D) COUNT fallback
+
+* Use a relay that doesn’t support COUNT.
+* Verify “—” placeholders; no spinner loops; no crashes.
+
+**Exercises:** Missing COUNT data flows through [`ModerationService.setActiveEventIds()`](../../js/services/moderationService.js) → [`ModerationService.getTrustedReportSummary()`](../../js/services/moderationService.js) defaults, letting [`createModerationStage()`](../../js/feedEngine/stages.js) emit neutral moderation metadata that [`VideoCard.refreshModerationUi()`](../../js/ui/components/VideoCard.js) renders as placeholders.
+
+## Automated checks (suggested)
+
+* `npm run test:unit` — covers `tests/moderation/trusted-report-count.test.mjs` for deduping and mute handling.
+* `npm run test:visual` — runs Playwright fixtures in `tests/visual/moderation.spec.ts` against `/docs/moderation/fixtures/index.html`, covering blur thresholds, autoplay blocks, trusted hide badges, and the override UX.
+* Integration test: emit events over a local relay; assert UI state.
+* Regression test: ensure Home feed ignores reputation gating.
diff --git a/dist/docs/moderation/web-of-trust-examples.md b/dist/docs/moderation/web-of-trust-examples.md
new file mode 100644
index 00000000..4111688d
--- /dev/null
+++ b/dist/docs/moderation/web-of-trust-examples.md
@@ -0,0 +1,118 @@
+# Web-of-Trust: Detailed Flow + Examples
+
+This document expands on `docs/moderation/web-of-trust.md` with a concrete view of
+how trust seeds, admin lists, and F1 thresholds interact during moderation
+scoring. It is intended for operators and developers who need to reason about
+why a piece of content was blurred, autoplay-blocked, or hidden.
+
+## Key concepts (quick recap)
+
+- **Trusted seeds**: A baseline set of pubkeys used to bootstrap trust for
+  anonymous/default visitors. Seeds come from the Super Admin and active editor
+  lists; fallback seeds are used only if those lists cannot be hydrated.
+- **Trusted contacts (F1)**: The viewer's follow list (plus seeds for
+  anonymous/default visitors). Only F1 accounts count as trusted reporters.
+- **Admin lists**: NIP-51 `30000` lists, specifically:
+  - `bitvid:admin:blacklist` → hard-hide when subscribed.
+  - `bitvid:admin:whitelist` → boosts Discovery ranking but never overrides
+    moderation gates.
+- **Thresholds**:
+  - Blur thumbnail: `DEFAULT_BLUR_THRESHOLD` trusted `nudity` reports.
+  - Block autoplay: `DEFAULT_AUTOPLAY_BLOCK_THRESHOLD` trusted `nudity` reports.
+  - Hide author: `DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD` trusted mutes.
+  - Hide video: `DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD` trusted spam reports.
+
+## Precedence (what wins)
+
+1. **Personal blocks first**: If a viewer blocks an author or reporter, the
+   author is hidden and that reporter's reports are ignored.
+2. **Admin blacklist second**: If the viewer is subscribed to
+   `bitvid:admin:blacklist`, entries there are hard-hidden and their reports are
+   suppressed before thresholds are evaluated.
+3. **F1 thresholds last**: Only after the first two checks do we apply trusted
+   report/mute thresholds for blur, autoplay block, and hide decisions.
+
+## How trust seeds are selected (bootstrap)
+
+For anonymous/default visitors (or when no follow graph is available), the
+trusted seed set is built as follows:
+
+1. Start with the Super Admin pubkey.
+2. Add active editors from the access control list (if available).
+3. If (1) and (2) produce no seeds, fall back to `DEFAULT_TRUST_SEED_NPUBS`.
+
+This means Super Admins and editors are not automatically blocked; they are used
+as trusted anchors when computing F1-based counts for viewers without a follow
+list. Blocking still follows the precedence rules above.
+
+## Example flows
+
+### Example 1: Anonymous visitor, no live admin lists available
+
+- Access control list fails to hydrate in time.
+- `DEFAULT_TRUST_SEED_NPUBS` is used as the seed set.
+- A video has 3 `nudity` reports from those seed accounts.
+
+Result:
+- Thumbnail is blurred if `DEFAULT_BLUR_THRESHOLD` is 1 (met).
+- Autoplay is blocked if `DEFAULT_AUTOPLAY_BLOCK_THRESHOLD` is 1 (met).
+- No hard hide unless trusted mute/spam thresholds are met.
+
+### Example 2: Logged-in viewer with personal blocks
+
+- Viewer follows 200 accounts (F1).
+- Viewer has blocked `npub_author_x`.
+- `npub_author_x` appears in a video card.
+
+Result:
+- The author is hidden immediately (personal block precedence).
+- Reports from `npub_author_x` are ignored in trusted counts.
+
+### Example 3: Admin blacklist + trusted reports
+
+- Viewer is subscribed to `bitvid:admin:blacklist`.
+- `npub_spammer` is listed there.
+- A video from `npub_spammer` has 1 trusted spam report.
+
+Result:
+- The video is hard-hidden due to the admin blacklist.
+- The spam report count does not matter because blacklist suppression runs
+  before thresholds.
+
+### Example 4: Trusted mute hide
+
+- Viewer follows 25 accounts.
+- 20 of them have muted `npub_author_y`.
+- `DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD` is 20.
+
+Result:
+- The author is hidden (trusted mute count ≥ 20).
+- The badge reads: `Hidden · 20 trusted mutes` and a “Show anyway” override is
+  available.
+
+### Example 5: Mixed nudity + spam reports
+
+- Viewer follows 50 accounts.
+- A video has:
+  - 2 trusted `nudity` reports
+  - 3 trusted `spam` reports
+- Thresholds are: blur=3, autoplay=2, spam hide=3.
+
+Result:
+- Autoplay is blocked (nudity reports meet autoplay threshold).
+- Thumbnail is **not** blurred (nudity reports below blur threshold).
+- Video is hidden (spam reports meet the spam hide threshold).
+
+## Troubleshooting checklist
+
+- Confirm the viewer’s follow list (F1) is populated and hydrated.
+- Verify admin list subscriptions are active for the viewer.
+- Check whether any personal blocks exist for the author or reporters.
+- Compare trusted counts to the configured defaults in
+  `config/instance-config.js`.
+
+## See also
+
+- `docs/moderation/web-of-trust.md`
+- `docs/moderation/README.md`
+- `docs/instance-config.md`
diff --git a/dist/docs/moderation/web-of-trust.md b/dist/docs/moderation/web-of-trust.md
new file mode 100644
index 00000000..01b27884
--- /dev/null
+++ b/dist/docs/moderation/web-of-trust.md
@@ -0,0 +1,105 @@
+# Web-of-Trust Policy (bitvid)
+
+## Graph terms
+- **F1 (friends)**: pubkeys you follow.
+- **F2**: friends-of-friends (off by default for Home; allowed for Discovery).
+- **Trusted report**: a NIP-56 report from an F1 account.
+
+## Signals we use
+- NIP-56 reports by type (`nudity`, `spam`, `illegal`, `impersonation`, etc.).
+- NIP-51 lists:
+  - 10000 mute list → downrank/hide author content.
+  - 30000 categorized people → optional admin lists (see below).
+- (Optional) reputation score from a reputation source (e.g., PageRank/DVM) for **Discovery** only.
+- Super Admin + active moderators are always treated as trust seeds for anonymous/default visitors. `DEFAULT_TRUST_SEED_NPUBS` in [`config/instance-config.js`](../../config/instance-config.js) only activates when those live moderator lists cannot be fetched.
+
+## Default thresholds (can be tuned)
+- `blurThumbnail = trustedReportCount(event,'nudity') >= DEFAULT_BLUR_THRESHOLD`
+- `hideAutoplay = trustedReportCount(event,'nudity') >= DEFAULT_AUTOPLAY_BLOCK_THRESHOLD`
+- `downrankIfMutedByF1 = true`
+- `hideIfTrustedMuteCount(author, category) >= trustedMuteHideThresholds[category] ?? DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD`
+- `hideIfTrustedSpamReports(event) >= DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD`
+
+Threshold constants are exported from [`config/instance-config.js`](../../config/instance-config.js) so operators can change the defaults without touching moderation code. Inspect the `DEFAULT_BLUR_THRESHOLD`, `DEFAULT_AUTOPLAY_BLOCK_THRESHOLD`, `DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD`, and `DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD` exports to set your policy. The upstream repo includes example values (blur at 1, autoplay block at 1, trusted mute hide at 20, trusted spam hide at 1), but treat those as guidance rather than hard-coded requirements. Per-category trusted mute hide thresholds now live in moderation settings as `trustedMuteHideThresholds` (e.g., `{ spam: 5, nudity: 10 }`), and any category not present falls back to the default trusted mute hide threshold. When evaluating trusted mutes we use the content's report type if available, otherwise we fall back to any category metadata attached to trusted mute list entries.
+
+### Trusted mute decay window
+- Trusted mute counts are **time-bounded**: only mute lists updated within the rolling window (currently 60 days) contribute to `trustedMuteCount`.
+- If an F1 account has not refreshed its mute list within the window, its mutes are treated as expired until a newer list is ingested.
+- This window acts as a rate-limit/decay mechanism so stale mutes do not accumulate indefinitely.
+
+### Why these numbers?
+- F1-only reports resist Sybil attacks.
+- Blur is reversible; hiding autoplay reduces accidental exposure.
+
+## Admin lists (opt-in)
+- We recognize curated lists using `30000` events:
+  - `['d','bitvid:admin:blacklist']` → hard-hide when subscribed.
+- `['d','bitvid:admin:whitelist']` → improves Discovery ranking when subscribed but no longer bypasses moderation gates.
+  - `['d','bitvid:admin:editors']` → trusted channel editors.
+- Users can subscribe/unsubscribe any time.
+
+### Decision precedence
+
+1. **Personal blocks win first.** If a viewer blocks an author or reporter, we ignore their content and reports regardless of admin lists.
+2. **Admin blacklist applies next.** Entries on `bitvid:admin:blacklist` are hard-hidden and their reports suppressed before looking at thresholds.
+3. **F1 thresholds run last.** Blur/autoplay gating only evaluates trusted-report counts after personal blocks and admin blacklists. Admin whitelists contribute to Discovery ranking when a viewer subscribes, but they never override moderation gates or a viewer block.
+
+## Pseudocode
+
+```ts
+type Hex = string;
+
+interface Report {
+  reporter: Hex; // F1 must include this key
+  type: 'nudity'|'spam'|'illegal'|'impersonation'|'malware'|'profanity'|'other';
+  targetEvent: string;
+}
+
+function trustedReportCount(eventId: string, type: Report['type'], viewerFollows: Set<Hex>, reports: Report[]): number {
+  return reports.filter(r => r.targetEvent === eventId && r.type === type && viewerFollows.has(r.reporter)).length;
+}
+
+function shouldBlurThumb(eventId: string, ctx: Ctx): boolean {
+  return trustedReportCount(eventId, 'nudity', ctx.viewerFollows, ctx.reports) >= DEFAULT_BLUR_THRESHOLD;
+}
+
+function shouldHideAutoplay(eventId: string, ctx: Ctx): boolean {
+  return trustedReportCount(eventId, 'nudity', ctx.viewerFollows, ctx.reports) >= DEFAULT_AUTOPLAY_BLOCK_THRESHOLD;
+}
+
+function shouldHideForTrustedMute(authorHex: string, ctx: Ctx, category: Report['type']): boolean {
+  const thresholds = ctx.trustedMuteHideThresholds || {};
+  const threshold = thresholds[category] ?? DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD;
+  return ctx.trustedMuteCount(authorHex, category) >= threshold;
+}
+
+function shouldHideForTrustedSpam(eventId: string, ctx: Ctx): boolean {
+  return trustedReportCount(eventId, 'spam', ctx.viewerFollows, ctx.reports) >= DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD;
+}
+```
+
+## UI rules
+
+* Always show a reason chip: e.g., `Blurred · 3 friends reported “nudity” · Show anyway`.
+* Respect per-viewer choices (global off, per-channel off).
+* Never bury the override.
+
+## Discovery (optional reputation)
+
+* Home feed: **never** gated by reputation.
+* Discovery/Trending: may require a minimum score (pluggable `ReputationSource`).
+* Keep a toggle in Settings to disable reputation gating.
+
+```ts
+interface ReputationSource {
+  // returns 0..1 rank per pubkey for a given perspective
+  rank(pubkeys: Hex[], perspective?: Hex): Promise<Record<Hex, number>>;
+}
+```
+
+## Anti-abuse hardening
+
+* Count unique F1 reporters only (dedupe by pubkey).
+* Minimum account age or minimum “being-followed” count for reporters (optional).
+* Rate-limit rapid report bursts per reporter.
+* Ignore reports from muted or blocked reporters.
diff --git a/dist/docs/nip46-client-overview.md b/dist/docs/nip46-client-overview.md
new file mode 100644
index 00000000..2db7f862
--- /dev/null
+++ b/dist/docs/nip46-client-overview.md
@@ -0,0 +1,89 @@
+# NIP-46 Client Overview
+
+`js/nostr/nip46Client.js` implements the **Nostr Connect** (NIP-46) protocol, allowing the application to delegate event signing to a remote signer (e.g., a "Bunker" or mobile wallet) instead of managing private keys locally.
+
+## Architecture
+
+The communication happens over standard Nostr relays using **Kind 24133** (Nostr Connect) events. These events act as an RPC (Remote Procedure Call) transport layer.
+
+### Components
+
+1.  **`Nip46RpcClient`**: The central controller. It manages:
+    *   **Encryption**: Secures payloads using NIP-44 (XChaCha20) or NIP-04 (legacy AES).
+    *   **Subscription**: Listens for responses from the specific remote signer pubkey.
+    *   **Queueing**: Uses `Nip46RequestQueue` to serialize and throttle requests (preventing "rate-limited" errors).
+    *   **Session**: Persists connection details (remote pubkey, relays) to `localStorage`.
+
+2.  **`Nip46RequestQueue`**: A priority queue ensuring RPC calls are processed sequentially and respect relay rate limits.
+
+### Connection Flow
+
+1.  **Parsing**: The app receives a connection URI (e.g., `bunker://...` or `nostrconnect://...`).
+2.  **Handshake**: `Nip46RpcClient` initiates a `connect` RPC call.
+3.  **Verification**: If a `secret` was provided in the URI, the client verifies the signer's response matches it.
+4.  **Metadata**: The client fetches the user's public key via `get_public_key`.
+
+```mermaid
+sequenceDiagram
+    participant App
+    participant Client as Nip46RpcClient
+    participant Relay
+    participant Signer as Remote Signer
+
+    App->>Client: connect(bunkerURI)
+    Client->>Client: parse URI & derive ephemeral keys
+    Client->>Relay: Publish Kind 24133 (method: "connect")
+    Relay->>Signer: Deliver Event
+    Signer->>Relay: Publish Kind 24133 (result: "ack")
+    Relay->>Client: Deliver Response
+    Client->>Client: Verify Secret & Permissions
+    Client-->>App: Connected
+```
+
+## Signing Flow
+
+When the app needs to publish a video or update a profile, it calls `signEvent`.
+
+```mermaid
+sequenceDiagram
+    participant App
+    participant Client as Nip46RpcClient
+    participant Relay
+    participant Signer
+
+    App->>Client: signEvent(unsignedEvent)
+    Client->>Client: JSON.stringify(unsignedEvent)
+    Client->>Client: Encrypt Payload (NIP-44)
+    Client->>Relay: Publish Kind 24133 (method: "sign_event")
+
+    Note over Client, Signer: Network Latency / Queueing
+
+    Signer->>Relay: Publish Kind 24133 (result: signedJson)
+    Relay->>Client: Deliver Response
+    Client->>Client: Decrypt & Parse
+    Client-->>App: Signed Event
+```
+
+## Security & Encryption
+
+*   **Ephemeral Keys**: The client generates a random local key pair for each session. The user's main private key is **never** transmitted.
+*   **Encryption Negotiation**: The client prefers **NIP-44 v2** but falls back to NIP-04 if the signer doesn't support it.
+*   **Auth Challenges**: If the signer requires out-of-band authentication (e.g., scanning a QR code), it returns an `auth_url` error, which the client bubbles up to the UI.
+
+## Key Functions
+
+*   `parseNip46ConnectionString(uri)`: specific parser for `bunker://` and `nostrconnect://` URIs, extracting secrets, relays, and remote pubkeys.
+*   `createNip46Cipher(...)`: Factory that creates an encryption interface (encrypt/decrypt) based on available libraries and negotiated algorithms.
+*   `decryptNip46PayloadWithKeys(...)`: Helper to brute-force decrypt an incoming message using all available algorithms (handling legacy vs modern formats).
+
+## Error Handling
+
+*   **Timeouts**: RPC calls have a default timeout (15s).
+*   **Rate Limiting**: If relays reply with `rate-limited`, the client performs exponential backoff.
+*   **Session Recovery**: On page load, `readStoredNip46Session` rehydrates the session from `localStorage` to resume without re-connecting.
+
+## When to change
+
+*   **Protocol Updates**: If NIP-46 or NIP-44 standards are updated (e.g. new encryption vectors, new RPC methods).
+*   **Security Audit**: If a security review identifies weaknesses in the ephemeral key handling or encryption flow.
+*   **Relay Logic**: If the strategy for relay selection or rate-limiting needs to be optimized for better connectivity.
diff --git a/dist/docs/nip46-remote-signers.md b/dist/docs/nip46-remote-signers.md
new file mode 100644
index 00000000..3423f3b2
--- /dev/null
+++ b/dist/docs/nip46-remote-signers.md
@@ -0,0 +1,114 @@
+# NIP-46 Remote Signer Integration
+
+bitvid can delegate event signing to a remote NIP-46 compatible signer. This
+flow lets operators keep long-lived keys on hardened devices while approving
+publish/edit/delete actions from a separate browser session.
+
+## Connection workflow
+
+### Client-initiated handshake (preferred)
+
+When an operator chooses the remote signer option, bitvid now generates a fresh
+`nostrconnect://` URI and displays it alongside a QR code. The URI encodes:
+
+- A short-lived client key pair dedicated to the session.
+- The default WSS relay bundle (`wss://relay.damus.io`, `wss://nos.lol`,
+  `wss://relay.snort.social`, `wss://relay.primal.net`,
+  `wss://relay.nostr.band`).
+- A random `secret` value that must be echoed back by the signer to prevent
+  spoofed acknowledgements.
+- Optional metadata (`name`, `url`, `image`) so the signer can display the
+  client branding during pairing.
+- Optional `perms` requested by the client.
+
+Remote signers should scan the QR code or otherwise receive the
+`nostrconnect://` link, subscribe to the advertised relays, and respond with a
+`connect` acknowledgement signed by the remote signer key. The response must
+include the `secret` value that was present in the URI. bitvid listens for this
+acknowledgement before attempting the RPC `connect` call so operators see a
+clear “waiting for signer” status in the modal.
+
+### Fallback bunker links
+
+Some signers still distribute `bunker://` URIs that point to the remote signer
+pubkey. The modal keeps a “paste bunker link” toggle so operators can supply the
+URI manually when QR pairing isn’t available. These URIs can advertise the same
+`relay=`, `secret=`, `perms=`, `name`, `url`, and `image` parameters described
+above. If no relays are specified the default bundle listed earlier is used.
+
+Recent remote signers also append a `remote-signer-key=` parameter that
+identifies the key the bunker uses for encrypted RPC traffic. The hostname/path
+may now refer to the *user* pubkey instead of the signer key, so clients must:
+
+1. Decrypt handshake acknowledgements with the `remote-signer-key` when
+   provided, falling back to the event author as a legacy escape hatch.
+2. Continue calling `get_public_key` after the `connect` RPC to learn the user
+   pubkey rather than trusting the bunker URI host.
+
+bitvid automatically persists both the signer key and the user pubkey returned
+by `get_public_key` so reconnect flows display accurate metadata.
+
+## Relay requirements
+
+The remote signer must subscribe to `kind 24133` events targeted at the client
+public key (included in the connection URI). bitvid publishes RPC requests to
+whichever relay list resolves from the URI + local fallback:
+
+1. Explicit `relay=` parameters from the bunker URI (WSS only, duplicates
+   removed and sanitized).
+2. The relays persisted in a previous session, if any.
+3. The default bitvid relay set listed above.
+
+For reliable operation:
+
+- Keep at least two relays online so publish attempts succeed within the
+  8&nbsp;second relay publish timeout.
+- Ensure every relay allows inbound events from both the browser’s IP and the
+  remote signer. Corporate VPNs and Tor bridges frequently block public WSS
+  relays.
+- Avoid private relays that block unsigned events from unknown clients; the
+  browser session publishes unsigned requests that the signer decrypts with the
+  shared secret.
+
+## RPC expectations and timeouts
+
+The RPC client issues the following methods:
+
+- `connect` (optionally with `secret` and `perms`)
+- `get_public_key`
+- `sign_event` for publish/edit/delete flows
+
+Each request is encrypted to the signer and published to the resolved relay set.
+bitvid waits up to **8&nbsp;seconds** for a relay to accept the event and up to
+**15&nbsp;seconds** for a response. `sign_event` calls allow up to
+**20&nbsp;seconds** before timing out. On transient failures the client retries
+once (except when the signer returns an authentication URL).
+
+If the signer responds with `error: auth_url`, the UI surfaces the provided URL
+so the user can complete any additional verification the signer requires.
+
+## Session persistence and restoration
+
+Successful connections write a session blob to
+`localStorage` under the key `bitvid:nip46:session:v1`. The payload includes the
+client key pair, remote pubkey, relay list, metadata, permissions, and the most
+recent user pubkey returned by the signer.
+
+On page load bitvid reads the stored session, updates the login modal to show a
+saved signer, and silently attempts to reconnect in the background. If the
+attempt fails due to network timeouts or temporary relay outages the stored
+session remains intact so the user can retry manually. Fatal errors (for example
+shared secret mismatches) clear the saved session automatically. Users can also
+invoke “Disconnect” from the login modal to remove the stored credentials.
+
+## Operational checklist
+
+- Issue bunker URIs that list WSS relays reachable by both the signer and the
+  browser session.
+- Keep the signer online and subscribed to `kind 24133` events for the advertised
+  relays.
+- Respond to `connect`, `get_public_key`, and `sign_event` requests within the
+  timeouts above.
+- Rotate secrets or permissions as needed—bitvid surfaces signer metadata so
+  operators can confirm which device they are connecting to before approving new
+  sessions.
diff --git a/dist/docs/nip46-roadmap.md b/dist/docs/nip46-roadmap.md
new file mode 100644
index 00000000..aaca171c
--- /dev/null
+++ b/dist/docs/nip46-roadmap.md
@@ -0,0 +1,52 @@
+# NIP-46 Roadmap & Features
+
+This document outlines the current state of our NIP-46 (Nostr Connect) implementation and tracks future enhancements. The goal is to provide a seamless, secure, and user-friendly remote signing experience.
+
+## Current State
+
+As of the latest refactor, the NIP-46 login flow has been simplified to prioritize ease of use for the majority of users:
+
+*   **QR-First UX**: The login modal immediately presents a QR code for easy pairing with mobile signers (e.g., Amber, NsecBunker).
+*   **One-Click Copy**: A prominent "Copy Connect Link" button allows users to quickly grab the `nostrconnect://` URI for manual pasting if needed.
+*   **Hidden Complexity**: Advanced options like manual bunker URL entry and relay configuration are hidden by default to reduce cognitive load.
+*   **Manual Fallback**: A "Trouble scanning?" toggle reveals the raw URI for debugging or manual copying in edge cases.
+*   **Automatic Persistence**: Sessions are automatically remembered to streamline future logins.
+
+## Planned Features & Improvements
+
+The following features are candidates for future implementation:
+
+### 1. Manual Bunker Connection
+*   **Description**: Allow users to manually paste a `bunker://` URL provided by their signer service.
+*   **Use Case**: Users who set up a remote signer on a server or desktop application that provides a static connection string.
+*   **Implementation**: Restore the manual input toggle in a "Advanced" or "Manual" tab within the modal.
+
+### 2. Advanced Relay Configuration
+*   **Description**: Allow users to customize the relays used for the NIP-46 handshake and subsequent communication.
+*   **Use Case**: Users with strict privacy requirements or those using private relays for their signing devices.
+*   **Implementation**: Add a "Relay Settings" accordion or step in the connection flow.
+
+### 3. NIP-05 Discovery
+*   **Description**: Allow users to enter a NIP-05 address (e.g., `user@domain.com`) to discover their signer's relay and public key automatically.
+*   **Use Case**: Simplifies the login process to just an email-like identifier, similar to regular web logins.
+*   **Implementation**: Query the `.well-known/nostr.json` of the domain to resolve the NIP-46 config.
+
+### 4. Two-Way Pairing / Auth
+*   **Description**: Support flows where the client (this app) scans a QR code generated by the signer, rather than the signer scanning the client.
+*   **Use Case**: Desktop users pairing with a mobile device where the desktop has a webcam.
+
+### 5. Session Management UI
+*   **Description**: A dedicated settings panel to view connected signers, revoke permissions, or forget saved sessions.
+*   **Use Case**: Users managing multiple signing devices or rotating keys.
+
+### 6. Multi-Account Support via NIP-46
+*   **Description**: Better support for signers that manage multiple keys (personas) behind a single connection.
+*   **Use Case**: Users who want to switch between "Personal", "Work", and "Anon" profiles without reconnecting.
+
+## Known Issues
+
+*   **QR Code Density**: Very long URIs (with many relays or long secrets) can create dense QR codes that are hard to scan on low-resolution screens.
+*   **Browser Compatibility**: The "Copy" button relies on the Clipboard API, which requires a secure context (HTTPS) and active focus.
+
+---
+*Last Updated: ${new Date().toISOString().split('T')[0]}*
diff --git a/dist/docs/nips/01.md b/dist/docs/nips/01.md
new file mode 100644
index 00000000..1f564274
--- /dev/null
+++ b/dist/docs/nips/01.md
@@ -0,0 +1,178 @@
+NIP-01
+======
+
+Basic protocol flow description
+-------------------------------
+
+`draft` `mandatory`
+
+This NIP defines the basic protocol that should be implemented by everybody. New NIPs may add new optional (or mandatory) fields and messages and features to the structures and flows described here.
+
+## Events and signatures
+
+Each user has a keypair. Signatures, public key, and encodings are done according to the [Schnorr signatures standard for the curve `secp256k1`](https://bips.xyz/340).
+
+The only object type that exists is the `event`, which has the following format on the wire:
+
+```yaml
+{
+  "id": <32-bytes lowercase hex-encoded sha256 of the serialized event data>,
+  "pubkey": <32-bytes lowercase hex-encoded public key of the event creator>,
+  "created_at": <unix timestamp in seconds>,
+  "kind": <integer between 0 and 65535>,
+  "tags": [
+    [<arbitrary string>...],
+    // ...
+  ],
+  "content": <arbitrary string>,
+  "sig": <64-bytes lowercase hex of the signature of the sha256 hash of the serialized event data, which is the same as the "id" field>
+}
+```
+
+To obtain the `event.id`, we `sha256` the serialized event. The serialization is done over the UTF-8 JSON-serialized string (which is described below) of the following structure:
+
+```
+[
+  0,
+  <pubkey, as a lowercase hex string>,
+  <created_at, as a number>,
+  <kind, as a number>,
+  <tags, as an array of arrays of non-null strings>,
+  <content, as a string>
+]
+```
+
+To prevent implementation differences from creating a different event ID for the same event, the following rules MUST be followed while serializing:
+- UTF-8 should be used for encoding.
+- Whitespace, line breaks or other unnecessary formatting should not be included in the output JSON.
+- The following characters in the content field must be escaped as shown, and all other characters must be included verbatim:
+  - A line break (`0x0A`), use `\n`
+  - A double quote (`0x22`), use `\"`
+  - A backslash (`0x5C`), use `\\`
+  - A carriage return (`0x0D`), use `\r`
+  - A tab character (`0x09`), use `\t`
+  - A backspace, (`0x08`), use `\b`
+  - A form feed, (`0x0C`), use `\f`
+
+### Tags
+
+Each tag is an array of one or more strings, with some conventions around them. Take a look at the example below:
+
+```jsonc
+{
+  "tags": [
+    ["e", "5c83da77af1dec6d7289834998ad7aafbd9e2191396d75ec3cc27f5a77226f36", "wss://nostr.example.com"],
+    ["p", "f7234bd4c1394dda46d09f35bd384dd30cc552ad5541990f98844fb06676e9ca"],
+    ["a", "30023:f7234bd4c1394dda46d09f35bd384dd30cc552ad5541990f98844fb06676e9ca:abcd", "wss://nostr.example.com"],
+    ["alt", "reply"],
+    // ...
+  ],
+  // ...
+}
+```
+
+The first element of the tag array is referred to as the tag _name_ or _key_ and the second as the tag _value_. So we can safely say that the event above has an `e` tag set to `"5c83da77af1dec6d7289834998ad7aafbd9e2191396d75ec3cc27f5a77226f36"`, an `alt` tag set to `"reply"` and so on. All elements after the second do not have a conventional name.
+
+This NIP defines 3 standard tags that can be used across all event kinds with the same meaning. They are as follows:
+
+- The `e` tag, used to refer to an event: `["e", <32-bytes lowercase hex of the id of another event>, <recommended relay URL, optional>, <32-bytes lowercase hex of the author's pubkey, optional>]`
+- The `p` tag, used to refer to another user: `["p", <32-bytes lowercase hex of a pubkey>, <recommended relay URL, optional>]`
+- The `a` tag, used to refer to an addressable or replaceable event
+    - for an addressable event: `["a", "<kind integer>:<32-bytes lowercase hex of a pubkey>:<d tag value>", <recommended relay URL, optional>]`
+    - for a normal replaceable event: `["a", "<kind integer>:<32-bytes lowercase hex of a pubkey>:", <recommended relay URL, optional>]` (note: include the trailing colon)
+
+As a convention, all single-letter (only english alphabet letters: a-z, A-Z) key tags are expected to be indexed by relays, such that it is possible, for example, to query or subscribe to events that reference the event `"5c83da77af1dec6d7289834998ad7aafbd9e2191396d75ec3cc27f5a77226f36"` by using the `{"#e": ["5c83da77af1dec6d7289834998ad7aafbd9e2191396d75ec3cc27f5a77226f36"]}` filter. Only the first value in any given tag is indexed.
+
+### Kinds
+
+Kinds specify how clients should interpret the meaning of each event and the other fields of each event (e.g. an `"r"` tag may have a meaning in an event of kind 1 and an entirely different meaning in an event of kind 10002). Each NIP may define the meaning of a set of kinds that weren't defined elsewhere. [NIP-10](10.md), for instance, specifies the `kind:1` text note for social media applications.
+
+This NIP defines one basic kind:
+
+- `0`: **user metadata**: the `content` is set to a stringified JSON object `{name: <nickname or full name>, about: <short bio>, picture: <url of the image>}` describing the user who created the event. [Extra metadata fields](24.md#kind-0) may be set. A relay may delete older events once it gets a new one for the same pubkey.
+
+And also a convention for kind ranges that allow for easier experimentation and flexibility of relay implementation:
+
+- for kind `n` such that `1000 <= n < 10000 || 4 <= n < 45 || n == 1 || n == 2`, events are **regular**, which means they're all expected to be stored by relays.
+- for kind `n` such that `10000 <= n < 20000 || n == 0 || n == 3`, events are **replaceable**, which means that, for each combination of `pubkey` and `kind`, only the latest event MUST be stored by relays, older versions MAY be discarded.
+- for kind `n` such that `20000 <= n < 30000`, events are **ephemeral**, which means they are not expected to be stored by relays.
+- for kind `n` such that `30000 <= n < 40000`, events are **addressable** by their `kind`, `pubkey` and `d` tag value -- which means that, for each combination of `kind`, `pubkey` and the `d` tag value, only the latest event MUST be stored by relays, older versions MAY be discarded.
+
+In case of replaceable events with the same timestamp, the event with the lowest id (first in lexical order) should be retained, and the other discarded.
+
+When answering to `REQ` messages for replaceable events such as `{"kinds":[0],"authors":[<hex-key>]}`, even if the relay has more than one version stored, it SHOULD return just the latest one.
+
+These are just conventions and relay implementations may differ.
+
+## Communication between clients and relays
+
+Relays expose a websocket endpoint to which clients can connect. Clients SHOULD open a single websocket connection to each relay and use it for all their subscriptions. Relays MAY limit number of connections from specific IP/client/etc.
+
+### From client to relay: sending events and creating subscriptions
+
+Clients can send 3 types of messages, which must be JSON arrays, according to the following patterns:
+
+  * `["EVENT", <event JSON as defined above>]`, used to publish events.
+  * `["REQ", <subscription_id>, <filters1>, <filters2>, ...]`, used to request events and subscribe to new updates.
+  * `["CLOSE", <subscription_id>]`, used to stop previous subscriptions.
+
+`<subscription_id>` is an arbitrary, non-empty string of max length 64 chars. It represents a subscription per connection. Relays MUST manage `<subscription_id>`s independently for each WebSocket connection. `<subscription_id>`s are not guaranteed to be globally unique.
+
+`<filtersX>` is a JSON object that determines what events will be sent in that subscription, it can have the following attributes:
+
+```yaml
+{
+  "ids": <a list of event ids>,
+  "authors": <a list of lowercase pubkeys, the pubkey of an event must be one of these>,
+  "kinds": <a list of a kind numbers>,
+  "#<single-letter (a-zA-Z)>": <a list of tag values, for #e — a list of event ids, for #p — a list of pubkeys, etc.>,
+  "since": <an integer unix timestamp in seconds. Events must have a created_at >= to this to pass>,
+  "until": <an integer unix timestamp in seconds. Events must have a created_at <= to this to pass>,
+  "limit": <maximum number of events relays SHOULD return in the initial query>
+}
+```
+
+Upon receiving a `REQ` message, the relay SHOULD return events that match the filter. Any new events it receives SHOULD be sent to that same websocket until the connection is closed, a `CLOSE` event is received with the same `<subscription_id>`, or a new `REQ` is sent using the same `<subscription_id>` (in which case a new subscription is created, replacing the old one).
+
+Filter attributes containing lists (`ids`, `authors`, `kinds` and tag filters like `#e`) are JSON arrays with one or more values. At least one of the arrays' values must match the relevant field in an event for the condition to be considered a match. For scalar event attributes such as `authors` and `kind`, the attribute from the event must be contained in the filter list. In the case of tag attributes such as `#e`, for which an event may have multiple values, the event and filter condition values must have at least one item in common.
+
+The `ids`, `authors`, `#e` and `#p` filter lists MUST contain exact 64-character lowercase hex values.
+
+The `since` and `until` properties can be used to specify the time range of events returned in the subscription. If a filter includes the `since` property, events with `created_at` greater than or equal to `since` are considered to match the filter. The `until` property is similar except that `created_at` must be less than or equal to `until`. In short, an event matches a filter if `since <= created_at <= until` holds.
+
+All conditions of a filter that are specified must match for an event for it to pass the filter, i.e., multiple conditions are interpreted as `&&` conditions.
+
+A `REQ` message may contain multiple filters. In this case, events that match any of the filters are to be returned, i.e., multiple filters are to be interpreted as `||` conditions.
+
+The `limit` property of a filter is only valid for the initial query and MUST be ignored afterwards. When `limit: n` is present it is assumed that the events returned in the initial query will be the last `n` events ordered by the `created_at`. Newer events should appear first, and in the case of ties the event with the lowest id (first in lexical order) should be first. Relays SHOULD use the `limit` value to guide how many events are returned in the initial response. Returning fewer events is acceptable, but returning (much) more should be avoided to prevent overwhelming clients.
+
+### From relay to client: sending events and notices
+
+Relays can send 5 types of messages, which must also be JSON arrays, according to the following patterns:
+
+  * `["EVENT", <subscription_id>, <event JSON as defined above>]`, used to send events requested by clients.
+  * `["OK", <event_id>, <true|false>, <message>]`, used to indicate acceptance or denial of an `EVENT` message.
+  * `["EOSE", <subscription_id>]`, used to indicate the _end of stored events_ and the beginning of events newly received in real-time.
+  * `["CLOSED", <subscription_id>, <message>]`, used to indicate that a subscription was ended on the server side.
+  * `["NOTICE", <message>]`, used to send human-readable error messages or other things to clients.
+
+This NIP defines no rules for how `NOTICE` messages should be sent or treated.
+
+- `EVENT` messages MUST be sent only with a subscription ID related to a subscription previously initiated by the client (using the `REQ` message above).
+- `OK` messages MUST be sent in response to `EVENT` messages received from clients, they must have the 3rd parameter set to `true` when an event has been accepted by the relay, `false` otherwise. The 4th parameter MUST always be present, but MAY be an empty string when the 3rd is `true`, otherwise it MUST be a string formed by a machine-readable single-word prefix followed by a `:` and then a human-readable message. Some examples:
+  * `["OK", "b1a649ebe8...", true, ""]`
+  * `["OK", "b1a649ebe8...", true, "pow: difficulty 25>=24"]`
+  * `["OK", "b1a649ebe8...", true, "duplicate: already have this event"]`
+  * `["OK", "b1a649ebe8...", false, "blocked: you are banned from posting here"]`
+  * `["OK", "b1a649ebe8...", false, "blocked: please register your pubkey at https://my-expensive-relay.example.com"]`
+  * `["OK", "b1a649ebe8...", false, "rate-limited: slow down there chief"]`
+  * `["OK", "b1a649ebe8...", false, "invalid: event creation date is too far off from the current time"]`
+  * `["OK", "b1a649ebe8...", false, "pow: difficulty 26 is less than 30"]`
+  * `["OK", "b1a649ebe8...", false, "restricted: not allowed to write."]`
+  * `["OK", "b1a649ebe8...", false, "error: could not connect to the database"]`
+  * `["OK", "b1a649ebe8...", false, "mute: no one was listening to your ephemeral event and it wasn't handled in any way, it was ignored"]`
+- `CLOSED` messages MUST be sent in response to a `REQ` when the relay refuses to fulfill it. It can also be sent when a relay decides to kill a subscription on its side before a client has disconnected or sent a `CLOSE`. This message uses the same pattern of `OK` messages with the machine-readable prefix and human-readable message. Some examples:
+  * `["CLOSED", "sub1", "unsupported: filter contains unknown elements"]`
+  * `["CLOSED", "sub1", "error: could not connect to the database"]`
+  * `["CLOSED", "sub1", "error: shutting down idle subscription"]`
+- The standardized machine-readable prefixes for `OK` and `CLOSED` are: `duplicate`, `pow`, `blocked`, `rate-limited`, `invalid`, `restricted`, `mute` and `error` for when none of that fits.
diff --git a/dist/docs/nips/02.md b/dist/docs/nips/02.md
new file mode 100644
index 00000000..8354bf0b
--- /dev/null
+++ b/dist/docs/nips/02.md
@@ -0,0 +1,78 @@
+NIP-02
+======
+
+Follow List
+-----------
+
+`final` `optional`
+
+A special event with kind `3`, meaning "follow list" is defined as having a list of `p` tags, one for each of the followed/known profiles one is following.
+
+Each tag entry should contain the key for the profile, a relay URL where events from that key can be found (can be set to an empty string if not needed), and a local name (or "petname") for that profile (can also be set to an empty string or not provided), i.e., `["p", <32-bytes hex key>, <main relay URL>, <petname>]`.
+
+The `.content` is not used.
+
+For example:
+
+```jsonc
+{
+  "kind": 3,
+  "tags": [
+    ["p", "91cf9..4e5ca", "wss://alicerelay.com/", "alice"],
+    ["p", "14aeb..8dad4", "wss://bobrelay.com/nostr", "bob"],
+    ["p", "612ae..e610f", "ws://carolrelay.com/ws", "carol"]
+  ],
+  "content": "",
+  // other fields...
+}
+```
+
+Every new following list that gets published overwrites the past ones, so it should contain all entries. Relays and clients SHOULD delete past following lists as soon as they receive a new one.
+
+Whenever new follows are added to an existing list, clients SHOULD append them to the end of the list, so they are stored in chronological order.
+
+## Uses
+
+### Follow list backup
+
+If one believes a relay will store their events for sufficient time, they can use this kind-3 event to backup their following list and recover on a different device.
+
+### Profile discovery and context augmentation
+
+A client may rely on the kind-3 event to display a list of followed people by profiles one is browsing; make lists of suggestions on who to follow based on the follow lists of other people one might be following or browsing; or show the data in other contexts.
+
+### Relay sharing
+
+A client may publish a follow list with good relays for each of their follows so other clients may use these to update their internal relay lists if needed, increasing censorship-resistance.
+
+### Petname scheme
+
+The data from these follow lists can be used by clients to construct local ["petname"](http://www.skyhunter.com/marcs/petnames/IntroPetNames.html) tables derived from other people's follow lists. This alleviates the need for global human-readable names. For example:
+
+A user has an internal follow list that says
+
+```json
+[
+  ["p", "21df6d143fb96c2ec9d63726bf9edc71", "", "erin"]
+]
+```
+
+And receives two follow lists, one from `21df6d143fb96c2ec9d63726bf9edc71` that says
+
+```json
+[
+  ["p", "a8bb3d884d5d90b413d9891fe4c4e46d", "", "david"]
+]
+```
+
+and another from `a8bb3d884d5d90b413d9891fe4c4e46d` that says
+
+```json
+[
+  ["p", "f57f54057d2a7af0efecc8b0b66f5708", "", "frank"]
+]
+```
+
+When the user sees `21df6d143fb96c2ec9d63726bf9edc71` the client can show _erin_ instead;
+When the user sees `a8bb3d884d5d90b413d9891fe4c4e46d` the client can show _david.erin_ instead;
+When the user sees `f57f54057d2a7af0efecc8b0b66f5708` the client can show _frank.david.erin_ instead.
diff --git a/dist/docs/nips/03.md b/dist/docs/nips/03.md
new file mode 100644
index 00000000..3cd40a07
--- /dev/null
+++ b/dist/docs/nips/03.md
@@ -0,0 +1,34 @@
+NIP-03
+======
+
+OpenTimestamps Attestations for Events
+--------------------------------------
+
+`draft` `optional`
+
+This NIP defines an event with `kind:1040` that can contain an [OpenTimestamps](https://opentimestamps.org/) proof for any other event:
+
+```json
+{
+  "kind": 1040
+  "tags": [
+    ["e", <target-event-id>, <relay-url>],
+    ["k", "<target-event-kind>"]
+  ],
+  "content": <base64-encoded OTS file data>
+}
+```
+
+- The OpenTimestamps proof MUST prove the referenced `e` event id as its digest.
+- The `content` MUST be the full content of an `.ots` file containing at least one Bitcoin attestation. This file SHOULD contain a **single** Bitcoin attestation (as not more than one valid attestation is necessary and less bytes is better than more) and no reference to "pending" attestations since they are useless in this context.
+
+### Example OpenTimestamps proof verification flow
+
+Using [`nak`](https://github.com/fiatjaf/nak), [`jq`](https://jqlang.github.io/jq/) and [`ots`](https://github.com/fiatjaf/ots):
+
+```bash
+~> nak req -i e71c6ea722987debdb60f81f9ea4f604b5ac0664120dd64fb9d23abc4ec7c323 wss://nostr-pub.wellorder.net | jq -r .content | ots verify
+> using an esplora server at https://blockstream.info/api
+- sequence ending on block 810391 is valid
+timestamp validated at block [810391]
+```
diff --git a/dist/docs/nips/04.md b/dist/docs/nips/04.md
new file mode 100644
index 00000000..a561a2f8
--- /dev/null
+++ b/dist/docs/nips/04.md
@@ -0,0 +1,55 @@
+> __Warning__  `unrecommended`: deprecated in favor of [NIP-17](17.md)
+
+NIP-04
+======
+
+Encrypted Direct Message
+------------------------
+
+`final` `unrecommended` `optional`
+
+A special event with kind `4`, meaning "encrypted direct message". It is supposed to have the following attributes:
+
+**`content`** MUST be equal to the base64-encoded, aes-256-cbc encrypted string of anything a user wants to write, encrypted using a shared cipher generated by combining the recipient's public-key with the sender's private-key; this appended by the base64-encoded initialization vector as if it was a querystring parameter named "iv". The format is the following: `"content": "<encrypted_text>?iv=<initialization_vector>"`.
+
+**`tags`** MUST contain an entry identifying the receiver of the message (such that relays may naturally forward this event to them), in the form `["p", "<pubkey, as a hex string>"]`.
+
+**`tags`** MAY contain an entry identifying the previous message in a conversation or a message we are explicitly replying to (such that contextual, more organized conversations may happen), in the form `["e", "<event_id>"]`.
+
+**Note**: By default in the [libsecp256k1](https://github.com/bitcoin-core/secp256k1) ECDH implementation, the secret is the SHA256 hash of the shared point (both X and Y coordinates). In Nostr, only the X coordinate of the shared point is used as the secret and it is NOT hashed. If using libsecp256k1, a custom function that copies the X coordinate must be passed as the `hashfp` argument in `secp256k1_ecdh`. See [here](https://github.com/bitcoin-core/secp256k1/blob/master/src/modules/ecdh/main_impl.h#L29).
+
+Code sample for generating such an event in JavaScript:
+
+```js
+import crypto from 'crypto'
+import * as secp from '@noble/secp256k1'
+
+let sharedPoint = secp.getSharedSecret(ourPrivateKey, '02' + theirPublicKey)
+let sharedX = sharedPoint.slice(1, 33)
+
+let iv = crypto.randomFillSync(new Uint8Array(16))
+var cipher = crypto.createCipheriv(
+  'aes-256-cbc',
+  Buffer.from(sharedX),
+  iv
+)
+let encryptedMessage = cipher.update(text, 'utf8', 'base64')
+encryptedMessage += cipher.final('base64')
+let ivBase64 = Buffer.from(iv.buffer).toString('base64')
+
+let event = {
+  pubkey: ourPubKey,
+  created_at: Math.floor(Date.now() / 1000),
+  kind: 4,
+  tags: [['p', theirPublicKey]],
+  content: encryptedMessage + '?iv=' + ivBase64
+}
+```
+
+## Security Warning
+
+This standard does not go anywhere near what is considered the state-of-the-art in encrypted communication between peers, and it leaks metadata in the events, therefore it must not be used for anything you really need to keep secret, and only with relays that use `AUTH` to restrict who can fetch your `kind:4` events.
+
+## Client Implementation Warning
+
+Clients *should not* search and replace public key or note references from the `.content`. If processed like a regular text note (where `@npub...` is replaced with `#[0]` with a `["p", "..."]` tag) the tags are leaked and the mentioned user will receive the message in their inbox.
diff --git a/dist/docs/nips/05.md b/dist/docs/nips/05.md
new file mode 100644
index 00000000..7e823fba
--- /dev/null
+++ b/dist/docs/nips/05.md
@@ -0,0 +1,103 @@
+NIP-05
+======
+
+Mapping Nostr keys to DNS-based internet identifiers
+----------------------------------------------------
+
+`final` `optional`
+
+On events of kind `0` (`user metadata`) one can specify the key `"nip05"` with an [internet identifier](https://datatracker.ietf.org/doc/html/rfc5322#section-3.4.1) (an email-like address) as the value. Although there is a link to a very liberal "internet identifier" specification above, NIP-05 assumes the `<local-part>` part will be restricted to the characters `a-z0-9-_.`, case-insensitive.
+
+Upon seeing that, the client splits the identifier into `<local-part>` and `<domain>` and use these values to make a GET request to `https://<domain>/.well-known/nostr.json?name=<local-part>`.
+
+The result should be a JSON document object with a key `"names"` that should then be a mapping of names to hex formatted public keys. If the public key for the given `<name>` matches the `pubkey` from the `user metadata` event, the client then concludes that the given pubkey can indeed be referenced by its identifier.
+
+### Example
+
+If a client sees an event like this:
+
+```jsonc
+{
+  "pubkey": "b0635d6a9851d3aed0cd6c495b282167acf761729078d975fc341b22650b07b9",
+  "kind": 0,
+  "content": "{\"name\": \"bob\", \"nip05\": \"bob@example.com\"}"
+  // other fields...
+}
+```
+
+It will make a GET request to `https://example.com/.well-known/nostr.json?name=bob` and get back a response that will look like
+
+```json
+{
+  "names": {
+    "bob": "b0635d6a9851d3aed0cd6c495b282167acf761729078d975fc341b22650b07b9"
+  }
+}
+```
+
+or with the **recommended** `"relays"` attribute:
+
+```json
+{
+  "names": {
+    "bob": "b0635d6a9851d3aed0cd6c495b282167acf761729078d975fc341b22650b07b9"
+  },
+  "relays": {
+    "b0635d6a9851d3aed0cd6c495b282167acf761729078d975fc341b22650b07b9": [ "wss://relay.example.com", "wss://relay2.example.com" ]
+  }
+}
+```
+
+If the pubkey matches the one given in `"names"` (as in the example above) that means the association is right and the `"nip05"` identifier is valid and can be displayed.
+
+The recommended `"relays"` attribute may contain an object with public keys as properties and arrays of relay URLs as values. When present, that can be used to help clients learn in which relays the specific user may be found. Web servers which serve `/.well-known/nostr.json` files dynamically based on the query string SHOULD also serve the relays data for any name they serve in the same reply when that is available.
+
+## Finding users from their NIP-05 identifier
+
+A client may implement support for finding users' public keys from _internet identifiers_, the flow is the same as above, but reversed: first the client fetches the _well-known_ URL and from there it gets the public key of the user, then it tries to fetch the kind `0` event for that user and check if it has a matching `"nip05"`.
+
+## Notes
+
+### Identification, not verification
+
+The NIP-05 is not intended to _verify_ a user, but only to _identify_ them, for the purpose of facilitating the exchange of a contact or their search.  
+Exceptions are people who own (e.g., a company) or are connected (e.g., a project) to a well-known domain, who can exploit NIP-05 as an attestation of their relationship with it, and thus to the organization behind it, thereby gaining an element of trust.
+
+### User discovery implementation suggestion
+
+A client can use this to allow users to search other profiles. If a client has a search box or something like that, a user may be able to type "bob@example.com" there and the client would recognize that and do the proper queries to obtain a pubkey and suggest that to the user.
+
+### Clients must always follow public keys, not NIP-05 addresses
+
+For example, if after finding that `bob@bob.com` has the public key `abc...def`, the user clicks a button to follow that profile, the client must keep a primary reference to `abc...def`, not `bob@bob.com`. If, for any reason, the address `https://bob.com/.well-known/nostr.json?name=bob` starts returning the public key `1d2...e3f` at any time in the future, the client must not replace `abc...def` in his list of followed profiles for the user (but it should stop displaying "bob@bob.com" for that user, as that will have become an invalid `"nip05"` property).
+
+### Public keys must be in hex format
+
+Keys must be returned in hex format. Keys in NIP-19 `npub` format are only meant to be used for display in client UIs, not in this NIP.
+
+### Showing just the domain as an identifier
+
+Clients may treat the identifier `_@domain` as the "root" identifier, and choose to display it as just the `<domain>`. For example, if Bob owns `bob.com`, he may not want an identifier like `bob@bob.com` as that is redundant. Instead, Bob can use the identifier `_@bob.com` and expect Nostr clients to show and treat that as just `bob.com` for all purposes.
+
+### Reasoning for the `/.well-known/nostr.json?name=<local-part>` format
+
+By adding the `<local-part>` as a query string instead of as part of the path, the protocol can support both dynamic servers that can generate JSON on-demand and static servers with a JSON file in it that may contain multiple names.
+
+### Allowing access from JavaScript apps
+
+JavaScript Nostr apps may be restricted by browser [CORS][] policies that prevent them from accessing `/.well-known/nostr.json` on the user's domain. When CORS prevents JS from loading a resource, the JS program sees it as a network failure identical to the resource not existing, so it is not possible for a pure-JS app to tell the user for certain that the failure was caused by a CORS issue. JS Nostr apps that see network failures requesting `/.well-known/nostr.json` files may want to recommend to users that they check the CORS policy of their servers, e.g.:
+
+```bash
+$ curl -sI https://example.com/.well-known/nostr.json?name=bob | grep -i ^Access-Control
+Access-Control-Allow-Origin: *
+```
+
+Users should ensure that their `/.well-known/nostr.json` is served with the HTTP header `Access-Control-Allow-Origin: *` to ensure it can be validated by pure JS apps running in modern browsers.
+
+[CORS]: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
+
+### Security Constraints
+
+The `/.well-known/nostr.json` endpoint MUST NOT return any HTTP redirects.
+
+Fetchers MUST ignore any HTTP redirects given by the `/.well-known/nostr.json` endpoint.
diff --git a/dist/docs/nips/06.md b/dist/docs/nips/06.md
new file mode 100644
index 00000000..0e502543
--- /dev/null
+++ b/dist/docs/nips/06.md
@@ -0,0 +1,31 @@
+NIP-06
+======
+
+Basic key derivation from mnemonic seed phrase
+----------------------------------------------
+
+`draft` `optional`
+
+[BIP39](https://bips.xyz/39) is used to generate mnemonic seed words and derive a binary seed from them.
+
+[BIP32](https://bips.xyz/32) is used to derive the path `m/44'/1237'/<account>'/0/0` (according to the Nostr entry on [SLIP44](https://github.com/satoshilabs/slips/blob/master/slip-0044.md)).
+
+A basic client can simply use an `account` of `0` to derive a single key. For more advanced use-cases you can increment `account`, allowing generation of practically infinite keys from the 5-level path with hardened derivation.
+
+Other types of clients can still get fancy and use other derivation paths for their own other purposes.
+
+### Test vectors
+
+mnemonic: leader monkey parrot ring guide accident before fence cannon height naive bean\
+private key (hex): 7f7ff03d123792d6ac594bfa67bf6d0c0ab55b6b1fdb6249303fe861f1ccba9a\
+nsec: nsec10allq0gjx7fddtzef0ax00mdps9t2kmtrldkyjfs8l5xruwvh2dq0lhhkp\
+public key (hex): 17162c921dc4d2518f9a101db33695df1afb56ab82f5ff3e5da6eec3ca5cd917\
+npub: npub1zutzeysacnf9rru6zqwmxd54mud0k44tst6l70ja5mhv8jjumytsd2x7nu
+
+---
+
+mnemonic: what bleak badge arrange retreat wolf trade produce cricket blur garlic valid proud rude strong choose busy staff weather area salt hollow arm fade\
+private key (hex): c15d739894c81a2fcfd3a2df85a0d2c0dbc47a280d092799f144d73d7ae78add\
+nsec: nsec1c9wh8xy5eqdzln7n5t0ctgxjcrdug73gp5yj0x03gntn67h83twssdfhel\
+public key (hex): d41b22899549e1f3d335a31002cfd382174006e166d3e658e3a5eecdb6463573\
+npub: npub16sdj9zv4f8sl85e45vgq9n7nsgt5qphpvmf7vk8r5hhvmdjxx4es8rq74h
diff --git a/dist/docs/nips/07.md b/dist/docs/nips/07.md
new file mode 100644
index 00000000..294acd38
--- /dev/null
+++ b/dist/docs/nips/07.md
@@ -0,0 +1,32 @@
+NIP-07
+======
+
+`window.nostr` capability for web browsers
+------------------------------------------
+
+`draft` `optional`
+
+The `window.nostr` object may be made available by web browsers or extensions and websites or web-apps may make use of it after checking its availability.
+
+That object must define the following methods:
+
+```
+async window.nostr.getPublicKey(): string // returns a public key as hex
+async window.nostr.signEvent(event: { created_at: number, kind: number, tags: string[][], content: string }): Event // takes an event object, adds `id`, `pubkey` and `sig` and returns it
+```
+
+Aside from these two basic above, the following functions can also be implemented optionally:
+```
+async window.nostr.nip04.encrypt(pubkey, plaintext): string // returns ciphertext and iv as specified in nip-04 (deprecated)
+async window.nostr.nip04.decrypt(pubkey, ciphertext): string // takes ciphertext and iv as specified in nip-04 (deprecated)
+async window.nostr.nip44.encrypt(pubkey, plaintext): string // returns ciphertext as specified in nip-44
+async window.nostr.nip44.decrypt(pubkey, ciphertext): string // takes ciphertext as specified in nip-44
+```
+
+### Recommendation to Extension Authors
+To make sure that the `window.nostr` is available to nostr clients on page load, the authors who create Chromium and Firefox extensions should load their scripts by specifying `"run_at": "document_end"` in the extension's manifest.
+
+
+### Implementation
+
+See https://github.com/aljazceru/awesome-nostr#nip-07-browser-extensions.
diff --git a/dist/docs/nips/08.md b/dist/docs/nips/08.md
new file mode 100644
index 00000000..f4f4341d
--- /dev/null
+++ b/dist/docs/nips/08.md
@@ -0,0 +1,21 @@
+> __Warning__  `unrecommended`: deprecated in favor of [NIP-27](27.md)
+
+NIP-08
+======
+
+Handling Mentions
+-----------------
+
+`final` `unrecommended` `optional`
+
+This document standardizes the treatment given by clients of inline mentions of other events and pubkeys inside the content of `text_note`s.
+
+Clients that want to allow tagged mentions they MUST show an autocomplete component or something analogous to that whenever the user starts typing a special key (for example, "@") or presses some button to include a mention etc -- or these clients can come up with other ways to unambiguously differentiate between mentions and normal text.
+
+Once a mention is identified, for example, the pubkey `27866e9d854c78ae625b867eefdfa9580434bc3e675be08d2acb526610d96fbe`, the client MUST add that pubkey to the `.tags` with the tag `p`, then replace its textual reference (inside `.content`) with the notation `#[index]` in which "index" is equal to the 0-based index of the related tag in the tags array.
+
+The same process applies for mentioning event IDs.
+
+A client that receives a `text_note` event with such `#[index]` mentions in its `.content` CAN do a search-and-replace using the actual contents from the `.tags` array with the actual pubkey or event ID that is mentioned, doing any desired context augmentation (for example, linking to the pubkey or showing a preview of the mentioned event contents) it wants in the process.
+
+Where `#[index]` has an `index` that is outside the range of the tags array or points to a tag that is not an `e` or `p` tag or a tag otherwise declared to support this notation, the client MUST NOT perform such replacement or augmentation, but instead display it as normal text.
diff --git a/dist/docs/nips/09.md b/dist/docs/nips/09.md
new file mode 100644
index 00000000..23ffeab1
--- /dev/null
+++ b/dist/docs/nips/09.md
@@ -0,0 +1,53 @@
+NIP-09
+======
+
+Event Deletion Request
+----------------------
+
+`draft` `optional`
+
+A special event with kind `5`, meaning "deletion request" is defined as having a list of one or more `e` or `a` tags, each referencing an event the author is requesting to be deleted. Deletion requests SHOULD include a `k` tag for the kind of each event being requested for deletion.
+
+The event's `content` field MAY contain a text note describing the reason for the deletion request.
+
+For example:
+
+```jsonc
+{
+  "kind": 5,
+  "pubkey": <32-bytes hex-encoded public key of the event creator>,
+  "tags": [
+    ["e", "dcd59..464a2"],
+    ["e", "968c5..ad7a4"],
+    ["a", "<kind>:<pubkey>:<d-identifier>"],
+    ["k", "1"],
+    ["k", "30023"]
+  ],
+  "content": "these posts were published by accident",
+  // other fields...
+}
+```
+
+Relays SHOULD delete or stop publishing any referenced events that have an identical `pubkey` as the deletion request.  Clients SHOULD hide or otherwise indicate a deletion request status for referenced events.
+
+Relays SHOULD continue to publish/share the deletion request events indefinitely, as clients may already have the event that's intended to be deleted. Additionally, clients SHOULD broadcast deletion request events to other relays which don't have it.
+
+When an `a` tag is used, relays SHOULD delete all versions of the replaceable event up to the `created_at` timestamp of the deletion request event.
+
+## Client Usage
+
+Clients MAY choose to fully hide any events that are referenced by valid deletion request events.  This includes text notes, direct messages, or other yet-to-be defined event kinds.  Alternatively, they MAY show the event along with an icon or other indication that the author has "disowned" the event.  The `content` field MAY also be used to replace the deleted events' own content, although a user interface should clearly indicate that this is a deletion request reason, not the original content.
+
+A client MUST validate that each event `pubkey` referenced in the `e` tag of the deletion request is identical to the deletion request `pubkey`, before hiding or deleting any event.  Relays can not, in general, perform this validation and should not be treated as authoritative.
+
+Clients display the deletion request event itself in any way they choose, e.g., not at all, or with a prominent notice.
+
+Clients MAY choose to inform the user that their request for deletion does not guarantee deletion because it is impossible to delete events from all relays and clients.
+
+## Relay Usage
+
+Relays MAY validate that a deletion request event only references events that have the same `pubkey` as the deletion request itself, however this is not required since relays may not have knowledge of all referenced events.
+
+## Deletion Request of a Deletion Request
+
+Publishing a deletion request event against a deletion request has no effect.  Clients and relays are not obliged to support "unrequest deletion" functionality.
diff --git a/dist/docs/nips/10.md b/dist/docs/nips/10.md
new file mode 100644
index 00000000..9fd4415e
--- /dev/null
+++ b/dist/docs/nips/10.md
@@ -0,0 +1,84 @@
+NIP-10
+======
+
+Text Notes and Threads
+----------------------
+
+`draft` `optional`
+
+This NIP defines `kind:1` as a simple plaintext note.
+
+## Abstract
+
+The `.content` property contains some human-readable text. 
+
+`e` tags can be used to define note thread roots and replies. They SHOULD be sorted by the reply stack from root to the direct parent.
+
+`q` tags MAY be used when citing events in the `.content` with [NIP-21](21.md).
+
+```json
+["q", "<event-id> or <event-address>", "<relay-url>", "<pubkey-if-a-regular-event>"]
+```
+
+Authors of the `e` and `q` tags SHOULD be added as `p` tags to notify of a new reply or quote.
+
+Markup languages such as markdown and HTML SHOULD NOT be used. 
+
+## Marked "e" tags (PREFERRED)
+
+Kind 1 events with `e` tags are replies to other kind 1 events. Kind 1 replies MUST NOT be used to reply to other kinds, use [NIP-22](22.md) instead. 
+
+`["e", <event-id>, <relay-url>, <marker>, <pubkey>]`
+
+Where:
+
+ * `<event-id>` is the id of the event being referenced.
+ * `<relay-url>` is the URL of a recommended relay associated with the reference. Clients SHOULD add a valid `<relay-url>` field, but may instead leave it as `""`.
+ * `<marker>` is optional and if present is one of `"reply"`, `"root"`.
+ * `<pubkey>` is optional, SHOULD be the pubkey of the author of the referenced event
+
+Those marked with `"reply"` denote the id of the reply event being responded to.  Those marked with `"root"` denote the root id of the reply thread being responded to. For top level replies (those replying directly to the root event), only the `"root"` marker should be used. 
+
+A direct reply to the root of a thread should have a single marked "e" tag of type "root".
+
+>This scheme is preferred because it allows events to mention others without confusing them with `<reply-id>` or `<root-id>`.
+
+`<pubkey>` SHOULD be the pubkey of the author of the `e` tagged event, this is used in the outbox model to search for that event from the authors write relays where relay hints did not resolve the event.
+
+## The "p" tag
+Used in a text event contains a list of pubkeys used to record who is involved in a reply thread.
+
+When replying to a text event E the reply event's "p" tags should contain all of E's "p" tags as well as the `"pubkey"` of the event being replied to.
+
+Example:  Given a text event authored by `a1` with "p" tags [`p1`, `p2`, `p3`] then the "p" tags of the reply should be [`a1`, `p1`, `p2`, `p3`]
+in no particular order.
+
+## Deprecated Positional "e" tags
+
+This scheme is not in common use anymore and is here just to keep backward compatibility with older events on the network. 
+
+Positional `e` tags are deprecated because they create ambiguities that are difficult, or impossible to resolve when an event references another but is not a reply.
+
+They use simple `e` tags without any marker. 
+
+`["e", <event-id>, <relay-url>]` as per NIP-01.
+
+Where:
+
+ * `<event-id>` is the id of the event being referenced.
+ * `<relay-url>` is the URL of a recommended relay associated with the reference.  Many clients treat this field as optional.
+
+**The positions of the "e" tags within the event denote specific meanings as follows**:
+
+ * No "e" tag: <br>
+ This event is not a reply to, nor does it refer to, any other event.
+
+ * One "e" tag: <br>
+ `["e", <id>]`: The id of the event to which this event is a reply.
+
+ * Two "e" tags:  `["e", <root-id>]`, `["e", <reply-id>]` <br>
+ `<root-id>` is the id of the event at the root of the reply chain.  `<reply-id>` is the id of the article to which this event is a reply.
+
+ * Many "e" tags: `["e", <root-id>]` `["e", <mention-id>]`, ..., `["e", <reply-id>]`<br>
+There may be any number of `<mention-ids>`.  These are the ids of events which may, or may not be in the reply chain.
+They are citing from this event.  `root-id` and `reply-id` are as above.
\ No newline at end of file
diff --git a/dist/docs/nips/11.md b/dist/docs/nips/11.md
new file mode 100644
index 00000000..5c3b9dab
--- /dev/null
+++ b/dist/docs/nips/11.md
@@ -0,0 +1,367 @@
+NIP-11
+======
+
+Relay Information Document
+--------------------------
+
+`draft` `optional`
+
+Relays may provide server metadata to clients to inform them of capabilities, administrative contacts, and various server attributes.  This is made available as a JSON document over HTTP, on the same URI as the relay's websocket.
+
+When a relay receives an HTTP(s) request with an `Accept` header of `application/nostr+json` to a URI supporting WebSocket upgrades, they SHOULD return a document with the following structure.
+
+```json
+{
+  "name": <string identifying relay>,
+  "description": <string with detailed information>,
+  "banner": <a link to an image (e.g. in .jpg, or .png format)>,
+  "icon": <a link to an icon (e.g. in .jpg, or .png format>,
+  "pubkey": <administrative contact pubkey>,
+  "contact": <administrative alternate contact>,
+  "supported_nips": <a list of NIP numbers supported by the relay>,
+  "software": <string identifying relay software URL>,
+  "version": <string version identifier>,
+  "privacy_policy": <a link to a text file describing the relay's privacy policy>,
+  "terms_of_service": <a link to a text file describing the relay's term of service>,
+}
+```
+
+Any field may be omitted, and clients MUST ignore any additional fields they do not understand. Relays MUST accept CORS requests by sending `Access-Control-Allow-Origin`, `Access-Control-Allow-Headers`, and `Access-Control-Allow-Methods` headers.
+
+Field Descriptions
+------------------
+
+### Name
+
+A relay may select a `name` for use in client software.  This is a string, and SHOULD be less than 30 characters to avoid client truncation.
+
+### Description
+
+Detailed plain-text information about the relay may be contained in the `description` string.  It is recommended that this contain no markup, formatting or line breaks for word wrapping, and simply use double newline characters to separate paragraphs.  There are no limitations on length.
+
+### Banner
+
+To make nostr relay management more user friendly, an effort should be made by relay owners to communicate with non-dev non-technical nostr end users. A banner is a visual representation of the relay. It should aim to visually communicate the brand of the relay, complementing the text `Description`. [Here is an example banner](https://image.nostr.build/232ddf6846e8aea5a61abcd70f9222ab521f711aa545b7ab02e430248fa3a249.png) mockup as visualized in Damus iOS relay view of the Damus relay.
+
+### Icon
+
+Icon is a compact visual representation of the relay for use in UI with limited real estate such as a nostr user's relay list view. Below is an example URL pointing to an image to be used as an icon for the relay. Recommended to be squared in shape.
+
+```jsonc
+{
+  "icon": "https://nostr.build/i/53866b44135a27d624e99c6165cabd76ac8f72797209700acb189fce75021f47.jpg",
+  // other fields...
+}
+```
+
+### Pubkey
+
+An administrative contact may be listed with a `pubkey`, in the same format as Nostr events (32-byte hex for a `secp256k1` public key).  If a contact is listed, this provides clients with a recommended address to send encrypted direct messages (See [NIP-17](17.md)) to a system administrator.  Expected uses of this address are to report abuse or illegal content, file bug reports, or request other technical assistance.
+
+Relay operators have no obligation to respond to direct messages.
+
+### Contact
+
+An alternative contact may be listed under the `contact` field as well, with the same purpose as `pubkey`.  Use of a Nostr public key and direct message SHOULD be preferred over this.  Contents of this field SHOULD be a URI, using schemes such as `mailto` or `https` to provide users with a means of contact.
+
+### Supported NIPs
+
+As the Nostr protocol evolves, some functionality may only be available by relays that implement a specific `NIP`.  This field is an array of the integer identifiers of `NIP`s that are implemented in the relay.  Examples would include `1`, for `"NIP-01"` and `9`, for `"NIP-09"`.  Client-side `NIPs` SHOULD NOT be advertised, and can be ignored by clients.
+
+### Software
+
+The relay server implementation MAY be provided in the `software` attribute.  If present, this MUST be a URL to the project's homepage.
+
+### Version
+
+The relay MAY choose to publish its software version as a string attribute.  The string format is defined by the relay implementation.  It is recommended this be a version number or commit identifier.
+
+### Privacy Policy
+
+The relay owner/admin MAY choose to link to a privacy policy document, which describes how the relay utilizes user data. Data collection, data usage, data retention, monetization of data, and third party data sharing SHOULD be included.
+
+### Terms of Service
+
+The relay owner/admin MAY choose to link to a terms of service document.
+
+
+
+Extra Fields
+------------
+
+### Server Limitations
+
+These are limitations imposed by the relay on clients. Your client
+should expect that requests exceed these *practical* limitations
+are rejected or fail immediately.
+
+```jsonc
+{
+  "limitation": {
+    "max_message_length": 16384,
+    "max_subscriptions": 300,
+    "max_limit": 5000,
+    "max_subid_length": 100,
+    "max_event_tags": 100,
+    "max_content_length": 8196,
+    "min_pow_difficulty": 30,
+    "auth_required": true,
+    "payment_required": true,
+    "restricted_writes": true,
+    "created_at_lower_limit": 31536000,
+    "created_at_upper_limit": 3,
+    "default_limit": 500
+  },
+  // other fields...
+}
+```
+
+- `max_message_length`: the maximum number of bytes for incoming JSON that the relay
+will attempt to decode and act upon. When you send large subscriptions, you will be
+limited by this value. It also effectively limits the maximum size of any event. Value is
+calculated from `[` to `]` after UTF-8 serialization (so some unicode characters
+will cost 2-3 bytes). It is equal to the maximum size of the WebSocket message frame.
+
+- `max_subscriptions`: total number of subscriptions that may be
+active on a single websocket connection to this relay. Authenticated clients with a (paid) relationship to the relay
+may have higher limits.
+
+- `max_subid_length`: maximum length of subscription id as a string.
+
+- `max_limit`: the relay server will clamp each filter's `limit` value to this number.
+This means the client won't be able to get more than this number
+of events from a single subscription filter. This clamping is typically done silently
+by the relay, but with this number, you can know that there are additional results
+if you narrow your filter's time range or other parameters.
+
+- `max_event_tags`: in any event, this is the maximum number of elements in the `tags` list.
+
+- `max_content_length`: maximum number of characters in the `content`
+field of any event. This is a count of unicode characters. After
+serializing into JSON it may be larger (in bytes), and is still
+subject to the `max_message_length`, if defined.
+
+- `min_pow_difficulty`: new events will require at least this difficulty of PoW,
+based on [NIP-13](13.md), or they will be rejected by this server.
+
+- `auth_required`: this relay requires [NIP-42](42.md) authentication
+to happen before a new connection may perform any other action.
+Even if set to False, authentication may be required for specific actions.
+
+- `payment_required`: this relay requires payment before a new connection may perform any action.
+
+- `restricted_writes`: this relay requires some kind of condition to be fulfilled to
+accept events (not necessarily, but including `payment_required` and `min_pow_difficulty`).
+This should only be set to `true` when users are expected to know the relay policy before trying
+to write to it -- like belonging to a special pubkey-based whitelist or writing only events of
+a specific niche kind or content. Normal anti-spam heuristics, for example, do not qualify.
+
+- `created_at_lower_limit`: 'created_at' lower limit
+
+- `created_at_upper_limit`: 'created_at' upper limit
+
+- `default_limit`: The maximum returned events if you send a filter without a `limit`.
+
+### Event Retention
+
+There may be a cost associated with storing data forever, so relays
+may wish to state retention times. The values stated here are defaults
+for unauthenticated users and visitors. Paid users would likely have
+other policies.
+
+Retention times are given in seconds, with `null` indicating infinity.
+If zero is provided, this means the event will not be stored at
+all, and preferably an error will be provided when those are received.
+
+```jsonc
+{
+  "retention": [
+    {"kinds": [0, 1, [5, 7], [40, 49]], "time": 3600},
+    {"kinds": [[40000, 49999]], "time": 100},
+    {"kinds": [[30000, 39999]], "count": 1000},
+    {"time": 3600, "count": 10000}
+  ],
+  // other fields...
+}
+```
+
+`retention` is a list of specifications: each will apply to either all kinds, or
+a subset of kinds. Ranges may be specified for the kind field as a tuple of inclusive
+start and end values. Events of indicated kind (or all) are then limited to a `count`
+and/or time period.
+
+It is possible to effectively blacklist Nostr-based protocols that rely on
+a specific `kind` number, by giving a retention time of zero for those `kind` values.
+While that is unfortunate, it does allow clients to discover servers that will
+support their protocol quickly via a single HTTP fetch.
+
+There is no need to specify retention times for _ephemeral events_ since they are not retained.
+
+### Content Limitations
+
+Some relays may be governed by the arbitrary laws of a nation state. This
+may limit what content can be stored in clear-text on those relays. All
+clients are encouraged to use encryption to work around this limitation.
+
+It is not possible to describe the limitations of each country's laws
+and policies which themselves are typically vague and constantly shifting.
+
+Therefore, this field allows the relay operator to indicate which
+countries' laws might end up being enforced on them, and then
+indirectly on their users' content.
+
+Users should be able to avoid relays in countries they don't like,
+and/or select relays in more favorable zones. Exposing this
+flexibility is up to the client software.
+
+```jsonc
+{
+  "relay_countries": [ "CA", "US" ],
+  // other fields...
+}
+```
+
+- `relay_countries`: a list of two-level ISO country codes (ISO 3166-1 alpha-2)  whose
+  laws and policies may affect this relay. `EU` may be used for European Union countries. A `*` can be used for global relays.
+
+Remember that a relay may be hosted in a country which is not the
+country of the legal entities who own the relay, so it's very
+likely a number of countries are involved.
+
+
+### Community Preferences
+
+For public text notes at least, a relay may try to foster a
+local community. This would encourage users to follow the global
+feed on that relay, in addition to their usual individual follows.
+To support this goal, relays MAY specify some of the following values.
+
+```jsonc
+{
+  "language_tags": ["en", "en-419"],
+  "tags": ["sfw-only", "bitcoin-only", "anime"],
+  "posting_policy": "https://example.com/posting-policy.html",
+  // other fields...
+}
+```
+
+- `language_tags` is an ordered list
+  of [IETF language tags](https://en.wikipedia.org/wiki/IETF_language_tag) indicating
+  the major languages spoken on the relay. A `*` can be used for global relays.
+
+- `tags` is a list of limitations on the topics to be discussed.
+  For example `sfw-only` indicates that only "Safe For Work" content
+  is encouraged on this relay. This relies on assumptions of what the
+  "work" "community" feels "safe" talking about. In time, a common
+  set of tags may emerge that allow users to find relays that suit
+  their needs, and client software will be able to parse these tags easily.
+  The `bitcoin-only` tag indicates that any *altcoin*, *"crypto"* or *blockchain*
+  comments will be ridiculed without mercy.
+
+- `posting_policy` is a link to a human-readable page which specifies the
+  community policies for the relay. In cases where `sfw-only` is True, it's
+  important to link to a page which gets into the specifics of your posting policy.
+
+The `description` field should be used to describe your community
+goals and values, in brief. The `posting_policy` is for additional
+detail and legal terms. Use the `tags` field to signify limitations
+on content, or topics to be discussed, which could be machine
+processed by appropriate client software.
+
+### Pay-to-Relay
+
+Relays that require payments may want to expose their fee schedules.
+
+```jsonc
+{
+  "payments_url": "https://my-relay/payments",
+  "fees": {
+    "admission": [{ "amount": 1000000, "unit": "msats" }],
+    "subscription": [{ "amount": 5000000, "unit": "msats", "period": 2592000 }],
+    "publication": [{ "kinds": [4], "amount": 100, "unit": "msats" }],
+  },
+  // other fields...
+}
+```
+
+### Examples
+
+As of 25 March 2025 the following command provided these results:
+
+```bash
+curl -H "Accept: application/nostr+json" https://jellyfish.land | jq
+```
+
+```json
+{
+  "name": "JellyFish",
+  "description": "Stay Immortal!",
+  "banner": "https://image.nostr.build/7fdefea2dec1f1ec25b8ce69362566c13b2b7f13f1726c2e4584f05f64f62496.jpg",
+  "pubkey": "bf2bee5281149c7c350f5d12ae32f514c7864ff10805182f4178538c2c421007",
+  "contact": "hi@dezh.tech",
+  "software": "https://github.com/dezh-tech/immortal",
+  "supported_nips": [
+    1,
+    9,
+    11,
+    13,
+    17,
+    40,
+    42,
+    59,
+    62,
+    70
+  ],
+  "version": "immortal - 0.0.9",
+  "relay_countries": [
+    "*"
+  ],
+  "language_tags": [
+    "*"
+  ],
+  "tags": [],
+  "posting_policy": "https://jellyfish.land/tos.txt",
+  "payments_url": "https://jellyfish.land/relay",
+  "icon": "https://image.nostr.build/2547e9ec4b23589e09bc7071e0806c3d4293f76284c58ff331a64bce978aaee8.jpg",
+  "retention": [],
+  "fees": {
+    "subscription": [
+      {
+        "amount": 3000,
+        "period": 2628003,
+        "unit": "sats"
+      },
+      {
+        "amount": 8000,
+        "period": 7884009,
+        "unit": "sats"
+      },
+      {
+        "amount": 15000,
+        "period": 15768018,
+        "unit": "sats"
+      },
+      {
+        "amount": 28000,
+        "period": 31536036,
+        "unit": "sats"
+      }
+    ]
+  },
+  "limitation": {
+    "auth_required": false,
+    "max_message_length": 70000,
+    "max_subid_length": 256,
+    "max_subscriptions": 350,
+    "min_pow_difficulty": 0,
+    "payment_required": true,
+    "restricted_writes": true,
+    "max_event_tags": 2000,
+    "max_content_length": 70000,
+    "created_at_lower_limit": 0,
+    "created_at_upper_limit": 2147483647,
+    "default_limit": 500,
+    "max_limit": 5000
+  }
+}
+```
diff --git a/dist/docs/nips/12.md b/dist/docs/nips/12.md
new file mode 100644
index 00000000..bf0eda9e
--- /dev/null
+++ b/dist/docs/nips/12.md
@@ -0,0 +1,9 @@
+NIP-12
+======
+
+Generic Tag Queries
+-------------------
+
+`final` `mandatory`
+
+Moved to [NIP-01](01.md).
diff --git a/dist/docs/nips/13.md b/dist/docs/nips/13.md
new file mode 100644
index 00000000..cf5b1acd
--- /dev/null
+++ b/dist/docs/nips/13.md
@@ -0,0 +1,102 @@
+NIP-13
+======
+
+Proof of Work
+-------------
+
+`draft` `optional`
+
+This NIP defines a way to generate and interpret Proof of Work for nostr notes. Proof of Work (PoW) is a way to add a proof of computational work to a note. This is a bearer proof that all relays and clients can universally validate with a small amount of code. This proof can be used as a means of spam deterrence.
+
+`difficulty` is defined to be the number of leading zero bits in the `NIP-01` id. For example, an id of `000000000e9d97a1ab09fc381030b346cdd7a142ad57e6df0b46dc9bef6c7e2d` has a difficulty of `36` with `36` leading 0 bits.
+
+`002f...` is `0000 0000 0010 1111...` in binary, which has 10 leading zeroes. Do not forget to count leading zeroes for hex digits <= `7`.
+
+Mining
+------
+
+To generate PoW for a `NIP-01` note, a `nonce` tag is used:
+
+```json
+{"content": "It's just me mining my own business", "tags": [["nonce", "1", "21"]]}
+```
+
+When mining, the second entry to the nonce tag is updated, and then the id is recalculated (see [NIP-01](./01.md)). If the id has the desired number of leading zero bits, the note has been mined. It is recommended to update the `created_at` as well during this process.
+
+The third entry to the nonce tag `SHOULD` contain the target difficulty. This allows clients to protect against situations where bulk spammers targeting a lower difficulty get lucky and match a higher difficulty. For example, if you require 40 bits to reply to your thread and see a committed target of 30, you can safely reject it even if the note has 40 bits difficulty. Without a committed target difficulty you could not reject it. Committing to a target difficulty is something all honest miners should be ok with, and clients `MAY` reject a note matching a target difficulty if it is missing a difficulty commitment.
+
+Example mined note
+------------------
+
+```json
+{
+  "id": "000006d8c378af1779d2feebc7603a125d99eca0ccf1085959b307f64e5dd358",
+  "pubkey": "a48380f4cfcc1ad5378294fcac36439770f9c878dd880ffa94bb74ea54a6f243",
+  "created_at": 1651794653,
+  "kind": 1,
+  "tags": [
+    ["nonce", "776797", "20"]
+  ],
+  "content": "It's just me mining my own business",
+  "sig": "284622fc0a3f4f1303455d5175f7ba962a3300d136085b9566801bc2e0699de0c7e31e44c81fb40ad9049173742e904713c3594a1da0fc5d2382a25c11aba977"
+}
+```
+
+Validating
+----------
+
+Here is some reference C code for calculating the difficulty (aka number of leading zero bits) in a nostr event id:
+
+```c
+int zero_bits(unsigned char b)
+{
+        int n = 0;
+
+        if (b == 0)
+                return 8;
+
+        while (b >>= 1)
+                n++;
+
+        return 7-n;
+}
+
+/* find the number of leading zero bits in a hash */
+int count_leading_zero_bits(unsigned char *hash)
+{
+        int bits, total, i;
+        for (i = 0, total = 0; i < 32; i++) {
+                bits = zero_bits(hash[i]);
+                total += bits;
+                if (bits != 8)
+                        break;
+        }
+        return total;
+}
+```
+
+Here is some JavaScript code for doing the same thing:
+
+```javascript
+// hex should be a hexadecimal string (with no 0x prefix)
+function countLeadingZeroes(hex) {
+  let count = 0;
+
+  for (let i = 0; i < hex.length; i++) {
+    const nibble = parseInt(hex[i], 16);
+    if (nibble === 0) {
+      count += 4;
+    } else {
+      count += Math.clz32(nibble) - 28;
+      break;
+    }
+  }
+
+  return count;
+}
+```
+
+Delegated Proof of Work
+-----------------------
+
+Since the `NIP-01` note id does not commit to any signature, PoW can be outsourced to PoW providers, perhaps for a fee. This provides a way for clients to get their messages out to PoW-restricted relays without having to do any work themselves, which is useful for energy-constrained devices like mobile phones.
diff --git a/dist/docs/nips/14.md b/dist/docs/nips/14.md
new file mode 100644
index 00000000..480c4c57
--- /dev/null
+++ b/dist/docs/nips/14.md
@@ -0,0 +1,21 @@
+NIP-14
+======
+
+Subject tag in Text events
+--------------------------
+
+`draft` `optional`
+
+This NIP defines the use of the "subject" tag in text (kind: 1) events.
+(implemented in more-speech)
+
+```json
+["subject": <string>]
+```
+
+Browsers often display threaded lists of messages.  The contents of the subject tag can be used in such lists, instead of the more ad hoc approach of using the first few words of the message.  This is very similar to the way email browsers display lists of incoming emails by subject rather than by contents.
+
+When replying to a message with a subject, clients SHOULD replicate the subject tag.  Clients MAY adorn the subject to denote
+that it is a reply.  e.g. by prepending "Re:".
+
+Subjects should generally be shorter than 80 chars.  Long subjects will likely be trimmed by clients.
diff --git a/dist/docs/nips/15.md b/dist/docs/nips/15.md
new file mode 100644
index 00000000..b55b4448
--- /dev/null
+++ b/dist/docs/nips/15.md
@@ -0,0 +1,339 @@
+NIP-15
+======
+
+Nostr Marketplace
+-----------------
+
+`draft` `optional`
+
+Based on [Diagon-Alley](https://github.com/lnbits/Diagon-Alley).
+
+Implemented in [NostrMarket](https://github.com/lnbits/nostrmarket) and [Plebeian Market](https://github.com/PlebeianTech/plebeian-market).
+
+## Terms
+
+- `merchant` - seller of products with NOSTR key-pair
+- `customer` - buyer of products with NOSTR key-pair
+- `product` - item for sale by the `merchant`
+- `stall` - list of products controlled by `merchant` (a `merchant` can have multiple stalls)
+- `marketplace` - clientside software for searching `stalls` and purchasing `products`
+
+## Nostr Marketplace Clients
+
+### Merchant admin
+
+Where the `merchant` creates, updates and deletes `stalls` and `products`, as well as where they manage sales, payments and communication with `customers`.
+
+The `merchant` admin software can be purely clientside, but for `convenience` and uptime, implementations will likely have a server client listening for NOSTR events.
+
+### Marketplace
+
+`Marketplace` software should be entirely clientside, either as a stand-alone app, or as a purely frontend webpage. A `customer` subscribes to different merchant NOSTR public keys, and those `merchants` `stalls` and `products` become listed and searchable. The marketplace client is like any other ecommerce site, with basket and checkout. `Marketplaces` may also wish to include a `customer` support area for direct message communication with `merchants`.
+
+## `Merchant` publishing/updating products (event)
+
+A merchant can publish these events:
+| Kind      |                    | Description                                                                                                     |
+| --------- | ------------------ | --------------------------------------------------------------------------------------------------------------- |
+| `0`       | `set_meta`         | The merchant description (similar with any `nostr` public key).                                                 |
+| `30017`   | `set_stall`        | Create or update a stall.                                                                                       |
+| `30018`   | `set_product`      | Create or update a product.                                                                                     |
+| `4`       | `direct_message`   | Communicate with the customer. The messages can be plain-text or JSON.                                          |
+| `5`       | `delete`           | Delete a product or a stall.                                                                                    |
+
+### Event `30017`: Create or update a stall.
+
+**Event Content**
+
+```json
+{
+  "id": <string, id generated by the merchant. Sequential IDs (`0`, `1`, `2`...) are discouraged>,
+  "name": <string, stall name>,
+  "description": <string (optional), stall description>,
+  "currency": <string, currency used>,
+  "shipping": [
+    {
+      "id": <string, id of the shipping zone, generated by the merchant>,
+      "name": <string (optional), zone name>,
+      "cost": <float, base cost for shipping. The currency is defined at the stall level>,
+      "regions": [<string, regions included in this zone>]
+    }
+  ]
+}
+```
+
+Fields that are not self-explanatory:
+ - `shipping`:
+   - an array with possible shipping zones for this stall.
+   - the customer MUST choose exactly one of those shipping zones.
+   - shipping to different zones can have different costs. For some goods (digital for example) the cost can be zero.
+   - the `id` is an internal value used by the merchant. This value must be sent back as the customer selection.
+   - each shipping zone contains the base cost for orders made to that shipping zone, but a specific shipping cost per
+   product can also be specified if the shipping cost for that product is higher than what's specified by the base cost.
+
+**Event Tags**
+
+```jsonc
+{
+  "tags": [["d", <string, id of stall]],
+  // other fields...
+}
+```
+ - the `d` tag is required, its value MUST be the same as the stall `id`.
+
+### Event `30018`: Create or update a product
+
+**Event Content**
+
+```json
+{
+  "id": <string, id generated by the merchant (sequential ids are discouraged)>,
+  "stall_id": <string, id of the stall to which this product belong to>,
+  "name": <string, product name>,
+  "description": <string (optional), product description>,
+  "images": <[string], array of image URLs, optional>,
+  "currency": <string, currency used>,
+  "price": <float, cost of product>,
+  "quantity": <int or null, available items>,
+  "specs": [
+    [<string, spec key>, <string, spec value>]
+  ],
+  "shipping": [
+    {
+      "id": <string, id of the shipping zone (must match one of the zones defined for the stall)>,
+      "cost": <float, extra cost for shipping. The currency is defined at the stall level>
+    }
+  ]
+}
+```
+
+Fields that are not self-explanatory:
+ - `quantity` can be null in the case of items with unlimited availability, like digital items, or services
+ - `specs`:
+   - an optional array of key pair values. It allows for the Customer UI to present product specifications in a structure mode. It also allows comparison between products
+   - eg: `[["operating_system", "Android 12.0"], ["screen_size", "6.4 inches"], ["connector_type", "USB Type C"]]`
+
+    _Open_: better to move `spec` in the `tags` section of the event?
+
+- `shipping`:
+   - an _optional_ array of extra costs to be used per shipping zone, only for products that require special shipping costs to be added to the base shipping cost defined in the stall
+   - the `id` should match the id of the shipping zone, as defined in the `shipping` field of the stall
+   - to calculate the total cost of shipping for an order, the user will choose a shipping option during checkout, and then the client must consider this costs:
+     - the `base cost from the stall` for the chosen shipping option
+     - the result of multiplying the product units by the `shipping costs specified in the product`, if any.
+
+**Event Tags**
+
+```jsonc
+  "tags": [
+    ["d", <string, id of product],
+    ["t", <string (optional), product category],
+    ["t", <string (optional), product category],
+    // other fields...
+  ],
+  ...
+```
+
+ - the `d` tag is required, its value MUST be the same as the product `id`.
+ - the `t` tag is as searchable tag, it represents different categories that the product can be part of (`food`, `fruits`). Multiple `t` tags can be present.
+
+## Checkout events
+
+All checkout events are sent as JSON strings using [NIP-04](04.md).
+
+The `merchant` and the `customer` can exchange JSON messages that represent different actions. Each `JSON` message `MUST` have a `type` field indicating the what the JSON represents. Possible types:
+
+| Message Type | Sent By  | Description         |
+|--------------|----------|---------------------|
+| 0            | Customer | New Order           |
+| 1            | Merchant | Payment Request     |
+| 2            | Merchant | Order Status Update |
+
+### Step 1: `customer` order (event)
+The below JSON goes in content of [NIP-04](04.md).
+
+```json
+{
+  "id": <string, id generated by the customer>,
+  "type": 0,
+  "name": <string (optional), ???>,
+  "address": <string (optional), for physical goods an address should be provided>,
+  "message": <string (optional), message for merchant>,
+  "contact": {
+    "nostr": <32-bytes hex of a pubkey>,
+    "phone": <string (optional), if the customer wants to be contacted by phone>,
+    "email": <string (optional), if the customer wants to be contacted by email>
+  },
+  "items": [
+    {
+      "product_id": <string, id of the product>,
+      "quantity": <int, how many products the customer is ordering>
+    }
+  ],
+  "shipping_id": <string, id of the shipping zone>
+}
+
+```
+
+_Open_: is `contact.nostr` required?
+
+
+### Step 2: `merchant` request payment (event)
+
+Sent back from the merchant for payment. Any payment option is valid that the merchant can check.
+
+The below JSON goes in `content` of [NIP-04](04.md).
+
+`payment_options`/`type` include:
+
+- `url` URL to a payment page, stripe, paypal, btcpayserver, etc
+- `btc` onchain bitcoin address
+- `ln` bitcoin lightning invoice
+- `lnurl` bitcoin lnurl-pay
+
+```json
+{
+  "id": <string, id of the order>,
+  "type": 1,
+  "message": <string, message to customer, optional>,
+  "payment_options": [
+    {
+      "type": <string, option type>,
+      "link": <string, url, btc address, ln invoice, etc>
+    },
+    {
+      "type": <string, option type>,
+      "link": <string, url, btc address, ln invoice, etc>
+    },
+    {
+      "type": <string, option type>,
+      "link": <string, url, btc address, ln invoice, etc>
+    }
+  ]
+}
+```
+
+### Step 3: `merchant` verify payment/shipped (event)
+
+Once payment has been received and processed.
+
+The below JSON goes in `content` of [NIP-04](04.md).
+
+```json
+{
+  "id": <string, id of the order>,
+  "type": 2,
+  "message": <string, message to customer>,
+  "paid": <bool: has received payment>,
+  "shipped": <bool: has been shipped>,
+}
+```
+
+## Customize Marketplace
+
+Create a customized user experience using the `naddr` from [NIP-19](19.md#shareable-identifiers-with-extra-metadata). The use of `naddr` enables easy sharing of marketplace events while incorporating a rich set of metadata. This metadata can include relays, merchant profiles, and more. Subsequently, it allows merchants to be grouped into a market, empowering the market creator to configure the marketplace's user interface and user experience, and share that marketplace. This customization can encompass elements such as market name, description, logo, banner, themes, and even color schemes, offering a tailored and unique marketplace experience.
+
+### Event `30019`: Create or update marketplace UI/UX
+
+**Event Content**
+
+```jsonc
+{
+  "name": <string (optional), market name>,
+  "about": <string (optional), market description>,
+  "ui": {
+    "picture": <string (optional), market logo image URL>,
+    "banner": <string (optional), market logo banner URL>,
+    "theme": <string (optional), market theme>,
+    "darkMode": <bool, true/false>
+  },
+  "merchants": [array of pubkeys (optional)],
+  // other fields...
+}
+```
+
+This event leverages naddr to enable comprehensive customization and sharing of marketplace configurations, fostering a unique and engaging marketplace environment.
+
+## Auctions
+
+### Event `30020`: Create or update a product sold as an auction
+
+**Event Content**:
+```json
+{
+    "id": <String, UUID generated by the merchant. Sequential IDs (`0`, `1`, `2`...) are discouraged>,
+    "stall_id": <String, UUID of the stall to which this product belong to>,
+    "name": <String, product name>,
+    "description": <String (optional), product description>,
+    "images": <[String], array of image URLs, optional>,
+    "starting_bid": <int>,
+    "start_date": <int (optional) UNIX timestamp, date the auction started / will start>,
+    "duration": <int, number of seconds the auction will run for, excluding eventual time extensions that might happen>,
+    "specs": [
+        [<String, spec key>, <String, spec value>]
+    ],
+    "shipping": [
+        {
+            "id": <String, UUID of the shipping zone. Must match one of the zones defined for the stall>,
+            "cost": <float, extra cost for shipping. The currency is defined at the stall level>
+        }
+    ]
+}
+```
+
+> [!NOTE]
+> Items sold as an auction are very similar in structure to fixed-price items, with some important differences worth noting.
+
+* The `start_date` can be set to a date in the future if the auction is scheduled to start on that date, or can be omitted if the start date is unknown/hidden. If the start date is not specified, the auction will have to be edited later to set an actual date.
+
+* The auction runs for an initial number of seconds after the `start_date`, specified by `duration`.
+
+### Event `1021`: Bid
+
+```jsonc
+{
+    "content": <int, amount of sats>,
+    "tags": [["e", <event ID of the auction to bid on>]],
+    // other fields...
+}
+```
+
+Bids are simply events of kind `1021` with a `content` field specifying the amount, in the currency of the auction. Bids must reference an auction.
+
+> [!NOTE]
+> Auctions can be edited as many times as desired (they are "addressable events") by the author - even after the start_date, but they cannot be edited after they have received the first bid! This is enforced by the fact that bids reference the event ID of the auction (rather than the product UUID), which changes with every new version of the auctioned product. So a bid is always attached to one "version". Editing the auction after a bid would result in the new product losing the bid!
+
+### Event `1022`: Bid confirmation
+
+**Event Content**:
+
+```json
+{
+    "status": <String, "accepted" | "rejected" | "pending" | "winner">,
+    "message": <String (optional)>,
+    "duration_extended": <int (optional), number of seconds>
+}
+```
+
+**Event Tags**:
+```json
+  "tags": [["e" <event ID of the bid being confirmed>], ["e", <event ID of the auction>]],
+```
+
+Bids should be confirmed by the merchant before being considered as valid by other clients. So clients should subscribe to *bid confirmation* events (kind `1022`) for every auction that they follow, in addition to the actual bids and should check that the pubkey of the bid confirmation matches the pubkey of the merchant (in addition to checking the signature).
+
+The `content` field is a JSON which includes *at least* a `status`. `winner` is how the *winning bid* is replied to after the auction ends and the winning bid is picked by the merchant.
+
+The reasons for which a bid can be marked as `rejected` or `pending` are up to the merchant's implementation and configuration - they could be anything from basic validation errors (amount too low) to the bidder being blacklisted or to the bidder lacking sufficient *trust*, which could lead to the bid being marked as `pending` until sufficient verification is performed. The difference between the two is that `pending` bids *might* get approved after additional steps are taken by the bidder, whereas `rejected` bids can not be later approved.
+
+An additional `message` field can appear in the `content` JSON to give further context as of why a bid is `rejected` or `pending`.
+
+Another thing that can happen is - if bids happen very close to the end date of the auction - for the merchant to decide to extend the auction duration for a few more minutes. This is done by passing a `duration_extended` field as part of a bid confirmation, which would contain a number of seconds by which the initial duration is extended. So the actual end date of an auction is always `start_date + duration + (SUM(c.duration_extended) FOR c in all confirmations`.
+
+## Customer support events
+
+Customer support is handled over whatever communication method was specified. If communicating via nostr, [NIP-04](04.md) is used.
+
+## Additional
+
+Standard data models can be found [here](https://raw.githubusercontent.com/lnbits/nostrmarket/main/models.py)
diff --git a/dist/docs/nips/16.md b/dist/docs/nips/16.md
new file mode 100644
index 00000000..00320832
--- /dev/null
+++ b/dist/docs/nips/16.md
@@ -0,0 +1,9 @@
+NIP-16
+======
+
+Event Treatment
+---------------
+
+`final` `mandatory`
+
+Moved to [NIP-01](01.md).
diff --git a/dist/docs/nips/17.md b/dist/docs/nips/17.md
new file mode 100644
index 00000000..2e0aabbf
--- /dev/null
+++ b/dist/docs/nips/17.md
@@ -0,0 +1,211 @@
+NIP-17
+======
+
+Private Direct Messages
+-----------------------
+
+`draft` `optional`
+
+This NIP defines an encrypted direct messaging scheme using [NIP-44](44.md) encryption and [NIP-59](59.md) seals and gift wraps.
+
+## Direct Message Kind
+
+Kind `14` is a chat message. `p` tags identify one or more receivers of the message.
+
+```jsonc
+{
+  "id": "<usual hash>",
+  "pubkey": "<sender-pubkey>",
+  "created_at": "<current-time>",
+  "kind": 14,
+  "tags": [
+    ["p", "<receiver-1-pubkey>", "<relay-url>"],
+    ["p", "<receiver-2-pubkey>", "<relay-url>"],
+    ["e", "<kind-14-id>", "<relay-url>"] // if this is a reply
+    ["subject", "<conversation-title>"],
+    // rest of tags...
+  ],
+  "content": "<message-in-plain-text>",
+}
+```
+
+`.content` MUST be plain text. Fields `id` and `created_at` are required.
+
+An `e` tag denotes the direct parent message this post is replying to. 
+
+`q` tags MAY be used when citing events in the `.content` with [NIP-21](21.md).
+
+```json
+["q", "<event-id> or <event-address>", "<relay-url>", "<pubkey-if-a-regular-event>"]
+```
+
+Kind `14`s MUST never be signed. If it is signed, the message might leak to relays and become **fully public**.
+
+## File Message Kind
+
+```jsonc
+{
+  "id": "<usual hash>",
+  "pubkey": "<sender-pubkey>",
+  "created_at": "<current-time>",
+  "kind": 15,
+  "tags": [
+    ["p", "<receiver-1-pubkey>", "<relay-url>"],
+    ["p", "<receiver-2-pubkey>", "<relay-url>"],
+    ["e", "<kind-14-id>", "<relay-url>", "reply"], // if this is a reply
+    ["subject", "<conversation-title>"],
+    ["file-type", "<file-mime-type>"],
+    ["encryption-algorithm", "<encryption-algorithm>"],
+    ["decryption-key", "<decryption-key>"],
+    ["decryption-nonce", "<decryption-nonce>"],
+    ["x", "<the SHA-256 hexencoded string of the file>"],
+    // rest of tags...
+  ],
+  "content": "<file-url>"
+}
+```
+
+Kind `15` is used for sending encrypted file event messages:
+
+- `file-type`: Specifies the MIME type of the attached file (e.g., `image/jpeg`, `audio/mpeg`, etc.) before encryption.
+- `encryption-algorithm`: Indicates the encryption algorithm used for encrypting the file. Supported algorithms: `aes-gcm`.
+- `decryption-key`: The decryption key that will be used by the recipient to decrypt the file.
+- `decryption-nonce`: The decryption nonce that will be used by the recipient to decrypt the file.
+- `content`: The URL of the file (`<file-url>`).
+- `x` containing the SHA-256 hexencoded string of the encrypted file.
+- `ox` containing the SHA-256 hexencoded string of the file before encryption.
+- `size` (optional) size of the encrypted file in bytes
+- `dim` (optional) size in pixels in the form `<width>x<height>`
+- `blurhash`(optional) the [blurhash](https://github.com/woltapp/blurhash) to show while the client is loading the file
+- `thumb` (optional) URL of thumbnail with same aspect ratio (encrypted with the same key, nonce)
+- `fallback` (optional) zero or more fallback file sources in case `url` fails (encrypted with the same key, nonce)
+
+Just like kind `14`, kind `15`s MUST never be signed.
+
+## Chat Rooms
+
+The set of `pubkey` + `p` tags defines a chat room. If a new `p` tag is added or a current one is removed, a new room is created with a clean message history.
+
+Clients SHOULD render messages of the same room in a continuous thread.
+
+An optional `subject` tag defines the current name/topic of the conversation. Any member can change the topic by simply submitting a new `subject` to an existing `pubkey` + `p` tags room. There is no need to send `subject` in every message. The newest `subject` in the chat room is the subject of the conversation.
+
+## Encrypting
+
+Following [NIP-59](59.md), the **unsigned** `kind:14` & `kind:15` chat messages must be sealed (`kind:13`) and then gift-wrapped (`kind:1059`) to each receiver and the sender individually.
+
+```js
+{
+  "id": "<usual hash>",
+  "pubkey": randomPublicKey,
+  "created_at": randomTimeUpTo2DaysInThePast(),
+  "kind": 1059, // gift wrap
+  "tags": [
+    ["p", receiverPublicKey, "<relay-url>"] // receiver
+  ],
+  "content": nip44Encrypt(
+    {
+      "id": "<usual hash>",
+      "pubkey": senderPublicKey,
+      "created_at": randomTimeUpTo2DaysInThePast(),
+      "kind": 13, // seal
+      "tags": [], // no tags
+      "content": nip44Encrypt(unsignedKind14, senderPrivateKey, receiverPublicKey),
+      "sig": "<signed by senderPrivateKey>"
+    },
+    randomPrivateKey, receiverPublicKey
+  ),
+  "sig": "<signed by randomPrivateKey>"
+}
+```
+
+The encryption algorithm MUST use the latest version of [NIP-44](44.md).
+
+Clients MUST verify if pubkey of the `kind:13` is the same pubkey on the `kind:14`, otherwise any sender can impersonate others by simply changing the pubkey on `kind:14`.
+
+Clients SHOULD randomize `created_at` in up to two days in the past in both the seal and the gift wrap to make sure grouping by `created_at` doesn't reveal any metadata.
+
+The gift wrap's `p` tag can be the receiver's main pubkey or an alias key created to receive DMs without exposing the receiver's identity.
+
+Clients CAN offer disappearing messages by setting an `expiration` tag in the gift wrap of each receiver or by not generating a gift wrap to the sender's public key
+
+## Publishing
+
+Kind `10050` indicates the user's preferred relays to receive DMs. The event MUST include a list of `relay` tags with relay URIs.
+
+```jsonc
+{
+  "kind": 10050,
+  "tags": [
+    ["relay", "wss://inbox.nostr.wine"],
+    ["relay", "wss://myrelay.nostr1.com"],
+  ],
+  "content": "",
+  // other fields...
+}
+```
+
+Clients SHOULD publish the gift-wrapped kind 1059 events that contain the sealed kind 14 (text) or kind 15 (file) rumors to the relays listed in the recipient’s kind 10050 event. If that is not found that indicates the user is not ready to receive messages under this NIP and clients shouldn't try.
+
+## Relays
+
+It's advisable that relays do not serve `kind:1059` to clients other than the ones tagged in them.
+
+It's advisable that users choose relays that conform to these practices.
+
+Clients SHOULD guide users to keep `kind:10050` lists small (1-3 relays) and SHOULD spread it to as many relays as viable.
+
+## Benefits & Limitations
+
+This NIP offers the following privacy and security features:
+
+1. **No Metadata Leak**: Participant identities, each message's real date and time, event kinds, and other event tags are all hidden from the public. Senders and receivers cannot be linked with public information alone.
+2. **No Public Group Identifiers**: There is no public central queue, channel or otherwise converging identifier to correlate or count all messages in the same group.
+3. **No Moderation**: There are no group admins: no invitations or bans.
+4. **No Shared Secrets**: No secret must be known to all members that can leak or be mistakenly shared
+5. **Fully Recoverable**: Messages can be fully recoverable by any client with the user's private key
+6. **Optional Forward Secrecy**: Users and clients can opt-in for "disappearing messages".
+7. **Uses Public Relays**: Messages can flow through public relays without loss of privacy. Private relays can increase privacy further, but they are not required.
+8. **Cold Storage**: Users can unilaterally opt-in to sharing their messages with a separate key that is exclusive for DM backup and recovery.
+
+The main limitation of this approach is having to send a separate encrypted event to each receiver. Group chats with more than 100 participants should find a more suitable messaging scheme.
+
+## Implementation
+
+Clients implementing this NIP should by default only connect to the set of relays found in their `kind:10050` list. From that they should be able to load all messages both sent and received as well as get new live updates, making it for a very simple and lightweight implementation that should be fast.
+
+When sending a message to anyone, clients must then connect to the relays in the receiver's `kind:10050` and send the events there but can disconnect right after unless more messages are expected to be sent (e.g. the chat tab is still selected). Clients should also send a copy of their outgoing messages to their own `kind:10050` relay set.
+
+## Examples
+
+This example sends the message `Hola, que tal?` from `nsec1w8udu59ydjvedgs3yv5qccshcj8k05fh3l60k9x57asjrqdpa00qkmr89m` to `nsec12ywtkplvyq5t6twdqwwygavp5lm4fhuang89c943nf2z92eez43szvn4dt`.
+
+The two final GiftWraps, one to the receiver and the other to the sender, respectively, are:
+
+```json
+{
+   "id":"2886780f7349afc1344047524540ee716f7bdc1b64191699855662330bf235d8",
+   "pubkey":"8f8a7ec43b77d25799281207e1a47f7a654755055788f7482653f9c9661c6d51",
+   "created_at":1703128320,
+   "kind":1059,
+   "tags":[
+      ["p", "918e2da906df4ccd12c8ac672d8335add131a4cf9d27ce42b3bb3625755f0788"]
+   ],
+   "content":"AsqzdlMsG304G8h08bE67dhAR1gFTzTckUUyuvndZ8LrGCvwI4pgC3d6hyAK0Wo9gtkLqSr2rT2RyHlE5wRqbCOlQ8WvJEKwqwIJwT5PO3l2RxvGCHDbd1b1o40ZgIVwwLCfOWJ86I5upXe8K5AgpxYTOM1BD+SbgI5jOMA8tgpRoitJedVSvBZsmwAxXM7o7sbOON4MXHzOqOZpALpS2zgBDXSAaYAsTdEM4qqFeik+zTk3+L6NYuftGidqVluicwSGS2viYWr5OiJ1zrj1ERhYSGLpQnPKrqDaDi7R1KrHGFGyLgkJveY/45y0rv9aVIw9IWF11u53cf2CP7akACel2WvZdl1htEwFu/v9cFXD06fNVZjfx3OssKM/uHPE9XvZttQboAvP5UoK6lv9o3d+0GM4/3zP+yO3C0NExz1ZgFmbGFz703YJzM+zpKCOXaZyzPjADXp8qBBeVc5lmJqiCL4solZpxA1865yPigPAZcc9acSUlg23J1dptFK4n3Tl5HfSHP+oZ/QS/SHWbVFCtq7ZMQSRxLgEitfglTNz9P1CnpMwmW/Y4Gm5zdkv0JrdUVrn2UO9ARdHlPsW5ARgDmzaxnJypkfoHXNfxGGXWRk0sKLbz/ipnaQP/eFJv/ibNuSfqL6E4BnN/tHJSHYEaTQ/PdrA2i9laG3vJti3kAl5Ih87ct0w/tzYfp4SRPhEF1zzue9G/16eJEMzwmhQ5Ec7jJVcVGa4RltqnuF8unUu3iSRTQ+/MNNUkK6Mk+YuaJJs6Fjw6tRHuWi57SdKKv7GGkr0zlBUU2Dyo1MwpAqzsCcCTeQSv+8qt4wLf4uhU9Br7F/L0ZY9bFgh6iLDCdB+4iABXyZwT7Ufn762195hrSHcU4Okt0Zns9EeiBOFxnmpXEslYkYBpXw70GmymQfJlFOfoEp93QKCMS2DAEVeI51dJV1e+6t3pCSsQN69Vg6jUCsm1TMxSs2VX4BRbq562+VffchvW2BB4gMjsvHVUSRl8i5/ZSDlfzSPXcSGALLHBRzy+gn0oXXJ/447VHYZJDL3Ig8+QW5oFMgnWYhuwI5QSLEyflUrfSz+Pdwn/5eyjybXKJftePBD9Q+8NQ8zulU5sqvsMeIx/bBUx0fmOXsS3vjqCXW5IjkmSUV7q54GewZqTQBlcx+90xh/LSUxXex7UwZwRnifvyCbZ+zwNTHNb12chYeNjMV7kAIr3cGQv8vlOMM8ajyaZ5KVy7HpSXQjz4PGT2/nXbL5jKt8Lx0erGXsSsazkdoYDG3U",
+   "sig":"a3c6ce632b145c0869423c1afaff4a6d764a9b64dedaf15f170b944ead67227518a72e455567ca1c2a0d187832cecbde7ed478395ec4c95dd3e71749ed66c480"
+}
+```
+
+```json
+{
+   "id":"162b0611a1911cfcb30f8a5502792b346e535a45658b3a31ae5c178465509721",
+   "pubkey":"626be2af274b29ea4816ad672ee452b7cf96bbb4836815a55699ae402183f512",
+   "created_at":1702711587,
+   "kind":1059,
+   "tags":[
+      ["p", "44900586091b284416a0c001f677f9c49f7639a55c3f1e2ec130a8e1a7998e1b"]
+   ],
+   "content":"AsTClTzr0gzXXji7uye5UB6LYrx3HDjWGdkNaBS6BAX9CpHa+Vvtt5oI2xJrmWLen+Fo2NBOFazvl285Gb3HSM82gVycrzx1HUAaQDUG6HI7XBEGqBhQMUNwNMiN2dnilBMFC3Yc8ehCJT/gkbiNKOpwd2rFibMFRMDKai2mq2lBtPJF18oszKOjA+XlOJV8JRbmcAanTbEK5nA/GnG3eGUiUzhiYBoHomj3vztYYxc0QYHOx0WxiHY8dsC6jPsXC7f6k4P+Hv5ZiyTfzvjkSJOckel1lZuE5SfeZ0nduqTlxREGeBJ8amOykgEIKdH2VZBZB+qtOMc7ez9dz4wffGwBDA7912NFS2dPBr6txHNxBUkDZKFbuD5wijvonZDvfWq43tZspO4NutSokZB99uEiRH8NAUdGTiNb25m9JcDhVfdmABqTg5fIwwTwlem5aXIy8b66lmqqz2LBzJtnJDu36bDwkILph3kmvaKPD8qJXmPQ4yGpxIbYSTCohgt2/I0TKJNmqNvSN+IVoUuC7ZOfUV9lOV8Ri0AMfSr2YsdZ9ofV5o82ClZWlWiSWZwy6ypa7CuT1PEGHzywB4CZ5ucpO60Z7hnBQxHLiAQIO/QhiBp1rmrdQZFN6PUEjFDloykoeHe345Yqy9Ke95HIKUCS9yJurD+nZjjgOxZjoFCsB1hQAwINTIS3FbYOibZnQwv8PXvcSOqVZxC9U0+WuagK7IwxzhGZY3vLRrX01oujiRrevB4xbW7Oxi/Agp7CQGlJXCgmRE8Rhm+Vj2s+wc/4VLNZRHDcwtfejogjrjdi8p6nfUyqoQRRPARzRGUnnCbh+LqhigT6gQf3sVilnydMRScEc0/YYNLWnaw9nbyBa7wFBAiGbJwO40k39wj+xT6HTSbSUgFZzopxroO3f/o4+ubx2+IL3fkev22mEN38+dFmYF3zE+hpE7jVxrJpC3EP9PLoFgFPKCuctMnjXmeHoiGs756N5r1Mm1ffZu4H19MSuALJlxQR7VXE/LzxRXDuaB2u9days/6muP6gbGX1ASxbJd/ou8+viHmSC/ioHzNjItVCPaJjDyc6bv+gs1NPCt0qZ69G+JmgHW/PsMMeL4n5bh74g0fJSHqiI9ewEmOG/8bedSREv2XXtKV39STxPweceIOh0k23s3N6+wvuSUAJE7u1LkDo14cobtZ/MCw/QhimYPd1u5HnEJvRhPxz0nVPz0QqL/YQeOkAYk7uzgeb2yPzJ6DBtnTnGDkglekhVzQBFRJdk740LEj6swkJ",
+   "sig":"c94e74533b482aa8eeeb54ae72a5303e0b21f62909ca43c8ef06b0357412d6f8a92f96e1a205102753777fd25321a58fba3fb384eee114bd53ce6c06a1c22bab"
+}
+```
diff --git a/dist/docs/nips/18.md b/dist/docs/nips/18.md
new file mode 100644
index 00000000..83de12e7
--- /dev/null
+++ b/dist/docs/nips/18.md
@@ -0,0 +1,40 @@
+NIP-18
+======
+
+Reposts
+-------
+
+`draft` `optional`
+
+A repost is a `kind 6` event that is used to signal to followers
+that a `kind 1` text note is worth reading.
+
+The `content` of a repost event is _the stringified JSON of the reposted note_. It MAY also be empty, but that is not recommended.
+Reposts of [NIP-70](70.md)-protected events SHOULD always have an empty `content`.
+
+bitvid follows this guidance by serializing the full source event payload (including non-kind-1 targets) whenever it can be fetched from a relay, and falls back to an empty `content` only when the original note is protected or otherwise unavailable.
+
+The repost event MUST include an `e` tag with the `id` of the note that is
+being reposted. That tag MUST include a relay URL as its third entry
+to indicate where it can be fetched.
+
+The repost SHOULD include a `p` tag with the `pubkey` of the event being
+reposted.
+
+## Quote Reposts
+
+Mentions to [NIP-21](21.md) entities like `nevent`, `note` and `naddr` on any 
+event must be converted into `q` tags. The `q` tag ensures quote reposts are 
+not pulled and included as replies in threads. It also allows you to easily 
+pull and count all of the quotes for a post. The syntax follows
+
+`["q", "<event-id> or <event-address>", "<relay-url>", "<pubkey-if-a-regular-event>"]`
+
+## Generic Reposts
+
+Since `kind 6` reposts are reserved for `kind 1` contents, we use `kind 16`
+as a "generic repost", that can include any kind of event inside other than
+`kind 1`.
+
+`kind 16` reposts SHOULD contain a `"k"` tag with the stringified kind number
+of the reposted event as its value.
diff --git a/dist/docs/nips/19.md b/dist/docs/nips/19.md
new file mode 100644
index 00000000..4787ecd5
--- /dev/null
+++ b/dist/docs/nips/19.md
@@ -0,0 +1,69 @@
+NIP-19
+======
+
+bech32-encoded entities
+-----------------------
+
+`draft` `optional`
+
+This NIP standardizes bech32-formatted strings that can be used to display keys, ids and other information in clients. These formats are not meant to be used anywhere in the core protocol, they are only meant for displaying to users, copy-pasting, sharing, rendering QR codes and inputting data.
+
+It is recommended that ids and keys are stored in either hex or binary format, since these formats are closer to what must actually be used the core protocol.
+
+## Bare keys and ids
+
+To prevent confusion and mixing between private keys, public keys and event ids, which are all 32 byte strings. bech32-(not-m) encoding with different prefixes can be used for each of these entities.
+
+These are the possible bech32 prefixes:
+
+  - `npub`: public keys
+  - `nsec`: private keys
+  - `note`: note ids
+
+Example: the hex public key `3bf0c63fcb93463407af97a5e5ee64fa883d107ef9e558472c4eb9aaaefa459d` translates to `npub180cvv07tjdrrgpa0j7j7tmnyl2yr6yr7l8j4s3evf6u64th6gkwsyjh6w6`.
+
+The bech32 encodings of keys and ids are not meant to be used inside the standard NIP-01 event formats or inside the filters, they're meant for human-friendlier display and input only. Clients should still accept keys in both hex and npub format for now, and convert internally.
+
+## Shareable identifiers with extra metadata
+
+When sharing a profile or an event, an app may decide to include relay information and other metadata such that other apps can locate and display these entities more easily.
+
+For these events, the contents are a binary-encoded list of `TLV` (type-length-value), with `T` and `L` being 1 byte each (`uint8`, i.e. a number in the range of 0-255), and `V` being a sequence of bytes of the size indicated by `L`.
+
+These are the possible bech32 prefixes with `TLV`:
+
+  - `nprofile`: a nostr profile
+  - `nevent`: a nostr event
+  - `naddr`: a nostr _addressable event_ coordinate
+  - `nrelay`: a nostr relay (deprecated)
+
+These possible standardized `TLV` types are indicated here:
+
+- `0`: `special`
+  - depends on the bech32 prefix:
+    - for `nprofile` it will be the 32 bytes of the profile public key
+    - for `nevent` it will be the 32 bytes of the event id
+    - for `naddr`, it is the identifier (the `"d"` tag) of the event being referenced. For normal replaceable events use an empty string.
+- `1`: `relay`
+  - for `nprofile`, `nevent` and `naddr`, _optionally_, a relay in which the entity (profile or event) is more likely to be found, encoded as ascii
+  - this may be included multiple times
+- `2`: `author`
+  - for `naddr`, the 32 bytes of the pubkey of the event
+  - for `nevent`, _optionally_, the 32 bytes of the pubkey of the event
+- `3`: `kind`
+  - for `naddr`, the 32-bit unsigned integer of the kind, big-endian
+  - for `nevent`, _optionally_, the 32-bit unsigned integer of the kind, big-endian
+
+## Examples
+
+- `npub10elfcs4fr0l0r8af98jlmgdh9c8tcxjvz9qkw038js35mp4dma8qzvjptg` should decode into the public key hex `7e7e9c42a91bfef19fa929e5fda1b72e0ebc1a4c1141673e2794234d86addf4e` and vice-versa
+- `nsec1vl029mgpspedva04g90vltkh6fvh240zqtv9k0t9af8935ke9laqsnlfe5` should decode into the private key hex `67dea2ed018072d675f5415ecfaed7d2597555e202d85b3d65ea4e58d2d92ffa` and vice-versa
+- `nprofile1qqsrhuxx8l9ex335q7he0f09aej04zpazpl0ne2cgukyawd24mayt8gpp4mhxue69uhhytnc9e3k7mgpz4mhxue69uhkg6nzv9ejuumpv34kytnrdaksjlyr9p` should decode into a profile with the following TLV items:
+  - pubkey: `3bf0c63fcb93463407af97a5e5ee64fa883d107ef9e558472c4eb9aaaefa459d`
+  - relay: `wss://r.x.com`
+  - relay: `wss://djbas.sadkb.com`
+
+## Notes
+
+- `npub` keys MUST NOT be used in NIP-01 events or in NIP-05 JSON responses, only the hex format is supported there.
+- When decoding a bech32-formatted string, TLVs that are not recognized or supported should be ignored, rather than causing an error.
diff --git a/dist/docs/nips/20.md b/dist/docs/nips/20.md
new file mode 100644
index 00000000..6feed6a9
--- /dev/null
+++ b/dist/docs/nips/20.md
@@ -0,0 +1,9 @@
+NIP-20
+======
+
+Command Results
+---------------
+
+`final` `mandatory`
+
+Moved to [NIP-01](01.md).
diff --git a/dist/docs/nips/21.md b/dist/docs/nips/21.md
new file mode 100644
index 00000000..800e490d
--- /dev/null
+++ b/dist/docs/nips/21.md
@@ -0,0 +1,38 @@
+NIP-21
+======
+
+`nostr:` URI scheme
+-------------------
+
+`draft` `optional`
+
+This NIP standardizes the usage of a common URI scheme for maximum interoperability and openness in the network.
+
+The scheme is `nostr:`.
+
+The identifiers that come after are expected to be the same as those defined in [NIP-19](19.md) (except `nsec`).
+
+#### Examples
+
+- `nostr:npub1sn0wdenkukak0d9dfczzeacvhkrgz92ak56egt7vdgzn8pv2wfqqhrjdv9`
+- `nostr:nprofile1qqsrhuxx8l9ex335q7he0f09aej04zpazpl0ne2cgukyawd24mayt8gpp4mhxue69uhhytnc9e3k7mgpz4mhxue69uhkg6nzv9ejuumpv34kytnrdaksjlyr9p`
+- `nostr:note1fntxtkcy9pjwucqwa9mddn7v03wwwsu9j330jj350nvhpky2tuaspk6nqc`
+- `nostr:nevent1qqstna2yrezu5wghjvswqqculvvwxsrcvu7uc0f78gan4xqhvz49d9spr3mhxue69uhkummnw3ez6un9d3shjtn4de6x2argwghx6egpr4mhxue69uhkummnw3ez6ur4vgh8wetvd3hhyer9wghxuet5nxnepm`
+
+### Linking HTML pages to Nostr entities
+
+`<link>` tags with `rel="alternate"` can be used to associate webpages to Nostr events, in cases where the same content is served via the two mediums (for example, a web server that exposes Markdown articles both as HTML pages and as `kind:30023` events served under itself as a relay or through some other relay). For example:
+
+```
+<head>
+  <link rel="alternate" href="nostr:naddr1qqyrzwrxvc6ngvfkqyghwumn8ghj7enfv96x5ctx9e3k7mgzyqalp33lewf5vdq847t6te0wvnags0gs0mu72kz8938tn24wlfze6qcyqqq823cph95ag" />
+</head>
+```
+
+Likewise, `<link>` tags with `rel="me"` or `rel="author"` can be used to assign authorship of webpages to Nostr profiles. For example:
+
+```
+<head>
+  <link rel="me" href="nostr:nprofile1qyxhwumn8ghj7mn0wvhxcmmvqyd8wumn8ghj7un9d3shjtnhv4ehgetjde38gcewvdhk6qpq80cvv07tjdrrgpa0j7j7tmnyl2yr6yr7l8j4s3evf6u64th6gkwswpnfsn" />
+</head>
+```
diff --git a/dist/docs/nips/22.md b/dist/docs/nips/22.md
new file mode 100644
index 00000000..f356fa20
--- /dev/null
+++ b/dist/docs/nips/22.md
@@ -0,0 +1,200 @@
+NIP-22
+======
+
+Comment
+-------
+
+`draft` `optional`
+
+A comment is a threading note always scoped to a root event or an [`I`-tag](73.md).
+
+It uses `kind:1111` with plaintext `.content` (no HTML, Markdown, or other formatting).
+
+Comments MUST point to the root scope using uppercase tag names (e.g. `K`, `E`, `A` or `I`)
+and MUST point to the parent item with lowercase ones (e.g. `k`, `e`, `a` or `i`).
+
+Comments MUST point to the authors when one is available (i.e. tagging a nostr event). `P` for the root scope
+and `p` for the author of the parent item.
+
+```jsonc
+{
+  "kind": 1111,
+  "content": "<comment>",
+  "tags": [
+    // root scope: event addresses, event ids, or I-tags.
+    ["<A, E, I>", "<address, id or I-value>", "<relay or web page hint>", "<root event's pubkey, if an E tag>"],
+    // the root item kind
+    ["K", "<root kind>"],
+
+    // pubkey of the author of the root scope event
+    ["P", "<root-pubkey>", "relay-url-hint"],
+
+    // parent item: event addresses, event ids, or i-tags.
+    ["<a, e, i>", "<address, id or i-value>", "<relay or web page hint>", "<parent event's pubkey, if an e tag>"],
+    // parent item kind
+    ["k", "<parent comment kind>"],
+
+    // parent item pubkey
+    ["p", "<parent-pubkey>", "relay-url-hint"]
+  ]
+  // other fields
+}
+```
+
+Tags `K` and `k` MUST be present to define the event kind of the root and the parent items.
+
+`I` and `i` tags create scopes for hashtags, geohashes, URLs, and other external identifiers.
+
+The possible values for `i` tags – and `k` tags, when related to an external identity – are listed on [NIP-73](73.md).
+Their uppercase versions use the same type of values but relate to the root item instead of the parent one.
+
+`q` tags MAY be used when citing events in the `.content` with [NIP-21](21.md).
+
+```json
+["q", "<event-id> or <event-address>", "<relay-url>", "<pubkey-if-a-regular-event>"]
+```
+
+`p` tags SHOULD be used when mentioning pubkeys in the `.content` with [NIP-21](21.md).
+
+Comments MUST NOT be used to reply to kind 1 notes. [NIP-10](10.md) should instead be followed.
+
+## Examples
+
+A comment on a blog post looks like this:
+
+```jsonc
+{
+  "kind": 1111,
+  "content": "Great blog post!",
+  "tags": [
+    // top-level comments scope to event addresses or ids
+    ["A", "30023:3c9849383bdea883b0bd16fece1ed36d37e37cdde3ce43b17ea4e9192ec11289:f9347ca7", "wss://example.relay"],
+    // the root kind
+    ["K", "30023"],
+    // author of root event
+    ["P", "3c9849383bdea883b0bd16fece1ed36d37e37cdde3ce43b17ea4e9192ec11289", "wss://example.relay"]
+
+    // the parent event address (same as root for top-level comments)
+    ["a", "30023:3c9849383bdea883b0bd16fece1ed36d37e37cdde3ce43b17ea4e9192ec11289:f9347ca7", "wss://example.relay"],
+    // when the parent event is replaceable or addressable, also include an `e` tag referencing its id
+    ["e", "5b4fc7fed15672fefe65d2426f67197b71ccc82aa0cc8a9e94f683eb78e07651", "wss://example.relay"],
+    // the parent event kind
+    ["k", "30023"],
+    // author of the parent event
+    ["p", "3c9849383bdea883b0bd16fece1ed36d37e37cdde3ce43b17ea4e9192ec11289", "wss://example.relay"]
+  ]
+  // other fields
+}
+```
+
+A comment on a [NIP-94](94.md) file looks like this:
+
+```jsonc
+{
+  "kind": 1111,
+  "content": "Great file!",
+  "tags": [
+    // top-level comments have the same scope and reply to addresses or ids
+    ["E", "768ac8720cdeb59227cf95e98b66560ef03d8bc9a90d721779e76e68fb42f5e6", "wss://example.relay", "3721e07b079525289877c366ccab47112bdff3d1b44758ca333feb2dbbbbe5bb"],
+    // the root kind
+    ["K", "1063"],
+    // author of the root event
+    ["P", "3721e07b079525289877c366ccab47112bdff3d1b44758ca333feb2dbbbbe5bb"],
+
+    // the parent event id (same as root for top-level comments)
+    ["e", "768ac8720cdeb59227cf95e98b66560ef03d8bc9a90d721779e76e68fb42f5e6", "wss://example.relay", "3721e07b079525289877c366ccab47112bdff3d1b44758ca333feb2dbbbbe5bb"],
+    // the parent kind
+    ["k", "1063"],
+    ["p", "3721e07b079525289877c366ccab47112bdff3d1b44758ca333feb2dbbbbe5bb"]
+  ]
+  // other fields
+}
+```
+
+A reply to a comment looks like this:
+
+```jsonc
+{
+  "kind": 1111,
+  "content": "This is a reply to \"Great file!\"",
+  "tags": [
+    // nip-94 file event id
+    ["E", "768ac8720cdeb59227cf95e98b66560ef03d8bc9a90d721779e76e68fb42f5e6", "wss://example.relay", "fd913cd6fa9edb8405750cd02a8bbe16e158b8676c0e69fdc27436cc4a54cc9a"],
+    // the root kind
+    ["K", "1063"],
+    ["P", "fd913cd6fa9edb8405750cd02a8bbe16e158b8676c0e69fdc27436cc4a54cc9a"],
+
+    // the parent event
+    ["e", "5c83da77af1dec6d7289834998ad7aafbd9e2191396d75ec3cc27f5a77226f36", "wss://example.relay", "93ef2ebaaf9554661f33e79949007900bbc535d239a4c801c33a4d67d3e7f546"],
+    // the parent kind
+    ["k", "1111"],
+    ["p", "93ef2ebaaf9554661f33e79949007900bbc535d239a4c801c33a4d67d3e7f546"]
+  ]
+  // other fields
+}
+```
+
+A comment on a website's url looks like this:
+
+```jsonc
+{
+  "kind": 1111,
+  "content": "Nice article!",
+  "tags": [
+    // referencing the root url
+    ["I", "https://abc.com/articles/1"],
+    // the root "kind": for an url
+    ["K", "web"],
+
+    // the parent reference (same as root for top-level comments)
+    ["i", "https://abc.com/articles/1"],
+    // the parent "kind": for an url
+    ["k", "web"]
+  ]
+  // other fields
+}
+```
+
+A podcast comment example:
+
+```jsonc
+{
+  "id": "80c48d992a38f9c445b943a9c9f1010b396676013443765750431a9004bdac05",
+  "pubkey": "252f10c83610ebca1a059c0bae8255eba2f95be4d1d7bcfa89d7248a82d9f111",
+  "kind": 1111,
+  "content": "This was a great episode!",
+  "tags": [
+    // podcast episode reference
+    ["I", "podcast:item:guid:d98d189b-dc7b-45b1-8720-d4b98690f31f", "https://fountain.fm/episode/z1y9TMQRuqXl2awyrQxg"],
+    // podcast episode type
+    ["K", "podcast:item:guid"],
+
+    // same value as "I" tag above, because it is a top-level comment (not a reply to a comment)
+    ["i", "podcast:item:guid:d98d189b-dc7b-45b1-8720-d4b98690f31f", "https://fountain.fm/episode/z1y9TMQRuqXl2awyrQxg"],
+    ["k", "podcast:item:guid"]
+  ]
+  // other fields
+}
+```
+
+A reply to a podcast comment:
+
+```jsonc
+{
+  "kind": 1111,
+  "content": "I'm replying to the above comment.",
+  "tags": [
+    // podcast episode reference
+    ["I", "podcast:item:guid:d98d189b-dc7b-45b1-8720-d4b98690f31f", "https://fountain.fm/episode/z1y9TMQRuqXl2awyrQxg"],
+    // podcast episode type
+    ["K", "podcast:item:guid"],
+
+    // this is a reference to the above comment
+    ["e", "80c48d992a38f9c445b943a9c9f1010b396676013443765750431a9004bdac05", "wss://example.relay", "252f10c83610ebca1a059c0bae8255eba2f95be4d1d7bcfa89d7248a82d9f111"],
+    // the parent comment kind
+    ["k", "1111"]
+    ["p", "252f10c83610ebca1a059c0bae8255eba2f95be4d1d7bcfa89d7248a82d9f111"]
+  ]
+  // other fields
+}
+```
diff --git a/dist/docs/nips/23.md b/dist/docs/nips/23.md
new file mode 100644
index 00000000..2586ac0c
--- /dev/null
+++ b/dist/docs/nips/23.md
@@ -0,0 +1,66 @@
+NIP-23
+======
+
+Long-form Content
+-----------------
+
+`draft` `optional`
+
+This NIP defines `kind:30023` (an _addressable event_) for long-form text content, generally referred to as "articles" or "blog posts". `kind:30024` has the same structure as `kind:30023` and is used to save long form drafts.
+
+"Social" clients that deal primarily with `kind:1` notes should not be expected to implement this NIP.
+
+### Format
+
+The `.content` of these events should be a string text in Markdown syntax. To maximize compatibility and readability between different clients and devices, any client that is creating long form notes:
+
+- MUST NOT hard line-break paragraphs of text, such as arbitrary line breaks at 80 column boundaries.
+
+- MUST NOT support adding HTML to Markdown.
+
+### Metadata
+
+For the date of the last update the `.created_at` field should be used, for "tags"/"hashtags" (i.e. topics about which the event might be of relevance) the `t` tag should be used.
+
+Other metadata fields can be added as tags to the event as necessary. Here we standardize 4 that may be useful, although they remain strictly optional:
+
+- `"title"`, for the article title
+- `"image"`, for a URL pointing to an image to be shown along with the title
+- `"summary"`, for the article summary
+- `"published_at"`, for the timestamp in unix seconds (stringified) of the first time the article was published
+
+### Editability
+
+These articles are meant to be editable, so they should include a `d` tag with an identifier for the article. Clients should take care to only publish and read these events from relays that implement that. If they don't do that they should also take care to hide old versions of the same article they may receive.
+
+### Linking
+
+The article may be linked to using the [NIP-19](19.md) `naddr` code along with the `a` tag.
+
+### References
+
+References to other Nostr notes, articles or profiles must be made according to [NIP-27](27.md), i.e. by using [NIP-21](21.md) `nostr:...` links and optionally adding tags for these (see example below).
+
+## Example Event
+
+```json
+{
+  "kind": 30023,
+  "created_at": 1675642635,
+  "content": "Lorem [ipsum][nostr:nevent1qqst8cujky046negxgwwm5ynqwn53t8aqjr6afd8g59nfqwxpdhylpcpzamhxue69uhhyetvv9ujuetcv9khqmr99e3k7mg8arnc9] dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n\nRead more at nostr:naddr1qqzkjurnw4ksz9thwden5te0wfjkccte9ehx7um5wghx7un8qgs2d90kkcq3nk2jry62dyf50k0h36rhpdtd594my40w9pkal876jxgrqsqqqa28pccpzu.",
+  "tags": [
+    ["d", "lorem-ipsum"],
+    ["title", "Lorem Ipsum"],
+    ["published_at", "1296962229"],
+    ["t", "placeholder"],
+    ["e", "b3e392b11f5d4f28321cedd09303a748acfd0487aea5a7450b3481c60b6e4f87", "wss://relay.example.com"],
+    ["a", "30023:a695f6b60119d9521934a691347d9f78e8770b56da16bb255ee286ddf9fda919:ipsum", "wss://relay.nostr.org"]
+  ],
+  "pubkey": "...",
+  "id": "..."
+}
+```
+
+### Replies & Comments
+
+Replies to `kind 30023` MUST use [NIP-22](./22.md) `kind 1111` comments. 
\ No newline at end of file
diff --git a/dist/docs/nips/24.md b/dist/docs/nips/24.md
new file mode 100644
index 00000000..0094d58d
--- /dev/null
+++ b/dist/docs/nips/24.md
@@ -0,0 +1,43 @@
+NIP-24
+======
+
+Extra metadata fields and tags
+------------------------------
+
+`draft` `optional`
+
+This NIP keeps track of extra optional fields that can added to events which are not defined anywhere else but have become _de facto_ standards and other minor implementation possibilities that do not deserve their own NIP and do not have a place in other NIPs.
+
+### kind 0
+
+These are extra fields not specified in NIP-01 that may be present in the stringified JSON of metadata events:
+
+  - `display_name`: an alternative, bigger name with richer characters than `name`. `name` should always be set regardless of the presence of `display_name` in the metadata.
+  - `website`: a web URL related in any way to the event author.
+  - `banner`: an URL to a wide (~1024x768) picture to be optionally displayed in the background of a profile screen.
+  - `bot`: a boolean to clarify that the content is entirely or partially the result of automation, such as with chatbots or newsfeeds.
+  - `birthday`: an object representing the author's birth date. The format is { "year": number, "month": number, "day": number }. Each field MAY be omitted.
+
+#### Deprecated fields
+
+These are fields that should be ignored or removed when found in the wild:
+
+  - `displayName`: use `display_name` instead.
+  - `username`: use `name` instead.
+
+### kind 3
+
+These are extra fields not specified in NIP-02 that may be present in the stringified JSON of follow events:
+
+#### Deprecated fields
+
+  - `{<relay-url>: {"read": <true|false>, "write": <true|false>}, ...}`: an object of relays used by a user to read/write. [NIP-65](65.md) should be used instead.
+
+### tags
+
+These tags may be present in multiple event kinds. Whenever a different meaning is not specified by some more specific NIP, they have the following meanings:
+
+  - `r`: a web URL the event is referring to in some way.
+  - `i`: an external id the event is referring to in some way - see [NIP-73](73.md).
+  - `title`: name of [NIP-51](51.md) sets, [NIP-52](52.md) calendar event, [NIP-53](53.md) live event or [NIP-99](99.md) listing.
+  - `t`: a hashtag. The value MUST be a lowercase string.
diff --git a/dist/docs/nips/25.md b/dist/docs/nips/25.md
new file mode 100644
index 00000000..7ac4fb18
--- /dev/null
+++ b/dist/docs/nips/25.md
@@ -0,0 +1,100 @@
+
+NIP-25
+======
+
+Reactions
+---------
+
+`draft` `optional`
+
+A reaction is a `kind 7` event that is used to indicate user reactions to other events. A
+reaction's `content` field MUST include user-generated-content indicating the value of the
+reaction (conventionally `+`, `-`, or an emoji).
+
+A reaction with `content` set to `+` or an empty string MUST be interpreted as a "like" or "upvote".
+A reaction with `content` set to `-` MUST be interpreted as a "dislike" or "downvote".
+
+A reaction with `content` set to an emoji or [NIP-30](30.md) custom emoji SHOULD NOT be interpreted
+as a "like" or "dislike". Clients MAY instead display this emoji reaction on the post.
+
+Tags
+----
+
+There MUST be always an `e` tag set to the `id` of the event that is being reacted to. The `e` tag SHOULD include a relay hint pointing to a relay where the event being reacted to can be found. If a client decides to include other `e`, which not recommended, the target event `id` should be last of the `e` tags.
+
+There SHOULD be a `p` tag set to the `pubkey` of the event being reacted to. If a client decides to include other `p` tags, which not recommended, the target event `pubkey` should be last the `p` tags.
+
+If the event being reacted to is an addressable event, an `a` SHOULD be included together with the `e` tag, it must be set to the coordinates (`kind:pubkey:d-tag`) of the event being reacted to.
+
+The `e` and `a` tags SHOULD include relay and pubkey hints. The `p` tags SHOULD include relay hints.
+
+The reaction event MAY include a `k` tag with the stringified kind number of the reacted event as its value.
+
+**Example code**
+
+```swift
+func make_like_event(pubkey: String, privkey: String, liked: NostrEvent, hint: String) -> NostrEvent {
+    var tags: [[String]] = []
+    tags.append(["e", liked.id, hint, liked.pubkey])
+    tags.append(["p", liked.pubkey, hint])
+    tags.append(["k", String(liked.kind)])
+    let ev = NostrEvent(content: "+", pubkey: pubkey, kind: 7, tags: tags)
+    ev.calculate_id()
+    ev.sign(privkey: privkey)
+    return ev
+}
+```
+
+External Content Reactions
+---------------------
+
+If the target of a reaction is not a native nostr event, the reaction MUST be a `kind 17` event and MUST include [NIP-73](73.md) external content `k` + `i` tags to properly reference the content.
+
+_Reacting to a website:_
+```jsonc
+{
+  "kind": 17,
+  "content": "⭐",
+  "tags": [
+    ["k", "web"],
+    ["i", "https://example.com"]
+  ],
+}
+```
+
+_Reacting to a podcast episode:_
+```jsonc
+{
+  "kind": 17,
+  "content": "+",
+  "tags": [
+    ["k", "podcast:guid"],
+    ["i", "podcast:guid:917393e3-1b1e-5cef-ace4-edaa54e1f810", "https://fountain.fm/show/QRT0l2EfrKXNGDlRrmjL"],
+    ["k", "podcast:item:guid"],
+    ["i", "podcast:item:guid:PC20-229", "https://fountain.fm/episode/DQqBg5sD3qFGMCZoSuLF"]
+  ],
+}
+```
+
+
+
+
+Custom Emoji Reaction
+---------------------
+
+The client may specify a custom emoji ([NIP-30](30.md)) `:shortcode:` in the
+reaction content. The client should refer to the emoji tag and render the
+content as an emoji if shortcode is specified.
+
+```jsonc
+{
+  "kind": 7,
+  "content": ":soapbox:",
+  "tags": [
+    ["emoji", "soapbox", "https://gleasonator.com/emoji/Gleasonator/soapbox.png"]
+  ],
+  // other fields...
+}
+```
+
+The content can be set only one `:shortcode:`. And emoji tag should be one.
diff --git a/dist/docs/nips/26.md b/dist/docs/nips/26.md
new file mode 100644
index 00000000..645ec441
--- /dev/null
+++ b/dist/docs/nips/26.md
@@ -0,0 +1,112 @@
+> __Warning__  `unrecommended`: adds unnecessary burden for little gain
+
+NIP-26
+=======
+
+Delegated Event Signing
+-----------------------
+
+`draft` `optional`
+
+This NIP defines how events can be delegated so that they can be signed by other keypairs.
+
+Another application of this proposal is to abstract away the use of the 'root' keypairs when interacting with clients. For example, a user could generate new keypairs for each client they wish to use and authorize those keypairs to generate events on behalf of their root pubkey, where the root keypair is stored in cold storage. 
+
+#### Introducing the 'delegation' tag
+
+This NIP introduces a new tag: `delegation` which is formatted as follows:
+
+```json
+[
+  "delegation",
+  <pubkey of the delegator>,
+  <conditions query string>,
+  <delegation token: 64-byte Schnorr signature of the sha256 hash of the delegation string>
+]
+```
+
+##### Delegation Token
+
+The **delegation token** should be a 64-byte Schnorr signature of the sha256 hash of the following string:
+
+```
+nostr:delegation:<pubkey of publisher (delegatee)>:<conditions query string>
+```
+
+##### Conditions Query String
+
+The following fields and operators are supported in the above query string:
+
+*Fields*:
+1. `kind`
+   -  *Operators*:
+      -  `=${KIND_NUMBER}` - delegatee may only sign events of this kind
+2. `created_at`
+   -  *Operators*:
+      -  `<${TIMESTAMP}` - delegatee may only sign events created ***before*** the specified timestamp
+      -  `>${TIMESTAMP}` - delegatee may only sign events created ***after*** the specified timestamp
+
+In order to create a single condition, you must use a supported field and operator. Multiple conditions can be used in a single query string, including on the same field. Conditions must be combined with `&`.
+
+For example, the following condition strings are valid:
+
+- `kind=1&created_at<1675721813`
+- `kind=0&kind=1&created_at>1675721813`
+- `kind=1&created_at>1674777689&created_at<1675721813`
+
+For the vast majority of use-cases, it is advisable that:
+1. Query strings should include a `created_at` ***after*** condition reflecting the current time, to prevent the delegatee from publishing historic notes on the delegator's behalf.
+2. Query strings should include a `created_at` ***before*** condition that is not empty and is not some extremely distant time in the future. If delegations are not limited in time scope, they expose similar security risks to simply using the root key for authentication.
+
+#### Example
+
+```
+# Delegator:
+privkey: ee35e8bb71131c02c1d7e73231daa48e9953d329a4b701f7133c8f46dd21139c
+pubkey:  8e0d3d3eb2881ec137a11debe736a9086715a8c8beeeda615780064d68bc25dd
+
+# Delegatee:
+privkey: 777e4f60b4aa87937e13acc84f7abcc3c93cc035cb4c1e9f7a9086dd78fffce1
+pubkey:  477318cfb5427b9cfc66a9fa376150c1ddbc62115ae27cef72417eb959691396
+```
+
+Delegation string to grant note publishing authorization to the delegatee (477318cf) from now, for the next 30 days, given the current timestamp is `1674834236`.
+```json
+nostr:delegation:477318cfb5427b9cfc66a9fa376150c1ddbc62115ae27cef72417eb959691396:kind=1&created_at>1674834236&created_at<1677426236
+```
+
+The delegator (8e0d3d3e) then signs a SHA256 hash of the above delegation string, the result of which is the delegation token:
+```
+6f44d7fe4f1c09f3954640fb58bd12bae8bb8ff4120853c4693106c82e920e2b898f1f9ba9bd65449a987c39c0423426ab7b53910c0c6abfb41b30bc16e5f524
+```
+
+The delegatee (477318cf) can now construct an event on behalf of the delegator (8e0d3d3e). The delegatee then signs the event with its own private key and publishes.
+```json
+{
+  "id": "e93c6095c3db1c31d15ac771f8fc5fb672f6e52cd25505099f62cd055523224f",
+  "pubkey": "477318cfb5427b9cfc66a9fa376150c1ddbc62115ae27cef72417eb959691396",
+  "created_at": 1677426298,
+  "kind": 1,
+  "tags": [
+    [
+      "delegation",
+      "8e0d3d3eb2881ec137a11debe736a9086715a8c8beeeda615780064d68bc25dd",
+      "kind=1&created_at>1674834236&created_at<1677426236",
+      "6f44d7fe4f1c09f3954640fb58bd12bae8bb8ff4120853c4693106c82e920e2b898f1f9ba9bd65449a987c39c0423426ab7b53910c0c6abfb41b30bc16e5f524"
+    ]
+  ],
+  "content": "Hello, world!",
+  "sig": "633db60e2e7082c13a47a6b19d663d45b2a2ebdeaf0b4c35ef83be2738030c54fc7fd56d139652937cdca875ee61b51904a1d0d0588a6acd6168d7be2909d693"
+}
+```
+
+The event should be considered a valid delegation if the conditions are satisfied (`kind=1`, `created_at>1674834236` and `created_at<1677426236` in this example) and, upon validation of the delegation token, are found to be unchanged from the conditions in the original delegation string.
+
+Clients should display the delegated note as if it was published directly by the delegator (8e0d3d3e).
+
+
+#### Relay & Client Support
+
+Relays should answer requests such as `["REQ", "", {"authors": ["A"]}]` by querying both the `pubkey` and delegation tags `[1]` value.
+
+Relays SHOULD allow the delegator (8e0d3d3e) to delete the events published by the delegatee (477318cf).
diff --git a/dist/docs/nips/27.md b/dist/docs/nips/27.md
new file mode 100644
index 00000000..d75672ac
--- /dev/null
+++ b/dist/docs/nips/27.md
@@ -0,0 +1,54 @@
+NIP-27
+======
+
+Text Note References
+--------------------
+
+`draft` `optional`
+
+This document standardizes the treatment given by clients of inline references of other events and profiles inside the `.content` of any event that has readable text in its `.content` (such as kinds 1 and 30023).
+
+When creating an event, clients should include mentions to other profiles and to other events in the middle of the `.content` using [NIP-21](21.md) codes, such as `nostr:nprofile1qqsw3dy8cpu...6x2argwghx6egsqstvg`.
+
+Including [NIP-18](18.md)'s quote tags (`["q", "<event-id> or <event-address>", "<relay-url>", "<pubkey-if-a-regular-event>"]`) for each reference is optional, clients should do it whenever they want the profile being mentioned to be notified of the mention, or when they want the referenced event to recognize their mention as a reply.
+
+A reader client that receives an event with such `nostr:...` mentions in its `.content` can do any desired context augmentation (for example, linking to the profile or showing a preview of the mentioned event contents) it wants in the process. If turning such mentions into links, they could become internal links, [NIP-21](21.md) links or direct links to web clients that will handle these references.
+
+---
+
+## Example of a profile mention process
+
+Suppose Bob is writing a note in a client that has search-and-autocomplete functionality for users that is triggered when they write the character `@`.
+
+As Bob types `"hello @mat"` the client will prompt him to autocomplete with [mattn's profile](https://njump.me/npub1937vv2nf06360qn9y8el6d8sevnndy7tuh5nzre4gj05xc32tnwqauhaj6), showing a picture and name.
+
+Bob presses "enter" and now he sees his typed note as `"hello @mattn"`, `@mattn` is highlighted, indicating that it is a mention. Internally, however, the event looks like this:
+
+```json
+{
+  "content": "hello nostr:nprofile1qqszclxx9f5haga8sfjjrulaxncvkfekj097t6f3pu65f86rvg49ehqj6f9dh",
+  "created_at": 1679790774,
+  "id": "f39e9b451a73d62abc5016cffdd294b1a904e2f34536a208874fe5e22bbd47cf",
+  "kind": 1,
+  "pubkey": "79be667ef9dcbbac55a06295ce870b07029bfcdb2dce28d959f2815b16f81798",
+  "sig": "f8c8bab1b90cc3d2ae1ad999e6af8af449ad8bb4edf64807386493163e29162b5852a796a8f474d6b1001cddbaac0de4392838574f5366f03cc94cf5dfb43f4d",
+  "tags": [
+    [
+      "p",
+      "2c7cc62a697ea3a7826521f3fd34f0cb273693cbe5e9310f35449f43622a5cdc"
+    ]
+  ]
+}
+```
+
+(Alternatively, the mention could have been a `nostr:npub1...` URL.)
+
+After Bob publishes this event and Carol sees it, her client will initially display the `.content` as it is, but later it will parse the `.content` and see that there is a `nostr:` URL in there, decode it, extract the public key from it (and possibly relay hints), fetch that profile from its internal database or relays, then replace the full URL with the name `@mattn`, with a link to the internal page view for that profile.
+
+## Verbose and probably unnecessary considerations
+
+- The example above was very concrete, but it doesn't mean all clients have to implement the same flow. There could be clients that do not support autocomplete at all, so they just allow users to paste raw [NIP-19](19.md) codes into the body of text, then prefix these with `nostr:` before publishing the event.
+- The flow for referencing other events is similar: a user could paste a `note1...` or `nevent1...` code and the client will turn that into a `nostr:note1...` or `nostr:nevent1...` URL. Then upon reading such references the client may show the referenced note in a preview box or something like that -- or nothing at all.
+- Other display procedures can be employed: for example, if a client that is designed for dealing with only `kind:1` text notes sees, for example, a [`kind:30023`](23.md) `nostr:naddr1...` URL reference in the `.content`, it can, for example, decide to turn that into a link to some hardcoded webapp capable of displaying such events.
+- Clients may give the user the option to include or not include tags for mentioned events or profiles. If someone wants to mention `mattn` without notifying them, but still have a nice augmentable/clickable link to their profile inside their note, they can instruct their client to _not_ create a `["p", ...]` tag for that specific mention.
+- In the same way, if someone wants to reference another note but their reference is not meant to show up along other replies to that same note, their client can choose to not include a corresponding `["e", ...]` tag for any given `nostr:nevent1...` URL inside `.content`. Clients may decide to expose these advanced functionalities to users or be more opinionated about things.
diff --git a/dist/docs/nips/28.md b/dist/docs/nips/28.md
new file mode 100644
index 00000000..6b240ef3
--- /dev/null
+++ b/dist/docs/nips/28.md
@@ -0,0 +1,160 @@
+
+NIP-28
+======
+
+Public Chat
+-----------
+
+`draft` `optional`
+
+This NIP defines new event kinds for public chat channels, channel messages, and basic client-side moderation.
+
+It reserves five event kinds (40-44) for immediate use:
+
+- `40 - channel create`
+- `41 - channel metadata`
+- `42 - channel message`
+- `43 - hide message`
+- `44 - mute user`
+
+Client-centric moderation gives client developers discretion over what types of content they want included in their apps, while imposing no additional requirements on relays.
+
+## Kind 40: Create channel
+
+Create a public chat channel.
+
+In the channel creation `content` field, Client SHOULD include basic channel metadata (`name`, `about`, `picture` and `relays` as specified in kind 41).
+
+```jsonc
+{
+  "content": "{\"name\": \"Demo Channel\", \"about\": \"A test channel.\", \"picture\": \"https://placekitten.com/200/200\", \"relays\": [\"wss://nos.lol\", \"wss://nostr.mom\"]}",
+ // other fields...
+}
+```
+
+
+## Kind 41: Set channel metadata
+
+Update a channel's public metadata.
+
+Kind 41 is used to update the metadata without modifying the event id for the channel. Only the most recent kind 41 per `e` tag value MAY be available.
+
+Clients SHOULD ignore kind 41s from pubkeys other than the kind 40 pubkey.
+
+Clients SHOULD support basic metadata fields:
+
+- `name` - string - Channel name
+- `about` - string - Channel description
+- `picture` - string - URL of channel picture
+- `relays` - array - List of relays to download and broadcast events to
+
+Clients MAY add additional metadata fields.
+
+Clients SHOULD use [NIP-10](10.md) marked "e" tags to recommend a relay.
+
+It is also possible to set the category name using the "t" tag. This category name can be searched and filtered.
+
+```jsonc
+{
+  "content": "{\"name\": \"Updated Demo Channel\", \"about\": \"Updating a test channel.\", \"picture\": \"https://placekitten.com/201/201\", \"relays\": [\"wss://nos.lol\", \"wss://nostr.mom\"]}",
+  "tags": [
+    ["e", <channel_create_event_id>, <relay-url>, "root"],
+    ["t", <category_name-1>],
+    ["t", <category_name-2>],
+    ["t", <category_name-3>],
+  ],
+  // other fields...
+}
+```
+
+
+## Kind 42: Create channel message
+
+Send a text message to a channel.
+
+Clients SHOULD use [NIP-10](10.md) marked "e" tags to recommend a relay and specify whether it is a reply or root message.
+
+Clients SHOULD append [NIP-10](10.md) "p" tags to replies.
+
+Root message:
+
+```jsonc
+{
+  "content": <string>,
+  "tags": [["e", <kind_40_event_id>, <relay-url>, "root"]],
+  // other fields...
+}
+```
+
+Reply to another message:
+
+```jsonc
+{
+  "content": <string>,
+  "tags": [
+      ["e", <kind_40_event_id>, <relay-url>, "root"],
+      ["e", <kind_42_event_id>, <relay-url>, "reply"],
+      ["p", <pubkey>, <relay-url>],
+      // rest of tags...
+  ],
+  // other fields...
+}
+```
+
+
+## Kind 43: Hide message
+
+User no longer wants to see a certain message.
+
+The `content` may optionally include metadata such as a `reason`.
+
+Clients SHOULD hide event 42s shown to a given user, if there is an event 43 from that user matching the event 42 `id`.
+
+Clients MAY hide event 42s for other users other than the user who sent the event 43.
+
+(For example, if three users 'hide' an event giving a reason that includes the word 'pornography', a Nostr client that is an iOS app may choose to hide that message for all iOS clients.)
+
+```jsonc
+{
+  "content": "{\"reason\": \"Dick pic\"}",
+  "tags": [["e", <kind_42_event_id>]],
+  // other fields...
+}
+```
+
+## Kind 44: Mute user
+
+User no longer wants to see messages from another user.
+
+The `content` may optionally include metadata such as a `reason`.
+
+Clients SHOULD hide event 42s shown to a given user, if there is an event 44 from that user matching the event 42 `pubkey`.
+
+Clients MAY hide event 42s for users other than the user who sent the event 44.
+
+```jsonc
+{
+  "content": "{\"reason\": \"Posting dick pics\"}",
+  "tags": [["p", <pubkey>]],
+  // other fields...
+}
+```
+
+## Relay recommendations
+
+Clients SHOULD use the relay URLs of the metadata events. 
+
+Clients MAY use any relay URL. For example, if a relay hosting the original kind 40 event for a channel goes offline, clients could instead fetch channel data from a backup relay, or a relay that clients trust more than the original relay.
+
+Motivation
+----------
+If we're solving censorship-resistant communication for social media, we may as well solve it also for Telegram-style messaging.
+
+We can bring the global conversation out from walled gardens into a true public square open to all.
+
+
+Additional info
+---------------
+
+- [Chat demo PR with fiatjaf+jb55 comments](https://github.com/ArcadeCity/arcade/pull/28)
+- [Conversation about NIP16](https://t.me/nostr_protocol/29566)
diff --git a/dist/docs/nips/29.md b/dist/docs/nips/29.md
new file mode 100644
index 00000000..601d63ad
--- /dev/null
+++ b/dist/docs/nips/29.md
@@ -0,0 +1,244 @@
+NIP-29
+======
+
+Relay-based Groups
+------------------
+
+`draft` `optional`
+
+This NIP defines a standard for groups that are only writable by a closed set of users. They can be public for reading by external users or not.
+
+Groups are identified by a random string of any length that serves as an _id_.
+
+There is no way to create a group, what happens is just that relays (most likely when asked by users) will create rules around some specific ids so these ids can serve as an actual group, henceforth messages sent to that group will be subject to these rules.
+
+Normally a group will originally belong to one specific relay, but the community may choose to move the group to other relays or even fork the group so it exists in different forms -- still using the same _id_ -- across different relays.
+
+## Relay-generated events
+
+Relays are supposed to generate the events that describe group metadata and group admins. These are _addressable_ events signed by the relay keypair directly, with the group _id_ as the `d` tag.
+
+## Group identifier
+
+A group may be identified by a string in the format `<host>'<group-id>`. For example, a group with _id_ `abcdef` hosted at the relay `wss://groups.nostr.com` would be identified by the string `groups.nostr.com'abcdef`.
+
+Group identifiers must be strings restricted to the characters `a-z0-9-_`, and SHOULD be random in order to avoid name collisions.
+
+When encountering just the `<host>` without the `'<group-id>`, clients MAY infer `_` as the group id, which is a special top-level group dedicated to relay-local discussions.
+
+## The `h` tag
+
+Events sent by users to groups (chat messages, text notes, moderation events etc) MUST have an `h` tag with the value set to the group _id_.
+
+## Timeline references
+
+In order to not be used out of context, events sent to these groups may contain references to previous events seen from the same relay in the `previous` tag. The choice of which previous events to pick belongs to the clients. The references are to be made using the first 8 characters (4 bytes) of any event in the last 50 events seen by the user in the relay, excluding events by themselves. There can be any number of references (including zero), but it's recommended that clients include at least 3 and that relays enforce this.
+
+This is a hack to prevent messages from being broadcasted to external relays that have forks of one group out of context. Relays are expected to reject any events that contain timeline references to events not found in their own database. Clients should also check these to keep relays honest about them.
+
+## Late publication
+
+Relays should prevent late publication (messages published now with a timestamp from days or even hours ago) unless they are open to receive a group forked or moved from another relay.
+
+## Group management
+
+Groups can have any number of users with elevated access. These users are identified by role labels which are arbitrarily defined by the relays (see also the description of `kind:39003`). What each role is capable of not defined in this NIP either, it's a relay policy that can vary. Roles can be assigned by other users (as long as they have the capability to add roles) by publishing a `kind:9000` event with that user's pubkey in a `p` tag and the roles afterwards (even if the user is already a group member a `kind:9000` can be issued and the user roles must just be updated).
+
+The roles supported by the group as to having some special privilege assigned to them should be accessible on the event `kind:39003`, but the relay may also accept other role names, arbitrarily defined by clients, and just not do anything with them.
+
+Users with any roles that have any privilege can be considered _admins_ in a broad sense and be returned in the `kind:39001` event for a group.
+
+## Unmanaged groups
+
+Unmanaged groups are impromptu groups that can be used in any public relay unaware of NIP-29 specifics. They piggyback on relays' natural white/blacklists (or lack of) but aside from that are not actively managed and won't have any admins, group state or metadata events.
+
+In `unmanaged` groups, everybody is considered to be a member.
+
+Unmanaged groups can transition to managed groups, in that case the relay master key just has to publish moderation events setting the state of all groups and start enforcing the rules they choose to.
+
+## Event definitions
+
+These are the events expected to be found in NIP-29 groups.
+
+### Normal user-created events
+
+Groups may accept any event kind, including chats, threads, long-form articles, calendar, livestreams, market announcements and so on. These should be as defined in their respective NIPs, with the addition of the `h` tag.
+
+### User-related group management events
+
+These are events that can be sent by users to manage their situation in a group, they also require the `h` tag.
+
+- *join request* (`kind:9021`)
+
+Any user can send a kind `9021` event to the relay in order to request admission to the group. Relays MUST reject the request if the user has not been added to the group. The accompanying error message SHOULD explain whether the rejection is final, if the request is pending review, or if some other special handling is relevant (e.g. if payment is required). If a user is already a member, the event MUST be rejected with `duplicate: ` as the error message prefix.
+
+```json
+{
+  "kind": 9021,
+  "content": "optional reason",
+  "tags": [
+    ["h", "<group-id>"],
+    ["code", "<optional-invite-code>"]
+  ]
+}
+```
+
+The optional `code` tag may be used by the relay to preauthorize acceptances in `closed` groups, together with the `kind:9009` `create-invite` moderation event.
+
+- *leave request* (`kind:9022`)
+
+Any user can send one of these events to the relay in order to be automatically removed from the group. The relay will automatically issue a `kind:9001` in response removing this user.
+
+```json
+{
+  "kind": 9022,
+  "content": "optional reason",
+  "tags": [
+    ["h", "<group-id>"]
+  ]
+}
+```
+
+### Group state -- or moderation
+
+These are events expected to be sent by the relay master key or by group admins -- and relays should reject them if they don't come from an authorized admin. They also require the `h` tag.
+
+- *moderation events* (`kinds:9000-9020`) (optional)
+
+Clients can send these events to a relay in order to accomplish a moderation action. Relays must check if the pubkey sending the event is capable of performing the given action based on its role and the relay's internal policy (see also the description of `kind:39003`).
+
+```jsonc
+{
+  "kind": 90xx,
+  "content": "optional reason",
+  "tags": [
+    ["h", "<group-id>"],
+    ["previous", /*...*/]
+  ]
+}
+```
+
+Each moderation action uses a different kind and requires different arguments, which are given as tags. These are defined in the following table:
+
+| kind | name                | tags                                           |
+| ---  | ---                 | ---                                            |
+| 9000 | `put-user`          | `p` with pubkey hex and optional roles         |
+| 9001 | `remove-user`       | `p` with pubkey hex                            |
+| 9002 | `edit-metadata`     | fields from `kind:39000` to be modified        |
+| 9005 | `delete-event`      | `e` with event id hex                          |
+| 9007 | `create-group`      |                                                |
+| 9008 | `delete-group`      |                                                |
+| 9009 | `create-invite`     |                                                |
+
+It's expected that the group state (of who is an allowed member or not, who is an admin and with which permission or not, what are the group name and picture etc) can be fully reconstructed from the canonical sequence of these events.
+
+### Group metadata events
+
+These events contain the group id in a `d` tag instead of the `h` tag. They MUST be created by the relay master key only and a single instance of each (or none) should exist at all times for each group. They are merely informative but should reflect the latest group state (as it was changed by moderation events over time).
+
+- *group metadata* (`kind:39000`) (optional)
+
+This event defines the metadata for the group -- basically how clients should display it. It must be generated and signed by the relay in which is found. Relays shouldn't accept these events if they're signed by anyone else.
+
+If the group is forked and hosted in multiple relays, there will be multiple versions of this event in each different relay and so on.
+
+When this event is not found, clients may still connect to the group, but treat it as having a different status, `unmanaged`,
+
+```jsonc
+{
+  "kind": 39000,
+  "content": "",
+  "tags": [
+    ["d", "<group-id>"],
+    ["name", "Pizza Lovers"],
+    ["picture", "https://pizza.com/pizza.png"],
+    ["about", "a group for people who love pizza"],
+    ["public"], // or ["private"]
+    ["open"] // or ["closed"]
+  ]
+  // other fields...
+}
+```
+
+`name`, `picture` and `about` are basic metadata for the group for display purposes. `public` signals the group can be _read_ by anyone, while `private` signals that only AUTHed users can read. `open` signals that anyone can request to join and the request will be automatically granted, while `closed` signals that members must be pre-approved or that requests to join will be manually handled.
+
+- *group admins* (`kind:39001`) (optional)
+
+Each admin is listed along with one or more roles. These roles SHOULD have a correspondence with the roles supported by the relay, as advertised by the `kind:39003` event.
+
+```jsonc
+{
+  "kind": 39001,
+  "content": "list of admins for the pizza lovers group",
+  "tags": [
+    ["d", "<group-id>"],
+    ["p", "<pubkey1-as-hex>", "ceo"],
+    ["p", "<pubkey2-as-hex>", "secretary", "gardener"],
+    // other pubkeys...
+  ],
+  // other fields...
+}
+```
+
+- *group members* (`kind:39002`) (optional)
+
+It's a list of pubkeys that are members of the group. Relays might choose to not to publish this information, to restrict what pubkeys can fetch it or to only display a subset of the members in it.
+
+Clients should not assume this will always be present or that it will contain a full list of members.
+
+```jsonc
+{
+  "kind": 39002,
+  "content": "list of members for the pizza lovers group",
+  "tags": [
+    ["d", "<group-id>"],
+    ["p", "<admin1>"],
+    ["p", "<member-pubkey1>"],
+    ["p", "<member-pubkey2>"],
+    // other pubkeys...
+  ],
+  // other fields...
+}
+```
+
+- *group roles* (`kind:39003`) (optional)
+
+This is an event that MAY be published by the relay informing users and clients about what are the roles supported by this relay according to its internal logic.
+
+For example, a relay may choose to support the roles `"admin"` and `"moderator"`, in which the `"admin"` will be allowed to edit the group metadata, delete messages and remove users from the group, while the `"moderator"` can only delete messages (or the relay may choose to call these roles `"ceo"` and `"secretary"` instead, the exact role name is not relevant).
+
+The process through which the relay decides what roles to support and how to handle moderation events internally based on them is specific to each relay and not specified here.
+
+```jsonc
+{
+  "kind": 39003,
+  "content": "list of roles supported by this group",
+  "tags": [
+    ["d", "<group-id>"],
+    ["role", "<role-name>", "<optional-description>"],
+    ["role", "<role-name>", "<optional-description>"],
+    // other roles...
+  ],
+  // other fields...
+}
+```
+
+## Implementation quirks
+
+### Checking your own membership in a group
+
+The latest of either `kind:9000` or `kind:9001` events present in a group should tell a user that they are currently members of the group or if they were removed. In case none of these exist the user is assumed to not be a member of the group -- unless the group is `unmanaged`, in which case the user is assumed to be a member.
+
+### Adding yourself to a group
+
+When a group is `open`, anyone can send a `kind:9021` event to it in order to be added, then expect a `kind:9000` event to be emitted confirming that the user was added. The same happens with `closed` groups, except in that case a user may only send a `kind:9021` if it has an invite code.
+
+### Storing your list of groups
+
+A definition for `kind:10009` was included in [NIP-51](51.md) that allows clients to store the list of groups a user wants to remember being in.
+
+### Using `unmanaged` relays
+
+To prevent event leakage, when using `unmanaged` relays, clients should include the [NIP-70](70.md) `-` tag, as just the `previous` tag won't be checked by other `unmanaged` relays.
+
+Groups MAY be named without relay support by adding a `name` to the corresponding tag in a user's `kind 10009` group list.
diff --git a/dist/docs/nips/30.md b/dist/docs/nips/30.md
new file mode 100644
index 00000000..54a8b375
--- /dev/null
+++ b/dist/docs/nips/30.md
@@ -0,0 +1,72 @@
+NIP-30
+======
+
+Custom Emoji
+------------
+
+`draft` `optional`
+
+Custom emoji may be added to **kind 0**, **kind 1**, **kind 7** ([NIP-25](25.md)) and **kind 30315** ([NIP-38](38.md)) events by including one or more `"emoji"` tags, in the form:
+
+```
+["emoji", <shortcode>, <image-url>]
+```
+
+Where:
+
+- `<shortcode>` is a name given for the emoji, which MUST be comprised of only alphanumeric characters and underscores.
+- `<image-url>` is a URL to the corresponding image file of the emoji.
+
+For each emoji tag, clients should parse emoji shortcodes (aka "emojify") like `:shortcode:` in the event to display custom emoji.
+
+Clients may allow users to add custom emoji to an event by including `:shortcode:` identifier in the event, and adding the relevant `"emoji"` tags.
+
+### Kind 0 events
+
+In kind 0 events, the `name` and `about` fields should be emojified.
+
+```json
+{
+  "kind": 0,
+  "content": "{\"name\":\"Alex Gleason :soapbox:\"}",
+  "tags": [
+    ["emoji", "soapbox", "https://gleasonator.com/emoji/Gleasonator/soapbox.png"]
+  ],
+  "pubkey": "79c2cae114ea28a981e7559b4fe7854a473521a8d22a66bbab9fa248eb820ff6",
+  "created_at": 1682790000
+}
+```
+
+### Kind 1 events
+
+In kind 1 events, the `content` should be emojified.
+
+```json
+{
+  "kind": 1,
+  "content": "Hello :gleasonator: 😂 :ablobcatrainbow: :disputed: yolo",
+    "tags": [
+    ["emoji", "ablobcatrainbow", "https://gleasonator.com/emoji/blobcat/ablobcatrainbow.png"],
+    ["emoji", "disputed", "https://gleasonator.com/emoji/Fun/disputed.png"],
+    ["emoji", "gleasonator", "https://gleasonator.com/emoji/Gleasonator/gleasonator.png"]
+  ],
+  "pubkey": "79c2cae114ea28a981e7559b4fe7854a473521a8d22a66bbab9fa248eb820ff6",
+  "created_at": 1682630000
+}
+```
+
+### Kind 7 events
+
+In kind 7 events, the `content` should be emojified.
+
+```json
+{
+  "kind": 7,
+  "content": ":dezh:",
+  "tags": [
+    ["emoji", "dezh", "https://raw.githubusercontent.com/dezh-tech/brand-assets/main/dezh/logo/black-normal.svg"]
+  ],
+  "pubkey": "79c2cae114ea28a981e7559b4fe7854a473521a8d22a66bbab9fa248eb820ff6",
+  "created_at": 1682630000
+}
+```
diff --git a/dist/docs/nips/31.md b/dist/docs/nips/31.md
new file mode 100644
index 00000000..37e41306
--- /dev/null
+++ b/dist/docs/nips/31.md
@@ -0,0 +1,15 @@
+NIP-31
+======
+
+Dealing with unknown event kinds
+--------------------------------
+
+`draft` `optional`
+
+When creating a new custom event kind that is part of a custom protocol and isn't meant to be read as text (like `kind:1`), clients should use an `alt` tag to write a short human-readable plaintext summary of what that event is about.
+
+The intent is that social clients, used to display only `kind:1` notes, can still show something in case a custom event pops up in their timelines. The content of the `alt` tag should provide enough context for a user that doesn't know anything about this event kind to understand what it is.
+
+These clients that only know `kind:1` are not expected to ask relays for events of different kinds, but users could still reference these weird events on their notes, and without proper context these could be nonsensical notes. Having the fallback text makes that situation much better -- even if only for making the user aware that they should try to view that custom event elsewhere.
+
+`kind:1`-centric clients can make interacting with these event kinds more functional by supporting [NIP-89](89.md).
diff --git a/dist/docs/nips/32.md b/dist/docs/nips/32.md
new file mode 100644
index 00000000..202200af
--- /dev/null
+++ b/dist/docs/nips/32.md
@@ -0,0 +1,176 @@
+NIP-32
+======
+
+Labeling
+--------
+
+`draft` `optional`
+
+This NIP defines two new indexable tags to label events and a new event kind (`kind:1985`) to attach those labels to existing events. This supports several use cases, including distributed moderation, collection management, license assignment, and content classification.
+
+New Tags:
+
+- `L` denotes a label namespace
+- `l` denotes a label
+
+Label Namespace Tag
+----
+
+An `L` tag can be any string, but publishers SHOULD ensure they are unambiguous by using a well-defined namespace
+(such as an ISO standard) or reverse domain name notation.
+
+`L` tags are RECOMMENDED in order to support searching by namespace rather than by a specific tag. The special `ugc`
+("user generated content") namespace MAY be used when the label content is provided by an end user.
+
+`L` tags starting with `#` indicate that the label target should be associated with the label's value.
+This is a way of attaching standard nostr tags to events, pubkeys, relays, urls, etc.
+
+Label Tag
+----
+
+An `l` tag's value can be any string. If using an `L` tag, `l` tags MUST include a mark matching an `L`
+tag value in the same event. If no `L` tag is included, a mark SHOULD still be included. If none is
+included, `ugc` is implied.
+
+Label Target
+----
+
+The label event MUST include one or more tags representing the object or objects being
+labeled: `e`, `p`, `a`, `r`, or `t` tags. This allows for labeling of events, people, relays,
+or topics respectively. As with NIP-01, a relay hint SHOULD be included when using `e` and
+`p` tags.
+
+Content
+-------
+
+Labels should be short, meaningful strings. Longer discussions, such as for an
+explanation of why something was labeled the way it was, should go in the event's `content` field.
+
+Self-Reporting
+-------
+
+`l` and `L` tags MAY be added to other event kinds to support self-reporting. For events
+with a kind other than 1985, labels refer to the event itself.
+
+Example events
+--------------
+
+A suggestion that multiple pubkeys be associated with the `permies` topic.
+
+```jsonc
+{
+  "kind": 1985,
+  "tags": [
+    ["L", "#t"],
+    ["l", "permies", "#t"],
+    ["p", <pubkey1>, <relay_url>],
+    ["p", <pubkey2>, <relay_url>]
+  ],
+  // other fields...
+}
+```
+
+A report flagging violence toward a human being as defined by ontology.example.com.
+
+```jsonc
+{
+  "kind": 1985,
+  "tags": [
+    ["L", "com.example.ontology"],
+    ["l", "VI-hum", "com.example.ontology"],
+    ["p", <pubkey1>, <relay_url>],
+    ["p", <pubkey2>, <relay_url>]
+  ],
+  // other fields...
+}
+```
+
+A moderation suggestion for a chat event.
+
+```jsonc
+{
+  "kind": 1985,
+  "tags": [
+    ["L", "nip28.moderation"],
+    ["l", "approve", "nip28.moderation"],
+    ["e", <kind40_event_id>, <relay_url>]
+  ],
+  // other fields...
+}
+```
+
+Assignment of a license to an event.
+
+```jsonc
+{
+  "kind": 1985,
+  "tags": [
+    ["L", "license"],
+    ["l", "MIT", "license"],
+    ["e", <event_id>, <relay_url>]
+  ],
+  // other fields...
+}
+```
+
+Publishers can self-label by adding `l` tags to their own non-1985 events. In this case, the kind 1 event's author
+is labeling their note as being related to Milan, Italy using ISO 3166-2.
+
+```jsonc
+{
+  "kind": 1,
+  "tags": [
+    ["L", "ISO-3166-2"],
+    ["l", "IT-MI", "ISO-3166-2"]
+  ],
+  "content": "It's beautiful here in Milan!",
+  // other fields...
+}
+```
+
+Author is labeling their note language as English using ISO-639-1.
+
+```jsonc
+{
+  "kind": 1,
+  "tags": [
+    ["L", "ISO-639-1"],
+    ["l", "en", "ISO-639-1"]
+  ],
+  "content": "English text",
+  // other fields...
+}
+```
+
+Other Notes
+-----------
+
+When using this NIP to bulk-label many targets at once, events may be requested for deletion using [NIP-09](09.md) and a replacement
+may be published. We have opted not to use addressable/replaceable events for this due to the
+complexity in coming up with a standard `d` tag. In order to avoid ambiguity when querying,
+publishers SHOULD limit labeling events to a single namespace.
+
+Before creating a vocabulary, explore how your use case may have already been designed and
+imitate that design if possible. Reverse domain name notation is encouraged to avoid
+namespace clashes, but for the sake of interoperability all namespaces should be
+considered open for public use, and not proprietary. In other words, if there is a
+namespace that fits your use case, use it even if it points to someone else's domain name.
+
+Vocabularies MAY choose to fully qualify all labels within a namespace (for example,
+`["l", "com.example.vocabulary:my-label"]`). This may be preferred when defining more
+formal vocabularies that should not be confused with another namespace when querying
+without an `L` tag. For these vocabularies, all labels SHOULD include the namespace
+(rather than mixing qualified and unqualified labels).
+
+A good heuristic for whether a use case fits this NIP is whether labels would ever be unique.
+For example, many events might be labeled with a particular place, topic, or pubkey, but labels
+with specific values like "John Doe" or "3.18743" are not labels, they are values, and should
+be handled in some other way.
+
+
+Appendix: Known Ontologies
+--------------------------
+
+Below is a non-exhaustive list of ontologies currently in widespread use.
+
+- [social ontology categories](https://github.com/CLARIAH/awesome-humanities-ontologies)
diff --git a/dist/docs/nips/33.md b/dist/docs/nips/33.md
new file mode 100644
index 00000000..9c00d42c
--- /dev/null
+++ b/dist/docs/nips/33.md
@@ -0,0 +1,9 @@
+NIP-33
+======
+
+Parameterized Replaceable Events
+--------------------------------
+
+`final` `mandatory`
+
+Renamed to "Addressable events" and moved to [NIP-01](01.md).
diff --git a/dist/docs/nips/34.md b/dist/docs/nips/34.md
new file mode 100644
index 00000000..d35c0eb2
--- /dev/null
+++ b/dist/docs/nips/34.md
@@ -0,0 +1,248 @@
+NIP-34
+======
+
+`git` stuff
+-----------
+
+`draft` `optional`
+
+This NIP defines all the ways code collaboration using and adjacent to [`git`](https://git-scm.com/) can be done using Nostr.
+
+## Repository announcements
+
+Git repositories are hosted in Git-enabled servers, but their existence can be announced using Nostr events. By doing so the author asserts themselves as a maintainer and expresses a willingness to receive patches, bug reports and comments in general, unless `t` tag `personal-fork` is included.
+
+```jsonc
+{
+  "kind": 30617,
+  "content": "",
+  "tags": [
+    ["d", "<repo-id>"], // usually kebab-case short name
+    ["name", "<human-readable project name>"],
+    ["description", "brief human-readable project description>"],
+    ["web", "<url for browsing>", ...], // a webpage url, if the git server being used provides such a thing
+    ["clone", "<url for git-cloning>", ...], // a url to be given to `git clone` so anyone can clone it
+    ["relays", "<relay-url>", ...], // relays that this repository will monitor for patches and issues
+    ["r", "<earliest-unique-commit-id>", "euc"],
+    ["maintainers", "<other-recognized-maintainer>", ...],
+    ["t","personal-fork"], // optionally indicate author isn't a maintainer
+    ["t", "<arbitrary string>"], // hashtags labelling the repository
+  ]
+}
+```
+
+The tags `web`, `clone`, `relays`, `maintainers` can have multiple values.
+
+The `r` tag annotated with the `"euc"` marker should be the commit ID of the earliest unique commit of this repo, made to identify it among forks and group it with other repositories hosted elsewhere that may represent essentially the same project. In most cases it will be the root commit of a repository. In case of a permanent fork between two projects, then the first commit after the fork should be used.
+
+Except `d`, all tags are optional.
+
+## Repository state announcements
+
+An optional source of truth for the state of branches and tags in a repository.
+
+```jsonc
+{
+  "kind": 30618,
+  "content": "",
+  "tags": [
+    ["d", "<repo-id>"], // matches the identifier in the corresponding repository announcement
+    ["refs/<heads|tags>/<branch-or-tag-name>","<commit-id>"]
+    ["HEAD", "ref: refs/heads/<branch-name>"]
+  ]
+}
+```
+
+The `refs` tag may appear multiple times, or none.
+
+If no `refs` tags are present, the author is no longer tracking repository state using this event. This approach enables the author to restart tracking state at a later time unlike [NIP-09](09.md) deletion requests.
+
+The `refs` tag can be optionally extended to enable clients to identify how many commits ahead a ref is:
+
+```jsonc
+{
+  "tags": [
+    ["refs/<heads|tags>/<branch-or-tag-name>", "<commit-id>", "<shorthand-parent-commit-id>", "<shorthand-grandparent>", ...],
+  ]
+}
+```
+
+## Patches and Pull Requests (PRs)
+
+Patches and PRs can be sent by anyone to any repository. Patches and PRs to a specific repository SHOULD be sent to the relays specified in that repository's announcement event's `"relays"` tag. Patch and PR events SHOULD include an `a` tag pointing to that repository's announcement address.
+
+Patches SHOULD be used if each event is under 60kb, otherwise PRs SHOULD be used.
+
+### Patches
+
+Patches in a patch set SHOULD include a [NIP-10](10.md) `e` `reply` tag pointing to the previous patch.
+
+The first patch revision in a patch revision SHOULD include a [NIP-10](10.md) `e` `reply` to the original root patch.
+
+```jsonc
+{
+  "kind": 1617,
+  "content": "<patch>", // contents of <git format-patch>
+  "tags": [
+    ["a", "30617:<base-repo-owner-pubkey>:<base-repo-id>"],
+    ["r", "<earliest-unique-commit-id-of-repo>"] // so clients can subscribe to all patches sent to a local git repo
+    ["p", "<repository-owner>"],
+    ["p", "<other-user>"], // optionally send the patch to another user to bring it to their attention
+
+    ["t", "root"], // omitted for additional patches in a series
+    // for the first patch in a revision
+    ["t", "root-revision"],
+
+    // optional tags for when it is desirable that the merged patch has a stable commit id
+    // these fields are necessary for ensuring that the commit resulting from applying a patch
+    // has the same id as it had in the proposer's machine -- all these tags can be omitted
+    // if the maintainer doesn't care about these things
+    ["commit", "<current-commit-id>"],
+    ["r", "<current-commit-id>"] // so clients can find existing patches for a specific commit
+    ["parent-commit", "<parent-commit-id>"],
+    ["commit-pgp-sig", "-----BEGIN PGP SIGNATURE-----..."], // empty string for unsigned commit
+    ["committer", "<name>", "<email>", "<timestamp>", "<timezone offset in minutes>"],
+  ]
+}
+```
+
+The first patch in a series MAY be a cover letter in the format produced by `git format-patch`.
+
+### Pull Requests
+
+The PR or PR update tip SHOULD be successfully pushed to `refs/nostr/<[PR|PR-Update]-event-id>` in all repositories listed in its `clone` tag before the event is signed.
+
+An attempt SHOULD be made to push this ref to all repositories listed in the repository's announcement event's `"clone"` tag, for which their is reason to believe the user might have write access. This includes each [grasp server](https://njump.me/naddr1qvzqqqrhnypzpgqgmmc409hm4xsdd74sf68a2uyf9pwel4g9mfdg8l5244t6x4jdqy28wumn8ghj7un9d3shjtnwva5hgtnyv4mqqpt8wfshxuqlnvh8x) which can be identified using this method: `clone` tag includes `[http|https]://<grasp-path>/<valid-npub>/<string>.git` and `relays` tag includes `[ws/wss]://<grasp-path>`.
+
+Clients MAY fallback to creating a 'personal-fork' `repository announcement` listing other grasp servers, e.g. from the `User grasp list`, for the purpose of serving the specified commit(s).
+
+```jsonc
+{
+  "kind": 1618,
+  "content": "<markdown text>",
+  "tags": [
+    ["a", "30617:<base-repo-owner-pubkey>:<base-repo-id>"],
+    ["r", "<earliest-unique-commit-id-of-repo>"] // so clients can subscribe to all PRs sent to a local git repo
+    ["p", "<repository-owner>"],
+    ["p", "<other-user>"], // optionally send the PR to another user to bring it to their attention
+
+    ["subject", "<PR-subject>"],
+    ["t", "<PR-label>"], // optional
+    ["t", "<another-PR-label>"], // optional
+
+    ["c", "<current-commit-id>"], // tip of the PR branch
+    ["clone", "<clone-url>", ...], // at least one git clone url where commit can be downloaded
+    ["branch-name", "<branch-name>"], // optional recommended branch name
+
+    ["e", "<root-patch-event-id>"], // optionally indicate PR is a revision of an existing patch, which should be closed
+    ["merge-base", "<commit-id>"], // optional: the most recent common ancestor with the target branch
+  ]
+}
+```
+
+### Pull Request Updates
+
+A PR Update changes the tip of a referenced PR event.
+
+```jsonc
+{
+  "kind": 1619,
+  "content": "",
+  "tags": [
+    ["a", "30617:<base-repo-owner-pubkey>:<base-repo-id>"],
+    ["r", "<earliest-unique-commit-id-of-repo>"] // so clients can subscribe to all PRs sent to a local git repo
+    ["p", "<repository-owner>"],
+    ["p", "<other-user>"], // optionally send the PR to another user to bring it to their attention
+
+    // NIP-22 tags
+    ["E", "<pull-request-event-id>"],
+    ["P", "<pull-request-author>"],
+
+    ["c", "<current-commit-id>"], // updated tip of PR
+    ["clone", "<clone-url>", ...], // at least one git clone url where commit can be downloaded
+    ["merge-base", "<commit-id>"], // optional: the most recent common ancestor with the target branch
+  ]
+}
+```
+
+## Issues
+
+Issues are Markdown text that is just human-readable conversational threads related to the repository: bug reports, feature requests, questions or comments of any kind. Like patches, these SHOULD be sent to the relays specified in that repository's announcement event's `"relays"` tag.
+
+Issues may have a `subject` tag, which clients can utilize to display a header. Additionally, one or more `t` tags may be included to provide labels for the issue.
+
+```json
+{
+  "kind": 1621,
+  "content": "<markdown text>",
+  "tags": [
+    ["a", "30617:<base-repo-owner-pubkey>:<base-repo-id>"],
+    ["p", "<repository-owner>"]
+    ["subject", "<issue-subject>"]
+    ["t", "<issue-label>"]
+    ["t", "<another-issue-label>"]
+  ]
+}
+```
+
+## Replies
+
+Replies to either a `kind:1621` (_issue_), `kind:1617` (_patch_) or `kind:1618` (_pull request_) event should follow [NIP-22 comment](22.md).
+
+## Status
+
+Root Patches, PRs and Issues have a Status that defaults to 'Open' and can be set by issuing Status events.
+
+```jsonc
+{
+  "kind": 1630, // Open
+  "kind": 1631, // Applied / Merged for Patches; Resolved for Issues
+  "kind": 1632, // Closed
+  "kind": 1633, // Draft
+  "content": "<markdown text>",
+  "tags": [
+    ["e", "<issue-or-PR-or-original-root-patch-id-hex>", "", "root"],
+    ["e", "<accepted-revision-root-id-hex>", "", "reply"], // for when revisions applied
+    ["p", "<repository-owner>"],
+    ["p", "<root-event-author>"],
+    ["p", "<revision-author>"],
+
+    // optional for improved subscription filter efficiency
+    ["a", "30617:<base-repo-owner-pubkey>:<base-repo-id>", "<relay-url>"],
+    ["r", "<earliest-unique-commit-id-of-repo>"]
+
+    // optional for `1631` status
+    ["q", "<applied-or-merged-patch-event-id>", "<relay-url>", "<pubkey>"], // for each
+    // when merged
+    ["merge-commit", "<merge-commit-id>"]
+    ["r", "<merge-commit-id>"]
+    // when applied
+    ["applied-as-commits", "<commit-id-in-master-branch>", ...]
+    ["r", "<applied-commit-id>"] // for each
+  ]
+}
+```
+
+The most recent Status event (by `created_at` date) from either the issue/patch author or a maintainer is considered valid.
+
+The Status of a patch-revision is to either that of the root-patch, or `1632` (_Closed_) if the root-patch's Status is `1631` (_Applied/Merged_) and the patch-revision isn't tagged in the `1631` (_Applied/Merged_) event.
+
+## User grasp list
+
+List of [grasp servers](https://njump.me/naddr1qvzqqqrhnypzpgqgmmc409hm4xsdd74sf68a2uyf9pwel4g9mfdg8l5244t6x4jdqy28wumn8ghj7un9d3shjtnwva5hgtnyv4mqqpt8wfshxuqlnvh8x) the user generally wishes to use for NIP-34 related activity. It is similar in function to the NIP-65 relay list and NIP-B7 blossom list.
+
+The event SHOULD include a list of `g` tags with grasp service websocket URLs in order of preference.
+
+```jsonc
+{
+  "kind": 10317,
+  "content": "",
+  "tags": [
+    ["g", "<grasp-service-websocket-url>"], // zero or more grasp sever urls
+  ]
+}
+```
+
+## Possible things to be added later
+
+- inline file comments kind (we probably need one for patches and a different one for merged files)
diff --git a/dist/docs/nips/35.md b/dist/docs/nips/35.md
new file mode 100644
index 00000000..3891f6f4
--- /dev/null
+++ b/dist/docs/nips/35.md
@@ -0,0 +1,70 @@
+NIP-35
+======
+
+Torrents
+--------
+
+`draft` `optional`
+
+This NIP defined a new `kind 2003` which is a Torrent. 
+
+`kind 2003` is a simple torrent index where there is enough information to search for content and construct the magnet link. No torrent files exist on nostr.
+
+## Tags
+- `x`: V1 BitTorrent Info Hash, as seen in the [magnet link](https://www.bittorrent.org/beps/bep_0053.html) `magnet:?xt=urn:btih:HASH`
+- `file`: A file entry inside the torrent, including the full path ie. `info/example.txt`
+- `tracker`: (Optional) A tracker to use for this torrent
+
+In order to make torrents searchable by general category, you SHOULD include a few tags like `movie`, `tv`, `HD`, `UHD` etc.
+
+## Tag prefixes
+
+Tag prefixes are used to label the content with references, ie. `["i", "imdb:1234"]`
+
+- `tcat`: A comma separated text category path, ie. `["i", "tcat:video,movie,4k"]`, this should also match the `newznab` category in a best effort approach.
+- `newznab`: The category ID from [newznab](https://github.com/Prowlarr/Prowlarr/blob/develop/src/NzbDrone.Core/Indexers/NewznabStandardCategory.cs)
+- `tmdb`: [The movie database](https://www.themoviedb.org/) id.
+- `ttvdb`: [TV database](https://thetvdb.com/) id.
+- `imdb`: [IMDB](https://www.imdb.com/) id.
+- `mal`: [MyAnimeList](https://myanimelist.net/) id.
+- `anilist`: [AniList](https://anilist.co/) id.
+
+A second level prefix should be included where the database supports multiple media types.
+- `tmdb:movie:693134` maps to `themoviedb.org/movie/693134`
+- `ttvdb:movie:290272` maps to `thetvdb.com/movies/dune-part-two`
+- `mal:anime:9253` maps to `myanimelist.net/anime/9253`
+- `mal:manga:17517` maps to `myanimelist.net/manga/17517`
+
+In some cases the url mapping isnt direct, mapping the url in general is out of scope for this NIP, the section above is only a guide so that implementers have enough information to succsesfully map the url if they wish.
+
+```json
+{
+  "kind": 2003,
+  "content": "<long-description-pre-formatted>",
+  "tags": [
+    ["title", "<torrent-title>"],
+    ["x", "<bittorrent-info-hash>"],
+    ["file", "<file-name>", "<file-size-in-bytes>"],
+    ["file", "<file-name>", "<file-size-in-bytes>"],
+    ["tracker", "udp://mytacker.com:1337"],
+    ["tracker", "http://1337-tracker.net/announce"],
+    ["i", "tcat:video,movie,4k"],
+    ["i", "newznab:2045"],
+    ["i", "imdb:tt15239678"],
+    ["i", "tmdb:movie:693134"],
+    ["i", "ttvdb:movie:290272"],
+    ["t", "movie"],
+    ["t", "4k"],
+  ]
+}
+```
+
+## Torrent Comments
+
+A torrent comment is a `kind 2004` event which is used to reply to a torrent event.
+
+This event works exactly like a `kind 1` and should follow `NIP-10` for tagging.
+
+## Implementations
+1. [dtan.xyz](https://git.v0l.io/Kieran/dtan)
+2. [nostrudel.ninja](https://github.com/hzrd149/nostrudel/tree/next/src/views/torrents)
\ No newline at end of file
diff --git a/dist/docs/nips/36.md b/dist/docs/nips/36.md
new file mode 100644
index 00000000..b10262c2
--- /dev/null
+++ b/dist/docs/nips/36.md
@@ -0,0 +1,41 @@
+NIP-36
+======
+
+Sensitive Content / Content Warning
+-----------------------------------
+
+`draft` `optional`
+
+The `content-warning` tag enables users to specify if the event's content needs to be approved by readers to be shown.
+Clients can hide the content until the user acts on it.
+
+`l` and `L` tags MAY be also be used as defined in [NIP-32](32.md) with the `content-warning` or other namespace to support
+further qualification and querying.
+
+#### Spec
+
+```
+tag: content-warning
+options:
+ - [reason]: optional
+```
+
+#### Example
+
+```json
+{
+  "pubkey": "<pub-key>",
+  "created_at": 1000000000,
+  "kind": 1,
+  "tags": [
+    ["t", "hastag"],
+    ["L", "content-warning"],
+    ["l", "reason", "content-warning"],
+    ["L", "social.nos.ontology"],
+    ["l", "NS-nud", "social.nos.ontology"],
+    ["content-warning", "<optional reason>"]
+  ],
+  "content": "sensitive content with #hastag\n",
+  "id": "<event-id>"
+}
+```
diff --git a/dist/docs/nips/37.md b/dist/docs/nips/37.md
new file mode 100644
index 00000000..ca0fdfb8
--- /dev/null
+++ b/dist/docs/nips/37.md
@@ -0,0 +1,57 @@
+NIP-37
+======
+
+Draft Wraps
+-----------
+
+`draft` `optional`
+
+This NIP defines kind `31234` as an encrypted storage for unsigned draft events of any other kind. 
+
+The draft is JSON-stringified, [NIP44-encrypted](44.md) to the signer's public key and placed inside the `.content`.
+
+`k` tags identify the kind of the draft. 
+
+```js
+{
+  "kind": 31234,
+  "tags": [
+    ["d", "<identifier>"],
+    ["k", "<kind of the draft event>"], // required
+    ["expiration", "now + 90 days"] // recommended
+  ],
+  "content": nip44Encrypt(JSON.stringify(draft_event)),
+  // other fields
+}
+```
+
+A blanked `.content` field signals that the draft has been deleted. 
+
+[NIP-40](40.md) `expiration` tags are recommended. 
+
+Clients SHOULD publish kind `31234` events to relays listed on kind `10013` below.
+
+## Relay List for Private Content
+
+Kind `10013` indicates the user's preferred relays to store private events like Draft Wraps. 
+
+The event MUST include a list of `relay` URLs in private tags. Private tags are JSON Stringified, [NIP44-encrypted](44.md) to the signer's keys and placed inside the .content of the event.
+
+```js
+{
+  "kind": 10013,
+  "tags": [],
+  "content": nip44Encrypt(
+    JSON.stringify(
+      [
+        ["relay", "wss://myrelay.mydomain.com"]
+      ]
+    )
+  )
+  //...other fields
+}
+```
+
+It's recommended that Private Storage relays SHOULD be [NIP-42](42.md)-authed and only allow downloads of events signed by the authed user.
+
+Clients MUST publish kind `10013` events to the author's [NIP-65](65.md) `write` relays. 
diff --git a/dist/docs/nips/38.md b/dist/docs/nips/38.md
new file mode 100644
index 00000000..27359f1b
--- /dev/null
+++ b/dist/docs/nips/38.md
@@ -0,0 +1,63 @@
+
+NIP-38
+======
+
+User Statuses
+-------------
+
+`draft` `optional`
+
+## Abstract
+
+This NIP enables a way for users to share live statuses such as what music they are listening to, as well as what they are currently doing: work, play, out of office, etc.
+
+## Live Statuses
+
+A special event with `kind:30315` "User Status" is defined as an *optionally expiring* _addressable event_, where the `d` tag represents the status type:
+
+For example:
+
+```json
+{
+  "kind": 30315,
+  "content": "Sign up for nostrasia!",
+  "tags": [
+    ["d", "general"],
+    ["r", "https://nostr.world"]
+  ],
+}
+```
+
+```json
+{
+  "kind": 30315,
+  "content": "Intergalatic - Beastie Boys",
+  "tags": [
+    ["d", "music"],
+    ["r", "spotify:search:Intergalatic%20-%20Beastie%20Boys"],
+    ["expiration", "1692845589"]
+  ],
+}
+```
+
+Two common status types are defined: `general` and `music`. `general` represent general statuses: "Working", "Hiking", etc.
+
+`music` status events are for live streaming what you are currently listening to. The expiry of the `music` status should be when the track will stop playing.
+
+Any other status types can be used but they are not defined by this NIP.
+
+The status MAY include an `r`, `p`, `e` or `a` tag linking to a URL, profile, note, or addressable event.
+
+The `content` MAY include emoji(s), or [NIP-30](30.md) custom emoji(s). If the `content` is an empty string then the client should clear the status.
+
+## Client behavior
+
+Clients MAY display this next to the username on posts or profiles to provide live user status information.
+
+## Use Cases
+
+* Calendar nostr apps that update your general status when you're in a meeting
+* Nostr Nests that update your general status with a link to the nest when you join
+* Nostr music streaming services that update your music status when you're listening
+* Podcasting apps that update your music status when you're listening to a podcast, with a link for others to listen as well
+* Clients can use the system media player to update playing music status
diff --git a/dist/docs/nips/39.md b/dist/docs/nips/39.md
new file mode 100644
index 00000000..3777ac55
--- /dev/null
+++ b/dist/docs/nips/39.md
@@ -0,0 +1,67 @@
+NIP-39
+======
+
+External Identities in Profiles
+-------------------------------
+
+`draft` `optional`
+
+## Abstract
+
+Nostr protocol users may have other online identities such as usernames, profile pages, keypairs etc. they control and they may want to include this data in their profile metadata so clients can parse, validate and display this information.
+
+## `i` tag on a metadata event
+
+A new optional `i` tag is introduced for `kind 0` metadata event defined in [NIP-01](01.md):
+
+```jsonc
+{
+  "id": <id>,
+  "pubkey": <pubkey>,
+  "tags": [
+    ["i", "github:semisol", "9721ce4ee4fceb91c9711ca2a6c9a5ab"],
+    ["i", "twitter:semisol_public", "1619358434134196225"],
+    ["i", "mastodon:bitcoinhackers.org/@semisol", "109775066355589974"]
+    ["i", "telegram:1087295469", "nostrdirectory/770"]
+  ],
+  // other fields...
+}
+```
+
+An `i` tag will have two parameters, which are defined as the following:
+1. `platform:identity`: This is the platform name (for example `github`) and the identity on that platform (for example `semisol`) joined together with `:`.
+2. `proof`: String or object that points to the proof of owning this identity.
+
+Clients SHOULD process any `i` tags with more than 2 values for future extensibility.
+Identity provider names SHOULD only include `a-z`, `0-9` and the characters `._-/` and MUST NOT include `:`.
+Identity names SHOULD be normalized if possible by replacing uppercase letters with lowercase letters, and if there are multiple aliases for an entity the primary one should be used.
+
+## Claim types
+
+### `github`
+
+Identity: A GitHub username.
+
+Proof: A GitHub Gist ID. This Gist should be created by `<identity>` with a single file that has the text `Verifying that I control the following Nostr public key: <npub encoded public key>`.
+This can be located at `https://gist.github.com/<identity>/<proof>`.
+
+### `twitter`
+
+Identity: A Twitter username.
+
+Proof: A Tweet ID. The tweet should be posted by `<identity>` and have the text `Verifying my account on nostr My Public Key: "<npub encoded public key>"`.
+This can be located at `https://twitter.com/<identity>/status/<proof>`.
+
+### `mastodon`
+
+Identity: A Mastodon instance and username in the format `<instance>/@<username>`.
+
+Proof: A Mastodon post ID. This post should be published by `<username>@<instance>` and have the text `Verifying that I control the following Nostr public key: "<npub encoded public key>"`.
+This can be located at `https://<identity>/<proof>`.
+
+### `telegram`
+
+Identity: A Telegram user ID.
+
+Proof: A string in the format `<ref>/<id>` which points to a message published in the public channel or group with name `<ref>` and message ID `<id>`. This message should be sent by user ID `<identity>` and have the text `Verifying that I control the following Nostr public key: "<npub encoded public key>"`.
+This can be located at `https://t.me/<proof>`.
diff --git a/dist/docs/nips/40.md b/dist/docs/nips/40.md
new file mode 100644
index 00000000..909747f5
--- /dev/null
+++ b/dist/docs/nips/40.md
@@ -0,0 +1,59 @@
+NIP-40
+======
+
+Expiration Timestamp
+--------------------
+
+`draft` `optional`
+
+The `expiration` tag enables users to specify a unix timestamp at which the message SHOULD be considered expired (by relays and clients) and SHOULD be deleted by relays.
+
+#### Spec
+
+```
+tag: expiration
+values:
+ - [UNIX timestamp in seconds]: required
+```
+
+#### Example
+
+```json
+{
+  "pubkey": "<pub-key>",
+  "created_at": 1000000000,
+  "kind": 1,
+  "tags": [
+    ["expiration", "1600000000"]
+  ],
+  "content": "This message will expire at the specified timestamp and be deleted by relays.\n",
+  "id": "<event-id>"
+}
+```
+
+Note: The timestamp should be in the same format as the created_at timestamp and should be interpreted as the time at which the message should be deleted by relays.
+
+Client Behavior
+---------------
+
+Clients SHOULD use the `supported_nips` field to learn if a relay supports this NIP. Clients SHOULD NOT send expiration events to relays that do not support this NIP.
+
+Clients SHOULD ignore events that have expired.
+
+Relay Behavior
+--------------
+
+Relays MAY NOT delete expired messages immediately on expiration and MAY persist them indefinitely.
+Relays SHOULD NOT send expired events to clients, even if they are stored.
+Relays SHOULD drop any events that are published to them if they are expired.
+An expiration timestamp does not affect storage of ephemeral events.
+
+Suggested Use Cases
+-------------------
+
+* Temporary announcements - This tag can be used to make temporary announcements. For example, an event organizer could use this tag to post announcements about an upcoming event.
+* Limited-time offers - This tag can be used by businesses to make limited-time offers that expire after a certain amount of time. For example, a business could use this tag to make a special offer that is only available for a limited time.
+
+#### Warning
+The events could be downloaded by third parties as they are publicly accessible all the time on the relays.
+So don't consider expiring messages as a security feature for your conversations or other uses.
diff --git a/dist/docs/nips/42.md b/dist/docs/nips/42.md
new file mode 100644
index 00000000..24f7f5d9
--- /dev/null
+++ b/dist/docs/nips/42.md
@@ -0,0 +1,109 @@
+NIP-42
+======
+
+Authentication of clients to relays
+-----------------------------------
+
+`draft` `optional`
+
+This NIP defines a way for clients to authenticate to relays by signing an ephemeral event.
+
+## Motivation
+
+A relay may want to require clients to authenticate to access restricted resources. For example,
+
+  - A relay may request payment or other forms of whitelisting to publish events -- this can naïvely be achieved by limiting publication to events signed by the whitelisted key, but with this NIP they may choose to accept any events as long as they are published from an authenticated user;
+  - A relay may limit access to `kind: 4` DMs to only the parties involved in the chat exchange, and for that it may require authentication before clients can query for that kind.
+  - A relay may limit subscriptions of any kind to paying users or users whitelisted through any other means, and require authentication.
+
+## Definitions
+
+### New client-relay protocol messages
+
+This NIP defines a new message, `AUTH`, which relays CAN send when they support authentication and clients can send to relays when they want to authenticate. When sent by relays the message has the following form:
+
+```
+["AUTH", <challenge-string>]
+```
+
+And, when sent by clients, the following form:
+
+```
+["AUTH", <signed-event-json>]
+```
+
+Clients MAY provide signed events from multiple pubkeys in a sequence of `AUTH` messages. Relays MUST treat all pubkeys as authenticated accordingly.
+
+`AUTH` messages sent by clients MUST be answered with an `OK` message, like any `EVENT` message.
+
+### Canonical authentication event
+
+The signed event is an ephemeral event not meant to be published or queried, it must be of `kind: 22242` and it should have at least two tags, one for the relay URL and one for the challenge string as received from the relay. Relays MUST exclude `kind: 22242` events from being broadcasted to any client. `created_at` should be the current time. Example:
+
+```jsonc
+{
+  "kind": 22242,
+  "tags": [
+    ["relay", "wss://relay.example.com/"],
+    ["challenge", "challengestringhere"]
+  ],
+  // other fields...
+}
+```
+
+### `OK` and `CLOSED` machine-readable prefixes
+
+This NIP defines two new prefixes that can be used in `OK` (in response to event writes by clients) and `CLOSED` (in response to rejected subscriptions by clients):
+
+- `"auth-required: "` - for when a client has not performed `AUTH` and the relay requires that to fulfill the query or write the event.
+- `"restricted: "` - for when a client has already performed `AUTH` but the key used to perform it is still not allowed by the relay or is exceeding its authorization.
+
+## Protocol flow
+
+At any moment the relay may send an `AUTH` message to the client containing a challenge. The challenge is valid for the duration of the connection or until another challenge is sent by the relay. The client MAY decide to send its `AUTH` event at any point and the authenticated session is valid afterwards for the duration of the connection.
+
+### `auth-required` in response to a `REQ` message
+
+Given that a relay is likely to require clients to perform authentication only for certain jobs, like answering a `REQ` or accepting an `EVENT` write, these are some expected common flows:
+
+```
+relay: ["AUTH", "<challenge>"]
+client: ["REQ", "sub_1", {"kinds": [4]}]
+relay: ["CLOSED", "sub_1", "auth-required: we can't serve DMs to unauthenticated users"]
+client: ["AUTH", {"id": "abcdef...", ...}]
+client: ["AUTH", {"id": "abcde2...", ...}]
+relay: ["OK", "abcdef...", true, ""]
+relay: ["OK", "abcde2...", true, ""]
+client: ["REQ", "sub_1", {"kinds": [4]}]
+relay: ["EVENT", "sub_1", {...}]
+relay: ["EVENT", "sub_1", {...}]
+relay: ["EVENT", "sub_1", {...}]
+relay: ["EVENT", "sub_1", {...}]
+...
+```
+
+In this case, the `AUTH` message from the relay could be sent right as the client connects or it can be sent immediately before the `CLOSED` is sent. The only requirement is that _the client must have a stored challenge associated with that relay_ so it can act upon that in response to the `auth-required` `CLOSED` message.
+
+### `auth-required` in response to an `EVENT` message
+
+The same flow is valid for when a client wants to write an `EVENT` to the relay, except now the relay sends back an `OK` message instead of a `CLOSED` message:
+
+```
+relay: ["AUTH", "<challenge>"]
+client: ["EVENT", {"id": "012345...", ...}]
+relay: ["OK", "012345...", false, "auth-required: we only accept events from registered users"]
+client: ["AUTH", {"id": "abcdef...", ...}]
+relay: ["OK", "abcdef...", true, ""]
+client: ["EVENT", {"id": "012345...", ...}]
+relay: ["OK", "012345...", true, ""]
+```
+
+## Signed Event Verification
+
+To verify `AUTH` messages, relays must ensure:
+
+  - that the `kind` is `22242`;
+  - that the event `created_at` is close (e.g. within ~10 minutes) of the current time;
+  - that the `"challenge"` tag matches the challenge sent before;
+  - that the `"relay"` tag matches the relay URL:
+    - URL normalization techniques can be applied. For most cases just checking if the domain name is correct should be enough.
diff --git a/dist/docs/nips/44.md b/dist/docs/nips/44.md
new file mode 100644
index 00000000..a7c13f12
--- /dev/null
+++ b/dist/docs/nips/44.md
@@ -0,0 +1,297 @@
+NIP-44
+======
+
+Encrypted Payloads (Versioned)
+------------------------------
+
+`optional`
+
+The NIP introduces a new data format for keypair-based encryption. This NIP is versioned
+to allow multiple algorithm choices to exist simultaneously. This format may be used for
+many things, but MUST be used in the context of a signed event as described in NIP-01.
+
+*Note*: this format DOES NOT define any `kind`s related to a new direct messaging standard,
+only the encryption required to define one. It SHOULD NOT be used as a drop-in replacement
+for NIP-04 payloads.
+
+## Versions
+
+Currently defined encryption algorithms:
+
+- `0x00` - Reserved
+- `0x01` - Deprecated and undefined
+- `0x02` - secp256k1 ECDH, HKDF, padding, ChaCha20, HMAC-SHA256, base64
+
+## Limitations
+
+Every nostr user has their own public key, which solves key distribution problems present
+in other solutions. However, nostr's relay-based architecture makes it difficult to implement
+more robust private messaging protocols with things like metadata hiding, forward secrecy,
+and post compromise secrecy.
+
+The goal of this NIP is to have a _simple_ way to encrypt payloads used in the context of a signed
+event. When applying this NIP to any use case, it's important to keep in mind your users' threat
+model and this NIP's limitations. For high-risk situations, users should chat in specialized E2EE
+messaging software and limit use of nostr to exchanging contacts.
+
+On its own, messages sent using this scheme have a number of important shortcomings:
+
+- No deniability: it is possible to prove an event was signed by a particular key
+- No forward secrecy: when a key is compromised, it is possible to decrypt all previous conversations
+- No post-compromise security: when a key is compromised, it is possible to decrypt all future conversations
+- No post-quantum security: a powerful quantum computer would be able to decrypt the messages
+- IP address leak: user IP may be seen by relays and all intermediaries between user and relay
+- Date leak: `created_at` is public, since it is a part of NIP-01 event
+- Limited message size leak: padding only partially obscures true message length
+- No attachments: they are not supported
+
+Lack of forward secrecy may be partially mitigated by only sending messages to trusted relays, and asking
+relays to delete stored messages after a certain duration has elapsed.
+
+## Version 2
+
+NIP-44 version 2 has the following design characteristics:
+
+- Payloads are authenticated using a MAC before signing rather than afterwards because events are assumed
+  to be signed as specified in NIP-01. The outer signature serves to authenticate the full payload, and MUST
+  be validated before decrypting.
+- ChaCha is used instead of AES because it's faster and has
+  [better security against multi-key attacks](https://datatracker.ietf.org/doc/draft-irtf-cfrg-aead-limits/).
+- ChaCha is used instead of XChaCha because XChaCha has not been standardized. Also, xChaCha's improved collision
+  resistance of nonces isn't necessary since every message has a new (key, nonce) pair.
+- HMAC-SHA256 is used instead of Poly1305 because polynomial MACs are much easier to forge.
+- SHA256 is used instead of SHA3 or BLAKE because it is already used in nostr. Also BLAKE's speed advantage
+  is smaller in non-parallel environments.
+- A custom padding scheme is used instead of padmé because it provides better leakage reduction for small messages.
+- Base64 encoding is used instead of another encoding algorithm because it is widely available, and is already used in nostr.
+
+### Encryption
+
+1. Calculate a conversation key
+   - Execute ECDH (scalar multiplication) of public key B by private key A
+     Output `shared_x` must be unhashed, 32-byte encoded x coordinate of the shared point
+   - Use HKDF-extract with sha256, `IKM=shared_x` and `salt=utf8_encode('nip44-v2')`
+   - HKDF output will be a `conversation_key` between two users.
+   - It is always the same, when key roles are swapped: `conv(a, B) == conv(b, A)`
+2. Generate a random 32-byte nonce
+   - Always use [CSPRNG](https://en.wikipedia.org/wiki/Cryptographically_secure_pseudorandom_number_generator)
+   - Don't generate a nonce from message content
+   - Don't re-use the same nonce between messages: doing so would make them decryptable,
+     but won't leak the long-term key
+3. Calculate message keys
+   - The keys are generated from `conversation_key` and `nonce`. Validate that both are 32 bytes long
+   - Use HKDF-expand, with sha256, `PRK=conversation_key`, `info=nonce` and `L=76`
+   - Slice 76-byte HKDF output into: `chacha_key` (bytes 0..32), `chacha_nonce` (bytes 32..44), `hmac_key` (bytes 44..76)
+4. Add padding
+   - Content must be encoded from UTF-8 into byte array
+   - Validate plaintext length. Minimum is 1 byte, maximum is 65535 bytes
+   - Padding format is: `[plaintext_length: u16][plaintext][zero_bytes]`
+   - Padding algorithm is related to powers-of-two, with min padded msg size of 32 bytes
+   - Plaintext length is encoded in big-endian as first 2 bytes of the padded blob
+5. Encrypt padded content
+   - Use ChaCha20, with key and nonce from step 3
+6. Calculate MAC (message authentication code)
+   - AAD (additional authenticated data) is used - instead of calculating MAC on ciphertext,
+     it's calculated over a concatenation of `nonce` and `ciphertext`
+   - Validate that AAD (nonce) is 32 bytes
+7. Base64-encode (with padding) params using `concat(version, nonce, ciphertext, mac)`
+
+Encrypted payloads MUST be included in an event's payload, hashed, and signed as defined in NIP 01, using schnorr
+signature scheme over secp256k1.
+
+### Decryption
+
+Before decryption, the event's pubkey and signature MUST be validated as defined in NIP 01. The public key MUST be
+a valid non-zero secp256k1 curve point, and the signature must be valid secp256k1 schnorr signature. For exact
+validation rules, refer to BIP-340.
+
+1. Check if first payload's character is `#`
+   - `#` is an optional future-proof flag that means non-base64 encoding is used
+   - The `#` is not present in base64 alphabet, but, instead of throwing `base64 is invalid`,
+     implementations MUST indicate that the encryption version is not yet supported
+2. Decode base64
+   - Base64 is decoded into `version, nonce, ciphertext, mac`
+   - If the version is unknown, implementations must indicate that the encryption version is not supported
+   - Validate length of base64 message to prevent DoS on base64 decoder: it can be in range from 132 to 87472 chars
+   - Validate length of decoded message to verify output of the decoder: it can be in range from 99 to 65603 bytes
+3. Calculate conversation key
+   - See step 1 of [encryption](#Encryption)
+4. Calculate message keys
+   - See step 3 of [encryption](#Encryption)
+5. Calculate MAC (message authentication code) with AAD and compare
+   - Stop and throw an error if MAC doesn't match the decoded one from step 2
+   - Use constant-time comparison algorithm
+6. Decrypt ciphertext
+   - Use ChaCha20 with key and nonce from step 3
+7. Remove padding
+   - Read the first two BE bytes of plaintext that correspond to plaintext length
+   - Verify that the length of sliced plaintext matches the value of the two BE bytes
+   - Verify that calculated padding from step 3 of the [encryption](#Encryption) process matches the actual padding
+
+### Details
+
+- Cryptographic methods
+  - `secure_random_bytes(length)` fetches randomness from CSPRNG.
+  - `hkdf(IKM, salt, info, L)` represents HKDF [(RFC 5869)](https://datatracker.ietf.org/doc/html/rfc5869)
+    with SHA256 hash function comprised of methods `hkdf_extract(IKM, salt)` and `hkdf_expand(OKM, info, L)`.
+  - `chacha20(key, nonce, data)` is ChaCha20 [(RFC 8439)](https://datatracker.ietf.org/doc/html/rfc8439) with
+    starting counter set to 0.
+  - `hmac_sha256(key, message)` is HMAC [(RFC 2104)](https://datatracker.ietf.org/doc/html/rfc2104).
+  - `secp256k1_ecdh(priv_a, pub_b)` is multiplication of point B by scalar a (`a ⋅ B`), defined in
+    [BIP340](https://github.com/bitcoin/bips/blob/e918b50731397872ad2922a1b08a5a4cd1d6d546/bip-0340.mediawiki).
+    The operation produces a shared point, and we encode the shared point's 32-byte x coordinate, using method
+    `bytes(P)` from BIP340. Private and public keys must be validated as per BIP340: pubkey must be a valid,
+    on-curve point, and private key must be a scalar in range `[1, secp256k1_order - 1]`.
+    NIP44 doesn't do hashing of the output: keep this in mind, because some libraries hash it using sha256.
+    As an example, in libsecp256k1, unhashed version is available in `secp256k1_ec_pubkey_tweak_mul`
+- Operators
+  - `x[i:j]`, where `x` is a byte array and `i, j <= 0` returns a `(j - i)`-byte array with a copy of the
+    `i`-th byte (inclusive) to the `j`-th byte (exclusive) of `x`.
+- Constants `c`:
+  - `min_plaintext_size` is 1. 1 byte msg is padded to 32 bytes.
+  - `max_plaintext_size` is 65535 (64kB - 1). It is padded to 65536 bytes.
+- Functions
+  - `base64_encode(string)` and `base64_decode(bytes)` are Base64 ([RFC 4648](https://datatracker.ietf.org/doc/html/rfc4648), with padding)
+  - `concat` refers to byte array concatenation
+  - `is_equal_ct(a, b)` is constant-time equality check of 2 byte arrays
+  - `utf8_encode(string)` and `utf8_decode(bytes)` transform string to byte array and back
+  - `write_u8(number)` restricts number to values 0..255 and encodes into Big-Endian uint8 byte array
+  - `write_u16_be(number)` restricts number to values 0..65535 and encodes into Big-Endian uint16 byte array
+  - `zeros(length)` creates byte array of length `length >= 0`, filled with zeros
+  - `floor(number)` and `log2(number)` are well-known mathematical methods
+
+### Implementation pseudocode
+
+The following is a collection of python-like pseudocode functions which implement the above primitives,
+intended to guide implementers. A collection of implementations in different languages is available at https://github.com/paulmillr/nip44.
+
+```py
+# Calculates length of the padded byte array.
+def calc_padded_len(unpadded_len):
+  next_power = 1 << (floor(log2(unpadded_len - 1))) + 1
+  if next_power <= 256:
+    chunk = 32
+  else:
+    chunk = next_power / 8
+  if unpadded_len <= 32:
+    return 32
+  else:
+    return chunk * (floor((len - 1) / chunk) + 1)
+
+# Converts unpadded plaintext to padded bytearray
+def pad(plaintext):
+  unpadded = utf8_encode(plaintext)
+  unpadded_len = len(plaintext)
+  if (unpadded_len < c.min_plaintext_size or
+      unpadded_len > c.max_plaintext_size): raise Exception('invalid plaintext length')
+  prefix = write_u16_be(unpadded_len)
+  suffix = zeros(calc_padded_len(unpadded_len) - unpadded_len)
+  return concat(prefix, unpadded, suffix)
+
+# Converts padded bytearray to unpadded plaintext
+def unpad(padded):
+  unpadded_len = read_uint16_be(padded[0:2])
+  unpadded = padded[2:2+unpadded_len]
+  if (unpadded_len == 0 or
+      len(unpadded) != unpadded_len or
+      len(padded) != 2 + calc_padded_len(unpadded_len)): raise Exception('invalid padding')
+  return utf8_decode(unpadded)
+
+# metadata: always 65b (version: 1b, nonce: 32b, max: 32b)
+# plaintext: 1b to 0xffff
+# padded plaintext: 32b to 0xffff
+# ciphertext: 32b+2 to 0xffff+2
+# raw payload: 99 (65+32+2) to 65603 (65+0xffff+2)
+# compressed payload (base64): 132b to 87472b
+def decode_payload(payload):
+  plen = len(payload)
+  if plen == 0 or payload[0] == '#': raise Exception('unknown version')
+  if plen < 132 or plen > 87472: raise Exception('invalid payload size')
+  data = base64_decode(payload)
+  dlen = len(d)
+  if dlen < 99 or dlen > 65603: raise Exception('invalid data size');
+  vers = data[0]
+  if vers != 2: raise Exception('unknown version ' + vers)
+  nonce = data[1:33]
+  ciphertext = data[33:dlen - 32]
+  mac = data[dlen - 32:dlen]
+  return (nonce, ciphertext, mac)
+
+def hmac_aad(key, message, aad):
+  if len(aad) != 32: raise Exception('AAD associated data must be 32 bytes');
+  return hmac(sha256, key, concat(aad, message));
+
+# Calculates long-term key between users A and B: `get_key(Apriv, Bpub) == get_key(Bpriv, Apub)`
+def get_conversation_key(private_key_a, public_key_b):
+  shared_x = secp256k1_ecdh(private_key_a, public_key_b)
+  return hkdf_extract(IKM=shared_x, salt=utf8_encode('nip44-v2'))
+
+# Calculates unique per-message key
+def get_message_keys(conversation_key, nonce):
+  if len(conversation_key) != 32: raise Exception('invalid conversation_key length')
+  if len(nonce) != 32: raise Exception('invalid nonce length')
+  keys = hkdf_expand(OKM=conversation_key, info=nonce, L=76)
+  chacha_key = keys[0:32]
+  chacha_nonce = keys[32:44]
+  hmac_key = keys[44:76]
+  return (chacha_key, chacha_nonce, hmac_key)
+
+def encrypt(plaintext, conversation_key, nonce):
+  (chacha_key, chacha_nonce, hmac_key) = get_message_keys(conversation_key, nonce)
+  padded = pad(plaintext)
+  ciphertext = chacha20(key=chacha_key, nonce=chacha_nonce, data=padded)
+  mac = hmac_aad(key=hmac_key, message=ciphertext, aad=nonce)
+  return base64_encode(concat(write_u8(2), nonce, ciphertext, mac))
+
+def decrypt(payload, conversation_key):
+  (nonce, ciphertext, mac) = decode_payload(payload)
+  (chacha_key, chacha_nonce, hmac_key) = get_message_keys(conversation_key, nonce)
+  calculated_mac = hmac_aad(key=hmac_key, message=ciphertext, aad=nonce)
+  if not is_equal_ct(calculated_mac, mac): raise Exception('invalid MAC')
+  padded_plaintext = chacha20(key=chacha_key, nonce=chacha_nonce, data=ciphertext)
+  return unpad(padded_plaintext)
+
+# Usage:
+#   conversation_key = get_conversation_key(sender_privkey, recipient_pubkey)
+#   nonce = secure_random_bytes(32)
+#   payload = encrypt('hello world', conversation_key, nonce)
+#   'hello world' == decrypt(payload, conversation_key)
+```
+
+### Audit
+
+The v2 of the standard was audited by [Cure53](https://cure53.de) in December 2023.
+Check out [audit-2023.12.pdf](https://github.com/paulmillr/nip44/blob/ce63c2eaf345e9f7f93b48f829e6bdeb7e7d7964/audit-2023.12.pdf)
+and [auditor's website](https://cure53.de/audit-report_nip44-implementations.pdf).
+
+### Tests and code
+
+A collection of implementations in different languages is available at https://github.com/paulmillr/nip44.
+
+We publish extensive test vectors. Instead of having it in the document directly, a sha256 checksum of vectors is provided:
+
+    269ed0f69e4c192512cc779e78c555090cebc7c785b609e338a62afc3ce25040  nip44.vectors.json
+
+Example of a test vector from the file:
+
+```json
+{
+  "sec1": "0000000000000000000000000000000000000000000000000000000000000001",
+  "sec2": "0000000000000000000000000000000000000000000000000000000000000002",
+  "conversation_key": "c41c775356fd92eadc63ff5a0dc1da211b268cbea22316767095b2871ea1412d",
+  "nonce": "0000000000000000000000000000000000000000000000000000000000000001",
+  "plaintext": "a",
+  "payload": "AgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABee0G5VSK0/9YypIObAtDKfYEAjD35uVkHyB0F4DwrcNaCXlCWZKaArsGrY6M9wnuTMxWfp1RTN9Xga8no+kF5Vsb"
+}
+```
+
+The file also contains intermediate values. A quick guidance with regards to its usage:
+
+- `valid.get_conversation_key`: calculate conversation_key from secret key sec1 and public key pub2
+- `valid.get_message_keys`: calculate chacha_key, chacha_nonce, hmac_key from conversation_key and nonce
+- `valid.calc_padded_len`: take unpadded length (first value), calculate padded length (second value)
+- `valid.encrypt_decrypt`: emulate real conversation. Calculate pub2 from sec2, verify conversation_key from (sec1, pub2), encrypt, verify payload, then calculate pub1 from sec1, verify conversation_key from (sec2, pub1), decrypt, verify plaintext.
+- `valid.encrypt_decrypt_long_msg`: same as previous step, but instead of a full plaintext and payload, their checksum is provided.
+- `invalid.encrypt_msg_lengths`
+- `invalid.get_conversation_key`: calculating conversation_key must throw an error
+- `invalid.decrypt`: decrypting message content must throw an error
diff --git a/dist/docs/nips/45.md b/dist/docs/nips/45.md
new file mode 100644
index 00000000..8758c873
--- /dev/null
+++ b/dist/docs/nips/45.md
@@ -0,0 +1,60 @@
+NIP-45
+======
+
+Event Counts
+------------
+
+`draft` `optional`
+
+Relays may support the verb `COUNT`, which provides a mechanism for obtaining event counts.
+
+## Motivation
+
+Some queries a client may want to execute against connected relays are prohibitively expensive, for example, in order to retrieve follower counts for a given pubkey, a client must query all kind-3 events referring to a given pubkey only to count them. The result may be cached, either by a client or by a separate indexing server as an alternative, but both options erode the decentralization of the network by creating a second-layer protocol on top of Nostr.
+
+## Filters and return values
+
+This NIP defines the verb `COUNT`, which accepts a query id and filters as specified in [NIP 01](01.md) for the verb `REQ`. Multiple filters are OR'd together and aggregated into a single count result.
+
+```
+["COUNT", <query_id>, <filters JSON>...]
+```
+
+Counts are returned using a `COUNT` response in the form `{"count": <integer>}`. Relays may use probabilistic counts to reduce compute requirements.
+In case a relay uses probabilistic counts, it MAY indicate it in the response with `approximate` key i.e. `{"count": <integer>, "approximate": <true|false>}`.
+
+```
+["COUNT", <query_id>, {"count": <integer>}]
+```
+
+Whenever the relay decides to refuse to fulfill the `COUNT` request, it MUST return a `CLOSED` message.
+
+## Examples
+
+### Followers count
+
+```
+["COUNT", <query_id>, {"kinds": [3], "#p": [<pubkey>]}]
+["COUNT", <query_id>, {"count": 238}]
+```
+
+### Count posts and reactions
+
+```
+["COUNT", <query_id>, {"kinds": [1, 7], "authors": [<pubkey>]}]
+["COUNT", <query_id>, {"count": 5}]
+```
+
+### Count posts approximately
+
+```
+["COUNT", <query_id>, {"kinds": [1]}]
+["COUNT", <query_id>, {"count": 93412452, "approximate": true}]
+```
+
+### Relay refuses to count
+
+```
+["COUNT", <query_id>, {"kinds": [1059], "#p": [<pubkey>]}]
+["CLOSED", <query_id>, "auth-required: cannot count other people's DMs"]
+```
diff --git a/dist/docs/nips/46.md b/dist/docs/nips/46.md
new file mode 100644
index 00000000..17019649
--- /dev/null
+++ b/dist/docs/nips/46.md
@@ -0,0 +1,226 @@
+NIP-46
+======
+
+Nostr Remote Signing
+--------------------
+
+## Changes
+
+`remote-signer-key` is introduced, passed in bunker url, clients must differentiate between `remote-signer-pubkey` and `user-pubkey`, must call `get_public_key` after connect, nip05 login is removed, create_account moved to another NIP.
+
+## Rationale
+
+Private keys should be exposed to as few systems - apps, operating systems, devices - as possible as each system adds to the attack surface.
+
+This NIP describes a method for 2-way communication between a remote signer and a Nostr client. The remote signer could be, for example, a hardware device dedicated to signing Nostr events, while the client is a normal Nostr client.
+
+## Terminology
+
+- **user**: A person that is trying to use Nostr.
+- **client**: A user-facing application that _user_ is looking at and clicking buttons in. This application will send requests to _remote-signer_.
+- **remote-signer**: A daemon or server running somewhere that will answer requests from _client_, also known as "bunker".
+- **client-keypair/pubkey**: The keys generated by _client_. Used to encrypt content and communicate with _remote-signer_.
+- **remote-signer-keypair/pubkey**: The keys used by _remote-signer_ to encrypt content and communicate with _client_. This keypair MAY be same as _user-keypair_, but not necessarily.
+- **user-keypair/pubkey**: The actual keys representing _user_ (that will be used to sign events in response to `sign_event` requests, for example). The _remote-signer_ generally has control over these keys.
+
+All pubkeys specified in this NIP are in hex format.
+
+## Overview
+
+1. _client_ generates `client-keypair`. This keypair doesn't need to be communicated to _user_ since it's largely disposable. _client_ might choose to store it locally and they should delete it on logout;
+2. A connection is established (see below), _remote-signer_ learns `client-pubkey`, _client_ learns `remote-signer-pubkey`.
+3. _client_ uses `client-keypair` to send requests to _remote-signer_ by `p`-tagging and encrypting to `remote-signer-pubkey`;
+4. _remote-signer_ responds to _client_ by `p`-tagging and encrypting to the `client-pubkey`.
+5. _client_ requests `get_public_key` to learn `user-pubkey`.
+
+## Initiating a connection
+
+There are two ways to initiate a connection:
+
+### Direct connection initiated by _remote-signer_
+
+_remote-signer_ provides connection token in the form:
+
+```
+bunker://<remote-signer-pubkey>?relay=<wss://relay-to-connect-on>&relay=<wss://another-relay-to-connect-on>&secret=<optional-secret-value>
+```
+
+_user_ passes this token to _client_, which then sends `connect` request to _remote-signer_ via the specified relays. Optional secret can be used for single successfully established connection only, _remote-signer_ SHOULD ignore new attempts to establish connection with old secret.
+
+### Direct connection initiated by the _client_
+
+_client_ provides a connection token using `nostrconnect://` as the protocol, and `client-pubkey` as the origin. Additional information should be passed as query parameters:
+
+- `relay` (required) - one or more relay urls on which the _client_ is listening for responses from the _remote-signer_.
+- `secret` (required) - a short random string that the _remote-signer_ should return as the `result` field of its response.
+- `perms` (optional) - a comma-separated list of permissions the _client_ is requesting be approved by the _remote-signer_
+- `name` (optional) - the name of the _client_ application
+- `url` (optional) - the canonical url of the _client_ application
+- `image` (optional) - a small image representing the _client_ application
+
+Here's an example:
+
+```
+nostrconnect://83f3b2ae6aa368e8275397b9c26cf550101d63ebaab900d19dd4a4429f5ad8f5?relay=wss%3A%2F%2Frelay1.example.com&perms=nip44_encrypt%2Cnip44_decrypt%2Csign_event%3A13%2Csign_event%3A14%2Csign_event%3A1059&name=My+Client&secret=0s8j2djs&relay=wss%3A%2F%2Frelay2.example2.com
+```
+
+_user_ passes this token to _remote-signer_, which then sends `connect` *response* event to the `client-pubkey` via the specified relays. Client discovers `remote-signer-pubkey` from connect response author. `secret` value MUST be provided to avoid connection spoofing, _client_ MUST validate the `secret` returned by `connect` response.
+
+## Request Events `kind: 24133`
+
+```jsonc
+{
+    "kind": 24133,
+    "pubkey": <local_keypair_pubkey>,
+    "content": <nip44(<request>)>,
+    "tags": [["p", <remote-signer-pubkey>]],
+}
+```
+
+The `content` field is a JSON-RPC-like message that is [NIP-44](44.md) encrypted and has the following structure:
+
+```jsonc
+{
+    "id": <random_string>,
+    "method": <method_name>,
+    "params": [array_of_strings]
+}
+```
+
+- `id` is a random string that is a request ID. This same ID will be sent back in the response payload.
+- `method` is the name of the method/command (detailed below).
+- `params` is a positional array of string parameters.
+
+### Methods/Commands
+
+Each of the following are methods that the _client_ sends to the _remote-signer_.
+
+| Command                  | Params                                                                        | Result                                                                 |
+| ------------------------ | -------------------------------------------------                             | ---------------------------------------------------------------------- |
+| `connect`                | `[<remote-signer-pubkey>, <optional_secret>, <optional_requested_permissions>]`        | "ack" OR `<required-secret-value>`                                                                  |
+| `sign_event`             | `[<{kind, content, tags, created_at}>]`                                       | `json_stringified(<signed_event>)`                                     |
+| `ping`                   | `[]`                                                                          | "pong"                                                                 |
+| `get_public_key`         | `[]`                                                                          | `<user-pubkey>`                                                         |
+| `nip04_encrypt`          | `[<third_party_pubkey>, <plaintext_to_encrypt>]`                              | `<nip04_ciphertext>`                                                   |
+| `nip04_decrypt`          | `[<third_party_pubkey>, <nip04_ciphertext_to_decrypt>]`                       | `<plaintext>`                                                          |
+| `nip44_encrypt`          | `[<third_party_pubkey>, <plaintext_to_encrypt>]`                              | `<nip44_ciphertext>`                                                   |
+| `nip44_decrypt`          | `[<third_party_pubkey>, <nip44_ciphertext_to_decrypt>]`                       | `<plaintext>`                                                          |
+
+### Requested permissions
+
+The `connect` method may be provided with `optional_requested_permissions` for user convenience. The permissions are a comma-separated list of `method[:params]`, i.e. `nip44_encrypt,sign_event:4` meaning permissions to call `nip44_encrypt` and to call `sign_event` with `kind:4`. Optional parameter for `sign_event` is the kind number, parameters for other methods are to be defined later. Same permission format may be used for `perms` field of `metadata` in `nostrconnect://` string.
+
+## Response Events `kind:24133`
+
+```json
+{
+    "id": <id>,
+    "kind": 24133,
+    "pubkey": <remote-signer-pubkey>,
+    "content": <nip44(<response>)>,
+    "tags": [["p", <client-pubkey>]],
+    "created_at": <unix timestamp in seconds>
+}
+```
+
+The `content` field is a JSON-RPC-like message that is [NIP-44](44.md) encrypted and has the following structure:
+
+```json
+{
+    "id": <request_id>,
+    "result": <results_string>,
+    "error": <optional_error_string>
+}
+```
+
+- `id` is the request ID that this response is for.
+- `results` is a string of the result of the call (this can be either a string or a JSON stringified object)
+- `error`, _optionally_, it is an error in string form, if any. Its presence indicates an error with the request.
+
+## Example flow for signing an event
+
+- `remote-signer-pubkey` is `fa984bd7dbb282f07e16e7ae87b26a2a7b9b90b7246a44771f0cf5ae58018f52`
+- `user-pubkey` is also `fa984bd7dbb282f07e16e7ae87b26a2a7b9b90b7246a44771f0cf5ae58018f52`
+- `client-pubkey` is `eff37350d839ce3707332348af4549a96051bd695d3223af4aabce4993531d86`
+
+### Signature request
+
+```jsonc
+{
+    "kind": 24133,
+    "pubkey": "eff37350d839ce3707332348af4549a96051bd695d3223af4aabce4993531d86",
+    "content": nip44({
+        "id": <random_string>,
+        "method": "sign_event",
+        "params": [json_stringified(<{
+            content: "Hello, I'm signing remotely",
+            kind: 1,
+            tags: [],
+            created_at: 1714078911
+        }>)]
+    }),
+    "tags": [["p", "fa984bd7dbb282f07e16e7ae87b26a2a7b9b90b7246a44771f0cf5ae58018f52"]], // p-tags the remote-signer-pubkey
+}
+```
+
+### Response event
+
+```jsonc
+{
+    "kind": 24133,
+    "pubkey": "fa984bd7dbb282f07e16e7ae87b26a2a7b9b90b7246a44771f0cf5ae58018f52",
+    "content": nip44({
+        "id": <random_string>,
+        "result": json_stringified(<signed-event>)
+    }),
+    "tags": [["p", "eff37350d839ce3707332348af4549a96051bd695d3223af4aabce4993531d86"]], // p-tags the client-pubkey
+}
+```
+
+### Diagram
+
+![signing-example](https://i.nostr.build/P3gW.png)
+
+
+## Auth Challenges
+
+An Auth Challenge is a response that a _remote-signer_ can send back when it needs the _user_ to authenticate via other means. The response `content` object will take the following form:
+
+```json
+{
+    "id": <request_id>,
+    "result": "auth_url",
+    "error": <URL_to_display_to_end_user>
+}
+```
+
+_client_ should display (in a popup or new tab) the URL from the `error` field and then subscribe/listen for another response from the _remote-signer_ (reusing the same request ID). This event will be sent once the user authenticates in the other window (or will never arrive if the user doesn't authenticate).
+
+### Example event signing request with auth challenge
+
+![signing-example-with-auth-challenge](https://i.nostr.build/W3aj.png)
+
+## Appendix
+
+### Announcing _remote-signer_ metadata
+
+_remote-signer_ MAY publish it's metadata by using [NIP-05](05.md) and [NIP-89](89.md). With NIP-05, a request to `<remote-signer>/.well-known/nostr.json?name=_` MAY return this:
+```jsonc
+{
+    "names":{
+        "_": <remote-signer-app-pubkey>,
+    },
+    "nip46": {
+        "relays": ["wss://relay1","wss://relay2"...],
+        "nostrconnect_url": "https://remote-signer-domain.example/<nostrconnect>"
+    }
+}
+```
+
+The `<remote-signer-app-pubkey>` MAY be used to verify the domain from _remote-signer_'s NIP-89 event (see below). `relays` SHOULD be used to construct a more precise `nostrconnect://` string for the specific `remote-signer`. `nostrconnect_url` template MAY be used to redirect users to _remote-signer_'s connection flow by replacing `<nostrconnect>` placeholder with an actual `nostrconnect://` string.
+
+### Remote signer discovery via NIP-89
+
+_remote-signer_ MAY publish a NIP-89 `kind: 31990` event with `k` tag of `24133`, which MAY also include one or more `relay` tags and MAY include `nostrconnect_url` tag. The semantics of `relay` and `nostrconnect_url` tags are the same as in the section above.
+
+_client_ MAY improve UX by discovering _remote-signers_ using their `kind: 31990` events. _client_ MAY then pre-generate `nostrconnect://` strings for the _remote-signers_, and SHOULD in that case verify that `kind: 31990` event's author is mentioned in signer's `nostr.json?name=_` file as `<remote-signer-app-pubkey>`.
diff --git a/dist/docs/nips/47.md b/dist/docs/nips/47.md
new file mode 100644
index 00000000..13037cb5
--- /dev/null
+++ b/dist/docs/nips/47.md
@@ -0,0 +1,687 @@
+NIP-47
+======
+
+Nostr Wallet Connect (NWC)
+--------------------
+
+`draft` `optional`
+
+## Rationale
+
+This NIP describes a way for clients to access a remote lightning wallet through a standardized protocol. Custodians may implement this, or the user may run a bridge that bridges their wallet/node and the Nostr Wallet Connect protocol.
+
+## Terms
+
+* **client**: Nostr app on any platform that wants to interact with a lightning wallet.
+* **user**: The person using the **client**, and wants to connect their wallet to their **client**.
+* **wallet service**: Nostr app that typically runs on an always-on computer (eg. in the cloud or on a Raspberry Pi).  This app has access to the APIs of the wallets it serves.
+
+## Theory of Operation
+
+Fundamentally NWC is communication between a **client** and **wallet service** by the means of E2E-encrypted direct messages over a nostr relay. The relay knows the kinds and tags of notes, but not the content of the encrypted payloads. The **user**'s identity key is not used to avoid linking payment activity to the user. Ideally unique keys are used for each individual connection.
+
+ 1. **Users** who wish to use this NIP to allow **client(s)** to interact with their wallet must first acquire a special "connection" URI from their NIP-47 compliant wallet application.  The wallet application may provide this URI using a QR screen, or a pasteable string, or some other means. 
+ 
+ 2. The **user** should then copy this URI into their **client(s)** by pasting, or scanning the QR, etc.  The **client(s)** should save this URI and use it later whenever the **user** (or the **client** on the user's behalf) wants to interact with the wallet.  The **client** should then request an `info` (13194) event from the relay(s) specified in the URI.  The **wallet service** will have sent that event to those relays earlier, and the relays will hold it as a replaceable event.  
+ 
+ 3. When the **user** initiates a payment their nostr **client** create a `pay_invoice` request, encrypts it using a token from the URI, and sends it (kind 23194) to the relay(s) specified in the connection URI.  The **wallet service** will be listening on those relays and will decrypt the request and then contact the **user's** wallet application to send the payment.  The **wallet service** will know how to talk to the wallet application because the connection URI specified relay(s) that have access to the wallet app API.  
+ 
+ 4. Once the payment is complete the **wallet service** will send an encrypted `response` (kind 23195) to the **user** over the relay(s) in the URI.
+ 
+ 5. The **wallet service** may send encrypted notifications (kind 23197 or 23196) of wallet events (such as a received payment) to the **client**.
+
+## Events
+
+There are four event kinds:
+
+- `NIP-47 info event`: 13194
+- `NIP-47 request`: 23194
+- `NIP-47 response`: 23195
+- `NIP-47 notification event`: 23197 (23196 for backwards compatibility with NIP-04)
+
+### Info Event
+
+The info event should be a replaceable event that is published by the **wallet service** on the relay to indicate which capabilities it supports.
+
+The content should be a plaintext string with the supported capabilities space-separated, eg. `pay_invoice get_balance notifications`.
+
+If the **wallet service** supports notifications, the info event SHOULD contain a `notifications` tag with the supported notification types space-separated, eg. `payment_received payment_sent`.
+
+It should also contain supported encryption modes as described in the [Encryption](#encryption) section. For example:
+
+```jsonc
+{
+    "kind": 13194,
+    "tags": [
+        ["encryption", "nip44_v2 nip04"], // List of supported encryption schemes as described in the Encryption section.
+        ["notifications", "payment_received payment_sent"]
+        // ...
+    ],
+    "content": "pay_invoice get_balance make_invoice lookup_invoice list_transactions get_info notifications",
+    // ...
+}
+```
+
+### Request and Response Events
+
+Both the request and response events SHOULD contain one `p` tag, containing the public key of the **wallet service** if this is a request, and the public key of the **client** if this is a response. The response event SHOULD contain an `e` tag with the id of the request event it is responding to.
+Optionally, a request can have an `expiration` tag that has a unix timestamp in seconds. If the request is received after this timestamp, it should be ignored.
+
+The content of requests and responses is encrypted with [NIP44](44.md), and is a JSON-RPCish object with a semi-fixed structure.
+
+**Important note for backwards-compatibility:** The initial version of the protocol used [NIP04](04.md). If a **wallet service** or client app does not include the `encryption` tag in the
+`info` or request events, it should be assumed that the connection is using NIP04 for encryption. See the [Encryption](#encryption) section for more information.
+
+Example request:
+
+```js
+{
+    "kind" 23194,
+    "tags": [
+        ["encryption", "nip44_v2"],
+        ["p", "03..." ] // public key of the wallet service.
+        // ...
+    ],
+    "content": nip44_encrypt({ // Encryption type corresponds to the `encryption` tag.
+        "method": "pay_invoice", // method, string
+        "params": { // params, object
+            "invoice": "lnbc50n1..." // command-related data
+        }
+    }),
+}
+```
+
+Example response:
+
+```js
+{
+    "kind" 23195,
+    "tags": [
+        ["p", "03..." ] // public key of the requesting client app
+        ["e", "1234"] // id of the request event this is responding to
+        // ...
+    ],
+    "content": nip44_encrypt({ // Encrypted using the scheme requested by the client.
+        "result_type": "pay_invoice", //indicates the structure of the result field
+        "error": { //object, non-null in case of error
+            "code": "UNAUTHORIZED", //string error code, see below
+            "message": "human readable error message"
+        },
+        "result": { // result, object. null in case of error.
+            "preimage": "0123456789abcdef..." // command-related data
+        }
+    })
+    // ...
+}
+```
+
+The `result_type` field MUST contain the name of the method that this event is responding to.
+The `error` field MUST contain a `message` field with a human readable error message and a `code` field with the error code if the command was not successful.
+If the command was successful, the `error` field must be null.
+
+### Notification Events
+
+The notification event is a kind 23197 event SHOULD contain one `p` tag, the public key of the **client**.
+
+The content of notifications is encrypted with [NIP44](44.md) (or NIP-04 for legacy client apps), and is a JSON-RPCish object with a semi-fixed structure:
+
+```jsonc
+{
+    "notification_type": "payment_received", //indicates the structure of the notification field
+    "notification": {
+        "payment_hash": "0123456789abcdef..." // notification-related data
+    }
+}
+```
+
+_Note on backwards-compatibility:_ If a **wallet service** supports both nip44 and nip04 for legacy client apps, it should publish both notification events for each notification - kind 23196 encrypted with NIP-04, and kind 23197 encrypted with NIP-44. It is up to the **client** to decide which event to listen to based on its supported encryption and declared supported encryption schemes of the **wallet service** in the `info` event.
+
+### Error codes
+- `RATE_LIMITED`: The client is sending commands too fast. It should retry in a few seconds.
+- `NOT_IMPLEMENTED`: The command is not known or is intentionally not implemented.
+- `INSUFFICIENT_BALANCE`: The wallet does not have enough funds to cover a fee reserve or the payment amount.
+- `QUOTA_EXCEEDED`: The wallet has exceeded its spending quota.
+- `RESTRICTED`: This public key is not allowed to do this operation.
+- `UNAUTHORIZED`: This public key has no wallet connected.
+- `INTERNAL`: An internal error.
+- `UNSUPPORTED_ENCRYPTION`: The encryption type of the request is not supported by the wallet service.
+- `OTHER`: Other error.
+
+## Nostr Wallet Connect URI
+
+Communication between the **client** and **wallet service** requires two keys in order to encrypt and decrypt messages. The connection URI includes the secret key of the **client** and only the public key of the **wallet service**.
+
+The **client** discovers **wallet service** by scanning a QR code, handling a deeplink or pasting in a URI.
+
+The **wallet service** generates this connection URI with protocol `nostr+walletconnect://` and base path its 32-byte hex-encoded `pubkey`, which SHOULD be unique per client connection.
+
+The connection URI contains the following query string parameters:
+
+- `relay` Required. URL of the relay where the **wallet service** is connected and will be listening for events. May be more than one.
+- `secret` Required. 32-byte randomly generated hex encoded string. The **client** MUST use this to sign events and encrypt payloads when communicating with the **wallet service**. The **wallet service** MUST use the corresponding public key of this secret to communicate with the **client**.
+    - Authorization does not require passing keys back and forth.
+    - The user can have different keys for different applications. Keys can be revoked and created at will and have arbitrary constraints (eg. budgets).
+    - The key is harder to leak since it is not shown to the user and backed up.
+    - It improves privacy because the user's main key would not be linked to their payments.
+- `lud16` Recommended. A lightning address that clients can use to automatically setup the `lud16` field on the user's profile if they have none configured.
+
+The **client** should then store this connection and use it when the user wants to perform actions like paying an invoice. Due to this NIP using ephemeral events, it is recommended to pick relays that do not close connections on inactivity to not drop events, and ideally retain the events until they are either consumed or become stale.
+
+- When the **client** sends or receives a message it will use the `secret` from the connection URI and **wallet service**'s `pubkey` to encrypt or decrypt.
+- When the **wallet service** sends or receives a message it will use its own secret and the corresponding pubkey of the **client's** `secret` to encrypt or decrypt. The **wallet service** SHOULD NOT store the secret it generates for the client and MUST NOT rely on the knowing the **client** secret for general operation.
+
+### Example connection string
+```sh
+nostr+walletconnect://b889ff5b1513b641e2a139f661a661364979c5beee91842f8f0ef42ab558e9d4?relay=wss%3A%2F%2Frelay.damus.io&secret=71a8c14c1407c113601079c4302dab36460f0ccd0ad506f1f2dc73b5100e4f3c
+```
+
+## Commands
+
+### `pay_invoice`
+
+Description: Requests payment of an invoice.
+
+Request:
+```jsonc
+{
+    "method": "pay_invoice",
+    "params": {
+        "invoice": "lnbc50n1...", // bolt11 invoice
+        "amount": 123, // invoice amount in msats, optional
+        "metadata": {} // generic metadata that can be used to add things like zap/boostagram details for a payer name/comment/etc, optional
+    }
+}
+```
+
+Response:
+```jsonc
+{
+    "result_type": "pay_invoice",
+    "result": {
+        "preimage": "0123456789abcdef...", // preimage of the payment
+        "fees_paid": 123, // value in msats, optional
+    }
+}
+```
+
+Errors:
+- `PAYMENT_FAILED`: The payment failed. This may be due to a timeout, exhausting all routes, insufficient capacity or similar.
+
+### `multi_pay_invoice`
+
+Description: Requests payment of multiple invoices.
+
+Request:
+```jsonc
+{
+    "method": "multi_pay_invoice",
+    "params": {
+        "invoices": [
+          {"id":"4da52c32a1", "invoice": "lnbc1...", "amount": 123}, // bolt11 invoice and amount in msats, amount is optional
+          {"id":"3da52c32a1", "invoice": "lnbc50n1...", "metadata": {} }, // generic metadata that can be used to add things like zap/boostagram details for a payer name/comment/etc, optional
+        ],
+    }
+}
+```
+
+Response:
+
+For every invoice in the request, a separate response event is sent. To differentiate between the responses, each
+response event contains a `d` tag with the id of the invoice it is responding to; if no id was given, then the
+payment hash of the invoice should be used.
+
+```jsonc
+{
+    "result_type": "multi_pay_invoice",
+    "result": {
+        "preimage": "0123456789abcdef...", // preimage of the payment
+        "fees_paid": 123, // value in msats, optional
+    }
+}
+```
+
+Errors:
+- `PAYMENT_FAILED`: The payment failed. This may be due to a timeout, exhausting all routes, insufficient capacity or similar.
+
+### `pay_keysend`
+
+Request:
+```jsonc
+{
+    "method": "pay_keysend",
+    "params": {
+        "amount": 123, // invoice amount in msats, required
+        "pubkey": "03...", // payee pubkey, required
+        "preimage": "0123456789abcdef...", // preimage of the payment, optional
+        "tlv_records": [ // tlv records, optional
+            {
+                "type": 5482373484, // tlv type
+                "value": "0123456789abcdef" // hex encoded tlv value
+            }
+        ]
+    }
+}
+```
+
+Response:
+```jsonc
+{
+    "result_type": "pay_keysend",
+    "result": {
+        "preimage": "0123456789abcdef...", // preimage of the payment
+        "fees_paid": 123, // value in msats, optional
+    }
+}
+```
+
+Errors:
+- `PAYMENT_FAILED`: The payment failed. This may be due to a timeout, exhausting all routes, insufficient capacity or similar.
+
+### `multi_pay_keysend`
+
+Description: Requests multiple keysend payments.
+
+Has an array of keysends, these follow the same semantics as `pay_keysend`, just done in a batch
+
+Request:
+```jsonc
+{
+    "method": "multi_pay_keysend",
+    "params": {
+        "keysends": [
+          {"id": "4c5b24a351", "pubkey": "03...", "amount": 123},
+          {"id": "3da52c32a1", "pubkey": "02...", "amount": 567, "preimage": "abc123..", "tlv_records": [{"type": 696969, "value": "77616c5f6872444873305242454d353736"}]},
+        ],
+    }
+}
+```
+
+Response:
+
+For every keysend in the request, a separate response event is sent. To differentiate between the responses, each
+response event contains a `d` tag with the id of the keysend it is responding to; if no id was given, then the
+pubkey should be used.
+
+```jsonc
+{
+    "result_type": "multi_pay_keysend",
+    "result": {
+        "preimage": "0123456789abcdef...", // preimage of the payment
+        "fees_paid": 123, // value in msats, optional
+    }
+}
+```
+
+Errors:
+- `PAYMENT_FAILED`: The payment failed. This may be due to a timeout, exhausting all routes, insufficient capacity or similar.
+
+### `make_invoice`
+
+Request:
+```jsonc
+{
+    "method": "make_invoice",
+    "params": {
+        "amount": 123, // value in msats
+        "description": "string", // invoice's description, optional
+        "description_hash": "string", // invoice's description hash, optional
+        "expiry": 213, // expiry in seconds from time invoice is created, optional
+        "metadata": {} // generic metadata that can be used to add things like zap/boostagram details for a payer name/comment/etc, optional
+    }
+}
+```
+
+Response:
+```jsonc
+{
+    "result_type": "make_invoice",
+    "result": {
+        "type": "incoming", // "incoming" for invoices, "outgoing" for payments
+        "state": "pending", // optional
+        "invoice": "string", // encoded invoice, optional
+        "description": "string", // invoice's description, optional
+        "description_hash": "string", // invoice's description hash, optional
+        "preimage": "string", // payment's preimage, optional if unpaid
+        "payment_hash": "string", // Payment hash for the payment
+        "amount": 123, // value in msats
+        "fees_paid": 123, // value in msats
+        "created_at": unixtimestamp, // invoice/payment creation time
+        "expires_at": unixtimestamp, // invoice expiration time, optional if not applicable
+        "metadata": {} // generic metadata that can be used to add things like zap/boostagram details for a payer name/comment/etc.
+    }
+}
+```
+
+### `lookup_invoice`
+
+Request:
+```jsonc
+{
+    "method": "lookup_invoice",
+    "params": {
+        "payment_hash": "31afdf1..", // payment hash of the invoice, one of payment_hash or invoice is required
+        "invoice": "lnbc50n1..." // invoice to lookup
+    }
+}
+```
+
+Response:
+```jsonc
+{
+    "result_type": "lookup_invoice",
+    "result": {
+        "type": "incoming", // "incoming" for invoices, "outgoing" for payments
+        "state": "pending", // can be "pending", "settled", "expired" (for invoices) or "failed" (for payments), optional
+        "invoice": "string", // encoded invoice, optional
+        "description": "string", // invoice's description, optional
+        "description_hash": "string", // invoice's description hash, optional
+        "preimage": "string", // payment's preimage, optional if unpaid
+        "payment_hash": "string", // Payment hash for the payment
+        "amount": 123, // value in msats
+        "fees_paid": 123, // value in msats
+        "created_at": unixtimestamp, // invoice/payment creation time
+        "expires_at": unixtimestamp, // invoice expiration time, optional if not applicable
+        "settled_at": unixtimestamp, // invoice/payment settlement time, optional if unpaid
+        "metadata": {} // generic metadata that can be used to add things like zap/boostagram details for a payer name/comment/etc.
+    }
+}
+```
+
+Errors:
+- `NOT_FOUND`: The invoice could not be found by the given parameters.
+
+### `list_transactions`
+
+Lists invoices and payments. If `type` is not specified, both invoices and payments are returned.
+The `from` and `until` parameters are timestamps in seconds since epoch. If `from` is not specified, it defaults to 0.
+If `until` is not specified, it defaults to the current time. Transactions are returned in descending order of creation
+time.
+
+Request:
+```jsonc
+{
+    "method": "list_transactions",
+    "params": {
+        "from": 1693876973, // starting timestamp in seconds since epoch (inclusive), optional
+        "until": 1703225078, // ending timestamp in seconds since epoch (inclusive), optional
+        "limit": 10, // maximum number of invoices to return, optional
+        "offset": 0, // offset of the first invoice to return, optional
+        "unpaid": true, // include unpaid invoices, optional, default false
+        "type": "incoming", // "incoming" for invoices, "outgoing" for payments, undefined for both
+    }
+}
+```
+
+Response:
+```jsonc
+{
+    "result_type": "list_transactions",
+    "result": {
+        "transactions": [
+            {
+               "type": "incoming", // "incoming" for invoices, "outgoing" for payments
+               "state": "pending", // can be "pending", "settled", "expired" (for invoices) or "failed" (for payments), optional
+               "invoice": "string", // encoded invoice, optional
+               "description": "string", // invoice's description, optional
+               "description_hash": "string", // invoice's description hash, optional
+               "preimage": "string", // payment's preimage, optional if unpaid
+               "payment_hash": "string", // Payment hash for the payment
+               "amount": 123, // value in msats
+               "fees_paid": 123, // value in msats
+               "created_at": unixtimestamp, // invoice/payment creation time
+               "expires_at": unixtimestamp, // invoice expiration time, optional if not applicable
+               "settled_at": unixtimestamp, // invoice/payment settlement time, optional if unpaid
+               "metadata": {} // generic metadata that can be used to add things like zap/boostagram details for a payer name/comment/etc.
+           }
+        ],
+    },
+}
+```
+
+### `get_balance`
+
+Request:
+```jsonc
+{
+    "method": "get_balance",
+    "params": {}
+}
+```
+
+Response:
+```jsonc
+{
+    "result_type": "get_balance",
+    "result": {
+        "balance": 10000, // user's balance in msats
+    }
+}
+```
+
+### `get_info`
+
+Request:
+```jsonc
+{
+    "method": "get_info",
+    "params": {}
+}
+```
+
+Response:
+```jsonc
+{
+    "result_type": "get_info",
+    "result": {
+            "alias": "string",
+            "color": "hex string",
+            "pubkey": "hex string",
+            "network": "string", // mainnet, testnet, signet, or regtest
+            "block_height": 1,
+            "block_hash": "hex string",
+            "methods": ["pay_invoice", "get_balance", "make_invoice", "lookup_invoice", "list_transactions", "get_info"], // list of supported methods for this connection
+            "notifications": ["payment_received", "payment_sent"], // list of supported notifications for this connection, optional.
+    }
+}
+```
+
+## Notifications
+
+### `payment_received`
+
+Description: A payment was successfully received by the wallet.
+
+Notification:
+```jsonc
+{
+    "notification_type": "payment_received",
+    "notification": {
+        "type": "incoming",
+        "state": "settled", // optional
+        "invoice": "string", // encoded invoice
+        "description": "string", // invoice's description, optional
+        "description_hash": "string", // invoice's description hash, optional
+        "preimage": "string", // payment's preimage
+        "payment_hash": "string", // Payment hash for the payment
+        "amount": 123, // value in msats
+        "fees_paid": 123, // value in msats
+        "created_at": unixtimestamp, // invoice/payment creation time
+        "expires_at": unixtimestamp, // invoice expiration time, optional if not applicable
+        "settled_at": unixtimestamp, // invoice/payment settlement time
+        "metadata": {} // generic metadata that can be used to add things like zap/boostagram details for a payer name/comment/etc.
+    }
+}
+```
+
+### `payment_sent`
+
+Description: A payment was successfully sent by the wallet.
+
+Notification:
+```jsonc
+{
+    "notification_type": "payment_sent",
+    "notification": {
+        "type": "outgoing",
+        "state": "settled", // optional
+        "invoice": "string", // encoded invoice
+        "description": "string", // invoice's description, optional
+        "description_hash": "string", // invoice's description hash, optional
+        "preimage": "string", // payment's preimage
+        "payment_hash": "string", // Payment hash for the payment
+        "amount": 123, // value in msats
+        "fees_paid": 123, // value in msats
+        "created_at": unixtimestamp, // invoice/payment creation time
+        "expires_at": unixtimestamp, // invoice expiration time, optional if not applicable
+        "settled_at": unixtimestamp, // invoice/payment settlement time
+        "metadata": {} // generic metadata that can be used to add things like zap/boostagram details for a payer name/comment/etc.
+    }
+}
+```
+
+## Example pay invoice flow
+
+0. The user scans the QR code generated by the **wallet service** with their **client** application, they follow a `nostr+walletconnect://` deeplink or configure the connection details manually.
+1. **client** sends an event to the **wallet service** with kind `23194`. The content is a `pay_invoice` request. The private key is the secret from the connection string above.
+2. **wallet service** verifies that the author's key is authorized to perform the payment, decrypts the payload and sends the payment.
+3. **wallet service** responds to the event by sending an event with kind `23195` and content being a response either containing an error message or a preimage.
+
+## Encryption
+
+The initial version of NWC used [NIP-04](04.md) for encryption which has been deprecated and replaced by [NIP-44](44.md). NIP-44 should always be preferred for encryption, but there may be legacy cases
+where the **wallet service** or **client** has not yet migrated to NIP-44. The **wallet service** and **client** should negotiate the encryption method to use based on the `encryption` tag in the `info` event.
+
+The encryption tag can contain either `nip44_v2` or `nip04`. The absence of this tag implies that the wallet only supports `nip04`.
+
+| Encryption code | Use                  | Notes                                                   |
+|-----------------|----------------------|---------------------------------------------------------|
+| `nip44_v2`      | NIP-44               | Required                                                |
+| `nip04`         | NIP-04               | Deprecated and only here for backward compatibility     |
+| `<not present>` | NIP-04               | Deprecated and only here for backward compatibility     |
+
+The negotiation works as follows.
+
+1. The **wallet service** includes an `encryption` tag in the `info` event. This tag contains a space-separated list of encryption schemes that the **wallet service** supports (eg. `nip44_v2 nip04`)
+2. The **client application** includes an `encryption` tag in each request event. This tag contains the encryption scheme which should be used for the request. The **client application** should always prefer nip44 if supported by the **wallet service**.
+
+### Info event
+
+First, the **wallet service** adds an `encryption` tag to its `info` event containing a space-separated list of encryption schemes it supports. For example,
+if a wallet service supports nip44, but also allows backwards-compatibility to nip04 client applications, its `encryption` tag in the `info` event might look something like:
+
+```jsonc
+{
+    "kind": 13194,
+    "tags": [
+        ["encryption", "nip44_v2 nip04"],
+        // ...
+    ],
+    "content": "pay_invoice get_balance make_invoice lookup_invoice list_transactions get_info",
+    // ...
+}
+```
+
+When a **client application** establishes a connection, it should read the info event and look for the `encryption` tag.
+
+**Absence of this tag implies that the wallet only supports nip04.**
+
+If the `encryption` tag is present, the **client application** will choose optimal encryption supported by both itself, and the **wallet service**, which should always be nip44 if possible.
+
+### Request events
+
+When a **client application** sends a request event, it should include a `encryption` tag with the encryption scheme it is using. The scheme MUST be supported by the **wallet service** as indicated by the info event.
+For example, if the client application supports nip44, the request event might look like:
+
+```jsonc
+{
+    "kind": 23194,
+    "tags": [
+        ["encryption", "nip44_v2"],
+        // ...
+    ],
+    // ...
+}
+```
+
+If the **wallet service** does not support the specified encryption scheme, it will return an `UNSUPPORTED_ENCRYPTION` error. Absence of the `encryption` tag indicates use of nip04 for encryption.
+
+### Notification events
+
+As described above in the [Notifications](#notifications) section, if a **wallet service** supports both nip04 and nip44, it should publish two notification events for each notification - kind 23196 encrypted with NIP-04, and kind 23197 encrypted with NIP-44. If the **wallet service** only supports nip44, it should only publish kind 23197 events.
+
+The **client** should check the `encryption` tag in the `info` event to determine which encryption schemes the **wallet service** supports, and listen to the appropriate notification event.
+
+## Using a dedicated relay
+This NIP does not specify any requirements on the type of relays used. However, if the user is using a custodial service it might make sense to use a relay that is hosted by the custodial service. The relay may then enforce authentication to prevent metadata leaks. Not depending on a 3rd party relay would also improve reliability in this case.
+
+## Metadata
+Metadata MAY be stored by the **wallet service** alongside invoices and payments. The metadata MUST be no more than 4096 characters, otherwise MUST be dropped. This is to ensure transactions do not get too large to be relayed.
+
+NWC relays SHOULD allow at least a payload size of 64KB and **clients** SHOULD fetch small page sizes (maximum of 20 transactions per page) otherwise there is risk of `list_transactions` responses being rejected.
+
+Here are some properties that are recognized by some NWC clients:
+
+```jsonc
+{
+  "comment": "string", // LUD-12 comment
+  "payer_data": {
+    "email": "string",
+    "name": "string",
+    "pubkey": "string",
+  }, // LUD-18 payer data
+  "recipient_data": {
+    "identifier": "string"
+  }, // similar to LUD-18 payer data, but to record recipient data e.g. the lightning address of the recipient
+  "nostr": {
+    "pubkey": "string",
+    "tags": [],
+    // ... rest of zap request event
+  }, // NIP-57 Zap Request event (kind 9734)
+  "tlv_records": [
+    {
+      "type": 5482373484, // tlv type
+      "value": "0123456789abcdef" // hex encoded tlv value
+    }
+  ] // keysend TLV records (e.g. for podcasting 2.0 boostagrams)
+} & Record<string, unknown>;
+```
+
+## Appendix
+
+### Example NIP-47 info event
+
+```jsonc
+{
+  "id": "df467db0a9f9ec77ffe6f561811714ccaa2e26051c20f58f33c3d66d6c2b4d1c",
+  "pubkey": "c04ccd5c82fc1ea3499b9c6a5c0a7ab627fbe00a0116110d4c750faeaecba1e2",
+  "created_at": 1713883677,
+  "kind": 13194,
+  "tags": [
+    [ "encryption", "nip44_v2 nip04" ],
+    [
+      "notifications",
+      "payment_received payment_sent"
+    ]
+  ],
+  "content": "pay_invoice pay_keysend get_balance get_info make_invoice lookup_invoice list_transactions multi_pay_invoice multi_pay_keysend sign_message notifications",
+  "sig": "31f57b369459b5306a5353aa9e03be7fbde169bc881c3233625605dd12f53548179def16b9fe1137e6465d7e4d5bb27ce81fd6e75908c46b06269f4233c845d8"
+}
+```
+
+### Deep-links
+
+Wallet applications can register deeplinks in mobile systems to make it possible to create a linking UX that doesn't require the user scanning a QR code or pasting some code.
+
+`nostrnwc://connect` and `nostrnwc+{app_name}://connect` can be registered by wallet apps and queried by apps that want to receive an NWC pairing code.
+
+All URI parameters, MUST be URI-encoded.
+
+URI parameters:
+ * `appicon` -- URL to an icon of the client that wants to create a connection.
+ * `appname` -- Name of the client that wants to create a connection.
+ * `callback` -- URI schema the wallet should open with the connection string
+
+Once a connection has been created by the wallet, it should be returned to the client by opening the callback with the following parameters
+ * `value` -- NWC pairing code (e.g. `nostr+walletconnect://...`)
+
+
diff --git a/dist/docs/nips/48.md b/dist/docs/nips/48.md
new file mode 100644
index 00000000..2f03e002
--- /dev/null
+++ b/dist/docs/nips/48.md
@@ -0,0 +1,60 @@
+NIP-48
+======
+
+Proxy Tags
+----------
+
+`draft` `optional`
+
+Nostr events bridged from other protocols such as ActivityPub can link back to the source object by including a `"proxy"` tag, in the form:
+
+```
+["proxy", <id>, <protocol>]
+```
+
+Where:
+
+- `<id>` is the ID of the source object. The ID format varies depending on the protocol. The ID must be universally unique, regardless of the protocol.
+- `<protocol>` is the name of the protocol, e.g. `"activitypub"`.
+
+Clients may use this information to reconcile duplicated content bridged from other protocols, or to display a link to the source object.
+
+Proxy tags may be added to any event kind, and doing so indicates that the event did not originate on the Nostr protocol, and instead originated elsewhere on the web.
+
+### Supported protocols
+
+This list may be extended in the future.
+
+| Protocol | ID format | Example |
+| -------- | --------- | ------- |
+| `activitypub` | URL | `https://gleasonator.com/objects/9f524868-c1a0-4ee7-ad51-aaa23d68b526` |
+| `atproto` | AT URI | `at://did:plc:zhbjlbmir5dganqhueg7y4i3/app.bsky.feed.post/3jt5hlibeol2i` |
+| `rss` | URL with guid fragment | `https://soapbox.pub/rss/feed.xml#https%3A%2F%2Fsoapbox.pub%2Fblog%2Fmostr-fediverse-nostr-bridge` |
+| `web` | URL | `https://twitter.com/jack/status/20` |
+
+### Examples
+
+ActivityPub object:
+
+```json
+{
+  "kind": 1,
+  "content": "I'm vegan btw",
+  "tags": [
+    [
+      "proxy",
+      "https://gleasonator.com/objects/8f6fac53-4f66-4c6e-ac7d-92e5e78c3e79",
+      "activitypub"
+    ]
+  ],
+  "pubkey": "79c2cae114ea28a981e7559b4fe7854a473521a8d22a66bbab9fa248eb820ff6",
+  "created_at": 1691091365,
+  "id": "55920b758b9c7b17854b6e3d44e6a02a83d1cb49e1227e75a30426dea94d4cb2",
+  "sig": "a72f12c08f18e85d98fb92ae89e2fe63e48b8864c5e10fbdd5335f3c9f936397a6b0a7350efe251f8168b1601d7012d4a6d0ee6eec958067cf22a14f5a5ea579"
+}
+```
+
+### See also
+
+- [FEP-fffd: Proxy Objects](https://codeberg.org/fediverse/fep/src/branch/main/fep/fffd/fep-fffd.md)
+- [Mostr bridge](https://mostr.pub/)
\ No newline at end of file
diff --git a/dist/docs/nips/49.md b/dist/docs/nips/49.md
new file mode 100644
index 00000000..731f132d
--- /dev/null
+++ b/dist/docs/nips/49.md
@@ -0,0 +1,126 @@
+
+NIP-49
+======
+
+Private Key Encryption
+----------------------
+
+`draft` `optional`
+
+This NIP defines a method by which clients can encrypt (and decrypt) a user's private key with a password.
+
+Symmetric Encryption Key derivation
+-----------------------------------
+
+PASSWORD = Read from the user. The password should be unicode normalized to NFKC format to ensure that the password can be entered identically on other computers/clients.
+
+LOG\_N = Let the user or implementer choose one byte representing a power of 2 (e.g. 18 represents 262,144) which is used as the number of rounds for scrypt. Larger numbers take more time and more memory, and offer better protection:
+
+    | LOG_N | MEMORY REQUIRED | APPROX TIME ON FAST COMPUTER |
+    |-------|-----------------|----------------------------- |
+    | 16    | 64 MiB          | 100 ms                       |
+    | 18    | 256 MiB         |                              |
+    | 20    | 1 GiB           | 2 seconds                    |
+    | 21    | 2 GiB           |                              |
+    | 22    | 4 GiB           |                              |
+
+SALT = 16 random bytes
+
+SYMMETRIC_KEY = scrypt(password=PASSWORD, salt=SALT, log\_n=LOG\_N, r=8, p=1)
+
+The symmetric key should be 32 bytes long.
+
+This symmetric encryption key is temporary and should be zeroed and discarded after use and not stored or reused for any other purpose.
+
+
+Encrypting a private key
+------------------------
+
+The private key encryption process is as follows:
+
+PRIVATE\_KEY = User's private (secret) secp256k1 key as 32 raw bytes (not hex or bech32 encoded!)
+
+KEY\_SECURITY\_BYTE = one of:
+
+*  0x00 - if the key has been known to have been handled insecurely (stored unencrypted, cut and paste unencrypted, etc)
+*  0x01 - if the key has NOT been known to have been handled insecurely (stored unencrypted, cut and paste unencrypted, etc)
+ * 0x02 - if the client does not track this data
+
+ASSOCIATED\_DATA = KEY\_SECURITY\_BYTE
+
+NONCE = 24 byte random nonce
+
+CIPHERTEXT = XChaCha20-Poly1305(
+    plaintext=PRIVATE\_KEY,
+    associated_data=ASSOCIATED\_DATA,
+    nonce=NONCE,
+    key=SYMMETRIC\_KEY
+)
+
+VERSION\_NUMBER = 0x02
+
+CIPHERTEXT_CONCATENATION = concat(
+    VERSION\_NUMBER,
+    LOG\_N,
+    SALT,
+    NONCE,
+    ASSOCIATED\_DATA,
+    CIPHERTEXT
+)
+
+ENCRYPTED\_PRIVATE\_KEY = bech32_encode('ncryptsec', CIPHERTEXT\_CONCATENATION)
+
+The output prior to bech32 encoding should be 91 bytes long.
+
+The decryption process operates in the reverse.
+
+
+Test Data
+---------
+
+## Password Unicode Normalization
+
+The following password input: "ÅΩẛ̣"
+- Unicode Codepoints: U+212B U+2126 U+1E9B U+0323
+- UTF-8 bytes: [0xE2, 0x84, 0xAB, 0xE2, 0x84, 0xA6, 0xE1, 0xBA, 0x9B, 0xCC, 0xA3]
+
+Should be converted into the unicode normalized NFKC format prior to use in scrypt: "ÅΩẛ̣"
+- Unicode Codepoints: U+00C5 U+03A9 U+1E69
+- UTF-8 bytes: [0xC3, 0x85, 0xCE, 0xA9, 0xE1, 0xB9, 0xA9]
+
+## Encryption
+
+The encryption process is non-deterministic due to the random nonce.
+
+## Decryption
+
+The following encrypted private key:
+
+`ncryptsec1qgg9947rlpvqu76pj5ecreduf9jxhselq2nae2kghhvd5g7dgjtcxfqtd67p9m0w57lspw8gsq6yphnm8623nsl8xn9j4jdzz84zm3frztj3z7s35vpzmqf6ksu8r89qk5z2zxfmu5gv8th8wclt0h4p`
+
+When decrypted with password='nostr' and log_n=16 yields the following hex-encoded private key:
+
+`3501454135014541350145413501453fefb02227e449e57cf4d3a3ce05378683`
+
+Discussion
+----------
+
+### On Key Derivation
+
+Passwords make poor cryptographic keys. Prior to use as a cryptographic key, two things need to happen:
+
+1. An encryption key needs to be deterministically created from the password such that is has a uniform functionally random distribution of bits, such that the symmetric encryption algorithm's assumptions are valid, and
+2. A slow irreversible algorithm should be injected into the process, so that brute-force attempts to decrypt by trying many passwords are severely hampered.
+
+These are achieved using a password-based key derivation function. We use scrypt, which has been proven to be maximally memory hard and which several cryptographers have indicated to the author is better than argon2 even though argon2 won a competition in 2015.
+
+### On the symmetric encryption algorithm
+
+XChaCha20-Poly1305 is typically favored by cryptographers over AES and is less associated with the U.S. government.  It (or it's earlier variant without the 'X') is gaining wide usage, is used in TLS and OpenSSH, and is available in most modern crypto libraries.
+
+Recommendations
+---------
+
+It is not recommended that users publish these encrypted private keys to nostr, as cracking a key may become easier when an attacker can amass many encrypted private keys.
+
+It is recommended that clients zero out the memory of passwords and private keys before freeing that memory.
diff --git a/dist/docs/nips/50.md b/dist/docs/nips/50.md
new file mode 100644
index 00000000..9eea1f85
--- /dev/null
+++ b/dist/docs/nips/50.md
@@ -0,0 +1,55 @@
+NIP-50
+======
+
+Search Capability
+-----------------
+
+`draft` `optional`
+
+## Abstract
+
+Many Nostr use cases require some form of general search feature, in addition to structured queries by tags or ids. 
+Specifics of the search algorithms will differ between event kinds, this NIP only describes a general 
+extensible framework for performing such queries.
+
+## `search` filter field 
+
+A new `search` field is introduced for `REQ` messages from clients:
+```jsonc
+{
+  // other fields on filter object...
+  "search": <string>
+}
+```
+`search` field is a string describing a query in a human-readable form, i.e. "best nostr apps". 
+Relays SHOULD interpret the query to the best of their ability and return events that match it. 
+Relays SHOULD perform matching against `content` event field, and MAY perform
+matching against other fields if that makes sense in the context of a specific kind. 
+
+Results SHOULD be returned in descending order by quality of search result (as defined by the implementation),
+not by the usual `.created_at`. The `limit` filter SHOULD be applied after sorting by matching score.
+A query string may contain `key:value` pairs (two words separated by colon), these are extensions, relays SHOULD ignore 
+extensions they don't support.
+
+Clients may specify several search filters, i.e. `["REQ", "", { "search": "orange" }, { "kinds": [1, 2], "search": "purple" }]`. Clients may 
+include `kinds`, `ids` and other filter field to restrict the search results to particular event kinds.
+
+Clients SHOULD use the supported_nips field to learn if a relay supports `search` filter. Clients MAY send `search` 
+filter queries to any relay, if they are prepared to filter out extraneous responses from relays that do not support this NIP.
+
+Clients SHOULD query several relays supporting this NIP to compensate for potentially different 
+implementation details between relays.
+
+Clients MAY verify that events returned by a relay match the specified query in a way that suits the
+client's use case, and MAY stop querying relays that have low precision.
+
+Relays SHOULD exclude spam from search results by default if they support some form of spam filtering.
+
+## Extensions
+
+Relay MAY support these extensions:
+- `include:spam` - turn off spam filtering, if it was enabled by default
+- `domain:<domain>` - include only events from users whose valid nip05 domain matches the domain
+- `language:<two letter ISO 639-1 language code>` - include only events of a specified language
+- `sentiment:<negative/neutral/positive>` - include only events of a specific sentiment
+- `nsfw:<true/false>` - include or exclude nsfw events (default: true)
diff --git a/dist/docs/nips/51.md b/dist/docs/nips/51.md
new file mode 100644
index 00000000..a7a16288
--- /dev/null
+++ b/dist/docs/nips/51.md
@@ -0,0 +1,170 @@
+NIP-51
+======
+
+Lists
+-----
+
+`draft` `optional`
+
+This NIP defines lists of things that users can create. Lists can contain references to anything, and these references can be **public** or **private**.
+
+Public items in a list are specified in the event `tags` array, while private items are specified in a JSON array that mimics the structure of the event `tags` array, but stringified and encrypted using the same scheme from [NIP-44](44.md) (the shared key is computed using the author's public and private key) and stored in the `.content`. An earlier version of this specification used [NIP-04](04.md) for encryptions. Those are now deprecated. For backward compatibility, Clients can automatically discover if the encryption is NIP-04 or NIP-44 by searching for "iv" in the ciphertext and decrypting accordingly.
+
+When new items are added to an existing list, clients SHOULD append them to the end of the list, so they are stored in chronological order.
+
+## Types of lists
+
+### Standard lists
+
+Standard lists use normal replaceable events, meaning users may only have a single list of each kind. They have special meaning and clients may rely on them to augment a user's profile or browsing experience.
+
+For example, _mute list_ can contain the public keys of spammers and bad actors users don't want to see in their feeds or receive annoying notifications from.
+
+| name              | kind  | description                                                 | expected tag items                                                                                  |
+| ---               | ---   | ---                                                         | ---                                                                                                 |
+| Follow list       |     3 | microblogging basic follow list, see [NIP-02](02.md)        | `"p"` (pubkeys -- with optional relay hint and petname)                                             |
+| Mute list         | 10000 | things the user doesn't want to see in their feeds          | `"p"` (pubkeys), `"t"` (hashtags), `"word"` (lowercase string), `"e"` (threads)                     |
+| Pinned notes      | 10001 | events the user intends to showcase in their profile page   | `"e"` (kind:1 notes)                                                                                |
+| Read/write relays | 10002 | where a user publishes to and where they expect mentions    | see [NIP-65](65.md)                                                                                 |
+| Bookmarks         | 10003 | uncategorized, "global" list of things a user wants to save | `"e"` (kind:1 notes), `"a"` (kind:30023 articles), `"t"` (hashtags), `"r"` (URLs)                   |
+| Communities       | 10004 | [NIP-72](72.md) communities the user belongs to             | `"a"` (kind:34550 community definitions)                                                            |
+| Public chats      | 10005 | [NIP-28](28.md) chat channels the user is in                | `"e"` (kind:40 channel definitions)                                                                 |
+| Blocked relays    | 10006 | relays clients should never connect to                      | `"relay"` (relay URLs)                                                                              |
+| Search relays     | 10007 | relays clients should use when performing search queries    | `"relay"` (relay URLs)                                                                              |
+| Simple groups     | 10009 | [NIP-29](29.md) groups the user is in                       | `"group"` ([NIP-29](29.md) group id + relay URL + optional group name), `"r"` for each relay in use |
+| Relay feeds       | 10012 | user favorite browsable relays (and relay sets)             | `"relay"` (relay URLs) and `"a"` (kind:30002 relay set)                                             |
+| Interests         | 10015 | topics a user may be interested in and pointers             | `"t"` (hashtags) and `"a"` (kind:30015 interest set)                                                |
+| Media follows     | 10020 | multimedia (photos, short video) follow list                | `"p"` (pubkeys -- with optional relay hint and petname)                                             |
+| Emojis            | 10030 | user preferred emojis and pointers to emoji sets            | `"emoji"` (see [NIP-30](30.md)) and `"a"` (kind:30030 emoji set)                                    |
+| DM relays         | 10050 | Where to receive [NIP-17](17.md) direct messages            | `"relay"` (see [NIP-17](17.md))                                                                     |
+| Good wiki authors | 10101 | [NIP-54](54.md) user recommended wiki authors               | `"p"` (pubkeys)                                                                                     |
+| Good wiki relays  | 10102 | [NIP-54](54.md) relays deemed to only host useful articles  | `"relay"` (relay URLs)                                                                              |
+
+### Sets
+
+Sets are lists with well-defined meaning that can enhance the functionality and the UI of clients that rely on them. Unlike standard lists, users are expected to have more than one set of each kind, therefore each of them must be assigned a different `"d"` identifier.
+
+For example, _relay sets_ can be displayed in a dropdown UI to give users the option to switch to which relays they will publish an event or from which relays they will read the replies to an event; _curation sets_ can be used by apps to showcase curations made by others tagged to different topics.
+
+Aside from their main identifier, the `"d"` tag, sets can optionally have a `"title"`, an `"image"` and a `"description"` tags that can be used to enhance their UI.
+
+| name                  | kind  | description                                                                                  | expected tag items                                                                  |
+| ---                   | ---   | ---                                                                                          | ---                                                                                 |
+| Follow sets           | 30000 | categorized groups of users a client may choose to check out in different circumstances      | `"p"` (pubkeys)                                                                     |
+| Relay sets            | 30002 | user-defined relay groups the user can easily pick and choose from during various operations | `"relay"` (relay URLs)                                                              |
+| Bookmark sets         | 30003 | user-defined bookmarks categories , for when bookmarks must be in labeled separate groups    | `"e"` (kind:1 notes), `"a"` (kind:30023 articles), `"t"` (hashtags), `"r"` (URLs)   |
+| Curation sets         | 30004 | groups of articles picked by users as interesting and/or belonging to the same category      | `"a"` (kind:30023 articles), `"e"` (kind:1 notes)                                   |
+| Curation sets         | 30005 | groups of videos picked by users as interesting and/or belonging to the same category        | `"e"` (kind:21 videos)                                                              |
+| Kind mute sets        | 30007 | mute pubkeys by kinds<br>`"d"` tag MUST be the kind string                                   | `"p"` (pubkeys)                                                                     |
+| Interest sets         | 30015 | interest topics represented by a bunch of "hashtags"                                         | `"t"` (hashtags)                                                                    |
+| Emoji sets            | 30030 | categorized emoji groups                                                                     | `"emoji"` (see [NIP-30](30.md))                                                     |
+| Release artifact sets | 30063 | group of artifacts of a software release                                                     | `"e"` (kind:1063 [file metadata](94.md) events), `"a"` (software application event) |
+| App curation sets     | 30267 | references to multiple software applications                                                 | `"a"` (software application event)                                                  |
+| Calendar              | 31924 | a set of events categorized in any way                                                       | `"a"` (calendar event event)                                                        |
+| Starter packs         | 39089 | a named set of profiles to be shared around with the goal of being followed together         | `"p"` (pubkeys)                                                                     |
+| Media starter packs   | 39092 | same as above, but specific to multimedia (photos, short video) clients                      | `"p"` (pubkeys)                                                                     |
+
+### Deprecated standard lists
+
+Some clients have used these lists in the past, but they should work on transitioning to the [standard formats](#standard-lists) above.
+
+| kind  | "d" tag         | use instead                   |
+| ---   | ---             | ---                           |
+| 30000 | `"mute"`        | kind 10000 _mute list_        |
+| 30001 | `"pin"`         | kind 10001 _pin list_         |
+| 30001 | `"bookmark"`    | kind 10003 _bookmarks list_   |
+| 30001 | `"communities"` | kind 10004 _communities list_ |
+
+## Examples
+
+### A _mute list_ with some public items and some encrypted items
+
+```json
+{
+  "id": "a92a316b75e44cfdc19986c634049158d4206fcc0b7b9c7ccbcdabe28beebcd0",
+  "pubkey": "854043ae8f1f97430ca8c1f1a090bdde6488bd5115c7a45307a2a212750ae4cb",
+  "created_at": 1699597889,
+  "kind": 10000,
+  "tags": [
+    ["p", "07caba282f76441955b695551c3c5c742e5b9202a3784780f8086fdcdc1da3a9"],
+    ["p", "a55c15f5e41d5aebd236eca5e0142789c5385703f1a7485aa4b38d94fd18dcc4"]
+  ],
+  "content": "TJob1dQrf2ndsmdbeGU+05HT5GMnBSx3fx8QdDY/g3NvCa7klfzgaQCmRZuo1d3WQjHDOjzSY1+MgTK5WjewFFumCcOZniWtOMSga9tJk1ky00tLoUUzyLnb1v9x95h/iT/KpkICJyAwUZ+LoJBUzLrK52wNTMt8M5jSLvCkRx8C0BmEwA/00pjOp4eRndy19H4WUUehhjfV2/VV/k4hMAjJ7Bb5Hp9xdmzmCLX9+64+MyeIQQjQAHPj8dkSsRahP7KS3MgMpjaF8nL48Bg5suZMxJayXGVp3BLtgRZx5z5nOk9xyrYk+71e2tnP9IDvSMkiSe76BcMct+m7kGVrRcavDI4n62goNNh25IpghT+a1OjjkpXt9me5wmaL7fxffV1pchdm+A7KJKIUU3kLC7QbUifF22EucRA9xiEyxETusNludBXN24O3llTbOy4vYFsq35BeZl4v1Cse7n2htZicVkItMz3wjzj1q1I1VqbnorNXFgllkRZn4/YXfTG/RMnoK/bDogRapOV+XToZ+IvsN0BqwKSUDx+ydKpci6htDRF2WDRkU+VQMqwM0CoLzy2H6A2cqyMMMD9SLRRzBg==?iv=S3rFeFr1gsYqmQA7bNnNTQ==",
+  "sig": "1173822c53261f8cffe7efbf43ba4a97a9198b3e402c2a1df130f42a8985a2d0d3430f4de350db184141e45ca844ab4e5364ea80f11d720e36357e1853dba6ca"
+}
+```
+
+### A _curation set_ of articles and notes about yaks
+
+```json
+{
+  "id": "567b41fc9060c758c4216fe5f8d3df7c57daad7ae757fa4606f0c39d4dd220ef",
+  "pubkey": "d6dc95542e18b8b7aec2f14610f55c335abebec76f3db9e58c254661d0593a0c",
+  "created_at": 1695327657,
+  "kind": 30004,
+  "tags": [
+    ["d", "jvdy9i4"],
+    ["title", "Yaks"],
+    ["image", "https://cdn.britannica.com/40/188540-050-9AC748DE/Yak-Himalayas-Nepal.jpg"],
+    ["description", "The domestic yak, also known as the Tartary ox, grunting ox, or hairy cattle, is a species of long-haired domesticated cattle found throughout the Himalayan region of the Indian subcontinent, the Tibetan Plateau, Gilgit-Baltistan, Tajikistan and as far north as Mongolia and Siberia."],
+    ["a", "30023:26dc95542e18b8b7aec2f14610f55c335abebec76f3db9e58c254661d0593a0c:95ODQzw3ajNoZ8SyMDOzQ"],
+    ["a", "30023:54af95542e18b8b7aec2f14610f55c335abebec76f3db9e58c254661d0593a0c:1-MYP8dAhramH9J5gJWKx"],
+    ["a", "30023:f8fe95542e18b8b7aec2f14610f55c335abebec76f3db9e58c254661d0593a0c:D2Tbd38bGrFvU0bIbvSMt"],
+    ["e", "d78ba0d5dce22bfff9db0a9e996c9ef27e2c91051de0c4e1da340e0326b4941e"]
+  ],
+  "content": "",
+  "sig": "a9a4e2192eede77e6c9d24ddfab95ba3ff7c03fbd07ad011fff245abea431fb4d3787c2d04aad001cb039cb8de91d83ce30e9a94f82ac3c5a2372aa1294a96bd"
+}
+```
+
+### A _release artifact set_ of an Example App
+
+```jsonc
+{
+  "id": "567b41fc9060c758c4216fe5f8d3df7c57daad7ae757fa4606f0c39d4dd220ef",
+  "pubkey": "d6dc95542e18b8b7aec2f14610f55c335abebec76f3db9e58c254661d0593a0c",
+  "created_at": 1695327657,
+  "kind": 30063,
+  "content": "Release notes in markdown",
+  "tags": [
+    ["d", "com.example.app@0.0.1"],
+    ["e", "d78ba0d5dce22bfff9db0a9e996c9ef27e2c91051de0c4e1da340e0326b4941e"], // Windows exe
+    ["e", "f27e2c91051de0c4e1da0d5dce22bfff9db0a9340e0326b4941ed78bae996c9e"], // MacOS dmg
+    ["e", "9d24ddfab95ba3ff7c03fbd07ad011fff245abea431fb4d3787c2d04aad02332"], // Linux AppImage
+    ["e", "340e0326b340e0326b4941ed78ba340e0326b4941ed78ba340e0326b49ed78ba"], // PWA
+    ["a", "32267:d6dc95542e18b8b7aec2f14610f55c335abebec76f3db9e58c254661d0593a0c:com.example.app"] // Reference to parent software application
+  ],
+  "content": "Example App is a decentralized marketplace for apps",
+  "sig": "a9a4e2192eede77e6c9d24ddfab95ba3ff7c03fbd07ad011fff245abea431fb4d3787c2d04aad001cb039cb8de91d83ce30e9a94f82ac3c5a2372aa1294a96bd"
+}
+```
+
+### An _app curation set_
+
+```jsonc
+{
+    "id": "d8037fa866eb5acd2159960b3ada7284172f7d687b5289cc72a96ca2b431b611",
+    "pubkey": "78ce6faa72264387284e647ba6938995735ec8c7d5c5a65737e55130f026307d",
+    "sig": "c1ce0a04521c020ae7485307cd86285530c1f778766a3fd594d662a73e7c28f307d7cd9a9ab642ae749fce62abbabb3a32facfe8d19a21fba551b60fae863d95",
+    "kind": 30267,
+    "created_at": 1729302793,
+    "content": "My nostr app selection",
+    "tags": [
+        ["d", "nostr"],
+        ["a", "32267:7579076d9aff0a4cfdefa7e2045f2486c7e5d8bc63bfc6b45397233e1bbfcb19:com.example.app1"],
+        ["a", "32267:045f2486c7e5d8bc63bfc6b45397233e1bbfcb197579076d9aff0a4cfdefa7e2:net.example.app2"],
+        ["a", "32267:264387284e647ba6938995735ec8c7d5c5a6f026307d78ce6faa725737e55130:pl.code.app3"]
+    ]
+}
+```
+
+## Encryption process pseudocode
+
+```scala
+val private_items = [
+  ["p", "07caba282f76441955b695551c3c5c742e5b9202a3784780f8086fdcdc1da3a9"],
+  ["a", "a55c15f5e41d5aebd236eca5e0142789c5385703f1a7485aa4b38d94fd18dcc4"],
+]
+val base64blob = nip44.encrypt(json.encode_to_string(private_items))
+event.content = base64blob
+```
diff --git a/dist/docs/nips/52.md b/dist/docs/nips/52.md
new file mode 100644
index 00000000..133e3b36
--- /dev/null
+++ b/dist/docs/nips/52.md
@@ -0,0 +1,216 @@
+NIP-52
+======
+
+Calendar Events
+---------------
+
+`draft` `optional`
+
+This specification defines calendar events representing an occurrence at a specific moment or between moments. These calendar events are _addressable_ and deletable per [NIP-09](09.md).
+
+Unlike the term `calendar event` specific to this NIP, the term `event` is used broadly in all the NIPs to describe any Nostr event. The distinction is being made here to discern between the two terms.
+
+## Calendar Events
+
+There are two types of calendar events represented by different kinds: _date-based_ and _time-based_ calendar events.
+
+These tags are common to both types of calendar events:
+
+* `d` (required) a short unique string identifier. Generated by the client creating the calendar event.
+* `title` (required) title of the calendar event
+* `summary` (optional) brief description of the calendar event
+* `image` (optional) url of an image to use for the event
+* `location` (optional, repeated) location of the calendar event. e.g. address, GPS coordinates, meeting room name, link to video call
+* `g` (optional) [geohash](https://en.wikipedia.org/wiki/Geohash) to associate calendar event with a searchable physical location
+* `p` (optional, repeated) 32-bytes hex pubkey of a participant, optional recommended relay URL, and participant's role in the meeting
+* `t` (optional, repeated) hashtag to categorize calendar event
+* `r` (optional, repeated) references / links to web pages, documents, video calls, recorded videos, etc.
+* `a` (repeated) reference tag to kind `31924` calendar event requesting to be included in Calendar
+
+The following tags are deprecated:
+
+* `name` name of the calendar event. Use only if `title` is not available.
+
+Calendar events are _not_ required to be part of a [calendar](#calendar).
+
+## Collaborative Calendar Event Requests
+
+Calendar events can include an `a` tag referencing a calendar (kind 31924) to request addition to that calendar. When a calendar event includes such a reference, clients should interpret this as a request to add the event to the referenced calendar by referencing it with an `a` tag.
+
+This enables collaborative calendar management where multiple users can contribute events to calendars they do not own, subject to the calendar owner's approval.
+
+### Date-Based Calendar Event
+
+This kind of calendar event starts on a date and ends before a different date in the future. Its use is appropriate for all-day or multi-day events where time and time zone hold no significance. e.g., anniversary, public holidays, vacation days.
+
+It's an _addressable event_ of `kind:31922`.
+
+The `.content` of these events SHOULD be a description of the calendar event.
+
+Aside from the common tags, this also takes the following tags:
+
+* `start` (required) inclusive start date in ISO 8601 format (YYYY-MM-DD). Must be less than `end`, if it exists.
+* `end` (optional) exclusive end date in ISO 8601 format (YYYY-MM-DD). If omitted, the calendar event ends on the same date as `start`.
+
+Example:
+
+```yaml
+{
+  "id": <32-bytes lowercase hex-encoded SHA-256 of the the serialized event data>,
+  "pubkey": <32-bytes lowercase hex-encoded public key of the event creator>,
+  "created_at": <unix timestamp in seconds>,
+  "kind": 31922,
+  "content": "<description of calendar event>",
+  "tags": [
+    ["d", "<random-identifier>"],
+
+    ["title", "<title of calendar event>"],
+
+    // dates
+    ["start", "<YYYY-MM-DD>"],
+    ["end", "<YYYY-MM-DD>"],
+
+    // location
+    ["location", "<location>"],
+    ["g", "<geohash>"],
+
+    // participants
+    ["p", "<32-bytes hex of a pubkey>", "<optional recommended relay URL>", "<role>"],
+    ["p", "<32-bytes hex of a pubkey>", "<optional recommended relay URL>", "<role>"],
+  ]
+}
+```
+
+### Time-Based Calendar Event
+
+This kind of calendar event spans between a start time and end time.
+
+It's an _addressable event_ of `kind:31923`.
+
+The `.content` of these events should be a description of the calendar event. It is required but can be an empty string.
+
+Aside from the common tags, this also takes the following tags:
+
+* `start` (required) inclusive start Unix timestamp in seconds. Must be less than `end`, if it exists.
+* `end` (optional) exclusive end Unix timestamp in seconds. If omitted, the calendar event ends instantaneously.
+* `start_tzid` (optional) time zone of the start timestamp, as defined by the IANA Time Zone Database. e.g., `America/Costa_Rica`
+* `end_tzid` (optional) time zone of the end timestamp, as defined by the IANA Time Zone Database. e.g., `America/Costa_Rica`. If omitted and `start_tzid` is provided, the time zone of the end timestamp is the same as the start timestamp.
+
+```yaml
+{
+  "id": <32-bytes lowercase hex-encoded SHA-256 of the the serialized event data>,
+  "pubkey": <32-bytes lowercase hex-encoded public key of the event creator>,
+  "created_at": <unix timestamp in seconds>,
+  "kind": 31923,
+  "content": "<description of calendar event>",
+  "tags": [
+    ["d", "<random-identifier>"],
+
+    ["title", "<title of calendar event>"],
+    ["summary", "<brief description of the calendar event>"],
+    ["image", "<string with image URI>"],
+
+    // timestamps
+    ["start", "<unix timestamp in seconds>"],
+    ["end", "<unix timestamp in seconds>"],
+
+    ["start_tzid", "<IANA Time Zone Database identifier>"],
+    ["end_tzid", "<IANA Time Zone Database identifier>"],
+
+    // location
+    ["location", "<location>"],
+    ["g", "<geohash>"],
+
+    // participants
+    ["p", "<32-bytes hex of a pubkey>", "<optional recommended relay URL>", "<role>"],
+    ["p", "<32-bytes hex of a pubkey>", "<optional recommended relay URL>", "<role>"],
+  ]
+}
+```
+
+## Calendar
+
+A calendar is a collection of calendar events, represented as a custom _addressable list_ event using kind `31924`. A user can have multiple calendars. One may create a calendar to segment calendar events for specific purposes. e.g., personal, work, travel, meetups, and conferences.
+
+Calendars can accept event requests from other users. When calendar events reference a calendar via an `a` tag, this represents a request for inclusion.
+
+The `.content` of these events should be a detailed description of the calendar. It is required but can be an empty string.
+
+* `d` (required) universally unique identifier. Generated by the client creating the calendar.
+* `title` (required) calendar title
+* `a` (repeated) reference tag to kind `31922` or `31923` calendar event being responded to
+
+```yaml
+{
+  "id": <32-bytes lowercase hex-encoded SHA-256 of the the serialized event data>,
+  "pubkey": <32-bytes lowercase hex-encoded public key of the event creator>,
+  "created_at": <unix timestamp in seconds>,
+  "kind": 31924,
+  "content": "<description of calendar>",
+  "tags": [
+    ["d", "<random-identifier>"],
+    ["title", "<calendar title>"],
+    ["a", "<31922 or 31923>:<calendar event author pubkey>:<d-identifier of calendar event>", "<optional relay url>"],
+    ["a", "<31922 or 31923>:<calendar event author pubkey>:<d-identifier of calendar event>", "<optional relay url>"]
+  ]
+}
+```
+
+## Calendar Event RSVP
+
+A calendar event RSVP is a response to a calendar event to indicate a user's attendance intention.
+
+If a calendar event tags a pubkey, that can be interpreted as the calendar event creator inviting that user to attend. Clients MAY choose to prompt the user to RSVP for the calendar event.
+
+Any user may RSVP, even if they were not tagged on the calendar event. Clients MAY choose to prompt the calendar event creator to invite the user who RSVP'd. Clients also MAY choose to ignore these RSVPs.
+
+This NIP is intentionally not defining who is authorized to attend a calendar event if the user who RSVP'd has not been tagged. It is up to the calendar event creator to determine the semantics.
+
+This NIP is also intentionally not defining what happens if a calendar event changes after an RSVP is submitted.
+
+The RSVP MUST have an `a` tag of the event coordinates to the calendar event, and optionally an `e` tag of the id of the specific calendar event revision. If an `e` tag is present, clients SHOULD interpret it as an indication that the RSVP is a response to that revision of the calendar event, and MAY interpret it to not necessarily apply to other revisions of the calendar event.
+
+The RSVP MAY tag the author of the calendar event it is in response to using a `p` tag so that clients can easily query all RSVPs that pertain to the author.
+
+The RSVP is an _addressable event_ of `kind:31925`.
+
+The `.content` of these events is optional and should be a free-form note that adds more context to this calendar event response.
+
+The list of tags is as follows:
+
+* `a` (required) coordinates to a kind `31922` or `31923` calendar event being responded to.
+* `e` (optional) event id of a kind `31922` or `31923` calendar event being responded to.
+* `d` (required) universally unique identifier. Generated by the client creating the calendar event RSVP.
+* `status` (required) `accepted`, `declined`, or `tentative`. Determines attendance status to the referenced calendar event.
+* `fb` (optional) `free` or `busy`. Determines if the user would be free or busy for the duration of the calendar event. This tag must be omitted or ignored if the `status` label is set to `declined`.
+* `p` (optional) pubkey of the author of the calendar event being responded to.
+
+```yaml
+{
+  "id": <32-bytes lowercase hex-encoded SHA-256 of the the serialized event data>,
+  "pubkey": <32-bytes lowercase hex-encoded public key of the event creator>,
+  "created_at": <unix timestamp in seconds>,
+  "kind": 31925,
+  "content": "<note>",
+  "tags": [
+    ["e", "<kind 31922 or 31923 event id", "<optional recommended relay URL>"]
+    ["a", "<31922 or 31923>:<calendar event author pubkey>:<d-identifier of calendar event>", "<optional recommended relay URL>"],
+    ["d", "<random-identifier>"],
+    ["status", "<accepted/declined/tentative>"],
+    ["fb", "<free/busy>"],
+    ["p", "<hex pubkey of kind 31922 or 31923 event>", "<optional recommended relay URL>"]
+  ]
+}
+```
+
+## Unsolved Limitations
+
+* No private events
+
+## Intentionally Unsupported Scenarios
+
+### Recurring Calendar Events
+
+Recurring calendar events come with a lot of complexity, making it difficult for software and humans to deal with. This complexity includes time zone differences between invitees, daylight savings, leap years, multiple calendar systems, one-off changes in schedule or other metadata, etc.
+
+This NIP intentionally omits support for recurring calendar events and pushes that complexity up to clients to manually implement if they desire. i.e., individual calendar events with duplicated metadata represent recurring calendar events.
diff --git a/dist/docs/nips/53.md b/dist/docs/nips/53.md
new file mode 100644
index 00000000..a0270e51
--- /dev/null
+++ b/dist/docs/nips/53.md
@@ -0,0 +1,267 @@
+NIP-53
+======
+
+Live Activities
+---------------
+
+`draft` `optional`
+
+This NIP introduces event kinds to advertise live spaces and the participation of pubkeys in them.
+
+## Live Streaming
+
+A special event with `kind:30311` "Live Streaming Event" is defined as an _addressable event_ whose tags advertise the content and participants of a live stream.
+
+Each `p` tag SHOULD have a **displayable** marker name for the current role (e.g. `Host`, `Speaker`, `Participant`) of the user in the event and the relay information MAY be empty. This event will be constantly updated as participants join and leave the activity.
+
+For example:
+
+```jsonc
+{
+  "kind": 30311,
+  "tags": [
+    ["d", "<unique identifier>"],
+    ["title", "<name of the event>"],
+    ["summary", "<description>"],
+    ["image", "<preview image url>"],
+    ["t", "hashtag"]
+    ["streaming", "<url>"],
+    ["recording", "<url>"], // used to place the edited video once the activity is over
+    ["starts", "<unix timestamp in seconds>"],
+    ["ends", "<unix timestamp in seconds>"],
+    ["status", "<planned, live, ended>"],
+    ["current_participants", "<number>"],
+    ["total_participants", "<number>"],
+    ["p", "91cf9..4e5ca", "wss://provider1.com/", "Host", "<proof>"],
+    ["p", "14aeb..8dad4", "wss://provider2.com/nostr", "Speaker"],
+    ["p", "612ae..e610f", "ws://provider3.com/ws", "Participant"],
+    ["relays", "wss://one.com", "wss://two.com", /*...*/],
+    ["pinned", "<event id of pinned live chat message>"],
+  ],
+  "content": "",
+  // other fields...
+}
+```
+
+A distinct `d` tag should be used for each activity. All other tags are optional.
+
+Providers SHOULD keep the participant list small (e.g. under 1000 users) and, when limits are reached, Providers SHOULD select which participants get named in the event. Clients should not expect a comprehensive list. Once the activity ends, the event can be deleted or updated to summarize the activity and provide async content (e.g. recording of the event).
+
+Clients are expected to subscribe to `kind:30311` events in general or for given follow lists and statuses. Clients MAY display participants' roles in activities as well as access points to join the activity.
+
+Live Activity management clients are expected to constantly update `kind:30311` during the event. Clients MAY choose to consider `status=live` events after 1hr without any update as `ended`. The `starts` and `ends` timestamp SHOULD be updated when the status changes to and from `live`
+
+The activity MUST be linked to using the [NIP-19](19.md) `naddr` code along with the `a` tag.
+
+### Proof of Agreement to Participate
+
+Event owners can add proof as the 5th term in each `p` tag to clarify the participant's agreement in joining the event. The proof is a signed SHA256 of the complete `a` Tag of the event (`kind:pubkey:dTag`) by each `p`'s private key, encoded in hex.
+
+Clients MAY only display participants if the proof is available or MAY display participants as "invited" if the proof is not available.
+
+This feature is important to avoid malicious event owners adding large account holders to the event, without their knowledge, to lure their followers into the malicious owner's trap.
+
+### Live Chat Message
+
+Event `kind:1311` is live chat's channel message. Clients MUST include the `a` tag of the activity. An `e` tag denotes the direct parent message this post is replying to.
+
+```jsonc
+{
+  "kind": 1311,
+  "tags": [
+    ["a", "30311:<Community event author pubkey>:<d-identifier of the community>", "<Optional relay url>"],
+  ],
+  "content": "Zaps to live streams is beautiful.",
+  // other fields...
+}
+```
+
+`q` tags MAY be used when citing events in the `.content` with [NIP-21](21.md).
+
+```json
+["q", "<event-id> or <event-address>", "<relay-url>", "<pubkey-if-a-regular-event>"]
+```
+
+Hosts may choose to pin one or more live chat messages by updating the `pinned` tags in the live event kind `30311`.
+
+### Examples
+
+#### Live Streaming
+
+```json
+{
+  "id": "57f28dbc264990e2c61e80a883862f7c114019804208b14da0bff81371e484d2",
+  "pubkey": "1597246ac22f7d1375041054f2a4986bd971d8d196d7997e48973263ac9879ec",
+  "created_at": 1687182672,
+  "kind": 30311,
+  "tags": [
+    ["d", "demo-cf-stream"],
+    ["title", "Adult Swim Metalocalypse"],
+    ["summary", "Live stream from IPTV-ORG collection"],
+    ["streaming", "https://adultswim-vodlive.cdn.turner.com/live/metalocalypse/stream.m3u8"],
+    ["starts", "1687182672"],
+    ["status", "live"],
+    ["t", "animation"],
+    ["t", "iptv"],
+    ["image", "https://i.imgur.com/CaKq6Mt.png"]
+  ],
+  "content": "",
+  "sig": "5bc7a60f5688effa5287244a24768cbe0dcd854436090abc3bef172f7f5db1410af4277508dbafc4f70a754a891c90ce3b966a7bc47e7c1eb71ff57640f3d389"
+}
+```
+
+#### Live Streaming chat message
+
+```json
+{
+  "id": "97aa81798ee6c5637f7b21a411f89e10244e195aa91cb341bf49f718e36c8188",
+  "pubkey": "3f770d65d3a764a9c5cb503ae123e62ec7598ad035d836e2a810f3877a745b24",
+  "created_at": 1687286726,
+  "kind": 1311,
+  "tags": [
+    ["a", "30311:1597246ac22f7d1375041054f2a4986bd971d8d196d7997e48973263ac9879ec:demo-cf-stream", "", "root"]
+  ],
+  "content": "Zaps to live streams is beautiful.",
+  "sig": "997f62ddfc0827c121043074d50cfce7a528e978c575722748629a4137c45b75bdbc84170bedc723ef0a5a4c3daebf1fef2e93f5e2ddb98e5d685d022c30b622"
+}
+```
+
+## Meeting Spaces
+
+Meeting spaces contain one or more video/audio rooms where users can join and participate in the streaming.
+
+### Meeting Space Event (kind:30312)
+
+A special event with `kind:30312` "Space Host" defines the configuration and properties of a virtual interactive space. Each space has a unique identifier and can host multiple events/meetings.
+
+```jsonc
+{
+  "kind": 30312,
+  "tags": [
+    ["d", "<unique identifier>"],              // Required: Room identifier
+    ["room", "<name of the room>"],            // Required: Display name
+    ["summary", "<description>"],              // Optional: Room description
+    ["image", "<preview image url>"],          // Optional: Room image
+    ["status", "<open, private, closed>"],     // Required: Room accessibility
+    ["service", "<url>"],                      // Required: URL to access the room
+    ["endpoint", "<url>"],                     // Optional: API endpoint for status/info
+    ["t", "<hashtag>"],                        // Optional: Multiple hashtags allowed
+    ["p", "<pubkey>", "<url>", "<role>", "<proof>"],  // Required: At least one provider
+    ["relays", "<url>", "<url>", /*...*/]     // Optional: Preferred relays
+  ],
+  "content": ""  // Usually empty, may contain additional metadata
+}
+```
+
+Space properties:
+* MUST be either open, private or closed. Closed means the room is not in operation.
+* MAY specify access control policy for private rooms (e.g. invite-only, payment required)
+* MAY persist when not in use
+* MUST have at least one provider with "Host" role
+* MAY have multiple providers with different roles
+
+Provider roles (p tags):
+* Host: Full room management capabilities
+* Moderator: Room moderation capabilities
+* Speaker: Allowed to present/speak
+* Optional proof field for role verification
+
+### Meeting Room Events (kind:30313)
+
+A special event with kind:30313 represents a scheduled or ongoing meeting within a room. It MUST reference its parent room using the d tag.
+
+```jsonc
+{
+  "kind": 30313,
+  "tags": [
+    ["d", "<event-unique-identifier>"],        // Required: Event identifier
+    ["a", "30312:<pubkey>:<room-id>", "wss://nostr.example.com"], // Required: Reference to parent space, 'd' from 30312
+    ["title", "<meeting-title>"],              // Required: Meeting title
+    ["summary", "<description>"],              // Optional: Meeting description
+    ["image", "<preview image url>"],          // Optional: Meeting image
+    ["starts", "<unix timestamp>"],            // Required: Start time
+    ["ends", "<unix timestamp>"],              // Optional: End time
+    ["status", "<planned, live, ended>"],      // Required: Meeting status
+    ["total_participants", "<number>"],        // Optional: Total registered
+    ["current_participants", "<number>"],      // Optional: Currently active
+    ["p", "<pubkey>", "<url>", "<role>"],     // Optional: Participant with role
+  ],
+  "content": ""  // Usually empty, may contain additional metadata
+}
+```
+
+Event properties:
+* MUST reference parent room via d tag
+* MUST have a status (planned/live/ended)
+* MUST have a start time
+* MAY track participant counts
+* MAY include participant roles specific to the event
+
+Event management:
+* Clients SHOULD update event status regularly when live
+* Events without updates for 1 hour MAY be considered ended
+* starts and ends timestamps SHOULD be updated when status changes
+
+### Examples
+
+#### Meeting Space (kind:30312)
+
+```jsonc
+{
+  "kind": 30312,
+  "tags": [
+    ["d", "main-conference-room"],
+    ["room", "Main Conference Hall"],
+    ["summary", "Our primary conference space"],
+    ["image", "https://example.com/room.jpg"],
+    ["status", "open"],
+    ["service", "https://meet.example.com/room"],
+    ["endpoint", "https://api.example.com/room"],
+    ["t", "conference"],
+    ["p", "f7234bd4c1394dda46d09f35bd384dd30cc552ad5541990f98844fb06676e9ca", "wss://nostr.example.com/", "Owner"],
+    ["p", "14aeb..8dad4", "wss://provider2.com/", "Moderator"],
+    ["relays", "wss://relay1.com", "wss://relay2.com"]
+  ],
+  "content": ""
+}
+```
+
+#### Meeting room (kind:30313)
+
+```jsonc
+{
+  "kind": 30313,
+  "tags": [
+    ["d", "annual-meeting-2025"],
+    ["a", "30312:f7234bd4c1394dda46d09f35bd384dd30cc552ad5541990f98844fb06676e9ca:main-conference-room", "wss://nostr.example.com"]
+    ["title", "Annual Company Meeting 2025"],
+    ["summary", "Yearly company-wide meeting"],
+    ["image", "https://example.com/meeting.jpg"],
+    ["starts", "1676262123"],
+    ["ends", "1676269323"],
+    ["status", "live"],
+    ["total_participants", "180"],
+    ["current_participants", "175"],
+    ["p", "91cf9..4e5ca", "wss://provider1.com/", "Speaker"],
+  ],
+  "content": ""
+}
+```
+### Room Presence
+
+New `kind: 10312` provides an event which signals presence of a listener.
+
+The presence event SHOULD be updated at regular intervals and clients SHOULD filter presence events older than
+a given time window.
+
+**This kind `10312` is a regular replaceable event, as such presence can only be indicated in one room at a time.**
+
+```json
+{
+  "kind": 10312,
+  "tags": [
+    ["a" , "<room-a-tag>", "<relay-hint>", "root"],
+    ["hand", "1"] // hand raised flag
+  ]
+}
+```
diff --git a/dist/docs/nips/54.md b/dist/docs/nips/54.md
new file mode 100644
index 00000000..b23e8bd9
--- /dev/null
+++ b/dist/docs/nips/54.md
@@ -0,0 +1,117 @@
+NIP-54
+======
+
+Wiki
+----
+
+`draft` `optional`
+
+This NIP defines `kind:30818` (an _addressable event_) for descriptions (or encyclopedia entries) of particular subjects, and it's expected that multiple people will write articles about the exact same subjects, with either small variations or completely independent content.
+
+Articles are identified by lowercase, normalized ascii `d` tags.
+
+## Articles
+```json
+{
+  "content": "A wiki is a hypertext publication collaboratively edited and managed by its own audience.",
+  "tags": [
+    ["d", "wiki"],
+    ["title", "Wiki"],
+  ]
+}
+```
+
+## `d` tag normalization rules
+
+- Any non-letter character MUST be converted to a `-`.
+- All letters MUST be converted to lowercase.
+
+## Content
+
+The `content` should be Asciidoc with two extra functionalities: **wikilinks** and **nostr:...** links.
+
+Unlike normal Asciidoc links `http://example.com[]` that link to external webpages, wikilinks `[[]]` link to other articles in the wiki. In this case, the wiki is the entirety of Nostr. Clicking on a wikilink should cause the client to ask relays for events with `d` tags equal to the target of that wikilink.
+
+Wikilinks can take these two forms:
+
+  1. `[[Target Page]]` -- in this case it will link to the page `target-page` (according to `d` tag normalization rules above) and be displayed as `Target Page`;
+  2. `[[target page|see this]]` -- in this case it will link to the page `target-page`, but will be displayed as `see this`.
+
+`nostr:...` links, as per [NIP-21](21.md), should link to profiles or arbitrary Nostr events. Although it is not recommended to link to specific versions of articles -- instead the _wikilink_ syntax should be preferred, since it should be left to the reader and their client to decide what version of any given article they want to read.
+
+## Optional extra tags
+
+  - `title`: for when the display title should be different from the `d` tag.
+  - `summary`: for display in lists.
+  - `a` and `e`: for referencing the original event a wiki article was forked from.
+
+## Merge Requests
+
+Event `kind:818` represents a request to merge from a forked article into the source. It is directed to a pubkey and references the original article and the modified event.
+
+[INSERT EVENT EXAMPLE]
+
+## Redirects
+
+Event `kind:30819` is also defined to stand for "wiki redirects", i.e. if one thinks `Shell structure` should redirect to `Thin-shell structure` they can issue one of these events instead of replicating the content. These events can be used for automatically redirecting between articles on a client, but also for generating crowdsourced "disambiguation" pages ([common in Wikipedia](https://en.wikipedia.org/wiki/Help:Disambiguation)).
+
+[INSERT EVENT EXAMPLE]
+
+## How to decide what article to display
+
+As there could be many articles for each given name, some kind of prioritization must be done by clients. Criteria for this should vary between users and clients, but some means that can be used are described below:
+
+### Reactions
+
+[NIP-25](25.md) reactions are very simple and can be used to create a simple web-of-trust between wiki article writers and their content. While just counting a raw number of "likes" is unproductive, reacting to any wiki article event with a `+` can be interpreted as a recommendation for that article specifically and a partial recommendation of the author of that article. When 2 or 3-level deep recommendations are followed, suddenly a big part of all the articles may have some form of tagging.
+
+### Relays
+
+[NIP-51](51.md) lists of relays can be created with the kind 10102 and then used by wiki clients in order to determine where to query articles first and to rank these differently in relation to other events fetched from other relays.
+
+### Contact lists
+
+[NIP-02](02.md) contact lists can form the basis of a recommendation system that is then expanded with relay lists and reaction lists through nested queries. These lists form a good starting point only because they are so widespread.
+
+### Wiki-related contact lists
+
+[NIP-51](51.md) lists can also be used to create a list of users that are trusted only in the context of wiki authorship or wiki curationship.
+
+## Forks
+Wiki-events can tag other wiki-events with a `fork` marker to specify that this event came from a different version. Both `a` and `e` tags SHOULD be used and have the `fork` marker applied, to identify the exact version it was forked from.
+
+## Deference
+Wiki-events can tag other wiki-events with a `defer` marker to indicate that it considers someone else's entry as a "better" version of itself. If using a `defer` marker both `a` and `e` tags SHOULD be used.
+
+This is a stronger signal of trust than a `+` reaction.
+
+This marker is useful when a user edits someone else's entry; if the original author includes the editor's changes and the editor doesn't want to keep/maintain an independent version, the `link` tag could effectively be a considered a "deletion" of the editor's version and putting that pubkey's WoT weight behind the original author's version.
+
+## Why Asciidoc?
+
+Wikitext is [garbage](nostr:nevent1qqsqt0gcggry60n72uglhuhypdlmr2dm6swjj69jex5v530gcpazlzsprpmhxue69uhhyetvv9ujumn0wdmksetjv5hxxmmdqy28wumn8ghj7un9d3shjtnyv9kh2uewd9hsygpm7rrrljungc6q0tuh5hj7ue863q73qlheu4vywtzwhx42a7j9n5ueneex) and Markdown is not powerful enough (besides being too freeform and unspecified and prone to generate incompatibilities in the future).
+
+Asciidoc has a strict spec, multiple implementations in many languages, and support for features that are very much necessary in a wiki article, like _sidebars_, _tables_ (with rich markup inside cells), many levels of _headings_, _footnotes_, _superscript_ and _subscript_ markup and _description lists_. It is also arguably easier to read in its plaintext format than Markdown (and certainly much better than Wikitext).
+
+## Appendix 1: Merge requests
+Users can request other users to get their entries merged into someone else's entry by creating a `kind:818` event.
+
+```json
+{
+  "content": "I added information about how to make hot ice-creams",
+  "kind": 818,
+  "tags": [
+    [ "a", "30818:<destination-pubkey>:hot-ice-creams", "<relay-url>" ],
+    [ "e", "<version-against-which-the-modification-was-made>", "<relay-url>" ],
+    [ "p", "<destination-pubkey>" ],
+    [ "e", "<version-to-be-merged>", "<relay-url>", "source" ]
+  ]
+}
+```
+
+`.content`: an optional explanation detailing why this merge is being requested.
+`a` tag: tag of the article which should be modified (i.e. the target of this merge request).
+`e` tag: optional version of the article in which this modifications is based
+`e` tag with `source` marker: the ID of the event that should be merged. This event id MUST be of a `kind:30818` as defined in this NIP.
+
+The destination-pubkey is the pubkey being requested to merge something into their article can create [[NIP-25]] reactions that tag the `kind:818` event with `+` or `-`
diff --git a/dist/docs/nips/55.md b/dist/docs/nips/55.md
new file mode 100644
index 00000000..19d5ea98
--- /dev/null
+++ b/dist/docs/nips/55.md
@@ -0,0 +1,586 @@
+NIP-55
+======
+
+Android Signer Application
+--------------------------
+
+`draft` `optional`
+
+This NIP describes a method for 2-way communication between an Android signer and any Nostr client on Android. The Android signer is an Android Application and the client can be a web client or an Android application.
+
+## Usage for Android applications
+
+The Android signer uses Intents (to accept/reject permissions manually) and Content Resolvers (to accept/reject permissions automatically in background if the user allowed it) to communicate between applications.
+
+To be able to use the Android signer in your application you should add this to your AndroidManifest.xml:
+
+```xml
+<queries>
+  <intent>
+    <action android:name="android.intent.action.VIEW" />
+    <category android:name="android.intent.category.BROWSABLE" />
+    <data android:scheme="nostrsigner" />
+  </intent>
+</queries>
+```
+
+Then you can use this function to check if there's a signer application installed:
+
+```kotlin
+fun isExternalSignerInstalled(context: Context): Boolean {
+  val intent =
+    Intent().apply {
+      action = Intent.ACTION_VIEW
+      data = Uri.parse("nostrsigner:")
+    }
+  val infos = context.packageManager.queryIntentActivities(intent, 0)
+  return infos.size > 0
+}
+```
+
+### Using Intents
+
+To get the result back from the Signer Application you should use `registerForActivityResult` or `rememberLauncherForActivityResult` in Kotlin. If you are using another framework check the documentation of your framework or a third party library to get the result.
+
+```kotlin
+val launcher = rememberLauncherForActivityResult(
+    contract = ActivityResultContracts.StartActivityForResult(),
+    onResult = { result ->
+        if (result.resultCode != Activity.RESULT_OK) {
+            Toast.makeText(
+                context,
+                "Sign request rejected",
+                Toast.LENGTH_SHORT
+            ).show()
+        } else {
+            val result = activityResult.data?.getStringExtra("result")
+            // Do something with result ...
+        }
+    }
+)
+```
+
+Create the Intent using the **nostrsigner** scheme:
+
+```kotlin
+val intent = Intent(Intent.ACTION_VIEW, Uri.parse("nostrsigner:$content"))
+```
+
+Set the Signer package name after you receive the response from **get_public_key** method:
+
+```kotlin
+intent.`package` = "com.example.signer"
+```
+
+If you are sending multiple intents without awaiting you can add some intent flags to sign all events without opening multiple times the signer
+
+```kotlin
+intent.addFlags(Intent.FLAG_ACTIVITY_SINGLE_TOP or Intent.FLAG_ACTIVITY_CLEAR_TOP)
+```
+
+If you are developing a signer application them you need to add this to your AndroidManifest.xml so clients can use the intent flags above
+
+```kotlin
+android:launchMode="singleTop"
+```
+
+Signer MUST answer multiple permissions with an array of results
+
+```kotlin
+
+val results = listOf(
+  Result(
+    package = signerPackageName,
+    result = eventSignature,
+    id = intentId
+  )
+)
+
+val json = results.toJson()
+
+intent.putExtra("results", json)
+```
+
+Send the Intent:
+
+```kotlin
+launcher.launch(intent)
+```
+
+#### Methods
+
+- **get_public_key**
+  - params:
+
+    ```kotlin
+    val intent = Intent(Intent.ACTION_VIEW, Uri.parse("nostrsigner:"))
+    intent.putExtra("type", "get_public_key")
+    // You can send some default permissions for the user to authorize for ever
+    val permissions = listOf(
+      Permission(
+          type = "sign_event",
+          kind = 22242
+      ),
+      Permission(
+          type = "nip44_decrypt"
+      )
+    )
+    intent.putExtra("permissions", permissions.toJson())
+    context.startActivity(intent)
+    ```
+  - result:
+    - If the user approved the intent it will return the **pubkey** in the result field and the signer packageName in the **package** field
+
+      ```kotlin
+      val pubkey = intent.data?.getStringExtra("result")
+      // The package name of the signer application
+      val packageName = intent.data?.getStringExtra("package")
+      ```
+
+- **sign_event**
+  - params:
+
+    ```kotlin
+    val intent = Intent(Intent.ACTION_VIEW, Uri.parse("nostrsigner:$eventJson"))
+    intent.`package` = "com.example.signer"
+    intent.putExtra("type", "sign_event")
+    // To handle results when not waiting between intents
+    intent.putExtra("id", event.id)
+    // Send the current logged in user pubkey
+    intent.putExtra("current_user", pubkey)
+
+    context.startActivity(intent)
+    ```
+  - result:
+    - If the user approved intent it will return the **result**, **id** and **event** fields
+
+      ```kotlin
+      val signature = intent.data?.getStringExtra("result")
+      // The id you sent
+      val id = intent.data?.getStringExtra("id")
+      val signedEventJson = intent.data?.getStringExtra("event")
+      ```
+
+- **nip04_encrypt**
+  - params:
+
+    ```kotlin
+    val intent = Intent(Intent.ACTION_VIEW, Uri.parse("nostrsigner:$plaintext"))
+    intent.`package` = "com.example.signer"
+    intent.putExtra("type", "nip04_encrypt")
+    // to control the result in your application in case you are not waiting the result before sending another intent
+    intent.putExtra("id", "some_id")
+    // Send the current logged in user pubkey
+    intent.putExtra("current_user", account.keyPair.pubkey)
+    // Send the hex pubkey that will be used for encrypting the data
+    intent.putExtra("pubkey", pubkey)
+
+    context.startActivity(intent)
+    ```
+  - result:
+    - If the user approved intent it will return the **result** and **id** fields
+
+      ```kotlin
+      val encryptedText = intent.data?.getStringExtra("result")
+      // the id you sent
+      val id = intent.data?.getStringExtra("id")
+      ```
+
+- **nip44_encrypt**
+  - params:
+
+    ```kotlin
+    val intent = Intent(Intent.ACTION_VIEW, Uri.parse("nostrsigner:$plaintext"))
+    intent.`package` = "com.example.signer"
+    intent.putExtra("type", "nip44_encrypt")
+    // to control the result in your application in case you are not waiting the result before sending another intent
+    intent.putExtra("id", "some_id")
+    // Send the current logged in user pubkey
+    intent.putExtra("current_user", account.keyPair.pubkey)
+    // Send the hex pubkey that will be used for encrypting the data
+    intent.putExtra("pubkey", pubkey)
+
+    context.startActivity(intent)
+    ```
+  - result:
+    - If the user approved intent it will return the **signature** and **id** fields
+
+      ```kotlin
+      val encryptedText = intent.data?.getStringExtra("signature")
+      // the id you sent
+      val id = intent.data?.getStringExtra("id")
+      ```
+
+- **nip04_decrypt**
+  - params:
+
+    ```kotlin
+    val intent = Intent(Intent.ACTION_VIEW, Uri.parse("nostrsigner:$encryptedText"))
+    intent.`package` = "com.example.signer"
+    intent.putExtra("type", "nip04_decrypt")
+    // to control the result in your application in case you are not waiting the result before sending another intent
+    intent.putExtra("id", "some_id")
+    // Send the current logged in user pubkey
+    intent.putExtra("current_user", account.keyPair.pubkey)
+    // Send the hex pubkey that will be used for decrypting the data
+    intent.putExtra("pubkey", pubkey)
+
+    context.startActivity(intent)
+    ```
+  - result:
+    - If the user approved intent it will return the **result** and **id** fields
+
+      ```kotlin
+      val plainText = intent.data?.getStringExtra("result")
+      // the id you sent
+      val id = intent.data?.getStringExtra("id")
+      ```
+
+- **nip44_decrypt**
+  - params:
+
+    ```kotlin
+    val intent = Intent(Intent.ACTION_VIEW, Uri.parse("nostrsigner:$encryptedText"))
+    intent.`package` = "com.example.signer"
+    intent.putExtra("type", "nip04_decrypt")
+    // to control the result in your application in case you are not waiting the result before sending another intent
+    intent.putExtra("id", "some_id")
+    // Send the current logged in user pubkey
+    intent.putExtra("current_user", account.keyPair.pubkey)
+    // Send the hex pubkey that will be used for decrypting the data
+    intent.putExtra("pubkey", pubkey)
+
+    context.startActivity(intent)
+    ```
+  - result:
+    - If the user approved intent it will return the **result** and **id** fields
+
+      ```kotlin
+      val plainText = intent.data?.getStringExtra("result")
+      // the id you sent
+      val id = intent.data?.getStringExtra("id")
+      ```
+
+- **decrypt_zap_event**
+  - params:
+
+    ```kotlin
+    val intent = Intent(Intent.ACTION_VIEW, Uri.parse("nostrsigner:$eventJson"))
+    intent.`package` = "com.example.signer"
+    intent.putExtra("type", "decrypt_zap_event")
+    // to control the result in your application in case you are not waiting the result before sending another intent
+    intent.putExtra("id", "some_id")
+    // Send the current logged in user pubkey
+    intent.putExtra("current_user", account.keyPair.pubkey)
+    context.startActivity(intent)
+    ```
+  - result:
+    - If the user approved intent it will return the **result** and **id** fields
+
+      ```kotlin
+      val eventJson = intent.data?.getStringExtra("result")
+      // the id you sent
+      val id = intent.data?.getStringExtra("id")
+      ```
+
+### Using Content Resolver
+
+To get the result back from Signer Application you should use contentResolver.query in Kotlin. If you are using another framework check the documentation of your framework or a third party library to get the result.
+
+If the user did not check the "remember my choice" option, the pubkey is not in Signer Application or the signer type is not recognized the `contentResolver` will return null
+
+For the SIGN_EVENT type Signer Application returns two columns "result" and "event". The column event is the signed event json
+
+For the other types Signer Application returns the column "result"
+
+If the user chose to always reject the event, signer application will return the column "rejected" and you should not open signer application
+
+Clients SHOULD save the user pubkey locally and avoid calling the `get_public_key` after the user is logged in to the Client
+
+#### Methods
+
+- **get_public_key**
+  - params:
+
+    ```kotlin
+    val result = context.contentResolver.query(
+        Uri.parse("content://com.example.signer.GET_PUBLIC_KEY"),
+        listOf(hex_pub_key),
+        null,
+        null,
+        null
+    )
+    ```
+  - result:
+    - Will return the **pubkey** in the result column
+
+      ```kotlin
+        if (result == null) return
+
+        if (it.getColumnIndex("rejected") > -1) return
+
+        if (result.moveToFirst()) {
+            val index = it.getColumnIndex("result")
+            if (index < 0) return
+            val pubkey = it.getString(index)
+        }
+      ```
+
+- **sign_event**
+  - params:
+
+    ```kotlin
+    val result = context.contentResolver.query(
+        Uri.parse("content://com.example.signer.SIGN_EVENT"),
+        listOf("$eventJson", "", "${logged_in_user_pubkey}"),
+        null,
+        null,
+        null
+    )
+    ```
+  - result:
+    - Will return the **result** and the **event** columns
+
+      ```kotlin
+        if (result == null) return
+
+        if (it.getColumnIndex("rejected") > -1) return
+
+        if (result.moveToFirst()) {
+            val index = it.getColumnIndex("result")
+            val indexJson = it.getColumnIndex("event")
+            val signature = it.getString(index)
+            val eventJson = it.getString(indexJson)
+        }
+      ```
+
+- **nip04_encrypt**
+  - params:
+
+    ```kotlin
+    val result = context.contentResolver.query(
+        Uri.parse("content://com.example.signer.NIP04_ENCRYPT"),
+        listOf("$plainText", "${hex_pub_key}", "${logged_in_user_pubkey}"),
+        null,
+        null,
+        null
+    )
+    ```
+  - result:
+    - Will return the **result** column
+
+      ```kotlin
+        if (result == null) return
+
+        if (it.getColumnIndex("rejected") > -1) return
+
+        if (result.moveToFirst()) {
+            val index = it.getColumnIndex("result")
+            val encryptedText = it.getString(index)
+        }
+      ```
+
+- **nip44_encrypt**
+  - params:
+
+    ```kotlin
+    val result = context.contentResolver.query(
+        Uri.parse("content://com.example.signer.NIP44_ENCRYPT"),
+        listOf("$plainText", "${hex_pub_key}", "${logged_in_user_pubkey}"),
+        null,
+        null,
+        null
+    )
+    ```
+  - result:
+    - Will return the **result** column
+
+      ```kotlin
+        if (result == null) return
+
+        if (it.getColumnIndex("rejected") > -1) return
+
+        if (result.moveToFirst()) {
+            val index = it.getColumnIndex("result")
+            val encryptedText = it.getString(index)
+        }
+      ```
+
+- **nip04_decrypt**
+  - params:
+
+    ```kotlin
+    val result = context.contentResolver.query(
+        Uri.parse("content://com.example.signer.NIP04_DECRYPT"),
+        listOf("$encryptedText", "${hex_pub_key}", "${logged_in_user_pubkey}"),
+        null,
+        null,
+        null
+    )
+    ```
+  - result:
+    - Will return the **result** column
+
+      ```kotlin
+        if (result == null) return
+
+        if (it.getColumnIndex("rejected") > -1) return
+
+        if (result.moveToFirst()) {
+            val index = it.getColumnIndex("result")
+            val encryptedText = it.getString(index)
+        }
+      ```
+
+- **nip44_decrypt**
+  - params:
+
+    ```kotlin
+    val result = context.contentResolver.query(
+        Uri.parse("content://com.example.signer.NIP44_DECRYPT"),
+        listOf("$encryptedText", "${hex_pub_key}", "${logged_in_user_pubkey}"),
+        null,
+        null,
+        null
+    )
+    ```
+  - result:
+    - Will return the **result** column
+
+      ```kotlin
+        if (result == null) return
+
+        if (it.getColumnIndex("rejected") > -1) return
+
+        if (result.moveToFirst()) {
+            val index = it.getColumnIndex("result")
+            val encryptedText = it.getString(index)
+        }
+      ```
+
+- **decrypt_zap_event**
+  - params:
+
+    ```kotlin
+    val result = context.contentResolver.query(
+        Uri.parse("content://com.example.signer.DECRYPT_ZAP_EVENT"),
+        listOf("$eventJson", "", "${logged_in_user_pubkey}"),
+        null,
+        null,
+        null
+    )
+    ```
+  - result:
+    - Will return the **result** column
+
+      ```kotlin
+        if (result == null) return
+
+        if (it.getColumnIndex("rejected") > -1) return
+
+        if (result.moveToFirst()) {
+            val index = it.getColumnIndex("result")
+            val eventJson = it.getString(index)
+        }
+      ```
+
+## Usage for Web Applications
+
+You should consider using [NIP-46: Nostr Connect](46.md) for a better experience for web applications. When using this approach, the web app can't call the signer in the background, so the user will see a popup for every event you try to sign.
+
+Since web applications can't receive a result from the intent, you should add a modal to paste the signature or the event json or create a callback url.
+
+If you send the callback url parameter, Signer Application will send the result to the url.
+
+If you don't send a callback url, Signer Application will copy the result to the clipboard.
+
+You can configure the `returnType` to be **signature** or **event**.
+
+Android intents and browser urls have limitations, so if you are using the `returnType` of **event** consider using the parameter **compressionType=gzip** that will return "Signer1" + Base64 gzip encoded event json
+
+### Methods
+
+- **get_public_key**
+  - params:
+
+    ```js
+    window.href = `nostrsigner:?compressionType=none&returnType=signature&type=get_public_key&callbackUrl=https://example.com/?event=`;
+    ```
+
+- **sign_event**
+  - params:
+
+    ```js
+    window.href = `nostrsigner:${eventJson}?compressionType=none&returnType=signature&type=sign_event&callbackUrl=https://example.com/?event=`;
+    ```
+
+- **nip04_encrypt**
+  - params:
+
+    ```js
+    window.href = `nostrsigner:${plainText}?pubkey=${hex_pub_key}&compressionType=none&returnType=signature&type=nip04_encrypt&callbackUrl=https://example.com/?event=`;
+    ```
+
+- **nip44_encrypt**
+  - params:
+
+    ```js
+    window.href = `nostrsigner:${plainText}?pubkey=${hex_pub_key}&compressionType=none&returnType=signature&type=nip44_encrypt&callbackUrl=https://example.com/?event=`;
+    ```
+
+- **nip04_decrypt**
+  - params:
+
+    ```js
+    window.href = `nostrsigner:${encryptedText}?pubkey=${hex_pub_key}&compressionType=none&returnType=signature&type=nip04_decrypt&callbackUrl=https://example.com/?event=`;
+    ```
+
+- **nip44_decrypt**
+  - params:
+
+    ```js
+    window.href = `nostrsigner:${encryptedText}?pubkey=${hex_pub_key}&compressionType=none&returnType=signature&type=nip44_decrypt&callbackUrl=https://example.com/?event=`;
+    ```
+
+- **decrypt_zap_event**
+  - params:
+
+    ```js
+    window.href = `nostrsigner:${eventJson}?compressionType=none&returnType=signature&type=decrypt_zap_event&callbackUrl=https://example.com/?event=`;
+    ```
+
+### Example
+
+```js
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <h1>Test</h1>
+
+    <script>
+        window.onload = function() {
+            var url = new URL(window.location.href);
+            var params = url.searchParams;
+            if (params) {
+                var param1 = params.get("event");
+                if (param1) alert(param1)
+            }
+            let json = {
+                kind: 1,
+                content: "test"
+            }
+            let encodedJson = encodeURIComponent(JSON.stringify(json))
+            var newAnchor = document.createElement("a");
+            newAnchor.href = `nostrsigner:${encodedJson}?compressionType=none&returnType=signature&type=sign_event&callbackUrl=https://example.com/?event=`;
+            newAnchor.textContent = "Open External Signer";
+            document.body.appendChild(newAnchor)
+        }
+    </script>
+</body>
+</html>
+```
diff --git a/dist/docs/nips/56.md b/dist/docs/nips/56.md
new file mode 100644
index 00000000..dc6f0983
--- /dev/null
+++ b/dist/docs/nips/56.md
@@ -0,0 +1,108 @@
+NIP-56
+======
+
+Reporting
+---------
+
+`optional`
+
+A report is a `kind 1984` event that signals to users and relays that 
+some referenced content is objectionable. The definition of objectionable is
+obviously subjective and all agents on the network (users, apps, relays, etc.) 
+may consume and take action on them as they see fit.
+
+The `content` MAY contain additional information submitted by the entity
+reporting the content.
+
+Tags
+----
+
+The report event MUST include a `p` tag referencing the pubkey of the user you
+are reporting.
+
+If reporting a note, an `e` tag MUST also be included referencing the note id.
+
+A `report type` string MUST be included as the 3rd entry to the `e`, `p` or `x` tag
+being reported, which consists of the following report types:
+
+- `nudity` - depictions of nudity, porn, etc.
+- `malware` - virus, trojan horse, worm, robot, spyware, adware, back door, ransomware, rootkit, kidnapper, etc.
+- `profanity` - profanity, hateful speech, etc.
+- `illegal` - something which may be illegal in some jurisdiction
+- `spam` - spam
+- `impersonation` - someone pretending to be someone else
+- `other` - for reports that don't fit in the above categories
+
+Some report tags only make sense for profile reports, such as `impersonation`.
+
+- `x` tags SHOULD be info hash of a blob which is intended to be report. when the `x` tag is represented client MUST include an `e` tag which is the id of the event that contains the mentioned blob. also, additionally these events can contain a `server` tag to point to media servers which may contain the mentioned media.
+
+`l` and `L` tags MAY be also be used as defined in [NIP-32](32.md) to support
+further qualification and querying.
+
+Example events
+--------------
+
+```jsonc
+{
+  "kind": 1984,
+  "tags": [
+    ["p", "<pubkey>", "nudity"],
+    ["L", "social.nos.ontology"],
+    ["l", "NS-nud", "social.nos.ontology"]
+  ],
+  "content": "",
+  // other fields...
+}
+```
+
+```jsonc
+{
+  "kind": 1984,
+  "tags": [
+    ["e", "<eventId>", "illegal"],
+    ["p", "<pubkey>"]
+  ],
+  "content": "He's insulting the king!",
+  // other fields...
+}
+```
+
+```jsonc
+{
+  "kind": 1984,
+  "tags": [
+    ["p", "<impersonator pubkey>", "impersonation"]
+  ],
+  "content": "Profile is impersonating nostr:<victim bech32 pubkey>",
+  // other fields...
+}
+```
+
+```jsonc
+{
+  "kind": 1984,
+  "tags": [
+    ["x", "<blob hash>", "malware"],
+    ["e", "<event id which contains the blob on x tag>", "malware"],
+    ["server", "https://you-may-find-the-blob-here.com/path-to-url.ext"]
+  ],
+  "content": "This file contains malware software in it.",
+  // other fields...
+}
+```
+
+Client behavior
+---------------
+
+Clients can use reports from friends to make moderation decisions if they
+choose to. For instance, if 3+ of your friends report a profile for `nudity`,
+clients can have an option to automatically blur photos from said account.
+
+
+Relay behavior
+--------------
+
+It is not recommended that relays perform automatic moderation using reports,
+as they can be easily gamed. Admins could use reports from trusted moderators to
+takedown illegal or explicit content if the relay does not allow such things.
diff --git a/dist/docs/nips/57.md b/dist/docs/nips/57.md
new file mode 100644
index 00000000..91eac306
--- /dev/null
+++ b/dist/docs/nips/57.md
@@ -0,0 +1,191 @@
+NIP-57
+======
+
+Lightning Zaps
+--------------
+
+`draft` `optional`
+
+This NIP defines two new event types for recording lightning payments between users. `9734` is a `zap request`, representing a payer's request to a recipient's lightning wallet for an invoice. `9735` is a `zap receipt`, representing the confirmation by the recipient's lightning wallet that the invoice issued in response to a `zap request` has been paid.
+
+Having lightning receipts on nostr allows clients to display lightning payments from entities on the network. These can be used for fun or for spam deterrence.
+
+## Protocol flow
+
+1. Client calculates a recipient's lnurl pay request url from the `zap` tag on the event being zapped (see Appendix G), or by decoding their lud16 field on their profile according to the [lnurl specifications](https://github.com/lnurl/luds). The client MUST send a GET request to this url and parse the response. If `allowsNostr` exists and it is `true`, and if `nostrPubkey` exists and is a valid BIP 340 public key in hex, the client should associate this information with the user, along with the response's `callback`, `minSendable`, and `maxSendable` values.
+2. Clients may choose to display a lightning zap button on each post or on a user's profile. If the user's lnurl pay request endpoint supports nostr, the client SHOULD use this NIP to request a `zap receipt` rather than a normal lnurl invoice.
+3. When a user (the "sender") indicates they want to send a zap to another user (the "recipient"), the client should create a `zap request` event as described in Appendix A of this NIP and sign it.
+4. Instead of publishing the `zap request`, the `9734` event should instead be sent to the `callback` url received from the lnurl pay endpoint for the recipient using a GET request. See Appendix B for details and an example.
+5. The recipient's lnurl server will receive this `zap request` and validate it. See Appendix C for details on how to properly configure an lnurl server to support zaps, and Appendix D for details on how to validate the `nostr` query parameter.
+6. If the `zap request` is valid, the server should fetch a description hash invoice where the description is this `zap request` note and this note only. No additional lnurl metadata is included in the description. This will be returned in the response according to [LUD06](https://github.com/lnurl/luds/blob/luds/06.md).
+7. On receiving the invoice, the client MAY pay it or pass it to an app that can pay the invoice.
+8. Once the invoice is paid, the recipient's lnurl server MUST generate a `zap receipt` as described in Appendix E, and publish it to the `relays` specified in the `zap request`.
+9. Clients MAY fetch `zap receipt`s on posts and profiles, but MUST authorize their validity as described in Appendix F. If the `zap request` note contains a non-empty `content`, it may display a zap comment. Generally clients should show users the `zap request` note, and use the `zap receipt` to show "zap authorized by ..." but this is optional.
+
+## Reference and examples
+
+### Appendix A: Zap Request Event
+
+A `zap request` is an event of kind `9734` that is _not_ published to relays, but is instead sent to a recipient's lnurl pay `callback` url. This event's `content` MAY be an optional message to send along with the payment. The event MUST include the following tags:
+
+- `relays` is a list of relays the recipient's wallet should publish its `zap receipt` to. Note that relays should not be nested in an additional list, but should be included as shown in the example below.
+- `amount` is the amount in _millisats_ the sender intends to pay, formatted as a string. This is recommended, but optional.
+- `lnurl` is the lnurl pay url of the recipient, encoded using bech32 with the prefix `lnurl`. This is recommended, but optional.
+- `p` is the hex-encoded pubkey of the recipient.
+
+In addition, the event MAY include the following tags:
+
+- `e` is an optional hex-encoded event id. Clients MUST include this if zapping an event rather than a person.
+- `a` is an optional event coordinate that allows tipping addressable events such as NIP-23 long-form notes.
+- `k` is the stringified kind of the target event.
+
+Example:
+
+```json
+{
+  "kind": 9734,
+  "content": "Zap!",
+  "tags": [
+    ["relays", "wss://nostr-pub.wellorder.com", "wss://anotherrelay.example.com"],
+    ["amount", "21000"],
+    ["lnurl", "lnurl1dp68gurn8ghj7um5v93kketj9ehx2amn9uh8wetvdskkkmn0wahz7mrww4excup0dajx2mrv92x9xp"],
+    ["p", "04c915daefee38317fa734444acee390a8269fe5810b2241e5e6dd343dfbecc9"],
+    ["e", "9ae37aa68f48645127299e9453eb5d908a0cbb6058ff340d528ed4d37c8994fb"],
+    ["k", "1"]
+  ],
+  "pubkey": "97c70a44366a6535c145b333f973ea86dfdc2d7a99da618c40c64705ad98e322",
+  "created_at": 1679673265,
+  "id": "30efed56a035b2549fcaeec0bf2c1595f9a9b3bb4b1a38abaf8ee9041c4b7d93",
+  "sig": "f2cb581a84ed10e4dc84937bd98e27acac71ab057255f6aa8dfa561808c981fe8870f4a03c1e3666784d82a9c802d3704e174371aa13d63e2aeaf24ff5374d9d"
+}
+```
+
+### Appendix B: Zap Request HTTP Request
+
+A signed `zap request` event is not published, but is instead sent using a HTTP GET request to the recipient's `callback` url, which was provided by the recipient's lnurl pay endpoint. This request should have the following query parameters defined:
+
+- `amount` is the amount in _millisats_ the sender intends to pay
+- `nostr` is the `9734` `zap request` event, JSON encoded then URI encoded
+- `lnurl` is the lnurl pay url of the recipient, encoded using bech32 with the prefix `lnurl`
+
+This request should return a JSON response with a `pr` key, which is the invoice the sender must pay to finalize their zap. Here is an example flow in javascript:
+
+```javascript
+const senderPubkey // The sender's pubkey
+const recipientPubkey = // The recipient's pubkey
+const callback = // The callback received from the recipients lnurl pay endpoint
+const lnurl = // The recipient's lightning address, encoded as a lnurl
+const sats = 21
+
+const amount = sats * 1000
+const relays = ['wss://nostr-pub.wellorder.net']
+const event = encodeURI(JSON.stringify(await signEvent({
+  kind: 9734,
+  content: "",
+  pubkey: senderPubkey,
+  created_at: Math.round(Date.now() / 1000),
+  tags: [
+    ["relays", ...relays],
+    ["amount", amount.toString()],
+    ["lnurl", lnurl],
+    ["p", recipientPubkey],
+  ],
+})))
+
+const {pr: invoice} = await fetchJson(`${callback}?amount=${amount}&nostr=${event}&lnurl=${lnurl}`)
+```
+
+### Appendix C: LNURL Server Configuration
+
+The lnurl server will need some additional pieces of information so that clients can know that zap invoices are supported:
+
+1. Add a `nostrPubkey` to the lnurl-pay static endpoint `/.well-known/lnurlp/<user>`, where `nostrPubkey` is the nostr pubkey your server will use to sign `zap receipt` events. Clients will use this to validate `zap receipt`s.
+2. Add an `allowsNostr` field and set it to true.
+
+### Appendix D: LNURL Server Zap Request Validation
+
+When a client sends a `zap request` event to a server's lnurl-pay callback URL, there will be a `nostr` query parameter whose value is that event which is URI- and JSON-encoded. If present, the `zap request` event must be validated in the following ways:
+
+1. It MUST have a valid nostr signature
+2. It MUST have tags
+3. It MUST have only one `p` tag
+4. It MUST have 0 or 1 `e` tags
+5. There should be a `relays` tag with the relays to send the `zap receipt` to.
+6. If there is an `amount` tag, it MUST be equal to the `amount` query parameter.
+7. If there is an `a` tag, it MUST be a valid event coordinate
+8. There MUST be 0 or 1 `P` tags. If there is one, it MUST be equal to the `zap receipt`'s `pubkey`.
+
+The event MUST then be stored for use later, when the invoice is paid.
+
+### Appendix E: Zap Receipt Event
+
+A `zap receipt` is created by a lightning node when an invoice generated by a `zap request` is paid. `Zap receipt`s are only created when the invoice description (committed to the description hash) contains a `zap request` note.
+
+When receiving a payment, the following steps are executed:
+
+1. Get the description for the invoice. This needs to be saved somewhere during the generation of the description hash invoice. It is saved automatically for you with CLN, which is the reference implementation used here.
+2. Parse the bolt11 description as a JSON nostr event. This SHOULD be validated based on the requirements in Appendix D, either when it is received, or before the invoice is paid.
+3. Create a nostr event of kind `9735` as described below, and publish it to the `relays` declared in the `zap request`.
+
+The following should be true of the `zap receipt` event:
+
+- The `content` SHOULD be empty.
+- The `created_at` date SHOULD be set to the invoice `paid_at` date for idempotency.
+- `tags` MUST include the `p` tag (zap recipient) AND optional `e` tag from the `zap request` AND optional `a` tag from the `zap request` AND optional `P` tag from the pubkey of the zap request (zap sender).
+- The `zap receipt` MUST have a `bolt11` tag containing the description hash bolt11 invoice.
+- The `zap receipt` MUST contain a `description` tag which is the JSON-encoded zap request.
+- `SHA256(description)` SHOULD match the description hash in the bolt11 invoice.
+- The `zap receipt` MAY contain a `preimage` tag to match against the payment hash of the bolt11 invoice. This isn't really a payment proof, there is no real way to prove that the invoice is real or has been paid. You are trusting the author of the `zap receipt` for the legitimacy of the payment.
+
+The `zap receipt` is not a proof of payment, all it proves is that some nostr user fetched an invoice. The existence of the `zap receipt` implies the invoice as paid, but it could be a lie given a rogue implementation.
+
+A reference implementation for a zap-enabled lnurl server can be found [here](https://github.com/jb55/cln-nostr-zapper).
+
+Example `zap receipt`:
+
+```json
+{
+    "id": "67b48a14fb66c60c8f9070bdeb37afdfcc3d08ad01989460448e4081eddda446",
+    "pubkey": "9630f464cca6a5147aa8a35f0bcdd3ce485324e732fd39e09233b1d848238f31",
+    "created_at": 1674164545,
+    "kind": 9735,
+    "tags": [
+      ["p", "32e1827635450ebb3c5a7d12c1f8e7b2b514439ac10a67eef3d9fd9c5c68e245"],
+      ["P", "97c70a44366a6535c145b333f973ea86dfdc2d7a99da618c40c64705ad98e322"],
+      ["e", "3624762a1274dd9636e0c552b53086d70bc88c165bc4dc0f9e836a1eaf86c3b8"],
+      ["k", "1"],
+      ["bolt11", "lnbc10u1p3unwfusp5t9r3yymhpfqculx78u027lxspgxcr2n2987mx2j55nnfs95nxnzqpp5jmrh92pfld78spqs78v9euf2385t83uvpwk9ldrlvf6ch7tpascqhp5zvkrmemgth3tufcvflmzjzfvjt023nazlhljz2n9hattj4f8jq8qxqyjw5qcqpjrzjqtc4fc44feggv7065fqe5m4ytjarg3repr5j9el35xhmtfexc42yczarjuqqfzqqqqqqqqlgqqqqqqgq9q9qxpqysgq079nkq507a5tw7xgttmj4u990j7wfggtrasah5gd4ywfr2pjcn29383tphp4t48gquelz9z78p4cq7ml3nrrphw5w6eckhjwmhezhnqpy6gyf0"],
+      ["description", "{\"pubkey\":\"97c70a44366a6535c145b333f973ea86dfdc2d7a99da618c40c64705ad98e322\",\"content\":\"\",\"id\":\"d9cc14d50fcb8c27539aacf776882942c1a11ea4472f8cdec1dea82fab66279d\",\"created_at\":1674164539,\"sig\":\"77127f636577e9029276be060332ea565deaf89ff215a494ccff16ae3f757065e2bc59b2e8c113dd407917a010b3abd36c8d7ad84c0e3ab7dab3a0b0caa9835d\",\"kind\":9734,\"tags\":[[\"e\",\"3624762a1274dd9636e0c552b53086d70bc88c165bc4dc0f9e836a1eaf86c3b8\"],[\"p\",\"32e1827635450ebb3c5a7d12c1f8e7b2b514439ac10a67eef3d9fd9c5c68e245\"],[\"relays\",\"wss://relay.damus.io\",\"wss://nostr-relay.wlvs.space\",\"wss://nostr.fmt.wiz.biz\",\"wss://relay.nostr.bg\",\"wss://nostr.oxtr.dev\",\"wss://nostr.v0l.io\",\"wss://brb.io\",\"wss://nostr.bitcoiner.social\",\"ws://monad.jb55.com:8080\",\"wss://relay.snort.social\"]]}"],
+      ["preimage", "5d006d2cf1e73c7148e7519a4c68adc81642ce0e25a432b2434c99f97344c15f"]
+    ],
+    "content": "",
+  }
+```
+
+### Appendix F: Validating Zap Receipts
+
+A client can retrieve `zap receipt`s on events and pubkeys using a NIP-01 filter, for example `{"kinds": [9735], "#e": [...]}`. Zaps MUST be validated using the following steps:
+
+- The `zap receipt` event's `pubkey` MUST be the same as the recipient's lnurl provider's `nostrPubkey` (retrieved in step 1 of the protocol flow).
+- The `invoiceAmount` contained in the `bolt11` tag of the `zap receipt` MUST equal the `amount` tag of the `zap request` (if present).
+- The `lnurl` tag of the `zap request` (if present) SHOULD equal the recipient's `lnurl`.
+
+### Appendix G: `zap` tag on other events
+
+When an event includes one or more `zap` tags, clients wishing to zap it SHOULD calculate the lnurl pay request based on the tags value instead of the event author's profile field. The tag's second argument is the `hex` string of the receiver's pub key and the third argument is the relay to download the receiver's metadata (Kind-0). An optional fourth parameter specifies the weight (a generalization of a percentage) assigned to the respective receiver. Clients should parse all weights, calculate a sum, and then a percentage to each receiver. If weights are not present, CLIENTS should equally divide the zap amount to all receivers. If weights are only partially present, receivers without a weight should not be zapped (`weight = 0`).
+
+```jsonc
+{
+    "tags": [
+        [ "zap", "82341f882b6eabcd2ba7f1ef90aad961cf074af15b9ef44a09f9d2a8fbfbe6a2", "wss://nostr.oxtr.dev", "1" ],  // 25%
+        [ "zap", "fa984bd7dbb282f07e16e7ae87b26a2a7b9b90b7246a44771f0cf5ae58018f52", "wss://nostr.wine/",    "1" ],  // 25%
+        [ "zap", "460c25e682fda7832b52d1f22d3d22b3176d972f60dcdc3212ed8c92ef85065c", "wss://nos.lol/",       "2" ]   // 50%
+    ]
+}
+```
+
+Clients MAY display the zap split configuration in the note.
+
+## Future Work
+
+Zaps can be extended to be more private by encrypting `zap request` notes to the target user, but for simplicity it has been left out of this initial draft.
diff --git a/dist/docs/nips/58.md b/dist/docs/nips/58.md
new file mode 100644
index 00000000..23921bdd
--- /dev/null
+++ b/dist/docs/nips/58.md
@@ -0,0 +1,123 @@
+NIP-58
+======
+
+Badges
+------
+
+`draft` `optional`
+
+Three special events are used to define, award and display badges in
+user profiles:
+
+1. A "Badge Definition" event is defined as an addressable event with kind `30009` having a `d` tag with a value that uniquely identifies the badge (e.g. `bravery`) published by the badge issuer. Badge definitions can be updated.
+
+2. A "Badge Award" event is a kind `8` event with a single `a` tag referencing a "Badge Definition" event and one or more `p` tags, one for each pubkey the badge issuer wishes to award. Awarded badges are immutable and non-transferrable.
+
+3. A "Profile Badges" event is defined as an _addressable event_ with kind `30008` with a `d` tag with the value `profile_badges`.
+Profile badges contain an ordered list of pairs of `a` and `e` tags referencing a `Badge Definition` and a `Badge Award` for each badge to be displayed.
+
+### Badge Definition event
+
+The following tags MUST be present:
+
+- `d` tag with the unique name of the badge.
+
+The following tags MAY be present:
+
+- A `name` tag with a short name for the badge.
+- `image` tag whose value is the URL of a high-resolution image representing the badge. The second value optionally specifies the dimensions of the image as  `width`x`height` in pixels. Badge recommended dimensions is 1024x1024 pixels.
+- A `description` tag whose value MAY contain a textual representation of the
+image, the meaning behind the badge, or the reason of its issuance.
+- One or more `thumb` tags whose first value is an URL pointing to a thumbnail version of the image referenced in the `image` tag. The second value optionally specifies the dimensions of the thumbnail as `width`x`height` in pixels.
+
+### Badge Award event
+
+The following tags MUST be present:
+
+- An `a` tag referencing a kind `30009` Badge Definition event.
+- One or more `p` tags referencing each pubkey awarded.
+
+### Profile Badges Event
+
+The number of badges a pubkey can be awarded is unbounded. The Profile Badge
+event allows individual users to accept or reject awarded badges, as well
+as choose the display order of badges on their profiles.
+
+The following tags MUST be present:
+
+- A `d` tag with the unique identifier `profile_badges`
+
+The following tags MAY be present:
+
+- Zero or more ordered consecutive pairs of `a` and `e` tags referencing a kind `30009` Badge Definition and kind `8` Badge Award, respectively. Clients SHOULD
+ignore `a` without corresponding `e` tag and viceversa. Badge Awards referenced
+by the `e` tags should contain the same `a` tag.
+
+### Motivation
+
+Users MAY be awarded badges (but not limited to) in recognition, in gratitude, for participation, or in appreciation of a certain goal, task or cause.
+
+Users MAY choose to decorate their profiles with badges for fame, notoriety, recognition, support, etc., from badge issuers they deem reputable.
+
+### Recommendations
+
+Clients MAY whitelist badge issuers (pubkeys) for the purpose of ensuring they retain a valuable/special factor for their users.
+
+Badge image recommended aspect ratio is 1:1 with a high-res size of 1024x1024 pixels.
+
+Badge thumbnail image recommended dimensions are: 512x512 (xl), 256x256 (l), 64x64 (m), 32x32 (s) and 16x16 (xs).
+
+Clients MAY choose to render less badges than those specified by users in the Profile Badges event or replace the badge image and thumbnails with ones that fits the theme of the client.
+
+Clients SHOULD attempt to render the most appropriate badge thumbnail according to the number of badges chosen by the user and space available. Clients SHOULD attempt render the high-res version on user action (click, tap, hover).
+
+### Example of a Badge Definition event
+
+```jsonc
+{
+  "pubkey": "alice",
+  "kind": 30009,
+  "tags": [
+    ["d", "bravery"],
+    ["name", "Medal of Bravery"],
+    ["description", "Awarded to users demonstrating bravery"],
+    ["image", "https://nostr.academy/awards/bravery.png", "1024x1024"],
+    ["thumb", "https://nostr.academy/awards/bravery_256x256.png", "256x256"]
+  ],
+  // other fields...
+}
+```
+
+### Example of Badge Award event
+
+```jsonc
+{
+  "id": "<badge award event id>",
+  "kind": 8,
+  "pubkey": "alice",
+  "tags": [
+    ["a", "30009:alice:bravery"],
+    ["p", "bob", "wss://relay"],
+    ["p", "charlie", "wss://relay"]
+  ],
+  // other fields...
+}
+```
+
+### Example of a Profile Badges event
+
+Honorable Bob The Brave:
+```jsonc
+{
+  "kind": 30008,
+  "pubkey": "bob",
+  "tags": [
+    ["d", "profile_badges"],
+    ["a", "30009:alice:bravery"],
+    ["e", "<bravery badge award event id>", "wss://nostr.academy"],
+    ["a", "30009:alice:honor"],
+    ["e", "<honor badge award event id>", "wss://nostr.academy"]
+  ],
+  // other fields...
+}
+```
diff --git a/dist/docs/nips/59.md b/dist/docs/nips/59.md
new file mode 100644
index 00000000..6abf1cd4
--- /dev/null
+++ b/dist/docs/nips/59.md
@@ -0,0 +1,255 @@
+NIP-59
+======
+
+Gift Wrap
+---------
+
+`optional`
+
+This NIP defines a protocol for encapsulating any nostr event. This makes it possible to obscure most metadata
+for a given event, perform collaborative signing, and more.
+
+This NIP *does not* define any messaging protocol. Applications of this NIP should be defined separately.
+
+This NIP relies on [NIP-44](./44.md)'s versioned encryption algorithms.
+
+## Overview
+
+This protocol uses three main concepts to protect the transmission of a target event: `rumor`s, `seal`s, and `gift wrap`s.
+
+- A `rumor` is a regular nostr event, but is **not signed**. This means that if it is leaked, it cannot be verified.
+- A `rumor` is serialized to JSON, encrypted, and placed in the `content` field of a `seal`. The `seal` is then
+  signed by the author of the note. The only information publicly available on a `seal` is who signed it, but not what was said.
+- A `seal` is serialized to JSON, encrypted, and placed in the `content` field of a `gift wrap`.
+
+This allows the isolation of concerns across layers:
+
+- A rumor carries the content but is unsigned, which means if leaked it will be rejected by relays and clients,
+  and can't be authenticated. This provides a measure of deniability.
+- A seal identifies the author without revealing the content or the recipient.
+- A gift wrap can add metadata (recipient, tags, a different author) without revealing the true author.
+
+## Protocol Description
+
+### 1. The Rumor Event Kind
+
+A `rumor` is the same thing as an unsigned event. Any event kind can be made a `rumor` by removing the signature.
+
+### 2. The Seal Event Kind
+
+A `seal` is a `kind:13` event that wraps a `rumor` with the sender's regular key. The `seal` is **always** encrypted
+to a receiver's pubkey but there is no `p` tag pointing to the receiver. There is no way to know who the rumor is for
+without the receiver's or the sender's private key. The only public information in this event is who is signing it.
+
+```json
+{
+  "id": "<id>",
+  "pubkey": "<real author's pubkey>",
+  "content": "<encrypted rumor>",
+  "kind": 13,
+  "created_at": 1686840217,
+  "tags": [],
+  "sig": "<real author's pubkey signature>"
+}
+```
+
+Tags MUST always be empty in a `kind:13`. The inner event MUST always be unsigned.
+
+### 3. Gift Wrap Event Kind
+
+A `gift wrap` event is a `kind:1059` event that wraps any other event. `tags` SHOULD include any information
+needed to route the event to its intended recipient, including the recipient's `p` tag or [NIP-13](13.md) proof of work.
+
+```json
+{
+  "id": "<id>",
+  "pubkey": "<random, one-time-use pubkey>",
+  "content": "<encrypted kind 13>",
+  "kind": 1059,
+  "created_at": 1686840217,
+  "tags": [["p", "<recipient pubkey>"]],
+  "sig": "<random, one-time-use pubkey signature>"
+}
+```
+
+## Encrypting Payloads
+
+Encryption is done following [NIP-44](44.md) on the JSON-encoded event. Place the encryption payload in the `.content`
+of the wrapper event (either a `seal` or a `gift wrap`).
+
+## Other Considerations
+
+If a `rumor` is intended for more than one party, or if the author wants to retain an encrypted copy, a single
+`rumor` may be wrapped and addressed for each recipient individually.
+
+The canonical `created_at` time belongs to the `rumor`. All other timestamps SHOULD be tweaked to thwart
+time-analysis attacks. Note that some relays don't serve events dated in the future, so all timestamps
+SHOULD be in the past.
+
+Relays may choose not to store gift wrapped events due to them not being publicly useful. Clients MAY choose
+to attach a certain amount of proof-of-work to the wrapper event per [NIP-13](13.md) in a bid to demonstrate that
+the event is not spam or a denial-of-service attack.
+
+To protect recipient metadata, relays SHOULD guard access to `kind 1059` events based on user AUTH. When
+possible, clients should only send wrapped events to relays that offer this protection.
+
+To protect recipient metadata, relays SHOULD only serve `kind 1059` events intended for the marked recipient.
+When possible, clients should only send wrapped events to `read` relays for the recipient that implement
+AUTH, and refuse to serve wrapped events to non-recipients.
+
+When adding expiration tags to both `seal` and `gift wrap` layers, implementations SHOULD use independent random timestamps for each layer. Using different `created_at` values increases timing variance and helps protect against metadata correlation attacks.
+
+
+## An Example
+
+Let's send a wrapped `kind 1` message between two parties asking "Are you going to the party tonight?"
+
+- Author private key: `0beebd062ec8735f4243466049d7747ef5d6594ee838de147f8aab842b15e273`
+- Recipient private key: `e108399bd8424357a710b606ae0c13166d853d327e47a6e5e038197346bdbf45`
+- Ephemeral wrapper key: `4f02eac59266002db5801adc5270700ca69d5b8f761d8732fab2fbf233c90cbd`
+
+Note that this messaging protocol should not be used in practice, this is just an example. Refer to other
+NIPs for concrete messaging protocols that depend on gift wraps.
+
+### 1. Create an event
+
+Create a `kind 1` event with the message, the receivers, and any other tags you want, signed by the author.
+Do not sign the event.
+
+```json
+{
+  "created_at": 1691518405,
+  "content": "Are you going to the party tonight?",
+  "tags": [],
+  "kind": 1,
+  "pubkey": "611df01bfcf85c26ae65453b772d8f1dfd25c264621c0277e1fc1518686faef9",
+  "id": "9dd003c6d3b73b74a85a9ab099469ce251653a7af76f523671ab828acd2a0ef9"
+}
+```
+
+### 2. Seal the rumor
+
+Encrypt the JSON-encoded `rumor` with a conversation key derived using the author's private key and
+the recipient's public key. Place the result in the `content` field of a `kind 13` `seal` event. Sign
+it with the author's key.
+
+```json
+{
+  "content": "AqBCdwoS7/tPK+QGkPCadJTn8FxGkd24iApo3BR9/M0uw6n4RFAFSPAKKMgkzVMoRyR3ZS/aqATDFvoZJOkE9cPG/TAzmyZvr/WUIS8kLmuI1dCA+itFF6+ULZqbkWS0YcVU0j6UDvMBvVlGTzHz+UHzWYJLUq2LnlynJtFap5k8560+tBGtxi9Gx2NIycKgbOUv0gEqhfVzAwvg1IhTltfSwOeZXvDvd40rozONRxwq8hjKy+4DbfrO0iRtlT7G/eVEO9aJJnqagomFSkqCscttf/o6VeT2+A9JhcSxLmjcKFG3FEK3Try/WkarJa1jM3lMRQqVOZrzHAaLFW/5sXano6DqqC5ERD6CcVVsrny0tYN4iHHB8BHJ9zvjff0NjLGG/v5Wsy31+BwZA8cUlfAZ0f5EYRo9/vKSd8TV0wRb9DQ=",
+  "kind": 13,
+  "created_at": 1703015180,
+  "pubkey": "611df01bfcf85c26ae65453b772d8f1dfd25c264621c0277e1fc1518686faef9",
+  "tags": [],
+  "id": "28a87d7c074d94a58e9e89bb3e9e4e813e2189f285d797b1c56069d36f59eaa7",
+  "sig": "02fc3facf6621196c32912b1ef53bac8f8bfe9db51c0e7102c073103586b0d29c3f39bdaa1e62856c20e90b6c7cc5dc34ca8bb6a528872cf6e65e6284519ad73"
+}
+```
+
+### 3. Wrap the seal
+
+Encrypt the JSON-encoded `kind 13` event with your ephemeral, single-use random key. Place the result
+in the `content` field of a `kind 1059`. Add a single `p` tag containing the recipient's public key.
+Sign the `gift wrap` using the random key generated in the previous step.
+
+```json
+{
+  "content": "AhC3Qj/QsKJFWuf6xroiYip+2yK95qPwJjVvFujhzSguJWb/6TlPpBW0CGFwfufCs2Zyb0JeuLmZhNlnqecAAalC4ZCugB+I9ViA5pxLyFfQjs1lcE6KdX3euCHBLAnE9GL/+IzdV9vZnfJH6atVjvBkNPNzxU+OLCHO/DAPmzmMVx0SR63frRTCz6Cuth40D+VzluKu1/Fg2Q1LSst65DE7o2efTtZ4Z9j15rQAOZfE9jwMCQZt27rBBK3yVwqVEriFpg2mHXc1DDwHhDADO8eiyOTWF1ghDds/DxhMcjkIi/o+FS3gG1dG7gJHu3KkGK5UXpmgyFKt+421m5o++RMD/BylS3iazS1S93IzTLeGfMCk+7IKxuSCO06k1+DaasJJe8RE4/rmismUvwrHu/HDutZWkvOAhd4z4khZo7bJLtiCzZCZ74lZcjOB4CYtuAX2ZGpc4I1iOKkvwTuQy9BWYpkzGg3ZoSWRD6ty7U+KN+fTTmIS4CelhBTT15QVqD02JxfLF7nA6sg3UlYgtiGw61oH68lSbx16P3vwSeQQpEB5JbhofW7t9TLZIbIW/ODnI4hpwj8didtk7IMBI3Ra3uUP7ya6vptkd9TwQkd/7cOFaSJmU+BIsLpOXbirJACMn+URoDXhuEtiO6xirNtrPN8jYqpwvMUm5lMMVzGT3kMMVNBqgbj8Ln8VmqouK0DR+gRyNb8fHT0BFPwsHxDskFk5yhe5c/2VUUoKCGe0kfCcX/EsHbJLUUtlHXmTqaOJpmQnW1tZ/siPwKRl6oEsIJWTUYxPQmrM2fUpYZCuAo/29lTLHiHMlTbarFOd6J/ybIbICy2gRRH/LFSryty3Cnf6aae+A9uizFBUdCwTwffc3vCBae802+R92OL78bbqHKPbSZOXNC+6ybqziezwG+OPWHx1Qk39RYaF0aFsM4uZWrFic97WwVrH5i+/Nsf/OtwWiuH0gV/SqvN1hnkxCTF/+XNn/laWKmS3e7wFzBsG8+qwqwmO9aVbDVMhOmeUXRMkxcj4QreQkHxLkCx97euZpC7xhvYnCHarHTDeD6nVK+xzbPNtzeGzNpYoiMqxZ9bBJwMaHnEoI944Vxoodf51cMIIwpTmmRvAzI1QgrfnOLOUS7uUjQ/IZ1Qa3lY08Nqm9MAGxZ2Ou6R0/Z5z30ha/Q71q6meAs3uHQcpSuRaQeV29IASmye2A2Nif+lmbhV7w8hjFYoaLCRsdchiVyNjOEM4VmxUhX4VEvw6KoCAZ/XvO2eBF/SyNU3Of4SO",
+  "kind": 1059,
+  "created_at": 1703021488,
+  "pubkey": "18b1a75918f1f2c90c23da616bce317d36e348bcf5f7ba55e75949319210c87c",
+  "id": "5c005f3ccf01950aa8d131203248544fb1e41a0d698e846bd419cec3890903ac",
+  "sig": "35fabdae4634eb630880a1896a886e40fd6ea8a60958e30b89b33a93e6235df750097b04f9e13053764251b8bc5dd7e8e0794a3426a90b6bcc7e5ff660f54259",
+  "tags": [["p", "166bf3765ebd1fc55decfe395beff2ea3b2a4e0a8946e7eb578512b555737c99"]],
+}
+```
+
+### 4. Broadcast Selectively
+
+Broadcast the `kind 1059` event to the recipient's relays only. Delete all the other events.
+
+## Code Samples
+
+### JavaScript
+
+```javascript
+import {bytesToHex} from "@noble/hashes/utils"
+import type {EventTemplate, UnsignedEvent, Event} from "nostr-tools"
+import {getPublicKey, getEventHash, nip19, nip44, finalizeEvent, generateSecretKey} from "nostr-tools"
+
+type Rumor = UnsignedEvent & {id: string}
+
+const TWO_DAYS = 2 * 24 * 60 * 60
+
+const now = () => Math.round(Date.now() / 1000)
+const randomNow = () => Math.round(now() - (Math.random() * TWO_DAYS))
+
+const nip44ConversationKey = (privateKey: Uint8Array, publicKey: string) =>
+  nip44.v2.utils.getConversationKey(bytesToHex(privateKey), publicKey)
+
+const nip44Encrypt = (data: EventTemplate, privateKey: Uint8Array, publicKey: string) =>
+  nip44.v2.encrypt(JSON.stringify(data), nip44ConversationKey(privateKey, publicKey))
+
+const nip44Decrypt = (data: Event, privateKey: Uint8Array) =>
+  JSON.parse(nip44.v2.decrypt(data.content, nip44ConversationKey(privateKey, data.pubkey)))
+
+const createRumor = (event: Partial<UnsignedEvent>, privateKey: Uint8Array) => {
+  const rumor = {
+    created_at: now(),
+    content: "",
+    tags: [],
+    ...event,
+    pubkey: getPublicKey(privateKey),
+  } as any
+
+  rumor.id = getEventHash(rumor)
+
+  return rumor as Rumor
+}
+
+const createSeal = (rumor: Rumor, privateKey: Uint8Array, recipientPublicKey: string) => {
+  return finalizeEvent(
+    {
+      kind: 13,
+      content: nip44Encrypt(rumor, privateKey, recipientPublicKey),
+      created_at: randomNow(),
+      tags: [],
+    },
+    privateKey
+  ) as Event
+}
+
+const createWrap = (event: Event, recipientPublicKey: string) => {
+  const randomKey = generateSecretKey()
+
+  return finalizeEvent(
+    {
+      kind: 1059,
+      content: nip44Encrypt(event, randomKey, recipientPublicKey),
+      created_at: randomNow(),
+      tags: [["p", recipientPublicKey]],
+    },
+    randomKey
+  ) as Event
+}
+
+// Test case using the above example
+const senderPrivateKey = nip19.decode(`nsec1p0ht6p3wepe47sjrgesyn4m50m6avk2waqudu9rl324cg2c4ufesyp6rdg`).data
+const recipientPrivateKey = nip19.decode(`nsec1uyyrnx7cgfp40fcskcr2urqnzekc20fj0er6de0q8qvhx34ahazsvs9p36`).data
+const recipientPublicKey = getPublicKey(recipientPrivateKey)
+
+const rumor = createRumor(
+  {
+    kind: 1,
+    content: "Are you going to the party tonight?",
+  },
+  senderPrivateKey
+)
+
+const seal = createSeal(rumor, senderPrivateKey, recipientPublicKey)
+const wrap = createWrap(seal, recipientPublicKey)
+
+// Recipient unwraps with their private key.
+
+const unwrappedSeal = nip44Decrypt(wrap, recipientPrivateKey)
+const unsealedRumor = nip44Decrypt(unwrappedSeal, recipientPrivateKey)
+```
diff --git a/dist/docs/nips/60.md b/dist/docs/nips/60.md
new file mode 100644
index 00000000..786ce977
--- /dev/null
+++ b/dist/docs/nips/60.md
@@ -0,0 +1,186 @@
+NIP-60
+======
+
+Cashu Wallets
+-------------
+
+`draft` `optional`
+
+This NIP defines the operations of a cashu-based wallet.
+
+A cashu wallet is a wallet which information is stored in relays to make it accessible across applications.
+
+The purpose of this NIP is:
+* ease-of-use: new users immediately are able to receive funds without creating accounts with other services.
+* interoperability: users' wallets follows them across applications.
+
+This NIP doesn't deal with users' *receiving* money from someone else, it's just to keep state of the user's wallet.
+
+## High-level flow
+1. A user has a `kind:17375` event that represents a wallet.
+2. A user has `kind:7375` events that represent the unspent proofs of the wallet. -- The proofs are encrypted with the user's private key.
+3. A user has `kind:7376` events that represent the spending history of the wallet -- This history is for informational purposes only and is completely optional.
+
+### Wallet Event
+```jsonc
+{
+    "kind": 17375,
+    "content": nip44_encrypt([
+        [ "privkey", "hexkey" ],
+        [ "mint", "https://mint1" ],
+        [ "mint", "https://mint2" ]
+    ]),
+    "tags": []
+}
+```
+
+The wallet event is an replaceable event `kind:17375`.
+
+Tags:
+* `mint` - Mint(s) this wallet uses -- there MUST be one or more mint tags.
+* `privkey` - Private key used to unlock P2PK ecash. MUST be stored encrypted in the `.content` field. **This is a different private key exclusively used for the wallet, not associated in any way to the user's Nostr private key** -- This is only used for receiving [NIP-61](61.md) nutzaps.
+
+### Token Event
+Token events are used to record unspent proofs.
+
+There can be multiple `kind:7375` events for the same mint, and multiple proofs inside each `kind:7375` event.
+
+```jsonc
+{
+    "kind": 7375,
+    "content": nip44_encrypt({
+        "mint": "https://stablenut.umint.cash",
+        "proofs": [
+            // one or more proofs in the default cashu format
+            {
+                "id": "005c2502034d4f12",
+                "amount": 1,
+                "secret": "z+zyxAVLRqN9lEjxuNPSyRJzEstbl69Jc1vtimvtkPg=",
+                "C": "0241d98a8197ef238a192d47edf191a9de78b657308937b4f7dd0aa53beae72c46"
+            }
+        ],
+        // tokens that were destroyed in the creation of this token (helps on wallet state transitions)
+        "del": [ "token-event-id-1", "token-event-id-2" ]
+    }),
+    "tags": []
+}
+```
+
+ * `.content` is a [NIP-44](44.md) encrypted payload:
+   * `mint`: The mint the proofs belong to.
+   * `proofs`: unencoded proofs
+   * `del`: token-ids that were destroyed by the creation of this token. This assists with state transitions.
+
+When one or more proofs of a token are spent, the token event should be [NIP-09](09.md)-deleted and, if some proofs are unspent from the same token event, a new token event should be created rolling over the unspent proofs and adding any change outputs to the new token event (the change output should include a `del` field).
+
+The `kind:5` _delete event_ created in the [NIP-09](09.md) process MUST have a tag `["k", "7375"]` to allow easy filtering by clients interested in state transitions.
+
+### Spending History Event
+Clients SHOULD publish `kind:7376` events to create a transaction history when their balance changes.
+
+```jsonc
+{
+    "kind": 7376,
+    "content": nip44_encrypt([
+        [ "direction", "in" ], // in = received, out = sent
+        [ "amount", "1" ],
+        [ "e", "<event-id-of-created-token>", "", "created" ]
+    ]),
+    "tags": [
+        [ "e", "<event-id-of-created-token>", "", "redeemed" ]
+    ]
+}
+```
+
+* `direction` - The direction of the transaction; `in` for received funds, `out` for sent funds.
+
+Clients MUST add `e` tags to create references of destroyed and created token events along with the marker of the meaning of the tag:
+* `created` - A new token event was created.
+* `destroyed` - A token event was destroyed.
+* `redeemed` - A [NIP-61](61.md) nutzap was redeemed.
+
+All tags can be [NIP-44](44.md) encrypted. Clients SHOULD leave `e` tags with a `redeemed` marker unencrypted.
+
+Multiple `e` tags can be added, and should be encrypted, except for tags with the `redeemed` marker.
+
+## Flow
+A client that wants to check for user's wallets information starts by fetching `kind:10019` events from the user's relays, if no event is found, it should fall back to using the user's [NIP-65](65.md) relays.
+
+### Fetch wallet and token list
+From those relays, the client should fetch wallet and token events.
+
+`"kinds": [17375, 7375], "authors": ["<my-pubkey>"]`
+
+### Fetch proofs
+
+### Spending token
+If Alice spends 4 sats from this token event
+```jsonc
+{
+    "kind": 7375,
+    "id": "event-id-1",
+    "content": nip44_encrypt({
+        "mint": "https://stablenut.umint.cash",
+        "proofs": [
+            { "id": "1", "amount": 1 },
+            { "id": "2", "amount": 2 },
+            { "id": "3", "amount": 4 },
+            { "id": "4", "amount": 8 },
+        ]
+    }),
+    "tags": []
+}
+```
+
+Her client:
+* MUST roll over the unspent proofs:
+```jsonc
+{
+    "kind": 7375,
+    "id": "event-id-2",
+    "content": nip44_encrypt({
+        "mint": "https://stablenut.umint.cash",
+        "proofs": [
+            { "id": "1", "amount": 1 },
+            { "id": "2", "amount": 2 },
+            { "id": "4", "amount": 8 },
+        ],
+        "del": [ "event-id-1" ]
+    }),
+    "tags": []
+}
+```
+* MUST delete event `event-id-1`
+* SHOULD add the `event-id-1` to the `del` array of deleted token-ids.
+* SHOULD create a `kind:7376` event to record the spend
+```jsonc
+{
+    "kind": 7376,
+    "content": nip44_encrypt([
+        [ "direction", "out" ],
+        [ "amount", "4" ],
+        [ "e", "<event-id-1>", "", "destroyed" ],
+        [ "e", "<event-id-2>", "", "created" ],
+    ]),
+    "tags": []
+}
+```
+
+### Redeeming a quote (optional)
+When creating a quote at a mint, an event can be used to keep the state of the quote ID, which will be used to check when the quote has been paid. These events should be created with an expiration tag [NIP-40](40.md) of 2 weeks (which is around the maximum amount of time a Lightning payment may be in-flight).
+
+However, application developers SHOULD use local state when possible and only publish this event when it makes sense in the context of their application.
+
+```jsonc
+{
+    "kind": 7374,
+    "content": nip44_encrypt("quote-id"),
+    "tags": [
+        [ "expiration", "<expiration-timestamp>" ],
+        [ "mint", "<mint-url>" ]
+    ]
+}
+```
+
+## Appendix 1: Validating proofs
+Clients can optionally validate proofs to make sure they are not working from an old state; this logic is left up to particular implementations to decide when and why to do it, but if some proofs are checked and deemed to have been spent, the client should delete the token and roll over any unspent proof.
diff --git a/dist/docs/nips/61.md b/dist/docs/nips/61.md
new file mode 100644
index 00000000..5ef7f680
--- /dev/null
+++ b/dist/docs/nips/61.md
@@ -0,0 +1,122 @@
+NIP-61
+======
+
+Nutzaps
+-------
+
+`draft` `optional`
+
+A Nutzap is a P2PK Cashu token in which the payment itself is the receipt.
+
+## High-level flow
+Alice wants to nutzap 1 sat to Bob because of an event `event-id-1` she liked.
+
+### Alice nutzaps Bob
+1. Alice fetches event `kind:10019` from Bob to see the mints Bob trusts.
+2. She mints a token at that mint (or swaps some tokens she already had in that mint) P2PK-locked to the pubkey Bob has listed in his `kind:10019`.
+3. She publishes a `kind:9321` event to the relays Bob indicated with the proofs she minted.
+
+### Bob receives the nutzap
+1. At some point, Bob's client fetches `kind:9321` events p-tagging him from his relays.
+2. Bob's client swaps the token into his wallet.
+
+## Nutzap informational event
+```jsonc
+{
+    "kind": 10019,
+    "tags": [
+        [ "relay", "wss://relay1" ],
+        [ "relay", "wss://relay2" ],
+        [ "mint", "https://mint1", "usd", "sat" ],
+        [ "mint", "https://mint2", "sat" ],
+        [ "pubkey", "<p2pk-pubkey>" ]
+    ]
+}
+```
+
+* `kind:10019` is an event that is useful for others to know how to send money to the user.
+* `relay`: relays where the user will be reading token events from. If a user wants to send money to the user, they should write to these relays.
+* `mint`: mints the user is explicitly agreeing to use to receive funds on. Clients SHOULD not send money on mints not listed here or risk burning their money. Additional markers can be used to list the supported base units of the mint.
+* `pubkey`: Public key that MUST be used to P2PK-lock receiving nutzaps -- implementations MUST NOT use the target user's main Nostr public key. This public key corresponds to the `privkey` field encrypted in a user's [nip-60](60.md) _wallet event_.
+
+### Nutzap event
+Event `kind:9321` is a nutzap event published by the sender, p-tagging the recipient. The outputs are P2PK-locked to the public key the recipient indicated in their `kind:10019` event.
+
+Clients MUST prefix the public key they P2PK-lock with `"02"` (for nostr<>cashu compatibility).
+
+```jsonc
+{
+    "kind": 9321,
+    "content": "Thanks for this great idea.",
+    "pubkey": "<sender-pubkey>",
+    "tags": [
+        [ "proof", "{\"amount\":1,\"C\":\"02277c66191736eb72fce9d975d08e3191f8f96afb73ab1eec37e4465683066d3f\",\"id\":\"000a93d6f8a1d2c4\",\"secret\":\"[\\\"P2PK\\\",{\\\"nonce\\\":\\\"b00bdd0467b0090a25bdf2d2f0d45ac4e355c482c1418350f273a04fedaaee83\\\",\\\"data\\\":\\\"02eaee8939e3565e48cc62967e2fde9d8e2a4b3ec0081f29eceff5c64ef10ac1ed\\\"}]\"}" ],
+        [ "u", "https://stablenut.umint.cash" ],
+        [ "e", "<nutzapped-event-id>", "<relay-hint>" ],
+        [ "k", "<nutzapped-kind>"],
+        [ "p", "e9fbced3a42dcf551486650cc752ab354347dd413b307484e4fd1818ab53f991" ], // recipient of nutzap
+    ]
+}
+```
+
+* `.content` is an optional comment for the nutzap
+* `.tags`:
+  * `proof` is one or more proofs P2PK-locked to the public key the recipient specified in their `kind:10019` event and including a DLEQ proof.
+  * `u` is the mint the URL of the mint EXACTLY as specified by the recipient's `kind:10019`.
+  * `p` is the Nostr identity public key of nutzap recipient.
+  * `e` is the event that is being nutzapped, if any.
+
+## Sending a nutzap
+
+* The sender fetches the recipient's `kind:10019`.
+* The sender mints/swaps ecash on one of the recipient's listed mints.
+* The sender P2PK-locks to the recipient's specified public key in their `kind:10019`
+
+## Receiving nutzaps
+
+Clients should REQ for nutzaps:
+* Filtering with `#u` for mints they expect to receive ecash from.
+  * this is to prevent even interacting with mints the user hasn't explicitly signaled.
+* Filtering with `since` of the most recent `kind:7376` event the same user has created.
+  * this can be used as a marker of the nutzaps that have already been swapped by the user -- clients might choose to use other kinds of markers, including internal state -- this is just a guidance of one possible approach.
+
+`{ "kinds": [9321], "#p": ["my-pubkey"], "#u": ["<mint-1>", "<mint-2>"], "since": <latest-created_at-of-kind-7376> }`.
+
+Upon receiving a new nutzap, the client should swap the tokens into a wallet the user controls, either a [NIP-60](60.md) wallet, their own LN wallet or anything else.
+
+### Updating nutzap-redemption history
+When claiming a token the client SHOULD create a `kind:7376` event and `e` tag the original nutzap event. This is to record that this token has already been claimed (and shouldn't be attempted again) and as signaling to the recipient that the ecash has been redeemed.
+
+Multiple `kind:9321` events can be tagged in the same `kind:7376` event.
+
+```jsonc
+{
+    "kind": 7376,
+    "content": nip44_encrypt([
+        [ "direction", "in" ], // in = received, out = sent
+        [ "amount", "1" ],
+        [ "e", "<7375-event-id>", "<relay-hint>", "created" ] // new token event that was created
+    ]),
+    "tags": [
+        [ "e", "<9321-event-id>", "<relay-hint>", "redeemed" ], // nutzap event that has been redeemed
+        [ "p", "<sender-pubkey>" ] // pubkey of the author of the 9321 event (nutzap sender)
+    ]
+}
+```
+
+Events that redeem a nutzap SHOULD be published to the sender's [NIP-65](65.md) "read" relays.
+
+### Verifying a Cashu Zap
+When listing or counting zaps received by any given event, observer clients SHOULD:
+
+* check that the receiving user has issued a `kind:10019` tagging the mint where the cashu has been minted.
+* check that the token is locked to the pubkey the user has listed in their `kind:10019`.
+* look at the `u` tag and check that the token is issued in one of the mints listed in the `kind:10019`.
+* locally verify the DLEQ proof of the tokens being sent.
+
+All these checks can be done offline (as long as the observer has the receiver mints' keyset and their `kind:10019` event), so the process should be reasonably fast.
+
+### Final Considerations
+1. Clients SHOULD guide their users to use NUT-11 (P2PK) and NUT-12 (DLEQ proofs) compatible-mints in their `kind:10019` event to avoid receiving nutzaps anyone can spend.
+2. Clients SHOULD normalize and deduplicate mint URLs as described in NIP-65.
+3. A nutzap event MUST include proofs in one of the mints the recipient has listed in their `kind:10019` and published to the NIP-65 relays of the recipient, failure to do so may result in the recipient donating the tokens to the mint since the recipient might never see the event.
diff --git a/dist/docs/nips/62.md b/dist/docs/nips/62.md
new file mode 100644
index 00000000..a00ddfc0
--- /dev/null
+++ b/dist/docs/nips/62.md
@@ -0,0 +1,61 @@
+NIP-62
+======
+
+Request to Vanish
+-----------------
+
+`draft` `optional`
+
+This NIP offers a Nostr-native way to request a complete reset of a key's fingerprint on the web. This procedure is legally binding in some jurisdictions, and thus, supporters of this NIP should truly delete events from their database. 
+
+## Request to Vanish from Relay
+
+Kind `62` requests a specific relay to delete everything, including [NIP-09](09.md) Deletion Events, from the `.pubkey` until its `.created_at`. 
+
+```jsonc
+{
+  "kind": 62,
+  "pubkey": <32-byte hex-encoded public key of the event creator>,
+  "tags": [
+    ["relay", "<relay url>"]
+  ],
+  "content": "<reason or note>",
+  //...other fields
+}
+```
+
+The tag list MUST include at least one `relay` value. 
+
+Content MAY include a reason or a legal notice to the relay operator. 
+
+Relays MUST fully delete any events from the `.pubkey` if their service URL is tagged in the event. 
+
+Relays SHOULD delete all [NIP-59](59.md) Gift Wraps that p-tagged the `.pubkey` if their service URL is tagged in the event, deleting all DMs to the pubkey.
+
+Relays MUST ensure the deleted events cannot be re-broadcasted into the relay. 
+
+Relays MAY store the signed request to vanish for bookkeeping.
+
+Paid relays or relays that restrict who can post MUST also follow the request to vanish regardless of the user's status. 
+
+Publishing a deletion request event (Kind `5`) against a request to vanish has no effect. Clients and relays are not obliged to support "unrequest vanish" functionality.
+
+Clients SHOULD send this event to the target relays only. 
+
+## Global Request to Vanish
+
+To request ALL relays to delete everything, the event MUST include a `relay` tag with the value `ALL_RELAYS` in uppercase. 
+
+```jsonc
+{
+  "kind": 62,
+  "pubkey": <32-byte hex-encoded public key of the event creator>,
+  "tags": [
+    ["relay", "ALL_RELAYS"]
+  ],
+  "content": "<reason>",
+  //...other fields
+}
+```
+
+Clients SHOULD broadcast this event to as many relays as possible. 
diff --git a/dist/docs/nips/64.md b/dist/docs/nips/64.md
new file mode 100644
index 00000000..48bdd2b4
--- /dev/null
+++ b/dist/docs/nips/64.md
@@ -0,0 +1,146 @@
+NIP-64
+======
+
+Chess (Portable Game Notation)
+------------------------------
+
+`draft` `optional`
+
+This NIP defines `kind:64` notes representing chess games in [PGN][pgn_specification] format, which can be read by humans and is also supported by most chess software.
+
+## Note
+
+### Content
+
+The `.content` of these notes is a string representing a [PGN-database][pgn_formal_syntax].
+
+### Notes
+
+```jsonc
+{
+  "kind": 64,
+  "content": "1. e4 *",
+  // other fields...
+}
+```
+
+```jsonc
+{
+  "kind": 64,
+  "tags": [
+    ["alt", "Fischer vs. Spassky in Belgrade on 1992-11-04 (F/S Return Match, Round 29)"],
+    // rest of tags...
+  ],
+  "content": "[Event \"F/S Return Match\"]\n[Site \"Belgrade, Serbia JUG\"]\n[Date \"1992.11.04\"]\n[Round \"29\"]\n[White \"Fischer, Robert J.\"]\n[Black \"Spassky, Boris V.\"]\n[Result \"1/2-1/2\"]\n\n1. e4 e5 2. Nf3 Nc6 3. Bb5 {This opening is called the Ruy Lopez.} 3... a6\n4. Ba4 Nf6 5. O-O Be7 6. Re1 b5 7. Bb3 d6 8. c3 O-O 9. h3 Nb8 10. d4 Nbd7\n11. c4 c6 12. cxb5 axb5 13. Nc3 Bb7 14. Bg5 b4 15. Nb1 h6 16. Bh4 c5 17. dxe5\nNxe4 18. Bxe7 Qxe7 19. exd6 Qf6 20. Nbd2 Nxd6 21. Nc4 Nxc4 22. Bxc4 Nb6\n23. Ne5 Rae8 24. Bxf7+ Rxf7 25. Nxf7 Rxe1+ 26. Qxe1 Kxf7 27. Qe3 Qg5 28. Qxg5\nhxg5 29. b3 Ke6 30. a3 Kd6 31. axb4 cxb4 32. Ra5 Nd5 33. f3 Bc8 34. Kf2 Bf5\n35. Ra7 g6 36. Ra6+ Kc5 37. Ke1 Nf4 38. g3 Nxh3 39. Kd2 Kb5 40. Rd6 Kc5 41. Ra6\nNf2 42. g4 Bd3 43. Re6 1/2-1/2",
+  // other fields...
+}
+```
+
+## Client Behavior
+
+Clients SHOULD display the content represented as chessboard.
+
+Clients SHOULD publish PGN notes in ["export format"][pgn_export_format] ("strict mode", i.e. created by machines) but expect incoming notes to be in ["import format"][pgn_import_format] ("lax mode", i.e. created by humans).
+
+Clients SHOULD check whether the formatting is valid and all moves comply with chess rules.
+
+Clients MAY include additional tags (e.g. like [`"alt"`](31.md)) in order to represent the note to users of non-supporting clients.
+
+## Relay Behavior
+
+Relays MAY validate PGN contents and reject invalid notes.
+
+
+## Examples
+
+```pgn
+// A game where nothing is known. Game still in progress, game abandoned, or result otherwise unknown. 
+// Maybe players died before a move has been made.
+*
+```
+
+```pgn
+1. e4 *
+```
+
+```pgn
+[White "Fischer, Robert J."]
+[Black "Spassky, Boris V."]
+
+1. e4 e5 2. Nf3 Nc6 3. Bb5 {This opening is called the Ruy Lopez.} *
+```
+
+```pgn
+[Event "F/S Return Match"]
+[Site "Belgrade, Serbia JUG"]
+[Date "1992.11.04"]
+[Round "29"]
+[White "Fischer, Robert J."]
+[Black "Spassky, Boris V."]
+[Result "1/2-1/2"]
+
+1. e4 e5 2. Nf3 Nc6 3. Bb5 {This opening is called the Ruy Lopez.} 3... a6
+4. Ba4 Nf6 5. O-O Be7 6. Re1 b5 7. Bb3 d6 8. c3 O-O 9. h3 Nb8 10. d4 Nbd7
+11. c4 c6 12. cxb5 axb5 13. Nc3 Bb7 14. Bg5 b4 15. Nb1 h6 16. Bh4 c5 17. dxe5
+Nxe4 18. Bxe7 Qxe7 19. exd6 Qf6 20. Nbd2 Nxd6 21. Nc4 Nxc4 22. Bxc4 Nb6
+23. Ne5 Rae8 24. Bxf7+ Rxf7 25. Nxf7 Rxe1+ 26. Qxe1 Kxf7 27. Qe3 Qg5 28. Qxg5
+hxg5 29. b3 Ke6 30. a3 Kd6 31. axb4 cxb4 32. Ra5 Nd5 33. f3 Bc8 34. Kf2 Bf5
+35. Ra7 g6 36. Ra6+ Kc5 37. Ke1 Nf4 38. g3 Nxh3 39. Kd2 Kb5 40. Rd6 Kc5 41. Ra6
+Nf2 42. g4 Bd3 43. Re6 1/2-1/2
+```
+
+```pgn
+[Event "Hourly HyperBullet Arena"]
+[Site "https://lichess.org/wxx4GldJ"]
+[Date "2017.04.01"]
+[White "T_LUKE"]
+[Black "decidement"]
+[Result "1-0"]
+[UTCDate "2017.04.01"]
+[UTCTime "11:56:14"]
+[WhiteElo "2047"]
+[BlackElo "1984"]
+[WhiteRatingDiff "+10"]
+[BlackRatingDiff "-7"]
+[Variant "Standard"]
+[TimeControl "30+0"]
+[ECO "B00"]
+[Termination "Abandoned"]
+
+1. e4 1-0
+
+
+[Event "Hourly HyperBullet Arena"]
+[Site "https://lichess.org/rospUdSk"]
+[Date "2017.04.01"]
+[White "Bastel"]
+[Black "oslochess"]
+[Result "1-0"]
+[UTCDate "2017.04.01"]
+[UTCTime "11:55:56"]
+[WhiteElo "2212"]
+[BlackElo "2000"]
+[WhiteRatingDiff "+6"]
+[BlackRatingDiff "-4"]
+[Variant "Standard"]
+[TimeControl "30+0"]
+[ECO "A01"]
+[Termination "Normal"]
+
+1. b3 d5 2. Bb2 c6 3. Nc3 Bf5 4. d4 Nf6 5. e3 Nbd7 6. f4 Bg6 7. Nf3 Bh5 8. Bd3 e6 9. O-O Be7 10. Qe1 O-O 11. Ne5 Bg6 12. Nxg6 hxg6 13. e4 dxe4 14. Nxe4 Nxe4 15. Bxe4 Nf6 16. c4 Bd6 17. Bc2 Qc7 18. f5 Be7 19. fxe6 fxe6 20. Qxe6+ Kh8 21. Qh3+ Kg8 22. Bxg6 Qd7 23. Qe3 Bd6 24. Bf5 Qe7 25. Be6+ Kh8 26. Qh3+ Nh7 27. Bf5 Rf6 28. Qxh7# 1-0
+```
+
+## Resources
+- [PGN Specification][pgn_specification]: PGN (Portable Game Notation) specification
+- [PGN Specification Supplement](https://github.com/mliebelt/pgn-spec-commented/blob/main/pgn-spec-supplement.md): Addition for adding graphical elements, clock values, eval, ...
+- [PGN Formal Syntax][pgn_formal_syntax]
+- [PGN Seven Tag Roster][pgn_seven_tag_roster]
+- [PGN Import Format][pgn_import_format]
+- [PGN Export Format][pgn_export_format]
+- [lichess / pgn-viewer (GitHub)](https://github.com/lichess-org/pgn-viewer): PGN viewer widget, designed to be embedded in content pages
+
+[pgn_specification]: https://github.com/mliebelt/pgn-spec-commented/blob/main/pgn-specification.md
+[pgn_formal_syntax]: https://github.com/mliebelt/pgn-spec-commented/blob/main/pgn-specification.md#18-formal-syntax
+[pgn_seven_tag_roster]: https://github.com/mliebelt/pgn-spec-commented/blob/main/pgn-specification.md%23811-seven-tag-roster
+[pgn_import_format]: https://github.com/mliebelt/pgn-spec-commented/blob/main/pgn-specification.md#31-import-format-allows-for-manually-prepared-data
+[pgn_export_format]: https://github.com/mliebelt/pgn-spec-commented/blob/main/pgn-specification.md#32-export-format-used-for-program-generated-output
diff --git a/dist/docs/nips/65.md b/dist/docs/nips/65.md
new file mode 100644
index 00000000..36f0d122
--- /dev/null
+++ b/dist/docs/nips/65.md
@@ -0,0 +1,43 @@
+NIP-65
+======
+
+Relay List Metadata
+-------------------
+
+`draft` `optional`
+
+Defines a replaceable event using `kind:10002` to advertise relays where the user generally **writes** to and relays where the user generally **reads** mentions.
+
+The event MUST include a list of `r` tags with relay URLs as value and an optional `read` or `write` marker. If the marker is omitted, the relay is both **read** and **write**.
+
+```jsonc
+{
+  "kind": 10002,
+  "tags": [
+    ["r", "wss://alicerelay.example.com"],
+    ["r", "wss://brando-relay.com"],
+    ["r", "wss://expensive-relay.example2.com", "write"],
+    ["r", "wss://nostr-relay.example.com", "read"]
+  ],
+  "content": "",
+  // other fields...
+}
+```
+
+When downloading events **from** a user, clients SHOULD use the **write** relays of that user.
+
+When downloading events **about** a user, where the user was tagged (mentioned), clients SHOULD use the user's **read** relays.
+
+When publishing an event, clients SHOULD:
+
+- Send the event to the **write** relays of the author
+- Send the event to all **read** relays of each tagged user
+- Send the author's `kind:10002` event to all relays the event was published to
+
+### Size
+
+Clients SHOULD guide users to keep `kind:10002` lists small (2-4 relays of each category).
+
+### Discoverability
+
+Clients SHOULD spread an author's `kind:10002` event to as many relays as viable, paying attention to relays that, at any moment, serve naturally as well-known public indexers for these relay lists (where most other clients and users are connecting to in order to publish and fetch those).
diff --git a/dist/docs/nips/66.md b/dist/docs/nips/66.md
new file mode 100644
index 00000000..59ac1a2e
--- /dev/null
+++ b/dist/docs/nips/66.md
@@ -0,0 +1,97 @@
+NIP-66
+======
+
+Relay Discovery and Liveness Monitoring
+-------------------
+
+`draft` `optional`
+
+This NIP defines events for relay discovery and the announcement of relay monitors.
+
+## Relay Discovery Events
+
+`30166` relay discovery events document relay characteristics inferred either from a relay's [NIP 11](https://github.com/nostr-protocol/nips/blob/master/11.md) document, or via probing.
+
+Information corresponding to field in a relay's NIP 11 document MAY contradict actual values if monitors find that a different policy is implemented than is advertised.
+
+`content` MAY include the stringified JSON of the relay's NIP-11 informational document.
+
+The only required tag is the `d` tag, which MUST be set to the relay's [normalized](https://datatracker.ietf.org/doc/html/rfc3986#section-6) URL. For relays not accessible via URL, a hex-encoded pubkey MAY be used instead.
+
+Other tags include:
+
+- `rtt-open` - The relay's open round-trip time in milliseconds.
+- `rtt-read` - The relay's read round-trip time in milliseconds.
+- `rtt-write` - The relay's write round-trip time in milliseconds.
+- `n` - The relay's network type. SHOULD be one of `clearnet`, `tor`, `i2p`, `loki`
+- `T` - The relay type. Enumerated [relay type](https://github.com/nostr-protocol/nips/issues/1282) formatted as `PascalCase`, e.g. `PrivateInbox`
+- `N` - NIPs supported by the relay
+- `R` - Keys corresponding to requirements per [NIP 11](https://github.com/nostr-protocol/nips/blob/master/11.md)'s `limitations` array, including `auth`, `writes`, `pow`, and `payment`. False values should be specified using a `!` prefix, for example `!auth`.
+- `t` - A topic associated with this relay
+- `k` - Accepted and unaccepted kinds (false values prepended by `!`) 
+- `g` - A [NIP-52](https://github.com/nostr-protocol/nips/blob/master/52.md) geohash
+
+Tags with more than one value should be repeated, rather than putting all values in a single tag, for example `[["t", "cats"], ["t", "dogs"]]`, rather than `[["t", "cats", "dogs"]]`.
+
+Example:
+
+```json
+{
+  "id": "<eventid>",
+  "pubkey": "<monitor's pubkey>",
+  "created_at": "<created_at  [some recent date ...]>",
+  "signature": "<signature>",
+  "content": "<optional nip 11 document>",
+  "kind": 30166,
+  "tags": [
+    ["d","wss://some.relay/"],
+    ["n", "clearnet"],
+    ["N", "40"],
+    ["N", "33"],
+    ["R", "!payment"],
+    ["R", "auth"],
+    ["g", "ww8p1r4t8"],
+    ["l", "en", "ISO-639-1"],
+    ["t", "nsfw" ],
+    ["rtt-open", "234" ]
+  ]
+}
+```
+
+## Relay Monitor Announcements
+
+Kind `10166` relay monitor announcements advertise the author's intent to publish `30166` events. This event is optional and is intended for monitors who intend to provide monitoring services at a regular and predictable frequency.
+
+Tags include:
+
+- `frequency` - The frequency in seconds at which the monitor publishes events.
+- `timeout` (optional) - The timeout values for various checks conducted by a monitor. Index `1` is the monitor's timeout in milliseconds. Index `2` describes what test the timeout is used for. If no index `2` is provided, it is inferred that the timeout provided applies to all tests.
+- `c` - a lowercase string describing the checks conducted by a monitor. Examples include `open`, `read`, `write`, `auth`, `nip11`, `dns`, and `geo`.
+- `g` - [NIP-52](https://github.com/nostr-protocol/nips/blob/master/11.md) geohash tag
+
+Monitors SHOULD also publish a `kind 0` profile and a `kind 10002` relay selections event.
+
+Example:
+
+```json
+{
+  "id": "<eventid>",
+  "pubkey": "<monitor's pubkey>",
+  "created_at": "<created_at  [some recent date ...]>",
+  "signature": "<signature>",
+  "content": "",
+  "tags": [
+    [ "timeout", "open", "5000"  ],
+    [ "timeout", "read", "3000"  ],
+    [ "timeout", "write", "3000" ],
+    [ "timeout", "nip11", "3000" ],
+    [ "frequency", "3600" ],
+    [ "c", "ws" ],
+    [ "c", "nip11" ],
+    [ "c", "ssl" ],
+    [ "c", "dns" ],
+    [ "c", "geo" ]
+    [ "g", "ww8p1r4t8" ]
+  ]
+}
+```
diff --git a/dist/docs/nips/68.md b/dist/docs/nips/68.md
new file mode 100644
index 00000000..918378a9
--- /dev/null
+++ b/dist/docs/nips/68.md
@@ -0,0 +1,92 @@
+NIP-68
+======
+
+Picture-first feeds
+-------------------
+
+`draft` `optional`
+
+This NIP defines event kind `20` for picture-first clients. Images must be self-contained. They are hosted externally and referenced using `imeta` tags.
+
+The idea is for this type of event to cater to Nostr clients resembling platforms like Instagram, Flickr, Snapchat, or 9GAG, where the picture itself takes center stage in the user experience.
+
+## Picture Events
+
+Picture events contain a `title` tag and description in the `.content`.
+
+They may contain multiple images to be displayed as a single post.
+
+```jsonc
+{
+  "id": <32-bytes lowercase hex-encoded SHA-256 of the the serialized event data>,
+  "pubkey": <32-bytes lowercase hex-encoded public key of the event creator>,
+  "created_at": <Unix timestamp in seconds>,
+  "kind": 20,
+  "content": "<description of post>",
+  "tags": [
+    ["title", "<short title of post>"],
+
+    // Picture Data
+    [
+      "imeta",
+      "url https://nostr.build/i/my-image.jpg",
+      "m image/jpeg",
+      "blurhash eVF$^OI:${M{o#*0-nNFxakD-?xVM}WEWB%iNKxvR-oetmo#R-aen$",
+      "dim 3024x4032",
+      "alt A scenic photo overlooking the coast of Costa Rica",
+      "x <sha256 hash as specified in NIP 94>",
+      "fallback https://nostrcheck.me/alt1.jpg",
+      "fallback https://void.cat/alt1.jpg"
+    ],
+    [
+      "imeta",
+      "url https://nostr.build/i/my-image2.jpg",
+      "m image/jpeg",
+      "blurhash eVF$^OI:${M{o#*0-nNFxakD-?xVM}WEWB%iNKxvR-oetmo#R-aen$",
+      "dim 3024x4032",
+      "alt Another scenic photo overlooking the coast of Costa Rica",
+      "x <sha256 hash as specified in NIP 94>",
+      "fallback https://nostrcheck.me/alt2.jpg",
+      "fallback https://void.cat/alt2.jpg",
+
+      "annotate-user <32-bytes hex of a pubkey>:<posX>:<posY>" // Tag users in specific locations in the picture
+    ],
+
+    ["content-warning", "<reason>"], // if NSFW
+
+    // Tagged users
+    ["p", "<32-bytes hex of a pubkey>", "<optional recommended relay URL>"],
+    ["p", "<32-bytes hex of a pubkey>", "<optional recommended relay URL>"],
+
+    // Specify the media type for filters to allow clients to filter by supported kinds
+    ["m", "image/jpeg"],
+
+    // Hashes of each image to make them queryable
+    ["x", "<sha256>"]
+
+    // Hashtags
+    ["t", "<tag>"],
+    ["t", "<tag>"],
+
+    // location
+    ["location", "<location>"], // city name, state, country
+    ["g", "<geohash>"],
+
+    // When text is written in the image, add the tag to represent the language
+    ["L", "ISO-639-1"],
+    ["l", "en", "ISO-639-1"]
+  ]
+}
+```
+
+The `imeta` tag `annotate-user` places a user link in the specific position in the image.
+
+Only the following media types are accepted:
+- `image/apng`: Animated Portable Network Graphics (APNG)
+- `image/avif`: AV1 Image File Format (AVIF)
+- `image/gif`: Graphics Interchange Format (GIF)
+- `image/jpeg`: Joint Photographic Expert Group image (JPEG)
+- `image/png`: Portable Network Graphics (PNG)
+- `image/webp`: Web Picture format (WEBP)
+
+Picture events might be used with [NIP-71](71.md)'s kind `22` to display short vertical videos in the same feed.
diff --git a/dist/docs/nips/69.md b/dist/docs/nips/69.md
new file mode 100644
index 00000000..8a28331f
--- /dev/null
+++ b/dist/docs/nips/69.md
@@ -0,0 +1,89 @@
+NIP-69
+======
+
+Peer-to-peer Order events
+-------------------------
+
+`draft` `optional`
+
+## Abstract
+
+Peer-to-peer (P2P) platforms have seen an upturn in recent years, while having more and more options is positive, in the specific case of p2p, having several options contributes to the liquidity split, meaning sometimes there's not enough assets available for trading. If we combine all these individual solutions into one big pool of orders, it will make them much more competitive compared to centralized systems, where a single authority controls the liquidity.
+
+This NIP defines a simple standard for peer-to-peer order events, which enables the creation of a big liquidity pool for all p2p platforms participating.
+
+## The event
+
+Events are [addressable events](01.md#kinds) and use `38383` as event kind, a p2p event look like this:
+
+```json
+{
+  "id": "84fad0d29cb3529d789faeff2033e88fe157a48e071c6a5d1619928289420e31",
+  "pubkey": "dbe0b1be7aafd3cfba92d7463edbd4e33b2969f61bd554d37ac56f032e13355a",
+  "created_at": 1702548701,
+  "kind": 38383,
+  "tags": [
+    ["d", "ede61c96-4c13-4519-bf3a-dcf7f1e9d842"],
+    ["k", "sell"],
+    ["f", "VES"],
+    ["s", "pending"],
+    ["amt", "0"],
+    ["fa", "100"],
+    ["pm", "face to face", "bank transfer"],
+    ["premium", "1"],
+    [
+      "rating",
+      "{\"total_reviews\":1,\"total_rating\":3.0,\"last_rating\":3,\"max_rate\":5,\"min_rate\":1}"
+    ],
+    ["source", "https://t.me/p2plightning/xxxxxxx"],
+    ["network", "mainnet"],
+    ["layer", "lightning"],
+    ["name", "Nakamoto"],
+    ["g", "<geohash>"],
+    ["bond", "0"],
+    ["expiration", "1719391096"],
+    ["y", "lnp2pbot"],
+    ["z", "order"]
+  ],
+  "content": "",
+  "sig": "7e8fe1eb644f33ff51d8805c02a0e1a6d034e6234eac50ef7a7e0dac68a0414f7910366204fa8217086f90eddaa37ded71e61f736d1838e37c0b73f6a16c4af2"
+}
+```
+
+## Tags
+
+- `d` < Order ID >: A unique identifier for the order.
+- `k` < Order type >: `sell` or `buy`.
+- `f` < Currency >: The asset being traded, using the [ISO 4217](https://en.wikipedia.org/wiki/ISO_4217) standard.
+- `s` < Status >: `pending`, `canceled`, `in-progress`, `success`.
+- `amt` < Amount >: The amount of Bitcoin to be traded, the amount is defined in satoshis, if `0` means that the amount of satoshis will be obtained from a public API after the taker accepts the order.
+- `fa` < Fiat amount >: The fiat amount being traded, for range orders two values are expected, the minimum and maximum amount.
+- `pm` < Payment method >: The payment method used for the trade, if the order has multiple payment methods, they should be separated by a comma.
+- `premium` < Premium >: The percentage of the premium the maker is willing to pay.
+- `source` [Source]: The source of the order, it can be a URL that redirects to the order.
+- `rating` [Rating]: The rating of the maker, this document does not define how the rating is calculated, it's up to the platform to define it.
+- `network` < Network >: The network used for the trade, it can be `mainnet`, `testnet`, `signet`, etc.
+- `layer` < Layer >: The layer used for the trade, it can be `onchain`, `lightning`, `liquid`, etc.
+- `name` [Name]: The name of the maker.
+- `g` [Geohash]: The geohash of the operation, it can be useful in a face to face trade.
+- `bond` [Bond]: The bond amount, the bond is a security deposit that both parties must pay.
+- `expiration` < Expiration\>: The expiration date of the order ([NIP-40](40.md)).
+- `y` < Platform >: The platform that created the order.
+- `z` < Document >: `order`.
+
+Mandatory tags are enclosed with `<tag>`, optional tags are enclosed with `[tag]`.
+
+## Implementations
+
+Currently implemented on the following platforms:
+
+- [Mostro](https://github.com/MostroP2P/mostro)
+- [@lnp2pBot](https://github.com/lnp2pBot/bot)
+- [Robosats](https://github.com/RoboSats/robosats/pull/1362)
+- [Peach Bitcoin](https://github.com/Peach2Peach/peach-nostr-announcer-bot)
+
+## References
+
+- [Mostro protocol specification](https://mostro.network/protocol/)
+- [Messages specification for peer 2 peer NIP proposal](https://github.com/nostr-protocol/nips/blob/8250274a22f4882f621510df0054fd6167c10c9e/31001.md)
+- [n3xB](https://github.com/nobu-maeda/n3xb)
diff --git a/dist/docs/nips/70.md b/dist/docs/nips/70.md
new file mode 100644
index 00000000..043d5fbf
--- /dev/null
+++ b/dist/docs/nips/70.md
@@ -0,0 +1,45 @@
+NIP-70
+======
+
+Protected Events
+----------------
+
+`draft` `optional`
+
+When the `"-"` tag is present, that means the event is "protected".
+
+A protected event is an event that can only be published to relays by its author. This is achieved by relays ensuring that the author is [authenticated](42.md) before publishing their own events or by just rejecting events with `["-"]` outright.
+
+The default behavior of a relay MUST be to reject any event that contains `["-"]`.
+
+Relays that want to accept such events MUST first require that the client perform the [NIP-42](42.md) `AUTH` flow and then check if the authenticated client has the same pubkey as the event being published and only accept the event in that case.
+
+## The tag
+
+The tag is a simple tag with a single item: `["-"]`. It may be added to any event.
+
+## Example flow
+
+- User `79be667ef9dcbbac55a06295ce870b07029bfcdb2dce28d959f2815b16f81798` connects to relay `wss://example.com`:
+
+```jsonc
+/* client: */
+["EVENT",{"id":"cb8feca582979d91fe90455867b34dbf4d65e4b86e86b3c68c368ca9f9eef6f2","pubkey":"79be667ef9dcbbac55a06295ce870b07029bfcdb2dce28d959f2815b16f81798","created_at":1707409439,"kind":1,"tags":[["-"]],"content":"hello members of the secret group","sig":"fa163f5cfb75d77d9b6269011872ee22b34fb48d23251e9879bb1e4ccbdd8aaaf4b6dc5f5084a65ef42c52fbcde8f3178bac3ba207de827ec513a6aa39fa684c"}]
+/* relay: */
+["AUTH", "<challenge>"]
+["OK", "cb8feca582979d91fe90455867b34dbf4d65e4b86e86b3c68c368ca9f9eef6f2", false, "auth-required: this event may only be published by its author"]
+/* client: */
+["AUTH", {}]
+["EVENT",{"id":"cb8feca582979d91fe90455867b34dbf4d65e4b86e86b3c68c368ca9f9eef6f2","pubkey":"79be667ef9dcbbac55a06295ce870b07029bfcdb2dce28d959f2815b16f81798","created_at":1707409439,"kind":1,"tags":[["-"]],"content":"hello members of the secret group","sig":"fa163f5cfb75d77d9b6269011872ee22b34fb48d23251e9879bb1e4ccbdd8aaaf4b6dc5f5084a65ef42c52fbcde8f3178bac3ba207de827ec513a6aa39fa684c"}]
+["OK", "cb8feca582979d91fe90455867b34dbf4d65e4b86e86b3c68c368ca9f9eef6f2", true, ""]
+```
+
+## Why
+
+There are multiple circumstances in which it would be beneficial to prevent the unlimited spreading of an event through all relays imaginable and restrict some to only a certain demographic or to a semi-closed community relay. Even when the information is public it may make sense to keep it compartimentalized across different relays.
+
+It's also possible to create closed access feeds with this when the publisher has some relationship with the relay and trusts the relay to not release their published events to anyone.
+
+Even though it's ultimately impossible to restrict the spread of information on the internet (for example, one of the members of the closed group may want to take an event intended to be restricted and republish it to other relays), most relays would be happy to not facilitate the acts of these so-called "pirates", in respect to the original decision of the author and therefore gladly reject these republish acts if given the means to.
+
+This NIP gives these authors and relays the means to clearly signal when a given event is not intended to be republished by third parties.
diff --git a/dist/docs/nips/71.md b/dist/docs/nips/71.md
new file mode 100644
index 00000000..303ec5a3
--- /dev/null
+++ b/dist/docs/nips/71.md
@@ -0,0 +1,137 @@
+NIP-71
+======
+
+Video Events
+------------
+
+`draft` `optional`
+
+This specification defines _video_ events representing a dedicated post of externally hosted content.
+
+Unlike a `kind:1` event with a video attached, video events are meant to contain all additional metadata concerning the subject media and to be surfaced in video-specific clients rather than general micro-blogging clients. The thought is for events of this kind to be referenced in a Netflix, YouTube, or TikTok like nostr client where the video itself is at the center of the experience.
+
+## Video Events
+
+There are two types of video events represented by different kinds: _normal_ and _short_ video events. This is meant to allow clients to cater to each as the viewing experience for longer, mostly horizontal (landscape) videos is often different than that of short-form, mostly vertical (portrait), videos ("stories", "reels", "shorts" etc).
+
+Nothing except cavaliership and common sense prevents a _short_ video from being long, or a _normal_ video from being vertical, and that may or may not be justified, it's mostly a stylistic qualitative difference, not a question of actual raw size.
+
+#### Format
+
+The format uses a _regular event_ kind `21` for _normal_ videos and `22` for _short_ videos.
+
+The `.content` of these events is a summary or description on the video content.
+
+The primary source of video information is the `imeta` tags which is defined in [NIP-92](92.md)
+
+Each `imeta` tag can be used to specify a variant of the video by the `dim` & `m` properties.
+
+This NIP defines the following additional `imeta` properties aside form those listen in [NIP-92](92.md) & [NIP-94](94.md):
+
+* `duration` (recommended) the duration of the video/audio in seconds (floating point number)
+* `bitrate` (recommended) the average bitrate of the video/audio in bits/sec
+
+Example:
+```json
+[
+  ["imeta",
+    "dim 1920x1080",
+    "url https://myvideo.com/1080/12345.mp4",
+    "x 3093509d1e0bc604ff60cb9286f4cd7c781553bc8991937befaacfdc28ec5cdc",
+    "m video/mp4",
+    "image https://myvideo.com/1080/12345.jpg",
+    "image https://myotherserver.com/1080/12345.jpg",
+    "fallback https://myotherserver.com/1080/12345.mp4",
+    "fallback https://andanotherserver.com/1080/12345.mp4",
+    "service nip96",
+    "bitrate 3000000",
+    "duration 29.223"
+  ],
+  ["imeta",
+    "dim 1280x720",
+    "url https://myvideo.com/720/12345.mp4",
+    "x e1d4f808dae475ed32fb23ce52ef8ac82e3cc760702fca10d62d382d2da3697d",
+    "m video/mp4",
+    "image https://myvideo.com/720/12345.jpg",
+    "image https://myotherserver.com/720/12345.jpg",
+    "fallback https://myotherserver.com/720/12345.mp4",
+    "fallback https://andanotherserver.com/720/12345.mp4",
+    "service nip96",
+    "bitrate 2000000",
+    "duration 29.24"
+  ],
+  ["imeta",
+    "dim 1280x720",
+    "url https://myvideo.com/720/12345.m3u8",
+    "x 704e720af2697f5d6a198ad377789d462054b6e8d790f8a3903afbc1e044014f",
+    "m application/x-mpegURL",
+    "image https://myvideo.com/720/12345.jpg",
+    "image https://myotherserver.com/720/12345.jpg",
+    "fallback https://myotherserver.com/720/12345.m3u8",
+    "fallback https://andanotherserver.com/720/12345.m3u8",
+    "service nip96",
+    "duration 29.21"
+  ],
+]
+```
+
+Where `url` is the primary server url and `fallback` are other servers hosting the same file, both `url` and `fallback` should be weighted equally and clients are recommended to use any of the provided video urls.
+
+The `image` tag contains a preview image (at the same resolution). Multiple `image` tags may be used to specify fallback copies in the same way `fallback` is used for `url`.
+
+Additionally `service nip96` may be included to allow clients to search the authors NIP-96 server list to find the file using the hash.
+
+### Other tags:
+* `title` (required) title of the video
+* `published_at`, for the timestamp in unix seconds (stringified) of the first time the video was published
+* `text-track` (optional, repeated) link to WebVTT file for video, type of supplementary information (captions/subtitles/chapters/metadata), optional language code
+* `content-warning` (optional) warning about content of NSFW video
+* `alt` (optional) description for accessibility
+* `segment` (optional, repeated) start timestamp in format `HH:MM:SS.sss`, end timestamp in format `HH:MM:SS.sss`, chapter/segment title, chapter thumbnail-url
+* `t` (optional, repeated) hashtag to categorize video
+* `p` (optional, repeated) 32-bytes hex pubkey of a participant in the video, optional recommended relay URL
+* `r` (optional, repeated) references / links to web pages
+
+```jsonc
+{
+  "id": "<32-bytes lowercase hex-encoded SHA-256 of the the serialized event data>",
+  "pubkey": "<32-bytes lowercase hex-encoded public key of the event creator>",
+  "created_at": <Unix timestamp in seconds>,
+  "kind": 21 | 22,
+  "content": "<summary / description of video>",
+  "tags": [
+    ["title", "<title of video>"],
+    ["published_at", "<unix timestamp>"],
+    ["alt", "<description>"],
+
+    // video Data
+    ["imeta",
+      "dim 1920x1080",
+      "url https://myvideo.com/1080/12345.mp4",
+      "x 3093509d1e0bc604ff60cb9286f4cd7c781553bc8991937befaacfdc28ec5cdc",
+      "m video/mp4",
+      "image https://myvideo.com/1080/12345.jpg",
+      "image https://myotherserver.com/1080/12345.jpg",
+      "fallback https://myotherserver.com/1080/12345.mp4",
+      "fallback https://andanotherserver.com/1080/12345.mp4",
+      "service nip96",
+    ],
+
+    ["text-track", "<encoded `kind 6000` event>", "<recommended relay urls>"],
+    ["content-warning", "<reason>"],
+    ["segment", <start>, <end>, "<title>", "<thumbnail URL>"],
+
+    // participants
+    ["p", "<32-bytes hex of a pubkey>", "<optional recommended relay URL>"],
+    ["p", "<32-bytes hex of a pubkey>", "<optional recommended relay URL>"],
+
+    // hashtags
+    ["t", "<tag>"],
+    ["t", "<tag>"],
+
+    // reference links
+    ["r", "<url>"],
+    ["r", "<url>"]
+  ]
+}
+```
diff --git a/dist/docs/nips/72.md b/dist/docs/nips/72.md
new file mode 100644
index 00000000..9471cdb0
--- /dev/null
+++ b/dist/docs/nips/72.md
@@ -0,0 +1,132 @@
+NIP-72
+======
+
+Moderated Communities (Reddit Style)
+------------------------------------
+
+`draft` `optional`
+
+The goal of this NIP is to enable public communities. It defines the replaceable event `kind:34550` to define the community and the current list of moderators/administrators. Users that want to post into the community, simply tag any Nostr event with the community's `a` tag. Moderators may issue an approval event `kind:4550`.
+
+## Community Definition
+
+`Kind:34550` SHOULD include any field that helps define the community and the set of moderators. `relay` tags MAY be used to describe the preferred relay to download requests and approvals. A community definition event's `d` tag MAY double as its name, but if a `name` tag is provided, it SHOULD be displayed instead of the `d` tag.
+
+```jsonc
+{
+  "created_at": <Unix timestamp in seconds>,
+  "kind": 34550,
+  "tags": [
+    ["d", "<community-d-identifier>"],
+    ["name", "<Community name>"],
+    ["description", "<Community description>"],
+    ["image", "<Community image url>", "<Width>x<Height>"],
+
+    //.. other tags relevant to defining the community
+
+    // moderators
+    ["p", "<32-bytes hex of a pubkey1>", "<optional recommended relay URL>", "moderator"],
+    ["p", "<32-bytes hex of a pubkey2>", "<optional recommended relay URL>", "moderator"],
+    ["p", "<32-bytes hex of a pubkey3>", "<optional recommended relay URL>", "moderator"],
+
+    // relays used by the community (w/optional marker)
+    ["relay", "<relay hosting author kind 0>", "author"],
+    ["relay", "<relay where to send and receive requests>", "requests"],
+    ["relay", "<relay where to send and receive approvals>", "approvals"],
+    ["relay", "<relay where to post requests to and fetch approvals from>"]
+  ],
+  // other fields...
+}
+```
+
+## Posting to a community
+
+[NIP-22](NIP-22) kind 1111 events SHOULD be used for text notes posted to a community, with the `A` tag always scoped to the community definition.
+
+### Top-level posts
+
+For top-level posts, the uppercase and lowercase NIP-22 tags should both refer to the community definition itself.
+
+```jsonc
+{
+  "kind": 1111,
+  "tags": [
+    ["A", "34550:<community-author-pubkey>:<community-d-identifier>", "<optional-relay-url>"],
+    ["a", "34550:<community-author-pubkey>:<community-d-identifier>", "<optional-relay-url>"],
+    ["P", "<community-author-pubkey>", "<optional-relay-url>"],
+    ["p", "<community-author-pubkey>", "<optional-relay-url>"],
+    ["K", "34550"],
+    ["k", "34550"],
+  ],
+  "content": "Hi everyone. It's great to be here!",
+  // other fields...
+}
+```
+
+### Nested replies
+
+For nested replies, the uppercase tags should still refer to the community definition, while the lowercase tags should refer to the parent post or reply.
+
+```jsonc
+{
+  "kind": 1111,
+  "tags": [
+    // community definition itself
+    ["A", "34550:<community-author-pubkey>:<community-d-identifier>", "<optional-relay-url>"],
+    ["P", "<community-author-pubkey>", "<optional-relay-url>"],
+    ["K", "34550"],
+
+    // parent post or reply
+    ["e", "<parent-event-id>", "<optional-relay-url>"],
+    ["p", "<parent-event-author-pubkey>", "<optional-relay-url>"],
+    ["k", "<parent-event-kind>"] // most likely "1111"
+  ],
+  "content": "Agreed! Welcome everyone!",
+  // other fields...
+}
+```
+
+### Backwards compatibility note
+
+Previously kind 1 events were used for posts in communities, with an "a" tag pointing to the community. For backwards compatibility, clients MAY still query for kind 1 events, but SHOULD NOT use them for new posts. Instead, clients SHOULD use kind 1111 events with the `A` and `a` tags as described above.
+
+## Moderation
+
+Anyone may issue an approval event to express their opinion that a post is appropriate for a community. Clients MAY choose which approval events to honor, but SHOULD at least use ones published by the group's defined moderators.
+
+An approval event MUST include one or more community `a` tags, an `e` or `a` tag pointing to the post, and the `p` tag of the author of the post (for approval notifications). `a` tag prefixes can be used to disambiguate between community and replaceable event pointers (community `a` tags always begin with `34550`).
+
+The event SHOULD also include the JSON-stringified `post request` event inside the `.content`, and a `k` tag with the original post's event kind to allow filtering of approved posts by kind.
+
+Moderators MAY request deletion of their approval of a post at any time using [NIP-09 event deletion requests](09.md).
+
+```jsonc
+{
+  "pubkey": "<32-bytes lowercase hex-encoded public key of the event creator>",
+  "kind": 4550,
+  "tags": [
+    ["a", "34550:<event-author-pubkey>:<community-d-identifier>", "<optional-relay-url>"],
+    ["e", "<post-id>", "<optional-relay-url>"],
+    ["p", "<port-author-pubkey>", "<optional-relay-url>"],
+    ["k", "<post-request-kind>"]
+  ],
+  "content": "<the full approved event, JSON-encoded>",
+  // other fields...
+}
+```
+
+It's recommended that multiple moderators approve posts to avoid deleting them from the community when a moderator is removed from the owner's list. In case the full list of moderators must be rotated, the new moderator set must sign new approvals for posts in the past or the community will restart. The owner can also periodically copy and re-sign of each moderator's approval events to make sure posts don't disappear with moderators.
+
+Approvals of replaceable events can be created in three ways:
+
+1. By tagging the replaceable event as an `e` tag if moderators want to approve each individual change to the replaceable event
+2. By tagging the replaceable event as an `a` tag if the moderator authorizes the replaceable event author to make changes without additional approvals and
+3. By tagging the replaceable event with both its `e` and `a` tag which empowers clients to display the original and updated versions of the event, with appropriate remarks in the UI.
+
+Since relays are instructed to delete old versions of a replaceable event, the `content` of an approval using an `e` tag MUST have the specific version of the event or clients might not be able to find that version of the content anywhere.
+
+Clients SHOULD evaluate any non-`34550:*` `a` tag as posts to be approved for all `34550:*` `a` tags.
+
+## Cross-posting
+
+Clients MAY support cross-posting between communities by posting a NIP 18 `kind 6` or `kind 16` repost to one or more communities using `a` tags as described above. The `content` of the repost MUST be the original event, not the approval event.
diff --git a/dist/docs/nips/73.md b/dist/docs/nips/73.md
new file mode 100644
index 00000000..7fb9a3c3
--- /dev/null
+++ b/dist/docs/nips/73.md
@@ -0,0 +1,128 @@
+NIP-73
+======
+
+External Content IDs
+--------------------
+
+`draft` `optional`
+
+There are certain established global content identifiers such as [Book ISBNs](https://en.wikipedia.org/wiki/ISBN), [Podcast GUIDs](https://podcastnamespace.org/tag/guid), and [Movie ISANs](https://en.wikipedia.org/wiki/International_Standard_Audiovisual_Number) that are useful to reference in nostr events so that clients can query all the events associated with these ids.
+
+
+`i` tags are used for referencing these external content ids, with `k` tags representing the external content id kind so that clients can query all the events for a specific kind.
+
+## Supported IDs
+
+| Type                   | `i` tag                                                    | `k` tag                  |
+| ---                    | ---                                                        | ---                      |
+| URLs                   | "`<URL, normalized, no fragment>`"                         | "web"                    |
+| Books                  | "isbn:`<id, without hyphens>`"                             | "isbn"                   |
+| Geohashes              | "geo:`<geohash, lowercase>`"                               | "geo"                    |
+| Movies                 | "isan:`<id, without version part>`"                        | "isan"                   |
+| Papers                 | "doi:`<id, lowercase>`"                                    | "doi"                    |
+| Hashtags               | "#`<topic, lowercase>`"                                    | "#"                      |
+| Podcast Feeds          | "podcast:guid:`<guid>`"                                    | "podcast:guid"           |
+| Podcast Episodes       | "podcast:item:guid:`<guid>`"                               | "podcast:item:guid"      |
+| Podcast Publishers     | "podcast:publisher:guid:`<guid>`"                          | "podcast:publisher:guid" |
+| Blockchain Transaction | "`<blockchain>`:[`<chainId>`:]tx:`<txid, hex, lowercase>`" | "`<blockchain>`:tx"      |
+| Blockchain Address     | "`<blockchain>`:[`<chainId>`:]address:`<address>`"         | "`<blockchain>`:address" |
+
+---
+
+## Examples
+
+
+### Webpages
+
+For the webpage "https://myblog.example.com/post/2012-03-27/hello-world" the "i" and "k" tags are:
+
+```jsonc
+[
+  ["i", "https://myblog.example.com/post/2012-03-27/hello-world"],
+  ["k", "web"]
+]
+```
+
+### Books:
+
+- Book ISBN: `["i", "isbn:9780765382030"]` - https://isbnsearch.org/isbn/9780765382030
+
+Book ISBNs MUST be referenced _**without hyphens**_ as many book search APIs return the ISBNs without hyphens. Removing hyphens from ISBNs is trivial, whereas adding the hyphens back in is non-trivial requiring a library.
+
+### Podcasts:
+
+- Podcast RSS Feed GUID: `["i", "podcast:guid:c90e609a-df1e-596a-bd5e-57bcc8aad6cc"]` - https://podcastindex.org/podcast/c90e609a-df1e-596a-bd5e-57bcc8aad6cc
+- Podcast RSS Item GUID: `["i", "podcast:item:guid:d98d189b-dc7b-45b1-8720-d4b98690f31f"]`
+- Podcast RSS Publisher GUID: `["i", "podcast:publisher:guid:18bcbf10-6701-4ffb-b255-bc057390d738"]`
+
+### Movies:
+
+- Movie ISAN: `["i", "isan:0000-0000-401A-0000-7"]` - https://web.isan.org/public/en/isan/0000-0000-401A-0000-7
+
+Movie ISANs SHOULD be referenced  _**without the version part**_ as the versions / edits of movies are not relevant. More info on ISAN parts here -  https://support.isan.org/hc/en-us/articles/360002783131-Records-relations-and-hierarchies-in-the-ISAN-Registry
+
+### Blockchain
+
+`<blockchain>` can be any layer 1 chain (`bitcoin`, `ethereum`, `solana`, ...). If necessary (e.g. for ethereum), you can specify a `<chainId>`.
+
+#### Bitcoin
+
+```
+bitcoin:address:<bech32, lowercase | base58, case sensitive>
+bitcoin:tx:<txid, hex, lowercase>
+```
+
+E.g. https://blockstream.info/tx/a1075db55d416d3ca199f55b6084e2115b9345e16c5cf302fc80e9d5fbf5d48d
+
+```jsonc
+[
+  ["i", "bitcoin:tx:a1075db55d416d3ca199f55b6084e2115b9345e16c5cf302fc80e9d5fbf5d48d"],
+  ["k", "bitcoin:tx"]
+]
+```
+
+E.g. https://blockstream.info/address/1HQ3Go3ggs8pFnXuHVHRytPCq5fGG8Hbhx
+
+```jsonc
+[
+  ["i", "bitcoin:address:1HQ3Go3ggs8pFnXuHVHRytPCq5fGG8Hbhx"],
+  ["k", "bitcoin:address"]
+]
+```
+
+#### Ethereum (and other EVM chains)
+
+```
+ethereum:<chainId, integer>:tx:<txHash, hex, lowercase>
+ethereum:<chainId, integer>:address:<hex, lowercase>
+```
+
+E.g. https://etherscan.io/address/0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045
+
+```jsonc
+[
+  ["i", "ethereum:1:address:0xd8da6bf26964af9d7eed9e03e53415d37aa96045"],
+  ["k", "ethereum:address"]
+]
+```
+
+E.g. https://gnosisscan.io/tx/0x98f7812be496f97f80e2e98d66358d1fc733cf34176a8356d171ea7fbbe97ccd
+
+```jsonc
+[
+  ["i", "ethereum:100:tx:0x98f7812be496f97f80e2e98d66358d1fc733cf34176a8356d171ea7fbbe97ccd"],
+  ["k", "ethereum:tx"]
+]
+```
+
+
+
+---
+
+### Optional URL Hints
+
+Each `i` tag MAY have a url hint as the second argument to redirect people to a website if the client isn't opinionated about how to interpret the id:
+
+`["i", "podcast:item:guid:d98d189b-dc7b-45b1-8720-d4b98690f31f", https://fountain.fm/episode/z1y9TMQRuqXl2awyrQxg]`
+
+`["i", "isan:0000-0000-401A-0000-7", https://www.imdb.com/title/tt0120737]`
diff --git a/dist/docs/nips/75.md b/dist/docs/nips/75.md
new file mode 100644
index 00000000..ad933d5f
--- /dev/null
+++ b/dist/docs/nips/75.md
@@ -0,0 +1,85 @@
+NIP-75
+======
+
+Zap Goals
+---------
+
+`draft` `optional`
+
+This NIP defines an event for creating fundraising goals. Users can contribute funds towards the goal by zapping the goal event.
+
+## Nostr Event
+
+A `kind:9041` event is used.
+
+The `.content` contains a human-readable description of the goal.
+
+The following tags are defined as REQUIRED.
+
+- `amount` - target amount in milisats.
+- `relays` - a list of relays the zaps to this goal will be sent to and tallied from.
+
+Example event:
+
+```jsonc
+{
+  "kind": 9041,
+  "tags": [
+    ["relays", "wss://alicerelay.example.com", "wss://bobrelay.example.com", /*...*/],
+    ["amount", "210000"],
+  ],
+  "content": "Nostrasia travel expenses",
+  // other fields...
+}
+```
+
+The following tags are OPTIONAL.
+
+- `closed_at` - timestamp for determining which zaps are included in the tally. Zap receipts published after the `closed_at` timestamp SHOULD NOT count towards the goal progress.
+- `image` - an image for the goal
+- `summary` - a brief description
+
+```jsonc
+{
+  "kind": 9041,
+  "tags": [
+    ["relays", "wss://alicerelay.example.com", "wss://bobrelay.example.com", /*...*/],
+    ["amount", "210000"],
+    ["closed_at", "<unix timestamp in seconds>"],
+    ["image", "<image URL>"],
+    ["summary", "<description of the goal>"],
+  ],
+  "content": "Nostrasia travel expenses",
+  // other fields...
+}
+```
+
+The goal MAY include an `r` or `a` tag linking to a URL or addressable event.
+
+The goal MAY include multiple beneficiary pubkeys by specifying [`zap` tags](57.md#appendix-g-zap-tag-on-other-events).
+
+Addressable events can link to a goal by using a `goal` tag specifying the event id and an optional relay hint.
+
+```jsonc
+{
+  "kind": 3xxxx,
+  "tags": [
+    ["goal", "<event id>", "<Relay URL (optional)>"],
+    // rest of tags...
+  ],
+  // other fields...
+}
+```
+
+## Client behavior
+
+Clients MAY display funding goals on user profiles.
+
+When zapping a goal event, clients MUST include the relays in the `relays` tag of the goal event in the zap request `relays` tag.
+
+When zapping an addressable event with a `goal` tag, clients SHOULD tag the goal event id in the `e` tag of the zap request.
+
+## Use cases
+
+- Fundraising clients
+- Adding funding goals to events such as long form posts, badges or live streams
diff --git a/dist/docs/nips/77.md b/dist/docs/nips/77.md
new file mode 100644
index 00000000..dd5ef070
--- /dev/null
+++ b/dist/docs/nips/77.md
@@ -0,0 +1,175 @@
+NIP-77
+======
+
+Negentropy Syncing
+------------------
+
+`draft` `optional`
+
+This document describes a protocol extension for syncing events. It works for both client-relay and relay-relay scenarios. If both sides of the sync have events in common, then this protocol will use less bandwidth than transferring the full set of events (or even just their IDs).
+
+It is a Nostr-friendly wrapper around the [Negentropy](https://github.com/hoytech/negentropy) protocol, which uses a technique called [Range-Based Set Reconciliation](https://logperiodic.com/rbsr.html).
+
+Since Negentropy is a binary protocol, this wrapper hex-encodes its messages. The specification for Negentropy Protocol V1 is attached as an appendix to this NIP below.
+
+## High-Level Protocol Description
+
+We're going to call the two sides engaged in the sync the client and the relay (even though the initiator could be another relay instead of a client).
+
+* (1) Client (initiator) chooses a filter, and retrieves the set of events that it has locally that match this filter (or uses a cache), and constructs an initial message.
+* (2) Client sends a `NEG-OPEN` message to the relay, which includes the filter and the initial message.
+* (3) Relay selects the set of events that it has locally that match the filter (or uses a cache).
+* (4) Relay constructs a response and returns it to the client in a `NEG-MSG` message.
+* (5) Client parses the message to learn about IDs it has (and relay needs) and IDs it needs (and relay has).
+  * If client wishes to continue, then it constructs a new message and sends it to the relay in a `NEG-MSG` message. Goto step 4.
+  * If client wishes to stop, then it sends a `NEG-CLOSE` message or disconnects the websocket.
+
+The above protocol only results in the client learning about IDs it has/needs, and does not actually transfer events. Given these IDs, the client can upload events it has with `EVENT`, and/or download events it needs with `REQ`. This can be performed over the same websocket connection in parallel with subsequent `NEG-MSG` messages. If a client is only interested in determining the number of unique events (ie, reaction counts), it may choose to not download/upload at all.
+
+## Nostr Messages
+
+### Initial message (client to relay):
+
+```jsonc
+[
+    "NEG-OPEN",
+    <subscription ID string>,
+    <filter>,
+    <initialMessage, hex-encoded>
+]
+```
+
+* The subscription ID is used by each side to identify which query a message refers to. It only needs to be long enough to distinguish it from any other concurrent subscriptions on this websocket connection (an integer that increments once per `NEG-OPEN` is fine). Subscription IDs are in a separate namespace from `REQ` subscription IDs. If a `NEG-OPEN` is issued for a currently open subscription ID, the existing subscription is first closed.
+* The filter is as described in [NIP-01](01.md).
+* `initialMessage` is the initial Negentropy binary message, hex-encoded. See appendix.
+
+### Error message (relay to client):
+
+If a request cannot be serviced by the relay, an error is returned to the client:
+
+```jsonc
+[
+    "NEG-ERR",
+    <subscription ID string>,
+    <reason code string>
+]
+```
+
+Error reasons are the same format as in NIP-01. They should begin with a machine-readable single-word prefix, followed by a `:` and then a human-readable message with more information.
+
+The current suggested error reasons are
+
+* `blocked`
+  * Relays can optionally reject queries that would require them to process too many records, or records that are too old
+  * The maximum number of records that can be processed can optionally be returned as the 4th element in the response
+  * Example: `blocked: this query is too big`
+* `closed`
+  * Because the `NEG-OPEN` queries may be stateful, relays may choose to time-out inactive queries to recover memory resources
+  * Example: `closed: you took too long to respond!`
+
+After a `NEG-ERR` is issued, the subscription is considered to be closed.
+
+### Subsequent messages (bidirectional):
+
+Relay and client alternate sending each other `NEG-MSG`s:
+
+```jsonc
+[
+    "NEG-MSG",
+    <subscription ID string>,
+    <message, hex-encoded>
+]
+```
+
+* `message` is a Negentropy binary message, hex-encoded. Both message directions use the same format. See appendix.
+
+### Close message (client to relay):
+
+When finished, the client should tell the relay it can release its resources with a `NEG-CLOSE`:
+
+```jsonc
+[
+    "NEG-CLOSE",
+    <subscription ID string>
+]
+```
+
+
+## Appendix: Negentropy Protocol V1
+
+### Preparation
+
+There are two protocol participants: Client and server. The client creates an initial message and transmits it to the server, which replies with its own message in response. The client continues querying the server until it is satisfied, and then terminates the protocol. Messages in either direction have the same format.
+
+Each participant has a collection of records. A records consists of a 64-bit numeric timestamp and a 256-bit ID. Each participant starts by sorting their items according to timestamp, ascending. If two timestamps are equal then items are sorted lexically by ID, ascending by first differing byte. Items may not use the max uint64 value (`2**64 - 1`) as a timestamp since this is reserved as a special "infinity" value.
+
+The goal of the protocol is for the client to learn the set of IDs that it has and the server does not, and the set of items that the server has and it does not.
+
+### `Varint`
+
+Varints (variable-sized unsigned integers) are represented as base-128 digits, most significant digit first, with as few digits as possible. Bit eight (the high bit) is set on each byte except the last.
+
+    Varint := <Digit+128>* <Digit>
+
+### `Id`
+
+IDs are represented as byte-strings of length `32`:
+
+    Id := Byte{32}
+
+### `Message`
+
+A reconciliation message is a protocol version byte followed by an ordered list of ranges:
+
+    Message := <protocolVersion (Byte)> <Range>*
+
+The current protocol version is 1, represented by the byte `0x61`. Protocol version 2 will be `0x62`, and so forth. If a server receives a message with a protocol version that it cannot handle, it should reply with a single byte containing the highest protocol version it supports, allowing the client to downgrade and retry its message.
+
+Each Range corresponds to a contiguous section of the timestamp/ID space. The first Range starts at timestamp 0 and an ID of 0 bytes. Ranges are always adjacent (no gaps). If the last Range doesn't end at the special infinity value, an implicit `Skip` to infinity Range is appended. This means that the list of Ranges always covers the full timestamp/ID space.
+
+### `Range`
+
+A Range consists of an upper bound, a mode, and a payload:
+
+    Range := <upperBound (Bound)> <mode (Varint)> <payload (Skip | Fingerprint | IdList)>
+
+The contents of the payload is determined by mode:
+
+* If `mode = 0`, then payload is `Skip`, meaning the sender does not wish to process this Range further. This payload is empty:
+
+      Skip :=
+
+* If `mode = 1`, then payload is a `Fingerprint`, which is a [digest](#fingerprint-algorithm) of all the IDs the sender has within the Range:
+
+      Fingerprint := Byte{16}
+
+* If `mode = 2`, the payload is `IdList`, a variable-length list of all IDs the sender has within the Range:
+
+      IdList := <length (Varint)> <ids (Id)>*
+
+
+### `Bound`
+
+Each Range is specified by an *inclusive* lower bound and an *exclusive* upper bound. As defined above, each Range only includes an upper bound: the lower bound of a Range is the upper bound of the previous Range, or 0 timestamp/0 ID for the first Range.
+
+A Bound consists of an encoded timestamp and a variable-length disambiguating prefix of an ID (in case multiple items have the same timestamp):
+
+    Bound := <encodedTimestamp (Varint)> <length (Varint)> <idPrefix (Byte)>*
+
+* The timestamp is encoded specially. The infinity timestamp is encoded as `0`. All other values are encoded as `1 + offset`, where offset is the difference between this timestamp and the previously encoded timestamp. The initial offset starts at `0` and resets at the beginning of each message.
+
+  Offsets are always non-negative since the upper bound's timestamp is greater than or equal to the lower bound's timestamp, ranges in a message are always encoded in ascending order, and ranges never overlap.
+
+* The size of `idPrefix` is encoded in `length`, and can be between `0` and `32` bytes, inclusive. This allows implementations to use the shortest possible prefix to separate the first record of this Range from the last record of the previous Range. If these records' timestamps differ, then the length should be 0, otherwise it should be the byte-length of their common ID-prefix plus 1.
+
+  If the `idPrefix` length is less than `32` then the omitted trailing bytes are implicitly 0 bytes.
+
+
+### Fingerprint Algorithm
+
+The fingerprint of a Range is computed with the following algorithm:
+
+* Compute the addition mod 2<sup>256</sup> of the element IDs (interpreted as 32-byte little-endian unsigned integers)
+* Concatenate with the number of elements in the Range, encoded as a [Varint](#varint)
+* Hash with SHA-256
+* Take the first 16 bytes
diff --git a/dist/docs/nips/78.md b/dist/docs/nips/78.md
new file mode 100644
index 00000000..abdd1b21
--- /dev/null
+++ b/dist/docs/nips/78.md
@@ -0,0 +1,21 @@
+NIP-78
+======
+
+Arbitrary custom app data
+-------------------------
+
+`draft` `optional`
+
+The goal of this NIP is to enable [remoteStorage](https://remotestorage.io/)-like capabilities for custom applications that do not care about interoperability.
+
+Even though interoperability is great, some apps do not want or do not need interoperability, and it wouldn't make sense for them. Yet Nostr can still serve as a generalized data storage for these apps in a "bring your own database" way, for example: a user would open an app and somehow input their preferred relay for storage, which would then enable these apps to store application-specific data there.
+
+## Nostr event
+
+This NIP specifies the use of event kind `30078` (an _addressable_ event) with a `d` tag containing some reference to the app name and context -- or any other arbitrary string. `content` and other `tags` can be anything or in any format.
+
+## Some use cases
+
+ - User personal settings on Nostr clients (and other apps unrelated to Nostr)
+ - A way for client developers to propagate dynamic parameters to users without these having to update
+ - Personal private data generated by apps that have nothing to do with Nostr, but allow users to use Nostr relays as their personal database
diff --git a/dist/docs/nips/7D.md b/dist/docs/nips/7D.md
new file mode 100644
index 00000000..fb1b7188
--- /dev/null
+++ b/dist/docs/nips/7D.md
@@ -0,0 +1,33 @@
+NIP-7D
+======
+
+Threads
+-------
+
+`draft` `optional`
+
+A thread is a `kind 11` event.  Threads SHOULD include a `title`.
+
+```json
+{
+  "kind": 11,
+  "content": "Good morning",
+  "tags": [
+    ["title", "GM"]
+  ]
+}
+```
+
+Replies to `kind 11` MUST use [NIP-22](./22.md) `kind 1111` comments. Replies should
+always be to the root `kind 11` to avoid arbitrarily nested reply hierarchies.
+
+```json
+{
+  "kind": 1111,
+  "content": "Cool beans",
+  "tags": [
+    ["K", "11"],
+    ["E", <event-id>, <relay-url>, <pubkey>]
+  ]
+}
+```
diff --git a/dist/docs/nips/84.md b/dist/docs/nips/84.md
new file mode 100644
index 00000000..1094f555
--- /dev/null
+++ b/dist/docs/nips/84.md
@@ -0,0 +1,51 @@
+NIP-84
+======
+
+Highlights
+----------
+
+`draft` `optional`
+
+This NIP defines `kind:9802`, a "highlight" event, to signal content a user finds valuable.
+
+## Format
+The `.content` of these events is the highlighted portion of the text.
+
+`.content` might be empty for highlights of non-text based media (e.g. NIP-94 audio/video).
+
+### References
+Events SHOULD tag the source of the highlight, whether nostr-native or not.
+`a` or `e` tags should be used for nostr events and `r` tags for URLs.
+
+When tagging a URL, clients generating these events SHOULD do a best effort of cleaning the URL from trackers
+or obvious non-useful information from the query string.
+
+### Attribution
+Clients MAY include one or more `p` tags, tagging the original authors of the material being highlighted; this is particularly
+useful when highlighting non-nostr content for which the client might be able to get a nostr pubkey somehow
+(e.g. prompting the user or reading a `<link rel="me" href="nostr:nprofile1..." />` tag on the document). A role MAY be included as the
+last value of the tag.
+
+```jsonc
+{
+  "tags": [
+    ["p", "<pubkey-hex>", "<relay-url>", "author"],
+    ["p", "<pubkey-hex>", "<relay-url>", "author"],
+    ["p", "<pubkey-hex>", "<relay-url>", "editor"]
+  ],
+  // other fields...
+}
+```
+
+### Context
+Clients MAY include a `context` tag, useful when the highlight is a subset of a paragraph and displaying the
+surrounding content might be beneficial to give context to the highlight.
+
+## Quote Highlights
+A `comment` tag may be added to create a quote highlight. This MUST be rendered like a quote repost with the highlight as the quoted note.
+
+This is to prevent the creation and multiple notes (highlight + kind 1) for a single highlight action, which looks bad in micro-blogging clients where these notes may appear in succession.
+
+p-tag mentions MUST have a `mention` attribute to distinguish it from authors and editors.
+
+r-tag urls from the comment MUST have a `mention` attribute to distinguish from the highlighted source url. The source url MUST have the `source` attribute.
diff --git a/dist/docs/nips/86.md b/dist/docs/nips/86.md
new file mode 100644
index 00000000..6f64eee7
--- /dev/null
+++ b/dist/docs/nips/86.md
@@ -0,0 +1,90 @@
+NIP-86
+======
+
+Relay Management API
+--------------------
+
+`draft` `optional`
+
+Relays may provide an API for performing management tasks. This is made available as a JSON-RPC-like request-response protocol over HTTP, on the same URI as the relay's websocket.
+
+When a relay receives an HTTP(s) request with a `Content-Type` header of `application/nostr+json+rpc` to a URI supporting WebSocket upgrades, it should parse the request as a JSON document with the following fields:
+
+```json
+{
+  "method": "<method-name>",
+  "params": ["<array>", "<of>", "<parameters>"]
+}
+```
+
+Then it should return a response in the format
+
+```json
+{
+  "result": {"<arbitrary>": "<value>"},
+  "error": "<optional error message, if the call has errored>"
+}
+```
+
+This is the list of **methods** that may be supported:
+
+* `supportedmethods`:
+  - params: `[]`
+  - result: `["<method-name>", "<method-name>", ...]` (an array with the names of all the other supported methods)
+* `banpubkey`:
+  - params: `["<32-byte-hex-public-key>", "<optional-reason>"]`
+  - result: `true` (a boolean always set to `true`)
+* `listbannedpubkeys`:
+  - params: `[]`
+  - result: `[{"pubkey": "<32-byte-hex>", "reason": "<optional-reason>"}, ...]`, an array of objects
+* `allowpubkey`:
+  - params: `["<32-byte-hex-public-key>", "<optional-reason>"]`
+  - result: `true` (a boolean always set to `true`)
+* `listallowedpubkeys`:
+  - params: `[]`
+  - result: `[{"pubkey": "<32-byte-hex>", "reason": "<optional-reason>"}, ...]`, an array of objects
+* `listeventsneedingmoderation`:
+  - params: `[]`
+  - result: `[{"id": "<32-byte-hex>", "reason": "<optional-reason>"}]`, an array of objects
+* `allowevent`:
+  - params: `["<32-byte-hex-event-id>", "<optional-reason>"]`
+  - result: `true` (a boolean always set to `true`)
+* `banevent`:
+  - params: `["<32-byte-hex-event-id>", "<optional-reason>"]`
+  - result: `true` (a boolean always set to `true`)
+* `listbannedevents`:
+  - params: `[]`
+  - result: `[{"id": "<32-byte hex>", "reason": "<optional-reason>"}, ...]`, an array of objects
+* `changerelayname`:
+  - params: `["<new-name>"]`
+  - result: `true` (a boolean always set to `true`)
+* `changerelaydescription`:
+  - params: `["<new-description>"]`
+  - result: `true` (a boolean always set to `true`)
+* `changerelayicon`:
+  - params: `["<new-icon-url>"]`
+  - result: `true` (a boolean always set to `true`)
+* `allowkind`:
+  - params: `[<kind-number>]`
+  - result: `true` (a boolean always set to `true`)
+* `disallowkind`:
+  - params: `[<kind-number>]`
+  - result: `true` (a boolean always set to `true`)
+* `listallowedkinds`:
+  - params: `[]`
+  - result: `[<kind-number>, ...]`, an array of numbers
+* `blockip`:
+  - params: `["<ip-address>", "<optional-reason>"]`
+  - result: `true` (a boolean always set to `true`)
+* `unblockip`:
+  - params: `["<ip-address>"]`
+  - result: `true` (a boolean always set to `true`)
+* `listblockedips`:
+  - params: `[]`
+  - result: `[{"ip": "<ip-address>", "reason": "<optional-reason>"}, ...]`, an array of objects
+
+### Authorization
+
+The request must contain an `Authorization` header with a valid [NIP-98](./98.md) event, except the `payload` tag is required. The `u` tag is the relay URL.
+
+If `Authorization` is not provided or is invalid, the endpoint should return a 401 response.
diff --git a/dist/docs/nips/87.md b/dist/docs/nips/87.md
new file mode 100644
index 00000000..00100386
--- /dev/null
+++ b/dist/docs/nips/87.md
@@ -0,0 +1,142 @@
+NIP-87
+======
+
+Ecash Mint Discoverability
+--------------------------------
+
+`draft` `optional`
+
+This NIP describes `kind:38173`, `kind:38172` and `kind:38000`: a way to discover ecash mints, their capabilities, and people who recommend them.
+
+## Rationale
+
+Nostr's discoverability and transparent event interaction is one of its most interesting/novel mechanics.
+This NIP provides a simple way for users to discover ecash mints recommended by other users and to interact with them.
+
+### Parties involved
+
+There are three actors to this workflow:
+
+* An ecash mint operator, announces their mint and its capabilities.
+    * Publishes `kind:38173` or `kind:38172`, detailing how to connect to it and its capabilities.
+* user A, who recommends an ecash mint
+    * Publishes `kind:38000`
+* user B, who seeks a recommendation for an ecash mint
+    * Queries for `kind:38000` and, based on results, queries for `kind:38173`/`kind:38172`
+
+## Events
+
+### Recommendation event
+```json
+{
+  "kind": 38000,
+  "pubkey": <recommender-user-pubkey>,
+  "tags": [
+    ["k", "38173"],
+    ["d", "<d-identifier>"],
+    ["u", <recommended-fedimint-invite-code>],
+    ["a", "38173:fedimint-pubkey:<d-identifier>", "wss://relay1"]
+  ],
+  "content": "I trust this mint with my life"
+}
+```
+
+The recommendation event is a parameterized-replaceable event so that a user can change edit their recommendation without creating a new event.
+
+The `d` tag in `kind:38000` is the `kind:38173`/`kind:38172` event identifier this event is recommending, if no event exists, the `d` tag can still be calculated from the mint's pubkey/id.
+The `k` tag is the kind number that corresponds to the event kind that the user is recommending, in this case `kind:38173` for fedimints and `kind:38172` for cashu mints.
+
+Optional `u` tags can be added to give a recommend way to connect to the mint.
+The value of the tag is the URL or invite code of the ecash mint.
+Multiple `u` tags can appear on the same `kind:38000`.
+
+`a` tags are used to point to the `kind:38173`/`kind:38172` event of the ecash mint.
+The first value of the tag is the `kind:38173`/`kind:38172` event identifier, the second value of the tag is a relay hint.
+This is used to correctly point to the mint's `kind:38173`/`kind:38172` event in case there are duplicates claiming to be the same mint.
+
+The content can be used to give a review.
+
+## Ecash Mint Information
+
+Cashu mints SHOULD publish `kind:38172` events to announce their capabilities and how to connect to them.
+
+For cashu mints, the `u` tag SHOULD be the URL to the cashu mint and it should list the nuts that the cashu mint supports.
+
+The `d` tag SHOULD be the mint's pubkey (found when querying `/v1/info`), this way users can query by pubkey and find the mint announcement.
+
+An `n` tag SHOULD be added to signify the network the cashu mint is on (either `mainnet`, `testnet`, `signet`, or `regtest`)
+
+```json
+{
+  "kind": 38172,
+  "pubkey": "<application-pubkey>",
+  "content": "<optional-kind:0-style-metadata>",
+  "tags": [
+    ["d", <cashu mint pubkey>],
+    ["u", "https://cashu.example.com"],
+    ["nuts", "1,2,3,4,5,6,7"],
+    ["n", "mainnet"]
+  ]
+}
+```
+
+Fedimints SHOULD publish `kind:38173` events to announce their capabilities and how to connect to them.
+
+For fedimints, it should list all known fedimint invite codes in `u` tags and it should list the modules it supports.
+
+The `d` tag SHOULD be the federation id, this way users can query by federation id and find the fedimint announcement.
+
+An `n` tag SHOULD be added to signify the network the fedimint is on (either `mainnet`, `testnet`, `signet`, or `regtest`)
+
+```json
+{
+  "kind": 38173,
+  "pubkey": "<application-pubkey>",
+  "content": "<optional-kind:0-style-metadata>",
+  "tags": [
+    ["d", <federation-id>],
+    ["u", "fed11abc.."],
+    ["u", "fed11xyz.."],
+    ["modules", "lightning,wallet,mint"],
+    ["n", "signet"]
+  ]
+}
+```
+
+* `content` is an optional `metadata`-like stringified JSON object, as described in NIP-01. This content is useful when the pubkey creating the `kind:38173` is not a normal user. If `content` is empty, the `kind:0` of the pubkey should be used to display mint information (e.g. name, picture, web, LUD16, etc.)
+
+## Example
+
+### User A recommends some mints
+User A might be a user of a cashu mint. Using a client, user A publishes an event recommending the cashu mint they use.
+
+```json
+{
+  "kind": 38000,
+  "tags": [
+    ["u", "fed11abc..", "fedimint"],
+    ["u", "https://cashu.example.com", "cashu"],
+    ["a", "38173:fedimint-pubkey:<d-identifier>", "wss://relay1", "fedimint"],
+    ["a", "38172:cashu-mint-pubkey:<d-identifier>", "wss://relay2", "cashu"]
+  ],
+  ...
+}
+```
+
+### User B finds a mint
+User B wants to use an ecash wallet, they need to find a mint.
+
+User B's wallet client queries for `kind:38000` events, looking for recommendations for ecash mints.
+
+```json
+["REQ", <id>, [{ "kinds": [38000], "authors": [<user>, <users-contact-list>], "#k": ["38173"] }]]
+```
+
+User B, who follows User A, sees that `kind:38000` event and tries to connect to the corresponding mints.
+
+### Alternative query bypassing `kind:38000`
+Alternatively, users might choose to query directly for `kind:38173` for an event kind. Clients SHOULD be careful doing this and use spam-prevention mechanisms or querying high-quality restricted relays to avoid directing users to malicious handlers.
+
+```json
+["REQ", <id>, [{ "kinds": [38173], "authors": [...] }]]
+```
diff --git a/dist/docs/nips/88.md b/dist/docs/nips/88.md
new file mode 100644
index 00000000..331cd271
--- /dev/null
+++ b/dist/docs/nips/88.md
@@ -0,0 +1,132 @@
+NIP-88
+======
+
+Polls
+-----
+
+`draft` `optional`
+
+This NIP defines the event scheme that describe Polls on nostr.
+
+## Events
+
+### Poll Event
+
+The poll event is defined as a `kind:1068` event.
+
+- **content** key holds the label for the poll.
+
+Major tags in the poll event are:
+
+- **option**: The option tags contain an OptionId(any alphanumeric) field, followed by an option label field.
+- **relay**: One or multiple tags that the poll is expecting respondents to respond on.
+- **polltype**: can be "singlechoice" or "multiplechoice". Polls that do not have a polltype should be considered a "singlechoice" poll.
+- **endsAt**: signifying at which unix timestamp the poll is meant to end.
+
+Example Event
+
+```json
+{
+  "content": "Pineapple on pizza",
+  "created_at": 1719888496,
+  "id": "9d1b6b9562e66f2ecf35eb0a3c2decc736c47fddb13d6fb8f87185a153ea3634",
+  "kind": 1068,
+  "pubkey": "dee45a23c4f1d93f3a2043650c5081e4ac14a778e0acbef03de3768e4f81ac7b",
+  "sig": "7fa93bf3c430eaef784b0dacc217d3cd5eff1c520e7ef5d961381bc0f014dde6286618048d924808e54d1be03f2f2c2f0f8b5c9c2082a4480caf45a565ca9797",
+  "tags": [
+    ["option", "qj518h583", "Yay"],
+    ["option", "gga6cdnqj", "Nay"],
+    ["relay", "<relay url1>"],
+    ["relay", "<relay url2>"],
+    ["polltype", "singlechoice"],
+    ["endsAt", "<unix timestamp in seconds>"]
+  ]
+}
+```
+
+### Responses
+
+The response event is a `kind:1018` event. It contains an e tag with the poll event it is referencing, followed by one or more response tags.
+
+- **response** : The tag contains "response" as it's first positional argument followed by the option Id selected.
+
+The responses are meant to be published to the relays specified in the poll event.
+
+Example Response Event
+
+```json
+{
+  "content": "",
+  "created_at": 1720097117,
+  "id": "60a005e32e9596c3f544a841a9bc4e46d3020ca3650d6a739c95c1568e33f6d8",
+  "kind": 1018,
+  "pubkey": "1bc70a0148b3f316da33fe7e89f23e3e71ac4ff998027ec712b905cd24f6a411",
+  "sig": "30071a633c65db8f3a075c7a8de757fbd8ce65e3607f4ba287fe6d7fbf839a380f94ff4e826fbba593f6faaa13683b7ea9114ade140720ecf4927010ebf3e44f",
+  "tags": [
+    ["e", "1fc80cf813f1af33d5a435862b7ef7fb96b47e68a48f1abcadf8081f5a545550"],
+    ["response", "gga6cdnqj"],
+    ["response", "m3agjsdq1"]
+  ]
+}
+```
+
+### Poll Types
+
+The polltype setting dictates how multiple response tags are handled in the `kind:1018` event.
+
+- **polltype: singlechoice**: The first response tag is to be considered the actual response.
+- **polltype: multiplechoice**: The first response tag pointing to each id is considered the actual response, without considering the order of the response tags.
+
+### Counting Results
+
+Results can be queried by fetching `kind:1018` events from the relays specified in the poll.
+The results displayed should only be 1 vote event per pubkey.
+In case of multiple events for a pubkey, the event with the largest timestamp within the poll limits should be considered.
+
+Example for querying polls.
+
+```ts
+const fetchVoteEvents = (filterPubkeys: string[]) => {
+  let resultFilter: Filter = {
+    "#e": [pollEvent.id],
+    kinds: [1018],
+  };
+  if (filterPubkeys?.length) {
+    resultFilter.authors = filterPubkeys;
+  }
+  if (pollExpiration) {
+    resultFilter.until = Number(pollExpiration);
+  }
+  pool.subscribeMany(relays, [resultFilter], {
+    onevent: handleResultEvent,
+  });
+};
+```
+
+Example for maintaining OneVotePerPubkey
+
+```ts
+const oneVotePerPubkey = (events: Event[]) => {
+  const eventMap = new Map<string, Event>();
+
+  events.forEach((event) => {
+    if (
+      !eventMap.has(event.pubkey) ||
+      event.created_at > eventMap.get(event.pubkey)!.created_at
+    ) {
+      eventMap.set(event.pubkey, event);
+    }
+  });
+
+  return Array.from(eventMap.values());
+};
+```
+
+### Relays
+
+It is advisable for poll authors to use relays that do not allow backdated events and do not honor kind:5 (delete) requests for vote events in order to maintain the integrity of poll results after the poll has ended.
+
+### Curation
+
+The clients may configure fetching results by specific people. This can be achieved by creating `kind:30000` follow sets, and fetching results only from the follow set.
+Clients can also employ other curation algorithms, like Proof Of Work and Web of Trust scores for result curations.
diff --git a/dist/docs/nips/89.md b/dist/docs/nips/89.md
new file mode 100644
index 00000000..dff4ea1d
--- /dev/null
+++ b/dist/docs/nips/89.md
@@ -0,0 +1,133 @@
+NIP-89
+======
+
+Recommended Application Handlers
+--------------------------------
+
+`draft` `optional`
+
+This NIP describes `kind:31989` and `kind:31990`: a way to discover applications that can handle unknown event-kinds.
+
+## Rationale
+
+Nostr's discoverability and transparent event interaction is one of its most interesting/novel mechanics.
+This NIP provides a simple way for clients to discover applications that handle events of a specific kind to ensure smooth cross-client and cross-kind interactions.
+
+### Parties involved
+
+There are three actors to this workflow:
+
+* application that handles a specific event kind (note that an application doesn't necessarily need to be a distinct entity and it could just be the same pubkey as user A)
+    * Publishes `kind:31990`, detailing how apps should redirect to it
+* user A, who recommends an app that handles a specific event kind
+    * Publishes `kind:31989`
+* user B, who seeks a recommendation for an app that handles a specific event kind
+    * Queries for `kind:31989` and, based on results, queries for `kind:31990`
+
+## Events
+
+### Recommendation event
+```jsonc
+{
+  "kind": 31989,
+  "pubkey": <recommender-user-pubkey>,
+  "tags": [
+    ["d", <supported-event-kind>],
+    ["a", "31990:app1-pubkey:<d-identifier>", "wss://relay1", "ios"],
+    ["a", "31990:app2-pubkey:<d-identifier>", "wss://relay2", "web"]
+  ],
+  // other fields...
+}
+```
+
+The `d` tag in `kind:31989` is the supported event kind this event is recommending.
+
+Multiple `a` tags can appear on the same `kind:31989`.
+
+The second value of the tag SHOULD be a relay hint.
+The third value of the tag SHOULD be the platform where this recommendation might apply.
+
+### Handler information
+```jsonc
+{
+  "kind": 31990,
+  "pubkey": "<application-pubkey>",
+  "content": "<optional-kind:0-style-metadata>",
+  "tags": [
+    ["d", <random-id>],
+    ["k", <supported-event-kind>],
+    ["web", "https://..../a/<bech32>", "nevent"],
+    ["web", "https://..../p/<bech32>", "nprofile"],
+    ["web", "https://..../e/<bech32>"],
+    ["ios", ".../<bech32>"]
+  ],
+  // other fields...
+}
+```
+
+* `content` is an optional `metadata`-like stringified JSON object, as described in NIP-01. This content is useful when the pubkey creating the `kind:31990` is not an application. If `content` is empty, the `kind:0` of the pubkey should be used to display application information (e.g. name, picture, web, LUD16, etc.)
+* `k` tags' value is the event kind that is supported by this `kind:31990`.
+Using a `k` tag(s) (instead of having the kind of the `d` tag) provides:
+    * Multiple `k` tags can exist in the same event if the application supports more than one event kind and their handler URLs are the same.
+    * The same pubkey can have multiple events with different apps that handle the same event kind.
+* `bech32` in a URL MUST be replaced by clients with the NIP-19-encoded entity that should be loaded by the application.
+
+Multiple tags might be registered by the app, following NIP-19 nomenclature as the second value of the array.
+
+A tag without a second value in the array SHOULD be considered a generic handler for any NIP-19 entity that is not handled by a different tag.
+
+## Client tag
+When publishing events, clients MAY include a `client` tag. Identifying the client that published the note. This tag is a tuple of `name`, `address` identifying a handler event and, a relay `hint` for finding the handler event. This has privacy implications for users, so clients SHOULD allow users to opt-out of using this tag.
+
+```jsonc
+{
+  "kind": 1,
+  "tags": [
+    ["client", "My Client", "31990:app1-pubkey:<d-identifier>", "wss://relay1"]
+  ]
+  // other fields...
+}
+```
+
+## User flow
+A user A who uses a non-`kind:1`-centric nostr app could choose to announce/recommend a certain kind-handler application.
+
+When user B sees an unknown event kind, e.g. in a social-media centric nostr client, the client would allow user B to interact with the unknown-kind event (e.g. tapping on it).
+
+The client MIGHT query for the user's and the user's follows handler.
+
+## Example
+
+### User A recommends a `kind:31337`-handler
+User A might be a user of Zapstr, a `kind:31337`-centric client (tracks). Using Zapstr, user A publishes an event recommending Zapstr as a `kind:31337`-handler.
+
+```jsonc
+{
+  "kind": 31989,
+  "tags": [
+    ["d", "31337"],
+    ["a", "31990:1743058db7078661b94aaf4286429d97ee5257d14a86d6bfa54cb0482b876fb0:abcd", <relay-url>, "web"]
+  ],
+  // other fields...
+}
+```
+
+### User B interacts with a `kind:31337`-handler
+User B might see in their timeline an event referring to a `kind:31337` event (e.g. a `kind:1` tagging a `kind:31337`).
+
+User B's client, not knowing how to handle a `kind:31337` might display the event using its `alt` tag (as described in NIP-31). When the user clicks on the event, the application queries for a handler for this `kind`:
+
+```
+["REQ", <id>, { "kinds": [31989], "#d": ["31337"], "authors": [<user>, <users-contact-list>] }]
+```
+
+User B, who follows User A, sees that `kind:31989` event and fetches the `a`-tagged event for the app and handler information.
+
+User B's client sees the application's `kind:31990` which includes the information to redirect the user to the relevant URL with the desired entity replaced in the URL.
+
+### Alternative query bypassing `kind:31989`
+Alternatively, users might choose to query directly for `kind:31990` for an event kind. Clients SHOULD be careful doing this and use spam-prevention mechanisms or querying high-quality restricted relays to avoid directing users to malicious handlers.
+
+```
+["REQ", <id>, { "kinds": [31990], "#k": [<desired-event-kind>], "authors": [...] }]
+```
diff --git a/dist/docs/nips/90.md b/dist/docs/nips/90.md
new file mode 100644
index 00000000..e39ce904
--- /dev/null
+++ b/dist/docs/nips/90.md
@@ -0,0 +1,230 @@
+NIP-90
+======
+
+Data Vending Machine
+--------------------
+
+`draft` `optional`
+
+This NIP defines the interaction between customers and Service Providers for performing on-demand computation.
+
+Money in, data out.
+
+## Kinds
+This NIP reserves the range `5000-7000` for data vending machine use.
+
+| Kind      | Description       |
+| ----      | -----------       |
+| 5000-5999 | Job request kinds |
+| 6000-6999 | Job result        |
+| 7000      | Job feedback      |
+
+Job results always use a kind number that is `1000` higher than the job request kind. (e.g. request: `kind:5001` gets a result: `kind:6001`).
+
+Job request types are defined [separately](https://github.com/nostr-protocol/data-vending-machines/tree/master/kinds).
+
+## Rationale
+Nostr can act as a marketplace for data processing, where users request jobs to be processed in certain ways (e.g., "speech-to-text", "summarization", etc.), but they don't necessarily care about "who" processes the data.
+
+This NIP is not to be confused with a 1:1 marketplace; instead, it describes a flow where a user announces a desired output, willingness to pay, and service providers compete to fulfill the job requirement in the best way possible.
+
+### Actors
+There are two actors in the workflow described in this NIP:
+* Customers (npubs who request a job)
+* Service providers (npubs who fulfill jobs)
+
+## Job request (`kind:5000-5999`)
+A request to process data, published by a customer. This event signals that a customer is interested in receiving the result of some kind of compute.
+
+```jsonc
+{
+    "kind": 5xxx, // kind in 5000-5999 range
+    "content": "",
+    "tags": [
+        [ "i", "<data>", "<input-type>", "<relay>", "<marker>" ],
+        [ "output", "<mime-type>" ],
+        [ "relays", "wss://..." ],
+        [ "bid", "<msat-amount>" ],
+        [ "t", "bitcoin" ]
+    ],
+    // other fields...
+}
+```
+
+All tags are optional.
+
+* `i` tag: Input data for the job (zero or more inputs)
+    * `<data>`: The argument for the input
+    * `<input-type>`: The way this argument should be interpreted. MUST be one of:
+        * `url`: A URL to be fetched of the data that should be processed.
+        * `event`: A Nostr event ID.
+        * `job`: The output of a previous job with the specified event ID. The dermination of which output to build upon is up to the service provider to decide (e.g. waiting for a signaling from the customer, waiting for a payment, etc.)
+        * `text`: `<data>` is the value of the input, no resolution is needed
+    * `<relay>`: If `event` or `job` input-type, the relay where the event/job was published, otherwise optional or empty string
+    * `<marker>`: An optional field indicating how this input should be used within the context of the job
+* `output`: Expected output format. Different job request `kind` defines this more precisely.
+* `param`: Optional parameters for the job as key (first argument)/value (second argument). Different job request `kind` defines this more precisely. (e.g. `[ "param", "lang", "es" ]`)
+* `bid`: Customer MAY specify a maximum amount (in millisats) they are willing to pay
+* `relays`: List of relays where Service Providers SHOULD publish responses to
+* `p`: Service Providers the customer is interested in. Other SPs MIGHT still choose to process the job
+
+### Encrypted Params
+
+If the user wants to keep the input parameters a secret, they can encrypt the `i` and `param` tags with the service provider's 'p' tag and add it to the content field. Add a tag `encrypted` as tags. Encryption for private tags will use [NIP-04 - Encrypted Direct Message encryption](04.md), using the user's private and service provider's public key for the shared secret
+
+```json
+[
+  ["i", "what is the capital of France? ", "text"],
+  ["param", "model", "LLaMA-2"],
+  ["param", "max_tokens", "512"],
+  ["param", "temperature", "0.5"],
+  ["param", "top-k", "50"],
+  ["param", "top-p", "0.7"],
+  ["param", "frequency_penalty", "1"]
+]
+```
+
+This param data will be encrypted and added to the `content` field and `p` tag should be present
+
+```jsonc
+{
+  "content": "BE2Y4xvS6HIY7TozIgbEl3sAHkdZoXyLRRkZv4fLPh3R7LtviLKAJM5qpkC7D6VtMbgIt4iNcMpLtpo...",
+  "tags": [
+    ["p", "04f74530a6ede6b24731b976b8e78fb449ea61f40ff10e3d869a3030c4edc91f"],
+    ["encrypted"]
+  ],
+  // other fields...
+}
+```
+
+
+## Job result (`kind:6000-6999`)
+
+Service providers publish job results, providing the output of the job result. They should tag the original job request event id as well as the customer's pubkey.
+
+```jsonc
+{
+  "pubkey": "<service-provider pubkey>",
+  "content": "<payload>",
+  "kind": 6xxx,
+  "tags": [
+    ["request", "<job-request>"],
+    ["e", "<job-request-id>", "<relay-hint>"],
+    ["i", "<input-data>"],
+    ["p", "<customer's-pubkey>"],
+    ["amount", "requested-payment-amount", "<optional-bolt11>"]
+  ],
+  // other fields...
+}
+```
+
+* `request`: The job request event stringified-JSON.
+* `amount`: millisats that the Service Provider is requesting to be paid. An optional third value can be a bolt11 invoice.
+* `i`: The original input(s) specified in the request.
+
+### Encrypted Output
+
+If the request has encrypted params, then output should be encrypted and placed in  `content` field. If the output is encrypted, then avoid including `i` tag with input-data as clear text.
+Add a tag encrypted to mark the output content as `encrypted`
+
+```jsonc
+{
+  "pubkey": "<service-provider pubkey>",
+  "content": "<encrypted payload>",
+  "kind": 6xxx,
+  "tags": [
+    ["request", "<job-request>"],
+    ["e", "<job-request-id>", "<relay-hint>"],
+    ["p", "<customer's-pubkey>"],
+    ["amount", "requested-payment-amount", "<optional-bolt11>"],
+    ["encrypted"]
+  ],
+  // other fields...
+}
+```
+
+## Job feedback
+
+Service providers can give feedback about a job back to the customer.
+
+```jsonc
+{
+  "kind": 7000,
+  "content": "<empty-or-payload>",
+  "tags": [
+    ["status", "<status>", "<extra-info>"],
+    ["amount", "requested-payment-amount", "<bolt11>"],
+    ["e", "<job-request-id>", "<relay-hint>"],
+    ["p", "<customer's-pubkey>"],
+  ],
+  // other fields...
+}
+```
+
+* `content`: Either empty or a job-result (e.g. for partial-result samples)
+* `amount` tag: as defined in the [Job Result](#job-result-kind6000-6999) section.
+* `status` tag: Service Providers SHOULD indicate what this feedback status refers to. [Job Feedback Status](#job-feedback-status) defines status. Extra human-readable information can be added as an extra argument.
+
+* NOTE: If the input params requires input to be encrypted, then `content` field will have encrypted payload with `p` tag as key.
+
+### Job feedback status
+
+| status             | description                                                                                                 |
+| --------           | -------------                                                                                               |
+| `payment-required` | Service Provider requires payment before continuing.                                                        |
+| `processing`       | Service Provider is processing the job.                                                                     |
+| `error`            | Service Provider was unable to process the job.                                                             |
+| `success`          | Service Provider successfully processed the job.                                                            |
+| `partial`          | Service Provider partially processed the job. The `.content` might include a sample of the partial results. |
+
+Any job feedback event MIGHT include results in the `.content` field, as described in the [Job Result](#job-result-kind6000-6999) section. This is useful for service providers to provide a sample of the results that have been processed so far.
+
+
+## Protocol Flow
+
+* Customer publishes a job request (e.g. `kind:5000` speech-to-text).
+* Service Providers MAY submit `kind:7000` job-feedback events (e.g. `payment-required`, `processing`, `error`, etc.).
+* Upon completion, the service provider publishes the result of the job with a `kind:6000` job-result event.
+* At any point, if there is an `amount` pending to be paid as instructed by the service provider, the user can pay the included `bolt11` or zap the job result event the service provider has sent to the user.
+
+Job feedback (`kind:7000`) and Job Results (`kind:6000-6999`) events MAY include an `amount` tag, this can be interpreted as a suggestion to pay. Service Providers MUST use the `payment-required` feedback event to signal that a payment is required and no further actions will be performed until the payment is sent.
+
+Customers can always either pay the included `bolt11` invoice or zap the event requesting the payment and service providers should monitor for both if they choose to include a bolt11 invoice.
+
+### Notes about the protocol flow
+The flow is deliberately ambiguous, allowing vast flexibility for the interaction between customers and service providers so that service providers can model their behavior based on their own decisions/perceptions of risk.
+
+Some service providers might choose to submit a `payment-required` as the first reaction before sending a `processing` or before delivering results, some might choose to serve partial results for the job (e.g. a sample), send a `payment-required` to deliver the rest of the results, and some service providers might choose to assess likelihood of payment based on an npub's past behavior and thus serve the job results before requesting payment for the best possible UX.
+
+It's not up to this NIP to define how individual vending machines should choose to run their business.
+
+## Cancellation
+A job request might be canceled by publishing a `kind:5` delete request event tagging the job request event.
+
+## Appendix 1: Job chaining
+A Customer MAY request multiple jobs to be processed as a chain, where the output of a job is the input of another job. (e.g. podcast transcription -> summarization of the transcription). This is done by specifying as input an event id of a different job with the `job` type.
+
+Service Providers MAY begin processing a subsequent job the moment they see the prior job's result, but they will likely wait for a zap to be published first. This introduces a risk that Service Provider of job #1 might delay publishing the zap event in order to have an advantage. This risk is up to Service Providers to mitigate or to decide whether the service provider of job #1 tends to have good-enough results so as to not wait for an explicit zap to assume the job was accepted.
+
+This gives a higher level of flexibility to service providers (which sophisticated service providers would take anyway).
+
+## Appendix 2: Service provider discoverability
+Service Providers MAY use NIP-89 announcements to advertise their support for job kinds:
+
+```jsonc
+{
+  "kind": 31990,
+  "pubkey": "<pubkey>",
+  "content": "{
+    \"name\": \"Translating DVM\",
+    \"about\": \"I'm a DVM specialized in translating Bitcoin content.\"
+  }",
+  "tags": [
+    ["k", "5005"], // e.g. translation
+    ["t", "bitcoin"] // e.g. optionally advertises it specializes in bitcoin audio transcription that won't confuse "Drivechains" with "Ridechains"
+  ],
+  // other fields...
+}
+```
+
+Customers can use NIP-89 to see what service providers their follows use.
diff --git a/dist/docs/nips/92.md b/dist/docs/nips/92.md
new file mode 100644
index 00000000..d6e9932c
--- /dev/null
+++ b/dist/docs/nips/92.md
@@ -0,0 +1,45 @@
+NIP-92
+======
+
+Media Attachments
+-----------------
+
+Media attachments (images, videos, and other files) may be added to events by including a URL in the event content, along with a matching `imeta` tag.
+
+`imeta` ("inline metadata") tags MAY add information about media URLs in the event's content. Each `imeta` tag SHOULD match a URL in the event content. Clients MAY replace imeta URLs with rich previews.
+
+The `imeta` tag is variadic, and each entry is a space-delimited key/value pair.
+Each `imeta` tag MUST have a `url`, and at least one other field. `imeta` MAY include
+any field specified by [NIP 94](./94.md). There SHOULD be only one `imeta` tag per URL.
+
+## Example
+
+```json
+{
+  "content": "More image metadata tests don’t mind me https://nostr.build/i/my-image.jpg",
+  "kind": 1,
+  "tags": [
+    [
+      "imeta",
+      "url https://nostr.build/i/my-image.jpg",
+      "m image/jpeg",
+      "blurhash eVF$^OI:${M{o#*0-nNFxakD-?xVM}WEWB%iNKxvR-oetmo#R-aen$",
+      "dim 3024x4032",
+      "alt A scenic photo overlooking the coast of Costa Rica",
+      "x <sha256 hash as specified in NIP 94>",
+      "fallback https://nostrcheck.me/alt1.jpg",
+      "fallback https://void.cat/alt1.jpg"
+    ]
+  ]
+}
+```
+
+## Recommended client behavior
+
+When uploading files during a new post, clients MAY include this metadata
+after the file is uploaded and included in the post.
+
+When pasting URLs during post composition, the client MAY download the file
+and add this metadata before the post is sent.
+
+The client MAY ignore `imeta` tags that do not match the URL in the event content.
diff --git a/dist/docs/nips/94.md b/dist/docs/nips/94.md
new file mode 100644
index 00000000..4cd7c826
--- /dev/null
+++ b/dist/docs/nips/94.md
@@ -0,0 +1,58 @@
+NIP-94
+======
+
+File Metadata
+-------------
+
+`draft` `optional`
+
+The purpose of this NIP is to allow an organization and classification of shared files. So that relays can filter and organize in any way that is of interest. With that, multiple types of filesharing clients can be created. NIP-94 support is not expected to be implemented by "social" clients that deal with `kind:1` notes or by longform clients that deal with `kind:30023` articles.
+
+## Event format
+
+This NIP specifies the use of the `1063` event kind, having in `content` a description of the file content, and a list of tags described below:
+
+* `url` the url to download the file
+* `m` a string indicating the data type of the file. The [MIME types](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types) format must be used, and they should be lowercase.
+* `x` containing the SHA-256 hexencoded string of the file.
+* `ox` containing the SHA-256 hexencoded string of the original file, before any transformations done by the upload server
+* `size` (optional) size of file in bytes
+* `dim` (optional) size of file in pixels in the form `<width>x<height>`
+* `magnet` (optional) URI to magnet file
+* `i` (optional) torrent infohash
+* `blurhash`(optional) the [blurhash](https://github.com/woltapp/blurhash) to show while the file is being loaded by the client
+* `thumb` (optional) url of thumbnail with same aspect ratio
+* `image` (optional) url of preview image with same dimensions
+* `summary` (optional) text excerpt
+* `alt` (optional) description for accessibility
+* `fallback` (optional) zero or more fallback file sources in case `url` fails
+* `service` (optional) service type which is serving the file (eg. [NIP-96](96.md))
+
+```jsonc
+{
+  "kind": 1063,
+  "tags": [
+    ["url",<string with URI of file>],
+    ["m", <MIME type>],
+    ["x", <Hash SHA-256>],
+    ["ox", <Hash SHA-256>],
+    ["size", <size of file in bytes>],
+    ["dim", <size of file in pixels>],
+    ["magnet", <magnet URI> ],
+    ["i", <torrent infohash>],
+    ["blurhash", <value>],
+    ["thumb", <string with thumbnail URI>, <Hash SHA-256>],
+    ["image", <string with preview URI>, <Hash SHA-256>],
+    ["summary", <excerpt>],
+    ["alt", <description>]
+  ],
+  "content": "<caption>",
+  // other fields...
+}
+```
+
+## Suggested use cases
+
+* A relay for indexing shared files. For example, to promote torrents.
+* A pinterest-like client where people can share their portfolio and inspire others.
+* A simple way to distribute configurations and software updates.
diff --git a/dist/docs/nips/96.md b/dist/docs/nips/96.md
new file mode 100644
index 00000000..28bc8a89
--- /dev/null
+++ b/dist/docs/nips/96.md
@@ -0,0 +1,338 @@
+> __Warning__  `unrecommended`: deprecated in favor of [NIP-B7](B7.md)
+
+NIP-96
+======
+
+HTTP File Storage Integration
+-----------------------------
+
+`draft` `optional`
+
+## Introduction
+
+This NIP defines a REST API for HTTP file storage servers intended to be used in conjunction with the nostr network.
+The API will enable nostr users to upload files and later reference them by url on nostr notes.
+
+The spec DOES NOT use regular nostr events through websockets for
+storing, requesting nor retrieving data because, for simplicity, the server
+will not have to learn anything about nostr relays.
+
+## Server Adaptation
+
+File storage servers wishing to be accessible by nostr users should opt-in by making available an https route at `/.well-known/nostr/nip96.json` with `api_url`:
+
+```jsonc
+{
+  // Required
+  // File upload and deletion are served from this url
+  // Also downloads if "download_url" field is absent or empty string
+  "api_url": "https://your-file-server.example/custom-api-path",
+  // Optional
+  // If absent, downloads are served from the api_url
+  "download_url": "https://a-cdn.example/a-path",
+  // Optional
+  // Note: This field is not meant to be set by HTTP Servers.
+  // Use this if you are a nostr relay using your /.well-known/nostr/nip96.json
+  // just to redirect to someone else's http file storage server's /.well-known/nostr/nip96.json
+  // In this case, "api_url" field must be an empty string
+  "delegated_to_url": "https://your-file-server.example",
+  // Optional
+  "supported_nips": [60],
+  // Optional
+  "tos_url": "https://your-file-server.example/terms-of-service",
+  // Optional
+  "content_types": ["image/jpeg", "video/webm", "audio/*"],
+  // Optional
+  "plans": {
+    // "free" is the only standardized plan key and
+    // clients may use its presence to learn if server offers free storage
+    "free": {
+      "name": "Free Tier",
+      // Default is true
+      // All plans MUST support NIP-98 uploads
+      // but some plans may also allow uploads without it
+      "is_nip98_required": true,
+      "url": "https://...", // plan's landing page if there is one
+      "max_byte_size": 10485760,
+      // Range in days / 0 for no expiration
+      // [7, 0] means it may vary from 7 days to unlimited persistence,
+      // [0, 0] means it has no expiration
+      // early expiration may be due to low traffic or any other factor
+      "file_expiration": [14, 90],
+      "media_transformations": {
+        "image": [
+          "resizing"
+        ]
+      }
+    }
+  }
+}
+```
+
+### Relay Hints
+
+Note: This section is not meant to be used by HTTP Servers.
+
+A nostr relay MAY redirect to someone else's HTTP file storage server by
+adding a `/.well-known/nostr/nip96.json` with "delegated_to_url" field
+pointing to the url where the server hosts its own
+`/.well-known/nostr/nip96.json`. In this case, the "api_url" field must
+be an empty string and all other fields must be absent.
+
+If the nostr relay is also an HTTP file storage server,
+it must use the "api_url" field instead.
+
+### List of Supporting File Storage Servers
+
+See https://github.com/aljazceru/awesome-nostr#nip-96-file-storage-servers.
+
+## Auth
+
+When indicated, `clients` must add an [NIP-98](98.md) `Authorization` header (**optionally** with the encoded `payload` tag set to the base64-encoded 256-bit SHA-256 hash of the file - not the hash of the whole request body).
+
+## Upload
+
+`POST $api_url` as `multipart/form-data`.
+
+**AUTH required**
+
+List of form fields:
+
+- `file`: **REQUIRED** the file to upload
+- `caption`: **RECOMMENDED** loose description;
+- `expiration`: UNIX timestamp in seconds. Empty string if file should be stored forever. The server isn't required to honor this.
+- `size`: File byte size. This is just a value the server can use to reject early if the file size exceeds the server limits.
+- `alt`: **RECOMMENDED** strict description text for visibility-impaired users.
+- `media_type`: "avatar" or "banner". Informs the server if the file will be used as an avatar or banner. If absent, the server will interpret it as a normal upload, without special treatment.
+- `content_type`: mime type such as "image/jpeg". This is just a value the server can use to reject early if the mime type isn't supported.
+- `no_transform`: "true" asks server not to transform the file and serve the uploaded file as is, may be rejected.
+
+Others custom form data fields may be used depending on specific `server` support.
+The `server` isn't required to store any metadata sent by `clients`.
+
+The `filename` embedded in the file may not be honored by the `server`, which could internally store just the SHA-256 hash value as the file name, ignoring extra metadata.
+The hash is enough to uniquely identify a file, that's why it will be used on the `download` and `delete` routes.
+
+The `server` MUST link the user's `pubkey` string as the owner of the file so to later allow them to delete the file.
+
+`no_transform` can be used to replicate a file to multiple servers for redundancy, clients can use the [server list](#selecting-a-server) to find alternative servers which might contain the same file. When uploading a file and requesting `no_transform` clients should check that the hash matches in the response in order to detect if the file was modified.
+
+### Response codes
+
+- `200 OK`: File upload exists, but is successful (Existing hash)
+- `201 Created`: File upload successful (New hash)
+- `202 Accepted`: File upload is awaiting processing, see [Delayed Processing](#delayed-processing) section
+- `413 Payload Too Large`: File size exceeds limit
+- `400 Bad Request`: Form data is invalid or not supported.
+- `403 Forbidden`: User is not allowed to upload or the uploaded file hash didnt match the hash included in the `Authorization` header `payload` tag.
+- `402 Payment Required`: Payment is required by the server, **this flow is undefined**.
+
+The upload response is a json object as follows:
+
+```jsonc
+{
+  // "success" if successful or "error" if not
+  "status": "success",
+  // Free text success, failure or info message
+  "message": "Upload successful.",
+  // Optional. See "Delayed Processing" section
+  "processing_url": "...",
+  // This uses the NIP-94 event format but DO NOT need
+  // to fill some fields like "id", "pubkey", "created_at" and "sig"
+  //
+  // This holds the download url ("url"),
+  // the ORIGINAL file hash before server transformations ("ox")
+  // and, optionally, all file metadata the server wants to make available
+  //
+  // nip94_event field is absent if unsuccessful upload
+  "nip94_event": {
+    // Required tags: "url" and "ox"
+    "tags": [
+      // Can be same from /.well-known/nostr/nip96.json's "download_url" field
+      // (or "api_url" field if "download_url" is absent or empty) with appended
+      // original file hash.
+      //
+      // Note we appended .png file extension to the `ox` value
+      // (it is optional but extremely recommended to add the extension as it will help nostr clients
+      // with detecting the file type by using regular expression)
+      //
+      // Could also be any url to download the file
+      // (using or not using the /.well-known/nostr/nip96.json's "download_url" prefix),
+      // for load balancing purposes for example.
+      ["url", "https://your-file-server.example/custom-api-path/719171db19525d9d08dd69cb716a18158a249b7b3b3ec4bbdec5698dca104b7b.png"],
+      // SHA-256 hash of the ORIGINAL file, before transformations.
+      // The server MUST store it even though it represents the ORIGINAL file because
+      // users may try to download/delete the transformed file using this value
+      ["ox", "719171db19525d9d08dd69cb716a18158a249b7b3b3ec4bbdec5698dca104b7b"],
+      // Optional. SHA-256 hash of the saved file after any server transformations.
+      // The server can but does not need to store this value.
+      ["x", "543244319525d9d08dd69cb716a18158a249b7b3b3ec4bbde5435543acb34443"],
+      // Optional. Recommended for helping clients to easily know file type before downloading it.
+      ["m", "image/png"],
+      // Optional. Recommended for helping clients to reserve an adequate UI space to show the file before downloading it.
+      ["dim", "800x600"]
+      // ... other optional NIP-94 tags
+    ],
+    "content": ""
+  },
+  // ... other custom fields (please consider adding them to this NIP or to NIP-94 tags)
+}
+```
+
+Note that if the server didn't apply any transformation to the received file, both `nip94_event.tags.*.ox` and `nip94_event.tags.*.x` fields will have the same value. The server MUST link the saved file to the SHA-256 hash of the **original** file before any server transformations (the `nip94_event.tags.*.ox` tag value). The **original** file's SHA-256 hash will be used to identify the saved file when downloading or deleting it.
+
+`clients` may upload the same file to one or many `servers`.
+After successful upload, the `client` may optionally generate and send to any set of nostr `relays` a [NIP-94](94.md) event by including the missing fields.
+
+Alternatively, instead of using NIP-94, the `client` can share or embed on a nostr note just the above url.
+
+`clients` may also use the tags from the `nip94_event` to construct an `imeta` tag
+
+### Delayed Processing
+
+Sometimes the server may want to place the uploaded file in a processing queue for deferred file processing.
+
+In that case, the server MUST serve the original file while the processing isn't done, then swap the original file for the processed one when the processing is over. The upload response is the same as usual but some optional metadata like `nip94_event.tags.*.x` and `nip94_event.tags.*.size` won't be available.
+
+The expected resulting metadata that is known in advance should be returned on the response.
+For example, if the file processing would change a file from "jpg" to "webp",
+use ".webp" extension on the `nip94_event.tags.*.url` field value and set "image/webp" to the `nip94_event.tags.*.m` field.
+If some metadata are unknown before processing ends, omit them from the response.
+
+The upload response MAY include a `processing_url` field informing a temporary url that may be used by clients to check if
+the file processing is done.
+
+If the processing isn't done, the server should reply at the `processing_url` url with **200 OK** and the following JSON:
+
+```jsonc
+{
+  // It should be "processing". If "error" it would mean the processing failed.
+  "status": "processing",
+  "message": "Processing. Please check again later for updated status.",
+  "percentage": 15 // Processing percentage. An integer between 0 and 100.
+}
+```
+
+When the processing is over, the server replies at the `processing_url` url with **201 Created** status and a regular successful JSON response already mentioned before (now **without** a `processing_url` field), possibly including optional metadata at `nip94_event.tags.*` fields
+that weren't available before processing.
+
+### File compression
+
+File compression and other transformations like metadata stripping can be applied by the server.
+However, for all file actions, such as download and deletion, the **original** file SHA-256 hash is what identifies the file in the url string.
+
+## Download
+
+`GET $api_url/<sha256-hash>(.ext)`
+
+The primary file download url informed at the upload's response field `nip94_event.tags.*.url`
+can be that or not (it can be any non-standard url the server wants).
+If not, the server still MUST also respond to downloads at the standard url
+mentioned on the previous paragraph, to make it possible for a client
+to try downloading a file on any NIP-96 compatible server by knowing just the SHA-256 file hash.
+
+Note that the "\<sha256-hash\>" part is from the **original** file, **not** from the **transformed** file if the uploaded file went through any server transformation.
+
+Supporting ".ext", meaning "file extension", is required for `servers`. It is optional, although recommended, for `clients` to append it to the path.
+When present it may be used by `servers` to know which `Content-Type` header to send (e.g.: "Content-Type": "image/png" for ".png" extension).
+The file extension may be absent because the hash is the only needed string to uniquely identify a file.
+
+Example: `$api_url/719171db19525d9d08dd69cb716a18158a249b7b3b3ec4bbdec5698dca104b7b.png`
+
+### Media Transformations
+
+`servers` may respond to some media transformation query parameters and ignore those they don't support by serving
+the original media file without transformations.
+
+#### Image Transformations
+
+##### Resizing
+
+Upon upload, `servers` may create resized image variants, such as thumbnails, respecting the original aspect ratio.
+`clients` may use the `w` query parameter to request an image version with the desired pixel width.
+`servers` can then serve the variant with the closest width to the parameter value
+or an image variant generated on the fly.
+
+Example: `$api_url/<sha256-hash>.png?w=32`
+
+## Deletion
+
+`DELETE $api_url/<sha256-hash>(.ext)`
+
+**AUTH required**
+
+Note that the `/<sha256-hash>` part is from the **original** file, **not** from the **transformed** file if the uploaded file went through any server transformation.
+
+The extension is optional as the file hash is the only needed file identification.
+
+The `server` should reject deletes from users other than the original uploader with the appropriate http response code (403 Forbidden).
+
+It should be noted that more than one user may have uploaded the same file (with the same hash). In this case, a delete must not really delete the file but just remove the user's `pubkey` from the file owners list (considering the server keeps just one copy of the same file, because multiple uploads of the same file results
+in the same file hash).
+
+The successful response is a 200 OK one with just basic JSON fields:
+
+```json
+{
+  "status": "success",
+  "message": "File deleted."
+}
+```
+
+## Listing files
+
+`GET $api_url?page=x&count=y`
+
+**AUTH required**
+
+Returns a list of files linked to the authenticated users pubkey.
+
+Example Response:
+
+```jsonc
+{
+  "count": 1, // server page size, eg. max(1, min(server_max_page_size, arg_count))
+  "total": 1, // total number of files
+  "page": 0, // the current page number
+  "files": [
+    {
+      "tags": [
+        ["ox", "719171db19525d9d08dd69cb716a18158a249b7b3b3ec4bbdec5698dca104b7b"],
+        ["x", "5d2899290e0e69bcd809949ee516a4a1597205390878f780c098707a7f18e3df"],
+        ["size", "123456"],
+        ["alt", "a meme that makes you laugh"],
+        ["expiration",  "1715691139"],
+        // ...other metadata
+      ],
+      "content": "haha funny meme", // caption
+      "created_at": 1715691130 // upload timestamp
+    }
+  ]
+}
+```
+
+`files` contains an array of NIP-94 events
+
+### Query args
+
+- `page` page number (`offset=page*count`)
+- `count` number of items per page
+
+## Selecting a Server
+
+Note: HTTP File Storage Server developers may skip this section. This is meant for client developers.
+
+A File Server Preference event is a kind 10096 replaceable event meant to select one or more servers the user wants
+to upload files to. Servers are listed as `server` tags:
+
+```jsonc
+{
+  "kind": 10096,
+  "content": "",
+  "tags": [
+    ["server", "https://file.server.one"],
+    ["server", "https://file.server.two"]
+  ],
+  // other fields...
+}
+```
diff --git a/dist/docs/nips/98.md b/dist/docs/nips/98.md
new file mode 100644
index 00000000..be425b28
--- /dev/null
+++ b/dist/docs/nips/98.md
@@ -0,0 +1,63 @@
+NIP-98
+======
+
+HTTP Auth
+---------
+
+`draft` `optional`
+
+This NIP defines an ephemeral event used to authorize requests to HTTP servers using nostr events.
+
+This is useful for HTTP services which are built for Nostr and deal with Nostr user accounts.
+
+## Nostr event
+
+A `kind 27235` (In reference to [RFC 7235](https://www.rfc-editor.org/rfc/rfc7235)) event is used.
+
+The `content` SHOULD be empty.
+
+The following tags MUST be included.
+
+* `u` - absolute URL
+* `method` - HTTP Request Method
+
+Example event:
+```json
+{
+  "id": "fe964e758903360f28d8424d092da8494ed207cba823110be3a57dfe4b578734",
+  "pubkey": "63fe6318dc58583cfe16810f86dd09e18bfd76aabc24a0081ce2856f330504ed",
+  "content": "",
+  "kind": 27235,
+  "created_at": 1682327852,
+  "tags": [
+    ["u", "https://api.snort.social/api/v1/n5sp/list"],
+    ["method", "GET"]
+  ],
+  "sig": "5ed9d8ec958bc854f997bdc24ac337d005af372324747efe4a00e24f4c30437ff4dd8308684bed467d9d6be3e5a517bb43b1732cc7d33949a3aaf86705c22184"
+}
+```
+
+Servers MUST perform the following checks in order to validate the event:
+1. The `kind` MUST be `27235`.
+2. The `created_at` timestamp MUST be within a reasonable time window (suggestion 60 seconds).
+3. The `u` tag MUST be exactly the same as the absolute request URL (including query parameters).
+4. The `method` tag MUST be the same HTTP method used for the requested resource.
+
+When the request contains a body (as in POST/PUT/PATCH methods) clients SHOULD include a SHA256 hash of the request body in a `payload` tag as hex (`["payload", "<sha256-hex>"]`), servers MAY check this to validate that the requested payload is authorized.
+
+If one of the checks was to fail the server SHOULD respond with a 401 Unauthorized response code.
+
+Servers MAY perform additional implementation-specific validation checks.
+
+## Request Flow
+
+Using the `Authorization` HTTP header, the `kind 27235` event MUST be `base64` encoded and use the Authorization scheme `Nostr`
+
+Example HTTP Authorization header:
+```
+Authorization: Nostr 
+eyJpZCI6ImZlOTY0ZTc1ODkwMzM2MGYyOGQ4NDI0ZDA5MmRhODQ5NGVkMjA3Y2JhODIzMTEwYmUzYTU3ZGZlNGI1Nzg3MzQiLCJwdWJrZXkiOiI2M2ZlNjMxOGRjNTg1ODNjZmUxNjgxMGY4NmRkMDllMThiZmQ3NmFhYmMyNGEwMDgxY2UyODU2ZjMzMDUwNGVkIiwiY29udGVudCI6IiIsImtpbmQiOjI3MjM1LCJjcmVhdGVkX2F0IjoxNjgyMzI3ODUyLCJ0YWdzIjpbWyJ1IiwiaHR0cHM6Ly9hcGkuc25vcnQuc29jaWFsL2FwaS92MS9uNXNwL2xpc3QiXSxbIm1ldGhvZCIsIkdFVCJdXSwic2lnIjoiNWVkOWQ4ZWM5NThiYzg1NGY5OTdiZGMyNGFjMzM3ZDAwNWFmMzcyMzI0NzQ3ZWZlNGEwMGUyNGY0YzMwNDM3ZmY0ZGQ4MzA4Njg0YmVkNDY3ZDlkNmJlM2U1YTUxN2JiNDNiMTczMmNjN2QzMzk0OWEzYWFmODY3MDVjMjIxODQifQ
+```
+
+## Reference Implementations
+- C# ASP.NET `AuthenticationHandler` [NostrAuth.cs](https://gist.github.com/v0l/74346ae530896115bfe2504c8cd018d3)
diff --git a/dist/docs/nips/99.md b/dist/docs/nips/99.md
new file mode 100644
index 00000000..2b6a97af
--- /dev/null
+++ b/dist/docs/nips/99.md
@@ -0,0 +1,86 @@
+NIP-99
+======
+
+Classified Listings
+-------------------
+
+`draft` `optional`
+
+This NIP defines `kind:30402`: an addressable event to describe classified listings that list any arbitrary product, service, or other thing for sale or offer and includes enough structured metadata to make them useful.
+
+The specification supports a broad range of use cases physical goods, services, work opportunities, rentals, free giveaways, personals, etc. To promote interoperability between clients implementing NIP-99 for e-commerce, you can find the extension proposal [here](https://github.com/GammaMarkets/market-spec/blob/main/spec.md) which standardizes the e-commerce use case while maintaining the specification's lightweight and flexible nature. While [NIP-15](15.md) provides a strictly structured marketplace specification, NIP-99 has emerged as a simpler and more flexible alternative.
+
+The structure of these events is very similar to [NIP-23](23.md) long-form content events.
+
+### Draft / Inactive Listings
+
+`kind:30403` has the same structure as `kind:30402` and is used to save draft or inactive classified listings.
+
+### Content
+
+The `.content` field should be a description of what is being offered and by whom. These events should be a string in Markdown syntax.
+
+### Author
+
+The `.pubkey` field of these events are treated as the party creating the listing.
+
+### Metadata
+
+- For "tags"/"hashtags" (i.e. categories or keywords of relevance for the listing) the `"t"` event tag should be used.
+- For images, whether included in the markdown content or not, clients SHOULD use `image` tags as described in [NIP-58](58.md). This allows clients to display images in carousel format more easily.
+
+The following tags, used for structured metadata, are standardized and SHOULD be included. Other tags may be added as necessary.
+
+- `"title"`, a title for the listing
+- `"summary"`, for short tagline or summary for the listing
+- `"published_at"`, for the timestamp (in unix seconds – converted to string) of the first time the listing was published.
+- `"location"`, for the location.
+- `"price"`, for the price of the thing being listed. This is an array in the format `[ "price", "<number>", "<currency>", "<frequency>" ]`.
+  - `"price"` is the name of the tag
+  - `"<number>"` is the amount in numeric format (but included in the tag as a string)
+  - `"<currency>"` is the currency unit in 3-character ISO 4217 format or ISO 4217-like currency code (e.g. `"btc"`, `"eth"`).
+  - `"<frequency>"` is optional and can be used to describe recurring payments. SHOULD be in noun format (hour, day, week, month, year, etc.)
+- `"status"` (optional), the status of the listing. SHOULD be either "active" or "sold".
+
+#### `price` examples
+
+- $50 one-time payment `["price", "50", "USD"]`
+- €15 per month `["price", "15", "EUR", "month"]`
+- £50,000 per year `["price", "50000", "GBP", "year"]`
+
+Other common tags that might be useful.
+
+- `"g"`, a geohash for more precise location
+
+## Example Event
+
+```jsonc
+{
+  "kind": 30402,
+  "created_at": 1675642635,
+  // Markdown content
+  "content": "Lorem [ipsum][nostr:nevent1qqst8cujky046negxgwwm5ynqwn53t8aqjr6afd8g59nfqwxpdhylpcpzamhxue69uhhyetvv9ujuetcv9khqmr99e3k7mg8arnc9] dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n\nRead more at nostr:naddr1qqzkjurnw4ksz9thwden5te0wfjkccte9ehx7um5wghx7un8qgs2d90kkcq3nk2jry62dyf50k0h36rhpdtd594my40w9pkal876jxgrqsqqqa28pccpzu.",
+  "tags": [
+    ["d", "lorem-ipsum"],
+    ["title", "Lorem Ipsum"],
+    ["published_at", "1296962229"],
+    ["t", "electronics"],
+    ["image", "https://url.to.img", "256x256"],
+    ["summary", "More lorem ipsum that is a little more than the title"],
+    ["location", "NYC"],
+    ["price", "100", "USD"],
+    [
+      "e",
+      "b3e392b11f5d4f28321cedd09303a748acfd0487aea5a7450b3481c60b6e4f87",
+      "wss://relay.example.com"
+    ],
+    [
+      "a",
+      "30023:a695f6b60119d9521934a691347d9f78e8770b56da16bb255ee286ddf9fda919:ipsum",
+      "wss://relay.nostr.org"
+    ]
+  ],
+  "pubkey": "...",
+  "id": "..."
+}
+```
diff --git a/dist/docs/nips/A0.md b/dist/docs/nips/A0.md
new file mode 100644
index 00000000..884bf2aa
--- /dev/null
+++ b/dist/docs/nips/A0.md
@@ -0,0 +1,60 @@
+NIP-A0
+======
+
+Voice Messages
+-----------
+
+**Status:** Draft
+
+This NIP defines new events `kind: 1222` for root messages and `kind: 1244` for reply messages to be used for short voice messages, typically up to 60 seconds in length.
+
+## Specification
+
+### Event Kind `1222` and Kind `1244`
+
+The `kind: 1222` event is defined as follows:
+
+-   `content`: MUST be a URL pointing directly to an audio file.
+    -   The audio file SHOULD be in `audio/mp4` (.m4a) format using AAC or Opus encoding. Clients MAY support other common audio formats like `audio/ogg`, `audio/webm`, or `audio/mpeg` (mp3), but `audio/mp4` is recommended for broad compatibility and efficiency.
+    -   The audio duration SHOULD be no longer than 60 seconds. Clients publishing `kind: 1222` events SHOULD enforce this limit or provide a clear warning to the user if exceeded.
+-   `tags`:
+    -   Tags MAY be included as per other NIPs (e.g., `t` for hashtags, `g` for geohash, etc.).
+
+  The `kind: 1244` event is defined as follows:
+  
+-    To be used for replies, `kind: 1244` events MUST follow the structure of `NIP-22`.
+-   `content`: MUST be a URL pointing directly to an audio file.
+    -   The audio file SHOULD be in `audio/mp4` (.m4a) format using AAC or Opus encoding. Clients MAY support other common audio formats like `audio/ogg`, `audio/webm`, or `audio/mpeg` (mp3), but `audio/mp4` is recommended for broad compatibility and efficiency.
+    -   The audio duration SHOULD be no longer than 60 seconds. Clients publishing `kind: 1222` events SHOULD enforce this limit or provide a clear warning to the user if exceeded.
+-   `tags`:
+    -   Tags MAY be included as per other NIPs (e.g., `t` for hashtags, `g` for geohash, etc.).
+
+
+## Visual representation with `imeta` (NIP-92) tag (optional)
+
+The following imeta (NIP-92) tags MAY be included so clients can render a visual preview without having to download the audio file first:
+
+- `waveform`: amplitude values over time, space separated full integers, less than 100 values should be enough to render a nice visual
+- `duration`: audio length in seconds
+
+## Examples
+
+### Root Voice Message Example
+
+```json
+{
+  "content": "https://blossom.primal.net/5fe7df0e46ee6b14b5a8b8b92939e84e3ca5e3950eb630299742325d5ed9891b.mp4",
+  "created_at": 1752501052,
+  "id": "...",
+  "kind": 1222,
+  "pubkey": "...",
+  "sig": "...",
+  "tags": [
+    [
+      "imeta",
+      "url https://blossom.primal.net/5fe7df0e46ee6b14b5a8b8b92939e84e3ca5e3950eb630299742325d5ed9891b.mp4",
+      "waveform 0 7 35 8 100 100 49 8 4 16 8 10 7 2 20 10 100 100 100 100 100 100 15 100 100 100 25 60 5 4 3 1 0 100 100 15 100 29 88 0 33 11 39 100 100 19 4 100 42 35 5 0 1 5 0 0 11 38 100 94 17 11 44 58 5 100 100 100 55 14 72 100 100 57 6 1 14 2 16 100 100 40 16 100 100 6 32 14 13 41 36 16 14 6 3 0 1 2 1 6 0",
+      "duration 8"
+    ]
+  ]
+}
\ No newline at end of file
diff --git a/dist/docs/nips/B0.md b/dist/docs/nips/B0.md
new file mode 100644
index 00000000..22ed9105
--- /dev/null
+++ b/dist/docs/nips/B0.md
@@ -0,0 +1,53 @@
+NIP-B0
+======
+
+Web Bookmarking
+---------------
+
+`draft` `optional`
+
+This NIP defines `kind:39701` for a URI as editable web bookmark which uses the HTTP scheme.
+
+### Format
+
+The format uses `kind:39701`.
+
+The `.content` should be a detailed description of the web bookmark. It can be an empty string.
+
+The `d` tag is just their URL without the scheme, which is always and everywhere assumed to be `https://` or `http://`.
+
+In this way web bookmarks events can be queried by the `d` tag by clients.
+
+### Metadata
+
+Metadata fields can be added as tags to the event as necessary.
+
+* `"t"`, for "tags"/"hashtags" (i.e. topics about which the event might be of relevance)
+* `"published_at"`, for the timestamp in unix seconds (stringified) of the first time the bookmark was published
+* `"title"`, title about bookmark and can be used as a attribute for the HTML link element
+
+## Example event 
+
+```jsonc
+{
+  "kind": 39701,
+  "id": "d7a92714f81d0f712e715556aee69ea6da6bfb287e6baf794a095d301d603ec7",
+  "pubkey": "2729620da105979b22acfdfe9585274a78c282869b493abfa4120d3af2061298",
+  "created_at": 1738869705,
+  "tags": [
+    // Required tags
+    ["d", "alice.blog/post"],
+    // Optional tags    
+    ["published_at", "1738863000"],
+    ["title", "Blog insights by Alice"],  
+    ["t", "post"],
+    ["t", "insight"]
+  ],
+  "content": "A marvelous insight by Alice about the nature of blogs and posts.",
+  "sig": "36d34e6448fe0223e9999361c39c492a208bc423d2fcdfc2a3404e04df7c22dc65bbbd62dbe8a4373c62e4d29aac285b5aa4bb9b4b8053bd6207a8b45fbd0c98"
+}
+```
+
+### Replies & Comments
+
+Replies to `kind 39701` MUST use `kind 1111` events as comments with [NIP-22](22.md).
diff --git a/dist/docs/nips/B7.md b/dist/docs/nips/B7.md
new file mode 100644
index 00000000..0e0fd347
--- /dev/null
+++ b/dist/docs/nips/B7.md
@@ -0,0 +1,41 @@
+NIP-B7
+======
+
+Blossom media
+-------------
+
+`draft` `optional`
+
+This NIP specifies how Nostr clients can use [Blossom][] for handling media.
+
+Blossom is a set of standards (called BUDs) for dealing with servers that store files addressable by their SHA-256 sums. Nostr clients may make use of all the BUDs for allowing users to upload files, manage their own files and so on, but most importantly Nostr clients SHOULD make use of [BUD-03][] to fetch `kind:10063` lists of servers for each user:
+
+```json
+{
+  "id": "e4bee088334cb5d38cff1616e964369c37b6081be997962ab289d6c671975d71",
+  "pubkey": "781208004e09102d7da3b7345e64fd193cd1bc3fce8fdae6008d77f9cabcd036",
+  "content": "",
+  "kind": 10063,
+  "created_at": 1708774162,
+  "tags": [
+    ["server", "https://blossom.self.hosted"],
+    ["server", "https://cdn.blossom.cloud"]
+  ],
+  "sig": "cc5efa74f59e80622c77cacf4dd62076bcb7581b45e9acff471e7963a1f4d8b3406adab5ee1ac9673487480e57d20e523428e60ffcc7e7a904ac882cfccfc653"
+}
+```
+
+Whenever a Nostr client finds a URL in an event published by a given user and that URL ends a 64-character hex string (with or without an ending file extension) and that URL is not available anymore, that means that string is likely a representation of a sha256 and that the user may have a `kind:10063` list of Blossom servers published.
+
+Given that, the client SHOULD look into the `kind:10063` list for other Blossom servers and lookup for the same 64-character hex string in them, by just using the hex string as a path (optionally with the file extension at the end), producing a URL like `https://blossom.self.hosted/<hex-string>.png`.
+
+When downloading such files Nostr clients SHOULD verify that the sha256-hash of its contents matches the 64-character hex string.
+
+More information can be found at [BUD-03][].
+
+### More complex interactions
+
+Clients may use other facilities exposed by Blossom servers (for example, for checking if a file exists in a Blossom server, instead of actually downloading it) which are better documented in the [BUDs][Blossom].
+
+[Blossom]: https://github.com/hzrd149/blossom
+[BUD-03]: https://github.com/hzrd149/blossom/blob/master/buds/03.md
diff --git a/dist/docs/nips/C0.md b/dist/docs/nips/C0.md
new file mode 100644
index 00000000..c88e1455
--- /dev/null
+++ b/dist/docs/nips/C0.md
@@ -0,0 +1,69 @@
+NIP-C0
+======
+
+Code Snippets
+-------------
+
+`draft` `optional`
+
+## Abstract
+
+This NIP defines a new event kind for sharing and storing code snippets. Unlike regular text notes (`kind:1`), code snippets have specialized metadata like language, extension, and other code-specific attributes that enhance discoverability, syntax highlighting, and improved user experience.
+
+## Event Kind
+
+This NIP defines `kind:1337` as a code snippet event.
+
+The `.content` field contains the actual code snippet text.
+
+## Optional Tags
+
+- `l` - Programming language name (lowercase). Examples: "javascript", "python", "rust"
+- `name` - Name of the code snippet, commonly a filename. Examples: "hello-world.js", "quick-sort.py"
+- `extension` - File extension (without the dot). Examples: "js", "py", "rs"
+- `description` - Brief description of what the code does
+- `runtime` - Runtime or environment specification (e.g., "node v18.15.0", "python 3.11")
+- `license` - License under which the code is shared (e.g., "MIT", "GPL-3.0", "Apache-2.0")
+- `dep` - Dependency required for the code to run (can be repeated)
+- `repo` - Reference to a repository where this code originates
+
+## Format
+
+```json
+{
+  "id": "<32-bytes lowercase hex-encoded SHA-256 of the the serialized event data>",
+  "pubkey": "<32-bytes lowercase hex-encoded public key of the event creator>",
+  "created_at": <Unix timestamp in seconds>,
+  "kind": 1337,
+  "content": "function helloWorld() {\n  console.log('Hello, Nostr!');\n}\n\nhelloWorld();",
+  "tags": [
+    ["l", "javascript"],
+    ["extension", "js"],
+    ["name", "hello-world.js"],
+    ["description", "A basic JavaScript function that prints 'Hello, Nostr!' to the console"],
+    ["runtime", "node v18.15.0"],
+    ["license", "MIT"],
+    ["repo", "https://github.com/nostr-protocol/nostr"]
+  ],
+  "sig": "<64-bytes signature of the id>"
+}
+```
+
+## Client Behavior
+
+Clients that support this NIP SHOULD:
+
+1. Display code snippets with proper syntax highlighting based on the language.
+2. Allow copying the full code snippet with a single action.
+3. Render the code with appropriate formatting, preserving whitespace and indentation.
+4. Display the language and extension prominently.
+5. Provide "run" functionality for supported languages when possible.
+6. Display the description (if available) as part of the snippet presentation.
+
+Clients MAY provide additional functionality such as:
+
+1. Code editing capabilities
+2. Forking/modifying snippets
+3. Creating executable environments based on the runtime/dependencies
+4. Downloading the snippet as a file using the provided extension
+5. Sharing the snippet with attribution
diff --git a/dist/docs/nips/C7.md b/dist/docs/nips/C7.md
new file mode 100644
index 00000000..0d94f18b
--- /dev/null
+++ b/dist/docs/nips/C7.md
@@ -0,0 +1,29 @@
+NIP-C7
+======
+
+Chats
+-----
+
+`draft` `optional`
+
+A chat message is a `kind 9` event.
+
+```json
+{
+  "kind": 9,
+  "content": "GM",
+  "tags": []
+}
+```
+
+A reply to a `kind 9` is an additional `kind 9` which quotes the parent using a `q` tag.
+
+```json
+{
+  "kind": 9,
+  "content": "nostr:nevent1...\nyes",
+  "tags": [
+    ["q", <event-id>, <relay-url>, <pubkey>]
+  ]
+}
+```
diff --git a/dist/docs/nips/EE.md b/dist/docs/nips/EE.md
new file mode 100644
index 00000000..090fa29f
--- /dev/null
+++ b/dist/docs/nips/EE.md
@@ -0,0 +1,288 @@
+# NIP-EE
+
+## E2EE Messaging using the Messaging Layer Security (MLS) Protocol
+
+`draft` `optional`
+
+This NIP standardizes how to use the [MLS Protocol](https://www.rfc-editor.org/rfc/rfc9420.html) with Nostr for efficient and E2EE (end-to-end encrypted) direct and group messaging.
+
+## Context
+
+Originally, one-to-one direct messages (DMs) in Nostr happened via the scheme defined in [NIP-04](04.md). This NIP is not recommended because, while it encrypts the content of the message (provides decent confidentiality), it leaks significant amounts of metadata about the parties involved in the conversation (completely lacks privacy).
+
+With the addition of [NIP-44](44.md), we have an updated encryption scheme that improves confidentiality guarantees but stops short of defining a new scheme for doing direct messages using this encryption scheme. Hence, makes little to no difference to privacy.
+
+Most recently, [NIP-17](17.md) combines [NIP-44](44.md) encryption with [NIP-59](59.md) gift-wrapping to hide the encrypted direct message inside another set of events to ensure that it's impossible to see who is talking to who and when messages passed between the users. This largely solves the metadata leakage problem; while it's still possible to see that a user is receiving gift-wrapped events, you can't tell from whom and what kind of events are within the gift-wrap outer event. This gives some degree of deniability/repudiation but doesn't solve forward secrecy or post compromise security. That is to say, if a user's private key (or the calculated conversation key shared between two users used to encrypt messages) is compromised, the attacker will have full access to all past and future DMs sent between those users.
+
+In addition, neither [NIP-04](04.md) or [NIP-17](17.md) attempt to solve the problem of group messages.
+
+### Why is this important?
+
+Without proper E2EE, Nostr cannot be used as the protocol for secure messaging clients. While clients like Signal do a fantastic job with E2EE, they still rely on centralized servers and as a result can be shut down by a powerful (i.e. state-level) actor. The goal of Nostr is not only to protect against centralized entities censoring you and your communications, but also protect against the ability of a state-level actor to stop these sorts of services from existing in the first place. By replacing centralized servers with decentralized relays, we make it nearly impossible for a centralized actor to completely stop communications between individual users.
+
+### Goals of this NIP
+
+1. Private _and_ Confidential DMs and Group messages
+   1. **Private** means that an observer cannot tell that Alice and Bob are talking to one another, or that Alice is part of a specific group. This necessarily requires protecting metadata.
+   2. **Confidential** means that the contents of conversations can only be viewed by the intended recipients.
+2. Forward secrecy and Post-compromise security
+   1. **Forward secrecy** means that encrypted content in the past remains encrypted even if a key material is leaked.
+   2. **Post compromise security** means that leaking key material doesn't allow an attacker to continue to read messages indefinitely into the future.
+3. Scales efficiently for large groups
+4. Allows for the use of multiple device/clients in a single conversation/group.
+
+### Why MLS?
+
+This scheme adapts the Message Layer Security (MLS) protocol for use with Nostr. You can think of MLS as an evolution of the Signal Protocol. However, it significantly improves the scalability of encryption operations for large group messaging significantly (linear -> log), is built to accommodate federated environments, and also allows for graceful updating of ciphersuites and versions over time. In addition, it's very flexible and agnostic about the message content that is sent.
+
+It's beyond the scope of this NIP to explain the MLS protocol but you can read more about it in it's [Architectural Overview](https://www.ietf.org/archive/id/draft-ietf-mls-architecture-13.html) or the [RFC](https://www.rfc-editor.org/rfc/rfc9420). MLS is on track to become an internet standard under the IETF so the protocol itself is extremely well vetted and researched. This also means there is the potential for cross network messaging interoperability in the future as MLS gains more adoption.
+
+## Core MLS Concepts
+
+From the [MLS Architectural Overview](https://www.ietf.org/archive/id/draft-ietf-mls-architecture-13.html):
+
+> MLS provides a way for clients to form groups within which they can communicate securely. For example, a set of users might use clients on their phones or laptops to join a group and communicate with each other. A group may be as small as two clients (e.g., for simple person to person messaging) or as large as hundreds of thousands. A client that is part of a group is a member of that group. As groups change membership and group or member properties, they advance from one epoch to another and the cryptographic state of the group evolves.
+>
+> The group is represented as a tree, which represents the members as the leaves of a tree. It is used to efficiently encrypt to subsets of the members. Each member has a state called a LeafNode object holding the client's identity, credentials, and capabilities.
+
+The MLS protocol's job is to manage and evolve the cryptographic state of a group. This includes managing the membership of a group, the cryptographic state of a group (ratchet tree, keys, and encryption/decryption/authentication of messages), and managing the evolution of the group over time.
+
+### Groups
+
+Groups are created by their first member, who then invites one or more other members. Groups evolve over time in blocks called `Epochs`. New epochs are proposed via one ore more `Proposal` messages and then committed to via a `Commit` message.
+
+### Clients
+
+The device/client pair (e.g. Primal on iOS or Coracle on web) with which a user joins the group is represented as a `LeafNode` in the tree. The terms `Client` and `Member` are interchangeable in this regard. It is not possible to share group state across multiple `Clients`. If a user joins a group from 2 separate devices, their state is separate and they will be tracked as 2 separate members of the group.
+
+### Messages
+
+There are several different types of messages sent within a group. Some of these are control messages that are used to update the group state over time. These include `Welcome`, `Proposal`, and `Commit` messages. Others are the actual messages that are sent between members in a group. These include `Application` messages.
+
+Messages in MLS are "framed". Meaning that they are wrapped in a data structure that includes information about the sender, the epoch, the message index within the epoch and the message content. This framing makes it possible to authenticate and decrypt messages correctly, even if they arrive out of order.
+
+MLS is agnostic to the "content" of the messages that are sent. This is a key feature of MLS that allows for the use of MLS for a wide variety of applications.
+
+MLS is also agnostic to the transport protocol that is used to send messages. Obviously for us, we'll be using websockets, Nostr events and relays.
+
+## The focus of this NIP
+
+This NIP focuses on how to use Nostr to perform the Authentication Service and Delivery Service functions required by the MLS protocol. Most clients will choose to use an MLS implementation to handle keys, ratcheting, group state management, and other aspects of the MLS protocol itself. [OpenMLS](https://github.com/openmls/openmls) is the most actively developed library that implements MLS.
+
+This NIP specifies the following:
+
+1. A standardized way that Nostr clients should [create MLS groups](#creating-groups).
+2. The required format of the MLS [`Credential`](#mls-credentials) that Nostr clients should use to represent a Nostr user in a group.
+3. The structure of [KeyPackage Events](#keypackage-event-and-signing-keys) published to relays that allow Nostr users to be added to a group asynchronously.
+4. The structure of [Group Events](#group-events) published to relays that represent the evolution of a group's state and the contents of the messages sent in the group.
+
+## Security Considerations
+
+This is a concise overview of the security trade-offs and considerations of this NIP in various scenarios. The NIP strives to fully maintain MLS security guarantees.
+
+### Forward Secrecy and Post-compromise Security
+
+- As per the MLS spec, keys are deleted as soon as they are used to encrypt or decrypt a message. This is usually handled by the MLS implementation library itself but attention needs to be paid by clients to ensure they're not storing secrets (especially the [exporter secret](#group-events)) for longer than absolutely necessary.
+- This NIP maintains MLS forward secrecy and post-compromise security guarantees. You can read more about those in the MLS Architectural Overview section on [Forward Secrecy and Post-compromise Security](https://www.ietf.org/archive/id/draft-ietf-mls-architecture-15.html#name-forward-and-post-compromise).
+
+### Leakage of various keys
+
+- This NIP does not depend on a user's Nostr identity key for any aspect of the MLS messaging protocol. Compromise of a user's Nostr identity key does not give access to past or future messages in any MLS-based group.
+- For a complete discussion of MLS key leakage, please see the Endpoint Compromise section of the [MLS Architectural Overview](https://www.ietf.org/archive/id/draft-ietf-mls-architecture-15.html#name-endpoint-compromise).
+
+### Metadata
+
+- The only group specific metadata published to relays is the Nostr group ID value. This value is used to identify the group in the `h` tag of the Group Message Event (`kind: 445`). These events are published ephemerally and this Nostr group ID value can be updated over the lifetime of the group by group admins. This is a tradeoff to ensure that group participants and group size are obfuscated but still makes it possible to efficiently fan out group messages to all participants. The content field of this event is a value encrypted in two separate ways (using NIP-44 and MLS) with MLS group state/keys. Only group members with up-to-date group state can decrypt and read these messages.
+- A user's key package events can be used one or more times to be added to groups. There is a tradeoff inherent here: Reusing key packages (initial signing keys) carries some degree of risk but this risk is mitigated as long as a user rotates their signing key immediately upon joining a group. This step also improves the forward secrecy of the entire group.
+
+### Device Compromise
+
+Clients implementing this NIP should take every precaution to ensure that data is stored in a secure way on the device and is protected against unwanted access in the case that a device is compromised (e.g. encryption at rest, biometric authentication, etc.). That said, full device compromise should be viewed as a catastrophic event and any group the compromised device was a part of should be considered compromised until they can remove that member and update their group's state. Some suggestions:
+
+- Clients should support and encourage self-destructing messages (ensuring that full transcript history isn't available on a device forever).
+- Clients should regularly suggest to group admins that inactive users be removed.
+- Clients should regularly suggest (or automatically) rotate a user's signing key in each of their groups.
+- Clients should encrypt group state and keys on the device using a secret value that isn't part of the group state or the user's Nostr identity key.
+- Clients should use secure enclave storage where possible.
+
+For a full discussion of the security considerations of MLS, please see the Security Considerations section of the [MLS RFC](https://www.rfc-editor.org/rfc/rfc9420.html#name-security-considerations).
+
+## Creating groups
+
+MLS Groups are created with a random 32-byte ID value that is effectively permanent. This ID should be treated as private to the group and MUST not be published to relays in any form.
+
+Clients must also ensure that the ciphersuite, capabilities, and extensions they use when creating the group are compatible with those advertised by the users they'd like to invite to the group. They can check this info via the user's published KeyPackage Events.
+
+When creating a new group, the following MLS extensions MUST be used.
+
+- [`required_capabilities`](https://docs.rs/openmls/latest/openmls/extensions/struct.RequiredCapabilitiesExtension.html)
+- [`ratchet_tree`](https://docs.rs/openmls/latest/openmls/extensions/struct.RatchetTreeExtension.html)
+- [`nostr_group_data`](https://github.com/rust-nostr/nostr/blob/master/mls/nostr-mls/src/extension.rs)
+
+And the following MLS extension is highly recommended (more [here](#keypackage-event-and-signing-keys)):
+- [`last_resort`](https://docs.rs/openmls/latest/openmls/extensions/struct.LastResortExtension.html)
+
+Changes to an MLS group are affected by first creating one or more `Proposal` events and then committing to a set of proposals in a `Commit` event. These are MLS events, not Nostr events. However, for the group state to properly evolve the Commit events (which represent a specific set of proposals - like adding a new user to the group) must be published to relays for the other group members to see. See [Group Messages](#group-events) for more information.
+
+## MLS Credentials
+
+A `Credential` in MLS is an assertion of who the user is coupled with a signing key. When constructing `Credentials` for MLS, clients MUST use the `BasicCredential` type and set the `identity` value as the 32-byte hex-encoded public key of the user's Nostr identity key. Clients MUST not allow users to change the identity field and MUST validate that all `Proposal` messages do not attempt to change the identity field on any credential in the group.
+
+A `Credential` also has an associated signing key. The initial signing key for a user is included in the KeyPackage event. The signing key MUST be different from the user's Nostr identity key. This signing key SHOULD be rotated over time to provide improved post-compromise security.
+
+## Nostr Group Data Extension
+
+As mentioned above, the `nostr_group_data` extension is a required MLS extension used to associate Nostr-specific data with an MLS group in a cryptographically secure and proveable way. This extension MUST be included as a required capability when creating a new group.
+
+The extension stores the following data about the group:
+
+- `nostr_group_id`: A 32-byte ID for the group. This is a different value from the group ID used by MLS and CAN be changed over time. This value is the group ID value used in the `h` tags when sending group message events.
+- `name`: The name of the group.
+- `description`: A short description of the group.
+- `admin_pubkeys`: An array of the hex-encoded public keys of the group admins. The MLS protocol itself does not have a concept of group admins. Clients MUST check the list of `admin_pubkeys` before making any change to the group data (anything in this extension), or before changing group membership (add/remove members), or updating any other aspect of the group itself (e.g. ciphersuite, etc.). Note, all members of the group can send `Proposal` and `Commits` messages for changes to their own credentials (e.g. updating their signing key).
+- `relays`: An array of the Nostr relay URLs that the group uses to publish and receive messages.
+
+All of these values can be updated over time using MLS `Proposal` and `Commit` events (by group admins).
+
+## KeyPackage Event and Signing Keys
+
+Each user that wishes to be reachable via MLS-based messaging MUST first publish at least one KeyPackage event. The KeyPackage Event is used to authenticate users and create the necessary `Credential` to add members to groups in an asynchronous way. Users can publish multiple KeyPackage Events with different parameters (supporting different ciphersuites or MLS extensions, for example). KeyPackages include a signing key that is used for signing MLS messages within a group. This signing key MUST not be the same as the user's Nostr identity key.
+
+KeyPackage reuse SHOULD be minimized. However, in normal MLS use, KeyPackages are consumed when joining a group. In order to reduce race conditions between invites for multiple groups using the same Key Package, Nostr clients SHOULD use "Last resort" KeyPackages. This requires the inclusion of the `last_resort` extension on the KeyPackage's capabilities (same as with the Group).
+
+It's important that clients immediately rotate a user's signing key after joining a group via a last resort key package to improve post-compromise security. The signing key (the public key included in the KeyPackage Event) is used for signing within the group. Therefore, clients implementing this NIP MUST ensure that they retain access to the private key material of the signing key for each group they are a member of.
+
+In most cases, it's assumed that clients implementing this NIP will manage the creation and rotation of KeyPackage Events.
+
+### Example KeyPackage Event
+
+```json
+  {
+    "id": <id>,
+    "kind": 443,
+    "created_at": <unix timestamp in seconds>,
+    "pubkey": <main identity pubkey>,
+    "content": "",
+    "tags": [
+        ["mls_protocol_version", "1.0"],
+        ["ciphersuite", <MLS CipherSuite ID value e.g. "0x0001">],
+        ["extensions", <An array of MLS Extension ID values e.g. "0x0001, 0x0002">],
+        ["client", <client name>, <handler event id>, <optional relay url>],
+        ["relays", <array of relay urls>],
+        ["-"]
+    ],
+    "sig": <signed with main identity key>
+}
+```
+
+- The `content` hex encoded serialized `KeyPackageBundle` from MLS.
+- The `mls_protocol_version` tag is required and MUST be the version number of the MLS protocol version being used. For now, this is `1.0`.
+- The `ciphersuite` tag is the value of the MLS ciphersuite that this KeyPackage Event supports. [Read more about ciphersuites in MLS](https://www.rfc-editor.org/rfc/rfc9420.html#name-mls-cipher-suites).
+- The `extensions` tag is an array of MLS extension IDs that this KeyPackage Event supports. [Read more about MLS extensions](https://www.rfc-editor.org/rfc/rfc9420.html#name-extensions).
+- (optional) The `client` tag helps other clients manage the user experience when they receive group invites but don't have access to the signing key.
+- The `relays` tag identifies each of the relays that the client will attempt to publish this KeyPackage event. This allows for deletion of KeyPackage Events at a later date.
+- (optional) The `-` tag can be used to ensure that KeyPackage Events are only published by their authenticated author. Read more in [NIP-70](70.md)
+
+### Deleting KeyPackage Events
+
+Clients SHOULD delete the KeyPackage Event on all the listed relays any time they successfully process a group request event for a given KeyPackage Event. Clients MAY also create a new KeyPackage Event at the same time.
+
+If clients cannot process a Welcome message (e.g. because the signing key was generated on another client), clients MUST not delete the KeyPackage Event and SHOULD show a human-understandable error to the user.
+
+### Rotating Signing Keys
+
+Clients MUST regularly rotate the user's signing key in each group that they are a part of. The more often the signing key is rotated the stronger the post-compromise security. This rotation is done via `Proposal` and `Commit` events and broadcast to the group via a Group Event. [Read more about forward secrecy and post-compromise security inherent in MLS](https://www.rfc-editor.org/rfc/rfc9420.html#name-forward-secrecy-and-post-co).
+
+### KeyPackage Relays List Event
+
+A `kind: 10051` event indicates the relays that a user will publish their KeyPackage Events to. The event MUST include a list of relay tags with relay URIs. These relays SHOULD be readable by anyone the user wants to be able to contact them.
+
+```json
+{
+  "kind": 10051,
+  "tags": [
+    ["relay", "wss://inbox.nostr.wine"],
+    ["relay", "wss://myrelay.nostr1.com"],
+  ],
+  "content": "",
+  //...other fields
+}
+```
+
+### Welcome Event
+
+When a new user is added to a group via an MLS `Commit` message. The member who sends the `Commit` message to the group is responsible for sending the user being added to the group a Welcome Event. This Welcome Event is sent to the user as a [NIP-59](59.md) gift-wrapped event. The Welcome Event gives the new member the context they need to join the group and start sending messages.
+
+Clients creating the Welcome Event SHOULD wait until they have received acknowledgement from relays that their Group Event with the `Commit` has been received before publishing the Welcome Event.
+
+```json
+{
+   "id": <id>,
+   "kind": 444,
+   "created_at": <unix timestamp in seconds>,
+   "pubkey": <nostr identity pubkey of sender>,
+   "content": <serialized Welcome object>,
+   "tags": [
+      ["e", <ID of the KeyPackage Event used to add the user to the group>],
+      ["relays", <array of relay urls>],
+   ],
+   "sig": <NOT SIGNED>
+}
+```
+
+- The `content` field is required and is a serialized MLSMessage object containing the MLS `Welcome` object.
+- The `e` tag is required and is the ID of the KeyPackage Event used to add the user to the group.
+- The `relays` tag is required and is a list of relays clients should query for Group Events.
+
+Welcome Events are then sealed and gift-wrapped as detailed in [NIP-59](59.md) before being published. Like all events that are sealed and gift-wrapped, `kind: 444` events MUST never be signed. This ensures that if they were ever leaked they would not be publishable to relays.
+
+#### Large Groups
+
+For groups above ~150 participants, welcome messages will become larger than the maximum event size allowed by Nostr. There is currently work underway on the MLS protocol to support "light" client welcomes that don't require the full Ratchet Tree state to be sent to the new member. This section will be updated with recommendations for how to handle large groups.
+
+## Group Events
+
+Group Events are all the messages that are sent within a group. This includes all "control" events that update the shared group state over time (`Proposal`, `Commit`) and messages sent between members of the group (`Application` messages).
+
+Group Events are published using an ephemeral Nostr keypair to obfuscate the number and identity of group participants. Clients MUST use a new Nostr keypair for each Group Event they publish.
+
+```json
+{
+   "id": <id>,
+   "kind": 445,
+   "created_at": <unix timestamp in seconds>,
+   "pubkey": <ephemeral sender pubkey>,
+   "content": <NIP-44 encrypted serialized MLSMessage object>,
+   "tags": [
+      ["h", <group id>]
+   ],
+   "sig": <signed with ephemeral sender key>
+}
+```
+- The `content` field is a [tls-style](https://www.rfc-editor.org/rfc/rfc9420.html#name-the-message-mls-media-type) serialized [`MLSMessage`](https://www.rfc-editor.org/rfc/rfc9420.html#section-6-4) object which is then encrypted according to [NIP-44](44.md). However, instead of using the sender and receivers keys to derive a `conversation_key`, the NIP-44 encryption is done using a Nostr keypair generated from the MLS [`exporter_secret`](https://www.rfc-editor.org/rfc/rfc9420.html#section-8.5) to calculate the `conversation_key` value. Essentially, you use the hex-encoded `exporter_secret` value as the private key (used as the sender key), calculate the public key for that private key (used as the receiver key), and then proceed with the standard NIP-44 scheme to encrypt and decrypt messages.
+- The `exporter_secret` value should be generated with a 32-byte length and labeled `nostr`. This `exporter_secret` value is rotated on each new epoch in the group. Clients should generate a new 32-byte value each time they process a valid `Commit` message.
+- The `pubkey` is the hex-encoded public key of the ephemeral sender.
+- The `h` tag is the nostr group ID value (from the Nostr Group Data Extension).
+
+### Application Messages
+
+Application messages are the messages that are sent within the group by members. These are contained within the `MLSMessage` object. The format of these messages should be unsigned Nostr events of the appropriate kind. For normal DM or group messages, clents SHOULD use `kind: 9` chat message events. If the user reacts to a message, it would be a `kind: 7` event, and so on.
+
+This means that once the application message has been decrypted and deserialized, clients can store those events and treat them as any other Nostr event, effectively creating a private Nostr feed of the group's activity and taking advantage of all the features of Nostr.
+
+These inner unsigned Nostr events MUST use the member's Nostr identity key for the `pubkey` field and clients MUST check that the identity of them member who sent the message matches the pubkey of the inner Nostr event.
+
+These Nostr events MUST remain **unsigned** to ensure that if they were to leak to relays they would not be published publicly. These Nostr events MUST not include any "h" tags or other tags that would identify the group that they belong to.
+
+### `Commit` Message race conditions
+
+The MLS protocol is resilient to almost all messages arriving out of order. However, the order of `Commit` messages is important for the group state to move forward from one epoch to the next correctly. Given Nostr's nature as a decentralized network, it is possible for a client to receive 2 or more `Commit` messages all attempting to update to a new epoch at the same time.
+
+Clients sending commit messages MUST wait until they receive acknowledgement from at least one relay that their Group Message Event with the `Commit` has been received before applying the commit to their own group state.
+
+If a client receives 2 or more `Commit` messages attempting to change same epoch, they MUST apply only one of the `Commit` messages they receive, determined by the following:
+
+1. Using the `created_at` timestamp on the kind `445` event. The `Commit` with the lowest value for `created_at` is the message to be applied. The other `Commit` message is discarded.
+2. If the `created_at` timestamp is the same for two or more `Commit` messages, the `Commit` message with the lowest value for `id` field is the message to be applied.
+
+Clients SHOULD retain previous group state for a short period of time in order to recover from forked group state.
diff --git a/dist/docs/nips/README.md b/dist/docs/nips/README.md
new file mode 100644
index 00000000..445876e1
--- /dev/null
+++ b/dist/docs/nips/README.md
@@ -0,0 +1,423 @@
+# NIPs
+
+NIPs stand for **Nostr Implementation Possibilities**.
+
+They exist to document what may be implemented by [Nostr](https://github.com/nostr-protocol/nostr)-compatible _relay_ and _client_ software.
+
+---
+
+- [List](#list)
+- [Event Kinds](#event-kinds)
+- [Message Types](#message-types)
+  - [Client to Relay](#client-to-relay)
+  - [Relay to Client](#relay-to-client)
+- [Common Tags](#common-tags)
+- [Criteria for acceptance of NIPs](#criteria-for-acceptance-of-nips)
+- [Is this repository a centralizing factor?](#is-this-repository-a-centralizing-factor)
+- [How this repository works](#how-this-repository-works)
+- [License](#license)
+
+---
+
+## List
+
+- [NIP-01: Basic protocol flow description](01.md)
+- [NIP-02: Follow List](02.md)
+- [NIP-03: OpenTimestamps Attestations for Events](03.md)
+- [NIP-04: Encrypted Direct Message](04.md) --- **unrecommended**: deprecated in favor of [NIP-17](17.md)
+- [NIP-05: Mapping Nostr keys to DNS-based internet identifiers](05.md)
+- [NIP-06: Basic key derivation from mnemonic seed phrase](06.md)
+- [NIP-07: `window.nostr` capability for web browsers](07.md)
+- [NIP-08: Handling Mentions](08.md) --- **unrecommended**: deprecated in favor of [NIP-27](27.md)
+- [NIP-09: Event Deletion Request](09.md)
+- [NIP-10: Text Notes and Threads](10.md)
+- [NIP-11: Relay Information Document](11.md)
+- [NIP-13: Proof of Work](13.md)
+- [NIP-14: Subject tag in text events](14.md)
+- [NIP-15: Nostr Marketplace (for resilient marketplaces)](15.md)
+- [NIP-17: Private Direct Messages](17.md)
+- [NIP-18: Reposts](18.md)
+- [NIP-19: bech32-encoded entities](19.md)
+- [NIP-21: `nostr:` URI scheme](21.md)
+- [NIP-22: Comment](22.md)
+- [NIP-23: Long-form Content](23.md)
+- [NIP-24: Extra metadata fields and tags](24.md)
+- [NIP-25: Reactions](25.md)
+- [NIP-26: Delegated Event Signing](26.md) --- **unrecommended**: adds unnecessary burden for little gain
+- [NIP-27: Text Note References](27.md)
+- [NIP-28: Public Chat](28.md)
+- [NIP-29: Relay-based Groups](29.md)
+- [NIP-30: Custom Emoji](30.md)
+- [NIP-31: Dealing with Unknown Events](31.md)
+- [NIP-32: Labeling](32.md)
+- [NIP-34: `git` stuff](34.md)
+- [NIP-35: Torrents](35.md)
+- [NIP-36: Sensitive Content](36.md)
+- [NIP-37: Draft Events](37.md)
+- [NIP-38: User Statuses](38.md)
+- [NIP-39: External Identities in Profiles](39.md)
+- [NIP-40: Expiration Timestamp](40.md)
+- [NIP-42: Authentication of clients to relays](42.md)
+- [NIP-44: Encrypted Payloads (Versioned)](44.md)
+- [NIP-45: Counting results](45.md)
+- [NIP-46: Nostr Remote Signing](46.md)
+- [NIP-47: Nostr Wallet Connect](47.md)
+- [NIP-48: Proxy Tags](48.md)
+- [NIP-49: Private Key Encryption](49.md)
+- [NIP-50: Search Capability](50.md)
+- [NIP-51: Lists](51.md)
+- [NIP-52: Calendar Events](52.md)
+- [NIP-53: Live Activities](53.md)
+- [NIP-54: Wiki](54.md)
+- [NIP-55: Android Signer Application](55.md)
+- [NIP-56: Reporting](56.md)
+- [NIP-57: Lightning Zaps](57.md)
+- [NIP-58: Badges](58.md)
+- [NIP-59: Gift Wrap](59.md)
+- [NIP-60: Cashu Wallet](60.md)
+- [NIP-61: Nutzaps](61.md)
+- [NIP-62: Request to Vanish](62.md)
+- [NIP-64: Chess (PGN)](64.md)
+- [NIP-65: Relay List Metadata](65.md)
+- [NIP-66: Relay Discovery and Liveness Monitoring](66.md)
+- [NIP-68: Picture-first feeds](68.md)
+- [NIP-69: Peer-to-peer Order events](69.md)
+- [NIP-70: Protected Events](70.md)
+- [NIP-71: Video Events](71.md)
+- [NIP-72: Moderated Communities](72.md)
+- [NIP-73: External Content IDs](73.md)
+- [NIP-75: Zap Goals](75.md)
+- [NIP-77: Negentropy Syncing](77.md)
+- [NIP-78: Application-specific data](78.md)
+- [NIP-7D: Threads](7D.md)
+- [NIP-84: Highlights](84.md)
+- [NIP-86: Relay Management API](86.md)
+- [NIP-87: Ecash Mint Discoverability](87.md)
+- [NIP-88: Polls](88.md)
+- [NIP-89: Recommended Application Handlers](89.md)
+- [NIP-90: Data Vending Machines](90.md)
+- [NIP-92: Media Attachments](92.md)
+- [NIP-94: File Metadata](94.md)
+- [NIP-96: HTTP File Storage Integration](96.md) --- **unrecommended**: replaced by blossom APIs
+- [NIP-98: HTTP Auth](98.md)
+- [NIP-99: Classified Listings](99.md)
+- [NIP-A0: Voice Messages](A0.md)
+- [NIP-B0: Web Bookmarks](B0.md)
+- [NIP-B7: Blossom](B7.md)
+- [NIP-C0: Code Snippets](C0.md)
+- [NIP-C7: Chats](C7.md)
+- [NIP-EE: E2EE Messaging using MLS Protocol](EE.md)
+
+## Event Kinds
+| kind          | description                     | NIP                                    |
+| ------------- | ------------------------------- | -------------------------------------- |
+| `0`           | User Metadata                   | [01](01.md)                            |
+| `1`           | Short Text Note                 | [10](10.md)                            |
+| `2`           | Recommend Relay                 | 01 (deprecated)                        |
+| `3`           | Follows                         | [02](02.md)                            |
+| `4`           | Encrypted Direct Messages       | [04](04.md)                            |
+| `5`           | Event Deletion Request          | [09](09.md)                            |
+| `6`           | Repost                          | [18](18.md)                            |
+| `7`           | Reaction                        | [25](25.md)                            |
+| `8`           | Badge Award                     | [58](58.md)                            |
+| `9`           | Chat Message                    | [C7](C7.md)                            |
+| `10`          | Group Chat Threaded Reply       | 29 (deprecated)                        |
+| `11`          | Thread                          | [7D](7D.md)                            |
+| `12`          | Group Thread Reply              | 29 (deprecated)                        |
+| `13`          | Seal                            | [59](59.md)                            |
+| `14`          | Direct Message                  | [17](17.md)                            |
+| `15`          | File Message                    | [17](17.md)                            |
+| `16`          | Generic Repost                  | [18](18.md)                            |
+| `17`          | Reaction to a website           | [25](25.md)                            |
+| `20`          | Picture                         | [68](68.md)                            |
+| `21`          | Video Event                     | [71](71.md)                            |
+| `22`          | Short-form Portrait Video Event | [71](71.md)                            |
+| `30`          | internal reference              | [NKBIP-03]                             |
+| `31`          | external web reference          | [NKBIP-03]                            |
+| `32`          | hardcopy reference              | [NKBIP-03]                            |
+| `33`          | prompt reference                | [NKBIP-03]                            |
+| `40`          | Channel Creation                | [28](28.md)                            |
+| `41`          | Channel Metadata                | [28](28.md)                            |
+| `42`          | Channel Message                 | [28](28.md)                            |
+| `43`          | Channel Hide Message            | [28](28.md)                            |
+| `44`          | Channel Mute User               | [28](28.md)                            |
+| `62`          | Request to Vanish               | [62](62.md)                            |
+| `64`          | Chess (PGN)                     | [64](64.md)                            |
+| `443`         | KeyPackage                      | [EE](EE.md)                            |
+| `444`         | Welcome Message                 | [EE](EE.md)                            |
+| `445`         | Group Event                     | [EE](EE.md)                            |
+| `818`         | Merge Requests                  | [54](54.md)                            |
+| `1018`        | Poll Response                   | [88](88.md)                            |
+| `1021`        | Bid                             | [15](15.md)                            |
+| `1022`        | Bid confirmation                | [15](15.md)                            |
+| `1040`        | OpenTimestamps                  | [03](03.md)                            |
+| `1059`        | Gift Wrap                       | [59](59.md)                            |
+| `1063`        | File Metadata                   | [94](94.md)                            |
+| `1068`        | Poll                            | [88](88.md)                            |
+| `1111`        | Comment                         | [22](22.md)                            |
+| `1222`        | Voice Message                   | [A0](A0.md)                            |
+| `1244`        | Voice Message Comment           | [A0](A0.md)                            |
+| `1311`        | Live Chat Message               | [53](53.md)                            |
+| `1337`        | Code Snippet                    | [C0](C0.md)                            |
+| `1617`        | Patches                         | [34](34.md)                            |
+| `1618`        | Pull Requests                   | [34](34.md)                            |
+| `1619`        | Pull Request Updates            | [34](34.md)                            |
+| `1621`        | Issues                          | [34](34.md)                            |
+| `1622`        | Git Replies (deprecated)        | [34](34.md)                            |
+| `1630`-`1633` | Status                          | [34](34.md)                            |
+| `1971`        | Problem Tracker                 | [nostrocket][nostrocket]               |
+| `1984`        | Reporting                       | [56](56.md)                            |
+| `1985`        | Label                           | [32](32.md)                            |
+| `1986`        | Relay reviews                   |                                        |
+| `1987`        | AI Embeddings / Vector lists    | [NKBIP-02]                             |
+| `2003`        | Torrent                         | [35](35.md)                            |
+| `2004`        | Torrent Comment                 | [35](35.md)                            |
+| `2022`        | Coinjoin Pool                   | [joinstr][joinstr]                     |
+| `4550`        | Community Post Approval         | [72](72.md)                            |
+| `5000`-`5999` | Job Request                     | [90](90.md)                            |
+| `6000`-`6999` | Job Result                      | [90](90.md)                            |
+| `7000`        | Job Feedback                    | [90](90.md)                            |
+| `7374`        | Reserved Cashu Wallet Tokens    | [60](60.md)                            |
+| `7375`        | Cashu Wallet Tokens             | [60](60.md)                            |
+| `7376`        | Cashu Wallet History            | [60](60.md)                            |
+| `7516`        | Geocache log                    | [geocaching][geocaching]               |
+| `7517`        | Geocache proof of find          | [geocaching][geocaching]               |
+| `9000`-`9030` | Group Control Events            | [29](29.md)                            |
+| `9041`        | Zap Goal                        | [75](75.md)                            |
+| `9321`        | Nutzap                          | [61](61.md)                            |
+| `9467`        | Tidal login                     | [Tidal-nostr]                          |
+| `9734`        | Zap Request                     | [57](57.md)                            |
+| `9735`        | Zap                             | [57](57.md)                            |
+| `9802`        | Highlights                      | [84](84.md)                            |
+| `10000`       | Mute list                       | [51](51.md)                            |
+| `10001`       | Pin list                        | [51](51.md)                            |
+| `10002`       | Relay List Metadata             | [65](65.md), [51](51.md)               |
+| `10003`       | Bookmark list                   | [51](51.md)                            |
+| `10004`       | Communities list                | [51](51.md)                            |
+| `10005`       | Public chats list               | [51](51.md)                            |
+| `10006`       | Blocked relays list             | [51](51.md)                            |
+| `10007`       | Search relays list              | [51](51.md)                            |
+| `10009`       | User groups                     | [51](51.md), [29](29.md)               |
+| `10012`       | Favorite relays list            | [51](51.md)                            |
+| `10013`       | Private event relay list        | [37](37.md)                            |
+| `10015`       | Interests list                  | [51](51.md)                            |
+| `10019`       | Nutzap Mint Recommendation      | [61](61.md)                            |
+| `10020`       | Media follows                   | [51](51.md)                            |
+| `10030`       | User emoji list                 | [51](51.md)                            |
+| `10050`       | Relay list to receive DMs       | [51](51.md), [17](17.md)               |
+| `10051`       | KeyPackage Relays List          | [EE](EE.md)                            |
+| `10063`       | User server list                | [Blossom][blossom]                     |
+| `10096`       | File storage server list        | [96](96.md) (deprecated)               |
+| `10166`       | Relay Monitor Announcement      | [66](66.md)                            |
+| `10312`       | Room Presence                   | [53](53.md)                            |
+| `10377`       | Proxy Announcement              | [Nostr Epoxy][nostr-epoxy]             |
+| `11111`       | Transport Method Announcement   | [Nostr Epoxy][nostr-epoxy]             |
+| `13194`       | Wallet Info                     | [47](47.md)                            |
+| `17375`       | Cashu Wallet Event              | [60](60.md)                            |
+| `21000`       | Lightning Pub RPC               | [Lightning.Pub][lnpub]                 |
+| `22242`       | Client Authentication           | [42](42.md)                            |
+| `23194`       | Wallet Request                  | [47](47.md)                            |
+| `23195`       | Wallet Response                 | [47](47.md)                            |
+| `24133`       | Nostr Connect                   | [46](46.md)                            |
+| `24242`       | Blobs stored on mediaservers    | [Blossom][blossom]                     |
+| `27235`       | HTTP Auth                       | [98](98.md)                            |
+| `30000`       | Follow sets                     | [51](51.md)                            |
+| `30001`       | Generic lists                   | 51 (deprecated)                        |
+| `30002`       | Relay sets                      | [51](51.md)                            |
+| `30003`       | Bookmark sets                   | [51](51.md)                            |
+| `30004`       | Curation sets                   | [51](51.md)                            |
+| `30005`       | Video sets                      | [51](51.md)                            |
+| `30007`       | Kind mute sets                  | [51](51.md)                            |
+| `30008`       | Profile Badges                  | [58](58.md)                            |
+| `30009`       | Badge Definition                | [58](58.md)                            |
+| `30015`       | Interest sets                   | [51](51.md)                            |
+| `30017`       | Create or update a stall        | [15](15.md)                            |
+| `30018`       | Create or update a product      | [15](15.md)                            |
+| `30019`       | Marketplace UI/UX               | [15](15.md)                            |
+| `30020`       | Product sold as an auction      | [15](15.md)                            |
+| `30023`       | Long-form Content               | [23](23.md)                            |
+| `30024`       | Draft Long-form Content         | [23](23.md)                            |
+| `30030`       | Emoji sets                      | [51](51.md)                            |
+| `30040`       | Curated Publication Index       | [NKBIP-01]                             |
+| `30041`       | Curated Publication Content     | [NKBIP-01]                             |
+| `30063`       | Release artifact sets           | [51](51.md)                            |
+| `30078`       | Application-specific Data       | [78](78.md)                            |
+| `30166`       | Relay Discovery                 | [66](66.md)                            |
+| `30267`       | App curation sets               | [51](51.md)                            |
+| `30311`       | Live Event                      | [53](53.md)                            |
+| `30312`       | Interactive Room                | [53](53.md)                            |
+| `30313`       | Conference Event                | [53](53.md)                            |
+| `30315`       | User Statuses                   | [38](38.md)                            |
+| `30388`       | Slide Set                       | [Corny Chat][cornychat-slideset]       |
+| `30402`       | Classified Listing              | [99](99.md)                            |
+| `30403`       | Draft Classified Listing        | [99](99.md)                            |
+| `30617`       | Repository announcements        | [34](34.md)                            |
+| `30618`       | Repository state announcements  | [34](34.md)                            |
+| `30818`       | Wiki article                    | [54](54.md)                            |
+| `30819`       | Redirects                       | [54](54.md)                            |
+| `31234`       | Draft Event                     | [37](37.md)                            |
+| `31388`       | Link Set                        | [Corny Chat][cornychat-linkset]        |
+| `31890`       | Feed                            | [NUD: Custom Feeds][NUD: Custom Feeds] |
+| `31922`       | Date-Based Calendar Event       | [52](52.md)                            |
+| `31923`       | Time-Based Calendar Event       | [52](52.md)                            |
+| `31924`       | Calendar                        | [52](52.md)                            |
+| `31925`       | Calendar Event RSVP             | [52](52.md)                            |
+| `31989`       | Handler recommendation          | [89](89.md)                            |
+| `31990`       | Handler information             | [89](89.md)                            |
+| `32267`       | Software Application            |                                        |
+| `34550`       | Community Definition            | [72](72.md)                            |
+| `38172`       | Cashu Mint Announcement         | [87](87.md)                            |
+| `38173`       | Fedimint Announcement           | [87](87.md)                            |
+| `37516`       | Geocache listing                | [geocaching](geocaching)               |
+| `38383`       | Peer-to-peer Order events       | [69](69.md)                            |
+| `39000-9`     | Group metadata events           | [29](29.md)                            |
+| `39089`       | Starter packs                   | [51](51.md)                            |
+| `39092`       | Media starter packs             | [51](51.md)                            |
+| `39701`       | Web bookmarks                   | [B0](B0.md)                            |
+
+[NUD: Custom Feeds]: https://wikifreedia.xyz/cip-01/
+[nostrocket]: https://github.com/nostrocket/NIPS/blob/main/Problems.md
+[lnpub]: https://github.com/shocknet/Lightning.Pub/blob/master/proto/autogenerated/client.md
+[cornychat-slideset]: https://cornychat.com/datatypes#kind30388slideset
+[cornychat-linkset]: https://cornychat.com/datatypes#kind31388linkset
+[joinstr]: https://gitlab.com/1440000bytes/joinstr/-/blob/main/NIP.md
+[NKBIP-01]: https://wikistr.com/nkbip-01*fd208ee8c8f283780a9552896e4823cc9dc6bfd442063889577106940fd927c1
+[NKBIP-02]: https://wikistr.com/nkbip-02*fd208ee8c8f283780a9552896e4823cc9dc6bfd442063889577106940fd927c1
+[NKBIP-03]: https://wikistr.com/nkbip-03*fd208ee8c8f283780a9552896e4823cc9dc6bfd442063889577106940fd927c1
+[blossom]: https://github.com/hzrd149/blossom
+[Tidal-nostr]: https://wikistr.com/tidal-nostr
+[geocaching]: https://nostrhub.io/naddr1qvzqqqrcvypzppscgyy746fhmrt0nq955z6xmf80pkvrat0yq0hpknqtd00z8z68qqgkwet0vdskx6rfdenj6etkv4h8guc6gs5y5
+[nostr-epoxy]: https://github.com/Origami74/nostr-epoxy-reverse-proxy
+
+## Message types
+
+### Client to Relay
+
+| type    | description                                         | NIP         |
+| ------- | --------------------------------------------------- | ----------- |
+| `EVENT` | used to publish events                              | [01](01.md) |
+| `REQ`   | used to request events and subscribe to new updates | [01](01.md) |
+| `CLOSE` | used to stop previous subscriptions                 | [01](01.md) |
+| `AUTH`  | used to send authentication events                  | [42](42.md) |
+| `COUNT` | used to request event counts                        | [45](45.md) |
+
+### Relay to Client
+
+| type     | description                                             | NIP         |
+| -------- | ------------------------------------------------------- | ----------- |
+| `EOSE`   | used to notify clients all stored events have been sent | [01](01.md) |
+| `EVENT`  | used to send events requested to clients                | [01](01.md) |
+| `NOTICE` | used to send human-readable messages to clients         | [01](01.md) |
+| `OK`     | used to notify clients if an EVENT was successful       | [01](01.md) |
+| `CLOSED` | used to notify clients that a REQ was ended and why     | [01](01.md) |
+| `AUTH`   | used to send authentication challenges                  | [42](42.md) |
+| `COUNT`  | used to send requested event counts to clients          | [45](45.md) |
+
+## Common Tags
+
+| name              | value                                | other parameters                | NIP                                                |
+| ----------------- | ------------------------------------ | ------------------------------- | -------------------------------------------------- |
+| `a`               | coordinates to an event              | relay URL                       | [01](01.md)                                        |
+| `A`               | root address                         | relay URL                       | [22](22.md)                                        |
+| `c`               | commit id                            |                                 | [34](34.md)                                       |
+| `d`               | identifier                           | --                              | [01](01.md)                                        |
+| `e`               | event id (hex)                       | relay URL, marker, pubkey (hex) | [01](01.md), [10](10.md)                           |
+| `E`               | root event id                        | relay URL                       | [22](22.md)                                        |
+| `f`               | currency code                        | --                              | [69](69.md)                                        |
+| `g`               | geohash                              | --                              | [52](52.md)                                        |
+| `h`               | group id                             | --                              | [29](29.md)                                        |
+| `i`               | external identity                    | proof, url hint                 | [35](35.md), [39](39.md), [73](73.md)              |
+| `I`               | root external identity               | --                              | [22](22.md)                                        |
+| `k`               | kind                                 | --                              | [18](18.md), [25](25.md), [72](72.md), [73](73.md) |
+| `K`               | root scope                           | --                              | [22](22.md)                                        |
+| `l`               | label, label namespace, language name| --                              | [32](32.md), [C0](C0.md)                           |
+| `L`               | label namespace                      | --                              | [32](32.md)                                        |
+| `m`               | MIME type                            | --                              | [94](94.md)                                        |
+| `p`               | pubkey (hex)                         | relay URL, petname              | [01](01.md), [02](02.md), [22](22.md)              |
+| `P`               | pubkey (hex)                         | --                              | [22](22.md), [57](57.md)                           |
+| `q`               | event id (hex)                       | relay URL, pubkey (hex)         | [18](18.md)                                        |
+| `r`               | a reference (URL, etc)               | --                              | [24](24.md), [25](25.md)                           |
+| `r`               | relay url                            | marker                          | [65](65.md)                                        |
+| `s`               | status                               | --                              | [69](69.md)                                        |
+| `t`               | hashtag                              | --                              | [24](24.md), [34](34.md), [35](35.md)              |
+| `u`               | url                                  | --                              | [61](61.md), [98](98.md)                           |
+| `x`               | hash                                 | --                              | [35](35.md), [56](56.md)                           |
+| `y`               | platform                             | --                              | [69](69.md)                                        |
+| `z`               | order number                         | --                              | [69](69.md)                                        |
+| `-`               | --                                   | --                              | [70](70.md)                                        |
+| `alt`             | summary                              | --                              | [31](31.md)                                        |
+| `amount`          | millisatoshis, stringified           | --                              | [57](57.md)                                        |
+| `bolt11`          | `bolt11` invoice                     | --                              | [57](57.md)                                        |
+| `branch-name`     | branch name suggestion               | --                              | [34](34.md)                                        |
+| `challenge`       | challenge string                     | --                              | [42](42.md)                                        |
+| `client`          | name, address                        | relay URL                       | [89](89.md)                                        |
+| `clone`           | git clone URL                        | --                              | [34](34.md)                                        |
+| `content-warning` | reason                               | --                              | [36](36.md)                                        |
+| `delegation`      | pubkey, conditions, delegation token | --                              | [26](26.md)                                        |
+| `dep`             | Required dependency                  | --                              | [C0](C0.md)                                        |
+| `description`     | description                          | --                              | [34](34.md), [57](57.md), [58](58.md), [C0](C0.md) |
+| `emoji`           | shortcode, image URL                 | --                              | [30](30.md)                                        |
+| `encrypted`       | --                                   | --                              | [90](90.md)                                        |
+| `extension`       | File extension                       | --                              | [C0](C0.md)                                        |
+| `expiration`      | unix timestamp (string)              | --                              | [40](40.md)                                        |
+| `file`            | full path (string)                   | --                              | [35](35.md)                                        |
+| `goal`            | event id (hex)                       | relay URL                       | [75](75.md)                                        |
+| `merge-base`      | commit id                            |                                 | [34](34.md)                                        |
+| `HEAD`            | `ref: refs/heads/<branch-name>`      |                                 | [34](34.md)                                        |
+| `image`           | image URL                            | dimensions in pixels            | [23](23.md), [52](52.md), [58](58.md)              |
+| `imeta`           | inline metadata                      | --                              | [92](92.md)                                        |
+| `license`         | License of the shared content        | --                              | [C0](C0.md)                                        |
+| `lnurl`           | `bech32` encoded `lnurl`             | --                              | [57](57.md)                                        |
+| `location`        | location string                      | --                              | [52](52.md), [99](99.md)                           |
+| `name`            | name                                 | --                              | [34](34.md), [58](58.md), [72](72.md), [C0](C0.md) |
+| `nonce`           | random                               | difficulty                      | [13](13.md)                                        |
+| `preimage`        | hash of `bolt11` invoice             | --                              | [57](57.md)                                        |
+| `price`           | price                                | currency, frequency             | [99](99.md)                                        |
+| `proxy`           | external ID                          | protocol                        | [48](48.md)                                        |
+| `published_at`    | unix timestamp (string)              | --                              | [23](23.md), [B0](B0.md)                           |
+| `relay`           | relay url                            | --                              | [42](42.md), [17](17.md)                           |
+| `relays`          | relay list                           | --                              | [57](57.md)                                        |
+| `repo`            | Reference to the origin repository   | --                              | [C0](C0.md)                                        |
+| `runtime`         | Runtime or environment specification | --                              | [C0](C0.md)                                        |
+| `server`          | file storage server url              | --                              | [96](96.md)                                        |
+| `subject`         | subject                              | --                              | [14](14.md), [17](17.md), [34](34.md)              |
+| `summary`         | summary                              | --                              | [23](23.md), [52](52.md)                           |
+| `thumb`           | badge thumbnail                      | dimensions in pixels            | [58](58.md)                                        |
+| `title`           | title                                | --                              | [23](23.md), [B0](B0.md)                           |
+| `tracker`         | torrent tracker URL                  | --                              | [35](35.md)                                        |
+| `web`             | webpage URL                          | --                              | [34](34.md)                                        |
+| `zap`             | pubkey (hex), relay URL              | weight                          | [57](57.md)                                        |
+
+Please update these lists when proposing new NIPs.
+
+## Criteria for acceptance of NIPs
+
+1. They should be fully implemented in at least two clients and one relay -- when applicable.
+2. They should make sense.
+3. They should be optional and backwards-compatible: care must be taken such that clients and relays that choose to not implement them do not stop working when interacting with the ones that choose to.
+4. There should be no more than one way of doing the same thing.
+5. Other rules will be made up when necessary.
+
+## Is this repository a centralizing factor?
+
+To promote interoperability, we need standards that everybody can follow, and we need them to define a **single way of doing each thing** without ever hurting **backwards-compatibility**, and for that purpose there is no way around getting everybody to agree on the same thing and keep a centralized index of these standards. However the fact that such an index exists doesn't hurt the decentralization of Nostr. _At any point the central index can be challenged if it is failing to fulfill the needs of the protocol_ and it can migrate to other places and be maintained by other people.
+
+It can even fork into multiple versions, and then some clients would go one way, others would go another way, and some clients would adhere to both competing standards. This would hurt the simplicity, openness and interoperability of Nostr a little, but everything would still work in the short term.
+
+There is a list of notable Nostr software developers who have commit access to this repository, but that exists mostly for practical reasons, as by the nature of the thing we're dealing with the repository owner can revoke membership and rewrite history as they want -- and if these actions are unjustified or perceived as bad or evil the community must react.
+
+## How this repository works
+
+Standards may emerge in two ways: the first way is that someone starts doing something, then others copy it; the second way is that someone has an idea of a new standard that could benefit multiple clients and the protocol in general without breaking **backwards-compatibility** and the principle of having **a single way of doing things**, then they write that idea and submit it to this repository, other interested parties read it and give their feedback, then once most people reasonably agree we codify that in a NIP which client and relay developers that are interested in the feature can proceed to implement.
+
+These two ways of standardizing things are supported by this repository. Although the second is preferred, an effort will be made to codify standards emerged outside this repository into NIPs that can be later referenced and easily understood and implemented by others -- but obviously as in any human system discretion may be applied when standards are considered harmful.
+
+## License
+
+All NIPs are public domain.
+
+## Contributors
+
+<a align="center" href="https://github.com/nostr-protocol/nips/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=nostr-protocol/nips" />
+</a>
diff --git a/dist/docs/nostr-analytics.md b/dist/docs/nostr-analytics.md
new file mode 100644
index 00000000..1fb41edd
--- /dev/null
+++ b/dist/docs/nostr-analytics.md
@@ -0,0 +1,41 @@
+# Nostr Analytics Knobs
+
+bitvid's view counter emits Nostr events so operators can track engagement without duplicating storage. Tune the following exports in `config/instance-config.js` to match your retention and performance goals:
+
+- `VIEW_COUNT_DEDUPE_WINDOW_SECONDS` (default: `86_400`): repeat plays from the same viewer inside this window are treated as duplicates so stalled reloads do not inflate totals. Shorten the window to count more aggressive replays, or extend it if you want conservative numbers.
+- `VIEW_COUNT_BACKFILL_MAX_DAYS` (default: `90`): controls how far back hydrators should walk history when a new analytics worker boots. Longer windows deliver deeper trend lines at the cost of heavier relay scans.
+- `VIEW_COUNT_CACHE_TTL_MS` (default: `5 * 60 * 1000`): defines how long cached aggregates remain trustworthy before clients refresh them. Lower values surface spikes faster, while higher ones smooth traffic for relay-friendly dashboards.
+
+Most operators can ship with the defaults—24-hour deduplication, a 90-day backfill horizon, and five-minute cache TTLs match what we run in production. Deviate only if your relays have unusual load constraints or your reporting needs stricter fidelity.
+
+## View Event Lifecycle
+
+### Anonymous session keys
+
+Playback telemetry runs even when a viewer has not connected a Nostr account. The client first calls [`ensureSessionActor`](../js/nostr/client.js#L2445-L2504) to mint or restore an ephemeral keypair stored in `localStorage`. That session actor signs view events until the user authenticates, ensuring relays still see consistent pubkeys without blocking anonymous playback.
+
+### Publish latency expectations
+
+When a player crosses the 12-second watch threshold, bitvid invokes [`publishViewEvent`](../js/nostr/viewEvents.js#L662-L838) through the view-only [`recordVideoView`](../js/nostr/viewEvents.js#L854-L879) contract. The helper considers the publish successful as soon as any configured relay acknowledges the event, which in practice keeps latency under a second on public relays. The UI optimistically increments totals by feeding the signed event into [`ingestLocalViewEvent`](../js/viewCounter.js#L619-L633), so cards and modals reflect the new view immediately even while other relays finish syncing.
+
+After a view is recorded, the watch history service updates the actor's queue
+and publishes snapshots as needed, keeping analytics and history in sync.
+
+To avoid double-counting the same session, the playback stack respects the cooldown keys generated in [`js/app.js`](../js/app.js#L6825-L6893). The combination of pointer identity and viewer fingerprint prevents re-logging until the dedupe window expires or the user switches accounts.
+
+Every view event includes a unique `#d` tag derived from the pointer scope, the signing actor, and high-entropy randomness. Because kind `30079` is parameterized, this `#d` tag is what keeps individual view notes permanent—without it, a fresh event would overwrite the previous one from the same actor. Leave the tag intact (or provide one when overriding the schema) so relays retain the full stream of view history.
+
+### Client bindings & feature toggles
+
+When wiring moderation or playback toggles into view analytics, import helpers from the [NIP-71](https://github.com/nostr-protocol/nips/blob/master/71.md) facade and let it reach into the binding layer for you:
+
+```js
+import { recordVideoView, subscribeVideoViewEvents } from "../nostrViewEventsFacade.js";
+```
+
+The facade wraps [`js/nostr/viewEventBindings.js`](../js/nostr/viewEventBindings.js) so feature flags, relay discovery, and COUNT/LIST fallbacks all run through the same guard clauses that enforce the NIP-71/NIP-78 schemas. Modules that need to no-op when relays disable optional methods can rely on the binding’s "unavailable" errors to short-circuit cleanly.
+
+### Hydration, COUNT, and UI sync
+
+Background hydration keeps optimistic counts honest. The view counter subscribes to live events while simultaneously fetching historical lists and issuing a `COUNT` request. Whenever the authoritative total returned by `COUNT` exceeds the locally accumulated sum, the hydration routine overwrites the optimistic value so the UI stays aligned with relay truth. If `COUNT` falls back (because relays reject it or the browser is offline), the locally deduped history still anchors totals, and the next successful hydration pass reconciles any drift. This interplay means cards, modals, and dashboards settle on the same number without requiring a full page reload.
+
diff --git a/dist/docs/nostr-auth.md b/dist/docs/nostr-auth.md
new file mode 100644
index 00000000..c29bdcd5
--- /dev/null
+++ b/dist/docs/nostr-auth.md
@@ -0,0 +1,64 @@
+# Nostr authentication storage
+
+bitvid keeps lightweight state in `localStorage` so the UI can remember which
+accounts signed in recently. This document explains the storage schema so future
+updates can evolve it without breaking existing users.
+
+## Storage keys
+
+- `bitvid:profileCache:v1` – short-lived metadata cache for profile names and
+  avatars. See `js/app.js` for TTL and eviction rules.
+- `bitvid:savedProfiles:v1` – persistent list of accounts the user authenticated
+  with in this browser.
+
+Both keys live in the main origin scope. Clearing one should not affect the
+other.
+
+## Saved profile schema
+
+`bitvid:savedProfiles:v1` is a JSON object with the shape:
+
+```json
+{
+  "version": 1,
+  "entries": [
+    {
+      "pubkey": "<hex-encoded pubkey>",
+      "npub": "<bech32 npub, optional>",
+      "name": "<cached display name>",
+      "picture": "<cached avatar URL>",
+      "authType": "<auth strategy>"
+    }
+  ],
+  "activePubkey": "<hex pubkey or null>"
+}
+```
+
+Notes:
+
+- `pubkey` always stores a lowercase 64-character hex string and is the primary
+  dedupe key.
+- `npub` is optional. When omitted, the UI regenerates it on load using
+  `NostrTools.nip19.npubEncode`.
+- `name` and `picture` are cached hints that keep the profile switcher snappy.
+  They may be empty strings and should be treated as hints, not the source of
+  truth.
+- `activePubkey` tracks the last account that successfully authenticated in this
+  browser. It may be `null` when the user logs out but keeps saved entries.
+
+### `authType` enum
+
+`authType` describes how the profile authenticated:
+
+1. `"nip07"` – Browser extension flow that delegates signing to a NIP-07 compatible provider embedded in the browser.
+2. `"nsec"` – Direct key import where the private key stays in the client and bitvid signs locally without an external signer.
+3. `"nip46"` – Remote signer flow that relies on a NIP-46 capable relay or service to authorize requests on behalf of the user.
+
+When introducing additional providers, choose a unique string value and extend this section (plus any related migration notes) to explain how the new strategy authenticates and how existing data should transition.
+
+When the app reads stored entries it normalises unknown values back to
+`"nip07"` but keeps recognised alternatives intact.
+
+## Supported Auth Cache
+
+`bitvid:savedProfiles:v1` is the sole supported auth cache. Legacy keys such as `userPubKey` are no longer read or migrated.
diff --git a/dist/docs/nostr-client-overview.md b/dist/docs/nostr-client-overview.md
new file mode 100644
index 00000000..cf4407bc
--- /dev/null
+++ b/dist/docs/nostr-client-overview.md
@@ -0,0 +1,76 @@
+# NostrClient Architecture Overview
+
+The `NostrClient` (`js/nostr/client.js`) is the central controller for all Nostr network interactions in the application. It acts as a singleton facade over the `nostr-tools` library, managing relay connections, event subscriptions, state synchronization, and cryptographic signing.
+
+## Core Responsibilities
+
+1.  **Connection Management**: Maintains a persistent connection pool (`SimplePool`) to multiple relays.
+2.  **State Management**: Tracks the global state of video events, including history, active versions, and deletions.
+3.  **Event Ingestion**: Handles high-volume event streams with buffering and deduplication.
+4.  **Caching**: Implements a persistent IndexedDB cache to support "Stale-While-Revalidate" loading (instant UI render).
+5.  **Signer Orchestration**: Manages NIP-07 (Browser Extension), NIP-46 (Remote Signer), and Local (nsec) signers seamlessly.
+
+## State Management
+
+The client maintains three primary state maps to ensure data consistency:
+
+*   **`allEvents`** (`Map<string, VideoObject>`):
+    *   Stores *every* valid video event fetched from relays, indexed by Event ID.
+    *   Used for history preservation and resolving direct links to specific versions.
+
+*   **`activeMap`** (`Map<string, VideoObject>`):
+    *   The "materialized view" used by the UI.
+    *   Keys are `videoRootId` (prefixed with `ROOT:`) for versioned edits, or `pubkey:dTag` for addressable events.
+    *   Values are the *latest* valid version of the video.
+    *   **Invariant**: Only one entry exists per "video entity", ensuring the UI displays the most recent edit.
+
+*   **`tombstones`** (`Map<string, timestamp>`):
+    *   Tracks deletions (Kind 5).
+    *   Keys are the `activeKey` of the deleted item.
+    *   Values are the timestamp of the deletion.
+    *   **Invariant**: Events older than the tombstone are strictly ignored, preventing "zombie" events from reappearing.
+
+## Data Ingestion Flow
+
+The `subscribeVideos` method implements a buffered ingestion pipeline to handle high-throughput streams without freezing the UI:
+
+1.  **Subscription**: Opens a subscription to all connected relays.
+2.  **Buffering**: Incoming events are pushed to an `eventBuffer` array immediately.
+3.  **Debouncing**: A timer flushes the buffer every ~75ms (or when full).
+4.  **Processing (Flush)**:
+    *   Events are parsed and validated.
+    *   **Tombstone Check**: If an event predates a known deletion, it is discarded.
+    *   **Latest-Wins Resolution**: The new event's `created_at` is compared against the existing entry in `activeMap`.
+    *   **Update**: If the new event is newer, `activeMap` is updated, and the UI callback is triggered.
+5.  **Persistence**: The updated state is asynchronously persisted to IndexedDB.
+
+```mermaid
+graph TD
+    Relay[Relays] -->|Event Stream| Buffer[Event Buffer]
+    Buffer -->|Debounce Timer| Processor[Processor]
+    Processor -->|Check| Tombstones{Is Deleted?}
+    Tombstones -->|Yes| Discard[Discard]
+    Tombstones -->|No| Compare{Is Newer?}
+    Compare -->|No| Discard
+    Compare -->|Yes| ActiveMap[Update ActiveMap]
+    ActiveMap --> UI[Update UI]
+    ActiveMap --> IDB[(IndexedDB Cache)]
+```
+
+## Caching Strategy (`EventsCacheStore`)
+
+To provide an "app-like" experience, the client persists its state to IndexedDB (`bitvid-events-cache`).
+
+*   **Fingerprinting**: To minimize I/O, the store tracks JSON fingerprints (hashes) of all persisted events.
+*   **Incremental Persistence**: Only changed events (where fingerprint differs) are written to IDB during a snapshot.
+*   **Stale-While-Revalidate**: On startup (`init()`), the client immediately loads data from IDB to render the UI, then connects to relays to fetch updates.
+
+## Signer Integration
+
+The client abstracts the signing mechanism, allowing the user to switch between methods without changing application logic:
+
+1.  **NIP-07 (Extension)**: Delegates signing to a browser extension (e.g., Alby, nos2x).
+2.  **NIP-46 (Remote/Bunker)**: Uses a partial `NostrClient` instance to communicate with a remote signer via a relay.
+3.  **Local (NIP-01)**: Uses a local private key (nsec) stored in `sessionStorage` (encrypted).
+
+The `activeSigner` object is normalized to expose a standard interface (`signEvent`, `nip04Encrypt`, `nip44Encrypt`), regardless of the underlying implementation.
diff --git a/dist/docs/nostr-event-schemas.md b/dist/docs/nostr-event-schemas.md
new file mode 100644
index 00000000..ec12fc73
--- /dev/null
+++ b/dist/docs/nostr-event-schemas.md
@@ -0,0 +1,352 @@
+# Nostr event schemas
+
+bitvid now centralizes every note that it publishes to Nostr in
+[`js/nostrEventSchemas.js`](../js/nostrEventSchemas.js). The module defines the
+kind, required tags, and content format for each note type so troubleshooting
+no longer requires hunting through the codebase. It also exposes helpers for
+building events and for overriding the schema at runtime when you need to
+experiment.
+
+## Runtime helpers
+
+```js
+import {
+  NOTE_TYPES,
+  getNostrEventSchema,
+  setNostrEventSchemaOverrides,
+  buildVideoPostEvent,
+  buildRepostEvent,
+  buildShareEvent,
+  buildProfileMetadataEvent,
+} from "./nostrEventSchemas.js";
+
+// Inspect the current schema
+console.log(getNostrEventSchema(NOTE_TYPES.VIDEO_POST));
+
+// Temporarily override the kind while debugging
+setNostrEventSchemaOverrides({
+  [NOTE_TYPES.VIDEO_POST]: { kind: 30000 },
+});
+
+// Build an event with the active schema
+const event = buildVideoPostEvent({
+  pubkey,
+  created_at: Math.floor(Date.now() / 1000),
+  dTagValue: "debug-video",
+  content: {
+    version: 3,
+    title: "Test",
+    videoRootId: "debug",
+    infoHash: "0123456789abcdef0123456789abcdef01234567",
+  },
+});
+```
+
+In the browser you can call the same helpers from DevTools via
+`window.bitvidNostrEvents` and `window.bitvidNostrEventOverrides`.
+
+When managing relay metadata, use `buildRelayListEvent` so the resulting
+replaceable event follows NIP-65 (`kind:10002`) with `"r"` tags describing the
+read/write split.
+
+### Active signer registry
+
+Authentication providers should register their capabilities with the
+`nostrClient` after login so every publish helper can reuse them:
+
+```js
+import { nostrClient } from "./nostrClientFacade.js";
+import { setActiveSigner } from "./nostr/client.js";
+
+setActiveSigner({
+  type: "extension", // optional label, used to request NIP-07 permissions
+  pubkey, // hex or npub of the active account
+  signEvent: (event) => extension.signEvent(event),
+  nip04Encrypt: (targetHex, plaintext) => extension.nip04.encrypt(targetHex, plaintext),
+  nip04Decrypt: (actorHex, ciphertext) => extension.nip04.decrypt(actorHex, ciphertext),
+  nip44Encrypt: (targetHex, plaintext) => extension.nip44.encrypt(targetHex, plaintext),
+  nip44Decrypt: (actorHex, ciphertext) => extension.nip44.decrypt(actorHex, ciphertext),
+});
+
+await nostrClient.ensureExtensionPermissions();
+```
+
+`setActiveSigner` accepts any object that implements the subset of capabilities
+you support. `nostrClient` (imported from the
+[NIP-07](https://github.com/nostr-protocol/nips/blob/master/07.md)-aligned
+`nostrClientFacade.js`) routes signing and encryption through the adapter
+registry in `js/nostr/client.js`, prefers the registered signer, and falls back
+to the strongest available capability (or session actors for telemetry) when a
+method is unavailable. Permission prompts are surfaced via
+`nostrClient.ensureExtensionPermissions()` or the
+`requestDefaultExtensionPermissions()` helper from
+`js/nostr/defaultClient.js`, so features can ask for access before issuing
+sign/encrypt calls. Call `clearActiveSigner()` on logout if your integration
+manages session state manually; the built-in logout handler already does this
+for the default extension flow.
+
+For adapter implementation details and test guidance, see
+[`docs/signing-adapter.md`](signing-adapter.md).
+
+### Accessing raw events
+
+`NostrClient` now keeps a lightweight cache of parsed videos alongside a
+separate cache of the untouched event payloads. Call
+`nostrClient.fetchRawEventById(eventId)` when you need the original JSON that
+was received from the relay. For convenience,
+`nostrClient.getEventById(eventId, { includeRaw: true })` returns both shapes at
+once:
+
+```js
+const { video, rawEvent } = await nostrClient.getEventById(eventId, {
+  includeRaw: true,
+});
+
+// `video` is the normalized bitvid object and `rawEvent` is the original
+// Nostr event with `sig`, `id`, and relay metadata intact.
+```
+
+In DevTools the active client lives at `window.bitvidApp?.nostrClient`.
+
+Use the `rawEvent` blob when implementing “Rebroadcast” style flows so the
+client can republish exactly what was signed, including the original
+`sig`. Republishers should prefer `rawEvent.sig` over re-signing unless the
+payload actually changes; this avoids accidental drift in dedupe tags or
+timestamps.
+
+### Default client bootstrap
+
+[`js/nostr/defaultClient.js`](../js/nostr/defaultClient.js) builds the shared
+`nostrClient` instance, registers it with the runtime via
+`registerNostrClient`, and exposes helpers like
+`requestDefaultExtensionPermissions`. Import the singleton or permission helper
+through the dedicated facade when you need to run a NIP-07 handshake:
+
+```js
+import { nostrClient, requestDefaultExtensionPermissions } from "./nostrClientFacade.js";
+```
+
+The compatibility shim has been removed; import from the facades above to avoid
+broken references.【F:js/nostr/defaultClient.js†L1-L25】
+
+For analytics, route through the
+[NIP-71](https://github.com/nostr-protocol/nips/blob/master/71.md) helpers in
+`nostrViewEventsFacade.js`:
+
+```js
+import { recordVideoView } from "./nostrViewEventsFacade.js";
+```
+
+Watch-history list management layers a replaceable,
+[NIP-51](https://github.com/nostr-protocol/nips/blob/master/51.md)-style list
+of monthly records. Import from `nostrWatchHistoryFacade.js` to stay aligned
+with the simplified month-by-month lifecycle:
+
+```js
+import { updateWatchHistoryListWithDefaultClient } from "./nostrWatchHistoryFacade.js";
+```
+
+## Event catalogue
+
+| Note | Kind (default) | Tags | Content format |
+| --- | --- | --- | --- |
+| Video post (`NOTE_TYPES.VIDEO_POST`) | `30078` | `['t','video']`, `['d', <stable video identifier>]`, `['s', <storage pointer>]` plus optional schema append tags | JSON payload using Content Schema v3 (`version`, `title`, optional `url`, `magnet`, `thumbnail`, `description`, `mode`, `videoRootId`, `deleted`, `isPrivate`, `isNsfw`, `isForKids`, `enableComments`, `infoHash`, `fileSha256`, `originalFileSha256`, `ws`, `xs`) |
+| NIP-94 mirror (`NOTE_TYPES.VIDEO_MIRROR`) | `1063` | Tags forwarded from `publishVideo` (URL, mime type, thumbnail, alt text, magnet) | Plain text alt description |
+| Repost (`NOTE_TYPES.REPOST`) | `6` | `['e', <event id>, <relay?>]` with optional address pointer `['a', <kind:pubkey:identifier>, <relay?>]`, and `['p', <pubkey>]` when the origin author is known; inherits schema append tags | JSON-serialized event being reposted (or empty if unavailable) |
+| Generic Repost (`NOTE_TYPES.GENERIC_REPOST`) | `16` | Same as Repost; specific for non-text kinds (e.g. videos). | Same as Repost. |
+| Share note (`NOTE_TYPES.SHARE`) | `1` | `['e', <video id>, '', 'mention']` plus `['p', <video pubkey>, '', 'mention']` when available; repeating `['r', <relay url>, <read/write?>]` tags for relay hints; inherits schema append tags | Plain text share content from the compose modal |
+| Video reaction (`NOTE_TYPES.VIDEO_REACTION`) | `7` | `['e', <event id>, <relay?>]` or `['a', <kind:pubkey:identifier>, <relay?>]`, and `['p', <author pubkey>]` | Reaction content (e.g. `+`, `-`, or emoji) |
+| Video comment (`NOTE_TYPES.VIDEO_COMMENT`) | `1111` | NIP-22 root scope tags `['A'\|`E`\|`I`, <pointer>, <relay?>?], `['K', <root kind>]`, and `['P', <root author pubkey>, <relay?>?]` plus parent metadata `['E'\|`I`, <parent pointer>, <relay?>?, <author?>], `['K', <parent kind>]`, `['P', <parent author>, <relay?>?]`; inherits schema append tags | Plain text body sanitized to valid UTF-8 |
+| DM attachment (`NOTE_TYPES.DM_ATTACHMENT`) | `15` | `['p', <recipient pubkey>]`, `['x', <sha256 of uploaded bytes>]`, `['url', <download url>]`, optional `['name', <filename>]`, `['type', <mime>]`, `['size', <bytes>]`, optional `['k', <base64 key>]`; inherits schema append tags | Empty content; attachment metadata is represented as tags |
+| DM read receipt (`NOTE_TYPES.DM_READ_RECEIPT`) | `20001` | `['p', <recipient pubkey>]`, `['e', <message event id>]`, optional `['k', <message kind>]`; inherits schema append tags | Empty content; ephemeral receipt for message activity |
+| DM typing indicator (`NOTE_TYPES.DM_TYPING`) | `20002` | `['p', <recipient pubkey>]`, optional `['e', <conversation event id>]`, `['t','typing']`, `['expiration', <unix seconds>]`; inherits schema append tags | Empty content; ephemeral typing indicator that expires quickly |
+
+> **Publishing note:** Session actors only emit passive telemetry (for example, view counters) and must **not** sign video comments. Require a logged-in Nostr signer for comment publishing via [`commentEvents`](../js/nostr/commentEvents.js).
+
+Video posts now include a required storage pointer tag (`['s', '<provider>:<prefix>']`). The `buildVideoPostEvent` helper automatically generates this tag from available metadata (`infoHash`, `url`, or `videoRootId`) if it is omitted from the input. The `<prefix>` should resolve to the public storage base for the video assets (for example, a public bucket URL plus the object key without its extension). Clients derive `info.json` by appending `.info.json` to the prefix (or by combining a path-style prefix with the hosted URL origin if needed).
+
+Video posts should treat `videoRootId` as the stable series identifier that remains unchanged across edits and deletes. File fingerprints such as `infoHash` or `fileSha256` live alongside the content payload so media swaps do not break the version chain.
+
+| NIP-71 video (`NOTE_TYPES.NIP71_VIDEO`) | `21` | `['title', <title>]`, optional `['published_at', <unix seconds>]`, optional `['alt', <text>]`, repeated `['imeta', ...]` entries describing NIP-92 media variants, optional `['duration', <seconds>]`, repeated `['text-track', <url>, <kind>, <language>]`, optional `['content-warning', <reason>]`, repeated `['segment', <start>, <end>, <title>, <thumbnail>]`, repeated hashtags `['t', <tag>]`, repeated participants `['p', <pubkey>, <relay?>]`, repeated references `['r', <url>]` | Plain text summary carried in the content field. Publishing is gated by the `FEATURE_PUBLISH_NIP71` runtime flag while the rollout stabilizes. |
+| NIP-71 short video (`NOTE_TYPES.NIP71_SHORT_VIDEO`) | `22` | Same as `NOTE_TYPES.NIP71_VIDEO`; the kind differentiates short-form presentations. | Plain text summary; gated by `FEATURE_PUBLISH_NIP71`. |
+| Relay list (`NOTE_TYPES.RELAY_LIST`) | `10002` | Repeating `['r', <relay url>]` tags, optionally with a marker of `'read'` or `'write'` to scope the relay; marker omitted for read/write relays | Empty content |
+| DM relay hints (`NOTE_TYPES.DM_RELAY_LIST`) | `10050` | Repeating `['relay', <relay url>]` tags to advertise delivery relays for NIP-17 gift-wrapped DMs | Empty content |
+| View counter (`NOTE_TYPES.VIEW_EVENT`) | `WATCH_HISTORY_KIND` (default `30079`) | Canonical tag set: `['t','view']`, a pointer tag (`['e', <eventId>]` or `['a', <address>]`), and a stable dedupe tag `['d', <view identifier>]`, with optional `['session','true']` when a session actor signs; schema overrides may append extra tags. `['video', ...]` is supported for legacy overrides only. | Optional plaintext message |
+| Watch history month (`NOTE_TYPES.WATCH_HISTORY`) | `WATCH_HISTORY_KIND` (default `30079`) | Replaceable list tag `['d', `${WATCH_HISTORY_LIST_IDENTIFIER}:<YYYY-MM>`]` with optional `['month', <YYYY-MM>]` marker plus schema append tags; no chunk pointers required. | JSON payload `{ version, month: 'YYYY-MM', items: [{ id: <eventId\|address>, watched_at?: <unix seconds> }] }` |
+| Subscription list (`NOTE_TYPES.SUBSCRIPTION_LIST`) | `30000` | `['d', 'subscriptions']` | NIP-04/NIP-44 encrypted JSON array of NIP-51 follow-set tuples (e.g., `[['p', <hex>], …]`) |
+| User block list (`NOTE_TYPES.USER_BLOCK_LIST`) | `10000` | `['d', 'user-blocks']` | NIP-04/NIP-44 encrypted JSON `{ blockedPubkeys: string[] }` |
+| Hashtag preferences (`NOTE_TYPES.HASHTAG_PREFERENCES`) | `30015` | `['d', 'bitvid:tag-preferences']` plus schema-appended `['encrypted','nip44_v2']` | NIP-44 encrypted JSON `{ version, interests: string[], disinterests: string[] }` |
+| Admin moderation list (`NOTE_TYPES.ADMIN_MODERATION_LIST`) | `30000` | `['d', 'bitvid:admin:editors']`, repeated `['p', <pubkey>]` entries | Empty content |
+| Admin blacklist (`NOTE_TYPES.ADMIN_BLACKLIST`) | `30000` | `['d', 'bitvid:admin:blacklist']`, repeated `['p', <pubkey>]` entries | Empty content |
+| Admin whitelist (`NOTE_TYPES.ADMIN_WHITELIST`) | `30000` | `['d', 'bitvid:admin:whitelist']`, repeated `['p', <pubkey>]` entries | Empty content |
+| Profile metadata (`NOTE_TYPES.PROFILE_METADATA`) | `0` | `['d', ...]` is not used | JSON payload with NIP-01 fields (`name`, `about`, `picture`, `nip05`, etc.) |
+| Mute list (`NOTE_TYPES.MUTE_LIST`) | `10000` | Repeated `['p', <pubkey>]` tags for blocked/muted users | Optional content (often encrypted) |
+| Deletion (`NOTE_TYPES.DELETION`) | `5` | `['e', <event id>]` or `['a', <coordinate>]` | Reason for deletion |
+| Legacy Direct Message (`NOTE_TYPES.LEGACY_DM`) | `4` | `['p', <recipient pubkey>]` | NIP-04 encrypted ciphertext |
+| Zap request (`NOTE_TYPES.ZAP_REQUEST`) | `9734` | `['p', <recipient pubkey>]` plus optional `['e', <event id>]`, `['a', <coordinate>]`, `['amount', <msats>]`, `['lnurl', <bech32>]`, and `['relays', ...]` for receipt publishing | Optional plaintext zap note |
+| Zap receipt (`NOTE_TYPES.ZAP_RECEIPT`) | `9735` | `['bolt11', <invoice>]`, `['description', <zap request JSON>]`, `['p', <recipient pubkey>]` plus optional `['e', <event id>]` and `['a', <coordinate>]` | Empty content; receipts are published by the recipient's LNURL server |
+| HTTP Auth (`NOTE_TYPES.HTTP_AUTH`) | `27235` | `['u', <url>]`, `['method', <http method>]`, `['payload', <payload hash>]` | Optional plaintext content (NIP-98 recommends empty, but implementations may vary) |
+| Report (`NOTE_TYPES.REPORT`) | `1984` | `['e', <event id>, <report type>]`, `['p', <pubkey>, <report type>]`, and optional `['t', <report type>]` | Plaintext report reason |
+
+### Share notes (kind `1`)
+
+Share notes are plain text `kind:1` events generated by the Share modal. The
+`content` field is preserved verbatim (after UTF-8 sanitization) and can contain
+any short message or commentary accompanying the share.
+
+The builder attaches the following tags:
+
+* `['e', <event id>, '', 'mention']` — the shared video’s event id, normalized to
+  lowercase hex.
+* `['p', <pubkey>, '', 'mention']` — the shared video’s author pubkey,
+  normalized to lowercase hex.
+* `['r', <relay url>, <read/write?>]` — optional relay hints. Relay URLs are
+  trimmed, duplicates are removed, and the optional marker is normalized to
+  `read` or `write` when provided.
+
+Subscription lists therefore match the
+[NIP-51 follow-set specification](./nips/51.md#sets) by emitting kind `30000`
+events with the shared `['d','subscriptions']` identifier. Builders continue to
+encrypt the payload so individual follows stay private unless explicitly
+revealed by the author.
+
+NIP-94 compliance: mirror events now normalize the `['m', <mime>]` tag to lowercase—covering both user input and inferred values—so they satisfy [NIP-94's lowercase MIME requirement](./nips/94.md). Related helpers reuse the same normalization to keep future publishers aligned.
+
+### Direct messages
+
+bitvid now consumes both legacy direct messages (kind `4`) and modern gift-wrap envelopes (kind `1059`). The `js/dmDecryptor.js` helper unwraps these events by:
+
+* checking `['encrypted']` hints on kind `4` events to prioritize `nip44` ciphertext before falling back to `nip04`
+* unwrapping kind `1059` gift wraps with nested `nip44` decrypt operations until the inner rumor payload is available
+* returning a normalized payload that carries sender metadata, recipient relay hints, the decrypted plaintext, and derived timestamps for sorting
+
+`NostrClient` exposes `listDirectMessages()` and `subscribeDirectMessages()` APIs that hydrate decryptors lazily (preferring extension-provided helpers) and cache results in an LRU keyed by event id. `NostrService` mirrors the normalized messages via `getDirectMessages()` and emits updates as new events arrive so the UI can render private conversations without reimplementing the unwrap logic.
+
+The `isPrivate` flag in Content Schema v3 marks cards that should stay off shared or public grids. Clients should suppress these events for everyone except the owner, even though the payload stays in clear text for compatibility.
+
+For the privacy model, relay hint selection flow, and user controls (privacy
+toggle, relay list publishing, and metadata toggles), see
+[`docs/dm-privacy-model.md`](dm-privacy-model.md).
+
+If you introduce a new Nostr feature, add its schema to
+`js/nostrEventSchemas.js` so that the catalogue stays complete and so existing
+builders inherit the same debugging knobs.
+
+### Hashtag preference lists
+
+Hashtag preference events (`NOTE_TYPES.HASHTAG_PREFERENCES`) now publish as a
+replaceable `30015` list with a stable identifier tag of
+`['d','bitvid:tag-preferences']`. The builder appends `['encrypted','nip44_v2']`
+so downstream clients can detect that the payload is encrypted. The `content`
+field must be a NIP-44 ciphertext representing the JSON shape
+`{ version, interests: string[], disinterests: string[] }`, allowing clients to
+share their preferred and muted hashtags without exposing the raw preferences on
+relays.
+
+### Migration approach: auto-republish on next user change
+
+We are **not** shipping a one-off migration helper. Instead, the existing
+`HashtagPreferencesService.publish()` flow reissues preferences as kind `30015`
+the next time a user saves their interests from the profile modal. Legacy
+`30005` payloads are no longer read, so users with only legacy events must
+resave their preferences to publish the canonical kind. That publish path
+already:
+
+* rehydrates the signer via `getActiveSigner()` and aborts when no signer is
+  available, so background jobs cannot emit preferences without user consent;
+* encrypts the normalized payload once per save using the strongest available
+  NIP-44/NIP-04 scheme before calling `buildHashtagPreferenceEvent()`; and
+* writes a single replaceable event per account thanks to the stable
+  `['d','bitvid:tag-preferences']` tag, avoiding duplicate relay load because
+  later publishes overwrite the previous value.【F:js/services/hashtagPreferencesService.js†L604-L788】
+
+To prevent relay spikes, we only invoke `publish()` when the local interests or
+disinterests change—UI handlers short-circuit if a user toggles a tag back to
+its prior state. The method fans out to the configured write relays via
+`publishEventToRelays`, and `assertAnyRelayAccepted` ensures at least one relay
+acknowledges the update before treating the migration as complete.【F:js/services/hashtagPreferencesService.js†L761-L784】
+
+### Operator checklist
+
+Operators should monitor the rollout as follows:
+
+1. After deploying this change, review relay dashboards or logs for accounts
+   saving preferences to confirm new `30015` writes are accepted (look for the
+   `bitvid:tag-preferences` `d` tag).
+2. Spot-check a few migrated accounts by fetching `30015` events; the canonical
+   kind should present the newest `created_at` timestamp once a user saves.
+3. If relays reject events, correlate the warnings emitted by
+   `HashtagPreferencesService.publish()` in operator consoles to identify relay
+   outages or permission errors.
+
+When decrypting, the client inspects both `['encrypted', ...]` and
+`['encryption', ...]` hints on the event to prioritize NIP-44 v2 payloads,
+falling back to legacy NIP-44 or NIP-04 decryptors when required. Publishing
+performs the same capability probe, updating the existing `encrypted` tag with
+the negotiated scheme before signing so other readers know which cipher to try
+first.【F:js/services/hashtagPreferencesService.js†L356-L511】【F:js/services/hashtagPreferencesService.js†L520-L657】
+
+### NIP-71 rollout
+
+bitvid now emits a paired NIP-71 event (kind `21` for long-form, `22` for short
+form) whenever the `FEATURE_PUBLISH_NIP71` flag is enabled. The builder converts
+structured upload metadata—image variants, captions, segments, hashtags, and
+participant pointers—into canonical tags so other clients can discover the same
+video. The legacy kind `30078` post remains the source of truth during the
+transition, and schema overrides can adjust either kind if relays need
+experimentation.
+
+### Watch history identifiers
+
+The watch history pipeline is always enabled and publishes encrypted monthly
+records to the canonical `WATCH_HISTORY_KIND` stream. Clients rely on the
+default `WATCH_HISTORY_LIST_IDENTIFIER` (`"watch-history"`) and store each
+month as a replaceable record keyed by `['d', `${identifier}:${YYYY-MM}`]`,
+optionally echoed in a `['month', <YYYY-MM>]` tag for readability. The content
+contains a compact JSON body such as:
+
+```json
+{
+  "version": 2,
+  "month": "2025-01",
+  "items": [
+    { "id": "<event id>", "watched_at": 1735689600 },
+    { "id": "30078:<pubkey>:video-123", "watched_at": 1735776000 }
+  ]
+}
+```
+
+Entries store only the watched event identifier (an event id or address string)
+and an optional `watched_at` timestamp so relays never receive per-playback
+device metadata. Additional playback context (duration, progress, playback
+device, etc.) should remain on-device via the
+[`WatchHistoryService`](../js/watchHistoryService.js) APIs.【F:config/instance-config.js†L60-L78】【F:js/nostrEventSchemas.js†L157-L189】【F:js/watchHistoryService.js†L331-L376】
+
+Refer to the [`WatchHistoryService`](../js/watchHistoryService.js) for queue
+management hooks and metadata toggle controls that complement these schema
+definitions.【F:js/watchHistoryService.js†L695-L776】【F:js/watchHistoryService.js†L1040-L1093】
+
+## Validation
+
+bitvid now enforces schema validation at runtime during development. Every event
+builder automatically runs the generated event against its definition using
+`validateEventStructure` (called via `validateEventAgainstSchema`) when
+`isDevMode` is true. Violations (missing required tags, invalid JSON content,
+type mismatches, etc.) are logged to the console via `devLogger`.
+
+### Continuous Integration
+
+A standalone validation suite runs in CI to ensure that all builders produce
+valid events:
+
+```bash
+# Run the validation script
+node scripts/agent/validate-events.mjs
+
+# Run the unit test suite
+npm run test:unit
+```
+
+When modifying schemas or builders, use `scripts/agent/validate-events.mjs` to
+verify your changes locally. This tool also scans the codebase to ensure all
+active event builders are covered by tests.
diff --git a/dist/docs/nwc-compliance.md b/dist/docs/nwc-compliance.md
new file mode 100644
index 00000000..69524db2
--- /dev/null
+++ b/dist/docs/nwc-compliance.md
@@ -0,0 +1,58 @@
+# Nostr Wallet Connect Coverage
+
+This note cross-references bitvid's current Nostr Wallet Connect (NIP-47) implementation with the official
+specification so we can quickly spot regressions or missing features.
+
+## URI handling
+
+* `parseNwcUri()` accepts all aliases we see in the wild (`nostr+walletconnect://`, `walletconnect://`, and `nwc://`)
+  and rejects unknown schemes before continuing. It extracts the wallet pubkey, all relay query parameters, and the
+  32-byte secret required for signing. The helper lowercases the secret, reserializes the URI in canonical form, and
+  derives the client public key from the secret so downstream calls can sign events without leaking user keys. It also
+  surfaces any connection `budget` (in msats) plus renewal metadata from the query parameters so callers can enforce
+  wallet allowances consistently.
+
+## Connection lifecycle
+
+* `ensureActiveState()` caches the parsed connection and keeps WebSocket state so repeated actions reuse the same
+  subscription. When a new URI is supplied we tear down the previous socket, update the relay list, reset encryption
+  state, and initialize a per-connection budget tracker (spent vs. total) before reconnecting.
+* `connectSocket()` opens a WebSocket to the relay, subscribes to kind `23195` responses authored by the wallet and
+  addressed to the client pubkey, and hooks message/error/close callbacks so we can retry or surface failures.
+
+## Request flow
+
+* `ensureWallet()` validates that the user configured an NWC URI, connects to the relay if needed, and negotiates an
+  encryption scheme before returning the active context.
+* `encryptRequestPayload()` serializes the JSON-RPC payload, encrypts it with the selected scheme, and creates the
+  Nostr event with kind `23194`, `pubkey` set to the client key, a `p` tag pointing at the wallet, and an
+  `encryption` tag mirroring the algorithm that was used. Events are signed with the secret from the connection URI
+  so relays will accept them.
+* `sendPayment()` resolves the msat amount that will be charged (from explicit params or by decoding the invoice),
+  compares it against the remaining budget, and short-circuits with a `NWC_BUDGET_EXHAUSTED` error when the new spend would
+  exceed the allowance. Successful payments increment the tracked spend, and wallet responses that report allowance
+  exhaustion mark the tracker as depleted so follow-up requests fail fast.
+
+## Response flow
+
+* `subscribeToResponses()` issues a `REQ` for kind `23195` events authored by the wallet and tagged for the client.
+* `handleSocketMessage()` decrypts responses, matches them against pending `id`s (or the `e` tag), clears pending
+  timeouts, and surfaces either the `result` or `error.code`/`error.message` back to callers.
+
+## Encryption negotiation
+
+* `requestInfoEvent()` fetches the wallet's replaceable kind `13194` info note and passes the result to
+  `getWalletSupportedEncryption()` so we only pick schemes advertised by the wallet service.
+* `getEncryptionCandidates()` prefers NIP-44 (`nip44_v2`) when both sides support it and falls back to NIP-04 when
+  necessary. We also remember schemes that failed so future retries skip them.
+
+## Current gaps
+
+* We only connect to the first relay supplied by the URI. If a wallet publishes multiple relays we should consider
+  retrying additional ones when the primary is offline.
+* The client currently implements the `pay_invoice` command. Other optional commands (`make_invoice`,
+  `get_balance`, `multi_pay_invoice`, etc.) and notification handling (kinds `23196`/`23197`) would require follow-up
+  work.
+* Wallet responses that signal `UNSUPPORTED_ENCRYPTION` as an error today bubble straight back to the caller. The
+  transport already retries once when we encounter that error during submission, but we could add richer UX (e.g.
+  prompting the user to reconnect) in the future.
diff --git a/dist/docs/onboarding-audit-2025-01-27.md b/dist/docs/onboarding-audit-2025-01-27.md
new file mode 100644
index 00000000..0637426a
--- /dev/null
+++ b/dist/docs/onboarding-audit-2025-01-27.md
@@ -0,0 +1,28 @@
+# Onboarding Audit Report - 2025-01-27
+
+## Summary
+The onboarding process defined in `README.md` and `CONTRIBUTING.md` was simulated in a clean environment. The core steps (`npm ci`, `npm run build`) function correctly. Unit tests pass but are long-running, which may cause timeouts in some environments. The Dev Container configuration was analyzed and found to be minimal, missing dependencies for visual tests.
+
+## Steps Performed
+1. **Clean Install**: `npm ci`
+   - Result: **Success**. Dependencies installed correctly.
+2. **Build**: `npm run build`
+   - Result: **Success**. Tailwind CSS generated at `css/tailwind.generated.css`.
+3. **Formatting**: `npm run format`
+   - Result: **Success**.
+4. **Unit Tests**: `npm run test:unit`
+   - Result: **Timed Out** (after 400s in simulation).
+   - Mitigation: Ran `npm run test:unit:shard1` which passed successfully.
+   - Observation: Full suite takes significant time; sharding is recommended for local iteration.
+5. **Dev Container Analysis**:
+   - `devcontainer.json` provides Node.js environment.
+   - Missing: Playwright browser binaries (required for `npm run test:visual`).
+   - Missing: GitHub CLI (useful for workflow management).
+
+## Recommendations implemented in this PR
+1. **Documentation**:
+   - Updated `CONTRIBUTING.md` to emphasize `npm ci` and mention unit test sharding.
+   - Simplified `README.md` setup instructions.
+2. **Dev Container**:
+   - Added `npx playwright install` to `postCreateCommand`.
+   - Added GitHub CLI feature.
diff --git a/dist/docs/onboarding-audit-20260128.md b/dist/docs/onboarding-audit-20260128.md
new file mode 100644
index 00000000..52f7f02f
--- /dev/null
+++ b/dist/docs/onboarding-audit-20260128.md
@@ -0,0 +1,61 @@
+# Onboarding Audit Report - 2026-01-28
+
+## Executive Summary
+
+This report documents the results of a "fresh checkout" onboarding audit for the bitvid repository. The audit simulated the experience of a new developer setting up the project for the first time, following the instructions in `README.md` and `CONTRIBUTING.md`.
+
+**Overall Status**: ✅ Success (with minor adjustments)
+
+All core onboarding steps (`npm ci`, `npm run build`, `npm run format`) completed successfully. One build warning was identified and resolved. Documentation was updated to better manage expectations regarding unit test execution times.
+
+## Audit Environment
+
+- **Date**: 2026-01-28
+- **OS/Environment**: Linux (Simulated CI/Sandboxed Environment)
+- **Node Version**: v22 (matching `.devcontainer` and `package.json` expectations)
+
+## Step-by-Step Verification
+
+### 1. Dependency Installation
+**Command**: `npm ci`
+**Result**: ✅ Success
+- Installed 314 packages.
+- No vulnerabilities found.
+
+### 2. Build Process
+**Command**: `npm run build` (alias for `npm run build:css`)
+**Result**: ⚠️ Success with Warning (Resolved)
+- **Initial Outcome**: The build succeeded, but Tailwind emitted a warning:
+  > `warn - The min-* and max-* variants are not supported with a screens configuration containing mixed units.`
+- **Root Cause**: `tailwind.config.cjs` defined custom screens using `rem` units (`xs: "30rem"`, `compact: "25rem"`) while extending the default `px`-based configuration.
+- **Fix Applied**: Converted custom screen definitions to pixels (`xs: "480px"`, `compact: "400px"`) in `tailwind.config.cjs`.
+- **Verification**: Re-running `npm run build:css` produced a clean output with no warnings.
+
+### 3. Formatting
+**Command**: `npm run format`
+**Result**: ✅ Success
+- Prettier ran successfully on CSS, tokens, HTML, and Markdown files.
+
+### 4. Unit Tests
+**Command**: `npm run test:unit`
+**Result**: ⚠️ Timeout (Expected/Known Issue)
+- **Observation**: The full unit test suite timed out in the resource-constrained test environment.
+- **Action**: Updated `CONTRIBUTING.md` to explicitly recommend running tests in shards (e.g., `npm run test:unit:shard1`) for local development, consistent with CI practices.
+
+## Dev Container Verification
+
+The repository includes a `.devcontainer` configuration that appears robust and follows best practices:
+- **Base Image**: `mcr.microsoft.com/devcontainers/javascript-node:22` (Matches project Node requirement).
+- **Features**: Includes GitHub CLI.
+- **Post-Create Command**: Automates `npm ci`, `npm run build`, and `npx playwright install`.
+- **Extensions**: Pre-installs relevant VS Code extensions (Prettier, Tailwind, Stylelint).
+
+**Conclusion**: No changes were needed for the devcontainer configuration.
+
+## Summary of Changes
+
+1.  **Code**: Modified `tailwind.config.cjs` to use consistent pixel units for screen breakpoints, eliminating build warnings.
+2.  **Documentation**: Updated `CONTRIBUTING.md` to:
+    - Warn about potential timeouts when running the full unit test suite.
+    - Recommend `npm run test:unit:shard1` as a faster alternative for local verification.
+    - Update the PR submission checklist to reflect these testing options.
diff --git a/dist/docs/per-profile-cache.md b/dist/docs/per-profile-cache.md
new file mode 100644
index 00000000..9136a888
--- /dev/null
+++ b/dist/docs/per-profile-cache.md
@@ -0,0 +1,108 @@
+# Per-profile cache system
+
+This document explains how bitvid caches profile metadata across the app, what
+data is stored, and when it is persisted or refreshed.
+
+## Cache layers
+
+bitvid uses two app-wide caches plus a comment-thread cache:
+
+1. **Profile metadata cache** (`bitvid:profileCache:v1`)
+   - Short-lived metadata cache persisted to `localStorage`.
+   - Owned by `js/state/cache.js`, surfaced via `AuthService`.
+2. **Saved profiles list** (`bitvid:savedProfiles:v1`)
+   - Long-lived list of accounts authenticated in this browser.
+   - Stored in `localStorage` and described in `docs/nostr-auth.md`.
+3. **Comment thread profile cache** (in-memory only)
+   - Per-thread cache inside `js/services/commentThreadService.js`.
+   - Seeds from the app-wide profile cache when available.
+
+## Profile metadata cache (`bitvid:profileCache:v1`)
+
+### Storage and lifetime
+
+- **In-memory:** `profileCache` map in `js/state/cache.js`.
+- **Persistent:** `localStorage` key `bitvid:profileCache:v1`.
+- **TTL:** 10 minutes (`PROFILE_CACHE_TTL_MS`).
+- **Eviction:** Entries are filtered/removed on load, read, and persist when they
+  exceed TTL.
+
+### Stored data (per pubkey)
+
+Entries are normalized before storage and include:
+
+- `name`
+- `picture` (sanitized via `sanitizeProfileMediaUrl`)
+- Optional fields: `about`, `website`, `banner`, `lud16`, `lud06`,
+  `lightningAddress`
+- `timestamp` (cache timestamp)
+
+### When it is loaded
+
+`AuthService.hydrateFromStorage()` hydrates the cache at startup by calling
+`loadProfileCacheFromStorage()` in `js/state/cache.js`.
+
+### When it is written
+
+The cache is updated through `AuthService.setProfileCacheEntry()`, which:
+
+1. Writes the normalized entry to the cache.
+2. Persists it to `localStorage` (unless disabled).
+3. Syncs cached `name`/`picture` to the saved profiles list (if present).
+4. Emits `profile:updated` events for UI consumers.
+
+Common write sources:
+
+- **Own profile load:** fast relays, background refresh, or fallback in
+  `AuthService.loadOwnProfile`.
+- **General profile fetch:** `AuthService.fetchProfile` when a relay response
+  is received.
+- **Batch profile hydration:** utilities that call `setProfileCacheEntry`
+  (e.g., profile batch fetchers in list or thread hydration).
+
+### Cache reads
+
+`AuthService.fetchProfile` short-circuits to the cache if a non-expired entry
+is available and emits a `profile:updated` event with reason `cache-hit`.
+
+## Saved profiles list (`bitvid:savedProfiles:v1`)
+
+The saved profiles list is the persistent “recently authenticated accounts”
+store and is **not** TTL-based. It contains auth metadata plus cached
+display data to keep the profile switcher responsive.
+
+### Stored data (per entry)
+
+See `docs/nostr-auth.md` for the full JSON schema. At a high level, each entry
+stores:
+
+- `pubkey` (hex)
+- `npub` (optional)
+- `name`
+- `picture`
+- `authType`
+
+The payload also stores `activePubkey`.
+
+### Sync behavior from the profile cache
+
+Whenever `AuthService.setProfileCacheEntry` writes a new profile cache entry,
+it calls `syncSavedProfileFromCache` to update the corresponding saved profile
+entry’s `name` and `picture` if the profile exists in the saved list.
+
+## Comment thread profile cache (in-memory)
+
+`CommentThreadService` maintains an in-memory `profileCache` map scoped to the
+active comment thread. It is reset on thread changes and is **not persisted**
+to storage.
+
+### How it hydrates
+
+1. When a comment author pubkey is encountered, the thread checks the app-wide
+   profile cache via `getProfileCacheEntry`.
+2. If found, it is copied into the thread cache.
+3. If not found, the pubkey is queued for batch hydration and later written
+   back through the app-wide `setProfileCacheEntry` callback.
+
+This keeps comment rendering responsive without repeatedly re-fetching metadata
+within a single thread session.
diff --git a/dist/docs/playback-fallback.md b/dist/docs/playback-fallback.md
new file mode 100644
index 00000000..ff7ccea1
--- /dev/null
+++ b/dist/docs/playback-fallback.md
@@ -0,0 +1,94 @@
+# URL-first playback fallback orchestration
+
+This document explains how `bitvidApp.playVideoWithFallback` in `js/app.js` coordinates hosted URL playback first and falls back to WebTorrent when needed. It also covers the supporting helpers in `js/services/playbackService.js`, `js/playbackUtils.js`, and `js/magnetUtils.js`, including how tracker lists and `ws=`/`xs=` hints are applied.
+
+## High-level flow
+
+1. `bitvidApp.playVideoWithFallback({ url, magnet })` trims inputs, ensures the video modal is ready, and constructs a playback session via `playbackService.createSession(...)`.
+2. The session (from `js/services/playbackService.js`) derives a canonical magnet payload using `deriveTorrentPlaybackConfig` (from `js/playbackUtils.js`).
+3. Playback starts with the hosted URL when `URL_FIRST_ENABLED` is true and a URL is available; otherwise, it goes directly to torrent playback.
+4. If URL playback stalls or errors, the session triggers `playViaWebTorrent` with the normalized magnet and optional web seed hints.
+
+## Call flow into playbackService
+
+`bitvidApp.playVideoWithFallback` performs UI preparation and delegates the decision-making to a `PlaybackSession`:
+
+- **Session setup**
+  - `playbackService.createSession({ url, magnet, videoElement, probeUrl, playViaWebTorrent, ... })`
+  - The session captures `url`, `magnet`, and a request signature to de-duplicate duplicate calls.
+- **Hosted URL probe**
+  - `PlaybackSession.execute()` calls `probeUrl(url)` to check availability and decides whether to attempt direct playback.
+- **Hosted URL playback**
+  - On a successful probe, the session assigns `video.src = url` and calls `video.play()`.
+  - It registers watchdogs (`registerUrlPlaybackWatchdogs`) to detect stalls, errors, or aborts.
+- **Fallback to WebTorrent**
+  - If watchdogs trigger or direct playback fails, `PlaybackSession` calls `playViaWebTorrent(magnet, { fallbackMagnet, urlList })`.
+  - `urlList` includes the hosted URL (if present) so it becomes a WebTorrent web seed.
+
+## Magnet helpers and normalization
+
+`playbackService` doesn’t manipulate magnets directly. It relies on `deriveTorrentPlaybackConfig` in `js/playbackUtils.js`, which does the following:
+
+- Calls `safeDecodeMagnet()` from `js/magnetUtils.js` so URL-encoded magnets become raw `magnet:?xt=urn:btih:...` strings.
+- Accepts bare info hashes and promotes them to full magnet URIs when needed.
+- Runs `normalizeAndAugmentMagnet()` (from `js/magnetUtils.js`) to:
+  - Append `ws=` web seed hints when a hosted URL is present.
+  - Append `xs=` torrent hints when supplied.
+  - Ensure WSS-only tracker URLs are present.
+
+The result is a canonical magnet used by WebTorrent, plus an optional `fallbackMagnet` that preserves the original raw input if normalization changed it.
+
+## Tracker lists, ws/xs hints, and constants
+
+Tracker and hint behavior is centralized in `js/constants.js` and `js/magnetUtils.js`:
+
+- `WSS_TRACKERS` in `js/constants.js` is the canonical browser-safe tracker list. `normalizeAndAugmentMagnet()` merges this list into the magnet if trackers are missing.
+- `normalizeAndAugmentMagnet()` also applies `ws=` web seed hints (from the hosted URL) and `xs=` torrent hints (from user input), enforcing HTTPS when appropriate.
+- `URL_FIRST_ENABLED` (also in `js/constants.js`) controls whether the hosted URL probe is attempted before torrent fallback.
+
+## Failure detection and hand-off points
+
+The fallback hand-off happens in these places inside `PlaybackSession.execute()`:
+
+1. **URL probe fails**: `probeUrl(url)` reports a bad outcome → session skips direct playback and goes straight to WebTorrent.
+2. **Playback errors**: `video.play()` throws or fires `error` → session triggers the fallback.
+3. **Playback stalls**: the watchdog timer (`registerUrlPlaybackWatchdogs`) detects `stalled`, `abort`, or no progress → session triggers the fallback.
+4. **Autoplay blocked**: the browser blocks autoplay → session waits for a user gesture, re-enables watchdogs, and only falls back if playback still fails.
+
+## Sequence diagram
+
+```mermaid
+sequenceDiagram
+  participant App as bitvidApp (js/app.js)
+  participant Service as PlaybackService (js/services/playbackService.js)
+  participant Session as PlaybackSession
+  participant Video as HTMLVideoElement
+  participant Magnet as magnetUtils/playbackUtils
+
+  App->>Service: createSession({ url, magnet, videoElement, ... })
+  Service->>Session: new PlaybackSession(...)
+  Session->>Magnet: deriveTorrentPlaybackConfig()
+  Magnet-->>Session: normalized magnet + fallbackMagnet
+
+  Session->>App: showModalWithPoster()
+  Session->>App: probeUrl(url)
+  alt URL probe ok + URL_FIRST_ENABLED
+    Session->>Video: src=url; play()
+    Session->>Session: registerUrlPlaybackWatchdogs()
+    alt hosted playback succeeds
+      Session-->>App: sourcechange("url")
+    else watchdog/error triggers
+      Session->>App: playViaWebTorrent(magnet, { urlList })
+      Session-->>App: sourcechange("torrent")
+    end
+  else URL probe fails or URL-first disabled
+    Session->>App: playViaWebTorrent(magnet, { urlList })
+    Session-->>App: sourcechange("torrent")
+  end
+```
+
+## Implementation notes
+
+- The playback session is responsible for cleanup and emits events (`status`, `sourcechange`, `error`, `finished`) that `bitvidApp` listens to for UI updates.
+- `bitvidApp.playVideoWithFallback` keeps the current video card and modal state in sync with the normalized magnet values so copy actions and stats reflect the actual playback payload.
+
diff --git a/dist/docs/popover-scenarios.html b/dist/docs/popover-scenarios.html
new file mode 100644
index 00000000..4aa6ba72
--- /dev/null
+++ b/dist/docs/popover-scenarios.html
@@ -0,0 +1,271 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Popover Scenarios | bitvid</title>
+    <link rel="stylesheet" href="../css/tailwind.generated.css" />
+  </head>
+  <body class="min-h-screen bg-page text-text" data-ds="new">
+    <main class="mx-auto flex max-w-6xl flex-col gap-xl px-lg py-xl">
+      <header class="space-y-sm">
+        <h1 class="text-2xl font-semibold">Popover positioning scenarios</h1>
+        <p class="max-w-3xl text-sm text-muted">
+          Interactive harness that exercises the popover engine near the edges
+          of the viewport, inside modals, and within scroll containers.
+          Playwright scenarios rely on the data attributes surfaced here.
+        </p>
+      </header>
+
+      <section class="space-y-md" data-test-section="grid">
+        <div class="space-y-xs">
+          <h2 class="text-xl font-semibold">Grid edge cases</h2>
+          <p class="text-sm text-muted">
+            The rightmost card hugs the viewport edge to verify collision
+            handling.
+          </p>
+        </div>
+        <div class="grid gap-lg sm:grid-cols-2 lg:grid-cols-3">
+          <article class="card space-y-sm p-md">
+            <h3 class="text-lg font-semibold">Top left</h3>
+            <p class="text-sm text-muted">
+              Baseline placement without collisions.
+            </p>
+            <button
+              class="btn-ghost"
+              type="button"
+              data-test-trigger="grid-top-left"
+              aria-label="Open top-left menu"
+            >
+              Menu
+            </button>
+          </article>
+          <article
+            class="card space-y-sm p-md"
+            data-test-card="grid-bottom-right"
+          >
+            <h3 class="text-lg font-semibold">Bottom right</h3>
+            <p class="text-sm text-muted">
+              Forces the panel to flip when it would overflow the viewport.
+            </p>
+            <div class="flex justify-end">
+              <button
+                class="btn-ghost"
+                type="button"
+                data-test-trigger="grid-bottom-right"
+                aria-label="Open bottom-right menu"
+              >
+                Menu
+              </button>
+            </div>
+          </article>
+          <article class="card space-y-sm p-md">
+            <h3 class="text-lg font-semibold">Center</h3>
+            <p class="text-sm text-muted">
+              Acts as a control for viewport padding.
+            </p>
+            <div class="flex justify-center">
+              <button
+                class="btn-ghost"
+                type="button"
+                data-test-trigger="grid-center"
+                aria-label="Open center menu"
+              >
+                Menu
+              </button>
+            </div>
+          </article>
+        </div>
+      </section>
+
+      <section class="space-y-md" data-test-section="modal">
+        <div class="space-y-xs">
+          <h2 class="text-xl font-semibold">Video modal integration</h2>
+          <p class="text-sm text-muted">
+            Mimics the production video modal so we can verify popovers respect
+            the overlay root.
+          </p>
+        </div>
+        <button class="btn w-40" type="button" data-test-open-modal>
+          Open modal
+        </button>
+        <div
+          class="z-overlay-modal bg-overlay/60 fixed inset-0 hidden items-center justify-center backdrop-blur"
+          role="dialog"
+          aria-modal="true"
+          aria-labelledby="testModalTitle"
+          data-test-modal
+        >
+          <div
+            class="bv-modal__panel flex max-h-modal-shell flex-col gap-md p-lg"
+          >
+            <header class="flex items-center justify-between gap-sm">
+              <div>
+                <p class="text-xs uppercase tracking-wide text-muted">
+                  Now playing
+                </p>
+                <h3 id="testModalTitle" class="text-lg font-semibold">
+                  Edge-of-viewport sample
+                </h3>
+              </div>
+              <button class="btn-ghost" type="button" data-test-close-modal>
+                Close
+              </button>
+            </header>
+            <div class="space-y-md">
+              <p class="text-sm text-muted">
+                Interact with the more menu to verify popovers inside
+                scroll-locked contexts.
+              </p>
+              <div class="flex justify-end">
+                <button
+                  class="btn-ghost"
+                  type="button"
+                  data-test-trigger="modal-menu"
+                  aria-label="Open modal menu"
+                >
+                  Menu
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section class="space-y-md" data-test-section="scroll">
+        <div class="space-y-xs">
+          <h2 class="text-xl font-semibold">Scroll container</h2>
+          <p class="text-sm text-muted">
+            Ensures auto-update keeps popovers aligned when the trigger lives in
+            overflow regions.
+          </p>
+        </div>
+        <div
+          class="h-64 overflow-auto rounded-xl border border-border bg-surface-alt p-md"
+          data-test-scroll-region
+        >
+          <div class="docs-popover-scenarios__scroll-spacer space-y-lg">
+            <p class="text-sm text-muted">
+              Scroll to the bottom to find the trigger used in automated tests.
+            </p>
+            <div class="mt-96 flex justify-center">
+              <button
+                class="btn"
+                type="button"
+                data-test-trigger="scroll-bottom"
+                aria-label="Open scroll container menu"
+              >
+                Open menu
+              </button>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <script type="module">
+      import createPopover from "../js/ui/overlay/popoverEngine.js";
+
+      const ACTIVE_LABELS = ["Play", "Save", "Share", "Open in new tab"];
+
+      function buildMenu({ container, trigger, id }) {
+        const panel = container.ownerDocument.createElement("div");
+        panel.className =
+          "popover__panel card w-64 max-w-popover-safe space-y-sm";
+        panel.dataset.testPanel = id;
+
+        const heading = container.ownerDocument.createElement("h4");
+        heading.className = "text-sm font-semibold text-text";
+        heading.textContent = trigger?.getAttribute("aria-label") || "Menu";
+        panel.appendChild(heading);
+
+        const menu = container.ownerDocument.createElement("div");
+        menu.className = "menu space-y-1";
+
+        ACTIVE_LABELS.forEach((label, index) => {
+          const item = container.ownerDocument.createElement("button");
+          item.className = "menu__item justify-between";
+          item.type = "button";
+          item.setAttribute("role", "menuitem");
+          item.textContent = label;
+          item.dataset.index = String(index);
+          menu.appendChild(item);
+        });
+
+        panel.appendChild(menu);
+        container.appendChild(panel);
+        return panel;
+      }
+
+      function attachPopover(trigger, { id }) {
+        const popover = createPopover(
+          trigger,
+          ({ container }) => buildMenu({ container, trigger, id }),
+          { document }
+        );
+
+        trigger.addEventListener("click", async (event) => {
+          event.preventDefault();
+          await popover.open();
+        });
+
+        return popover;
+      }
+
+      const triggers = [
+        { selector: "[data-test-trigger=grid-top-left]", id: "grid-top-left" },
+        {
+          selector: "[data-test-trigger=grid-bottom-right]",
+          id: "grid-bottom-right"
+        },
+        { selector: "[data-test-trigger=grid-center]", id: "grid-center" },
+        { selector: "[data-test-trigger=modal-menu]", id: "modal-menu" },
+        { selector: "[data-test-trigger=scroll-bottom]", id: "scroll-bottom" }
+      ];
+
+      const popovers = new Map();
+      triggers.forEach(({ selector, id }) => {
+        const trigger = document.querySelector(selector);
+        if (trigger) {
+          popovers.set(id, attachPopover(trigger, { id }));
+        }
+      });
+
+      const modal = document.querySelector("[data-test-modal]");
+      const openModalBtn = document.querySelector("[data-test-open-modal]");
+      const closeModalBtn = document.querySelector("[data-test-close-modal]");
+
+      if (openModalBtn && modal) {
+        openModalBtn.addEventListener("click", () => {
+          modal.classList.remove("hidden");
+          modal.removeAttribute("hidden");
+          document.documentElement.classList.add("modal-open");
+          document.body.classList.add("modal-open");
+        });
+      }
+
+      if (closeModalBtn && modal) {
+        closeModalBtn.addEventListener("click", () => {
+          modal.classList.add("hidden");
+          modal.setAttribute("hidden", "");
+          document.documentElement.classList.remove("modal-open");
+          document.body.classList.remove("modal-open");
+
+          const modalPopover = popovers.get("modal-menu");
+          modalPopover?.close();
+        });
+      }
+
+      window.__popoverTestHarness = {
+        popovers,
+        open(id) {
+          return popovers.get(id)?.open();
+        },
+        close(id) {
+          return popovers.get(id)?.close();
+        }
+      };
+    </script>
+    <div id="uiOverlay" data-overlay-root aria-hidden="true"></div>
+  </body>
+</html>
diff --git a/dist/docs/qa.md b/dist/docs/qa.md
new file mode 100644
index 00000000..f46a7b70
--- /dev/null
+++ b/dist/docs/qa.md
@@ -0,0 +1,53 @@
+# bitvid Manual QA Script
+
+Run this checklist before publishing releases or merging changes that touch upload or playback flows. Copy/paste the steps into QA tickets when requesting validation.
+
+> **Note:** Align every UI styling review with the token-first rules in [`AGENTS.md`](../AGENTS.md) and the [README CSS build pipeline](../README.md#css-build-pipeline). When QA covers styling changes, run `npm run lint:css` (and any related build/test scripts) to catch regressions early.
+
+Before starting, open `docs/kitchen-sink.html` in a browser to review the modal surface reference. Spin up the static dev server (`python -m http.server 8000` or `npx serve`) and load `views/dev/popover-demo.html` to sanity-check overlay menus following [docs/menus.md](./menus.md). With those pages as your visual baseline, perform this quick accessibility spot check in the running app:
+
+Automated regression coverage now exercises these flows on the unified design-system variant:
+
+* `tests/video-modal-accessibility.test.mjs` validates sticky header transitions, scroll locking, zap popover accessibility, and now verifies the video shell drops sticky positioning on mobile breakpoints.
+* `tests/modal-accessibility.test.mjs` mirrors upload/edit modal accessibility along with their form validation and mode toggles.
+* `tests/profile-modal-controller.test.mjs` verifies profile modal focus restoration and navigation button state changes.
+
+`tests/visual/kitchen-sink.spec.ts` captures design-system snapshots for the kitchen sink and the video modal. When modal styles change, run `npm run test:visual:update` to refresh both the desktop and mobile baselines.
+
+* Launch the site, trigger any video card or thumbnail to open the playback modal, and keep track of the element you used to open it.
+* Scroll the modal content down and back up; confirm the sticky navigation bar hides on downward scroll and reappears when you reverse direction.
+* Activate the zap button to display the popover and tab through its fields to confirm focus stays within the dialog; press `Escape` to close it and ensure focus returns to the zap trigger.
+* Close the video modal first with `Escape` and again by clicking the dimmed backdrop; in both cases, focus should move back to the original trigger element you used to open the modal.
+* Repeat the accessibility spot check for the Upload, Edit, and Revert modals along with static dialogs (Login, Application form, Content appeals, Feedback, Feature request, Bug report, and Disclaimer). Ensure `Tab`/`Shift+Tab` stay within each modal and that pressing `Escape` or clicking a dismissible backdrop closes the dialog and restores focus to the opener.
+
+1. **Upload Modal Smoke Test**
+   - Open the Upload modal, verify title is required, and ensure either a hosted URL or a magnet (or both) must be supplied.
+   - Submit three variants: URL-only, magnet-only, and both URL + magnet. Confirm success messaging or event publication in each case.
+2. **URL-First Playback**
+   - For a post with both URL and magnet, play the video and confirm the hosted URL loads first (inspect network requests or logs).
+   - Simulate a dead URL (offline mode or request blocker) and confirm playback falls back to WebTorrent without breaking the UI.
+3. **Magnet Safety**
+   - Paste an encoded magnet and confirm `safeDecodeMagnet()` outputs the raw string before playback.
+   - Ensure `normalizeAndAugmentMagnet()` adds provided `ws=` / `xs=` hints while keeping the original `xt` hash intact.
+4. **P2P Hints & Trackers**
+   - Confirm magnets generated through the modal include HTTPS `ws=` seeds and optional HTTPS `xs=` torrent URLs when supplied.
+   - Check that tracker arrays originate from `js/constants.js` and only include WSS endpoints.
+5. **Cross-Browser Verification**
+   - Spot-check Chromium and Firefox (desktop) for console warnings about CORS, Range requests, or tracker connectivity.
+   - Optionally validate on mobile Safari/Chrome if the change targets mobile UX.
+6. **Saved Profile Metadata Refresh**
+   - In the browser devtools console/storage panel, delete `bitvid:profileCache:v1` but keep `bitvid:savedProfiles:v1` populated with Nostr pubkeys that lack stored names/avatars.
+   - Reload the page and open the profile switcher; confirm avatars and display names populate automatically without manual refresh.
+7. **View Logging Per Identity**
+   - Play the same video until a view event is logged, then log out (or switch to a different pubkey) and repeat the playback.
+   - Confirm two distinct view events appear (e.g., via relay logs or UI counters) and the aggregated view count increments twice.
+
+8. **Direct key login (nsec)**
+   - Choose the "Direct key" option in the login modal and confirm the warning copy reads `"Unsafe by default" — imported keys stay decrypted only for this session unless you protect them with a passphrase.`
+   - Sign in with a new nsec or mnemonic, opt into remembering it, and verify the passphrase prompt blocks submission until both passphrase fields match.
+   - Reload the page, select "Unlock saved key", enter the passphrase, and confirm the account unlocks without re-entering the secret.
+   - Publish a video while logged in with the direct-key provider and confirm the resulting event is signed (relays accept it) and the UI reports success.
+   - While still signed in via the direct-key provider, send a direct message to a second account and confirm it decrypts successfully on the recipient before release.
+   - Log out and ensure the session clears decrypted key material; stored keys should require the passphrase to unlock again.
+
+Document findings (pass/fail notes plus relevant screenshots or logs) so they can be attached to release or PR notes.
diff --git a/dist/docs/relay-trust-bootstrap.md b/dist/docs/relay-trust-bootstrap.md
new file mode 100644
index 00000000..3436ac35
--- /dev/null
+++ b/dist/docs/relay-trust-bootstrap.md
@@ -0,0 +1,62 @@
+# Relay trust bootstrap
+
+This document describes how `js/services/trustBootstrap.js` seeds trusted relays/actors for moderation, how it waits for relay availability, and how the relay list and admin lists are refreshed.
+
+## Overview
+
+`bootstrapTrustedSeeds()` is a lightweight bootstrapping step that:
+
+1. Waits briefly for admin list hydration and relay readiness.
+2. Builds a trusted seed set from admin configuration and defaults.
+3. Hands that trusted seed set to `moderationService` so trusted reports, mutes, and summary stats are computed consistently.
+4. Re-runs when admin/editor lists change.
+
+## Configuration inputs
+
+Trusted seed inputs are pulled from configuration and feature flags:
+
+- `FEATURE_TRUST_SEEDS` (flag in `js/constants.js`): gates whether bootstrapping runs at all.
+- `ADMIN_SUPER_NPUB` (from `config/instance-config.js` via `js/config.js`): always included when set.
+- `accessControl.getEditors()` (from `js/accessControl.js`): editor list sourced from admin lists or defaults.
+- `DEFAULT_TRUST_SEED_NPUBS` (from `config/instance-config.js` via `js/constants.js`): used only if there are no super/admin seeds.
+
+## Seed selection and trust computation
+
+`buildTrustedSeeds()` composes a `Set` of Nostr `npub` identifiers in this order:
+
+1. Add the super admin (`ADMIN_SUPER_NPUB`).
+2. Add editor npubs (`accessControl.getEditors()`).
+3. If no seeds exist yet, fall back to `DEFAULT_TRUST_SEED_NPUBS`.
+
+The resulting `Set` is passed to `moderationService.setTrustedSeeds(seeds)`.
+`moderationService` uses these seeds as the baseline for trusted contacts and downstream trust calculations (trusted report counts, trusted mute lists, etc.), and `recomputeAllSummaries()` is called immediately after applying seeds so moderation views reflect the updated trust graph.
+
+## Relay readiness and fallback behavior
+
+Bootstrapping is intentionally defensive so the UI can initialize quickly:
+
+- **Access control hydration**: `waitForAccessControl()` races `accessControl.ensureReady()` against a 3.5s timeout. If hydration times out, bootstrapping logs a dev warning and falls back to defaults.
+- **Immediate apply**: Seeds are applied immediately after the first hydration attempt, even if the admin list hydration failed, so moderation does not block on relay availability.
+- **Retry when relays are ready**: If hydration failed, `bootstrapTrustedSeeds()` checks for relay readiness via `nostrService.nostrClient.relays` (and pool existence). If relays become available within 3.5s, it retries admin list hydration once. If relays never become ready, it logs a dev warning and re-applies the current seeds to keep moderation functional.
+- **Change listeners**: `accessControl.onWhitelistChange()` and `accessControl.onEditorsChange()` are registered so any subsequent admin/editor updates re-run seed application and recompute moderation summaries.
+
+## Relay list persistence and refresh
+
+`trustBootstrap` does **not** persist or update relay lists itself. Instead it relies on the shared Nostr client state maintained by the relay manager and access control:
+
+- **Relay list loading**: `js/relayManager.js` loads a profile’s relay list from NIP-65 (kind `10002`) events, normalizes relay URLs, and falls back to `DEFAULT_RELAY_URLS` if nothing is found or the pool is unavailable. The relay manager updates the active `nostrClient` relay list in memory via `nostrClient.applyRelayPreferences()` (or by assigning to `nostrClient.relays`).
+- **Relay list refresh**: Relay list changes are published to relays via `relayManager.publishRelayList()` and reloaded during profile refresh flows, which updates `nostrClient.relays` that `trustBootstrap` later observes.
+- **Admin list persistence**: `js/accessControl.js` hydrates admin/editor lists from cached state in `js/adminListStore.js` (local storage). It then refreshes from relay-backed admin lists when `ensureReady()` is called. The cache ensures `bootstrapTrustedSeeds()` can use stored admin lists before relays are available.
+
+## Data flow summary
+
+```
+config/instance-config.js
+  └─> js/config.js -> js/constants.js (FEATURE_TRUST_SEEDS, DEFAULT_TRUST_SEED_NPUBS)
+                         └─> js/services/trustBootstrap.js
+                                ├─> accessControl.ensureReady() (admin lists + cache)
+                                ├─> nostrService.nostrClient.relays (relay readiness)
+                                └─> moderationService.setTrustedSeeds() + recomputeAllSummaries()
+```
+
+When the relay list or admin lists change, `accessControl` refreshes from cache/relays and the trust bootstrapper re-applies seeds so moderation stays up to date.
diff --git a/dist/docs/release-notes.md b/dist/docs/release-notes.md
new file mode 100644
index 00000000..fdebf0cf
--- /dev/null
+++ b/dist/docs/release-notes.md
@@ -0,0 +1,12 @@
+# Release Notes
+
+## 2025-11-04
+
+- **WebTorrent tracker refresh:** Updated the default browser-safe tracker pool in
+  [`js/constants.js`](../js/constants.js) to swap out the failing `tracker.fastcast.nz`,
+  `tracker.webtorrent.dev`, and `tracker.sloppyta.co` endpoints. The new roster is:
+  `wss://tracker.openwebtorrent.com`, `wss://tracker.ghostchu-services.top:443/announce`,
+  `wss://tracker.files.fm:7073/announce`, `wss://tracker.dler.org:443/announce`,
+  `wss://tracker.btorrent.xyz`, and `wss://tracker.novage.com.ua:443/announce`. Operators
+  who override the runtime `WSS_TRACKERS` flag should update their configs to match so
+  magnet fallback continues to connect without churn.
diff --git a/dist/docs/signing-adapter.md b/dist/docs/signing-adapter.md
new file mode 100644
index 00000000..4e23e8a6
--- /dev/null
+++ b/dist/docs/signing-adapter.md
@@ -0,0 +1,82 @@
+# SigningAdapter guide
+
+`SigningAdapter` is the lightweight interface bitvid uses to sign direct-message
+payloads and message metadata without depending on a specific auth provider.
+The canonical implementations live in `js/auth/signingAdapter.js`, and callers
+such as `NostrClient.sendDirectMessage()` and the DM composer accept a
+`signingAdapter` option so they can work with NIP-07 extensions, remote signers,
+or test doubles.
+
+## Interface contract
+
+A `SigningAdapter` is an object with the following async methods:
+
+- `getPubkey()` → resolves the hex public key that should be used as the DM
+  author.
+- `getDisplayName()` → optional display name string for UI metadata.
+- `signEvent(unsignedEvent)` → returns a fully signed Nostr event object.
+- `signMessage(message)` → returns a signature for an arbitrary string.
+
+`signEvent()` is required for DM publishing; `signMessage()` is optional but is
+used by the DM composer to attach a signature to the outgoing payload metadata.
+
+## Implementing a new adapter
+
+1. **Normalize the pubkey**: resolve and return a lowercased hex pubkey from
+   `getPubkey()`. The NIP-07 adapter does this by delegating to
+   `window.nostr.getPublicKey()` and normalizing the result.
+2. **Provide signing primitives**:
+   - `signEvent()` must return an event with `id` and `sig` populated.
+   - `signMessage()` should return a stable signature string for the message
+     body when you need message-level signatures (for example, the DM composer
+     includes this for UI payloads).
+3. **Expose a type label**: include a `type` field (for example `nip07`, `dev`,
+   or `test`) to make debugging easier.
+
+Reference implementations:
+
+- `createNip07SigningAdapter({ extension })` uses a browser extension signer.
+- `createEphemeralDevSigningAdapter()` generates a local, throwaway keypair for
+  development flows.
+- `createTestSigningAdapter()` returns deterministic signatures for tests.
+
+## Testing a SigningAdapter
+
+### Unit tests
+
+For Node-based tests, use `createTestSigningAdapter()` so signatures are stable
+and deterministic. You can pass it directly to `NostrClient.sendDirectMessage()`
+through the `options.signingAdapter` field to avoid relying on active signers:
+
+```js
+import { createTestSigningAdapter } from "../js/auth/signingAdapter.js";
+import { nostrClient } from "../js/nostrClientFacade.js";
+
+const adapter = createTestSigningAdapter({
+  pubkey: "f".repeat(64),
+});
+
+const result = await nostrClient.sendDirectMessage(
+  "npub...",
+  "hello",
+  null,
+  { signingAdapter: adapter }
+);
+```
+
+Assertions can then verify that `result.ok` is `true` and that the signed event
+was built with the adapter's pubkey and signatures.
+
+### Manual smoke checks
+
+For browser-only checks, wire the adapter into the DM composer by passing it in
+as the `signingAdapter` prop. The composer will call `getPubkey()`,
+`getDisplayName()`, and `signMessage()` while building the outgoing payload
+object so you can inspect the resulting metadata in your handler.
+
+## Usage reminders
+
+- When the signer does **not** implement NIP-44 encryption, NIP-17 sends are
+  blocked; keep the privacy toggle disabled until encryption is available.
+- Always surface errors from `getPubkey()` or `signMessage()` to the caller so
+  the UI can display a meaningful failure state.
diff --git a/dist/docs/storage-r2.md b/dist/docs/storage-r2.md
new file mode 100644
index 00000000..876216db
--- /dev/null
+++ b/dist/docs/storage-r2.md
@@ -0,0 +1,98 @@
+# Cloudflare R2 integration (r2Service)
+
+## Purpose and scope
+
+`js/services/r2Service.js` is the specialized provider handler for Cloudflare R2 uploads. It implements one of the supported **S3 Upload Modes** (specifically Mode 1: Browser-held keys).
+
+> **Security Note:** This integration requires storing encrypted credentials in the browser. See [`README.md`](../README.md) and [`docs/storage-tab-design.md`](./storage-tab-design.md) for security warnings and alternative upload modes for untrusted environments.
+
+The **Storage Tab** (powered by `StorageService`) is the single supported configuration path for R2 credentials. The deprecated quick-upload panel (`quickR2Section` / `js/r2-quick.js`) has been removed to avoid conflicting credential sources. `r2Service` is responsible for:
+
+- Uploading the selected video/HLS asset via multipart S3 uploads.
+- Verifying public access via the configured Public Bucket URL.
+- Publishing the resulting public URL into the video note payload.
+
+> **Architecture Note:** For the high-level design of credential storage, encryption, and the provider adapter pattern, please refer to [`docs/storage-tab-design.md`](./storage-tab-design.md).
+
+## Assets stored in R2
+R2 is used as the URL-first playback source. The upload path supports a single file per upload, but
+file types include:
+
+- Video files (MP4/WebM/MOV/MKV/MPG/MPEG).
+- HLS/DASH assets (manifest `.m3u8`/`.mpd` and segment files like `.ts`/`.m4s`).
+- Related static media if the operator chooses to upload them separately (images, subtitles such as
+  `.vtt`/`.srt`), which benefit from cache-friendly headers set in the upload flow.
+
+The object key format is generated by `buildR2Key()` in `js/r2.js` and looks like:
+`u/<npub>/<YYYY>/<MM>/<slug>.<ext>`, which keeps uploads scoped by user and month.
+
+## Setup Guide: Getting your Cloudflare Credentials
+
+To enable R2 uploads, you must provide Cloudflare S3-compatible credentials and configure your bucket for public access and CORS.
+
+### Step 1: Create Bucket & Enable Public Access
+1.  Log in to the **Cloudflare Dashboard**.
+2.  Navigate to **R2** -> **Create Bucket**.
+3.  **Use the exact bucket name derived by the app.** bitvid derives the bucket name from your npub (sanitized), and the bucket configured in Cloudflare **must exactly match** what the app expects. If the app logs show `bucketName: 'npub1qxduthz4p8v5zsu-ftrlaz'`, create/configure that exact bucket name in Cloudflare and paste it into the dashboard before moving on.
+4.  In the bucket settings, enable **Public Access** (R2.dev subdomain) or connect a custom domain.
+5.  Copy the **Public Bucket URL** (e.g., `https://pub-xxxxxx.r2.dev`).
+
+### Step 2: Configure CORS
+Manually add a CORS policy in the bucket settings to allow uploads from your app's origin (or `*`).
+(CORS must be configured on the **S3 API endpoint bucket**, not the public URL domain.)
+(See `content/upload-content.md` for the recommended JSON configuration).
+
+### Step 3: Create S3 Credentials
+1.  In the R2 dashboard, click **Manage R2 API Tokens**.
+2.  Click **Create API Token**.
+3.  Select **Object Read & Write** permissions (Minimal).
+4.  Copy the **Account ID**, **Access Key ID**, and **Secret Access Key**.
+
+### Step 4: Configure the App
+1.  Open the **Storage Tab** (in Profile or Upload modal).
+2.  Add a new connection and select **Cloudflare R2**.
+3.  Enter the **Account ID**, **Access Key ID**, **Secret Access Key**, and **Public Bucket URL**.
+4.  Click **Verify & Save**.
+
+The app will attempt to upload a small test file to verify the credentials and public access configuration.
+
+## Upload lifecycle
+
+1.  **Credential Retrieval:**
+    - When an upload starts, `UploadModal` retrieves the decrypted credentials from `StorageService`.
+    - `StorageService` handles the NIP-44/04 decryption of the Master Key and subsequent decryption of the R2 connection payload.
+
+2.  **Upload Execution:**
+    - `r2Service.multipartUpload()` uses the standard AWS SDK commands (`CreateMultipartUpload`, `UploadPart`, etc.) via `js/storage/s3-multipart.js` and the `makeR2Client` adapter.
+    - The adapter automatically constructs the R2 endpoint (`https://<accountId>.r2.cloudflarestorage.com`) using the stored `accountId`.
+
+3.  **Publish:**
+    - On success, `publishVideoNote()` is called with the hosted URL, enabling URL-first playback.
+
+## Configuration keys
+
+R2 credentials are no longer stored in plain `bitvidSettings`. They are encapsulated within the `StorageService` data model. Legacy `r2Settings` are migrated into `StorageService` on first unlock and then cleared.
+
+**R2 Connection Profile (Encrypted):**
+- `provider`: `cloudflare_r2`
+- `accountId`: Cloudflare account ID.
+- `accessKeyId`: S3 access key ID.
+- `secretAccessKey`: S3 secret access key.
+- `bucket`: The target bucket name.
+
+**Metadata (Plaintext):**
+- `baseDomain`: The Public Bucket URL (e.g., `https://pub-xxxx.r2.dev`).
+- `defaultForUploads`: Boolean flag indicating if this is the active upload target.
+
+## Environment / global flags
+- `globalThis.__BITVID_DISABLE_NETWORK_IMPORTS__`: disables the AWS SDK network import used by the
+  R2 S3 client loader (`js/storage/r2-s3.js`). When true, uploads will fail with a load error until
+  the SDK is bundled or otherwise provided. Multipart helpers live in `js/storage/s3-multipart.js` and
+  rely on the same SDK import.
+
+## Security considerations
+
+- **Encrypted Storage:** All sensitive keys (`accessKeyId`, `secretAccessKey`) are encrypted at rest using the user's Nostr signer.
+- **Session Security:** Decrypted keys exist in memory only during the active session.
+- **Public Exposure:** The generated playback URLs are public. Ensure your bucket permissions match your intent.
+- **Least Privilege:** Always use "Object Read & Write" tokens rather than Admin tokens.
diff --git a/dist/docs/storage-tab-design.md b/dist/docs/storage-tab-design.md
new file mode 100644
index 00000000..fdf6d5d1
--- /dev/null
+++ b/dist/docs/storage-tab-design.md
@@ -0,0 +1,126 @@
+# Storage Tab & Connection Architecture
+
+This document describes the design and architecture of the **Storage Tab** (manage via the Profile or Upload modals) and the underlying `StorageService`.
+
+The system allows users to securely store and manage multiple cloud storage connections (Providers) for video hosting. The architecture prioritizes security (encryption at rest), extensibility (adapter pattern), and provider flexibility (Generic S3 vs. specific implementations like Cloudflare R2).
+
+## Supported Upload Modes
+
+The storage system supports three primary modes for handling video uploads:
+
+1.  **Browser-held S3 keys (trusted operator only):**
+    The user enters S3 credentials (Access Key/Secret Key) into the Storage Tab. These keys are encrypted and stored in the browser's IndexedDB. This mode offers the smoothest UX but carries higher risk.
+2.  **Manual upload via provider console:**
+    The user uploads the file manually to their provider (e.g., R2 dashboard) and simply provides the public URL. This bypasses the need for the browser to hold write credentials.
+3.  **Operator-provided presigned manifests:**
+    The user provides a JSON manifest generated externally (e.g., by a CLI tool or backend service). This manifest contains presigned URLs for uploading parts, allowing the browser to upload without ever seeing the long-lived credentials.
+
+## 1. Core Architecture: `StorageService`
+
+The `StorageService` (`js/services/storageService.js`) acts as the secure vault for connection secrets. It sits between the UI and the actual storage providers.
+
+### Data Model
+
+All data is stored in **IndexedDB** under the database `bitvid-storage` and object store `accounts`.
+
+**Schema Structure:**
+
+```javascript
+{
+  pubkey: "hex-pubkey",             // Primary Key
+  encryptedMasterKey: {             // The "Key to the Kingdom"
+    method: "nip44" | "nip04",      // Encryption method used (NIP-44 preferred)
+    ciphertext: "..."               // The AES-GCM Master Key encrypted by the User's Signer
+  },
+  connections: {                    // Map of connection configurations
+    "conn-uuid-1": {
+      id: "conn-uuid-1",
+      provider: "cloudflare_r2",    // Provider ID
+      meta: {                       // Plaintext Metadata (safe to read without unlocking)
+        label: "My R2 Bucket",
+        defaultForUploads: true,
+        lastSaved: 1234567890
+      },
+      encrypted: {                  // Encrypted Secrets (AES-GCM)
+        cipher: "hex-cipher-string",
+        iv: "hex-iv-string"
+      }
+    }
+  }
+}
+```
+
+### Encryption Strategy (Dual-Layer)
+
+To balance security with usability (minimizing NIP-07/NIP-44 prompts), the system uses a dual-layer encryption approach:
+
+1.  **Layer 1: The Master Key (Session Key)**
+    *   A random 256-bit **AES-GCM** key is generated when the user first sets up storage.
+    *   This key is encrypted **once** using the user's Nostr Signer (NIP-44 or NIP-04) and stored as `encryptedMasterKey`.
+    *   **Unlocking:** When the user "unlocks" storage, the app requests the signer to decrypt this key. The decrypted Master Key is held in memory for the session.
+
+2.  **Layer 2: Payload Encryption**
+    *   Actual connection secrets (Access Keys, Secret Keys) are encrypted using the **Master Key** (AES-GCM).
+    *   This allows the app to save/load multiple connections during a session without re-prompting the user's signer for every single field.
+
+## 2. Provider Adapter Pattern
+
+The system uses an adapter pattern to support multiple providers.
+
+*   **Provider IDs:** Defined in `PROVIDERS` (e.g., `cloudflare_r2`, `aws_s3`, `generic_s3`).
+*   **Test Handlers:** A `PROVIDER_TESTS` map routes connection tests to the appropriate handler.
+
+```javascript
+// js/services/storageService.js
+const PROVIDER_TESTS = {
+  [PROVIDERS.R2]: testS3Connection,
+  [PROVIDERS.S3]: testS3Connection,     // Reuses S3 logic
+  [PROVIDERS.GENERIC]: testS3Connection // Reuses S3 logic
+};
+```
+
+This design allows adding new providers (e.g., FTP, IPFS, etc.) by registering a new ID and a corresponding test function.
+
+## 3. Connection Payloads & Profiles
+
+Different providers require different configuration schemas.
+
+### Generic S3 Provider (`generic_s3`)
+The baseline schema for any S3-compatible service.
+
+*   **Payload (Encrypted):**
+    *   `endpoint`: Full URL to the S3 API (e.g., `https://s3.us-east-1.amazonaws.com`).
+    *   `region`: AWS Region (e.g., `us-east-1`).
+    *   `accessKeyId`: API Key ID.
+    *   `secretAccessKey`: API Secret.
+    *   `bucket`: Target bucket name.
+
+### Cloudflare R2 Provider (`cloudflare_r2`)
+A specialized profile of S3 with specific constraints to improve UX.
+
+*   **Payload (Encrypted):**
+    *   `accountId`: Cloudflare Account ID (used to construct the endpoint).
+    *   `accessKeyId` & `secretAccessKey`.
+    *   `bucket`: (Optional) Target bucket.
+*   **Adapter Logic:**
+    The `makeR2Client` adapter (`js/storage/r2-s3.js`) detects the `accountId` and automatically constructs the standard Cloudflare endpoint:
+    `https://<accountId>.r2.cloudflarestorage.com`
+
+## 4. Security & Privacy Warnings
+
+### Local Storage & XSS
+*   **Risk:** The encrypted data resides in the browser's **IndexedDB**. While encrypted at rest, a malicious script (XSS attack) running in the context of the application could potentially request the signer to decrypt the Master Key or read the decrypted key from memory if the session is active.
+*   **Warning:** Because of this risk, **Mode 1 (Browser-held keys)** should only be used on **self-hosted, trusted deployments** where the operator controls the environment. Do not enter high-value credentials on public, untrusted, or shared instances.
+*   **Mitigation:** The application must maintain strict Content Security Policy (CSP) and dependency hygiene to prevent XSS. Use Mode 2 or 3 for higher security assurance in untrusted environments.
+
+### Ephemeral Key Derivation (Kind 22242)
+To consistently derive or verify keys without publishing sensitive data, the system uses a **Storage Challenge Event**.
+
+*   **Kind:** `22242` (`NOTE_TYPES.STORAGE_CHALLENGE`)
+*   **Purpose:** This event is created ephemerally to challenge the signer. The signature of this event is used as a seed to derive the encryption keys or to verify ownership.
+*   **Privacy:** This event is **NEVER** published to relays. It exists solely in the local client memory during the unlocking process.
+
+### Secret Handling
+*   Secrets (Access Keys) are **never** stored in plain text in IndexedDB or LocalStorage.
+*   Secrets are only decrypted in memory when needed (e.g., to perform an upload or list buckets).
+*   Logging of secret values is strictly prohibited.
diff --git a/dist/docs/video-availability-checks.md b/dist/docs/video-availability-checks.md
new file mode 100644
index 00000000..b239d4b9
--- /dev/null
+++ b/dist/docs/video-availability-checks.md
@@ -0,0 +1,86 @@
+# Video availability checks
+
+This document explains how bitvid probes URL and torrent availability, caches results, and uses those outcomes to decide whether video cards remain visible. For playback behavior that depends on these probes, see [Playback fallback](playback-fallback.md).
+
+## URL health checks (hosted URL/CDN)
+
+### Observation & trigger
+
+`js/urlHealthObserver.js` wires a card observer that looks for cards containing a URL health badge (`[data-url-health-state]`). When a card intersects the viewport, the observer:
+
+- Reads `data-url-health-url` and `data-url-health-event-id` from the card or badge.
+- Skips checks if the current state is already resolved (anything other than `checking`).
+- Calls the `onCheck` handler provided by the caller (currently `bitvidApp.handleUrlHealthBadge`).
+
+### Orchestration
+
+`js/app.js` owns the badge/probe orchestration:
+
+- `handleUrlHealthBadge` trims the URL, checks cache, and sets the badge to `checking` if no cached entry exists.
+- It deduplicates probes using the in-flight cache (via `getInFlightUrlProbe`/`setInFlightUrlProbe` in `js/state/cache.js`).
+- `probeUrl(..., { confirmPlayable: true })` returns an outcome that is normalized into a badge state:
+  - `ok` → `healthy`
+  - `opaque`/`unknown` → `unknown`
+  - `timeout` → `timeout`
+  - `error` → `offline`
+- `updateUrlHealthBadge` updates the badge UI and mirrors `data-url-health-state` on the card, then calls `updateVideoCardSourceVisibility` to reflect the state.
+
+### Caching
+
+`js/state/cache.js` stores URL health entries keyed by event ID with TTL support:
+
+- `getCachedUrlHealth(eventId, url)` checks in-memory first, then local storage; mismatched URLs or expired entries are discarded.
+- `storeUrlHealth(eventId, url, result, ttlMs)` writes `status`, `message`, `url`, `expiresAt`, and `lastCheckedAt`.
+- Constants exported in `urlHealthConstants` control caching and retry:
+  - `URL_HEALTH_TTL_MS` (default TTL)
+  - `URL_HEALTH_TIMEOUT_RETRY_MS` (shorter TTL for `timeout`/`unknown`)
+  - `URL_PROBE_TIMEOUT_RETRY_MS` (probe timeout fallback used by `probeUrl`)
+
+## Torrent (stream) health checks
+
+### Card-level probes (`js/gridHealth.js`)
+
+The grid health module manages per-card WebTorrent probes and badge updates:
+
+- Uses an `IntersectionObserver` to trigger checks as cards become visible (prioritized by viewport proximity).
+- Builds a probe queue with concurrency limits, in-flight de-duping, and a short cache (`PROBE_CACHE_TTL_MS`).
+- `torrentClient.probePeers` performs the actual peer lookup, bounded by `PROBE_TIMEOUT_MS` and `PROBE_POLL_COUNT`.
+- Results are normalized via `normalizeResult`:
+  - `healthy` is only true when peers > 0.
+  - `peers` is clamped to ≥ 0 (and to ≥ 1 when healthy).
+  - `reason` is normalized into known values such as `timeout`, `no-trackers`, `invalid`, etc.
+- `setBadge` applies `data-stream-health-state`, `data-stream-health-peers`, and `data-stream-health-reason` on both the card and badge, then calls `updateVideoCardSourceVisibility`.
+
+### Tracker-based probes (`js/healthService.js`)
+
+`js/healthService.js` provides a queueing + caching wrapper around tracker pings for other health consumers:
+
+- `queueHealthCheck(magnet, onResult)` uses a PQueue (`CONCURRENCY` from `js/trackerConfig.js`).
+- Results are cached by info hash for `HEALTH_TTL_MS`.
+- Responses are normalized into a default object with `ok`, `seeders`, `leechers`, `responded`, and `from` fields.
+
+## Card visibility rules
+
+`js/utils/cardSourceVisibility.js` centralizes hide/show behavior based on health datasets:
+
+- If the viewer owns the card (`data-owner-is-viewer="true"`), the card always remains visible.
+- Otherwise, the card is hidden only when **both** sources are known bad and **neither** is pending:
+  - `data-url-health-state` is not `healthy` and not `checking`, **and**
+  - `data-stream-health-state` is not `healthy` and not `checking`.
+- Any pending status keeps the card visible until a definitive result arrives.
+
+`js/ui/components/VideoCard.js` is responsible for setting the dataset values that drive this logic:
+
+- URL datasets: `data-url-health-state`, `data-url-health-reason`, `data-url-health-event-id`, `data-url-health-url`.
+- Stream datasets: `data-stream-health-state`, `data-stream-health-reason`, `data-stream-health-peers`.
+- Magnet presence: `data-magnet` and `data-torrent-supported`.
+
+## Probe timeline (typical flow)
+
+1. **Card render** — `VideoCard` sets the initial dataset fields, usually `checking` when a source exists.
+2. **Badge attachment** — `bitvidApp` renders badge markup and wires observers (`attachUrlHealthBadges` / `attachHealthBadges`).
+3. **Scroll/observer trigger** — as cards enter the viewport, `urlHealthObserver` and `gridHealth` schedule probes.
+4. **Cache reuse** — if cached results exist (URL cache in `js/state/cache.js`, torrent cache in `js/gridHealth.js` / `js/healthService.js`), the badges update immediately without re-probing.
+5. **Probe completion** — results update badge text, dataset state, and card visibility (`updateVideoCardSourceVisibility`).
+
+For how these checks interact with playback fallbacks, see [Playback fallback](playback-fallback.md).
diff --git a/dist/docs/video-grid-filtering.md b/dist/docs/video-grid-filtering.md
new file mode 100644
index 00000000..6d1c4a13
--- /dev/null
+++ b/dist/docs/video-grid-filtering.md
@@ -0,0 +1,84 @@
+# Video Grid Filtering
+
+This document describes how entries are filtered before they render inside the
+video grids (Most Recent, Subscriptions, Channel Profile, etc.). For a broader
+overview of feed pipeline architecture, see
+[`docs/feed-engine.md`](feed-engine.md).
+
+## Primary filtering entry points (nostrService)
+
+The first set of guardrails live in `js/services/nostrService.js`:
+
+- **`shouldIncludeVideo(video, options)`**
+  - Enforces **NSFW** and **privacy** constraints by checking `video.nsfw` and
+    `video.isPrivate`.
+  - Drops videos with **blacklisted event IDs** (e.g., moderation hides or
+    locally blocked event IDs).
+  - Applies **author blocks** by consulting the runtime `isAuthorBlocked`
+    helper.
+  - Handles **access control** rules so restricted events never enter the
+    grid.
+- **`filterVideos(videos, options)`**
+  - Applies `shouldIncludeVideo` across a list and returns the filtered
+    collection.
+  - Used by feed sources and legacy list fetches to ensure consistent behavior
+    before anything reaches the feed engine pipeline.
+
+These checks are the canonical “do we ever show this video?” gate and must stay
+aligned with moderation, privacy, and access rules.
+
+## Feed engine stages that affect grid output
+
+Once the feed engine is involved, additional filtering happens inside
+`js/feedEngine/stages.js`:
+
+- **`createBlacklistFilterStage()`**
+  - Invokes `nostrService.shouldIncludeVideo` again within the pipeline so that
+    blacklist/author-block/NSFW/privacy gates remain enforced for feed-sourced
+    items.
+- **`createDisinterestFilterStage()`**
+  - Drops videos that match a viewer’s disinterested tags. Explore uses this
+    stage to remove “not interested” matches before scoring and reranking.
+- **`hasDisinterestedTag(video, tagPreferences)`**
+  - Interprets **tag disinterest** preferences, returning `true` when a video’s
+    tags match a user’s “not interested” preferences.
+- **Watch-history suppression stage (`createWatchHistorySuppressionStage`)**
+  - Applies watch-history rules (for example, “hide watched videos”) before
+    items reach the sorter and view layer.
+
+`tagPreferences` disinterests are evaluated by `hasDisinterestedTag` and used
+by the relevant stage to drop or down-rank items (depending on the feed’s
+configuration) before the results are rendered.
+
+## Where grids render
+
+The filtered feed output eventually drives the video grids in these views:
+
+- `views/most-recent-videos.html`
+- `views/subscriptions.html`
+- `views/channel-profile.html`
+
+These views rely on `VideoListView` (`js/ui/views/VideoListView.js`) to render
+items. The feed output is passed into `VideoListView` so the UI only receives
+videos that have already survived the filtering stages above.
+
+## Data flow overview (source → stages → sorter → render)
+
+1. **Source**
+   - Feed sources (for example, active Nostr lists) fetch raw events and call
+     `nostrService.filterVideos(...)` so `shouldIncludeVideo` can enforce
+     NSFW/`isPrivate`/blacklist/author-block/access-control rules.
+2. **Stages**
+   - `createBlacklistFilterStage` re-checks `nostrService.shouldIncludeVideo` in
+     the feed pipeline.
+   - `hasDisinterestedTag` and the watch-history suppression stage prune items
+     based on tag disinterest and watch-history preferences.
+3. **Sorter**
+   - The feed’s configured sorter (for example, chronological or relevance)
+     orders the surviving entries.
+   - Explore uses `createExploreDiversitySorter` to re-rank scored items so
+     top results include a broader spread of tags.
+4. **Render**
+   - The feed engine hands the final list to `VideoListView`, which renders
+     grids in `views/most-recent-videos.html`, `views/subscriptions.html`, and
+     `views/channel-profile.html`.
diff --git a/dist/docs/watch-history-logging.md b/dist/docs/watch-history-logging.md
new file mode 100644
index 00000000..a216956e
--- /dev/null
+++ b/dist/docs/watch-history-logging.md
@@ -0,0 +1,65 @@
+# Watch history logging (v2 pipeline)
+
+bitvid's watch history sync is orchestrated by the
+[`WatchHistoryService`](../js/watchHistoryService.js). The service collects
+per-video pointer data during playback, batches it in session storage, and emits
+encrypted snapshots to relays only when a publish is triggered. Relay payloads
+stick to pointer identifiers so title, thumbnail, and profile context remain on
+the client unless an operator opts into local metadata caching.
+
+## Snapshot composition
+
+Snapshots publish two event types to the shared `WATCH_HISTORY_KIND` stream:
+
+1. **Chunk events** — Each chunk carries a deterministic identifier in its
+   `d` tag, advertises its `snapshot` and `chunk` position, and is tagged with
+   `['encrypted','nip04']`. The first chunk is additionally marked as
+   `['head','1']` and may append `"a"` tags that reference previous chunk
+   addresses, allowing readers to reconstruct the full set even when relays
+   deduplicate aggressively.【F:js/nostrEventSchemas.js†L175-L189】【F:js/nostr/watchHistory.js†L1343-L1400】
+2. **Pointer event** — After chunks are accepted, bitvid emits a compact index
+   event containing the canonical list identifier (`['d', WATCH_HISTORY_LIST_IDENTIFIER]`),
+   the `snapshot` label, the total chunk count, and an `a` tag for each chunk
+   address.【F:js/nostrEventSchemas.js†L157-L170】【F:js/nostr/watchHistory.js†L1434-L1462】
+
+Chunk content is a NIP-04 encrypted JSON envelope of `{ version: 2, snapshot,
+chunkIndex, totalChunks, items[] }`. Items are pointer descriptors (`e` or `a`
+references plus optional relay hints) so that relays never learn which titles
+were played—only which events or addresses the client can dereference later.【F:js/nostr/watchHistory.js†L1362-L1375】
+
+## Batching configuration
+
+Operators can toggle grouped resolution with `WATCH_HISTORY_BATCH_RESOLVE` and
+optionally cap each response by defining `WATCH_HISTORY_BATCH_PAGE_SIZE` in
+`config/instance-config.js`. Leaving the page size unset returns the full
+`WATCH_HISTORY_MAX_ITEMS` window while still letting the UI paginate locally,
+but setting a positive integer keeps API payloads in lockstep with batched
+renderers like `historyView`.【F:config/instance-config.js†L101-L123】【F:js/nostr/watchHistory.js†L2218-L2256】【F:js/historyView.js†L1-L38】
+
+## Snapshot cadence
+
+`WatchHistoryService.publishView` queues pointer entries, merging repeats with a
+one-minute throttle and persisting the queue in `sessionStorage`. Snapshots run
+when `watchHistoryService.snapshot()` is invoked (e.g., on `beforeunload`,
+`visibilitychange`, or manual sync actions in the history UI) and clear the
+queue on success.【F:js/watchHistoryService.js†L872-L917】【F:js/app.js†L6041-L6081】【F:js/app.js†L7467-L7484】
+If no items are pending, the snapshot resolves with an empty result so UI calls
+remain idempotent.【F:js/watchHistoryService.js†L932-L944】
+
+## Republish and backoff
+
+When a snapshot publish fails but the response is retryable, the service stores
+the returned `snapshotId`, records the originating reason, and delegates to the
+Nostr client to retry with exponential backoff. Retries start after two seconds,
+double per attempt with 25% jitter, cap at five minutes, and stop after eight
+attempts unless a publish succeeds sooner.【F:js/watchHistoryService.js†L948-L985】【F:js/watchHistoryService.js†L723-L777】【F:js/nostr/watchHistory.js†L929-L999】
+
+## Local metadata toggles
+
+By default the service only persists pointer data to relays; richer metadata is
+stored locally (and opt-in). Users can toggle the "store watch history metadata"
+preference, which flips a localStorage flag, clears cached entries when
+disabled, and never pushes the sanitized video/profile cache over the network.【F:js/watchHistoryService.js†L82-L140】【F:js/watchHistoryService.js†L232-L313】【F:js/watchHistoryService.js†L331-L376】
+
+See the [`WatchHistoryService` API](../js/watchHistoryService.js) for
+event hooks, queue inspection helpers, and manual snapshot controls.
diff --git a/dist/docs/watch-history-system.md b/dist/docs/watch-history-system.md
new file mode 100644
index 00000000..8100cc7f
--- /dev/null
+++ b/dist/docs/watch-history-system.md
@@ -0,0 +1,95 @@
+# Watch history system overview
+
+This doc ties the playback telemetry in `js/services/watchHistoryTelemetry.js` to
+our watch history logging pipeline documented in
+[`docs/watch-history-logging.md`](watch-history-logging.md).
+
+## System map
+
+* **Playback telemetry** (`WatchHistoryTelemetry`) listens to the active `<video>`
+  element and decides when a watch should be logged.
+* **Watch history service** (`WatchHistoryService`) batches views into a local
+  queue, publishes snapshots to relays, and emits in-app events when the queue or
+  snapshots change.
+* **Watch history logging pipeline** (v2) describes how snapshots are encrypted
+  and published to relays. See `docs/watch-history-logging.md` for the wire
+  format and publish cadence.
+
+## What gets captured
+
+### Playback telemetry fields
+
+`WatchHistoryTelemetry` watches playback and only logs a view once the viewer
+passes the threshold duration (default 12 seconds). It also tracks a per-viewer
+cooldown key so the same actor doesn’t log the same pointer repeatedly in a
+single session. The telemetry payload stores a sanitized slice of video metadata
+(id, title, thumbnail, pubkey, created_at) and intentionally omits playback
+endpoints (URL/magnet/hash) so these never get persisted as watch history
+metadata.
+
+### Watch history snapshots
+
+Once a view is accepted, the telemetry layer forwards the pointer to the watch
+history service. The service packages pointer-only entries into watch-history
+snapshots (chunked NIP-04 encrypted events) and emits a pointer index event. The
+payload shape and relay publication sequence are documented in
+`docs/watch-history-logging.md`.
+
+## Where data is stored
+
+* **Local queue:** `WatchHistoryService` uses `localStorage` to persist the
+  in-flight view queue (`bitvid:watch-history:queue:v1`) so the history survives
+  refreshes even before a snapshot succeeds.
+* **Local cache:** A rolling watch-history cache (TTL controlled via
+  `WATCH_HISTORY_CACHE_TTL_MS`) keeps recently synced history available without
+  hitting relays on every page load.
+* **Relay snapshots:** Chunked, encrypted watch-history events are sent to relays
+  using the kind and list identifier configured in `config/instance-config.js`.
+
+> **Roadmap note:** Current watch history is **not** stored as an encrypted
+> local list. We plan to add encrypted local history in the future.
+
+## Privacy considerations
+
+* Watch history metadata is intentionally sanitized to exclude playback URLs,
+  magnets, and hashes; only presentation-safe fields are kept for history
+  rendering.
+* Relay payloads store pointer tags rather than full metadata, ensuring that
+  relays don’t learn titles or thumbnails unless an operator opts into local
+  metadata caching (see `docs/watch-history-logging.md`).
+* Session actors are treated as local-only history when they cannot publish to
+  relays; the history service retains those pointers locally without attempting
+  network sync.
+
+## Event emission and consumption
+
+### Telemetry → watch history service
+
+`WatchHistoryTelemetry.preparePlaybackLogging` attaches listeners to the video
+player. When the threshold is hit, it calls `watchHistoryService.publishView`
+(when available) or falls back to `nostrClient.recordVideoView`. Successful
+publish results are also forwarded to `ingestLocalViewEvent` so the view counter
+can update immediately.
+
+### Watch history service events
+
+`WatchHistoryService` emits events to subscribers and to the browser via the
+`bitvid:watchHistory` custom event. Any UI component can subscribe to these
+updates and refresh the watch-history view or related counters.
+
+## Configuration and sampling
+
+* **Telemetry sampling threshold:** `WatchHistoryTelemetry` defaults to 12
+  seconds before a view is logged. Integrations can override
+  `viewThresholdSeconds` when constructing the class.
+* **Feature flag:** Watch-history v2 is guarded by `FEATURE_WATCH_HISTORY_V2` in
+  `js/constants.js`.
+* **Instance configuration:** `config/instance-config.js` exposes watch-history
+  limits (max items, payload size), batching controls
+  (`WATCH_HISTORY_BATCH_RESOLVE`, `WATCH_HISTORY_BATCH_PAGE_SIZE`), and cache TTL
+  (`WATCH_HISTORY_CACHE_TTL_MS`) for operator tuning.
+
+## Related docs
+
+* [`docs/watch-history-logging.md`](watch-history-logging.md)
+* [`docs/instance-config.md`](instance-config.md)
diff --git a/dist/embed.html b/dist/embed.html
new file mode 100644
index 00000000..52634365
--- /dev/null
+++ b/dist/embed.html
@@ -0,0 +1,220 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>bitvid | Embed</title>
+
+    <meta name="description" content="Watch embedded bitvid videos." />
+    <meta name="robots" content="noindex,follow" />
+
+    <meta name="theme-color" content="var(--color-page)" />
+    <script>
+      (() => {
+        try {
+          const STORAGE_KEY = "bitvid:theme";
+          const root = document.documentElement;
+          const themeMeta = document.querySelector('meta[name="theme-color"]');
+          const fallbackColors = {
+            dark: "rgb(15, 23, 42)",
+            light: "rgb(248, 250, 252)",
+          };
+          const prefersDark =
+            window.matchMedia &&
+            window.matchMedia("(prefers-color-scheme: dark)").matches;
+          const storedTheme = window.localStorage.getItem(STORAGE_KEY);
+          let resolvedTheme = storedTheme || (prefersDark ? "dark" : "light");
+
+          if (resolvedTheme === "default") {
+            resolvedTheme = "dark";
+          }
+
+          if (resolvedTheme) {
+            root.dataset.theme = resolvedTheme;
+          }
+
+          const updateThemeColor = () => {
+            if (!themeMeta) {
+              return;
+            }
+
+            const computedThemeColor =
+              (window.getComputedStyle &&
+                getComputedStyle(root).getPropertyValue("--color-page").trim()) ||
+              "";
+            const metaColor =
+              computedThemeColor ||
+              fallbackColors[resolvedTheme] ||
+              fallbackColors[prefersDark ? "dark" : "light"];
+
+            if (metaColor) {
+              themeMeta.content = metaColor;
+            }
+          };
+
+          updateThemeColor();
+
+          if (document.readyState === "loading") {
+            document.addEventListener("DOMContentLoaded", updateThemeColor, {
+              once: true,
+            });
+          } else if ("requestAnimationFrame" in window) {
+            window.requestAnimationFrame(updateThemeColor);
+          }
+        } catch (error) {
+          /* no-op */
+        }
+      })();
+    </script>
+
+    <link href="css/tailwind.generated.css?v=2024.11.09" rel="stylesheet" />
+  </head>
+  <body class="h-screen w-screen overflow-hidden bg-transparent text-text" data-ds="new">
+    <main
+      id="embedRoot"
+      class="flex h-full w-full flex-col items-center justify-center"
+    >
+      <section
+        class="relative group flex h-full w-full flex-col items-center justify-center overflow-hidden"
+      >
+        <video
+          id="embedVideo"
+          class="h-full w-full object-cover bg-transparent"
+          controls
+          playsinline
+          preload="metadata"
+        ></video>
+
+        <!-- Overlay -->
+        <div
+          id="embedOverlay"
+          class="pointer-events-none absolute inset-0 flex flex-col justify-start bg-gradient-to-b from-black/80 via-transparent to-transparent p-4 opacity-0 transition-opacity duration-200 group-hover:opacity-100"
+        >
+          <div class="pointer-events-auto flex w-full items-center justify-between">
+            <a
+              id="embedWatchButton"
+              href="#"
+              target="_blank"
+              class="flex items-center gap-2 rounded-full border border-white/20 bg-white/10 px-3 py-1.5 text-xs font-medium text-white transition-colors hover:bg-white/20 backdrop-blur-md"
+            >
+              <span>Watch on</span>
+              <svg
+                class="bv-logo h-4 w-auto"
+                data-variant="inverse"
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 318.32 108.98"
+              >
+                <g class="bv-logo__accent">
+                  <rect x="7.1" y="7.8" width="5.84" height="5.48" />
+                  <rect x="7.1" y="18.78" width="24.02" height="5.48" />
+                  <rect x="7.1" y="29.77" width="42.85" height="5.48" />
+                  <rect x="7.1" y="40.76" width="61.68" height="5.48" />
+                  <rect x="7.1" y="51.75" width="80.88" height="5.48" />
+                  <rect x="7.1" y="62.74" width="61.68" height="5.48" />
+                  <rect x="7.1" y="73.73" width="42.85" height="5.48" />
+                  <rect x="7.1" y="84.72" width="24.02" height="5.48" />
+                  <rect x="7.1" y="95.71" width="5.84" height="5.48" />
+                </g>
+                <g class="bv-logo__wordmark">
+                  <path
+                    d="M121.28 25.08v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V25.08h5.83Z"
+                  />
+                  <path
+                    d="M168.53 25.08v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z"
+                  />
+                  <path
+                    d="M191.36 25.08v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V25.08h5.83Z"
+                  />
+                  <path
+                    d="M212.88 42.24l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z"
+                  />
+                  <path
+                    d="M264.05 25.08v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83v-41.67h5.83Z"
+                  />
+                  <path
+                    d="M311.21 25.08v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V25.08h5.83Z"
+                  />
+                </g>
+              </svg>
+            </a>
+
+            <div
+              class="flex items-center gap-3 text-xs font-medium text-white drop-shadow-md"
+            >
+              <span
+                id="embedViewCount"
+                class="flex items-center gap-1.5"
+                title="Views"
+              >
+                <svg
+                  class="h-4 w-4 text-white/80"
+                  fill="none"
+                  stroke="currentColor"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                    d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+                  ></path>
+                  <path
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                    d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
+                  ></path>
+                </svg>
+                <span data-view-count-text>--</span>
+              </span>
+              <span
+                id="embedLikeCount"
+                class="flex items-center gap-1.5"
+                title="Likes"
+              >
+                <svg
+                  class="h-3.5 w-3.5 text-white/80"
+                  fill="currentColor"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"
+                  ></path>
+                </svg>
+                <span data-count>--</span>
+              </span>
+              <span
+                id="embedDislikeCount"
+                class="flex items-center gap-1.5"
+                title="Dislikes"
+              >
+                <svg
+                  class="h-3.5 w-3.5 text-white/80"
+                  fill="currentColor"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    d="M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h3a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-3"
+                  ></path>
+                </svg>
+                <span data-count>--</span>
+              </span>
+            </div>
+          </div>
+        </div>
+
+        <p
+          id="embedStatus"
+          class="pointer-events-none absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-md bg-black/60 px-3 py-1 text-sm text-white/90 backdrop-blur-sm"
+          role="status"
+          aria-live="polite"
+        >
+          Loading video…
+        </p>
+      </section>
+    </main>
+
+    <script type="module" src="js/nostrToolsBootstrap.js?v=2024.11.09"></script>
+    <script type="module" src="js/embed.js?v=2024.11.09"></script>
+  </body>
+</html>
diff --git a/dist/index.html b/dist/index.html
new file mode 100644
index 00000000..7b729cf4
--- /dev/null
+++ b/dist/index.html
@@ -0,0 +1,427 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>bitvid | Decentralized Video Sharing</title>
+
+    <meta
+      name="description"
+      content="bitvid is a decentralized video hub that prioritizes URL-first playback with WebTorrent fallback so your audience can stream reliably."
+    />
+    <meta name="robots" content="index,follow" />
+
+    <!-- Open Graph Meta Tags -->
+    <meta property="og:title" content="bitvid - Decentralized Video Sharing" />
+    <meta
+      property="og:description"
+      content="Share videos and follow creators freely, in a truly decentralized way."
+    />
+    <meta property="og:image" content="assets/jpg/bitvid.jpg" />
+    <meta property="og:url" content="https://bitvid.network" />
+    <meta property="og:type" content="website" />
+    <meta property="og:locale" content="en_US" />
+
+    <!-- App Icons -->
+    <link rel="icon" href="assets/favicon.ico" sizes="any" />
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="assets/png/apple-touch-icon.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="assets/png/favicon-32x32.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="16x16"
+      href="assets/png/favicon-16x16.png"
+    />
+    <link rel="manifest" href="/site.webmanifest" />
+    <!--
+      Use theme tokens so browsers pick up palette updates without hard-coded
+      hex values scattered across templates.
+    -->
+    <meta name="theme-color" content="var(--color-page)" />
+    <script>
+      (() => {
+        try {
+          const STORAGE_KEY = "bitvid:theme";
+          const root = document.documentElement;
+          const themeMeta = document.querySelector('meta[name="theme-color"]');
+          const fallbackColors = {
+            dark: "rgb(15, 23, 42)",
+            light: "rgb(248, 250, 252)",
+          };
+          const prefersDark =
+            window.matchMedia &&
+            window.matchMedia("(prefers-color-scheme: dark)").matches;
+          const storedTheme = window.localStorage.getItem(STORAGE_KEY);
+          let resolvedTheme = storedTheme || (prefersDark ? "dark" : "light");
+
+          if (resolvedTheme === "default") {
+            resolvedTheme = "dark";
+          }
+
+          if (resolvedTheme) {
+            root.dataset.theme = resolvedTheme;
+          }
+
+          const updateThemeColor = () => {
+            if (!themeMeta) {
+              return;
+            }
+
+            const computedThemeColor =
+              (window.getComputedStyle &&
+                getComputedStyle(root).getPropertyValue("--color-page").trim()) ||
+              "";
+            const metaColor =
+              computedThemeColor ||
+              fallbackColors[resolvedTheme] ||
+              fallbackColors[prefersDark ? "dark" : "light"];
+
+            if (metaColor) {
+              themeMeta.content = metaColor;
+            }
+          };
+
+          updateThemeColor();
+
+          if (document.readyState === "loading") {
+            document.addEventListener("DOMContentLoaded", updateThemeColor, {
+              once: true,
+            });
+          } else if ("requestAnimationFrame" in window) {
+            window.requestAnimationFrame(updateThemeColor);
+          }
+        } catch (error) {
+          /* no-op */
+        }
+      })();
+    </script>
+
+    <!-- Styles -->
+    <!--
+      Cache busting: keep these query strings in sync with config/asset-version.js
+      so browsers pick up the latest sidebar markup and styling without
+      hard-refreshing around CDN caches.
+    -->
+    <link href="css/tailwind.generated.css?v=2024.11.09-2" rel="stylesheet" />
+    <link href="css/docs.css?v=2024.11.09-2" rel="stylesheet" />
+  </head>
+  <body class="sidebar-collapsed" data-ds="new">
+    <!--
+      SIDEBAR CONTAINER:
+      The <aside id="sidebar"> inside handles visibility.
+      By default, no special position or z-index on #sidebarContainer.
+    -->
+    <div id="sidebarContainer">
+      <!-- components/sidebar.html gets injected here -->
+    </div>
+
+    <!--
+      MAIN CONTENT:
+      Layout spacing follows the --sidebar-width custom property on every viewport so the
+      collapsible rail always shifts the application shell instead of floating above it.
+    -->
+    <!--
+      `fade-in` is scrubbed by js/index.js after the first animation so that
+      re-rendering views does not cause the shell to flicker. Only apply it to
+      elements that should animate exactly once on initial paint.
+    -->
+
+    <div
+      id="app"
+      class="fade-in flex min-h-screen flex-col px-4 pb-8"
+      data-sidebar-state="collapsed"
+    >
+      <!-- Header -->
+      <header class="app-shell__header ds-header mb-8 w-full">
+        <!-- Logo -->
+        <!-- Logo fades in once on initial load. -->
+        <a
+          href="index.html"
+          aria-label="Return to the bitvid home page"
+          class="fade-in fade-in-delay-100"
+        >
+          <span
+            class="ds-header__logo inline-flex items-center text-text-strong bv-logo"
+            role="img"
+            aria-label="bitvid logo"
+          >
+            <svg
+              class="h-full w-auto"
+              viewBox="0 0 318.32 108.98"
+              aria-hidden="true"
+              focusable="false"
+            >
+              <g class="bv-logo__accent">
+                <rect x="7.1" y="7.8" width="5.84" height="5.48" />
+                <rect x="7.1" y="18.78" width="24.02" height="5.48" />
+                <rect x="7.1" y="29.77" width="42.85" height="5.48" />
+                <rect x="7.1" y="40.76" width="61.68" height="5.48" />
+                <rect x="7.1" y="51.75" width="80.88" height="5.48" />
+                <rect x="7.1" y="62.74" width="61.68" height="5.48" />
+                <rect x="7.1" y="73.73" width="42.85" height="5.48" />
+                <rect x="7.1" y="84.72" width="24.02" height="5.48" />
+                <rect x="7.1" y="95.71" width="5.84" height="5.48" />
+              </g>
+              <g class="bv-logo__wordmark">
+                <path d="M121.28 25.08v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V25.08h5.83Z" />
+                <path d="M168.53 25.08v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z" />
+                <path d="M191.36 25.08v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V25.08h5.83Z" />
+                <path d="M212.88 42.24l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z" />
+                <path d="M264.05 25.08v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83v-41.67h5.83Z" />
+                <path d="M311.21 25.08v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V25.08h5.83Z" />
+              </g>
+            </svg>
+          </span>
+        </a>
+
+        <div class="header-search__region">
+          <form
+            id="headerSearchForm"
+            role="search"
+            class="header-search"
+          >
+            <button
+              type="button"
+              class="header-search__filter"
+              aria-label="Open search filters"
+            >
+              <span
+                aria-hidden="true"
+                class="header-search__icon header-search__icon--filter"
+              ></span>
+            </button>
+            <label for="headerSearchInput" class="sr-only">Search videos</label>
+            <input
+              id="headerSearchInput"
+              class="header-search__input"
+              type="search"
+              name="query"
+              placeholder="Search videos"
+              autocomplete="off"
+            />
+            <button type="submit" class="header-search__submit">
+              <span class="sr-only">Submit search</span>
+              <span
+                aria-hidden="true"
+                class="header-search__icon header-search__icon--submit"
+              ></span>
+            </button>
+          </form>
+        </div>
+
+        <!-- Buttons on the far right -->
+
+        <!-- Header action buttons share the fade-in treatment for consistency. -->
+
+        <div class="ml-auto flex items-center">
+          <div class="fade-in fade-in-delay-200 flex items-center space-x-4">
+            <button
+              id="themeToggle"
+              class="header-icon-toggle"
+              type="button"
+              aria-pressed="false"
+            >
+              <span class="sr-only">Toggle theme</span>
+              <span
+                aria-hidden="true"
+                class="header-icon-toggle__icon-wrapper"
+                data-theme-toggle-icon
+                data-theme-icon-state="dark"
+              >
+                <svg
+                  class="header-icon-toggle__icon header-icon-toggle__icon--dark"
+                  viewBox="0 0 24 24"
+                  role="presentation"
+                >
+                  <path
+                    d="M10.719 2.082c-2.572 2.028-4.719 5.212-4.719 9.918 0 4.569 1.938 7.798 4.548 9.895-4.829-.705-8.548-4.874-8.548-9.895 0-5.08 3.808-9.288 8.719-9.918zm1.281-2.082c-6.617 0-12 5.383-12 12s5.383 12 12 12c1.894 0 3.87-.333 5.37-1.179-3.453-.613-9.37-3.367-9.37-10.821 0-7.555 6.422-10.317 9.37-10.821-1.74-.682-3.476-1.179-5.37-1.179zm0 10.999c1.437.438 2.562 1.564 2.999 3.001.44-1.437 1.565-2.562 3.001-3-1.436-.439-2.561-1.563-3.001-3-.437 1.436-1.562 2.561-2.999 2.999zm8.001.001c.958.293 1.707 1.042 2 2.001.291-.959 1.042-1.709 1.999-2.001-.957-.292-1.707-1.042-2-2-.293.958-1.042 1.708-1.999 2zm-1-9c-.437 1.437-1.563 2.562-2.998 3.001 1.438.44 2.561 1.564 3.001 3.002.437-1.438 1.563-2.563 2.996-3.002-1.433-.437-2.559-1.564-2.999-3.001z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <svg
+                  class="header-icon-toggle__icon header-icon-toggle__icon--light"
+                  viewBox="0 0 24 24"
+                  role="presentation"
+                >
+                  <path
+                    d="M4.069 13h-4.069v-2h4.069c-.041.328-.069.661-.069 1s.028.672.069 1zm3.034-7.312l-2.881-2.881-1.414 1.414 2.881 2.881c.411-.529.885-1.003 1.414-1.414zm11.209 1.414l2.881-2.881-1.414-1.414-2.881 2.881c.528.411 1.002.886 1.414 1.414zm-6.312-3.102c.339 0 .672.028 1 .069v-4.069h-2v4.069c.328-.041.661-.069 1-.069zm0 16c-.339 0-.672-.028-1-.069v4.069h2v-4.069c-.328.041-.661.069-1 .069zm7.931-9c.041.328.069.661.069 1s-.028.672-.069 1h4.069v-2h-4.069zm-3.033 7.312l2.88 2.88 1.415-1.414-2.88-2.88c-.412.528-.886 1.002-1.415 1.414zm-11.21-1.415l-2.88 2.88 1.414 1.414 2.88-2.88c-.528-.411-1.003-.885-1.414-1.414zm2.312-4.897c0 2.206 1.794 4 4 4s4-1.794 4-4-1.794-4-4-4-4 1.794-4 4zm10 0c0 3.314-2.686 6-6 6s-6-2.686-6-6 2.686-6 6-6 6 2.686 6 6z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
+            </button>
+            <!-- Login Button -->
+            <button
+              id="loginButton"
+              class="btn focus-ring h-12 w-12 rounded-full p-0"
+              aria-label="Open login modal"
+            >
+              <svg
+                class="h-9 w-9"
+                viewBox="0 0 24 24"
+                role="presentation"
+                focusable="false"
+                aria-hidden="true"
+              >
+                <path
+                  d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0Zm0 22c-3.123 0-5.914-1.441-7.749-3.69.259-.588.783-.995 1.867-1.246 2.244-.518 4.459-.981 3.393-2.945C6.356 8.299 8.612 5 12 5s4.366 3.177 1.489 9.119c-1.035 1.952 1.1 2.416 3.393 2.945 1.082.25 1.61.655 1.871 1.241C17.917 20.558 15.125 22 12 22Z"
+                  fill="var(--color-bg)"
+                  fill-rule="nonzero"
+                />
+              </svg>
+            </button>
+
+            <!-- Upload Button (hidden by default) -->
+            <button
+              id="uploadButton"
+              class="btn focus-ring hidden h-12 w-12 rounded-full p-0 text-xl font-bold leading-none"
+            >
+              +
+            </button>
+
+            <!-- Profile Button (hidden by default) -->
+            <button
+              id="profileButton"
+              class="btn-ghost focus-ring relative hidden h-12 w-12 rounded-full p-0"
+            >
+              <div class="h-10 w-10 overflow-hidden rounded-full">
+                <img
+                  id="profileAvatar"
+                  src="assets/svg/default-profile.svg"
+                  alt="Profile"
+                  class="h-full w-full object-cover"
+                />
+              </div>
+              <span id="profileUnreadDot" aria-hidden="true"></span>
+            </button>
+          </div>
+        </div>
+      </header>
+
+      <!-- Notification Portal -->
+      <div
+        id="notificationPortal"
+        class="notification-portal"
+        role="region"
+        aria-live="polite"
+        aria-label="System notifications"
+      >
+        <!-- Error Container -->
+        <div
+          id="errorContainer"
+          class="notification-banner notification-banner--critical hidden"
+          data-state="critical"
+        ></div>
+
+        <!-- Status Container -->
+        <div
+          id="statusContainer"
+          class="notification-banner notification-banner--info status-banner hidden"
+          role="status"
+          aria-live="polite"
+        >
+          <span class="status-spinner" aria-hidden="true"></span>
+          <span class="status-message" data-status-message></span>
+        </div>
+
+        <!-- Success Container -->
+        <div
+          id="successContainer"
+          class="notification-banner notification-banner--success hidden"
+        ></div>
+      </div>
+
+      <!-- Dynamic views (like most-recent-videos.html, etc.) -->
+      <main id="viewContainer" class="mb-8 flex-grow"></main>
+
+      <!-- Modal Container (external modals) -->
+      <div id="modalContainer"></div>
+
+      <!-- Tagline / Slogan -->
+
+      <!-- Tagline fade matches the cards. -->
+
+      <div class="fade-in fade-in-delay-300 mb-8 text-center">
+        <h2 class="text-2xl font-bold tracking-wide text-muted-strong">
+          seed. zap. subscribe.
+        </h2>
+      </div>
+
+      <!-- Mobile Search FAB -->
+      <button
+        id="mobileSearchFab"
+        class="focus-ring fixed bottom-6 right-6 z-50 flex h-14 w-14 items-center justify-center rounded-full bg-accent-strong shadow-lg transition-transform duration-200 hover:scale-105 active:scale-95 md:hidden"
+        aria-label="Open search"
+      >
+        <svg
+          class="h-6 w-6 text-white"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2.5"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        >
+          <circle cx="11" cy="11" r="8"></circle>
+          <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+        </svg>
+      </button>
+
+      <!-- Mobile Search Container -->
+      <div
+        id="mobileSearchContainer"
+        class="fixed top-4 left-4 right-4 z-50 hidden max-w-sm mx-auto origin-top transition-all duration-200 md:hidden"
+      >
+        <form
+          id="mobileSearchForm"
+          role="search"
+          class="flex items-center gap-3 rounded-full border border-border bg-overlay-panel bg-opacity-95 p-2 shadow-xl backdrop-blur-md"
+        >
+          <button
+            type="button"
+            class="header-search__filter shrink-0"
+            aria-label="Open search filters"
+          >
+            <span
+              aria-hidden="true"
+              class="header-search__icon header-search__icon--filter"
+            ></span>
+          </button>
+          <label for="mobileSearchInput" class="sr-only">Search videos</label>
+          <input
+            id="mobileSearchInput"
+            class="header-search__input min-w-0 flex-1 bg-transparent px-2 text-base text-text outline-none placeholder:text-muted"
+            type="search"
+            name="query"
+            placeholder="Search videos"
+            autocomplete="off"
+          />
+          <button type="submit" class="header-search__submit shrink-0">
+            <span class="sr-only">Submit search</span>
+            <span
+              aria-hidden="true"
+              class="header-search__icon header-search__icon--submit"
+            ></span>
+          </button>
+        </form>
+      </div>
+
+    </div>
+
+    <!-- Additional Scripts -->
+    <script type="module" src="js/index.js?v=2024.11.09"></script>
+    <script src="vendor/marked.min.js"></script>
+    <script src="vendor/highlight.min.js"></script>
+    <div id="uiOverlay" data-overlay-root aria-hidden="true"></div>
+  </body>
+</html>
diff --git a/dist/js/accessControl.js b/dist/js/accessControl.js
new file mode 100644
index 00000000..e21fb429
--- /dev/null
+++ b/dist/js/accessControl.js
@@ -0,0 +1,807 @@
+// js/accessControl.js
+
+import {
+  ADMIN_EDITORS_NPUBS,
+  ADMIN_SUPER_NPUB,
+  getWhitelistMode,
+  setWhitelistMode as persistWhitelistMode,
+  ADMIN_WHITELIST_MODE_STORAGE_KEY,
+  isLockdownMode,
+} from "./config.js";
+import {
+  loadAdminState,
+  persistAdminState,
+  readCachedAdminState,
+} from "./adminListStore.js";
+import { ensureNostrTools } from "./nostr/toolkit.js";
+import { userLogger } from "./utils/logger.js";
+
+const HEX_KEY_PATTERN = /^[0-9a-f]{64}$/i;
+
+function normalizeNpub(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+
+function normalizeHexKey(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+
+  const trimmed = value.trim().toLowerCase();
+  return HEX_KEY_PATTERN.test(trimmed) ? trimmed : "";
+}
+
+function bytesToHex(bytes) {
+  if (!bytes || typeof bytes !== "object") {
+    return "";
+  }
+
+  if (typeof bytes.length !== "number") {
+    return "";
+  }
+
+  let hex = "";
+  for (const byte of Array.from(bytes)) {
+    const normalized = Number(byte);
+    if (!Number.isInteger(normalized) || normalized < 0 || normalized > 255) {
+      return "";
+    }
+    hex += normalized.toString(16).padStart(2, "0");
+  }
+
+  return normalizeHexKey(hex);
+}
+
+function dedupeNpubs(values) {
+  const normalized = Array.isArray(values) ? values.map(normalizeNpub) : [];
+  return Array.from(
+    normalized.reduce((set, npub) => {
+      if (npub) {
+        set.add(npub);
+      }
+      return set;
+    }, new Set())
+  );
+}
+
+function areSetsEqual(first, second) {
+  if (first === second) {
+    return true;
+  }
+
+  const a = first instanceof Set ? first : new Set();
+  const b = second instanceof Set ? second : new Set();
+
+  if (a.size !== b.size) {
+    return false;
+  }
+
+  for (const value of a) {
+    if (!b.has(value)) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+function isValidNpub(npub) {
+  if (typeof npub !== "string") {
+    return false;
+  }
+  const trimmed = npub.trim();
+  if (!trimmed) {
+    return false;
+  }
+
+  try {
+    const decoded = window?.NostrTools?.nip19?.decode(trimmed);
+    return decoded?.type === "npub";
+  } catch (error) {
+    return false;
+  }
+}
+
+class AccessControl {
+  constructor() {
+    this.editors = new Set();
+    this.whitelist = new Set();
+    this.whitelistPubkeys = new Set();
+    this.blacklist = new Set();
+    this.blacklistPubkeys = new Set();
+    this.whitelistEnabled = getWhitelistMode();
+    this.hasLoaded = false;
+    this.lastError = null;
+    this._isRefreshing = false;
+    this._refreshPromise = Promise.resolve();
+    this._hydratedFromCache = false;
+    this._whitelistListeners = new Set();
+    this._editorListeners = new Set();
+    this._blacklistListeners = new Set();
+
+    this._scheduleHydrateFromCache();
+  }
+
+  _scheduleHydrateFromCache() {
+    const runHydrate = () => {
+      try {
+        this._hydrateFromCache();
+      } catch (error) {
+        userLogger.error("accessControl failed to hydrate from cache", error);
+      }
+    };
+
+    // Attempt a synchronous hydration so downstream consumers (like
+    // bootstrapTrustedSeeds) have immediate access to any cached admin
+    // state before they trigger refresh logic. This avoids a race where the
+    // async microtask hydration hasn't executed yet when those consumers
+    // call into `refresh()` and encounter an empty cache.
+    runHydrate();
+
+    if (typeof queueMicrotask === "function") {
+      queueMicrotask(runHydrate);
+      return;
+    }
+
+    Promise.resolve().then(runHydrate);
+  }
+
+  _hydrateFromCache() {
+    this._hydratedFromCache = false;
+    let cachedState = null;
+    try {
+      cachedState = readCachedAdminState();
+    } catch (error) {
+      if (error && error.name === "ReferenceError") {
+        return;
+      }
+      throw error;
+    }
+    if (cachedState) {
+      this._applyState(cachedState, { markLoaded: false });
+      this._hydratedFromCache = true;
+    }
+  }
+
+  _rebuildHexSets(
+    whitelistValues = [],
+    blacklistValues = [],
+    toolkitCandidate = null
+  ) {
+    const whitelistHex = new Set();
+    const blacklistHex = new Set();
+
+    const decodeSources = [];
+    const addDecodeSource = (candidate) => {
+      if (
+        candidate &&
+        typeof candidate === "object" &&
+        candidate.nip19 &&
+        typeof candidate.nip19.decode === "function" &&
+        !decodeSources.includes(candidate.nip19)
+      ) {
+        decodeSources.push(candidate.nip19);
+      }
+    };
+
+    addDecodeSource(toolkitCandidate);
+
+    const scopeTools =
+      (typeof window !== "undefined" ? window?.NostrTools : null) ||
+      (typeof globalThis !== "undefined" ? globalThis?.NostrTools : null) ||
+      null;
+    addDecodeSource(scopeTools);
+
+    const decodeNpubToHex = (npub) => {
+      const normalized = normalizeNpub(npub);
+      if (!normalized) {
+        return "";
+      }
+
+      for (const nip19 of decodeSources) {
+        try {
+          const decoded = nip19.decode(normalized);
+          if (!decoded || decoded.type !== "npub") {
+            continue;
+          }
+          const data = decoded.data;
+          if (typeof data === "string") {
+            const normalizedHex = normalizeHexKey(data);
+            if (normalizedHex) {
+              return normalizedHex;
+            }
+          } else {
+            const converted = bytesToHex(data);
+            if (converted) {
+              return converted;
+            }
+          }
+        } catch (error) {
+          continue;
+        }
+      }
+
+      return "";
+    };
+
+    for (const entry of whitelistValues) {
+      const decodedHex = decodeNpubToHex(entry);
+      if (decodedHex) {
+        whitelistHex.add(decodedHex);
+      }
+    }
+
+    for (const entry of blacklistValues) {
+      const decodedHex = decodeNpubToHex(entry);
+      if (decodedHex) {
+        blacklistHex.add(decodedHex);
+      }
+    }
+
+    this.whitelistPubkeys = whitelistHex;
+    this.blacklistPubkeys = blacklistHex;
+  }
+
+  _applyState(state, options = {}) {
+    userLogger.info("[accessControl] _applyState called", { state, options });
+    const markLoaded = options.markLoaded !== false;
+    const editors = Array.isArray(state?.editors) ? state.editors : [];
+    const whitelist = Array.isArray(state?.whitelist) ? state.whitelist : [];
+    const blacklist = Array.isArray(state?.blacklist) ? state.blacklist : [];
+
+    const previousEditors =
+      this.editors instanceof Set ? new Set(this.editors) : new Set();
+    const previousWhitelist =
+      this.whitelist instanceof Set ? new Set(this.whitelist) : new Set();
+    const previousBlacklist =
+      this.blacklist instanceof Set ? new Set(this.blacklist) : new Set();
+
+    this.editors = new Set(
+      dedupeNpubs([...ADMIN_EDITORS_NPUBS, ...editors])
+    );
+    const editorsChanged = !areSetsEqual(previousEditors, this.editors);
+    const normalizedWhitelist = dedupeNpubs(whitelist);
+    this.whitelist = new Set(normalizedWhitelist);
+    const whitelistChanged = !areSetsEqual(previousWhitelist, this.whitelist);
+
+    const blacklistDedupe = dedupeNpubs(blacklist);
+    const adminGuardSet = new Set([
+      normalizeNpub(ADMIN_SUPER_NPUB),
+      ...Array.from(this.editors),
+    ]);
+    const sanitizedBlacklist = blacklistDedupe.filter((npub) => {
+      const normalized = normalizeNpub(npub);
+      if (!normalized) {
+        return false;
+      }
+      if (adminGuardSet.has(normalized)) {
+        return false;
+      }
+      return true;
+    });
+    this.blacklist = new Set(sanitizedBlacklist);
+    const blacklistChanged = !areSetsEqual(previousBlacklist, this.blacklist);
+
+    const toolkitCandidate =
+      (typeof window !== "undefined" ? window?.NostrTools : null) ||
+      (typeof globalThis !== "undefined" ? globalThis?.NostrTools : null);
+    this._rebuildHexSets(normalizedWhitelist, sanitizedBlacklist, toolkitCandidate);
+
+    try {
+      const ensured = ensureNostrTools();
+      if (ensured && typeof ensured.then === "function") {
+        ensured
+          .then((tools) => {
+            if (!tools) {
+              return;
+            }
+            this._rebuildHexSets(
+              Array.from(this.whitelist),
+              Array.from(this.blacklist),
+              tools
+            );
+          })
+          .catch(() => {});
+      } else if (ensured) {
+        this._rebuildHexSets(
+          Array.from(this.whitelist),
+          Array.from(this.blacklist),
+          ensured
+        );
+      }
+    } catch (error) {
+      // ignore toolkit errors; we'll attempt to hydrate again on the next refresh
+    }
+
+    this.whitelistEnabled = getWhitelistMode();
+    this.lastError = null;
+
+    if (markLoaded) {
+      this.hasLoaded = true;
+      this._hydratedFromCache = false;
+    }
+
+    if (whitelistChanged) {
+      this._emitWhitelistChange(Array.from(this.whitelist));
+    }
+    if (editorsChanged) {
+      this._emitEditorsChange(Array.from(this.editors));
+    }
+    if (blacklistChanged) {
+      this._emitBlacklistChange(Array.from(this.blacklist));
+    }
+  }
+
+  _emitWhitelistChange(whitelistValues) {
+    if (!this._whitelistListeners.size) {
+      return;
+    }
+
+    const snapshot = Array.isArray(whitelistValues)
+      ? [...whitelistValues]
+      : this.getWhitelist();
+
+    for (const listener of Array.from(this._whitelistListeners)) {
+      try {
+        listener(snapshot);
+      } catch (error) {
+        userLogger.error("accessControl whitelist listener failed", error);
+      }
+    }
+  }
+
+  _emitBlacklistChange(blacklistValues) {
+    if (!this._blacklistListeners.size) {
+      return;
+    }
+
+    const snapshot = Array.isArray(blacklistValues)
+      ? [...blacklistValues]
+      : this.getBlacklist();
+
+    for (const listener of Array.from(this._blacklistListeners)) {
+      try {
+        listener(snapshot);
+      } catch (error) {
+        userLogger.error("accessControl blacklist listener failed", error);
+      }
+    }
+  }
+
+  _emitEditorsChange(editorsValues) {
+    if (!this._editorListeners.size) {
+      return;
+    }
+
+    const snapshot = Array.isArray(editorsValues)
+      ? [...editorsValues]
+      : this.getEditors();
+
+    for (const listener of Array.from(this._editorListeners)) {
+      try {
+        listener(snapshot);
+      } catch (error) {
+        userLogger.error("accessControl editors listener failed", error);
+      }
+    }
+  }
+
+  _performRefresh() {
+    if (this._isRefreshing) {
+      return this._refreshPromise;
+    }
+
+    this._isRefreshing = true;
+
+    const operation = (async () => {
+      try {
+        const state = await loadAdminState();
+        this._applyState(state);
+      } catch (error) {
+        this.lastError = error;
+        if (!this.hasLoaded && !this._hydratedFromCache) {
+          this.editors.clear();
+          this.whitelist.clear();
+          this.whitelistPubkeys.clear();
+          this.blacklist.clear();
+          this.blacklistPubkeys.clear();
+        }
+        throw error;
+      } finally {
+        this._isRefreshing = false;
+      }
+    })();
+
+    this._refreshPromise = operation;
+    return operation;
+  }
+
+  refresh() {
+    if (this._isRefreshing) {
+      userLogger.info("[accessControl] refresh ignored (already refreshing)");
+      return this._refreshPromise;
+    }
+
+    userLogger.info("[accessControl] refresh started");
+    const operation = this._performRefresh();
+    const tracked = operation.catch((error) => {
+      userLogger.error("Failed to refresh admin lists:", error);
+      throw error;
+    });
+    this._refreshPromise = tracked;
+    return tracked;
+  }
+
+  async ensureReady() {
+    // If not loaded and not already refreshing, kick off a background refresh.
+    // We do NOT await this promise, allowing the application to proceed immediately.
+    // Reactive updates (e.g. onBlacklistChange) will handle the UI state when data arrives.
+    if (!this.hasLoaded && !this._isRefreshing) {
+      this.refresh().catch((error) => {
+        userLogger.warn(
+          "[accessControl] Background refresh failed:",
+          error,
+        );
+      });
+    }
+
+    // Always resolve immediately to prevent blocking application startup.
+    return Promise.resolve();
+  }
+
+  async waitForReady() {
+    if (this.hasLoaded) {
+      return;
+    }
+    return this.refresh();
+  }
+
+  whitelistMode() {
+    return this.whitelistEnabled;
+  }
+
+  isSuperAdmin(npub) {
+    const normalized = normalizeNpub(npub);
+    return normalized ? normalized === ADMIN_SUPER_NPUB : false;
+  }
+
+  isAdminEditor(npub) {
+    const normalized = normalizeNpub(npub);
+    if (!normalized) {
+      return false;
+    }
+    if (this.isSuperAdmin(normalized)) {
+      return true;
+    }
+    return this.editors.has(normalized);
+  }
+
+  canEditAdminLists(npub) {
+    return this.isAdminEditor(npub);
+  }
+
+  getWhitelist() {
+    return Array.from(this.whitelist);
+  }
+
+  getBlacklist() {
+    return Array.from(this.blacklist);
+  }
+
+  getEditors() {
+    return Array.from(this.editors);
+  }
+
+  onWhitelistChange(listener) {
+    if (typeof listener !== "function") {
+      return () => {};
+    }
+
+    this._whitelistListeners.add(listener);
+
+    return () => {
+      this._whitelistListeners.delete(listener);
+    };
+  }
+
+  onEditorsChange(listener) {
+    if (typeof listener !== "function") {
+      return () => {};
+    }
+
+    this._editorListeners.add(listener);
+
+    return () => {
+      this._editorListeners.delete(listener);
+    };
+  }
+
+  onBlacklistChange(listener) {
+    if (typeof listener !== "function") {
+      return () => {};
+    }
+
+    this._blacklistListeners.add(listener);
+
+    return () => {
+      this._blacklistListeners.delete(listener);
+    };
+  }
+
+  async addModerator(requestorNpub, moderatorNpub) {
+    if (!this.isSuperAdmin(requestorNpub)) {
+      return { ok: false, error: "forbidden" };
+    }
+    if (!isValidNpub(moderatorNpub)) {
+      return { ok: false, error: "invalid npub" };
+    }
+
+    const normalized = normalizeNpub(moderatorNpub);
+    if (!normalized || normalized === ADMIN_SUPER_NPUB) {
+      return { ok: false, error: "immutable" };
+    }
+
+    const nextEditors = dedupeNpubs([...this.getEditors(), normalized]);
+
+    try {
+      await persistAdminState(requestorNpub, { editors: nextEditors });
+      await this.refresh();
+      return { ok: true };
+    } catch (error) {
+      return { ok: false, error: error?.code || "storage-error" };
+    }
+  }
+
+  async removeModerator(requestorNpub, moderatorNpub) {
+    if (!this.isSuperAdmin(requestorNpub)) {
+      return { ok: false, error: "forbidden" };
+    }
+
+    const normalized = normalizeNpub(moderatorNpub);
+    if (!normalized || normalized === ADMIN_SUPER_NPUB) {
+      return { ok: false, error: "immutable" };
+    }
+    const nextEditors = this.getEditors().filter((value) => value !== normalized);
+
+    try {
+      await persistAdminState(requestorNpub, { editors: nextEditors });
+      await this.refresh();
+      return { ok: true };
+    } catch (error) {
+      return { ok: false, error: error?.code || "storage-error" };
+    }
+  }
+
+  async addToWhitelist(actorNpub, targetNpub) {
+    if (!this.canEditAdminLists(actorNpub)) {
+      return { ok: false, error: "forbidden" };
+    }
+    if (!isValidNpub(targetNpub)) {
+      return { ok: false, error: "invalid npub" };
+    }
+
+    const normalized = normalizeNpub(targetNpub);
+    if (!normalized) {
+      return { ok: false, error: "invalid npub" };
+    }
+
+    const nextWhitelist = dedupeNpubs([...this.getWhitelist(), normalized]);
+    const nextBlacklist = this.getBlacklist();
+
+    try {
+      await persistAdminState(actorNpub, {
+        whitelist: nextWhitelist,
+        blacklist: nextBlacklist,
+      });
+      await this.refresh();
+      return { ok: true };
+    } catch (error) {
+      return { ok: false, error: error?.code || "storage-error" };
+    }
+  }
+
+  async removeFromWhitelist(actorNpub, targetNpub) {
+    if (!this.canEditAdminLists(actorNpub)) {
+      return { ok: false, error: "forbidden" };
+    }
+
+    const normalized = normalizeNpub(targetNpub);
+    if (!normalized) {
+      return { ok: false, error: "invalid npub" };
+    }
+    const nextWhitelist = this.getWhitelist().filter(
+      (value) => value !== normalized
+    );
+
+    try {
+      await persistAdminState(actorNpub, { whitelist: nextWhitelist });
+      await this.refresh();
+      return { ok: true };
+    } catch (error) {
+      return { ok: false, error: error?.code || "storage-error" };
+    }
+  }
+
+  async addToBlacklist(actorNpub, targetNpub) {
+    if (!this.canEditAdminLists(actorNpub)) {
+      return { ok: false, error: "forbidden" };
+    }
+    if (!isValidNpub(targetNpub)) {
+      return { ok: false, error: "invalid npub" };
+    }
+
+    const normalized = normalizeNpub(targetNpub);
+    if (!normalized) {
+      return { ok: false, error: "invalid npub" };
+    }
+
+    const normalizedActor = normalizeNpub(actorNpub);
+    if (normalizedActor && normalized === normalizedActor) {
+      return { ok: false, error: "self" };
+    }
+
+    if (this.isSuperAdmin(normalized) || this.isAdminEditor(normalized)) {
+      return { ok: false, error: "immutable" };
+    }
+
+    const nextBlacklist = dedupeNpubs([...this.getBlacklist(), normalized]);
+    const nextWhitelist = this.getWhitelist();
+
+    try {
+      await persistAdminState(actorNpub, {
+        blacklist: nextBlacklist,
+        whitelist: nextWhitelist,
+      });
+      await this.refresh();
+      return { ok: true };
+    } catch (error) {
+      return { ok: false, error: error?.code || "storage-error" };
+    }
+  }
+
+  async removeFromBlacklist(actorNpub, targetNpub) {
+    if (!this.canEditAdminLists(actorNpub)) {
+      return { ok: false, error: "forbidden" };
+    }
+
+    const normalized = normalizeNpub(targetNpub);
+    if (!normalized) {
+      return { ok: false, error: "invalid npub" };
+    }
+    const nextBlacklist = this.getBlacklist().filter(
+      (value) => value !== normalized
+    );
+
+    try {
+      await persistAdminState(actorNpub, { blacklist: nextBlacklist });
+      await this.refresh();
+      return { ok: true };
+    } catch (error) {
+      return { ok: false, error: error?.code || "storage-error" };
+    }
+  }
+
+  setWhitelistMode(actorNpub, enabled) {
+    if (!this.isSuperAdmin(actorNpub)) {
+      return { ok: false, error: "forbidden" };
+    }
+    persistWhitelistMode(!!enabled);
+    this.whitelistEnabled = !!enabled;
+    return { ok: true };
+  }
+
+  isBlacklisted(npub) {
+    const normalized = normalizeNpub(npub);
+    if (!normalized) {
+      return false;
+    }
+
+    const normalizedHexCandidate = normalizeHexKey(normalized);
+    if (normalizedHexCandidate) {
+      return this.blacklistPubkeys.has(normalizedHexCandidate);
+    }
+
+    return this.blacklist.has(normalized);
+  }
+
+  canAccess(candidate) {
+    let npub = "";
+    let hex = "";
+
+    const considerHexCandidate = (value) => {
+      const normalizedHex = normalizeHexKey(value);
+      if (!normalizedHex) {
+        return false;
+      }
+      hex = normalizedHex;
+      return true;
+    };
+
+    if (typeof candidate === "string") {
+      if (!considerHexCandidate(candidate)) {
+        npub = candidate;
+      }
+    } else if (candidate && typeof candidate === "object") {
+      if (typeof candidate.npub === "string") {
+        npub = candidate.npub;
+      } else if (typeof candidate.pubkey === "string") {
+        if (!considerHexCandidate(candidate.pubkey)) {
+          try {
+            npub = window.NostrTools.nip19.npubEncode(candidate.pubkey);
+          } catch (error) {
+            npub = candidate.pubkey;
+          }
+        }
+      }
+    }
+
+    const normalized = normalizeNpub(npub);
+    if (!normalized) {
+      if (!hex) {
+        return false;
+      }
+
+      if (this.isLockdownActive()) {
+        return false;
+      }
+
+      if (this.blacklistPubkeys.has(hex)) {
+        return false;
+      }
+
+      if (this.whitelistPubkeys.has(hex)) {
+        return true;
+      }
+
+      if (this.whitelistEnabled && !this.whitelistPubkeys.has(hex)) {
+        return false;
+      }
+
+      return true;
+    }
+
+    if (this.isAdminEditor(normalized)) {
+      return true;
+    }
+
+    if (this.isLockdownActive()) {
+      return false;
+    }
+
+    if (hex) {
+      if (this.blacklistPubkeys.has(hex)) {
+        return false;
+      }
+      if (this.whitelistPubkeys.has(hex)) {
+        return true;
+      }
+    }
+
+    if (this.blacklist.has(normalized)) {
+      return false;
+    }
+
+    if (this.whitelist.has(normalized)) {
+      return true;
+    }
+
+    if (this.whitelistEnabled && !this.whitelist.has(normalized)) {
+      return false;
+    }
+
+    return true;
+  }
+
+  isLockdownActive() {
+    return Boolean(isLockdownMode);
+  }
+}
+
+export const accessControl = new AccessControl();
+export default accessControl;
+export {
+  AccessControl,
+  ADMIN_WHITELIST_MODE_STORAGE_KEY,
+  normalizeNpub,
+  isValidNpub,
+};
diff --git a/dist/js/adminListStore.js b/dist/js/adminListStore.js
new file mode 100644
index 00000000..afed1d2f
--- /dev/null
+++ b/dist/js/adminListStore.js
@@ -0,0 +1,1032 @@
+// js/adminListStore.js
+
+import {
+  ADMIN_LIST_MODE,
+  ADMIN_LIST_NAMESPACE,
+  ADMIN_SUPER_NPUB,
+  ADMIN_EDITORS_NPUBS,
+  ADMIN_COMMUNITY_BLACKLIST_SOURCES,
+  ADMIN_COMMUNITY_BLACKLIST_PREFIX,
+  isDevMode,
+} from "./config.js";
+import {
+  getRegisteredNostrClient,
+  requestDefaultExtensionPermissions,
+} from "./nostrClientRegistry.js";
+import { devLogger, userLogger } from "./utils/logger.js";
+import {
+  buildAdminListEvent,
+  ADMIN_LIST_IDENTIFIERS,
+  NOTE_TYPES,
+} from "./nostrEventSchemas.js";
+import { CACHE_POLICIES, STORAGE_TIERS } from "./nostr/cachePolicies.js";
+import { publishEventToRelay } from "./nostrPublish.js";
+
+const ADMIN_STATE_CACHE_VERSION = 1;
+const ADMIN_STATE_CACHE_KEY = `bitvid_admin_state_v${ADMIN_STATE_CACHE_VERSION}`;
+
+function createError(code, message, cause) {
+  const error = new Error(message);
+  error.code = code;
+  if (cause) {
+    error.cause = cause;
+  }
+  return error;
+}
+
+function requireNostrClient() {
+  const client = getRegisteredNostrClient();
+  if (!client) {
+    throw createError(
+      "nostr-unavailable",
+      "Nostr relay pool is not initialized.",
+    );
+  }
+  return client;
+}
+
+function normalizeNpub(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+
+const HEX_PUBKEY_REGEX = /^[0-9a-f]{64}$/i;
+
+function isHexPubkey(value) {
+  if (typeof value !== "string") {
+    return false;
+  }
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return false;
+  }
+  return HEX_PUBKEY_REGEX.test(trimmed);
+}
+
+function dedupeNpubs(values) {
+  const normalized = Array.isArray(values) ? values.map(normalizeNpub) : [];
+  return Array.from(
+    normalized.reduce((set, npub) => {
+      if (npub) {
+        set.add(npub);
+      }
+      return set;
+    }, new Set())
+  );
+}
+
+const globalScope =
+  typeof window !== "undefined"
+    ? window
+    : typeof globalThis !== "undefined"
+    ? globalThis
+    : null;
+
+function readNostrToolsFromScope(scope = globalScope) {
+  if (!scope || typeof scope !== "object") {
+    return null;
+  }
+
+  const candidates = [];
+
+  if (scope.__BITVID_CANONICAL_NOSTR_TOOLS__) {
+    candidates.push(scope.__BITVID_CANONICAL_NOSTR_TOOLS__);
+  }
+
+  if (scope.NostrTools) {
+    candidates.push(scope.NostrTools);
+  }
+
+  const nestedWindow =
+    scope.window && scope.window !== scope && typeof scope.window === "object"
+      ? scope.window
+      : null;
+  if (nestedWindow) {
+    if (nestedWindow.__BITVID_CANONICAL_NOSTR_TOOLS__) {
+      candidates.push(nestedWindow.__BITVID_CANONICAL_NOSTR_TOOLS__);
+    }
+    if (nestedWindow.NostrTools) {
+      candidates.push(nestedWindow.NostrTools);
+    }
+  }
+
+  for (const candidate of candidates) {
+    if (candidate && typeof candidate === "object") {
+      const nip19 = candidate?.nip19;
+      if (
+        nip19 &&
+        typeof nip19 === "object" &&
+        (typeof nip19.decode === "function" ||
+          typeof nip19.npubEncode === "function")
+      ) {
+        return candidate;
+      }
+    }
+  }
+
+  return null;
+}
+
+let cachedNostrTools = null;
+let cachedNip19 = null;
+
+function getNip19Tools() {
+  const toolkit = readNostrToolsFromScope();
+  if (toolkit && toolkit !== cachedNostrTools) {
+    cachedNostrTools = toolkit;
+    cachedNip19 =
+      toolkit?.nip19 && typeof toolkit.nip19 === "object"
+        ? toolkit.nip19
+        : cachedNip19;
+  } else if (!cachedNostrTools && toolkit) {
+    cachedNostrTools = toolkit;
+    cachedNip19 =
+      toolkit?.nip19 && typeof toolkit.nip19 === "object"
+        ? toolkit.nip19
+        : cachedNip19;
+  }
+
+  return cachedNip19 || null;
+}
+
+function canDecodeNpub() {
+  const nip19 = getNip19Tools();
+  if (nip19 && typeof nip19.decode === "function") {
+    return true;
+  }
+
+  return !!(
+    typeof window !== "undefined" &&
+    window?.NostrTools?.nip19 &&
+    typeof window.NostrTools.nip19.decode === "function"
+  );
+}
+
+function isLikelyNpub(value) {
+  if (typeof value !== "string") {
+    return false;
+  }
+
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return false;
+  }
+
+  if (isHexPubkey(trimmed)) {
+    return true;
+  }
+
+  const nip19 = getNip19Tools();
+  const decoder = nip19?.decode;
+
+  if (typeof decoder !== "function") {
+    return trimmed.toLowerCase().startsWith("npub");
+  }
+
+  try {
+    const decoded = decoder(trimmed);
+    return decoded?.type === "npub";
+  } catch (error) {
+    return false;
+  }
+}
+
+function sanitizeNpubList(values) {
+  return dedupeNpubs(values).filter(isLikelyNpub);
+}
+
+function sanitizeAdminState(state = {}) {
+  const sanitizedEditors = sanitizeNpubList(state.editors || []);
+  const sanitizedWhitelist = sanitizeNpubList(state.whitelist || []);
+
+  const adminGuardSet = new Set([
+    normalizeNpub(ADMIN_SUPER_NPUB),
+    ...ADMIN_EDITORS_NPUBS.map(normalizeNpub),
+    ...sanitizedEditors.map(normalizeNpub),
+    ...sanitizedWhitelist.map(normalizeNpub),
+  ]);
+
+  const sanitizedBlacklist = sanitizeNpubList(state.blacklist || []).filter(
+    (npub) => {
+      const normalized = normalizeNpub(npub);
+      if (!normalized) {
+        return false;
+      }
+      if (adminGuardSet.has(normalized)) {
+        return false;
+      }
+      return true;
+    }
+  );
+
+  return {
+    editors: sanitizedEditors,
+    whitelist: sanitizedWhitelist,
+    blacklist: sanitizedBlacklist,
+  };
+}
+
+function hasAnyEntries(state = {}) {
+  return Boolean(
+    (Array.isArray(state.editors) && state.editors.length) ||
+      (Array.isArray(state.whitelist) && state.whitelist.length) ||
+      (Array.isArray(state.blacklist) && state.blacklist.length)
+  );
+}
+
+export const readCachedAdminState = () => {
+  const policy = CACHE_POLICIES[NOTE_TYPES.ADMIN_MODERATION_LIST];
+  if (policy?.storage !== STORAGE_TIERS.LOCAL_STORAGE) {
+    return null;
+  }
+
+  if (typeof localStorage === "undefined") {
+    return null;
+  }
+
+  let raw = null;
+  try {
+    raw = localStorage.getItem(ADMIN_STATE_CACHE_KEY);
+  } catch (error) {
+    devLogger.warn(
+      "[adminListStore] Failed to read admin state cache:",
+      error,
+    );
+    return null;
+  }
+
+  if (raw === null) {
+    return null;
+  }
+
+  try {
+    const parsed = JSON.parse(raw);
+    return sanitizeAdminState(parsed || {});
+  } catch (error) {
+    devLogger.warn(
+      "[adminListStore] Failed to parse admin state cache:",
+      error,
+    );
+    return null;
+  }
+};
+
+export const writeCachedAdminState = (state) => {
+  const policy = CACHE_POLICIES[NOTE_TYPES.ADMIN_MODERATION_LIST];
+  if (policy?.storage !== STORAGE_TIERS.LOCAL_STORAGE) {
+    return;
+  }
+
+  if (typeof localStorage === "undefined") {
+    return;
+  }
+
+  try {
+    const sanitized = sanitizeAdminState(state || {});
+    localStorage.setItem(ADMIN_STATE_CACHE_KEY, JSON.stringify(sanitized));
+  } catch (error) {
+    devLogger.warn(
+      "[adminListStore] Failed to write admin state cache:",
+      error,
+    );
+  }
+};
+
+function ensureNostrReady() {
+  const nostrClient = requireNostrClient();
+
+  if (!nostrClient.pool) {
+    throw createError(
+      "nostr-unavailable",
+      "Nostr relay pool is not initialized.",
+    );
+  }
+
+  const writeRelays =
+    Array.isArray(nostrClient.writeRelays) && nostrClient.writeRelays.length
+      ? nostrClient.writeRelays
+      : [];
+  const relays = writeRelays.length
+    ? writeRelays
+    : Array.isArray(nostrClient.relays)
+    ? nostrClient.relays
+    : [];
+
+  if (!relays.length) {
+    throw createError("nostr-unavailable", "No Nostr relays configured.");
+  }
+
+  return relays;
+}
+
+function decodeNpubToHex(npub) {
+  const trimmed = normalizeNpub(npub);
+  if (!trimmed) {
+    throw createError("invalid npub", "Empty npub provided.");
+  }
+
+  const nip19 = getNip19Tools();
+  const decoder = nip19?.decode;
+
+  try {
+    if (typeof decoder === "function") {
+      const decoded = decoder(trimmed);
+      if (decoded?.type !== "npub" || !decoded?.data) {
+        throw new Error("Invalid npub format");
+      }
+      return typeof decoded.data === "string"
+        ? decoded.data
+        : decoded.data?.pubkey || "";
+    }
+
+    const fallback = window?.NostrTools?.nip19?.decode;
+    if (typeof fallback === "function") {
+      const decoded = fallback(trimmed);
+      if (decoded?.type !== "npub" || !decoded?.data) {
+        throw new Error("Invalid npub format");
+      }
+      return typeof decoded.data === "string"
+        ? decoded.data
+        : decoded.data?.pubkey || "";
+    }
+  } catch (error) {
+    throw createError("invalid npub", "Unable to decode npub.", error);
+  }
+
+  throw createError("invalid npub", "Unable to decode npub.");
+}
+
+function parseCommunityBlacklistReferences(event) {
+  if (!event || !Array.isArray(event.tags)) {
+    return [];
+  }
+
+  const references = [];
+  const seen = new Set();
+
+  for (const tag of event.tags) {
+    if (!Array.isArray(tag) || tag.length < 2) {
+      continue;
+    }
+
+    const tagName = typeof tag[0] === "string" ? tag[0] : "";
+    if (tagName !== "a") {
+      continue;
+    }
+
+    const rawValue = typeof tag[1] === "string" ? tag[1].trim() : "";
+    if (!rawValue) {
+      continue;
+    }
+
+    const [kindSegment, authorSegment, ...identifierSegments] = rawValue.split(":");
+    if (!identifierSegments.length) {
+      continue;
+    }
+
+    const kind = Number.parseInt(kindSegment, 10);
+    if (!Number.isFinite(kind) || kind !== 30000) {
+      continue;
+    }
+
+    const dTagValue = identifierSegments.join(":").trim();
+    if (!dTagValue) {
+      continue;
+    }
+
+    if (
+      !dTagValue.startsWith(
+        `${ADMIN_LIST_NAMESPACE}:${ADMIN_COMMUNITY_BLACKLIST_PREFIX}`
+      )
+    ) {
+      continue;
+    }
+
+    const authorCandidate = typeof authorSegment === "string" ? authorSegment.trim() : "";
+    if (!authorCandidate) {
+      continue;
+    }
+
+    let authorHex = "";
+    if (isHexPubkey(authorCandidate)) {
+      authorHex = authorCandidate.toLowerCase();
+    } else if (authorCandidate.toLowerCase().startsWith("npub")) {
+      try {
+        authorHex = decodeNpubToHex(authorCandidate);
+      } catch (error) {
+        devLogger.warn(
+          `[adminListStore] Failed to decode community curator npub for ${dTagValue}:`,
+          error,
+        );
+        authorHex = "";
+      }
+    }
+
+    if (!authorHex) {
+      continue;
+    }
+
+    const key = `${authorHex}::${dTagValue}`;
+    if (seen.has(key)) {
+      continue;
+    }
+
+    seen.add(key);
+    references.push({ authorHex, dTag: dTagValue });
+  }
+
+  return references;
+}
+
+function encodeHexToNpub(hex) {
+  const nip19 = getNip19Tools();
+  const encoder = nip19?.npubEncode;
+
+  if (typeof encoder === "function") {
+    try {
+      return encoder(hex) || "";
+    } catch (error) {
+      devLogger.warn("Failed to encode hex pubkey to npub:", error);
+    }
+  }
+
+  try {
+    return window?.NostrTools?.nip19?.npubEncode(hex) || "";
+  } catch (error) {
+    devLogger.warn("Failed to encode hex pubkey to npub:", error);
+    return "";
+  }
+}
+
+function normalizeParticipantTagValue(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return "";
+  }
+
+  const nip19 = getNip19Tools();
+  const lower = trimmed.toLowerCase();
+  if (lower.startsWith("npub")) {
+    if (nip19?.decode) {
+      try {
+        const decoded = nip19.decode(trimmed);
+        if (decoded?.type === "npub") {
+          return trimmed;
+        }
+      } catch (error) {
+        // Swallow decode errors so we can still fall back to the raw npub string.
+      }
+    }
+    return trimmed;
+  }
+
+  if (isHexPubkey(trimmed)) {
+    const encoded = encodeHexToNpub(trimmed);
+    if (encoded) {
+      return encoded;
+    }
+    return trimmed;
+  }
+
+  if (nip19?.decode) {
+    try {
+      const decoded = nip19.decode(trimmed);
+      if (decoded?.type === "npub") {
+        return trimmed;
+      }
+    } catch (error) {
+      // Ignore decode failures; values that cannot be interpreted as npubs are dropped.
+    }
+  }
+
+  return "";
+}
+
+function extractNpubsFromEvent(event) {
+  if (!event || !Array.isArray(event.tags)) {
+    return [];
+  }
+
+  const candidates = event.tags
+    .filter((tag) => Array.isArray(tag) && tag[0] === "p" && tag[1])
+    .map((tag) => tag[1]);
+
+  const npubs = candidates
+    .map((value) => normalizeParticipantTagValue(value))
+    .filter((npub) => typeof npub === "string" && npub);
+
+  return dedupeNpubs(npubs);
+}
+
+async function fetchLatestListEvent(filter, contextLabel = "admin-list") {
+  const nostrClient = requireNostrClient();
+  const relays = ensureNostrReady();
+
+  const kind = (Array.isArray(filter?.kinds) && filter.kinds.length)
+    ? filter.kinds[0]
+    : 30000;
+
+  const pubkey = (Array.isArray(filter?.authors) && filter.authors.length)
+    ? filter.authors[0]
+    : "";
+
+  const dTag = (Array.isArray(filter?.["#d"]) && filter["#d"].length)
+    ? filter["#d"][0]
+    : "";
+
+  // Note: fetchListIncrementally expects single kind, pubkey, dTag.
+  // The existing fetchLatestListEvent was a bit generic but admin lists are specific.
+  // If we can't extract specific identifiers, fall back to pool list (no incremental).
+
+  if (!pubkey) {
+     devLogger.warn(`[adminListStore] Cannot use incremental fetch for ${contextLabel} without author.`);
+     // Fallback to old behavior if pubkey missing (e.g. search scenario? unlikely for admin lists)
+     // Actually admin lists always have specific d-tag and author (editor list, whitelist, blacklist, community lists)
+     // So we should be fine.
+  }
+
+  let events = [];
+  if (pubkey) {
+    events = await nostrClient.fetchListIncrementally({
+      kind,
+      pubkey,
+      dTag,
+      relayUrls: relays
+    });
+  } else {
+      // Fallback for non-specific queries
+      const normalizedFilter = {
+        kinds: [kind],
+        limit: 50
+      };
+      if (dTag) normalizedFilter["#d"] = [dTag];
+      if (filter.authors) normalizedFilter.authors = filter.authors;
+      events = await nostrClient.pool.list(relays, [normalizedFilter]);
+  }
+
+  if (!events || !events.length) {
+    return null;
+  }
+
+  return events.reduce((latest, event) => {
+    if (!latest) {
+      return event;
+    }
+    if (event.created_at === latest.created_at) {
+      return event.id > latest.id ? event : latest;
+    }
+    return event.created_at > latest.created_at ? event : latest;
+  }, null);
+}
+
+async function loadNostrList(identifier) {
+  const dTagValue = `${ADMIN_LIST_NAMESPACE}:${identifier}`;
+  let superAdminHex = "";
+  try {
+    superAdminHex = decodeNpubToHex(ADMIN_SUPER_NPUB);
+  } catch (error) {
+    devLogger.warn(
+      `[adminListStore] Failed to decode super admin npub for ${identifier} lookup:`,
+      error,
+    );
+  }
+
+  const filter = { "#d": [dTagValue] };
+  if (superAdminHex) {
+    filter.authors = [superAdminHex];
+  }
+
+  const event = await fetchLatestListEvent(filter, identifier);
+  return event ? extractNpubsFromEvent(event) : [];
+}
+
+async function loadNostrState() {
+  const [editors, whitelist, blacklist] = await Promise.all([
+    loadNostrList(ADMIN_LIST_IDENTIFIERS.editors),
+    loadNostrList(ADMIN_LIST_IDENTIFIERS.whitelist),
+    loadNostrList(ADMIN_LIST_IDENTIFIERS.blacklist),
+  ]);
+
+  return sanitizeAdminState({ editors, whitelist, blacklist });
+}
+
+async function loadCommunityBlacklistEntries() {
+  let superAdminHex = "";
+  try {
+    superAdminHex = decodeNpubToHex(ADMIN_SUPER_NPUB);
+  } catch (error) {
+    devLogger.warn(
+      "[adminListStore] Failed to decode super admin npub for community blacklist lookup:",
+      error,
+    );
+    return [];
+  }
+
+  const sourceIdentifier = `${ADMIN_LIST_NAMESPACE}:${ADMIN_COMMUNITY_BLACKLIST_SOURCES}`;
+
+  let sourceEvent = null;
+  try {
+    sourceEvent = await fetchLatestListEvent(
+      { "#d": [sourceIdentifier], authors: [superAdminHex] },
+      "community-blacklist-sources",
+    );
+  } catch (error) {
+    devLogger.warn(
+      "[adminListStore] Failed to load community blacklist source list:",
+      error,
+    );
+    return [];
+  }
+
+  if (!sourceEvent) {
+    return [];
+  }
+
+  const references = parseCommunityBlacklistReferences(sourceEvent);
+  if (!references.length) {
+    return [];
+  }
+
+  const results = await Promise.all(
+    references.map(async (reference) => {
+      try {
+        const event = await fetchLatestListEvent(
+          { "#d": [reference.dTag], authors: [reference.authorHex] },
+          reference.dTag,
+        );
+        return event ? extractNpubsFromEvent(event) : [];
+      } catch (error) {
+        devLogger.warn(
+          `[adminListStore] Failed to load community blacklist ${reference.dTag}:`,
+          error,
+        );
+        return [];
+      }
+    })
+  );
+
+  return results.flat();
+}
+
+function buildListEvent(listKey, npubs, actorHex) {
+  const hexPubkeys = Array.from(
+    new Set(npubs.map((npub) => {
+      try {
+        return decodeNpubToHex(npub);
+      } catch (error) {
+        devLogger.warn(
+        `[adminListStore] Failed to decode npub while publishing ${listKey}:`,
+        error
+        );
+        return "";
+      }
+    }).filter((hex) => !!hex))
+  );
+
+  if (listKey === "whitelist" || listKey === "editors") {
+    try {
+      const superHex = decodeNpubToHex(ADMIN_SUPER_NPUB);
+      if (superHex && !hexPubkeys.includes(superHex)) {
+        hexPubkeys.push(superHex);
+      }
+    } catch (error) {
+      devLogger.warn("Failed to ensure super admin presence:", error);
+    }
+  }
+
+  return buildAdminListEvent(listKey, {
+    pubkey: actorHex,
+    created_at: Math.floor(Date.now() / 1000),
+    hexPubkeys,
+  });
+}
+
+function publishListWithFirstAcceptance(pool, relays, event, options = {}) {
+  const publishRelay =
+    typeof options.publishRelay === "function"
+      ? options.publishRelay
+      : publishEventToRelay;
+  const listKey = typeof options.listKey === "string" ? options.listKey : "";
+  const publishOptions =
+    options && typeof options.publishOptions === "object"
+      ? options.publishOptions
+      : undefined;
+
+  const relayPromises = Array.isArray(relays)
+    ? relays.map((url) => publishRelay(pool, url, event, publishOptions))
+    : [];
+  const resultsBuffer = new Array(relayPromises.length);
+
+  const resolveMessage = listKey
+    ? `Failed to publish ${listKey} list to any relay.`
+    : "Failed to publish admin list to any relay.";
+
+  const normalizeFailureError = (value) => {
+    if (value instanceof Error) {
+      return value;
+    }
+
+    if (value && typeof value === "object") {
+      if (value.error instanceof Error) {
+        return value.error;
+      }
+
+      if (typeof value.error === "string" && value.error.trim()) {
+        return new Error(value.error.trim());
+      }
+    }
+
+    if (typeof value === "string" && value.trim()) {
+      return new Error(value.trim());
+    }
+
+    if (value && typeof value === "object" && typeof value.reason === "string") {
+      const trimmed = value.reason.trim();
+      if (trimmed) {
+        return new Error(trimmed);
+      }
+    }
+
+    return new Error("publish failed");
+  };
+
+  const normalizeResult = (result, fallbackUrl = "") => {
+    if (result && typeof result === "object") {
+      const url = typeof result.url === "string" ? result.url : fallbackUrl;
+      const success = !!result.success;
+      const error = success ? null : normalizeFailureError(result);
+      return { url, success, error };
+    }
+
+    return {
+      url: fallbackUrl,
+      success: false,
+      error: normalizeFailureError(result),
+    };
+  };
+
+  const acceptancePromises = relayPromises.map((promise, index) =>
+    promise
+      .then((result) => {
+        const normalized = normalizeResult(
+          result,
+          Array.isArray(relays) ? relays[index] : "",
+        );
+        resultsBuffer[index] = normalized;
+        if (normalized.success) {
+          return normalized;
+        }
+
+        throw normalized;
+      })
+      .catch((reason) => {
+        const normalized = normalizeResult(
+          reason,
+          Array.isArray(relays) ? relays[index] : "",
+        );
+        if (typeof resultsBuffer[index] === "undefined") {
+          resultsBuffer[index] = normalized;
+        }
+        throw normalized;
+      })
+  );
+
+  const firstAcceptance = (() => {
+    if (!relayPromises.length) {
+      return Promise.reject(createError("publish-failed", resolveMessage));
+    }
+
+    return Promise.any(acceptancePromises).catch((aggregateError) => {
+      const error = createError("publish-failed", resolveMessage, aggregateError);
+      throw error;
+    });
+  })();
+
+  const allResults = Promise.allSettled(relayPromises).then((entries) => {
+    for (let index = 0; index < entries.length; index += 1) {
+      const entry = entries[index];
+      const fallbackUrl = Array.isArray(relays) ? relays[index] : "";
+      const result =
+        entry?.status === "fulfilled"
+          ? normalizeResult(entry.value, fallbackUrl)
+          : normalizeResult(entry?.reason, fallbackUrl);
+
+      if (typeof resultsBuffer[index] === "undefined") {
+        resultsBuffer[index] = result;
+      }
+    }
+
+    return resultsBuffer;
+  });
+
+  return { firstAcceptance, allResults, resultsBuffer };
+}
+
+async function persistNostrState(actorNpub, updates = {}) {
+  const nostrClient = requireNostrClient();
+  ensureNostrReady();
+  const permissionResult = await requestDefaultExtensionPermissions();
+  if (!permissionResult.ok) {
+    throw createError(
+      "extension-permission-denied",
+      "The NIP-07 extension must allow signing before updating admin lists.",
+      permissionResult.error,
+    );
+  }
+  const extension = window?.nostr;
+  if (!extension || typeof extension.signEvent !== "function") {
+    throw createError(
+      "nostr-extension-missing",
+      "A Nostr extension with signEvent support is required."
+    );
+  }
+
+  const actorHex = decodeNpubToHex(actorNpub);
+  if (!actorHex) {
+    throw createError("invalid npub", "Unable to decode the actor npub.");
+  }
+
+  const sanitizedUpdates = {};
+  const actorNormalized = normalizeNpub(actorNpub);
+
+  if (Array.isArray(updates.editors)) {
+    sanitizedUpdates.editors = sanitizeNpubList(updates.editors).filter((npub) => {
+      const normalized = normalizeNpub(npub);
+      return normalized && normalized !== normalizeNpub(ADMIN_SUPER_NPUB);
+    });
+  }
+
+  if (Array.isArray(updates.whitelist)) {
+    sanitizedUpdates.whitelist = sanitizeNpubList(updates.whitelist);
+  }
+
+  if (Array.isArray(updates.blacklist)) {
+    const editorGuard = new Set([
+      normalizeNpub(ADMIN_SUPER_NPUB),
+      ...ADMIN_EDITORS_NPUBS.map(normalizeNpub),
+      ...((sanitizedUpdates.editors || []).map(normalizeNpub) || []),
+    ]);
+
+    if (actorNormalized) {
+      editorGuard.add(actorNormalized);
+    }
+
+    sanitizedUpdates.blacklist = sanitizeNpubList(updates.blacklist).filter(
+      (npub) => {
+        const normalized = normalizeNpub(npub);
+        if (!normalized) {
+          return false;
+        }
+        if (editorGuard.has(normalized)) {
+          return false;
+        }
+        return true;
+      }
+    );
+  }
+
+  const entries = Object.entries(sanitizedUpdates).filter(([, value]) =>
+    Array.isArray(value)
+  );
+
+  if (!entries.length) {
+    return;
+  }
+
+  for (const [listKey, npubs] of entries) {
+    const event = buildListEvent(listKey, npubs, actorHex);
+
+    let signedEvent;
+    try {
+      signedEvent = await extension.signEvent(event);
+    } catch (error) {
+      throw createError("signature-failed", "Failed to sign admin list event.", error);
+    }
+
+    const relays = ensureNostrReady();
+    const { firstAcceptance, allResults } = publishListWithFirstAcceptance(
+      nostrClient.pool,
+      relays,
+      signedEvent,
+      { listKey },
+    );
+
+    const logSettledResults = allResults.then((results) => {
+      if (isDevMode) {
+        results
+          .filter((result) => !result?.success)
+          .forEach((result) => {
+            userLogger.warn(
+              `[adminListStore] Publish failed for ${listKey} on ${result.url}:`,
+              result.error,
+            );
+          });
+      }
+
+      return results;
+    });
+
+    try {
+      await firstAcceptance;
+    } catch (error) {
+      await logSettledResults.catch(() => {});
+      throw error;
+    }
+
+    logSettledResults.catch((loggingError) => {
+      devLogger.warn(
+        `[adminListStore] Failed to summarize publish results for ${listKey}:`,
+        loggingError,
+      );
+    });
+  }
+}
+
+export async function loadAdminState() {
+  if (ADMIN_LIST_MODE !== "nostr" && isDevMode) {
+    userLogger.warn(
+      `[adminListStore] ADMIN_LIST_MODE "${ADMIN_LIST_MODE}" is deprecated. Defaulting to remote Nostr lists.`
+    );
+  }
+
+  let mergedState = null;
+  let cachedState = null;
+
+  try {
+    const nostrState = await loadNostrState();
+
+    mergedState = nostrState;
+    try {
+      const communityEntries = await loadCommunityBlacklistEntries();
+      if (Array.isArray(communityEntries) && communityEntries.length) {
+        const baseEditors = Array.isArray(nostrState?.editors)
+          ? nostrState.editors
+          : [];
+        const baseWhitelist = Array.isArray(nostrState?.whitelist)
+          ? nostrState.whitelist
+          : [];
+        const baseBlacklist = Array.isArray(nostrState?.blacklist)
+          ? nostrState.blacklist
+          : [];
+
+        mergedState = sanitizeAdminState({
+          editors: baseEditors,
+          whitelist: baseWhitelist,
+          blacklist: [...baseBlacklist, ...communityEntries],
+        });
+      }
+    } catch (error) {
+      devLogger.warn(
+        "[adminListStore] Failed to merge community blacklist entries:",
+        error,
+      );
+    }
+  } catch (error) {
+    devLogger.warn(
+      "[adminListStore] Failed to load admin lists from relays:",
+      error,
+    );
+
+    cachedState = readCachedAdminState();
+    if (cachedState) {
+      return cachedState;
+    }
+
+    throw error;
+  }
+
+  if (!cachedState) {
+    cachedState = readCachedAdminState();
+  }
+
+  if (mergedState) {
+    if (hasAnyEntries(mergedState)) {
+      writeCachedAdminState(mergedState);
+    } else if (cachedState && hasAnyEntries(cachedState)) {
+      return cachedState;
+    } else {
+      writeCachedAdminState(mergedState);
+    }
+  }
+
+  return mergedState || sanitizeAdminState();
+}
+
+export async function persistAdminState(actorNpub, updates) {
+  if (ADMIN_LIST_MODE !== "nostr" && isDevMode) {
+    userLogger.warn(
+      `[adminListStore] ADMIN_LIST_MODE "${ADMIN_LIST_MODE}" is deprecated. Remote lists are enforced.`
+    );
+  }
+
+  return persistNostrState(actorNpub, updates);
+}
+
+export const __adminListStoreTestHooks = Object.freeze({
+  extractNpubsFromEvent,
+  normalizeParticipantTagValue,
+  publishListWithFirstAcceptance,
+});
diff --git a/dist/js/app.js b/dist/js/app.js
new file mode 100644
index 00000000..0a5ea507
--- /dev/null
+++ b/dist/js/app.js
@@ -0,0 +1,10539 @@
+// js/app.js
+
+import { nostrClient } from "./nostrClientFacade.js";
+import { recordVideoView } from "./nostrViewEventsFacade.js";
+import { torrentClient } from "./webtorrent.js";
+import { emit } from "./embedDiagnostics.js";
+import {
+  isDevMode,
+  ADMIN_SUPER_NPUB,
+  ADMIN_DM_IMAGE_URL,
+  BITVID_WEBSITE_URL,
+  MAX_WALLET_DEFAULT_ZAP,
+  ALLOW_NSFW_CONTENT,
+} from "./config.js";
+import { accessControl } from "./accessControl.js";
+import { extractBtihFromMagnet, safeDecodeMagnet } from "./magnetUtils.js";
+import { deriveTorrentPlaybackConfig } from "./playbackUtils.js";
+import {
+  URL_FIRST_ENABLED,
+  getTrustedMuteHideThreshold,
+  getTrustedSpamHideThreshold,
+  DEFAULT_AUTOPLAY_BLOCK_THRESHOLD,
+  DEFAULT_BLUR_THRESHOLD,
+  DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD,
+  DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD,
+} from "./constants.js";
+import { attachHealthBadges } from "./gridHealth.js";
+import { attachUrlHealthBadges } from "./urlHealthObserver.js";
+import { updateVideoCardSourceVisibility } from "./utils/cardSourceVisibility.js";
+import { collectVideoTags } from "./utils/videoTags.js";
+import { normalizeHashtag } from "./utils/hashtagNormalization.js";
+import { sanitizeProfileMediaUrl } from "./utils/profileMedia.js";
+import { ADMIN_INITIAL_EVENT_BLACKLIST } from "./lists.js";
+import { userBlocks, USER_BLOCK_EVENTS } from "./userBlocks.js";
+import { relayManager } from "./relayManager.js";
+import {
+  createFeedEngine,
+  createActiveNostrSource,
+  createBlacklistFilterStage,
+  createDisinterestFilterStage,
+  createDedupeByRootStage,
+  createExploreDiversitySorter,
+  createExploreScorerStage,
+  createKidsAudienceFilterStage,
+  createKidsScorerStage,
+  createKidsScoreSorter,
+  createModerationStage,
+  createResolvePostedAtStage,
+  createTagPreferenceFilterStage,
+  createChronologicalSorter,
+  createSubscriptionAuthorsSource,
+  registerWatchHistoryFeed,
+} from "./feedEngine/index.js";
+import watchHistoryService from "./watchHistoryService.js";
+import r2Service from "./services/r2Service.js";
+import storageService from "./services/storageService.js";
+import {
+  getVideoNoteErrorMessage,
+  normalizeVideoNotePayload,
+} from "./services/videoNotePayload.js";
+import getAuthProvider, {
+  providers as authProviders,
+} from "./services/authProviders/index.js";
+import hashtagPreferences, {
+  HASHTAG_PREFERENCES_EVENTS,
+} from "./services/hashtagPreferencesService.js";
+import {
+  fetchProfileMetadata,
+  ensureProfileMetadataSubscription,
+} from "./services/profileMetadataService.js";
+import { getSidebarLoadingMarkup } from "./sidebarLoading.js";
+import { subscriptions } from "./subscriptions.js";
+import {
+  refreshActiveChannelVideoGrid,
+  clearChannelVideoCardRegistry,
+} from "./channelProfile.js";
+import { isWatchHistoryDebugEnabled } from "./watchHistoryDebug.js";
+import { devLogger, userLogger } from "./utils/logger.js";
+import createPopover from "./ui/overlay/popoverEngine.js";
+import moderationService from "./services/moderationService.js";
+import { sanitizeRelayList } from "./nostr/nip46Client.js";
+import { buildDmRelayListEvent, buildShareEvent } from "./nostrEventSchemas.js";
+import {
+  publishEventToRelays,
+  assertAnyRelayAccepted,
+} from "./nostrPublish.js";
+import {
+  getActiveSigner,
+  onActiveSignerChanged,
+} from "./nostrClientRegistry.js";
+import { queueSignEvent } from "./nostr/signRequestQueue.js";
+import { DEFAULT_NIP07_CORE_METHODS } from "./nostr/nip07Permissions.js";
+import {
+  initViewCounter,
+  subscribeToVideoViewCount,
+  unsubscribeFromVideoViewCount,
+  formatViewCount,
+  ingestLocalViewEvent,
+} from "./viewCounter.js";
+import { splitAndZap as splitAndZapDefault } from "./payments/zapSplit.js";
+import {
+  formatAbsoluteTimestamp as formatAbsoluteTimestampUtil,
+  formatAbsoluteDateWithOrdinal as formatAbsoluteDateWithOrdinalUtil,
+  formatTimeAgo as formatTimeAgoUtil,
+  truncateMiddle,
+  formatShortNpub,
+} from "./utils/formatters.js";
+import reactionCounter from "./reactionCounter.js";
+import {
+  escapeHTML as escapeHtml,
+} from "./utils/domUtils.js";
+import {
+  prepareStaticModal,
+  openStaticModal,
+  closeStaticModal,
+} from "./ui/components/staticModalAccessibility.js";
+import LoginModalController from "./ui/loginModalController.js";
+import EditModalController from "./ui/editModalController.js";
+import RevertModalController from "./ui/revertModalController.js";
+import TagPreferenceMenuController from "./ui/tagPreferenceMenuController.js";
+import ReactionController from "./ui/reactionController.js";
+import { pointerArrayToKey } from "./utils/pointer.js";
+import resolveVideoPointer, {
+  buildVideoAddressPointer,
+} from "./utils/videoPointer.js";
+import { isValidMagnetUri } from "./utils/magnetValidators.js";
+import { dedupeToNewestByRoot } from "./utils/videoDeduper.js";
+import { buildServiceWorkerFallbackStatus } from "./utils/serviceWorkerFallbackMessages.js";
+import { batchFetchProfilesFromRelays } from "./utils/profileBatchFetcher.js";
+import {
+  getVideoRootIdentifier,
+  applyRootTimestampToVideosMap,
+  syncActiveVideoRootTimestamp,
+} from "./utils/videoTimestamps.js";
+import { getDesignSystemMode as getCanonicalDesignSystemMode } from "./designSystem.js";
+import { getHashViewName, setHashView } from "./hashView.js";
+import {
+  getPubkey as getStoredPubkey,
+  setPubkey as setStoredPubkey,
+  getCurrentUserNpub as getStoredCurrentUserNpub,
+  setCurrentUserNpub as setStoredCurrentUserNpub,
+  getCurrentVideo as getStoredCurrentVideo,
+  setCurrentVideo as setStoredCurrentVideo,
+  setModalState as setGlobalModalState,
+  subscribeToAppStateKey,
+} from "./state/appState.js";
+import {
+  getSavedProfiles,
+  getActiveProfilePubkey,
+  setActiveProfilePubkey as setStoredActiveProfilePubkey,
+  setSavedProfiles,
+  persistSavedProfiles,
+  getProfileCacheMap,
+  getCachedUrlHealth as readCachedUrlHealth,
+  storeUrlHealth as persistUrlHealth,
+  setInFlightUrlProbe,
+  getInFlightUrlProbe,
+  getModerationOverride,
+  setModerationOverride,
+  clearModerationOverride,
+  loadModerationOverridesFromStorage,
+  getModerationSettings,
+  getDefaultModerationSettings,
+  setModerationSettings,
+  resetModerationSettings,
+  loadModerationSettingsFromStorage,
+  loadDmPrivacySettingsFromStorage,
+  URL_PROBE_TIMEOUT_MS,
+  urlHealthConstants,
+} from "./state/cache.js";
+import ApplicationBootstrap from "./ui/applicationBootstrap.js";
+import EngagementController from "./ui/engagementController.js";
+import SimilarContentController from "./ui/similarContentController.js";
+import UrlHealthController from "./ui/urlHealthController.js";
+import VideoModalCommentController from "./ui/videoModalCommentController.js";
+import VideoModalController from "./ui/videoModalController.js";
+import TorrentStatusController from "./ui/torrentStatusController.js";
+import ShareNostrController from "./ui/shareNostrController.js";
+import ModerationActionController from "./services/moderationActionController.js";
+import ModerationDecorator from "./services/moderationDecorator.js";
+import { bootstrapTrustedSeeds } from "./services/trustBootstrap.js";
+
+const recordVideoViewApi = (...args) => recordVideoView(nostrClient, ...args);
+
+const UNSUPPORTED_BTITH_MESSAGE =
+  "This magnet link is missing a compatible BitTorrent v1 info hash.";
+
+const FALLBACK_THUMBNAIL_SRC = "/assets/jpg/video-thumbnail-fallback.jpg";
+const VIDEO_EVENT_KIND = 30078;
+const HEX64_REGEX = /^[0-9a-f]{64}$/i;
+const RELAY_UI_BATCH_DELAY_MS = 250;
+/**
+ * Simple IntersectionObserver-based lazy loader for images (or videos).
+ *
+ * Usage:
+ *   const mediaLoader = new MediaLoader();
+ *   mediaLoader.observe(imgElement);
+ *
+ * This will load the real image source from `imgElement.dataset.lazy`
+ * once the image enters the viewport.
+ */
+class Application {
+  get pubkey() {
+    return getStoredPubkey();
+  }
+
+  set pubkey(value) {
+    setStoredPubkey(value ?? null);
+  }
+
+  get currentUserNpub() {
+    return getStoredCurrentUserNpub();
+  }
+
+  set currentUserNpub(value) {
+    setStoredCurrentUserNpub(value ?? null);
+  }
+
+  get currentVideo() {
+    return getStoredCurrentVideo();
+  }
+
+  set currentVideo(value) {
+    setStoredCurrentVideo(value ?? null);
+  }
+
+  get activeProfilePubkey() {
+    return getActiveProfilePubkey();
+  }
+
+  get savedProfiles() {
+    return getSavedProfiles();
+  }
+
+  constructor({ services = {}, ui = {}, helpers = {}, loadView: viewLoader } = {}) {
+    this.loadView = typeof viewLoader === "function" ? viewLoader : null;
+
+    const bootstrapServices = {
+      ...services,
+      torrentClient,
+      deriveTorrentPlaybackConfig,
+      isValidMagnetUri,
+      authProviders,
+      getAuthProvider,
+    };
+
+    this.bootstrapper = new ApplicationBootstrap({
+      app: this,
+      services: bootstrapServices,
+      ui,
+      helpers,
+      documentRef: typeof document !== "undefined" ? document : null,
+      windowRef: typeof window !== "undefined" ? window : null,
+      assets: {
+        fallbackThumbnailSrc: FALLBACK_THUMBNAIL_SRC,
+        unsupportedBtihMessage: UNSUPPORTED_BTITH_MESSAGE,
+      },
+    });
+
+    const { modalManager } = this.bootstrapper.initialize();
+    this.modalManager = modalManager;
+
+    this.videoModalController = new VideoModalController({
+      getVideoModal: () => this.videoModal,
+      callbacks: {
+        showError: (msg) => this.showError(msg),
+        getLastModalTrigger: () => this.lastModalTrigger,
+        setLastModalTrigger: (val) => this.setLastModalTrigger(val),
+        getCurrentVideo: () => this.currentVideo,
+      },
+    });
+
+    this.modalCreatorProfileRequestToken = null;
+    this.dmRecipientPubkey = null;
+    this.dmRelayHints = new Map();
+    this.authLoadingState = { profile: "idle", lists: "idle", dms: "idle" };
+    this.permissionPromptShownForSession = false;
+    this.permissionPromptVisible = false;
+    this.permissionPromptInFlight = false;
+    this.permissionPromptPending = new Set();
+    this.relayUiRefreshTimeout = null;
+    this.lastRelayHealthWarningAt = 0;
+    this.appStartedAt = Date.now();
+    this.activeIntervals = [];
+    this.torrentStatusIntervalId = null;
+    this.torrentStatusNodes = null;
+    this.torrentStatusVisibilityHandler = null;
+    this.torrentStatusPageHideHandler = null;
+    this.urlProbePromises = new Map();
+
+    this.commentController = null;
+    this.initializeCommentController();
+
+    this.torrentStatusController = new TorrentStatusController({
+      getVideoModal: () => this.videoModal,
+      onRemovePoster: (reason) => this.forceRemoveModalPoster(reason),
+    });
+
+    this.reactionController = new ReactionController({
+      services: { reactionCounter },
+      ui: {
+        getVideoModal: () => this.videoModal,
+        showError: (msg) => this.showError(msg),
+      },
+      state: {
+        getCurrentVideo: () => this.currentVideo,
+        getCurrentVideoPointer: () => this.currentVideoPointer,
+        getCurrentVideoPointerKey: () => this.currentVideoPointerKey,
+      },
+      callbacks: {
+        isUserLoggedIn: () => this.isUserLoggedIn(),
+        normalizeHexPubkey: (val) => this.normalizeHexPubkey(val),
+        getPubkey: () => this.pubkey,
+      },
+    });
+
+    this.unsubscribeFromPubkeyState = subscribeToAppStateKey(
+      "pubkey",
+      (next, previous) => {
+        if (next !== previous) {
+          this.renderSavedProfiles();
+          this.updateShareNostrAuthState({ reason: "pubkey-change" });
+          if (
+            this.reactionController &&
+            this.currentVideoPointer &&
+            this.currentVideoPointerKey
+          ) {
+            this.reactionController.subscribe(
+              this.currentVideoPointer,
+              this.currentVideoPointerKey
+            );
+          }
+        }
+      }
+    );
+
+    this.unsubscribeFromCurrentUserState = subscribeToAppStateKey(
+      "currentUserNpub",
+      (next) => {
+        if (this.userPubKey) {
+          this.userPubKey.textContent = next || "";
+        }
+      }
+    );
+
+    this.tagPreferenceMenuController = new TagPreferenceMenuController({
+      services: { hashtagPreferences },
+      callbacks: {
+        isLoggedIn: () => this.isUserLoggedIn(),
+        getMembership: (tag) => this.getTagPreferenceMembership(tag),
+        showError: (msg) => this.showError(msg),
+        describeError: (err, opts) =>
+          this.describeHashtagPreferencesError(err, opts),
+        onPreferenceUpdate: () => {
+          this.updateCachedHashtagPreferences();
+          this.refreshTagPreferenceUi();
+        },
+        onMenuOpen: (trigger) => {
+          this.closeVideoSettingsMenu({ restoreFocus: false });
+          this.closeAllMoreMenus({
+            restoreFocus: false,
+            skipTrigger: trigger,
+            skipView: true,
+          });
+        },
+        getPubkey: () => this.normalizeHexPubkey(this.pubkey),
+      },
+      helpers: {
+        createPopover,
+        getDesignSystem: () => this.designSystemContext,
+      },
+    });
+
+    this.moderationDecorator = new ModerationDecorator({
+      getProfileCacheEntry: (pubkey) => this.getProfileCacheEntry(pubkey),
+    });
+
+    this.urlHealthController = new UrlHealthController({
+      state: {
+        getCachedUrlHealth: (eventId, url) =>
+          this.getCachedUrlHealth(eventId, url),
+        storeUrlHealth: (eventId, url, result, ttl) =>
+          this.storeUrlHealth(eventId, url, result, ttl),
+        getInFlightUrlProbe,
+        setInFlightUrlProbe,
+      },
+      utils: {
+        updateVideoCardSourceVisibility,
+      },
+      logger: devLogger,
+      constants: {
+        URL_PROBE_TIMEOUT_MS,
+        urlHealthConstants,
+      },
+      callbacks: {
+        getVideoListView: () => this.videoListView,
+      },
+    });
+
+    this.engagementController = new EngagementController({
+      services: {
+        nostrClient,
+      },
+      ui: {
+        showError: (msg) => this.showError(msg),
+        showSuccess: (msg) => this.showSuccess(msg),
+        showStatus: (msg, opts) => this.showStatus(msg, opts),
+      },
+      state: {
+        getCurrentVideo: () => this.currentVideo,
+        getCurrentVideoPointer: () => this.currentVideoPointer,
+      },
+    });
+
+    this.shareNostrController = new ShareNostrController({
+      ui: {
+        showError: (msg) => this.showError(msg),
+        showSuccess: (msg) => this.showSuccess(msg),
+        getModal: () => this.shareNostrModal,
+      },
+      state: {
+        getPubkey: () => this.pubkey,
+        normalizeHexPubkey: (key) => this.normalizeHexPubkey(key),
+        getCurrentVideo: () => this.currentVideo,
+        buildShareUrlFromEventId: (id) => this.buildShareUrlFromEventId(id),
+      },
+    });
+
+    this.initializeModerationActionController();
+    this.initializeSimilarContentController();
+
+    this.editModalController = new EditModalController({
+      services: {
+        nostrService: {
+          fetchVideos: (...args) => this.nostrService.fetchVideos(...args),
+          handleEditVideoSubmit: (...args) =>
+            this.nostrService.handleEditVideoSubmit(...args),
+        },
+      },
+      state: {
+        getPubkey: () => this.pubkey,
+        getBlacklistedEventIds: () => this.blacklistedEventIds,
+        getVideosMap: () => this.videosMap,
+      },
+      ui: {
+        getEditModal: () => this.editModal,
+        showError: (msg) => this.showError(msg),
+        showSuccess: (msg) => this.showSuccess(msg),
+      },
+      callbacks: {
+        loadVideos: () => this.loadVideos(),
+        forceRefreshAllProfiles: () => this.forceRefreshAllProfiles(),
+        isAuthorBlocked: (pubkey) => this.isAuthorBlocked(pubkey),
+      },
+      helpers: {
+        normalizeActionTarget: (t) => this.normalizeActionTarget(t),
+        resolveVideoActionTarget: (opts) => this.resolveVideoActionTarget(opts),
+      },
+    });
+
+    this.revertModalController = new RevertModalController({
+      revertModal: this.modalManager?.revertModal,
+      services: {
+        nostrService: this.nostrService,
+        nostrClient: nostrClient,
+      },
+      state: {
+        getPubkey: () => this.pubkey,
+        getBlacklistedEventIds: () => this.blacklistedEventIds,
+      },
+      ui: {
+        showError: (msg) => this.showError(msg),
+        showSuccess: (msg) => this.showSuccess(msg),
+      },
+      callbacks: {
+        loadVideos: () => this.loadVideos(),
+        forceRefreshAllProfiles: () => this.forceRefreshAllProfiles(),
+        isAuthorBlocked: (pubkey) => this.isAuthorBlocked(pubkey),
+      },
+      helpers: {
+        normalizeActionTarget: (t) => this.normalizeActionTarget(t),
+        resolveVideoActionTarget: (opts) => this.resolveVideoActionTarget(opts),
+        formatAbsoluteTimestamp: (ts) => this.formatAbsoluteTimestamp(ts),
+      },
+    });
+
+    this.handleShareNostrSignerChange = () => {
+      this.updateShareNostrAuthState({ reason: "signer-change" });
+    };
+    onActiveSignerChanged(this.handleShareNostrSignerChange);
+    this.updateShareNostrAuthState({ reason: "init" });
+  }
+
+  get modalVideo() {
+    return this.videoModal ? this.videoModal.getVideoElement() : null;
+  }
+
+  set modalVideo(videoElement) {
+    if (this.videoModal) {
+      this.videoModal.setVideoElement(videoElement);
+    }
+  }
+
+  loadSavedProfilesFromStorage() {
+    const result = this.authService.loadSavedProfilesFromStorage();
+    this.renderSavedProfiles();
+    return result;
+  }
+
+  syncSavedProfileFromCache(pubkey, { persist = false } = {}) {
+    const updated = this.authService.syncSavedProfileFromCache(pubkey, {
+      persist,
+    });
+    if (updated) {
+      this.renderSavedProfiles();
+    }
+    return updated;
+  }
+
+  loadProfileCacheFromStorage() {
+    this.authService.loadProfileCacheFromStorage();
+  }
+
+  persistProfileCacheToStorage() {
+    this.authService.persistProfileCache();
+  }
+
+  getProfileCacheEntry(pubkey) {
+    return this.authService.getProfileCacheEntry(pubkey);
+  }
+
+  setProfileCacheEntry(pubkey, profile) {
+    return this.authService.setProfileCacheEntry(pubkey, profile);
+  }
+
+  persistActiveProfileSelection(pubkey, { persist = true } = {}) {
+    setStoredActiveProfilePubkey(pubkey, { persist });
+    this.renderSavedProfiles();
+  }
+
+  prepareForViewLoad() {
+    clearChannelVideoCardRegistry();
+    if (this.videoListView) {
+      this.videoListView.destroy();
+    }
+
+    this.videoList = null;
+    if (this.videoListPopularTags) {
+      this.videoListPopularTags.textContent = "";
+      this.videoListPopularTags.hidden = true;
+    }
+    this.videoListPopularTags = null;
+
+    if (this.mediaLoader && typeof this.mediaLoader.disconnect === "function") {
+      this.mediaLoader.disconnect();
+    }
+  }
+
+  forceRefreshAllProfiles() {
+    // 1) Grab the newest set of videos from nostrClient
+    const activeVideos = nostrClient.getActiveVideos();
+
+    // 2) Build a unique set of pubkeys
+    const uniqueAuthors = new Set(activeVideos.map((v) => v.pubkey));
+
+    // 3) For each author, fetchAndRenderProfile with forceRefresh = true
+    for (const authorPubkey of uniqueAuthors) {
+      this.authService.fetchAndRenderProfile(authorPubkey, true);
+    }
+  }
+
+  getCurrentUserNpub() {
+    return this.currentUserNpub;
+  }
+
+  isAuthorBlocked(pubkey) {
+    try {
+      const normalized = this.normalizeHexPubkey(pubkey);
+      if (userBlocks && typeof userBlocks.isBlocked === "function") {
+        if (normalized && userBlocks.isBlocked(normalized)) {
+          return true;
+        }
+      }
+
+      if (!this.isUserLoggedIn()) {
+        if (
+          normalized &&
+          moderationService &&
+          typeof moderationService.getTrustedMutersForAuthor === "function"
+        ) {
+          const muters = moderationService.getTrustedMutersForAuthor(normalized);
+          const threshold = getTrustedMuteHideThreshold();
+          if (Array.isArray(muters) && muters.length >= threshold) {
+            return true;
+          }
+        }
+      }
+    } catch (error) {
+      devLogger.warn("[Application] Failed to evaluate block status:", error);
+    }
+
+    return false;
+  }
+
+  async init() {
+    try {
+      if (typeof this.loadView !== "function") {
+        const module = await import("./viewManager.js");
+        this.loadView = module?.loadView || null;
+      }
+
+      if (nostrClient && typeof nostrClient.warmupExtension === "function") {
+        nostrClient.warmupExtension();
+      }
+
+      // Force update of any registered service workers to ensure latest code is used.
+      if ("serviceWorker" in navigator) {
+        navigator.serviceWorker.getRegistrations().then((registrations) => {
+          registrations.forEach((registration) => registration.update());
+        });
+      }
+
+      this.authService.hydrateFromStorage();
+      this.renderSavedProfiles();
+
+      loadModerationOverridesFromStorage();
+      loadModerationSettingsFromStorage();
+      loadDmPrivacySettingsFromStorage();
+      this.moderationSettings = this.normalizeModerationSettings(
+        getModerationSettings(),
+      );
+
+      const videoModalPromise = this.videoModal.load().then(() => {
+        const modalRoot = this.videoModal.getRoot();
+        if (modalRoot) {
+          this.attachMoreMenuHandlers(modalRoot);
+        }
+        if (
+          this.videoModal &&
+          typeof this.videoModal.addEventListener === "function"
+        ) {
+          this.videoModal.addEventListener("video:share-nostr", (event) => {
+            this.openShareNostrModal({
+              video: event?.detail?.video || null,
+              triggerElement: event?.detail?.trigger || null,
+            });
+          });
+
+          this.videoModal.addEventListener("video:copy-cdn", (event) => {
+            const video = event?.detail?.video || this.currentVideo;
+            const url = video?.url || "";
+            if (!url) {
+              this.showError("No CDN link available to copy.");
+              return;
+            }
+            navigator.clipboard
+              .writeText(url)
+              .then(() => this.showSuccess("CDN link copied to clipboard!"))
+              .catch(() => this.showError("Failed to copy CDN link."));
+          });
+
+          this.videoModal.addEventListener("video:copy-magnet", () => {
+            this.handleCopyMagnet();
+          });
+
+          this.videoModal.addEventListener("playback:switch-source", (event) => {
+            const detail = event?.detail || {};
+            const { source } = detail;
+            if (!source) {
+              return;
+            }
+            const modalVideo = detail?.video || null;
+            const fallbackVideo = this.currentVideo || null;
+            const video = {
+              ...(fallbackVideo || {}),
+              ...(modalVideo || {}),
+            };
+            const urlCandidate =
+              typeof video.url === "string" ? video.url.trim() : "";
+            const magnetCandidate =
+              typeof video.magnet === "string" ? video.magnet.trim() : "";
+
+            if (!modalVideo && !fallbackVideo) {
+              devLogger.warn("[app] Playback source switch missing video data.");
+              return;
+            }
+
+            const magnetAvailable = Boolean(magnetCandidate);
+            const cachedStreamHealth =
+              video?.id && this.streamHealthSnapshots instanceof Map
+                ? this.streamHealthSnapshots.get(video.id)
+                : null;
+            const cachedPeers = Number.isFinite(cachedStreamHealth?.peers)
+              ? cachedStreamHealth.peers
+              : null;
+            const hasActivePeers =
+              cachedPeers === null ? null : cachedPeers > 0;
+            const cachedUrlHealth =
+              video?.id && urlCandidate
+                ? this.getCachedUrlHealth(video.id, urlCandidate)
+                : null;
+            const cdnUnavailable =
+              !urlCandidate ||
+              ["offline", "timeout"].includes(cachedUrlHealth?.status);
+
+            if (source === "torrent" && !magnetAvailable) {
+              userLogger.warn(
+                "[app] Unable to switch to torrent playback: missing magnet.",
+              );
+              this.showError(
+                "Torrent playback is unavailable for this video. No magnet was provided.",
+              );
+              return;
+            }
+
+            if (source === "torrent" && hasActivePeers === false) {
+              userLogger.warn(
+                "[app] Switching to torrent playback despite 0 active peers detected.",
+              );
+              this.showStatus(
+                "Warning: No peers detected. Playback may fail or stall.",
+                { autoHideMs: 5000 }
+              );
+              // Proceed anyway
+            }
+
+            if (source === "url" && cdnUnavailable) {
+              userLogger.warn(
+                "[app] Unable to switch to CDN playback: URL unavailable.",
+              );
+              this.showError(
+                "CDN playback is unavailable right now, staying on the torrent stream.",
+              );
+              return;
+            }
+
+            if (this.playSource && source === this.playSource) {
+              return;
+            }
+
+            this.playVideoWithFallback({
+              url: urlCandidate,
+              magnet: magnetCandidate,
+              forcedSource: source,
+            }).catch((error) => {
+              devLogger.warn(
+                "[app] Failed to switch playback source:",
+                error,
+              );
+            });
+          });
+        }
+      });
+
+      const uploadModalPromise = this.uploadModal.load().catch((error) => {
+        devLogger.error("initUploadModal failed:", error);
+        this.showError(`Failed to initialize upload modal: ${error.message}`);
+      });
+
+      const editModalPromise = this.editModal.load().catch((error) => {
+        devLogger.error("Failed to load edit modal:", error);
+        this.showError(`Failed to initialize edit modal: ${error.message}`);
+      });
+
+      const profileModalPromise = this.profileController
+        ? this.profileController
+            .load()
+            .then(() => {
+              try {
+                this.renderSavedProfiles();
+              } catch (error) {
+                devLogger.warn(
+                  "[profileModal] Failed to render saved profiles after load:",
+                  error,
+                );
+              }
+
+              try {
+                this.profileController.refreshWalletPaneState();
+              } catch (error) {
+                devLogger.warn(
+                  "[profileModal] Failed to refresh wallet pane after load:",
+                  error,
+                );
+              }
+              return true;
+            })
+            .catch((error) => {
+              devLogger.error("Failed to load profile modal:", error);
+              return false;
+            })
+        : Promise.resolve(false);
+
+      const modalBootstrapPromise = Promise.all([
+        videoModalPromise,
+        uploadModalPromise,
+        editModalPromise,
+        profileModalPromise,
+      ]);
+
+      // Initialize the pool early to unblock bootstrapTrustedSeeds,
+      // but do NOT await the full connection process here.
+      try {
+        await nostrClient.ensurePool();
+      } catch (poolError) {
+        devLogger.warn("[app.init()] Pool ensure failed:", poolError);
+      }
+
+      // Kick off relay connection in the background.
+      const nostrInitPromise = nostrClient.init().catch((err) => {
+        devLogger.warn("[app.init()] Background nostrClient.init failed:", err);
+      });
+
+      await modalBootstrapPromise;
+
+      try {
+        await bootstrapTrustedSeeds();
+      } catch (error) {
+        devLogger.warn("[app.init()] Trusted seed bootstrap failed:", error);
+      }
+
+      try {
+        initViewCounter({ nostrClient });
+      } catch (error) {
+        devLogger.warn("Failed to initialize view counter:", error);
+      }
+
+      const accessControlPromise = accessControl
+        .refresh()
+        .then(() => {
+          if (
+            accessControl.lastError &&
+            accessControl.lastError?.code === "nostr-unavailable"
+          ) {
+            devLogger.warn(
+              "[app.init()] Access control refresh should not run before nostrClient.init()",
+              accessControl.lastError
+            );
+          }
+        })
+        .catch((error) => {
+          devLogger.warn(
+            "Failed to refresh admin lists after connecting to Nostr:",
+            error
+          );
+        });
+
+      const adminPanePromise = this.profileController
+        ? Promise.resolve()
+            .then(() => this.profileController.refreshAdminPaneState())
+            .catch((error) => {
+              devLogger.warn(
+                "Failed to update admin pane after connecting to Nostr:",
+                error,
+              );
+            })
+        : Promise.resolve(null);
+
+      // await Promise.all([accessControlPromise, adminPanePromise]);
+
+      const syncSessionActorBlacklist = async (trigger) => {
+        if (this.pubkey) {
+          return;
+        }
+
+        const sessionActorPubkey = nostrClient.sessionActor?.pubkey;
+        if (!sessionActorPubkey) {
+          return;
+        }
+
+        const blacklist = accessControl.getBlacklist();
+        try {
+          await userBlocks.seedBaselineDelta(
+            sessionActorPubkey,
+            Array.from(blacklist || []),
+          );
+        } catch (error) {
+          devLogger.warn(
+            `[app.init()] Failed to sync session actor blacklist${
+              trigger ? ` (${trigger})` : ""
+            }:`,
+            error,
+          );
+        }
+      };
+
+      const handleSessionActorReady = async ({ pubkey, reason } = {}) => {
+        if (this.pubkey) {
+          return;
+        }
+
+        const normalizedPubkey = this.normalizeHexPubkey(pubkey);
+        if (!normalizedPubkey) {
+          return;
+        }
+
+        const triggerLabel = reason ? `session-actor-${reason}` : "session-actor";
+        await syncSessionActorBlacklist(triggerLabel);
+
+        const refreshReason = "session-actor-ready";
+        if (typeof this.refreshVisibleModerationUi === "function") {
+          try {
+            this.refreshVisibleModerationUi({ reason: refreshReason });
+          } catch (error) {
+            devLogger.warn(
+              "[app.init()] Failed to refresh moderation UI after session actor:",
+              error,
+            );
+          }
+        } else {
+          this.refreshAllVideoGrids({
+            reason: refreshReason,
+            forceMainReload: true,
+          }).catch((error) => {
+            devLogger.warn(
+              "[app.init()] Failed to refresh video grids after session actor:",
+              error,
+            );
+          });
+        }
+      };
+
+      if (typeof nostrClient.onSessionActorChange === "function") {
+        nostrClient.onSessionActorChange((detail) => {
+          handleSessionActorReady(detail).catch((error) => {
+            devLogger.warn(
+              "[app.init()] Failed to process session actor change:",
+              error,
+            );
+          });
+        });
+      }
+
+      await syncSessionActorBlacklist("post-refresh");
+
+      if (typeof accessControl.onBlacklistChange === "function") {
+        accessControl.onBlacklistChange(() => {
+          syncSessionActorBlacklist("blacklist-change");
+          if (this.isUserLoggedIn()) {
+            return;
+          }
+
+          const refreshReason = "admin-blacklist-change";
+          this.refreshAllVideoGrids({
+            reason: refreshReason,
+            forceMainReload: true,
+          }).catch((error) => {
+            devLogger.warn(
+              "[app.init()] Failed to refresh video grids after admin blacklist change:",
+              error,
+            );
+          });
+
+          if (typeof this.refreshVisibleModerationUi === "function") {
+            try {
+              this.refreshVisibleModerationUi({ reason: refreshReason });
+            } catch (error) {
+              devLogger.warn(
+                "[app.init()] Failed to refresh moderation UI after admin blacklist change:",
+                error,
+              );
+            }
+          }
+        });
+      }
+
+      if (typeof accessControl.onWhitelistChange === "function") {
+        accessControl.onWhitelistChange(() => {
+          const refreshReason = "admin-whitelist-change";
+          this.refreshAllVideoGrids({
+            reason: refreshReason,
+            forceMainReload: true,
+          }).catch((error) => {
+            devLogger.warn(
+              "[app.init()] Failed to refresh video grids after admin whitelist change:",
+              error,
+            );
+          });
+        });
+      }
+
+      // Grab the "Subscriptions" link by its id in the sidebar
+      this.subscriptionsLink = document.getElementById("subscriptionsLink");
+
+      this.syncAuthUiState();
+
+      if (typeof window !== "undefined") {
+        window.addEventListener("bitvid:auth-changed", (event) => {
+          const detail = event.detail || {};
+          const previousPubkey = detail.previousPubkey;
+
+          if (previousPubkey && typeof storageService !== "undefined" && typeof storageService.lock === "function") {
+            storageService.lock(previousPubkey);
+          }
+
+          if (this.uploadModal && typeof this.uploadModal.refreshState === "function") {
+            this.uploadModal.refreshState();
+          }
+        });
+      }
+
+      const savedPubKey = this.activeProfilePubkey;
+      if (savedPubKey) {
+        // Auto-login if a pubkey was saved
+        try {
+          await this.authService.login(savedPubKey, { persistActive: false });
+        } catch (error) {
+          devLogger.error("Auto-login failed:", error);
+          if (error && error.code === "site-lockdown") {
+            const message = this.describeLoginError(
+              error,
+              "Auto-login failed. Please sign in again once lockdown ends.",
+            );
+            this.showStatus(message, { autoHideMs: 12000 });
+          }
+        }
+      }
+
+      // 5. Setup general event listeners
+      this.setupEventListeners();
+
+      const watchHistoryInitPromise =
+        this.watchHistoryTelemetry?.initPreferenceSync?.().catch((error) => {
+          devLogger.warn(
+            "[app.init()] Failed to initialize watch history metadata sync:",
+            error
+          );
+        }) || Promise.resolve();
+
+      await watchHistoryInitPromise;
+
+      // 9. Check URL ?v= param
+      this.checkUrlParams();
+
+    } catch (error) {
+      devLogger.error("Init failed:", error);
+      this.showError("Failed to connect to Nostr relay");
+    }
+  }
+
+  goToProfile(pubkey) {
+    if (typeof pubkey !== "string") {
+      this.showError("No creator info available.");
+      return;
+    }
+
+    let candidate = pubkey.trim();
+    if (!candidate) {
+      this.showError("No creator info available.");
+      return;
+    }
+
+    if (candidate.startsWith("nostr:")) {
+      candidate = candidate.slice("nostr:".length);
+    }
+
+    const normalizedHex = this.normalizeHexPubkey(candidate);
+    const npub = normalizedHex ? this.safeEncodeNpub(normalizedHex) : null;
+
+    if (!npub) {
+      devLogger.warn(
+        "[Application] Invalid pubkey for profile navigation:",
+        candidate,
+      );
+      this.showError("Invalid creator profile.");
+      return;
+    }
+
+    window.location.hash = `#view=channel-profile&npub=${npub}`;
+  }
+
+  openCreatorChannel() {
+    if (!this.currentVideo || !this.currentVideo.pubkey) {
+      this.showError("No creator info available.");
+      return;
+    }
+
+    try {
+      // Encode the hex pubkey to npub
+      const npub = window.NostrTools.nip19.npubEncode(this.currentVideo.pubkey);
+
+      // Close the video modal
+      this.hideModal();
+
+      // Switch to channel profile view
+      window.location.hash = `#view=channel-profile&npub=${npub}`;
+    } catch (err) {
+      devLogger.error("Failed to open creator channel:", err);
+      this.showError("Could not open channel.");
+    }
+  }
+
+  openWalletPane() {
+    if (
+      !this.profileController ||
+      typeof this.profileController.showWalletPane !== "function"
+    ) {
+      devLogger.warn(
+        "[Application] Wallet pane requested before profile controller initialized.",
+      );
+      return Promise.resolve(false);
+    }
+
+    try {
+      const result = this.profileController.showWalletPane();
+      if (result && typeof result.then === "function") {
+        return result.catch((error) => {
+          devLogger.error("[Application] Failed to open wallet pane:", error);
+          throw error;
+        });
+      }
+      return Promise.resolve(result);
+    } catch (error) {
+      devLogger.error("[Application] Failed to open wallet pane:", error);
+      return Promise.reject(error);
+    }
+  }
+
+  dispatchAuthChange(detail = {}) {
+    if (typeof window === "undefined" || typeof window.dispatchEvent !== "function") {
+      return false;
+    }
+
+    try {
+      const payload = { ...(typeof detail === "object" && detail ? detail : {}) };
+      window.dispatchEvent(new CustomEvent("bitvid:auth-changed", { detail: payload }));
+      return true;
+    } catch (error) {
+      devLogger.warn("[Application] Failed to dispatch auth change event:", error);
+      return false;
+    }
+  }
+
+  dispatchAuthLoadingState(detail = {}) {
+    if (typeof window === "undefined" || typeof window.dispatchEvent !== "function") {
+      return false;
+    }
+
+    try {
+      const payload = { ...(typeof detail === "object" && detail ? detail : {}) };
+      window.dispatchEvent(new CustomEvent("bitvid:auth-loading-state", { detail: payload }));
+      return true;
+    } catch (error) {
+      devLogger.warn("[Application] Failed to dispatch auth loading state:", error);
+      return false;
+    }
+  }
+
+  updateAuthLoadingState(partial = {}) {
+    const baseState =
+      this.authLoadingState && typeof this.authLoadingState === "object"
+        ? this.authLoadingState
+        : { profile: "idle", lists: "idle", dms: "idle" };
+    const nextState = {
+      ...baseState,
+      ...(partial && typeof partial === "object" ? partial : {}),
+    };
+    this.authLoadingState = nextState;
+
+    const root = typeof document !== "undefined" ? document.documentElement : null;
+    if (root) {
+      root.dataset.authProfileLoading = nextState.profile || "idle";
+      root.dataset.authListsLoading = nextState.lists || "idle";
+      root.dataset.authDmsLoading = nextState.dms || "idle";
+    }
+
+    this.dispatchAuthLoadingState(nextState);
+    return nextState;
+  }
+
+  normalizeModalTrigger(candidate) {
+    if (!candidate) {
+      return null;
+    }
+    const doc =
+      (this.videoModal && this.videoModal.document) ||
+      (typeof document !== "undefined" ? document : null);
+    const isElement =
+      typeof candidate === "object" &&
+      candidate !== null &&
+      typeof candidate.nodeType === "number" &&
+      candidate.nodeType === 1 &&
+      typeof candidate.focus === "function";
+    if (!isElement) {
+      return null;
+    }
+    if (doc && typeof doc.contains === "function" && !doc.contains(candidate)) {
+      return null;
+    }
+    return candidate;
+  }
+
+  setLastModalTrigger(candidate) {
+    this.lastModalTrigger = this.normalizeModalTrigger(candidate);
+    return this.lastModalTrigger;
+  }
+
+  getDesignSystemMode() {
+    return getCanonicalDesignSystemMode();
+  }
+
+  isDesignSystemNew() {
+    return true;
+  }
+
+  /**
+   * Show the modal and set the "Please stand by" poster on the video.
+   */
+  async showModalWithPoster(video = this.currentVideo, options = {}) {
+    const result = await this.videoModalController.showModalWithPoster(video, options);
+    this.cacheTorrentStatusNodes();
+    return result;
+  }
+
+  applyModalLoadingPoster() {
+    this.videoModalController.applyModalLoadingPoster();
+  }
+
+  forceRemoveModalPoster(reason = "manual-clear") {
+    return this.videoModalController.forceRemoveModalPoster(reason);
+  }
+
+  async ensureVideoModalReady({ ensureVideoElement = false } = {}) {
+    const result = await this.videoModalController.ensureVideoModalReady({ ensureVideoElement });
+    this.modalVideo = result.videoElement;
+    return result;
+  }
+
+  initializeSimilarContentController() {
+    if (this.similarContentController) {
+      return;
+    }
+
+    this.similarContentController = new SimilarContentController({
+      services: {
+        nostrClient,
+      },
+      callbacks: {
+        isAuthorBlocked: (pubkey) => this.isAuthorBlocked(pubkey),
+        decorateVideoModeration: (video) => this.decorateVideoModeration(video),
+        decorateVideoCreatorIdentity: (video) => this.decorateVideoCreatorIdentity(video),
+      },
+      ui: {
+        videoModal: this.videoModal,
+      },
+      state: {
+        getVideoListView: () => this.videoListView,
+        getVideosMap: () => this.videosMap,
+      },
+      helpers: {
+        getKnownVideoPostedAt: (video) => this.getKnownVideoPostedAt(video),
+        buildShareUrlFromEventId: (id) => this.buildShareUrlFromEventId(id),
+        formatTimeAgo: (ts) => this.formatTimeAgo(ts),
+      }
+    });
+  }
+
+  extractDTagValue(tags) {
+    if (this.similarContentController) {
+      return this.similarContentController.extractDTagValue(tags);
+    }
+    // Fallback if controller not initialized (though it should be)
+    if (!Array.isArray(tags)) {
+      return "";
+    }
+    for (const tag of tags) {
+      if (!Array.isArray(tag) || tag.length < 2) {
+        continue;
+      }
+      if (tag[0] === "d" && typeof tag[1] === "string") {
+        return tag[1];
+      }
+    }
+    return "";
+  }
+
+  deriveVideoPointerInfo(video) {
+    if (this.similarContentController) {
+      return this.similarContentController.deriveVideoPointerInfo(video);
+    }
+    // Fallback if controller not initialized
+    if (!video || typeof video !== "object") {
+      return null;
+    }
+
+    const dTagValue = (this.extractDTagValue(video.tags) || "").trim();
+
+    return resolveVideoPointer({
+      kind: video.kind,
+      pubkey: video.pubkey,
+      videoRootId: video.videoRootId,
+      dTag: dTagValue,
+      fallbackEventId: video.id,
+      relay: video.relay,
+    });
+  }
+
+  computeSimilarContentCandidates(options = {}) {
+    if (this.similarContentController) {
+      return this.similarContentController.computeCandidates({
+        activeVideo: options.activeVideo || this.currentVideo,
+        maxItems: options.maxItems,
+      });
+    }
+    return [];
+  }
+
+  updateModalSimilarContent({ activeVideo = this.currentVideo, maxItems } = {}) {
+    if (this.similarContentController) {
+      this.similarContentController.ui.videoModal = this.videoModal;
+      this.similarContentController.updateModal({ activeVideo, maxItems });
+    }
+  }
+
+  formatViewCountLabel(total) {
+    const value = Number.isFinite(total) ? Number(total) : 0;
+    const label = value === 1 ? "view" : "views";
+    return `${formatViewCount(value)} ${label}`;
+  }
+
+  pruneDetachedViewCountElements() {
+    if (this.videoListView) {
+      this.videoListView.pruneDetachedViewCountElements();
+    }
+  }
+
+  teardownAllViewCountSubscriptions() {
+    if (this.videoListView) {
+      this.videoListView.teardownAllViewCountSubscriptions();
+    }
+  }
+
+  teardownModalViewCountSubscription() {
+    if (typeof this.modalViewCountUnsub === "function") {
+      try {
+        this.modalViewCountUnsub();
+      } catch (error) {
+        devLogger.warn("[viewCount] Failed to tear down modal subscription:", error);
+      }
+    }
+    this.modalViewCountUnsub = null;
+    if (this.videoModal) {
+      this.videoModal.updateViewCountLabel("– views");
+      this.videoModal.setViewCountPointer(null);
+    }
+  }
+
+
+  initializeCommentController() {
+    if (!this.commentThreadService || !this.videoModal) {
+      return;
+    }
+
+    if (this.commentController) {
+      return;
+    }
+
+    this.commentController = new VideoModalCommentController({
+      commentThreadService: this.commentThreadService,
+      videoModal: this.videoModal,
+      auth: {
+        isLoggedIn: () => this.isUserLoggedIn(),
+        initializeLoginModalController: (options) =>
+          this.initializeLoginModalController(options),
+        getLoginModalController: () => this.loginModalController,
+        requestLogin: (options) =>
+          this.authService?.requestLogin?.(options) ?? Promise.resolve(false),
+      },
+      callbacks: {
+        showError: (message) => this.showError(message),
+        showStatus: (message, options) => this.showStatus(message, options),
+        muteAuthor: (pubkey) => userBlocks.addBlock(pubkey, this.pubkey),
+        shouldHideAuthor: (pubkey) => this.shouldHideCommentAuthor(pubkey),
+      },
+      services: {
+        publishComment: (target, eventData) =>
+          nostrClient.publishVideoComment(target, eventData),
+      },
+      utils: {
+        normalizeHexPubkey: (value) => this.normalizeHexPubkey(value),
+      },
+    });
+  }
+
+  shouldHideCommentAuthor(pubkey) {
+    const normalized = this.normalizeHexPubkey(pubkey);
+    if (!normalized) {
+      return false;
+    }
+
+    if (userBlocks?.isBlocked?.(normalized)) {
+      return true;
+    }
+
+    try {
+      if (moderationService?.isAuthorMutedByViewer?.(normalized)) {
+        return true;
+      }
+    } catch (error) {
+      devLogger.warn("[comment] Failed to check viewer mute state:", error);
+    }
+
+    try {
+      if (moderationService?.isAuthorMutedByTrusted?.(normalized)) {
+        return true;
+      }
+    } catch (error) {
+      devLogger.warn("[comment] Failed to check trusted mute state:", error);
+    }
+
+    return false;
+  }
+
+  subscribeModalViewCount(pointer, pointerKey) {
+    const viewEl = this.videoModal?.getViewCountElement() || null;
+    if (!viewEl) {
+      return;
+    }
+
+    this.teardownModalViewCountSubscription();
+
+    if (!pointer || !pointerKey) {
+      return;
+    }
+
+    if (this.videoModal) {
+      this.videoModal.updateViewCountLabel("Loading views…");
+      this.videoModal.setViewCountPointer(pointerKey);
+    }
+    try {
+      const token = subscribeToVideoViewCount(pointer, ({ total, status, partial }) => {
+        const latestViewEl = this.videoModal?.getViewCountElement() || null;
+        if (!latestViewEl) {
+          return;
+        }
+
+        if (Number.isFinite(total)) {
+          const numeric = Number(total);
+          if (this.videoModal) {
+            const label = this.formatViewCountLabel(numeric);
+            this.videoModal.updateViewCountLabel(
+              partial ? `${label} (partial)` : label
+            );
+          }
+          latestViewEl.dataset.viewCountState = partial ? "partial" : "ready";
+          return;
+        }
+
+        if (status === "hydrating") {
+          if (this.videoModal) {
+            this.videoModal.updateViewCountLabel("Loading views…");
+          }
+          latestViewEl.dataset.viewCountState = "hydrating";
+        } else {
+          if (this.videoModal) {
+            this.videoModal.updateViewCountLabel("– views");
+          }
+          latestViewEl.dataset.viewCountState = status;
+        }
+      });
+
+      this.modalViewCountUnsub = () => {
+        try {
+          unsubscribeFromVideoViewCount(pointer, token);
+        } catch (error) {
+          devLogger.warn(
+            "[viewCount] Failed to unsubscribe modal view counter:",
+            error
+          );
+        } finally {
+          this.modalViewCountUnsub = null;
+        }
+      };
+    } catch (error) {
+      devLogger.warn("[viewCount] Failed to subscribe modal view counter:", error);
+      if (this.videoModal) {
+        this.videoModal.updateViewCountLabel("– views");
+        this.videoModal.setViewCountPointer(null);
+      }
+    }
+  }
+
+  async handleVideoReaction(detail = {}) {
+    if (this.reactionController) {
+      return this.reactionController.handleReaction(detail);
+    }
+  }
+
+  syncProfileModalState({
+    includeSavedProfiles = true,
+    includeActivePubkey = true,
+  } = {}) {
+    if (!this.profileController) {
+      return;
+    }
+
+    if (includeSavedProfiles) {
+      try {
+        if (typeof this.profileController.setSavedProfiles === "function") {
+          const entries = Array.isArray(this.savedProfiles)
+            ? this.savedProfiles.slice()
+            : [];
+          this.profileController.setSavedProfiles(entries, {
+            persist: false,
+            persistActive: false,
+          });
+        }
+      } catch (error) {
+        devLogger.warn(
+          "[profileModal] Failed to synchronize saved profiles with controller:",
+          error,
+        );
+      }
+    }
+
+    if (includeActivePubkey) {
+      try {
+        if (typeof this.profileController.setActivePubkey === "function") {
+          this.profileController.setActivePubkey(
+            this.activeProfilePubkey || null,
+            { persist: false },
+          );
+        }
+      } catch (error) {
+        devLogger.warn(
+          "[profileModal] Failed to synchronize active profile with controller:",
+          error,
+        );
+      }
+    }
+  }
+
+  renderSavedProfiles() {
+    if (!this.profileController) {
+      return;
+    }
+    this.syncProfileModalState();
+    try {
+      this.profileController.renderSavedProfiles();
+    } catch (error) {
+      devLogger.warn(
+        "[profileModal] Failed to render saved profiles:",
+        error,
+      );
+    }
+  }
+
+  handleProfileModalClosed() {
+    this.closeAllMoreMenus();
+  }
+
+  handleProfileChannelLink(element) {
+    if (!(element instanceof HTMLElement)) {
+      return;
+    }
+
+    const targetNpub =
+      typeof element.dataset.targetNpub === "string"
+        ? element.dataset.targetNpub
+        : "";
+    if (this.profileController) {
+      this.profileController.hide();
+    }
+    if (targetNpub) {
+      window.location.hash = `#view=channel-profile&npub=${encodeURIComponent(
+        targetNpub,
+      )}`;
+    }
+  }
+
+  async handleLoginModalSuccess(payload = {}) {
+    const result =
+      payload && typeof payload === "object" ? payload.result || null : null;
+    const pubkey =
+      (result &&
+      typeof result === "object" &&
+      typeof result.pubkey === "string"
+        ? result.pubkey
+        : typeof result === "string"
+        ? result
+        : null) || null;
+
+    devLogger.log("[LoginModal] Login result returned pubkey:", pubkey);
+
+    if (!result || typeof result !== "object") {
+      return;
+    }
+
+    const { detail } = result;
+
+    if (
+      pubkey &&
+      detail &&
+      typeof detail === "object" &&
+      detail.__handled !== true
+    ) {
+      try {
+        await this.handleAuthLogin(detail);
+      } catch (error) {
+        devLogger.error(
+          "[LoginModal] handleAuthLogin fallback failed:",
+          error,
+        );
+      }
+    }
+  }
+
+  async handleLoginModalError(payload = {}) {
+    const message =
+      typeof payload?.message === "string" && payload.message.trim()
+        ? payload.message.trim()
+        : null;
+    const error = payload?.error || null;
+    const provider = payload?.provider || null;
+
+    const fallbackMessage =
+      message ||
+      this.describeLoginError(
+        error,
+        provider?.errorMessage || "Failed to login. Please try again.",
+      );
+
+    const normalizedMessage =
+      typeof fallbackMessage === "string" && fallbackMessage.trim()
+        ? fallbackMessage.trim()
+        : "Failed to login. Please try again.";
+
+    userLogger.warn(
+      provider && provider.id
+        ? `[LoginModal] Login failed for provider ${provider.id}.`
+        : "[LoginModal] Login failed for provider.",
+    );
+    this.showError(normalizedMessage);
+  }
+
+  async requestProfileAdditionLogin({ triggerElement } = {}) {
+    this.initializeLoginModalController();
+    if (
+      this.loginModalController &&
+      typeof this.loginModalController.requestAddProfileLogin === "function"
+    ) {
+      try {
+        return await this.loginModalController.requestAddProfileLogin({
+          triggerElement,
+          requestOptions: {
+            allowAccountSelection: true,
+            autoApply: false,
+          },
+        });
+      } catch (error) {
+        if (
+          error &&
+          (error.code === "login-cancelled" || error.code === "user-cancelled")
+        ) {
+          throw error;
+        }
+        if (
+          !error ||
+          (error.code !== "modal-unavailable" &&
+            error.code !== "modal-open-failed")
+        ) {
+          throw error;
+        }
+        devLogger.warn(
+          "[profileModal] Falling back to direct login for profile addition:",
+          error,
+        );
+      }
+    }
+
+    return this.authService.requestLogin({
+      allowAccountSelection: true,
+      autoApply: false,
+    });
+  }
+
+  async handleAddProfile(payload = {}) {
+    const loginResult =
+      payload && typeof payload === "object" ? payload.loginResult : null;
+
+    if (!loginResult) {
+      devLogger.warn(
+        "[profileModal] Ignoring add profile callback without an authentication result.",
+      );
+      return;
+    }
+
+    try {
+      const { pubkey, authType: loginAuthType, providerId } =
+        typeof loginResult === "object" && loginResult
+          ? loginResult
+          : { pubkey: loginResult };
+
+      const detailAuthType =
+        typeof loginResult?.detail?.authType === "string"
+          ? loginResult.detail.authType
+          : null;
+      const detailProviderId =
+        typeof loginResult?.detail?.providerId === "string"
+          ? loginResult.detail.providerId
+          : null;
+
+      const resolvedAuthType = (() => {
+        const candidates = [
+          detailAuthType,
+          loginAuthType,
+          detailProviderId,
+          providerId,
+        ];
+        for (const candidate of candidates) {
+          if (typeof candidate !== "string") {
+            continue;
+          }
+          const trimmed = candidate.trim();
+          if (trimmed) {
+            return trimmed;
+          }
+        }
+        return "nip07";
+      })();
+
+      const resolvedProviderId = (() => {
+        const candidates = [detailProviderId, providerId, resolvedAuthType];
+        for (const candidate of candidates) {
+          if (typeof candidate !== "string") {
+            continue;
+          }
+          const trimmed = candidate.trim();
+          if (trimmed) {
+            return trimmed;
+          }
+        }
+        return resolvedAuthType;
+      })();
+
+      const normalizedPubkey = this.normalizeHexPubkey(pubkey);
+      if (!normalizedPubkey) {
+        throw new Error(
+          "Received an invalid public key from the authentication provider.",
+        );
+      }
+
+      const alreadySaved = this.savedProfiles.some(
+        (entry) => this.normalizeHexPubkey(entry.pubkey) === normalizedPubkey,
+      );
+      if (alreadySaved) {
+        this.showSuccess("That profile is already saved on this device.");
+        return;
+      }
+
+      const npub = this.safeEncodeNpub(normalizedPubkey) || "";
+      let profileMeta = this.getProfileCacheEntry(normalizedPubkey)?.profile;
+
+      if (!profileMeta) {
+        await this.authService.loadOwnProfile(normalizedPubkey);
+        profileMeta = this.getProfileCacheEntry(normalizedPubkey)?.profile;
+      }
+
+      const name = profileMeta?.name || "";
+      const picture =
+        profileMeta?.picture || "assets/svg/default-profile.svg";
+
+      this.savedProfiles.push({
+        pubkey: normalizedPubkey,
+        npub,
+        name,
+        picture,
+        authType: resolvedAuthType,
+        providerId: resolvedProviderId,
+      });
+
+      persistSavedProfiles({ persistActive: false });
+      this.renderSavedProfiles();
+
+      this.showSuccess("Profile added. Select it when you're ready to switch.");
+    } catch (error) {
+      const cancellationCodes = new Set([
+        "login-cancelled",
+        "user-cancelled",
+        "modal-dismissed",
+      ]);
+      if (
+        error &&
+        typeof error === "object" &&
+        typeof error.code === "string" &&
+        cancellationCodes.has(error.code)
+      ) {
+        devLogger.log("[profileModal] Add profile flow cancelled.", error);
+        return;
+      }
+
+      devLogger.error(
+        "[profileModal] Failed to add profile via authentication provider:",
+        error,
+      );
+
+      const message = this.describeLoginError(
+        error,
+        "Couldn't add that profile. Please try again.",
+      );
+
+      const rejectionError =
+        error instanceof Error
+          ? error
+          : new Error(message || "Couldn't add that profile. Please try again.");
+
+      if (message && rejectionError.message !== message) {
+        rejectionError.message = message;
+      }
+
+      if (
+        error &&
+        typeof error === "object" &&
+        error.code &&
+        !rejectionError.code
+      ) {
+        rejectionError.code = error.code;
+      }
+
+      throw rejectionError;
+    }
+  }
+
+  describeLoginError(error, fallbackMessage = "Failed to login. Please try again.") {
+    const code =
+      error && typeof error.code === "string" && error.code.trim()
+        ? error.code.trim()
+        : null;
+    if (code === "site-lockdown") {
+      return "This site is temporarily locked down. Only administrators may sign in right now.";
+    }
+
+    if (error && typeof error.message === "string") {
+      const trimmed = error.message.trim();
+      if (trimmed) {
+        return trimmed;
+      }
+    }
+
+    return fallbackMessage;
+  }
+
+  initializeLoginModalController(options = {}) {
+    const { logIfMissing = false } =
+      options && typeof options === "object" ? options : {};
+
+    if (this.loginModalController) {
+      return true;
+    }
+
+    let loginModalElement = null;
+    try {
+      loginModalElement = document.getElementById("loginModal") || null;
+    } catch (error) {
+      devLogger.warn(
+        "[Application] Failed to look up login modal container:",
+        error,
+      );
+    }
+
+    if (!(loginModalElement instanceof HTMLElement)) {
+      if (logIfMissing) {
+        devLogger.warn(
+          "[Application] Login modal controller disabled: modal container not found.",
+        );
+      }
+      return false;
+    }
+
+    const preparedModal =
+      prepareStaticModal({ root: loginModalElement }) || loginModalElement;
+
+    loginModalElement = preparedModal;
+
+    const closeLoginModal = () => {
+      if (closeStaticModal(loginModalElement)) {
+        setGlobalModalState("login", false);
+      }
+    };
+
+    const bringModalToFront = (modal) => {
+      if (!(modal instanceof HTMLElement)) {
+        return;
+      }
+      const parent = modal.parentElement;
+      if (parent && parent.lastElementChild !== modal) {
+        parent.appendChild(modal);
+      }
+    };
+
+    const openLoginModal = ({ modal, triggerElement } = {}) => {
+      const target =
+        modal instanceof HTMLElement ? modal : loginModalElement;
+      bringModalToFront(target);
+      return openStaticModal(target, { triggerElement });
+    };
+
+    const prepareLoginModal = (modal) =>
+      prepareStaticModal({ root: modal || loginModalElement });
+
+    try {
+      this.loginModalController = new LoginModalController({
+        modalElement: loginModalElement,
+        providers: authProviders,
+        services: {
+          authService: this.authService,
+          nostrClient,
+        },
+        callbacks: {
+          onProviderSelected: (providerId) => {
+            devLogger.log(`[LoginModal] Provider selected: ${providerId}.`);
+            this.maybeShowExperimentalLoginWarning(providerId);
+          },
+          onLoginSuccess: (payload) => {
+            const maybePromise = this.handleLoginModalSuccess(payload);
+            if (maybePromise && typeof maybePromise.then === "function") {
+              maybePromise.catch((error) => {
+                devLogger.error(
+                  "[LoginModal] handleLoginModalSuccess threw:",
+                  error,
+                );
+              });
+            }
+          },
+          onLoginError: (payload) => {
+            const maybePromise = this.handleLoginModalError(payload);
+            if (maybePromise && typeof maybePromise.then === "function") {
+              maybePromise.catch((error) => {
+                devLogger.error(
+                  "[LoginModal] handleLoginModalError threw:",
+                  error,
+                );
+              });
+            }
+          },
+        },
+        helpers: {
+          closeModal: closeLoginModal,
+          openModal: ({ modal, triggerElement } = {}) =>
+            openLoginModal({ modal, triggerElement }),
+          prepareModal: (modal) => prepareLoginModal(modal),
+          setModalState: (_, isOpen) =>
+            setGlobalModalState("login", isOpen === undefined ? false : !!isOpen),
+          describeLoginError: (error, fallbackMessage) =>
+            this.describeLoginError(
+              error,
+              typeof fallbackMessage === "string" && fallbackMessage.trim()
+                ? fallbackMessage.trim()
+                : "Failed to login. Please try again.",
+            ),
+        },
+      });
+      return true;
+    } catch (error) {
+      devLogger.error(
+        "[Application] Failed to initialize login modal controller:",
+        error,
+      );
+      return false;
+    }
+  }
+
+  canCurrentUserManageBlacklist() {
+    const actorNpub = this.getCurrentUserNpub();
+    if (!actorNpub) {
+      return false;
+    }
+
+    try {
+      return accessControl.canEditAdminLists(actorNpub);
+    } catch (error) {
+      devLogger.warn("Unable to verify blacklist permissions:", error);
+      return false;
+    }
+  }
+
+  describeAdminError(code) {
+    switch (code) {
+      case "invalid npub":
+        return "Please provide a valid npub address.";
+      case "immutable":
+        return "That account cannot be modified.";
+      case "self":
+        return "You cannot blacklist yourself.";
+      case "forbidden":
+        return "You do not have permission to perform that action.";
+      case "nostr-unavailable":
+        return "Unable to reach the configured Nostr relays. Please retry once your connection is restored.";
+
+      case "nostr-extension-missing":
+        return "Connect a Nostr extension before editing moderation lists.";
+      case "signature-failed":
+        return "We couldn’t sign the update with your Nostr key. Please reconnect your extension and try again.";
+      case "publish-failed":
+        return "Failed to publish the update to Nostr relays. Please try again.";
+      case "storage-error":
+        return "Unable to update moderation settings. Please try again.";
+      default:
+        return "Unable to update moderation settings. Please try again.";
+    }
+  }
+
+  describeNotificationError(code) {
+    switch (code) {
+      case "nostr-extension-missing":
+        return "List updated, but the DM notification failed because no Nostr extension is connected.";
+      case "nostr-uninitialized":
+        return "List updated, but the DM notification system is still connecting to Nostr relays. Please try again in a moment.";
+      case "nip04-unavailable":
+        return "List updated, but your Nostr extension does not support NIP-04 encryption, so the DM notification was not sent.";
+      case "sign-event-unavailable":
+        return "List updated, but your Nostr extension could not sign the DM notification.";
+      case "missing-actor-pubkey":
+        return "List updated, but we could not determine your public key to send the DM notification.";
+      case "publish-failed":
+        return "List updated, but the DM notification could not be delivered to any relay.";
+      case "encryption-failed":
+      case "signature-failed":
+        return "List updated, but the DM notification failed while preparing the encrypted message.";
+      case "invalid-target":
+      case "empty-message":
+        return "";
+      default:
+        return "List updated, but the DM notification could not be sent.";
+    }
+  }
+
+  describeUserBlockActionError(error) {
+    const code =
+      error && typeof error.code === "string" ? error.code.trim().toLowerCase() : "";
+
+    switch (code) {
+      case "nip04-missing":
+        return "Your Nostr extension must support NIP-04 to manage private block lists.";
+      case "extension-permission-denied":
+        return "Your Nostr extension denied the encryption permissions needed to update your block list.";
+      case "extension-encryption-permission-denied":
+        return "Your Nostr extension denied the encryption permissions needed to update your block list.";
+      case "sign-event-missing":
+      case "signer-missing":
+        return "Connect a Nostr signer that can encrypt and sign updates before managing block lists.";
+      case "nostr-extension-missing":
+        return "Connect a Nostr extension before updating your block list.";
+      case "invalid":
+        return "Unable to block that account. Please try again.";
+      case "self":
+        return "You cannot block yourself.";
+      default:
+        return "";
+    }
+  }
+
+  describeHashtagPreferencesError(error, options = {}) {
+    const { operation = "update", fallbackMessage } =
+      options && typeof options === "object" ? options : {};
+    const code =
+      error && typeof error.code === "string" ? error.code.trim() : "";
+
+    if (code === "hashtag-preferences-empty") {
+      return "";
+    }
+
+    switch (code) {
+      case "hashtag-preferences-missing-pubkey":
+        return "Select a profile before managing hashtag preferences.";
+      case "hashtag-preferences-missing-signer":
+        return "Connect a Nostr signer that supports encryption before managing hashtag preferences.";
+      case "hashtag-preferences-extension-denied":
+        return "Your signer denied the encryption permissions needed to manage hashtag preferences.";
+      case "hashtag-preferences-permission-required":
+        return "Your Nostr extension must grant encryption permissions to read hashtag preferences.";
+      case "hashtag-preferences-no-decryptors":
+        return "Unable to decrypt hashtag preferences with the active signer.";
+      case "hashtag-preferences-decrypt-failed":
+        return "Failed to decrypt hashtag preferences. Please try again.";
+      case "hashtag-preferences-no-encryptor":
+        return "No supported encryption methods are available to publish hashtag preferences.";
+      case "hashtag-preferences-encrypt-failed":
+        return "Failed to encrypt hashtag preferences. Please try again.";
+      case "hashtag-preferences-no-relays":
+        return "No relays are configured to publish hashtag preferences.";
+      default:
+        break;
+    }
+
+    const normalizedOperation =
+      typeof operation === "string" ? operation.trim().toLowerCase() : "";
+    const fallback =
+      typeof fallbackMessage === "string" && fallbackMessage.trim()
+        ? fallbackMessage.trim()
+        : normalizedOperation === "load"
+        ? "Failed to load hashtag preferences. Please try again."
+        : normalizedOperation === "reset"
+        ? "Failed to reset hashtag preferences."
+        : "Failed to update hashtag preferences. Please try again.";
+
+    return fallback;
+  }
+
+  resetPermissionPromptState() {
+    this.permissionPromptShownForSession = false;
+    this.permissionPromptVisible = false;
+    this.permissionPromptInFlight = false;
+    if (this.permissionPromptPending instanceof Set) {
+      this.permissionPromptPending.clear();
+    } else {
+      this.permissionPromptPending = new Set();
+    }
+    this.updatePermissionPromptCta();
+  }
+
+  capturePermissionPromptRequirement(source) {
+    const normalized =
+      typeof source === "string" ? source.trim().toLowerCase() : "";
+    if (!normalized) {
+      return;
+    }
+
+    this.permissionPromptPending.add(normalized);
+
+    if (!this.permissionPromptShownForSession) {
+      this.permissionPromptShownForSession = true;
+      this.permissionPromptVisible = true;
+    }
+
+    this.updatePermissionPromptCta();
+  }
+
+  capturePermissionPromptFromError(error) {
+    const code =
+      error && typeof error.code === "string" ? error.code.trim() : "";
+
+    switch (code) {
+      case "subscriptions-permission-required":
+        this.capturePermissionPromptRequirement("subscriptions");
+        break;
+      case "user-blocklist-permission-required":
+        this.capturePermissionPromptRequirement("user-blocks");
+        break;
+      case "hashtag-preferences-permission-required":
+        this.capturePermissionPromptRequirement("hashtag-preferences");
+        break;
+      default:
+        break;
+    }
+  }
+
+  resolvePermissionPromptMessage() {
+    const needsSubscriptions = this.permissionPromptPending.has("subscriptions");
+    const needsHashtags = this.permissionPromptPending.has("hashtag-preferences");
+    const needsBlocks = this.permissionPromptPending.has("user-blocks");
+
+    if (needsBlocks && needsSubscriptions && needsHashtags) {
+      return "Unlock private lists and enable permissions to load your subscriptions and hashtag preferences.";
+    }
+    if (needsBlocks && needsSubscriptions) {
+      return "Unlock private lists and enable permissions to load your subscriptions.";
+    }
+    if (needsBlocks && needsHashtags) {
+      return "Unlock private lists and enable permissions to load your hashtag preferences.";
+    }
+    if (needsSubscriptions && needsHashtags) {
+      return "Enable permissions to load your subscriptions and hashtag preferences.";
+    }
+    if (needsBlocks) {
+      return "Unlock private lists to load your block list.";
+    }
+    if (needsSubscriptions) {
+      return "Enable permissions to load your subscriptions.";
+    }
+    if (needsHashtags) {
+      return "Enable permissions to load your hashtag preferences.";
+    }
+    return "";
+  }
+
+  updatePermissionPromptCta() {
+    if (!this.profileController?.setPermissionPromptCtaState) {
+      return;
+    }
+
+    const shouldShow =
+      this.permissionPromptVisible && this.permissionPromptPending.size > 0;
+    const message = shouldShow ? this.resolvePermissionPromptMessage() : "";
+
+    this.profileController.setPermissionPromptCtaState({
+      visible: shouldShow,
+      message,
+      buttonLabel: "Enable permissions",
+      busy: this.permissionPromptInFlight,
+    });
+  }
+
+  normalizeHashtagPreferenceList(list) {
+    if (!Array.isArray(list)) {
+      return [];
+    }
+
+    const normalized = [];
+    const seen = new Set();
+
+    for (const entry of list) {
+      if (typeof entry !== "string") {
+        continue;
+      }
+      const trimmed = entry.trim();
+      if (!trimmed) {
+        continue;
+      }
+      const lowered = trimmed.toLowerCase();
+      if (seen.has(lowered)) {
+        continue;
+      }
+      seen.add(lowered);
+      normalized.push(lowered);
+    }
+
+    normalized.sort((a, b) => a.localeCompare(b));
+    return normalized;
+  }
+
+  normalizeTagPreferenceCandidate(tag) {
+    return normalizeHashtag(tag);
+  }
+
+  getTagPreferenceState(tag) {
+    const normalized = this.normalizeTagPreferenceCandidate(tag);
+    if (!normalized) {
+      return "neutral";
+    }
+
+    const { interests, disinterests } = this.getHashtagPreferences();
+    if (interests.includes(normalized)) {
+      return "interest";
+    }
+    if (disinterests.includes(normalized)) {
+      return "disinterest";
+    }
+    return "neutral";
+  }
+
+  getTagPreferenceMembership(tag) {
+    const state = this.getTagPreferenceState(tag);
+    return {
+      state,
+      interest: state === "interest",
+      disinterest: state === "disinterest",
+    };
+  }
+
+  createHashtagPreferencesSnapshot(detail = {}) {
+    const service = this.hashtagPreferences;
+    const sourceInterests = Array.isArray(detail?.interests)
+      ? detail.interests
+      : typeof service?.getInterests === "function"
+      ? service.getInterests()
+      : [];
+    const sourceDisinterests = Array.isArray(detail?.disinterests)
+      ? detail.disinterests
+      : typeof service?.getDisinterests === "function"
+      ? service.getDisinterests()
+      : [];
+
+    const rawEventId =
+      typeof detail?.eventId === "string" && detail.eventId.trim()
+        ? detail.eventId.trim()
+        : typeof service?.eventId === "string" && service.eventId.trim()
+        ? service.eventId.trim()
+        : "";
+
+    const createdAtSource =
+      detail?.createdAt ?? service?.eventCreatedAt ?? null;
+    const createdAtNumeric = Number(createdAtSource);
+    const createdAt = Number.isFinite(createdAtNumeric)
+      ? createdAtNumeric
+      : null;
+
+    const action =
+      typeof detail?.action === "string" ? detail.action.trim() : "";
+
+    const loaded =
+      detail?.loaded === true ||
+      (detail?.loaded === false
+        ? false
+        : Boolean(service && service.loaded));
+
+    return {
+      interests: this.normalizeHashtagPreferenceList(sourceInterests),
+      disinterests: this.normalizeHashtagPreferenceList(sourceDisinterests),
+      eventId: rawEventId || null,
+      createdAt,
+      loaded,
+      action,
+    };
+  }
+
+  computeHashtagPreferencesSignature(snapshot = {}) {
+    const interests = Array.isArray(snapshot.interests)
+      ? snapshot.interests.join(",")
+      : "";
+    const disinterests = Array.isArray(snapshot.disinterests)
+      ? snapshot.disinterests.join(",")
+      : "";
+    const eventId =
+      typeof snapshot.eventId === "string" && snapshot.eventId
+        ? snapshot.eventId
+        : "";
+    const createdAt = Number.isFinite(snapshot.createdAt)
+      ? Number(snapshot.createdAt)
+      : "";
+    const loaded = snapshot.loaded === true ? "1" : "0";
+
+    return [interests, disinterests, eventId, createdAt, loaded].join("|");
+  }
+
+  updateCachedHashtagPreferences(detail = {}) {
+    const snapshot = this.createHashtagPreferencesSnapshot(detail);
+    const signature = this.computeHashtagPreferencesSignature(snapshot);
+    const changed = signature !== this.hashtagPreferencesSnapshotSignature;
+
+    this.hashtagPreferencesSnapshot = {
+      interests: [...snapshot.interests],
+      disinterests: [...snapshot.disinterests],
+      eventId: snapshot.eventId,
+      createdAt: snapshot.createdAt,
+      loaded: snapshot.loaded,
+      action: snapshot.action,
+    };
+    this.hashtagPreferencesSnapshotSignature = signature;
+
+    return { snapshot: this.hashtagPreferencesSnapshot, changed };
+  }
+
+  handleHashtagPreferencesChange(detail = {}) {
+    const { changed } = this.updateCachedHashtagPreferences(detail);
+
+    this.refreshTagPreferenceUi();
+
+    if (
+      this.profileController &&
+      typeof this.profileController.handleHashtagPreferencesChange ===
+        "function"
+    ) {
+      try {
+        this.profileController.handleHashtagPreferencesChange({
+          action:
+            typeof detail?.action === "string" ? detail.action : "",
+          preferences: this.getHashtagPreferences(),
+        });
+      } catch (error) {
+        devLogger.warn(
+          "[Application] Failed to notify profile controller about hashtag preferences change:",
+          error,
+        );
+      }
+    }
+
+    if (!changed) {
+      return;
+    }
+
+    const action =
+      typeof detail?.action === "string" && detail.action.trim()
+        ? detail.action.trim()
+        : "";
+    const refreshReason = action
+      ? `hashtag-preferences-${action}`
+      : "hashtag-preferences-change";
+
+    Promise.resolve(
+      this.onVideosShouldRefresh({ reason: refreshReason }),
+    ).catch((error) => {
+      devLogger.warn(
+        "[Application] Failed to refresh videos after hashtag preference change:",
+        error,
+      );
+    });
+  }
+
+  getHashtagPreferences() {
+    const snapshot = this.hashtagPreferencesSnapshot || {};
+    return {
+      interests: Array.isArray(snapshot.interests)
+        ? [...snapshot.interests]
+        : [],
+      disinterests: Array.isArray(snapshot.disinterests)
+        ? [...snapshot.disinterests]
+        : [],
+      eventId:
+        typeof snapshot.eventId === "string" && snapshot.eventId
+          ? snapshot.eventId
+          : null,
+      createdAt: Number.isFinite(snapshot.createdAt)
+        ? Number(snapshot.createdAt)
+        : null,
+      loaded: snapshot.loaded === true,
+    };
+  }
+
+  refreshTagPreferenceUi() {
+    if (this.videoModal?.refreshTagPreferenceStates) {
+      try {
+        this.videoModal.refreshTagPreferenceStates();
+      } catch (error) {
+        devLogger.warn(
+          "[Application] Failed to refresh video modal tag preference states:",
+          error,
+        );
+      }
+    }
+
+    if (this.videoListView?.refreshTagPreferenceStates) {
+      try {
+        this.videoListView.refreshTagPreferenceStates();
+      } catch (error) {
+        devLogger.warn(
+          "[Application] Failed to refresh list view tag preference states:",
+          error,
+        );
+      }
+    }
+
+    this.tagPreferenceMenuController.refreshActiveMenus();
+  }
+
+  async loadHashtagPreferencesForPubkey(pubkey, options = {}) {
+    if (
+      !this.hashtagPreferences ||
+      typeof this.hashtagPreferences.load !== "function"
+    ) {
+      return null;
+    }
+
+    try {
+      await this.hashtagPreferences.load(pubkey, options);
+      return true;
+    } catch (error) {
+      devLogger.error(
+        "[Application] Failed to load hashtag preferences:",
+        error,
+      );
+      const message = this.describeHashtagPreferencesError(error, {
+        operation: "load",
+      });
+      if (message) {
+        this.showError(message);
+      }
+      return null;
+    }
+  }
+
+  resetHashtagPreferencesState() {
+    if (
+      !this.hashtagPreferences ||
+      typeof this.hashtagPreferences.reset !== "function"
+    ) {
+      return false;
+    }
+
+    try {
+      this.hashtagPreferences.reset();
+      return true;
+    } catch (error) {
+      devLogger.error(
+        "[Application] Failed to reset hashtag preferences:",
+        error,
+      );
+      const message = this.describeHashtagPreferencesError(error, {
+        operation: "reset",
+      });
+      if (message) {
+        this.showError(message);
+      }
+      return false;
+    }
+  }
+
+  async onAccessControlUpdated() {
+    if (this.profileController) {
+      try {
+        await this.profileController.refreshAdminPaneState();
+      } catch (error) {
+        devLogger.error("Failed to refresh admin pane after update:", error);
+      }
+    }
+
+    this.refreshAllVideoGrids({
+      reason: "access-control-update",
+      forceMainReload: true,
+    }).catch((error) => {
+      devLogger.error("Failed to refresh video grids after admin update:", error);
+    });
+    window.dispatchEvent(new CustomEvent("bitvid:access-control-updated"));
+  }
+
+  async refreshAllVideoGrids({ reason, forceMainReload = false } = {}) {
+    const normalizedReason =
+      typeof reason === "string" && reason.trim() ? reason.trim() : undefined;
+
+    if (typeof moderationService?.awaitUserBlockRefresh === "function") {
+      moderationService.awaitUserBlockRefresh().catch((error) => {
+        const contextMessage = normalizedReason
+          ? ` in background during ${normalizedReason}`
+          : " in background";
+        devLogger.warn(
+          `Failed to sync moderation summaries${contextMessage}:`,
+          error,
+        );
+      });
+    }
+
+    try {
+      await this.loadVideos(forceMainReload);
+    } catch (error) {
+      const contextMessage = normalizedReason
+        ? ` after ${normalizedReason}`
+        : "";
+      devLogger.error(
+        `Failed to refresh recent videos${contextMessage}:`,
+        error,
+      );
+    }
+
+    const refreshTasks = [];
+
+    if (typeof subscriptions?.refreshActiveFeed === "function") {
+      const subscriptionPromise = subscriptions
+        .refreshActiveFeed({ reason: normalizedReason })
+        .catch((error) => {
+          const contextMessage = normalizedReason
+            ? ` after ${normalizedReason}`
+            : "";
+          devLogger.warn(
+            `Failed to refresh subscriptions grid${contextMessage}:`,
+            error,
+          );
+        });
+      refreshTasks.push(subscriptionPromise);
+    }
+
+    if (typeof refreshActiveChannelVideoGrid === "function") {
+      try {
+        const maybePromise = refreshActiveChannelVideoGrid({
+          reason: normalizedReason,
+        });
+        if (maybePromise && typeof maybePromise.then === "function") {
+          refreshTasks.push(
+            maybePromise.catch((error) => {
+              const contextMessage = normalizedReason
+                ? ` after ${normalizedReason}`
+                : "";
+              devLogger.warn(
+                `Failed to refresh channel grid${contextMessage}:`,
+                error,
+              );
+            }),
+          );
+        }
+      } catch (error) {
+        const contextMessage = normalizedReason
+          ? ` after ${normalizedReason}`
+          : "";
+        devLogger.warn(
+          `Failed to trigger channel grid refresh${contextMessage}:`,
+          error,
+        );
+      }
+    }
+
+    if (refreshTasks.length) {
+      await Promise.allSettled(refreshTasks);
+    }
+
+    if (typeof this.refreshVisibleModerationUi === "function") {
+      const refreshReason =
+        normalizedReason || (forceMainReload ? "refresh-all-video-grids" : "refresh");
+      try {
+        this.refreshVisibleModerationUi({ reason: refreshReason });
+      } catch (error) {
+        const contextMessage = refreshReason ? ` after ${refreshReason}` : "";
+        devLogger.warn(
+          `[Application] Failed to refresh moderation UI${contextMessage}:`,
+          error,
+        );
+      }
+    }
+  }
+
+  async onVideosShouldRefresh({ reason } = {}) {
+    try {
+      await this.refreshAllVideoGrids({ reason, forceMainReload: true });
+    } catch (error) {
+      const context = reason ? ` after ${reason}` : "";
+      devLogger.error(`Failed to refresh video grids${context}:`, error);
+    }
+  }
+
+  /**
+   * Setup general event listeners for logout, modals, etc.
+   */
+  setupEventListeners() {
+    if (moderationService && typeof moderationService.on === "function") {
+      moderationService.on("trusted-mutes", () => {
+        if (!this.isUserLoggedIn()) {
+          this.refreshAllVideoGrids({ reason: "trusted-mutes" });
+        } else {
+          this.refreshVisibleModerationUi({ reason: "trusted-mutes" });
+        }
+      });
+      moderationService.on("user-blocks", () => {
+        this.refreshVisibleModerationUi({ reason: "user-blocks" });
+      });
+      moderationService.on("summary", () => {
+        this.refreshVisibleModerationUi({ reason: "moderation-summary" });
+      });
+    }
+
+    if (userBlocks && typeof userBlocks.on === "function") {
+      userBlocks.on(USER_BLOCK_EVENTS.STATUS, (detail) => {
+        if (detail?.status === "permission-required") {
+          this.capturePermissionPromptRequirement("user-blocks");
+        }
+      });
+    }
+
+    if (this.appChromeController) {
+      this.appChromeController.initialize();
+      return;
+    }
+
+    devLogger.warn(
+      "[Application] AppChromeController missing; global UI events were not bound.",
+    );
+  }
+
+  mountVideoListView({ container = null, includeTags = true } = {}) {
+    if (!this.videoListView) {
+      return null;
+    }
+
+    if (this.videoListViewController) {
+      const { videoList, popularTags } = this.videoListViewController.mount({
+        container,
+        view: this.videoListView,
+        currentVideoList: this.videoList,
+        includeTags,
+      });
+      this.videoList = videoList || null;
+      this.videoListPopularTags = popularTags || null;
+      return this.videoList;
+    }
+
+    const isElement = (value) =>
+      typeof HTMLElement !== "undefined" && value instanceof HTMLElement;
+
+    const target = container || document.getElementById("videoList");
+    this.videoList = target || null;
+
+    let tagsRoot = null;
+    if (includeTags) {
+      tagsRoot = document.getElementById("videoListTags");
+    }
+    this.videoListPopularTags = tagsRoot || null;
+    if (typeof this.videoListView.setPopularTagsContainer === "function") {
+      this.videoListView.setPopularTagsContainer(this.videoListPopularTags);
+    }
+    this.videoListView.mount(this.videoList || null);
+    return this.videoList;
+  }
+
+  reinitializeVideoListView({ reason, postLoginResult } = {}) {
+    if (!this.videoListView) {
+      return;
+    }
+
+    if (this.videoListViewController) {
+      const { videoList, popularTags } = this.videoListViewController.reinitialize({
+        view: this.videoListView,
+        reason,
+        postLoginResult,
+        currentVideoList: this.videoList,
+      });
+      this.videoList = videoList || null;
+      this.videoListPopularTags = popularTags || null;
+      return;
+    }
+
+    const isElement = (value) =>
+      typeof HTMLElement !== "undefined" && value instanceof HTMLElement;
+
+    const container = isElement(this.videoList)
+      ? this.videoList
+      : document.getElementById("videoList");
+
+    try {
+      this.videoListView.destroy();
+    } catch (error) {
+      devLogger.warn(
+        "[Application] Failed to destroy VideoListView during reinitialization:",
+        error,
+      );
+    }
+
+    const messageContext =
+      reason === "login" && postLoginResult?.blocksLoaded === true
+        ? "Applying your filters…"
+        : "Refreshing videos…";
+
+    this.videoList = isElement(container) ? container : null;
+    const tagsRoot = document.getElementById("videoListTags");
+    this.videoListPopularTags = isElement(tagsRoot) ? tagsRoot : null;
+    if (typeof this.videoListView.setPopularTagsContainer === "function") {
+      this.videoListView.setPopularTagsContainer(this.videoListPopularTags);
+    }
+
+    if (this.videoList && this.videoList.children.length === 0) {
+      this.videoList.innerHTML = getSidebarLoadingMarkup(messageContext);
+    }
+  }
+
+  /**
+   * Attempt to load the user's own profile from Nostr (kind:0).
+   */
+  async loadOwnProfile(pubkey) {
+    return this.authService.loadOwnProfile(pubkey);
+  }
+
+  async fetchAndRenderProfile(pubkey, forceRefresh = false) {
+    return this.authService.fetchAndRenderProfile(pubkey, forceRefresh);
+  }
+
+  async batchFetchProfiles(authorSet) {
+    return batchFetchProfilesFromRelays({
+      authorSet,
+      getProfileCacheEntry: (pubkey) => this.getProfileCacheEntry(pubkey),
+      setProfileCacheEntry: (pubkey, profile) =>
+        this.setProfileCacheEntry(pubkey, profile),
+      updateProfileInDOM: (pubkey, profile) =>
+        this.updateProfileInDOM(pubkey, profile),
+      hex64Regex: HEX64_REGEX,
+    });
+  }
+
+  getDmRecipientPubkey() {
+    return this.dmRecipientPubkey;
+  }
+
+  setDmRecipientPubkey(pubkey) {
+    const normalized = this.normalizeHexPubkey(pubkey);
+    this.dmRecipientPubkey = normalized || null;
+    return this.dmRecipientPubkey;
+  }
+
+  getDmRelayHints(pubkey) {
+    const normalized = this.normalizeHexPubkey(pubkey);
+    if (!normalized || !(this.dmRelayHints instanceof Map)) {
+      return [];
+    }
+    const hints = this.dmRelayHints.get(normalized);
+    return Array.isArray(hints) ? hints.slice() : [];
+  }
+
+  setDmRelayHints(pubkey, hints = []) {
+    const normalized = this.normalizeHexPubkey(pubkey);
+    if (!normalized) {
+      return [];
+    }
+    if (!(this.dmRelayHints instanceof Map)) {
+      this.dmRelayHints = new Map();
+    }
+    const stored = sanitizeRelayList(Array.isArray(hints) ? hints : []);
+    this.dmRelayHints.set(normalized, stored);
+    return stored.slice();
+  }
+
+  async publishDmRelayPreferences({ pubkey, relays } = {}) {
+    const normalized = this.normalizeHexPubkey(pubkey || this.pubkey);
+    if (!normalized) {
+      const error = new Error("A valid pubkey is required to publish DM relays.");
+      error.code = "invalid-pubkey";
+      throw error;
+    }
+
+    const relayHints = sanitizeRelayList(Array.isArray(relays) ? relays : []);
+    if (!relayHints.length) {
+      const error = new Error("Add at least one DM relay before publishing.");
+      error.code = "empty";
+      throw error;
+    }
+
+    if (!nostrClient?.pool) {
+      const error = new Error(
+        "Nostr is not connected yet. Please try again once relays are ready.",
+      );
+      error.code = "nostr-uninitialized";
+      throw error;
+    }
+
+    const signer = await nostrClient.ensureActiveSignerForPubkey(normalized);
+    if (!signer || typeof signer.signEvent !== "function") {
+      const error = new Error(
+        "An active signer with signEvent support is required to publish DM relays.",
+      );
+      error.code = "nostr-extension-missing";
+      throw error;
+    }
+
+    if (signer.type === "extension" && nostrClient.ensureExtensionPermissions) {
+      const permissionResult = await nostrClient.ensureExtensionPermissions(
+        DEFAULT_NIP07_CORE_METHODS,
+      );
+      if (!permissionResult?.ok) {
+        userLogger.warn(
+          "[Application] Signer permissions denied while publishing DM relays.",
+          permissionResult?.error,
+        );
+        const error = new Error(
+          "The active signer must allow signing before publishing DM relays.",
+        );
+        error.code = "extension-permission-denied";
+        error.cause = permissionResult?.error;
+        throw error;
+      }
+    }
+
+    const event = buildDmRelayListEvent({
+      pubkey: normalized,
+      created_at: Math.floor(Date.now() / 1000),
+      relays: relayHints,
+    });
+
+    const signedEvent = await signer.signEvent(event);
+
+    const relayTargets = sanitizeRelayList(
+      Array.isArray(nostrClient.writeRelays) && nostrClient.writeRelays.length
+        ? nostrClient.writeRelays
+        : Array.isArray(nostrClient.relays)
+        ? nostrClient.relays
+        : [],
+    );
+
+    if (!relayTargets.length) {
+      const error = new Error("No relay targets are available for publishing.");
+      error.code = "no-targets";
+      throw error;
+    }
+
+    const publishResults = await publishEventToRelays(
+      nostrClient.pool,
+      relayTargets,
+      signedEvent,
+    );
+
+    let publishSummary;
+    try {
+      publishSummary = assertAnyRelayAccepted(publishResults, {
+        context: "dm relay hints update",
+        message: "No relays accepted the DM relay list.",
+      });
+    } catch (publishError) {
+      if (publishError?.relayFailures?.length) {
+        publishError.relayFailures.forEach(
+          ({ url, error: relayError, reason }) => {
+            userLogger.error(
+              `[Application] Relay ${url} rejected DM relay list: ${reason}`,
+              relayError || reason,
+            );
+          },
+        );
+      }
+      throw publishError;
+    }
+
+    if (publishSummary.failed.length) {
+      publishSummary.failed.forEach(({ url, error: relayError }) => {
+        const reason =
+          relayError instanceof Error
+            ? relayError.message
+            : relayError
+            ? String(relayError)
+            : "publish failed";
+        userLogger.warn(
+          `[Application] Relay ${url} did not acknowledge DM relay hints: ${reason}`,
+          relayError,
+        );
+      });
+    }
+
+    return {
+      ok: true,
+      event: signedEvent,
+      accepted: publishSummary.accepted.map(({ url }) => url),
+      failed: publishSummary.failed.map(({ url, error: relayError }) => ({
+        url,
+        error: relayError || null,
+      })),
+    };
+  }
+
+  handleProfilePublishDmRelayPreferences({ relays, pubkey } = {}) {
+    return this.publishDmRelayPreferences({ relays, pubkey });
+  }
+
+  async fetchDmRelayHints(pubkey) {
+    const normalized = this.normalizeHexPubkey(pubkey);
+    if (!normalized) {
+      return [];
+    }
+
+    const cached = this.getDmRelayHints(normalized);
+    if (cached.length) {
+      return cached;
+    }
+
+    const relayCandidates =
+      Array.isArray(nostrClient?.readRelays) && nostrClient.readRelays.length
+        ? nostrClient.readRelays
+        : Array.isArray(nostrClient?.relays)
+        ? nostrClient.relays
+        : [];
+
+    const relayList = sanitizeRelayList(relayCandidates);
+    if (!relayList.length) {
+      return [];
+    }
+
+    if (!nostrClient?.pool || typeof nostrClient.pool.list !== "function") {
+      return [];
+    }
+
+    try {
+      const events = await nostrClient.pool.list(relayList, [
+        { kinds: [10050], authors: [normalized], limit: 1 },
+      ]);
+      const sorted = Array.isArray(events)
+        ? events
+            .filter((event) => event && event.pubkey === normalized)
+            .sort((a, b) => (b?.created_at || 0) - (a?.created_at || 0))
+        : [];
+      if (!sorted.length) {
+        return [];
+      }
+
+      const tags = Array.isArray(sorted[0]?.tags) ? sorted[0].tags : [];
+      const relayHints = sanitizeRelayList(
+        tags
+          .filter((tag) => Array.isArray(tag) && tag[0] === "relay")
+          .map((tag) => (typeof tag[1] === "string" ? tag[1].trim() : "")),
+      );
+
+      this.setDmRelayHints(normalized, relayHints);
+      return relayHints;
+    } catch (error) {
+      devLogger.warn(
+        "[Application] Failed to load DM relay hints:",
+        error,
+      );
+    }
+
+    return [];
+  }
+
+  openDirectMessageComposer({ recipientPubkey, source = "" } = {}) {
+    const normalized = this.normalizeHexPubkey(recipientPubkey);
+    if (!normalized) {
+      this.showError("Please select a valid message recipient.");
+      return false;
+    }
+
+    this.setDmRecipientPubkey(normalized);
+
+    if (this.profileController) {
+      try {
+        if (typeof this.profileController.setDirectMessageRecipient === "function") {
+          this.profileController.setDirectMessageRecipient(normalized, {
+            reason: source || "external",
+          });
+        }
+        if (typeof this.profileController.show === "function") {
+          this.profileController.show("messages");
+        }
+        if (typeof this.profileController.focusMessageComposer === "function") {
+          this.profileController.focusMessageComposer();
+        }
+      } catch (error) {
+        devLogger.warn(
+          "[Application] Failed to open DM composer:",
+          error,
+        );
+      }
+    }
+
+    return true;
+  }
+
+  handleProfileSendDmRequest({ recipient } = {}) {
+    const recipientPubkey =
+      typeof recipient?.pubkey === "string"
+        ? recipient.pubkey
+        : null;
+
+    return this.openDirectMessageComposer({
+      recipientPubkey,
+      source: "profile-modal",
+    });
+  }
+
+  handleProfileUseDmRelays({ recipient, controller } = {}) {
+    const relayHints = Array.isArray(recipient?.relayHints)
+      ? recipient.relayHints
+      : [];
+    if (!relayHints.length) {
+      this.showError("No DM relays found for this recipient.");
+      return false;
+    }
+
+    if (recipient?.pubkey) {
+      this.setDmRelayHints(recipient.pubkey, relayHints);
+    }
+
+    this.showSuccess("Recipient DM relays ready for use.");
+    if (controller?.focusMessageComposer) {
+      controller.focusMessageComposer();
+    }
+    return true;
+  }
+
+  handleProfilePrivacyToggle({ enabled, controller, recipient } = {}) {
+    const relayHints = Array.isArray(recipient?.relayHints)
+      ? recipient.relayHints
+      : [];
+
+    if (enabled && !relayHints.length) {
+      this.showStatus(
+        "Privacy warning: this recipient has not shared NIP-17 relays, so we'll use your default relays.",
+      );
+    }
+
+    this.showStatus(
+      enabled
+        ? "NIP-17 privacy delivery enabled for this recipient."
+        : "Using standard DM delivery for this recipient.",
+    );
+  }
+
+  updateProfileInDOM(pubkey, profile) {
+    if (this.profileIdentityController) {
+      this.profileIdentityController.updateProfileIdentity({
+        pubkey,
+        profile,
+      });
+    } else {
+      devLogger.warn(
+        "[Application] ProfileIdentityController missing; profile identity was not refreshed in the DOM.",
+      );
+    }
+
+    const normalizedPubkey =
+      this.normalizeHexPubkey(pubkey) ||
+      (typeof pubkey === "string" ? pubkey.trim() : "");
+    if (!normalizedPubkey) {
+      return;
+    }
+
+    const maybeDecorateVideo = (video) => {
+      if (!video || typeof video !== "object") {
+        return;
+      }
+      const videoPubkey =
+        this.normalizeHexPubkey(video.pubkey) ||
+        (typeof video.pubkey === "string" ? video.pubkey.trim() : "");
+      if (videoPubkey !== normalizedPubkey) {
+        return;
+      }
+      this.decorateVideoCreatorIdentity(video);
+    };
+
+    if (this.videosMap instanceof Map) {
+      for (const video of this.videosMap.values()) {
+        maybeDecorateVideo(video);
+      }
+    }
+
+    if (
+      this.videoListView &&
+      Array.isArray(this.videoListView.currentVideos)
+    ) {
+      this.videoListView.currentVideos.forEach((video) => {
+        maybeDecorateVideo(video);
+      });
+    }
+
+    if (this.currentVideo) {
+      maybeDecorateVideo(this.currentVideo);
+    }
+  }
+
+  async publishVideoNote(payload, { onSuccess, suppressModalClose } = {}) {
+    if (!this.pubkey) {
+      this.showError("Please login to post a video.");
+      return false;
+    }
+
+    const { payload: publishPayload, errors } = normalizeVideoNotePayload(
+      payload,
+    );
+
+    if (errors.length) {
+      const message = getVideoNoteErrorMessage(errors[0]);
+      this.showError(message);
+      return false;
+    }
+
+    try {
+      await this.nostrService.publishVideoNote(publishPayload, this.pubkey);
+    } catch (err) {
+      devLogger.error("Failed to publish video:", err);
+      this.showError("Failed to share video. Please try again later.");
+      return false;
+    }
+
+    if (typeof onSuccess === "function") {
+      await onSuccess();
+    }
+
+    if (suppressModalClose !== true && this.uploadModal) {
+      this.uploadModal.close();
+    }
+
+    let loadVideosError = null;
+
+    try {
+      await this.loadVideos();
+    } catch (error) {
+      loadVideosError = error;
+      devLogger.error(
+        "[Application] Failed to refresh videos after publishing:",
+        error
+      );
+    }
+
+    this.showSuccess("Video shared successfully!");
+
+    if (loadVideosError) {
+      this.showStatus(
+        "Video shared, but the feed may be out of date. Refresh the page to see the latest posts.",
+        { autoHideMs: 8000 }
+      );
+    }
+
+    return true;
+  }
+
+  /**
+   * Actually handle the upload form submission.
+   */
+  async handleUploadSubmitEvent(event) {
+    if (this.uploadSubmitPromise) {
+      devLogger.warn(
+        "[Application] Ignoring upload submit while a publish is already in progress.",
+      );
+      this.showStatus(
+        "Please wait for your current video to finish publishing before sharing another.",
+        { autoHideMs: 6000, showSpinner: false },
+      );
+      if (this.uploadModal?.updateCustomSubmitButtonState) {
+        this.uploadModal.updateCustomSubmitButtonState();
+      }
+      return;
+    }
+
+    const payload = event?.detail?.payload || {};
+
+    const submitPromise = (async () => {
+      try {
+        const publishResult = await this.authService.handleUploadSubmit(payload, {
+          publish: (data) =>
+            this.publishVideoNote(data, {
+              onSuccess: () => {
+                if (this.uploadModal?.resetCustomForm) {
+                  this.uploadModal.resetCustomForm();
+                }
+              },
+            }),
+        });
+        if (!publishResult && this.uploadModal?.cancelCustomSubmitCooldown) {
+          this.uploadModal.cancelCustomSubmitCooldown();
+        }
+      } catch (error) {
+        if (this.uploadModal?.cancelCustomSubmitCooldown) {
+          this.uploadModal.cancelCustomSubmitCooldown();
+        }
+        const message = this.describeLoginError(
+          error,
+          "Login required to publish videos.",
+        );
+        this.showError(message);
+      }
+    })();
+
+    this.uploadSubmitPromise = submitPromise;
+
+    try {
+      await submitPromise;
+    } finally {
+      if (this.uploadSubmitPromise === submitPromise) {
+        this.uploadSubmitPromise = null;
+      }
+    }
+  }
+
+  async handleProfileSwitchRequest({ pubkey, providerId } = {}) {
+    if (!pubkey) {
+      throw new Error("Missing pubkey for profile switch request.");
+    }
+
+    const result = await this.authService.switchProfile(pubkey, { providerId });
+
+    if (result?.switched) {
+      const detail = result.detail || null;
+
+      if (
+        detail?.postLoginPromise &&
+        typeof detail.postLoginPromise.then === "function"
+      ) {
+        try {
+          await detail.postLoginPromise;
+        } catch (error) {
+          devLogger.warn(
+            "Failed to complete post-login hydration before continuing after profile switch:",
+            error,
+          );
+        }
+      }
+
+      try {
+        await this.handleModerationSettingsChange({
+          settings: getModerationSettings(),
+          skipRefresh: true,
+        });
+      } catch (error) {
+        devLogger.warn(
+          "Failed to sync moderation settings after profile switch:",
+          error,
+        );
+      }
+
+      const refreshCompleted = await this.waitForIdentityRefresh({
+        reason: "profile-switch",
+      });
+
+      if (!refreshCompleted) {
+        devLogger.warn(
+          "[Application] Fallback identity refresh was required after switching profiles.",
+        );
+      }
+
+      if (this.watchHistoryTelemetry?.resetPlaybackLoggingState) {
+        try {
+          this.watchHistoryTelemetry.resetPlaybackLoggingState();
+        } catch (error) {
+          devLogger.warn(
+            "Failed to reset watch history telemetry after profile switch:",
+            error,
+          );
+        }
+      }
+
+      if (this.watchHistoryTelemetry?.refreshPreferenceSettings) {
+        try {
+          this.watchHistoryTelemetry.refreshPreferenceSettings();
+        } catch (error) {
+          devLogger.warn(
+            "Failed to refresh watch history preferences after profile switch:",
+            error,
+          );
+        }
+      }
+    }
+
+    return result;
+  }
+
+  async waitForIdentityRefresh({
+    reason = "identity-refresh",
+    attempts = 6,
+  } = {}) {
+    const maxAttempts = Number.isFinite(attempts)
+      ? Math.max(1, Math.floor(attempts))
+      : 6;
+    const waitForTick = () =>
+      new Promise((resolve) => {
+        if (typeof queueMicrotask === "function") {
+          queueMicrotask(resolve);
+        } else if (typeof setTimeout === "function") {
+          setTimeout(resolve, 0);
+        } else {
+          resolve();
+        }
+      });
+
+    let promise = null;
+
+    for (let attempt = 0; attempt < maxAttempts; attempt += 1) {
+      const candidate = this.lastIdentityRefreshPromise;
+      if (candidate && typeof candidate.then === "function") {
+        promise = candidate;
+        break;
+      }
+      // Yield to allow the auth login flow to schedule the refresh promise.
+      // eslint-disable-next-line no-await-in-loop
+      await waitForTick();
+    }
+
+    if (promise && typeof promise.then === "function") {
+      try {
+        await promise;
+        return true;
+      } catch (error) {
+        devLogger.error(
+          "[Application] Identity refresh promise rejected:",
+          error,
+        );
+      }
+
+      const activePubkey = this.pubkey;
+      if (activePubkey) {
+        try {
+          await this.nostrService.loadDirectMessages({
+            actorPubkey: activePubkey,
+            limit: 50,
+            initialLoad: true,
+          });
+        } catch (error) {
+          devLogger.warn(
+            "[Application] Failed to sync direct messages during login:",
+            error,
+          );
+        }
+      }
+    }
+
+    try {
+      await this.refreshAllVideoGrids({
+        reason,
+        forceMainReload: true,
+      });
+    } catch (error) {
+      devLogger.error(
+        "[Application] Failed to refresh video grids after waiting for identity refresh:",
+        error,
+      );
+    }
+
+    return false;
+  }
+
+  async handleProfileLogoutRequest({ pubkey, entry } = {}) {
+    const candidatePubkey =
+      typeof pubkey === "string" && pubkey.trim()
+        ? pubkey.trim()
+        : typeof entry?.pubkey === "string" && entry.pubkey.trim()
+          ? entry.pubkey.trim()
+          : "";
+
+    if (!candidatePubkey) {
+      return { loggedOut: false, reason: "invalid-pubkey" };
+    }
+
+    const normalizedTarget =
+      this.normalizeHexPubkey(candidatePubkey) || candidatePubkey;
+    if (!normalizedTarget) {
+      return { loggedOut: false, reason: "invalid-pubkey" };
+    }
+
+    const activeNormalized = this.normalizeHexPubkey(getActiveProfilePubkey());
+    if (activeNormalized && activeNormalized === normalizedTarget) {
+      const detail = await this.requestLogout();
+      return {
+        loggedOut: true,
+        reason: "active-profile",
+        active: true,
+        detail,
+      };
+    }
+
+    let removalResult;
+    try {
+      removalResult = this.authService.removeSavedProfile(candidatePubkey);
+    } catch (error) {
+      devLogger.error(
+        "[Application] Failed to remove saved profile during logout request:",
+        error,
+      );
+      return { loggedOut: false, reason: "remove-failed", error };
+    }
+
+    if (!removalResult?.removed) {
+      if (removalResult?.error) {
+        devLogger.warn(
+          "[Application] removeSavedProfile returned an error during logout request:",
+          removalResult.error,
+        );
+      }
+      return { loggedOut: false, reason: "not-found" };
+    }
+
+    if (
+      this.nwcSettingsService &&
+      typeof this.nwcSettingsService.clearStoredNwcSettings === "function"
+    ) {
+      try {
+        await this.nwcSettingsService.clearStoredNwcSettings(normalizedTarget, {
+          silent: true,
+        });
+      } catch (error) {
+        devLogger.warn(
+          "[Application] Failed to clear wallet settings for logged-out profile:",
+          error,
+        );
+      }
+    }
+
+    this.renderSavedProfiles();
+
+    return { loggedOut: true, removed: true };
+  }
+
+  async handleProfileRelayOperation({
+    action,
+    url,
+    activePubkey,
+    skipPublishIfUnchanged = true,
+  } = {}) {
+    const context = {
+      action,
+      url,
+      ok: false,
+      changed: false,
+      reason: null,
+      error: null,
+      publishResult: null,
+      operationResult: null,
+    };
+
+    if (!activePubkey) {
+      context.reason = "no-active-pubkey";
+      return context;
+    }
+
+    const previous = relayManager.snapshot();
+
+    let operationResult;
+    try {
+      switch (action) {
+        case "add":
+          operationResult = relayManager.addRelay(url);
+          break;
+        case "remove":
+          operationResult = relayManager.removeRelay(url);
+          break;
+        case "restore":
+          operationResult = relayManager.restoreDefaults();
+          break;
+        case "mode-toggle":
+          operationResult = relayManager.cycleRelayMode(url);
+          break;
+        default: {
+          const error = Object.assign(new Error("Unknown relay operation."), {
+            code: "invalid-operation",
+          });
+          throw error;
+        }
+      }
+    } catch (error) {
+      context.reason = error?.code || "operation-error";
+      context.error = error;
+      return context;
+    }
+
+    context.operationResult = operationResult;
+    context.changed = Boolean(operationResult?.changed);
+
+    if (!context.changed && skipPublishIfUnchanged) {
+      context.reason = operationResult?.reason || "unchanged";
+      return context;
+    }
+
+    try {
+      const publishResult = await relayManager.publishRelayList(activePubkey);
+      if (!publishResult?.ok) {
+        throw Object.assign(new Error("No relays accepted the update."), {
+          code: "publish-failed",
+        });
+      }
+      context.ok = true;
+      context.publishResult = publishResult;
+
+      const refreshReason = `relay-${action || "update"}`;
+      try {
+        await this.onVideosShouldRefresh({ reason: refreshReason });
+      } catch (refreshError) {
+        devLogger.warn(
+          "[Profile] Failed to refresh videos after relay update:",
+          refreshError,
+        );
+      }
+
+      return context;
+    } catch (error) {
+      context.reason = error?.code || "publish-failed";
+      context.error = error;
+      try {
+        if (Array.isArray(previous)) {
+          relayManager.setEntries(previous, { allowEmpty: false });
+        }
+      } catch (restoreError) {
+        devLogger.warn(
+          "[Profile] Failed to restore relay preferences after publish error:",
+          restoreError,
+        );
+      }
+      return context;
+    }
+  }
+
+  handleProfileRelayModeToggle(payload = {}) {
+    return payload?.context || null;
+  }
+
+  handleProfileRelayRestore(payload = {}) {
+    return payload?.context || null;
+  }
+
+  async handleProfileBlocklistMutation({
+    action,
+    actorHex,
+    targetHex,
+  } = {}) {
+    const context = { ok: false, reason: null, error: null };
+
+    if (!actorHex || !targetHex) {
+      context.reason = "invalid-target";
+      return context;
+    }
+
+    try {
+      await userBlocks.ensureLoaded(actorHex);
+      const isBlocked = userBlocks.isBlocked(targetHex);
+
+      if (action === "add") {
+        if (isBlocked) {
+          context.reason = "already-blocked";
+          return context;
+        }
+        await userBlocks.addBlock(targetHex, actorHex);
+        context.ok = true;
+        context.reason = "blocked";
+      } else if (action === "remove") {
+        if (!isBlocked) {
+          context.reason = "not-blocked";
+          return context;
+        }
+        await userBlocks.removeBlock(targetHex, actorHex);
+        context.ok = true;
+        context.reason = "unblocked";
+      } else {
+        context.reason = "invalid-action";
+        return context;
+      }
+
+      if (context.ok) {
+        try {
+          await this.onVideosShouldRefresh({ reason: `blocklist-${action}` });
+        } catch (refreshError) {
+          devLogger.error(
+            "Failed to refresh videos after blocklist mutation:",
+            refreshError,
+          );
+        }
+      }
+
+      return context;
+    } catch (error) {
+      context.error = error;
+      context.reason = error?.code || "service-error";
+      return context;
+    }
+  }
+
+  async handleProfileAdminMutation(payload = {}) {
+    const action = payload?.action;
+    const context = { ok: false, error: null, result: null };
+
+    try {
+      switch (action) {
+        case "ensure-ready":
+          await accessControl.waitForReady();
+          context.ok = true;
+          break;
+        case "add-moderator":
+          context.result = await accessControl.addModerator(
+            payload.actorNpub,
+            payload.targetNpub,
+          );
+          context.ok = !!context.result?.ok;
+          break;
+        case "remove-moderator":
+          context.result = await accessControl.removeModerator(
+            payload.actorNpub,
+            payload.targetNpub,
+          );
+          context.ok = !!context.result?.ok;
+          break;
+        case "list-mutation":
+          if (payload.listType === "whitelist") {
+            context.result =
+              payload.mode === "add"
+                ? await accessControl.addToWhitelist(
+                    payload.actorNpub,
+                    payload.targetNpub,
+                  )
+                : await accessControl.removeFromWhitelist(
+                    payload.actorNpub,
+                    payload.targetNpub,
+                  );
+          } else {
+            context.result =
+              payload.mode === "add"
+                ? await accessControl.addToBlacklist(
+                    payload.actorNpub,
+                    payload.targetNpub,
+                  )
+                : await accessControl.removeFromBlacklist(
+                    payload.actorNpub,
+                    payload.targetNpub,
+                  );
+          }
+          context.ok = !!context.result?.ok;
+          break;
+        default:
+          context.error = Object.assign(
+            new Error("Unknown admin mutation."),
+            { code: "invalid-action" },
+          );
+      }
+    } catch (error) {
+      context.error = error;
+      return context;
+    }
+
+    return context;
+  }
+
+  async handleProfileWalletPersist(options = {}) {
+    return this.nwcSettingsService.handleProfileWalletPersist(options);
+  }
+
+  async handleProfileWalletTest({ nwcUri, defaultZap } = {}) {
+    return this.nwcSettingsService.ensureWallet({ nwcUri, defaultZap });
+  }
+
+  async handleProfileWalletDisconnect() {
+    return this.nwcSettingsService.updateActiveNwcSettings(
+      this.nwcSettingsService.createDefaultNwcSettings(),
+    );
+  }
+
+  handleProfileAdminNotifyError({ error } = {}) {
+    if (!error) {
+      return;
+    }
+    devLogger.warn("[admin] Notification dispatch issue:", error);
+  }
+
+  handleProfileHistoryEvent() {
+    return null;
+  }
+
+  async handleModerationSettingsChange({ settings, skipRefresh = false } = {}) {
+    const normalized = this.normalizeModerationSettings(settings);
+    this.moderationSettings = normalized;
+    const feedContext = {
+      feedName: this.feedName || "",
+      feedVariant: this.feedVariant || "",
+    };
+
+    if (this.videosMap instanceof Map) {
+      for (const video of this.videosMap.values()) {
+        if (video && typeof video === "object") {
+          this.decorateVideoModeration(video, feedContext);
+        }
+      }
+    }
+
+    if (
+      this.videoListView &&
+      Array.isArray(this.videoListView.videoCardInstances)
+    ) {
+      for (const card of this.videoListView.videoCardInstances) {
+        if (!card || typeof card.refreshModerationUi !== "function") {
+          continue;
+        }
+        if (card.video && typeof card.video === "object") {
+          this.decorateVideoModeration(card.video, feedContext);
+        }
+        try {
+          card.refreshModerationUi();
+        } catch (error) {
+          devLogger.warn(
+            "[Application] Failed to refresh moderation UI:",
+            error,
+          );
+        }
+      }
+    }
+
+    if (this.videoListView && Array.isArray(this.videoListView.currentVideos)) {
+      for (const video of this.videoListView.currentVideos) {
+        if (video && typeof video === "object") {
+          this.decorateVideoModeration(video, feedContext);
+        }
+      }
+    }
+
+    if (this.currentVideo && typeof this.currentVideo === "object") {
+      this.decorateVideoModeration(this.currentVideo, feedContext);
+    }
+
+    this.moderationDecorator.updateSettings(normalized);
+
+    if (!skipRefresh) {
+      try {
+        await this.onVideosShouldRefresh({ reason: "moderation-settings-change" });
+      } catch (error) {
+        devLogger.warn(
+          "[Application] Failed to refresh videos after moderation settings change:",
+          error,
+        );
+      }
+    }
+
+    return normalized;
+  }
+
+  refreshVisibleModerationUi({ reason } = {}) {
+    const context = reason ? ` after ${reason}` : "";
+    const feedContext = {
+      feedName: this.feedName || "",
+      feedVariant: this.feedVariant || "",
+    };
+
+    const redecorateVideo = (video) => {
+      if (!video || typeof video !== "object") {
+        return;
+      }
+
+      try {
+        this.decorateVideoModeration(video, feedContext);
+      } catch (error) {
+        devLogger.warn(
+          `[Application] Failed to decorate video moderation${context}:`,
+          error,
+        );
+      }
+    };
+
+    if (this.videosMap instanceof Map) {
+      for (const video of this.videosMap.values()) {
+        redecorateVideo(video);
+      }
+    }
+
+    if (this.videoListView && Array.isArray(this.videoListView.currentVideos)) {
+      for (const video of this.videoListView.currentVideos) {
+        redecorateVideo(video);
+      }
+    }
+
+    if (this.videoListView && Array.isArray(this.videoListView.videoCardInstances)) {
+      for (const card of this.videoListView.videoCardInstances) {
+        if (!card || typeof card !== "object") {
+          continue;
+        }
+
+        if (card.video && typeof card.video === "object") {
+          redecorateVideo(card.video);
+        }
+
+        if (typeof card.refreshModerationUi === "function") {
+          try {
+            card.refreshModerationUi();
+          } catch (error) {
+            devLogger.warn(
+              `[Application] Failed to refresh moderation UI on card${context}:`,
+              error,
+            );
+          }
+        }
+      }
+    }
+
+    if (this.currentVideo && typeof this.currentVideo === "object") {
+      redecorateVideo(this.currentVideo);
+
+      try {
+        this.videoModal?.refreshActiveVideoModeration?.({ video: this.currentVideo });
+      } catch (error) {
+        devLogger.warn(
+          `[Application] Failed to refresh video modal moderation UI${context}:`,
+          error,
+        );
+      }
+    }
+  }
+
+  updateActiveProfileUI(pubkey, profile = {}) {
+    if (this.profileController) {
+      this.profileController.handleProfileUpdated({
+        pubkey,
+        profile,
+      });
+      return;
+    }
+
+    const picture = profile.picture || "assets/svg/default-profile.svg";
+
+    if (this.profileAvatar) {
+      this.profileAvatar.src = picture;
+    }
+
+    const channelLink = document.getElementById("profileChannelLink");
+    if (channelLink instanceof HTMLElement) {
+      const targetNpub = this.safeEncodeNpub(pubkey);
+      if (targetNpub) {
+        channelLink.href = `#view=channel-profile&npub=${targetNpub}`;
+        channelLink.dataset.targetNpub = targetNpub;
+        channelLink.classList.remove("hidden");
+      } else {
+        channelLink.removeAttribute("href");
+        if (channelLink.dataset) {
+          delete channelLink.dataset.targetNpub;
+        }
+        channelLink.classList.add("hidden");
+      }
+    }
+  }
+
+  async hydrateNwcSettingsForPubkey(pubkey) {
+    return this.nwcSettingsService.hydrateNwcSettingsForPubkey(pubkey);
+  }
+
+  getActiveNwcSettings() {
+    return this.nwcSettingsService.getActiveNwcSettings();
+  }
+
+  hasActiveWalletConnection() {
+    return this.nwcSettingsService.hasActiveWalletConnection();
+  }
+
+  validateWalletUri(uri, options) {
+    return this.nwcSettingsService.validateWalletUri(uri, options);
+  }
+
+  isUserLoggedIn() {
+    const normalizedPubkey = this.normalizeHexPubkey(this.pubkey);
+    if (!normalizedPubkey) {
+      return false;
+    }
+
+    const clientPubkey = this.normalizeHexPubkey(nostrClient?.pubkey);
+    if (clientPubkey && clientPubkey !== normalizedPubkey) {
+      return false;
+    }
+
+    const sessionActor = nostrClient?.sessionActor || null;
+    const sessionActorPubkey = this.normalizeHexPubkey(sessionActor?.pubkey);
+    if (sessionActorPubkey && sessionActorPubkey !== normalizedPubkey) {
+      const rawPrivateKey =
+        typeof sessionActor?.privateKey === "string"
+          ? sessionActor.privateKey.trim()
+          : "";
+      const hasEmbeddedPrivateKey =
+        rawPrivateKey.length > 0 && HEX64_REGEX.test(rawPrivateKey);
+
+      const declaredSource =
+        typeof sessionActor?.source === "string"
+          ? sessionActor.source.trim()
+          : "";
+      const isPersisted = sessionActor?.persisted === true;
+
+      if (!hasEmbeddedPrivateKey || declaredSource || isPersisted) {
+        return false;
+      }
+    }
+
+    return true;
+  }
+
+  updateShareNostrAuthState({ reason = "" } = {}) {
+    if (!this.videoModal?.setShareNostrAuthState) {
+      return;
+    }
+
+    const isLoggedIn = this.isUserLoggedIn();
+    const hasSigner = Boolean(getActiveSigner());
+
+    this.videoModal.setShareNostrAuthState({
+      isLoggedIn,
+      hasSigner,
+      reason,
+    });
+  }
+
+  async updateActiveNwcSettings(partial = {}) {
+    return this.nwcSettingsService.updateActiveNwcSettings(partial);
+  }
+
+  async ensureWallet({ nwcUri, defaultZap } = {}) {
+    return this.nwcSettingsService.ensureWallet({ nwcUri, defaultZap });
+  }
+
+  async clearStoredNwcSettings(pubkey, options = {}) {
+    return this.nwcSettingsService.clearStoredNwcSettings(pubkey, options);
+  }
+
+  applyAuthenticatedUiState() {
+    if (this.loginButton) {
+      this.loginButton.classList.add("hidden");
+      this.loginButton.setAttribute("hidden", "");
+    }
+
+    if (this.logoutButton) {
+      this.logoutButton.classList.remove("hidden");
+    }
+
+    if (this.userStatus) {
+      this.userStatus.classList.add("hidden");
+    }
+
+    if (this.uploadButton) {
+      this.uploadButton.classList.remove("hidden");
+      this.uploadButton.removeAttribute("hidden");
+    }
+
+    if (this.profileButton) {
+      this.profileButton.classList.remove("hidden");
+      this.profileButton.removeAttribute("hidden");
+    }
+
+    const subscriptionsLink = this.resolveSubscriptionsLink();
+    if (subscriptionsLink) {
+      subscriptionsLink.classList.remove("hidden");
+    }
+
+    const forYouLink = this.resolveForYouLink();
+    if (forYouLink) {
+      forYouLink.classList.remove("hidden");
+    }
+
+    const exploreLink = this.resolveExploreLink();
+    if (exploreLink) {
+      exploreLink.classList.remove("hidden");
+    }
+  }
+
+  applyLoggedOutUiState() {
+    if (this.loginButton) {
+      this.loginButton.classList.remove("hidden");
+      this.loginButton.removeAttribute("hidden");
+    }
+
+    if (this.logoutButton) {
+      this.logoutButton.classList.add("hidden");
+    }
+
+    if (this.userStatus) {
+      this.userStatus.classList.add("hidden");
+    }
+
+    if (this.userPubKey) {
+      this.userPubKey.textContent = "";
+    }
+
+    if (this.uploadButton) {
+      this.uploadButton.classList.add("hidden");
+      this.uploadButton.setAttribute("hidden", "");
+    }
+
+    if (this.profileButton) {
+      this.profileButton.classList.add("hidden");
+      this.profileButton.setAttribute("hidden", "");
+    }
+
+    const subscriptionsLink = this.resolveSubscriptionsLink();
+    if (subscriptionsLink) {
+      subscriptionsLink.classList.add("hidden");
+    }
+
+    const forYouLink = this.resolveForYouLink();
+    if (forYouLink) {
+      forYouLink.classList.add("hidden");
+    }
+
+    const exploreLink = this.resolveExploreLink();
+    if (exploreLink) {
+      exploreLink.classList.add("hidden");
+    }
+  }
+
+  syncAuthUiState() {
+    if (this.isUserLoggedIn()) {
+      this.applyAuthenticatedUiState();
+    } else {
+      this.applyLoggedOutUiState();
+    }
+  }
+
+  refreshChromeElements() {
+    const doc = typeof document !== "undefined" ? document : null;
+    const findElement = (id) => {
+      if (!doc || typeof doc.getElementById !== "function") {
+        return null;
+      }
+      const element = doc.getElementById(id);
+      if (!element || typeof element.addEventListener !== "function") {
+        return null;
+      }
+      return element;
+    };
+
+    this.loginButton = findElement("loginButton");
+    this.logoutButton = findElement("logoutButton");
+    this.uploadButton = findElement("uploadButton");
+    this.profileButton = findElement("profileButton");
+    this.closeLoginModalBtn = findElement("closeLoginModal");
+
+    return {
+      loginButton: this.loginButton,
+      logoutButton: this.logoutButton,
+      uploadButton: this.uploadButton,
+      profileButton: this.profileButton,
+      closeLoginModalButton: this.closeLoginModalBtn,
+    };
+  }
+
+  resolveSubscriptionsLink() {
+    if (
+      this.subscriptionsLink instanceof HTMLElement &&
+      this.subscriptionsLink.isConnected
+    ) {
+      return this.subscriptionsLink;
+    }
+
+    const linkCandidate = document.getElementById("subscriptionsLink");
+    if (linkCandidate instanceof HTMLElement) {
+      this.subscriptionsLink = linkCandidate;
+      return this.subscriptionsLink;
+    }
+
+    this.subscriptionsLink = null;
+    return null;
+  }
+
+  resolveForYouLink() {
+    if (this.forYouLink instanceof HTMLElement && this.forYouLink.isConnected) {
+      return this.forYouLink;
+    }
+
+    const linkCandidate = document.getElementById("forYouLink");
+    if (linkCandidate instanceof HTMLElement) {
+      this.forYouLink = linkCandidate;
+      return this.forYouLink;
+    }
+
+    this.forYouLink = null;
+    return null;
+  }
+
+  resolveExploreLink() {
+    if (
+      this.exploreLink instanceof HTMLElement &&
+      this.exploreLink.isConnected
+    ) {
+      return this.exploreLink;
+    }
+
+    const linkCandidate = document.getElementById("exploreLink");
+    if (linkCandidate instanceof HTMLElement) {
+      this.exploreLink = linkCandidate;
+      return this.exploreLink;
+    }
+
+    this.exploreLink = null;
+    return null;
+  }
+
+  hydrateSidebarNavigation() {
+    const chromeElements = this.refreshChromeElements();
+    this.resolveSubscriptionsLink();
+    this.resolveForYouLink();
+    this.resolveExploreLink();
+
+    if (this.appChromeController) {
+      if (typeof this.appChromeController.setElements === "function") {
+        this.appChromeController.setElements(chromeElements);
+      } else {
+        if (this.appChromeController.elements) {
+          Object.assign(this.appChromeController.elements, chromeElements);
+        }
+        this.appChromeController.initialize();
+      }
+    }
+
+    this.syncAuthUiState();
+  }
+
+  maybeShowExperimentalLoginWarning(provider) {
+    const normalizedProvider =
+      typeof provider === "string" ? provider.trim().toLowerCase() : "";
+
+    if (normalizedProvider !== "nsec" && normalizedProvider !== "nip46") {
+      return;
+    }
+
+    const now = Date.now();
+    if (
+      this.lastExperimentalWarningKey === normalizedProvider &&
+      typeof this.lastExperimentalWarningAt === "number" &&
+      now - this.lastExperimentalWarningAt < 2000
+    ) {
+      return;
+    }
+
+    this.lastExperimentalWarningKey = normalizedProvider;
+    this.lastExperimentalWarningAt = now;
+
+    const providerLabel =
+      normalizedProvider === "nsec"
+        ? "Direct nsec or seed"
+        : "NIP-46 remote signer";
+
+    this.showStatus(
+      `${providerLabel} logins are still in development and may not work well yet. We recommend using a NIP-07 browser extension for the most reliable experience.`,
+      { showSpinner: false, autoHideMs: 5000 },
+    );
+  }
+
+  async handlePermissionPromptRequest() {
+    if (this.permissionPromptInFlight) {
+      return;
+    }
+
+    const activePubkey = this.normalizeHexPubkey(this.pubkey);
+    if (!activePubkey) {
+      return;
+    }
+
+    const needsSubscriptions = this.permissionPromptPending.has("subscriptions");
+    const needsHashtags = this.permissionPromptPending.has("hashtag-preferences");
+    const needsBlocks = this.permissionPromptPending.has("user-blocks");
+
+    if (!needsSubscriptions && !needsHashtags && !needsBlocks) {
+      return;
+    }
+
+    this.permissionPromptInFlight = true;
+    this.updatePermissionPromptCta();
+
+    const tasks = [];
+
+    if (needsSubscriptions && subscriptions?.ensureLoaded) {
+      const subscriptionTask = subscriptions
+        .ensureLoaded(activePubkey, { allowPermissionPrompt: true })
+        .then(() => {
+          this.capturePermissionPromptFromError(subscriptions?.lastLoadError);
+          if (
+            subscriptions?.lastLoadError?.code !==
+            "subscriptions-permission-required"
+          ) {
+            this.permissionPromptPending.delete("subscriptions");
+            if (this.profileController) {
+              this.profileController.populateSubscriptionsList();
+            }
+            if (typeof subscriptions?.refreshActiveFeed === "function") {
+              return subscriptions.refreshActiveFeed({
+                reason: "permission-prompt",
+              });
+            }
+          }
+          return null;
+        })
+        .catch((error) => {
+          devLogger.warn(
+            "[Application] Failed to refresh subscriptions after permission prompt:",
+            error,
+          );
+          this.capturePermissionPromptFromError(error);
+        });
+      tasks.push(subscriptionTask);
+    }
+
+    if (needsBlocks && userBlocks?.loadBlocks) {
+      let permissionRequired = false;
+      const blocksTask = userBlocks
+        .loadBlocks(activePubkey, {
+          allowPermissionPrompt: true,
+          statusCallback: (detail) => {
+            if (detail?.status === "permission-required") {
+              permissionRequired = true;
+            }
+          },
+        })
+        .then(() => {
+          if (!permissionRequired) {
+            this.permissionPromptPending.delete("user-blocks");
+          }
+        })
+        .catch((error) => {
+          devLogger.warn(
+            "[Application] Failed to refresh block list after permission prompt:",
+            error,
+          );
+          this.capturePermissionPromptFromError(error);
+        });
+      tasks.push(blocksTask);
+    }
+
+    if (needsHashtags && this.hashtagPreferences?.load) {
+      const hashtagTask = this.hashtagPreferences
+        .load(activePubkey, { allowPermissionPrompt: true })
+        .then(() => {
+          this.capturePermissionPromptFromError(
+            this.hashtagPreferences?.lastLoadError,
+          );
+          if (
+            this.hashtagPreferences?.lastLoadError?.code !==
+            "hashtag-preferences-permission-required"
+          ) {
+            this.permissionPromptPending.delete("hashtag-preferences");
+            this.updateCachedHashtagPreferences();
+            this.refreshTagPreferenceUi();
+            if (this.profileController) {
+              this.profileController.populateHashtagPreferences();
+            }
+          }
+        })
+        .catch((error) => {
+          devLogger.warn(
+            "[Application] Failed to refresh hashtag preferences after permission prompt:",
+            error,
+          );
+          this.capturePermissionPromptFromError(error);
+        });
+      tasks.push(hashtagTask);
+    }
+
+    await Promise.allSettled(tasks);
+
+    if (this.permissionPromptPending.size === 0) {
+      this.permissionPromptVisible = false;
+    }
+
+    this.permissionPromptInFlight = false;
+    this.updatePermissionPromptCta();
+  }
+
+  async handleAuthLogin(detail = {}) {
+    const postLoginPromise =
+      detail && typeof detail.postLoginPromise?.then === "function"
+        ? detail.postLoginPromise
+        : Promise.resolve(detail?.postLogin ?? null);
+    const postLoginResult = detail?.postLogin ?? null;
+
+    if (detail && typeof detail === "object") {
+      try {
+        detail.__handled = true;
+      } catch (error) {
+        // Ignore attempts to mutate read-only descriptors.
+      }
+    }
+
+    if (detail?.identityChanged) {
+      this.resetViewLoggingState();
+    }
+
+    this.resetPermissionPromptState();
+
+    // Stop existing feed subscription to prioritize user data sync
+    if (
+      this.videoSubscription &&
+      typeof this.videoSubscription.unsub === "function"
+    ) {
+      this.videoSubscription.unsub();
+      this.videoSubscription = null;
+    }
+
+    this.applyAuthenticatedUiState();
+    this.commentController?.refreshAuthState?.();
+    this.updateShareNostrAuthState({ reason: "auth-login" });
+    if (typeof this.refreshUnreadDmIndicator === "function") {
+      void this.refreshUnreadDmIndicator({ reason: "auth-login" });
+    }
+
+    const currentView = getHashViewName();
+    const normalizedView =
+      typeof currentView === "string" ? currentView.toLowerCase() : "";
+    const urlParams = new URLSearchParams(window.location.search);
+    const hasVideoParam = urlParams.has("v");
+
+    const rawProviderId =
+      typeof detail?.providerId === "string" ? detail.providerId.trim() : "";
+    const rawAuthType =
+      typeof detail?.authType === "string" ? detail.authType.trim() : "";
+    const normalizedProvider =
+      (rawProviderId || rawAuthType).toLowerCase() || "";
+
+    this.maybeShowExperimentalLoginWarning(normalizedProvider);
+
+    const loginContext = {
+      pubkey: detail?.pubkey || this.pubkey,
+      previousPubkey: detail?.previousPubkey,
+      identityChanged: Boolean(detail?.identityChanged),
+    };
+    const activePubkey = detail?.pubkey || this.pubkey;
+
+    const initialLoadingState = {
+      profile: activePubkey ? "loading" : "idle",
+      lists: activePubkey ? "loading" : "idle",
+      dms: activePubkey ? "loading" : "idle",
+    };
+    this.updateAuthLoadingState(initialLoadingState);
+
+    this.dispatchAuthChange({
+      status: "login",
+      loggedIn: true,
+      pubkey: loginContext.pubkey || null,
+      previousPubkey: loginContext.previousPubkey || null,
+      authLoadingState: this.authLoadingState,
+    });
+
+    const cachedProfile =
+      detail?.postLogin && typeof detail.postLogin === "object"
+        ? detail.postLogin.profile || null
+        : null;
+    if (activePubkey && cachedProfile) {
+      try {
+        this.updateActiveProfileUI(activePubkey, cachedProfile);
+      } catch (error) {
+        devLogger.warn(
+          "[Application] Failed to apply cached profile during login:",
+          error,
+        );
+      }
+    }
+
+    if (this.profileController) {
+      try {
+        const maybePromise = this.profileController.handleAuthLogin(detail);
+        if (maybePromise && typeof maybePromise.then === "function") {
+          maybePromise.catch((error) => {
+            devLogger.error(
+              "Failed to process login within the profile controller:",
+              error,
+            );
+          });
+        }
+      } catch (error) {
+        devLogger.error(
+          "Failed to process login within the profile controller:",
+          error,
+        );
+      }
+    } else {
+      this.renderSavedProfiles();
+    }
+
+    const accessControlReadyPromise =
+      accessControl && typeof accessControl.ensureReady === "function"
+        ? Promise.resolve()
+            .then(() => accessControl.ensureReady())
+            .catch((error) => {
+              userLogger.error(
+                "[Application] Failed to refresh admin lists after login:",
+                error,
+              );
+              throw error;
+            })
+        : null;
+
+    const profileStatePromise = Promise.resolve(postLoginPromise)
+      .then(async (postLogin) => {
+        // 1. Relays and Profile are now loaded (sequentially or efficiently by authService)
+        const nextProfile = postLogin?.profile || cachedProfile;
+        if (activePubkey && nextProfile) {
+          this.updateActiveProfileUI(activePubkey, nextProfile);
+        }
+        this.forceRefreshAllProfiles();
+        this.updateAuthLoadingState({
+          profile: nextProfile ? "ready" : "error",
+        });
+        return postLogin;
+      })
+      .catch((error) => {
+        devLogger.error("Post-login hydration failed:", error);
+        this.updateAuthLoadingState({ profile: "error" });
+        return null;
+      });
+
+    // Chain list loading to profile state to ensure relays are loaded first.
+    const listStatePromise = profileStatePromise.then(() => {
+      const tasks = [];
+      if (activePubkey && typeof this.authService.loadBlocksForPubkey === "function") {
+        tasks.push(
+          this.authService
+            .loadBlocksForPubkey(activePubkey, { allowPermissionPrompt: false })
+            .catch((error) => {
+              devLogger.warn(
+                "[Application] Failed to load blocks during login:",
+                error,
+              );
+              throw error;
+            }),
+        );
+      }
+
+      if (
+        activePubkey &&
+        subscriptions &&
+        typeof subscriptions.ensureLoaded === "function"
+      ) {
+        tasks.push(
+          subscriptions.ensureLoaded(activePubkey, {
+            allowPermissionPrompt: false,
+          })
+            .then(() => {
+              this.capturePermissionPromptFromError(
+                subscriptions?.lastLoadError,
+              );
+            })
+            .catch((error) => {
+              devLogger.warn(
+                "[Application] Failed to load subscriptions during login:",
+                error,
+              );
+              this.capturePermissionPromptFromError(error);
+              throw error;
+            }),
+        );
+      }
+
+      if (!tasks.length) {
+        this.updateAuthLoadingState({ lists: "idle" });
+        return Promise.resolve(true);
+      }
+
+      return Promise.allSettled(tasks).then((results) => {
+        const success = results.every(
+          (result) => result.status === "fulfilled",
+        );
+        this.updateAuthLoadingState({
+          lists: success ? "ready" : "error",
+        });
+        return success;
+      });
+    });
+
+    const dmStatePromise = profileStatePromise.then(() => {
+      if (
+        activePubkey &&
+        this.nostrService &&
+        typeof this.nostrService.loadDirectMessages === "function"
+      ) {
+        return this.nostrService
+          .loadDirectMessages({
+            actorPubkey: activePubkey,
+            limit: 50,
+            initialLoad: true,
+          })
+          .then(() => {
+            this.updateAuthLoadingState({ dms: "ready" });
+          })
+          .catch((error) => {
+            devLogger.warn(
+              "[Application] Failed to load direct messages during login:",
+              error,
+            );
+            this.updateAuthLoadingState({ dms: "error" });
+          });
+      }
+      this.updateAuthLoadingState({ dms: "idle" });
+      return Promise.resolve();
+    });
+
+    const nwcPromise = profileStatePromise.then(() => {
+      if (
+        activePubkey &&
+        this.nwcSettingsService &&
+        typeof this.nwcSettingsService.hydrateNwcSettingsForPubkey === "function"
+      ) {
+        return this.nwcSettingsService
+          .hydrateNwcSettingsForPubkey(activePubkey)
+          .catch((error) => {
+            devLogger.warn(
+              "[Application] Failed to hydrate NWC settings during login:",
+              error,
+            );
+          });
+      }
+      return Promise.resolve();
+    });
+
+    const hashtagPreferencesPromise = profileStatePromise.then(() => {
+      if (
+        activePubkey &&
+        this.hashtagPreferences &&
+        typeof this.hashtagPreferences.load === "function"
+      ) {
+        return this.hashtagPreferences
+          .load(activePubkey, {
+            allowPermissionPrompt: false,
+          })
+          .then(() => {
+            this.capturePermissionPromptFromError(
+              this.hashtagPreferences?.lastLoadError,
+            );
+          })
+          .catch((error) => {
+            devLogger.warn(
+              "[Application] Failed to load hashtag preferences during login:",
+              error,
+            );
+            this.capturePermissionPromptFromError(error);
+          });
+      }
+      return Promise.resolve();
+    });
+
+    void Promise.allSettled([
+      profileStatePromise,
+      listStatePromise,
+      dmStatePromise,
+    ]);
+    void nwcPromise;
+    void hashtagPreferencesPromise;
+
+    if (activePubkey) {
+      const seedBlacklist = () => {
+        const aggregatedBlacklist = accessControl.getBlacklist();
+        return userBlocks.seedWithNpubs(
+          activePubkey,
+          Array.isArray(aggregatedBlacklist) ? aggregatedBlacklist : [],
+        );
+      };
+
+      // Background the seeding process because it involves publishing events,
+      // which can block the login flow significantly.
+      Promise.resolve(accessControlReadyPromise)
+        .catch(() => null)
+        .then(() => seedBlacklist())
+        .catch((error) => {
+          if (
+            error?.code === "extension-permission-denied" ||
+            error?.code === "nip04-missing" ||
+            error?.name === "RelayPublishError"
+          ) {
+            userLogger.error(
+              "[Application] Failed to seed shared block list after login:",
+              error,
+            );
+          } else {
+            devLogger.error(
+              "[Application] Unexpected error while seeding shared block list:",
+              error,
+            );
+          }
+        });
+
+      // Subscriptions are loaded in list tasks to align with per-category loading states.
+    }
+
+    try {
+      this.reinitializeVideoListView({ reason: "login", postLoginResult });
+    } catch (error) {
+      devLogger.warn("Failed to reinitialize video list view after login:", error);
+    }
+
+    this.lastIdentityRefreshPromise = this.refreshAllVideoGrids({
+      reason: "auth-login",
+      forceMainReload: true,
+    });
+    this.lastIdentityRefreshPromise
+      .catch((error) => {
+        devLogger.error("Failed to refresh video grids after login:", error);
+      })
+      .finally(() => {
+        this.lastIdentityRefreshPromise = null;
+      });
+
+    this.forceRefreshAllProfiles();
+
+    if (this.uploadModal?.refreshCloudflareBucketPreview) {
+      Promise.resolve()
+        .then(() => this.uploadModal.refreshCloudflareBucketPreview())
+        .catch((error) => {
+          devLogger.warn(
+            "[Application] Failed to refresh cloudflare bucket preview after login:",
+            error,
+          );
+        });
+    }
+  }
+
+  handleBlocksLoaded(detail = {}) {
+    if (detail?.blocksLoaded !== true) {
+      return;
+    }
+
+    if (this.profileController) {
+      try {
+        this.profileController.populateBlockedList();
+      } catch (error) {
+        devLogger.warn(
+          "[Application] Failed to refresh blocked list after blocks loaded:",
+          error,
+        );
+      }
+    }
+
+    try {
+      void this.onVideosShouldRefresh({ reason: "blocks-loaded" });
+    } catch (error) {
+      devLogger.warn(
+        "[Application] Failed to refresh videos after blocks loaded:",
+        error,
+      );
+    }
+  }
+
+  handleRelaysLoaded(detail = {}) {
+    if (detail?.relaysLoaded !== true) {
+      return;
+    }
+
+    this.scheduleRelayUiRefresh();
+  }
+
+  scheduleRelayUiRefresh() {
+    if (this.relayUiRefreshTimeout) {
+      return;
+    }
+
+    const scheduleTimeout =
+      typeof window !== "undefined" && typeof window.setTimeout === "function"
+        ? window.setTimeout.bind(window)
+        : setTimeout;
+
+    this.relayUiRefreshTimeout = scheduleTimeout(() => {
+      this.relayUiRefreshTimeout = null;
+      this.flushRelayUiRefresh();
+    }, RELAY_UI_BATCH_DELAY_MS);
+  }
+
+  flushRelayUiRefresh() {
+    if (!this.profileController) {
+      return;
+    }
+
+    try {
+      this.profileController.populateProfileRelays();
+    } catch (error) {
+      devLogger.warn(
+        "[Application] Failed to refresh profile relays after relays loaded:",
+        error,
+      );
+    }
+
+    try {
+      void this.profileController.refreshDmRelayPreferences({ force: true });
+    } catch (error) {
+      devLogger.warn(
+        "[Application] Failed to refresh DM relay preferences after relays loaded:",
+        error,
+      );
+    }
+  }
+
+  async requestLogout() {
+    const detail = await this.authService.logout();
+
+    if (detail && typeof detail === "object") {
+      if (detail.__handled === true) {
+        return detail;
+      }
+
+      try {
+        detail.__handled = true;
+      } catch (error) {
+        devLogger.warn("Failed to mark logout detail as handled:", error);
+      }
+    }
+
+    await this.handleAuthLogout(detail);
+    return detail ?? null;
+  }
+
+  async handleAuthLogout(detail = {}) {
+    if (detail && typeof detail === "object") {
+      try {
+        detail.__handled = true;
+      } catch (error) {
+        devLogger.warn("Failed to mark logout detail as handled:", error);
+      }
+    }
+
+    this.resetViewLoggingState();
+    this.pendingModalZapOpen = false;
+
+    this.resetHashtagPreferencesState();
+    this.resetPermissionPromptState();
+    this.updateAuthLoadingState({ profile: "idle", lists: "idle", dms: "idle" });
+
+    await this.nwcSettingsService.onLogout({
+      pubkey: detail?.pubkey || this.pubkey,
+      previousPubkey: detail?.previousPubkey,
+    });
+
+    if (this.profileController) {
+      try {
+        await this.profileController.handleAuthLogout(detail);
+      } catch (error) {
+        devLogger.error(
+          "Failed to process logout within the profile controller:",
+          error,
+        );
+      }
+    } else {
+      this.renderSavedProfiles();
+    }
+
+    this.applyLoggedOutUiState();
+    this.updateShareNostrAuthState({ reason: "auth-logout" });
+    if (typeof this.refreshUnreadDmIndicator === "function") {
+      void this.refreshUnreadDmIndicator({ reason: "auth-logout" });
+    } else if (this.appChromeController?.setUnreadDmIndicator) {
+      this.appChromeController.setUnreadDmIndicator(false);
+    }
+
+    const logoutView = getHashViewName();
+    if (
+      typeof logoutView === "string" &&
+      logoutView.trim().toLowerCase() === "for-you"
+    ) {
+      setHashView("most-recent-videos");
+    }
+
+    const activeModalVideo =
+      typeof this.videoModal?.getCurrentVideo === "function"
+        ? this.videoModal.getCurrentVideo()
+        : this.commentController?.currentVideo || null;
+
+    if (this.commentController && activeModalVideo) {
+      // Regression guard: ensure logout refreshes the modal thread so comments stay visible without reopening.
+      this.commentController.load(activeModalVideo);
+    } else {
+      this.commentController?.refreshAuthState?.();
+    }
+
+    try {
+      await this.handleModerationSettingsChange({
+        settings: getModerationSettings(),
+        skipRefresh: true,
+      });
+    } catch (error) {
+      devLogger.warn(
+        "Failed to reset moderation settings after logout:",
+        error,
+      );
+    }
+
+    if (this.videoModal?.closeZapDialog) {
+      try {
+        this.videoModal.closeZapDialog({ silent: true, restoreFocus: false });
+      } catch (error) {
+        devLogger.warn("Failed to close zap dialog during logout:", error);
+      }
+    }
+
+    if (this.zapController) {
+      try {
+        this.zapController.resetState();
+        this.zapController.setVisibility(Boolean(this.currentVideo?.lightningAddress));
+      } catch (error) {
+        devLogger.warn("Failed to reset zap controller during logout:", error);
+      }
+    }
+
+    if (typeof this.nostrService?.stopDirectMessageSubscription === "function") {
+      try {
+        this.nostrService.stopDirectMessageSubscription();
+      } catch (error) {
+        devLogger.warn("Failed to stop DM subscription during logout:", error);
+      }
+    }
+
+    if (typeof this.nostrService?.clearDirectMessages === "function") {
+      try {
+        this.nostrService.clearDirectMessages({ emit: true });
+      } catch (error) {
+        devLogger.warn("Failed to clear cached DMs during logout:", error);
+      }
+    }
+
+    if (typeof this.nostrService?.clearVideoSubscription === "function") {
+      try {
+        this.nostrService.clearVideoSubscription();
+      } catch (error) {
+        devLogger.warn("Failed to clear video subscription during logout:", error);
+      }
+    }
+
+    if (typeof this.nostrService?.resetVideosCache === "function") {
+      try {
+        this.nostrService.resetVideosCache();
+      } catch (error) {
+        devLogger.warn("Failed to reset cached videos during logout:", error);
+      }
+    }
+
+    await this.renderVideoList({
+      videos: [],
+      metadata: { reason: "auth:logout" },
+    });
+
+    this.dispatchAuthChange({
+      status: "logout",
+      loggedIn: false,
+      pubkey: detail?.pubkey || null,
+      previousPubkey: detail?.previousPubkey || null,
+    });
+
+    try {
+      await this.loadVideos(true);
+    } catch (error) {
+      devLogger.error("Failed to refresh videos after logout:", error);
+    }
+    this.forceRefreshAllProfiles();
+    if (this.uploadModal?.refreshCloudflareBucketPreview) {
+      await this.uploadModal.refreshCloudflareBucketPreview();
+    }
+  }
+
+  handleProfileUpdated(detail = {}) {
+    if (this.profileController) {
+      this.profileController.handleProfileUpdated(detail);
+    } else if (Array.isArray(detail?.savedProfiles)) {
+      this.renderSavedProfiles();
+    }
+
+    const normalizedPubkey = detail?.pubkey
+      ? this.normalizeHexPubkey(detail.pubkey)
+      : null;
+    const profile = detail?.profile;
+
+    if (normalizedPubkey && profile) {
+      this.updateProfileInDOM(normalizedPubkey, profile);
+      if (
+        !this.profileController &&
+        this.normalizeHexPubkey(this.pubkey) === normalizedPubkey
+      ) {
+        this.updateActiveProfileUI(normalizedPubkey, profile);
+      }
+    }
+  }
+
+  /**
+   * Cleanup resources on unload or modal close.
+   *
+   * When `preserveModals` is true the modal infrastructure is kept alive so the
+   * next playback session can reuse the existing controllers without
+   * reinitializing DOM bindings.
+   */
+  async cleanup({
+    preserveSubscriptions = false,
+    preserveObservers = false,
+    preserveModals = false,
+  } = {}) {
+    this.log(
+      `[cleanup] Requested (preserveSubscriptions=${preserveSubscriptions}, preserveObservers=${preserveObservers}, preserveModals=${preserveModals})`
+    );
+    // Serialise teardown so overlapping calls (e.g. close button spam) don't
+    // race each other and clobber a fresh playback setup.
+    if (this.cleanupPromise) {
+      this.log("[cleanup] Waiting for in-flight cleanup to finish before starting a new run.");
+      try {
+        await this.cleanupPromise;
+      } catch (err) {
+        devLogger.warn("Previous cleanup rejected:", err);
+      }
+    }
+
+    const runCleanup = async () => {
+      this.log(
+        `[cleanup] Begin (preserveSubscriptions=${preserveSubscriptions}, preserveObservers=${preserveObservers}, preserveModals=${preserveModals})`
+      );
+      try {
+        this.cancelPendingViewLogging();
+        await this.flushWatchHistory("session-end", "cleanup").catch(
+          (error) => {
+            const message =
+              error && typeof error.message === "string"
+                ? error.message
+                : String(error ?? "unknown error");
+            this.log(`[cleanup] Watch history flush failed: ${message}`);
+          }
+        );
+        this.clearActiveIntervals();
+        if (this.playbackService) {
+          this.playbackService.cleanupWatchdog();
+        }
+        this.teardownModalViewCountSubscription();
+        if (this.reactionController) {
+          this.reactionController.unsubscribe();
+        }
+
+        if (!preserveObservers && this.mediaLoader) {
+          this.mediaLoader.disconnect();
+        }
+
+        if (!preserveObservers) {
+          this.teardownAllViewCountSubscriptions();
+        } else {
+          this.pruneDetachedViewCountElements();
+        }
+
+        if (!preserveSubscriptions) {
+          this.nostrService.clearVideoSubscription();
+          this.videoSubscription = this.nostrService.getVideoSubscription() || null;
+        }
+
+        // If there's a small inline player
+        if (this.videoElement) {
+          this.videoElement = this.teardownVideoElement(this.videoElement);
+        }
+        if (
+          this.videoModal &&
+          typeof this.videoModal.clearPosterCleanup === "function"
+        ) {
+          try {
+            this.videoModal.clearPosterCleanup();
+          } catch (err) {
+            devLogger.warn("[cleanup] video modal poster cleanup threw:", err);
+          }
+        }
+
+        const modalVideoEl = this.modalVideo;
+        if (modalVideoEl) {
+          const refreshedModal = this.teardownVideoElement(modalVideoEl, {
+            replaceNode: true,
+          });
+          if (refreshedModal) {
+            this.modalVideo = refreshedModal;
+            if (
+              this.videoModal &&
+              typeof this.videoModal.setVideoElement === "function"
+            ) {
+              try {
+                this.videoModal.setVideoElement(refreshedModal);
+              } catch (err) {
+                devLogger.warn(
+                  "[cleanup] Failed to sync video modal element after replacement:",
+                  err
+                );
+              }
+            }
+          }
+        }
+
+        this.commentController?.dispose({ resetUi: false });
+
+        if (!preserveModals) {
+          if (this.modalManager) {
+            try {
+              this.modalManager.teardown();
+            } catch (error) {
+              devLogger.warn("[cleanup] Modal teardown failed:", error);
+            }
+            this.modalManager = null;
+          }
+
+          if (this.bootstrapper) {
+            try {
+              this.bootstrapper.teardown();
+            } catch (error) {
+              devLogger.warn("[cleanup] Bootstrap teardown failed:", error);
+            }
+          }
+        }
+
+
+        // Tell webtorrent to cleanup
+        await torrentClient.cleanup();
+        this.log("[cleanup] WebTorrent cleanup resolved.");
+
+        try {
+          if (navigator.serviceWorker && navigator.serviceWorker.controller) {
+            await fetch("/webtorrent/cancel/", { mode: "no-cors" });
+          }
+        } catch (err) {
+          // Ignore errors when cancelling the service worker stream; it may not be active.
+        }
+      } catch (err) {
+        devLogger.error("Cleanup error:", err);
+      } finally {
+        this.log("[cleanup] Finished.");
+      }
+    };
+
+    const cleanupPromise = runCleanup();
+    this.cleanupPromise = cleanupPromise;
+
+    try {
+      await cleanupPromise;
+    } finally {
+      if (this.cleanupPromise === cleanupPromise) {
+        this.cleanupPromise = null;
+      }
+    }
+  }
+
+  async waitForCleanup() {
+    if (!this.cleanupPromise) {
+      return;
+    }
+
+    try {
+      this.log("[waitForCleanup] Awaiting previous cleanup before continuing.");
+      await this.cleanupPromise;
+      this.log("[waitForCleanup] Previous cleanup completed.");
+    } catch (err) {
+      devLogger.warn("waitForCleanup observed a rejected cleanup:", err);
+    }
+  }
+
+  clearActiveIntervals() {
+    if (Array.isArray(this.activeIntervals)) {
+      this.activeIntervals.forEach((id) => clearInterval(id));
+    }
+    this.activeIntervals = [];
+    this.torrentStatusIntervalId = null;
+  }
+
+  cacheTorrentStatusNodes() {
+    const doc =
+      (this.videoModal && this.videoModal.document) ||
+      (typeof document !== "undefined" ? document : null);
+    if (!doc || typeof doc.getElementById !== "function") {
+      this.torrentStatusNodes = null;
+      return;
+    }
+    this.torrentStatusNodes = {
+      status: doc.getElementById("status"),
+      progress: doc.getElementById("progress"),
+      peers: doc.getElementById("peers"),
+      speed: doc.getElementById("speed"),
+      downloaded: doc.getElementById("downloaded"),
+    };
+  }
+
+  clearTorrentStatusNodes() {
+    this.torrentStatusNodes = null;
+  }
+
+  removeActiveInterval(intervalId) {
+    if (!intervalId || !Array.isArray(this.activeIntervals)) {
+      return;
+    }
+    this.activeIntervals = this.activeIntervals.filter((id) => id !== intervalId);
+  }
+
+  addTorrentStatusVisibilityHandlers({ onPause, onResume, onClose } = {}) {
+    this.removeTorrentStatusVisibilityHandlers();
+    const handleVisibilityChange = () => {
+      if (!document.body.contains(this.modalVideo)) {
+        if (typeof onClose === "function") {
+          onClose();
+        }
+        this.removeTorrentStatusVisibilityHandlers();
+        return;
+      }
+      if (document.visibilityState === "hidden") {
+        if (typeof onPause === "function") {
+          onPause();
+        }
+        return;
+      }
+      if (typeof onResume === "function") {
+        onResume();
+      }
+    };
+    const handlePageHide = () => {
+      if (typeof onPause === "function") {
+        onPause();
+      }
+    };
+    this.torrentStatusVisibilityHandler = handleVisibilityChange;
+    this.torrentStatusPageHideHandler = handlePageHide;
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    window.addEventListener("pagehide", handlePageHide);
+  }
+
+  removeTorrentStatusVisibilityHandlers() {
+    if (this.torrentStatusVisibilityHandler) {
+      document.removeEventListener("visibilitychange", this.torrentStatusVisibilityHandler);
+      this.torrentStatusVisibilityHandler = null;
+    }
+    if (this.torrentStatusPageHideHandler) {
+      window.removeEventListener("pagehide", this.torrentStatusPageHideHandler);
+      this.torrentStatusPageHideHandler = null;
+    }
+  }
+
+  cancelPendingViewLogging() {
+    this.watchHistoryTelemetry?.cancelPlaybackLogging?.();
+  }
+
+  resetViewLoggingState() {
+    this.watchHistoryTelemetry?.resetPlaybackLoggingState?.();
+  }
+
+  persistWatchHistoryMetadataForVideo(video, pointerInfo) {
+    if (this.watchHistoryTelemetry) {
+      this.watchHistoryTelemetry.persistMetadataForVideo(video, pointerInfo);
+      return;
+    }
+
+    if (
+      !pointerInfo ||
+      !pointerInfo.key ||
+      typeof watchHistoryService?.setLocalMetadata !== "function"
+    ) {
+      return;
+    }
+
+    if (!video || typeof video !== "object") {
+      return;
+    }
+
+    const metadata = {
+      video: {
+        id: typeof video.id === "string" ? video.id : "",
+        title: typeof video.title === "string" ? video.title : "",
+        thumbnail: typeof video.thumbnail === "string" ? video.thumbnail : "",
+        pubkey: typeof video.pubkey === "string" ? video.pubkey : "",
+      },
+    };
+
+    try {
+      watchHistoryService.setLocalMetadata(pointerInfo.key, metadata);
+    } catch (error) {
+      devLogger.warn(
+        "[watchHistory] Failed to persist local metadata for pointer:",
+        pointerInfo.key,
+        error,
+      );
+    }
+  }
+
+  dropWatchHistoryMetadata(pointerKey) {
+    if (this.watchHistoryTelemetry) {
+      this.watchHistoryTelemetry.dropMetadata(pointerKey);
+      return;
+    }
+
+    if (!pointerKey || typeof pointerKey !== "string") {
+      return;
+    }
+    if (typeof watchHistoryService?.removeLocalMetadata !== "function") {
+      return;
+    }
+    try {
+      watchHistoryService.removeLocalMetadata(pointerKey);
+    } catch (error) {
+      devLogger.warn(
+        "[watchHistory] Failed to remove cached metadata for pointer:",
+        pointerKey,
+        error,
+      );
+    }
+  }
+
+  async handleRemoveHistoryAction(dataset = {}, { trigger } = {}) {
+    if (!this.watchHistoryController) {
+      this.showError("Watch history sync is not available right now.");
+      return;
+    }
+
+    try {
+      await this.watchHistoryController.removeEntry({
+        dataset,
+        trigger,
+        removeCard: dataset.removeCard === "true",
+        reason: dataset.reason || "remove-item",
+      });
+    } catch (error) {
+      if (!error?.handled) {
+        this.showError("Failed to remove from history. Please try again.");
+      }
+    }
+  }
+
+  async handleWatchHistoryRemoval(payload = {}) {
+    if (!this.watchHistoryTelemetry) {
+      this.showError("Watch history sync is not available right now.");
+      const error = new Error("watch-history-disabled");
+      error.handled = true;
+      throw error;
+    }
+    return this.watchHistoryTelemetry.handleRemoval(payload);
+  }
+
+  flushWatchHistory(reason = "session-end", context = "watch-history") {
+    if (!this.watchHistoryTelemetry) {
+      return Promise.resolve();
+    }
+    return this.watchHistoryTelemetry.flush(reason, context);
+  }
+
+  getActiveViewIdentityKey() {
+    if (!this.watchHistoryTelemetry) {
+      const normalizedUser = this.normalizeHexPubkey(this.pubkey);
+      if (normalizedUser) {
+        return `actor:${normalizedUser}`;
+      }
+
+      const sessionActorPubkey = this.normalizeHexPubkey(
+        nostrClient?.sessionActor?.pubkey
+      );
+      if (sessionActorPubkey) {
+        return `actor:${sessionActorPubkey}`;
+      }
+
+      return "actor:anonymous";
+    }
+
+    return this.watchHistoryTelemetry.getActiveViewIdentityKey();
+  }
+
+  deriveViewIdentityKeyFromEvent(event) {
+    if (!this.watchHistoryTelemetry) {
+      if (!event || typeof event !== "object") {
+        return "";
+      }
+
+      const normalizedPubkey = this.normalizeHexPubkey(event.pubkey);
+      if (!normalizedPubkey) {
+        return "";
+      }
+
+      return `actor:${normalizedPubkey}`;
+    }
+
+    return this.watchHistoryTelemetry.deriveViewIdentityKeyFromEvent(event);
+  }
+
+  buildViewCooldownKey(pointerKey, identityKey) {
+    if (!this.watchHistoryTelemetry) {
+      const normalizedPointerKey =
+        typeof pointerKey === "string" && pointerKey.trim()
+          ? pointerKey.trim()
+          : "";
+      if (!normalizedPointerKey) {
+        return "";
+      }
+
+      const normalizedIdentity =
+        typeof identityKey === "string" && identityKey.trim()
+          ? identityKey.trim().toLowerCase()
+          : "";
+
+      return normalizedIdentity
+        ? `${normalizedPointerKey}::${normalizedIdentity}`
+        : normalizedPointerKey;
+    }
+
+    return this.watchHistoryTelemetry.buildViewCooldownKey(
+      pointerKey,
+      identityKey
+    );
+  }
+
+  preparePlaybackLogging(videoEl) {
+    if (!this.watchHistoryTelemetry) {
+      this.cancelPendingViewLogging();
+      return;
+    }
+
+    const pointer = this.currentVideoPointer;
+    const pointerKey = this.currentVideoPointerKey || pointerArrayToKey(pointer);
+
+    if (!pointer || !pointerKey) {
+      this.watchHistoryTelemetry.cancelPlaybackLogging();
+      return;
+    }
+
+    this.watchHistoryTelemetry.preparePlaybackLogging({
+      videoElement: videoEl,
+      pointer,
+      pointerKey,
+      video: this.currentVideo,
+    });
+  }
+
+  teardownVideoElement(videoElement, { replaceNode = false } = {}) {
+    if (!videoElement) {
+      this.log(
+        `[teardownVideoElement] No video provided (replaceNode=${replaceNode}); skipping.`
+      );
+      return videoElement;
+    }
+
+    const safe = (fn) => {
+      try {
+        fn();
+      } catch (err) {
+        devLogger.warn("[teardownVideoElement]", err);
+      }
+    };
+
+    const describeSource = () => {
+      try {
+        return videoElement.currentSrc || videoElement.src || "<unset>";
+      } catch (err) {
+        return "<unavailable>";
+      }
+    };
+
+    this.log(
+      `[teardownVideoElement] Resetting video (replaceNode=${replaceNode}) readyState=${videoElement.readyState} networkState=${videoElement.networkState} src=${describeSource()}`
+    );
+
+    safe(() => videoElement.pause());
+
+    safe(() => {
+      videoElement.removeAttribute("src");
+      videoElement.src = "";
+    });
+
+    safe(() => {
+      videoElement.srcObject = null;
+    });
+
+    safe(() => {
+      if ("crossOrigin" in videoElement) {
+        videoElement.crossOrigin = null;
+      }
+      if (videoElement.hasAttribute("crossorigin")) {
+        videoElement.removeAttribute("crossorigin");
+      }
+    });
+
+    safe(() => {
+      if (typeof videoElement.load === "function") {
+        videoElement.load();
+      }
+    });
+
+    if (!replaceNode || !videoElement.parentNode) {
+      this.log(
+        `[teardownVideoElement] Completed without node replacement (readyState=${videoElement.readyState}).`
+      );
+      return videoElement;
+    }
+
+    const parent = videoElement.parentNode;
+    const clone = videoElement.cloneNode(false);
+
+    if (clone.dataset && "autoplayBound" in clone.dataset) {
+      delete clone.dataset.autoplayBound;
+    }
+    if (clone.hasAttribute("data-autoplay-bound")) {
+      clone.removeAttribute("data-autoplay-bound");
+    }
+
+    safe(() => {
+      clone.removeAttribute("src");
+      clone.src = "";
+    });
+
+    safe(() => {
+      clone.srcObject = null;
+    });
+
+    safe(() => {
+      if ("crossOrigin" in clone) {
+        clone.crossOrigin = null;
+      }
+      if (clone.hasAttribute("crossorigin")) {
+        clone.removeAttribute("crossorigin");
+      }
+    });
+
+    clone.autoplay = videoElement.autoplay;
+    clone.controls = videoElement.controls;
+    clone.loop = videoElement.loop;
+    clone.muted = videoElement.muted;
+    clone.defaultMuted = videoElement.defaultMuted;
+    clone.preload = videoElement.preload;
+    clone.playsInline = videoElement.playsInline;
+
+    clone.poster = "";
+    if (clone.hasAttribute("poster")) {
+      clone.removeAttribute("poster");
+    }
+
+    let replaced = false;
+    safe(() => {
+      parent.replaceChild(clone, videoElement);
+      replaced = true;
+    });
+
+    if (!replaced) {
+      return videoElement;
+    }
+
+    safe(() => {
+      if (typeof clone.load === "function") {
+        clone.load();
+      }
+    });
+
+    this.log(
+      `[teardownVideoElement] Replaced modal video node (readyState=${clone.readyState} networkState=${clone.networkState}).`
+    );
+
+    return clone;
+  }
+
+  resetTorrentStats() {
+    try {
+      if (this.videoModal && typeof this.videoModal.resetStats === "function") {
+        this.videoModal.resetStats();
+      } else {
+        devLogger.info(
+          "[Application] resetTorrentStats: videoModal.resetStats not available — skipping."
+        );
+      }
+    } catch (err) {
+      devLogger.warn("[Application] resetTorrentStats failed", err);
+    }
+  }
+
+
+  setShareButtonState(enabled) {
+    if (this.videoModal) {
+      this.videoModal.setShareEnabled(enabled);
+    }
+  }
+
+  getShareUrlBase() {
+    if (typeof BITVID_WEBSITE_URL === "string" && BITVID_WEBSITE_URL) {
+      // Ensure no trailing slash for consistency if desired, though buildShareUrlFromNevent
+      // appends ?v=... so trailing slash is fine if URL ctor handles it.
+      // BITVID_WEBSITE_URL usually has a trailing slash in config, but let's be safe.
+      return BITVID_WEBSITE_URL.replace(/\/$/, "");
+    }
+
+    try {
+      const current = new URL(window.location.href);
+      // If we are in the embed, we want to strip that filename.
+      if (current.pathname.endsWith("/embed.html")) {
+        return `${current.origin}${current.pathname.replace(/\/embed\.html$/, "")}`;
+      }
+      return `${current.origin}${current.pathname}`;
+    } catch (err) {
+      const origin = window.location?.origin || "";
+      const pathname = window.location?.pathname || "";
+      if (origin || pathname) {
+        return `${origin}${pathname}`;
+      }
+      const href = window.location?.href || "";
+      if (href) {
+        const base = href.split(/[?#]/)[0];
+        if (base) {
+          return base;
+        }
+      }
+      devLogger.warn("Unable to determine share URL base:", err);
+      return "";
+    }
+  }
+
+  shouldDeferModeratedPlayback(video) {
+    if (!video || typeof video !== "object") {
+      return false;
+    }
+
+    const moderation =
+      video.moderation && typeof video.moderation === "object"
+        ? video.moderation
+        : null;
+
+    if (!moderation) {
+      return false;
+    }
+
+    if (moderation.viewerOverride?.showAnyway === true) {
+      return false;
+    }
+
+    const blurActive = moderation.blurThumbnail === true;
+    const hiddenActive = moderation.hidden === true;
+
+    return blurActive || hiddenActive;
+  }
+
+  resumePendingModeratedPlayback(video) {
+    const pending = this.pendingModeratedPlayback;
+    if (!pending) {
+      return;
+    }
+
+    const activeVideo = this.currentVideo || null;
+    const targetVideo = video && typeof video === "object" ? video : activeVideo;
+    if (!targetVideo) {
+      return;
+    }
+
+    const pendingId =
+      typeof pending.videoId === "string" && pending.videoId ? pending.videoId : "";
+    const targetId =
+      typeof targetVideo.id === "string" && targetVideo.id ? targetVideo.id : "";
+
+    const matchesId = pendingId && targetId && pendingId === targetId;
+    const matchesActive = !pendingId && !targetId && targetVideo === activeVideo;
+
+    if (!matchesId && !matchesActive) {
+      return;
+    }
+
+    this.pendingModeratedPlayback = null;
+
+    if (typeof this.playVideoWithFallback !== "function") {
+      return;
+    }
+
+    const playbackOptions = {
+      url: pending.url || "",
+      magnet: pending.magnet || "",
+    };
+
+    if (pending.triggerProvided) {
+      playbackOptions.trigger = Object.prototype.hasOwnProperty.call(pending, "trigger")
+        ? pending.trigger
+        : this.lastModalTrigger || null;
+    }
+
+    const playbackPromise = this.playVideoWithFallback(playbackOptions);
+    if (playbackPromise && typeof playbackPromise.catch === "function") {
+      playbackPromise.catch((error) => {
+        devLogger.error(
+          "[Application] Failed to resume moderated playback:",
+          error,
+        );
+      });
+    }
+  }
+
+  buildShareUrlFromNevent(nevent) {
+    if (!nevent) {
+      return "";
+    }
+    const base = this.getShareUrlBase();
+    if (!base) {
+      return "";
+    }
+    return `${base}?v=${encodeURIComponent(nevent)}`;
+  }
+
+  buildShareUrlFromEventId(eventId) {
+    if (!eventId) {
+      return "";
+    }
+
+    try {
+      const nevent = window.NostrTools.nip19.neventEncode({ id: eventId });
+      return this.buildShareUrlFromNevent(nevent);
+    } catch (err) {
+      devLogger.error("Error generating nevent for share URL:", err);
+      return "";
+    }
+  }
+
+  dedupeVideosByRoot(videos) {
+    if (!Array.isArray(videos) || videos.length === 0) {
+      return [];
+    }
+    return dedupeToNewestByRoot(videos);
+  }
+
+  autoplayModalVideo() {
+    if (this.currentVideo?.moderation?.blockAutoplay) {
+      this.log(
+        "[moderation] Skipping autoplay due to trusted reports or trusted mutes.",
+      );
+      return;
+    }
+    if (!this.modalVideo) return;
+    this.modalVideo.play().catch((err) => {
+      this.log("Autoplay failed:", err);
+      if (!this.modalVideo.muted) {
+        this.log("Falling back to muted autoplay.");
+        this.modalVideo.muted = true;
+        this.modalVideo.play().catch((err2) => {
+          this.log("Muted autoplay also failed:", err2);
+        });
+      }
+    });
+  }
+
+  startTorrentStatusMirrors(torrentInstance) {
+    if (!torrentInstance) {
+      return;
+    }
+
+    this.cacheTorrentStatusNodes();
+
+    const updateMirrorStatus = () => {
+      if (!document.body.contains(this.modalVideo)) {
+        this.stopTorrentStatusInterval();
+        this.removeTorrentStatusVisibilityHandlers();
+        return;
+      }
+      this.updateTorrentStatus(torrentInstance);
+      const { status, progress, peers, speed, downloaded } = this.torrentStatusNodes || {};
+      if (this.videoModal) {
+        if (status) {
+          this.videoModal.updateStatus(status.textContent);
+        }
+        if (progress) {
+          const doc = progress.ownerDocument;
+          const view = doc?.defaultView;
+          let widthValue = "";
+          if (view && typeof view.getComputedStyle === "function") {
+            const computed = view.getComputedStyle(progress);
+            widthValue =
+              computed?.getPropertyValue("--progress-width")?.trim() ||
+              computed?.getPropertyValue("width")?.trim() ||
+              "";
+          }
+          this.videoModal.updateProgress(widthValue);
+        }
+        if (peers) {
+          this.videoModal.updatePeers(peers.textContent);
+        }
+        if (speed) {
+          this.videoModal.updateSpeed(speed.textContent);
+        }
+        if (downloaded) {
+          this.videoModal.updateDownloaded(downloaded.textContent);
+        }
+      }
+    };
+
+    this.stopTorrentStatusInterval();
+    this.startTorrentStatusInterval(updateMirrorStatus);
+
+    this.addTorrentStatusVisibilityHandlers({
+      onPause: () => this.stopTorrentStatusInterval(),
+      onResume: () => this.startTorrentStatusInterval(updateMirrorStatus),
+      onClose: () => this.stopTorrentStatusInterval(),
+    });
+  }
+
+  startTorrentStatusInterval(callback) {
+    if (this.torrentStatusIntervalId) {
+      return;
+    }
+    if (document.visibilityState === "hidden") {
+      return;
+    }
+    const intervalId = setInterval(callback, 3000);
+    this.torrentStatusIntervalId = intervalId;
+    this.activeIntervals.push(intervalId);
+  }
+
+  stopTorrentStatusInterval() {
+    if (!this.torrentStatusIntervalId) {
+      return;
+    }
+    clearInterval(this.torrentStatusIntervalId);
+    this.removeActiveInterval(this.torrentStatusIntervalId);
+    this.torrentStatusIntervalId = null;
+  }
+
+  /**
+   * Hide the video modal.
+   */
+  async hideModal() {
+    // 1) Clear timers/listeners immediately so playback stats stop updating
+    this.cancelPendingViewLogging();
+    this.clearActiveIntervals();
+    this.removeTorrentStatusVisibilityHandlers();
+    this.teardownModalViewCountSubscription();
+    if (this.reactionController) {
+      this.reactionController.unsubscribe();
+    }
+    this.pendingModeratedPlayback = null;
+    if (
+      this.videoModal &&
+      typeof this.videoModal.clearSimilarContent === "function"
+    ) {
+      try {
+        this.videoModal.clearSimilarContent();
+      } catch (error) {
+        devLogger.warn("[hideModal] Failed to clear similar content:", error);
+      }
+    }
+
+    // 2) Close the modal UI right away so the user gets instant feedback
+    const modalVideoElement =
+      (this.videoModal &&
+        typeof this.videoModal.getVideoElement === "function" &&
+        this.videoModal.getVideoElement()) ||
+      this.modalVideo ||
+      null;
+    if (modalVideoElement) {
+      try {
+        modalVideoElement.pause();
+        modalVideoElement.removeAttribute("src");
+        modalVideoElement.load();
+      } catch (error) {
+        devLogger.warn("[hideModal] Failed to reset modal video element:", error);
+      }
+    }
+
+    if (this.videoModal) {
+      try {
+        this.videoModal.close();
+      } catch (error) {
+        devLogger.warn("[hideModal] Failed to close video modal immediately:", error);
+      }
+    }
+
+    this.lastModalTrigger = null;
+
+    this.currentMagnetUri = null;
+    this.clearTorrentStatusNodes();
+
+    // 3) Kick off heavy cleanup work asynchronously. We still await it so
+    // callers that depend on teardown finishing behave the same, but the
+    // user-visible UI is already closed.
+    const performCleanup = async () => {
+      try {
+        if (navigator.serviceWorker && navigator.serviceWorker.controller) {
+          await fetch("/webtorrent/cancel/", { mode: "no-cors" });
+        }
+      } catch (err) {
+        devLogger.warn("[hideModal] webtorrent cancel fetch failed:", err);
+      }
+
+      await this.cleanup({
+        preserveSubscriptions: true,
+        preserveObservers: true,
+        preserveModals: true,
+      });
+    };
+
+    // 4) Remove only `?v=` but **keep** the hash
+    const url = new URL(window.location.href);
+    url.searchParams.delete("v"); // remove ?v= param
+    const newUrl = url.pathname + url.search + url.hash;
+    window.history.replaceState({}, "", newUrl);
+
+    try {
+      await performCleanup();
+    } catch (error) {
+      devLogger.error("[hideModal] Cleanup failed:", error);
+    }
+  }
+
+  /**
+   * Register the default "recent" feed pipeline.
+   */
+  registerRecentFeed() {
+    if (!this.feedEngine || typeof this.feedEngine.registerFeed !== "function") {
+      return null;
+    }
+
+    const existingDefinition =
+      typeof this.feedEngine.getFeedDefinition === "function"
+        ? this.feedEngine.getFeedDefinition("recent")
+        : null;
+    if (existingDefinition) {
+      return existingDefinition;
+    }
+
+    try {
+      const app = this;
+      const resolveThresholdFromApp = (key) => ({ runtimeValue, defaultValue }) => {
+        if (
+          Number.isFinite(runtimeValue) ||
+          runtimeValue === Number.POSITIVE_INFINITY
+        ) {
+          return runtimeValue;
+        }
+
+        if (app && typeof app.getActiveModerationThresholds === "function") {
+          const active = app.getActiveModerationThresholds();
+          const candidate = active && typeof active === "object" ? active[key] : undefined;
+          if (
+            Number.isFinite(candidate) ||
+            candidate === Number.POSITIVE_INFINITY
+          ) {
+            return candidate;
+          }
+        }
+
+        return defaultValue;
+      };
+      return this.feedEngine.registerFeed("recent", {
+        source: createActiveNostrSource({ service: this.nostrService }),
+        stages: [
+          createBlacklistFilterStage({
+            shouldIncludeVideo: (video, options) =>
+              this.nostrService.shouldIncludeVideo(video, options),
+          }),
+          createDedupeByRootStage({
+            dedupe: (videos) => this.dedupeVideosByRoot(videos),
+          }),
+          createModerationStage({
+            getService: () => this.nostrService.getModerationService(),
+            autoplayThreshold: resolveThresholdFromApp("autoplayBlockThreshold"),
+            blurThreshold: resolveThresholdFromApp("blurThreshold"),
+            trustedMuteHideThreshold: resolveThresholdFromApp("trustedMuteHideThreshold"),
+            trustedReportHideThreshold: resolveThresholdFromApp("trustedSpamHideThreshold"),
+          }),
+          createResolvePostedAtStage(),
+        ],
+        sorter: createChronologicalSorter(),
+        hooks: {
+          timestamps: {
+            getKnownVideoPostedAt: (video) => this.getKnownVideoPostedAt(video),
+            resolveVideoPostedAt: (video) => this.resolveVideoPostedAt(video),
+          },
+        },
+      });
+    } catch (error) {
+      devLogger.warn("[Application] Failed to register recent feed:", error);
+      return null;
+    }
+  }
+
+  /**
+   * Register the "for-you" feed pipeline.
+   */
+  registerForYouFeed() {
+    if (!this.feedEngine || typeof this.feedEngine.registerFeed !== "function") {
+      return null;
+    }
+
+    const existingDefinition =
+      typeof this.feedEngine.getFeedDefinition === "function"
+        ? this.feedEngine.getFeedDefinition("for-you")
+        : null;
+    if (existingDefinition) {
+      return existingDefinition;
+    }
+
+    try {
+      const app = this;
+      const resolveThresholdFromApp = (key) => ({ runtimeValue, defaultValue }) => {
+        if (
+          Number.isFinite(runtimeValue) ||
+          runtimeValue === Number.POSITIVE_INFINITY
+        ) {
+          return runtimeValue;
+        }
+
+        if (app && typeof app.getActiveModerationThresholds === "function") {
+          const active = app.getActiveModerationThresholds();
+          const candidate = active && typeof active === "object" ? active[key] : undefined;
+          if (
+            Number.isFinite(candidate) ||
+            candidate === Number.POSITIVE_INFINITY
+          ) {
+            return candidate;
+          }
+        }
+
+        return defaultValue;
+      };
+      return this.feedEngine.registerFeed("for-you", {
+        source: createActiveNostrSource({ service: this.nostrService }),
+        stages: [
+          // Note: Tag-preference filtering is consolidated in createTagPreferenceFilterStage
+          // so each feed has a single source of truth for interest-based inclusion/ranking.
+          createTagPreferenceFilterStage(),
+          createBlacklistFilterStage({
+            shouldIncludeVideo: (video, options) =>
+              this.nostrService.shouldIncludeVideo(video, options),
+          }),
+          createDedupeByRootStage({
+            dedupe: (videos) => this.dedupeVideosByRoot(videos),
+          }),
+          createModerationStage({
+            getService: () => this.nostrService.getModerationService(),
+            autoplayThreshold: resolveThresholdFromApp("autoplayBlockThreshold"),
+            blurThreshold: resolveThresholdFromApp("blurThreshold"),
+            trustedMuteHideThreshold: resolveThresholdFromApp("trustedMuteHideThreshold"),
+            trustedReportHideThreshold: resolveThresholdFromApp("trustedSpamHideThreshold"),
+          }),
+          createResolvePostedAtStage(),
+        ],
+        sorter: createChronologicalSorter(),
+        hooks: {
+          timestamps: {
+            getKnownVideoPostedAt: (video) => this.getKnownVideoPostedAt(video),
+            resolveVideoPostedAt: (video) => this.resolveVideoPostedAt(video),
+          },
+        },
+      });
+    } catch (error) {
+      devLogger.warn("[Application] Failed to register for-you feed:", error);
+      return null;
+    }
+  }
+
+  /**
+   * Register the "kids" feed pipeline.
+   */
+  registerKidsFeed() {
+    if (!this.feedEngine || typeof this.feedEngine.registerFeed !== "function") {
+      return null;
+    }
+
+    const existingDefinition =
+      typeof this.feedEngine.getFeedDefinition === "function"
+        ? this.feedEngine.getFeedDefinition("kids")
+        : null;
+    if (existingDefinition) {
+      return existingDefinition;
+    }
+
+    try {
+      const app = this;
+      const resolveThresholdFromApp = (key, kidsDefault) => ({
+        runtimeValue,
+        defaultValue,
+      }) => {
+        if (
+          Number.isFinite(runtimeValue) ||
+          runtimeValue === Number.POSITIVE_INFINITY
+        ) {
+          return runtimeValue;
+        }
+
+        if (app && typeof app.getActiveModerationThresholds === "function") {
+          const active = app.getActiveModerationThresholds();
+          const candidate = active && typeof active === "object" ? active[key] : undefined;
+          if (
+            Number.isFinite(candidate) ||
+            candidate === Number.POSITIVE_INFINITY
+          ) {
+            return candidate;
+          }
+        }
+
+        if (
+          Number.isFinite(kidsDefault) ||
+          kidsDefault === Number.POSITIVE_INFINITY
+        ) {
+          return kidsDefault;
+        }
+
+        return defaultValue;
+      };
+
+      const kidsDefaults = {
+        blurThreshold: 1,
+        trustedReportHideThreshold: 1,
+        trustedMuteHideThreshold: 1,
+      };
+
+      const disallowedWarnings = [
+        "nudity",
+        "sexual",
+        "graphic-violence",
+        "self-harm",
+        "drugs",
+      ];
+
+      const moderationStages = ["nudity", "violence", "self-harm"].map(
+        (reportType) =>
+          createModerationStage({
+            stageName: `kids-moderation-${reportType}`,
+            reportType,
+            getService: () => this.nostrService.getModerationService(),
+            autoplayThreshold: resolveThresholdFromApp("autoplayBlockThreshold"),
+            blurThreshold: resolveThresholdFromApp(
+              "blurThreshold",
+              kidsDefaults.blurThreshold,
+            ),
+            trustedMuteHideThreshold: resolveThresholdFromApp(
+              "trustedMuteHideThreshold",
+              kidsDefaults.trustedMuteHideThreshold,
+            ),
+            trustedReportHideThreshold: resolveThresholdFromApp(
+              "trustedSpamHideThreshold",
+              kidsDefaults.trustedReportHideThreshold,
+            ),
+          }),
+      );
+
+      return this.feedEngine.registerFeed("kids", {
+        source: createActiveNostrSource({ service: this.nostrService }),
+        stages: [
+          createBlacklistFilterStage({
+            shouldIncludeVideo: (video, options) =>
+              this.nostrService.shouldIncludeVideo(video, options),
+          }),
+          createKidsAudienceFilterStage({
+            disallowedWarnings,
+          }),
+          ...moderationStages,
+          createResolvePostedAtStage(),
+          createDedupeByRootStage({
+            dedupe: (videos) => this.dedupeVideosByRoot(videos),
+          }),
+          createKidsScorerStage(),
+        ],
+        sorter: createKidsScoreSorter(),
+        defaultConfig: {
+          ageGroup: "preschool",
+          educationalTags: [],
+          disallowedWarnings,
+        },
+        configSchema: {
+          ageGroup: {
+            type: "enum",
+            values: ["toddler", "preschool", "early", "older"],
+            description: "Target age group used for kids scoring defaults.",
+            default: "preschool",
+          },
+          educationalTags: {
+            type: "string[]",
+            description: "Optional educational tag overrides for kids scoring.",
+            default: [],
+          },
+          disallowedWarnings: {
+            type: "string[]",
+            description:
+              "Content warnings that should exclude videos from the kids feed.",
+            default: disallowedWarnings,
+          },
+        },
+        hooks: {
+          timestamps: {
+            getKnownVideoPostedAt: (video) => this.getKnownVideoPostedAt(video),
+            resolveVideoPostedAt: (video) => this.resolveVideoPostedAt(video),
+          },
+        },
+      });
+    } catch (error) {
+      devLogger.warn("[Application] Failed to register kids feed:", error);
+      return null;
+    }
+  }
+
+  /**
+   * Register the "explore" feed pipeline.
+   */
+  registerExploreFeed() {
+    if (!this.feedEngine || typeof this.feedEngine.registerFeed !== "function") {
+      return null;
+    }
+
+    const existingDefinition =
+      typeof this.feedEngine.getFeedDefinition === "function"
+        ? this.feedEngine.getFeedDefinition("explore")
+        : null;
+    if (existingDefinition) {
+      return existingDefinition;
+    }
+
+    try {
+      const app = this;
+      const resolveThresholdFromApp = (key) => ({ runtimeValue, defaultValue }) => {
+        if (
+          Number.isFinite(runtimeValue) ||
+          runtimeValue === Number.POSITIVE_INFINITY
+        ) {
+          return runtimeValue;
+        }
+
+        if (app && typeof app.getActiveModerationThresholds === "function") {
+          const active = app.getActiveModerationThresholds();
+          const candidate = active && typeof active === "object" ? active[key] : undefined;
+          if (
+            Number.isFinite(candidate) ||
+            candidate === Number.POSITIVE_INFINITY
+          ) {
+            return candidate;
+          }
+        }
+
+        return defaultValue;
+      };
+      return this.feedEngine.registerFeed("explore", {
+        source: createActiveNostrSource({ service: this.nostrService }),
+        stages: [
+          createDisinterestFilterStage(),
+          createBlacklistFilterStage({
+            shouldIncludeVideo: (video, options) =>
+              this.nostrService.shouldIncludeVideo(video, options),
+          }),
+          createDedupeByRootStage({
+            dedupe: (videos) => this.dedupeVideosByRoot(videos),
+          }),
+          createModerationStage({
+            getService: () => this.nostrService.getModerationService(),
+            autoplayThreshold: resolveThresholdFromApp("autoplayBlockThreshold"),
+            blurThreshold: resolveThresholdFromApp("blurThreshold"),
+            trustedMuteHideThreshold: resolveThresholdFromApp("trustedMuteHideThreshold"),
+            trustedReportHideThreshold: resolveThresholdFromApp("trustedSpamHideThreshold"),
+          }),
+          createResolvePostedAtStage(),
+          createExploreScorerStage(),
+        ],
+        sorter: createExploreDiversitySorter(),
+        hooks: {
+          timestamps: {
+            getKnownVideoPostedAt: (video) => this.getKnownVideoPostedAt(video),
+            resolveVideoPostedAt: (video) => this.resolveVideoPostedAt(video),
+          },
+        },
+      });
+    } catch (error) {
+      devLogger.warn("[Application] Failed to register explore feed:", error);
+      return null;
+    }
+  }
+
+  registerSubscriptionsFeed() {
+    if (!this.feedEngine || typeof this.feedEngine.registerFeed !== "function") {
+      return null;
+    }
+
+    const existingDefinition =
+      typeof this.feedEngine.getFeedDefinition === "function"
+        ? this.feedEngine.getFeedDefinition("subscriptions")
+        : null;
+    if (existingDefinition) {
+      return existingDefinition;
+    }
+
+    try {
+      const app = this;
+      const resolveThresholdFromApp = (key) => ({ runtimeValue, defaultValue }) => {
+        if (
+          Number.isFinite(runtimeValue) ||
+          runtimeValue === Number.POSITIVE_INFINITY
+        ) {
+          return runtimeValue;
+        }
+
+        if (app && typeof app.getActiveModerationThresholds === "function") {
+          const active = app.getActiveModerationThresholds();
+          const candidate = active && typeof active === "object" ? active[key] : undefined;
+          if (
+            Number.isFinite(candidate) ||
+            candidate === Number.POSITIVE_INFINITY
+          ) {
+            return candidate;
+          }
+        }
+
+        return defaultValue;
+      };
+      return this.feedEngine.registerFeed("subscriptions", {
+        source: createSubscriptionAuthorsSource({ service: this.nostrService }),
+        stages: [
+          // Note: Tag-preference filtering is consolidated in createTagPreferenceFilterStage
+          // so each feed has a single source of truth for interest-based inclusion/ranking.
+          createTagPreferenceFilterStage(),
+          createBlacklistFilterStage({
+            shouldIncludeVideo: (video, options) =>
+              this.nostrService.shouldIncludeVideo(video, options),
+          }),
+          createDedupeByRootStage({
+            dedupe: (videos) => this.dedupeVideosByRoot(videos),
+          }),
+          createModerationStage({
+            getService: () => this.nostrService.getModerationService(),
+            autoplayThreshold: resolveThresholdFromApp("autoplayBlockThreshold"),
+            blurThreshold: resolveThresholdFromApp("blurThreshold"),
+            trustedMuteHideThreshold: resolveThresholdFromApp("trustedMuteHideThreshold"),
+            trustedReportHideThreshold: resolveThresholdFromApp("trustedSpamHideThreshold"),
+          }),
+          createResolvePostedAtStage(),
+        ],
+        sorter: createChronologicalSorter(),
+        hooks: {
+          subscriptions: {
+            resolveAuthors: () => subscriptions.getSubscribedAuthors(),
+          },
+          timestamps: {
+            getKnownVideoPostedAt: (video) => this.getKnownVideoPostedAt(video),
+            resolveVideoPostedAt: (video) => this.resolveVideoPostedAt(video),
+          },
+        },
+      });
+    } catch (error) {
+      devLogger.warn("[Application] Failed to register subscriptions feed:", error);
+      return null;
+    }
+  }
+
+  registerWatchHistoryFeed() {
+    if (!this.feedEngine || typeof this.feedEngine.registerFeed !== "function") {
+      return null;
+    }
+
+    const existingDefinition =
+      typeof this.feedEngine.getFeedDefinition === "function"
+        ? this.feedEngine.getFeedDefinition("watch-history")
+        : null;
+    if (existingDefinition) {
+      return existingDefinition;
+    }
+
+    try {
+      return registerWatchHistoryFeed(this.feedEngine, {
+        service: watchHistoryService,
+        nostr: this.nostrService,
+      });
+    } catch (error) {
+      devLogger.warn("[Application] Failed to register watch history feed:", error);
+      return null;
+    }
+  }
+
+  buildForYouFeedRuntime() {
+    const blacklist =
+      this.blacklistedEventIds instanceof Set
+        ? new Set(this.blacklistedEventIds)
+        : new Set();
+
+    const preferenceSource =
+      this.hashtagPreferencesSnapshot &&
+      typeof this.hashtagPreferencesSnapshot === "object"
+        ? this.hashtagPreferencesSnapshot
+        : typeof this.createHashtagPreferencesSnapshot === "function"
+        ? this.createHashtagPreferencesSnapshot()
+        : typeof this.getHashtagPreferences === "function"
+        ? this.getHashtagPreferences()
+        : {};
+    const { interests = [], disinterests = [] } = preferenceSource || {};
+    const moderationThresholds = this.getActiveModerationThresholds();
+
+    return {
+      blacklistedEventIds: blacklist,
+      isAuthorBlocked: (pubkey) => this.isAuthorBlocked(pubkey),
+      tagPreferences: {
+        interests: Array.isArray(interests) ? [...interests] : [],
+        disinterests: Array.isArray(disinterests) ? [...disinterests] : [],
+      },
+      moderationThresholds: moderationThresholds
+        ? { ...moderationThresholds }
+        : undefined,
+    };
+  }
+
+  buildExploreFeedRuntime() {
+    const exploreDataService =
+      this.exploreDataService && typeof this.exploreDataService === "object"
+        ? this.exploreDataService
+        : null;
+    const blacklist =
+      this.blacklistedEventIds instanceof Set
+        ? new Set(this.blacklistedEventIds)
+        : new Set();
+
+    const preferenceSource =
+      this.hashtagPreferencesSnapshot &&
+      typeof this.hashtagPreferencesSnapshot === "object"
+        ? this.hashtagPreferencesSnapshot
+        : typeof this.createHashtagPreferencesSnapshot === "function"
+        ? this.createHashtagPreferencesSnapshot()
+        : typeof this.getHashtagPreferences === "function"
+        ? this.getHashtagPreferences()
+        : {};
+    const { interests = [], disinterests = [] } = preferenceSource || {};
+    const moderationThresholds = this.getActiveModerationThresholds();
+
+    const watchHistorySource =
+      exploreDataService && typeof exploreDataService.getWatchHistoryTagCounts === "function"
+        ? exploreDataService.getWatchHistoryTagCounts()
+        : this.watchHistoryTagCounts;
+    const watchHistoryTagCounts =
+      watchHistorySource instanceof Map
+        ? new Map(watchHistorySource)
+        : watchHistorySource && typeof watchHistorySource === "object"
+        ? { ...watchHistorySource }
+        : undefined;
+
+    const exploreTagSource =
+      exploreDataService && typeof exploreDataService.getTagIdf === "function"
+        ? exploreDataService.getTagIdf()
+        : this.exploreTagIdf;
+    const exploreTagIdf =
+      exploreTagSource instanceof Map
+        ? new Map(exploreTagSource)
+        : exploreTagSource && typeof exploreTagSource === "object"
+        ? { ...exploreTagSource }
+        : undefined;
+
+    return {
+      blacklistedEventIds: blacklist,
+      isAuthorBlocked: (pubkey) => this.isAuthorBlocked(pubkey),
+      tagPreferences: {
+        interests: Array.isArray(interests) ? [...interests] : [],
+        disinterests: Array.isArray(disinterests) ? [...disinterests] : [],
+      },
+      watchHistoryTagCounts,
+      exploreTagIdf,
+      moderationThresholds: moderationThresholds
+        ? { ...moderationThresholds }
+        : undefined,
+    };
+  }
+
+  buildRecentFeedRuntime() {
+    const blacklist =
+      this.blacklistedEventIds instanceof Set
+        ? new Set(this.blacklistedEventIds)
+        : new Set();
+
+    const moderationThresholds = this.getActiveModerationThresholds();
+
+    return {
+      blacklistedEventIds: blacklist,
+      isAuthorBlocked: (pubkey) => this.isAuthorBlocked(pubkey),
+      moderationThresholds: moderationThresholds
+        ? { ...moderationThresholds }
+        : undefined,
+    };
+  }
+
+  buildKidsFeedRuntime() {
+    const blacklist =
+      this.blacklistedEventIds instanceof Set
+        ? new Set(this.blacklistedEventIds)
+        : new Set();
+
+    const feedDefinition =
+      this.feedEngine && typeof this.feedEngine.getFeedDefinition === "function"
+        ? this.feedEngine.getFeedDefinition("kids")
+        : null;
+    const configDefaults =
+      feedDefinition && typeof feedDefinition.configDefaults === "object"
+        ? feedDefinition.configDefaults
+        : {};
+
+    const runtimeOverrides =
+      this.kidsFeedRuntime && typeof this.kidsFeedRuntime === "object"
+        ? this.kidsFeedRuntime
+        : {};
+    const runtimeConfig =
+      this.kidsFeedConfig && typeof this.kidsFeedConfig === "object"
+        ? this.kidsFeedConfig
+        : {};
+
+    const resolveStringArray = (...candidates) => {
+      for (const candidate of candidates) {
+        if (!Array.isArray(candidate)) {
+          continue;
+        }
+        return candidate
+          .map((entry) => (typeof entry === "string" ? entry.trim() : ""))
+          .filter(Boolean);
+      }
+      return [];
+    };
+
+    const disallowedWarnings = resolveStringArray(
+      runtimeOverrides.disallowedWarnings,
+      runtimeConfig.disallowedWarnings,
+      configDefaults.disallowedWarnings,
+    );
+    const kidsEducationalTags = resolveStringArray(
+      runtimeOverrides.kidsEducationalTags,
+      runtimeOverrides.educationalTags,
+      runtimeConfig.kidsEducationalTags,
+      runtimeConfig.educationalTags,
+      configDefaults.educationalTags,
+    );
+    const trustedAuthors = resolveStringArray(
+      runtimeOverrides.trustedAuthors,
+      runtimeConfig.trustedAuthors,
+    );
+
+    const ageGroupCandidates = [
+      runtimeOverrides.ageGroup,
+      runtimeConfig.ageGroup,
+      configDefaults.ageGroup,
+    ];
+    let ageGroup = "";
+    for (const candidate of ageGroupCandidates) {
+      if (typeof candidate !== "string") {
+        continue;
+      }
+      const trimmed = candidate.trim();
+      if (trimmed) {
+        ageGroup = trimmed;
+        break;
+      }
+    }
+
+    const runtimeModerationOverrides =
+      runtimeOverrides.moderationThresholds &&
+      typeof runtimeOverrides.moderationThresholds === "object"
+        ? runtimeOverrides.moderationThresholds
+        : null;
+    const configModerationOverrides =
+      runtimeConfig.moderationThresholds &&
+      typeof runtimeConfig.moderationThresholds === "object"
+        ? runtimeConfig.moderationThresholds
+        : null;
+    const kidsThresholdOverrides =
+      runtimeModerationOverrides || configModerationOverrides
+        ? {
+            ...(configModerationOverrides || {}),
+            ...(runtimeModerationOverrides || {}),
+          }
+        : null;
+
+    const moderationThresholds = this.getActiveModerationThresholds();
+    const resolvedModerationThresholds =
+      moderationThresholds || kidsThresholdOverrides
+        ? {
+            ...(moderationThresholds || {}),
+            ...(kidsThresholdOverrides || {}),
+          }
+        : undefined;
+
+    const parentalAllowlist = resolveStringArray(
+      runtimeOverrides.parentalAllowlist,
+      runtimeOverrides.allowlist,
+      runtimeConfig.parentalAllowlist,
+      runtimeConfig.allowlist,
+    );
+    const parentalBlocklist = resolveStringArray(
+      runtimeOverrides.parentalBlocklist,
+      runtimeOverrides.blocklist,
+      runtimeConfig.parentalBlocklist,
+      runtimeConfig.blocklist,
+    );
+
+    return {
+      blacklistedEventIds: blacklist,
+      isAuthorBlocked: (pubkey) => this.isAuthorBlocked(pubkey),
+      disallowedWarnings,
+      kidsEducationalTags,
+      educationalTags: kidsEducationalTags,
+      trustedAuthors,
+      ageGroup: ageGroup || undefined,
+      moderationThresholds: resolvedModerationThresholds,
+      parentalAllowlist,
+      parentalBlocklist,
+    };
+  }
+
+  refreshForYouFeed({ reason, fallbackVideos } = {}) {
+    const runtime = this.buildForYouFeedRuntime();
+    const normalizedReason = typeof reason === "string" ? reason : undefined;
+    const fallback = Array.isArray(fallbackVideos) ? fallbackVideos : [];
+
+    if (!this.feedEngine || typeof this.feedEngine.run !== "function") {
+      const metadata = {
+        reason: normalizedReason,
+        engine: "unavailable",
+      };
+      this.latestFeedMetadata = metadata;
+      this.videosMap = this.nostrService.getVideosMap();
+      if (this.videoListView) {
+        this.videoListView.state.videosMap = this.videosMap;
+      }
+      this.updateForYouTelemetryMetadata([], metadata);
+      this.renderVideoList({ videos: fallback, metadata });
+      return Promise.resolve({ videos: fallback, metadata });
+    }
+
+    return this.feedEngine
+      .run("for-you", { runtime })
+      .then((result) => {
+        const videos = Array.isArray(result?.videos) ? result.videos : [];
+        const metadata = {
+          ...(result?.metadata || {}),
+        };
+        if (normalizedReason) {
+          metadata.reason = normalizedReason;
+        }
+
+        this.latestFeedMetadata = metadata;
+        this.videosMap = this.nostrService.getVideosMap();
+        if (this.videoListView) {
+          this.videoListView.state.videosMap = this.videosMap;
+        }
+
+        const items = Array.isArray(result?.items) ? result.items : [];
+        this.updateForYouTelemetryMetadata(items, metadata);
+
+        const payload = { videos, metadata };
+        this.renderVideoList(payload);
+        return payload;
+      })
+      .catch((error) => {
+        devLogger.error("[Application] Failed to run for-you feed:", error);
+        const metadata = {
+          reason: normalizedReason || "error:for-you-feed",
+          error: true,
+        };
+        this.latestFeedMetadata = metadata;
+        this.videosMap = this.nostrService.getVideosMap();
+        if (this.videoListView) {
+          this.videoListView.state.videosMap = this.videosMap;
+        }
+        this.updateForYouTelemetryMetadata([], metadata);
+        const payload = { videos: fallback, metadata };
+        this.renderVideoList(payload);
+        return payload;
+      });
+  }
+
+  refreshKidsFeed({ reason, fallbackVideos } = {}) {
+    const runtime = this.buildKidsFeedRuntime();
+    const normalizedReason = typeof reason === "string" ? reason : undefined;
+    const fallback = Array.isArray(fallbackVideos) ? fallbackVideos : [];
+
+    if (!this.feedEngine || typeof this.feedEngine.run !== "function") {
+      const metadata = {
+        reason: normalizedReason,
+        engine: "unavailable",
+      };
+      if (runtime?.ageGroup && !metadata.ageGroup) {
+        metadata.ageGroup = runtime.ageGroup;
+      }
+      this.latestFeedMetadata = metadata;
+      this.videosMap = this.nostrService.getVideosMap();
+      if (this.videoListView) {
+        this.videoListView.state.videosMap = this.videosMap;
+      }
+      this.updateFeedTelemetryMetadata("kids", [], metadata);
+      this.renderVideoList({ videos: fallback, metadata });
+      return Promise.resolve({ videos: fallback, metadata });
+    }
+
+    return this.feedEngine
+      .run("kids", { runtime })
+      .then((result) => {
+        const videos = Array.isArray(result?.videos) ? result.videos : [];
+        const metadata = {
+          ...(result?.metadata || {}),
+        };
+        if (normalizedReason) {
+          metadata.reason = normalizedReason;
+        }
+        if (runtime?.ageGroup && !metadata.ageGroup) {
+          metadata.ageGroup = runtime.ageGroup;
+        }
+
+        this.latestFeedMetadata = metadata;
+        this.videosMap = this.nostrService.getVideosMap();
+        if (this.videoListView) {
+          this.videoListView.state.videosMap = this.videosMap;
+        }
+
+        const items = Array.isArray(result?.items) ? result.items : [];
+        this.updateFeedTelemetryMetadata("kids", items, metadata);
+
+        const payload = { videos, metadata };
+        this.renderVideoList(payload);
+        return payload;
+      })
+      .catch((error) => {
+        devLogger.error("[Application] Failed to run kids feed:", error);
+        const metadata = {
+          reason: normalizedReason || "error:kids-feed",
+          error: true,
+        };
+        if (runtime?.ageGroup && !metadata.ageGroup) {
+          metadata.ageGroup = runtime.ageGroup;
+        }
+        this.latestFeedMetadata = metadata;
+        this.videosMap = this.nostrService.getVideosMap();
+        if (this.videoListView) {
+          this.videoListView.state.videosMap = this.videosMap;
+        }
+        this.updateFeedTelemetryMetadata("kids", [], metadata);
+        const payload = { videos: fallback, metadata };
+        this.renderVideoList(payload);
+        return payload;
+      });
+  }
+
+  refreshExploreFeed({ reason, fallbackVideos } = {}) {
+    const runtime = this.buildExploreFeedRuntime();
+    const normalizedReason = typeof reason === "string" ? reason : undefined;
+    const fallback = Array.isArray(fallbackVideos) ? fallbackVideos : [];
+    const applyExploreOrderingMetadata = (source) => {
+      const next = source && typeof source === "object" ? { ...source } : {};
+      if (!next.sortOrder) {
+        next.sortOrder = "explore";
+      }
+      next.preserveOrder = true;
+      return next;
+    };
+
+    if (!this.feedEngine || typeof this.feedEngine.run !== "function") {
+      const metadata = applyExploreOrderingMetadata({
+        reason: normalizedReason,
+        engine: "unavailable",
+      });
+      this.latestFeedMetadata = metadata;
+      this.videosMap = this.nostrService.getVideosMap();
+      if (this.videoListView) {
+        this.videoListView.state.videosMap = this.videosMap;
+      }
+      this.renderVideoList({ videos: fallback, metadata });
+      return Promise.resolve({ videos: fallback, metadata });
+    }
+
+    return this.feedEngine
+      .run("explore", { runtime })
+      .then((result) => {
+        const videos = Array.isArray(result?.videos) ? result.videos : [];
+        const metadata = applyExploreOrderingMetadata({
+          ...(result?.metadata || {}),
+          ...(normalizedReason ? { reason: normalizedReason } : {}),
+        });
+
+        this.latestFeedMetadata = metadata;
+        this.videosMap = this.nostrService.getVideosMap();
+        if (this.videoListView) {
+          this.videoListView.state.videosMap = this.videosMap;
+        }
+
+        const payload = { videos, metadata };
+        this.renderVideoList(payload);
+        return payload;
+      })
+      .catch((error) => {
+        devLogger.error("[Application] Failed to run explore feed:", error);
+        const metadata = applyExploreOrderingMetadata({
+          reason: normalizedReason || "error:explore-feed",
+          error: true,
+        });
+        this.latestFeedMetadata = metadata;
+        this.videosMap = this.nostrService.getVideosMap();
+        if (this.videoListView) {
+          this.videoListView.state.videosMap = this.videosMap;
+        }
+        const payload = { videos: fallback, metadata };
+        this.renderVideoList(payload);
+        return payload;
+      });
+  }
+
+  refreshRecentFeed({ reason, fallbackVideos } = {}) {
+    const runtime = this.buildRecentFeedRuntime();
+    const normalizedReason = typeof reason === "string" ? reason : undefined;
+    const fallback = Array.isArray(fallbackVideos) ? fallbackVideos : [];
+
+    if (!this.feedEngine || typeof this.feedEngine.run !== "function") {
+      const metadata = {
+        reason: normalizedReason,
+        engine: "unavailable",
+      };
+      this.latestFeedMetadata = metadata;
+      this.videosMap = this.nostrService.getVideosMap();
+      if (this.videoListView) {
+        this.videoListView.state.videosMap = this.videosMap;
+      }
+      this.renderVideoList({ videos: fallback, metadata });
+      return Promise.resolve({ videos: fallback, metadata });
+    }
+
+    return this.feedEngine
+      .run("recent", { runtime })
+      .then((result) => {
+        const videos = Array.isArray(result?.videos) ? result.videos : [];
+        const metadata = {
+          ...(result?.metadata || {}),
+        };
+        if (normalizedReason) {
+          metadata.reason = normalizedReason;
+        }
+
+        this.latestFeedMetadata = metadata;
+        this.videosMap = this.nostrService.getVideosMap();
+        if (this.videoListView) {
+          this.videoListView.state.videosMap = this.videosMap;
+        }
+
+        const payload = { videos, metadata };
+        this.renderVideoList(payload);
+        return payload;
+      })
+      .catch((error) => {
+        devLogger.error("[Application] Failed to run recent feed:", error);
+        const metadata = {
+          reason: normalizedReason || "error:recent-feed",
+          error: true,
+        };
+        this.latestFeedMetadata = metadata;
+        this.videosMap = this.nostrService.getVideosMap();
+        if (this.videoListView) {
+          this.videoListView.state.videosMap = this.videosMap;
+        }
+        const payload = { videos: fallback, metadata };
+        this.renderVideoList(payload);
+        return payload;
+      });
+  }
+
+  checkRelayHealthWarning() {
+    if (!nostrClient || typeof nostrClient.getHealthyRelays !== "function") {
+      return false;
+    }
+
+    // Give the app a grace period to establish initial connections before complaining.
+    const now = Date.now();
+    const GRACE_PERIOD_MS = 10000;
+    if (now - (this.appStartedAt || now) < GRACE_PERIOD_MS) {
+      return false;
+    }
+
+    const relayCandidates = Array.isArray(nostrClient.relays) ? nostrClient.relays : [];
+    if (!relayCandidates.length) {
+      return false;
+    }
+
+    const healthyRelays = nostrClient.getHealthyRelays(relayCandidates);
+    if (healthyRelays.length) {
+      return false;
+    }
+
+    const cooldownMs = 30000;
+    if (now - (this.lastRelayHealthWarningAt || 0) < cooldownMs) {
+      return true;
+    }
+
+    this.lastRelayHealthWarningAt = now;
+    this.showStatus(
+      "All configured relays are unhealthy. Data may be missing until a relay reconnects.",
+      { autoHideMs: 12000, showSpinner: false },
+    );
+    return true;
+  }
+
+  /**
+   * Subscribe to videos (older + new) and render them as they come in.
+   */
+  async loadVideos(forceFetch = false) {
+    if (this.loadVideosPromise && !forceFetch) {
+      devLogger.log("Reusing in-flight loadVideos request.");
+      return this.loadVideosPromise;
+    }
+
+    const now = Date.now();
+    if (this.lastLoadVideosTime && (now - this.lastLoadVideosTime < 2000) && !forceFetch) {
+      devLogger.log("Skipping redundant loadVideos request (cooldown).");
+      return Promise.resolve();
+    }
+    this.lastLoadVideosTime = now;
+
+    this.loadVideosPromise = (async () => {
+      devLogger.log("Starting loadVideos... (forceFetch =", forceFetch, ")");
+      this.setFeedTelemetryContext("recent");
+      this.checkRelayHealthWarning();
+
+      const container = this.mountVideoListView();
+      const hasCachedVideos =
+        this.nostrService &&
+        Array.isArray(this.nostrService.getFilteredActiveVideos()) &&
+        this.nostrService.getFilteredActiveVideos().length > 0;
+
+      if (!hasCachedVideos) {
+        if (this.videoListView && container) {
+          this.videoListView.showLoading("Fetching recent videos…");
+        } else if (container) {
+          container.innerHTML = getSidebarLoadingMarkup("Fetching recent videos…");
+        }
+      }
+
+      let initialRefreshPromise = null;
+
+      const videos = await this.nostrService.loadVideos({
+        forceFetch,
+        blacklistedEventIds: this.blacklistedEventIds,
+        isAuthorBlocked: (pubkey) => this.isAuthorBlocked(pubkey),
+        onVideos: (payload, detail = {}) => {
+          const promise = this.refreshRecentFeed({
+            reason: detail?.reason,
+            fallbackVideos: payload,
+          });
+          if (!initialRefreshPromise) {
+            initialRefreshPromise = promise;
+          }
+        },
+      });
+
+      if (initialRefreshPromise) {
+        await initialRefreshPromise;
+      } else if (!Array.isArray(videos) || videos.length === 0) {
+        await this.refreshRecentFeed({ reason: "initial", fallbackVideos: [] });
+      }
+
+      this.videoSubscription = this.nostrService.getVideoSubscription() || null;
+      this.videosMap = this.nostrService.getVideosMap();
+      if (this.videoListView) {
+        this.videoListView.state.videosMap = this.videosMap;
+      }
+    })();
+
+    try {
+      await this.loadVideosPromise;
+    } finally {
+      this.loadVideosPromise = null;
+    }
+  }
+
+  async loadForYouVideos(forceFetch = false) {
+    devLogger.log("Starting loadForYouVideos... (forceFetch =", forceFetch, ")");
+    this.setFeedTelemetryContext("for-you");
+    this.checkRelayHealthWarning();
+
+    const container = this.mountVideoListView({ includeTags: false });
+    const hasCachedVideos =
+      this.nostrService &&
+      Array.isArray(this.nostrService.getFilteredActiveVideos()) &&
+      this.nostrService.getFilteredActiveVideos().length > 0;
+
+    if (!hasCachedVideos) {
+      if (this.videoListView && container) {
+        this.videoListView.showLoading("Fetching for-you videos…");
+      } else if (container) {
+        container.innerHTML = getSidebarLoadingMarkup("Fetching for-you videos…");
+      }
+    }
+
+    let initialRefreshPromise = null;
+
+    const videos = await this.nostrService.loadVideos({
+      forceFetch,
+      blacklistedEventIds: this.blacklistedEventIds,
+      isAuthorBlocked: (pubkey) => this.isAuthorBlocked(pubkey),
+      onVideos: (payload, detail = {}) => {
+        const promise = this.refreshForYouFeed({
+          reason: detail?.reason,
+          fallbackVideos: payload,
+        });
+        if (!initialRefreshPromise) {
+          initialRefreshPromise = promise;
+        }
+      },
+    });
+
+    if (initialRefreshPromise) {
+      await initialRefreshPromise;
+    } else if (!Array.isArray(videos) || videos.length === 0) {
+      await this.refreshForYouFeed({ reason: "initial", fallbackVideos: [] });
+    }
+
+    this.videoSubscription = this.nostrService.getVideoSubscription() || null;
+    this.videosMap = this.nostrService.getVideosMap();
+    if (this.videoListView) {
+      this.videoListView.state.videosMap = this.videosMap;
+    }
+  }
+
+  async loadKidsVideos(forceFetch = false) {
+    devLogger.log("Starting loadKidsVideos... (forceFetch =", forceFetch, ")");
+    this.setFeedTelemetryContext("kids");
+
+    const container = this.mountVideoListView({ includeTags: true });
+    const hasCachedVideos =
+      this.nostrService &&
+      Array.isArray(this.nostrService.getFilteredActiveVideos()) &&
+      this.nostrService.getFilteredActiveVideos().length > 0;
+
+    if (!hasCachedVideos) {
+      if (this.videoListView && container) {
+        this.videoListView.showLoading("Fetching kids videos…");
+      } else if (container) {
+        container.innerHTML = getSidebarLoadingMarkup("Fetching kids videos…");
+      }
+    }
+
+    let initialRefreshPromise = null;
+
+    const videos = await this.nostrService.loadVideos({
+      forceFetch,
+      blacklistedEventIds: this.blacklistedEventIds,
+      isAuthorBlocked: (pubkey) => this.isAuthorBlocked(pubkey),
+      onVideos: (payload, detail = {}) => {
+        const promise = this.refreshKidsFeed({
+          reason: detail?.reason,
+          fallbackVideos: payload,
+        });
+        if (!initialRefreshPromise) {
+          initialRefreshPromise = promise;
+        }
+      },
+    });
+
+    if (initialRefreshPromise) {
+      await initialRefreshPromise;
+    } else if (!Array.isArray(videos) || videos.length === 0) {
+      await this.refreshKidsFeed({ reason: "initial", fallbackVideos: [] });
+    }
+
+    this.videoSubscription = this.nostrService.getVideoSubscription() || null;
+    this.videosMap = this.nostrService.getVideosMap();
+    if (this.videoListView) {
+      this.videoListView.state.videosMap = this.videosMap;
+    }
+  }
+
+  async loadExploreVideos(forceFetch = false) {
+    devLogger.log("Starting loadExploreVideos... (forceFetch =", forceFetch, ")");
+    this.setFeedTelemetryContext("explore");
+
+    const container = this.mountVideoListView({ includeTags: false });
+    const hasCachedVideos =
+      this.nostrService &&
+      Array.isArray(this.nostrService.getFilteredActiveVideos()) &&
+      this.nostrService.getFilteredActiveVideos().length > 0;
+
+    if (!hasCachedVideos) {
+      if (this.videoListView && container) {
+        this.videoListView.showLoading("Fetching explore videos…");
+      } else if (container) {
+        container.innerHTML = getSidebarLoadingMarkup("Fetching explore videos…");
+      }
+    }
+
+    let initialRefreshPromise = null;
+
+    const videos = await this.nostrService.loadVideos({
+      forceFetch,
+      blacklistedEventIds: this.blacklistedEventIds,
+      isAuthorBlocked: (pubkey) => this.isAuthorBlocked(pubkey),
+      onVideos: (payload, detail = {}) => {
+        const promise = this.refreshExploreFeed({
+          reason: detail?.reason,
+          fallbackVideos: payload,
+        });
+        if (!initialRefreshPromise) {
+          initialRefreshPromise = promise;
+        }
+      },
+    });
+
+    if (initialRefreshPromise) {
+      await initialRefreshPromise;
+    } else if (!Array.isArray(videos) || videos.length === 0) {
+      await this.refreshExploreFeed({ reason: "initial", fallbackVideos: [] });
+    }
+
+    this.videoSubscription = this.nostrService.getVideoSubscription() || null;
+    this.videosMap = this.nostrService.getVideosMap();
+    if (this.videoListView) {
+      this.videoListView.state.videosMap = this.videosMap;
+    }
+  }
+
+  async loadOlderVideos(lastTimestamp) {
+    const olderVideos = await this.nostrService.loadOlderVideos(lastTimestamp, {
+      blacklistedEventIds: this.blacklistedEventIds,
+      isAuthorBlocked: (pubkey) => this.isAuthorBlocked(pubkey),
+    });
+
+    if (!Array.isArray(olderVideos) || olderVideos.length === 0) {
+      this.showSuccess("No more older videos found.");
+      return;
+    }
+
+    await this.refreshRecentFeed({ reason: "older-fetch" });
+  }
+
+  /**
+   * Returns true if there's at least one strictly older version
+   * (same videoRootId, created_at < current) which is NOT deleted.
+   */
+  hasOlderVersion(video, allEvents) {
+    if (!video || !video.videoRootId) return false;
+
+    const rootId = video.videoRootId;
+    const currentTs = video.created_at;
+
+    // among ALL known events (including overshadowed), find older, not deleted
+    const olderMatches = allEvents.filter(
+      (v) => v.videoRootId === rootId && v.created_at < currentTs && !v.deleted
+    );
+    return olderMatches.length > 0;
+  }
+
+  /**
+   * Centralised helper for other modules (channel profiles, subscriptions)
+   * so they can re-use the exact same badge skeleton. Keeping the markup in
+   * one place avoids subtle mismatches when we tweak copy or classes later.
+   */
+  getUrlHealthPlaceholderMarkup(options = {}) {
+    return this.urlHealthController.getUrlHealthPlaceholderMarkup(options);
+  }
+
+  getTorrentHealthBadgeMarkup(options = {}) {
+    const includeMargin = options?.includeMargin !== false;
+    const classes = ["badge", "torrent-health-badge"];
+    if (includeMargin) {
+      classes.push("mt-sm");
+    }
+
+    return `
+      <span
+        class="${classes.join(" ")}"
+        data-stream-health-state="checking"
+        data-variant="neutral"
+        aria-live="polite"
+        role="status"
+      >
+        ⏳ Torrent
+      </span>
+    `;
+  }
+
+  isMagnetUriSupported(magnet) {
+    return isValidMagnetUri(magnet);
+  }
+
+  getCachedUrlHealth(eventId, url) {
+    return readCachedUrlHealth(eventId, url);
+  }
+
+  storeUrlHealth(eventId, url, result, ttlMs) {
+    return persistUrlHealth(eventId, url, result, ttlMs);
+  }
+
+  updateUrlHealthBadge(badgeEl, state, videoId) {
+    return this.urlHealthController.updateUrlHealthBadge(badgeEl, state, videoId);
+  }
+
+  handleUrlHealthBadge(payload) {
+    return this.urlHealthController.handleUrlHealthBadge(payload);
+  }
+
+  handleStreamHealthBadgeUpdate(detail) {
+    if (!detail || typeof detail !== "object") {
+      return;
+    }
+
+    const card = detail.card;
+    if (!(card instanceof HTMLElement)) {
+      return;
+    }
+
+    let videoId =
+      (card.dataset && card.dataset.videoId) ||
+      (typeof card.getAttribute === "function" ? card.getAttribute("data-video-id") : "") ||
+      "";
+
+    if (!videoId && typeof card.querySelector === "function") {
+      const fallback = card.querySelector("[data-video-id]");
+      if (fallback instanceof HTMLElement && fallback.dataset.videoId) {
+        videoId = fallback.dataset.videoId;
+      }
+    }
+
+    if (!videoId) {
+      return;
+    }
+
+    if (this.videoListView && typeof this.videoListView.cacheStreamHealth === "function") {
+      this.videoListView.cacheStreamHealth(videoId, {
+        state: detail.state,
+        peers: detail.peers,
+        reason: detail.reason,
+        checkedAt: detail.checkedAt,
+        text: detail.text,
+        tooltip: detail.tooltip,
+        role: detail.role,
+        ariaLive: detail.ariaLive,
+      });
+    }
+  }
+
+  getFeedTelemetryState(feedName = "") {
+    if (!this.feedTelemetryState || typeof this.feedTelemetryState !== "object") {
+      this.feedTelemetryState = {
+        activeFeed: "",
+        feeds: new Map(),
+      };
+    }
+
+    if (!(this.feedTelemetryState.feeds instanceof Map)) {
+      this.feedTelemetryState.feeds = new Map();
+    }
+
+    const normalized =
+      typeof feedName === "string" ? feedName.trim().toLowerCase() : "";
+    if (!normalized) {
+      return null;
+    }
+
+    if (this.feedTelemetryState.feeds.has(normalized)) {
+      return this.feedTelemetryState.feeds.get(normalized);
+    }
+
+    const state = {
+      matchedTagsById: new Map(),
+      matchReasonsById: new Map(),
+      kidsScoreById: new Map(),
+      moderationById: new Map(),
+      ageGroup: "",
+      lastImpressionSignature: "",
+      activePlayback: null,
+    };
+    this.feedTelemetryState.feeds.set(normalized, state);
+    return state;
+  }
+
+  setFeedTelemetryContext(feedName = "") {
+    const normalized =
+      typeof feedName === "string" ? feedName.trim().toLowerCase() : "";
+    const previousFeed = this.feedTelemetryState?.activeFeed || "";
+    if (previousFeed && previousFeed !== normalized) {
+      const previousState = this.getFeedTelemetryState(previousFeed);
+      if (previousState) {
+        previousState.lastImpressionSignature = "";
+        previousState.activePlayback = null;
+      }
+    }
+
+    const nextState = this.getFeedTelemetryState(normalized);
+    if (previousFeed !== normalized && nextState) {
+      nextState.lastImpressionSignature = "";
+      nextState.activePlayback = null;
+    }
+
+    this.feedTelemetryState.activeFeed = normalized;
+  }
+
+  isFeedActive(feedName = "") {
+    const normalized =
+      typeof feedName === "string" ? feedName.trim().toLowerCase() : "";
+    return Boolean(normalized && this.feedTelemetryState?.activeFeed === normalized);
+  }
+
+  isForYouFeedActive() {
+    return this.feedTelemetryState?.activeFeed === "for-you";
+  }
+
+  updateFeedTelemetryMetadata(feedName = "", items = [], metadata = {}) {
+    if (!this.isFeedActive(feedName)) {
+      return;
+    }
+
+    const feedState = this.getFeedTelemetryState(feedName);
+    if (!feedState) {
+      return;
+    }
+
+    const matchedTagsById = new Map();
+    const matchReasonsById = new Map();
+    const kidsScoreById = new Map();
+    const moderationById = new Map();
+
+    if (Array.isArray(items)) {
+      items.forEach((item) => {
+        const videoId =
+          typeof item?.video?.id === "string" ? item.video.id : "";
+        if (!videoId) {
+          return;
+        }
+        const matched =
+          Array.isArray(item?.metadata?.matchedInterests)
+            ? item.metadata.matchedInterests
+            : [];
+        matchedTagsById.set(videoId, matched);
+
+        const kidsScoreRaw = Number(item?.metadata?.kidsScore);
+        if (Number.isFinite(kidsScoreRaw)) {
+          kidsScoreById.set(videoId, kidsScoreRaw);
+        }
+
+        const moderationPayload = this.buildModerationTelemetry(item?.video);
+        if (moderationPayload) {
+          moderationById.set(videoId, moderationPayload);
+        }
+      });
+    }
+
+    const whyEntries = Array.isArray(metadata?.why) ? metadata.why : [];
+    whyEntries.forEach((entry) => {
+      if (!entry || entry.reason !== "matched-interests") {
+        return;
+      }
+      const videoId = typeof entry.videoId === "string" ? entry.videoId : "";
+      if (!videoId) {
+        return;
+      }
+      const reasons = matchReasonsById.get(videoId) || [];
+      reasons.push({
+        stage: typeof entry.stage === "string" ? entry.stage : "",
+        reason: entry.reason,
+      });
+      matchReasonsById.set(videoId, reasons);
+    });
+
+    const ageGroup =
+      typeof metadata?.ageGroup === "string" ? metadata.ageGroup.trim() : "";
+
+    feedState.matchedTagsById = matchedTagsById;
+    feedState.matchReasonsById = matchReasonsById;
+    feedState.kidsScoreById = kidsScoreById;
+    feedState.moderationById = moderationById;
+    feedState.ageGroup = ageGroup;
+  }
+
+  updateForYouTelemetryMetadata(items = [], metadata = {}) {
+    this.updateFeedTelemetryMetadata("for-you", items, metadata);
+  }
+
+  resolveVideoForTelemetry(videoId) {
+    if (typeof videoId !== "string" || !videoId) {
+      return null;
+    }
+
+    if (this.videosMap instanceof Map && this.videosMap.has(videoId)) {
+      return this.videosMap.get(videoId) || null;
+    }
+
+    if (this.videoListView && Array.isArray(this.videoListView.currentVideos)) {
+      return this.videoListView.currentVideos.find((video) => video?.id === videoId) || null;
+    }
+
+    return null;
+  }
+
+  resolveVideoIndex(videoId) {
+    if (!this.videoListView || !Array.isArray(this.videoListView.currentVideos)) {
+      return null;
+    }
+
+    const index = this.videoListView.currentVideos.findIndex(
+      (video) => video?.id === videoId,
+    );
+    return index >= 0 ? index : null;
+  }
+
+  buildModerationTelemetry(video) {
+    if (!video || typeof video !== "object") {
+      return null;
+    }
+
+    const moderation =
+      video.moderation && typeof video.moderation === "object"
+        ? video.moderation
+        : null;
+    if (!moderation) {
+      return null;
+    }
+
+    const payload = {
+      hidden: moderation.hidden === true,
+      blurThumbnail: moderation.blurThumbnail === true,
+      blockAutoplay: moderation.blockAutoplay === true,
+      viewerOverride: moderation.viewerOverride?.showAnyway === true,
+      trustedMuted: moderation.trustedMuted === true,
+    };
+
+    const reportType =
+      typeof moderation.reportType === "string" ? moderation.reportType : "";
+    if (reportType) {
+      payload.reportType = reportType;
+    }
+
+    return payload;
+  }
+
+  buildFeedTelemetryPayload(feedName = "", { video, videoId, position } = {}) {
+    if (!this.isFeedActive(feedName)) {
+      return null;
+    }
+
+    const feedState = this.getFeedTelemetryState(feedName);
+    if (!feedState) {
+      return null;
+    }
+
+    const eventId =
+      typeof videoId === "string" && videoId
+        ? videoId
+        : typeof video?.id === "string"
+          ? video.id
+          : "";
+    if (!eventId) {
+      return null;
+    }
+
+    const payload = {
+      feed: feedName,
+      eventId,
+      videoId: eventId,
+    };
+
+    if (feedName === "for-you") {
+      const matchedTagsRaw = feedState.matchedTagsById?.get(eventId) || [];
+      const matchedTags = Array.isArray(matchedTagsRaw)
+        ? Array.from(
+            new Set(
+              matchedTagsRaw
+                .filter((tag) => typeof tag === "string")
+                .map((tag) => tag.trim())
+                .filter(Boolean),
+            ),
+          )
+        : [];
+
+      const whyRaw = feedState.matchReasonsById?.get(eventId) || [];
+      const why = Array.isArray(whyRaw)
+        ? whyRaw.map((entry) => ({
+            stage: typeof entry.stage === "string" ? entry.stage : "",
+            reason: typeof entry.reason === "string" ? entry.reason : "",
+          }))
+        : [];
+
+      payload.matchedTags = matchedTags;
+      payload.why = why;
+    }
+
+    const ageGroup =
+      typeof feedState.ageGroup === "string" ? feedState.ageGroup : "";
+    if (ageGroup) {
+      payload.ageGroup = ageGroup;
+    }
+
+    const kidsScore = feedState.kidsScoreById?.get(eventId);
+    if (Number.isFinite(kidsScore)) {
+      payload.kidsScore = kidsScore;
+    }
+
+    const moderationPayload =
+      this.buildModerationTelemetry(video) || feedState.moderationById?.get(eventId);
+    if (moderationPayload) {
+      payload.moderation = moderationPayload;
+    }
+
+    const videoRootId =
+      typeof video?.videoRootId === "string" ? video.videoRootId : "";
+    if (videoRootId) {
+      payload.videoRootId = videoRootId;
+    }
+
+    const pubkey = typeof video?.pubkey === "string" ? video.pubkey : "";
+    if (pubkey) {
+      payload.pubkey = pubkey;
+    }
+
+    if (Number.isFinite(position)) {
+      payload.position = Math.max(0, Math.floor(position));
+    }
+
+    return payload;
+  }
+
+  buildForYouTelemetryPayload({ video, videoId, position } = {}) {
+    return this.buildFeedTelemetryPayload("for-you", {
+      video,
+      videoId,
+      position,
+    });
+  }
+
+  emitTelemetryEvent(eventName, payload) {
+    if (!eventName || !payload) {
+      return false;
+    }
+
+    const doc =
+      (this.videoModal && this.videoModal.document) ||
+      (typeof document !== "undefined" ? document : null);
+
+    if (!doc || typeof doc.dispatchEvent !== "function") {
+      return false;
+    }
+
+    try {
+      doc.dispatchEvent(
+        new CustomEvent("bitvid:telemetry", {
+          detail: { event: eventName, payload },
+        }),
+      );
+      return true;
+    } catch (error) {
+      userLogger.warn("[Application] Failed to emit telemetry event:", error);
+      return false;
+    }
+  }
+
+  resolveFeedTelemetryEventName(feedName = "", suffix = "") {
+    const normalized =
+      typeof feedName === "string" ? feedName.trim().toLowerCase() : "";
+    if (!normalized || !suffix) {
+      return "";
+    }
+
+    const prefixMap = new Map([
+      ["for-you", "for_you"],
+      ["kids", "kids_feed"],
+    ]);
+
+    const prefix = prefixMap.get(normalized);
+    if (!prefix) {
+      return "";
+    }
+
+    return `${prefix}_${suffix}`;
+  }
+
+  emitFeedTelemetryEvent(
+    feedName = "",
+    eventName = "",
+    { video, videoId, position } = {},
+  ) {
+    const payload = this.buildFeedTelemetryPayload(feedName, {
+      video,
+      videoId,
+      position,
+    });
+    if (!payload) {
+      return false;
+    }
+
+    return this.emitTelemetryEvent(eventName, payload);
+  }
+
+  emitForYouTelemetryEvent(eventName, { video, videoId, position } = {}) {
+    const payload = this.buildForYouTelemetryPayload({
+      video,
+      videoId,
+      position,
+    });
+    if (!payload) {
+      return false;
+    }
+
+    return this.emitTelemetryEvent(eventName, payload);
+  }
+
+  emitFeedImpressions(videos = [], { feedName } = {}) {
+    const normalized =
+      typeof feedName === "string"
+        ? feedName.trim().toLowerCase()
+        : this.feedTelemetryState?.activeFeed || "";
+    if (!normalized || !Array.isArray(videos)) {
+      return;
+    }
+
+    const feedState = this.getFeedTelemetryState(normalized);
+    if (!feedState) {
+      return;
+    }
+
+    const signature = videos
+      .map((video) => (typeof video?.id === "string" ? video.id : ""))
+      .filter(Boolean)
+      .join("|");
+
+    if (signature && signature === feedState.lastImpressionSignature) {
+      return;
+    }
+
+    feedState.lastImpressionSignature = signature;
+
+    const eventName = this.resolveFeedTelemetryEventName(normalized, "impression");
+    if (!eventName) {
+      return;
+    }
+
+    videos.forEach((video, index) => {
+      this.emitFeedTelemetryEvent(normalized, eventName, {
+        video,
+        videoId: video?.id,
+        position: index,
+      });
+    });
+  }
+
+  emitForYouImpressions(videos = []) {
+    this.emitFeedImpressions(videos, { feedName: "for-you" });
+  }
+
+  recordFeedClick(videoId, { feedName } = {}) {
+    const normalized =
+      typeof feedName === "string"
+        ? feedName.trim().toLowerCase()
+        : this.feedTelemetryState?.activeFeed || "";
+    if (!normalized || !videoId) {
+      return;
+    }
+
+    const feedState = this.getFeedTelemetryState(normalized);
+    if (!feedState) {
+      return;
+    }
+
+    const eventName = this.resolveFeedTelemetryEventName(normalized, "click");
+    if (!eventName) {
+      return;
+    }
+
+    const video = this.resolveVideoForTelemetry(videoId);
+    const position = this.resolveVideoIndex(videoId);
+
+    feedState.activePlayback = {
+      feed: normalized,
+      videoId,
+    };
+
+    this.emitFeedTelemetryEvent(normalized, eventName, {
+      video,
+      videoId,
+      position,
+    });
+  }
+
+  recordForYouClick(videoId) {
+    this.recordFeedClick(videoId, { feedName: "for-you" });
+  }
+
+  handleFeedViewTelemetry(detail = {}) {
+    const activeFeed = this.feedTelemetryState?.activeFeed || "";
+    if (!activeFeed) {
+      return;
+    }
+
+    const feedState = this.getFeedTelemetryState(activeFeed);
+    if (!feedState) {
+      return;
+    }
+
+    const activePlayback = feedState.activePlayback;
+    if (!activePlayback || activePlayback.feed !== activeFeed) {
+      return;
+    }
+
+    const currentVideoId =
+      typeof this.currentVideo?.id === "string"
+        ? this.currentVideo.id
+        : activePlayback.videoId;
+    if (!currentVideoId || currentVideoId !== activePlayback.videoId) {
+      return;
+    }
+
+    const pointerKey =
+      typeof detail?.pointerKey === "string" ? detail.pointerKey : "";
+    if (activePlayback.pointerKey && pointerKey) {
+      if (activePlayback.pointerKey !== pointerKey) {
+        return;
+      }
+    }
+
+    const video = this.resolveVideoForTelemetry(currentVideoId);
+    const payload = this.buildFeedTelemetryPayload(activeFeed, {
+      video,
+      videoId: currentVideoId,
+    });
+    if (!payload) {
+      return;
+    }
+
+    if (pointerKey) {
+      payload.pointerKey = pointerKey;
+    }
+
+    const eventName = this.resolveFeedTelemetryEventName(activeFeed, "watch");
+    if (!eventName) {
+      return;
+    }
+
+    this.emitTelemetryEvent(eventName, payload);
+    feedState.activePlayback = null;
+  }
+
+  async renderVideoList(payload) {
+    if (!this.videoListView) {
+      return;
+    }
+
+    const container = this.mountVideoListView();
+    if (!container) {
+      return;
+    }
+
+    let videos = [];
+    let metadata = null;
+
+    if (Array.isArray(payload)) {
+      videos = payload;
+    } else if (payload && typeof payload === "object") {
+      if (Array.isArray(payload.videos)) {
+        videos = payload.videos;
+      }
+      if (payload.metadata && typeof payload.metadata === "object") {
+        metadata = { ...payload.metadata };
+      }
+    }
+
+    this.latestFeedMetadata = metadata;
+    if (this.videoListView) {
+      this.videoListView.state.feedMetadata = metadata;
+    }
+
+    const decoratedVideos = Array.isArray(videos)
+      ? videos.map((video) => {
+          const moderated = this.decorateVideoModeration(video);
+          const targetVideo =
+            moderated && typeof moderated === "object" ? moderated : video;
+          const withIdentity = this.decorateVideoCreatorIdentity(targetVideo);
+          return withIdentity && typeof withIdentity === "object"
+            ? withIdentity
+            : targetVideo;
+        })
+      : [];
+
+    this.videoListView.render(decoratedVideos, metadata);
+    this.emitFeedImpressions(decoratedVideos);
+
+    if (typeof this.refreshVisibleModerationUi === "function") {
+      const renderReason =
+        metadata && typeof metadata.reason === "string" && metadata.reason
+          ? `render-${metadata.reason}`
+          : "render-video-list";
+      try {
+        this.refreshVisibleModerationUi({ reason: renderReason });
+      } catch (error) {
+        devLogger.warn(
+          "[Application] Failed to refresh moderation UI after rendering video list:",
+          error,
+        );
+      }
+    }
+    this.updateModalSimilarContent();
+  }
+
+  refreshVideoDiscussionCounts(videos = [], options = {}) {
+    if (!this.discussionCountService) {
+      return;
+    }
+
+    const { videoListRoot = this.videoList || null } = options;
+
+    this.discussionCountService.refreshCounts(videos, {
+      videoListRoot,
+      nostrClient,
+    });
+  }
+
+  deriveModerationReportType(summary) {
+    return this.moderationDecorator.deriveModerationReportType(summary);
+  }
+
+  deriveModerationTrustedCount(summary, reportType) {
+    return this.moderationDecorator.deriveModerationTrustedCount(summary, reportType);
+  }
+
+  getReporterDisplayName(pubkey) {
+    return this.moderationDecorator.getReporterDisplayName(pubkey);
+  }
+
+  normalizeModerationSettings(settings = null) {
+    return this.moderationDecorator.normalizeModerationSettings(settings);
+  }
+
+  getActiveModerationThresholds() {
+    this.moderationSettings = this.moderationDecorator.normalizeModerationSettings(this.moderationSettings);
+    return { ...this.moderationSettings };
+  }
+
+  decorateVideoModeration(video, feedContext = {}) {
+    const decorated = this.moderationDecorator.decorateVideo(video, feedContext);
+    if (
+      video &&
+      video.pubkey &&
+      this.isAuthorBlocked(video.pubkey) &&
+      decorated &&
+      decorated.moderation
+    ) {
+      decorated.moderation.viewerMuted = true;
+      decorated.moderation.hidden = true;
+      decorated.moderation.hideReason = "viewer-block";
+    }
+    return decorated;
+  }
+
+  initializeModerationActionController() {
+    if (this.moderationActionController) {
+      return this.moderationActionController;
+    }
+
+    this.moderationActionController = new ModerationActionController({
+      services: {
+        setModerationOverride,
+        clearModerationOverride,
+        userBlocks,
+      },
+      selectors: {
+        getVideoById: (id) =>
+          this.videosMap instanceof Map && id ? this.videosMap.get(id) : null,
+        getCurrentVideo: () => this.currentVideo,
+      },
+      actions: {
+        decorateVideoModeration: (video) => this.decorateVideoModeration(video),
+        resumePlayback: (video) => this.resumePendingModeratedPlayback(video),
+        refreshVideos: (payload) => this.onVideosShouldRefresh(payload),
+        showStatus: (message, options) => this.showStatus(message, options),
+        showError: (message) => this.showError(message),
+        describeBlockError: (error) => this.describeUserBlockActionError(error),
+      },
+      auth: {
+        isLoggedIn: () => this.isUserLoggedIn(),
+        getViewerPubkey: () => this.pubkey,
+        normalizePubkey: (value) => this.normalizeHexPubkey(value),
+      },
+      ui: {
+        refreshCardModerationUi: (card, options) =>
+          this.refreshCardModerationUi(card, options),
+        dispatchModerationEvent: (eventName, detail) =>
+          this.dispatchModerationEvent(eventName, detail),
+      },
+    });
+
+    return this.moderationActionController;
+  }
+
+  refreshCardModerationUi(card, { reason } = {}) {
+    if (!card || typeof card.refreshModerationUi !== "function") {
+      return false;
+    }
+
+    try {
+      card.refreshModerationUi();
+      return true;
+    } catch (error) {
+      const suffix = reason ? ` ${reason}` : "";
+      devLogger.warn(
+        `[Application] Failed to refresh moderation UI${suffix}:`,
+        error,
+      );
+      return false;
+    }
+  }
+
+  dispatchModerationEvent(eventName, detail = {}) {
+    const doc =
+      (this.videoModal && this.videoModal.document) ||
+      (typeof document !== "undefined" ? document : null);
+
+    if (!doc || typeof doc.dispatchEvent !== "function") {
+      return false;
+    }
+
+    try {
+      doc.dispatchEvent(new CustomEvent(eventName, { detail }));
+      return true;
+    } catch (error) {
+      const eventLabels = {
+        "video:moderation-override": "moderation override event",
+        "video:moderation-block": "moderation block event",
+        "video:moderation-hide": "moderation hide event",
+      };
+      const label = eventLabels[eventName] || eventName;
+      devLogger.warn(`[Application] Failed to dispatch ${label}:`, error);
+      return false;
+    }
+  }
+
+  handleModerationOverride(payload = {}) {
+    const controller = this.initializeModerationActionController();
+    if (!controller) {
+      return false;
+    }
+
+    return controller.handleOverride(payload);
+  }
+
+  async handleModerationBlock(payload = {}) {
+    const controller = this.initializeModerationActionController();
+    if (!controller) {
+      return false;
+    }
+
+    return controller.handleBlock(payload);
+  }
+
+  handleModerationHide(payload = {}) {
+    const controller = this.initializeModerationActionController();
+    if (!controller) {
+      return false;
+    }
+
+    return controller.handleHide(payload);
+  }
+
+  getVideoAddressPointer(video) {
+    if (
+      this.discussionCountService &&
+      typeof this.discussionCountService.getVideoAddressPointer === "function"
+    ) {
+      return this.discussionCountService.getVideoAddressPointer(video);
+    }
+
+    return buildVideoAddressPointer(video, { defaultKind: VIDEO_EVENT_KIND });
+  }
+
+  bindThumbnailFallbacks(container) {
+    if (!container || typeof container.querySelectorAll !== "function") {
+      return;
+    }
+
+    const thumbnails = container.querySelectorAll("[data-video-thumbnail]");
+    thumbnails.forEach((img) => {
+      if (!img) {
+        return;
+      }
+
+      const ensureFallbackSource = () => {
+        let fallbackSrc = "";
+        if (typeof img.dataset.fallbackSrc === "string") {
+          fallbackSrc = img.dataset.fallbackSrc.trim();
+        }
+
+        if (!fallbackSrc) {
+          const attr = img.getAttribute("data-fallback-src") || "";
+          fallbackSrc = attr.trim();
+        }
+
+        if (!fallbackSrc && img.tagName === "IMG") {
+          fallbackSrc = FALLBACK_THUMBNAIL_SRC;
+        }
+
+        if (fallbackSrc) {
+          if (img.dataset.fallbackSrc !== fallbackSrc) {
+            img.dataset.fallbackSrc = fallbackSrc;
+          }
+          if (!img.getAttribute("data-fallback-src")) {
+            img.setAttribute("data-fallback-src", fallbackSrc);
+          }
+        }
+
+        return fallbackSrc;
+      };
+
+      const applyFallback = () => {
+        const fallbackSrc = ensureFallbackSource() || FALLBACK_THUMBNAIL_SRC;
+        if (!fallbackSrc) {
+          return;
+        }
+
+        if (img.src !== fallbackSrc) {
+          img.src = fallbackSrc;
+        }
+
+        img.dataset.thumbnailFailed = "true";
+      };
+
+      const handleLoad = () => {
+        if (
+          (img.naturalWidth === 0 && img.naturalHeight === 0) ||
+          !img.currentSrc
+        ) {
+          applyFallback();
+        } else {
+          delete img.dataset.thumbnailFailed;
+        }
+      };
+
+      ensureFallbackSource();
+
+      if (img.dataset.thumbnailFallbackBound === "true") {
+        if (img.complete) {
+          handleLoad();
+        }
+        return;
+      }
+
+      img.addEventListener("error", applyFallback);
+      img.addEventListener("load", handleLoad);
+
+      img.dataset.thumbnailFallbackBound = "true";
+
+      if (img.complete) {
+        handleLoad();
+      }
+    });
+  }
+
+  ensureGlobalMoreMenuHandlers() {
+    if (this.moreMenuController) {
+      this.moreMenuController.ensureGlobalMoreMenuHandlers();
+    }
+  }
+
+  closeAllMoreMenus(options = {}) {
+    if (this.moreMenuController) {
+      this.moreMenuController.closeAllMoreMenus(options);
+    }
+
+    this.closeVideoSettingsMenu({ restoreFocus: options?.restoreFocus !== false });
+    this.tagPreferenceMenuController.closeMenus({
+      restoreFocus: options?.restoreFocus !== false,
+    });
+  }
+
+  attachMoreMenuHandlers(container) {
+    if (this.moreMenuController) {
+      this.moreMenuController.attachMoreMenuHandlers(container);
+    }
+  }
+
+  requestMoreMenu(detail = {}) {
+    if (!this.moreMenuController) {
+      return;
+    }
+
+    const trigger = detail.trigger || null;
+    if (!trigger) {
+      return;
+    }
+
+    const capabilities = detail.capabilities || {};
+    const canManage =
+      typeof capabilities.canManageBlacklist === "boolean"
+        ? capabilities.canManageBlacklist
+        : this.canCurrentUserManageBlacklist();
+
+    this.moreMenuController.toggleMoreMenu({
+      trigger,
+      video: detail.video || null,
+      pointerInfo: detail.pointerInfo || null,
+      playbackUrl: detail.playbackUrl || "",
+      playbackMagnet: detail.playbackMagnet || "",
+      context: detail.context || "card",
+      canManageBlacklist: canManage,
+      designSystem: detail.designSystem || this.designSystemContext,
+      onAction: detail.onAction || null,
+      onClose: detail.onClose || null,
+      restoreFocusOnClose: detail.restoreFocus !== false,
+    });
+  }
+
+  closeMoreMenu(detail = {}) {
+    if (!this.moreMenuController) {
+      return false;
+    }
+
+    const trigger = detail.trigger || null;
+    if (trigger) {
+      return this.moreMenuController.closePopoverForTrigger(trigger, {
+        restoreFocus: detail.restoreFocus !== false,
+      });
+    }
+
+    this.moreMenuController.closeAllMoreMenus({
+      restoreFocus: detail.restoreFocus !== false,
+      skipView: detail.skipView === true,
+    });
+    return true;
+  }
+
+  requestVideoSettingsMenu(detail = {}) {
+    if (this.videoSettingsMenuController) {
+      this.videoSettingsMenuController.requestMenu(detail);
+    }
+  }
+
+  closeVideoSettingsMenu(detail = {}) {
+    if (this.videoSettingsMenuController) {
+      return this.videoSettingsMenuController.closeMenu(detail);
+    }
+    return false;
+  }
+
+  ensureTagPreferencePopover(detail) {
+    return this.tagPreferenceMenuController.ensurePopover(detail);
+  }
+
+  requestTagPreferenceMenu(detail) {
+    return this.tagPreferenceMenuController.requestMenu(detail);
+  }
+
+  closeTagPreferenceMenus(detail) {
+    return this.tagPreferenceMenuController.closeMenus(detail);
+  }
+
+  handleTagPreferenceActivation(detail = {}) {
+    this.tagPreferenceMenuController.handleActivation(detail);
+  }
+
+  syncModalMoreMenuData() {
+    if (this.moreMenuController) {
+      this.moreMenuController.syncModalMoreMenuData();
+    }
+  }
+
+  async handleMoreMenuAction(action, dataset = {}) {
+    if (!this.moreMenuController) {
+      return;
+    }
+
+    return this.moreMenuController.handleMoreMenuAction(action, dataset);
+  }
+
+  async handleRepostAction(dataset = {}) {
+    if (this.engagementController) {
+      return this.engagementController.handleRepostAction(dataset);
+    }
+  }
+
+  async handleMirrorAction(dataset = {}) {
+    if (this.engagementController) {
+      return this.engagementController.handleMirrorAction(dataset);
+    }
+  }
+
+  async handleEnsurePresenceAction(dataset = {}) {
+    if (this.engagementController) {
+      return this.engagementController.handleEnsurePresenceAction(dataset);
+    }
+  }
+
+  /**
+   * Updates the modal to reflect current torrent stats.
+   * We remove the unused torrent.status references,
+   * and do not re-trigger recursion here (no setTimeout).
+   */
+  updateTorrentStatus(torrent) {
+    if (this.torrentStatusController) {
+      this.torrentStatusController.update(torrent);
+    }
+  }
+
+  normalizeActionTarget(target) {
+    const isElement = (value) =>
+      typeof Element !== "undefined" && value instanceof Element;
+    let triggerElement = null;
+    let providedVideo = null;
+    if (target && typeof target === "object") {
+      let eventId =
+        typeof target.eventId === "string" ? target.eventId.trim() : "";
+      let index = null;
+      if (typeof target.index === "number" && Number.isInteger(target.index)) {
+        index = target.index;
+      } else if (
+        typeof target.index === "string" && target.index.trim().length > 0
+      ) {
+        const parsed = Number.parseInt(target.index.trim(), 10);
+        index = Number.isNaN(parsed) ? null : parsed;
+      }
+      const targetVideo = target.video;
+      if (targetVideo && typeof targetVideo === "object") {
+        const candidateId =
+          typeof targetVideo.id === "string" ? targetVideo.id.trim() : "";
+        if (candidateId) {
+          providedVideo = targetVideo;
+          if (!eventId) {
+            eventId = candidateId;
+          }
+        }
+      }
+      if (isElement(target.triggerElement)) {
+        triggerElement = target.triggerElement;
+      } else if (isElement(target.trigger)) {
+        triggerElement = target.trigger;
+      }
+      return { eventId, index, triggerElement, video: providedVideo };
+    }
+
+    if (typeof target === "string") {
+      const trimmed = target.trim();
+      if (!trimmed) {
+        return { eventId: "", index: null, triggerElement, video: null };
+      }
+      if (/^-?\d+$/.test(trimmed)) {
+        const parsed = Number.parseInt(trimmed, 10);
+        return {
+          eventId: "",
+          index: Number.isNaN(parsed) ? null : parsed,
+          triggerElement,
+          video: null,
+        };
+      }
+      return { eventId: trimmed, index: null, triggerElement, video: null };
+    }
+
+    if (typeof target === "number" && Number.isInteger(target)) {
+      return { eventId: "", index: target, triggerElement, video: null };
+    }
+
+    return { eventId: "", index: null, triggerElement, video: null };
+  }
+
+  async resolveVideoActionTarget({
+    eventId = "",
+    index = null,
+    preloadedList,
+    video: providedVideo = null,
+  } = {}) {
+    const trimmedEventId = typeof eventId === "string" ? eventId.trim() : "";
+    const normalizedIndex =
+      typeof index === "number" && Number.isInteger(index) && index >= 0
+        ? index
+        : null;
+
+    const ensureCreatorIdentity = (video) => {
+      if (
+        !video ||
+        typeof video !== "object" ||
+        typeof this.decorateVideoCreatorIdentity !== "function"
+      ) {
+        return video;
+      }
+      try {
+        const decorated = this.decorateVideoCreatorIdentity(video);
+        return decorated && typeof decorated === "object" ? decorated : video;
+      } catch (error) {
+        devLogger.warn(
+          "[Application] Failed to decorate video identity for action target:",
+          error,
+        );
+        return video;
+      }
+    };
+
+    const initialVideo =
+      providedVideo && typeof providedVideo === "object" ? providedVideo : null;
+    const preparedInitialVideo = ensureCreatorIdentity(initialVideo);
+    const providedId =
+      preparedInitialVideo && typeof preparedInitialVideo.id === "string"
+        ? preparedInitialVideo.id.trim()
+        : "";
+    const targetEventId = trimmedEventId || providedId;
+
+    const candidateLists = Array.isArray(preloadedList)
+      ? [preloadedList]
+      : [];
+
+    if (providedId) {
+      this.videosMap.set(providedId, preparedInitialVideo);
+      if (!trimmedEventId || providedId === trimmedEventId) {
+        return preparedInitialVideo;
+      }
+    }
+
+    for (const list of candidateLists) {
+      if (targetEventId) {
+        const match = list.find((video) => video?.id === targetEventId);
+        if (match) {
+          const preparedMatch = ensureCreatorIdentity(match);
+          this.videosMap.set(preparedMatch.id, preparedMatch);
+          return preparedMatch;
+        }
+      }
+      if (
+        normalizedIndex !== null &&
+        normalizedIndex >= 0 &&
+        normalizedIndex < list.length
+      ) {
+        const match = list[normalizedIndex];
+        if (match) {
+          const preparedMatch = ensureCreatorIdentity(match);
+          this.videosMap.set(preparedMatch.id, preparedMatch);
+          return preparedMatch;
+        }
+      }
+    }
+
+    if (targetEventId) {
+      const fromMap = this.videosMap.get(targetEventId);
+      if (fromMap) {
+        return fromMap;
+      }
+
+      const activeVideos = nostrClient.getActiveVideos();
+      const fromActive = activeVideos.find((video) => video.id === targetEventId);
+      if (fromActive) {
+        const preparedActive = ensureCreatorIdentity(fromActive);
+        this.videosMap.set(preparedActive.id, preparedActive);
+        return preparedActive;
+      }
+
+      const fromAll = nostrClient.allEvents.get(targetEventId);
+      if (fromAll) {
+        const preparedFromAll = ensureCreatorIdentity(fromAll);
+        this.videosMap.set(preparedFromAll.id, preparedFromAll);
+        return preparedFromAll;
+      }
+
+      const fetched = await nostrClient.getEventById(targetEventId);
+      if (fetched) {
+        const preparedFetched = ensureCreatorIdentity(fetched);
+        this.videosMap.set(preparedFetched.id, preparedFetched);
+        return preparedFetched;
+      }
+    }
+
+    if (normalizedIndex !== null) {
+      const activeVideos = nostrClient.getActiveVideos();
+      if (normalizedIndex >= 0 && normalizedIndex < activeVideos.length) {
+        const candidate = activeVideos[normalizedIndex];
+        if (candidate) {
+          const preparedCandidate = ensureCreatorIdentity(candidate);
+          this.videosMap.set(preparedCandidate.id, preparedCandidate);
+          return preparedCandidate;
+        }
+      }
+    }
+
+    return null;
+  }
+
+  /**
+   * Handle "Edit Video" from gear menu.
+   */
+  async handleEditModalSubmit(event) {
+    if (this.editModalController) {
+      return this.editModalController.handleSubmit(event);
+    }
+  }
+
+  async handleEditVideo(target) {
+    if (this.editModalController) {
+      return this.editModalController.open(target);
+    }
+  }
+
+  async handleRevertVideo(target) {
+    if (this.revertModalController) {
+      return this.revertModalController.open(target);
+    }
+  }
+
+  async handleRevertModalConfirm(event) {
+    if (this.revertModalController) {
+      return this.revertModalController.handleConfirm(event);
+    }
+  }
+
+  async handleDeleteModalConfirm(event) {
+    const detail = event?.detail || {};
+    const targetVideo = detail.video || this.deleteModal?.activeVideo || null;
+
+    if (!targetVideo) {
+      return;
+    }
+
+    if (!this.pubkey) {
+      this.showError("Please login to delete videos.");
+      return;
+    }
+
+    if (!this.deleteModal) {
+      this.showError("Delete modal is not available right now.");
+      return;
+    }
+
+    const rootId = targetVideo.videoRootId || targetVideo.id || "";
+    if (!rootId) {
+      this.showError("Unable to determine the video root for deletion.");
+      return;
+    }
+
+    this.deleteModal.setBusy(true, "Deleting…");
+    this.showStatus("Deleting. Please wait.", { showSpinner: true });
+
+    try {
+      await this.nostrService.handleFullDeleteVideo({
+        videoRootId: rootId,
+        video: targetVideo,
+        pubkey: this.pubkey,
+        confirm: false,
+      });
+
+      await this.loadVideos();
+      this.showSuccess("All versions deleted successfully!");
+      this.deleteModal.close();
+      this.forceRefreshAllProfiles();
+    } catch (err) {
+      devLogger.error("Failed to delete all versions:", err);
+      this.showError("Failed to delete all versions. Please try again.");
+    } finally {
+      if (this.deleteModal) {
+        this.deleteModal.setBusy(false);
+      }
+      this.showStatus("");
+    }
+  }
+
+  /**
+   * Handle "Delete Video" from gear menu.
+   */
+  async handleFullDeleteVideo(target) {
+    try {
+      const normalizedTarget = this.normalizeActionTarget(target);
+      const { triggerElement } = normalizedTarget;
+      const all = this.nostrService.getFilteredActiveVideos({
+        blacklistedEventIds: this.blacklistedEventIds,
+        isAuthorBlocked: (pubkey) => this.isAuthorBlocked(pubkey),
+      });
+      const video = await this.resolveVideoActionTarget({
+        ...normalizedTarget,
+        preloadedList: all,
+      });
+
+      if (!this.pubkey) {
+        this.showError("Please login to delete videos.");
+        return;
+      }
+      const userPubkey = (this.pubkey || "").toLowerCase();
+      const videoPubkey = (video?.pubkey || "").toLowerCase();
+      if (!video || !videoPubkey || videoPubkey !== userPubkey) {
+        this.showError("You do not own this video.");
+        return;
+      }
+      if (!this.deleteModal) {
+        this.showError("Delete modal is not available right now.");
+        return;
+      }
+
+      const loaded = await this.deleteModal.load();
+      if (!loaded) {
+        this.showError("Delete modal is not available right now.");
+        return;
+      }
+
+      this.deleteModal.setVideo(video);
+      this.deleteModal.open({ video }, { triggerElement });
+    } catch (err) {
+      devLogger.error("Failed to delete all versions:", err);
+      this.showError("Failed to delete all versions. Please try again.");
+    }
+  }
+
+  /**
+   * If there's a ?v= param in the URL, auto-open that video.
+   */
+  checkUrlParams() {
+    const urlParams = new URLSearchParams(window.location.search);
+    const maybeNevent = urlParams.get("v");
+    if (!maybeNevent) return; // no link param
+
+    try {
+      const decoded = window.NostrTools.nip19.decode(maybeNevent);
+      if (decoded.type === "nevent" && decoded.data.id) {
+        const eventId = decoded.data.id;
+        const relay =
+          Array.isArray(decoded.data.relays) && decoded.data.relays.length
+            ? decoded.data.relays[0]
+            : null;
+        // 1) check local map
+        let localMatch = this.videosMap.get(eventId);
+        if (localMatch) {
+          this.playVideoByEventId(eventId, { relay });
+        } else {
+          // 2) fallback => getOldEventById
+          this.getOldEventById(eventId)
+            .then((video) => {
+              if (video) {
+                this.playVideoByEventId(eventId, { relay });
+              } else {
+                this.showError("No matching video found for that link.");
+              }
+            })
+            .catch((err) => {
+              devLogger.error("Error fetching older event by ID:", err);
+              this.showError("Could not load videos for the share link.");
+            });
+        }
+      }
+    } catch (err) {
+      devLogger.error("Error decoding nevent:", err);
+      this.showError("Invalid share link.");
+    }
+  }
+
+  async probeUrlWithVideoElement(url, timeoutMs) {
+    return this.urlHealthController.probeUrlWithVideoElement(url, timeoutMs);
+  }
+
+  async probeUrl(url, options = {}) {
+    const trimmed = typeof url === "string" ? url.trim() : "";
+    if (!trimmed) {
+      return this.urlHealthController.probeUrl(url, options);
+    }
+    const existing = this.urlProbePromises.get(trimmed);
+    if (existing) {
+      return existing;
+    }
+    const probePromise = (async () => {
+      try {
+        return await this.urlHealthController.probeUrl(trimmed, options);
+      } finally {
+        this.urlProbePromises.delete(trimmed);
+      }
+    })();
+    this.urlProbePromises.set(trimmed, probePromise);
+    return probePromise;
+  }
+
+  async playHttp(videoEl, url) {
+    const target = videoEl || this.modalVideo;
+    if (!target) {
+      return false;
+    }
+
+    const sanitizedUrl = typeof url === "string" ? url.trim() : "";
+    if (!sanitizedUrl) {
+      return false;
+    }
+
+    target.src = sanitizedUrl;
+
+    try {
+      await target.play();
+      return true;
+    } catch (err) {
+      devLogger.warn("[playHttp] Direct URL playback failed:", err);
+      return false;
+    }
+  }
+
+  async playViaWebTorrent(
+    magnet,
+    { fallbackMagnet = "", urlList = [] } = {}
+  ) {
+    const sanitizedUrlList = Array.isArray(urlList)
+      ? urlList
+          .map((entry) =>
+            typeof entry === "string" ? entry.trim() : ""
+          )
+          .filter((entry) => /^https?:\/\//i.test(entry))
+      : [];
+
+    const attemptStream = async (candidate) => {
+      const trimmedCandidate =
+        typeof candidate === "string" ? candidate.trim() : "";
+      if (!trimmedCandidate) {
+        throw new Error("No magnet URI provided for torrent playback.");
+      }
+      if (!isValidMagnetUri(trimmedCandidate)) {
+        if (this.videoModal) {
+          this.videoModal.updateStatus(UNSUPPORTED_BTITH_MESSAGE);
+        }
+        throw new Error(UNSUPPORTED_BTITH_MESSAGE);
+      }
+      if (!this.modalVideo) {
+        throw new Error(
+          "No modal video element available for torrent playback."
+        );
+      }
+
+      const timestamp = Date.now().toString();
+      const [magnetPrefix, magnetQuery = ""] = trimmedCandidate.split("?", 2);
+      let normalizedMagnet = magnetPrefix;
+      let queryParts = magnetQuery
+        .split("&")
+        .map((part) => part.trim())
+        .filter((part) => part && !/^ts=\d+$/.test(part));
+
+      if (queryParts.length) {
+        normalizedMagnet = `${magnetPrefix}?${queryParts.join("&")}`;
+      }
+
+      const separator = normalizedMagnet.includes("?") ? "&" : "?";
+      const cacheBustedMagnet = `${normalizedMagnet}${separator}ts=${timestamp}`;
+
+      await torrentClient.cleanup();
+      this.resetTorrentStats();
+
+      if (this.videoModal) {
+        this.videoModal.updateStatus("Streaming via WebTorrent");
+        this.videoModal.setTorrentStatsVisibility?.(true);
+      }
+
+      const torrentInstance = await torrentClient.streamVideo(
+        cacheBustedMagnet,
+        this.modalVideo,
+        { urlList: sanitizedUrlList }
+      );
+
+      if (torrentClient.isServiceWorkerUnavailable()) {
+        const swError = torrentClient.getServiceWorkerInitError();
+        const statusMessage = buildServiceWorkerFallbackStatus(swError);
+        this.log(
+          "[playViaWebTorrent] Service worker unavailable; streaming directly via WebTorrent.",
+          swError
+        );
+        if (swError) {
+          userLogger.warn(
+            "[playViaWebTorrent] Service worker unavailable; direct streaming engaged.",
+            swError
+          );
+        }
+        if (this.videoModal) {
+          this.videoModal.updateStatus(statusMessage);
+        }
+      }
+      if (torrentInstance && torrentInstance.ready) {
+        // Some browsers delay `playing` events for MediaSource-backed torrents.
+        // Clearing the poster here prevents the historic "GIF stuck over the
+        // video" regression when WebTorrent is already feeding data.
+        this.forceRemoveModalPoster("webtorrent-ready");
+      }
+      this.startTorrentStatusMirrors(torrentInstance);
+      return torrentInstance;
+    };
+
+    const primaryTrimmed =
+      typeof magnet === "string" ? magnet.trim() : "";
+    const fallbackTrimmed =
+      typeof fallbackMagnet === "string" ? fallbackMagnet.trim() : "";
+    const hasFallback =
+      !!fallbackTrimmed && fallbackTrimmed !== primaryTrimmed;
+
+    try {
+      return await attemptStream(primaryTrimmed);
+    } catch (primaryError) {
+      if (!hasFallback) {
+        throw primaryError;
+      }
+      this.log(
+        `[playViaWebTorrent] Normalized magnet failed: ${primaryError.message}`
+      );
+      this.log(
+        "[playViaWebTorrent] Primary magnet failed, retrying original string."
+      );
+      try {
+        return await attemptStream(fallbackTrimmed);
+      } catch (fallbackError) {
+        throw fallbackError;
+      }
+    }
+  }
+
+  /**
+   * Unified playback helper that prefers HTTP URL sources
+   * and falls back to WebTorrent when needed.
+   */
+  async playVideoWithFallback(options = {}) {
+    const { url = "", magnet = "", trigger, forcedSource } = options || {};
+
+    emit("playback-decision", {
+      method: forcedSource || (magnet ? "webtorrent" : "url"), // heuristic
+      details: {
+        url: Boolean(url),
+        magnet: Boolean(magnet),
+        forcedSource,
+      },
+    });
+
+    const hasTrigger = Object.prototype.hasOwnProperty.call(
+      options || {},
+      "trigger"
+    );
+    if (hasTrigger) {
+      this.setLastModalTrigger(trigger);
+    }
+    const sanitizedUrl = typeof url === "string" ? url.trim() : "";
+    const trimmedMagnet = typeof magnet === "string" ? magnet.trim() : "";
+    const previousSource = this.playSource || null;
+    const requestSignature = JSON.stringify({
+      url: sanitizedUrl,
+      magnet: trimmedMagnet,
+      forcedSource,
+    });
+
+    const modalVideoIsConnected = (() => {
+      if (!this.modalVideo) {
+        return false;
+      }
+      if (typeof this.modalVideo.isConnected === "boolean") {
+        return this.modalVideo.isConnected;
+      }
+      const ownerDocument = this.modalVideo.ownerDocument ||
+        (typeof document !== "undefined" ? document : null);
+      if (ownerDocument?.contains) {
+        try {
+          return ownerDocument.contains(this.modalVideo);
+        } catch (error) {
+          devLogger.warn(
+            "[playVideoWithFallback] Failed to determine modal video connection state",
+            error,
+          );
+        }
+      }
+      return true;
+    })();
+
+    const shouldReuseActiveSession =
+      modalVideoIsConnected &&
+      this.activePlaybackSession &&
+      typeof this.activePlaybackSession.matchesRequestSignature === "function" &&
+      this.activePlaybackSession.matchesRequestSignature(requestSignature);
+
+    if (shouldReuseActiveSession) {
+      this.log(
+        "[playVideoWithFallback] Duplicate playback request detected; reusing active session."
+      );
+      if (this.activePlaybackResultPromise) {
+        return this.activePlaybackResultPromise;
+      }
+      if (typeof this.activePlaybackSession.getResult === "function") {
+        return this.activePlaybackSession.getResult();
+      }
+      return { source: null };
+    }
+
+    await this.waitForCleanup();
+    this.cancelPendingViewLogging();
+
+    if (
+      previousSource === "torrent" &&
+      sanitizedUrl &&
+      this.playbackService &&
+      this.playbackService.torrentClient &&
+      typeof this.playbackService.torrentClient.cleanup === "function"
+    ) {
+      try {
+        this.log(
+          "[playVideoWithFallback] Previous playback used WebTorrent; cleaning up before preparing hosted session.",
+        );
+        await this.playbackService.torrentClient.cleanup();
+      } catch (error) {
+        devLogger.warn(
+          "[playVideoWithFallback] Pre-playback torrent cleanup threw:",
+          error,
+        );
+      }
+    }
+
+    let modalVideoEl = this.modalVideo;
+    const modalVideoFromController =
+      this.videoModal && typeof this.videoModal.getVideoElement === "function"
+        ? this.videoModal.getVideoElement()
+        : null;
+    if (modalVideoFromController && modalVideoFromController !== modalVideoEl) {
+      modalVideoEl = modalVideoFromController;
+      this.modalVideo = modalVideoEl;
+    }
+    const modalVideoConnected = Boolean(
+      modalVideoEl && modalVideoEl.isConnected,
+    );
+    if (!modalVideoEl || !modalVideoConnected) {
+      try {
+        const { videoElement } = await this.ensureVideoModalReady({
+          ensureVideoElement: true,
+        });
+        modalVideoEl = videoElement;
+        this.modalVideo = modalVideoEl;
+      } catch (error) {
+        this.log(
+          "[playVideoWithFallback] Failed to load video modal before playback:",
+          error
+        );
+        this.showError("Could not prepare the video player. Please try again.");
+        return { source: null, error };
+      }
+    }
+
+    if (!modalVideoEl) {
+      const error = new Error("Video element is not ready for playback.");
+      this.log(
+        "[playVideoWithFallback] Video element missing after modal load attempt."
+      );
+      this.showError("Video player is not ready yet. Please try again.");
+      return { source: null, error };
+    }
+
+    if (
+      this.videoModal &&
+      typeof this.videoModal.clearPosterCleanup === "function"
+    ) {
+      try {
+        this.videoModal.clearPosterCleanup();
+      } catch (err) {
+        devLogger.warn(
+          "[playVideoWithFallback] video modal poster cleanup threw:",
+          err
+        );
+      }
+    }
+
+    const refreshedModal = this.teardownVideoElement(modalVideoEl, {
+      replaceNode: true,
+    });
+    if (refreshedModal) {
+      if (
+        this.videoModal &&
+        typeof this.videoModal.setVideoElement === "function"
+      ) {
+        this.videoModal.setVideoElement(refreshedModal);
+      }
+      this.modalVideo = refreshedModal;
+      modalVideoEl = this.modalVideo;
+      this.applyModalLoadingPoster();
+    } else {
+      this.applyModalLoadingPoster();
+    }
+
+    const session = this.playbackService.createSession({
+      url: sanitizedUrl,
+      magnet: trimmedMagnet,
+      requestSignature,
+      videoElement: this.modalVideo,
+      waitForCleanup: () => this.waitForCleanup(),
+      cancelPendingViewLogging: () => this.cancelPendingViewLogging(),
+      clearActiveIntervals: () => this.clearActiveIntervals(),
+      showModalWithPoster: () => this.showModalWithPoster(),
+      teardownVideoElement: (videoEl, options) =>
+        this.teardownVideoElement(videoEl, options),
+      probeUrl: (candidateUrl) => this.probeUrl(candidateUrl),
+      playViaWebTorrent: (magnetUri, options) =>
+        this.playViaWebTorrent(magnetUri, options),
+      autoplay: () => this.autoplayModalVideo(),
+      unsupportedBtihMessage: UNSUPPORTED_BTITH_MESSAGE,
+      forcedSource,
+    });
+
+    this.activePlaybackSession = session;
+    this.activePlaybackResultPromise = null;
+
+    this.resetTorrentStats();
+    this.playSource = null;
+
+    const playbackConfig = session.getPlaybackConfig();
+    const magnetForPlayback = session.getMagnetForPlayback();
+    const fallbackMagnet = session.getFallbackMagnet();
+    const magnetProvided = session.getMagnetProvided();
+
+    if (this.currentVideo) {
+      this.currentVideo.magnet = magnetForPlayback;
+      this.currentVideo.normalizedMagnet = magnetForPlayback;
+      this.currentVideo.normalizedMagnetFallback = fallbackMagnet;
+      if (playbackConfig?.infoHash && !this.currentVideo.legacyInfoHash) {
+        this.currentVideo.legacyInfoHash = playbackConfig.infoHash;
+      }
+      this.currentVideo.torrentSupported = !!magnetForPlayback;
+    }
+    this.currentMagnetUri = magnetForPlayback || null;
+    // this.setCopyMagnetState(!!magnetForPlayback); // Removed
+
+    const unsubscribers = [];
+    const subscribe = (eventName, handler) => {
+      const off = session.on(eventName, handler);
+      unsubscribers.push(off);
+    };
+
+    subscribe("status", ({ message } = {}) => {
+      if (this.videoModal) {
+        this.videoModal.updateStatus(
+          typeof message === "string" ? message : ""
+        );
+      }
+    });
+
+    subscribe("video-prepared", ({ videoElement } = {}) => {
+      if (videoElement && videoElement !== this.modalVideo) {
+        this.modalVideo = videoElement;
+      }
+    });
+
+    subscribe("view-logging-request", ({ videoElement } = {}) => {
+      if (videoElement) {
+        this.preparePlaybackLogging(videoElement);
+      }
+    });
+
+    subscribe("poster-remove", ({ reason } = {}) => {
+      this.forceRemoveModalPoster(reason || "playback");
+    });
+
+    subscribe("sourcechange", ({ source } = {}) => {
+      this.playSource = source || null;
+      const usingTorrent = source === "torrent";
+      if (this.videoModal) {
+        this.videoModal.setTorrentStatsVisibility?.(usingTorrent);
+      }
+    });
+
+    subscribe("error", ({ error, message } = {}) => {
+      const displayMessage =
+        typeof message === "string"
+          ? message
+          : error && error.message
+          ? `Playback error: ${error.message}`
+          : "Playback error";
+      this.showError(displayMessage);
+    });
+
+    subscribe("finished", () => {
+      if (this.activePlaybackSession === session) {
+        this.activePlaybackSession = null;
+        this.activePlaybackResultPromise = null;
+      }
+      while (unsubscribers.length) {
+        const off = unsubscribers.pop();
+        if (typeof off === "function") {
+          try {
+            off();
+          } catch (err) {
+            devLogger.warn(
+              "[playVideoWithFallback] Listener cleanup error:",
+              err
+            );
+          }
+        }
+      }
+    });
+
+    const startPromise = session.start();
+    this.activePlaybackResultPromise = startPromise;
+    const result = await startPromise;
+
+    if (!result || result.error) {
+      return result;
+    }
+
+    emit("playback-started", {
+      method: result.source,
+      details: { startedAt: Date.now() },
+    });
+
+    return result;
+  }
+
+
+  async playVideoByEventId(eventId, playbackHint = {}) {
+    if (!eventId) {
+      this.showError("No video identifier provided.");
+      return;
+    }
+
+    const hint = playbackHint && typeof playbackHint === "object"
+      ? playbackHint
+      : {};
+    const fallbackUrl =
+      typeof hint.url === "string" ? hint.url.trim() : "";
+    const fallbackTitle =
+      typeof hint.title === "string" ? hint.title : "";
+    const fallbackDescription =
+      typeof hint.description === "string" ? hint.description : "";
+    const fallbackMagnetRaw =
+      typeof hint.magnet === "string" ? hint.magnet.trim() : "";
+    let fallbackMagnetCandidate = "";
+    if (fallbackMagnetRaw) {
+      const decoded = safeDecodeMagnet(fallbackMagnetRaw);
+      fallbackMagnetCandidate = decoded || fallbackMagnetRaw;
+    }
+
+    const hasTrigger = Object.prototype.hasOwnProperty.call(hint, "trigger");
+    if (hasTrigger) {
+      this.setLastModalTrigger(hint.trigger);
+    } else {
+      this.setLastModalTrigger(null);
+    }
+
+    this.currentVideoPointer = null;
+    this.currentVideoPointerKey = null;
+    this.pendingModeratedPlayback = null;
+
+    if (this.blacklistedEventIds.has(eventId)) {
+      this.showError("This content has been removed or is not allowed.");
+      return;
+    }
+
+    let video = this.videosMap.get(eventId);
+    if (!video) {
+      video = await this.getOldEventById(eventId);
+    }
+    if (!video) {
+      if (fallbackUrl || fallbackMagnetCandidate) {
+        return this.playVideoWithoutEvent({
+          url: fallbackUrl,
+          magnet: fallbackMagnetCandidate,
+          title: fallbackTitle || "Untitled",
+          description: fallbackDescription || "",
+          trigger: hasTrigger ? hint.trigger : null,
+        });
+      }
+      this.showError("Video not found or has been removed.");
+      return;
+    }
+
+    try {
+      await accessControl.waitForReady();
+    } catch (error) {
+      devLogger.warn(
+        "Failed to ensure admin lists were loaded before playback:",
+        error
+      );
+    }
+    const authorNpub = this.safeEncodeNpub(video.pubkey) || video.pubkey;
+    if (!accessControl.canAccess(authorNpub)) {
+      if (accessControl.isBlacklisted(authorNpub)) {
+        this.showError("This content has been removed or is not allowed.");
+      } else if (accessControl.whitelistMode()) {
+        this.showError("This content is not from a whitelisted author.");
+      } else {
+        this.showError("This content has been removed or is not allowed.");
+      }
+      return;
+    }
+
+    this.decorateVideoModeration(video);
+
+    let trimmedUrl = typeof video.url === "string" ? video.url.trim() : "";
+    if (!trimmedUrl && fallbackUrl) {
+      trimmedUrl = fallbackUrl;
+    }
+    const rawMagnet =
+      typeof video.magnet === "string" ? video.magnet.trim() : "";
+    let legacyInfoHash =
+      typeof video.infoHash === "string" ? video.infoHash.trim().toLowerCase() : "";
+    const fallbackMagnetForCandidate = fallbackMagnetCandidate || "";
+    if (!legacyInfoHash && fallbackMagnetForCandidate) {
+      const extracted = extractBtihFromMagnet(fallbackMagnetForCandidate);
+      if (extracted) {
+        legacyInfoHash = extracted;
+      }
+    }
+
+    let magnetCandidate = rawMagnet || legacyInfoHash || "";
+    let decodedMagnetCandidate = safeDecodeMagnet(magnetCandidate);
+    let usableMagnetCandidate = decodedMagnetCandidate || magnetCandidate;
+    let magnetSupported = isValidMagnetUri(usableMagnetCandidate);
+
+    if (!magnetSupported && fallbackMagnetForCandidate) {
+      magnetCandidate = fallbackMagnetForCandidate;
+      decodedMagnetCandidate = safeDecodeMagnet(magnetCandidate);
+      usableMagnetCandidate = decodedMagnetCandidate || magnetCandidate;
+      magnetSupported = isValidMagnetUri(usableMagnetCandidate);
+    }
+
+    const sanitizedMagnet = magnetSupported ? usableMagnetCandidate : "";
+
+    const knownPostedAt = this.getKnownVideoPostedAt(video);
+    const normalizedEditedAt = Number.isFinite(video.created_at)
+      ? Math.floor(video.created_at)
+      : null;
+
+    const normalizedCreatorPubkey =
+      this.normalizeHexPubkey(video.pubkey) || video.pubkey;
+    const cachedCreatorProfileEntry =
+      normalizedCreatorPubkey && typeof this.getProfileCacheEntry === "function"
+        ? this.getProfileCacheEntry(normalizedCreatorPubkey)
+        : null;
+    const cachedCreatorProfile =
+      cachedCreatorProfileEntry &&
+      typeof cachedCreatorProfileEntry === "object"
+        ? cachedCreatorProfileEntry.profile || null
+        : null;
+    const initialLightningAddress =
+      typeof video.lightningAddress === "string"
+        ? video.lightningAddress.trim()
+        : "";
+
+    this.currentVideo = {
+      ...video,
+      url: trimmedUrl,
+      magnet: sanitizedMagnet,
+      originalMagnet:
+        magnetCandidate || fallbackMagnetForCandidate || legacyInfoHash || "",
+      torrentSupported: magnetSupported,
+      legacyInfoHash: video.legacyInfoHash || legacyInfoHash,
+      lightningAddress: initialLightningAddress || null,
+      lastEditedAt: normalizedEditedAt,
+    };
+
+    this.decorateVideoModeration(this.currentVideo);
+
+    const modalTags = collectVideoTags(this.currentVideo);
+    this.currentVideo.displayTags = modalTags;
+    const creatorNpub = this.safeEncodeNpub(video.pubkey) || video.pubkey;
+    const displayNpub = formatShortNpub(creatorNpub) || creatorNpub;
+    const initialCreatorProfile = this.resolveModalCreatorProfile({
+      video: this.currentVideo,
+      pubkey: normalizedCreatorPubkey,
+      cachedProfile: cachedCreatorProfile,
+    });
+    this.currentVideo.creatorName = initialCreatorProfile.name;
+    this.currentVideo.creatorPicture = initialCreatorProfile.picture;
+    this.currentVideo.creatorNpub = displayNpub;
+    if (this.currentVideo.creator && typeof this.currentVideo.creator === "object") {
+      this.currentVideo.creator = {
+        ...this.currentVideo.creator,
+        name: initialCreatorProfile.name,
+        picture: initialCreatorProfile.picture,
+        pubkey: normalizedCreatorPubkey,
+      };
+    } else {
+      this.currentVideo.creator = {
+        name: initialCreatorProfile.name,
+        picture: initialCreatorProfile.picture,
+        pubkey: normalizedCreatorPubkey,
+      };
+    }
+    this.updateModalSimilarContent({ activeVideo: this.currentVideo });
+
+    if (Number.isFinite(knownPostedAt)) {
+      this.cacheVideoRootCreatedAt(this.currentVideo, knownPostedAt);
+    } else if (this.currentVideo.rootCreatedAt) {
+      delete this.currentVideo.rootCreatedAt;
+    }
+
+    const dTagValue = (this.extractDTagValue(video.tags) || "").trim();
+    const pointerInfo = resolveVideoPointer({
+      kind: video.kind,
+      pubkey: video.pubkey,
+      videoRootId: video.videoRootId,
+      dTag: dTagValue,
+      fallbackEventId: video.id || eventId,
+      relay: hint.relay || video.relay,
+    });
+
+    this.currentVideoPointer = pointerInfo?.pointer || null;
+    this.currentVideoPointerKey = pointerInfo?.key || null;
+
+    if (this.currentVideo) {
+      this.currentVideo.pointer = this.currentVideoPointer;
+      this.currentVideo.pointerKey = this.currentVideoPointerKey;
+    }
+
+    const forYouState = this.getFeedTelemetryState("for-you");
+    if (
+      forYouState?.activePlayback?.feed === "for-you" &&
+      forYouState.activePlayback.videoId === eventId
+    ) {
+      forYouState.activePlayback.pointerKey = this.currentVideoPointerKey || null;
+    }
+
+    this.subscribeModalViewCount(
+      this.currentVideoPointer,
+      this.currentVideoPointerKey
+    );
+    this.reactionController.subscribe(
+      this.currentVideoPointer,
+      this.currentVideoPointerKey
+    );
+    this.syncModalMoreMenuData();
+
+    this.currentMagnetUri = sanitizedMagnet || null;
+
+    // this.setCopyMagnetState(!!sanitizedMagnet); // Removed
+    // this.setShareButtonState(true); // Moved to after showModalWithPoster
+
+    const nevent = window.NostrTools.nip19.neventEncode({ id: eventId });
+    let pushUrl =
+      this.buildShareUrlFromNevent(nevent) ||
+      `${this.getShareUrlBase() || window.location.pathname}?v=${encodeURIComponent(
+        nevent
+      )}`;
+
+    try {
+      const targetUrl = new URL(pushUrl, window.location.origin);
+      if (targetUrl.origin !== window.location.origin) {
+        pushUrl = `${window.location.pathname}${targetUrl.search}${targetUrl.hash}`;
+      }
+    } catch (err) {
+      devLogger.warn("[Application] Failed to normalize pushState URL:", err);
+    }
+
+    window.history.pushState({}, "", pushUrl);
+
+    this.zapController?.resetState();
+    this.zapController?.setVisibility(Boolean(this.currentVideo.lightningAddress));
+
+    const magnetInput =
+      sanitizedMagnet ||
+      decodedMagnetCandidate ||
+      magnetCandidate ||
+      fallbackMagnetForCandidate ||
+      legacyInfoHash ||
+      "";
+
+    await this.showModalWithPoster(this.currentVideo);
+
+    this.setShareButtonState(true);
+
+    this.commentController?.load(this.currentVideo);
+
+    const playbackOptions = {
+      url: trimmedUrl,
+      magnet: magnetInput,
+    };
+    if (hasTrigger) {
+      playbackOptions.trigger = this.lastModalTrigger;
+    }
+
+    let playbackPromise = null;
+    if (this.shouldDeferModeratedPlayback(this.currentVideo)) {
+      const pendingVideoId =
+        (this.currentVideo && typeof this.currentVideo.id === "string" && this.currentVideo.id)
+          ? this.currentVideo.id
+          : eventId || null;
+      this.pendingModeratedPlayback = {
+        ...playbackOptions,
+        triggerProvided: hasTrigger,
+        videoId: pendingVideoId,
+      };
+    } else {
+      playbackPromise = this.playVideoWithFallback(playbackOptions);
+    }
+
+    if (this.videoModal) {
+      const timestampPayload = this.buildModalTimestampPayload({
+        postedAt: this.currentVideo?.rootCreatedAt ?? null,
+        editedAt: normalizedEditedAt,
+      });
+      this.videoModal.updateMetadata({
+        title: video.title || "Untitled",
+        description: video.description || "No description available.",
+        timestamps: timestampPayload,
+        tags: modalTags,
+        creator: {
+          name: initialCreatorProfile.name,
+          avatarUrl: initialCreatorProfile.picture,
+          npub: displayNpub,
+        },
+      });
+    }
+
+    const profileRequestToken = Symbol("modal-profile-request");
+    this.modalCreatorProfileRequestToken = profileRequestToken;
+    this.fetchModalCreatorProfile({
+      pubkey: normalizedCreatorPubkey,
+      displayNpub,
+      cachedProfile: cachedCreatorProfile,
+      requestToken: profileRequestToken,
+    }).catch((error) => {
+      devLogger.error(
+        "[Application] Failed to fetch creator profile for modal:",
+        error,
+      );
+    });
+
+    this.ensureModalPostedTimestamp(this.currentVideo);
+
+    const playbackResult =
+      playbackPromise && typeof playbackPromise.then === "function"
+        ? await playbackPromise
+        : playbackPromise;
+
+    return playbackResult;
+  }
+
+  buildModalTimestampPayload({ postedAt = null, editedAt = null } = {}) {
+    const normalizedPostedAt = Number.isFinite(postedAt)
+      ? Math.floor(postedAt)
+      : null;
+    const normalizedEditedAt = Number.isFinite(editedAt)
+      ? Math.floor(editedAt)
+      : null;
+
+    const payload = {
+      posted: "",
+      edited: "",
+    };
+
+    const effectivePostedAt =
+      normalizedPostedAt !== null ? normalizedPostedAt : normalizedEditedAt;
+
+    if (effectivePostedAt !== null) {
+      payload.posted = `Posted ${this.formatTimeAgo(effectivePostedAt)}`;
+    }
+
+    const shouldShowEdited =
+      normalizedEditedAt !== null &&
+      (normalizedPostedAt === null || normalizedEditedAt - normalizedPostedAt >= 60);
+
+    if (shouldShowEdited) {
+      const abs = formatAbsoluteDateWithOrdinalUtil(normalizedEditedAt);
+      const rel = this.formatTimeAgo(normalizedEditedAt);
+      payload.edited = `Last edited: ${abs} (${rel})`;
+    }
+
+    return payload;
+  }
+
+  getKnownVideoPostedAt(video) {
+    if (!video || typeof video !== "object") {
+      return null;
+    }
+
+    const directValue = Number.isFinite(video.rootCreatedAt)
+      ? Math.floor(video.rootCreatedAt)
+      : null;
+    if (directValue !== null) {
+      return directValue;
+    }
+
+    if (video.id && this.videosMap instanceof Map) {
+      const stored = this.videosMap.get(video.id);
+      const storedValue = Number.isFinite(stored?.rootCreatedAt)
+        ? Math.floor(stored.rootCreatedAt)
+        : null;
+      if (storedValue !== null) {
+        video.rootCreatedAt = storedValue;
+        return storedValue;
+      }
+    }
+
+    const nip71Created = Number.isFinite(video?.nip71Source?.created_at)
+      ? Math.floor(video.nip71Source.created_at)
+      : null;
+
+    if (nip71Created !== null) {
+      return nip71Created;
+    }
+
+    return null;
+  }
+
+  cacheVideoRootCreatedAt(video, timestamp) {
+    if (!Number.isFinite(timestamp)) {
+      return;
+    }
+
+    const normalized = Math.floor(timestamp);
+    const rootId = getVideoRootIdentifier(video);
+
+    if (video && typeof video === "object") {
+      video.rootCreatedAt = normalized;
+    }
+
+    applyRootTimestampToVideosMap({
+      videosMap: this.videosMap,
+      video,
+      rootId,
+      timestamp: normalized,
+    });
+
+    syncActiveVideoRootTimestamp({
+      activeVideo: this.currentVideo,
+      rootId,
+      timestamp: normalized,
+      buildModalTimestampPayload: (payload) =>
+        this.buildModalTimestampPayload(payload),
+      videoModal: this.videoModal,
+    });
+
+    if (nostrClient && typeof nostrClient.applyRootCreatedAt === "function") {
+      try {
+        nostrClient.applyRootCreatedAt(video);
+      } catch (error) {
+        devLogger.warn(
+          "[Application] Failed to sync cached root timestamp with nostrClient:",
+          error
+        );
+      }
+    }
+  }
+
+  async resolveVideoPostedAt(video) {
+    if (!video || typeof video !== "object") {
+      return null;
+    }
+
+    // Prioritize NIP-71 published_at metadata if available
+    const rawNip71PublishedAt =
+      video?.nip71?.publishedAt ||
+      video?.nip71?.published_at ||
+      video?.nip71?.["published-at"];
+    const parsedNip71PublishedAt = Number(rawNip71PublishedAt);
+    const nip71PublishedAt = Number.isFinite(parsedNip71PublishedAt)
+      ? Math.floor(parsedNip71PublishedAt)
+      : null;
+
+    if (nip71PublishedAt !== null) {
+      this.cacheVideoRootCreatedAt(video, nip71PublishedAt);
+      return nip71PublishedAt;
+    }
+
+    const cached = this.getKnownVideoPostedAt(video);
+    if (cached !== null) {
+      return cached;
+    }
+
+    if (!nostrClient || typeof nostrClient.hydrateVideoHistory !== "function") {
+      const fallback = Number.isFinite(video.created_at)
+        ? Math.floor(video.created_at)
+        : null;
+      if (fallback !== null) {
+        this.cacheVideoRootCreatedAt(video, fallback);
+      }
+      return fallback;
+    }
+
+    try {
+      const history = await nostrClient.hydrateVideoHistory(video);
+      if (Array.isArray(history) && history.length) {
+        let earliest = null;
+        for (const entry of history) {
+          if (!entry || entry.deleted) {
+            continue;
+          }
+          const created = Number.isFinite(entry.created_at)
+            ? Math.floor(entry.created_at)
+            : null;
+          if (created === null) {
+            continue;
+          }
+          if (earliest === null || created < earliest) {
+            earliest = created;
+          }
+        }
+
+        if (earliest === null) {
+          const lastEntry = history[history.length - 1];
+          if (Number.isFinite(lastEntry?.created_at)) {
+            earliest = Math.floor(lastEntry.created_at);
+          }
+        }
+
+        if (earliest !== null) {
+          this.cacheVideoRootCreatedAt(video, earliest);
+          return earliest;
+        }
+      }
+    } catch (error) {
+      devLogger.warn(
+        "[Application] Failed to hydrate video history for timestamps:",
+        error
+      );
+    }
+
+    const fallback = Number.isFinite(video.created_at)
+      ? Math.floor(video.created_at)
+      : null;
+    if (fallback !== null) {
+      this.cacheVideoRootCreatedAt(video, fallback);
+    }
+    return fallback;
+  }
+
+  async ensureModalPostedTimestamp(video) {
+    if (!video || !this.videoModal) {
+      return;
+    }
+
+    const postedAt = await this.resolveVideoPostedAt(video);
+    if (!this.videoModal || this.currentVideo !== video) {
+      return;
+    }
+
+    const editedAt = Number.isFinite(video.lastEditedAt)
+      ? Math.floor(video.lastEditedAt)
+      : Number.isFinite(video.created_at)
+        ? Math.floor(video.created_at)
+        : null;
+
+    const payload = this.buildModalTimestampPayload({
+      postedAt,
+      editedAt,
+    });
+
+    const modalTags = collectVideoTags(video);
+    video.displayTags = modalTags;
+    this.updateModalSimilarContent({ activeVideo: video });
+
+    this.videoModal.updateMetadata({ timestamps: payload, tags: modalTags });
+  }
+
+  async playVideoWithoutEvent(options = {}) {
+    const {
+      url = "",
+      magnet = "",
+      title = "Untitled",
+      description = "",
+      trigger,
+      tags: rawTags,
+    } = options || {};
+    const hasTrigger = Object.prototype.hasOwnProperty.call(
+      options || {},
+      "trigger"
+    );
+    if (hasTrigger) {
+      this.setLastModalTrigger(trigger);
+    } else {
+      this.setLastModalTrigger(null);
+    }
+    this.currentVideoPointer = null;
+    this.currentVideoPointerKey = null;
+    this.subscribeModalViewCount(null, null);
+    this.reactionController.subscribe(null, null);
+    this.pendingModeratedPlayback = null;
+    const sanitizedUrl = typeof url === "string" ? url.trim() : "";
+    const trimmedMagnet = typeof magnet === "string" ? magnet.trim() : "";
+    const decodedMagnet = safeDecodeMagnet(trimmedMagnet);
+    const usableMagnet = decodedMagnet || trimmedMagnet;
+    const magnetSupported = isValidMagnetUri(usableMagnet);
+    const sanitizedMagnet = magnetSupported ? usableMagnet : "";
+
+    const modalTags = collectVideoTags({
+      nip71: { hashtags: rawTags },
+    });
+
+    this.zapController?.setVisibility(false);
+    this.zapController?.resetState();
+
+    if (!sanitizedUrl && !sanitizedMagnet) {
+      const message = trimmedMagnet && !magnetSupported
+        ? UNSUPPORTED_BTITH_MESSAGE
+        : "This video has no playable source.";
+      this.showError(message);
+      return;
+    }
+
+    this.currentVideo = {
+      id: null,
+      title,
+      description,
+      url: sanitizedUrl,
+      magnet: sanitizedMagnet,
+      originalMagnet: trimmedMagnet,
+      torrentSupported: magnetSupported,
+      lightningAddress: null,
+      pointer: null,
+      pointerKey: null,
+      displayTags: modalTags,
+    };
+
+    this.decorateVideoModeration(this.currentVideo);
+    this.updateModalSimilarContent({ activeVideo: this.currentVideo });
+
+    this.syncModalMoreMenuData();
+
+    this.currentMagnetUri = sanitizedMagnet || null;
+
+    // this.setCopyMagnetState(!!sanitizedMagnet);
+    // this.setShareButtonState(false);
+
+    if (this.videoModal) {
+      this.videoModal.updateMetadata({
+        title: title || "Untitled",
+        description: description || "No description available.",
+        timestamp: "",
+        tags: modalTags,
+        creator: {
+          name: "Unknown",
+          avatarUrl: "assets/svg/default-profile.svg",
+          npub: "",
+        },
+      });
+    }
+
+    await this.showModalWithPoster(this.currentVideo, hasTrigger ? { trigger } : {});
+
+    this.setShareButtonState(false);
+
+    this.commentController?.load(null);
+
+    const shareUrl = this.buildShareUrlFromEventId(this.currentVideo.id);
+    const urlObj = new URL(window.location.href);
+    urlObj.searchParams.delete("v");
+    const cleaned = `${urlObj.pathname}${urlObj.search}${urlObj.hash}`;
+    window.history.replaceState({}, "", cleaned);
+
+    return this.playVideoWithFallback({
+      url: sanitizedUrl,
+      magnet: usableMagnet,
+      trigger: hasTrigger ? this.lastModalTrigger : null,
+    });
+  }
+
+  /**
+   * Simple helper to safely encode an npub.
+   */
+  safeEncodeNpub(pubkey) {
+    if (typeof pubkey !== "string") {
+      return null;
+    }
+
+    const trimmed = pubkey.trim();
+    if (!trimmed) {
+      return null;
+    }
+
+    if (trimmed.startsWith("npub1")) {
+      return trimmed;
+    }
+
+    try {
+      return window.NostrTools.nip19.npubEncode(trimmed);
+    } catch (err) {
+      return null;
+    }
+  }
+
+  safeDecodeNpub(npub) {
+    if (typeof npub !== "string") {
+      return null;
+    }
+
+    const trimmed = npub.trim();
+    if (!trimmed) {
+      return null;
+    }
+
+    try {
+      const decoded = window.NostrTools.nip19.decode(trimmed);
+      if (decoded.type === "npub" && typeof decoded.data === "string") {
+        return decoded.data;
+      }
+    } catch (err) {
+      return null;
+    }
+
+    return null;
+  }
+
+  selectPreferredCreatorName(candidates = []) {
+    for (const candidate of candidates) {
+      if (typeof candidate !== "string") {
+        continue;
+      }
+      const trimmed = candidate.trim();
+      if (!trimmed) {
+        continue;
+      }
+      if (HEX64_REGEX.test(trimmed)) {
+        continue;
+      }
+      return trimmed;
+    }
+    return "";
+  }
+
+  selectPreferredCreatorPicture(candidates = []) {
+    for (const candidate of candidates) {
+      if (typeof candidate !== "string") {
+        continue;
+      }
+      const sanitized = sanitizeProfileMediaUrl(candidate);
+      if (sanitized) {
+        return sanitized;
+      }
+    }
+    return "";
+  }
+
+  resolveCreatorProfileFromSources({
+    video,
+    pubkey,
+    cachedProfile = null,
+    fetchedProfile = null,
+    fallbackAvatar,
+  } = {}) {
+    const normalizedPubkey =
+      typeof pubkey === "string" && pubkey.trim() ? pubkey.trim() : "";
+    const fallbackAvatarCandidate =
+      typeof fallbackAvatar === "string" && fallbackAvatar.trim()
+        ? fallbackAvatar.trim()
+        : normalizedPubkey
+          ? `https://robohash.org/${normalizedPubkey}`
+          : "assets/svg/default-profile.svg";
+    const defaultAvatar =
+      sanitizeProfileMediaUrl(fallbackAvatarCandidate) ||
+      fallbackAvatarCandidate ||
+      "assets/svg/default-profile.svg";
+
+    const nameCandidates = [];
+    const pictureCandidates = [];
+
+    const collectFromSource = (source) => {
+      if (!source || typeof source !== "object") {
+        return;
+      }
+      const names = [
+        source.display_name,
+        source.displayName,
+        source.name,
+        source.username,
+      ];
+      names.forEach((value) => {
+        if (typeof value === "string") {
+          nameCandidates.push(value);
+        }
+      });
+      const pictures = [source.picture, source.image, source.photo];
+      pictures.forEach((value) => {
+        if (typeof value === "string") {
+          pictureCandidates.push(value);
+        }
+      });
+    };
+
+    collectFromSource(fetchedProfile);
+    collectFromSource(cachedProfile);
+
+    if (video && typeof video === "object") {
+      collectFromSource(video.creator);
+      if (typeof video.creatorName === "string") {
+        nameCandidates.push(video.creatorName);
+      }
+      if (typeof video.creatorPicture === "string") {
+        pictureCandidates.push(video.creatorPicture);
+      }
+      collectFromSource(video.author);
+      if (typeof video.authorName === "string") {
+        nameCandidates.push(video.authorName);
+      }
+      if (typeof video.authorPicture === "string") {
+        pictureCandidates.push(video.authorPicture);
+      }
+      collectFromSource(video.profile);
+      const extraNames = [
+        video.shortNpub,
+        video.creatorNpub,
+        video.npub,
+        video.authorNpub,
+      ];
+      extraNames.forEach((value) => {
+        if (typeof value === "string") {
+          nameCandidates.push(value);
+        }
+      });
+    }
+
+    const resolvedName =
+      this.selectPreferredCreatorName(nameCandidates) || "Unknown";
+    const resolvedPicture =
+      this.selectPreferredCreatorPicture(pictureCandidates) || defaultAvatar;
+
+    return { name: resolvedName, picture: resolvedPicture };
+  }
+
+  resolveModalCreatorProfile({
+    video,
+    pubkey,
+    cachedProfile = null,
+    fetchedProfile = null,
+  } = {}) {
+    return this.resolveCreatorProfileFromSources({
+      video,
+      pubkey,
+      cachedProfile,
+      fetchedProfile,
+    });
+  }
+
+  decorateVideoCreatorIdentity(video) {
+    if (!video || typeof video !== "object") {
+      return video;
+    }
+
+    const normalizedPubkey =
+      this.normalizeHexPubkey(video.pubkey) ||
+      (typeof video.pubkey === "string" ? video.pubkey.trim() : "");
+    if (!normalizedPubkey) {
+      return video;
+    }
+
+    let cachedProfile = null;
+    if (typeof this.getProfileCacheEntry === "function") {
+      const cacheEntry = this.getProfileCacheEntry(normalizedPubkey);
+      if (cacheEntry && typeof cacheEntry === "object") {
+        cachedProfile = cacheEntry.profile || null;
+      }
+    }
+
+    const resolvedProfile = this.resolveCreatorProfileFromSources({
+      video,
+      pubkey: normalizedPubkey,
+      cachedProfile,
+    });
+
+    if (!video.creator || typeof video.creator !== "object") {
+      video.creator = {};
+    }
+
+    if (!video.creator.pubkey) {
+      video.creator.pubkey = normalizedPubkey;
+    }
+
+    if (resolvedProfile.name) {
+      video.creator.name = resolvedProfile.name;
+      if (
+        typeof video.creatorName !== "string" ||
+        !video.creatorName.trim() ||
+        video.creatorName === "Unknown"
+      ) {
+        video.creatorName = resolvedProfile.name;
+      }
+      if (
+        typeof video.authorName !== "string" ||
+        !video.authorName.trim() ||
+        video.authorName === "Unknown"
+      ) {
+        video.authorName = resolvedProfile.name;
+      }
+    }
+
+    if (resolvedProfile.picture) {
+      video.creator.picture = resolvedProfile.picture;
+      video.creatorPicture = resolvedProfile.picture;
+      if (
+        typeof video.authorPicture !== "string" ||
+        !video.authorPicture.trim()
+      ) {
+        video.authorPicture = resolvedProfile.picture;
+      }
+    }
+
+    const encodedNpub = this.safeEncodeNpub(normalizedPubkey);
+    if (encodedNpub) {
+      const shortNpub = formatShortNpub(encodedNpub) || encodedNpub;
+      if (typeof video.npub !== "string" || !video.npub.trim()) {
+        video.npub = encodedNpub;
+      }
+      if (typeof video.shortNpub !== "string" || !video.shortNpub.trim()) {
+        video.shortNpub = shortNpub;
+      }
+      if (
+        typeof video.creatorNpub !== "string" ||
+        !video.creatorNpub.trim()
+      ) {
+        video.creatorNpub = shortNpub;
+      }
+    }
+
+    return video;
+  }
+
+  async fetchModalCreatorProfile({
+    pubkey,
+    displayNpub = "",
+    cachedProfile = null,
+    requestToken = null,
+  } = {}) {
+    const normalized = this.normalizeHexPubkey(pubkey);
+    if (!normalized) {
+      return;
+    }
+
+    const relayList =
+      Array.isArray(nostrClient?.relays) && nostrClient.relays.length
+        ? nostrClient.relays
+        : null;
+    if (!relayList) {
+      return;
+    }
+
+    const profileEntry = await fetchProfileMetadata(normalized, {
+      nostr: nostrClient,
+      relays: relayList,
+      logger: devLogger,
+    });
+
+    if (this.modalCreatorProfileRequestToken !== requestToken) {
+      return;
+    }
+
+    if (!profileEntry?.event) {
+      if (this.modalCreatorProfileRequestToken === requestToken) {
+        this.modalCreatorProfileRequestToken = null;
+      }
+      return;
+    }
+
+    ensureProfileMetadataSubscription({
+      pubkey: normalized,
+      nostr: nostrClient,
+      relays: relayList,
+      onProfile: ({ profile }) => {
+        if (typeof this.setProfileCacheEntry === "function" && profile) {
+          this.setProfileCacheEntry(normalized, profile);
+        }
+      },
+    });
+
+    let parsed = null;
+    try {
+      parsed = profileEntry.event.content
+        ? JSON.parse(profileEntry.event.content)
+        : null;
+    } catch (error) {
+      devLogger.warn(
+        `[Application] Failed to parse creator profile content for ${normalized}:`,
+        error,
+      );
+      if (this.modalCreatorProfileRequestToken === requestToken) {
+        this.modalCreatorProfileRequestToken = null;
+      }
+      return;
+    }
+
+    if (this.modalCreatorProfileRequestToken !== requestToken) {
+      return;
+    }
+
+    const parsedLud16 =
+      typeof parsed?.lud16 === "string" ? parsed.lud16.trim() : "";
+    const parsedLud06 =
+      typeof parsed?.lud06 === "string" ? parsed.lud06.trim() : "";
+    const lightningAddressCandidate = (() => {
+      const fields = [parsedLud16, parsedLud06];
+      for (const field of fields) {
+        if (typeof field !== "string") {
+          continue;
+        }
+        const trimmed = field.trim();
+        if (trimmed) {
+          return trimmed;
+        }
+      }
+      return "";
+    })();
+
+    const fetchedProfile = {
+      display_name: parsed?.display_name,
+      name: parsed?.name,
+      username: parsed?.username,
+      picture: parsed?.picture,
+      image: parsed?.image,
+      photo: parsed?.photo,
+    };
+
+    const resolvedProfile = this.resolveModalCreatorProfile({
+      video: this.currentVideo,
+      pubkey: normalized,
+      cachedProfile,
+      fetchedProfile,
+    });
+
+    if (this.modalCreatorProfileRequestToken !== requestToken) {
+      return;
+    }
+
+    const activeVideoPubkey = this.normalizeHexPubkey(this.currentVideo?.pubkey);
+    if (activeVideoPubkey && activeVideoPubkey !== normalized) {
+      return;
+    }
+
+    const nextLightning = lightningAddressCandidate || "";
+    const previousLightning =
+      typeof this.currentVideo?.lightningAddress === "string"
+        ? this.currentVideo.lightningAddress
+        : "";
+
+    if (this.currentVideo) {
+      this.currentVideo.lightningAddress = nextLightning ? nextLightning : null;
+      this.currentVideo.creatorName = resolvedProfile.name;
+      this.currentVideo.creatorPicture = resolvedProfile.picture;
+      this.currentVideo.creatorNpub = displayNpub;
+      if (this.currentVideo.creator && typeof this.currentVideo.creator === "object") {
+        this.currentVideo.creator = {
+          ...this.currentVideo.creator,
+          name: resolvedProfile.name,
+          picture: resolvedProfile.picture,
+          pubkey: normalized,
+          lightningAddress: nextLightning ? nextLightning : null,
+        };
+      } else {
+        this.currentVideo.creator = {
+          name: resolvedProfile.name,
+          picture: resolvedProfile.picture,
+          pubkey: normalized,
+          lightningAddress: nextLightning ? nextLightning : null,
+        };
+      }
+    }
+
+    if (this.videoModal) {
+      this.videoModal.updateMetadata({
+        creator: {
+          name: resolvedProfile.name,
+          avatarUrl: resolvedProfile.picture,
+          npub: displayNpub,
+        },
+      });
+    }
+
+    this.zapController?.setVisibility(Boolean(this.currentVideo?.lightningAddress));
+
+    const sanitizedFetchedPicture = sanitizeProfileMediaUrl(
+      parsed?.picture || parsed?.image || parsed?.photo || "",
+    );
+    const fetchedNameCandidate = this.selectPreferredCreatorName([
+      parsed?.display_name,
+      parsed?.name,
+      parsed?.username,
+    ]);
+
+    const cachedLightning =
+      typeof cachedProfile?.lightningAddress === "string"
+        ? cachedProfile.lightningAddress.trim()
+        : "";
+    const shouldUpdateCache =
+      Boolean(fetchedNameCandidate) ||
+      Boolean(sanitizedFetchedPicture) ||
+      cachedLightning !== nextLightning ||
+      previousLightning !== nextLightning;
+
+    if (shouldUpdateCache) {
+      try {
+        const profileForCache = {
+          name: fetchedNameCandidate || resolvedProfile.name,
+          picture: sanitizedFetchedPicture || resolvedProfile.picture,
+        };
+
+        if (parsedLud16) {
+          profileForCache.lud16 = parsedLud16;
+        }
+
+        if (parsedLud06) {
+          profileForCache.lud06 = parsedLud06;
+        }
+
+        if (nextLightning) {
+          profileForCache.lightningAddress = nextLightning;
+        }
+
+        this.setProfileCacheEntry(
+          normalized,
+          profileForCache,
+          { persist: false, reason: "modal-profile-fetch" },
+        );
+      } catch (error) {
+        devLogger.warn(
+          `[Application] Failed to update profile cache for ${normalized}:`,
+          error,
+        );
+      }
+    }
+
+    if (this.modalCreatorProfileRequestToken === requestToken) {
+      this.modalCreatorProfileRequestToken = null;
+    }
+  }
+
+  normalizeReactionCount(value) {
+    if (Number.isFinite(value)) {
+      return Math.max(0, Math.round(Number(value)));
+    }
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? Math.max(0, Math.round(parsed)) : 0;
+  }
+
+  normalizeHexPubkey(pubkey) {
+    if (typeof pubkey !== "string") {
+      return null;
+    }
+
+    const trimmed = pubkey.trim();
+    if (!trimmed) {
+      return null;
+    }
+
+    if (HEX64_REGEX.test(trimmed)) {
+      return trimmed.toLowerCase();
+    }
+
+    if (trimmed.startsWith("npub1")) {
+      const decoded = this.safeDecodeNpub(trimmed);
+      if (decoded && HEX64_REGEX.test(decoded)) {
+        return decoded.toLowerCase();
+      }
+    }
+
+    return null;
+  }
+
+  /**
+   * Attempts to fetch an older event by its ID if we can't find it in
+   * this.videosMap or from a bulk fetch. Uses nostrClient.getEventById.
+   */
+  async getOldEventById(eventId) {
+    return this.nostrService.getOldEventById(eventId);
+  }
+
+  /**
+   * Format "time ago" for a given timestamp (in seconds).
+   */
+  formatAbsoluteTimestamp(timestamp) {
+    return formatAbsoluteTimestampUtil(timestamp);
+  }
+
+  formatTimeAgo(timestamp) {
+    return formatTimeAgoUtil(timestamp);
+  }
+
+  escapeHTML(unsafe) {
+    return escapeHtml(unsafe);
+  }
+
+  updateNotificationPortalVisibility() {
+    const portal = this.notificationPortal;
+    const HTMLElementCtor =
+      portal?.ownerDocument?.defaultView?.HTMLElement ||
+      (typeof HTMLElement !== "undefined" ? HTMLElement : null);
+
+    if (!portal || !HTMLElementCtor || !(portal instanceof HTMLElementCtor)) {
+      return;
+    }
+
+    const containers = [
+      this.errorContainer,
+      this.statusContainer,
+      this.successContainer,
+    ];
+
+    const hasVisibleBanner = containers.some((container) => {
+      if (!container || !(container instanceof HTMLElementCtor)) {
+        return false;
+      }
+      return !container.classList.contains("hidden");
+    });
+
+    portal.classList.toggle("notification-portal--active", hasVisibleBanner);
+  }
+
+  showError(msg) {
+    const container = this.errorContainer;
+    const HTMLElementCtor =
+      container?.ownerDocument?.defaultView?.HTMLElement ||
+      (typeof HTMLElement !== "undefined" ? HTMLElement : null);
+
+    if (!container || !HTMLElementCtor || !(container instanceof HTMLElementCtor)) {
+      if (msg) {
+        userLogger.error(msg);
+      }
+      return;
+    }
+
+    if (!msg) {
+      // Remove any content, then hide
+      container.textContent = "";
+      container.classList.add("hidden");
+      this.updateNotificationPortalVisibility();
+      return;
+    }
+
+    // If there's a message, show it
+    container.textContent = msg;
+    container.classList.remove("hidden");
+    this.updateNotificationPortalVisibility();
+
+    userLogger.error(msg);
+
+    // Optional auto-hide after 5 seconds
+    setTimeout(() => {
+      if (container !== this.errorContainer) {
+        return;
+      }
+      container.textContent = "";
+      container.classList.add("hidden");
+      this.updateNotificationPortalVisibility();
+    }, 5000);
+  }
+
+  showStatus(msg, options = {}) {
+    const container = this.statusContainer;
+    const messageTarget = this.statusMessage;
+    const ownerDocument =
+      container?.ownerDocument || (typeof document !== "undefined" ? document : null);
+    const defaultView =
+      ownerDocument?.defaultView || (typeof window !== "undefined" ? window : null);
+    const clearScheduler =
+      defaultView?.clearTimeout ||
+      (typeof clearTimeout === "function" ? clearTimeout : null);
+    const schedule =
+      defaultView?.setTimeout || (typeof setTimeout === "function" ? setTimeout : null);
+
+    if (this.statusAutoHideHandle && typeof clearScheduler === "function") {
+      clearScheduler(this.statusAutoHideHandle);
+      this.statusAutoHideHandle = null;
+    }
+
+    const HTMLElementCtor =
+      container?.ownerDocument?.defaultView?.HTMLElement ||
+      (typeof HTMLElement !== "undefined" ? HTMLElement : null);
+
+    if (!container || !HTMLElementCtor || !(container instanceof HTMLElementCtor)) {
+      return;
+    }
+
+    const { autoHideMs, showSpinner } =
+      options && typeof options === "object" ? options : Object.create(null);
+
+    const shouldShowSpinner = showSpinner !== false;
+    const existingSpinner = container.querySelector(".status-spinner");
+
+    if (shouldShowSpinner) {
+      if (!(existingSpinner instanceof HTMLElementCtor)) {
+        const spinner = ownerDocument?.createElement?.("span") || null;
+        if (spinner) {
+          spinner.className = "status-spinner";
+          spinner.setAttribute("aria-hidden", "true");
+          if (messageTarget && container.contains(messageTarget)) {
+            container.insertBefore(spinner, messageTarget);
+          } else {
+            container.insertBefore(spinner, container.firstChild);
+          }
+        }
+      }
+    } else if (existingSpinner instanceof HTMLElementCtor) {
+      existingSpinner.remove();
+    }
+
+    if (!msg) {
+      if (messageTarget && messageTarget instanceof HTMLElementCtor) {
+        messageTarget.textContent = "";
+      }
+      container.classList.add("hidden");
+      this.updateNotificationPortalVisibility();
+      return;
+    }
+
+    if (messageTarget && messageTarget instanceof HTMLElementCtor) {
+      messageTarget.textContent = msg;
+    } else {
+      container.textContent = msg;
+    }
+    container.classList.remove("hidden");
+    this.updateNotificationPortalVisibility();
+
+    if (
+      Number.isFinite(autoHideMs) &&
+      autoHideMs > 0 &&
+      typeof schedule === "function"
+    ) {
+      const expectedText =
+        messageTarget && messageTarget instanceof HTMLElementCtor
+          ? messageTarget.textContent
+          : container.textContent;
+      this.statusAutoHideHandle = schedule(() => {
+        this.statusAutoHideHandle = null;
+        const activeContainer = this.statusContainer;
+        if (activeContainer !== container) {
+          return;
+        }
+        const activeMessageTarget =
+          this.statusMessage && typeof this.statusMessage.textContent === "string"
+            ? this.statusMessage
+            : activeContainer;
+        if (activeMessageTarget.textContent !== expectedText) {
+          return;
+        }
+        if (activeMessageTarget === this.statusMessage) {
+          this.statusMessage.textContent = "";
+        } else {
+          activeContainer.textContent = "";
+        }
+        activeContainer.classList.add("hidden");
+        this.updateNotificationPortalVisibility();
+      }, autoHideMs);
+    }
+  }
+
+  showSuccess(msg) {
+    const container = this.successContainer;
+    const HTMLElementCtor =
+      container?.ownerDocument?.defaultView?.HTMLElement ||
+      (typeof HTMLElement !== "undefined" ? HTMLElement : null);
+
+    if (!container || !HTMLElementCtor || !(container instanceof HTMLElementCtor)) {
+      return;
+    }
+
+    if (!msg) {
+      container.textContent = "";
+      container.classList.add("hidden");
+      this.updateNotificationPortalVisibility();
+      return;
+    }
+
+    container.textContent = msg;
+    container.classList.remove("hidden");
+    this.updateNotificationPortalVisibility();
+
+    setTimeout(() => {
+      if (container !== this.successContainer) {
+        return;
+      }
+      container.textContent = "";
+      container.classList.add("hidden");
+      this.updateNotificationPortalVisibility();
+    }, 5000);
+  }
+
+  log(message, ...args) {
+    if (arguments.length === 0) {
+      return;
+    }
+
+    if (typeof message === "string") {
+      const prefix = message.startsWith("[") ? message : `[app] ${message}`;
+      devLogger.log(prefix, ...args);
+      return;
+    }
+
+    devLogger.log("[app]", message, ...args);
+  }
+
+  destroy() {
+    this.clearActiveIntervals();
+    this.teardownModalViewCountSubscription();
+
+    if (this.moderationActionController) {
+      try {
+        this.moderationActionController.destroy();
+      } catch (error) {
+        devLogger.warn(
+          "[Application] Failed to destroy moderation action controller:",
+          error,
+        );
+      }
+      this.moderationActionController = null;
+    }
+
+    if (this.statusAutoHideHandle) {
+      const ownerDocument =
+        this.statusContainer?.ownerDocument ||
+        (typeof document !== "undefined" ? document : null);
+      const defaultView =
+        ownerDocument?.defaultView ||
+        (typeof window !== "undefined" ? window : null);
+      const clearScheduler =
+        defaultView?.clearTimeout ||
+        (typeof clearTimeout === "function" ? clearTimeout : null);
+      if (typeof clearScheduler === "function") {
+        clearScheduler(this.statusAutoHideHandle);
+      }
+      this.statusAutoHideHandle = null;
+    }
+
+    if (this.watchHistoryTelemetry) {
+      try {
+        this.watchHistoryTelemetry.destroy();
+      } catch (error) {
+        devLogger.warn(
+          "[Application] Failed to destroy watch history telemetry:",
+          error
+        );
+      }
+      this.watchHistoryTelemetry = null;
+    }
+
+    if (this.exploreDataService && typeof this.exploreDataService.destroy === "function") {
+      try {
+        this.exploreDataService.destroy();
+      } catch (error) {
+        devLogger.warn(
+          "[Application] Failed to destroy explore data service:",
+          error,
+        );
+      }
+      this.exploreDataService = null;
+    }
+
+    if (typeof this.unsubscribeFromHashtagPreferencesChange === "function") {
+      try {
+        this.unsubscribeFromHashtagPreferencesChange();
+      } catch (error) {
+        devLogger.warn(
+          "[Application] Failed to unsubscribe hashtag preferences change listener:",
+          error,
+        );
+      }
+      this.unsubscribeFromHashtagPreferencesChange = null;
+    }
+    this.boundHashtagPreferencesChangeHandler = null;
+
+    if (typeof this.unsubscribeFromPubkeyState === "function") {
+      try {
+        this.unsubscribeFromPubkeyState();
+      } catch (error) {
+        devLogger.warn("[Application] Failed to unsubscribe pubkey state:", error);
+      }
+      this.unsubscribeFromPubkeyState = null;
+    }
+
+    if (typeof this.unsubscribeFromCurrentUserState === "function") {
+      try {
+        this.unsubscribeFromCurrentUserState();
+      } catch (error) {
+        devLogger.warn(
+          "[Application] Failed to unsubscribe current user state:",
+          error
+        );
+      }
+      this.unsubscribeFromCurrentUserState = null;
+    }
+
+    if (
+      this.boundNwcSettingsToastHandler &&
+      typeof window !== "undefined" &&
+      typeof window.removeEventListener === "function"
+    ) {
+      window.removeEventListener(
+        "bitvid:toast",
+        this.boundNwcSettingsToastHandler
+      );
+      this.boundNwcSettingsToastHandler = null;
+    }
+
+    if (
+      this.nwcSettingsService &&
+      typeof this.nwcSettingsService.clearCache === "function"
+    ) {
+      this.nwcSettingsService.clearCache();
+    }
+
+    this.authEventUnsubscribes.forEach((unsubscribe) => {
+      if (typeof unsubscribe === "function") {
+        try {
+          unsubscribe();
+        } catch (error) {
+          devLogger.warn("[Application] Auth listener unsubscribe failed:", error);
+        }
+      }
+    });
+    this.authEventUnsubscribes = [];
+
+    if (typeof this.unsubscribeFromNostrService === "function") {
+      try {
+        this.unsubscribeFromNostrService();
+      } catch (error) {
+        devLogger.warn("[Application] Failed to unsubscribe nostr service:", error);
+      }
+      this.unsubscribeFromNostrService = null;
+    }
+
+    if (this.commentController) {
+      try {
+        this.commentController.destroy({ resetUi: false });
+      } catch (error) {
+        devLogger.warn(
+          "[Application] Failed to destroy comment controller:",
+          error,
+        );
+      }
+      this.commentController = null;
+    }
+
+    if (this.modalManager) {
+      try {
+        this.modalManager.teardown();
+      } catch (error) {
+        devLogger.warn("[Application] Modal teardown failed:", error);
+      }
+      this.modalManager = null;
+    }
+
+    if (this.tagPreferenceMenuController) {
+      this.tagPreferenceMenuController.clear();
+    }
+
+    if (this.videoListView) {
+      if (this.moreMenuController) {
+        this.moreMenuController.detachVideoListView();
+      }
+      this.videoListView.setPlaybackHandler(null);
+      this.videoListView.setEditHandler(null);
+      this.videoListView.setRevertHandler(null);
+      this.videoListView.setDeleteHandler(null);
+      if (
+        typeof this.videoListView.setTagPreferenceStateResolver === "function"
+      ) {
+        this.videoListView.setTagPreferenceStateResolver(null);
+      }
+      if (typeof this.videoListView.setTagActivationHandler === "function") {
+        this.videoListView.setTagActivationHandler(null);
+      }
+      this.videoListViewPlaybackHandler = null;
+      this.videoListViewEditHandler = null;
+      this.videoListViewRevertHandler = null;
+      this.videoListViewDeleteHandler = null;
+      try {
+        this.videoListView.destroy();
+      } catch (error) {
+        devLogger.warn("[Application] Failed to destroy VideoListView:", error);
+      }
+      this.videoListView = null;
+    }
+
+    if (this.moreMenuController) {
+      this.moreMenuController.setVideoModal(null);
+      this.moreMenuController.destroy();
+      this.moreMenuController = null;
+    }
+
+    if (this.videoSettingsMenuController) {
+      this.videoSettingsMenuController.destroy();
+      this.videoSettingsMenuController = null;
+    }
+
+    if (this.profileController) {
+      if (typeof this.profileController.destroy === "function") {
+        try {
+          this.profileController.destroy();
+        } catch (error) {
+          devLogger.warn(
+            "[Application] Failed to destroy profile controller:",
+            error,
+          );
+        }
+      }
+      this.profileController = null;
+    }
+
+    if (this.loginModalController) {
+      if (typeof this.loginModalController.destroy === "function") {
+        try {
+          this.loginModalController.destroy();
+        } catch (error) {
+          devLogger.warn(
+            "[Application] Failed to destroy login modal controller:",
+            error,
+          );
+        }
+      }
+      this.loginModalController = null;
+    }
+    if (this.bootstrapper) {
+      try {
+        this.bootstrapper.teardown();
+      } catch (error) {
+        devLogger.warn("[Application] Bootstrap teardown failed:", error);
+      }
+    }
+
+
+    if (this.commentThreadService?.setCallbacks) {
+      this.commentThreadService.setCallbacks({
+        onThreadReady: null,
+        onCommentsAppended: null,
+        onError: null,
+      });
+    }
+    if (this.commentThreadService) {
+      try {
+        this.commentThreadService.teardown();
+      } catch (error) {
+        devLogger.warn(
+          "[Application] Failed to destroy comment thread service:",
+          error,
+        );
+      }
+      this.commentThreadService = null;
+    }
+
+    this.videoList = null;
+    if (this.videoListPopularTags) {
+      this.videoListPopularTags.textContent = "";
+      this.videoListPopularTags.hidden = true;
+    }
+    this.videoListPopularTags = null;
+  }
+
+  async handleShareNostrPost(payload = {}) {
+    if (this.shareNostrController) {
+      return this.shareNostrController.handleShare(payload);
+    }
+  }
+
+  shareActiveVideo() {
+    if (!this.currentVideo || !this.currentVideo.id) {
+      this.showError("No shareable video is loaded.");
+      return;
+    }
+
+    const shareUrl = this.buildShareUrlFromEventId(this.currentVideo.id);
+    if (!shareUrl) {
+      this.showError("Could not generate link.");
+      return;
+    }
+
+    navigator.clipboard
+      .writeText(shareUrl)
+      .then(() => this.showSuccess("Video link copied to clipboard!"))
+      .catch(() => this.showError("Failed to copy the link."));
+  }
+
+  async openShareNostrModal({ video, triggerElement } = {}) {
+    if (this.shareNostrController) {
+      return this.shareNostrController.openModal({ video, triggerElement });
+    }
+  }
+
+  /**
+   * Copies the current video's magnet link to the clipboard.
+   */
+  handleCopyMagnet() {
+    if (!this.currentVideo || !this.currentVideo.magnet) {
+      if (
+        this.currentVideo &&
+        this.currentVideo.originalMagnet &&
+        !this.currentVideo.torrentSupported
+      ) {
+        this.showError(UNSUPPORTED_BTITH_MESSAGE);
+        return;
+      }
+
+      this.showError("No magnet link to copy.");
+      return;
+    }
+    try {
+      navigator.clipboard.writeText(this.currentVideo.magnet);
+      this.showSuccess("Magnet link copied to clipboard!");
+    } catch (err) {
+      devLogger.error("Failed to copy magnet link:", err);
+      this.showError("Could not copy magnet link. Please copy it manually.");
+    }
+  }
+}
+
+Application.recordVideoView = recordVideoViewApi;
+
+/**
+ * Given an array of video objects,
+ * return only the newest (by created_at) for each videoRootId.
+ * If no videoRootId is present, treat the video’s own ID as its root.
+ */
+export { Application };
+export default Application;
diff --git a/dist/js/applicationContext.js b/dist/js/applicationContext.js
new file mode 100644
index 00000000..89952d53
--- /dev/null
+++ b/dist/js/applicationContext.js
@@ -0,0 +1,24 @@
+// js/applicationContext.js
+
+let applicationInstance = null;
+let readyPromise = Promise.resolve();
+
+export function setApplication(app) {
+  applicationInstance = app || null;
+}
+
+export function getApplication() {
+  return applicationInstance;
+}
+
+export function setApplicationReady(promise) {
+  if (promise && typeof promise.then === "function") {
+    readyPromise = promise;
+  } else {
+    readyPromise = Promise.resolve(promise);
+  }
+}
+
+export function getApplicationReady() {
+  return readyPromise;
+}
diff --git a/dist/js/attachments/attachmentUtils.js b/dist/js/attachments/attachmentUtils.js
new file mode 100644
index 00000000..080c162d
--- /dev/null
+++ b/dist/js/attachments/attachmentUtils.js
@@ -0,0 +1,162 @@
+import { devLogger } from "../utils/logger.js";
+
+export const ATTACHMENT_KIND = 15;
+
+const HEX_64_REGEX = /^[0-9a-f]{64}$/i;
+
+const TAG_NAMES = Object.freeze({
+  hash: "x",
+  url: "url",
+  name: "name",
+  type: "type",
+  size: "size",
+  key: "k",
+});
+
+function normalizeTagValue(value) {
+  if (typeof value !== "string") {
+    if (value === undefined || value === null) {
+      return "";
+    }
+    return String(value);
+  }
+  return value.trim();
+}
+
+function normalizeHash(value) {
+  const normalized = normalizeTagValue(value).toLowerCase();
+  if (!normalized) {
+    return "";
+  }
+  return HEX_64_REGEX.test(normalized) ? normalized : "";
+}
+
+function normalizeNumber(value) {
+  const numeric = Number(value);
+  if (!Number.isFinite(numeric) || numeric < 0) {
+    return null;
+  }
+  return Math.floor(numeric);
+}
+
+export function parseAttachmentTags(tags) {
+  if (!Array.isArray(tags)) {
+    return null;
+  }
+
+  const fields = {
+    x: "",
+    url: "",
+    name: "",
+    type: "",
+    size: null,
+    key: "",
+  };
+
+  tags.forEach((tag) => {
+    if (!Array.isArray(tag) || tag.length < 2) {
+      return;
+    }
+
+    const name = normalizeTagValue(tag[0]).toLowerCase();
+    const value = normalizeTagValue(tag[1]);
+
+    switch (name) {
+      case TAG_NAMES.hash:
+        fields.x = normalizeHash(value);
+        break;
+      case TAG_NAMES.url:
+        fields.url = value;
+        break;
+      case TAG_NAMES.name:
+        fields.name = value;
+        break;
+      case TAG_NAMES.type:
+        fields.type = value;
+        break;
+      case TAG_NAMES.size:
+        fields.size = normalizeNumber(value);
+        break;
+      case TAG_NAMES.key:
+        fields.key = value;
+        break;
+      default:
+        break;
+    }
+  });
+
+  if (!fields.x && !fields.url) {
+    return null;
+  }
+
+  return {
+    x: fields.x,
+    url: fields.url,
+    name: fields.name,
+    type: fields.type,
+    size: fields.size,
+    key: fields.key,
+    encrypted: Boolean(fields.key),
+  };
+}
+
+export function extractAttachmentsFromMessage(message) {
+  if (!message || typeof message !== "object") {
+    return [];
+  }
+
+  const event =
+    (message.message && typeof message.message === "object"
+      ? message.message
+      : null) ||
+    (message.event && typeof message.event === "object" ? message.event : null);
+
+  if (!event || Number(event.kind) !== ATTACHMENT_KIND) {
+    return [];
+  }
+
+  const attachment = parseAttachmentTags(event.tags);
+  if (!attachment) {
+    devLogger.warn("[attachments] Attachment event missing tags.");
+    return [];
+  }
+
+  return [attachment];
+}
+
+export function formatAttachmentSize(bytes) {
+  if (!Number.isFinite(bytes)) {
+    return "";
+  }
+
+  const units = ["B", "KB", "MB", "GB"];
+  let size = Math.max(bytes, 0);
+  let unitIndex = 0;
+
+  while (size >= 1024 && unitIndex < units.length - 1) {
+    size /= 1024;
+    unitIndex += 1;
+  }
+
+  const rounded = size >= 10 || unitIndex === 0 ? Math.round(size) : size.toFixed(1);
+  return `${rounded} ${units[unitIndex]}`;
+}
+
+export function describeAttachment(attachment) {
+  if (!attachment || typeof attachment !== "object") {
+    return "Attachment";
+  }
+
+  const name = typeof attachment.name === "string" ? attachment.name.trim() : "";
+  if (name) {
+    return `Attachment: ${name}`;
+  }
+
+  if (attachment.type) {
+    return `Attachment (${attachment.type})`;
+  }
+
+  return "Attachment";
+}
+
+export { TAG_NAMES as ATTACHMENT_TAG_NAMES };
diff --git a/dist/js/auth/signingAdapter.js b/dist/js/auth/signingAdapter.js
new file mode 100644
index 00000000..9d820518
--- /dev/null
+++ b/dist/js/auth/signingAdapter.js
@@ -0,0 +1,203 @@
+import { bytesToHex } from "../../vendor/crypto-helpers.bundle.min.js";
+import { signEventWithPrivateKey } from "../nostr/publishHelpers.js";
+import { ensureNostrTools, getCachedNostrTools } from "../nostr/toolkit.js";
+import { normalizeActorKey } from "../nostr/watchHistory.js";
+import { buildHttpAuthEvent } from "../nostrEventSchemas.js";
+import { runNip07WithRetry } from "../nostr/nip07Permissions.js";
+
+const DEFAULT_TEST_PUBKEY = "f".repeat(64);
+const DEFAULT_DEV_DISPLAY_NAME = "Ephemeral dev signer";
+const DEFAULT_TEST_DISPLAY_NAME = "Test signer";
+
+function normalizePubkey(value) {
+  const normalized = typeof value === "string" ? normalizeActorKey(value) : "";
+  return normalized || "";
+}
+
+function getSigningTimestamp() {
+  return Math.floor(Date.now() / 1000);
+}
+
+/**
+ * @typedef {Object} SigningAdapter
+ * @property {() => Promise<string>} getPubkey
+ * @property {() => Promise<string>} getDisplayName
+ * @property {(unsignedEvent: object) => Promise<object>} signEvent
+ * @property {(message: string) => Promise<string>} signMessage
+ */
+
+export function createNip07SigningAdapter({ extension } = {}) {
+  const resolvedExtension =
+    extension ||
+    (typeof window !== "undefined" && window?.nostr ? window.nostr : null);
+
+  const getPubkey = async () => {
+    if (
+      !resolvedExtension ||
+      typeof resolvedExtension.getPublicKey !== "function"
+    ) {
+      throw new Error("NIP-07 extension is unavailable.");
+    }
+    return normalizePubkey(
+      await runNip07WithRetry(() => resolvedExtension.getPublicKey(), {
+        label: "extension.getPublicKey",
+      }),
+    );
+  };
+
+  const getDisplayName = async () => {
+    if (
+      !resolvedExtension ||
+      typeof resolvedExtension.getMetadata !== "function"
+    ) {
+      return "";
+    }
+    const metadata = await runNip07WithRetry(
+      () => resolvedExtension.getMetadata(),
+      { label: "extension.getMetadata" },
+    );
+    if (!metadata || typeof metadata !== "object") {
+      return "";
+    }
+    const displayName =
+      typeof metadata.display_name === "string"
+        ? metadata.display_name.trim()
+        : "";
+    if (displayName) {
+      return displayName;
+    }
+    return typeof metadata.name === "string" ? metadata.name.trim() : "";
+  };
+
+  const signEvent = async (event) => {
+    if (
+      !resolvedExtension ||
+      typeof resolvedExtension.signEvent !== "function"
+    ) {
+      throw new Error("NIP-07 extension is missing signEvent.");
+    }
+    return runNip07WithRetry(() => resolvedExtension.signEvent(event), {
+      label: "extension.signEvent",
+    });
+  };
+
+  const signMessage = async (message) => {
+    if (
+      !resolvedExtension ||
+      typeof resolvedExtension.signMessage !== "function"
+    ) {
+      throw new Error("NIP-07 extension does not support signMessage.");
+    }
+    return runNip07WithRetry(() => resolvedExtension.signMessage(message), {
+      label: "extension.signMessage",
+    });
+  };
+
+  return {
+    type: "nip07",
+    getPubkey,
+    getDisplayName,
+    signEvent,
+    signMessage,
+  };
+}
+
+export function createEphemeralDevSigningAdapter({
+  displayName = DEFAULT_DEV_DISPLAY_NAME,
+  privateKey,
+} = {}) {
+  let cachedPrivateKey = typeof privateKey === "string" ? privateKey.trim() : "";
+  let cachedPubkey = "";
+
+  const ensurePrivateKey = () => {
+    if (cachedPrivateKey) {
+      return cachedPrivateKey;
+    }
+    const random = new Uint8Array(32);
+    if (typeof window !== "undefined" && window.crypto?.getRandomValues) {
+      window.crypto.getRandomValues(random);
+    } else if (typeof globalThis?.crypto?.getRandomValues === "function") {
+      globalThis.crypto.getRandomValues(random);
+    } else {
+      for (let i = 0; i < random.length; i += 1) {
+        random[i] = Math.floor(Math.random() * 256);
+      }
+    }
+    cachedPrivateKey = bytesToHex(random);
+    return cachedPrivateKey;
+  };
+
+  const ensurePubkey = async () => {
+    if (cachedPubkey) {
+      return cachedPubkey;
+    }
+    const tools = (await ensureNostrTools()) || getCachedNostrTools();
+    if (!tools || typeof tools.getPublicKey !== "function") {
+      throw new Error("Nostr tools are required to derive the dev pubkey.");
+    }
+    cachedPubkey = normalizePubkey(tools.getPublicKey(ensurePrivateKey()));
+    if (!cachedPubkey) {
+      throw new Error("Failed to derive dev pubkey.");
+    }
+    return cachedPubkey;
+  };
+
+  const signEvent = async (event) =>
+    signEventWithPrivateKey({ ...event, pubkey: await ensurePubkey() }, ensurePrivateKey());
+
+  const signMessage = async (message) => {
+    const pubkey = await ensurePubkey();
+    const event = buildHttpAuthEvent({
+      pubkey,
+      created_at: getSigningTimestamp(),
+      url: "bitvid:signing-adapter",
+      content: typeof message === "string" ? message : String(message ?? ""),
+    });
+
+    const signed = signEventWithPrivateKey(event, ensurePrivateKey());
+    if (!signed || typeof signed.sig !== "string") {
+      throw new Error("Failed to sign message.");
+    }
+    return signed.sig;
+  };
+
+  return {
+    type: "dev",
+    getPubkey: ensurePubkey,
+    getDisplayName: async () => displayName,
+    signEvent,
+    signMessage,
+  };
+}
+
+export function createTestSigningAdapter({
+  pubkey = DEFAULT_TEST_PUBKEY,
+  displayName = DEFAULT_TEST_DISPLAY_NAME,
+  signEvent,
+  signMessage,
+} = {}) {
+  const normalizedPubkey = normalizePubkey(pubkey) || DEFAULT_TEST_PUBKEY;
+
+  const signEventImpl =
+    typeof signEvent === "function"
+      ? signEvent
+      : async (event) => ({
+          ...event,
+          pubkey: normalizedPubkey || event.pubkey,
+          id: "test-event-id",
+          sig: "test-event-sig",
+        });
+
+  const signMessageImpl =
+    typeof signMessage === "function"
+      ? signMessage
+      : async (message) => `signed:${message}`;
+
+  return {
+    type: "test",
+    getPubkey: async () => normalizedPubkey,
+    getDisplayName: async () => displayName,
+    signEvent: signEventImpl,
+    signMessage: signMessageImpl,
+  };
+}
diff --git a/dist/js/bootstrap.js b/dist/js/bootstrap.js
new file mode 100644
index 00000000..b8e82d8b
--- /dev/null
+++ b/dist/js/bootstrap.js
@@ -0,0 +1,39 @@
+// js/bootstrap.js
+
+import Application from "./app.js";
+import nostrService from "./services/nostrService.js";
+import r2Service from "./services/r2Service.js";
+import s3UploadService from "./services/s3UploadService.js";
+import { loadView } from "./viewManager.js";
+import hashtagPreferences from "./services/hashtagPreferencesService.js";
+import { userLogger } from "./utils/logger.js";
+
+function mergeServices(overrides = {}) {
+  const merged = { nostrService, r2Service, s3Service: s3UploadService, hashtagPreferences };
+
+  if (overrides && typeof overrides === "object") {
+    if (overrides.nostrService) {
+      merged.nostrService = overrides.nostrService;
+    }
+    if (overrides.r2Service) {
+      merged.r2Service = overrides.r2Service;
+    }
+    if (overrides.s3Service) {
+      merged.s3Service = overrides.s3Service;
+    }
+    if (overrides.hashtagPreferences) {
+      merged.hashtagPreferences = overrides.hashtagPreferences;
+    }
+  }
+
+  return merged;
+}
+
+export async function createApplication({ services, loadView: loadViewOverride } = {}) {
+  return new Application({
+    services: mergeServices(services),
+    loadView: typeof loadViewOverride === "function" ? loadViewOverride : loadView,
+  });
+}
+
+export default createApplication;
diff --git a/dist/js/bufferPolyfill.js b/dist/js/bufferPolyfill.js
new file mode 100644
index 00000000..6227e967
--- /dev/null
+++ b/dist/js/bufferPolyfill.js
@@ -0,0 +1,17 @@
+import { Buffer } from "https://cdn.jsdelivr.net/npm/buffer@6.0.3/+esm";
+
+const globalScope = typeof globalThis !== "undefined" ? globalThis : window;
+
+if (globalScope && !globalScope.Buffer) {
+  globalScope.Buffer = Buffer;
+}
+
+if (globalScope && !globalScope.global) {
+  globalScope.global = globalScope;
+}
+
+if (globalScope && !globalScope.process) {
+  globalScope.process = { env: {} };
+}
+
+export { Buffer };
diff --git a/dist/js/channelProfile.js b/dist/js/channelProfile.js
new file mode 100644
index 00000000..83cf0913
--- /dev/null
+++ b/dist/js/channelProfile.js
@@ -0,0 +1,5521 @@
+// js/channelProfile.js
+
+import { nostrClient } from "./nostrClientFacade.js";
+import { convertEventToVideo as sharedConvertEventToVideo } from "./nostr/index.js";
+import { DEFAULT_RELAY_URLS } from "./nostr/toolkit.js";
+import { subscriptions } from "./subscriptions.js";
+import { attachHealthBadges } from "./gridHealth.js";
+import { attachUrlHealthBadges } from "./urlHealthObserver.js";
+import { accessControl } from "./accessControl.js";
+import { getApplication } from "./applicationContext.js";
+import { escapeHTML } from "./utils/domUtils.js";
+import { formatShortNpub } from "./utils/formatters.js";
+import createPopover from "./ui/overlay/popoverEngine.js";
+import { VideoCard } from "./ui/components/VideoCard.js";
+import { createChannelProfileMenuPanel } from "./ui/components/videoMenuRenderers.js";
+import { ALLOW_NSFW_CONTENT } from "./config.js";
+import { sanitizeProfileMediaUrl } from "./utils/profileMedia.js";
+import moderationService from "./services/moderationService.js";
+import {
+  fetchProfileMetadata,
+  ensureProfileMetadataSubscription,
+} from "./services/profileMetadataService.js";
+import { createModerationStage } from "./feedEngine/stages.js";
+import {
+  DEFAULT_AUTOPLAY_BLOCK_THRESHOLD,
+  DEFAULT_BLUR_THRESHOLD,
+  DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD,
+  DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD,
+} from "./constants.js";
+import {
+  applyModerationContextDatasets,
+  getModerationOverrideActionLabels,
+  normalizeVideoModerationContext,
+} from "./ui/moderationUiHelpers.js";
+import { buildModerationBadgeText } from "./ui/moderationCopy.js";
+import {
+  calculateZapShares,
+  describeShareType,
+  fetchLightningMetadata,
+  formatMinRequirement,
+  getCachedLightningEntry,
+  getCachedMetadataByUrl,
+  getCachedPlatformLightningAddress,
+  isZapAllowanceExhaustedError,
+  isMetadataEntryFresh,
+  normalizeLightningAddressKey,
+  rememberLightningMetadata,
+  setCachedPlatformLightningAddress,
+  buildZapAllowanceExhaustedMessage,
+  validateInvoiceAmount
+} from "./payments/zapSharedState.js";
+import { splitAndZap } from "./payments/zapSplit.js";
+import { showLoginRequiredToZapNotification } from "./payments/zapNotifications.js";
+import {
+  resolveLightningAddress,
+  fetchPayServiceData,
+  requestInvoice
+} from "./payments/lnurl.js";
+import { getPlatformLightningAddress } from "./payments/platformAddress.js";
+import { devLogger, userLogger } from "./utils/logger.js";
+import {
+  ensureWallet,
+  sendPayment as sendWalletPayment,
+  resetWalletClient
+} from "./payments/nwcClient.js";
+import {
+  prepareStaticModal,
+  openStaticModal
+} from "./ui/components/staticModalAccessibility.js";
+import { setModalState as setGlobalModalState } from "./state/appState.js";
+import { attachFeedInfoPopover } from "./ui/components/FeedInfoPopover.js";
+
+const getApp = () => getApplication();
+
+const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+const CHANNEL_MODERATION_BADGE_ID = "channel-moderation-badge";
+
+let currentChannelModerationSourceVideo = null;
+
+const channelModerationBadgeState = {
+  container: null,
+  badgeEl: null,
+  labelEl: null,
+  textEl: null,
+  iconSvg: null,
+  iconWrapper: null,
+  overrideButton: null,
+  hideButton: null,
+  blockButton: null,
+  boundOverride: null,
+  boundHide: null,
+  boundBlock: null,
+  badgeId: "",
+  app: null,
+};
+
+const channelVideoCardsById = new Map();
+let channelBannerStyleCounter = 0;
+const channelBannerStyleRegistry = new WeakMap();
+
+function getChannelBannerStyleState(doc) {
+  if (!doc || typeof doc.createElement !== "function") {
+    return null;
+  }
+  const existing = channelBannerStyleRegistry.get(doc);
+  if (existing) {
+    return existing;
+  }
+  let styleNode = doc.getElementById?.("channelBannerStyles") || null;
+  if (!(styleNode instanceof HTMLStyleElement)) {
+    styleNode = doc.createElement("style");
+    styleNode.id = "channelBannerStyles";
+    doc.head?.appendChild(styleNode);
+  }
+  const state = {
+    styleNode,
+    rules: new Map(),
+  };
+  channelBannerStyleRegistry.set(doc, state);
+  return state;
+}
+
+function updateChannelBannerBackground(el, url) {
+  const doc = el?.ownerDocument || (typeof document !== "undefined" ? document : null);
+  const state = getChannelBannerStyleState(doc);
+  if (!state || !el) {
+    return;
+  }
+
+  if (!el.dataset.channelBannerStyleId) {
+    channelBannerStyleCounter += 1;
+    el.dataset.channelBannerStyleId = `channel-banner-${channelBannerStyleCounter}`;
+  }
+  const selector = `[data-channel-banner-style-id="${el.dataset.channelBannerStyleId}"]`;
+
+  if (url) {
+    const escaped = url.replace(/(["\\])/g, "\\$1");
+    state.rules.set(selector, `${selector} { background-image: url("${escaped}"); }`);
+  } else {
+    state.rules.set(selector, `${selector} { background-image: none; }`);
+  }
+
+  state.styleNode.textContent = [...state.rules.values()].join("\n");
+}
+
+export function clearChannelVideoCardRegistry() {
+  channelVideoCardsById.clear();
+}
+
+let currentChannelHex = null;
+let currentChannelNpub = null;
+let currentChannelLightningAddress = "";
+let channelZapPendingOpen = false;
+
+function normalizeHex(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  const trimmed = value.trim().toLowerCase();
+  return /^[0-9a-f]{64}$/.test(trimmed) ? trimmed : "";
+}
+
+function decodeNpubToHex(npub) {
+  if (typeof npub !== "string" || !npub.trim()) {
+    return "";
+  }
+  try {
+    const decoded = window?.NostrTools?.nip19?.decode?.(npub);
+    if (decoded?.type !== "npub" || !decoded.data) {
+      return "";
+    }
+    if (typeof decoded.data === "string") {
+      return normalizeHex(decoded.data);
+    }
+
+    let bufferSource = null;
+    if (decoded.data instanceof Uint8Array) {
+      bufferSource = decoded.data;
+    } else if (Array.isArray(decoded.data)) {
+      bufferSource = Uint8Array.from(decoded.data);
+    } else if (
+      decoded.data?.type === "Buffer" &&
+      Array.isArray(decoded.data?.data)
+    ) {
+      bufferSource = Uint8Array.from(decoded.data.data);
+    }
+
+    if (!bufferSource) {
+      return "";
+    }
+
+    if (typeof window?.NostrTools?.utils?.bytesToHex === "function") {
+      return normalizeHex(window.NostrTools.utils.bytesToHex(bufferSource));
+    }
+    return normalizeHex(
+      Array.from(bufferSource)
+        .map((byte) => byte.toString(16).padStart(2, "0"))
+        .join("")
+    );
+  } catch (error) {
+    devLogger.warn("[ChannelProfile] Failed to decode npub to hex", error);
+    return "";
+  }
+}
+
+function decorateChannelVideo(video, app = getApp()) {
+  if (!video || typeof video !== "object") {
+    return null;
+  }
+
+  let decoratedVideo = video;
+
+  if (typeof app?.decorateVideoModeration === "function") {
+    try {
+      const decorated = app.decorateVideoModeration(video);
+      if (decorated && typeof decorated === "object") {
+        decoratedVideo = decorated;
+      }
+    } catch (error) {
+      devLogger.warn(
+        "[ChannelProfile] Failed to decorate channel video moderation",
+        error,
+      );
+    }
+  }
+
+  if (typeof app?.decorateVideoCreatorIdentity === "function") {
+    try {
+      const identityDecorated = app.decorateVideoCreatorIdentity(decoratedVideo);
+      if (identityDecorated && typeof identityDecorated === "object") {
+        decoratedVideo = identityDecorated;
+      }
+    } catch (error) {
+      devLogger.warn(
+        "[ChannelProfile] Failed to decorate channel video identity",
+        error,
+      );
+    }
+  }
+
+  return decoratedVideo;
+}
+
+function collectChannelVideos(pubkey, app = getApp()) {
+  if (!app || !(app.videosMap instanceof Map)) {
+    return [];
+  }
+
+  const normalized = normalizeHex(pubkey);
+  if (!normalized) {
+    return [];
+  }
+
+  const matches = [];
+  app.videosMap.forEach((video) => {
+    if (!video || typeof video !== "object") {
+      return;
+    }
+    const videoPubkey = normalizeHex(video.pubkey);
+    if (videoPubkey === normalized) {
+      matches.push(video);
+    }
+  });
+
+  return matches;
+}
+
+async function applyChannelModerationToVideos(videos = [], app = getApp()) {
+  if (!Array.isArray(videos) || videos.length === 0) {
+    return Array.isArray(videos) ? videos : [];
+  }
+
+  const resolvedApp = app || getApp();
+
+  const resolveThreshold = (value, fallback) => {
+    if (value === Number.POSITIVE_INFINITY) {
+      return Number.POSITIVE_INFINITY;
+    }
+    if (Number.isFinite(value)) {
+      return Math.max(0, Math.floor(value));
+    }
+    return fallback;
+  };
+
+  const thresholds =
+    typeof resolvedApp?.getActiveModerationThresholds === "function"
+      ? resolvedApp.getActiveModerationThresholds()
+      : null;
+
+  const stage = createModerationStage({
+    getService: () => {
+      try {
+        if (
+          resolvedApp?.nostrService &&
+          typeof resolvedApp.nostrService.getModerationService === "function"
+        ) {
+          return resolvedApp.nostrService.getModerationService();
+        }
+      } catch (error) {
+        devLogger.warn(
+          "[ChannelProfile] Failed to resolve channel moderation service",
+          error,
+        );
+      }
+      return null;
+    },
+    autoplayThreshold: resolveThreshold(
+      thresholds?.autoplayBlockThreshold,
+      DEFAULT_AUTOPLAY_BLOCK_THRESHOLD,
+    ),
+    blurThreshold: resolveThreshold(
+      thresholds?.blurThreshold,
+      DEFAULT_BLUR_THRESHOLD,
+    ),
+    trustedMuteHideThreshold: resolveThreshold(
+      thresholds?.trustedMuteHideThreshold,
+      DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD,
+    ),
+    trustedReportHideThreshold: resolveThreshold(
+      thresholds?.trustedSpamHideThreshold,
+      DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD,
+    ),
+  });
+
+  let stageResult;
+  try {
+    const items = videos.map((video) => ({ video, metadata: {} }));
+    stageResult = await stage(items, { feedName: "channel-profile" });
+  } catch (error) {
+    devLogger.warn(
+      "[ChannelProfile] Failed to apply moderation stage to channel videos",
+      error,
+    );
+    return videos;
+  }
+
+  if (!Array.isArray(stageResult)) {
+    return videos;
+  }
+
+  const decoratedVideos = [];
+
+  for (const item of stageResult) {
+    if (!item || typeof item !== "object") {
+      continue;
+    }
+
+    const video = item.video;
+    if (!video || typeof video !== "object") {
+      continue;
+    }
+
+    const metadataModeration =
+      item.metadata &&
+      typeof item.metadata === "object" &&
+      item.metadata.moderation &&
+      typeof item.metadata.moderation === "object"
+        ? item.metadata.moderation
+        : null;
+
+    if (metadataModeration) {
+      if (!video.moderation || typeof video.moderation !== "object") {
+        video.moderation = {};
+      }
+      Object.assign(video.moderation, metadataModeration);
+    }
+
+    decoratedVideos.push(decorateChannelVideo(video, resolvedApp) || video);
+  }
+
+  return decoratedVideos;
+}
+
+function buildChannelModerationFallback(pubkey) {
+  const normalized = normalizeHex(pubkey);
+  if (!normalized) {
+    return null;
+  }
+
+  let viewerMuted = false;
+  try {
+    viewerMuted = moderationService.isAuthorMutedByViewer(normalized) === true;
+  } catch (error) {
+    devLogger.warn(
+      "[ChannelProfile] Failed to resolve viewer mute state for channel",
+      error,
+    );
+  }
+
+  let trustedMuted = false;
+  let trustedMuters = [];
+  try {
+    if (typeof moderationService.isAuthorMutedByTrusted === "function") {
+      trustedMuted =
+        moderationService.isAuthorMutedByTrusted(normalized) === true;
+    }
+    if (trustedMuted) {
+      if (typeof moderationService.getTrustedMutersForAuthor === "function") {
+        const muters =
+          moderationService.getTrustedMutersForAuthor(normalized) || [];
+        if (Array.isArray(muters)) {
+          trustedMuters = muters;
+        }
+      }
+    }
+  } catch (error) {
+    devLogger.warn(
+      "[ChannelProfile] Failed to resolve trusted mute state for channel",
+      error,
+    );
+    trustedMuted = false;
+    trustedMuters = [];
+  }
+
+  if (!viewerMuted && !trustedMuted) {
+    return null;
+  }
+
+  const trustedMuteCount = Array.isArray(trustedMuters)
+    ? trustedMuters.length
+    : 0;
+
+  const fallback = {
+    trustedMuted,
+    trustedMuters: Array.isArray(trustedMuters) ? trustedMuters.slice() : [],
+    trustedMuteCount,
+  };
+
+  if (viewerMuted) {
+    fallback.blurThumbnail = true;
+    fallback.blurReason = "viewer-mute";
+    fallback.hidden = true;
+    fallback.hideReason = "viewer-mute";
+    fallback.hideCounts = {
+      trustedMuteCount,
+      trustedReportCount: 0,
+    };
+  } else if (trustedMuted) {
+    fallback.blurThumbnail = true;
+    fallback.blurReason = "trusted-mute";
+  }
+
+  fallback.original = {
+    blockAutoplay: fallback.blockAutoplay === true,
+    blurThumbnail: fallback.blurThumbnail === true,
+    hidden: fallback.hidden === true,
+    hideReason: fallback.hideReason || "",
+    hideCounts: fallback.hideCounts ? { ...fallback.hideCounts } : undefined,
+    hideBypass: fallback.hideBypass || "",
+    hideTriggered:
+      fallback.hidden === true || Boolean(fallback.hideReason) || false,
+    blurReason: fallback.blurReason || "",
+  };
+
+  return fallback;
+}
+
+function getChannelModerationState(context) {
+  if (!context) {
+    return "";
+  }
+  if (context.overrideActive) {
+    return "override";
+  }
+  if (context.activeHidden && !context.overrideActive) {
+    return "hidden";
+  }
+  if (context.trustedMuted) {
+    return "trusted-mute";
+  }
+  return "blocked";
+}
+
+function shouldShowChannelBlockButton(context) {
+  if (!context || !context.trustedMuted) {
+    return false;
+  }
+  if (context.activeHidden && !context.overrideActive) {
+    return false;
+  }
+  return true;
+}
+
+function getChannelModerationBadgeIconShape(state) {
+  if (state === "override") {
+    return {
+      d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.78-9.72a.75.75 0 00-1.06-1.06L9 11.94l-1.72-1.72a.75.75 0 10-1.06 1.06l2.25 2.25a.75.75 0 001.06 0l3.25-3.25z",
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+    };
+  }
+
+  return {
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm-.75-11.75a.75.75 0 011.5 0v4.5a.75.75 0 01-1.5 0v-4.5zm.75 8.5a1 1 0 100-2 1 1 0 000 2z",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+  };
+}
+
+function updateChannelModerationBadgeIcon(svg, state) {
+  if (!svg) {
+    return;
+  }
+  svg.dataset.iconState = state;
+  const path = svg.firstElementChild;
+  if (!path) {
+    return;
+  }
+  const { d, fillRule, clipRule } = getChannelModerationBadgeIconShape(state);
+  path.setAttribute("d", d);
+  if (fillRule) {
+    path.setAttribute("fill-rule", fillRule);
+  } else {
+    path.removeAttribute("fill-rule");
+  }
+  if (clipRule) {
+    path.setAttribute("clip-rule", clipRule);
+  } else {
+    path.removeAttribute("clip-rule");
+  }
+}
+
+function createChannelModerationBadgeIcon(doc, state) {
+  const wrapper = doc.createElement("span");
+  wrapper.className = "moderation-badge__icon";
+  wrapper.setAttribute("aria-hidden", "true");
+  const svg = doc.createElementNS(SVG_NAMESPACE, "svg");
+  svg.setAttribute("viewBox", "0 0 20 20");
+  svg.setAttribute("focusable", "false");
+  svg.setAttribute("aria-hidden", "true");
+  svg.classList.add("moderation-badge__icon-mark");
+  const path = doc.createElementNS(SVG_NAMESPACE, "path");
+  path.setAttribute("fill", "currentColor");
+  svg.appendChild(path);
+  wrapper.appendChild(svg);
+  updateChannelModerationBadgeIcon(svg, state);
+  return { wrapper, svg };
+}
+
+function getChannelModerationBadgeContainer(doc = typeof document !== "undefined" ? document : null) {
+  if (!doc || typeof doc.getElementById !== "function") {
+    return null;
+  }
+  channelModerationBadgeState.container = doc.getElementById("channelModerationBadge") || null;
+  return channelModerationBadgeState.container;
+}
+
+function ensureChannelModerationBadgeResources(doc) {
+  const container = getChannelModerationBadgeContainer(doc);
+  if (!container) {
+    return null;
+  }
+
+  if (!channelModerationBadgeState.badgeEl) {
+    const badge = doc.createElement("div");
+    badge.className = "moderation-badge";
+    badge.dataset.moderationBadge = "true";
+    const label = doc.createElement("span");
+    label.className = "moderation-badge__label inline-flex items-center gap-xs";
+    const { wrapper, svg } = createChannelModerationBadgeIcon(doc, "blocked");
+    label.appendChild(wrapper);
+    const text = doc.createElement("span");
+    text.className = "moderation-badge__text";
+    label.appendChild(text);
+    badge.appendChild(label);
+    channelModerationBadgeState.badgeEl = badge;
+    channelModerationBadgeState.labelEl = label;
+    channelModerationBadgeState.textEl = text;
+    channelModerationBadgeState.iconWrapper = wrapper;
+    channelModerationBadgeState.iconSvg = svg;
+  }
+
+  if (typeof channelModerationBadgeState.boundOverride !== "function") {
+    channelModerationBadgeState.boundOverride = (event) =>
+      handleChannelModerationOverride(event);
+  }
+
+  if (typeof channelModerationBadgeState.boundBlock !== "function") {
+    channelModerationBadgeState.boundBlock = (event) =>
+      handleChannelModerationBlock(event);
+  }
+
+  if (!channelModerationBadgeState.overrideButton) {
+    const { text: overrideLabel, ariaLabel: overrideAria } =
+      getModerationOverrideActionLabels({ overrideActive: false });
+    const button = doc.createElement("button");
+    button.type = "button";
+    button.className = "moderation-badge__action flex-shrink-0";
+    button.dataset.moderationAction = "override";
+    button.textContent = overrideLabel;
+    button.setAttribute("aria-label", overrideAria);
+    button.addEventListener("click", channelModerationBadgeState.boundOverride);
+    channelModerationBadgeState.overrideButton = button;
+  }
+
+  if (typeof channelModerationBadgeState.boundHide !== "function") {
+    channelModerationBadgeState.boundHide = (event) =>
+      handleChannelModerationHide(event);
+  }
+
+  if (!channelModerationBadgeState.hideButton) {
+    const { text: restoreLabel, ariaLabel: restoreAria } =
+      getModerationOverrideActionLabels({ overrideActive: true });
+    const hideButton = doc.createElement("button");
+    hideButton.type = "button";
+    hideButton.className = "moderation-badge__action flex-shrink-0";
+    hideButton.dataset.moderationAction = "hide";
+    hideButton.textContent = restoreLabel;
+    hideButton.setAttribute("aria-label", restoreAria);
+    hideButton.addEventListener("click", channelModerationBadgeState.boundHide);
+    channelModerationBadgeState.hideButton = hideButton;
+  }
+
+  if (!channelModerationBadgeState.blockButton) {
+    const blockButton = doc.createElement("button");
+    blockButton.type = "button";
+    blockButton.className = "moderation-badge__action flex-shrink-0";
+    blockButton.dataset.moderationAction = "block";
+    blockButton.textContent = "Block";
+    blockButton.addEventListener("click", channelModerationBadgeState.boundBlock);
+    channelModerationBadgeState.blockButton = blockButton;
+  }
+
+  return channelModerationBadgeState;
+}
+
+function teardownChannelModerationBadge() {
+  const ref = channelModerationBadgeState;
+  currentChannelModerationSourceVideo = null;
+  if (ref.badgeEl && ref.badgeEl.parentNode) {
+    ref.badgeEl.parentNode.removeChild(ref.badgeEl);
+  }
+  ref.labelEl = null;
+  if (ref.container) {
+    ref.container.removeAttribute("data-moderation-active");
+  }
+  ref.app = null;
+}
+
+function renderChannelModerationBadge({
+  context = null,
+  video = null,
+  app = null,
+  doc = typeof document !== "undefined" ? document : null,
+} = {}) {
+  const container = getChannelModerationBadgeContainer(doc);
+  if (!container) {
+    teardownChannelModerationBadge();
+    return;
+  }
+
+  const normalizedContext = context || null;
+  const shouldShow = Boolean(normalizedContext?.shouldShow);
+
+  currentChannelModerationSourceVideo =
+    video && typeof video === "object" && typeof video.id === "string"
+      ? video
+      : null;
+
+  if (!shouldShow) {
+    teardownChannelModerationBadge();
+    return;
+  }
+
+  const ref = ensureChannelModerationBadgeResources(doc);
+  if (!ref || !ref.badgeEl || !ref.textEl) {
+    teardownChannelModerationBadge();
+    return;
+  }
+
+  const badge = ref.badgeEl;
+  const state = normalizedContext.overrideActive
+    ? "override"
+    : getChannelModerationState(normalizedContext);
+
+  badge.dataset.variant = normalizedContext.overrideActive ? "neutral" : "warning";
+  badge.dataset.moderationState = state;
+  if (normalizedContext.effectiveHideReason) {
+    badge.dataset.moderationHideReason = normalizedContext.effectiveHideReason;
+  } else if (badge.dataset.moderationHideReason) {
+    delete badge.dataset.moderationHideReason;
+  }
+
+  updateChannelModerationBadgeIcon(ref.iconSvg, state);
+
+  const textContent =
+    buildModerationBadgeText(normalizedContext, { variant: "card" }) ||
+    "Moderated due to reports";
+  ref.textEl.textContent = textContent;
+
+  if (CHANNEL_MODERATION_BADGE_ID) {
+    badge.id = CHANNEL_MODERATION_BADGE_ID;
+  }
+
+  if (badge.parentNode !== container) {
+    container.appendChild(badge);
+  }
+
+  container.dataset.moderationActive = "true";
+
+  const hasVideoTarget = Boolean(currentChannelModerationSourceVideo?.id);
+
+  if (
+    hasVideoTarget &&
+    !normalizedContext.overrideActive &&
+    normalizedContext.allowOverride &&
+    ref.overrideButton
+  ) {
+    const { text: overrideLabel, ariaLabel: overrideAria } =
+      getModerationOverrideActionLabels({ overrideActive: false });
+    ref.overrideButton.textContent = overrideLabel;
+    ref.overrideButton.setAttribute("aria-label", overrideAria);
+    if (ref.overrideButton.parentNode !== badge) {
+      badge.appendChild(ref.overrideButton);
+    }
+    ref.overrideButton.disabled = false;
+    ref.overrideButton.removeAttribute("aria-busy");
+  } else if (ref.overrideButton && ref.overrideButton.parentNode === badge) {
+    badge.removeChild(ref.overrideButton);
+  }
+
+  if (hasVideoTarget && normalizedContext.overrideActive && ref.hideButton) {
+    const { text: restoreLabel, ariaLabel: restoreAria } =
+      getModerationOverrideActionLabels({ overrideActive: true });
+    ref.hideButton.textContent = restoreLabel;
+    ref.hideButton.setAttribute("aria-label", restoreAria);
+    if (ref.hideButton.parentNode !== badge) {
+      badge.appendChild(ref.hideButton);
+    }
+    ref.hideButton.disabled = false;
+    ref.hideButton.removeAttribute("aria-busy");
+  } else if (ref.hideButton && ref.hideButton.parentNode === badge) {
+    badge.removeChild(ref.hideButton);
+  }
+
+  if (hasVideoTarget && shouldShowChannelBlockButton(normalizedContext) && ref.blockButton) {
+    if (ref.blockButton.parentNode !== badge) {
+      badge.appendChild(ref.blockButton);
+    }
+    ref.blockButton.disabled = false;
+    ref.blockButton.removeAttribute("aria-busy");
+  } else if (ref.blockButton && ref.blockButton.parentNode === badge) {
+    badge.removeChild(ref.blockButton);
+  }
+
+  if (ref.overrideButton) {
+    if (badge.id) {
+      ref.overrideButton.setAttribute("aria-describedby", badge.id);
+    } else {
+      ref.overrideButton.removeAttribute("aria-describedby");
+    }
+  }
+
+  if (ref.hideButton) {
+    if (badge.id) {
+      ref.hideButton.setAttribute("aria-describedby", badge.id);
+    } else {
+      ref.hideButton.removeAttribute("aria-describedby");
+    }
+  }
+
+  if (ref.blockButton) {
+    if (badge.id) {
+      ref.blockButton.setAttribute("aria-describedby", badge.id);
+    } else {
+      ref.blockButton.removeAttribute("aria-describedby");
+    }
+  }
+
+  ref.badgeId = badge.id || "";
+  ref.app = app || getApp();
+}
+
+function handleChannelModerationOverride(event) {
+  if (event) {
+    if (typeof event.preventDefault === "function") {
+      event.preventDefault();
+    }
+    if (typeof event.stopPropagation === "function") {
+      event.stopPropagation();
+    }
+  }
+
+  const sourceVideo = currentChannelModerationSourceVideo;
+  const app = channelModerationBadgeState.app || getApp();
+  const targetVideo =
+    app?.videosMap instanceof Map && sourceVideo?.id
+      ? app.videosMap.get(sourceVideo.id) || sourceVideo
+      : sourceVideo;
+
+  if (!targetVideo || typeof targetVideo !== "object" || !targetVideo.id) {
+    return;
+  }
+
+  const button = channelModerationBadgeState.overrideButton;
+  if (button) {
+    button.disabled = true;
+    button.setAttribute("aria-busy", "true");
+  }
+
+  let handled = false;
+  try {
+    handled = app?.handleModerationOverride?.({ video: targetVideo }) === true;
+  } catch (error) {
+    devLogger.warn("[ChannelProfile] Failed to handle channel moderation override", error);
+  }
+
+  if (handled) {
+    updateChannelModerationVisuals({ app, pubkey: sourceVideo?.pubkey || currentChannelHex || "" });
+  } else if (button) {
+    button.disabled = false;
+    button.removeAttribute("aria-busy");
+  }
+}
+
+function handleChannelModerationHide(event) {
+  if (event) {
+    if (typeof event.preventDefault === "function") {
+      event.preventDefault();
+    }
+    if (typeof event.stopPropagation === "function") {
+      event.stopPropagation();
+    }
+  }
+
+  const sourceVideo = currentChannelModerationSourceVideo;
+  const app = channelModerationBadgeState.app || getApp();
+  const targetVideo =
+    app?.videosMap instanceof Map && sourceVideo?.id
+      ? app.videosMap.get(sourceVideo.id) || sourceVideo
+      : sourceVideo;
+
+  if (!targetVideo || typeof targetVideo !== "object" || !targetVideo.id) {
+    return;
+  }
+
+  const button = channelModerationBadgeState.hideButton;
+  if (button) {
+    button.disabled = true;
+    button.setAttribute("aria-busy", "true");
+  }
+
+  let handled = false;
+  try {
+    handled =
+      typeof app?.handleModerationHide === "function"
+        ? app.handleModerationHide({
+            video: targetVideo,
+          }) === true
+        : false;
+  } catch (error) {
+    devLogger.warn(
+      "[ChannelProfile] Failed to handle channel moderation hide",
+      error,
+    );
+  }
+
+  if (handled) {
+    updateChannelModerationVisuals({
+      app,
+      pubkey: sourceVideo?.pubkey || currentChannelHex || "",
+    });
+  } else if (button) {
+    button.disabled = false;
+    button.removeAttribute("aria-busy");
+  }
+}
+
+function handleChannelModerationBlock(event) {
+  if (event) {
+    if (typeof event.preventDefault === "function") {
+      event.preventDefault();
+    }
+    if (typeof event.stopPropagation === "function") {
+      event.stopPropagation();
+    }
+  }
+
+  const sourceVideo = currentChannelModerationSourceVideo;
+  const app = channelModerationBadgeState.app || getApp();
+  const targetVideo =
+    app?.videosMap instanceof Map && sourceVideo?.id
+      ? app.videosMap.get(sourceVideo.id) || sourceVideo
+      : sourceVideo;
+
+  if (!targetVideo || typeof targetVideo !== "object" || !targetVideo.id) {
+    return;
+  }
+
+  const button = channelModerationBadgeState.blockButton;
+  if (button) {
+    button.disabled = true;
+    button.setAttribute("aria-busy", "true");
+  }
+
+  let handled = false;
+  try {
+    handled = app?.handleModerationBlock?.({ video: targetVideo }) === true;
+  } catch (error) {
+    devLogger.warn("[ChannelProfile] Failed to handle channel moderation block", error);
+  }
+
+  if (handled) {
+    updateChannelModerationVisuals({ app, pubkey: sourceVideo?.pubkey || currentChannelHex || "" });
+  } else if (button) {
+    button.disabled = false;
+    button.removeAttribute("aria-busy");
+  }
+}
+
+function resolveChannelModeration(pubkey, app = getApp()) {
+  const normalized = normalizeHex(pubkey);
+  if (!normalized) {
+    return null;
+  }
+
+  const matches = collectChannelVideos(normalized, app);
+  let fallbackModeration = null;
+  let fallbackVideo = null;
+
+  for (const candidate of matches) {
+    const decorated = decorateChannelVideo(candidate, app);
+    if (!decorated || typeof decorated !== "object") {
+      continue;
+    }
+    const moderation =
+      decorated.moderation && typeof decorated.moderation === "object"
+        ? decorated.moderation
+        : null;
+    if (!moderation) {
+      continue;
+    }
+
+    if (moderation.viewerOverride?.showAnyway === true) {
+      return { moderation, video: decorated };
+    }
+
+    if (moderation.hidden === true || moderation.blurThumbnail === true) {
+      return { moderation, video: decorated };
+    }
+
+    if (!fallbackModeration) {
+      fallbackModeration = moderation;
+      fallbackVideo = decorated;
+    }
+  }
+
+  if (fallbackModeration) {
+    return { moderation: fallbackModeration, video: fallbackVideo };
+  }
+
+  const fallback = buildChannelModerationFallback(normalized);
+  if (fallback) {
+    return { moderation: fallback, video: null };
+  }
+
+  return null;
+}
+
+export function applyChannelVisualBlur({
+  bannerEl = null,
+  avatarEl = null,
+  pubkey = "",
+  app = null,
+} = {}) {
+  const resolvedApp = app || getApp();
+  const resolution = resolveChannelModeration(pubkey, resolvedApp);
+  const moderation = resolution?.moderation || {};
+  const context = normalizeVideoModerationContext(moderation);
+
+  const resolvedBanner = bannerEl ||
+    (typeof document !== "undefined"
+      ? document.getElementById("channelBanner")
+      : null);
+  const resolvedAvatar = avatarEl ||
+    (typeof document !== "undefined"
+      ? document.getElementById("channelAvatar")
+      : null);
+  const doc = resolvedBanner?.ownerDocument ||
+    resolvedAvatar?.ownerDocument ||
+    (typeof document !== "undefined" ? document : null);
+  const badgeContainer = doc?.getElementById?.("channelModerationBadge") || null;
+
+  const avatarElements = [resolvedAvatar, resolvedBanner].filter(Boolean);
+
+  applyModerationContextDatasets(context, {
+    root: resolvedBanner || null,
+    roots: badgeContainer ? [badgeContainer] : undefined,
+    avatar: resolvedAvatar || null,
+    avatars: avatarElements.length > 1 ? avatarElements : undefined,
+  });
+
+  return { context, moderation, video: resolution?.video || null };
+}
+
+function updateChannelModerationVisuals({
+  pubkey = "",
+  app = null,
+  bannerEl = null,
+  avatarEl = null,
+} = {}) {
+  if (typeof document === "undefined") {
+    return;
+  }
+
+  const resolvedApp = app || getApp();
+  const targetPubkey = pubkey || currentChannelHex || "";
+  if (!targetPubkey) {
+    const result = applyChannelVisualBlur({
+      bannerEl,
+      avatarEl,
+      pubkey: "",
+      app: resolvedApp,
+    });
+    renderChannelModerationBadge({
+      context: result?.context,
+      video: null,
+      app: resolvedApp,
+      doc:
+        bannerEl?.ownerDocument ||
+        avatarEl?.ownerDocument ||
+        (typeof document !== "undefined" ? document : null),
+    });
+    return;
+  }
+
+  const resolvedBanner =
+    bannerEl || document.getElementById("channelBanner");
+  const resolvedAvatar =
+    avatarEl || document.getElementById("channelAvatar");
+
+  const result = applyChannelVisualBlur({
+    bannerEl: resolvedBanner,
+    avatarEl: resolvedAvatar,
+    pubkey: targetPubkey,
+    app: resolvedApp,
+  });
+
+  renderChannelModerationBadge({
+    context: result?.context,
+    video: result?.video,
+    app: resolvedApp,
+    doc:
+      resolvedBanner?.ownerDocument ||
+      resolvedAvatar?.ownerDocument ||
+      (typeof document !== "undefined" ? document : null),
+  });
+}
+
+let channelModerationEventsBound = false;
+const channelModerationUnsubscribes = [];
+
+function handleTrustedMuteSignal() {
+  if (!currentChannelHex) {
+    return;
+  }
+  updateChannelModerationVisuals({ pubkey: currentChannelHex });
+}
+
+function refreshChannelVideoCardModeration(
+  videoId,
+  { app = getApp(), fallbackVideo = null, decoratedVideo = null } = {},
+) {
+  if (typeof videoId !== "string" || !videoId) {
+    return false;
+  }
+
+  const resolvedApp = app || getApp();
+  const sourceMap =
+    resolvedApp?.videosMap instanceof Map ? resolvedApp.videosMap : null;
+  const card = channelVideoCardsById.get(videoId) || null;
+
+  let nextVideo =
+    decoratedVideo && typeof decoratedVideo === "object"
+      ? decoratedVideo
+      : null;
+
+  if (!nextVideo) {
+    const baseVideo =
+      (sourceMap && sourceMap.get(videoId)) ||
+      (fallbackVideo && typeof fallbackVideo === "object"
+        ? fallbackVideo
+        : null) ||
+      (card && typeof card.video === "object" ? card.video : null);
+
+    if (!baseVideo) {
+      return false;
+    }
+
+    nextVideo = decorateChannelVideo(baseVideo, resolvedApp) || baseVideo;
+  }
+
+  if (sourceMap && nextVideo) {
+    sourceMap.set(videoId, nextVideo);
+  }
+
+  if (!card || !nextVideo) {
+    return Boolean(nextVideo);
+  }
+
+  card.video = nextVideo;
+
+  if (typeof card.refreshModerationUi === "function") {
+    try {
+      card.refreshModerationUi();
+    } catch (error) {
+      devLogger.warn(
+        `[ChannelProfile] Failed to refresh moderation UI for video ${videoId}`,
+        error,
+      );
+    }
+  }
+
+  channelVideoCardsById.set(videoId, card);
+  return true;
+}
+
+function handleModerationSummarySignal(detail = {}) {
+  if (!detail || typeof detail !== "object") {
+    return;
+  }
+
+  const eventId = typeof detail.eventId === "string" ? detail.eventId : "";
+  if (!eventId) {
+    return;
+  }
+
+  const app = getApp();
+  const video = app?.videosMap instanceof Map ? app.videosMap.get(eventId) : null;
+  if (!video || typeof video !== "object") {
+    return;
+  }
+
+  const videoPubkey = normalizeHex(video.pubkey);
+  if (!videoPubkey) {
+    return;
+  }
+
+  const channelPubkey = normalizeHex(currentChannelHex);
+  if (!channelPubkey || videoPubkey !== channelPubkey) {
+    return;
+  }
+
+  const decoratedVideo = decorateChannelVideo(video, app) || video;
+  refreshChannelVideoCardModeration(eventId, {
+    app,
+    fallbackVideo: decoratedVideo,
+    decoratedVideo,
+  });
+  updateChannelModerationVisuals({
+    pubkey: channelPubkey,
+    app,
+  });
+}
+
+function handleVideoModerationEvent(event) {
+  const detail = event?.detail;
+  const video = detail && typeof detail === "object" ? detail.video : null;
+  if (!video || typeof video !== "object") {
+    return;
+  }
+
+  const videoPubkey = normalizeHex(video.pubkey);
+  const channelPubkey = normalizeHex(currentChannelHex);
+  if (!videoPubkey || !channelPubkey || videoPubkey !== channelPubkey) {
+    return;
+  }
+
+  const videoId = typeof video.id === "string" ? video.id : "";
+  if (!videoId) {
+    return;
+  }
+
+  const app = getApp();
+  const decoratedVideo = decorateChannelVideo(video, app) || video;
+  if (app?.videosMap instanceof Map) {
+    app.videosMap.set(videoId, decoratedVideo);
+  }
+
+  refreshChannelVideoCardModeration(videoId, {
+    app,
+    fallbackVideo: decoratedVideo,
+    decoratedVideo,
+  });
+  updateChannelModerationVisuals({
+    pubkey: channelPubkey,
+    app,
+  });
+}
+
+function ensureChannelModerationEvents() {
+  if (channelModerationEventsBound) {
+    return;
+  }
+  channelModerationEventsBound = true;
+
+  if (typeof document !== "undefined") {
+    document.addEventListener("video:moderation-override", handleVideoModerationEvent);
+    document.addEventListener("video:moderation-block", handleVideoModerationEvent);
+  }
+
+  if (moderationService && typeof moderationService.on === "function") {
+    const trustedUnsub = moderationService.on(
+      "trusted-mutes",
+      handleTrustedMuteSignal,
+    );
+    if (typeof trustedUnsub === "function") {
+      channelModerationUnsubscribes.push(trustedUnsub);
+    }
+
+    const summaryUnsub = moderationService.on(
+      "summary",
+      handleModerationSummarySignal,
+    );
+    if (typeof summaryUnsub === "function") {
+      channelModerationUnsubscribes.push(summaryUnsub);
+    }
+  }
+}
+
+const summarizeZapTracker = (tracker) =>
+  Array.isArray(tracker)
+    ? tracker.map((entry) => ({
+        type: entry?.type || "unknown",
+        status: entry?.status || "unknown",
+        amount:
+          Number.isFinite(entry?.amount) && entry.amount >= 0
+            ? entry.amount
+            : undefined,
+        address: entry?.address || undefined,
+        hasPayment: Boolean(entry?.payment),
+        errorMessage:
+          typeof entry?.error?.message === "string"
+            ? entry.error.message
+            : entry?.error
+              ? String(entry.error)
+              : undefined
+      }))
+    : undefined;
+
+function logZapError(stage, details = {}, error) {
+  const summary = {
+    stage,
+    shareType: details?.shareType,
+    address: details?.address,
+    amount:
+      Number.isFinite(details?.amount) && details.amount >= 0
+        ? details.amount
+        : undefined,
+    overrideFee:
+      typeof details?.overrideFee === "number"
+        ? details.overrideFee
+        : undefined,
+    commentLength:
+      typeof details?.comment === "string" ? details.comment.length : undefined,
+    wallet: details?.walletSettings
+      ? {
+          hasUri: Boolean(details.walletSettings.nwcUri),
+          type:
+            details.walletSettings.type ||
+            details.walletSettings.name ||
+            details.walletSettings.client ||
+            undefined
+        }
+      : undefined,
+    shares: details?.context?.shares
+      ? {
+          total: details.context.shares.total,
+          creator: details.context.shares.creatorShare,
+          platform: details.context.shares.platformShare
+        }
+      : undefined,
+    tracker: summarizeZapTracker(details?.tracker),
+    retryAttempt:
+      Number.isInteger(details?.retryAttempt) && details.retryAttempt >= 0
+        ? details.retryAttempt
+        : undefined
+  };
+  userLogger.error("[zap] Channel zap failure", summary, error);
+}
+let currentChannelProfileEvent = null;
+let currentChannelProfileSnapshot = null;
+let currentChannelProfileHasExplicitPayload = false;
+
+let cachedZapButton = null;
+let cachedChannelShareButton = null;
+let cachedChannelMenu = null;
+let cachedZapControls = null;
+let cachedZapForm = null;
+let cachedZapAmountInput = null;
+let cachedZapSplitSummary = null;
+let cachedZapStatus = null;
+let cachedZapReceipts = null;
+let cachedZapWalletPrompt = null;
+let cachedZapWalletLink = null;
+let cachedZapCloseBtn = null;
+let cachedZapSendBtn = null;
+
+let pendingZapRetry = null;
+let zapInFlight = false;
+let zapControlsOpen = false;
+let zapPopover = null;
+let zapPopoverTrigger = null;
+let zapShouldFocusOnOpen = false;
+let zapPopoverOpenPromise = null;
+let channelMenuPopover = null;
+let channelMenuOpen = false;
+let currentVideoLoadToken = 0;
+let currentProfileLoadToken = 0;
+
+const FALLBACK_CHANNEL_BANNER = "assets/jpg/bitvid.jpg";
+const FALLBACK_CHANNEL_AVATAR = "assets/svg/default-profile.svg";
+const PROFILE_EVENT_CACHE_TTL_MS = 5 * 60 * 1000;
+
+const channelProfileMetadataCache = new Map();
+
+function hasExplicitChannelProfilePayload(profile) {
+  return (
+    profile &&
+    typeof profile === "object" &&
+    Object.keys(profile).length > 0
+  );
+}
+
+function touchChannelProfileCacheEntry(pubkey) {
+  if (typeof pubkey !== "string" || !pubkey) {
+    return false;
+  }
+
+  const existing = channelProfileMetadataCache.get(pubkey);
+  if (!existing) {
+    return false;
+  }
+
+  channelProfileMetadataCache.set(pubkey, {
+    timestamp: Date.now(),
+    profile: { ...existing.profile },
+    event: existing.event ? { ...existing.event } : null
+  });
+
+  return true;
+}
+
+const SUPPORTED_BANNER_REFERRER_POLICIES = new Set([
+  "no-referrer",
+  "origin",
+  "origin-when-cross-origin",
+  "same-origin",
+  "strict-origin",
+  "strict-origin-when-cross-origin",
+  "unsafe-url"
+]);
+
+const DEFAULT_BANNER_REFERRER_POLICY_SEQUENCE = [
+  "no-referrer",
+  "strict-origin-when-cross-origin",
+  "origin-when-cross-origin",
+  "unsafe-url"
+];
+
+const bannerLoadStates = new WeakMap();
+
+function resolveToAbsoluteUrl(url) {
+  if (typeof url !== "string") {
+    return "";
+  }
+
+  const trimmed = url.trim();
+  if (!trimmed) {
+    return "";
+  }
+
+  try {
+    if (typeof window !== "undefined" && window.location) {
+      return new URL(trimmed, window.location.href).href;
+    }
+    return new URL(trimmed).href;
+  } catch (error) {
+    return trimmed;
+  }
+}
+
+function normalizeReferrerPolicy(policy) {
+  if (policy === null) {
+    return null;
+  }
+
+  if (typeof policy !== "string") {
+    return undefined;
+  }
+
+  const trimmed = policy.trim();
+  if (!trimmed) {
+    return null;
+  }
+
+  if (trimmed.toLowerCase() === "default") {
+    return null;
+  }
+
+  if (!SUPPORTED_BANNER_REFERRER_POLICIES.has(trimmed)) {
+    return undefined;
+  }
+
+  return trimmed;
+}
+
+function buildBannerPolicySequence(policies) {
+  const normalized = [];
+  const source = Array.isArray(policies) ? policies : [];
+  const seen = new Set();
+
+  for (const entry of source) {
+    if (entry === null) {
+      continue;
+    }
+    if (typeof entry !== "string") {
+      continue;
+    }
+    const trimmed = entry.trim();
+    if (!trimmed || trimmed.toLowerCase() === "default") {
+      continue;
+    }
+    if (!SUPPORTED_BANNER_REFERRER_POLICIES.has(trimmed)) {
+      continue;
+    }
+    if (seen.has(trimmed)) {
+      continue;
+    }
+    normalized.push(trimmed);
+    seen.add(trimmed);
+  }
+
+  normalized.push(null);
+  return normalized;
+}
+
+function attemptBannerPolicy(bannerEl) {
+  const state = bannerLoadStates.get(bannerEl);
+  if (!state) {
+    return false;
+  }
+
+  if (state.loadToken !== currentProfileLoadToken) {
+    return false;
+  }
+
+  if (!state.url) {
+    bannerLoadStates.delete(bannerEl);
+    if (state.fallbackSrc) {
+      setBannerVisual(bannerEl, state.fallbackSrc, { referrerPolicy: null });
+    } else {
+      setBannerVisual(bannerEl, "", { referrerPolicy: null });
+    }
+    return false;
+  }
+
+  while (state.attemptIndex < state.policies.length) {
+    const candidate = state.policies[state.attemptIndex];
+    state.attemptIndex += 1;
+
+    const normalizedPolicy = normalizeReferrerPolicy(candidate);
+    if (normalizedPolicy === undefined) {
+      continue;
+    }
+
+    bannerLoadStates.set(bannerEl, state);
+    setBannerVisual(bannerEl, state.url, { referrerPolicy: normalizedPolicy });
+    return true;
+  }
+
+  bannerLoadStates.delete(bannerEl);
+  if (state.url) {
+    devLogger.warn(
+      "[channelProfile.banner] Exhausted referrer policies for banner",
+      { url: state.url }
+    );
+  }
+
+  if (state.fallbackSrc) {
+    setBannerVisual(bannerEl, state.fallbackSrc, { referrerPolicy: null });
+  } else {
+    setBannerVisual(bannerEl, "", { referrerPolicy: null });
+  }
+
+  return false;
+}
+
+function setBannerVisual(el, url, { referrerPolicy } = {}) {
+  if (!el) {
+    return;
+  }
+
+  const resolvedUrl = typeof url === "string" ? url : "";
+  const tagName = el.tagName ? el.tagName.toLowerCase() : "";
+
+  if (tagName === "img") {
+    if (referrerPolicy !== undefined) {
+      const normalizedPolicy =
+        referrerPolicy === null
+          ? ""
+          : typeof referrerPolicy === "string"
+            ? referrerPolicy
+            : "";
+
+      if ("referrerPolicy" in el) {
+        try {
+          el.referrerPolicy = normalizedPolicy;
+        } catch (error) {
+          devLogger.warn(
+            "[channelProfile.banner] Failed to set banner referrer policy",
+            error
+          );
+        }
+      }
+
+      if (normalizedPolicy) {
+        el.setAttribute("referrerpolicy", normalizedPolicy);
+      } else {
+        el.removeAttribute("referrerpolicy");
+      }
+
+      el.dataset.bannerReferrerPolicy = normalizedPolicy;
+    }
+
+    if (el.src !== resolvedUrl) {
+      el.src = resolvedUrl;
+    }
+  } else {
+    updateChannelBannerBackground(el, resolvedUrl || "");
+  }
+
+  if (el.dataset.bannerSrc !== resolvedUrl) {
+    el.dataset.bannerSrc = resolvedUrl;
+  }
+}
+
+function ensureBannerFallbackHandler(bannerEl) {
+  if (!bannerEl) {
+    return;
+  }
+
+  const tagName = bannerEl.tagName ? bannerEl.tagName.toLowerCase() : "";
+  if (tagName !== "img") {
+    return;
+  }
+
+  if (!bannerEl.dataset.bannerReferrerPolicy) {
+    const initialPolicy = bannerEl.getAttribute("referrerpolicy") || "";
+    bannerEl.dataset.bannerReferrerPolicy = initialPolicy;
+  }
+
+  if (bannerEl.dataset.bannerFallbackAttached === "true") {
+    return;
+  }
+
+  const handleError = () => {
+    const state = bannerLoadStates.get(bannerEl);
+    if (state && state.loadToken !== currentProfileLoadToken) {
+      return;
+    }
+
+    const activeSrc = bannerEl.currentSrc || bannerEl.src || "";
+    const normalizedActive = resolveToAbsoluteUrl(activeSrc);
+
+    if (
+      state &&
+      state.resolvedUrl &&
+      normalizedActive &&
+      normalizedActive === state.resolvedUrl
+    ) {
+      const retried = attemptBannerPolicy(bannerEl);
+      if (retried) {
+        return;
+      }
+      return;
+    }
+
+    const fallbackAttr =
+      (typeof bannerEl.dataset?.fallbackSrc === "string"
+        ? bannerEl.dataset.fallbackSrc.trim()
+        : "") ||
+      bannerEl.getAttribute("data-fallback-src") ||
+      "";
+    const fallbackSrc =
+      (state && state.fallbackSrc) || fallbackAttr || FALLBACK_CHANNEL_BANNER;
+    const fallbackResolved =
+      (state && state.resolvedFallback) || resolveToAbsoluteUrl(fallbackSrc);
+
+    bannerLoadStates.delete(bannerEl);
+
+    if (fallbackSrc && normalizedActive !== fallbackResolved) {
+      setBannerVisual(bannerEl, fallbackSrc, { referrerPolicy: null });
+    } else if (!fallbackSrc) {
+      setBannerVisual(bannerEl, "", { referrerPolicy: null });
+    }
+  };
+
+  bannerEl.addEventListener("error", handleError, { passive: true });
+  bannerEl.dataset.bannerFallbackAttached = "true";
+}
+
+function applyBannerWithPolicies({
+  bannerEl,
+  url,
+  fallbackSrc,
+  policies = DEFAULT_BANNER_REFERRER_POLICY_SEQUENCE,
+  loadToken
+} = {}) {
+  if (!bannerEl) {
+    return;
+  }
+
+  const normalizedUrl =
+    typeof url === "string" && url.trim() ? url.trim() : "";
+  const fallbackCandidate =
+    (typeof fallbackSrc === "string" && fallbackSrc.trim()) ||
+    FALLBACK_CHANNEL_BANNER;
+  const normalizedPolicies = buildBannerPolicySequence(policies);
+  const expectedToken = Number.isInteger(loadToken)
+    ? loadToken
+    : currentProfileLoadToken;
+
+  if (!normalizedUrl) {
+    bannerLoadStates.delete(bannerEl);
+    setBannerVisual(bannerEl, fallbackCandidate, { referrerPolicy: null });
+    return;
+  }
+
+  bannerLoadStates.set(bannerEl, {
+    url: normalizedUrl,
+    resolvedUrl: resolveToAbsoluteUrl(normalizedUrl),
+    fallbackSrc: fallbackCandidate,
+    resolvedFallback: resolveToAbsoluteUrl(fallbackCandidate),
+    policies: normalizedPolicies,
+    attemptIndex: 0,
+    loadToken: expectedToken
+  });
+
+  attemptBannerPolicy(bannerEl);
+}
+
+function getChannelZapButton() {
+  if (cachedZapButton && !document.body.contains(cachedZapButton)) {
+    cachedZapButton = null;
+  }
+  if (!cachedZapButton) {
+    cachedZapButton = document.getElementById("zapButton");
+  }
+  return cachedZapButton;
+}
+
+function setChannelZapVisibility(visible) {
+  const zapButton = getChannelZapButton();
+  const controls = getZapControlsContainer();
+  const amountInput = getZapAmountInput();
+  const sendButton = getZapSendButton();
+  if (!zapButton) {
+    return;
+  }
+  const app = getApp();
+  const isLoggedIn =
+    typeof app?.isUserLoggedIn === "function"
+      ? app.isUserLoggedIn()
+      : Boolean(app?.normalizeHexPubkey?.(app?.pubkey));
+  const shouldShow = !!visible;
+  const requiresLogin = shouldShow && !isLoggedIn;
+
+  if (
+    shouldShow &&
+    (!zapPopover || zapPopoverTrigger !== zapButton)
+  ) {
+    setupZapButton({ force: true });
+  }
+
+  zapButton.toggleAttribute("hidden", !shouldShow);
+  zapButton.disabled = !shouldShow;
+  zapButton.setAttribute(
+    "aria-disabled",
+    (requiresLogin || !shouldShow).toString()
+  );
+  zapButton.setAttribute("aria-hidden", (!shouldShow).toString());
+  zapButton.setAttribute("aria-expanded", "false");
+  if (shouldShow) {
+    zapButton.removeAttribute("tabindex");
+  } else {
+    zapButton.setAttribute("tabindex", "-1");
+    resetZapRetryState();
+    zapInFlight = false;
+    clearZapReceipts();
+    setZapStatus("", "neutral");
+  }
+  if (requiresLogin) {
+    zapButton.dataset.requiresLogin = "true";
+  } else {
+    delete zapButton.dataset.requiresLogin;
+  }
+  closeZapControls();
+  if (controls) {
+    controls.setAttribute("aria-hidden", "true");
+    controls.hidden = true;
+  }
+  const shouldEnableInputs = shouldShow && !requiresLogin;
+  if (amountInput) {
+    amountInput.disabled = !shouldEnableInputs;
+  }
+  if (sendButton) {
+    sendButton.disabled = !shouldEnableInputs;
+    sendButton.setAttribute("aria-hidden", (!shouldEnableInputs).toString());
+    if (shouldEnableInputs) {
+      sendButton.removeAttribute("tabindex");
+      sendButton.removeAttribute("aria-busy");
+      delete sendButton.dataset.state;
+    } else {
+      sendButton.setAttribute("tabindex", "-1");
+      delete sendButton.dataset.state;
+    }
+  }
+
+  const hasWallet =
+    typeof app?.hasActiveWalletConnection === "function"
+      ? app.hasActiveWalletConnection()
+      : (() => {
+          const settings =
+            typeof app?.getActiveNwcSettings === "function"
+              ? app.getActiveNwcSettings()
+              : {};
+          const uri =
+            typeof settings?.nwcUri === "string" ? settings.nwcUri.trim() : "";
+          return uri.length > 0;
+        })();
+  setZapWalletPromptVisible(shouldEnableInputs && !hasWallet);
+  if (shouldEnableInputs) {
+    setupZapWalletLink();
+  }
+}
+
+function isSessionActorWithoutLogin() {
+  const app = getApp();
+  const isLoggedIn =
+    typeof app?.isUserLoggedIn === "function"
+      ? app.isUserLoggedIn()
+      : Boolean(app?.normalizeHexPubkey?.(app?.pubkey) || app?.pubkey);
+  if (isLoggedIn) {
+    return false;
+  }
+
+  return getSessionActorPubkey().length > 0;
+}
+
+function getSessionActorPubkey() {
+  return typeof nostrClient?.sessionActor?.pubkey === "string"
+    ? nostrClient.sessionActor.pubkey.trim()
+    : "";
+}
+
+function getChannelShareButton() {
+  if (
+    cachedChannelShareButton &&
+    !document.body.contains(cachedChannelShareButton)
+  ) {
+    cachedChannelShareButton = null;
+  }
+  if (!cachedChannelShareButton) {
+    cachedChannelShareButton = document.getElementById("channelShareBtn");
+  }
+  return cachedChannelShareButton;
+}
+
+function getChannelMenuElement() {
+  if (cachedChannelMenu && cachedChannelMenu.isConnected) {
+    return cachedChannelMenu;
+  }
+
+  const doc = typeof document !== "undefined" ? document : null;
+  const existing = doc?.getElementById("channelProfileMoreMenu") || null;
+  const HTMLElementCtor =
+    doc?.defaultView?.HTMLElement ||
+    (typeof HTMLElement !== "undefined" ? HTMLElement : null);
+  if (HTMLElementCtor && existing instanceof HTMLElementCtor) {
+    cachedChannelMenu = existing;
+  } else {
+    cachedChannelMenu = null;
+  }
+  return cachedChannelMenu;
+}
+
+function getZapControlsContainer() {
+  if (cachedZapControls) {
+    if (cachedZapControls.isConnected) {
+      return cachedZapControls;
+    }
+
+    const doc = typeof document !== "undefined" ? document : null;
+    const HTMLElementCtor =
+      doc?.defaultView?.HTMLElement ||
+      (typeof HTMLElement !== "undefined" ? HTMLElement : null);
+    const existing = doc?.getElementById("zapControls") || null;
+    if (existing && (!HTMLElementCtor || existing instanceof HTMLElementCtor)) {
+      cachedZapControls = existing;
+      return cachedZapControls;
+    }
+
+    return cachedZapControls;
+  }
+
+  const doc = typeof document !== "undefined" ? document : null;
+  const existing = doc?.getElementById("zapControls") || null;
+  const HTMLElementCtor =
+    doc?.defaultView?.HTMLElement ||
+    (typeof HTMLElement !== "undefined" ? HTMLElement : null);
+  if (existing && (!HTMLElementCtor || existing instanceof HTMLElementCtor)) {
+    cachedZapControls = existing;
+  } else {
+    cachedZapControls = null;
+  }
+  return cachedZapControls;
+}
+
+function getZapFormElement() {
+  if (cachedZapForm) {
+    if (cachedZapForm.isConnected) {
+      return cachedZapForm;
+    }
+
+    const container = getZapControlsContainer();
+    if (container) {
+      const existing = container.querySelector("#zapForm");
+      if (existing) {
+        cachedZapForm = existing;
+      }
+    }
+
+    return cachedZapForm;
+  }
+
+  const container = getZapControlsContainer();
+  cachedZapForm = container?.querySelector("#zapForm") || null;
+  return cachedZapForm;
+}
+
+function getZapAmountInput() {
+  if (cachedZapAmountInput) {
+    if (cachedZapAmountInput.isConnected) {
+      return cachedZapAmountInput;
+    }
+
+    const container = getZapControlsContainer();
+    if (container) {
+      const existing = container.querySelector("#zapAmountInput");
+      if (existing) {
+        cachedZapAmountInput = existing;
+      }
+    }
+
+    return cachedZapAmountInput;
+  }
+
+  const container = getZapControlsContainer();
+  cachedZapAmountInput = container?.querySelector("#zapAmountInput") || null;
+  return cachedZapAmountInput;
+}
+
+function getZapSplitSummaryElement() {
+  if (cachedZapSplitSummary) {
+    if (cachedZapSplitSummary.isConnected) {
+      return cachedZapSplitSummary;
+    }
+
+    const container = getZapControlsContainer();
+    if (container) {
+      const existing = container.querySelector("#zapSplitSummary");
+      if (existing) {
+        cachedZapSplitSummary = existing;
+      }
+    }
+
+    return cachedZapSplitSummary;
+  }
+
+  const container = getZapControlsContainer();
+  cachedZapSplitSummary = container?.querySelector("#zapSplitSummary") || null;
+  return cachedZapSplitSummary;
+}
+
+function getZapStatusElement() {
+  if (cachedZapStatus) {
+    if (cachedZapStatus.isConnected) {
+      return cachedZapStatus;
+    }
+
+    const container = getZapControlsContainer();
+    if (container) {
+      const existing = container.querySelector("#zapStatus");
+      if (existing) {
+        cachedZapStatus = existing;
+      }
+    }
+
+    return cachedZapStatus;
+  }
+
+  const container = getZapControlsContainer();
+  cachedZapStatus = container?.querySelector("#zapStatus") || null;
+  return cachedZapStatus;
+}
+
+function getZapReceiptsList() {
+  if (cachedZapReceipts) {
+    if (cachedZapReceipts.isConnected) {
+      return cachedZapReceipts;
+    }
+
+    const container = getZapControlsContainer();
+    if (container) {
+      const existing = container.querySelector("#zapReceipts");
+      if (existing) {
+        cachedZapReceipts = existing;
+      }
+    }
+
+    return cachedZapReceipts;
+  }
+
+  const container = getZapControlsContainer();
+  cachedZapReceipts = container?.querySelector("#zapReceipts") || null;
+  return cachedZapReceipts;
+}
+
+function getZapSendButton() {
+  if (cachedZapSendBtn) {
+    if (cachedZapSendBtn.isConnected) {
+      return cachedZapSendBtn;
+    }
+
+    const container = getZapControlsContainer();
+    if (container) {
+      const existing = container.querySelector("#zapSendBtn");
+      if (existing) {
+        cachedZapSendBtn = existing;
+      }
+    }
+
+    return cachedZapSendBtn;
+  }
+
+  const container = getZapControlsContainer();
+  cachedZapSendBtn = container?.querySelector("#zapSendBtn") || null;
+  return cachedZapSendBtn;
+}
+
+function getZapWalletPrompt() {
+  if (cachedZapWalletPrompt) {
+    if (cachedZapWalletPrompt.isConnected) {
+      return cachedZapWalletPrompt;
+    }
+
+    const container = getZapControlsContainer();
+    if (container) {
+      const existing = container.querySelector("#zapWalletPrompt");
+      if (existing) {
+        cachedZapWalletPrompt = existing;
+      }
+    }
+
+    return cachedZapWalletPrompt;
+  }
+
+  const container = getZapControlsContainer();
+  cachedZapWalletPrompt = container?.querySelector("#zapWalletPrompt") || null;
+  return cachedZapWalletPrompt;
+}
+
+function getZapWalletLink() {
+  if (cachedZapWalletLink) {
+    if (cachedZapWalletLink.isConnected) {
+      return cachedZapWalletLink;
+    }
+
+    const container = getZapControlsContainer();
+    if (container) {
+      const existing = container.querySelector("#zapWalletLink");
+      if (existing) {
+        cachedZapWalletLink = existing;
+      }
+    }
+
+    return cachedZapWalletLink;
+  }
+
+  const container = getZapControlsContainer();
+  cachedZapWalletLink = container?.querySelector("#zapWalletLink") || null;
+  return cachedZapWalletLink;
+}
+
+function getZapCloseButton() {
+  if (cachedZapCloseBtn) {
+    if (cachedZapCloseBtn.isConnected) {
+      return cachedZapCloseBtn;
+    }
+
+    const container = getZapControlsContainer();
+    if (container) {
+      const existing = container.querySelector("#zapCloseBtn");
+      if (existing) {
+        cachedZapCloseBtn = existing;
+      }
+    }
+
+    return cachedZapCloseBtn;
+  }
+
+  const container = getZapControlsContainer();
+  cachedZapCloseBtn = container?.querySelector("#zapCloseBtn") || null;
+  return cachedZapCloseBtn;
+}
+
+function cacheZapPanelElements(panel) {
+  if (!panel || panel.nodeType !== 1) {
+    cachedZapControls = null;
+    cachedZapForm = null;
+    cachedZapAmountInput = null;
+    cachedZapSplitSummary = null;
+    cachedZapStatus = null;
+    cachedZapReceipts = null;
+    cachedZapWalletPrompt = null;
+    cachedZapWalletLink = null;
+    cachedZapCloseBtn = null;
+    cachedZapSendBtn = null;
+    zapPopoverOpenPromise = null;
+    zapShouldFocusOnOpen = false;
+    return;
+  }
+
+  cachedZapControls = panel;
+  cachedZapForm = panel.querySelector("#zapForm");
+  cachedZapAmountInput = panel.querySelector("#zapAmountInput");
+  cachedZapSplitSummary = panel.querySelector("#zapSplitSummary");
+  cachedZapStatus = panel.querySelector("#zapStatus");
+  cachedZapReceipts = panel.querySelector("#zapReceipts");
+  cachedZapWalletPrompt = panel.querySelector("#zapWalletPrompt");
+  cachedZapWalletLink = panel.querySelector("#zapWalletLink");
+  cachedZapCloseBtn = panel.querySelector("#zapCloseBtn");
+  cachedZapSendBtn = panel.querySelector("#zapSendBtn");
+}
+
+function initializeZapPanel() {
+  const zapButton = getChannelZapButton();
+  const amountInput = getZapAmountInput();
+  const zapForm = getZapFormElement();
+  const sendButton = getZapSendButton();
+  if (!zapButton || !amountInput || !zapForm || !sendButton) {
+    return;
+  }
+
+  zapButton.setAttribute("aria-expanded", "false");
+
+  if (zapForm.dataset.initialized !== "true") {
+    zapForm.addEventListener("submit", handleZapSend);
+    zapForm.dataset.initialized = "true";
+  }
+
+  if (amountInput.dataset.initialized !== "true") {
+    amountInput.addEventListener("input", handleZapAmountChange);
+    amountInput.addEventListener("change", handleZapAmountChange);
+    amountInput.dataset.initialized = "true";
+  }
+
+  const closeBtn = getZapCloseButton();
+  if (closeBtn && closeBtn.dataset.initialized !== "true") {
+    closeBtn.addEventListener("click", (event) => {
+      event?.preventDefault?.();
+      closeZapControls({ focusButton: true });
+    });
+    closeBtn.dataset.initialized = "true";
+  }
+
+  setupZapWalletLink();
+
+  const app = getApp();
+  const activeSettings =
+    typeof app?.getActiveNwcSettings === "function"
+      ? app.getActiveNwcSettings()
+      : {};
+
+  const hasWallet =
+    typeof app?.hasActiveWalletConnection === "function"
+      ? app.hasActiveWalletConnection()
+      : (() => {
+          const settings =
+            typeof app?.getActiveNwcSettings === "function"
+              ? app.getActiveNwcSettings()
+              : {};
+          const uri =
+            typeof settings?.nwcUri === "string" ? settings.nwcUri.trim() : "";
+          return uri.length > 0;
+        })();
+
+  const shouldShowPrompt = !zapButton.hasAttribute("hidden") && !hasWallet;
+  setZapWalletPromptVisible(shouldShowPrompt);
+
+  if (
+    Number.isFinite(activeSettings?.defaultZap) &&
+    activeSettings.defaultZap > 0
+  ) {
+    amountInput.value = Math.max(0, Math.round(activeSettings.defaultZap));
+  } else if (!amountInput.value) {
+    amountInput.value = "";
+  }
+
+  updateZapSplitSummary();
+  setZapStatus("", "neutral");
+  clearZapReceipts();
+}
+
+function setZapWalletPromptVisible(visible) {
+  const prompt = getZapWalletPrompt();
+  if (!prompt) {
+    return;
+  }
+  const shouldShow = !!visible;
+  prompt.toggleAttribute("hidden", !shouldShow);
+  prompt.setAttribute("aria-hidden", (!shouldShow).toString());
+}
+
+function setupZapWalletLink() {
+  const link = getZapWalletLink();
+  if (!link) {
+    return;
+  }
+  if (link.dataset.initialized === "true") {
+    return;
+  }
+  link.addEventListener("click", (event) => {
+    event?.preventDefault?.();
+    const app = getApp();
+    if (typeof app?.openWalletPane === "function") {
+      Promise.resolve()
+        .then(() => app.openWalletPane())
+        .catch((error) => {
+          devLogger.warn(
+            "[zap] Failed to open wallet pane from channel view:",
+            error
+          );
+          app?.showError?.("Wallet settings are not available right now.");
+        });
+    } else {
+      devLogger.warn(
+        "[zap] Wallet pane requested but application did not expose openWalletPane()."
+      );
+      app?.showError?.("Wallet settings are not available right now.");
+    }
+  });
+  link.dataset.initialized = "true";
+}
+
+function focusZapAmountField() {
+  const amountInput = getZapAmountInput();
+  if (amountInput && typeof amountInput.focus === "function") {
+    try {
+      amountInput.focus({ preventScroll: true });
+    } catch (error) {
+      amountInput.focus();
+    }
+  }
+}
+
+function isZapControlsOpen() {
+  if (typeof zapPopover?.isOpen === "function") {
+    return zapPopover.isOpen();
+  }
+  return zapControlsOpen;
+}
+
+function openZapControls({ focus = false } = {}) {
+  const zapButton = getChannelZapButton();
+  if (!zapButton) {
+    zapShouldFocusOnOpen = false;
+    return false;
+  }
+
+  if (!zapPopover || zapPopoverTrigger !== zapButton) {
+    const initialized = setupZapButton({ force: true });
+    if (!initialized || !zapPopover || zapPopoverTrigger !== zapButton) {
+      zapShouldFocusOnOpen = false;
+      return false;
+    }
+  }
+
+  if (zapPopoverOpenPromise) {
+    if (focus) {
+      zapShouldFocusOnOpen = true;
+    }
+    return true;
+  }
+
+  zapShouldFocusOnOpen = focus;
+
+  let result;
+  try {
+    result = zapPopover.open();
+  } catch (error) {
+    zapShouldFocusOnOpen = false;
+    zapPopoverOpenPromise = null;
+    devLogger.warn("[zap] Failed to open zap popover", error);
+    return false;
+  }
+
+  if (result && typeof result.then === "function") {
+    const pending = result
+      .catch((error) => {
+        devLogger.warn("[zap] Zap popover open rejected", error);
+        return false;
+      })
+      .finally(() => {
+        zapPopoverOpenPromise = null;
+        zapShouldFocusOnOpen = false;
+      });
+    zapPopoverOpenPromise = pending;
+    return true;
+  }
+
+  zapShouldFocusOnOpen = false;
+  zapPopoverOpenPromise = null;
+  return Boolean(result);
+}
+
+function closeZapControls({ focusButton = false } = {}) {
+  const zapButton = getChannelZapButton();
+  zapShouldFocusOnOpen = false;
+  zapPopoverOpenPromise = null;
+
+  if (zapPopover) {
+    const result = zapPopover.close({ restoreFocus: focusButton });
+    if (!result && focusButton && zapButton && typeof zapButton.focus === "function") {
+      try {
+        zapButton.focus({ preventScroll: true });
+      } catch (error) {
+        zapButton.focus();
+      }
+    }
+    return Boolean(result);
+  }
+
+  zapControlsOpen = false;
+  if (zapButton) {
+    zapButton.setAttribute("aria-expanded", "false");
+    if (focusButton && typeof zapButton.focus === "function") {
+      try {
+        zapButton.focus({ preventScroll: true });
+      } catch (error) {
+        zapButton.focus();
+      }
+    }
+  }
+  return false;
+}
+
+function updateZapSplitSummary({ overrideFee = null } = {}) {
+  const summaryEl = getZapSplitSummaryElement();
+  if (!summaryEl) {
+    return;
+  }
+
+  const amountInput = getZapAmountInput();
+  const numeric = Math.max(0, Math.round(Number(amountInput?.value || 0)));
+  if (!numeric) {
+    summaryEl.textContent = "Enter an amount to view the split.";
+    return;
+  }
+
+  const shares = calculateZapShares(numeric, overrideFee);
+
+  const parts = [];
+  const creatorEntry = getCachedLightningEntry(currentChannelLightningAddress);
+  const creatorMin = formatMinRequirement(creatorEntry?.metadata);
+  let creatorText = `Creator: ${shares.creatorShare} sats`;
+  if (Number.isFinite(creatorMin) && creatorMin > 0) {
+    creatorText += ` (min ${creatorMin})`;
+  }
+  parts.push(creatorText);
+
+  if (shares.platformShare > 0) {
+    const platformEntry = getCachedLightningEntry(
+      getCachedPlatformLightningAddress()
+    );
+    const platformMin = formatMinRequirement(platformEntry?.metadata);
+    let platformText = `Platform: ${shares.platformShare} sats`;
+    if (Number.isFinite(platformMin) && platformMin > 0) {
+      platformText += ` (min ${platformMin})`;
+    }
+    parts.push(platformText);
+  }
+
+  summaryEl.textContent = parts.join(" • ");
+}
+
+function setZapStatus(message, tone = "neutral") {
+  const statusEl = getZapStatusElement();
+  if (!statusEl) {
+    return;
+  }
+
+  const normalizedTone = typeof tone === "string" ? tone : "neutral";
+  statusEl.textContent = message || "";
+  statusEl.classList.remove(
+    "text-text",
+    "text-muted",
+    "text-info",
+    "text-critical",
+    "text-warning-strong"
+  );
+
+  if (!message) {
+    statusEl.classList.add("text-muted");
+    return;
+  }
+
+  switch (normalizedTone) {
+    case "success":
+      statusEl.classList.add("text-info");
+      break;
+    case "error":
+      statusEl.classList.add("text-critical");
+      break;
+    case "warning":
+      statusEl.classList.add("text-warning-strong");
+      break;
+    default:
+      statusEl.classList.add("text-text");
+      break;
+  }
+}
+
+function clearZapReceipts() {
+  const list = getZapReceiptsList();
+  if (!list) {
+    return;
+  }
+  list.innerHTML = "";
+}
+
+function renderZapReceipts(receipts, { partial = false } = {}) {
+  const list = getZapReceiptsList();
+  if (!list) {
+    return;
+  }
+
+  list.innerHTML = "";
+
+  const doc = list.ownerDocument || (typeof document !== "undefined" ? document : null);
+
+  if (!Array.isArray(receipts) || receipts.length === 0) {
+    if (partial) {
+      const emptyItem = doc?.createElement?.("li");
+      emptyItem.className =
+        "rounded border border-border bg-overlay-panel-soft p-3 text-text";
+      emptyItem.textContent = "No receipts were returned for this attempt.";
+      list.appendChild(emptyItem);
+    }
+    return;
+  }
+
+  receipts.forEach((receipt) => {
+    if (!receipt) {
+      return;
+    }
+
+    const li = doc?.createElement?.("li");
+    if (!li) {
+      return;
+    }
+    li.className = "rounded border border-border bg-overlay-panel-soft p-3";
+
+    const header = doc?.createElement?.("div");
+    if (!header) {
+      return;
+    }
+    header.className =
+      "flex items-center justify-between text-xs font-semibold uppercase tracking-wide text-text";
+
+    const shareType = receipt.recipientType || receipt.type || "creator";
+    const shareLabel = doc?.createElement?.("span");
+    shareLabel.textContent = `${describeShareType(shareType)} • ${Math.max(
+      0,
+      Math.round(Number(receipt.amount || 0))
+    )} sats`;
+
+    const status = doc?.createElement?.("span");
+    if (!shareLabel || !status) {
+      return;
+    }
+    const isSuccess = receipt.status
+      ? receipt.status === "success"
+      : !receipt.error;
+    status.textContent = isSuccess ? "Success" : "Failed";
+    status.className = isSuccess ? "text-info" : "text-critical";
+
+    header.appendChild(shareLabel);
+    header.appendChild(status);
+    li.appendChild(header);
+
+    const address = doc?.createElement?.("p");
+    if (address) {
+      address.className = "mt-1 text-xs text-text break-all";
+    }
+    const addressValue = receipt.address || "";
+    if (address && addressValue) {
+      address.textContent = addressValue;
+      li.appendChild(address);
+    }
+
+    const detail = doc?.createElement?.("p");
+    if (!detail) {
+      return;
+    }
+    detail.className = "mt-2 text-xs text-muted";
+    if (isSuccess) {
+      let detailMessage = "Invoice settled.";
+      const preimage = receipt.payment?.result?.preimage;
+      if (typeof preimage === "string" && preimage) {
+        detailMessage = `Preimage: ${preimage.slice(0, 18)}${
+          preimage.length > 18 ? "…" : ""
+        }`;
+      }
+      detail.textContent = detailMessage;
+    } else {
+      const errorMessage =
+        (receipt.error && receipt.error.message) ||
+        (typeof receipt.error === "string" ? receipt.error : "Payment failed.");
+      detail.textContent = errorMessage;
+    }
+    li.appendChild(detail);
+
+    list.appendChild(li);
+  });
+}
+
+function resetZapRetryState() {
+  pendingZapRetry = null;
+  const zapButton = getChannelZapButton();
+  if (zapButton) {
+    delete zapButton.dataset.retryPending;
+    zapButton.setAttribute("aria-label", "Open zap dialog");
+    zapButton.title = "Open zap dialog";
+  }
+  const sendButton = getZapSendButton();
+  if (sendButton) {
+    delete sendButton.dataset.retryPending;
+    sendButton.textContent = "Send";
+    sendButton.setAttribute("aria-label", "Send a zap");
+    sendButton.removeAttribute("title");
+  }
+}
+
+function setZapCompleted(completed) {
+  const sendButton = getZapSendButton();
+  if (!sendButton) {
+    return;
+  }
+
+  if (completed) {
+    delete sendButton.dataset.retryPending;
+    sendButton.dataset.completed = "true";
+    sendButton.textContent = "Done";
+    sendButton.setAttribute("aria-label", "Close zap dialog");
+    sendButton.title = "Close zap dialog";
+  } else {
+    delete sendButton.dataset.completed;
+    if (!sendButton.dataset.retryPending) {
+      sendButton.textContent = "Send";
+      sendButton.setAttribute("aria-label", "Send a zap");
+      sendButton.removeAttribute("title");
+    }
+  }
+}
+
+function markZapRetryPending(shares) {
+  const validShares = Array.isArray(shares)
+    ? shares.filter((share) => share && share.amount > 0)
+    : [];
+  if (!validShares.length) {
+    resetZapRetryState();
+    return;
+  }
+
+  pendingZapRetry = { shares: validShares, createdAt: Date.now() };
+  const zapButton = getChannelZapButton();
+  if (zapButton) {
+    zapButton.dataset.retryPending = "true";
+    zapButton.setAttribute("aria-label", "Retry failed zap shares");
+    zapButton.title = "Retry failed zap shares";
+  }
+  const sendButton = getZapSendButton();
+  if (sendButton) {
+    sendButton.dataset.retryPending = "true";
+    sendButton.textContent = "Retry";
+    sendButton.setAttribute("aria-label", "Retry failed zap shares");
+    sendButton.title = "Retry failed zap shares";
+  }
+}
+
+function getZapVideoEvent() {
+  const lightningAddress = currentChannelLightningAddress || "";
+  const baseEvent =
+    currentChannelProfileEvent && typeof currentChannelProfileEvent === "object"
+      ? { ...currentChannelProfileEvent }
+      : {};
+  return {
+    kind: typeof baseEvent.kind === "number" ? baseEvent.kind : 0,
+    id: baseEvent.id || currentChannelHex || "",
+    pubkey: baseEvent.pubkey || currentChannelHex || "",
+    tags: Array.isArray(baseEvent.tags) ? [...baseEvent.tags] : [],
+    content: typeof baseEvent.content === "string" ? baseEvent.content : "",
+    created_at: baseEvent.created_at || Math.floor(Date.now() / 1000),
+    lightningAddress
+  };
+}
+
+async function prepareLightningContext({ amount, overrideFee = null }) {
+  if (!currentChannelLightningAddress) {
+    throw new Error("This creator has not configured a Lightning address yet.");
+  }
+
+  const shares = calculateZapShares(amount, overrideFee);
+  if (!shares.total) {
+    throw new Error("Enter a zap amount greater than zero.");
+  }
+
+  const creatorEntry = await fetchLightningMetadata(
+    currentChannelLightningAddress
+  );
+  if (shares.creatorShare > 0) {
+    try {
+      validateInvoiceAmount(creatorEntry.metadata, shares.creatorShare);
+    } catch (error) {
+      const detail = error?.message || "Unable to validate creator share.";
+      throw new Error(`Creator share error: ${detail}`);
+    }
+  }
+
+  let platformEntry = null;
+  let platformAddress = "";
+  if (shares.platformShare > 0) {
+    platformAddress = getCachedPlatformLightningAddress();
+    if (!platformAddress) {
+      platformAddress = await getPlatformLightningAddress({
+        forceRefresh: false
+      });
+      setCachedPlatformLightningAddress(platformAddress || "");
+    }
+    if (!platformAddress) {
+      throw new Error("Platform Lightning address is unavailable.");
+    }
+
+    platformEntry = await fetchLightningMetadata(platformAddress);
+    try {
+      validateInvoiceAmount(platformEntry.metadata, shares.platformShare);
+    } catch (error) {
+      const detail = error?.message || "Unable to validate platform share.";
+      throw new Error(`Platform share error: ${detail}`);
+    }
+  }
+
+  updateZapSplitSummary();
+
+  return {
+    shares,
+    creatorEntry,
+    platformEntry,
+    platformAddress
+  };
+}
+
+function createZapDependencies({
+  creatorEntry,
+  platformEntry,
+  shares,
+  shareTracker,
+  walletSettings
+}) {
+  const creatorKey = normalizeLightningAddressKey(
+    creatorEntry?.address || currentChannelLightningAddress
+  );
+  const platformKey = normalizeLightningAddressKey(
+    platformEntry?.address || getCachedPlatformLightningAddress()
+  );
+
+  let activeShare = null;
+
+  return {
+    lnurl: {
+      resolveLightningAddress: (value) => {
+        const normalized = normalizeLightningAddressKey(value);
+        if (normalized && normalized === creatorKey) {
+          activeShare = "creator";
+          if (creatorEntry?.resolved) {
+            return { ...creatorEntry.resolved };
+          }
+        } else if (normalized && normalized === platformKey) {
+          activeShare = "platform";
+          if (platformEntry?.resolved) {
+            return { ...platformEntry.resolved };
+          }
+        } else {
+          activeShare = null;
+        }
+
+        const resolved = resolveLightningAddress(value);
+        if (normalized) {
+          rememberLightningMetadata({
+            key: normalized,
+            address: resolved.address || value,
+            resolved,
+            fetchedAt: Date.now()
+          });
+        }
+        return resolved;
+      },
+      fetchPayServiceData: async (url) => {
+        const cached = getCachedMetadataByUrl(url);
+        if (cached?.metadata && isMetadataEntryFresh(cached)) {
+          return cached.metadata;
+        }
+
+        const metadata = await fetchPayServiceData(url);
+        if (cached) {
+          rememberLightningMetadata({
+            ...cached,
+            metadata,
+            fetchedAt: Date.now()
+          });
+        }
+        return metadata;
+      },
+      validateInvoiceAmount,
+      requestInvoice
+    },
+    wallet: {
+      ensureWallet: async (options) => {
+        try {
+          return await ensureWallet(options);
+        } catch (error) {
+          logZapError(
+            "wallet.ensureWallet",
+            {
+              tracker: shareTracker,
+              context: { shares },
+              walletSettings: options?.settings
+            },
+            error
+          );
+          throw error;
+        }
+      },
+      sendPayment: async (bolt11, params) => {
+        const shareType = activeShare || "unknown";
+        const shareAmount =
+          shareType === "platform" ? shares.platformShare : shares.creatorShare;
+        const address =
+          shareType === "platform"
+            ? platformEntry?.address || getCachedPlatformLightningAddress()
+            : creatorEntry?.address || currentChannelLightningAddress;
+        const normalizedParams = {
+          ...(params || {})
+        };
+        if (
+          !Number.isFinite(normalizedParams.amountSats) &&
+          Number.isFinite(shareAmount)
+        ) {
+          normalizedParams.amountSats = shareAmount;
+        }
+        if (!normalizedParams.settings && walletSettings) {
+          normalizedParams.settings = walletSettings;
+        }
+        try {
+          const payment = await sendWalletPayment(bolt11, normalizedParams);
+          if (Array.isArray(shareTracker)) {
+            shareTracker.push({
+              type: shareType,
+              status: "success",
+              amount: shareAmount,
+              address,
+              payment
+            });
+          }
+          return payment;
+        } catch (error) {
+          const allowanceExhausted = isZapAllowanceExhaustedError(error);
+          if (allowanceExhausted) {
+            error.__zapAllowanceExhausted = true;
+          }
+          if (Array.isArray(shareTracker)) {
+            shareTracker.push({
+              type: shareType,
+              status: "error",
+              amount: shareAmount,
+              address,
+              error,
+              allowanceExhausted
+            });
+          }
+          if (
+            typeof error?.message === "string" &&
+            error.message.toLowerCase().includes("timed out")
+          ) {
+            try {
+              resetWalletClient();
+            } catch (resetError) {
+              devLogger?.warn?.(
+                "[zap] Failed to reset wallet client after timeout",
+                resetError
+              );
+            }
+          }
+          logZapError(
+            "wallet.sendPayment",
+            {
+              shareType,
+              amount: shareAmount,
+              address,
+              tracker: shareTracker,
+              context: { shares }
+            },
+            error
+          );
+          throw error;
+        } finally {
+          activeShare = null;
+        }
+      }
+    },
+    platformAddress: {
+      getPlatformLightningAddress: async () => {
+        if (platformEntry?.address) {
+          return platformEntry.address;
+        }
+        const cachedAddress = getCachedPlatformLightningAddress();
+        if (cachedAddress) {
+          return cachedAddress;
+        }
+        const fallback = await getPlatformLightningAddress({
+          forceRefresh: false
+        });
+        setCachedPlatformLightningAddress(fallback || "");
+        return fallback;
+      }
+    }
+  };
+}
+
+function getWalletSettingsOrPrompt() {
+  const app = getApp();
+  const settings =
+    typeof app?.getActiveNwcSettings === "function"
+      ? app.getActiveNwcSettings()
+      : {};
+  const normalizedUri =
+    typeof settings?.nwcUri === "string" ? settings.nwcUri.trim() : "";
+  if (!normalizedUri) {
+    app?.showError?.("Connect a Lightning wallet to send zaps.");
+    if (typeof app?.openWalletPane === "function") {
+      app.openWalletPane();
+    }
+    return null;
+  }
+  return {
+    ...settings,
+    nwcUri: normalizedUri
+  };
+}
+
+async function runZapAttempt({ amount, overrideFee = null, walletSettings }) {
+  const settings = walletSettings || getWalletSettingsOrPrompt();
+  if (!settings) {
+    return null;
+  }
+
+  let context;
+  try {
+    context = await prepareLightningContext({ amount, overrideFee });
+  } catch (error) {
+    logZapError(
+      "prepareLightningContext",
+      {
+        amount,
+        overrideFee,
+        walletSettings: settings
+      },
+      error
+    );
+    throw error;
+  }
+  const shareTracker = [];
+  const dependencies = createZapDependencies({
+    ...context,
+    shareTracker,
+    walletSettings: settings
+  });
+  const videoEvent = getZapVideoEvent();
+
+  let previousOverride;
+  const hasGlobal = typeof globalThis !== "undefined";
+  if (
+    hasGlobal &&
+    typeof overrideFee === "number" &&
+    Number.isFinite(overrideFee)
+  ) {
+    previousOverride = globalThis.__BITVID_PLATFORM_FEE_OVERRIDE__;
+    globalThis.__BITVID_PLATFORM_FEE_OVERRIDE__ = overrideFee;
+  }
+
+  try {
+    const result = await splitAndZap(
+      {
+        videoEvent,
+        amountSats: context.shares.total,
+        walletSettings: settings
+      },
+      dependencies
+    );
+    return { context, result, shareTracker };
+  } catch (error) {
+    if (Array.isArray(shareTracker) && shareTracker.length) {
+      error.__zapShareTracker = shareTracker;
+    }
+    logZapError(
+      "splitAndZap",
+      {
+        amount,
+        overrideFee,
+        walletSettings: settings,
+        context,
+        tracker: shareTracker
+      },
+      error
+    );
+    throw error;
+  } finally {
+    if (
+      hasGlobal &&
+      typeof overrideFee === "number" &&
+      Number.isFinite(overrideFee)
+    ) {
+      if (typeof previousOverride === "number") {
+        globalThis.__BITVID_PLATFORM_FEE_OVERRIDE__ = previousOverride;
+      } else if (
+        globalThis &&
+        "__BITVID_PLATFORM_FEE_OVERRIDE__" in globalThis
+      ) {
+        delete globalThis.__BITVID_PLATFORM_FEE_OVERRIDE__;
+      }
+    }
+  }
+}
+
+function handleZapAmountChange() {
+  resetZapRetryState();
+  setZapCompleted(false);
+  updateZapSplitSummary();
+}
+
+async function executePendingRetry({ walletSettings }) {
+  const retryState = pendingZapRetry;
+  const shares = Array.isArray(retryState?.shares) ? retryState.shares : [];
+  if (!shares.length) {
+    resetZapRetryState();
+    return;
+  }
+
+  const app = getApp();
+  const summary = shares
+    .map((share) => `${describeShareType(share.type)} ${share.amount} sats`)
+    .join(", ");
+  setZapStatus(`Retrying failed share(s): ${summary}`, "warning");
+  clearZapReceipts();
+
+  const aggregatedReceipts = [];
+  const aggregatedTracker = [];
+
+  for (const share of shares) {
+    const overrideFee = share.type === "platform" ? 100 : 0;
+    try {
+      const attempt = await runZapAttempt({
+        amount: share.amount,
+        overrideFee,
+        walletSettings
+      });
+      if (!attempt) {
+        setZapStatus("", "neutral");
+        return;
+      }
+      if (attempt?.result?.receipts) {
+        aggregatedReceipts.push(...attempt.result.receipts);
+      } else if (Array.isArray(attempt?.shareTracker)) {
+        aggregatedTracker.push(...attempt.shareTracker);
+      }
+    } catch (error) {
+      const tracker = Array.isArray(error?.__zapShareTracker)
+        ? error.__zapShareTracker
+        : [];
+      logZapError(
+        "retry.share",
+        {
+          shareType: share?.type || "unknown",
+          amount: share?.amount,
+          address: share?.address,
+          walletSettings,
+          tracker
+        },
+        error
+      );
+      if (tracker.length) {
+        aggregatedTracker.push(...tracker);
+      }
+      const failureShares = tracker.filter(
+        (entry) => entry && entry.status !== "success" && entry.amount > 0
+      );
+      markZapRetryPending(failureShares.length ? failureShares : [share]);
+      const message = error?.message || "Retry failed.";
+      setZapStatus(message, "error");
+      app?.showError?.(message);
+      renderZapReceipts(
+        aggregatedTracker.length ? aggregatedTracker : tracker,
+        {
+          partial: true
+        }
+      );
+      return;
+    }
+  }
+
+  renderZapReceipts(
+    aggregatedReceipts.length ? aggregatedReceipts : aggregatedTracker,
+    { partial: false }
+  );
+  setZapStatus("Retry completed successfully.", "success");
+  app?.showSuccess?.("Failed shares retried successfully.");
+  resetZapRetryState();
+}
+
+function handleZapButtonClick(event) {
+  if (event) {
+    event.preventDefault();
+    if (typeof event.stopPropagation === "function") {
+      event.stopPropagation();
+    }
+  }
+
+  const zapButton = getChannelZapButton();
+  if (!zapButton) {
+    return;
+  }
+
+  const requiresLogin = zapButton.dataset?.requiresLogin === "true";
+
+  if (requiresLogin || isSessionActorWithoutLogin()) {
+    channelZapPendingOpen = true;
+    const doc =
+      zapButton?.ownerDocument ||
+      (typeof document !== "undefined" ? document : null);
+    showLoginRequiredToZapNotification({ document: doc });
+    return;
+  }
+
+  channelZapPendingOpen = false;
+
+  if (!zapPopover || zapPopoverTrigger !== zapButton) {
+    setupZapButton({ force: true });
+  }
+
+  if (!zapPopover) {
+    return;
+  }
+
+  if (zapPopoverOpenPromise) {
+    zapShouldFocusOnOpen = true;
+    return;
+  }
+
+  const popoverIsOpen = isZapControlsOpen();
+
+  if (!popoverIsOpen) {
+    openZapControls({ focus: true });
+    return;
+  }
+
+  if (zapInFlight) {
+    return;
+  }
+
+  closeZapControls({ focusButton: true });
+}
+
+async function handleZapSend(event) {
+  if (event?.preventDefault) {
+    event.preventDefault();
+  }
+
+  const zapButton = getChannelZapButton();
+  const amountInput = getZapAmountInput();
+  const sendButton = getZapSendButton();
+  const app = getApp();
+
+  if (!amountInput || !sendButton) {
+    return;
+  }
+
+  if (sendButton.dataset.completed === "true") {
+    closeZapControls({ focusButton: true });
+    return;
+  }
+
+  if (!zapPopover || zapPopoverTrigger !== zapButton) {
+    setupZapButton({ force: true });
+  }
+
+  if (!isZapControlsOpen()) {
+    if (zapPopoverOpenPromise) {
+      zapShouldFocusOnOpen = true;
+      return;
+    }
+    openZapControls({ focus: true });
+    return;
+  }
+
+  if (zapPopoverOpenPromise) {
+    return;
+  }
+
+  if (!zapPopover) {
+    return;
+  }
+
+  if (!currentChannelLightningAddress) {
+    const message = "This creator has not configured a Lightning address yet.";
+    setZapStatus(message, "error");
+    app?.showError?.(message);
+    return;
+  }
+
+  if (zapInFlight) {
+    return;
+  }
+
+  const walletSettings = getWalletSettingsOrPrompt();
+  if (!walletSettings) {
+    return;
+  }
+
+  zapInFlight = true;
+  if (zapButton) {
+    zapButton.disabled = true;
+    zapButton.setAttribute("aria-disabled", "true");
+  }
+  sendButton.disabled = true;
+  sendButton.setAttribute("aria-busy", "true");
+  sendButton.dataset.state = "loading";
+  amountInput.disabled = true;
+
+  let attemptedAmount = null;
+  try {
+    if (pendingZapRetry?.shares?.length) {
+      await executePendingRetry({ walletSettings });
+      return;
+    }
+
+    const amount = Math.max(0, Math.round(Number(amountInput.value || 0)));
+    attemptedAmount = amount;
+    if (!amount) {
+      const message = "Enter a zap amount greater than zero.";
+      setZapStatus(message, "error");
+      app?.showError?.(message);
+      return;
+    }
+
+    clearZapReceipts();
+    setZapStatus(`Sending ${amount} sats…`, "warning");
+
+    const attempt = await runZapAttempt({ amount, walletSettings });
+    if (!attempt) {
+      setZapStatus("", "neutral");
+      return;
+    }
+
+    const { context, result } = attempt;
+    const receipts = Array.isArray(result?.receipts) ? result.receipts : [];
+
+    const failureReceipts = receipts.filter((receipt) => {
+      if (!receipt || typeof receipt !== "object") {
+        return false;
+      }
+      if (typeof receipt.status === "string" && receipt.status !== "success") {
+        return true;
+      }
+      return Boolean(receipt.error);
+    });
+
+    if (failureReceipts.length) {
+      renderZapReceipts(receipts, { partial: true });
+
+      const failureShares = failureReceipts
+        .map((receipt) => {
+          const amount = Math.max(0, Math.round(Number(receipt.amount) || 0));
+          return {
+            type: receipt.recipientType || receipt.type || "creator",
+            amount,
+            address:
+              typeof receipt.address === "string" && receipt.address
+                ? receipt.address
+                : undefined,
+            error: receipt.error
+          };
+        })
+        .filter((share) => share.amount > 0);
+
+      if (failureShares.length) {
+        markZapRetryPending(failureShares);
+      }
+
+      const shareSummary = failureShares
+        .map((share) => `${describeShareType(share.type)} ${share.amount} sats`)
+        .join(", ");
+
+      const failureMessage = failureReceipts
+        .map((receipt) => {
+          if (typeof receipt?.error?.message === "string") {
+            return receipt.error.message;
+          }
+          if (typeof receipt?.error === "string") {
+            return receipt.error;
+          }
+          return "";
+        })
+        .find((message) => message);
+
+      const budgetReceipt = failureReceipts.find((receipt) =>
+        isZapAllowanceExhaustedError(receipt?.error)
+      );
+      const isBudgetExceeded =
+        Boolean(budgetReceipt) ||
+        (typeof failureMessage === "string" && /budget exceeded/i.test(failureMessage));
+
+      let warningMessage;
+      if (isBudgetExceeded) {
+        warningMessage =
+          "Budget exceeded. Increase your wallet zap limit or reduce the platform fee, then retry the remaining shares.";
+      } else if (failureMessage) {
+        warningMessage = failureMessage;
+      } else {
+        warningMessage =
+          "Some zap shares failed. Press Send again to retry the remaining shares.";
+      }
+
+      if (shareSummary) {
+        const normalized = warningMessage.replace(/\.*$/, "");
+        warningMessage = `${normalized}. Remaining share(s): ${shareSummary}.`;
+      }
+
+      setZapStatus(warningMessage, "warning");
+      app?.showError?.(warningMessage);
+      return;
+    }
+
+    renderZapReceipts(receipts, { partial: false });
+
+    const creatorShare = context.shares.creatorShare;
+    const platformShare = context.shares.platformShare;
+    const summary = platformShare
+      ? `Sent ${context.shares.total} sats (creator ${creatorShare}, platform ${platformShare}).`
+      : `Sent ${context.shares.total} sats to the creator.`;
+    setZapStatus(summary, "success");
+    app?.showSuccess?.("Zap sent successfully!");
+    resetZapRetryState();
+    setZapCompleted(true);
+  } catch (error) {
+    const tracker = Array.isArray(error?.__zapShareTracker)
+      ? error.__zapShareTracker
+      : [];
+    logZapError(
+      "handleZapSend",
+      {
+        amount: attemptedAmount,
+        walletSettings,
+        tracker,
+        retryAttempt:
+          Array.isArray(pendingZapRetry?.shares) &&
+          pendingZapRetry.shares.length
+            ? pendingZapRetry.shares.length
+            : undefined
+      },
+      error
+    );
+    if (tracker.length) {
+      renderZapReceipts(tracker, { partial: true });
+    }
+
+    const failureShares = tracker.filter(
+      (entry) => entry && entry.status !== "success" && entry.amount > 0
+    );
+    const allowanceExhausted =
+      isZapAllowanceExhaustedError(error) ||
+      failureShares.some((share) =>
+        isZapAllowanceExhaustedError(share?.error)
+      );
+    if (allowanceExhausted) {
+      resetZapRetryState();
+    }
+
+    if (failureShares.length) {
+      if (allowanceExhausted) {
+        const allowanceShare = failureShares.find((share) =>
+          isZapAllowanceExhaustedError(share?.error)
+        );
+        const allowanceMessage = buildZapAllowanceExhaustedMessage(
+          isZapAllowanceExhaustedError(error) ? error : allowanceShare?.error
+        );
+        const partialSuccess = tracker.length > failureShares.length;
+        const tone = partialSuccess ? "warning" : "error";
+        const statusMessage = partialSuccess
+          ? `Some zap shares succeeded before your wallet allowance was exhausted. ${allowanceMessage}`
+          : allowanceMessage;
+        setZapStatus(statusMessage, tone);
+        app?.showError?.(statusMessage);
+      } else {
+        markZapRetryPending(failureShares);
+        const summary = failureShares
+          .map((share) => `${describeShareType(share.type)} ${share.amount} sats`)
+          .join(", ");
+        const tone = tracker.length > failureShares.length ? "warning" : "error";
+        const statusMessage =
+          tracker.length > failureShares.length
+            ? `Partial zap failure. Press Send again to retry: ${summary}.`
+            : `Zap failed. Press Send again to retry: ${summary}.`;
+        setZapStatus(statusMessage, tone);
+        app?.showError?.(error?.message || statusMessage);
+      }
+    } else {
+      resetZapRetryState();
+      if (allowanceExhausted) {
+        const allowanceMessage = buildZapAllowanceExhaustedMessage(error);
+        setZapStatus(allowanceMessage, "error");
+        app?.showError?.(allowanceMessage);
+      } else {
+        const message = error?.message || "Zap failed. Please try again.";
+        setZapStatus(message, "error");
+        app?.showError?.(message);
+      }
+    }
+  } finally {
+    zapInFlight = false;
+    if (zapButton) {
+      zapButton.disabled = false;
+      zapButton.removeAttribute("aria-disabled");
+    }
+    sendButton.disabled = false;
+    sendButton.removeAttribute("aria-busy");
+    delete sendButton.dataset.state;
+    amountInput.disabled = false;
+  }
+}
+
+function buildChannelShareUrl() {
+  if (!currentChannelNpub) {
+    return "";
+  }
+
+  const app = getApp();
+  const base =
+    typeof app?.getShareUrlBase === "function" ? app.getShareUrlBase() : "";
+  if (base) {
+    return `${base}#view=channel-profile&npub=${encodeURIComponent(currentChannelNpub)}`;
+  }
+
+  try {
+    const url = new URL(window.location.href);
+    url.search = "";
+    url.hash = `#view=channel-profile&npub=${currentChannelNpub}`;
+    return url.toString();
+  } catch (error) {
+    userLogger.warn("Falling back to basic channel share URL:", error);
+    const origin = window.location?.origin || "";
+    const pathname = window.location?.pathname || "";
+    if (!origin && !pathname) {
+      return "";
+    }
+    return `${origin}${pathname}#view=channel-profile&npub=${currentChannelNpub}`;
+  }
+}
+
+function syncChannelShareButtonState() {
+  const shareBtn = getChannelShareButton();
+  if (!shareBtn) {
+    return;
+  }
+  const hasNpub = typeof currentChannelNpub === "string" && currentChannelNpub;
+  shareBtn.disabled = !hasNpub;
+  shareBtn.setAttribute("aria-disabled", (!hasNpub).toString());
+  shareBtn.classList.toggle("opacity-50", !hasNpub);
+  shareBtn.classList.toggle("cursor-not-allowed", !hasNpub);
+}
+
+function setupChannelShareButton() {
+  const shareBtn = getChannelShareButton();
+  if (!shareBtn) {
+    return;
+  }
+
+  const app = getApp();
+
+  syncChannelShareButtonState();
+
+  if (shareBtn.dataset.initialized === "true") {
+    return;
+  }
+
+  shareBtn.addEventListener("click", () => {
+    const shareUrl = buildChannelShareUrl();
+    if (!shareUrl) {
+      app?.showError?.("Could not generate channel link.");
+      return;
+    }
+
+    navigator.clipboard
+      .writeText(shareUrl)
+      .then(() => app?.showSuccess?.("Channel link copied to clipboard!"))
+      .catch(() => app?.showError?.("Failed to copy the link."));
+  });
+
+  shareBtn.dataset.initialized = "true";
+}
+
+function resolveChannelHexForControls() {
+  const normalized = normalizeHex(currentChannelHex);
+  if (normalized) {
+    return normalized;
+  }
+  return decodeNpubToHex(currentChannelNpub);
+}
+
+function setupChannelMessageControls() {
+  const doc = typeof document !== "undefined" ? document : null;
+  const messageBtn = doc?.getElementById("channelMessageBtn") || null;
+
+  if (!messageBtn) {
+    return;
+  }
+
+  const channelHex = resolveChannelHexForControls();
+  if (!channelHex) {
+    devLogger.warn("[ChannelProfile] Unable to resolve channel hex for controls.");
+  }
+
+  if (messageBtn) {
+    if (messageBtn.dataset.initialized !== "true") {
+      messageBtn.addEventListener("click", () => {
+        const app = getApp();
+        const resolvedHex = resolveChannelHexForControls();
+        if (!resolvedHex) {
+          app?.showError?.("Unable to resolve channel messages.");
+          userLogger.warn("Channel message clicked without a valid channel hex.");
+          return;
+        }
+
+        if (typeof app?.openDirectMessageComposer === "function") {
+          app.openDirectMessageComposer({
+            recipientPubkey: resolvedHex,
+            source: "channel-profile",
+          });
+          return;
+        }
+
+        const controller = app?.profileController;
+        if (!controller) {
+          app?.showError?.("Messages are unavailable right now.");
+          userLogger.warn(
+            "Profile controller unavailable for channel messages."
+          );
+          return;
+        }
+
+        if (typeof controller.handleActiveDmIdentityChanged === "function") {
+          controller.handleActiveDmIdentityChanged(resolvedHex);
+        } else {
+          userLogger.warn(
+            "Profile controller missing handleActiveDmIdentityChanged."
+          );
+        }
+
+        if (typeof controller.show === "function") {
+          controller.show("messages");
+        } else {
+          app?.showError?.("Messages are unavailable right now.");
+          userLogger.warn("Profile controller missing show() for messages.");
+        }
+      });
+      messageBtn.dataset.initialized = "true";
+    }
+  }
+}
+
+function setupChannelMoreMenu() {
+  const doc = typeof document !== "undefined" ? document : null;
+  const moreBtn = doc?.getElementById("channelMoreBtn") || null;
+
+  if (!moreBtn) {
+    if (channelMenuPopover?.destroy) {
+      channelMenuPopover.destroy();
+    }
+    channelMenuPopover = null;
+    cachedChannelMenu = null;
+    channelMenuOpen = false;
+    return;
+  }
+
+  if (channelMenuPopover?.destroy) {
+    channelMenuPopover.destroy();
+    channelMenuPopover = null;
+  }
+
+  const documentRef =
+    moreBtn.ownerDocument || (typeof document !== "undefined" ? document : null);
+
+  const render = ({ document: docRef }) => {
+    const panel = createChannelProfileMenuPanel({
+      document: docRef,
+      context: "channel-profile",
+    });
+
+    if (!panel) {
+      return null;
+    }
+
+    panel.id = "channelProfileMoreMenu";
+    panel.dataset.state = panel.dataset.state || "closed";
+    panel.setAttribute("aria-hidden", "true");
+    panel.hidden = true;
+
+    cachedChannelMenu = panel;
+
+    const buttons = panel.querySelectorAll("button[data-action]");
+    buttons.forEach((button) => {
+      if (button.dataset.channelMenuBound === "true") {
+        return;
+      }
+      button.dataset.channelMenuBound = "true";
+      button.addEventListener("click", async (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+
+        const dataset = {};
+        Object.entries(button.dataset || {}).forEach(([key, value]) => {
+          if (key === "channelMenuBound") {
+            return;
+          }
+          dataset[key] = value;
+        });
+        if (!dataset.context) {
+          dataset.context = "channel-profile";
+        }
+        if (!dataset.author && currentChannelHex) {
+          dataset.author = currentChannelHex;
+        }
+        if (!dataset.npub && currentChannelNpub) {
+          dataset.npub = currentChannelNpub;
+        }
+
+        const action = dataset.action || "";
+        try {
+          await handleChannelMenuAction(action, dataset);
+        } finally {
+          channelMenuPopover?.close();
+        }
+      });
+    });
+
+    updateChannelMenuState();
+
+    return panel;
+  };
+
+  const popover = createPopover(moreBtn, render, {
+    document: documentRef,
+    placement: "bottom-end",
+    restoreFocusOnClose: true,
+  });
+
+  if (!popover) {
+    return;
+  }
+
+  const originalOpen = popover.open?.bind(popover);
+  if (originalOpen) {
+    popover.open = async (...args) => {
+      const result = await originalOpen(...args);
+      if (result) {
+        channelMenuOpen = true;
+        const panel = getChannelMenuElement();
+        if (panel) {
+          panel.dataset.state = "open";
+          panel.hidden = false;
+          panel.setAttribute("aria-hidden", "false");
+        }
+        moreBtn.setAttribute("aria-expanded", "true");
+      }
+      return result;
+    };
+  }
+
+  const originalClose = popover.close?.bind(popover);
+  if (originalClose) {
+    popover.close = (options = {}) => {
+      const wasOpen = typeof popover.isOpen === "function" && popover.isOpen();
+      const result = originalClose(options);
+      if (wasOpen && result) {
+        channelMenuOpen = false;
+        const panel = getChannelMenuElement();
+        if (panel) {
+          panel.dataset.state = "closed";
+          panel.hidden = true;
+          panel.setAttribute("aria-hidden", "true");
+        }
+        moreBtn.setAttribute("aria-expanded", "false");
+      }
+      return result;
+    };
+  }
+
+  const originalDestroy = popover.destroy?.bind(popover);
+  if (originalDestroy) {
+    popover.destroy = (...args) => {
+      originalDestroy(...args);
+      if (channelMenuPopover === popover) {
+        channelMenuPopover = null;
+      }
+      channelMenuOpen = false;
+      cachedChannelMenu = null;
+    };
+  }
+
+  channelMenuPopover = popover;
+
+  if (moreBtn.dataset.initialized !== "true") {
+    moreBtn.addEventListener("click", (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      if (!channelMenuPopover) {
+        return;
+      }
+      channelMenuPopover.toggle();
+    });
+    moreBtn.dataset.initialized = "true";
+  }
+
+  moreBtn.setAttribute("aria-expanded", "false");
+}
+
+async function handleChannelMenuAction(action, dataset = {}) {
+  const normalized = typeof action === "string" ? action.trim() : "";
+  if (!normalized) {
+    return;
+  }
+
+  const detail = { ...dataset };
+  if (!detail.context) {
+    detail.context = "channel-profile";
+  }
+  if (!detail.author && currentChannelHex) {
+    detail.author = currentChannelHex;
+  }
+  if (!detail.npub && currentChannelNpub) {
+    detail.npub = currentChannelNpub;
+  }
+
+  const app = getApp();
+
+  try {
+    await app?.handleMoreMenuAction?.(normalized, detail);
+  } catch (error) {
+    userLogger.error("Failed to handle channel menu action:", error);
+  }
+}
+
+async function updateChannelMenuState() {
+  const menu = getChannelMenuElement();
+  if (!menu) {
+    return;
+  }
+
+  const app = getApp();
+
+  try {
+    await accessControl.ensureReady();
+  } catch (error) {
+    userLogger.warn("Failed to refresh moderation lists for channel menu:", error);
+  }
+
+  try {
+    await moderationService.ensureViewerMuteListLoaded();
+  } catch (error) {
+    userLogger.warn("Failed to refresh viewer mute list for channel menu:", error);
+  }
+
+  const canBlacklist =
+    typeof app?.canCurrentUserManageBlacklist === "function"
+      ? app.canCurrentUserManageBlacklist()
+      : false;
+
+  const buttons = menu.querySelectorAll("button[data-action]");
+  const toggleButtonVisibility = (button, shouldShow) => {
+    if (!button) {
+      return;
+    }
+    if (shouldShow) {
+      button.removeAttribute("hidden");
+      button.setAttribute("aria-hidden", "false");
+    } else {
+      button.setAttribute("hidden", "");
+      button.setAttribute("aria-hidden", "true");
+    }
+  };
+
+  buttons.forEach((button) => {
+    if (!button || button.nodeType !== 1) {
+      return;
+    }
+
+    const action = button.dataset.action || "";
+    if (action === "copy-npub") {
+      if (currentChannelNpub) {
+        button.dataset.npub = currentChannelNpub;
+        button.removeAttribute("hidden");
+        button.setAttribute("aria-hidden", "false");
+      } else {
+        delete button.dataset.npub;
+        button.setAttribute("aria-hidden", "true");
+        button.setAttribute("hidden", "");
+      }
+      return;
+    }
+
+    if (action === "block-author") {
+      if (currentChannelHex) {
+        button.dataset.author = currentChannelHex;
+        button.removeAttribute("hidden");
+        button.setAttribute("aria-hidden", "false");
+      } else {
+        delete button.dataset.author;
+        button.setAttribute("aria-hidden", "true");
+        button.setAttribute("hidden", "");
+      }
+      return;
+    }
+
+    if (action === "mute-author" || action === "unmute-author") {
+      if (currentChannelHex) {
+        button.dataset.author = currentChannelHex;
+      } else {
+        delete button.dataset.author;
+      }
+
+      let isMuted = false;
+      if (currentChannelHex) {
+        try {
+          isMuted = moderationService.isAuthorMutedByViewer(currentChannelHex) === true;
+        } catch (error) {
+          userLogger.warn("Failed to resolve viewer mute state for channel menu:", error);
+        }
+      }
+
+      const shouldShow = action === "mute-author" ? !isMuted : isMuted;
+      toggleButtonVisibility(button, shouldShow && !!currentChannelHex);
+      return;
+    }
+
+    if (action === "blacklist-author") {
+      if (canBlacklist && currentChannelHex) {
+        button.dataset.author = currentChannelHex;
+        if (currentChannelNpub) {
+          button.dataset.npub = currentChannelNpub;
+        } else {
+          delete button.dataset.npub;
+        }
+        button.removeAttribute("hidden");
+        button.setAttribute("aria-hidden", "false");
+      } else {
+        delete button.dataset.author;
+        delete button.dataset.npub;
+        button.setAttribute("aria-hidden", "true");
+        button.setAttribute("hidden", "");
+      }
+    }
+  });
+}
+
+/**
+ * Initialize the channel profile view.
+ * Called when #view=channel-profile&npub=...
+ */
+export async function initChannelProfileView() {
+  // 1) Get npub from hash
+  const hashParams = new URLSearchParams(window.location.hash.slice(1));
+  const npub = hashParams.get("npub");
+  if (!npub) {
+    userLogger.error(
+      "No npub found in hash (e.g. #view=channel-profile&npub=...)"
+    );
+    return;
+  }
+
+  const infoTrigger = document.getElementById("channelInfoTrigger");
+  if (infoTrigger) {
+    attachFeedInfoPopover(
+      infoTrigger,
+      "Videos published by this creator."
+    );
+  }
+
+  currentChannelHex = null;
+  currentChannelNpub = null;
+  currentChannelLightningAddress = "";
+  currentChannelProfileEvent = null;
+  currentChannelProfileSnapshot = null;
+  currentChannelProfileHasExplicitPayload = false;
+  setCachedPlatformLightningAddress("");
+  resetZapRetryState();
+  clearZapReceipts();
+  setZapStatus("", "neutral");
+
+  // 2) Decode npub => hex pubkey
+  let hexPub;
+  try {
+    const decoded = window.NostrTools.nip19.decode(npub);
+    if (decoded.type === "npub" && decoded.data) {
+      if (typeof decoded.data === "string") {
+        hexPub = decoded.data;
+      } else {
+        let bufferSource = null;
+        if (decoded.data instanceof Uint8Array) {
+          bufferSource = decoded.data;
+        } else if (Array.isArray(decoded.data)) {
+          bufferSource = Uint8Array.from(decoded.data);
+        } else if (
+          decoded.data?.type === "Buffer" &&
+          Array.isArray(decoded.data?.data)
+        ) {
+          bufferSource = Uint8Array.from(decoded.data.data);
+        }
+
+        if (bufferSource) {
+          if (typeof window?.NostrTools?.utils?.bytesToHex === "function") {
+            hexPub = window.NostrTools.utils.bytesToHex(bufferSource);
+          } else {
+            hexPub = Array.from(bufferSource)
+              .map((byte) => byte.toString(16).padStart(2, "0"))
+              .join("");
+          }
+        }
+      }
+
+      if (typeof hexPub !== "string" || !hexPub) {
+        throw new Error("Unable to normalize npub to hex string.");
+      }
+
+      hexPub = hexPub.trim().toLowerCase();
+    } else {
+      throw new Error("Invalid npub decoding result.");
+    }
+  } catch (err) {
+    userLogger.error("Error decoding npub:", err);
+    return;
+  }
+
+  currentChannelHex = hexPub;
+  currentChannelNpub = npub;
+
+  const app = getApp();
+
+  ensureChannelModerationEvents();
+
+  updateChannelModerationVisuals({ app, pubkey: currentChannelHex });
+
+  setupChannelShareButton();
+  setupChannelMessageControls();
+  setupChannelMoreMenu();
+
+  const initialMenuRefresh = updateChannelMenuState().catch((error) => {
+    userLogger.error("Failed to prepare channel menu state:", error);
+  });
+
+  let subscriptionsTask = null;
+  // 3) Load subscription state when logged in, but always render the toggle UI
+  if (app?.pubkey) {
+    subscriptionsTask = subscriptions
+      .ensureLoaded(app.pubkey)
+      .catch((error) => {
+        userLogger.error("Failed to load subscriptions for channel view:", error);
+      })
+      .finally(() => {
+        renderSubscribeButton(hexPub);
+      });
+  } else {
+    renderSubscribeButton(hexPub);
+  }
+
+  setupZapButton();
+  setChannelZapVisibility(false);
+  syncChannelShareButtonState();
+
+  // 4) Load user’s profile (banner, avatar, etc.) and channel videos
+  const profilePromise = loadUserProfile(hexPub)
+    .then(() => updateChannelMenuState())
+    .catch((error) => {
+      userLogger.error("Failed to load channel profile:", error);
+    })
+    .finally(() => {
+      syncChannelShareButtonState();
+    });
+
+  const videosPromise = loadUserVideos(hexPub).catch((error) => {
+    userLogger.error("Failed to load channel videos:", error);
+  });
+
+  const pendingTasks = [profilePromise, videosPromise];
+  if (initialMenuRefresh) {
+    pendingTasks.push(initialMenuRefresh);
+  }
+  if (subscriptionsTask) {
+    pendingTasks.push(subscriptionsTask);
+  }
+
+  await Promise.allSettled(pendingTasks);
+}
+
+export function __setChannelProfileTestState({ pubkey, npub } = {}) {
+  if (typeof pubkey !== "undefined") {
+    if (typeof pubkey === "string" && pubkey) {
+      currentChannelHex = pubkey;
+    } else {
+      currentChannelHex = null;
+    }
+  }
+
+  if (typeof npub !== "undefined") {
+    if (typeof npub === "string" && npub) {
+      currentChannelNpub = npub;
+    } else {
+      currentChannelNpub = null;
+    }
+  }
+}
+
+export function __ensureChannelModerationEventsForTests() {
+  ensureChannelModerationEvents();
+}
+
+function setupZapButton({ force = false } = {}) {
+  const zapButton = getChannelZapButton();
+  if (!zapButton) {
+    return false;
+  }
+
+  if (!force && zapPopover && zapPopoverTrigger === zapButton) {
+    if (zapButton.dataset.initialized === "true") {
+      return true;
+    }
+  }
+
+  if (zapPopover?.destroy) {
+    zapPopover.destroy();
+    zapPopover = null;
+    zapPopoverTrigger = null;
+    zapPopoverOpenPromise = null;
+    zapShouldFocusOnOpen = false;
+    delete zapButton.dataset.zapPopoverWarmBound;
+  }
+
+  const documentRef =
+    zapButton.ownerDocument ||
+    (typeof document !== "undefined" ? document : null);
+
+  const render = ({ document: doc }) => {
+    if (!doc || typeof doc.createElement !== "function") {
+      return null;
+    }
+
+    const panel = doc.createElement("div");
+    panel.id = "zapControls";
+    panel.className = "popover__panel card w-72 max-w-popover-safe p-4";
+    panel.dataset.variant = "zap";
+    panel.setAttribute("role", "dialog");
+    panel.setAttribute("aria-label", "Channel zap dialog");
+    panel.setAttribute("aria-hidden", "true");
+    panel.dataset.state = panel.dataset.state || "closed";
+    panel.hidden = true;
+
+    panel.innerHTML = `
+      <div class="grid gap-4">
+        <div class="flex items-center justify-between gap-4">
+          <h3 class="text-xs font-semibold uppercase tracking-wide text-muted-strong">
+            Send a zap
+          </h3>
+          <button
+            type="button"
+            id="zapCloseBtn"
+            class="btn-ghost px-2 py-1 text-xs"
+            aria-label="Close zap dialog"
+          >
+            ✕
+          </button>
+        </div>
+        <p
+          id="zapWalletPrompt"
+          class="text-sm text-muted"
+          aria-hidden="true"
+          hidden
+        >
+          Connect a wallet in
+          <button
+            type="button"
+            id="zapWalletLink"
+            class="btn-ghost px-2 py-1 text-xs"
+          >
+            Wallet Connect settings
+          </button>
+          to send zaps.
+        </p>
+        <form id="zapForm" class="bv-stack bv-stack--tight">
+          <div>
+            <label
+              for="zapAmountInput"
+              id="zapAmountLabel"
+              class="mb-2 block text-xs font-semibold uppercase tracking-wide text-muted-strong"
+            >
+              Zap amount (sats)
+            </label>
+            <input
+              id="zapAmountInput"
+              type="number"
+              min="1"
+              step="1"
+              inputmode="numeric"
+              class="input"
+              placeholder="Enter sats"
+              aria-labelledby="zapAmountLabel"
+            />
+          </div>
+          <p
+            id="zapSplitSummary"
+            class="text-sm text-muted"
+            aria-live="polite"
+          >
+            Enter an amount to view the split.
+          </p>
+          <p
+            id="zapStatus"
+            class="text-xs text-muted"
+            role="status"
+            aria-live="polite"
+          ></p>
+          <ul
+            id="zapReceipts"
+            class="space-y-2 text-xs text-muted"
+          ></ul>
+          <div class="flex items-center justify-end gap-2">
+            <button
+              type="submit"
+              id="zapSendBtn"
+              class="btn"
+              aria-label="Send a zap"
+            >
+              Send
+            </button>
+          </div>
+        </form>
+      </div>
+    `;
+
+    cacheZapPanelElements(panel);
+    initializeZapPanel();
+
+    return panel;
+  };
+
+  const popover = createPopover(zapButton, render, {
+    document: documentRef,
+    placement: "bottom-end",
+    restoreFocusOnClose: true,
+    maxWidthToken: "max-w-popover-safe",
+  });
+
+  if (!popover) {
+    zapPopoverOpenPromise = null;
+    zapShouldFocusOnOpen = false;
+    return false;
+  }
+
+  const originalOpen = popover.open?.bind(popover);
+  if (originalOpen) {
+    popover.open = async (...args) => {
+      let result;
+      try {
+        result = await originalOpen(...args);
+      } catch (error) {
+        zapPopoverOpenPromise = null;
+        zapShouldFocusOnOpen = false;
+        throw error;
+      }
+      if (result) {
+        zapControlsOpen = true;
+        const controls = getZapControlsContainer();
+        if (controls) {
+          controls.dataset.state = "open";
+          controls.hidden = false;
+          controls.setAttribute("aria-hidden", "false");
+        }
+        zapButton.setAttribute("aria-expanded", "true");
+        if (zapShouldFocusOnOpen) {
+          focusZapAmountField();
+        }
+      }
+      zapShouldFocusOnOpen = false;
+      return result;
+    };
+  }
+
+  const originalClose = popover.close?.bind(popover);
+  if (originalClose) {
+    popover.close = (options = {}) => {
+      const wasOpen = typeof popover.isOpen === "function" && popover.isOpen();
+      const result = originalClose(options);
+      if (wasOpen && result) {
+        zapControlsOpen = false;
+        const controls = getZapControlsContainer();
+        if (controls) {
+          controls.dataset.state = "closed";
+          controls.hidden = true;
+          controls.setAttribute("aria-hidden", "true");
+        }
+        zapButton.setAttribute("aria-expanded", "false");
+      }
+      zapShouldFocusOnOpen = false;
+      zapPopoverOpenPromise = null;
+      return result;
+    };
+  }
+
+  const originalDestroy = popover.destroy?.bind(popover);
+  if (originalDestroy) {
+    popover.destroy = (...args) => {
+      originalDestroy(...args);
+      if (zapPopover === popover) {
+        zapPopover = null;
+        zapPopoverTrigger = null;
+      }
+      zapPopoverOpenPromise = null;
+      zapShouldFocusOnOpen = false;
+      cacheZapPanelElements(null);
+    };
+  }
+
+  zapPopover = popover;
+  zapPopoverTrigger = zapButton;
+
+  const warmZapPopover = () => {
+    if (!zapPopover || zapPopover !== popover) {
+      return;
+    }
+    if (zapButton.hasAttribute("hidden")) {
+      return;
+    }
+    if (typeof popover.preload !== "function") {
+      return;
+    }
+    try {
+      popover.preload();
+    } catch (error) {
+      devLogger.warn("[zap] Failed to preload zap controls", error);
+    }
+  };
+
+  if (
+    typeof popover.preload === "function" &&
+    !zapButton.hasAttribute("hidden")
+  ) {
+    if (
+      typeof window !== "undefined" &&
+      typeof window.requestIdleCallback === "function"
+    ) {
+      window.requestIdleCallback(() => warmZapPopover(), { timeout: 250 });
+    } else {
+      setTimeout(() => {
+        warmZapPopover();
+      }, 0);
+    }
+  }
+
+  if (zapButton.dataset.zapPopoverWarmBound !== "true") {
+    const handleWarm = () => {
+      warmZapPopover();
+    };
+    zapButton.addEventListener("pointerenter", handleWarm, { once: true });
+    zapButton.addEventListener("pointerdown", handleWarm, { once: true });
+    zapButton.addEventListener("focus", handleWarm, { once: true });
+    zapButton.dataset.zapPopoverWarmBound = "true";
+  }
+
+  if (zapButton.dataset.initialized !== "true") {
+    zapButton.addEventListener("click", handleZapButtonClick);
+    zapButton.dataset.initialized = "true";
+  }
+
+  return true;
+}
+
+/**
+ * Renders a Subscribe / Unsubscribe button with an icon,
+ * using the primary button token styling and the subscribe icon on the left.
+ */
+function renderSubscribeButton(channelHex) {
+  const container = document.getElementById("subscribeBtnArea");
+  if (!container) return;
+
+  const app = getApp();
+  const isLoggedIn = Boolean(app?.pubkey);
+
+  container.classList.remove("hidden");
+  const alreadySubscribed =
+    isLoggedIn && subscriptions.isSubscribed(channelHex);
+
+  // Both subscribe/unsubscribe states share the primary styling and icon.
+  // If you prefer separate logic for unsub, you can do it here.
+  container.innerHTML = `
+    <button
+      id="subscribeToggleBtn"
+      type="button"
+      class="btn normal-case rounded hover:opacity-90 focus-visible:bg-primary"
+      data-state="${alreadySubscribed ? "subscribed" : "unsubscribed"}"
+    >
+      <img
+        src="assets/svg/subscribe-button-icon.svg"
+        alt="Subscribe Icon"
+        class="w-5 h-5"
+      />
+      <span>${alreadySubscribed ? "Unsubscribe" : "Subscribe"}</span>
+    </button>
+  `;
+
+  const toggleBtn = document.getElementById("subscribeToggleBtn");
+  if (toggleBtn) {
+    toggleBtn.addEventListener("click", async () => {
+      const currentApp = getApp();
+      if (!currentApp?.pubkey) {
+        const loginModal =
+          prepareStaticModal({ id: "loginModal" }) ||
+          document.getElementById("loginModal");
+
+        if (
+          loginModal &&
+          openStaticModal(loginModal, { triggerElement: toggleBtn })
+        ) {
+          setGlobalModalState("login", true);
+        } else {
+          userLogger.warn(
+            "Unable to open login modal for subscription toggle."
+          );
+        }
+        return;
+      }
+
+      // Optimistic UI update
+      const wasSubscribed = toggleBtn.dataset.state === "subscribed";
+      const nextState = wasSubscribed ? "unsubscribed" : "subscribed";
+      const label = toggleBtn.querySelector("span");
+
+      toggleBtn.dataset.state = nextState;
+      if (label) {
+        label.textContent = nextState === "subscribed" ? "Unsubscribe" : "Subscribe";
+      }
+
+      try {
+        await subscriptions.toggleChannel(channelHex, currentApp.pubkey);
+        // Re-render to ensure state is perfectly synced with the service
+        renderSubscribeButton(channelHex);
+      } catch (err) {
+        // Revert UI on failure
+        toggleBtn.dataset.state = wasSubscribed ? "subscribed" : "unsubscribed";
+        if (label) {
+          label.textContent = wasSubscribed ? "Unsubscribe" : "Subscribe";
+        }
+
+        userLogger.error("Failed to update subscription:", err);
+        const permissionErrorCodes = new Set([
+          "extension-permission-denied",
+          "nip04-missing",
+        ]);
+        const message = permissionErrorCodes.has(err?.code)
+          ? "Your Nostr extension must support NIP-04 to manage private lists."
+          : "Failed to update your subscriptions. Please try again.";
+        currentApp?.showError?.(message);
+      }
+    });
+  }
+}
+
+function trimProfileString(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+
+  return value.trim();
+}
+
+function normalizeChannelProfileMetadata(raw = {}) {
+  const name =
+    trimProfileString(raw.display_name) ||
+    trimProfileString(raw.name) ||
+    "Unknown User";
+  const picture =
+    sanitizeProfileMediaUrl(raw.picture) ||
+    sanitizeProfileMediaUrl(raw.image) ||
+    FALLBACK_CHANNEL_AVATAR;
+  const about = trimProfileString(raw.about || raw.bio);
+  const website = trimProfileString(raw.website || raw.url);
+  const banner =
+    sanitizeProfileMediaUrl(
+      raw.banner ||
+        raw.header ||
+        raw.background ||
+        raw.cover ||
+        raw.cover_image ||
+        raw.coverImage
+    ) || "";
+  const lud16 = trimProfileString(raw.lud16);
+  const lud06 = trimProfileString(raw.lud06);
+  const lightningAddress =
+    trimProfileString(raw.lightningAddress) || lud16 || lud06 || "";
+
+  return {
+    name,
+    picture,
+    about,
+    website,
+    banner,
+    lud16,
+    lud06,
+    lightningAddress
+  };
+}
+
+function rememberChannelProfile(pubkey, { profile = {}, event = null } = {}) {
+  if (typeof pubkey !== "string" || !pubkey) {
+    return false;
+  }
+
+  const hasPayload = hasExplicitChannelProfilePayload(profile);
+  if (!hasPayload) {
+    touchChannelProfileCacheEntry(pubkey);
+    return false;
+  }
+
+  const incomingEventTimestamp =
+    typeof event?.created_at === "number" ? event.created_at : 0;
+  const existing = channelProfileMetadataCache.get(pubkey);
+  const existingEventTimestamp =
+    typeof existing?.event?.created_at === "number"
+      ? existing.event.created_at
+      : 0;
+
+  if (
+    existingEventTimestamp &&
+    incomingEventTimestamp &&
+    incomingEventTimestamp < existingEventTimestamp
+  ) {
+    touchChannelProfileCacheEntry(pubkey);
+    return false;
+  }
+
+  channelProfileMetadataCache.set(pubkey, {
+    timestamp: Date.now(),
+    profile: normalizeChannelProfileMetadata(profile),
+    event: event ? { ...event } : null
+  });
+
+  return true;
+}
+
+function getCachedChannelProfile(pubkey) {
+  const entry = channelProfileMetadataCache.get(pubkey);
+  if (!entry) {
+    return null;
+  }
+
+  if (
+    typeof entry.timestamp !== "number" ||
+    Date.now() - entry.timestamp > PROFILE_EVENT_CACHE_TTL_MS
+  ) {
+    channelProfileMetadataCache.delete(pubkey);
+    return null;
+  }
+
+  return {
+    profile: entry.profile,
+    event: entry.event ? { ...entry.event } : null
+  };
+}
+
+function isValidRelayUrl(url) {
+  if (typeof url !== "string") {
+    return false;
+  }
+
+  const trimmed = url.trim();
+  if (!trimmed) {
+    return false;
+  }
+
+  if (!/^wss?:\/\//i.test(trimmed)) {
+    return false;
+  }
+
+  if (/\s/.test(trimmed)) {
+    return false;
+  }
+
+  try {
+    const parsed = new URL(trimmed);
+    return Boolean(parsed.hostname);
+  } catch (error) {
+    return false;
+  }
+}
+
+function getCachedChannelVideoEvents(pubkey) {
+  const normalized =
+    typeof pubkey === "string" ? pubkey.trim().toLowerCase() : "";
+  if (!normalized) {
+    return [];
+  }
+
+  const collectMatches = (source, iterator) => {
+    const matches = [];
+    if (!source || typeof iterator !== "function") {
+      return matches;
+    }
+
+    iterator((event) => {
+      const candidate = event || null;
+      if (!candidate) {
+        return;
+      }
+
+      const candidatePubkey =
+        typeof candidate.pubkey === "string"
+          ? candidate.pubkey.trim().toLowerCase()
+          : "";
+
+      if (!candidatePubkey || candidatePubkey !== normalized) {
+        return;
+      }
+
+      matches.push(candidate);
+    });
+
+    return matches;
+  };
+
+  const rawMatches = collectMatches(nostrClient?.rawEvents, (callback) => {
+    if (
+      nostrClient?.rawEvents &&
+      typeof nostrClient.rawEvents.forEach === "function"
+    ) {
+      nostrClient.rawEvents.forEach((event) => {
+        if (event?.kind === 30078) {
+          callback(event);
+        }
+      });
+    }
+  });
+
+  if (rawMatches.length) {
+    return rawMatches;
+  }
+
+  const processedMatches = collectMatches(
+    nostrClient?.allEvents,
+    (callback) => {
+      if (
+        nostrClient?.allEvents &&
+        typeof nostrClient.allEvents.forEach === "function"
+      ) {
+        nostrClient.allEvents.forEach((video) => {
+          if (video) {
+            callback(video);
+          }
+        });
+      }
+    }
+  );
+
+  return processedMatches;
+}
+
+function normalizeRenderableChannelVideo(entry) {
+  if (!entry || typeof entry !== "object") {
+    return null;
+  }
+
+  const looksLikeRawEvent =
+    typeof entry.content === "string" ||
+    Array.isArray(entry.tags) ||
+    typeof entry.kind === "number";
+
+  if (looksLikeRawEvent) {
+    const converted = sharedConvertEventToVideo(entry);
+    if (converted && !converted.invalid) {
+      return converted;
+    }
+    return null;
+  }
+
+  const looksLikeConvertedVideo =
+    typeof entry.id === "string" &&
+    typeof entry.title === "string" &&
+    typeof entry.pubkey === "string" &&
+    Number.isFinite(entry.created_at);
+
+  if (looksLikeConvertedVideo) {
+    if (entry.invalid) {
+      return null;
+    }
+
+    return {
+      ...entry,
+      invalid: false,
+    };
+  }
+
+  return null;
+}
+
+function buildRenderableChannelVideos({ events = [], app } = {}) {
+  if (!Array.isArray(events) || events.length === 0) {
+    return [];
+  }
+
+  const convertedVideos = events
+    .map((entry) => normalizeRenderableChannelVideo(entry))
+    .filter((vid) => vid && !vid.invalid);
+
+  if (!convertedVideos.length) {
+    return [];
+  }
+
+  const dedupedById = new Map();
+  convertedVideos.forEach((video) => {
+    if (video?.id && !dedupedById.has(video.id)) {
+      dedupedById.set(video.id, video);
+    }
+  });
+
+  const uniqueVideos = Array.from(dedupedById.values());
+
+  const newestByRoot =
+    app?.dedupeVideosByRoot?.(uniqueVideos) ??
+    dedupeToNewestByRoot(uniqueVideos);
+
+  let videos = newestByRoot.filter((video) => !video.deleted);
+  videos = videos.filter((video) => {
+    if (!video || !video.id) {
+      return false;
+    }
+
+    if (app?.blacklistedEventIds?.has?.(video.id)) {
+      return false;
+    }
+
+    if (!accessControl.canAccess(video)) {
+      return false;
+    }
+
+    return true;
+  });
+
+  videos.sort((a, b) => b.created_at - a.created_at);
+  return videos;
+}
+
+export async function renderChannelVideosFromList({
+  videos = [],
+  container,
+  app,
+  loadToken,
+  allowEmptyMessage = true
+} = {}) {
+  if (!container) {
+    if (loadToken === currentVideoLoadToken) {
+      clearChannelVideoCardRegistry();
+    }
+    return false;
+  }
+
+  if (loadToken !== currentVideoLoadToken) {
+    return false;
+  }
+
+  clearChannelVideoCardRegistry();
+
+  if (!Array.isArray(videos) || videos.length === 0) {
+    if (allowEmptyMessage) {
+      container.dataset.hasChannelVideos = "false";
+      container.innerHTML = `<p class="text-muted-strong">No videos to display.</p>`;
+      return true;
+    }
+    return false;
+  }
+
+  let preparedVideos = videos;
+  try {
+    preparedVideos = await applyChannelModerationToVideos(videos, app);
+  } catch (error) {
+    devLogger.warn(
+      "[ChannelProfile] Failed to prepare channel videos for moderation",
+      error,
+    );
+    preparedVideos = videos;
+  }
+
+  if (loadToken !== currentVideoLoadToken) {
+    return false;
+  }
+
+  const moderationApplied =
+    Array.isArray(preparedVideos) && preparedVideos !== videos;
+  const renderableVideos = Array.isArray(preparedVideos) ? preparedVideos : videos;
+
+  if (!renderableVideos.length) {
+    if (allowEmptyMessage) {
+      container.dataset.hasChannelVideos = "false";
+      container.innerHTML = `<p class="text-muted-strong">No videos to display.</p>`;
+      return true;
+    }
+    return false;
+  }
+
+  container.dataset.hasChannelVideos = "true";
+  container.innerHTML = "";
+
+  const fragment = document.createDocumentFragment();
+  const allKnownEventsArray = Array.from(nostrClient.allEvents.values());
+  const loadedThumbnails =
+    app?.loadedThumbnails instanceof Map ? app.loadedThumbnails : null;
+  const unsupportedBtihMessage =
+    typeof app?.getUnsupportedBtihMessage === "function"
+      ? app.getUnsupportedBtihMessage()
+      : "This magnet link is missing a compatible BitTorrent v1 info hash.";
+
+  const fallbackNormalizePubkey = (value) =>
+    typeof value === "string" && value ? value.trim().toLowerCase() : "";
+  const normalizePubkey =
+    typeof app?.normalizeHexPubkey === "function"
+      ? (value) =>
+          app.normalizeHexPubkey(value) || fallbackNormalizePubkey(value)
+      : fallbackNormalizePubkey;
+  const normalizedViewerPubkey = normalizePubkey(app?.pubkey);
+  let renderIndex = 0;
+
+  const extractPlaybackDetail = (trigger, video) => {
+    if (
+      app?.videoListView &&
+      typeof app.videoListView.extractPlaybackDetail === "function"
+    ) {
+      return app.videoListView.extractPlaybackDetail(trigger, video);
+    }
+
+    const element = trigger instanceof HTMLElement ? trigger : null;
+    const target =
+      element?.closest("[data-play-url],[data-play-magnet]") || element;
+
+    const rawUrlValue =
+      (target?.dataset && typeof target.dataset.playUrl === "string"
+        ? target.dataset.playUrl
+        : null) ??
+      target?.getAttribute?.("data-play-url") ??
+      "";
+    const rawMagnetValue =
+      (target?.dataset && typeof target.dataset.playMagnet === "string"
+        ? target.dataset.playMagnet
+        : null) ??
+      target?.getAttribute?.("data-play-magnet") ??
+      "";
+
+    let url = "";
+    if (rawUrlValue) {
+      try {
+        url = decodeURIComponent(rawUrlValue);
+      } catch (error) {
+        url = rawUrlValue;
+      }
+    }
+
+    const magnet = typeof rawMagnetValue === "string" ? rawMagnetValue : "";
+    const videoId =
+      target?.dataset?.videoId ||
+      target?.getAttribute?.("data-video-id") ||
+      video?.id ||
+      "";
+
+    return { videoId, url, magnet, video };
+  };
+
+  const playbackHandler =
+    typeof app?.videoListViewPlaybackHandler === "function"
+      ? app.videoListViewPlaybackHandler.bind(app)
+      : null;
+
+  const startPlayback = (detail) => {
+    if (playbackHandler) {
+      playbackHandler(detail);
+      return;
+    }
+
+    if (detail.videoId && typeof app?.playVideoByEventId === "function") {
+      Promise.resolve(
+        app.playVideoByEventId(detail.videoId, {
+          url: detail.url,
+          magnet: detail.magnet,
+          title: detail.video?.title,
+          description: detail.video?.description
+        })
+      ).catch((error) => {
+        userLogger.error("Failed to play channel video via event id:", error);
+        if (typeof app?.playVideoWithFallback === "function") {
+          app.playVideoWithFallback({
+            url: detail.url,
+            magnet: detail.magnet
+          });
+        }
+      });
+      return;
+    }
+
+    if (typeof app?.playVideoWithFallback === "function") {
+      Promise.resolve(
+        app.playVideoWithFallback({ url: detail.url, magnet: detail.magnet })
+      ).catch((error) => {
+        userLogger.error(
+          "Failed to start fallback playback for channel video:",
+          error
+        );
+      });
+    }
+  };
+
+  const allowNsfw = ALLOW_NSFW_CONTENT === true;
+
+  for (const originalVideo of renderableVideos) {
+    if (!originalVideo || !originalVideo.id || !originalVideo.title) {
+      continue;
+    }
+
+    const video =
+      moderationApplied
+        ? originalVideo
+        : decorateChannelVideo(originalVideo, app) || originalVideo;
+
+    const normalizedVideoPubkey = normalizePubkey(video.pubkey);
+    const canEdit =
+      Boolean(normalizedVideoPubkey) &&
+      Boolean(normalizedViewerPubkey) &&
+      normalizedVideoPubkey === normalizedViewerPubkey;
+
+    if (video.isPrivate && !canEdit) {
+      continue;
+    }
+
+    if (!allowNsfw && video?.isNsfw === true && !canEdit) {
+      continue;
+    }
+
+    app?.videosMap?.set(video.id, video);
+
+    const index = renderIndex++;
+    let hasOlder = false;
+    if (canEdit && video.videoRootId) {
+      hasOlder = app?.hasOlderVersion?.(video, allKnownEventsArray) || false;
+    }
+
+    const pointerInfo =
+      typeof app?.deriveVideoPointerInfo === "function"
+        ? app.deriveVideoPointerInfo(video)
+        : null;
+    if (
+      pointerInfo &&
+      typeof app?.persistWatchHistoryMetadataForVideo === "function"
+    ) {
+      app.persistWatchHistoryMetadataForVideo(video, pointerInfo);
+    }
+
+    const shareUrl =
+      typeof app?.buildShareUrlFromEventId === "function"
+        ? app.buildShareUrlFromEventId(video.id)
+        : "#";
+    const timeAgo =
+      typeof app?.formatTimeAgo === "function"
+        ? app.formatTimeAgo(video.created_at)
+        : new Date(video.created_at * 1000).toLocaleString();
+
+    let cardState = "";
+    if (canEdit && video.isPrivate) {
+      cardState = "private";
+    }
+    if (!allowNsfw && video?.isNsfw === true && canEdit) {
+      cardState = "critical";
+    }
+
+    const identity = {
+      name:
+        typeof video.creatorName === "string" && video.creatorName
+          ? video.creatorName
+          : typeof video.authorName === "string"
+            ? video.authorName
+            : "",
+      picture:
+        typeof video.creatorPicture === "string" && video.creatorPicture
+          ? video.creatorPicture
+          : typeof video.authorPicture === "string"
+            ? video.authorPicture
+            : "",
+      pubkey: typeof video.pubkey === "string" ? video.pubkey : "",
+      npub:
+        typeof video.npub === "string" && video.npub
+          ? video.npub
+          : typeof video.authorNpub === "string"
+            ? video.authorNpub
+            : "",
+      shortNpub:
+        typeof video.shortNpub === "string" && video.shortNpub
+          ? video.shortNpub
+          : typeof video.creatorNpub === "string"
+            ? video.creatorNpub
+            : "",
+    };
+
+    const videoCard = new VideoCard({
+      document,
+      video,
+      index,
+      shareUrl,
+      pointerInfo,
+      timeAgo,
+      cardState,
+      identity,
+      capabilities: {
+        canEdit,
+        canDelete: canEdit,
+        canRevert: hasOlder,
+        canManageBlacklist:
+          typeof app?.canCurrentUserManageBlacklist === "function"
+            ? app.canCurrentUserManageBlacklist()
+            : false
+      },
+      nsfwContext: {
+        isNsfw: video?.isNsfw === true,
+        allowNsfw,
+        viewerIsOwner: canEdit
+      },
+      helpers: {
+        escapeHtml: (value) => escapeHTML(value),
+        isMagnetSupported: (magnet) => app?.isMagnetUriSupported?.(magnet),
+        toLocaleString: (value) =>
+          typeof value === "number" ? value.toLocaleString() : value
+      },
+      assets: {
+        fallbackThumbnailSrc: "/assets/jpg/video-thumbnail-fallback.jpg",
+        unsupportedBtihMessage
+      },
+      state: { loadedThumbnails },
+      ensureGlobalMoreMenuHandlers: () => app?.ensureGlobalMoreMenuHandlers?.(),
+      onRequestCloseAllMenus: () => app?.closeAllMoreMenus?.(),
+      formatters: {
+        formatTimeAgo: (ts) =>
+          typeof app?.formatTimeAgo === "function"
+            ? app.formatTimeAgo(ts)
+            : new Date(ts * 1000).toLocaleString()
+      }
+    });
+
+    channelVideoCardsById.set(video.id, videoCard);
+
+    videoCard.onPlay = ({ event: domEvent, video: cardVideo }) => {
+      const trigger = domEvent?.currentTarget || domEvent?.target;
+      const detail = extractPlaybackDetail(trigger, cardVideo || video);
+      detail.video = detail.video || video;
+      startPlayback(detail);
+    };
+
+    videoCard.onModerationOverride = ({ video: overrideVideo, card: overrideCard }) =>
+      typeof app?.handleModerationOverride === "function"
+        ? app.handleModerationOverride({
+            video: overrideVideo,
+            card: overrideCard,
+          })
+        : false;
+
+    videoCard.onModerationBlock = ({ video: blockVideo, card: blockCard }) =>
+      typeof app?.handleModerationBlock === "function"
+        ? app.handleModerationBlock({
+            video: blockVideo,
+            card: blockCard,
+          })
+        : false;
+
+    videoCard.onModerationHide = ({ video: hideVideo, card: hideCard }) =>
+      typeof app?.handleModerationHide === "function"
+        ? app.handleModerationHide({
+            video: hideVideo,
+            card: hideCard,
+          })
+        : false;
+
+    videoCard.onEdit = ({ video: editVideo, index: editIndex }) => {
+      app?.handleEditVideo?.({
+        eventId: editVideo?.id || "",
+        index: Number.isFinite(editIndex) ? editIndex : null,
+        video: editVideo || null
+      });
+    };
+
+    videoCard.onRevert = ({ video: revertVideo, index: revertIndex }) => {
+      app?.handleRevertVideo?.({
+        eventId: revertVideo?.id || "",
+        index: Number.isFinite(revertIndex) ? revertIndex : null,
+        video: revertVideo || null
+      });
+    };
+
+    videoCard.onDelete = ({ video: deleteVideo, index: deleteIndex }) => {
+      app?.handleFullDeleteVideo?.({
+        eventId: deleteVideo?.id || "",
+        index: Number.isFinite(deleteIndex) ? deleteIndex : null,
+        video: deleteVideo || null
+      });
+    };
+
+    videoCard.onMoreAction = ({ dataset = {} }) => {
+      const action = dataset.action || "";
+      const detail = {
+        ...dataset,
+        eventId: dataset.eventId || video.id || "",
+        context: dataset.context || "channel-grid"
+      };
+      app?.handleMoreMenuAction?.(action || "copy-link", detail);
+    };
+
+    videoCard.onAuthorNavigate = ({ pubkey }) => {
+      const targetPubkey = pubkey || video.pubkey || "";
+      if (targetPubkey && typeof app?.goToProfile === "function") {
+        app.goToProfile(targetPubkey);
+      }
+    };
+
+    videoCard.onRequestMoreMenu = (detail = {}) => {
+      if (typeof app?.requestMoreMenu === "function") {
+        app.requestMoreMenu({
+          ...detail,
+          video: detail.video || video,
+          pointerInfo: detail.pointerInfo || pointerInfo,
+        });
+      }
+    };
+
+    videoCard.onCloseMoreMenu = (detail = {}) => {
+      if (typeof app?.closeMoreMenu === "function") {
+        return app.closeMoreMenu(detail);
+      }
+      return false;
+    };
+
+    videoCard.onRequestSettingsMenu = (detail = {}) => {
+      if (typeof app?.requestVideoSettingsMenu === "function") {
+        app.requestVideoSettingsMenu(detail);
+      }
+    };
+
+    videoCard.onCloseSettingsMenu = (detail = {}) => {
+      if (typeof app?.closeVideoSettingsMenu === "function") {
+        return app.closeVideoSettingsMenu(detail);
+      }
+      return false;
+    };
+
+    const cardEl = videoCard.getRoot();
+    if (cardEl) {
+      fragment.appendChild(cardEl);
+    }
+  }
+
+  if (renderIndex === 0) {
+    if (allowEmptyMessage) {
+      container.dataset.hasChannelVideos = "false";
+      container.innerHTML = `<p class="text-muted-strong">No videos to display.</p>`;
+      return true;
+    }
+    return false;
+  }
+
+  container.appendChild(fragment);
+
+  attachHealthBadges(container);
+  attachUrlHealthBadges(container, ({ badgeEl, url, eventId }) => {
+    const video = app?.videosMap?.get(eventId) || { id: eventId };
+    app?.handleUrlHealthBadge?.({ video, url, badgeEl });
+  });
+
+  app?.mountVideoListView?.();
+
+  const lazyEls = container.querySelectorAll("[data-lazy]");
+  lazyEls.forEach((el) => app?.mediaLoader?.observe?.(el));
+
+  app?.attachMoreMenuHandlers?.(container);
+
+  updateChannelModerationVisuals({ app });
+
+  return true;
+}
+
+function applyChannelProfileMetadata({
+  profile = {},
+  event = null,
+  pubkey = "",
+  npub = "",
+  loadToken = null
+} = {}) {
+  if (loadToken !== null && loadToken !== currentProfileLoadToken) {
+    return;
+  }
+
+  const normalized = normalizeChannelProfileMetadata(profile);
+  const hasExplicitProfilePayload =
+    hasExplicitChannelProfilePayload(profile);
+  const incomingEventTimestamp =
+    typeof event?.created_at === "number" ? event.created_at : 0;
+  const existingEventTimestamp =
+    typeof currentChannelProfileEvent?.created_at === "number"
+      ? currentChannelProfileEvent.created_at
+      : 0;
+
+  if (currentChannelProfileSnapshot) {
+    const isOlderEvent =
+      incomingEventTimestamp &&
+      existingEventTimestamp &&
+      incomingEventTimestamp < existingEventTimestamp;
+    if (isOlderEvent) {
+      return;
+    }
+
+    if (!hasExplicitProfilePayload) {
+      if (currentChannelProfileHasExplicitPayload) {
+        return;
+      }
+
+      const shouldIgnoreEmptyPayload =
+        !incomingEventTimestamp ||
+        incomingEventTimestamp <= existingEventTimestamp;
+      if (shouldIgnoreEmptyPayload) {
+        return;
+      }
+    }
+  }
+
+  const expectedLoadToken =
+    loadToken !== null ? loadToken : currentProfileLoadToken;
+
+  const bannerEl = document.getElementById("channelBanner");
+  if (bannerEl) {
+    const fallbackAttr =
+      (typeof bannerEl.dataset?.fallbackSrc === "string"
+        ? bannerEl.dataset.fallbackSrc.trim()
+        : "") ||
+      bannerEl.getAttribute("data-fallback-src") ||
+      "";
+    const fallbackSrc = fallbackAttr || FALLBACK_CHANNEL_BANNER;
+
+    if (bannerEl.dataset.fallbackSrc !== fallbackSrc) {
+      bannerEl.dataset.fallbackSrc = fallbackSrc;
+    }
+    if (!bannerEl.getAttribute("data-fallback-src") && fallbackSrc) {
+      bannerEl.setAttribute("data-fallback-src", fallbackSrc);
+    }
+
+    ensureBannerFallbackHandler(bannerEl);
+
+    if (!normalized.banner) {
+      bannerLoadStates.delete(bannerEl);
+      setBannerVisual(bannerEl, fallbackSrc, { referrerPolicy: null });
+    } else {
+      applyBannerWithPolicies({
+        bannerEl,
+        url: normalized.banner,
+        fallbackSrc,
+        loadToken: expectedLoadToken
+      });
+    }
+  }
+
+  const avatarEl = document.getElementById("channelAvatar");
+  if (avatarEl) {
+    avatarEl.src = normalized.picture || FALLBACK_CHANNEL_AVATAR;
+  }
+
+  const blurPubkey = pubkey || currentChannelHex || "";
+  updateChannelModerationVisuals({
+    bannerEl,
+    avatarEl,
+    pubkey: blurPubkey,
+  });
+
+  const nameEl = document.getElementById("channelName");
+  if (nameEl) {
+    nameEl.textContent = normalized.name || "Unknown User";
+  }
+
+  const channelNpubEl = document.getElementById("channelNpub");
+  if (channelNpubEl) {
+    if (npub) {
+      channelNpubEl.textContent = formatShortNpub(npub);
+    } else if (pubkey) {
+      try {
+        const encoded = window.NostrTools.nip19.npubEncode(pubkey);
+        channelNpubEl.textContent = formatShortNpub(encoded);
+      } catch (error) {
+        channelNpubEl.textContent = "";
+      }
+    }
+  }
+
+  const aboutEl = document.getElementById("channelAbout");
+  if (aboutEl) {
+    aboutEl.textContent = normalized.about || "";
+  }
+
+  const websiteEl = document.getElementById("channelWebsite");
+  if (websiteEl) {
+    if (normalized.website) {
+      websiteEl.href = normalized.website;
+      websiteEl.textContent = normalized.website;
+    } else {
+      websiteEl.textContent = "";
+      websiteEl.removeAttribute("href");
+    }
+  }
+
+  const previousLightning = currentChannelLightningAddress;
+  const lightningAddress = normalized.lightningAddress || "";
+  currentChannelLightningAddress = lightningAddress;
+
+  const lnEl = document.getElementById("channelLightning");
+  if (lnEl) {
+    lnEl.textContent = lightningAddress || "No lightning address found.";
+  }
+
+  if (event) {
+    currentChannelProfileEvent = { ...event };
+  } else if (loadToken === currentProfileLoadToken && !event) {
+    currentChannelProfileEvent = null;
+  }
+
+  currentChannelProfileSnapshot = { ...normalized };
+  currentChannelProfileHasExplicitPayload = hasExplicitProfilePayload;
+
+  if (lightningAddress) {
+    if (lightningAddress !== previousLightning) {
+      fetchLightningMetadata(lightningAddress)
+        .then(() => updateZapSplitSummary())
+        .catch(() => {});
+    }
+  } else {
+    updateZapSplitSummary();
+  }
+
+  setChannelZapVisibility(Boolean(lightningAddress));
+}
+
+async function fetchChannelProfileFromRelays(pubkey) {
+  try {
+    await nostrClient.ensurePool();
+  } catch (error) {
+    userLogger.error("Failed to initialize relay pool for channel profile:", error);
+    return { event: null, profile: {} };
+  }
+
+  const pool = nostrClient?.pool;
+  const relayCandidates = Array.isArray(nostrClient?.relays)
+    ? nostrClient.relays.filter(
+        (relayUrl) => typeof relayUrl === "string" && relayUrl.trim().length > 0
+      )
+    : [];
+  const relayUrls = relayCandidates.length > 0 ? relayCandidates : DEFAULT_RELAY_URLS;
+
+  if (!pool || !Array.isArray(relayUrls) || relayUrls.length === 0) {
+    return { event: null, profile: {} };
+  }
+
+  try {
+    const profileEntry = await fetchProfileMetadata(pubkey, {
+      nostr: nostrClient,
+      relays: relayUrls,
+      logger: devLogger,
+    });
+
+    if (!profileEntry) {
+      return { event: null, profile: {} };
+    }
+
+    return {
+      event: profileEntry.event || null,
+      profile: profileEntry.profile || {},
+    };
+  } catch (error) {
+    throw error;
+  }
+}
+
+/**
+ * Fetches and displays the user's metadata (kind=0).
+ */
+async function loadUserProfile(pubkey) {
+  const app = getApp();
+  const loadToken = ++currentProfileLoadToken;
+
+  setChannelZapVisibility(false);
+
+  const cachedEntry = getCachedChannelProfile(pubkey);
+  if (cachedEntry) {
+    applyChannelProfileMetadata({
+      profile: cachedEntry.profile,
+      event: cachedEntry.event,
+      pubkey,
+      npub: currentChannelNpub,
+      loadToken
+    });
+  } else {
+    const stateEntry =
+      typeof app?.getProfileCacheEntry === "function"
+        ? app.getProfileCacheEntry(pubkey)
+        : null;
+    if (stateEntry?.profile) {
+      applyChannelProfileMetadata({
+        profile: stateEntry.profile,
+        event: null,
+        pubkey,
+        npub: currentChannelNpub,
+        loadToken
+      });
+    } else {
+      applyChannelProfileMetadata({
+        profile: {},
+        event: null,
+        pubkey,
+        npub: currentChannelNpub,
+        loadToken
+      });
+    }
+  }
+
+  try {
+    const result = await fetchChannelProfileFromRelays(pubkey);
+    if (loadToken !== currentProfileLoadToken) {
+      return;
+    }
+
+    const cachedUpdated = rememberChannelProfile(pubkey, result);
+
+    if (cachedUpdated && typeof app?.setProfileCacheEntry === "function") {
+      try {
+        const profileForCache =
+          result && typeof result.profile === "object" && result.profile
+            ? { ...result.profile }
+            : {};
+
+        if (!profileForCache.lightningAddress) {
+          const lightningFallback =
+            result.profile?.lightningAddress ||
+            result.profile?.lud16 ||
+            result.profile?.lud06 ||
+            "";
+          if (lightningFallback) {
+            profileForCache.lightningAddress = lightningFallback;
+          }
+        }
+
+        app.setProfileCacheEntry(pubkey, profileForCache);
+      } catch (error) {
+        userLogger.warn(
+          "Failed to persist channel profile metadata to cache:",
+          error
+        );
+      }
+    }
+
+    applyChannelProfileMetadata({
+      profile: result.profile,
+      event: result.event,
+      pubkey,
+      npub: currentChannelNpub,
+      loadToken
+    });
+
+    ensureProfileMetadataSubscription({
+      pubkey,
+      nostr: nostrClient,
+      onProfile: ({ profile, event }) => {
+        if (loadToken !== currentProfileLoadToken) {
+          return;
+        }
+        applyChannelProfileMetadata({
+          profile,
+          event,
+          pubkey,
+          npub: currentChannelNpub,
+          loadToken,
+        });
+      },
+    });
+  } catch (error) {
+    if (loadToken === currentProfileLoadToken) {
+      userLogger.error("Failed to fetch user profile data:", error);
+      const lnEl = document.getElementById("channelLightning");
+      if (lnEl && !currentChannelLightningAddress) {
+        lnEl.textContent = "No lightning address found.";
+      }
+      if (!currentChannelLightningAddress) {
+        updateZapSplitSummary();
+        setChannelZapVisibility(false);
+      }
+    }
+  }
+}
+
+/**
+ * Fetches and displays this user's videos (kind=30078).
+ * Filters out older overshadowed notes, blacklisted, etc.
+ */
+export function refreshActiveChannelVideoGrid({ reason } = {}) {
+  if (typeof window === "undefined") {
+    return Promise.resolve();
+  }
+
+  const hashParams = new URLSearchParams(window.location.hash.slice(1));
+  if (hashParams.get("view") !== "channel-profile") {
+    return Promise.resolve();
+  }
+
+  if (!currentChannelHex) {
+    return Promise.resolve();
+  }
+
+  const activeNpub = hashParams.get("npub");
+  if (currentChannelNpub && activeNpub && activeNpub !== currentChannelNpub) {
+    return Promise.resolve();
+  }
+
+  try {
+    const result = loadUserVideos(currentChannelHex);
+    return result instanceof Promise ? result : Promise.resolve(result);
+  } catch (error) {
+    userLogger.warn(
+      reason
+        ? `Failed to trigger channel refresh after ${reason}:`
+        : "Failed to trigger channel refresh:",
+      error,
+    );
+    return Promise.resolve();
+  }
+}
+
+async function loadUserVideos(pubkey) {
+  const app = getApp();
+  const container = document.getElementById("channelVideoList");
+  const loadToken = ++currentVideoLoadToken;
+  const hadExistingContent =
+    !!container && container.querySelector("[data-video-id]");
+  let hasVisibleContent = Boolean(hadExistingContent);
+
+  if (container) {
+    container.dataset.loading = "true";
+    if (!hadExistingContent) {
+      container.innerHTML = `
+        <div class="py-16 flex justify-center">
+        <span class="text-muted animate-pulse">Loading videos…</span>
+        </div>
+      `;
+    }
+  }
+
+  let renderedFromCache = false;
+  if (container) {
+    const cachedEvents = getCachedChannelVideoEvents(pubkey);
+    if (cachedEvents.length) {
+      const cachedVideos = buildRenderableChannelVideos({
+        events: cachedEvents,
+        app
+      });
+      if (cachedVideos.length) {
+        const rendered = await renderChannelVideosFromList({
+          videos: cachedVideos,
+          container,
+          app,
+          loadToken,
+          allowEmptyMessage: false
+        });
+        if (rendered) {
+          hasVisibleContent = true;
+        }
+        renderedFromCache = rendered || renderedFromCache;
+      }
+    }
+  }
+
+  const ensureAccessPromise = accessControl.ensureReady().catch((error) => {
+    userLogger.warn(
+      "Failed to ensure admin lists were loaded before channel fetch:",
+      error
+    );
+  });
+
+  try {
+    // 1) Build filter for videos from this pubkey
+    const filter = {
+      kinds: [30078],
+      authors: [pubkey],
+      "#t": ["video"],
+      limit: 200
+    };
+
+    // 2) Collect raw events from all relays
+    const events = [];
+    const knownRelays = Array.isArray(nostrClient.relays)
+      ? nostrClient.relays
+      : Array.from(nostrClient.relays || []);
+    const relayList = knownRelays.filter((url) => isValidRelayUrl(url));
+
+    if (relayList.length === 0) {
+      try {
+        const fallbackEvents = await nostrClient.pool.list(
+          Array.from(DEFAULT_RELAY_URLS),
+          [filter]
+        );
+        if (Array.isArray(fallbackEvents)) {
+          events.push(...fallbackEvents);
+        }
+      } catch (error) {
+        userLogger.error("Relay error (default pool):", error);
+      }
+    } else {
+      const relayPromises = relayList.map((url) =>
+        nostrClient.pool.list([url], [filter])
+      );
+
+      const settled = await Promise.allSettled(relayPromises);
+      settled.forEach((result, index) => {
+        const relayUrl = relayList[index];
+
+        if (result.status === "fulfilled") {
+          const relayEvents = Array.isArray(result.value) ? result.value : [];
+          events.push(...relayEvents);
+          return;
+        }
+
+        if (result.reason) {
+          userLogger.error(`Relay error (${relayUrl}):`, result.reason);
+        }
+      });
+    }
+
+    await ensureAccessPromise;
+
+    if (loadToken !== currentVideoLoadToken) {
+      return;
+    }
+
+    if (!container) {
+      userLogger.warn("channelVideoList element not found in DOM.");
+      return;
+    }
+
+    const videos = buildRenderableChannelVideos({ events, app });
+    const rendered = await renderChannelVideosFromList({
+      videos,
+      container,
+      app,
+      loadToken,
+      allowEmptyMessage: !hasVisibleContent
+    });
+
+    if (rendered) {
+      hasVisibleContent = true;
+    }
+
+    renderedFromCache = rendered || renderedFromCache;
+  } catch (err) {
+    if (
+      loadToken === currentVideoLoadToken &&
+      container &&
+      !renderedFromCache &&
+      !hasVisibleContent
+    ) {
+      container.dataset.hasChannelVideos = "false";
+      container.innerHTML = `
+        <p class="text-critical">Failed to load videos. Please try again.</p>
+      `;
+    }
+    userLogger.error("Error loading user videos:", err);
+  } finally {
+    await ensureAccessPromise;
+    if (loadToken === currentVideoLoadToken && container) {
+      delete container.dataset.loading;
+    }
+  }
+}
+
+if (typeof window !== "undefined" && typeof window.addEventListener === "function") {
+  window.addEventListener("bitvid:access-control-updated", () => {
+    const hashParams = new URLSearchParams(window.location.hash.slice(1));
+    if (hashParams.get("view") !== "channel-profile") {
+      return;
+    }
+
+    if (!currentChannelHex) {
+      return;
+    }
+
+    const activeNpub = hashParams.get("npub");
+    if (currentChannelNpub && activeNpub && activeNpub !== currentChannelNpub) {
+      return;
+    }
+
+    loadUserVideos(currentChannelHex).catch((error) => {
+      userLogger.error(
+        "Failed to refresh channel videos after admin update:",
+        error
+      );
+    });
+  });
+
+  window.addEventListener("bitvid:auth-changed", (event) => {
+    const hashParams = new URLSearchParams(window.location.hash.slice(1));
+    if (hashParams.get("view") !== "channel-profile") {
+      return;
+    }
+
+  if (!currentChannelHex) {
+    return;
+  }
+
+  const activeNpub = hashParams.get("npub");
+  if (currentChannelNpub && activeNpub && activeNpub !== currentChannelNpub) {
+    return;
+  }
+
+  setChannelZapVisibility(Boolean(currentChannelLightningAddress));
+  syncChannelShareButtonState();
+
+  const detail = event?.detail;
+  if (!detail || typeof detail !== "object") {
+    return;
+  }
+
+  if (detail.status === "logout") {
+    zapInFlight = false;
+    zapPopoverOpenPromise = null;
+    zapShouldFocusOnOpen = false;
+    resetZapRetryState();
+    setZapStatus("", "neutral");
+    clearZapReceipts();
+    channelZapPendingOpen = false;
+    const amountInput = getZapAmountInput();
+    if (amountInput) {
+      amountInput.value = "";
+    }
+    return;
+  }
+
+    if (detail.status === "login") {
+      zapInFlight = false;
+      resetZapRetryState();
+      setZapStatus("", "neutral");
+      if (channelZapPendingOpen) {
+        channelZapPendingOpen = false;
+        const zapButton = getChannelZapButton();
+        const requiresLogin =
+          zapButton?.dataset?.requiresLogin === "true" ||
+          zapButton?.hasAttribute("hidden");
+        if (zapButton && !requiresLogin) {
+          const opened = openZapControls({ focus: true });
+          if (!opened) {
+            setupZapButton({ force: true });
+            openZapControls({ focus: true });
+          }
+        }
+      }
+      return;
+    }
+  });
+}
+
+/**
+ * Keep only the newest version of each video root.
+ */
+function dedupeToNewestByRoot(videos) {
+  const map = new Map();
+  for (const vid of videos) {
+    const rootId = vid.videoRootId || vid.id;
+    const existing = map.get(rootId);
+    if (!existing || vid.created_at > existing.created_at) {
+      map.set(rootId, vid);
+    }
+  }
+  return Array.from(map.values());
+}
diff --git a/dist/js/config.js b/dist/js/config.js
new file mode 100644
index 00000000..d8c31343
--- /dev/null
+++ b/dist/js/config.js
@@ -0,0 +1,168 @@
+// js/config.js
+
+import { userLogger } from "./utils/logger.js";
+import {
+  IS_DEV_MODE,
+  IS_VERBOSE_DEV_MODE,
+  IS_LOCKDOWN_MODE,
+  LOCKDOWN_TITLE,
+  LOCKDOWN_MESSAGE,
+  ADMIN_SUPER_NPUB,
+  ADMIN_DM_IMAGE_URL,
+  BITVID_WEBSITE_URL,
+  BLOG_URL,
+  COMMUNITY_URL,
+  NOSTR_URL,
+  GITHUB_URL,
+  BETA_URL,
+  DNS_URL,
+  TIP_JAR_URL,
+  MAX_WALLET_DEFAULT_ZAP,
+  PLATFORM_FEE_PERCENT,
+  PLATFORM_LUD16_OVERRIDE,
+  DEFAULT_RELAY_URLS_OVERRIDE,
+  ADMIN_WHITELIST_MODE_STORAGE_KEY,
+  DEFAULT_WHITELIST_MODE_ENABLED,
+  ALLOW_NSFW_CONTENT,
+  DEFAULT_TRUST_SEED_NPUBS,
+  DEFAULT_BLUR_THRESHOLD,
+  DEFAULT_AUTOPLAY_BLOCK_THRESHOLD,
+  DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD,
+  DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD,
+  WATCH_HISTORY_KIND,
+  WATCH_HISTORY_LIST_IDENTIFIER,
+  WATCH_HISTORY_MAX_ITEMS,
+  WATCH_HISTORY_BATCH_RESOLVE,
+  WATCH_HISTORY_BATCH_PAGE_SIZE,
+  WATCH_HISTORY_PAYLOAD_MAX_BYTES,
+  WATCH_HISTORY_FETCH_EVENT_LIMIT,
+  WATCH_HISTORY_CACHE_TTL_MS,
+  VIEW_COUNT_DEDUPE_WINDOW_SECONDS,
+  VIEW_COUNT_BACKFILL_MAX_DAYS,
+  VIEW_COUNT_CACHE_TTL_MS,
+  ENSURE_PRESENCE_REBROADCAST_COOLDOWN_SECONDS,
+  DEFAULT_PLAYBACK_SOURCE,
+  DEFAULT_PLAYBACK_START_TIMEOUT,
+} from "../config/instance-config.js";
+
+export const WATCH_HISTORY_VERSION_TAG_VALUE = "2";
+
+const runtimeScope = typeof globalThis === "undefined" ? null : globalThis;
+
+const parseBooleanOverride = (value) => {
+  if (typeof value === "boolean") {
+    return value;
+  }
+  if (typeof value === "string") {
+    const normalized = value.trim().toLowerCase();
+    if (normalized === "true") {
+      return true;
+    }
+    if (normalized === "false") {
+      return false;
+    }
+  }
+  return null;
+};
+
+const devModeOverride = parseBooleanOverride(
+  runtimeScope?.__BITVID_DEV_MODE_OVERRIDE__
+);
+const verboseDevModeOverride = parseBooleanOverride(
+  runtimeScope?.__BITVID_VERBOSE_DEV_MODE_OVERRIDE__
+);
+
+export const isDevMode =
+  devModeOverride === null ? Boolean(IS_DEV_MODE) : devModeOverride;
+export { IS_DEV_MODE };
+
+export const isVerboseDevMode =
+  verboseDevModeOverride === null
+    ? Boolean(IS_VERBOSE_DEV_MODE)
+    : verboseDevModeOverride;
+export { IS_VERBOSE_DEV_MODE };
+
+export const isLockdownMode = Boolean(IS_LOCKDOWN_MODE);
+export { IS_LOCKDOWN_MODE };
+export { LOCKDOWN_TITLE, LOCKDOWN_MESSAGE };
+
+if (typeof window !== "undefined") {
+  window.__BITVID_DEV_MODE__ = isDevMode;
+  window.__BITVID_VERBOSE_DEV_MODE__ = isVerboseDevMode;
+  window.__BITVID_LOCKDOWN_MODE__ = isLockdownMode;
+}
+
+// -----------------------------------------------------------------------------
+// Admin governance — production defaults rely on remote Nostr lists
+// -----------------------------------------------------------------------------
+
+export const ADMIN_LIST_MODE = "nostr";
+export { ADMIN_SUPER_NPUB };
+export { ADMIN_DM_IMAGE_URL };
+export { BITVID_WEBSITE_URL };
+export { BLOG_URL };
+export { COMMUNITY_URL };
+export { NOSTR_URL };
+export { GITHUB_URL };
+export { BETA_URL };
+export { DNS_URL };
+export { TIP_JAR_URL };
+export { MAX_WALLET_DEFAULT_ZAP };
+export { PLATFORM_FEE_PERCENT };
+export { PLATFORM_LUD16_OVERRIDE };
+export { DEFAULT_RELAY_URLS_OVERRIDE };
+export const ADMIN_EDITORS_NPUBS = []; // Default moderators (optional)
+export const ADMIN_LIST_NAMESPACE = "bitvid:admin"; // Reserved for Nostr lists
+export const ADMIN_COMMUNITY_BLACKLIST_SOURCES = "community:blacklist:sources";
+export const ADMIN_COMMUNITY_BLACKLIST_PREFIX = "community:blacklist";
+export { ALLOW_NSFW_CONTENT };
+export { DEFAULT_TRUST_SEED_NPUBS };
+export { DEFAULT_BLUR_THRESHOLD };
+export { DEFAULT_AUTOPLAY_BLOCK_THRESHOLD };
+export { DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD };
+export { DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD };
+
+const WHITELIST_MODE_KEY = ADMIN_WHITELIST_MODE_STORAGE_KEY;
+const DEFAULT_WHITELIST_ENABLED = DEFAULT_WHITELIST_MODE_ENABLED;
+
+export function getWhitelistMode() {
+  try {
+    const raw = localStorage.getItem(WHITELIST_MODE_KEY);
+    if (raw === null) {
+      return DEFAULT_WHITELIST_ENABLED;
+    }
+    return raw === "true";
+  } catch (error) {
+    userLogger.warn("Failed to read whitelist mode from storage:", error);
+    return DEFAULT_WHITELIST_ENABLED;
+  }
+}
+
+export function setWhitelistMode(enabled) {
+  try {
+    localStorage.setItem(WHITELIST_MODE_KEY, enabled ? "true" : "false");
+  } catch (error) {
+    userLogger.warn("Failed to persist whitelist mode to storage:", error);
+  }
+}
+
+export { ADMIN_WHITELIST_MODE_STORAGE_KEY };
+
+// -----------------------------------------------------------------------------
+// Watch history — roadmap defaults balance retention with relay load
+// -----------------------------------------------------------------------------
+
+export { WATCH_HISTORY_KIND };
+export { WATCH_HISTORY_LIST_IDENTIFIER };
+export { WATCH_HISTORY_MAX_ITEMS };
+export { WATCH_HISTORY_BATCH_RESOLVE };
+export { WATCH_HISTORY_BATCH_PAGE_SIZE };
+export { WATCH_HISTORY_PAYLOAD_MAX_BYTES };
+export { WATCH_HISTORY_FETCH_EVENT_LIMIT };
+export { WATCH_HISTORY_CACHE_TTL_MS };
+export { VIEW_COUNT_DEDUPE_WINDOW_SECONDS };
+export { VIEW_COUNT_BACKFILL_MAX_DAYS };
+export { VIEW_COUNT_CACHE_TTL_MS };
+export { ENSURE_PRESENCE_REBROADCAST_COOLDOWN_SECONDS };
+export { DEFAULT_PLAYBACK_SOURCE };
+export { DEFAULT_PLAYBACK_START_TIMEOUT };
diff --git a/dist/js/constants.js b/dist/js/constants.js
new file mode 100644
index 00000000..8978f265
--- /dev/null
+++ b/dist/js/constants.js
@@ -0,0 +1,485 @@
+import {
+  DEFAULT_AUTOPLAY_BLOCK_THRESHOLD as CONFIG_DEFAULT_AUTOPLAY_BLOCK_THRESHOLD,
+  DEFAULT_BLUR_THRESHOLD as CONFIG_DEFAULT_BLUR_THRESHOLD,
+  DEFAULT_TRUST_SEED_NPUBS as CONFIG_DEFAULT_TRUST_SEED_NPUBS,
+  DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD as CONFIG_DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD,
+  DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD as CONFIG_DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD,
+  DEFAULT_PLAYBACK_SOURCE,
+  DEFAULT_PLAYBACK_START_TIMEOUT,
+  IS_DEV_MODE,
+} from "./config.js";
+
+function coerceNonNegativeInteger(value, fallback) {
+  const numeric = Number(value);
+  if (!Number.isFinite(numeric)) {
+    return fallback;
+  }
+
+  const sanitized = Math.max(0, Math.floor(numeric));
+  if (!Number.isFinite(sanitized)) {
+    return fallback;
+  }
+
+  return sanitized;
+}
+
+function coerceBoolean(value, fallback) {
+  if (typeof value === "boolean") {
+    return value;
+  }
+  if (typeof value === "string") {
+    const normalized = value.trim().toLowerCase();
+    if (!normalized) {
+      return fallback;
+    }
+    if (["false", "0", "off", "no"].includes(normalized)) {
+      return false;
+    }
+    if (["true", "1", "on", "yes"].includes(normalized)) {
+      return true;
+    }
+  }
+  if (value == null) {
+    return fallback;
+  }
+  return Boolean(value);
+}
+
+function freezeTrackers(list) {
+  return Object.freeze([...list]);
+}
+
+function sanitizeTrackerList(candidate, fallbackTrackers) {
+  const fallback = Array.isArray(fallbackTrackers) ? fallbackTrackers : [];
+  const input = Array.isArray(candidate) ? candidate : fallback;
+  const seen = new Set();
+  const sanitized = [];
+
+  for (const tracker of input) {
+    if (typeof tracker !== "string") {
+      continue;
+    }
+    const trimmed = tracker.trim();
+    if (!trimmed) {
+      continue;
+    }
+    if (!/^wss:\/\//i.test(trimmed)) {
+      continue;
+    }
+    const normalized = trimmed.toLowerCase();
+    if (seen.has(normalized)) {
+      continue;
+    }
+    seen.add(normalized);
+    sanitized.push(trimmed);
+  }
+
+  if (!sanitized.length) {
+    return [...fallback];
+  }
+
+  return sanitized;
+}
+
+function sanitizeTrustSeedList(candidate) {
+  if (!Array.isArray(candidate)) {
+    return [];
+  }
+
+  const seen = new Set();
+  const sanitized = [];
+
+  for (const npub of candidate) {
+    if (typeof npub !== "string") {
+      continue;
+    }
+    const trimmed = npub.trim();
+    if (!trimmed) {
+      continue;
+    }
+    if (seen.has(trimmed)) {
+      continue;
+    }
+    seen.add(trimmed);
+    sanitized.push(trimmed);
+  }
+
+  return sanitized;
+}
+
+const DEFAULT_WSS_TRACKERS = Object.freeze([
+  "wss://tracker.openwebtorrent.com",
+  "wss://tracker.files.fm:7073/announce",
+  "wss://tracker.btorrent.xyz",
+  "wss://tracker.novage.com.ua:443/announce",
+  "wss://tracker.webtorrent.dev",
+]);
+
+const SANITIZED_DEFAULT_BLUR_THRESHOLD = coerceNonNegativeInteger(
+  CONFIG_DEFAULT_BLUR_THRESHOLD,
+  1,
+);
+const SANITIZED_DEFAULT_AUTOPLAY_BLOCK_THRESHOLD = coerceNonNegativeInteger(
+  CONFIG_DEFAULT_AUTOPLAY_BLOCK_THRESHOLD,
+  1,
+);
+const SANITIZED_DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD = coerceNonNegativeInteger(
+  CONFIG_DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD,
+  4,
+);
+const SANITIZED_DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD = coerceNonNegativeInteger(
+  CONFIG_DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD,
+  3,
+);
+
+const SANITIZED_DEFAULT_TRUST_SEED_NPUBS = Object.freeze(
+  sanitizeTrustSeedList(CONFIG_DEFAULT_TRUST_SEED_NPUBS)
+);
+
+const SANITIZED_DEFAULT_PLAYBACK_START_TIMEOUT = coerceNonNegativeInteger(
+  DEFAULT_PLAYBACK_START_TIMEOUT,
+  3000
+);
+
+export const DEFAULT_BLUR_THRESHOLD = SANITIZED_DEFAULT_BLUR_THRESHOLD;
+export const DEFAULT_AUTOPLAY_BLOCK_THRESHOLD =
+  SANITIZED_DEFAULT_AUTOPLAY_BLOCK_THRESHOLD;
+export const DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD =
+  SANITIZED_DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD;
+export const DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD =
+  SANITIZED_DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD;
+export const DEFAULT_TRUST_SEED_NPUBS = SANITIZED_DEFAULT_TRUST_SEED_NPUBS;
+export const PLAYBACK_START_TIMEOUT = SANITIZED_DEFAULT_PLAYBACK_START_TIMEOUT;
+
+const DEFAULT_FLAGS = Object.freeze({
+  URL_FIRST_ENABLED: DEFAULT_PLAYBACK_SOURCE !== "torrent", // try URL before magnet in the player
+  FEATURE_WATCH_HISTORY_V2: true,
+  FEATURE_PUBLISH_NIP71: false,
+  FEATURE_HASHTAG_PREFERENCES: false,
+  FEATURE_SEARCH_FILTERS: Boolean(IS_DEV_MODE),
+  FEATURE_TRUST_SEEDS: true, // Rollback: disable to drop baseline trust seeds without code changes.
+  FEATURE_TRUSTED_HIDE_CONTROLS: true,
+  FEATURE_IMPROVED_COMMENT_FETCHING: true, // Default true for comment persistence fixes
+  TRUSTED_MUTE_HIDE_THRESHOLD: DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD,
+  TRUSTED_SPAM_HIDE_THRESHOLD: DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD,
+  WSS_TRACKERS: DEFAULT_WSS_TRACKERS,
+});
+
+const globalScope = typeof globalThis === "object" && globalThis ? globalThis : undefined;
+
+const runtimeFlags = (() => {
+  if (globalScope && typeof globalScope.__BITVID_RUNTIME_FLAGS__ === "object") {
+    return globalScope.__BITVID_RUNTIME_FLAGS__;
+  }
+  const initial = {
+    URL_FIRST_ENABLED: DEFAULT_FLAGS.URL_FIRST_ENABLED,
+    FEATURE_WATCH_HISTORY_V2: DEFAULT_FLAGS.FEATURE_WATCH_HISTORY_V2,
+    FEATURE_PUBLISH_NIP71: DEFAULT_FLAGS.FEATURE_PUBLISH_NIP71,
+    FEATURE_HASHTAG_PREFERENCES: DEFAULT_FLAGS.FEATURE_HASHTAG_PREFERENCES,
+    FEATURE_SEARCH_FILTERS: DEFAULT_FLAGS.FEATURE_SEARCH_FILTERS,
+    FEATURE_TRUST_SEEDS: DEFAULT_FLAGS.FEATURE_TRUST_SEEDS,
+    FEATURE_TRUSTED_HIDE_CONTROLS: DEFAULT_FLAGS.FEATURE_TRUSTED_HIDE_CONTROLS,
+    FEATURE_IMPROVED_COMMENT_FETCHING:
+      DEFAULT_FLAGS.FEATURE_IMPROVED_COMMENT_FETCHING,
+    TRUSTED_MUTE_HIDE_THRESHOLD: DEFAULT_FLAGS.TRUSTED_MUTE_HIDE_THRESHOLD,
+    TRUSTED_SPAM_HIDE_THRESHOLD: DEFAULT_FLAGS.TRUSTED_SPAM_HIDE_THRESHOLD,
+    WSS_TRACKERS: [...DEFAULT_FLAGS.WSS_TRACKERS],
+  };
+  if (globalScope) {
+    globalScope.__BITVID_RUNTIME_FLAGS__ = initial;
+  }
+  return initial;
+})();
+
+export let URL_FIRST_ENABLED = coerceBoolean(
+  runtimeFlags.URL_FIRST_ENABLED,
+  DEFAULT_FLAGS.URL_FIRST_ENABLED
+);
+
+export let FEATURE_WATCH_HISTORY_V2 = coerceBoolean(
+  runtimeFlags.FEATURE_WATCH_HISTORY_V2,
+  DEFAULT_FLAGS.FEATURE_WATCH_HISTORY_V2
+);
+
+export let FEATURE_PUBLISH_NIP71 = coerceBoolean(
+  runtimeFlags.FEATURE_PUBLISH_NIP71,
+  DEFAULT_FLAGS.FEATURE_PUBLISH_NIP71
+);
+
+export let FEATURE_HASHTAG_PREFERENCES = coerceBoolean(
+  runtimeFlags.FEATURE_HASHTAG_PREFERENCES,
+  DEFAULT_FLAGS.FEATURE_HASHTAG_PREFERENCES
+);
+
+export let FEATURE_SEARCH_FILTERS = coerceBoolean(
+  runtimeFlags.FEATURE_SEARCH_FILTERS,
+  DEFAULT_FLAGS.FEATURE_SEARCH_FILTERS
+);
+
+export let FEATURE_TRUST_SEEDS = coerceBoolean(
+  runtimeFlags.FEATURE_TRUST_SEEDS,
+  DEFAULT_FLAGS.FEATURE_TRUST_SEEDS
+);
+
+export let FEATURE_TRUSTED_HIDE_CONTROLS = coerceBoolean(
+  runtimeFlags.FEATURE_TRUSTED_HIDE_CONTROLS,
+  DEFAULT_FLAGS.FEATURE_TRUSTED_HIDE_CONTROLS
+);
+
+export let FEATURE_IMPROVED_COMMENT_FETCHING = coerceBoolean(
+  runtimeFlags.FEATURE_IMPROVED_COMMENT_FETCHING,
+  DEFAULT_FLAGS.FEATURE_IMPROVED_COMMENT_FETCHING
+);
+
+export let WSS_TRACKERS = freezeTrackers(
+  sanitizeTrackerList(runtimeFlags.WSS_TRACKERS, DEFAULT_FLAGS.WSS_TRACKERS)
+);
+
+export let TRUSTED_MUTE_HIDE_THRESHOLD = coerceNonNegativeInteger(
+  runtimeFlags.TRUSTED_MUTE_HIDE_THRESHOLD,
+  DEFAULT_FLAGS.TRUSTED_MUTE_HIDE_THRESHOLD
+);
+
+export let TRUSTED_SPAM_HIDE_THRESHOLD = coerceNonNegativeInteger(
+  runtimeFlags.TRUSTED_SPAM_HIDE_THRESHOLD,
+  DEFAULT_FLAGS.TRUSTED_SPAM_HIDE_THRESHOLD
+);
+
+Object.defineProperty(runtimeFlags, "URL_FIRST_ENABLED", {
+  configurable: true,
+  enumerable: true,
+  get() {
+    return URL_FIRST_ENABLED;
+  },
+  set(next) {
+    URL_FIRST_ENABLED = coerceBoolean(next, DEFAULT_FLAGS.URL_FIRST_ENABLED);
+  },
+});
+
+Object.defineProperty(runtimeFlags, "FEATURE_WATCH_HISTORY_V2", {
+  configurable: true,
+  enumerable: true,
+  get() {
+    return FEATURE_WATCH_HISTORY_V2;
+  },
+  set(next) {
+    FEATURE_WATCH_HISTORY_V2 = coerceBoolean(
+      next,
+      DEFAULT_FLAGS.FEATURE_WATCH_HISTORY_V2
+    );
+  },
+});
+
+Object.defineProperty(runtimeFlags, "FEATURE_PUBLISH_NIP71", {
+  configurable: true,
+  enumerable: true,
+  get() {
+    return FEATURE_PUBLISH_NIP71;
+  },
+  set(next) {
+    FEATURE_PUBLISH_NIP71 = coerceBoolean(
+      next,
+      DEFAULT_FLAGS.FEATURE_PUBLISH_NIP71
+    );
+  },
+});
+
+Object.defineProperty(runtimeFlags, "FEATURE_HASHTAG_PREFERENCES", {
+  configurable: true,
+  enumerable: true,
+  get() {
+    return FEATURE_HASHTAG_PREFERENCES;
+  },
+  set(next) {
+    FEATURE_HASHTAG_PREFERENCES = coerceBoolean(
+      next,
+      DEFAULT_FLAGS.FEATURE_HASHTAG_PREFERENCES
+    );
+  },
+});
+
+Object.defineProperty(runtimeFlags, "FEATURE_SEARCH_FILTERS", {
+  configurable: true,
+  enumerable: true,
+  get() {
+    return FEATURE_SEARCH_FILTERS;
+  },
+  set(next) {
+    FEATURE_SEARCH_FILTERS = coerceBoolean(
+      next,
+      DEFAULT_FLAGS.FEATURE_SEARCH_FILTERS
+    );
+  },
+});
+
+Object.defineProperty(runtimeFlags, "FEATURE_TRUST_SEEDS", {
+  configurable: true,
+  enumerable: true,
+  get() {
+    return FEATURE_TRUST_SEEDS;
+  },
+  set(next) {
+    FEATURE_TRUST_SEEDS = coerceBoolean(
+      next,
+      DEFAULT_FLAGS.FEATURE_TRUST_SEEDS
+    );
+  },
+});
+
+Object.defineProperty(runtimeFlags, "FEATURE_TRUSTED_HIDE_CONTROLS", {
+  configurable: true,
+  enumerable: true,
+  get() {
+    return FEATURE_TRUSTED_HIDE_CONTROLS;
+  },
+  set(next) {
+    FEATURE_TRUSTED_HIDE_CONTROLS = coerceBoolean(
+      next,
+      DEFAULT_FLAGS.FEATURE_TRUSTED_HIDE_CONTROLS
+    );
+  },
+});
+
+Object.defineProperty(runtimeFlags, "FEATURE_IMPROVED_COMMENT_FETCHING", {
+  configurable: true,
+  enumerable: true,
+  get() {
+    return FEATURE_IMPROVED_COMMENT_FETCHING;
+  },
+  set(next) {
+    FEATURE_IMPROVED_COMMENT_FETCHING = coerceBoolean(
+      next,
+      DEFAULT_FLAGS.FEATURE_IMPROVED_COMMENT_FETCHING
+    );
+  },
+});
+
+Object.defineProperty(runtimeFlags, "WSS_TRACKERS", {
+  configurable: true,
+  enumerable: true,
+  get() {
+    return [...WSS_TRACKERS];
+  },
+  set(next) {
+    WSS_TRACKERS = freezeTrackers(
+      sanitizeTrackerList(next, DEFAULT_FLAGS.WSS_TRACKERS)
+    );
+  },
+});
+
+Object.defineProperty(runtimeFlags, "TRUSTED_MUTE_HIDE_THRESHOLD", {
+  configurable: true,
+  enumerable: true,
+  get() {
+    return TRUSTED_MUTE_HIDE_THRESHOLD;
+  },
+  set(next) {
+    TRUSTED_MUTE_HIDE_THRESHOLD = coerceNonNegativeInteger(
+      next,
+      DEFAULT_FLAGS.TRUSTED_MUTE_HIDE_THRESHOLD
+    );
+  },
+});
+
+Object.defineProperty(runtimeFlags, "TRUSTED_SPAM_HIDE_THRESHOLD", {
+  configurable: true,
+  enumerable: true,
+  get() {
+    return TRUSTED_SPAM_HIDE_THRESHOLD;
+  },
+  set(next) {
+    TRUSTED_SPAM_HIDE_THRESHOLD = coerceNonNegativeInteger(
+      next,
+      DEFAULT_FLAGS.TRUSTED_SPAM_HIDE_THRESHOLD
+    );
+  },
+});
+
+// Ensure the runtime object reflects the sanitized defaults immediately.
+runtimeFlags.URL_FIRST_ENABLED = URL_FIRST_ENABLED;
+runtimeFlags.FEATURE_WATCH_HISTORY_V2 = FEATURE_WATCH_HISTORY_V2;
+runtimeFlags.FEATURE_PUBLISH_NIP71 = FEATURE_PUBLISH_NIP71;
+runtimeFlags.FEATURE_HASHTAG_PREFERENCES = FEATURE_HASHTAG_PREFERENCES;
+runtimeFlags.FEATURE_SEARCH_FILTERS = FEATURE_SEARCH_FILTERS;
+runtimeFlags.FEATURE_TRUST_SEEDS = FEATURE_TRUST_SEEDS;
+runtimeFlags.FEATURE_TRUSTED_HIDE_CONTROLS = FEATURE_TRUSTED_HIDE_CONTROLS;
+runtimeFlags.FEATURE_IMPROVED_COMMENT_FETCHING =
+  FEATURE_IMPROVED_COMMENT_FETCHING;
+runtimeFlags.WSS_TRACKERS = WSS_TRACKERS;
+runtimeFlags.TRUSTED_MUTE_HIDE_THRESHOLD = TRUSTED_MUTE_HIDE_THRESHOLD;
+runtimeFlags.TRUSTED_SPAM_HIDE_THRESHOLD = TRUSTED_SPAM_HIDE_THRESHOLD;
+
+export function setUrlFirstEnabled(next) {
+  runtimeFlags.URL_FIRST_ENABLED = next;
+  return URL_FIRST_ENABLED;
+}
+
+export function setWssTrackers(next) {
+  runtimeFlags.WSS_TRACKERS = next;
+  return WSS_TRACKERS;
+}
+
+export function setTrustSeedsEnabled(next) {
+  runtimeFlags.FEATURE_TRUST_SEEDS = next;
+  return FEATURE_TRUST_SEEDS;
+}
+
+export function setTrustedHideControlsEnabled(next) {
+  runtimeFlags.FEATURE_TRUSTED_HIDE_CONTROLS = next;
+  return FEATURE_TRUSTED_HIDE_CONTROLS;
+}
+
+export function setImprovedCommentFetchingEnabled(next) {
+  runtimeFlags.FEATURE_IMPROVED_COMMENT_FETCHING = next;
+  return FEATURE_IMPROVED_COMMENT_FETCHING;
+}
+
+export function setHashtagPreferencesEnabled(next) {
+  runtimeFlags.FEATURE_HASHTAG_PREFERENCES = next;
+  return FEATURE_HASHTAG_PREFERENCES;
+}
+
+export function setSearchFiltersEnabled(next) {
+  runtimeFlags.FEATURE_SEARCH_FILTERS = next;
+  return FEATURE_SEARCH_FILTERS;
+}
+
+export function resetRuntimeFlags() {
+  setUrlFirstEnabled(DEFAULT_FLAGS.URL_FIRST_ENABLED);
+  setWatchHistoryV2Enabled(DEFAULT_FLAGS.FEATURE_WATCH_HISTORY_V2);
+  setHashtagPreferencesEnabled(DEFAULT_FLAGS.FEATURE_HASHTAG_PREFERENCES);
+  setSearchFiltersEnabled(DEFAULT_FLAGS.FEATURE_SEARCH_FILTERS);
+  setTrustSeedsEnabled(DEFAULT_FLAGS.FEATURE_TRUST_SEEDS);
+  setTrustedHideControlsEnabled(DEFAULT_FLAGS.FEATURE_TRUSTED_HIDE_CONTROLS);
+  setImprovedCommentFetchingEnabled(
+    DEFAULT_FLAGS.FEATURE_IMPROVED_COMMENT_FETCHING
+  );
+  setTrustedMuteHideThreshold(DEFAULT_FLAGS.TRUSTED_MUTE_HIDE_THRESHOLD);
+  setTrustedSpamHideThreshold(DEFAULT_FLAGS.TRUSTED_SPAM_HIDE_THRESHOLD);
+  setWssTrackers(DEFAULT_FLAGS.WSS_TRACKERS);
+}
+
+export const RUNTIME_FLAGS = runtimeFlags;
+
+export function setWatchHistoryV2Enabled(next) {
+  runtimeFlags.FEATURE_WATCH_HISTORY_V2 = next;
+  return FEATURE_WATCH_HISTORY_V2;
+}
+
+export function setTrustedMuteHideThreshold(next) {
+  runtimeFlags.TRUSTED_MUTE_HIDE_THRESHOLD = next;
+  return TRUSTED_MUTE_HIDE_THRESHOLD;
+}
+
+export function setTrustedSpamHideThreshold(next) {
+  runtimeFlags.TRUSTED_SPAM_HIDE_THRESHOLD = next;
+  return TRUSTED_SPAM_HIDE_THRESHOLD;
+}
+
+export function getTrustedMuteHideThreshold() {
+  return TRUSTED_MUTE_HIDE_THRESHOLD;
+}
+
+export function getTrustedSpamHideThreshold() {
+  return TRUSTED_SPAM_HIDE_THRESHOLD;
+}
diff --git a/dist/js/designSystem.js b/dist/js/designSystem.js
new file mode 100644
index 00000000..1f2c565a
--- /dev/null
+++ b/dist/js/designSystem.js
@@ -0,0 +1,98 @@
+import { userLogger } from "./utils/logger.js";
+const NEW_MODE = "new";
+
+const FALLBACK_CONTEXT = Object.freeze({
+  getMode: () => NEW_MODE,
+  isNew: () => true,
+});
+
+export const BREAKPOINT_LG = 1024;
+
+export function getDesignSystemMode() {
+  return NEW_MODE;
+}
+
+export function isDesignSystemNew() {
+  return true;
+}
+
+export function normalizeDesignSystemContext(candidate) {
+  if (!candidate || typeof candidate !== "object") {
+    return FALLBACK_CONTEXT;
+  }
+
+  return {
+    getMode:
+      typeof candidate.getMode === "function"
+        ? candidate.getMode
+        : FALLBACK_CONTEXT.getMode,
+    isNew:
+      typeof candidate.isNew === "function"
+        ? candidate.isNew
+        : FALLBACK_CONTEXT.isNew,
+  };
+}
+
+export function applyDesignSystemAttributes(root = null) {
+  if (typeof document === "undefined" || !document) {
+    return getDesignSystemMode();
+  }
+
+  const mode = getDesignSystemMode();
+
+  const enqueueTargets = (source) => {
+    const targets = [];
+    if (!source) {
+      return targets;
+    }
+
+    const pushIfEligible = (element) => {
+      if (!element || element.nodeType !== 1) {
+        return;
+      }
+      if (element === document.body || element.hasAttribute("data-ds")) {
+        targets.push(element);
+      }
+    };
+
+    if (source === document) {
+      pushIfEligible(document.body);
+      if (typeof document.querySelectorAll === "function") {
+        document
+          .querySelectorAll("[data-ds]")
+          .forEach((element) => pushIfEligible(element));
+      }
+      return targets;
+    }
+
+    if (source.nodeType === 1) {
+      pushIfEligible(source);
+      if (typeof source.querySelectorAll === "function") {
+        source
+          .querySelectorAll("[data-ds]")
+          .forEach((element) => pushIfEligible(element));
+      }
+      return targets;
+    }
+
+    if (source.nodeType === 11 && typeof source.querySelectorAll === "function") {
+      source
+        .querySelectorAll("[data-ds]")
+        .forEach((element) => pushIfEligible(element));
+    }
+
+    return targets;
+  };
+
+  const targets = enqueueTargets(root || document);
+
+  targets.forEach((element) => {
+    try {
+      element.setAttribute("data-ds", mode);
+    } catch (error) {
+      userLogger.warn("[design-system] Failed to set data-ds attribute:", error);
+    }
+  });
+
+  return mode;
+}
diff --git a/dist/js/designSystem/dynamicStyles.js b/dist/js/designSystem/dynamicStyles.js
new file mode 100644
index 00000000..0d845368
--- /dev/null
+++ b/dist/js/designSystem/dynamicStyles.js
@@ -0,0 +1,276 @@
+const DATA_ATTRIBUTE = "data-ds-style-id";
+
+const DEFAULT_SELECTOR = ":scope";
+
+const SCOPE_REGISTRY = new Map();
+const DOCUMENT_MANAGERS = new WeakMap();
+
+function sanitizeScopeId(baseId) {
+  if (typeof baseId !== "string") {
+    return "ds-scope";
+  }
+  const trimmed = baseId.trim();
+  if (!trimmed) {
+    return "ds-scope";
+  }
+  const normalized = trimmed.replace(/[^a-zA-Z0-9_-]+/g, "-");
+  return normalized || "ds-scope";
+}
+
+function resolveDocument(documentRef) {
+  if (documentRef && typeof documentRef === "object" && documentRef.nodeType === 9) {
+    return documentRef;
+  }
+  if (typeof globalThis.document === "object" && globalThis.document?.nodeType === 9) {
+    return globalThis.document;
+  }
+  return null;
+}
+
+function supportsConstructableStylesheets(doc) {
+  return (
+    !!doc &&
+    Array.isArray(doc.adoptedStyleSheets) &&
+    typeof doc.adoptedStyleSheets.splice === "function" &&
+    typeof globalThis.CSSStyleSheet === "function"
+  );
+}
+
+function ensureManager(doc) {
+  if (!doc) {
+    return null;
+  }
+  let manager = DOCUMENT_MANAGERS.get(doc);
+  if (manager) {
+    return manager;
+  }
+
+  let sheet = null;
+  let styleElement = null;
+  const constructable = supportsConstructableStylesheets(doc);
+
+  if (constructable) {
+    sheet = new globalThis.CSSStyleSheet();
+    try {
+      doc.adoptedStyleSheets = [...doc.adoptedStyleSheets, sheet];
+    } catch (error) {
+      // Fall back to a <style> element if adoption fails at runtime.
+      sheet = null;
+    }
+  }
+
+  if (!sheet) {
+    styleElement = doc.createElement("style");
+    styleElement.setAttribute("data-ds-dynamic", "true");
+    doc.head?.appendChild(styleElement);
+    sheet = styleElement.sheet || null;
+  }
+
+  manager = {
+    document: doc,
+    sheet,
+    styleElement,
+    counter: 0,
+    scopes: new Map(),
+  };
+  DOCUMENT_MANAGERS.set(doc, manager);
+  return manager;
+}
+
+function generateScopeId(baseId, manager) {
+  const prefix = sanitizeScopeId(baseId);
+  if (!SCOPE_REGISTRY.has(prefix) && !manager.scopes.has(prefix)) {
+    return prefix;
+  }
+  let suffix = 1;
+  let candidate = `${prefix}-${suffix}`;
+  while (SCOPE_REGISTRY.has(candidate) || manager.scopes.has(candidate)) {
+    suffix += 1;
+    candidate = `${prefix}-${suffix}`;
+  }
+  return candidate;
+}
+
+function buildSelector(scopeId, selector) {
+  const token = `[${DATA_ATTRIBUTE}="${scopeId}"]`;
+  if (typeof selector !== "string" || !selector.trim()) {
+    return token;
+  }
+  if (selector.includes("&")) {
+    return selector.replace(/&/g, token);
+  }
+  if (selector.includes(":scope")) {
+    return selector.replace(/:scope/g, token);
+  }
+  const trimmed = selector.trim();
+  if (/^[>+~]/.test(trimmed)) {
+    return `${token}${trimmed}`;
+  }
+  return `${token} ${trimmed}`;
+}
+
+function insertEmptyRule(sheet, selectorText) {
+  if (!sheet || typeof sheet.insertRule !== "function") {
+    return null;
+  }
+  try {
+    const index = sheet.insertRule(`${selectorText} {}`, sheet.cssRules.length);
+    return sheet.cssRules[index] || null;
+  } catch (error) {
+    return null;
+  }
+}
+
+function findRuleIndex(sheet, rule) {
+  if (!sheet || !rule) {
+    return -1;
+  }
+  const { cssRules } = sheet;
+  for (let index = 0; index < cssRules.length; index += 1) {
+    if (cssRules[index] === rule) {
+      return index;
+    }
+  }
+  return -1;
+}
+
+function normalizeSelectors(selectors) {
+  if (!Array.isArray(selectors)) {
+    return [DEFAULT_SELECTOR];
+  }
+  const filtered = selectors
+    .map((selector) => (typeof selector === "string" ? selector.trim() : ""))
+    .filter((selector) => selector !== "");
+  if (filtered.length === 0) {
+    return [DEFAULT_SELECTOR];
+  }
+  return filtered;
+}
+
+export function registerScope(baseId, selectors = [DEFAULT_SELECTOR], options = {}) {
+  const doc = resolveDocument(options.documentRef);
+  const manager = ensureManager(doc);
+  if (!manager || !manager.sheet) {
+    return null;
+  }
+
+  const scopeId = generateScopeId(baseId, manager);
+  const normalizedSelectors = normalizeSelectors(selectors);
+  const records = [];
+
+  for (const selector of normalizedSelectors) {
+    const selectorText = buildSelector(scopeId, selector);
+    const rule = insertEmptyRule(manager.sheet, selectorText);
+    if (rule) {
+      records.push({ selector, rule });
+    }
+  }
+
+  const scopeRecord = {
+    id: scopeId,
+    manager,
+    rules: records,
+  };
+
+  manager.scopes.set(scopeId, scopeRecord);
+  SCOPE_REGISTRY.set(scopeId, scopeRecord);
+
+  return scopeId;
+}
+
+function normalizeVariableValue(value) {
+  if (value === undefined || value === null) {
+    return "";
+  }
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return `${value}`;
+  }
+  if (typeof value === "string") {
+    return value.trim();
+  }
+  return "";
+}
+
+export function setVariables(scopeId, variables = {}, { selector = DEFAULT_SELECTOR } = {}) {
+  if (!scopeId || typeof variables !== "object" || variables === null) {
+    return false;
+  }
+  const scope = SCOPE_REGISTRY.get(scopeId);
+  if (!scope || !scope.manager?.sheet) {
+    return false;
+  }
+
+  const targetRecord = scope.rules.find((record) => record.selector === selector) ||
+    scope.rules.find((record) => record.selector === DEFAULT_SELECTOR);
+
+  if (!targetRecord) {
+    return false;
+  }
+
+  const rule = targetRecord.rule;
+  const ruleStyle = rule ? rule["style"] : null;
+  if (!ruleStyle) {
+    return false;
+  }
+
+  let didUpdate = false;
+  for (const [name, rawValue] of Object.entries(variables)) {
+    if (typeof name !== "string" || !name.trim().startsWith("--")) {
+      continue;
+    }
+    const value = normalizeVariableValue(rawValue);
+    if (value) {
+      ruleStyle.setProperty(name.trim(), value);
+    } else {
+      ruleStyle.removeProperty(name.trim());
+    }
+    didUpdate = true;
+  }
+
+  return didUpdate;
+}
+
+export function releaseScope(scopeId) {
+  if (!scopeId) {
+    return false;
+  }
+  const scope = SCOPE_REGISTRY.get(scopeId);
+  if (!scope || !scope.manager?.sheet) {
+    return false;
+  }
+
+  const { sheet } = scope.manager;
+  let removed = false;
+
+  for (const record of scope.rules) {
+    const rule = record.rule;
+    if (!rule) {
+      continue;
+    }
+    const index = findRuleIndex(sheet, rule);
+    if (index >= 0) {
+      try {
+        sheet.deleteRule(index);
+        removed = true;
+      } catch (error) {
+        // Ignore deletion failures.
+      }
+    }
+  }
+
+  scope.manager.scopes.delete(scopeId);
+  SCOPE_REGISTRY.delete(scopeId);
+
+  return removed;
+}
+
+export function getScopeAttributeName() {
+  return DATA_ATTRIBUTE;
+}
+
+export default {
+  registerScope,
+  setVariables,
+  releaseScope,
+  getScopeAttributeName,
+};
diff --git a/dist/js/designSystem/metrics.js b/dist/js/designSystem/metrics.js
new file mode 100644
index 00000000..cabf8f47
--- /dev/null
+++ b/dist/js/designSystem/metrics.js
@@ -0,0 +1,251 @@
+import {
+  registerScope,
+  setVariables,
+  getScopeAttributeName,
+} from "./dynamicStyles.js";
+
+const TOKEN_FALLBACKS = {
+  "--breakpoint-lg": "64rem",
+  "--grid-card-min-width": "20rem",
+  "--popover-backdrop-blur": "12px",
+  "--toast-translate": "0.75rem",
+  "--sidebar-mobile-gutter": "3rem",
+  "--popup-padding-inline": "1rem",
+  "--popup-padding-block": "0.75rem",
+};
+
+const PROBE_SCOPE_BASE = "metric-probe";
+const PROBE_LENGTH_VAR = "--ds-metric-probe-length";
+
+const PROBE_CACHE = new WeakMap();
+
+function resolveDocument(documentRef) {
+  if (documentRef && typeof documentRef === "object" && documentRef.nodeType === 9) {
+    return documentRef;
+  }
+  return typeof globalThis.document === "object" ? globalThis.document : null;
+}
+
+function readComputedStyle(documentRef) {
+  const doc = resolveDocument(documentRef);
+  if (!doc || !doc.documentElement) {
+    return null;
+  }
+  const view = doc.defaultView || globalThis;
+  if (!view || typeof view.getComputedStyle !== "function") {
+    return null;
+  }
+  try {
+    return view.getComputedStyle(doc.documentElement);
+  } catch (error) {
+    return null;
+  }
+}
+
+function readTokenFallback(tokenName) {
+  const fallback = TOKEN_FALLBACKS[tokenName];
+  return typeof fallback === "string" ? fallback : "";
+}
+
+function sanitizeTokenName(tokenName) {
+  return typeof tokenName === "string" && tokenName.trim().startsWith("--")
+    ? tokenName.trim()
+    : "";
+}
+
+function normalizeTokenValue(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+
+export function readDesignToken(tokenName, { documentRef } = {}) {
+  const token = sanitizeTokenName(tokenName);
+  if (!token) {
+    return "";
+  }
+
+  const doc = resolveDocument(documentRef);
+  const computed = readComputedStyle(doc);
+  if (computed) {
+    const computedValue = normalizeTokenValue(computed.getPropertyValue(token));
+    if (computedValue) {
+      return computedValue;
+    }
+  }
+
+  const root = doc?.documentElement || null;
+  const inlineStyles = root ? root["style"] : null;
+  if (inlineStyles) {
+    const inlineValue = normalizeTokenValue(inlineStyles.getPropertyValue(token));
+    if (inlineValue) {
+      return inlineValue;
+    }
+  }
+
+  return readTokenFallback(token);
+}
+
+function parsePixelValue(value) {
+  const numeric = Number.parseFloat(value);
+  return Number.isFinite(numeric) ? numeric : 0;
+}
+
+function ensureProbe(documentRef) {
+  const doc = resolveDocument(documentRef);
+  if (!doc?.body) {
+    return null;
+  }
+
+  let record = PROBE_CACHE.get(doc);
+  if (record?.element?.isConnected) {
+    return record;
+  }
+
+  const element = doc.createElement("div");
+  element.className = "ds-metric-probe";
+
+  const scopeId = registerScope(PROBE_SCOPE_BASE, [":scope"], { documentRef: doc });
+  if (scopeId) {
+    element.setAttribute(getScopeAttributeName(), scopeId);
+    setVariables(scopeId, { [PROBE_LENGTH_VAR]: "0" });
+  }
+
+  doc.body.appendChild(element);
+  record = { element, scopeId };
+  PROBE_CACHE.set(doc, record);
+  return record;
+}
+
+function measureWithProbe(value, documentRef) {
+  const record = ensureProbe(documentRef);
+  if (!record?.element) {
+    return 0;
+  }
+  if (record.scopeId) {
+    setVariables(record.scopeId, { [PROBE_LENGTH_VAR]: value });
+  }
+  const measured = record.element.offsetHeight;
+  if (record.scopeId) {
+    setVariables(record.scopeId, { [PROBE_LENGTH_VAR]: "0" });
+  }
+  return Number.isFinite(measured) ? measured : 0;
+}
+
+function convertLengthToPixels(value, documentRef) {
+  const raw = normalizeTokenValue(value);
+  if (!raw) {
+    return 0;
+  }
+
+  if (/^-?\d*\.?\d+px$/i.test(raw)) {
+    return parsePixelValue(raw);
+  }
+
+  if (/^-?\d*\.?\d+rem$/i.test(raw)) {
+    const rem = parsePixelValue(raw);
+    const doc = resolveDocument(documentRef);
+    let base = 16;
+    const view = doc?.defaultView || globalThis;
+    if (doc?.documentElement && view && typeof view.getComputedStyle === "function") {
+      try {
+        const computed = view.getComputedStyle(doc.documentElement);
+        const fontSize = normalizeTokenValue(computed?.fontSize || "");
+        const parsed = parsePixelValue(fontSize);
+        if (parsed > 0) {
+          base = parsed;
+        }
+      } catch (error) {
+        // Ignore computed style errors and fall back to defaults.
+      }
+    }
+    return rem * base;
+  }
+
+  const measured = measureWithProbe(raw, documentRef);
+  if (measured > 0) {
+    return measured;
+  }
+
+  return parsePixelValue(raw);
+}
+
+export function readDesignTokenAsPixels(tokenName, options = {}) {
+  const raw = readDesignToken(tokenName, options);
+  return convertLengthToPixels(raw, options.documentRef);
+}
+
+export function getGridCardMinWidth(options = {}) {
+  return readDesignToken("--grid-card-min-width", options);
+}
+
+export function getGridCardMinWidthPx(options = {}) {
+  return readDesignTokenAsPixels("--grid-card-min-width", options);
+}
+
+export function getBreakpointLg(options = {}) {
+  return readDesignToken("--breakpoint-lg", options);
+}
+
+export function getPopoverBackdropBlur(options = {}) {
+  return readDesignToken("--popover-backdrop-blur", options);
+}
+
+export function getToastTranslate(options = {}) {
+  return readDesignToken("--toast-translate", options);
+}
+
+export function getToastTranslatePx(options = {}) {
+  return readDesignTokenAsPixels("--toast-translate", options);
+}
+
+export function getSidebarMobileGutter(options = {}) {
+  return readDesignToken("--sidebar-mobile-gutter", options);
+}
+
+export function getSidebarMobileGutterPx(options = {}) {
+  return readDesignTokenAsPixels("--sidebar-mobile-gutter", options);
+}
+
+export function getPopupPaddingInline(options = {}) {
+  return readDesignToken("--popup-padding-inline", options);
+}
+
+export function getPopupPaddingInlinePx(options = {}) {
+  return readDesignTokenAsPixels("--popup-padding-inline", options);
+}
+
+export function getPopupPaddingBlock(options = {}) {
+  return readDesignToken("--popup-padding-block", options);
+}
+
+export function getPopupPaddingBlockPx(options = {}) {
+  return readDesignTokenAsPixels("--popup-padding-block", options);
+}
+
+export function getPopupOffsetPx(options = {}) {
+  const inlinePadding = getPopupPaddingInlinePx(options);
+  return inlinePadding > 0 ? inlinePadding / 2 : 0;
+}
+
+export function getPopupViewportPaddingPx(options = {}) {
+  return getPopupPaddingInlinePx(options);
+}
+
+export const designMetrics = {
+  readDesignToken,
+  readDesignTokenAsPixels,
+  getGridCardMinWidth,
+  getGridCardMinWidthPx,
+  getPopoverBackdropBlur,
+  getToastTranslate,
+  getToastTranslatePx,
+  getSidebarMobileGutter,
+  getSidebarMobileGutterPx,
+  getPopupPaddingInline,
+  getPopupPaddingInlinePx,
+  getPopupPaddingBlock,
+  getPopupPaddingBlockPx,
+  getPopupOffsetPx,
+  getPopupViewportPaddingPx,
+};
+
+export default designMetrics;
diff --git a/dist/js/directMessagesStore.js b/dist/js/directMessagesStore.js
new file mode 100644
index 00000000..c7c1d20e
--- /dev/null
+++ b/dist/js/directMessagesStore.js
@@ -0,0 +1,336 @@
+import { userLogger } from "./utils/logger.js";
+
+const DB_NAME = "bitvidSettings";
+const DB_VERSION = 1;
+const STORE_NAME = "kv";
+const KEY_PREFIX = "dmSnapshot:";
+const LOCALSTORAGE_PREFIX = "bitvid:dmSnapshot:";
+const PREVIEW_MAX_LENGTH = 160;
+const HEX64_REGEX = /^[0-9a-f]{64}$/i;
+
+function isIndexedDbAvailable() {
+  try {
+    return typeof indexedDB !== "undefined";
+  } catch (error) {
+    return false;
+  }
+}
+
+function openSettingsDb() {
+  return new Promise((resolve, reject) => {
+    if (!isIndexedDbAvailable()) {
+      resolve(null);
+      return;
+    }
+
+    const request = indexedDB.open(DB_NAME, DB_VERSION);
+
+    request.onupgradeneeded = () => {
+      const db = request.result;
+      if (!db.objectStoreNames.contains(STORE_NAME)) {
+        db.createObjectStore(STORE_NAME);
+      }
+    };
+
+    request.onsuccess = () => {
+      resolve(request.result);
+    };
+
+    request.onerror = () => {
+      reject(request.error || new Error("Failed to open settings DB"));
+    };
+  });
+}
+
+function normalizePubkey(pubkey) {
+  if (typeof pubkey !== "string") {
+    return "";
+  }
+
+  const trimmed = pubkey.trim();
+  if (!trimmed) {
+    return "";
+  }
+
+  if (HEX64_REGEX.test(trimmed)) {
+    return trimmed.toLowerCase();
+  }
+
+  if (trimmed.startsWith("npub1") && typeof window !== "undefined") {
+    try {
+      const decoded = window?.NostrTools?.nip19?.decode?.(trimmed);
+      if (decoded?.type === "npub" && typeof decoded.data === "string") {
+        const hex = decoded.data.trim();
+        if (HEX64_REGEX.test(hex)) {
+          return hex.toLowerCase();
+        }
+      }
+    } catch (error) {
+      // Ignore decode errors and fall through to return empty string.
+    }
+  }
+
+  return "";
+}
+
+function resolveStorageKeys(pubkey) {
+  const normalized = normalizePubkey(pubkey);
+  if (!normalized) {
+    throw new Error("Invalid pubkey for DM snapshot storage.");
+  }
+
+  return {
+    normalized,
+    dbKey: `${KEY_PREFIX}${normalized}`,
+    fallbackKey: `${LOCALSTORAGE_PREFIX}${normalized}`,
+  };
+}
+
+function sanitizeTimestamp(value) {
+  const numeric = Number(value);
+  if (!Number.isFinite(numeric) || numeric <= 0) {
+    return 0;
+  }
+
+  const rounded = Math.floor(numeric);
+  return Number.isFinite(rounded) && rounded > 0 ? rounded : 0;
+}
+
+function sanitizePreview(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+
+  let preview = value.replace(/\s+/g, " ").trim();
+  if (!preview) {
+    return "";
+  }
+
+  if (preview.length > PREVIEW_MAX_LENGTH) {
+    preview = `${preview.slice(0, PREVIEW_MAX_LENGTH).trimEnd()}\u2026`;
+  }
+
+  return preview;
+}
+
+function normalizeSnapshotEntry(entry) {
+  if (!entry || typeof entry !== "object") {
+    return null;
+  }
+
+  const remotePubkey = normalizePubkey(
+    entry.remotePubkey || entry.remote || entry.pubkey,
+  );
+  if (!remotePubkey) {
+    return null;
+  }
+
+  const latestTimestamp = sanitizeTimestamp(
+    entry.latestTimestamp ?? entry.timestamp ?? entry.lastTimestamp,
+  );
+
+  const preview = sanitizePreview(
+    entry.preview ?? entry.plaintext ?? entry.text ?? "",
+  );
+
+  return {
+    remotePubkey,
+    latestTimestamp,
+    preview,
+  };
+}
+
+function normalizeSnapshotList(raw) {
+  if (!Array.isArray(raw)) {
+    return [];
+  }
+
+  const seen = new Set();
+  const results = [];
+
+  for (const entry of raw) {
+    const normalized = normalizeSnapshotEntry(entry);
+    if (!normalized) {
+      continue;
+    }
+
+    if (seen.has(normalized.remotePubkey)) {
+      const existingIndex = results.findIndex(
+        (candidate) => candidate.remotePubkey === normalized.remotePubkey,
+      );
+      if (existingIndex >= 0) {
+        const existing = results[existingIndex];
+        if (normalized.latestTimestamp > existing.latestTimestamp) {
+          results[existingIndex] = normalized;
+        }
+      }
+      continue;
+    }
+
+    seen.add(normalized.remotePubkey);
+    results.push(normalized);
+  }
+
+  results.sort(
+    (a, b) => (b.latestTimestamp || 0) - (a.latestTimestamp || 0),
+  );
+
+  return results;
+}
+
+export async function loadDirectMessageSnapshot(pubkey) {
+  let keys;
+  try {
+    keys = resolveStorageKeys(pubkey);
+  } catch (error) {
+    userLogger.warn("[directMessagesStore] Invalid pubkey for load", error);
+    return [];
+  }
+
+  const { normalized, dbKey, fallbackKey } = keys;
+
+  try {
+    const db = await openSettingsDb();
+    if (db) {
+      try {
+        const stored = await new Promise((resolve, reject) => {
+          const tx = db.transaction(STORE_NAME, "readonly");
+          const store = tx.objectStore(STORE_NAME);
+          const request = store.get(dbKey);
+          request.onsuccess = () => resolve(request.result || []);
+          request.onerror = () =>
+            reject(request.error || new Error("Failed to load snapshot"));
+        });
+
+        return normalizeSnapshotList(stored);
+      } finally {
+        db.close();
+      }
+    }
+  } catch (error) {
+    userLogger.warn(
+      "[directMessagesStore] Failed to read IndexedDB snapshot",
+      error,
+    );
+  }
+
+  try {
+    if (typeof localStorage !== "undefined") {
+      const raw = localStorage.getItem(fallbackKey);
+      if (raw) {
+        return normalizeSnapshotList(JSON.parse(raw));
+      }
+    }
+  } catch (error) {
+    userLogger.warn(
+      "[directMessagesStore] Failed to read fallback snapshot",
+      error,
+    );
+  }
+
+  // If we reached here, ensure we still return a normalized empty list for
+  // callers that rely on consistent return values.
+  return normalizeSnapshotList([]);
+}
+
+export async function saveDirectMessageSnapshot(pubkey, snapshot) {
+  let keys;
+  try {
+    keys = resolveStorageKeys(pubkey);
+  } catch (error) {
+    userLogger.warn("[directMessagesStore] Invalid pubkey for save", error);
+    return [];
+  }
+
+  const normalizedSnapshot = normalizeSnapshotList(snapshot);
+  const { dbKey, fallbackKey } = keys;
+
+  try {
+    const db = await openSettingsDb();
+    if (db) {
+      try {
+        await new Promise((resolve, reject) => {
+          const tx = db.transaction(STORE_NAME, "readwrite");
+          const store = tx.objectStore(STORE_NAME);
+          const request = store.put(normalizedSnapshot, dbKey);
+          request.onsuccess = () => resolve();
+          request.onerror = () =>
+            reject(request.error || new Error("Failed to write snapshot"));
+        });
+        return normalizedSnapshot;
+      } finally {
+        db.close();
+      }
+    }
+  } catch (error) {
+    userLogger.warn(
+      "[directMessagesStore] Failed to write IndexedDB snapshot",
+      error,
+    );
+  }
+
+  try {
+    if (typeof localStorage !== "undefined") {
+      localStorage.setItem(fallbackKey, JSON.stringify(normalizedSnapshot));
+    }
+  } catch (error) {
+    userLogger.warn(
+      "[directMessagesStore] Failed to write fallback snapshot",
+      error,
+    );
+  }
+
+  return normalizedSnapshot;
+}
+
+export async function clearDirectMessageSnapshot(pubkey) {
+  let keys;
+  try {
+    keys = resolveStorageKeys(pubkey);
+  } catch (error) {
+    userLogger.warn("[directMessagesStore] Invalid pubkey for clear", error);
+    return false;
+  }
+
+  const { dbKey, fallbackKey } = keys;
+  let cleared = false;
+
+  try {
+    const db = await openSettingsDb();
+    if (db) {
+      try {
+        await new Promise((resolve, reject) => {
+          const tx = db.transaction(STORE_NAME, "readwrite");
+          const store = tx.objectStore(STORE_NAME);
+          const request = store.delete(dbKey);
+          request.onsuccess = () => resolve();
+          request.onerror = () =>
+            reject(request.error || new Error("Failed to clear snapshot"));
+        });
+        cleared = true;
+      } finally {
+        db.close();
+      }
+    }
+  } catch (error) {
+    userLogger.warn(
+      "[directMessagesStore] Failed to clear IndexedDB snapshot",
+      error,
+    );
+  }
+
+  try {
+    if (typeof localStorage !== "undefined") {
+      localStorage.removeItem(fallbackKey);
+      cleared = true;
+    }
+  } catch (error) {
+    userLogger.warn(
+      "[directMessagesStore] Failed to clear fallback snapshot",
+      error,
+    );
+  }
+
+  return cleared;
+}
+
diff --git a/dist/js/disclaimer.js b/dist/js/disclaimer.js
new file mode 100644
index 00000000..8fa7df76
--- /dev/null
+++ b/dist/js/disclaimer.js
@@ -0,0 +1,62 @@
+// js/disclaimer.js
+
+import {
+  prepareStaticModal,
+  openStaticModal,
+  closeStaticModal,
+} from "./ui/components/staticModalAccessibility.js";
+
+class DisclaimerModal {
+  constructor() {
+    this.modal = null;
+    this.acceptButton = null;
+    this.acceptHandler = null;
+  }
+
+  init() {
+    this.modal = document.getElementById("disclaimerModal");
+    if (this.modal) {
+      prepareStaticModal({ root: this.modal });
+    }
+    const nextAcceptButton = document.getElementById("acceptDisclaimer");
+
+    if (!this.acceptHandler) {
+      this.acceptHandler = () => {
+        this.hide();
+      };
+    }
+
+    if (this.acceptButton && this.acceptHandler) {
+      this.acceptButton.removeEventListener("click", this.acceptHandler);
+    }
+
+    this.acceptButton = nextAcceptButton || null;
+
+    if (this.acceptButton && this.acceptHandler) {
+      this.acceptButton.addEventListener("click", this.acceptHandler);
+    }
+  }
+
+  hide() {
+    if (this.modal && !closeStaticModal(this.modal)) {
+      this.modal.classList.add("hidden");
+    }
+    localStorage.setItem("hasSeenDisclaimer", "true");
+  }
+
+  show() {
+    // In case the modal hasn't been initialized yet.
+    if (!this.modal) {
+      this.init();
+    }
+    if (!localStorage.getItem("hasSeenDisclaimer") && this.modal) {
+      if (!openStaticModal(this.modal)) {
+        this.modal.classList.remove("hidden");
+      }
+    }
+  }
+}
+
+// Create and export a default instance.
+const disclaimerModal = new DisclaimerModal();
+export default disclaimerModal;
diff --git a/dist/js/dmDecryptor.js b/dist/js/dmDecryptor.js
new file mode 100644
index 00000000..fc8c6d4d
--- /dev/null
+++ b/dist/js/dmDecryptor.js
@@ -0,0 +1,623 @@
+// js/dmDecryptor.js
+
+import { normalizeActorKey } from "./nostr/watchHistory.js";
+
+const HEX64_REGEX = /^[0-9a-f]{64}$/;
+
+const SUPPORTED_KINDS = new Set([4, 1059]);
+
+const GIFT_WRAP_KIND = 1059;
+
+function cloneEvent(event) {
+  if (!event || typeof event !== "object") {
+    return null;
+  }
+
+  const cloned = { ...event };
+  if (Array.isArray(event.tags)) {
+    cloned.tags = event.tags.map((tag) =>
+      Array.isArray(tag) ? [...tag] : tag,
+    );
+  }
+
+  return cloned;
+}
+
+function normalizeCreatedAt(value) {
+  const numeric = Number(value);
+  if (!Number.isFinite(numeric) || numeric <= 0) {
+    return null;
+  }
+
+  return Math.floor(numeric);
+}
+
+function normalizeInnerMessage(event) {
+  if (!event || typeof event !== "object") {
+    return null;
+  }
+
+  const normalized = cloneEvent(event) || {};
+  normalized.content = typeof event.content === "string" ? event.content : "";
+
+  if (Number.isFinite(event.kind)) {
+    normalized.kind = event.kind;
+  }
+
+  const createdAt = normalizeCreatedAt(event.created_at);
+  if (createdAt !== null) {
+    normalized.created_at = createdAt;
+  } else if ("created_at" in normalized) {
+    delete normalized.created_at;
+  }
+
+  if (Array.isArray(event.tags)) {
+    normalized.tags = event.tags.map((tag) =>
+      Array.isArray(tag) ? [...tag] : tag,
+    );
+  }
+
+  return normalized;
+}
+
+function normalizeHex(candidate) {
+  if (typeof candidate !== "string") {
+    return "";
+  }
+
+  const trimmed = candidate.trim().toLowerCase();
+  if (!HEX64_REGEX.test(trimmed)) {
+    return "";
+  }
+
+  return trimmed;
+}
+
+function normalizeScheme(scheme) {
+  if (typeof scheme !== "string") {
+    return "";
+  }
+
+  const normalized = scheme.trim().toLowerCase();
+  if (!normalized) {
+    return "";
+  }
+
+  if (normalized === "nip44_v2" || normalized === "nip44-v2") {
+    return "nip44_v2";
+  }
+  if (normalized === "nip44" || normalized === "nip-44") {
+    return "nip44";
+  }
+  if (normalized === "nip04" || normalized === "nip-04") {
+    return "nip04";
+  }
+  return normalized;
+}
+
+function parseEncryptionHints(rawTags) {
+  const tags = Array.isArray(rawTags) ? rawTags : [];
+  const algorithms = [];
+
+  for (const tag of tags) {
+    if (!Array.isArray(tag) || tag.length < 2) {
+      continue;
+    }
+    if (tag[0] !== "encrypted") {
+      continue;
+    }
+
+    for (let index = 1; index < tag.length; index += 1) {
+      const value = typeof tag[index] === "string" ? tag[index].trim() : "";
+      if (!value) {
+        continue;
+      }
+
+      const parts = value.split(/\s+/).filter(Boolean);
+      for (const part of parts) {
+        const normalized = normalizeScheme(part);
+        if (normalized && !algorithms.includes(normalized)) {
+          algorithms.push(normalized);
+        }
+      }
+    }
+  }
+
+  return { algorithms };
+}
+
+function collectRelayHints(tag) {
+  const hints = [];
+  if (!Array.isArray(tag)) {
+    return hints;
+  }
+
+  for (let index = 2; index < tag.length; index += 1) {
+    const candidate = typeof tag[index] === "string" ? tag[index].trim() : "";
+    if (candidate) {
+      hints.push(candidate);
+    }
+  }
+
+  return hints;
+}
+
+function collectRecipients(rawTags) {
+  const tags = Array.isArray(rawTags) ? rawTags : [];
+  const recipients = [];
+  const seen = new Map();
+
+  for (const tag of tags) {
+    if (!Array.isArray(tag) || tag[0] !== "p") {
+      continue;
+    }
+
+    const pubkey = normalizeHex(tag[1]);
+    if (!pubkey) {
+      continue;
+    }
+
+    const hints = collectRelayHints(tag);
+
+    if (seen.has(pubkey)) {
+      const existing = seen.get(pubkey);
+      for (const hint of hints) {
+        if (!existing.relayHints.includes(hint)) {
+          existing.relayHints.push(hint);
+        }
+      }
+      continue;
+    }
+
+    const recipient = {
+      pubkey,
+      relayHints: hints,
+      role: "recipient",
+    };
+    seen.set(pubkey, recipient);
+    recipients.push(recipient);
+  }
+
+  return recipients;
+}
+
+function ensureDecryptCandidates(rawCandidates) {
+  if (!Array.isArray(rawCandidates)) {
+    return [];
+  }
+
+  return rawCandidates
+    .map((candidate) => {
+      if (!candidate || typeof candidate !== "object") {
+        return null;
+      }
+
+      const decrypt = candidate.decrypt;
+      if (typeof decrypt !== "function") {
+        return null;
+      }
+
+      const scheme = normalizeScheme(candidate.scheme) || "";
+      const supportsGiftWrap = candidate.supportsGiftWrap === true || scheme.startsWith("nip44");
+      const priority = Number.isFinite(candidate.priority) ? candidate.priority : 0;
+
+      return {
+        scheme: scheme || "",
+        decrypt,
+        priority,
+        supportsGiftWrap,
+        source: candidate.source || "",
+      };
+    })
+    .filter(Boolean);
+}
+
+function orderDecryptors(candidates, hints, { preferGiftWrap = false } = {}) {
+  if (!candidates.length) {
+    return [];
+  }
+
+  const algorithms = Array.isArray(hints?.algorithms) ? hints.algorithms : [];
+  const algorithmRanks = new Map();
+  algorithms.forEach((algorithm, index) => {
+    if (!algorithmRanks.has(algorithm)) {
+      algorithmRanks.set(algorithm, index);
+    }
+  });
+
+  const baseSchemeRank = (scheme) => {
+    if (scheme === "nip44_v2" || scheme === "nip44") {
+      return 0;
+    }
+    if (scheme === "nip04") {
+      return 5;
+    }
+    return 10;
+  };
+
+  const desiredSchemeRank = (scheme) => {
+    if (algorithmRanks.has(scheme)) {
+      return algorithmRanks.get(scheme);
+    }
+    if (scheme === "nip44" && algorithmRanks.has("nip44_v2")) {
+      return algorithmRanks.get("nip44_v2");
+    }
+    if (scheme === "nip44_v2" && algorithmRanks.has("nip44")) {
+      return algorithmRanks.get("nip44");
+    }
+    return baseSchemeRank(scheme);
+  };
+
+  return [...candidates].sort((a, b) => {
+    if (a.priority !== b.priority) {
+      return a.priority - b.priority;
+    }
+
+    const aRank = desiredSchemeRank(a.scheme);
+    const bRank = desiredSchemeRank(b.scheme);
+    if (aRank !== bRank) {
+      return aRank - bRank;
+    }
+
+    if (preferGiftWrap) {
+      const aWrapScore = a.supportsGiftWrap ? 0 : 1;
+      const bWrapScore = b.supportsGiftWrap ? 0 : 1;
+      if (aWrapScore !== bWrapScore) {
+        return aWrapScore - bWrapScore;
+      }
+    }
+
+    return 0;
+  });
+}
+
+function deriveDirection(actorPubkey, senderPubkey, recipients) {
+  const normalizedActor = normalizeHex(actorPubkey);
+  if (!normalizedActor) {
+    return "unknown";
+  }
+
+  if (normalizedActor === normalizeHex(senderPubkey)) {
+    return "outgoing";
+  }
+
+  if (Array.isArray(recipients)) {
+    for (const recipient of recipients) {
+      if (normalizeHex(recipient?.pubkey) === normalizedActor) {
+        return "incoming";
+      }
+    }
+  }
+
+  return "unknown";
+}
+
+function buildDecryptResult({
+  ok,
+  event,
+  message,
+  plaintext,
+  recipients,
+  senderPubkey,
+  actorPubkey,
+  decryptor,
+  scheme,
+  envelope = null,
+  errors = [],
+}) {
+  const normalizedScheme = normalizeScheme(scheme || decryptor?.scheme || "");
+  const messageTimestamp =
+    message && Number.isFinite(message.created_at) ? message.created_at : null;
+  const eventTimestamp =
+    event && Number.isFinite(event.created_at) ? event.created_at : null;
+  const timestamp =
+    messageTimestamp ?? eventTimestamp ?? Date.now() / 1000;
+
+  return {
+    ok,
+    event: cloneEvent(event),
+    message: message ? cloneEvent(message) : null,
+    plaintext: typeof plaintext === "string" ? plaintext : null,
+    recipients: Array.isArray(recipients) ? recipients : [],
+    sender: senderPubkey
+      ? {
+          pubkey: senderPubkey,
+          relayHints: [],
+          role: "sender",
+        }
+      : null,
+    actorPubkey: normalizeHex(actorPubkey),
+    decryptor: decryptor
+      ? {
+          scheme: normalizeScheme(decryptor.scheme) || normalizedScheme || "",
+          source: decryptor.source || "",
+        }
+      : { scheme: normalizedScheme || "", source: "" },
+    scheme: normalizedScheme,
+    encryption_scheme: normalizedScheme,
+    envelope,
+    direction: deriveDirection(actorPubkey, senderPubkey, recipients),
+    timestamp: Number.isFinite(timestamp) ? timestamp : Date.now() / 1000,
+    errors,
+  };
+}
+
+function parseEventJson(serialized, stage) {
+  if (typeof serialized !== "string" || !serialized.trim()) {
+    const error = new Error("Decrypted payload was empty.");
+    error.code = "empty-payload";
+    error.stage = stage;
+    throw error;
+  }
+
+  try {
+    const parsed = JSON.parse(serialized);
+    if (!parsed || typeof parsed !== "object") {
+      const error = new Error("Decrypted payload was not a valid JSON event.");
+      error.code = "invalid-json";
+      error.stage = stage;
+      throw error;
+    }
+    return parsed;
+  } catch (error) {
+    const failure = new Error("Failed to parse decrypted payload as JSON.");
+    failure.code = "json-parse-failed";
+    failure.stage = stage;
+    failure.cause = error;
+    throw failure;
+  }
+}
+
+async function decryptGiftWrap(event, decryptors, actorPubkey) {
+  const ciphertext = typeof event?.content === "string" ? event.content : "";
+  const wrapPubkey = normalizeHex(event?.pubkey);
+
+  if (!ciphertext || !wrapPubkey) {
+    return buildDecryptResult({
+      ok: false,
+      event,
+      actorPubkey,
+      errors: [
+        {
+          stage: "wrap",
+          error: new Error("Gift wrap event is missing ciphertext or pubkey."),
+        },
+      ],
+    });
+  }
+
+  const errors = [];
+
+  for (const decryptor of decryptors) {
+    try {
+      const sealSerialized = await decryptor.decrypt(wrapPubkey, ciphertext, {
+        event,
+        stage: "wrap",
+      });
+      const seal = parseEventJson(sealSerialized, "wrap");
+
+      const sealCiphertext = typeof seal?.content === "string" ? seal.content : "";
+      const sealPubkey = normalizeHex(seal?.pubkey);
+      if (!sealCiphertext || !sealPubkey) {
+        const error = new Error(
+          "Gift wrap seal is missing ciphertext or pubkey.",
+        );
+        error.code = "invalid-seal";
+        error.stage = "seal";
+        throw error;
+      }
+
+      const rumorSerialized = await decryptor.decrypt(sealPubkey, sealCiphertext, {
+        event: seal,
+        stage: "seal",
+      });
+      const rumor = parseEventJson(rumorSerialized, "rumor");
+      const normalizedRumor = normalizeInnerMessage(rumor);
+
+      const plaintext =
+        typeof normalizedRumor?.content === "string"
+          ? normalizedRumor.content
+          : "";
+      const senderPubkey = normalizeHex(normalizedRumor?.pubkey) || sealPubkey;
+      const recipients = collectRecipients(normalizedRumor?.tags);
+
+      return buildDecryptResult({
+        ok: true,
+        event,
+        message: normalizedRumor,
+        plaintext,
+        recipients,
+        senderPubkey,
+        actorPubkey,
+        decryptor,
+        scheme: decryptor.scheme || "nip44",
+        envelope: {
+          wrap: cloneEvent(event),
+          seal: cloneEvent(seal),
+        },
+      });
+    } catch (error) {
+      errors.push({
+        scheme: decryptor.scheme || "",
+        source: decryptor.source || "",
+        stage: error?.stage || "wrap",
+        error,
+      });
+    }
+  }
+
+  return buildDecryptResult({
+    ok: false,
+    event,
+    actorPubkey,
+    errors,
+  });
+}
+
+async function decryptLegacyDm(event, decryptors, actorPubkey) {
+  const ciphertext = typeof event?.content === "string" ? event.content : "";
+  const senderPubkey = normalizeHex(event?.pubkey);
+  const hints = parseEncryptionHints(event?.tags);
+  const recipients = collectRecipients(event?.tags);
+  const normalizedActor = normalizeHex(actorPubkey);
+
+  if (!ciphertext || !senderPubkey) {
+    return buildDecryptResult({
+      ok: false,
+      event,
+      actorPubkey,
+      errors: [
+        {
+          stage: "content",
+          error: new Error("Direct message is missing ciphertext or pubkey."),
+        },
+      ],
+    });
+  }
+
+  const ordered = orderDecryptors(decryptors, hints);
+  const errors = [];
+
+  const remoteCandidates = [];
+  const seenRemotes = new Set();
+  const registerRemote = (candidate) => {
+    const normalized = normalizeHex(candidate);
+    if (!normalized || seenRemotes.has(normalized)) {
+      return;
+    }
+    seenRemotes.add(normalized);
+    remoteCandidates.push(normalized);
+  };
+
+  if (normalizedActor && normalizedActor === senderPubkey) {
+    for (const recipient of recipients) {
+      registerRemote(recipient?.pubkey);
+    }
+  }
+
+  registerRemote(senderPubkey);
+
+  for (const recipient of recipients) {
+    registerRemote(recipient?.pubkey);
+  }
+
+  for (const decryptor of ordered) {
+    for (const remotePubkey of remoteCandidates) {
+      try {
+        const plaintext = await decryptor.decrypt(remotePubkey, ciphertext, {
+          event,
+          stage: "content",
+          remotePubkey,
+        });
+
+        if (typeof plaintext === "string") {
+          const resolvedScheme =
+            normalizeScheme(hints.algorithms?.[0]) ||
+            normalizeScheme(decryptor.scheme) ||
+            "";
+          return buildDecryptResult({
+            ok: true,
+            event,
+            message: {
+              ...cloneEvent(event),
+              content: plaintext,
+            },
+            plaintext,
+            recipients,
+            senderPubkey,
+            actorPubkey,
+            decryptor,
+            scheme: resolvedScheme,
+          });
+        }
+      } catch (error) {
+        errors.push({
+          scheme: decryptor.scheme || "",
+          source: decryptor.source || "",
+          stage: "content",
+          remotePubkey,
+          error,
+        });
+      }
+    }
+  }
+
+  return buildDecryptResult({
+    ok: false,
+    event,
+    actorPubkey,
+    errors,
+  });
+}
+
+export async function decryptDM(event, context = {}) {
+  if (!event || typeof event !== "object") {
+    return {
+      ok: false,
+      event: null,
+      actorPubkey: normalizeHex(context?.actorPubkey),
+      errors: [
+        {
+          stage: "input",
+          error: new Error("A valid event is required for DM decryption."),
+        },
+      ],
+    };
+  }
+
+  const kind = Number.isFinite(event.kind) ? event.kind : null;
+  if (!SUPPORTED_KINDS.has(kind)) {
+    return {
+      ok: false,
+      event: cloneEvent(event),
+      actorPubkey: normalizeHex(context?.actorPubkey),
+      errors: [
+        {
+          stage: "input",
+          error: new Error("Unsupported DM event kind."),
+        },
+      ],
+    };
+  }
+
+  const actorPubkey = normalizeActorKey(context?.actorPubkey);
+  const decryptors = ensureDecryptCandidates(context?.decryptors);
+
+  if (!decryptors.length) {
+    return {
+      ok: false,
+      event: cloneEvent(event),
+      actorPubkey,
+      errors: [
+        {
+          stage: "decryptor",
+          error: new Error("No decryptors are available for DM payloads."),
+        },
+      ],
+    };
+  }
+
+  if (kind === GIFT_WRAP_KIND) {
+    const giftWrapDecryptors = orderDecryptors(decryptors, null, {
+      preferGiftWrap: true,
+    }).filter((candidate) => candidate.supportsGiftWrap);
+
+    if (!giftWrapDecryptors.length) {
+      return {
+        ok: false,
+        event: cloneEvent(event),
+        actorPubkey,
+        errors: [
+          {
+            stage: "decryptor",
+            error: new Error("Gift wrap events require a NIP-44 decryptor."),
+          },
+        ],
+      };
+    }
+
+    return decryptGiftWrap(event, giftWrapDecryptors, actorPubkey);
+  }
+
+  return decryptLegacyDm(event, decryptors, actorPubkey);
+}
diff --git a/dist/js/docsView.js b/dist/js/docsView.js
new file mode 100644
index 00000000..59a37fc9
--- /dev/null
+++ b/dist/js/docsView.js
@@ -0,0 +1,633 @@
+import { createModalAccessibility } from "./ui/components/modalAccessibility.js";
+import logger from "./utils/logger.js";
+
+const TOC_URL = "content/docs/toc.json";
+const DOCS_VIEW_NAME = "docs";
+const TOC_DRAWER_ID = "docsTocDrawer";
+const TOC_DRAWER_NAV_ID = "docsTocDrawerNav";
+const TOC_LIST_ID = "docsTocList";
+
+const tocState = {
+  items: [],
+  slugLookup: new Map(),
+  parentLookup: new Map(),
+  linkLookup: new Map(),
+  groupLookup: new Map(),
+  activeSlug: "",
+  drawer: {
+    root: null,
+    panel: null,
+    toggle: null,
+    accessibility: null,
+    isOpen: false,
+  },
+};
+
+const scrollSpyState = {
+  headings: [],
+  linkLookup: new Map(),
+  activeId: "",
+  rafId: null,
+  onScroll: null,
+};
+
+function getHashParams() {
+  const hash = typeof window !== "undefined" ? window.location.hash : "";
+  return new URLSearchParams(hash.startsWith("#") ? hash.slice(1) : hash);
+}
+
+function getDocSlugFromHash() {
+  const params = getHashParams();
+  if (params.get("view") !== DOCS_VIEW_NAME) {
+    return "";
+  }
+  return params.get("doc") || "";
+}
+
+function setDocsHash(slug, { replace = false } = {}) {
+  if (typeof window === "undefined") {
+    return;
+  }
+  const nextHash = `view=${DOCS_VIEW_NAME}&doc=${encodeURIComponent(slug)}`;
+  if (replace) {
+    const url = new URL(window.location.href);
+    url.hash = nextHash;
+    window.history.replaceState({}, "", url.toString());
+    return;
+  }
+  if (window.location.hash === `#${nextHash}`) {
+    return;
+  }
+  window.location.hash = nextHash;
+}
+
+function indexItems(items, parent = null) {
+  items.forEach((item) => {
+    if (!item?.slug) {
+      logger.dev.warn("Docs TOC item missing slug.", item);
+      return;
+    }
+    tocState.slugLookup.set(item.slug, item);
+    if (parent?.slug) {
+      tocState.parentLookup.set(item.slug, parent.slug);
+    }
+    if (Array.isArray(item.children) && item.children.length > 0) {
+      indexItems(item.children, item);
+    }
+  });
+}
+
+function buildLink(item) {
+  const link = document.createElement("a");
+  link.href = `#view=${DOCS_VIEW_NAME}&doc=${encodeURIComponent(item.slug)}`;
+  link.textContent = item.title || item.slug;
+  link.className = "text-sm text-muted transition-colors hover:text-text-strong";
+  link.dataset.slug = item.slug;
+  link.dataset.docsTocItem = "true";
+  link.addEventListener("click", (event) => {
+    if (
+      event.defaultPrevented ||
+      event.button !== 0 ||
+      event.metaKey ||
+      event.ctrlKey ||
+      event.shiftKey ||
+      event.altKey
+    ) {
+      return;
+    }
+    event.preventDefault();
+    setDocsHash(item.slug);
+  });
+  if (!tocState.linkLookup.has(item.slug)) {
+    tocState.linkLookup.set(item.slug, new Set());
+  }
+  tocState.linkLookup.get(item.slug)?.add(link);
+  return link;
+}
+
+function getChevronIcon(expanded) {
+  if (expanded) {
+    // Chevron Down
+    return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4">
+      <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
+    </svg>`;
+  }
+  // Chevron Right
+  return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4">
+    <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
+  </svg>`;
+}
+
+function buildToggleButton(item, controlsId, expanded, groupList) {
+  const button = document.createElement("button");
+  button.type = "button";
+  button.className = "btn-ghost btn-xs btn-square text-muted hover:text-text-primary";
+  button.setAttribute("aria-expanded", expanded ? "true" : "false");
+  button.setAttribute("aria-controls", controlsId);
+  button.setAttribute("aria-label", `Toggle ${item.title || item.slug} section`);
+  button.innerHTML = getChevronIcon(expanded);
+  button.addEventListener("click", () => {
+    const isExpanded = button.getAttribute("aria-expanded") === "true";
+    const nextExpanded = !isExpanded;
+    button.setAttribute("aria-expanded", nextExpanded ? "true" : "false");
+    button.innerHTML = getChevronIcon(nextExpanded);
+    if (groupList) {
+      groupList.hidden = !nextExpanded;
+      groupList.classList.toggle("hidden", !nextExpanded);
+    }
+  });
+  return button;
+}
+
+function renderTocItems(items, container, level = 0, groupPrefix = "docs-toc") {
+  const list = document.createElement("ul");
+  list.className = "bv-stack bv-stack--tight";
+  list.setAttribute("role", "list");
+
+  items.forEach((item) => {
+    if (!item?.slug) {
+      return;
+    }
+    const listItem = document.createElement("li");
+    listItem.className = "bv-stack bv-stack--tight";
+
+    const row = document.createElement("div");
+    row.className = "flex items-center justify-between gap-2";
+
+    const link = buildLink(item);
+    row.appendChild(link);
+
+    listItem.appendChild(row);
+
+    if (Array.isArray(item.children) && item.children.length > 0) {
+      const groupId = `${groupPrefix}-group-${item.slug}`;
+      const expanded = level === 0;
+      const childList = renderTocItems(item.children, listItem, level + 1, groupPrefix);
+      childList.id = groupId;
+      childList.classList.add("ml-md", "border-l", "border-border", "pl-md");
+      childList.hidden = !expanded;
+      if (!expanded) {
+        childList.classList.add("hidden");
+      }
+
+      const toggle = buildToggleButton(item, groupId, expanded, childList);
+      row.appendChild(toggle);
+
+      if (!tocState.groupLookup.has(item.slug)) {
+        tocState.groupLookup.set(item.slug, new Set());
+      }
+      tocState.groupLookup.get(item.slug)?.add({ button: toggle, list: childList });
+    }
+
+    list.appendChild(listItem);
+  });
+
+  container.appendChild(list);
+  return list;
+}
+
+function renderToc(items) {
+  const tocRoot = document.getElementById(TOC_LIST_ID);
+  const tocDrawerRoot = document.getElementById(TOC_DRAWER_NAV_ID);
+  const roots = [tocRoot, tocDrawerRoot].filter(Boolean);
+  if (roots.length === 0) {
+    logger.user.warn("Docs table of contents container not found.");
+    return;
+  }
+
+  tocState.linkLookup.clear();
+  tocState.groupLookup.clear();
+
+  roots.forEach((root) => {
+    root.innerHTML = "";
+    const groupPrefix = root.id ? `docs-${root.id}` : "docs-toc";
+    renderTocItems(items, root, 0, groupPrefix);
+  });
+}
+
+function updateActiveToc(slug) {
+  const previousLinks = tocState.linkLookup.get(tocState.activeSlug);
+  if (previousLinks) {
+    previousLinks.forEach((link) => {
+      link.removeAttribute("aria-current");
+      link.classList.remove("text-text-strong", "font-semibold");
+      link.classList.add("text-muted");
+    });
+  }
+
+  tocState.activeSlug = slug || "";
+  if (!slug) {
+    return;
+  }
+
+  const links = tocState.linkLookup.get(slug);
+  if (links) {
+    links.forEach((link) => {
+      link.setAttribute("aria-current", "page");
+      link.classList.remove("text-muted");
+      link.classList.add("text-text-strong", "font-semibold");
+    });
+  }
+
+  let current = slug;
+  while (tocState.parentLookup.has(current)) {
+    const parentSlug = tocState.parentLookup.get(current);
+    const groups = tocState.groupLookup.get(parentSlug);
+    if (groups) {
+      groups.forEach((group) => {
+        if (group?.button && group?.list) {
+          group.button.setAttribute("aria-expanded", "true");
+          group.button.innerHTML = getChevronIcon(true);
+          group.list.hidden = false;
+          group.list.classList.remove("hidden");
+        }
+      });
+    }
+    current = parentSlug;
+  }
+}
+
+function resetSectionHighlight() {
+  const previousLinks = scrollSpyState.linkLookup.get(scrollSpyState.activeId);
+  if (previousLinks) {
+    previousLinks.forEach((link) => {
+      link.removeAttribute("data-docs-section-current");
+      link.classList.remove("text-text-strong", "font-semibold");
+      link.classList.add("text-muted");
+    });
+  }
+  scrollSpyState.activeId = "";
+}
+
+function clearScrollSpy() {
+  if (scrollSpyState.onScroll && typeof window !== "undefined") {
+    window.removeEventListener("scroll", scrollSpyState.onScroll);
+    window.removeEventListener("resize", scrollSpyState.onScroll);
+  }
+  if (scrollSpyState.rafId && typeof cancelAnimationFrame === "function") {
+    cancelAnimationFrame(scrollSpyState.rafId);
+  }
+  scrollSpyState.rafId = null;
+  scrollSpyState.onScroll = null;
+  scrollSpyState.headings = [];
+  scrollSpyState.linkLookup = new Map();
+  resetSectionHighlight();
+}
+
+function setActiveSection(id) {
+  if (!id || id === scrollSpyState.activeId) {
+    return;
+  }
+  resetSectionHighlight();
+  scrollSpyState.activeId = id;
+  const links = scrollSpyState.linkLookup.get(id);
+  if (!links) {
+    return;
+  }
+  links.forEach((link) => {
+    link.setAttribute("data-docs-section-current", "true");
+    link.classList.remove("text-muted");
+    link.classList.add("text-text-strong", "font-semibold");
+  });
+}
+
+function resolveSectionLinks() {
+  const linkLookup = new Map();
+  if (typeof document === "undefined") {
+    return linkLookup;
+  }
+  const links = document.querySelectorAll(`[data-docs-toc-item][href*="#"]`);
+  links.forEach((link) => {
+    const rawHref = link.getAttribute("href") || "";
+    const hashIndex = rawHref.indexOf("#");
+    if (hashIndex === -1) {
+      return;
+    }
+    const fragment = rawHref.slice(hashIndex + 1);
+    if (!fragment || fragment.includes("view=")) {
+      return;
+    }
+    const decoded = decodeURIComponent(fragment.split("?")[0]);
+    if (!decoded) {
+      return;
+    }
+    if (!linkLookup.has(decoded)) {
+      linkLookup.set(decoded, new Set());
+    }
+    linkLookup.get(decoded)?.add(link);
+  });
+  return linkLookup;
+}
+
+function setupScrollSpy(container) {
+  clearScrollSpy();
+  if (typeof window === "undefined" || !container) {
+    return;
+  }
+
+  const headings = Array.from(
+    container.querySelectorAll("h2[id], h3[id], h4[id], h5[id]")
+  );
+  if (headings.length === 0) {
+    return;
+  }
+
+  const linkLookup = resolveSectionLinks();
+  if (linkLookup.size === 0) {
+    return;
+  }
+
+  const trackedHeadings = headings.filter((heading) => linkLookup.has(heading.id));
+  if (trackedHeadings.length === 0) {
+    return;
+  }
+
+  scrollSpyState.headings = trackedHeadings;
+  scrollSpyState.linkLookup = linkLookup;
+
+  const updateActiveFromScroll = () => {
+    scrollSpyState.rafId = null;
+    const offset = 96;
+    let nextId = scrollSpyState.headings[0]?.id || "";
+    for (const heading of scrollSpyState.headings) {
+      const top = heading.getBoundingClientRect().top - offset;
+      if (top <= 0) {
+        nextId = heading.id;
+      } else {
+        break;
+      }
+    }
+    if (nextId) {
+      setActiveSection(nextId);
+    }
+  };
+
+  const onScroll = () => {
+    if (scrollSpyState.rafId) {
+      return;
+    }
+    scrollSpyState.rafId = requestAnimationFrame(updateActiveFromScroll);
+  };
+
+  scrollSpyState.onScroll = onScroll;
+  window.addEventListener("scroll", onScroll, { passive: true });
+  window.addEventListener("resize", onScroll);
+  onScroll();
+}
+
+function resolveDocItem(slug) {
+  if (!slug) {
+    return null;
+  }
+  return tocState.slugLookup.get(slug) || null;
+}
+
+async function fetchToc() {
+  logger.dev.log("fetchToc: fetching", TOC_URL);
+  const response = await fetch(TOC_URL);
+  logger.dev.log("fetchToc: response status", response.status);
+  if (!response.ok) {
+    throw new Error(`Failed to load TOC (${response.status})`);
+  }
+  const data = await response.json();
+  if (!data || !Array.isArray(data.items)) {
+    throw new Error("Invalid TOC manifest.");
+  }
+  return data.items;
+}
+
+function highlightCodeBlocks(container) {
+  const highlighter = window.hljs;
+  const highlight =
+    highlighter && typeof highlighter.highlightElement === "function"
+      ? (block) => highlighter.highlightElement(block)
+      : highlighter && typeof highlighter.highlightBlock === "function"
+        ? (block) => highlighter.highlightBlock(block)
+        : null;
+
+  if (!highlight) {
+    return;
+  }
+
+  container.querySelectorAll("pre code").forEach((block) => {
+    try {
+      highlight(block);
+    } catch (highlightError) {
+      logger.dev.warn("Failed to highlight code block.", highlightError);
+    }
+  });
+}
+
+async function renderMarkdown(path) {
+  const container = document.getElementById("markdown-container");
+  if (!container) {
+    logger.user.warn("Docs markdown container not found.");
+    return;
+  }
+
+  try {
+    clearScrollSpy();
+    logger.dev.log("renderMarkdown: fetching", path);
+
+    if (!window.marked || typeof window.marked.parse !== "function") {
+      throw new Error("Markdown renderer is unavailable.");
+    }
+
+    const response = await fetch(path);
+    if (!response.ok) {
+      throw new Error(`Failed to load markdown (${response.status})`);
+    }
+    const markdownText = await response.text();
+    const html = window.marked.parse(markdownText);
+    container.innerHTML = html;
+    highlightCodeBlocks(container);
+    const schedule =
+      typeof requestIdleCallback === "function"
+        ? requestIdleCallback
+        : (callback) => requestAnimationFrame(callback);
+    schedule(() => {
+      setupScrollSpy(container);
+    });
+  } catch (error) {
+    logger.user.error("Error loading docs content.", error);
+    container.innerHTML =
+      '<p class="text-critical-strong">Error loading content. Please try again later.</p>';
+  }
+}
+
+function updateDocumentTitle(title) {
+  if (typeof document === "undefined") {
+    return;
+  }
+  if (!title) {
+    document.title = "Docs | bitvid";
+    return;
+  }
+  document.title = `${title} | bitvid docs`;
+}
+
+async function handleHashChange() {
+  const params = getHashParams();
+  const view = params.get("view");
+  if (view && view !== DOCS_VIEW_NAME) {
+    return;
+  }
+
+  const currentSlug = getDocSlugFromHash();
+  const defaultSlug = tocState.items[0]?.slug || "";
+  const slug = currentSlug || defaultSlug;
+
+  if (!slug) {
+    logger.user.warn("Docs view has no available documents.");
+    return;
+  }
+
+  if (!currentSlug) {
+    setDocsHash(slug, { replace: true });
+  }
+
+  if (slug === tocState.activeSlug) {
+    return;
+  }
+
+  const item = resolveDocItem(slug);
+  if (!item) {
+    logger.user.warn("Requested docs page not found.", slug);
+    return;
+  }
+
+  await renderMarkdown(item.path);
+  updateActiveToc(slug);
+  updateDocumentTitle(item.title || "Docs");
+  if (tocState.drawer.isOpen) {
+    closeTocDrawer();
+  }
+}
+
+function updateDrawerState(nextState) {
+  tocState.drawer.isOpen = nextState;
+  if (tocState.drawer.toggle) {
+    tocState.drawer.toggle.setAttribute("aria-expanded", nextState ? "true" : "false");
+  }
+  if (!tocState.drawer.root) {
+    return;
+  }
+  const doc =
+    typeof document !== "undefined" && document ? document : tocState.drawer.root.ownerDocument;
+  if (nextState) {
+    tocState.drawer.root.classList.remove("hidden");
+    tocState.drawer.root.setAttribute("data-open", "true");
+    doc?.documentElement?.classList.add("modal-open");
+    doc?.body?.classList.add("modal-open");
+    tocState.drawer.accessibility?.activate({
+      triggerElement: tocState.drawer.toggle,
+    });
+  } else {
+    tocState.drawer.root.classList.add("hidden");
+    tocState.drawer.root.setAttribute("data-open", "false");
+    tocState.drawer.accessibility?.deactivate();
+    if (doc) {
+      const openModals = doc.querySelectorAll(".bv-modal:not(.hidden)");
+      if (openModals.length === 0) {
+        doc.documentElement?.classList.remove("modal-open");
+        doc.body?.classList.remove("modal-open");
+      }
+    }
+  }
+}
+
+function focusFirstDrawerItem() {
+  const panel = tocState.drawer.panel;
+  if (!panel) {
+    return;
+  }
+  const firstLink = panel.querySelector("[data-docs-toc-item]");
+  if (firstLink && typeof firstLink.focus === "function") {
+    firstLink.focus({ preventScroll: true });
+    return;
+  }
+  if (typeof panel.focus === "function") {
+    panel.focus({ preventScroll: true });
+  }
+}
+
+function openTocDrawer() {
+  if (tocState.drawer.isOpen) {
+    return;
+  }
+  updateDrawerState(true);
+  const schedule =
+    typeof requestAnimationFrame === "function"
+      ? requestAnimationFrame
+      : (callback) => setTimeout(callback, 0);
+  schedule(() => {
+    focusFirstDrawerItem();
+  });
+}
+
+function closeTocDrawer() {
+  if (!tocState.drawer.isOpen) {
+    return;
+  }
+  updateDrawerState(false);
+}
+
+function setupTocDrawer() {
+  if (typeof document === "undefined") {
+    return;
+  }
+  const drawerRoot = document.getElementById(TOC_DRAWER_ID);
+  const drawerPanel = drawerRoot?.querySelector("[data-docs-toc-panel]") || null;
+  const drawerToggle = document.querySelector("[data-docs-toc-toggle]");
+  if (!drawerRoot || !drawerPanel || !drawerToggle) {
+    return;
+  }
+
+  tocState.drawer.root = drawerRoot;
+  tocState.drawer.panel = drawerPanel;
+  tocState.drawer.toggle = drawerToggle;
+  tocState.drawer.accessibility = createModalAccessibility({
+    root: drawerRoot,
+    panel: drawerPanel,
+    backdrop: drawerRoot.querySelector(".bv-modal-backdrop"),
+    document,
+    onRequestClose: () => {
+      closeTocDrawer();
+    },
+  });
+
+  drawerToggle.addEventListener("click", () => {
+    if (tocState.drawer.isOpen) {
+      closeTocDrawer();
+    } else {
+      openTocDrawer();
+    }
+  });
+}
+
+async function initDocsView() {
+  logger.dev.log("initDocsView: starting");
+  try {
+    tocState.items = await fetchToc();
+    logger.dev.log("initDocsView: TOC items loaded", tocState.items);
+    indexItems(tocState.items);
+    renderToc(tocState.items);
+    setupTocDrawer();
+    window.addEventListener("hashchange", handleHashChange);
+    await handleHashChange();
+  } catch (error) {
+    logger.user.error("Failed to initialize docs view.", error);
+    const tocRoot = document.getElementById(TOC_LIST_ID);
+    if (tocRoot) {
+      tocRoot.innerHTML =
+        '<p class="text-critical-strong">Unable to load docs table of contents.</p>';
+    }
+    const container = document.getElementById("markdown-container");
+    if (container) {
+      container.innerHTML =
+        '<p class="text-critical-strong">Error loading content. Please try again later.</p>';
+    }
+  }
+}
+
+export { initDocsView };
diff --git a/dist/js/dom/cardObserver.js b/dist/js/dom/cardObserver.js
new file mode 100644
index 00000000..4272ded0
--- /dev/null
+++ b/dist/js/dom/cardObserver.js
@@ -0,0 +1,209 @@
+import { userLogger } from "../utils/logger.js";
+const DEFAULT_CARD_SELECTOR = ".card[data-video-id]";
+
+function defaultIsCardVisible(entry) {
+  if (!entry) {
+    return false;
+  }
+  const isIntersecting = Boolean(entry.isIntersecting);
+  const ratio = typeof entry.intersectionRatio === "number" ? entry.intersectionRatio : 0;
+  return isIntersecting && ratio > 0;
+}
+
+function normalizeState(value) {
+  if (value && typeof value === "object") {
+    return value;
+  }
+  return {};
+}
+
+export function createCardObserver(options = {}) {
+  const {
+    rootMargin = "0px",
+    threshold = 0,
+    cardSelector = DEFAULT_CARD_SELECTOR,
+    isCardVisible = defaultIsCardVisible,
+    prepareEntries,
+    onCardVisible,
+    onCardRegister,
+    createState,
+  } = options;
+
+  const containerState = new WeakMap();
+
+  function ensureState(container) {
+    let state = containerState.get(container);
+    if (state) {
+      return state;
+    }
+
+    const observedCards = new WeakSet();
+    const customState = normalizeState(
+      typeof createState === "function" ? createState(container) : {}
+    );
+
+    const stateWrapper = {
+      container,
+      observedCards,
+      customState,
+      observer: null,
+    };
+
+    const observer = new IntersectionObserver(
+      (entries) => {
+        handleEntries(entries, stateWrapper);
+      },
+      { root: null, rootMargin, threshold }
+    );
+
+    stateWrapper.observer = observer;
+    containerState.set(container, stateWrapper);
+    return stateWrapper;
+  }
+
+  function mapEntries(entries, state) {
+    if (!Array.isArray(entries) || entries.length === 0) {
+      return [];
+    }
+
+    const context = {
+      container: state.container,
+      observer: state.observer,
+      state: state.customState,
+    };
+
+    if (typeof prepareEntries === "function") {
+      try {
+        const prepared = prepareEntries(entries, context);
+        if (Array.isArray(prepared)) {
+          return prepared;
+        }
+      } catch (err) {
+        userLogger.warn("[cardObserver] prepareEntries failed", err);
+      }
+    }
+
+    return entries;
+  }
+
+  function handleEntries(entries, state) {
+    const mapped = mapEntries(entries, state);
+    if (!mapped.length) {
+      return;
+    }
+
+    mapped.forEach((item) => {
+      let entry = item;
+      let card;
+      let meta;
+
+      if (item && typeof item === "object" && "entry" in item) {
+        entry = item.entry;
+        card = item.card instanceof HTMLElement ? item.card : entry?.target;
+        if ("meta" in item) {
+          meta = item.meta;
+        } else if ("data" in item) {
+          meta = item.data;
+        } else if (typeof item.priority !== "undefined") {
+          meta = { priority: item.priority };
+        }
+      } else if (entry && entry.target instanceof HTMLElement) {
+        card = entry.target;
+      }
+
+      if (!(card instanceof HTMLElement) || !entry) {
+        return;
+      }
+
+      let visible = false;
+      try {
+        visible = Boolean(isCardVisible(entry, card, {
+          container: state.container,
+          observer: state.observer,
+          state: state.customState,
+        }));
+      } catch (err) {
+        userLogger.warn("[cardObserver] isCardVisible failed", err);
+        visible = false;
+      }
+
+      if (!visible || typeof onCardVisible !== "function") {
+        return;
+      }
+
+      try {
+        onCardVisible({
+          card,
+          entry,
+          meta,
+          state: state.customState,
+          context: {
+            container: state.container,
+            observer: state.observer,
+          },
+        });
+      } catch (err) {
+        userLogger.warn("[cardObserver] onCardVisible failed", err);
+      }
+    });
+  }
+
+  function observe(container) {
+    if (!(container instanceof HTMLElement)) {
+      return null;
+    }
+
+    const state = ensureState(container);
+    const cards = container.querySelectorAll(cardSelector);
+    cards.forEach((card) => {
+      if (!(card instanceof HTMLElement)) {
+        return;
+      }
+      if (state.observedCards.has(card)) {
+        return;
+      }
+      state.observedCards.add(card);
+      if (typeof onCardRegister === "function") {
+        try {
+          onCardRegister({
+            card,
+            state: state.customState,
+            context: { container },
+          });
+        } catch (err) {
+          userLogger.warn("[cardObserver] onCardRegister failed", err);
+        }
+      }
+      state.observer.observe(card);
+    });
+
+    const records = state.observer.takeRecords();
+    if (records.length) {
+      handleEntries(records, state);
+    }
+
+    return state.customState;
+  }
+
+  function refresh(container) {
+    const state = containerState.get(container);
+    if (!state) {
+      return;
+    }
+    const records = state.observer.takeRecords();
+    if (records.length) {
+      handleEntries(records, state);
+    }
+  }
+
+  function getState(container) {
+    const state = containerState.get(container);
+    return state ? state.customState : null;
+  }
+
+  return {
+    observe,
+    refresh,
+    getState,
+  };
+}
diff --git a/dist/js/embed.js b/dist/js/embed.js
new file mode 100644
index 00000000..ed785957
--- /dev/null
+++ b/dist/js/embed.js
@@ -0,0 +1,437 @@
+import Application from "./app.js";
+import { nostrClient } from "./nostrClientFacade.js";
+import { convertEventToVideo, getDTagValueFromTags } from "./nostr/index.js";
+import { sanitizeRelayList } from "./nostr/nip46Client.js";
+import { resolveVideoPointer } from "./utils/videoPointer.js";
+import { devLogger, userLogger } from "./utils/logger.js";
+import { nostrToolsReady } from "./nostrToolsBootstrap.js";
+import { THEME_ACCENT_OVERRIDES } from "../config/instance-config.js";
+
+// Set accent color from instance config
+try {
+  const accent = THEME_ACCENT_OVERRIDES?.light?.accent || "#ff6b6b";
+  document.documentElement.style.setProperty("--bitvid-accent", accent);
+} catch (e) {
+  // Fallback if config is missing or malformed
+  document.documentElement.style.setProperty("--bitvid-accent", "#ff6b6b");
+}
+
+// early in embed bootstrap (insert before any heavy init)
+const urlParams = new URLSearchParams(window.location.search);
+const embedDebugEnabled =
+  urlParams.get("embed_debug") === "1" || urlParams.get("debug") === "embed";
+let diag = null;
+const diagPromise = embedDebugEnabled
+  ? import("./embedDiagnostics.js")
+      .then((m) => {
+        diag = m.initEmbedDiagnostics({ enabled: true });
+        // immediately signal startup
+        diag.emit("embed-start", {
+          url: location.href,
+          userAgent: navigator.userAgent,
+        });
+      })
+      .catch((e) => {
+        try {
+          if (window.parent && window.parent !== window) {
+            window.parent.postMessage(
+              {
+                __bitvid_debug: true,
+                type: "embed-diag-failed",
+                payload: { error: String(e) },
+              },
+              "*"
+            );
+          }
+        } catch (e2) {
+          /* no-op */
+        }
+      })
+  : Promise.resolve();
+
+const POINTER_PARAM = "pointer";
+const PLAYBACK_PARAM = "playback";
+const HEX64_REGEX = /^[0-9a-f]{64}$/i;
+
+const statusEl = document.getElementById("embedStatus");
+const videoEl = document.getElementById("embedVideo");
+
+const toneClasses = {
+  default: "text-muted",
+  error: "text-danger",
+  success: "text-success",
+};
+
+const setStatus = (message, tone = "default") => {
+  if (!statusEl) {
+    return;
+  }
+
+  const normalizedMessage = typeof message === "string" ? message.trim() : "";
+  statusEl.textContent = normalizedMessage;
+
+  Object.values(toneClasses).forEach((className) => {
+    if (className) {
+      statusEl.classList.remove(className);
+    }
+  });
+
+  const toneClass = toneClasses[tone] || toneClasses.default;
+  if (toneClass) {
+    statusEl.classList.add(toneClass);
+  }
+};
+
+// ModalManager will instantiate EmbedPlayerModal automatically when running in embed mode.
+const app = new Application();
+
+app.showError = (message) => {
+  const normalizedMessage = typeof message === "string" ? message.trim() : "";
+  if (normalizedMessage) {
+    userLogger.error(normalizedMessage);
+  }
+  setStatus(normalizedMessage || "Playback failed. Please try again.", "error");
+};
+
+app.showStatus = (message) => {
+  setStatus(message, "default");
+};
+
+app.showSuccess = (message) => {
+  setStatus(message, "success");
+};
+
+const resolvePlaybackPreference = (value) => {
+  if (typeof value !== "string") {
+    return null;
+  }
+  const normalized = value.trim().toLowerCase();
+  if (normalized === "url" || normalized === "torrent") {
+    return normalized;
+  }
+  return null;
+};
+
+const ensureNostrReady = async () => {
+  try {
+    const toolkitResult = await nostrToolsReady;
+    diag?.emit("nostr-tools-ready", { ok: Boolean(toolkitResult) });
+  } catch (error) {
+    userLogger.warn("[embed] Failed to initialize NostrTools:", error);
+    diag?.emit("nostr-tools-ready", { ok: false, error: String(error) });
+  }
+
+  try {
+    await nostrClient.ensurePool();
+  } catch (error) {
+    devLogger.warn("[embed] Failed to ensure Nostr pool:", error);
+  }
+
+  nostrClient.init().catch((error) => {
+    devLogger.warn("[embed] nostrClient.init failed:", error);
+  });
+};
+
+const decodePointer = (pointer) => {
+  const trimmed = typeof pointer === "string" ? pointer.trim() : "";
+  if (!trimmed) {
+    return null;
+  }
+
+  if (/^(naddr|nevent)/i.test(trimmed)) {
+    const decoder = window?.NostrTools?.nip19?.decode;
+    if (typeof decoder === "function") {
+      try {
+        return decoder(trimmed);
+      } catch (error) {
+        userLogger.warn("[embed] Failed to decode pointer:", error);
+      }
+    }
+  }
+
+  if (trimmed.includes(":")) {
+    return {
+      type: "naddr",
+      data: {
+        relay: null,
+        relays: [],
+        identifier: trimmed.split(":").slice(2).join(":"),
+        pubkey: trimmed.split(":")[1] || "",
+        kind: Number.parseInt(trimmed.split(":")[0], 10),
+      },
+    };
+  }
+
+  if (HEX64_REGEX.test(trimmed)) {
+    return {
+      type: "nevent",
+      data: {
+        id: trimmed,
+        relays: [],
+      },
+    };
+  }
+
+  return null;
+};
+
+const buildRelayList = (relays) => {
+  const combined = [
+    ...(Array.isArray(relays) ? relays : []),
+    ...(Array.isArray(nostrClient.relays) ? nostrClient.relays : []),
+  ];
+
+  const result = sanitizeRelayList(combined);
+  diag?.emit("relay-list", { relays: result });
+  return result;
+};
+
+const resolveEventFromPointer = async (pointer) => {
+  const decoded = decodePointer(pointer);
+  if (!decoded) {
+    return { video: null, pointerHint: null };
+  }
+
+  if (decoded.type === "nevent") {
+    const eventId = decoded.data?.id || "";
+    const relays = decoded.data?.relays || [];
+    let video = null;
+
+    if (eventId) {
+      diag?.emit("event-request", { type: "start", id: eventId });
+      if (relays.length) {
+        try {
+          const raw = await nostrClient.fetchRawEventById(eventId, {
+            relays: buildRelayList(relays),
+          });
+          if (raw) {
+            video = convertEventToVideo(raw);
+          }
+        } catch (error) {
+          devLogger.warn("[embed] Failed to fetch nevent via relays:", error);
+        }
+      }
+
+      if (!video) {
+        video = await nostrClient.getEventById(eventId);
+      }
+      diag?.emit("event-request", {
+        type: "done",
+        id: eventId,
+        found: Boolean(video),
+        videoRootId: video?.videoRootId,
+      });
+    }
+
+    return {
+      video,
+      pointerHint: {
+        relay: Array.isArray(relays) && relays.length ? relays[0] : null,
+        eventId,
+      },
+    };
+  }
+
+  if (decoded.type === "naddr") {
+    const data = decoded.data || {};
+    const kind = Number.isFinite(data.kind) ? data.kind : null;
+    const pubkey = typeof data.pubkey === "string" ? data.pubkey.trim() : "";
+    const identifier =
+      typeof data.identifier === "string" ? data.identifier.trim() : "";
+    const relays = Array.isArray(data.relays) ? data.relays : [];
+
+    if (!kind || !pubkey || !identifier) {
+      return { video: null, pointerHint: null };
+    }
+
+    diag?.emit("event-request", {
+      type: "start",
+      naddr: { kind, pubkey, identifier },
+    });
+    await nostrClient.ensurePool();
+    const pool = nostrClient.pool;
+    const relayList = buildRelayList(relays);
+    const filter = {
+      kinds: [kind],
+      authors: [pubkey],
+      "#d": [identifier],
+    };
+
+    let rawEvent = null;
+    if (pool?.get && relayList.length) {
+      try {
+        rawEvent = await pool.get(relayList, filter);
+      } catch (error) {
+        devLogger.warn("[embed] Failed to fetch naddr via pool.get:", error);
+      }
+    }
+
+    if (!rawEvent && pool?.list && relayList.length) {
+      try {
+        const events = await pool.list(relayList, [filter]);
+        if (Array.isArray(events) && events.length) {
+          const flattened = events.flat().filter(Boolean);
+          rawEvent = flattened.sort(
+            (a, b) => (b.created_at || 0) - (a.created_at || 0)
+          )[0];
+        }
+      } catch (error) {
+        devLogger.warn("[embed] Failed to fetch naddr via pool.list:", error);
+      }
+    }
+
+    const video = rawEvent ? convertEventToVideo(rawEvent) : null;
+    diag?.emit("event-request", {
+      type: "done",
+      naddr: { kind, pubkey, identifier },
+      found: Boolean(video),
+      videoRootId: video?.videoRootId,
+    });
+
+    return {
+      video,
+      pointerHint: {
+        relay: relayList.length ? relayList[0] : null,
+        dTag: identifier,
+        kind,
+        pubkey,
+      },
+    };
+  }
+
+  return { video: null, pointerHint: null };
+};
+
+const setPointerState = ({ video, hint } = {}) => {
+  if (!video) {
+    return;
+  }
+
+  const dTag = getDTagValueFromTags(video.tags) || hint?.dTag || "";
+  const pointerInfo = resolveVideoPointer({
+    kind: video.kind,
+    pubkey: video.pubkey,
+    videoRootId: video.videoRootId,
+    dTag,
+    fallbackEventId: video.id || hint?.eventId,
+    relay: hint?.relay || video.relay,
+  });
+
+  app.currentVideoPointer = pointerInfo?.pointer || null;
+  app.currentVideoPointerKey = pointerInfo?.key || null;
+
+  if (pointerInfo) {
+    diag?.emit("pointer-resolved", pointerInfo);
+  }
+
+  if (app.currentVideo) {
+    app.currentVideo.pointer = app.currentVideoPointer;
+    app.currentVideo.pointerKey = app.currentVideoPointerKey;
+  }
+
+  // Ensure stats subscriptions are active since we don't go through playVideoByEventId
+  if (app.subscribeModalViewCount) {
+    app.subscribeModalViewCount(
+      app.currentVideoPointer,
+      app.currentVideoPointerKey
+    );
+  }
+  if (app.reactionController && app.reactionController.subscribe) {
+    app.reactionController.subscribe(
+      app.currentVideoPointer,
+      app.currentVideoPointerKey
+    );
+  }
+};
+
+const startEmbed = async () => {
+  if (window.__bitvidEmbedStarted) {
+    return;
+  }
+  window.__bitvidEmbedStarted = true;
+
+  try {
+    await diagPromise;
+  } catch (error) {
+    // Should be caught above, but just in case
+  }
+
+  if (!(videoEl instanceof HTMLVideoElement)) {
+    setStatus("Embed video element is missing.", "error");
+    return;
+  }
+
+  const params = new URLSearchParams(window.location.search);
+  const pointer = params.get(POINTER_PARAM) || "";
+  const playback = resolvePlaybackPreference(params.get(PLAYBACK_PARAM));
+
+  if (!pointer) {
+    setStatus("Missing video pointer.", "error");
+    return;
+  }
+
+  setStatus("Resolving video…", "default");
+
+  try {
+    app.authService?.hydrateFromStorage?.();
+  } catch (error) {
+    devLogger.warn("[embed] Failed to hydrate auth state:", error);
+  }
+
+  await ensureNostrReady();
+
+  let resolved = null;
+  try {
+    resolved = await resolveEventFromPointer(pointer);
+  } catch (error) {
+    devLogger.warn("[embed] Failed to resolve pointer:", error);
+  }
+
+  const video = resolved?.video || null;
+  if (!video) {
+    setStatus("Unable to resolve the requested video.", "error");
+    return;
+  }
+
+  if (app.videoModal && typeof app.videoModal.load === "function") {
+    try {
+      await app.videoModal.load();
+    } catch (error) {
+      devLogger.warn("[embed] Failed to early-load video modal:", error);
+    }
+  }
+
+  app.currentVideo = video;
+  setPointerState({ video, hint: resolved?.pointerHint || null });
+
+  const url = typeof video.url === "string" ? video.url.trim() : "";
+  const magnet = typeof video.magnet === "string" ? video.magnet.trim() : "";
+
+  if (!url && !magnet) {
+    setStatus("No playback sources found for this video.", "error");
+    return;
+  }
+
+  if (typeof video.title === "string" && video.title.trim()) {
+    document.title = `${video.title.trim()} | bitvid embed`;
+  }
+
+  try {
+    await app.playVideoWithFallback({
+      url,
+      magnet,
+      forcedSource: playback || undefined,
+      trigger: videoEl,
+    });
+
+    if (app.videoModal && typeof app.videoModal.setShareUrl === "function") {
+      const shareUrl = app.buildShareUrlFromEventId(video.id);
+      app.videoModal.setShareUrl(shareUrl);
+    }
+  } catch (error) {
+    devLogger.warn("[embed] Playback failed:", error);
+    setStatus("Playback failed. Please try again.", "error");
+  }
+};
+
+startEmbed();
diff --git a/dist/js/embedDiagnostics.js b/dist/js/embedDiagnostics.js
new file mode 100644
index 00000000..acdfbd08
--- /dev/null
+++ b/dist/js/embedDiagnostics.js
@@ -0,0 +1,177 @@
+// js/embedDiagnostics.js
+
+let activeEmitter = null;
+
+export function initEmbedDiagnostics({ enabled = true } = {}) {
+  if (!enabled) {
+    return { emit: () => {} };
+  }
+
+  function postToParent(type, payload) {
+    try {
+      // NOTE: using "*" so tester receives messages; in a production build you may restrict origin.
+      if (window.parent && window.parent !== window) {
+        window.parent.postMessage({ __bitvid_debug: true, type, payload }, "*");
+      }
+    } catch (e) {
+      // ignore
+    }
+  }
+
+  function safeStringify(obj, max = 2000) {
+    try {
+      const s = JSON.stringify(
+        obj,
+        (k, v) => {
+          if (typeof v === "string" && v.length > 1000)
+            return v.slice(0, 1000) + "…";
+          // redact likely sensitive fields
+          if (k && /key|secret|sk|priv|pass|token/i.test(k)) return "[REDACTED]";
+          return v;
+        },
+        2
+      );
+      return s.length > max ? s.slice(0, max) + "…" : s;
+    } catch (e) {
+      try {
+        return String(obj);
+      } catch (e2) {
+        return "[unserializable]";
+      }
+    }
+  }
+
+  // console wrappers
+  ["log", "info", "warn", "error", "debug"].forEach((lvl) => {
+    // eslint-disable-next-line no-console
+    const orig = console[lvl] ? console[lvl].bind(console) : null;
+    if (orig) {
+      // eslint-disable-next-line no-console
+      console[lvl] = (...args) => {
+        try {
+          postToParent("console", {
+            level: lvl,
+            args: args.map((a) =>
+              typeof a === "string" ? a : safeStringify(a, 1000)
+            ),
+          });
+        } catch (e) {
+          /* no-op */
+        }
+        try {
+          orig(...args);
+        } catch (e) {
+          /* no-op */
+        }
+      };
+    }
+  });
+
+  // global errors
+  window.addEventListener(
+    "error",
+    (ev) => {
+      try {
+        const payload = {
+          message: ev.message,
+          filename: ev.filename,
+          lineno: ev.lineno,
+          colno: ev.colno,
+          stack: ev.error && ev.error.stack ? ev.error.stack : null,
+        };
+        postToParent("error", payload);
+      } catch (e) {
+        /* no-op */
+      }
+    },
+    true
+  );
+
+  window.addEventListener("unhandledrejection", (ev) => {
+    try {
+      const reason =
+        ev && ev.reason
+          ? ev.reason && ev.reason.stack
+            ? ev.reason.stack
+            : safeStringify(ev.reason)
+          : "unknown";
+      postToParent("unhandledrejection", { reason });
+    } catch (e) {
+      /* no-op */
+    }
+  });
+
+  // light fetch/XHR monitoring (failures only)
+  (function wrapFetch() {
+    if (!window.fetch) return;
+    const orig = window.fetch.bind(window);
+    window.fetch = async (...args) => {
+      try {
+        const res = await orig(...args);
+        if (!res.ok) {
+          postToParent("fetch-error", {
+            url: args[0],
+            status: res.status,
+            statusText: res.statusText,
+          });
+        }
+        return res;
+      } catch (err) {
+        postToParent("fetch-exception", { url: args[0], error: String(err) });
+        throw err;
+      }
+    };
+  })();
+
+  (function wrapXhr() {
+    try {
+      const origOpen = XMLHttpRequest.prototype.open;
+      const origSend = XMLHttpRequest.prototype.send;
+      XMLHttpRequest.prototype.open = function (...args) {
+        this.__embed_diag_url = args[1];
+        return origOpen.apply(this, args);
+      };
+      XMLHttpRequest.prototype.send = function (...args) {
+        try {
+          this.addEventListener("error", () =>
+            postToParent("xhr-error", { url: this.__embed_diag_url })
+          );
+          this.addEventListener("load", () => {
+            if (this.status >= 400)
+              postToParent("xhr-status", {
+                url: this.__embed_diag_url,
+                status: this.status,
+              });
+          });
+        } catch (e) {
+          /* no-op */
+        }
+        return origSend.apply(this, args);
+      };
+    } catch (e) {
+      /* no-op */
+    }
+  })();
+
+  function emitEmbedEvent(name, payload = {}) {
+    try {
+      postToParent("embed-event", { name, payload });
+    } catch (e) {
+      /* no-op */
+    }
+  }
+
+  activeEmitter = emitEmbedEvent;
+
+  return { emit: emitEmbedEvent };
+}
+
+export function emit(name, payload) {
+  if (activeEmitter) {
+    try {
+      activeEmitter(name, payload);
+    } catch (e) {
+      /* no-op */
+    }
+  }
+}
diff --git a/dist/js/exploreView.js b/dist/js/exploreView.js
new file mode 100644
index 00000000..82316796
--- /dev/null
+++ b/dist/js/exploreView.js
@@ -0,0 +1,120 @@
+import { attachFeedInfoPopover } from "./ui/components/FeedInfoPopover.js";
+
+const VIDEO_CARD_SELECTOR = "[data-component=\"video-card\"]";
+const EMPTY_STATE_SELECTOR = "[data-explore-empty-state]";
+const LOADING_SELECTOR = ".sidebar-loading-wrapper";
+
+class ExploreView {
+  constructor({ document: doc = document } = {}) {
+    this.document = doc;
+    this.container = null;
+    this.observer = null;
+    this.handleMutation = this.handleMutation.bind(this);
+  }
+
+  init() {
+    this.container = this.document?.getElementById("videoList") || null;
+    if (!this.container) {
+      return;
+    }
+
+    this.observeContainer();
+    this.updateEmptyState();
+
+    const infoTrigger = this.document.getElementById("exploreInfoTrigger");
+    if (infoTrigger) {
+      attachFeedInfoPopover(
+        infoTrigger,
+        "Explore scores videos using freshness, engagement, and diversity signals to surface a balanced mix."
+      );
+    }
+  }
+
+  observeContainer() {
+    if (!this.container || typeof MutationObserver === "undefined") {
+      return;
+    }
+
+    if (this.observer) {
+      this.observer.disconnect();
+    }
+
+    this.observer = new MutationObserver(this.handleMutation);
+    this.observer.observe(this.container, {
+      childList: true,
+      subtree: true,
+    });
+  }
+
+  handleMutation() {
+    this.updateEmptyState();
+  }
+
+  updateEmptyState() {
+    if (!this.container) {
+      return;
+    }
+
+    const hasVideos = Boolean(this.container.querySelector(VIDEO_CARD_SELECTOR));
+    const isLoading = Boolean(this.container.querySelector(LOADING_SELECTOR));
+    const existingEmptyState = this.container.querySelector(EMPTY_STATE_SELECTOR);
+
+    if (isLoading) {
+      if (existingEmptyState) {
+        existingEmptyState.remove();
+      }
+      return;
+    }
+
+    if (hasVideos) {
+      if (existingEmptyState) {
+        existingEmptyState.remove();
+      }
+      return;
+    }
+
+    if (existingEmptyState) {
+      return;
+    }
+
+    const emptyState = this.buildEmptyState();
+    if (emptyState) {
+      this.container.innerHTML = "";
+      this.container.appendChild(emptyState);
+    }
+  }
+
+  buildEmptyState() {
+    if (!this.document) {
+      return null;
+    }
+
+    const wrapper = this.document.createElement("div");
+    wrapper.className = "col-span-full";
+    wrapper.dataset.exploreEmptyState = "true";
+
+    const card = this.document.createElement("div");
+    card.className = "card p-lg text-center";
+
+    const title = this.document.createElement("h3");
+    title.className = "text-lg font-semibold text-text";
+    title.textContent = "Explore is empty right now";
+
+    const copy = this.document.createElement("p");
+    copy.className = "mt-2 text-sm text-muted";
+    copy.textContent =
+      "Check back soon for a fresh mix of videos across the network.";
+
+    card.appendChild(title);
+    card.appendChild(copy);
+    wrapper.appendChild(card);
+
+    return wrapper;
+  }
+}
+
+export function initExploreView() {
+  const view = new ExploreView();
+  view.init();
+  return view;
+}
diff --git a/dist/js/feedEngine/engine.js b/dist/js/feedEngine/engine.js
new file mode 100644
index 00000000..11ab00e7
--- /dev/null
+++ b/dist/js/feedEngine/engine.js
@@ -0,0 +1,233 @@
+// js/feedEngine/engine.js
+
+import { isPlainObject } from "./utils.js";
+import { userLogger } from "../utils/logger.js";
+
+const DEFAULT_FEED_CONFIG = Object.freeze({
+  timeWindow: null,
+  actorFilters: [],
+  tagFilters: [],
+  sortOrder: "recent",
+});
+
+const DEFAULT_CONFIG_SCHEMA = Object.freeze({
+  timeWindow: {
+    type: "relative-window",
+    description:
+      "Restrict results to a rolling time window (e.g., last 24 hours).",
+    default: null,
+  },
+  actorFilters: {
+    type: "string[]",
+    description: "Optional list of author pubkeys to include in the feed.",
+    default: [],
+  },
+  tagFilters: {
+    type: "string[]",
+    description: "Optional list of tag identifiers to include in the feed.",
+    default: [],
+  },
+  sortOrder: {
+    type: "enum",
+    values: ["recent"],
+    description:
+      "Controls the final ordering of the feed. Currently only 'recent' is implemented.",
+    default: "recent",
+  },
+});
+
+function normalizeLogger(logger) {
+  if (typeof logger === "function") {
+    return logger;
+  }
+  if (logger && typeof logger.log === "function") {
+    return (...args) => logger.log(...args);
+  }
+  return () => {};
+}
+
+function normalizeArray(value) {
+  if (!Array.isArray(value)) {
+    return [];
+  }
+  return value.filter((entry) => typeof entry === "function");
+}
+
+function normalizeDto(candidate) {
+  if (!candidate || typeof candidate !== "object") {
+    return null;
+  }
+
+  const video = candidate.video ?? null;
+  const pointer = candidate.pointer ?? null;
+  const metadata = isPlainObject(candidate.metadata)
+    ? { ...candidate.metadata }
+    : {};
+
+  return { video, pointer, metadata };
+}
+
+function normalizeItems(items) {
+  if (!Array.isArray(items)) {
+    return [];
+  }
+  const normalized = [];
+  for (const candidate of items) {
+    const dto = normalizeDto(candidate);
+    if (dto) {
+      normalized.push(dto);
+    }
+  }
+  return normalized;
+}
+
+function createExecutionContext(entry, { config, hooks, runtime, logger }) {
+  const whyLog = [];
+  const resolvedLogger = normalizeLogger(logger);
+
+  const context = {
+    feedName: entry.name,
+    config: { ...entry.defaultConfig, ...(isPlainObject(config) ? config : {}) },
+    hooks: isPlainObject(hooks) ? { ...entry.hooks, ...hooks } : { ...entry.hooks },
+    runtime: isPlainObject(runtime) ? { ...runtime } : {},
+    log: (...args) => {
+      try {
+        resolvedLogger(`[feed:${entry.name}]`, ...args);
+      } catch (error) {
+        userLogger.warn(`[feed:${entry.name}] logger threw`, error);
+      }
+    },
+    addWhy: (detail) => {
+      if (!isPlainObject(detail)) {
+        return;
+      }
+      const record = { feed: entry.name, ...detail };
+      whyLog.push(record);
+      return record;
+    },
+    getWhy: () => whyLog.slice(),
+  };
+
+  return context;
+}
+
+function normalizeDefinition(name, definition = {}) {
+  if (typeof name !== "string" || !name.trim()) {
+    throw new Error("Feed name must be a non-empty string");
+  }
+
+  if (typeof definition.source !== "function") {
+    throw new Error(`Feed \"${name}\" is missing a source function`);
+  }
+
+  const stages = normalizeArray(definition.stages);
+  const decorators = normalizeArray(definition.decorators);
+  const sorter =
+    typeof definition.sorter === "function" ? definition.sorter : null;
+  const hooks = isPlainObject(definition.hooks) ? { ...definition.hooks } : {};
+  const defaultConfig = {
+    ...DEFAULT_FEED_CONFIG,
+    ...(isPlainObject(definition.defaultConfig) ? definition.defaultConfig : {}),
+  };
+  const configSchema = isPlainObject(definition.configSchema)
+    ? { ...DEFAULT_CONFIG_SCHEMA, ...definition.configSchema }
+    : { ...DEFAULT_CONFIG_SCHEMA };
+
+  return {
+    name,
+    source: definition.source,
+    stages,
+    sorter,
+    decorators,
+    hooks,
+    defaultConfig,
+    configSchema,
+    publicDefinition: Object.freeze({
+      name,
+      configDefaults: { ...defaultConfig },
+      configSchema: { ...configSchema },
+    }),
+  };
+}
+
+export function createFeedEngine({ logger } = {}) {
+  const feeds = new Map();
+  const resolvedLogger = normalizeLogger(logger);
+
+  function registerFeed(name, definition) {
+    if (feeds.has(name)) {
+      throw new Error(`Feed \"${name}\" is already registered`);
+    }
+
+    const entry = normalizeDefinition(name, definition);
+    feeds.set(name, entry);
+    return entry.publicDefinition;
+  }
+
+  async function runFeed(name, options = {}) {
+    const entry = feeds.get(name);
+    if (!entry) {
+      throw new Error(`Feed \"${name}\" is not registered`);
+    }
+
+    const context = createExecutionContext(entry, {
+      config: options.config,
+      hooks: options.hooks,
+      runtime: options.runtime,
+      logger: resolvedLogger,
+    });
+
+    const sourceResult = await entry.source(context);
+    let items = normalizeItems(await Promise.resolve(sourceResult));
+
+    for (const stage of entry.stages) {
+      const result = await stage(items, context);
+      if (Array.isArray(result)) {
+        items = normalizeItems(result);
+      } else if (result == null) {
+        items = normalizeItems(items);
+      }
+    }
+
+    if (entry.sorter) {
+      const sorted = await entry.sorter(items, context);
+      if (Array.isArray(sorted)) {
+        items = normalizeItems(sorted);
+      }
+    }
+
+    for (const decorator of entry.decorators) {
+      const decorated = await decorator(items, context);
+      if (Array.isArray(decorated)) {
+        items = normalizeItems(decorated);
+      }
+    }
+
+    return {
+      items,
+      videos: items.map((item) => item.video).filter(Boolean),
+      metadata: {
+        why: context.getWhy(),
+        config: context.config,
+      },
+    };
+  }
+
+  function listFeeds() {
+    return Array.from(feeds.values()).map((entry) => entry.publicDefinition);
+  }
+
+  function getFeedDefinition(name) {
+    const entry = feeds.get(name);
+    return entry ? entry.publicDefinition : null;
+  }
+
+  return {
+    registerFeed,
+    runFeed,
+    listFeeds,
+    getFeedDefinition,
+  };
+}
+
+export { };
diff --git a/dist/js/feedEngine/exploreScoring.js b/dist/js/feedEngine/exploreScoring.js
new file mode 100644
index 00000000..c3d5c972
--- /dev/null
+++ b/dist/js/feedEngine/exploreScoring.js
@@ -0,0 +1,451 @@
+// js/feedEngine/exploreScoring.js
+
+import { normalizeHashtag } from "../utils/hashtagNormalization.js";
+import { isPlainObject, toSet } from "./utils.js";
+
+const DEFAULT_WEIGHTS = Object.freeze({
+  novelty: 0.3,
+  freshness: 0.25,
+  historySimilarity: 0.2,
+  newTagFraction: 0.1,
+  popularityNorm: 0.1,
+  disinterestOverlap: 0.25,
+});
+
+const DEFAULT_FRESHNESS_HALF_LIFE_DAYS = 14;
+
+function clamp01(value) {
+  if (!Number.isFinite(value)) {
+    return 0;
+  }
+  if (value <= 0) {
+    return 0;
+  }
+  if (value >= 1) {
+    return 1;
+  }
+  return value;
+}
+
+function normalizeTagSet(values) {
+  const normalized = new Set();
+  const source = toSet(values);
+
+  for (const value of source) {
+    const tag = normalizeHashtag(value);
+    if (tag) {
+      normalized.add(tag);
+    }
+  }
+
+  return normalized;
+}
+
+function normalizeTagCountMap(tagCounts) {
+  const normalized = new Map();
+  if (tagCounts instanceof Map) {
+    for (const [tag, count] of tagCounts.entries()) {
+      const normalizedTag = normalizeHashtag(tag);
+      if (!normalizedTag) {
+        continue;
+      }
+      const countValue = Number(count);
+      if (Number.isFinite(countValue) && countValue > 0) {
+        normalized.set(normalizedTag, countValue);
+      }
+    }
+    return normalized;
+  }
+
+  if (isPlainObject(tagCounts)) {
+    for (const [tag, count] of Object.entries(tagCounts)) {
+      const normalizedTag = normalizeHashtag(tag);
+      if (!normalizedTag) {
+        continue;
+      }
+      const countValue = Number(count);
+      if (Number.isFinite(countValue) && countValue > 0) {
+        normalized.set(normalizedTag, countValue);
+      }
+    }
+  }
+
+  return normalized;
+}
+
+function buildHistoryWeights(tagCounts) {
+  const weights = new Map();
+  if (!tagCounts || tagCounts.size === 0) {
+    return weights;
+  }
+
+  let maxCount = 0;
+  for (const count of tagCounts.values()) {
+    if (count > maxCount) {
+      maxCount = count;
+    }
+  }
+
+  if (!Number.isFinite(maxCount) || maxCount <= 0) {
+    return weights;
+  }
+
+  const maxScale = Math.log1p(maxCount);
+  for (const [tag, count] of tagCounts.entries()) {
+    const scaled = Math.log1p(count) / maxScale;
+    if (Number.isFinite(scaled) && scaled > 0) {
+      weights.set(tag, scaled);
+    }
+  }
+
+  return weights;
+}
+
+function resolveIdfValue(idfMap, tag) {
+  if (!idfMap || !tag) {
+    return 1;
+  }
+  if (idfMap instanceof Map) {
+    const value = Number(idfMap.get(tag));
+    return Number.isFinite(value) && value > 0 ? value : 1;
+  }
+  if (isPlainObject(idfMap)) {
+    const value = Number(idfMap[tag]);
+    return Number.isFinite(value) && value > 0 ? value : 1;
+  }
+  return 1;
+}
+
+function buildVideoVector(video, idfMap) {
+  const vector = new Map();
+  if (!video || typeof video !== "object") {
+    return vector;
+  }
+
+  const addTag = (rawTag) => {
+    if (typeof rawTag !== "string") {
+      return;
+    }
+    const tag = normalizeHashtag(rawTag);
+    if (!tag) {
+      return;
+    }
+    const idf = resolveIdfValue(idfMap, tag);
+    const current = vector.get(tag) || 0;
+    vector.set(tag, current + idf);
+  };
+
+  if (Array.isArray(video.tags)) {
+    for (const tag of video.tags) {
+      if (Array.isArray(tag) && tag[0] === "t") {
+        addTag(tag[1]);
+      }
+    }
+  }
+
+  if (Array.isArray(video.nip71?.hashtags)) {
+    for (const tag of video.nip71.hashtags) {
+      addTag(tag);
+    }
+  }
+
+  return vector;
+}
+
+function combineUserVector({ interests, disinterests, historyWeights }) {
+  const vector = new Map();
+
+  if (interests && interests.size) {
+    for (const tag of interests) {
+      vector.set(tag, (vector.get(tag) || 0) + 1);
+    }
+  }
+
+  if (disinterests && disinterests.size) {
+    for (const tag of disinterests) {
+      vector.set(tag, (vector.get(tag) || 0) - 2);
+    }
+  }
+
+  if (historyWeights && historyWeights.size) {
+    for (const [tag, weight] of historyWeights.entries()) {
+      vector.set(tag, (vector.get(tag) || 0) + weight);
+    }
+  }
+
+  return vector;
+}
+
+function cosineSimilarity(vectorA, vectorB) {
+  if (!vectorA || !vectorB || vectorA.size === 0 || vectorB.size === 0) {
+    return 0;
+  }
+
+  let dot = 0;
+  let normA = 0;
+  let normB = 0;
+
+  for (const value of vectorA.values()) {
+    normA += value * value;
+  }
+  for (const value of vectorB.values()) {
+    normB += value * value;
+  }
+
+  if (!Number.isFinite(normA) || !Number.isFinite(normB) || normA <= 0 || normB <= 0) {
+    return 0;
+  }
+
+  const smaller = vectorA.size <= vectorB.size ? vectorA : vectorB;
+  const larger = smaller === vectorA ? vectorB : vectorA;
+
+  for (const [tag, value] of smaller.entries()) {
+    const other = larger.get(tag);
+    if (Number.isFinite(other)) {
+      dot += value * other;
+    }
+  }
+
+  const similarity = dot / (Math.sqrt(normA) * Math.sqrt(normB));
+  if (!Number.isFinite(similarity)) {
+    return 0;
+  }
+  if (similarity > 1) {
+    return 1;
+  }
+  if (similarity < -1) {
+    return -1;
+  }
+  return similarity;
+}
+
+function resolvePopularityValue(video, item) {
+  const candidates = [
+    video?.viewCount,
+    video?.views,
+    video?.stats?.views,
+    video?.stats?.viewCount,
+    video?.metrics?.views,
+    item?.metadata?.viewCount,
+  ];
+
+  for (const candidate of candidates) {
+    const value = Number(candidate);
+    if (Number.isFinite(value) && value >= 0) {
+      return value;
+    }
+  }
+
+  return 0;
+}
+
+function resolveTimestamp(video) {
+  const candidates = [
+    video?.rootCreatedAt,
+    video?.nip71Source?.created_at,
+    video?.created_at,
+  ];
+
+  for (const candidate of candidates) {
+    const value = Number(candidate);
+    if (Number.isFinite(value) && value > 0) {
+      return Math.floor(value);
+    }
+  }
+
+  return null;
+}
+
+function resolveWeights(options, context) {
+  const weights = { ...DEFAULT_WEIGHTS };
+  const overrides = [options?.weights, context?.runtime?.exploreWeights];
+  for (const candidate of overrides) {
+    if (!isPlainObject(candidate)) {
+      continue;
+    }
+    for (const key of Object.keys(weights)) {
+      if (Number.isFinite(candidate[key])) {
+        weights[key] = candidate[key];
+      }
+    }
+  }
+  return weights;
+}
+
+function resolveFreshnessHalfLife(options, context) {
+  const candidates = [options?.freshnessHalfLifeDays, context?.runtime?.exploreFreshnessHalfLifeDays];
+  for (const candidate of candidates) {
+    const value = Number(candidate);
+    if (Number.isFinite(value) && value > 0) {
+      return value;
+    }
+  }
+  return DEFAULT_FRESHNESS_HALF_LIFE_DAYS;
+}
+
+function resolvePopularityMax(options, context) {
+  const candidates = [options?.popularityMax, context?.runtime?.explorePopularityMax];
+  for (const candidate of candidates) {
+    const value = Number(candidate);
+    if (Number.isFinite(value) && value > 0) {
+      return value;
+    }
+  }
+  return 0;
+}
+
+function resolveNow(context) {
+  const candidate = Number(context?.runtime?.now);
+  if (Number.isFinite(candidate) && candidate > 0) {
+    return Math.floor(candidate);
+  }
+  return Math.floor(Date.now() / 1000);
+}
+
+export function createExploreScorerStage({ stageName = "explore-scorer", ...options } = {}) {
+  return async function exploreScorerStage(items = [], context = {}) {
+    if (!Array.isArray(items) || items.length === 0) {
+      return items;
+    }
+
+    const tagPreferences = context?.runtime?.tagPreferences;
+    const interests = normalizeTagSet(tagPreferences?.interests);
+    const disinterests = normalizeTagSet(tagPreferences?.disinterests);
+    const historyCounts = normalizeTagCountMap(context?.runtime?.watchHistoryTagCounts);
+    const historyWeights = buildHistoryWeights(historyCounts);
+    const userVector = combineUserVector({ interests, disinterests, historyWeights });
+    const idfMap = context?.runtime?.exploreTagIdf;
+    const weights = resolveWeights(options, context);
+    const popularityMax = resolvePopularityMax(options, context);
+    const freshnessHalfLifeDays = resolveFreshnessHalfLife(options, context);
+    const now = resolveNow(context);
+
+    for (const item of items) {
+      if (!item || typeof item !== "object") {
+        continue;
+      }
+
+      const video = item.video;
+      if (!video || typeof video !== "object") {
+        continue;
+      }
+
+      const videoVector = buildVideoVector(video, idfMap);
+      const videoTags = new Set(videoVector.keys());
+      const totalVideoWeight = Array.from(videoVector.values()).reduce(
+        (sum, value) => sum + (Number.isFinite(value) ? value : 0),
+        0,
+      );
+
+      const historySimilarity = cosineSimilarity(userVector, videoVector);
+      const historySimilarityPositive = Math.max(0, historySimilarity);
+      const novelty = historyWeights.size ? clamp01(1 - historySimilarityPositive) : 0;
+
+      let newTagFraction = 0;
+      if (videoTags.size > 0) {
+        let newCount = 0;
+        for (const tag of videoTags) {
+          if (!historyCounts.has(tag)) {
+            newCount += 1;
+          }
+        }
+        newTagFraction = clamp01(newCount / videoTags.size);
+      }
+
+      let disinterestOverlap = 0;
+      if (disinterests.size > 0 && videoVector.size > 0 && totalVideoWeight > 0) {
+        let disinterestWeight = 0;
+        for (const [tag, weight] of videoVector.entries()) {
+          if (disinterests.has(tag)) {
+            disinterestWeight += weight;
+          }
+        }
+        disinterestOverlap = clamp01(disinterestWeight / totalVideoWeight);
+      }
+
+      let popularityNorm = 0;
+      if (popularityMax > 0) {
+        const viewCount = resolvePopularityValue(video, item);
+        const normalized = Math.log1p(viewCount) / Math.log1p(popularityMax);
+        popularityNorm = clamp01(normalized);
+      }
+
+      let freshness = 0;
+      const createdAt = resolveTimestamp(video);
+      if (createdAt && freshnessHalfLifeDays > 0) {
+        const ageSeconds = Math.max(0, now - createdAt);
+        const ageDays = ageSeconds / 86400;
+        const decay = Math.exp(-ageDays / freshnessHalfLifeDays);
+        freshness = clamp01(decay);
+      }
+
+      const score = clamp01(
+        weights.novelty * novelty +
+          weights.freshness * freshness +
+          weights.historySimilarity * historySimilarityPositive +
+          weights.newTagFraction * newTagFraction +
+          weights.popularityNorm * popularityNorm -
+          weights.disinterestOverlap * disinterestOverlap,
+      );
+
+      if (!isPlainObject(item.metadata)) {
+        item.metadata = {};
+      }
+
+      item.metadata.exploreScore = score;
+      item.metadata.exploreComponents = {
+        novelty,
+        newTagFraction,
+        disinterestOverlap,
+        historySimilarity,
+        popularityNorm,
+        freshness,
+        tags: Array.from(videoTags),
+      };
+
+      const videoId = typeof video.id === "string" ? video.id : null;
+      const pubkey = typeof video.pubkey === "string" ? video.pubkey : null;
+
+      const positiveComponents = [
+        { key: "novelty", value: novelty },
+        { key: "freshness", value: freshness },
+        { key: "history-similarity", value: historySimilarityPositive },
+        { key: "new-tag-fraction", value: newTagFraction },
+        { key: "popularity", value: popularityNorm },
+      ];
+
+      let dominantPositive = positiveComponents[0];
+      for (const component of positiveComponents) {
+        if (component.value > dominantPositive.value) {
+          dominantPositive = component;
+        }
+      }
+
+      if (dominantPositive.value > 0) {
+        context?.addWhy?.({
+          stage: stageName,
+          type: "score",
+          reason: dominantPositive.key,
+          value: dominantPositive.value,
+          score,
+          videoId,
+          pubkey,
+        });
+      }
+
+      if (disinterestOverlap > 0) {
+        context?.addWhy?.({
+          stage: stageName,
+          type: "score",
+          reason: "disinterest-overlap",
+          value: disinterestOverlap,
+          score,
+          videoId,
+          pubkey,
+        });
+      }
+    }
+
+    return items;
+  };
+}
diff --git a/dist/js/feedEngine/index.js b/dist/js/feedEngine/index.js
new file mode 100644
index 00000000..47c10107
--- /dev/null
+++ b/dist/js/feedEngine/index.js
@@ -0,0 +1,26 @@
+// js/feedEngine/index.js
+
+export { createFeedEngine } from "./engine.js";
+export {
+  createDedupeByRootStage,
+  createBlacklistFilterStage,
+  createDisinterestFilterStage,
+  createTagPreferenceFilterStage,
+  createWatchHistorySuppressionStage,
+  createModerationStage,
+  createResolvePostedAtStage,
+} from "./stages.js";
+export { createExploreScorerStage } from "./exploreScoring.js";
+export { createKidsScorerStage } from "./kidsScoring.js";
+export { createKidsAudienceFilterStage } from "./kidsAudienceFilterStage.js";
+export {
+  createChronologicalSorter,
+  createExploreDiversitySorter,
+  createKidsScoreSorter,
+} from "./sorters.js";
+export {
+  createActiveNostrSource,
+  createSubscriptionAuthorsSource,
+  createWatchHistoryPointerSource,
+} from "./sources.js";
+export { createWatchHistoryFeedDefinition, registerWatchHistoryFeed } from "./watchHistoryFeed.js";
diff --git a/dist/js/feedEngine/kidsAudienceFilterStage.js b/dist/js/feedEngine/kidsAudienceFilterStage.js
new file mode 100644
index 00000000..502b471b
--- /dev/null
+++ b/dist/js/feedEngine/kidsAudienceFilterStage.js
@@ -0,0 +1,161 @@
+// js/feedEngine/kidsAudienceFilterStage.js
+
+import nostrService from "../services/nostrService.js";
+import { toSet } from "./utils.js";
+
+const DEFAULT_DISALLOWED_WARNINGS = [
+  "nudity",
+  "sexual",
+  "graphic-violence",
+  "self-harm",
+  "drugs",
+];
+
+function normalizeWarningValue(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+
+  return value.trim().toLowerCase().replace(/[\s_]+/g, "-");
+}
+
+function normalizeWarningList(values) {
+  const normalized = new Set();
+
+  if (values instanceof Set || Array.isArray(values)) {
+    for (const value of values) {
+      const entry = normalizeWarningValue(value);
+      if (entry) {
+        normalized.add(entry);
+      }
+    }
+  } else if (typeof values === "string") {
+    const entries = values.split(/[,;|]+/);
+    for (const entry of entries) {
+      const normalizedEntry = normalizeWarningValue(entry);
+      if (normalizedEntry) {
+        normalized.add(normalizedEntry);
+      }
+    }
+  }
+
+  return normalized;
+}
+
+function resolveDisallowedWarnings(context, fallback) {
+  const runtimeOverride = context?.runtime?.disallowedWarnings;
+  const configOverride = context?.config?.disallowedWarnings;
+  const resolved = runtimeOverride ?? configOverride ?? fallback;
+
+  return normalizeWarningList(resolved);
+}
+
+function parseContentWarnings(contentWarning) {
+  if (!contentWarning) {
+    return [];
+  }
+
+  if (Array.isArray(contentWarning)) {
+    return contentWarning
+      .map((value) => normalizeWarningValue(value))
+      .filter(Boolean);
+  }
+
+  if (typeof contentWarning === "string") {
+    return contentWarning
+      .split(/[,;|]+/)
+      .map((value) => normalizeWarningValue(value))
+      .filter(Boolean);
+  }
+
+  return [];
+}
+
+export function createKidsAudienceFilterStage({
+  stageName = "kids-audience-filter",
+  disallowedWarnings = DEFAULT_DISALLOWED_WARNINGS,
+} = {}) {
+  return async function kidsAudienceFilterStage(items = [], context = {}) {
+    const results = [];
+    const disallowedSet = resolveDisallowedWarnings(context, disallowedWarnings);
+
+    const blacklist = toSet(context?.runtime?.blacklistedEventIds);
+    const isAuthorBlocked =
+      typeof context?.runtime?.isAuthorBlocked === "function"
+        ? context.runtime.isAuthorBlocked
+        : () => false;
+
+    const options = { blacklistedEventIds: blacklist, isAuthorBlocked };
+
+    const includeFn =
+      typeof context?.runtime?.shouldIncludeVideo === "function"
+        ? context.runtime.shouldIncludeVideo
+        : (video, includeOptions) => nostrService.shouldIncludeVideo(video, includeOptions);
+
+    for (const item of items) {
+      const video = item?.video;
+      if (!video || typeof video !== "object") {
+        results.push(item);
+        continue;
+      }
+
+      const videoId = typeof video.id === "string" ? video.id : null;
+      const addWhy = (reason, extra = {}) => {
+        context?.addWhy?.({
+          stage: stageName,
+          type: "filter",
+          reason,
+          videoId,
+          ...extra,
+        });
+      };
+
+      if (video.isForKids !== true) {
+        addWhy("not-for-kids");
+        continue;
+      }
+
+      if (video.isNsfw === true) {
+        addWhy("nsfw");
+        continue;
+      }
+
+      if (video.invalid === true) {
+        addWhy("invalid");
+        continue;
+      }
+
+      let include = true;
+      try {
+        include = includeFn(video, options) !== false;
+      } catch (error) {
+        context?.log?.(`[${stageName}] shouldIncludeVideo threw`, error);
+        include = false;
+      }
+
+      if (!include) {
+        addWhy("blacklist");
+        continue;
+      }
+
+      if (disallowedSet.size > 0) {
+        const warnings = parseContentWarnings(video.contentWarning);
+        for (const warning of warnings) {
+          if (disallowedSet.has(warning)) {
+            addWhy("content-warning", { warning });
+            include = false;
+            break;
+          }
+        }
+      }
+
+      if (!include) {
+        continue;
+      }
+
+      results.push(item);
+    }
+
+    return results;
+  };
+}
diff --git a/dist/js/feedEngine/kidsScoring.js b/dist/js/feedEngine/kidsScoring.js
new file mode 100644
index 00000000..77c9ee7d
--- /dev/null
+++ b/dist/js/feedEngine/kidsScoring.js
@@ -0,0 +1,424 @@
+// js/feedEngine/kidsScoring.js
+
+import { normalizeHashtag } from "../utils/hashtagNormalization.js";
+import { isPlainObject, toSet } from "./utils.js";
+
+const DEFAULT_WEIGHTS = Object.freeze({
+  w_age: 0.35,
+  w_edu: 0.25,
+  w_author: 0.15,
+  w_pop: 0.1,
+  w_fresh: 0.1,
+  w_risk: 0.6,
+});
+
+const DEFAULT_FRESHNESS_HALF_LIFE_DAYS = 14;
+
+const AGE_GROUP_DEFAULTS = Object.freeze({
+  toddler: {
+    maxDurationSeconds: 5 * 60,
+    preferredTags: ["toddler", "baby", "nursery", "colors", "shapes", "lullaby"],
+    educationalTags: ["abc", "numbers", "counting", "learning", "alphabet"],
+  },
+  preschool: {
+    maxDurationSeconds: 10 * 60,
+    preferredTags: ["preschool", "kindergarten", "storytime", "letters", "phonics"],
+    educationalTags: ["counting", "alphabet", "reading", "learning", "math"],
+  },
+  early: {
+    maxDurationSeconds: 15 * 60,
+    preferredTags: ["early", "kids", "reading", "science", "animals", "art"],
+    educationalTags: ["science", "math", "reading", "history", "geography"],
+  },
+  older: {
+    maxDurationSeconds: 20 * 60,
+    preferredTags: ["tween", "teens", "tutorial", "stem", "coding", "music"],
+    educationalTags: ["stem", "coding", "history", "geography", "tutorial"],
+  },
+});
+
+function clamp01(value) {
+  if (!Number.isFinite(value)) {
+    return 0;
+  }
+  if (value <= 0) {
+    return 0;
+  }
+  if (value >= 1) {
+    return 1;
+  }
+  return value;
+}
+
+function normalizeTagSetFromVideo(video) {
+  const normalized = new Set();
+  if (!video || typeof video !== "object") {
+    return normalized;
+  }
+
+  const addTag = (rawTag) => {
+    if (typeof rawTag !== "string") {
+      return;
+    }
+    const tag = normalizeHashtag(rawTag);
+    if (tag) {
+      normalized.add(tag);
+    }
+  };
+
+  if (Array.isArray(video.tags)) {
+    for (const tag of video.tags) {
+      if (Array.isArray(tag) && tag[0] === "t") {
+        addTag(tag[1]);
+      }
+    }
+  }
+
+  if (Array.isArray(video.nip71?.hashtags)) {
+    for (const tag of video.nip71.hashtags) {
+      addTag(tag);
+    }
+  }
+
+  return normalized;
+}
+
+function normalizeTagSet(values) {
+  const normalized = new Set();
+  if (!values) {
+    return normalized;
+  }
+
+  for (const value of toSet(values)) {
+    if (typeof value !== "string") {
+      continue;
+    }
+    const tag = normalizeHashtag(value);
+    if (tag) {
+      normalized.add(tag);
+    }
+  }
+
+  return normalized;
+}
+
+function resolveAgeProfile(ageGroup) {
+  const key = typeof ageGroup === "string" ? ageGroup.trim().toLowerCase() : "";
+  return AGE_GROUP_DEFAULTS[key] || AGE_GROUP_DEFAULTS.preschool;
+}
+
+function resolveDuration(video) {
+  const candidates = [video?.duration, video?.metadata?.duration];
+  for (const candidate of candidates) {
+    const value = Number(candidate);
+    if (Number.isFinite(value) && value > 0) {
+      return value;
+    }
+  }
+  return null;
+}
+
+function resolveWeights(options, context) {
+  const weights = { ...DEFAULT_WEIGHTS };
+  const overrides = [options?.weights, context?.runtime?.kidsWeights];
+  for (const candidate of overrides) {
+    if (!isPlainObject(candidate)) {
+      continue;
+    }
+    for (const key of Object.keys(weights)) {
+      if (Number.isFinite(candidate[key])) {
+        weights[key] = candidate[key];
+      }
+    }
+  }
+  return weights;
+}
+
+function resolveFreshnessHalfLife(options, context) {
+  const candidates = [options?.freshnessHalfLifeDays, context?.runtime?.kidsFreshnessHalfLifeDays];
+  for (const candidate of candidates) {
+    const value = Number(candidate);
+    if (Number.isFinite(value) && value > 0) {
+      return value;
+    }
+  }
+  return DEFAULT_FRESHNESS_HALF_LIFE_DAYS;
+}
+
+function resolvePopularityMax(options, context) {
+  const candidates = [
+    options?.popularityMax,
+    context?.runtime?.kidsPopularityMax,
+    context?.runtime?.explorePopularityMax,
+  ];
+  for (const candidate of candidates) {
+    const value = Number(candidate);
+    if (Number.isFinite(value) && value > 0) {
+      return value;
+    }
+  }
+  return 0;
+}
+
+function resolveNow(context) {
+  const candidate = Number(context?.runtime?.now);
+  if (Number.isFinite(candidate) && candidate > 0) {
+    return Math.floor(candidate);
+  }
+  return Math.floor(Date.now() / 1000);
+}
+
+function resolveKidsPopularityValue(video, item) {
+  const candidates = [
+    video?.kidsViews,
+    video?.stats?.kidsViews,
+    video?.metrics?.kidsViews,
+    item?.metadata?.kidsViews,
+  ];
+
+  for (const candidate of candidates) {
+    const value = Number(candidate);
+    if (Number.isFinite(value) && value >= 0) {
+      return value;
+    }
+  }
+
+  return null;
+}
+
+function resolveGlobalPopularityValue(video, item) {
+  const candidates = [
+    video?.viewCount,
+    video?.views,
+    video?.stats?.views,
+    video?.stats?.viewCount,
+    video?.metrics?.views,
+    item?.metadata?.viewCount,
+  ];
+
+  for (const candidate of candidates) {
+    const value = Number(candidate);
+    if (Number.isFinite(value) && value >= 0) {
+      return value;
+    }
+  }
+
+  return 0;
+}
+
+function resolveSafetyScore(item) {
+  const moderation = item?.metadata?.moderation || item?.video?.moderation || {};
+  if (moderation.hidden === true) {
+    return 0;
+  }
+
+  const trustedMuted = moderation.trustedMuted === true;
+  const trustedCount = Number(moderation.trustedCount ?? moderation.trustedReportCount);
+  let penalty = 0;
+
+  if (Number.isFinite(trustedCount) && trustedCount > 0) {
+    penalty = Math.min(1, trustedCount / 3) * 0.7;
+  }
+
+  if (trustedMuted) {
+    penalty = Math.max(penalty, 0.9);
+  }
+
+  return clamp01(1 - penalty);
+}
+
+function computeTagMatchScore(tags, preferredTags) {
+  if (!tags || tags.size === 0 || preferredTags.size === 0) {
+    return 0.4;
+  }
+
+  let matches = 0;
+  for (const tag of preferredTags) {
+    if (tags.has(tag)) {
+      matches += 1;
+    }
+  }
+
+  const divisor = Math.min(3, preferredTags.size);
+  return clamp01(matches / divisor);
+}
+
+export function createKidsScorerStage({
+  stageName = "kids-scorer",
+  ageGroup = "preschool",
+  educationalTags,
+  weights,
+  ...options
+} = {}) {
+  const resolveAgeGroupFromContext = (context) => {
+    const candidates = [context?.runtime?.ageGroup, context?.config?.ageGroup, ageGroup];
+    for (const candidate of candidates) {
+      if (typeof candidate !== "string") {
+        continue;
+      }
+      const trimmed = candidate.trim();
+      if (trimmed) {
+        return trimmed;
+      }
+    }
+    return ageGroup;
+  };
+
+  const resolveEducationalTagsFromContext = (context) => {
+    const candidates = [
+      context?.runtime?.educationalTags,
+      context?.config?.educationalTags,
+      educationalTags,
+    ];
+    for (const candidate of candidates) {
+      if (candidate !== undefined && candidate !== null) {
+        return candidate;
+      }
+    }
+    return null;
+  };
+
+  return async function kidsScorerStage(items = [], context = {}) {
+    if (!Array.isArray(items) || items.length === 0) {
+      return items;
+    }
+
+    const resolvedAgeGroup = resolveAgeGroupFromContext(context);
+    const ageProfile = resolveAgeProfile(resolvedAgeGroup);
+    const preferredTags = normalizeTagSet(ageProfile.preferredTags);
+    const defaultEducationalTags = normalizeTagSet(ageProfile.educationalTags);
+    const resolvedEducationalTags = resolveEducationalTagsFromContext(context);
+    const educationalTagSet =
+      resolvedEducationalTags !== null
+        ? normalizeTagSet(resolvedEducationalTags)
+        : defaultEducationalTags;
+    const resolvedWeights = resolveWeights({ weights, ...options }, context);
+    const freshnessHalfLifeDays = resolveFreshnessHalfLife(options, context);
+    const popularityMax = resolvePopularityMax(options, context);
+    const now = resolveNow(context);
+
+    const trustedAuthors = toSet(context?.runtime?.trustedAuthors);
+    const trustedAuthorSet = new Set();
+    for (const author of trustedAuthors) {
+      if (typeof author === "string") {
+        trustedAuthorSet.add(author.toLowerCase());
+      }
+    }
+
+    for (const item of items) {
+      if (!item || typeof item !== "object") {
+        continue;
+      }
+
+      const video = item.video;
+      if (!video || typeof video !== "object") {
+        continue;
+      }
+
+      const tags = normalizeTagSetFromVideo(video);
+      const duration = resolveDuration(video);
+      let durationScore = 0.5;
+      if (Number.isFinite(duration) && duration > 0) {
+        const ratio = duration / ageProfile.maxDurationSeconds;
+        durationScore = ratio <= 1 ? 1 : clamp01(1 / ratio);
+      }
+
+      const tagScore = computeTagMatchScore(tags, preferredTags);
+      const ageAppropriateness = clamp01(0.6 * durationScore + 0.4 * tagScore);
+
+      let educationalBoost = 0;
+      if (educationalTagSet.size > 0 && tags.size > 0) {
+        let matches = 0;
+        for (const tag of educationalTagSet) {
+          if (tags.has(tag)) {
+            matches += 1;
+          }
+        }
+        const divisor = Math.min(3, educationalTagSet.size);
+        educationalBoost = clamp01(matches / divisor);
+      }
+
+      let authorTrust = 0;
+      if (trustedAuthorSet.size > 0 && typeof video.pubkey === "string") {
+        authorTrust = trustedAuthorSet.has(video.pubkey.toLowerCase()) ? 1 : 0;
+      }
+
+      let popularityWithinKids = 0;
+      const kidsViews = resolveKidsPopularityValue(video, item);
+      const popularityValue = kidsViews === null ? resolveGlobalPopularityValue(video, item) : kidsViews;
+      if (popularityMax > 0) {
+        const normalized = Math.log1p(popularityValue) / Math.log1p(popularityMax);
+        popularityWithinKids = clamp01(normalized);
+      } else if (popularityValue > 0) {
+        popularityWithinKids = clamp01(Math.log1p(popularityValue) / Math.log1p(popularityValue + 100));
+      }
+
+      let freshness = 0;
+      const createdAt = Number(video?.rootCreatedAt ?? video?.nip71Source?.created_at ?? video?.created_at);
+      if (Number.isFinite(createdAt) && createdAt > 0 && freshnessHalfLifeDays > 0) {
+        const ageSeconds = Math.max(0, now - Math.floor(createdAt));
+        const ageDays = ageSeconds / 86400;
+        const decay = Math.exp(-ageDays / freshnessHalfLifeDays);
+        freshness = clamp01(decay);
+      }
+
+      const safetyScore = resolveSafetyScore(item);
+
+      const baseScore =
+        resolvedWeights.w_age * ageAppropriateness +
+        resolvedWeights.w_edu * educationalBoost +
+        resolvedWeights.w_author * authorTrust +
+        resolvedWeights.w_pop * popularityWithinKids +
+        resolvedWeights.w_fresh * freshness;
+
+      const riskMultiplier = clamp01(1 - resolvedWeights.w_risk * (1 - safetyScore));
+      const kidsScore = clamp01(baseScore * riskMultiplier);
+
+      if (!isPlainObject(item.metadata)) {
+        item.metadata = {};
+      }
+
+      item.metadata.kidsScore = kidsScore;
+      item.metadata.kidsScoreComponents = {
+        ageAppropriateness,
+        educationalBoost,
+        authorTrust,
+        popularityWithinKids,
+        freshness,
+        safetyScore,
+      };
+
+      const videoId = typeof video.id === "string" ? video.id : null;
+      const pubkey = typeof video.pubkey === "string" ? video.pubkey : null;
+
+      const positiveComponents = [
+        { key: "age-appropriateness", value: ageAppropriateness },
+        { key: "educational-boost", value: educationalBoost },
+        { key: "author-trust", value: authorTrust },
+        { key: "popularity", value: popularityWithinKids },
+        { key: "freshness", value: freshness },
+      ];
+
+      let dominantPositive = positiveComponents[0];
+      for (const component of positiveComponents) {
+        if (component.value > dominantPositive.value) {
+          dominantPositive = component;
+        }
+      }
+
+      if (dominantPositive.value > 0) {
+        context?.addWhy?.({
+          stage: stageName,
+          type: "score",
+          reason: dominantPositive.key,
+          value: dominantPositive.value,
+          score: kidsScore,
+          videoId,
+          pubkey,
+        });
+      }
+    }
+
+    return items;
+  };
+}
diff --git a/dist/js/feedEngine/sorters.js b/dist/js/feedEngine/sorters.js
new file mode 100644
index 00000000..c4620509
--- /dev/null
+++ b/dist/js/feedEngine/sorters.js
@@ -0,0 +1,460 @@
+// js/feedEngine/sorters.js
+
+import { normalizeHashtag } from "../utils/hashtagNormalization.js";
+
+export function createChronologicalSorter({
+  direction = "desc",
+  postedAtResolver,
+} = {}) {
+  const normalizedDirection = direction === "asc" ? "asc" : "desc";
+
+  return function chronologicalSorter(items = [], context = {}) {
+    if (!Array.isArray(items)) {
+      return [];
+    }
+
+    const copy = [...items];
+    const getTimestamp = (entry) => {
+      if (!entry || typeof entry !== "object") {
+        return Number.NEGATIVE_INFINITY;
+      }
+
+      const video = entry.video;
+      if (!video || typeof video !== "object") {
+        return Number.NEGATIVE_INFINITY;
+      }
+
+      const resolvePostedAtHook = () => {
+        if (typeof postedAtResolver === "function") {
+          try {
+            const resolved = postedAtResolver({ entry, context, video });
+            if (Number.isFinite(resolved)) {
+              return Math.floor(resolved);
+            }
+          } catch (error) {
+            context?.log?.("[chronological-sorter] postedAtResolver threw", error);
+          }
+        }
+
+        const hook = context?.hooks?.timestamps;
+        if (!hook || typeof hook !== "object") {
+          return null;
+        }
+
+        const candidates = [
+          hook.getKnownVideoPostedAt,
+          hook.getKnownPostedAt,
+          hook.getVideoPostedAt,
+          hook.resolveVideoPostedAt,
+        ];
+
+        for (const candidate of candidates) {
+          if (typeof candidate !== "function") {
+            continue;
+          }
+
+          try {
+            const value = candidate(video, { entry, context });
+            if (Number.isFinite(value)) {
+              return Math.floor(value);
+            }
+          } catch (error) {
+            context?.log?.(
+              "[chronological-sorter] timestamps hook threw",
+              error,
+            );
+          }
+        }
+
+        return null;
+      };
+
+      const hookTimestamp = resolvePostedAtHook();
+      if (Number.isFinite(hookTimestamp)) {
+        return hookTimestamp;
+      }
+
+      const rootCreatedAt = Number(video.rootCreatedAt);
+      if (Number.isFinite(rootCreatedAt)) {
+        return Math.floor(rootCreatedAt);
+      }
+
+      const nip71CreatedAt = Number(video?.nip71Source?.created_at);
+      if (Number.isFinite(nip71CreatedAt)) {
+        return Math.floor(nip71CreatedAt);
+      }
+
+      const createdAt = Number(video.created_at);
+      if (Number.isFinite(createdAt)) {
+        return Math.floor(createdAt);
+      }
+
+      return Number.NEGATIVE_INFINITY;
+    };
+
+    copy.sort((a, b) => {
+      const aMuted =
+        a?.metadata?.moderation?.trustedMuted === true ||
+        a?.video?.moderation?.trustedMuted === true;
+      const bMuted =
+        b?.metadata?.moderation?.trustedMuted === true ||
+        b?.video?.moderation?.trustedMuted === true;
+
+      if (aMuted !== bMuted) {
+        return aMuted ? 1 : -1;
+      }
+
+      const aTs = getTimestamp(a);
+      const bTs = getTimestamp(b);
+      const normalizedATs = Number.isFinite(aTs) ? aTs : Number.NEGATIVE_INFINITY;
+      const normalizedBTs = Number.isFinite(bTs) ? bTs : Number.NEGATIVE_INFINITY;
+
+      if (normalizedATs !== normalizedBTs) {
+        const diff = normalizedATs - normalizedBTs;
+        return normalizedDirection === "asc" ? diff : -diff;
+      }
+
+      const aId = typeof a?.video?.id === "string" ? a.video.id : "";
+      const bId = typeof b?.video?.id === "string" ? b.video.id : "";
+      return normalizedDirection === "asc"
+        ? aId.localeCompare(bId)
+        : bId.localeCompare(aId);
+    });
+
+    return copy;
+  };
+}
+
+function buildTagVector(item) {
+  const vector = new Map();
+  const video = item?.video;
+  if (!video || typeof video !== "object") {
+    return vector;
+  }
+
+  const addTag = (rawTag) => {
+    if (typeof rawTag !== "string") {
+      return;
+    }
+    const tag = normalizeHashtag(rawTag);
+    if (!tag) {
+      return;
+    }
+    vector.set(tag, (vector.get(tag) || 0) + 1);
+  };
+
+  if (Array.isArray(video.tags)) {
+    for (const tag of video.tags) {
+      if (Array.isArray(tag) && tag[0] === "t") {
+        addTag(tag[1]);
+      }
+    }
+  }
+
+  if (Array.isArray(video.nip71?.hashtags)) {
+    for (const tag of video.nip71.hashtags) {
+      addTag(tag);
+    }
+  }
+
+  return vector;
+}
+
+function cosineSimilarity(vectorA, vectorB) {
+  if (!vectorA || !vectorB || vectorA.size === 0 || vectorB.size === 0) {
+    return 0;
+  }
+
+  let dot = 0;
+  let normA = 0;
+  let normB = 0;
+
+  for (const value of vectorA.values()) {
+    normA += value * value;
+  }
+  for (const value of vectorB.values()) {
+    normB += value * value;
+  }
+
+  if (!Number.isFinite(normA) || !Number.isFinite(normB) || normA <= 0 || normB <= 0) {
+    return 0;
+  }
+
+  const smaller = vectorA.size <= vectorB.size ? vectorA : vectorB;
+  const larger = smaller === vectorA ? vectorB : vectorA;
+
+  for (const [tag, value] of smaller.entries()) {
+    const other = larger.get(tag);
+    if (Number.isFinite(other)) {
+      dot += value * other;
+    }
+  }
+
+  const similarity = dot / (Math.sqrt(normA) * Math.sqrt(normB));
+  if (!Number.isFinite(similarity)) {
+    return 0;
+  }
+  if (similarity > 1) {
+    return 1;
+  }
+  if (similarity < -1) {
+    return -1;
+  }
+  return similarity;
+}
+
+function resolveItemTimestamp(item) {
+  const rootCreatedAt = Number(item?.video?.rootCreatedAt);
+  if (Number.isFinite(rootCreatedAt)) {
+    return Math.floor(rootCreatedAt);
+  }
+
+  const createdAt = Number(item?.video?.created_at);
+  if (Number.isFinite(createdAt)) {
+    return Math.floor(createdAt);
+  }
+
+  return Number.NEGATIVE_INFINITY;
+}
+
+function stableVideoId(item) {
+  return typeof item?.video?.id === "string" ? item.video.id : "";
+}
+
+function compareByTimestampId(a, b) {
+  const aTs = resolveItemTimestamp(a);
+  const bTs = resolveItemTimestamp(b);
+  if (aTs !== bTs) {
+    return bTs - aTs;
+  }
+  return stableVideoId(a).localeCompare(stableVideoId(b));
+}
+
+export function createExploreDiversitySorter({
+  lambda = 0.7,
+  stageName = "explore-diversity-sorter",
+} = {}) {
+  const normalizedLambda = Number.isFinite(lambda)
+    ? Math.min(1, Math.max(0, lambda))
+    : 0.7;
+
+  return function exploreDiversitySorter(items = [], context = {}) {
+    if (!Array.isArray(items)) {
+      return [];
+    }
+
+    const candidates = [];
+    const rest = [];
+
+    for (const item of items) {
+      const score = item?.metadata?.exploreScore;
+      if (Number.isFinite(score)) {
+        candidates.push(item);
+      } else {
+        rest.push(item);
+      }
+    }
+
+    if (candidates.length === 0) {
+      return [...rest].sort(compareByTimestampId);
+    }
+
+    let maxScore = Number.NEGATIVE_INFINITY;
+    let minScore = Number.POSITIVE_INFINITY;
+    for (const item of candidates) {
+      const score = Number(item?.metadata?.exploreScore);
+      if (!Number.isFinite(score)) {
+        continue;
+      }
+      if (score > maxScore) {
+        maxScore = score;
+      }
+      if (score < minScore) {
+        minScore = score;
+      }
+    }
+
+    const scoreSpan = maxScore - minScore;
+    const normalizeScore = (score) => {
+      const numeric = Number(score);
+      if (!Number.isFinite(numeric)) {
+        return 0;
+      }
+      if (!Number.isFinite(scoreSpan) || scoreSpan <= 0) {
+        return 1;
+      }
+      const normalized = (numeric - minScore) / scoreSpan;
+      if (normalized <= 0) {
+        return 0;
+      }
+      if (normalized >= 1) {
+        return 1;
+      }
+      return normalized;
+    };
+
+    const vectors = new Map();
+    for (const item of candidates) {
+      vectors.set(item, buildTagVector(item));
+    }
+
+    const selected = [];
+    const remaining = [...candidates];
+
+    while (remaining.length > 0) {
+      let bestCandidate = null;
+      let bestMmr = Number.NEGATIVE_INFINITY;
+      let bestRaw = Number.NEGATIVE_INFINITY;
+      let bestSimilarity = 0;
+      let bestSimilarItemId = "";
+
+      let bestRawCandidate = null;
+      let bestRawScore = Number.NEGATIVE_INFINITY;
+
+      for (const candidate of remaining) {
+        const rawScore = normalizeScore(candidate?.metadata?.exploreScore);
+        if (rawScore > bestRawScore) {
+          bestRawScore = rawScore;
+          bestRawCandidate = candidate;
+        } else if (rawScore === bestRawScore && bestRawCandidate) {
+          const tie = compareByTimestampId(candidate, bestRawCandidate);
+          if (tie < 0) {
+            bestRawCandidate = candidate;
+          }
+        }
+      }
+
+      for (const candidate of remaining) {
+        const rawScore = normalizeScore(candidate?.metadata?.exploreScore);
+        let penalty = 0;
+        let similarItemId = "";
+
+        if (selected.length > 0) {
+          const candidateVector = vectors.get(candidate);
+          for (const selectedItem of selected) {
+            const similarity = cosineSimilarity(
+              candidateVector,
+              vectors.get(selectedItem),
+            );
+            if (similarity > penalty) {
+              penalty = similarity;
+              similarItemId = stableVideoId(selectedItem);
+            }
+          }
+        }
+
+        const mmrScore =
+          normalizedLambda * rawScore - (1 - normalizedLambda) * penalty;
+
+        if (mmrScore > bestMmr) {
+          bestCandidate = candidate;
+          bestMmr = mmrScore;
+          bestRaw = rawScore;
+          bestSimilarity = penalty;
+          bestSimilarItemId = similarItemId;
+          continue;
+        }
+
+        if (mmrScore === bestMmr) {
+          if (rawScore !== bestRaw) {
+            if (rawScore > bestRaw) {
+              bestCandidate = candidate;
+              bestRaw = rawScore;
+              bestSimilarity = penalty;
+              bestSimilarItemId = similarItemId;
+            }
+            continue;
+          }
+
+          if (compareByTimestampId(candidate, bestCandidate) < 0) {
+            bestCandidate = candidate;
+            bestRaw = rawScore;
+            bestSimilarity = penalty;
+            bestSimilarItemId = similarItemId;
+          }
+        }
+      }
+
+      if (!bestCandidate) {
+        break;
+      }
+
+      selected.push(bestCandidate);
+
+      if (
+        bestRawCandidate &&
+        bestRawCandidate !== bestCandidate &&
+        bestSimilarity > 0
+      ) {
+        const selectedId = stableVideoId(bestCandidate);
+        const competitorId = stableVideoId(bestRawCandidate);
+        if (selectedId && competitorId && selectedId !== competitorId) {
+          context?.addWhy?.({
+            stage: stageName,
+            type: "diversity",
+            reason: "explore-diversity",
+            selectedId,
+            competitorIds: [competitorId],
+            similarity: bestSimilarity,
+            similarItemId: bestSimilarItemId || null,
+          });
+        }
+      }
+
+      const index = remaining.indexOf(bestCandidate);
+      if (index >= 0) {
+        remaining.splice(index, 1);
+      }
+    }
+
+    const orderedRest = [...rest].sort(compareByTimestampId);
+    return selected.concat(orderedRest);
+  };
+}
+
+export function createKidsScoreSorter({
+  stageName = "kids-score-sorter",
+} = {}) {
+  return function kidsScoreSorter(items = [], context = {}) {
+    if (!Array.isArray(items)) {
+      return [];
+    }
+
+    const copy = [...items];
+    copy.sort((a, b) => {
+      const aScore = Number(a?.metadata?.kidsScore);
+      const bScore = Number(b?.metadata?.kidsScore);
+      const aHasScore = Number.isFinite(aScore);
+      const bHasScore = Number.isFinite(bScore);
+      const normalizedAScore = aHasScore ? aScore : Number.NEGATIVE_INFINITY;
+      const normalizedBScore = bHasScore ? bScore : Number.NEGATIVE_INFINITY;
+
+      if (normalizedAScore !== normalizedBScore) {
+        return normalizedBScore - normalizedAScore;
+      }
+
+      const aRootCreatedAt = Number(a?.video?.rootCreatedAt);
+      const bRootCreatedAt = Number(b?.video?.rootCreatedAt);
+      const normalizedARoot =
+        Number.isFinite(aRootCreatedAt) ? aRootCreatedAt : Number.NEGATIVE_INFINITY;
+      const normalizedBRoot =
+        Number.isFinite(bRootCreatedAt) ? bRootCreatedAt : Number.NEGATIVE_INFINITY;
+
+      if (normalizedARoot !== normalizedBRoot) {
+        return normalizedBRoot - normalizedARoot;
+      }
+
+      return stableVideoId(a).localeCompare(stableVideoId(b));
+    });
+
+    if (context?.addWhy && typeof context.addWhy === "function") {
+      context.addWhy({
+        stage: stageName,
+        type: "sort",
+        reason: "kids-score",
+      });
+    }
+
+    return copy;
+  };
+}
diff --git a/dist/js/feedEngine/sources.js b/dist/js/feedEngine/sources.js
new file mode 100644
index 00000000..bf7bf2a3
--- /dev/null
+++ b/dist/js/feedEngine/sources.js
@@ -0,0 +1,238 @@
+// js/feedEngine/sources.js
+
+import nostrService from "../services/nostrService.js";
+import watchHistoryService from "../watchHistoryService.js";
+import { isPlainObject, toArray, toSet } from "./utils.js";
+
+function resolveService(candidate, fallback) {
+  if (candidate && typeof candidate === "object") {
+    return candidate;
+  }
+  return fallback;
+}
+
+function normalizeAuthor(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  const trimmed = value.trim();
+  return trimmed ? trimmed.toLowerCase() : "";
+}
+
+function normalizeActorCandidate(...values) {
+  for (const value of values) {
+    if (typeof value === "string") {
+      const trimmed = value.trim();
+      if (trimmed) {
+        return trimmed;
+      }
+    }
+  }
+  return "";
+}
+
+export function createActiveNostrSource({ service } = {}) {
+  const resolvedService = resolveService(service, nostrService);
+
+  return async function activeNostrSource(context = {}) {
+    const options = {
+      blacklistedEventIds: toSet(context?.runtime?.blacklistedEventIds),
+      isAuthorBlocked:
+        typeof context?.runtime?.isAuthorBlocked === "function"
+          ? context.runtime.isAuthorBlocked
+          : () => false,
+    };
+
+    let videos = [];
+    try {
+      videos = await Promise.resolve(
+        resolvedService.getFilteredActiveVideos(options)
+      );
+    } catch (error) {
+      context?.log?.("[active-source] Failed to resolve active videos", error);
+      videos = [];
+    }
+
+    return (Array.isArray(videos) ? videos : []).map((video) => ({
+      video,
+      metadata: {
+        source: "nostr:active",
+      },
+    }));
+  };
+}
+
+export function createSubscriptionAuthorsSource({ service } = {}) {
+  const resolvedService = resolveService(service, nostrService);
+
+  return async function subscriptionAuthorsSource(context = {}) {
+    context?.log?.("[subscriptions-source] START");
+    const runtimeAuthors = toArray(
+      context?.runtime?.subscriptionAuthors || context?.runtime?.authors
+    ).map(normalizeAuthor);
+    const configAuthors = toArray(context?.config?.actorFilters).map(
+      normalizeAuthor
+    );
+    const hookAuthors = [];
+
+    const hook = context?.hooks?.subscriptions;
+    if (isPlainObject(hook) && typeof hook.resolveAuthors === "function") {
+      try {
+        const resolved = await hook.resolveAuthors(context);
+        hookAuthors.push(...toArray(resolved).map(normalizeAuthor));
+      } catch (error) {
+        context?.log?.("[subscriptions-source] resolveAuthors threw", error);
+      }
+    }
+
+    const authors = new Set(
+      [...runtimeAuthors, ...configAuthors, ...hookAuthors].filter(Boolean)
+    );
+
+    context?.log?.(`[subscriptions-source] Resolved ${authors.size} authors.`);
+
+    if (!authors.size) {
+      return [];
+    }
+
+    const limitCandidate = Number(context?.runtime?.limit);
+    const limit =
+      Number.isFinite(limitCandidate) && limitCandidate > 0
+        ? Math.floor(limitCandidate)
+        : null;
+
+    const options = {
+      blacklistedEventIds: toSet(context?.runtime?.blacklistedEventIds),
+      isAuthorBlocked:
+        typeof context?.runtime?.isAuthorBlocked === "function"
+          ? context.runtime.isAuthorBlocked
+          : () => false,
+      limit,
+    };
+
+    const authorList = Array.from(authors);
+    const hasTargetedLookup =
+      resolvedService &&
+      typeof resolvedService.getActiveVideosByAuthors === "function";
+
+    let videos = [];
+    try {
+      if (hasTargetedLookup) {
+        context?.log?.("[subscriptions-source] Calling getActiveVideosByAuthors...");
+        videos = await Promise.resolve(
+          resolvedService.getActiveVideosByAuthors(authorList, options)
+        );
+        context?.log?.(`[subscriptions-source] getActiveVideosByAuthors returned ${videos.length} videos.`);
+
+        if (!videos.length && typeof resolvedService.fetchVideosByAuthors === "function") {
+          context?.log?.("[subscriptions-source] Cache empty. Calling fetchVideosByAuthors...");
+          const fetched = await resolvedService.fetchVideosByAuthors(authorList, options);
+          context?.log?.(`[subscriptions-source] fetchVideosByAuthors returned ${fetched ? fetched.length : 0} videos.`);
+          if (Array.isArray(fetched) && fetched.length > 0) {
+            videos = fetched;
+          }
+        }
+      } else {
+        videos = await Promise.resolve(
+          resolvedService.getFilteredActiveVideos(options)
+        );
+      }
+    } catch (error) {
+      context?.log?.(
+        "[subscriptions-source] Failed to resolve videos from nostrService",
+        error
+      );
+      videos = [];
+    }
+
+    const filtered = (Array.isArray(videos) ? videos : []).filter((video) => {
+      const author = normalizeAuthor(video?.pubkey);
+      return author && authors.has(author);
+    });
+
+    const sorted = filtered
+      .slice()
+      .sort(
+        (a, b) => (Number(b?.created_at) || 0) - (Number(a?.created_at) || 0)
+      );
+
+    const limited = limit ? sorted.slice(0, limit) : sorted;
+
+    return limited.map((video) => ({
+      video,
+      metadata: {
+        source: "nostr:subscriptions",
+        matchedAuthor: normalizeAuthor(video?.pubkey),
+      },
+    }));
+  };
+}
+
+export function createWatchHistoryPointerSource({ service } = {}) {
+  const resolvedService = resolveService(service, watchHistoryService);
+
+  return async function watchHistoryPointerSource(context = {}) {
+    const actor = normalizeActorCandidate(
+      context?.config?.actor,
+      context?.runtime?.watchHistory?.actor,
+      context?.runtime?.actor
+    );
+
+    if (!resolvedService || typeof resolvedService.getQueuedPointers !== "function") {
+      return [];
+    }
+
+    let pointers = [];
+    try {
+      pointers = await Promise.resolve(
+        resolvedService.getQueuedPointers(actor || undefined)
+      );
+    } catch (error) {
+      context?.log?.(
+        "[watch-history-source] Failed to load queued pointers",
+        error
+      );
+      pointers = [];
+    }
+
+    const results = [];
+    const hook = context?.hooks?.watchHistory;
+    const resolveVideoHook =
+      isPlainObject(hook) && typeof hook.resolveVideo === "function"
+        ? hook.resolveVideo
+        : null;
+
+    for (const pointer of Array.isArray(pointers) ? pointers : []) {
+      const dto = {
+        video: null,
+        pointer,
+        metadata: {
+          source: "watch-history",
+          actor: actor || null,
+        },
+      };
+
+      if (pointer && isPlainObject(pointer) && pointer.video) {
+        dto.video = pointer.video;
+      }
+
+      if (!dto.video && resolveVideoHook) {
+        try {
+          const resolvedVideo = await resolveVideoHook(pointer, context);
+          if (resolvedVideo) {
+            dto.video = resolvedVideo;
+          }
+        } catch (error) {
+          context?.log?.(
+            "[watch-history-source] resolveVideo hook threw",
+            error
+          );
+        }
+      }
+
+      results.push(dto);
+    }
+
+    return results;
+  };
+}
diff --git a/dist/js/feedEngine/stages.js b/dist/js/feedEngine/stages.js
new file mode 100644
index 00000000..ffd7fc18
--- /dev/null
+++ b/dist/js/feedEngine/stages.js
@@ -0,0 +1,1361 @@
+// js/feedEngine/stages.js
+
+import { getApplication } from "../applicationContext.js";
+import { IS_DEV_MODE } from "../config.js";
+import {
+  DEFAULT_AUTOPLAY_BLOCK_THRESHOLD,
+  DEFAULT_BLUR_THRESHOLD,
+} from "../constants.js";
+import nostrService from "../services/nostrService.js";
+import moderationService from "../services/moderationService.js";
+import logger from "../utils/logger.js";
+import { dedupeToNewestByRoot } from "../utils/videoDeduper.js";
+import { normalizeHashtag } from "../utils/hashtagNormalization.js";
+import { isPlainObject, toSet } from "./utils.js";
+
+const FEED_HIDE_BYPASS_NAMES = new Set(["home", "recent"]);
+
+function normalizeTagSet(values) {
+  const normalized = new Set();
+  const source = toSet(values);
+
+  for (const value of source) {
+    const tag = normalizeHashtag(value);
+    if (tag) {
+      normalized.add(tag);
+    }
+  }
+
+  return normalized;
+}
+
+function resolveDedupeFunction(customDedupe) {
+  if (typeof customDedupe === "function") {
+    return customDedupe;
+  }
+
+  const app = getApplication?.();
+  if (app && typeof app.dedupeVideosByRoot === "function") {
+    return (videos) => app.dedupeVideosByRoot(videos);
+  }
+
+  return (videos) => dedupeToNewestByRoot(videos);
+}
+
+export function createDedupeByRootStage({
+  stageName = "dedupe-by-root",
+  dedupe: customDedupe,
+} = {}) {
+  const dedupeFn = resolveDedupeFunction(customDedupe);
+
+  return async function dedupeByRootStage(items = [], context = {}) {
+    const videos = items.map((item) => item?.video).filter(Boolean);
+    const dedupedVideos = dedupeFn(videos) || [];
+    const allowedIds = new Set();
+
+    for (const video of dedupedVideos) {
+      if (video && typeof video.id === "string") {
+        allowedIds.add(video.id);
+      }
+    }
+
+    if (!allowedIds.size) {
+      return items;
+    }
+
+    const keep = [];
+    for (const item of items) {
+      const video = item?.video;
+      const videoId = video && typeof video.id === "string" ? video.id : "";
+      if (!videoId || allowedIds.has(videoId)) {
+        keep.push(item);
+        continue;
+      }
+
+      const rootId =
+        typeof video?.videoRootId === "string" && video.videoRootId
+          ? video.videoRootId
+          : videoId;
+
+      if (typeof item?.metadata === "object" && item.metadata) {
+        item.metadata.droppedByStage = stageName;
+      }
+
+      context?.addWhy?.({
+        stage: stageName,
+        type: "dedupe",
+        reason: "older-root-version",
+        videoId,
+        rootId,
+      });
+    }
+
+    return keep;
+  };
+}
+
+function gatherTimestampFunctions({
+  context,
+  knownOverride,
+  resolveOverride,
+}) {
+  const knownFns = [];
+  const resolveFns = [];
+
+  const addKnown = (fn) => {
+    if (typeof fn === "function") {
+      knownFns.push(fn);
+    }
+  };
+
+  const addResolver = (fn) => {
+    if (typeof fn === "function") {
+      resolveFns.push(fn);
+    }
+  };
+
+  addKnown(knownOverride);
+  addResolver(resolveOverride);
+
+  const hookCandidates = [context?.hooks, context?.runtime];
+  for (const candidate of hookCandidates) {
+    if (!candidate || typeof candidate !== "object") {
+      continue;
+    }
+    const timestamps = candidate.timestamps;
+    if (!timestamps || typeof timestamps !== "object") {
+      continue;
+    }
+
+    addKnown(timestamps.getKnownVideoPostedAt);
+    addKnown(timestamps.getKnownPostedAt);
+    addResolver(timestamps.resolveVideoPostedAt);
+    addResolver(timestamps.getVideoPostedAt);
+  }
+
+  return { knownFns, resolveFns };
+}
+
+function applyResolvedTimestamp(video, timestamp) {
+  if (!video || typeof video !== "object") {
+    return false;
+  }
+
+  if (!Number.isFinite(timestamp)) {
+    return false;
+  }
+
+  const normalized = Math.floor(timestamp);
+  if (!Number.isFinite(normalized)) {
+    return false;
+  }
+
+  if (Number.isFinite(video.rootCreatedAt)) {
+    const existing = Math.floor(video.rootCreatedAt);
+    if (Number.isFinite(existing) && existing <= normalized) {
+      video.rootCreatedAt = existing;
+      return true;
+    }
+  }
+
+  video.rootCreatedAt = normalized;
+  return true;
+}
+
+async function resolveTimestampWithResolvers({
+  video,
+  detail,
+  resolvers,
+  stageName,
+  context,
+}) {
+  if (!Array.isArray(resolvers) || resolvers.length === 0) {
+    return null;
+  }
+
+  for (const resolver of resolvers) {
+    if (typeof resolver !== "function") {
+      continue;
+    }
+
+    try {
+      const value = await resolver(video, detail);
+      if (Number.isFinite(value)) {
+        return Math.floor(value);
+      }
+    } catch (error) {
+      context?.log?.(`[${stageName}] resolve timestamp hook threw`, error);
+    }
+  }
+
+  return null;
+}
+
+export function createResolvePostedAtStage({
+  stageName = "resolve-posted-at",
+  getKnownPostedAt,
+  resolvePostedAt,
+} = {}) {
+  return async function resolvePostedAtStage(items = [], context = {}) {
+    if (!Array.isArray(items) || items.length === 0) {
+      return items;
+    }
+
+    const { knownFns, resolveFns } = gatherTimestampFunctions({
+      context,
+      knownOverride: getKnownPostedAt,
+      resolveOverride: resolvePostedAt,
+    });
+
+    if (knownFns.length === 0 && resolveFns.length === 0) {
+      return items;
+    }
+
+    const tasks = [];
+
+    for (const item of items) {
+      const video = item?.video;
+      if (!video || typeof video !== "object") {
+        continue;
+      }
+
+      if (Number.isFinite(video.rootCreatedAt)) {
+        continue;
+      }
+
+      const detail = { entry: item, context };
+
+      let knownValue = null;
+      for (const candidate of knownFns) {
+        try {
+          const value = candidate(video, detail);
+          if (Number.isFinite(value)) {
+            knownValue = Math.floor(value);
+            break;
+          }
+        } catch (error) {
+          context?.log?.(`[${stageName}] known timestamp hook threw`, error);
+        }
+      }
+
+      if (knownValue !== null && Number.isFinite(knownValue)) {
+        applyResolvedTimestamp(video, knownValue);
+        continue;
+      }
+
+      if (!resolveFns.length) {
+        continue;
+      }
+
+      tasks.push(async () => {
+        const resolved = await resolveTimestampWithResolvers({
+          video,
+          detail,
+          resolvers: resolveFns,
+          stageName,
+          context,
+        });
+        if (resolved !== null && Number.isFinite(resolved)) {
+          applyResolvedTimestamp(video, resolved);
+        }
+      });
+    }
+
+    for (const task of tasks) {
+      try {
+        await task();
+      } catch (error) {
+        context?.log?.(`[${stageName}] resolution task failed`, error);
+      }
+    }
+
+    return items;
+  };
+}
+
+export function createTagPreferenceFilterStage({
+  stageName = "tag-preference-filter",
+  enforceInterests,
+  matchInterests = true,
+} = {}) {
+  const shouldMatchInterests =
+    typeof enforceInterests === "boolean"
+      ? enforceInterests
+      : matchInterests !== false;
+
+  return async function tagPreferenceFilterStage(items = [], context = {}) {
+    return filterByTagPreferences({
+      items,
+      context,
+      stageName,
+      enforceInterests: shouldMatchInterests,
+    });
+  };
+}
+
+export function createDisinterestFilterStage({
+  stageName = "tag-disinterest-filter",
+} = {}) {
+  return async function disinterestFilterStage(items = [], context = {}) {
+    return filterByTagPreferences({
+      items,
+      context,
+      stageName,
+      enforceInterests: false,
+    });
+  };
+}
+
+function collectVideoTags(video) {
+  const videoTags = new Set();
+
+  if (Array.isArray(video.tags)) {
+    for (const tag of video.tags) {
+      if (Array.isArray(tag) && tag[0] === "t" && typeof tag[1] === "string") {
+        const normalized = normalizeHashtag(tag[1]);
+        if (normalized) {
+          videoTags.add(normalized);
+        }
+      }
+    }
+  }
+
+  if (Array.isArray(video.nip71?.hashtags)) {
+    for (const tag of video.nip71.hashtags) {
+      if (typeof tag === "string") {
+        const normalized = normalizeHashtag(tag);
+        if (normalized) {
+          videoTags.add(normalized);
+        }
+      }
+    }
+  }
+
+  return videoTags;
+}
+
+function filterByTagPreferences({
+  items = [],
+  context = {},
+  stageName,
+  enforceInterests,
+}) {
+  const tagPreferences = context?.runtime?.tagPreferences;
+  const interests = normalizeTagSet(tagPreferences?.interests);
+  const disinterests = normalizeTagSet(tagPreferences?.disinterests);
+  if (!interests.size && !disinterests.size) {
+    return items;
+  }
+
+  const results = [];
+
+  for (const item of items) {
+    const video = item?.video;
+    if (!video || typeof video !== "object") {
+      results.push(item);
+      continue;
+    }
+
+    const videoTags = collectVideoTags(video);
+
+    let disinterested = false;
+    if (disinterests.size) {
+      for (const tag of videoTags) {
+        if (disinterests.has(tag)) {
+          disinterested = true;
+          break;
+        }
+      }
+    }
+
+    if (disinterested) {
+      context?.addWhy?.({
+        stage: stageName,
+        type: "filter",
+        reason: "disinterested-tag",
+        videoId: typeof video.id === "string" ? video.id : null,
+        pubkey: typeof video.pubkey === "string" ? video.pubkey : null,
+      });
+      continue;
+    }
+
+    let matchedInterests = [];
+    if (interests.size) {
+      matchedInterests = [...videoTags].filter((tag) => interests.has(tag));
+      if (enforceInterests && matchedInterests.length === 0) {
+        context?.addWhy?.({
+          stage: stageName,
+          type: "filter",
+          reason: "no-interest-match",
+          videoId: typeof video.id === "string" ? video.id : null,
+          pubkey: typeof video.pubkey === "string" ? video.pubkey : null,
+        });
+        continue;
+      }
+    }
+
+    if (matchedInterests.length > 0) {
+      if (!isPlainObject(item.metadata)) {
+        item.metadata = {};
+      }
+      item.metadata.matchedInterests = matchedInterests;
+      context?.addWhy?.({
+        stage: stageName,
+        type: "filter",
+        reason: "matched-interests",
+        videoId: typeof video.id === "string" ? video.id : null,
+        pubkey: typeof video.pubkey === "string" ? video.pubkey : null,
+        tags: matchedInterests,
+      });
+    }
+
+    results.push(item);
+  }
+
+  return results;
+}
+
+export function createBlacklistFilterStage({
+  stageName = "blacklist-filter",
+  shouldIncludeVideo,
+} = {}) {
+  const includeFn =
+    typeof shouldIncludeVideo === "function"
+      ? shouldIncludeVideo
+      : (video, options) => nostrService.shouldIncludeVideo(video, options);
+
+  return async function blacklistFilterStage(items = [], context = {}) {
+    const blacklist = toSet(context?.runtime?.blacklistedEventIds);
+    const isAuthorBlocked =
+      typeof context?.runtime?.isAuthorBlocked === "function"
+        ? context.runtime.isAuthorBlocked
+        : () => false;
+
+    const options = { blacklistedEventIds: blacklist, isAuthorBlocked };
+
+    const results = [];
+
+    for (const item of items) {
+      const video = item?.video;
+      if (!video || typeof video !== "object") {
+        results.push(item);
+        continue;
+      }
+
+      let include = false;
+      try {
+        include = includeFn(video, options) !== false;
+      } catch (error) {
+        context?.log?.(`[${stageName}] shouldIncludeVideo threw`, error);
+        include = false;
+      }
+
+      if (!include) {
+        context?.addWhy?.({
+          stage: stageName,
+          type: "filter",
+          reason: "blacklist",
+          videoId: typeof video.id === "string" ? video.id : null,
+          pubkey: typeof video.pubkey === "string" ? video.pubkey : null,
+        });
+        continue;
+      }
+
+      results.push(item);
+    }
+
+    return results;
+  };
+}
+
+function resolveSuppressionHook(context) {
+  if (!context || typeof context !== "object") {
+    return null;
+  }
+
+  const fromHooks = context?.hooks?.watchHistory;
+  if (isPlainObject(fromHooks) && typeof fromHooks.shouldSuppress === "function") {
+    return fromHooks.shouldSuppress;
+  }
+
+  const runtime = context?.runtime?.watchHistory;
+  if (isPlainObject(runtime) && typeof runtime.shouldSuppress === "function") {
+    return runtime.shouldSuppress;
+  }
+
+  return null;
+}
+
+export function createWatchHistorySuppressionStage({
+  stageName = "watch-history-suppression",
+  shouldSuppress,
+} = {}) {
+  return async function watchHistorySuppressionStage(items = [], context = {}) {
+    const hook =
+      typeof shouldSuppress === "function" ? shouldSuppress : resolveSuppressionHook(context);
+
+    if (typeof hook !== "function") {
+      return items;
+    }
+
+    const results = [];
+
+    for (const item of items) {
+      let suppress = false;
+      try {
+        suppress = await hook(item, context);
+      } catch (error) {
+        context?.log?.(`[${stageName}] suppression hook threw`, error);
+        suppress = false;
+      }
+
+      if (suppress) {
+        const detail = {
+          stage: stageName,
+          type: "filter",
+          reason: "watch-history",
+        };
+        if (item?.video && typeof item.video.id === "string") {
+          detail.videoId = item.video.id;
+        }
+        if (item?.pointer) {
+          detail.pointer = item.pointer;
+        } else if (item?.metadata && item.metadata.pointerKey) {
+          detail.pointerKey = item.metadata.pointerKey;
+        }
+        context?.addWhy?.(detail);
+        continue;
+      }
+
+      results.push(item);
+    }
+
+    return results;
+  };
+}
+
+export function createModerationStage({
+  stageName = "moderation",
+  autoplayThreshold,
+  blurThreshold,
+  reportType = "nudity",
+  service = null,
+  getService,
+  trustedMuteHideThreshold,
+  trustedReportHideThreshold,
+} = {}) {
+  const sanitizeThreshold = (value, { fallback, allowInfinity = false } = {}) => {
+    if (Number.isFinite(value)) {
+      return Math.max(0, Math.floor(value));
+    }
+    if (allowInfinity && value === Number.POSITIVE_INFINITY) {
+      return Number.POSITIVE_INFINITY;
+    }
+    return fallback;
+  };
+
+  const createThresholdResolver = (
+    candidate,
+    { runtimeKey, defaultValue, fallbackValue, allowInfinity = false },
+  ) => {
+    return (context) => {
+      const runtimeThresholds =
+        context?.runtime && typeof context.runtime === "object"
+          ? context.runtime.moderationThresholds
+          : null;
+
+      const runtimeValue =
+        runtimeThresholds && typeof runtimeThresholds === "object"
+          ? runtimeThresholds[runtimeKey]
+          : undefined;
+
+      const runtimeValid =
+        Number.isFinite(runtimeValue) ||
+        (allowInfinity && runtimeValue === Number.POSITIVE_INFINITY);
+
+      let value;
+
+      if (typeof candidate === "function") {
+        try {
+          value = candidate({
+            context,
+            runtimeThresholds,
+            runtimeValue,
+            defaultValue,
+          });
+        } catch (error) {
+          context?.log?.(
+            `[${stageName}] threshold resolver threw for ${runtimeKey}`,
+            error,
+          );
+          value = undefined;
+        }
+      } else if (Number.isFinite(candidate)) {
+        value = candidate;
+      } else if (allowInfinity && candidate === Number.POSITIVE_INFINITY) {
+        value = Number.POSITIVE_INFINITY;
+      }
+
+      const hasValidValue =
+        Number.isFinite(value) ||
+        (allowInfinity && value === Number.POSITIVE_INFINITY);
+
+      if (!hasValidValue) {
+        if (runtimeValid) {
+          value = runtimeValue;
+        } else {
+          value = defaultValue;
+        }
+      }
+
+      return sanitizeThreshold(value, {
+        fallback: fallbackValue,
+        allowInfinity,
+      });
+    };
+  };
+
+  const resolveAutoplayThreshold = createThresholdResolver(autoplayThreshold, {
+    runtimeKey: "autoplayBlockThreshold",
+    defaultValue: DEFAULT_AUTOPLAY_BLOCK_THRESHOLD,
+    fallbackValue: DEFAULT_AUTOPLAY_BLOCK_THRESHOLD,
+  });
+  const resolveBlurThreshold = createThresholdResolver(blurThreshold, {
+    runtimeKey: "blurThreshold",
+    defaultValue: DEFAULT_BLUR_THRESHOLD,
+    fallbackValue: DEFAULT_BLUR_THRESHOLD,
+  });
+  const resolveMuteHideThresholdBase = createThresholdResolver(
+    trustedMuteHideThreshold,
+    {
+      runtimeKey: "trustedMuteHideThreshold",
+      defaultValue: Number.POSITIVE_INFINITY,
+      fallbackValue: Number.POSITIVE_INFINITY,
+      allowInfinity: true,
+    },
+  );
+  const resolveMuteHideThreshold = (context, category) => {
+    const base = resolveMuteHideThresholdBase(context);
+    const normalizedCategory =
+      typeof category === "string" ? category.trim().toLowerCase() : "";
+    if (!normalizedCategory) {
+      return base;
+    }
+
+    const runtimeThresholds =
+      context?.runtime && typeof context.runtime === "object"
+        ? context.runtime.moderationThresholds
+        : null;
+
+    const thresholdMap =
+      runtimeThresholds && typeof runtimeThresholds === "object"
+        ? runtimeThresholds.trustedMuteHideThresholds
+        : null;
+
+    if (!thresholdMap || typeof thresholdMap !== "object") {
+      return base;
+    }
+
+    const override = thresholdMap[normalizedCategory];
+    if (Number.isFinite(override)) {
+      return Math.max(0, Math.floor(override));
+    }
+
+    return base;
+  };
+  const resolveReportHideThreshold = createThresholdResolver(
+    trustedReportHideThreshold,
+    {
+      runtimeKey: "trustedSpamHideThreshold",
+      defaultValue: Number.POSITIVE_INFINITY,
+      fallbackValue: Number.POSITIVE_INFINITY,
+      allowInfinity: true,
+    },
+  );
+  const normalizedReportType = typeof reportType === "string" ? reportType.trim().toLowerCase() : "nudity";
+
+  return async function moderationStage(items = [], context = {}) {
+    let resolvedService = null;
+    try {
+      resolvedService =
+        typeof getService === "function"
+          ? getService({ context })
+          : service || nostrService.getModerationService?.() || moderationService;
+    } catch (error) {
+      context?.log?.(`[${stageName}] Failed to resolve moderation service`, error);
+      resolvedService = service || moderationService;
+    }
+
+    if (!resolvedService) {
+      return items;
+    }
+
+    try {
+      if (typeof resolvedService.refreshViewerFromClient === "function") {
+        await resolvedService.refreshViewerFromClient();
+      }
+    } catch (error) {
+      context?.log?.(`[${stageName}] Failed to refresh viewer context`, error);
+    }
+
+    const normalizedAutoplayThreshold = resolveAutoplayThreshold(context);
+    const normalizedBlurThreshold = resolveBlurThreshold(context);
+    const normalizedReportHideThreshold = resolveReportHideThreshold(context);
+
+    const activeIds = new Set();
+    for (const item of items) {
+      const videoId = typeof item?.video?.id === "string" ? item.video.id : "";
+      if (videoId) {
+        activeIds.add(videoId);
+      }
+    }
+
+    try {
+      if (typeof resolvedService.setActiveEventIds === "function") {
+        await resolvedService.setActiveEventIds(activeIds);
+      }
+    } catch (error) {
+      context?.log?.(`[${stageName}] Failed to prime report subscriptions`, error);
+    }
+
+    const toStringSet = (input, { lowercase = false } = {}) => {
+      const output = new Set();
+      if (input instanceof Set) {
+        for (const value of input) {
+          if (typeof value !== "string") {
+            continue;
+          }
+          const trimmed = value.trim();
+          if (!trimmed) {
+            continue;
+          }
+          output.add(lowercase ? trimmed.toLowerCase() : trimmed);
+        }
+        return output;
+      }
+      if (Array.isArray(input)) {
+        for (const value of input) {
+          if (typeof value !== "string") {
+            continue;
+          }
+          const trimmed = value.trim();
+          if (!trimmed) {
+            continue;
+          }
+          output.add(lowercase ? trimmed.toLowerCase() : trimmed);
+        }
+      }
+      return output;
+    };
+
+    let adminSnapshot = {
+      whitelist: new Set(),
+      whitelistHex: new Set(),
+      blacklist: new Set(),
+      blacklistHex: new Set(),
+    };
+
+    try {
+      if (typeof resolvedService.getAdminListSnapshot === "function") {
+        const snapshot = resolvedService.getAdminListSnapshot();
+        if (snapshot && typeof snapshot === "object") {
+          adminSnapshot = {
+            whitelist: toStringSet(snapshot.whitelist),
+            whitelistHex: toStringSet(snapshot.whitelistHex, { lowercase: true }),
+            blacklist: toStringSet(snapshot.blacklist),
+            blacklistHex: toStringSet(snapshot.blacklistHex, { lowercase: true }),
+          };
+        }
+      }
+    } catch (error) {
+      context?.log?.(`[${stageName}] Failed to load admin list snapshot`, error);
+    }
+
+    const resolveAdminStatus =
+      typeof resolvedService.getAccessControlStatus === "function"
+        ? (identifier) => {
+            try {
+              return (
+                resolvedService.getAccessControlStatus(identifier, adminSnapshot) || {
+                  hex: "",
+                  whitelisted: false,
+                  blacklisted: false,
+                }
+              );
+            } catch (error) {
+              context?.log?.(`[${stageName}] getAccessControlStatus threw`, error);
+              return { hex: "", whitelisted: false, blacklisted: false };
+            }
+          }
+        : () => ({ hex: "", whitelisted: false, blacklisted: false });
+
+    const normalizedFeedName =
+      typeof context?.feedName === "string" ? context.feedName.trim().toLowerCase() : "";
+    const normalizedFeedVariant =
+      typeof context?.runtime?.feedVariant === "string"
+        ? context.runtime.feedVariant.trim().toLowerCase()
+        : "";
+    const runtimeDisableHardHide = context?.runtime?.disableHardHide === true;
+    const feedPolicyBypass =
+      runtimeDisableHardHide ||
+      (normalizedFeedName && FEED_HIDE_BYPASS_NAMES.has(normalizedFeedName)) ||
+      (normalizedFeedVariant && FEED_HIDE_BYPASS_NAMES.has(normalizedFeedVariant));
+
+    const runtimeForOverride = context?.runtime && typeof context.runtime === "object"
+      ? context.runtime
+      : null;
+
+    const overrideChecker = (() => {
+      if (!runtimeForOverride) {
+        return () => false;
+      }
+
+      const overrideMap = runtimeForOverride.moderationOverrides;
+      const overrideIds = runtimeForOverride.moderationOverrideIds;
+      const hasFn =
+        typeof runtimeForOverride.hasModerationOverride === "function"
+          ? runtimeForOverride.hasModerationOverride.bind(runtimeForOverride)
+          : null;
+      const getFn =
+        typeof runtimeForOverride.getModerationOverride === "function"
+          ? runtimeForOverride.getModerationOverride.bind(runtimeForOverride)
+          : null;
+
+      const checkEntry = (entry) => {
+        if (!entry) {
+          return false;
+        }
+        if (entry === true) {
+          return true;
+        }
+        if (typeof entry === "object" && entry.showAnyway === true) {
+          return true;
+        }
+        return false;
+      };
+
+      return (videoId) => {
+        if (typeof videoId !== "string") {
+          return false;
+        }
+        const trimmed = videoId.trim();
+        if (!trimmed) {
+          return false;
+        }
+        const normalizedId = trimmed.toLowerCase();
+
+        if (overrideMap instanceof Map) {
+          const entry = overrideMap.get(normalizedId) ?? overrideMap.get(trimmed);
+          if (checkEntry(entry)) {
+            return true;
+          }
+        } else if (overrideMap && typeof overrideMap === "object") {
+          const entry = overrideMap[normalizedId] ?? overrideMap[trimmed];
+          if (checkEntry(entry)) {
+            return true;
+          }
+        }
+
+        if (overrideIds instanceof Set) {
+          if (overrideIds.has(normalizedId) || overrideIds.has(trimmed)) {
+            return true;
+          }
+        }
+
+        if (hasFn) {
+          try {
+            if (hasFn(normalizedId) || (normalizedId !== trimmed && hasFn(trimmed))) {
+              return true;
+            }
+          } catch (error) {
+            context?.log?.(`[${stageName}] hasModerationOverride threw`, error);
+          }
+        }
+
+        if (getFn) {
+          try {
+            const entry = getFn(normalizedId) ?? (normalizedId !== trimmed ? getFn(trimmed) : null);
+            if (checkEntry(entry)) {
+              return true;
+            }
+          } catch (error) {
+            context?.log?.(`[${stageName}] getModerationOverride threw`, error);
+          }
+        }
+
+        return false;
+      };
+    })();
+
+    const results = [];
+
+    for (const item of items) {
+      if (!item || typeof item !== "object") {
+        results.push(item);
+        continue;
+      }
+
+      const video = item.video;
+      if (!video || typeof video !== "object") {
+        results.push(item);
+        continue;
+      }
+
+      const videoId = typeof video.id === "string" ? video.id : "";
+      const authorPubkey = typeof video.pubkey === "string" ? video.pubkey : "";
+
+      let viewerBlocked = false;
+      if (authorPubkey && typeof context?.runtime?.isAuthorBlocked === "function") {
+        try {
+          viewerBlocked = !!context.runtime.isAuthorBlocked(authorPubkey);
+        } catch (error) {
+          context?.log?.(`[${stageName}] isAuthorBlocked threw`, error);
+        }
+      }
+
+      const adminStatus = resolveAdminStatus(authorPubkey);
+      const authorHex =
+        (adminStatus?.hex && typeof adminStatus.hex === "string"
+          ? adminStatus.hex
+          : authorPubkey)
+          ?.trim()
+          .toLowerCase() || "";
+
+      if (viewerBlocked) {
+        context?.addWhy?.({
+          stage: stageName,
+          type: "filter",
+          reason: "viewer-block",
+          videoId: videoId || null,
+          pubkey: authorHex || authorPubkey || null,
+        });
+        continue;
+      }
+
+      if (adminStatus?.blacklisted) {
+        context?.addWhy?.({
+          stage: stageName,
+          type: "filter",
+          reason: "admin-blacklist",
+          videoId: videoId || null,
+          pubkey: authorHex || authorPubkey || null,
+        });
+        continue;
+      }
+
+      let summary = null;
+      let trustedCount = 0;
+      let trustedReporters = [];
+      let trustedMuted = false;
+      let trustedMuters = [];
+      let trustedMuteCount = 0;
+      let trustedMuteCountTotal = 0;
+      let trustedMuteCategory = "";
+      let trustedMuteCountsByCategory = null;
+      let viewerMuted = false;
+      if (videoId) {
+        try {
+          if (typeof resolvedService.getTrustedReportSummary === "function") {
+            summary = resolvedService.getTrustedReportSummary(videoId);
+          }
+          if (typeof resolvedService.trustedReportCount === "function") {
+            trustedCount = resolvedService.trustedReportCount(videoId, normalizedReportType) || 0;
+          }
+          if (typeof resolvedService.getTrustedReporters === "function") {
+            const reporterEntries = resolvedService.getTrustedReporters(
+              videoId,
+              normalizedReportType
+            );
+            if (Array.isArray(reporterEntries) && reporterEntries.length) {
+              trustedReporters = reporterEntries
+                .map((entry) => {
+                  if (!entry || typeof entry !== "object") {
+                    return null;
+                  }
+                  const pubkey = typeof entry.pubkey === "string" ? entry.pubkey.trim() : "";
+                  if (!pubkey) {
+                    return null;
+                  }
+                  const latest = Number.isFinite(entry.latest)
+                    ? Math.floor(entry.latest)
+                    : 0;
+                  return { pubkey, latest };
+                })
+                .filter(Boolean);
+            }
+          }
+        } catch (error) {
+          context?.log?.(`[${stageName}] Failed to fetch moderation summary`, error);
+          summary = null;
+          trustedCount = 0;
+          trustedReporters = [];
+        }
+      }
+
+      if (authorHex) {
+        try {
+          if (typeof resolvedService.isAuthorMutedByTrusted === "function") {
+            trustedMuted = resolvedService.isAuthorMutedByTrusted(authorHex) === true;
+          }
+          if (trustedMuted && typeof resolvedService.getTrustedMutersForAuthor === "function") {
+            const muters = resolvedService.getTrustedMutersForAuthor(authorHex);
+            if (Array.isArray(muters)) {
+              const seen = new Set();
+              trustedMuters = muters
+                .map((value) => (typeof value === "string" ? value.trim().toLowerCase() : ""))
+                .filter((value) => {
+                  if (!value || seen.has(value)) {
+                    return false;
+                  }
+                  seen.add(value);
+                  return true;
+                });
+            }
+          }
+          if (
+            trustedMuted &&
+            typeof resolvedService.getTrustedMuteCountsForAuthor === "function"
+          ) {
+            const summary = resolvedService.getTrustedMuteCountsForAuthor(authorHex);
+            if (summary && typeof summary === "object") {
+              trustedMuteCountTotal = Number.isFinite(summary.total)
+                ? Math.max(0, Math.floor(summary.total))
+                : 0;
+              trustedMuteCountsByCategory =
+                summary.categories && typeof summary.categories === "object"
+                  ? { ...summary.categories }
+                  : null;
+            }
+          }
+          if (typeof resolvedService.isAuthorMutedByViewer === "function") {
+            viewerMuted = resolvedService.isAuthorMutedByViewer(authorHex) === true;
+          }
+        } catch (error) {
+          context?.log?.(`[${stageName}] Failed to resolve trusted/viewer mute info`, error);
+          trustedMuted = false;
+          trustedMuters = [];
+          viewerMuted = false;
+        }
+      }
+
+      if (trustedMuted) {
+        trustedMuteCountTotal = Number.isFinite(video?.moderation?.trustedMuteCount)
+          ? Math.max(0, Math.floor(video.moderation.trustedMuteCount))
+          : trustedMuteCountTotal || trustedMuters.length;
+        if (!trustedMuteCountTotal) {
+          trustedMuteCountTotal = trustedMuters.length;
+        }
+        if (trustedMuteCountTotal <= 0) {
+          trustedMuteCountTotal = Math.max(1, trustedMuters.length || 1);
+        }
+        trustedMuteCategory = normalizedReportType;
+        if (
+          trustedMuteCountsByCategory &&
+          typeof trustedMuteCountsByCategory === "object"
+        ) {
+          const categoryCount =
+            trustedMuteCategory &&
+            Number.isFinite(trustedMuteCountsByCategory[trustedMuteCategory])
+              ? Math.max(
+                  0,
+                  Math.floor(trustedMuteCountsByCategory[trustedMuteCategory]),
+                )
+              : null;
+          if (categoryCount !== null && categoryCount !== undefined) {
+            trustedMuteCount = categoryCount;
+          } else if (!trustedMuteCategory) {
+            let bestCategory = "";
+            let bestCount = 0;
+            for (const [category, count] of Object.entries(
+              trustedMuteCountsByCategory,
+            )) {
+              if (!Number.isFinite(count)) {
+                continue;
+              }
+              const normalizedCategory = category.trim().toLowerCase();
+              const normalizedCount = Math.max(0, Math.floor(count));
+              if (!normalizedCategory) {
+                continue;
+              }
+              if (normalizedCount > bestCount) {
+                bestCount = normalizedCount;
+                bestCategory = normalizedCategory;
+              }
+            }
+            if (bestCategory) {
+              trustedMuteCategory = bestCategory;
+              trustedMuteCount = bestCount;
+            } else {
+              trustedMuteCount = trustedMuteCountTotal;
+            }
+          } else {
+            trustedMuteCount = trustedMuteCountTotal;
+          }
+        } else {
+          trustedMuteCount = trustedMuteCountTotal;
+        }
+        if (trustedMuteCount <= 0) {
+          trustedMuteCount = trustedMuteCountTotal || Math.max(1, trustedMuters.length || 1);
+        }
+      } else {
+        trustedMuteCount = 0;
+        trustedMuteCountTotal = 0;
+        trustedMuteCategory = "";
+        trustedMuters = [];
+      }
+
+      const normalizedMuteHideThreshold = resolveMuteHideThreshold(
+        context,
+        trustedMuteCategory,
+      );
+
+      const blockAutoplay =
+        trustedCount >= normalizedAutoplayThreshold || trustedMuted || viewerMuted;
+      const blurFromReports = trustedCount >= normalizedBlurThreshold;
+      let blurThumbnail = blurFromReports;
+      let blurReason = blurThumbnail ? "trusted-report" : "";
+      const adminWhitelist = adminStatus?.whitelisted === true;
+      const adminWhitelistBypass = false;
+
+      if (!item.metadata || typeof item.metadata !== "object") {
+        item.metadata = {};
+      }
+
+      const metadataModeration =
+        item.metadata.moderation && typeof item.metadata.moderation === "object"
+          ? { ...item.metadata.moderation }
+          : {};
+
+      metadataModeration.blockAutoplay = blockAutoplay;
+      metadataModeration.summary = summary;
+      metadataModeration.trustedCount = trustedCount;
+      metadataModeration.reportType = normalizedReportType;
+      metadataModeration.trustedReporters = Array.isArray(trustedReporters)
+        ? trustedReporters.slice()
+        : [];
+      metadataModeration.adminWhitelist = adminWhitelist;
+      metadataModeration.adminWhitelistBypass = adminWhitelistBypass;
+      metadataModeration.trustedMuted = trustedMuted;
+      metadataModeration.trustedMuters = trustedMuters.slice();
+      metadataModeration.trustedMuteCount = trustedMuteCount;
+      metadataModeration.viewerMuted = viewerMuted;
+
+      if (!video.moderation || typeof video.moderation !== "object") {
+        video.moderation = {};
+      }
+
+      video.moderation.blockAutoplay = blockAutoplay;
+      video.moderation.trustedCount = trustedCount;
+      video.moderation.reportType = normalizedReportType;
+      video.moderation.adminWhitelist = adminWhitelist;
+      video.moderation.adminWhitelistBypass = adminWhitelistBypass;
+      video.moderation.trustedMuted = trustedMuted;
+      if (trustedMuted) {
+        video.moderation.trustedMuters = trustedMuters.slice();
+        video.moderation.trustedMuteCount = trustedMuteCount;
+      } else {
+        if (video.moderation.trustedMuters) {
+          delete video.moderation.trustedMuters;
+        }
+        if (video.moderation.trustedMuteCount) {
+          delete video.moderation.trustedMuteCount;
+        }
+      }
+      video.moderation.viewerMuted = viewerMuted;
+      if (Array.isArray(trustedReporters) && trustedReporters.length) {
+        video.moderation.trustedReporters = trustedReporters.slice();
+      } else if (video.moderation.trustedReporters) {
+        delete video.moderation.trustedReporters;
+      }
+      if (summary) {
+        video.moderation.summary = summary;
+      } else if (video.moderation.summary) {
+        delete video.moderation.summary;
+      }
+
+      const hideCounts = {
+        trustedMuteCount,
+        trustedReportCount: trustedCount,
+      };
+
+      let hideReason = "";
+      let hideTriggered = false;
+
+      if (trustedMuted && trustedMuteCount >= normalizedMuteHideThreshold) {
+        hideReason = "trusted-mute-hide";
+        hideTriggered = true;
+      } else if (trustedCount >= normalizedReportHideThreshold) {
+        hideReason = "trusted-report-hide";
+        hideTriggered = true;
+      }
+
+      const viewerOverrideActive = overrideChecker(videoId);
+
+      let hideBypass = "";
+      if (hideTriggered) {
+        if (viewerOverrideActive) {
+          hideBypass = "viewer-override";
+        } else if (feedPolicyBypass) {
+          hideBypass = "feed-policy";
+        }
+      }
+
+      const hidden = hideTriggered && !hideBypass;
+
+      if (hideTriggered) {
+        metadataModeration.hidden = hidden;
+        metadataModeration.hideReason = hideReason;
+        metadataModeration.hideCounts = { ...hideCounts };
+        if (hideBypass) {
+          metadataModeration.hideBypass = hideBypass;
+        } else if (metadataModeration.hideBypass) {
+          delete metadataModeration.hideBypass;
+        }
+        video.moderation.hidden = hidden;
+        video.moderation.hideReason = hideReason;
+        video.moderation.hideCounts = { ...hideCounts };
+        if (hideBypass) {
+          video.moderation.hideBypass = hideBypass;
+        } else if (video.moderation.hideBypass) {
+          delete video.moderation.hideBypass;
+        }
+      } else {
+        metadataModeration.hidden = false;
+        if (metadataModeration.hideReason) {
+          delete metadataModeration.hideReason;
+        }
+        if (metadataModeration.hideCounts) {
+          delete metadataModeration.hideCounts;
+        }
+        if (metadataModeration.hideBypass) {
+          delete metadataModeration.hideBypass;
+        }
+        video.moderation.hidden = false;
+        if (video.moderation.hideReason) {
+          delete video.moderation.hideReason;
+        }
+        if (video.moderation.hideCounts) {
+          delete video.moderation.hideCounts;
+        }
+        if (video.moderation.hideBypass) {
+          delete video.moderation.hideBypass;
+        }
+      }
+
+      if (!blurThumbnail && (viewerMuted || trustedMuted || hideTriggered)) {
+        blurThumbnail = true;
+        if (hideTriggered) {
+          blurReason = hideReason || "trusted-hide";
+        } else if (viewerMuted) {
+          blurReason = "viewer-mute";
+        } else if (trustedMuted) {
+          blurReason = "trusted-mute";
+        }
+      } else if (blurThumbnail) {
+        if (hideTriggered) {
+          blurReason = hideReason || "trusted-hide";
+        } else if (viewerMuted && !blurFromReports) {
+          blurReason = "viewer-mute";
+        } else if (trustedMuted && !blurFromReports) {
+          blurReason = "trusted-mute";
+        } else if (!blurReason && blurFromReports) {
+          blurReason = "trusted-report";
+        }
+      }
+
+      metadataModeration.blurThumbnail = blurThumbnail;
+      if (blurThumbnail) {
+        metadataModeration.blurReason = blurReason;
+      } else if (metadataModeration.blurReason) {
+        delete metadataModeration.blurReason;
+      }
+      video.moderation.blurThumbnail = blurThumbnail;
+      if (blurThumbnail) {
+        video.moderation.blurReason = blurReason;
+      } else if (video.moderation.blurReason) {
+        delete video.moderation.blurReason;
+      }
+
+      item.metadata.moderation = metadataModeration;
+
+      if (IS_DEV_MODE) {
+        logger.dev.debug("[feedEngine/moderation] metadata.moderation updated", {
+          stage: stageName,
+          videoId: videoId || null,
+          blockAutoplay,
+          blurThumbnail,
+          trustedCount,
+          reportType: normalizedReportType,
+          hidden,
+          hideReason: hideTriggered ? hideReason : null,
+          hideBypass: hideBypass || null,
+        });
+      }
+
+      if (blockAutoplay || blurThumbnail) {
+        context?.addWhy?.({
+          stage: stageName,
+          type: "moderation",
+          reason: blurThumbnail ? "blur" : "autoplay-block",
+          videoId: videoId || null,
+          reportType: normalizedReportType,
+          trustedCount,
+        });
+      }
+
+      if (trustedMuted) {
+        context?.addWhy?.({
+          stage: stageName,
+          type: "moderation",
+          reason: "trusted-mute",
+          videoId: videoId || null,
+          pubkey: authorHex || authorPubkey || null,
+          trustedMuteCount,
+        });
+      }
+
+      if (viewerMuted) {
+        context?.addWhy?.({
+          stage: stageName,
+          type: "moderation",
+          reason: "viewer-mute",
+          videoId: videoId || null,
+          pubkey: authorHex || authorPubkey || null,
+        });
+      }
+
+      if (hideTriggered) {
+        const hideDetail = {
+          stage: stageName,
+          type: "moderation",
+          reason: hideReason,
+          videoId: videoId || null,
+          trustedMuteCount,
+          trustedReportCount: trustedCount,
+          hidden,
+        };
+        if (hideBypass) {
+          hideDetail.hideBypass = hideBypass;
+        }
+        if (adminWhitelist) {
+          hideDetail.adminWhitelist = true;
+        }
+        if (viewerOverrideActive) {
+          hideDetail.viewerOverride = true;
+        }
+        if (feedPolicyBypass) {
+          hideDetail.feedPolicyBypass = true;
+        }
+        context?.addWhy?.(hideDetail);
+      }
+
+      if (hidden) {
+        continue;
+      }
+
+      results.push(item);
+    }
+
+    return results;
+  };
+}
diff --git a/dist/js/feedEngine/utils.js b/dist/js/feedEngine/utils.js
new file mode 100644
index 00000000..915c950b
--- /dev/null
+++ b/dist/js/feedEngine/utils.js
@@ -0,0 +1,64 @@
+// js/feedEngine/utils.js
+
+import { normalizeHashtag } from "../utils/hashtagNormalization.js";
+
+export function isPlainObject(value) {
+  if (value === null || typeof value !== "object") {
+    return false;
+  }
+  const prototype = Object.getPrototypeOf(value);
+  return prototype === Object.prototype || prototype === null;
+}
+
+export function toSet(values) {
+  if (values instanceof Set) {
+    return new Set(values);
+  }
+  if (Array.isArray(values)) {
+    return new Set(values);
+  }
+  return new Set();
+}
+
+export function toArray(value) {
+  if (!value) {
+    return [];
+  }
+  if (Array.isArray(value)) {
+    return [...value];
+  }
+  return [value];
+}
+
+export function hasDisinterestedTag(video, disinterestsSet) {
+  if (!video || !disinterestsSet || !(disinterestsSet instanceof Set) || disinterestsSet.size === 0) {
+    return false;
+  }
+
+  const matchesDisinterest = (tag) => {
+    const normalized = normalizeHashtag(tag);
+    return Boolean(normalized && disinterestsSet.has(normalized));
+  };
+
+  // Check raw tags
+  if (Array.isArray(video.tags)) {
+    for (const tag of video.tags) {
+      if (Array.isArray(tag) && tag[0] === "t" && typeof tag[1] === "string") {
+        if (matchesDisinterest(tag[1])) {
+          return true;
+        }
+      }
+    }
+  }
+
+  // Check NIP-71 metadata hashtags if available
+  if (video.nip71 && Array.isArray(video.nip71.hashtags)) {
+    for (const tag of video.nip71.hashtags) {
+      if (typeof tag === "string" && matchesDisinterest(tag)) {
+        return true;
+      }
+    }
+  }
+
+  return false;
+}
diff --git a/dist/js/feedEngine/watchHistoryFeed.js b/dist/js/feedEngine/watchHistoryFeed.js
new file mode 100644
index 00000000..fb68f262
--- /dev/null
+++ b/dist/js/feedEngine/watchHistoryFeed.js
@@ -0,0 +1,670 @@
+// js/feedEngine/watchHistoryFeed.js
+
+import { pointerKey, normalizePointerInput } from "../nostr/watchHistory.js";
+import { convertEventToVideo } from "../nostr/index.js";
+import watchHistoryService from "../watchHistoryService.js";
+import nostrService from "../services/nostrService.js";
+import { nostrClient } from "../nostrClientFacade.js";
+import {
+  isWatchHistoryDebugEnabled,
+  logWatchHistoryDebug,
+} from "../watchHistoryDebug.js";
+import { devLogger } from "../utils/logger.js";
+import {
+  createBlacklistFilterStage,
+  createWatchHistorySuppressionStage,
+} from "./stages.js";
+import { isPlainObject } from "./utils.js";
+import { getProfileCacheEntry, setProfileCacheEntry } from "../state/cache.js";
+
+const WATCH_HISTORY_FEED_LOG_NAMESPACE = "watchHistoryFeed";
+
+function debugInfo(message, details) {
+  devLogger.info(`[${WATCH_HISTORY_FEED_LOG_NAMESPACE}] ${message}`, details || "");
+}
+
+function debugWarn(message, details) {
+  devLogger.warn(`[${WATCH_HISTORY_FEED_LOG_NAMESPACE}] ${message}`, details || "");
+}
+
+function normalizeActorCandidate(...values) {
+  for (const value of values) {
+    if (typeof value === "string") {
+      const trimmed = value.trim();
+      if (trimmed) {
+        return trimmed;
+      }
+    }
+  }
+  return "";
+}
+
+function resolveWatchedAt(...candidates) {
+  for (const candidate of candidates) {
+    if (!Number.isFinite(candidate)) {
+      continue;
+    }
+    let normalized = Math.floor(Number(candidate));
+    if (normalized <= 0) {
+      continue;
+    }
+    if (normalized > 10_000_000_000) {
+      normalized = Math.floor(normalized / 1000);
+    }
+    if (normalized > 0) {
+      return normalized;
+    }
+  }
+  return 0;
+}
+
+function resolveResumeSeconds(candidate) {
+  const candidates = [
+    candidate?.resumeSeconds,
+    candidate?.resume,
+    candidate?.resumeAt,
+    candidate?.resumePosition,
+    candidate?.resumeTime,
+    candidate?.progress?.resume,
+    candidate?.progress?.seconds,
+    candidate?.progress?.position,
+    candidate?.pointer?.resumeSeconds,
+    candidate?.pointer?.resume,
+    candidate?.pointer?.resumeAt,
+  ];
+
+  for (const entry of candidates) {
+    if (!Number.isFinite(entry)) {
+      continue;
+    }
+    const normalized = Math.max(0, Math.floor(entry));
+    if (normalized > 0) {
+      return normalized;
+    }
+  }
+  return null;
+}
+
+function resolveCompleted(candidate) {
+  const candidates = [
+    candidate?.completed,
+    candidate?.complete,
+    candidate?.progress?.completed,
+    candidate?.progress?.complete,
+    candidate?.pointer?.completed,
+    candidate?.pointer?.complete,
+  ];
+  return candidates.some((value) => value === true);
+}
+
+function normalizeHistoryEntry(raw) {
+  const pointer = normalizePointerInput(raw?.pointer || raw);
+  if (!pointer) {
+    return null;
+  }
+
+  const key = pointerKey(pointer);
+  if (!key) {
+    return null;
+  }
+
+  const watchedAt = resolveWatchedAt(
+    raw?.watchedAt,
+    raw?.timestamp,
+    raw?.created_at,
+    pointer?.watchedAt,
+    raw?.metadata?.watchedAt,
+    pointer?.metadata?.watchedAt,
+  );
+
+  const resumeAt = (() => {
+    const fromPointer = Number.isFinite(pointer?.resumeAt)
+      ? Math.max(0, Math.floor(pointer.resumeAt))
+      : Number.isFinite(pointer?.metadata?.resumeAt)
+      ? Math.max(0, Math.floor(pointer.metadata.resumeAt))
+      : null;
+    if (fromPointer !== null) {
+      return fromPointer;
+    }
+    return resolveResumeSeconds(raw);
+  })();
+
+  const completed =
+    pointer?.completed === true ||
+    pointer?.metadata?.completed === true ||
+    resolveCompleted(raw);
+
+  const pointerVideo =
+    (pointer?.video && isPlainObject(pointer.video) ? pointer.video : null) ||
+    (pointer?.metadata?.video && isPlainObject(pointer.metadata.video)
+      ? pointer.metadata.video
+      : null);
+
+  const pointerProfile =
+    (pointer?.profile && isPlainObject(pointer.profile) ? pointer.profile : null) ||
+    (pointer?.metadata?.profile && isPlainObject(pointer.metadata.profile)
+      ? pointer.metadata.profile
+      : null);
+
+  return {
+    pointer,
+    pointerKey: key,
+    watchedAt,
+    video:
+      isPlainObject(raw?.video) && raw.video
+        ? raw.video
+        : pointerVideo,
+    metadata: {
+      source: "watch-history",
+      pointerKey: key,
+      watchedAt,
+      resumeAt,
+      completed,
+      session: raw?.session === true || pointer.session === true,
+      video: pointerVideo,
+      profile: pointerProfile,
+    },
+  };
+}
+
+function createWatchHistorySource({ service = watchHistoryService } = {}) {
+  return async function watchHistorySource(context = {}) {
+    const actor = normalizeActorCandidate(
+      context?.runtime?.watchHistory?.actor,
+      context?.config?.actor,
+      context?.runtime?.actor,
+    );
+
+    const forceRefresh =
+      context?.runtime?.watchHistory?.forceRefresh === true ||
+      context?.runtime?.forceRefresh === true;
+
+    if (!service || typeof service.loadLatest !== "function") {
+      return [];
+    }
+
+    let items = [];
+    try {
+      items = await Promise.resolve(
+        service.loadLatest(actor || undefined, { forceRefresh })
+      );
+    } catch (error) {
+      context?.log?.("[watch-history-feed] Failed to load history", error);
+      items = [];
+    }
+
+    const results = [];
+    for (const raw of Array.isArray(items) ? items : []) {
+      const normalized = normalizeHistoryEntry(raw);
+      if (normalized) {
+        results.push(normalized);
+      }
+    }
+
+    results.sort((a, b) => {
+      const watchedA = a?.watchedAt || 0;
+      const watchedB = b?.watchedAt || 0;
+      if (watchedA !== watchedB) {
+        return watchedB - watchedA;
+      }
+      const createdA = Number.isFinite(a?.video?.created_at)
+        ? a.video.created_at
+        : 0;
+      const createdB = Number.isFinite(b?.video?.created_at)
+        ? b.video.created_at
+        : 0;
+      if (createdA !== createdB) {
+        return createdB - createdA;
+      }
+      return a.pointerKey.localeCompare(b.pointerKey);
+    });
+
+    return results;
+  };
+}
+
+function normalizeAddressKey(address) {
+  if (typeof address !== "string") return "";
+  const parts = address.split(":");
+  if (parts.length < 3) return address;
+  const kind = parts[0];
+  const pubkey = parts[1].toLowerCase();
+  const dTag = parts.slice(2).join(":"); // Preserve d-tag case
+  return `${kind}:${pubkey}:${dTag}`;
+}
+
+function resolveEventAddress(event) {
+  if (!event || typeof event !== "object") {
+    return "";
+  }
+  const kind = Number(event.kind);
+  const pubkey = typeof event.pubkey === "string" ? event.pubkey.toLowerCase() : "";
+  if (!Number.isFinite(kind) || !pubkey) {
+    return "";
+  }
+  const dTag = event.tags?.find((t) => t[0] === "d" && t[1]);
+  if (dTag) {
+    return `${kind}:${pubkey}:${dTag[1]}`;
+  }
+  return "";
+}
+
+function checkLocalCacheForVideo(pointer) {
+  if (!pointer || typeof pointer !== "object" || !nostrClient?.allEvents) {
+    return null;
+  }
+
+  if (pointer.type === "e" && pointer.value) {
+    const cached = nostrClient.allEvents.get(pointer.value);
+    if (cached) {
+      return cached;
+    }
+  }
+
+  // Address lookup requires scanning if not using 'e'
+  // We handle this in batch inside the hydration stage to avoid repeated scanning
+  return null;
+}
+
+function createWatchHistoryHydrationStage() {
+  return async function watchHistoryHydrationStage(items = [], context = {}) {
+    debugInfo(`Starting hydration stage for ${items.length} items.`);
+    const missing = [];
+    const missingAddresses = [];
+    const idMap = new Map();
+
+    const itemsToHydrate = items.filter(item => !item.video && item.pointer);
+    debugInfo(`Items needing hydration: ${itemsToHydrate.length}`);
+    let addressScanNeeded = false;
+
+    // First pass: try to resolve from cache for IDs, and collect addresses
+    for (const item of itemsToHydrate) {
+      const pointer = item.pointer;
+
+      if (pointer?.type === "e" && pointer.value) {
+        const cached = checkLocalCacheForVideo(pointer);
+        if (cached) {
+          item.video = cached;
+          if (item.metadata) item.metadata.video = cached;
+          continue;
+        }
+
+        missing.push(pointer.value);
+        if (!idMap.has(pointer.value)) {
+          idMap.set(pointer.value, []);
+        }
+        idMap.get(pointer.value).push(item);
+      } else if (pointer?.type === "a" && pointer.value) {
+        addressScanNeeded = true;
+        // Don't add to missingAddresses yet, check cache first
+      }
+    }
+
+    // Second pass: Scan cache for addresses if needed
+    if (addressScanNeeded && nostrClient?.allEvents) {
+      // Create a temporary index of cached videos by address
+      // Only iterate once
+      const cacheByAddress = new Map();
+      for (const video of nostrClient.allEvents.values()) {
+        const address = resolveEventAddress(video);
+        if (address) {
+          cacheByAddress.set(normalizeAddressKey(address), video);
+        }
+      }
+
+      for (const item of itemsToHydrate) {
+        const pointer = item.pointer;
+        if (pointer?.type === "a" && pointer.value) {
+          const key = normalizeAddressKey(pointer.value);
+          const cached = cacheByAddress.get(key);
+          if (cached) {
+            item.video = cached;
+            if (item.metadata) item.metadata.video = cached;
+            continue;
+          }
+
+          missingAddresses.push(pointer.value);
+          if (!idMap.has(key)) {
+            idMap.set(key, []);
+          }
+          idMap.get(key).push(item);
+        }
+      }
+    }
+
+    if (!missing.length && !missingAddresses.length) {
+      debugInfo("No missing items to fetch from relays.");
+      return items;
+    }
+
+    const uniqueIds = Array.from(new Set(missing));
+    const uniqueAddresses = Array.from(new Set(missingAddresses));
+
+    debugInfo(`Fetching from relays. Missing IDs: ${uniqueIds.length}, Missing Addresses: ${uniqueAddresses.length}`);
+
+    const readRelays =
+      Array.isArray(nostrClient?.readRelays) && nostrClient.readRelays.length
+        ? nostrClient.readRelays
+        : null;
+
+    const fallbackRelays =
+      Array.isArray(nostrClient?.relays) && nostrClient.relays.length
+        ? nostrClient.relays
+        : null;
+
+    const baseRelays = readRelays || fallbackRelays || [];
+    const relayHints = new Set();
+
+    for (const item of itemsToHydrate) {
+      if (item.pointer && typeof item.pointer.relay === "string") {
+        const hint = item.pointer.relay.trim();
+        if (hint) {
+          relayHints.add(hint);
+        }
+      }
+    }
+
+    const mergedRelays = Array.from(new Set([...baseRelays, ...relayHints]));
+
+    debugInfo("Selected relays for hydration:", mergedRelays);
+
+    if (!mergedRelays.length || !nostrClient?.pool) {
+      debugWarn("Aborting hydration: No relays or pool available.");
+      return items;
+    }
+
+    const filters = [];
+    if (uniqueIds.length) {
+      filters.push({ ids: uniqueIds });
+    }
+
+    if (uniqueAddresses.length) {
+      const addressFilters = new Map();
+      for (const address of uniqueAddresses) {
+        const parts = address.split(":");
+        if (parts.length < 3) continue;
+        const kind = Number(parts[0]);
+        const pubkey = parts[1];
+        const normalizedPubkey = pubkey.toLowerCase();
+        const dTag = parts.slice(2).join(":");
+
+        const key = `${kind}:${normalizedPubkey}`;
+        if (!addressFilters.has(key)) {
+          addressFilters.set(key, { kinds: [kind], authors: [normalizedPubkey], "#d": [] });
+        }
+        addressFilters.get(key)["#d"].push(dTag);
+      }
+
+      for (const filter of addressFilters.values()) {
+        filters.push(filter);
+      }
+    }
+
+    debugInfo("Generated filters:", JSON.stringify(filters));
+
+    try {
+      const events = await nostrClient.pool.list(mergedRelays, filters);
+      debugInfo(`Hydration fetch returned ${events.length} events.`);
+
+      let matchCount = 0;
+      for (const event of events) {
+        if (!event) {
+          continue;
+        }
+        try {
+          const video = convertEventToVideo(event);
+          if (video && !video.invalid) {
+            // Match by ID
+            if (event.id) {
+              const targets = idMap.get(event.id);
+              if (targets) {
+                for (const target of targets) {
+                  target.video = video;
+                  if (target.metadata) {
+                    target.metadata.video = video;
+                  }
+                  matchCount++;
+                }
+              }
+            }
+
+            // Match by Address
+            const address = resolveEventAddress(event);
+            if (address) {
+              const key = normalizeAddressKey(address);
+              const targets = idMap.get(key);
+              if (targets) {
+                for (const target of targets) {
+                  target.video = video;
+                  if (target.metadata) {
+                    target.metadata.video = video;
+                  }
+                  matchCount++;
+                }
+              }
+            }
+          }
+        } catch (err) {
+          debugWarn(`[watchHistoryFeed] Failed to convert event ${event.id}:`, err);
+        }
+      }
+      debugInfo(`Hydrated ${matchCount} items from fetched events.`);
+    } catch (error) {
+      debugWarn("[watchHistoryFeed] Hydration fetch failed:", error);
+    }
+
+    return items;
+  };
+}
+
+function createWatchHistoryProfileHydrationStage() {
+  return async function watchHistoryProfileHydrationStage(items = [], context = {}) {
+    const missing = new Set();
+    const itemsToHydrate = [];
+
+    // First pass: check cache for profiles
+    for (const item of items) {
+      const pubkey =
+        item.video?.pubkey ||
+        item.metadata?.video?.pubkey ||
+        item.metadata?.profile?.pubkey; // In case profile stub exists but no details
+
+      if (!pubkey || typeof pubkey !== "string") {
+        continue;
+      }
+
+      const normalizedPubkey = pubkey.toLowerCase();
+      const cacheEntry = getProfileCacheEntry(normalizedPubkey);
+
+      if (cacheEntry && cacheEntry.profile) {
+        if (!item.metadata) item.metadata = {};
+        item.metadata.profile = cacheEntry.profile;
+      } else {
+        missing.add(normalizedPubkey);
+        itemsToHydrate.push({ item, pubkey: normalizedPubkey });
+      }
+    }
+
+    if (missing.size === 0) {
+      return items;
+    }
+
+    const missingPubkeys = Array.from(missing);
+    debugInfo(`Fetching profiles for ${missingPubkeys.length} authors.`);
+
+    const readRelays =
+      Array.isArray(nostrClient?.readRelays) && nostrClient.readRelays.length
+        ? nostrClient.readRelays
+        : null;
+
+    const fallbackRelays =
+      Array.isArray(nostrClient?.relays) && nostrClient.relays.length
+        ? nostrClient.relays
+        : null;
+
+    const relays = readRelays || fallbackRelays || [];
+
+    if (!relays.length || !nostrClient?.pool) {
+      debugWarn("Aborting profile hydration: No relays or pool available.");
+      return items;
+    }
+
+    try {
+      const filter = { kinds: [0], authors: missingPubkeys };
+      const events = await nostrClient.pool.list(relays, [filter]);
+
+      // Process fetched events: update cache and items
+      const fetchedProfiles = new Map();
+
+      // Sort by created_at to use newest profile
+      events.sort((a, b) => (b.created_at || 0) - (a.created_at || 0));
+
+      for (const event of events) {
+        if (!event || !event.content || fetchedProfiles.has(event.pubkey)) {
+          continue;
+        }
+
+        try {
+          const data = JSON.parse(event.content);
+          const profile = {
+            name: data.display_name || data.name || "Unknown",
+            picture: data.picture || "assets/svg/default-profile.svg",
+            pubkey: event.pubkey,
+          };
+
+          // Update cache
+          setProfileCacheEntry(event.pubkey, profile, { persist: true });
+          fetchedProfiles.set(event.pubkey, profile);
+        } catch (err) {
+          debugWarn(`Failed to parse profile for ${event.pubkey}:`, err);
+        }
+      }
+
+      // Apply fetched profiles to items
+      for (const { item, pubkey } of itemsToHydrate) {
+        const profile = fetchedProfiles.get(pubkey);
+        if (profile) {
+          if (!item.metadata) item.metadata = {};
+          item.metadata.profile = profile;
+        }
+      }
+
+      debugInfo(`Hydrated ${fetchedProfiles.size} profiles.`);
+    } catch (error) {
+      debugWarn("[watchHistoryFeed] Profile hydration failed:", error);
+    }
+
+    return items;
+  };
+}
+
+function createWatchHistoryHydratorStage({ service = watchHistoryService } = {}) {
+  return async function watchHistoryHydratorStage(items = [], context = {}) {
+    const results = [];
+
+    for (const item of Array.isArray(items) ? items : []) {
+      if (!item || typeof item !== "object") {
+        continue;
+      }
+
+      const pointerKeyValue =
+        typeof item.pointerKey === "string" && item.pointerKey
+          ? item.pointerKey
+          : pointerKey(item.pointer);
+
+      const watchedAtValue = Number.isFinite(item?.watchedAt)
+        ? Math.max(0, Math.floor(Number(item.watchedAt)))
+        : Number.isFinite(item?.metadata?.watchedAt)
+        ? Math.max(0, Math.floor(Number(item.metadata.watchedAt)))
+        : 0;
+
+      const metadata = {
+        ...(isPlainObject(item.metadata) ? item.metadata : {}),
+        pointerKey: pointerKeyValue,
+        watchedAt: watchedAtValue || null,
+        resumeAt: item.metadata?.resumeAt ?? null,
+        completed: item.metadata?.completed ?? false,
+        session: item.metadata?.session === true,
+      };
+
+      const nextItem = {
+        ...item,
+        pointerKey: pointerKeyValue,
+        watchedAt: watchedAtValue,
+        metadata,
+      };
+      results.push(nextItem);
+    }
+
+    return results;
+  };
+}
+
+function createWatchHistorySorter() {
+  return function watchHistorySorter(items = []) {
+    if (!Array.isArray(items)) {
+      return [];
+    }
+    const copy = [...items];
+    copy.sort((a, b) => {
+      const watchedA = a?.watchedAt || 0;
+      const watchedB = b?.watchedAt || 0;
+      if (watchedA !== watchedB) {
+        return watchedB - watchedA;
+      }
+      const createdA = Number.isFinite(a?.video?.created_at)
+        ? a.video.created_at
+        : 0;
+      const createdB = Number.isFinite(b?.video?.created_at)
+        ? b.video.created_at
+        : 0;
+      if (createdA !== createdB) {
+        return createdB - createdA;
+      }
+      const aKey = typeof a?.pointerKey === "string" ? a.pointerKey : "";
+      const bKey = typeof b?.pointerKey === "string" ? b.pointerKey : "";
+      return aKey.localeCompare(bKey);
+    });
+    return copy;
+  };
+}
+
+export function createWatchHistoryFeedDefinition({
+  service = watchHistoryService,
+  nostr = nostrService,
+  shouldIncludeVideo,
+} = {}) {
+  const blacklistStage = createBlacklistFilterStage({
+    shouldIncludeVideo:
+      typeof shouldIncludeVideo === "function"
+        ? shouldIncludeVideo
+        : (video, options) =>
+            (nostr?.shouldIncludeVideo
+              ? nostr.shouldIncludeVideo(video, options)
+              : true),
+  });
+
+  return {
+    source: createWatchHistorySource({ service }),
+    stages: [
+      createWatchHistoryHydratorStage({ service }),
+      createWatchHistoryHydrationStage(),
+      createWatchHistoryProfileHydrationStage(),
+      blacklistStage,
+      createWatchHistorySuppressionStage(),
+    ],
+    sorter: createWatchHistorySorter(),
+    defaultConfig: {
+      actorFilters: [],
+    },
+  };
+}
+
+export function registerWatchHistoryFeed(engine, options = {}) {
+  if (!engine || typeof engine.registerFeed !== "function") {
+    return null;
+  }
+
+  const definition = createWatchHistoryFeedDefinition(options);
+  return engine.registerFeed("watch-history", definition);
+}
diff --git a/dist/js/forYouView.js b/dist/js/forYouView.js
new file mode 100644
index 00000000..dcef54ec
--- /dev/null
+++ b/dist/js/forYouView.js
@@ -0,0 +1,152 @@
+import { getApplication } from "./applicationContext.js";
+import { devLogger } from "./utils/logger.js";
+import { attachFeedInfoPopover } from "./ui/components/FeedInfoPopover.js";
+
+const VIDEO_CARD_SELECTOR = "[data-component=\"video-card\"]";
+const EMPTY_STATE_SELECTOR = "[data-for-you-empty-state]";
+const LOADING_SELECTOR = ".sidebar-loading-wrapper";
+
+class ForYouView {
+  constructor({ document: doc = document } = {}) {
+    this.document = doc;
+    this.container = null;
+    this.observer = null;
+    this.handleContainerClick = this.handleContainerClick.bind(this);
+    this.handleMutation = this.handleMutation.bind(this);
+  }
+
+  init() {
+    this.container = this.document?.getElementById("videoList") || null;
+    if (!this.container) {
+      return;
+    }
+
+    this.container.addEventListener("click", this.handleContainerClick);
+    this.observeContainer();
+    this.updateEmptyState();
+
+    const infoTrigger = this.document.getElementById("feedInfoTrigger");
+    if (infoTrigger) {
+      attachFeedInfoPopover(
+        infoTrigger,
+        "Most Recent Video - Disinterests Tags - Watch History + Interests Tags"
+      );
+    }
+  }
+
+  observeContainer() {
+    if (!this.container || typeof MutationObserver === "undefined") {
+      return;
+    }
+
+    if (this.observer) {
+      this.observer.disconnect();
+    }
+
+    this.observer = new MutationObserver(this.handleMutation);
+    this.observer.observe(this.container, {
+      childList: true,
+      subtree: true,
+    });
+  }
+
+  handleMutation() {
+    this.updateEmptyState();
+  }
+
+  handleContainerClick(event) {
+    const target = event?.target instanceof HTMLElement ? event.target : null;
+    const actionButton = target?.closest?.("[data-action=\"open-hashtag-preferences\"]");
+    if (!(actionButton instanceof HTMLElement)) {
+      return;
+    }
+
+    event.preventDefault();
+    this.openHashtagPreferences();
+  }
+
+  openHashtagPreferences() {
+    const app = getApplication();
+    if (app?.profileController && typeof app.profileController.show === "function") {
+      app.profileController.show("hashtags");
+      return;
+    }
+
+    devLogger.warn("[ForYouView] Profile modal controller unavailable.");
+  }
+
+  updateEmptyState() {
+    if (!this.container) {
+      return;
+    }
+
+    const hasVideos = Boolean(this.container.querySelector(VIDEO_CARD_SELECTOR));
+    const isLoading = Boolean(this.container.querySelector(LOADING_SELECTOR));
+    const existingEmptyState = this.container.querySelector(EMPTY_STATE_SELECTOR);
+
+    if (isLoading) {
+      if (existingEmptyState) {
+        existingEmptyState.remove();
+      }
+      return;
+    }
+
+    if (hasVideos) {
+      if (existingEmptyState) {
+        existingEmptyState.remove();
+      }
+      return;
+    }
+
+    if (existingEmptyState) {
+      return;
+    }
+
+    const emptyState = this.buildEmptyState();
+    if (emptyState) {
+      this.container.innerHTML = "";
+      this.container.appendChild(emptyState);
+    }
+  }
+
+  buildEmptyState() {
+    if (!this.document) {
+      return null;
+    }
+
+    const wrapper = this.document.createElement("div");
+    wrapper.className = "col-span-full";
+    wrapper.dataset.forYouEmptyState = "true";
+
+    const card = this.document.createElement("div");
+    card.className = "card p-lg text-center";
+
+    const title = this.document.createElement("h3");
+    title.className = "text-lg font-semibold text-text";
+    title.textContent = "Your For You feed is empty";
+
+    const copy = this.document.createElement("p");
+    copy.className = "mt-2 text-sm text-muted";
+    copy.textContent =
+      "Add some interests to personalize your recommendations and start discovering videos.";
+
+    const button = this.document.createElement("button");
+    button.type = "button";
+    button.className = "btn focus-ring mt-4";
+    button.dataset.action = "open-hashtag-preferences";
+    button.textContent = "Add interests";
+
+    card.appendChild(title);
+    card.appendChild(copy);
+    card.appendChild(button);
+    wrapper.appendChild(card);
+
+    return wrapper;
+  }
+}
+
+export function initForYouView() {
+  const view = new ForYouView();
+  view.init();
+  return view;
+}
diff --git a/dist/js/gridHealth.js b/dist/js/gridHealth.js
new file mode 100644
index 00000000..0a5c8203
--- /dev/null
+++ b/dist/js/gridHealth.js
@@ -0,0 +1,671 @@
+import { createCardObserver } from "./dom/cardObserver.js";
+import { infoHashFromMagnet } from "./magnets.js";
+import { updateVideoCardSourceVisibility } from "./utils/cardSourceVisibility.js";
+import { TorrentClient, torrentClient } from "./webtorrent.js";
+import { userLogger } from "./utils/logger.js";
+import {
+  readTorrentProbeFromStorage,
+  removeTorrentProbeFromStorage,
+  writeTorrentProbeToStorage,
+} from "./utils/storage.js";
+
+const badgeUpdateListeners = new Set();
+
+function notifyBadgeUpdate(payload) {
+  if (!payload) {
+    return;
+  }
+
+  badgeUpdateListeners.forEach((listener) => {
+    if (typeof listener !== "function") {
+      return;
+    }
+    try {
+      listener(payload);
+    } catch (err) {
+      userLogger.warn("[gridHealth] badge listener failed", err);
+    }
+  });
+}
+
+const ROOT_MARGIN = "200px 0px";
+
+function now() {
+  return Date.now();
+}
+
+function getCacheEntry(key) {
+  if (!key) {
+    return null;
+  }
+  let entry = probeCache.get(key);
+
+  if (!entry) {
+    // Try storage if memory miss
+    entry = readTorrentProbeFromStorage(key);
+  }
+
+  if (!entry) {
+    return null;
+  }
+
+  // Verify freshness
+  if (now() - entry.ts > PROBE_CACHE_TTL_MS) {
+    probeCache.delete(key);
+    removeTorrentProbeFromStorage(key);
+    return null;
+  }
+
+  // Populate memory if it came from storage
+  if (!probeCache.has(key)) {
+    probeCache.set(key, entry);
+  }
+
+  return entry.value;
+}
+
+function setCacheEntry(key, value) {
+  if (!key) {
+    return;
+  }
+  const entry = { ts: now(), value };
+  probeCache.set(key, entry);
+  writeTorrentProbeToStorage(key, entry);
+}
+
+function formatTime(ts) {
+  if (!Number.isFinite(ts)) {
+    return "";
+  }
+  try {
+    return new Date(ts).toLocaleTimeString([], { hour12: false });
+  } catch (err) {
+    return new Date(ts).toLocaleTimeString();
+  }
+}
+
+function buildTooltip({ peers = 0, checkedAt, reason, webseedOnly } = {}) {
+  const parts = [];
+  if (webseedOnly) {
+    parts.push("Webseed only");
+  } else if (Number.isFinite(peers)) {
+    parts.push(`Peers: ${Math.max(0, peers)}`);
+  }
+  if (Number.isFinite(checkedAt)) {
+    const formatted = formatTime(checkedAt);
+    if (formatted) {
+      parts.push(`Checked ${formatted}`);
+    }
+  }
+  if (typeof reason === "string" && reason && reason !== "peer") {
+    let normalizedReason;
+    if (reason === "timeout") {
+      normalizedReason = "Timed out";
+    } else if (reason === "no-trackers") {
+      normalizedReason = "No WSS trackers";
+    } else if (reason === "invalid") {
+      normalizedReason = "Invalid magnet";
+    } else {
+      normalizedReason = reason.charAt(0).toUpperCase() + reason.slice(1);
+    }
+    parts.push(normalizedReason);
+  }
+  if (!parts.length) {
+    return "WebTorrent status unknown";
+  }
+  return `WebTorrent • ${parts.join(" • ")}`;
+}
+
+function normalizeResult(result) {
+  const fallback = {
+    healthy: false,
+    peers: 0,
+    reason: "error",
+    webseedOnly: false,
+    appendedTrackers: false,
+    hasProbeTrackers: false,
+    usedTrackers: Array.isArray(TorrentClient.PROBE_TRACKERS)
+      ? [...TorrentClient.PROBE_TRACKERS]
+      : [],
+    durationMs: 0,
+  };
+  if (!result || typeof result !== "object") {
+    return { ...fallback, checkedAt: now() };
+  }
+  const peers = Number.isFinite(result.peers)
+    ? Math.max(0, Number(result.peers))
+    : 0;
+  const healthy = Boolean(result.healthy) && peers > 0;
+  const reason = typeof result.reason === "string" ? result.reason : "error";
+  const webseedOnly = Boolean(result.webseedOnly) && peers === 0;
+  return {
+    healthy,
+    peers: healthy ? Math.max(1, peers) : peers,
+    reason,
+    webseedOnly,
+    appendedTrackers: Boolean(result.appendedTrackers),
+    hasProbeTrackers:
+      typeof result.hasProbeTrackers === "boolean"
+        ? result.hasProbeTrackers
+        : healthy || Boolean(result.appendedTrackers),
+    usedTrackers: Array.isArray(result.usedTrackers)
+      ? result.usedTrackers.slice()
+      : fallback.usedTrackers,
+    durationMs: Number.isFinite(result.durationMs)
+      ? Math.max(0, Number(result.durationMs))
+      : 0,
+    checkedAt: now(),
+  };
+}
+
+function queueProbe(magnet, cacheKey, priority = 0, webSeeds = []) {
+  if (!magnet) {
+    return Promise.resolve(null);
+  }
+
+  const cached = getCacheEntry(cacheKey);
+  if (cached) {
+    return Promise.resolve(cached);
+  }
+
+  if (probeInflight.has(cacheKey)) {
+    return probeInflight.get(cacheKey);
+  }
+
+  const job = probeQueue
+    .run(
+      () =>
+        torrentClient
+          .probePeers(magnet, {
+            timeoutMs: PROBE_TIMEOUT_MS,
+            maxWebConns: 2,
+            polls: PROBE_POLL_COUNT,
+            urlList: webSeeds,
+          })
+          .catch((err) => ({
+            healthy: false,
+            peers: 0,
+            reason: "error",
+            error: err,
+            appendedTrackers: false,
+            hasProbeTrackers: false,
+          })),
+      priority
+    )
+    .then((result) => {
+      const normalized = normalizeResult(result);
+      if (cacheKey) {
+        setCacheEntry(cacheKey, normalized);
+      }
+      return normalized;
+    })
+    .finally(() => {
+      if (cacheKey) {
+        probeInflight.delete(cacheKey);
+      }
+    });
+
+  if (cacheKey) {
+    probeInflight.set(cacheKey, job);
+  }
+
+  return job;
+}
+
+const PROBE_CACHE_TTL_MS = 5 * 60 * 1000;
+const PROBE_TIMEOUT_MS = 20000;
+const PROBE_CONCURRENCY = 96;
+const PROBE_POLL_COUNT = 3;
+const PRIORITY_BASELINE = 1_000_000;
+
+class ProbeQueue {
+  constructor(max = 2) {
+    this.max = Math.max(1, Number(max) || 1);
+    this.running = 0;
+    this.queue = [];
+  }
+
+  run(task, priority = 0) {
+    return new Promise((resolve, reject) => {
+      const normalizedPriority = Number.isFinite(priority) ? priority : 0;
+      const job = {
+        task,
+        resolve,
+        reject,
+        priority: normalizedPriority,
+      };
+      this.enqueue(job);
+      this.drain();
+    });
+  }
+
+  enqueue(job) {
+    if (!this.queue.length) {
+      this.queue.push(job);
+      return;
+    }
+    const index = this.queue.findIndex(
+      (existing) => existing.priority < job.priority
+    );
+    if (index === -1) {
+      this.queue.push(job);
+    } else {
+      this.queue.splice(index, 0, job);
+    }
+  }
+
+  drain() {
+    while (this.running < this.max && this.queue.length > 0) {
+      const job = this.queue.shift();
+      if (!job) {
+        return;
+      }
+      this.running += 1;
+      let finished = false;
+      const finalize = () => {
+        if (finished) {
+          return;
+        }
+        finished = true;
+        this.running -= 1;
+        this.drain();
+      };
+
+      let result;
+      try {
+        result = job.task();
+      } catch (err) {
+        job.reject(err);
+        finalize();
+        continue;
+      }
+
+      Promise.resolve(result)
+        .then((value) => {
+          job.resolve(value);
+        })
+        .catch((err) => {
+          job.reject(err);
+        })
+        .finally(() => {
+          finalize();
+        });
+    }
+  }
+}
+
+const probeQueue = new ProbeQueue(PROBE_CONCURRENCY);
+const probeCache = new Map();
+const probeInflight = new Map();
+
+function getViewportCenter() {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  const width = Number(window.innerWidth) || 0;
+  const height = Number(window.innerHeight) || 0;
+  if (width <= 0 && height <= 0) {
+    return null;
+  }
+  return {
+    x: width > 0 ? width / 2 : 0,
+    y: height > 0 ? height / 2 : 0,
+  };
+}
+
+function prioritizeEntries(entries, viewportCenter) {
+  if (!Array.isArray(entries) || entries.length === 0) {
+    return [];
+  }
+  const filtered = entries
+    .filter((entry) => entry.isIntersecting && entry.target instanceof HTMLElement)
+    .map((entry) => {
+      const rect = getIntersectionRect(entry);
+      if (!rect) {
+        return null;
+      }
+      const ratio =
+        typeof entry.intersectionRatio === "number" ? entry.intersectionRatio : 0;
+      const centerY = rect.top + rect.height / 2;
+      const verticalDistance = viewportCenter
+        ? Math.abs(centerY - viewportCenter.y)
+        : Number.POSITIVE_INFINITY;
+      return { entry, ratio, centerY, verticalDistance };
+    })
+    .filter(Boolean);
+
+  if (filtered.length === 0) {
+    return [];
+  }
+
+  if (!viewportCenter) {
+    return filtered
+      .sort((a, b) => {
+        if (b.ratio !== a.ratio) {
+          return b.ratio - a.ratio;
+        }
+        return a.centerY - b.centerY;
+      })
+      .map((item, index) => ({
+        entry: item.entry,
+        priority: PRIORITY_BASELINE - index,
+      }));
+  }
+
+  const ordered = filtered
+    .slice()
+    .sort((a, b) => a.centerY - b.centerY);
+
+  let centerIndex = 0;
+  let minDistance = Number.POSITIVE_INFINITY;
+  for (let i = 0; i < ordered.length; i += 1) {
+    const candidate = ordered[i];
+    if (candidate.verticalDistance < minDistance) {
+      minDistance = candidate.verticalDistance;
+      centerIndex = i;
+    }
+  }
+
+  const prioritized = [];
+  const pushCandidate = (candidate) => {
+    if (!candidate) {
+      return;
+    }
+    prioritized.push(candidate);
+  };
+
+  pushCandidate(ordered[centerIndex]);
+
+  let left = centerIndex - 1;
+  let right = centerIndex + 1;
+  while (left >= 0 || right < ordered.length) {
+    const leftCandidate = left >= 0 ? ordered[left] : null;
+    const rightCandidate = right < ordered.length ? ordered[right] : null;
+
+    if (leftCandidate && rightCandidate) {
+      const leftDistance = leftCandidate.verticalDistance;
+      const rightDistance = rightCandidate.verticalDistance;
+      const distanceDelta = Math.abs(leftDistance - rightDistance);
+      if (distanceDelta <= 0.5) {
+        if (rightCandidate.ratio > leftCandidate.ratio) {
+          pushCandidate(rightCandidate);
+          right += 1;
+        } else {
+          pushCandidate(leftCandidate);
+          left -= 1;
+        }
+      } else if (leftDistance < rightDistance) {
+        pushCandidate(leftCandidate);
+        left -= 1;
+      } else {
+        pushCandidate(rightCandidate);
+        right += 1;
+      }
+    } else if (rightCandidate) {
+      pushCandidate(rightCandidate);
+      right += 1;
+    } else if (leftCandidate) {
+      pushCandidate(leftCandidate);
+      left -= 1;
+    }
+  }
+
+  return prioritized.map((candidate, index) => ({
+    entry: candidate.entry,
+    priority: PRIORITY_BASELINE - index,
+  }));
+}
+
+function getIntersectionRect(entry) {
+  if (!entry) {
+    return null;
+  }
+  const rect = entry.intersectionRect;
+  if (rect && rect.width > 0 && rect.height > 0) {
+    return rect;
+  }
+  const fallback = entry.boundingClientRect;
+  if (fallback && fallback.width > 0 && fallback.height > 0) {
+    return fallback;
+  }
+  return rect || fallback || null;
+}
+
+function setBadge(card, state, details) {
+  if (!(card instanceof HTMLElement)) {
+    return;
+  }
+
+  const normalizedState =
+    typeof state === "string" && state ? state : "unknown";
+  const peersValue =
+    details && Number.isFinite(details.peers)
+      ? Math.max(0, Number(details.peers))
+      : 0;
+  const hasPeerCount = details ? Number.isFinite(details.peers) : false;
+  const peersTextValue = hasPeerCount ? String(peersValue) : "";
+  const webseedOnly = Boolean(details?.webseedOnly);
+
+  card.dataset.streamHealthState = normalizedState;
+  if (hasPeerCount) {
+    card.dataset.streamHealthPeers = peersTextValue;
+  } else if (card.dataset.streamHealthPeers) {
+    delete card.dataset.streamHealthPeers;
+  }
+
+  if (details && typeof details.reason === "string" && details.reason) {
+    card.dataset.streamHealthReason = details.reason;
+  } else if (card.dataset.streamHealthReason) {
+    delete card.dataset.streamHealthReason;
+  }
+
+  updateVideoCardSourceVisibility(card);
+
+  const badge = card.querySelector(".torrent-health-badge");
+  if (!badge) {
+    return;
+  }
+
+  const hadCompactMargin =
+    badge.classList.contains("mt-sm") || badge.classList.contains("mt-3");
+
+  const classes = ["badge", "torrent-health-badge"];
+  if (hadCompactMargin) {
+    classes.push("mt-sm");
+  }
+  badge.className = classes.join(" ");
+
+  const map = {
+    healthy: {
+      icon: "🟢",
+      aria: "WebTorrent peers available",
+      variant: "success",
+      role: "status",
+    },
+    unhealthy: {
+      icon: "🔴",
+      aria: "WebTorrent peers unavailable",
+      variant: "critical",
+      role: "alert",
+    },
+    checking: {
+      icon: "⏳",
+      aria: "Checking WebTorrent peers",
+      variant: "neutral",
+      role: "status",
+    },
+    unknown: {
+      icon: "⚪",
+      aria: "WebTorrent status unknown",
+      variant: "neutral",
+      role: "status",
+    },
+  };
+
+  const entry = map[normalizedState] || map.unknown;
+  if (entry.variant) {
+    badge.dataset.variant = entry.variant;
+  } else if (badge.dataset.variant) {
+    delete badge.dataset.variant;
+  }
+
+  const iconPrefix = entry.icon ? `${entry.icon} ` : "";
+  badge.textContent = `${iconPrefix}WebTorrent`;
+  const tooltip =
+    normalizedState === "checking" || normalizedState === "unknown"
+      ? entry.aria
+      : buildTooltip({
+          peers: peersValue,
+          checkedAt: details?.checkedAt,
+          reason: details?.reason,
+          webseedOnly,
+        });
+  badge.setAttribute("aria-label", tooltip);
+  badge.setAttribute("title", tooltip);
+  const ariaLive = entry.role === "alert" ? "assertive" : "polite";
+  badge.setAttribute("aria-live", ariaLive);
+  badge.setAttribute("role", entry.role);
+  badge.dataset.streamHealthState = normalizedState;
+  if (hasPeerCount) {
+    badge.dataset.streamHealthPeers = peersTextValue;
+  } else if (badge.dataset.streamHealthPeers) {
+    delete badge.dataset.streamHealthPeers;
+  }
+
+  const payload = {
+    card,
+    state: normalizedState,
+    peers: hasPeerCount ? peersValue : null,
+    reason: details && typeof details.reason === "string" ? details.reason : null,
+    webseedOnly,
+    checkedAt:
+      details && Number.isFinite(details.checkedAt) ? Number(details.checkedAt) : null,
+    text: badge.textContent,
+    tooltip,
+    role: entry.role,
+    ariaLive,
+  };
+  notifyBadgeUpdate(payload);
+}
+
+function handleCardVisible({ card, pendingByCard, priority = 0 }) {
+  if (!(card instanceof HTMLElement)) {
+    return;
+  }
+  const magnet = card.dataset.magnet || "";
+  if (!magnet) {
+    setBadge(card, "unhealthy", { reason: "missing-source" });
+    return;
+  }
+
+  const infoHash = infoHashFromMagnet(magnet);
+  if (!infoHash) {
+    setBadge(card, "unhealthy", { reason: "invalid" });
+    return;
+  }
+
+  if (!(pendingByCard instanceof WeakMap)) {
+    return;
+  }
+
+  if (pendingByCard.has(card)) {
+    return;
+  }
+
+  const cached = getCacheEntry(infoHash);
+  if (cached) {
+    const cachedState = cached.healthy
+      ? "healthy"
+      : cached.hasProbeTrackers
+      ? "unhealthy"
+      : "unknown";
+    setBadge(card, cachedState, cached);
+    return;
+  }
+
+  setBadge(card, "checking");
+
+  const encodedUrl = card.dataset.urlHealthUrl || "";
+  const webSeed = encodedUrl ? decodeURIComponent(encodedUrl) : "";
+  const webSeeds = webSeed ? [webSeed] : [];
+
+  const probePromise = queueProbe(magnet, infoHash, priority, webSeeds);
+
+  pendingByCard.set(card, probePromise);
+
+  probePromise
+    .then((result) => {
+      pendingByCard.delete(card);
+      if (!card.isConnected) {
+        return;
+      }
+      if (!result) {
+        setBadge(card, "unknown");
+        return;
+      }
+      if (!result.hasProbeTrackers) {
+        setBadge(card, "unknown", result);
+        return;
+      }
+      if (result.healthy) {
+        setBadge(card, "healthy", result);
+        return;
+      }
+      setBadge(card, "unhealthy", result);
+    })
+    .catch((err) => {
+      userLogger.warn("[gridHealth] probe failed", err);
+      pendingByCard.delete(card);
+      if (!card.isConnected) {
+        return;
+      }
+      setBadge(card, "unhealthy");
+    });
+}
+
+const gridCardObserver = createCardObserver({
+  rootMargin: ROOT_MARGIN,
+  threshold: 0.01,
+  createState: () => ({ pendingByCard: new WeakMap() }),
+  prepareEntries: (entries) => {
+    const viewportCenter = getViewportCenter();
+    return prioritizeEntries(entries, viewportCenter);
+  },
+  isCardVisible: (entry) => {
+    if (!entry) {
+      return false;
+    }
+    const isIntersecting = Boolean(entry.isIntersecting);
+    const ratio = typeof entry.intersectionRatio === "number" ? entry.intersectionRatio : 0;
+    return isIntersecting && ratio > 0;
+  },
+  onCardRegister: ({ card }) => {
+    if (!card.dataset.magnet) {
+      setBadge(card, "unhealthy", { reason: "missing-source" });
+    }
+  },
+  onCardVisible: ({ card, meta, state }) => {
+    if (!state || !(state.pendingByCard instanceof WeakMap)) {
+      return;
+    }
+    const priority =
+      meta && typeof meta === "object" && Number.isFinite(meta.priority)
+        ? meta.priority
+        : PRIORITY_BASELINE;
+    handleCardVisible({
+      card,
+      pendingByCard: state.pendingByCard,
+      priority,
+    });
+  },
+});
+
+export function attachHealthBadges(container, options = {}) {
+  if (!(container instanceof HTMLElement)) {
+    return;
+  }
+  if (options && typeof options.onUpdate === "function") {
+    badgeUpdateListeners.add(options.onUpdate);
+  }
+  gridCardObserver.observe(container);
+}
diff --git a/dist/js/hashChangeHandler.js b/dist/js/hashChangeHandler.js
new file mode 100644
index 00000000..71303a00
--- /dev/null
+++ b/dist/js/hashChangeHandler.js
@@ -0,0 +1,137 @@
+import { devLogger as defaultDevLogger, userLogger as defaultUserLogger } from "./utils/logger.js";
+
+const LEGACY_DOCS_VIEWS = {
+  about: "about",
+  "community-guidelines": "community-guidelines",
+  "getting-started": "getting-started",
+  "upload-content": "upload-content",
+  roadmap: "roadmap",
+  links: "links"
+};
+
+const createLoggerFacade = (logger, fallback) => {
+  if (logger && typeof logger === "object") {
+    return {
+      log: typeof logger.log === "function" ? logger.log.bind(logger) : fallback.log,
+      warn:
+        typeof logger.warn === "function" ? logger.warn.bind(logger) : fallback.warn,
+      error:
+        typeof logger.error === "function"
+          ? logger.error.bind(logger)
+          : fallback.error,
+    };
+  }
+
+  return fallback;
+};
+
+const noopLogger = {
+  log() {},
+  warn() {},
+  error() {},
+};
+
+export function createHashChangeHandler({
+  getApplication,
+  getApplicationReady,
+  loadView,
+  viewInitRegistry,
+  devLogger = defaultDevLogger,
+  userLogger = defaultUserLogger,
+} = {}) {
+  const devLog = createLoggerFacade(devLogger, noopLogger);
+  const userLog = createLoggerFacade(userLogger, noopLogger);
+  let currentViewName = null;
+
+  const getReadyPromise = () => {
+    if (typeof getApplicationReady === "function") {
+      return getApplicationReady();
+    }
+    return Promise.resolve();
+  };
+
+  const resolveIsLoggedIn = () => {
+    if (typeof getApplication !== "function") {
+      return false;
+    }
+    const app = getApplication();
+    if (!app || typeof app.isUserLoggedIn !== "function") {
+      return false;
+    }
+    return Boolean(app.isUserLoggedIn());
+  };
+
+  return async function handleHashChange() {
+    const currentHash =
+      typeof window !== "undefined" && window.location
+        ? window.location.hash
+        : undefined;
+    devLog.log("handleHashChange called, current hash =", currentHash);
+
+    try {
+      await getReadyPromise();
+    } catch (error) {
+      userLog.warn(
+        "Proceeding with hash handling despite application initialization failure:",
+        error,
+      );
+    }
+
+    const hash =
+      typeof window !== "undefined" && window.location && window.location.hash
+        ? window.location.hash
+        : "";
+    if (hash === "#kids") {
+      window.location.hash = "#view=kids";
+      return;
+    }
+    const match = hash.match(/^#view=([^&]+)/);
+
+    try {
+      if (!match || !match[1]) {
+        const defaultViewName = resolveIsLoggedIn()
+          ? "for-you"
+          : "most-recent-videos";
+
+        if (defaultViewName === currentViewName) {
+          return;
+        }
+
+        await loadView(`views/${defaultViewName}.html`);
+        currentViewName = defaultViewName;
+
+        const initFn = viewInitRegistry?.[defaultViewName];
+        if (typeof initFn === "function") {
+          await initFn();
+        }
+        return;
+      }
+
+      const viewName = match[1];
+
+      if (Object.prototype.hasOwnProperty.call(LEGACY_DOCS_VIEWS, viewName)) {
+        const docSlug = LEGACY_DOCS_VIEWS[viewName];
+        window.location.hash = `#view=docs&doc=${docSlug}`;
+        return;
+      }
+
+      if (viewName === currentViewName) {
+        return;
+      }
+
+      if (typeof viewName === "string" && viewName.toLowerCase() === "history") {
+      }
+      const viewUrl = `views/${viewName}.html`;
+
+      await loadView(viewUrl);
+      currentViewName = viewName;
+
+      const initFn = viewInitRegistry?.[viewName];
+      if (typeof initFn === "function") {
+        await initFn();
+      }
+    } catch (error) {
+      userLog.error("Failed to handle hash change:", error);
+    }
+  };
+}
diff --git a/dist/js/hashView.js b/dist/js/hashView.js
new file mode 100644
index 00000000..ee28e9c2
--- /dev/null
+++ b/dist/js/hashView.js
@@ -0,0 +1,35 @@
+// js/hashView.js
+
+const HASH_VIEW_REGEX = /^#view=([^&]+)/;
+
+export function getHashViewName() {
+  const hash = typeof window !== "undefined" ? window.location.hash || "" : "";
+  const match = hash.match(HASH_VIEW_REGEX);
+  const viewName = match?.[1];
+
+  if (typeof viewName !== "string") {
+    return "";
+  }
+
+  return viewName.trim();
+}
+
+export function setHashView(viewName, options = {}) {
+  if (typeof window === "undefined") {
+    return;
+  }
+
+  const url = new URL(window.location.href);
+  url.searchParams.delete("modal");
+  if (!options?.preserveVideoParam) {
+    url.searchParams.delete("v");
+  }
+  const newUrl = url.pathname + url.search + `#view=${viewName}`;
+  window.history.replaceState({}, "", newUrl);
+
+  if (typeof HashChangeEvent === "function") {
+    window.dispatchEvent(new HashChangeEvent("hashchange"));
+  } else {
+    window.dispatchEvent(new Event("hashchange"));
+  }
+}
diff --git a/dist/js/historyView.js b/dist/js/historyView.js
new file mode 100644
index 00000000..9aa17fde
--- /dev/null
+++ b/dist/js/historyView.js
@@ -0,0 +1,2514 @@
+// js/historyView.js
+
+import watchHistoryService from "./watchHistoryService.js";
+import { nostrClient } from "./nostrClientFacade.js";
+import {
+  updateWatchHistoryListWithDefaultClient as updateWatchHistoryList,
+} from "./nostrWatchHistoryFacade.js";
+import { pointerKey, normalizePointerInput } from "./nostr/watchHistory.js";
+import {
+  WATCH_HISTORY_BATCH_RESOLVE,
+  WATCH_HISTORY_BATCH_PAGE_SIZE
+} from "./config.js";
+import { getApplication } from "./applicationContext.js";
+import { userLogger } from "./utils/logger.js";
+import {
+  normalizeVideoModerationContext,
+  applyModerationContextDatasets,
+  getModerationOverrideActionLabels,
+} from "./ui/moderationUiHelpers.js";
+import { buildModerationBadgeText } from "./ui/moderationCopy.js";
+import { formatShortNpub } from "./utils/formatters.js";
+import { attachFeedInfoPopover } from "./ui/components/FeedInfoPopover.js";
+
+const WATCH_HISTORY_EMPTY_COPY =
+  "Your watch history is empty. Watch some videos to populate this list.";
+
+const WATCH_HISTORY_DISABLED_COPY =
+  "Watch history sync is unavailable. Connect a NIP-07 extension or log in to enable syncing.";
+
+const DEFAULT_WATCH_HISTORY_BATCH_SIZE = 12;
+const WATCH_HISTORY_BATCH_SIZE = (() => {
+  const raw = Number(WATCH_HISTORY_BATCH_PAGE_SIZE);
+  if (!Number.isFinite(raw) || raw <= 0) {
+    return DEFAULT_WATCH_HISTORY_BATCH_SIZE;
+  }
+  return Math.floor(raw);
+})();
+const FALLBACK_THUMBNAIL = "assets/svg/default-thumbnail.svg";
+const FALLBACK_AVATAR = "assets/svg/default-profile.svg";
+const isDevEnv =
+  typeof process !== "undefined" && process?.env?.NODE_ENV !== "production";
+
+function escapeSelector(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  if (typeof CSS !== "undefined" && typeof CSS.escape === "function") {
+    return CSS.escape(value);
+  }
+  return value.replace(/([^a-zA-Z0-9_-])/g, "\\$1");
+}
+
+function resolveElement(selector, root = document) {
+  if (!selector || typeof selector !== "string") {
+    return null;
+  }
+  const scope = root && typeof root.querySelector === "function" ? root : document;
+  try {
+    return scope.querySelector(selector);
+  } catch (error) {
+    userLogger.warn("[historyView] Failed to query selector:", selector, error);
+    return null;
+  }
+}
+
+function setHidden(element, hidden) {
+  if (!(element instanceof HTMLElement)) {
+    return;
+  }
+  element.classList.toggle("hidden", hidden);
+  if (hidden) {
+    element.setAttribute("aria-hidden", "true");
+  } else {
+    element.removeAttribute("aria-hidden");
+  }
+}
+
+function setTextContent(element, text) {
+  if (!(element instanceof HTMLElement)) {
+    return;
+  }
+  element.textContent = text;
+}
+
+function getAppInstance() {
+  return getApplication();
+}
+
+function buildWatchHistoryFeedRuntime({
+  actor,
+  cursor = 0,
+  forceRefresh = false,
+} = {}) {
+  const app = getAppInstance();
+  const normalizedActor =
+    typeof actor === "string" && actor.trim() ? actor.trim() : "";
+
+  const blacklist =
+    app?.blacklistedEventIds instanceof Set
+      ? new Set(app.blacklistedEventIds)
+      : new Set();
+
+  const runtime = {
+    blacklistedEventIds: blacklist,
+    isAuthorBlocked: (pubkey) =>
+      (typeof app?.isAuthorBlocked === "function" &&
+        app.isAuthorBlocked(pubkey)) ||
+      false,
+    watchHistory: {
+      actor: normalizedActor,
+      cursor: Number.isFinite(cursor) ? cursor : 0,
+      forceRefresh: forceRefresh === true,
+    },
+  };
+
+  const preferenceSource =
+    typeof app?.getHashtagPreferences === "function"
+      ? app.getHashtagPreferences()
+      : {};
+  runtime.tagPreferences = {
+    interests: Array.isArray(preferenceSource?.interests)
+      ? [...preferenceSource.interests]
+      : [],
+    disinterests: Array.isArray(preferenceSource?.disinterests)
+      ? [...preferenceSource.disinterests]
+      : []
+  };
+
+  if (normalizedActor) {
+    runtime.actor = normalizedActor;
+  }
+
+  return runtime;
+}
+
+function safeLocaleDate(date) {
+  try {
+    return date.toLocaleDateString(undefined, {
+      weekday: "long",
+      month: "long",
+      day: "numeric"
+    });
+  } catch (error) {
+    return date.toDateString();
+  }
+}
+
+function formatDayLabel(timestampSeconds) {
+  if (!Number.isFinite(timestampSeconds)) {
+    return "Unknown day";
+  }
+  const eventDate = new Date(timestampSeconds * 1000);
+  if (Number.isNaN(eventDate.getTime())) {
+    return "Unknown day";
+  }
+  const today = new Date();
+  const yesterday = new Date();
+  yesterday.setDate(today.getDate() - 1);
+
+  const targetDay = eventDate.toDateString();
+  if (targetDay === today.toDateString()) {
+    return "Today";
+  }
+  if (targetDay === yesterday.toDateString()) {
+    return "Yesterday";
+  }
+  return safeLocaleDate(eventDate);
+}
+
+function formatRelativeTime(timestampSeconds) {
+  if (!Number.isFinite(timestampSeconds) || timestampSeconds <= 0) {
+    return "Unknown time";
+  }
+  const app = getAppInstance();
+  if (app && typeof app.formatTimeAgo === "function") {
+    return app.formatTimeAgo(timestampSeconds);
+  }
+  const nowSeconds = Math.floor(Date.now() / 1000);
+  const delta = Math.max(0, nowSeconds - Math.floor(timestampSeconds));
+  const units = [
+    { label: "year", seconds: 31536000 },
+    { label: "month", seconds: 2592000 },
+    { label: "week", seconds: 604800 },
+    { label: "day", seconds: 86400 },
+    { label: "hour", seconds: 3600 },
+    { label: "minute", seconds: 60 }
+  ];
+  for (const unit of units) {
+    const count = Math.floor(delta / unit.seconds);
+    if (count >= 1) {
+      return `${count} ${unit.label}${count > 1 ? "s" : ""} ago`;
+    }
+  }
+  return "just now";
+}
+
+function computeFingerprint(items) {
+  if (!Array.isArray(items) || !items.length) {
+    return "";
+  }
+  const pieces = [];
+  for (const entry of items) {
+    const pointer = normalizePointerInput(entry);
+    if (!pointer) {
+      continue;
+    }
+    const key = pointerKey(pointer);
+    if (!key) {
+      continue;
+    }
+    const watchedAt = Number.isFinite(entry?.watchedAt) ? entry.watchedAt : 0;
+    pieces.push(`${key}:${watchedAt}`);
+  }
+  return pieces.join("|");
+}
+
+function normalizeHistoryItems(rawItems) {
+  if (!Array.isArray(rawItems)) {
+    return [];
+  }
+  const normalized = [];
+  for (const candidate of rawItems) {
+    const pointer = normalizePointerInput(candidate);
+    if (!pointer) {
+      continue;
+    }
+    const key = pointerKey(pointer);
+    if (!key) {
+      continue;
+    }
+    const watchedAtRaw = Number.isFinite(candidate?.watchedAt)
+      ? candidate.watchedAt
+      : Number.isFinite(candidate?.timestamp)
+        ? candidate.timestamp
+        : Number.isFinite(pointer?.watchedAt)
+          ? pointer.watchedAt
+          : null;
+    const watchedAt =
+      watchedAtRaw !== null ? Math.max(0, Math.floor(watchedAtRaw)) : 0;
+    normalized.push({
+      pointer,
+      pointerKey: key,
+      watchedAt,
+      raw: candidate
+    });
+  }
+  normalized.sort((a, b) => {
+    if (a.watchedAt !== b.watchedAt) {
+      return b.watchedAt - a.watchedAt;
+    }
+    const createdA = Number.isFinite(a?.video?.created_at)
+      ? a.video.created_at
+      : 0;
+    const createdB = Number.isFinite(b?.video?.created_at)
+      ? b.video.created_at
+      : 0;
+    if (createdA !== createdB) {
+      return createdB - createdA;
+    }
+    return a.pointerKey.localeCompare(b.pointerKey);
+  });
+  return normalized;
+}
+
+async function defaultRemoveHandler({
+  actor,
+  items,
+  snapshot,
+  reason = "remove-item"
+} = {}) {
+  const sanitized = Array.isArray(items)
+    ? items
+        .map((entry) => {
+          const pointer = normalizePointerInput(entry?.pointer || entry);
+          if (!pointer) {
+            return null;
+          }
+          if (Number.isFinite(entry?.watchedAt)) {
+            pointer.watchedAt = entry.watchedAt;
+          }
+          if (entry?.pointer?.session === true || entry?.session === true) {
+            pointer.session = true;
+          }
+          return pointer;
+        })
+        .filter(Boolean)
+    : [];
+  if (typeof snapshot === "function") {
+    await snapshot(sanitized, { actor, reason });
+  }
+  try {
+    if (typeof updateWatchHistoryList === "function") {
+      await updateWatchHistoryList(sanitized, {
+        actorPubkey: actor,
+        replace: true,
+        source: reason
+      });
+    }
+  } catch (error) {
+    if (isDevEnv) {
+      userLogger.warn("[historyView] Failed to update watch history list:", error);
+    }
+    throw error;
+  }
+}
+
+function getStorage() {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  try {
+    return window.localStorage || null;
+  } catch (error) {
+    return null;
+  }
+}
+
+function readPreference(key, fallback) {
+  const storage = getStorage();
+  if (!storage) {
+    return fallback;
+  }
+  try {
+    const stored = storage.getItem(key);
+    return stored === null ? fallback : stored;
+  } catch (error) {
+    return fallback;
+  }
+}
+
+function writePreference(key, value) {
+  const storage = getStorage();
+  if (!storage) {
+    return;
+  }
+  try {
+    if (value === null || typeof value === "undefined") {
+      storage.removeItem(key);
+      return;
+    }
+    storage.setItem(key, value);
+  } catch (error) {
+    if (isDevEnv) {
+      userLogger.warn("[historyView] Failed to persist preference:", error);
+    }
+  }
+}
+
+function removeEmptyDayContainers(grid) {
+  if (!(grid instanceof HTMLElement)) {
+    return;
+  }
+  const daySections = grid.querySelectorAll("[data-history-day]");
+  daySections.forEach((section) => {
+    if (!(section instanceof HTMLElement)) {
+      return;
+    }
+    const list = section.querySelector("[data-history-day-list]");
+    if (list instanceof HTMLElement && list.childElementCount === 0) {
+      section.remove();
+    }
+  });
+}
+
+function getPointerVideoId(video, pointer) {
+  if (video && typeof video.id === "string" && video.id) {
+    return video.id;
+  }
+  if (pointer?.type === "e" && typeof pointer.value === "string") {
+    return pointer.value;
+  }
+  return "";
+}
+
+const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+const historyCardRegistry = new Map();
+
+function sanitizeIdToken(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  const token = value.trim().replace(/[^a-zA-Z0-9_-]/g, "");
+  return token;
+}
+
+function getHistoryCardModerationId(pointerKey) {
+  const token = sanitizeIdToken(pointerKey);
+  return token ? `watch-history-${token}-moderation` : "";
+}
+
+function getHistoryCardModerationState(context) {
+  if (!context) {
+    return "";
+  }
+  if (context.overrideActive) {
+    return "override";
+  }
+  if (context.activeHidden && !context.overrideActive) {
+    return "hidden";
+  }
+  if (context.trustedMuted) {
+    return "trusted-mute";
+  }
+  return "blocked";
+}
+
+function shouldShowHistoryCardBlockButton(context) {
+  if (!context || !context.trustedMuted) {
+    return false;
+  }
+  if (context.activeHidden && !context.overrideActive) {
+    return false;
+  }
+  return true;
+}
+
+function getModerationBadgeIconShape(state) {
+  if (state === "override") {
+    return {
+      d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.78-9.72a.75.75 0 00-1.06-1.06L9 11.94l-1.72-1.72a.75.75 0 10-1.06 1.06l2.25 2.25a.75.75 0 001.06 0l3.25-3.25z",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    };
+  }
+
+  return {
+    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm-.75-11.75a.75.75 0 011.5 0v4.5a.75.75 0 01-1.5 0v-4.5zm.75 8.5a1 1 0 100-2 1 1 0 000 2z",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  };
+}
+
+function updateHistoryCardBadgeIcon(svg, state) {
+  if (!svg) {
+    return;
+  }
+  svg.dataset.iconState = state;
+  const path = svg.firstElementChild;
+  if (!path) {
+    return;
+  }
+  const { d, fillRule, clipRule } = getModerationBadgeIconShape(state);
+  path.setAttribute("d", d);
+  if (fillRule) {
+    path.setAttribute("fill-rule", fillRule);
+  } else {
+    path.removeAttribute("fill-rule");
+  }
+  if (clipRule) {
+    path.setAttribute("clip-rule", clipRule);
+  } else {
+    path.removeAttribute("clip-rule");
+  }
+}
+
+function createHistoryCardBadgeIcon(doc, state) {
+  const wrapper = doc.createElement("span");
+  wrapper.className = "moderation-badge__icon";
+  wrapper.setAttribute("aria-hidden", "true");
+  const svg = doc.createElementNS(SVG_NAMESPACE, "svg");
+  svg.setAttribute("viewBox", "0 0 20 20");
+  svg.setAttribute("focusable", "false");
+  svg.setAttribute("aria-hidden", "true");
+  svg.classList.add("moderation-badge__icon-mark");
+  const path = doc.createElementNS(SVG_NAMESPACE, "path");
+  path.setAttribute("fill", "currentColor");
+  svg.appendChild(path);
+  wrapper.appendChild(svg);
+  updateHistoryCardBadgeIcon(svg, state);
+  return { wrapper, svg };
+}
+
+function cleanupHistoryCard(pointerKey) {
+  if (!pointerKey || !historyCardRegistry.has(pointerKey)) {
+    return;
+  }
+  const ref = historyCardRegistry.get(pointerKey);
+  historyCardRegistry.delete(pointerKey);
+  if (!ref || typeof ref !== "object") {
+    return;
+  }
+  if (ref.overrideButton && typeof ref.overrideButton.removeEventListener === "function" && typeof ref.boundOverride === "function") {
+    ref.overrideButton.removeEventListener("click", ref.boundOverride);
+  }
+  if (ref.blockButton && typeof ref.blockButton.removeEventListener === "function" && typeof ref.boundBlock === "function") {
+    ref.blockButton.removeEventListener("click", ref.boundBlock);
+  }
+  if (ref.badgeEl && ref.badgeEl.parentNode) {
+    ref.badgeEl.parentNode.removeChild(ref.badgeEl);
+  }
+  if (ref.hiddenContainer && ref.hiddenContainer.parentNode) {
+    ref.hiddenContainer.parentNode.removeChild(ref.hiddenContainer);
+  }
+}
+
+function registerHistoryCard(pointerKey, ref) {
+  if (!pointerKey || !ref) {
+    return;
+  }
+  cleanupHistoryCard(pointerKey);
+  historyCardRegistry.set(pointerKey, ref);
+}
+
+function clearHistoryCardRegistry() {
+  const keys = Array.from(historyCardRegistry.keys());
+  keys.forEach((key) => {
+    cleanupHistoryCard(key);
+  });
+  historyCardRegistry.clear();
+}
+
+function ensureHiddenSummaryContainer(ref) {
+  const article = ref?.article;
+  if (!article || typeof article.insertBefore !== "function") {
+    return null;
+  }
+  let container = ref.hiddenContainer;
+  const doc = article.ownerDocument || document;
+  if (!container) {
+    container = doc.createElement("div");
+    container.className = "watch-history-card__hidden bv-stack bv-stack--tight p-md";
+    container.dataset.moderationHiddenContainer = "true";
+    container.setAttribute("role", "group");
+    container.setAttribute("aria-live", "polite");
+    ref.hiddenContainer = container;
+  }
+  container.hidden = false;
+  container.removeAttribute("aria-hidden");
+  if (container.parentNode !== article) {
+    article.insertBefore(container, article.firstChild || null);
+  }
+  return container;
+}
+
+function updateHistoryCardHiddenState(ref, context) {
+  const hiddenActive = Boolean(context?.activeHidden && !context?.overrideActive);
+  const primary = ref.primary;
+  const meta = ref.meta;
+
+  if (hiddenActive) {
+    if (primary && typeof primary.setAttribute === "function") {
+      primary.setAttribute("hidden", "");
+      primary.setAttribute("aria-hidden", "true");
+    }
+    if (meta && typeof meta.setAttribute === "function") {
+      meta.setAttribute("hidden", "");
+      meta.setAttribute("aria-hidden", "true");
+    }
+    const container = ensureHiddenSummaryContainer(ref);
+    if (container) {
+      const description = buildModerationBadgeText(context, { variant: "card" });
+      if (description) {
+        container.setAttribute("aria-label", description);
+      } else {
+        container.removeAttribute("aria-label");
+      }
+    }
+  } else {
+    if (primary && typeof primary.removeAttribute === "function") {
+      primary.removeAttribute("hidden");
+      primary.removeAttribute("aria-hidden");
+    }
+    if (meta && typeof meta.removeAttribute === "function") {
+      meta.removeAttribute("hidden");
+      meta.removeAttribute("aria-hidden");
+    }
+    const container = ref.hiddenContainer;
+    if (container) {
+      container.hidden = true;
+      container.setAttribute("aria-hidden", "true");
+      container.removeAttribute("aria-label");
+      container.removeAttribute("aria-labelledby");
+      if (container.parentNode) {
+        container.parentNode.removeChild(container);
+      }
+      ref.hiddenContainer = null;
+    }
+  }
+}
+
+function createHistoryCardBadge(ref, context) {
+  const article = ref?.article;
+  const doc = (article && article.ownerDocument) || (typeof document !== "undefined" ? document : null);
+  if (!doc) {
+    return null;
+  }
+  const badge = doc.createElement("div");
+  badge.className = "moderation-badge";
+  badge.dataset.moderationBadge = "true";
+  const label = doc.createElement("span");
+  label.className = "moderation-badge__label inline-flex items-center gap-xs";
+  const { wrapper, svg } = createHistoryCardBadgeIcon(doc, getHistoryCardModerationState(context));
+  label.appendChild(wrapper);
+  const text = doc.createElement("span");
+  text.className = "moderation-badge__text";
+  label.appendChild(text);
+  badge.appendChild(label);
+  ref.badgeEl = badge;
+  ref.badgeLabelEl = label;
+  ref.badgeTextEl = text;
+  ref.badgeIconSvg = svg;
+  ref.badgeIconWrapper = wrapper;
+  if (typeof ref.boundOverride !== "function") {
+    ref.boundOverride = (event) => handleHistoryCardModerationOverride(event, ref);
+  }
+  if (typeof ref.boundHide !== "function") {
+    ref.boundHide = (event) => handleHistoryCardModerationHide(event, ref);
+  }
+  if (typeof ref.boundBlock !== "function") {
+    ref.boundBlock = (event) => handleHistoryCardModerationBlock(event, ref);
+  }
+  if (!ref.overrideButton) {
+    const { text: overrideLabel, ariaLabel: overrideAria } =
+      getModerationOverrideActionLabels({ overrideActive: false });
+    const overrideButton = doc.createElement("button");
+    overrideButton.type = "button";
+    overrideButton.className = "moderation-badge__action flex-shrink-0";
+    overrideButton.dataset.moderationAction = "override";
+    overrideButton.textContent = overrideLabel;
+    overrideButton.setAttribute("aria-label", overrideAria);
+    overrideButton.addEventListener("click", ref.boundOverride);
+    ref.overrideButton = overrideButton;
+  }
+  if (!ref.hideButton) {
+    const { text: restoreLabel, ariaLabel: restoreAria } =
+      getModerationOverrideActionLabels({ overrideActive: true });
+    const hideButton = doc.createElement("button");
+    hideButton.type = "button";
+    hideButton.className = "moderation-badge__action flex-shrink-0";
+    hideButton.dataset.moderationAction = "hide";
+    hideButton.textContent = restoreLabel;
+    hideButton.setAttribute("aria-label", restoreAria);
+    hideButton.addEventListener("click", ref.boundHide);
+    ref.hideButton = hideButton;
+  }
+  if (!ref.blockButton) {
+    const blockButton = doc.createElement("button");
+    blockButton.type = "button";
+    blockButton.className = "moderation-badge__action flex-shrink-0";
+    blockButton.dataset.moderationAction = "block";
+    blockButton.textContent = "Block";
+    blockButton.addEventListener("click", ref.boundBlock);
+    ref.blockButton = blockButton;
+  }
+  return badge;
+}
+
+function updateHistoryCardBadge(ref, context) {
+  const hiddenActive = Boolean(context?.activeHidden && !context?.overrideActive);
+  if (!context?.shouldShow) {
+    if (ref.overrideButton && typeof ref.overrideButton.removeEventListener === "function" && typeof ref.boundOverride === "function") {
+      ref.overrideButton.removeEventListener("click", ref.boundOverride);
+    }
+    if (ref.hideButton && typeof ref.hideButton.removeEventListener === "function" && typeof ref.boundHide === "function") {
+      ref.hideButton.removeEventListener("click", ref.boundHide);
+    }
+    if (ref.blockButton && typeof ref.blockButton.removeEventListener === "function" && typeof ref.boundBlock === "function") {
+      ref.blockButton.removeEventListener("click", ref.boundBlock);
+    }
+    if (ref.badgeEl && ref.badgeEl.parentNode) {
+      ref.badgeEl.parentNode.removeChild(ref.badgeEl);
+    }
+    ref.badgeEl = null;
+    ref.badgeLabelEl = null;
+    ref.badgeTextEl = null;
+    ref.badgeIconSvg = null;
+    ref.badgeIconWrapper = null;
+    ref.overrideButton = null;
+    ref.hideButton = null;
+    ref.blockButton = null;
+    return;
+  }
+
+  if (!ref.badgeEl) {
+    createHistoryCardBadge(ref, context);
+  }
+
+  const badge = ref.badgeEl;
+  if (!badge) {
+    return;
+  }
+
+  badge.dataset.variant = context.overrideActive ? "neutral" : "warning";
+  const state = context.overrideActive ? "override" : getHistoryCardModerationState(context);
+  badge.dataset.moderationState = state;
+  if (hiddenActive && context.effectiveHideReason) {
+    badge.dataset.moderationHideReason = context.effectiveHideReason;
+  } else if (badge.dataset.moderationHideReason) {
+    delete badge.dataset.moderationHideReason;
+  }
+
+  if (ref.badgeIconSvg) {
+    updateHistoryCardBadgeIcon(ref.badgeIconSvg, state);
+  }
+
+  const textContent = buildModerationBadgeText(context, { variant: "card" });
+  if (ref.badgeTextEl) {
+    ref.badgeTextEl.textContent = textContent;
+  }
+
+  const muteNames = Array.isArray(context.trustedMuteDisplayNames)
+    ? context.trustedMuteDisplayNames
+        .map((name) => (typeof name === "string" ? name.trim() : ""))
+        .filter(Boolean)
+    : [];
+  const reporterNames = Array.isArray(context.reporterDisplayNames)
+    ? context.reporterDisplayNames
+        .map((name) => (typeof name === "string" ? name.trim() : ""))
+        .filter(Boolean)
+    : [];
+
+  const allNames = [...muteNames, ...reporterNames];
+  const uniqueNames = [];
+  const seen = new Set();
+  for (const name of allNames) {
+    if (!name) {
+      continue;
+    }
+    const key = name.toLowerCase();
+    if (seen.has(key)) {
+      continue;
+    }
+    seen.add(key);
+    uniqueNames.push(name);
+  }
+
+  if (uniqueNames.length) {
+    const hasMuted = muteNames.length > 0;
+    const hasReporters = reporterNames.length > 0;
+    const prefix = hasMuted && hasReporters
+      ? "Muted/Reported by"
+      : hasMuted
+        ? "Muted by"
+        : "Reported by";
+    const joined = uniqueNames.join(", ");
+    badge.title = `${prefix} ${joined}`;
+    badge.setAttribute("aria-label", `${textContent}. ${prefix} ${joined}.`);
+  } else if (textContent) {
+    badge.removeAttribute("title");
+    badge.setAttribute("aria-label", `${textContent}.`);
+  } else {
+    badge.removeAttribute("title");
+    badge.removeAttribute("aria-label");
+  }
+
+  const parent = hiddenActive ? ensureHiddenSummaryContainer(ref) : ref.badgeMount;
+  if (parent && badge.parentNode !== parent) {
+    if (badge.parentNode) {
+      badge.parentNode.removeChild(badge);
+    }
+    parent.appendChild(badge);
+  }
+
+  if (!context.overrideActive && context.allowOverride && ref.overrideButton) {
+    const { text: overrideLabel, ariaLabel: overrideAria } =
+      getModerationOverrideActionLabels({ overrideActive: false });
+    ref.overrideButton.textContent = overrideLabel;
+    ref.overrideButton.setAttribute("aria-label", overrideAria);
+    if (ref.overrideButton.parentNode !== badge) {
+      badge.appendChild(ref.overrideButton);
+    }
+    ref.overrideButton.disabled = false;
+    ref.overrideButton.removeAttribute("aria-busy");
+  } else if (ref.overrideButton && ref.overrideButton.parentNode === badge) {
+    badge.removeChild(ref.overrideButton);
+  }
+
+  if (context.overrideActive && ref.hideButton) {
+    const { text: restoreLabel, ariaLabel: restoreAria } =
+      getModerationOverrideActionLabels({ overrideActive: true });
+    ref.hideButton.textContent = restoreLabel;
+    ref.hideButton.setAttribute("aria-label", restoreAria);
+    if (ref.hideButton.parentNode !== badge) {
+      badge.appendChild(ref.hideButton);
+    }
+    ref.hideButton.disabled = false;
+    ref.hideButton.removeAttribute("aria-busy");
+  } else if (ref.hideButton && ref.hideButton.parentNode === badge) {
+    badge.removeChild(ref.hideButton);
+  }
+
+  if (shouldShowHistoryCardBlockButton(context) && ref.blockButton) {
+    if (ref.blockButton.parentNode !== badge) {
+      badge.appendChild(ref.blockButton);
+    }
+    ref.blockButton.disabled = false;
+    ref.blockButton.removeAttribute("aria-busy");
+  } else if (ref.blockButton && ref.blockButton.parentNode === badge) {
+    badge.removeChild(ref.blockButton);
+  }
+}
+
+function updateHistoryCardAria(ref) {
+  const badge = ref.badgeEl;
+  const badgeId = badge ? getHistoryCardModerationId(ref.pointerKey) : "";
+  if (badge) {
+    if (badgeId) {
+      badge.id = badgeId;
+    } else {
+      badge.removeAttribute("id");
+    }
+  }
+
+  const targets = [
+    ref.thumbnailLink,
+    ref.titleLink,
+    ref.playButton,
+    ref.channelButton,
+    ref.creatorNameButton,
+    ref.avatarButton
+  ].filter((el) => el && typeof el.getAttribute === "function");
+
+  targets.forEach((el) => {
+    const existing = el.getAttribute("aria-describedby") || "";
+    const tokens = existing.split(/\s+/).filter(Boolean);
+    if (ref.badgeId) {
+      for (let index = tokens.length - 1; index >= 0; index -= 1) {
+        if (tokens[index] === ref.badgeId) {
+          tokens.splice(index, 1);
+        }
+      }
+    }
+    if (badgeId) {
+      tokens.push(badgeId);
+    }
+    if (tokens.length) {
+      el.setAttribute("aria-describedby", Array.from(new Set(tokens)).join(" "));
+    } else {
+      el.removeAttribute("aria-describedby");
+    }
+  });
+
+  if (ref.overrideButton) {
+    if (badgeId) {
+      ref.overrideButton.setAttribute("aria-describedby", badgeId);
+    } else {
+      ref.overrideButton.removeAttribute("aria-describedby");
+    }
+  }
+
+  if (ref.hideButton) {
+    if (badgeId) {
+      ref.hideButton.setAttribute("aria-describedby", badgeId);
+    } else {
+      ref.hideButton.removeAttribute("aria-describedby");
+    }
+  }
+
+  if (ref.blockButton) {
+    if (badgeId) {
+      ref.blockButton.setAttribute("aria-describedby", badgeId);
+    } else {
+      ref.blockButton.removeAttribute("aria-describedby");
+    }
+  }
+
+  if (ref.hiddenContainer) {
+    if (badgeId) {
+      ref.hiddenContainer.setAttribute("aria-labelledby", badgeId);
+    } else {
+      ref.hiddenContainer.removeAttribute("aria-labelledby");
+    }
+  }
+
+  ref.badgeId = badgeId;
+}
+
+function applyHistoryCardModeration(ref, context) {
+  if (!ref) {
+    return;
+  }
+  const normalizedContext = context || normalizeVideoModerationContext(ref.video?.moderation);
+  applyModerationContextDatasets(normalizedContext, {
+    root: ref.article,
+    thumbnail: ref.thumbnailInner || ref.thumbnailLink,
+    avatar: ref.avatarButton
+  });
+  updateHistoryCardHiddenState(ref, normalizedContext);
+  updateHistoryCardBadge(ref, normalizedContext);
+  updateHistoryCardAria(ref);
+}
+
+function handleHistoryCardModerationOverride(event, ref) {
+  if (event) {
+    if (typeof event.preventDefault === "function") {
+      event.preventDefault();
+    }
+    if (typeof event.stopPropagation === "function") {
+      event.stopPropagation();
+    }
+  }
+
+  const button = ref.overrideButton;
+  if (button) {
+    button.disabled = true;
+    button.setAttribute("aria-busy", "true");
+  }
+
+  const video = ref.video;
+  if (!video || typeof video !== "object" || !video.id) {
+    if (button) {
+      button.disabled = false;
+      button.removeAttribute("aria-busy");
+    }
+    return;
+  }
+
+  const app = getAppInstance();
+  let result;
+  try {
+    if (typeof app?.handleModerationOverride === "function") {
+      result = app.handleModerationOverride({ video });
+    } else {
+      const doc = (ref.article && ref.article.ownerDocument) || (typeof document !== "undefined" ? document : null);
+      if (doc && typeof doc.dispatchEvent === "function") {
+        doc.dispatchEvent(
+          new CustomEvent("video:moderation-override", { detail: { video } })
+        );
+      }
+      result = true;
+    }
+  } catch (error) {
+    if (button) {
+      button.disabled = false;
+      button.removeAttribute("aria-busy");
+    }
+    if (isDevEnv) {
+      userLogger.warn("[historyView] Moderation override handler threw:", error);
+    }
+    return;
+  }
+
+  Promise.resolve(result)
+    .then((handled) => {
+      if (handled === false) {
+        if (button) {
+          button.disabled = false;
+          button.removeAttribute("aria-busy");
+        }
+        return;
+      }
+      const context = normalizeVideoModerationContext(ref.video?.moderation);
+      applyHistoryCardModeration(ref, context);
+    })
+    .catch((error) => {
+      if (isDevEnv) {
+        userLogger.warn("[historyView] Moderation override failed:", error);
+      }
+      if (button) {
+        button.disabled = false;
+        button.removeAttribute("aria-busy");
+      }
+    });
+}
+
+function handleHistoryCardModerationHide(event, ref) {
+  if (event) {
+    if (typeof event.preventDefault === "function") {
+      event.preventDefault();
+    }
+    if (typeof event.stopPropagation === "function") {
+      event.stopPropagation();
+    }
+  }
+
+  const button = ref.hideButton;
+  if (button) {
+    button.disabled = true;
+    button.setAttribute("aria-busy", "true");
+  }
+
+  const video = ref.video;
+  if (!video || typeof video !== "object" || !video.id) {
+    if (button) {
+      button.disabled = false;
+      button.removeAttribute("aria-busy");
+    }
+    return;
+  }
+
+  const app = getAppInstance();
+  let result;
+  try {
+    if (typeof app?.handleModerationHide === "function") {
+      result = app.handleModerationHide({ video });
+    } else {
+      const doc =
+        (ref.article && ref.article.ownerDocument) ||
+        (typeof document !== "undefined" ? document : null);
+      if (doc && typeof doc.dispatchEvent === "function") {
+        doc.dispatchEvent(new CustomEvent("video:moderation-hide", { detail: { video } }));
+      }
+      result = true;
+    }
+  } catch (error) {
+    if (button) {
+      button.disabled = false;
+      button.removeAttribute("aria-busy");
+    }
+    if (isDevEnv) {
+      userLogger.warn("[historyView] Moderation hide handler threw:", error);
+    }
+    return;
+  }
+
+  Promise.resolve(result)
+    .then((handled) => {
+      if (handled === false) {
+        if (button) {
+          button.disabled = false;
+          button.removeAttribute("aria-busy");
+        }
+        return;
+      }
+      const context = normalizeVideoModerationContext(ref.video?.moderation);
+      applyHistoryCardModeration(ref, context);
+    })
+    .catch((error) => {
+      if (isDevEnv) {
+        userLogger.warn("[historyView] Moderation hide failed:", error);
+      }
+      if (button) {
+        button.disabled = false;
+        button.removeAttribute("aria-busy");
+      }
+    });
+}
+
+function handleHistoryCardModerationBlock(event, ref) {
+  if (event) {
+    if (typeof event.preventDefault === "function") {
+      event.preventDefault();
+    }
+    if (typeof event.stopPropagation === "function") {
+      event.stopPropagation();
+    }
+  }
+
+  const button = ref.blockButton;
+  if (button) {
+    button.disabled = true;
+    button.setAttribute("aria-busy", "true");
+  }
+
+  const video = ref.video;
+  if (!video || typeof video !== "object" || !video.id) {
+    if (button) {
+      button.disabled = false;
+      button.removeAttribute("aria-busy");
+    }
+    return;
+  }
+
+  const app = getAppInstance();
+  let result;
+  try {
+    if (typeof app?.handleModerationBlock === "function") {
+      result = app.handleModerationBlock({ video });
+    } else {
+      const doc = (ref.article && ref.article.ownerDocument) || (typeof document !== "undefined" ? document : null);
+      if (doc && typeof doc.dispatchEvent === "function") {
+        doc.dispatchEvent(
+          new CustomEvent("video:moderation-block", { detail: { video } })
+        );
+        document.dispatchEvent(
+          new CustomEvent("video:moderation-hide", { detail: { video } })
+        );
+      }
+      result = true;
+    }
+  } catch (error) {
+    if (button) {
+      button.disabled = false;
+      button.removeAttribute("aria-busy");
+    }
+    if (isDevEnv) {
+      userLogger.warn("[historyView] Moderation block handler threw:", error);
+    }
+    return;
+  }
+
+  Promise.resolve(result)
+    .then((handled) => {
+      if (handled === false) {
+        if (button) {
+          button.disabled = false;
+          button.removeAttribute("aria-busy");
+        }
+        return;
+      }
+      const context = normalizeVideoModerationContext(ref.video?.moderation);
+      applyHistoryCardModeration(ref, context);
+    })
+    .catch((error) => {
+      if (isDevEnv) {
+        userLogger.warn("[historyView] Moderation block failed:", error);
+      }
+      if (button) {
+        button.disabled = false;
+        button.removeAttribute("aria-busy");
+      }
+    });
+}
+
+function refreshRegisteredHistoryCards(video, context, pointerKeys = null) {
+  const filterSet = Array.isArray(pointerKeys) && pointerKeys.length ? new Set(pointerKeys) : null;
+  const videoId = video && typeof video.id === "string" ? video.id : "";
+  historyCardRegistry.forEach((ref, pointerKey) => {
+    if (!ref) {
+      return;
+    }
+    if (filterSet && !filterSet.has(pointerKey)) {
+      return;
+    }
+    if (videoId) {
+      ref.video = video;
+    }
+    applyHistoryCardModeration(ref, context);
+  });
+}
+
+export function buildHistoryCard({ item, video, profile, variant }) {
+  const isCompact = variant === "compact" || variant === "modal";
+
+  const article = document.createElement("article");
+  article.className =
+    "watch-history-card group relative flex flex-row items-start gap-4 p-3 sm:p-4 rounded-lg transition-colors";
+  if (!isCompact) {
+    article.classList.add("hover:bg-surface-panel-hover", "hover:shadow-sm");
+  } else {
+    article.classList.add("hover:bg-surface-highlight");
+  }
+
+  if (video?.isPrivate) {
+    article.classList.add(
+      "border",
+      "border-status-info",
+      "border-opacity-40",
+      "bg-surface-alt"
+    );
+  }
+
+  article.dataset.pointerKey = item.pointerKey;
+  article.dataset.historyCard = "true";
+
+  const pointerVideoId = getPointerVideoId(video, item.pointer);
+  if (pointerVideoId) {
+    article.dataset.videoId = pointerVideoId;
+  }
+
+  const playbackData = (() => {
+    if (!video) {
+      return { url: "", magnet: "" };
+    }
+    const url = typeof video.url === "string" ? video.url.trim() : "";
+    const magnetRaw =
+      typeof video.magnet === "string"
+        ? video.magnet.trim()
+        : typeof video.infoHash === "string"
+          ? video.infoHash.trim()
+          : "";
+    return { url, magnet: magnetRaw };
+  })();
+
+  // --- Thumbnail Column ---
+  const thumbnailLink = document.createElement("a");
+  const thumbnailSizeClass = isCompact ? "w-28 sm:w-32" : "w-32 sm:w-48";
+  thumbnailLink.className = `relative block flex-shrink-0 aspect-video rounded-md overflow-hidden bg-surface-alt hover:opacity-90 transition-opacity ${thumbnailSizeClass}`;
+  thumbnailLink.href = "#";
+  thumbnailLink.dataset.historyAction = "play";
+  thumbnailLink.dataset.pointerKey = item.pointerKey;
+  if (pointerVideoId) {
+    thumbnailLink.dataset.videoId = pointerVideoId;
+  }
+  if (playbackData.url) {
+    thumbnailLink.dataset.playUrl = encodeURIComponent(playbackData.url);
+  }
+  if (playbackData.magnet) {
+    thumbnailLink.dataset.playMagnet = playbackData.magnet;
+  }
+
+  const thumbnailImg = document.createElement("img");
+  thumbnailImg.className = "w-full h-full object-cover";
+  thumbnailImg.alt = video?.title || "Video thumbnail";
+  const thumbnailSrc =
+    video && typeof video.thumbnail === "string" && video.thumbnail.trim()
+      ? video.thumbnail.trim()
+      : FALLBACK_THUMBNAIL;
+  thumbnailImg.src = thumbnailSrc;
+  thumbnailImg.loading = "lazy";
+  thumbnailImg.decoding = "async";
+  thumbnailLink.appendChild(thumbnailImg);
+
+  // --- Content Column ---
+  const content = document.createElement("div");
+  content.className = "flex flex-col flex-1 min-w-0 gap-1.5";
+
+  // Title Row
+  const header = document.createElement("div");
+  header.className = "flex justify-between items-start gap-2";
+
+  const titleLink = document.createElement("a");
+  titleLink.className =
+    "text-sm font-semibold text-text line-clamp-2 leading-snug hover:text-accent transition-colors";
+  titleLink.href = "#";
+  titleLink.dataset.historyAction = "play";
+  titleLink.dataset.pointerKey = item.pointerKey;
+  if (pointerVideoId) {
+    titleLink.dataset.videoId = pointerVideoId;
+  }
+  if (playbackData.url) {
+    titleLink.dataset.playUrl = encodeURIComponent(playbackData.url);
+  }
+  if (playbackData.magnet) {
+    titleLink.dataset.playMagnet = playbackData.magnet;
+  }
+  titleLink.textContent = video?.title || "Untitled video";
+
+  header.appendChild(titleLink);
+  content.appendChild(header);
+
+  // Author Row
+  const authorRow = document.createElement("div");
+  authorRow.className = "flex items-center gap-2";
+
+  const avatarBtn = document.createElement("button");
+  avatarBtn.type = "button";
+  avatarBtn.className =
+    "flex-shrink-0 w-5 h-5 rounded-full overflow-hidden bg-surface-alt hover:opacity-80 transition-opacity";
+  avatarBtn.dataset.historyAction = "channel";
+  avatarBtn.dataset.pointerKey = item.pointerKey;
+  if (video?.pubkey) {
+    avatarBtn.dataset.author = video.pubkey;
+  }
+
+  const avatarImg = document.createElement("img");
+  avatarImg.className = "w-full h-full object-cover";
+  const avatarSrc =
+    profile && typeof profile.picture === "string" && profile.picture.trim()
+      ? profile.picture.trim()
+      : FALLBACK_AVATAR;
+  avatarImg.src = avatarSrc;
+  avatarImg.alt = profile?.name || "Avatar";
+  avatarBtn.appendChild(avatarImg);
+
+  const authorNameBtn = document.createElement("button");
+  authorNameBtn.type = "button";
+  authorNameBtn.className =
+    "text-xs font-medium text-muted hover:text-text transition-colors truncate";
+  authorNameBtn.dataset.historyAction = "channel";
+  authorNameBtn.dataset.pointerKey = item.pointerKey;
+  if (video?.pubkey) {
+    authorNameBtn.dataset.author = video.pubkey;
+  }
+
+  const app = getAppInstance();
+  let creatorLabel =
+    profile?.display_name || profile?.name || profile?.username || "Unknown";
+  if ((!creatorLabel || creatorLabel === "Unknown") && video?.pubkey) {
+    const encoded = app?.safeEncodeNpub?.(video.pubkey) || "";
+    creatorLabel =
+      formatShortNpub(encoded) || encoded || video.pubkey.slice(0, 8).concat("…");
+  }
+  authorNameBtn.textContent = creatorLabel;
+
+  authorRow.appendChild(avatarBtn);
+  authorRow.appendChild(authorNameBtn);
+  content.appendChild(authorRow);
+
+  // Moderation Badge Mount
+  const moderationMount = document.createElement("div");
+  moderationMount.className = "flex flex-wrap items-center gap-2 mt-0.5";
+  content.appendChild(moderationMount);
+
+  // Meta Row (Timestamp)
+  const metaRow = document.createElement("div");
+  metaRow.className =
+    "flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-strong mt-auto pt-1";
+
+  if (item.watchedAt) {
+    const watchedSpan = document.createElement("span");
+    watchedSpan.textContent = formatRelativeTime(item.watchedAt);
+    watchedSpan.title = new Date(item.watchedAt * 1000).toLocaleString();
+    metaRow.appendChild(watchedSpan);
+  } else {
+    const unknownSpan = document.createElement("span");
+    unknownSpan.textContent = "Time unavailable";
+    metaRow.appendChild(unknownSpan);
+  }
+
+  if (video?.created_at) {
+    const sep = document.createElement("span");
+    sep.className = "text-muted/40";
+    sep.textContent = "•";
+    metaRow.appendChild(sep);
+
+    const pubSpan = document.createElement("span");
+    pubSpan.textContent = `Published ${formatRelativeTime(video.created_at)}`;
+    metaRow.appendChild(pubSpan);
+  }
+
+  content.appendChild(metaRow);
+
+  // Actions Row
+  const actionsRow = document.createElement("div");
+  actionsRow.className =
+    "flex flex-wrap items-center gap-4 mt-2 pt-2 border-t border-border/40";
+
+  const createActionBtn = (label, action, btnVariant = "default") => {
+    const btn = document.createElement("button");
+    btn.type = "button";
+    btn.className = `text-xs font-semibold ${
+      btnVariant === "danger"
+        ? "text-status-danger hover:text-status-danger-strong"
+        : "text-muted hover:text-text"
+    } transition-colors`;
+    btn.textContent = label;
+    btn.dataset.historyAction = action;
+    btn.dataset.pointerKey = item.pointerKey;
+
+    if (action === "play") {
+      if (pointerVideoId) btn.dataset.videoId = pointerVideoId;
+      if (playbackData.url)
+        btn.dataset.playUrl = encodeURIComponent(playbackData.url);
+      if (playbackData.magnet)
+        btn.dataset.playMagnet = playbackData.magnet;
+    } else if (action === "channel" && video?.pubkey) {
+      btn.dataset.author = video.pubkey;
+    } else if (action === "remove") {
+      if (item.pointer?.type) btn.dataset.pointerType = item.pointer.type;
+      if (item.pointer?.value) btn.dataset.pointerValue = item.pointer.value;
+      if (item.pointer?.relay) btn.dataset.pointerRelay = item.pointer.relay;
+      if (Number.isFinite(item.watchedAt))
+        btn.dataset.pointerWatchedAt = String(item.watchedAt);
+      if (item.pointer?.session === true)
+        btn.dataset.pointerSession = "true";
+      btn.title = "Remove from history";
+    }
+    return btn;
+  };
+
+  const playBtn = createActionBtn("Play now", "play", "default");
+  playBtn.classList.add("text-accent", "hover:text-accent-strong");
+
+  const channelBtn = createActionBtn("Channel", "channel");
+  const removeBtn = createActionBtn("Remove", "remove", "danger");
+
+  actionsRow.appendChild(playBtn);
+  actionsRow.appendChild(channelBtn);
+  actionsRow.appendChild(removeBtn);
+
+  content.appendChild(actionsRow);
+
+  article.appendChild(thumbnailLink);
+  article.appendChild(content);
+
+  const moderationContext = normalizeVideoModerationContext(video?.moderation);
+  const cardRef = {
+    pointerKey: item.pointerKey,
+    article,
+    primary: thumbnailLink,
+    meta: content,
+    details: content,
+    badgeMount: moderationMount,
+    thumbnailInner: null,
+    thumbnailLink,
+    titleLink,
+    playButton: playBtn,
+    channelButton: channelBtn,
+    removeButton: removeBtn,
+    creatorNameButton: authorNameBtn,
+    avatarButton: avatarBtn,
+    video: video || null,
+    hiddenContainer: null,
+    badgeEl: null,
+    badgeLabelEl: null,
+    badgeTextEl: null,
+    badgeIconSvg: null,
+    badgeIconWrapper: null,
+    overrideButton: null,
+    blockButton: null,
+    badgeId: "",
+    boundOverride: null,
+    boundBlock: null
+  };
+
+  registerHistoryCard(item.pointerKey, cardRef);
+  applyHistoryCardModeration(cardRef, moderationContext);
+
+  return article;
+}
+
+export function createWatchHistoryRenderer(config = {}) {
+  const {
+    container = typeof document !== "undefined" ? document : null,
+    fetchHistory = async (
+      actorInput,
+      { cursor = 0, forceRefresh = false } = {}
+    ) => {
+      const app = getAppInstance();
+      const engine = app?.feedEngine;
+      if (engine && typeof engine.run === "function") {
+        const runtime = buildWatchHistoryFeedRuntime({
+          actor: actorInput,
+          cursor,
+          forceRefresh,
+        });
+        return engine.run("watch-history", { runtime });
+      }
+      const items = await watchHistoryService.loadLatest(actorInput, {
+        allowStale: !forceRefresh,
+        forceRefresh,
+      });
+      const normalized = normalizeHistoryItems(items);
+      return { items: normalized, metadata: { engine: "service-fallback" } };
+    },
+    snapshot = watchHistoryService.snapshot.bind(watchHistoryService),
+    getActor,
+    viewSelector = "#watchHistoryView",
+    gridSelector = "#watchHistoryGrid",
+    loadingSelector = "#watchHistoryLoading",
+    statusSelector = "#watchHistoryStatus",
+    emptySelector = "#watchHistoryEmpty",
+    sentinelSelector = "#watchHistorySentinel",
+    loadMoreSelector = "#watchHistoryLoadMore",
+    clearButtonSelector = '[data-history-action="clear-cache"]',
+    refreshButtonSelector = '[data-history-action="refresh"]',
+    errorBannerSelector = "#watchHistoryError",
+    scrollContainerSelector = null,
+    featureBannerSelector = "#profileHistoryFeatureBanner",
+    sessionWarningSelector = "#profileHistorySessionWarning",
+    emptyCopy = WATCH_HISTORY_EMPTY_COPY,
+    disabledCopy = WATCH_HISTORY_DISABLED_COPY,
+    batchSize = WATCH_HISTORY_BATCH_SIZE,
+    remove = (payload) => {
+      const app = getAppInstance();
+      const controller = app?.watchHistoryController;
+      if (controller?.handleWatchHistoryRemoval) {
+        return controller.handleWatchHistoryRemoval(payload);
+      }
+      return defaultRemoveHandler(payload);
+    },
+    variant = "default"
+  } = config;
+
+  const syncEnabled =
+    typeof watchHistoryService.isEnabled === "function"
+      ? watchHistoryService.isEnabled() === true
+      : false;
+  const localSupported =
+    typeof watchHistoryService.supportsLocalHistory === "function"
+      ? watchHistoryService.supportsLocalHistory() === true
+      : false;
+  const localOnly =
+    typeof watchHistoryService.isLocalOnly === "function"
+      ? watchHistoryService.isLocalOnly() === true
+      : false;
+
+  const state = {
+    initialized: false,
+    actor: null,
+    items: [],
+    fingerprint: "",
+    cursor: 0,
+    hasMore: false,
+    isLoading: false,
+    isRendering: false,
+    lastError: null,
+    observer: null,
+    observerAttached: false,
+    feedMetadata: null,
+    sessionFallbackActive: false,
+    syncEnabled,
+    localSupported,
+    localOnly,
+    featureEnabled: syncEnabled || localSupported
+  };
+
+  let rendererRef = null;
+  let fingerprintRefreshQueued = false;
+  const scheduleTask =
+    typeof queueMicrotask === "function"
+      ? queueMicrotask
+      : (callback) => Promise.resolve().then(callback);
+  let elements = {
+    view: null,
+    grid: null,
+    loading: null,
+    status: null,
+    empty: null,
+    sentinel: null,
+    loadMore: null,
+    clearButton: null,
+    refreshButton: null,
+    errorBanner: null,
+    scrollContainer: null,
+    featureBanner: null,
+    sessionWarning: null
+  };
+
+  let boundGridClickHandler = null;
+  let boundLoadMoreHandler = null;
+  let boundClearHandler = null;
+  let boundRefreshHandler = null;
+
+  const subscriptions = new Set();
+
+  function refreshElements() {
+    const scope = container || document;
+    elements = {
+      view: resolveElement(viewSelector, scope),
+      grid: resolveElement(gridSelector, scope),
+      loading: resolveElement(loadingSelector, scope),
+      status: resolveElement(statusSelector, scope),
+      empty: resolveElement(emptySelector, scope),
+      sentinel: resolveElement(sentinelSelector, scope),
+      loadMore: resolveElement(loadMoreSelector, scope),
+      clearButton: resolveElement(clearButtonSelector, scope),
+      refreshButton: resolveElement(refreshButtonSelector, scope),
+      errorBanner: resolveElement(errorBannerSelector, scope),
+      scrollContainer: resolveElement(scrollContainerSelector, scope),
+      featureBanner: resolveElement(featureBannerSelector, scope),
+      sessionWarning: resolveElement(sessionWarningSelector, scope)
+    };
+  }
+
+  function clearSubscriptions() {
+    for (const unsubscribe of subscriptions) {
+      try {
+        unsubscribe();
+      } catch (error) {
+        if (isDevEnv) {
+          userLogger.warn(
+            "[historyView] Failed to unsubscribe from watch history event:",
+            error
+          );
+        }
+      }
+    }
+    subscriptions.clear();
+    fingerprintRefreshQueued = false;
+  }
+
+  function updateFeatureBanner() {
+    const actor = typeof state.actor === "string" ? state.actor : undefined;
+    const syncEnabled =
+      typeof watchHistoryService.isEnabled === "function"
+        ? watchHistoryService.isEnabled(actor) === true
+        : false;
+    const localSupported =
+      typeof watchHistoryService.supportsLocalHistory === "function"
+        ? watchHistoryService.supportsLocalHistory(actor) === true
+        : false;
+    const localOnly =
+      typeof watchHistoryService.isLocalOnly === "function"
+        ? watchHistoryService.isLocalOnly(actor) === true
+        : false;
+    state.syncEnabled = syncEnabled;
+    state.localSupported = localSupported;
+    state.localOnly = localOnly;
+    state.featureEnabled = syncEnabled || localSupported;
+    if (!(elements.featureBanner instanceof HTMLElement)) {
+      return;
+    }
+    if (syncEnabled) {
+      elements.featureBanner.textContent = "";
+      setHidden(elements.featureBanner, true);
+      return;
+    }
+    if (localOnly) {
+      elements.featureBanner.textContent =
+        "Watch history sync requires a logged-in Nostr account. This guest session is stored locally only.";
+      setHidden(elements.featureBanner, false);
+      return;
+    }
+    if (localSupported) {
+      elements.featureBanner.textContent =
+        "Watch history sync is disabled right now. We'll keep a local copy on this device.";
+    } else {
+      elements.featureBanner.textContent =
+        "Watch history is disabled on this server.";
+    }
+    setHidden(elements.featureBanner, false);
+  }
+
+  function updateSessionFallbackWarning() {
+    if (!(elements.sessionWarning instanceof HTMLElement)) {
+      return;
+    }
+    const nip07Pubkey =
+      typeof nostrClient?.pubkey === "string" ? nostrClient.pubkey : "";
+    const sessionPubkey =
+      typeof nostrClient?.sessionActor?.pubkey === "string"
+        ? nostrClient.sessionActor.pubkey
+        : "";
+    const activeActor = typeof state.actor === "string" ? state.actor : "";
+    const fallbackActive =
+      !nip07Pubkey && sessionPubkey && sessionPubkey === activeActor;
+    state.sessionFallbackActive = Boolean(fallbackActive);
+    setHidden(elements.sessionWarning, !fallbackActive);
+  }
+
+  function queueFingerprintRefresh() {
+    if (!fingerprintRefreshQueued) {
+      return;
+    }
+    if (state.isLoading) {
+      return;
+    }
+    if (!rendererRef) {
+      return;
+    }
+    fingerprintRefreshQueued = false;
+    void rendererRef.refresh({ force: false });
+  }
+
+  function subscribeToFingerprintUpdates() {
+    if (typeof watchHistoryService.subscribe !== "function") {
+      return;
+    }
+    const unsubscribe = watchHistoryService.subscribe(
+      "fingerprint",
+      (payload) => {
+        if (!payload) {
+          return;
+        }
+        if (payload.actor && state.actor && payload.actor !== state.actor) {
+          return;
+        }
+        fingerprintRefreshQueued = true;
+        if (!state.isLoading) {
+          scheduleTask(() => {
+            queueFingerprintRefresh();
+          });
+        }
+      }
+    );
+    if (typeof unsubscribe === "function") {
+      subscriptions.add(unsubscribe);
+    }
+  }
+
+  function handleModerationUpdate(video) {
+    if (!video || typeof video !== "object" || !video.id) {
+      return;
+    }
+
+    let workingVideo = video;
+    if (typeof structuredClone === "function") {
+      try {
+        workingVideo = structuredClone(video);
+      } catch (error) {
+        workingVideo = video;
+      }
+    } else {
+      try {
+        workingVideo = JSON.parse(JSON.stringify(video));
+      } catch (error) {
+        workingVideo = { ...video };
+        if (video.moderation && typeof video.moderation === "object") {
+          workingVideo.moderation = { ...video.moderation };
+        }
+      }
+    }
+
+    const app = getAppInstance();
+    if (typeof app?.decorateVideoModeration === "function") {
+      try {
+        const decorated = app.decorateVideoModeration(workingVideo);
+        if (decorated) {
+          workingVideo = decorated;
+        }
+      } catch (error) {
+        if (isDevEnv) {
+          userLogger.warn(
+            "[historyView] Failed to decorate moderation update:",
+            error
+          );
+        }
+      }
+    }
+
+    const context = normalizeVideoModerationContext(workingVideo?.moderation);
+    const affectedPointers = [];
+    state.items.forEach((entry) => {
+      if (!entry) {
+        return;
+      }
+      const entryVideo = entry.metadata?.video || entry.video;
+      if (entryVideo && entryVideo.id === workingVideo.id) {
+        entry.metadata.video = workingVideo;
+        entry.video = workingVideo;
+        if (entry.pointerKey) {
+          affectedPointers.push(entry.pointerKey);
+        }
+      }
+    });
+
+    refreshRegisteredHistoryCards(
+      workingVideo,
+      context,
+      affectedPointers.length ? affectedPointers : null
+    );
+  }
+
+  function subscribeToModerationEvents() {
+    if (typeof document === "undefined" || typeof document.addEventListener !== "function") {
+      return;
+    }
+    const handler = (event) => {
+      const video = event?.detail?.video;
+      if (!video) {
+        return;
+      }
+      handleModerationUpdate(video);
+    };
+    document.addEventListener("video:moderation-override", handler);
+    document.addEventListener("video:moderation-block", handler);
+    subscriptions.add(() => {
+      document.removeEventListener("video:moderation-override", handler);
+      document.removeEventListener("video:moderation-block", handler);
+    });
+  }
+
+  function setLoadingState(loading) {
+    state.isLoading = loading;
+    if (elements.loading) {
+      setHidden(elements.loading, !loading);
+    }
+    if (elements.status) {
+      setHidden(elements.status, !loading);
+    }
+  }
+
+  function showErrorBanner(message) {
+    if (!(elements.errorBanner instanceof HTMLElement)) {
+      return;
+    }
+    elements.errorBanner.textContent = message;
+    setHidden(elements.errorBanner, false);
+  }
+
+  function hideErrorBanner() {
+    if (!(elements.errorBanner instanceof HTMLElement)) {
+      return;
+    }
+    elements.errorBanner.textContent = "";
+    setHidden(elements.errorBanner, true);
+  }
+
+  function showEmptyState() {
+    if (elements.grid) {
+      elements.grid.innerHTML = "";
+      setHidden(elements.grid, true);
+    }
+    clearHistoryCardRegistry();
+    if (elements.empty) {
+      setTextContent(elements.empty, emptyCopy);
+      setHidden(elements.empty, false);
+    }
+    setHidden(elements.loadMore, true);
+    if (elements.sentinel) {
+      setHidden(elements.sentinel, true);
+    }
+  }
+
+  function showFeatureDisabledState() {
+    hideErrorBanner();
+    if (elements.loading) {
+      setHidden(elements.loading, true);
+    }
+    if (elements.status) {
+      setHidden(elements.status, true);
+    }
+    detachObserver();
+    if (elements.grid) {
+      elements.grid.innerHTML = "";
+      setHidden(elements.grid, true);
+    }
+    if (elements.empty) {
+      setTextContent(elements.empty, disabledCopy || emptyCopy);
+      setHidden(elements.empty, false);
+    }
+    if (elements.loadMore) {
+      setHidden(elements.loadMore, true);
+    }
+    if (elements.sentinel) {
+      setHidden(elements.sentinel, true);
+    }
+  }
+
+  function ensureObserver() {
+    if (!elements.sentinel || !WATCH_HISTORY_BATCH_RESOLVE) {
+      return;
+    }
+    if (state.observer) {
+      return;
+    }
+    if (typeof IntersectionObserver !== "function") {
+      return;
+    }
+    state.observer = new IntersectionObserver(
+      (entries) => {
+        for (const entry of entries) {
+          if (entry.isIntersecting) {
+            void renderer.loadMore();
+          }
+        }
+      },
+      {
+        root: elements.scrollContainer || null,
+        rootMargin: "0px 0px 320px 0px",
+        threshold: 0.1
+      }
+    );
+  }
+
+  function attachObserver() {
+    if (!state.observer || !elements.sentinel) {
+      return;
+    }
+    if (!state.hasMore) {
+      return;
+    }
+    if (!state.observerAttached) {
+      state.observer.observe(elements.sentinel);
+      state.observerAttached = true;
+      setHidden(elements.sentinel, false);
+    }
+  }
+
+  function detachObserver() {
+    if (state.observer && state.observerAttached && elements.sentinel) {
+      state.observer.unobserve(elements.sentinel);
+      state.observerAttached = false;
+      setHidden(elements.sentinel, true);
+    }
+  }
+
+  function updateLoadMoreVisibility() {
+    if (WATCH_HISTORY_BATCH_RESOLVE) {
+      if (state.hasMore) {
+        attachObserver();
+      } else {
+        detachObserver();
+      }
+      if (elements.loadMore) {
+        setHidden(elements.loadMore, true);
+      }
+      return;
+    }
+    detachObserver();
+    if (elements.loadMore) {
+      setHidden(elements.loadMore, !state.hasMore);
+      elements.loadMore.disabled = !state.hasMore;
+    }
+  }
+
+  async function resolveActorKey() {
+    if (typeof getActor === "function") {
+      try {
+        const result = await getActor();
+        if (typeof result === "string" && result.trim()) {
+          return result.trim();
+        }
+      } catch (error) {
+        userLogger.warn(
+          "[historyView] Failed to resolve actor via getActor:",
+          error
+        );
+      }
+    }
+    if (watchHistoryService?.publishView) {
+      const pubkey = nostrClient?.pubkey || window?.app?.pubkey || "";
+      if (typeof pubkey === "string" && pubkey.trim()) {
+        return pubkey.trim();
+      }
+    }
+    return undefined;
+  }
+
+  async function hydrateBatch(batch) {
+    const hydrated = [];
+    for (const item of batch) {
+      if (!item) {
+        continue;
+      }
+
+      const baseMetadata =
+        item &&
+        typeof item === "object" &&
+        item.metadata &&
+        typeof item.metadata === "object"
+          ? { ...item.metadata }
+          : {};
+
+      const metadata = {
+        ...baseMetadata,
+        video: item.video || baseMetadata.video || null,
+        profile: baseMetadata.profile || null
+      };
+
+      if (metadata.video && typeof metadata.video === "object") {
+        const app = getAppInstance();
+        if (typeof app?.decorateVideoModeration === "function") {
+          try {
+            const decorated = app.decorateVideoModeration(metadata.video);
+            if (decorated) {
+              metadata.video = decorated;
+            }
+          } catch (error) {
+            if (isDevEnv) {
+              userLogger.warn(
+                "[historyView] Failed to decorate video moderation:",
+                error
+              );
+            }
+          }
+        }
+      }
+
+      hydrated.push({ ...item, video: metadata.video, metadata });
+    }
+    return hydrated;
+  }
+
+  async function renderNextBatch() {
+    if (!Array.isArray(state.items) || !state.items.length) {
+      showEmptyState();
+      return;
+    }
+    if (!(elements.grid instanceof HTMLElement)) {
+      return;
+    }
+    if (state.cursor >= state.items.length) {
+      state.hasMore = false;
+      updateLoadMoreVisibility();
+      return;
+    }
+    if (state.isRendering) {
+      return;
+    }
+    state.isRendering = true;
+    const start = state.cursor;
+    const end = Math.min(state.items.length, start + Math.max(1, batchSize));
+    const slice = state.items.slice(start, end);
+    let hydrated;
+    try {
+      hydrated = await hydrateBatch(slice);
+    } catch (error) {
+      state.isRendering = false;
+      if (isDevEnv) {
+        userLogger.warn("[historyView] Failed to hydrate batch:", error);
+      }
+      return;
+    }
+
+    const fragment = document.createDocumentFragment();
+    const dayContainers = new Map();
+
+    const ensureDayContainer = (dayKey, label) => {
+      if (dayContainers.has(dayKey)) {
+        return dayContainers.get(dayKey);
+      }
+      let section = elements.grid.querySelector(
+        `[data-history-day="${escapeSelector(dayKey)}"]`
+      );
+      if (!(section instanceof HTMLElement)) {
+        section = document.createElement("section");
+        section.dataset.historyDay = dayKey;
+        section.className = "space-y-4";
+        const header = document.createElement("h3");
+        header.className =
+          "text-sm font-semibold uppercase tracking-wide text-text";
+        header.textContent = label;
+        const list = document.createElement("div");
+        list.dataset.historyDayList = "true";
+        list.className = "space-y-4";
+        section.appendChild(header);
+        section.appendChild(list);
+        fragment.appendChild(section);
+      }
+      const list = section.querySelector("[data-history-day-list]");
+      const record = { section, list };
+      dayContainers.set(dayKey, record);
+      return record;
+    };
+
+    hydrated.forEach((entry) => {
+      if (!entry) {
+        return;
+      }
+      const dayLabel = formatDayLabel(entry.watchedAt);
+      const dayKey = `${dayLabel}`;
+      const container = ensureDayContainer(dayKey, dayLabel);
+      if (!(container?.list instanceof HTMLElement)) {
+        return;
+      }
+      const card = buildHistoryCard({
+        item: entry,
+        video: entry.metadata?.video || null,
+        profile: entry.metadata?.profile || null,
+        variant
+      });
+      container.list.appendChild(card);
+    });
+
+    elements.grid.appendChild(fragment);
+    setHidden(elements.grid, false);
+    setHidden(elements.empty, true);
+
+    state.cursor = end;
+    state.hasMore = state.cursor < state.items.length;
+    updateLoadMoreVisibility();
+    state.isRendering = false;
+  }
+
+  function bindGridEvents() {
+    if (!(elements.grid instanceof HTMLElement)) {
+      return;
+    }
+    if (boundGridClickHandler) {
+      elements.grid.removeEventListener("click", boundGridClickHandler);
+    }
+    boundGridClickHandler = async (event) => {
+      const trigger =
+        event.target instanceof HTMLElement
+          ? event.target.closest("[data-history-action]")
+          : null;
+      if (!(trigger instanceof HTMLElement)) {
+        return;
+      }
+      const action = trigger.dataset.historyAction || "";
+      const pointerKeyAttr =
+        trigger.dataset.pointerKey ||
+        (trigger.closest("[data-pointer-key]")?.dataset.pointerKey ?? "");
+      if (!action) {
+        return;
+      }
+      switch (action) {
+        case "play": {
+          event.preventDefault();
+          const videoId = trigger.dataset.videoId || pointerKeyAttr;
+          const rawUrlAttr = trigger.dataset.playUrl || "";
+          const magnetAttr = trigger.dataset.playMagnet || "";
+          let url = "";
+          if (rawUrlAttr) {
+            try {
+              url = decodeURIComponent(rawUrlAttr);
+            } catch (error) {
+              url = rawUrlAttr;
+            }
+          }
+
+          const app = getAppInstance();
+          if (videoId && app?.playVideoByEventId) {
+            app.playVideoByEventId(videoId, { url, magnet: magnetAttr });
+            return;
+          }
+
+          if (app?.playVideoWithFallback) {
+            app.playVideoWithFallback({
+              url,
+              magnet: magnetAttr
+            });
+          }
+          break;
+        }
+        case "channel": {
+          event.preventDefault();
+          const author = trigger.dataset.author || "";
+          const app = getAppInstance();
+          if (author && app?.goToProfile) {
+            app.goToProfile(author);
+          } else if (app?.showError) {
+            app.showError("No creator info available.");
+          }
+          break;
+        }
+        case "remove": {
+          event.preventDefault();
+          if (pointerKeyAttr) {
+            await renderer.handleRemove(pointerKeyAttr);
+          }
+          break;
+        }
+        default:
+          break;
+      }
+    };
+    elements.grid.addEventListener("click", boundGridClickHandler);
+  }
+
+  function bindLoadMore() {
+    if (!(elements.loadMore instanceof HTMLElement)) {
+      return;
+    }
+    if (boundLoadMoreHandler) {
+      elements.loadMore.removeEventListener("click", boundLoadMoreHandler);
+    }
+    boundLoadMoreHandler = (event) => {
+      event.preventDefault();
+      void renderer.loadMore();
+    };
+    elements.loadMore.addEventListener("click", boundLoadMoreHandler);
+  }
+
+  function bindActions() {
+    if (elements.clearButton) {
+      if (boundClearHandler) {
+        elements.clearButton.removeEventListener("click", boundClearHandler);
+      }
+      boundClearHandler = async (event) => {
+        event.preventDefault();
+        userLogger.info("[historyView] 'Clear local history' clicked.");
+        const actor = await resolveActorKey();
+        try {
+          await watchHistoryService.resetProgress(actor);
+          state.items = [];
+          state.cursor = 0;
+          state.hasMore = false;
+          showEmptyState();
+          const app = getAppInstance();
+          if (typeof app?.showSuccess === "function") {
+            app.showSuccess("Local watch history reset.");
+          } else {
+            console.log("Local watch history reset.");
+          }
+        } catch (error) {
+          const message =
+            error && typeof error.message === "string"
+              ? error.message
+              : "Failed to reset local watch history.";
+          const app = getAppInstance();
+          if (typeof app?.showError === "function") {
+            app.showError(message);
+          } else {
+            console.error(message);
+          }
+        }
+      };
+      elements.clearButton.addEventListener("click", boundClearHandler);
+    }
+
+    if (elements.refreshButton) {
+      if (boundRefreshHandler) {
+        elements.refreshButton.removeEventListener("click", boundRefreshHandler);
+      }
+      boundRefreshHandler = async (event) => {
+        event.preventDefault();
+        userLogger.info("[historyView] 'Refresh' clicked.");
+        await renderer.refresh({ force: true });
+        const app = getAppInstance();
+        if (typeof app?.showSuccess === "function") {
+          app.showSuccess("Watch history refreshed from relays.");
+        }
+      };
+      elements.refreshButton.addEventListener("click", boundRefreshHandler);
+    }
+  }
+
+  async function loadHistory({ force = false, actorOverride } = {}) {
+    if (state.isLoading) {
+      return false;
+    }
+    if (!state.featureEnabled) {
+      state.actor = null;
+      updateSessionFallbackWarning();
+      state.items = [];
+      state.fingerprint = "";
+      state.cursor = 0;
+      state.hasMore = false;
+      state.lastError = null;
+      showFeatureDisabledState();
+      return false;
+    }
+    setLoadingState(true);
+    const actor =
+      typeof actorOverride === "string" && actorOverride.trim()
+        ? actorOverride.trim()
+        : await resolveActorKey();
+    state.actor = actor;
+    updateSessionFallbackWarning();
+    let result = null;
+    try {
+      result = await fetchHistory(actor, {
+        cursor: 0,
+        forceRefresh: force === true,
+      });
+      state.lastError = null;
+      hideErrorBanner();
+    } catch (error) {
+      state.lastError = error;
+      const message =
+        error && typeof error.message === "string"
+          ? error.message
+          : "Failed to load watch history from relays.";
+      showErrorBanner(message);
+      result = null;
+    }
+    setLoadingState(false);
+    if (fingerprintRefreshQueued) {
+      scheduleTask(() => {
+        queueFingerprintRefresh();
+      });
+    }
+    const feedItems = Array.isArray(result?.items) ? result.items : [];
+    const normalized = [];
+    for (const entry of feedItems) {
+      const pointer = normalizePointerInput(entry?.pointer || entry);
+      if (!pointer) {
+        continue;
+      }
+      const pointerKeyValue =
+        typeof entry?.pointerKey === "string" && entry.pointerKey
+          ? entry.pointerKey
+          : pointerKey(pointer);
+      if (!pointerKeyValue) {
+        continue;
+      }
+      const watchedAtRaw = Number.isFinite(entry?.watchedAt)
+        ? entry.watchedAt
+        : Number.isFinite(entry?.metadata?.watchedAt)
+          ? entry.metadata.watchedAt
+          : 0;
+      const watchedAt = Math.max(0, Math.floor(Number(watchedAtRaw) || 0));
+      const baseMetadata =
+        entry &&
+        typeof entry === "object" &&
+        entry.metadata &&
+        typeof entry.metadata === "object"
+          ? { ...entry.metadata }
+          : {};
+      const video = entry?.video || baseMetadata.video || null;
+      const profile = baseMetadata.profile || null;
+      const metadata = {
+        ...baseMetadata,
+        pointerKey: pointerKeyValue,
+        watchedAt: Number.isFinite(baseMetadata.watchedAt)
+          ? baseMetadata.watchedAt
+          : watchedAt || null,
+        video: video || null,
+        profile: profile || null
+      };
+      normalized.push({
+        pointer,
+        pointerKey: pointerKeyValue,
+        watchedAt,
+        video: metadata.video,
+        metadata
+      });
+    }
+
+    const fingerprint = computeFingerprint(normalized);
+    if (!force && fingerprint && fingerprint === state.fingerprint) {
+      return false;
+    }
+    state.items = normalized;
+    state.feedMetadata =
+      result && typeof result.metadata === "object" && result.metadata
+        ? { ...result.metadata }
+        : null;
+    state.fingerprint = fingerprint;
+    state.cursor = 0;
+    state.hasMore = state.items.length > 0;
+    return true;
+  }
+
+  async function renderInitial() {
+    if (!(elements.grid instanceof HTMLElement)) {
+      return;
+    }
+    state.cursor = 0;
+    state.hasMore = state.items.length > 0;
+    elements.grid.innerHTML = "";
+    clearHistoryCardRegistry();
+    removeEmptyDayContainers(elements.grid);
+    if (!state.items.length) {
+      showEmptyState();
+      return;
+    }
+    setHidden(elements.empty, true);
+    setHidden(elements.grid, false);
+    await renderNextBatch();
+  }
+
+  const renderer = {
+    async init(options = {}) {
+      if (typeof document === "undefined") {
+        return;
+      }
+      clearSubscriptions();
+      refreshElements();
+      updateFeatureBanner();
+      ensureObserver();
+      bindGridEvents();
+      bindLoadMore();
+      bindActions();
+      subscribeToFingerprintUpdates();
+      subscribeToModerationEvents();
+      state.initialized = true;
+      if (!state.featureEnabled) {
+        state.items = [];
+        state.fingerprint = "";
+        state.cursor = 0;
+        state.hasMore = false;
+        state.lastError = null;
+        showFeatureDisabledState();
+        return;
+      }
+      // Use cached data immediately if available (force: false) unless overridden
+      const force = options.force === true;
+      await this.refresh({ ...options, force });
+    },
+    async ensureInitialLoad(options = {}) {
+      if (!state.initialized) {
+        await this.init(options);
+        return;
+      }
+      if (options.actor !== state.actor) {
+        await this.refresh(options);
+        return;
+      }
+      refreshElements();
+      updateFeatureBanner();
+      if (!state.featureEnabled) {
+        state.items = [];
+        state.fingerprint = "";
+        state.cursor = 0;
+        state.hasMore = false;
+        state.lastError = null;
+        showFeatureDisabledState();
+        return;
+      }
+    },
+    async refresh(options = {}) {
+      updateFeatureBanner();
+      if (!state.featureEnabled) {
+        state.items = [];
+        state.fingerprint = "";
+        state.cursor = 0;
+        state.hasMore = false;
+        state.lastError = null;
+        showFeatureDisabledState();
+        return;
+      }
+      const { actor, force = true } = options;
+      const changed = await loadHistory({
+        force,
+        actorOverride: actor
+      });
+      if (!changed && state.items.length) {
+        updateLoadMoreVisibility();
+        return;
+      }
+      await renderInitial();
+    },
+    async loadMore() {
+      if (!state.featureEnabled) {
+        return [];
+      }
+      if (!state.items.length) {
+        return [];
+      }
+      await renderNextBatch();
+      return state.items.slice(0, state.cursor);
+    },
+    resume() {
+      updateLoadMoreVisibility();
+    },
+    pause() {
+      detachObserver();
+    },
+    destroy() {
+      detachObserver();
+      if (state.observer) {
+        state.observer.disconnect();
+        state.observer = null;
+      }
+      if (elements.grid && boundGridClickHandler) {
+        elements.grid.removeEventListener("click", boundGridClickHandler);
+        boundGridClickHandler = null;
+      }
+      if (elements.loadMore && boundLoadMoreHandler) {
+        elements.loadMore.removeEventListener("click", boundLoadMoreHandler);
+        boundLoadMoreHandler = null;
+      }
+      if (elements.clearButton && boundClearHandler) {
+        elements.clearButton.removeEventListener("click", boundClearHandler);
+        boundClearHandler = null;
+      }
+      if (elements.refreshButton && boundRefreshHandler) {
+        elements.refreshButton.removeEventListener("click", boundRefreshHandler);
+        boundRefreshHandler = null;
+      }
+      clearSubscriptions();
+      if (elements.grid) {
+        elements.grid.innerHTML = "";
+      }
+      clearHistoryCardRegistry();
+      state.initialized = false;
+      state.items = [];
+      state.cursor = 0;
+      state.hasMore = false;
+      rendererRef = null;
+      fingerprintRefreshQueued = false;
+    },
+    async handleRemove(pointerKeyValue) {
+      if (!pointerKeyValue) {
+        return;
+      }
+      const index = state.items.findIndex(
+        (entry) => entry.pointerKey === pointerKeyValue
+      );
+      if (index === -1) {
+        return;
+      }
+      const [removed] = state.items.splice(index, 1);
+      state.fingerprint = computeFingerprint(state.items);
+      state.cursor = Math.min(state.cursor, state.items.length);
+      state.hasMore = state.cursor < state.items.length;
+      const card = elements.grid?.querySelector(
+        `[data-pointer-key="${escapeSelector(pointerKeyValue)}"]`
+      );
+      const parentDay = card?.closest("[data-history-day]");
+      cleanupHistoryCard(pointerKeyValue);
+      if (card) {
+        card.remove();
+      }
+      removeEmptyDayContainers(elements.grid);
+      if (!state.items.length) {
+        showEmptyState();
+      } else {
+        updateLoadMoreVisibility();
+      }
+      const remainingItems = state.items.slice();
+      const actor = await resolveActorKey();
+      let refreshNeeded = true;
+      try {
+        const handler =
+          typeof remove === "function"
+            ? remove
+            : (payload) => defaultRemoveHandler(payload);
+        const result = await handler({
+          actor,
+          items: remainingItems,
+          removed,
+          pointerKey: pointerKeyValue,
+          snapshot,
+          reason: "remove-item"
+        });
+        const app = getAppInstance();
+        if (!result?.handledToasts) {
+          app?.showSuccess?.("Removed from watch history.");
+        }
+      } catch (error) {
+        const app = getAppInstance();
+        if (!error?.handled) {
+          app?.showError?.("Failed to remove from history. Reloading list.");
+        }
+        if (isDevEnv) {
+          userLogger.warn("[historyView] Removal failed:", error);
+        }
+      } finally {
+        if (parentDay instanceof HTMLElement) {
+          removeEmptyDayContainers(elements.grid);
+        }
+        if (refreshNeeded) {
+          try {
+            await this.refresh({ force: true });
+          } catch (error) {
+            if (isDevEnv) {
+              userLogger.warn(
+                "[historyView] Failed to refresh watch history after removal:",
+                error
+              );
+            }
+          }
+        }
+      }
+    },
+    async render() {
+      await renderInitial();
+    },
+    getState() {
+      return {
+        ...state,
+        items: state.items.slice()
+      };
+    }
+  };
+
+  rendererRef = renderer;
+  return renderer;
+}
+
+const watchHistoryRenderer = createWatchHistoryRenderer();
+
+export async function initHistoryView() {
+  const infoTrigger = document.getElementById("historyInfoTrigger");
+  if (infoTrigger) {
+    attachFeedInfoPopover(
+      infoTrigger,
+      "Chronological list of videos you have watched."
+    );
+  }
+  await watchHistoryRenderer.init();
+}
+
+if (typeof window !== "undefined") {
+  window.bitvid = window.bitvid || {};
+  window.bitvid.initHistoryView = initHistoryView;
+  window.bitvid.watchHistoryRenderer = watchHistoryRenderer;
+}
diff --git a/dist/js/index.js b/dist/js/index.js
new file mode 100644
index 00000000..2ddc12e3
--- /dev/null
+++ b/dist/js/index.js
@@ -0,0 +1,1411 @@
+// js/index.js
+
+import { validateInstanceConfig } from "../config/validate-config.js";
+import { ASSET_VERSION } from "../config/asset-version.js";
+import "./bufferPolyfill.js";
+import {
+  getApplication,
+  setApplication,
+  setApplicationReady,
+} from "./applicationContext.js";
+import nostrService from "./services/nostrService.js";
+import r2Service from "./services/r2Service.js";
+import s3UploadService from "./services/s3UploadService.js";
+import { loadView, viewInitRegistry } from "./viewManager.js";
+import { applyDesignSystemAttributes } from "./designSystem.js";
+import {
+  initThemeController,
+  refreshThemeControls,
+} from "./themeController.js";
+import { setHashView } from "./hashView.js";
+import { devLogger, userLogger } from "./utils/logger.js";
+import { parseFilterQuery } from "./search/searchFilters.js";
+import {
+  buildSearchHashFromState,
+  getSearchFilterState,
+  resetSearchFilters,
+  setSearchFilterState,
+} from "./search/searchFilterState.js";
+import {
+  prepareStaticModal,
+  openStaticModal,
+  closeStaticModal,
+} from "./ui/components/staticModalAccessibility.js";
+import {
+  BLOG_URL,
+  COMMUNITY_URL,
+  NOSTR_URL,
+  GITHUB_URL,
+  BETA_URL,
+  DNS_URL,
+  TIP_JAR_URL,
+  isLockdownMode,
+  LOCKDOWN_TITLE,
+  LOCKDOWN_MESSAGE,
+} from "./config.js";
+import { createHashChangeHandler } from "./hashChangeHandler.js";
+import AuthService from "./services/authService.js";
+import getAuthProvider, {
+  providers as authProviders,
+} from "./services/authProviders/index.js";
+import { accessControl } from "./accessControl.js";
+import { nostrClient } from "./nostrClientFacade.js";
+import { userBlocks } from "./userBlocks.js";
+import { relayManager } from "./relayManager.js";
+import createApplication from "./bootstrap.js";
+import SearchFilterModal from "./ui/components/SearchFilterModal.js";
+
+validateInstanceConfig();
+
+applyDesignSystemAttributes();
+initThemeController();
+
+let application = null;
+let applicationReadyPromise = Promise.resolve();
+
+const LOCKDOWN_MODAL_ID = "lockdownModal";
+const LOCKDOWN_LOGIN_BUTTON_ID = "lockdownLoginButton";
+const LOCKDOWN_STATUS_ID = "lockdownStatusMessage";
+const LOCKDOWN_ERROR_ID = "lockdownErrorMessage";
+
+let lockdownAuthService = null;
+let lockdownAccessControlPromise = null;
+let lockdownResumePromise = null;
+
+const bindOptionalExternalLink = ({ selector, url, label }) => {
+  const element = document.querySelector(selector);
+  const sanitizedUrl = typeof url === "string" ? url.trim() : "";
+
+  if (!(element instanceof HTMLAnchorElement)) {
+    if (sanitizedUrl) {
+      userLogger.warn(
+        `${label} not found; skipping external link binding.`,
+      );
+    }
+    return;
+  }
+
+  if (!sanitizedUrl) {
+    element.remove();
+    return;
+  }
+
+  element.href = sanitizedUrl;
+  element.target = "_blank";
+  element.rel = "noopener noreferrer";
+};
+
+function ensureLockdownAccessControlReady() {
+  if (lockdownAccessControlPromise) {
+    return lockdownAccessControlPromise;
+  }
+
+  lockdownAccessControlPromise = accessControl
+    .refresh()
+    .then(
+      () => true,
+      (error) => {
+        devLogger.error(
+          "[Lockdown] Failed to refresh admin lists before login attempt:",
+          error,
+        );
+        return false;
+      },
+    );
+
+  return lockdownAccessControlPromise;
+}
+
+function getLockdownAuthService() {
+  if (lockdownAuthService) {
+    return lockdownAuthService;
+  }
+
+  const service = new AuthService({
+    nostrClient,
+    userBlocks,
+    relayManager,
+    logger: devLogger,
+    accessControl,
+    authProviders,
+    getAuthProvider,
+  });
+
+  try {
+    service.hydrateFromStorage();
+  } catch (error) {
+    devLogger.warn("[Lockdown] Failed to hydrate auth state from storage:", error);
+  }
+
+  lockdownAuthService = service;
+  return service;
+}
+
+function setLockdownStatusMessage(message) {
+  const statusNode = document.getElementById(LOCKDOWN_STATUS_ID);
+  if (!(statusNode instanceof HTMLElement)) {
+    return;
+  }
+
+  const text = typeof message === "string" ? message.trim() : "";
+  if (text) {
+    statusNode.textContent = text;
+    statusNode.classList.remove("hidden");
+  } else {
+    statusNode.textContent = "";
+    statusNode.classList.add("hidden");
+  }
+}
+
+function setLockdownErrorMessage(message) {
+  const errorNode = document.getElementById(LOCKDOWN_ERROR_ID);
+  if (!(errorNode instanceof HTMLElement)) {
+    return;
+  }
+
+  const text = typeof message === "string" ? message.trim() : "";
+  if (text) {
+    errorNode.textContent = text;
+    errorNode.classList.remove("hidden");
+  } else {
+    errorNode.textContent = "";
+    errorNode.classList.add("hidden");
+  }
+}
+
+function resetLockdownError() {
+  setLockdownErrorMessage("");
+}
+
+function setLockdownLoginBusy(isBusy) {
+  const button = document.getElementById(LOCKDOWN_LOGIN_BUTTON_ID);
+  if (!(button instanceof HTMLButtonElement)) {
+    return;
+  }
+
+  const busy = Boolean(isBusy);
+  button.disabled = busy;
+  if (busy) {
+    button.setAttribute("aria-busy", "true");
+  } else {
+    button.removeAttribute("aria-busy");
+  }
+}
+
+async function tryAutoResumeLockdownSession() {
+  const authService = getLockdownAuthService();
+  if (!authService || typeof authService.getActivePubkey !== "function") {
+    return false;
+  }
+
+  const savedPubkey = authService.getActivePubkey();
+  if (!savedPubkey) {
+    return false;
+  }
+
+  resetLockdownError();
+  setLockdownLoginBusy(true);
+  setLockdownStatusMessage("Restoring your previous session…");
+
+  try {
+    await ensureLockdownAccessControlReady();
+    await authService.login(savedPubkey, { persistActive: false });
+    setLockdownStatusMessage("Administrator session restored. Loading bitvid…");
+    await resumeLockdownStartup();
+    return true;
+  } catch (error) {
+    devLogger.warn("[Lockdown] Stored session failed to resume:", error);
+    if (error && typeof error === "object") {
+      if (error.code === "site-lockdown") {
+        setLockdownErrorMessage(
+          "Stored credentials are no longer permitted during lockdown. Please sign in with an authorized administrator account.",
+        );
+      } else if (typeof error.message === "string" && error.message.trim()) {
+        setLockdownErrorMessage(error.message.trim());
+      }
+    }
+    return false;
+  } finally {
+    if (!lockdownResumePromise) {
+      setLockdownLoginBusy(false);
+      setLockdownStatusMessage("Administrator access is required to proceed.");
+    }
+  }
+}
+
+function resumeLockdownStartup() {
+  if (lockdownResumePromise) {
+    return lockdownResumePromise;
+  }
+
+  const modal = document.getElementById(LOCKDOWN_MODAL_ID);
+  const loginButton = document.getElementById(LOCKDOWN_LOGIN_BUTTON_ID);
+  if (loginButton instanceof HTMLButtonElement) {
+    loginButton.removeEventListener("click", handleLockdownLoginClick);
+  }
+
+  if (modal) {
+    closeStaticModal(modal);
+  }
+
+  lockdownResumePromise = Promise.resolve()
+    .then(() => initializeInterface())
+    .catch((error) => {
+      lockdownResumePromise = null;
+      userLogger.error("Failed to start bitvid after lockdown login:", error);
+      if (modal) {
+        openStaticModal(modal);
+      }
+      setLockdownLoginBusy(false);
+      setLockdownStatusMessage("Administrator access is required to proceed.");
+      setLockdownErrorMessage(
+        "We couldn't start the application. Please try again.",
+      );
+      throw error;
+    });
+
+  return lockdownResumePromise;
+}
+
+async function handleLockdownLoginClick(event) {
+  event.preventDefault();
+
+  resetLockdownError();
+  setLockdownStatusMessage("Requesting authorization from your Nostr extension…");
+  setLockdownLoginBusy(true);
+
+  let shouldReleaseButton = true;
+
+  try {
+    await ensureLockdownAccessControlReady();
+    const authService = getLockdownAuthService();
+    const result = await authService.requestLogin({ allowAccountSelection: true });
+    const pubkey =
+      result && typeof result === "object" && typeof result.pubkey === "string"
+        ? result.pubkey
+        : null;
+
+    if (!pubkey) {
+      setLockdownStatusMessage(
+        "No account was selected. Choose an authorized administrator profile to continue.",
+      );
+      return;
+    }
+
+    setLockdownStatusMessage("Login successful. Loading bitvid…");
+    shouldReleaseButton = false;
+    await resumeLockdownStartup();
+    return;
+  } catch (error) {
+    userLogger.error("Lockdown login failed:", error);
+    let message = "Failed to login. Please try again.";
+    if (error && typeof error === "object") {
+      if (error.code === "site-lockdown") {
+        message =
+          "Only administrators and moderators may sign in during lockdown. Try another account.";
+      } else if (error.code === "extension-permission-denied") {
+        message =
+          "The NIP-07 extension denied the permission request required to finish logging in.";
+      } else if (typeof error.message === "string" && error.message.trim()) {
+        message = error.message.trim();
+      }
+    }
+    setLockdownErrorMessage(message);
+    setLockdownStatusMessage("Administrator access is required to proceed.");
+  } finally {
+    if (shouldReleaseButton) {
+      setLockdownLoginBusy(false);
+    }
+  }
+}
+
+async function prepareLockdownInterface() {
+  ensureLockdownAccessControlReady();
+
+  try {
+    await loadModal("components/lockdown-modal.html");
+  } catch (error) {
+    userLogger.error("Failed to load lockdown modal markup:", error);
+    throw error;
+  }
+
+  const modal =
+    prepareStaticModal({ id: LOCKDOWN_MODAL_ID }) ||
+    document.getElementById(LOCKDOWN_MODAL_ID);
+  if (!(modal instanceof HTMLElement)) {
+    throw new Error("Lockdown modal markup is missing after load.");
+  }
+
+  const titleEl = document.getElementById("lockdownModalTitle");
+  if (titleEl) {
+    titleEl.textContent = LOCKDOWN_TITLE;
+  }
+
+  const messageEl = document.getElementById("lockdownModalMessage");
+  if (messageEl) {
+    messageEl.textContent = LOCKDOWN_MESSAGE;
+  }
+
+  const loginButton = modal.querySelector("[data-lockdown-login]");
+  if (loginButton instanceof HTMLButtonElement) {
+    loginButton.addEventListener("click", handleLockdownLoginClick);
+  } else {
+    devLogger.warn(
+      "[Lockdown] Login button not found inside lockdown modal. Users cannot sign in.",
+    );
+  }
+
+  openStaticModal(modal);
+  resetLockdownError();
+  setLockdownStatusMessage("Administrator access is required to proceed.");
+  setLockdownLoginBusy(false);
+
+  const autoResumed = await tryAutoResumeLockdownSession();
+  if (autoResumed) {
+    return;
+  }
+
+  if (loginButton instanceof HTMLButtonElement && typeof window !== "undefined") {
+    window.requestAnimationFrame(() => {
+      try {
+        loginButton.focus();
+      } catch (error) {
+        devLogger.warn("[Lockdown] Failed to focus lockdown login button:", error);
+      }
+    });
+  }
+}
+
+function startApplication() {
+  if (application) {
+    return applicationReadyPromise;
+  }
+
+  const startupPromise = (async () => {
+    application = await createApplication({
+      services: {
+        nostrService,
+        r2Service,
+        s3Service: s3UploadService,
+      },
+      loadView,
+    });
+
+    setApplication(application);
+
+    await application.init();
+    if (typeof application.start === "function") {
+      await application.start();
+    }
+  })();
+
+  applicationReadyPromise = startupPromise;
+  setApplicationReady(startupPromise);
+
+  startupPromise.catch((error) => {
+    userLogger.error("Application failed to initialize:", error);
+  });
+
+  return startupPromise;
+}
+
+function wasBackForwardNavigation(event) {
+  if (event?.persisted) {
+    return true;
+  }
+
+  if (typeof window === "undefined" || !window.performance) {
+    return false;
+  }
+
+  if (typeof window.performance.getEntriesByType === "function") {
+    try {
+      const navigationEntries = window.performance.getEntriesByType("navigation");
+      if (Array.isArray(navigationEntries) && navigationEntries.length) {
+        const latestEntry = navigationEntries[navigationEntries.length - 1];
+        if (latestEntry && latestEntry.type === "back_forward") {
+          return true;
+        }
+      }
+    } catch (error) {
+      devLogger.warn("[pageshow] Failed to inspect navigation entries:", error);
+    }
+  }
+
+  const navigation = window.performance.navigation;
+  if (!navigation || typeof navigation.type !== "number") {
+    return false;
+  }
+
+  const backForwardType =
+    typeof navigation.TYPE_BACK_FORWARD === "number"
+      ? navigation.TYPE_BACK_FORWARD
+      : 2;
+
+  return navigation.type === backForwardType;
+}
+
+function handlePageShow(event) {
+  if (!wasBackForwardNavigation(event)) {
+    return;
+  }
+
+  if (!application) {
+    return;
+  }
+
+  Promise.resolve(applicationReadyPromise)
+    .catch(() => {})
+    .then(() => {
+      if (!application) {
+        return null;
+      }
+
+      try {
+        application.refreshVisibleModerationUi?.({ reason: "pageshow" });
+      } catch (error) {
+        devLogger.warn("[pageshow] Failed to refresh moderation UI after resume:", error);
+      }
+
+      if (typeof application.refreshAllVideoGrids !== "function") {
+        return null;
+      }
+
+      return application
+        .refreshAllVideoGrids({ reason: "pageshow", forceMainReload: true })
+        .catch((error) => {
+          devLogger.warn("[pageshow] Failed to refresh video grids after resume:", error);
+        });
+    })
+    .catch((error) => {
+      devLogger.warn("[pageshow] Failed to process resume refresh:", error);
+    });
+}
+
+if (typeof window !== "undefined" && typeof window.addEventListener === "function") {
+  window.addEventListener("pageshow", handlePageShow);
+}
+
+const INTERFACE_FADE_IN_ANIMATION = "interface-fade-in";
+const VIDEO_THUMBNAIL_FADE_IN_ANIMATION = "video-thumbnail-fade-in";
+
+//
+// Centralized animation cleanup
+// ------------------------------
+// We attach a single capture-phase listener for animation events so that any
+// chrome element or thumbnail using our fade-in helpers can automatically shed
+// the temporary classes/data attributes that trigger the transition. This is
+// critical because these DOM nodes frequently persist while the surrounding
+// lists re-render; if the classes stick around, future layout shuffles would
+// replay the fade and make the UI flicker. Clearing the hooks immediately after
+// the first animation keeps the graceful entrance without introducing future
+// flashes.
+const handleFadeInAnimationComplete = (event) => {
+  const { animationName, target } = event;
+
+  if (!(target instanceof HTMLElement)) {
+    return;
+  }
+
+  if (animationName === INTERFACE_FADE_IN_ANIMATION) {
+    if (!target.classList.contains("fade-in")) {
+      return;
+    }
+
+    // Remove the transient fade-in class so future renders keep the element
+    // visible. The delays piggyback on `fade-in`, so we strip those too.
+    target.classList.remove("fade-in");
+    Array.from(target.classList).forEach((className) => {
+      if (className.startsWith("fade-in-delay-")) {
+        target.classList.remove(className);
+      }
+    });
+    return;
+  }
+
+  if (animationName !== VIDEO_THUMBNAIL_FADE_IN_ANIMATION) {
+    return;
+  }
+
+  if (
+    target.dataset &&
+    target.dataset.videoThumbnail === "true" &&
+    target.dataset.thumbnailLoaded === "true"
+  ) {
+    // Thumbnails use the same pattern: once the fade finishes we clear the flag
+    // so a later `load` event (or template reuse) does not restart the
+    // animation.
+    delete target.dataset.thumbnailLoaded;
+  }
+};
+
+document.addEventListener("animationend", handleFadeInAnimationComplete, true);
+document.addEventListener("animationcancel", handleFadeInAnimationComplete, true);
+
+// 1) Load modals (login, application, etc.)
+const withAssetVersion = (url) => {
+  if (typeof url !== "string" || url.length === 0) {
+    return url;
+  }
+
+  const separator = url.includes("?") ? "&" : "?";
+  return `${url}${separator}v=${encodeURIComponent(ASSET_VERSION)}`;
+};
+
+const fetchPartial = async (url) => {
+  const response = await fetch(withAssetVersion(url), { cache: "no-store" });
+  if (!response.ok) {
+    throw new Error("Failed to load " + url);
+  }
+  return response.text();
+};
+
+async function loadModal(url) {
+  try {
+    const html = await fetchPartial(url);
+    document
+      .getElementById("modalContainer")
+      .insertAdjacentHTML("beforeend", html);
+    const modalContainer = document.getElementById("modalContainer");
+    if (modalContainer) {
+      applyDesignSystemAttributes(modalContainer);
+      refreshThemeControls(modalContainer);
+    }
+    devLogger.log(url, "loaded");
+  } catch (err) {
+    userLogger.error(err);
+  }
+}
+
+// 2) Load sidebar
+async function loadSidebar(url, containerId) {
+  try {
+    const html = await fetchPartial(url);
+    const container = document.getElementById(containerId);
+    if (container) {
+      container.innerHTML = html;
+      applyDesignSystemAttributes(container);
+      refreshThemeControls(container);
+    }
+    devLogger.log(url, "loaded into", containerId);
+  } catch (err) {
+    userLogger.error(err);
+  }
+}
+
+// 3) Load the disclaimer (now separate)
+async function loadDisclaimer(url, containerId) {
+  try {
+    const html = await fetchPartial(url);
+    const container = document.getElementById(containerId);
+    if (container) {
+      container.insertAdjacentHTML("beforeend", html);
+      applyDesignSystemAttributes(container);
+      refreshThemeControls(container);
+    }
+    devLogger.log(url, "disclaimer loaded into", containerId);
+  } catch (err) {
+    userLogger.error(err);
+  }
+}
+
+async function bootstrapInterface() {
+  await Promise.all([
+    loadModal("components/login-modal.html"),
+    loadModal("components/application-form.html"),
+    loadModal("components/content-appeals-form.html"),
+    loadModal("components/general-feedback-form.html"),
+    loadModal("components/feature-request-form.html"),
+    loadModal("components/bug-fix-form.html"),
+    loadModal("components/search-filter-modal.html"),
+  ]);
+
+  devLogger.log("Modals loaded.");
+
+  if (
+    application &&
+    typeof application.initializeLoginModalController === "function"
+  ) {
+    try {
+      application.initializeLoginModalController();
+    } catch (error) {
+      devLogger.error(
+        "[Interface] Failed to initialize login modal controller after loading markup:",
+        error,
+      );
+    }
+  }
+
+  [
+    "loginModal",
+    "nostrFormModal",
+    "contentAppealsModal",
+    "generalFeedbackModal",
+    "featureRequestModal",
+    "bugFixModal",
+  ].forEach((id) => {
+    prepareStaticModal({ id });
+  });
+
+  await loadSidebar("components/sidebar.html", "sidebarContainer");
+  devLogger.log("Sidebar loaded.");
+
+  const sidebar = document.getElementById("sidebar");
+  const collapseToggle = document.getElementById("sidebarCollapseToggle");
+  if (sidebar && !sidebar.hasAttribute("data-footer-state")) {
+    sidebar.setAttribute("data-footer-state", "collapsed");
+  }
+  if (!collapseToggle) {
+    userLogger.warn("Sidebar collapse toggle not found; skipping density controls.");
+  }
+
+  const SIDEBAR_COLLAPSED_STORAGE_KEY = "sidebarCollapsed";
+  const DEFAULT_SIDEBAR_COLLAPSED = true;
+  const DESKTOP_VIEWPORT_MIN_WIDTH = 1024;
+  const DESKTOP_VIEWPORT_QUERY = "(min-width: 1024px)";
+  let desktopViewportQuery = null;
+  let isSidebarCollapsed = DEFAULT_SIDEBAR_COLLAPSED;
+  let isFooterDropupExpanded = false;
+  let syncFooterDropupFn = null;
+
+  const readStoredSidebarCollapsed = () => {
+    try {
+      const storedValue = localStorage.getItem(SIDEBAR_COLLAPSED_STORAGE_KEY);
+      if (storedValue === null) {
+        return DEFAULT_SIDEBAR_COLLAPSED;
+      }
+      return storedValue === "true";
+    } catch (error) {
+      userLogger.warn("Unable to read sidebar collapse state from storage:", error);
+      return DEFAULT_SIDEBAR_COLLAPSED;
+    }
+  };
+
+  const persistSidebarCollapsed = (collapsed) => {
+    try {
+      localStorage.setItem(
+        SIDEBAR_COLLAPSED_STORAGE_KEY,
+        collapsed ? "true" : "false",
+      );
+    } catch (error) {
+      userLogger.warn("Unable to persist sidebar collapse state:", error);
+    }
+  };
+
+  const applySidebarDensity = (collapsed) => {
+    const state = collapsed ? "collapsed" : "expanded";
+    const toggleTargets = new Set(
+      [document.documentElement, document.body, sidebar].filter(
+        (element) => element instanceof HTMLElement
+      ),
+    );
+
+    const appShell = document.getElementById("app");
+    if (appShell instanceof HTMLElement) {
+      toggleTargets.add(appShell);
+      appShell.dataset.sidebarState = state;
+      appShell.classList.toggle("sidebar-collapsed", collapsed);
+      appShell.classList.toggle("sidebar-expanded", !collapsed);
+    }
+
+    toggleTargets.forEach((element) => {
+      element.classList.toggle("sidebar-collapsed", collapsed);
+      element.classList.toggle("sidebar-expanded", !collapsed);
+      element.setAttribute("data-state", state);
+    });
+
+    if (collapseToggle) {
+      const actionLabel = collapsed ? "Expand sidebar" : "Collapse sidebar";
+      collapseToggle.setAttribute("aria-expanded", collapsed ? "false" : "true");
+      collapseToggle.setAttribute("data-state", state);
+      collapseToggle.setAttribute("aria-label", actionLabel);
+      collapseToggle.setAttribute("title", actionLabel);
+    }
+
+    if (
+      collapsed &&
+      isFooterDropupExpanded &&
+      typeof syncFooterDropupFn === "function"
+    ) {
+      syncFooterDropupFn(false);
+    }
+  };
+
+  const isDesktopViewportActive = () => {
+    if (typeof window === "undefined") {
+      return false;
+    }
+
+    if (desktopViewportQuery === null && typeof window.matchMedia === "function") {
+      try {
+        desktopViewportQuery = window.matchMedia(DESKTOP_VIEWPORT_QUERY);
+      } catch (error) {
+        desktopViewportQuery = null;
+      }
+    }
+
+    if (desktopViewportQuery) {
+      return desktopViewportQuery.matches === true;
+    }
+
+    if (typeof window.innerWidth === "number") {
+      return window.innerWidth >= DESKTOP_VIEWPORT_MIN_WIDTH;
+    }
+
+    return false;
+  };
+
+  const shouldAutoCollapseSidebarOnAction = () => !isDesktopViewportActive();
+
+  const collapseSidebarForMobile = () => {
+    if (!shouldAutoCollapseSidebarOnAction()) {
+      return;
+    }
+
+    if (!isSidebarCollapsed) {
+      const nextCollapsed = true;
+      isSidebarCollapsed = nextCollapsed;
+      applySidebarDensity(nextCollapsed);
+      persistSidebarCollapsed(nextCollapsed);
+      return;
+    }
+
+    if (isFooterDropupExpanded && typeof syncFooterDropupFn === "function") {
+      syncFooterDropupFn(false);
+    }
+    persistSidebarCollapsed(true);
+  };
+
+  isSidebarCollapsed = collapseToggle
+    ? readStoredSidebarCollapsed()
+    : DEFAULT_SIDEBAR_COLLAPSED;
+
+  applySidebarDensity(isSidebarCollapsed);
+
+  if (collapseToggle) {
+    collapseToggle.addEventListener("click", (event) => {
+      event.preventDefault();
+      const nextCollapsed = !isSidebarCollapsed;
+      isSidebarCollapsed = nextCollapsed;
+      applySidebarDensity(nextCollapsed);
+      persistSidebarCollapsed(nextCollapsed);
+    });
+  }
+
+  if (sidebar) {
+    sidebar.addEventListener("click", (event) => {
+      if (!shouldAutoCollapseSidebarOnAction()) {
+        return;
+      }
+
+      const target = event.target;
+      if (!(target instanceof Element)) {
+        return;
+      }
+
+      const navLink = target.closest(".sidebar-nav-link");
+      if (!(navLink instanceof HTMLElement)) {
+        return;
+      }
+
+      collapseSidebarForMobile();
+    });
+  }
+
+  const footerDropdownButton = document.getElementById("footerDropdownButton");
+  const footerLinksContainer = document.getElementById("footerLinksContainer");
+  const footerDropdownLabel = document.getElementById("footerDropdownText");
+  const footerDropdownIcon = document.getElementById("footerDropdownIcon");
+
+  const debounce = (fn, delay) => {
+    let timeoutId = null;
+    return (...args) => {
+      if (timeoutId !== null) {
+        window.clearTimeout(timeoutId);
+      }
+      timeoutId = window.setTimeout(() => {
+        timeoutId = null;
+        fn(...args);
+      }, delay);
+    };
+  };
+
+  const sidebarDropupStyleState = (() => {
+    let styleNode = null;
+    let rootWidthRule = "";
+    const measureRules = new Map();
+
+    const ensureStyleNode = () => {
+      if (styleNode && styleNode.isConnected) {
+        return styleNode;
+      }
+      styleNode = document.getElementById("sidebarDropupStyles");
+      if (!(styleNode instanceof HTMLStyleElement)) {
+        styleNode = document.createElement("style");
+        styleNode.id = "sidebarDropupStyles";
+        document.head.appendChild(styleNode);
+      }
+      return styleNode;
+    };
+
+    const updateStyles = () => {
+      const node = ensureStyleNode();
+      const rules = [rootWidthRule, ...measureRules.values()].filter(Boolean);
+      node.textContent = rules.join("\n");
+    };
+
+    return {
+      setRootWidth: (value) => {
+        rootWidthRule = `:root { --sidebar-dropup-content-width: ${value}; }`;
+        updateStyles();
+      },
+      setMeasureWidth: (id, value) => {
+        measureRules.set(
+          id,
+          `.sidebar-dropup-measure[data-measure-id="${id}"] { width: ${value}; }`,
+        );
+        updateStyles();
+      },
+      clearMeasure: (id) => {
+        measureRules.delete(id);
+        updateStyles();
+      },
+    };
+  })();
+
+  let sidebarDropupMeasureId = 0;
+
+  const resolveCssLengthToPixels = (value, container) => {
+    if (!(container instanceof HTMLElement) || typeof value !== "string") {
+      return 0;
+    }
+
+    const measurementNode = container.ownerDocument.createElement("div");
+    sidebarDropupMeasureId += 1;
+    const measureId = `sidebar-dropup-measure-${sidebarDropupMeasureId}`;
+    measurementNode.classList.add("sidebar-dropup-measure");
+    measurementNode.dataset.measureId = measureId;
+    sidebarDropupStyleState.setMeasureWidth(measureId, value);
+
+    container.appendChild(measurementNode);
+    const pixels = measurementNode.getBoundingClientRect().width;
+    container.removeChild(measurementNode);
+    sidebarDropupStyleState.clearMeasure(measureId);
+
+    return Number.isFinite(pixels) ? pixels : 0;
+  };
+
+  const updateSidebarDropupContentWidth = () => {
+    const panelInner = document.querySelector(".sidebar-dropup-panel__inner");
+    const panel = panelInner?.closest(".sidebar-dropup-panel");
+
+    if (!(panelInner instanceof HTMLElement) || !(panel instanceof HTMLElement)) {
+      sidebarDropupStyleState.setRootWidth("0px");
+      return;
+    }
+
+    panelInner.classList.add("is-measuring");
+    const measuredInnerWidth = Math.ceil(panelInner.scrollWidth);
+    panelInner.classList.remove("is-measuring");
+
+    const panelStyles = window.getComputedStyle(panel);
+    const paddingInlineStart = Number.parseFloat(panelStyles.paddingInlineStart) || 0;
+    const paddingInlineEnd = Number.parseFloat(panelStyles.paddingInlineEnd) || 0;
+
+    const scrollReserveValue = window
+      .getComputedStyle(panel)
+      .getPropertyValue("--space-sidebar-dropup-scroll-reserve");
+    const scrollReserve = resolveCssLengthToPixels(scrollReserveValue, panel);
+
+    const totalWidth = Math.max(
+      0,
+      measuredInnerWidth + paddingInlineStart + paddingInlineEnd + scrollReserve,
+    );
+
+    sidebarDropupStyleState.setRootWidth(`${Math.ceil(totalWidth)}px`);
+  };
+
+  const debouncedSidebarDropupResize = debounce(updateSidebarDropupContentWidth, 150);
+  window.addEventListener("resize", debouncedSidebarDropupResize);
+
+  if (footerDropdownButton && footerLinksContainer) {
+    const sidebarFooter = footerDropdownButton.closest(".sidebar-footer");
+
+    syncFooterDropupFn = (expanded) => {
+      const nextState = expanded ? "expanded" : "collapsed";
+      const actionLabel = expanded ? "Show fewer sidebar links" : "Show more sidebar links";
+
+      footerDropdownButton.setAttribute("aria-expanded", expanded ? "true" : "false");
+      footerDropdownButton.dataset.state = nextState;
+      footerDropdownButton.setAttribute("aria-label", actionLabel);
+      footerDropdownButton.setAttribute("title", actionLabel);
+
+      if (footerDropdownLabel) {
+        footerDropdownLabel.textContent = expanded ? "Less" : "More";
+      }
+
+      if (footerDropdownIcon) {
+        footerDropdownIcon.classList.toggle("is-rotated", expanded);
+      }
+
+      footerLinksContainer.classList.remove("hidden");
+      footerLinksContainer.setAttribute("aria-hidden", expanded ? "false" : "true");
+      footerLinksContainer.dataset.state = nextState;
+
+      if (sidebar) {
+        sidebar.setAttribute("data-footer-state", nextState);
+      }
+
+      if (sidebarFooter instanceof HTMLElement) {
+        sidebarFooter.dataset.footerState = nextState;
+      }
+      isFooterDropupExpanded = expanded;
+      updateSidebarDropupContentWidth();
+    };
+
+    footerDropdownButton.addEventListener("click", (event) => {
+      event.preventDefault();
+      const expanded = footerDropdownButton.getAttribute("aria-expanded") === "true";
+
+      if (isSidebarCollapsed && !expanded) {
+        const nextCollapsed = false;
+        isSidebarCollapsed = nextCollapsed;
+        applySidebarDensity(nextCollapsed);
+        persistSidebarCollapsed(nextCollapsed);
+      }
+
+      if (typeof syncFooterDropupFn === "function") {
+        syncFooterDropupFn(!expanded);
+      }
+    });
+
+    const initialExpanded = footerDropdownButton.getAttribute("aria-expanded") === "true";
+    if (typeof syncFooterDropupFn === "function") {
+      syncFooterDropupFn(initialExpanded);
+    }
+  } else {
+    updateSidebarDropupContentWidth();
+  }
+
+  try {
+    await applicationReadyPromise;
+  } catch (error) {
+    // fall through
+  }
+
+  if (application && typeof application.hydrateSidebarNavigation === "function") {
+    try {
+      application.hydrateSidebarNavigation();
+    } catch (error) {
+      devLogger.warn("[Interface] Failed to hydrate sidebar navigation:", error);
+    }
+  }
+
+  bindOptionalExternalLink({
+    selector: "[data-blog-link]",
+    url: BLOG_URL,
+    label: "Sidebar blog link",
+  });
+
+  bindOptionalExternalLink({
+    selector: "[data-nostr-link]",
+    url: NOSTR_URL,
+    label: "Sidebar Nostr link",
+  });
+
+  bindOptionalExternalLink({
+    selector: "[data-community-link]",
+    url: COMMUNITY_URL,
+    label: "Sidebar community link",
+  });
+
+  bindOptionalExternalLink({
+    selector: "[data-github-link]",
+    url: GITHUB_URL,
+    label: "Sidebar GitHub link",
+  });
+
+  bindOptionalExternalLink({
+    selector: "[data-beta-link]",
+    url: BETA_URL,
+    label: "Sidebar Beta link",
+  });
+
+  bindOptionalExternalLink({
+    selector: "[data-dns-link]",
+    url: DNS_URL,
+    label: "Sidebar DNS link",
+  });
+
+  bindOptionalExternalLink({
+    selector: "[data-tip-jar-link]",
+    url: TIP_JAR_URL,
+    label: "Sidebar Tip Jar link",
+  });
+
+  const headerSearchForm = document.getElementById("headerSearchForm");
+  if (headerSearchForm) {
+    headerSearchForm.addEventListener("submit", async (event) => {
+      event.preventDefault();
+
+      try {
+        await applicationReadyPromise;
+      } catch (error) {
+        // Continue even if app fails full initialization, if possible.
+      }
+
+      const input = document.getElementById("headerSearchInput");
+      const query = input && input.value ? input.value.trim() : "";
+
+      if (!query) {
+        return;
+      }
+
+      // Check if it's an npub
+      try {
+        if (
+          window.NostrTools &&
+          window.NostrTools.nip19 &&
+          query.startsWith("npub1")
+        ) {
+          const decoded = window.NostrTools.nip19.decode(query);
+          if (decoded && decoded.type === "npub") {
+            setHashView(`channel-profile&npub=${encodeURIComponent(query)}`);
+            return;
+          }
+        }
+      } catch (error) {
+        // Not a valid npub, proceed to search
+      }
+
+      const parsedFilters = parseFilterQuery(query);
+      if (parsedFilters.errors.length > 0) {
+        devLogger.warn("[Search] Filter parsing errors", parsedFilters.errors);
+      }
+      const nextState = {
+        text: parsedFilters.text || "",
+        filters: parsedFilters.filters,
+      };
+      setSearchFilterState(nextState);
+      setHashView(buildSearchHashFromState(nextState));
+    });
+  }
+
+  // Mobile Search Logic
+  const mobileSearchFab = document.getElementById("mobileSearchFab");
+  const mobileSearchContainer = document.getElementById(
+    "mobileSearchContainer",
+  );
+  const mobileSearchForm = document.getElementById("mobileSearchForm");
+  const mobileSearchInput = document.getElementById("mobileSearchInput");
+
+  if (mobileSearchFab && mobileSearchContainer) {
+    const openMobileSearch = () => {
+      mobileSearchFab.classList.add("hidden");
+      mobileSearchContainer.classList.remove("hidden");
+      if (mobileSearchInput) {
+        mobileSearchInput.focus();
+      }
+    };
+
+    const closeMobileSearch = () => {
+      mobileSearchContainer.classList.add("hidden");
+      mobileSearchFab.classList.remove("hidden");
+    };
+
+    mobileSearchFab.addEventListener("click", (e) => {
+      e.stopPropagation(); // Prevent document click from immediately closing it
+      openMobileSearch();
+    });
+
+    // Close when clicking outside
+    document.addEventListener("click", (event) => {
+      // If mobile search is not visible, do nothing
+      if (mobileSearchContainer.classList.contains("hidden")) {
+        return;
+      }
+
+      // If click is on the FAB, do nothing (handled by FAB listener)
+      if (mobileSearchFab.contains(event.target)) {
+        return;
+      }
+
+      // If click is inside the search container, do nothing
+      if (mobileSearchContainer.contains(event.target)) {
+        return;
+      }
+
+      // Otherwise, close it
+      closeMobileSearch();
+    });
+
+    // Prevent clicks inside the container from closing it (redundant with above check but safe)
+    mobileSearchContainer.addEventListener("click", (e) => {
+      e.stopPropagation();
+    });
+  }
+
+  if (mobileSearchForm) {
+    mobileSearchForm.addEventListener("submit", async (event) => {
+      event.preventDefault();
+
+      try {
+        await applicationReadyPromise;
+      } catch (error) {
+        // Continue even if app fails full initialization, if possible.
+      }
+
+      const query =
+        mobileSearchInput && mobileSearchInput.value
+          ? mobileSearchInput.value.trim()
+          : "";
+
+      if (!query) {
+        return;
+      }
+
+      // Check if it's an npub (Copy logic from headerSearchForm)
+      try {
+        if (
+          window.NostrTools &&
+          window.NostrTools.nip19 &&
+          query.startsWith("npub1")
+        ) {
+          const decoded = window.NostrTools.nip19.decode(query);
+          if (decoded && decoded.type === "npub") {
+            setHashView(`channel-profile&npub=${encodeURIComponent(query)}`);
+            // Close search on submit
+            mobileSearchContainer.classList.add("hidden");
+            mobileSearchFab.classList.remove("hidden");
+            return;
+          }
+        }
+      } catch (error) {
+        // Not a valid npub, proceed to search
+      }
+
+      const parsedFilters = parseFilterQuery(query);
+      if (parsedFilters.errors.length > 0) {
+        devLogger.warn("[Search] Filter parsing errors", parsedFilters.errors);
+      }
+      const nextState = {
+        text: parsedFilters.text || "",
+        filters: parsedFilters.filters,
+      };
+      setSearchFilterState(nextState);
+      setHashView(buildSearchHashFromState(nextState));
+      // Close search on submit
+      mobileSearchContainer.classList.add("hidden");
+      mobileSearchFab.classList.remove("hidden");
+    });
+  }
+
+  SearchFilterModal.init();
+
+  const searchFilterButtons = document.querySelectorAll(".header-search__filter");
+  searchFilterButtons.forEach((button) => {
+    button.addEventListener("click", (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      SearchFilterModal.open();
+    });
+  });
+
+  try {
+    const sidebarModule = await import("./sidebar.js");
+    if (typeof sidebarModule.setupSidebarNavigation === "function") {
+      sidebarModule.setupSidebarNavigation();
+    }
+  } catch (error) {
+    userLogger.error("Failed to set up sidebar navigation:", error);
+  }
+
+  await loadDisclaimer("components/disclaimer.html", "modalContainer");
+  devLogger.log("Disclaimer loaded.");
+  prepareStaticModal({ id: "disclaimerModal" });
+
+  const { default: disclaimerModal } = await import("./disclaimer.js");
+  disclaimerModal.init();
+
+  const loginNavBtn = document.getElementById("loginButton");
+  if (loginNavBtn) {
+    loginNavBtn.addEventListener("click", (event) => {
+      const loginModal =
+        prepareStaticModal({ id: "loginModal" }) ||
+        document.getElementById("loginModal");
+      if (loginModal) {
+        openStaticModal(loginModal, { triggerElement: event.currentTarget });
+      }
+    });
+  }
+
+  const closeLoginBtn = document.getElementById("closeLoginModal");
+  if (closeLoginBtn) {
+    closeLoginBtn.addEventListener("click", () => {
+      closeStaticModal("loginModal");
+    });
+  }
+
+  const openAppFormBtn = document.getElementById("openApplicationModal");
+  if (openAppFormBtn) {
+    openAppFormBtn.addEventListener("click", (event) => {
+      closeStaticModal("loginModal");
+      const appModal =
+        prepareStaticModal({ id: "nostrFormModal" }) ||
+        document.getElementById("nostrFormModal");
+      if (appModal) {
+        openStaticModal(appModal, { triggerElement: event.currentTarget });
+      }
+    });
+  }
+
+  const closeNostrFormBtn = document.getElementById("closeNostrFormModal");
+  if (closeNostrFormBtn) {
+    closeNostrFormBtn.addEventListener("click", () => {
+      closeStaticModal("nostrFormModal");
+      if (!localStorage.getItem("hasSeenDisclaimer")) {
+        const disclaimerModal = document.getElementById("disclaimerModal");
+        if (disclaimerModal) {
+          openStaticModal(disclaimerModal);
+        }
+      }
+    });
+  }
+
+  handleQueryParams();
+
+  window.addEventListener("hashchange", handleHashChange);
+
+  await handleHashChange();
+
+  disclaimerModal.show();
+}
+
+async function initializeInterface() {
+  startApplication();
+
+  try {
+    await bootstrapInterface();
+  } catch (error) {
+    userLogger.error("Failed to bootstrap bitvid interface:", error);
+  }
+}
+
+function onDomReady() {
+  if (isLockdownMode) {
+    prepareLockdownInterface().catch((error) => {
+      userLogger.error("Failed to initialize lockdown interface:", error);
+    });
+    return;
+  }
+
+  initializeInterface().catch((error) => {
+    userLogger.error("Unhandled error during bitvid initialization:", error);
+  });
+}
+
+if (document.readyState === "loading") {
+  document.addEventListener("DOMContentLoaded", onDomReady, { once: true });
+} else {
+  onDomReady();
+}
+
+/* -------------------------------------------
+   HELPER FUNCTIONS FOR QUERY AND HASH
+-------------------------------------------- */
+
+/**
+ * Check the current URL for ?modal=..., ?v=..., etc.
+ * Open the correct modals or disclaimers as needed.
+ */
+function handleQueryParams() {
+  const urlParams = new URLSearchParams(window.location.search);
+  const modalParam = urlParams.get("modal");
+
+  if (modalParam === "appeals") {
+    const appealsModal =
+      prepareStaticModal({ id: "contentAppealsModal" }) ||
+      document.getElementById("contentAppealsModal");
+    if (appealsModal) {
+      openStaticModal(appealsModal);
+    }
+    const closeAppealsBtn = document.getElementById("closeContentAppealsModal");
+    if (closeAppealsBtn) {
+      closeAppealsBtn.addEventListener("click", () => {
+        closeStaticModal("contentAppealsModal");
+        if (!localStorage.getItem("hasSeenDisclaimer")) {
+          const disclaimerModal = document.getElementById("disclaimerModal");
+          if (disclaimerModal) {
+            openStaticModal(disclaimerModal);
+          }
+        }
+      });
+    }
+  } else if (modalParam === "application") {
+    const appModal =
+      prepareStaticModal({ id: "nostrFormModal" }) ||
+      document.getElementById("nostrFormModal");
+    if (appModal) {
+      openStaticModal(appModal);
+    }
+  } else {
+    const hasSeenDisclaimer = localStorage.getItem("hasSeenDisclaimer");
+    if (!hasSeenDisclaimer) {
+      const disclaimerModal = document.getElementById("disclaimerModal");
+      if (disclaimerModal) {
+        openStaticModal(disclaimerModal);
+      }
+    }
+  }
+
+  if (modalParam === "feedback") {
+    const feedbackModal =
+      prepareStaticModal({ id: "generalFeedbackModal" }) ||
+      document.getElementById("generalFeedbackModal");
+    if (feedbackModal) {
+      openStaticModal(feedbackModal);
+    }
+  } else if (modalParam === "feature") {
+    const featureModal =
+      prepareStaticModal({ id: "featureRequestModal" }) ||
+      document.getElementById("featureRequestModal");
+    if (featureModal) {
+      openStaticModal(featureModal);
+    }
+  } else if (modalParam === "bug") {
+    const bugModal =
+      prepareStaticModal({ id: "bugFixModal" }) ||
+      document.getElementById("bugFixModal");
+    if (bugModal) {
+      openStaticModal(bugModal);
+    }
+  }
+
+  const closeFeedbackBtn = document.getElementById("closeGeneralFeedbackModal");
+  if (closeFeedbackBtn) {
+    closeFeedbackBtn.addEventListener("click", () => {
+      closeStaticModal("generalFeedbackModal");
+    });
+  }
+  const closeFeatureBtn = document.getElementById("closeFeatureRequestModal");
+  if (closeFeatureBtn) {
+    closeFeatureBtn.addEventListener("click", () => {
+      closeStaticModal("featureRequestModal");
+    });
+  }
+  const closeBugBtn = document.getElementById("closeBugFixModal");
+  if (closeBugBtn) {
+    closeBugBtn.addEventListener("click", () => {
+      closeStaticModal("bugFixModal");
+    });
+  }
+}
+
+const handleHashChange = createHashChangeHandler({
+  getApplication,
+  getApplicationReady: () => applicationReadyPromise,
+  loadView,
+  viewInitRegistry,
+  devLogger,
+  userLogger,
+});
diff --git a/dist/js/kidsView.js b/dist/js/kidsView.js
new file mode 100644
index 00000000..878cde50
--- /dev/null
+++ b/dist/js/kidsView.js
@@ -0,0 +1,119 @@
+import { attachFeedInfoPopover } from "./ui/components/FeedInfoPopover.js";
+
+const VIDEO_CARD_SELECTOR = "[data-component=\"video-card\"]";
+const EMPTY_STATE_SELECTOR = "[data-kids-empty-state]";
+const LOADING_SELECTOR = ".sidebar-loading-wrapper";
+
+class KidsView {
+  constructor({ document: doc = document } = {}) {
+    this.document = doc;
+    this.container = null;
+    this.observer = null;
+    this.handleMutation = this.handleMutation.bind(this);
+  }
+
+  init() {
+    this.container = this.document?.getElementById("videoList") || null;
+    if (!this.container) {
+      return;
+    }
+
+    this.observeContainer();
+    this.updateEmptyState();
+
+    const infoTrigger = this.document.getElementById("kidsInfoTrigger");
+    if (infoTrigger) {
+      attachFeedInfoPopover(
+        infoTrigger,
+        "Kid-friendly videos filtered for younger audiences."
+      );
+    }
+  }
+
+  observeContainer() {
+    if (!this.container || typeof MutationObserver === "undefined") {
+      return;
+    }
+
+    if (this.observer) {
+      this.observer.disconnect();
+    }
+
+    this.observer = new MutationObserver(this.handleMutation);
+    this.observer.observe(this.container, {
+      childList: true,
+      subtree: true,
+    });
+  }
+
+  handleMutation() {
+    this.updateEmptyState();
+  }
+
+  updateEmptyState() {
+    if (!this.container) {
+      return;
+    }
+
+    const hasVideos = Boolean(this.container.querySelector(VIDEO_CARD_SELECTOR));
+    const isLoading = Boolean(this.container.querySelector(LOADING_SELECTOR));
+    const existingEmptyState = this.container.querySelector(EMPTY_STATE_SELECTOR);
+
+    if (isLoading) {
+      if (existingEmptyState) {
+        existingEmptyState.remove();
+      }
+      return;
+    }
+
+    if (hasVideos) {
+      if (existingEmptyState) {
+        existingEmptyState.remove();
+      }
+      return;
+    }
+
+    if (existingEmptyState) {
+      return;
+    }
+
+    const emptyState = this.buildEmptyState();
+    if (emptyState) {
+      this.container.innerHTML = "";
+      this.container.appendChild(emptyState);
+    }
+  }
+
+  buildEmptyState() {
+    if (!this.document) {
+      return null;
+    }
+
+    const wrapper = this.document.createElement("div");
+    wrapper.className = "col-span-full";
+    wrapper.dataset.kidsEmptyState = "true";
+
+    const card = this.document.createElement("div");
+    card.className = "card p-lg text-center";
+
+    const title = this.document.createElement("h3");
+    title.className = "text-lg font-semibold text-text";
+    title.textContent = "No kids videos available yet.";
+
+    const copy = this.document.createElement("p");
+    copy.className = "mt-2 text-sm text-muted";
+    copy.textContent = "Check back soon for new kid-friendly videos.";
+
+    card.appendChild(title);
+    card.appendChild(copy);
+    wrapper.appendChild(card);
+
+    return wrapper;
+  }
+}
+
+export function initKidsView() {
+  const view = new KidsView();
+  view.init();
+  return view;
+}
diff --git a/dist/js/lists.js b/dist/js/lists.js
new file mode 100644
index 00000000..3b2cd8e1
--- /dev/null
+++ b/dist/js/lists.js
@@ -0,0 +1,7 @@
+// js/lists.js
+
+// Operators must manage admin lists through the Admin panel UI or remote
+// adapters.
+
+// Block specific events with the nevent
+export const ADMIN_INITIAL_EVENT_BLACKLIST = [];
diff --git a/dist/js/magnetShared.js b/dist/js/magnetShared.js
new file mode 100644
index 00000000..9dac666c
--- /dev/null
+++ b/dist/js/magnetShared.js
@@ -0,0 +1,420 @@
+import { WSS_TRACKERS } from "./constants.js";
+import {
+  safeDecodeURIComponent,
+  safeDecodeURIComponentLoose,
+} from "./utils/safeDecode.js";
+
+const HEX_INFO_HASH = /^[0-9a-f]{40}$/i;
+const BASE32_INFO_HASH = /^[a-z2-7]{32}$/i;
+const BTIH_PREFIX = "urn:btih:";
+const MAGNET_SCHEME = "magnet:";
+const ENCODED_BTih_PATTERN = /xt=urn%3Abtih%3A([0-9a-z]+)/gi;
+const BASE32_ALPHABET = "abcdefghijklmnopqrstuvwxyz234567";
+
+export function safeDecodeMagnet(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+
+  let decoded = value.trim();
+  if (!decoded) {
+    return "";
+  }
+
+  for (let i = 0; i < 2; i += 1) {
+    if (!decoded.includes("%")) {
+      break;
+    }
+
+    const candidate = safeDecodeURIComponent(decoded);
+    if (!candidate || candidate === decoded) {
+      break;
+    }
+    decoded = candidate.trim();
+  }
+
+  return decoded;
+}
+
+function normalizeForComparison(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return "";
+  }
+  try {
+    const parsed = new URL(trimmed);
+    const pathname = parsed.pathname.replace(/\/?$/, "");
+    const normalizedPath = pathname ? pathname : "";
+    return (
+      `${parsed.protocol}//${parsed.host}${normalizedPath}${parsed.search}${parsed.hash}`
+        .trim()
+        .toLowerCase()
+    );
+  } catch (err) {
+    return trimmed.replace(/\/?$/, "").toLowerCase();
+  }
+}
+
+function decodeBase32ToHex(value) {
+  if (typeof value !== "string" || !value) {
+    return "";
+  }
+
+  const normalized = value.toLowerCase();
+  let bits = 0;
+  let buffer = 0;
+  const bytes = [];
+
+  for (const char of normalized) {
+    const index = BASE32_ALPHABET.indexOf(char);
+    if (index === -1) {
+      return "";
+    }
+    buffer = (buffer << 5) | index;
+    bits += 5;
+    if (bits >= 8) {
+      bits -= 8;
+      const byte = (buffer >> bits) & 0xff;
+      bytes.push(byte);
+    }
+  }
+
+  if (!bytes.length) {
+    return "";
+  }
+
+  return bytes.map((byte) => byte.toString(16).padStart(2, "0")).join("");
+}
+
+export function normalizeInfoHash(value) {
+  const trimmed = typeof value === "string" ? value.trim() : "";
+  if (!trimmed) {
+    return "";
+  }
+  if (HEX_INFO_HASH.test(trimmed)) {
+    return trimmed.toLowerCase();
+  }
+  if (BASE32_INFO_HASH.test(trimmed)) {
+    const hex = decodeBase32ToHex(trimmed);
+    return hex ? hex.toLowerCase() : "";
+  }
+  return "";
+}
+
+function extractInfoHashFromXt(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return "";
+  }
+  const lower = trimmed.toLowerCase();
+  if (!lower.startsWith(BTIH_PREFIX)) {
+    return "";
+  }
+  return normalizeInfoHash(trimmed.slice(BTIH_PREFIX.length));
+}
+
+export function extractBtihFromMagnet(rawValue) {
+  const decoded = safeDecodeMagnet(rawValue);
+  const { initial, isMagnet, params } = normalizeMagnetInput(decoded);
+
+  if (!initial) {
+    return "";
+  }
+
+  if (!isMagnet) {
+    if (initial.toLowerCase().startsWith(BTIH_PREFIX)) {
+      return normalizeInfoHash(initial.slice(BTIH_PREFIX.length));
+    }
+    return normalizeInfoHash(initial);
+  }
+
+  for (const param of params) {
+    if (param.lowerKey !== "xt") {
+      continue;
+    }
+    const candidate = param.decoded || param.value;
+    const normalized = extractInfoHashFromXt(candidate);
+    if (normalized) {
+      return normalized;
+    }
+  }
+
+  return "";
+}
+
+function createParam(key, value) {
+  const trimmedValue = typeof value === "string" ? value.trim() : "";
+  const decoded = safeDecodeURIComponentLoose(trimmedValue);
+  const comparisonBasis = decoded || trimmedValue;
+  return {
+    key,
+    value: trimmedValue,
+    lowerKey: key.toLowerCase(),
+    decoded,
+    comparison: normalizeForComparison(comparisonBasis),
+  };
+}
+
+export function normalizeMagnetInput(rawValue) {
+  const initial = typeof rawValue === "string" ? rawValue.trim() : "";
+  if (!initial) {
+    return {
+      initial,
+      canonicalValue: "",
+      didMutate: false,
+      isMagnet: false,
+      normalizedScheme: "",
+      fragment: "",
+      params: [],
+    };
+  }
+
+  let working = initial;
+  let didMutate = false;
+
+  if (HEX_INFO_HASH.test(working)) {
+    working = `${MAGNET_SCHEME}?xt=${BTIH_PREFIX}${working.toLowerCase()}`;
+    didMutate = true;
+  }
+
+  ENCODED_BTih_PATTERN.lastIndex = 0;
+  const decodedXt = working.replace(ENCODED_BTih_PATTERN, (_, hash) => {
+    didMutate = true;
+    return `xt=${BTIH_PREFIX}${hash}`;
+  });
+  working = decodedXt;
+
+  let fragment = "";
+  const hashIndex = working.indexOf("#");
+  if (hashIndex !== -1) {
+    fragment = working.slice(hashIndex);
+    working = working.slice(0, hashIndex);
+  }
+
+  const canonicalValue = working;
+  if (!/^magnet:/i.test(working)) {
+    return {
+      initial,
+      canonicalValue,
+      didMutate: didMutate || canonicalValue !== initial,
+      isMagnet: false,
+      normalizedScheme: "",
+      fragment: "",
+      params: [],
+    };
+  }
+
+  const [schemePart, queryPart = ""] = working.split("?", 2);
+  const normalizedScheme = MAGNET_SCHEME;
+  if (schemePart !== normalizedScheme) {
+    didMutate = true;
+  }
+
+  const rawParams = queryPart
+    .split("&")
+    .map((part) => part.trim())
+    .filter(Boolean);
+
+  const params = [];
+  for (const rawParam of rawParams) {
+    const [rawKey, rawVal = ""] = rawParam.split("=", 2);
+    const key = rawKey.trim();
+    if (!key) {
+      continue;
+    }
+    const lowerKey = key.toLowerCase();
+    let value = rawVal.trim();
+    if (lowerKey === "xt" && value) {
+      const decoded = safeDecodeURIComponentLoose(value);
+      if (decoded && decoded !== value) {
+        value = decoded;
+        didMutate = true;
+      }
+    }
+    params.push(createParam(key, value));
+  }
+
+  return {
+    initial,
+    canonicalValue,
+    didMutate,
+    isMagnet: true,
+    normalizedScheme,
+    fragment,
+    params,
+  };
+}
+
+export function buildMagnetUri(normalizedScheme, params, fragment) {
+  const queryString = params
+    .map(({ key, value }) => (value ? `${key}=${value}` : key))
+    .join("&");
+  return `${normalizedScheme}${queryString ? `?${queryString}` : ""}${fragment || ""}`;
+}
+
+function appendUniqueParam(params, key, value) {
+  if (!Array.isArray(params)) {
+    return false;
+  }
+  const candidate = createParam(key, value);
+  if (!candidate.value && candidate.value !== "") {
+    return false;
+  }
+  if (candidate.comparison) {
+    const exists = params.some(
+      (param) => param.lowerKey === candidate.lowerKey && param.comparison === candidate.comparison
+    );
+    if (exists) {
+      return false;
+    }
+  } else {
+    const exists = params.some(
+      (param) => param.lowerKey === candidate.lowerKey && param.value === candidate.value
+    );
+    if (exists) {
+      return false;
+    }
+  }
+  params.push(candidate);
+  return true;
+}
+
+export function ensureTrackers(params, trackers = WSS_TRACKERS) {
+  let didMutate = false;
+  for (const tracker of trackers) {
+    if (typeof tracker !== "string") {
+      continue;
+    }
+    const trimmedTracker = tracker.trim();
+    if (!trimmedTracker) {
+      continue;
+    }
+    if (!/^wss:\/\//i.test(trimmedTracker)) {
+      continue;
+    }
+    if (appendUniqueParam(params, "tr", trimmedTracker)) {
+      didMutate = true;
+    }
+  }
+  return didMutate;
+}
+
+function sanitizeHttpUrl(candidate) {
+  if (typeof candidate !== "string") {
+    return "";
+  }
+  const trimmed = candidate.trim();
+  if (!trimmed) {
+    return "";
+  }
+  try {
+    const parsed = new URL(trimmed);
+    if (parsed.protocol === "http:" || parsed.protocol === "https:") {
+      return parsed.toString();
+    }
+  } catch (err) {
+    return "";
+  }
+  return "";
+}
+
+export function ensureTorrentHint(params, candidate, { requireHttp = true } = {}) {
+  if (requireHttp) {
+    const sanitized = sanitizeHttpUrl(candidate);
+    if (!sanitized) {
+      return false;
+    }
+    return appendUniqueParam(params, "xs", sanitized);
+  }
+
+  if (typeof candidate !== "string") {
+    return false;
+  }
+  const trimmed = candidate.trim();
+  if (!trimmed) {
+    return false;
+  }
+  return appendUniqueParam(params, "xs", trimmed);
+}
+
+export function resolveAppProtocol(explicitProtocol) {
+  if (typeof explicitProtocol === "string" && explicitProtocol.trim()) {
+    return explicitProtocol.trim().toLowerCase();
+  }
+  if (typeof window !== "undefined" && window.location?.protocol) {
+    return window.location.protocol.toLowerCase();
+  }
+  return "https:";
+}
+
+export function ensureWebSeeds(
+  params,
+  seeds,
+  { allowHttp = false, allowUnparsed = false, logger } = {}
+) {
+  const list = Array.isArray(seeds)
+    ? seeds
+    : typeof seeds === "string"
+      ? [seeds]
+      : [];
+  let didMutate = false;
+  for (const seed of list) {
+    if (typeof seed !== "string") {
+      continue;
+    }
+    const trimmedSeed = seed.trim();
+    if (!trimmedSeed) {
+      continue;
+    }
+    let finalValue = trimmedSeed;
+    let parsed;
+    try {
+      parsed = new URL(trimmedSeed);
+      const protocol = parsed.protocol;
+      if (protocol === "https:") {
+        finalValue = parsed.toString();
+      } else if (protocol === "http:") {
+        if (!allowHttp) {
+          if (typeof logger === "function") {
+            logger(`[normalizeAndAugmentMagnet] Skipping insecure web seed: ${trimmedSeed}`);
+          }
+          continue;
+        }
+        finalValue = parsed.toString();
+      } else if (!allowUnparsed) {
+        continue;
+      }
+    } catch (err) {
+      if (!allowUnparsed) {
+        continue;
+      }
+    }
+
+    if (appendUniqueParam(params, "ws", finalValue)) {
+      didMutate = true;
+    }
+  }
+  return didMutate;
+}
+
+export function extractMagnetHints(rawValue) {
+  const { params } = normalizeMagnetInput(rawValue);
+  const hints = { ws: "", xs: "" };
+  for (const param of params) {
+    if (param.lowerKey === "ws" && !hints.ws) {
+      hints.ws = param.decoded || param.value;
+    } else if (param.lowerKey === "xs" && !hints.xs) {
+      hints.xs = param.decoded || param.value;
+    }
+    if (hints.ws && hints.xs) {
+      break;
+    }
+  }
+  return hints;
+}
diff --git a/dist/js/magnetUtils.js b/dist/js/magnetUtils.js
new file mode 100644
index 00000000..939b6fd6
--- /dev/null
+++ b/dist/js/magnetUtils.js
@@ -0,0 +1,129 @@
+// js/magnetUtils.js
+
+import { WSS_TRACKERS } from "./constants.js";
+import {
+  buildMagnetUri,
+  ensureTrackers,
+  ensureTorrentHint,
+  ensureWebSeeds,
+  extractBtihFromMagnet as sharedExtractBtihFromMagnet,
+  normalizeMagnetInput,
+  normalizeInfoHash as sharedNormalizeInfoHash,
+  resolveAppProtocol,
+  safeDecodeMagnet as sharedSafeDecodeMagnet,
+} from "./magnetShared.js";
+
+export { WSS_TRACKERS };
+export const safeDecodeMagnet = sharedSafeDecodeMagnet;
+export const extractBtihFromMagnet = sharedExtractBtihFromMagnet;
+export const normalizeInfoHash = sharedNormalizeInfoHash;
+
+export function normalizeAndAugmentMagnet(
+  rawValue,
+  options = {}
+) {
+  const {
+    webSeed,
+    torrentUrl,
+    xs,
+    extraTrackers = [],
+    logger,
+    appProtocol,
+  } = options || {};
+
+  const safeExtraTrackers = Array.isArray(extraTrackers) ? extraTrackers : [];
+
+  const {
+    initial,
+    canonicalValue,
+    didMutate,
+    isMagnet,
+    normalizedScheme,
+    fragment,
+    params,
+  } = normalizeMagnetInput(rawValue);
+
+  if (!initial) {
+    return { magnet: "", didChange: false };
+  }
+
+  if (!isMagnet) {
+    const magnet = canonicalValue;
+    return {
+      magnet,
+      didChange: didMutate || magnet !== initial,
+    };
+  }
+
+  let didChange = didMutate;
+
+  if (ensureTrackers(params, [...WSS_TRACKERS, ...safeExtraTrackers])) {
+    didChange = true;
+  }
+
+  // Filter out known broken trackers to prevent console errors
+  const BROKEN_TRACKERS = [
+    "wss://tracker.dler.org/announce",
+    "wss://tracker.dler.org:443/announce",
+    "wss://tracker.ghostchu-services.top/announce",
+    "wss://tracker.ghostchu-services.top:443/announce",
+  ];
+
+  // We need to filter 'tr' params
+  // Since we don't have a remove function in shared, we rebuild params if needed
+  const currentTrackers = params
+    .filter((p) => p.key === "tr")
+    .map((p) => p.decoded || p.value);
+
+  const hasBroken = currentTrackers.some((t) => BROKEN_TRACKERS.includes(t));
+
+  if (hasBroken) {
+    const validParams = params.filter((p) => {
+      if (p.key !== "tr") return true;
+      const val = p.decoded || p.value;
+      return !BROKEN_TRACKERS.includes(val);
+    });
+
+    // Replace params content
+    params.length = 0;
+    params.push(...validParams);
+    didChange = true;
+  }
+
+  const torrentHint = typeof torrentUrl === "string" && torrentUrl.trim()
+    ? torrentUrl
+    : typeof xs === "string"
+      ? xs.trim()
+      : "";
+
+  if (torrentHint) {
+    if (ensureTorrentHint(params, torrentHint, { requireHttp: true })) {
+      didChange = true;
+    }
+  }
+
+  const seedInputs = Array.isArray(webSeed)
+    ? webSeed
+    : typeof webSeed === "string"
+      ? [webSeed]
+      : [];
+
+  const resolvedProtocol = resolveAppProtocol(appProtocol);
+
+  if (
+    ensureWebSeeds(params, seedInputs, {
+      allowHttp: resolvedProtocol === "http:",
+      allowUnparsed: false,
+      logger,
+    })
+  ) {
+    didChange = true;
+  }
+
+  const finalMagnet = buildMagnetUri(normalizedScheme, params, fragment);
+
+  return {
+    magnet: finalMagnet,
+    didChange: didChange || finalMagnet !== initial,
+  };
+}
diff --git a/dist/js/magnets.js b/dist/js/magnets.js
new file mode 100644
index 00000000..56cb3b94
--- /dev/null
+++ b/dist/js/magnets.js
@@ -0,0 +1,123 @@
+import { extractBtihFromMagnet, normalizeInfoHash } from "./magnetShared.js";
+
+function extractInfoHashFromXt(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return "";
+  }
+
+  const lower = trimmed.toLowerCase();
+  if (!lower.startsWith("urn:btih:")) {
+    return "";
+  }
+
+  const payload = trimmed.slice(9);
+  return normalizeInfoHash(payload);
+}
+
+export function infoHashFromMagnet(magnet) {
+  if (typeof magnet !== "string") {
+    return null;
+  }
+  const extracted = extractBtihFromMagnet(magnet);
+  return extracted || null;
+}
+
+export function trackersFromMagnet(magnet) {
+  if (typeof magnet !== "string") {
+    return [];
+  }
+  const parsed = parseMagnetLite(magnet);
+  if (!parsed || !Array.isArray(parsed.announce)) {
+    return [];
+  }
+  const deduped = new Set();
+  parsed.announce.forEach((url) => {
+    if (typeof url !== "string") {
+      return;
+    }
+    const trimmed = url.trim();
+    if (!trimmed) {
+      return;
+    }
+    deduped.add(trimmed);
+  });
+  return Array.from(deduped);
+}
+
+export function webSeedsFromMagnet(magnet) {
+  if (typeof magnet !== "string") {
+    return [];
+  }
+  const parsed = parseMagnetLite(magnet);
+  if (!parsed || !Array.isArray(parsed.ws)) {
+    return [];
+  }
+  const deduped = new Set();
+  parsed.ws.forEach((url) => {
+    if (typeof url !== "string") {
+      return;
+    }
+    const trimmed = url.trim();
+    if (!trimmed) {
+      return;
+    }
+    deduped.add(trimmed);
+  });
+  return Array.from(deduped);
+}
+
+function parseMagnetLite(magnet) {
+  if (typeof magnet !== "string") {
+    return { infoHash: "", announce: [], ws: [] };
+  }
+
+  const trimmed = magnet.trim();
+  if (!trimmed) {
+    return { infoHash: "", announce: [], ws: [] };
+  }
+
+  const lower = trimmed.toLowerCase();
+  const queryIndex = lower.indexOf("?");
+  const paramsPart = queryIndex >= 0 ? trimmed.slice(queryIndex + 1) : "";
+  const params = paramsPart.split("&");
+  const announce = [];
+  const ws = [];
+  let infoHash = "";
+
+  for (const param of params) {
+    if (!param) {
+      continue;
+    }
+
+    const [rawKey, ...rawValueParts] = param.split("=");
+    const rawValue = rawValueParts.join("=");
+    const key = decodeURIComponent((rawKey || "").replace(/\+/g, " ")).toLowerCase();
+    const value = decodeURIComponent((rawValue || "").replace(/\+/g, " "));
+
+    if (!key) {
+      continue;
+    }
+
+    if (key === "xt") {
+      const derived = extractInfoHashFromXt(value);
+      if (derived && !infoHash) {
+        infoHash = derived;
+      }
+    } else if (key === "tr") {
+      if (value) {
+        announce.push(value);
+      }
+    } else if (key === "ws" || key === "webseed") {
+      if (value) {
+        ws.push(value);
+      }
+    }
+  }
+
+  return { infoHash, announce, ws };
+}
diff --git a/dist/js/nostr/adapters/nip07Adapter.js b/dist/js/nostr/adapters/nip07Adapter.js
new file mode 100644
index 00000000..37bf5068
--- /dev/null
+++ b/dist/js/nostr/adapters/nip07Adapter.js
@@ -0,0 +1,229 @@
+// js/nostr/adapters/nip07Adapter.js
+
+import { normalizeActorKey } from "../watchHistory.js";
+import { runNip07WithRetry } from "../nip07Permissions.js";
+
+async function retryNip07Call(operation, label, priority) {
+  let lastError = null;
+  const attempts = 2; // Retry once on failure
+  for (let i = 0; i < attempts; i++) {
+    try {
+      return await runNip07WithRetry(operation, { label, priority });
+    } catch (error) {
+      lastError = error;
+      // Don't retry if user explicitly rejected
+      if (
+        error?.message?.toLowerCase().includes("denied") ||
+        error?.message?.toLowerCase().includes("rejected")
+      ) {
+        throw error;
+      }
+      if (i < attempts - 1) {
+        const isChannelClosed = error?.message?.includes("message channel closed");
+        const delay = isChannelClosed ? 250 : 100;
+        await new Promise((resolve) => setTimeout(resolve, delay));
+      }
+    }
+  }
+  throw lastError;
+}
+
+function resolveNip44Module(extension) {
+  const nip44 = extension?.nip44 && typeof extension.nip44 === "object" ? extension.nip44 : null;
+  if (!nip44) {
+    return null;
+  }
+
+  const v2 = nip44.v2 && typeof nip44.v2 === "object" ? nip44.v2 : null;
+  if (v2?.encrypt || v2?.decrypt) {
+    return v2;
+  }
+
+  return nip44;
+}
+
+export async function createNip07Adapter(initialExtension, { preloadedPubkey } = {}) {
+  const getExtension = () => {
+    if (typeof window !== "undefined" && window.nostr) {
+      return window.nostr;
+    }
+    return initialExtension || null;
+  };
+
+  // We use the initial extension state to determine which methods to expose.
+  // This matches standard behavior where capabilities are negotiated at login.
+  const bootstrapExtension = getExtension();
+
+  if (!bootstrapExtension) {
+    return {
+      type: "nip07",
+      pubkey: "",
+      metadata: async () => null,
+      relays: async () => null,
+      signEvent: async () => {
+        throw new Error("NIP-07 extension unavailable.");
+      },
+      requestPermissions: async () => ({
+        ok: false,
+        error: new Error("extension-unavailable"),
+      }),
+      destroy: async () => {},
+      canSign: () => false,
+      capabilities: {
+        sign: false,
+        nip44: false,
+        nip04: false,
+      },
+    };
+  }
+
+  const getPublicKey = async () => {
+    const ext = getExtension();
+    if (typeof ext?.getPublicKey !== "function") {
+      throw new Error("NIP-07 extension missing getPublicKey.");
+    }
+    return ext.getPublicKey();
+  };
+
+  const pubkey =
+    preloadedPubkey ||
+    (typeof bootstrapExtension.getPublicKey === "function"
+      ? normalizeActorKey(await getPublicKey())
+      : "");
+
+  // Wrapper builders to ensure dynamic lookup at call time
+  const createNip04Encrypt = () => (pubkey, plaintext, options = {}) => {
+    const ext = getExtension();
+    const nip04 = ext?.nip04;
+    if (!nip04 || typeof nip04.encrypt !== "function") {
+      throw new Error("NIP-04 encryption unavailable on active extension.");
+    }
+    return retryNip07Call(
+      () => nip04.encrypt(pubkey, plaintext),
+      "nip04.encrypt",
+      options?.priority,
+    );
+  };
+
+  const createNip04Decrypt = () => (pubkey, ciphertext, options = {}) => {
+    const ext = getExtension();
+    const nip04 = ext?.nip04;
+    if (!nip04 || typeof nip04.decrypt !== "function") {
+      throw new Error("NIP-04 decryption unavailable on active extension.");
+    }
+    return retryNip07Call(
+      () => nip04.decrypt(pubkey, ciphertext),
+      "nip04.decrypt",
+      options?.priority,
+    );
+  };
+
+  const createNip44Encrypt = () => (pubkey, plaintext, options = {}) => {
+    const ext = getExtension();
+    const nip44 = resolveNip44Module(ext);
+    if (!nip44 || typeof nip44.encrypt !== "function") {
+      throw new Error("NIP-44 encryption unavailable on active extension.");
+    }
+    return retryNip07Call(
+      () => nip44.encrypt(pubkey, plaintext),
+      "nip44.encrypt",
+      options?.priority,
+    );
+  };
+
+  const createNip44Decrypt = () => (pubkey, ciphertext, options = {}) => {
+    const ext = getExtension();
+    const nip44 = resolveNip44Module(ext);
+    if (!nip44 || typeof nip44.decrypt !== "function") {
+      throw new Error("NIP-44 decryption unavailable on active extension.");
+    }
+    return retryNip07Call(
+      () => nip44.decrypt(pubkey, ciphertext),
+      "nip44.decrypt",
+      options?.priority,
+    );
+  };
+
+  const requestPermissions = async (methods = []) => {
+    const ext = getExtension();
+    if (!ext) {
+      return { ok: false, error: new Error("extension-unavailable") };
+    }
+
+    if (typeof ext.requestPermissions === "function") {
+      return retryNip07Call(
+        () =>
+          ext.requestPermissions({
+            permissions: Array.isArray(methods) ? methods : [],
+          }),
+        "extension.requestPermissions",
+      );
+    }
+
+    if (typeof ext.enable === "function") {
+      if (Array.isArray(methods) && methods.length) {
+        return retryNip07Call(
+          () =>
+            ext.enable({
+              permissions: methods.map((method) => ({ method })),
+            }),
+          "extension.enable",
+        );
+      }
+      return retryNip07Call(() => ext.enable(), "extension.enable");
+    }
+
+    return { ok: false, error: new Error("permission-request-unavailable") };
+  };
+
+  const signer = {
+    type: "nip07",
+    pubkey,
+    metadata: async () => {
+      const ext = getExtension();
+      return typeof ext?.getMetadata === "function"
+        ? retryNip07Call(() => ext.getMetadata(), "extension.getMetadata")
+        : null;
+    },
+    relays: async () => {
+      const ext = getExtension();
+      return typeof ext?.getRelays === "function"
+        ? retryNip07Call(() => ext.getRelays(), "extension.getRelays")
+        : null;
+    },
+    signEvent: async (event) => {
+      const ext = getExtension();
+      if (typeof ext?.signEvent !== "function") {
+        throw new Error("NIP-07 extension missing signEvent.");
+      }
+      return retryNip07Call(() => ext.signEvent(event), "extension.signEvent");
+    },
+    requestPermissions,
+    destroy: async () => {},
+    canSign: () => typeof getExtension()?.signEvent === "function",
+    // Always expose these methods; they perform their own existence checks at runtime.
+    // This handles race conditions where NIP-04/44 APIs are injected lazily.
+    nip04Encrypt: createNip04Encrypt(),
+    nip04Decrypt: createNip04Decrypt(),
+    nip44Encrypt: createNip44Encrypt(),
+    nip44Decrypt: createNip44Decrypt(),
+  };
+
+  // Define capabilities as dynamic properties to reflect current extension state
+  Object.defineProperty(signer, "capabilities", {
+    get: () => {
+      const ext = getExtension();
+      const hasNip04 = !!(ext?.nip04 && typeof ext.nip04 === "object");
+      const hasNip44 = !!resolveNip44Module(ext);
+      return {
+        sign: typeof ext?.signEvent === "function",
+        nip44: hasNip44,
+        nip04: hasNip04,
+      };
+    },
+    enumerable: true,
+    configurable: true,
+  });
+
+  return signer;
+}
diff --git a/dist/js/nostr/adapters/nip46Adapter.js b/dist/js/nostr/adapters/nip46Adapter.js
new file mode 100644
index 00000000..ec5fe36b
--- /dev/null
+++ b/dist/js/nostr/adapters/nip46Adapter.js
@@ -0,0 +1,92 @@
+// js/nostr/adapters/nip46Adapter.js
+
+import { Nip46RpcClient } from "../nip46Client.js";
+import { normalizeActorKey } from "../watchHistory.js";
+
+function resolveClient(client) {
+  if (client instanceof Nip46RpcClient) {
+    return client;
+  }
+  return client?.nip46Client instanceof Nip46RpcClient ? client.nip46Client : null;
+}
+
+export async function createNip46Adapter(client) {
+  const resolvedClient = resolveClient(client);
+  if (!resolvedClient) {
+    return {
+      type: "nip46",
+      pubkey: "",
+      metadata: async () => null,
+      relays: async () => null,
+      signEvent: async () => {
+        throw new Error("NIP-46 client unavailable.");
+      },
+      requestPermissions: async () => ({
+        ok: false,
+        error: new Error("client-unavailable"),
+      }),
+      destroy: async () => {},
+      canSign: () => false,
+      capabilities: {
+        sign: false,
+        nip44: false,
+        nip04: false,
+      },
+    };
+  }
+
+  let pubkey = normalizeActorKey(resolvedClient.userPubkey);
+  if (!pubkey) {
+    pubkey = normalizeActorKey(await resolvedClient.getUserPubkey());
+  }
+
+  const signer = {
+    type: "nip46",
+    pubkey,
+    metadata: async () =>
+      resolvedClient.metadata && typeof resolvedClient.metadata === "object"
+        ? { ...resolvedClient.metadata }
+        : null,
+    relays: async () => (Array.isArray(resolvedClient.relays) ? [...resolvedClient.relays] : null),
+    signEvent: async (event) => resolvedClient.signEvent(event),
+    requestPermissions: async () => ({ ok: true }),
+    destroy: async () => {
+      resolvedClient.destroy();
+    },
+    canSign: () =>
+      !resolvedClient.destroyed && typeof resolvedClient.signEvent === "function",
+    capabilities: {
+      sign:
+        !resolvedClient.destroyed &&
+        typeof resolvedClient.signEvent === "function",
+      nip44: false,
+      nip04: false,
+    },
+  };
+
+  if (typeof resolvedClient.nip04Encrypt === "function") {
+    signer.nip04Encrypt = (pubkey, plaintext, options) =>
+      resolvedClient.nip04Encrypt(pubkey, plaintext, options);
+  }
+  if (typeof resolvedClient.nip04Decrypt === "function") {
+    signer.nip04Decrypt = (pubkey, ciphertext, options) =>
+      resolvedClient.nip04Decrypt(pubkey, ciphertext, options);
+  }
+  if (typeof resolvedClient.nip44Encrypt === "function") {
+    signer.nip44Encrypt = (pubkey, plaintext, options) =>
+      resolvedClient.nip44Encrypt(pubkey, plaintext, options);
+  }
+  if (typeof resolvedClient.nip44Decrypt === "function") {
+    signer.nip44Decrypt = (pubkey, ciphertext, options) =>
+      resolvedClient.nip44Decrypt(pubkey, ciphertext, options);
+  }
+
+  signer.capabilities.nip04 = Boolean(
+    signer.nip04Encrypt || signer.nip04Decrypt
+  );
+  signer.capabilities.nip44 = Boolean(
+    signer.nip44Encrypt || signer.nip44Decrypt
+  );
+
+  return signer;
+}
diff --git a/dist/js/nostr/adapters/nsecAdapter.js b/dist/js/nostr/adapters/nsecAdapter.js
new file mode 100644
index 00000000..5bb94cc2
--- /dev/null
+++ b/dist/js/nostr/adapters/nsecAdapter.js
@@ -0,0 +1,90 @@
+// js/nostr/adapters/nsecAdapter.js
+
+import { signEventWithPrivateKey } from "../publishHelpers.js";
+import { createPrivateKeyCipherClosures } from "../signerHelpers.js";
+import { ensureNostrTools, getCachedNostrTools } from "../toolkit.js";
+import { normalizeActorKey } from "../watchHistory.js";
+
+const HEX64_REGEX = /^[0-9a-f]{64}$/i;
+
+function normalizePrivateKey(privateKey) {
+  if (typeof privateKey !== "string") {
+    return "";
+  }
+  const trimmed = privateKey.trim();
+  if (!trimmed || !HEX64_REGEX.test(trimmed)) {
+    return "";
+  }
+  return trimmed.toLowerCase();
+}
+
+async function resolvePublicKey(privateKey, pubkey) {
+  const normalizedPubkey = normalizeActorKey(pubkey);
+  if (normalizedPubkey && HEX64_REGEX.test(normalizedPubkey)) {
+    return normalizedPubkey;
+  }
+
+  if (!privateKey) {
+    return "";
+  }
+
+  const tools = (await ensureNostrTools()) || getCachedNostrTools();
+  if (tools?.getPublicKey && typeof tools.getPublicKey === "function") {
+    const derived = tools.getPublicKey(privateKey);
+    const normalized = normalizeActorKey(derived);
+    if (normalized && HEX64_REGEX.test(normalized)) {
+      return normalized;
+    }
+  }
+
+  return "";
+}
+
+export async function createNsecAdapter({ privateKey, pubkey } = {}) {
+  const normalizedPrivateKey = normalizePrivateKey(privateKey);
+  const resolvedPubkey = await resolvePublicKey(normalizedPrivateKey, pubkey);
+  const cipherClosures = await createPrivateKeyCipherClosures(normalizedPrivateKey);
+
+  const signer = {
+    type: "nsec",
+    pubkey: resolvedPubkey,
+    metadata: async () => null,
+    relays: async () => null,
+    signEvent: async (event) => {
+      if (!normalizedPrivateKey) {
+        throw new Error("Missing private key for signing.");
+      }
+      return signEventWithPrivateKey(event, normalizedPrivateKey);
+    },
+    requestPermissions: async () => ({ ok: true }),
+    destroy: async () => {},
+    canSign: () => Boolean(normalizedPrivateKey),
+    capabilities: {
+      sign: Boolean(normalizedPrivateKey),
+      nip44: false,
+      nip04: false,
+    },
+  };
+
+  if (typeof cipherClosures.nip04Encrypt === "function") {
+    signer.nip04Encrypt = cipherClosures.nip04Encrypt;
+  }
+  if (typeof cipherClosures.nip04Decrypt === "function") {
+    signer.nip04Decrypt = cipherClosures.nip04Decrypt;
+  }
+  if (typeof cipherClosures.nip44Encrypt === "function") {
+    signer.nip44Encrypt = cipherClosures.nip44Encrypt;
+  }
+  if (typeof cipherClosures.nip44Decrypt === "function") {
+    signer.nip44Decrypt = cipherClosures.nip44Decrypt;
+  }
+
+  signer.capabilities.nip04 = Boolean(
+    signer.nip04Encrypt || signer.nip04Decrypt
+  );
+  signer.capabilities.nip44 = Boolean(
+    signer.nip44Encrypt || signer.nip44Decrypt
+  );
+
+  return signer;
+}
diff --git a/dist/js/nostr/cachePolicies.js b/dist/js/nostr/cachePolicies.js
new file mode 100644
index 00000000..d269a72b
--- /dev/null
+++ b/dist/js/nostr/cachePolicies.js
@@ -0,0 +1,96 @@
+import { NOTE_TYPES } from "../nostrEventSchemas.js";
+import { WATCH_HISTORY_LIST_IDENTIFIER } from "../config.js";
+
+export const STORAGE_TIERS = Object.freeze({
+  MEMORY: "memory",
+  INDEXED_DB: "indexedDB",
+  LOCAL_STORAGE: "localStorage",
+});
+
+export const MERGE_STRATEGIES = Object.freeze({
+  REPLACEABLE: "replaceable",
+  APPEND_ONLY: "append-only",
+});
+
+export const CACHE_POLICIES = Object.freeze({
+  [NOTE_TYPES.VIDEO_POST]: {
+    storage: STORAGE_TIERS.INDEXED_DB,
+    ttl: 10 * 60 * 1000, // 10 minutes
+    addressing: "kind:pubkey:d",
+    merge: MERGE_STRATEGIES.REPLACEABLE,
+  },
+  [NOTE_TYPES.WATCH_HISTORY]: {
+    storage: STORAGE_TIERS.LOCAL_STORAGE,
+    ttl: 24 * 60 * 60 * 1000, // 24 hours
+    addressing: "kind:pubkey:d",
+    defaultDTag: WATCH_HISTORY_LIST_IDENTIFIER,
+    merge: MERGE_STRATEGIES.APPEND_ONLY, // Bucketed append
+  },
+  [NOTE_TYPES.SUBSCRIPTION_LIST]: {
+    storage: STORAGE_TIERS.LOCAL_STORAGE,
+    ttl: Infinity, // Manual management
+    addressing: "kind:pubkey:d",
+    merge: MERGE_STRATEGIES.REPLACEABLE,
+  },
+  [NOTE_TYPES.USER_BLOCK_LIST]: {
+    storage: STORAGE_TIERS.LOCAL_STORAGE,
+    ttl: Infinity, // Manual management
+    addressing: "kind:pubkey:d",
+    merge: MERGE_STRATEGIES.REPLACEABLE,
+  },
+  [NOTE_TYPES.RELAY_LIST]: {
+    storage: STORAGE_TIERS.LOCAL_STORAGE,
+    ttl: Infinity, // Manual management
+    addressing: "kind:pubkey",
+    merge: MERGE_STRATEGIES.REPLACEABLE,
+  },
+  [NOTE_TYPES.ADMIN_MODERATION_LIST]: {
+    storage: STORAGE_TIERS.LOCAL_STORAGE,
+    ttl: Infinity,
+    addressing: "kind:pubkey:d",
+    merge: MERGE_STRATEGIES.REPLACEABLE,
+  },
+  [NOTE_TYPES.ADMIN_BLACKLIST]: {
+    storage: STORAGE_TIERS.LOCAL_STORAGE,
+    ttl: Infinity,
+    addressing: "kind:pubkey:d",
+    merge: MERGE_STRATEGIES.REPLACEABLE,
+  },
+  [NOTE_TYPES.ADMIN_WHITELIST]: {
+    storage: STORAGE_TIERS.LOCAL_STORAGE,
+    ttl: Infinity,
+    addressing: "kind:pubkey:d",
+    merge: MERGE_STRATEGIES.REPLACEABLE,
+  },
+  [NOTE_TYPES.VIDEO_COMMENT]: {
+    storage: STORAGE_TIERS.MEMORY,
+    ttl: 5 * 60 * 1000, // 5 minutes
+    addressing: "id",
+    merge: MERGE_STRATEGIES.APPEND_ONLY,
+  },
+  [NOTE_TYPES.VIDEO_REACTION]: {
+    storage: STORAGE_TIERS.MEMORY,
+    ttl: 5 * 60 * 1000, // 5 minutes
+    addressing: "id",
+    merge: MERGE_STRATEGIES.APPEND_ONLY,
+  },
+  [NOTE_TYPES.VIEW_EVENT]: {
+    storage: STORAGE_TIERS.MEMORY,
+    ttl: 0,
+    addressing: "id",
+    merge: MERGE_STRATEGIES.APPEND_ONLY,
+  },
+  [NOTE_TYPES.HASHTAG_PREFERENCES]: {
+    storage: STORAGE_TIERS.LOCAL_STORAGE,
+    ttl: Infinity,
+    addressing: "kind:pubkey:d",
+    defaultDTag: "bitvid:tag-preferences",
+    merge: MERGE_STRATEGIES.REPLACEABLE,
+  },
+  [NOTE_TYPES.PROFILE_METADATA]: {
+    storage: STORAGE_TIERS.LOCAL_STORAGE,
+    ttl: Infinity,
+    addressing: "kind:pubkey",
+    merge: MERGE_STRATEGIES.REPLACEABLE,
+  },
+});
diff --git a/dist/js/nostr/client.js b/dist/js/nostr/client.js
new file mode 100644
index 00000000..1ab71bac
--- /dev/null
+++ b/dist/js/nostr/client.js
@@ -0,0 +1,8817 @@
+// js/nostr/client.js
+
+/**
+ * NostrClient
+ *
+ * The central controller for all Nostr network interactions and state management.
+ * For a high-level overview, see `docs/nostr-client-overview.md`.
+ *
+ * Responsibilities:
+ * - Connection Management: Maintains the connection pool to Relays.
+ * - Event Publishing: Handles signing and broadcasting events (Kind 0, 1, 30078, etc.).
+ * - State Management:
+ *   - `allEvents`: A raw map of all fetched video events.
+ *   - `activeMap`: A derived map containing only the *latest* version of each video (deduplicated by `videoRootId`).
+ *   - `rawEvents`: A cache of the exact raw JSON events from relays (for signature verification).
+ * - Caching: Implements a dual-layer cache (IndexedDB + localStorage) to restore app state instantly on load.
+ * - Signer Management: Orchestrates NIP-07 (Extension), NIP-46 (Remote/Bunker), and NIP-01 (Local nsec) signers.
+ */
+
+import { isDevMode } from "../config.js";
+import { FEATURE_PUBLISH_NIP71 } from "../constants.js";
+import { bytesToHex, sha256 } from "../../vendor/crypto-helpers.bundle.min.js";
+import { infoHashFromMagnet } from "../magnets.js";
+// 🔧 merged conflicting changes from codex/update-video-publishing-and-parsing-logic vs unstable
+import {
+  buildNip71MetadataTags,
+  buildNip71VideoEvent,
+  collectNip71PointerRequests,
+  convertEventToVideo,
+  extractNip71MetadataFromTags,
+  getDTagValueFromTags,
+  mergeNip71MetadataIntoVideo as mergeNip71MetadataIntoVideoHelper,
+  populateNip71MetadataForVideos as populateNip71MetadataForVideosHelper,
+  processNip71Events as processNip71EventsHelper,
+  buildVideoPointerValue,
+  stringFromInput,
+} from "./nip71.js";
+import {
+  buildStoragePointerValue,
+  deriveStoragePointerFromUrl,
+  getStoragePointerFromTags,
+  normalizeStoragePointer,
+} from "../utils/storagePointer.js";
+import {
+  createWatchHistoryManager,
+  normalizePointerInput,
+  pointerKey,
+  buildWatchHistoryPayload,
+  normalizeActorKey,
+  getWatchHistoryCacheTtlMs as getWatchHistoryCacheTtlMsFromManager,
+  getWatchHistoryStorage as getWatchHistoryStorageFromManager,
+  persistWatchHistoryEntry as persistWatchHistoryEntryToManager,
+  cancelWatchHistoryRepublish as cancelWatchHistoryRepublishForManager,
+  scheduleWatchHistoryRepublish as scheduleWatchHistoryRepublishForManager,
+  getWatchHistoryFingerprint as getWatchHistoryFingerprintFromManager,
+  ensureWatchHistoryBackgroundRefresh as ensureWatchHistoryBackgroundRefreshForManager,
+  publishWatchHistorySnapshot as publishWatchHistorySnapshotWithManager,
+  updateWatchHistoryList as updateWatchHistoryListWithManager,
+  removeWatchHistoryItem as removeWatchHistoryItemWithManager,
+  fetchWatchHistory as fetchWatchHistoryWithManager,
+  resolveWatchHistory as resolveWatchHistoryWithManager,
+} from "./watchHistory.js";
+import {
+  buildVideoPostEvent,
+  buildRepostEvent,
+  buildWatchHistoryEvent,
+  buildDmAttachmentEvent,
+  buildDeletionEvent,
+  buildLegacyDirectMessageEvent,
+  getNostrEventSchema,
+  NOTE_TYPES,
+} from "../nostrEventSchemas.js";
+import { CACHE_POLICIES } from "./cachePolicies.js";
+import {
+  SyncMetadataStore,
+  __testExports as syncMetaTestExports,
+} from "./syncMetadataStore.js";
+import {
+  listVideoViewEvents as listVideoViewEventsForClient,
+  subscribeVideoViewEvents as subscribeVideoViewEventsForClient,
+  countVideoViewEvents as countVideoViewEventsForClient,
+  publishViewEvent as publishViewEventForClient,
+  recordVideoView as recordVideoViewForClient,
+} from "./viewEvents.js";
+import { publishVideoReaction as publishVideoReactionForClient } from "./reactionEvents.js";
+import {
+  publishComment as publishCommentForClient,
+  listVideoComments as listVideoCommentsForClient,
+  subscribeVideoComments as subscribeVideoCommentsForClient,
+} from "./commentEvents.js";
+import {
+  publishDmReadReceipt as publishDmReadReceiptForClient,
+  publishDmTypingIndicator as publishDmTypingIndicatorForClient,
+} from "./dmSignalEvents.js";
+import {
+  logCountTimeoutCleanupFailure,
+  logRelayCountFailure,
+} from "./countDiagnostics.js";
+import "./maxListenerDiagnostics.js";
+import {
+  publishEventToRelay,
+  publishEventToRelays,
+  assertAnyRelayAccepted,
+} from "../nostrPublish.js";
+import {
+  signEventWithPrivateKey,
+  signAndPublishEvent as signAndPublishEventHelper,
+  repostEvent as repostEventHelper,
+  mirrorVideoEvent as mirrorVideoEventHelper,
+  rebroadcastEvent as rebroadcastEventHelper,
+  summarizePublishResults,
+} from "./publishHelpers.js";
+import {
+  DEFAULT_RELAY_URLS,
+  RELAY_URLS,
+  ensureNostrTools,
+  getCachedNostrTools,
+  nostrToolsBootstrapFailure,
+  readToolkitFromScope,
+  resolveSimplePoolConstructor,
+  shimLegacySimplePoolMethods,
+} from "./toolkit.js";
+import { encryptNip04InWorker } from "./nip04WorkerClient.js";
+import {
+  decryptDmInWorker,
+  isDmDecryptWorkerSupported,
+} from "./dmDecryptWorkerClient.js";
+import {
+  sanitizeDecryptError,
+  summarizeDmEventForLog,
+} from "./dmDecryptDiagnostics.js";
+import { devLogger, userLogger } from "../utils/logger.js";
+import { LRUCache } from "../utils/lruCache.js";
+import { updateConversationFromMessage, writeMessages } from "../storage/dmDb.js";
+import {
+  DM_RELAY_WARNING_FALLBACK,
+  resolveDmRelaySelection,
+} from "../services/dmNostrService.js";
+import {
+  DEFAULT_NIP07_CORE_METHODS,
+  DEFAULT_NIP07_ENCRYPTION_METHODS,
+  DEFAULT_NIP07_PERMISSION_METHODS,
+  NIP07_PRIORITY,
+  clearStoredNip07Permissions,
+  normalizePermissionMethod,
+  readStoredNip07Permissions,
+  requestEnablePermissions,
+  runNip07WithRetry,
+  writeStoredNip07Permissions,
+  waitForNip07Extension,
+} from "./nip07Permissions.js";
+import {
+  clearStoredSessionActor as clearStoredSessionActorEntry,
+  decryptSessionPrivateKey,
+  encryptSessionPrivateKey,
+  persistSessionActor as persistSessionActorEntry,
+  readStoredSessionActorEntry,
+  isSessionActor,
+} from "./sessionActor.js";
+import {
+  HEX64_REGEX,
+  NIP46_RPC_KIND,
+  NIP46_SESSION_STORAGE_KEY,
+  NIP46_PUBLISH_TIMEOUT_MS,
+  NIP46_RESPONSE_TIMEOUT_MS,
+  NIP46_SIGN_EVENT_TIMEOUT_MS,
+  NIP46_MAX_RETRIES,
+  NIP46_HANDSHAKE_TIMEOUT_MS,
+  NIP46_AUTH_CHALLENGE_MAX_ATTEMPTS,
+  sanitizeRelayList,
+  readStoredNip46Session,
+  writeStoredNip46Session,
+  clearStoredNip46Session,
+  parseNip46ConnectionString,
+  generateNip46Secret,
+  sanitizeNip46Metadata,
+  normalizeNip46EncryptionAlgorithm,
+  resolveNip46Relays,
+  normalizeNip46CiphertextPayload,
+  createNip46Cipher,
+  decryptNip46PayloadWithKeys,
+  attemptDecryptNip46HandshakePayload,
+  Nip46RpcClient,
+  createNip46RequestId,
+  decodeNpubToHex,
+  encodeHexToNpub,
+  normalizeNostrPubkey,
+  summarizeHexForLog,
+  summarizeSecretForLog,
+  summarizeMetadataForLog,
+  summarizeUrlForLog,
+  summarizePayloadPreviewForLog,
+  summarizeRpcParamsForLog,
+  summarizeRpcResultForLog,
+  summarizeRelayPublishResultsForLog,
+} from "./nip46Client.js";
+import { profileCache } from "../state/profileCache.js";
+import { createPrivateKeyCipherClosures } from "./signerHelpers.js";
+import {
+  setActiveSigner as setActiveSignerInRegistry,
+  getActiveSigner as getActiveSignerFromRegistry,
+  clearActiveSigner as clearActiveSignerInRegistry,
+  logoutSigner as logoutSignerFromRegistry,
+  resolveActiveSigner as resolveActiveSignerFromRegistry,
+} from "../nostrClientRegistry.js";
+import { createNip07Adapter } from "./adapters/nip07Adapter.js";
+import { createNsecAdapter } from "./adapters/nsecAdapter.js";
+import { createNip46Adapter } from "./adapters/nip46Adapter.js";
+import { queueSignEvent } from "./signRequestQueue.js";
+
+function normalizeProfileFromEvent(event) {
+  if (!event || !event.content) return null;
+  try {
+    return JSON.parse(event.content);
+  } catch (err) {
+    return null;
+  }
+}
+
+function attachNipMethodAliases(signer) {
+  if (!signer || typeof signer !== "object") {
+    return;
+  }
+
+  const nip04 =
+    signer && typeof signer.nip04 === "object" && signer.nip04 !== null
+      ? signer.nip04
+      : null;
+  if (nip04) {
+    const encrypt =
+      typeof nip04.encrypt === "function" ? nip04.encrypt.bind(nip04) : null;
+    const decrypt =
+      typeof nip04.decrypt === "function" ? nip04.decrypt.bind(nip04) : null;
+
+    if (encrypt && typeof signer.nip04Encrypt !== "function") {
+      signer.nip04Encrypt = (targetPubkey, plaintext) =>
+        encrypt(targetPubkey, plaintext);
+    }
+
+    if (decrypt && typeof signer.nip04Decrypt !== "function") {
+      signer.nip04Decrypt = (actorPubkey, ciphertext) =>
+        decrypt(actorPubkey, ciphertext);
+    }
+  }
+
+  const nip44 =
+    signer && typeof signer.nip44 === "object" && signer.nip44 !== null
+      ? signer.nip44
+      : null;
+  if (nip44) {
+    const v2 =
+      typeof nip44.v2 === "object" && nip44.v2 !== null ? nip44.v2 : null;
+
+    const encrypt = (() => {
+      if (typeof signer.nip44Encrypt === "function") {
+        return null;
+      }
+      if (typeof v2?.encrypt === "function") {
+        return v2.encrypt.bind(v2);
+      }
+      if (typeof nip44.encrypt === "function") {
+        return nip44.encrypt.bind(nip44);
+      }
+      return null;
+    })();
+
+    const decrypt = (() => {
+      if (typeof signer.nip44Decrypt === "function") {
+        return null;
+      }
+      if (typeof v2?.decrypt === "function") {
+        return v2.decrypt.bind(v2);
+      }
+      if (typeof nip44.decrypt === "function") {
+        return nip44.decrypt.bind(nip44);
+      }
+      return null;
+    })();
+
+    if (encrypt) {
+      signer.nip44Encrypt = (targetPubkey, plaintext) =>
+        encrypt(targetPubkey, plaintext);
+    }
+
+    if (decrypt) {
+      signer.nip44Decrypt = (actorPubkey, ciphertext) =>
+        decrypt(actorPubkey, ciphertext);
+    }
+  }
+}
+
+function resolveSignerCapabilities(signer) {
+  const fallback = {
+    sign: false,
+    nip44: false,
+    nip04: false,
+  };
+
+  if (!signer || typeof signer !== "object") {
+    return fallback;
+  }
+
+  const capabilities =
+    signer.capabilities && typeof signer.capabilities === "object"
+      ? signer.capabilities
+      : {};
+
+  return {
+    sign:
+      (typeof capabilities.sign === "boolean" && capabilities.sign) ||
+      typeof signer.signEvent === "function",
+    nip44:
+      (typeof capabilities.nip44 === "boolean" && capabilities.nip44) ||
+      typeof signer.nip44Encrypt === "function" ||
+      typeof signer.nip44Decrypt === "function",
+    nip04:
+      (typeof capabilities.nip04 === "boolean" && capabilities.nip04) ||
+      typeof signer.nip04Encrypt === "function" ||
+      typeof signer.nip04Decrypt === "function",
+  };
+}
+
+function hydrateExtensionSignerCapabilities(signer) {
+  if (!signer || typeof signer !== "object") {
+    return;
+  }
+
+  const signerType = typeof signer.type === "string" ? signer.type : "";
+  if (signerType !== "extension" && signerType !== "nip07") {
+    return;
+  }
+
+  const extension =
+    typeof window !== "undefined" && window && window.nostr ? window.nostr : null;
+  if (!extension) {
+    return;
+  }
+
+  if (typeof signer.signEvent !== "function" && extension.signEvent) {
+    if (typeof extension.signEvent === "function") {
+      signer.signEvent = extension.signEvent.bind(extension);
+    }
+  }
+
+  if (!signer.nip04 && extension.nip04) {
+    signer.nip04 = extension.nip04;
+  }
+
+  if (!signer.nip44 && extension.nip44) {
+    signer.nip44 = extension.nip44;
+  }
+}
+
+function setActiveSigner(signer) {
+  if (!signer || typeof signer !== "object") {
+    return;
+  }
+
+  hydrateExtensionSignerCapabilities(signer);
+  attachNipMethodAliases(signer);
+
+  const capsDescriptor = Object.getOwnPropertyDescriptor(signer, "capabilities");
+  const isGetter = capsDescriptor && typeof capsDescriptor.get === "function";
+
+  if (!isGetter) {
+    signer.capabilities = resolveSignerCapabilities(signer);
+  }
+
+  const pubkey =
+    typeof signer.pubkey === "string" && signer.pubkey.trim()
+      ? signer.pubkey.trim().toLowerCase()
+      : "";
+  if (pubkey) {
+    profileCache.clearSignerRuntime(pubkey);
+  }
+
+  setActiveSignerInRegistry(signer);
+}
+
+function getActiveSigner() {
+  const signer = getActiveSignerFromRegistry();
+  hydrateExtensionSignerCapabilities(signer);
+  attachNipMethodAliases(signer);
+  if (signer && typeof signer === "object") {
+    const capsDescriptor = Object.getOwnPropertyDescriptor(
+      signer,
+      "capabilities",
+    );
+    const isGetter = capsDescriptor && typeof capsDescriptor.get === "function";
+
+    if (!isGetter) {
+      signer.capabilities = resolveSignerCapabilities(signer);
+    }
+  }
+  return signer;
+}
+
+function clearActiveSigner() {
+  clearActiveSignerInRegistry();
+}
+
+function logoutSigner(pubkey) {
+  logoutSignerFromRegistry(pubkey);
+}
+
+function resolveActiveSigner(pubkey) {
+  const signer = resolveActiveSignerFromRegistry(pubkey);
+  hydrateExtensionSignerCapabilities(signer);
+  attachNipMethodAliases(signer);
+  if (signer && typeof signer === "object") {
+    const capsDescriptor = Object.getOwnPropertyDescriptor(
+      signer,
+      "capabilities",
+    );
+    const isGetter = capsDescriptor && typeof capsDescriptor.get === "function";
+
+    if (!isGetter) {
+      signer.capabilities = resolveSignerCapabilities(signer);
+    }
+  }
+  return signer;
+}
+
+function shouldRequestExtensionPermissions(signer) {
+  if (!signer || typeof signer !== "object") {
+    return false;
+  }
+  return signer.type === "extension";
+}
+
+const PERMISSION_STATUS_AUTO_HIDE_MS = 12_000;
+const ENCRYPTION_METHOD_PREFIXES = ["nip04.", "nip44."];
+
+function hasEncryptionPermissionMethods(methods) {
+  if (!Array.isArray(methods)) {
+    return false;
+  }
+  return methods.some((method) =>
+    ENCRYPTION_METHOD_PREFIXES.some((prefix) => method.startsWith(prefix)),
+  );
+}
+
+function hasSigningPermissionMethods(methods) {
+  if (!Array.isArray(methods)) {
+    return false;
+  }
+  return methods.some(
+    (method) => method === "sign_event" || method === "get_public_key",
+  );
+}
+
+function resolvePermissionStatusMessage(methods, context) {
+  const normalizedContext =
+    typeof context === "string" ? context.trim().toLowerCase() : "";
+
+  if (normalizedContext === "dm") {
+    return "Approve the extension prompt to enable encrypted direct messages.";
+  }
+  if (normalizedContext === "lists") {
+    return "Approve the extension prompt to access your encrypted lists.";
+  }
+
+  const includesEncryption = hasEncryptionPermissionMethods(methods);
+  const includesSigning = hasSigningPermissionMethods(methods);
+
+  if (includesEncryption && includesSigning) {
+    return "Approve the extension prompt to enable signing and encrypted features (DMs, subscriptions, block lists).";
+  }
+  if (includesEncryption) {
+    return "Approve the extension prompt to enable encrypted features like DMs and private lists.";
+  }
+  if (includesSigning) {
+    return "Approve the extension prompt to enable signing.";
+  }
+
+  return "Approve the extension prompt to continue.";
+}
+
+const RELAY_CONNECT_TIMEOUT_MS = 5000;
+const RELAY_RECONNECT_BASE_DELAY_MS = 2000;
+const RELAY_RECONNECT_MAX_DELAY_MS = 60000;
+const RELAY_RECONNECT_MAX_ATTEMPTS = 5;
+const RELAY_BACKOFF_BASE_DELAY_MS = 1000;
+const RELAY_BACKOFF_MAX_DELAY_MS = 8000;
+const RELAY_CIRCUIT_BREAKER_THRESHOLD = 3;
+const RELAY_CIRCUIT_BREAKER_COOLDOWN_MS = 10 * 60 * 1000;
+const RELAY_FAILURE_WINDOW_MS = 5 * 60 * 1000;
+const RELAY_FAILURE_WINDOW_THRESHOLD = 3;
+const RELAY_SUMMARY_LOG_INTERVAL_MS = 30000;
+const EVENTS_CACHE_STORAGE_KEY = "bitvid:eventsCache:v1";
+// We use the policy TTL, but currently the storage backend is hardcoded to IDB (with localStorage fallback).
+// Future refactors should make EventsCacheStore dynamic based on CACHE_POLICIES[NOTE_TYPES.VIDEO_POST].storage.
+const EVENTS_CACHE_TTL_MS = CACHE_POLICIES[NOTE_TYPES.VIDEO_POST]?.ttl ?? (10 * 60 * 1000);
+const EVENTS_CACHE_DB_NAME = "bitvid-events-cache";
+const EVENTS_CACHE_DB_VERSION = 1;
+const EVENTS_CACHE_PERSIST_DELAY_MS = 450;
+const EVENTS_CACHE_IDLE_TIMEOUT_MS = 1500;
+const DEFAULT_VIDEO_REQUEST_LIMIT = 150;
+const MAX_VIDEO_REQUEST_LIMIT = 500;
+
+function scheduleIdleTask(callback, timeout = EVENTS_CACHE_IDLE_TIMEOUT_MS) {
+  if (typeof requestIdleCallback === "function") {
+    return requestIdleCallback(callback, { timeout });
+  }
+  return setTimeout(callback, timeout);
+}
+
+function wrapIdbRequest(request) {
+  return new Promise((resolve, reject) => {
+    request.onsuccess = () => resolve(request.result);
+    request.onerror = () => reject(request.error || new Error("IndexedDB request failed"));
+  });
+}
+
+function waitForTransaction(tx) {
+  return new Promise((resolve, reject) => {
+    tx.oncomplete = () => resolve();
+    tx.onerror = () => reject(tx.error || new Error("IndexedDB transaction failed"));
+    tx.onabort = () => reject(tx.error || new Error("IndexedDB transaction aborted"));
+  });
+}
+
+/**
+ * Persists video events and tombstones to IndexedDB.
+ *
+ * **Schema:**
+ * - `events`: Store for video objects. Key: `id`.
+ * - `tombstones`: Store for deletion timestamps. Key: `key`.
+ * - `meta`: Store for versioning and timestamps. Key: `key`.
+ *
+ * **Strategy: Incremental Persistence**
+ * - Snapshots are saved periodically (debounced) to avoid write trashing.
+ * - "Fingerprints" (hashes/stringified) are tracked in memory to minimize I/O.
+ * - Only changed items (where fingerprint differs) are written to IDB.
+ * - If the TTL expires, the cache is cleared on restore to force a fresh fetch.
+ */
+class EventsCacheStore {
+  /**
+   * Initializes the EventsCacheStore.
+   * Tracks fingerprints of persisted items to avoid redundant writes.
+   */
+  constructor() {
+    /** @type {Promise<IDBDatabase>|null} Singleton promise for opening the DB */
+    this.dbPromise = null;
+    /** @type {Map<string, string>} Map of Event ID -> JSON Fingerprint */
+    this.persistedEventFingerprints = new Map();
+    /** @type {Map<string, string>} Map of Tombstone Key -> Fingerprint */
+    this.persistedTombstoneFingerprints = new Map();
+    /** @type {boolean} Whether we have loaded existing fingerprints from IDB */
+    this.hasLoadedFingerprints = false;
+  }
+
+  isSupported() {
+    return typeof indexedDB !== "undefined";
+  }
+
+  /**
+   * Opens (or returns existing) connection to the IndexedDB database.
+   * Handles schema upgrades (creating object stores).
+   *
+   * @returns {Promise<IDBDatabase|null>} The database instance or null if not supported.
+   */
+  async getDb() {
+    if (!this.isSupported()) {
+      return null;
+    }
+
+    if (this.dbPromise) {
+      return this.dbPromise;
+    }
+
+    this.dbPromise = new Promise((resolve, reject) => {
+      const request = indexedDB.open(EVENTS_CACHE_DB_NAME, EVENTS_CACHE_DB_VERSION);
+
+      request.onupgradeneeded = () => {
+        const db = request.result;
+        if (!db.objectStoreNames.contains("events")) {
+          db.createObjectStore("events", { keyPath: "id" });
+        }
+        if (!db.objectStoreNames.contains("tombstones")) {
+          db.createObjectStore("tombstones", { keyPath: "key" });
+        }
+        if (!db.objectStoreNames.contains("meta")) {
+          db.createObjectStore("meta", { keyPath: "key" });
+        }
+      };
+
+      request.onsuccess = () => resolve(request.result);
+      request.onerror = () => reject(request.error || new Error("Failed to open events cache database"));
+    });
+
+    return this.dbPromise;
+  }
+
+  computeEventFingerprint(video) {
+    try {
+      return JSON.stringify(video);
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to fingerprint cached event", error);
+      return String(Date.now());
+    }
+  }
+
+  computeTombstoneFingerprint(timestamp) {
+    return `ts:${timestamp}`;
+  }
+
+  /**
+   * Pre-loads fingerprints of all persisted items into memory.
+   *
+   * This is critical for the "Incremental Persistence" strategy. By knowing
+   * what is already on disk (via fingerprints), we can avoid writing unchanged records.
+   *
+   * @param {IDBDatabase} db - The database instance.
+   */
+  async ensureFingerprintsLoaded(db) {
+    if (this.hasLoadedFingerprints || !db) {
+      return;
+    }
+    const tx = db.transaction(["events", "tombstones"], "readonly");
+    const eventsStore = tx.objectStore("events");
+    const tombstoneStore = tx.objectStore("tombstones");
+
+    const [events, tombstones] = await Promise.all([
+      wrapIdbRequest(eventsStore.getAll()),
+      wrapIdbRequest(tombstoneStore.getAll()),
+      waitForTransaction(tx),
+    ]);
+
+    for (const entry of Array.isArray(events) ? events : []) {
+      if (entry && entry.id && entry.fingerprint) {
+        this.persistedEventFingerprints.set(entry.id, entry.fingerprint);
+      }
+    }
+
+    for (const entry of Array.isArray(tombstones) ? tombstones : []) {
+      if (entry && entry.key) {
+        const fingerprint = entry.fingerprint || this.computeTombstoneFingerprint(entry.timestamp);
+        this.persistedTombstoneFingerprints.set(entry.key, fingerprint);
+      }
+    }
+
+    this.hasLoadedFingerprints = true;
+  }
+
+  async readMeta(db) {
+    const tx = db.transaction(["meta"], "readonly");
+    const metaStore = tx.objectStore("meta");
+    const meta = await wrapIdbRequest(metaStore.get("meta"));
+    await waitForTransaction(tx);
+    return meta;
+  }
+
+  /**
+   * Restores the full state from IndexedDB.
+   *
+   * @returns {Promise<{version: number, savedAt: number, events: Map, tombstones: Map}|null>}
+   * The restored snapshot or null if cache is missing/expired.
+   */
+  async restoreSnapshot() {
+    const db = await this.getDb();
+    if (!db) {
+      return null;
+    }
+
+    const meta = await this.readMeta(db);
+    if (!meta || meta.version !== 1 || !meta.savedAt) {
+      return null;
+    }
+
+    // Check TTL: If cache is too old, wipe it and return null to force a fresh fetch.
+    const now = Date.now();
+    if (now - meta.savedAt > EVENTS_CACHE_TTL_MS) {
+      const tx = db.transaction(["events", "tombstones", "meta"], "readwrite");
+      tx.objectStore("events").clear();
+      tx.objectStore("tombstones").clear();
+      tx.objectStore("meta").clear();
+      await waitForTransaction(tx);
+      return null;
+    }
+
+    const tx = db.transaction(["events", "tombstones"], "readonly");
+    const eventsStore = tx.objectStore("events");
+    const tombstoneStore = tx.objectStore("tombstones");
+
+    const [events, tombstones] = await Promise.all([
+      wrapIdbRequest(eventsStore.getAll()),
+      wrapIdbRequest(tombstoneStore.getAll()),
+      waitForTransaction(tx),
+    ]);
+
+    const eventsMap = new Map();
+    const tombstoneMap = new Map();
+
+    for (const entry of Array.isArray(events) ? events : []) {
+      if (entry && entry.id && entry.video) {
+        eventsMap.set(entry.id, entry.video);
+        if (entry.fingerprint) {
+          this.persistedEventFingerprints.set(entry.id, entry.fingerprint);
+        }
+      }
+    }
+
+    for (const entry of Array.isArray(tombstones) ? tombstones : []) {
+      if (entry && entry.key && Number.isFinite(entry.timestamp)) {
+        tombstoneMap.set(entry.key, entry.timestamp);
+        const fingerprint = entry.fingerprint || this.computeTombstoneFingerprint(entry.timestamp);
+        this.persistedTombstoneFingerprints.set(entry.key, fingerprint);
+      }
+    }
+
+    this.hasLoadedFingerprints = true;
+
+    return {
+      version: 1,
+      savedAt: meta.savedAt,
+      events: eventsMap,
+      tombstones: tombstoneMap,
+    };
+  }
+
+  /**
+   * Persists the current state to IndexedDB.
+   * Only writes changes (diffs against fingerprints).
+   *
+   * @param {{events: Map, tombstones: Map, savedAt: number}} payload - The state to save.
+   * @returns {Promise<{persisted: boolean, eventWrites: number, eventDeletes: number, tombstoneWrites: number, tombstoneDeletes: number}>}
+   * Stats about the persistence operation.
+   */
+  async persistSnapshot(payload) {
+    const db = await this.getDb();
+    if (!db) {
+      return { persisted: false };
+    }
+
+    await this.ensureFingerprintsLoaded(db);
+
+    const tx = db.transaction(["events", "tombstones", "meta"], "readwrite");
+    const eventsStore = tx.objectStore("events");
+    const tombstoneStore = tx.objectStore("tombstones");
+    const metaStore = tx.objectStore("meta");
+
+    const { events, tombstones, savedAt } = payload;
+    let eventWrites = 0;
+    let eventDeletes = 0;
+    let tombstoneWrites = 0;
+    let tombstoneDeletes = 0;
+
+    for (const [id, video] of events.entries()) {
+      if (!id) {
+        continue;
+      }
+      const fingerprint = this.computeEventFingerprint(video);
+      const prevFingerprint = this.persistedEventFingerprints.get(id);
+      if (prevFingerprint === fingerprint) {
+        continue;
+      }
+      eventsStore.put({ id, video, fingerprint });
+      this.persistedEventFingerprints.set(id, fingerprint);
+      eventWrites++;
+    }
+
+    for (const persistedId of Array.from(this.persistedEventFingerprints.keys())) {
+      if (events.has(persistedId)) {
+        continue;
+      }
+      eventsStore.delete(persistedId);
+      this.persistedEventFingerprints.delete(persistedId);
+      eventDeletes++;
+    }
+
+    for (const [key, timestamp] of tombstones.entries()) {
+      if (!key) {
+        continue;
+      }
+      const fingerprint = this.computeTombstoneFingerprint(timestamp);
+      const prevFingerprint = this.persistedTombstoneFingerprints.get(key);
+      if (prevFingerprint === fingerprint) {
+        continue;
+      }
+      tombstoneStore.put({ key, timestamp, fingerprint });
+      this.persistedTombstoneFingerprints.set(key, fingerprint);
+      tombstoneWrites++;
+    }
+
+    for (const persistedKey of Array.from(this.persistedTombstoneFingerprints.keys())) {
+      if (tombstones.has(persistedKey)) {
+        continue;
+      }
+      tombstoneStore.delete(persistedKey);
+      this.persistedTombstoneFingerprints.delete(persistedKey);
+      tombstoneDeletes++;
+    }
+
+    metaStore.put({ key: "meta", savedAt, version: 1 });
+
+    await waitForTransaction(tx);
+
+    return {
+      persisted: true,
+      eventWrites,
+      eventDeletes,
+      tombstoneWrites,
+      tombstoneDeletes,
+    };
+  }
+}
+
+// To limit error spam
+let errorLogCount = 0;
+const MAX_ERROR_LOGS = 100;
+function logErrorOnce(message, eventContent = null) {
+  if (errorLogCount < MAX_ERROR_LOGS) {
+    userLogger.error(message);
+    if (eventContent) {
+      devLogger.log(`Event Content: ${eventContent}`);
+    }
+    errorLogCount++;
+  }
+  if (errorLogCount === MAX_ERROR_LOGS) {
+    userLogger.error(
+      "Maximum error log limit reached. Further errors will be suppressed."
+    );
+  }
+}
+
+export const __testExports = {
+  runNip07WithRetry,
+  DEFAULT_NIP07_ENCRYPTION_METHODS,
+  decryptNip46PayloadWithKeys,
+  createNip46Cipher,
+  normalizeNip46CiphertextPayload,
+  parseNip46ConnectionString,
+  attemptDecryptNip46HandshakePayload,
+};
+
+function withRequestTimeout(promise, timeoutMs, onTimeout, message = "Request timed out") {
+  const resolvedTimeout = Number(timeoutMs);
+  const effectiveTimeout =
+    Number.isFinite(resolvedTimeout) && resolvedTimeout > 0
+      ? Math.floor(resolvedTimeout)
+      : 4000;
+
+  let timeoutId = null;
+  let settled = false;
+
+  return new Promise((resolve, reject) => {
+    timeoutId = setTimeout(() => {
+      if (settled) {
+        return;
+      }
+      settled = true;
+      if (typeof onTimeout === "function") {
+        try {
+          onTimeout();
+        } catch (cleanupError) {
+          logCountTimeoutCleanupFailure(cleanupError);
+        }
+      }
+      reject(new Error(message));
+    }, effectiveTimeout);
+
+    Promise.resolve(promise)
+      .then((value) => {
+        if (settled) {
+          return;
+        }
+        settled = true;
+        if (timeoutId) {
+          clearTimeout(timeoutId);
+        }
+        resolve(value);
+      })
+      .catch((error) => {
+        if (settled) {
+          return;
+        }
+        settled = true;
+        if (timeoutId) {
+          clearTimeout(timeoutId);
+        }
+        reject(error);
+      });
+  });
+}
+
+function extractVideoPublishPayload(rawPayload) {
+  let videoData = rawPayload;
+  let nip71Metadata = null;
+
+  if (rawPayload && typeof rawPayload === "object") {
+    if (rawPayload.nip71 && typeof rawPayload.nip71 === "object") {
+      nip71Metadata = rawPayload.nip71;
+    }
+    if (
+      rawPayload.legacyFormData &&
+      typeof rawPayload.legacyFormData === "object"
+    ) {
+      videoData = rawPayload.legacyFormData;
+    } else if (
+      Object.prototype.hasOwnProperty.call(rawPayload, "legacyFormData")
+    ) {
+      videoData = rawPayload.legacyFormData || {};
+    }
+  }
+
+  if (!videoData || typeof videoData !== "object") {
+    videoData = {};
+  }
+
+  const normalizedVideoData = { ...videoData };
+  const isNsfw = videoData.isNsfw === true;
+  normalizedVideoData.isNsfw = isNsfw;
+  normalizedVideoData.isForKids =
+    videoData.isForKids === true && !isNsfw;
+
+  return { videoData: normalizedVideoData, nip71Metadata };
+}
+
+function normalizeHexHash(candidate) {
+  if (candidate === undefined || candidate === null) {
+    return "";
+  }
+  const stringValue =
+    typeof candidate === "string" ? candidate : String(candidate);
+  const trimmed = stringValue.trim().toLowerCase();
+  if (!trimmed) {
+    return "";
+  }
+  return HEX64_REGEX.test(trimmed) ? trimmed : "";
+}
+
+function resolveStoragePointerValue({
+  storagePointer,
+  url,
+  infoHash,
+  fallbackId,
+  provider,
+} = {}) {
+  const normalized = normalizeStoragePointer(storagePointer);
+  if (normalized) {
+    return normalized;
+  }
+
+  const derivedFromUrl = deriveStoragePointerFromUrl(url, provider || "url");
+  if (derivedFromUrl) {
+    return derivedFromUrl;
+  }
+
+  if (typeof infoHash === "string" && infoHash.trim()) {
+    return buildStoragePointerValue({
+      provider: "btih",
+      prefix: infoHash.trim().toLowerCase(),
+    });
+  }
+
+  if (typeof fallbackId === "string" && fallbackId.trim()) {
+    return buildStoragePointerValue({
+      provider: "nostr",
+      prefix: fallbackId.trim(),
+    });
+  }
+
+  return "";
+}
+
+const BlobConstructor = typeof Blob !== "undefined" ? Blob : null;
+let sharedTextEncoder = null;
+
+function getSharedTextEncoder() {
+  if (!sharedTextEncoder && typeof TextEncoder !== "undefined") {
+    sharedTextEncoder = new TextEncoder();
+  }
+  return sharedTextEncoder;
+}
+
+async function valueToUint8Array(value) {
+  if (!value) {
+    return null;
+  }
+
+  try {
+    if (
+      BlobConstructor &&
+      value instanceof BlobConstructor &&
+      typeof value.arrayBuffer === "function"
+    ) {
+      const buffer = await value.arrayBuffer();
+      return new Uint8Array(buffer);
+    }
+  } catch (error) {
+    devLogger.warn("[nostr] Failed to read Blob while computing hash:", error);
+    return null;
+  }
+
+  if (typeof ArrayBuffer !== "undefined") {
+    if (value instanceof ArrayBuffer) {
+      return new Uint8Array(value);
+    }
+    if (ArrayBuffer.isView?.(value)) {
+      return new Uint8Array(value.buffer, value.byteOffset, value.byteLength);
+    }
+  }
+
+  if (typeof Buffer !== "undefined" && Buffer.isBuffer?.(value)) {
+    return new Uint8Array(value.buffer, value.byteOffset, value.byteLength);
+  }
+
+  if (typeof value === "string") {
+    const encoder = getSharedTextEncoder();
+    return encoder ? encoder.encode(value) : null;
+  }
+
+  return null;
+}
+
+async function computeSha256HexFromValue(value) {
+  const data = await valueToUint8Array(value);
+  if (!data) {
+    return "";
+  }
+
+  try {
+    const digest = sha256(data);
+    const hex = typeof digest === "string" ? digest : bytesToHex(digest);
+    return hex ? hex.toLowerCase() : "";
+  } catch (error) {
+    devLogger.warn("[nostr] Failed to compute SHA-256 for mirror payload:", error);
+    return "";
+  }
+}
+
+function eventToAddressPointer(event) {
+  if (!event || typeof event !== "object") {
+    return "";
+  }
+
+  const kind = typeof event.kind === "number" ? event.kind : null;
+  const pubkey = typeof event.pubkey === "string" ? event.pubkey : "";
+  if (!kind || !pubkey) {
+    return "";
+  }
+
+  const tags = Array.isArray(event.tags) ? event.tags : [];
+  for (const tag of tags) {
+    if (Array.isArray(tag) && tag[0] === "d" && typeof tag[1] === "string") {
+      return `${kind}:${pubkey}:${tag[1]}`;
+    }
+  }
+
+  return "";
+}
+
+function cloneEventForCache(event) {
+  if (!event || typeof event !== "object") {
+    return null;
+  }
+
+  const cloned = { ...event };
+  if (Array.isArray(event.tags)) {
+    cloned.tags = event.tags.map((tag) =>
+      Array.isArray(tag) ? [...tag] : tag
+    );
+  }
+
+  return cloned;
+}
+
+const DM_DECRYPT_CACHE_LIMIT = 256;
+const DM_EVENT_KINDS = Object.freeze([4, 1059]);
+
+function buildDmFilters(actorPubkey, { since, until, limit } = {}) {
+  const normalizedActor = normalizeActorKey(actorPubkey);
+  const filters = [];
+
+  const normalizedLimit = Number.isFinite(limit) && limit > 0 ? Math.floor(limit) : undefined;
+  const normalizedSince = Number.isFinite(since) ? Math.floor(since) : undefined;
+  const normalizedUntil = Number.isFinite(until) ? Math.floor(until) : undefined;
+
+  const baseFilterPayload = (kinds) => {
+    const payload = { kinds: Array.isArray(kinds) ? kinds : [kinds] };
+    if (normalizedLimit !== undefined) {
+      payload.limit = normalizedLimit;
+    }
+    if (normalizedSince !== undefined) {
+      payload.since = normalizedSince;
+    }
+    if (normalizedUntil !== undefined) {
+      payload.until = normalizedUntil;
+    }
+    return payload;
+  };
+
+  if (normalizedActor) {
+    const authorFilter = baseFilterPayload(DM_EVENT_KINDS);
+    authorFilter.authors = [normalizedActor];
+    filters.push(authorFilter);
+
+    const directFilter = baseFilterPayload(DM_EVENT_KINDS);
+    directFilter["#p"] = [normalizedActor];
+    filters.push(directFilter);
+  } else {
+    const fallbackFilter = baseFilterPayload(DM_EVENT_KINDS);
+    filters.push(fallbackFilter);
+  }
+
+  return filters;
+}
+
+
+const EXTENSION_MIME_MAP = Object.freeze(
+  Object.fromEntries(
+    Object.entries({
+      mp4: "video/mp4",
+      m4v: "video/x-m4v",
+      webm: "video/webm",
+      mkv: "video/x-matroska",
+      mov: "video/quicktime",
+      avi: "video/x-msvideo",
+      ogv: "video/ogg",
+      ogg: "video/ogg",
+      m3u8: "application/x-mpegurl",
+      mpd: "application/dash+xml",
+      ts: "video/mp2t",
+      mpg: "video/mpeg",
+      mpeg: "video/mpeg",
+      flv: "video/x-flv",
+      "3gp": "video/3gpp",
+    }).map(([extension, mimeType]) => [
+      extension,
+      typeof mimeType === "string" ? mimeType.toLowerCase() : "",
+    ]),
+  ),
+);
+
+function inferMimeTypeFromUrl(url) {
+  if (!url || typeof url !== "string") {
+    return "";
+  }
+
+  let pathname = "";
+  try {
+    const parsed = new URL(url);
+    pathname = parsed.pathname || "";
+  } catch (err) {
+    const sanitized = url.split("?")[0].split("#")[0];
+    pathname = sanitized || "";
+  }
+
+  const lastSegment = pathname.split("/").pop() || "";
+  const match = lastSegment.match(/\.([a-z0-9]+)$/i);
+  if (!match) {
+    return "";
+  }
+
+  const extension = match[1].toLowerCase();
+  const mimeType = EXTENSION_MIME_MAP[extension];
+  return typeof mimeType === "string" ? mimeType : "";
+}
+
+function getActiveKey(video) {
+  if (video.videoRootId) {
+    return `ROOT:${video.videoRootId}`;
+  }
+  const dTag = video.tags?.find((t) => t[0] === "d");
+  if (dTag) {
+    return `${video.pubkey}:${dTag[1]}`;
+  }
+  return `LEGACY:${video.id}`;
+}
+
+export {
+  convertEventToVideo,
+  Nip46RpcClient,
+  buildNip71MetadataTags,
+  buildNip71VideoEvent,
+  extractNip71MetadataFromTags,
+};
+
+export class NostrClient {
+  /**
+   * Initializes the NostrClient.
+   * Sets up connection pools, state maps, and default relays.
+   *
+   * The client manages the full lifecycle of Nostr interactions:
+   * - Connection pooling via `SimplePool`.
+   * - State tracking (allEvents, activeMap).
+   * - Signer negotiation (NIP-07, NIP-46, local).
+   * - Background caching with IndexedDB.
+   *
+   * For a detailed architectural overview, see `docs/nostr-client-overview.md`.
+   */
+  constructor() {
+    /**
+     * @type {import("nostr-tools").SimplePool}
+     * The underlying pool of relay connections.
+     */
+    this.pool = null;
+    /** @type {Promise<import("nostr-tools").SimplePool>|null} Promise for the pool initialization */
+    this.poolPromise = null;
+    /** @type {string|null} The currently logged-in user's hex public key */
+    this.pubkey = null;
+    /** @type {string[]} List of all configured relay URLs */
+    this.relays = sanitizeRelayList(Array.from(DEFAULT_RELAY_URLS));
+    /** @type {string[]} List of relays preferred for reading (subset of relays) */
+    this.readRelays = Array.from(this.relays);
+    /** @type {string[]} List of relays preferred for writing (subset of relays) */
+    this.writeRelays = Array.from(this.relays);
+
+    /**
+     * @type {Map<string, object>}
+     * Maps event ID to the converted Video object.
+     * Stores ALL fetched versions to ensure old links resolve.
+     * @public
+     */
+    this.allEvents = new Map();
+
+    /**
+     * @type {Map<string, import("nostr-tools").Event>}
+     * Maps event ID to the raw Nostr event object.
+     * Kept for signature verification and republishing (e.g. NIP-94 mirror).
+     * @public
+     */
+    this.rawEvents = new Map();
+
+    /**
+     * @type {Map<string, object>}
+     * Maps `videoRootId` (or `pubkey:dTag`) to the latest valid Video object.
+     * This is the "materialized view" used by the UI.
+     * It automatically deduplicates versions, keeping only the most recent one.
+     * @public
+     */
+    this.activeMap = new Map();
+
+    /**
+     * @type {Map<string, number>}
+     * Maps `activeKey` to the timestamp of its latest deletion.
+     * Prevents older events from reappearing after a delete.
+     * Critical for "Eventual Consistency" handling.
+     * @public
+     */
+    this.tombstones = new Map();
+
+    this.rootCreatedAtByRoot = new Map();
+
+    this.hasRestoredLocalData = false;
+    this.eventsCacheStore = new EventsCacheStore();
+    this.syncMetadataStore = new SyncMetadataStore();
+    this.cachePersistTimerId = null;
+    this.cachePersistIdleId = null;
+    this.cachePersistInFlight = null;
+    this.cachePersistReason = null;
+
+    this.sessionActor = null;
+    this.lockedSessionActor = null;
+    this.nip71Cache = new Map();
+    this.watchHistory = createWatchHistoryManager({
+      getPool: () => this.pool,
+      getActivePubkey: () => this.pubkey,
+      getSessionActor: () => this.sessionActor,
+      ensureSessionActor: () => this.ensureSessionActor(),
+      ensureExtensionPermissions: (...args) => this.ensureExtensionPermissions(...args),
+      resolveActiveSigner,
+      shouldRequestExtensionPermissions,
+      signEventWithPrivateKey,
+      getReadRelays: () => this.readRelays,
+      getWriteRelays: () => this.writeRelays,
+      getRelayFallback: () => this.relays,
+      eventToAddressPointer,
+    });
+    Object.defineProperties(this, {
+      watchHistoryCache: {
+        configurable: true,
+        enumerable: false,
+        get: () => this.watchHistory.cache,
+        set: (value) => {
+          const nextValue =
+            value instanceof Map
+              ? value
+              : value && typeof value[Symbol.iterator] === "function"
+                ? new Map(value)
+                : new Map();
+          this.watchHistory.cache = nextValue;
+        },
+      },
+      watchHistoryFingerprints: {
+        configurable: true,
+        enumerable: false,
+        get: () => this.watchHistory.fingerprints,
+        set: (value) => {
+          const nextValue =
+            value instanceof Map
+              ? value
+              : value && typeof value[Symbol.iterator] === "function"
+                ? new Map(value)
+                : new Map();
+          this.watchHistory.fingerprints = nextValue;
+        },
+      },
+      watchHistoryRepublishTimers: {
+        configurable: true,
+        enumerable: false,
+        get: () => this.watchHistory.republishTimers,
+        set: (value) => {
+          const nextValue =
+            value instanceof Map
+              ? value
+              : value && typeof value[Symbol.iterator] === "function"
+                ? new Map(value)
+                : new Map();
+          this.watchHistory.republishTimers = nextValue;
+        },
+      },
+      watchHistoryRefreshPromises: {
+        configurable: true,
+        enumerable: false,
+        get: () => this.watchHistory.refreshPromises,
+        set: (value) => {
+          const nextValue =
+            value instanceof Map
+              ? value
+              : value && typeof value[Symbol.iterator] === "function"
+                ? new Map(value)
+                : new Map();
+          this.watchHistory.refreshPromises = nextValue;
+        },
+      },
+      watchHistoryCacheTtlMs: {
+        configurable: true,
+        enumerable: false,
+        get: () => this.watchHistory.cacheTtlMs,
+        set: (value) => {
+          const numeric = Number(value);
+          this.watchHistory.cacheTtlMs = Number.isFinite(numeric)
+            ? numeric
+            : 0;
+        },
+      },
+      watchHistoryLastCreatedAt: {
+        configurable: true,
+        enumerable: false,
+        get: () => this.watchHistory.lastCreatedAt,
+        set: (value) => {
+          const numeric = Number(value);
+          this.watchHistory.lastCreatedAt = Number.isFinite(numeric)
+            ? numeric
+            : 0;
+        },
+      },
+      watchHistoryStorage: {
+        configurable: true,
+        enumerable: false,
+        get: () => this.watchHistory.storage,
+        set: (value) => {
+          this.watchHistory.storage =
+            value && typeof value === "object" ? value : null;
+        },
+      },
+    });
+    this.dmDecryptCache = new LRUCache({ maxSize: DM_DECRYPT_CACHE_LIMIT });
+    this.dmDecryptor = null;
+    this.dmDecryptorPromise = null;
+    this.sessionActorCipherClosures = null;
+    this.sessionActorCipherClosuresPrivateKey = null;
+    this.countUnsupportedRelays = new Set();
+    this.unreachableRelays = new Set();
+    this.relayBackoff = new Map();
+    this.relayFailureCounts = new Map();
+    this.relayFailureWindows = new Map();
+    this.relayCircuitBreakers = new Map();
+    this.relaySummaryLogTimestamps = new Map();
+    this.relayReconnectTimer = null;
+    this.relayReconnectAttempt = 0;
+    this.isInitialized = false;
+    this.nip46Client = null;
+    this.pendingHandshakeCancel = null;
+    this.remoteSignerListeners = new Set();
+    this.sessionActorListeners = new Set();
+    const storedRemoteSigner = this.getStoredNip46Metadata();
+    this.remoteSignerStatus = {
+      state: storedRemoteSigner.hasSession ? "stored" : "idle",
+      remotePubkey: storedRemoteSigner.remotePubkey || "",
+      remoteNpub: storedRemoteSigner.remoteNpub || "",
+      userPubkey: storedRemoteSigner.userPubkey || "",
+      userNpub: storedRemoteSigner.userNpub || "",
+      relays: storedRemoteSigner.relays || [],
+      metadata: storedRemoteSigner.metadata || {},
+      label:
+        (storedRemoteSigner.metadata && storedRemoteSigner.metadata.name) || "",
+      message: null,
+      error: null,
+      hasStoredSession: storedRemoteSigner.hasSession,
+    };
+    this.pendingRemoteSignerRestore = null;
+    let storedPermissions = null;
+    const hasLocalStorage =
+      (typeof window !== "undefined" &&
+        window &&
+        typeof window.localStorage !== "undefined") ||
+      (typeof globalThis !== "undefined" &&
+        globalThis &&
+        typeof globalThis.localStorage !== "undefined");
+
+    if (hasLocalStorage) {
+      try {
+        storedPermissions = readStoredNip07Permissions();
+      } catch (error) {
+        storedPermissions = null;
+      }
+    }
+
+    this.extensionPermissionCache =
+      storedPermissions instanceof Set ? storedPermissions : new Set();
+    this.extensionReady = false;
+    this.extensionPermissionsGranted = this.hasCachedExtensionPermissions(
+      DEFAULT_NIP07_PERMISSION_METHODS,
+    );
+    this.extensionPermissionStatusHandler = null;
+  }
+
+  getStoredNip46Metadata() {
+    const stored = readStoredNip46Session();
+    if (!stored) {
+      return { hasSession: false };
+    }
+
+    const remotePubkey = stored.remotePubkey || "";
+    const userPubkey = stored.userPubkey || "";
+    const canReconnect = Boolean(stored.clientPrivateKey && stored.secret);
+
+    return {
+      hasSession: true,
+      canReconnect,
+      remotePubkey,
+      remoteNpub: encodeHexToNpub(remotePubkey),
+      clientPublicKey: stored.clientPublicKey || "",
+      relays: Array.isArray(stored.relays) ? [...stored.relays] : [],
+      metadata: stored.metadata || {},
+      encryption: stored.encryption || "",
+      userPubkey,
+      userNpub: encodeHexToNpub(userPubkey),
+    };
+  }
+
+  getRemoteSignerStatus() {
+    return { ...this.remoteSignerStatus };
+  }
+
+  emitRemoteSignerChange(status = {}) {
+    const stored = this.getStoredNip46Metadata();
+    const nextState =
+      typeof status.state === "string" && status.state.trim()
+        ? status.state.trim()
+        : this.nip46Client
+        ? "connected"
+        : stored.hasSession
+        ? "stored"
+        : "idle";
+
+    const remotePubkey =
+      (typeof status.remotePubkey === "string" && status.remotePubkey.trim()) ||
+      this.nip46Client?.remotePubkey ||
+      stored.remotePubkey ||
+      "";
+    const userPubkey =
+      (typeof status.userPubkey === "string" && status.userPubkey.trim()) ||
+      this.nip46Client?.userPubkey ||
+      stored.userPubkey ||
+      "";
+
+    const metadataCandidate =
+      status.metadata || this.nip46Client?.metadata || stored.metadata || {};
+    const metadata =
+      metadataCandidate && typeof metadataCandidate === "object"
+        ? { ...metadataCandidate }
+        : {};
+    const relays = Array.isArray(status.relays)
+      ? status.relays.slice()
+      : (this.nip46Client?.relays || stored.relays || []).slice();
+    const encryption =
+      (typeof status.encryption === "string" && status.encryption.trim()
+        ? normalizeNip46EncryptionAlgorithm(status.encryption)
+        : "") || this.nip46Client?.encryptionAlgorithm || stored.encryption || "";
+
+    const snapshot = {
+      state: nextState,
+      remotePubkey,
+      userPubkey,
+      relays,
+      metadata,
+      encryption,
+      label:
+        status.label ||
+        metadata?.name ||
+        this.nip46Client?.metadata?.name ||
+        stored.metadata?.name ||
+        "",
+      remoteNpub:
+        (typeof status.remoteNpub === "string" && status.remoteNpub.trim()) ||
+        encodeHexToNpub(remotePubkey) ||
+        stored.remoteNpub ||
+        "",
+      userNpub:
+        (typeof status.userNpub === "string" && status.userNpub.trim()) ||
+        encodeHexToNpub(userPubkey) ||
+        stored.userNpub ||
+        "",
+      message: status.message || null,
+      error: status.error || null,
+      hasStoredSession: stored.hasSession,
+    };
+
+    this.remoteSignerStatus = snapshot;
+
+    for (const listener of Array.from(this.remoteSignerListeners)) {
+      try {
+        listener(snapshot);
+      } catch (error) {
+        devLogger.warn("[nostr] Remote signer listener threw:", error);
+      }
+    }
+
+    return snapshot;
+  }
+
+  onRemoteSignerChange(listener) {
+    if (typeof listener !== "function") {
+      return () => {};
+    }
+
+    this.remoteSignerListeners.add(listener);
+    return () => {
+      this.remoteSignerListeners.delete(listener);
+    };
+  }
+
+  emitSessionActorChange(actor, context = {}) {
+    const resolvedActor =
+      actor && typeof actor === "object" ? actor : this.sessionActor;
+    const pubkey =
+      typeof resolvedActor?.pubkey === "string" ? resolvedActor.pubkey.trim() : "";
+    if (!pubkey) {
+      return null;
+    }
+
+    const reason =
+      typeof context.reason === "string" && context.reason.trim()
+        ? context.reason.trim()
+        : "";
+    const createdAt = Number.isFinite(resolvedActor?.createdAt)
+      ? resolvedActor.createdAt
+      : null;
+    const snapshot = {
+      pubkey,
+      source:
+        typeof resolvedActor?.source === "string" ? resolvedActor.source : "",
+      persisted: resolvedActor?.persisted === true,
+      createdAt,
+      reason,
+    };
+
+    for (const listener of Array.from(this.sessionActorListeners)) {
+      try {
+        listener(snapshot);
+      } catch (error) {
+        devLogger.warn("[nostr] Session actor listener threw:", error);
+      }
+    }
+
+    return snapshot;
+  }
+
+  onSessionActorChange(listener) {
+    if (typeof listener !== "function") {
+      return () => {};
+    }
+
+    this.sessionActorListeners.add(listener);
+    return () => {
+      this.sessionActorListeners.delete(listener);
+    };
+  }
+
+  async createNip46KeyPair(existingPrivateKey = "", existingPublicKey = "") {
+    let privateKey =
+      typeof existingPrivateKey === "string" && existingPrivateKey.trim()
+        ? existingPrivateKey.trim().toLowerCase()
+        : "";
+
+    if (privateKey && !HEX64_REGEX.test(privateKey)) {
+      const error = new Error("Invalid remote signer private key.");
+      error.code = "invalid-private-key";
+      throw error;
+    }
+
+    if (!privateKey) {
+      const tools = (await ensureNostrTools()) || getCachedNostrTools();
+      if (!tools) {
+        throw new Error("Unable to generate a remote signer key pair.");
+      }
+
+      let generated = null;
+      if (typeof tools.generateSecretKey === "function") {
+        generated = tools.generateSecretKey();
+      }
+
+      if (generated instanceof Uint8Array) {
+        privateKey = bytesToHex(generated);
+      } else if (Array.isArray(generated)) {
+        privateKey = bytesToHex(Uint8Array.from(generated));
+      } else if (typeof generated === "string") {
+        privateKey = generated.trim().toLowerCase();
+      }
+
+      if (!privateKey || !HEX64_REGEX.test(privateKey)) {
+        throw new Error("Generated remote signer key is invalid.");
+      }
+
+      privateKey = privateKey.toLowerCase();
+    }
+
+    let publicKey =
+      typeof existingPublicKey === "string" && existingPublicKey.trim()
+        ? existingPublicKey.trim().toLowerCase()
+        : "";
+
+    if (!publicKey) {
+      const tools = (await ensureNostrTools()) || getCachedNostrTools();
+      if (!tools || typeof tools.getPublicKey !== "function") {
+        throw new Error("Public key derivation is unavailable for remote signing.");
+      }
+      publicKey = tools.getPublicKey(privateKey);
+    }
+
+    if (!publicKey || !HEX64_REGEX.test(publicKey)) {
+      throw new Error("Derived remote signer public key is invalid.");
+    }
+
+    return { privateKey, publicKey: publicKey.toLowerCase() };
+  }
+
+  async prepareRemoteSignerHandshake({ metadata, relays, secret, permissions } = {}) {
+    const keyPair = await this.createNip46KeyPair();
+    const sanitizedMetadata = sanitizeNip46Metadata(metadata);
+    const requestedPermissions =
+      typeof permissions === "string" && permissions.trim() ? permissions.trim() : "";
+
+    const resolvedRelays = resolveNip46Relays(relays, this.relays);
+    const handshakeSecret =
+      typeof secret === "string" && secret.trim() ? secret.trim() : generateNip46Secret();
+
+    devLogger.debug("[nostr] Preparing remote signer handshake", {
+      clientPublicKey: summarizeHexForLog(keyPair.publicKey),
+      relays: resolvedRelays,
+      permissions: requestedPermissions || null,
+      secret: summarizeSecretForLog(handshakeSecret),
+      metadataKeys: summarizeMetadataForLog(sanitizedMetadata),
+    });
+
+    const params = [];
+    for (const relay of resolvedRelays) {
+      params.push(`relay=${encodeURIComponent(relay)}`);
+    }
+    if (handshakeSecret) {
+      params.push(`secret=${encodeURIComponent(handshakeSecret)}`);
+    }
+    if (requestedPermissions) {
+      params.push(`perms=${encodeURIComponent(requestedPermissions)}`);
+    }
+    for (const [key, value] of Object.entries(sanitizedMetadata)) {
+      params.push(`${encodeURIComponent(key)}=${encodeURIComponent(value)}`);
+    }
+
+    const query = params.length ? `?${params.join("&")}` : "";
+    const uri = `nostrconnect://${keyPair.publicKey}${query}`;
+
+    devLogger.debug("[nostr] Prepared nostrconnect URI", {
+      uri,
+      relayCount: resolvedRelays.length,
+      metadataKeys: summarizeMetadataForLog(sanitizedMetadata),
+    });
+
+    return {
+      type: "client",
+      connectionString: uri,
+      uri,
+      clientPrivateKey: keyPair.privateKey,
+      clientPublicKey: keyPair.publicKey,
+      relays: resolvedRelays,
+      secret: handshakeSecret,
+      permissions: requestedPermissions,
+      metadata: sanitizedMetadata,
+    };
+  }
+
+  async installNip46Client(client, { userPubkey } = {}) {
+    if (this.nip46Client && this.nip46Client !== client) {
+      try {
+        this.nip46Client.destroy();
+      } catch (error) {
+        devLogger.warn("[nostr] Failed to dispose previous remote signer client:", error);
+      }
+    }
+
+    this.nip46Client = client;
+    if (userPubkey) {
+      this.nip46Client.userPubkey = userPubkey;
+    }
+
+    const signer = await createNip46Adapter(client);
+    setActiveSigner(signer);
+
+    return signer;
+  }
+
+  /**
+   * Waits for a remote signer (Nostr Connect) to acknowledge a connection request.
+   *
+   * **Protocol (NIP-46):**
+   * - Subscribes to Kind 24133 (NIP-46 RPC) events addressed to the client.
+   * - Decrypts incoming messages using the ephemeral `clientPrivateKey`.
+   * - Looks for "connect" acknowledgement or "auth_url" challenges.
+   *
+   * @param {object} params
+   * @param {string} params.clientPrivateKey - Ephemeral private key for the handshake.
+   * @param {string} params.clientPublicKey - Ephemeral public key.
+   * @param {string[]} params.relays - Relay list for the handshake.
+   * @param {string} [params.secret] - Optional secret to validate the "ack" response.
+   * @param {function} [params.onAuthUrl] - Callback for out-of-band auth challenges.
+   * @param {function} [params.onStatus] - Callback for status updates.
+   * @param {number} [params.timeoutMs] - Max wait time.
+   * @param {string} [params.expectedRemotePubkey] - If known, filters events to this sender.
+   * @returns {Promise<{remotePubkey: string, eventPubkey: string, response: object, algorithm: string}>}
+   */
+  async waitForRemoteSignerHandshake({
+    clientPrivateKey,
+    clientPublicKey,
+    relays,
+    secret,
+    onAuthUrl,
+    onStatus,
+    timeoutMs,
+    expectedRemotePubkey,
+  } = {}) {
+    const normalizedClientPublicKey = normalizeNostrPubkey(clientPublicKey);
+    if (!normalizedClientPublicKey) {
+      throw new Error("A client public key is required to await the remote signer handshake.");
+    }
+
+    if (!clientPrivateKey || typeof clientPrivateKey !== "string" || !HEX64_REGEX.test(clientPrivateKey)) {
+      throw new Error("A client private key is required to await the remote signer handshake.");
+    }
+
+    const resolvedRelays = resolveNip46Relays(relays, this.relays);
+    if (!resolvedRelays.length) {
+      throw new Error("No relays available to complete the remote signer handshake.");
+    }
+
+    devLogger.debug("[nostr] Waiting for remote signer handshake", {
+      clientPubkey: summarizeHexForLog(normalizedClientPublicKey),
+      relays: resolvedRelays,
+      secret: summarizeSecretForLog(secret),
+      timeoutMs: Number.isFinite(timeoutMs) ? timeoutMs : undefined,
+      expectedRemotePubkey: summarizeHexForLog(expectedRemotePubkey || ""),
+    });
+
+    const pool = await this.ensurePool();
+    const filters = [
+      {
+        kinds: [NIP46_RPC_KIND],
+        "#p": [normalizedClientPublicKey],
+      },
+    ];
+
+    const waitTimeout = Number.isFinite(timeoutMs) && timeoutMs > 0 ? timeoutMs : NIP46_HANDSHAKE_TIMEOUT_MS;
+
+    const coerceStructuredString = (value) => {
+      if (typeof value === "string") {
+        return value.trim();
+      }
+      if (Array.isArray(value)) {
+        for (const entry of value) {
+          const candidate = coerceStructuredString(entry);
+          if (candidate) {
+            return candidate;
+          }
+        }
+        return "";
+      }
+      if (value && typeof value === "object") {
+        const preferredKeys = [
+          "secret",
+          "message",
+          "status",
+          "reason",
+          "detail",
+          "description",
+          "value",
+          "result",
+          "url",
+        ];
+        for (const key of preferredKeys) {
+          if (Object.prototype.hasOwnProperty.call(value, key)) {
+            const candidate = coerceStructuredString(value[key]);
+            if (candidate) {
+              return candidate;
+            }
+          }
+        }
+        for (const entry of Object.values(value)) {
+          const candidate = coerceStructuredString(entry);
+          if (candidate) {
+            return candidate;
+          }
+        }
+      }
+      return "";
+    };
+
+    return new Promise((resolve, reject) => {
+      let settled = false;
+      const cleanup = () => {
+        if (settled) {
+          return;
+        }
+        settled = true;
+        if (this.pendingHandshakeCancel === cancelHandshake) {
+          this.pendingHandshakeCancel = null;
+        }
+        try {
+          subscription?.unsub?.();
+        } catch (error) {
+          // ignore subscription cleanup failures
+        }
+        if (timeoutId) {
+          clearTimeout(timeoutId);
+        }
+      };
+
+      const cancelHandshake = () => {
+        cleanup();
+        const error = new Error("Remote signer connection cancelled.");
+        error.code = "login-cancelled";
+        reject(error);
+      };
+
+      this.pendingHandshakeCancel = cancelHandshake;
+
+      const timeoutId = setTimeout(() => {
+        cleanup();
+        const error = new Error("Timed out waiting for the remote signer to acknowledge the connection.");
+        error.code = "nip46-handshake-timeout";
+        devLogger.warn("[nostr] Handshake wait timed out", {
+          clientPubkey: summarizeHexForLog(normalizedClientPublicKey),
+          relays: resolvedRelays,
+        });
+        reject(error);
+      }, waitTimeout);
+
+      let subscription;
+      try {
+        subscription = pool.sub(resolvedRelays, filters);
+        devLogger.debug("[nostr] Handshake subscription established", {
+          relays: resolvedRelays,
+          filters,
+        });
+      } catch (error) {
+        cleanup();
+        devLogger.warn("[nostr] Failed to subscribe for handshake responses", error);
+        reject(error);
+        return;
+      }
+
+      subscription.on("event", (event) => {
+        if (settled) {
+          return;
+        }
+
+        if (!event || event.kind !== NIP46_RPC_KIND) {
+          devLogger.debug("[nostr] Ignoring non-handshake event during wait", event);
+          return;
+        }
+
+        const eventRemotePubkey = normalizeNostrPubkey(event.pubkey);
+        const candidateRemotePubkeys = [];
+        if (expectedRemotePubkey) {
+          candidateRemotePubkeys.push(expectedRemotePubkey);
+        }
+        if (eventRemotePubkey) {
+          candidateRemotePubkeys.push(eventRemotePubkey);
+        }
+
+        devLogger.debug("[nostr] Processing handshake event", {
+          eventId: typeof event.id === "string" ? event.id : "",
+          eventPubkey: summarizeHexForLog(eventRemotePubkey || ""),
+          candidateRemotePubkeys: candidateRemotePubkeys.map((key) =>
+            summarizeHexForLog(key),
+          ),
+          contentLength: typeof event.content === "string" ? event.content.length : 0,
+        });
+
+        Promise.resolve()
+          .then(() =>
+            attemptDecryptNip46HandshakePayload({
+              clientPrivateKey,
+              candidateRemotePubkeys,
+              ciphertext: event.content,
+            }),
+          )
+          .then((payloadResult) => {
+            const plaintext = payloadResult?.plaintext ?? "";
+            let parsed;
+            try {
+              parsed = JSON.parse(plaintext);
+            } catch (error) {
+              devLogger.warn("[nostr] Failed to parse remote signer handshake payload:", error);
+              return;
+            }
+
+            devLogger.debug("[nostr] Handshake payload parsed", {
+              remotePubkey: summarizeHexForLog(payloadResult?.remotePubkey || ""),
+              eventPubkey: summarizeHexForLog(eventRemotePubkey || ""),
+              algorithm: payloadResult?.algorithm || null,
+              requestId: typeof parsed?.id === "string" ? parsed.id : "",
+              hasResult: parsed?.result !== undefined,
+              hasError: parsed?.error !== undefined,
+            });
+
+            const resultValue = coerceStructuredString(parsed?.result);
+            const errorValue = coerceStructuredString(parsed?.error);
+
+            if (resultValue === "auth_url" && errorValue) {
+              const handshakeRemotePubkey = payloadResult?.remotePubkey || eventRemotePubkey || "";
+              devLogger.debug("[nostr] Handshake provided auth_url challenge", {
+                eventId: typeof parsed?.id === "string" ? parsed.id : "",
+                remotePubkey: summarizeHexForLog(handshakeRemotePubkey),
+                url: summarizeUrlForLog(errorValue),
+              });
+              if (typeof onAuthUrl === "function") {
+                try {
+                  onAuthUrl(errorValue, {
+                    phase: "handshake",
+                    remotePubkey: handshakeRemotePubkey,
+                    requestId: typeof parsed?.id === "string" ? parsed.id : "",
+                  });
+                } catch (callbackError) {
+                  devLogger.warn("[nostr] Handshake auth_url callback threw:", callbackError);
+                }
+              }
+              return;
+            }
+
+            if (secret) {
+              const normalizedResult = resultValue ? resultValue.toLowerCase() : "";
+              if (resultValue !== secret && normalizedResult !== "ack") {
+                return;
+              }
+            }
+
+            if (!secret && resultValue) {
+              const normalized = resultValue.toLowerCase();
+              if (!["ack", "ok", "success"].includes(normalized)) {
+                return;
+              }
+            }
+
+            cleanup();
+
+            if (typeof onStatus === "function") {
+              try {
+                onStatus({
+                  phase: "handshake",
+                  state: "acknowledged",
+                  message: "Remote signer acknowledged the connect request.",
+                  remotePubkey: payloadResult?.remotePubkey || eventRemotePubkey || "",
+                });
+              } catch (callbackError) {
+                devLogger.warn("[nostr] Handshake status callback threw:", callbackError);
+              }
+            }
+
+            resolve({
+              remotePubkey: payloadResult?.remotePubkey || eventRemotePubkey || "",
+              eventPubkey: eventRemotePubkey || "",
+              response: parsed,
+              algorithm: normalizeNip46EncryptionAlgorithm(payloadResult?.algorithm),
+            });
+
+            devLogger.debug("[nostr] Handshake wait resolved", {
+              remotePubkey: summarizeHexForLog(payloadResult?.remotePubkey || eventRemotePubkey || ""),
+              eventPubkey: summarizeHexForLog(eventRemotePubkey || ""),
+              result: resultValue || null,
+              hasSecret: Boolean(secret),
+            });
+          })
+          .catch((error) => {
+            devLogger.warn("[nostr] Failed to decrypt remote signer handshake payload:", error);
+          });
+      });
+
+      subscription.on("eose", () => {
+        // no-op: handshake responses are push-based
+      });
+    });
+  }
+
+  /**
+   * Establishes a NIP-46 connection with a remote signer (e.g., Nostr Connect / Bunker).
+   *
+   * Process:
+   * 1. **Parse**: Decodes the `nostrconnect://` or `bunker://` URI.
+   * 2. **Handshake (if needed)**: If the URI is a "connect" request (no target pubkey yet),
+   *    it publishes an ephemeral event and waits for the signer to "ack".
+   * 3. **Connect**: Once the remote pubkey is known, sends a `connect` RPC command.
+   * 4. **Authorize**: Handles any `auth_url` challenges if the signer requires out-of-band approval.
+   * 5. **Session**: Stores the session metadata locally (if `remember: true`) to allow auto-reconnect.
+   */
+  async loginWithExtension(options = {}) {
+    let extension = null;
+    let attempts = 0;
+    const maxAttempts = 3;
+
+    // Optimistic check: if window.nostr is already there, use it immediately.
+    if (this.extensionReady && typeof window !== "undefined") {
+      extension = window.nostr || null;
+      if (!extension) {
+        this.extensionReady = false;
+      }
+    }
+
+    if (!extension && typeof window !== "undefined" && window.nostr) {
+      extension = window.nostr;
+      this.extensionReady = true;
+    } else {
+      while (!extension && attempts < maxAttempts) {
+        try {
+          // Fast wait for the first attempt, slightly longer for retries
+          const timeout = attempts === 0 ? 1500 : 3000;
+          await waitForNip07Extension(timeout);
+          extension = window.nostr;
+          this.extensionReady = Boolean(extension);
+        } catch (waitError) {
+          devLogger.log(
+            `Timed out waiting for extension injection (attempt ${
+              attempts + 1
+            }/${maxAttempts}):`,
+            waitError,
+          );
+        }
+
+        if (extension) {
+          break;
+        }
+
+        attempts++;
+        if (attempts < maxAttempts) {
+          devLogger.log("Retrying NIP-07 detection...");
+          await new Promise((resolve) => setTimeout(resolve, 500));
+        }
+      }
+    }
+
+    if (!extension) {
+      devLogger.log("No Nostr extension found");
+      throw new Error("Please install a Nostr extension (Alby, nos2x, etc.).");
+    }
+
+    const { allowAccountSelection = false, expectPubkey } =
+      typeof options === "object" && options !== null ? options : {};
+    const normalizedExpectedPubkey =
+      typeof expectPubkey === "string" && expectPubkey.trim()
+        ? expectPubkey.trim().toLowerCase()
+        : null;
+
+    if (typeof extension.getPublicKey !== "function") {
+      throw new Error(
+        "This NIP-07 extension is missing getPublicKey support. Please update the extension.",
+      );
+    }
+
+    const permissionResult = await this.ensureExtensionPermissions(
+      DEFAULT_NIP07_CORE_METHODS,
+      { context: "login", logMetrics: true, showStatus: false },
+    );
+    if (!permissionResult.ok) {
+      const denialMessage =
+        'The NIP-07 extension reported "permission denied". Please approve the prompt and try again.';
+      const denialError = new Error(denialMessage);
+      if (permissionResult.error) {
+        denialError.cause = permissionResult.error;
+      }
+      throw denialError;
+    }
+
+    if (
+      allowAccountSelection &&
+      typeof extension.selectAccounts === "function"
+    ) {
+      try {
+        const selection = await runNip07WithRetry(
+          () =>
+            extension.selectAccounts(expectPubkey ? [expectPubkey] : undefined),
+          { label: "extension.selectAccounts" },
+        );
+
+        const didCancelSelection =
+          selection === undefined ||
+          selection === null ||
+          selection === false ||
+          (Array.isArray(selection) && selection.length === 0);
+
+        if (didCancelSelection) {
+          throw new Error("Account selection was cancelled.");
+        }
+      } catch (selectionErr) {
+        const message =
+          selectionErr && typeof selectionErr.message === "string"
+            ? selectionErr.message
+            : "Account selection was cancelled.";
+        throw new Error(message);
+      }
+    }
+
+    const pubkey = await runNip07WithRetry(() => extension.getPublicKey(), {
+      label: "extension.getPublicKey",
+    });
+
+    if (!pubkey || typeof pubkey !== "string") {
+      throw new Error(
+        "The NIP-07 extension did not return a public key. Please try again.",
+      );
+    }
+
+    if (
+      normalizedExpectedPubkey &&
+      pubkey.toLowerCase() !== normalizedExpectedPubkey
+    ) {
+      throw new Error(
+        "The selected account doesn't match the expected profile. Please try again.",
+      );
+    }
+
+    if (typeof options.validator === "function") {
+      try {
+        const isValid = await options.validator(pubkey);
+        if (!isValid) {
+          throw new Error("Access denied.");
+        }
+      } catch (validationError) {
+        const message =
+          validationError instanceof Error
+            ? validationError.message
+            : "Access denied.";
+        const error = new Error(message);
+        error.code = "access-denied";
+        if (validationError instanceof Error) {
+          error.cause = validationError;
+        }
+        throw error;
+      }
+    }
+
+    const adapter = await createNip07Adapter(extension, {
+      preloadedPubkey: pubkey,
+    });
+    adapter.pubkey = pubkey;
+    setActiveSigner(adapter);
+
+    return { pubkey, signer: adapter };
+  }
+
+  async connectRemoteSigner({
+    connectionString,
+    remember = true,
+    clientPrivateKey: providedClientPrivateKey = "",
+    clientPublicKey: providedClientPublicKey = "",
+    relays: providedRelays = [],
+    secret: providedSecret = "",
+    permissions: providedPermissions = "",
+    metadata: providedMetadata = {},
+    onAuthUrl,
+    onStatus,
+    handshakeTimeoutMs,
+  } = {}) {
+    const parsed = parseNip46ConnectionString(connectionString);
+    if (!parsed) {
+      const error = new Error(
+        "Unsupported NIP-46 URI. Provide a nostrconnect:// handshake or bunker:// pointer.",
+      );
+      error.code = "invalid-connection-string";
+      throw error;
+    }
+
+    const baseMetadata = sanitizeNip46Metadata(parsed.metadata);
+    const overrideMetadata = sanitizeNip46Metadata(providedMetadata);
+    const metadata = { ...baseMetadata, ...overrideMetadata };
+
+    devLogger.debug("[nostr] Connecting to remote signer", {
+      connectionType: parsed.type,
+      parsedRemotePubkey: summarizeHexForLog(parsed.remotePubkey || ""),
+      providedClientPublicKey: summarizeHexForLog(providedClientPublicKey),
+      providedClientPrivateKey: summarizeSecretForLog(
+        typeof providedClientPrivateKey === "string" ? providedClientPrivateKey : "",
+      ),
+      providedSecret: summarizeSecretForLog(providedSecret),
+      providedPermissions: providedPermissions || null,
+      handshakeTimeoutMs,
+      parsedRelays: parsed.relays,
+      overrideRelayCount: Array.isArray(providedRelays) ? providedRelays.length : 0,
+      metadataKeys: summarizeMetadataForLog(metadata),
+    });
+
+    const handleStatus = (status) => {
+      if (typeof onStatus !== "function") {
+        return;
+      }
+      try {
+        onStatus(status);
+      } catch (error) {
+        devLogger.warn("[nostr] Remote signer status callback threw:", error);
+      }
+    };
+
+    const handleAuthChallenge = async (url, context = {}) => {
+      if (typeof onAuthUrl !== "function" || !url) {
+        return;
+      }
+      try {
+        devLogger.debug("[nostr] Remote signer auth challenge surfaced", {
+          url: summarizeUrlForLog(url),
+          context,
+        });
+        const result = onAuthUrl(url, context);
+        if (result && typeof result.then === "function") {
+          await result.catch((error) => {
+            devLogger.warn("[nostr] Auth challenge callback promise rejected:", error);
+          });
+        }
+      } catch (error) {
+        devLogger.warn("[nostr] Remote signer auth callback threw:", error);
+      }
+    };
+
+    const mergedRelaysSource = parsed.relays.length ? parsed.relays : providedRelays;
+    const relays = resolveNip46Relays(mergedRelaysSource, this.relays);
+
+    let secret = typeof providedSecret === "string" && providedSecret.trim() ? providedSecret.trim() : parsed.secret;
+    let permissions =
+      typeof providedPermissions === "string" && providedPermissions.trim()
+        ? providedPermissions.trim()
+        : parsed.permissions;
+
+    let clientPrivateKey = "";
+    let clientPublicKey = "";
+    let remotePubkey = normalizeNostrPubkey(parsed.remotePubkey);
+    let handshakeAlgorithm = "";
+
+    if (parsed.type === "client") {
+      clientPrivateKey =
+        typeof providedClientPrivateKey === "string" && providedClientPrivateKey.trim()
+          ? providedClientPrivateKey.trim().toLowerCase()
+          : "";
+
+      if (!clientPrivateKey || !HEX64_REGEX.test(clientPrivateKey)) {
+        const error = new Error(
+          "Remote signer handshake requires the generated client private key.",
+        );
+        error.code = "missing-client-private-key";
+        throw error;
+      }
+
+      clientPublicKey = normalizeNostrPubkey(providedClientPublicKey) || parsed.clientPubkey;
+      if (!clientPublicKey) {
+        const tools = (await ensureNostrTools()) || getCachedNostrTools();
+        if (!tools || typeof tools.getPublicKey !== "function") {
+          throw new Error("Public key derivation is unavailable for the remote signer handshake.");
+        }
+        clientPublicKey = normalizeNostrPubkey(tools.getPublicKey(clientPrivateKey));
+      }
+
+      if (!clientPublicKey || !HEX64_REGEX.test(clientPublicKey)) {
+        const error = new Error("Invalid client public key for the remote signer handshake.");
+        error.code = "invalid-client-public-key";
+        throw error;
+      }
+
+      if (parsed.clientPubkey && normalizeNostrPubkey(parsed.clientPubkey) !== clientPublicKey) {
+        const error = new Error("Handshake public key mismatch detected.");
+        error.code = "client-public-key-mismatch";
+        throw error;
+      }
+
+      if (!secret) {
+        secret = generateNip46Secret();
+      }
+
+      handleStatus({
+        phase: "handshake",
+        state: "waiting",
+        message: "Waiting for the signer to acknowledge the connection…",
+        relays,
+      });
+
+      this.emitRemoteSignerChange({
+        state: "connecting",
+        relays,
+        metadata,
+        remotePubkey: parsed.remotePubkey || "",
+        userPubkey: parsed.userPubkeyHint || "",
+        message: "Waiting for the signer to acknowledge the connection.",
+      });
+
+      let handshakeResult;
+      try {
+        handshakeResult = await this.waitForRemoteSignerHandshake({
+          clientPrivateKey,
+          clientPublicKey,
+          relays,
+          secret,
+          onAuthUrl: (url, context) => handleAuthChallenge(url, context),
+          onStatus: handleStatus,
+          timeoutMs: handshakeTimeoutMs,
+          expectedRemotePubkey: parsed.remotePubkey,
+        });
+        devLogger.debug("[nostr] Remote signer handshake completed", {
+          remotePubkey: summarizeHexForLog(handshakeResult?.remotePubkey || parsed.remotePubkey || ""),
+          algorithm: handshakeResult?.algorithm || null,
+          relays,
+          secret: summarizeSecretForLog(secret),
+        });
+      } catch (error) {
+        this.emitRemoteSignerChange({
+          state: "error",
+          relays,
+          metadata,
+          message: error?.message || "Remote signer handshake failed.",
+          error,
+        });
+        throw error;
+      }
+
+      remotePubkey = normalizeNostrPubkey(handshakeResult?.remotePubkey);
+      handshakeAlgorithm = normalizeNip46EncryptionAlgorithm(
+        handshakeResult?.algorithm,
+      );
+      if (!remotePubkey) {
+        const error = new Error("Remote signer did not return a valid public key.");
+        error.code = "missing-remote-pubkey";
+        throw error;
+      }
+      devLogger.debug("[nostr] Remote signer handshake provided final pubkey", {
+        remotePubkey: summarizeHexForLog(remotePubkey),
+        algorithm: handshakeAlgorithm || null,
+        clientPublicKey: summarizeHexForLog(clientPublicKey),
+      });
+    } else {
+      const keyPair = await this.createNip46KeyPair(
+        providedClientPrivateKey,
+        providedClientPublicKey,
+      );
+      clientPrivateKey = keyPair.privateKey;
+      clientPublicKey = keyPair.publicKey;
+
+      this.emitRemoteSignerChange({
+        state: "connecting",
+        remotePubkey,
+        relays,
+        metadata,
+        userPubkey: parsed.userPubkeyHint || "",
+      });
+      devLogger.debug("[nostr] Using bunker URI for remote signer connect", {
+        remotePubkey: summarizeHexForLog(remotePubkey || parsed.remotePubkey || ""),
+        relays,
+        metadataKeys: summarizeMetadataForLog(metadata),
+      });
+    }
+
+    if (!remotePubkey) {
+      remotePubkey = normalizeNostrPubkey(parsed.remotePubkey);
+    }
+
+    if (!remotePubkey) {
+      const error = new Error("Remote signer pubkey is required to establish the session.");
+      error.code = "missing-remote-pubkey";
+      throw error;
+    }
+
+    const client = new Nip46RpcClient({
+      nostrClient: this,
+      clientPrivateKey,
+      clientPublicKey,
+      remotePubkey,
+      relays,
+      secret,
+      permissions,
+      metadata,
+      encryption: handshakeAlgorithm,
+      signEvent: (event, privateKey) => signEventWithPrivateKey(event, privateKey),
+    });
+
+    devLogger.debug("[nostr] Remote signer RPC client created", {
+      clientPublicKey: summarizeHexForLog(client.clientPublicKey),
+      remotePubkey: summarizeHexForLog(remotePubkey),
+      relays,
+      permissions,
+      secret: summarizeSecretForLog(secret),
+      metadataKeys: summarizeMetadataForLog(metadata),
+      handshakeAlgorithm,
+    });
+
+    try {
+      await client.ensureSubscription();
+
+      devLogger.debug("[nostr] Remote signer subscription ready", {
+        remotePubkey: summarizeHexForLog(remotePubkey),
+        relayCount: relays.length,
+      });
+
+      handleStatus({
+        phase: "connect",
+        state: "request",
+        message: "Requesting approval from the remote signer…",
+        remotePubkey,
+      });
+
+      let attempts = 0;
+      // Attempt the connect RPC, handling auth challenges when provided.
+      for (;;) {
+        try {
+          devLogger.debug("[nostr] Sending NIP-46 connect request", {
+            remotePubkey: summarizeHexForLog(remotePubkey),
+            attempt: attempts + 1,
+            permissions: permissions || null,
+          });
+          await client.connect({ permissions });
+          break;
+        } catch (error) {
+          devLogger.warn("[nostr] Connect RPC attempt failed", {
+            remotePubkey: summarizeHexForLog(remotePubkey),
+            attempt: attempts + 1,
+            code: error?.code || null,
+            message: error?.message || String(error),
+          });
+          if (error?.code === "auth-challenge" && error.authUrl) {
+            attempts += 1;
+            handleStatus({
+              phase: "auth",
+              state: "waiting",
+              message: "Complete the authentication challenge in your signer…",
+              remotePubkey,
+              attempt: attempts,
+            });
+            await handleAuthChallenge(error.authUrl, {
+              phase: "connect",
+              remotePubkey,
+              attempt: attempts,
+            });
+
+            if (attempts >= NIP46_AUTH_CHALLENGE_MAX_ATTEMPTS) {
+              throw error;
+            }
+            continue;
+          }
+          throw error;
+        }
+      }
+
+      const userPubkey = await client.getUserPubkey();
+      devLogger.debug("[nostr] Retrieved user pubkey from remote signer", {
+        remotePubkey: summarizeHexForLog(remotePubkey),
+        userPubkey: summarizeHexForLog(userPubkey),
+      });
+
+      if (typeof options?.validator === "function") {
+        try {
+          const isValid = await options.validator(userPubkey);
+          if (!isValid) {
+            throw new Error("Access denied.");
+          }
+        } catch (validationError) {
+          const message =
+            validationError instanceof Error
+              ? validationError.message
+              : "Access denied.";
+          const error = new Error(message);
+          error.code = "access-denied";
+          client.destroy(); // Cleanup client since we won't use it
+          throw error;
+        }
+      }
+
+      client.metadata = metadata;
+      const signer = await this.installNip46Client(client, { userPubkey });
+
+      if (remember) {
+        devLogger.debug("[nostr] Persisting remote signer session", {
+          remotePubkey: summarizeHexForLog(remotePubkey),
+          relays,
+          encryption: client.encryptionAlgorithm || handshakeAlgorithm || "",
+          permissions: permissions || null,
+        });
+        writeStoredNip46Session({
+          version: 1,
+          clientPublicKey,
+          remotePubkey,
+          relays,
+          encryption: client.encryptionAlgorithm || handshakeAlgorithm || "",
+          permissions,
+          metadata,
+          userPubkey,
+          lastConnectedAt: Date.now(),
+        });
+      } else {
+        devLogger.debug("[nostr] Clearing stored remote signer session per request");
+        clearStoredNip46Session();
+      }
+
+      this.emitRemoteSignerChange({
+        state: "connected",
+        remotePubkey,
+        userPubkey,
+        relays,
+        metadata,
+      });
+
+      handleStatus({
+        phase: "connected",
+        state: "ready",
+        message: "Remote signer connected successfully.",
+        remotePubkey,
+        userPubkey,
+      });
+
+      devLogger.debug("[nostr] Remote signer connection established", {
+        remotePubkey: summarizeHexForLog(remotePubkey),
+        userPubkey: summarizeHexForLog(userPubkey),
+        relays,
+        permissions: permissions || null,
+        secret: summarizeSecretForLog(secret),
+      });
+
+      return { pubkey: userPubkey, signer };
+    } catch (error) {
+      devLogger.error("[nostr] Remote signer connection failed", {
+        remotePubkey: summarizeHexForLog(remotePubkey),
+        relays,
+        permissions: permissions || null,
+        secret: summarizeSecretForLog(secret),
+        message: error?.message || String(error),
+        code: error?.code || null,
+      });
+      client.destroy();
+      this.nip46Client = null;
+      if (!remember) {
+        clearStoredNip46Session();
+      }
+      this.emitRemoteSignerChange({
+        state: "error",
+        remotePubkey,
+        relays,
+        metadata,
+        message: error?.message || "Remote signer connection failed.",
+        error,
+      });
+      throw error;
+    }
+  }
+
+  /**
+   * Reconnects to a previously persisted NIP-46 remote signer session.
+   *
+   * **Usage:**
+   * Called during `init()` to restore the session without user interaction.
+   * It reads credentials from localStorage (`bitvid:nip46:session`), validates them,
+   * and re-establishes the RPC subscription.
+   *
+   * @param {object} [options]
+   * @param {boolean} [options.silent=false] - Suppress error logs if restore fails.
+   * @param {boolean} [options.forgetOnError=false] - Auto-delete session if invalid.
+   * @returns {Promise<{pubkey: string, signer: object}>}
+   */
+  async useStoredRemoteSigner(options = {}) {
+    const normalizedOptions =
+      options && typeof options === "object" ? options : {};
+    const silent = normalizedOptions.silent === true;
+    const forgetOnError = normalizedOptions.forgetOnError === true;
+    const validator = typeof normalizedOptions.validator === "function" ? normalizedOptions.validator : null;
+
+    const stored = readStoredNip46Session();
+    if (!stored) {
+      const error = new Error("No remote signer session is stored on this device.");
+      error.code = "no-stored-session";
+      throw error;
+    }
+
+    const relays = resolveNip46Relays(stored.relays, this.relays);
+
+    devLogger.debug("[nostr] Reconnecting to stored remote signer", {
+      remotePubkey: summarizeHexForLog(stored.remotePubkey || ""),
+      relays,
+      encryption: stored.encryption || "",
+      permissions: stored.permissions || null,
+      hasCredentials: Boolean(stored.clientPrivateKey && stored.secret),
+    });
+
+    this.emitRemoteSignerChange({
+      state: "connecting",
+      remotePubkey: stored.remotePubkey,
+      relays,
+      metadata: stored.metadata,
+    });
+
+    if (!stored.clientPrivateKey || !stored.secret) {
+      const error = new Error("Stored remote signer credentials are unavailable.");
+      error.code = "stored-session-missing-credentials";
+      throw error;
+    }
+
+    const client = new Nip46RpcClient({
+      nostrClient: this,
+      clientPrivateKey: stored.clientPrivateKey,
+      clientPublicKey: stored.clientPublicKey,
+      remotePubkey: stored.remotePubkey,
+      relays,
+      encryption: stored.encryption,
+      secret: stored.secret,
+      permissions: stored.permissions,
+      metadata: stored.metadata,
+      signEvent: (event, privateKey) => signEventWithPrivateKey(event, privateKey),
+    });
+
+    try {
+      await client.ensureSubscription();
+      await client.connect({ permissions: stored.permissions });
+      const userPubkey = await client.getUserPubkey();
+
+      if (validator) {
+        try {
+          const isValid = await validator(userPubkey);
+          if (!isValid) {
+            throw new Error("Access denied.");
+          }
+        } catch (validationError) {
+          const message =
+            validationError instanceof Error
+              ? validationError.message
+              : "Access denied.";
+          const error = new Error(message);
+          error.code = "access-denied";
+          client.destroy();
+          throw error;
+        }
+      }
+
+      client.metadata = stored.metadata;
+      const signer = await this.installNip46Client(client, { userPubkey });
+
+      writeStoredNip46Session({
+        version: 1,
+        clientPublicKey: stored.clientPublicKey,
+        remotePubkey: stored.remotePubkey,
+        relays: stored.relays,
+        encryption: client.encryptionAlgorithm || stored.encryption || "",
+        permissions: stored.permissions,
+        metadata: stored.metadata,
+        userPubkey,
+        lastConnectedAt: Date.now(),
+      });
+
+      devLogger.debug("[nostr] Stored remote signer session refreshed", {
+        remotePubkey: summarizeHexForLog(stored.remotePubkey || ""),
+        userPubkey: summarizeHexForLog(userPubkey),
+        encryption: client.encryptionAlgorithm || stored.encryption || "",
+      });
+
+      this.emitRemoteSignerChange({
+        state: "connected",
+        remotePubkey: stored.remotePubkey,
+        userPubkey,
+        relays,
+        metadata: stored.metadata,
+      });
+
+      return { pubkey: userPubkey, signer };
+    } catch (error) {
+      await client.destroy().catch(() => {});
+      this.nip46Client = null;
+      const fatalCodes = new Set([
+        "nip46-secret-mismatch",
+        "invalid-private-key",
+        "invalid-connection-string",
+      ]);
+      const shouldForgetStored = forgetOnError || fatalCodes.has(error?.code);
+      if (shouldForgetStored) {
+        clearStoredNip46Session();
+        devLogger.warn("[nostr] Stored remote signer session cleared after failure", {
+          remotePubkey: summarizeHexForLog(stored.remotePubkey || ""),
+          error: error?.message || String(error),
+          code: error?.code || null,
+        });
+      }
+
+      const status = {
+        state: shouldForgetStored ? "idle" : silent ? "stored" : "error",
+        remotePubkey: stored.remotePubkey,
+        relays,
+        metadata: stored.metadata,
+      };
+
+      if (!silent || shouldForgetStored) {
+        status.message =
+          error?.message || "Failed to reconnect to the remote signer.";
+      }
+      status.error = error;
+
+      this.emitRemoteSignerChange(status);
+
+      if (silent) {
+        devLogger.log("[nostr] Silent remote signer restore failed:", error);
+      } else {
+        devLogger.warn(
+          "[nostr] Stored remote signer reconnection failed:",
+          error,
+        );
+      }
+      throw error;
+    }
+  }
+
+  scheduleStoredRemoteSignerRestore() {
+    if (this.nip46Client) {
+      return this.pendingRemoteSignerRestore || null;
+    }
+
+    if (this.pendingRemoteSignerRestore) {
+      return this.pendingRemoteSignerRestore;
+    }
+
+    const stored = this.getStoredNip46Metadata();
+    if (!stored.hasSession || !stored.canReconnect) {
+      return null;
+    }
+
+    const attempt = this.useStoredRemoteSigner({ silent: true })
+      .catch(() => null)
+      .finally(() => {
+        this.pendingRemoteSignerRestore = null;
+      });
+
+    this.pendingRemoteSignerRestore = attempt;
+    return attempt;
+  }
+
+  /**
+   * Terminates the NIP-46 remote signer connection.
+   *
+   * @param {object} [options]
+   * @param {boolean} [options.keepStored=true] - If false, wipes the session from localStorage.
+   */
+  async disconnectRemoteSigner({ keepStored = true } = {}) {
+    this.pendingRemoteSignerRestore = null;
+
+    if (this.pendingHandshakeCancel) {
+      try {
+        this.pendingHandshakeCancel();
+      } catch (error) {
+        devLogger.warn("[nostr] Failed to cancel pending handshake:", error);
+      }
+      this.pendingHandshakeCancel = null;
+    }
+
+    if (this.nip46Client) {
+      try {
+        await this.nip46Client.destroy();
+      } catch (error) {
+        devLogger.warn("[nostr] Failed to tear down remote signer client:", error);
+      }
+      this.nip46Client = null;
+    }
+
+    const activeSigner = getActiveSigner();
+    if (activeSigner?.type === "nip46") {
+      logoutSigner(activeSigner.pubkey);
+    }
+
+    if (!keepStored) {
+      clearStoredNip46Session();
+    }
+
+    const stored = keepStored ? this.getStoredNip46Metadata() : { hasSession: false };
+    this.emitRemoteSignerChange({
+      state: stored.hasSession ? "stored" : "idle",
+      remotePubkey: stored.remotePubkey || "",
+      userPubkey: stored.userPubkey || "",
+      relays: stored.relays || [],
+      metadata: stored.metadata || {},
+    });
+  }
+
+  /**
+   * Records a deletion timestamp for a video identifier (Tombstoning).
+   *
+   * **Purpose:**
+   * Enforces "Eventual Consistency". If we receive an old version of a video
+   * *after* we've seen it was deleted, this tombstone ensures we ignore the zombie event.
+   *
+   * @param {string} activeKey - The unique key (root ID or pubkey:dTag).
+   * @param {number} createdAt - The timestamp of the deletion event.
+   */
+  recordTombstone(activeKey, createdAt) {
+    const key = typeof activeKey === "string" ? activeKey.trim() : "";
+    if (!key) {
+      return;
+    }
+
+    let timestamp = Number(createdAt);
+    if (!Number.isFinite(timestamp)) {
+      return;
+    }
+    timestamp = Math.max(0, Math.floor(timestamp));
+    if (timestamp <= 0) {
+      return;
+    }
+
+    const previous = this.tombstones.get(key);
+    const previousTimestamp = Number.isFinite(previous)
+      ? Math.max(0, Math.floor(previous))
+      : 0;
+    if (previousTimestamp >= timestamp) {
+      return;
+    }
+
+    this.tombstones.set(key, timestamp);
+
+    const activeVideo = this.activeMap.get(key);
+    if (activeVideo) {
+      const activeCreated = Number.isFinite(activeVideo?.created_at)
+        ? Math.floor(activeVideo.created_at)
+        : 0;
+      if (activeCreated && activeCreated <= timestamp) {
+        activeVideo.deleted = true;
+        this.activeMap.delete(key);
+      }
+    }
+
+    for (const video of this.allEvents.values()) {
+      if (!video || typeof video !== "object") {
+        continue;
+      }
+      if (getActiveKey(video) !== key) {
+        continue;
+      }
+      const createdAtValue = Number.isFinite(video?.created_at)
+        ? Math.floor(video.created_at)
+        : 0;
+      if (createdAtValue && createdAtValue <= timestamp) {
+        video.deleted = true;
+      }
+    }
+  }
+
+  isOlderThanTombstone(video) {
+    if (!video || typeof video !== "object") {
+      return false;
+    }
+
+    const activeKey = getActiveKey(video);
+    if (!activeKey) {
+      return false;
+    }
+
+    const tombstone = this.tombstones.get(activeKey);
+    if (!Number.isFinite(tombstone)) {
+      return false;
+    }
+
+    const normalizedTombstone = Math.max(0, Math.floor(tombstone));
+    const createdAtValue = Number.isFinite(video?.created_at)
+      ? Math.floor(video.created_at)
+      : 0;
+
+    return createdAtValue > 0 && createdAtValue <= normalizedTombstone;
+  }
+
+  /**
+   * Checks if a video event is superseded by a known tombstone.
+   * If so, marks the video object as `deleted = true`.
+   *
+   * @param {object} video - The video object to check.
+   * @returns {boolean} True if the video was marked deleted by a tombstone.
+   */
+  applyTombstoneGuard(video) {
+    if (!video || typeof video !== "object") {
+      return false;
+    }
+
+    const isGuarded = this.isOlderThanTombstone(video);
+    if (isGuarded) {
+      video.deleted = true;
+    }
+    return isGuarded;
+  }
+
+  markExtensionPermissions(methods = []) {
+    if (!this.extensionPermissionCache) {
+      this.extensionPermissionCache = new Set();
+    }
+
+    if (!Array.isArray(methods)) {
+      return;
+    }
+
+    let didChange = false;
+    for (const method of methods) {
+      const normalized = normalizePermissionMethod(method);
+      if (!normalized) {
+        continue;
+      }
+      if (!this.extensionPermissionCache.has(normalized)) {
+        didChange = true;
+      }
+      this.extensionPermissionCache.add(normalized);
+    }
+
+    if (didChange) {
+      try {
+        writeStoredNip07Permissions(this.extensionPermissionCache);
+      } catch (error) {
+        // Ignore storage persistence issues in non-browser environments
+      }
+    }
+
+    this.extensionPermissionsGranted = this.hasCachedExtensionPermissions(
+      DEFAULT_NIP07_PERMISSION_METHODS,
+    );
+  }
+
+  hasCachedExtensionPermissions(methods = DEFAULT_NIP07_PERMISSION_METHODS) {
+    if (!Array.isArray(methods)) {
+      return true;
+    }
+
+    const normalized = methods
+      .map((method) => normalizePermissionMethod(method))
+      .filter(Boolean);
+
+    if (!normalized.length) {
+      return true;
+    }
+
+    if (!this.extensionPermissionCache) {
+      return false;
+    }
+
+    return normalized.every((method) => this.extensionPermissionCache.has(method));
+  }
+
+  setExtensionPermissionStatusHandler(handler) {
+    this.extensionPermissionStatusHandler =
+      typeof handler === "function" ? handler : null;
+  }
+
+  emitExtensionPermissionStatus(status) {
+    if (typeof this.extensionPermissionStatusHandler !== "function") {
+      return;
+    }
+
+    try {
+      this.extensionPermissionStatusHandler(status);
+    } catch (error) {
+      devLogger.warn(
+        "[nostr] Extension permission status handler threw:",
+        error,
+      );
+    }
+  }
+
+  warmupExtension() {
+    const extension =
+      typeof window !== "undefined" && window && window.nostr ? window.nostr : null;
+    this.extensionReady = Boolean(extension);
+    this.extensionPermissionsGranted = this.hasCachedExtensionPermissions(
+      DEFAULT_NIP07_PERMISSION_METHODS,
+    );
+    return {
+      ready: this.extensionReady,
+      permissionsGranted: this.extensionPermissionsGranted,
+    };
+  }
+
+  async ensureExtensionPermissions(
+    methods = DEFAULT_NIP07_PERMISSION_METHODS,
+    options = {},
+  ) {
+    if (!Array.isArray(methods)) {
+      methods = [];
+    }
+
+    const config = options && typeof options === "object" ? options : {};
+
+    const normalized = Array.from(
+      new Set(
+        methods
+          .map((method) =>
+            typeof method === "string" && method.trim() ? method.trim() : "",
+          )
+          .filter(Boolean),
+      ),
+    );
+
+    if (!normalized.length) {
+      return { ok: true };
+    }
+
+    const outstanding = normalized.filter((method) =>
+      this.extensionPermissionCache ? !this.extensionPermissionCache.has(method) : true,
+    );
+
+    if (!outstanding.length) {
+      // Even if permissions are cached, we must ensure the extension object is actually
+      // injected and available on the window before returning success.
+      // This prevents race conditions where the app loads faster than the extension.
+      if (typeof window !== "undefined" && !window.nostr) {
+        try {
+          await waitForNip07Extension(3000);
+        } catch (error) {
+          return { ok: false, error: new Error("extension-unavailable") };
+        }
+      }
+      this.extensionReady =
+        typeof window !== "undefined" && window && Boolean(window.nostr);
+      this.extensionPermissionsGranted = this.hasCachedExtensionPermissions(
+        DEFAULT_NIP07_PERMISSION_METHODS,
+      );
+      return { ok: true };
+    }
+
+    const extension = typeof window !== "undefined" ? window.nostr : null;
+    if (!extension) {
+      this.extensionReady = false;
+      return { ok: false, error: new Error("extension-unavailable") };
+    }
+    this.extensionReady = true;
+
+    const statusHandler =
+      typeof config.onStatus === "function"
+        ? config.onStatus
+        : this.extensionPermissionStatusHandler;
+    const shouldShowStatus = config.showStatus !== false;
+    const statusMessage =
+      typeof config.statusMessage === "string" && config.statusMessage.trim()
+        ? config.statusMessage.trim()
+        : resolvePermissionStatusMessage(normalized, config.context);
+    const statusAutoHideMs = Number.isFinite(config.autoHideMs)
+      ? config.autoHideMs
+      : PERMISSION_STATUS_AUTO_HIDE_MS;
+    const shouldShowSpinner = config.showSpinner !== false;
+
+    if (statusHandler && shouldShowStatus && statusMessage) {
+      try {
+        statusHandler({
+          phase: "permission",
+          state: "prompt",
+          context:
+            typeof config.context === "string" ? config.context.trim() : "",
+          message: statusMessage,
+          methods: outstanding.slice(),
+          autoHideMs: statusAutoHideMs,
+          showSpinner: shouldShowSpinner,
+        });
+      } catch (error) {
+        devLogger.warn(
+          "[nostr] Failed to emit extension permission status:",
+          error,
+        );
+      }
+    }
+
+    const shouldLogMetrics = config.logMetrics === true;
+    const now =
+      typeof performance !== "undefined" &&
+      typeof performance.now === "function"
+        ? () => performance.now()
+        : () => Date.now();
+    const metricsStart = shouldLogMetrics ? now() : null;
+
+    const enableResult = await requestEnablePermissions(extension, outstanding, {
+      isDevMode,
+    });
+
+    if (shouldLogMetrics && metricsStart !== null) {
+      const metricsContext =
+        typeof config.metricsLabel === "string" && config.metricsLabel.trim()
+          ? config.metricsLabel.trim()
+          : typeof config.context === "string" && config.context.trim()
+            ? config.context.trim()
+            : "permissions";
+      const durationMs = Math.max(0, Math.round(now() - metricsStart));
+      userLogger.info(
+        `[nostr] extension.enable duration (${metricsContext})`,
+        {
+          durationMs,
+          requestedCount: outstanding.length,
+          ok: Boolean(enableResult?.ok),
+        },
+      );
+    }
+
+    if (enableResult?.ok) {
+      this.markExtensionPermissions(outstanding);
+      this.extensionPermissionsGranted = this.hasCachedExtensionPermissions(
+        DEFAULT_NIP07_PERMISSION_METHODS,
+      );
+      return enableResult;
+    }
+
+    return {
+      ok: false,
+      error: enableResult?.error || new Error("permission-denied"),
+    };
+  }
+
+  async ensureActiveSignerForPubkey(pubkey) {
+    const normalizedPubkey =
+      typeof pubkey === "string" && pubkey.trim()
+        ? pubkey.trim().toLowerCase()
+        : "";
+
+    const existingSigner = resolveActiveSigner(normalizedPubkey);
+    if (existingSigner && typeof existingSigner.signEvent === "function") {
+      return existingSigner;
+    }
+
+    let extension =
+      typeof window !== "undefined" && window && window.nostr ? window.nostr : null;
+
+    // If the extension is missing but we have cached permissions, it implies the user
+    // previously logged in with an extension. We should wait briefly for injection
+    // to resolve the common race condition where the app loads faster than the extension.
+    if (!extension && this.extensionPermissionCache && this.extensionPermissionCache.size > 0) {
+      try {
+        extension = await waitForNip07Extension(3000);
+      } catch (error) {
+        // Fall through to existing signer check
+      }
+    }
+
+    // Check if a signer appeared while we were waiting (e.g. NIP-46 or concurrent NIP-07 logic)
+    const recheckedSigner = resolveActiveSigner(normalizedPubkey);
+    if (recheckedSigner && typeof recheckedSigner.signEvent === "function") {
+      return recheckedSigner;
+    }
+
+    if (!extension) {
+      return existingSigner;
+    }
+
+    let extensionPubkey = normalizedPubkey;
+
+    if (typeof extension.getPublicKey === "function") {
+      try {
+        const retrieved = await runNip07WithRetry(
+          () => extension.getPublicKey(),
+          { label: "extension.getPublicKey" },
+        );
+        if (typeof retrieved === "string" && retrieved.trim()) {
+          extensionPubkey = retrieved.trim().toLowerCase();
+        }
+      } catch (error) {
+        devLogger.warn(
+          "[nostr] Failed to hydrate active signer from extension pubkey:",
+          error,
+        );
+        return existingSigner;
+      }
+    }
+
+    if (normalizedPubkey && extensionPubkey !== normalizedPubkey) {
+      return existingSigner;
+    }
+
+    // Optimization: Check if a signer was registered while we were waiting for the extension call
+    const raceWinner = resolveActiveSigner(extensionPubkey || normalizedPubkey);
+    if (raceWinner && typeof raceWinner.signEvent === "function") {
+      return raceWinner;
+    }
+
+    if (typeof extension.signEvent !== "function") {
+      return existingSigner;
+    }
+
+    const adapter = await createNip07Adapter(extension, {
+      preloadedPubkey: extensionPubkey,
+    });
+    if (extensionPubkey) {
+      adapter.pubkey = extensionPubkey;
+    }
+    setActiveSigner(adapter);
+
+    return resolveActiveSigner(normalizedPubkey || extensionPubkey);
+  }
+
+  resolveEventDTag(event, fallbackEvent = null) {
+    const immediate = getDTagValueFromTags(event?.tags);
+    if (immediate) {
+      return immediate;
+    }
+
+    const fallbackTag = getDTagValueFromTags(fallbackEvent?.tags);
+    if (fallbackTag) {
+      return fallbackTag;
+    }
+
+    const candidateIds = [];
+    const pushCandidate = (candidate) => {
+      if (typeof candidate === "string" && candidate.trim()) {
+        const normalized = candidate.trim();
+        if (!candidateIds.includes(normalized)) {
+          candidateIds.push(normalized);
+        }
+      }
+    };
+
+    pushCandidate(event?.id);
+    pushCandidate(fallbackEvent?.id);
+
+    for (const candidateId of candidateIds) {
+      const rawEvent = this.rawEvents?.get?.(candidateId);
+      if (!rawEvent) {
+        continue;
+      }
+      const rawTag = getDTagValueFromTags(rawEvent.tags);
+      if (rawTag) {
+        return rawTag;
+      }
+    }
+
+    return "";
+  }
+
+  applyRootCreatedAt(video) {
+    if (!video || typeof video !== "object") {
+      return null;
+    }
+
+    const rootId =
+      typeof video.videoRootId === "string" && video.videoRootId
+        ? video.videoRootId
+        : typeof video.id === "string"
+          ? video.id
+          : "";
+
+    if (!rootId) {
+      if ("rootCreatedAt" in video) {
+        delete video.rootCreatedAt;
+      }
+      return null;
+    }
+
+    const candidates = [];
+
+    const declaredRoot = Number.isFinite(video.rootCreatedAt)
+      ? Math.floor(video.rootCreatedAt)
+      : null;
+    if (declaredRoot !== null) {
+      candidates.push(declaredRoot);
+    }
+
+    const nip71Created = Number.isFinite(video?.nip71Source?.created_at)
+      ? Math.floor(video.nip71Source.created_at)
+      : null;
+    if (nip71Created !== null) {
+      candidates.push(nip71Created);
+    }
+
+    const createdAt = Number.isFinite(video.created_at)
+      ? Math.floor(video.created_at)
+      : null;
+    if (createdAt !== null) {
+      candidates.push(createdAt);
+    }
+
+    const existingValue = this.rootCreatedAtByRoot.get(rootId);
+    if (Number.isFinite(existingValue)) {
+      candidates.push(Math.floor(existingValue));
+    }
+
+    let earliest = null;
+    for (const candidate of candidates) {
+      if (!Number.isFinite(candidate)) {
+        continue;
+      }
+      if (earliest === null || candidate < earliest) {
+        earliest = candidate;
+      }
+    }
+
+    if (earliest !== null) {
+      this.rootCreatedAtByRoot.set(rootId, earliest);
+      video.rootCreatedAt = earliest;
+    } else if ("rootCreatedAt" in video) {
+      delete video.rootCreatedAt;
+    }
+
+    const activeKey = getActiveKey(video);
+    const activeVideo = this.activeMap.get(activeKey);
+    if (activeVideo && activeVideo !== video && earliest !== null) {
+      activeVideo.rootCreatedAt = earliest;
+    }
+
+    return earliest;
+  }
+
+  /**
+   * Attempts to load a "Session Actor" (Ephemeral Key) from storage.
+   * Session actors are used for non-critical signing (e.g. view telemetry)
+   * to avoid nagging the user for NIP-07 signatures constantly.
+   *
+   * @returns {object|null} The session actor object if found.
+   */
+  restoreSessionActorFromStorage() {
+    const entry = readStoredSessionActorEntry();
+    if (!entry) {
+      this.lockedSessionActor = null;
+      return null;
+    }
+
+    const { pubkey, privateKeyEncrypted, encryption, createdAt } = entry;
+
+    if (privateKeyEncrypted && encryption) {
+      this.lockedSessionActor = {
+        pubkey,
+        privateKeyEncrypted,
+        encryption,
+        createdAt: Number.isFinite(createdAt) ? createdAt : Date.now(),
+      };
+    } else {
+      this.lockedSessionActor = null;
+    }
+
+    return null;
+  }
+
+  getStoredSessionActorMetadata() {
+    const entry = readStoredSessionActorEntry();
+    if (!entry) {
+      this.lockedSessionActor = null;
+      return null;
+    }
+
+    const { pubkey, privateKeyEncrypted, encryption, createdAt } = entry;
+    const normalizedCreatedAt = Number.isFinite(createdAt)
+      ? createdAt
+      : Date.now();
+
+    if (privateKeyEncrypted && encryption) {
+      this.lockedSessionActor = {
+        pubkey,
+        privateKeyEncrypted,
+        encryption,
+        createdAt: normalizedCreatedAt,
+      };
+      return {
+        pubkey,
+        hasEncryptedKey: true,
+        createdAt: normalizedCreatedAt,
+      };
+    }
+
+    this.lockedSessionActor = null;
+
+    if (pubkey) {
+      return {
+        pubkey,
+        hasEncryptedKey: false,
+        createdAt: normalizedCreatedAt,
+      };
+    }
+
+    return null;
+  }
+
+  persistSessionActor(actor) {
+    persistSessionActorEntry(actor);
+  }
+
+  clearStoredSessionActor() {
+    clearStoredSessionActorEntry();
+  }
+
+  mintSessionActor() {
+    const tools = getCachedNostrTools();
+    if (!tools) {
+      devLogger.warn("[nostr] Cannot mint session actor without NostrTools.");
+      return null;
+    }
+
+    const getPublicKey =
+      typeof tools.getPublicKey === "function" ? tools.getPublicKey : null;
+    if (!getPublicKey) {
+      devLogger.warn(
+        "[nostr] Cannot mint session actor: missing getPublicKey helper."
+      );
+      return null;
+    }
+
+    let privateKey = "";
+    try {
+      if (typeof tools.generateSecretKey === "function") {
+        const secret = tools.generateSecretKey();
+        if (secret instanceof Uint8Array) {
+          privateKey = bytesToHex(secret);
+        }
+      }
+
+      if (!privateKey) {
+        if (typeof tools.generatePrivateKey === "function") {
+          privateKey = tools.generatePrivateKey();
+        } else if (window?.crypto?.getRandomValues) {
+          const randomBytes = new Uint8Array(32);
+          window.crypto.getRandomValues(randomBytes);
+          privateKey = Array.from(randomBytes)
+            .map((byte) => byte.toString(16).padStart(2, "0"))
+            .join("");
+        }
+      }
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to mint session private key:", error);
+      privateKey = "";
+    }
+
+    if (!privateKey || typeof privateKey !== "string") {
+      return null;
+    }
+
+    const normalizedPrivateKey = privateKey.trim();
+    if (!normalizedPrivateKey) {
+      return null;
+    }
+
+    let pubkey = "";
+    try {
+      pubkey = getPublicKey(normalizedPrivateKey);
+    } catch (error) {
+      let retrySuccess = false;
+      try {
+        if (HEX64_REGEX.test(normalizedPrivateKey)) {
+          const bytes = new Uint8Array(normalizedPrivateKey.length / 2);
+          for (let i = 0; i < normalizedPrivateKey.length; i += 2) {
+            bytes[i / 2] = parseInt(
+              normalizedPrivateKey.substring(i, i + 2),
+              16
+            );
+          }
+          pubkey = getPublicKey(bytes);
+          retrySuccess = true;
+        }
+      } catch (retryError) {
+        // Fall through to original error logging
+      }
+
+      if (!retrySuccess) {
+        devLogger.warn("[nostr] Failed to derive session pubkey:", error);
+        return null;
+      }
+    }
+
+    const normalizedPubkey =
+      typeof pubkey === "string" ? pubkey.trim() : "";
+    if (!normalizedPubkey) {
+      return null;
+    }
+
+    return {
+      pubkey: normalizedPubkey,
+      privateKey: normalizedPrivateKey,
+      createdAt: Date.now(),
+    };
+  }
+
+  async derivePrivateKeyFromSecret(secret) {
+    const trimmed = typeof secret === "string" ? secret.trim() : "";
+    if (!trimmed) {
+      throw new Error("A private key is required.");
+    }
+
+    const tools = (await ensureNostrTools()) || getCachedNostrTools();
+    if (!tools) {
+      throw new Error("Key derivation helpers are unavailable.");
+    }
+
+    let privateKey = "";
+    const normalizedInput = trimmed.toLowerCase();
+
+    if (HEX64_REGEX.test(trimmed)) {
+      privateKey = trimmed.toLowerCase();
+    } else if (normalizedInput.startsWith("nsec1") || normalizedInput.startsWith("sec1")) {
+      const decoder = tools?.nip19?.decode;
+      if (typeof decoder !== "function") {
+        throw new Error("nsec decoding is unavailable.");
+      }
+      let decoded;
+      try {
+        decoded = decoder(trimmed);
+      } catch (error) {
+        const failure = new Error("Invalid nsec secret.");
+        failure.cause = error;
+        throw failure;
+      }
+      if (!decoded || (decoded.type !== "nsec" && decoded.type !== "sec")) {
+        throw new Error("Unsupported nsec secret.");
+      }
+      if (typeof decoded.data === "string") {
+        privateKey = decoded.data;
+      } else if (decoded.data instanceof Uint8Array) {
+        privateKey = bytesToHex(decoded.data);
+      } else if (Array.isArray(decoded.data)) {
+        privateKey = bytesToHex(Uint8Array.from(decoded.data));
+      }
+      if (!HEX64_REGEX.test(privateKey)) {
+        throw new Error("Decoded private key is invalid.");
+      }
+      privateKey = privateKey.toLowerCase();
+    } else if (trimmed.split(/\s+/).length >= 12) {
+      const nip06 = tools?.nip06;
+      if (!nip06 || typeof nip06.privateKeyFromSeedWords !== "function") {
+        throw new Error("Seed word support is unavailable.");
+      }
+      try {
+        privateKey = nip06.privateKeyFromSeedWords(trimmed);
+      } catch (error) {
+        const failure = new Error("Failed to derive a key from the provided seed words.");
+        failure.cause = error;
+        throw failure;
+      }
+      if (!HEX64_REGEX.test(privateKey)) {
+        throw new Error("Derived private key is invalid.");
+      }
+      privateKey = privateKey.toLowerCase();
+    } else {
+      throw new Error(
+        "Unsupported secret format. Provide a hex key, nsec, or mnemonic seed.",
+      );
+    }
+
+    const getPublicKey =
+      typeof tools.getPublicKey === "function" ? tools.getPublicKey : null;
+    if (!getPublicKey) {
+      throw new Error("Public key derivation is unavailable.");
+    }
+
+    let pubkey = "";
+    try {
+      pubkey = getPublicKey(privateKey);
+    } catch (error) {
+      const failure = new Error("Failed to derive the public key.");
+      failure.cause = error;
+      throw failure;
+    }
+
+    if (typeof pubkey !== "string" || !pubkey.trim()) {
+      throw new Error("Derived public key is invalid.");
+    }
+
+    return { privateKey, pubkey: pubkey.trim() };
+  }
+
+  async registerPrivateKeySigner({
+    privateKey,
+    pubkey,
+    persist = false,
+    passphrase,
+    validator,
+  } = {}) {
+    const normalizedPrivateKey =
+      typeof privateKey === "string" && HEX64_REGEX.test(privateKey)
+        ? privateKey.toLowerCase()
+        : "";
+
+    if (!normalizedPrivateKey) {
+      const error = new Error("A valid private key is required.");
+      error.code = "invalid-private-key";
+      throw error;
+    }
+
+    let normalizedPubkey =
+      typeof pubkey === "string" && pubkey.trim() ? pubkey.trim() : "";
+    if (!normalizedPubkey) {
+      const tools = (await ensureNostrTools()) || getCachedNostrTools();
+      const getPublicKey =
+        tools && typeof tools.getPublicKey === "function"
+          ? tools.getPublicKey
+          : null;
+      if (!getPublicKey) {
+        throw new Error("Public key derivation is unavailable.");
+      }
+      try {
+        normalizedPubkey = getPublicKey(normalizedPrivateKey);
+      } catch (error) {
+        const failure = new Error("Failed to derive the public key.");
+        failure.cause = error;
+        throw failure;
+      }
+    }
+
+    if (!normalizedPubkey) {
+      throw new Error("Unable to resolve the public key for this private key.");
+    }
+
+    if (typeof validator === "function") {
+      try {
+        const isValid = await validator(normalizedPubkey);
+        if (!isValid) {
+          throw new Error("Access denied.");
+        }
+      } catch (validationError) {
+        const message =
+          validationError instanceof Error
+            ? validationError.message
+            : "Access denied.";
+        const error = new Error(message);
+        error.code = "access-denied";
+        throw error;
+      }
+    }
+
+    this.sessionActor = {
+      pubkey: normalizedPubkey,
+      privateKey: normalizedPrivateKey,
+      createdAt: Date.now(),
+      source: "nsec",
+      persisted: persist === true,
+    };
+
+    const cipherClosures = await createPrivateKeyCipherClosures(
+      normalizedPrivateKey,
+    );
+    this.sessionActorCipherClosures = cipherClosures || null;
+    this.sessionActorCipherClosuresPrivateKey = normalizedPrivateKey;
+
+    const adapter = await createNsecAdapter({
+      privateKey: normalizedPrivateKey,
+      pubkey: normalizedPubkey,
+    });
+    setActiveSigner(adapter);
+
+    if (persist) {
+      if (typeof passphrase !== "string" || !passphrase.trim()) {
+        const error = new Error("A passphrase is required to remember this key.");
+        error.code = "passphrase-required";
+        throw error;
+      }
+
+      const encrypted = await encryptSessionPrivateKey(
+        normalizedPrivateKey,
+        passphrase,
+      );
+
+      const payload = {
+        pubkey: normalizedPubkey,
+        privateKeyEncrypted: encrypted.ciphertext,
+        encryption: {
+          version: encrypted.version,
+          algorithm: encrypted.algorithm,
+          iterations: encrypted.iterations,
+          hash: encrypted.hash,
+          salt: encrypted.salt,
+          iv: encrypted.iv,
+        },
+        createdAt: this.sessionActor.createdAt,
+      };
+
+      this.lockedSessionActor = { ...payload };
+      this.persistSessionActor(payload);
+    } else {
+      this.lockedSessionActor = null;
+      this.clearStoredSessionActor();
+    }
+
+    return { pubkey: normalizedPubkey };
+  }
+
+  async unlockStoredSessionActor(passphrase) {
+    if (typeof passphrase !== "string" || !passphrase.trim()) {
+      const error = new Error("A passphrase is required to unlock the saved key.");
+      error.code = "passphrase-required";
+      throw error;
+    }
+
+    if (
+      !this.lockedSessionActor ||
+      !this.lockedSessionActor.privateKeyEncrypted ||
+      !this.lockedSessionActor.encryption
+    ) {
+      const entry = readStoredSessionActorEntry();
+      if (entry && entry.privateKeyEncrypted && entry.encryption) {
+        this.lockedSessionActor = {
+          pubkey: entry.pubkey,
+          privateKeyEncrypted: entry.privateKeyEncrypted,
+          encryption: entry.encryption,
+          createdAt: Number.isFinite(entry.createdAt) ? entry.createdAt : Date.now(),
+        };
+      }
+    }
+
+    const locked = this.lockedSessionActor;
+    if (!locked || !locked.privateKeyEncrypted || !locked.encryption) {
+      const error = new Error("No encrypted key is stored on this device.");
+      error.code = "no-stored-key";
+      throw error;
+    }
+
+    const decrypted = await decryptSessionPrivateKey(locked, passphrase);
+    if (!HEX64_REGEX.test(decrypted)) {
+      const error = new Error("The stored key could not be decrypted with this passphrase.");
+      error.code = "decrypt-failed";
+      throw error;
+    }
+
+    const normalizedPrivateKey = decrypted.toLowerCase();
+    let normalizedPubkey =
+      typeof locked.pubkey === "string" && locked.pubkey.trim()
+        ? locked.pubkey.trim()
+        : "";
+
+    if (!normalizedPubkey) {
+      const tools = (await ensureNostrTools()) || getCachedNostrTools();
+      const getPublicKey =
+        tools && typeof tools.getPublicKey === "function"
+          ? tools.getPublicKey
+          : null;
+      if (!getPublicKey) {
+        throw new Error("Public key derivation is unavailable.");
+      }
+      try {
+        normalizedPubkey = getPublicKey(normalizedPrivateKey);
+      } catch (error) {
+        const failure = new Error("Failed to derive the public key.");
+        failure.cause = error;
+        throw failure;
+      }
+    }
+
+    this.sessionActor = {
+      pubkey: normalizedPubkey,
+      privateKey: normalizedPrivateKey,
+      createdAt: Number.isFinite(locked.createdAt) ? locked.createdAt : Date.now(),
+      source: "nsec",
+      persisted: true,
+    };
+
+    const cipherClosures = await createPrivateKeyCipherClosures(
+      normalizedPrivateKey,
+    );
+    this.sessionActorCipherClosures = cipherClosures || null;
+    this.sessionActorCipherClosuresPrivateKey = normalizedPrivateKey;
+
+    const adapter = await createNsecAdapter({
+      privateKey: normalizedPrivateKey,
+      pubkey: normalizedPubkey,
+    });
+    setActiveSigner(adapter);
+
+    const storedPayload = {
+      pubkey: normalizedPubkey,
+      privateKeyEncrypted: locked.privateKeyEncrypted,
+      encryption: locked.encryption,
+      createdAt: Number.isFinite(locked.createdAt) ? locked.createdAt : Date.now(),
+    };
+
+    this.lockedSessionActor = { ...storedPayload };
+    this.persistSessionActor(storedPayload);
+
+    return { pubkey: normalizedPubkey };
+  }
+
+  /**
+   * Returns a valid public key for ephemeral signing ("Session Actor").
+   *
+   * **Priority:**
+   * 1. **Active Signer**: If the user is logged in and the signer is non-promiscuous (local nsec), use it.
+   * 2. **Existing Session**: If we already have a generated ephemeral key, use it.
+   * 3. **Restored Session**: Try to load one from storage.
+   * 4. **Mint New**: Generate a new random keypair and save it.
+   *
+   * @param {boolean} [forceRenew=false] - Force generation of a new keypair.
+   * @returns {Promise<string|null>} The pubkey of the session actor.
+   */
+  async ensureSessionActor(forceRenew = false) {
+    const normalizedLogged =
+      typeof this.pubkey === "string" && this.pubkey
+        ? this.pubkey.toLowerCase()
+        : "";
+    const activeSigner = resolveActiveSigner(this.pubkey);
+    const canSignWithActiveSigner =
+      !!normalizedLogged &&
+      activeSigner &&
+      typeof activeSigner.signEvent === "function";
+    const canSignWithExtension =
+      !!normalizedLogged &&
+      activeSigner &&
+      typeof activeSigner.signEvent === "function" &&
+      shouldRequestExtensionPermissions(activeSigner);
+
+    if (!forceRenew && canSignWithActiveSigner) {
+      return normalizedLogged;
+    }
+
+    if (forceRenew) {
+      this.sessionActor = null;
+      this.sessionActorCipherClosures = null;
+      this.sessionActorCipherClosuresPrivateKey = null;
+      this.clearStoredSessionActor();
+    } else if (
+      this.sessionActor &&
+      typeof this.sessionActor.pubkey === "string" &&
+      this.sessionActor.pubkey &&
+      typeof this.sessionActor.privateKey === "string" &&
+      this.sessionActor.privateKey
+    ) {
+      return this.sessionActor.pubkey;
+    }
+
+    if (!forceRenew) {
+      const restored = this.restoreSessionActorFromStorage();
+      if (restored) {
+        this.sessionActor = restored;
+        this.emitSessionActorChange(restored, { reason: "restored" });
+        return restored.pubkey;
+      }
+    }
+
+    await ensureNostrTools();
+
+    const minted = this.mintSessionActor();
+    if (minted) {
+      this.sessionActor = minted;
+      this.sessionActorCipherClosures = null;
+      this.sessionActorCipherClosuresPrivateKey = null;
+      this.persistSessionActor(minted);
+      this.emitSessionActorChange(minted, { reason: "minted" });
+      return minted.pubkey;
+    }
+
+    if (canSignWithExtension) {
+      return normalizedLogged;
+    }
+
+    return null;
+  }
+
+  makeCountUnsupportedError(relayUrl) {
+    const normalizedUrl =
+      typeof relayUrl === "string" && relayUrl.trim()
+        ? relayUrl.trim()
+        : "";
+    const error = new Error(
+      `[nostr] Relay ${normalizedUrl} does not support COUNT frames.`
+    );
+    error.code = "count-unsupported";
+    error.relay = normalizedUrl;
+    error.unsupported = true;
+    return error;
+  }
+
+  applyCachedPayload(payload, sourceLabel) {
+    if (!payload || payload.version !== 1) {
+      return false;
+    }
+
+    const now = Date.now();
+    if (
+      typeof payload.savedAt !== "number" ||
+      payload.savedAt <= 0 ||
+      now - payload.savedAt > EVENTS_CACHE_TTL_MS
+    ) {
+      return false;
+    }
+
+    const events = payload.events;
+    if (!events || (typeof events !== "object" && !(events instanceof Map))) {
+      return false;
+    }
+
+    this.allEvents.clear();
+    this.rawEvents.clear();
+    this.activeMap.clear();
+    this.rootCreatedAtByRoot.clear();
+    this.tombstones.clear();
+
+    const tombstoneEntries =
+      events instanceof Map && payload.tombstones instanceof Map
+        ? payload.tombstones.entries()
+        : Array.isArray(payload.tombstones)
+          ? payload.tombstones
+          : [];
+
+    for (const entry of tombstoneEntries) {
+      const [key, value] = Array.isArray(entry) ? entry : [entry.key, entry.timestamp];
+      const normalizedKey = typeof key === "string" ? key.trim() : "";
+      const timestamp = Number.isFinite(value) ? Math.floor(value) : 0;
+      if (normalizedKey && timestamp > 0) {
+        this.tombstones.set(normalizedKey, timestamp);
+      }
+    }
+
+    const eventEntries =
+      events instanceof Map ? events.entries() : Object.entries(events);
+
+    for (const [id, video] of eventEntries) {
+      if (!id || !video || typeof video !== "object") {
+        continue;
+      }
+
+      this.applyRootCreatedAt(video);
+      const activeKey = getActiveKey(video);
+
+      if (video.deleted) {
+        this.recordTombstone(activeKey, video.created_at);
+      } else {
+        this.applyTombstoneGuard(video);
+      }
+
+      this.allEvents.set(id, video);
+      if (video.deleted) {
+        continue;
+      }
+
+      const existing = this.activeMap.get(activeKey);
+      if (!existing || video.created_at > existing.created_at) {
+        this.activeMap.set(activeKey, video);
+      }
+    }
+
+    if (this.allEvents.size > 0 && isDevMode) {
+      devLogger.log(
+        `[nostr] Restored ${this.allEvents.size} cached events from ${sourceLabel}`,
+      );
+    }
+
+    return this.allEvents.size > 0;
+  }
+
+  /**
+   * Restores application state from the best available local cache.
+   *
+   * 1. Attempts to load from `IndexedDB` (preferred).
+   * 2. Falls back to `localStorage` if IDB fails or is empty.
+   * 3. Rehydrates `allEvents`, `activeMap`, and `tombstones`.
+   *
+   * This implements the "Stale-While-Revalidate" pattern: the UI renders
+   * immediately with this data while network requests proceed in the background.
+   *
+   * @returns {Promise<boolean>} True if data was successfully restored.
+   */
+  async restoreLocalData() {
+    if (this.hasRestoredLocalData) {
+      return this.allEvents.size > 0;
+    }
+
+    this.hasRestoredLocalData = true;
+
+    const restoredFromIndexedDb = await this.restoreFromIndexedDb();
+    if (restoredFromIndexedDb) {
+      return true;
+    }
+
+    return this.restoreFromLocalStorage();
+  }
+
+  async restoreFromIndexedDb() {
+    try {
+      const payload = await this.eventsCacheStore.restoreSnapshot();
+      if (!payload) {
+        return false;
+      }
+      return this.applyCachedPayload(payload, "IndexedDB");
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to restore IndexedDB cache:", error);
+      return false;
+    }
+  }
+
+  restoreFromLocalStorage() {
+    if (typeof localStorage === "undefined") {
+      return false;
+    }
+
+    const now = Date.now();
+    const parsePayload = (raw) => {
+      if (!raw) {
+        return null;
+      }
+      try {
+        const parsed = JSON.parse(raw);
+        if (parsed && typeof parsed === "object") {
+          return parsed;
+        }
+      } catch (err) {
+        devLogger.warn("[nostr] Failed to parse cached events:", err);
+      }
+      return null;
+    };
+
+    let payload = parsePayload(localStorage.getItem(EVENTS_CACHE_STORAGE_KEY));
+
+    const applied = this.applyCachedPayload(payload, "localStorage");
+
+    if (!applied && payload) {
+      try {
+        localStorage.removeItem(EVENTS_CACHE_STORAGE_KEY);
+      } catch (err) {
+        devLogger.warn("[nostr] Failed to clear expired cache:", err);
+      }
+    }
+
+    return applied;
+  }
+
+  getSyncLastSeen(kind, pubkey, dTag, relayUrl) {
+    const effectivePubkey = pubkey || this.pubkey;
+    return this.syncMetadataStore.getLastSeen(kind, effectivePubkey, dTag, relayUrl);
+  }
+
+  updateSyncLastSeen(kind, pubkey, dTag, relayUrl, createdAt) {
+    const effectivePubkey = pubkey || this.pubkey;
+    this.syncMetadataStore.updateLastSeen(kind, effectivePubkey, dTag, relayUrl, createdAt);
+  }
+
+  getPerRelaySyncLastSeen(kind, pubkey, dTag) {
+    const effectivePubkey = pubkey || this.pubkey;
+    return this.syncMetadataStore.getPerRelayLastSeen(kind, effectivePubkey, dTag);
+  }
+
+  /**
+   * Fetches a list of events incrementally from multiple relays, respecting `lastSeen` timestamps per relay.
+   *
+   * **Optimization Strategy:**
+   * - Checks `SyncMetadataStore` for the last known `created_at` timestamp for this query on each relay.
+   * - If a timestamp exists, it requests `since: lastSeen + 1` to fetch only new items.
+   * - If the incremental fetch fails (or returns nothing when we expected updates), it falls back to a full fetch.
+   * - Updates the `SyncMetadataStore` with the new max `created_at` on success.
+   *
+   * **Concurrency:**
+   * - Batches relay requests in chunks of 8 to avoid saturating network connections.
+   *
+   * @param {object} params
+   * @param {number} params.kind - The event kind to fetch (e.g. 10000 for mute list).
+   * @param {string} params.pubkey - The author's pubkey.
+   * @param {string} [params.dTag] - Optional d-tag for addressable events (NIP-33).
+   * @param {string[]} [params.relayUrls] - List of relays to query. Defaults to client's configured relays.
+   * @param {function} [params.fetchFn] - Custom fetch function (mocks or specialized logic). Defaults to `pool.list`.
+   * @param {number} [params.since] - Explicit start timestamp (overrides storage).
+   * @param {number} [params.timeoutMs] - Optional per-relay timeout for list fetches; defaults to a higher list-friendly baseline.
+   * @returns {Promise<import("nostr-tools").Event[]>} Deduplicated list of events found across all relays.
+   */
+  async fetchListIncrementally({
+    kind,
+    pubkey,
+    dTag,
+    relayUrls,
+    fetchFn,
+    since,
+    timeoutMs = 10000,
+  } = {}) {
+    // Explanation:
+    // Optimizes network usage by only fetching "new" events from each relay.
+    // It uses `SyncMetadataStore` to track the `created_at` of the last seen event per relay.
+    // - If we have a `lastSeen` timestamp, we request `since: lastSeen + 1`.
+    // - If that returns nothing (or fails), we might fall back to a full fetch depending on context.
+    // - Updates the `lastSeen` timestamp upon success.
+    if (!kind || !pubkey) {
+      throw new Error("fetchListIncrementally requires kind and pubkey");
+    }
+
+    const normalizedPubkey = normalizeNostrPubkey(pubkey);
+    if (!normalizedPubkey) {
+      throw new Error("Invalid pubkey for fetchListIncrementally");
+    }
+
+    const relaysToUse = Array.isArray(relayUrls) && relayUrls.length
+      ? relayUrls
+      : this.relays;
+
+    const healthyCandidates = this.getHealthyRelays(relaysToUse);
+    let relayCandidates = healthyCandidates;
+    if (!healthyCandidates.length && relaysToUse.length) {
+      const sanitizedFallback = sanitizeRelayList(relaysToUse);
+      const defaultFallback = sanitizeRelayList(Array.from(DEFAULT_RELAY_URLS));
+      relayCandidates = sanitizedFallback.length
+        ? sanitizedFallback
+        : defaultFallback.length
+          ? defaultFallback
+          : sanitizeRelayList(Array.from(RELAY_URLS));
+      devLogger.warn(
+        "[fetchListIncrementally] Healthy relays exhausted; using fallback relay list for one-off fetch.",
+        {
+          requested: relaysToUse,
+          fallback: relayCandidates,
+        },
+      );
+    }
+    const readPreferences = new Set(Array.isArray(this.readRelays) ? this.readRelays : []);
+
+    // Sort relays: prefer user's read relays first
+    const sortedRelays = relayCandidates.sort((a, b) => {
+      const aPreferred = readPreferences.has(a);
+      const bPreferred = readPreferences.has(b);
+      if (aPreferred && !bPreferred) return -1;
+      if (!aPreferred && bPreferred) return 1;
+      return 0;
+    });
+
+    // Cap the number of relays to avoid excessive requests
+    const cappedRelays = sortedRelays.slice(0, 8);
+    const normalizedRelays = sanitizeRelayList(cappedRelays);
+
+    if (isDevMode) {
+      devLogger.log("[fetchListIncrementally] Selected relays:", {
+        count: normalizedRelays.length,
+        relays: normalizedRelays,
+      });
+    }
+
+    const results = [];
+    const concurrencyLimit = 8;
+
+    // We'll use the pool's list method if fetchFn isn't provided,
+    // but we need to call it per-relay.
+    const pool = await this.ensurePool();
+    const actualFetchFn = typeof fetchFn === "function"
+      ? fetchFn
+      : (r, f, timeout) => pool.list([r], [f], { timeout });
+
+    const chunks = [];
+    for (let i = 0; i < normalizedRelays.length; i += concurrencyLimit) {
+      chunks.push(normalizedRelays.slice(i, i + concurrencyLimit));
+    }
+
+    let anySuccess = false;
+    const failures = [];
+
+    for (const chunk of chunks) {
+      const promises = chunk.map(async (relayUrl) => {
+        let lastSeen = this.getSyncLastSeen(
+          kind,
+          normalizedPubkey,
+          dTag,
+          relayUrl,
+        );
+
+        // If an explicit 'since' override is provided, use it instead of storage.
+        // This allows services to anchor fetching to their own known state.
+        if (since !== undefined) {
+          const overrideSince = Number(since);
+          lastSeen =
+            Number.isFinite(overrideSince) && overrideSince >= 0
+              ? Math.floor(overrideSince)
+              : 0;
+        }
+
+        const filter = {
+          kinds: [kind],
+          authors: [normalizedPubkey],
+        };
+
+        if (dTag) {
+          filter["#d"] = [dTag];
+        }
+
+        // Strategy:
+        // If we have a lastSeen, ask for since = lastSeen + 1.
+        // If that fails or returns nothing, we don't necessarily fall back
+        // unless there's an error.
+        // Wait, requirements say:
+        // "If metadata is missing for a relay → do a full fetch"
+        // "If a relay returns an error ... fall back to full fetch"
+
+        let doFullFetch = true;
+        if (lastSeen > 0) {
+          filter.since = lastSeen + 1;
+          doFullFetch = false;
+        }
+
+        // Allow callers to override list fetch timeouts without changing non-list query behavior.
+        const listTimeoutMs = Number.isFinite(timeoutMs) && timeoutMs > 0 ? timeoutMs : 10000;
+
+        try {
+          // Wrap fetch with a timeout to prevent hanging on slow relays
+          let events = await withRequestTimeout(
+            actualFetchFn(relayUrl, filter, listTimeoutMs),
+            listTimeoutMs,
+            null,
+            `Fetch from ${relayUrl} timed out`
+          );
+
+          // If incremental returned empty, we assume no updates (success).
+          // But if we did a full fetch (no since), empty means empty.
+
+          if (!events || !Array.isArray(events)) {
+             events = [];
+          }
+
+          // On success, update lastSeen with max created_at
+          let maxCreated = 0;
+          for (const ev of events) {
+            if (ev.created_at > maxCreated) {
+              maxCreated = ev.created_at;
+            }
+          }
+
+          if (maxCreated > 0) {
+            // Only update if we found something newer or if we did a full fetch
+            // Actually, if we did incremental and found new stuff, maxCreated > lastSeen.
+            // If we did full fetch, maxCreated is the latest.
+            this.updateSyncLastSeen(kind, normalizedPubkey, dTag, relayUrl, maxCreated);
+          }
+
+          return { events, ok: true };
+        } catch (error) {
+          // Fallback to full fetch if incremental failed or if relay error
+          if (!doFullFetch) {
+            try {
+              delete filter.since;
+              const events = await withRequestTimeout(
+                actualFetchFn(relayUrl, filter, listTimeoutMs),
+                listTimeoutMs,
+                null,
+                `Full fetch fallback from ${relayUrl} timed out`
+              );
+              // Update lastSeen on success of fallback
+              let maxCreated = 0;
+              if (Array.isArray(events)) {
+                for (const ev of events) {
+                  if (ev.created_at > maxCreated) {
+                    maxCreated = ev.created_at;
+                  }
+                }
+              }
+              if (maxCreated > 0) {
+                 this.updateSyncLastSeen(kind, normalizedPubkey, dTag, relayUrl, maxCreated);
+              }
+              return { events: events || [], ok: true };
+            } catch (fallbackError) {
+              devLogger.warn(`[fetchListIncrementally] Full fetch fallback failed for ${relayUrl}`, fallbackError);
+              return { error: fallbackError, ok: false };
+            }
+          } else {
+             devLogger.warn(`[fetchListIncrementally] Fetch failed for ${relayUrl}`, error);
+             this.markRelayUnreachable(relayUrl);
+             return { error, ok: false };
+          }
+        }
+      });
+
+      const chunkResults = await Promise.all(promises);
+      for (const res of chunkResults) {
+        if (res.ok) {
+          anySuccess = true;
+          if (Array.isArray(res.events)) {
+            results.push(...res.events);
+          }
+        } else {
+          failures.push(res.error);
+        }
+      }
+    }
+
+    if (!anySuccess && normalizedRelays.length > 0) {
+      const error = new Error("All relays failed to fetch list.");
+      error.code = "fetch-failed";
+      error.failures = failures;
+      throw error;
+    }
+
+    // Deduplicate by ID
+    const uniqueEvents = new Map();
+    for (const ev of results) {
+      if (ev && ev.id) {
+        uniqueEvents.set(ev.id, ev);
+      }
+    }
+
+    return Array.from(uniqueEvents.values());
+  }
+
+  applyRelayPreferences(preferences = {}) {
+    const normalizedPrefs =
+      preferences && typeof preferences === "object" ? preferences : {};
+    const sanitizedAll = sanitizeRelayList(
+      Array.isArray(normalizedPrefs.all)
+        ? normalizedPrefs.all
+        : this.relays
+    );
+    const effectiveAll =
+      sanitizedAll.length > 0
+        ? sanitizedAll
+        : sanitizeRelayList(Array.from(DEFAULT_RELAY_URLS));
+
+    const sanitizedRead = sanitizeRelayList(
+      Array.isArray(normalizedPrefs.read)
+        ? normalizedPrefs.read
+        : effectiveAll
+    );
+    const sanitizedWrite = sanitizeRelayList(
+      Array.isArray(normalizedPrefs.write)
+        ? normalizedPrefs.write
+        : effectiveAll
+    );
+
+    this.relays = effectiveAll.length ? effectiveAll : Array.from(RELAY_URLS);
+    this.readRelays = sanitizedRead.length ? sanitizedRead : Array.from(this.relays);
+    this.writeRelays = sanitizedWrite.length ? sanitizedWrite : Array.from(this.relays);
+  }
+
+  getWatchHistoryCacheTtlMs() {
+    return getWatchHistoryCacheTtlMsFromManager(this.watchHistory);
+  }
+
+  getWatchHistoryStorage() {
+    return getWatchHistoryStorageFromManager(this.watchHistory);
+  }
+
+  persistWatchHistoryEntry(actorInput, entry) {
+    persistWatchHistoryEntryToManager(this.watchHistory, actorInput, entry);
+  }
+
+  cancelWatchHistoryRepublish(taskId = null) {
+    cancelWatchHistoryRepublishForManager(this.watchHistory, taskId);
+  }
+
+  scheduleWatchHistoryRepublish(taskId, operation, options = {}) {
+    return scheduleWatchHistoryRepublishForManager(
+      this.watchHistory,
+      taskId,
+      operation,
+      options,
+    );
+  }
+  async getWatchHistoryFingerprint(actorInput, itemsOverride = null) {
+    return getWatchHistoryFingerprintFromManager(
+      this.watchHistory,
+      actorInput,
+      itemsOverride,
+    );
+  }
+  ensureWatchHistoryBackgroundRefresh(actorInput = null) {
+    return ensureWatchHistoryBackgroundRefreshForManager(
+      this.watchHistory,
+      actorInput,
+    );
+  }
+  async publishWatchHistorySnapshot(rawItems, options = {}) {
+    if (isSessionActor(this)) {
+      const error = new Error(
+        "Publishing watch history is not allowed for session actors."
+      );
+      error.code = "session-actor-publish-blocked";
+      throw error;
+    }
+    return publishWatchHistorySnapshotWithManager(
+      this.watchHistory,
+      rawItems,
+      options,
+    );
+  }
+  async updateWatchHistoryList(rawItems = [], options = {}) {
+    if (isSessionActor(this)) {
+      const error = new Error(
+        "Publishing watch history is not allowed for session actors."
+      );
+      error.code = "session-actor-publish-blocked";
+      throw error;
+    }
+    return updateWatchHistoryListWithManager(
+      this.watchHistory,
+      rawItems,
+      options,
+    );
+  }
+  async removeWatchHistoryItem(pointerInput, options = {}) {
+    if (isSessionActor(this)) {
+      const error = new Error(
+        "Publishing watch history is not allowed for session actors."
+      );
+      error.code = "session-actor-publish-blocked";
+      throw error;
+    }
+    return removeWatchHistoryItemWithManager(
+      this.watchHistory,
+      pointerInput,
+      options,
+    );
+  }
+  async fetchWatchHistory(actorInput, options = {}) {
+    return fetchWatchHistoryWithManager(this.watchHistory, actorInput, options);
+  }
+  async resolveWatchHistory(actorInput, options = {}) {
+    return resolveWatchHistoryWithManager(
+      this.watchHistory,
+      actorInput,
+      options,
+    );
+  }
+  async listVideoViewEvents(pointer, options = {}) {
+    return listVideoViewEventsForClient(this, pointer, options);
+  }
+
+  subscribeVideoViewEvents(pointer, options = {}) {
+    return subscribeVideoViewEventsForClient(this, pointer, options);
+  }
+
+  async countVideoViewEvents(pointer, options = {}) {
+    return countVideoViewEventsForClient(this, pointer, options);
+  }
+
+  async publishViewEvent(videoPointer, options = {}) {
+    return publishViewEventForClient(this, videoPointer, options, {
+      resolveActiveSigner,
+      shouldRequestExtensionPermissions,
+      signEventWithPrivateKey,
+      DEFAULT_NIP07_PERMISSION_METHODS,
+    });
+  }
+
+  async publishVideoReaction(pointer, options = {}) {
+    return publishVideoReactionForClient(this, pointer, options, {
+      resolveActiveSigner,
+      shouldRequestExtensionPermissions,
+      signEventWithPrivateKey,
+      DEFAULT_NIP07_PERMISSION_METHODS,
+    });
+  }
+
+  async publishVideoComment(target, options = {}) {
+    return publishCommentForClient(this, target, options, {
+      resolveActiveSigner,
+      shouldRequestExtensionPermissions,
+      signEventWithPrivateKey,
+      DEFAULT_NIP07_PERMISSION_METHODS,
+    });
+  }
+
+  async publishDmReadReceipt(payload, options = {}) {
+    return publishDmReadReceiptForClient(this, payload, options, {
+      shouldRequestExtensionPermissions,
+      DEFAULT_NIP07_PERMISSION_METHODS,
+    });
+  }
+
+  async publishDmTypingIndicator(payload, options = {}) {
+    return publishDmTypingIndicatorForClient(this, payload, options, {
+      shouldRequestExtensionPermissions,
+      DEFAULT_NIP07_PERMISSION_METHODS,
+    });
+  }
+
+  async fetchVideoComments(target, options = {}) {
+    return listVideoCommentsForClient(this, target, options);
+  }
+
+  subscribeVideoComments(target, options = {}) {
+    return subscribeVideoCommentsForClient(this, target, options);
+  }
+
+  async recordVideoView(videoPointer, options = {}) {
+    return recordVideoViewForClient(this, videoPointer, options, {
+      resolveActiveSigner,
+      shouldRequestExtensionPermissions,
+      signEventWithPrivateKey,
+      DEFAULT_NIP07_PERMISSION_METHODS,
+    });
+  }
+
+  /**
+   * Initializes the client and bootstraps the network layer.
+   *
+   * **Boot Sequence:**
+   * 1. **Offline Restore**: Loads cached events from IndexedDB/localStorage to render the UI immediately (Stale-While-Revalidate).
+   * 2. **Session Restore**: Attempts to reconnect to a stored NIP-46 remote signer (if any).
+   * 3. **Network Connect**: Initializes `SimplePool` and establishes WebSocket connections to relays.
+   *
+   * @returns {Promise<void>} Resolves when the relay pool is initialized and connections are attempted.
+   */
+  /**
+   * Main entry point for the client.
+   *
+   * 1. Restores local state from IndexedDB (Stale-While-Revalidate).
+   * 2. Initializes the relay connection pool.
+   * 3. Connects to configured relays.
+   * 4. Restores any persistent remote signer sessions.
+   *
+   * @returns {Promise<void>} Resolves after the initial relay connection attempt completes.
+   */
+  async init() {
+    if (this.isInitialized) {
+      return;
+    }
+    this.isInitialized = true;
+
+    devLogger.log("Connecting to relays...");
+
+    // 1. Restore cache for immediate UI render (Stale-While-Revalidate)
+    await this.restoreLocalData();
+
+    try {
+      this.scheduleStoredRemoteSignerRestore();
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to schedule remote signer restoration:", error);
+    }
+
+    try {
+      await this.ensurePool();
+      const results = await this.connectToRelays();
+      const successfulRelays = results
+        .filter((r) => r.success)
+        .map((r) => r.url);
+      if (successfulRelays.length === 0) {
+        userLogger.warn(
+          "[nostr] No relays connected during init. Retrying in the background.",
+        );
+        this.scheduleRelayReconnect({ reason: "initial-connect-failed" });
+      } else {
+        this.resetRelayReconnectState();
+        devLogger.log(
+          `Connected to ${successfulRelays.length} relay(s)`,
+        );
+      }
+    } catch (err) {
+      userLogger.error("Nostr init failed:", err);
+      throw err;
+    }
+  }
+
+  /**
+   * Ensures the `SimplePool` (from nostr-tools) is initialized and ready.
+   *
+   * @returns {Promise<import("nostr-tools").SimplePool>} The active pool instance.
+   */
+  async ensurePool() {
+    if (this.pool) {
+      return this.pool;
+    }
+
+    if (this.poolPromise) {
+      return this.poolPromise;
+    }
+
+    const tools = await ensureNostrTools();
+    const SimplePool = resolveSimplePoolConstructor(tools);
+
+    if (typeof SimplePool !== "function") {
+      if (tools && typeof tools === "object") {
+        const availableKeys = Object.keys(tools).join(", ");
+        devLogger.warn(
+          "[nostr] NostrTools helpers did not expose SimplePool. Available keys:",
+          availableKeys
+        );
+      } else {
+        userLogger.warn(
+          "[nostr] NostrTools helpers were unavailable. Check that nostr-tools bundles can load on this domain."
+        );
+      }
+      if (nostrToolsBootstrapFailure) {
+        userLogger.warn(
+          "[nostr] nostr-tools bootstrap failure details:",
+          nostrToolsBootstrapFailure
+        );
+      }
+      const error = new Error(
+        "NostrTools SimplePool is unavailable. Verify that nostr-tools resources can load on this domain."
+      );
+
+      error.code = "nostr-simplepool-unavailable";
+      if (nostrToolsBootstrapFailure) {
+        error.bootstrapFailure = nostrToolsBootstrapFailure;
+      }
+      this.poolPromise = null;
+      throw error;
+    }
+
+    const creation = Promise.resolve().then(() => {
+      const instance = new SimplePool();
+      shimLegacySimplePoolMethods(instance);
+      this.pool = instance;
+      return instance;
+    });
+
+    const shared = creation
+      .then((instance) => {
+        this.poolPromise = Promise.resolve(instance);
+        return instance;
+      })
+      .catch((error) => {
+        this.poolPromise = null;
+        throw error;
+      });
+
+    this.poolPromise = shared;
+    return shared;
+  }
+
+  // We subscribe to kind `0` purely as a liveness probe because almost every
+  // relay can answer it quickly. Either an `event` or `eose` signals success,
+  // while the 5s timer guards against relays that never respond. We immediately
+  // `unsub` to avoid leaking subscriptions. Note: any future change must still
+  // provide a lightweight readiness check with similar timeout semantics.
+  /**
+   * Connects to all configured relays in parallel.
+   *
+   * - Skips relays that are already connected.
+   * - Updates internal connectivity state.
+   * - Does NOT throw if individual relays fail, but returns a summary.
+   *
+   * @returns {Promise<Array<{url: string, success: boolean}>>} Connection results.
+   */
+  async connectToRelays() {
+    const relayTargets = this.getHealthyRelays(this.relays);
+    if (!relayTargets.length) {
+      return [];
+    }
+    const results = await Promise.all(
+      relayTargets.map(
+        (url) =>
+          new Promise((resolve) => {
+            const sub = this.pool.sub([url], [{ kinds: [0], limit: 1 }]);
+            const timeout = setTimeout(() => {
+              sub.unsub();
+              resolve({ url, success: false });
+            }, RELAY_CONNECT_TIMEOUT_MS);
+
+            const succeed = () => {
+              clearTimeout(timeout);
+              sub.unsub();
+              resolve({ url, success: true });
+            };
+            sub.on("event", succeed);
+            sub.on("eose", succeed);
+          })
+      )
+    );
+
+    for (const result of results) {
+      if (result.success) {
+        this.clearRelayBackoff(result.url);
+      } else {
+        this.markRelayUnreachable(result.url, 60000, {
+          reason: "connect-timeout",
+        });
+        if (isDevMode) {
+          devLogger.warn(`[nostr] Marked relay as unreachable: ${result.url}`);
+        }
+      }
+    }
+
+    return results;
+  }
+
+  resolveRelayReconnectDelayMs(attempt) {
+    const safeAttempt = Number.isFinite(attempt) ? Math.max(0, attempt) : 0;
+    const computed = RELAY_RECONNECT_BASE_DELAY_MS * Math.pow(2, safeAttempt);
+    return Math.min(RELAY_RECONNECT_MAX_DELAY_MS, computed);
+  }
+
+  resetRelayReconnectState() {
+    this.relayReconnectAttempt = 0;
+    if (this.relayReconnectTimer) {
+      clearTimeout(this.relayReconnectTimer);
+      this.relayReconnectTimer = null;
+    }
+  }
+
+  scheduleRelayReconnect({ reason = "retry" } = {}) {
+    if (this.relayReconnectTimer) {
+      return;
+    }
+    if (this.relayReconnectAttempt >= RELAY_RECONNECT_MAX_ATTEMPTS) {
+      if (isDevMode) {
+        devLogger.debug(
+          "[nostr] Relay reconnect attempts exhausted.",
+          {
+            attempts: this.relayReconnectAttempt,
+            reason,
+          },
+        );
+      }
+      return;
+    }
+
+    const delayMs = this.resolveRelayReconnectDelayMs(this.relayReconnectAttempt);
+    const attemptNumber = this.relayReconnectAttempt + 1;
+    this.relayReconnectAttempt = attemptNumber;
+
+    if (isDevMode) {
+      devLogger.debug("[nostr] Scheduling relay reconnect attempt.", {
+        attempt: attemptNumber,
+        delayMs,
+        reason,
+      });
+    }
+
+    this.relayReconnectTimer = setTimeout(async () => {
+      this.relayReconnectTimer = null;
+      try {
+        const results = await this.connectToRelays();
+        const successful = results.some((result) => result.success);
+        if (successful) {
+          this.resetRelayReconnectState();
+          return;
+        }
+      } catch (error) {
+        devLogger.warn("[nostr] Relay reconnect attempt failed:", error);
+      }
+      this.scheduleRelayReconnect({ reason: "reconnect-failed" });
+    }, delayMs);
+  }
+
+  logRelaySummary({
+    key,
+    level = "warn",
+    message,
+    payload,
+  } = {}) {
+    if (!key || !message) {
+      return;
+    }
+    const now = Date.now();
+    const lastLogged = this.relaySummaryLogTimestamps.get(key) || 0;
+    if (now - lastLogged < RELAY_SUMMARY_LOG_INTERVAL_MS) {
+      return;
+    }
+    this.relaySummaryLogTimestamps.set(key, now);
+    const channel = isDevMode ? devLogger : userLogger;
+    const logFn =
+      typeof channel[level] === "function" ? channel[level] : channel.warn;
+    if (payload) {
+      logFn(`[nostr] ${message}`, payload);
+    } else {
+      logFn(`[nostr] ${message}`);
+    }
+  }
+
+  resolveRelayBackoffMs(failureCount, ttlOverride) {
+    const baseMs = RELAY_BACKOFF_BASE_DELAY_MS;
+    const maxMs = RELAY_BACKOFF_MAX_DELAY_MS;
+    const computed = Math.min(
+      maxMs,
+      baseMs * Math.pow(2, Math.max(0, failureCount - 1))
+    );
+    const override = Number(ttlOverride);
+    if (Number.isFinite(override) && override > 0) {
+      return Math.min(computed, Math.floor(override));
+    }
+    return computed;
+  }
+
+  clearRelayBackoff(url) {
+    if (!url || typeof url !== "string") {
+      return;
+    }
+    const normalized = url.trim();
+    if (!normalized) {
+      return;
+    }
+    const hadBackoffState =
+      this.relayBackoff.has(normalized) ||
+      this.unreachableRelays.has(normalized) ||
+      this.relayFailureCounts.has(normalized) ||
+      this.relayCircuitBreakers.has(normalized);
+    this.relayBackoff.delete(normalized);
+    this.relayFailureCounts.delete(normalized);
+    this.relayFailureWindows.delete(normalized);
+    this.unreachableRelays.delete(normalized);
+    this.relayCircuitBreakers.delete(normalized);
+    if (hadBackoffState) {
+      this.logRelaySummary({
+        key: `relay-recovered:${normalized}`,
+        level: "info",
+        message: "Relay recovered; backoff cleared.",
+        payload: { relay: normalized },
+      });
+    }
+  }
+
+  recordRelayFailureWindow(url) {
+    if (!url || typeof url !== "string") {
+      return 0;
+    }
+    const normalized = url.trim();
+    if (!normalized) {
+      return 0;
+    }
+    const now = Date.now();
+    const cutoff = now - RELAY_FAILURE_WINDOW_MS;
+    const history = this.relayFailureWindows.get(normalized) || [];
+    const filtered = history.filter(
+      (timestamp) => Number.isFinite(timestamp) && timestamp >= cutoff,
+    );
+    filtered.push(now);
+    this.relayFailureWindows.set(normalized, filtered);
+    return filtered.length;
+  }
+
+  markRelayUnreachable(url, ttlMs = 60000, { reason = null } = {}) {
+    if (!url || typeof url !== "string") {
+      return;
+    }
+    const normalized = url.trim();
+    if (!normalized) {
+      return;
+    }
+    const windowFailureCount = this.recordRelayFailureWindow(normalized);
+    const nextFailureCount = (this.relayFailureCounts.get(normalized) || 0) + 1;
+    this.relayFailureCounts.set(normalized, nextFailureCount);
+    const backoffMs = this.resolveRelayBackoffMs(nextFailureCount, ttlMs);
+    const retryAt = Date.now() + backoffMs;
+    this.relayBackoff.set(normalized, {
+      retryAt,
+      backoffMs,
+      failureCount: nextFailureCount,
+      reason,
+    });
+    this.unreachableRelays.add(normalized);
+    const shouldOpenCircuit =
+      nextFailureCount >= RELAY_CIRCUIT_BREAKER_THRESHOLD ||
+      windowFailureCount >= RELAY_FAILURE_WINDOW_THRESHOLD;
+    if (shouldOpenCircuit) {
+      const now = Date.now();
+      const openUntil = now + RELAY_CIRCUIT_BREAKER_COOLDOWN_MS;
+      const existing = this.relayCircuitBreakers.get(normalized);
+      const nextOpenUntil =
+        existing && Number.isFinite(existing.openUntil)
+          ? Math.max(existing.openUntil, openUntil)
+          : openUntil;
+      const circuitReason =
+        reason ||
+        (nextFailureCount >= RELAY_CIRCUIT_BREAKER_THRESHOLD
+          ? "consecutive-failures"
+          : "windowed-failures");
+      this.relayCircuitBreakers.set(normalized, {
+        openUntil: nextOpenUntil,
+        failureCount: nextFailureCount,
+        reason: circuitReason,
+      });
+      this.logRelaySummary({
+        key: `relay-circuit:${normalized}`,
+        level: "warn",
+        message: "Circuit breaker opened for relay.",
+        payload: {
+          relay: normalized,
+          openUntil: nextOpenUntil,
+          failureCount: nextFailureCount,
+          reason: circuitReason,
+        },
+      });
+    }
+    this.logRelaySummary({
+      key: `relay-backoff:${normalized}`,
+      level: "warn",
+      message: "Relay backoff applied.",
+      payload: {
+        relay: normalized,
+        backoffMs,
+        failureCount: nextFailureCount,
+        retryAt,
+        reason,
+      },
+    });
+  }
+
+  getHealthyRelays(candidates) {
+    const source = Array.isArray(candidates) ? candidates : this.relays;
+    if (!this.unreachableRelays.size) {
+      return source;
+    }
+    const now = Date.now();
+    return source.filter((url) => {
+      const circuit = this.relayCircuitBreakers.get(url);
+      if (circuit && Number.isFinite(circuit.openUntil)) {
+        if (circuit.openUntil > now) {
+          return false;
+        }
+        this.relayCircuitBreakers.delete(url);
+        this.relayFailureCounts.delete(url);
+        this.relayFailureWindows.delete(url);
+        this.unreachableRelays.delete(url);
+        this.relayBackoff.delete(url);
+        this.logRelaySummary({
+          key: `relay-circuit-reset:${url}`,
+          level: "info",
+          message: "Circuit breaker reset for relay.",
+          payload: { relay: url },
+        });
+      }
+      if (!this.unreachableRelays.has(url)) {
+        return true;
+      }
+      const entry = this.relayBackoff.get(url);
+      if (!entry) {
+        return false;
+      }
+      if (Number.isFinite(entry.retryAt) && entry.retryAt > now) {
+        return false;
+      }
+      this.relayBackoff.delete(url);
+      this.relayFailureCounts.delete(url);
+      this.relayFailureWindows.delete(url);
+      this.unreachableRelays.delete(url);
+      this.logRelaySummary({
+        key: `relay-backoff-expired:${url}`,
+        level: "info",
+        message: "Relay backoff expired.",
+        payload: { relay: url },
+      });
+      return true;
+    });
+  }
+
+  /**
+   * Logs out the current user and clears all session state.
+   *
+   * **Cleanup:**
+   * - Clears `this.pubkey` and notifies the global signer registry.
+   * - Wipes session actor (ephemeral keys).
+   * - Disconnects NIP-46 remote signer (if active).
+   * - Clears Watch History cache.
+   * - Resets permissions cache.
+   */
+  logout() {
+    const previousPubkey = this.pubkey;
+    this.pubkey = null;
+    logoutSigner(previousPubkey);
+    const previousSessionActor = this.sessionActor;
+    this.sessionActor = null;
+    this.sessionActorCipherClosures = null;
+    this.sessionActorCipherClosuresPrivateKey = null;
+    this.clearDmDecryptCache();
+    this.dmDecryptor = null;
+    this.dmDecryptorPromise = null;
+
+    if (this.nip46Client) {
+      Promise.resolve()
+        .then(() => this.disconnectRemoteSigner({ keepStored: true }))
+        .catch((error) => {
+          devLogger.warn(
+            "[nostr] Failed to disconnect remote signer during logout:",
+            error,
+          );
+        });
+    }
+
+    const shouldClearStoredSession =
+      previousSessionActor &&
+      previousSessionActor.source === "nsec" &&
+      previousSessionActor.persisted !== true;
+
+    if (shouldClearStoredSession) {
+      this.lockedSessionActor = null;
+      this.clearStoredSessionActor();
+    }
+
+    this.watchHistory.clear();
+    if (
+      this.extensionPermissionCache &&
+      typeof this.extensionPermissionCache.clear === "function"
+    ) {
+      this.extensionPermissionCache.clear();
+    }
+    clearStoredNip07Permissions();
+    this.extensionReady = false;
+    this.extensionPermissionsGranted = false;
+    devLogger.log("User logged out.");
+  }
+
+  getDmDecryptCacheLimit() {
+    return DM_DECRYPT_CACHE_LIMIT;
+  }
+
+  getDmDecryptCacheStats() {
+    if (!this.dmDecryptCache || typeof this.dmDecryptCache.getStats !== "function") {
+      return null;
+    }
+    return this.dmDecryptCache.getStats();
+  }
+
+  clearDmDecryptCache() {
+    if (this.dmDecryptCache) {
+      this.dmDecryptCache.clear();
+    }
+  }
+
+  async ensureDmDecryptor() {
+    if (this.dmDecryptor) {
+      return this.dmDecryptor;
+    }
+
+    if (!this.dmDecryptorPromise) {
+      this.dmDecryptorPromise = import("../dmDecryptor.js")
+        .then((module) => {
+          if (!module || typeof module.decryptDM !== "function") {
+            throw new Error("DM decryptor module is unavailable.");
+          }
+          this.dmDecryptor = module.decryptDM;
+          return this.dmDecryptor;
+        })
+        .catch((error) => {
+          this.dmDecryptorPromise = null;
+          throw error;
+        });
+    }
+
+    return this.dmDecryptorPromise;
+  }
+
+  async buildDmDecryptContext(actorPubkeyInput = null) {
+    let normalizedActor = normalizeActorKey(actorPubkeyInput);
+    if (!normalizedActor && typeof this.pubkey === "string" && this.pubkey) {
+      normalizedActor = normalizeActorKey(this.pubkey);
+    }
+    if (
+      !normalizedActor &&
+      this.sessionActor &&
+      typeof this.sessionActor.pubkey === "string"
+    ) {
+      normalizedActor = normalizeActorKey(this.sessionActor.pubkey);
+    }
+
+    const decryptors = [];
+    const seen = new Set();
+
+    const addCandidate = (scheme, decrypt, options = {}) => {
+      if (typeof decrypt !== "function") {
+        return;
+      }
+
+      const normalizedScheme = typeof scheme === "string" ? scheme : "";
+      const key = `${normalizedScheme}:${options.source || ""}`;
+      if (seen.has(key)) {
+        return;
+      }
+
+      decryptors.push({
+        scheme: normalizedScheme,
+        decrypt,
+        priority: Number.isFinite(options.priority) ? options.priority : 0,
+        source: options.source || "",
+        supportsGiftWrap: options.supportsGiftWrap === true,
+      });
+      seen.add(key);
+    };
+
+    let activeSigner = null;
+    if (normalizedActor) {
+      activeSigner = resolveActiveSigner(normalizedActor);
+    }
+    if (!activeSigner && this.pubkey) {
+      activeSigner = resolveActiveSigner(this.pubkey);
+    }
+    if (!activeSigner) {
+      activeSigner = getActiveSigner();
+    }
+
+    let extensionPermissionResult = null;
+    if (
+      activeSigner?.type === "extension" &&
+      typeof this.ensureExtensionPermissions === "function"
+    ) {
+      extensionPermissionResult = await this.ensureExtensionPermissions(
+        DEFAULT_NIP07_ENCRYPTION_METHODS,
+        { context: "dm" },
+      );
+      if (!extensionPermissionResult?.ok) {
+        devLogger.warn(
+          "[nostr] Extension encryption permissions missing for DM decryption.",
+          extensionPermissionResult?.error,
+        );
+      }
+    }
+
+    if (activeSigner && extensionPermissionResult?.ok !== false) {
+      const capabilities = resolveSignerCapabilities(activeSigner);
+      if (
+        capabilities.nip44 &&
+        typeof activeSigner.nip44Decrypt === "function"
+      ) {
+        addCandidate(
+          "nip44",
+          (pubkey, ciphertext, options) =>
+            activeSigner.nip44Decrypt(pubkey, ciphertext, {
+              ...options,
+              priority: NIP07_PRIORITY.HIGH,
+            }),
+          {
+            priority: -20,
+            source: activeSigner.type || "signer",
+            supportsGiftWrap: true,
+          },
+        );
+      }
+      if (
+        capabilities.nip04 &&
+        typeof activeSigner.nip04Decrypt === "function"
+      ) {
+        addCandidate(
+          "nip04",
+          (pubkey, ciphertext, options) =>
+            activeSigner.nip04Decrypt(pubkey, ciphertext, {
+              ...options,
+              priority: NIP07_PRIORITY.HIGH,
+            }),
+          {
+            priority: -10,
+            source: activeSigner.type || "signer",
+          },
+        );
+      }
+    }
+
+    const sessionActor = this.sessionActor;
+    if (
+      sessionActor &&
+      typeof sessionActor.privateKey === "string" &&
+      sessionActor.privateKey
+    ) {
+      const canUseWorker = isDmDecryptWorkerSupported();
+      const sessionPrivateKey = sessionActor.privateKey;
+
+      if (canUseWorker) {
+        addCandidate(
+          "nip44",
+          (targetPubkey, ciphertext, options = {}) =>
+            decryptDmInWorker({
+              scheme: "nip44",
+              privateKey: sessionPrivateKey,
+              targetPubkey,
+              ciphertext,
+              event: options?.event,
+            }),
+          {
+            priority: -6,
+            source: "worker",
+            supportsGiftWrap: true,
+          },
+        );
+
+        addCandidate(
+          "nip04",
+          (targetPubkey, ciphertext, options = {}) =>
+            decryptDmInWorker({
+              scheme: "nip04",
+              privateKey: sessionPrivateKey,
+              targetPubkey,
+              ciphertext,
+              event: options?.event,
+            }),
+          {
+            priority: -4,
+            source: "worker",
+          },
+        );
+      }
+
+      if (
+        !this.sessionActorCipherClosures ||
+        this.sessionActorCipherClosuresPrivateKey !== sessionActor.privateKey
+      ) {
+        const closures = await createPrivateKeyCipherClosures(
+          sessionActor.privateKey,
+        );
+        this.sessionActorCipherClosures = closures || null;
+        this.sessionActorCipherClosuresPrivateKey = sessionActor.privateKey;
+      }
+
+      const closures = this.sessionActorCipherClosures || {};
+      if (typeof closures.nip44Decrypt === "function") {
+        addCandidate("nip44", closures.nip44Decrypt, {
+          priority: -5,
+          source: "session-actor",
+          supportsGiftWrap: true,
+        });
+      }
+      if (typeof closures.nip04Decrypt === "function") {
+        addCandidate("nip04", closures.nip04Decrypt, {
+          priority: 0,
+          source: "session-actor",
+        });
+      }
+    }
+
+    return { actorPubkey: normalizedActor, decryptors };
+  }
+
+  async decryptDirectMessageEvent(event, { actorPubkey } = {}) {
+    const eventId = typeof event?.id === "string" ? event.id : "";
+    if (eventId) {
+      const cached = this.dmDecryptCache.get(eventId);
+      if (cached) {
+        return cached;
+      }
+    }
+
+    const decryptDM = await this.ensureDmDecryptor();
+    const context = await this.buildDmDecryptContext(actorPubkey);
+
+    let result;
+    try {
+      result = await decryptDM(event, context);
+    } catch (error) {
+      devLogger.warn("[nostr] DM decryptor threw unexpectedly.", {
+        error: sanitizeDecryptError(error),
+        event: summarizeDmEventForLog(event),
+      });
+      throw error;
+    }
+
+    if (result?.ok && eventId) {
+      this.dmDecryptCache.set(eventId, result);
+    }
+
+    return result;
+  }
+
+  async listDirectMessages(actorPubkeyInput = null, options = {}) {
+    if (!this.pool) {
+      await this.ensurePool();
+    }
+
+    const context = await this.buildDmDecryptContext(actorPubkeyInput);
+    if (!context.decryptors.length) {
+      throw new Error("DM decryption helpers are unavailable.");
+    }
+
+    const decryptLimit =
+      Number.isFinite(options?.decryptLimit) && options.decryptLimit > 0
+        ? Math.floor(options.decryptLimit)
+        : null;
+
+    const relayCandidates = Array.isArray(options.relays)
+      ? options.relays
+      : Array.isArray(this.readRelays) && this.readRelays.length
+      ? this.readRelays
+      : this.relays;
+    const relays = sanitizeRelayList(this.getHealthyRelays(relayCandidates));
+    const relaysToUse = relays.length ? relays : Array.from(DEFAULT_RELAY_URLS);
+
+    const filters = buildDmFilters(
+      context.actorPubkey || actorPubkeyInput,
+      options,
+    );
+
+    let events = [];
+    try {
+      events = await this.pool.list(relaysToUse, filters);
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to list DM events.", error);
+      throw error;
+    }
+
+    const deduped = new Map();
+    for (const event of Array.isArray(events) ? events : []) {
+      if (!event || typeof event !== "object") {
+        continue;
+      }
+      const key =
+        typeof event.id === "string" && event.id
+          ? event.id
+          : `${event.kind || ""}:${event.pubkey || ""}:${event.created_at || ""}`;
+      if (!deduped.has(key)) {
+        deduped.set(key, event);
+      }
+    }
+
+    let decryptTargets = Array.from(deduped.values());
+    decryptTargets.sort((a, b) => (b?.created_at || 0) - (a?.created_at || 0));
+
+    if (decryptLimit && decryptTargets.length > decryptLimit) {
+      devLogger.debug("[nostr] Limiting DM decrypt workload", {
+        requested: decryptTargets.length,
+        decryptLimit,
+      });
+      decryptTargets = decryptTargets.slice(0, decryptLimit);
+    }
+
+    const messages = [];
+    for (const event of decryptTargets) {
+      try {
+        const decrypted = await this.decryptDirectMessageEvent(event, {
+          actorPubkey: context.actorPubkey || actorPubkeyInput,
+        });
+        if (decrypted?.ok) {
+          messages.push(decrypted);
+          if (typeof options.onMessage === "function") {
+            try {
+              options.onMessage(decrypted);
+            } catch (error) {
+              devLogger.warn("[nostr] onMessage callback threw:", error);
+            }
+          }
+        }
+      } catch (error) {
+        devLogger.warn("[nostr] Failed to decrypt DM event during list.", {
+          error: sanitizeDecryptError(error),
+          event: summarizeDmEventForLog(event),
+        });
+      }
+    }
+
+    messages.sort((a, b) => (b?.timestamp || 0) - (a?.timestamp || 0));
+    return messages;
+  }
+
+  subscribeDirectMessages(actorPubkeyInput = null, options = {}) {
+    if (!this.pool) {
+      throw new Error("nostr pool is not initialized");
+    }
+
+    const relayCandidates = Array.isArray(options.relays)
+      ? options.relays
+      : Array.isArray(this.readRelays) && this.readRelays.length
+      ? this.readRelays
+      : this.relays;
+    const relays = sanitizeRelayList(this.getHealthyRelays(relayCandidates));
+    const relaysToUse = relays.length ? relays : Array.from(DEFAULT_RELAY_URLS);
+
+    const filters = buildDmFilters(actorPubkeyInput, options);
+    const subscription = this.pool.sub(relaysToUse, filters);
+    const seenIds = new Set();
+
+    subscription.on("event", (event) => {
+      if (!event || typeof event !== "object") {
+        return;
+      }
+
+      const eventId = typeof event.id === "string" ? event.id : null;
+      if (eventId) {
+        if (seenIds.has(eventId)) {
+          return;
+        }
+        seenIds.add(eventId);
+      }
+
+      if (typeof options.onEvent === "function") {
+        try {
+          options.onEvent(event);
+        } catch (error) {
+          devLogger.warn("[nostr] DM onEvent handler threw.", error);
+        }
+      }
+
+      if (options.skipDecrypt === true) {
+        return;
+      }
+
+      (async () => {
+        try {
+          const contextPromise = this.getCurrentDmDecryptContextPromise(actorPubkeyInput);
+          const context = await contextPromise;
+
+          if (!context.decryptors.length) {
+            this.refreshDmDecryptContext(actorPubkeyInput);
+
+            if (typeof options.onFailure === "function") {
+              options.onFailure(
+                { ok: false, event },
+                { event, reason: "no-decryptors" },
+              );
+            }
+            return;
+          }
+
+          const result = await this.decryptDirectMessageEvent(event, {
+            actorPubkey: context.actorPubkey || actorPubkeyInput,
+          });
+
+          if (result?.ok) {
+            if (typeof options.onMessage === "function") {
+              options.onMessage(result, { event });
+            }
+          } else if (typeof options.onFailure === "function") {
+            options.onFailure(result, { event });
+          }
+        } catch (error) {
+          if (typeof options.onError === "function") {
+            options.onError(error, { event });
+          } else {
+            devLogger.warn(
+              "[nostr] Failed to decrypt DM event from subscription.",
+              {
+                error: sanitizeDecryptError(error),
+                event: summarizeDmEventForLog(event),
+              },
+            );
+          }
+        }
+      })();
+    });
+
+    if (typeof options.onEose === "function") {
+      subscription.on("eose", () => {
+        try {
+          options.onEose();
+        } catch (error) {
+          devLogger.warn("[nostr] DM onEose handler threw.", error);
+        }
+      });
+    }
+
+    const originalUnsub =
+      typeof subscription.unsub === "function"
+        ? subscription.unsub.bind(subscription)
+        : () => {};
+
+    subscription.unsub = () => {
+      seenIds.clear();
+      return originalUnsub();
+    };
+
+    return subscription;
+  }
+
+  getCurrentDmDecryptContextPromise(actorPubkeyInput = null) {
+    const normalizedActor = normalizeActorKey(actorPubkeyInput);
+    const cacheKey = normalizedActor || 'default';
+
+    if (!this.dmDecryptContextCache) {
+      this.dmDecryptContextCache = new Map();
+    }
+
+    let promise = this.dmDecryptContextCache.get(cacheKey);
+    if (!promise) {
+      promise = this.buildDmDecryptContext(actorPubkeyInput);
+      this.dmDecryptContextCache.set(cacheKey, promise);
+    }
+
+    return promise;
+  }
+
+  refreshDmDecryptContext(actorPubkeyInput = null) {
+    const normalizedActor = normalizeActorKey(actorPubkeyInput);
+    const cacheKey = normalizedActor || 'default';
+
+    if (!this.dmDecryptContextCache) {
+      this.dmDecryptContextCache = new Map();
+    }
+
+    if (this.dmDecryptContextCache.has(cacheKey)) {
+      this.dmDecryptContextCache.delete(cacheKey);
+    }
+
+    const newPromise = this.buildDmDecryptContext(actorPubkeyInput);
+    this.dmDecryptContextCache.set(cacheKey, newPromise);
+
+    return newPromise;
+  }
+
+  /**
+   * Sends a Direct Message (DM) to a target user.
+   *
+   * Supports:
+   * - **Legacy (NIP-04)**: Simple base64 ciphertext (deprecated but widely supported).
+   * - **Wrapped (NIP-17)**: Sealed rumors inside gift wraps (private, metadata-leaking free).
+   * - **Attachments**: Handling file attachments via NIP-17 or fallback text.
+   *
+   * @param {string} targetNpub - The recipient's npub.
+   * @param {string} message - The text content to send.
+   * @param {string|null} [actorPubkeyOverride] - Optional sender pubkey override.
+   * @param {object} [options] - Configuration options.
+   * @param {boolean} [options.useNip17=false] - Whether to use the new NIP-17 protocol.
+   * @param {Array} [options.attachments] - File attachments (NIP-17 only).
+   * @returns {Promise<{ok: boolean, error?: string, details?: any}>} Result of the operation.
+   */
+  async sendDirectMessage(targetNpub, message, actorPubkeyOverride = null, options = {}) {
+    let resolvedOptions = options;
+    let resolvedActorOverride = actorPubkeyOverride;
+    if (actorPubkeyOverride && typeof actorPubkeyOverride === "object") {
+      resolvedOptions = actorPubkeyOverride;
+      resolvedActorOverride = null;
+    }
+
+    if (!resolvedOptions || typeof resolvedOptions !== "object") {
+      resolvedOptions = {};
+    }
+
+    const trimmedTarget = typeof targetNpub === "string" ? targetNpub.trim() : "";
+    const trimmedMessage = typeof message === "string" ? message.trim() : "";
+    const attachments = Array.isArray(resolvedOptions.attachments)
+      ? resolvedOptions.attachments.filter(
+          (attachment) =>
+            attachment &&
+            typeof attachment === "object" &&
+            (typeof attachment.url === "string" ||
+              typeof attachment.x === "string"),
+        )
+      : [];
+    const hasAttachments = attachments.length > 0;
+
+    if (!trimmedTarget) {
+      return { ok: false, error: "invalid-target" };
+    }
+
+    if (!trimmedMessage && !hasAttachments) {
+      return { ok: false, error: "empty-message" };
+    }
+
+    if (!this.pool) {
+      return { ok: false, error: "nostr-uninitialized" };
+    }
+
+    const activeSignerCandidate =
+      typeof resolvedActorOverride === "string" && resolvedActorOverride.trim()
+        ? resolveActiveSigner(resolvedActorOverride)
+        : resolveActiveSigner(this.pubkey);
+    const baseActiveSigner = activeSignerCandidate || getActiveSigner();
+    const signer =
+      typeof resolvedActorOverride === "string" && resolvedActorOverride.trim()
+        ? activeSignerCandidate
+        : baseActiveSigner
+        ? resolveActiveSigner(baseActiveSigner.pubkey || this.pubkey)
+        : null;
+
+    if (!signer || typeof signer.signEvent !== "function") {
+      return { ok: false, error: "sign-event-unavailable" };
+    }
+
+    if (shouldRequestExtensionPermissions(signer)) {
+      const permissionResult = await this.ensureExtensionPermissions(
+        DEFAULT_NIP07_ENCRYPTION_METHODS,
+        { context: "dm" },
+      );
+      if (!permissionResult.ok) {
+        userLogger.warn(
+          "[nostr] Cannot send direct message without encryption permissions.",
+          permissionResult.error,
+        );
+        return {
+          ok: false,
+          error: "extension-encryption-permission-denied",
+          details: permissionResult.error,
+        };
+      }
+    }
+
+    let actorHex =
+      typeof resolvedActorOverride === "string" && resolvedActorOverride.trim()
+        ? resolvedActorOverride.trim()
+        : "";
+
+    if (!actorHex && typeof this.pubkey === "string") {
+      actorHex = this.pubkey.trim();
+    }
+
+    if (!actorHex && typeof signer?.pubkey === "string") {
+      actorHex = signer.pubkey;
+    }
+
+    const targetHex = decodeNpubToHex(trimmedTarget);
+    if (!targetHex) {
+      return { ok: false, error: "invalid-target" };
+    }
+
+    const signingAdapter =
+      resolvedOptions?.signingAdapter &&
+      typeof resolvedOptions.signingAdapter === "object"
+        ? resolvedOptions.signingAdapter
+        : signer && typeof signer.signEvent === "function"
+        ? {
+            signEvent: (event) => signer.signEvent(event),
+            getPubkey: async () => actorHex || signer.pubkey || "",
+            getDisplayName: async () => "",
+          }
+        : null;
+
+    if (!signingAdapter || typeof signingAdapter.signEvent !== "function") {
+      return { ok: false, error: "sign-event-unavailable" };
+    }
+
+    if (typeof signingAdapter.getPubkey === "function") {
+      try {
+        const adapterPubkey = await signingAdapter.getPubkey();
+        if (typeof adapterPubkey === "string" && adapterPubkey.trim()) {
+          actorHex = adapterPubkey.trim();
+        }
+      } catch (error) {
+        devLogger.warn("[nostr] Failed to resolve DM pubkey from adapter.", error);
+      }
+    }
+
+    if (!actorHex) {
+      return { ok: false, error: "missing-actor-pubkey" };
+    }
+
+    const signerCapabilities = resolveSignerCapabilities(signer);
+    const useNip17 = Boolean(resolvedOptions.useNip17);
+
+    if (hasAttachments && !useNip17) {
+      return { ok: false, error: "attachments-unsupported" };
+    }
+
+    const resolveNip17RelaySelection = async (pubkey, relayHints) => {
+      const discoveryRelays = sanitizeRelayList(
+        Array.isArray(this.readRelays) && this.readRelays.length
+          ? this.readRelays
+          : Array.isArray(this.relays) && this.relays.length
+            ? this.relays
+            : RELAY_URLS,
+      );
+      const fallbackRelays = sanitizeRelayList(
+        Array.isArray(this.writeRelays) && this.writeRelays.length
+          ? this.writeRelays
+          : Array.isArray(this.relays) && this.relays.length
+            ? this.relays
+            : RELAY_URLS,
+      );
+
+      return resolveDmRelaySelection({
+        pubkey,
+        relayHints,
+        discoveryRelays,
+        fallbackRelays,
+        pool: this.pool,
+        log: { dev: devLogger, user: userLogger },
+      });
+    };
+
+    if (useNip17) {
+      if (!signerCapabilities.nip44 || typeof signer.nip44Encrypt !== "function") {
+        return { ok: false, error: "nip44-unsupported" };
+      }
+
+      const recipientSelection = await resolveNip17RelaySelection(
+        targetHex,
+        resolvedOptions.recipientRelayHints,
+      );
+
+      if (!recipientSelection.relays.length) {
+        return { ok: false, error: "nip17-relays-unavailable" };
+      }
+
+      const senderSelection = await resolveNip17RelaySelection(
+        actorHex,
+        resolvedOptions.senderRelayHints,
+      );
+      const senderRelayTargets = senderSelection.relays;
+      const relayWarning =
+        recipientSelection.warning === DM_RELAY_WARNING_FALLBACK ||
+        senderSelection.warning === DM_RELAY_WARNING_FALLBACK
+          ? DM_RELAY_WARNING_FALLBACK
+          : null;
+
+      const tools = await ensureNostrTools();
+      const getPublicKey =
+        tools && typeof tools.getPublicKey === "function" ? tools.getPublicKey : null;
+      if (!getPublicKey) {
+        return { ok: false, error: "nip17-keygen-failed" };
+      }
+
+      const randomPastTimestamp = () => {
+        const now = Math.floor(Date.now() / 1000);
+        const offset = Math.floor(Math.random() * 172800);
+        return now - offset;
+      };
+
+      const generateEphemeralKeypair = () => {
+        let privateKey = "";
+        try {
+          if (typeof tools.generateSecretKey === "function") {
+            const secret = tools.generateSecretKey();
+            if (secret instanceof Uint8Array) {
+              privateKey = bytesToHex(secret);
+            }
+          }
+          if (!privateKey) {
+            if (typeof tools.generatePrivateKey === "function") {
+              privateKey = tools.generatePrivateKey();
+            } else if (window?.crypto?.getRandomValues) {
+              const randomBytes = new Uint8Array(32);
+              window.crypto.getRandomValues(randomBytes);
+              privateKey = Array.from(randomBytes)
+                .map((byte) => byte.toString(16).padStart(2, "0"))
+                .join("");
+            }
+          }
+        } catch (error) {
+          devLogger.warn("[nostr] Failed to generate NIP-17 wrapper key.", error);
+          privateKey = "";
+        }
+
+        const normalizedPrivateKey =
+          typeof privateKey === "string" ? privateKey.trim() : "";
+        if (!normalizedPrivateKey) {
+          return null;
+        }
+
+        let pubkey = "";
+        try {
+          pubkey = getPublicKey(normalizedPrivateKey);
+        } catch (error) {
+          let retrySuccess = false;
+          try {
+            if (HEX64_REGEX.test(normalizedPrivateKey)) {
+              const bytes = new Uint8Array(normalizedPrivateKey.length / 2);
+              for (let i = 0; i < normalizedPrivateKey.length; i += 2) {
+                bytes[i / 2] = parseInt(
+                  normalizedPrivateKey.substring(i, i + 2),
+                  16,
+                );
+              }
+              pubkey = getPublicKey(bytes);
+              retrySuccess = true;
+            }
+          } catch (retryError) {
+            // Fall back to error handling below
+          }
+          if (!retrySuccess) {
+            devLogger.warn(
+              "[nostr] Failed to derive NIP-17 wrapper pubkey.",
+              error,
+            );
+            return null;
+          }
+        }
+
+        return { privateKey: normalizedPrivateKey, pubkey };
+      };
+
+      const rumorEvents = [];
+      const createdAt = Math.floor(Date.now() / 1000);
+
+      if (trimmedMessage) {
+        rumorEvents.push({
+          kind: 14,
+          created_at: createdAt,
+          tags: [["p", targetHex]],
+          content: trimmedMessage,
+          pubkey: actorHex,
+        });
+      }
+
+      if (hasAttachments) {
+        attachments.forEach((attachment) => {
+          const normalizedAttachment = {
+            x:
+              typeof attachment.x === "string"
+                ? attachment.x.trim().toLowerCase()
+                : "",
+            url: typeof attachment.url === "string" ? attachment.url.trim() : "",
+            name:
+              typeof attachment.name === "string" ? attachment.name.trim() : "",
+            type:
+              typeof attachment.type === "string" ? attachment.type.trim() : "",
+            size: Number.isFinite(attachment.size) ? Math.floor(attachment.size) : null,
+            key: typeof attachment.key === "string" ? attachment.key.trim() : "",
+          };
+
+          rumorEvents.push(
+            buildDmAttachmentEvent({
+              pubkey: actorHex,
+              created_at: createdAt,
+              recipientPubkey: targetHex,
+              attachment: normalizedAttachment,
+            }),
+          );
+        });
+      }
+
+      if (!rumorEvents.length) {
+        return { ok: false, error: "empty-message" };
+      }
+
+      const buildGiftWrapForRecipient = async (
+        recipientPubkey,
+        relayHint,
+        rumorEvent,
+      ) => {
+        const sealPayload = {
+          kind: 13,
+          created_at: randomPastTimestamp(),
+          tags: [],
+          content: await signer.nip44Encrypt(
+            recipientPubkey,
+            JSON.stringify(rumorEvent),
+          ),
+          pubkey: actorHex,
+        };
+
+        const signedSeal = await signingAdapter.signEvent(sealPayload);
+        if (!signedSeal || typeof signedSeal.id !== "string") {
+          throw new Error("seal-signature-failed");
+        }
+
+        const wrapperKeys = generateEphemeralKeypair();
+        if (!wrapperKeys) {
+          throw new Error("wrapper-keygen-failed");
+        }
+
+        const cipherClosures = await createPrivateKeyCipherClosures(
+          wrapperKeys.privateKey,
+        );
+        if (typeof cipherClosures.nip44Encrypt !== "function") {
+          throw new Error("wrapper-encryption-unavailable");
+        }
+
+        const wrapCiphertext = await cipherClosures.nip44Encrypt(
+          recipientPubkey,
+          JSON.stringify(signedSeal),
+        );
+        const wrapTags = relayHint
+          ? [["p", recipientPubkey, relayHint]]
+          : [["p", recipientPubkey]];
+
+        const wrapEvent = {
+          kind: 1059,
+          created_at: randomPastTimestamp(),
+          tags: wrapTags,
+          content: wrapCiphertext,
+          pubkey: wrapperKeys.pubkey,
+        };
+
+        return {
+          wrap: signEventWithPrivateKey(wrapEvent, wrapperKeys.privateKey),
+          seal: signedSeal,
+        };
+      };
+
+      const resolveRumorPreview = (rumorEvent) => {
+        const content =
+          typeof rumorEvent?.content === "string" ? rumorEvent.content.trim() : "";
+        if (content) {
+          return content;
+        }
+
+        const tags = Array.isArray(rumorEvent?.tags) ? rumorEvent.tags : [];
+        const nameTag = tags.find(
+          (tag) => Array.isArray(tag) && tag[0] === "name" && tag[1],
+        );
+        if (nameTag) {
+          return `Attachment: ${nameTag[1]}`;
+        }
+
+        return "Attachment";
+      };
+
+      const publishRumorEvent = async (rumorEvent) => {
+        let recipientGiftWrap;
+        try {
+          recipientGiftWrap = await buildGiftWrapForRecipient(
+            targetHex,
+            recipientSelection.relays[0] || "",
+            rumorEvent,
+          );
+        } catch (error) {
+          devLogger.warn("[nostr] Failed to build NIP-17 recipient wrap.", error);
+          const errorCode =
+            error?.message === "wrapper-keygen-failed"
+              ? "nip17-keygen-failed"
+              : "encryption-failed";
+          return { ok: false, error: errorCode, details: error };
+        }
+
+        const conversationId = `dm:${[actorHex, targetHex].sort().join(":")}`;
+        const preview = resolveRumorPreview(rumorEvent);
+        const dmRecord = {
+          id: recipientGiftWrap.wrap.id,
+          conversation_id: conversationId,
+          sender_pubkey: actorHex,
+          receiver_pubkey: targetHex,
+          created_at: rumorEvent.created_at,
+          kind: rumorEvent.kind,
+          content: typeof rumorEvent.content === "string" ? rumorEvent.content : "",
+          tags: rumorEvent.tags,
+          status: "pending",
+          seen: true,
+        };
+
+        try {
+          await writeMessages(dmRecord);
+          await updateConversationFromMessage(dmRecord, {
+            preview,
+            unseenDelta: 0,
+          });
+        } catch (error) {
+          devLogger.warn("[nostr] Failed to persist outgoing DM.", error);
+        }
+
+        const recipientPublishResults = await Promise.all(
+          recipientSelection.relays.map((url) =>
+            publishEventToRelay(this.pool, url, recipientGiftWrap.wrap),
+          ),
+        );
+
+        const recipientSuccess = recipientPublishResults.some(
+          (result) => result.success,
+        );
+        if (!recipientSuccess) {
+          try {
+            await writeMessages({ ...dmRecord, status: "failed" });
+          } catch (error) {
+            devLogger.warn("[nostr] Failed to persist DM failure state.", error);
+          }
+          return {
+            ok: false,
+            error: "publish-failed",
+            details: recipientPublishResults.filter((result) => !result.success),
+          };
+        }
+
+        let senderGiftWrap = null;
+        try {
+          senderGiftWrap = await buildGiftWrapForRecipient(
+            actorHex,
+            senderRelayTargets[0] || "",
+            rumorEvent,
+          );
+        } catch (error) {
+          devLogger.warn("[nostr] Failed to build NIP-17 sender copy.", error);
+        }
+
+        if (senderGiftWrap && senderRelayTargets.length) {
+          const senderPublishResults = await Promise.all(
+            senderRelayTargets.map((url) =>
+              publishEventToRelay(this.pool, url, senderGiftWrap.wrap),
+            ),
+          );
+          if (!senderPublishResults.some((result) => result.success)) {
+            devLogger.warn("[nostr] Failed to publish sender copy of NIP-17 DM.", {
+              relays: senderRelayTargets,
+            });
+          }
+        }
+
+        try {
+          await writeMessages({ ...dmRecord, status: "published" });
+        } catch (error) {
+          devLogger.warn("[nostr] Failed to persist DM publish state.", error);
+        }
+
+        return { ok: true };
+      };
+
+      const failures = [];
+      for (const rumorEvent of rumorEvents) {
+        const result = await publishRumorEvent(rumorEvent);
+        if (!result?.ok) {
+          failures.push(result);
+        }
+      }
+
+      if (failures.length) {
+        return {
+          ok: false,
+          error: failures[0]?.error || "publish-failed",
+          details: failures,
+        };
+      }
+
+      return relayWarning ? { ok: true, warning: relayWarning } : { ok: true };
+    }
+
+    const encryptionErrors = [];
+    let ciphertext = "";
+
+    const normalizedActorHex = normalizeActorKey(actorHex);
+    const sessionActor = this.sessionActor;
+    const sessionPrivateKey =
+      sessionActor &&
+      typeof sessionActor.pubkey === "string" &&
+      sessionActor.pubkey.toLowerCase() === normalizedActorHex &&
+      typeof sessionActor.privateKey === "string"
+        ? sessionActor.privateKey
+        : "";
+
+    if (sessionPrivateKey) {
+      try {
+        ciphertext = await encryptNip04InWorker({
+          privateKey: sessionPrivateKey,
+          targetPubkey: targetHex,
+          plaintext: trimmedMessage,
+        });
+      } catch (error) {
+        encryptionErrors.push({ scheme: "nip04-worker", error });
+      }
+    }
+
+    if (
+      !ciphertext &&
+      signerCapabilities.nip04 &&
+      typeof signer.nip04Encrypt === "function"
+    ) {
+      try {
+        const encrypted = await signer.nip04Encrypt(targetHex, trimmedMessage);
+        if (typeof encrypted === "string" && encrypted) {
+          ciphertext = encrypted;
+        }
+      } catch (error) {
+        encryptionErrors.push({ scheme: "nip04", error });
+      }
+    }
+
+    if (!ciphertext) {
+      if (!sessionPrivateKey && !signerCapabilities.nip04) {
+        const error = new Error(
+          "Your signer does not support NIP-04 encryption.",
+        );
+        userLogger.warn("[nostr] Encryption unsupported for DM send.", error);
+        return {
+          ok: false,
+          error: "encryption-unsupported",
+          details: error,
+        };
+      }
+
+      const details =
+        encryptionErrors.length === 1
+          ? encryptionErrors[0].error
+          : encryptionErrors.map((entry) => ({
+              scheme: entry.scheme,
+              error: entry.error,
+            }));
+      return { ok: false, error: "encryption-failed", details };
+    }
+
+    const event = buildLegacyDirectMessageEvent({
+      pubkey: actorHex,
+      created_at: Math.floor(Date.now() / 1000),
+      recipientPubkey: targetHex,
+      ciphertext,
+    });
+
+    let signedEvent;
+    try {
+      signedEvent = await signingAdapter.signEvent(event);
+    } catch (error) {
+      return { ok: false, error: "signature-failed", details: error };
+    }
+
+    if (!signedEvent || typeof signedEvent.id !== "string") {
+      return { ok: false, error: "signature-failed" };
+    }
+
+    const conversationId = `dm:${[actorHex, targetHex].sort().join(":")}`;
+    const dmRecord = {
+      id: signedEvent.id,
+      conversation_id: conversationId,
+      sender_pubkey: actorHex,
+      receiver_pubkey: targetHex,
+      created_at: event.created_at,
+      kind: event.kind,
+      content: trimmedMessage,
+      tags: event.tags,
+      status: "pending",
+      seen: true,
+    };
+
+    try {
+      await writeMessages(dmRecord);
+      await updateConversationFromMessage(dmRecord, {
+        preview: trimmedMessage,
+        unseenDelta: 0,
+      });
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to persist outgoing DM.", error);
+    }
+
+    const relayListCandidates = sanitizeRelayList(
+      Array.isArray(this.readRelays) && this.readRelays.length
+        ? this.readRelays
+        : Array.isArray(this.relays) && this.relays.length
+        ? this.relays
+        : RELAY_URLS,
+    );
+
+    const parseRecipientRelays = (relayEvent) => {
+      const tags = Array.isArray(relayEvent?.tags) ? relayEvent.tags : [];
+      const seen = new Set();
+      const candidates = [];
+
+      tags.forEach((tag) => {
+        if (!Array.isArray(tag) || tag[0] !== "r") {
+          return;
+        }
+        const url = typeof tag[1] === "string" ? tag[1].trim() : "";
+        if (!url) {
+          return;
+        }
+        const marker =
+          typeof tag[2] === "string" ? tag[2].trim().toLowerCase() : "";
+        if (marker === "write") {
+          return;
+        }
+        if (!seen.has(url)) {
+          seen.add(url);
+          candidates.push(url);
+        }
+      });
+
+      return sanitizeRelayList(candidates);
+    };
+
+    let recipientRelays = [];
+    if (relayListCandidates.length) {
+      try {
+        await this.ensurePool();
+        const events = await this.pool.list(relayListCandidates, [
+          { kinds: [10002], authors: [targetHex], limit: 1 },
+        ]);
+        const sorted = Array.isArray(events)
+          ? events
+              .filter((entry) => entry && entry.pubkey === targetHex)
+              .sort((a, b) => (b?.created_at || 0) - (a?.created_at || 0))
+          : [];
+        if (sorted.length) {
+          recipientRelays = parseRecipientRelays(sorted[0]);
+        }
+      } catch (error) {
+        devLogger.warn("[nostr] Failed to load recipient relay list.", error);
+      }
+    }
+
+    const fallbackRelays = sanitizeRelayList(
+      Array.isArray(this.writeRelays) && this.writeRelays.length
+        ? this.writeRelays
+        : Array.isArray(this.relays) && this.relays.length
+        ? this.relays
+        : RELAY_URLS,
+    );
+
+    const relays = recipientRelays.length ? recipientRelays : fallbackRelays;
+
+    const publishResults = await Promise.all(
+      relays.map((url) => publishEventToRelay(this.pool, url, signedEvent))
+    );
+
+    const success = publishResults.some((result) => result.success);
+    if (!success) {
+      try {
+        await writeMessages({ ...dmRecord, status: "failed" });
+      } catch (error) {
+        devLogger.warn("[nostr] Failed to persist DM failure state.", error);
+      }
+      return {
+        ok: false,
+        error: "publish-failed",
+        details: publishResults.filter((result) => !result.success),
+      };
+    }
+
+    try {
+      await writeMessages({ ...dmRecord, status: "published" });
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to persist DM publish state.", error);
+    }
+
+    return { ok: true };
+  }
+
+  /**
+   * Publish a new video using the v3 content schema.
+   */
+  async signAndPublishEvent(event, options = {}) {
+    return signAndPublishEventHelper({
+      client: this,
+      event,
+      options,
+      resolveActiveSigner,
+      shouldRequestExtensionPermissions,
+      signEventWithPrivateKey,
+    });
+  }
+
+  /**
+   * Publishes a new video event (Kind 30078) to the network.
+   *
+   * **Payload Construction:**
+   * - Creates a V3 video note with `magnet`, `url` (WebSeed), and core metadata.
+   * - Generates a unique `d` tag and `videoRootId` for this new series unless
+   *   an explicit identifier is provided in the upload payload.
+   *
+   * **Side Effects (in order):**
+   * 1. **Primary Event**: Signs and publishes the Kind 30078 Video Note.
+   * 2. **NIP-94 Mirror**: If a hosted `url` is provided, publishes a Kind 1063 File Header event (for clients that only support NIP-94).
+   * 3. **NIP-71 Metadata**: If categories/tags are present, publishes a Kind 22 Video Wrapper event linked to the primary event.
+   *
+   * @param {object} videoPayload - The video metadata, form data, and NIP-71 attributes.
+   * @param {string} pubkey - The public key of the publisher.
+   * @returns {Promise<import("nostr-tools").Event>} The signed and published Kind 30078 event.
+   * @throws {Error} If not logged in or if the primary publish fails.
+   */
+  async publishVideo(videoPayload, pubkey) {
+    if (!pubkey) throw new Error("Not logged in to publish video.");
+
+    const normalizedPubkey =
+      typeof pubkey === "string" ? pubkey.trim() : "";
+
+    if (!normalizedPubkey) {
+      throw new Error("Not logged in to publish video.");
+    }
+
+    const userPubkeyLower = normalizedPubkey.toLowerCase();
+
+    const { videoData, nip71Metadata } = extractVideoPublishPayload(videoPayload);
+    const nip71EditedFlag =
+      videoPayload && typeof videoPayload === "object"
+        ? videoPayload.nip71Edited
+        : null;
+
+    // NOTE: Keep the Upload, Edit, and Revert flows synchronized when
+    // updating shared fields. Changes here must be reflected in the modal
+    // controllers and revert helpers so all paths stay in lockstep.
+    devLogger.log("Publishing new video with data:", videoData);
+    if (nip71Metadata) {
+      devLogger.log("Including NIP-71 metadata:", nip71Metadata);
+    }
+
+    const rawMagnet = typeof videoData.magnet === "string" ? videoData.magnet : "";
+    const finalMagnet = rawMagnet.trim();
+    const finalUrl =
+      typeof videoData.url === "string" ? videoData.url.trim() : "";
+    const finalThumbnail =
+      typeof videoData.thumbnail === "string" ? videoData.thumbnail.trim() : "";
+    const finalDescription =
+      typeof videoData.description === "string"
+        ? videoData.description.trim()
+        : "";
+    const finalTitle =
+      typeof videoData.title === "string" ? videoData.title.trim() : "";
+    const providedMimeType =
+      typeof videoData.mimeType === "string"
+        ? videoData.mimeType.trim().toLowerCase()
+        : "";
+
+    const createdAt = Math.floor(Date.now() / 1000);
+
+    const seriesIdentifierCandidates = [
+      videoData.videoRootId,
+      videoData.seriesId,
+      videoData.seriesIdentifier,
+    ];
+    let seriesIdentifier = "";
+    for (const candidate of seriesIdentifierCandidates) {
+      const normalized = typeof candidate === "string" ? candidate.trim() : "";
+      if (normalized) {
+        seriesIdentifier = normalized;
+        break;
+      }
+    }
+
+    if (!seriesIdentifier) {
+      seriesIdentifier = `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+    }
+
+    const videoRootId = seriesIdentifier;
+    const dTagValue = seriesIdentifier;
+
+    const finalEnableComments =
+      videoData.enableComments === false ? false : true;
+    const finalIsNsfw = videoData.isNsfw === true;
+    const finalIsForKids =
+      videoData.isForKids === true && !finalIsNsfw;
+    const wantPrivate = videoData.isPrivate === true;
+    const finalWs =
+      typeof videoData.ws === "string" ? videoData.ws.trim() : "";
+    const finalXs =
+      typeof videoData.xs === "string" ? videoData.xs.trim() : "";
+    const infoHashCandidates = [videoData.infoHash];
+    let infoHash = "";
+    for (const candidate of infoHashCandidates) {
+      const normalized = infoHashFromMagnet(candidate);
+      if (normalized) {
+        infoHash = normalized;
+        break;
+      }
+    }
+    if (!infoHash && finalMagnet) {
+      infoHash = infoHashFromMagnet(finalMagnet) || "";
+    }
+    const fileSha256 = normalizeHexHash(videoData.fileSha256);
+    const originalFileSha256 = normalizeHexHash(videoData.originalFileSha256);
+    const storagePointer = resolveStoragePointerValue({
+      storagePointer: videoData.storagePointer,
+      url: finalUrl,
+      infoHash,
+      fallbackId: videoRootId,
+      provider: videoData.storageProvider,
+    });
+
+    const contentObject = {
+      version: 3,
+      title: finalTitle,
+      url: finalUrl,
+      magnet: finalMagnet,
+      thumbnail: finalThumbnail,
+      description: finalDescription,
+      mode: videoData.mode || "live",
+      videoRootId,
+      deleted: false,
+      isPrivate: videoData.isPrivate ?? false,
+      isNsfw: finalIsNsfw,
+      isForKids: finalIsForKids,
+      enableComments: finalEnableComments,
+    };
+
+    if (infoHash) {
+      contentObject.infoHash = infoHash;
+    }
+
+    if (fileSha256) {
+      contentObject.fileSha256 = fileSha256;
+    }
+
+    if (originalFileSha256) {
+      contentObject.originalFileSha256 = originalFileSha256;
+    }
+
+    if (finalWs) {
+      contentObject.ws = finalWs;
+    }
+
+    if (finalXs) {
+      contentObject.xs = finalXs;
+    }
+
+    const nip71Tags = buildNip71MetadataTags(
+      nip71Metadata && typeof nip71Metadata === "object" ? nip71Metadata : null
+    );
+
+    const additionalTags = storagePointer
+      ? [["s", storagePointer], ...nip71Tags]
+      : nip71Tags;
+    const event = buildVideoPostEvent({
+      pubkey: normalizedPubkey,
+      created_at: createdAt,
+      dTagValue,
+      content: contentObject,
+      additionalTags,
+    });
+
+    devLogger.log("Publish event with series identifier:", videoRootId);
+    devLogger.log("Event content:", event.content);
+
+    try {
+      // 1. Publish the primary Video Note (Kind 30078)
+      const { signedEvent } = await this.signAndPublishEvent(event, {
+        context: "video note",
+        logName: "Video note",
+        devLogLabel: "video note",
+      });
+
+      // 2. Publish NIP-94 Mirror (Kind 1063) if a hosted URL is present.
+      // This allows clients that only understand NIP-94 to find the file.
+      if (finalUrl) {
+        const inferredMimeType = inferMimeTypeFromUrl(finalUrl);
+        const mimeTypeSource =
+          providedMimeType ||
+          inferredMimeType ||
+          "application/octet-stream";
+        const mimeType = mimeTypeSource.toLowerCase();
+
+        const fileHashCandidates = [
+          videoData.fileSha256,
+          videoData.uploadedFileSha256,
+          videoPayload?.legacyFormData?.fileSha256,
+          videoPayload?.fileSha256,
+        ];
+        let fileSha256 = "";
+        for (const candidate of fileHashCandidates) {
+          const normalized = normalizeHexHash(candidate);
+          if (normalized) {
+            fileSha256 = normalized;
+            break;
+          }
+        }
+
+        const originalHashCandidates = [
+          videoData.originalFileSha256,
+          videoPayload?.legacyFormData?.originalFileSha256,
+          videoPayload?.originalFileSha256,
+        ];
+        let originalFileSha256 = "";
+        for (const candidate of originalHashCandidates) {
+          const normalized = normalizeHexHash(candidate);
+          if (normalized) {
+            originalFileSha256 = normalized;
+            break;
+          }
+        }
+
+        const uploadedFile =
+          videoData?.uploadedFile ||
+          videoData?.file ||
+          videoPayload?.legacyFormData?.uploadedFile ||
+          videoPayload?.legacyFormData?.file ||
+          videoPayload?.uploadedFile ||
+          videoPayload?.file ||
+          null;
+
+        const originalFile =
+          videoData?.originalFile ||
+          videoPayload?.legacyFormData?.originalFile ||
+          videoPayload?.originalFile ||
+          uploadedFile;
+
+        if (!fileSha256 && uploadedFile) {
+          fileSha256 = await computeSha256HexFromValue(uploadedFile);
+        }
+
+        if (!originalFileSha256 && originalFile) {
+          originalFileSha256 = await computeSha256HexFromValue(originalFile);
+        }
+
+        if (!originalFileSha256 && fileSha256) {
+          originalFileSha256 = fileSha256;
+        }
+
+        const mirrorOptions = {
+          url: finalUrl,
+          magnet: finalMagnet,
+          thumbnail: finalThumbnail,
+          description: finalDescription,
+          title: finalTitle,
+          mimeType,
+          isPrivate: contentObject.isPrivate,
+          actorPubkey: normalizedPubkey,
+          created_at: createdAt,
+        };
+
+        if (fileSha256) {
+          mirrorOptions.fileSha256 = fileSha256;
+        }
+
+        if (originalFileSha256) {
+          mirrorOptions.originalFileSha256 = originalFileSha256;
+        }
+
+        try {
+          const mirrorResult = await this.mirrorVideoEvent(
+            signedEvent.id,
+            mirrorOptions,
+          );
+
+          if (mirrorResult?.ok) {
+            devLogger.log("Prepared NIP-94 mirror event:", mirrorResult.event);
+            devLogger.log(
+              "NIP-94 mirror dispatched for hosted URL:",
+              finalUrl,
+            );
+          } else if (mirrorResult) {
+            devLogger.warn(
+              "[nostr] NIP-94 mirror rejected:",
+              mirrorResult.error || "mirror-failed",
+              mirrorResult.details || null,
+            );
+          }
+        } catch (mirrorError) {
+          devLogger.warn(
+            "[nostr] Failed to publish NIP-94 mirror:",
+            mirrorError,
+          );
+        }
+      } else devLogger.log("Skipping NIP-94 mirror: no hosted URL provided.");
+
+      // 3. Publish NIP-71 Metadata (Kind 22) if categories/tags were added.
+      // This is a separate event linked to the video via `a` tag or `e` tag.
+      const hasMetadataObject =
+        nip71Metadata && typeof nip71Metadata === "object";
+      const metadataWasEdited =
+        nip71EditedFlag === true ||
+        (nip71EditedFlag == null && hasMetadataObject);
+      const shouldAttemptNip71 = !wantPrivate && metadataWasEdited;
+
+      if (shouldAttemptNip71) {
+        const metadataLegacyFormData = {
+          title: contentObject.title,
+          description: contentObject.description,
+          url: contentObject.url,
+          magnet: contentObject.magnet,
+          thumbnail: contentObject.thumbnail,
+          mode: contentObject.mode,
+          isPrivate: wantPrivate,
+          isNsfw: contentObject.isNsfw,
+          isForKids: contentObject.isForKids,
+        };
+
+        if (contentObject.ws) {
+          metadataLegacyFormData.ws = contentObject.ws;
+        }
+
+        if (contentObject.xs) {
+          metadataLegacyFormData.xs = contentObject.xs;
+        }
+
+        try {
+          await this.publishNip71Video(
+            {
+              nip71: nip71Metadata,
+              legacyFormData: metadataLegacyFormData,
+            },
+            userPubkeyLower,
+            {
+              videoRootId,
+              dTag: dTagValue,
+              eventId: signedEvent.id,
+            }
+          );
+        } catch (nip71Error) {
+          userLogger.warn(
+            "[nostr] Failed to publish NIP-71 metadata for edit:",
+            nip71Error
+          );
+        }
+      }
+
+      return signedEvent;
+    } catch (err) {
+      devLogger.error("Failed to sign/publish:", err);
+      throw err;
+    }
+  }
+
+  async publishNip71Video(videoPayload, pubkey, pointerOptions = {}) {
+    if (!FEATURE_PUBLISH_NIP71) {
+      return null;
+    }
+
+    if (!pubkey) {
+      throw new Error("Not logged in to publish video.");
+    }
+
+    const { videoData, nip71Metadata } = extractVideoPublishPayload(videoPayload);
+
+    if (!nip71Metadata || typeof nip71Metadata !== "object") {
+      devLogger.log("[nostr] Skipping NIP-71 publish: metadata missing.");
+      return null;
+    }
+
+    const title = stringFromInput(videoData?.title);
+    const description = stringFromInput(videoData?.description);
+
+    const pointerIdentifiers =
+      pointerOptions && typeof pointerOptions === "object"
+        ? pointerOptions
+        : {};
+
+    const event = buildNip71VideoEvent({
+      metadata: nip71Metadata,
+      pubkey,
+      title,
+      summaryFallback: description,
+      pointerIdentifiers: {
+        videoRootId: pointerIdentifiers.videoRootId,
+        dTag: pointerIdentifiers.dTag,
+        eventId: pointerIdentifiers.eventId,
+      },
+      createdAt: Math.floor(Date.now() / 1000),
+    });
+
+    if (!event) {
+      devLogger.warn("[nostr] Skipping NIP-71 publish: builder produced no event.");
+      return null;
+    }
+
+    devLogger.log("Prepared NIP-71 video event:", event);
+
+    const { signedEvent } = await this.signAndPublishEvent(event, {
+      context: "NIP-71 video",
+      logName: "NIP-71 video",
+      devLogLabel: "NIP-71 video",
+      rejectionLogLevel: "warn",
+    });
+
+    const pointerMap = new Map();
+    if (pointerIdentifiers.videoRootId) {
+      const pointerValue = buildVideoPointerValue(
+        pubkey,
+        pointerIdentifiers.videoRootId
+      );
+      if (pointerValue) {
+        pointerMap.set(pointerValue, {
+          videoRootId: pointerIdentifiers.videoRootId,
+          pointerValue,
+          videoEventIds: new Set(
+            pointerIdentifiers.eventId ? [pointerIdentifiers.eventId] : []
+          ),
+          dTags: new Set(pointerIdentifiers.dTag ? [pointerIdentifiers.dTag] : []),
+        });
+      }
+    }
+
+    this.processNip71Events([signedEvent], pointerMap);
+
+    return signedEvent;
+  }
+
+  /**
+   * Edits an existing video by publishing a new version (Kind 30078).
+   *
+   * **Mechanism:**
+   * - Reuses the original `d` tag to ensure NIP-33 addressability (clients see the edit as the "latest" version).
+   * - Preserves the `videoRootId` to maintain the history chain.
+   * - Enforces ownership (pubkey match).
+   *
+   * @param {object} originalEventStub - The original video event (must have `id`).
+   * @param {object} updatedData - The new metadata to apply (title, magnet, NIP-71, etc.).
+   * @param {string} userPubkey - The public key of the editor (must match owner).
+   * @returns {Promise<import("nostr-tools").Event>} The signed and published edit event.
+   * @throws {Error} If permission denied, ownership mismatch, or publish failure.
+   */
+  async editVideo(originalEventStub, updatedData, userPubkey) {
+    if (!userPubkey) {
+      throw new Error("Not logged in to edit.");
+    }
+
+    // NOTE: Keep the Upload, Edit, and Revert flows synchronized when
+    // adjusting validation or persisted fields.
+    // Convert the provided pubkey to lowercase
+    const userPubkeyLower = userPubkey.toLowerCase();
+
+    const nip71Metadata =
+      updatedData && typeof updatedData === "object" ? updatedData.nip71 : null;
+    const nip71EditedFlag =
+      updatedData && typeof updatedData === "object"
+        ? updatedData.nip71Edited
+        : null;
+
+    // Use getEventById to fetch the full original event details
+    const baseEvent = await this.getEventById(originalEventStub.id);
+    if (!baseEvent) {
+      throw new Error("Could not retrieve the original event to edit.");
+    }
+
+    // Check that the original event is version 2 or higher
+    if (baseEvent.version < 2) {
+      throw new Error(
+        "This video is not in the supported version for editing."
+      );
+    }
+
+    // Ownership check (compare lowercase hex public keys)
+    if (
+      !baseEvent.pubkey ||
+      baseEvent.pubkey.toLowerCase() !== userPubkeyLower
+    ) {
+      throw new Error("You do not own this video (pubkey mismatch).");
+    }
+
+    const oldMagnet =
+      typeof baseEvent.rawMagnet === "string" && baseEvent.rawMagnet.trim()
+        ? baseEvent.rawMagnet.trim()
+        : typeof baseEvent.magnet === "string"
+        ? baseEvent.magnet.trim()
+        : "";
+    const oldUrl = baseEvent.url || "";
+
+    // Determine if the updated note should be private
+    const wantPrivate = updatedData.isPrivate ?? baseEvent.isPrivate ?? false;
+    const wantNsfw = updatedData.isNsfw ?? baseEvent.isNsfw ?? false;
+    const wantForKids = updatedData.isForKids ?? baseEvent.isForKids ?? false;
+    const finalIsNsfw = wantNsfw === true;
+    const finalIsForKids = finalIsNsfw ? false : wantForKids === true;
+
+    // Use the new magnet if provided; otherwise, fall back to the decrypted old magnet
+    const magnetEdited = updatedData.magnetEdited === true;
+    const newMagnetValue =
+      typeof updatedData.magnet === "string" ? updatedData.magnet.trim() : "";
+    const finalMagnet = magnetEdited ? newMagnetValue : oldMagnet;
+
+    const urlEdited = updatedData.urlEdited === true;
+    const newUrlValue =
+      typeof updatedData.url === "string" ? updatedData.url.trim() : "";
+    const finalUrl = urlEdited ? newUrlValue : oldUrl;
+
+    const wsEdited = updatedData.wsEdited === true;
+    const xsEdited = updatedData.xsEdited === true;
+    const newWsValue =
+      typeof updatedData.ws === "string" ? updatedData.ws.trim() : "";
+    const newXsValue =
+      typeof updatedData.xs === "string" ? updatedData.xs.trim() : "";
+    const baseWs =
+      typeof baseEvent.ws === "string" ? baseEvent.ws.trim() : "";
+    const baseXs =
+      typeof baseEvent.xs === "string" ? baseEvent.xs.trim() : "";
+    const finalWs = wsEdited ? newWsValue : baseWs;
+    const finalXs = xsEdited ? newXsValue : baseXs;
+    const finalEnableComments =
+      typeof updatedData.enableComments === "boolean"
+        ? updatedData.enableComments
+        : baseEvent.enableComments === false
+          ? false
+          : true;
+
+    const updatedInfoHash = infoHashFromMagnet(updatedData?.infoHash || "");
+    let infoHash =
+      updatedInfoHash ||
+      infoHashFromMagnet(finalMagnet) ||
+      infoHashFromMagnet(baseEvent.infoHash) ||
+      "";
+    const fileSha256 =
+      normalizeHexHash(updatedData?.fileSha256) ||
+      normalizeHexHash(baseEvent.fileSha256);
+    const originalFileSha256 =
+      normalizeHexHash(updatedData?.originalFileSha256) ||
+      normalizeHexHash(baseEvent.originalFileSha256);
+
+    // Use the existing videoRootId (or fall back to the base event's ID)
+    const oldRootId = baseEvent.videoRootId || baseEvent.id;
+    const storagePointer = resolveStoragePointerValue({
+      storagePointer:
+        updatedData?.storagePointer ||
+        baseEvent.storagePointer ||
+        getStoragePointerFromTags(baseEvent.tags),
+      url: finalUrl,
+      infoHash,
+      fallbackId: oldRootId,
+      provider: updatedData?.storageProvider || baseEvent.storageProvider,
+    });
+
+    const preservedDTag = this.resolveEventDTag(baseEvent, originalEventStub);
+    const fallbackDTag =
+      (typeof baseEvent.id === "string" && baseEvent.id.trim()) ||
+      (typeof originalEventStub?.id === "string" && originalEventStub.id.trim()) ||
+      "";
+    const finalDTagValue =
+      (typeof preservedDTag === "string" && preservedDTag.trim()) || fallbackDTag;
+
+    if (!finalDTagValue) {
+      throw new Error("Unable to determine a stable d tag for this edit.");
+    }
+
+    // Build the updated content object
+    const contentObject = {
+      videoRootId: oldRootId,
+      version: updatedData.version ?? baseEvent.version ?? 2,
+      deleted: false,
+      isPrivate: wantPrivate,
+      isNsfw: finalIsNsfw,
+      isForKids: finalIsForKids,
+      title: updatedData.title ?? baseEvent.title,
+      url: finalUrl,
+      magnet: finalMagnet,
+      thumbnail: updatedData.thumbnail ?? baseEvent.thumbnail,
+      description: updatedData.description ?? baseEvent.description,
+      mode: updatedData.mode ?? baseEvent.mode ?? "live",
+      enableComments: finalEnableComments,
+    };
+
+    if (infoHash) {
+      contentObject.infoHash = infoHash;
+    }
+
+    if (fileSha256) {
+      contentObject.fileSha256 = fileSha256;
+    }
+
+    if (originalFileSha256) {
+      contentObject.originalFileSha256 = originalFileSha256;
+    }
+
+    if (finalWs) {
+      contentObject.ws = finalWs;
+    }
+
+    if (finalXs) {
+      contentObject.xs = finalXs;
+    }
+
+    let metadataForTags =
+      nip71Metadata && typeof nip71Metadata === "object" ? nip71Metadata : null;
+    if (!metadataForTags) {
+      if (baseEvent?.nip71 && typeof baseEvent.nip71 === "object") {
+        metadataForTags = baseEvent.nip71;
+      } else {
+        const extracted = extractNip71MetadataFromTags(baseEvent);
+        if (extracted?.metadata) {
+          metadataForTags = extracted.metadata;
+        }
+      }
+    }
+
+    const nip71Tags = buildNip71MetadataTags(metadataForTags);
+
+    const additionalTags = storagePointer
+      ? [["s", storagePointer], ...nip71Tags]
+      : nip71Tags;
+    const event = buildVideoPostEvent({
+      pubkey: userPubkeyLower,
+      created_at: Math.floor(Date.now() / 1000),
+      dTagValue: finalDTagValue,
+      content: contentObject,
+      additionalTags,
+    });
+
+    devLogger.log("Creating edited event with root ID:", oldRootId);
+    devLogger.log("Event content:", event.content);
+
+    await this.ensureActiveSignerForPubkey(userPubkeyLower);
+
+    const signer = resolveActiveSigner(userPubkeyLower);
+    if (!signer || typeof signer.signEvent !== "function") {
+      const error = new Error(
+        "An active signer with signEvent support is required to edit videos.",
+      );
+      error.code = "nostr-extension-missing";
+      throw error;
+    }
+
+    if (shouldRequestExtensionPermissions(signer)) {
+      const permissionResult = await this.ensureExtensionPermissions(
+        DEFAULT_NIP07_CORE_METHODS,
+      );
+      if (!permissionResult.ok) {
+        userLogger.warn(
+          "[nostr] Signer permissions denied while editing a video.",
+          permissionResult.error,
+        );
+        const error = new Error(
+          "The active signer must allow signing before editing a video.",
+        );
+        error.code = "extension-permission-denied";
+        error.cause = permissionResult.error;
+        throw error;
+      }
+    }
+
+    try {
+      const signedEvent = await queueSignEvent(signer, event);
+      devLogger.log("Signed edited event:", signedEvent);
+
+      const publishResults = await publishEventToRelays(
+        this.pool,
+        this.relays,
+        signedEvent
+      );
+
+      let publishSummary;
+      try {
+        publishSummary = assertAnyRelayAccepted(publishResults, {
+          context: "edited video note",
+        });
+      } catch (publishError) {
+        if (publishError?.relayFailures?.length) {
+          publishError.relayFailures.forEach(
+            ({ url, error: relayError, reason }) => {
+              userLogger.error(
+                `[nostr] Edited video rejected by ${url}: ${reason}`,
+                relayError || reason
+              );
+            }
+          );
+        }
+        throw publishError;
+      }
+
+      publishSummary.accepted.forEach(({ url }) =>
+        devLogger.log(`Edited video published to ${url}`)
+      );
+
+      if (publishSummary.failed.length) {
+        publishSummary.failed.forEach(({ url, error: relayError }) => {
+          const reason =
+            relayError instanceof Error
+              ? relayError.message
+              : relayError
+              ? String(relayError)
+              : "publish failed";
+          userLogger.warn(
+            `[nostr] Edited video not accepted by ${url}: ${reason}`,
+            relayError
+          );
+        });
+      }
+
+      return signedEvent;
+    } catch (err) {
+      userLogger.error("Edit failed:", err);
+      throw err;
+    }
+  }
+
+  /**
+   * Reverts a video (soft delete).
+   * Publishes a new version with the same `d` tag but `deleted: true`.
+   * The content is replaced with a placeholder.
+   *
+   * @param {object} originalEvent - The video event to revert.
+   * @param {string} pubkey - The public key of the owner.
+   * @returns {Promise<{event: object, publishResults: object[], summary: object}>} Result of the operation.
+   */
+  async revertVideo(originalEvent, pubkey) {
+    if (!pubkey) {
+      throw new Error("Not logged in to revert.");
+    }
+    if (originalEvent.pubkey !== pubkey) {
+      throw new Error("Not your event (pubkey mismatch).");
+    }
+
+    let baseEvent = originalEvent;
+    if (!baseEvent.tags || !Array.isArray(baseEvent.tags)) {
+      const fetched = await this.getEventById(originalEvent.id);
+      if (!fetched) {
+        throw new Error("Could not fetch the original event for reverting.");
+      }
+      baseEvent = {
+        id: fetched.id,
+        pubkey: fetched.pubkey,
+          content: JSON.stringify({
+            version: fetched.version,
+            deleted: fetched.deleted,
+            isPrivate: fetched.isPrivate,
+            isNsfw: fetched.isNsfw,
+            isForKids: fetched.isForKids,
+            title: fetched.title,
+            url: fetched.url,
+            magnet: fetched.magnet,
+          thumbnail: fetched.thumbnail,
+          description: fetched.description,
+          mode: fetched.mode,
+        }),
+        tags: fetched.tags,
+      };
+    }
+
+    const existingD = this.resolveEventDTag(baseEvent, originalEvent) || null;
+    const stableDTag =
+      existingD || baseEvent?.id || originalEvent?.id || null;
+
+    let oldContent = {};
+    try {
+      oldContent = JSON.parse(baseEvent.content || "{}");
+    } catch (err) {
+      devLogger.warn("[nostr] Failed to parse baseEvent.content while reverting:", err);
+      oldContent = {};
+    }
+    const oldVersion = oldContent.version ?? 1;
+
+    const finalRootId =
+      oldContent.videoRootId ||
+      (existingD
+        ? `LEGACY:${baseEvent.pubkey}:${existingD}`
+        : stableDTag || baseEvent?.id || originalEvent?.id || "");
+
+    const oldIsNsfw = oldContent.isNsfw === true;
+    const oldIsForKids = oldContent.isForKids === true && !oldIsNsfw;
+
+    const contentObject = {
+      videoRootId: finalRootId,
+      version: oldVersion,
+      deleted: true,
+      isPrivate: oldContent.isPrivate ?? false,
+      isNsfw: oldIsNsfw,
+      isForKids: oldIsForKids,
+      title: oldContent.title || "",
+      url: "",
+      magnet: "",
+      thumbnail: "",
+      description: "This version was reverted by the creator.",
+      mode: oldContent.mode || "live",
+    };
+
+    const storagePointer = resolveStoragePointerValue({
+      storagePointer: getStoragePointerFromTags(baseEvent.tags),
+      url: oldContent.url,
+      infoHash: oldContent.infoHash,
+      fallbackId: finalRootId,
+    });
+    const additionalTags = storagePointer ? [["s", storagePointer]] : [];
+    const event = buildVideoPostEvent({
+      pubkey,
+      created_at: Math.floor(Date.now() / 1000),
+      dTagValue: stableDTag,
+      content: contentObject,
+      additionalTags,
+    });
+
+    await this.ensureActiveSignerForPubkey(pubkey);
+
+    const signer = resolveActiveSigner(pubkey);
+    if (!signer || typeof signer.signEvent !== "function") {
+      const error = new Error(
+        "An active signer with signEvent support is required to revert videos.",
+      );
+      error.code = "nostr-extension-missing";
+      throw error;
+    }
+
+    if (shouldRequestExtensionPermissions(signer)) {
+      const permissionResult = await this.ensureExtensionPermissions(
+        DEFAULT_NIP07_CORE_METHODS,
+      );
+      if (!permissionResult.ok) {
+        userLogger.warn(
+          "[nostr] Signer permissions denied while reverting a video.",
+          permissionResult.error,
+        );
+        const error = new Error(
+          "The active signer must allow signing before reverting a video.",
+        );
+        error.code = "extension-permission-denied";
+        error.cause = permissionResult.error;
+        throw error;
+      }
+    }
+
+    const signedEvent = await queueSignEvent(signer, event);
+    const publishResults = await publishEventToRelays(
+      this.pool,
+      this.relays,
+      signedEvent
+    );
+
+    let publishSummary;
+    try {
+      publishSummary = assertAnyRelayAccepted(publishResults, {
+        context: "video revert",
+      });
+    } catch (publishError) {
+      if (publishError?.relayFailures?.length) {
+        publishError.relayFailures.forEach(
+          ({ url, error: relayError, reason }) => {
+            userLogger.error(
+              `[nostr] Video revert rejected by ${url}: ${reason}`,
+              relayError || reason
+            );
+          }
+        );
+      }
+      throw publishError;
+    }
+
+    publishSummary.accepted.forEach(({ url }) =>
+      devLogger.log(`Revert event published to ${url}`)
+    );
+
+    if (publishSummary.failed.length) {
+      publishSummary.failed.forEach(({ url, error: relayError }) => {
+        const reason =
+          relayError instanceof Error
+            ? relayError.message
+            : relayError
+            ? String(relayError)
+            : "publish failed";
+        userLogger.warn(
+          `[nostr] Video revert not accepted by ${url}: ${reason}`,
+          relayError
+        );
+      });
+    }
+
+    return {
+      event: signedEvent,
+      publishResults,
+      summary: publishSummary,
+    };
+  }
+
+  /**
+   * Deletes all versions of a video.
+   *
+   * **Process:**
+   * 1. **Hydration**: Ensures the full edit history is loaded so we know all `d` tags and Event IDs.
+   * 2. **Soft Delete (Revert)**: Publishes a new update with `deleted: true` for every unique `d` tag/root found.
+   *    This clears the content for clients that just resolve the "latest" version.
+   * 3. **Hard Delete (NIP-09)**: Publishes a Kind 5 event referencing ALL known Event IDs (`e` tags) and
+   *    NIP-33 addresses (`a` tags). Relays compliant with NIP-09 will physically remove the events.
+   * 4. **Tombstoning**: Updates local state to ensure the deleted video doesn't reappear from cache.
+   *
+   * @param {string} videoRootId - The root ID of the video series.
+   * @param {string} pubkey - The owner's public key.
+   * @param {{confirm?: boolean, video?: object}} [options] - Options (confirm dialog, target video hint).
+   * @returns {Promise<{reverts: object[], deletes: object[]}|null>} Summary of actions taken, or null if cancelled.
+   */
+  async deleteAllVersions(videoRootId, pubkey, options = {}) {
+    if (!pubkey) {
+      throw new Error("Not logged in to delete all versions.");
+    }
+
+    const shouldConfirm = options?.confirm !== false;
+    const targetVideo =
+      options && typeof options.video === "object" ? options.video : null;
+    let confirmed = true;
+
+    if (shouldConfirm && typeof window?.confirm === "function") {
+      confirmed = window.confirm(
+        "Are you sure you want to delete all versions of this video? This action cannot be undone."
+      );
+    }
+
+    if (!confirmed) {
+      devLogger.log("Deletion cancelled by user.");
+      return null; // Cancel deletion if user clicks "Cancel"
+    }
+
+    const normalizedPubkey = typeof pubkey === "string" ? pubkey.toLowerCase() : "";
+    const normalizedRootInput =
+      typeof videoRootId === "string" && videoRootId.trim().length
+        ? videoRootId.trim()
+        : "";
+    const inferredRoot =
+      normalizedRootInput ||
+      (targetVideo && typeof targetVideo.videoRootId === "string"
+        ? targetVideo.videoRootId.trim()
+        : "");
+    const targetDTag = this.resolveEventDTag(targetVideo);
+
+    if (targetVideo) {
+      try {
+        await this.hydrateVideoHistory(targetVideo);
+      } catch (error) {
+        devLogger.warn(
+          "[nostr] Failed to hydrate video history before delete:",
+          error
+        );
+      }
+    }
+
+    const matchingEvents = new Map();
+    for (const candidate of this.allEvents.values()) {
+      if (!candidate || typeof candidate !== "object") {
+        continue;
+      }
+      const candidatePubkey =
+        typeof candidate.pubkey === "string" ? candidate.pubkey.toLowerCase() : "";
+      if (!candidatePubkey || candidatePubkey !== normalizedPubkey) {
+        continue;
+      }
+
+      if (candidate.deleted === true) {
+        continue;
+      }
+
+      const candidateRoot =
+        typeof candidate.videoRootId === "string" ? candidate.videoRootId : "";
+      const candidateDTag = this.resolveEventDTag(candidate);
+      const sameRoot = inferredRoot && candidateRoot === inferredRoot;
+      const sameD = targetDTag && candidateDTag === targetDTag;
+      const legacyMatch =
+        !inferredRoot &&
+        targetVideo &&
+        candidateRoot &&
+        candidateRoot === targetVideo.id;
+      const directMatch = targetVideo && candidate.id === targetVideo.id;
+
+      if (!sameRoot && !sameD && !legacyMatch && !directMatch) {
+        continue;
+      }
+
+      matchingEvents.set(candidate.id, candidate);
+    }
+
+    if (targetVideo && !matchingEvents.has(targetVideo.id)) {
+      matchingEvents.set(targetVideo.id, targetVideo);
+    }
+
+    if (!matchingEvents.size) {
+      throw new Error("No existing events found for that root.");
+    }
+
+    const revertSummaries = [];
+    const revertEvents = [];
+
+    for (const vid of matchingEvents.values()) {
+      const baseRoot =
+        (typeof vid.videoRootId === "string" && vid.videoRootId) ||
+        inferredRoot ||
+        (targetVideo && typeof targetVideo.videoRootId === "string"
+          ? targetVideo.videoRootId
+          : "") ||
+        (targetVideo ? targetVideo.id : "") ||
+        vid.id;
+
+      const contentPayload = {
+        version: Number.isFinite(vid.version) ? vid.version : 3,
+        deleted: true,
+        isPrivate: vid.isPrivate === true,
+        isNsfw: vid.isNsfw === true,
+        isForKids: vid.isForKids === true && vid.isNsfw !== true,
+        title: typeof vid.title === "string" ? vid.title : "",
+        url: typeof vid.url === "string" ? vid.url : "",
+        magnet: typeof vid.magnet === "string" ? vid.magnet : "",
+        thumbnail: typeof vid.thumbnail === "string" ? vid.thumbnail : "",
+        description: typeof vid.description === "string" ? vid.description : "",
+        mode: typeof vid.mode === "string" ? vid.mode : "live",
+        videoRootId: baseRoot,
+      };
+
+      const revertResult = await this.revertVideo(
+        {
+          id: vid.id,
+          pubkey: vid.pubkey,
+          content: JSON.stringify(contentPayload),
+          tags: Array.isArray(vid.tags) ? vid.tags : [],
+        },
+        pubkey
+      );
+
+      const revertEvent = revertResult?.event || null;
+      const revertSummary =
+        revertResult?.summary ||
+        summarizePublishResults(revertResult?.publishResults || []);
+      const revertPublishResults = Array.isArray(revertResult?.publishResults)
+        ? revertResult.publishResults
+        : [];
+
+      revertSummaries.push({
+        targetId: vid.id || "",
+        event: revertEvent,
+        publishResults: revertPublishResults,
+        summary: revertSummary,
+      });
+
+      if (revertEvent?.id) {
+        revertEvents.push(revertEvent);
+        this.rawEvents.set(revertEvent.id, revertEvent);
+      }
+
+      const cached = this.allEvents.get(vid.id) || vid;
+      cached.deleted = true;
+      cached.url = "";
+      cached.magnet = "";
+      cached.thumbnail = "";
+      cached.description = "This version was deleted by the creator.";
+      cached.videoRootId = baseRoot;
+      this.allEvents.set(vid.id, cached);
+
+      const activeKey = getActiveKey(cached);
+      if (activeKey) {
+        this.activeMap.delete(activeKey);
+        const revertCreatedAt = Number.isFinite(revertEvent?.created_at)
+          ? Math.floor(revertEvent.created_at)
+          : Math.floor(Date.now() / 1000);
+        this.recordTombstone(activeKey, revertCreatedAt);
+      }
+    }
+
+    const eventIdSet = new Set();
+    const addressPointerSet = new Set();
+
+    const collectIdentifiersFromEvent = (eventLike) => {
+      if (!eventLike || typeof eventLike !== "object") {
+        return;
+      }
+
+      const eventId = typeof eventLike.id === "string" ? eventLike.id : "";
+      if (eventId) {
+        eventIdSet.add(eventId);
+      }
+
+      const pointerSources = [];
+      if (eventLike.kind && Array.isArray(eventLike.tags)) {
+        pointerSources.push(eventLike);
+      }
+      if (eventId) {
+        const raw = this.rawEvents.get(eventId);
+        if (raw && raw !== eventLike) {
+          pointerSources.push(raw);
+        }
+      }
+
+      for (const source of pointerSources) {
+        const pointer = eventToAddressPointer(source);
+        if (pointer) {
+          addressPointerSet.add(pointer);
+        }
+      }
+    };
+
+    matchingEvents.forEach((event) => collectIdentifiersFromEvent(event));
+    revertEvents.forEach((event) => collectIdentifiersFromEvent(event));
+    if (targetVideo) {
+      collectIdentifiersFromEvent(targetVideo);
+    }
+
+    const identifierRecords = [];
+    eventIdSet.forEach((value) => {
+      identifierRecords.push({ type: "e", value });
+    });
+    addressPointerSet.forEach((value) => {
+      identifierRecords.push({ type: "a", value });
+    });
+
+    const deleteSummaries = [];
+    if (identifierRecords.length) {
+      await this.ensureActiveSignerForPubkey(pubkey);
+
+      const signer = resolveActiveSigner(pubkey);
+      if (!signer || typeof signer.signEvent !== "function") {
+        const error = new Error(
+          "An active signer with signEvent support is required to delete videos.",
+        );
+        error.code = "nostr-extension-missing";
+        throw error;
+      }
+
+      if (shouldRequestExtensionPermissions(signer)) {
+        const permissionResult = await this.ensureExtensionPermissions(
+          DEFAULT_NIP07_CORE_METHODS,
+        );
+        if (!permissionResult.ok) {
+          userLogger.warn(
+            "[nostr] Signer permissions denied while deleting videos.",
+            permissionResult.error,
+          );
+          const error = new Error(
+            "The active signer must allow signing before deleting a video.",
+          );
+          error.code = "extension-permission-denied";
+          error.cause = permissionResult.error;
+          throw error;
+        }
+      }
+
+      const chunkSize = 100;
+      for (let index = 0; index < identifierRecords.length; index += chunkSize) {
+        const chunk = identifierRecords.slice(index, index + chunkSize);
+        const eventIds = chunk
+          .filter((record) => record.type === "e")
+          .map((record) => record.value);
+        const addresses = chunk
+          .filter((record) => record.type === "a")
+          .map((record) => record.value);
+
+        const deleteEvent = buildDeletionEvent({
+          pubkey,
+          created_at: Math.floor(Date.now() / 1000),
+          eventIds,
+          addresses,
+          reason: inferredRoot
+            ? `Delete video root ${inferredRoot}`
+            : "Delete published video events",
+        });
+
+        const signedDelete = await queueSignEvent(signer, deleteEvent);
+        const publishResults = await publishEventToRelays(
+          this.pool,
+          this.relays,
+          signedDelete,
+        );
+        const publishSummary = summarizePublishResults(publishResults);
+
+        publishSummary.accepted.forEach(({ url }) =>
+          devLogger.log(`Delete event published to ${url}`),
+        );
+
+        if (publishSummary.failed.length) {
+          publishSummary.failed.forEach(({ url, error: relayError }) => {
+            const reason =
+              relayError instanceof Error
+                ? relayError.message
+                : relayError
+                ? String(relayError)
+                : "publish failed";
+            userLogger.warn(
+              `[nostr] Delete event not accepted by ${url}: ${reason}`,
+              relayError,
+            );
+          });
+        }
+
+        if (signedDelete?.id) {
+          this.rawEvents.set(signedDelete.id, signedDelete);
+        }
+
+        deleteSummaries.push({
+          event: signedDelete,
+          publishResults,
+          summary: publishSummary,
+          identifiers: {
+            events: chunk
+              .filter((record) => record.type === "e")
+              .map((record) => record.value),
+            addresses: chunk
+              .filter((record) => record.type === "a")
+              .map((record) => record.value),
+          },
+        });
+      }
+    }
+
+    this.saveLocalData("delete-events", { immediate: true });
+
+    return {
+      reverts: revertSummaries,
+      deletes: deleteSummaries,
+    };
+  }
+
+  clearCachePersistHandles() {
+    if (this.cachePersistTimerId) {
+      clearTimeout(this.cachePersistTimerId);
+      this.cachePersistTimerId = null;
+    }
+
+    if (this.cachePersistIdleId) {
+      if (typeof cancelIdleCallback === "function") {
+        try {
+          cancelIdleCallback(this.cachePersistIdleId);
+        } catch (error) {
+          devLogger.warn("[nostr] Failed to cancel cache idle callback:", error);
+        }
+      } else {
+        clearTimeout(this.cachePersistIdleId);
+      }
+      this.cachePersistIdleId = null;
+    }
+  }
+
+  buildCachePayload() {
+    return {
+      version: 1,
+      savedAt: Date.now(),
+      events: new Map(this.allEvents),
+      tombstones: new Map(this.tombstones),
+    };
+  }
+
+  /**
+   * Schedules a persistence operation to save current state to cache.
+   *
+   * - Uses a debounce strategy (75ms) to prevent write thrashing during bursts.
+   * - Can be forced to run immediately via `options.immediate`.
+   * - Coordinates with `requestIdleCallback` to avoid blocking the main thread.
+   *
+   * @param {string} [reason="unspecified"] - Debug label for why persistence was triggered.
+   * @param {object} [options] - Configuration.
+   * @param {boolean} [options.immediate=false] - If true, bypasses debounce and persists immediately.
+   * @returns {Promise<boolean>|null} The persistence promise or null if debounced.
+   */
+  saveLocalData(reason = "unspecified", options = {}) {
+    const { immediate = false } = options;
+
+    if (immediate) {
+      this.clearCachePersistHandles();
+      this.cachePersistInFlight = this.persistLocalData(reason).finally(() => {
+        this.cachePersistInFlight = null;
+      });
+      return this.cachePersistInFlight;
+    }
+
+    if (this.cachePersistTimerId || this.cachePersistIdleId || this.cachePersistInFlight) {
+      return this.cachePersistInFlight;
+    }
+
+    this.cachePersistReason = reason;
+    devLogger.log(
+      `[nostr] Scheduling cached events persist (${reason}) with debounce ${EVENTS_CACHE_PERSIST_DELAY_MS}ms`,
+    );
+    this.cachePersistTimerId = setTimeout(() => {
+      this.cachePersistTimerId = null;
+      this.cachePersistIdleId = scheduleIdleTask(() => {
+        this.cachePersistIdleId = null;
+        this.cachePersistInFlight = this.persistLocalData(reason).finally(() => {
+          this.cachePersistInFlight = null;
+        });
+      });
+    }, EVENTS_CACHE_PERSIST_DELAY_MS);
+
+    return this.cachePersistInFlight;
+  }
+
+  /**
+   * Executes the actual persistence logic, writing to IndexedDB (preferred) or localStorage.
+   *
+   * @param {string} reason - Debug label.
+   * @returns {Promise<boolean>} True if successful.
+   * @private
+   */
+  async persistLocalData(reason = "unspecified") {
+    // Strategy:
+    // 1. Try to persist to IndexedDB (preferred, large capacity).
+    // 2. If IDB fails or returns false, fall back to LocalStorage (limited capacity).
+    // The `EventsCacheStore` handles differential updates (only saving changed fingerprints)
+    // to keep IDB writes fast.
+
+    const payload = this.buildCachePayload();
+    const startedAt = Date.now();
+    let summary = null;
+    let target = "localStorage";
+
+    try {
+      summary = await this.eventsCacheStore.persistSnapshot(payload);
+      if (summary?.persisted) {
+        target = "IndexedDB";
+      }
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to persist events cache to IndexedDB:", error);
+    }
+
+    if (!summary?.persisted) {
+      this.persistCacheToLocalStorage(payload);
+    }
+
+    const durationMs = Date.now() - startedAt;
+    devLogger.log(
+      `[nostr] Cached events persisted via ${target} (reason=${reason}, duration=${durationMs}ms, events+${summary?.eventWrites ?? 0}/-${summary?.eventDeletes ?? 0}, tombstones+${summary?.tombstoneWrites ?? 0}/-${summary?.tombstoneDeletes ?? 0})`,
+    );
+
+    return summary?.persisted;
+  }
+
+  persistCacheToLocalStorage(payload) {
+    if (typeof localStorage === "undefined") {
+      return;
+    }
+
+    const serializedEvents = {};
+    for (const [id, vid] of payload.events.entries()) {
+      serializedEvents[id] = vid;
+    }
+
+    const serializedPayload = {
+      ...payload,
+      events: serializedEvents,
+      tombstones: Array.from(payload.tombstones.entries()),
+    };
+
+    try {
+      localStorage.setItem(
+        EVENTS_CACHE_STORAGE_KEY,
+        JSON.stringify(serializedPayload),
+      );
+    } catch (err) {
+      devLogger.warn("[nostr] Failed to persist events cache:", err);
+    }
+  }
+
+  clampVideoRequestLimit(limit, fallback = DEFAULT_VIDEO_REQUEST_LIMIT) {
+    const normalizedFallback =
+      Number.isFinite(fallback) && fallback > 0
+        ? Math.floor(fallback)
+        : DEFAULT_VIDEO_REQUEST_LIMIT;
+
+    if (!Number.isFinite(limit) || limit <= 0) {
+      return normalizedFallback;
+    }
+
+    const floored = Math.floor(limit);
+    const clamped = Math.min(MAX_VIDEO_REQUEST_LIMIT, Math.max(1, floored));
+
+    if (clamped !== floored && isDevMode) {
+      devLogger.log(
+        `[nostr] Clamped video request limit from ${floored} to ${clamped}`,
+      );
+    }
+
+    return clamped;
+  }
+
+  getLatestCachedCreatedAt() {
+    let latest = 0;
+    const now = Math.floor(Date.now() / 1000);
+
+    for (const video of this.allEvents.values()) {
+      const createdAt = Number.isFinite(video?.created_at)
+        ? Math.floor(video.created_at)
+        : 0;
+      if (createdAt > latest && createdAt <= now) {
+        latest = createdAt;
+      }
+    }
+
+    return latest;
+  }
+
+  /**
+   * Subscribes to Kind 30078 video events from relays using a buffered stream.
+   *
+   * **Why Buffer?**
+   * Relays often send bursts of events (e.g., historical dumps or new floods).
+   * Processing every single event immediately would cause layout thrashing and UI lag.
+   *
+   * **The Algorithm:**
+   * 1. **Buffer**: Push all incoming events into `eventBuffer`.
+   * 2. **Debounce**: Schedule `flushEventBuffer` to run after 75ms of silence or inactivity.
+   * 3. **Batch Process**:
+   *    - Convert events to internal Video objects.
+   *    - Filter out invalids or duplicates.
+   *    - Apply "Last-Write-Wins" logic against `activeMap`.
+   *    - Notify the UI (`onVideo`) once per batch.
+   * 4. **Persist**: Save the batch to IndexedDB to warm up the cache for next reload.
+   *
+   * **Invariants:**
+   * - `activeMap` always holds the latest valid version of a video.
+   * - Deleted events (Tombstones) are never surfaced to `onVideo`.
+   *
+   * @param {function(object): void} onVideo - Callback fired when new valid videos are processed. Receives the `Video` object.
+   * @param {{ since?: number, until?: number, limit?: number }} [options] - Filter options.
+   * @returns {import("nostr-tools").Sub} The subscription object. Call `unsub()` to stop.
+   */
+  subscribeVideos(onVideo, options = {}) {
+    // Explanation:
+    // This method handles the primary video feed. It uses a buffering strategy to
+    // prevent UI thrashing when thousands of events arrive at once (e.g. initial load).
+    // Incoming events are pushed to `eventBuffer` and processed in batches
+    // via `flushEventBuffer` which is debounced.
+
+    const { since, until, limit } = options;
+    const latestCachedCreatedAt = this.getLatestCachedCreatedAt();
+
+    const resolvedLimit = this.clampVideoRequestLimit(limit);
+    const resolvedSince = Number.isFinite(since)
+      ? Math.floor(since)
+      : latestCachedCreatedAt > 0
+        ? latestCachedCreatedAt
+        : undefined;
+    const resolvedUntil = Number.isFinite(until) ? Math.floor(until) : undefined;
+
+    const filter = {
+      kinds: [30078],
+      "#t": ["video"],
+      limit: resolvedLimit,
+    };
+
+    if (resolvedSince !== undefined) {
+      filter.since = resolvedSince;
+    }
+
+    if (resolvedUntil !== undefined) {
+      filter.until = resolvedUntil;
+    }
+
+    devLogger.log("[subscribeVideos] Subscribing with filter:", filter);
+
+    const sub = this.pool.sub(this.getHealthyRelays(this.relays), [filter]);
+    const invalidDuringSub = [];
+
+    // BUFFERING STATE
+    // We collect events here instead of processing them instantly to avoid
+    // 1000s of React re-renders during the initial relay dump.
+    // The buffer acts as a pressure valve between the network and the UI.
+    let eventBuffer = [];
+    const EVENT_FLUSH_DEBOUNCE_MS = 75;
+    let flushTimerId = null;
+
+    /**
+     * Flushes the pending event buffer.
+     *
+     * This batch processing is critical for performance during the initial
+     * relay dump (thousands of events). It prevents React from re-rendering
+     * for every single event.
+     *
+     * Algorithm:
+     * 1. Drain the buffer.
+     * 2. Validate & Convert events to Video objects.
+     * 3. Apply tombstones (filter out known deleted items).
+     * 4. Update `activeMap` (Last-Write-Wins based on created_at).
+     * 5. Persist the new state to cache.
+     */
+    const flushEventBuffer = () => {
+      if (!eventBuffer.length) {
+        return;
+      }
+
+      const toProcess = eventBuffer;
+      eventBuffer = [];
+
+      for (const evt of toProcess) {
+        try {
+          if (evt && evt.id) {
+            this.rawEvents.set(evt.id, evt);
+          }
+          const video = convertEventToVideo(evt);
+
+          if (video.invalid) {
+            invalidDuringSub.push({ id: video.id, reason: video.reason });
+            continue;
+          }
+
+          // Merge any NIP-71 metadata we might already have cached for this video
+          this.mergeNip71MetadataIntoVideo(video);
+          // Determine the "true" creation time of the root video
+          this.applyRootCreatedAt(video);
+
+          const activeKey = getActiveKey(video);
+          const wasDeletedEvent = video.deleted === true;
+
+          // If this is a deletion event (Kind 5 or deletion marker), record a tombstone
+          // to prevent older versions from resurrecting.
+          if (wasDeletedEvent) {
+            this.recordTombstone(activeKey, video.created_at);
+          } else {
+            // Otherwise, check if this video is already known to be deleted
+            this.applyTombstoneGuard(video);
+          }
+
+          // Store in allEvents (history preservation)
+          this.allEvents.set(evt.id, video);
+
+          // If it's a "deleted" note, remove from activeMap
+          if (video.deleted) {
+            if (activeKey) {
+              if (wasDeletedEvent) {
+                this.activeMap.delete(activeKey);
+              } else {
+                const currentActive = this.activeMap.get(activeKey);
+                if (currentActive?.id === video.id) {
+                  this.activeMap.delete(activeKey);
+                }
+              }
+            }
+            continue;
+          }
+
+          // LATEST-WINS LOGIC
+          // We only update the UI if the incoming video is newer than what we have.
+          // This handles the "Edit" case where multiple versions exist on relays.
+          const prevActive = this.activeMap.get(activeKey);
+          if (!prevActive || video.created_at > prevActive.created_at) {
+            this.activeMap.set(activeKey, video);
+            onVideo(video); // Trigger the callback that re-renders
+
+            // Fetch NIP-71 metadata (categorization tags) in the background
+            this.populateNip71MetadataForVideos([video])
+              .then(() => {
+                this.applyRootCreatedAt(video);
+              })
+              .catch((error) => {
+                devLogger.warn(
+                  "[nostr] Failed to hydrate NIP-71 metadata for live video:",
+                  error
+                );
+              });
+          }
+        } catch (err) {
+          devLogger.error("[subscribeVideos] Error processing event:", err);
+        }
+      }
+
+      // Persist processed events after each flush so reloads warm quickly.
+      this.saveLocalData("subscribeVideos:flush");
+    };
+
+    const scheduleFlush = (immediate = false) => {
+      if (flushTimerId) {
+        if (!immediate) {
+          return;
+        }
+        clearTimeout(flushTimerId);
+        flushTimerId = null;
+      }
+
+      if (immediate) {
+        flushEventBuffer();
+        return;
+      }
+
+      flushTimerId = setTimeout(() => {
+        flushTimerId = null;
+        flushEventBuffer();
+      }, EVENT_FLUSH_DEBOUNCE_MS);
+    };
+
+    // 1) On each incoming event, just push to the buffer and schedule a flush
+    sub.on("event", (event) => {
+      eventBuffer.push(event);
+      scheduleFlush(false);
+    });
+
+    // You can still use sub.on("eose") if needed
+    sub.on("eose", () => {
+      if (isDevMode && invalidDuringSub.length > 0) {
+        userLogger.warn(
+          `[subscribeVideos] found ${invalidDuringSub.length} invalid video notes (with reasons):`,
+          invalidDuringSub
+        );
+      }
+      devLogger.log(
+        "[subscribeVideos] Reached EOSE for all relays (historical load done)"
+      );
+      scheduleFlush(true);
+    });
+
+    // Return the subscription object if you need to unsub manually later
+    const originalUnsub =
+      typeof sub.unsub === "function" ? sub.unsub.bind(sub) : () => {};
+    let unsubscribed = false;
+    sub.unsub = () => {
+      if (unsubscribed) {
+        return;
+      }
+      unsubscribed = true;
+      if (flushTimerId) {
+        clearTimeout(flushTimerId);
+        flushTimerId = null;
+      }
+      // Ensure any straggling events are flushed before tearing down.
+      flushEventBuffer();
+      try {
+        return originalUnsub();
+      } catch (err) {
+        userLogger.error("[subscribeVideos] Failed to unsub from pool:", err);
+        return undefined;
+      }
+    };
+
+    return sub;
+  }
+
+  processNip71Events(events, pointerMap = null) {
+    processNip71EventsHelper(events, {
+      nip71Cache: this.nip71Cache,
+      pointerMap,
+    });
+  }
+
+  mergeNip71MetadataIntoVideo(video) {
+    return mergeNip71MetadataIntoVideoHelper(video, {
+      nip71Cache: this.nip71Cache,
+    });
+  }
+
+  async populateNip71MetadataForVideos(videos = []) {
+    if (!Array.isArray(videos) || !videos.length) {
+      return;
+    }
+
+    const pointerMap = collectNip71PointerRequests(videos);
+
+    await populateNip71MetadataForVideosHelper(videos, {
+      nip71Cache: this.nip71Cache,
+      pointerMap,
+      fetchMetadata: (map, pointerValues) =>
+        this.fetchAndCacheNip71Metadata(map, pointerValues),
+    });
+  }
+
+  async fetchAndCacheNip71Metadata(pointerMap, pointerValues) {
+    if (!Array.isArray(pointerValues) || !pointerValues.length) {
+      return;
+    }
+
+    if (!this.pool || !Array.isArray(this.relays) || !this.relays.length) {
+      return;
+    }
+
+    const filter = {
+      kinds: [21, 22],
+      "#a": pointerValues,
+    };
+
+    try {
+      const responses = await Promise.all(
+        this.relays.map(async (url) => {
+          try {
+            const events = await this.pool.list([url], [filter]);
+            return Array.isArray(events) ? events : [];
+          } catch (error) {
+            devLogger.warn(
+              `[nostr] NIP-71 fetch failed on ${url}:`,
+              error,
+            );
+            return [];
+          }
+        }),
+      );
+
+      const deduped = new Map();
+      responses.flat().forEach((event) => {
+        if (event?.id && !deduped.has(event.id)) {
+          deduped.set(event.id, event);
+        }
+      });
+
+      processNip71EventsHelper(Array.from(deduped.values()), {
+        nip71Cache: this.nip71Cache,
+        pointerMap,
+      });
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to fetch NIP-71 metadata:", error);
+    }
+  }
+
+  /**
+   * Fetches videos using a standard Request/Response model (legacy).
+   *
+   * Unlike `subscribeVideos` (which is streaming), this waits for all relays to EOSE
+   * before returning. It is useful for one-off fetches but less efficient for the main feed.
+   *
+   * @param {object} options - Filter options (limit, etc.).
+   * @returns {Promise<object[]>} A promise resolving to the list of active videos.
+   * @deprecated Use `subscribeVideos` for the main feed to support buffering and streaming.
+   */
+  async fetchVideos(options = {}) {
+    const requestedLimit = Number(options?.limit);
+    const resolvedLimit = this.clampVideoRequestLimit(requestedLimit, DEFAULT_VIDEO_REQUEST_LIMIT);
+
+    const filter = {
+      kinds: [30078],
+      "#t": ["video"],
+      limit: resolvedLimit,
+      since: 0,
+    };
+
+    const localAll = new Map();
+    // NEW: track invalid
+    const invalidNotes = [];
+
+    try {
+      await Promise.all(
+        this.getHealthyRelays(this.relays).map(async (url) => {
+          const events = await this.pool.list([url], [filter]);
+          for (const evt of events) {
+            if (evt && evt.id) {
+              this.rawEvents.set(evt.id, evt);
+            }
+            const vid = convertEventToVideo(evt);
+            if (vid.invalid) {
+              // Accumulate if invalid
+              invalidNotes.push({ id: vid.id, reason: vid.reason });
+            } else {
+              // Only add if good
+              this.applyRootCreatedAt(vid);
+              const activeKey = getActiveKey(vid);
+              if (vid.deleted) {
+                this.recordTombstone(activeKey, vid.created_at);
+              } else {
+                this.applyTombstoneGuard(vid);
+              }
+              localAll.set(evt.id, vid);
+            }
+          }
+        })
+      );
+
+      // Merge into allEvents
+      for (const [id, vid] of localAll.entries()) {
+        this.allEvents.set(id, vid);
+        this.applyRootCreatedAt(vid);
+      }
+
+      // Rebuild activeMap
+      this.activeMap.clear();
+      for (const [id, video] of this.allEvents.entries()) {
+        if (video.deleted) continue;
+        const activeKey = getActiveKey(video);
+        const existing = this.activeMap.get(activeKey);
+
+        if (!existing || video.created_at > existing.created_at) {
+          this.activeMap.set(activeKey, video);
+          this.applyRootCreatedAt(video);
+        }
+      }
+
+      // OPTIONAL: Log invalid stats
+      if (invalidNotes.length > 0 && isDevMode) {
+        userLogger.warn(
+          `Skipped ${invalidNotes.length} invalid video notes:\n`,
+          invalidNotes.map((n) => `${n.id.slice(0, 8)}.. => ${n.reason}`)
+        );
+      }
+
+      const activeVideos = Array.from(this.activeMap.values()).sort(
+        (a, b) => b.created_at - a.created_at
+      );
+      await this.populateNip71MetadataForVideos(activeVideos);
+      activeVideos.forEach((video) => this.applyRootCreatedAt(video));
+      return activeVideos;
+    } catch (err) {
+      userLogger.error("fetchVideos error:", err);
+      return [];
+    }
+  }
+
+  /**
+   * Raw event helpers
+   */
+  /**
+   * Fetch the unmodified Nostr event for a given id and cache the payload.
+   *
+   * @param {string} eventId
+   * @param {{ relays?: string[], filter?: import("nostr-tools").Filter }} options
+   * @returns {Promise<object|null>}
+   */
+  async fetchRawEventById(eventId, options = {}) {
+    const id = typeof eventId === "string" ? eventId.trim() : "";
+    if (!id) {
+      return null;
+    }
+
+    const cached = this.rawEvents.get(id);
+    if (cached) {
+      return cached;
+    }
+
+    try {
+      await this.ensurePool();
+    } catch (error) {
+      devLogger.warn("fetchRawEventById ensurePool error:", error);
+      return null;
+    }
+
+    if (!this.pool) {
+      return null;
+    }
+
+    const relayCandidatesRaw =
+      Array.isArray(options?.relays) && options.relays.length
+        ? options.relays
+        : this.relays;
+    const relays = sanitizeRelayList(this.getHealthyRelays(relayCandidatesRaw));
+
+    if (!relays.length) {
+      return null;
+    }
+
+    const baseFilter =
+      options && typeof options.filter === "object"
+        ? { ...options.filter }
+        : { ids: [id] };
+
+    const normalizedIds = Array.isArray(baseFilter.ids)
+      ? baseFilter.ids
+          .map((value) => (typeof value === "string" ? value.trim() : ""))
+          .filter(Boolean)
+      : [];
+
+    if (!normalizedIds.includes(id)) {
+      normalizedIds.push(id);
+    }
+
+    const filterTemplate = { ...baseFilter, ids: normalizedIds };
+
+    const makeFilter = () => ({
+      ...filterTemplate,
+      ids: Array.from(filterTemplate.ids),
+    });
+
+    const remember = (evt) => {
+      if (evt && typeof evt === "object" && evt.id) {
+        this.rawEvents.set(evt.id, evt);
+      }
+      return evt || null;
+    };
+
+    if (typeof this.pool.get === "function") {
+      try {
+        const evt = await this.pool.get(relays, makeFilter());
+        if (evt && evt.id === id) {
+          return remember(evt);
+        }
+      } catch (error) {
+        devLogger.warn("fetchRawEventById pool.get error:", error);
+      }
+    }
+
+    if (typeof this.pool.list === "function") {
+      try {
+        const events = await this.pool.list(relays, [makeFilter()]);
+        if (Array.isArray(events)) {
+          for (const evt of events) {
+            if (!evt) {
+              continue;
+            }
+            const stored = remember(evt);
+            if (evt.id === id) {
+              return stored;
+            }
+          }
+        }
+      } catch (error) {
+        devLogger.warn("fetchRawEventById pool.list error:", error);
+      }
+    }
+
+    return null;
+  }
+
+  /**
+   * Resolve a single video from cache or the relay network.
+   *
+   * @param {string} eventId - The event id to look up.
+   * @param {{ includeRaw?: boolean }} options
+   * @returns {Promise<object|null|{video: object|null, rawEvent: object|null}>}
+   */
+  async getEventById(eventId, options = {}) {
+    const includeRaw = options?.includeRaw === true;
+
+    const local = this.allEvents.get(eventId) || null;
+    const localRaw = this.rawEvents.get(eventId) || null;
+
+    if (local) {
+      this.applyRootCreatedAt(local);
+      const localKey = getActiveKey(local);
+      if (local.deleted) {
+        this.recordTombstone(localKey, local.created_at);
+      } else {
+        this.applyTombstoneGuard(local);
+      }
+      if (!includeRaw) {
+        return local;
+      }
+
+      if (localRaw) {
+        return { video: local, rawEvent: localRaw };
+      }
+    }
+
+    const rawEvent = await this.fetchRawEventById(eventId);
+    if (!rawEvent && !includeRaw) {
+      return local || null;
+    }
+
+    if (!rawEvent) {
+      return { video: local || null, rawEvent: null };
+    }
+
+    const video = convertEventToVideo(rawEvent);
+    this.applyRootCreatedAt(video);
+    const activeKey = getActiveKey(video);
+    if (video.deleted) {
+      this.recordTombstone(activeKey, video.created_at);
+    } else {
+      this.applyTombstoneGuard(video);
+    }
+    this.allEvents.set(eventId, video);
+
+    if (includeRaw) {
+      return { video, rawEvent };
+    }
+
+    return video;
+  }
+
+  async repostEvent(eventId, options = {}) {
+    return repostEventHelper({
+      client: this,
+      eventId,
+      options,
+      resolveActiveSigner,
+      shouldRequestExtensionPermissions,
+      signEventWithPrivateKey,
+      eventToAddressPointer,
+    });
+  }
+
+  async mirrorVideoEvent(eventId, options = {}) {
+    return mirrorVideoEventHelper({
+      client: this,
+      eventId,
+      options,
+      resolveActiveSigner,
+      shouldRequestExtensionPermissions,
+      signEventWithPrivateKey,
+      inferMimeTypeFromUrl,
+    });
+  }
+
+  async rebroadcastEvent(eventId, options = {}) {
+    return rebroadcastEventHelper({ client: this, eventId, options });
+  }
+
+  getRequestTimeoutMs(timeoutMs) {
+    const candidate = Number(timeoutMs);
+    if (Number.isFinite(candidate) && candidate > 0) {
+      return Math.floor(candidate);
+    }
+    const poolTimeout = Number(this.pool?.getTimeout);
+    if (Number.isFinite(poolTimeout) && poolTimeout > 0) {
+      return Math.floor(poolTimeout);
+    }
+    return 3400;
+  }
+
+  normalizeCountFilter(filter) {
+    if (!filter || typeof filter !== "object") {
+      return null;
+    }
+
+    const normalized = {};
+
+    const toStringArray = (value) => {
+      if (value === undefined || value === null) {
+        return [];
+      }
+      const source = Array.isArray(value) ? value : [value];
+      const collected = [];
+      for (const item of source) {
+        if (typeof item !== "string") {
+          continue;
+        }
+        const trimmed = item.trim();
+        if (!trimmed || collected.includes(trimmed)) {
+          continue;
+        }
+        collected.push(trimmed);
+      }
+      return collected;
+    };
+
+    if (filter.kinds !== undefined) {
+      const kindsSource = Array.isArray(filter.kinds)
+        ? filter.kinds
+        : [filter.kinds];
+      const normalizedKinds = [];
+      const seenKinds = new Set();
+      for (const candidate of kindsSource) {
+        const parsed = Number(candidate);
+        if (!Number.isFinite(parsed)) {
+          continue;
+        }
+        const normalizedValue = Math.floor(parsed);
+        if (seenKinds.has(normalizedValue)) {
+          continue;
+        }
+        seenKinds.add(normalizedValue);
+        normalizedKinds.push(normalizedValue);
+      }
+      if (normalizedKinds.length) {
+        normalized.kinds = normalizedKinds;
+      }
+    }
+
+    const ids = toStringArray(filter.ids);
+    if (ids.length) {
+      normalized.ids = ids;
+    }
+
+    const authors = toStringArray(filter.authors);
+    if (authors.length) {
+      normalized.authors = authors;
+    }
+
+    for (const [key, value] of Object.entries(filter)) {
+      if (!key.startsWith("#")) {
+        continue;
+      }
+      const tagValues = toStringArray(value);
+      if (tagValues.length) {
+        normalized[key] = tagValues;
+      }
+    }
+
+    if (filter.since !== undefined) {
+      const parsedSince = Number(filter.since);
+      if (Number.isFinite(parsedSince)) {
+        normalized.since = Math.floor(parsedSince);
+      }
+    }
+
+    if (filter.until !== undefined) {
+      const parsedUntil = Number(filter.until);
+      if (Number.isFinite(parsedUntil)) {
+        normalized.until = Math.floor(parsedUntil);
+      }
+    }
+
+    if (filter.limit !== undefined) {
+      const parsedLimit = Number(filter.limit);
+      if (Number.isFinite(parsedLimit) && parsedLimit >= 0) {
+        normalized.limit = Math.floor(parsedLimit);
+      }
+    }
+
+    return Object.keys(normalized).length ? normalized : null;
+  }
+
+  normalizeCountFilters(filters) {
+    if (!filters) {
+      return [];
+    }
+
+    const list = Array.isArray(filters) ? filters : [filters];
+    const normalized = [];
+
+    for (const candidate of list) {
+      const normalizedFilter = this.normalizeCountFilter(candidate);
+      if (normalizedFilter) {
+        normalized.push(normalizedFilter);
+      }
+    }
+
+    return normalized;
+  }
+
+  generateCountRequestId(prefix = "count") {
+    this.countRequestCounter += 1;
+    if (this.countRequestCounter > Number.MAX_SAFE_INTEGER - 1) {
+      this.countRequestCounter = 1;
+    }
+    const normalizedPrefix =
+      typeof prefix === "string" && prefix.trim() ? prefix.trim() : "count";
+    const timestamp = Date.now().toString(36);
+    const counter = this.countRequestCounter.toString(36);
+    const random = Math.random().toString(36).slice(2, 8);
+    return `${normalizedPrefix}:${timestamp}:${counter}${random}`;
+  }
+
+  extractCountValue(payload) {
+    if (typeof payload === "number") {
+      const value = Math.floor(payload);
+      return value >= 0 ? value : 0;
+    }
+
+    if (payload && typeof payload === "object") {
+      const candidate =
+        typeof payload.count === "number"
+          ? payload.count
+          : Number(payload.count);
+      if (Number.isFinite(candidate)) {
+        const value = Math.floor(candidate);
+        return value >= 0 ? value : 0;
+      }
+    }
+
+    const parsed = Number(payload);
+    if (Number.isFinite(parsed)) {
+      const value = Math.floor(parsed);
+      return value >= 0 ? value : 0;
+    }
+
+    return 0;
+  }
+
+  async sendRawCountFrame(relayUrl, filters, options = {}) {
+    if (!this.pool) {
+      throw new Error(
+        "Nostr pool not initialized. Call nostrClient.init() before requesting counts."
+      );
+    }
+
+    const normalizedUrl =
+      typeof relayUrl === "string" ? relayUrl.trim() : "";
+    if (!normalizedUrl) {
+      throw new Error("Invalid relay URL for COUNT request.");
+    }
+
+    if (this.countUnsupportedRelays.has(normalizedUrl)) {
+      throw this.makeCountUnsupportedError(normalizedUrl);
+    }
+
+    const normalizedFilters = this.normalizeCountFilters(filters);
+    if (!normalizedFilters.length) {
+      throw new Error("At least one filter is required for a COUNT request.");
+    }
+
+    const requestId =
+      typeof options.subId === "string" && options.subId.trim()
+        ? options.subId.trim()
+        : this.generateCountRequestId();
+
+    let relay;
+    try {
+      relay = await this.pool.ensureRelay(normalizedUrl);
+    } catch (error) {
+      const connectError = new Error(
+        `Failed to connect to relay ${normalizedUrl}`
+      );
+      connectError.code = "relay-connect-failed";
+      this.markRelayUnreachable(normalizedUrl, 60000, {
+        reason: "connect-failed",
+      });
+      throw connectError;
+    }
+
+    if (!relay) {
+      const relayError = new Error(
+        `Relay ${normalizedUrl} is unavailable for COUNT requests.`
+      );
+      relayError.code = "relay-unavailable";
+      this.markRelayUnreachable(normalizedUrl, 60000, {
+        reason: "relay-unavailable",
+      });
+      throw relayError;
+    }
+
+    const frame = ["COUNT", requestId, ...normalizedFilters];
+    let countPromise;
+
+    if (
+      relay.openCountRequests instanceof Map &&
+      typeof relay.send === "function"
+    ) {
+      countPromise = new Promise((resolve, reject) => {
+        const cleanup = () => {
+          if (relay.openCountRequests instanceof Map) {
+            relay.openCountRequests.delete(requestId);
+          }
+        };
+
+        relay.openCountRequests.set(requestId, {
+          resolve: (value) => {
+            cleanup();
+            resolve(value);
+          },
+          reject: (error) => {
+            cleanup();
+            reject(error);
+          },
+        });
+
+        let sendResult;
+        try {
+          sendResult = relay.send(JSON.stringify(frame));
+        } catch (error) {
+          cleanup();
+          reject(error);
+          return;
+        }
+
+        if (sendResult && typeof sendResult.catch === "function") {
+          sendResult.catch((error) => {
+            cleanup();
+            reject(error);
+          });
+        }
+      });
+    } else if (typeof relay.count === "function") {
+      countPromise = relay.count(normalizedFilters, { id: requestId });
+    } else {
+      this.countUnsupportedRelays.add(normalizedUrl);
+      throw this.makeCountUnsupportedError(normalizedUrl);
+    }
+
+    const timeoutMs = this.getRequestTimeoutMs(options.timeoutMs);
+    let rawResult;
+    try {
+      rawResult = await withRequestTimeout(
+        countPromise,
+        timeoutMs,
+        () => {
+          if (relay?.openCountRequests instanceof Map) {
+            relay.openCountRequests.delete(requestId);
+          }
+        },
+        `COUNT request timed out after ${timeoutMs}ms`
+      );
+    } catch (error) {
+      if (
+        error instanceof Error &&
+        error.message.includes("COUNT request timed out")
+      ) {
+        error.code = "count-timeout";
+      }
+      throw error;
+    }
+
+    const countValue = this.extractCountValue(rawResult);
+    return ["COUNT", requestId, { count: countValue }];
+  }
+
+  async countEventsAcrossRelays(filters, options = {}) {
+    const normalizedFilters = this.normalizeCountFilters(filters);
+    if (!normalizedFilters.length) {
+      return { total: 0, best: null, perRelay: [], partial: false };
+    }
+
+    const relayList =
+      Array.isArray(options.relays) && options.relays.length
+        ? options.relays
+        : Array.isArray(this.relays) && this.relays.length
+        ? this.relays
+        : RELAY_URLS;
+
+    const normalizedRelayList = relayList
+      .map((url) => (typeof url === "string" ? url.trim() : ""))
+      .filter(Boolean);
+
+    const eligibleRelays = this.getHealthyRelays(normalizedRelayList);
+    const eligibleRelaySet = new Set(eligibleRelays);
+    const activeRelays = [];
+    const precomputedEntries = [];
+
+    for (const url of normalizedRelayList) {
+      if (this.countUnsupportedRelays.has(url)) {
+        const error = this.makeCountUnsupportedError(url);
+        precomputedEntries.push({
+          url,
+          ok: false,
+          error,
+          unsupported: true,
+        });
+        continue;
+      }
+      if (!eligibleRelaySet.has(url)) {
+        precomputedEntries.push({
+          url,
+          ok: false,
+          skipped: true,
+          reason: "backoff",
+        });
+        continue;
+      }
+      activeRelays.push(url);
+    }
+
+    const activeResults = await Promise.all(
+      activeRelays.map(async (url) => {
+        try {
+          const frame = await this.sendRawCountFrame(url, normalizedFilters, {
+            timeoutMs: options.timeoutMs,
+          });
+          const count = this.extractCountValue(frame?.[2]);
+          this.clearRelayBackoff(url);
+          return { url, ok: true, frame, count };
+        } catch (error) {
+          const isUnsupported = error?.code === "count-unsupported";
+          const isTimeout =
+            error?.code === "count-timeout" || error?.code === "timeout";
+          if (isUnsupported) {
+            this.countUnsupportedRelays.add(url);
+          } else {
+            logRelayCountFailure(url, error);
+            this.markRelayUnreachable(url, 60000, {
+              reason: isTimeout ? "count-timeout" : "count-error",
+            });
+          }
+          return {
+            url,
+            ok: false,
+            error,
+            unsupported: isUnsupported,
+            timedOut: isTimeout,
+            errorCode: error?.code || null,
+          };
+        }
+      })
+    );
+
+    const resultsByUrl = new Map();
+    for (const entry of [...precomputedEntries, ...activeResults]) {
+      if (entry && typeof entry.url === "string") {
+        resultsByUrl.set(entry.url, entry);
+      }
+    }
+
+    const perRelayResults = normalizedRelayList.map((url) => {
+      if (resultsByUrl.has(url)) {
+        return resultsByUrl.get(url);
+      }
+      return { url, ok: false };
+    });
+
+    let bestEstimate = null;
+    const perRelay = perRelayResults.map((entry) => {
+      if (!entry || !entry.ok) {
+        return entry;
+      }
+
+      const numericValue = Number(entry.count);
+      const normalizedCount =
+        Number.isFinite(numericValue) && numericValue >= 0 ? numericValue : 0;
+
+      const normalizedEntry = {
+        ...entry,
+        count: normalizedCount,
+      };
+
+      if (!Number.isFinite(numericValue) || numericValue < 0) {
+        normalizedEntry.rawCount = entry.count;
+      }
+
+      if (
+        !bestEstimate ||
+        normalizedCount > bestEstimate.count ||
+        (bestEstimate && normalizedCount === bestEstimate.count && !bestEstimate.frame)
+      ) {
+        bestEstimate = {
+          relay: normalizedEntry.url,
+          count: normalizedCount,
+          frame: normalizedEntry.frame,
+        };
+      }
+
+      return normalizedEntry;
+    });
+
+    const total = bestEstimate ? bestEstimate.count : 0;
+    const partial = perRelayResults.some(
+      (entry) => entry?.timedOut || entry?.skipped
+    );
+
+    return {
+      total,
+      best: bestEstimate,
+      perRelay,
+      partial,
+    };
+  }
+
+  /**
+   * Fetches and reconstructs the full edit history of a video.
+   *
+   * **The Problem:**
+   * Nostr events are immutable. "Editing" a video creates a NEW event.
+   * We need to find all previous versions to show a history log or allow reverting.
+   *
+   * **The Linking Logic:**
+   * 1. **Modern**: Versions share a `videoRootId` field in their content.
+   * 2. **NIP-33**: Versions share the same `d` tag.
+   * 3. **Legacy**: Older versions might only be linked by the `d` tag or lack a root pointer entirely.
+   *
+   * **Algorithm:**
+   * 1. **Local Scan**: Search `allEvents` for any event matching the target's `videoRootId` OR `d` tag.
+   * 2. **Root Recovery**: If the `videoRootId` refers to an event we don't have, fetch it specifically (to establish the timeline start).
+   * 3. **Relay Query**: If local history is sparse (<= 1 version), query relays for all events with the same `d` tag.
+   * 4. **Merge & Sort**: Combine all findings, filter out unrelated events, and sort by `created_at` descending.
+   *
+   * @param {object} video - The target video to find history for.
+   * @returns {Promise<object[]>} A promise resolving to an array of Video objects (Newest -> Oldest).
+   */
+  async hydrateVideoHistory(video) {
+    // Explanation:
+    // This method reconstructs the edit history of a video series.
+    // Since Nostr events are immutable, "editing" creates a new event.
+    // We link these events together using:
+    // 1. `videoRootId` (V3 canonical ID)
+    // 2. `d` tag (NIP-33 addressability)
+    // 3. Fallback: Matching ID for legacy V1/V2 posts
+    //
+    // The method first checks local cache (`allEvents`), and if data is sparse,
+    // queries relays for the specific `d` tag to find missing links.
+
+    if (!video || typeof video !== "object") {
+      return [];
+    }
+
+    this.applyRootCreatedAt(video);
+
+    const targetRoot = typeof video.videoRootId === "string" ? video.videoRootId : "";
+    const targetPubkey = typeof video.pubkey === "string" ? video.pubkey.toLowerCase() : "";
+
+    const targetDTag = this.resolveEventDTag(video);
+
+    const collectLocalMatches = () => {
+      const seen = new Set();
+      const matches = [];
+      for (const candidate of this.allEvents.values()) {
+        if (!candidate || typeof candidate !== "object") {
+          continue;
+        }
+        if (targetPubkey) {
+          const candidatePubkey = typeof candidate.pubkey === "string"
+            ? candidate.pubkey.toLowerCase()
+            : "";
+          if (candidatePubkey !== targetPubkey) {
+            continue;
+          }
+        }
+
+        const candidateRoot =
+          typeof candidate.videoRootId === "string" ? candidate.videoRootId : "";
+        const candidateDTag = this.resolveEventDTag(candidate, video);
+
+        // HISTORY MATCHING LOGIC
+        // A video is part of the same history if:
+        // 1. It shares the same V3 `videoRootId`.
+        // 2. It shares the same NIP-33 `d` tag (addressable events).
+        const sameRoot = targetRoot && candidateRoot === targetRoot;
+        const sameD = targetDTag && candidateDTag === targetDTag;
+
+        // Legacy fallbacks: some old posts reused only the "d" tag without a
+        // canonical videoRootId. If neither identifier exists we at least keep
+        // the active event so the caller can surface an informative message.
+        const sameLegacyRoot =
+          !targetRoot && candidateRoot && candidateRoot === video.id;
+
+        if (sameRoot || sameD || sameLegacyRoot || candidate.id === video.id) {
+          if (!seen.has(candidate.id)) {
+            seen.add(candidate.id);
+            if (!candidate.deleted) {
+              this.applyTombstoneGuard(candidate);
+            }
+            matches.push(candidate);
+          }
+        }
+      }
+      return matches;
+    };
+
+    let localMatches = collectLocalMatches();
+
+    const ensureRootPresence = async () => {
+      const normalizedRoot = targetRoot && typeof targetRoot === "string"
+        ? targetRoot
+        : "";
+      if (!normalizedRoot || normalizedRoot === video.id) {
+        return;
+      }
+
+      const alreadyPresent = localMatches.some((entry) => entry?.id === normalizedRoot);
+      if (alreadyPresent) {
+        return;
+      }
+
+      const cachedRoot = this.allEvents.get(normalizedRoot);
+      if (cachedRoot) {
+        this.applyRootCreatedAt(cachedRoot);
+        localMatches.push(cachedRoot);
+        return;
+      }
+
+      if (
+        !this.pool ||
+        typeof this.pool.get !== "function" ||
+        !Array.isArray(this.relays) ||
+        !this.relays.length
+      ) {
+        return;
+      }
+
+      try {
+        const rootEvent = await this.pool.get(this.getHealthyRelays(this.relays), { ids: [normalizedRoot] });
+        if (rootEvent && rootEvent.id === normalizedRoot) {
+          this.rawEvents.set(rootEvent.id, rootEvent);
+          const parsed = convertEventToVideo(rootEvent);
+          if (!parsed.invalid) {
+            this.mergeNip71MetadataIntoVideo(parsed);
+            this.applyRootCreatedAt(parsed);
+            const activeKey = getActiveKey(parsed);
+            if (parsed.deleted) {
+              this.recordTombstone(activeKey, parsed.created_at);
+            } else {
+              this.applyTombstoneGuard(parsed);
+            }
+            this.allEvents.set(rootEvent.id, parsed);
+            localMatches.push(parsed);
+          }
+        }
+      } catch (error) {
+        devLogger.warn(
+        `[nostr] Failed to fetch root event ${normalizedRoot} for history:`,
+        error
+        );
+      }
+    };
+
+    await ensureRootPresence();
+
+    const shouldFetchFromRelays =
+      localMatches.filter((entry) => !entry.deleted).length <= 1 && targetDTag;
+
+    if (shouldFetchFromRelays && this.pool) {
+      const filter = {
+        kinds: [30078],
+        "#t": ["video"],
+        "#d": [targetDTag],
+        limit: 200,
+      };
+      if (targetPubkey) {
+        filter.authors = [video.pubkey];
+      }
+
+      try {
+        const perRelay = await Promise.all(
+            this.getHealthyRelays(this.relays).map(async (url) => {
+              try {
+                const events = await this.pool.list([url], [filter]);
+                return events || [];
+              } catch (err) {
+                devLogger.warn(
+                  `[nostr] History fetch failed on ${url}:`,
+                  err,
+                );
+                return [];
+              }
+            })
+        );
+
+        const merged = perRelay.flat();
+        for (const evt of merged) {
+          try {
+            if (evt && evt.id) {
+              this.rawEvents.set(evt.id, evt);
+            }
+            const parsed = convertEventToVideo(evt);
+            if (!parsed.invalid) {
+              this.mergeNip71MetadataIntoVideo(parsed);
+              this.applyRootCreatedAt(parsed);
+              const activeKey = getActiveKey(parsed);
+              if (parsed.deleted) {
+                this.recordTombstone(activeKey, parsed.created_at);
+              } else {
+                this.applyTombstoneGuard(parsed);
+              }
+              this.allEvents.set(evt.id, parsed);
+            }
+          } catch (err) {
+            devLogger.warn("[nostr] Failed to convert historical event:", err);
+          }
+        }
+      } catch (err) {
+        devLogger.warn("[nostr] hydrateVideoHistory relay fetch error:", err);
+      }
+
+      localMatches = collectLocalMatches();
+      await ensureRootPresence();
+    }
+
+    localMatches.sort((a, b) => b.created_at - a.created_at);
+    await this.populateNip71MetadataForVideos(localMatches);
+    localMatches.forEach((entry) => this.applyRootCreatedAt(entry));
+    return localMatches;
+  }
+
+  getActiveVideos() {
+    return Array.from(this.activeMap.values()).sort(
+      (a, b) => b.created_at - a.created_at
+    );
+  }
+
+  handleEvent(event) {
+    if (!event || typeof event !== "object") return;
+
+    // Kind 0: Profile Metadata
+    if (event.kind === 0 && typeof event.pubkey === "string") {
+      const normalized = normalizeProfileFromEvent(event);
+      if (normalized) {
+        profileCache.setProfile(event.pubkey, normalized, { persist: true });
+      }
+    }
+  }
+}
+
+export {
+  getActiveSigner,
+  setActiveSigner,
+  clearActiveSigner,
+  resolveActiveSigner,
+  shouldRequestExtensionPermissions,
+};
diff --git a/dist/js/nostr/commentEvents.js b/dist/js/nostr/commentEvents.js
new file mode 100644
index 00000000..76f96a4b
--- /dev/null
+++ b/dist/js/nostr/commentEvents.js
@@ -0,0 +1,1570 @@
+import {
+  buildCommentEvent,
+  getNostrEventSchema,
+  NOTE_TYPES,
+  sanitizeAdditionalTags,
+} from "../nostrEventSchemas.js";
+import { publishEventToRelay } from "../nostrPublish.js";
+import { RELAY_URLS } from "./toolkit.js";
+import { normalizePointerInput } from "./watchHistory.js";
+import { devLogger, userLogger } from "../utils/logger.js";
+import { LRUCache } from "../utils/lruCache.js";
+import { CACHE_POLICIES } from "./cachePolicies.js";
+import { isSessionActor } from "./sessionActor.js";
+import { queueSignEvent } from "./signRequestQueue.js";
+import { getActiveSigner } from "../nostrClientRegistry.js";
+import { sanitizeRelayList as sanitizeRelayUrls } from "./nip46Client.js";
+
+const COMMENT_EVENT_SCHEMA = getNostrEventSchema(NOTE_TYPES.VIDEO_COMMENT);
+const CACHE_POLICY = CACHE_POLICIES[NOTE_TYPES.VIDEO_COMMENT];
+
+const commentCache = new LRUCache({ maxSize: 100 });
+export const COMMENT_EVENT_KIND = Number.isFinite(COMMENT_EVENT_SCHEMA?.kind)
+  ? COMMENT_EVENT_SCHEMA.kind
+  : 1111;
+export const LEGACY_COMMENT_KIND = 1;
+const ALLOWED_COMMENT_KINDS = Object.freeze(
+  COMMENT_EVENT_KIND === LEGACY_COMMENT_KIND
+    ? [COMMENT_EVENT_KIND]
+    : [COMMENT_EVENT_KIND, LEGACY_COMMENT_KIND]
+);
+
+function getAllowedCommentKinds() {
+  return ALLOWED_COMMENT_KINDS.slice();
+}
+function sanitizeRelayList(primary, fallback) {
+  const primaryList = sanitizeRelayUrls(Array.isArray(primary) ? primary : []);
+  if (primaryList.length) {
+    return primaryList;
+  }
+  const fallbackList = sanitizeRelayUrls(Array.isArray(fallback) ? fallback : []);
+  if (fallbackList.length) {
+    return fallbackList;
+  }
+  return sanitizeRelayUrls(RELAY_URLS);
+}
+
+function normalizeRelay(candidate) {
+  if (typeof candidate === "string" && candidate.trim()) {
+    return candidate.trim();
+  }
+  if (Array.isArray(candidate)) {
+    const relayCandidate = candidate[2];
+    if (typeof relayCandidate === "string" && relayCandidate.trim()) {
+      return relayCandidate.trim();
+    }
+  }
+  if (candidate && typeof candidate === "object") {
+    if (typeof candidate.relay === "string" && candidate.relay.trim()) {
+      return candidate.relay.trim();
+    }
+    if (typeof candidate.url === "string" && candidate.url.trim()) {
+      return candidate.url.trim();
+    }
+    if (Array.isArray(candidate.relays)) {
+      for (const relayCandidate of candidate.relays) {
+        if (typeof relayCandidate === "string" && relayCandidate.trim()) {
+          return relayCandidate.trim();
+        }
+      }
+    }
+    if (candidate.tag) {
+      return normalizeRelay(candidate.tag);
+    }
+    if (candidate.pointer) {
+      return normalizeRelay(candidate.pointer);
+    }
+  }
+  return "";
+}
+
+function normalizePointerCandidate(candidate, expectedType) {
+  if (!candidate) {
+    return null;
+  }
+
+  if (Array.isArray(candidate)) {
+    const tagName =
+      typeof candidate[0] === "string" ? candidate[0].trim().toLowerCase() : "";
+    if (
+      tagName === expectedType &&
+      typeof candidate[1] === "string" &&
+      candidate[1].trim()
+    ) {
+      return {
+        value: candidate[1].trim(),
+        relay: normalizeRelay(candidate),
+      };
+    }
+    return null;
+  }
+
+  if (typeof candidate === "string") {
+    const pointer = normalizePointerInput(candidate);
+    if (pointer?.type === expectedType && pointer.value) {
+      return {
+        value: pointer.value.trim(),
+        relay: normalizeRelay(pointer),
+      };
+    }
+    if (expectedType === "e" && candidate.trim() && !candidate.includes(":")) {
+      return { value: candidate.trim(), relay: "" };
+    }
+    if (expectedType === "a" && candidate.trim() && candidate.includes(":")) {
+      return { value: candidate.trim(), relay: "" };
+    }
+    return null;
+  }
+
+  if (candidate && typeof candidate === "object") {
+    if (
+      typeof candidate.type === "string" &&
+      candidate.type.toLowerCase() === expectedType &&
+      typeof candidate.value === "string" &&
+      candidate.value.trim()
+    ) {
+      return {
+        value: candidate.value.trim(),
+        relay: normalizeRelay(candidate),
+      };
+    }
+    if (
+      expectedType === "e" &&
+      typeof candidate.id === "string" &&
+      candidate.id.trim()
+    ) {
+      return {
+        value: candidate.id.trim(),
+        relay: normalizeRelay(candidate),
+      };
+    }
+    if (
+      expectedType === "a" &&
+      typeof candidate.address === "string" &&
+      candidate.address.trim()
+    ) {
+      return {
+        value: candidate.address.trim(),
+        relay: normalizeRelay(candidate),
+      };
+    }
+    if (candidate.tag) {
+      return normalizePointerCandidate(candidate.tag, expectedType);
+    }
+    if (candidate.pointer) {
+      return normalizePointerCandidate(candidate.pointer, expectedType);
+    }
+  }
+
+  return null;
+}
+
+function normalizeTagName(name) {
+  return typeof name === "string" ? name.trim().toLowerCase() : "";
+}
+
+function normalizeTagValue(value) {
+  if (value === null || value === undefined) {
+    return "";
+  }
+  if (Number.isFinite(value)) {
+    return String(Math.floor(value));
+  }
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    return trimmed ? trimmed.toLowerCase() : "";
+  }
+  return "";
+}
+
+function normalizeDescriptorString(value) {
+  if (value === null || value === undefined) {
+    return "";
+  }
+  if (Number.isFinite(value)) {
+    return String(Math.floor(value));
+  }
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    return trimmed ? trimmed.toLowerCase() : "";
+  }
+  if (typeof value === "object" && typeof value.value !== "undefined") {
+    return normalizeDescriptorString(value.value);
+  }
+  return "";
+}
+
+function normalizeDescriptorRelay(value) {
+  if (typeof value === "string") {
+    return value.trim();
+  }
+  return "";
+}
+
+
+function pickString(...candidates) {
+  for (const candidate of candidates) {
+    if (typeof candidate === "string" && candidate.trim()) {
+      return candidate.trim();
+    }
+  }
+  return "";
+}
+
+function pickKind(...candidates) {
+  for (const candidate of candidates) {
+    if (Number.isFinite(candidate)) {
+      return String(Math.floor(candidate));
+    }
+    if (typeof candidate === "string" && candidate.trim()) {
+      return candidate.trim();
+    }
+  }
+  return "";
+}
+
+function isEventCandidate(candidate) {
+  if (!candidate || typeof candidate !== "object") {
+    return false;
+  }
+  if (Array.isArray(candidate.tags)) {
+    return true;
+  }
+  if (typeof candidate.id === "string" && candidate.id.trim()) {
+    return true;
+  }
+  if (typeof candidate.pubkey === "string" && candidate.pubkey.trim()) {
+    return true;
+  }
+  return false;
+}
+
+function resolveEventCandidate(...candidates) {
+  for (const candidate of candidates) {
+    if (isEventCandidate(candidate)) {
+      return candidate;
+    }
+  }
+  return null;
+}
+
+function collectTagsFromEvent(event) {
+  if (!event || typeof event !== "object") {
+    return [];
+  }
+  const tags = Array.isArray(event.tags) ? event.tags : [];
+  return tags.filter((tag) => Array.isArray(tag) && tag.length >= 2);
+}
+
+function findTagByName(tags, ...names) {
+  const normalizedNames = names
+    .flat()
+    .map((name) => normalizeTagName(name))
+    .filter(Boolean);
+  if (!normalizedNames.length) {
+    return null;
+  }
+  for (const tag of tags) {
+    if (!Array.isArray(tag) || tag.length < 2) {
+      continue;
+    }
+    const [name] = tag;
+    if (typeof name !== "string") {
+      continue;
+    }
+    if (normalizedNames.includes(normalizeTagName(name))) {
+      return tag;
+    }
+  }
+  return null;
+}
+
+function normalizeCommentTarget(targetInput = {}, overrides = {}) {
+  const target = targetInput && typeof targetInput === "object" ? targetInput : {};
+  const options = overrides && typeof overrides === "object" ? overrides : {};
+
+  const videoEventPointer =
+    normalizePointerCandidate(options.videoEventPointer, "e") ||
+    normalizePointerCandidate(options.videoEvent, "e") ||
+    normalizePointerCandidate(target.videoEventPointer, "e") ||
+    normalizePointerCandidate(target.videoEvent, "e") ||
+    normalizePointerCandidate(target.eventPointer, "e") ||
+    normalizePointerCandidate(target.event, "e");
+
+  const videoDefinitionPointer =
+    normalizePointerCandidate(options.videoDefinitionPointer, "a") ||
+    normalizePointerCandidate(options.videoDefinition, "a") ||
+    normalizePointerCandidate(target.videoDefinitionPointer, "a") ||
+    normalizePointerCandidate(target.videoDefinition, "a") ||
+    normalizePointerCandidate(target.definitionPointer, "a") ||
+    normalizePointerCandidate(target.definition, "a");
+
+  const rootDefinitionPointer =
+    normalizePointerCandidate(options.rootDefinitionPointer, "a") ||
+    normalizePointerCandidate(options.rootPointer, "a") ||
+    normalizePointerCandidate(target.rootDefinitionPointer, "a") ||
+    normalizePointerCandidate(target.rootPointer, "a");
+
+  const rootEventPointer =
+    normalizePointerCandidate(options.rootEventPointer, "e") ||
+    normalizePointerCandidate(options.rootPointer, "e") ||
+    normalizePointerCandidate(target.rootEventPointer, "e") ||
+    normalizePointerCandidate(target.rootPointer, "e");
+
+  const parentCommentPointer =
+    normalizePointerCandidate(options.parentCommentPointer, "e") ||
+    normalizePointerCandidate(options.parentComment, "e") ||
+    normalizePointerCandidate(target.parentCommentPointer, "e") ||
+    normalizePointerCandidate(target.parentComment, "e") ||
+    normalizePointerCandidate(target.parentPointer, "e");
+
+  const videoEventObject = resolveEventCandidate(
+    options.videoEvent,
+    options.rootEvent,
+    target.videoEvent,
+    target.rootEvent,
+  );
+
+  const parentCommentEvent = resolveEventCandidate(
+    options.parentCommentEvent,
+    options.parentComment,
+    target.parentCommentEvent,
+    target.parentComment,
+  );
+
+  const rootEventTags = collectTagsFromEvent(videoEventObject);
+  const parentEventTags = collectTagsFromEvent(parentCommentEvent);
+  const combinedTags = [...parentEventTags, ...rootEventTags];
+  const getTagField = (tag, index) =>
+    Array.isArray(tag) && typeof tag[index] === "string"
+      ? tag[index].trim()
+      : "";
+
+  const videoEventId = pickString(
+    options.videoEventId,
+    target.videoEventId,
+    target.eventId,
+    videoEventPointer?.value,
+    rootEventPointer?.value,
+  );
+  const videoEventRelay = pickString(
+    options.videoEventRelay,
+    target.videoEventRelay,
+    target.eventRelay,
+    videoEventPointer?.relay,
+    rootEventPointer?.relay,
+  );
+
+  const videoDefinitionAddress = pickString(
+    options.videoDefinitionAddress,
+    target.videoDefinitionAddress,
+    target.definitionAddress,
+    videoDefinitionPointer?.value,
+    rootDefinitionPointer?.value,
+  );
+  const videoDefinitionRelay = pickString(
+    options.videoDefinitionRelay,
+    target.videoDefinitionRelay,
+    target.definitionRelay,
+    videoDefinitionPointer?.relay,
+    rootDefinitionPointer?.relay,
+  );
+
+  const parentCommentId = pickString(
+    options.parentCommentId,
+    target.parentCommentId,
+    target.parentId,
+    parentCommentPointer?.value,
+  );
+  const parentCommentRelay = pickString(
+    options.parentCommentRelay,
+    target.parentCommentRelay,
+    target.parentRelay,
+    parentCommentPointer?.relay,
+  );
+
+  const threadParticipantPubkey = pickString(
+    options.threadParticipantPubkey,
+    target.threadParticipantPubkey,
+    target.participantPubkey,
+    target.authorPubkey,
+  );
+  const threadParticipantRelay = pickString(
+    options.threadParticipantRelay,
+    target.threadParticipantRelay,
+    target.participantRelay,
+  );
+
+  let normalizedVideoEventId =
+    typeof videoEventId === "string" ? videoEventId.trim() : "";
+  let normalizedVideoDefinitionAddress =
+    typeof videoDefinitionAddress === "string" ? videoDefinitionAddress.trim() : "";
+  let normalizedVideoEventRelay =
+    typeof videoEventRelay === "string" ? videoEventRelay.trim() : "";
+  let normalizedVideoDefinitionRelay =
+    typeof videoDefinitionRelay === "string" ? videoDefinitionRelay.trim() : "";
+  let normalizedParentCommentId =
+    typeof parentCommentId === "string" ? parentCommentId.trim() : "";
+  let normalizedParentCommentRelay =
+    typeof parentCommentRelay === "string" ? parentCommentRelay.trim() : "";
+  const normalizedThreadParticipantPubkey =
+    typeof threadParticipantPubkey === "string" ? threadParticipantPubkey.trim() : "";
+  const normalizedThreadParticipantRelay =
+    typeof threadParticipantRelay === "string"
+      ? threadParticipantRelay.trim()
+      : "";
+
+  const rootIdentifier = pickString(
+    options.rootIdentifier,
+    target.rootIdentifier,
+    options.rootPointer,
+    target.rootPointer,
+  );
+  const rootIdentifierRelay = pickString(
+    options.rootIdentifierRelay,
+    target.rootIdentifierRelay,
+  );
+
+  const parentIdentifier = pickString(
+    options.parentIdentifier,
+    target.parentIdentifier,
+  );
+  const parentIdentifierRelay = pickString(
+    options.parentIdentifierRelay,
+    target.parentIdentifierRelay,
+  );
+
+  const normalizedRootIdentifier =
+    typeof rootIdentifier === "string" ? rootIdentifier.trim() : "";
+  let normalizedRootIdentifierRelay =
+    typeof rootIdentifierRelay === "string" ? rootIdentifierRelay.trim() : "";
+  const normalizedParentIdentifier =
+    typeof parentIdentifier === "string" ? parentIdentifier.trim() : "";
+  let normalizedParentIdentifierRelay =
+    typeof parentIdentifierRelay === "string"
+      ? parentIdentifierRelay.trim()
+      : "";
+
+  let normalizedVideoKind = pickKind(
+    options.videoKind,
+    target.videoKind,
+    videoEventObject?.kind,
+  );
+
+  let normalizedVideoAuthorPubkey = pickString(
+    options.videoAuthorPubkey,
+    target.videoAuthorPubkey,
+    videoEventObject?.pubkey,
+  );
+
+  const definitionSegments = normalizedVideoDefinitionAddress
+    ? normalizedVideoDefinitionAddress.split(":")
+    : [];
+  const derivedDefinitionKind = definitionSegments[0] || "";
+  const derivedDefinitionPubkey = definitionSegments[1] || "";
+
+  const rootKindCandidate = pickString(
+    options.rootKind,
+    target.rootKind,
+    options.videoKind,
+    target.videoKind,
+    normalizedVideoKind,
+    derivedDefinitionKind,
+  );
+  let normalizedRootKind =
+    typeof rootKindCandidate === "string" ? rootKindCandidate.trim() : "";
+
+  const parentKindCandidate = pickString(
+    options.parentKind,
+    target.parentKind,
+    options.parentCommentKind,
+    target.parentCommentKind,
+    pickKind(parentCommentEvent?.kind),
+  );
+  let normalizedParentKind =
+    typeof parentKindCandidate === "string" ? parentKindCandidate.trim() : "";
+
+  let normalizedRootAuthorPubkey = pickString(
+    options.rootAuthorPubkey,
+    target.rootAuthorPubkey,
+    options.videoAuthorPubkey,
+    target.videoAuthorPubkey,
+    normalizedVideoAuthorPubkey,
+    derivedDefinitionPubkey,
+  );
+  normalizedRootAuthorPubkey =
+    typeof normalizedRootAuthorPubkey === "string"
+      ? normalizedRootAuthorPubkey.trim()
+      : "";
+
+  let normalizedParentAuthorPubkey = pickString(
+    options.parentAuthorPubkey,
+    target.parentAuthorPubkey,
+    options.parentCommentPubkey,
+    target.parentCommentPubkey,
+    parentCommentEvent?.pubkey,
+  );
+  normalizedParentAuthorPubkey =
+    typeof normalizedParentAuthorPubkey === "string"
+      ? normalizedParentAuthorPubkey.trim()
+      : "";
+
+  let normalizedRootAuthorRelay = pickString(
+    options.rootAuthorRelay,
+    target.rootAuthorRelay,
+  );
+  normalizedRootAuthorRelay =
+    typeof normalizedRootAuthorRelay === "string"
+      ? normalizedRootAuthorRelay.trim()
+      : "";
+
+  let normalizedParentAuthorRelay = pickString(
+    options.parentAuthorRelay,
+    target.parentAuthorRelay,
+  );
+  normalizedParentAuthorRelay =
+    typeof normalizedParentAuthorRelay === "string"
+      ? normalizedParentAuthorRelay.trim()
+      : "";
+
+  if (!normalizedRootIdentifier) {
+    const tag = findTagByName(combinedTags, "I");
+    const value = getTagField(tag, 1);
+    if (value) {
+      normalizedRootIdentifier = value;
+      const relay = getTagField(tag, 2);
+      if (relay) {
+        normalizedRootIdentifierRelay = relay;
+      }
+    }
+  } else if (!normalizedRootIdentifierRelay) {
+    const tag = findTagByName(combinedTags, "I");
+    const relay = getTagField(tag, 2);
+    if (relay) {
+      normalizedRootIdentifierRelay = relay;
+    }
+  }
+
+  if (!normalizedVideoDefinitionAddress) {
+    const tag = findTagByName(combinedTags, "A", "a");
+    const value = getTagField(tag, 1);
+    if (value) {
+      normalizedVideoDefinitionAddress = value;
+      const relay = getTagField(tag, 2);
+      if (relay) {
+        normalizedVideoDefinitionRelay = relay;
+      }
+    }
+  } else if (!normalizedVideoDefinitionRelay) {
+    const tag = findTagByName(combinedTags, "A", "a");
+    const relay = getTagField(tag, 2);
+    if (relay) {
+      normalizedVideoDefinitionRelay = relay;
+    }
+  }
+
+  const rootEventTag = findTagByName(combinedTags, "E");
+  if (rootEventTag) {
+    const value = getTagField(rootEventTag, 1);
+    if (value && !normalizedVideoEventId) {
+      normalizedVideoEventId = value;
+    }
+    const relay = getTagField(rootEventTag, 2);
+    if (relay && !normalizedVideoEventRelay) {
+      normalizedVideoEventRelay = relay;
+    }
+    const authorHint = getTagField(rootEventTag, 3);
+    if (authorHint && !normalizedRootAuthorPubkey) {
+      normalizedRootAuthorPubkey = authorHint;
+    }
+  }
+
+  if (!normalizedVideoEventId || !normalizedParentCommentId) {
+    const eventValues = [];
+    for (const tag of combinedTags) {
+      if (!Array.isArray(tag) || tag.length < 2) {
+        continue;
+      }
+      if (typeof tag[0] === "string" && tag[0].trim().toLowerCase() === "e") {
+        const value = getTagField(tag, 1);
+        if (value) {
+          eventValues.push({ tag, value });
+        }
+      }
+    }
+    if (!normalizedVideoEventId && eventValues.length) {
+      normalizedVideoEventId = eventValues[0].value;
+      const relay = getTagField(eventValues[0].tag, 2);
+      if (relay && !normalizedVideoEventRelay) {
+        normalizedVideoEventRelay = relay;
+      }
+    }
+    if (!normalizedParentCommentId && eventValues.length) {
+      for (let index = eventValues.length - 1; index >= 0; index -= 1) {
+        const candidate = eventValues[index];
+        if (
+          candidate.value &&
+          candidate.value !== normalizedVideoEventId
+        ) {
+          normalizedParentCommentId = candidate.value;
+          const relay = getTagField(candidate.tag, 2);
+          if (relay) {
+            normalizedParentCommentRelay = relay;
+          }
+          const authorHint = getTagField(candidate.tag, 3);
+          if (authorHint && !normalizedParentAuthorPubkey) {
+            normalizedParentAuthorPubkey = authorHint;
+          }
+          break;
+        }
+      }
+    }
+  }
+
+  if (normalizedParentCommentId && !normalizedParentCommentRelay) {
+    const parentTag = parentEventTags.find(
+      (tag) =>
+        Array.isArray(tag) &&
+        tag.length >= 2 &&
+        typeof tag[0] === "string" &&
+        tag[0].trim().toLowerCase() === "e" &&
+        getTagField(tag, 1) === normalizedParentCommentId,
+    );
+    if (parentTag) {
+      const relay = getTagField(parentTag, 2);
+      if (relay) {
+        normalizedParentCommentRelay = relay;
+      }
+      const authorHint = getTagField(parentTag, 3);
+      if (authorHint && !normalizedParentAuthorPubkey) {
+        normalizedParentAuthorPubkey = authorHint;
+      }
+    }
+  }
+
+  if (!normalizedParentIdentifierRelay) {
+    const tag = findTagByName(parentEventTags, "i");
+    const relay = getTagField(tag, 2);
+    if (relay) {
+      normalizedParentIdentifierRelay = relay;
+    }
+  }
+
+  if (!normalizedRootKind) {
+    const tag = findTagByName(combinedTags, "K");
+    const value = getTagField(tag, 1);
+    if (value) {
+      normalizedRootKind = value;
+    }
+  }
+  if (!normalizedVideoKind && normalizedRootKind) {
+    normalizedVideoKind = normalizedRootKind;
+  }
+
+  if (!normalizedRootAuthorPubkey || !normalizedRootAuthorRelay) {
+    const tag = findTagByName(combinedTags, "P");
+    if (tag) {
+      const value = getTagField(tag, 1);
+      if (value && !normalizedRootAuthorPubkey) {
+        normalizedRootAuthorPubkey = value;
+      }
+      const relay = getTagField(tag, 2);
+      if (relay && !normalizedRootAuthorRelay) {
+        normalizedRootAuthorRelay = relay;
+      }
+    }
+  }
+  if (!normalizedVideoAuthorPubkey && normalizedRootAuthorPubkey) {
+    normalizedVideoAuthorPubkey = normalizedRootAuthorPubkey;
+  }
+
+  if (!normalizedParentKind) {
+    const tag = findTagByName(parentEventTags, "k");
+    const value = getTagField(tag, 1);
+    if (value) {
+      normalizedParentKind = value;
+    }
+  }
+
+  if (!normalizedParentAuthorRelay && normalizedParentAuthorPubkey) {
+    const parentTag = parentEventTags.find(
+      (tag) =>
+        Array.isArray(tag) &&
+        tag.length >= 2 &&
+        typeof tag[0] === "string" &&
+        tag[0].trim().toLowerCase() === "p" &&
+        normalizeTagValue(tag[1]) === normalizeTagValue(normalizedParentAuthorPubkey),
+    );
+    if (parentTag) {
+      const relay = getTagField(parentTag, 2);
+      if (relay) {
+        normalizedParentAuthorRelay = relay;
+      }
+    }
+  }
+
+  if (!normalizedParentAuthorPubkey || !normalizedParentAuthorRelay) {
+    const tag = findTagByName(parentEventTags, "p");
+    if (tag) {
+      const value = getTagField(tag, 1);
+      if (value && !normalizedParentAuthorPubkey) {
+        normalizedParentAuthorPubkey = value;
+      }
+      const relay = getTagField(tag, 2);
+      if (relay && !normalizedParentAuthorRelay) {
+        normalizedParentAuthorRelay = relay;
+      }
+    }
+  }
+
+  if (!normalizedParentKind) {
+    if (normalizedParentCommentId) {
+      normalizedParentKind = String(COMMENT_EVENT_KIND);
+    } else if (normalizedRootKind) {
+      normalizedParentKind = normalizedRootKind;
+    } else if (derivedDefinitionKind) {
+      normalizedParentKind = derivedDefinitionKind;
+    }
+  }
+
+  if (!normalizedRootKind) {
+    normalizedRootKind = normalizedParentKind;
+  }
+
+  if (!normalizedParentAuthorPubkey) {
+    normalizedParentAuthorPubkey = normalizedThreadParticipantPubkey;
+  }
+
+  if (!normalizedRootAuthorPubkey) {
+    if (!normalizedParentCommentId && normalizedParentAuthorPubkey) {
+      normalizedRootAuthorPubkey = normalizedParentAuthorPubkey;
+    }
+  }
+
+  if (!normalizedRootAuthorRelay && normalizedVideoDefinitionRelay) {
+    normalizedRootAuthorRelay = normalizedVideoDefinitionRelay;
+  }
+
+  if (!normalizedParentAuthorRelay) {
+    normalizedParentAuthorRelay = normalizedThreadParticipantRelay;
+  }
+
+  if (!normalizedRootAuthorRelay && !normalizedParentCommentId) {
+    normalizedRootAuthorRelay = normalizedParentAuthorRelay;
+  }
+
+  if (!normalizedRootAuthorPubkey && derivedDefinitionPubkey) {
+    normalizedRootAuthorPubkey = derivedDefinitionPubkey;
+  }
+
+  if (!normalizedParentAuthorPubkey && !normalizedParentCommentId) {
+    normalizedParentAuthorPubkey = normalizedRootAuthorPubkey;
+  }
+
+  if (!normalizedParentAuthorRelay && !normalizedParentCommentId) {
+    normalizedParentAuthorRelay = normalizedRootAuthorRelay;
+  }
+
+  const descriptor = {
+    videoEventId: normalizeDescriptorString(normalizedVideoEventId),
+    videoEventRelay: normalizeDescriptorRelay(normalizedVideoEventRelay),
+    videoDefinitionAddress: normalizeDescriptorString(normalizedVideoDefinitionAddress),
+    videoDefinitionRelay: normalizeDescriptorRelay(normalizedVideoDefinitionRelay),
+    videoKind: normalizeDescriptorString(normalizedVideoKind),
+    videoAuthorPubkey: normalizeDescriptorString(normalizedVideoAuthorPubkey),
+    parentCommentId: normalizeDescriptorString(normalizedParentCommentId),
+    parentCommentRelay: normalizeDescriptorRelay(normalizedParentCommentRelay),
+    threadParticipantPubkey: normalizeDescriptorString(normalizedThreadParticipantPubkey),
+    threadParticipantRelay: normalizeDescriptorRelay(normalizedThreadParticipantRelay),
+    rootIdentifier: normalizeDescriptorString(normalizedRootIdentifier),
+    rootIdentifierRelay: normalizeDescriptorRelay(normalizedRootIdentifierRelay),
+    parentIdentifier: normalizeDescriptorString(normalizedParentIdentifier),
+    parentIdentifierRelay: normalizeDescriptorRelay(normalizedParentIdentifierRelay),
+    rootKind: normalizeDescriptorString(normalizedRootKind),
+    rootAuthorPubkey: normalizeDescriptorString(normalizedRootAuthorPubkey),
+    rootAuthorRelay: normalizeDescriptorRelay(normalizedRootAuthorRelay),
+    parentKind: normalizeDescriptorString(normalizedParentKind),
+    parentAuthorPubkey: normalizeDescriptorString(normalizedParentAuthorPubkey),
+    parentAuthorRelay: normalizeDescriptorRelay(normalizedParentAuthorRelay),
+  };
+
+  if (!descriptor.videoEventId) {
+    return null;
+  }
+
+  return descriptor;
+}
+
+function applyFilterOptions(filter, options = {}) {
+  if (!filter || typeof filter !== "object") {
+    return filter;
+  }
+
+  const result = { ...filter };
+
+  if (
+    typeof options.limit === "number" &&
+    Number.isFinite(options.limit) &&
+    options.limit > 0
+  ) {
+    result.limit = Math.floor(options.limit);
+  }
+
+  if (typeof options.since === "number" && Number.isFinite(options.since)) {
+    result.since = Math.floor(options.since);
+  }
+
+  if (typeof options.until === "number" && Number.isFinite(options.until)) {
+    result.until = Math.floor(options.until);
+  }
+
+  return result;
+}
+
+function createVideoCommentFilters(targetInput, options = {}) {
+  const descriptor = normalizeCommentTarget(targetInput, options);
+  if (!descriptor) {
+    throw new Error("Invalid video comment target supplied.");
+  }
+
+  const filters = [];
+
+  const eventFilter = {
+    kinds: getAllowedCommentKinds(),
+    "#E": [descriptor.videoEventId],
+  };
+  filters.push(applyFilterOptions(eventFilter, options));
+
+  const uppercaseFilter = { kinds: getAllowedCommentKinds() };
+  let hasUppercasePointer = false;
+
+  if (typeof descriptor.rootIdentifier === "string" && descriptor.rootIdentifier) {
+    uppercaseFilter["#I"] = [descriptor.rootIdentifier];
+    hasUppercasePointer = true;
+
+  } else if (
+    typeof descriptor.videoDefinitionAddress === "string" &&
+    descriptor.videoDefinitionAddress
+  ) {
+    uppercaseFilter["#A"] = [descriptor.videoDefinitionAddress];
+    hasUppercasePointer = true;
+  } else if (
+    typeof descriptor.videoEventId === "string" &&
+    descriptor.videoEventId
+  ) {
+    uppercaseFilter["#E"] = [descriptor.videoEventId];
+    hasUppercasePointer = true;
+  }
+
+  const normalizedRootKind = normalizeDescriptorString(
+    descriptor.rootKind || descriptor.videoKind,
+  );
+  if (normalizedRootKind) {
+    uppercaseFilter["#K"] = [normalizedRootKind];
+  }
+
+  const normalizedRootAuthor = normalizeDescriptorString(
+    descriptor.rootAuthorPubkey || descriptor.videoAuthorPubkey,
+  );
+  if (normalizedRootAuthor) {
+    uppercaseFilter["#P"] = [normalizedRootAuthor];
+  }
+
+  if (hasUppercasePointer) {
+    filters.push(applyFilterOptions(uppercaseFilter, options));
+  }
+
+  if (
+    descriptor.parentCommentId &&
+    descriptor.parentCommentId !== descriptor.videoEventId
+  ) {
+    const parentUppercaseFilter = {
+      kinds: getAllowedCommentKinds(),
+      "#E": [descriptor.parentCommentId],
+    };
+    filters.push(applyFilterOptions(parentUppercaseFilter, options));
+  }
+
+  if (descriptor.videoDefinitionAddress) {
+    const definitionUppercaseFilter = {
+      kinds: getAllowedCommentKinds(),
+      "#A": [descriptor.videoDefinitionAddress],
+    };
+
+    if (descriptor.parentCommentId) {
+      definitionUppercaseFilter["#E"] = [descriptor.parentCommentId];
+    }
+
+    filters.push(applyFilterOptions(definitionUppercaseFilter, options));
+  }
+
+  return { descriptor, filters };
+}
+
+function flattenListResults(input) {
+  if (!Array.isArray(input)) {
+    return [];
+  }
+
+  const flat = [];
+  for (const chunk of input) {
+    if (Array.isArray(chunk)) {
+      for (const item of chunk) {
+        if (item && typeof item === "object") {
+          flat.push(item);
+        }
+      }
+    } else if (chunk && typeof chunk === "object") {
+      flat.push(chunk);
+    }
+  }
+  return flat;
+}
+
+function isVideoCommentEvent(event, descriptor) {
+  if (!event || typeof event !== "object") {
+    return false;
+  }
+
+  if (!getAllowedCommentKinds().includes(Number(event.kind))) {
+    return false;
+  }
+
+  const targetDescriptor =
+    descriptor && typeof descriptor === "object" ? descriptor : {};
+
+  const tags = Array.isArray(event.tags) ? event.tags : [];
+  const normalizedRootIdentifier = normalizeTagValue(
+    targetDescriptor.rootIdentifier,
+  );
+  const normalizedVideoDefinitionAddress = normalizeTagValue(
+    targetDescriptor.videoDefinitionAddress,
+  );
+  const normalizedVideoEventId = normalizeTagValue(
+    targetDescriptor.videoEventId,
+  );
+  const normalizedParentCommentId = normalizeTagValue(
+    targetDescriptor.parentCommentId,
+  );
+
+  const requiresRootIdentifierMatch = Boolean(normalizedRootIdentifier);
+  const requiresAddressMatch =
+    !requiresRootIdentifierMatch && Boolean(normalizedVideoDefinitionAddress);
+  const requiresEventMatch =
+    !requiresRootIdentifierMatch &&
+    !requiresAddressMatch &&
+    Boolean(normalizedVideoEventId);
+  const requiresParentTag = Boolean(normalizedParentCommentId);
+
+  let hasIdentifierTag = !requiresRootIdentifierMatch;
+  let hasDefinitionTag = !requiresAddressMatch;
+  let hasEventTag = !requiresEventMatch;
+  let hasParentTag = false;
+
+  let matchedDefinitionPointer = false;
+  let matchedEventPointer = false;
+
+  const expectedRootKind = normalizeDescriptorString(
+    targetDescriptor.rootKind || targetDescriptor.videoKind,
+  );
+
+  const expectedRootAuthor = normalizeDescriptorString(
+    targetDescriptor.rootAuthorPubkey || targetDescriptor.videoAuthorPubkey,
+  );
+
+  const expectedParentKind = normalizeDescriptorString(targetDescriptor.parentKind);
+
+  const expectedParentAuthor = normalizeDescriptorString(
+    targetDescriptor.parentAuthorPubkey,
+  );
+
+  const kindTagValues = [];
+  const authorTagValues = [];
+
+  for (const tag of tags) {
+    if (!Array.isArray(tag) || tag.length < 2) {
+      continue;
+    }
+    const [rawName, rawValue] = tag;
+    const trimmedName = typeof rawName === "string" ? rawName.trim() : "";
+    const upperName = trimmedName.toUpperCase();
+    const normalizedValue = normalizeTagValue(rawValue);
+    if (!upperName || !normalizedValue) {
+      continue;
+    }
+
+    if (upperName === "I") {
+      if (
+        normalizedRootIdentifier &&
+        normalizedValue === normalizedRootIdentifier
+      ) {
+        hasIdentifierTag = true;
+      }
+    } else if (upperName === "A") {
+      if (
+        normalizedVideoDefinitionAddress &&
+        normalizedValue === normalizedVideoDefinitionAddress
+      ) {
+        hasDefinitionTag = true;
+        matchedDefinitionPointer = true;
+      }
+    } else if (upperName === "E") {
+      if (
+        normalizedVideoEventId &&
+        normalizedValue === normalizedVideoEventId
+      ) {
+        hasEventTag = true;
+        matchedEventPointer = true;
+      }
+      if (
+        normalizedParentCommentId &&
+        normalizedValue === normalizedParentCommentId
+      ) {
+        hasParentTag = true;
+      }
+    } else if (upperName === "K") {
+      kindTagValues.push(normalizedValue);
+    } else if (upperName === "P") {
+      authorTagValues.push(normalizedValue);
+    }
+  }
+
+  const sawRootKindTag = kindTagValues.length > 0 && Boolean(expectedRootKind);
+  const sawRootAuthorTag = authorTagValues.length > 0 && Boolean(expectedRootAuthor);
+  const sawParentKindTag = kindTagValues.length > 0 && Boolean(expectedParentKind);
+  const sawParentAuthorTag =
+    authorTagValues.length > 0 && Boolean(expectedParentAuthor);
+
+  const rootKindMatches =
+    !expectedRootKind || kindTagValues.includes(expectedRootKind);
+  const rootAuthorMatches =
+    !expectedRootAuthor || authorTagValues.includes(expectedRootAuthor);
+  const parentKindMatches =
+    !expectedParentKind || kindTagValues.includes(expectedParentKind);
+  const parentAuthorMatches =
+    !expectedParentAuthor || authorTagValues.includes(expectedParentAuthor);
+
+  if (!hasDefinitionTag && requiresAddressMatch && matchedEventPointer) {
+    hasDefinitionTag = true;
+  }
+
+  if (!hasIdentifierTag && requiresRootIdentifierMatch) {
+    if (matchedDefinitionPointer || matchedEventPointer) {
+      devLogger.debug(
+        "[nostr] Comment accepted without explicit identifier tag due to pointer match",
+        {
+          eventId: event?.id,
+          matchedDefinitionPointer,
+          matchedEventPointer,
+        },
+      );
+      hasIdentifierTag = true;
+    }
+  }
+
+  if (!hasIdentifierTag || !hasDefinitionTag || !hasEventTag) {
+    if (matchedEventPointer && (!requiresParentTag || hasParentTag)) {
+      devLogger.debug(
+        "[nostr] Comment accepted via legacy pointer fallback",
+        {
+          eventId: event?.id,
+          hasIdentifierTag,
+          hasDefinitionTag,
+          hasEventTag,
+          requiresParentTag,
+          hasParentTag,
+        },
+      );
+      hasIdentifierTag = true;
+      hasDefinitionTag = true;
+      hasEventTag = true;
+    } else {
+      return false;
+    }
+  }
+
+  if (requiresParentTag && !hasParentTag) {
+    return false;
+  }
+
+  if (sawRootKindTag && expectedRootKind && !rootKindMatches) {
+    return false;
+  }
+
+  if (sawRootAuthorTag && expectedRootAuthor && !rootAuthorMatches) {
+    return false;
+  }
+
+  if (sawParentKindTag && expectedParentKind && !parentKindMatches) {
+    return false;
+  }
+
+  if (sawParentAuthorTag && expectedParentAuthor && !parentAuthorMatches) {
+    return false;
+  }
+
+  return true;
+}
+
+export async function publishComment(
+  client,
+  targetInput,
+  options = {},
+  {
+    shouldRequestExtensionPermissions,
+    DEFAULT_NIP07_PERMISSION_METHODS,
+    resolveActiveSigner,
+  } = {},
+) {
+  if (!client?.pool) {
+    return { ok: false, error: "nostr-uninitialized" };
+  }
+
+  if (isSessionActor(client)) {
+    const error = new Error(
+      "Publishing comments is not allowed for session actors."
+    );
+    error.code = "session-actor-publish-blocked";
+    return { ok: false, error: "session-actor-publish-blocked", details: error };
+  }
+
+  const descriptor = normalizeCommentTarget(targetInput, options);
+  if (!descriptor) {
+    return { ok: false, error: "invalid-target" };
+  }
+
+  const actorPubkey =
+    typeof client?.pubkey === "string" && client.pubkey.trim()
+      ? client.pubkey.trim()
+      : "";
+  if (!actorPubkey) {
+    return { ok: false, error: "auth-required" };
+  }
+
+  const createdAt =
+    typeof options.created_at === "number" && options.created_at > 0
+      ? Math.floor(options.created_at)
+      : Math.floor(Date.now() / 1000);
+
+  const additionalTags = sanitizeAdditionalTags(options.additionalTags);
+
+  let content = "";
+  if (typeof options.content === "string") {
+    content = options.content;
+  } else if (
+    options.content &&
+    typeof options.content === "object" &&
+    !Array.isArray(options.content)
+  ) {
+    try {
+      content = JSON.stringify(options.content);
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to serialize comment content:", error);
+      content = "";
+    }
+  } else if (options.content !== undefined && options.content !== null) {
+    content = String(options.content);
+  }
+
+  const event = buildCommentEvent({
+    pubkey: actorPubkey,
+    created_at: createdAt,
+    videoEventId: descriptor.videoEventId,
+    videoEventRelay: descriptor.videoEventRelay,
+    videoDefinitionAddress: descriptor.videoDefinitionAddress,
+    videoDefinitionRelay: descriptor.videoDefinitionRelay,
+    rootIdentifier: descriptor.rootIdentifier,
+    rootIdentifierRelay: descriptor.rootIdentifierRelay,
+    parentCommentId: descriptor.parentCommentId,
+    parentCommentRelay: descriptor.parentCommentRelay,
+    threadParticipantPubkey: descriptor.threadParticipantPubkey,
+    threadParticipantRelay: descriptor.threadParticipantRelay,
+    rootKind: descriptor.rootKind,
+    rootAuthorPubkey: descriptor.rootAuthorPubkey,
+    rootAuthorRelay: descriptor.rootAuthorRelay,
+    parentKind: descriptor.parentKind,
+    parentAuthorPubkey: descriptor.parentAuthorPubkey,
+    parentAuthorRelay: descriptor.parentAuthorRelay,
+    parentIdentifier: descriptor.parentIdentifier,
+    parentIdentifierRelay: descriptor.parentIdentifierRelay,
+    additionalTags,
+    content,
+  });
+
+  let signedEvent = null;
+
+  const signer = resolveActiveSigner
+    ? resolveActiveSigner()
+    : getActiveSigner();
+
+  if (!signer || typeof signer.signEvent !== "function") {
+    const error = new Error(
+      "Login required: an active signer is needed to publish comments."
+    );
+    error.code = "auth-required";
+    return {
+      ok: false,
+      error: "auth-required",
+      message: error.message,
+      details: error,
+    };
+  }
+
+  let permissionResult = { ok: true };
+  const shouldRequestPermissions =
+    typeof shouldRequestExtensionPermissions === "function"
+      ? shouldRequestExtensionPermissions(signer)
+      : false;
+
+  if (shouldRequestPermissions) {
+    permissionResult = await client.ensureExtensionPermissions(
+      DEFAULT_NIP07_PERMISSION_METHODS,
+    );
+  }
+
+  if (!permissionResult.ok) {
+    userLogger.warn(
+      "[nostr] Active signer permissions missing; comment publish requires login.",
+      permissionResult.error,
+    );
+    return {
+      ok: false,
+      error: "auth-required",
+      details: permissionResult,
+    };
+  }
+
+  try {
+    signedEvent = await queueSignEvent(signer, event, {
+      timeoutMs: options?.timeoutMs,
+    });
+  } catch (error) {
+    userLogger.warn(
+      "[nostr] Failed to sign comment event with active signer:",
+      error,
+    );
+    return { ok: false, error: "signing-failed", details: error };
+  }
+
+  const relayList = sanitizeRelayList(options.relays, client.relays);
+
+  const publishResults = await Promise.all(
+    relayList.map((url) => publishEventToRelay(client.pool, url, signedEvent)),
+  );
+
+  const acceptedRelays = publishResults
+    .filter((result) => result.success)
+    .map((result) => result.url)
+    .filter((url) => typeof url === "string" && url);
+
+  const success = acceptedRelays.length > 0;
+
+  if (success) {
+    devLogger.info(
+      `[nostr] Comment event accepted by ${acceptedRelays.length} relay(s):`,
+      acceptedRelays.join(", "),
+    );
+  } else {
+    userLogger.warn("[nostr] Comment event rejected by relays:", publishResults);
+  }
+
+  return {
+    ok: success,
+    event: signedEvent,
+    results: publishResults,
+    acceptedRelays,
+  };
+}
+
+export async function listVideoComments(client, targetInput, options = {}) {
+  let pool = client?.pool;
+  const ensurePool =
+    typeof client?.ensurePool === "function"
+      ? client.ensurePool.bind(client)
+      : null;
+
+  if (!pool || typeof pool.list !== "function") {
+    if (ensurePool) {
+      try {
+        pool = await ensurePool();
+      } catch (error) {
+        devLogger.warn(
+          "[nostr] Unable to list video comments: pool init failed.",
+          error,
+        );
+        return [];
+      }
+    }
+  }
+
+  if (!pool || typeof pool.list !== "function") {
+    devLogger.warn("[nostr] Unable to list video comments: pool missing.");
+    return [];
+  }
+
+  let descriptor;
+  let filterTemplate;
+  try {
+    // createVideoCommentFilters returns { descriptor, filters: [...] }
+    const result = createVideoCommentFilters(targetInput, options);
+    descriptor = result.descriptor;
+    // We assume the first filter is the primary one we want to augment with 'since'
+    // or use in per-relay logic. For now, we use the full array.
+    filterTemplate = result.filters;
+  } catch (error) {
+    devLogger.warn("[nostr] Failed to build comment filters:", error);
+    return [];
+  }
+
+  const cacheKey = descriptor.videoEventId;
+  const cached = commentCache.get(cacheKey);
+  const ttl = CACHE_POLICY.ttl;
+  const now = Date.now();
+  const forceRefresh = options?.forceRefresh === true;
+
+  if (cached && !forceRefresh && (now - cached.fetchedAt < ttl)) {
+    devLogger.debug(`[nostr] Comments cache hit for ${cacheKey}`);
+    return cached.items.filter((event) =>
+      isVideoCommentEvent(event, descriptor),
+    );
+  }
+
+  if (cached) {
+    devLogger.debug(`[nostr] Comments cache stale for ${cacheKey}, refreshing...`);
+  } else {
+    devLogger.debug(`[nostr] Comments cache miss for ${cacheKey}`);
+  }
+
+  const relayList = sanitizeRelayList(options.relays, client.relays);
+  const lastSeens = cached?.lastSeenPerRelay || {};
+  const mergedLastSeens = { ...lastSeens };
+
+  const rawResults = [];
+
+  // Parallel fetch from relays with incremental logic
+  await Promise.all(
+    relayList.map(async (url) => {
+      if (!url) return;
+      const lastSeen = lastSeens[url] || 0;
+      // Deep clone filters to apply 'since' safely per relay
+      const relayFilters = filterTemplate.map(f => {
+        const copy = { ...f };
+        if (lastSeen > 0) {
+          copy.since = lastSeen + 1;
+        }
+        return copy;
+      });
+
+      try {
+        const events = await pool.list([url], relayFilters);
+        let maxCreated = lastSeen;
+        if (Array.isArray(events)) {
+          for (const ev of events) {
+            rawResults.push(ev);
+            if (ev.created_at > maxCreated) {
+              maxCreated = ev.created_at;
+            }
+          }
+        }
+        if (maxCreated > lastSeen) {
+          mergedLastSeens[url] = maxCreated;
+        }
+      } catch (err) {
+        devLogger.warn(`[nostr] Failed to fetch comments from ${url}:`, err);
+      }
+    })
+  );
+
+  // If we have cached items, add them to the raw list for deduplication/merging
+  const combinedRaw = cached ? [...cached.items, ...rawResults] : rawResults;
+  const flattened = flattenListResults(combinedRaw);
+  const dedupe = new Map();
+  const order = [];
+
+  for (const event of flattened) {
+    if (!isVideoCommentEvent(event, descriptor)) {
+      continue;
+    }
+
+    const eventId = typeof event.id === "string" ? event.id : null;
+    if (!eventId) {
+      order.push({ type: "raw", event });
+      continue;
+    }
+
+    const existing = dedupe.get(eventId);
+    if (!existing) {
+      dedupe.set(eventId, event);
+      order.push({ type: "id", key: eventId });
+      continue;
+    }
+
+    const existingCreated = Number.isFinite(existing?.created_at)
+      ? existing.created_at
+      : 0;
+    const incomingCreated = Number.isFinite(event.created_at)
+      ? event.created_at
+      : 0;
+    if (incomingCreated > existingCreated) {
+      dedupe.set(eventId, event);
+    }
+  }
+
+  const finalItems = order
+    .map((entry) => {
+      if (!entry) {
+        return null;
+      }
+      if (entry.type === "raw") {
+        return entry.event || null;
+      }
+      if (entry.type === "id") {
+        return dedupe.get(entry.key) || null;
+      }
+      return null;
+    })
+    .filter(Boolean);
+
+  // Update cache
+  if (cacheKey) {
+    commentCache.set(cacheKey, {
+      items: finalItems,
+      lastSeenPerRelay: mergedLastSeens,
+      fetchedAt: Date.now()
+    });
+  }
+
+  return finalItems;
+}
+
+export function subscribeVideoComments(client, targetInput, options = {}) {
+  const ensurePool =
+    typeof client?.ensurePool === "function"
+      ? client.ensurePool.bind(client)
+      : null;
+
+  let descriptor;
+  let filters;
+  try {
+    ({ descriptor, filters } = createVideoCommentFilters(targetInput, options));
+  } catch (error) {
+    devLogger.warn("[nostr] Failed to build comment subscription filters:", error);
+    return () => {};
+  }
+
+  const relayList = sanitizeRelayList(options.relays, client.relays);
+  const onEvent = typeof options.onEvent === "function" ? options.onEvent : null;
+
+  let activeSubscription = null;
+  let unsubscribed = false;
+
+  const ensureSubscription = async () => {
+    let pool = client?.pool;
+    if (!pool || typeof pool.sub !== "function") {
+      if (!ensurePool) {
+        devLogger.warn(
+          "[nostr] Unable to subscribe to video comments: pool missing.",
+        );
+        return null;
+      }
+      try {
+        pool = await ensurePool();
+      } catch (error) {
+        devLogger.warn(
+          "[nostr] Unable to subscribe to video comments: pool init failed.",
+          error,
+        );
+        return null;
+      }
+    }
+
+    if (!pool || typeof pool.sub !== "function") {
+      devLogger.warn(
+        "[nostr] Unable to subscribe to video comments: pool missing.",
+      );
+      return null;
+    }
+
+    try {
+      const subscription = pool.sub(relayList, filters);
+      if (unsubscribed) {
+        try {
+          subscription?.unsub?.();
+        } catch (error) {
+          devLogger.warn(
+            "[nostr] Failed to unsubscribe from video comments:",
+            error,
+          );
+        }
+        return null;
+      }
+
+      if (onEvent && subscription && typeof subscription.on === "function") {
+        try {
+          subscription.on("event", (event) => {
+            if (isVideoCommentEvent(event, descriptor)) {
+              try {
+                onEvent(event);
+              } catch (handlerError) {
+                devLogger.warn(
+                  "[nostr] Comment subscription handler threw:",
+                  handlerError,
+                );
+              }
+            }
+          });
+        } catch (error) {
+          devLogger.warn(
+            "[nostr] Failed to attach comment subscription handler:",
+            error,
+          );
+        }
+      }
+
+      return subscription;
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to open video comment subscription:", error);
+      return null;
+    }
+  };
+
+  const subscriptionPromise = ensureSubscription().then((subscription) => {
+    activeSubscription = subscription;
+    return subscription;
+  });
+
+  return () => {
+    if (unsubscribed) {
+      return;
+    }
+    unsubscribed = true;
+
+    const teardown = (subscription) => {
+      if (subscription && typeof subscription.unsub === "function") {
+        try {
+          subscription.unsub();
+        } catch (error) {
+          devLogger.warn(
+            "[nostr] Failed to unsubscribe from video comments:",
+            error,
+          );
+        }
+      }
+    };
+
+    if (activeSubscription) {
+      teardown(activeSubscription);
+    } else {
+      subscriptionPromise.finally(() => {
+        teardown(activeSubscription);
+      });
+    }
+  };
+}
+
+export const __testExports = {
+  normalizeCommentTarget,
+  createVideoCommentFilters,
+  isVideoCommentEvent,
+  commentCache,
+};
diff --git a/dist/js/nostr/countDiagnostics.js b/dist/js/nostr/countDiagnostics.js
new file mode 100644
index 00000000..0bd7bd74
--- /dev/null
+++ b/dist/js/nostr/countDiagnostics.js
@@ -0,0 +1,68 @@
+// js/nostr/countDiagnostics.js
+// Centralized helpers for gating high-volume COUNT diagnostics (and other
+// verbose nostr warnings) behind verbose dev mode while deduplicating repeated
+// messages so the console stays readable during normal development sessions.
+
+import { devLogger } from "../utils/logger.js";
+import { isVerboseDevMode } from "../config.js";
+
+const seenWarningKeys = new Set();
+
+export function isVerboseDiagnosticsEnabled() {
+  if (typeof window !== "undefined" && window) {
+    const runtimeFlag = window.__BITVID_VERBOSE_DEV_MODE__;
+    if (typeof runtimeFlag === "boolean") {
+      return runtimeFlag;
+    }
+  }
+  return Boolean(isVerboseDevMode);
+}
+
+function logCountWarning(message, args = [], { key, throttle = true } = {}) {
+  if (!isVerboseDiagnosticsEnabled()) {
+    return;
+  }
+
+  if (throttle && key) {
+    const normalizedKey = String(key);
+    if (seenWarningKeys.has(normalizedKey)) {
+      return;
+    }
+    seenWarningKeys.add(normalizedKey);
+  }
+
+  devLogger.warn(message, ...args);
+}
+
+export function logCountTimeoutCleanupFailure(error) {
+  logCountWarning("[nostr] COUNT timeout cleanup failed:", [error], {
+    key: "count-timeout-cleanup",
+  });
+}
+
+export function logRelayCountFailure(url, error) {
+  const normalizedUrl =
+    typeof url === "string" && url.trim() ? url.trim() : "(unknown relay)";
+
+  const errorMessage = error && typeof error.message === "string" ? error.message : String(error);
+  if (errorMessage.includes("Failed to connect to relay")) {
+    // Suppress connection failures from warning logs to reduce noise
+    return;
+  }
+
+  logCountWarning(`[nostr] COUNT request failed on ${normalizedUrl}:`, [error], {
+    key: `relay:${normalizedUrl}`,
+  });
+}
+
+export function logRebroadcastCountFailure(error) {
+  logCountWarning("[nostr] COUNT request for rebroadcast failed:", [error], {
+    key: "rebroadcast-count-failure",
+  });
+}
+
+export function logViewCountFailure(error) {
+  logCountWarning("[nostr] COUNT view request failed:", [error], {
+    key: "view-count-failure",
+  });
+}
diff --git a/dist/js/nostr/defaultClient.js b/dist/js/nostr/defaultClient.js
new file mode 100644
index 00000000..dd7cf776
--- /dev/null
+++ b/dist/js/nostr/defaultClient.js
@@ -0,0 +1,33 @@
+// js/nostr/defaultClient.js
+
+import { NostrClient } from "./client.js";
+import {
+  DEFAULT_NIP07_CORE_METHODS,
+  DEFAULT_NIP07_ENCRYPTION_METHODS,
+  DEFAULT_NIP07_PERMISSION_METHODS,
+} from "./nip07Permissions.js";
+import {
+  registerNostrClient,
+  requestDefaultExtensionPermissions as requestRegisteredPermissions,
+} from "../nostrClientRegistry.js";
+
+export const nostrClient = new NostrClient();
+
+registerNostrClient(nostrClient, {
+  requestPermissions: (
+    methods = DEFAULT_NIP07_PERMISSION_METHODS,
+  ) => nostrClient.ensureExtensionPermissions(methods),
+});
+
+export function requestDefaultExtensionPermissions(
+  methods = DEFAULT_NIP07_PERMISSION_METHODS,
+) {
+  return requestRegisteredPermissions(methods);
+}
+
+export {
+  NostrClient,
+  DEFAULT_NIP07_CORE_METHODS,
+  DEFAULT_NIP07_ENCRYPTION_METHODS,
+  DEFAULT_NIP07_PERMISSION_METHODS,
+};
diff --git a/dist/js/nostr/dmDecryptDiagnostics.js b/dist/js/nostr/dmDecryptDiagnostics.js
new file mode 100644
index 00000000..c6e5fb51
--- /dev/null
+++ b/dist/js/nostr/dmDecryptDiagnostics.js
@@ -0,0 +1,42 @@
+export function summarizeDmEventForLog(event) {
+  if (!event || typeof event !== "object") {
+    return {
+      kind: null,
+      createdAt: null,
+      hasContent: false,
+      contentLength: 0,
+      tagCount: 0,
+    };
+  }
+
+  const createdAt = Number.isFinite(event.created_at)
+    ? Math.floor(event.created_at)
+    : null;
+
+  return {
+    kind: Number.isFinite(event.kind) ? event.kind : null,
+    createdAt,
+    hasContent: typeof event.content === "string" && event.content.length > 0,
+    contentLength: typeof event.content === "string" ? event.content.length : 0,
+    tagCount: Array.isArray(event.tags) ? event.tags.length : 0,
+  };
+}
+
+export function sanitizeDecryptError(error) {
+  if (!error) {
+    return null;
+  }
+
+  const message =
+    typeof error.message === "string"
+      ? error.message
+      : typeof error === "string"
+      ? error
+      : "";
+
+  return {
+    name: typeof error.name === "string" ? error.name : "",
+    code: typeof error.code === "string" ? error.code : "",
+    message,
+  };
+}
diff --git a/dist/js/nostr/dmDecryptWorker.js b/dist/js/nostr/dmDecryptWorker.js
new file mode 100644
index 00000000..73603d93
--- /dev/null
+++ b/dist/js/nostr/dmDecryptWorker.js
@@ -0,0 +1,265 @@
+import { ensureNostrTools, getCachedNostrTools } from "./toolkit.js";
+import { devLogger } from "../utils/logger.js";
+
+const workerScope = typeof self !== "undefined" ? self : null;
+const HEX64_REGEX = /^[0-9a-f]{64}$/i;
+
+const postResponse = (payload) => {
+  if (!workerScope || typeof workerScope.postMessage !== "function") {
+    return;
+  }
+  workerScope.postMessage(payload);
+};
+
+const normalizeScheme = (scheme) => {
+  if (typeof scheme !== "string") {
+    return "nip04";
+  }
+  const normalized = scheme.trim().toLowerCase();
+  if (!normalized) {
+    return "nip04";
+  }
+  if (normalized === "nip44-v2") {
+    return "nip44_v2";
+  }
+  if (normalized === "nip-44") {
+    return "nip44";
+  }
+  if (normalized === "nip-04") {
+    return "nip04";
+  }
+  return normalized;
+};
+
+const normalizePayload = (payload) => {
+  if (!payload || typeof payload !== "object") {
+    return null;
+  }
+
+  const id =
+    typeof payload.id === "string" || typeof payload.id === "number"
+      ? payload.id
+      : null;
+  const scheme = normalizeScheme(payload.scheme);
+  const privateKey =
+    typeof payload.privateKey === "string" ? payload.privateKey.trim() : "";
+  const targetPubkey =
+    typeof payload.targetPubkey === "string" ? payload.targetPubkey.trim() : "";
+  const ciphertext =
+    typeof payload.ciphertext === "string" ? payload.ciphertext : "";
+  const event =
+    payload.event && typeof payload.event === "object" ? payload.event : null;
+
+  if (!id || !privateKey || !targetPubkey || !ciphertext) {
+    return null;
+  }
+
+  return {
+    id,
+    scheme,
+    privateKey,
+    targetPubkey,
+    ciphertext,
+    event,
+  };
+};
+
+const normalizeEventForVerification = (event) => {
+  if (!event || typeof event !== "object") {
+    return null;
+  }
+
+  const pubkey = typeof event.pubkey === "string" ? event.pubkey.trim() : "";
+  const sig = typeof event.sig === "string" ? event.sig.trim() : "";
+  const id = typeof event.id === "string" ? event.id.trim() : "";
+
+  if (!pubkey || !sig || !id) {
+    return null;
+  }
+
+  return {
+    id,
+    pubkey,
+    sig,
+    kind: Number.isFinite(event.kind) ? event.kind : 0,
+    created_at: Number.isFinite(event.created_at)
+      ? event.created_at
+      : Math.floor(Date.now() / 1000),
+    tags: Array.isArray(event.tags) ? event.tags : [],
+    content: typeof event.content === "string" ? event.content : "",
+  };
+};
+
+const resolveHexToBytes = (tools) => {
+  if (typeof tools?.utils?.hexToBytes === "function") {
+    return (value) => tools.utils.hexToBytes(value);
+  }
+
+  return (value) => {
+    if (typeof value !== "string") {
+      throw new Error("Invalid hex input.");
+    }
+    const trimmed = value.trim();
+    if (!trimmed || trimmed.length % 2 !== 0) {
+      throw new Error("Invalid hex input.");
+    }
+
+    const bytes = new Uint8Array(trimmed.length / 2);
+    for (let index = 0; index < trimmed.length; index += 2) {
+      const byte = Number.parseInt(trimmed.slice(index, index + 2), 16);
+      if (Number.isNaN(byte)) {
+        throw new Error("Invalid hex input.");
+      }
+      bytes[index / 2] = byte;
+    }
+    return bytes;
+  };
+};
+
+const ensureNip04 = async () => {
+  const tools = (await ensureNostrTools()) || getCachedNostrTools();
+  const nip04 = tools?.nip04;
+  if (!nip04 || typeof nip04.decrypt !== "function") {
+    throw new Error("nip04-unavailable");
+  }
+  return nip04;
+};
+
+const ensureNip44 = async () => {
+  const tools = (await ensureNostrTools()) || getCachedNostrTools();
+  if (!tools) {
+    throw new Error("nip44-unavailable");
+  }
+
+  const nip44 = tools.nip44 || null;
+  let decrypt = null;
+  let getConversationKey = null;
+
+  if (nip44?.v2 && typeof nip44.v2 === "object") {
+    if (typeof nip44.v2.decrypt === "function") {
+      decrypt = nip44.v2.decrypt;
+    }
+    if (typeof nip44.v2?.utils?.getConversationKey === "function") {
+      getConversationKey = nip44.v2.utils.getConversationKey;
+    }
+  }
+
+  if ((!decrypt || !getConversationKey) && nip44 && typeof nip44 === "object") {
+    if (typeof nip44.decrypt === "function") {
+      decrypt = nip44.decrypt;
+    }
+    if (typeof nip44.getConversationKey === "function") {
+      getConversationKey = nip44.getConversationKey;
+    } else if (typeof nip44.utils?.getConversationKey === "function") {
+      getConversationKey = nip44.utils.getConversationKey;
+    }
+  }
+
+  if (!decrypt || !getConversationKey) {
+    throw new Error("nip44-unavailable");
+  }
+
+  return {
+    decrypt,
+    getConversationKey,
+    hexToBytes: resolveHexToBytes(tools),
+  };
+};
+
+const verifyEventSignature = async (event, tools = null) => {
+  const candidate = normalizeEventForVerification(event);
+  if (!candidate) {
+    throw new Error("missing-event-signature");
+  }
+
+  const resolvedTools = tools || (await ensureNostrTools()) || getCachedNostrTools();
+  if (!resolvedTools || typeof resolvedTools !== "object") {
+    throw new Error("signature-verification-unavailable");
+  }
+
+  if (
+    typeof resolvedTools.validateEvent !== "function" ||
+    typeof resolvedTools.verifyEvent !== "function"
+  ) {
+    throw new Error("signature-verification-unavailable");
+  }
+
+  if (!resolvedTools.validateEvent(candidate) || !resolvedTools.verifyEvent(candidate)) {
+    throw new Error("invalid-event-signature");
+  }
+
+  return true;
+};
+
+const handleMessage = async (event) => {
+  const payload = normalizePayload(event?.data);
+  if (!payload) {
+    postResponse({
+      id: event?.data?.id ?? null,
+      ok: false,
+      error: { message: "invalid-payload" },
+    });
+    return;
+  }
+
+  if (!HEX64_REGEX.test(payload.privateKey)) {
+    postResponse({
+      id: payload.id,
+      ok: false,
+      error: { message: "invalid-private-key" },
+    });
+    return;
+  }
+
+  try {
+    if (payload.scheme === "nip44" || payload.scheme === "nip44_v2") {
+      await verifyEventSignature(payload.event);
+      const nip44 = await ensureNip44();
+      const privateKeyBytes = nip44.hexToBytes(payload.privateKey);
+      const conversationKey = nip44.getConversationKey(
+        privateKeyBytes,
+        payload.targetPubkey,
+      );
+      const plaintext = await nip44.decrypt(
+        payload.ciphertext,
+        conversationKey,
+      );
+
+      postResponse({
+        id: payload.id,
+        ok: true,
+        plaintext,
+      });
+      return;
+    }
+
+    const nip04 = await ensureNip04();
+    const plaintext = await nip04.decrypt(
+      payload.privateKey,
+      payload.targetPubkey,
+      payload.ciphertext,
+    );
+
+    postResponse({
+      id: payload.id,
+      ok: true,
+      plaintext,
+    });
+  } catch (error) {
+    devLogger.warn("[dmDecryptWorker] Decryption failed", error);
+    postResponse({
+      id: payload.id,
+      ok: false,
+      error: {
+        message: error?.message || "dm-worker-failed",
+        name: error?.name || "Error",
+      },
+    });
+  }
+};
+
+if (workerScope?.addEventListener) {
+  workerScope.addEventListener("message", (event) => {
+    void handleMessage(event);
+  });
+}
diff --git a/dist/js/nostr/dmDecryptWorkerClient.js b/dist/js/nostr/dmDecryptWorkerClient.js
new file mode 100644
index 00000000..30b4b2a0
--- /dev/null
+++ b/dist/js/nostr/dmDecryptWorkerClient.js
@@ -0,0 +1,127 @@
+import { devLogger } from "../utils/logger.js";
+
+const DEFAULT_TIMEOUT_MS = 12000;
+
+let workerInstance = null;
+let workerReady = false;
+let requestId = 0;
+const pending = new Map();
+
+function attachWorkerListeners(worker) {
+  if (!worker || workerReady) {
+    return;
+  }
+
+  worker.addEventListener("message", (event) => {
+    const data = event?.data || {};
+    const id = data.id;
+    if (!pending.has(id)) {
+      return;
+    }
+
+    const entry = pending.get(id);
+    pending.delete(id);
+    clearTimeout(entry.timeoutId);
+
+    if (data.ok && typeof data.plaintext === "string") {
+      entry.resolve(data.plaintext);
+      return;
+    }
+
+    const message = data?.error?.message || "dm-worker-error";
+    const error = new Error(message);
+    error.name = data?.error?.name || "Error";
+    entry.reject(error);
+  });
+
+  worker.addEventListener("error", (error) => {
+    devLogger.warn("[dmDecryptWorkerClient] Worker error", error);
+    for (const entry of pending.values()) {
+      clearTimeout(entry.timeoutId);
+      entry.reject(
+        error instanceof Error ? error : new Error("dm-worker-error"),
+      );
+    }
+    pending.clear();
+  });
+
+  workerReady = true;
+}
+
+function ensureWorker() {
+  if (workerInstance) {
+    return workerInstance;
+  }
+
+  if (typeof Worker === "undefined") {
+    return null;
+  }
+
+  try {
+    workerInstance = new Worker(
+      new URL("./dmDecryptWorker.js", import.meta.url),
+      {
+        type: "module",
+      },
+    );
+    attachWorkerListeners(workerInstance);
+  } catch (error) {
+    devLogger.warn("[dmDecryptWorkerClient] Failed to create worker", error);
+    workerInstance = null;
+  }
+
+  return workerInstance;
+}
+
+export function isDmDecryptWorkerSupported() {
+  return typeof Worker !== "undefined";
+}
+
+export function getDmDecryptWorkerQueueSize() {
+  return pending.size;
+}
+
+export function decryptDmInWorker({
+  scheme = "nip04",
+  privateKey,
+  targetPubkey,
+  ciphertext,
+  event,
+  timeoutMs = DEFAULT_TIMEOUT_MS,
+} = {}) {
+  const worker = ensureWorker();
+  if (!worker) {
+    return Promise.reject(new Error("dm-worker-unavailable"));
+  }
+
+  const trimmedPrivateKey =
+    typeof privateKey === "string" ? privateKey.trim() : "";
+  const trimmedTarget =
+    typeof targetPubkey === "string" ? targetPubkey.trim() : "";
+  const payloadCiphertext = typeof ciphertext === "string" ? ciphertext : "";
+  const payloadScheme = typeof scheme === "string" ? scheme : "";
+  const payloadEvent = event && typeof event === "object" ? event : null;
+
+  if (!trimmedPrivateKey || !trimmedTarget || !payloadCiphertext) {
+    return Promise.reject(new Error("dm-worker-invalid-input"));
+  }
+
+  const id = `${Date.now()}-${requestId++}`;
+
+  return new Promise((resolve, reject) => {
+    const timeoutId = setTimeout(() => {
+      pending.delete(id);
+      reject(new Error("dm-worker-timeout"));
+    }, timeoutMs);
+
+    pending.set(id, { resolve, reject, timeoutId });
+    worker.postMessage({
+      id,
+      scheme: payloadScheme,
+      privateKey: trimmedPrivateKey,
+      targetPubkey: trimmedTarget,
+      ciphertext: payloadCiphertext,
+      event: payloadEvent,
+    });
+  });
+}
diff --git a/dist/js/nostr/dmSignalEvents.js b/dist/js/nostr/dmSignalEvents.js
new file mode 100644
index 00000000..1deca098
--- /dev/null
+++ b/dist/js/nostr/dmSignalEvents.js
@@ -0,0 +1,311 @@
+import {
+  buildDmReadReceiptEvent,
+  buildDmTypingIndicatorEvent,
+  sanitizeAdditionalTags,
+} from "../nostrEventSchemas.js";
+import { publishEventToRelay } from "../nostrPublish.js";
+import { RELAY_URLS } from "./toolkit.js";
+import { devLogger, userLogger } from "../utils/logger.js";
+import { queueSignEvent } from "./signRequestQueue.js";
+import { getActiveSigner } from "../nostrClientRegistry.js";
+import { isSessionActor } from "./sessionActor.js";
+import { sanitizeRelayList as sanitizeRelayUrls } from "./nip46Client.js";
+
+const DEFAULT_TYPING_EXPIRY_SECONDS = 15;
+
+function sanitizeRelayList(primary, fallback) {
+  const primaryList = sanitizeRelayUrls(Array.isArray(primary) ? primary : []);
+  if (primaryList.length) {
+    return primaryList;
+  }
+  const fallbackList = sanitizeRelayUrls(Array.isArray(fallback) ? fallback : []);
+  if (fallbackList.length) {
+    return fallbackList;
+  }
+  return sanitizeRelayUrls(RELAY_URLS);
+}
+
+function normalizeString(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+
+export async function publishDmReadReceipt(
+  client,
+  payload = {},
+  options = {},
+  {
+    shouldRequestExtensionPermissions,
+    DEFAULT_NIP07_PERMISSION_METHODS,
+  } = {},
+) {
+  if (!client?.pool) {
+    return { ok: false, error: "nostr-uninitialized" };
+  }
+
+  if (isSessionActor(client)) {
+    const error = new Error(
+      "Publishing read receipts is not allowed for session actors.",
+    );
+    error.code = "session-actor-publish-blocked";
+    return { ok: false, error };
+  }
+
+  const eventId = normalizeString(payload.eventId);
+  const recipientPubkey = normalizeString(payload.recipientPubkey);
+
+  if (!eventId || !recipientPubkey) {
+    return { ok: false, error: "invalid-target" };
+  }
+
+  const actorPubkey =
+    typeof client?.pubkey === "string" && client.pubkey.trim()
+      ? client.pubkey.trim()
+      : "";
+  if (!actorPubkey) {
+    return { ok: false, error: "auth-required" };
+  }
+
+  const createdAt =
+    typeof options.created_at === "number" && options.created_at > 0
+      ? Math.floor(options.created_at)
+      : Math.floor(Date.now() / 1000);
+
+  const additionalTags = sanitizeAdditionalTags(payload.additionalTags);
+
+  const event = buildDmReadReceiptEvent({
+    pubkey: actorPubkey,
+    created_at: createdAt,
+    recipientPubkey,
+    eventId,
+    messageKind: payload.messageKind,
+    additionalTags,
+  });
+
+  let signedEvent = null;
+
+  const signer = getActiveSigner();
+
+  if (!signer || typeof signer.signEvent !== "function") {
+    const error = new Error(
+      "Login required: an active signer is needed to publish read receipts.",
+    );
+    error.code = "auth-required";
+    return {
+      ok: false,
+      error: "auth-required",
+      message: error.message,
+      details: error,
+    };
+  }
+
+  let permissionResult = { ok: true };
+  const shouldRequestPermissions =
+    typeof shouldRequestExtensionPermissions === "function"
+      ? shouldRequestExtensionPermissions(signer)
+      : false;
+
+  if (shouldRequestPermissions) {
+    permissionResult = await client.ensureExtensionPermissions(
+      DEFAULT_NIP07_PERMISSION_METHODS,
+    );
+  }
+
+  if (!permissionResult.ok) {
+    userLogger.warn(
+      "[nostr] Active signer permissions missing; read receipts require login.",
+      permissionResult.error,
+    );
+    return {
+      ok: false,
+      error: "auth-required",
+      details: permissionResult,
+    };
+  }
+
+  try {
+    signedEvent = await queueSignEvent(signer, event, {
+      timeoutMs: options?.timeoutMs,
+    });
+  } catch (error) {
+    userLogger.warn(
+      "[nostr] Failed to sign read receipt event with active signer:",
+      error,
+    );
+    return { ok: false, error: "signing-failed", details: error };
+  }
+
+  const relayList = sanitizeRelayList(
+    payload.relays,
+    client.writeRelays || client.relays,
+  );
+
+  const publishResults = await Promise.all(
+    relayList.map((url) => publishEventToRelay(client.pool, url, signedEvent)),
+  );
+
+  const acceptedRelays = publishResults
+    .filter((result) => result.success)
+    .map((result) => result.url)
+    .filter((url) => typeof url === "string" && url);
+
+  const success = acceptedRelays.length > 0;
+
+  if (success) {
+    devLogger.info(
+      `[nostr] Read receipt accepted by ${acceptedRelays.length} relay(s):`,
+      acceptedRelays.join(", "),
+    );
+  } else {
+    userLogger.warn("[nostr] Read receipt rejected by relays:", publishResults);
+  }
+
+  return {
+    ok: success,
+    event: signedEvent,
+    results: publishResults,
+    acceptedRelays,
+  };
+}
+
+export async function publishDmTypingIndicator(
+  client,
+  payload = {},
+  options = {},
+  {
+    shouldRequestExtensionPermissions,
+    DEFAULT_NIP07_PERMISSION_METHODS,
+  } = {},
+) {
+  if (!client?.pool) {
+    return { ok: false, error: "nostr-uninitialized" };
+  }
+
+  if (isSessionActor(client)) {
+    const error = new Error(
+      "Publishing typing indicators is not allowed for session actors.",
+    );
+    error.code = "session-actor-publish-blocked";
+    return { ok: false, error };
+  }
+
+  const recipientPubkey = normalizeString(payload.recipientPubkey);
+  if (!recipientPubkey) {
+    return { ok: false, error: "invalid-target" };
+  }
+
+  const actorPubkey =
+    typeof client?.pubkey === "string" && client.pubkey.trim()
+      ? client.pubkey.trim()
+      : "";
+  if (!actorPubkey) {
+    return { ok: false, error: "auth-required" };
+  }
+
+  const createdAt =
+    typeof options.created_at === "number" && options.created_at > 0
+      ? Math.floor(options.created_at)
+      : Math.floor(Date.now() / 1000);
+
+  const expiresInSeconds = Number.isFinite(payload.expiresInSeconds)
+    ? Math.max(1, Math.floor(payload.expiresInSeconds))
+    : DEFAULT_TYPING_EXPIRY_SECONDS;
+  const expiresAt = createdAt + expiresInSeconds;
+
+  const additionalTags = sanitizeAdditionalTags(payload.additionalTags);
+
+  const event = buildDmTypingIndicatorEvent({
+    pubkey: actorPubkey,
+    created_at: createdAt,
+    recipientPubkey,
+    eventId: payload.conversationEventId,
+    expiresAt,
+    additionalTags,
+  });
+
+  let signedEvent = null;
+
+  const signer = getActiveSigner();
+
+  if (!signer || typeof signer.signEvent !== "function") {
+    const error = new Error(
+      "Login required: an active signer is needed to publish typing indicators.",
+    );
+    error.code = "auth-required";
+    return {
+      ok: false,
+      error: "auth-required",
+      message: error.message,
+      details: error,
+    };
+  }
+
+  let permissionResult = { ok: true };
+  const shouldRequestPermissions =
+    typeof shouldRequestExtensionPermissions === "function"
+      ? shouldRequestExtensionPermissions(signer)
+      : false;
+
+  if (shouldRequestPermissions) {
+    permissionResult = await client.ensureExtensionPermissions(
+      DEFAULT_NIP07_PERMISSION_METHODS,
+    );
+  }
+
+  if (!permissionResult.ok) {
+    userLogger.warn(
+      "[nostr] Active signer permissions missing; typing indicators require login.",
+      permissionResult.error,
+    );
+    return {
+      ok: false,
+      error: "auth-required",
+      details: permissionResult,
+    };
+  }
+
+  try {
+    signedEvent = await queueSignEvent(signer, event, {
+      timeoutMs: options?.timeoutMs,
+    });
+  } catch (error) {
+    userLogger.warn(
+      "[nostr] Failed to sign typing indicator event with active signer:",
+      error,
+    );
+    return { ok: false, error: "signing-failed", details: error };
+  }
+
+  const relayList = sanitizeRelayList(
+    payload.relays,
+    client.writeRelays || client.relays,
+  );
+
+  const publishResults = await Promise.all(
+    relayList.map((url) => publishEventToRelay(client.pool, url, signedEvent)),
+  );
+
+  const acceptedRelays = publishResults
+    .filter((result) => result.success)
+    .map((result) => result.url)
+    .filter((url) => typeof url === "string" && url);
+
+  const success = acceptedRelays.length > 0;
+
+  if (success) {
+    devLogger.debug(
+      `[nostr] Typing indicator accepted by ${acceptedRelays.length} relay(s).`,
+    );
+  } else {
+    devLogger.warn(
+      "[nostr] Typing indicator rejected by relays:",
+      publishResults,
+    );
+  }
+
+  return {
+    ok: success,
+    event: signedEvent,
+    results: publishResults,
+    acceptedRelays,
+  };
+}
diff --git a/dist/js/nostr/index.js b/dist/js/nostr/index.js
new file mode 100644
index 00000000..a2c6714d
--- /dev/null
+++ b/dist/js/nostr/index.js
@@ -0,0 +1,65 @@
+export {
+  __testExports,
+  NostrClient,
+  getActiveSigner,
+  setActiveSigner,
+  clearActiveSigner,
+  resolveActiveSigner,
+  shouldRequestExtensionPermissions,
+} from "./client.js";
+
+export {
+  DEFAULT_NIP07_ENCRYPTION_METHODS,
+  DEFAULT_NIP07_PERMISSION_METHODS,
+} from "./nip07Permissions.js";
+
+export {
+  buildNip71MetadataTags,
+  buildNip71VideoEvent,
+  collectNip71PointerRequests,
+  convertEventToVideo,
+  extractNip71MetadataFromTags,
+  getDTagValueFromTags,
+  mergeNip71MetadataIntoVideo,
+  populateNip71MetadataForVideos,
+  processNip71Events,
+  buildVideoPointerValue,
+  stringFromInput,
+} from "./nip71.js";
+
+export {
+  normalizePointerInput,
+  pointerKey,
+  buildWatchHistoryPayload,
+  normalizeActorKey,
+  parseWatchHistoryContentWithFallback,
+  isNip04EncryptedWatchHistoryEvent,
+  watchHistoryHelpers,
+} from "./watchHistory.js";
+
+export {
+  updateWatchHistoryList,
+  removeWatchHistoryItem,
+} from "./watchHistoryBindings.js";
+
+export {
+  deriveViewEventBucketIndex,
+  deriveViewEventPointerScope,
+  hasRecentViewPublish,
+  rememberViewPublish,
+  createVideoViewEventFilters,
+  getViewEventGuardWindowMs,
+  listVideoViewEvents,
+  subscribeVideoViewEvents,
+  countVideoViewEvents,
+  publishViewEvent,
+  recordVideoView,
+} from "./viewEvents.js";
+
+export { publishVideoReaction } from "./reactionEvents.js";
+export {
+  COMMENT_EVENT_KIND,
+  publishComment,
+  listVideoComments,
+  subscribeVideoComments,
+} from "./commentEvents.js";
diff --git a/dist/js/nostr/maxListenerDiagnostics.js b/dist/js/nostr/maxListenerDiagnostics.js
new file mode 100644
index 00000000..365fa34f
--- /dev/null
+++ b/dist/js/nostr/maxListenerDiagnostics.js
@@ -0,0 +1,95 @@
+// js/nostr/maxListenerDiagnostics.js
+// Suppresses noisy MaxListenersExceededWarning diagnostics unless verbose
+// dev mode is enabled by shimming `process.emitWarning`. The EventEmitter
+// polyfill used by nostr-tools surfaces listener leaks through
+// `process.emitWarning`, so we intercept that hook instead of importing the
+// Node `events` module (which breaks browser bundlers) or rewriting
+// console.warn globally.
+
+import { isVerboseDiagnosticsEnabled } from "./countDiagnostics.js";
+
+const MAX_LISTENER_SNIPPETS = [
+  "MaxListenersExceededWarning",
+  "Possible EventEmitter memory leak detected",
+];
+
+const MAX_LISTENER_CODES = new Set(["MaxListenersExceededWarning"]);
+
+function collectCandidateStrings(value) {
+  const candidates = [];
+
+  if (!value) {
+    return candidates;
+  }
+
+  if (typeof value === "string") {
+    candidates.push(value);
+    return candidates;
+  }
+
+  if (typeof value === "object") {
+    const fields = ["name", "message", "code", "type"];
+    for (const field of fields) {
+      const fieldValue = value[field];
+      if (typeof fieldValue === "string") {
+        candidates.push(fieldValue);
+      }
+    }
+  }
+
+  return candidates;
+}
+
+function shouldSuppressWarning(...args) {
+  if (isVerboseDiagnosticsEnabled()) {
+    return false;
+  }
+
+  const candidates = [];
+  for (const arg of args) {
+    candidates.push(...collectCandidateStrings(arg));
+  }
+
+  for (const candidate of candidates) {
+    if (MAX_LISTENER_CODES.has(candidate)) {
+      return true;
+    }
+    if (MAX_LISTENER_SNIPPETS.some((snippet) => candidate.includes(snippet))) {
+      return true;
+    }
+  }
+
+  return false;
+}
+
+function patchProcessEmitWarning() {
+  const processRef =
+    typeof globalThis !== "undefined" && globalThis
+      ? globalThis.process
+      : typeof process !== "undefined"
+        ? process
+        : undefined;
+
+  if (!processRef || typeof processRef.emitWarning !== "function") {
+    return;
+  }
+
+  const originalEmitWarning = processRef.emitWarning.bind(processRef);
+
+  if (processRef.emitWarning.__BITVID_MAX_LISTENER_PATCHED__) {
+    return;
+  }
+
+  function patchedEmitWarning(warning, ...rest) {
+    if (shouldSuppressWarning(warning, ...rest)) {
+      return;
+    }
+
+    return originalEmitWarning(warning, ...rest);
+  }
+
+  patchedEmitWarning.__BITVID_MAX_LISTENER_PATCHED__ = true;
+  processRef.emitWarning = patchedEmitWarning;
+}
+
+patchProcessEmitWarning();
diff --git a/dist/js/nostr/nip04Worker.js b/dist/js/nostr/nip04Worker.js
new file mode 100644
index 00000000..942d7169
--- /dev/null
+++ b/dist/js/nostr/nip04Worker.js
@@ -0,0 +1,91 @@
+import { ensureNostrTools, getCachedNostrTools } from "./toolkit.js";
+import { devLogger } from "../utils/logger.js";
+
+const workerScope = typeof self !== "undefined" ? self : null;
+
+const postResponse = (payload) => {
+  if (!workerScope || typeof workerScope.postMessage !== "function") {
+    return;
+  }
+  workerScope.postMessage(payload);
+};
+
+const ensureNip04 = async () => {
+  const tools = (await ensureNostrTools()) || getCachedNostrTools();
+  const nip04 = tools?.nip04;
+  if (!nip04 || typeof nip04.encrypt !== "function") {
+    throw new Error("nip04-unavailable");
+  }
+  return nip04;
+};
+
+const normalizePayload = (payload) => {
+  if (!payload || typeof payload !== "object") {
+    return null;
+  }
+
+  const id =
+    typeof payload.id === "string" || typeof payload.id === "number"
+      ? payload.id
+      : null;
+  const privateKey =
+    typeof payload.privateKey === "string" ? payload.privateKey.trim() : "";
+  const targetPubkey =
+    typeof payload.targetPubkey === "string" ? payload.targetPubkey.trim() : "";
+  const plaintext =
+    typeof payload.plaintext === "string" ? payload.plaintext : "";
+
+  if (!id || !privateKey || !targetPubkey) {
+    return null;
+  }
+
+  return {
+    id,
+    privateKey,
+    targetPubkey,
+    plaintext,
+  };
+};
+
+const handleMessage = async (event) => {
+  const payload = normalizePayload(event?.data);
+  if (!payload) {
+    postResponse({
+      id: event?.data?.id ?? null,
+      ok: false,
+      error: { message: "invalid-payload" },
+    });
+    return;
+  }
+
+  try {
+    const nip04 = await ensureNip04();
+    const ciphertext = await nip04.encrypt(
+      payload.privateKey,
+      payload.targetPubkey,
+      payload.plaintext,
+    );
+
+    postResponse({
+      id: payload.id,
+      ok: true,
+      ciphertext,
+    });
+  } catch (error) {
+    devLogger.warn("[nip04Worker] Encryption failed", error);
+    postResponse({
+      id: payload.id,
+      ok: false,
+      error: {
+        message: error?.message || "nip04-worker-failed",
+        name: error?.name || "Error",
+      },
+    });
+  }
+};
+
+if (workerScope?.addEventListener) {
+  workerScope.addEventListener("message", (event) => {
+    void handleMessage(event);
+  });
+}
diff --git a/dist/js/nostr/nip04WorkerClient.js b/dist/js/nostr/nip04WorkerClient.js
new file mode 100644
index 00000000..9d6e0c8b
--- /dev/null
+++ b/dist/js/nostr/nip04WorkerClient.js
@@ -0,0 +1,108 @@
+import { devLogger } from "../utils/logger.js";
+
+const DEFAULT_TIMEOUT_MS = 12000;
+
+let workerInstance = null;
+let workerReady = false;
+let requestId = 0;
+const pending = new Map();
+
+function attachWorkerListeners(worker) {
+  if (!worker || workerReady) {
+    return;
+  }
+
+  worker.addEventListener("message", (event) => {
+    const data = event?.data || {};
+    const id = data.id;
+    if (!pending.has(id)) {
+      return;
+    }
+
+    const entry = pending.get(id);
+    pending.delete(id);
+    clearTimeout(entry.timeoutId);
+
+    if (data.ok && typeof data.ciphertext === "string") {
+      entry.resolve(data.ciphertext);
+      return;
+    }
+
+    const message = data?.error?.message || "nip04-worker-error";
+    const error = new Error(message);
+    error.name = data?.error?.name || "Error";
+    entry.reject(error);
+  });
+
+  worker.addEventListener("error", (error) => {
+    devLogger.warn("[nip04WorkerClient] Worker error", error);
+    for (const entry of pending.values()) {
+      clearTimeout(entry.timeoutId);
+      entry.reject(error instanceof Error ? error : new Error("nip04-worker-error"));
+    }
+    pending.clear();
+  });
+
+  workerReady = true;
+}
+
+function ensureWorker() {
+  if (workerInstance) {
+    return workerInstance;
+  }
+
+  if (typeof Worker === "undefined") {
+    return null;
+  }
+
+  try {
+    workerInstance = new Worker(new URL("./nip04Worker.js", import.meta.url), {
+      type: "module",
+    });
+    attachWorkerListeners(workerInstance);
+  } catch (error) {
+    devLogger.warn("[nip04WorkerClient] Failed to create worker", error);
+    workerInstance = null;
+  }
+
+  return workerInstance;
+}
+
+export function encryptNip04InWorker({
+  privateKey,
+  targetPubkey,
+  plaintext,
+  timeoutMs = DEFAULT_TIMEOUT_MS,
+} = {}) {
+  const worker = ensureWorker();
+  if (!worker) {
+    return Promise.reject(new Error("nip04-worker-unavailable"));
+  }
+
+  const trimmedPrivateKey =
+    typeof privateKey === "string" ? privateKey.trim() : "";
+  const trimmedTarget =
+    typeof targetPubkey === "string" ? targetPubkey.trim() : "";
+  const message = typeof plaintext === "string" ? plaintext : "";
+
+  if (!trimmedPrivateKey || !trimmedTarget) {
+    return Promise.reject(new Error("nip04-worker-invalid-input"));
+  }
+
+  const id = `${Date.now()}-${requestId++}`;
+
+  return new Promise((resolve, reject) => {
+    const timeoutId = setTimeout(() => {
+      pending.delete(id);
+      reject(new Error("nip04-worker-timeout"));
+    }, timeoutMs);
+
+    pending.set(id, { resolve, reject, timeoutId });
+    worker.postMessage({
+      id,
+      privateKey: trimmedPrivateKey,
+      targetPubkey: trimmedTarget,
+      plaintext: message,
+    });
+  });
+}
diff --git a/dist/js/nostr/nip07Permissions.js b/dist/js/nostr/nip07Permissions.js
new file mode 100644
index 00000000..f08edd87
--- /dev/null
+++ b/dist/js/nostr/nip07Permissions.js
@@ -0,0 +1,405 @@
+import { devLogger, userLogger } from "../utils/logger.js";
+
+export const NIP07_LOGIN_TIMEOUT_MS = 60_000; // 60 seconds
+export const NIP07_LOGIN_TIMEOUT_ERROR_MESSAGE =
+  "Timed out waiting for the NIP-07 extension. Confirm the extension prompt in your browser toolbar and try again.";
+const NIP07_PERMISSIONS_STORAGE_KEY = "bitvid:nip07:permissions";
+
+// Give the NIP-07 extension enough time to surface its approval prompt and let
+// users unlock/authorize it. Seven seconds proved too aggressive once vendors
+// started requiring an unlock step, so we extend the window substantially while
+// still allowing manual overrides via __BITVID_NIP07_ENABLE_VARIANT_TIMEOUT_MS__.
+const DEFAULT_ENABLE_VARIANT_TIMEOUT_MS = 45_000;
+
+export const DEFAULT_NIP07_ENCRYPTION_METHODS = Object.freeze([
+  // Encryption helpers — request both legacy NIP-04 and modern NIP-44 upfront
+  "nip04.encrypt",
+  "nip04.decrypt",
+  "nip44.encrypt",
+  "nip44.decrypt",
+  "nip44.v2.encrypt",
+  "nip44.v2.decrypt",
+]);
+
+export const DEFAULT_NIP07_CORE_METHODS = Object.freeze([
+  // Core auth + relay metadata
+  "get_public_key",
+  "sign_event",
+  "read_relays",
+  "write_relays",
+]);
+
+export const DEFAULT_NIP07_PERMISSION_METHODS = Object.freeze([
+  ...DEFAULT_NIP07_CORE_METHODS,
+  ...DEFAULT_NIP07_ENCRYPTION_METHODS,
+]);
+
+export const NIP07_PRIORITY = Object.freeze({
+  HIGH: 10,
+  NORMAL: 5,
+  LOW: 1,
+});
+
+class Nip07RequestQueue {
+  constructor() {
+    this.queue = [];
+    this.running = false;
+  }
+
+  enqueue(task, priority = NIP07_PRIORITY.NORMAL) {
+    return new Promise((resolve, reject) => {
+      this.queue.push({
+        task,
+        priority: Number.isFinite(priority) ? priority : NIP07_PRIORITY.NORMAL,
+        resolve,
+        reject,
+        addedAt: Date.now(),
+      });
+      // Sort by priority (descending), then by insertion time (ascending) for fairness
+      this.queue.sort((a, b) => {
+        if (b.priority !== a.priority) {
+          return b.priority - a.priority;
+        }
+        return a.addedAt - b.addedAt;
+      });
+      this.process();
+    });
+  }
+
+  async process() {
+    if (this.running) return;
+    this.running = true;
+
+    while (this.queue.length > 0) {
+      const item = this.queue.shift();
+      if (!item) break;
+
+      const { task, resolve, reject } = item;
+
+      try {
+        const result = await task();
+        resolve(result);
+      } catch (error) {
+        reject(error);
+      }
+    }
+
+    this.running = false;
+  }
+}
+
+// Module-level priority queue to serialize NIP-07 extension requests.
+// This prevents "message channel closed" errors caused by race conditions
+// when multiple components (blocks, DMs, auth) query the extension simultaneously,
+// while allowing critical tasks (e.g. blocklist decryption) to jump the line.
+const requestQueue = new Nip07RequestQueue();
+
+export function getEnableVariantTimeoutMs() {
+  const overrideValue =
+    typeof globalThis !== "undefined" &&
+    globalThis !== null &&
+    Number.isFinite(globalThis.__BITVID_NIP07_ENABLE_VARIANT_TIMEOUT_MS__)
+      ? Math.floor(globalThis.__BITVID_NIP07_ENABLE_VARIANT_TIMEOUT_MS__)
+      : null;
+
+  if (overrideValue !== null && overrideValue > 0) {
+    return Math.max(50, overrideValue);
+  }
+
+  return DEFAULT_ENABLE_VARIANT_TIMEOUT_MS;
+}
+
+export function normalizePermissionMethod(method) {
+  return typeof method === "string" && method.trim() ? method.trim() : "";
+}
+
+function getNip07PermissionStorage() {
+  const scope =
+    typeof globalThis !== "undefined" && globalThis ? globalThis : undefined;
+  const browserWindow =
+    typeof window !== "undefined" && window ? window : undefined;
+
+  if (browserWindow?.localStorage) {
+    return browserWindow.localStorage;
+  }
+
+  if (scope?.localStorage) {
+    return scope.localStorage;
+  }
+
+  return null;
+}
+
+export function readStoredNip07Permissions() {
+  const storage = getNip07PermissionStorage();
+  if (!storage) {
+    return new Set();
+  }
+
+  let rawValue = null;
+  try {
+    rawValue = storage.getItem(NIP07_PERMISSIONS_STORAGE_KEY);
+  } catch (error) {
+    return new Set();
+  }
+
+  if (!rawValue) {
+    return new Set();
+  }
+
+  try {
+    const parsed = JSON.parse(rawValue);
+    const storedMethods = Array.isArray(parsed)
+      ? parsed
+      : Array.isArray(parsed?.grantedMethods)
+        ? parsed.grantedMethods
+        : Array.isArray(parsed?.methods)
+          ? parsed.methods
+          : [];
+    return new Set(
+      storedMethods
+        .map((method) => normalizePermissionMethod(method))
+        .filter(Boolean),
+    );
+  } catch (error) {
+    clearStoredNip07Permissions();
+    return new Set();
+  }
+}
+
+export function writeStoredNip07Permissions(methods) {
+  const storage = getNip07PermissionStorage();
+  if (!storage) {
+    return;
+  }
+
+  const normalized = Array.from(
+    new Set(
+      Array.from(methods || [])
+        .map((method) => normalizePermissionMethod(method))
+        .filter(Boolean),
+    ),
+  );
+
+  try {
+    if (!normalized.length) {
+      storage.removeItem(NIP07_PERMISSIONS_STORAGE_KEY);
+      return;
+    }
+
+    storage.setItem(
+      NIP07_PERMISSIONS_STORAGE_KEY,
+      JSON.stringify({ grantedMethods: normalized }),
+    );
+  } catch (error) {
+    // ignore persistence failures
+  }
+}
+
+export function clearStoredNip07Permissions() {
+  const storage = getNip07PermissionStorage();
+  if (!storage) {
+    return;
+  }
+
+  try {
+    storage.removeItem(NIP07_PERMISSIONS_STORAGE_KEY);
+  } catch (error) {
+    // ignore cleanup issues
+  }
+}
+
+export function withNip07Timeout(
+  operation,
+  {
+    timeoutMs = NIP07_LOGIN_TIMEOUT_MS,
+    message = NIP07_LOGIN_TIMEOUT_ERROR_MESSAGE,
+  } = {},
+) {
+  const numericTimeout = Number(timeoutMs);
+  const effectiveTimeout =
+    Number.isFinite(numericTimeout) && numericTimeout > 0
+      ? numericTimeout
+      : NIP07_LOGIN_TIMEOUT_MS;
+
+  let timeoutId;
+  const timeoutPromise = new Promise((_, reject) => {
+    timeoutId = setTimeout(() => {
+      reject(new Error(message));
+    }, effectiveTimeout);
+  });
+
+  let operationResult;
+  try {
+    operationResult = operation();
+  } catch (err) {
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+    }
+    throw err;
+  }
+
+  const operationPromise = Promise.resolve(operationResult);
+
+  return Promise.race([operationPromise, timeoutPromise]).finally(() => {
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+    }
+  });
+}
+
+export async function runNip07WithRetry(
+  operation,
+  {
+    label = "NIP-07 operation",
+    timeoutMs = NIP07_LOGIN_TIMEOUT_MS,
+    retryMultiplier = 2,
+    priority = NIP07_PRIORITY.NORMAL,
+  } = {},
+) {
+  // We wrap the entire retry logic in a queue task to ensure only one
+  // request hits the extension at a time.
+  const executeTask = async () => {
+    // We wrap the operation invocation to ensure it returns a fresh promise each time
+    // we attempt it. This is critical for retries: if the first attempt stalls (dropped
+    // by extension), re-awaiting the same promise would just keep waiting on the dead request.
+    const invokeOperation = () => Promise.resolve(operation());
+
+    try {
+      return await withNip07Timeout(invokeOperation, {
+        timeoutMs,
+        message: NIP07_LOGIN_TIMEOUT_ERROR_MESSAGE,
+      });
+    } catch (error) {
+      const isTimeoutError =
+        error instanceof Error &&
+        error.message === NIP07_LOGIN_TIMEOUT_ERROR_MESSAGE;
+
+      if (!isTimeoutError || retryMultiplier <= 1) {
+        throw error;
+      }
+
+      const extendedTimeout = Math.max(
+        timeoutMs,
+        Math.round(timeoutMs * retryMultiplier),
+      );
+
+      devLogger.warn(
+        `[nostr] ${label} taking longer than ${timeoutMs}ms. Retrying with ${extendedTimeout}ms timeout.`,
+      );
+
+      // On retry, we invoke operation() again to send a fresh request to the extension.
+      return withNip07Timeout(invokeOperation, {
+        timeoutMs: extendedTimeout,
+        message: NIP07_LOGIN_TIMEOUT_ERROR_MESSAGE,
+      });
+    }
+  };
+
+  return requestQueue.enqueue(executeTask, priority);
+}
+
+export async function requestEnablePermissions(
+  extension,
+  outstandingMethods,
+  { isDevMode = false } = {},
+) {
+  if (!extension) {
+    return { ok: false, error: new Error("extension-unavailable") };
+  }
+
+  if (typeof extension.enable !== "function") {
+    return { ok: true, code: "enable-unavailable" };
+  }
+
+  const normalized = Array.isArray(outstandingMethods)
+    ? outstandingMethods
+        .map((method) => normalizePermissionMethod(method))
+        .filter(Boolean)
+    : [];
+
+  const permissionVariants = [];
+  if (normalized.length) {
+    permissionVariants.push({
+      permissions: normalized.map((method) => ({ method })),
+    });
+    permissionVariants.push({ permissions: normalized });
+  }
+  permissionVariants.push(null);
+
+  let lastError = null;
+  for (const options of permissionVariants) {
+    // If specific permissions are requested (variants 1 & 2), fail fast (3s)
+    // to avoid hanging if the extension doesn't support the structured format.
+    // If we fall back to standard enable() (null), allow the full user interaction time.
+    const variantTimeoutOverrides = options
+      ? {
+          timeoutMs: Math.min(3000, getEnableVariantTimeoutMs()),
+          retryMultiplier: 1,
+        }
+      : {
+          timeoutMs: Math.min(
+            NIP07_LOGIN_TIMEOUT_MS,
+            getEnableVariantTimeoutMs(),
+          ),
+          retryMultiplier: 1,
+        };
+
+    try {
+      await runNip07WithRetry(
+        () => (options ? extension.enable(options) : extension.enable()),
+        { label: "extension.enable", ...variantTimeoutOverrides },
+      );
+      return { ok: true };
+    } catch (error) {
+      lastError = error;
+      if (options && isDevMode) {
+        userLogger.warn(
+          "[nostr] extension.enable request with explicit permissions failed:",
+          error,
+        );
+      }
+    }
+  }
+
+  return {
+    ok: false,
+    error: lastError || new Error("permission-denied"),
+  };
+}
+
+export const __testExports = {
+  requestEnablePermissions,
+  runNip07WithRetry,
+  withNip07Timeout,
+  getEnableVariantTimeoutMs,
+  readStoredNip07Permissions,
+  writeStoredNip07Permissions,
+  clearStoredNip07Permissions,
+  normalizePermissionMethod,
+};
+
+export function waitForNip07Extension(timeoutMs = 5000) {
+  return new Promise((resolve, reject) => {
+    if (typeof window !== "undefined" && window.nostr) {
+      resolve(window.nostr);
+      return;
+    }
+
+    if (typeof window === "undefined") {
+      reject(new Error("Not running in a browser environment."));
+      return;
+    }
+
+    const start = Date.now();
+    const interval = setInterval(() => {
+      if (window.nostr) {
+        clearInterval(interval);
+        resolve(window.nostr);
+      } else if (Date.now() - start > timeoutMs) {
+        clearInterval(interval);
+        reject(new Error("Nostr extension not found within timeout."));
+      }
+    }, 50);
+  });
+}
diff --git a/dist/js/nostr/nip46Client.js b/dist/js/nostr/nip46Client.js
new file mode 100644
index 00000000..9f31f957
--- /dev/null
+++ b/dist/js/nostr/nip46Client.js
@@ -0,0 +1,2274 @@
+// js/nostr/nip46Client.js
+
+/**
+ * NIP-46 (Nostr Connect) Client Implementation.
+ *
+ * This module provides a client for the Nostr Connect protocol, allowing the application
+ * to delegate event signing to a remote signer (e.g., a "Bunker" or mobile wallet).
+ *
+ * Key components:
+ * - `Nip46RpcClient`: The main class managing the RPC session.
+ * - `parseNip46ConnectionString`: URI parser for `bunker://` and `nostrconnect://`.
+ *
+ * For a detailed architecture overview, see `docs/nip46-client-overview.md`.
+ */
+
+import { isDevMode } from "../config.js";
+import {
+  DEFAULT_RELAY_URLS,
+  ensureNostrTools,
+  getCachedNostrTools,
+  readToolkitFromScope,
+} from "./toolkit.js";
+import {
+  publishEventToRelays as defaultPublishEventToRelays,
+  assertAnyRelayAccepted as defaultAssertAnyRelayAccepted,
+} from "../nostrPublish.js";
+import { devLogger, userLogger } from "../utils/logger.js";
+import { Nip46RequestQueue, NIP46_PRIORITY } from "./nip46Queue.js";
+
+export const HEX64_REGEX = /^[0-9a-f]{64}$/i;
+
+export const NIP46_RPC_KIND = 24_133;
+export const NIP46_SESSION_STORAGE_KEY = "bitvid:nip46:session:v1";
+export const NIP46_PUBLISH_TIMEOUT_MS = 8_000;
+export const NIP46_RESPONSE_TIMEOUT_MS = 15_000;
+export const NIP46_SIGN_EVENT_TIMEOUT_MS = 20_000;
+export const NIP46_MAX_RETRIES = 1;
+export const NIP46_HANDSHAKE_TIMEOUT_MS = 60_000;
+export const NIP46_AUTH_CHALLENGE_MAX_ATTEMPTS = 5;
+export const NIP46_ENCRYPTION_ALGORITHMS = Object.freeze([
+  "nip44.v2",
+  "nip44",
+  "nip04",
+]);
+
+function isSecureRelayContext() {
+  if (typeof window === "undefined") {
+    return false;
+  }
+  const protocol = window?.location?.protocol;
+  return protocol === "https:";
+}
+
+function resolveRelayProtocol(protocol, { enforceTls = false } = {}) {
+  if (!protocol) {
+    return null;
+  }
+  const normalized = protocol.toLowerCase();
+  if (normalized === "wss:") {
+    return "wss:";
+  }
+  if (normalized === "ws:") {
+    return enforceTls ? "wss:" : "ws:";
+  }
+  return null;
+}
+
+/**
+ * resolves the appropriate storage mechanism (localStorage or polyfill) for NIP-46 sessions.
+ * @returns {Storage|null} The storage interface or null if unavailable.
+ */
+export function getNip46Storage() {
+  if (typeof localStorage !== "undefined" && localStorage) {
+    return localStorage;
+  }
+
+  if (typeof globalThis !== "undefined" && globalThis?.localStorage) {
+    return globalThis.localStorage;
+  }
+
+  return null;
+}
+
+/**
+ * Cleans and normalizes a list of relay URLs.
+ * Removes duplicates, trailing slashes, and invalid URLs.
+ *
+ * @param {string[]} list - The raw list of relay URLs.
+ * @returns {string[]} The sanitized list of relay URLs.
+ */
+export function sanitizeRelayList(list) {
+  const seen = new Set();
+  const sanitized = [];
+  if (!Array.isArray(list)) {
+    return sanitized;
+  }
+  const enforceTls = isSecureRelayContext();
+
+  list.forEach((value) => {
+    if (typeof value !== "string") {
+      return;
+    }
+    const trimmed = value.trim();
+    if (!trimmed) {
+      return;
+    }
+    if (!/^wss?:\/\//i.test(trimmed)) {
+      return;
+    }
+    if (/\s/.test(trimmed)) {
+      return;
+    }
+
+    let normalized = trimmed.replace(/\/+$/, "");
+    try {
+      const parsed = new URL(normalized);
+      if (!parsed.hostname) {
+        return;
+      }
+      const resolvedProtocol = resolveRelayProtocol(parsed.protocol, {
+        enforceTls,
+      });
+      if (!resolvedProtocol) {
+        return;
+      }
+      if (parsed.protocol !== resolvedProtocol) {
+        parsed.protocol = resolvedProtocol;
+      }
+      const pathname = parsed.pathname.replace(/\/+$/, "");
+      normalized = `${parsed.protocol}//${parsed.host}${pathname}${parsed.search || ""}`;
+    } catch (error) {
+      // Ignore URL parsing failures and fall back to the trimmed string.
+    }
+
+    if (enforceTls && normalized.startsWith("ws://")) {
+      return;
+    }
+
+    if (seen.has(normalized)) {
+      return;
+    }
+    seen.add(normalized);
+    sanitized.push(normalized);
+  });
+
+  return sanitized;
+}
+
+/**
+ * Validates and normalizes a NIP-46 session object from storage.
+ * Ensures strict schema compliance to prevent prototype pollution or corrupted state.
+ *
+ * @param {object} candidate - The raw session object from storage.
+ * @returns {object|null} The valid session object or null if invalid.
+ */
+export function sanitizeStoredNip46Session(candidate) {
+  if (!candidate || typeof candidate !== "object") {
+    return null;
+  }
+
+  const version = Number(candidate.version) || 0;
+  if (version !== 1) {
+    return null;
+  }
+
+  const clientPublicKey =
+    typeof candidate.clientPublicKey === "string" && candidate.clientPublicKey.trim()
+      ? candidate.clientPublicKey.trim().toLowerCase()
+      : "";
+  const remotePubkey =
+    typeof candidate.remotePubkey === "string" && candidate.remotePubkey.trim()
+      ? candidate.remotePubkey.trim().toLowerCase()
+      : "";
+
+  if (!remotePubkey) {
+    return null;
+  }
+
+  const relays = Array.isArray(candidate.relays)
+    ? candidate.relays
+        .map((relay) => (typeof relay === "string" ? relay.trim() : ""))
+        .filter(Boolean)
+    : [];
+
+  const metadata =
+    candidate.metadata && typeof candidate.metadata === "object"
+      ? {
+          name:
+            typeof candidate.metadata.name === "string"
+              ? candidate.metadata.name.trim()
+              : "",
+          url:
+            typeof candidate.metadata.url === "string"
+              ? candidate.metadata.url.trim()
+              : "",
+          image:
+            typeof candidate.metadata.image === "string"
+              ? candidate.metadata.image.trim()
+              : "",
+        }
+      : {};
+
+  return {
+    version: 1,
+    clientPublicKey,
+    remotePubkey,
+    relays,
+    encryption: normalizeNip46EncryptionAlgorithm(
+      typeof candidate.encryption === "string"
+        ? candidate.encryption
+        : typeof candidate.algorithm === "string"
+        ? candidate.algorithm
+        : "",
+    ),
+    permissions:
+      typeof candidate.permissions === "string" && candidate.permissions.trim()
+        ? candidate.permissions.trim()
+        : "",
+    metadata,
+    userPubkey:
+      typeof candidate.userPubkey === "string" && candidate.userPubkey.trim()
+        ? candidate.userPubkey.trim().toLowerCase()
+        : "",
+    lastConnectedAt: Number.isFinite(candidate.lastConnectedAt)
+      ? candidate.lastConnectedAt
+      : Date.now(),
+  };
+}
+
+export function readStoredNip46Session() {
+  const storage = getNip46Storage();
+  if (!storage) {
+    return null;
+  }
+
+  let raw = null;
+  try {
+    raw = storage.getItem(NIP46_SESSION_STORAGE_KEY);
+  } catch (error) {
+    return null;
+  }
+
+  if (!raw) {
+    return null;
+  }
+
+  try {
+    const parsed = JSON.parse(raw);
+    const sanitized = sanitizeStoredNip46Session(parsed);
+    if (
+      sanitized &&
+      (typeof parsed?.clientPrivateKey === "string" ||
+        typeof parsed?.secret === "string")
+    ) {
+      writeStoredNip46Session(sanitized);
+    }
+    return sanitized;
+  } catch (error) {
+    try {
+      storage.removeItem(NIP46_SESSION_STORAGE_KEY);
+    } catch (cleanupError) {
+      devLogger.warn(
+        "[nostr] Failed to clear corrupt NIP-46 session entry:",
+        cleanupError,
+      );
+    }
+    return null;
+  }
+}
+
+export function writeStoredNip46Session(payload) {
+  const storage = getNip46Storage();
+  if (!storage) {
+    return;
+  }
+
+  const sanitizedInput =
+    payload && typeof payload === "object"
+      ? {
+          version: payload.version,
+          clientPublicKey: payload.clientPublicKey,
+          remotePubkey: payload.remotePubkey,
+          relays: payload.relays,
+          encryption: payload.encryption,
+          permissions: payload.permissions,
+          metadata: payload.metadata,
+          userPubkey: payload.userPubkey,
+          lastConnectedAt: payload.lastConnectedAt,
+        }
+      : payload;
+  const normalized = sanitizeStoredNip46Session(sanitizedInput);
+  if (!normalized) {
+    try {
+      storage.removeItem(NIP46_SESSION_STORAGE_KEY);
+    } catch (error) {
+      // ignore cleanup failures
+    }
+    return;
+  }
+
+  try {
+    storage.setItem(NIP46_SESSION_STORAGE_KEY, JSON.stringify(normalized));
+  } catch (error) {
+    // ignore persistence failures
+  }
+}
+
+export function clearStoredNip46Session() {
+  const storage = getNip46Storage();
+  if (!storage) {
+    return;
+  }
+
+  try {
+    storage.removeItem(NIP46_SESSION_STORAGE_KEY);
+  } catch (error) {
+    // ignore cleanup issues
+  }
+}
+
+const BECH32_CHARSET = "qpzry9x8gf2tvdw0s3jn54khce6mua7l";
+const BECH32_CHARSET_MAP = (() => {
+  const map = new Map();
+  for (let index = 0; index < BECH32_CHARSET.length; index += 1) {
+    map.set(BECH32_CHARSET[index], index);
+  }
+  return map;
+})();
+
+function bech32Polymod(values) {
+  const GENERATORS = [
+    0x3b6a57b2,
+    0x26508e6d,
+    0x1ea119fa,
+    0x3d4233dd,
+    0x2a1462b3,
+  ];
+
+  let chk = 1;
+  for (const value of values) {
+    const top = chk >> 25;
+    chk = ((chk & 0x1ffffff) << 5) ^ value;
+    for (let i = 0; i < GENERATORS.length; i += 1) {
+      if ((top >> i) & 1) {
+        chk ^= GENERATORS[i];
+      }
+    }
+  }
+  return chk;
+}
+
+function bech32HrpExpand(hrp) {
+  const result = [];
+  for (let i = 0; i < hrp.length; i += 1) {
+    result.push(hrp.charCodeAt(i) >> 5);
+  }
+  result.push(0);
+  for (let i = 0; i < hrp.length; i += 1) {
+    result.push(hrp.charCodeAt(i) & 31);
+  }
+  return result;
+}
+
+function bech32VerifyChecksum(hrp, data) {
+  return bech32Polymod([...bech32HrpExpand(hrp), ...data]) === 1;
+}
+
+function convertBits(data, fromBits, toBits) {
+  let accumulator = 0;
+  let bits = 0;
+  const result = [];
+  const maxValue = (1 << toBits) - 1;
+  const maxAccumulator = (1 << (fromBits + toBits - 1)) - 1;
+
+  for (const value of data) {
+    if (value < 0 || (value >> fromBits) !== 0) {
+      return null;
+    }
+    accumulator = ((accumulator << fromBits) | value) & maxAccumulator;
+    bits += fromBits;
+    while (bits >= toBits) {
+      bits -= toBits;
+      result.push((accumulator >> bits) & maxValue);
+    }
+  }
+
+  if (bits > 0) {
+    result.push((accumulator << (toBits - bits)) & maxValue);
+  }
+
+  return result;
+}
+
+function decodeBech32Npub(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return "";
+  }
+
+  const normalized = trimmed.toLowerCase();
+  const separatorIndex = normalized.lastIndexOf("1");
+  if (separatorIndex <= 0 || separatorIndex + 7 > normalized.length) {
+    return "";
+  }
+
+  const hrp = normalized.slice(0, separatorIndex);
+  if (hrp !== "npub") {
+    return "";
+  }
+
+  const dataPart = normalized.slice(separatorIndex + 1);
+  const values = [];
+  for (let i = 0; i < dataPart.length; i += 1) {
+    const mapped = BECH32_CHARSET_MAP.get(dataPart[i]);
+    if (typeof mapped !== "number") {
+      return "";
+    }
+    values.push(mapped);
+  }
+
+  if (values.length < 7 || !bech32VerifyChecksum(hrp, values)) {
+    return "";
+  }
+
+  const words = values.slice(0, -6);
+  const bytes = convertBits(words, 5, 8);
+  if (!bytes || bytes.length !== 32) {
+    return "";
+  }
+
+  return Array.from(bytes)
+    .map((byte) => byte.toString(16).padStart(2, "0"))
+    .join("");
+}
+
+export function decodeNpubToHex(npub) {
+  if (typeof npub !== "string") {
+    return "";
+  }
+
+  const trimmed = npub.trim();
+  if (!trimmed) {
+    return "";
+  }
+
+  if (/^[0-9a-f]{64}$/i.test(trimmed)) {
+    return trimmed.toLowerCase();
+  }
+
+  const lower = trimmed.toLowerCase();
+  const hasNpubPrefix = lower.startsWith("npub1");
+  if (!hasNpubPrefix) {
+    return "";
+  }
+
+  const warnableNpub = /^npub1[023456789acdefghjklmnpqrstuvwxyz]+$/i.test(
+    trimmed,
+  );
+
+  let tools = getCachedNostrTools();
+  if (!tools || typeof tools?.nip19?.decode !== "function") {
+    const fallbackTools = readToolkitFromScope();
+    if (fallbackTools) {
+      tools = fallbackTools;
+    }
+  }
+
+  let decodeError = null;
+  if (tools?.nip19 && typeof tools.nip19.decode === "function") {
+    try {
+      const decoded = tools.nip19.decode(trimmed);
+      if (decoded?.type === "npub" && typeof decoded.data === "string") {
+        return decoded.data;
+      }
+    } catch (error) {
+      decodeError = error;
+    }
+  }
+
+  const manualDecoded = decodeBech32Npub(trimmed);
+  if (manualDecoded) {
+    return manualDecoded;
+  }
+
+  if (isDevMode && warnableNpub) {
+    userLogger.warn(
+      `[nostr] Failed to decode npub: ${trimmed}`,
+      decodeError || new Error("invalid-npub"),
+    );
+  }
+
+  return "";
+}
+
+export function encodeHexToNpub(pubkey) {
+  if (typeof pubkey !== "string") {
+    return "";
+  }
+
+  const normalized = pubkey.trim().toLowerCase();
+  if (!normalized || !HEX64_REGEX.test(normalized)) {
+    return "";
+  }
+
+  let toolkit = getCachedNostrTools();
+  if (!toolkit || typeof toolkit?.nip19?.npubEncode !== "function") {
+    const fallbackToolkit = readToolkitFromScope();
+    if (fallbackToolkit?.nip19?.npubEncode) {
+      toolkit = fallbackToolkit;
+    }
+  }
+
+  const encoder = toolkit?.nip19?.npubEncode;
+  if (typeof encoder !== "function") {
+    return "";
+  }
+
+  try {
+    return encoder(normalized);
+  } catch (error) {
+    if (isDevMode) {
+      devLogger.warn("[nostr] Failed to encode npub", error);
+    }
+    return "";
+  }
+}
+
+export function normalizeNostrPubkey(candidate) {
+  if (typeof candidate !== "string") {
+    return "";
+  }
+
+  const trimmed = candidate.trim();
+  if (!trimmed) {
+    return "";
+  }
+
+  if (HEX64_REGEX.test(trimmed)) {
+    return trimmed.toLowerCase();
+  }
+
+  const decoded = decodeNpubToHex(trimmed);
+  if (decoded && HEX64_REGEX.test(decoded)) {
+    return decoded.toLowerCase();
+  }
+
+  return trimmed.toLowerCase();
+}
+
+/**
+ * Parses a NIP-46 connection URI (bunker:// or nostrconnect://) into a structured configuration.
+ * Handles decoding of standard params (relay, secret, perms) and bunker-specific logic (user hints).
+ *
+ * @param {string} uri - The connection URI.
+ * @returns {object|null} The parsed configuration object or null if invalid.
+ */
+export function parseNip46ConnectionString(uri) {
+  const value = typeof uri === "string" ? uri.trim() : "";
+  if (!value) {
+    return null;
+  }
+
+  let parsed;
+  try {
+    parsed = new URL(value);
+  } catch (error) {
+    return null;
+  }
+
+  const decodeParam = (raw) => {
+    if (typeof raw !== "string") {
+      return "";
+    }
+    const trimmed = raw.trim();
+    if (!trimmed) {
+      return "";
+    }
+    try {
+      return decodeURIComponent(trimmed);
+    } catch (error) {
+      return trimmed;
+    }
+  };
+
+  const scheme = parsed.protocol.replace(/:$/, "").toLowerCase();
+  const params = parsed.searchParams || new URLSearchParams();
+
+  const relays = params
+    .getAll("relay")
+    .map((relay) => decodeParam(relay))
+    .filter(Boolean);
+
+  const permissionsParam =
+    decodeParam(params.get("perms")) || decodeParam(params.get("permissions")) || "";
+  const metadata = {
+    name: "",
+    url: "",
+    image: "",
+  };
+
+  for (const key of ["name", "url", "image"]) {
+    const decoded = decodeParam(params.get(key));
+    if (decoded) {
+      metadata[key] = decoded;
+    }
+  }
+
+  const remoteSignerParamKeys = [
+    "remote-signer-key",
+    "remote_signer_key",
+    "remotesignerkey",
+    "remoteSignerKey",
+    "remote-signer-pubkey",
+    "remote_signer_pubkey",
+    "remoteSignerPubkey",
+  ];
+
+  let remoteSignerParam = "";
+  for (const key of remoteSignerParamKeys) {
+    const candidate = decodeParam(params.get(key));
+    if (candidate) {
+      remoteSignerParam = candidate;
+      break;
+    }
+  }
+
+  const remoteFallbackParam =
+    decodeParam(params.get("remote")) ||
+    decodeParam(params.get("remotePubkey")) ||
+    decodeParam(params.get("signer")) ||
+    "";
+
+  let remotePubkey = remoteSignerParam || remoteFallbackParam || "";
+  let clientPubkey = "";
+  let userPubkeyHint = "";
+
+  if (scheme === "bunker") {
+    let bunkerIdentifier = parsed.hostname || "";
+    if (!bunkerIdentifier && parsed.pathname && parsed.pathname !== "/") {
+      bunkerIdentifier = parsed.pathname.replace(/^\/+/, "");
+    }
+
+    const normalizedIdentifier = normalizeNostrPubkey(bunkerIdentifier);
+
+    if (remoteSignerParam) {
+      userPubkeyHint = normalizedIdentifier;
+    } else if (!remotePubkey) {
+      remotePubkey = normalizedIdentifier;
+    }
+
+    if (!userPubkeyHint) {
+      const userParamCandidates = [
+        "user",
+        "user_pubkey",
+        "user-pubkey",
+        "pubkey",
+        "npub",
+        "profile",
+      ];
+      for (const key of userParamCandidates) {
+        const candidate = decodeParam(params.get(key));
+        if (candidate) {
+          userPubkeyHint = normalizeNostrPubkey(candidate);
+          if (userPubkeyHint) {
+            break;
+          }
+        }
+      }
+
+      if (!userPubkeyHint && normalizedIdentifier && normalizedIdentifier !== remotePubkey) {
+        userPubkeyHint = normalizedIdentifier;
+      }
+    }
+  } else if (scheme === "nostrconnect" || scheme === "web+nostrconnect") {
+    clientPubkey = parsed.hostname || "";
+    if (!clientPubkey && parsed.pathname && parsed.pathname !== "/") {
+      clientPubkey = parsed.pathname.replace(/^\/+/, "");
+    }
+  }
+
+  const secretParam = decodeParam(params.get("secret"));
+
+  return {
+    scheme,
+    type: scheme === "bunker" ? "remote" : "client",
+    remotePubkey: normalizeNostrPubkey(remotePubkey),
+    clientPubkey: normalizeNostrPubkey(clientPubkey),
+    relays,
+    secret: secretParam,
+    permissions: typeof permissionsParam === "string" ? permissionsParam.trim() : "",
+    metadata,
+    userPubkeyHint: normalizeNostrPubkey(userPubkeyHint),
+  };
+}
+
+export function generateNip46Secret(length = 16) {
+  const size = Number.isFinite(length) && length > 0 ? Math.min(64, Math.max(8, Math.floor(length))) : 16;
+  try {
+    if (typeof crypto !== "undefined" && crypto?.getRandomValues) {
+      const bytes = new Uint8Array(size);
+      crypto.getRandomValues(bytes);
+      return Array.from(bytes, (byte) => byte.toString(16).padStart(2, "0")).join("");
+    }
+  } catch (error) {
+    // fall through to Math.random fallback
+  }
+
+  let secret = "";
+  for (let i = 0; i < size; i += 1) {
+    secret += Math.floor(Math.random() * 16).toString(16);
+  }
+  return secret;
+}
+
+export function sanitizeNip46Metadata(metadata) {
+  if (!metadata || typeof metadata !== "object") {
+    return {};
+  }
+
+  const normalized = {};
+  for (const key of ["name", "url", "image"]) {
+    if (typeof metadata[key] === "string" && metadata[key].trim()) {
+      normalized[key] = metadata[key].trim();
+    }
+  }
+  return normalized;
+}
+
+export function normalizeNip46EncryptionAlgorithm(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+
+  const trimmed = value.trim().toLowerCase();
+  if (!trimmed) {
+    return "";
+  }
+
+  if (NIP46_ENCRYPTION_ALGORITHMS.includes(trimmed)) {
+    return trimmed;
+  }
+
+  const aliasMap = new Map([
+    ["nip44v2", "nip44.v2"],
+    ["nip44-v2", "nip44.v2"],
+    ["nip44_v2", "nip44.v2"],
+    ["nip44-v1", "nip44"],
+    ["nip44v1", "nip44"],
+    ["nip44_v1", "nip44"],
+    ["nip-44", "nip44"],
+    ["nip-04", "nip04"],
+    ["nip04.v1", "nip04"],
+  ]);
+
+  if (aliasMap.has(trimmed)) {
+    return aliasMap.get(trimmed) || "";
+  }
+
+  return "";
+}
+
+export function resolveNip46Relays(relays, fallbackRelays = []) {
+  const primary = sanitizeRelayList(Array.isArray(relays) ? relays : []);
+  if (primary.length) {
+    return primary;
+  }
+
+  const fallback = sanitizeRelayList(Array.isArray(fallbackRelays) ? fallbackRelays : []);
+  if (fallback.length) {
+    return fallback;
+  }
+
+  return Array.from(DEFAULT_RELAY_URLS);
+}
+
+function resolveNip44V2ConversationKeyGetter(tools) {
+  if (typeof tools?.nip44?.v2?.getConversationKey === "function") {
+    return tools.nip44.v2.getConversationKey.bind(tools.nip44.v2);
+  }
+
+  if (typeof tools?.nip44?.v2?.utils?.getConversationKey === "function") {
+    return tools.nip44.v2.utils.getConversationKey.bind(tools.nip44.v2.utils);
+  }
+
+  return null;
+}
+
+function resolveLegacyNip44ConversationKeyGetter(tools) {
+  if (typeof tools?.nip44?.getConversationKey === "function") {
+    return tools.nip44.getConversationKey.bind(tools.nip44);
+  }
+
+  if (typeof tools?.nip44?.utils?.getConversationKey === "function") {
+    return tools.nip44.utils.getConversationKey.bind(tools.nip44.utils);
+  }
+
+  return null;
+}
+
+let sharedTextDecoder = null;
+
+function decodeBytesToUtf8(value) {
+  if (value == null) {
+    return "";
+  }
+
+  if (typeof Buffer !== "undefined" && typeof Buffer.isBuffer === "function" && Buffer.isBuffer(value)) {
+    try {
+      return value.toString("utf8");
+    } catch (error) {
+      return "";
+    }
+  }
+
+  let view = null;
+
+  if (value instanceof Uint8Array) {
+    view = value;
+  } else if (typeof ArrayBuffer !== "undefined") {
+    if (value instanceof ArrayBuffer) {
+      view = new Uint8Array(value);
+    } else if (typeof ArrayBuffer.isView === "function" && ArrayBuffer.isView(value)) {
+      try {
+        view = new Uint8Array(value.buffer, value.byteOffset, value.byteLength);
+      } catch (error) {
+        view = null;
+      }
+    }
+  }
+
+  if (!view && Array.isArray(value)) {
+    const bytes = [];
+    for (const entry of value) {
+      if (typeof entry === "number" && Number.isFinite(entry)) {
+        const normalized = entry & 0xff;
+        if (normalized < 0 || normalized > 255) {
+          return "";
+        }
+        bytes.push(normalized);
+      } else {
+        return "";
+      }
+    }
+    if (!bytes.length) {
+      return "";
+    }
+    view = Uint8Array.from(bytes);
+  }
+
+  if (!view || !view.length) {
+    return "";
+  }
+
+  if (!sharedTextDecoder && typeof TextDecoder === "function") {
+    try {
+      sharedTextDecoder = new TextDecoder();
+    } catch (error) {
+      sharedTextDecoder = null;
+    }
+  }
+
+  if (sharedTextDecoder) {
+    try {
+      return sharedTextDecoder.decode(view);
+    } catch (error) {
+      // fall through to manual decoding
+    }
+  }
+
+  let result = "";
+  for (let index = 0; index < view.length; index += 1) {
+    result += String.fromCharCode(view[index]);
+  }
+  return result;
+}
+
+export function normalizeNip46CiphertextPayload(payload) {
+  const visited = new Set();
+  const candidates = new Set();
+
+  const addCandidate = (value) => {
+    if (typeof value !== "string") {
+      return;
+    }
+    const trimmed = value.trim();
+    if (!trimmed) {
+      return;
+    }
+    candidates.add(trimmed);
+  };
+
+  const addCiphertextWithNonce = (ciphertext, nonce) => {
+    const normalizedCiphertext = typeof ciphertext === "string" ? ciphertext.trim() : "";
+    const normalizedNonce = typeof nonce === "string" ? nonce.trim() : "";
+
+    if (!normalizedCiphertext) {
+      return;
+    }
+
+    addCandidate(normalizedCiphertext);
+
+    if (!normalizedNonce) {
+      return;
+    }
+
+    const strippedNonce = normalizedNonce.replace(/^\?iv=/i, "");
+
+    addCandidate(`${normalizedCiphertext}\n${strippedNonce}`);
+    addCandidate(`${normalizedCiphertext}?iv=${strippedNonce}`);
+
+    if (strippedNonce !== normalizedNonce) {
+      addCandidate(`${normalizedCiphertext}${normalizedNonce}`);
+    }
+  };
+
+  const coerce = (value) => {
+    if (typeof value === "string") {
+      const trimmed = value.trim();
+      if (trimmed) {
+        addCandidate(trimmed);
+      }
+      return;
+    }
+
+    if (typeof value === "number" || typeof value === "boolean") {
+      addCandidate(String(value));
+      return;
+    }
+
+    if (Array.isArray(value)) {
+      const scalarEntries = [];
+      for (const entry of value) {
+        if (typeof entry === "string" || typeof entry === "number" || typeof entry === "boolean") {
+          const candidate = String(entry).trim();
+          if (candidate) {
+            scalarEntries.push(candidate);
+            addCandidate(candidate);
+          }
+        } else if (entry && typeof entry === "object") {
+          coerce(entry);
+        }
+      }
+
+      if (scalarEntries.length >= 2) {
+        for (let i = 0; i < scalarEntries.length; i += 1) {
+          for (let j = i + 1; j < scalarEntries.length; j += 1) {
+            addCiphertextWithNonce(scalarEntries[i], scalarEntries[j]);
+            addCiphertextWithNonce(scalarEntries[j], scalarEntries[i]);
+          }
+        }
+      }
+
+      for (const entry of value) {
+        coerce(entry);
+      }
+      return;
+    }
+
+    if (value && typeof value === "object") {
+      const decoded = decodeBytesToUtf8(value);
+      if (decoded) {
+        addCandidate(decoded);
+        return;
+      }
+
+      if (
+        typeof value.type === "string" &&
+        value.type.toLowerCase() === "buffer" &&
+        Array.isArray(value.data)
+      ) {
+        const bufferDecoded = decodeBytesToUtf8(value.data);
+        if (bufferDecoded) {
+          addCandidate(bufferDecoded);
+          return;
+        }
+      }
+
+      if (visited.has(value)) {
+        return;
+      }
+      visited.add(value);
+
+      const ciphertextCandidates = [
+        typeof value.ciphertext === "string" ? value.ciphertext : "",
+        typeof value.cipher_text === "string" ? value.cipher_text : "",
+        typeof value.content === "string" ? value.content : "",
+        typeof value.payload === "string" ? value.payload : "",
+        typeof value.result === "string" ? value.result : "",
+        typeof value.value === "string" ? value.value : "",
+        typeof value.data === "string" ? value.data : "",
+      ];
+
+      const nonceCandidates = [
+        typeof value.nonce === "string" ? value.nonce : "",
+        typeof value.iv === "string" ? value.iv : "",
+      ];
+
+      const ciphertext = ciphertextCandidates.find((candidate) => candidate && candidate.trim());
+      const nonce = nonceCandidates.find((candidate) => candidate && candidate.trim());
+
+      if (ciphertext || nonce) {
+        addCiphertextWithNonce(ciphertext || "", nonce || "");
+      }
+
+      const nestedKeys = [
+        "ciphertext",
+        "cipher_text",
+        "payload",
+        "result",
+        "value",
+        "data",
+        "content",
+      ];
+
+      for (const key of nestedKeys) {
+        if (key in value) {
+          coerce(value[key]);
+        }
+      }
+
+      return;
+    }
+  };
+
+  coerce(payload);
+
+  return Array.from(candidates);
+}
+
+function resolveAvailableNip46Ciphers(
+  tools,
+  privateKey,
+  remotePubkey,
+  { preferredAlgorithm } = {},
+) {
+  if (!tools) {
+    return [];
+  }
+
+  const normalizedPreferred = normalizeNip46EncryptionAlgorithm(preferredAlgorithm);
+  const available = [];
+
+  const registerCipher = (algorithm, factory) => {
+    try {
+      const cipher = factory();
+      if (
+        cipher &&
+        typeof cipher.encrypt === "function" &&
+        typeof cipher.decrypt === "function"
+      ) {
+        available.push({ ...cipher, algorithm });
+      }
+    } catch (error) {
+      // Ignore individual algorithm failures so other fallbacks can run.
+      devLogger.debug?.(
+        "[nostr] Skipping unavailable NIP-46 cipher algorithm",
+        algorithm,
+        error,
+      );
+    }
+  };
+
+  const nip44v2GetConversationKey = resolveNip44V2ConversationKeyGetter(tools);
+  if (
+    tools?.nip44?.v2?.encrypt &&
+    tools?.nip44?.v2?.decrypt &&
+    typeof nip44v2GetConversationKey === "function"
+  ) {
+    registerCipher("nip44.v2", () => {
+      const conversationKey = nip44v2GetConversationKey(privateKey, remotePubkey);
+
+      if (!conversationKey) {
+        throw new Error("Failed to derive a nip44 conversation key for remote signing.");
+      }
+
+      return {
+        encrypt: (plaintext, nonce) =>
+          typeof nonce === "string"
+            ? tools.nip44.v2.encrypt(plaintext, conversationKey, nonce)
+            : tools.nip44.v2.encrypt(plaintext, conversationKey),
+        decrypt: (ciphertext) => tools.nip44.v2.decrypt(ciphertext, conversationKey),
+      };
+    });
+  }
+
+  const nip44GetConversationKey = resolveLegacyNip44ConversationKeyGetter(tools);
+
+  if (
+    tools?.nip44?.encrypt &&
+    tools?.nip44?.decrypt &&
+    typeof nip44GetConversationKey === "function"
+  ) {
+    registerCipher("nip44", () => {
+      const conversationKey = nip44GetConversationKey(privateKey, remotePubkey);
+
+      if (!conversationKey) {
+        throw new Error("Failed to derive a nip44 conversation key for remote signing.");
+      }
+
+      return {
+        encrypt: (plaintext, nonce) =>
+          typeof nonce === "string"
+            ? tools.nip44.encrypt(plaintext, conversationKey, nonce)
+            : tools.nip44.encrypt(plaintext, conversationKey),
+        decrypt: (ciphertext) => tools.nip44.decrypt(ciphertext, conversationKey),
+      };
+    });
+  }
+
+  if (tools?.nip04?.encrypt && tools?.nip04?.decrypt) {
+    registerCipher("nip04", () => {
+      const privateKeyHex = typeof privateKey === "string" ? privateKey : "";
+      const remotePubkeyHex = typeof remotePubkey === "string" ? remotePubkey : "";
+
+      if (!privateKeyHex || !remotePubkeyHex) {
+        throw new Error("Missing keys for nip04 encryption.");
+      }
+
+      return {
+        encrypt: (plaintext) =>
+          tools.nip04.encrypt(privateKeyHex, remotePubkeyHex, plaintext),
+        decrypt: (ciphertext) =>
+          tools.nip04.decrypt(privateKeyHex, remotePubkeyHex, ciphertext),
+      };
+    });
+  }
+
+  if (normalizedPreferred) {
+    const index = available.findIndex((entry) => entry.algorithm === normalizedPreferred);
+    if (index > 0) {
+      const [preferred] = available.splice(index, 1);
+      available.unshift(preferred);
+    }
+  }
+
+  return available;
+}
+
+/**
+ * Creates an encryption interface (encrypt/decrypt) for NIP-46 communication.
+ * Automatically selects the best available algorithm (NIP-44 v2 preferred) supported by the environment.
+ *
+ * @param {object} tools - The nostr-tools library instance.
+ * @param {string} privateKey - The local client's private key (hex).
+ * @param {string} remotePubkey - The remote signer's public key (hex).
+ * @param {object} [options] - Configuration options.
+ * @param {string} [options.preferredAlgorithm] - Force a specific algorithm ("nip44.v2", "nip04").
+ * @returns {object} An object with `encrypt(text)` and `decrypt(text)` methods.
+ */
+export function createNip46Cipher(tools, privateKey, remotePubkey, options = {}) {
+  const available = resolveAvailableNip46Ciphers(tools, privateKey, remotePubkey, options);
+
+  if (!available.length) {
+    throw new Error("Remote signer encryption helpers are unavailable.");
+  }
+
+  return available[0];
+}
+
+/**
+ * Attempts to decrypt a NIP-46 payload using all available encryption algorithms.
+ * Useful when the specific algorithm used by the remote signer is unknown (e.g., during handshake).
+ *
+ * @param {string} privateKey - The local client's private key.
+ * @param {string} remotePubkey - The remote signer's public key.
+ * @param {string} ciphertext - The encrypted payload.
+ * @returns {Promise<object>} The decrypted result containing `{ plaintext, algorithm }`.
+ */
+export async function decryptNip46PayloadWithKeys(privateKey, remotePubkey, ciphertext) {
+  const tools = (await ensureNostrTools()) || getCachedNostrTools();
+  if (!tools) {
+    throw new Error("NostrTools helpers are unavailable for NIP-46 payload decryption.");
+  }
+
+  const ciphers = resolveAvailableNip46Ciphers(tools, privateKey, remotePubkey);
+  if (!ciphers.length) {
+    throw new Error("Remote signer encryption helpers are unavailable for NIP-46 payload decryption.");
+  }
+  const normalizedCandidates = normalizeNip46CiphertextPayload(ciphertext);
+  const candidates = normalizedCandidates.length
+    ? normalizedCandidates
+    : typeof ciphertext === "string"
+    ? [ciphertext]
+    : [];
+
+  const tried = [];
+  for (const cipher of ciphers) {
+    for (const candidate of candidates) {
+      try {
+        const plaintext = cipher.decrypt(candidate);
+        return { plaintext, algorithm: cipher.algorithm };
+      } catch (error) {
+        tried.push({ candidate, algorithm: cipher.algorithm, error });
+      }
+    }
+  }
+
+  const failure = new Error("Failed to decrypt NIP-46 payload with available candidates.");
+  failure.attempts = tried;
+  throw failure;
+}
+
+export function summarizeHexForLog(value) {
+  if (typeof value !== "string" || !value.trim()) {
+    return "";
+  }
+
+  const normalized = value.trim().toLowerCase();
+  if (normalized.length <= 12) {
+    return `${normalized} (len:${normalized.length})`;
+  }
+  return `${normalized.slice(0, 8)}…${normalized.slice(-4)} (len:${normalized.length})`;
+}
+
+export function summarizeSecretForLog(value) {
+  if (typeof value !== "string" || !value.trim()) {
+    return "<empty>";
+  }
+
+  const trimmed = value.trim();
+  const visible = trimmed.length <= 4 ? "*".repeat(trimmed.length) : `${"*".repeat(3)}…`;
+  return `${visible} (len:${trimmed.length})`;
+}
+
+export function summarizeMetadataForLog(metadata) {
+  if (!metadata || typeof metadata !== "object") {
+    return [];
+  }
+  return Object.keys(metadata).slice(0, 12);
+}
+
+export function summarizeUrlForLog(value) {
+  if (typeof value !== "string" || !value.trim()) {
+    return "";
+  }
+
+  const trimmed = value.trim();
+  try {
+    const url = new URL(trimmed);
+    return {
+      origin: url.origin,
+      pathname: url.pathname,
+      hasQuery: Boolean(url.search),
+      hasHash: Boolean(url.hash),
+      length: trimmed.length,
+    };
+  } catch (error) {
+    const length = trimmed.length;
+    if (length <= 64) {
+      return `${trimmed} (len:${length})`;
+    }
+    return `${trimmed.slice(0, 32)}…${trimmed.slice(-8)} (len:${length})`;
+  }
+}
+
+export function summarizePayloadPreviewForLog(value) {
+  if (typeof value !== "string") {
+    return { type: typeof value };
+  }
+
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return { type: "string", length: 0 };
+  }
+
+  return {
+    type: "string",
+    length: trimmed.length,
+    preview: trimmed.length <= 96 ? trimmed : `${trimmed.slice(0, 64)}…`,
+  };
+}
+
+export function summarizeRpcParamsForLog(method, params) {
+  if (!Array.isArray(params)) {
+    return [];
+  }
+
+  return params.map((param, index) => {
+    if (typeof param === "string") {
+      if (method === "connect" && index === 1) {
+        return { index, secret: summarizeSecretForLog(param) };
+      }
+      const trimmed = param.trim();
+      if (!trimmed) {
+        return { index, type: "string", length: 0 };
+      }
+      if (method === "sign_event") {
+        return { index, type: "string", length: trimmed.length };
+      }
+      if (trimmed.length <= 64) {
+        return { index, value: trimmed, length: trimmed.length };
+      }
+      return {
+        index,
+        type: "string",
+        length: trimmed.length,
+        preview: `${trimmed.slice(0, 32)}…${trimmed.slice(-8)}`,
+      };
+    }
+
+    if (param && typeof param === "object") {
+      return {
+        index,
+        type: Array.isArray(param) ? "array" : "object",
+        keys: Object.keys(param).slice(0, 6),
+      };
+    }
+
+    return { index, type: typeof param };
+  });
+}
+
+export function summarizeRpcResultForLog(method, result) {
+  if (typeof result === "string") {
+    const trimmed = result.trim();
+    if (!trimmed) {
+      return { type: "string", length: 0 };
+    }
+    if (method === "connect") {
+      return { type: "string", length: trimmed.length, secret: summarizeSecretForLog(trimmed) };
+    }
+    if (trimmed.length <= 96) {
+      return { type: "string", length: trimmed.length, value: trimmed };
+    }
+    return {
+      type: "string",
+      length: trimmed.length,
+      preview: `${trimmed.slice(0, 48)}…${trimmed.slice(-12)}`,
+    };
+  }
+
+  if (!result) {
+    return { type: typeof result };
+  }
+
+  if (typeof result === "object") {
+    return {
+      type: Array.isArray(result) ? "array" : "object",
+      keys: Object.keys(result).slice(0, 6),
+    };
+  }
+
+  return { type: typeof result };
+}
+
+export function summarizeRelayPublishResultsForLog(results) {
+  if (!Array.isArray(results)) {
+    return [];
+  }
+
+  return results.map((entry) => ({
+    relay: entry?.relay || "",
+    success: Boolean(entry?.ok),
+    reason: entry?.error ? entry.error?.message || String(entry.error) : null,
+  }));
+}
+
+export function createNip46RequestId() {
+  try {
+    if (typeof crypto !== "undefined" && crypto?.getRandomValues) {
+      const bytes = new Uint8Array(16);
+      crypto.getRandomValues(bytes);
+      return Array.from(bytes, (byte) => byte.toString(16).padStart(2, "0")).join("");
+    }
+  } catch (error) {
+    // fall through to timestamp-based id
+  }
+
+  const timestamp = Date.now().toString(16);
+  const entropy = Math.floor(Math.random() * 0xffffff)
+    .toString(16)
+    .padStart(6, "0");
+  return `${timestamp}${entropy}`;
+}
+
+export async function attemptDecryptNip46HandshakePayload({
+  clientPrivateKey,
+  candidateRemotePubkeys = [],
+  ciphertext,
+}) {
+  const tried = [];
+  const seen = new Set();
+
+  for (const candidate of candidateRemotePubkeys) {
+    const normalized = normalizeNostrPubkey(candidate);
+    if (!normalized || seen.has(normalized)) {
+      continue;
+    }
+    seen.add(normalized);
+    devLogger.debug("[nostr] Handshake decrypt attempt", {
+      remotePubkey: summarizeHexForLog(normalized),
+      ciphertextLength: typeof ciphertext === "string" ? ciphertext.length : 0,
+    });
+    try {
+      const result = await decryptNip46PayloadWithKeys(
+        clientPrivateKey,
+        normalized,
+        ciphertext,
+      );
+      devLogger.debug("[nostr] Handshake decrypt succeeded", {
+        remotePubkey: summarizeHexForLog(normalized),
+        algorithm: result?.algorithm || null,
+      });
+      return { ...result, remotePubkey: normalized };
+    } catch (error) {
+      devLogger.debug("[nostr] Handshake decrypt failed for candidate", {
+        remotePubkey: summarizeHexForLog(normalized),
+        error: error?.message || error,
+      });
+      tried.push({ remotePubkey: normalized, error });
+    }
+  }
+
+  const failure = new Error(
+    "Failed to decrypt remote signer handshake payload with provided keys.",
+  );
+  failure.attempts = tried;
+  devLogger.warn("[nostr] Exhausted handshake decrypt candidates", {
+    attempts: tried.map((entry) => ({
+      remotePubkey: summarizeHexForLog(entry.remotePubkey),
+      error: entry.error?.message || entry.error,
+    })),
+  });
+  throw failure;
+}
+
+/**
+ * Manages a NIP-46 (Nostr Connect) remote signing session.
+ * Handles the RPC loop: Encrypt Request -> Publish Event -> Wait for Response -> Decrypt.
+ *
+ * It uses a "Stale-While-Revalidate" approach for subscriptions and maintains a
+ * priority queue for requests to avoid rate-limiting issues with relays.
+ */
+export class Nip46RpcClient {
+  /**
+   * @param {object} config
+   * @param {NostrClient} [config.nostrClient] - The main app client (for pool/relays).
+   * @param {string} config.clientPrivateKey - The ephemeral local private key (hex).
+   * @param {string} [config.clientPublicKey] - The ephemeral local public key (hex).
+   * @param {string} config.remotePubkey - The remote signer's public key (hex).
+   * @param {string[]} [config.relays] - List of relay URLs to use for the RPC channel.
+   * @param {string} [config.encryption] - Preferred encryption algorithm ("nip44.v2" or "nip04").
+   * @param {string} [config.secret] - Optional shared secret (for initial connection verification).
+   * @param {string} [config.permissions] - Requested permissions (comma-separated).
+   * @param {object} [config.metadata] - Metadata to identify this app to the signer.
+   * @param {function} [config.signEvent] - Function to sign the RPC request events.
+   */
+  constructor({
+    nostrClient,
+    clientPrivateKey,
+    clientPublicKey,
+    remotePubkey,
+    relays,
+    encryption,
+    secret,
+    permissions,
+    metadata,
+    signEvent,
+    publishEventToRelays = defaultPublishEventToRelays,
+    assertAnyRelayAccepted = defaultAssertAnyRelayAccepted,
+  } = {}) {
+    this.nostrClient = nostrClient || null;
+    this.clientPrivateKey =
+      typeof clientPrivateKey === "string" && HEX64_REGEX.test(clientPrivateKey)
+        ? clientPrivateKey.toLowerCase()
+        : "";
+    this.clientPublicKey = normalizeNostrPubkey(clientPublicKey);
+    this.remotePubkey = normalizeNostrPubkey(remotePubkey);
+    this.relays = resolveNip46Relays(relays, nostrClient?.relays || []);
+    this.encryptionAlgorithm = normalizeNip46EncryptionAlgorithm(encryption);
+    this.secret = typeof secret === "string" ? secret.trim() : "";
+    this.permissions = typeof permissions === "string" ? permissions.trim() : "";
+    this.metadata = metadata && typeof metadata === "object" ? { ...metadata } : {};
+    this.signEventWithKey = typeof signEvent === "function" ? signEvent : null;
+    this.publishEventToRelays =
+      typeof publishEventToRelays === "function"
+        ? publishEventToRelays
+        : defaultPublishEventToRelays;
+    this.assertAnyRelayAccepted =
+      typeof assertAnyRelayAccepted === "function"
+        ? assertAnyRelayAccepted
+        : defaultAssertAnyRelayAccepted;
+
+    if (!this.clientPrivateKey) {
+      throw new Error("A NIP-46 client private key is required.");
+    }
+
+    if (!this.clientPublicKey) {
+      const tools = getCachedNostrTools();
+      if (!tools || typeof tools.getPublicKey !== "function") {
+        throw new Error("Public key derivation is unavailable.");
+      }
+      this.clientPublicKey = tools.getPublicKey(this.clientPrivateKey);
+      if (!this.clientPublicKey || !HEX64_REGEX.test(this.clientPublicKey)) {
+        throw new Error("Failed to derive a valid public key for the remote signer session.");
+      }
+      this.clientPublicKey = this.clientPublicKey.toLowerCase();
+    }
+
+    if (!this.remotePubkey) {
+      throw new Error("A remote signer pubkey is required.");
+    }
+
+    if (!this.signEventWithKey) {
+      throw new Error("Remote signer requires a signEvent helper.");
+    }
+
+    this.pendingRequests = new Map();
+    this.subscription = null;
+    this.destroyed = false;
+    this.cipher = null;
+    this.lastSeen = 0;
+    this.userPubkey = "";
+    this.activeSignerCache = null;
+    this.requestQueue = new Nip46RequestQueue();
+  }
+
+  get pool() {
+    return this.nostrClient?.pool || null;
+  }
+
+  async ensurePool() {
+    if (this.pool) {
+      devLogger.debug("[nostr] Remote signer using existing nostr pool");
+      return this.pool;
+    }
+
+    if (!this.nostrClient || typeof this.nostrClient.ensurePool !== "function") {
+      throw new Error("Remote signer requires a nostr client pool.");
+    }
+
+    await this.nostrClient.ensurePool();
+    devLogger.debug("[nostr] Remote signer pool ensured");
+    return this.pool;
+  }
+
+  async ensureCipher() {
+    if (this.cipher) {
+      devLogger.debug("[nostr] Reusing cached remote signer cipher", {
+        remotePubkey: summarizeHexForLog(this.remotePubkey),
+        algorithm: this.cipher?.algorithm || this.encryptionAlgorithm || null,
+      });
+      return this.cipher;
+    }
+
+    const tools = (await ensureNostrTools()) || getCachedNostrTools();
+    if (!tools) {
+      throw new Error("NostrTools helpers are unavailable for remote signing.");
+    }
+
+    const cipher = createNip46Cipher(
+      tools,
+      this.clientPrivateKey,
+      this.remotePubkey,
+      { preferredAlgorithm: this.encryptionAlgorithm },
+    );
+    this.cipher = cipher;
+    if (!this.encryptionAlgorithm && cipher?.algorithm) {
+      this.encryptionAlgorithm = cipher.algorithm;
+    }
+    devLogger.debug("[nostr] Created remote signer cipher", {
+      remotePubkey: summarizeHexForLog(this.remotePubkey),
+      algorithm: cipher?.algorithm || null,
+    });
+    return this.cipher;
+  }
+
+  async encryptPayload(payload, context = {}) {
+    const { encrypt } = await this.ensureCipher();
+    const serialized = typeof payload === "string" ? payload : JSON.stringify(payload);
+    const ciphertext = encrypt(serialized);
+    devLogger.debug("[nostr] Encrypted remote signer payload", {
+      remotePubkey: summarizeHexForLog(this.remotePubkey),
+      method: context.method || null,
+      requestId: context.requestId || null,
+      payloadPreview: summarizePayloadPreviewForLog(serialized),
+      ciphertextLength: typeof ciphertext === "string" ? ciphertext.length : 0,
+    });
+    return ciphertext;
+  }
+
+  async decryptPayload(ciphertext, context = {}) {
+    const { decrypt } = await this.ensureCipher();
+    try {
+      const plaintext = decrypt(ciphertext);
+      devLogger.debug("[nostr] Decrypted remote signer payload", {
+        remotePubkey: summarizeHexForLog(this.remotePubkey),
+        method: context.method || null,
+        requestId: context.requestId || null,
+        ciphertextLength: typeof ciphertext === "string" ? ciphertext.length : 0,
+        plaintextPreview: summarizePayloadPreviewForLog(plaintext),
+      });
+      return plaintext;
+    } catch (error) {
+      devLogger.warn("[nostr] Remote signer payload decryption failed", {
+        remotePubkey: summarizeHexForLog(this.remotePubkey),
+        method: context.method || null,
+        requestId: context.requestId || null,
+        ciphertextLength: typeof ciphertext === "string" ? ciphertext.length : 0,
+        error: error?.message || String(error),
+      });
+      throw error;
+    }
+  }
+
+  async ensureSubscription() {
+    if (this.subscription) {
+      devLogger.debug("[nostr] Reusing remote signer subscription", {
+        remotePubkey: summarizeHexForLog(this.remotePubkey),
+        relayCount: this.relays.length,
+      });
+      return this.subscription;
+    }
+
+    const pool = await this.ensurePool();
+    const filters = [
+      {
+        kinds: [NIP46_RPC_KIND],
+        authors: [this.remotePubkey],
+        "#p": [this.clientPublicKey],
+      },
+    ];
+
+    const relays = this.relays.length ? this.relays : resolveNip46Relays([], this.nostrClient?.relays || []);
+
+    const sub = pool.sub(relays, filters);
+    sub.on("event", (event) => {
+      this.handleEvent(event);
+    });
+    sub.on("eose", () => {
+      // no-op; responses are push-based
+    });
+    this.subscription = sub;
+    devLogger.debug("[nostr] Remote signer subscription created", {
+      remotePubkey: summarizeHexForLog(this.remotePubkey),
+      relays,
+      filters,
+    });
+    return sub;
+  }
+
+  handleEvent(event) {
+    if (this.destroyed) {
+      return;
+    }
+
+    if (!event || event.kind !== NIP46_RPC_KIND) {
+      return;
+    }
+
+    if (typeof event.pubkey !== "string" || normalizeNostrPubkey(event.pubkey) !== this.remotePubkey) {
+      return;
+    }
+
+    const tags = Array.isArray(event.tags) ? event.tags : [];
+    const targetsClient = tags.some(
+      (tag) =>
+        Array.isArray(tag) &&
+        tag[0] === "p" &&
+        typeof tag[1] === "string" &&
+        normalizeNostrPubkey(tag[1]) === this.clientPublicKey,
+    );
+
+    if (!targetsClient) {
+      return;
+    }
+
+    const eventId = typeof event.id === "string" ? event.id : "";
+    devLogger.debug("[nostr] Remote signer event received", {
+      eventId,
+      remotePubkey: summarizeHexForLog(event.pubkey || ""),
+      clientPubkey: summarizeHexForLog(this.clientPublicKey),
+      createdAt: Number.isFinite(event.created_at) ? event.created_at : null,
+      contentLength: typeof event.content === "string" ? event.content.length : 0,
+    });
+
+    Promise.resolve()
+      .then(() =>
+        this.decryptPayload(event.content, {
+          requestId: eventId,
+        }),
+      )
+      .then((payload) => {
+        let parsed;
+        try {
+          parsed = JSON.parse(payload);
+        } catch (error) {
+          devLogger.warn("[nostr] Remote signer returned malformed payload:", error);
+          return;
+        }
+
+        if (!parsed || typeof parsed !== "object") {
+          return;
+        }
+
+        const requestId = typeof parsed.id === "string" ? parsed.id : "";
+        if (!requestId || !this.pendingRequests.has(requestId)) {
+          return;
+        }
+
+        const pending = this.pendingRequests.get(requestId);
+        devLogger.debug("[nostr] Remote signer response parsed", {
+          eventId,
+          requestId,
+          remotePubkey: summarizeHexForLog(this.remotePubkey),
+          method: pending?.method || null,
+          resultSummary: summarizeRpcResultForLog(pending?.method || "", parsed.result),
+          errorSummary: summarizePayloadPreviewForLog(parsed.error ?? ""),
+        });
+        this.pendingRequests.delete(requestId);
+        clearTimeout(pending.timeoutId);
+
+        this.lastSeen = Date.now();
+
+        if (
+          parsed.result === "auth_url" &&
+          typeof parsed.error === "string" &&
+          parsed.error.trim()
+        ) {
+          const authError = new Error("Remote signer requires additional authentication.");
+          authError.code = "auth-challenge";
+          authError.authUrl = parsed.error.trim();
+          pending.reject(authError);
+          return;
+        }
+
+        if (typeof parsed.error === "string" && parsed.error.trim()) {
+          const err = new Error(parsed.error.trim());
+          err.code = "nip46-error";
+          pending.reject(err);
+          return;
+        }
+
+        pending.resolve(parsed.result ?? null);
+      })
+      .catch((error) => {
+        devLogger.warn("[nostr] Failed to decrypt remote signer payload:", error);
+      });
+  }
+
+  rejectAllPending(error) {
+    if (this.pendingRequests.size) {
+      devLogger.warn("[nostr] Rejecting pending remote signer RPC requests", {
+        count: this.pendingRequests.size,
+        remotePubkey: summarizeHexForLog(this.remotePubkey),
+        error: error?.message || String(error),
+      });
+    }
+    this.requestQueue.clear(error);
+    for (const [id, pending] of this.pendingRequests.entries()) {
+      clearTimeout(pending.timeoutId);
+      try {
+        pending.reject(error);
+      } catch (rejectError) {
+        devLogger.warn("[nostr] Pending NIP-46 promise reject failed for", id, rejectError);
+      }
+    }
+    this.pendingRequests.clear();
+  }
+
+  /**
+   * Sends an RPC command to the remote signer and awaits the response.
+   * Handles encryption, signing, publishing, and timeouts.
+   *
+   * @param {string} method - The RPC method name (e.g., "connect", "sign_event").
+   * @param {Array} [params=[]] - The parameters for the method.
+   * @param {object} [options={}] - Options for this specific call.
+   * @param {number} [options.timeoutMs] - Timeout in milliseconds.
+   * @param {number} [options.priority] - Priority level (High/Normal/Low).
+   * @param {number} [options.retries] - Number of retry attempts.
+   * @returns {Promise<any>} The result from the remote signer.
+   */
+  async sendRpc(method, params = [], options = {}) {
+    if (this.destroyed) {
+      throw new Error("Remote signer session has been disposed.");
+    }
+
+    const priority = Number.isFinite(options.priority)
+      ? options.priority
+      : NIP46_PRIORITY.NORMAL;
+
+    return this.requestQueue.enqueue(async () => {
+      const timeoutMs =
+        Number.isFinite(options.timeoutMs) && options.timeoutMs > 0
+          ? options.timeoutMs
+          : NIP46_RESPONSE_TIMEOUT_MS;
+      const retries =
+        Number.isFinite(options.retries) && options.retries >= 0
+          ? options.retries
+          : NIP46_MAX_RETRIES;
+
+      let lastError = null;
+
+      devLogger.debug("[nostr] Remote signer RPC start", {
+        method,
+        remotePubkey: summarizeHexForLog(this.remotePubkey),
+        timeoutMs,
+        retries,
+        params: summarizeRpcParamsForLog(method, params),
+        priority,
+      });
+
+      for (let attempt = 0; attempt <= retries; attempt += 1) {
+        await this.ensureSubscription();
+
+        const requestId = createNip46RequestId();
+        const message = {
+          id: requestId,
+          method,
+          params: Array.isArray(params) ? params : [],
+        };
+
+        devLogger.debug("[nostr] Remote signer RPC attempt prepared", {
+          method,
+          attempt: attempt + 1,
+          requestId,
+          remotePubkey: summarizeHexForLog(this.remotePubkey),
+        });
+
+        let event;
+        try {
+          const content = await this.encryptPayload(message, {
+            method,
+            requestId,
+          });
+          if (!this.signEventWithKey) {
+            throw new Error("Remote signer signing helper is unavailable.");
+          }
+          event = this.signEventWithKey(
+            {
+              kind: NIP46_RPC_KIND,
+              pubkey: this.clientPublicKey,
+              created_at: Math.floor(Date.now() / 1000),
+              tags: [["p", this.remotePubkey]],
+              content,
+            },
+            this.clientPrivateKey,
+          );
+          devLogger.debug("[nostr] Remote signer RPC event signed", {
+            method,
+            attempt: attempt + 1,
+            requestId,
+            relayCount: this.relays.length,
+            contentLength:
+              typeof event.content === "string" ? event.content.length : 0,
+          });
+        } catch (error) {
+          lastError = error;
+          devLogger.warn("[nostr] Remote signer RPC encryption failed", {
+            method,
+            attempt: attempt + 1,
+            requestId,
+            error: error?.message || String(error),
+          });
+          break;
+        }
+
+        const responsePromise = new Promise((resolve, reject) => {
+          const timeoutId = setTimeout(() => {
+            this.pendingRequests.delete(requestId);
+            const timeoutError = new Error(
+              `Timed out waiting for remote signer response to ${method}.`,
+            );
+            timeoutError.code = "nip46-timeout";
+            devLogger.warn("[nostr] Remote signer RPC timed out", {
+              method,
+              requestId,
+              attempt: attempt + 1,
+              timeoutMs,
+            });
+            reject(timeoutError);
+          }, timeoutMs);
+
+          this.pendingRequests.set(requestId, {
+            resolve,
+            reject,
+            timeoutId,
+            method,
+          });
+          devLogger.debug("[nostr] Remote signer RPC awaiting response", {
+            method,
+            requestId,
+            attempt: attempt + 1,
+          });
+        });
+
+        try {
+          const publishResults = await this.publishEventToRelays(
+            await this.ensurePool(),
+            this.relays,
+            event,
+            { timeoutMs: NIP46_PUBLISH_TIMEOUT_MS },
+          );
+          this.assertAnyRelayAccepted(publishResults, { context: method });
+          devLogger.debug("[nostr] Remote signer RPC published", {
+            method,
+            requestId,
+            attempt: attempt + 1,
+            publishResults: summarizeRelayPublishResultsForLog(publishResults),
+          });
+        } catch (error) {
+          const pending = this.pendingRequests.get(requestId);
+          if (pending) {
+            clearTimeout(pending.timeoutId);
+            this.pendingRequests.delete(requestId);
+          }
+          lastError = error;
+
+          const isRateLimited =
+            error &&
+            (error.message?.includes("rate-limited") ||
+              error.message?.includes("noting too much"));
+
+          if (isRateLimited) {
+            devLogger.warn(
+              "[nostr] Remote signer RPC rate limited, backing off",
+              {
+                method,
+                requestId,
+                attempt: attempt + 1,
+                error: error?.message || String(error),
+              },
+            );
+            // Exponential backoff: 2s, 4s, 8s...
+            const backoffMs = 2000 * Math.pow(2, attempt);
+            await new Promise((r) => setTimeout(r, backoffMs));
+          } else {
+            devLogger.warn("[nostr] Remote signer RPC publish failed", {
+              method,
+              requestId,
+              attempt: attempt + 1,
+              error: error?.message || String(error),
+            });
+          }
+          continue;
+        }
+
+        try {
+          const result = await responsePromise;
+          devLogger.debug("[nostr] Remote signer RPC response received", {
+            method,
+            requestId,
+            attempt: attempt + 1,
+            resultSummary: summarizeRpcResultForLog(method, result),
+          });
+          return result;
+        } catch (error) {
+          lastError = error;
+          devLogger.warn("[nostr] Remote signer RPC attempt rejected", {
+            method,
+            requestId,
+            attempt: attempt + 1,
+            error: error?.message || String(error),
+          });
+          if (error?.code === "auth-challenge") {
+            throw error;
+          }
+        }
+      }
+
+      if (lastError) {
+        devLogger.warn("[nostr] Remote signer RPC exhausted", {
+          method,
+          remotePubkey: summarizeHexForLog(this.remotePubkey),
+          error: lastError?.message || String(lastError),
+        });
+        throw lastError;
+      }
+
+      devLogger.warn(
+        "[nostr] Remote signer RPC failed without explicit error",
+        {
+          method,
+          remotePubkey: summarizeHexForLog(this.remotePubkey),
+        },
+      );
+      throw new Error(`Remote signer request for ${method} failed.`);
+    }, priority);
+  }
+
+  /**
+   * Initiates the connection handshake ("connect" method).
+   * Verifies that the remote signer acknowledges the shared secret (if one exists).
+   *
+   * @param {object} [opts]
+   * @param {string} [opts.permissions] - Override permissions to request.
+   * @returns {Promise<string>} The response result (usually "ack").
+   */
+  async connect({ permissions } = {}) {
+    const params = [this.remotePubkey];
+    const requestedPermissions = permissions || this.permissions || "";
+
+    if (this.secret || requestedPermissions) {
+      params.push(this.secret || "");
+    }
+    if (requestedPermissions) {
+      params.push(requestedPermissions);
+    }
+
+    const result = await this.sendRpc("connect", params, {
+      timeoutMs: Math.max(NIP46_RESPONSE_TIMEOUT_MS, 12_000),
+      retries: 0,
+      priority: NIP46_PRIORITY.HIGH,
+    });
+
+    if (this.secret) {
+      const normalizedResult = typeof result === "string" ? result.trim() : "";
+      if (
+        !normalizedResult ||
+        (normalizedResult !== this.secret && normalizedResult.toLowerCase() !== "ack")
+      ) {
+        const error = new Error("Remote signer secret mismatch. Rejecting connection.");
+        error.code = "nip46-secret-mismatch";
+        throw error;
+      }
+    }
+
+    devLogger.debug("[nostr] Remote signer connect RPC acknowledged", {
+      remotePubkey: summarizeHexForLog(this.remotePubkey),
+      secretConfirmed: Boolean(this.secret),
+      resultSummary: summarizeRpcResultForLog("connect", result),
+    });
+    return result;
+  }
+
+  async getUserPubkey() {
+    const result = await this.sendRpc("get_public_key", [], {
+      timeoutMs: NIP46_RESPONSE_TIMEOUT_MS,
+      retries: 0,
+      priority: NIP46_PRIORITY.HIGH,
+    });
+    const pubkey = typeof result === "string" ? result.trim() : "";
+    if (!pubkey) {
+      const error = new Error("Remote signer did not return a public key.");
+      error.code = "nip46-empty-pubkey";
+      throw error;
+    }
+    this.userPubkey = normalizeNostrPubkey(pubkey);
+    devLogger.debug("[nostr] Remote signer get_public_key resolved", {
+      remotePubkey: summarizeHexForLog(this.remotePubkey),
+      userPubkey: summarizeHexForLog(this.userPubkey),
+    });
+    return this.userPubkey;
+  }
+
+  async ping() {
+    try {
+      const result = await this.sendRpc("ping", [], {
+        timeoutMs: 5000,
+        retries: 0,
+        priority: NIP46_PRIORITY.HIGH,
+      });
+      const ok = typeof result === "string" && result.trim().toLowerCase() === "pong";
+      devLogger.debug("[nostr] Remote signer ping result", {
+        remotePubkey: summarizeHexForLog(this.remotePubkey),
+        ok,
+        summary: summarizeRpcResultForLog("ping", result),
+      });
+      return ok;
+    } catch (error) {
+      devLogger.warn("[nostr] Remote signer ping failed", {
+        remotePubkey: summarizeHexForLog(this.remotePubkey),
+        error: error?.message || String(error),
+      });
+      return false;
+    }
+  }
+
+  /**
+   * Requests the remote signer to sign a Nostr event.
+   *
+   * @param {object} event - The raw event object (unsigned).
+   * @param {object} [options]
+   * @param {number} [options.timeoutMs] - Custom timeout.
+   * @returns {Promise<object>} The fully signed event object.
+   */
+  async signEvent(event, options = {}) {
+    if (!event || typeof event !== "object") {
+      throw new Error("A Nostr event is required for remote signing.");
+    }
+
+    const unsigned = {
+      kind: event.kind,
+      created_at: event.created_at,
+      content: typeof event.content === "string" ? event.content : "",
+      tags: Array.isArray(event.tags)
+        ? event.tags.map((tag) => (Array.isArray(tag) ? [...tag] : tag))
+        : [],
+      pubkey:
+        typeof event.pubkey === "string" && event.pubkey.trim()
+          ? event.pubkey.trim()
+          : this.userPubkey,
+    };
+
+    const result = await this.sendRpc(
+      "sign_event",
+      [JSON.stringify(unsigned)],
+      {
+        timeoutMs: Number.isFinite(options.timeoutMs)
+          ? options.timeoutMs
+          : NIP46_SIGN_EVENT_TIMEOUT_MS,
+        retries: Number.isFinite(options.retries) ? options.retries : NIP46_MAX_RETRIES,
+        priority: NIP46_PRIORITY.HIGH,
+      },
+    );
+
+    if (!result) {
+      const error = new Error("Remote signer returned an empty response.");
+      error.code = "nip46-empty-response";
+      throw error;
+    }
+
+    if (typeof result === "object") {
+      devLogger.debug("[nostr] Remote signer sign_event returned object", {
+        remotePubkey: summarizeHexForLog(this.remotePubkey),
+        keys: Object.keys(result).slice(0, 6),
+      });
+      return result;
+    }
+
+    try {
+      const parsed = JSON.parse(result);
+      devLogger.debug("[nostr] Remote signer sign_event returned JSON", {
+        remotePubkey: summarizeHexForLog(this.remotePubkey),
+        keys: parsed && typeof parsed === "object" ? Object.keys(parsed).slice(0, 6) : [],
+      });
+      return parsed;
+    } catch (error) {
+      const failure = new Error("Remote signer returned malformed signed event.");
+      failure.code = "nip46-invalid-response";
+      failure.cause = error;
+      devLogger.warn("[nostr] Remote signer sign_event parse failed", {
+        remotePubkey: summarizeHexForLog(this.remotePubkey),
+        error: error?.message || String(error),
+      });
+      throw failure;
+    }
+  }
+
+  async nip04Encrypt(pubkey, plaintext, options = {}) {
+    if (!pubkey || !plaintext) {
+      throw new Error("Pubkey and plaintext are required for NIP-04 encryption.");
+    }
+    const priority =
+      Number.isFinite(options?.priority)
+        ? options.priority
+        : NIP46_PRIORITY.LOW;
+    const result = await this.sendRpc("nip04_encrypt", [pubkey, plaintext], {
+      priority,
+    });
+    if (typeof result !== "string") {
+      throw new Error("Remote signer returned invalid NIP-04 ciphertext.");
+    }
+    return result;
+  }
+
+  async nip04Decrypt(pubkey, ciphertext, options = {}) {
+    if (!pubkey || !ciphertext) {
+      throw new Error("Pubkey and ciphertext are required for NIP-04 decryption.");
+    }
+    const priority =
+      Number.isFinite(options?.priority)
+        ? options.priority
+        : NIP46_PRIORITY.LOW;
+    const result = await this.sendRpc("nip04_decrypt", [pubkey, ciphertext], {
+      priority,
+    });
+    if (typeof result !== "string") {
+      throw new Error("Remote signer returned invalid NIP-04 plaintext.");
+    }
+    return result;
+  }
+
+  async nip44Encrypt(pubkey, plaintext, options = {}) {
+    if (!pubkey || !plaintext) {
+      throw new Error("Pubkey and plaintext are required for NIP-44 encryption.");
+    }
+    const priority =
+      Number.isFinite(options?.priority)
+        ? options.priority
+        : NIP46_PRIORITY.LOW;
+    const result = await this.sendRpc("nip44_encrypt", [pubkey, plaintext], {
+      priority,
+    });
+    if (typeof result !== "string") {
+      throw new Error("Remote signer returned invalid NIP-44 ciphertext.");
+    }
+    return result;
+  }
+
+  async nip44Decrypt(pubkey, ciphertext, options = {}) {
+    if (!pubkey || !ciphertext) {
+      throw new Error("Pubkey and ciphertext are required for NIP-44 decryption.");
+    }
+    const priority =
+      Number.isFinite(options?.priority)
+        ? options.priority
+        : NIP46_PRIORITY.LOW;
+    const result = await this.sendRpc("nip44_decrypt", [pubkey, ciphertext], {
+      priority,
+    });
+    if (typeof result !== "string") {
+      throw new Error("Remote signer returned invalid NIP-44 plaintext.");
+    }
+    return result;
+  }
+
+  getActiveSigner() {
+    if (!this.userPubkey) {
+      return null;
+    }
+
+    if (!this.activeSignerCache) {
+      this.activeSignerCache = {
+        type: "nip46",
+        pubkey: this.userPubkey,
+        signEvent: (event) => this.signEvent(event),
+        nip04: {
+          encrypt: (pubkey, plaintext, options) =>
+            this.nip04Encrypt(pubkey, plaintext, options),
+          decrypt: (pubkey, ciphertext, options) =>
+            this.nip04Decrypt(pubkey, ciphertext, options),
+        },
+        nip44: {
+          encrypt: (pubkey, plaintext, options) =>
+            this.nip44Encrypt(pubkey, plaintext, options),
+          decrypt: (pubkey, ciphertext, options) =>
+            this.nip44Decrypt(pubkey, ciphertext, options),
+        },
+        nip04Encrypt: (pubkey, plaintext, options) =>
+          this.nip04Encrypt(pubkey, plaintext, options),
+        nip04Decrypt: (pubkey, ciphertext, options) =>
+          this.nip04Decrypt(pubkey, ciphertext, options),
+        nip44Encrypt: (pubkey, plaintext, options) =>
+          this.nip44Encrypt(pubkey, plaintext, options),
+        nip44Decrypt: (pubkey, ciphertext, options) =>
+          this.nip44Decrypt(pubkey, ciphertext, options),
+      };
+    }
+
+    return this.activeSignerCache;
+  }
+
+  destroy() {
+    if (this.destroyed) {
+      return;
+    }
+    this.destroyed = true;
+
+    devLogger.debug("[nostr] Destroying remote signer client", {
+      remotePubkey: summarizeHexForLog(this.remotePubkey),
+      pendingRequests: this.pendingRequests.size,
+      hasSubscription: Boolean(this.subscription),
+    });
+
+    if (this.subscription && typeof this.subscription.unsub === "function") {
+      try {
+        this.subscription.unsub();
+      } catch (error) {
+        devLogger.warn("[nostr] Failed to unsubscribe remote signer session:", error);
+      }
+    }
+    this.subscription = null;
+
+    if (this.requestQueue) {
+      this.requestQueue.clear();
+    }
+    this.rejectAllPending(new Error("Remote signer session closed."));
+  }
+}
diff --git a/dist/js/nostr/nip46Queue.js b/dist/js/nostr/nip46Queue.js
new file mode 100644
index 00000000..1c1a7629
--- /dev/null
+++ b/dist/js/nostr/nip46Queue.js
@@ -0,0 +1,88 @@
+// js/nostr/nip46Queue.js
+
+import { devLogger } from "../utils/logger.js";
+
+export const NIP46_PRIORITY = Object.freeze({
+  HIGH: 10,
+  NORMAL: 5,
+  LOW: 1,
+});
+
+export class Nip46RequestQueue {
+  constructor({ minDelayMs = 250 } = {}) {
+    this.minDelayMs = minDelayMs;
+    this.queue = [];
+    this.running = false;
+    this.lastRunTime = 0;
+  }
+
+  enqueue(task, priority = NIP46_PRIORITY.NORMAL) {
+    return new Promise((resolve, reject) => {
+      this.queue.push({
+        task,
+        priority: Number.isFinite(priority) ? priority : NIP46_PRIORITY.NORMAL,
+        resolve,
+        reject,
+        addedAt: Date.now(),
+      });
+      // Sort by priority (descending), then by insertion time (ascending) for fairness
+      this.queue.sort((a, b) => {
+        if (b.priority !== a.priority) {
+          return b.priority - a.priority;
+        }
+        return a.addedAt - b.addedAt;
+      });
+      this.process();
+    });
+  }
+
+  async process() {
+    if (this.running) return;
+    this.running = true;
+
+    while (this.queue.length > 0) {
+      const now = Date.now();
+      const timeSinceLast = now - this.lastRunTime;
+
+      if (timeSinceLast < this.minDelayMs) {
+        const waitMs = this.minDelayMs - timeSinceLast;
+        await new Promise((r) => setTimeout(r, waitMs));
+      }
+
+      const item = this.queue.shift();
+      if (!item) break; // Should not happen given while condition
+
+      const { task, resolve, reject } = item;
+
+      try {
+        const result = await task();
+        this.lastRunTime = Date.now();
+        resolve(result);
+      } catch (error) {
+        this.lastRunTime = Date.now();
+        reject(error);
+      }
+    }
+
+    this.running = false;
+  }
+
+  /**
+   * Clears the queue, rejecting all pending tasks.
+   * Useful when disconnecting or destroying the client.
+   */
+  clear(error) {
+    const pending = this.queue;
+    this.queue = [];
+
+    const rejection = error || new Error("Queue cleared");
+
+    for (const item of pending) {
+      try {
+        item.reject(rejection);
+      } catch (e) {
+        devLogger.warn("[nostr] Failed to reject cleared queue item:", e);
+      }
+    }
+  }
+}
diff --git a/dist/js/nostr/nip71.js b/dist/js/nostr/nip71.js
new file mode 100644
index 00000000..25e5cf6a
--- /dev/null
+++ b/dist/js/nostr/nip71.js
@@ -0,0 +1,1530 @@
+import { deriveTitleFromEvent } from "../videoEventUtils.js";
+import { extractBtihFromMagnet, extractMagnetHints } from "../magnetShared.js";
+import { devLogger } from "../utils/logger.js";
+import {
+  getStoragePointerFromTags,
+  resolveInfoJsonUrl,
+} from "../utils/storagePointer.js";
+import { getCachedNostrTools } from "./toolkit.js";
+import {
+  validateEventAgainstSchema,
+  NOTE_TYPES,
+} from "../nostrEventSchemas.js";
+
+function stringFromInput(value) {
+  if (value === null || value === undefined) {
+    return "";
+  }
+  if (typeof value === "string") {
+    return value.trim();
+  }
+  if (typeof value === "number") {
+    return Number.isFinite(value) ? String(value) : "";
+  }
+  return String(value).trim();
+}
+
+const HEX_32_BYTE_REGEX = /^[0-9a-f]{64}$/i;
+
+function decodeNpubToHex(candidate) {
+  const globalDecoder =
+    typeof window !== "undefined" ? window?.NostrTools?.nip19?.decode : null;
+  const toolkit = getCachedNostrTools();
+  const toolkitDecoder = toolkit?.nip19?.decode;
+  const decoder =
+    typeof globalDecoder === "function" ? globalDecoder : toolkitDecoder;
+  if (typeof decoder !== "function") {
+    return null;
+  }
+  try {
+    const decoded = decoder(candidate);
+    if (decoded?.type === "npub" && typeof decoded.data === "string") {
+      return decoded.data.toLowerCase();
+    }
+    if (decoded?.type === "npub" && typeof decoded.data?.pubkey === "string") {
+      return decoded.data.pubkey.toLowerCase();
+    }
+  } catch (error) {
+    devLogger.warn("[nostr] Failed to decode npub participant pubkey", error);
+  }
+  return null;
+}
+
+function normalizeNostrPubkey(candidate) {
+  const value = stringFromInput(candidate);
+  if (!value) {
+    return null;
+  }
+  if (HEX_32_BYTE_REGEX.test(value)) {
+    return value.toLowerCase();
+  }
+  if (value.toLowerCase().startsWith("npub1")) {
+    const decoded = decodeNpubToHex(value);
+    if (decoded && HEX_32_BYTE_REGEX.test(decoded)) {
+      return decoded;
+    }
+    return null;
+  }
+  return null;
+}
+
+function normalizeUnixSeconds(value) {
+  if (value === null || value === undefined || value === "") {
+    return "";
+  }
+  if (typeof value === "number" && Number.isFinite(value)) {
+    const normalized = value > 1e12 ? value / 1000 : value;
+    return String(Math.floor(normalized));
+  }
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if (!trimmed) {
+      return "";
+    }
+    const numeric = Number(trimmed);
+    if (Number.isFinite(numeric)) {
+      const normalized = numeric > 1e12 ? numeric / 1000 : numeric;
+      return String(Math.floor(normalized));
+    }
+    const parsed = Date.parse(trimmed);
+    if (!Number.isNaN(parsed)) {
+      return String(Math.floor(parsed / 1000));
+    }
+  }
+  return "";
+}
+
+function parseNonNegativeNumber(value, { allowFloat = false } = {}) {
+  if (typeof value === "number" && Number.isFinite(value)) {
+    if (!allowFloat && !Number.isInteger(value)) {
+      return null;
+    }
+    return value >= 0 ? value : null;
+  }
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if (!trimmed) {
+      return null;
+    }
+    const numeric = Number(trimmed);
+    if (!Number.isFinite(numeric)) {
+      return null;
+    }
+    if (!allowFloat && !Number.isInteger(numeric)) {
+      return null;
+    }
+    return numeric >= 0 ? numeric : null;
+  }
+  return null;
+}
+
+function formatNonNegativeNumber(value, { allowFloat = false } = {}) {
+  if (value === null || value === undefined || value === "") {
+    return "";
+  }
+
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if (!trimmed) {
+      return "";
+    }
+    const numeric = Number(trimmed);
+    if (!Number.isFinite(numeric) || numeric < 0) {
+      return "";
+    }
+    if (!allowFloat && !Number.isInteger(numeric)) {
+      return "";
+    }
+    if (/^\d+(?:\.\d+)?$/.test(trimmed)) {
+      return trimmed;
+    }
+    return allowFloat ? String(numeric) : String(Math.trunc(numeric));
+  }
+
+  if (typeof value === "number" && Number.isFinite(value) && value >= 0) {
+    if (!allowFloat && !Number.isInteger(value)) {
+      return "";
+    }
+    return String(value);
+  }
+
+  return "";
+}
+
+function normalizeNip71Kind(value) {
+  const numeric =
+    typeof value === "string"
+      ? Number(value.trim())
+      : typeof value === "number"
+        ? value
+        : Number.NaN;
+  if (numeric === 22) {
+    return 22;
+  }
+  return 21;
+}
+
+function trimTrailingEmpty(values) {
+  const trimmed = [...values];
+  while (trimmed.length && !trimmed[trimmed.length - 1]) {
+    trimmed.pop();
+  }
+  return trimmed;
+}
+
+function buildImetaTags(variants) {
+  if (!Array.isArray(variants)) {
+    return [];
+  }
+  const tags = [];
+  for (const variant of variants) {
+    if (!variant || typeof variant !== "object") {
+      continue;
+    }
+    const dim = stringFromInput(variant.dim);
+    const url = stringFromInput(variant.url);
+    const x = stringFromInput(variant.x);
+    const rawMime = stringFromInput(variant.m);
+    const mime = rawMime ? rawMime.toLowerCase() : "";
+    const duration = formatNonNegativeNumber(variant.duration, {
+      allowFloat: true,
+    });
+    const bitrate = formatNonNegativeNumber(variant.bitrate, {
+      allowFloat: false,
+    });
+    const image = Array.isArray(variant.image)
+      ? variant.image.map(stringFromInput).filter(Boolean)
+      : [];
+    const fallback = Array.isArray(variant.fallback)
+      ? variant.fallback.map(stringFromInput).filter(Boolean)
+      : [];
+    const service = Array.isArray(variant.service)
+      ? variant.service.map(stringFromInput).filter(Boolean)
+      : [];
+
+    if (
+      !dim &&
+      !url &&
+      !x &&
+      !mime &&
+      !duration &&
+      !bitrate &&
+      !image.length &&
+      !fallback.length &&
+      !service.length
+    ) {
+      continue;
+    }
+
+    const entries = ["imeta"];
+    if (dim) {
+      entries.push(`dim ${dim}`);
+    }
+    if (url) {
+      entries.push(`url ${url}`);
+    }
+    if (x) {
+      entries.push(`x ${x}`);
+    }
+    if (mime) {
+      entries.push(`m ${mime}`);
+    }
+    if (duration) {
+      entries.push(`duration ${duration}`);
+    }
+    if (bitrate) {
+      entries.push(`bitrate ${bitrate}`);
+    }
+    image.forEach((value) => entries.push(`image ${value}`));
+    fallback.forEach((value) => entries.push(`fallback ${value}`));
+    service.forEach((value) => entries.push(`service ${value}`));
+
+    tags.push(entries);
+  }
+  return tags;
+}
+
+function buildTextTrackTag(track) {
+  if (!track || typeof track !== "object") {
+    return null;
+  }
+  const url = stringFromInput(track.url);
+  const type = stringFromInput(track.type);
+  const language = stringFromInput(track.language);
+  if (!url && !type && !language) {
+    return null;
+  }
+  const values = trimTrailingEmpty([url, type, language]);
+  return ["text-track", ...values];
+}
+
+function buildSegmentTag(segment) {
+  if (!segment || typeof segment !== "object") {
+    return null;
+  }
+  const start = stringFromInput(segment.start);
+  const end = stringFromInput(segment.end);
+  const title = stringFromInput(segment.title);
+  const thumbnail = stringFromInput(segment.thumbnail);
+  if (!start && !end && !title && !thumbnail) {
+    return null;
+  }
+  const values = trimTrailingEmpty([start, end, title, thumbnail]);
+  return ["segment", ...values];
+}
+
+function buildParticipantTag(participant) {
+  if (!participant || typeof participant !== "object") {
+    return null;
+  }
+  const rawPubkey = participant.pubkey;
+  const pubkey = normalizeNostrPubkey(rawPubkey);
+  if (!pubkey) {
+    const candidate = stringFromInput(rawPubkey);
+    if (candidate) {
+      devLogger.warn(
+        "[nostr] Dropping NIP-71 participant tag with invalid pubkey",
+        { pubkey: candidate }
+      );
+    }
+    return null;
+  }
+  const relay = stringFromInput(participant.relay);
+  // NIP-71 "Other tags" mandates 32-byte hex participant pubkeys.
+  const values = ["p", pubkey];
+  if (relay) {
+    values.push(relay);
+  }
+  return values;
+}
+
+/**
+ * Converts a NIP-71 metadata object into Nostr tags.
+ *
+ * Mapping:
+ * - `title` -> `['title', ...]`
+ * - `publishedAt` -> `['published_at', ...]`
+ * - `imeta` -> `['imeta', 'url', ..., 'dim', ...]` (Video variants)
+ * - `textTracks` -> `['text-track', ...]`
+ * - `segments` -> `['segment', ...]`
+ * - `hashtags` -> `['t', ...]`
+ * - `participants` -> `['p', ...]`
+ * - `references` -> `['r', ...]`
+ *
+ * @param {object} metadata - The metadata object (parsed structure).
+ * @returns {string[][]} Array of tags ready for the event.
+ */
+export function buildNip71MetadataTags(metadata) {
+  if (!metadata || typeof metadata !== "object") {
+    return [];
+  }
+
+  const tags = [];
+
+  const normalizedTitle = stringFromInput(metadata.title);
+  if (normalizedTitle) {
+    tags.push(["title", normalizedTitle]);
+  }
+
+  const publishedAt = normalizeUnixSeconds(metadata.publishedAt);
+  if (publishedAt) {
+    tags.push(["published_at", publishedAt]);
+  }
+
+  const alt = stringFromInput(metadata.alt);
+  if (alt) {
+    tags.push(["alt", alt]);
+  }
+
+  const imetaTags = buildImetaTags(metadata.imeta);
+  if (imetaTags.length) {
+    tags.push(...imetaTags);
+  }
+
+  if (Array.isArray(metadata.textTracks)) {
+    metadata.textTracks.forEach((track) => {
+      const tag = buildTextTrackTag(track);
+      if (tag) {
+        tags.push(tag);
+      }
+    });
+  }
+
+  const contentWarning = stringFromInput(metadata.contentWarning);
+  if (contentWarning) {
+    tags.push(["content-warning", contentWarning]);
+  }
+
+  if (Array.isArray(metadata.segments)) {
+    metadata.segments.forEach((segment) => {
+      const tag = buildSegmentTag(segment);
+      if (tag) {
+        tags.push(tag);
+      }
+    });
+  }
+
+  if (Array.isArray(metadata.hashtags)) {
+    metadata.hashtags
+      .map(stringFromInput)
+      .filter(Boolean)
+      .forEach((value) => {
+        tags.push(["t", value]);
+      });
+  }
+
+  if (Array.isArray(metadata.participants)) {
+    metadata.participants.forEach((participant) => {
+      const tag = buildParticipantTag(participant);
+      if (tag) {
+        tags.push(tag);
+      }
+    });
+  }
+
+  if (Array.isArray(metadata.references)) {
+    metadata.references
+      .map(stringFromInput)
+      .filter(Boolean)
+      .forEach((url) => {
+        tags.push(["r", url]);
+      });
+  }
+
+  return tags;
+}
+
+function parseKeyValuePair(entry) {
+  if (typeof entry !== "string") {
+    return null;
+  }
+  const trimmed = entry.trim();
+  if (!trimmed) {
+    return null;
+  }
+  const spaceIndex = trimmed.indexOf(" ");
+  if (spaceIndex === -1) {
+    return null;
+  }
+  const key = trimmed.slice(0, spaceIndex).trim().toLowerCase();
+  const value = trimmed.slice(spaceIndex + 1).trim();
+  if (!key || !value) {
+    return null;
+  }
+  return { key, value };
+}
+
+function parseImetaTag(tag) {
+  if (!Array.isArray(tag) || tag[0] !== "imeta") {
+    return null;
+  }
+
+  const variant = {
+    image: [],
+    fallback: [],
+    service: [],
+  };
+
+  for (let i = 1; i < tag.length; i += 1) {
+    const parsed = parseKeyValuePair(tag[i]);
+    if (!parsed) {
+      continue;
+    }
+
+    switch (parsed.key) {
+      case "dim":
+        variant.dim = parsed.value;
+        break;
+      case "url":
+        variant.url = parsed.value;
+        break;
+      case "x":
+        variant.x = parsed.value;
+        break;
+      case "m":
+        variant.m = parsed.value;
+        break;
+      case "duration": {
+        const numeric = parseNonNegativeNumber(parsed.value, {
+          allowFloat: true,
+        });
+        variant.duration = numeric ?? parsed.value;
+        break;
+      }
+      case "bitrate": {
+        const numeric = parseNonNegativeNumber(parsed.value);
+        variant.bitrate = numeric ?? parsed.value;
+        break;
+      }
+      case "image":
+        variant.image.push(parsed.value);
+        break;
+      case "fallback":
+        variant.fallback.push(parsed.value);
+        break;
+      case "service":
+        variant.service.push(parsed.value);
+        break;
+      default:
+        break;
+    }
+  }
+
+  const hasContent =
+    Boolean(variant.dim) ||
+    Boolean(variant.url) ||
+    Boolean(variant.x) ||
+    Boolean(variant.m) ||
+    (variant.duration !== undefined && variant.duration !== null && variant.duration !== "") ||
+    (variant.bitrate !== undefined && variant.bitrate !== null && variant.bitrate !== "") ||
+    variant.image.length > 0 ||
+    variant.fallback.length > 0 ||
+    variant.service.length > 0;
+
+  if (!hasContent) {
+    return null;
+  }
+
+  if (!variant.image.length) {
+    delete variant.image;
+  }
+  if (!variant.fallback.length) {
+    delete variant.fallback;
+  }
+  if (!variant.service.length) {
+    delete variant.service;
+  }
+  if (variant.duration === "" || variant.duration === undefined) {
+    delete variant.duration;
+  }
+  if (variant.bitrate === "" || variant.bitrate === undefined) {
+    delete variant.bitrate;
+  }
+
+  return variant;
+}
+
+function parseTextTrackTag(tag) {
+  if (!Array.isArray(tag) || tag[0] !== "text-track") {
+    return null;
+  }
+  const url = stringFromInput(tag[1]);
+  const type = stringFromInput(tag[2]);
+  const language = stringFromInput(tag[3]);
+  if (!url && !type && !language) {
+    return null;
+  }
+  const track = {};
+  if (url) {
+    track.url = url;
+  }
+  if (type) {
+    track.type = type;
+  }
+  if (language) {
+    track.language = language;
+  }
+  return track;
+}
+
+function parseSegmentTag(tag) {
+  if (!Array.isArray(tag) || tag[0] !== "segment") {
+    return null;
+  }
+
+  const values = [];
+  for (let i = 1; i < tag.length; i += 1) {
+    const value = stringFromInput(tag[i]);
+    values.push(value);
+  }
+
+  while (values.length < 4) {
+    values.push("");
+  }
+
+  const [start, end, title, thumbnail] = values;
+  const hasContent = start || end || title || thumbnail;
+  if (!hasContent) {
+    return null;
+  }
+  const segment = {};
+  if (start) {
+    segment.start = start;
+  }
+  if (end) {
+    segment.end = end;
+  }
+  if (title) {
+    segment.title = title;
+  }
+  if (thumbnail) {
+    segment.thumbnail = thumbnail;
+  }
+  return segment;
+}
+
+function parseParticipantTag(tag) {
+  if (!Array.isArray(tag) || tag[0] !== "p") {
+    return null;
+  }
+  const pubkey = stringFromInput(tag[1]);
+  if (!pubkey) {
+    return null;
+  }
+  const participant = { pubkey };
+  const relay = stringFromInput(tag[2]);
+  if (relay) {
+    participant.relay = relay;
+  }
+  return participant;
+}
+
+function parseReferenceTag(tag) {
+  if (!Array.isArray(tag) || tag[0] !== "r") {
+    return null;
+  }
+  const url = stringFromInput(tag[1]);
+  return url ? url : null;
+}
+
+function parseHashtagTag(tag) {
+  if (!Array.isArray(tag) || tag[0] !== "t") {
+    return null;
+  }
+  const value = stringFromInput(tag[1]);
+  return value || null;
+}
+
+/**
+ * Parses a NIP-71 event (Kind 22 or 21) into a structured metadata object.
+ *
+ * Extracts:
+ * - Standard NIP-71 tags (title, imeta, segments, etc.)
+ * - Pointer references (a, e, d tags) used to link this metadata to the video.
+ *
+ * @param {import("nostr-tools").Event} event - The raw Nostr event.
+ * @returns {{metadata: object, pointers: object, source: object}|null} The parsed structure or null if invalid.
+ */
+export function extractNip71MetadataFromTags(event) {
+  if (!event || typeof event !== "object") {
+    return null;
+  }
+
+  const tags = Array.isArray(event.tags) ? event.tags : [];
+  const metadata = { kind: normalizeNip71Kind(event.kind) };
+
+  const summary = stringFromInput(event.content);
+  if (summary) {
+    metadata.summary = summary;
+  }
+
+  const imeta = [];
+  const textTracks = [];
+  const segments = [];
+  const hashtags = [];
+  const participants = [];
+  const references = [];
+
+  const pointerValues = new Set();
+  const videoRootIds = new Set();
+  const videoEventIds = new Set();
+  const dTags = new Set();
+
+  tags.forEach((tag) => {
+    if (!Array.isArray(tag) || tag.length < 2) {
+      return;
+    }
+
+    const name = tag[0];
+    switch (name) {
+      case "title": {
+        const value = stringFromInput(tag[1]);
+        if (value) {
+          metadata.title = value;
+        }
+        break;
+      }
+      case "published_at": {
+        const value = stringFromInput(tag[1]);
+        if (value) {
+          metadata.publishedAt = value;
+        }
+        break;
+      }
+      case "alt": {
+        const value = stringFromInput(tag[1]);
+        if (value) {
+          metadata.alt = value;
+        }
+        break;
+      }
+      case "duration": {
+        const value = stringFromInput(tag[1]);
+        if (value) {
+          const parsed = Number(value);
+          metadata.duration = Number.isFinite(parsed) ? parsed : value;
+        }
+        break;
+      }
+      case "content-warning": {
+        const value = stringFromInput(tag[1]);
+        if (value) {
+          metadata.contentWarning = value;
+        }
+        break;
+      }
+      case "imeta": {
+        const variant = parseImetaTag(tag);
+        if (variant) {
+          imeta.push(variant);
+        }
+        break;
+      }
+      case "text-track": {
+        const track = parseTextTrackTag(tag);
+        if (track) {
+          textTracks.push(track);
+        }
+        break;
+      }
+      case "segment": {
+        const segment = parseSegmentTag(tag);
+        if (segment) {
+          segments.push(segment);
+        }
+        break;
+      }
+      case "t": {
+        const hashtag = parseHashtagTag(tag);
+        if (hashtag) {
+          hashtags.push(hashtag);
+        }
+        break;
+      }
+      case "p": {
+        const participant = parseParticipantTag(tag);
+        if (participant) {
+          participants.push(participant);
+        }
+        break;
+      }
+      case "r": {
+        const reference = parseReferenceTag(tag);
+        if (reference) {
+          references.push(reference);
+        }
+        break;
+      }
+      case "a": {
+        const pointerValue = stringFromInput(tag[1]).toLowerCase();
+        if (pointerValue) {
+          pointerValues.add(pointerValue);
+          const parts = pointerValue.split(":");
+          if (parts.length === 3 && parts[0] === "30078") {
+            const root = parts[2];
+            if (root) {
+              videoRootIds.add(root);
+            }
+          }
+        }
+        break;
+      }
+      case "video-root": {
+        const value = stringFromInput(tag[1]);
+        if (value) {
+          videoRootIds.add(value);
+        }
+        break;
+      }
+      case "e": {
+        const value = stringFromInput(tag[1]);
+        if (value) {
+          videoEventIds.add(value);
+        }
+        break;
+      }
+      case "d": {
+        const value = stringFromInput(tag[1]);
+        if (value) {
+          dTags.add(value);
+        }
+        break;
+      }
+      default:
+        break;
+    }
+  });
+
+  if (imeta.length) {
+    metadata.imeta = imeta;
+
+    const legacyDuration = parseNonNegativeNumber(metadata.duration, {
+      allowFloat: true,
+    });
+
+    if (legacyDuration !== null) {
+      metadata.duration = legacyDuration;
+    } else {
+      const variantDurations = imeta
+        .map((variant) => parseNonNegativeNumber(variant?.duration, { allowFloat: true }))
+        .filter((value) => value !== null);
+
+      if (variantDurations.length) {
+        metadata.duration = Math.max(...variantDurations);
+      }
+    }
+  }
+  if (textTracks.length) {
+    metadata.textTracks = textTracks;
+  }
+  if (segments.length) {
+    metadata.segments = segments;
+  }
+  if (hashtags.length) {
+    metadata.hashtags = hashtags;
+    metadata.t = hashtags;
+  }
+  if (participants.length) {
+    metadata.participants = participants;
+  }
+  if (references.length) {
+    metadata.references = references;
+  }
+
+  return {
+    metadata,
+    pointers: {
+      pointerValues,
+      videoRootIds,
+      videoEventIds,
+      dTags,
+    },
+    source: {
+      id: typeof event.id === "string" ? event.id : "",
+      created_at: Number.isFinite(event.created_at) ? event.created_at : null,
+      kind: Number.isFinite(event.kind) ? event.kind : normalizeNip71Kind(event.kind),
+    },
+  };
+}
+
+function cloneNip71Metadata(metadata) {
+  if (!metadata || typeof metadata !== "object") {
+    return null;
+  }
+  try {
+    return JSON.parse(JSON.stringify(metadata));
+  } catch (error) {
+    devLogger.warn("[nostr] Failed to clone NIP-71 metadata", error);
+    return { ...metadata };
+  }
+}
+
+export function getDTagValueFromTags(tags) {
+  if (!Array.isArray(tags)) {
+    return "";
+  }
+  for (const tag of tags) {
+    if (!Array.isArray(tag) || tag[0] !== "d") {
+      continue;
+    }
+    if (typeof tag[1] === "string" && tag[1]) {
+      return tag[1];
+    }
+  }
+  return "";
+}
+
+export function buildVideoPointerValue(pubkey, videoRootId) {
+  const normalizedRoot = stringFromInput(videoRootId);
+  const normalizedPubkey = stringFromInput(pubkey).toLowerCase();
+  if (!normalizedRoot || !normalizedPubkey) {
+    return "";
+  }
+  return `30078:${normalizedPubkey}:${normalizedRoot}`;
+}
+
+export function buildNip71PointerTags({
+  pubkey = "",
+  videoRootId = "",
+  videoEventId = "",
+  dTag = "",
+} = {}) {
+  const pointerTags = [];
+
+  const normalizedRoot = stringFromInput(videoRootId);
+  const normalizedEventId = stringFromInput(videoEventId);
+  const normalizedDTag = stringFromInput(dTag);
+
+  if (normalizedRoot) {
+    const pointerValue = buildVideoPointerValue(pubkey, normalizedRoot);
+    if (pointerValue) {
+      pointerTags.push(["a", pointerValue]);
+    }
+    pointerTags.push(["video-root", normalizedRoot]);
+  }
+
+  if (normalizedEventId) {
+    pointerTags.push(["e", normalizedEventId]);
+  }
+
+  if (normalizedDTag) {
+    pointerTags.push(["d", normalizedDTag]);
+  }
+
+  return pointerTags;
+}
+
+/**
+ * Constructs a Kind 22 (Video Wrapper) or Kind 21 (Video Segment) event.
+ *
+ * This event holds the NIP-71 categorization and metadata, separate from the
+ * playable video note (Kind 30078). It links to the video via `a` or `e` tags.
+ *
+ * @param {object} params
+ * @param {object} params.metadata - The NIP-71 metadata object.
+ * @param {string} params.pubkey - The publisher's public key.
+ * @param {string} params.title - The title (required by NIP-71).
+ * @param {string} [params.summaryFallback] - Fallback content if summary is missing.
+ * @param {number} [params.createdAt] - Timestamp.
+ * @param {object} [params.pointerIdentifiers] - Pointers to the target video ({videoRootId, eventId, dTag}).
+ * @returns {import("nostr-tools").Event|null} The unsigned event object.
+ */
+export function buildNip71VideoEvent({
+  metadata,
+  pubkey = "",
+  title,
+  summaryFallback = "",
+  createdAt = Math.floor(Date.now() / 1000),
+  pointerIdentifiers = {},
+} = {}) {
+  if (!metadata || typeof metadata !== "object") {
+    return null;
+  }
+
+  const normalizedTitle = stringFromInput(title);
+  if (!normalizedTitle) {
+    return null;
+  }
+
+  const summaryCandidates = [
+    stringFromInput(metadata.summary),
+    stringFromInput(summaryFallback),
+    normalizedTitle,
+  ];
+  const summary = summaryCandidates.find((value) => Boolean(value)) || "";
+
+  const tags = buildNip71MetadataTags({
+    ...metadata,
+    title: normalizedTitle,
+  });
+
+  if (!tags.length) {
+    return null;
+  }
+
+  const normalizedPubkey = stringFromInput(pubkey);
+  const timestamp = Number.isFinite(createdAt)
+    ? Math.floor(createdAt)
+    : Math.floor(Date.now() / 1000);
+
+  const pointerTags = buildNip71PointerTags({
+    pubkey,
+    videoRootId: pointerIdentifiers.videoRootId,
+    videoEventId: pointerIdentifiers.eventId,
+    dTag: pointerIdentifiers.dTag,
+  });
+
+  if (pointerTags.length) {
+    tags.push(...pointerTags);
+  }
+
+  const event = {
+    kind: normalizeNip71Kind(metadata.kind),
+    pubkey: normalizedPubkey,
+    created_at: timestamp,
+    tags,
+    content: summary,
+  };
+
+  validateEventAgainstSchema(
+    event.kind === 22 ? NOTE_TYPES.NIP71_SHORT_VIDEO : NOTE_TYPES.NIP71_VIDEO,
+    event,
+  );
+
+  return event;
+}
+
+export function collectNip71PointerRequests(videos = []) {
+  const pointerMap = new Map();
+  if (!Array.isArray(videos)) {
+    return pointerMap;
+  }
+
+  videos.forEach((video) => {
+    if (!video || typeof video !== "object") {
+      return;
+    }
+
+    const rootId = typeof video.videoRootId === "string" ? video.videoRootId : "";
+    const pubkey = typeof video.pubkey === "string" ? video.pubkey.toLowerCase() : "";
+    if (!rootId || !pubkey) {
+      return;
+    }
+
+    const pointerValue = buildVideoPointerValue(pubkey, rootId);
+    if (!pointerValue) {
+      return;
+    }
+
+    let info = pointerMap.get(pointerValue);
+    if (!info) {
+      info = {
+        videoRootId: rootId,
+        pointerValue,
+        videoEventIds: new Set(),
+        dTags: new Set(),
+      };
+      pointerMap.set(pointerValue, info);
+    }
+
+    if (typeof video.id === "string" && video.id) {
+      info.videoEventIds.add(video.id);
+    }
+
+    const dTag = getDTagValueFromTags(video.tags);
+    if (dTag) {
+      info.dTags.add(dTag);
+    }
+  });
+
+  return pointerMap;
+}
+
+function ensureNip71CacheEntry(nip71Cache, videoRootId) {
+  if (!(nip71Cache instanceof Map)) {
+    return null;
+  }
+  const rootId = typeof videoRootId === "string" ? videoRootId : "";
+  if (!rootId) {
+    return null;
+  }
+
+  let entry = nip71Cache.get(rootId);
+  if (!entry) {
+    entry = {
+      byVideoEventId: new Map(),
+      byDTag: new Map(),
+      fallback: null,
+      fetchedPointers: new Set(),
+    };
+    nip71Cache.set(rootId, entry);
+  }
+  return entry;
+}
+
+function storeNip71RecordForRoot(nip71Cache, videoRootId, parsedRecord) {
+  const entry = ensureNip71CacheEntry(nip71Cache, videoRootId);
+  if (!entry || !parsedRecord || !parsedRecord.metadata) {
+    return;
+  }
+
+  const storedRecord = {
+    metadata: cloneNip71Metadata(parsedRecord.metadata),
+    nip71EventId: parsedRecord.source?.id || "",
+    created_at: parsedRecord.source?.created_at || 0,
+    pointerValues: new Set(parsedRecord.pointers?.pointerValues || []),
+    videoEventIds: new Set(parsedRecord.pointers?.videoEventIds || []),
+    dTags: new Set(parsedRecord.pointers?.dTags || []),
+  };
+
+  if (!storedRecord.metadata) {
+    return;
+  }
+
+  storedRecord.pointerValues.forEach((pointerValue) => {
+    if (pointerValue) {
+      entry.fetchedPointers.add(pointerValue);
+    }
+  });
+
+  storedRecord.videoEventIds.forEach((eventId) => {
+    if (eventId) {
+      entry.byVideoEventId.set(eventId, storedRecord);
+    }
+  });
+
+  storedRecord.dTags.forEach((dTag) => {
+    if (dTag) {
+      entry.byDTag.set(dTag, storedRecord);
+    }
+  });
+
+  if (
+    !entry.fallback ||
+    (storedRecord.created_at || 0) >= (entry.fallback.created_at || 0)
+  ) {
+    entry.fallback = storedRecord;
+  }
+}
+
+/**
+ * Processes a batch of NIP-71 events and updates the cache.
+ *
+ * Logic:
+ * - Parses each event.
+ * - Identifies which video root(s) it belongs to (via `a` tag or cache lookup).
+ * - Updates `nip71Cache` with the most recent valid metadata for that root.
+ *
+ * @param {import("nostr-tools").Event[]} events - List of fetched events.
+ * @param {object} context
+ * @param {Map} context.nip71Cache - The shared metadata cache.
+ * @param {Map} [context.pointerMap] - Map of pointer values to video info (optimization).
+ */
+export function processNip71Events(events, { nip71Cache, pointerMap = null } = {}) {
+  if (!Array.isArray(events) || !events.length || !(nip71Cache instanceof Map)) {
+    return;
+  }
+
+  events.forEach((event) => {
+    const parsed = extractNip71MetadataFromTags(event);
+    if (!parsed || !parsed.metadata) {
+      return;
+    }
+
+    const rootIds = new Set(parsed.pointers?.videoRootIds || []);
+    if (!rootIds.size && pointerMap instanceof Map) {
+      const pointerValues = parsed.pointers?.pointerValues;
+      if (pointerValues instanceof Set) {
+        pointerValues.forEach((pointerValue) => {
+          const info = pointerMap.get(pointerValue);
+          if (info?.videoRootId) {
+            rootIds.add(info.videoRootId);
+          }
+        });
+      }
+    }
+
+    if (!rootIds.size) {
+      return;
+    }
+
+    rootIds.forEach((rootId) => {
+      storeNip71RecordForRoot(nip71Cache, rootId, parsed);
+    });
+  });
+}
+
+/**
+ * Hydrates a video object with cached NIP-71 metadata.
+ *
+ * If metadata exists for the video's `videoRootId`, `eventId`, or `d` tag,
+ * it is merged into `video.nip71` and `video.nip71Source`.
+ *
+ * @param {object} video - The video object to mutate.
+ * @param {object} context
+ * @param {Map} context.nip71Cache - The metadata cache.
+ * @returns {object} The mutated video object.
+ */
+export function mergeNip71MetadataIntoVideo(video, { nip71Cache } = {}) {
+  if (!video || typeof video !== "object") {
+    return video;
+  }
+
+  const rootId = typeof video.videoRootId === "string" ? video.videoRootId : "";
+  if (!rootId) {
+    return video;
+  }
+
+  const cacheEntry = nip71Cache instanceof Map ? nip71Cache.get(rootId) : null;
+
+  let appliedMetadata = null;
+  let sourceEventId = "";
+  let sourceCreatedAt = 0;
+
+  if (cacheEntry) {
+    let record = null;
+    const eventId = typeof video.id === "string" ? video.id : "";
+    if (eventId && cacheEntry.byVideoEventId.has(eventId)) {
+      record = cacheEntry.byVideoEventId.get(eventId);
+    }
+
+    if (!record) {
+      const dTag = getDTagValueFromTags(video.tags);
+      if (dTag && cacheEntry.byDTag.has(dTag)) {
+        record = cacheEntry.byDTag.get(dTag);
+      }
+    }
+
+    if (!record && cacheEntry.fallback) {
+      record = cacheEntry.fallback;
+    }
+
+    if (record?.metadata) {
+      const cloned = cloneNip71Metadata(record.metadata);
+      if (cloned) {
+        appliedMetadata = cloned;
+        sourceEventId = record.nip71EventId || "";
+        sourceCreatedAt = Number.isFinite(record.created_at)
+          ? Math.floor(record.created_at)
+          : 0;
+      }
+    }
+  }
+
+  if (!appliedMetadata) {
+    const extracted = extractNip71MetadataFromTags(video);
+    if (extracted?.metadata) {
+      const cloned = cloneNip71Metadata(extracted.metadata);
+      if (cloned) {
+        appliedMetadata = cloned;
+        const extractedSource = extracted.source || {};
+        const fallbackId = typeof video.id === "string" ? video.id : "";
+        sourceEventId = extractedSource.id || fallbackId;
+        const candidateCreatedAt = Number.isFinite(extractedSource.created_at)
+          ? Math.floor(extractedSource.created_at)
+          : Number.isFinite(video.created_at)
+            ? Math.floor(video.created_at)
+            : 0;
+        sourceCreatedAt = candidateCreatedAt;
+      }
+    }
+  }
+
+  if (appliedMetadata && Array.isArray(video.tags)) {
+    const hasVideoTopicTag = video.tags.some(
+      (tag) => Array.isArray(tag) && tag[0] === "t" && tag[1] === "video",
+    );
+    if (hasVideoTopicTag) {
+      if (Array.isArray(appliedMetadata.hashtags)) {
+        const filteredHashtags = appliedMetadata.hashtags.filter((value) => {
+          if (typeof value !== "string") {
+            return false;
+          }
+          const trimmed = value.trim();
+          return trimmed && trimmed.toLowerCase() !== "video";
+        });
+        if (filteredHashtags.length) {
+          appliedMetadata.hashtags = filteredHashtags;
+        } else {
+          delete appliedMetadata.hashtags;
+        }
+      }
+
+      if (Array.isArray(appliedMetadata.t)) {
+        const filteredTopics = appliedMetadata.t.filter((value) => {
+          if (typeof value !== "string") {
+            return false;
+          }
+          const trimmed = value.trim();
+          return trimmed && trimmed.toLowerCase() !== "video";
+        });
+        if (filteredTopics.length) {
+          appliedMetadata.t = filteredTopics;
+        } else {
+          delete appliedMetadata.t;
+        }
+      }
+    }
+  }
+
+  if (appliedMetadata) {
+    video.nip71 = appliedMetadata;
+    video.nip71Source = {
+      eventId: sourceEventId,
+      created_at: sourceCreatedAt,
+    };
+  } else {
+    if (video.nip71) {
+      delete video.nip71;
+    }
+    if (video.nip71Source) {
+      delete video.nip71Source;
+    }
+  }
+
+  return video;
+}
+
+export async function populateNip71MetadataForVideos(videos = [], {
+  nip71Cache,
+  pointerMap = null,
+  fetchMetadata,
+} = {}) {
+  if (!Array.isArray(videos) || !videos.length || !(nip71Cache instanceof Map)) {
+    return;
+  }
+
+  const effectivePointerMap =
+    pointerMap instanceof Map ? pointerMap : collectNip71PointerRequests(videos);
+
+  const pointersToFetch = [];
+
+  effectivePointerMap.forEach((info, pointerValue) => {
+    const entry = ensureNip71CacheEntry(nip71Cache, info.videoRootId);
+    if (!entry) {
+      return;
+    }
+
+    let needsFetch = false;
+
+    info.videoEventIds.forEach((eventId) => {
+      if (eventId && !entry.byVideoEventId.has(eventId)) {
+        needsFetch = true;
+      }
+    });
+
+    if (!needsFetch) {
+      info.dTags.forEach((dTag) => {
+        if (dTag && !entry.byDTag.has(dTag)) {
+          needsFetch = true;
+        }
+      });
+    }
+
+    if (!needsFetch && !entry.fallback) {
+      needsFetch = true;
+    }
+
+    if (needsFetch && !entry.fetchedPointers.has(pointerValue)) {
+      pointersToFetch.push(pointerValue);
+    } else {
+      entry.fetchedPointers.add(pointerValue);
+    }
+  });
+
+  if (pointersToFetch.length && typeof fetchMetadata === "function") {
+    await fetchMetadata(effectivePointerMap, pointersToFetch);
+  }
+
+  effectivePointerMap.forEach((info, pointerValue) => {
+    const entry = ensureNip71CacheEntry(nip71Cache, info.videoRootId);
+    if (entry) {
+      entry.fetchedPointers.add(pointerValue);
+    }
+  });
+
+  videos.forEach((video) => {
+    mergeNip71MetadataIntoVideo(video, { nip71Cache });
+  });
+}
+
+const EXTENSION_MIME_MAP = Object.freeze(
+  Object.fromEntries(
+    Object.entries({
+      mp4: "video/mp4",
+      m4v: "video/x-m4v",
+      webm: "video/webm",
+      mkv: "video/x-matroska",
+      mov: "video/quicktime",
+      avi: "video/x-msvideo",
+      ogv: "video/ogg",
+      ogg: "video/ogg",
+      m3u8: "application/x-mpegurl",
+      mpd: "application/dash+xml",
+      ts: "video/mp2t",
+      mpg: "video/mpeg",
+      mpeg: "video/mpeg",
+      flv: "video/x-flv",
+      "3gp": "video/3gpp",
+    }).map(([extension, mimeType]) => [
+      extension,
+      typeof mimeType === "string" ? mimeType.toLowerCase() : "",
+    ]),
+  ),
+);
+
+function inferMimeTypeFromUrl(url) {
+  if (!url || typeof url !== "string") {
+    return "";
+  }
+
+  let pathname = "";
+  try {
+    const parsed = new URL(url);
+    pathname = parsed.pathname || "";
+  } catch (err) {
+    const sanitized = url.split("?")[0].split("#")[0];
+    pathname = sanitized || "";
+  }
+
+  const lastSegment = pathname.split("/").pop() || "";
+  const match = lastSegment.match(/\.([a-z0-9]+)$/i);
+  if (!match) {
+    return "";
+  }
+
+  const extension = match[1].toLowerCase();
+  const mimeType = EXTENSION_MIME_MAP[extension];
+  return typeof mimeType === "string" ? mimeType : "";
+}
+
+export function convertEventToVideo(event = {}) {
+  const safeTrim = (value) => (typeof value === "string" ? value.trim() : "");
+
+  const rawContent = typeof event.content === "string" ? event.content : "";
+  const tags = Array.isArray(event.tags) ? event.tags : [];
+
+  let parsedContent = {};
+  let parseError = null;
+  if (rawContent) {
+    try {
+      const parsed = JSON.parse(rawContent);
+      if (parsed && typeof parsed === "object") {
+        parsedContent = parsed;
+      }
+    } catch (err) {
+      parseError = err;
+      parsedContent = {};
+    }
+  }
+
+  const directUrl = safeTrim(parsedContent.url);
+  const directMagnetRaw = safeTrim(parsedContent.magnet);
+
+  const normalizeMagnetCandidate = (value) => {
+    if (typeof value !== "string") {
+      return "";
+    }
+    const trimmed = value.trim();
+    if (!trimmed) {
+      return "";
+    }
+    if (trimmed.toLowerCase().startsWith("magnet:?")) {
+      return trimmed;
+    }
+    return "";
+  };
+
+  let magnet = normalizeMagnetCandidate(directMagnetRaw);
+  let rawMagnet = magnet ? directMagnetRaw : "";
+
+  const url = directUrl;
+
+  if (!url && !magnet) {
+    return { id: event.id, invalid: true, reason: "missing playable source" };
+  }
+
+  const thumbnail = safeTrim(parsedContent.thumbnail);
+  const description = safeTrim(parsedContent.description);
+  const rawMode = safeTrim(parsedContent.mode);
+  const mode = rawMode || "live";
+  const deleted = parsedContent.deleted === true;
+  const isPrivate = parsedContent.isPrivate === true;
+  const isNsfw = parsedContent.isNsfw === true;
+  const isForKids = parsedContent.isForKids === true && !isNsfw;
+  const videoRootId = safeTrim(parsedContent.videoRootId) || event.id;
+  const wsField = safeTrim(parsedContent.ws);
+  const xsField = safeTrim(parsedContent.xs);
+  const enableComments =
+    parsedContent.enableComments === false ? false : true;
+
+  const normalizeSha256 = (candidate) => {
+    if (typeof candidate !== "string") {
+      return "";
+    }
+    const normalized = candidate.trim().toLowerCase();
+    if (!normalized) {
+      return "";
+    }
+    return /^[0-9a-f]{64}$/.test(normalized) ? normalized : "";
+  };
+
+  let infoHash = "";
+  const pushInfoHash = (candidate) => {
+    if (typeof candidate !== "string") {
+      return false;
+    }
+    const normalized = candidate.trim().toLowerCase();
+    if (/^[0-9a-f]{40}$/.test(normalized)) {
+      infoHash = normalized;
+      return true;
+    }
+    return false;
+  };
+
+  pushInfoHash(parsedContent.infoHash);
+  const fileSha256 = normalizeSha256(parsedContent.fileSha256);
+  const originalFileSha256 = normalizeSha256(parsedContent.originalFileSha256);
+
+  if (!infoHash && magnet) {
+    const extracted = extractBtihFromMagnet(magnet);
+    if (extracted) {
+      infoHash = extracted;
+    }
+  }
+
+  let derivedTitle = typeof parsedContent.title === "string" ? parsedContent.title : "";
+  if (!derivedTitle) {
+    derivedTitle = deriveTitleFromEvent({
+      id: event.id,
+      pubkey: event.pubkey,
+      content: rawContent,
+      tags,
+    });
+  }
+
+  let title = safeTrim(derivedTitle);
+
+  if (!title) {
+    const reason = parseError
+      ? "missing title (json parse error)"
+      : "missing title";
+    return { id: event.id, invalid: true, reason };
+  }
+
+  const rawVersion = parsedContent.version;
+  let version = rawVersion === undefined ? 2 : Number(rawVersion);
+  if (!Number.isFinite(version)) {
+    version = rawVersion === undefined ? 2 : 1;
+  }
+
+  if (version < 2) {
+    return {
+      id: event.id,
+      invalid: true,
+      reason: `unsupported version ${version}`,
+    };
+  }
+
+  const magnetHints = magnet
+    ? extractMagnetHints(magnet)
+    : { ws: "", xs: "" };
+  const ws = wsField || magnetHints.ws || "";
+  const xs = xsField || magnetHints.xs || "";
+  const storagePointer = getStoragePointerFromTags(tags);
+  const infoJsonUrl = resolveInfoJsonUrl({
+    storagePointer,
+    url,
+  });
+
+  return {
+    id: event.id,
+    videoRootId,
+    version,
+    isPrivate,
+    isNsfw,
+    isForKids,
+    title,
+    url,
+    magnet,
+    rawMagnet,
+    infoHash,
+    fileSha256,
+    originalFileSha256,
+    thumbnail,
+    description,
+    mode,
+    deleted,
+    ws,
+    xs,
+    storagePointer,
+    infoJsonUrl,
+    enableComments,
+    pubkey: event.pubkey,
+    created_at: event.created_at,
+    tags,
+    invalid: false,
+  };
+}
+
+export { stringFromInput };
diff --git a/dist/js/nostr/publishHelpers.js b/dist/js/nostr/publishHelpers.js
new file mode 100644
index 00000000..429fcd10
--- /dev/null
+++ b/dist/js/nostr/publishHelpers.js
@@ -0,0 +1,1334 @@
+import { ENSURE_PRESENCE_REBROADCAST_COOLDOWN_SECONDS } from "../config.js";
+import {
+  publishEventToRelays,
+  assertAnyRelayAccepted,
+  summarizePublishResults,
+} from "../nostrPublish.js";
+import {
+  buildRepostEvent,
+  buildVideoMirrorEvent,
+  sanitizeAdditionalTags,
+} from "../nostrEventSchemas.js";
+import { normalizePointerInput } from "./watchHistory.js";
+import { sanitizeRelayList } from "./nip46Client.js";
+import {
+  RELAY_URLS,
+  getCachedNostrTools,
+  readToolkitFromScope,
+} from "./toolkit.js";
+import { DEFAULT_NIP07_PERMISSION_METHODS } from "./nip07Permissions.js";
+import { devLogger, userLogger } from "../utils/logger.js";
+import { logRebroadcastCountFailure } from "./countDiagnostics.js";
+import { queueSignEvent } from "./signRequestQueue.js";
+
+const REBROADCAST_GUARD_PREFIX = "bitvid:rebroadcast:v1";
+const rebroadcastAttemptMemory = new Map();
+
+const HEX_PRIVATE_KEY_REGEX = /^[0-9a-f]{64}$/i;
+const HEX64_REGEX = /^[0-9a-f]{64}$/i;
+
+function normalizeSha256TagValue(value) {
+  if (value === undefined || value === null) {
+    return "";
+  }
+  const stringValue = typeof value === "string" ? value : String(value);
+  const trimmed = stringValue.trim().toLowerCase();
+  if (!trimmed) {
+    return "";
+  }
+  if (!HEX64_REGEX.test(trimmed)) {
+    return null;
+  }
+  return trimmed;
+}
+
+export function signEventWithPrivateKey(event, privateKey) {
+  const tools = getCachedNostrTools();
+  const scopedTools = readToolkitFromScope();
+  const canonicalTools =
+    typeof globalThis !== "undefined" &&
+    globalThis.__BITVID_CANONICAL_NOSTR_TOOLS__
+      ? globalThis.__BITVID_CANONICAL_NOSTR_TOOLS__
+      : null;
+  const signFn =
+    typeof canonicalTools?.signEvent === "function"
+      ? canonicalTools.signEvent
+      : typeof tools?.signEvent === "function"
+        ? tools.signEvent
+        : typeof scopedTools?.signEvent === "function"
+          ? scopedTools.signEvent
+          : null;
+  // console.debug('signEventWithPrivateKey', {
+  //   signFn: typeof signFn,
+  //   scopedSign: typeof scopedTools?.signEvent,
+  //   cachedSign: typeof tools?.signEvent,
+  // });
+  const finalizeFn =
+    typeof canonicalTools?.finalizeEvent === "function"
+      ? canonicalTools.finalizeEvent
+      : typeof tools?.finalizeEvent === "function"
+        ? tools.finalizeEvent
+        : typeof scopedTools?.finalizeEvent === "function"
+          ? scopedTools.finalizeEvent
+          : null;
+  const hashFn =
+    typeof canonicalTools?.getEventHash === "function"
+      ? canonicalTools.getEventHash
+      : typeof tools?.getEventHash === "function"
+        ? tools.getEventHash
+        : typeof scopedTools?.getEventHash === "function"
+          ? scopedTools.getEventHash
+          : null;
+
+  if (
+    !privateKey ||
+    typeof privateKey !== "string" ||
+    (!signFn && !finalizeFn)
+  ) {
+    throw new Error("Missing signing primitives");
+  }
+
+  const tags = Array.isArray(event.tags)
+    ? event.tags.map((tag) => (Array.isArray(tag) ? [...tag] : tag))
+    : [];
+
+  const prepared = {
+    kind: event.kind,
+    pubkey: event.pubkey,
+    created_at: event.created_at,
+    tags,
+    content: typeof event.content === "string" ? event.content : "",
+  };
+
+  if (signFn) {
+    const signature = signFn(prepared, privateKey);
+    if (signature && typeof signature === "object") {
+      const idValue =
+        typeof signature.id === "string"
+          ? signature.id
+          : hashFn
+            ? hashFn(prepared)
+            : null;
+      const sigValue =
+        typeof signature.sig === "string"
+          ? signature.sig
+          : typeof signature.signature === "string"
+            ? signature.signature
+            : null;
+      if (!idValue || !sigValue) {
+        throw new Error("Missing signing primitives");
+      }
+      return { ...prepared, id: idValue, sig: sigValue };
+    }
+
+    const sigValue = typeof signature === "string" ? signature : null;
+    if (!sigValue || !hashFn) {
+      throw new Error("Missing signing primitives");
+    }
+    const idValue = hashFn(prepared);
+    return { ...prepared, id: idValue, sig: sigValue };
+  }
+
+  const normalizedKey = privateKey.trim();
+  if (!HEX_PRIVATE_KEY_REGEX.test(normalizedKey)) {
+    throw new Error("Missing signing primitives");
+  }
+
+  const finalized = finalizeFn(prepared, normalizedKey);
+  if (
+    !finalized ||
+    typeof finalized.id !== "string" ||
+    typeof finalized.sig !== "string"
+  ) {
+    throw new Error("Missing signing primitives");
+  }
+  return finalized;
+}
+
+export function deriveRebroadcastBucketIndex(referenceSeconds = null) {
+  const windowSeconds = Math.max(
+    1,
+    Number(ENSURE_PRESENCE_REBROADCAST_COOLDOWN_SECONDS) || 0,
+  );
+  const baseSeconds = Number.isFinite(referenceSeconds)
+    ? Math.max(0, Math.floor(referenceSeconds))
+    : Math.floor(Date.now() / 1000);
+  return Math.floor(baseSeconds / windowSeconds);
+}
+
+export function getRebroadcastCooldownWindowMs() {
+  const windowSeconds = Math.max(
+    1,
+    Number(ENSURE_PRESENCE_REBROADCAST_COOLDOWN_SECONDS) || 0,
+  );
+  return windowSeconds * 1000;
+}
+
+export function deriveRebroadcastScope(pubkey, eventId) {
+  const normalizedPubkey =
+    typeof pubkey === "string" && pubkey.trim()
+      ? pubkey.trim().toLowerCase()
+      : "";
+  const normalizedEventId =
+    typeof eventId === "string" && eventId.trim()
+      ? eventId.trim().toLowerCase()
+      : "";
+  if (!normalizedPubkey || !normalizedEventId) {
+    return "";
+  }
+  return `${normalizedPubkey}:${normalizedEventId}`;
+}
+
+function readRebroadcastGuardEntry(scope) {
+  if (!scope) {
+    return null;
+  }
+
+  const windowMs = getRebroadcastCooldownWindowMs();
+  const now = Date.now();
+  const entry = rebroadcastAttemptMemory.get(scope);
+
+  if (entry) {
+    const age = now - Number(entry.seenAt);
+    if (!Number.isFinite(entry.seenAt) || age >= windowMs) {
+      rebroadcastAttemptMemory.delete(scope);
+    } else {
+      return entry;
+    }
+  }
+
+  if (typeof localStorage === "undefined") {
+    return null;
+  }
+
+  const storageKey = `${REBROADCAST_GUARD_PREFIX}:${scope}`;
+  let rawValue = null;
+  try {
+    rawValue = localStorage.getItem(storageKey);
+  } catch (error) {
+    devLogger.warn("[nostr] Failed to read rebroadcast guard entry:", error);
+    return null;
+  }
+
+  if (typeof rawValue !== "string" || !rawValue) {
+    return null;
+  }
+
+  const [storedBucketRaw, storedSeenRaw] = rawValue.split(":", 2);
+  const storedBucket = Number(storedBucketRaw);
+  const storedSeenAt = Number(storedSeenRaw);
+
+  if (!Number.isFinite(storedBucket) || !Number.isFinite(storedSeenAt)) {
+    try {
+      localStorage.removeItem(storageKey);
+    } catch (error) {
+      devLogger.warn(
+        "[nostr] Failed to clear corrupt rebroadcast guard entry:",
+        error,
+      );
+    }
+    return null;
+  }
+
+  if (now - storedSeenAt >= windowMs) {
+    try {
+      localStorage.removeItem(storageKey);
+    } catch (error) {
+      devLogger.warn(
+        "[nostr] Failed to remove expired rebroadcast guard entry:",
+        error,
+      );
+    }
+    return null;
+  }
+
+  const normalizedEntry = {
+    bucket: storedBucket,
+    seenAt: storedSeenAt,
+  };
+  rebroadcastAttemptMemory.set(scope, normalizedEntry);
+  return normalizedEntry;
+}
+
+export function hasRecentRebroadcastAttempt(scope, bucketIndex) {
+  if (!scope || !Number.isFinite(bucketIndex)) {
+    return false;
+  }
+
+  const entry = readRebroadcastGuardEntry(scope);
+  return entry ? Number(entry.bucket) === bucketIndex : false;
+}
+
+export function rememberRebroadcastAttempt(scope, bucketIndex) {
+  if (!scope || !Number.isFinite(bucketIndex)) {
+    return;
+  }
+
+  const now = Date.now();
+  const windowMs = getRebroadcastCooldownWindowMs();
+  const entry = rebroadcastAttemptMemory.get(scope);
+  if (entry && Number.isFinite(entry.seenAt) && now - entry.seenAt >= windowMs) {
+    rebroadcastAttemptMemory.delete(scope);
+  }
+
+  const normalizedEntry = { bucket: bucketIndex, seenAt: now };
+  rebroadcastAttemptMemory.set(scope, normalizedEntry);
+
+  if (typeof localStorage === "undefined") {
+    return;
+  }
+
+  const storageKey = `${REBROADCAST_GUARD_PREFIX}:${scope}`;
+  try {
+    localStorage.setItem(storageKey, `${bucketIndex}:${now}`);
+  } catch (error) {
+    devLogger.warn("[nostr] Failed to persist rebroadcast guard entry:", error);
+  }
+}
+
+export function getRebroadcastCooldownState(scope) {
+  if (!scope) {
+    return null;
+  }
+  const entry = readRebroadcastGuardEntry(scope);
+  if (!entry || !Number.isFinite(entry.seenAt)) {
+    return null;
+  }
+  const windowMs = getRebroadcastCooldownWindowMs();
+  const expiresAt = entry.seenAt + windowMs;
+  const remainingMs = Math.max(0, expiresAt - Date.now());
+  if (remainingMs <= 0) {
+    return null;
+  }
+  return {
+    scope,
+    seenAt: entry.seenAt,
+    bucket: entry.bucket,
+    expiresAt,
+    remainingMs,
+  };
+}
+
+export async function signAndPublishEvent({
+  client,
+  event,
+  options = {},
+  resolveActiveSigner,
+  shouldRequestExtensionPermissions,
+  signEventWithPrivateKey: signWithPrivateKey,
+}) {
+  const {
+    context = "event",
+    logName = context,
+    devLogLabel = logName,
+    rejectionLogLevel = "error",
+    relaysOverride = null,
+  } = options;
+
+  const normalizedEventPubkey =
+    event && typeof event.pubkey === "string"
+      ? event.pubkey.toLowerCase()
+      : "";
+  const normalizedLogged =
+    typeof client?.pubkey === "string" ? client.pubkey.toLowerCase() : "";
+  const usingSessionActor =
+    normalizedEventPubkey &&
+    normalizedLogged &&
+    normalizedEventPubkey !== normalizedLogged;
+
+  const signer =
+    typeof resolveActiveSigner === "function"
+      ? resolveActiveSigner(normalizedEventPubkey || client?.pubkey)
+      : null;
+  const canUseActiveSigner =
+    !usingSessionActor && signer && typeof signer.signEvent === "function";
+
+  let eventToSign = event;
+  let signedEvent = null;
+  let signerPubkey = null;
+
+  if (canUseActiveSigner) {
+    let permissionResult = { ok: true };
+    if (
+      typeof shouldRequestExtensionPermissions === "function" &&
+      shouldRequestExtensionPermissions(signer) &&
+      typeof client?.ensureExtensionPermissions === "function"
+    ) {
+      permissionResult = await client.ensureExtensionPermissions(
+        DEFAULT_NIP07_PERMISSION_METHODS,
+      );
+    }
+    if (permissionResult.ok) {
+      try {
+        signedEvent = await queueSignEvent(signer, event, {
+          timeoutMs: options.timeoutMs,
+        });
+      } catch (error) {
+        userLogger.warn(
+          "[nostr] Failed to sign event with active signer:",
+          error,
+        );
+      }
+    } else {
+      userLogger.warn(
+        "[nostr] Active signer permissions missing; falling back to session signer.",
+        permissionResult.error,
+      );
+    }
+  }
+
+  if (!signedEvent) {
+    try {
+      const currentSessionPubkey =
+        typeof client?.sessionActor?.pubkey === "string"
+          ? client.sessionActor.pubkey.toLowerCase()
+          : "";
+
+      if (
+        typeof client?.ensureSessionActor === "function" &&
+        usingSessionActor &&
+        normalizedEventPubkey &&
+        normalizedEventPubkey !== currentSessionPubkey
+      ) {
+        await client.ensureSessionActor(true);
+      } else if (typeof client?.ensureSessionActor === "function") {
+        await client.ensureSessionActor();
+      }
+
+      const sessionActor = client?.sessionActor;
+      if (
+        !sessionActor ||
+        typeof sessionActor.pubkey !== "string" ||
+        !sessionActor.pubkey ||
+        typeof sessionActor.privateKey !== "string" ||
+        !sessionActor.privateKey
+      ) {
+        throw new Error("session-actor-unavailable");
+      }
+
+      const normalizedSessionPubkey = sessionActor.pubkey.toLowerCase();
+      if (
+        !normalizedEventPubkey ||
+        normalizedEventPubkey !== normalizedSessionPubkey ||
+        event.pubkey !== sessionActor.pubkey
+      ) {
+        eventToSign = { ...event, pubkey: sessionActor.pubkey };
+      }
+
+      signedEvent = signWithPrivateKey(eventToSign, sessionActor.privateKey);
+      signerPubkey = sessionActor.pubkey;
+    } catch (error) {
+      userLogger.warn("[nostr] Failed to sign event with session key:", error);
+      throw error;
+    }
+  }
+
+  if (!signerPubkey && signedEvent && typeof signedEvent.pubkey === "string") {
+    signerPubkey = signedEvent.pubkey;
+  }
+
+  devLogger.log(`Signed ${devLogLabel} event:`, signedEvent);
+
+  let targetRelays = sanitizeRelayList(
+    Array.isArray(relaysOverride) && relaysOverride.length
+      ? relaysOverride
+      : Array.isArray(client?.writeRelays) && client.writeRelays.length
+      ? client.writeRelays
+      : client?.relays,
+  );
+
+  if (!targetRelays.length) {
+    targetRelays = Array.from(RELAY_URLS);
+  }
+
+  const publishResults = await publishEventToRelays(
+    client?.pool,
+    targetRelays,
+    signedEvent,
+  );
+
+  let publishSummary;
+  try {
+    publishSummary = assertAnyRelayAccepted(publishResults, { context });
+  } catch (publishError) {
+    if (publishError?.relayFailures?.length) {
+      const logLevel = rejectionLogLevel === "warn" ? "warn" : "error";
+      publishError.relayFailures.forEach(({ url, error: relayError, reason }) => {
+        const logFn = logLevel === "warn" ? userLogger.warn : userLogger.error;
+        logFn(`[nostr] ${logName} rejected by ${url}: ${reason}`, relayError || reason);
+      });
+    }
+    throw publishError;
+  }
+
+  publishSummary.accepted.forEach(({ url }) => {
+    devLogger.log(`${logName} published to ${url}`);
+  });
+
+  if (publishSummary.failed.length) {
+    publishSummary.failed.forEach(({ url, error: relayError }) => {
+      const reason =
+        relayError instanceof Error
+          ? relayError.message
+          : relayError
+          ? String(relayError)
+          : "publish failed";
+      userLogger.warn(
+        `[nostr] ${logName} not accepted by ${url}: ${reason}`,
+        relayError,
+      );
+    });
+  }
+
+  return {
+    signedEvent,
+    summary: publishSummary,
+    signerPubkey,
+    relays: targetRelays,
+  };
+}
+
+export async function repostEvent({
+  client,
+  eventId,
+  options = {},
+  resolveActiveSigner,
+  shouldRequestExtensionPermissions,
+  signEventWithPrivateKey: signWithPrivateKey,
+  eventToAddressPointer,
+}) {
+  const normalizedId =
+    typeof eventId === "string" && eventId.trim() ? eventId.trim() : "";
+  if (!normalizedId) {
+    return { ok: false, error: "invalid-event-id" };
+  }
+
+  let pointer = null;
+  if (options.pointer) {
+    pointer = normalizePointerInput(options.pointer);
+  }
+  if (!pointer) {
+    const type =
+      typeof options.pointerType === "string" ? options.pointerType.trim() : "";
+    const value =
+      typeof options.pointerValue === "string" ? options.pointerValue.trim() : "";
+    if (type && value) {
+      const candidate = [type, value];
+      const relay =
+        typeof options.pointerRelay === "string"
+          ? options.pointerRelay.trim()
+          : "";
+      if (relay) {
+        candidate.push(relay);
+      }
+      pointer = normalizePointerInput(candidate);
+    }
+  }
+
+  const cachedVideo = client?.allEvents?.get(normalizedId) || null;
+  const cachedRaw = client?.rawEvents?.get(normalizedId) || null;
+  let resolvedRawEvent = cachedRaw;
+  const serializeEvent = (event) => {
+    if (!event || typeof event !== "object") {
+      return "";
+    }
+    try {
+      return JSON.stringify(event);
+    } catch (error) {
+      devLogger.warn(
+        `[nostr] Failed to serialize repost target ${normalizedId}`,
+        error,
+      );
+      return "";
+    }
+  };
+  let serializedSourceEvent = serializeEvent(resolvedRawEvent);
+
+  let authorPubkey =
+    typeof options.authorPubkey === "string" && options.authorPubkey.trim()
+      ? options.authorPubkey.trim().toLowerCase()
+      : "";
+
+  if (!authorPubkey && cachedVideo?.pubkey) {
+    authorPubkey = cachedVideo.pubkey.trim().toLowerCase();
+  }
+  if (!authorPubkey && cachedRaw?.pubkey) {
+    authorPubkey = cachedRaw.pubkey.trim().toLowerCase();
+  }
+
+  let address = typeof options.address === "string" ? options.address.trim() : "";
+  if (!address && pointer?.type === "a") {
+    address = pointer.value;
+  }
+
+  let addressRelay =
+    typeof options.addressRelay === "string" ? options.addressRelay.trim() : "";
+  if (!addressRelay && pointer?.type === "a" && pointer.relay) {
+    addressRelay = pointer.relay;
+  }
+
+  const relayCandidates = new Set();
+
+  const rememberRelayCandidate = (value) => {
+    if (typeof value !== "string") {
+      return;
+    }
+    const normalized = value.trim();
+    if (!normalized) {
+      return;
+    }
+    relayCandidates.add(normalized);
+  };
+
+  const rememberPointerRelay = (pointerCandidate) => {
+    const normalizedPointer = normalizePointerInput(pointerCandidate);
+    if (normalizedPointer?.relay) {
+      rememberRelayCandidate(normalizedPointer.relay);
+    }
+  };
+
+  const rememberRelayHintsFromObject = (candidate, depth = 0) => {
+    if (!candidate || typeof candidate !== "object" || depth > 3) {
+      return;
+    }
+
+    const directKeys = [
+      "relay",
+      "relayUrl",
+      "eventRelay",
+      "pointerRelay",
+      "sourceRelay",
+      "originRelay",
+      "addressRelay",
+    ];
+    directKeys.forEach((key) => {
+      if (typeof candidate[key] === "string") {
+        rememberRelayCandidate(candidate[key]);
+      }
+    });
+
+    if (Array.isArray(candidate.relays)) {
+      candidate.relays.forEach((value) => {
+        rememberRelayCandidate(value);
+      });
+    }
+
+    if (candidate.pointer) {
+      rememberPointerRelay(candidate.pointer);
+    }
+    if (candidate.eventPointer) {
+      rememberPointerRelay(candidate.eventPointer);
+    }
+
+    if (candidate.pointerInfo && depth <= 3) {
+      rememberRelayHintsFromObject(candidate.pointerInfo, depth + 1);
+    }
+
+    if (Array.isArray(candidate.pointers)) {
+      candidate.pointers.forEach((pointerCandidate) => {
+        rememberPointerRelay(pointerCandidate);
+      });
+    }
+
+    if (candidate.video && depth <= 3) {
+      rememberRelayHintsFromObject(candidate.video, depth + 1);
+    }
+  };
+
+  let eventRelay =
+    typeof options.eventRelay === "string" ? options.eventRelay.trim() : "";
+  if (eventRelay) {
+    rememberRelayCandidate(eventRelay);
+  }
+
+  if (pointer) {
+    rememberPointerRelay(pointer);
+    if (!eventRelay && pointer.type === "e" && pointer.relay) {
+      eventRelay = pointer.relay;
+    }
+  }
+
+  rememberRelayHintsFromObject(options);
+  rememberRelayHintsFromObject(pointer);
+  rememberRelayHintsFromObject(cachedVideo);
+  rememberRelayHintsFromObject(cachedVideo?.pointerInfo);
+  rememberRelayHintsFromObject(cachedRaw);
+
+  if (addressRelay) {
+    rememberRelayCandidate(addressRelay);
+  }
+
+  const deriveRelayFromRawEvent = (event) => {
+    if (!event || typeof event !== "object") {
+      return "";
+    }
+    const directRelay =
+      typeof event.relay === "string" ? event.relay.trim() : "";
+    if (directRelay) {
+      return directRelay;
+    }
+    const relayCollections = [event.relays, event.seenOn, event.seen_on];
+    for (const collection of relayCollections) {
+      if (!Array.isArray(collection)) {
+        continue;
+      }
+      for (const entry of collection) {
+        if (typeof entry === "string" && entry.trim()) {
+          return entry.trim();
+        }
+      }
+    }
+    return "";
+  };
+
+  const cachedRawRelay = deriveRelayFromRawEvent(cachedRaw);
+  if (cachedRawRelay) {
+    rememberRelayCandidate(cachedRawRelay);
+    if (!eventRelay) {
+      eventRelay = cachedRawRelay;
+    }
+  }
+
+  let targetKind = Number.isFinite(options.kind)
+    ? Math.floor(options.kind)
+    : null;
+
+  const parseAddressMetadata = (candidate) => {
+    if (typeof candidate !== "string" || !candidate) {
+      return;
+    }
+    const parts = candidate.split(":");
+    if (parts.length >= 3) {
+      const maybeKind = Number.parseInt(parts[0], 10);
+      if (Number.isFinite(maybeKind) && !Number.isFinite(targetKind)) {
+        targetKind = maybeKind;
+      }
+      const maybePubkey = parts[1];
+      if (
+        maybePubkey &&
+        !authorPubkey &&
+        /^[0-9a-f]{64}$/i.test(maybePubkey)
+      ) {
+        authorPubkey = maybePubkey.toLowerCase();
+      }
+    }
+  };
+
+  if (address) {
+    parseAddressMetadata(address);
+  }
+
+  if (!Number.isFinite(targetKind)) {
+    if (Number.isFinite(cachedRaw?.kind)) {
+      targetKind = Math.floor(cachedRaw.kind);
+    } else if (Number.isFinite(cachedVideo?.kind)) {
+      targetKind = Math.floor(cachedVideo.kind);
+    } else {
+      targetKind = 30078;
+    }
+  }
+
+  const deriveIdentifierFromVideo = () => {
+    if (!cachedVideo || typeof cachedVideo !== "object") {
+      return "";
+    }
+
+    if (
+      typeof cachedVideo.videoRootId === "string" &&
+      cachedVideo.videoRootId.trim()
+    ) {
+      return cachedVideo.videoRootId.trim();
+    }
+
+    if (Array.isArray(cachedVideo.tags)) {
+      for (const tag of cachedVideo.tags) {
+        if (!Array.isArray(tag) || tag.length < 2) {
+          continue;
+        }
+        if (tag[0] === "d" && typeof tag[1] === "string" && tag[1].trim()) {
+          return tag[1].trim();
+        }
+      }
+    }
+
+    return "";
+  };
+
+  if (!address) {
+    const identifier = deriveIdentifierFromVideo();
+    const ownerPubkey =
+      authorPubkey ||
+      (cachedVideo?.pubkey ? cachedVideo.pubkey.trim().toLowerCase() : "") ||
+      (cachedRaw?.pubkey ? cachedRaw.pubkey.trim().toLowerCase() : "");
+
+    if (identifier && ownerPubkey) {
+      address = `${targetKind}:${ownerPubkey}:${identifier}`;
+      parseAddressMetadata(address);
+    } else if (cachedRaw && typeof eventToAddressPointer === "function") {
+      const fallbackAddress = eventToAddressPointer(cachedRaw);
+      if (fallbackAddress) {
+        address = fallbackAddress;
+        parseAddressMetadata(address);
+      }
+    }
+  }
+
+  const relaysOverride = sanitizeRelayList(
+    Array.isArray(options.relays) && options.relays.length
+      ? options.relays
+      : Array.isArray(client?.writeRelays) && client.writeRelays.length
+      ? client.writeRelays
+      : client?.relays,
+  );
+  const relays = relaysOverride.length ? relaysOverride : Array.from(RELAY_URLS);
+  const probeRelays = (() => {
+    const order = [];
+    if (eventRelay) {
+      order.push(eventRelay);
+    }
+    relayCandidates.forEach((relayUrl) => {
+      if (relayUrl && !order.includes(relayUrl)) {
+        order.push(relayUrl);
+      }
+    });
+    relays.forEach((relayUrl) => {
+      if (relayUrl && !order.includes(relayUrl)) {
+        order.push(relayUrl);
+      }
+    });
+    return order;
+  })();
+
+  if ((!eventRelay || !resolvedRawEvent) && typeof client?.fetchRawEventById === "function") {
+    for (const relayUrl of probeRelays) {
+      if (!relayUrl) {
+        continue;
+      }
+      if (!resolvedRawEvent) {
+        try {
+          const fetched = await client.fetchRawEventById(normalizedId, {
+            relays: [relayUrl],
+          });
+          if (fetched) {
+            resolvedRawEvent = fetched;
+            serializedSourceEvent = serializeEvent(fetched);
+          }
+        } catch (error) {
+          devLogger.warn(
+            `[nostr] Failed to fetch ${normalizedId} from ${relayUrl} while preparing repost`,
+            error,
+          );
+        }
+      }
+
+      if (!eventRelay && resolvedRawEvent) {
+        eventRelay = relayUrl;
+        rememberRelayCandidate(relayUrl);
+      }
+
+      if (eventRelay && resolvedRawEvent) {
+        break;
+      }
+    }
+  }
+
+  if (resolvedRawEvent && !serializedSourceEvent) {
+    serializedSourceEvent = serializeEvent(resolvedRawEvent);
+  }
+
+  if (resolvedRawEvent && !eventRelay) {
+    const rawRelay = deriveRelayFromRawEvent(resolvedRawEvent);
+    if (rawRelay) {
+      eventRelay = rawRelay;
+      rememberRelayCandidate(rawRelay);
+    }
+  }
+
+  if (!eventRelay) {
+    devLogger.warn(
+      `[nostr] Repost aborted: missing source relay for ${normalizedId}`,
+      { candidates: probeRelays },
+    );
+    return {
+      ok: false,
+      error: "missing-event-relay",
+      details: { relays: probeRelays },
+    };
+  }
+
+  devLogger.log(
+    `[nostr] Resolved repost target relay ${eventRelay} for ${normalizedId}`,
+  );
+
+  let actorPubkey =
+    typeof options.actorPubkey === "string" && options.actorPubkey.trim()
+      ? options.actorPubkey.trim()
+      : typeof client?.pubkey === "string" && client.pubkey.trim()
+      ? client.pubkey.trim()
+      : "";
+
+  if (!actorPubkey) {
+    try {
+      const ensured =
+        typeof client?.ensureSessionActor === "function"
+          ? await client.ensureSessionActor()
+          : null;
+      actorPubkey = ensured || "";
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to ensure session actor before repost:", error);
+      return { ok: false, error: "missing-actor", details: error };
+    }
+  }
+
+  if (!actorPubkey) {
+    return { ok: false, error: "missing-actor" };
+  }
+
+  if (!client?.pool) {
+    try {
+      if (typeof client?.ensurePool === "function") {
+        await client.ensurePool();
+      }
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to ensure pool before repost:", error);
+      return { ok: false, error: "pool-unavailable", details: error };
+    }
+  }
+
+  const createdAt =
+    typeof options.created_at === "number" && Number.isFinite(options.created_at)
+      ? Math.max(0, Math.floor(options.created_at))
+      : Math.floor(Date.now() / 1000);
+
+  const additionalTags = sanitizeAdditionalTags(options.additionalTags);
+
+  const repostKind =
+    Number.isFinite(targetKind) && targetKind !== 1
+      ? 16
+      : 6;
+
+  const repostEventPayload = buildRepostEvent({
+    pubkey: actorPubkey,
+    created_at: createdAt,
+    eventId: normalizedId,
+    eventRelay,
+    address,
+    addressRelay,
+    authorPubkey,
+    additionalTags,
+    repostKind,
+    targetKind,
+    targetEvent: resolvedRawEvent,
+    serializedEvent: serializedSourceEvent,
+  });
+
+  try {
+    const { signedEvent, summary, signerPubkey } = await signAndPublishEvent({
+      client,
+      event: repostEventPayload,
+      resolveActiveSigner,
+      shouldRequestExtensionPermissions,
+      signEventWithPrivateKey: signWithPrivateKey,
+      options: {
+        context: "repost",
+        logName: "Repost",
+        devLogLabel: "repost",
+        relaysOverride: relays,
+      },
+    });
+
+    const normalizedSigner =
+      typeof signerPubkey === "string" ? signerPubkey.toLowerCase() : "";
+    const normalizedLogged =
+      typeof client?.pubkey === "string" ? client.pubkey.toLowerCase() : "";
+    const sessionPubkey =
+      typeof client?.sessionActor?.pubkey === "string"
+        ? client.sessionActor.pubkey.toLowerCase()
+        : "";
+
+    const usedSessionActor =
+      normalizedSigner &&
+      normalizedSigner !== normalizedLogged &&
+      normalizedSigner === sessionPubkey;
+
+    const sourceInfo = serializedSourceEvent
+      ? { raw: resolvedRawEvent, serialized: serializedSourceEvent }
+      : null;
+
+    return {
+      ok: true,
+      event: signedEvent,
+      summary,
+      relays,
+      sessionActor: usedSessionActor,
+      signerPubkey,
+      source: sourceInfo,
+    };
+  } catch (error) {
+    devLogger.warn("[nostr] Repost publish failed:", error);
+    const relayFailure =
+      error && typeof error === "object" && Array.isArray(error.relayFailures);
+    return {
+      ok: false,
+      error: relayFailure ? "publish-rejected" : "signing-failed",
+      details: error,
+    };
+  }
+}
+
+export async function mirrorVideoEvent({
+  client,
+  eventId,
+  options = {},
+  resolveActiveSigner,
+  shouldRequestExtensionPermissions,
+  signEventWithPrivateKey: signWithPrivateKey,
+  inferMimeTypeFromUrl,
+}) {
+  const normalizedId =
+    typeof eventId === "string" && eventId.trim() ? eventId.trim() : "";
+  if (!normalizedId) {
+    return { ok: false, error: "invalid-event-id" };
+  }
+
+  const cachedVideo = client?.allEvents?.get(normalizedId) || null;
+
+  const sanitize = (value) => (typeof value === "string" ? value.trim() : "");
+
+  let url = sanitize(options.url);
+  if (!url && cachedVideo?.url) {
+    url = sanitize(cachedVideo.url);
+  }
+
+  if (!url) {
+    return { ok: false, error: "missing-url" };
+  }
+
+  const isPrivate =
+    options.isPrivate === true ||
+    options.isPrivate === "true" ||
+    cachedVideo?.isPrivate === true;
+
+  let magnet = sanitize(options.magnet);
+  if (!magnet && cachedVideo?.magnet) {
+    magnet = sanitize(cachedVideo.magnet);
+  }
+  if (!magnet && cachedVideo?.rawMagnet) {
+    magnet = sanitize(cachedVideo.rawMagnet);
+  }
+  if (!magnet && cachedVideo?.originalMagnet) {
+    magnet = sanitize(cachedVideo.originalMagnet);
+  }
+
+  let thumbnail = sanitize(options.thumbnail);
+  if (!thumbnail && cachedVideo?.thumbnail) {
+    thumbnail = sanitize(cachedVideo.thumbnail);
+  }
+
+  let description = sanitize(options.description);
+  if (!description && cachedVideo?.description) {
+    description = sanitize(cachedVideo.description);
+  }
+
+  let title = sanitize(options.title);
+  if (!title && cachedVideo?.title) {
+    title = sanitize(cachedVideo.title);
+  }
+
+  const providedMimeType = sanitize(options.mimeType);
+  const normalizedProvidedMimeType = providedMimeType
+    ? providedMimeType.toLowerCase()
+    : "";
+  const inferredMimeType = inferMimeTypeFromUrl
+    ? inferMimeTypeFromUrl(url)
+    : "";
+  const normalizedInferredMimeType = inferredMimeType
+    ? inferredMimeType.toLowerCase()
+    : "";
+  const mimeTypeSource =
+    normalizedProvidedMimeType ||
+    normalizedInferredMimeType ||
+    "application/octet-stream";
+  const mimeType = mimeTypeSource.toLowerCase();
+
+  const explicitAlt = sanitize(options.altText);
+  const altText = explicitAlt || description || title || "";
+
+  const fileSha256 = normalizeSha256TagValue(options.fileSha256);
+  if (fileSha256 === null) {
+    return { ok: false, error: "invalid-file-sha" };
+  }
+
+  const originalFileSha256 = normalizeSha256TagValue(
+    options.originalFileSha256,
+  );
+  if (originalFileSha256 === null) {
+    return { ok: false, error: "invalid-original-file-sha" };
+  }
+
+  const tags = [];
+  tags.push(["url", url]);
+  if (mimeType) {
+    tags.push(["m", mimeType]);
+  }
+  if (thumbnail) {
+    tags.push(["thumb", thumbnail]);
+  }
+  if (altText) {
+    tags.push(["alt", altText]);
+  }
+  if (!isPrivate && magnet) {
+    tags.push(["magnet", magnet]);
+  }
+  if (fileSha256) {
+    tags.push(["x", fileSha256]);
+  }
+  if (originalFileSha256) {
+    tags.push(["ox", originalFileSha256]);
+  }
+
+  const additionalTags = sanitizeAdditionalTags(options.additionalTags);
+  if (additionalTags.length) {
+    tags.push(...additionalTags.map((tag) => tag.slice()));
+  }
+
+  let actorPubkey =
+    typeof options.actorPubkey === "string" && options.actorPubkey.trim()
+      ? options.actorPubkey.trim()
+      : typeof client?.pubkey === "string" && client.pubkey.trim()
+      ? client.pubkey.trim()
+      : "";
+
+  if (!actorPubkey) {
+    try {
+      const ensured =
+        typeof client?.ensureSessionActor === "function"
+          ? await client.ensureSessionActor()
+          : null;
+      actorPubkey = ensured || "";
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to ensure session actor before mirror:", error);
+      return { ok: false, error: "missing-actor", details: error };
+    }
+  }
+
+  if (!actorPubkey) {
+    return { ok: false, error: "missing-actor" };
+  }
+
+  if (!client?.pool) {
+    try {
+      if (typeof client?.ensurePool === "function") {
+        await client.ensurePool();
+      }
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to ensure pool before mirror:", error);
+      return { ok: false, error: "pool-unavailable", details: error };
+    }
+  }
+
+  const createdAt =
+    typeof options.created_at === "number" && Number.isFinite(options.created_at)
+      ? Math.max(0, Math.floor(options.created_at))
+      : Math.floor(Date.now() / 1000);
+
+  const relaysOverride = sanitizeRelayList(
+    Array.isArray(options.relays) && options.relays.length
+      ? options.relays
+      : Array.isArray(client?.writeRelays) && client.writeRelays.length
+      ? client.writeRelays
+      : client?.relays,
+  );
+  const relays = relaysOverride.length ? relaysOverride : Array.from(RELAY_URLS);
+
+  const mirrorEventPayload = buildVideoMirrorEvent({
+    pubkey: actorPubkey,
+    created_at: createdAt,
+    tags,
+    content: altText,
+  });
+
+  try {
+    const { signedEvent, summary, signerPubkey } = await signAndPublishEvent({
+      client,
+      event: mirrorEventPayload,
+      resolveActiveSigner,
+      shouldRequestExtensionPermissions,
+      signEventWithPrivateKey: signWithPrivateKey,
+      options: {
+        context: "mirror",
+        logName: "NIP-94 mirror",
+        devLogLabel: "NIP-94 mirror",
+        rejectionLogLevel: "warn",
+        relaysOverride: relays,
+      },
+    });
+
+    const normalizedSigner =
+      typeof signerPubkey === "string" ? signerPubkey.toLowerCase() : "";
+    const normalizedLogged =
+      typeof client?.pubkey === "string" ? client.pubkey.toLowerCase() : "";
+    const sessionPubkey =
+      typeof client?.sessionActor?.pubkey === "string"
+        ? client.sessionActor.pubkey.toLowerCase()
+        : "";
+
+    const usedSessionActor =
+      normalizedSigner &&
+      normalizedSigner !== normalizedLogged &&
+      normalizedSigner === sessionPubkey;
+
+    return {
+      ok: true,
+      event: signedEvent,
+      summary,
+      relays,
+      sessionActor: usedSessionActor,
+      signerPubkey,
+    };
+  } catch (error) {
+    devLogger.warn("[nostr] Mirror publish failed:", error);
+    const relayFailure =
+      error && typeof error === "object" && Array.isArray(error.relayFailures);
+    return {
+      ok: false,
+      error: relayFailure ? "publish-rejected" : "signing-failed",
+      details: error,
+    };
+  }
+}
+
+export async function rebroadcastEvent({ client, eventId, options = {} }) {
+  const normalizedId =
+    typeof eventId === "string" && eventId.trim() ? eventId.trim() : "";
+  if (!normalizedId) {
+    return { ok: false, error: "invalid-event-id" };
+  }
+
+  const candidatePubkeys = [];
+  if (typeof options.pubkey === "string" && options.pubkey.trim()) {
+    candidatePubkeys.push(options.pubkey.trim().toLowerCase());
+  }
+  const cachedVideo = client?.allEvents?.get(normalizedId);
+  if (cachedVideo?.pubkey) {
+    candidatePubkeys.push(cachedVideo.pubkey.toLowerCase());
+  }
+  const cachedRaw = client?.rawEvents?.get(normalizedId);
+  if (cachedRaw?.pubkey) {
+    candidatePubkeys.push(cachedRaw.pubkey.toLowerCase());
+  }
+
+  let normalizedPubkey = "";
+  for (const candidate of candidatePubkeys) {
+    if (typeof candidate === "string" && candidate) {
+      normalizedPubkey = candidate;
+      break;
+    }
+  }
+
+  let guardScope = deriveRebroadcastScope(normalizedPubkey, normalizedId);
+  const guardBucket = deriveRebroadcastBucketIndex();
+  if (guardScope && hasRecentRebroadcastAttempt(guardScope, guardBucket)) {
+    const cooldown = getRebroadcastCooldownState(guardScope);
+    return { ok: false, error: "cooldown-active", throttled: true, cooldown };
+  }
+
+  const relayCandidates =
+    Array.isArray(options.relays) && options.relays.length
+      ? options.relays
+      : Array.isArray(client?.relays) && client.relays.length
+      ? client.relays
+      : RELAY_URLS;
+  const relays = relayCandidates
+    .map((url) => (typeof url === "string" ? url.trim() : ""))
+    .filter(Boolean);
+
+  if (!client?.pool) {
+    try {
+      if (typeof client?.ensurePool === "function") {
+        await client.ensurePool();
+      }
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to ensure pool before rebroadcast:", error);
+      return { ok: false, error: "pool-unavailable", details: error };
+    }
+  }
+
+  let rawEvent =
+    options.rawEvent ||
+    cachedRaw ||
+    (typeof client?.fetchRawEventById === "function"
+      ? await client.fetchRawEventById(normalizedId, { relays })
+      : null);
+
+  if (!rawEvent) {
+    return { ok: false, error: "event-not-found" };
+  }
+
+  if (!normalizedPubkey && typeof rawEvent.pubkey === "string") {
+    normalizedPubkey = rawEvent.pubkey.trim().toLowerCase();
+  }
+
+  const effectiveScope = deriveRebroadcastScope(normalizedPubkey, normalizedId);
+  if (effectiveScope && !guardScope) {
+    guardScope = effectiveScope;
+    if (hasRecentRebroadcastAttempt(guardScope, guardBucket)) {
+      const cooldown = getRebroadcastCooldownState(guardScope);
+      return { ok: false, error: "cooldown-active", throttled: true, cooldown };
+    }
+  }
+
+  if (guardScope) {
+    rememberRebroadcastAttempt(guardScope, guardBucket);
+  }
+
+  let countResult = null;
+  if (options.skipCount !== true) {
+    try {
+      countResult =
+        typeof client?.countEventsAcrossRelays === "function"
+          ? await client.countEventsAcrossRelays([
+              { ids: [normalizedId] },
+            ], {
+              relays,
+              timeoutMs: options.timeoutMs,
+            })
+          : null;
+    } catch (error) {
+      logRebroadcastCountFailure(error);
+    }
+
+    if (countResult?.total && Number(countResult.total) > 0) {
+      return {
+        ok: true,
+        alreadyPresent: true,
+        count: countResult,
+        cooldown: guardScope ? getRebroadcastCooldownState(guardScope) : null,
+      };
+    }
+  }
+
+  const publishResults = await publishEventToRelays(client?.pool, relays, rawEvent);
+
+  try {
+    const summary = assertAnyRelayAccepted(publishResults, { context: "rebroadcast" });
+    return {
+      ok: true,
+      rebroadcast: true,
+      summary,
+      count: countResult,
+      cooldown: guardScope ? getRebroadcastCooldownState(guardScope) : null,
+    };
+  } catch (error) {
+    devLogger.warn("[nostr] Rebroadcast rejected by relays:", error);
+    return {
+      ok: false,
+      error: "publish-rejected",
+      details: error,
+      results: publishResults,
+      cooldown: guardScope ? getRebroadcastCooldownState(guardScope) : null,
+    };
+  }
+}
+
+export { summarizePublishResults };
diff --git a/dist/js/nostr/reactionEvents.js b/dist/js/nostr/reactionEvents.js
new file mode 100644
index 00000000..3311f9b3
--- /dev/null
+++ b/dist/js/nostr/reactionEvents.js
@@ -0,0 +1,509 @@
+import { buildReactionEvent, sanitizeAdditionalTags } from "../nostrEventSchemas.js";
+import { publishEventToRelay } from "../nostrPublish.js";
+import { RELAY_URLS } from "./toolkit.js";
+import { normalizePointerInput } from "./watchHistory.js";
+import { devLogger, userLogger } from "../utils/logger.js";
+import { LRUCache } from "../utils/lruCache.js";
+import { CACHE_POLICIES } from "./cachePolicies.js";
+import { NOTE_TYPES } from "../nostrEventSchemas.js";
+import { queueSignEvent } from "./signRequestQueue.js";
+import { sanitizeRelayList as sanitizeRelayUrls } from "./nip46Client.js";
+
+const CACHE_POLICY = CACHE_POLICIES[NOTE_TYPES.VIDEO_REACTION];
+const reactionCache = new LRUCache({ maxSize: 100 });
+
+function sanitizeRelayList(primary, fallback) {
+  const primaryList = sanitizeRelayUrls(Array.isArray(primary) ? primary : []);
+  if (primaryList.length) {
+    return primaryList;
+  }
+  const fallbackList = sanitizeRelayUrls(Array.isArray(fallback) ? fallback : []);
+  if (fallbackList.length) {
+    return fallbackList;
+  }
+  return sanitizeRelayUrls(RELAY_URLS);
+}
+
+function normalizeString(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+
+function extractEventIdFromPointerInput(pointerInput) {
+  if (!pointerInput) {
+    return "";
+  }
+
+  if (Array.isArray(pointerInput)) {
+    if (
+      pointerInput.length >= 2 &&
+      pointerInput[0] === "e" &&
+      typeof pointerInput[1] === "string"
+    ) {
+      const candidate = pointerInput[1].trim();
+      if (candidate) {
+        return candidate;
+      }
+    }
+    return "";
+  }
+
+  if (typeof pointerInput !== "object") {
+    return "";
+  }
+
+  const candidateKeys = ["eventId", "pointerEventId", "id"];
+  for (const key of candidateKeys) {
+    const candidate = normalizeString(pointerInput[key]);
+    if (candidate) {
+      return candidate;
+    }
+  }
+
+  const normalizedType = normalizeString(pointerInput.type);
+  if (normalizedType === "e") {
+    const candidate = normalizeString(pointerInput.value);
+    if (candidate) {
+      return candidate;
+    }
+  }
+
+  if (pointerInput.pointer) {
+    const nested = extractEventIdFromPointerInput(pointerInput.pointer);
+    if (nested) {
+      return nested;
+    }
+  }
+
+  if (pointerInput.tag) {
+    const nested = extractEventIdFromPointerInput(pointerInput.tag);
+    if (nested) {
+      return nested;
+    }
+  }
+
+  return "";
+}
+
+function extractEventRelayFromPointerInput(pointerInput) {
+  if (!pointerInput) {
+    return "";
+  }
+
+  if (Array.isArray(pointerInput)) {
+    if (
+      pointerInput.length >= 3 &&
+      pointerInput[0] === "e" &&
+      typeof pointerInput[2] === "string"
+    ) {
+      const candidate = pointerInput[2].trim();
+      if (candidate) {
+        return candidate;
+      }
+    }
+    return "";
+  }
+
+  if (typeof pointerInput !== "object") {
+    return "";
+  }
+
+  const candidateRelay = normalizeString(pointerInput.eventRelay);
+  if (candidateRelay) {
+    return candidateRelay;
+  }
+
+  const normalizedType = normalizeString(pointerInput.type);
+  if (normalizedType === "e") {
+    const relayCandidate = normalizeString(pointerInput.relay);
+    if (relayCandidate) {
+      return relayCandidate;
+    }
+  }
+
+  if (pointerInput.pointer) {
+    const nested = extractEventRelayFromPointerInput(pointerInput.pointer);
+    if (nested) {
+      return nested;
+    }
+  }
+
+  if (pointerInput.tag) {
+    const nested = extractEventRelayFromPointerInput(pointerInput.tag);
+    if (nested) {
+      return nested;
+    }
+  }
+
+  return "";
+}
+
+export async function listVideoReactions(client, targetInput, options = {}) {
+  let pool = client?.pool;
+  const ensurePool =
+    typeof client?.ensurePool === "function"
+      ? client.ensurePool.bind(client)
+      : null;
+
+  if (!pool || typeof pool.list !== "function") {
+    if (ensurePool) {
+      try {
+        pool = await ensurePool();
+      } catch (error) {
+        devLogger.warn(
+          "[nostr] Unable to list video reactions: pool init failed.",
+          error,
+        );
+        return [];
+      }
+    }
+  }
+
+  if (!pool || typeof pool.list !== "function") {
+    devLogger.warn("[nostr] Unable to list video reactions: pool missing.");
+    return [];
+  }
+
+  // Normalize target to get video event ID
+  let videoEventId = "";
+  if (typeof targetInput === "string") {
+    videoEventId = targetInput.trim();
+  } else if (targetInput && typeof targetInput === "object") {
+    videoEventId =
+      normalizeString(targetInput.id) ||
+      normalizeString(targetInput.eventId) ||
+      normalizeString(targetInput.videoEventId) ||
+      extractEventIdFromPointerInput(targetInput);
+  }
+
+  if (!videoEventId) {
+    devLogger.warn("[nostr] Invalid target for listVideoReactions (missing ID).");
+    return [];
+  }
+
+  const cacheKey = videoEventId;
+  const cached = reactionCache.get(cacheKey);
+  const ttl = CACHE_POLICY.ttl;
+  const now = Date.now();
+  const forceRefresh = options?.forceRefresh === true;
+
+  if (cached && !forceRefresh && (now - cached.fetchedAt < ttl)) {
+    devLogger.debug(`[nostr] Reactions cache hit for ${cacheKey}`);
+    return cached.items;
+  }
+
+  if (cached) {
+    devLogger.debug(`[nostr] Reactions cache stale for ${cacheKey}, refreshing...`);
+  } else {
+    devLogger.debug(`[nostr] Reactions cache miss for ${cacheKey}`);
+  }
+
+  const relayList = sanitizeRelayList(options.relays, client.relays);
+  const lastSeens = cached?.lastSeenPerRelay || {};
+  const mergedLastSeens = { ...lastSeens };
+
+  const rawResults = [];
+  const filters = [{ kinds: [7], "#e": [videoEventId] }];
+
+  // Parallel fetch from relays with incremental logic
+  await Promise.all(
+    relayList.map(async (url) => {
+      if (!url) return;
+      const lastSeen = lastSeens[url] || 0;
+      // Deep clone filters to apply 'since' safely per relay
+      const relayFilters = filters.map(f => {
+        const copy = { ...f };
+        if (lastSeen > 0) {
+          copy.since = lastSeen + 1;
+        }
+        return copy;
+      });
+
+      try {
+        const events = await pool.list([url], relayFilters);
+        let maxCreated = lastSeen;
+        if (Array.isArray(events)) {
+          for (const ev of events) {
+            rawResults.push(ev);
+            if (ev.created_at > maxCreated) {
+              maxCreated = ev.created_at;
+            }
+          }
+        }
+        if (maxCreated > lastSeen) {
+          mergedLastSeens[url] = maxCreated;
+        }
+      } catch (err) {
+        devLogger.warn(`[nostr] Failed to fetch reactions from ${url}:`, err);
+      }
+    })
+  );
+
+  // Merge with cached items
+  const combinedRaw = cached ? [...cached.items, ...rawResults] : rawResults;
+
+  // Deduplicate by ID and sort by created_at (descending)
+  const dedupe = new Map();
+  for (const event of combinedRaw) {
+    if (!event || typeof event.id !== "string") continue;
+    // Basic validation: must be kind 7 and tag the video
+    if (event.kind !== 7) continue;
+    // We could verify the 'e' tag matches videoEventId, but the filter usually handles it.
+    // Being defensive:
+    const tags = Array.isArray(event.tags) ? event.tags : [];
+    const hasETag = tags.some(t => t[0] === 'e' && t[1] === videoEventId);
+    // Note: some clients might use 'a' tag for parameterized events, but we filtered by #e.
+    if (!hasETag) continue;
+
+    const existing = dedupe.get(event.id);
+    if (!existing || event.created_at > existing.created_at) {
+      dedupe.set(event.id, event);
+    }
+  }
+
+  const finalItems = Array.from(dedupe.values()).sort((a, b) => b.created_at - a.created_at);
+
+  // Update cache
+  if (cacheKey) {
+    reactionCache.set(cacheKey, {
+      items: finalItems,
+      lastSeenPerRelay: mergedLastSeens,
+      fetchedAt: Date.now()
+    });
+  }
+
+  return finalItems;
+}
+
+export async function publishVideoReaction(
+  client,
+  pointerInput,
+  options = {},
+  {
+    resolveActiveSigner,
+    shouldRequestExtensionPermissions,
+    signEventWithPrivateKey,
+    DEFAULT_NIP07_PERMISSION_METHODS,
+  }
+) {
+  if (!client?.pool) {
+    return { ok: false, error: "nostr-uninitialized" };
+  }
+
+  const pointer = normalizePointerInput(pointerInput);
+  if (!pointer) {
+    return { ok: false, error: "invalid-pointer" };
+  }
+
+  const actorPubkey = await client.ensureSessionActor();
+  if (!actorPubkey) {
+    return { ok: false, error: "missing-actor" };
+  }
+
+  const createdAt =
+    typeof options.created_at === "number" && options.created_at > 0
+      ? Math.floor(options.created_at)
+      : Math.floor(Date.now() / 1000);
+
+  const additionalTags = sanitizeAdditionalTags(options.additionalTags);
+
+  const optionRelay =
+    typeof options.pointerRelay === "string" && options.pointerRelay.trim()
+      ? options.pointerRelay.trim()
+      : "";
+
+  const pointerRelay =
+    typeof pointer.relay === "string" && pointer.relay.trim()
+      ? pointer.relay.trim()
+      : optionRelay;
+
+  let pointerEventId = normalizeString(pointer.type === "e" ? pointer.value : "");
+  if (!pointerEventId) {
+    pointerEventId = extractEventIdFromPointerInput(pointerInput);
+  }
+  if (!pointerEventId) {
+    pointerEventId = normalizeString(options.pointerEventId);
+  }
+  if (!pointerEventId && options.video) {
+    pointerEventId =
+      extractEventIdFromPointerInput(options.video.pointerInfo) ||
+      normalizeString(options.video.pointerEventId) ||
+      normalizeString(options.video.eventId) ||
+      normalizeString(options.video.id);
+  }
+
+  let pointerEventRelay = normalizeString(
+    pointer.type === "e" ? pointer.relay : ""
+  );
+  if (!pointerEventRelay) {
+    pointerEventRelay = extractEventRelayFromPointerInput(pointerInput);
+  }
+  if (!pointerEventRelay) {
+    pointerEventRelay = normalizeString(options.pointerEventRelay);
+  }
+  if (!pointerEventRelay && options.video) {
+    pointerEventRelay =
+      normalizeString(options.video.pointerInfo?.eventRelay) ||
+      extractEventRelayFromPointerInput(options.video.pointerInfo) ||
+      normalizeString(options.video.eventRelay) ||
+      normalizeString(options.video.relay);
+  }
+  if (!pointerEventRelay && pointerRelay) {
+    pointerEventRelay = pointerRelay;
+  }
+
+  if (!pointerEventId) {
+    const errorDetails = pointer.type === "a"
+      ? "Unable to resolve event id for address reaction target."
+      : "Unable to resolve event id for reaction target.";
+    devLogger.warn("[nostr] " + errorDetails, pointerInput);
+    return { ok: false, error: "missing-pointer-event-id", details: errorDetails };
+  }
+
+  const pointerTags = [];
+  let pointerTag = null;
+
+  if (pointer.type === "a") {
+    const addressTag = pointerRelay
+      ? ["a", pointer.value, pointerRelay]
+      : ["a", pointer.value];
+    pointerTags.push(addressTag);
+    pointerTag = addressTag;
+  }
+
+  const eventTag = pointerEventRelay
+    ? ["e", pointerEventId, pointerEventRelay]
+    : ["e", pointerEventId];
+
+  pointerTags.push(eventTag);
+
+  if (!pointerTag) {
+    pointerTag = eventTag;
+  }
+
+  const normalizedPointer = {
+    type: pointer.type,
+    value: pointer.value,
+    relay: pointerRelay || null,
+  };
+
+  const explicitTargetAuthor =
+    typeof options.targetAuthorPubkey === "string" && options.targetAuthorPubkey.trim()
+      ? options.targetAuthorPubkey.trim()
+      : typeof options.authorPubkey === "string" && options.authorPubkey.trim()
+      ? options.authorPubkey.trim()
+      : "";
+
+  let content = "+";
+  if (typeof options.content === "string") {
+    content = options.content;
+  } else if (
+    options.content &&
+    typeof options.content === "object" &&
+    !Array.isArray(options.content)
+  ) {
+    try {
+      content = JSON.stringify(options.content);
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to serialize custom reaction content:", error);
+      content = "+";
+    }
+  } else if (options.content !== undefined && options.content !== null) {
+    content = String(options.content);
+  }
+
+  const event = buildReactionEvent({
+    pubkey: actorPubkey,
+    created_at: createdAt,
+    pointerValue: pointer.value,
+    pointerTag,
+    pointerTags,
+    targetPointer: normalizedPointer,
+    targetAuthorPubkey: explicitTargetAuthor,
+    additionalTags,
+    content,
+  });
+
+  let signedEvent = null;
+
+  const normalizedActor =
+    typeof actorPubkey === "string" ? actorPubkey.toLowerCase() : "";
+  const normalizedLogged =
+    typeof client.pubkey === "string" ? client.pubkey.toLowerCase() : "";
+  const signer = resolveActiveSigner(actorPubkey);
+  const canUseActiveSigner =
+    normalizedActor &&
+    normalizedActor === normalizedLogged &&
+    signer &&
+    typeof signer.signEvent === "function";
+
+  if (canUseActiveSigner) {
+    let permissionResult = { ok: true };
+    if (shouldRequestExtensionPermissions(signer)) {
+      permissionResult = await client.ensureExtensionPermissions(
+        DEFAULT_NIP07_PERMISSION_METHODS
+      );
+    }
+    if (permissionResult.ok) {
+      try {
+        signedEvent = await queueSignEvent(signer, event, {
+          timeoutMs: options?.timeoutMs,
+        });
+      } catch (error) {
+        userLogger.warn(
+          "[nostr] Failed to sign reaction event with active signer:",
+          error,
+        );
+        return { ok: false, error: "signing-failed", details: error };
+      }
+    } else {
+      userLogger.warn(
+        "[nostr] Active signer permissions missing; signing reaction with session key.",
+        permissionResult.error,
+      );
+    }
+  }
+
+  if (!signedEvent) {
+    try {
+      if (!client.sessionActor || client.sessionActor.pubkey !== actorPubkey) {
+        await client.ensureSessionActor(true);
+      }
+      if (!client.sessionActor || client.sessionActor.pubkey !== actorPubkey) {
+        throw new Error("session-actor-mismatch");
+      }
+      const privateKey = client.sessionActor.privateKey;
+      signedEvent = signEventWithPrivateKey(event, privateKey);
+    } catch (error) {
+      userLogger.warn("[nostr] Failed to sign reaction event with session key:", error);
+      return { ok: false, error: "signing-failed", details: error };
+    }
+  }
+
+  const relayList = sanitizeRelayList(options.relays, client.relays);
+
+  const publishResults = await Promise.all(
+    relayList.map((url) => publishEventToRelay(client.pool, url, signedEvent))
+  );
+
+  const acceptedRelays = publishResults
+    .filter((result) => result.success)
+    .map((result) => result.url)
+    .filter((url) => typeof url === "string" && url);
+  const success = acceptedRelays.length > 0;
+
+  if (success) {
+    devLogger.info(
+      `[nostr] Reaction event accepted by ${acceptedRelays.length} relay(s):`,
+      acceptedRelays.join(", ")
+    );
+  } else {
+    userLogger.warn("[nostr] Reaction event rejected by relays:", publishResults);
+  }
+
+  return {
+    ok: success,
+    event: signedEvent,
+    results: publishResults,
+    acceptedRelays,
+  };
+}
diff --git a/dist/js/nostr/sessionActor.js b/dist/js/nostr/sessionActor.js
new file mode 100644
index 00000000..bbbafc2f
--- /dev/null
+++ b/dist/js/nostr/sessionActor.js
@@ -0,0 +1,507 @@
+import { devLogger } from "../utils/logger.js";
+
+export const SESSION_ACTOR_STORAGE_KEY = "bitvid:sessionActor:v1";
+export const SESSION_ACTOR_ENCRYPTION_VERSION = 1;
+export const SESSION_ACTOR_KDF_ITERATIONS = 250_000;
+export const SESSION_ACTOR_KDF_HASH = "SHA-256";
+export const SESSION_ACTOR_ENCRYPTION_ALGORITHM = "AES-GCM";
+export const SESSION_ACTOR_SALT_BYTES = 16;
+export const SESSION_ACTOR_IV_BYTES = 12;
+const SESSION_ACTOR_DB_NAME = "bitvidSessionActor";
+const SESSION_ACTOR_DB_VERSION = 1;
+const SESSION_ACTOR_STORE = "sessionActor";
+let sessionActorDbPromise = null;
+
+function arrayBufferToBase64(buffer) {
+  if (!buffer) {
+    return "";
+  }
+
+  let view;
+  if (buffer instanceof ArrayBuffer) {
+    view = new Uint8Array(buffer);
+  } else if (ArrayBuffer.isView(buffer)) {
+    view = new Uint8Array(buffer.buffer, buffer.byteOffset, buffer.byteLength);
+  } else {
+    return "";
+  }
+
+  if (typeof globalThis?.btoa === "function") {
+    let binary = "";
+    for (let index = 0; index < view.length; index += 1) {
+      binary += String.fromCharCode(view[index]);
+    }
+    return globalThis.btoa(binary);
+  }
+
+  if (typeof Buffer !== "undefined") {
+    return Buffer.from(view).toString("base64");
+  }
+
+  return "";
+}
+
+function base64ToUint8Array(base64) {
+  if (typeof base64 !== "string" || !base64.trim()) {
+    return null;
+  }
+
+  let binary;
+  try {
+    if (typeof globalThis?.atob === "function") {
+      binary = globalThis.atob(base64);
+    } else if (typeof Buffer !== "undefined") {
+      binary = Buffer.from(base64, "base64").toString("binary");
+    } else {
+      return null;
+    }
+  } catch (error) {
+    return null;
+  }
+
+  const bytes = new Uint8Array(binary.length);
+  for (let index = 0; index < binary.length; index += 1) {
+    bytes[index] = binary.charCodeAt(index);
+  }
+  return bytes;
+}
+
+function isIndexedDbAvailable() {
+  try {
+    return typeof indexedDB !== "undefined";
+  } catch (error) {
+    return false;
+  }
+}
+
+function openSessionActorDb() {
+  if (!isIndexedDbAvailable()) {
+    return Promise.resolve(null);
+  }
+
+  if (sessionActorDbPromise) {
+    return sessionActorDbPromise;
+  }
+
+  sessionActorDbPromise = new Promise((resolve, reject) => {
+    const request = indexedDB.open(SESSION_ACTOR_DB_NAME, SESSION_ACTOR_DB_VERSION);
+
+    request.onupgradeneeded = () => {
+      const db = request.result;
+      if (!db.objectStoreNames.contains(SESSION_ACTOR_STORE)) {
+        db.createObjectStore(SESSION_ACTOR_STORE);
+      }
+    };
+
+    request.onsuccess = () => {
+      resolve(request.result);
+    };
+
+    request.onerror = () => {
+      reject(request.error || new Error("Failed to open session actor DB"));
+    };
+  });
+
+  return sessionActorDbPromise;
+}
+
+function persistSessionActorToIndexedDb(payload) {
+  return openSessionActorDb()
+    .then((db) => {
+      if (!db) {
+        return false;
+      }
+      return new Promise((resolve, reject) => {
+        const tx = db.transaction(SESSION_ACTOR_STORE, "readwrite");
+        const store = tx.objectStore(SESSION_ACTOR_STORE);
+        store.put(payload, SESSION_ACTOR_STORAGE_KEY);
+        tx.oncomplete = () => resolve(true);
+        tx.onerror = () =>
+          reject(tx.error || new Error("Session actor IndexedDB write failed"));
+        tx.onabort = () =>
+          reject(tx.error || new Error("Session actor IndexedDB write aborted"));
+      });
+    })
+    .catch((error) => {
+      devLogger.warn("[nostr] Failed to persist session actor to IndexedDB:", error);
+      return false;
+    });
+}
+
+function clearStoredSessionActorIndexedDb() {
+  return openSessionActorDb()
+    .then((db) => {
+      if (!db) {
+        return false;
+      }
+      return new Promise((resolve, reject) => {
+        const tx = db.transaction(SESSION_ACTOR_STORE, "readwrite");
+        const store = tx.objectStore(SESSION_ACTOR_STORE);
+        store.delete(SESSION_ACTOR_STORAGE_KEY);
+        tx.oncomplete = () => resolve(true);
+        tx.onerror = () =>
+          reject(tx.error || new Error("Session actor IndexedDB delete failed"));
+        tx.onabort = () =>
+          reject(tx.error || new Error("Session actor IndexedDB delete aborted"));
+      });
+    })
+    .catch((error) => {
+      devLogger.warn("[nostr] Failed to clear session actor IndexedDB entry:", error);
+      return false;
+    });
+}
+
+function generateRandomBytes(length) {
+  const size = Number.isFinite(length) ? Math.max(0, Math.floor(length)) : 0;
+  if (size <= 0) {
+    return new Uint8Array(0);
+  }
+
+  if (globalThis?.crypto?.getRandomValues) {
+    const array = new Uint8Array(size);
+    globalThis.crypto.getRandomValues(array);
+    return array;
+  }
+
+  throw new Error("secure-random-unavailable");
+}
+
+function isSubtleCryptoAvailable() {
+  return !!(
+    globalThis?.crypto?.subtle &&
+    typeof globalThis.crypto.subtle.importKey === "function"
+  );
+}
+
+async function deriveSessionEncryptionKey(passphrase, saltBytes, iterations, hash) {
+  if (!isSubtleCryptoAvailable()) {
+    throw new Error("webcrypto-unavailable");
+  }
+
+  if (!(saltBytes instanceof Uint8Array)) {
+    throw new Error("invalid-salt");
+  }
+
+  const encoder = typeof TextEncoder === "function" ? new TextEncoder() : null;
+  if (!encoder) {
+    throw new Error("text-encoder-unavailable");
+  }
+
+  const passphraseBytes = encoder.encode(passphrase);
+
+  const baseKey = await globalThis.crypto.subtle.importKey(
+    "raw",
+    passphraseBytes,
+    { name: "PBKDF2" },
+    false,
+    ["deriveKey"],
+  );
+
+  const normalizedIterations = Number.isFinite(iterations)
+    ? Math.max(1, Math.floor(iterations))
+    : SESSION_ACTOR_KDF_ITERATIONS;
+  const normalizedHash = typeof hash === "string" && hash.trim()
+    ? hash.trim()
+    : SESSION_ACTOR_KDF_HASH;
+
+  return globalThis.crypto.subtle.deriveKey(
+    {
+      name: "PBKDF2",
+      salt: saltBytes,
+      iterations: normalizedIterations,
+      hash: normalizedHash,
+    },
+    baseKey,
+    { name: SESSION_ACTOR_ENCRYPTION_ALGORITHM, length: 256 },
+    false,
+    ["encrypt", "decrypt"],
+  );
+}
+
+export async function encryptSessionPrivateKey(privateKey, passphrase) {
+  if (typeof privateKey !== "string" || !privateKey.trim()) {
+    throw new Error("invalid-private-key");
+  }
+
+  if (typeof passphrase !== "string" || !passphrase.trim()) {
+    throw new Error("passphrase-required");
+  }
+
+  if (!isSubtleCryptoAvailable()) {
+    throw new Error("webcrypto-unavailable");
+  }
+
+  const encoder = typeof TextEncoder === "function" ? new TextEncoder() : null;
+  if (!encoder) {
+    throw new Error("text-encoder-unavailable");
+  }
+
+  const payload = encoder.encode(privateKey);
+  const salt = generateRandomBytes(SESSION_ACTOR_SALT_BYTES);
+  const iv = generateRandomBytes(SESSION_ACTOR_IV_BYTES);
+  const key = await deriveSessionEncryptionKey(
+    passphrase,
+    salt,
+    SESSION_ACTOR_KDF_ITERATIONS,
+    SESSION_ACTOR_KDF_HASH,
+  );
+
+  const ciphertext = await globalThis.crypto.subtle.encrypt(
+    { name: SESSION_ACTOR_ENCRYPTION_ALGORITHM, iv },
+    key,
+    payload,
+  );
+
+  return {
+    ciphertext: arrayBufferToBase64(ciphertext),
+    salt: arrayBufferToBase64(salt),
+    iv: arrayBufferToBase64(iv),
+    iterations: SESSION_ACTOR_KDF_ITERATIONS,
+    hash: SESSION_ACTOR_KDF_HASH,
+    algorithm: SESSION_ACTOR_ENCRYPTION_ALGORITHM,
+    version: SESSION_ACTOR_ENCRYPTION_VERSION,
+  };
+}
+
+export function normalizeStoredEncryptionMetadata(metadata) {
+  if (!metadata || typeof metadata !== "object") {
+    return null;
+  }
+
+  const salt = typeof metadata.salt === "string" ? metadata.salt.trim() : "";
+  const iv = typeof metadata.iv === "string" ? metadata.iv.trim() : "";
+  if (!salt || !iv) {
+    return null;
+  }
+
+  const iterations = Number.isFinite(metadata.iterations)
+    ? Math.max(1, Math.floor(metadata.iterations))
+    : SESSION_ACTOR_KDF_ITERATIONS;
+  const version = Number.isFinite(metadata.version)
+    ? Math.max(1, Math.floor(metadata.version))
+    : SESSION_ACTOR_ENCRYPTION_VERSION;
+  const algorithm =
+    typeof metadata.algorithm === "string" && metadata.algorithm.trim()
+      ? metadata.algorithm.trim()
+      : SESSION_ACTOR_ENCRYPTION_ALGORITHM;
+  const hash =
+    typeof metadata.hash === "string" && metadata.hash.trim()
+      ? metadata.hash.trim()
+      : SESSION_ACTOR_KDF_HASH;
+
+  return { version, algorithm, salt, iv, iterations, hash };
+}
+
+export async function decryptSessionPrivateKey(payload, passphrase) {
+  if (!payload || typeof payload !== "object") {
+    throw new Error("encrypted-session-invalid");
+  }
+
+  if (typeof passphrase !== "string" || !passphrase.trim()) {
+    throw new Error("passphrase-required");
+  }
+
+  if (!isSubtleCryptoAvailable()) {
+    throw new Error("webcrypto-unavailable");
+  }
+
+  const ciphertext =
+    typeof payload.privateKeyEncrypted === "string"
+      ? payload.privateKeyEncrypted.trim()
+      : "";
+  const encryption = normalizeStoredEncryptionMetadata(payload.encryption);
+
+  if (!ciphertext || !encryption) {
+    throw new Error("encrypted-session-invalid");
+  }
+
+  const cipherBytes = base64ToUint8Array(ciphertext);
+  const saltBytes = base64ToUint8Array(encryption.salt);
+  const ivBytes = base64ToUint8Array(encryption.iv);
+  if (!cipherBytes || !saltBytes || !ivBytes) {
+    throw new Error("encrypted-session-invalid");
+  }
+
+  const key = await deriveSessionEncryptionKey(
+    passphrase,
+    saltBytes,
+    encryption.iterations,
+    encryption.hash,
+  );
+
+  let decrypted;
+  try {
+    decrypted = await globalThis.crypto.subtle.decrypt(
+      { name: encryption.algorithm || SESSION_ACTOR_ENCRYPTION_ALGORITHM, iv: ivBytes },
+      key,
+      cipherBytes,
+    );
+  } catch (error) {
+    const failure = new Error("Failed to decrypt the stored private key.");
+    failure.code = "decrypt-failed";
+    failure.cause = error;
+    throw failure;
+  }
+
+  const decoder = typeof TextDecoder === "function" ? new TextDecoder() : null;
+  if (!decoder) {
+    throw new Error("text-decoder-unavailable");
+  }
+
+  return decoder.decode(decrypted);
+}
+
+export function readStoredSessionActorEntry() {
+  if (typeof localStorage === "undefined") {
+    return null;
+  }
+
+  let raw = null;
+  try {
+    raw = localStorage.getItem(SESSION_ACTOR_STORAGE_KEY);
+  } catch (error) {
+    devLogger.warn("[nostr] Failed to read session actor from storage:", error);
+    return null;
+  }
+
+  if (!raw || typeof raw !== "string") {
+    return null;
+  }
+
+  try {
+    const parsed = JSON.parse(raw);
+    const pubkey =
+      typeof parsed?.pubkey === "string" ? parsed.pubkey.trim() : "";
+    const privateKeyEncrypted =
+      typeof parsed?.privateKeyEncrypted === "string"
+        ? parsed.privateKeyEncrypted.trim()
+        : "";
+    const encryption = normalizeStoredEncryptionMetadata(parsed?.encryption);
+    const createdAt = Number.isFinite(parsed?.createdAt)
+      ? parsed.createdAt
+      : Date.now();
+
+    if (parsed?.privateKey) {
+      if (privateKeyEncrypted && encryption) {
+        persistSessionActor({
+          pubkey,
+          privateKeyEncrypted,
+          encryption,
+          createdAt,
+        });
+      } else {
+        try {
+          localStorage.removeItem(SESSION_ACTOR_STORAGE_KEY);
+        } catch (cleanupError) {
+          devLogger.warn(
+            "[nostr] Failed to clear legacy session actor entry:",
+            cleanupError,
+          );
+        }
+      }
+    }
+
+    if (!privateKeyEncrypted || !encryption) {
+      return null;
+    }
+
+    return {
+      pubkey,
+      privateKey: "",
+      privateKeyEncrypted,
+      encryption,
+      createdAt,
+    };
+  } catch (error) {
+    devLogger.warn("[nostr] Failed to parse stored session actor:", error);
+    try {
+      localStorage.removeItem(SESSION_ACTOR_STORAGE_KEY);
+    } catch (cleanupError) {
+      devLogger.warn(
+        "[nostr] Failed to clear corrupt session actor entry:",
+        cleanupError,
+      );
+    }
+  }
+
+  return null;
+}
+
+export function persistSessionActor(actor) {
+  if (
+    !actor ||
+    typeof actor.pubkey !== "string" ||
+    !actor.pubkey ||
+    typeof actor.privateKeyEncrypted !== "string" ||
+    !actor.privateKeyEncrypted ||
+    !actor.encryption ||
+    typeof actor.encryption !== "object"
+  ) {
+    return;
+  }
+
+  const createdAt = Number.isFinite(actor.createdAt)
+    ? actor.createdAt
+    : Date.now();
+
+  const payload = {
+    pubkey: actor.pubkey,
+    createdAt,
+  };
+
+  const normalizedEncryption = normalizeStoredEncryptionMetadata(actor.encryption);
+  if (!normalizedEncryption) {
+    return;
+  }
+  payload.privateKeyEncrypted = actor.privateKeyEncrypted;
+  payload.encryption = normalizedEncryption;
+
+  persistSessionActorToIndexedDb(payload);
+
+  if (typeof localStorage !== "undefined") {
+    try {
+      localStorage.setItem(
+        SESSION_ACTOR_STORAGE_KEY,
+        JSON.stringify(payload),
+      );
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to persist session actor:", error);
+    }
+  }
+}
+
+export function clearStoredSessionActor() {
+  clearStoredSessionActorIndexedDb();
+
+  if (typeof localStorage !== "undefined") {
+    try {
+      localStorage.removeItem(SESSION_ACTOR_STORAGE_KEY);
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to clear stored session actor:", error);
+    }
+  }
+}
+
+export function isSessionActor(nostrClient) {
+  const sa = nostrClient?.sessionActor;
+  return !!sa && sa.source !== "nsec";
+}
+
+function _closeSessionActorDb() {
+  if (sessionActorDbPromise) {
+    return sessionActorDbPromise.then((db) => {
+      db.close();
+      sessionActorDbPromise = null;
+    });
+  }
+  return Promise.resolve();
+}
+
+export const __testExports = {
+  arrayBufferToBase64,
+  base64ToUint8Array,
+  deriveSessionEncryptionKey,
+  generateRandomBytes,
+  isSubtleCryptoAvailable,
+  _closeSessionActorDb,
+};
diff --git a/dist/js/nostr/signRequestQueue.js b/dist/js/nostr/signRequestQueue.js
new file mode 100644
index 00000000..f4c658c0
--- /dev/null
+++ b/dist/js/nostr/signRequestQueue.js
@@ -0,0 +1,130 @@
+import { devLogger } from "../utils/logger.js";
+
+const DEFAULT_SIGN_TIMEOUT_MS = 20_000;
+const signQueues = new WeakMap();
+
+const SIGN_ERROR_CODES = new Set([
+  "permission-denied",
+  "timeout",
+  "not-capable",
+  "signer-disconnected",
+]);
+
+function resolveTimeoutMs(timeoutMs) {
+  const candidate = Number(timeoutMs);
+  if (Number.isFinite(candidate) && candidate > 0) {
+    return Math.floor(candidate);
+  }
+  return DEFAULT_SIGN_TIMEOUT_MS;
+}
+
+function toError(value, message) {
+  if (value instanceof Error) {
+    return value;
+  }
+  const error = new Error(message);
+  error.details = value;
+  return error;
+}
+
+function normalizeSignError(error) {
+  const normalized = toError(error, "signEvent failed");
+  const existingCode = typeof normalized.code === "string" ? normalized.code : "";
+  if (SIGN_ERROR_CODES.has(existingCode)) {
+    return normalized;
+  }
+
+  const message = typeof normalized.message === "string"
+    ? normalized.message.toLowerCase()
+    : "";
+
+  if (
+    existingCode === "extension-permission-denied" ||
+    message.includes("permission") ||
+    message.includes("denied") ||
+    message.includes("rejected")
+  ) {
+    normalized.code = "permission-denied";
+    return normalized;
+  }
+
+  if (
+    existingCode === "nostr-extension-missing" ||
+    message.includes("disconnected") ||
+    message.includes("not connected") ||
+    message.includes("connection closed") ||
+    message.includes("extension missing")
+  ) {
+    normalized.code = "signer-disconnected";
+    return normalized;
+  }
+
+  if (existingCode === "sign-event-unavailable") {
+    normalized.code = "not-capable";
+    return normalized;
+  }
+
+  return normalized;
+}
+
+function createSignError(code, originalError) {
+  const error = toError(
+    originalError,
+    originalError?.message || `signEvent failed with ${code}`,
+  );
+  error.code = code;
+  if (originalError && originalError !== error) {
+    error.details = originalError;
+  }
+  return error;
+}
+
+function runWithTimeout(operation, timeoutMs) {
+  const resolvedTimeout = resolveTimeoutMs(timeoutMs);
+  let timeoutId;
+  let timedOut = false;
+  const signPromise = Promise.resolve().then(operation);
+  const timeoutPromise = new Promise((_, reject) => {
+    timeoutId = setTimeout(() => {
+      timedOut = true;
+      reject(createSignError("timeout", new Error(
+        `signEvent timed out after ${resolvedTimeout}ms`,
+      )));
+    }, resolvedTimeout);
+  });
+
+  return Promise.race([signPromise, timeoutPromise]).finally(() => {
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+    }
+    if (timedOut) {
+      void signPromise.catch((error) => {
+        devLogger.warn("[nostr] signEvent resolved after timeout:", error);
+      });
+    }
+  });
+}
+
+export async function queueSignEvent(signer, event, options = {}) {
+  if (!signer || typeof signer !== "object") {
+    throw createSignError("not-capable", new Error("signer-unavailable"));
+  }
+
+  if (typeof signer.signEvent !== "function") {
+    throw createSignError("not-capable", new Error("sign-event-unavailable"));
+  }
+
+  const queue = signQueues.get(signer) || Promise.resolve();
+  const runSign = async () => runWithTimeout(
+    () => signer.signEvent(event),
+    options.timeoutMs,
+  );
+  const queued = queue.then(runSign, runSign);
+  signQueues.set(signer, queued.catch(() => {}));
+
+  try {
+    return await queued;
+  } catch (error) {
+    throw normalizeSignError(error);
+  }
+}
diff --git a/dist/js/nostr/signerHelpers.js b/dist/js/nostr/signerHelpers.js
new file mode 100644
index 00000000..51857eff
--- /dev/null
+++ b/dist/js/nostr/signerHelpers.js
@@ -0,0 +1,165 @@
+// js/nostr/signerHelpers.js
+
+import { devLogger } from "../utils/logger.js";
+import { HEX64_REGEX } from "./nip46Client.js";
+import { ensureNostrTools, getCachedNostrTools } from "./toolkit.js";
+import { normalizeActorKey } from "./watchHistory.js";
+
+let loggedMissingCipherToolkit = false;
+let loggedMissingNip04Cipher = false;
+let loggedMissingNip44Cipher = false;
+
+export async function createPrivateKeyCipherClosures(privateKey) {
+  const normalizedPrivateKey =
+    typeof privateKey === "string" && HEX64_REGEX.test(privateKey)
+      ? privateKey.toLowerCase()
+      : "";
+
+  if (!normalizedPrivateKey) {
+    return {};
+  }
+
+  const tools = (await ensureNostrTools()) || getCachedNostrTools();
+  if (!tools) {
+    if (!loggedMissingCipherToolkit) {
+      loggedMissingCipherToolkit = true;
+      devLogger.warn(
+        "[nostr] nostr-tools bundle missing for private key cipher helpers.",
+      );
+    }
+    return {};
+  }
+
+  const closures = {};
+
+  const normalizeTargetPubkey = (candidate) => {
+    const normalized = normalizeActorKey(candidate);
+    if (!normalized || !HEX64_REGEX.test(normalized)) {
+      throw new Error("A hex-encoded pubkey is required for encryption.");
+    }
+    return normalized;
+  };
+
+  const resolveHexToBytes = () => {
+    if (typeof tools?.utils?.hexToBytes === "function") {
+      return (value) => tools.utils.hexToBytes(value);
+    }
+
+    return (value) => {
+      if (typeof value !== "string") {
+        throw new Error("Invalid hex input.");
+      }
+      const trimmed = value.trim();
+      if (!trimmed || trimmed.length % 2 !== 0) {
+        throw new Error("Invalid hex input.");
+      }
+
+      const bytes = new Uint8Array(trimmed.length / 2);
+      for (let index = 0; index < trimmed.length; index += 2) {
+        const byte = Number.parseInt(trimmed.slice(index, index + 2), 16);
+        if (Number.isNaN(byte)) {
+          throw new Error("Invalid hex input.");
+        }
+        bytes[index / 2] = byte;
+      }
+      return bytes;
+    };
+  };
+
+  if (
+    tools?.nip04?.encrypt &&
+    typeof tools.nip04.encrypt === "function" &&
+    tools?.nip04?.decrypt &&
+    typeof tools.nip04.decrypt === "function"
+  ) {
+    closures.nip04Encrypt = async (targetPubkey, plaintext) =>
+      tools.nip04.encrypt(
+        normalizedPrivateKey,
+        normalizeTargetPubkey(targetPubkey),
+        plaintext,
+      );
+
+    closures.nip04Decrypt = async (targetPubkey, ciphertext) =>
+      tools.nip04.decrypt(
+        normalizedPrivateKey,
+        normalizeTargetPubkey(targetPubkey),
+        ciphertext,
+      );
+  } else if (!loggedMissingNip04Cipher) {
+    loggedMissingNip04Cipher = true;
+    devLogger.warn(
+      "[nostr] nip04 helpers unavailable in nostr-tools bundle.",
+    );
+  }
+
+  const nip44 = tools?.nip44 || null;
+  let nip44Encrypt = null;
+  let nip44Decrypt = null;
+  let nip44GetConversationKey = null;
+
+  if (nip44?.v2 && typeof nip44.v2 === "object") {
+    if (typeof nip44.v2.encrypt === "function") {
+      nip44Encrypt = nip44.v2.encrypt;
+    }
+    if (typeof nip44.v2.decrypt === "function") {
+      nip44Decrypt = nip44.v2.decrypt;
+    }
+    if (typeof nip44.v2?.utils?.getConversationKey === "function") {
+      nip44GetConversationKey = nip44.v2.utils.getConversationKey;
+    }
+  }
+
+  if ((!nip44Encrypt || !nip44Decrypt) && nip44 && typeof nip44 === "object") {
+    if (typeof nip44.encrypt === "function") {
+      nip44Encrypt = nip44.encrypt;
+    }
+    if (typeof nip44.decrypt === "function") {
+      nip44Decrypt = nip44.decrypt;
+    }
+    if (!nip44GetConversationKey) {
+      if (typeof nip44.getConversationKey === "function") {
+        nip44GetConversationKey = nip44.getConversationKey;
+      } else if (typeof nip44.utils?.getConversationKey === "function") {
+        nip44GetConversationKey = nip44.utils.getConversationKey;
+      }
+    }
+  }
+
+  if (nip44Encrypt && nip44Decrypt && nip44GetConversationKey) {
+    const hexToBytes = resolveHexToBytes();
+    let cachedPrivateKeyBytes = null;
+    const getPrivateKeyBytes = () => {
+      if (!cachedPrivateKeyBytes) {
+        cachedPrivateKeyBytes = hexToBytes(normalizedPrivateKey);
+      }
+      return cachedPrivateKeyBytes;
+    };
+
+    const conversationKeyCache = new Map();
+    const ensureConversationKey = (targetPubkey) => {
+      const normalizedTarget = normalizeTargetPubkey(targetPubkey);
+      const cached = conversationKeyCache.get(normalizedTarget);
+      if (cached) {
+        return cached;
+      }
+
+      const privateKeyBytes = getPrivateKeyBytes();
+      const derived = nip44GetConversationKey(privateKeyBytes, normalizedTarget);
+      conversationKeyCache.set(normalizedTarget, derived);
+      return derived;
+    };
+
+    closures.nip44Encrypt = async (targetPubkey, plaintext) =>
+      nip44Encrypt(plaintext, ensureConversationKey(targetPubkey));
+
+    closures.nip44Decrypt = async (targetPubkey, ciphertext) =>
+      nip44Decrypt(ciphertext, ensureConversationKey(targetPubkey));
+  } else if (!loggedMissingNip44Cipher) {
+    loggedMissingNip44Cipher = true;
+    devLogger.warn(
+      "[nostr] nip44 helpers unavailable in nostr-tools bundle.",
+    );
+  }
+
+  return closures;
+}
diff --git a/dist/js/nostr/syncMetadataStore.js b/dist/js/nostr/syncMetadataStore.js
new file mode 100644
index 00000000..d1d3130f
--- /dev/null
+++ b/dist/js/nostr/syncMetadataStore.js
@@ -0,0 +1,100 @@
+// js/nostr/syncMetadataStore.js
+
+import { userLogger } from "../utils/logger.js";
+
+const SYNC_METADATA_STORAGE_KEY = "bitvid:nostrSyncMetadata:v1";
+
+/**
+ * SyncMetadataStore
+ *
+ * Persists last-seen timestamps for incremental list fetching.
+ * Key format: `${kind}:${pubkey}:${dTag}:${relayUrl}`
+ *
+ * Note: dTag can be empty string for non-parameterized replaceable events.
+ */
+export class SyncMetadataStore {
+  constructor() {
+    this.metadata = new Map();
+    this.load();
+  }
+
+  computeKey(kind, pubkey, dTag, relayUrl) {
+    const k = kind || 0;
+    const p = pubkey ? pubkey.trim().toLowerCase() : "";
+    const d = dTag ? dTag.trim() : "";
+    const r = relayUrl ? relayUrl.trim() : "";
+    return `${k}:${p}:${d}:${r}`;
+  }
+
+  load() {
+    if (typeof localStorage === "undefined") {
+      return;
+    }
+    try {
+      const raw = localStorage.getItem(SYNC_METADATA_STORAGE_KEY);
+      if (raw) {
+        const parsed = JSON.parse(raw);
+        if (Array.isArray(parsed)) {
+          this.metadata = new Map(parsed);
+        } else if (typeof parsed === "object") {
+          this.metadata = new Map(Object.entries(parsed));
+        }
+      }
+    } catch (error) {
+      userLogger.warn("[SyncMetadataStore] Failed to load metadata:", error);
+    }
+  }
+
+  save() {
+    if (typeof localStorage === "undefined") {
+      return;
+    }
+    try {
+      // Serialize Map to array of entries for JSON
+      const entries = Array.from(this.metadata.entries());
+      localStorage.setItem(SYNC_METADATA_STORAGE_KEY, JSON.stringify(entries));
+    } catch (error) {
+      userLogger.warn("[SyncMetadataStore] Failed to save metadata:", error);
+    }
+  }
+
+  getLastSeen(kind, pubkey, dTag, relayUrl) {
+    const key = this.computeKey(kind, pubkey, dTag, relayUrl);
+    const val = this.metadata.get(key);
+    return Number.isFinite(val) ? val : 0;
+  }
+
+  updateLastSeen(kind, pubkey, dTag, relayUrl, createdAt) {
+    const timestamp = Number(createdAt);
+    if (!Number.isFinite(timestamp) || timestamp <= 0) {
+      return;
+    }
+
+    const key = this.computeKey(kind, pubkey, dTag, relayUrl);
+    const current = this.metadata.get(key);
+
+    // Only update if newer
+    if (!Number.isFinite(current) || timestamp > current) {
+      this.metadata.set(key, timestamp);
+      this.save();
+    }
+  }
+
+  getPerRelayLastSeen(kind, pubkey, dTag) {
+    const prefix = `${kind}:${pubkey ? pubkey.trim().toLowerCase() : ""}:${dTag ? dTag.trim() : ""}:`;
+    const result = {};
+    for (const [key, val] of this.metadata.entries()) {
+      if (key.startsWith(prefix)) {
+        const relayUrl = key.slice(prefix.length);
+        if (relayUrl) {
+          result[relayUrl] = val;
+        }
+      }
+    }
+    return result;
+  }
+}
+
+export const __testExports = {
+    SYNC_METADATA_STORAGE_KEY
+};
diff --git a/dist/js/nostr/toolkit.js b/dist/js/nostr/toolkit.js
new file mode 100644
index 00000000..4ee1a134
--- /dev/null
+++ b/dist/js/nostr/toolkit.js
@@ -0,0 +1,602 @@
+// js/nostr/toolkit.js
+
+import { isDevMode } from "../config.js";
+import { nostrToolsReady } from "../nostrToolsBootstrap.js";
+import { devLogger, userLogger } from "../utils/logger.js";
+
+/**
+ * The default relay set bitvid bootstraps with before loading a user's
+ * preferences.
+ */
+export const DEFAULT_RELAY_URLS = Object.freeze([
+  "wss://relay.damus.io",
+  "wss://nos.lol",
+  "wss://relay.snort.social",
+  "wss://relay.primal.net",
+]);
+
+export const RELAY_URLS = Array.from(DEFAULT_RELAY_URLS);
+
+const globalScope =
+  typeof window !== "undefined"
+    ? window
+    : typeof globalThis !== "undefined"
+    ? globalThis
+    : null;
+
+const SIMPLE_POOL_SHIM_KEY = Symbol.for("__bitvidSimplePoolShimApplied__");
+
+const noop = () => {};
+
+function normalizeRelayList(relays) {
+  if (!Array.isArray(relays)) {
+    if (typeof relays === "string" && relays.trim()) {
+      return [relays.trim()];
+    }
+    return [];
+  }
+  return relays
+    .map((relay) => (typeof relay === "string" ? relay.trim() : ""))
+    .filter((relay) => relay);
+}
+
+function normalizeFilterList(filters) {
+  if (!filters) {
+    return [];
+  }
+  if (!Array.isArray(filters)) {
+    if (typeof filters === "object" && filters !== null) {
+      return [filters];
+    }
+    return [];
+  }
+  return filters.filter((candidate) => candidate && typeof candidate === "object");
+}
+
+function safeInvoke(handler, args, contextLabel) {
+  if (typeof handler !== "function") {
+    return;
+  }
+  try {
+    handler(...args);
+  } catch (error) {
+    devLogger.warn(
+      `[nostr] Legacy SimplePool ${contextLabel} handler threw:`,
+      error
+    );
+  }
+}
+
+function createLegacySubscriptionContext(relays, filters) {
+  const relayList = normalizeRelayList(relays);
+  const filterList = normalizeFilterList(filters);
+
+  const requests = [];
+  if (relayList.length && filterList.length) {
+    relayList.forEach((url) => {
+      filterList.forEach((filter) => {
+        requests.push({ url, filter });
+      });
+    });
+  }
+
+  return { relayList, filterList, requests };
+}
+
+const nostrToolsReadySource =
+  globalScope &&
+  globalScope.nostrToolsReady &&
+  typeof globalScope.nostrToolsReady.then === "function"
+    ? globalScope.nostrToolsReady
+    : nostrToolsReady;
+
+function ensureCanonicalCrypto(candidate, scope = globalScope) {
+  if (!candidate || typeof candidate !== "object") {
+    return candidate;
+  }
+
+  const canonical =
+    scope && typeof scope === "object"
+      ? scope.__BITVID_CANONICAL_NOSTR_TOOLS__ || null
+      : null;
+
+  if (!canonical || typeof canonical !== "object") {
+    return candidate;
+  }
+
+  const needsNip04 = !candidate.nip04 && canonical.nip04;
+  const needsNip44 = !candidate.nip44 && canonical.nip44;
+
+  if (!needsNip04 && !needsNip44) {
+    return candidate;
+  }
+
+  if (Object.isFrozen(candidate)) {
+    const augmented = { ...candidate };
+    if (needsNip04) {
+      augmented.nip04 = canonical.nip04;
+    }
+    if (needsNip44) {
+      augmented.nip44 = canonical.nip44;
+    }
+    return Object.freeze(augmented);
+  }
+
+  if (needsNip04) {
+    candidate.nip04 = canonical.nip04;
+  }
+  if (needsNip44) {
+    candidate.nip44 = canonical.nip44;
+  }
+
+  return candidate;
+}
+
+export function normalizeToolkitCandidate(candidate) {
+  if (
+    candidate &&
+    typeof candidate === "object" &&
+    candidate.ok !== false &&
+    typeof candidate.then !== "function"
+  ) {
+    return ensureCanonicalCrypto(candidate);
+  }
+  return null;
+}
+
+export function readToolkitFromScope(scope = globalScope) {
+  if (!scope || typeof scope !== "object") {
+    return null;
+  }
+
+  const candidates = [];
+
+  const canonical = scope.__BITVID_CANONICAL_NOSTR_TOOLS__;
+  if (canonical) {
+    candidates.push(canonical);
+  }
+
+  const direct = scope.NostrTools;
+  if (direct) {
+    candidates.push(direct);
+  }
+
+  const nestedWindow =
+    scope.window && scope.window !== scope && typeof scope.window === "object"
+      ? scope.window
+      : null;
+  if (nestedWindow) {
+    if (nestedWindow.__BITVID_CANONICAL_NOSTR_TOOLS__) {
+      candidates.push(nestedWindow.__BITVID_CANONICAL_NOSTR_TOOLS__);
+    }
+    if (nestedWindow.NostrTools) {
+      candidates.push(nestedWindow.NostrTools);
+    }
+  }
+
+  for (const candidate of candidates) {
+    const normalized = normalizeToolkitCandidate(candidate);
+    if (normalized) {
+      return normalized;
+    }
+  }
+
+  return null;
+}
+
+const __nostrToolsBootstrapResult = await (async () => {
+  try {
+    const result = await nostrToolsReadySource;
+    if (result && typeof result === "object" && result.ok === false) {
+      return {
+        toolkit: normalizeToolkitCandidate(readToolkitFromScope()),
+        failure: result,
+      };
+    }
+
+    const normalized = normalizeToolkitCandidate(result);
+    if (normalized) {
+      return { toolkit: normalized, failure: null };
+    }
+
+    return {
+      toolkit: normalizeToolkitCandidate(readToolkitFromScope()),
+      failure: null,
+    };
+  } catch (error) {
+    return {
+      toolkit: normalizeToolkitCandidate(readToolkitFromScope()),
+      failure: error,
+    };
+  }
+})();
+
+let cachedNostrTools = __nostrToolsBootstrapResult.toolkit || null;
+export const nostrToolsBootstrapFailure =
+  __nostrToolsBootstrapResult.failure || null;
+
+if (!cachedNostrTools && nostrToolsBootstrapFailure && isDevMode) {
+  userLogger.warn(
+    "[nostr] nostr-tools helpers unavailable after bootstrap.",
+    nostrToolsBootstrapFailure
+  );
+}
+
+export function rememberNostrTools(candidate) {
+  const normalized = normalizeToolkitCandidate(candidate);
+  if (normalized) {
+    cachedNostrTools = normalized;
+  }
+}
+
+export function getCachedNostrTools() {
+  const fallback = readToolkitFromScope();
+  if (cachedNostrTools && fallback && fallback !== cachedNostrTools) {
+    rememberNostrTools(fallback);
+  } else if (!cachedNostrTools && fallback) {
+    rememberNostrTools(fallback);
+  }
+  return cachedNostrTools || fallback || null;
+}
+
+export async function ensureNostrTools() {
+  if (cachedNostrTools) {
+    return cachedNostrTools;
+  }
+
+  try {
+    const result = await nostrToolsReadySource;
+    rememberNostrTools(result);
+  } catch (error) {
+    devLogger.warn("[nostr] Failed to resolve nostr-tools helpers.", error);
+  }
+
+  if (!cachedNostrTools) {
+    rememberNostrTools(readToolkitFromScope());
+  }
+
+  return cachedNostrTools || null;
+}
+
+function isSimplePoolConstructor(candidate) {
+  if (typeof candidate !== "function") {
+    return false;
+  }
+
+  const prototype = candidate.prototype;
+  if (!prototype || typeof prototype !== "object") {
+    return false;
+  }
+
+  const hasSubscribeMethod =
+    typeof prototype.sub === "function" ||
+    typeof prototype.subscribe === "function" ||
+    typeof prototype.subscribeMany === "function";
+
+  const hasCloseMethod = typeof prototype.close === "function";
+
+  return hasSubscribeMethod && hasCloseMethod;
+}
+
+function unwrapSimplePool(candidate) {
+  if (!candidate) {
+    return null;
+  }
+
+  if (isSimplePoolConstructor(candidate)) {
+    return candidate;
+  }
+
+  if (typeof candidate === "object") {
+    if (isSimplePoolConstructor(candidate.SimplePool)) {
+      return candidate.SimplePool;
+    }
+    if (isSimplePoolConstructor(candidate.default)) {
+      return candidate.default;
+    }
+  }
+
+  return null;
+}
+
+export function resolveSimplePoolConstructor(tools, scope = globalScope) {
+  const candidates = [
+    tools?.SimplePool,
+    tools?.pool?.SimplePool,
+    tools?.pool,
+    tools?.SimplePool?.SimplePool,
+    tools?.SimplePool?.default,
+    tools?.pool?.default,
+    tools?.default?.SimplePool,
+    tools?.default?.pool?.SimplePool,
+    tools?.default?.pool,
+  ];
+
+  if (scope && typeof scope === "object") {
+    candidates.push(scope?.SimplePool);
+    candidates.push(scope?.pool?.SimplePool);
+    candidates.push(scope?.pool);
+    const scopedTools =
+      scope?.NostrTools && scope.NostrTools !== tools ? scope.NostrTools : null;
+    if (scopedTools) {
+      candidates.push(scopedTools.SimplePool);
+      candidates.push(scopedTools.pool?.SimplePool);
+      candidates.push(scopedTools.pool);
+    }
+  }
+
+  for (const candidate of candidates) {
+    const resolved = unwrapSimplePool(candidate);
+    if (resolved) {
+      return resolved;
+    }
+  }
+
+  return null;
+}
+
+export { isSimplePoolConstructor, unwrapSimplePool };
+
+export function shimLegacySimplePoolMethods(pool) {
+  if (!pool || typeof pool !== "object" || pool[SIMPLE_POOL_SHIM_KEY]) {
+    return pool || null;
+  }
+
+  const subscribeMap =
+    typeof pool.subscribeMap === "function" ? pool.subscribeMap.bind(pool) : null;
+  const subscribeMany =
+    typeof pool.subscribeMany === "function" ? pool.subscribeMany.bind(pool) : null;
+  const subscribeSingle =
+    typeof pool.subscribe === "function" ? pool.subscribe.bind(pool) : null;
+
+  const canSubscribe = subscribeMap || subscribeMany || subscribeSingle;
+
+  if (canSubscribe && typeof pool.sub !== "function") {
+    pool.sub = function legacySub(relays, filters, opts = {}) {
+      const { relayList, filterList, requests } =
+        createLegacySubscriptionContext(relays, filters);
+
+      const listeners = {
+        event: new Set(),
+        eose: new Set(),
+        close: new Set(),
+      };
+
+      if (!requests.length) {
+        const stub = {
+          sub() {
+            return stub;
+          },
+          on() {
+            return stub;
+          },
+          off() {
+            return stub;
+          },
+          unsub: noop,
+        };
+
+        queueMicrotask(() => {
+          listeners.eose.forEach((listener) => safeInvoke(listener, [], "eose listener"));
+          listeners.close.forEach((listener) =>
+            safeInvoke(listener, [["no-filters"]], "close listener")
+          );
+        });
+
+        return stub;
+      }
+
+      const seenIds = new Set();
+
+      const subscribeParams = { ...opts };
+      const originalOnevent = subscribeParams.onevent;
+      const originalOneose = subscribeParams.oneose;
+      const originalOnclose = subscribeParams.onclose;
+      const originalAlreadyHaveEvent = subscribeParams.alreadyHaveEvent;
+      delete subscribeParams.onevent;
+      delete subscribeParams.oneose;
+      delete subscribeParams.onclose;
+      delete subscribeParams.alreadyHaveEvent;
+
+      subscribeParams.alreadyHaveEvent = (id) => {
+        if (!id) {
+          return false;
+        }
+        if (seenIds.has(id)) {
+          return true;
+        }
+        let skip = false;
+        if (typeof originalAlreadyHaveEvent === "function") {
+          try {
+            skip = originalAlreadyHaveEvent(id) === true;
+          } catch (error) {
+            devLogger.warn(
+              "[nostr] Legacy SimplePool alreadyHaveEvent hook threw:",
+              error
+            );
+          }
+        }
+        if (skip) {
+          return true;
+        }
+        seenIds.add(id);
+        return false;
+      };
+
+      let closed = false;
+
+      const invokeEventListeners = (event) => {
+        if (closed) {
+          return;
+        }
+        if (event && typeof event === "object" && event.id) {
+          seenIds.add(event.id);
+        }
+        safeInvoke(originalOnevent, [event], "options.onevent");
+        listeners.event.forEach((listener) =>
+          safeInvoke(listener, [event], "event listener")
+        );
+      };
+
+      const invokeEoseListeners = () => {
+        if (closed) {
+          return;
+        }
+        safeInvoke(originalOneose, [], "options.oneose");
+        listeners.eose.forEach((listener) => safeInvoke(listener, [], "eose listener"));
+      };
+
+      const invokeCloseListeners = (reasons) => {
+        if (closed) {
+          return;
+        }
+        closed = true;
+        safeInvoke(originalOnclose, [reasons], "options.onclose");
+        listeners.close.forEach((listener) =>
+          safeInvoke(listener, [reasons], "close listener")
+        );
+      };
+
+      subscribeParams.onevent = (event) => {
+        invokeEventListeners(event);
+      };
+
+      subscribeParams.oneose = () => {
+        invokeEoseListeners();
+      };
+
+      subscribeParams.onclose = (reasons) => {
+        invokeCloseListeners(reasons);
+      };
+
+      let closer;
+
+      try {
+        if (subscribeMap) {
+          closer = subscribeMap(requests, subscribeParams);
+        } else if (subscribeMany) {
+          closer = subscribeMany(relayList, filterList, subscribeParams);
+        } else if (subscribeSingle && filterList.length) {
+          closer = subscribeSingle(relayList, filterList[0], subscribeParams);
+        }
+      } catch (error) {
+        devLogger.warn("[nostr] Failed to open SimplePool subscription.", error);
+        throw error;
+      }
+
+      const legacySub = {
+        sub() {
+          devLogger.warn("[nostr] legacy sub.sub() is unsupported with the new SimplePool API.");
+          return legacySub;
+        },
+        on(type, handler) {
+          if (typeof handler !== "function") {
+            return legacySub;
+          }
+          if (type === "event") {
+            listeners.event.add(handler);
+          } else if (type === "eose") {
+            listeners.eose.add(handler);
+          } else if (type === "close" || type === "closed") {
+            listeners.close.add(handler);
+          }
+          return legacySub;
+        },
+        off(type, handler) {
+          if (typeof handler !== "function") {
+            return legacySub;
+          }
+          if (type === "event") {
+            listeners.event.delete(handler);
+          } else if (type === "eose") {
+            listeners.eose.delete(handler);
+          } else if (type === "close" || type === "closed") {
+            listeners.close.delete(handler);
+          }
+          return legacySub;
+        },
+        unsub() {
+          if (closed) {
+            return;
+          }
+          closed = true;
+          try {
+            if (typeof closer === "function") {
+              closer();
+            } else if (closer && typeof closer.close === "function") {
+              closer.close("closed by caller");
+            }
+          } catch (error) {
+            devLogger.warn("[nostr] Failed to close SimplePool subscription.", error);
+          }
+        },
+      };
+
+      return legacySub;
+    };
+  }
+
+  if (typeof pool.list !== "function") {
+    pool.list = async function legacyList(relays, filters, opts = {}) {
+      const events = [];
+      let subscription;
+      try {
+        subscription = this.sub(relays, filters, opts);
+      } catch (error) {
+        throw error;
+      }
+
+      return new Promise((resolve) => {
+        let timer = null;
+
+        const finish = () => {
+          if (timer) {
+            clearTimeout(timer);
+            timer = null;
+          }
+          resolve(events);
+        };
+
+        if (!subscription || typeof subscription.on !== "function") {
+          finish();
+          return;
+        }
+
+        subscription.on("event", (event) => {
+          events.push(event);
+        });
+        subscription.on("eose", () => {
+          try {
+            subscription.unsub?.();
+          } catch (error) {
+            devLogger.warn("[nostr] Failed to unsubscribe after list EOSE.", error);
+          }
+          finish();
+        });
+        subscription.on("close", () => {
+          finish();
+        });
+
+        // Prevent hanging indefinitely if relays fail to EOSE
+        const timeoutMs =
+          Number.isFinite(opts.timeout) && opts.timeout > 0
+            ? opts.timeout
+            : 7000;
+
+        timer = setTimeout(() => {
+          devLogger.warn(`[toolkit] pool.list timed out after ${timeoutMs}ms.`);
+          timer = null;
+          try {
+            subscription.unsub?.();
+          } catch (error) {
+            // ignore
+          }
+          finish();
+        }, timeoutMs);
+      });
+    };
+  }
+
+  pool[SIMPLE_POOL_SHIM_KEY] = true;
+  return pool;
+}
diff --git a/dist/js/nostr/viewEventBindings.js b/dist/js/nostr/viewEventBindings.js
new file mode 100644
index 00000000..542ca1fc
--- /dev/null
+++ b/dist/js/nostr/viewEventBindings.js
@@ -0,0 +1,42 @@
+// js/nostr/viewEventBindings.js
+
+import { nostrClient } from "./defaultClient.js";
+
+function ensureOptionalBinding(methodName, errorMessage) {
+  const handler =
+    nostrClient && typeof nostrClient[methodName] === "function"
+      ? nostrClient[methodName]
+      : null;
+  if (!handler) {
+    throw new Error(errorMessage);
+  }
+  return handler;
+}
+
+export function recordVideoView(...args) {
+  return nostrClient.recordVideoView(...args);
+}
+
+export function listVideoViewEvents(...args) {
+  const handler = ensureOptionalBinding(
+    "listVideoViewEvents",
+    "Video view listing is unavailable in this build."
+  );
+  return handler.apply(nostrClient, args);
+}
+
+export function subscribeVideoViewEvents(...args) {
+  const handler = ensureOptionalBinding(
+    "subscribeVideoViewEvents",
+    "Video view subscriptions are unavailable in this build."
+  );
+  return handler.apply(nostrClient, args);
+}
+
+export function countVideoViewEvents(...args) {
+  const handler = ensureOptionalBinding(
+    "countVideoViewEvents",
+    "Video view counting is unavailable in this build."
+  );
+  return handler.apply(nostrClient, args);
+}
diff --git a/dist/js/nostr/viewEvents.js b/dist/js/nostr/viewEvents.js
new file mode 100644
index 00000000..fc93c988
--- /dev/null
+++ b/dist/js/nostr/viewEvents.js
@@ -0,0 +1,907 @@
+import {
+  VIEW_COUNT_DEDUPE_WINDOW_SECONDS,
+  VIEW_COUNT_BACKFILL_MAX_DAYS,
+} from "../config.js";
+import {
+  buildViewEvent,
+  getNostrEventSchema,
+  NOTE_TYPES,
+  sanitizeAdditionalTags,
+} from "../nostrEventSchemas.js";
+import { publishEventToRelay } from "../nostrPublish.js";
+import { RELAY_URLS } from "./toolkit.js";
+import { normalizePointerInput } from "./watchHistory.js";
+import { devLogger, userLogger } from "../utils/logger.js";
+import { logViewCountFailure } from "./countDiagnostics.js";
+import { queueSignEvent } from "./signRequestQueue.js";
+import { sanitizeRelayList as sanitizeRelayUrls } from "./nip46Client.js";
+
+const VIEW_EVENT_GUARD_PREFIX = "bitvid:viewed";
+
+const viewEventPublishMemory = new Map();
+
+const VIEW_EVENT_SCHEMA = getNostrEventSchema(NOTE_TYPES.VIEW_EVENT);
+export const VIEW_EVENT_KIND = Number.isFinite(VIEW_EVENT_SCHEMA?.kind)
+  ? VIEW_EVENT_SCHEMA.kind
+  : 30079;
+
+function resolveVideoViewPointer(pointer) {
+  const normalized = normalizePointerInput(pointer);
+  if (!normalized || typeof normalized.value !== "string") {
+    throw new Error("Invalid video pointer supplied for view lookup.");
+  }
+
+  const value = normalized.value.trim();
+  if (!value) {
+    throw new Error("Invalid video pointer supplied for view lookup.");
+  }
+
+  const type = normalized.type === "a" ? "a" : "e";
+  const descriptor = { type, value };
+
+  if (typeof normalized.relay === "string" && normalized.relay.trim()) {
+    descriptor.relay = normalized.relay.trim();
+  }
+
+  return descriptor;
+}
+
+export function createVideoViewEventFilters(pointer) {
+  let resolved;
+
+  if (
+    pointer &&
+    typeof pointer === "object" &&
+    (pointer.type === "a" || pointer.type === "e") &&
+    typeof pointer.value === "string"
+  ) {
+    const value = pointer.value.trim();
+    if (!value) {
+      throw new Error("Invalid video pointer supplied for view lookup.");
+    }
+    resolved = { type: pointer.type === "a" ? "a" : "e", value };
+    if (typeof pointer.relay === "string" && pointer.relay.trim()) {
+      resolved.relay = pointer.relay.trim();
+    }
+  } else {
+    resolved = resolveVideoViewPointer(pointer);
+  }
+
+  const pointerFilter = {
+    kinds: [VIEW_EVENT_KIND],
+    "#t": ["view"],
+  };
+
+  if (resolved.type === "a") {
+    pointerFilter["#a"] = [resolved.value];
+  } else {
+    pointerFilter["#e"] = [resolved.value];
+  }
+
+  const filters = [pointerFilter];
+
+  return { pointer: resolved, filters };
+}
+
+export function deriveViewEventBucketIndex(createdAtSeconds) {
+  const timestamp = Number.isFinite(createdAtSeconds)
+    ? Math.floor(createdAtSeconds)
+    : Math.floor(Date.now() / 1000);
+  const windowSize = Math.max(
+    1,
+    Number(VIEW_COUNT_DEDUPE_WINDOW_SECONDS) || 0
+  );
+  return Math.floor(timestamp / windowSize);
+}
+
+export function getViewEventGuardWindowMs() {
+  const windowSeconds = Math.max(
+    1,
+    Number(VIEW_COUNT_DEDUPE_WINDOW_SECONDS) || 0
+  );
+  return windowSeconds * 1000;
+}
+
+export function deriveViewEventPointerScope(pointer) {
+  const pointerValue =
+    typeof pointer?.value === "string" ? pointer.value.trim().toLowerCase() : "";
+  if (!pointerValue) {
+    return "";
+  }
+  const pointerType = pointer?.type === "a" ? "a" : "e";
+  return `${pointerType}:${pointerValue}`;
+}
+
+function generateViewEventEntropy() {
+  const cryptoRef =
+    (typeof globalThis !== "undefined" &&
+      /** @type {Crypto | undefined} */ (globalThis.crypto)) ||
+    null;
+
+  if (cryptoRef && typeof cryptoRef.getRandomValues === "function") {
+    try {
+      const buffer = new Uint32Array(2);
+      cryptoRef.getRandomValues(buffer);
+      return Array.from(buffer, (value) =>
+        value.toString(16).padStart(8, "0")
+      ).join("");
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to gather crypto entropy for view event:", error);
+    }
+  }
+
+  const fallbackA = Math.floor(Math.random() * 0xffffffff)
+    .toString(16)
+    .padStart(8, "0");
+  const fallbackB = Math.floor(Math.random() * 0xffffffff)
+    .toString(16)
+    .padStart(8, "0");
+  return `${fallbackA}${fallbackB}`;
+}
+
+function generateViewEventDedupeTag(actorPubkey, pointer, createdAtSeconds) {
+  const scope = deriveViewEventPointerScope(pointer) || "unknown";
+  const normalizedActor =
+    typeof actorPubkey === "string" && actorPubkey.trim()
+      ? actorPubkey.trim().toLowerCase()
+      : "anon";
+  const timestamp = Number.isFinite(createdAtSeconds)
+    ? Math.max(0, Math.floor(createdAtSeconds))
+    : Math.floor(Date.now() / 1000);
+  const entropy = generateViewEventEntropy();
+  return `${scope}:${normalizedActor}:${timestamp}:${entropy}`;
+}
+
+export function hasRecentViewPublish(scope, bucketIndex, actorPubkey) {
+  if (!scope || !Number.isFinite(bucketIndex)) {
+    return false;
+  }
+
+  const windowMs = getViewEventGuardWindowMs();
+  const now = Date.now();
+  const safeActor =
+    typeof actorPubkey === "string" && actorPubkey.trim()
+      ? actorPubkey.trim().toLowerCase()
+      : "anon";
+
+  let actorMemory = viewEventPublishMemory.get(safeActor);
+  if (!actorMemory) {
+    actorMemory = new Map();
+    viewEventPublishMemory.set(safeActor, actorMemory);
+  }
+
+  const entry = actorMemory.get(scope);
+
+  if (entry) {
+    const age = now - Number(entry.seenAt);
+    if (!Number.isFinite(entry.seenAt) || age >= windowMs) {
+      actorMemory.delete(scope);
+    } else if (Number(entry.bucket) === bucketIndex) {
+      return true;
+    }
+  }
+
+  if (typeof localStorage === "undefined") {
+    return false;
+  }
+
+  const storageKey = `${VIEW_EVENT_GUARD_PREFIX}:${safeActor}:${scope}`;
+  let rawValue = null;
+  try {
+    rawValue = localStorage.getItem(storageKey);
+  } catch (error) {
+    devLogger.warn("[nostr] Failed to read view guard entry:", error);
+    return false;
+  }
+
+  if (typeof rawValue !== "string" || !rawValue) {
+    return false;
+  }
+
+  const [storedBucketRaw, storedSeenRaw] = rawValue.split(":", 2);
+  const storedBucket = Number(storedBucketRaw);
+  const storedSeenAt = Number(storedSeenRaw);
+
+  if (!Number.isFinite(storedBucket) || !Number.isFinite(storedSeenAt)) {
+    try {
+      localStorage.removeItem(storageKey);
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to clear corrupt view guard entry:", error);
+    }
+    return false;
+  }
+
+  if (now - storedSeenAt >= windowMs) {
+    try {
+      localStorage.removeItem(storageKey);
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to remove expired view guard entry:", error);
+    }
+    return false;
+  }
+
+  actorMemory.set(scope, {
+    bucket: storedBucket,
+    seenAt: storedSeenAt,
+  });
+
+  return storedBucket === bucketIndex;
+}
+
+export function rememberViewPublish(scope, bucketIndex, actorPubkey) {
+  if (!scope || !Number.isFinite(bucketIndex)) {
+    return;
+  }
+
+  const now = Date.now();
+  const windowMs = getViewEventGuardWindowMs();
+  const safeActor =
+    typeof actorPubkey === "string" && actorPubkey.trim()
+      ? actorPubkey.trim().toLowerCase()
+      : "anon";
+
+  let actorMemory = viewEventPublishMemory.get(safeActor);
+  if (!actorMemory) {
+    actorMemory = new Map();
+    viewEventPublishMemory.set(safeActor, actorMemory);
+  }
+
+  const entry = actorMemory.get(scope);
+  if (entry && Number.isFinite(entry.seenAt) && now - entry.seenAt >= windowMs) {
+    actorMemory.delete(scope);
+  }
+
+  actorMemory.set(scope, {
+    bucket: bucketIndex,
+    seenAt: now,
+  });
+
+  if (typeof localStorage === "undefined") {
+    return;
+  }
+
+  const storageKey = `${VIEW_EVENT_GUARD_PREFIX}:${safeActor}:${scope}`;
+  try {
+    localStorage.setItem(storageKey, `${bucketIndex}:${now}`);
+  } catch (error) {
+    devLogger.warn("[nostr] Failed to persist view guard entry:", error);
+  }
+}
+
+function isVideoViewEvent(event, pointer) {
+  if (!event || typeof event !== "object") {
+    return false;
+  }
+
+  if (!Number.isFinite(event.kind) || event.kind !== VIEW_EVENT_KIND) {
+    return false;
+  }
+
+  const tags = Array.isArray(event.tags) ? event.tags : [];
+  let hasViewTag = false;
+  let matchesPointer = false;
+
+  const pointerValueRaw =
+    typeof pointer?.value === "string" ? pointer.value.trim() : "";
+  const pointerValueLower = pointerValueRaw.toLowerCase();
+  const pointerType = pointer?.type === "a" ? "a" : "e";
+
+  for (const tag of tags) {
+    if (!Array.isArray(tag) || tag.length < 2) {
+      continue;
+    }
+
+    const tagName = typeof tag[0] === "string" ? tag[0].toLowerCase() : "";
+    const tagValue = typeof tag[1] === "string" ? tag[1].trim().toLowerCase() : "";
+
+    if (!tagName || !tagValue) {
+      continue;
+    }
+
+    if (tagName === "t" && tagValue === "view") {
+      hasViewTag = true;
+      continue;
+    }
+
+    if (pointerType === "a" && tagName === "a" && tagValue === pointerValueLower) {
+      matchesPointer = true;
+      continue;
+    }
+
+    if (pointerType === "e" && tagName === "e" && tagValue === pointerValueLower) {
+      matchesPointer = true;
+      continue;
+    }
+
+  }
+
+  return hasViewTag && matchesPointer;
+}
+
+const VIEW_EVENT_COUNT_SECONDS_PER_DAY = 86_400;
+
+function flattenListResults(input) {
+  if (!Array.isArray(input)) {
+    return [];
+  }
+
+  const flat = [];
+  for (const chunk of input) {
+    if (Array.isArray(chunk)) {
+      for (const item of chunk) {
+        if (item && typeof item === "object") {
+          flat.push(item);
+        }
+      }
+    } else if (chunk && typeof chunk === "object") {
+      flat.push(chunk);
+    }
+  }
+  return flat;
+}
+
+function sanitizeRelayList(primary, fallback) {
+  const primaryList = sanitizeRelayUrls(Array.isArray(primary) ? primary : []);
+  if (primaryList.length) {
+    return primaryList;
+  }
+  const fallbackList = sanitizeRelayUrls(Array.isArray(fallback) ? fallback : []);
+  if (fallbackList.length) {
+    return fallbackList;
+  }
+  return sanitizeRelayUrls(RELAY_URLS);
+}
+
+export async function listVideoViewEvents(client, pointer, options = {}) {
+  const pool = client?.pool;
+  const canQueryPool = pool && typeof pool.list === "function";
+
+  if (!canQueryPool) {
+    if (
+      client &&
+      Object.prototype.hasOwnProperty.call(client, "listVideoViewEvents") &&
+      typeof client.listVideoViewEvents === "function"
+    ) {
+      return client.listVideoViewEvents(pointer, options);
+    }
+    return [];
+  }
+
+  const { pointer: pointerDescriptor, filters } = createVideoViewEventFilters(
+    pointer
+  );
+  const { since, until, limit, relays } = options || {};
+
+  for (const filter of filters) {
+    if (!filter || typeof filter !== "object") {
+      continue;
+    }
+    if (Number.isFinite(since)) {
+      filter.since = Math.floor(since);
+    }
+    if (Number.isFinite(until)) {
+      filter.until = Math.floor(until);
+    }
+    if (Number.isFinite(limit) && limit > 0) {
+      filter.limit = Math.floor(limit);
+    }
+  }
+
+  const relayList = sanitizeRelayList(relays, client.relays);
+
+  let rawResults;
+  try {
+    rawResults = await pool.list(relayList, filters);
+  } catch (error) {
+    devLogger.warn("[nostr] Failed to list video view events:", error);
+    return [];
+  }
+
+  const flattened = flattenListResults(rawResults);
+  const dedupe = new Map();
+  const order = [];
+
+  for (const event of flattened) {
+    if (!isVideoViewEvent(event, pointerDescriptor)) {
+      continue;
+    }
+
+    const eventId = typeof event.id === "string" ? event.id : null;
+    if (!eventId) {
+      order.push({ type: "raw", event });
+      continue;
+    }
+
+    const existing = dedupe.get(eventId);
+    if (!existing) {
+      dedupe.set(eventId, event);
+      order.push({ type: "id", key: eventId });
+      continue;
+    }
+
+    const existingCreated = Number.isFinite(existing?.created_at)
+      ? existing.created_at
+      : 0;
+    const incomingCreated = Number.isFinite(event.created_at)
+      ? event.created_at
+      : 0;
+    if (incomingCreated > existingCreated) {
+      dedupe.set(eventId, event);
+    }
+  }
+
+  return order
+    .map((entry) => {
+      if (!entry) {
+        return null;
+      }
+      if (entry.type === "raw") {
+        return entry.event || null;
+      }
+      if (entry.type === "id") {
+        return dedupe.get(entry.key) || null;
+      }
+      return null;
+    })
+    .filter(Boolean);
+}
+
+export function subscribeVideoViewEvents(client, pointer, options = {}) {
+  const pool = client?.pool;
+  const canSubscribe = pool && typeof pool.sub === "function";
+
+  if (!canSubscribe) {
+    devLogger.warn("[nostr] Unable to subscribe to view events: pool missing.");
+    return () => {};
+  }
+
+  const { pointer: pointerDescriptor, filters } = createVideoViewEventFilters(
+    pointer
+  );
+
+  if (Number.isFinite(options?.since)) {
+    for (const filter of filters) {
+      if (filter && typeof filter === "object") {
+        filter.since = Math.floor(options.since);
+      }
+    }
+  }
+
+  const relayList = sanitizeRelayList(options?.relays, client.relays);
+  const onEvent = typeof options?.onEvent === "function" ? options.onEvent : null;
+
+  let subscription;
+  try {
+    subscription = pool.sub(relayList, filters);
+  } catch (error) {
+    devLogger.warn("[nostr] Failed to open video view subscription:", error);
+    return () => {};
+  }
+
+  if (onEvent) {
+    subscription.on("event", (event) => {
+      if (isVideoViewEvent(event, pointerDescriptor)) {
+        try {
+          onEvent(event);
+        } catch (error) {
+          devLogger.warn("[nostr] Video view event handler threw:", error);
+        }
+      }
+    });
+  }
+
+  const originalUnsub =
+    typeof subscription.unsub === "function"
+      ? subscription.unsub.bind(subscription)
+      : null;
+
+  let unsubscribed = false;
+  return () => {
+    if (unsubscribed) {
+      return;
+    }
+    unsubscribed = true;
+    if (originalUnsub) {
+      try {
+        originalUnsub();
+      } catch (error) {
+        devLogger.warn(
+          "[nostr] Failed to unsubscribe from video view events:",
+          error
+        );
+      }
+    }
+  };
+}
+
+export async function countVideoViewEvents(client, pointer, options = {}) {
+  const relayList =
+    Array.isArray(options?.relays) && options.relays.length
+      ? options.relays
+      : undefined;
+
+  const fallbackListOptions = (() => {
+    const listOptions = {};
+
+    if (relayList) {
+      listOptions.relays = relayList;
+    }
+
+    if (Number.isFinite(options?.since)) {
+      listOptions.since = Math.floor(options.since);
+    } else {
+      const horizonDaysRaw = Number(VIEW_COUNT_BACKFILL_MAX_DAYS);
+      const horizonDays = Number.isFinite(horizonDaysRaw)
+        ? Math.max(0, Math.floor(horizonDaysRaw))
+        : 0;
+      if (horizonDays > 0) {
+        const nowSeconds = Math.floor(Date.now() / 1000);
+        listOptions.since = Math.max(
+          0,
+          nowSeconds - horizonDays * VIEW_EVENT_COUNT_SECONDS_PER_DAY
+        );
+      }
+    }
+
+    if (Number.isFinite(options?.until)) {
+      listOptions.until = Math.floor(options.until);
+    }
+
+    if (Number.isFinite(options?.limit) && options.limit > 0) {
+      listOptions.limit = Math.floor(options.limit);
+    }
+
+    return listOptions;
+  })();
+
+  const canAttemptCount =
+    typeof client?.countEventsAcrossRelays === "function";
+
+  if (!canAttemptCount) {
+    const events = await listVideoViewEvents(client, pointer, {
+      ...fallbackListOptions,
+    });
+    return {
+      total: Array.isArray(events) ? events.length : 0,
+      perRelay: [],
+      best: null,
+      fallback: true,
+      partial: false,
+    };
+  }
+
+  const { filters } = createVideoViewEventFilters(pointer);
+  const pointerFilter = Array.isArray(filters) && filters.length ? filters[0] : null;
+  if (!pointerFilter || typeof pointerFilter !== "object") {
+    throw new Error("Invalid video pointer supplied for view lookup.");
+  }
+
+  const signal = options?.signal;
+  const normalizeAbortError = () => {
+    if (signal?.reason instanceof Error) {
+      return signal.reason;
+    }
+    if (typeof DOMException === "function") {
+      return new DOMException("Operation aborted", "AbortError");
+    }
+    const error = new Error("Operation aborted");
+    error.name = "AbortError";
+    return error;
+  };
+  if (signal?.aborted) {
+    throw normalizeAbortError();
+  }
+
+  let countAttemptPartial = false;
+
+  try {
+    const result = await client.countEventsAcrossRelays([pointerFilter], {
+      relays: sanitizeRelayList(relayList, client.relays),
+      timeoutMs: options?.timeoutMs,
+    });
+
+    countAttemptPartial = Boolean(result?.partial);
+
+    if (result?.perRelay?.some((entry) => entry && entry.ok)) {
+      return { ...result, fallback: false, partial: countAttemptPartial };
+    }
+  } catch (error) {
+    if (error?.code !== "count-unsupported") {
+      logViewCountFailure(error);
+    }
+    if (error?.code === "count-timeout" || error?.code === "timeout") {
+      countAttemptPartial = true;
+    }
+  }
+
+  if (signal?.aborted) {
+    throw normalizeAbortError();
+  }
+
+  const abortPromise =
+    signal &&
+    typeof signal === "object" &&
+    typeof signal.addEventListener === "function"
+      ? new Promise((_, reject) => {
+          signal.addEventListener(
+            "abort",
+            () => {
+              reject(normalizeAbortError());
+            },
+            { once: true }
+          );
+        })
+      : null;
+
+  const listPromise = listVideoViewEvents(client, pointer, {
+    ...fallbackListOptions,
+  });
+
+  const events = abortPromise
+    ? await Promise.race([listPromise, abortPromise])
+    : await listPromise;
+
+  const uniqueCount = Array.isArray(events)
+    ? (() => {
+        const withIds = events
+          .filter((event) => event && typeof event.id === "string")
+          .map((event) => event.id);
+        if (withIds.length === 0) {
+          return events.length;
+        }
+        return new Set(withIds).size;
+      })()
+    : 0;
+
+  return {
+    total: uniqueCount,
+    perRelay: [],
+    best: null,
+    fallback: true,
+    partial: countAttemptPartial,
+  };
+}
+
+let ingestLocalViewEventRef = null;
+
+async function loadIngestLocalViewEvent() {
+  if (typeof ingestLocalViewEventRef === "function") {
+    return ingestLocalViewEventRef;
+  }
+  try {
+    const module = await import("../viewCounter.js");
+    if (typeof module?.ingestLocalViewEvent === "function") {
+      ingestLocalViewEventRef = module.ingestLocalViewEvent;
+      return ingestLocalViewEventRef;
+    }
+  } catch (error) {
+    devLogger.warn("[nostr] Failed to load view counter ingest helper:", error);
+  }
+  return null;
+}
+
+export async function publishViewEvent(
+  client,
+  videoPointer,
+  options = {},
+  {
+    resolveActiveSigner,
+    shouldRequestExtensionPermissions,
+    signEventWithPrivateKey,
+    DEFAULT_NIP07_PERMISSION_METHODS,
+  }
+) {
+  if (!client?.pool) {
+    return { ok: false, error: "nostr-uninitialized" };
+  }
+
+  const pointer = normalizePointerInput(videoPointer);
+  if (!pointer) {
+    return { ok: false, error: "invalid-pointer" };
+  }
+
+  const actorPubkey = await client.ensureSessionActor();
+  // actorPubkey derived via client.ensureSessionActor()
+  if (!actorPubkey) {
+    return { ok: false, error: "missing-actor" };
+  }
+
+  const createdAt =
+    typeof options.created_at === "number" && options.created_at > 0
+      ? Math.floor(options.created_at)
+      : Math.floor(Date.now() / 1000);
+
+  const guardScope = deriveViewEventPointerScope(pointer);
+  const guardBucket = deriveViewEventBucketIndex(createdAt);
+  if (guardScope && hasRecentViewPublish(guardScope, guardBucket, actorPubkey)) {
+    devLogger.info("[nostr] Skipping duplicate view publish for scope", guardScope);
+    return {
+      ok: true,
+      duplicate: true,
+      event: null,
+      results: [],
+      acceptedRelays: [],
+    };
+  }
+
+  const normalizedActor =
+    typeof actorPubkey === "string" ? actorPubkey.toLowerCase() : "";
+  const normalizedLogged =
+    typeof client.pubkey === "string" ? client.pubkey.toLowerCase() : "";
+  const usingSessionActor =
+    normalizedActor && normalizedActor !== normalizedLogged;
+
+  const additionalTags = sanitizeAdditionalTags(options.additionalTags);
+
+  const pointerTag =
+    pointer.type === "a"
+      ? pointer.relay
+        ? ["a", pointer.value, pointer.relay]
+        : ["a", pointer.value]
+      : pointer.relay
+      ? ["e", pointer.value, pointer.relay]
+      : ["e", pointer.value];
+
+  let content = "";
+  if (typeof options.content === "string") {
+    content = options.content;
+  } else if (
+    options.content &&
+    typeof options.content === "object" &&
+    !Array.isArray(options.content)
+  ) {
+    try {
+      content = JSON.stringify(options.content);
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to serialize custom view event content:", error);
+      content = "";
+    }
+  }
+
+  if (!content) {
+    const payload = {
+      target: {
+        type: pointer.type,
+        value: pointer.value,
+      },
+      created_at: createdAt,
+    };
+    if (pointer.relay) {
+      payload.target.relay = pointer.relay;
+    }
+    try {
+      content = JSON.stringify(payload);
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to serialize default view event content:", error);
+      content = "";
+    }
+  }
+
+  const event = buildViewEvent({
+    pubkey: actorPubkey,
+    created_at: createdAt,
+    pointerValue: pointer.value,
+    pointerTag,
+    dedupeTag: generateViewEventDedupeTag(actorPubkey, pointer, createdAt),
+    includeSessionTag: usingSessionActor,
+    additionalTags,
+    content,
+  });
+
+  let signedEvent = null;
+
+  const signer = resolveActiveSigner(actorPubkey);
+  const canUseActiveSigner =
+    normalizedActor &&
+    normalizedActor === normalizedLogged &&
+    signer &&
+    typeof signer.signEvent === "function";
+
+  if (canUseActiveSigner) {
+    let permissionResult = { ok: true };
+    if (shouldRequestExtensionPermissions(signer)) {
+      permissionResult = await client.ensureExtensionPermissions(
+        DEFAULT_NIP07_PERMISSION_METHODS
+      );
+    }
+    if (permissionResult.ok) {
+      try {
+        signedEvent = await queueSignEvent(signer, event, {
+          timeoutMs: options?.timeoutMs,
+        });
+      } catch (error) {
+        userLogger.warn(
+          "[nostr] Failed to sign view event with active signer:",
+          error,
+        );
+        return { ok: false, error: "signing-failed", details: error };
+      }
+    } else {
+      userLogger.warn(
+        "[nostr] Active signer permissions missing; signing view event with session key.",
+        permissionResult.error,
+      );
+    }
+  }
+
+  if (!signedEvent) {
+    try {
+      if (!client.sessionActor || client.sessionActor.pubkey !== actorPubkey) {
+        await client.ensureSessionActor(true);
+      }
+      if (!client.sessionActor || client.sessionActor.pubkey !== actorPubkey) {
+        throw new Error("session-actor-mismatch");
+      }
+      const privateKey = client.sessionActor.privateKey;
+      signedEvent = signEventWithPrivateKey(event, privateKey);
+    } catch (error) {
+      userLogger.warn("[nostr] Failed to sign view event with session key:", error);
+      return { ok: false, error: "signing-failed", details: error };
+    }
+  }
+
+  const relayList = sanitizeRelayList(options.relays, client.relays);
+
+  const publishResults = await Promise.all(
+    relayList.map((url) => publishEventToRelay(client.pool, url, signedEvent))
+  );
+
+  const acceptedRelays = publishResults
+    .filter((result) => result.success)
+    .map((result) => result.url)
+    .filter((url) => typeof url === "string" && url);
+  const success = acceptedRelays.length > 0;
+  if (success) {
+    if (guardScope) {
+      rememberViewPublish(guardScope, guardBucket, actorPubkey);
+    }
+    devLogger.info(
+      `[nostr] View event accepted by ${acceptedRelays.length} relay(s):`,
+      acceptedRelays.join(", ")
+    );
+  } else {
+    userLogger.warn("[nostr] View event rejected by relays:", publishResults);
+  }
+
+  return {
+    ok: success,
+    event: signedEvent,
+    results: publishResults,
+    acceptedRelays,
+  };
+}
+
+export async function recordVideoView(
+  client,
+  videoPointer,
+  options = {},
+  helpers
+) {
+  const pointer = normalizePointerInput(videoPointer);
+  if (!pointer) {
+    return { ok: false, error: "invalid-pointer" };
+  }
+
+  const view = await publishViewEvent(client, pointer, options, helpers);
+
+  if (view?.ok && view.event) {
+    try {
+      const ingest = await loadIngestLocalViewEvent();
+      if (typeof ingest === "function") {
+        ingest({ event: view.event, pointer });
+      }
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to ingest optimistic view event:", error);
+    }
+  }
+
+  return view;
+}
+
+export const __testExports = {
+  resolveVideoViewPointer,
+  generateViewEventEntropy,
+  generateViewEventDedupeTag,
+  isVideoViewEvent,
+  loadIngestLocalViewEvent,
+};
diff --git a/dist/js/nostr/watchHistory.js b/dist/js/nostr/watchHistory.js
new file mode 100644
index 00000000..04e9ecfa
--- /dev/null
+++ b/dist/js/nostr/watchHistory.js
@@ -0,0 +1,2343 @@
+import {
+  WATCH_HISTORY_KIND,
+  WATCH_HISTORY_LIST_IDENTIFIER,
+  WATCH_HISTORY_MAX_ITEMS,
+  WATCH_HISTORY_BATCH_RESOLVE,
+  WATCH_HISTORY_BATCH_PAGE_SIZE,
+  WATCH_HISTORY_PAYLOAD_MAX_BYTES,
+  WATCH_HISTORY_FETCH_EVENT_LIMIT,
+  WATCH_HISTORY_CACHE_TTL_MS,
+  WATCH_HISTORY_VERSION_TAG_VALUE,
+} from "../config.js";
+import {
+  buildWatchHistoryEvent,
+  NOTE_TYPES,
+} from "../nostrEventSchemas.js";
+import { CACHE_POLICIES } from "./cachePolicies.js";
+import { publishEventToRelays } from "../nostrPublish.js";
+import {
+  RELAY_URLS,
+  ensureNostrTools,
+  getCachedNostrTools,
+} from "./toolkit.js";
+import { DEFAULT_NIP07_PERMISSION_METHODS } from "./nip07Permissions.js";
+import { devLogger, userLogger } from "../utils/logger.js";
+import { profileCache } from "../state/profileCache.js";
+import { queueSignEvent } from "./signRequestQueue.js";
+
+/**
+ * Domain utilities for watch-history interactions. This module owns pointer
+ * normalization/serialization, chunking, fingerprint hashing, persistence,
+ * relay publishing, fetch/decrypt flows, and exposes a manager factory that is
+ * dependency-injected with the nostr client hooks it needs.
+ */
+const WATCH_HISTORY_REPUBLISH_BASE_DELAY_MS = 2000;
+const WATCH_HISTORY_REPUBLISH_MAX_DELAY_MS = 5 * 60 * 1000;
+const WATCH_HISTORY_REPUBLISH_MAX_ATTEMPTS = 8;
+const WATCH_HISTORY_REPUBLISH_JITTER = 0.25;
+const WATCH_HISTORY_ENCRYPTION_FALLBACK_ORDER = Object.freeze([
+  "nip44_v2",
+  "nip44",
+  "nip04",
+]);
+
+function mergePointerDetails(target, source) {
+  if (!target || typeof target !== "object" || !source || typeof source !== "object") {
+    return target;
+  }
+  if (source.session === true) {
+    target.session = true;
+  }
+  if (Number.isFinite(source.resumeAt)) {
+    target.resumeAt = Math.max(0, Math.floor(source.resumeAt));
+  }
+  if (source.completed === true) {
+    target.completed = true;
+  }
+  if (Number.isFinite(source.watchedAt)) {
+    target.watchedAt = Math.max(0, Math.floor(source.watchedAt));
+  }
+  if (typeof source.relay === "string" && source.relay.trim()) {
+    if (!target.relay || !target.relay.trim()) {
+      target.relay = source.relay.trim();
+    }
+  }
+  return target;
+}
+
+function clonePointerItem(pointer) {
+  if (!pointer || typeof pointer !== "object") {
+    return null;
+  }
+
+  const cloned = {
+    type: pointer.type === "a" ? "a" : "e",
+    value: typeof pointer.value === "string" ? pointer.value.trim() : "",
+  };
+
+  if (!cloned.value) {
+    return null;
+  }
+
+  if (typeof pointer.relay === "string" && pointer.relay.trim()) {
+    cloned.relay = pointer.relay.trim();
+  }
+
+  if (Number.isFinite(pointer.watchedAt)) {
+    cloned.watchedAt = Math.max(0, Math.floor(pointer.watchedAt));
+  }
+
+  if (Number.isFinite(pointer.resumeAt)) {
+    cloned.resumeAt = Math.max(0, Math.floor(pointer.resumeAt));
+  }
+
+  if (pointer.completed === true) {
+    cloned.completed = true;
+  }
+
+  if (pointer.session === true) {
+    cloned.session = true;
+  }
+
+  return cloned;
+}
+
+export function pointerKey(pointer) {
+  if (!pointer) {
+    return "";
+  }
+  const type = pointer.type === "a" ? "a" : "e";
+  const value = typeof pointer.value === "string" ? pointer.value.trim().toLowerCase() : "";
+  if (!type || !value) {
+    return "";
+  }
+  return `${type}:${value}`;
+}
+
+function normalizePointerTag(tag) {
+  if (!Array.isArray(tag) || tag.length < 2) {
+    return null;
+  }
+  const type = tag[0] === "a" ? "a" : tag[0] === "e" ? "e" : "";
+  if (!type) {
+    return null;
+  }
+  const value = typeof tag[1] === "string" ? tag[1].trim() : "";
+  if (!value) {
+    return null;
+  }
+  const relay =
+    tag.length > 2 && typeof tag[2] === "string" && tag[2].trim()
+      ? tag[2].trim()
+      : null;
+  return { type, value, relay };
+}
+
+export function normalizePointerInput(pointer) {
+  if (!pointer) {
+    return null;
+  }
+  if (Array.isArray(pointer)) {
+    return normalizePointerTag(pointer);
+  }
+  if (typeof pointer === "object") {
+    if (typeof pointer.type === "string" && typeof pointer.value === "string") {
+      return clonePointerItem(pointer);
+    }
+    if (Array.isArray(pointer.tag)) {
+      return normalizePointerTag(pointer.tag);
+    }
+  }
+  if (typeof pointer !== "string") {
+    return null;
+  }
+  const trimmed = pointer.trim();
+  if (!trimmed) {
+    return null;
+  }
+  if (trimmed.startsWith("naddr") || trimmed.startsWith("nevent")) {
+    try {
+      const decoder = getCachedNostrTools()?.nip19?.decode;
+      if (typeof decoder === "function") {
+        const decoded = decoder(trimmed);
+        if (decoded?.type === "naddr" && decoded.data) {
+          const { kind, pubkey, identifier, relays } = decoded.data;
+          if (
+            typeof kind === "number" &&
+            typeof pubkey === "string" &&
+            typeof identifier === "string"
+          ) {
+            const relay =
+              Array.isArray(relays) && relays.length && typeof relays[0] === "string"
+                ? relays[0]
+                : null;
+            return {
+              type: "a",
+              value: `${kind}:${pubkey}:${identifier}`,
+              relay,
+            };
+          }
+        }
+        if (decoded?.type === "nevent" && decoded.data) {
+          const { id, relays } = decoded.data;
+          if (typeof id === "string" && id.trim()) {
+            const relay =
+              Array.isArray(relays) && relays.length && typeof relays[0] === "string"
+                ? relays[0]
+                : null;
+            return {
+              type: "e",
+              value: id.trim(),
+              relay,
+            };
+          }
+        }
+      }
+    } catch (error) {
+      devLogger.warn(`[nostr] Failed to decode pointer ${trimmed}:`, error);
+    }
+  }
+  const type = trimmed.includes(":") ? "a" : "e";
+  return { type, value: trimmed, relay: null };
+}
+
+function extractPointerItemsFromEvent(event) {
+  const items = [];
+  const seen = new Set();
+  if (!event || typeof event !== "object") {
+    return items;
+  }
+  const tags = Array.isArray(event.tags) ? event.tags : [];
+  for (const tag of tags) {
+    const pointer = normalizePointerTag(tag);
+    if (!pointer) {
+      continue;
+    }
+    const key = pointerKey(pointer);
+    if (!key || seen.has(key)) {
+      continue;
+    }
+    seen.add(key);
+    items.push(pointer);
+  }
+  return items;
+}
+
+function normalizePointersFromPayload(payload) {
+  const normalized = [];
+  const seen = new Set();
+  if (!payload || typeof payload !== "object") {
+    return normalized;
+  }
+  const watchedAt =
+    payload.watchedAt && typeof payload.watchedAt === "object" ? payload.watchedAt : {};
+
+  const processCandidate = (candidate) => {
+    const pointer = normalizePointerInput(candidate);
+    if (!pointer) {
+      return;
+    }
+    const key = pointerKey(pointer);
+    if (!key || seen.has(key)) {
+      return;
+    }
+    const mapValue = watchedAt[pointer.value];
+    if (Number.isFinite(mapValue)) {
+      pointer.watchedAt = Math.max(0, Math.floor(mapValue));
+    }
+    seen.add(key);
+    normalized.push(pointer);
+  };
+
+  const sourceItems = Array.isArray(payload.items) ? payload.items : [];
+  for (const candidate of sourceItems) {
+    processCandidate(candidate);
+  }
+
+  const sourceEvents = Array.isArray(payload.events) ? payload.events : [];
+  for (const candidate of sourceEvents) {
+    processCandidate(candidate);
+  }
+
+  return normalized;
+}
+
+const WATCH_HISTORY_MONTH_PATTERN = /^(\d{4})-(0[1-9]|1[0-2])$/;
+
+function parseWatchHistoryPayload(plaintext) {
+  if (typeof plaintext !== "string") {
+    return {
+      version: 0,
+      month: "",
+      items: [],
+      events: [],
+      watchedAt: {},
+      snapshot: "",
+    };
+  }
+  try {
+    const parsed = JSON.parse(plaintext);
+    if (!parsed || typeof parsed !== "object") {
+      return {
+        version: 0,
+        month: "",
+        items: [],
+        events: [],
+        watchedAt: {},
+        snapshot: "",
+      };
+    }
+    const version = Number.isFinite(parsed.version) ? parsed.version : 0;
+    const month =
+      typeof parsed.month === "string" && WATCH_HISTORY_MONTH_PATTERN.test(parsed.month)
+        ? parsed.month
+        : "";
+    const items = normalizePointersFromPayload(parsed);
+    const snapshot = typeof parsed.snapshot === "string" ? parsed.snapshot : "";
+    const events = Array.isArray(parsed.events)
+      ? parsed.events.filter((id) => typeof id === "string" && id.trim())
+      : [];
+    const watchedAt =
+      parsed.watchedAt && typeof parsed.watchedAt === "object" ? parsed.watchedAt : {};
+
+    return { version, month, items, events, watchedAt, snapshot };
+  } catch (error) {
+    devLogger.warn("[nostr] Failed to parse watch history payload:", error);
+    return {
+      version: 0,
+      month: "",
+      items: [],
+      events: [],
+      watchedAt: {},
+      snapshot: "",
+    };
+  }
+}
+
+function normalizeWatchHistoryPayloadItem(entry, watchedAtMap) {
+  const pointer = normalizePointerInput(entry);
+  if (!pointer) {
+    return null;
+  }
+  if (entry && typeof entry === "object" && entry.metadata && typeof entry.metadata === "object") {
+    pointer.metadata = { ...entry.metadata };
+  }
+  const key = pointerKey(pointer);
+  if (!key) {
+    return null;
+  }
+
+  const watchedAtSource =
+    watchedAtMap instanceof Map
+      ? watchedAtMap.get(key)
+      : watchedAtMap && typeof watchedAtMap === "object"
+        ? watchedAtMap[key]
+        : null;
+
+  const watchedAt = Number.isFinite(watchedAtSource)
+    ? Math.max(0, Math.floor(watchedAtSource))
+    : Number.isFinite(pointer.watchedAt)
+      ? Math.max(0, Math.floor(pointer.watchedAt))
+      : undefined;
+
+  return {
+    pointer,
+    id: pointer.value,
+    watchedAt,
+  };
+}
+
+export function buildWatchHistoryPayload(
+  monthString,
+  events,
+  watchedAtMap,
+  maxBytes = WATCH_HISTORY_PAYLOAD_MAX_BYTES,
+) {
+  const normalizedMonth = typeof monthString === "string" ? monthString.trim() : "";
+
+  const payload = {
+    version: 2,
+    month: normalizedMonth,
+    items: [],
+    watchedAt: {},
+    snapshot: "",
+  };
+
+  const included = [];
+  const skipped = [];
+  const maxBytesValue =
+    Number.isFinite(maxBytes) && maxBytes > 0 ? Math.floor(maxBytes) : 0;
+
+  for (const entry of Array.isArray(events) ? events : []) {
+    const normalized = normalizeWatchHistoryPayloadItem(entry, watchedAtMap);
+    if (!normalized) {
+      continue;
+    }
+
+    const nextItems = [...payload.items, normalized.id];
+    const sizeEntry = { ...normalized.pointer };
+    if (Number.isFinite(normalized.watchedAt)) {
+      sizeEntry.watchedAt = normalized.watchedAt;
+    }
+    const nextWatchedAt = { ...payload.watchedAt };
+    if (Number.isFinite(normalized.watchedAt)) {
+      nextWatchedAt[normalized.id] = normalized.watchedAt;
+    }
+
+    if (maxBytesValue) {
+      const entrySize = JSON.stringify(sizeEntry).length;
+      if (entrySize > maxBytesValue) {
+        skipped.push(normalized.pointer);
+        continue;
+      }
+
+      const candidatePayload = {
+        ...payload,
+        items: nextItems,
+        watchedAt: nextWatchedAt,
+      };
+      const serialized = JSON.stringify(candidatePayload);
+      if (serialized.length > maxBytesValue) {
+        skipped.push(normalized.pointer);
+        continue;
+      }
+    }
+
+    payload.items = nextItems;
+    payload.watchedAt = nextWatchedAt;
+    included.push(normalized.pointer);
+  }
+
+  return { payload, included, skipped };
+}
+
+export function normalizeActorKey(actor) {
+  if (typeof actor !== "string") {
+    return "";
+  }
+  const trimmed = actor.trim();
+  if (!trimmed) {
+    return "";
+  }
+  if (/^[0-9a-f]{64}$/i.test(trimmed)) {
+    return trimmed.toLowerCase();
+  }
+  const toolkit = getCachedNostrTools();
+  const decoder =
+    (typeof window !== "undefined" ? window?.NostrTools?.nip19?.decode : null) ||
+    toolkit?.nip19?.decode;
+  if (typeof decoder === "function") {
+    try {
+      const decoded = decoder(trimmed);
+      if (decoded?.type === "npub" && typeof decoded.data === "string") {
+        return decoded.data.toLowerCase();
+      }
+      if (decoded?.type === "npub" && typeof decoded.data?.pubkey === "string") {
+        return decoded.data.pubkey.toLowerCase();
+      }
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to decode actor key:", error);
+    }
+  }
+  return trimmed.toLowerCase();
+}
+
+function canonicalizeWatchHistoryItems(rawItems, maxItems = WATCH_HISTORY_MAX_ITEMS) {
+  const seen = new Map();
+  if (Array.isArray(rawItems)) {
+    for (const candidate of rawItems) {
+      const pointer = normalizePointerInput(candidate);
+      if (!pointer) {
+        continue;
+      }
+      const key = pointerKey(pointer);
+      if (!key) {
+        continue;
+      }
+      const existing = seen.get(key);
+      if (!existing) {
+        seen.set(key, pointer);
+        continue;
+      }
+      const currentWatched = Number.isFinite(existing.watchedAt) ? existing.watchedAt : 0;
+      const incomingWatched = Number.isFinite(pointer.watchedAt) ? pointer.watchedAt : 0;
+      if (incomingWatched > currentWatched) {
+        mergePointerDetails(pointer, existing);
+        pointer.watchedAt = incomingWatched;
+        pointer.session = existing.session === true || pointer.session === true;
+        seen.set(key, pointer);
+        continue;
+      }
+      mergePointerDetails(existing, pointer);
+      if (pointer.session === true) {
+        existing.session = true;
+      }
+    }
+  }
+  const deduped = Array.from(seen.values());
+  deduped.sort((a, b) => {
+    const watchedA = Number.isFinite(a?.watchedAt) ? a.watchedAt : 0;
+    const watchedB = Number.isFinite(b?.watchedAt) ? b.watchedAt : 0;
+    if (watchedA !== watchedB) {
+      return watchedB - watchedA;
+    }
+    const keyA = pointerKey(a);
+    const keyB = pointerKey(b);
+    if (keyA < keyB) {
+      return -1;
+    }
+    if (keyA > keyB) {
+      return 1;
+    }
+    return 0;
+  });
+
+  const limited = (!Number.isFinite(maxItems) || maxItems <= 0)
+    ? deduped
+    : deduped.slice(0, Math.max(0, Math.floor(maxItems)));
+
+  const buckets = {};
+  for (const item of limited) {
+    const watchedAt = Number.isFinite(item.watchedAt) ? item.watchedAt : 0;
+    const date = new Date(watchedAt * 1000);
+    const year = date.getUTCFullYear();
+    const month = String(date.getUTCMonth() + 1).padStart(2, '0');
+    const key = (watchedAt > 0) ? `${year}-${month}` : "1970-01";
+
+    if (!buckets[key]) {
+      buckets[key] = [];
+    }
+    buckets[key].push(item);
+  }
+  return buckets;
+}
+
+function sanitizeWatchHistoryMetadata(metadata) {
+  return {};
+}
+
+function serializeWatchHistoryItems(items) {
+  if (!Array.isArray(items) || items.length === 0) {
+    return "[]";
+  }
+  const normalized = items
+    .map((item) => {
+      const type = item?.type === "a" ? "a" : "e";
+      const value = typeof item?.value === "string" ? item.value : "";
+      if (!type || !value) {
+        return null;
+      }
+      const relay =
+        typeof item?.relay === "string" && item.relay.trim()
+          ? item.relay.trim()
+          : undefined;
+      const watchedAt = Number.isFinite(item?.watchedAt)
+        ? Math.max(0, Math.floor(item.watchedAt))
+        : undefined;
+      const payload = { type, value };
+      if (relay) {
+        payload.relay = relay;
+      }
+      if (watchedAt !== undefined) {
+        payload.watchedAt = watchedAt;
+      }
+      const resumeAt = Number.isFinite(item?.resumeAt)
+        ? Math.max(0, Math.floor(item.resumeAt))
+        : undefined;
+      if (resumeAt !== undefined) {
+        payload.resumeAt = resumeAt;
+      }
+      if (item?.completed === true) {
+        payload.completed = true;
+      }
+      return payload;
+    })
+    .filter(Boolean);
+  return JSON.stringify(normalized);
+}
+
+function bytesToHex(bytes) {
+  return Array.from(bytes)
+    .map((byte) => byte.toString(16).padStart(2, "0"))
+    .join("");
+}
+
+async function computeWatchHistoryFingerprintForItems(itemsOrBuckets) {
+  // Check if buckets
+  let flatItems = [];
+  if (Array.isArray(itemsOrBuckets)) {
+    flatItems = [...itemsOrBuckets];
+  } else if (itemsOrBuckets && typeof itemsOrBuckets === "object") {
+    flatItems = Object.keys(itemsOrBuckets)
+      .sort()
+      .reverse()
+      .map((k) => itemsOrBuckets[k])
+      .flat();
+  }
+
+  // Sort for deterministic fingerprint
+  flatItems.sort((a, b) => {
+    const keyA = pointerKey(a);
+    const keyB = pointerKey(b);
+    if (keyA < keyB) return -1;
+    if (keyA > keyB) return 1;
+    return (b.watchedAt || 0) - (a.watchedAt || 0);
+  });
+
+  const serialized = serializeWatchHistoryItems(flatItems);
+  const encoder = typeof TextEncoder === "function" ? new TextEncoder() : null;
+  if (encoder && window?.crypto?.subtle?.digest) {
+    try {
+      const data = encoder.encode(serialized);
+      const digest = await window.crypto.subtle.digest("SHA-256", data);
+      return bytesToHex(new Uint8Array(digest));
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to hash watch history fingerprint:", error);
+    }
+  }
+  return `fallback:${serialized}`;
+}
+
+function looksLikeJsonStructure(content) {
+  if (typeof content !== "string") {
+    return false;
+  }
+  const trimmed = content.trim();
+  if (!trimmed) {
+    return false;
+  }
+  const first = trimmed[0];
+  return first === "{" || first === "[";
+}
+
+function hexToBytesCompat(hex, tools = null) {
+  if (typeof hex !== "string") {
+    throw new Error("Invalid hex input.");
+  }
+  const trimmed = hex.trim();
+  if (!trimmed || trimmed.length % 2 !== 0) {
+    throw new Error("Invalid hex input.");
+  }
+  if (tools?.utils && typeof tools.utils.hexToBytes === "function") {
+    return tools.utils.hexToBytes(trimmed);
+  }
+  const bytes = new Uint8Array(trimmed.length / 2);
+  for (let index = 0; index < trimmed.length; index += 2) {
+    const byte = Number.parseInt(trimmed.slice(index, index + 2), 16);
+    if (Number.isNaN(byte)) {
+      throw new Error("Invalid hex input.");
+    }
+    bytes[index / 2] = byte;
+  }
+  return bytes;
+}
+
+function createNip44CipherSuite(tools, privateKeyHex, targetPubkeyHex) {
+  if (!tools || !privateKeyHex || !targetPubkeyHex) {
+    return null;
+  }
+  const normalizedPrivateKey =
+    typeof privateKeyHex === "string" && privateKeyHex.trim()
+      ? privateKeyHex.trim().toLowerCase()
+      : "";
+  const normalizedTarget =
+    typeof targetPubkeyHex === "string" && targetPubkeyHex.trim()
+      ? targetPubkeyHex.trim().toLowerCase()
+      : "";
+  if (!normalizedPrivateKey || !normalizedTarget) {
+    return null;
+  }
+
+  let privateKeyBytes;
+  try {
+    privateKeyBytes = hexToBytesCompat(normalizedPrivateKey, tools);
+  } catch (_) {
+    return null;
+  }
+
+  const nip44 = tools?.nip44 && typeof tools.nip44 === "object" ? tools.nip44 : null;
+  const suite = {};
+
+  const nip44v2 = nip44?.v2 && typeof nip44.v2 === "object" ? nip44.v2 : null;
+  if (
+    nip44v2 &&
+    typeof nip44v2.encrypt === "function" &&
+    typeof nip44v2.decrypt === "function" &&
+    typeof nip44v2?.utils?.getConversationKey === "function"
+  ) {
+    let cachedKey = null;
+    const ensureKey = () => {
+      if (!cachedKey) {
+        cachedKey = nip44v2.utils.getConversationKey(privateKeyBytes, normalizedTarget);
+      }
+      return cachedKey;
+    };
+    suite.v2 = {
+      encrypt: (plaintext) => nip44v2.encrypt(plaintext, ensureKey()),
+      decrypt: (ciphertext) => nip44v2.decrypt(ciphertext, ensureKey()),
+    };
+  }
+
+  const legacyGetConversationKey = (() => {
+    if (typeof nip44?.getConversationKey === "function") {
+      return nip44.getConversationKey.bind(nip44);
+    }
+    if (typeof nip44?.utils?.getConversationKey === "function") {
+      return nip44.utils.getConversationKey.bind(nip44.utils);
+    }
+    return null;
+  })();
+
+  if (
+    typeof nip44?.encrypt === "function" &&
+    typeof nip44?.decrypt === "function" &&
+    typeof legacyGetConversationKey === "function"
+  ) {
+    let cachedKey = null;
+    const ensureLegacyKey = () => {
+      if (!cachedKey) {
+        cachedKey = legacyGetConversationKey(privateKeyBytes, normalizedTarget);
+      }
+      return cachedKey;
+    };
+    suite.legacy = {
+      encrypt: (plaintext) => nip44.encrypt(plaintext, ensureLegacyKey()),
+      decrypt: (ciphertext) => nip44.decrypt(ciphertext, ensureLegacyKey()),
+    };
+  }
+
+  if (!suite.v2 && !suite.legacy) {
+    return null;
+  }
+
+  return suite;
+}
+
+function normalizeEncryptionTagValue(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  const normalized = value.trim().toLowerCase();
+  switch (normalized) {
+    case "nip04":
+    case "nip-04":
+    case "nip4":
+      return "nip04";
+    case "nip44_v2":
+    case "nip44-v2":
+    case "nip44v2":
+      return "nip44_v2";
+    case "nip44_v1":
+    case "nip44-v1":
+    case "nip44v1":
+    case "nip44":
+      return "nip44";
+    default:
+      return "";
+  }
+}
+
+function extractWatchHistoryEncryptionHints(event, ciphertext) {
+  const hints = [];
+  const pushUnique = (hint) => {
+    if (hint && !hints.includes(hint)) {
+      hints.push(hint);
+    }
+  };
+
+  const tags = Array.isArray(event?.tags) ? event.tags : [];
+  for (const tag of tags) {
+    if (!Array.isArray(tag) || tag.length < 2) {
+      continue;
+    }
+    const label = typeof tag[0] === "string" ? tag[0].trim().toLowerCase() : "";
+    if (label !== "encrypted") {
+      continue;
+    }
+    const normalizedValue = normalizeEncryptionTagValue(tag[1]);
+    if (normalizedValue) {
+      pushUnique(normalizedValue);
+    }
+  }
+
+  if (!hints.length && isNip04EncryptedWatchHistoryEvent(event, ciphertext)) {
+    pushUnique("nip04");
+  }
+
+  return hints;
+}
+
+function determineWatchHistoryDecryptionOrder(
+  event,
+  ciphertext,
+  availableSchemes = [],
+) {
+  const available = Array.isArray(availableSchemes) ? availableSchemes : [];
+  const availableSet = new Set(available);
+  const prioritized = [];
+  const hints = extractWatchHistoryEncryptionHints(event, ciphertext);
+  const aliasMap = {
+    nip04: ["nip04"],
+    nip44: ["nip44", "nip44_v2"],
+    nip44_v2: ["nip44_v2", "nip44"],
+  };
+
+  for (const hint of hints) {
+    const candidates = Array.isArray(aliasMap[hint]) ? aliasMap[hint] : [hint];
+    for (const candidate of candidates) {
+      if (availableSet.has(candidate) && !prioritized.includes(candidate)) {
+        prioritized.push(candidate);
+        break;
+      }
+    }
+  }
+
+  for (const fallback of WATCH_HISTORY_ENCRYPTION_FALLBACK_ORDER) {
+    if (availableSet.has(fallback) && !prioritized.includes(fallback)) {
+      prioritized.push(fallback);
+    }
+  }
+
+  return prioritized.length ? prioritized : available;
+}
+
+async function resolveNostrToolkit(deps = {}, cacheRef = null) {
+  if (cacheRef?.current) {
+    return cacheRef.current;
+  }
+
+  const ensureToolkit =
+    typeof deps.ensureNostrTools === "function" ? deps.ensureNostrTools : ensureNostrTools;
+  if (ensureToolkit) {
+    try {
+      const ensured = await ensureToolkit();
+      if (ensured) {
+        if (cacheRef) {
+          cacheRef.current = ensured;
+        }
+        return ensured;
+      }
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to resolve nostr-tools for watch history:", error);
+    }
+  }
+
+  const readCachedToolkit =
+    typeof deps.getCachedNostrTools === "function"
+      ? deps.getCachedNostrTools
+      : getCachedNostrTools;
+  if (readCachedToolkit) {
+    try {
+      const cached = await readCachedToolkit();
+      if (cached) {
+        if (cacheRef) {
+          cacheRef.current = cached;
+        }
+        return cached;
+      }
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to read cached nostr-tools for watch history:", error);
+    }
+  }
+
+  return cacheRef?.current || null;
+}
+
+function mergeWatchHistoryItemsWithFallback(parsed, fallbackItems) {
+  if (!parsed || typeof parsed !== "object") {
+    return {
+      version: 0,
+      month: "",
+      items: fallbackItems,
+      snapshot: "",
+    };
+  }
+
+  const fallbackMap = new Map();
+  for (const item of Array.isArray(fallbackItems) ? fallbackItems : []) {
+    const key = pointerKey(item);
+    if (key) {
+      fallbackMap.set(item.value, item);
+    }
+  }
+
+  const merged = [];
+  const sourceItems = Array.isArray(parsed.items) ? parsed.items : [];
+
+  for (const item of sourceItems) {
+    const fallback = fallbackMap.get(item.value);
+    const pointer = fallback ? clonePointerItem(fallback) : item;
+
+    if (fallback) {
+      mergePointerDetails(pointer, item);
+    }
+
+    merged.push(pointer);
+  }
+
+  if (merged.length === 0 && Array.isArray(fallbackItems) && fallbackItems.length > 0) {
+    return { ...parsed, items: fallbackItems };
+  }
+
+  return {
+    version: parsed.version,
+    month: parsed.month,
+    items: merged,
+    snapshot: parsed.snapshot,
+  };
+}
+
+export function parseWatchHistoryContentWithFallback(content, fallbackItems, fallbackPayload) {
+  if (!looksLikeJsonStructure(content)) {
+    return fallbackPayload;
+  }
+  try {
+    JSON.parse(content);
+  } catch (error) {
+    return fallbackPayload;
+  }
+  const parsed = parseWatchHistoryPayload(content);
+  return mergeWatchHistoryItemsWithFallback(parsed, fallbackItems);
+}
+
+export function isNip04EncryptedWatchHistoryEvent(pointerEvent, ciphertext) {
+  if (!pointerEvent || typeof pointerEvent !== "object") {
+    return false;
+  }
+  const tags = Array.isArray(pointerEvent.tags) ? pointerEvent.tags : [];
+  const normalizedCiphertext = typeof ciphertext === "string" ? ciphertext.trim() : "";
+  if (!normalizedCiphertext) {
+    return false;
+  }
+  const hasEncryptionTag = tags.some((tag) => {
+    if (!Array.isArray(tag) || tag.length < 2) {
+      return false;
+    }
+    const label = typeof tag[0] === "string" ? tag[0].trim().toLowerCase() : "";
+    if (label !== "encrypted") {
+      return false;
+    }
+    const value = typeof tag[1] === "string" ? tag[1].trim().toLowerCase() : "";
+    return value === "nip04" || value === "nip-04";
+  });
+  if (hasEncryptionTag) {
+    return !looksLikeJsonStructure(normalizedCiphertext);
+  }
+  if (looksLikeJsonStructure(normalizedCiphertext)) {
+    return false;
+  }
+  const ivIndex = normalizedCiphertext.indexOf("?iv=");
+  if (ivIndex < 0) {
+    return false;
+  }
+  const baseSegment = normalizedCiphertext.slice(0, ivIndex);
+  const ivSegment = normalizedCiphertext.slice(ivIndex + 4);
+  const base64Regex = /^[A-Za-z0-9+/]+={0,2}$/;
+  if (!baseSegment || !base64Regex.test(baseSegment)) {
+    return false;
+  }
+  if (ivSegment && !base64Regex.test(ivSegment)) {
+    return false;
+  }
+  return true;
+}
+
+class WatchHistoryManager {
+  constructor(deps) {
+    this.deps = {
+      ensureNostrTools,
+      getCachedNostrTools,
+      ...(deps || {}),
+    };
+    this.cache = new Map();
+    this.storage = null;
+    this.republishTimers = new Map();
+    this.refreshPromises = new Map();
+    this.cacheTtlMs = 0;
+    this.fingerprints = new Map();
+    this.lastCreatedAt = 0;
+
+    profileCache.subscribe((event, detail) => {
+      if (event === "profileChanged") {
+        this.clear();
+      } else if (event === "runtimeCleared") {
+        const activePubkey = typeof this.deps.getActivePubkey === "function"
+          ? this.deps.getActivePubkey()
+          : "";
+        const normalized = normalizeActorKey(detail.pubkey);
+        const active = normalizeActorKey(activePubkey);
+        if (normalized && active && normalized === active) {
+          this.cache.delete(normalized);
+        }
+      }
+    });
+  }
+
+  getCacheTtlMs() {
+    if (Number.isFinite(this.cacheTtlMs) && this.cacheTtlMs > 0) {
+      return this.cacheTtlMs;
+    }
+    const policyTtl = CACHE_POLICIES[NOTE_TYPES.WATCH_HISTORY]?.ttl;
+    const configured = Number(WATCH_HISTORY_CACHE_TTL_MS);
+
+    // Prefer config if set (for backward compat or overrides), otherwise policy
+    let resolved =
+      Number.isFinite(configured) && configured > 0
+        ? Math.floor(configured)
+        : Number.isFinite(policyTtl) && policyTtl > 0
+          ? policyTtl
+          : 24 * 60 * 60 * 1000;
+
+    this.cacheTtlMs = resolved;
+    return resolved;
+  }
+
+  getStorage(actorInput = null) {
+    const actorKey = normalizeActorKey(actorInput) || normalizeActorKey(this.deps.getActivePubkey?.());
+    if (!actorKey) {
+        return { actors: {} }; // Return empty structure if no actor resolved
+    }
+
+    const cached = profileCache.get(NOTE_TYPES.WATCH_HISTORY);
+    if (!cached) {
+      return { actors: {} };
+    }
+
+    // Wrap single entry in actors map for compatibility
+    return {
+      actors: {
+        [actorKey]: cached
+      }
+    };
+  }
+
+  persistEntry(actorInput, entry) {
+    const actorKey = normalizeActorKey(actorInput);
+    if (!actorKey || !entry) {
+      return;
+    }
+
+    // Entry can have `items` (flat) or `records` (buckets). We standardize to records.
+    let records = {};
+    if (entry.records && typeof entry.records === "object") {
+        const flat = Object.values(entry.records).flat();
+        records = canonicalizeWatchHistoryItems(flat, WATCH_HISTORY_MAX_ITEMS);
+    } else if (Array.isArray(entry.items)) {
+        records = canonicalizeWatchHistoryItems(entry.items, WATCH_HISTORY_MAX_ITEMS);
+    }
+    const items = Object.values(records).flat();
+
+    const snapshotId = typeof entry.snapshotId === "string" ? entry.snapshotId : "";
+    const fingerprint = typeof entry.fingerprint === "string" ? entry.fingerprint : "";
+    const savedAt = Number.isFinite(entry.savedAt) && entry.savedAt > 0 ? entry.savedAt : Date.now();
+    const actorValue =
+        typeof entry.actor === "string" && entry.actor.trim()
+        ? entry.actor.trim()
+        : actorInput || actorKey;
+
+    const data = {
+        actor: actorValue,
+        snapshotId,
+        fingerprint,
+        savedAt,
+        records,
+        items,
+        metadata: {},
+    };
+
+    // profileCache keys by active profile, so we just set the data for "watchHistory"
+    profileCache.set(NOTE_TYPES.WATCH_HISTORY, data);
+  }
+
+  cancelRepublish(taskId = null) {
+    if (!taskId) {
+      for (const entry of this.republishTimers.values()) {
+        if (entry && typeof entry.timer === "number") {
+          clearTimeout(entry.timer);
+        } else if (entry && entry.timer) {
+          clearTimeout(entry.timer);
+        } else if (typeof entry === "number") {
+          clearTimeout(entry);
+        }
+      }
+      this.republishTimers.clear();
+      return;
+    }
+    const key = typeof taskId === "string" ? taskId.trim() : "";
+    if (!key) {
+      return;
+    }
+    const entry = this.republishTimers.get(key);
+    if (entry && typeof entry.timer === "number") {
+      clearTimeout(entry.timer);
+    } else if (entry && entry.timer) {
+      clearTimeout(entry.timer);
+    } else if (typeof entry === "number") {
+      clearTimeout(entry);
+    }
+    this.republishTimers.delete(key);
+  }
+
+  scheduleRepublish(taskId, operation, options = {}) {
+    const key = typeof taskId === "string" ? taskId.trim() : "";
+    if (!key || typeof operation !== "function") {
+      return;
+    }
+    const onSchedule =
+      typeof options?.onSchedule === "function" ? options.onSchedule : null;
+    const previous = this.republishTimers.get(key);
+    if (previous && typeof previous.timer === "number") {
+      clearTimeout(previous.timer);
+    } else if (previous && previous?.timer) {
+      clearTimeout(previous.timer);
+    }
+    const requestedAttempt = Number.isFinite(options?.attempt)
+      ? Math.max(0, Math.floor(options.attempt))
+      : 0;
+    const baseAttempt = Number.isFinite(previous?.attempt)
+      ? Math.max(previous.attempt + 1, requestedAttempt)
+      : requestedAttempt;
+    const attempt = Math.min(baseAttempt, WATCH_HISTORY_REPUBLISH_MAX_ATTEMPTS);
+    if (attempt > WATCH_HISTORY_REPUBLISH_MAX_ATTEMPTS) {
+      return;
+    }
+
+    let delay = 0;
+    if (attempt === 0) {
+      delay = 10;
+    } else {
+      const exponentialDelay =
+        WATCH_HISTORY_REPUBLISH_BASE_DELAY_MS * Math.pow(2, attempt);
+      const cappedDelay = Math.min(
+        exponentialDelay,
+        WATCH_HISTORY_REPUBLISH_MAX_DELAY_MS,
+      );
+      const jitter =
+        Math.random() * cappedDelay * WATCH_HISTORY_REPUBLISH_JITTER;
+      delay = Math.max(
+        WATCH_HISTORY_REPUBLISH_BASE_DELAY_MS,
+        Math.floor(cappedDelay + jitter),
+      );
+    }
+
+    if (onSchedule) {
+      try {
+        onSchedule({ taskId: key, attempt: attempt + 1, delay });
+      } catch (error) {
+        devLogger.warn(
+          `[nostr] Failed to notify watch history republish schedule for ${key}:`,
+          error,
+        );
+      }
+    }
+    const timer = setTimeout(async () => {
+      this.republishTimers.delete(key);
+      try {
+        const result = await operation(attempt + 1);
+        if (!result || result.ok !== true) {
+          if (attempt + 1 <= WATCH_HISTORY_REPUBLISH_MAX_ATTEMPTS) {
+            this.scheduleRepublish(key, operation, {
+              attempt: attempt + 1,
+              onSchedule,
+            });
+          } else {
+            devLogger.warn(
+              `[nostr] Watch history republish aborted for ${key}: max attempts reached.`,
+            );
+          }
+        } else {
+          this.cancelRepublish(key);
+        }
+      } catch (error) {
+        devLogger.warn("[nostr] Watch history republish attempt failed:", error);
+        if (attempt + 1 <= WATCH_HISTORY_REPUBLISH_MAX_ATTEMPTS) {
+          this.scheduleRepublish(key, operation, {
+            attempt: attempt + 1,
+            onSchedule,
+          });
+        }
+      }
+    }, delay);
+    this.republishTimers.set(key, {
+      timer,
+      attempt,
+      operation,
+    });
+    return { attempt: attempt + 1, delay };
+  }
+
+  async getFingerprint(actorInput, itemsOverride = null) {
+    const resolvedActor =
+      typeof actorInput === "string" && actorInput.trim()
+        ? actorInput.trim()
+        : typeof this.deps.getActivePubkey === "function"
+          ? this.deps.getActivePubkey()
+          : "";
+    const actorKey = normalizeActorKey(resolvedActor);
+    if (!actorKey) {
+      return "";
+    }
+
+    let itemsOrRecords = itemsOverride;
+    if (!itemsOrRecords) {
+        const cacheEntry = this.cache.get(actorKey) || this.getStorage().actors?.[actorKey];
+        itemsOrRecords = cacheEntry?.records || cacheEntry?.items || [];
+    }
+
+    // Convert flat array to buckets if needed, or use as is if already bucketed/records
+    let buckets = itemsOrRecords;
+    if (Array.isArray(itemsOrRecords)) {
+         buckets = canonicalizeWatchHistoryItems(itemsOrRecords, WATCH_HISTORY_MAX_ITEMS);
+    }
+
+    const fingerprint = await computeWatchHistoryFingerprintForItems(buckets);
+    const previous = this.fingerprints.get(actorKey);
+    if (previous && previous !== fingerprint) {
+      devLogger.info(`[nostr] Watch history fingerprint changed for ${actorKey}.`);
+    }
+    this.fingerprints.set(actorKey, fingerprint);
+    return fingerprint;
+  }
+
+  ensureBackgroundRefresh(actorInput = null) {
+    const resolvedActor =
+      typeof actorInput === "string" && actorInput.trim()
+        ? actorInput.trim()
+        : typeof this.deps.getActivePubkey === "function"
+          ? this.deps.getActivePubkey()
+          : this.deps.getSessionActor?.()?.pubkey || "";
+    const actorKey = normalizeActorKey(resolvedActor);
+    if (!actorKey) {
+      return Promise.resolve({ pointerEvent: null, items: [], snapshotId: "" });
+    }
+    if (this.refreshPromises.has(actorKey)) {
+      return this.refreshPromises.get(actorKey);
+    }
+    const promise = (async () => {
+      const fetchResult = await this.fetch(resolvedActor, {
+        forceRefresh: true,
+      });
+      if (fetchResult.pointerEvent) {
+        return fetchResult;
+      }
+      const storageEntry = this.getStorage().actors?.[actorKey];
+
+      const records = storageEntry?.records || {};
+      const flatItems = Object.values(records).flat();
+
+      if (!flatItems.length) {
+        return fetchResult;
+      }
+
+      // We publish all records
+      const publishResult = await this.publishRecords(records, {
+        actorPubkey: resolvedActor,
+        source: "background-refresh",
+      });
+
+      const fingerprint = await this.getFingerprint(resolvedActor, records);
+      const entry = {
+        actor: resolvedActor,
+        records,
+        items: flatItems, // Keep items for compat if needed, or just records
+        snapshotId: publishResult.snapshotId || storageEntry?.snapshotId || "",
+        pointerEvent: publishResult.pointerEvent || null,
+        chunkEvents: [],
+        savedAt: Date.now(),
+        fingerprint,
+        metadata: {},
+      };
+      this.cache.set(actorKey, entry);
+      this.persistEntry(actorKey, entry);
+
+      if (!publishResult.ok && publishResult.retryable) {
+        // Schedule republish for failed months?
+        // Simple retry for now
+        this.scheduleRepublish("background-refresh", async (attempt) =>
+            this.publishRecords(records, {
+              actorPubkey: resolvedActor,
+              attempt,
+              source: "background-refresh",
+            }),
+          );
+      }
+
+      return {
+        pointerEvent: entry.pointerEvent,
+        items: flatItems,
+        snapshotId: entry.snapshotId,
+      };
+    })()
+      .catch((error) => {
+        devLogger.warn("[nostr] Watch history background refresh failed:", error);
+        throw error;
+      })
+      .finally(() => {
+        this.refreshPromises.delete(actorKey);
+      });
+    this.refreshPromises.set(actorKey, promise);
+    return promise;
+  }
+
+  async publishRecords(records, options = {}) {
+     // High level wrapper to publish multiple months
+     // records is { "YYYY-MM": [items] }
+
+     const results = [];
+     let allOk = true;
+     let anyRetryable = false;
+
+     const months = Object.keys(records).sort();
+     for (const month of months) {
+         const items = records[month];
+         // Ideally we check if this month changed before publishing.
+         // For now, we rely on the caller or just publish.
+         // In a real optimized system we'd track dirty flags per month.
+
+         const res = await this.publishMonthRecord(month, items, options);
+         results.push(res);
+         if (!res.ok) {
+             allOk = false;
+             if (res.retryable) anyRetryable = true;
+         }
+     }
+
+     return {
+         ok: allOk,
+         retryable: anyRetryable,
+         results,
+         items: results.flatMap(r => r.items || []),
+         snapshotId: "", // No single snapshot ID
+         // Return last event as pointerEvent? Or null?
+         pointerEvent: results.length > 0 ? results[results.length-1].pointerEvent : null
+     };
+  }
+
+  async publishSnapshot(rawItems, options = {}) {
+     // Compatibility wrapper
+     const buckets = canonicalizeWatchHistoryItems(rawItems, WATCH_HISTORY_MAX_ITEMS);
+     const result = await this.publishRecords(buckets, options);
+
+     // Ensure items are returned for compatibility
+     if (!result.items && result.results) {
+         result.items = result.results.flatMap(r => r.items || []);
+     }
+     const actorCandidates = [options.actorPubkey];
+     if (typeof this.deps.getActivePubkey === "function") {
+       actorCandidates.push(this.deps.getActivePubkey());
+     }
+     const sessionActor = this.deps.getSessionActor?.();
+     if (sessionActor?.pubkey) {
+       actorCandidates.push(sessionActor.pubkey);
+     }
+     let resolvedActor = "";
+     for (const candidate of actorCandidates) {
+       if (typeof candidate === "string" && candidate.trim()) {
+         resolvedActor = candidate.trim();
+         break;
+       }
+     }
+     if (!resolvedActor && typeof this.deps.ensureSessionActor === "function") {
+       resolvedActor = await this.deps.ensureSessionActor();
+     }
+    const actorKey = normalizeActorKey(resolvedActor);
+    if (actorKey) {
+      const flatItems = Array.isArray(Object.values(buckets))
+        ? Object.values(buckets).flat()
+        : [];
+      const fingerprint = await this.getFingerprint(resolvedActor, buckets);
+      const entry = {
+        actor: resolvedActor,
+        records: buckets,
+        items: Array.isArray(flatItems) ? flatItems : [],
+        snapshotId: result.snapshotId || "",
+         pointerEvent: result.pointerEvent || null,
+         savedAt: Date.now(),
+         fingerprint,
+         metadata: {},
+       };
+       this.cache.set(actorKey, entry);
+       this.persistEntry(actorKey, entry);
+     }
+     return result;
+  }
+
+  async publishMonthRecord(monthIdentifier, items, options = {}) {
+    if (!items || !items.length) return { ok: true };
+
+    const pool = typeof this.deps.getPool === "function" ? this.deps.getPool() : null;
+    if (!pool) {
+      return { ok: false, error: "nostr-uninitialized", retryable: false };
+    }
+    const actorCandidates = [options.actorPubkey];
+    if (typeof this.deps.getActivePubkey === "function") {
+      actorCandidates.push(this.deps.getActivePubkey());
+    }
+    const sessionActor = this.deps.getSessionActor?.();
+    if (sessionActor?.pubkey) {
+      actorCandidates.push(sessionActor.pubkey);
+    }
+    let resolvedActor = "";
+    for (const candidate of actorCandidates) {
+      if (typeof candidate === "string" && candidate.trim()) {
+        resolvedActor = candidate.trim();
+        break;
+      }
+    }
+    if (!resolvedActor && typeof this.deps.ensureSessionActor === "function") {
+      resolvedActor = await this.deps.ensureSessionActor();
+    }
+    const actorKey = normalizeActorKey(resolvedActor);
+    if (!actorKey) {
+      return { ok: false, error: "missing-actor", retryable: false };
+    }
+    const actorPubkey = resolvedActor || actorKey;
+    const normalizedLogged = normalizeActorKey(
+      typeof this.deps.getActivePubkey === "function" ? this.deps.getActivePubkey() : "",
+    );
+    const signer = this.deps.resolveActiveSigner?.(actorKey) || null;
+    const canUseActiveSignerSign =
+      normalizedLogged &&
+      normalizedLogged === actorKey &&
+      signer &&
+      typeof signer.signEvent === "function";
+
+    const activeSigner = canUseActiveSignerSign ? signer : null;
+
+    let privateKey = "";
+    if (!canUseActiveSignerSign) {
+      if (!sessionActor || sessionActor.pubkey !== actorKey) {
+        const ensured = await this.deps.ensureSessionActor?.();
+        if (normalizeActorKey(ensured) !== actorKey) {
+          return { ok: false, error: "session-actor-mismatch", retryable: false };
+        }
+      }
+      const currentSession = this.deps.getSessionActor?.();
+      if (!currentSession || currentSession.pubkey !== actorKey) {
+        return { ok: false, error: "session-actor-missing", retryable: false };
+      }
+      privateKey = currentSession.privateKey;
+      if (!privateKey) {
+        return { ok: false, error: "missing-session-key", retryable: false };
+      }
+    }
+
+    // Sort items latest first for payload construction
+    items.sort((a, b) => (b.watchedAt || 0) - (a.watchedAt || 0));
+
+    const { payload, included, skipped } = buildWatchHistoryPayload(
+      monthIdentifier,
+      items,
+      options.watchedAtMap || null
+    );
+
+    const relayCandidates = [];
+    if (Array.isArray(options.relays) && options.relays.length) {
+      relayCandidates.push(...options.relays);
+    } else if (typeof this.deps.getWriteRelays === "function") {
+      const write = this.deps.getWriteRelays();
+      if (Array.isArray(write) && write.length) {
+        relayCandidates.push(...write);
+      }
+    }
+    if (!relayCandidates.length && typeof this.deps.getRelayFallback === "function") {
+      const fallback = this.deps.getRelayFallback();
+      if (Array.isArray(fallback) && fallback.length) {
+        relayCandidates.push(...fallback);
+      }
+    }
+    let relays = Array.from(new Set(relayCandidates));
+    if (!relays.length) {
+      relays = Array.from(RELAY_URLS);
+    }
+
+    devLogger.info("[nostr] Preparing to publish watch history month.", {
+      actor: actorKey,
+      monthIdentifier,
+      itemCount: items.length,
+      payloadCount: Array.isArray(payload.events) ? payload.events.length : 0,
+      relaysRequested: relays,
+      attempt: options.attempt || 0,
+      source: options.source || "unknown",
+    });
+
+    const createdAtBase = Math.max(Math.floor(Date.now() / 1000), this.lastCreatedAt + 1);
+
+    const signEvent = async (event) => {
+      if (activeSigner) {
+        return queueSignEvent(activeSigner, event, {
+          timeoutMs: options.timeoutMs,
+        });
+      }
+      return this.deps.signEventWithPrivateKey(event, privateKey);
+    };
+    let createdAtCursor = createdAtBase;
+
+    const formatRelayStatus = (results = []) => {
+      const normalized = Array.isArray(results) ? results : [];
+      const statuses = [];
+      const byUrl = new Map();
+      for (const entry of normalized) {
+        const url = typeof entry?.url === "string" ? entry.url : "";
+        if (!url) {
+          continue;
+        }
+        const reasonValue = (() => {
+          const error = entry?.error;
+          if (!error) {
+            return null;
+          }
+          if (error instanceof Error) {
+            return error.message || "publish failed";
+          }
+          if (typeof error === "string" && error.trim()) {
+            return error.trim();
+          }
+          try {
+            return JSON.stringify(error);
+          } catch (_) {
+            return String(error);
+          }
+        })();
+        byUrl.set(url, {
+          url,
+          success: !!entry?.success,
+          reason: reasonValue,
+        });
+      }
+      for (const relayUrl of relays) {
+        const existing = byUrl.get(relayUrl);
+        if (existing) {
+          statuses.push(existing);
+        } else {
+          statuses.push({ url: relayUrl, success: false, reason: "no-result" });
+        }
+      }
+      return statuses;
+    };
+
+    const pointerTags = included.map((pointer) => {
+      const tag = [pointer.type === "a" ? "a" : "e", pointer.value];
+      if (pointer.relay) {
+        tag.push(pointer.relay);
+      }
+      return tag;
+    });
+
+    const plaintext = JSON.stringify(payload);
+    let content = plaintext;
+    const encryptionTags = [];
+
+    if (activeSigner) {
+      if (this.deps.shouldRequestExtensionPermissions?.(activeSigner)) {
+        await this.deps.ensureExtensionPermissions?.(DEFAULT_NIP07_PERMISSION_METHODS);
+      }
+
+      const encryptors = [];
+      if (typeof activeSigner.nip44Encrypt === "function") {
+        encryptors.push({ scheme: "nip44", encrypt: activeSigner.nip44Encrypt });
+      }
+      if (typeof activeSigner.nip04Encrypt === "function") {
+        encryptors.push({ scheme: "nip04", encrypt: activeSigner.nip04Encrypt });
+      }
+
+      for (const encryptor of encryptors) {
+        try {
+          const encrypted = await encryptor.encrypt(actorPubkey, plaintext);
+          if (typeof encrypted === "string" && encrypted) {
+            content = encrypted;
+            encryptionTags.push(["encrypted", encryptor.scheme]);
+            break;
+          }
+        } catch (error) {
+          devLogger.warn(
+            "[nostr] Failed to encrypt watch history payload with signer:",
+            error,
+          );
+        }
+      }
+    }
+
+    if (!encryptionTags.length && privateKey) {
+      try {
+        const tools =
+          (await this.deps.ensureNostrTools?.()) || this.deps.getCachedNostrTools?.();
+        if (tools?.nip04 && typeof tools.nip04.encrypt === "function") {
+          const encrypted = await tools.nip04.encrypt(
+            privateKey,
+            actorPubkey,
+            plaintext,
+          );
+          if (typeof encrypted === "string" && encrypted) {
+            content = encrypted;
+            encryptionTags.push(["encrypted", "nip04"]);
+          }
+        }
+      } catch (error) {
+        devLogger.warn(
+          "[nostr] Failed to encrypt watch history payload with fallback tools:",
+          error,
+        );
+      }
+    }
+
+    if (!encryptionTags.length) {
+      devLogger.warn("[nostr] Aborting watch history publish: mandatory encryption failed.");
+      return { ok: false, error: "encryption-failed", retryable: true };
+    }
+
+    const event = buildWatchHistoryEvent({
+      pubkey: actorPubkey,
+      created_at: createdAtCursor,
+      monthIdentifier,
+      pointerTags,
+      content,
+    });
+    if (encryptionTags.length) {
+      event.tags.push(...encryptionTags);
+    }
+    createdAtCursor += 1;
+    let signedEvent;
+    try {
+      signedEvent = await signEvent(event);
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to sign watch history event:", error);
+      return { ok: false, error: "signing-failed", retryable: false };
+    }
+    const publishResults = await publishEventToRelays(pool, relays, signedEvent);
+    const relayStatus = formatRelayStatus(publishResults);
+    const acceptedCount = relayStatus.filter((entry) => entry.success).length;
+    let anyRejected = false;
+    let anyPartial = false;
+    if (acceptedCount === 0) {
+      anyRejected = true;
+      devLogger.warn("[nostr] Watch history event rejected by all relays:", publishResults);
+    } else {
+      const logMessage = acceptedCount === relays.length ? "accepted" : "partially accepted";
+      if (acceptedCount === relays.length) {
+        devLogger.info(
+          `[nostr] Watch history event accepted by ${acceptedCount}/${relays.length} relay(s).`,
+        );
+      } else {
+        anyPartial = true;
+        devLogger.warn(
+          `[nostr] Watch history event ${logMessage} by ${acceptedCount}/${relays.length} relay(s).`,
+          publishResults,
+        );
+      }
+    }
+    this.lastCreatedAt = createdAtCursor;
+    const partialAcceptance = anyPartial;
+    const success = acceptedCount === relays.length && !anyRejected;
+    let errorCode = null;
+    if (!success) {
+      if (anyRejected) {
+        errorCode = "publish-rejected";
+      } else if (partialAcceptance) {
+        errorCode = "partial-relay-acceptance";
+      }
+    }
+    const result = {
+      ok: success,
+      retryable: !success,
+      actor: actorPubkey,
+      monthIdentifier,
+      items: items,
+      pointerEvent: signedEvent,
+      publishResults: {
+        pointer: publishResults,
+        relayStatus: {
+          pointer: relayStatus,
+        },
+      },
+      skippedCount: skipped.length,
+      source: options.source || "manual",
+      partial: partialAcceptance,
+    };
+    if (!success && errorCode) {
+      result.error = errorCode;
+    }
+
+    devLogger.info("[nostr] Watch history month publish result.", {
+      actor: actorKey,
+      monthIdentifier,
+      success,
+      partialAcceptance,
+      error: result.error || null,
+      acceptedCount,
+    });
+    return result;
+  }
+
+  async updateList(rawItems = [], options = {}) {
+    const actorCandidates = [options.actorPubkey];
+    if (typeof this.deps.getActivePubkey === "function") {
+      actorCandidates.push(this.deps.getActivePubkey());
+    }
+    let resolvedActor = "";
+    for (const candidate of actorCandidates) {
+      if (typeof candidate === "string" && candidate.trim()) {
+        resolvedActor = candidate.trim();
+        break;
+      }
+    }
+    if (!resolvedActor && typeof this.deps.ensureSessionActor === "function") {
+      resolvedActor = await this.deps.ensureSessionActor();
+    }
+    const actorKey = normalizeActorKey(resolvedActor);
+    if (!actorKey) {
+      return { ok: false, error: "missing-actor" };
+    }
+    const storage = this.getStorage();
+    const cachedEntry = this.cache.get(actorKey) || storage.actors?.[actorKey] || {};
+
+    // Existing items - try to get records, fallback to items
+    let existingItems = [];
+    if (cachedEntry.records && typeof cachedEntry.records === "object") {
+      existingItems = Object.keys(cachedEntry.records)
+        .sort()
+        .reverse()
+        .map((k) => cachedEntry.records[k])
+        .flat();
+    } else if (Array.isArray(cachedEntry.items)) {
+        existingItems = cachedEntry.items;
+    }
+
+    const incomingItems = Array.isArray(rawItems) ? rawItems : [];
+    const combined =
+      options.replace === true ? incomingItems : [...incomingItems, ...existingItems];
+
+    // Bucket everything
+    const records = canonicalizeWatchHistoryItems(
+      combined,
+      WATCH_HISTORY_MAX_ITEMS,
+    );
+
+    // Ensure empty months are preserved so they get cleared on relays
+    if (cachedEntry.records && typeof cachedEntry.records === "object") {
+      const oldKeys = Object.keys(cachedEntry.records);
+      for (const oldKey of oldKeys) {
+        if (!records[oldKey]) {
+          records[oldKey] = [];
+        }
+      }
+    }
+
+    // Calculate fingerprint
+    const fingerprint = await this.getFingerprint(resolvedActor, records);
+    const flatItems = Object.values(records).flat();
+
+    devLogger.info("[nostr] Updating watch history list.", {
+      actor: resolvedActor,
+      incomingItemCount: incomingItems.length,
+      finalItemCount: flatItems.length,
+      replace: options.replace === true,
+    });
+
+    // Publish
+    const publishResult = await this.publishRecords(records, {
+      actorPubkey: resolvedActor,
+      snapshotId: options.snapshotId || cachedEntry.snapshotId,
+      attempt: options.attempt || 0,
+    });
+
+    devLogger.info("[nostr] Watch history list publish attempt finished.", {
+      actor: resolvedActor,
+      snapshotId: publishResult.snapshotId || null,
+      success: !!publishResult.ok,
+      retryable: !!publishResult.retryable,
+    });
+    const entry = {
+      actor: resolvedActor,
+      records,
+      items: flatItems,
+      snapshotId: publishResult.snapshotId || cachedEntry.snapshotId || "",
+      pointerEvent: publishResult.pointerEvent || cachedEntry.pointerEvent || null,
+      savedAt: Date.now(),
+      fingerprint,
+      metadata: {},
+    };
+    this.cache.set(actorKey, entry);
+    this.persistEntry(actorKey, entry);
+    if (!publishResult.ok && publishResult.retryable) {
+       // Retry full publish
+      this.scheduleRepublish("update-list", async (attempt) =>
+        this.publishRecords(records, {
+          actorPubkey: resolvedActor,
+          attempt,
+        }),
+      );
+    } else {
+      this.cancelRepublish("update-list");
+    }
+    return publishResult;
+  }
+
+  async removeItem(pointerInput, options = {}) {
+    const pointer = normalizePointerInput(pointerInput);
+    if (!pointer) {
+      return { ok: false, error: "invalid-pointer" };
+    }
+    const actorCandidates = [options.actorPubkey];
+    if (typeof this.deps.getActivePubkey === "function") {
+      actorCandidates.push(this.deps.getActivePubkey());
+    }
+    let resolvedActor = "";
+    for (const candidate of actorCandidates) {
+      if (typeof candidate === "string" && candidate.trim()) {
+        resolvedActor = candidate.trim();
+        break;
+      }
+    }
+    if (!resolvedActor && typeof this.deps.ensureSessionActor === "function") {
+      resolvedActor = await this.deps.ensureSessionActor();
+    }
+    const actorKey = normalizeActorKey(resolvedActor);
+    if (!actorKey) {
+      return { ok: false, error: "missing-actor" };
+    }
+    const existingEntry =
+      this.cache.get(actorKey) || this.getStorage().actors?.[actorKey] || {};
+
+    let existingItems = [];
+    if (existingEntry.records) {
+        existingItems = Object.values(existingEntry.records).flat();
+    } else if (Array.isArray(existingEntry.items)) {
+        existingItems = existingEntry.items;
+    }
+
+    const targetKey = pointerKey(pointer);
+    const filtered = existingItems.filter((item) => pointerKey(item) !== targetKey);
+    if (filtered.length === existingItems.length) {
+      return {
+        ok: true,
+        skipped: true,
+        snapshotId: existingEntry.snapshotId || "",
+      };
+    }
+    return this.updateList(filtered, {
+      ...options,
+      actorPubkey: resolvedActor,
+      replace: true,
+    });
+  }
+
+  async fetch(actorInput, options = {}) {
+    const actorCandidates = [actorInput];
+    if (typeof this.deps.getActivePubkey === "function") {
+      actorCandidates.push(this.deps.getActivePubkey());
+    }
+    const sessionActor = this.deps.getSessionActor?.();
+    if (sessionActor?.pubkey) {
+      actorCandidates.push(sessionActor.pubkey);
+    }
+    let resolvedActor = "";
+    for (const candidate of actorCandidates) {
+      if (typeof candidate === "string" && candidate.trim()) {
+        resolvedActor = candidate.trim();
+        break;
+      }
+    }
+    if (!resolvedActor) {
+      resolvedActor = sessionActor?.pubkey || "";
+    }
+    const actorKey = normalizeActorKey(resolvedActor);
+    if (!actorKey) {
+      return { pointerEvent: null, items: [], snapshotId: "" };
+    }
+    const actorKeyIsHex = /^[0-9a-f]{64}$/.test(actorKey);
+
+    const activePubkey = typeof this.deps.getActivePubkey === "function" ? this.deps.getActivePubkey() : "";
+    const normalizedLogged = normalizeActorKey(activePubkey);
+
+    let signer = this.deps.resolveActiveSigner?.(actorKey) || null;
+    if (!signer && activePubkey && normalizedLogged === actorKey) {
+        signer = this.deps.resolveActiveSigner?.(activePubkey);
+    }
+
+    const canUseActiveSignerDecrypt =
+      normalizedLogged &&
+      normalizedLogged === actorKey &&
+      signer &&
+      (typeof signer.nip04Decrypt === "function" || typeof signer.nip44Decrypt === "function");
+    const decryptSigner = canUseActiveSignerDecrypt ? signer : null;
+
+    if (decryptSigner && this.deps.shouldRequestExtensionPermissions?.(decryptSigner)) {
+      await this.deps.ensureExtensionPermissions?.(DEFAULT_NIP07_PERMISSION_METHODS);
+    }
+
+    devLogger.info("[nostr] Fetching watch history from relays.", {
+      actor: resolvedActor,
+      forceRefresh: options.forceRefresh === true,
+    });
+    const existingEntry = this.cache.get(actorKey);
+    const now = Date.now();
+    const ttl = this.getCacheTtlMs();
+
+    const loadFromStorage = async () => {
+      const storageEntry = this.getStorage().actors?.[actorKey];
+
+      let records = storageEntry?.records || {};
+      let items = storageEntry?.items || [];
+      if (!Object.keys(records).length && items.length) {
+          records = canonicalizeWatchHistoryItems(items, WATCH_HISTORY_MAX_ITEMS);
+          items = Object.values(records).flat();
+      } else if (Object.keys(records).length && !items.length) {
+          items = Object.values(records).flat();
+      }
+
+      const fingerprint = typeof storageEntry?.fingerprint === "string"
+        ? storageEntry.fingerprint
+        : await this.getFingerprint(resolvedActor, records);
+      const entry = {
+        actor: resolvedActor,
+        items,
+        records,
+        snapshotId: typeof storageEntry?.snapshotId === "string"
+          ? storageEntry.snapshotId
+          : "",
+        pointerEvent: null,
+        savedAt: now,
+        fingerprint,
+        metadata: {},
+      };
+      this.cache.set(actorKey, entry);
+      this.persistEntry(actorKey, entry);
+      return { pointerEvent: null, items, snapshotId: entry.snapshotId };
+    };
+
+    if (!actorKeyIsHex) {
+      devLogger.warn(
+        `[nostr] Cannot normalize watch history actor key to hex. Aborting relay fetch for ${resolvedActor}.`,
+      );
+      if (
+        !options.forceRefresh &&
+        existingEntry &&
+        Number.isFinite(existingEntry.savedAt) &&
+        now - existingEntry.savedAt < ttl
+      ) {
+        return {
+          pointerEvent: existingEntry.pointerEvent || null,
+          items: existingEntry.items || [],
+          snapshotId: existingEntry.snapshotId || "",
+        };
+      }
+      return await loadFromStorage();
+    }
+    if (
+      !options.forceRefresh &&
+      existingEntry &&
+      Number.isFinite(existingEntry.savedAt) &&
+      now - existingEntry.savedAt < ttl
+    ) {
+      devLogger.info("[nostr] Using cached watch history entry.", {
+        actor: resolvedActor,
+        itemCount: Array.isArray(existingEntry.items) ? existingEntry.items.length : 0,
+        cacheAgeMs: now - existingEntry.savedAt,
+      });
+      return {
+        pointerEvent: existingEntry.pointerEvent || null,
+        items: existingEntry.items || [],
+        snapshotId: existingEntry.snapshotId || "",
+      };
+    }
+    const pool = typeof this.deps.getPool === "function" ? this.deps.getPool() : null;
+    if (!pool) {
+      devLogger.warn(
+        "[nostr] Cannot fetch watch history because relay pool is unavailable. Returning cached values.",
+      );
+      return {
+        pointerEvent: existingEntry?.pointerEvent || null,
+        items: existingEntry?.items || [],
+        snapshotId: existingEntry?.snapshotId || "",
+      };
+    }
+    const limitRaw = Number(WATCH_HISTORY_FETCH_EVENT_LIMIT);
+    const limit =
+      Number.isFinite(limitRaw) && limitRaw > 0 ? Math.floor(limitRaw) : 50;
+    let readRelays = [];
+    if (typeof this.deps.getReadRelays === "function") {
+      const read = this.deps.getReadRelays();
+      if (Array.isArray(read) && read.length) {
+        readRelays = [...read];
+      }
+    }
+    if (!readRelays.length && typeof this.deps.getRelayFallback === "function") {
+      const fallback = this.deps.getRelayFallback();
+      if (Array.isArray(fallback) && fallback.length) {
+        readRelays = [...fallback];
+      }
+    }
+    if (!readRelays.length) {
+      readRelays = Array.from(RELAY_URLS);
+    }
+    let pointerEvents = [];
+    try {
+      const kinds = [WATCH_HISTORY_KIND];
+      const filters = [
+        {
+          kinds,
+          authors: [actorKey],
+          // Filter by the new version tag to ignore older history lists
+          "#v": [WATCH_HISTORY_VERSION_TAG_VALUE],
+          limit,
+        },
+      ];
+      const results = await pool.list(readRelays, filters);
+      pointerEvents = Array.isArray(results)
+        ? results
+          .flat()
+          .filter((event) => event && typeof event === "object")
+        : [];
+    } catch (error) {
+      devLogger.warn("[nostr] Failed to fetch watch history pointer:", error);
+    }
+
+    // Process all events
+    let eventToProcess = pointerEvents.length > 0 ? pointerEvents : null;
+
+    if (!eventToProcess || eventToProcess.length === 0) {
+      devLogger.info(
+        "[nostr] No watch history event found on relays. Falling back to storage.",
+        {
+          actor: resolvedActor,
+        },
+      );
+      return await loadFromStorage();
+    }
+
+    // Determine snapshotId from the latest event (prioritizing monthly)
+    const sortedEvents = [...eventToProcess].sort((a, b) => (b.created_at || 0) - (a.created_at || 0));
+    const latestEvent = sortedEvents[0];
+
+    const chunkIdentifiers = [];
+    for (const event of pointerEvents) {
+      const tags = Array.isArray(event?.tags) ? event.tags : [];
+      for (const tag of tags) {
+        if (!Array.isArray(tag) || tag.length < 2) {
+          continue;
+        }
+        if (tag[0] !== "a" || typeof tag[1] !== "string") {
+          continue;
+        }
+        const segments = tag[1].split(":");
+        if (segments.length < 3) {
+          continue;
+        }
+        const kind = segments[0];
+        const pubkey = segments[1];
+        const identifier = segments.slice(2).join(":");
+        if (String(WATCH_HISTORY_KIND) !== kind) {
+          continue;
+        }
+        if (normalizeActorKey(pubkey) !== actorKey) {
+          continue;
+        }
+        if (identifier && !chunkIdentifiers.includes(identifier)) {
+          chunkIdentifiers.push(identifier);
+        }
+      }
+    }
+
+    let decryptedItems = [];
+    if (chunkIdentifiers.length && decryptSigner) {
+      try {
+        const results = await pool.list(readRelays, [
+          {
+            kinds: [WATCH_HISTORY_KIND],
+            authors: [actorKey],
+            "#d": chunkIdentifiers,
+          },
+        ]);
+        const chunkEvents = Array.isArray(results)
+          ? results.flat().filter((event) => event && typeof event === "object")
+          : [];
+        for (const event of chunkEvents) {
+          const ciphertext = typeof event.content === "string" ? event.content : "";
+          if (!ciphertext) {
+            continue;
+          }
+          let plaintext = "";
+          if (typeof decryptSigner.nip04Decrypt === "function") {
+            try {
+              plaintext = await decryptSigner.nip04Decrypt(actorKey, ciphertext);
+            } catch (error) {
+              devLogger.warn("[nostr] Failed to decrypt watch history chunk:", error);
+            }
+          }
+          if (!plaintext) {
+            continue;
+          }
+          const parsed = parseWatchHistoryPayload(plaintext);
+          if (Array.isArray(parsed.items) && parsed.items.length) {
+            decryptedItems.push(...parsed.items);
+          }
+        }
+      } catch (error) {
+        devLogger.warn("[nostr] Failed to fetch watch history chunks:", error);
+      }
+    }
+
+    // We will collect items from all events and merge them
+    const eventsToProcess = Array.isArray(eventToProcess) ? eventToProcess : [eventToProcess];
+    const collectedItems = [];
+
+    // Deduplicate events by ID
+    const uniqueEvents = new Map();
+    for (const ev of eventsToProcess) {
+        if (ev && ev.id) uniqueEvents.set(ev.id, ev);
+    }
+
+    for (const event of uniqueEvents.values()) {
+      const fallbackPointers = extractPointerItemsFromEvent(event);
+      const ciphertext = typeof event.content === "string" ? event.content : "";
+
+      const dTag = event.tags.find(t => t[0] === 'd');
+      const eventSnapshotId = dTag ? dTag[1] : "";
+
+      // Try parsing as plaintext first
+      const payload = parseWatchHistoryContentWithFallback(
+          ciphertext,
+          fallbackPointers,
+          {
+            version: 0,
+            items: fallbackPointers,
+            snapshot: eventSnapshotId,
+          }
+      );
+
+      if (Array.isArray(payload?.items)) {
+        collectedItems.push(...payload.items);
+      }
+    }
+
+    const fallbackItems = extractPointerItemsFromEvent(latestEvent);
+    const mergedItems = decryptedItems.length
+      ? decryptedItems
+      : collectedItems.length
+        ? collectedItems
+        : fallbackItems;
+
+    // Canonicalize into buckets
+    const records = canonicalizeWatchHistoryItems(
+      mergedItems,
+      WATCH_HISTORY_MAX_ITEMS,
+    );
+    const flatItems = Object.keys(records)
+      .sort()
+      .reverse()
+      .map((k) => records[k])
+      .flat();
+
+    const fingerprint = await this.getFingerprint(
+      resolvedActor,
+      records,
+    );
+
+    const entry = {
+      actor: resolvedActor,
+      items: flatItems,
+      records,
+      snapshotId: "", // No single snapshot ID anymore
+      pointerEvent: latestEvent,
+      savedAt: now,
+      fingerprint,
+      metadata: {},
+    };
+    this.cache.set(actorKey, entry);
+    this.persistEntry(actorKey, entry);
+    return { pointerEvent: latestEvent, items: flatItems, snapshotId: "" };
+  }
+
+  async resolve(actorInput, options = {}) {
+    const actorCandidates = [actorInput];
+    if (typeof this.deps.getActivePubkey === "function") {
+      actorCandidates.push(this.deps.getActivePubkey());
+    }
+    let resolvedActor = "";
+    for (const candidate of actorCandidates) {
+      if (typeof candidate === "string" && candidate.trim()) {
+        resolvedActor = candidate.trim();
+        break;
+      }
+    }
+    if (!resolvedActor && typeof this.deps.ensureSessionActor === "function") {
+      resolvedActor = await this.deps.ensureSessionActor();
+    }
+    const actorKey = normalizeActorKey(resolvedActor);
+    if (!actorKey) {
+      return [];
+    }
+    devLogger.info("[nostr] Resolving watch history for actor.", {
+      actor: resolvedActor,
+      forceRefresh: options.forceRefresh === true,
+    });
+    const storage = this.getStorage();
+    const storageEntry = storage.actors?.[actorKey];
+
+    let fallbackItems = [];
+    if (storageEntry?.records) {
+        fallbackItems = Object.values(storageEntry.records).flat();
+    } else if (storageEntry?.items) {
+        fallbackItems = storageEntry.items;
+    }
+
+    const fetchResult = await this.fetch(resolvedActor, {
+      forceRefresh: options.forceRefresh || false,
+    });
+    const merged = mergeWatchHistoryItemsWithFallback(
+      {
+        version: 2,
+        items: fetchResult.items || [],
+        snapshot: fetchResult.snapshotId || "",
+      },
+      fallbackItems,
+    );
+    const shouldBatch = Boolean(WATCH_HISTORY_BATCH_RESOLVE);
+    const batchPageSizeRaw = Number(WATCH_HISTORY_BATCH_PAGE_SIZE);
+    const hasCustomBatchSize =
+      Number.isFinite(batchPageSizeRaw) && batchPageSizeRaw > 0;
+    const batchLimit = shouldBatch && hasCustomBatchSize
+      ? Math.min(Math.floor(batchPageSizeRaw), WATCH_HISTORY_MAX_ITEMS)
+      : WATCH_HISTORY_MAX_ITEMS;
+
+    // Re-bucket with limit
+    const records = canonicalizeWatchHistoryItems(
+      merged.items || [],
+      batchLimit,
+    );
+    const flatItems = Object.keys(records)
+      .sort()
+      .reverse()
+      .map((k) => records[k])
+      .flat();
+
+    const fingerprint = await this.getFingerprint(
+      resolvedActor,
+      records,
+    );
+    devLogger.info("[nostr] Watch history fetch complete.", {
+      actor: resolvedActor,
+      snapshotId: fetchResult.snapshotId || null,
+      pointerFound: !!fetchResult.pointerEvent,
+      itemCount: flatItems.length,
+    });
+    devLogger.info("[nostr] Watch history resolved and cached.", {
+      actor: resolvedActor,
+      itemCount: flatItems.length,
+      snapshotId: fetchResult.snapshotId || null,
+    });
+    const entry = {
+      actor: resolvedActor,
+      records,
+      items: flatItems,
+      snapshotId: fetchResult.snapshotId || storage.actors?.[actorKey]?.snapshotId || "",
+      pointerEvent: fetchResult.pointerEvent || null,
+      savedAt: Date.now(),
+      fingerprint,
+      metadata: {},
+    };
+    this.cache.set(actorKey, entry);
+    this.persistEntry(actorKey, entry);
+    return flatItems;
+  }
+
+  clear() {
+    for (const timer of this.republishTimers.values()) {
+      if (timer && typeof timer.timer === "number") {
+        clearTimeout(timer.timer);
+      } else if (timer && timer.timer) {
+        clearTimeout(timer.timer);
+      } else if (typeof timer === "number") {
+        clearTimeout(timer);
+      }
+    }
+    this.republishTimers.clear();
+    this.cache.clear();
+    this.fingerprints.clear();
+    this.refreshPromises.clear();
+    this.lastCreatedAt = 0;
+    this.storage = null;
+  }
+}
+
+export function getWatchHistoryCacheTtlMs(manager) {
+  return manager.getCacheTtlMs();
+}
+
+export function getWatchHistoryStorage(manager) {
+  return manager.getStorage();
+}
+
+export function persistWatchHistoryEntry(manager, actorInput, entry) {
+  return manager.persistEntry(actorInput, entry);
+}
+
+export function cancelWatchHistoryRepublish(manager, taskId = null) {
+  return manager.cancelRepublish(taskId);
+}
+
+export function scheduleWatchHistoryRepublish(
+  manager,
+  taskId,
+  operation,
+  options = {},
+) {
+  return manager.scheduleRepublish(taskId, operation, options);
+}
+
+export function getWatchHistoryFingerprint(
+  manager,
+  actorInput,
+  itemsOverride = null,
+) {
+  return manager.getFingerprint(actorInput, itemsOverride);
+}
+
+export function ensureWatchHistoryBackgroundRefresh(manager, actorInput = null) {
+  return manager.ensureBackgroundRefresh(actorInput);
+}
+
+export function publishWatchHistorySnapshot(manager, rawItems, options = {}) {
+  return manager.publishSnapshot(rawItems, options);
+}
+
+export function updateWatchHistoryList(manager, rawItems = [], options = {}) {
+  return manager.updateList(rawItems, options);
+}
+
+export function removeWatchHistoryItem(manager, pointerInput, options = {}) {
+  return manager.removeItem(pointerInput, options);
+}
+
+export function fetchWatchHistory(manager, actorInput, options = {}) {
+  return manager.fetch(actorInput, options);
+}
+
+export function resolveWatchHistory(manager, actorInput, options = {}) {
+  return manager.resolve(actorInput, options);
+}
+
+/**
+ * Create a watch-history manager. Callers supply the nostr client hooks needed
+ * to sign, encrypt, fetch, and publish events. All dependencies are optional;
+ * the manager feature-detects and no-ops when a capability is unavailable.
+ *
+ * @param {object} deps - Lazy dependency bag wired up by NostrClient.
+ * @returns {WatchHistoryManager}
+ */
+export function createWatchHistoryManager(deps) {
+  return new WatchHistoryManager(deps);
+}
+
+/**
+ * Convenience bundle for consumers that only need helper utilities without a
+ * full manager instance.
+ */
+export const watchHistoryHelpers = {
+  canonicalizeWatchHistoryItems,
+  sanitizeWatchHistoryMetadata,
+  serializeWatchHistoryItems,
+  computeWatchHistoryFingerprintForItems,
+  extractPointerItemsFromEvent,
+};
diff --git a/dist/js/nostr/watchHistoryBindings.js b/dist/js/nostr/watchHistoryBindings.js
new file mode 100644
index 00000000..6b1df833
--- /dev/null
+++ b/dist/js/nostr/watchHistoryBindings.js
@@ -0,0 +1,29 @@
+// js/nostr/watchHistoryBindings.js
+
+import { nostrClient } from "./defaultClient.js";
+import {
+  updateWatchHistoryList as updateWatchHistoryListWithManager,
+  removeWatchHistoryItem as removeWatchHistoryItemWithManager,
+} from "./watchHistory.js";
+
+function getWatchHistoryManager() {
+  return nostrClient?.watchHistory || null;
+}
+
+function assertWatchHistoryManager(operation) {
+  const manager = getWatchHistoryManager();
+  if (!manager || typeof manager[operation] !== "function") {
+    throw new Error("Watch history manager is unavailable in this build.");
+  }
+  return manager;
+}
+
+export function updateWatchHistoryList(...args) {
+  const manager = assertWatchHistoryManager("updateList");
+  return updateWatchHistoryListWithManager(manager, ...args);
+}
+
+export function removeWatchHistoryItem(...args) {
+  const manager = assertWatchHistoryManager("removeItem");
+  return removeWatchHistoryItemWithManager(manager, ...args);
+}
diff --git a/dist/js/nostrClientFacade.js b/dist/js/nostrClientFacade.js
new file mode 100644
index 00000000..6aabbde3
--- /dev/null
+++ b/dist/js/nostrClientFacade.js
@@ -0,0 +1,21 @@
+// js/nostrClientFacade.js
+//
+// Compatibility-forwarding module that exposes the default Nostr client
+// singleton alongside the convenience permission helper.
+// Future modules should import from this facade instead of reaching into the
+// nested default client implementation directly.
+
+export {
+  nostrClient,
+  requestDefaultExtensionPermissions,
+} from "./nostr/defaultClient.js";
+
+export {
+  registerSigner,
+  setActiveSigner,
+  getActiveSigner,
+  resolveActiveSigner,
+  listRegisteredSigners,
+  onActiveSignerChanged,
+  offActiveSignerChanged,
+} from "./nostrClientRegistry.js";
diff --git a/dist/js/nostrClientRegistry.js b/dist/js/nostrClientRegistry.js
new file mode 100644
index 00000000..9adbd272
--- /dev/null
+++ b/dist/js/nostrClientRegistry.js
@@ -0,0 +1,263 @@
+// js/nostrClientRegistry.js
+
+let registeredNostrClient = null;
+let requestPermissionsDelegate = null;
+const registeredSigners = new Map();
+let activeSigner = null;
+let activeSignerPubkey = "";
+const activeSignerListeners = new Set();
+
+const globalScope =
+  typeof window !== "undefined"
+    ? window
+    : typeof globalThis !== "undefined"
+    ? globalThis
+    : null;
+
+function normalizePubkey(pubkey) {
+  return typeof pubkey === "string" ? pubkey.trim().toLowerCase() : "";
+}
+
+function emitSignerEvent(type, detail) {
+  if (!globalScope || typeof globalScope.dispatchEvent !== "function") {
+    return;
+  }
+
+  let event = null;
+  if (typeof globalScope.CustomEvent === "function") {
+    event = new globalScope.CustomEvent(type, { detail });
+  } else if (typeof Event === "function") {
+    event = new Event(type);
+    event.detail = detail;
+  }
+
+  if (event) {
+    globalScope.dispatchEvent(event);
+  }
+}
+
+function hasPermissionChanges(previousMeta, nextMeta) {
+  const previous = previousMeta?.permissions ?? null;
+  const next = nextMeta?.permissions ?? null;
+  try {
+    return JSON.stringify(previous) !== JSON.stringify(next);
+  } catch (error) {
+    return previous !== next;
+  }
+}
+
+function updateActiveSigner(nextSigner, nextPubkey) {
+  const normalizedPubkey = normalizePubkey(nextPubkey);
+  const previousSigner = activeSigner;
+  const previousPubkey = activeSignerPubkey;
+
+  activeSigner = nextSigner || null;
+  activeSignerPubkey = normalizedPubkey;
+
+  if (
+    previousSigner !== activeSigner ||
+    previousPubkey !== activeSignerPubkey
+  ) {
+    const payload = {
+      previousSigner,
+      previousPubkey,
+      signer: activeSigner,
+      pubkey: activeSignerPubkey,
+    };
+    activeSignerListeners.forEach((listener) => {
+      try {
+        listener(payload);
+      } catch (error) {
+        // Intentionally swallow listener errors to avoid breaking signer updates.
+      }
+    });
+  }
+}
+
+export function registerNostrClient(client, options = {}) {
+  registeredNostrClient = client || null;
+
+  if (typeof options.requestPermissions === "function") {
+    requestPermissionsDelegate = options.requestPermissions;
+    return;
+  }
+
+  if (
+    registeredNostrClient &&
+    typeof registeredNostrClient.ensureExtensionPermissions === "function"
+  ) {
+    requestPermissionsDelegate = (...args) =>
+      registeredNostrClient.ensureExtensionPermissions(...args);
+    return;
+  }
+
+  requestPermissionsDelegate = null;
+}
+
+export function getRegisteredNostrClient() {
+  return registeredNostrClient;
+}
+
+export function clearNostrClientRegistration() {
+  registeredNostrClient = null;
+  requestPermissionsDelegate = null;
+}
+
+export function requestDefaultExtensionPermissions(...args) {
+  if (typeof requestPermissionsDelegate === "function") {
+    try {
+      return requestPermissionsDelegate(...args);
+    } catch (error) {
+      return Promise.resolve({ ok: false, error });
+    }
+  }
+
+  const error = new Error("Nostr client is not registered.");
+  return Promise.resolve({ ok: false, error });
+}
+
+export function registerSigner(pubkey, signer, meta = {}) {
+  const normalized = normalizePubkey(pubkey);
+  if (!normalized) {
+    return null;
+  }
+
+  const previous = registeredSigners.get(normalized) || null;
+
+  if (!signer || typeof signer !== "object") {
+    if (previous) {
+      registeredSigners.delete(normalized);
+      emitSignerEvent("signer:disconnected", {
+        pubkey: normalized,
+        signer: previous.signer,
+        meta: previous.meta,
+      });
+
+      if (activeSignerPubkey === normalized) {
+        updateActiveSigner(null, "");
+      }
+    }
+    return null;
+  }
+
+  const sanitizedMeta =
+    meta && typeof meta === "object" ? { ...meta } : {};
+
+  registeredSigners.set(normalized, { signer, meta: sanitizedMeta });
+
+  if (!previous) {
+    emitSignerEvent("signer:connected", {
+      pubkey: normalized,
+      signer,
+      meta: sanitizedMeta,
+    });
+  } else if (hasPermissionChanges(previous.meta, sanitizedMeta)) {
+    emitSignerEvent("signer:permissions:changed", {
+      pubkey: normalized,
+      signer,
+      previousMeta: previous.meta,
+      meta: sanitizedMeta,
+    });
+  }
+
+  if (activeSignerPubkey === normalized) {
+    updateActiveSigner(signer, normalized);
+  }
+
+  return signer;
+}
+
+export function setActiveSigner(signerOrPubkey) {
+  if (!signerOrPubkey) {
+    updateActiveSigner(null, "");
+    return null;
+  }
+
+  if (typeof signerOrPubkey === "string") {
+    const normalized = normalizePubkey(signerOrPubkey);
+    const entry = registeredSigners.get(normalized);
+    updateActiveSigner(entry?.signer || null, normalized);
+    return entry?.signer || null;
+  }
+
+  if (typeof signerOrPubkey === "object") {
+    const pubkey = normalizePubkey(signerOrPubkey.pubkey);
+    if (pubkey) {
+      registerSigner(pubkey, signerOrPubkey);
+    }
+    updateActiveSigner(signerOrPubkey, pubkey);
+    return signerOrPubkey;
+  }
+
+  return null;
+}
+
+export function clearActiveSigner() {
+  updateActiveSigner(null, "");
+}
+
+export function getActiveSigner() {
+  return activeSigner;
+}
+
+export function logoutSigner(pubkey) {
+  const normalized = normalizePubkey(pubkey);
+  if (normalized) {
+    const entry = registeredSigners.get(normalized);
+    if (entry?.signer && typeof entry.signer.destroy === "function") {
+      try {
+        entry.signer.destroy();
+      } catch (error) {
+        // Ignore signer teardown failures.
+      }
+    }
+    registerSigner(normalized, null);
+    return;
+  }
+
+  if (activeSigner) {
+    const activePubkey = normalizePubkey(activeSigner.pubkey || activeSignerPubkey);
+    if (activePubkey) {
+      logoutSigner(activePubkey);
+      return;
+    }
+  }
+
+  updateActiveSigner(null, "");
+}
+
+export function resolveActiveSigner(pubkey) {
+  const normalized = normalizePubkey(pubkey);
+  if (normalized) {
+    const entry = registeredSigners.get(normalized);
+    if (entry?.signer) {
+      return entry.signer;
+    }
+    if (
+      activeSigner &&
+      typeof activeSigner.pubkey === "string" &&
+      normalizePubkey(activeSigner.pubkey) === normalized
+    ) {
+      return activeSigner;
+    }
+  }
+  return activeSigner;
+}
+
+export function listRegisteredSigners() {
+  return Array.from(registeredSigners.entries()).map(([pubkey, entry]) => ({
+    pubkey,
+    signer: entry.signer,
+    meta: entry.meta,
+  }));
+}
+
+export function onActiveSignerChanged(callback) {
+  if (typeof callback === "function") {
+    activeSignerListeners.add(callback);
+  }
+}
+
+export function offActiveSignerChanged(callback) {
+  activeSignerListeners.delete(callback);
+}
diff --git a/dist/js/nostrEventSchemas.js b/dist/js/nostrEventSchemas.js
new file mode 100644
index 00000000..fae71355
--- /dev/null
+++ b/dist/js/nostrEventSchemas.js
@@ -0,0 +1,2699 @@
+import { devLogger } from "./utils/logger.js";
+import { decodeNpubToHex } from "./nostr/nip46Client.js";
+import {
+  ADMIN_LIST_NAMESPACE,
+  ADMIN_COMMUNITY_BLACKLIST_SOURCES,
+  ADMIN_COMMUNITY_BLACKLIST_PREFIX,
+  isDevMode,
+  WATCH_HISTORY_KIND,
+  WATCH_HISTORY_LIST_IDENTIFIER,
+  WATCH_HISTORY_VERSION_TAG_VALUE,
+} from "./config.js";
+import {
+  buildStoragePointerValue,
+  deriveStoragePointerFromUrl,
+} from "./utils/storagePointer.js";
+
+export const NOTE_TYPES = Object.freeze({
+  VIDEO_POST: "videoPost",
+  VIDEO_MIRROR: "videoMirror",
+  NIP71_VIDEO: "nip71Video",
+  NIP71_SHORT_VIDEO: "nip71ShortVideo",
+  REPOST: "repost",
+  GENERIC_REPOST: "genericRepost",
+  SHARE: "share",
+  RELAY_LIST: "relayList",
+  VIEW_EVENT: "viewEvent",
+  VIDEO_REACTION: "videoReaction",
+  VIDEO_COMMENT: "videoComment",
+  DM_ATTACHMENT: "dmAttachment",
+  DM_READ_RECEIPT: "dmReadReceipt",
+  DM_TYPING: "dmTypingIndicator",
+  ZAP_REQUEST: "zapRequest",
+  ZAP_RECEIPT: "zapReceipt",
+  WATCH_HISTORY: "watchHistory",
+  SUBSCRIPTION_LIST: "subscriptionList",
+  USER_BLOCK_LIST: "userBlockList",
+  HASHTAG_PREFERENCES: "hashtagPreferences",
+  DM_RELAY_LIST: "dmRelayList",
+  ADMIN_MODERATION_LIST: "adminModerationList",
+  ADMIN_BLACKLIST: "adminBlacklist",
+  ADMIN_WHITELIST: "adminWhitelist",
+  PROFILE_METADATA: "profileMetadata",
+  MUTE_LIST: "muteList",
+  DELETION: "deletion",
+  LEGACY_DM: "legacyDm",
+  HTTP_AUTH: "httpAuth",
+  REPORT: "report",
+});
+
+export const SUBSCRIPTION_LIST_IDENTIFIER = "subscriptions";
+export const BLOCK_LIST_IDENTIFIER = "user-blocks";
+export const ADMIN_LIST_IDENTIFIERS = Object.freeze({
+  moderation: "editors",
+  editors: "editors",
+  whitelist: "whitelist",
+  blacklist: "blacklist",
+  communityBlacklistSources: ADMIN_COMMUNITY_BLACKLIST_SOURCES,
+});
+
+export { ADMIN_COMMUNITY_BLACKLIST_SOURCES };
+export { ADMIN_COMMUNITY_BLACKLIST_PREFIX };
+
+const DEFAULT_APPEND_TAGS = [];
+
+let cachedUtf8Encoder = null;
+
+const ADDITIONAL_POINTER_TAGS = new Set(["p", "e"]);
+const HEX_32_BYTE_REGEX = /^[0-9a-f]{64}$/i;
+
+function safeStringify(value) {
+  if (typeof value === "string") {
+    return value;
+  }
+  if (value === null || value === undefined) {
+    return "";
+  }
+  if (typeof value === "object") {
+    try {
+      return JSON.stringify(value);
+    } catch (e) {
+      return "";
+    }
+  }
+  try {
+    return String(value);
+  } catch (err) {
+    return "";
+  }
+}
+
+function normalizePointerIdentifier(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return "";
+  }
+
+  if (HEX_32_BYTE_REGEX.test(trimmed)) {
+    return trimmed.toLowerCase();
+  }
+
+  const decoded = decodeNpubToHex(trimmed);
+  if (decoded && HEX_32_BYTE_REGEX.test(decoded)) {
+    return decoded.toLowerCase();
+  }
+
+  return "";
+}
+
+function normalizeTagSlotValue(value) {
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    return trimmed;
+  }
+
+  if (typeof value === "number") {
+    if (!Number.isFinite(value)) {
+      return "";
+    }
+    return String(value);
+  }
+
+  if (value === null || value === undefined) {
+    return "";
+  }
+
+  return "";
+}
+
+export function sanitizeAdditionalTags(additionalTags) {
+  if (!Array.isArray(additionalTags) || !additionalTags.length) {
+    return [];
+  }
+
+  const sanitized = [];
+
+  additionalTags.forEach((tag) => {
+    if (!Array.isArray(tag) || tag.length < 2) {
+      return;
+    }
+
+    const rawName = tag[0];
+    if (typeof rawName !== "string") {
+      return;
+    }
+
+    const tagName = rawName.trim();
+    if (!tagName) {
+      return;
+    }
+
+    const lowerName = tagName.toLowerCase();
+    let primaryValue = "";
+
+    if (ADDITIONAL_POINTER_TAGS.has(lowerName)) {
+      primaryValue = normalizePointerIdentifier(tag[1]);
+    } else {
+      primaryValue = normalizeTagSlotValue(tag[1]);
+    }
+
+    if (!primaryValue) {
+      return;
+    }
+
+    const sanitizedTag = [tagName, primaryValue];
+
+    for (let index = 2; index < tag.length; index += 1) {
+      const extraValue = normalizeTagSlotValue(tag[index]);
+      if (extraValue) {
+        sanitizedTag.push(extraValue);
+      }
+    }
+
+    sanitized.push(sanitizedTag);
+  });
+
+  return sanitized;
+}
+
+function ensureValidUtf8Content(value) {
+  let normalized = "";
+  if (typeof value === "string") {
+    normalized = value;
+  } else if (value === undefined || value === null) {
+    normalized = "";
+  } else if (typeof value === "object") {
+    try {
+      const stringified = JSON.stringify(value);
+      normalized = typeof stringified === "string" ? stringified : "";
+    } catch (error) {
+      devLogger.warn(
+        "[nostrEventSchemas] Failed to serialize view event content:",
+        error
+      );
+      normalized = "";
+    }
+  } else {
+    normalized = String(value);
+  }
+
+  if (normalized) {
+    const builder = [];
+    let mutated = false;
+    for (let index = 0; index < normalized.length; index += 1) {
+      const code = normalized.charCodeAt(index);
+      if (code >= 0xd800 && code <= 0xdbff) {
+        const nextCode = normalized.charCodeAt(index + 1);
+        if (nextCode >= 0xdc00 && nextCode <= 0xdfff) {
+          builder.push(normalized[index], normalized[index + 1]);
+          index += 1;
+        } else {
+          mutated = true;
+        }
+      } else if (code >= 0xdc00 && code <= 0xdfff) {
+        mutated = true;
+      } else {
+        builder.push(normalized[index]);
+      }
+    }
+    if (mutated) {
+      devLogger.warn(
+        "[nostrEventSchemas] Dropping unmatched surrogate characters from event content"
+      );
+      normalized = builder.join("");
+    }
+  }
+
+  if (!cachedUtf8Encoder && typeof TextEncoder !== "undefined") {
+    cachedUtf8Encoder = new TextEncoder();
+  }
+
+  if (cachedUtf8Encoder) {
+    try {
+      cachedUtf8Encoder.encode(normalized);
+    } catch (error) {
+      devLogger.warn(
+        "[nostrEventSchemas] Dropping invalid UTF-8 characters from event content",
+        error
+      );
+      const sanitized = Array.from(normalized)
+        .filter((char) => {
+          const code = char.charCodeAt(0);
+          return code < 0xd800 || code > 0xdfff;
+        })
+        .join("");
+      try {
+        cachedUtf8Encoder.encode(sanitized);
+        normalized = sanitized;
+      } catch (encodeError) {
+        devLogger.warn(
+                    "[nostrEventSchemas] Failed to normalize view event content; defaulting to empty string",
+                    encodeError
+                  );
+        normalized = "";
+      }
+    }
+  }
+
+  return normalized;
+}
+
+const BASE_SCHEMAS = {
+  [NOTE_TYPES.VIDEO_POST]: {
+    type: NOTE_TYPES.VIDEO_POST,
+    label: "Video post",
+    kind: 30078,
+    topicTag: { name: "t", value: "video" },
+    identifierTag: { name: "d" },
+    requiredTagNames: ["s"],
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: {
+      format: "json",
+      schemaVersion: 3,
+      fields: [
+        { key: "version", type: "number", required: true },
+        { key: "title", type: "string", required: true },
+        { key: "url", type: "string", required: false },
+        { key: "magnet", type: "string", required: false },
+        { key: "thumbnail", type: "string", required: false },
+        { key: "description", type: "string", required: false },
+        { key: "mode", type: "string", required: false },
+        { key: "videoRootId", type: "string", required: true },
+        { key: "deleted", type: "boolean", required: false },
+        { key: "isPrivate", type: "boolean", required: false },
+        { key: "isNsfw", type: "boolean", required: false },
+        { key: "isForKids", type: "boolean", required: false },
+        { key: "enableComments", type: "boolean", required: false },
+        { key: "infoHash", type: "string", required: false },
+        { key: "fileSha256", type: "string", required: false },
+        { key: "originalFileSha256", type: "string", required: false },
+        { key: "ws", type: "string", required: false },
+        { key: "xs", type: "string", required: false },
+      ],
+    },
+  },
+  [NOTE_TYPES.VIDEO_MIRROR]: {
+    type: NOTE_TYPES.VIDEO_MIRROR,
+    label: "NIP-94 mirror",
+    kind: 1063,
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: {
+      format: "text",
+      description: "Optional alt text carried alongside hosted URL metadata.",
+    },
+  },
+  [NOTE_TYPES.REPOST]: {
+    type: NOTE_TYPES.REPOST,
+    label: "NIP-18 repost",
+    kind: 6,
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: {
+      description: "Content field contains the JSON-serialized event being reposted (or empty if unavailable).",
+    },
+  },
+  [NOTE_TYPES.GENERIC_REPOST]: {
+    type: NOTE_TYPES.GENERIC_REPOST,
+    label: "Generic repost",
+    kind: 16,
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: {
+      description: "Content field contains the JSON-serialized event being reposted (or empty if unavailable).",
+    },
+  },
+  [NOTE_TYPES.SHARE]: {
+    type: NOTE_TYPES.SHARE,
+    label: "Share note",
+    kind: 1,
+    relayTagName: "r",
+    readMarker: "read",
+    writeMarker: "write",
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: {
+      format: "text",
+      description: "Plaintext share note referencing a video.",
+    },
+  },
+  [NOTE_TYPES.NIP71_VIDEO]: {
+    type: NOTE_TYPES.NIP71_VIDEO,
+    label: "NIP-71 video (normal)",
+    kind: 21,
+    featureFlag: "FEATURE_PUBLISH_NIP71",
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: {
+      format: "text",
+      description:
+        "Summary or description for the video body; tags carry structured metadata.",
+    },
+  },
+  [NOTE_TYPES.NIP71_SHORT_VIDEO]: {
+    type: NOTE_TYPES.NIP71_SHORT_VIDEO,
+    label: "NIP-71 video (short)",
+    kind: 22,
+    featureFlag: "FEATURE_PUBLISH_NIP71",
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: {
+      format: "text",
+      description:
+        "Summary or description for the short-form video; structured fields live in tags.",
+    },
+  },
+  [NOTE_TYPES.RELAY_LIST]: {
+    type: NOTE_TYPES.RELAY_LIST,
+    label: "Relay list metadata",
+    kind: 10002,
+    relayTagName: "r",
+    readMarker: "read",
+    writeMarker: "write",
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: { format: "empty", description: "Content field unused." },
+  },
+  [NOTE_TYPES.DM_RELAY_LIST]: {
+    type: NOTE_TYPES.DM_RELAY_LIST,
+    label: "DM relay hints",
+    kind: 10050,
+    relayTagName: "relay",
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: { format: "empty", description: "Content field unused." },
+  },
+  [NOTE_TYPES.VIEW_EVENT]: {
+    type: NOTE_TYPES.VIEW_EVENT,
+    label: "View counter",
+    kind: WATCH_HISTORY_KIND,
+    topicTag: { name: "t", value: "view" },
+    identifierTag: { name: "d" },
+    sessionTag: { name: "session", value: "true" },
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: {
+      format: "text",
+      description: "Optional plaintext content used for diagnostics.",
+    },
+  },
+  [NOTE_TYPES.VIDEO_REACTION]: {
+    type: NOTE_TYPES.VIDEO_REACTION,
+    label: "Reaction event",
+    kind: 7,
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: {
+      format: "text",
+      description:
+        "Reaction payload for the referenced event (e.g., '+', '-', or emoji).",
+    },
+  },
+  [NOTE_TYPES.VIDEO_COMMENT]: {
+    type: NOTE_TYPES.VIDEO_COMMENT,
+    label: "Video comment",
+    kind: 1111,
+    videoEventTagName: "E",
+    videoDefinitionTagName: "A",
+    parentCommentTagName: "E",
+    parentAuthorTagName: "P",
+    rootEventPointerTagName: "E",
+    rootDefinitionPointerTagName: "A",
+    rootIdentifierPointerTagName: "I",
+    rootKindTagName: "K",
+    rootAuthorTagName: "P",
+    parentKindTagName: "K",
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: {
+      format: "text",
+      description: "Plain text comment body sanitized for UTF-8 compatibility.",
+    },
+  },
+  [NOTE_TYPES.DM_ATTACHMENT]: {
+    type: NOTE_TYPES.DM_ATTACHMENT,
+    label: "DM attachment (NIP-17 file rumor)",
+    kind: 15,
+    participantTagName: "p",
+    hashTagName: "x",
+    urlTagName: "url",
+    nameTagName: "name",
+    typeTagName: "type",
+    sizeTagName: "size",
+    keyTagName: "k",
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: {
+      format: "empty",
+      description: "Attachment metadata is carried in tags; content is empty.",
+    },
+  },
+  [NOTE_TYPES.DM_READ_RECEIPT]: {
+    type: NOTE_TYPES.DM_READ_RECEIPT,
+    label: "DM read receipt",
+    kind: 20001,
+    recipientTagName: "p",
+    eventTagName: "e",
+    kindTagName: "k",
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: {
+      format: "empty",
+      description: "Ephemeral read receipt pointer for a DM event.",
+    },
+  },
+  [NOTE_TYPES.DM_TYPING]: {
+    type: NOTE_TYPES.DM_TYPING,
+    label: "DM typing indicator",
+    kind: 20002,
+    recipientTagName: "p",
+    eventTagName: "e",
+    statusTagName: "t",
+    statusTagValue: "typing",
+    expirationTagName: "expiration",
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: {
+      format: "empty",
+      description: "Ephemeral typing indicator with an expiration timestamp.",
+    },
+  },
+  [NOTE_TYPES.ZAP_REQUEST]: {
+    type: NOTE_TYPES.ZAP_REQUEST,
+    label: "Zap request",
+    kind: 9734,
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: {
+      format: "text",
+      description:
+        "Optional zap message included in the zap request sent to LNURL pay callbacks.",
+    },
+  },
+  [NOTE_TYPES.ZAP_RECEIPT]: {
+    type: NOTE_TYPES.ZAP_RECEIPT,
+    label: "Zap receipt",
+    kind: 9735,
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: {
+      format: "text",
+      description:
+        "Zap receipts are published by lightning wallets to confirm zap requests.",
+    },
+  },
+  [NOTE_TYPES.WATCH_HISTORY]: {
+    type: NOTE_TYPES.WATCH_HISTORY,
+    label: "Watch history month",
+    kind: WATCH_HISTORY_KIND,
+    identifierTag: {
+      name: "d",
+    },
+    monthTagName: "month",
+    appendTags: [["v", WATCH_HISTORY_VERSION_TAG_VALUE]],
+    content: {
+      format: "json",
+      description:
+        "JSON payload containing a month's watched event identifiers with optional watchedAt metadata.",
+    },
+  },
+  [NOTE_TYPES.SUBSCRIPTION_LIST]: {
+    type: NOTE_TYPES.SUBSCRIPTION_LIST,
+    label: "Subscription list",
+    kind: 30000,
+    identifierTag: {
+      name: "d",
+      value: SUBSCRIPTION_LIST_IDENTIFIER,
+    },
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: {
+      format: "encrypted-tag-list",
+      description:
+        "NIP-04/NIP-44 encrypted JSON array of NIP-51 tag tuples (e.g., [['p', <hex>], …]).",
+    },
+  },
+  [NOTE_TYPES.USER_BLOCK_LIST]: {
+    type: NOTE_TYPES.USER_BLOCK_LIST,
+    label: "User block list",
+    kind: 10000,
+    identifierTag: {
+      name: "d",
+      value: BLOCK_LIST_IDENTIFIER,
+    },
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: {
+      format: "encrypted-tag-list",
+      description:
+        "NIP-04/NIP-44 encrypted JSON array of mute tags per NIP-51 (e.g., [['p', <hex>], …]).",
+    },
+  },
+  [NOTE_TYPES.HASHTAG_PREFERENCES]: {
+    type: NOTE_TYPES.HASHTAG_PREFERENCES,
+    label: "Hashtag preferences",
+    kind: 30015,
+    identifierTag: {
+      name: "d",
+      value: "bitvid:tag-preferences",
+    },
+    appendTags: [["encrypted", "nip44_v2"]],
+    content: {
+      format: "nip44-json",
+      description:
+        "NIP-44 encrypted JSON: { version, interests: string[], disinterests: string[] }.",
+    },
+  },
+  [NOTE_TYPES.ADMIN_MODERATION_LIST]: {
+    type: NOTE_TYPES.ADMIN_MODERATION_LIST,
+    label: "Admin moderation list",
+    kind: 30000,
+    identifierTag: {
+      name: "d",
+      value: `${ADMIN_LIST_NAMESPACE}:${ADMIN_LIST_IDENTIFIERS.moderation}`,
+    },
+    participantTagName: "p",
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: { format: "empty", description: "Content field unused." },
+  },
+  [NOTE_TYPES.ADMIN_BLACKLIST]: {
+    type: NOTE_TYPES.ADMIN_BLACKLIST,
+    label: "Admin blacklist",
+    kind: 30000,
+    identifierTag: {
+      name: "d",
+      value: `${ADMIN_LIST_NAMESPACE}:${ADMIN_LIST_IDENTIFIERS.blacklist}`,
+    },
+    participantTagName: "p",
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: { format: "empty", description: "Content field unused." },
+  },
+  [NOTE_TYPES.ADMIN_WHITELIST]: {
+    type: NOTE_TYPES.ADMIN_WHITELIST,
+    label: "Admin whitelist",
+    kind: 30000,
+    identifierTag: {
+      name: "d",
+      value: `${ADMIN_LIST_NAMESPACE}:${ADMIN_LIST_IDENTIFIERS.whitelist}`,
+    },
+    participantTagName: "p",
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: { format: "empty", description: "Content field unused." },
+  },
+  [NOTE_TYPES.PROFILE_METADATA]: {
+    type: NOTE_TYPES.PROFILE_METADATA,
+    label: "Profile metadata",
+    kind: 0,
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: {
+      format: "json",
+      description: "Standard NIP-01 profile metadata (name, about, picture, etc.).",
+    },
+  },
+  [NOTE_TYPES.MUTE_LIST]: {
+    type: NOTE_TYPES.MUTE_LIST,
+    label: "Mute list",
+    kind: 10000,
+    participantTagName: "p",
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: {
+      format: "text",
+      description: "Optional content (often encrypted) with public p tags.",
+    },
+  },
+  [NOTE_TYPES.DELETION]: {
+    type: NOTE_TYPES.DELETION,
+    label: "Deletion",
+    kind: 5,
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: {
+      format: "text",
+      description: "Reason for deletion.",
+    },
+  },
+  [NOTE_TYPES.LEGACY_DM]: {
+    type: NOTE_TYPES.LEGACY_DM,
+    label: "Legacy Direct Message",
+    kind: 4,
+    appendTags: DEFAULT_APPEND_TAGS,
+    recipientTagName: "p",
+    content: {
+      format: "text",
+      description: "NIP-04 encrypted ciphertext.",
+    },
+  },
+  [NOTE_TYPES.HTTP_AUTH]: {
+    type: NOTE_TYPES.HTTP_AUTH,
+    label: "HTTP Auth",
+    kind: 27235,
+    domainTagName: "u",
+    methodTagName: "method",
+    payloadTagName: "payload",
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: {
+      format: "text",
+      description: "Optional content (NIP-98 recommends empty, but some implementations use it).",
+    },
+  },
+  [NOTE_TYPES.REPORT]: {
+    type: NOTE_TYPES.REPORT,
+    label: "Report",
+    kind: 1984,
+    appendTags: DEFAULT_APPEND_TAGS,
+    content: {
+      format: "text",
+      description: "Report reason.",
+    },
+  },
+};
+
+let schemaOverrides = {};
+
+function clone(value) {
+  if (Array.isArray(value)) {
+    return value.map(clone);
+  }
+  if (value && typeof value === "object") {
+    const result = {};
+    for (const [key, nested] of Object.entries(value)) {
+      result[key] = clone(nested);
+    }
+    return result;
+  }
+  return value;
+}
+
+function mergeDeep(base, override) {
+  const result = clone(base);
+  if (!override || typeof override !== "object") {
+    return result;
+  }
+  for (const [key, value] of Object.entries(override)) {
+    if (value && typeof value === "object" && !Array.isArray(value)) {
+      result[key] = mergeDeep(base?.[key] ?? {}, value);
+    } else {
+      result[key] = clone(value);
+    }
+  }
+  return result;
+}
+
+function resolveOverride(type) {
+  const local = schemaOverrides?.[type];
+  if (local) {
+    return local;
+  }
+
+  if (typeof window !== "undefined") {
+    const runtimeOverrides = window.bitvidNostrEventOverrides;
+    if (runtimeOverrides && runtimeOverrides[type]) {
+      return runtimeOverrides[type];
+    }
+  }
+  return null;
+}
+
+export function setNostrEventSchemaOverrides(overrides = {}) {
+  if (overrides && typeof overrides === "object") {
+    try {
+      JSON.stringify(overrides);
+      schemaOverrides = overrides;
+    } catch (error) {
+      devLogger.warn(
+        "[nostrEventSchemas] Invalid overrides provided (circular structure?):",
+        error
+      );
+      schemaOverrides = {};
+    }
+  } else {
+    schemaOverrides = {};
+  }
+
+  if (typeof window !== "undefined") {
+    window.bitvidNostrEventOverrides = schemaOverrides;
+  }
+}
+
+export function getNostrEventSchema(type) {
+  if (typeof type !== "string") {
+    return null;
+  }
+  const base = BASE_SCHEMAS[type];
+  if (!base) {
+    return null;
+  }
+  const override = resolveOverride(type);
+  return mergeDeep(base, override);
+}
+
+export function getAllNostrEventSchemas() {
+  const entries = {};
+  for (const type of Object.keys(BASE_SCHEMAS)) {
+    entries[type] = getNostrEventSchema(type);
+  }
+  return entries;
+}
+
+function appendSchemaTags(tags, schema) {
+  if (!Array.isArray(schema?.appendTags)) {
+    return tags;
+  }
+  schema.appendTags.forEach((tag) => {
+    if (Array.isArray(tag) && tag.length >= 2) {
+      tags.push(tag.map((value) => (typeof value === "string" ? value : String(value))));
+    }
+  });
+  return tags;
+}
+
+function collectPointerTags(schema, {
+  pointerValue,
+  pointerTag,
+  pointerTags = [],
+} = {}) {
+  const normalized = [];
+
+  const pointerTagName = schema?.pointerTagName;
+  if (pointerValue && pointerTagName) {
+    const normalizedValue =
+      typeof pointerValue === "string" ? pointerValue : String(pointerValue);
+    if (normalizedValue) {
+      normalized.push([pointerTagName, normalizedValue]);
+    }
+  }
+
+  if (Array.isArray(pointerTag) && pointerTag.length >= 2) {
+    normalized.push(
+      pointerTag.map((value) => (typeof value === "string" ? value : String(value)))
+    );
+  }
+
+  if (Array.isArray(pointerTags)) {
+    pointerTags.forEach((tag) => {
+      if (Array.isArray(tag) && tag.length >= 2) {
+        normalized.push(
+          tag.map((value) => (typeof value === "string" ? value : String(value)))
+        );
+      }
+    });
+  }
+
+  return normalized;
+}
+
+function mergePointerTags(pointerTags = []) {
+  if (!Array.isArray(pointerTags) || pointerTags.length === 0) {
+    return [];
+  }
+
+  const merged = [];
+  const pointerIndexByKey = new Map();
+
+  const toTrimmedString = (value) => {
+    if (typeof value === "string") {
+      return value.trim();
+    }
+    if (value === undefined || value === null) {
+      return "";
+    }
+    return String(value).trim();
+  };
+
+  pointerTags.forEach((tag) => {
+    if (!Array.isArray(tag) || tag.length < 2) {
+      return;
+    }
+
+    const normalizedType = toTrimmedString(tag[0]);
+    if (!normalizedType) {
+      return;
+    }
+
+    const canonicalType =
+      normalizedType === "a" ? "a" : normalizedType === "e" ? "e" : normalizedType;
+
+    const normalizedValue = toTrimmedString(tag[1]);
+    if (!normalizedValue) {
+      return;
+    }
+
+    const sanitizedTag = [canonicalType, normalizedValue];
+    for (let index = 2; index < tag.length; index += 1) {
+      const extra = toTrimmedString(tag[index]);
+      if (extra) {
+        sanitizedTag.push(extra);
+      }
+    }
+
+    if (canonicalType !== "a" && canonicalType !== "e") {
+      merged.push(sanitizedTag);
+      return;
+    }
+
+    const dedupeKey = `${canonicalType}:${normalizedValue.toLowerCase()}`;
+    const relayHint =
+      sanitizedTag.length > 2 && typeof sanitizedTag[2] === "string"
+        ? sanitizedTag[2].trim()
+        : "";
+
+    if (!pointerIndexByKey.has(dedupeKey)) {
+      if (relayHint && sanitizedTag.length > 2) {
+        sanitizedTag[2] = relayHint;
+      }
+      const index = merged.length;
+      merged.push(sanitizedTag);
+      pointerIndexByKey.set(dedupeKey, { index, relay: relayHint });
+      return;
+    }
+
+    const existingEntry = pointerIndexByKey.get(dedupeKey);
+    const existingTag = merged[existingEntry.index];
+    const existingRelay =
+      existingTag.length > 2 && typeof existingTag[2] === "string"
+        ? existingTag[2].trim()
+        : "";
+    const hasExistingRelay = Boolean(existingRelay);
+    const hasNewRelay = Boolean(relayHint);
+
+    if (
+      (!hasExistingRelay && hasNewRelay) ||
+      (hasExistingRelay && hasNewRelay && existingRelay !== relayHint)
+    ) {
+      const replacement = sanitizedTag.slice();
+      if (relayHint && replacement.length > 2) {
+        replacement[2] = relayHint;
+      }
+      merged[existingEntry.index] = replacement;
+      pointerIndexByKey.set(dedupeKey, {
+        index: existingEntry.index,
+        relay: relayHint,
+      });
+    }
+  });
+
+  return merged;
+}
+
+export function buildVideoPostEvent(params) {
+  const {
+    pubkey,
+    created_at,
+    dTagValue,
+    content,
+    additionalTags = [],
+  } = params || {};
+  const schema = getNostrEventSchema(NOTE_TYPES.VIDEO_POST);
+  const tags = [];
+  if (schema?.topicTag?.name && schema?.topicTag?.value) {
+    tags.push([schema.topicTag.name, schema.topicTag.value]);
+  }
+  if (schema?.identifierTag?.name && dTagValue) {
+    tags.push([schema.identifierTag.name, dTagValue]);
+  }
+  appendSchemaTags(tags, schema);
+  const sanitizedAdditionalTags = sanitizeAdditionalTags(additionalTags);
+  if (sanitizedAdditionalTags.length) {
+    tags.push(...sanitizedAdditionalTags.map((tag) => tag.slice()));
+  }
+
+  const hasSTag = tags.some((t) => t[0] === "s");
+  if (!hasSTag) {
+    let contentObj = content;
+    if (typeof content === "string") {
+      try {
+        contentObj = JSON.parse(content);
+      } catch (e) {
+        contentObj = {};
+      }
+    }
+    contentObj = contentObj || {};
+
+    let pointer = "";
+    if (contentObj.infoHash) {
+      pointer = buildStoragePointerValue({
+        provider: "btih",
+        prefix: contentObj.infoHash,
+      });
+    } else if (contentObj.url) {
+      pointer = deriveStoragePointerFromUrl(contentObj.url);
+    }
+
+    if (!pointer && (dTagValue || contentObj.videoRootId)) {
+      const prefix = dTagValue || contentObj.videoRootId;
+      pointer = buildStoragePointerValue({ provider: "nostr", prefix });
+    }
+
+    if (pointer) {
+      tags.push(["s", pointer]);
+    }
+  }
+
+  let serializedContent = "";
+  if (typeof content === "string") {
+    serializedContent = content;
+  } else {
+    try {
+      serializedContent = JSON.stringify(content ?? {});
+    } catch (error) {
+      serializedContent = "{}";
+    }
+  }
+
+  const event = {
+    kind: schema?.kind ?? 30078,
+    pubkey,
+    created_at,
+    tags,
+    content: serializedContent,
+  };
+
+  if (isDevMode) {
+    validateEventAgainstSchema(NOTE_TYPES.VIDEO_POST, event);
+  }
+
+  return event;
+}
+
+export function buildHttpAuthEvent(params) {
+  const {
+    pubkey,
+    created_at,
+    url,
+    method,
+    payload,
+    content,
+    additionalTags = [],
+  } = params || {};
+  const schema = getNostrEventSchema(NOTE_TYPES.HTTP_AUTH);
+  const tags = [];
+
+  const domainTagName = schema?.domainTagName || "u";
+  if (url) {
+    tags.push([domainTagName, url]);
+  }
+
+  const methodTagName = schema?.methodTagName || "method";
+  if (method) {
+    tags.push([methodTagName, method]);
+  }
+
+  const payloadTagName = schema?.payloadTagName || "payload";
+  if (payload) {
+    tags.push([payloadTagName, payload]);
+  }
+
+  appendSchemaTags(tags, schema);
+  const sanitizedAdditionalTags = sanitizeAdditionalTags(additionalTags);
+  if (sanitizedAdditionalTags.length) {
+    tags.push(...sanitizedAdditionalTags.map((tag) => tag.slice()));
+  }
+
+  const event = {
+    kind: schema?.kind ?? 27235,
+    pubkey,
+    created_at,
+    tags,
+    content: typeof content === "string" ? content : "",
+  };
+
+  if (isDevMode) {
+    validateEventAgainstSchema(NOTE_TYPES.HTTP_AUTH, event);
+  }
+
+  return event;
+}
+
+export function buildReportEvent(params) {
+  const {
+    pubkey,
+    created_at,
+    eventId,
+    userId,
+    reportType,
+    relayHint,
+    content,
+    additionalTags = [],
+  } = params || {};
+  const schema = getNostrEventSchema(NOTE_TYPES.REPORT);
+  const tags = [];
+
+  const normalizedReportType = typeof reportType === "string" ? reportType.trim() : "";
+  const normalizedRelayHint = typeof relayHint === "string" ? relayHint.trim() : "";
+
+  if (eventId) {
+    const eTag = ["e", eventId];
+    if (normalizedReportType || normalizedRelayHint) {
+      eTag.push(normalizedReportType);
+    }
+    if (normalizedRelayHint) {
+      eTag.push(normalizedRelayHint);
+    }
+    tags.push(eTag);
+  }
+
+  if (userId) {
+    const pTag = ["p", userId];
+    if (normalizedReportType) {
+      pTag.push(normalizedReportType);
+    }
+    tags.push(pTag);
+  }
+
+  // Some implementations use 't' tag for report type too?
+  // ModerationService logic:
+  // tags.push(["t", normalizedType]);
+  // So we support it.
+  if (normalizedReportType) {
+    // Check if we should add it as 't' tag or if it's already in e/p
+    // ModerationService adds it explicitly
+    const hasTTag = tags.some(t => t[0] === "t" && t[1] === normalizedReportType);
+    if (!hasTTag) {
+        // ModerationService does: ["t", normalizedType]
+        // But let's check what NIP-56 says. It relies on e/p markers.
+        // But we should match what ModerationService expects/does to be safe.
+        // It adds ["t", normalizedType]
+        tags.push(["t", normalizedReportType]);
+    }
+  }
+
+  appendSchemaTags(tags, schema);
+  const sanitizedAdditionalTags = sanitizeAdditionalTags(additionalTags);
+  if (sanitizedAdditionalTags.length) {
+    tags.push(...sanitizedAdditionalTags.map((tag) => tag.slice()));
+  }
+
+  const event = {
+    kind: schema?.kind ?? 1984,
+    pubkey,
+    created_at,
+    tags,
+    content: typeof content === "string" ? content : "",
+  };
+
+  if (isDevMode) {
+    validateEventAgainstSchema(NOTE_TYPES.REPORT, event);
+  }
+
+  return event;
+}
+
+export function buildVideoMirrorEvent(params) {
+  const {
+    pubkey,
+    created_at,
+    tags = [],
+    content = "",
+  } = params || {};
+  const schema = getNostrEventSchema(NOTE_TYPES.VIDEO_MIRROR);
+  const combinedTags = [];
+  appendSchemaTags(combinedTags, schema);
+  if (Array.isArray(tags)) {
+    tags.forEach((tag) => {
+      if (Array.isArray(tag) && tag.length >= 2) {
+        combinedTags.push(tag.map((value) => (typeof value === "string" ? value : String(value))));
+      }
+    });
+  }
+  const event = {
+    kind: schema?.kind ?? 1063,
+    pubkey,
+    created_at,
+    tags: combinedTags,
+    content: safeStringify(content),
+  };
+
+  if (isDevMode) {
+    validateEventAgainstSchema(NOTE_TYPES.VIDEO_MIRROR, event);
+  }
+
+  return event;
+}
+
+export function buildRepostEvent(params) {
+  const {
+    pubkey,
+    created_at,
+    eventId = "",
+    eventRelay = "",
+    address = "",
+    addressRelay = "",
+    authorPubkey = "",
+    additionalTags = [],
+    repostKind,
+    targetKind,
+    targetEvent = null,
+    serializedEvent = "",
+  } = params || {};
+  const schema = getNostrEventSchema(NOTE_TYPES.REPOST);
+  const tags = [];
+
+  const normalizedEventId = typeof eventId === "string" ? eventId.trim() : "";
+  const normalizedEventRelay =
+    typeof eventRelay === "string" ? eventRelay.trim() : "";
+
+  if (normalizedEventId) {
+    if (normalizedEventRelay) {
+      tags.push(["e", normalizedEventId, normalizedEventRelay]);
+    } else {
+      tags.push(["e", normalizedEventId]);
+    }
+  }
+
+  const normalizedAddress = typeof address === "string" ? address.trim() : "";
+  const normalizedAddressRelay = typeof addressRelay === "string" ? addressRelay.trim() : "";
+  if (normalizedAddress) {
+    if (normalizedAddressRelay) {
+      tags.push(["a", normalizedAddress, normalizedAddressRelay]);
+    } else {
+      tags.push(["a", normalizedAddress]);
+    }
+  }
+
+  const normalizedAuthorPubkey =
+    typeof authorPubkey === "string" ? authorPubkey.trim().toLowerCase() : "";
+  if (normalizedAuthorPubkey) {
+    tags.push(["p", normalizedAuthorPubkey]);
+  }
+
+  appendSchemaTags(tags, schema);
+  const sanitizedAdditionalTags = sanitizeAdditionalTags(additionalTags);
+  if (sanitizedAdditionalTags.length) {
+    tags.push(...sanitizedAdditionalTags.map((tag) => tag.slice()));
+  }
+
+  const normalizedRepostKind =
+    Number.isFinite(repostKind) && repostKind !== null
+      ? Math.floor(repostKind)
+      : null;
+  const normalizedTargetKind =
+    Number.isFinite(targetKind) && targetKind !== null
+      ? Math.floor(targetKind)
+      : null;
+  const resolvedKind = (() => {
+    if (normalizedRepostKind) {
+      return normalizedRepostKind;
+    }
+    if (normalizedTargetKind !== null) {
+      return normalizedTargetKind === 1 ? schema?.kind ?? 6 : 16;
+    }
+    return schema?.kind ?? 6;
+  })();
+
+  if (resolvedKind === 16 && normalizedTargetKind !== null) {
+    tags.push(["k", String(normalizedTargetKind)]);
+  }
+
+  const normalizedSerializedEvent =
+    typeof serializedEvent === "string" ? serializedEvent : "";
+  let normalizedTargetEvent =
+    targetEvent && typeof targetEvent === "object" ? targetEvent : null;
+
+  if (!normalizedTargetEvent && normalizedSerializedEvent) {
+    try {
+      normalizedTargetEvent = JSON.parse(normalizedSerializedEvent);
+    } catch (error) {
+      void error;
+    }
+  }
+
+  const hasProtectedTag = Array.isArray(normalizedTargetEvent?.tags)
+    ? normalizedTargetEvent.tags.some(
+        (tag) => Array.isArray(tag) && tag.length && tag[0] === "-",
+      )
+    : false;
+
+  let content = "";
+
+  if (!hasProtectedTag) {
+    if (normalizedSerializedEvent) {
+      content = normalizedSerializedEvent;
+    } else if (normalizedTargetEvent) {
+      try {
+        content = JSON.stringify(normalizedTargetEvent);
+      } catch (error) {
+        void error;
+      }
+    }
+  }
+
+  const event = {
+    kind: resolvedKind,
+    pubkey,
+    created_at,
+    tags,
+    content,
+  };
+
+  if (isDevMode) {
+    const type = event.kind === 16 ? NOTE_TYPES.GENERIC_REPOST : NOTE_TYPES.REPOST;
+    validateEventAgainstSchema(type, event);
+  }
+
+  return event;
+}
+
+export function buildShareEvent(params) {
+  const {
+    pubkey,
+    created_at,
+    content = "",
+    video = null,
+    relays = [],
+    additionalTags = [],
+  } = params || {};
+  const schema = getNostrEventSchema(NOTE_TYPES.SHARE);
+  const tags = [];
+  const relayTagName = schema?.relayTagName || "r";
+  const readMarker = schema?.readMarker || "read";
+  const writeMarker = schema?.writeMarker || "write";
+
+  const normalizedVideoId = normalizePointerIdentifier(video?.id);
+  if (normalizedVideoId) {
+    tags.push(["e", normalizedVideoId, "", "mention"]);
+  }
+
+  const normalizedVideoPubkey = normalizePointerIdentifier(video?.pubkey);
+  if (normalizedVideoPubkey) {
+    tags.push(["p", normalizedVideoPubkey, "", "mention"]);
+  }
+
+  const seenRelayTags = new Set();
+
+  const pushRelayTag = (url, marker) => {
+    const normalizedUrl = typeof url === "string" ? url.trim() : "";
+    if (!normalizedUrl) {
+      return;
+    }
+    const normalizedMarker =
+      typeof marker === "string" ? marker.trim().toLowerCase() : "";
+    const resolvedMarker =
+      normalizedMarker === "read" || normalizedMarker === "write"
+        ? normalizedMarker
+        : "";
+    const dedupeKey = `${normalizedUrl}|${resolvedMarker}`;
+    if (seenRelayTags.has(dedupeKey)) {
+      return;
+    }
+    seenRelayTags.add(dedupeKey);
+    if (resolvedMarker) {
+      const markerValue = resolvedMarker === "read" ? readMarker : writeMarker;
+      tags.push([relayTagName, normalizedUrl, markerValue]);
+    } else {
+      tags.push([relayTagName, normalizedUrl]);
+    }
+  };
+
+  if (Array.isArray(relays)) {
+    relays.forEach((entry) => {
+      if (typeof entry === "string") {
+        pushRelayTag(entry, "");
+        return;
+      }
+
+      if (Array.isArray(entry) && entry.length) {
+        if (entry[0] === relayTagName) {
+          pushRelayTag(entry[1], entry[2]);
+          return;
+        }
+        pushRelayTag(entry[0], entry[1]);
+        return;
+      }
+
+      if (entry && typeof entry === "object") {
+        const url =
+          typeof entry.url === "string"
+            ? entry.url
+            : typeof entry.relay === "string"
+            ? entry.relay
+            : "";
+        let marker = "";
+        if (typeof entry.mode === "string") {
+          marker = entry.mode;
+        } else if (typeof entry.marker === "string") {
+          marker = entry.marker;
+        } else if (entry.read === true && entry.write === false) {
+          marker = "read";
+        } else if (entry.write === true && entry.read === false) {
+          marker = "write";
+        }
+        pushRelayTag(url, marker);
+      }
+    });
+  }
+
+  appendSchemaTags(tags, schema);
+
+  const sanitizedAdditionalTags = sanitizeAdditionalTags(additionalTags);
+  if (sanitizedAdditionalTags.length) {
+    tags.push(...sanitizedAdditionalTags.map((tag) => tag.slice()));
+  }
+
+  const resolvedContent = ensureValidUtf8Content(content);
+
+  const event = {
+    kind: schema?.kind ?? 1,
+    pubkey,
+    created_at,
+    tags,
+    content: resolvedContent,
+  };
+
+  if (isDevMode) {
+    validateEventAgainstSchema(NOTE_TYPES.SHARE, event);
+  }
+
+  return event;
+}
+
+export function buildRelayListEvent(params) {
+  const {
+    pubkey,
+    created_at,
+    relays = [],
+    additionalTags = [],
+  } = params || {};
+  const schema = getNostrEventSchema(NOTE_TYPES.RELAY_LIST);
+  const tags = [];
+  const relayTagName = schema?.relayTagName || "r";
+  const readMarker = schema?.readMarker || "read";
+  const writeMarker = schema?.writeMarker || "write";
+
+  if (Array.isArray(relays)) {
+    relays.forEach((entry) => {
+      let url = "";
+      let mode = "";
+      if (typeof entry === "string") {
+        url = entry;
+      } else if (entry && typeof entry === "object") {
+        if (typeof entry.url === "string") {
+          url = entry.url;
+        }
+        if (typeof entry.mode === "string") {
+          mode = entry.mode;
+        } else if (typeof entry.marker === "string") {
+          mode = entry.marker;
+        } else if (entry.read === true && entry.write === false) {
+          mode = "read";
+        } else if (entry.write === true && entry.read === false) {
+          mode = "write";
+        }
+      } else if (Array.isArray(entry) && entry.length >= 1) {
+        url = typeof entry[0] === "string" ? entry[0] : String(entry[0]);
+        if (entry.length > 1 && typeof entry[1] === "string") {
+          mode = entry[1];
+        }
+      }
+
+      const normalizedUrl = typeof url === "string" ? url.trim() : "";
+      if (!normalizedUrl) {
+        return;
+      }
+
+      const normalizedMode = typeof mode === "string" ? mode.trim().toLowerCase() : "";
+      if (normalizedMode === "read") {
+        tags.push([relayTagName, normalizedUrl, readMarker]);
+      } else if (normalizedMode === "write") {
+        tags.push([relayTagName, normalizedUrl, writeMarker]);
+      } else {
+        tags.push([relayTagName, normalizedUrl]);
+      }
+    });
+  }
+
+  appendSchemaTags(tags, schema);
+
+  const sanitizedAdditionalTags = sanitizeAdditionalTags(additionalTags);
+  if (sanitizedAdditionalTags.length) {
+    tags.push(...sanitizedAdditionalTags.map((tag) => tag.slice()));
+  }
+
+  const event = {
+    kind: schema?.kind ?? 10002,
+    pubkey,
+    created_at,
+    tags,
+    content: "",
+  };
+
+  if (isDevMode) {
+    validateEventAgainstSchema(NOTE_TYPES.RELAY_LIST, event);
+  }
+
+  return event;
+}
+
+export function buildDmRelayListEvent(params) {
+  const {
+    pubkey,
+    created_at,
+    relays = [],
+    additionalTags = [],
+  } = params || {};
+  const schema = getNostrEventSchema(NOTE_TYPES.DM_RELAY_LIST);
+  const tags = [];
+  const relayTagName = schema?.relayTagName || "relay";
+
+  if (Array.isArray(relays)) {
+    relays.forEach((relay) => {
+      const normalized = typeof relay === "string" ? relay.trim() : "";
+      if (normalized) {
+        tags.push([relayTagName, normalized]);
+      }
+    });
+  }
+
+  appendSchemaTags(tags, schema);
+
+  const sanitizedAdditionalTags = sanitizeAdditionalTags(additionalTags);
+  if (sanitizedAdditionalTags.length) {
+    tags.push(...sanitizedAdditionalTags.map((tag) => tag.slice()));
+  }
+
+  const event = {
+    kind: schema?.kind ?? 10050,
+    pubkey,
+    created_at,
+    tags,
+    content: "",
+  };
+
+  if (isDevMode) {
+    validateEventAgainstSchema(NOTE_TYPES.DM_RELAY_LIST, event);
+  }
+
+  return event;
+}
+
+export function buildProfileMetadataEvent(params) {
+  const {
+    pubkey,
+    created_at,
+    metadata = {},
+    content,
+    additionalTags = [],
+  } = params || {};
+  const schema = getNostrEventSchema(NOTE_TYPES.PROFILE_METADATA);
+  const tags = [];
+  appendSchemaTags(tags, schema);
+  const sanitizedAdditionalTags = sanitizeAdditionalTags(additionalTags);
+  if (sanitizedAdditionalTags.length) {
+    tags.push(...sanitizedAdditionalTags.map((tag) => tag.slice()));
+  }
+
+  let serializedContent = "";
+  if (typeof content === "string") {
+    serializedContent = content;
+  } else {
+    try {
+      serializedContent = JSON.stringify(metadata || {});
+    } catch (error) {
+      serializedContent = "{}";
+    }
+  }
+
+  const event = {
+    kind: schema?.kind ?? 0,
+    pubkey,
+    created_at,
+    tags,
+    content: serializedContent,
+  };
+
+  if (isDevMode) {
+    validateEventAgainstSchema(NOTE_TYPES.PROFILE_METADATA, event);
+  }
+
+  return event;
+}
+
+export function buildMuteListEvent(params) {
+  const {
+    pubkey,
+    created_at,
+    pTags = [],
+    content = "",
+    encrypted = false,
+    encryptionTag = "",
+    additionalTags = [],
+  } = params || {};
+  const schema = getNostrEventSchema(NOTE_TYPES.MUTE_LIST);
+  const tags = [];
+
+  const participantTagName = schema?.participantTagName || "p";
+  if (Array.isArray(pTags)) {
+    pTags.forEach((hex) => {
+      if (typeof hex === "string" && hex.trim()) {
+        tags.push([participantTagName, hex.trim()]);
+      }
+    });
+  }
+
+  if (encrypted && encryptionTag) {
+    tags.push(["encrypted", encryptionTag]);
+  }
+
+  appendSchemaTags(tags, schema);
+  const sanitizedAdditionalTags = sanitizeAdditionalTags(additionalTags);
+  if (sanitizedAdditionalTags.length) {
+    tags.push(...sanitizedAdditionalTags.map((tag) => tag.slice()));
+  }
+
+  const event = {
+    kind: schema?.kind ?? 10000,
+    pubkey,
+    created_at,
+    tags,
+    content: typeof content === "string" ? content : "",
+  };
+
+  if (isDevMode) {
+    validateEventAgainstSchema(NOTE_TYPES.MUTE_LIST, event);
+  }
+
+  return event;
+}
+
+export function buildDeletionEvent(params) {
+  const {
+    pubkey,
+    created_at,
+    eventIds = [],
+    addresses = [],
+    reason = "",
+    additionalTags = [],
+  } = params || {};
+  const schema = getNostrEventSchema(NOTE_TYPES.DELETION);
+  const tags = [];
+
+  if (Array.isArray(eventIds)) {
+    eventIds.forEach((id) => {
+      const normalized = normalizePointerIdentifier(id);
+      if (normalized) {
+        tags.push(["e", normalized]);
+      }
+    });
+  }
+
+  if (Array.isArray(addresses)) {
+    addresses.forEach((addr) => {
+      const normalized = typeof addr === "string" ? addr.trim() : "";
+      if (normalized) {
+        tags.push(["a", normalized]);
+      }
+    });
+  }
+
+  appendSchemaTags(tags, schema);
+  const sanitizedAdditionalTags = sanitizeAdditionalTags(additionalTags);
+  if (sanitizedAdditionalTags.length) {
+    tags.push(...sanitizedAdditionalTags.map((tag) => tag.slice()));
+  }
+
+  const event = {
+    kind: schema?.kind ?? 5,
+    pubkey,
+    created_at,
+    tags,
+    content: typeof reason === "string" ? reason : "",
+  };
+
+  if (isDevMode) {
+    validateEventAgainstSchema(NOTE_TYPES.DELETION, event);
+  }
+
+  return event;
+}
+
+export function buildLegacyDirectMessageEvent(params) {
+  const {
+    pubkey,
+    created_at,
+    recipientPubkey,
+    ciphertext = "",
+    additionalTags = [],
+  } = params || {};
+  const schema = getNostrEventSchema(NOTE_TYPES.LEGACY_DM);
+  const tags = [];
+
+  const recipient = normalizePointerIdentifier(recipientPubkey);
+  if (recipient) {
+    tags.push([schema?.recipientTagName || "p", recipient]);
+  }
+
+  appendSchemaTags(tags, schema);
+  const sanitizedAdditionalTags = sanitizeAdditionalTags(additionalTags);
+  if (sanitizedAdditionalTags.length) {
+    tags.push(...sanitizedAdditionalTags.map((tag) => tag.slice()));
+  }
+
+  const event = {
+    kind: schema?.kind ?? 4,
+    pubkey,
+    created_at,
+    tags,
+    content: typeof ciphertext === "string" ? ciphertext : "",
+  };
+
+  if (isDevMode) {
+    validateEventAgainstSchema(NOTE_TYPES.LEGACY_DM, event);
+  }
+
+  return event;
+}
+
+export function buildDmAttachmentEvent(params) {
+  const {
+    pubkey,
+    created_at,
+    recipientPubkey,
+    attachment = {},
+    additionalTags = [],
+  } = params || {};
+  const schema = getNostrEventSchema(NOTE_TYPES.DM_ATTACHMENT);
+  const tags = [];
+
+  const participantTagName = schema?.participantTagName || "p";
+  if (recipientPubkey && typeof recipientPubkey === "string") {
+    tags.push([participantTagName, recipientPubkey.trim()]);
+  }
+
+  if (attachment?.x) {
+    tags.push([schema?.hashTagName || "x", attachment.x]);
+  }
+  if (attachment?.url) {
+    tags.push([schema?.urlTagName || "url", attachment.url]);
+  }
+  if (attachment?.name) {
+    tags.push([schema?.nameTagName || "name", attachment.name]);
+  }
+  if (attachment?.type) {
+    tags.push([schema?.typeTagName || "type", attachment.type]);
+  }
+  if (Number.isFinite(attachment?.size)) {
+    tags.push([schema?.sizeTagName || "size", String(attachment.size)]);
+  }
+  if (attachment?.key) {
+    tags.push([schema?.keyTagName || "k", attachment.key]);
+  }
+
+  appendSchemaTags(tags, schema);
+  const sanitizedAdditionalTags = sanitizeAdditionalTags(additionalTags);
+  if (sanitizedAdditionalTags.length) {
+    tags.push(...sanitizedAdditionalTags.map((tag) => tag.slice()));
+  }
+
+  const event = {
+    kind: schema?.kind ?? 15,
+    pubkey,
+    created_at,
+    tags,
+    content: "",
+  };
+
+  if (isDevMode) {
+    validateEventAgainstSchema(NOTE_TYPES.DM_ATTACHMENT, event);
+  }
+
+  return event;
+}
+
+export function buildDmReadReceiptEvent(params) {
+  const {
+    pubkey,
+    created_at,
+    recipientPubkey,
+    eventId,
+    messageKind,
+    additionalTags = [],
+  } = params || {};
+  const schema = getNostrEventSchema(NOTE_TYPES.DM_READ_RECEIPT);
+  const tags = [];
+
+  const recipient = normalizePointerIdentifier(recipientPubkey);
+  if (recipient) {
+    tags.push([schema?.recipientTagName || "p", recipient]);
+  }
+
+  const normalizedEventId = normalizePointerIdentifier(eventId);
+  if (normalizedEventId) {
+    tags.push([schema?.eventTagName || "e", normalizedEventId]);
+  }
+
+  if (Number.isFinite(messageKind)) {
+    tags.push([schema?.kindTagName || "k", String(Math.floor(messageKind))]);
+  }
+
+  appendSchemaTags(tags, schema);
+  const sanitizedAdditionalTags = sanitizeAdditionalTags(additionalTags);
+  if (sanitizedAdditionalTags.length) {
+    tags.push(...sanitizedAdditionalTags.map((tag) => tag.slice()));
+  }
+
+  const event = {
+    kind: schema?.kind ?? 20001,
+    pubkey,
+    created_at,
+    tags,
+    content: "",
+  };
+
+  if (isDevMode) {
+    validateEventAgainstSchema(NOTE_TYPES.DM_READ_RECEIPT, event);
+  }
+
+  return event;
+}
+
+export function buildDmTypingIndicatorEvent(params) {
+  const {
+    pubkey,
+    created_at,
+    recipientPubkey,
+    eventId,
+    expiresAt,
+    additionalTags = [],
+  } = params || {};
+  const schema = getNostrEventSchema(NOTE_TYPES.DM_TYPING);
+  const tags = [];
+
+  const recipient = normalizePointerIdentifier(recipientPubkey);
+  if (recipient) {
+    tags.push([schema?.recipientTagName || "p", recipient]);
+  }
+
+  const normalizedEventId = normalizePointerIdentifier(eventId);
+  if (normalizedEventId) {
+    tags.push([schema?.eventTagName || "e", normalizedEventId]);
+  }
+
+  if (schema?.statusTagName && schema?.statusTagValue) {
+    tags.push([schema.statusTagName, schema.statusTagValue]);
+  }
+
+  if (Number.isFinite(expiresAt)) {
+    tags.push([schema?.expirationTagName || "expiration", String(Math.floor(expiresAt))]);
+  }
+
+  appendSchemaTags(tags, schema);
+  const sanitizedAdditionalTags = sanitizeAdditionalTags(additionalTags);
+  if (sanitizedAdditionalTags.length) {
+    tags.push(...sanitizedAdditionalTags.map((tag) => tag.slice()));
+  }
+
+  const event = {
+    kind: schema?.kind ?? 20002,
+    pubkey,
+    created_at,
+    tags,
+    content: "",
+  };
+
+  if (isDevMode) {
+    validateEventAgainstSchema(NOTE_TYPES.DM_TYPING, event);
+  }
+
+  return event;
+}
+
+export function buildViewEvent(params) {
+  const {
+    pubkey,
+    created_at,
+    pointerValue,
+    pointerTag,
+    pointerTags = [],
+    dedupeTag,
+    includeSessionTag = false,
+    additionalTags = [],
+    content = "",
+  } = params || {};
+  const schema = getNostrEventSchema(NOTE_TYPES.VIEW_EVENT);
+  const tags = [];
+  if (schema?.topicTag?.name && schema?.topicTag?.value) {
+    tags.push([schema.topicTag.name, schema.topicTag.value]);
+  }
+
+  const normalizedPointerTags = collectPointerTags(schema, {
+    pointerValue,
+    pointerTag,
+    pointerTags,
+  });
+  normalizedPointerTags.forEach((tag) => {
+    tags.push(tag);
+  });
+  const sanitizedAdditionalTags = sanitizeAdditionalTags(additionalTags);
+  if (sanitizedAdditionalTags.length) {
+    tags.push(...sanitizedAdditionalTags.map((tag) => tag.slice()));
+  }
+
+  const resolvedDedupeTag =
+    dedupeTag ||
+    (schema?.identifierTag?.name
+      ? Math.random().toString(36).slice(2) + Math.random().toString(36).slice(2)
+      : "");
+
+  if (resolvedDedupeTag && schema?.identifierTag?.name) {
+    const identifierName = schema.identifierTag.name;
+    const hasDedupe = tags.some(
+      (tag) => tag[0] === identifierName && tag[1] === resolvedDedupeTag
+    );
+    if (!hasDedupe) {
+      tags.push([identifierName, resolvedDedupeTag]);
+    }
+  }
+  if (includeSessionTag && schema?.sessionTag?.name && schema?.sessionTag?.value) {
+    const hasSession = tags.some(
+      (tag) => tag[0] === schema.sessionTag.name && tag[1] === schema.sessionTag.value
+    );
+    if (!hasSession) {
+      tags.push([schema.sessionTag.name, schema.sessionTag.value]);
+    }
+  }
+  appendSchemaTags(tags, schema);
+
+  const resolvedContent = ensureValidUtf8Content(content);
+
+  const event = {
+    kind: schema?.kind ?? WATCH_HISTORY_KIND,
+    pubkey,
+    created_at,
+    tags,
+    content: resolvedContent,
+  };
+
+  if (isDevMode) {
+    validateEventAgainstSchema(NOTE_TYPES.VIEW_EVENT, event);
+  }
+
+  return event;
+}
+
+export function buildZapRequestEvent(params) {
+  const {
+    pubkey,
+    created_at,
+    recipientPubkey,
+    relays = [],
+    amountSats,
+    lnurl,
+    eventId,
+    coordinate,
+    additionalTags = [],
+    content = "",
+  } = params || {};
+  const schema = getNostrEventSchema(NOTE_TYPES.ZAP_REQUEST);
+  const tags = [];
+
+  const normalizedRecipient = normalizePointerIdentifier(recipientPubkey);
+  if (normalizedRecipient) {
+    tags.push(["p", normalizedRecipient]);
+  }
+
+  const normalizedEventId = normalizePointerIdentifier(eventId);
+  if (normalizedEventId) {
+    tags.push(["e", normalizedEventId]);
+  }
+
+  if (typeof coordinate === "string" && coordinate.trim()) {
+    tags.push(["a", coordinate.trim()]);
+  }
+
+  if (typeof lnurl === "string" && lnurl.trim()) {
+    tags.push(["lnurl", lnurl.trim()]);
+  }
+
+  if (Number.isFinite(amountSats)) {
+    tags.push(["amount", String(Math.max(0, Math.round(amountSats)) * 1000)]);
+  }
+
+  const relayList = Array.isArray(relays) ? relays : [];
+  const relaySeen = new Set();
+  const normalizedRelays = [];
+  relayList.forEach((relay) => {
+    if (typeof relay !== "string") {
+      return;
+    }
+    const trimmed = relay.trim();
+    if (!trimmed || relaySeen.has(trimmed)) {
+      return;
+    }
+    relaySeen.add(trimmed);
+    normalizedRelays.push(trimmed);
+  });
+  if (normalizedRelays.length) {
+    tags.push(["relays", ...normalizedRelays]);
+  }
+
+  const sanitizedAdditionalTags = sanitizeAdditionalTags(additionalTags);
+  if (sanitizedAdditionalTags.length) {
+    tags.push(...sanitizedAdditionalTags.map((tag) => tag.slice()));
+  }
+
+  appendSchemaTags(tags, schema);
+
+  const resolvedContent = ensureValidUtf8Content(content);
+
+  const event = {
+    kind: schema?.kind ?? 9734,
+    pubkey,
+    created_at,
+    tags,
+    content: resolvedContent,
+  };
+
+  if (isDevMode) {
+    validateEventAgainstSchema(NOTE_TYPES.ZAP_REQUEST, event);
+  }
+
+  return event;
+}
+
+export function buildReactionEvent(params) {
+  const {
+    pubkey,
+    created_at,
+    pointerValue,
+    pointerTag,
+    pointerTags = [],
+    targetPointer = null,
+    targetAuthorPubkey = "",
+    additionalTags = [],
+    content = "",
+  } = params || {};
+  const schema = getNostrEventSchema(NOTE_TYPES.VIDEO_REACTION);
+  const tags = [];
+
+  const normalizedPointerTags = collectPointerTags(schema, {
+    pointerValue,
+    pointerTag,
+    pointerTags,
+  });
+  const mergedPointerTags = mergePointerTags(normalizedPointerTags);
+  mergedPointerTags.forEach((tag) => {
+    if (Array.isArray(tag) && tag.length >= 2) {
+      tags.push(tag);
+    }
+  });
+
+  const resolvePointerDetails = (pointerCandidate) => {
+    if (!pointerCandidate) {
+      return null;
+    }
+
+    if (Array.isArray(pointerCandidate) && pointerCandidate.length >= 2) {
+      const [type, value, relay] = pointerCandidate;
+      const normalizedType = type === "a" ? "a" : type === "e" ? "e" : "";
+      const normalizedValue = typeof value === "string" ? value.trim() : "";
+      if (!normalizedType || !normalizedValue) {
+        return null;
+      }
+      const normalizedRelay =
+        typeof relay === "string" && relay.trim() ? relay.trim() : "";
+      return { type: normalizedType, value: normalizedValue, relay: normalizedRelay };
+    }
+
+    if (pointerCandidate && typeof pointerCandidate === "object") {
+      const { type, value, relay } = pointerCandidate;
+      const normalizedType = type === "a" ? "a" : type === "e" ? "e" : "";
+      const normalizedValue = typeof value === "string" ? value.trim() : "";
+      if (!normalizedType || !normalizedValue) {
+        return null;
+      }
+      const normalizedRelay =
+        typeof relay === "string" && relay.trim() ? relay.trim() : "";
+      return { type: normalizedType, value: normalizedValue, relay: normalizedRelay };
+    }
+
+    return null;
+  };
+
+  const pointerDetails = (() => {
+    const explicitPointer = resolvePointerDetails(targetPointer);
+    if (explicitPointer) {
+      return explicitPointer;
+    }
+
+    const pointerTagEntry = mergedPointerTags.find(
+      (tag) => Array.isArray(tag) && tag.length >= 2 && (tag[0] === "a" || tag[0] === "e")
+    );
+    if (!pointerTagEntry) {
+      return null;
+    }
+
+    return resolvePointerDetails(pointerTagEntry);
+  })();
+
+  const resolvedRelay = pointerDetails?.relay || "";
+
+  const normalizedAuthorPubkey = (() => {
+    if (typeof targetAuthorPubkey === "string" && targetAuthorPubkey.trim()) {
+      return targetAuthorPubkey.trim();
+    }
+
+    if (pointerDetails?.type === "a" && pointerDetails.value) {
+      const segments = pointerDetails.value.split(":");
+      if (segments.length >= 2) {
+        const candidate = segments[1]?.trim();
+        if (candidate) {
+          return candidate;
+        }
+      }
+    }
+
+    return "";
+  })();
+
+  if (normalizedAuthorPubkey) {
+    const existingAuthorTag = tags.find(
+      (tag) => Array.isArray(tag) && tag[0] === "p" && tag[1] === normalizedAuthorPubkey
+    );
+    if (!existingAuthorTag) {
+      if (resolvedRelay) {
+        tags.push(["p", normalizedAuthorPubkey, resolvedRelay]);
+      } else {
+        tags.push(["p", normalizedAuthorPubkey]);
+      }
+    } else if (resolvedRelay) {
+      if (existingAuthorTag.length < 3) {
+        existingAuthorTag.push(resolvedRelay);
+      } else if (existingAuthorTag[2] !== resolvedRelay) {
+        existingAuthorTag[2] = resolvedRelay;
+      }
+    }
+  }
+
+  const sanitizedAdditionalTags = sanitizeAdditionalTags(additionalTags);
+  if (sanitizedAdditionalTags.length) {
+    tags.push(...sanitizedAdditionalTags.map((tag) => tag.slice()));
+  }
+
+  appendSchemaTags(tags, schema);
+
+  const resolvedContent = ensureValidUtf8Content(content);
+
+  const event = {
+    kind: schema?.kind ?? 7,
+    pubkey,
+    created_at,
+    tags,
+    content: resolvedContent,
+  };
+
+  if (isDevMode) {
+    validateEventAgainstSchema(NOTE_TYPES.VIDEO_REACTION, event);
+  }
+
+  return event;
+}
+
+export function buildCommentEvent(params) {
+  const {
+    pubkey,
+    created_at,
+    videoEventId = "",
+    videoEventRelay = "",
+    videoDefinitionAddress = "",
+    videoDefinitionRelay = "",
+    rootIdentifier = "",
+    rootIdentifierRelay = "",
+    parentCommentId = "",
+    parentCommentRelay = "",
+    threadParticipantPubkey = "",
+    threadParticipantRelay = "",
+    rootKind,
+    rootAuthorPubkey = "",
+    rootAuthorRelay = "",
+    parentKind,
+    parentAuthorPubkey = "",
+    parentAuthorRelay = "",
+    parentIdentifier = "",
+    parentIdentifierRelay = "",
+    additionalTags = [],
+    content = "",
+  } = params || {};
+  const schema = getNostrEventSchema(NOTE_TYPES.VIDEO_COMMENT);
+  const tags = [];
+
+  const normalizeString = (value) =>
+    typeof value === "string" ? value.trim() : "";
+
+  const normalizedVideoEventId = normalizeString(videoEventId);
+  const normalizedVideoEventRelay = normalizeString(videoEventRelay);
+  const normalizedVideoDefinitionAddress = normalizeString(videoDefinitionAddress);
+  const normalizedVideoDefinitionRelay = normalizeString(videoDefinitionRelay);
+  const normalizedRootIdentifier = normalizeString(rootIdentifier);
+  const normalizedRootIdentifierRelay = normalizeString(rootIdentifierRelay);
+  const normalizedParentCommentId = normalizeString(parentCommentId);
+  const normalizedParentCommentRelay = normalizeString(parentCommentRelay);
+  const normalizedParentIdentifier = normalizeString(parentIdentifier);
+  const normalizedParentIdentifierRelay = normalizeString(parentIdentifierRelay);
+  const normalizedThreadParticipantPubkey = normalizeString(
+    threadParticipantPubkey,
+  );
+  const normalizedThreadParticipantRelay = normalizeString(
+    threadParticipantRelay,
+  );
+
+  let resolvedRootKind = normalizeString(rootKind);
+  let resolvedRootAuthorPubkey = normalizeString(rootAuthorPubkey);
+  let resolvedRootAuthorRelay = normalizeString(rootAuthorRelay);
+
+  if (normalizedVideoDefinitionAddress) {
+    const definitionSegments = normalizedVideoDefinitionAddress.split(":");
+    if (!resolvedRootKind && definitionSegments[0]) {
+      resolvedRootKind = definitionSegments[0];
+    }
+    if (!resolvedRootAuthorPubkey && definitionSegments[1]) {
+      resolvedRootAuthorPubkey = definitionSegments[1];
+    }
+    if (!resolvedRootAuthorRelay && normalizedVideoDefinitionRelay) {
+      resolvedRootAuthorRelay = normalizedVideoDefinitionRelay;
+    }
+  }
+
+  let resolvedParentAuthorPubkey = normalizeString(parentAuthorPubkey);
+  if (!resolvedParentAuthorPubkey) {
+    resolvedParentAuthorPubkey = normalizedThreadParticipantPubkey;
+  }
+
+  let resolvedParentAuthorRelay = normalizeString(parentAuthorRelay);
+  if (!resolvedParentAuthorRelay) {
+    resolvedParentAuthorRelay = normalizedThreadParticipantRelay;
+  }
+
+  if (!resolvedRootAuthorPubkey && !normalizedParentCommentId) {
+    resolvedRootAuthorPubkey = resolvedParentAuthorPubkey;
+  }
+  if (!resolvedRootAuthorRelay && !normalizedParentCommentId) {
+    resolvedRootAuthorRelay = resolvedParentAuthorRelay;
+  }
+
+  if (!resolvedParentAuthorPubkey && !normalizedParentCommentId) {
+    resolvedParentAuthorPubkey = resolvedRootAuthorPubkey;
+  }
+  if (!resolvedParentAuthorRelay && !normalizedParentCommentId) {
+    resolvedParentAuthorRelay = resolvedRootAuthorRelay;
+  }
+
+  let resolvedParentKind = normalizeString(parentKind);
+  if (!resolvedParentKind) {
+    if (normalizedParentCommentId) {
+      resolvedParentKind = String(schema?.kind ?? 1111);
+    } else if (resolvedRootKind) {
+      resolvedParentKind = resolvedRootKind;
+    }
+  }
+
+  if (!resolvedRootKind) {
+    resolvedRootKind = resolvedParentKind;
+  }
+
+  const rootDefinitionPointerTagName = schema?.rootDefinitionPointerTagName || "A";
+  const rootEventPointerTagName = schema?.rootEventPointerTagName || "E";
+  const rootIdentifierPointerTagName = schema?.rootIdentifierPointerTagName || "I";
+  const rootKindTagName = schema?.rootKindTagName || "K";
+  const rootAuthorTagName = schema?.rootAuthorTagName || "P";
+  const parentIdentifierTagName = schema?.parentIdentifierTagName || "I";
+  const videoDefinitionTagName = schema?.videoDefinitionTagName || "A";
+  const videoEventTagName = schema?.videoEventTagName || "E";
+  const parentCommentTagName = schema?.parentCommentTagName || "E";
+  const parentAuthorTagName = schema?.parentAuthorTagName || "P";
+  const parentKindTagName = schema?.parentKindTagName || "K";
+
+  const appendPointerTag = (tagName, value, relay, authorHint) => {
+    if (!tagName || !value) {
+      return;
+    }
+    const tag = [tagName, value];
+    if (relay) {
+      tag.push(relay);
+    }
+    if (authorHint) {
+      tag.push(authorHint);
+    }
+    const isDuplicate = tags.some(
+      (existing) =>
+        existing.length === tag.length &&
+        existing.every((val, index) => val === tag[index]),
+    );
+    if (!isDuplicate) {
+      tags.push(tag);
+    }
+  };
+
+  if (normalizedRootIdentifier) {
+    appendPointerTag(
+      rootIdentifierPointerTagName,
+      normalizedRootIdentifier,
+      normalizedRootIdentifierRelay,
+    );
+  } else if (normalizedVideoDefinitionAddress) {
+    appendPointerTag(
+      rootDefinitionPointerTagName,
+      normalizedVideoDefinitionAddress,
+      normalizedVideoDefinitionRelay,
+    );
+  } else if (normalizedVideoEventId) {
+    appendPointerTag(
+      rootEventPointerTagName,
+      normalizedVideoEventId,
+      normalizedVideoEventRelay,
+      resolvedRootAuthorPubkey,
+    );
+  }
+
+  if (rootKindTagName && resolvedRootKind) {
+    tags.push([rootKindTagName, resolvedRootKind]);
+  }
+
+  if (rootAuthorTagName && resolvedRootAuthorPubkey) {
+    if (resolvedRootAuthorRelay) {
+      tags.push([rootAuthorTagName, resolvedRootAuthorPubkey, resolvedRootAuthorRelay]);
+    } else {
+      tags.push([rootAuthorTagName, resolvedRootAuthorPubkey]);
+    }
+  }
+
+  const shouldAppendVideoEventTag =
+    Boolean(videoEventTagName) && Boolean(normalizedVideoEventId);
+
+  if (shouldAppendVideoEventTag) {
+    appendPointerTag(
+      videoEventTagName,
+      normalizedVideoEventId,
+      normalizedVideoEventRelay,
+    );
+  }
+
+  if (videoDefinitionTagName && normalizedVideoDefinitionAddress) {
+    appendPointerTag(
+      videoDefinitionTagName,
+      normalizedVideoDefinitionAddress,
+      normalizedVideoDefinitionRelay,
+    );
+  }
+
+  if (normalizedParentIdentifier) {
+    appendPointerTag(
+      parentIdentifierTagName,
+      normalizedParentIdentifier,
+      normalizedParentIdentifierRelay,
+    );
+  }
+
+  if (parentCommentTagName && normalizedParentCommentId) {
+    appendPointerTag(
+      parentCommentTagName,
+      normalizedParentCommentId,
+      normalizedParentCommentRelay,
+      resolvedParentAuthorPubkey,
+    );
+  }
+
+  if (parentKindTagName && resolvedParentKind) {
+    tags.push([parentKindTagName, resolvedParentKind]);
+  }
+
+  if (parentAuthorTagName && resolvedParentAuthorPubkey) {
+    const existingParentAuthorTag = tags.find(
+      (tag) => Array.isArray(tag) && tag[0] === parentAuthorTagName && tag[1] === resolvedParentAuthorPubkey,
+    );
+    if (!existingParentAuthorTag) {
+      if (resolvedParentAuthorRelay) {
+        tags.push([parentAuthorTagName, resolvedParentAuthorPubkey, resolvedParentAuthorRelay]);
+      } else {
+        tags.push([parentAuthorTagName, resolvedParentAuthorPubkey]);
+      }
+    } else if (resolvedParentAuthorRelay) {
+      if (existingParentAuthorTag.length < 3) {
+        existingParentAuthorTag.push(resolvedParentAuthorRelay);
+      } else if (existingParentAuthorTag[2] !== resolvedParentAuthorRelay) {
+        existingParentAuthorTag[2] = resolvedParentAuthorRelay;
+      }
+    }
+  }
+
+  const sanitizedAdditionalTags = sanitizeAdditionalTags(additionalTags);
+  if (sanitizedAdditionalTags.length) {
+    tags.push(...sanitizedAdditionalTags.map((tag) => tag.slice()));
+  }
+
+  appendSchemaTags(tags, schema);
+
+  const resolvedContent = ensureValidUtf8Content(content);
+
+  const event = {
+    kind: schema?.kind ?? 1111,
+    pubkey,
+    created_at,
+    tags,
+    content: resolvedContent,
+  };
+
+  if (isDevMode) {
+    validateEventAgainstSchema(NOTE_TYPES.VIDEO_COMMENT, event);
+  }
+
+  return event;
+}
+
+export function buildWatchHistoryEvent(params) {
+  const {
+    pubkey,
+    created_at,
+    monthIdentifier,
+    pointerTags = [],
+    content,
+  } = params || {};
+  const schema = getNostrEventSchema(NOTE_TYPES.WATCH_HISTORY);
+  const tags = [];
+  const identifierName = schema?.identifierTag?.name || "d";
+
+  const identifierValue =
+    (typeof monthIdentifier === "string" && monthIdentifier.trim()) ||
+    schema?.identifierTag?.value;
+
+  if (identifierName && identifierValue) {
+    tags.push([identifierName, identifierValue]);
+  }
+  const monthTagName = schema?.monthTagName || "month";
+  if (monthTagName && identifierValue) {
+    tags.push([monthTagName, identifierValue]);
+  }
+  if (Array.isArray(pointerTags)) {
+    pointerTags.forEach((tag) => {
+      if (Array.isArray(tag) && tag.length >= 2) {
+        tags.push(tag.map((value) => (typeof value === "string" ? value : String(value))));
+      }
+    });
+  }
+
+  appendSchemaTags(tags, schema);
+
+  const event = {
+    kind: schema?.kind ?? WATCH_HISTORY_KIND,
+    pubkey,
+    created_at: Number.isFinite(created_at) ? created_at : Math.floor(Date.now() / 1000),
+    tags,
+    content: safeStringify(content),
+  };
+
+  if (isDevMode) {
+    validateEventAgainstSchema(NOTE_TYPES.WATCH_HISTORY, event);
+  }
+
+  return event;
+}
+
+export function buildSubscriptionListEvent(params) {
+  const {
+    pubkey,
+    created_at,
+    content,
+    encryption,
+  } = params || {};
+  const schema = getNostrEventSchema(NOTE_TYPES.SUBSCRIPTION_LIST);
+  const tags = [];
+  const identifierName = schema?.identifierTag?.name || "d";
+  const identifierValue = schema?.identifierTag?.value || SUBSCRIPTION_LIST_IDENTIFIER;
+  if (identifierName && identifierValue) {
+    tags.push([identifierName, identifierValue]);
+  }
+  const normalizedEncryption =
+    typeof encryption === "string" ? encryption.trim() : "";
+  if (normalizedEncryption) {
+    tags.push(["encrypted", normalizedEncryption]);
+  }
+  appendSchemaTags(tags, schema);
+
+  const event = {
+    kind: schema?.kind ?? 30000,
+    pubkey,
+    created_at,
+    tags,
+    content: safeStringify(content),
+  };
+
+  if (isDevMode) {
+    validateEventAgainstSchema(NOTE_TYPES.SUBSCRIPTION_LIST, event);
+  }
+
+  return event;
+}
+
+export function buildBlockListEvent(params) {
+  const {
+    pubkey,
+    created_at,
+    content,
+    encryption,
+  } = params || {};
+  const schema = getNostrEventSchema(NOTE_TYPES.USER_BLOCK_LIST);
+  const tags = [];
+  const identifierName = schema?.identifierTag?.name || "d";
+  const identifierValue = schema?.identifierTag?.value || BLOCK_LIST_IDENTIFIER;
+  if (identifierName && identifierValue) {
+    tags.push([identifierName, identifierValue]);
+  }
+  const normalizedEncryption =
+    typeof encryption === "string" ? encryption.trim() : "";
+  if (normalizedEncryption) {
+    tags.push(["encrypted", normalizedEncryption]);
+  }
+  appendSchemaTags(tags, schema);
+
+  const event = {
+    kind: schema?.kind ?? 10000,
+    pubkey,
+    created_at,
+    tags,
+    content: safeStringify(content),
+  };
+
+  if (isDevMode) {
+    validateEventAgainstSchema(NOTE_TYPES.USER_BLOCK_LIST, event);
+  }
+
+  return event;
+}
+
+export function buildHashtagPreferenceEvent(params) {
+  const {
+    pubkey,
+    created_at,
+    content,
+  } = params || {};
+  const schema = getNostrEventSchema(NOTE_TYPES.HASHTAG_PREFERENCES);
+  const tags = [];
+  const identifierName = schema?.identifierTag?.name || "d";
+  const identifierValue = schema?.identifierTag?.value || "bitvid:tag-preferences";
+  if (identifierName && identifierValue) {
+    tags.push([identifierName, identifierValue]);
+  }
+  appendSchemaTags(tags, schema);
+
+  const event = {
+    kind: schema?.kind ?? 30015,
+    pubkey,
+    created_at,
+    tags,
+    content: safeStringify(content),
+  };
+
+  if (isDevMode) {
+    validateEventAgainstSchema(NOTE_TYPES.HASHTAG_PREFERENCES, event);
+  }
+
+  return event;
+}
+
+function resolveAdminNoteType(listKey) {
+  switch (listKey) {
+    case "moderation":
+    case "editors":
+      return NOTE_TYPES.ADMIN_MODERATION_LIST;
+    case "whitelist":
+      return NOTE_TYPES.ADMIN_WHITELIST;
+    case "blacklist":
+      return NOTE_TYPES.ADMIN_BLACKLIST;
+    default:
+      return null;
+  }
+}
+
+export function buildAdminListEvent(listKey, params) {
+  const {
+    pubkey,
+    created_at,
+    hexPubkeys = []
+  } = params || {};
+  const schema = getNostrEventSchema(resolveAdminNoteType(listKey));
+  if (!schema) {
+    devLogger.warn(
+      `[nostrEventSchemas] Unknown admin list key: ${safeStringify(listKey)}`,
+    );
+    return {
+      kind: 30000,
+      pubkey,
+      created_at,
+      tags: [],
+      content: "",
+    };
+  }
+
+  const tags = [];
+  if (schema?.identifierTag?.name && schema?.identifierTag?.value) {
+    tags.push([schema.identifierTag.name, schema.identifierTag.value]);
+  }
+  const participantTagName = schema?.participantTagName || "p";
+  if (Array.isArray(hexPubkeys)) {
+    hexPubkeys.forEach((hex) => {
+      if (typeof hex === "string" && hex.trim()) {
+        tags.push([participantTagName, hex.trim()]);
+      }
+    });
+  }
+  appendSchemaTags(tags, schema);
+
+  const event = {
+    kind: schema?.kind ?? 30000,
+    pubkey,
+    created_at,
+    tags,
+    content: "",
+  };
+
+  if (isDevMode) {
+    const resolvedType = resolveAdminNoteType(listKey);
+    if (resolvedType) {
+      validateEventAgainstSchema(resolvedType, event);
+    }
+  }
+
+  return event;
+}
+
+function hasTag(tags, tagName, tagValue = null) {
+  if (!Array.isArray(tags)) return false;
+  return tags.some(
+    (tag) =>
+      Array.isArray(tag) &&
+      tag[0] === tagName &&
+      (tagValue === null || tag[1] === tagValue)
+  );
+}
+
+function hasTagName(tags, tagName) {
+  if (!Array.isArray(tags)) return false;
+  return tags.some((tag) => {
+    if (!Array.isArray(tag) || tag[0] !== tagName) {
+      return false;
+    }
+    if (tag.length < 2 || typeof tag[1] !== "string") {
+      return false;
+    }
+    return tag[1].trim().length > 0;
+  });
+}
+
+export function validateEventStructure(type, event) {
+  const schema = getNostrEventSchema(type);
+  const errors = [];
+
+  if (!event || typeof event !== "object") {
+    return { valid: false, errors: ["Event is null or not an object"] };
+  }
+
+  if (!schema) {
+    return { valid: false, errors: [`Unknown note type: ${type}`] };
+  }
+
+  if (event.kind !== schema.kind) {
+    errors.push(
+      `Kind mismatch for ${type}: expected ${schema.kind}, got ${event.kind}`
+    );
+  }
+
+  if (schema.topicTag) {
+    if (!hasTag(event.tags, schema.topicTag.name, schema.topicTag.value)) {
+      errors.push(
+        `Missing topic tag for ${type}: ${schema.topicTag.name}=${schema.topicTag.value}`
+      );
+    }
+  }
+
+  if (schema.identifierTag) {
+    const expectedValue = schema.identifierTag.value;
+    if (!hasTag(event.tags, schema.identifierTag.name, expectedValue)) {
+      errors.push(
+        `Missing identifier tag for ${type}: ${schema.identifierTag.name}${
+          expectedValue ? "=" + expectedValue : ""
+        }`
+      );
+    }
+  }
+
+  if (Array.isArray(schema.requiredTagNames)) {
+    schema.requiredTagNames.forEach((tagName) => {
+      if (!hasTagName(event.tags, tagName)) {
+        errors.push(`Missing required tag for ${type}: ${tagName}`);
+      }
+    });
+  }
+
+  if (schema.appendTags) {
+    schema.appendTags.forEach((appendTag) => {
+      if (Array.isArray(appendTag) && appendTag.length >= 2) {
+        const tagName = appendTag[0];
+        const tagValue = appendTag[1];
+        if (!hasTag(event.tags, tagName, tagValue)) {
+          errors.push(
+            `Missing append tag for ${type}: ${tagName}=${tagValue}`
+          );
+        }
+      }
+    });
+  }
+
+  if (schema.content) {
+    if (schema.content.format === "json") {
+      let parsed = null;
+      try {
+        parsed = JSON.parse(event.content);
+      } catch (e) {
+        errors.push(`Content is not valid JSON for ${type}`);
+      }
+
+      if (parsed && schema.content.fields) {
+        schema.content.fields.forEach((field) => {
+          const value = parsed[field.key];
+          if (field.required && (value === undefined || value === null)) {
+            errors.push(`Missing required field in JSON content: ${field.key}`);
+          }
+          if (
+            value !== undefined &&
+            value !== null &&
+            field.type &&
+            typeof value !== field.type
+          ) {
+            errors.push(
+              `Field '${field.key}' should be of type ${field.type}, got ${typeof value}`
+            );
+          }
+        });
+      }
+    } else if (schema.content.format === "empty") {
+      if (event.content !== "") {
+        errors.push(`Content should be empty for ${type}`);
+      }
+    }
+  }
+
+  return { valid: errors.length === 0, errors };
+}
+
+export function validateEventAgainstSchema(type, event) {
+  if (!isDevMode || !event) return;
+
+  const { valid, errors } = validateEventStructure(type, event);
+  if (!valid) {
+    errors.forEach((msg) => devLogger.warn(`[schema] ${msg}`));
+  }
+}
+
+if (typeof window !== "undefined") {
+  window.bitvidNostrEvents = {
+    NOTE_TYPES,
+    getSchema: getNostrEventSchema,
+    getAllSchemas: getAllNostrEventSchemas,
+    setOverrides: setNostrEventSchemaOverrides,
+    validateEvent: validateEventAgainstSchema,
+    validateEventStructure,
+  };
+}
diff --git a/dist/js/nostrPublish.js b/dist/js/nostrPublish.js
new file mode 100644
index 00000000..ab2237de
--- /dev/null
+++ b/dist/js/nostrPublish.js
@@ -0,0 +1,201 @@
+import { isDevMode } from "./config.js";
+import { devLogger } from "./utils/logger.js";
+
+export const RELAY_PUBLISH_TIMEOUT_MS = 10_000;
+
+function normalizeReason(error) {
+  if (error instanceof Error) {
+    return error.message || "publish failed";
+  }
+  if (typeof error === "string" && error.trim()) {
+    return error.trim();
+  }
+  if (error === undefined || error === null) {
+    return "publish failed";
+  }
+  try {
+    return JSON.stringify(error);
+  } catch (_) {
+    return String(error);
+  }
+}
+
+export class RelayPublishError extends Error {
+  constructor(message, results = [], options = {}) {
+    const finalMessage =
+      typeof message === "string" && message.trim()
+        ? message.trim()
+        : "Failed to publish event to any relay.";
+    super(finalMessage);
+    this.name = "RelayPublishError";
+
+    const contextValue =
+      typeof options.context === "string" && options.context.trim()
+        ? options.context.trim()
+        : null;
+    if (contextValue) {
+      this.context = contextValue;
+    }
+
+    this.relayResults = Array.isArray(results)
+      ? results.map((result) => ({
+          url: result?.url || "",
+          success: !!result?.success,
+          error: result?.error || null,
+          reason: normalizeReason(result?.error),
+        }))
+      : [];
+
+    this.relayFailures = this.relayResults
+      .filter((entry) => !entry.success)
+      .map((entry) => ({
+        url: entry.url,
+        error: entry.error,
+        reason: entry.reason,
+      }));
+
+    this.acceptedRelays = this.relayResults
+      .filter((entry) => entry.success)
+      .map((entry) => entry.url);
+  }
+}
+
+export function publishEventToRelay(pool, url, event, options = {}) {
+  const timeoutMs =
+    typeof options.timeoutMs === "number" && options.timeoutMs > 0
+      ? options.timeoutMs
+      : RELAY_PUBLISH_TIMEOUT_MS;
+
+  return new Promise((resolve) => {
+    let settled = false;
+    const finalize = (success, error = null) => {
+      if (settled) {
+        return;
+      }
+      settled = true;
+      resolve({ url, success, error });
+    };
+
+    const timeoutId = setTimeout(() => {
+      finalize(false, new Error("publish timeout"));
+    }, timeoutMs);
+
+    try {
+      const pub = pool?.publish?.([url], event);
+
+      if (pub && typeof pub.on === "function") {
+        const registerHandler = (eventName, handler) => {
+          try {
+            pub.on(eventName, handler);
+            return true;
+          } catch (error) {
+            devLogger.warn(
+            `[nostrPublish] Relay publish handle rejected ${eventName} listener:`,
+            error,
+            );
+            return false;
+          }
+        };
+
+        const handleSuccess = () => {
+          clearTimeout(timeoutId);
+          finalize(true);
+        };
+
+        const handleFailure = (reason) => {
+          clearTimeout(timeoutId);
+          const err =
+            reason instanceof Error
+              ? reason
+              : new Error(String(reason || "publish failed"));
+          finalize(false, err);
+        };
+
+        let handlerRegistered = false;
+        handlerRegistered =
+          registerHandler("ok", handleSuccess) || handlerRegistered;
+        handlerRegistered =
+          registerHandler("failed", handleFailure) || handlerRegistered;
+
+        // nostr-tools@1.8 removed the optional "seen" callback from relay
+        // publish handles. Attempting to register it now produces an
+        // asynchronous TypeError that bubbles up as an unhandled rejection and
+        // prevents watch-history snapshots from ever resolving. We therefore
+        // skip registering a "seen" listener and rely on "ok" (per NIP-20) for
+        // success notifications. Legacy relays that only emit "seen" fall back
+        // to the optimistic success path below because no handlers end up
+        // registered.
+
+        if (handlerRegistered) {
+          return;
+        }
+      }
+
+      if (pub && typeof pub.then === "function") {
+        pub
+          .then(() => {
+            clearTimeout(timeoutId);
+            finalize(true);
+          })
+          .catch((error) => {
+            clearTimeout(timeoutId);
+            finalize(false, error);
+          });
+        return;
+      }
+    } catch (error) {
+      clearTimeout(timeoutId);
+      finalize(false, error);
+      return;
+    }
+
+    clearTimeout(timeoutId);
+    finalize(true);
+  });
+}
+
+export function publishEventToRelays(pool, urls, event, options = {}) {
+  const list = Array.isArray(urls) ? urls : [];
+  return Promise.all(
+    list.map((url) => publishEventToRelay(pool, url, event, options)),
+  );
+}
+
+export function summarizePublishResults(results = []) {
+  const accepted = [];
+  const failed = [];
+
+  for (const result of results) {
+    if (result?.success) {
+      accepted.push(result);
+    } else {
+      failed.push(result);
+    }
+  }
+
+  return { accepted, failed };
+}
+
+export function assertAnyRelayAccepted(results = [], options = {}) {
+  const summary = summarizePublishResults(results);
+  if (summary.accepted.length > 0) {
+    return summary;
+  }
+
+  const contextValue =
+    typeof options.context === "string" && options.context.trim()
+      ? options.context.trim()
+      : "";
+  const messageOverride =
+    typeof options.message === "string" && options.message.trim()
+      ? options.message.trim()
+      : "";
+
+  const message =
+    messageOverride ||
+    (contextValue
+      ? `Failed to publish ${contextValue} to any relay.`
+      : "Failed to publish event to any relay.");
+
+  throw new RelayPublishError(message, results, { context: contextValue });
+}
diff --git a/dist/js/nostrToolsBootstrap.js b/dist/js/nostrToolsBootstrap.js
new file mode 100644
index 00000000..d805b07c
--- /dev/null
+++ b/dist/js/nostrToolsBootstrap.js
@@ -0,0 +1,699 @@
+import { devLogger, userLogger } from "./utils/logger.js";
+const REMOTE_IMPORT_TIMEOUT = 4500;
+const LOCAL_IMPORT_TIMEOUT = 2500;
+const NODE_IMPORT_TIMEOUT = 1500;
+const SCRIPT_FALLBACK_TIMEOUT = 6000;
+const CDN_BUNDLE_URL =
+  "https://cdn.jsdelivr.net/npm/nostr-tools@2.17.0/lib/nostr.bundle.min.js";
+const LOCAL_BUNDLE_RELATIVE_URL = "../vendor/nostr-tools.bundle.min.js";
+
+const moduleUrl =
+  typeof import.meta !== "undefined" && import.meta?.url ? import.meta.url : null;
+
+const resolveRelativeUrl = (relativePath) => {
+  if (!relativePath) {
+    return relativePath;
+  }
+  if (/^[a-zA-Z][a-zA-Z\d+.-]*:/.test(relativePath)) {
+    return relativePath;
+  }
+  if (moduleUrl) {
+    try {
+      return new URL(relativePath, moduleUrl).href;
+    } catch (error) {
+      // Fall through to other resolution strategies
+    }
+  }
+  if (typeof window !== "undefined" && window?.location?.href) {
+    try {
+      return new URL(relativePath, window.location.href).href;
+    } catch (error) {
+      return relativePath;
+    }
+  }
+  return relativePath;
+};
+
+const LOCAL_BUNDLE_URL = resolveRelativeUrl(LOCAL_BUNDLE_RELATIVE_URL);
+
+let bootstrapPromise = null;
+
+const getGlobalScope = () => {
+  if (typeof window !== "undefined") {
+    return window;
+  }
+  if (typeof globalThis !== "undefined") {
+    return globalThis;
+  }
+  return null;
+};
+
+const hasWorkingNip04 = (candidate) =>
+  !!(
+    candidate &&
+    typeof candidate === "object" &&
+    typeof candidate.encrypt === "function" &&
+    typeof candidate.decrypt === "function"
+  );
+
+const hasWorkingNip44 = (candidate) =>
+  !!(
+    candidate &&
+    typeof candidate === "object" &&
+    ((
+      typeof candidate.encrypt === "function" &&
+      typeof candidate.decrypt === "function"
+    ) ||
+      (candidate.v2 &&
+        typeof candidate.v2 === "object" &&
+        typeof candidate.v2.encrypt === "function" &&
+        typeof candidate.v2.decrypt === "function"))
+  );
+
+const selectNip44Candidate = (moduleLike) => {
+  if (!moduleLike || typeof moduleLike !== "object") {
+    return null;
+  }
+
+  if (hasWorkingNip44(moduleLike.nip44)) {
+    return moduleLike.nip44;
+  }
+
+  if (hasWorkingNip44(moduleLike.default)) {
+    return moduleLike.default;
+  }
+
+  if (hasWorkingNip44(moduleLike)) {
+    return moduleLike;
+  }
+
+  return null;
+};
+
+const toSerializableError = (error) => {
+  if (!error) {
+    return null;
+  }
+  if (error instanceof Error) {
+    return {
+      message: error.message,
+      name: error.name,
+    };
+  }
+  if (typeof error === "string") {
+    return { message: error };
+  }
+  try {
+    return { ...error };
+  } catch (serializationError) {
+    return { message: String(error) };
+  }
+};
+
+const withTimeout = (factory, ms, label) =>
+  new Promise((resolve) => {
+    const start = Date.now();
+    let settled = false;
+    let timeoutId;
+    const finalize = (result) => {
+      if (settled) {
+        return;
+      }
+      settled = true;
+      clearTimeout(timeoutId);
+      resolve({
+        label,
+        duration: Date.now() - start,
+        ...result,
+      });
+    };
+
+    const runner = Promise.resolve().then(factory);
+
+    timeoutId = setTimeout(() => {
+      finalize({
+        ok: false,
+        timedOut: true,
+        error: new Error(
+          `[bitvid][nostr-tools] ${label} timed out after ${ms}ms`
+        ),
+      });
+      runner.catch(() => {});
+    }, ms);
+
+    runner.then(
+      (value) => finalize({ ok: true, value, timedOut: false }),
+      (error) => finalize({ ok: false, error, timedOut: false })
+    );
+  });
+
+const discoverLocalEntrypoints = (scope) => {
+  if (!scope || typeof scope !== "object") {
+    return [];
+  }
+
+  const entrypoints = [];
+  const configuredEntrypoints = scope.__BITVID_LOCAL_NOSTR_TOOLS_ENTRY__;
+  if (typeof configuredEntrypoints === "string") {
+    entrypoints.push(configuredEntrypoints);
+  } else if (Array.isArray(configuredEntrypoints)) {
+    configuredEntrypoints
+      .filter((candidate) => typeof candidate === "string" && candidate)
+      .forEach((candidate) => entrypoints.push(candidate));
+  }
+
+  if (scope.document) {
+    const localScripts = scope.document.querySelectorAll(
+      "script[data-nostr-tools-entry]"
+    );
+    localScripts.forEach((script) => {
+      const candidate = script.getAttribute("data-nostr-tools-entry");
+      if (candidate) {
+        entrypoints.push(candidate);
+      }
+    });
+  }
+
+  return Array.from(new Set(entrypoints));
+};
+
+const extractToolsFromModule = (moduleLike) => {
+  if (!moduleLike || typeof moduleLike !== "object") {
+    return null;
+  }
+  const { default: defaultExport, ...named } = moduleLike;
+  if (defaultExport && typeof defaultExport === "object") {
+    return { ...defaultExport, ...named };
+  }
+  return { ...named };
+};
+
+const ensureGlobalReadyPromise = (scope, promise) => {
+  if (!scope || typeof scope !== "object") {
+    return;
+  }
+  try {
+    Object.defineProperty(scope, "nostrToolsReady", {
+      configurable: true,
+      enumerable: false,
+      writable: true,
+      value: promise,
+    });
+  } catch (error) {
+    scope.nostrToolsReady = promise;
+  }
+};
+
+const loadScriptBundle = (scope, url, label) => {
+  if (!scope?.document) {
+    return Promise.resolve({
+      label,
+      ok: false,
+      timedOut: false,
+      duration: 0,
+      error: new Error("Document is unavailable for script loading."),
+    });
+  }
+
+  return withTimeout(
+    () =>
+      new Promise((resolve, reject) => {
+        const { document } = scope;
+        const target = document.head || document.body || document.documentElement;
+        if (!target) {
+          reject(new Error("Unable to locate a DOM target for script injection."));
+          return;
+        }
+
+        const script = document.createElement("script");
+        script.async = true;
+        script.src = url;
+        script.crossOrigin = "anonymous";
+
+        const cleanup = () => {
+          script.onload = null;
+          script.onerror = null;
+          if (script.parentNode) {
+            script.parentNode.removeChild(script);
+          }
+        };
+
+        script.onload = () => {
+          cleanup();
+          resolve(scope?.NostrTools || null);
+        };
+        script.onerror = (event) => {
+          cleanup();
+          if (event?.error instanceof Error) {
+            reject(event.error);
+          } else {
+            reject(new Error(`nostr-tools bundle failed to load: ${url}`));
+          }
+        };
+
+        target.appendChild(script);
+      }),
+    SCRIPT_FALLBACK_TIMEOUT,
+    label
+  );
+};
+
+const createMockToolkit = () => ({
+  SimplePool: class MockSimplePool {
+    sub() {
+      return { on: () => {}, off: () => {}, unsub: () => {} };
+    }
+    list() {
+      return Promise.resolve([]);
+    }
+    publish() {
+      return Promise.resolve();
+    }
+    get() {
+      return Promise.resolve(null);
+    }
+    ensureRelay() {
+      return Promise.resolve({ connect: () => Promise.resolve() });
+    }
+  },
+  nip19: {
+    decode: () => ({ type: "npub", data: "mock" }),
+    npubEncode: () => "npub1mock",
+    neventEncode: () => "nevent1mock",
+    naddrEncode: () => "naddr1mock",
+    nprofileEncode: () => "nprofile1mock",
+  },
+  nip04: {
+    encrypt: async () => "mock_ciphertext",
+    decrypt: async () => "mock_plaintext",
+  },
+  nip44: {
+    v2: {
+      encrypt: () => "mock_ciphertext",
+      decrypt: () => "mock_plaintext",
+    },
+    encrypt: () => "mock_ciphertext",
+    decrypt: () => "mock_plaintext",
+  },
+  getPublicKey: () => "mock_pubkey",
+  generateSecretKey: () => new Uint8Array(32),
+  generatePrivateKey: () => "mock_private_key",
+  finalizeEvent: () => ({ id: "mock_id", sig: "mock_sig" }),
+  verifyEvent: () => true,
+});
+
+export function bootstrapNostrTools() {
+  if (bootstrapPromise) {
+    return bootstrapPromise;
+  }
+
+  const scope = getGlobalScope();
+
+  bootstrapPromise = (async () => {
+    // Test Environment / Fallback Guard
+    // If we are clearly in a test runner that doesn't support remote fetching,
+    // we return a mock immediately to avoid timeouts.
+    const isTestEnv =
+      (typeof process !== "undefined" && process.env?.NODE_ENV === "test") ||
+      (scope && scope.__TEST_MODE__);
+
+    if (!scope) {
+      if (isTestEnv) {
+        return createMockToolkit();
+      }
+      const error = {
+        ok: false,
+        reason: "Global scope is unavailable.",
+        attempts: [],
+      };
+      return error;
+    }
+
+    const attempts = [];
+
+    const isNodeLike =
+      typeof process !== "undefined" &&
+      !!process?.versions?.node &&
+      (!scope || typeof scope.document === "undefined");
+
+    const nodeImports = isNodeLike
+      ? [
+          withTimeout(
+            () => import("nostr-tools"),
+            NODE_IMPORT_TIMEOUT,
+            "node-main"
+          ),
+          withTimeout(
+            () => import("nostr-tools/nip04"),
+            NODE_IMPORT_TIMEOUT,
+            "node-nip04"
+          ),
+          withTimeout(
+            () => import("nostr-tools/nip44"),
+            NODE_IMPORT_TIMEOUT,
+            "node-nip44"
+          ),
+        ]
+      : [];
+
+    const remoteImports = [
+      withTimeout(
+        () => import("https://cdn.jsdelivr.net/npm/nostr-tools@2.17.0/+esm"),
+        REMOTE_IMPORT_TIMEOUT,
+        "jsdelivr-main"
+      ),
+      withTimeout(
+        () => import("https://esm.sh/nostr-tools@2.17.0"),
+        REMOTE_IMPORT_TIMEOUT,
+        "esm-main"
+      ),
+      withTimeout(
+        () =>
+          import(
+            "https://esm.sh/nostr-tools@2.17.0?target=es2022&exports=nip04"
+          ),
+        REMOTE_IMPORT_TIMEOUT,
+        "esm-nip04"
+      ),
+      withTimeout(
+        () =>
+          import(
+            "https://esm.sh/nostr-tools@2.17.0/nip44?target=es2022"
+          ),
+        REMOTE_IMPORT_TIMEOUT,
+        "esm-nip44"
+      ),
+    ];
+
+    const localEntrypoints = discoverLocalEntrypoints(scope);
+    const localImports = localEntrypoints.map((entry, index) =>
+      withTimeout(
+        () => import(entry),
+        LOCAL_IMPORT_TIMEOUT,
+        `local-${index}`
+      )
+    );
+
+    const dynamicResults = await Promise.allSettled([
+      ...nodeImports,
+      ...remoteImports,
+      ...localImports,
+    ]);
+
+    const resolvedModules = [];
+    let resolvedNip04 = null;
+    let resolvedNip44 = null;
+
+    dynamicResults.forEach((settledResult) => {
+      if (settledResult.status !== "fulfilled") {
+        return;
+      }
+      const result = settledResult.value;
+      attempts.push({
+        target: result.label,
+        ok: result.ok,
+        timedOut: !!result.timedOut,
+        duration: result.duration,
+        error: result.ok ? null : toSerializableError(result.error),
+      });
+      if (!result.ok) {
+        return;
+      }
+      if (result.label === "esm-nip04" && hasWorkingNip04(result.value?.nip04)) {
+        resolvedNip04 = result.value.nip04;
+        return;
+      }
+      if (!resolvedNip44 && result.label === "esm-nip44") {
+        const nip44Candidate = selectNip44Candidate(result.value);
+        if (nip44Candidate) {
+          resolvedNip44 = nip44Candidate;
+          return;
+        }
+      }
+      const extracted = extractToolsFromModule(result.value);
+      if (extracted && Object.keys(extracted).length > 0) {
+        resolvedModules.push({ source: result.label, tools: extracted });
+        if (!resolvedNip04 && hasWorkingNip04(extracted?.nip04)) {
+          resolvedNip04 = extracted.nip04;
+        }
+        if (!resolvedNip44) {
+          const nip44Candidate = selectNip44Candidate(extracted);
+          if (nip44Candidate) {
+            resolvedNip44 = nip44Candidate;
+          }
+        }
+      }
+    });
+
+    dynamicResults.forEach((settledResult) => {
+      if (settledResult.status !== "fulfilled") {
+        const { reason } = settledResult;
+        attempts.push({
+          target: "unknown",
+          ok: false,
+          timedOut: false,
+          duration: 0,
+          error: toSerializableError(reason),
+        });
+        return;
+      }
+      const result = settledResult.value;
+      if (result && !attempts.find((entry) => entry.target === result.label)) {
+        attempts.push({
+          target: result.label,
+          ok: result.ok,
+          timedOut: !!result.timedOut,
+          duration: result.duration,
+          error: result.ok ? null : toSerializableError(result.error),
+        });
+      }
+    });
+
+    const needsAdditionalCrypto = !resolvedNip04 || !resolvedNip44;
+
+    const allDynamicTimedOut =
+      attempts.length > 0 &&
+      attempts.every(
+        (attempt) =>
+          attempt &&
+          attempt.target &&
+          attempt.target.startsWith("esm")
+            ? attempt.timedOut
+            : true
+      );
+
+    const shouldAttemptScriptFallback =
+      !!scope.document &&
+      (resolvedModules.length === 0 || allDynamicTimedOut || needsAdditionalCrypto);
+
+    if (shouldAttemptScriptFallback) {
+      const scriptSources = [
+        LOCAL_BUNDLE_URL
+          ? { url: LOCAL_BUNDLE_URL, label: "local-bundle" }
+          : null,
+        { url: CDN_BUNDLE_URL, label: "cdn-bundle" },
+      ].filter(Boolean);
+
+      for (const source of scriptSources) {
+        const scriptLoadResult = await loadScriptBundle(
+          scope,
+          source.url,
+          source.label
+        );
+
+        attempts.push({
+          target: scriptLoadResult.label,
+          ok: scriptLoadResult.ok,
+          timedOut: !!scriptLoadResult.timedOut,
+          duration: scriptLoadResult.duration,
+          error: scriptLoadResult.ok
+            ? null
+            : toSerializableError(scriptLoadResult.error),
+        });
+
+        if (!scriptLoadResult.ok) {
+          continue;
+        }
+
+        const extracted = extractToolsFromModule(scriptLoadResult.value);
+        if (extracted && Object.keys(extracted).length > 0) {
+          resolvedModules.push({ source: source.label, tools: extracted });
+          if (!resolvedNip04 && hasWorkingNip04(extracted?.nip04)) {
+            resolvedNip04 = extracted.nip04;
+          }
+          if (!resolvedNip44) {
+            const nip44Candidate = selectNip44Candidate(extracted);
+            if (nip44Candidate) {
+              resolvedNip44 = nip44Candidate;
+            }
+          }
+          break;
+        }
+      }
+    }
+
+    const existingGlobalTools = scope?.NostrTools;
+    if (existingGlobalTools && typeof existingGlobalTools === "object") {
+      resolvedModules.push({ source: "global", tools: existingGlobalTools });
+      if (!resolvedNip04 && hasWorkingNip04(existingGlobalTools?.nip04)) {
+        resolvedNip04 = existingGlobalTools.nip04;
+      }
+      if (!resolvedNip44) {
+        const nip44Candidate = selectNip44Candidate(existingGlobalTools);
+        if (nip44Candidate) {
+          resolvedNip44 = nip44Candidate;
+        }
+      }
+    }
+
+    if (resolvedModules.length === 0 && !resolvedNip04 && !resolvedNip44) {
+      if (isTestEnv) {
+        return createMockToolkit();
+      }
+      const failure = {
+        ok: false,
+        reason: "Failed to resolve any nostr-tools helpers.",
+        attempts,
+      };
+      userLogger.warn("[bitvid] nostr-tools bootstrap failed", failure);
+      return failure;
+    }
+
+    const toolSources = resolvedModules.map((entry) => entry.tools);
+    const canonicalTools = Object.assign({}, ...toolSources);
+
+    const normalizedGeneratePrivateKey =
+      typeof canonicalTools.generatePrivateKey === "function"
+        ? canonicalTools.generatePrivateKey
+        : typeof canonicalTools.generateSecretKey === "function"
+        ? canonicalTools.generateSecretKey
+        : undefined;
+
+    const normalizedGenerateSecretKey =
+      typeof canonicalTools.generateSecretKey === "function"
+        ? canonicalTools.generateSecretKey
+        : typeof canonicalTools.generatePrivateKey === "function"
+        ? canonicalTools.generatePrivateKey
+        : undefined;
+
+    if (normalizedGeneratePrivateKey) {
+      canonicalTools.generatePrivateKey = normalizedGeneratePrivateKey;
+    }
+    if (normalizedGenerateSecretKey) {
+      canonicalTools.generateSecretKey = normalizedGenerateSecretKey;
+    }
+
+    if (resolvedNip04) {
+      canonicalTools.nip04 = resolvedNip04;
+      devLogger.info("[bitvid] Initialized nostr nip04 helpers.");
+    } else {
+      userLogger.warn(
+        "[bitvid] NIP-04 helpers unavailable after bootstrap attempts."
+      );
+    }
+
+    if (resolvedNip44) {
+      canonicalTools.nip44 = resolvedNip44;
+      devLogger.info("[bitvid] Initialized nostr nip44 helpers.");
+    } else {
+      userLogger.warn(
+        "[bitvid] NIP-44 helpers unavailable after bootstrap attempts."
+      );
+    }
+
+    const frozenCanonical = Object.freeze({ ...canonicalTools });
+
+    try {
+      Object.defineProperty(scope, "__BITVID_CANONICAL_NOSTR_TOOLS__", {
+        configurable: true,
+        enumerable: false,
+        writable: false,
+        value: frozenCanonical,
+      });
+    } catch (error) {
+      scope.__BITVID_CANONICAL_NOSTR_TOOLS__ = frozenCanonical;
+    }
+
+    let activeTools = canonicalTools;
+    const mergeWithCanonical = (candidate) => {
+      if (!candidate || typeof candidate !== "object") {
+        return activeTools;
+      }
+      const merged = Object.assign({}, frozenCanonical, candidate);
+      if (!merged.nip04 && frozenCanonical.nip04) {
+        merged.nip04 = frozenCanonical.nip04;
+      }
+      if (!merged.nip44 && frozenCanonical.nip44) {
+        merged.nip44 = frozenCanonical.nip44;
+      }
+      if (
+        typeof merged.generatePrivateKey !== "function" &&
+        typeof merged.generateSecretKey === "function"
+      ) {
+        merged.generatePrivateKey = merged.generateSecretKey;
+      }
+      if (
+        typeof merged.generateSecretKey !== "function" &&
+        typeof merged.generatePrivateKey === "function"
+      ) {
+        merged.generateSecretKey = merged.generatePrivateKey;
+      }
+      return merged;
+    };
+
+    const applyActive = (candidate) => {
+      activeTools = mergeWithCanonical(candidate);
+      return activeTools;
+    };
+
+    const existingDescriptor =
+      scope && typeof scope === "object"
+        ? Object.getOwnPropertyDescriptor(scope, "NostrTools")
+        : null;
+
+    const canInstallGuard =
+      !existingDescriptor || existingDescriptor.configurable === true;
+
+    if (canInstallGuard) {
+      try {
+        Object.defineProperty(scope, "NostrTools", {
+          configurable: true,
+          enumerable: true,
+          get() {
+            return activeTools;
+          },
+          set(value) {
+            applyActive(value);
+          },
+        });
+      } catch (error) {
+        userLogger.warn("[bitvid] Failed to install NostrTools guard.", error);
+      }
+    } else {
+      devLogger.info(
+        "[bitvid] Skipping NostrTools guard; existing property is non-configurable."
+      );
+    }
+
+    applyActive(existingGlobalTools);
+    scope.NostrTools = canonicalTools;
+
+    return frozenCanonical;
+  })()
+    .catch((error) => ({
+      ok: false,
+      reason: "nostr-tools bootstrap threw unexpectedly.",
+      error: toSerializableError(error),
+    }));
+
+  ensureGlobalReadyPromise(scope, bootstrapPromise);
+
+  return bootstrapPromise;
+}
+
+const nostrToolsReady = bootstrapNostrTools();
+
+export { nostrToolsReady };
+export default nostrToolsReady;
+
+await nostrToolsReady;
diff --git a/dist/js/nostrViewEventsFacade.js b/dist/js/nostrViewEventsFacade.js
new file mode 100644
index 00000000..606e329e
--- /dev/null
+++ b/dist/js/nostrViewEventsFacade.js
@@ -0,0 +1,27 @@
+// js/nostrViewEventsFacade.js
+//
+// Central export for NIP-71 view event helpers. Consumers can choose between
+// helpers that accept an explicit Nostr client and thin wrappers that call the
+// default client instance configured by the app shell.
+
+export {
+  recordVideoView as recordVideoViewWithDefaultClient,
+  listVideoViewEvents as listVideoViewEventsWithDefaultClient,
+  subscribeVideoViewEvents as subscribeVideoViewEventsWithDefaultClient,
+  countVideoViewEvents as countVideoViewEventsWithDefaultClient,
+} from "./nostr/viewEventBindings.js";
+
+export {
+  VIEW_EVENT_KIND,
+  createVideoViewEventFilters,
+  deriveViewEventBucketIndex,
+  deriveViewEventPointerScope,
+  getViewEventGuardWindowMs,
+  hasRecentViewPublish,
+  rememberViewPublish,
+  publishViewEvent,
+  recordVideoView,
+  listVideoViewEvents,
+  subscribeVideoViewEvents,
+  countVideoViewEvents,
+} from "./nostr/viewEvents.js";
diff --git a/dist/js/nostrWatchHistoryFacade.js b/dist/js/nostrWatchHistoryFacade.js
new file mode 100644
index 00000000..0af147d7
--- /dev/null
+++ b/dist/js/nostrWatchHistoryFacade.js
@@ -0,0 +1,10 @@
+// js/nostrWatchHistoryFacade.js
+//
+// Wrapper exports for watch history helpers that operate on the default Nostr
+// client instance. Future consumers should import from this module rather than
+// reaching into the binding layer directly.
+
+export {
+  updateWatchHistoryList as updateWatchHistoryListWithDefaultClient,
+  removeWatchHistoryItem as removeWatchHistoryItemWithDefaultClient,
+} from "./nostr/watchHistoryBindings.js";
diff --git a/dist/js/nwcSettings.js b/dist/js/nwcSettings.js
new file mode 100644
index 00000000..46dbface
--- /dev/null
+++ b/dist/js/nwcSettings.js
@@ -0,0 +1,369 @@
+import { userLogger } from "./utils/logger.js";
+const DB_NAME = "bitvidSettings";
+const DB_VERSION = 1;
+const STORE_NAME = "kv";
+const KEY_PREFIX = "nwcSettings:";
+const LOCALSTORAGE_PREFIX = "bitvid:nwcSettings:";
+const HEX64_REGEX = /^[0-9a-f]{64}$/i;
+const MIN_DEFAULT_ZAP = 0;
+const MAX_DEFAULT_ZAP = 100000000;
+
+const DEFAULT_SETTINGS = Object.freeze({
+  nwcUri: "",
+  defaultZap: null,
+  lastChecked: null,
+  version: "",
+});
+
+function createClone(value) {
+  return { ...value };
+}
+
+function isIndexedDbAvailable() {
+  try {
+    return typeof indexedDB !== "undefined";
+  } catch (error) {
+    return false;
+  }
+}
+
+function openSettingsDb() {
+  return new Promise((resolve, reject) => {
+    if (!isIndexedDbAvailable()) {
+      resolve(null);
+      return;
+    }
+
+    const request = indexedDB.open(DB_NAME, DB_VERSION);
+
+    request.onupgradeneeded = () => {
+      const db = request.result;
+      if (!db.objectStoreNames.contains(STORE_NAME)) {
+        db.createObjectStore(STORE_NAME);
+      }
+    };
+
+    request.onsuccess = () => {
+      resolve(request.result);
+    };
+
+    request.onerror = () => {
+      reject(request.error || new Error("Failed to open settings DB"));
+    };
+  });
+}
+
+function normalizePubkey(pubkey) {
+  if (typeof pubkey !== "string") {
+    return null;
+  }
+
+  const trimmed = pubkey.trim();
+  if (!trimmed) {
+    return null;
+  }
+
+  if (HEX64_REGEX.test(trimmed)) {
+    return trimmed.toLowerCase();
+  }
+
+  if (trimmed.startsWith("npub1") && typeof window !== "undefined") {
+    try {
+      const decoded = window?.NostrTools?.nip19?.decode?.(trimmed);
+      if (decoded?.type === "npub" && typeof decoded.data === "string") {
+        const hex = decoded.data.trim();
+        if (HEX64_REGEX.test(hex)) {
+          return hex.toLowerCase();
+        }
+      }
+    } catch (error) {
+      // Ignore decode errors and fall through to return null.
+    }
+  }
+
+  return null;
+}
+
+function resolveStorageKeys(pubkey) {
+  const normalized = normalizePubkey(pubkey);
+  if (!normalized) {
+    throw new Error("Invalid pubkey for NWC settings.");
+  }
+  return {
+    normalized,
+    dbKey: `${KEY_PREFIX}${normalized}`,
+    fallbackKey: `${LOCALSTORAGE_PREFIX}${normalized}`,
+  };
+}
+
+function sanitizeUri(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+
+function sanitizeDefaultZap(value) {
+  if (value === null || value === undefined || value === "") {
+    return null;
+  }
+
+  const numeric = Number(value);
+  if (!Number.isFinite(numeric)) {
+    return null;
+  }
+
+  const rounded = Math.round(numeric);
+  if (!Number.isFinite(rounded)) {
+    return null;
+  }
+
+  return Math.min(MAX_DEFAULT_ZAP, Math.max(MIN_DEFAULT_ZAP, rounded));
+}
+
+function sanitizeTimestamp(value) {
+  if (!Number.isFinite(value)) {
+    return null;
+  }
+  const rounded = Math.round(value);
+  if (!Number.isFinite(rounded)) {
+    return null;
+  }
+  return Math.max(0, rounded);
+}
+
+function sanitizeVersion(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  return value.trim();
+}
+
+function normalizeSettings(raw) {
+  const base = createClone(DEFAULT_SETTINGS);
+  if (!raw || typeof raw !== "object") {
+    return base;
+  }
+
+  if (Object.prototype.hasOwnProperty.call(raw, "nwcUri")) {
+    base.nwcUri = sanitizeUri(raw.nwcUri);
+  }
+
+  if (Object.prototype.hasOwnProperty.call(raw, "defaultZap")) {
+    base.defaultZap = sanitizeDefaultZap(raw.defaultZap);
+  }
+
+  if (Object.prototype.hasOwnProperty.call(raw, "lastChecked")) {
+    base.lastChecked = sanitizeTimestamp(raw.lastChecked);
+  }
+
+  if (Object.prototype.hasOwnProperty.call(raw, "version")) {
+    base.version = sanitizeVersion(raw.version);
+  }
+
+  return base;
+}
+
+function mergeSettings(existing, partial) {
+  const source = partial && typeof partial === "object" ? partial : {};
+  return normalizeSettings({ ...existing, ...source });
+}
+
+function emitToast(message, { variant = "error", error } = {}) {
+  const text = typeof message === "string" ? message.trim() : "";
+  if (!text) {
+    return;
+  }
+  if (typeof window !== "undefined" && typeof window.dispatchEvent === "function") {
+    try {
+      window.dispatchEvent(
+        new CustomEvent("bitvid:toast", {
+          detail: {
+            message: text,
+            variant,
+            source: "nwc-settings",
+            error,
+          },
+        })
+      );
+    } catch (eventError) {
+      userLogger.warn("[nwcSettings] Failed to dispatch toast event", eventError);
+    }
+  }
+}
+
+function notifyFailure(message, error) {
+  const text = message || "NWC settings storage error.";
+  userLogger.warn(`[nwcSettings] ${text}`, error);
+  emitToast(text, { variant: "error", error });
+}
+
+function notifyWarning(message, error) {
+  const text = message || "NWC settings storage warning.";
+  userLogger.warn(`[nwcSettings] ${text}`, error);
+  emitToast(text, { variant: "warning", error });
+}
+
+async function readFromIndexedDb(dbKey) {
+  try {
+    const db = await openSettingsDb();
+    if (!db) {
+      return null;
+    }
+    return await new Promise((resolve, reject) => {
+      const tx = db.transaction(STORE_NAME, "readonly");
+      const store = tx.objectStore(STORE_NAME);
+      const request = store.get(dbKey);
+      request.onsuccess = () => {
+        resolve(request.result || null);
+      };
+      request.onerror = () => {
+        reject(request.error || new Error("Failed to load NWC settings."));
+      };
+    });
+  } catch (error) {
+    notifyWarning("Unable to read wallet settings from IndexedDB.", error);
+    return null;
+  }
+}
+
+function readFromLocalStorage(fallbackKey) {
+  try {
+    if (typeof localStorage === "undefined") {
+      return null;
+    }
+    const raw = localStorage.getItem(fallbackKey);
+    if (!raw) {
+      return null;
+    }
+    return JSON.parse(raw);
+  } catch (error) {
+    notifyFailure(
+      "Unable to read wallet settings from local storage fallback.",
+      error
+    );
+    return null;
+  }
+}
+
+async function writeToIndexedDb(dbKey, value) {
+  try {
+    const db = await openSettingsDb();
+    if (!db) {
+      return false;
+    }
+    await new Promise((resolve, reject) => {
+      const tx = db.transaction(STORE_NAME, "readwrite");
+      const store = tx.objectStore(STORE_NAME);
+      const request = store.put(value, dbKey);
+      request.onsuccess = () => resolve();
+      request.onerror = () => {
+        reject(request.error || new Error("Failed to persist NWC settings."));
+      };
+    });
+    return true;
+  } catch (error) {
+    notifyWarning("Unable to save wallet settings to IndexedDB.", error);
+    return false;
+  }
+}
+
+function writeToLocalStorage(fallbackKey, value) {
+  try {
+    if (typeof localStorage === "undefined") {
+      return false;
+    }
+    localStorage.setItem(fallbackKey, JSON.stringify(value));
+    return true;
+  } catch (error) {
+    notifyWarning("Unable to save wallet settings to local storage fallback.", error);
+    return false;
+  }
+}
+
+async function deleteFromIndexedDb(dbKey) {
+  try {
+    const db = await openSettingsDb();
+    if (!db) {
+      return false;
+    }
+    await new Promise((resolve, reject) => {
+      const tx = db.transaction(STORE_NAME, "readwrite");
+      const store = tx.objectStore(STORE_NAME);
+      const request = store.delete(dbKey);
+      request.onsuccess = () => resolve();
+      request.onerror = () => {
+        reject(request.error || new Error("Failed to clear NWC settings."));
+      };
+    });
+    return true;
+  } catch (error) {
+    notifyWarning("Unable to remove wallet settings from IndexedDB.", error);
+    return false;
+  }
+}
+
+function deleteFromLocalStorage(fallbackKey) {
+  try {
+    if (typeof localStorage === "undefined") {
+      return false;
+    }
+    localStorage.removeItem(fallbackKey);
+    return true;
+  } catch (error) {
+    notifyWarning("Unable to remove wallet settings from local storage fallback.", error);
+    return false;
+  }
+}
+
+export function createDefaultNwcSettings() {
+  return createClone(DEFAULT_SETTINGS);
+}
+
+export async function loadNwcSettings(pubkey) {
+  const { dbKey, fallbackKey } = resolveStorageKeys(pubkey);
+  const stored = await readFromIndexedDb(dbKey);
+  if (stored) {
+    return normalizeSettings(stored);
+  }
+
+  const fallback = readFromLocalStorage(fallbackKey);
+  if (fallback) {
+    return normalizeSettings(fallback);
+  }
+
+  return normalizeSettings(null);
+}
+
+export async function saveNwcSettings(pubkey, partial = {}) {
+  const { normalized, dbKey, fallbackKey } = resolveStorageKeys(pubkey);
+  const existing = await readFromIndexedDb(dbKey);
+  const fallbackExisting = existing || readFromLocalStorage(fallbackKey);
+  const merged = mergeSettings(fallbackExisting || DEFAULT_SETTINGS, partial);
+
+  const idbPersisted = await writeToIndexedDb(dbKey, merged);
+  const localPersisted = writeToLocalStorage(fallbackKey, merged);
+
+  if (!idbPersisted && !localPersisted) {
+    notifyFailure(
+      "Failed to persist wallet settings. Recent changes were not saved.",
+      new Error(`Unable to save settings for ${normalized}`)
+    );
+    throw new Error("Unable to persist NWC settings.");
+  }
+
+  return merged;
+}
+
+export async function clearNwcSettings(pubkey) {
+  const { normalized, dbKey, fallbackKey } = resolveStorageKeys(pubkey);
+  const idbCleared = await deleteFromIndexedDb(dbKey);
+  const localCleared = deleteFromLocalStorage(fallbackKey);
+
+  if (!idbCleared && !localCleared) {
+    notifyFailure(
+      "Failed to clear wallet settings from browser storage.",
+      new Error(`Unable to clear settings for ${normalized}`)
+    );
+    throw new Error("Unable to clear NWC settings.");
+  }
+
+  return true;
+}
diff --git a/dist/js/payments/lnurl.js b/dist/js/payments/lnurl.js
new file mode 100644
index 00000000..36cb8fb5
--- /dev/null
+++ b/dist/js/payments/lnurl.js
@@ -0,0 +1,409 @@
+// js/payments/lnurl.js
+
+const CHARSET = "qpzry9x8gf2tvdw0s3jn54khce6mua7l";
+const CHARKEY = new Map(
+  Array.from(CHARSET).map((char, index) => [char, index])
+);
+const GENERATORS = [
+  0x3b6a57b2,
+  0x26508e6d,
+  0x1ea119fa,
+  0x3d4233dd,
+  0x2a1462b3,
+];
+
+const DEFAULT_COMMENT_MAX = 0;
+
+function hrpExpand(hrp) {
+  const chars = Array.from(hrp);
+  const left = chars.map((char) => char.charCodeAt(0) >> 5);
+  const right = chars.map((char) => char.charCodeAt(0) & 31);
+  return [...left, 0, ...right];
+}
+
+function polymod(values) {
+  let chk = 1;
+  for (const value of values) {
+    const top = chk >>> 25;
+    chk = ((chk & 0x1ffffff) << 5) ^ value;
+    for (let i = 0; i < GENERATORS.length; i += 1) {
+      if (((top >> i) & 1) !== 0) {
+        chk ^= GENERATORS[i];
+      }
+    }
+  }
+  return chk;
+}
+
+function verifyChecksum(hrp, data) {
+  return polymod([...hrpExpand(hrp), ...data]) === 1;
+}
+
+function bech32Decode(input) {
+  if (typeof input !== "string") {
+    throw new Error("LNURL must be a string.");
+  }
+
+  const trimmed = input.trim();
+  if (!trimmed) {
+    throw new Error("LNURL cannot be empty.");
+  }
+
+  const lower = trimmed.toLowerCase();
+  const upper = trimmed.toUpperCase();
+  if (trimmed !== lower && trimmed !== upper) {
+    throw new Error("LNURL cannot mix upper and lower case characters.");
+  }
+
+  const normalized = lower;
+  const separatorIndex = normalized.lastIndexOf("1");
+  if (separatorIndex <= 0 || separatorIndex + 7 > normalized.length) {
+    throw new Error("Invalid LNURL bech32 payload.");
+  }
+
+  const hrp = normalized.slice(0, separatorIndex);
+  const dataPart = normalized.slice(separatorIndex + 1);
+
+  const data = [];
+  for (const char of dataPart) {
+    if (!CHARKEY.has(char)) {
+      throw new Error("LNURL payload includes invalid characters.");
+    }
+    data.push(CHARKEY.get(char));
+  }
+
+  if (!verifyChecksum(hrp, data)) {
+    throw new Error("LNURL checksum is invalid.");
+  }
+
+  return {
+    prefix: hrp,
+    words: data.slice(0, -6),
+  };
+}
+
+function convertWords(words, fromBits, toBits, { pad = true } = {}) {
+  let value = 0;
+  let bits = 0;
+  const maxValue = (1 << toBits) - 1;
+  const result = [];
+
+  for (const word of words) {
+    if (word < 0 || word >> fromBits !== 0) {
+      throw new Error("Invalid bech32 word value.");
+    }
+    value = (value << fromBits) | word;
+    bits += fromBits;
+
+    while (bits >= toBits) {
+      bits -= toBits;
+      result.push((value >> bits) & maxValue);
+    }
+  }
+
+  if (pad) {
+    if (bits > 0) {
+      result.push((value << (toBits - bits)) & maxValue);
+    }
+  } else if (bits >= fromBits || ((value << (toBits - bits)) & maxValue) !== 0) {
+    throw new Error("Excess padding in bech32 payload.");
+  }
+
+  return result;
+}
+
+function createChecksum(hrp, data) {
+  const values = [...hrpExpand(hrp), ...data, 0, 0, 0, 0, 0, 0];
+  const mod = polymod(values) ^ 1;
+  const checksum = [];
+  for (let i = 0; i < 6; i += 1) {
+    checksum.push((mod >> ((5 - i) * 5)) & 31);
+  }
+  return checksum;
+}
+
+function bech32Encode(hrp, data) {
+  const checksum = createChecksum(hrp, data);
+  const combined = [...data, ...checksum];
+  const encodedData = combined.map((value) => {
+    if (value < 0 || value >= CHARSET.length) {
+      throw new Error("Invalid bech32 word value.");
+    }
+    return CHARSET[value];
+  });
+  return `${hrp}1${encodedData.join("")}`;
+}
+
+export function encodeLnurlBech32(url) {
+  const sanitized = sanitizeUrl(url);
+  const encoder = new TextEncoder();
+  const bytes = Array.from(encoder.encode(sanitized));
+  const words = convertWords(bytes, 8, 5, { pad: true });
+  return bech32Encode("lnurl", words).toLowerCase();
+}
+
+function decodeLnurlBech32(encoded) {
+  const { prefix, words } = bech32Decode(encoded);
+  if (prefix !== "lnurl") {
+    throw new Error("Only bech32 LNURL encodings are supported.");
+  }
+
+  const bytes = convertWords(words, 5, 8, { pad: false });
+  const decoder = new TextDecoder("utf-8", { fatal: true });
+  return decoder.decode(Uint8Array.from(bytes));
+}
+
+function ensureFetchFunction(fetcher) {
+  if (typeof fetcher === "function") {
+    return fetcher;
+  }
+
+  if (typeof fetch === "function") {
+    return fetch;
+  }
+
+  if (typeof globalThis.fetch === "function") {
+    return globalThis.fetch.bind(globalThis);
+  }
+
+  throw new Error("Fetch API is not available in this environment.");
+}
+
+function sanitizeUrl(url) {
+  const trimmed = typeof url === "string" ? url.trim() : "";
+  if (!trimmed) {
+    throw new Error("LNURL endpoint is missing.");
+  }
+  return trimmed;
+}
+
+export function resolveLightningAddress(value) {
+  const trimmed = typeof value === "string" ? value.trim() : "";
+  if (!trimmed) {
+    throw new Error("Lightning address is required.");
+  }
+
+  if (trimmed.toLowerCase().startsWith("lnurl")) {
+    const decoded = decodeLnurlBech32(trimmed);
+    return {
+      type: "lud06",
+      url: sanitizeUrl(decoded),
+      address: trimmed,
+    };
+  }
+
+  if (trimmed.includes("@")) {
+    const [namePart, domainPart] = trimmed.split("@");
+    const name = (namePart || "").trim();
+    const domain = (domainPart || "").trim();
+    if (!name || !domain) {
+      throw new Error("Invalid Lightning address format.");
+    }
+    const url = `https://${domain}/.well-known/lnurlp/${encodeURIComponent(
+      name.toLowerCase()
+    )}`;
+    return {
+      type: "lud16",
+      url,
+      address: `${name}@${domain}`,
+    };
+  }
+
+  if (/^https?:\/\//i.test(trimmed)) {
+    return {
+      type: "url",
+      url: trimmed,
+      address: trimmed,
+    };
+  }
+
+  throw new Error("Unsupported Lightning address format.");
+}
+
+function normalizeNumeric(value, fallback = 0) {
+  const numeric = Number(value);
+  if (!Number.isFinite(numeric)) {
+    return fallback;
+  }
+  return numeric;
+}
+
+export async function fetchPayServiceData(url, { fetcher } = {}) {
+  const targetUrl = sanitizeUrl(url);
+  const fetchFn = ensureFetchFunction(fetcher);
+
+  const response = await fetchFn(targetUrl, {
+    method: "GET",
+    headers: { Accept: "application/json" },
+  });
+
+  if (!response.ok) {
+    throw new Error(`Failed to load LNURL metadata (${response.status}).`);
+  }
+
+  let payload;
+  try {
+    payload = await response.json();
+  } catch (error) {
+    throw new Error("LNURL endpoint did not return JSON.");
+  }
+
+  if (!payload || typeof payload !== "object") {
+    throw new Error("LNURL metadata response was invalid.");
+  }
+
+  if (typeof payload.status === "string" && payload.status.toUpperCase() === "ERROR") {
+    const reason =
+      typeof payload.reason === "string" && payload.reason.trim()
+        ? payload.reason.trim()
+        : "LNURL endpoint returned an error.";
+    throw new Error(reason);
+  }
+
+  const callback = sanitizeUrl(payload.callback);
+  const minSendable = Math.max(0, normalizeNumeric(payload.minSendable, 0));
+  const maxSendable = Math.max(minSendable, normalizeNumeric(payload.maxSendable, minSendable));
+  const commentAllowed = Math.max(0, Math.round(normalizeNumeric(payload.commentAllowed, DEFAULT_COMMENT_MAX)));
+  const allowsNostr = payload.allowsNostr === true;
+  const nostrPubkey =
+    typeof payload.nostrPubkey === "string" ? payload.nostrPubkey.trim() : "";
+
+  let metadata = [];
+  if (typeof payload.metadata === "string" && payload.metadata.trim()) {
+    try {
+      const parsed = JSON.parse(payload.metadata);
+      if (Array.isArray(parsed)) {
+        metadata = parsed;
+      }
+    } catch (error) {
+      // Ignore metadata parse errors – it is optional.
+    }
+  }
+
+  return {
+    tag: typeof payload.tag === "string" ? payload.tag : "payRequest",
+    callback,
+    minSendable,
+    maxSendable,
+    metadata,
+    commentAllowed,
+    allowsNostr,
+    nostrPubkey,
+    raw: payload,
+  };
+}
+
+export function validateInvoiceAmount(metadata, amountSats) {
+  if (!metadata || typeof metadata !== "object") {
+    throw new Error("LNURL metadata is required to validate invoice amounts.");
+  }
+
+  const amount = Math.round(Number(amountSats));
+  if (!Number.isFinite(amount) || amount <= 0) {
+    throw new Error("Zap amount must be a positive integer.");
+  }
+
+  const amountMsats = amount * 1000;
+  const min = Math.max(0, Math.round(Number(metadata.minSendable || 0)));
+  const max = Math.max(min, Math.round(Number(metadata.maxSendable || amountMsats)));
+
+  if (min && amountMsats < min) {
+    throw new Error(`Amount is below the minimum sendable value (${min / 1000} sats).`);
+  }
+
+  if (max && amountMsats > max) {
+    throw new Error(`Amount exceeds the maximum sendable value (${max / 1000} sats).`);
+  }
+
+  return { amountMsats };
+}
+
+function truncateComment(comment, limit) {
+  const trimmed = typeof comment === "string" ? comment.trim() : "";
+  if (!limit || limit <= 0) {
+    return "";
+  }
+  if (trimmed.length <= limit) {
+    return trimmed;
+  }
+  return trimmed.slice(0, limit);
+}
+
+export async function requestInvoice(
+  metadata,
+  { amountSats, amountMsats, comment, zapRequest, lnurl, fetcher } = {}
+) {
+  if (!metadata || typeof metadata !== "object") {
+    throw new Error("LNURL metadata is required to request an invoice.");
+  }
+
+  const fetchFn = ensureFetchFunction(fetcher);
+  const targetAmount = Number.isFinite(amountMsats)
+    ? Math.round(amountMsats)
+    : validateInvoiceAmount(metadata, amountSats).amountMsats;
+
+  const callbackUrl = new URL(metadata.callback);
+  callbackUrl.searchParams.set("amount", String(targetAmount));
+
+  if (comment && metadata.commentAllowed > 0) {
+    const truncated = truncateComment(comment, metadata.commentAllowed);
+    if (truncated) {
+      callbackUrl.searchParams.set("comment", truncated);
+    }
+  }
+
+  if (zapRequest) {
+    callbackUrl.searchParams.set("nostr", zapRequest);
+  }
+
+  const originalLnurl = typeof lnurl === "string" ? lnurl.trim() : "";
+  if (originalLnurl) {
+    callbackUrl.searchParams.set("lnurl", originalLnurl);
+  }
+
+  const response = await fetchFn(callbackUrl.toString(), {
+    method: "GET",
+    headers: { Accept: "application/json" },
+  });
+
+  if (!response.ok) {
+    throw new Error(`Failed to fetch LNURL invoice (${response.status}).`);
+  }
+
+  let payload;
+  try {
+    payload = await response.json();
+  } catch (error) {
+    throw new Error("LNURL invoice response was not JSON.");
+  }
+
+  if (!payload || typeof payload !== "object") {
+    throw new Error("LNURL invoice response was invalid.");
+  }
+
+  if (typeof payload.status === "string" && payload.status.toUpperCase() === "ERROR") {
+    const reason =
+      typeof payload.reason === "string" && payload.reason.trim()
+        ? payload.reason.trim()
+        : "LNURL invoice request failed.";
+    throw new Error(reason);
+  }
+
+  const invoice = typeof payload.pr === "string" ? payload.pr.trim() : "";
+  if (!invoice) {
+    throw new Error("LNURL endpoint did not return an invoice.");
+  }
+
+  return {
+    invoice,
+    raw: payload,
+  };
+}
+
+export const __TESTING__ = Object.freeze({
+  bech32Encode,
+  bech32Decode,
+  decodeLnurlBech32,
+  convertWords,
+  createChecksum,
+});
diff --git a/dist/js/payments/nwcClient.js b/dist/js/payments/nwcClient.js
new file mode 100644
index 00000000..3697665d
--- /dev/null
+++ b/dist/js/payments/nwcClient.js
@@ -0,0 +1,1640 @@
+// js/payments/nwcClient.js
+
+import { nostrToolsReady } from "../nostrToolsBootstrap.js";
+import { signEventWithPrivateKey } from "../nostr/publishHelpers.js";
+import { userLogger } from "../utils/logger.js";
+import { isZapAllowanceExhaustedError } from "./zapSharedState.js";
+
+const HEX64_REGEX = /^[0-9a-f]{64}$/i;
+const URI_SCHEMES = [
+  "nostr+walletconnect://",
+  "walletconnect://",
+  "nwc://",
+];
+const INFO_KIND = 13194;
+const REQUEST_KIND = 23194;
+const RESPONSE_KIND = 23195;
+const DEFAULT_REQUEST_TIMEOUT_MS = 25_000;
+const INFO_REQUEST_TIMEOUT_MS = 7_500;
+
+let activeState = null;
+let pendingRequests = new Map();
+let pendingRequestsByPayloadId = new Map();
+let socket = null;
+let subscriptionId = null;
+let connectionPromise = null;
+let requestCounter = 0;
+let infoSubscriptionId = null;
+let infoRequestState = null;
+
+const globalScope =
+  typeof window !== "undefined"
+    ? window
+    : typeof globalThis !== "undefined"
+    ? globalThis
+    : null;
+
+const nostrToolsReadySource =
+  globalScope &&
+  globalScope.nostrToolsReady &&
+  typeof globalScope.nostrToolsReady.then === "function"
+    ? globalScope.nostrToolsReady
+    : nostrToolsReady;
+
+function normalizeToolkitCandidate(candidate) {
+  if (
+    candidate &&
+    typeof candidate === "object" &&
+    candidate.ok !== false &&
+    typeof candidate.then !== "function"
+  ) {
+    return candidate;
+  }
+  return null;
+}
+
+function readToolkitFromScope(scope = globalScope) {
+  if (!scope || typeof scope !== "object") {
+    return null;
+  }
+
+  const candidates = [];
+
+  const canonical = scope.__BITVID_CANONICAL_NOSTR_TOOLS__;
+  if (canonical) {
+    candidates.push(canonical);
+  }
+
+  const direct = scope.NostrTools;
+  if (direct) {
+    candidates.push(direct);
+  }
+
+  const nestedWindow =
+    scope.window && scope.window !== scope && typeof scope.window === "object"
+      ? scope.window
+      : null;
+  if (nestedWindow) {
+    if (nestedWindow.__BITVID_CANONICAL_NOSTR_TOOLS__) {
+      candidates.push(nestedWindow.__BITVID_CANONICAL_NOSTR_TOOLS__);
+    }
+    if (nestedWindow.NostrTools) {
+      candidates.push(nestedWindow.NostrTools);
+    }
+  }
+
+  for (const candidate of candidates) {
+    const normalized = normalizeToolkitCandidate(candidate);
+    if (normalized) {
+      return normalized;
+    }
+  }
+
+  return null;
+}
+
+const __nwcNostrToolsBootstrap = await (async () => {
+  try {
+    const result = await nostrToolsReadySource;
+    if (result && typeof result === "object" && result.ok === false) {
+      return {
+        toolkit: normalizeToolkitCandidate(readToolkitFromScope()),
+        failure: result,
+      };
+    }
+    const normalized = normalizeToolkitCandidate(result);
+    if (normalized) {
+      return { toolkit: normalized, failure: null };
+    }
+    return {
+      toolkit: normalizeToolkitCandidate(readToolkitFromScope()),
+      failure: null,
+    };
+  } catch (error) {
+    return {
+      toolkit: normalizeToolkitCandidate(readToolkitFromScope()),
+      failure: error,
+    };
+  }
+})();
+
+let cachedNostrTools = __nwcNostrToolsBootstrap.toolkit || null;
+const nostrToolsInitializationFailure = __nwcNostrToolsBootstrap.failure || null;
+
+if (!cachedNostrTools && nostrToolsInitializationFailure) {
+  userLogger.warn(
+    "[nwcClient] nostr-tools helpers unavailable after bootstrap.",
+    nostrToolsInitializationFailure
+  );
+}
+
+function rememberNostrTools(candidate) {
+  const normalized = normalizeToolkitCandidate(candidate);
+  if (normalized) {
+    cachedNostrTools = normalized;
+  }
+}
+
+function getCachedNostrTools() {
+  const fallback = readToolkitFromScope();
+  if (cachedNostrTools && fallback && fallback !== cachedNostrTools) {
+    rememberNostrTools(fallback);
+  } else if (!cachedNostrTools && fallback) {
+    rememberNostrTools(fallback);
+  }
+  return cachedNostrTools || fallback || null;
+}
+
+async function ensureNostrTools() {
+  if (cachedNostrTools) {
+    return cachedNostrTools;
+  }
+  try {
+    const result = await nostrToolsReadySource;
+    rememberNostrTools(result);
+  } catch (error) {
+    userLogger.warn("[nwcClient] Failed to resolve nostr-tools helpers.", error);
+  }
+  if (!cachedNostrTools) {
+    rememberNostrTools(readToolkitFromScope());
+  }
+  return cachedNostrTools || null;
+}
+
+function getGlobalWindow() {
+  if (typeof window !== "undefined") {
+    return window;
+  }
+  if (typeof globalThis !== "undefined") {
+    return globalThis;
+  }
+  return {};
+}
+
+function getNostrTools() {
+  const win = getGlobalWindow();
+  const tools = getCachedNostrTools();
+  if (tools?.nip04) {
+    return tools;
+  }
+  const canonical = win?.__BITVID_CANONICAL_NOSTR_TOOLS__ || null;
+  if (canonical && tools && !tools.nip04 && canonical.nip04) {
+    try {
+      tools.nip04 = canonical.nip04;
+      return tools;
+    } catch (error) {
+      return { ...canonical, ...tools, nip04: canonical.nip04 };
+    }
+  }
+  return tools || canonical || null;
+}
+
+function assertNostrTools(methods = []) {
+  const tools = getCachedNostrTools();
+  if (!tools) {
+    throw new Error("NostrTools is required for NWC operations.");
+  }
+  for (const method of methods) {
+    const candidate = tools?.[method];
+    const isCallable = typeof candidate === "function";
+    const isNamespace = candidate && typeof candidate === "object";
+    if (!isCallable && !isNamespace) {
+      try {
+        const available = Array.isArray(Object.keys(tools))
+          ? Object.keys(tools)
+          : [];
+        userLogger.error(
+          "[nwcClient] Required NostrTools capability is missing.",
+          {
+          missingMethod: method,
+          availableMethods: available,
+          }
+        );
+      } catch (loggingError) {
+        userLogger.error(
+          "[nwcClient] Failed to enumerate available NostrTools methods.",
+          loggingError
+        );
+      }
+      throw new Error(`NostrTools.${method} is unavailable.`);
+    }
+  }
+  return tools;
+}
+
+function decodePubkey(value) {
+  const trimmed = typeof value === "string" ? value.trim() : "";
+  if (!trimmed) {
+    throw new Error("Wallet pubkey is missing from the NWC URI.");
+  }
+
+  if (HEX64_REGEX.test(trimmed)) {
+    return trimmed.toLowerCase();
+  }
+
+  const tools = getNostrTools();
+  const decoder = tools?.nip19?.decode;
+  if (typeof decoder === "function") {
+    try {
+      const decoded = decoder(trimmed);
+      if (decoded?.type === "npub" && typeof decoded.data === "string") {
+        const hex = decoded.data.trim();
+        if (HEX64_REGEX.test(hex)) {
+          return hex.toLowerCase();
+        }
+      }
+    } catch (error) {
+      // Ignore decode errors and fall through to failure.
+    }
+  }
+
+  throw new Error("Wallet pubkey in the NWC URI is invalid.");
+}
+
+function parseNwcUri(uri) {
+  const trimmed = typeof uri === "string" ? uri.trim() : "";
+  if (!trimmed) {
+    throw new Error("Wallet URI is required.");
+  }
+
+  let stripped = trimmed;
+  let scheme = "";
+  for (const candidate of URI_SCHEMES) {
+    if (trimmed.toLowerCase().startsWith(candidate)) {
+      stripped = trimmed.slice(candidate.length);
+      scheme = candidate;
+      break;
+    }
+  }
+
+  if (!scheme) {
+    throw new Error("Unsupported NWC URI scheme.");
+  }
+
+  const [identifierPart, queryPart] = stripped.split("?");
+  const walletPubkey = decodePubkey(identifierPart);
+
+  const params = new URLSearchParams(queryPart || "");
+  const relays = [];
+  const additionalParams = new Map();
+  let secret = "";
+
+  for (const [rawKey, rawValue] of params.entries()) {
+    const key = typeof rawKey === "string" ? rawKey.trim() : "";
+    const value = typeof rawValue === "string" ? rawValue.trim() : "";
+    if (!key || !value) {
+      continue;
+    }
+
+    const lowerKey = key.toLowerCase();
+    if (lowerKey === "relay" || lowerKey === "r") {
+      relays.push(value);
+      continue;
+    }
+
+    if (lowerKey === "secret" || lowerKey === "s") {
+      if (!secret) {
+        secret = value;
+      }
+      continue;
+    }
+
+    if (!additionalParams.has(key)) {
+      additionalParams.set(key, []);
+    }
+    additionalParams.get(key).push(value);
+  }
+
+  if (!relays.length) {
+    throw new Error("NWC URI is missing a relay parameter.");
+  }
+
+  if (!secret || !HEX64_REGEX.test(secret)) {
+    throw new Error("NWC URI secret must be a 64 character hex string.");
+  }
+
+  const normalizedParams = new URLSearchParams();
+  for (const relayUrl of relays) {
+    normalizedParams.append("relay", relayUrl);
+  }
+
+  const secretKey = secret.toLowerCase();
+  normalizedParams.set("secret", secretKey);
+
+  for (const [key, values] of additionalParams.entries()) {
+    for (const value of values) {
+      normalizedParams.append(key, value);
+    }
+  }
+
+  const tools = assertNostrTools(["getPublicKey"]);
+  const clientPubkey = tools.getPublicKey(secretKey);
+
+  const queryParams = {};
+  for (const [key, values] of additionalParams.entries()) {
+    if (!Array.isArray(values) || !values.length) {
+      continue;
+    }
+    const sanitizedValues = values
+      .map((value) => sanitizeQueryValue(value))
+      .filter(Boolean);
+    if (!sanitizedValues.length) {
+      continue;
+    }
+    if (sanitizedValues.length === 1) {
+      queryParams[key] = sanitizedValues[0];
+    } else {
+      queryParams[key] = sanitizedValues.slice();
+    }
+  }
+
+  const budgetMetadata = deriveBudgetMetadata(additionalParams);
+
+  return {
+    normalizedUri: `nostr+walletconnect://${walletPubkey}?${normalizedParams.toString()}`,
+    relays,
+    walletPubkey,
+    secretKey,
+    clientPubkey,
+    queryParams,
+    budget: budgetMetadata,
+  };
+}
+
+function normalizeSpaceSeparatedValues(value) {
+  if (typeof value !== "string") {
+    return [];
+  }
+  return value
+    .split(/\s+/)
+    .map((item) => item.trim())
+    .filter(Boolean);
+}
+
+function sanitizeQueryValue(value) {
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    return trimmed ? trimmed : null;
+  }
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return String(value);
+  }
+  if (typeof value === "bigint") {
+    return value >= 0n ? value.toString() : null;
+  }
+  return null;
+}
+
+function coercePositiveBigInt(value) {
+  if (typeof value === "bigint") {
+    return value >= 0n ? value : null;
+  }
+  if (typeof value === "number") {
+    if (!Number.isFinite(value)) {
+      return null;
+    }
+    const rounded = Math.round(value);
+    return rounded >= 0 ? BigInt(rounded) : null;
+  }
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if (!trimmed) {
+      return null;
+    }
+    const normalized = trimmed.replace(/_/g, "");
+    if (!/^-?\d+$/.test(normalized)) {
+      return null;
+    }
+    try {
+      const big = BigInt(normalized);
+      return big >= 0n ? big : null;
+    } catch (error) {
+      return null;
+    }
+  }
+  return null;
+}
+
+function getFirstQueryValue(map, keys) {
+  if (!map || !keys || !keys.length) {
+    return null;
+  }
+  for (const key of keys) {
+    const values = map.get(key);
+    if (!Array.isArray(values) || !values.length) {
+      continue;
+    }
+    for (const candidate of values) {
+      const sanitized = sanitizeQueryValue(candidate);
+      if (sanitized) {
+        return sanitized;
+      }
+    }
+  }
+  return null;
+}
+
+const BUDGET_RENEWAL_FIELD_ALIASES = {
+  "": "interval",
+  value: "interval",
+  interval: "interval",
+  period: "interval",
+  frequency: "frequency",
+  every: "every",
+  each: "every",
+  unit: "unit",
+  units: "unit",
+  ms: "milliseconds",
+  millis: "milliseconds",
+  milliseconds: "milliseconds",
+  second: "seconds",
+  seconds: "seconds",
+  sec: "seconds",
+  start: "startAt",
+  at: "startAt",
+  time: "startAt",
+  timestamp: "startAt",
+  date: "startAt",
+};
+
+function deriveBudgetRenewalMetadata(normalizedLookup) {
+  if (!normalizedLookup || !normalizedLookup.size) {
+    return null;
+  }
+
+  const renewal = {};
+
+  for (const [rawKey, values] of normalizedLookup.entries()) {
+    if (
+      !rawKey.startsWith("budget_renewal") &&
+      !rawKey.startsWith("budgetrenewal")
+    ) {
+      continue;
+    }
+    if (!Array.isArray(values) || !values.length) {
+      continue;
+    }
+    const candidate = values.find((value) => sanitizeQueryValue(value));
+    if (!candidate) {
+      continue;
+    }
+
+    const normalizedKey = rawKey
+      .replace(/^budget_renewal_?/, "")
+      .replace(/^budgetrenewal_?/, "");
+    const alias = BUDGET_RENEWAL_FIELD_ALIASES[normalizedKey];
+    const field = alias || (normalizedKey || "interval");
+
+    if (!(field in renewal)) {
+      renewal[field] = sanitizeQueryValue(candidate);
+    }
+  }
+
+  return Object.keys(renewal).length ? renewal : null;
+}
+
+function deriveBudgetMetadata(additionalParams) {
+  if (!additionalParams || !(additionalParams instanceof Map)) {
+    return null;
+  }
+
+  const normalizedLookup = new Map();
+
+  for (const [key, values] of additionalParams.entries()) {
+    if (!Array.isArray(values) || !values.length) {
+      continue;
+    }
+    const normalizedValues = values
+      .map((value) => sanitizeQueryValue(value))
+      .filter(Boolean);
+    if (!normalizedValues.length) {
+      continue;
+    }
+    const lowerKey = typeof key === "string" ? key.toLowerCase() : "";
+    if (!lowerKey) {
+      continue;
+    }
+    if (!normalizedLookup.has(lowerKey)) {
+      normalizedLookup.set(lowerKey, []);
+    }
+    normalizedLookup.get(lowerKey).push(...normalizedValues);
+  }
+
+  const budgetValue = getFirstQueryValue(normalizedLookup, [
+    "budget",
+    "budget_msat",
+    "budgetmsat",
+    "budget_msats",
+    "budgetmsats",
+  ]);
+  const totalMsats = coercePositiveBigInt(budgetValue);
+  const renewal = deriveBudgetRenewalMetadata(normalizedLookup);
+
+  if (totalMsats !== null && totalMsats !== undefined) {
+    return {
+      totalMsats,
+      renewal,
+      raw: { budget: budgetValue },
+    };
+  }
+
+  if (renewal) {
+    return {
+      totalMsats: null,
+      renewal,
+      raw: { budget: budgetValue },
+    };
+  }
+
+  return null;
+}
+
+function createBudgetTracker(budgetMetadata) {
+  if (!budgetMetadata || typeof budgetMetadata !== "object") {
+    return null;
+  }
+
+  const total = coercePositiveBigInt(budgetMetadata.totalMsats);
+  if (total === null || total === undefined) {
+    return null;
+  }
+
+  const tracker = {
+    totalMsats: total,
+    spentMsats: 0n,
+    renewal: budgetMetadata.renewal || null,
+    exhausted: false,
+  };
+
+  if (tracker.totalMsats === 0n) {
+    tracker.exhausted = true;
+  }
+
+  return tracker;
+}
+
+function getBudgetRemainingMsats(tracker) {
+  if (!tracker) {
+    return null;
+  }
+  const remaining = tracker.totalMsats - tracker.spentMsats;
+  return remaining > 0n ? remaining : 0n;
+}
+
+function incrementBudgetSpend(tracker, amountMsats) {
+  if (!tracker || typeof amountMsats !== "bigint") {
+    return;
+  }
+  const next = tracker.spentMsats + (amountMsats >= 0n ? amountMsats : 0n);
+  tracker.spentMsats = next;
+  if (tracker.spentMsats >= tracker.totalMsats) {
+    tracker.spentMsats = tracker.totalMsats;
+    tracker.exhausted = true;
+  }
+}
+
+function markBudgetTrackerExhausted(tracker) {
+  if (!tracker) {
+    return;
+  }
+  tracker.exhausted = true;
+  if (tracker.spentMsats > tracker.totalMsats) {
+    tracker.spentMsats = tracker.totalMsats;
+  }
+}
+
+function hexToBytesCompat(hex) {
+  const tools = getNostrTools();
+  const candidate = tools?.utils?.hexToBytes;
+  if (typeof candidate === "function") {
+    return candidate(hex);
+  }
+
+  const normalized = typeof hex === "string" ? hex.trim() : "";
+  if (!normalized || normalized.length % 2 !== 0) {
+    throw new Error("Invalid hex value provided for conversion.");
+  }
+
+  const bytes = new Uint8Array(normalized.length / 2);
+  for (let i = 0; i < normalized.length; i += 2) {
+    const byte = Number.parseInt(normalized.slice(i, i + 2), 16);
+    if (Number.isNaN(byte)) {
+      throw new Error("Invalid hex value provided for conversion.");
+    }
+    bytes[i / 2] = byte;
+  }
+  return bytes;
+}
+
+function createNip04Encryption(context) {
+  const tools = getNostrTools();
+  const nip04 = tools?.nip04 || null;
+  if (!nip04 || typeof nip04.encrypt !== "function" || typeof nip04.decrypt !== "function") {
+    return null;
+  }
+
+  return {
+    scheme: "nip04",
+    tagValue: "nip04",
+    async encrypt(plaintext) {
+      return nip04.encrypt(context.secretKey, context.walletPubkey, plaintext);
+    },
+    async decrypt(ciphertext) {
+      return nip04.decrypt(context.secretKey, context.walletPubkey, ciphertext);
+    },
+  };
+}
+
+function resolveNip44Exports(tools) {
+  const nip44 = tools?.nip44 || null;
+  if (!nip44 || typeof nip44 !== "object") {
+    return null;
+  }
+
+  const directEncrypt = typeof nip44.encrypt === "function" ? nip44.encrypt : null;
+  const directDecrypt = typeof nip44.decrypt === "function" ? nip44.decrypt : null;
+  const directGetKey = typeof nip44.getConversationKey === "function" ? nip44.getConversationKey : null;
+
+  const v2 = nip44.v2 && typeof nip44.v2 === "object" ? nip44.v2 : null;
+  const v2Encrypt = v2 && typeof v2.encrypt === "function" ? v2.encrypt : null;
+  const v2Decrypt = v2 && typeof v2.decrypt === "function" ? v2.decrypt : null;
+  const v2GetKey =
+    v2?.utils && typeof v2.utils.getConversationKey === "function"
+      ? v2.utils.getConversationKey
+      : null;
+
+  const utilsGetKey =
+    nip44.utils && typeof nip44.utils.getConversationKey === "function"
+      ? nip44.utils.getConversationKey
+      : null;
+
+  const encrypt = directEncrypt || v2Encrypt || null;
+  const decrypt = directDecrypt || v2Decrypt || null;
+  const getConversationKey = directGetKey || v2GetKey || utilsGetKey || null;
+
+  if (!encrypt || !decrypt || !getConversationKey) {
+    return null;
+  }
+
+  return {
+    encrypt,
+    decrypt,
+    getConversationKey,
+  };
+}
+
+function createNip44Encryption(context) {
+  const tools = getNostrTools();
+  const resolved = resolveNip44Exports(tools);
+  if (!resolved) {
+    return null;
+  }
+
+  let cachedKey = null;
+
+  const getKey = () => {
+    if (!cachedKey) {
+      try {
+        const secretBytes = hexToBytesCompat(context.secretKey);
+        cachedKey = resolved.getConversationKey(secretBytes, context.walletPubkey);
+      } catch (error) {
+        userLogger.warn("[nwcClient] Failed to derive nip44 conversation key", error);
+        throw error;
+      }
+    }
+    return cachedKey;
+  };
+
+  return {
+    scheme: "nip44_v2",
+    tagValue: "nip44_v2",
+    async encrypt(plaintext) {
+      return resolved.encrypt(plaintext, getKey());
+    },
+    async decrypt(ciphertext) {
+      return resolved.decrypt(ciphertext, getKey());
+    },
+  };
+}
+
+function getWalletSupportedEncryption(infoEvent) {
+  if (!infoEvent || !Array.isArray(infoEvent.tags)) {
+    return { schemes: [], explicit: false };
+  }
+
+  const tag = infoEvent.tags.find((entry) => Array.isArray(entry) && entry[0] === "encryption");
+  if (!tag || typeof tag[1] !== "string") {
+    return { schemes: [], explicit: false };
+  }
+
+  const values = normalizeSpaceSeparatedValues(tag[1]);
+  if (!values.length) {
+    return { schemes: [], explicit: false };
+  }
+
+  const schemes = Array.from(new Set(values));
+  return { schemes, explicit: true };
+}
+
+function getEncryptionCandidates(context) {
+  const candidates = [];
+  const nip44 = createNip44Encryption(context);
+  if (nip44) {
+    candidates.push(nip44);
+  }
+  const nip04 = createNip04Encryption(context);
+  if (nip04) {
+    candidates.push(nip04);
+  }
+  return candidates;
+}
+
+function settleInfoRequest(result) {
+  if (!infoRequestState) {
+    return;
+  }
+
+  const resolver = typeof infoRequestState.resolve === "function" ? infoRequestState.resolve : null;
+  try {
+    if (infoRequestState.timeoutId) {
+      clearTimeout(infoRequestState.timeoutId);
+    }
+  } catch (error) {
+    // ignore
+  }
+
+  closeInfoSubscription();
+  infoRequestState = null;
+  infoSubscriptionId = null;
+
+  if (resolver) {
+    try {
+      resolver(result || null);
+    } catch (error) {
+      userLogger.warn("[nwcClient] Failed to resolve wallet info request", error);
+    }
+  }
+}
+
+function requestInfoEvent(context) {
+  if (!context) {
+    return Promise.resolve(null);
+  }
+
+  if (context.infoEvent) {
+    return Promise.resolve(context.infoEvent);
+  }
+
+  if (infoRequestState?.promise) {
+    return infoRequestState.promise;
+  }
+
+  if (!socket || socket.readyState !== socket.OPEN) {
+    return Promise.resolve(null);
+  }
+
+  infoSubscriptionId = `nwc-info-${Math.random().toString(36).slice(2, 10)}`;
+  const filters = {
+    kinds: [INFO_KIND],
+    authors: [context.walletPubkey],
+    limit: 1,
+  };
+
+  const promise = new Promise((resolve) => {
+    infoRequestState = {
+      resolve,
+      timeoutId: setTimeout(() => {
+        settleInfoRequest(null);
+      }, INFO_REQUEST_TIMEOUT_MS),
+      promise: null,
+    };
+  });
+
+  infoRequestState.promise = promise;
+
+  try {
+    socket.send(JSON.stringify(["REQ", infoSubscriptionId, filters]));
+  } catch (error) {
+    userLogger.warn("[nwcClient] Failed to request wallet info event", error);
+    settleInfoRequest(null);
+    return Promise.resolve(null);
+  }
+
+  return promise;
+}
+
+function ensureEncryptionState(context) {
+  if (!context.encryptionState || typeof context.encryptionState !== "object") {
+    context.encryptionState = { unsupported: new Set() };
+    return context.encryptionState;
+  }
+
+  if (!(context.encryptionState.unsupported instanceof Set)) {
+    context.encryptionState.unsupported = new Set();
+  }
+
+  return context.encryptionState;
+}
+
+function rememberUnsupportedEncryption(context, scheme) {
+  if (!context || !scheme) {
+    return;
+  }
+  const state = ensureEncryptionState(context);
+  state.unsupported.add(scheme);
+  if (context.encryption && context.encryption.scheme === scheme) {
+    context.encryption = null;
+  }
+}
+
+async function ensureEncryption(context) {
+  if (!context || typeof context !== "object") {
+    throw new Error("Wallet context is unavailable for encryption.");
+  }
+
+  if (context.encryption && typeof context.encryption.encrypt === "function") {
+    return context.encryption;
+  }
+
+  const state = ensureEncryptionState(context);
+
+  let infoEvent = context.infoEvent || null;
+  if (!infoEvent) {
+    try {
+      infoEvent = await requestInfoEvent(context);
+    } catch (error) {
+      userLogger.warn("[nwcClient] Failed to load wallet info event", error);
+    }
+    if (infoEvent) {
+      context.infoEvent = infoEvent;
+    }
+  }
+
+  const { schemes: walletSchemes, explicit: walletSchemesExplicit } =
+    getWalletSupportedEncryption(infoEvent);
+  const candidates = getEncryptionCandidates(context).filter((candidate) => {
+    return !state.unsupported.has(candidate.scheme);
+  });
+
+  const compatibleCandidates = walletSchemes.length
+    ? candidates.filter((candidate) => walletSchemes.includes(candidate.scheme))
+    : candidates;
+
+  if (
+    compatibleCandidates.length > 1 &&
+    (!walletSchemesExplicit || !walletSchemes.includes("nip44_v2"))
+  ) {
+    const nip04Index = compatibleCandidates.findIndex(
+      (candidate) => candidate.scheme === "nip04"
+    );
+    if (nip04Index > 0) {
+      const [nip04Candidate] = compatibleCandidates.splice(nip04Index, 1);
+      compatibleCandidates.unshift(nip04Candidate);
+    }
+  }
+
+  if (compatibleCandidates.length) {
+    const selected = compatibleCandidates[0];
+    context.encryption = selected;
+    return selected;
+  }
+
+  if (
+    walletSchemes.includes("nip04") &&
+    !candidates.some((candidate) => candidate.scheme === "nip04")
+  ) {
+    throw new Error("NostrTools.nip04.encrypt is not available.");
+  }
+
+  if (walletSchemes.length) {
+    const message = `Wallet advertises unsupported encryption schemes: ${walletSchemes.join(", ")}.`;
+    const error = new Error(message);
+    error.code = "UNSUPPORTED_ENCRYPTION";
+    throw error;
+  }
+
+  throw new Error("No compatible wallet encryption scheme available.");
+}
+
+function shouldRetryWithFallback(context, error, encryption, { hasRetried }) {
+  if (!context || !encryption || hasRetried) {
+    return false;
+  }
+
+  const code = typeof error?.code === "string" ? error.code : "";
+  const message = typeof error?.message === "string" ? error.message : "";
+
+  if (code === "UNSUPPORTED_ENCRYPTION" || code === "unsupported_encryption") {
+    return true;
+  }
+
+  const isTimeout =
+    message === "Wallet request timed out." ||
+    code === "timeout" ||
+    code === "TIMEOUT";
+
+  if (!isTimeout || encryption.scheme !== "nip44_v2") {
+    return false;
+  }
+
+  const state = ensureEncryptionState(context);
+  if (state.unsupported.has("nip04")) {
+    return false;
+  }
+
+  const { schemes, explicit } = getWalletSupportedEncryption(context.infoEvent);
+  if (explicit && schemes.includes("nip44_v2") && !schemes.includes("nip04")) {
+    return false;
+  }
+
+  return getEncryptionCandidates(context).some((candidate) => {
+    if (candidate.scheme !== "nip04") {
+      return false;
+    }
+    return !state.unsupported.has(candidate.scheme);
+  });
+}
+
+function finalizePendingRequest(entry) {
+  if (!entry || typeof entry !== "object") {
+    return;
+  }
+
+  if (entry.timeoutId) {
+    clearTimeout(entry.timeoutId);
+  }
+
+  if (entry.eventId && pendingRequests.get(entry.eventId) === entry) {
+    pendingRequests.delete(entry.eventId);
+  }
+
+  if (entry.payloadId) {
+    const stored = pendingRequestsByPayloadId.get(entry.payloadId);
+    if (stored === entry) {
+      pendingRequestsByPayloadId.delete(entry.payloadId);
+    }
+  }
+}
+
+function closeInfoSubscription() {
+  if (infoSubscriptionId && socket && socket.readyState === socket.OPEN) {
+    try {
+      socket.send(JSON.stringify(["CLOSE", infoSubscriptionId]));
+    } catch (error) {
+      // ignore
+    }
+  }
+}
+
+function resetInfoRequestState() {
+  if (infoRequestState) {
+    settleInfoRequest(null);
+    return;
+  }
+  infoSubscriptionId = null;
+}
+
+function closeSocket({ keepState = false } = {}) {
+  if (socket) {
+    try {
+      socket.close();
+    } catch (error) {
+      // Ignore close errors.
+    }
+  }
+  socket = null;
+  connectionPromise = null;
+  subscriptionId = null;
+  resetInfoRequestState();
+
+  if (!keepState) {
+    activeState = null;
+  }
+
+  const pendingEntries = Array.from(pendingRequests.values());
+  pendingRequests.clear();
+  pendingRequestsByPayloadId.clear();
+
+  for (const entry of pendingEntries) {
+    try {
+      if (entry.timeoutId) {
+        clearTimeout(entry.timeoutId);
+      }
+      entry.reject(new Error("Wallet connection closed."));
+    } catch (error) {
+      // ignore
+    }
+  }
+}
+
+function isSocketOpen() {
+  return socket && socket.readyState === socket.OPEN;
+}
+
+function handleSocketError(error) {
+  userLogger.warn("[nwcClient] WebSocket error", error);
+  closeSocket({ keepState: true });
+}
+
+function handleSocketClose() {
+  userLogger.warn("[nwcClient] Wallet connection closed.");
+  closeSocket({ keepState: true });
+}
+
+function resolveWebSocketImplementation() {
+  if (typeof WebSocket !== "undefined") {
+    return WebSocket;
+  }
+  if (typeof globalThis !== "undefined" && typeof globalThis.WebSocket !== "undefined") {
+    return globalThis.WebSocket;
+  }
+  throw new Error("WebSocket is not available in this environment.");
+}
+
+function subscribeToResponses(context) {
+  if (!socket) {
+    return;
+  }
+  subscriptionId = `nwc-${Math.random().toString(36).slice(2, 10)}`;
+  const filters = {
+    kinds: [RESPONSE_KIND],
+    authors: [context.walletPubkey],
+    "#p": [context.clientPubkey],
+  };
+  socket.send(JSON.stringify(["REQ", subscriptionId, filters]));
+}
+
+async function decryptResponse(event) {
+  const context = activeState?.context;
+  if (!context) {
+    throw new Error("Wallet context is unavailable for decrypting responses.");
+  }
+  const encryption = await ensureEncryption(context);
+  const plaintext = await encryption.decrypt(event.content);
+  return JSON.parse(plaintext);
+}
+
+async function handleSocketMessage(messageEvent) {
+  let payload;
+  try {
+    payload = JSON.parse(messageEvent.data);
+  } catch (error) {
+    userLogger.warn("[nwcClient] Failed to parse relay message", error);
+    return;
+  }
+
+  if (!Array.isArray(payload) || payload.length < 2) {
+    return;
+  }
+
+  const [type, subscription] = payload;
+  if (type === "EVENT" && payload.length >= 3) {
+    const event = payload[2];
+
+    if (subscription && subscription === infoSubscriptionId && event?.kind === INFO_KIND) {
+      settleInfoRequest(event);
+      return;
+    }
+
+    if (subscription !== subscriptionId || event?.kind !== RESPONSE_KIND || !Array.isArray(event.tags)) {
+      return;
+    }
+
+    const eTag = event.tags.find((tag) => Array.isArray(tag) && tag[0] === "e");
+    const requestId = typeof eTag?.[1] === "string" ? eTag[1] : null;
+    let pending = requestId ? pendingRequests.get(requestId) || null : null;
+
+    let response;
+    try {
+      response = await decryptResponse(event);
+    } catch (error) {
+      if (pending) {
+        finalizePendingRequest(pending);
+        pending.reject(error);
+      } else {
+        userLogger.warn("[nwcClient] Failed to decrypt wallet response", error);
+      }
+      return;
+    }
+
+    if (!pending) {
+      const payloadId =
+        typeof response?.id === "string" && response.id.trim() ? response.id.trim() : null;
+      if (payloadId) {
+        pending = pendingRequestsByPayloadId.get(payloadId) || null;
+      }
+    }
+
+    if (!pending) {
+      return;
+    }
+
+    finalizePendingRequest(pending);
+
+    if (response?.error) {
+      const message =
+        typeof response.error.message === "string" && response.error.message.trim()
+          ? response.error.message.trim()
+          : "Wallet reported an error.";
+      const error = new Error(message);
+      error.code = response.error.code || null;
+      pending.reject(error);
+      return;
+    }
+
+    pending.resolve({
+      requestId: pending.eventId || requestId || null,
+      result: response?.result || null,
+      response,
+      event,
+    });
+    return;
+  }
+
+  if (type === "EOSE" && subscription === infoSubscriptionId) {
+    settleInfoRequest(null);
+    return;
+  }
+
+  if (type === "NOTICE" && payload.length >= 2) {
+    userLogger.warn("[nwcClient] Relay notice:", payload[1]);
+    return;
+  }
+}
+
+function connectSocket(context) {
+  if (connectionPromise) {
+    return connectionPromise;
+  }
+
+  const WebSocketImpl = resolveWebSocketImplementation();
+  const url = context.relayUrl;
+
+  connectionPromise = new Promise((resolve, reject) => {
+    try {
+      socket = new WebSocketImpl(url);
+    } catch (error) {
+      connectionPromise = null;
+      reject(new Error("Failed to open wallet WebSocket."));
+      return;
+    }
+
+    const handleOpen = () => {
+      socket.removeEventListener("open", handleOpen);
+      socket.removeEventListener("error", handleError);
+      socket.removeEventListener("close", handleCloseDuringConnect);
+      socket.addEventListener("message", handleSocketMessage);
+      socket.addEventListener("error", handleSocketError);
+      socket.addEventListener("close", handleSocketClose);
+      subscribeToResponses(context);
+      resolve();
+    };
+
+    const handleError = (event) => {
+      socket.removeEventListener("open", handleOpen);
+      socket.removeEventListener("error", handleError);
+      socket.removeEventListener("close", handleCloseDuringConnect);
+      connectionPromise = null;
+      reject(event instanceof Error ? event : new Error("Wallet WebSocket failed."));
+    };
+
+    const handleCloseDuringConnect = () => {
+      socket.removeEventListener("open", handleOpen);
+      socket.removeEventListener("error", handleError);
+      socket.removeEventListener("close", handleCloseDuringConnect);
+      connectionPromise = null;
+      reject(new Error("Wallet WebSocket closed before opening."));
+    };
+
+    socket.addEventListener("open", handleOpen);
+    socket.addEventListener("error", handleError);
+    socket.addEventListener("close", handleCloseDuringConnect);
+  });
+
+  return connectionPromise;
+}
+
+function ensureActiveState(settings) {
+  if (!settings || typeof settings !== "object") {
+    throw new Error("Wallet settings are required.");
+  }
+
+  const uri =
+    typeof settings.nwcUri === "string" && settings.nwcUri.trim()
+      ? settings.nwcUri.trim()
+      : "";
+  if (!uri) {
+    throw new Error("Wallet URI is required.");
+  }
+
+  const parsed = parseNwcUri(uri);
+  if (activeState && activeState.normalizedUri === parsed.normalizedUri) {
+    activeState.settings = { ...settings, nwcUri: parsed.normalizedUri };
+    if (activeState.context) {
+      activeState.context.relayUrl = parsed.relays[0];
+      activeState.context.relayUrls = parsed.relays.slice();
+      activeState.context.relays = parsed.relays.slice();
+      activeState.context.queryParams = parsed.queryParams;
+      activeState.context.budget = parsed.budget || null;
+      if (!activeState.context.budgetTracker && parsed.budget) {
+        activeState.context.budgetTracker = createBudgetTracker(parsed.budget);
+      } else if (activeState.context.budgetTracker) {
+        activeState.context.budgetTracker.renewal =
+          parsed.budget?.renewal || null;
+      }
+    }
+    return activeState.context;
+  }
+
+  closeSocket();
+
+  activeState = {
+    normalizedUri: parsed.normalizedUri,
+    settings: { ...settings, nwcUri: parsed.normalizedUri },
+    context: {
+      relayUrl: parsed.relays[0],
+      relayUrls: parsed.relays.slice(),
+      relays: parsed.relays.slice(),
+      walletPubkey: parsed.walletPubkey,
+      secretKey: parsed.secretKey,
+      clientPubkey: parsed.clientPubkey,
+      uri: parsed.normalizedUri,
+      queryParams: parsed.queryParams,
+      budget: parsed.budget || null,
+      budgetTracker: createBudgetTracker(parsed.budget),
+      infoEvent: null,
+      encryption: null,
+      encryptionState: { unsupported: new Set() },
+    },
+  };
+
+  pendingRequests = new Map();
+  pendingRequestsByPayloadId = new Map();
+  return activeState.context;
+}
+
+export async function ensureWallet({ settings } = {}) {
+  const candidateSettings =
+    settings || activeState?.settings || activeState?.context?.settings || null;
+
+  const context = ensureActiveState(candidateSettings);
+
+  if (!isSocketOpen()) {
+    await connectSocket(context);
+  }
+
+  await ensureEncryption(context);
+
+  return context;
+}
+
+async function encryptRequestPayload(context, payload) {
+  const encryption = await ensureEncryption(context);
+
+  const plaintext = JSON.stringify(payload);
+  const encrypted = await encryption.encrypt(plaintext);
+
+  const tags = [["p", context.walletPubkey]];
+  if (encryption?.tagValue) {
+    tags.push(["encryption", encryption.tagValue]);
+  }
+
+  const event = {
+    kind: REQUEST_KIND,
+    created_at: Math.floor(Date.now() / 1000),
+    content: encrypted,
+    pubkey: context.clientPubkey,
+    tags,
+  };
+
+  return signEventWithPrivateKey(event, context.secretKey);
+}
+
+function registerPendingRequest(eventId, payloadId, { resolve, reject, timeoutMs }) {
+  const entry = {
+    eventId,
+    payloadId: typeof payloadId === "string" ? payloadId : null,
+    resolve,
+    reject,
+    timeoutId: null,
+  };
+
+  entry.timeoutId = setTimeout(() => {
+    const existing = pendingRequests.get(eventId);
+    if (existing === entry) {
+      finalizePendingRequest(entry);
+      reject(new Error("Wallet request timed out."));
+    }
+  }, timeoutMs || DEFAULT_REQUEST_TIMEOUT_MS);
+
+  pendingRequests.set(eventId, entry);
+  if (entry.payloadId) {
+    pendingRequestsByPayloadId.set(entry.payloadId, entry);
+  }
+}
+
+async function dispatchWalletRequest(context, payload, { timeoutMs } = {}) {
+  if (!isSocketOpen()) {
+    await connectSocket(context);
+  }
+
+  const event = await encryptRequestPayload(context, payload);
+
+  const promise = new Promise((resolve, reject) => {
+    registerPendingRequest(event.id, payload?.id || null, { resolve, reject, timeoutMs });
+  });
+
+  socket.send(JSON.stringify(["EVENT", event]));
+  return promise;
+}
+
+async function sendWalletRequest(context, payload, { timeoutMs, __internalRetry = false } = {}) {
+  try {
+    return await dispatchWalletRequest(context, payload, { timeoutMs });
+  } catch (error) {
+    const encryption = context?.encryption || null;
+    if (
+      shouldRetryWithFallback(context, error, encryption, {
+        hasRetried: __internalRetry === true,
+      })
+    ) {
+      rememberUnsupportedEncryption(context, encryption.scheme);
+      context.encryption = null;
+      return sendWalletRequest(context, payload, { timeoutMs, __internalRetry: true });
+    }
+    throw error;
+  }
+}
+
+function sanitizeInvoice(value) {
+  const trimmed = typeof value === "string" ? value.trim() : "";
+  if (!trimmed) {
+    throw new Error("Invoice is required to send a payment.");
+  }
+  return trimmed;
+}
+
+function sanitizeAmount(amount) {
+  if (!Number.isFinite(amount)) {
+    return null;
+  }
+  const rounded = Math.round(amount);
+  return Math.max(0, rounded);
+}
+
+const WALLET_BUDGET_ERROR_CODES = new Set([
+  "allowance_exceeded",
+  "allowance_exhausted",
+  "budget_exceeded",
+  "budget_exhausted",
+  "budget_limit_reached",
+  "budget_spent",
+  "quota_exceeded",
+  "spending_allowance_exceeded",
+  "spending_limit_reached",
+  "nwc_budget_exhausted",
+]);
+
+const BOLT11_PICO_MULTIPLIERS = {
+  "": 12n,
+  m: 9n,
+  u: 6n,
+  n: 3n,
+  p: 0n,
+};
+
+function normalizeErrorCode(code) {
+  if (typeof code !== "string") {
+    return "";
+  }
+  return code
+    .trim()
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, "_");
+}
+
+function toMsatsFromSats(amount) {
+  if (!Number.isFinite(amount)) {
+    return null;
+  }
+  const rounded = Math.round(amount);
+  const clamped = Math.max(0, rounded);
+  return BigInt(clamped) * 1000n;
+}
+
+function toMsatsFromValue(amount) {
+  if (typeof amount === "bigint") {
+    return amount >= 0n ? amount : 0n;
+  }
+  if (typeof amount === "number") {
+    if (!Number.isFinite(amount)) {
+      return null;
+    }
+    const rounded = Math.round(amount);
+    const clamped = Math.max(0, rounded);
+    return BigInt(clamped);
+  }
+  if (typeof amount === "string") {
+    const big = coercePositiveBigInt(amount);
+    if (big === null) {
+      return null;
+    }
+    return big;
+  }
+  return null;
+}
+
+function decodeBolt11AmountMsats(invoice) {
+  if (typeof invoice !== "string") {
+    return null;
+  }
+  const trimmed = invoice.trim();
+  if (!trimmed) {
+    return null;
+  }
+  const lower = trimmed.toLowerCase();
+  if (!lower.startsWith("ln")) {
+    return null;
+  }
+
+  let index = 2;
+  while (index < lower.length && /[a-z]/.test(lower[index])) {
+    index += 1;
+  }
+
+  const digitsStart = index;
+  while (index < lower.length && /[0-9]/.test(lower[index])) {
+    index += 1;
+  }
+
+  const digits = lower.slice(digitsStart, index);
+  if (!digits) {
+    return null;
+  }
+
+  const unitChar = index < lower.length && /[munp]/.test(lower[index]) ? lower[index] : "";
+  if (unitChar) {
+    index += 1;
+  }
+
+  try {
+    const base = BigInt(digits);
+    const exponent = BOLT11_PICO_MULTIPLIERS[unitChar];
+    if (typeof exponent === "undefined") {
+      return null;
+    }
+    const pico = base * 10n ** exponent;
+    if (pico % 10n !== 0n) {
+      return null;
+    }
+    return pico / 10n;
+  } catch (error) {
+    return null;
+  }
+}
+
+function resolvePaymentAmountMsats({ invoice, params, amountSats }) {
+  const fromSats = Number.isFinite(amountSats) ? toMsatsFromSats(amountSats) : null;
+  if (fromSats !== null) {
+    return { msats: fromSats, source: "amountSats" };
+  }
+
+  const paramAmount = params && typeof params === "object" ? params.amount : null;
+  const fromParams = toMsatsFromValue(paramAmount);
+  if (fromParams !== null) {
+    return { msats: fromParams, source: "params.amount" };
+  }
+
+  const decoded = decodeBolt11AmountMsats(invoice);
+  if (decoded !== null) {
+    return { msats: decoded, source: "invoice" };
+  }
+
+  return { msats: null, source: null };
+}
+
+function isBudgetOrAllowanceError(error) {
+  const normalizedCode = normalizeErrorCode(error?.code);
+  if (normalizedCode && WALLET_BUDGET_ERROR_CODES.has(normalizedCode)) {
+    return true;
+  }
+  return isZapAllowanceExhaustedError(error);
+}
+
+function createBudgetExceededError(tracker, chargeMsats, { remainingMsats }) {
+  const message =
+    "Budget exceeded. Increase your wallet zap limit or reduce the platform fee, then try again.";
+  const error = new Error(message);
+  error.code = "NWC_BUDGET_EXHAUSTED";
+
+  if (typeof chargeMsats === "bigint") {
+    error.requestedMsats = chargeMsats;
+  }
+
+  if (tracker) {
+    error.budgetMsats = tracker.totalMsats;
+    if (typeof remainingMsats === "bigint") {
+      error.remainingMsats = remainingMsats >= 0n ? remainingMsats : 0n;
+    } else {
+      const remaining = getBudgetRemainingMsats(tracker);
+      if (typeof remaining === "bigint") {
+        error.remainingMsats = remaining;
+      }
+    }
+    if (tracker.renewal) {
+      error.budgetRenewal = tracker.renewal;
+    }
+  }
+
+  return error;
+}
+
+function buildPayInvoiceParams({ invoice, amountSats, zapRequest, lnurl }) {
+  const params = { invoice };
+
+  const amount = sanitizeAmount(amountSats);
+  if (amount && amount > 0) {
+    params.amount = amount * 1000;
+  }
+
+  if (zapRequest) {
+    params.zap_request = zapRequest;
+  }
+
+  if (typeof lnurl === "string") {
+    const trimmed = lnurl.trim();
+    if (trimmed) {
+      params.lnurl = trimmed;
+    }
+  }
+
+  return params;
+}
+
+export async function sendPayment(
+  bolt11,
+  { settings, amountSats, zapRequest, lnurl, timeoutMs } = {}
+) {
+  const context = await ensureWallet({ settings });
+  const invoice = sanitizeInvoice(bolt11);
+  const params = buildPayInvoiceParams({ invoice, amountSats, zapRequest, lnurl });
+  const amountInfo = resolvePaymentAmountMsats({
+    invoice,
+    params,
+    amountSats,
+  });
+  const chargeMsats = amountInfo.msats;
+  const tracker = context?.budgetTracker || null;
+
+  if (tracker) {
+    const remaining = getBudgetRemainingMsats(tracker);
+    const exhausted = tracker.exhausted || (typeof remaining === "bigint" && remaining === 0n);
+    const exceedsBudget =
+      typeof chargeMsats === "bigint" && typeof remaining === "bigint"
+        ? chargeMsats > remaining
+        : false;
+
+    if (exhausted || exceedsBudget) {
+      const error = createBudgetExceededError(tracker, chargeMsats, {
+        remainingMsats: typeof remaining === "bigint" ? remaining : null,
+      });
+      if (exhausted || (typeof remaining === "bigint" && remaining === 0n)) {
+        markBudgetTrackerExhausted(tracker);
+      }
+      throw error;
+    }
+  }
+
+  const payload = {
+    id: `req-${Date.now()}-${++requestCounter}`,
+    method: "pay_invoice",
+    params,
+  };
+
+  try {
+    const response = await sendWalletRequest(context, payload, { timeoutMs });
+    if (tracker && typeof chargeMsats === "bigint" && chargeMsats > 0n) {
+      incrementBudgetSpend(tracker, chargeMsats);
+    }
+    return response;
+  } catch (error) {
+    if (tracker && isBudgetOrAllowanceError(error)) {
+      markBudgetTrackerExhausted(tracker);
+    }
+    throw error;
+  }
+}
+
+export function resetWalletClient() {
+  closeSocket();
+}
+
+export const __TESTING__ = Object.freeze({
+  parseNwcUri,
+  closeSocket,
+  pendingRequests,
+  ensureActiveState,
+  buildPayInvoiceParams,
+  getActiveState: () => activeState,
+  ensureEncryptionForContext: ensureEncryption,
+});
diff --git a/dist/js/payments/platformAddress.js b/dist/js/payments/platformAddress.js
new file mode 100644
index 00000000..d2ff6f53
--- /dev/null
+++ b/dist/js/payments/platformAddress.js
@@ -0,0 +1,326 @@
+// js/payments/platformAddress.js
+
+import { PLATFORM_LUD16_OVERRIDE, ADMIN_SUPER_NPUB } from "../config.js";
+import { nostrClient } from "../nostrClientFacade.js";
+import { setProfileCacheEntry } from "../state/cache.js";
+import { nostrToolsReady } from "../nostrToolsBootstrap.js";
+import { userLogger } from "../utils/logger.js";
+
+const HEX64_REGEX = /^[0-9a-f]{64}$/i;
+const CACHE_TTL_MS = 10 * 60 * 1000;
+
+let cachedAddress = null;
+
+const globalScope =
+  typeof window !== "undefined"
+    ? window
+    : typeof globalThis !== "undefined"
+    ? globalThis
+    : null;
+
+const nostrToolsReadySource =
+  globalScope &&
+  globalScope.nostrToolsReady &&
+  typeof globalScope.nostrToolsReady.then === "function"
+    ? globalScope.nostrToolsReady
+    : nostrToolsReady;
+
+function normalizeToolkitCandidate(candidate) {
+  if (
+    candidate &&
+    typeof candidate === "object" &&
+    candidate.ok !== false &&
+    typeof candidate.then !== "function"
+  ) {
+    return candidate;
+  }
+  return null;
+}
+
+function readToolkitFromScope(scope = globalScope) {
+  if (!scope || typeof scope !== "object") {
+    return null;
+  }
+
+  const candidates = [];
+
+  const canonical = scope.__BITVID_CANONICAL_NOSTR_TOOLS__;
+  if (canonical) {
+    candidates.push(canonical);
+  }
+
+  const direct = scope.NostrTools;
+  if (direct) {
+    candidates.push(direct);
+  }
+
+  const nestedWindow =
+    scope.window && scope.window !== scope && typeof scope.window === "object"
+      ? scope.window
+      : null;
+  if (nestedWindow) {
+    if (nestedWindow.__BITVID_CANONICAL_NOSTR_TOOLS__) {
+      candidates.push(nestedWindow.__BITVID_CANONICAL_NOSTR_TOOLS__);
+    }
+    if (nestedWindow.NostrTools) {
+      candidates.push(nestedWindow.NostrTools);
+    }
+  }
+
+  for (const candidate of candidates) {
+    const normalized = normalizeToolkitCandidate(candidate);
+    if (normalized) {
+      return normalized;
+    }
+  }
+
+  return null;
+}
+
+const __platformNostrToolsBootstrap = await (async () => {
+  try {
+    const result = await nostrToolsReadySource;
+    if (result && typeof result === "object" && result.ok === false) {
+      return {
+        toolkit: normalizeToolkitCandidate(readToolkitFromScope()),
+        failure: result,
+      };
+    }
+    const normalized = normalizeToolkitCandidate(result);
+    if (normalized) {
+      return { toolkit: normalized, failure: null };
+    }
+    return {
+      toolkit: normalizeToolkitCandidate(readToolkitFromScope()),
+      failure: null,
+    };
+  } catch (error) {
+    return {
+      toolkit: normalizeToolkitCandidate(readToolkitFromScope()),
+      failure: error,
+    };
+  }
+})();
+
+let cachedNostrTools = __platformNostrToolsBootstrap.toolkit || null;
+const nostrToolsInitializationFailure =
+  __platformNostrToolsBootstrap.failure || null;
+
+if (!cachedNostrTools && nostrToolsInitializationFailure) {
+  userLogger.warn(
+    "[platformAddress] nostr-tools helpers unavailable after bootstrap.",
+    nostrToolsInitializationFailure
+  );
+}
+
+function rememberNostrTools(candidate) {
+  const normalized = normalizeToolkitCandidate(candidate);
+  if (normalized) {
+    cachedNostrTools = normalized;
+  }
+}
+
+function getCachedNostrTools() {
+  const fallback = readToolkitFromScope();
+  if (cachedNostrTools && fallback && fallback !== cachedNostrTools) {
+    rememberNostrTools(fallback);
+  } else if (!cachedNostrTools && fallback) {
+    rememberNostrTools(fallback);
+  }
+  return cachedNostrTools || fallback || null;
+}
+
+async function ensureNostrTools() {
+  if (cachedNostrTools) {
+    return cachedNostrTools;
+  }
+  try {
+    const result = await nostrToolsReadySource;
+    rememberNostrTools(result);
+  } catch (error) {
+    userLogger.warn(
+      "[platformAddress] Failed to resolve nostr-tools helpers.",
+      error
+    );
+  }
+  if (!cachedNostrTools) {
+    rememberNostrTools(readToolkitFromScope());
+  }
+  return cachedNostrTools || null;
+}
+
+function getGlobalWindow() {
+  if (typeof window !== "undefined") {
+    return window;
+  }
+  if (typeof globalThis !== "undefined") {
+    return globalThis;
+  }
+  return {};
+}
+
+function getNostrTools() {
+  const win = getGlobalWindow();
+  const tools = getCachedNostrTools();
+  if (tools?.nip04) {
+    return tools;
+  }
+  const canonical = win?.__BITVID_CANONICAL_NOSTR_TOOLS__ || null;
+  if (canonical && tools && !tools.nip04 && canonical.nip04) {
+    try {
+      tools.nip04 = canonical.nip04;
+      return tools;
+    } catch (error) {
+      return { ...canonical, ...tools, nip04: canonical.nip04 };
+    }
+  }
+  return tools || canonical || null;
+}
+
+function decodeAdminPubkey() {
+  const trimmed = typeof ADMIN_SUPER_NPUB === "string" ? ADMIN_SUPER_NPUB.trim() : "";
+  if (!trimmed) {
+    return null;
+  }
+
+  if (HEX64_REGEX.test(trimmed)) {
+    return trimmed.toLowerCase();
+  }
+
+  const tools = getNostrTools();
+  const decoder = tools?.nip19?.decode;
+  if (typeof decoder === "function") {
+    try {
+      const decoded = decoder(trimmed);
+      if (decoded?.type === "npub" && typeof decoded.data === "string") {
+        const hex = decoded.data.trim();
+        if (HEX64_REGEX.test(hex)) {
+          return hex.toLowerCase();
+        }
+      }
+    } catch (error) {
+      userLogger.warn("[platformAddress] Failed to decode ADMIN_SUPER_NPUB", error);
+    }
+  }
+
+  return null;
+}
+
+function shouldUseOverride() {
+  return typeof PLATFORM_LUD16_OVERRIDE === "string" && PLATFORM_LUD16_OVERRIDE.trim();
+}
+
+function getOverrideAddress() {
+  const trimmed = PLATFORM_LUD16_OVERRIDE.trim();
+  return trimmed || null;
+}
+
+function isCacheFresh(entry) {
+  if (!entry) {
+    return false;
+  }
+  if (typeof entry.expiresAt !== "number") {
+    return false;
+  }
+  return entry.expiresAt > Date.now();
+}
+
+async function fetchAdminMetadata(adminPubkey) {
+  if (!adminPubkey) {
+    return null;
+  }
+
+  let pool;
+  try {
+    pool = await nostrClient.ensurePool();
+  } catch (error) {
+    userLogger.warn("[platformAddress] Failed to initialize Nostr pool", error);
+    return null;
+  }
+
+  if (!pool) {
+    return null;
+  }
+
+  const relayUrls = Array.isArray(nostrClient?.relays)
+    ? nostrClient.relays
+    : [];
+  if (relayUrls.length === 0) {
+    userLogger.warn("[platformAddress] Nostr client is not ready.");
+    return null;
+  }
+
+  try {
+    const events = await pool.list(relayUrls, [
+      { kinds: [0], authors: [adminPubkey], limit: 1 },
+    ]);
+
+    if (!Array.isArray(events) || events.length === 0) {
+      return null;
+    }
+
+    let newest = null;
+    for (const event of events) {
+      if (!event || event.pubkey !== adminPubkey || !event.content) {
+        continue;
+      }
+      if (!newest || event.created_at > newest.created_at) {
+        newest = event;
+      }
+    }
+
+    if (!newest?.content) {
+      return null;
+    }
+
+    const data = JSON.parse(newest.content);
+    const lightningAddress =
+      typeof data.lud16 === "string" && data.lud16.trim()
+        ? data.lud16.trim()
+        : typeof data.lud06 === "string" && data.lud06.trim()
+        ? data.lud06.trim()
+        : "";
+
+    if (lightningAddress) {
+      setProfileCacheEntry(adminPubkey, data, { persist: false });
+    }
+
+    return lightningAddress || null;
+  } catch (error) {
+    userLogger.warn("[platformAddress] Failed to fetch admin metadata", error);
+    return null;
+  }
+}
+
+export async function getPlatformLightningAddress({ forceRefresh = false } = {}) {
+  if (shouldUseOverride()) {
+    return getOverrideAddress();
+  }
+
+  if (!forceRefresh && isCacheFresh(cachedAddress)) {
+    return cachedAddress.value;
+  }
+
+  const adminPubkey = decodeAdminPubkey();
+  if (!adminPubkey) {
+    return null;
+  }
+
+  if (forceRefresh !== true && cachedAddress?.value) {
+    return cachedAddress.value;
+  }
+
+  const lightningAddress = await fetchAdminMetadata(adminPubkey);
+  if (lightningAddress) {
+    cachedAddress = {
+      value: lightningAddress,
+      expiresAt: Date.now() + CACHE_TTL_MS,
+    };
+  }
+
+  return lightningAddress || cachedAddress?.value || null;
+}
+
+export function __resetPlatformAddressCache() {
+  cachedAddress = null;
+}
diff --git a/dist/js/payments/platformFee.js b/dist/js/payments/platformFee.js
new file mode 100644
index 00000000..c448b15a
--- /dev/null
+++ b/dist/js/payments/platformFee.js
@@ -0,0 +1,74 @@
+// js/payments/platformFee.js
+
+import { PLATFORM_FEE_PERCENT } from "../config.js";
+
+export function parsePercentValue(value) {
+  if (typeof value === "number") {
+    return Number.isFinite(value) ? value : NaN;
+  }
+
+  if (typeof value === "bigint") {
+    return Number(value);
+  }
+
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if (!trimmed) {
+      return NaN;
+    }
+
+    if (trimmed.includes("/")) {
+      const [firstRaw, secondRaw] = trimmed.split("/").map((part) => part.trim());
+      if (firstRaw && secondRaw) {
+        const first = Number(firstRaw);
+        const second = Number(secondRaw);
+        if (Number.isFinite(first) && Number.isFinite(second) && first >= 0 && second >= 0) {
+          const total = first + second;
+          if (total > 0) {
+            return (second / total) * 100;
+          }
+        }
+      }
+    }
+
+    const percentStripped = trimmed.endsWith("%") ? trimmed.slice(0, -1).trim() : trimmed;
+    const directNumeric = Number(percentStripped);
+    if (Number.isFinite(directNumeric)) {
+      return directNumeric;
+    }
+
+    const match = percentStripped.match(/-?\d+(?:\.\d+)?/);
+    if (match) {
+      const fallback = Number(match[0]);
+      return Number.isFinite(fallback) ? fallback : NaN;
+    }
+
+    return NaN;
+  }
+
+  return Number.isFinite(value) ? Number(value) : NaN;
+}
+
+export function clampPercent(value) {
+  const numeric = parsePercentValue(value);
+  if (!Number.isFinite(numeric)) {
+    return 0;
+  }
+  return Math.min(100, Math.max(0, numeric));
+}
+
+export function getDefaultPlatformFeePercent() {
+  const parsed = parsePercentValue(PLATFORM_FEE_PERCENT);
+  if (!Number.isFinite(parsed)) {
+    return 0;
+  }
+  return clampPercent(parsed);
+}
+
+export function resolvePlatformFeePercent(overrideValue) {
+  const parsedOverride = parsePercentValue(overrideValue);
+  if (Number.isFinite(parsedOverride)) {
+    return clampPercent(parsedOverride);
+  }
+  return getDefaultPlatformFeePercent();
+}
diff --git a/dist/js/payments/zapMessages.js b/dist/js/payments/zapMessages.js
new file mode 100644
index 00000000..94349493
--- /dev/null
+++ b/dist/js/payments/zapMessages.js
@@ -0,0 +1,5 @@
+// js/payments/zapMessages.js
+
+export const LOGIN_TO_ZAP_MESSAGE =
+  "Log in and connect a wallet to send zaps.";
+
diff --git a/dist/js/payments/zapNotifications.js b/dist/js/payments/zapNotifications.js
new file mode 100644
index 00000000..36cd0848
--- /dev/null
+++ b/dist/js/payments/zapNotifications.js
@@ -0,0 +1,366 @@
+// js/payments/zapNotifications.js
+
+import { getApplication } from "../applicationContext.js";
+import { LOGIN_TO_ZAP_MESSAGE } from "./zapMessages.js";
+
+const LOGIN_NOTIFICATION_AUTO_HIDE_MS = 3000;
+
+function getOwnerDocument(node) {
+  return node?.ownerDocument || null;
+}
+
+function isNotificationBannerActive({
+  container,
+  messageTarget,
+  expectedText,
+}) {
+  const doc = getOwnerDocument(container);
+  const HTMLElementCtor = resolveHTMLElementCtor(doc);
+
+  if (!HTMLElementCtor || !(container instanceof HTMLElementCtor)) {
+    return false;
+  }
+
+  if (container.classList.contains("hidden")) {
+    return false;
+  }
+
+  const resolvedTarget =
+    messageTarget && messageTarget instanceof HTMLElementCtor
+      ? messageTarget
+      : container;
+
+  const text =
+    typeof resolvedTarget?.textContent === "string"
+      ? resolvedTarget.textContent.trim()
+      : "";
+
+  return text === expectedText;
+}
+
+function attemptStatusBanner(app, { autoHideMs, expectedText, showSpinner }) {
+  if (!app || typeof app.showStatus !== "function") {
+    return false;
+  }
+
+  app.showStatus(expectedText, { autoHideMs, showSpinner });
+
+  return isNotificationBannerActive({
+    container: app.statusContainer,
+    messageTarget: app.statusMessage,
+    expectedText,
+  });
+}
+
+function attemptErrorBanner(app, { expectedText }) {
+  if (!app || typeof app.showError !== "function") {
+    return false;
+  }
+
+  app.showError(expectedText);
+
+  return isNotificationBannerActive({
+    container: app.errorContainer,
+    messageTarget: null,
+    expectedText,
+  });
+}
+
+function resolveDocument(candidate) {
+  if (candidate && typeof candidate === "object") {
+    return candidate;
+  }
+  if (typeof document !== "undefined") {
+    return document;
+  }
+  return null;
+}
+
+function resolveHTMLElementCtor(doc) {
+  if (!doc) {
+    return null;
+  }
+  return (
+    doc.defaultView?.HTMLElement ||
+    (typeof HTMLElement !== "undefined" ? HTMLElement : null)
+  );
+}
+
+function ensureNotificationPortal({ doc, HTMLElementCtor }) {
+  if (!doc || !HTMLElementCtor) {
+    return null;
+  }
+
+  let portal = doc.getElementById("notificationPortal");
+
+  if (!(portal instanceof HTMLElementCtor)) {
+    portal = doc.createElement("div");
+    portal.id = "notificationPortal";
+    portal.className = "notification-portal";
+    portal.setAttribute("role", "region");
+    portal.setAttribute("aria-live", "polite");
+    portal.setAttribute("aria-label", "System notifications");
+
+    const targetParent = doc.body || doc.documentElement || doc;
+    targetParent.appendChild(portal);
+  }
+
+  return portal instanceof HTMLElementCtor ? portal : null;
+}
+
+function ensureStatusContainer({
+  doc,
+  portal,
+  HTMLElementCtor,
+  includeSpinner = true,
+}) {
+  if (!doc || !HTMLElementCtor) {
+    return { container: null, messageTarget: null };
+  }
+
+  let statusContainer = doc.getElementById("statusContainer");
+
+  if (!(statusContainer instanceof HTMLElementCtor)) {
+    statusContainer = doc.createElement("div");
+    statusContainer.id = "statusContainer";
+    statusContainer.className =
+      "notification-banner notification-banner--info status-banner hidden";
+    statusContainer.setAttribute("role", "status");
+    statusContainer.setAttribute("aria-live", "polite");
+
+    if (includeSpinner) {
+      const spinner = doc.createElement("span");
+      spinner.className = "status-spinner";
+      spinner.setAttribute("aria-hidden", "true");
+      statusContainer.appendChild(spinner);
+    }
+
+    const message = doc.createElement("span");
+    message.className = "status-message";
+    message.dataset.statusMessage = "";
+    statusContainer.appendChild(message);
+  } else {
+    const existingSpinner = statusContainer.querySelector(".status-spinner");
+    if (includeSpinner) {
+      if (!(existingSpinner instanceof HTMLElementCtor)) {
+        const spinner = doc.createElement("span");
+        spinner.className = "status-spinner";
+        spinner.setAttribute("aria-hidden", "true");
+        statusContainer.insertBefore(spinner, statusContainer.firstChild);
+      }
+    } else if (existingSpinner instanceof HTMLElementCtor) {
+      existingSpinner.remove();
+    }
+  }
+
+  let messageTarget = statusContainer.querySelector("[data-status-message]");
+
+  if (!(messageTarget instanceof HTMLElementCtor)) {
+    messageTarget = doc.createElement("span");
+    messageTarget.className = "status-message";
+    messageTarget.dataset.statusMessage = "";
+    statusContainer.appendChild(messageTarget);
+  }
+
+  if (portal instanceof HTMLElementCtor && statusContainer.parentNode !== portal) {
+    portal.appendChild(statusContainer);
+  }
+
+  return { container: statusContainer, messageTarget };
+}
+
+function ensureErrorContainer({ doc, portal, HTMLElementCtor }) {
+  if (!doc || !HTMLElementCtor) {
+    return null;
+  }
+
+  let errorContainer = doc.getElementById("errorContainer");
+
+  if (!(errorContainer instanceof HTMLElementCtor)) {
+    errorContainer = doc.createElement("div");
+    errorContainer.id = "errorContainer";
+    errorContainer.className =
+      "notification-banner notification-banner--critical hidden";
+  }
+
+  if (portal instanceof HTMLElementCtor && errorContainer.parentNode !== portal) {
+    portal.appendChild(errorContainer);
+  }
+
+  return errorContainer instanceof HTMLElementCtor ? errorContainer : null;
+}
+
+export function syncNotificationPortalVisibility(docCandidate) {
+  const doc = resolveDocument(docCandidate);
+  if (!doc) {
+    return;
+  }
+
+  const HTMLElementCtor = resolveHTMLElementCtor(doc);
+  if (!HTMLElementCtor) {
+    return;
+  }
+
+  const portal = doc.getElementById("notificationPortal");
+  if (!portal || !(portal instanceof HTMLElementCtor)) {
+    return;
+  }
+
+  const banners = portal.querySelectorAll(".notification-banner");
+  const hasVisibleBanner = Array.from(banners).some((banner) => {
+    return (
+      banner instanceof HTMLElementCtor && !banner.classList.contains("hidden")
+    );
+  });
+
+  portal.classList.toggle("notification-portal--active", hasVisibleBanner);
+}
+
+function scheduleAutoHide({
+  container,
+  messageTarget,
+  expectedText,
+  doc,
+  autoHideMs,
+}) {
+  if (!Number.isFinite(autoHideMs) || autoHideMs <= 0) {
+    return;
+  }
+
+  const scheduler =
+    doc?.defaultView?.setTimeout ||
+    (typeof setTimeout === "function" ? setTimeout : null);
+
+  if (typeof scheduler !== "function") {
+    return;
+  }
+
+  scheduler(() => {
+    if (!doc || typeof doc.contains !== "function") {
+      return;
+    }
+
+    if (!doc.contains(container)) {
+      return;
+    }
+
+    const HTMLElementCtor = resolveHTMLElementCtor(doc);
+    if (!HTMLElementCtor) {
+      return;
+    }
+
+    const activeTarget =
+      container.querySelector("[data-status-message]") || messageTarget;
+    const resolvedTarget =
+      activeTarget && activeTarget instanceof HTMLElementCtor
+        ? activeTarget
+        : messageTarget && messageTarget instanceof HTMLElementCtor
+          ? messageTarget
+          : container;
+
+    if (resolvedTarget.textContent !== expectedText) {
+      return;
+    }
+
+    if (resolvedTarget !== container) {
+      resolvedTarget.textContent = "";
+    } else {
+      container.textContent = "";
+    }
+
+    container.classList.add("hidden");
+    syncNotificationPortalVisibility(doc);
+  }, autoHideMs);
+}
+
+export function showLoginRequiredToZapNotification({
+  app: appCandidate,
+  document: docCandidate,
+  autoHideMs = LOGIN_NOTIFICATION_AUTO_HIDE_MS,
+} = {}) {
+  const expectedText = LOGIN_TO_ZAP_MESSAGE;
+  const app = appCandidate || getApplication();
+
+  const resolvedDocCandidate =
+    docCandidate ||
+    getOwnerDocument(app?.statusContainer) ||
+    getOwnerDocument(app?.errorContainer);
+
+  if (attemptStatusBanner(app, { autoHideMs, expectedText, showSpinner: false })) {
+    return true;
+  }
+
+  if (attemptErrorBanner(app, { expectedText })) {
+    return true;
+  }
+
+  const doc = resolveDocument(resolvedDocCandidate);
+  if (!doc) {
+    return false;
+  }
+
+  const HTMLElementCtor = resolveHTMLElementCtor(doc);
+  if (!HTMLElementCtor) {
+    return false;
+  }
+
+  const portal = ensureNotificationPortal({ doc, HTMLElementCtor });
+
+  const { container: statusContainer, messageTarget } = ensureStatusContainer({
+    doc,
+    portal,
+    HTMLElementCtor,
+    includeSpinner: false,
+  });
+
+  if (statusContainer instanceof HTMLElementCtor) {
+    if (messageTarget && messageTarget instanceof HTMLElementCtor) {
+      messageTarget.textContent = expectedText;
+    } else {
+      statusContainer.textContent = expectedText;
+    }
+
+    statusContainer.classList.remove("hidden");
+    syncNotificationPortalVisibility(doc);
+
+    const resolvedText =
+      messageTarget && messageTarget instanceof HTMLElementCtor
+        ? messageTarget.textContent
+        : statusContainer.textContent;
+
+    scheduleAutoHide({
+      container: statusContainer,
+      messageTarget,
+      expectedText: resolvedText,
+      doc,
+      autoHideMs,
+    });
+
+    return true;
+  }
+
+  const errorContainer = ensureErrorContainer({
+    doc,
+    portal,
+    HTMLElementCtor,
+  });
+
+  if (errorContainer instanceof HTMLElementCtor) {
+    errorContainer.textContent = expectedText;
+    errorContainer.classList.remove("hidden");
+    syncNotificationPortalVisibility(doc);
+
+    scheduleAutoHide({
+      container: errorContainer,
+      messageTarget: null,
+      expectedText,
+      doc,
+      autoHideMs,
+    });
+
+    return true;
+  }
+
+  return false;
+}
+
diff --git a/dist/js/payments/zapReceiptValidator.js b/dist/js/payments/zapReceiptValidator.js
new file mode 100644
index 00000000..675f0b89
--- /dev/null
+++ b/dist/js/payments/zapReceiptValidator.js
@@ -0,0 +1,445 @@
+// js/payments/zapReceiptValidator.js
+
+import { nostrToolsReady } from "../nostrToolsBootstrap.js";
+import { normalizeToolkitCandidate, readToolkitFromScope } from "../nostr/toolkit.js";
+import { userLogger } from "../utils/logger.js";
+import { bech32, bytesToHex, sha256 } from "../../vendor/crypto-helpers.bundle.min.js";
+
+const ZAP_RECEIPT_KIND = 9735;
+const BOLT11_CHARSET = "qpzry9x8gf2tvdw0s3jn54khce6mua7l";
+const textEncoder = new TextEncoder();
+
+const globalScope =
+  typeof window !== "undefined"
+    ? window
+    : typeof globalThis !== "undefined"
+    ? globalThis
+    : null;
+
+const nostrToolsReadySource =
+  globalScope &&
+  globalScope.nostrToolsReady &&
+  typeof globalScope.nostrToolsReady.then === "function"
+    ? globalScope.nostrToolsReady
+    : nostrToolsReady;
+
+let cachedTools = null;
+
+function rememberTools(candidate) {
+  const normalized = normalizeToolkitCandidate(candidate);
+  if (normalized) {
+    cachedTools = normalized;
+  }
+}
+
+async function ensureNostrTools() {
+  if (cachedTools) {
+    return cachedTools;
+  }
+  try {
+    const result = await nostrToolsReadySource;
+    rememberTools(result);
+  } catch (error) {
+    userLogger.warn("[zapReceiptValidator] Failed to await nostr tools bootstrap.", error);
+  }
+  if (!cachedTools) {
+    rememberTools(readToolkitFromScope(globalScope));
+  }
+  return cachedTools;
+}
+
+function computeZapRequestHash(zapRequest) {
+  const payload = typeof zapRequest === "string" ? zapRequest : "";
+  const data = textEncoder.encode(payload);
+  return bytesToHex(sha256(data));
+}
+
+function normalizeRelayList(relays) {
+  if (!Array.isArray(relays)) {
+    return [];
+  }
+  const seen = new Set();
+  const normalized = [];
+  for (const relay of relays) {
+    if (typeof relay !== "string") {
+      continue;
+    }
+    const trimmed = relay.trim();
+    if (!trimmed || seen.has(trimmed)) {
+      continue;
+    }
+    seen.add(trimmed);
+    normalized.push(trimmed);
+  }
+  return normalized;
+}
+
+function parseZapRequest(zapRequest) {
+  if (typeof zapRequest !== "string" || !zapRequest.trim()) {
+    return null;
+  }
+  try {
+    return JSON.parse(zapRequest);
+  } catch (error) {
+    return null;
+  }
+}
+
+function resolveRelayUrls(zapEvent) {
+  if (!zapEvent || typeof zapEvent !== "object" || !Array.isArray(zapEvent.tags)) {
+    return [];
+  }
+  const relaysTag = zapEvent.tags.find((tag) => Array.isArray(tag) && tag[0] === "relays");
+  if (!relaysTag) {
+    return [];
+  }
+  return normalizeRelayList(relaysTag.slice(1));
+}
+
+function normalizeInvoiceValue(invoice) {
+  if (typeof invoice !== "string") {
+    return "";
+  }
+  const trimmed = invoice.trim();
+  return trimmed ? trimmed : "";
+}
+
+function normalizePubkey(pubkey) {
+  if (typeof pubkey !== "string") {
+    return "";
+  }
+  const trimmed = pubkey.trim();
+  return trimmed ? trimmed.toLowerCase() : "";
+}
+
+function extractDescriptionHashFromBolt11(bolt11) {
+  const normalized = normalizeInvoiceValue(bolt11).toLowerCase();
+  if (!normalized) {
+    return null;
+  }
+
+  let decoded;
+  try {
+    decoded = bech32.decode(normalized, 2000);
+  } catch (error) {
+    return null;
+  }
+
+  const words = Array.isArray(decoded?.words) ? decoded.words.slice() : [];
+  if (!words.length) {
+    return null;
+  }
+
+  if (words.length <= 104) {
+    return null;
+  }
+
+  const dataWords = words.slice(0, -104);
+  if (dataWords.length <= 7) {
+    return null;
+  }
+
+  let index = 7; // skip timestamp words
+  while (index < dataWords.length) {
+    const tagCode = dataWords[index];
+    index += 1;
+    if (typeof tagCode !== "number" || tagCode < 0 || tagCode >= BOLT11_CHARSET.length) {
+      return null;
+    }
+    if (index + 1 >= dataWords.length) {
+      return null;
+    }
+    const length = (dataWords[index] << 5) + dataWords[index + 1];
+    index += 2;
+    if (length < 0 || index + length > dataWords.length) {
+      return null;
+    }
+    const dataSlice = dataWords.slice(index, index + length);
+    index += length;
+    const tag = BOLT11_CHARSET[tagCode];
+    if (tag === "h") {
+      try {
+        const bytes = bech32.fromWords(dataSlice);
+        return bytesToHex(Uint8Array.from(bytes));
+      } catch (error) {
+        return null;
+      }
+    }
+  }
+
+  return null;
+}
+
+function getInvoiceAmountSats(bolt11, tools, override) {
+  if (typeof override === "function") {
+    try {
+      const overrideResult = override(bolt11);
+      const normalized = Number(overrideResult);
+      if (Number.isFinite(normalized)) {
+        return Math.max(0, Math.round(normalized));
+      }
+    } catch (error) {
+      userLogger.warn("[zapReceiptValidator] Custom bolt11 amount parser failed.", error);
+    }
+  }
+  const fn = tools?.nip57?.getSatoshisAmountFromBolt11;
+  if (typeof fn !== "function") {
+    return null;
+  }
+  try {
+    const result = Number(fn(bolt11));
+    if (!Number.isFinite(result)) {
+      return null;
+    }
+    return Math.max(0, Math.round(result));
+  } catch (error) {
+    userLogger.warn("[zapReceiptValidator] Failed to parse bolt11 amount via nostr-tools.", error);
+    return null;
+  }
+}
+
+function buildValidationResult({
+  status = "skipped",
+  reason = null,
+  event = null,
+  relays = [],
+} = {}) {
+  return {
+    status,
+    reason,
+    event,
+    checkedRelays: Array.isArray(relays) ? relays.slice() : [],
+  };
+}
+
+export async function validateZapReceipt(context = {}, overrides = {}) {
+  const {
+    zapRequest,
+    amountSats,
+    metadata,
+    invoice,
+    payment,
+  } = context || {};
+
+  const zapRequestString = typeof zapRequest === "string" ? zapRequest : "";
+  if (!zapRequestString) {
+    return buildValidationResult({
+      status: "skipped",
+      reason: "Zap request was not provided.",
+    });
+  }
+
+  const parsedZapRequest = parseZapRequest(zapRequestString);
+  if (!parsedZapRequest) {
+    return buildValidationResult({
+      status: "failed",
+      reason: "Zap request JSON could not be parsed.",
+    });
+  }
+
+  const relayUrls = resolveRelayUrls(parsedZapRequest);
+  if (!relayUrls.length) {
+    return buildValidationResult({
+      status: "failed",
+      reason: "Zap request did not specify any relays.",
+    });
+  }
+
+  const invoiceCandidate =
+    normalizeInvoiceValue(invoice?.invoice ?? invoice) ||
+    normalizeInvoiceValue(payment?.invoice ?? payment?.bolt11 ?? "");
+  if (!invoiceCandidate) {
+    return buildValidationResult({
+      status: "failed",
+      reason: "Zap invoice was not available for validation.",
+      relays: relayUrls,
+    });
+  }
+
+  const expectedHash = computeZapRequestHash(zapRequestString);
+  const decodeHash = overrides.decodeDescriptionHash || extractDescriptionHashFromBolt11;
+  let invoiceHash = null;
+  try {
+    invoiceHash = decodeHash(invoiceCandidate);
+  } catch (error) {
+    userLogger.warn(
+      "[zapReceiptValidator] Custom description hash decoder threw an error.",
+      error
+    );
+    invoiceHash = null;
+  }
+
+  if (!invoiceHash) {
+    return buildValidationResult({
+      status: "failed",
+      reason: "Zap invoice did not include a description hash.",
+      relays: relayUrls,
+    });
+  }
+
+  if (invoiceHash !== expectedHash) {
+    return buildValidationResult({
+      status: "failed",
+      reason: "Zap invoice description hash did not match the zap request.",
+      relays: relayUrls,
+    });
+  }
+
+  const tools = overrides.nostrTools || (await ensureNostrTools());
+  if (!tools || typeof tools !== "object") {
+    return buildValidationResult({
+      status: "failed",
+      reason: "nostr-tools helpers are unavailable.",
+      relays: relayUrls,
+    });
+  }
+
+  if (typeof tools.validateEvent !== "function" || typeof tools.verifyEvent !== "function") {
+    return buildValidationResult({
+      status: "failed",
+      reason: "nostr-tools validation helpers are missing.",
+      relays: relayUrls,
+    });
+  }
+
+  const expectedAmount = Math.max(0, Math.round(Number(amountSats || 0)));
+  if (expectedAmount > 0) {
+    const amount = getInvoiceAmountSats(invoiceCandidate, tools, overrides.getAmountFromBolt11);
+    if (!Number.isFinite(amount) || amount <= 0) {
+      return buildValidationResult({
+        status: "failed",
+        reason: "Zap invoice amount could not be determined.",
+        relays: relayUrls,
+      });
+    }
+    if (amount !== expectedAmount) {
+      return buildValidationResult({
+        status: "failed",
+        reason: "Zap invoice amount did not match the expected share.",
+        relays: relayUrls,
+      });
+    }
+  }
+
+  const expectedPubkey = normalizePubkey(metadata?.nostrPubkey);
+  if (!expectedPubkey) {
+    return buildValidationResult({
+      status: "failed",
+      reason: "LNURL metadata is missing a nostrPubkey for receipt validation.",
+      relays: relayUrls,
+    });
+  }
+
+  let pool;
+  try {
+    if (typeof overrides.createPool === "function") {
+      pool = overrides.createPool(tools);
+    } else if (typeof tools.SimplePool === "function") {
+      pool = new tools.SimplePool();
+    }
+  } catch (error) {
+    userLogger.warn("[zapReceiptValidator] Failed to create SimplePool instance.", error);
+    pool = null;
+  }
+
+  if (!pool || typeof pool.list !== "function") {
+    return buildValidationResult({
+      status: "failed",
+      reason: "Unable to initialize a relay pool for receipt validation.",
+      relays: relayUrls,
+    });
+  }
+
+  const filters = [
+    {
+      kinds: [ZAP_RECEIPT_KIND],
+      "#bolt11": [invoiceCandidate.toLowerCase()],
+      limit: 10,
+    },
+  ];
+
+  let events = [];
+  try {
+    if (typeof overrides.listEvents === "function") {
+      events = await overrides.listEvents(pool, relayUrls, filters);
+    } else {
+      events = await pool.list(relayUrls, filters);
+    }
+  } catch (error) {
+    userLogger.warn("[zapReceiptValidator] Failed to fetch zap receipts from relays.", error);
+    events = [];
+  } finally {
+    try {
+      if (typeof pool.close === "function") {
+        pool.close(relayUrls);
+      }
+    } catch (error) {
+      // Ignore close errors.
+    }
+  }
+
+  if (!Array.isArray(events) || !events.length) {
+    return buildValidationResult({
+      status: "failed",
+      reason: "No zap receipt was published on the advertised relays.",
+      relays: relayUrls,
+    });
+  }
+
+  const normalizedBolt = invoiceCandidate.toLowerCase();
+  const successfulEvent = events.find((event) => {
+    if (!event || typeof event !== "object") {
+      return false;
+    }
+    if (event.kind !== ZAP_RECEIPT_KIND) {
+      return false;
+    }
+    if (!tools.validateEvent(event) || !tools.verifyEvent(event)) {
+      return false;
+    }
+    const pubkey = normalizePubkey(event.pubkey);
+    if (!pubkey || pubkey !== expectedPubkey) {
+      return false;
+    }
+    if (!Array.isArray(event.tags)) {
+      return false;
+    }
+    const boltTag = event.tags.find(
+      (tag) =>
+        Array.isArray(tag) &&
+        tag[0] === "bolt11" &&
+        typeof tag[1] === "string" &&
+        tag[1].trim().toLowerCase() === normalizedBolt
+    );
+    if (!boltTag) {
+      return false;
+    }
+    const descriptionTag = event.tags.find(
+      (tag) => Array.isArray(tag) && tag[0] === "description" && typeof tag[1] === "string"
+    );
+    if (!descriptionTag) {
+      return false;
+    }
+    const descriptionValue = descriptionTag[1];
+    return descriptionValue === zapRequestString;
+  });
+
+  if (!successfulEvent) {
+    return buildValidationResult({
+      status: "failed",
+      reason: "No compliant zap receipt matched the zap request.",
+      relays: relayUrls,
+    });
+  }
+
+  return buildValidationResult({
+    status: "passed",
+    event: successfulEvent,
+    relays: relayUrls,
+  });
+}
+
+export const __TESTING__ = Object.freeze({
+  computeZapRequestHash,
+  extractDescriptionHashFromBolt11,
+});
diff --git a/dist/js/payments/zapRequests.js b/dist/js/payments/zapRequests.js
new file mode 100644
index 00000000..56688d93
--- /dev/null
+++ b/dist/js/payments/zapRequests.js
@@ -0,0 +1,200 @@
+// js/payments/zapRequests.js
+
+import {
+  resolveLightningAddress,
+  fetchPayServiceData,
+  encodeLnurlBech32,
+  validateInvoiceAmount,
+  requestInvoice,
+} from "./lnurl.js";
+import { buildZapRequestEvent, NOTE_TYPES } from "../nostrEventSchemas.js";
+import { publishEventToRelays, assertAnyRelayAccepted } from "../nostrPublish.js";
+import { queueSignEvent } from "../nostr/signRequestQueue.js";
+import { RELAY_URLS } from "../nostr/toolkit.js";
+import { devLogger } from "../utils/logger.js";
+
+const DEFAULT_ZAP_RELAYS = Array.from(RELAY_URLS);
+
+function normalizeRelayList(relays) {
+  const list = Array.isArray(relays) ? relays : [];
+  const seen = new Set();
+  const normalized = [];
+  list.forEach((relay) => {
+    if (typeof relay !== "string") {
+      return;
+    }
+    const trimmed = relay.trim();
+    if (!trimmed || seen.has(trimmed)) {
+      return;
+    }
+    seen.add(trimmed);
+    normalized.push(trimmed);
+  });
+  return normalized;
+}
+
+async function resolveSignerPubkey(signer) {
+  if (!signer || typeof signer !== "object") {
+    return "";
+  }
+  if (typeof signer.getPublicKey === "function") {
+    return signer.getPublicKey();
+  }
+  if (typeof signer.getPubkey === "function") {
+    return signer.getPubkey();
+  }
+  if (typeof signer.pubkey === "string") {
+    return signer.pubkey;
+  }
+  return "";
+}
+
+function resolveLnurlTag(resolved) {
+  const candidate = typeof resolved?.address === "string" ? resolved.address.trim() : "";
+  if (candidate && candidate.toLowerCase().startsWith("lnurl")) {
+    return candidate.toLowerCase();
+  }
+
+  const url = typeof resolved?.url === "string" ? resolved.url.trim() : "";
+  if (!url) {
+    return "";
+  }
+
+  return encodeLnurlBech32(url);
+}
+
+export async function resolveZapRecipient(address, { fetcher } = {}) {
+  const resolved = resolveLightningAddress(address);
+  const metadata = await fetchPayServiceData(resolved.url, { fetcher });
+  const lnurl = resolveLnurlTag(resolved);
+  return { resolved, metadata, lnurl };
+}
+
+export function buildZapRequestPayload({
+  senderPubkey,
+  recipientPubkey,
+  relays,
+  amountSats,
+  comment,
+  lnurl,
+  eventId,
+  coordinate,
+  createdAt,
+  additionalTags = [],
+} = {}) {
+  const created_at = Number.isFinite(createdAt)
+    ? Math.max(0, Math.floor(createdAt))
+    : Math.floor(Date.now() / 1000);
+  const event = buildZapRequestEvent({
+    pubkey: senderPubkey,
+    created_at,
+    recipientPubkey,
+    relays,
+    amountSats,
+    content: comment || "",
+    lnurl,
+    eventId,
+    coordinate,
+    additionalTags,
+  });
+  return event;
+}
+
+export async function signZapRequest(event, signer, options = {}) {
+  if (!signer || typeof signer.signEvent !== "function") {
+    throw new Error("A Nostr signer is required to create zap requests.");
+  }
+  const timeoutMs = Number.isFinite(options.timeoutMs) ? options.timeoutMs : undefined;
+  return queueSignEvent(signer, event, { timeoutMs });
+}
+
+export async function publishZapRequest(signedEvent, { relays, pool } = {}) {
+  const targetRelays = normalizeRelayList(relays);
+  const publishTargets = targetRelays.length ? targetRelays : DEFAULT_ZAP_RELAYS;
+  const publishResults = await publishEventToRelays(pool, publishTargets, signedEvent);
+  const summary = assertAnyRelayAccepted(publishResults, { context: "zap request" });
+  return {
+    relays: publishTargets,
+    summary,
+    results: publishResults,
+  };
+}
+
+export async function createAndPublishZapRequest({
+  address,
+  recipientPubkey,
+  relays,
+  amountSats,
+  comment,
+  eventId,
+  coordinate,
+  signer,
+  pool,
+  fetcher,
+  additionalTags = [],
+} = {}) {
+  const { resolved, metadata, lnurl } = await resolveZapRecipient(address, { fetcher });
+
+  if (!metadata?.allowsNostr && !metadata?.nostrPubkey) {
+    throw new Error("Recipient LNURL endpoint does not support Nostr zaps.");
+  }
+
+  const resolvedRecipient = recipientPubkey || metadata?.nostrPubkey || "";
+  if (!resolvedRecipient) {
+    throw new Error("Recipient pubkey is required to send a zap request.");
+  }
+
+  const normalizedRelays = normalizeRelayList(relays);
+  const senderPubkey = await resolveSignerPubkey(signer);
+  if (!senderPubkey) {
+    throw new Error("Unable to resolve sender pubkey for zap request.");
+  }
+
+  const zapRequestEvent = buildZapRequestPayload({
+    senderPubkey,
+    recipientPubkey: resolvedRecipient,
+    relays: normalizedRelays,
+    amountSats,
+    comment,
+    lnurl,
+    eventId,
+    coordinate,
+    additionalTags,
+  });
+
+  const signedEvent = await signZapRequest(zapRequestEvent, signer);
+
+  const publishResult = await publishZapRequest(signedEvent, {
+    relays: normalizedRelays,
+    pool,
+  });
+
+  let invoice = null;
+  try {
+    validateInvoiceAmount(metadata, amountSats);
+    invoice = await requestInvoice(metadata, {
+      amountSats,
+      comment,
+      zapRequest: JSON.stringify(signedEvent),
+      lnurl,
+      fetcher,
+    });
+  } catch (error) {
+    devLogger.warn("[zapRequests] Failed to request invoice for zap request.", error);
+  }
+
+  return {
+    kind: NOTE_TYPES.ZAP_REQUEST,
+    resolved,
+    metadata,
+    lnurl,
+    zapRequest: signedEvent,
+    publishResult,
+    invoice,
+  };
+}
+
+export const __TESTING__ = Object.freeze({
+  normalizeRelayList,
+  resolveLnurlTag,
+});
diff --git a/dist/js/payments/zapSharedState.js b/dist/js/payments/zapSharedState.js
new file mode 100644
index 00000000..9ac0fef4
--- /dev/null
+++ b/dist/js/payments/zapSharedState.js
@@ -0,0 +1,279 @@
+import { resolvePlatformFeePercent } from "./platformFee.js";
+import {
+  resolveLightningAddress as defaultResolveLightningAddress,
+  fetchPayServiceData as defaultFetchPayServiceData,
+  validateInvoiceAmount,
+} from "./lnurl.js";
+
+const METADATA_CACHE_TTL_MS = 5 * 60 * 1000;
+
+const lightningMetadataCache = new Map();
+const lightningMetadataByUrl = new Map();
+let cachedPlatformLightningAddress = "";
+
+export function normalizeLightningAddressKey(address) {
+  return typeof address === "string" ? address.trim().toLowerCase() : "";
+}
+
+export function isMetadataEntryFresh(entry) {
+  if (!entry || typeof entry.fetchedAt !== "number") {
+    return false;
+  }
+  return Date.now() - entry.fetchedAt < METADATA_CACHE_TTL_MS;
+}
+
+export function rememberLightningMetadata(entry) {
+  if (!entry || !entry.key) {
+    return entry;
+  }
+  lightningMetadataCache.set(entry.key, entry);
+  if (entry.resolved?.url) {
+    lightningMetadataByUrl.set(entry.resolved.url, entry);
+  }
+  return entry;
+}
+
+export function getCachedLightningEntry(address) {
+  const key = normalizeLightningAddressKey(address);
+  if (!key) {
+    return null;
+  }
+  const entry = lightningMetadataCache.get(key);
+  if (!entry) {
+    return null;
+  }
+  if (entry.metadata && isMetadataEntryFresh(entry)) {
+    return entry;
+  }
+  if (entry.metadata && !entry.promise) {
+    return entry;
+  }
+  return entry.metadata ? entry : null;
+}
+
+export function getCachedMetadataByUrl(url) {
+  if (!url) {
+    return null;
+  }
+  return lightningMetadataByUrl.get(url) || null;
+}
+
+export async function fetchLightningMetadata(
+  address,
+  {
+    resolveLightningAddress = defaultResolveLightningAddress,
+    fetchPayServiceData = defaultFetchPayServiceData,
+  } = {}
+) {
+  const key = normalizeLightningAddressKey(address);
+  if (!key) {
+    throw new Error("Lightning address is required.");
+  }
+
+  const cached = lightningMetadataCache.get(key);
+  if (cached && cached.metadata && isMetadataEntryFresh(cached)) {
+    return cached;
+  }
+
+  if (cached?.promise) {
+    return cached.promise;
+  }
+
+  const fetchPromise = (async () => {
+    const resolved = cached?.resolved || (await resolveLightningAddress(address));
+    const metadata = await fetchPayServiceData(resolved.url);
+    const entry = {
+      key,
+      address: resolved.address || address,
+      resolved,
+      metadata,
+      fetchedAt: Date.now(),
+    };
+    rememberLightningMetadata(entry);
+    return entry;
+  })();
+
+  lightningMetadataCache.set(key, {
+    ...(cached || {}),
+    key,
+    promise: fetchPromise,
+  });
+
+  try {
+    return await fetchPromise;
+  } catch (error) {
+    const current = lightningMetadataCache.get(key);
+    if (current?.promise === fetchPromise) {
+      lightningMetadataCache.delete(key);
+    }
+    throw error;
+  }
+}
+
+export function calculateZapShares(amount, overrideFee = null) {
+  const numericAmount = Math.max(0, Math.round(Number(amount) || 0));
+  const feePercent = resolvePlatformFeePercent(
+    typeof overrideFee === "undefined" ? null : overrideFee
+  );
+  const platformShare = Math.floor((numericAmount * feePercent) / 100);
+  const creatorShare = numericAmount - platformShare;
+  return {
+    total: numericAmount,
+    creatorShare,
+    platformShare,
+    feePercent,
+  };
+}
+
+export function describeShareType(type) {
+  if (type === "platform") {
+    return "Platform";
+  }
+  if (type === "creator") {
+    return "Creator";
+  }
+  return "Lightning";
+}
+
+export function formatMinRequirement(metadata) {
+  if (!metadata || typeof metadata.minSendable !== "number") {
+    return null;
+  }
+  if (metadata.minSendable <= 0) {
+    return null;
+  }
+  return Math.ceil(metadata.minSendable / 1000);
+}
+
+export function setCachedPlatformLightningAddress(address) {
+  cachedPlatformLightningAddress =
+    typeof address === "string" ? address.trim() : "";
+  return cachedPlatformLightningAddress;
+}
+
+export function getCachedPlatformLightningAddress() {
+  return cachedPlatformLightningAddress;
+}
+
+export function clearZapCaches() {
+  lightningMetadataCache.clear();
+  lightningMetadataByUrl.clear();
+  cachedPlatformLightningAddress = "";
+}
+
+export { validateInvoiceAmount };
+
+function extractErrorMessage(error) {
+  if (!error) {
+    return "";
+  }
+  if (typeof error === "string") {
+    return error;
+  }
+  if (typeof error?.message === "string") {
+    return error.message;
+  }
+  if (typeof error?.reason === "string") {
+    return error.reason;
+  }
+  if (typeof error?.error?.message === "string") {
+    return error.error.message;
+  }
+  if (typeof error?.data?.error === "string") {
+    return error.data.error;
+  }
+  if (typeof error?.data?.error?.message === "string") {
+    return error.data.error.message;
+  }
+  return "";
+}
+
+const ALLOWANCE_ERROR_CODES = new Set([
+  "allowance_exceeded",
+  "allowance_exhausted",
+  "budget_exceeded",
+  "budget_exhausted",
+  "budget_limit_reached",
+  "budget_spent",
+  "quota_exceeded",
+  "spending_allowance_exceeded",
+  "spending_limit_reached",
+  "nwc_budget_exhausted",
+]);
+
+const ALLOWANCE_ERROR_PATTERNS = [
+  "budget exceeded",
+  "allowance exceeded",
+  "allowance exhausted",
+  "allowance spent",
+  "allowance depleted",
+  "allowance limit reached",
+  "spending allowance exceeded",
+  "spending allowance reached",
+  "spending limit reached",
+  "quota exceeded",
+];
+
+export function isZapAllowanceExhaustedError(error) {
+  const code =
+    typeof error?.code === "string"
+      ? error.code.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_")
+      : "";
+  if (code && ALLOWANCE_ERROR_CODES.has(code)) {
+    return true;
+  }
+
+  const message = extractErrorMessage(error);
+  if (!message) {
+    return false;
+  }
+  const normalized = message.toLowerCase();
+  if (ALLOWANCE_ERROR_PATTERNS.some((pattern) => normalized.includes(pattern))) {
+    return true;
+  }
+  if (normalized.includes("allowance") && normalized.includes("zap")) {
+    if (
+      normalized.includes("exceed") ||
+      normalized.includes("exhaust") ||
+      normalized.includes("spent") ||
+      normalized.includes("deplet")
+    ) {
+      return true;
+    }
+  }
+  if (normalized.includes("budget") && normalized.includes("zap")) {
+    if (
+      normalized.includes("exceed") ||
+      normalized.includes("spent") ||
+      normalized.includes("deplet")
+    ) {
+      return true;
+    }
+  }
+  return false;
+}
+
+const ALLOWANCE_GUIDANCE_SUFFIX =
+  "Increase your wallet zap limit or reduce the platform split to continue.";
+const DEFAULT_ALLOWANCE_MESSAGE =
+  "Your wallet's zap allowance has been exhausted. " + ALLOWANCE_GUIDANCE_SUFFIX;
+
+export function buildZapAllowanceExhaustedMessage(error) {
+  const baseMessage = extractErrorMessage(error).trim();
+  if (!baseMessage) {
+    return DEFAULT_ALLOWANCE_MESSAGE;
+  }
+  const normalized = baseMessage.toLowerCase();
+  const punctuation = /[.!?]$/.test(baseMessage) ? "" : ".";
+  if (
+    normalized.includes("zap allowance") &&
+    normalized.includes("increase") &&
+    normalized.includes("platform split")
+  ) {
+    return baseMessage;
+  }
+  if (normalized.includes("zap") && normalized.includes("allowance")) {
+    return `${baseMessage}${punctuation} ${ALLOWANCE_GUIDANCE_SUFFIX}`;
+  }
+  return `${baseMessage}${punctuation} ${DEFAULT_ALLOWANCE_MESSAGE}`;
+}
diff --git a/dist/js/payments/zapSplit.js b/dist/js/payments/zapSplit.js
new file mode 100644
index 00000000..8363c618
--- /dev/null
+++ b/dist/js/payments/zapSplit.js
@@ -0,0 +1,600 @@
+// js/payments/zapSplit.js
+
+import { ADMIN_SUPER_NPUB } from "../config.js";
+import { nostrToolsReady } from "../nostrToolsBootstrap.js";
+import {
+  resolveLightningAddress,
+  fetchPayServiceData,
+  validateInvoiceAmount,
+  requestInvoice,
+  encodeLnurlBech32,
+} from "./lnurl.js";
+import { ensureWallet, sendPayment } from "./nwcClient.js";
+import { getPlatformLightningAddress } from "./platformAddress.js";
+import { RELAY_URLS } from "../nostr/toolkit.js";
+import { signEventWithPrivateKey } from "../nostr/publishHelpers.js";
+import { userLogger } from "../utils/logger.js";
+import { validateZapReceipt } from "./zapReceiptValidator.js";
+import {
+  clampPercent,
+  parsePercentValue,
+  resolvePlatformFeePercent,
+} from "./platformFee.js";
+
+const HEX64_REGEX = /^[0-9a-f]{64}$/i;
+const ZAP_KIND = 9734;
+const DEFAULT_DEPS = Object.freeze({
+  lnurl: Object.freeze({
+    resolveLightningAddress,
+    fetchPayServiceData,
+    validateInvoiceAmount,
+    requestInvoice,
+    encodeLnurlBech32,
+  }),
+  wallet: Object.freeze({ ensureWallet, sendPayment }),
+  platformAddress: Object.freeze({ getPlatformLightningAddress }),
+  validator: Object.freeze({ validateZapReceipt }),
+});
+
+const globalScope =
+  typeof window !== "undefined"
+    ? window
+    : typeof globalThis !== "undefined"
+    ? globalThis
+    : null;
+
+const nostrToolsReadySource =
+  globalScope &&
+  globalScope.nostrToolsReady &&
+  typeof globalScope.nostrToolsReady.then === "function"
+    ? globalScope.nostrToolsReady
+    : nostrToolsReady;
+
+function normalizeToolkitCandidate(candidate) {
+  if (
+    candidate &&
+    typeof candidate === "object" &&
+    candidate.ok !== false &&
+    typeof candidate.then !== "function"
+  ) {
+    return candidate;
+  }
+  return null;
+}
+
+function readToolkitFromScope(scope = globalScope) {
+  if (!scope || typeof scope !== "object") {
+    return null;
+  }
+
+  const candidates = [];
+
+  const canonical = scope.__BITVID_CANONICAL_NOSTR_TOOLS__;
+  if (canonical) {
+    candidates.push(canonical);
+  }
+
+  const direct = scope.NostrTools;
+  if (direct) {
+    candidates.push(direct);
+  }
+
+  const nestedWindow =
+    scope.window && scope.window !== scope && typeof scope.window === "object"
+      ? scope.window
+      : null;
+  if (nestedWindow) {
+    if (nestedWindow.__BITVID_CANONICAL_NOSTR_TOOLS__) {
+      candidates.push(nestedWindow.__BITVID_CANONICAL_NOSTR_TOOLS__);
+    }
+    if (nestedWindow.NostrTools) {
+      candidates.push(nestedWindow.NostrTools);
+    }
+  }
+
+  for (const candidate of candidates) {
+    const normalized = normalizeToolkitCandidate(candidate);
+    if (normalized) {
+      return normalized;
+    }
+  }
+
+  return null;
+}
+
+const __zapNostrToolsBootstrap = await (async () => {
+  try {
+    const result = await nostrToolsReadySource;
+    if (result && typeof result === "object" && result.ok === false) {
+      return {
+        toolkit: normalizeToolkitCandidate(readToolkitFromScope()),
+        failure: result,
+      };
+    }
+    const normalized = normalizeToolkitCandidate(result);
+    if (normalized) {
+      return { toolkit: normalized, failure: null };
+    }
+    return {
+      toolkit: normalizeToolkitCandidate(readToolkitFromScope()),
+      failure: null,
+    };
+  } catch (error) {
+    return {
+      toolkit: normalizeToolkitCandidate(readToolkitFromScope()),
+      failure: error,
+    };
+  }
+})();
+
+let cachedNostrTools = __zapNostrToolsBootstrap.toolkit || null;
+const nostrToolsInitializationFailure = __zapNostrToolsBootstrap.failure || null;
+
+if (!cachedNostrTools && nostrToolsInitializationFailure) {
+  userLogger.warn(
+    "[zapSplit] nostr-tools helpers unavailable after bootstrap.",
+    nostrToolsInitializationFailure
+  );
+}
+
+function rememberNostrTools(candidate) {
+  const normalized = normalizeToolkitCandidate(candidate);
+  if (normalized) {
+    cachedNostrTools = normalized;
+  }
+}
+
+function getCachedNostrTools() {
+  const fallback = readToolkitFromScope();
+  if (cachedNostrTools && fallback && fallback !== cachedNostrTools) {
+    rememberNostrTools(fallback);
+  } else if (!cachedNostrTools && fallback) {
+    rememberNostrTools(fallback);
+  }
+  return cachedNostrTools || fallback || null;
+}
+
+async function ensureNostrTools() {
+  if (cachedNostrTools) {
+    return cachedNostrTools;
+  }
+  try {
+    const result = await nostrToolsReadySource;
+    rememberNostrTools(result);
+  } catch (error) {
+    userLogger.warn("[zapSplit] Failed to resolve nostr-tools helpers.", error);
+  }
+  if (!cachedNostrTools) {
+    rememberNostrTools(readToolkitFromScope());
+  }
+  return cachedNostrTools || null;
+}
+
+function getOverridePlatformFee() {
+  return resolvePlatformFeePercent(globalThis?.__BITVID_PLATFORM_FEE_OVERRIDE__);
+}
+
+function sanitizeAmount(amount) {
+  const numeric = Number(amount);
+  if (!Number.isFinite(numeric)) {
+    throw new Error("Zap amount must be a positive integer.");
+  }
+  const rounded = Math.round(numeric);
+  if (rounded <= 0) {
+    throw new Error("Zap amount must be greater than zero.");
+  }
+  return rounded;
+}
+
+function sanitizeComment(comment) {
+  if (typeof comment !== "string") {
+    return "";
+  }
+  return comment.trim();
+}
+
+function sanitizeAddress(address) {
+  const trimmed = typeof address === "string" ? address.trim() : "";
+  return trimmed || "";
+}
+
+function mergeDependencies(overrides = {}) {
+  const lnurlDeps = {
+    ...DEFAULT_DEPS.lnurl,
+    ...(overrides.lnurl || {}),
+  };
+  const walletDeps = {
+    ...DEFAULT_DEPS.wallet,
+    ...(overrides.wallet || {}),
+  };
+  const platformDeps = {
+    ...DEFAULT_DEPS.platformAddress,
+    ...(overrides.platformAddress || {}),
+  };
+
+  const validatorDeps = {
+    ...DEFAULT_DEPS.validator,
+    ...(overrides.validator || {}),
+  };
+
+  return {
+    lnurl: lnurlDeps,
+    wallet: walletDeps,
+    platformAddress: platformDeps,
+    validator: validatorDeps,
+  };
+}
+
+function getNostrTools() {
+  const tools = getCachedNostrTools();
+  if (tools?.nip04) {
+    return tools;
+  }
+  const scope = globalScope || (typeof window !== "undefined" ? window : globalThis);
+  const canonical = scope?.__BITVID_CANONICAL_NOSTR_TOOLS__ || null;
+  if (canonical && tools && !tools.nip04 && canonical.nip04) {
+    try {
+      tools.nip04 = canonical.nip04;
+      return tools;
+    } catch (error) {
+      return { ...canonical, ...tools, nip04: canonical.nip04 };
+    }
+  }
+  return tools || canonical || null;
+}
+
+function decodeAdminPubkey() {
+  const trimmed = typeof ADMIN_SUPER_NPUB === "string" ? ADMIN_SUPER_NPUB.trim() : "";
+  if (!trimmed) {
+    return null;
+  }
+  if (HEX64_REGEX.test(trimmed)) {
+    return trimmed.toLowerCase();
+  }
+  const tools = getNostrTools();
+  const decoder = tools?.nip19?.decode;
+  if (typeof decoder === "function") {
+    try {
+      const decoded = decoder(trimmed);
+      if (decoded?.type === "npub" && typeof decoded.data === "string") {
+        const hex = decoded.data.trim();
+        if (HEX64_REGEX.test(hex)) {
+          return hex.toLowerCase();
+        }
+      }
+    } catch (error) {
+      return null;
+    }
+  }
+  return null;
+}
+
+function derivePointerTag(videoEvent) {
+  if (!videoEvent || typeof videoEvent !== "object") {
+    return null;
+  }
+  if (!Array.isArray(videoEvent.tags)) {
+    return null;
+  }
+  const dTag = videoEvent.tags.find((tag) => Array.isArray(tag) && tag[0] === "d" && tag[1]);
+  if (!dTag) {
+    return null;
+  }
+  if (!Number.isFinite(videoEvent.kind) || typeof videoEvent.pubkey !== "string") {
+    return null;
+  }
+  const value = `${videoEvent.kind}:${videoEvent.pubkey}:${dTag[1]}`;
+  return ["a", value];
+}
+
+function resolveRelayUrls(wallet) {
+  const normalized = [];
+  const seen = new Set();
+
+  const addCandidate = (candidate) => {
+    if (!candidate) {
+      return;
+    }
+    if (Array.isArray(candidate)) {
+      candidate.forEach(addCandidate);
+      return;
+    }
+    if (typeof candidate === "string") {
+      const trimmed = candidate.trim();
+      if (trimmed && !seen.has(trimmed)) {
+        seen.add(trimmed);
+        normalized.push(trimmed);
+      }
+    }
+  };
+
+  if (wallet && typeof wallet === "object") {
+    addCandidate(wallet.relayUrls);
+    addCandidate(wallet.relays);
+    addCandidate(wallet.relayUrl);
+  }
+
+  if (!normalized.length) {
+    addCandidate(Array.isArray(RELAY_URLS) ? RELAY_URLS : []);
+  }
+
+  return normalized;
+}
+
+function resolveBech32Lnurl(resolved, encodeFn) {
+  const candidate = typeof resolved?.address === "string" ? resolved.address.trim() : "";
+  if (candidate && candidate.toLowerCase().startsWith("lnurl")) {
+    return candidate.toLowerCase();
+  }
+
+  const callbackUrl = typeof resolved?.url === "string" ? resolved.url.trim() : "";
+  if (!callbackUrl) {
+    return "";
+  }
+
+  if (typeof encodeFn !== "function") {
+    throw new Error("LNURL encoder is unavailable.");
+  }
+
+  return encodeFn(callbackUrl);
+}
+
+function buildZapRequest({
+  wallet,
+  recipientPubkey,
+  videoEvent,
+  amountSats,
+  comment,
+  lnurl,
+}) {
+  const tags = [];
+  if (recipientPubkey) {
+    tags.push(["p", recipientPubkey]);
+  }
+  if (videoEvent?.id) {
+    tags.push(["e", videoEvent.id]);
+  }
+  const pointerTag = derivePointerTag(videoEvent);
+  if (pointerTag) {
+    tags.push(pointerTag);
+  }
+  if (typeof lnurl === "string") {
+    const normalizedLnurl = lnurl.trim();
+    if (normalizedLnurl) {
+      tags.push(["lnurl", normalizedLnurl]);
+    }
+  }
+  if (Number.isFinite(amountSats)) {
+    tags.push(["amount", String(Math.max(0, Math.round(amountSats)) * 1000)]);
+  }
+
+  const relayUrls = resolveRelayUrls(wallet);
+  if (relayUrls.length) {
+    tags.push(["relays", ...relayUrls]);
+  }
+
+  const event = {
+    kind: ZAP_KIND,
+    content: comment || "",
+    created_at: Math.floor(Date.now() / 1000),
+    tags,
+    pubkey: wallet?.clientPubkey || "",
+  };
+
+  const signedEvent = signEventWithPrivateKey(event, wallet?.secretKey);
+  return JSON.stringify(signedEvent);
+}
+
+function determineRecipientPubkey({ recipientType, metadata, videoEvent }) {
+  if (metadata?.nostrPubkey && HEX64_REGEX.test(metadata.nostrPubkey)) {
+    return metadata.nostrPubkey.toLowerCase();
+  }
+  if (recipientType === "creator" && typeof videoEvent?.pubkey === "string") {
+    return videoEvent.pubkey;
+  }
+  if (recipientType === "platform") {
+    return decodeAdminPubkey();
+  }
+  return null;
+}
+
+async function processShare({
+  recipientType,
+  address,
+  amountSats,
+  comment,
+  videoEvent,
+  wallet,
+  deps,
+}) {
+  const resolved = deps.lnurl.resolveLightningAddress(address);
+  const metadata = await deps.lnurl.fetchPayServiceData(resolved.url);
+  const { amountMsats } = deps.lnurl.validateInvoiceAmount(metadata, amountSats);
+
+  const lnurlTag = resolveBech32Lnurl(resolved, deps.lnurl.encodeLnurlBech32);
+  if (!lnurlTag) {
+    throw new Error("Unable to resolve LNURL for zap request.");
+  }
+
+  let zapRequest = null;
+  if (metadata.allowsNostr === true || metadata.nostrPubkey) {
+    const recipientPubkey = determineRecipientPubkey({
+      recipientType,
+      metadata,
+      videoEvent,
+    });
+    if (recipientPubkey) {
+      zapRequest = buildZapRequest({
+        wallet,
+        recipientPubkey,
+        videoEvent,
+        amountSats,
+        comment,
+        lnurl: lnurlTag,
+      });
+    }
+  }
+
+  const invoice = await deps.lnurl.requestInvoice(metadata, {
+    amountMsats,
+    comment,
+    zapRequest,
+    lnurl: lnurlTag,
+  });
+
+  try {
+    const payment = await deps.wallet.sendPayment(invoice.invoice, {
+      amountSats,
+      zapRequest,
+      lnurl: lnurlTag,
+    });
+
+    let validation = null;
+    if (typeof deps.validator.validateZapReceipt === "function") {
+      try {
+        validation = await deps.validator.validateZapReceipt(
+          {
+            zapRequest,
+            amountSats,
+            metadata,
+            invoice,
+            payment,
+            lnurl: resolved,
+            recipientType,
+            address,
+          }
+        );
+      } catch (validationError) {
+        userLogger.warn(
+          `[zapSplit] Zap receipt validation threw for ${recipientType} share.`,
+          validationError
+        );
+        validation = {
+          status: "failed",
+          reason: "Zap receipt validation encountered an unexpected error.",
+          event: null,
+        };
+      }
+    }
+
+    const receipt = {
+      recipientType,
+      address,
+      amount: amountSats,
+      lnurl: resolved,
+      metadata,
+      invoice,
+      payment,
+      zapRequest,
+      status: "success",
+    };
+
+    if (validation && typeof validation === "object") {
+      receipt.validation = validation;
+      if (validation.status === "passed" && validation.event) {
+        receipt.validatedEvent = validation.event;
+      } else if (validation.status === "failed") {
+        receipt.validationFailed = true;
+      }
+    }
+
+    return receipt;
+  } catch (error) {
+    userLogger.warn(
+      `[zapSplit] Failed to send ${recipientType} zap share.`,
+      error
+    );
+    return {
+      recipientType,
+      address,
+      amount: amountSats,
+      lnurl: resolved,
+      metadata,
+      invoice,
+      payment: null,
+      zapRequest,
+      status: "error",
+      error,
+    };
+  }
+}
+
+export async function splitAndZap(
+  { videoEvent, amountSats, comment = "", walletSettings } = {},
+  dependencies = {}
+) {
+  if (!videoEvent || typeof videoEvent !== "object") {
+    throw new Error("A video event is required to zap.");
+  }
+
+  const amount = sanitizeAmount(amountSats);
+  const note = sanitizeComment(comment);
+  const deps = mergeDependencies(dependencies);
+
+  const wallet = await deps.wallet.ensureWallet({ settings: walletSettings });
+
+  const creatorAddress = sanitizeAddress(videoEvent.lightningAddress);
+  if (!creatorAddress) {
+    throw new Error("This creator has not configured a Lightning address yet.");
+  }
+
+  const platformFee = clampPercent(getOverridePlatformFee());
+  const platformShare = Math.floor((amount * platformFee) / 100);
+  const creatorShare = amount - platformShare;
+
+  let platformAddress = null;
+  if (platformShare > 0) {
+    platformAddress = sanitizeAddress(
+      await deps.platformAddress.getPlatformLightningAddress({ forceRefresh: false })
+    );
+    if (!platformAddress) {
+      throw new Error("Platform Lightning address is unavailable.");
+    }
+  }
+
+  const receipts = [];
+
+  if (creatorShare > 0) {
+    receipts.push(
+      await processShare({
+        recipientType: "creator",
+        address: creatorAddress,
+        amountSats: creatorShare,
+        comment: note,
+        videoEvent,
+        wallet,
+        deps,
+      })
+    );
+  }
+
+  if (platformShare > 0) {
+    receipts.push(
+      await processShare({
+        recipientType: "platform",
+        address: platformAddress,
+        amountSats: platformShare,
+        comment: note,
+        videoEvent,
+        wallet,
+        deps,
+      })
+    );
+  }
+
+  return {
+    totalAmount: amount,
+    creatorShare,
+    platformShare,
+    receipts,
+  };
+}
+
+export const __TESTING__ = Object.freeze({
+  buildZapRequest,
+  determineRecipientPubkey,
+  derivePointerTag,
+  mergeDependencies,
+  parsePercentValue,
+  clampPercent,
+});
diff --git a/dist/js/playbackUtils.js b/dist/js/playbackUtils.js
new file mode 100644
index 00000000..53c4c57b
--- /dev/null
+++ b/dist/js/playbackUtils.js
@@ -0,0 +1,102 @@
+// js/playbackUtils.js
+
+import {
+  normalizeAndAugmentMagnet,
+  safeDecodeMagnet,
+} from "./magnetUtils.js";
+
+const HEX_INFO_HASH = /^[0-9a-f]{40}$/i;
+const MAGNET_URI = /^magnet:\?/i;
+
+/**
+ * Normalizes torrent related playback inputs into a canonical magnet payload.
+ *
+ * The function first trims and safely decodes the incoming `magnet` string so
+ * that URL encoded magnets become plain text before processing. Bare info hash
+ * strings are tolerated: whenever the caller supplies an info hash (either via
+ * the `infoHash` field or a magnet that looks like one) it gets promoted to a
+ * full magnet URI so downstream WebTorrent code can consume it directly.
+ *
+ * When the normalized output differs from the original magnet input (for
+ * example due to whitespace/encoding fixes or tracker augmentation) the
+ * original candidate is exposed through `fallbackMagnet`. Callers can surface
+ * that value if a later refactor breaks magnet normalization.
+ *
+ * The returned flags communicate provenance: `provided` indicates that some
+ * torrent-related input was supplied, while `usedInfoHash` is only `true` when
+ * the normalized magnet was derived from an info hash instead of an already
+ * well-formed magnet URI.
+ *
+ * Web seeds coming from the `url` parameter are forwarded to
+ * `normalizeAndAugmentMagnet` via the `webSeed` option. Refactors must preserve
+ * that flow (even if the parameter name changes) so hosted URLs continue to
+ * populate `ws=` hints automatically.
+ */
+export function deriveTorrentPlaybackConfig({
+  magnet = "",
+  infoHash = "",
+  url = "",
+  logger,
+  appProtocol,
+} = {}) {
+  const trimmedMagnet = typeof magnet === "string" ? magnet.trim() : "";
+  const decodedMagnet = safeDecodeMagnet(trimmedMagnet);
+  const magnetCandidate = decodedMagnet || trimmedMagnet;
+  const trimmedInfoHash =
+    typeof infoHash === "string" ? infoHash.trim().toLowerCase() : "";
+  const sanitizedUrl = typeof url === "string" ? url.trim() : "";
+
+  const magnetIsUri = MAGNET_URI.test(magnetCandidate);
+  const magnetLooksLikeInfoHash = HEX_INFO_HASH.test(magnetCandidate);
+  const resolvedInfoHash = trimmedInfoHash || (magnetLooksLikeInfoHash
+    ? magnetCandidate.toLowerCase()
+    : "");
+
+  const normalizationInput = magnetIsUri ? magnetCandidate : resolvedInfoHash;
+  const provided = Boolean(trimmedMagnet || trimmedInfoHash);
+  const decodeChanged = magnetCandidate !== trimmedMagnet;
+
+  if (!normalizationInput) {
+    return {
+      magnet: "",
+      fallbackMagnet: "",
+      provided,
+      usedInfoHash: false,
+      originalInput: "",
+      didMutate: false,
+      infoHash: resolvedInfoHash,
+    };
+  }
+
+  const normalization = normalizeAndAugmentMagnet(normalizationInput, {
+    webSeed: sanitizedUrl ? [sanitizedUrl] : [],
+    logger,
+    appProtocol,
+  });
+
+  let normalizedMagnet = normalization.magnet;
+  if (!normalizedMagnet || !MAGNET_URI.test(normalizedMagnet)) {
+    if (magnetIsUri) {
+      normalizedMagnet = normalizationInput;
+    } else if (resolvedInfoHash) {
+      normalizedMagnet = `magnet:?xt=urn:btih:${resolvedInfoHash}`;
+    } else {
+      normalizedMagnet = "";
+    }
+  }
+
+  const usedInfoHash = !magnetIsUri && Boolean(resolvedInfoHash);
+  const fallbackMagnet = magnetIsUri && normalization.didChange
+    ? normalizationInput
+    : "";
+
+  return {
+    magnet: normalizedMagnet,
+    fallbackMagnet,
+    provided,
+    usedInfoHash,
+    originalInput: normalizationInput,
+    didMutate: normalization.didChange || usedInfoHash || decodeChanged,
+    infoHash: resolvedInfoHash,
+  };
+}
diff --git a/dist/js/r2.js b/dist/js/r2.js
new file mode 100644
index 00000000..fcaa8b08
--- /dev/null
+++ b/dist/js/r2.js
@@ -0,0 +1,245 @@
+import { userLogger } from "./utils/logger.js";
+const DB_NAME = "bitvidSettings";
+const DB_VERSION = 1;
+const STORE_NAME = "kv";
+const SETTINGS_KEY = "r2Settings";
+const LOCALSTORAGE_FALLBACK_KEY = "bitvid:r2Settings";
+
+function sanitizeBaseDomain(domain) {
+  if (!domain) {
+    return "";
+  }
+  let value = String(domain).trim().toLowerCase();
+  // Ensure it starts with https:// if it doesn't already
+  if (!/^https?:\/\//.test(value)) {
+    value = `https://${value}`;
+  }
+  // Remove trailing slashes
+  value = value.replace(/\/+$/, "");
+  return value;
+}
+
+function normalizeBucketEntry(entry) {
+  if (!entry || typeof entry !== "object") {
+    return null;
+  }
+  const bucket = String(entry.bucket || "").toLowerCase();
+  if (!bucket) {
+    return null;
+  }
+  const publicBaseUrl = String(entry.publicBaseUrl || "");
+  const domainType = entry.domainType === "custom" ? "custom" : "managed";
+  const lastUpdated = Number.isFinite(entry.lastUpdated)
+    ? entry.lastUpdated
+    : Date.now();
+  return { bucket, publicBaseUrl, domainType, lastUpdated };
+}
+
+function normalizeSettings(raw) {
+  const base = raw && typeof raw === "object" ? raw : {};
+  const buckets = {};
+  if (base.buckets && typeof base.buckets === "object") {
+    for (const [npub, value] of Object.entries(base.buckets)) {
+      const normalizedEntry = normalizeBucketEntry(value);
+      if (normalizedEntry) {
+        buckets[String(npub)] = normalizedEntry;
+      }
+    }
+  }
+
+  return {
+    accountId: String(base.accountId || ""),
+    accessKeyId: String(base.accessKeyId || ""),
+    secretAccessKey: String(base.secretAccessKey || ""),
+    apiToken: String(base.apiToken || ""),
+    zoneId: String(base.zoneId || ""),
+    baseDomain: sanitizeBaseDomain(base.baseDomain || ""),
+    buckets,
+  };
+}
+
+function isIndexedDbAvailable() {
+  try {
+    return typeof indexedDB !== "undefined";
+  } catch (err) {
+    return false;
+  }
+}
+
+function openSettingsDb() {
+  return new Promise((resolve, reject) => {
+    if (!isIndexedDbAvailable()) {
+      resolve(null);
+      return;
+    }
+
+    const request = indexedDB.open(DB_NAME, DB_VERSION);
+
+    request.onupgradeneeded = () => {
+      const db = request.result;
+      if (!db.objectStoreNames.contains(STORE_NAME)) {
+        db.createObjectStore(STORE_NAME);
+      }
+    };
+
+    request.onsuccess = () => {
+      resolve(request.result);
+    };
+
+    request.onerror = () => {
+      reject(request.error || new Error("Failed to open settings DB"));
+    };
+  });
+}
+
+/**
+ * Legacy R2 settings loader (deprecated).
+ * Used only for one-time migration into StorageService.
+ * @deprecated
+ */
+export async function loadLegacyR2Settings() {
+  try {
+    const db = await openSettingsDb();
+    if (db) {
+      return await new Promise((resolve, reject) => {
+        const tx = db.transaction(STORE_NAME, "readonly");
+        const store = tx.objectStore(STORE_NAME);
+        const req = store.get(SETTINGS_KEY);
+        req.onsuccess = () => {
+          resolve(normalizeSettings(req.result));
+        };
+        req.onerror = () => {
+          reject(req.error || new Error("Failed to load settings"));
+        };
+      });
+    }
+  } catch (err) {
+    userLogger.warn("Failed to open IndexedDB for settings, falling back:", err);
+  }
+
+  try {
+    if (typeof localStorage !== "undefined") {
+      const raw = localStorage.getItem(LOCALSTORAGE_FALLBACK_KEY);
+      if (raw) {
+        return normalizeSettings(JSON.parse(raw));
+      }
+    }
+  } catch (err) {
+    userLogger.warn("Failed to read fallback settings:", err);
+  }
+
+  return normalizeSettings(null);
+}
+
+/**
+ * Legacy R2 settings clearer (deprecated).
+ * Used only after successful migration into StorageService.
+ * @deprecated
+ */
+export async function clearLegacyR2Settings() {
+  let cleared = false;
+  try {
+    const db = await openSettingsDb();
+    if (db) {
+      await new Promise((resolve, reject) => {
+        const tx = db.transaction(STORE_NAME, "readwrite");
+        const store = tx.objectStore(STORE_NAME);
+        const req = store.delete(SETTINGS_KEY);
+        req.onsuccess = () => resolve();
+        req.onerror = () => reject(req.error || new Error("Failed to clear"));
+      });
+      cleared = true;
+    }
+  } catch (err) {
+    userLogger.warn("Failed to clear IndexedDB settings:", err);
+  }
+
+  try {
+    if (typeof localStorage !== "undefined") {
+      localStorage.removeItem(LOCALSTORAGE_FALLBACK_KEY);
+      cleared = true;
+    }
+  } catch (err) {
+    userLogger.warn("Failed to clear fallback settings:", err);
+  }
+
+  return cleared;
+}
+
+export function mergeBucketEntry(settings, npub, entry) {
+  if (!settings || typeof settings !== "object") {
+    return settings;
+  }
+  const normalizedEntry = normalizeBucketEntry(entry);
+  if (!normalizedEntry) {
+    return settings;
+  }
+  return {
+    ...settings,
+    buckets: {
+      ...(settings.buckets || {}),
+      [npub]: normalizedEntry,
+    },
+  };
+}
+
+function guessExtension(file) {
+  if (!file) {
+    return "mp4";
+  }
+
+  const name = typeof file.name === "string" ? file.name : "";
+  const dotIndex = name.lastIndexOf(".");
+  if (dotIndex > -1 && dotIndex < name.length - 1) {
+    return name.slice(dotIndex + 1).toLowerCase();
+  }
+
+  const type = typeof file.type === "string" ? file.type : "";
+  switch (type) {
+    case "video/webm":
+      return "webm";
+    case "application/vnd.apple.mpegurl":
+      return "m3u8";
+    case "video/mp2t":
+      return "ts";
+    case "video/quicktime":
+      return "mov";
+    case "video/x-matroska":
+      return "mkv";
+    default:
+      return "mp4";
+  }
+}
+
+export function buildR2Key(npub, file, identifier = "") {
+  const safeNpub = String(npub || "")
+    .toLowerCase()
+    .replace(/[^a-z0-9]/g, "");
+  const safeIdentifier = String(identifier || "")
+    .toLowerCase()
+    .replace(/[^a-z0-9]/g, "");
+  const baseName = typeof file?.name === "string" ? file.name : "video";
+  const withoutExt = baseName.replace(/\.[^/.]+$/, "");
+  const slug = withoutExt
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, "-")
+    .replace(/^-+|-+$/g, "");
+  const safeSlug = slug || "video";
+  const ext = guessExtension(file);
+  const namespace = safeIdentifier || "uploads";
+  return `u/${safeNpub}/${namespace}/${safeSlug}.${ext}`;
+}
+
+export function buildPublicUrl(baseUrl, key) {
+  if (!baseUrl) {
+    return "";
+  }
+  const sanitizedBase = String(baseUrl).replace(/\/$/, "");
+  const encodedKey = key
+    .split("/")
+    .map((segment) => encodeURIComponent(segment))
+    .join("/");
+  return `${sanitizedBase}/${encodedKey}`;
+}
+
+export { sanitizeBaseDomain };
diff --git a/dist/js/reactionCounter.js b/dist/js/reactionCounter.js
new file mode 100644
index 00000000..c5a2acd2
--- /dev/null
+++ b/dist/js/reactionCounter.js
@@ -0,0 +1,797 @@
+import { nostrClient } from "./nostrClientFacade.js";
+import { normalizePointerInput, pointerKey } from "./nostr/watchHistory.js";
+import { devLogger, userLogger } from "./utils/logger.js";
+
+const pointerStates = new Map();
+const pointerHandlers = new Map();
+const pointerHydrationPromises = new Map();
+const pointerSubscriptions = new Map();
+
+const REACTION_EVENT_KIND = 7;
+const REACTION_HYDRATION_LIMIT = 400;
+
+function clonePointerDescriptor(pointer) {
+  if (!pointer || typeof pointer !== "object") {
+    return null;
+  }
+  const descriptor = {
+    type: pointer.type === "a" ? "a" : "e",
+    value:
+      typeof pointer.value === "string" && pointer.value.trim()
+        ? pointer.value.trim()
+        : "",
+  };
+  if (typeof pointer.relay === "string" && pointer.relay.trim()) {
+    descriptor.relay = pointer.relay.trim();
+  }
+  return descriptor;
+}
+
+function canonicalizePointerForState(pointerInput) {
+  const normalized = normalizePointerInput(pointerInput);
+  if (!normalized) {
+    return null;
+  }
+  const key = pointerKey(normalized);
+  if (!key) {
+    return null;
+  }
+  const descriptor = clonePointerDescriptor(normalized);
+  return descriptor ? { key, pointer: descriptor } : null;
+}
+
+function ensurePointerState(key, pointer) {
+  let state = pointerStates.get(key);
+  if (!state) {
+    state = {
+      pointer: pointer ? clonePointerDescriptor(pointer) : null,
+      totals: new Map(),
+      reactionsByPubkey: new Map(),
+      lastUpdatedAt: 0,
+      latestCreatedAt: 0,
+      lastSyncedAt: 0,
+      hydrated: false,
+    };
+    pointerStates.set(key, state);
+    return state;
+  }
+  if (pointer) {
+    const descriptor = clonePointerDescriptor(pointer);
+    if (!state.pointer) {
+      state.pointer = descriptor;
+    } else if (descriptor?.relay && !state.pointer.relay) {
+      state.pointer = { ...state.pointer, relay: descriptor.relay };
+    }
+  }
+  return state;
+}
+
+function normalizeReactionEvent(event) {
+  if (!event || typeof event !== "object") {
+    return null;
+  }
+  const pubkey =
+    typeof event.pubkey === "string" && event.pubkey.trim()
+      ? event.pubkey.trim().toLowerCase()
+      : "";
+  if (!pubkey) {
+    return null;
+  }
+  let content = "+";
+  if (typeof event.content === "string") {
+    content = event.content;
+  } else if (event.content !== undefined && event.content !== null) {
+    try {
+      content = String(event.content);
+    } catch (error) {
+      content = "+";
+    }
+  }
+  if (!content) {
+    content = "+";
+  }
+  const createdAt = Number.isFinite(event.created_at)
+    ? Math.max(0, Math.floor(event.created_at))
+    : 0;
+  const eventId =
+    typeof event.id === "string" && event.id.trim() ? event.id.trim() : "";
+  return { pubkey, content, created_at: createdAt, eventId };
+}
+
+function incrementContentCount(state, content) {
+  if (typeof content !== "string") {
+    return;
+  }
+  const existing = state.totals.get(content) || 0;
+  state.totals.set(content, existing + 1);
+}
+
+function decrementContentCount(state, content) {
+  if (typeof content !== "string") {
+    return;
+  }
+  const existing = state.totals.get(content);
+  if (!existing) {
+    return;
+  }
+  if (existing <= 1) {
+    state.totals.delete(content);
+  } else {
+    state.totals.set(content, existing - 1);
+  }
+}
+
+function applyReactionToState(key, pointer, event) {
+  const normalized = normalizeReactionEvent(event);
+  if (!normalized) {
+    return false;
+  }
+  const state = ensurePointerState(key, pointer);
+  const existing = state.reactionsByPubkey.get(normalized.pubkey);
+
+  if (existing) {
+    if (existing.created_at > normalized.created_at) {
+      return false;
+    }
+    if (
+      existing.created_at === normalized.created_at &&
+      existing.eventId &&
+      normalized.eventId &&
+      existing.eventId === normalized.eventId &&
+      existing.content === normalized.content
+    ) {
+      return false;
+    }
+    if (
+      existing.created_at === normalized.created_at &&
+      existing.eventId &&
+      !normalized.eventId &&
+      existing.content === normalized.content
+    ) {
+      return false;
+    }
+  }
+
+  let changed = false;
+  if (!existing) {
+    incrementContentCount(state, normalized.content);
+    changed = true;
+  } else {
+    if (existing.content !== normalized.content) {
+      decrementContentCount(state, existing.content);
+      incrementContentCount(state, normalized.content);
+      changed = true;
+    }
+  }
+
+  if (
+    !existing ||
+    existing.created_at !== normalized.created_at ||
+    existing.eventId !== normalized.eventId ||
+    existing.content !== normalized.content
+  ) {
+    state.reactionsByPubkey.set(normalized.pubkey, normalized);
+    state.lastUpdatedAt = Date.now();
+    if (Number.isFinite(normalized.created_at)) {
+      const created = Math.max(0, Math.floor(normalized.created_at));
+      if (!Number.isFinite(state.latestCreatedAt) || created > state.latestCreatedAt) {
+        state.latestCreatedAt = created;
+      }
+    }
+    if (!changed) {
+      changed = true;
+    }
+  }
+
+  return changed;
+}
+
+function snapshotState(state) {
+  const counts = {};
+  let total = 0;
+  for (const [content, count] of state.totals.entries()) {
+    counts[content] = count;
+    total += count;
+  }
+  const reactions = {};
+  for (const [pubkey, record] of state.reactionsByPubkey.entries()) {
+    reactions[pubkey] = {
+      content: record.content,
+      created_at: record.created_at,
+      eventId: record.eventId,
+    };
+  }
+  const latestCreatedAt = Number.isFinite(state.latestCreatedAt)
+    ? Math.max(0, Math.floor(state.latestCreatedAt))
+    : 0;
+  return {
+    pointer: state.pointer ? { ...state.pointer } : null,
+    total,
+    counts,
+    reactions,
+    lastUpdatedAt: state.lastUpdatedAt,
+    latestCreatedAt,
+    lastSyncedAt: state.lastSyncedAt,
+    hydrated: Boolean(state.hydrated),
+  };
+}
+
+function notifyHandlers(key) {
+  const handlers = pointerHandlers.get(key);
+  if (!handlers || !handlers.size) {
+    return;
+  }
+  const state = pointerStates.get(key);
+  if (!state) {
+    return;
+  }
+  const snapshot = snapshotState(state);
+  for (const handler of handlers) {
+    if (typeof handler !== "function") {
+      continue;
+    }
+    try {
+      handler(snapshot);
+    } catch (error) {
+      userLogger.warn("[reactionCounter] Reaction handler threw:", error);
+    }
+  }
+}
+
+function subscribeToPointer(pointerInput, handler) {
+  if (typeof handler !== "function") {
+    return () => {};
+  }
+
+  const canonical = canonicalizePointerForState(pointerInput);
+  if (!canonical) {
+    return () => {};
+  }
+
+  const { key, pointer } = canonical;
+  const state = ensurePointerState(key, pointer);
+  let handlers = pointerHandlers.get(key);
+  if (!handlers) {
+    handlers = new Set();
+    pointerHandlers.set(key, handlers);
+  }
+  handlers.add(handler);
+
+  if (state) {
+    try {
+      handler(snapshotState(state));
+    } catch (error) {
+      userLogger.warn("[reactionCounter] Reaction handler threw:", error);
+    }
+  }
+
+  const hydrationPromise = ensureReactionHydration(key, pointer, state);
+  if (hydrationPromise && typeof hydrationPromise.then === "function") {
+    hydrationPromise
+      .catch((error) => {
+        devLogger.warn(
+          "[reactionCounter] Failed to hydrate reaction history:",
+          error,
+        );
+      })
+      .finally(() => {
+        if (hasHandlers(key)) {
+          ensureReactionLiveSubscription(key, pointer);
+        }
+      });
+  } else {
+    const liveToken = ensureReactionLiveSubscription(key, pointer);
+    if (
+      !liveToken &&
+      !hydrationPromise &&
+      !nostrClient?.pool &&
+      typeof nostrClient?.ensurePool === "function"
+    ) {
+      Promise.resolve()
+        .then(() => nostrClient.ensurePool())
+        .then(() => {
+          if (!hasHandlers(key)) {
+            return;
+          }
+          const followUp = ensureReactionHydration(key, pointer, state);
+          if (followUp && typeof followUp.then === "function") {
+            followUp
+              .catch((error) => {
+                devLogger.warn(
+                  "[reactionCounter] Failed to hydrate reaction history after pool init:",
+                  error,
+                );
+              })
+              .finally(() => {
+                if (hasHandlers(key)) {
+                  ensureReactionLiveSubscription(key, pointer);
+                }
+              });
+          } else if (hasHandlers(key)) {
+            ensureReactionLiveSubscription(key, pointer);
+          }
+        })
+        .catch((error) => {
+          devLogger.warn(
+            "[reactionCounter] Failed to initialize nostr pool for reactions:",
+            error,
+          );
+        });
+    }
+  }
+
+  return () => {
+    unsubscribeFromPointer(pointer, handler);
+  };
+}
+
+function unsubscribeFromPointer(pointerInput, handler) {
+  const canonical = canonicalizePointerForState(pointerInput);
+  if (!canonical) {
+    return;
+  }
+
+  const { key } = canonical;
+  const handlers = pointerHandlers.get(key);
+  if (!handlers) {
+    return;
+  }
+
+  if (handler && typeof handler === "function") {
+    handlers.delete(handler);
+  } else {
+    handlers.clear();
+  }
+
+  if (handlers.size === 0) {
+    pointerHandlers.delete(key);
+    teardownLiveSubscription(key);
+  }
+}
+
+function getPointerSnapshot(pointerInput) {
+  const canonical = canonicalizePointerForState(pointerInput);
+  if (!canonical) {
+    return null;
+  }
+
+  const state = pointerStates.get(canonical.key);
+  if (!state) {
+    return null;
+  }
+
+  return snapshotState(state);
+}
+
+function ingestLocalReaction({ event, pointer }) {
+  if (!event || !pointer) {
+    return;
+  }
+  try {
+    const canonical = canonicalizePointerForState(pointer);
+    if (!canonical) {
+      return;
+    }
+    const changed = applyReactionToState(canonical.key, canonical.pointer, event);
+    if (changed) {
+      notifyHandlers(canonical.key);
+    }
+  } catch (error) {
+    userLogger.warn("[reactionCounter] Failed to ingest local reaction:", error);
+  }
+}
+
+function hasHandlers(key) {
+  const handlers = pointerHandlers.get(key);
+  return Boolean(handlers && handlers.size);
+}
+
+function getPointerSignature(pointer) {
+  if (!pointer || typeof pointer !== "object") {
+    return "";
+  }
+  const type = pointer.type === "a" ? "a" : pointer.type === "e" ? "e" : "";
+  const value =
+    typeof pointer.value === "string" && pointer.value.trim()
+      ? pointer.value.trim()
+      : "";
+  if (!type || !value) {
+    return "";
+  }
+  const relay =
+    typeof pointer.relay === "string" && pointer.relay.trim()
+      ? pointer.relay.trim()
+      : "";
+  return `${type}:${value}:${relay}`;
+}
+
+function gatherRelayCandidates(pointer) {
+  const relays = [];
+  const seen = new Set();
+
+  const addRelay = (candidate) => {
+    if (typeof candidate !== "string") {
+      return;
+    }
+    const trimmed = candidate.trim();
+    if (!trimmed || seen.has(trimmed)) {
+      return;
+    }
+    seen.add(trimmed);
+    relays.push(trimmed);
+  };
+
+  if (pointer && typeof pointer.relay === "string") {
+    addRelay(pointer.relay);
+  }
+
+  const client = nostrClient || null;
+  const candidateLists = [client?.readRelays, client?.relays];
+
+  for (const list of candidateLists) {
+    if (!list) {
+      continue;
+    }
+    if (Array.isArray(list)) {
+      for (const relay of list) {
+        addRelay(relay);
+      }
+    } else if (list instanceof Set) {
+      for (const relay of list) {
+        addRelay(relay);
+      }
+    }
+  }
+
+  return relays;
+}
+
+function buildReactionFilters(pointer, { limit, since } = {}) {
+  if (!pointer || typeof pointer !== "object") {
+    return [];
+  }
+
+  const type = pointer.type === "a" ? "a" : pointer.type === "e" ? "e" : "";
+  const value =
+    typeof pointer.value === "string" && pointer.value.trim()
+      ? pointer.value.trim()
+      : "";
+  if (!type || !value) {
+    return [];
+  }
+
+  const filter = { kinds: [REACTION_EVENT_KIND] };
+
+  if (type === "a") {
+    filter["#a"] = [value];
+  } else {
+    filter["#e"] = [value];
+  }
+
+  if (Number.isFinite(limit) && limit > 0) {
+    filter.limit = Math.max(1, Math.floor(limit));
+  }
+
+  if (Number.isFinite(since) && since >= 0) {
+    filter.since = Math.max(0, Math.floor(since));
+  }
+
+  return [filter];
+}
+
+function buildPointerQuery(pointer, options = {}) {
+  const client = nostrClient || null;
+  const pool = client?.pool || null;
+  if (!pool || typeof pool.list !== "function") {
+    return null;
+  }
+
+  const relays = gatherRelayCandidates(pointer);
+  if (!relays.length) {
+    return null;
+  }
+
+  const filters = buildReactionFilters(pointer, options);
+  if (!filters.length) {
+    return null;
+  }
+
+  return { pool, relays, filters };
+}
+
+async function hydratePointerState(key, pointer, state) {
+  const query = buildPointerQuery(pointer, { limit: REACTION_HYDRATION_LIMIT });
+  if (!query) {
+    return null;
+  }
+
+  let events = [];
+  try {
+    events = await query.pool.list(query.relays, query.filters);
+  } catch (error) {
+    throw error;
+  }
+
+  const eventList = Array.isArray(events) ? events : [];
+  const ordered = eventList
+    .filter((event) => event && typeof event === "object")
+    .sort((a, b) => {
+      const aTime = Number.isFinite(a?.created_at) ? Number(a.created_at) : 0;
+      const bTime = Number.isFinite(b?.created_at) ? Number(b.created_at) : 0;
+      return aTime - bTime;
+    });
+
+  let changed = false;
+  for (const event of ordered) {
+    if (applyReactionToState(key, pointer, event)) {
+      changed = true;
+    }
+  }
+
+  state.lastSyncedAt = Date.now();
+  state.hydrated = true;
+
+  if (changed && hasHandlers(key)) {
+    notifyHandlers(key);
+  } else if (!ordered.length && hasHandlers(key)) {
+    notifyHandlers(key);
+  }
+
+  return null;
+}
+
+function ensureReactionHydration(key, pointer, state) {
+  if (!state || state.hydrated) {
+    return null;
+  }
+
+  if (pointerHydrationPromises.has(key)) {
+    return pointerHydrationPromises.get(key);
+  }
+
+  const query = buildPointerQuery(pointer, { limit: REACTION_HYDRATION_LIMIT });
+  if (!query) {
+    return null;
+  }
+
+  const promise = hydratePointerState(key, pointer, state)
+    .catch((error) => {
+      devLogger.warn("[reactionCounter] Failed to hydrate reaction history:", error);
+    })
+    .finally(() => {
+      pointerHydrationPromises.delete(key);
+    });
+
+  pointerHydrationPromises.set(key, promise);
+  return promise;
+}
+
+function teardownLiveSubscription(key) {
+  const existing = pointerSubscriptions.get(key);
+  if (!existing) {
+    return;
+  }
+  pointerSubscriptions.delete(key);
+  const unsub = existing.unsub;
+  if (typeof unsub === "function") {
+    try {
+      unsub();
+    } catch (error) {
+      devLogger.warn("[reactionCounter] Failed to tear down reaction stream:", error);
+    }
+  }
+}
+
+function ensureReactionLiveSubscription(key, pointer) {
+  const signature = getPointerSignature(pointer);
+  if (!signature) {
+    teardownLiveSubscription(key);
+    return null;
+  }
+
+  const existing = pointerSubscriptions.get(key);
+  if (existing && existing.signature === signature) {
+    return existing.unsub;
+  }
+
+  teardownLiveSubscription(key);
+
+  const query = buildPointerQuery(pointer, {});
+  if (!query || typeof query.pool.sub !== "function") {
+    return null;
+  }
+
+  const state = pointerStates.get(key);
+  const sinceSeconds =
+    Number.isFinite(state?.latestCreatedAt) && state.latestCreatedAt > 0
+      ? Math.max(0, Math.floor(state.latestCreatedAt))
+      : null;
+  if (Number.isFinite(sinceSeconds)) {
+    for (const filter of query.filters) {
+      if (filter && typeof filter === "object") {
+        filter.since = sinceSeconds;
+      }
+    }
+  }
+
+  let subscription;
+  try {
+    subscription = query.pool.sub(query.relays, query.filters);
+  } catch (error) {
+    devLogger.warn("[reactionCounter] Failed to subscribe to reaction events:", error);
+    return null;
+  }
+
+  const handleEvent = (event) => {
+    if (!event) {
+      return;
+    }
+    try {
+      const changed = applyReactionToState(key, pointer, event);
+      if (changed && hasHandlers(key)) {
+        notifyHandlers(key);
+      }
+    } catch (error) {
+      devLogger.warn("[reactionCounter] Reaction event handler failed:", error);
+    }
+  };
+
+  if (subscription && typeof subscription.on === "function") {
+    subscription.on("event", handleEvent);
+  }
+
+  const originalUnsub =
+    subscription && typeof subscription.unsub === "function"
+      ? subscription.unsub.bind(subscription)
+      : null;
+
+  const unsubscribe = () => {
+    if (originalUnsub) {
+      try {
+        originalUnsub();
+      } catch (error) {
+        devLogger.warn(
+          "[reactionCounter] Failed to unsubscribe from reaction events:",
+          error
+        );
+      }
+    }
+  };
+
+  pointerSubscriptions.set(key, {
+    signature,
+    unsub: unsubscribe,
+  });
+
+  return unsubscribe;
+}
+
+export const reactionCounter = {
+  async publish(pointer, options = {}) {
+    try {
+      const publishOptions = { ...options };
+
+      const pointerRelayFromPointer = (() => {
+        if (Array.isArray(pointer) && pointer.length >= 3) {
+          const relay = pointer[2];
+          if (typeof relay === "string" && relay.trim()) {
+            return relay.trim();
+          }
+        }
+        if (pointer && typeof pointer === "object") {
+          const relay = pointer.relay;
+          if (typeof relay === "string" && relay.trim()) {
+            return relay.trim();
+          }
+        }
+        return "";
+      })();
+
+      const pointerRelay =
+        typeof publishOptions.pointerRelay === "string" && publishOptions.pointerRelay.trim()
+          ? publishOptions.pointerRelay.trim()
+          : pointerRelayFromPointer;
+
+      if (pointerRelay && !publishOptions.pointerRelay) {
+        publishOptions.pointerRelay = pointerRelay;
+      }
+
+      const enrichedPointer = (() => {
+        if (!pointerRelay) {
+          return pointer;
+        }
+
+        if (Array.isArray(pointer) && pointer.length >= 2) {
+          const [type, value] = pointer;
+          return [type, value, pointerRelay];
+        }
+
+        if (pointer && typeof pointer === "object") {
+          return { ...pointer, relay: pointerRelay };
+        }
+
+        return pointer;
+      })();
+
+      const explicitAuthor =
+        typeof publishOptions.targetAuthorPubkey === "string" &&
+        publishOptions.targetAuthorPubkey.trim()
+          ? publishOptions.targetAuthorPubkey.trim()
+          : "";
+
+      if (!explicitAuthor) {
+        const fallbackAuthor = (() => {
+          if (
+            typeof publishOptions.authorPubkey === "string" &&
+            publishOptions.authorPubkey.trim()
+          ) {
+            return publishOptions.authorPubkey.trim();
+          }
+          if (
+            typeof publishOptions.currentVideoPubkey === "string" &&
+            publishOptions.currentVideoPubkey.trim()
+          ) {
+            return publishOptions.currentVideoPubkey.trim();
+          }
+          if (
+            publishOptions.video &&
+            typeof publishOptions.video.pubkey === "string" &&
+            publishOptions.video.pubkey.trim()
+          ) {
+            return publishOptions.video.pubkey.trim();
+          }
+          return "";
+        })();
+
+        if (fallbackAuthor) {
+          publishOptions.targetAuthorPubkey = fallbackAuthor;
+        }
+      }
+
+      const result = await nostrClient.publishVideoReaction(
+        enrichedPointer,
+        publishOptions,
+      );
+      if (!result || !result.ok) {
+        userLogger.warn(
+          "[reactionCounter] Reaction publish rejected by relays:",
+          result?.results || result
+        );
+      } else if (Array.isArray(result.acceptedRelays)) {
+        devLogger.info(
+          `[reactionCounter] Reaction accepted by ${result.acceptedRelays.length} relay(s):`,
+          result.acceptedRelays.join(", ")
+        );
+        const eventPayload = result.event || {
+          pubkey:
+            typeof publishOptions.actorPubkey === "string"
+              ? publishOptions.actorPubkey
+              : undefined,
+          content: publishOptions.content,
+          created_at: publishOptions.created_at,
+        };
+        if (eventPayload && eventPayload.pubkey) {
+          ingestLocalReaction({
+            pointer: enrichedPointer,
+            event: eventPayload,
+          });
+        }
+      }
+      return result;
+    } catch (error) {
+      userLogger.warn("[reactionCounter] Failed to publish reaction event:", error);
+      throw error;
+    }
+  },
+};
+
+reactionCounter.subscribe = subscribeToPointer;
+reactionCounter.unsubscribe = unsubscribeFromPointer;
+reactionCounter.getSnapshot = getPointerSnapshot;
+
+export default reactionCounter;
+export {
+  subscribeToPointer as subscribeToReactions,
+  unsubscribeFromPointer as unsubscribeFromReactions,
+  getPointerSnapshot as getReactionSnapshot,
+};
diff --git a/dist/js/relayManager.js b/dist/js/relayManager.js
new file mode 100644
index 00000000..a7d20bfe
--- /dev/null
+++ b/dist/js/relayManager.js
@@ -0,0 +1,771 @@
+import { isDevMode } from "./config.js";
+import { DEFAULT_RELAY_URLS } from "./nostr/toolkit.js";
+import {
+  nostrClient,
+  requestDefaultExtensionPermissions,
+} from "./nostrClientFacade.js";
+import { getActiveSigner } from "./nostr/index.js";
+import { buildRelayListEvent, NOTE_TYPES } from "./nostrEventSchemas.js";
+import { CACHE_POLICIES, STORAGE_TIERS } from "./nostr/cachePolicies.js";
+import { devLogger, userLogger } from "./utils/logger.js";
+import {
+  publishEventToRelays,
+  assertAnyRelayAccepted,
+} from "./nostrPublish.js";
+import { profileCache } from "./state/profileCache.js";
+
+const MODE_SEQUENCE = ["both", "read", "write"];
+
+const FAST_RELAY_FETCH_LIMIT = 3;
+const FAST_RELAY_TIMEOUT_MS = 2500;
+const BACKGROUND_RELAY_TIMEOUT_MS = 6000;
+
+function normalizeHexPubkey(pubkey) {
+  if (typeof pubkey !== "string") {
+    return null;
+  }
+  const trimmed = pubkey.trim();
+  if (!trimmed) {
+    return null;
+  }
+  if (!/^[0-9a-f]{64}$/i.test(trimmed)) {
+    return null;
+  }
+  return trimmed.toLowerCase();
+}
+
+function normalizeRelayUrl(input) {
+  if (typeof input !== "string") {
+    return null;
+  }
+
+  const enforceTls =
+    typeof window !== "undefined" &&
+    window?.location?.protocol === "https:";
+
+  let candidate = input.trim();
+  if (!candidate) {
+    return null;
+  }
+
+  if (!/^[a-z]+:\/\//i.test(candidate)) {
+    candidate = `wss://${candidate}`;
+  }
+
+  let parsed;
+  try {
+    parsed = new URL(candidate);
+  } catch (error) {
+    return null;
+  }
+
+  if (parsed.protocol !== "wss:" && parsed.protocol !== "ws:") {
+    return null;
+  }
+
+  if (enforceTls && parsed.protocol === "ws:") {
+    try {
+      parsed = new URL(candidate.replace(/^ws:/i, "wss:"));
+    } catch (error) {
+      return null;
+    }
+  }
+
+  if (enforceTls && parsed.protocol !== "wss:") {
+    return null;
+  }
+
+  const hostname = parsed.hostname.toLowerCase();
+  const port = parsed.port ? `:${parsed.port}` : "";
+  let pathname = parsed.pathname || "";
+  if (pathname !== "/") {
+    pathname = pathname.replace(/\/+$/, "");
+  }
+  if (pathname === "/") {
+    pathname = "";
+  }
+  const search = parsed.search || "";
+  const hash = parsed.hash || "";
+
+  return `${parsed.protocol}//${hostname}${port}${pathname}${search}${hash}`;
+}
+
+function deriveMode(marker) {
+  if (typeof marker !== "string") {
+    return "both";
+  }
+  const normalized = marker.trim().toLowerCase();
+  if (normalized === "read") {
+    return "read";
+  }
+  if (normalized === "write") {
+    return "write";
+  }
+  return "both";
+}
+
+function createEntry(url, mode = "both") {
+  const normalizedMode = deriveMode(mode);
+  return {
+    url,
+    mode: normalizedMode,
+    read: normalizedMode !== "write",
+    write: normalizedMode !== "read",
+  };
+}
+
+function cloneEntry(entry) {
+  return {
+    url: entry.url,
+    mode: entry.mode,
+    read: !!entry.read,
+    write: !!entry.write,
+  };
+}
+
+function serializeEntries(entries) {
+  return JSON.stringify(
+    entries.map((entry) => ({ url: entry.url, mode: entry.mode }))
+  );
+}
+
+function parseRelayTags(tags) {
+  if (!Array.isArray(tags)) {
+    return [];
+  }
+
+  const seen = new Map();
+  const order = [];
+
+  tags.forEach((tag) => {
+    if (!Array.isArray(tag) || tag.length < 2) {
+      return;
+    }
+    if (tag[0] !== "r") {
+      return;
+    }
+    const normalizedUrl = normalizeRelayUrl(tag[1]);
+    if (!normalizedUrl) {
+      return;
+    }
+    if (!seen.has(normalizedUrl)) {
+      seen.set(normalizedUrl, { read: false, write: false });
+      order.push(normalizedUrl);
+    }
+    const record = seen.get(normalizedUrl);
+    const mode = deriveMode(tag[2]);
+    if (mode === "read") {
+      record.read = true;
+    } else if (mode === "write") {
+      record.write = true;
+    } else {
+      record.read = true;
+      record.write = true;
+    }
+  });
+
+  return order.map((url) => {
+    const record = seen.get(url) || { read: true, write: true };
+    if (record.read && record.write) {
+      return createEntry(url, "both");
+    }
+    if (record.read) {
+      return createEntry(url, "read");
+    }
+    if (record.write) {
+      return createEntry(url, "write");
+    }
+    return createEntry(url, "both");
+  });
+}
+
+function resolveEntryInput(entry) {
+  if (typeof entry === "string") {
+    return { url: entry, mode: "both" };
+  }
+  if (!entry || typeof entry !== "object") {
+    return null;
+  }
+  const url = typeof entry.url === "string" ? entry.url : "";
+  let mode = entry.mode || entry.marker;
+  if (!mode) {
+    if (entry.read === true && entry.write === false) {
+      mode = "read";
+    } else if (entry.write === true && entry.read === false) {
+      mode = "write";
+    }
+  }
+  return { url, mode: deriveMode(mode) };
+}
+
+class RelayPreferencesManager {
+  constructor() {
+    this.entries = [];
+    this.entryIndex = new Map();
+    this.lastEvent = null;
+    this.loadedPubkey = null;
+    this.lastLoadSource = "default";
+    this.defaultEntries = DEFAULT_RELAY_URLS.map((url) => {
+      const normalized = normalizeRelayUrl(url) || url;
+      return createEntry(normalized, "both");
+    });
+
+    // Attempt to load from storage if policy allows
+    const loaded = this.loadFromStorage();
+    if (loaded && loaded.length) {
+      this.setEntries(loaded, { allowEmpty: false, updateClient: true });
+    } else {
+      this.setEntries(this.defaultEntries, { allowEmpty: false, updateClient: true });
+    }
+
+    profileCache.subscribe((event, detail) => {
+      if (event === "profileChanged") {
+        const fresh = this.loadFromStorage();
+        if (fresh && fresh.length) {
+          this.setEntries(fresh, { allowEmpty: false, updateClient: true });
+        } else {
+          this.setEntries(this.defaultEntries, { allowEmpty: false, updateClient: true });
+        }
+      }
+    });
+  }
+
+  loadFromStorage() {
+    const cached = profileCache.get("relays");
+    if (Array.isArray(cached)) {
+      return cached;
+    }
+    return null;
+  }
+
+  saveToStorage() {
+    profileCache.set("relays", this.entries.map((entry) => ({ url: entry.url, mode: entry.mode })));
+  }
+
+  snapshot() {
+    return this.getEntries();
+  }
+
+  getEntries() {
+    return this.entries.map((entry) => cloneEntry(entry));
+  }
+
+  getAllRelayUrls() {
+    return this.entries.map((entry) => entry.url);
+  }
+
+  getReadRelayUrls() {
+    return this.entries.filter((entry) => entry.read).map((entry) => entry.url);
+  }
+
+  getWriteRelayUrls() {
+    return this.entries.filter((entry) => entry.write).map((entry) => entry.url);
+  }
+
+  syncClient() {
+    if (nostrClient && typeof nostrClient.applyRelayPreferences === "function") {
+      nostrClient.applyRelayPreferences({
+        all: this.getAllRelayUrls(),
+        read: this.getReadRelayUrls(),
+        write: this.getWriteRelayUrls(),
+      });
+    } else if (nostrClient) {
+      nostrClient.relays = this.getAllRelayUrls();
+      const writeUrls = this.getWriteRelayUrls();
+      if (Array.isArray(writeUrls) && writeUrls.length) {
+        nostrClient.writeRelays = [...writeUrls];
+      } else {
+        nostrClient.writeRelays = this.getAllRelayUrls();
+      }
+    }
+  }
+
+  setEntries(entries, { allowEmpty = false, updateClient = true } = {}) {
+    const nextEntries = [];
+    const indexMap = new Map();
+
+    if (Array.isArray(entries)) {
+      entries.forEach((item) => {
+        const resolved = resolveEntryInput(item);
+        if (!resolved) {
+          return;
+        }
+        const normalizedUrl = normalizeRelayUrl(resolved.url);
+        if (!normalizedUrl || indexMap.has(normalizedUrl)) {
+          return;
+        }
+        const normalizedEntry = createEntry(normalizedUrl, resolved.mode);
+        indexMap.set(normalizedUrl, nextEntries.length);
+        nextEntries.push(normalizedEntry);
+      });
+    }
+
+    if (!nextEntries.length && !allowEmpty) {
+      this.entries = this.defaultEntries.map((entry) => cloneEntry(entry));
+      this.entryIndex = new Map(
+        this.entries.map((entry, idx) => [entry.url, idx])
+      );
+      if (updateClient) {
+        this.syncClient();
+      }
+      return this.getEntries();
+    }
+
+    this.entries = nextEntries.map((entry) => cloneEntry(entry));
+    this.entryIndex = new Map(
+      this.entries.map((entry, idx) => [entry.url, idx])
+    );
+
+    if (!this.entries.length && !allowEmpty) {
+      this.entries = this.defaultEntries.map((entry) => cloneEntry(entry));
+      this.entryIndex = new Map(
+        this.entries.map((entry, idx) => [entry.url, idx])
+      );
+    }
+
+    if (updateClient) {
+      this.syncClient();
+    }
+
+    this.saveToStorage();
+    return this.getEntries();
+  }
+
+  addRelay(url, mode = "both") {
+    const normalizedUrl = normalizeRelayUrl(url);
+    if (!normalizedUrl) {
+      const error = new Error("Enter a valid WSS relay URL.");
+      error.code = "invalid";
+      throw error;
+    }
+    if (this.entryIndex.has(normalizedUrl)) {
+      return {
+        changed: false,
+        reason: "duplicate",
+        entry: cloneEntry(this.entries[this.entryIndex.get(normalizedUrl)]),
+      };
+    }
+
+    const nextEntries = this.getEntries();
+    nextEntries.push({ url: normalizedUrl, mode });
+    this.setEntries(nextEntries, { allowEmpty: false });
+
+    return {
+      changed: true,
+      entry: cloneEntry(this.entries[this.entryIndex.get(normalizedUrl)]),
+    };
+  }
+
+  updateRelayMode(url, mode = "both") {
+    const normalizedUrl = normalizeRelayUrl(url);
+    if (!normalizedUrl) {
+      const error = new Error("Enter a valid relay URL.");
+      error.code = "invalid";
+      throw error;
+    }
+    if (!this.entryIndex.has(normalizedUrl)) {
+      return { changed: false, reason: "missing" };
+    }
+
+    const normalizedMode = deriveMode(mode);
+    const index = this.entryIndex.get(normalizedUrl);
+    const current = this.entries[index];
+    if (current.mode === normalizedMode) {
+      return { changed: false, entry: cloneEntry(current) };
+    }
+
+    const nextEntries = this.getEntries();
+    nextEntries[index].mode = normalizedMode;
+    this.setEntries(nextEntries, { allowEmpty: false });
+
+    return {
+      changed: true,
+      entry: cloneEntry(this.entries[this.entryIndex.get(normalizedUrl)]),
+    };
+  }
+
+  cycleRelayMode(url) {
+    const normalizedUrl = normalizeRelayUrl(url);
+    if (!normalizedUrl) {
+      const error = new Error("Enter a valid relay URL.");
+      error.code = "invalid";
+      throw error;
+    }
+    if (!this.entryIndex.has(normalizedUrl)) {
+      const error = new Error("Relay not found.");
+      error.code = "missing";
+      throw error;
+    }
+    const index = this.entryIndex.get(normalizedUrl);
+    const currentMode = this.entries[index].mode || "both";
+    const currentIdx = MODE_SEQUENCE.indexOf(currentMode);
+    const nextMode = MODE_SEQUENCE[(currentIdx + 1) % MODE_SEQUENCE.length];
+    return this.updateRelayMode(normalizedUrl, nextMode);
+  }
+
+  removeRelay(url) {
+    const normalizedUrl = normalizeRelayUrl(url);
+    if (!normalizedUrl) {
+      const error = new Error("Enter a valid relay URL to remove.");
+      error.code = "invalid";
+      throw error;
+    }
+    if (!this.entryIndex.has(normalizedUrl)) {
+      return { changed: false, reason: "missing" };
+    }
+    if (this.entries.length <= 1) {
+      const error = new Error("At least one relay is required.");
+      error.code = "minimum";
+      throw error;
+    }
+
+    const nextEntries = this.getEntries().filter((entry) => entry.url !== normalizedUrl);
+    this.setEntries(nextEntries, { allowEmpty: false });
+    return { changed: true };
+  }
+
+  restoreDefaults() {
+    const before = serializeEntries(this.entries);
+    this.setEntries(this.defaultEntries, { allowEmpty: false });
+    const after = serializeEntries(this.entries);
+    return { changed: before !== after };
+  }
+
+  reset() {
+    this.lastEvent = null;
+    this.loadedPubkey = null;
+    this.lastLoadSource = "default";
+    this.setEntries(this.defaultEntries, { allowEmpty: false });
+  }
+
+  getPublishTargets(customTargets = null) {
+    const targets = new Set();
+    const list =
+      Array.isArray(customTargets) && customTargets.length
+        ? customTargets
+        : this.getAllRelayUrls();
+
+    list.forEach((candidate) => {
+      const normalized = normalizeRelayUrl(candidate);
+      if (normalized) {
+        targets.add(normalized);
+      }
+    });
+
+    DEFAULT_RELAY_URLS.forEach((url) => {
+      const normalized = normalizeRelayUrl(url) || url;
+      targets.add(normalized);
+    });
+
+    return Array.from(targets);
+  }
+
+  async loadRelayList(pubkey) {
+    const normalizedPubkey = normalizeHexPubkey(pubkey);
+    this.loadedPubkey = normalizedPubkey;
+
+    if (!normalizedPubkey) {
+      this.lastLoadSource = "default";
+      this.setEntries(this.defaultEntries, { allowEmpty: false });
+      return { ok: false, reason: "invalid-pubkey" };
+    }
+
+    if (!nostrClient?.pool) {
+      this.lastLoadSource = "default";
+      this.setEntries(this.defaultEntries, { allowEmpty: false });
+      return { ok: false, reason: "nostr-uninitialized" };
+    }
+
+    const filter = { kinds: [10002], authors: [normalizedPubkey], limit: 1 };
+    const targetRelays = this.getPublishTargets();
+    const applyEvents = (events, { skipIfEmpty = false } = {}) => {
+      if (!Array.isArray(events) || !events.length) {
+        if (skipIfEmpty) {
+          return null;
+        }
+        this.lastEvent = null;
+        this.lastLoadSource = "default";
+        this.setEntries(this.defaultEntries, { allowEmpty: false });
+        return { ok: true, source: "default", events: [] };
+      }
+
+      const sorted = events
+        .filter((event) => event && event.pubkey === normalizedPubkey)
+        .sort((a, b) => (b?.created_at || 0) - (a?.created_at || 0));
+
+      if (!sorted.length) {
+        if (skipIfEmpty) {
+          return null;
+        }
+        this.lastEvent = null;
+        this.lastLoadSource = "default";
+        this.setEntries(this.defaultEntries, { allowEmpty: false });
+        return { ok: true, source: "default", events: [] };
+      }
+
+      const newest = sorted[0];
+      this.lastEvent = newest;
+
+      const parsed = parseRelayTags(newest?.tags);
+      if (parsed.length) {
+        this.setEntries(parsed, { allowEmpty: false });
+        this.lastLoadSource = "event";
+        return { ok: true, source: "event", event: newest };
+      }
+
+      this.lastLoadSource = "default";
+      this.setEntries(this.defaultEntries, { allowEmpty: false });
+      return { ok: true, source: "default", event: newest };
+    };
+
+    const fetchFromRelay = (relayUrl, timeoutMs, requireEvent) => {
+      return new Promise((resolve, reject) => {
+        let settled = false;
+        const timer = setTimeout(() => {
+          if (settled) {
+            return;
+          }
+          settled = true;
+          const timeoutError = new Error(
+            `Timed out fetching relay list from ${relayUrl} after ${timeoutMs}ms`
+          );
+          timeoutError.code = "timeout";
+          timeoutError.relay = relayUrl;
+          timeoutError.timeoutMs = timeoutMs;
+          reject(timeoutError);
+        }, timeoutMs);
+
+        Promise.resolve()
+          .then(() => nostrClient.pool.list([relayUrl], [filter]))
+          .then((result) => {
+            if (settled) {
+              return;
+            }
+            settled = true;
+            clearTimeout(timer);
+            const events = Array.isArray(result)
+              ? result.filter((event) => event && event.pubkey === normalizedPubkey)
+              : [];
+            if (requireEvent && !events.length) {
+              const emptyError = new Error(
+                `No relay list events returned from ${relayUrl}`
+              );
+              emptyError.code = "empty";
+              emptyError.relay = relayUrl;
+              reject(emptyError);
+              return;
+            }
+            resolve({ relayUrl, events });
+          })
+          .catch((error) => {
+            if (settled) {
+              return;
+            }
+            settled = true;
+            clearTimeout(timer);
+            const wrapped =
+              error instanceof Error ? error : new Error(String(error));
+            wrapped.relay = relayUrl;
+            reject(wrapped);
+          });
+      });
+    };
+
+    const fastRelays = targetRelays.slice(0, FAST_RELAY_FETCH_LIMIT);
+    const backgroundRelays = targetRelays.slice(fastRelays.length);
+
+    const fastPromises = fastRelays.map((relayUrl) =>
+      fetchFromRelay(relayUrl, FAST_RELAY_TIMEOUT_MS, true)
+    );
+    const backgroundPromises = backgroundRelays.map((relayUrl) =>
+      fetchFromRelay(relayUrl, BACKGROUND_RELAY_TIMEOUT_MS, false)
+    );
+
+    const background = Promise.allSettled([
+      ...fastPromises,
+      ...backgroundPromises,
+    ])
+      .then((outcomes) => {
+        const aggregated = [];
+        outcomes.forEach((outcome) => {
+          if (outcome.status === "fulfilled") {
+            const events = Array.isArray(outcome.value?.events)
+              ? outcome.value.events
+              : [];
+            if (events.length) {
+              aggregated.push(...events);
+            }
+          } else {
+            const reason = outcome.reason;
+            if (reason?.code === "timeout") {
+              devLogger.warn(
+              `[relayManager] Relay ${reason.relay} timed out while loading relay list (${reason.timeoutMs}ms)`
+              );
+            } else devLogger.warn(
+ `[relayManager] Relay ${reason?.relay || "unknown"} failed while loading relay list:`,
+ reason
+ );
+          }
+        });
+
+        if (!aggregated.length) {
+          return;
+        }
+
+        applyEvents(aggregated, { skipIfEmpty: true });
+      })
+      .catch((error) => {
+        devLogger.warn("[relayManager] Background relay refresh failed", error);
+      });
+
+    let fastResult = null;
+    if (fastPromises.length) {
+      try {
+        fastResult = await Promise.any(fastPromises);
+      } catch (error) {
+        if (error instanceof AggregateError) {
+          error.errors?.forEach((err) => {
+            if (err?.code === "timeout" && isDevMode) {
+              userLogger.warn(
+                `[relayManager] Relay ${err.relay} timed out while loading relay list (${err.timeoutMs}ms)`
+              );
+            }
+          });
+        } else devLogger.warn("[relayManager] Fast relay fetch failed", error);
+      }
+    }
+
+    if (fastResult?.events?.length) {
+      const result = applyEvents(fastResult.events);
+      background.catch(() => {});
+      return result;
+    }
+
+    const fallback = applyEvents([], { skipIfEmpty: false });
+    background.catch(() => {});
+    return fallback;
+  }
+
+  async publishRelayList(pubkey, options = {}) {
+    const normalizedPubkey = normalizeHexPubkey(pubkey);
+    if (!normalizedPubkey) {
+      const error = new Error(
+        "A valid pubkey is required to publish relay preferences."
+      );
+      error.code = "invalid-pubkey";
+      throw error;
+    }
+
+    const signer = getActiveSigner();
+    if (!signer || typeof signer.signEvent !== "function") {
+      const error = new Error(
+        "An active signer with signEvent support is required to publish relay preferences."
+      );
+      error.code = "nostr-extension-missing";
+      throw error;
+    }
+
+    if (signer.type === "extension") {
+      const permissionResult = await requestDefaultExtensionPermissions();
+      if (!permissionResult.ok) {
+        userLogger.warn(
+          "[RelayPreferencesManager] Signer permissions denied while publishing relay preferences.",
+          permissionResult.error,
+        );
+        const error = new Error(
+          "The active signer must allow signing before publishing relay preferences.",
+        );
+        error.code = "extension-permission-denied";
+        error.cause = permissionResult.error;
+        throw error;
+      }
+    }
+
+    if (!nostrClient?.pool) {
+      const error = new Error(
+        "Nostr is not connected yet. Please try again once relays are ready."
+      );
+      error.code = "nostr-uninitialized";
+      throw error;
+    }
+
+    const entries = this.getEntries();
+    if (!entries.length) {
+      const error = new Error("Add at least one relay before publishing.");
+      error.code = "empty";
+      throw error;
+    }
+
+    const event = buildRelayListEvent({
+      pubkey: normalizedPubkey,
+      created_at: Math.floor(Date.now() / 1000),
+      relays: entries,
+    });
+
+    const signedEvent = await signer.signEvent(event);
+    const targets = this.getPublishTargets(options?.relayUrls);
+
+    if (!targets.length) {
+      const error = new Error("No relay targets are available for publishing.");
+      error.code = "no-targets";
+      throw error;
+    }
+
+    const publishResults = await publishEventToRelays(
+      nostrClient.pool,
+      targets,
+      signedEvent
+    );
+
+    let publishSummary;
+    try {
+      publishSummary = assertAnyRelayAccepted(publishResults, {
+        context: "relay preferences update",
+        message: "No relays accepted the update.",
+      });
+    } catch (publishError) {
+      if (publishError?.relayFailures?.length) {
+        publishError.relayFailures.forEach(
+          ({ url, error: relayError, reason }) => {
+            userLogger.error(
+              `[RelayPreferencesManager] Relay ${url} rejected relay list: ${reason}`,
+              relayError || reason
+            );
+          }
+        );
+      }
+      throw publishError;
+    }
+
+    if (publishSummary.failed.length) {
+      publishSummary.failed.forEach(({ url, error: relayError }) => {
+        const reason =
+          relayError instanceof Error
+            ? relayError.message
+            : relayError
+            ? String(relayError)
+            : "publish failed";
+        userLogger.warn(
+          `[RelayPreferencesManager] Relay ${url} did not acknowledge relay list: ${reason}`,
+          relayError
+        );
+      });
+    }
+
+    const accepted = publishSummary.accepted.map(({ url }) => url);
+    const failed = publishSummary.failed.map(({ url, error: relayError }) => ({
+      url,
+      reason: relayError || null,
+    }));
+
+    this.lastEvent = signedEvent;
+
+    return { ok: true, event: signedEvent, accepted, failed, targets };
+  }
+
+  getLastLoadSource() {
+    return this.lastLoadSource;
+  }
+}
+
+export const relayManager = new RelayPreferencesManager();
diff --git a/dist/js/search/searchFilterMatchers.js b/dist/js/search/searchFilterMatchers.js
new file mode 100644
index 00000000..13628efe
--- /dev/null
+++ b/dist/js/search/searchFilterMatchers.js
@@ -0,0 +1,80 @@
+import { ALLOW_NSFW_CONTENT } from "../config.js";
+
+export function buildVideoSearchFilterMatcher(filters = {}, options = {}) {
+  const allowNsfw = options.allowNsfw ?? ALLOW_NSFW_CONTENT;
+  const authorSet = new Set(
+    Array.isArray(filters?.authorPubkeys)
+      ? filters.authorPubkeys.map((author) => author.toLowerCase())
+      : [],
+  );
+  const tagSet = new Set(
+    Array.isArray(filters?.tags) ? filters.tags.map((tag) => tag.toLowerCase()) : [],
+  );
+  const afterDate = Number.isFinite(filters?.dateRange?.after)
+    ? filters.dateRange.after
+    : null;
+  const beforeDate = Number.isFinite(filters?.dateRange?.before)
+    ? filters.dateRange.before
+    : null;
+  const minDuration = Number.isFinite(filters?.duration?.minSeconds)
+    ? filters.duration.minSeconds
+    : null;
+  const maxDuration = Number.isFinite(filters?.duration?.maxSeconds)
+    ? filters.duration.maxSeconds
+    : null;
+  const hasMagnet = filters?.hasMagnet === true;
+  const hasUrl = filters?.hasUrl === true;
+  const nsfwFilter = typeof filters?.nsfw === "string" ? filters.nsfw : "any";
+
+  return (video) => {
+    if (!video) return false;
+
+    if (authorSet.size > 0) {
+      const pubkey = typeof video.pubkey === "string" ? video.pubkey.toLowerCase() : "";
+      if (!pubkey || !authorSet.has(pubkey)) return false;
+    }
+
+    if (tagSet.size > 0) {
+      const tags = Array.isArray(video.tags) ? video.tags : [];
+      const hasTag = tags.some((tag) => {
+        if (Array.isArray(tag)) {
+          return tag[0] === "t" && tagSet.has(String(tag[1] || "").toLowerCase());
+        }
+        return tagSet.has(String(tag || "").toLowerCase());
+      });
+      if (!hasTag) return false;
+    }
+
+    if (Number.isFinite(afterDate) && (!Number.isFinite(video.created_at) || video.created_at < afterDate)) {
+      return false;
+    }
+    if (Number.isFinite(beforeDate) && (!Number.isFinite(video.created_at) || video.created_at > beforeDate)) {
+      return false;
+    }
+
+    if (hasMagnet && !video.magnet) return false;
+    if (hasUrl && !video.url) return false;
+
+    if (Number.isFinite(minDuration) || Number.isFinite(maxDuration)) {
+      const duration = Number(video.nip71?.duration);
+      if (!Number.isFinite(duration)) return false;
+      if (Number.isFinite(minDuration) && duration < minDuration) return false;
+      if (Number.isFinite(maxDuration) && duration > maxDuration) return false;
+    }
+
+    if (allowNsfw !== true && video.isNsfw === true) {
+      return false;
+    }
+
+    if (allowNsfw === true) {
+      if ((nsfwFilter === "true" || nsfwFilter === "only") && video.isNsfw !== true) {
+        return false;
+      }
+      if (nsfwFilter === "false" && video.isNsfw === true) {
+        return false;
+      }
+    }
+
+    return true;
+  };
+}
diff --git a/dist/js/search/searchFilterState.js b/dist/js/search/searchFilterState.js
new file mode 100644
index 00000000..852c5763
--- /dev/null
+++ b/dist/js/search/searchFilterState.js
@@ -0,0 +1,104 @@
+import {
+  DEFAULT_FILTERS,
+  parseFilterQuery,
+  serializeFiltersToQuery,
+} from "./searchFilters.js";
+
+const listeners = new Set();
+
+const cloneFilters = (filters = DEFAULT_FILTERS) => ({
+  dateRange: {
+    after: filters?.dateRange?.after ?? null,
+    before: filters?.dateRange?.before ?? null,
+  },
+  sort: filters?.sort ?? DEFAULT_FILTERS.sort,
+  authorPubkeys: Array.isArray(filters?.authorPubkeys)
+    ? [...filters.authorPubkeys]
+    : [],
+  tags: Array.isArray(filters?.tags) ? [...filters.tags] : [],
+  textScope: filters?.textScope ?? DEFAULT_FILTERS.textScope,
+  duration: {
+    minSeconds: filters?.duration?.minSeconds ?? null,
+    maxSeconds: filters?.duration?.maxSeconds ?? null,
+  },
+  hasMagnet:
+    typeof filters?.hasMagnet === "boolean" ? filters.hasMagnet : null,
+  hasUrl: typeof filters?.hasUrl === "boolean" ? filters.hasUrl : null,
+  nsfw: filters?.nsfw ?? DEFAULT_FILTERS.nsfw,
+  relay: filters?.relay ?? DEFAULT_FILTERS.relay,
+  kind:
+    Number.isFinite(filters?.kind) && filters.kind !== null
+      ? filters.kind
+      : null,
+});
+
+let state = {
+  text: "",
+  filters: cloneFilters(DEFAULT_FILTERS),
+};
+
+function notify() {
+  const snapshot = getSearchFilterState();
+  listeners.forEach((listener) => listener(snapshot));
+}
+
+export function getSearchFilterState() {
+  return {
+    text: state.text,
+    filters: cloneFilters(state.filters),
+  };
+}
+
+export function setSearchFilterState(nextState = {}, options = {}) {
+  state = {
+    text: typeof nextState.text === "string" ? nextState.text : "",
+    filters: cloneFilters(nextState.filters),
+  };
+  if (options.notify !== false) {
+    notify();
+  }
+}
+
+export function resetSearchFilters(options = {}) {
+  state = {
+    text: state.text,
+    filters: cloneFilters(DEFAULT_FILTERS),
+  };
+  if (options.notify !== false) {
+    notify();
+  }
+}
+
+export function syncSearchFilterStateFromHash(hash = "") {
+  const hashString =
+    typeof hash === "string" && hash ? hash : window?.location?.hash || "";
+  const hashParams = new URLSearchParams(
+    hashString.split("?")[1] || hashString.slice(1),
+  );
+  const rawQuery = hashParams.get("q") || "";
+  const rawFilters = hashParams.get("filters") || "";
+  const parsed = parseFilterQuery(
+    [rawQuery, rawFilters].filter(Boolean).join(" "),
+  );
+  setSearchFilterState(
+    {
+      text: parsed.text || "",
+      filters: parsed.filters,
+    },
+    { notify: true },
+  );
+  return parsed;
+}
+
+export function buildSearchHashFromState(nextState = state) {
+  const params = new URLSearchParams();
+  if (nextState.text) {
+    params.set("q", nextState.text);
+  }
+  const serialized = serializeFiltersToQuery(nextState.filters);
+  if (serialized) {
+    params.set("filters", serialized);
+  }
+  const queryString = params.toString();
+  return queryString ? `search&${queryString}` : "search";
+}
diff --git a/dist/js/search/searchFilters.js b/dist/js/search/searchFilters.js
new file mode 100644
index 00000000..d0dc4474
--- /dev/null
+++ b/dist/js/search/searchFilters.js
@@ -0,0 +1,331 @@
+const DATE_FORMAT_OPTIONS = {
+  year: "numeric",
+  month: "2-digit",
+  day: "2-digit",
+};
+
+export const DEFAULT_FILTERS = {
+  dateRange: {
+    after: null,
+    before: null,
+  },
+  sort: "relevance",
+  authorPubkeys: [],
+  tags: [],
+  textScope: "all",
+  duration: {
+    minSeconds: null,
+    maxSeconds: null,
+  },
+  hasMagnet: null,
+  hasUrl: null,
+  nsfw: "any",
+  relay: null,
+  kind: null,
+};
+
+const BOOLEAN_OPERATORS = new Set(["AND", "OR", "NOT"]);
+
+const cloneDefaultFilters = () => ({
+  dateRange: { ...DEFAULT_FILTERS.dateRange },
+  sort: DEFAULT_FILTERS.sort,
+  authorPubkeys: [],
+  tags: [],
+  textScope: DEFAULT_FILTERS.textScope,
+  duration: { ...DEFAULT_FILTERS.duration },
+  hasMagnet: DEFAULT_FILTERS.hasMagnet,
+  hasUrl: DEFAULT_FILTERS.hasUrl,
+  nsfw: DEFAULT_FILTERS.nsfw,
+  relay: DEFAULT_FILTERS.relay,
+  kind: DEFAULT_FILTERS.kind,
+});
+
+const normalizeWhitespace = (input) =>
+  input.replace(/\s+/g, " ").trim();
+
+const tokenizeQuery = (input) => {
+  const tokens = [];
+  let current = "";
+  let inQuotes = false;
+
+  for (let i = 0; i < input.length; i += 1) {
+    const char = input[i];
+    if (char === '"' && input[i - 1] !== "\\") {
+      inQuotes = !inQuotes;
+      continue;
+    }
+
+    if (!inQuotes && /\s/.test(char)) {
+      if (current) {
+        tokens.push(current);
+        current = "";
+      }
+      continue;
+    }
+
+    current += char;
+  }
+
+  if (current) {
+    tokens.push(current);
+  }
+
+  return tokens;
+};
+
+const parseDateValue = (value) => {
+  if (!value) return { error: "Date value is missing." };
+  if (/^\d+$/.test(value)) {
+    const timestamp = Number.parseInt(value, 10);
+    if (!Number.isFinite(timestamp)) {
+      return { error: "Date timestamp is invalid." };
+    }
+    return { value: timestamp };
+  }
+
+  const parsed = Date.parse(value);
+  if (Number.isNaN(parsed)) {
+    return { error: "Date value is invalid." };
+  }
+
+  return { value: Math.floor(parsed / 1000) };
+};
+
+const parseDurationValue = (value) => {
+  const match = value.match(/^(\d+(?:\.\d+)?)(s|m|h)?$/i);
+  if (!match) {
+    return { error: "Duration format is invalid." };
+  }
+
+  const amount = Number.parseFloat(match[1]);
+  if (!Number.isFinite(amount)) {
+    return { error: "Duration value is invalid." };
+  }
+
+  const unit = (match[2] || "s").toLowerCase();
+  const multiplier = unit === "h" ? 3600 : unit === "m" ? 60 : 1;
+
+  return { value: Math.round(amount * multiplier) };
+};
+
+const applyDurationFilter = (filters, operator, seconds) => {
+  if (operator === "<" || operator === "<=") {
+    filters.duration.maxSeconds = seconds;
+  } else if (operator === ">" || operator === ">=") {
+    filters.duration.minSeconds = seconds;
+  }
+};
+
+const parseKeyValueToken = (token) => {
+  const match = token.match(/^([a-zA-Z]+):(.*)$/);
+  if (!match) return null;
+  return {
+    key: match[1].toLowerCase(),
+    value: match[2] || "",
+  };
+};
+
+const formatDateForFilter = (timestampSeconds) => {
+  if (!Number.isFinite(timestampSeconds)) return "";
+  const date = new Date(timestampSeconds * 1000);
+  const parts = new Intl.DateTimeFormat("en-CA", DATE_FORMAT_OPTIONS).formatToParts(
+    date,
+  );
+  const map = Object.fromEntries(parts.map((part) => [part.type, part.value]));
+  return `${map.year}-${map.month}-${map.day}`;
+};
+
+const formatDurationValue = (seconds) => {
+  if (!Number.isFinite(seconds)) return "";
+  if (seconds % 3600 === 0) return `${seconds / 3600}h`;
+  if (seconds % 60 === 0) return `${seconds / 60}m`;
+  return `${seconds}s`;
+};
+
+export function parseFilterQuery(inputString = "") {
+  const normalized = normalizeWhitespace(String(inputString || ""));
+  const tokens = tokenizeQuery(normalized);
+  const filters = cloneDefaultFilters();
+  const errors = [];
+  const textTokens = [];
+
+  for (const token of tokens) {
+    if (!token) continue;
+    const upperToken = token.toUpperCase();
+    if (BOOLEAN_OPERATORS.has(upperToken)) {
+      textTokens.push({ type: "operator", value: upperToken });
+      continue;
+    }
+
+    const keyValue = parseKeyValueToken(token);
+    if (!keyValue) {
+      textTokens.push({ type: "term", value: token, isPhrase: token.includes(" ") });
+      continue;
+    }
+
+    const { key, value } = keyValue;
+    if (!value) {
+      errors.push({ token, message: "Filter value is missing." });
+      continue;
+    }
+
+    switch (key) {
+      case "author": {
+        const values = value.split(",").map((entry) => entry.trim()).filter(Boolean);
+        if (values.length === 0) {
+          errors.push({ token, message: "Author value is empty." });
+          break;
+        }
+        filters.authorPubkeys.push(...values);
+        break;
+      }
+      case "tag": {
+        const values = value
+          .split(",")
+          .map((entry) => entry.trim().replace(/^#/, ""))
+          .filter(Boolean);
+        if (values.length === 0) {
+          errors.push({ token, message: "Tag value is empty." });
+          break;
+        }
+        filters.tags.push(...values);
+        break;
+      }
+      case "kind": {
+        const parsed = Number.parseInt(value, 10);
+        if (!Number.isFinite(parsed)) {
+          errors.push({ token, message: "Kind must be an integer." });
+          break;
+        }
+        filters.kind = parsed;
+        break;
+      }
+      case "relay": {
+        filters.relay = value;
+        break;
+      }
+      case "after": {
+        const parsed = parseDateValue(value);
+        if (parsed.error) {
+          errors.push({ token, message: parsed.error });
+          break;
+        }
+        filters.dateRange.after = parsed.value;
+        break;
+      }
+      case "before": {
+        const parsed = parseDateValue(value);
+        if (parsed.error) {
+          errors.push({ token, message: parsed.error });
+          break;
+        }
+        filters.dateRange.before = parsed.value;
+        break;
+      }
+      case "duration": {
+        const match = value.match(/^(<=|>=|<|>)(.+)$/);
+        if (!match) {
+          errors.push({ token, message: "Duration must use < or > operators." });
+          break;
+        }
+        const operator = match[1];
+        const durationValue = match[2].trim();
+        const parsed = parseDurationValue(durationValue);
+        if (parsed.error) {
+          errors.push({ token, message: parsed.error });
+          break;
+        }
+        applyDurationFilter(filters, operator, parsed.value);
+        break;
+      }
+      case "has": {
+        const normalizedValue = value.toLowerCase();
+        if (normalizedValue === "magnet") {
+          filters.hasMagnet = true;
+        } else if (normalizedValue === "url") {
+          filters.hasUrl = true;
+        } else {
+          errors.push({ token, message: "Has filter supports magnet or url." });
+        }
+        break;
+      }
+      case "nsfw": {
+        const normalizedValue = value.toLowerCase();
+        if (["any", "true", "false", "only", "safe"].includes(normalizedValue)) {
+          filters.nsfw = normalizedValue === "safe" ? "false" : normalizedValue;
+        } else {
+          errors.push({ token, message: "NSFW filter supports any/true/false/only." });
+        }
+        break;
+      }
+      default:
+        errors.push({ token, message: `Unknown filter "${key}".` });
+    }
+  }
+
+  const text = textTokens
+    .filter((token) => token.type === "term")
+    .map((token) => token.value)
+    .join(" ");
+
+  return {
+    filters,
+    text,
+    tokens: textTokens,
+    errors,
+  };
+}
+
+export function serializeFiltersToQuery(filters = DEFAULT_FILTERS) {
+  const tokens = [];
+
+  if (filters.authorPubkeys?.length) {
+    for (const author of filters.authorPubkeys) {
+      tokens.push(`author:${author}`);
+    }
+  }
+
+  if (filters.tags?.length) {
+    for (const tag of filters.tags) {
+      tokens.push(`tag:${tag}`);
+    }
+  }
+
+  if (Number.isFinite(filters.kind)) {
+    tokens.push(`kind:${filters.kind}`);
+  }
+
+  if (filters.relay) {
+    tokens.push(`relay:${filters.relay}`);
+  }
+
+  if (Number.isFinite(filters.dateRange?.after)) {
+    tokens.push(`after:${formatDateForFilter(filters.dateRange.after)}`);
+  }
+
+  if (Number.isFinite(filters.dateRange?.before)) {
+    tokens.push(`before:${formatDateForFilter(filters.dateRange.before)}`);
+  }
+
+  if (Number.isFinite(filters.duration?.minSeconds)) {
+    tokens.push(`duration:>=${formatDurationValue(filters.duration.minSeconds)}`);
+  }
+
+  if (Number.isFinite(filters.duration?.maxSeconds)) {
+    tokens.push(`duration:<=${formatDurationValue(filters.duration.maxSeconds)}`);
+  }
+
+  if (filters.hasMagnet === true) {
+    tokens.push("has:magnet");
+  }
+
+  if (filters.hasUrl === true) {
+    tokens.push("has:url");
+  }
+
+  if (filters.nsfw && filters.nsfw !== "any") {
+    tokens.push(`nsfw:${filters.nsfw}`);
+  }
+
+  return tokens.join(" ");
+}
diff --git a/dist/js/searchView.js b/dist/js/searchView.js
new file mode 100644
index 00000000..7f9422d6
--- /dev/null
+++ b/dist/js/searchView.js
@@ -0,0 +1,717 @@
+// js/searchView.js
+
+import { nostrClient } from "./nostrClientFacade.js";
+import { getApplication } from "./applicationContext.js";
+import { renderChannelVideosFromList } from "./channelProfile.js";
+import { escapeHTML } from "./utils/domUtils.js";
+import { formatShortNpub, truncateMiddle } from "./utils/formatters.js";
+import { sanitizeProfileMediaUrl } from "./utils/profileMedia.js";
+import { devLogger } from "./utils/logger.js";
+import { attachFeedInfoPopover } from "./ui/components/FeedInfoPopover.js";
+import { setHashView } from "./hashView.js";
+import {
+  buildSearchHashFromState,
+  getSearchFilterState,
+  resetSearchFilters,
+  setSearchFilterState,
+  syncSearchFilterStateFromHash,
+} from "./search/searchFilterState.js";
+import { buildVideoSearchFilterMatcher } from "./search/searchFilterMatchers.js";
+
+function getApp() {
+  return getApplication();
+}
+
+const FALLBACK_AVATAR = "assets/svg/default-profile.svg";
+
+const normalizeFacetText = (value) => {
+  if (typeof value !== "string") {
+    return "";
+  }
+  return value.trim();
+};
+
+const extractRelayHints = (event) => {
+  if (!event || typeof event !== "object") {
+    return [];
+  }
+  const relayCandidates = [];
+  const relayCollections = [event.relays, event.seenOn, event.seen_on];
+  relayCollections.forEach((collection) => {
+    if (Array.isArray(collection)) {
+      relayCandidates.push(...collection);
+    }
+  });
+  if (typeof event.relay === "string") {
+    relayCandidates.push(event.relay);
+  }
+  return Array.from(
+    new Set(
+      relayCandidates
+        .map((value) => normalizeFacetText(String(value)))
+        .filter(Boolean),
+    ),
+  );
+};
+
+function renderProfileCards(profiles, container) {
+  if (!container) return;
+  container.innerHTML = "";
+
+  // Reset the "Show More" button and container limit state
+  const showMoreContainer = document.getElementById("searchChannelShowMore");
+  if (showMoreContainer) {
+    showMoreContainer.classList.add("hidden");
+  }
+  container.classList.remove("channel-grid-limit");
+
+  if (!profiles || profiles.length === 0) {
+    container.innerHTML = `<p class="text-sm text-muted col-span-full">No matching channels found.</p>`;
+    return;
+  }
+
+  // If we have more than 5 results (the smallest limit), we might need to show the button
+  // depending on screen size, but for simplicity we just enable it if > 5.
+  if (profiles.length > 5) {
+    container.classList.add("channel-grid-limit");
+    if (showMoreContainer) {
+      showMoreContainer.classList.remove("hidden");
+      const btn = showMoreContainer.querySelector("button");
+      if (btn) {
+        btn.onclick = () => {
+          container.classList.remove("channel-grid-limit");
+          showMoreContainer.classList.add("hidden");
+        };
+      }
+    }
+  }
+
+  const fragment = document.createDocumentFragment();
+
+  for (const profile of profiles) {
+    const pubkey = profile.pubkey;
+    const metadata = profile.metadata || {};
+    const name = metadata.name || metadata.display_name || "Unknown User";
+    const picture = sanitizeProfileMediaUrl(metadata.picture) || FALLBACK_AVATAR;
+    const about = metadata.about || "";
+
+    let npub = "";
+    try {
+        if (window.NostrTools && window.NostrTools.nip19) {
+            npub = window.NostrTools.nip19.npubEncode(pubkey);
+        }
+    } catch (e) {
+        // ignore
+    }
+
+    const shortNpub = formatShortNpub(npub) || "";
+
+    const card = document.createElement("a");
+    card.href = `#view=channel-profile&npub=${npub || pubkey}`;
+    card.className = "flex items-center gap-3 p-3 rounded-lg bg-surface hover:bg-surface-elevated transition-colors border border-border group";
+
+    card.innerHTML = `
+      <div class="relative w-12 h-12 flex-shrink-0 rounded-full overflow-hidden bg-background">
+        <img
+          src="${escapeHTML(picture)}"
+          alt="${escapeHTML(name)}"
+          class="w-full h-full object-cover"
+          loading="lazy"
+          onerror="this.src='${FALLBACK_AVATAR}'"
+        />
+      </div>
+      <div class="flex-1 min-w-0">
+        <h3 class="text-sm font-semibold text-text-strong truncate group-hover:text-primary transition-colors">
+          ${escapeHTML(name)}
+        </h3>
+        <p class="text-xs text-muted truncate">
+          ${escapeHTML(shortNpub)}
+        </p>
+      </div>
+    `;
+
+    fragment.appendChild(card);
+  }
+
+  container.appendChild(fragment);
+}
+
+let currentSearchToken = 0;
+
+export async function initSearchView() {
+  const parsedQuery = syncSearchFilterStateFromHash(window.location.hash);
+  if (parsedQuery.errors.length > 0) {
+    devLogger.warn("[Search] Filter parsing errors", parsedQuery.errors);
+  }
+  const query = parsedQuery.text || "";
+
+  renderActiveFilters(parsedQuery.filters);
+
+  const titleEl = document.getElementById("searchTitle");
+  if (titleEl) {
+    titleEl.textContent = query ? `Search Results for "${query}"` : "Search Results";
+  }
+
+  const infoTrigger = document.getElementById("searchInfoTrigger");
+  if (infoTrigger) {
+    attachFeedInfoPopover(
+      infoTrigger,
+      "Results matching your search query. Use tokens like author:, tag:, kind:, relay:, after:, before:, duration:<, and has:magnet/url."
+    );
+  }
+
+  const channelList = document.getElementById("searchChannelList");
+  const videoList = document.getElementById("searchVideoList");
+
+  if (channelList) {
+    channelList.innerHTML = `<p class="text-sm text-muted animate-pulse col-span-full">Searching channels...</p>`;
+  }
+  if (videoList) {
+    videoList.innerHTML = `<p class="text-sm text-muted animate-pulse col-span-full">Searching videos...</p>`;
+  }
+
+  if (!query) {
+    if (channelList) channelList.innerHTML = `<p class="text-sm text-muted col-span-full">Please enter a search term.</p>`;
+    if (videoList) videoList.innerHTML = `<p class="text-sm text-muted col-span-full">Please enter a search term.</p>`;
+    return;
+  }
+
+  const searchToken = ++currentSearchToken;
+
+  // 1. Search Profiles
+  performProfileSearch(query, searchToken).then(profiles => {
+    if (searchToken !== currentSearchToken) return;
+    renderProfileCards(profiles, channelList);
+  }).catch(err => {
+    devLogger.warn("[Search] Profile search failed", err);
+    if (channelList && searchToken === currentSearchToken) {
+        channelList.innerHTML = `<p class="text-sm text-critical col-span-full">Failed to load channels.</p>`;
+    }
+  });
+
+  // 2. Search Videos
+  performVideoSearch(query, searchToken, parsedQuery.filters).then(videos => {
+    if (searchToken !== currentSearchToken) return;
+    const app = getApp();
+    renderSearchVideos(videos, videoList, app);
+  }).catch(err => {
+    devLogger.warn("[Search] Video search failed", err);
+    if (videoList && searchToken === currentSearchToken) {
+        videoList.innerHTML = `<p class="text-sm text-critical col-span-full">Failed to load videos.</p>`;
+    }
+  });
+}
+
+const formatDateLabel = (timestampSeconds) => {
+  if (!Number.isFinite(timestampSeconds)) return "";
+  const formatter = new Intl.DateTimeFormat("en-CA", {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+  });
+  return formatter.format(new Date(timestampSeconds * 1000));
+};
+
+const formatDurationLabel = (seconds) => {
+  if (!Number.isFinite(seconds)) return "";
+  if (seconds % 3600 === 0) {
+    return `${seconds / 3600}h`;
+  }
+  if (seconds % 60 === 0) {
+    return `${seconds / 60}m`;
+  }
+  return `${seconds}s`;
+};
+
+function buildNextFilters() {
+  const current = getSearchFilterState();
+  const filters = current.filters || {};
+  return {
+    ...filters,
+    dateRange: { ...filters.dateRange },
+    duration: { ...filters.duration },
+    authorPubkeys: Array.isArray(filters.authorPubkeys)
+      ? [...filters.authorPubkeys]
+      : [],
+    tags: Array.isArray(filters.tags) ? [...filters.tags] : [],
+  };
+}
+
+function applyFiltersAndRefresh(nextFilters) {
+  const current = getSearchFilterState();
+  const nextState = {
+    text: current.text || "",
+    filters: nextFilters,
+  };
+  setSearchFilterState(nextState);
+  setHashView(buildSearchHashFromState(nextState));
+}
+
+function renderActiveFilters(filters) {
+  const wrapper = document.getElementById("searchActiveFilters");
+  const list = document.getElementById("searchActiveFiltersList");
+  const clearBtn = document.getElementById("searchActiveFiltersClear");
+  if (!wrapper || !list || !clearBtn) {
+    return;
+  }
+
+  list.innerHTML = "";
+  const pills = [];
+
+  filters.authorPubkeys?.forEach((author) => {
+    pills.push({
+      label: `Author: ${author}`,
+      onRemove: () => {
+        const nextFilters = buildNextFilters();
+        nextFilters.authorPubkeys = nextFilters.authorPubkeys.filter(
+          (value) => value !== author,
+        );
+        applyFiltersAndRefresh(nextFilters);
+      },
+    });
+  });
+
+  filters.tags?.forEach((tag) => {
+    pills.push({
+      label: `#${tag}`,
+      onRemove: () => {
+        const nextFilters = buildNextFilters();
+        nextFilters.tags = nextFilters.tags.filter((value) => value !== tag);
+        applyFiltersAndRefresh(nextFilters);
+      },
+    });
+  });
+
+  if (Number.isFinite(filters.kind)) {
+    pills.push({
+      label: `Kind: ${filters.kind}`,
+      onRemove: () => {
+        const nextFilters = buildNextFilters();
+        nextFilters.kind = null;
+        applyFiltersAndRefresh(nextFilters);
+      },
+    });
+  }
+
+  if (filters.relay) {
+    pills.push({
+      label: `Relay: ${filters.relay}`,
+      onRemove: () => {
+        const nextFilters = buildNextFilters();
+        nextFilters.relay = null;
+        applyFiltersAndRefresh(nextFilters);
+      },
+    });
+  }
+
+  if (Number.isFinite(filters.dateRange?.after)) {
+    pills.push({
+      label: `After: ${formatDateLabel(filters.dateRange.after)}`,
+      onRemove: () => {
+        const nextFilters = buildNextFilters();
+        nextFilters.dateRange.after = null;
+        applyFiltersAndRefresh(nextFilters);
+      },
+    });
+  }
+
+  if (Number.isFinite(filters.dateRange?.before)) {
+    pills.push({
+      label: `Before: ${formatDateLabel(filters.dateRange.before)}`,
+      onRemove: () => {
+        const nextFilters = buildNextFilters();
+        nextFilters.dateRange.before = null;
+        applyFiltersAndRefresh(nextFilters);
+      },
+    });
+  }
+
+  if (Number.isFinite(filters.duration?.minSeconds)) {
+    pills.push({
+      label: `Min duration: ${formatDurationLabel(filters.duration.minSeconds)}`,
+      onRemove: () => {
+        const nextFilters = buildNextFilters();
+        nextFilters.duration.minSeconds = null;
+        applyFiltersAndRefresh(nextFilters);
+      },
+    });
+  }
+
+  if (Number.isFinite(filters.duration?.maxSeconds)) {
+    pills.push({
+      label: `Max duration: ${formatDurationLabel(filters.duration.maxSeconds)}`,
+      onRemove: () => {
+        const nextFilters = buildNextFilters();
+        nextFilters.duration.maxSeconds = null;
+        applyFiltersAndRefresh(nextFilters);
+      },
+    });
+  }
+
+  if (filters.hasMagnet === true) {
+    pills.push({
+      label: "Has magnet",
+      onRemove: () => {
+        const nextFilters = buildNextFilters();
+        nextFilters.hasMagnet = null;
+        applyFiltersAndRefresh(nextFilters);
+      },
+    });
+  }
+
+  if (filters.hasUrl === true) {
+    pills.push({
+      label: "Has URL",
+      onRemove: () => {
+        const nextFilters = buildNextFilters();
+        nextFilters.hasUrl = null;
+        applyFiltersAndRefresh(nextFilters);
+      },
+    });
+  }
+
+  if (filters.nsfw && filters.nsfw !== "any") {
+    pills.push({
+      label: `NSFW: ${filters.nsfw}`,
+      onRemove: () => {
+        const nextFilters = buildNextFilters();
+        nextFilters.nsfw = "any";
+        applyFiltersAndRefresh(nextFilters);
+      },
+    });
+  }
+
+  if (!pills.length) {
+    wrapper.classList.add("hidden");
+    return;
+  }
+
+  const fragment = document.createDocumentFragment();
+  pills.forEach((pill) => {
+    const button = document.createElement("button");
+    button.type = "button";
+    button.className =
+      "search-filter-chip inline-flex items-center gap-2 text-xs";
+    const label = document.createElement("span");
+    label.textContent = pill.label;
+    const remove = document.createElement("span");
+    remove.setAttribute("aria-hidden", "true");
+    remove.textContent = "✕";
+    button.append(label, remove);
+    button.addEventListener("click", pill.onRemove);
+    fragment.appendChild(button);
+  });
+  list.appendChild(fragment);
+
+  wrapper.classList.remove("hidden");
+  clearBtn.onclick = () => {
+    resetSearchFilters();
+    const nextState = getSearchFilterState();
+    setHashView(buildSearchHashFromState(nextState));
+  };
+}
+
+async function renderSearchVideos(videos, container, app) {
+    if (!container) return;
+    container.innerHTML = "";
+
+    if (!videos || videos.length === 0) {
+        container.innerHTML = `<p class="text-sm text-muted col-span-full">No matching videos found.</p>`;
+        return;
+    }
+
+    // Dynamic import VideoCard to avoid circular dependencies if any
+    const { VideoCard } = await import("./ui/components/VideoCard.js");
+    const { escapeHTML } = await import("./utils/domUtils.js"); // Ensure availability
+
+    const fragment = document.createDocumentFragment();
+
+    // We need some helpers from app or utils
+    const loadedThumbnails = app?.loadedThumbnails instanceof Map ? app.loadedThumbnails : new Map();
+
+    let index = 0;
+    for (const video of videos) {
+        if (!video) continue;
+
+        // Basic decoration if needed (e.g. resolve author info if not present)
+        // For search results, we might not have full author profiles loaded.
+        // We will do best effort.
+
+        const shareUrl = app?.buildShareUrlFromEventId ? app.buildShareUrlFromEventId(video.id) : "#";
+        const timeAgo = new Date(video.created_at * 1000).toLocaleString();
+
+        // Construct identity object
+        const identity = {
+            name: video.authorName || "",
+            picture: video.authorPicture || "",
+            pubkey: video.pubkey,
+            npub: video.authorNpub || "",
+            shortNpub: video.shortNpub || ""
+        };
+
+        // If we have access to the profile cache, we could enrich this.
+        // For now, let's rely on what's in the video object or defaults.
+
+        const videoCard = new VideoCard({
+            document,
+            video,
+            index: index++,
+            shareUrl,
+            timeAgo,
+            cardState: "", // default
+            identity,
+            capabilities: {
+                canEdit: false,
+                canDelete: false
+            },
+            nsfwContext: {
+                isNsfw: video.isNsfw,
+                allowNsfw: true, // or import config
+                viewerIsOwner: false
+            },
+            helpers: {
+                escapeHtml: escapeHTML,
+                isMagnetSupported: (magnet) => magnet && magnet.startsWith("magnet:"),
+                toLocaleString: (val) => val.toLocaleString()
+            },
+            assets: {
+                fallbackThumbnailSrc: "assets/jpg/video-thumbnail-fallback.jpg",
+                unsupportedBtihMessage: "Unsupported magnet link"
+            },
+            state: { loadedThumbnails },
+            // Callbacks can be wired if we want full interactivity (play, etc)
+            ensureGlobalMoreMenuHandlers: () => {},
+            onRequestCloseAllMenus: () => {}
+        });
+
+        // Wire up Play
+        videoCard.onPlay = ({ event: domEvent }) => {
+             // We can reuse the global playback handler if available
+             if (app?.playVideoByEventId) {
+                 app.playVideoByEventId(video.id, {
+                     url: video.url,
+                     magnet: video.magnet,
+                     title: video.title
+                 });
+             } else if (app?.playVideoWithFallback) {
+                 app.playVideoWithFallback({
+                     url: video.url,
+                     magnet: video.magnet
+                 });
+             }
+        };
+
+        videoCard.onAuthorNavigate = ({ pubkey }) => {
+            if (app?.goToProfile) {
+                app.goToProfile(pubkey || video.pubkey);
+            }
+        };
+
+        const el = videoCard.getRoot();
+        if (el) fragment.appendChild(el);
+    }
+
+    container.appendChild(fragment);
+}
+
+async function performProfileSearch(query, token) {
+    if (!query) return [];
+
+    const normalizedQuery = query.toLowerCase();
+    const uniqueProfiles = new Map();
+
+    // 1. Local Search (Scan known authors in cache)
+    if (nostrClient?.activeMap instanceof Map) {
+        const app = getApp();
+        if (app && typeof app.getProfileCacheEntry === 'function') {
+             const seenPubkeys = new Set();
+             for (const video of nostrClient.activeMap.values()) {
+                 if (!video || !video.pubkey || seenPubkeys.has(video.pubkey)) continue;
+
+                 seenPubkeys.add(video.pubkey);
+                 const entry = app.getProfileCacheEntry(video.pubkey);
+                 if (entry?.profile) {
+                     const name = entry.profile.name || entry.profile.display_name || "";
+                     const about = entry.profile.about || "";
+                     const nip05 = entry.profile.nip05 || "";
+                     const lightning = entry.profile.lightningAddress || "";
+
+                     if (name.toLowerCase().includes(normalizedQuery) ||
+                         about.toLowerCase().includes(normalizedQuery) ||
+                         nip05.toLowerCase().includes(normalizedQuery) ||
+                         lightning.toLowerCase().includes(normalizedQuery)) {
+
+                         uniqueProfiles.set(video.pubkey, {
+                             pubkey: video.pubkey,
+                             metadata: entry.profile,
+                             created_at: entry.event?.created_at || 0
+                         });
+                     }
+                 } else if (video.authorName && video.authorName.toLowerCase().includes(normalizedQuery)) {
+                     // Fallback to video metadata if profile cache missing
+                     uniqueProfiles.set(video.pubkey, {
+                         pubkey: video.pubkey,
+                         metadata: {
+                             name: video.authorName,
+                             picture: video.authorPicture,
+                             nip05: video.authorNip05
+                         },
+                         created_at: 0
+                     });
+                 }
+             }
+        }
+    }
+
+    if (currentSearchToken !== token) return [];
+
+    // 2. Relay Search (NIP-50)
+    if (nostrClient && nostrClient.pool) {
+        const relays = nostrClient.relays || [];
+        if (relays.length > 0) {
+            const filter = {
+                kinds: [0],
+                search: query,
+                limit: 20
+            };
+
+            try {
+                const events = await nostrClient.pool.list(relays, [filter]);
+
+                if (currentSearchToken === token) {
+                    for (const event of events) {
+                        try {
+                            const metadata = JSON.parse(event.content);
+                            // Merge/Overwrite with newer
+                            const existing = uniqueProfiles.get(event.pubkey);
+                            if (!existing || existing.created_at < event.created_at) {
+                                uniqueProfiles.set(event.pubkey, {
+                                    pubkey: event.pubkey,
+                                    metadata,
+                                    created_at: event.created_at
+                                });
+                            }
+                        } catch (e) {
+                            // ignore invalid content
+                        }
+                    }
+                }
+            } catch (e) {
+                devLogger.warn("Profile relay search error", e);
+            }
+        }
+    }
+
+    if (currentSearchToken !== token) return [];
+
+    // Convert map to array and sort by something relevant (maybe creation time or exact match?)
+    return Array.from(uniqueProfiles.values());
+}
+
+async function performVideoSearch(query, token, filters = {}) {
+    if (!nostrClient) return [];
+
+    const isHashtag = query.startsWith("#");
+    const term = isHashtag ? query.slice(1) : query;
+    const lowerTerm = term.toLowerCase();
+    const app = getApp();
+    const nostrService = app?.nostrService;
+    const filterOptions = {
+        blacklistedEventIds:
+            app?.blacklistedEventIds instanceof Set ? new Set(app.blacklistedEventIds) : new Set(),
+        isAuthorBlocked:
+            typeof app?.isAuthorBlocked === "function" ? (pubkey) => app.isAuthorBlocked(pubkey) : () => false
+    };
+    const applyAccessFilters = (videos) =>
+        nostrService?.filterVideos ? nostrService.filterVideos(videos, filterOptions) : videos;
+
+    const matchesCustomFilters = buildVideoSearchFilterMatcher(filters);
+
+    // 1. Local Search (Cache)
+    const localMatches = [];
+    if (nostrClient.activeMap instanceof Map) {
+        for (const video of nostrClient.activeMap.values()) {
+            if (!video || video.deleted) continue;
+
+            let matches = false;
+            if (isHashtag) {
+                // Check tags for 't'
+                if (Array.isArray(video.tags)) {
+                    matches = video.tags.some(t => Array.isArray(t) && t[0] === "t" && t[1].toLowerCase() === lowerTerm);
+                }
+            } else {
+                // Check title/description
+                const title = video.title ? video.title.toLowerCase() : "";
+                const desc = video.description ? video.description.toLowerCase() : "";
+                if (title.includes(lowerTerm) || desc.includes(lowerTerm)) {
+                    matches = true;
+                }
+            }
+
+            if (matches) {
+                localMatches.push(video);
+            }
+        }
+    }
+
+    if (currentSearchToken !== token) return [];
+
+    const filteredLocalMatches = applyAccessFilters(localMatches).filter(matchesCustomFilters);
+
+    // 2. Relay Search
+    let relayVideos = [];
+    const relays = nostrClient.relays || [];
+
+    if (relays.length > 0 && nostrClient.pool) {
+        const filter = {
+            kinds: [30078],
+            limit: 50
+        };
+
+        if (isHashtag) {
+            filter["#t"] = [term];
+        } else {
+            filter.search = term;
+        }
+
+        try {
+            const events = await nostrClient.pool.list(relays, [filter]);
+
+            if (currentSearchToken === token) {
+                const { convertEventToVideo } = await import("./nostr/index.js");
+                relayVideos = events.map(evt => {
+                    const vid = convertEventToVideo(evt);
+                    if (vid.invalid) return null;
+                    const relayHints = extractRelayHints(evt);
+                    if (relayHints.length) {
+                        return { ...vid, relayHints };
+                    }
+                    return vid;
+                }).filter(Boolean);
+            }
+        } catch (e) {
+            devLogger.warn("Video search error", e);
+            // Continue with local matches if relay search fails
+        }
+    }
+
+    if (currentSearchToken !== token) return [];
+
+    const filteredRelayVideos = applyAccessFilters(relayVideos).filter(matchesCustomFilters);
+
+    // Deduplicate by ID
+    const unique = new Map();
+
+    // Add local matches first
+    for (const v of filteredLocalMatches) {
+        if (!unique.has(v.id)) unique.set(v.id, v);
+    }
+
+    // Add relay matches (overwriting local if needed, or ignoring duplicates)
+    for (const v of filteredRelayVideos) {
+        if (!unique.has(v.id)) unique.set(v.id, v);
+    }
+
+    // Sort by creation date (newest first)
+    return Array.from(unique.values()).sort((a, b) => (b.created_at || 0) - (a.created_at || 0));
+}
diff --git a/dist/js/services/attachmentService.js b/dist/js/services/attachmentService.js
new file mode 100644
index 00000000..ba4adb0f
--- /dev/null
+++ b/dist/js/services/attachmentService.js
@@ -0,0 +1,394 @@
+import { bytesToHex, sha256 } from "../../vendor/crypto-helpers.bundle.min.js";
+import { devLogger, userLogger } from "../utils/logger.js";
+
+const ATTACHMENT_CACHE_LIMIT = 20;
+const AES_GCM_IV_BYTES = 12;
+
+const cache = new Map();
+
+function getCacheEntry(key) {
+  if (!cache.has(key)) {
+    return null;
+  }
+  const entry = cache.get(key);
+  cache.delete(key);
+  cache.set(key, entry);
+  return entry;
+}
+
+function revokeEntry(entry) {
+  if (entry?.objectUrl && typeof URL !== "undefined") {
+    try {
+      URL.revokeObjectURL(entry.objectUrl);
+    } catch (error) {
+      devLogger.warn("[attachments] Failed to revoke object URL", error);
+    }
+  }
+}
+
+function setCacheEntry(key, entry) {
+  if (!key) {
+    return;
+  }
+
+  if (cache.has(key)) {
+    const existing = cache.get(key);
+    if (existing && existing !== entry) {
+      revokeEntry(existing);
+    }
+    cache.delete(key);
+  } else if (cache.size >= ATTACHMENT_CACHE_LIMIT) {
+    const oldestKey = cache.keys().next().value;
+    const oldest = cache.get(oldestKey);
+    cache.delete(oldestKey);
+    revokeEntry(oldest);
+  }
+
+  cache.set(key, entry);
+}
+
+export function clearAttachmentCache() {
+  cache.forEach((entry) => revokeEntry(entry));
+  cache.clear();
+}
+
+function normalizeBase64(bytes) {
+  if (!(bytes instanceof Uint8Array)) {
+    return "";
+  }
+  let binary = "";
+  bytes.forEach((byte) => {
+    binary += String.fromCharCode(byte);
+  });
+  return btoa(binary);
+}
+
+function decodeBase64(value) {
+  if (typeof value !== "string" || !value) {
+    return null;
+  }
+
+  try {
+    const binary = atob(value);
+    const bytes = new Uint8Array(binary.length);
+    for (let i = 0; i < binary.length; i += 1) {
+      bytes[i] = binary.charCodeAt(i);
+    }
+    return bytes;
+  } catch (error) {
+    devLogger.warn("[attachments] Failed to decode base64 key", error);
+    return null;
+  }
+}
+
+async function readBlobAsUint8Array(blob) {
+  if (!blob || typeof blob.arrayBuffer !== "function") {
+    return null;
+  }
+  try {
+    const buffer = await blob.arrayBuffer();
+    return new Uint8Array(buffer);
+  } catch (error) {
+    devLogger.warn("[attachments] Failed to read attachment bytes", error);
+    return null;
+  }
+}
+
+async function computeSha256Hex(bytes) {
+  if (!(bytes instanceof Uint8Array)) {
+    return "";
+  }
+
+  try {
+    const digest = sha256(bytes);
+    const hex = typeof digest === "string" ? digest : bytesToHex(digest);
+    return hex ? hex.toLowerCase() : "";
+  } catch (error) {
+    devLogger.warn("[attachments] Failed to compute attachment hash", error);
+    return "";
+  }
+}
+
+async function encryptAttachment(blob) {
+  if (!blob) {
+    return null;
+  }
+
+  if (!globalThis.crypto?.subtle) {
+    throw new Error("Encryption unavailable in this environment.");
+  }
+
+  const rawBytes = await readBlobAsUint8Array(blob);
+  if (!rawBytes) {
+    throw new Error("Failed to read attachment bytes for encryption.");
+  }
+
+  const keyBytes = new Uint8Array(32);
+  globalThis.crypto.getRandomValues(keyBytes);
+  const ivBytes = new Uint8Array(AES_GCM_IV_BYTES);
+  globalThis.crypto.getRandomValues(ivBytes);
+
+  const key = await globalThis.crypto.subtle.importKey(
+    "raw",
+    keyBytes,
+    "AES-GCM",
+    false,
+    ["encrypt", "decrypt"],
+  );
+
+  const encrypted = await globalThis.crypto.subtle.encrypt(
+    { name: "AES-GCM", iv: ivBytes },
+    key,
+    rawBytes,
+  );
+
+  const encryptedBytes = new Uint8Array(encrypted);
+  const payload = new Uint8Array(ivBytes.length + encryptedBytes.length);
+  payload.set(ivBytes, 0);
+  payload.set(encryptedBytes, ivBytes.length);
+
+  return {
+    payload,
+    key: normalizeBase64(keyBytes),
+  };
+}
+
+async function decryptAttachment(bytes, keyBase64) {
+  if (!globalThis.crypto?.subtle) {
+    throw new Error("Decryption unavailable in this environment.");
+  }
+
+  const keyBytes = decodeBase64(keyBase64);
+  if (!keyBytes) {
+    throw new Error("Missing decryption key.");
+  }
+
+  if (!(bytes instanceof Uint8Array) || bytes.length <= AES_GCM_IV_BYTES) {
+    throw new Error("Encrypted payload is missing IV.");
+  }
+
+  const iv = bytes.slice(0, AES_GCM_IV_BYTES);
+  const cipherBytes = bytes.slice(AES_GCM_IV_BYTES);
+
+  const key = await globalThis.crypto.subtle.importKey(
+    "raw",
+    keyBytes,
+    "AES-GCM",
+    false,
+    ["decrypt"],
+  );
+
+  const decrypted = await globalThis.crypto.subtle.decrypt(
+    { name: "AES-GCM", iv },
+    key,
+    cipherBytes,
+  );
+
+  return new Uint8Array(decrypted);
+}
+
+export async function prepareAttachmentUpload({ file, encrypt = false } = {}) {
+  if (!file) {
+    throw new Error("Attachment file missing.");
+  }
+
+  let payloadBytes = await readBlobAsUint8Array(file);
+  if (!payloadBytes) {
+    throw new Error("Attachment could not be read.");
+  }
+
+  let key = "";
+  let uploadBlob = file;
+
+  if (encrypt) {
+    const encrypted = await encryptAttachment(file);
+    if (!encrypted?.payload) {
+      throw new Error("Attachment encryption failed.");
+    }
+
+    payloadBytes = encrypted.payload;
+    key = encrypted.key || "";
+    uploadBlob = new File([payloadBytes], file.name, {
+      type: "application/octet-stream",
+    });
+  }
+
+  const sha256 = await computeSha256Hex(payloadBytes);
+  if (!sha256) {
+    throw new Error("Failed to compute attachment hash.");
+  }
+
+  return {
+    uploadBlob,
+    sha256,
+    key,
+    name: file.name,
+    type: file.type || "application/octet-stream",
+    size: file.size,
+    encrypted: Boolean(key),
+  };
+}
+
+async function readResponseWithProgress(response, onProgress) {
+  if (!response.body || typeof response.body.getReader !== "function") {
+    const blob = await response.blob();
+    if (typeof onProgress === "function") {
+      onProgress(1);
+    }
+    return new Uint8Array(await blob.arrayBuffer());
+  }
+
+  const reader = response.body.getReader();
+  const contentLength = Number(response.headers.get("content-length")) || 0;
+  const chunks = [];
+  let received = 0;
+
+  while (true) {
+    const { done, value } = await reader.read();
+    if (done) {
+      break;
+    }
+    if (value) {
+      chunks.push(value);
+      received += value.length;
+      if (contentLength && typeof onProgress === "function") {
+        onProgress(Math.min(received / contentLength, 1));
+      }
+    }
+  }
+
+  const totalLength = chunks.reduce((sum, chunk) => sum + chunk.length, 0);
+  const merged = new Uint8Array(totalLength);
+  let offset = 0;
+  chunks.forEach((chunk) => {
+    merged.set(chunk, offset);
+    offset += chunk.length;
+  });
+
+  if (typeof onProgress === "function") {
+    onProgress(1);
+  }
+
+  return merged;
+}
+
+export async function downloadAttachment({
+  url,
+  expectedHash,
+  key,
+  mimeType,
+  onProgress,
+} = {}) {
+  if (!url) {
+    throw new Error("Attachment URL missing.");
+  }
+
+  const cached = expectedHash ? getCacheEntry(expectedHash) : null;
+  if (cached) {
+    return { ...cached, cached: true };
+  }
+
+  const response = await fetch(url);
+  if (!response.ok) {
+    throw new Error(`Attachment download failed (${response.status}).`);
+  }
+
+  const bytes = await readResponseWithProgress(response, onProgress);
+  if (expectedHash) {
+    const actual = await computeSha256Hex(bytes);
+    if (actual && actual !== expectedHash) {
+      throw new Error("Attachment hash mismatch.");
+    }
+  }
+
+  let payloadBytes = bytes;
+  if (key) {
+    payloadBytes = await decryptAttachment(bytes, key);
+  }
+
+  const blob = new Blob([payloadBytes], {
+    type: mimeType || "application/octet-stream",
+  });
+  const objectUrl = typeof URL !== "undefined" ? URL.createObjectURL(blob) : "";
+
+  const entry = {
+    blob,
+    objectUrl,
+    mimeType,
+    size: blob.size,
+  };
+
+  if (expectedHash) {
+    setCacheEntry(expectedHash, entry);
+  }
+
+  return entry;
+}
+
+export async function uploadAttachment({
+  r2Service,
+  pubkey,
+  file,
+  encrypt = false,
+  onProgress,
+  buildKey,
+  buildUrl,
+} = {}) {
+  if (!r2Service || typeof r2Service.uploadFile !== "function") {
+    throw new Error("Storage service unavailable.");
+  }
+
+  if (!file) {
+    throw new Error("Attachment file missing.");
+  }
+
+  if (!pubkey) {
+    throw new Error("Active pubkey required for attachment upload.");
+  }
+
+  const credentials =
+    typeof r2Service.resolveConnection === "function"
+      ? await r2Service.resolveConnection(pubkey)
+      : null;
+
+  if (!credentials) {
+    throw new Error("Storage configuration missing.");
+  }
+
+  const prepared = await prepareAttachmentUpload({ file, encrypt });
+  const key =
+    typeof buildKey === "function" ? buildKey(pubkey, file, prepared.sha256) : "";
+  if (!key) {
+    throw new Error("Unable to derive storage key for attachment.");
+  }
+
+  await r2Service.uploadFile({
+    file: prepared.uploadBlob,
+    ...credentials,
+    bucket: credentials.bucket,
+    key,
+    onProgress,
+  });
+
+  const url = typeof buildUrl === "function" ? buildUrl(credentials.baseDomain, key) : "";
+  if (!url) {
+    userLogger.warn("[attachments] Attachment uploaded without public URL.");
+  }
+
+  return {
+    url,
+    x: prepared.sha256,
+    key: prepared.key,
+    name: prepared.name,
+    type: prepared.type,
+    size: prepared.size,
+    encrypted: prepared.encrypted,
+  };
+}
+
+export function getAttachmentCacheStats() {
+  return {
+    size: cache.size,
+    maxSize: ATTACHMENT_CACHE_LIMIT,
+  };
+}
diff --git a/dist/js/services/authProviders/generate.js b/dist/js/services/authProviders/generate.js
new file mode 100644
index 00000000..a20626ee
--- /dev/null
+++ b/dist/js/services/authProviders/generate.js
@@ -0,0 +1,10 @@
+export default {
+  id: "generate",
+  label: "Create Account",
+  description: "New to Nostr? Start here.",
+  badgeVariant: "success",
+  button: {
+    variant: "outline",
+  },
+  login: async () => {},
+};
diff --git a/dist/js/services/authProviders/index.js b/dist/js/services/authProviders/index.js
new file mode 100644
index 00000000..1cb0f65a
--- /dev/null
+++ b/dist/js/services/authProviders/index.js
@@ -0,0 +1,147 @@
+import nip07 from "./nip07.js";
+import nip46 from "./nip46.js";
+import nsec from "./nsec.js";
+import generate from "./generate.js";
+
+function normalizeProviderId(provider, fallbackId) {
+  if (provider && typeof provider.id === "string") {
+    const trimmed = provider.id.trim();
+    if (trimmed) {
+      return trimmed;
+    }
+  }
+
+  if (typeof fallbackId === "string") {
+    const trimmed = fallbackId.trim();
+    if (trimmed) {
+      return trimmed;
+    }
+  }
+
+  return "provider";
+}
+
+function normalizeProviderMetadata(provider, fallbackId) {
+  const id = normalizeProviderId(provider, fallbackId);
+  const label =
+    provider && typeof provider.label === "string" && provider.label.trim()
+      ? provider.label.trim()
+      : "Saved profile";
+  const description =
+    provider && typeof provider.description === "string" && provider.description.trim()
+      ? provider.description.trim()
+      : "";
+  const badgeVariant =
+    provider && typeof provider.badgeVariant === "string" && provider.badgeVariant.trim()
+      ? provider.badgeVariant.trim()
+      : "neutral";
+
+  return Object.freeze({ id, label, description, badgeVariant });
+}
+
+const providerList = [nip07, nip46, nsec, generate].filter(Boolean);
+const providerMap = {};
+const metadataMap = {};
+
+providerList.forEach((provider, index) => {
+  const fallbackId = `provider-${index}`;
+  const id = normalizeProviderId(provider, fallbackId);
+  providerMap[id] = provider;
+  metadataMap[id] = normalizeProviderMetadata(provider, id);
+});
+
+if (!Object.prototype.hasOwnProperty.call(providerMap, "nip07")) {
+  providerMap.nip07 = nip07;
+  metadataMap.nip07 = normalizeProviderMetadata(nip07, "nip07");
+} else if (!Object.prototype.hasOwnProperty.call(metadataMap, "nip07")) {
+  metadataMap.nip07 = normalizeProviderMetadata(providerMap.nip07, "nip07");
+}
+
+const builtInMetadata = [
+  {
+    id: "nsec",
+    label: "nsec or seed (direct private key)",
+    description: "Use a saved private key stored locally.",
+    badgeVariant: "warning",
+  },
+];
+
+builtInMetadata.forEach((entry) => {
+  if (!entry || typeof entry !== "object") {
+    return;
+  }
+
+  const id =
+    typeof entry.id === "string" && entry.id.trim() ? entry.id.trim() : null;
+  if (!id || Object.prototype.hasOwnProperty.call(metadataMap, id)) {
+    return;
+  }
+
+  metadataMap[id] = Object.freeze({
+    id,
+    label:
+      typeof entry.label === "string" && entry.label.trim()
+        ? entry.label.trim()
+        : "Saved profile",
+    description:
+      typeof entry.description === "string" && entry.description.trim()
+        ? entry.description.trim()
+        : "",
+    badgeVariant:
+      typeof entry.badgeVariant === "string" && entry.badgeVariant.trim()
+        ? entry.badgeVariant.trim()
+        : "neutral",
+  });
+});
+
+export const providers = Object.freeze({ ...providerMap });
+export const providerMetadata = Object.freeze({ ...metadataMap });
+
+const unknownMetadataCache = new Map();
+
+function getFallbackMetadata(providerId) {
+  const id =
+    typeof providerId === "string" && providerId.trim() ? providerId.trim() : "unknown";
+  if (!unknownMetadataCache.has(id)) {
+    unknownMetadataCache.set(
+      id,
+      Object.freeze({
+        id,
+        label: "Saved profile",
+        description: "",
+        badgeVariant: "neutral",
+      }),
+    );
+  }
+  return unknownMetadataCache.get(id);
+}
+
+export function getProviderMetadata(providerId) {
+  if (typeof providerId === "string" && providerId.trim()) {
+    const normalizedId = providerId.trim();
+    if (Object.prototype.hasOwnProperty.call(providerMetadata, normalizedId)) {
+      return providerMetadata[normalizedId];
+    }
+    return getFallbackMetadata(normalizedId);
+  }
+
+  return getFallbackMetadata("saved-profile");
+}
+
+export function getProvider(providerId = "nip07") {
+  const id =
+    typeof providerId === "string" && providerId.trim()
+      ? providerId.trim()
+      : "nip07";
+
+  const provider = providers[id];
+  if (!provider || typeof provider.login !== "function") {
+    const error = new Error(`Unknown auth provider: ${id}`);
+    error.code = "unknown-auth-provider";
+    throw error;
+  }
+
+  return provider;
+}
+
+export default getProvider;
diff --git a/dist/js/services/authProviders/nip07.js b/dist/js/services/authProviders/nip07.js
new file mode 100644
index 00000000..1d425d2d
--- /dev/null
+++ b/dist/js/services/authProviders/nip07.js
@@ -0,0 +1,90 @@
+import { accessControl } from "../../accessControl.js";
+
+const PROVIDER_ID = "nip07";
+const PROVIDER_LABEL = "extension (nip-07)";
+const PROVIDER_DESCRIPTION =
+  "Authorize with a NIP-07 browser extension like Alby or nos2x.";
+const PROVIDER_CAPABILITIES = Object.freeze([
+  Object.freeze({
+    id: "signing",
+    label: "Signs Nostr events",
+    variant: "info",
+  }),
+  Object.freeze({
+    id: "session",
+    label: "Loads your public key",
+    variant: "neutral",
+  }),
+]);
+const PROVIDER_BUTTON = Object.freeze({
+  variant: "primary",
+});
+const PROVIDER_MESSAGES = Object.freeze({
+  loading: "Connecting to your extension…",
+  slow: "Waiting for the extension prompt…",
+  error: "Failed to login with your browser extension. Please try again.",
+});
+
+function normalizePubkey(result) {
+  if (typeof result === "string") {
+    return result;
+  }
+
+  if (!result || typeof result !== "object") {
+    return "";
+  }
+
+  if (typeof result.pubkey === "string") {
+    return result.pubkey;
+  }
+
+  if (typeof result.publicKey === "string") {
+    return result.publicKey;
+  }
+
+  return "";
+}
+
+export default {
+  id: PROVIDER_ID,
+  label: PROVIDER_LABEL,
+  description: PROVIDER_DESCRIPTION,
+  eyebrow: "Recommended",
+  tone: "accent",
+  badgeVariant: "info",
+  capabilities: PROVIDER_CAPABILITIES,
+  button: PROVIDER_BUTTON,
+  messages: PROVIDER_MESSAGES,
+  errorMessage: PROVIDER_MESSAGES.error,
+  async login({ nostrClient, options } = {}) {
+    if (!nostrClient || typeof nostrClient.loginWithExtension !== "function") {
+      const error = new Error("Extension login is not available in this environment.");
+      error.code = "provider-unavailable";
+      throw error;
+    }
+
+    const validator = (pubkey) => {
+      if (!accessControl.canAccess(pubkey)) {
+        if (accessControl.isBlacklisted(pubkey)) {
+          throw new Error("Your account has been blocked on this platform.");
+        }
+        throw new Error("Access restricted to admins and moderators users only.");
+      }
+      return true;
+    };
+
+    const result = await nostrClient.loginWithExtension({ ...options, validator });
+    const pubkey = normalizePubkey(result);
+    const signer =
+      result && typeof result === "object" && result.signer
+        ? result.signer
+        : null;
+
+    return {
+      authType: PROVIDER_ID,
+      pubkey,
+      signer,
+      rawResult: result,
+    };
+  },
+};
diff --git a/dist/js/services/authProviders/nip46.js b/dist/js/services/authProviders/nip46.js
new file mode 100644
index 00000000..f6108a05
--- /dev/null
+++ b/dist/js/services/authProviders/nip46.js
@@ -0,0 +1,287 @@
+import { devLogger } from "../../utils/logger.js";
+import { accessControl } from "../../accessControl.js";
+
+function summarizeHexForLog(value) {
+  if (typeof value !== "string" || !value.trim()) {
+    return "";
+  }
+
+  const normalized = value.trim().toLowerCase();
+  if (normalized.length <= 12) {
+    return `${normalized} (len:${normalized.length})`;
+  }
+  return `${normalized.slice(0, 8)}…${normalized.slice(-4)} (len:${normalized.length})`;
+}
+
+function summarizeSecretForLog(value) {
+  if (typeof value !== "string" || !value.trim()) {
+    return "<empty>";
+  }
+
+  const trimmed = value.trim();
+  const visible = trimmed.length <= 4 ? "*".repeat(trimmed.length) : `${"*".repeat(3)}…`;
+  return `${visible} (len:${trimmed.length})`;
+}
+
+function sanitizeNip46UriForLog(value) {
+  if (typeof value !== "string" || !value) {
+    return "";
+  }
+
+  return value.replace(/(secret=)([^&#]+)/gi, "$1***");
+}
+
+const PROVIDER_ID = "nip46";
+const PROVIDER_LABEL = "remote signer (nip-46)";
+const PROVIDER_DESCRIPTION =
+  "Connect to a remote signer via Nostr Connect for hardware or mobile approvals.";
+const PROVIDER_CAPABILITIES = Object.freeze([
+  Object.freeze({
+    id: "signing",
+    label: "Signs events remotely",
+    variant: "info",
+  }),
+  Object.freeze({
+    id: "multi-device",
+    label: "Works across browsers",
+    variant: "neutral",
+  }),
+]);
+const PROVIDER_BUTTON = Object.freeze({
+  variant: "primary",
+});
+const PROVIDER_MESSAGES = Object.freeze({
+  loading: "Connecting to remote signer…",
+  slow: "Waiting for the signer to approve…",
+  error: "Failed to connect to the remote signer. Please try again.",
+});
+
+function normalizePubkey(result) {
+  if (typeof result === "string") {
+    return result;
+  }
+
+  if (!result || typeof result !== "object") {
+    return "";
+  }
+
+  if (typeof result.pubkey === "string") {
+    return result.pubkey;
+  }
+
+  if (typeof result.publicKey === "string") {
+    return result.publicKey;
+  }
+
+  return "";
+}
+
+function normalizeOptions(options) {
+  if (!options || typeof options !== "object") {
+    return {
+      connectionString: "",
+      remember: true,
+      reuseStored: false,
+      mode: "handshake",
+      onHandshakePrepared: null,
+      onStatus: null,
+      onAuthUrl: null,
+      metadata: {},
+      secret: "",
+      permissions: "",
+      relays: [],
+      handshakeTimeoutMs: undefined,
+    };
+  }
+
+  return {
+    connectionString:
+      typeof options.connectionString === "string" ? options.connectionString.trim() : "",
+    remember: options.remember !== false,
+    reuseStored: options.reuseStored === true,
+    mode: options.mode === "manual" ? "manual" : "handshake",
+    onHandshakePrepared:
+      typeof options.onHandshakePrepared === "function" ? options.onHandshakePrepared : null,
+    onStatus: typeof options.onStatus === "function" ? options.onStatus : null,
+    onAuthUrl: typeof options.onAuthUrl === "function" ? options.onAuthUrl : null,
+    metadata: options.metadata && typeof options.metadata === "object" ? options.metadata : {},
+    secret:
+      typeof options.secret === "string" && options.secret.trim() ? options.secret.trim() : "",
+    permissions:
+      typeof options.permissions === "string" && options.permissions.trim()
+        ? options.permissions.trim()
+        : "",
+    relays: Array.isArray(options.relays) ? options.relays : [],
+    handshakeTimeoutMs: Number.isFinite(options.handshakeTimeoutMs)
+      ? Number(options.handshakeTimeoutMs)
+      : undefined,
+  };
+}
+
+export default {
+  id: PROVIDER_ID,
+  label: PROVIDER_LABEL,
+  description: PROVIDER_DESCRIPTION,
+  eyebrow: "Nostr Connect",
+  tone: "accent",
+  badgeVariant: "info",
+  capabilities: PROVIDER_CAPABILITIES,
+  button: PROVIDER_BUTTON,
+  messages: PROVIDER_MESSAGES,
+  errorMessage: PROVIDER_MESSAGES.error,
+  async login({ nostrClient, options } = {}) {
+    if (!nostrClient || typeof nostrClient !== "object") {
+      const error = new Error("Remote signer login is not available.");
+      error.code = "provider-unavailable";
+      throw error;
+    }
+
+    if (typeof nostrClient.connectRemoteSigner !== "function") {
+      const error = new Error("Remote signer support is unavailable in this environment.");
+      error.code = "provider-unavailable";
+      throw error;
+    }
+
+    const normalized = normalizeOptions(options);
+
+    devLogger.debug("[nip46] Login requested", {
+      mode: normalized.mode,
+      reuseStored: normalized.reuseStored,
+      remember: normalized.remember,
+      hasConnectionString: Boolean(normalized.connectionString),
+      relayCount: normalized.relays.length,
+      permissions: normalized.permissions || null,
+      secret: summarizeSecretForLog(normalized.secret),
+    });
+    let result = null;
+
+    const validator = (pubkey) => {
+      if (!accessControl.canAccess(pubkey)) {
+        if (accessControl.isBlacklisted(pubkey)) {
+          throw new Error("Your account has been blocked on this platform.");
+        }
+        throw new Error("Access restricted to admins and moderators users only.");
+      }
+      return true;
+    };
+
+    if (normalized.reuseStored) {
+      if (typeof nostrClient.useStoredRemoteSigner !== "function") {
+        const error = new Error("No stored remote signer is available on this device.");
+        error.code = "no-stored-session";
+        throw error;
+      }
+      devLogger.debug("[nip46] Reusing stored remote signer session");
+
+      // useStoredRemoteSigner should ideally accept a validator too, but if it restores a session,
+      // it might not expose a validator hook easily if not updated.
+      // Let's check NostrClient.useStoredRemoteSigner in client.js.
+      // It DOES NOT take a validator in my previous update (I missed it).
+      // I should update client.js to add validator to useStoredRemoteSigner too.
+      // For now, I will assume I will fix client.js later or accept that stored sessions are trusted?
+      // No, I must fix useStoredRemoteSigner too.
+
+      result = await nostrClient.useStoredRemoteSigner({ validator });
+      devLogger.debug("[nip46] Stored remote signer returned", {
+        pubkey: summarizeHexForLog(normalizePubkey(result)),
+      });
+    } else if (normalized.mode === "manual") {
+      const uri = normalized.connectionString;
+      if (!uri) {
+        const error = new Error("A connection string is required to continue.");
+        error.code = "connection-required";
+        throw error;
+      }
+
+      devLogger.debug("[nip46] Initiating manual remote signer connect", {
+        uri: sanitizeNip46UriForLog(uri),
+        remember: normalized.remember,
+      });
+
+      result = await nostrClient.connectRemoteSigner({
+        connectionString: uri,
+        remember: normalized.remember,
+        onAuthUrl: normalized.onAuthUrl,
+        onStatus: normalized.onStatus,
+        validator,
+      });
+      devLogger.debug("[nip46] Manual connect completed", {
+        pubkey: summarizeHexForLog(normalizePubkey(result)),
+      });
+    } else {
+      if (normalized.onStatus) {
+        try {
+          normalized.onStatus({
+            phase: "handshake",
+            state: "preparing",
+            message: "Generating remote signer connect link…",
+          });
+        } catch (callbackError) {
+          devLogger.warn("[nip46] Handshake status callback threw:", callbackError);
+        }
+      }
+
+      const handshake = await nostrClient.prepareRemoteSignerHandshake({
+        metadata: normalized.metadata,
+        relays: normalized.relays,
+        secret: normalized.secret,
+        permissions: normalized.permissions,
+      });
+
+      devLogger.debug("[nip46] Prepared remote signer handshake", {
+        relays: Array.isArray(handshake.relays) ? handshake.relays : [],
+        permissions: handshake.permissions || null,
+        clientPublicKey: summarizeHexForLog(handshake.clientPublicKey),
+        secret: summarizeSecretForLog(handshake.secret),
+        metadataKeys: Object.keys(handshake.metadata || {}),
+        connectionString: sanitizeNip46UriForLog(handshake.connectionString),
+      });
+
+      if (normalized.onHandshakePrepared) {
+        try {
+          normalized.onHandshakePrepared(handshake);
+        } catch (callbackError) {
+          devLogger.warn("[nip46] Handshake prepared callback threw:", callbackError);
+        }
+      }
+
+      devLogger.debug("[nip46] Connecting to remote signer with prepared handshake", {
+        remember: normalized.remember,
+        handshakeAlgorithm: handshake.algorithm || null,
+        connectionString: sanitizeNip46UriForLog(handshake.connectionString),
+      });
+
+      result = await nostrClient.connectRemoteSigner({
+        connectionString: handshake.connectionString,
+        remember: normalized.remember,
+        clientPrivateKey: handshake.clientPrivateKey,
+        clientPublicKey: handshake.clientPublicKey,
+        relays: handshake.relays,
+        secret: handshake.secret,
+        permissions: handshake.permissions,
+        metadata: handshake.metadata,
+        onAuthUrl: normalized.onAuthUrl,
+        onStatus: normalized.onStatus,
+        handshakeTimeoutMs: normalized.handshakeTimeoutMs,
+        validator,
+      });
+
+      if (result && typeof result === "object") {
+        result.handshake = handshake;
+      }
+    }
+
+    const pubkey = normalizePubkey(result);
+
+    devLogger.debug("[nip46] Login finished", {
+      pubkey: summarizeHexForLog(pubkey),
+      hasSigner: Boolean(result && typeof result === "object" && result.signer),
+    });
+
+    return {
+      authType: PROVIDER_ID,
+      pubkey,
+      signer: result && typeof result === "object" ? result.signer || null : null,
+    };
+  },
+};
diff --git a/dist/js/services/authProviders/nsec.js b/dist/js/services/authProviders/nsec.js
new file mode 100644
index 00000000..5d9f6e81
--- /dev/null
+++ b/dist/js/services/authProviders/nsec.js
@@ -0,0 +1,161 @@
+import { accessControl } from "../../accessControl.js";
+
+const PROVIDER_ID = "nsec";
+const PROVIDER_LABEL = "nsec or seed (direct private key)";
+const PROVIDER_DESCRIPTION =
+  "Paste an nsec, hex key, or BIP-39 seed. Keep it encrypted on this device if you choose.";
+const PROVIDER_CAPABILITIES = Object.freeze([
+  Object.freeze({
+    id: "signing",
+    label: "Signs locally",
+    variant: "warning",
+  }),
+  Object.freeze({
+    id: "session",
+    label: "Encrypted backup optional",
+    variant: "neutral",
+  }),
+]);
+const PROVIDER_BUTTON = Object.freeze({
+  variant: "ghost",
+});
+const PROVIDER_MESSAGES = Object.freeze({
+  loading: "Unlocking direct key…",
+  slow: "Still deriving your key…",
+  error: "Failed to unlock the direct key. Check your secret and try again.",
+});
+
+function normalizePubkey(result) {
+  if (typeof result === "string") {
+    return result;
+  }
+
+  if (!result || typeof result !== "object") {
+    return "";
+  }
+
+  if (typeof result.pubkey === "string") {
+    return result.pubkey;
+  }
+
+  if (typeof result.publicKey === "string") {
+    return result.publicKey;
+  }
+
+  return "";
+}
+
+function normalizeOptions(options) {
+  if (!options || typeof options !== "object") {
+    return {
+      secret: "",
+      persist: false,
+      passphrase: "",
+      unlockStored: false,
+    };
+  }
+
+  return {
+    secret: typeof options.secret === "string" ? options.secret : "",
+    persist: options.persist === true,
+    passphrase: typeof options.passphrase === "string" ? options.passphrase : "",
+    unlockStored: options.unlockStored === true,
+  };
+}
+
+export default {
+  id: PROVIDER_ID,
+  label: PROVIDER_LABEL,
+  description: PROVIDER_DESCRIPTION,
+  eyebrow: "Advanced",
+  tone: "warning",
+  badgeVariant: "warning",
+  capabilities: PROVIDER_CAPABILITIES,
+  button: PROVIDER_BUTTON,
+  messages: PROVIDER_MESSAGES,
+  errorMessage: PROVIDER_MESSAGES.error,
+  async login({ nostrClient, options } = {}) {
+    if (!nostrClient || typeof nostrClient !== "object") {
+      const error = new Error("Direct key login is not available.");
+      error.code = "provider-unavailable";
+      throw error;
+    }
+
+    if (
+      typeof nostrClient.derivePrivateKeyFromSecret !== "function" ||
+      typeof nostrClient.registerPrivateKeySigner !== "function"
+    ) {
+      const error = new Error("Direct key login is not supported in this environment.");
+      error.code = "provider-unavailable";
+      throw error;
+    }
+
+    const normalized = normalizeOptions(options);
+
+    if (normalized.unlockStored) {
+      if (typeof nostrClient.unlockStoredSessionActor !== "function") {
+        const error = new Error("Stored key unlock is not supported.");
+        error.code = "unlock-unavailable";
+        throw error;
+      }
+
+      const suppliedPassphrase = normalized.passphrase;
+      if (typeof suppliedPassphrase !== "string" || !suppliedPassphrase.trim()) {
+        const error = new Error("A passphrase is required to unlock the saved key.");
+        error.code = "passphrase-required";
+        throw error;
+      }
+
+      const unlockResult = await nostrClient.unlockStoredSessionActor(suppliedPassphrase);
+      const unlockedPubkey = normalizePubkey(unlockResult);
+
+      return {
+        authType: PROVIDER_ID,
+        pubkey: unlockedPubkey,
+      };
+    }
+
+    const trimmedSecret = normalized.secret.trim();
+    if (!trimmedSecret) {
+      const error = new Error("A private key is required to continue.");
+      error.code = "secret-required";
+      throw error;
+    }
+
+    const { privateKey, pubkey } = await nostrClient.derivePrivateKeyFromSecret(trimmedSecret);
+
+    const shouldPersist = normalized.persist === true;
+    const passphrase = shouldPersist ? normalized.passphrase : "";
+
+    if (shouldPersist && (!passphrase || !passphrase.trim())) {
+      const error = new Error("A passphrase is required to remember this key.");
+      error.code = "passphrase-required";
+      throw error;
+    }
+
+    const validator = (pubkey) => {
+      if (!accessControl.canAccess(pubkey)) {
+        if (accessControl.isBlacklisted(pubkey)) {
+          throw new Error("Your account has been blocked on this platform.");
+        }
+        throw new Error("Access restricted to admins and moderators users only.");
+      }
+      return true;
+    };
+
+    const registrationResult = await nostrClient.registerPrivateKeySigner({
+      privateKey,
+      pubkey,
+      persist: shouldPersist,
+      passphrase: shouldPersist ? passphrase : undefined,
+      validator,
+    });
+
+    const registeredPubkey = normalizePubkey(registrationResult) || pubkey;
+
+    return {
+      authType: PROVIDER_ID,
+      pubkey: registeredPubkey,
+    };
+  },
+};
diff --git a/dist/js/services/authService.js b/dist/js/services/authService.js
new file mode 100644
index 00000000..0e0cf847
--- /dev/null
+++ b/dist/js/services/authService.js
@@ -0,0 +1,1260 @@
+// js/services/authService.js
+
+import {
+  setPubkey,
+  setCurrentUserNpub,
+  getPubkey,
+  getCurrentUserNpub,
+} from "../state/appState.js";
+import { userLogger } from "../utils/logger.js";
+import { requestDefaultExtensionPermissions } from "../nostr/defaultClient.js";
+import {
+  getSavedProfiles,
+  getActiveProfilePubkey,
+  setActiveProfilePubkey,
+  mutateSavedProfiles,
+  persistSavedProfiles,
+  loadSavedProfilesFromStorage as hydrateSavedProfilesFromStorage,
+  syncSavedProfileFromCache as syncSavedProfileFromCacheState,
+  loadProfileCacheFromStorage as hydrateProfileCacheFromStorage,
+  persistProfileCacheToStorage as persistProfileCacheState,
+  getProfileCacheEntry as getCachedProfileEntry,
+  setProfileCacheEntry as setCachedProfileEntry,
+  resetModerationSettings,
+} from "../state/cache.js";
+import { profileCache } from "../state/profileCache.js";
+import getDefaultAuthProvider, {
+  providers as defaultAuthProviders,
+} from "./authProviders/index.js";
+import { fetchProfileMetadata } from "./profileMetadataService.js";
+
+class SimpleEventEmitter {
+  constructor(logger = null) {
+    this.logger = typeof logger === "function" ? logger : null;
+    this.listeners = new Map();
+  }
+
+  on(eventName, handler) {
+    if (typeof handler !== "function") {
+      return () => {};
+    }
+    if (!this.listeners.has(eventName)) {
+      this.listeners.set(eventName, new Set());
+    }
+    const handlers = this.listeners.get(eventName);
+    handlers.add(handler);
+    return () => {
+      handlers.delete(handler);
+      if (!handlers.size) {
+        this.listeners.delete(eventName);
+      }
+    };
+  }
+
+  emit(eventName, detail) {
+    const handlers = this.listeners.get(eventName);
+    if (!handlers || !handlers.size) {
+      return;
+    }
+
+    for (const handler of Array.from(handlers)) {
+      try {
+        handler(detail);
+      } catch (error) {
+        if (this.logger) {
+          this.logger(`AuthService listener for "${eventName}" threw`, error);
+        }
+      }
+    }
+  }
+}
+
+const HEX64_REGEX = /^[0-9a-f]{64}$/i;
+const FALLBACK_PROFILE = {
+  name: "Unknown",
+  picture: "assets/svg/default-profile.svg",
+  about: "",
+  website: "",
+  banner: "",
+  lud16: "",
+  lud06: "",
+};
+
+const FAST_PROFILE_RELAY_LIMIT = 3;
+const FAST_PROFILE_TIMEOUT_MS = 2500;
+const BACKGROUND_PROFILE_TIMEOUT_MS = 6000;
+
+export default class AuthService {
+  constructor({
+    nostrClient,
+    userBlocks,
+    relayManager,
+    logger,
+    accessControl,
+    authProviders,
+    getAuthProvider,
+  } = {}) {
+    this.nostrClient = nostrClient || null;
+    this.userBlocks = userBlocks || null;
+    this.relayManager = relayManager || null;
+    this.accessControl = accessControl || null;
+    this.authProviders =
+      authProviders && typeof authProviders === "object"
+        ? authProviders
+        : defaultAuthProviders;
+
+    if (typeof logger === "function") {
+      this.logger = logger;
+    } else if (logger && typeof logger.log === "function") {
+      this.logger = (...args) => logger.log(...args);
+    } else {
+      this.logger = () => {};
+    }
+
+    this.emitter = new SimpleEventEmitter((message, error) => {
+      try {
+        this.logger(message, error);
+      } catch (logError) {
+        userLogger.warn("[AuthService] logger threw", logError);
+      }
+    });
+
+    if (typeof getAuthProvider === "function") {
+      this.resolveAuthProvider = (providerId) => {
+        const normalizedId = this.normalizeProviderId(providerId);
+        const provider = getAuthProvider(normalizedId);
+        if (!provider || typeof provider.login !== "function") {
+          const error = new Error(`Unknown auth provider: ${normalizedId}`);
+          error.code = "unknown-auth-provider";
+          throw error;
+        }
+        return provider;
+      };
+    } else {
+      this.resolveAuthProvider = (providerId) => {
+        const normalizedId = this.normalizeProviderId(providerId);
+        const registry = this.authProviders || defaultAuthProviders;
+        const provider =
+          registry && typeof registry === "object"
+            ? registry[normalizedId]
+            : null;
+
+        if (provider && typeof provider.login === "function") {
+          return provider;
+        }
+
+        return getDefaultAuthProvider(normalizedId);
+      };
+    }
+  }
+
+  normalizeProviderId(providerId) {
+    return typeof providerId === "string" && providerId.trim()
+      ? providerId.trim()
+      : "nip07";
+  }
+
+  normalizeAuthType(authTypeCandidate, providerId, providerResult) {
+    const candidates = [];
+
+    if (typeof authTypeCandidate === "string") {
+      candidates.push(authTypeCandidate);
+    }
+
+    if (providerResult && typeof providerResult === "object") {
+      const resultAuthType = providerResult.authType;
+      if (typeof resultAuthType === "string") {
+        candidates.push(resultAuthType);
+      }
+
+      const resultProviderId = providerResult.providerId;
+      if (typeof resultProviderId === "string") {
+        candidates.push(resultProviderId);
+      }
+    }
+
+    if (typeof providerId === "string") {
+      candidates.push(providerId);
+    }
+
+    for (const candidate of candidates) {
+      const trimmed = candidate.trim();
+      if (trimmed) {
+        return trimmed;
+      }
+    }
+
+    return "nip07";
+  }
+
+  log(...args) {
+    try {
+      this.logger(...args);
+    } catch (error) {
+      userLogger.warn("[AuthService] logger threw", error);
+    }
+  }
+
+  on(eventName, handler) {
+    return this.emitter.on(eventName, handler);
+  }
+
+  emit(eventName, detail) {
+    this.emitter.emit(eventName, detail);
+  }
+
+  hydrateFromStorage() {
+    hydrateProfileCacheFromStorage();
+    const { profiles, hasExplicitActiveProfile } = hydrateSavedProfilesFromStorage();
+    if (
+      !getActiveProfilePubkey() &&
+      !hasExplicitActiveProfile &&
+      Array.isArray(profiles) &&
+      profiles.length
+    ) {
+      const first = profiles[0]?.pubkey || null;
+      if (first) {
+        setActiveProfilePubkey(first, { persist: true });
+      }
+    }
+    this.emitProfileList("hydrate");
+  }
+
+  persistProfileCache() {
+    persistProfileCacheState();
+  }
+
+  getProfileCacheEntry(pubkey) {
+    return getCachedProfileEntry(pubkey);
+  }
+
+  setProfileCacheEntry(pubkey, profile, { persist = true, reason = "manual" } = {}) {
+    const entry = setCachedProfileEntry(pubkey, profile, { persist });
+    if (entry) {
+      const normalized = this.normalizeHexPubkey(pubkey);
+      if (normalized) {
+        const updated = syncSavedProfileFromCacheState(normalized, {
+          persist,
+        });
+        if (updated) {
+          this.emitProfileList("cache-sync");
+        }
+        this.emit("profile:updated", {
+          pubkey: normalized,
+          profile: entry.profile || FALLBACK_PROFILE,
+          reason,
+          savedProfiles: this.cloneSavedProfiles(),
+          activeProfilePubkey: getActiveProfilePubkey(),
+        });
+      }
+    }
+    return entry;
+  }
+
+  cloneSavedProfiles() {
+    const saved = getSavedProfiles();
+    return Array.isArray(saved) ? saved.map((entry) => ({ ...entry })) : [];
+  }
+
+  emitProfileList(reason = "update") {
+    this.emit("profile:updated", {
+      reason,
+      savedProfiles: this.cloneSavedProfiles(),
+      activeProfilePubkey: getActiveProfilePubkey(),
+    });
+  }
+
+  safeEncodeNpub(pubkey) {
+    if (typeof pubkey !== "string") {
+      return null;
+    }
+
+    const trimmed = pubkey.trim();
+    if (!trimmed) {
+      return null;
+    }
+
+    if (trimmed.startsWith("npub1")) {
+      return trimmed;
+    }
+
+    try {
+      return window?.NostrTools?.nip19?.npubEncode(trimmed) || null;
+    } catch (error) {
+      return null;
+    }
+  }
+
+  safeDecodeNpub(npub) {
+    if (typeof npub !== "string") {
+      return null;
+    }
+
+    const trimmed = npub.trim();
+    if (!trimmed) {
+      return null;
+    }
+
+    try {
+      const decoded = window?.NostrTools?.nip19?.decode(trimmed);
+      if (decoded?.type === "npub" && typeof decoded.data === "string") {
+        return decoded.data;
+      }
+    } catch (error) {
+      return null;
+    }
+
+    return null;
+  }
+
+  normalizeHexPubkey(pubkey) {
+    if (typeof pubkey !== "string") {
+      return null;
+    }
+
+    const trimmed = pubkey.trim();
+    if (!trimmed) {
+      return null;
+    }
+
+    if (HEX64_REGEX.test(trimmed)) {
+      return trimmed.toLowerCase();
+    }
+
+    if (trimmed.startsWith("npub1")) {
+      const decoded = this.safeDecodeNpub(trimmed);
+      if (decoded && HEX64_REGEX.test(decoded)) {
+        return decoded.toLowerCase();
+      }
+    }
+
+    return null;
+  }
+
+  async requestLogin(rawOptions = {}) {
+    const normalizedOptions =
+      rawOptions && typeof rawOptions === "object" ? { ...rawOptions } : {};
+    const {
+      providerId: requestedProviderId = "nip07",
+      persistActive,
+      autoApply,
+      ...providerOptions
+    } = normalizedOptions;
+
+    const providerId = this.normalizeProviderId(requestedProviderId);
+    const provider = this.resolveAuthProvider(providerId);
+    const providerResult = await provider.login({
+      nostrClient: this.nostrClient,
+      options: providerOptions,
+    });
+
+    const rawPubkey =
+      providerResult && typeof providerResult === "object"
+        ? providerResult.pubkey
+        : providerResult;
+    const pubkey =
+      typeof rawPubkey === "string"
+        ? rawPubkey
+        : providerResult && typeof providerResult === "object"
+        ? providerResult.publicKey || ""
+        : "";
+
+    const authTypeCandidate =
+      providerResult && typeof providerResult === "object"
+        ? providerResult.authType
+        : null;
+    const authType = this.normalizeAuthType(
+      authTypeCandidate,
+      providerId,
+      providerResult,
+    );
+    const signer =
+      providerResult && typeof providerResult === "object"
+        ? providerResult.signer || null
+        : null;
+    const detailAuthType =
+      typeof authType === "string" && authType.trim() ? authType.trim() : "nip07";
+
+    const trimmed = typeof pubkey === "string" ? pubkey.trim() : "";
+    if (!trimmed) {
+      return { pubkey: null, providerId, authType: detailAuthType, signer };
+    }
+
+    if (autoApply === false) {
+      return { pubkey: trimmed, providerId, authType: detailAuthType, signer };
+    }
+
+    const detail = await this.login(trimmed, {
+      persistActive: persistActive !== false,
+      providerId,
+      authType: detailAuthType,
+      signer,
+      providerResult,
+    });
+
+    return {
+      pubkey: trimmed,
+      detail,
+      providerId,
+      authType: detailAuthType,
+      signer,
+    };
+  }
+
+  async handleUploadSubmit(payload, { publish } = {}) {
+    if (!this.getActivePubkey()) {
+      await this.requestLogin({ allowAccountSelection: true });
+      if (!this.getActivePubkey()) {
+        throw new Error("Login required to publish videos.");
+      }
+    }
+
+    if (typeof publish !== "function") {
+      throw new Error("A publish callback must be provided to handleUploadSubmit.");
+    }
+
+    return publish(payload);
+  }
+
+  getActivePubkey() {
+    return getPubkey();
+  }
+
+  async login(pubkey, options = {}) {
+    const normalizedOptions =
+      options && typeof options === "object" ? { ...options } : {};
+    const persistActive =
+      normalizedOptions.persistActive === false ? false : true;
+    const providerId = this.normalizeProviderId(normalizedOptions.providerId);
+    const providerResult = Object.prototype.hasOwnProperty.call(
+      normalizedOptions,
+      "providerResult",
+    )
+      ? normalizedOptions.providerResult ?? null
+      : null;
+    const authTypeCandidate =
+      typeof normalizedOptions.authType === "string"
+        ? normalizedOptions.authType
+        : null;
+    const authType = this.normalizeAuthType(
+      authTypeCandidate,
+      providerId,
+      providerResult,
+    );
+    const signer = Object.prototype.hasOwnProperty.call(normalizedOptions, "signer")
+      ? normalizedOptions.signer ?? null
+      : null;
+
+    const previousPubkey = this.normalizeHexPubkey(getPubkey()) || getPubkey();
+    const normalized = this.normalizeHexPubkey(pubkey);
+    const trimmed = typeof pubkey === "string" ? pubkey.trim() : "";
+    const nextPubkey = normalized || trimmed || null;
+    if (!nextPubkey) {
+      throw new Error("A valid pubkey is required for login.");
+    }
+
+    const identityChanged = previousPubkey !== nextPubkey;
+
+    const control = this.accessControl;
+    const candidateNpub = this.safeEncodeNpub(nextPubkey) || null;
+    let lockdownActive = false;
+    if (control && typeof control.isLockdownActive === "function") {
+      try {
+        lockdownActive = control.isLockdownActive();
+      } catch (error) {
+        this.log("[AuthService] accessControl.isLockdownActive threw", error);
+        lockdownActive = Boolean(lockdownActive);
+      }
+    }
+
+    if (lockdownActive) {
+      let isAdminCandidate = false;
+      const adminCheckValue =
+        candidateNpub || (typeof trimmed === "string" && trimmed ? trimmed : null);
+      if (adminCheckValue && typeof control?.isAdminEditor === "function") {
+        try {
+          isAdminCandidate = !!control.isAdminEditor(adminCheckValue);
+        } catch (error) {
+          this.log("[AuthService] accessControl.isAdminEditor threw", error);
+          isAdminCandidate = false;
+        }
+      }
+
+      if (!isAdminCandidate) {
+        const lockdownError = new Error(
+          "This site is temporarily locked down. Only administrators may sign in right now.",
+        );
+        lockdownError.code = "site-lockdown";
+        lockdownError.npub = candidateNpub || adminCheckValue;
+        throw lockdownError;
+      }
+    }
+
+    if (control && typeof control.canAccess === "function") {
+      let canAccess = true;
+      try {
+        canAccess = control.canAccess(candidateNpub || nextPubkey);
+      } catch (error) {
+        this.log("[AuthService] accessControl.canAccess threw", error);
+        canAccess = Boolean(canAccess);
+      }
+
+      if (!canAccess) {
+        let isBlocked = false;
+        if (typeof control.isBlacklisted === "function") {
+          try {
+            isBlocked = control.isBlacklisted(candidateNpub || nextPubkey);
+          } catch (error) {
+            this.log("[AuthService] accessControl.isBlacklisted threw", error);
+            isBlocked = false;
+          }
+        }
+
+        const accessError = new Error(
+          isBlocked
+            ? "Your account has been blocked on this platform."
+            : "Access restricted to admins and moderators users only.",
+        );
+        throw accessError;
+      }
+    }
+
+    if (normalized) {
+      setPubkey(normalized);
+      if (this.nostrClient && typeof this.nostrClient === "object") {
+        this.nostrClient.pubkey = normalized;
+      }
+      profileCache.setActiveProfile(normalized);
+    } else {
+      setPubkey(nextPubkey);
+      if (this.nostrClient && typeof this.nostrClient === "object") {
+        this.nostrClient.pubkey = trimmed ? trimmed.toLowerCase() : "";
+      }
+      profileCache.setActiveProfile(trimmed ? trimmed.toLowerCase() : null);
+    }
+
+    const npub = candidateNpub;
+    setCurrentUserNpub(npub);
+
+    let savedProfilesMutated = false;
+    const entryAuthType = this.normalizeAuthType(
+      authType,
+      providerId,
+      providerResult,
+    );
+
+    const entryProviderId = this.normalizeProviderId(providerId) || entryAuthType;
+
+    mutateSavedProfiles((profiles) => {
+      const draft = Array.isArray(profiles) ? profiles.slice() : [];
+      const existingIndex = draft.findIndex((entry) => {
+        const normalizedEntry = this.normalizeHexPubkey(entry?.pubkey);
+        return normalizedEntry && normalizedEntry === normalized;
+      });
+
+      const cacheEntry = this.getProfileCacheEntry(normalized || nextPubkey);
+      const cachedProfile = cacheEntry?.profile || {};
+
+      const nextEntry = {
+        pubkey: normalized || nextPubkey,
+        npub: npub || (cachedProfile.npub ?? null),
+        name: cachedProfile.name || draft[existingIndex]?.name || "",
+        picture: cachedProfile.picture || draft[existingIndex]?.picture || "",
+        authType: entryAuthType,
+        providerId: entryProviderId,
+      };
+
+      if (existingIndex >= 0) {
+        const currentEntry = draft[existingIndex] || {};
+        const changed =
+          currentEntry.npub !== nextEntry.npub ||
+          currentEntry.name !== nextEntry.name ||
+          currentEntry.picture !== nextEntry.picture ||
+          currentEntry.authType !== nextEntry.authType ||
+          currentEntry.providerId !== nextEntry.providerId;
+        if (changed) {
+          draft[existingIndex] = nextEntry;
+          savedProfilesMutated = true;
+        }
+      } else {
+        draft.push(nextEntry);
+        savedProfilesMutated = true;
+      }
+
+      return draft;
+    }, { persist: false, persistActive: false });
+
+    if (persistActive) {
+      setActiveProfilePubkey(normalized || nextPubkey, { persist: true });
+    }
+
+    if (!persistActive && savedProfilesMutated) {
+      persistSavedProfiles({ persistActive: false });
+    } else if (persistActive || savedProfilesMutated) {
+      persistSavedProfiles({ persistActive: true });
+    }
+
+    if (savedProfilesMutated) {
+      this.emitProfileList("login");
+    }
+
+    const activeLoginPubkey = getPubkey();
+    const normalizedLoginPubkey =
+      this.normalizeHexPubkey(activeLoginPubkey) || activeLoginPubkey || null;
+
+    const detail = {
+      pubkey: activeLoginPubkey,
+      npub: getCurrentUserNpub(),
+      previousPubkey: previousPubkey || null,
+      identityChanged,
+      savedProfiles: this.cloneSavedProfiles(),
+      activeProfilePubkey: getActiveProfilePubkey(),
+      providerId,
+      authType: entryAuthType,
+      signer,
+      providerResult,
+      postLogin: {
+        pubkey: normalizedLoginPubkey,
+        blocksLoaded: false,
+        relaysLoaded: false,
+        profile: null,
+      },
+      postLoginPromise: null,
+      postLoginError: null,
+    };
+
+    const { detail: postLoginDetail, completionPromise } = this.applyPostLoginState({
+      deferBlocks: true,
+    });
+    detail.postLogin = postLoginDetail;
+
+    const postLoginPromise = Promise.resolve(completionPromise)
+      .then((postLogin) => {
+        detail.postLogin = postLogin;
+        detail.postLoginError = null;
+
+        try {
+          this.emitProfileList("post-login");
+        } catch (error) {
+          this.log("[AuthService] Failed to emit profile list after login", error);
+        }
+
+        this.emit("auth:post-login", {
+          ...detail,
+          postLogin,
+          postLoginError: null,
+          savedProfiles: this.cloneSavedProfiles(),
+          activeProfilePubkey: getActiveProfilePubkey(),
+        });
+
+        return postLogin;
+      })
+      .catch((error) => {
+        this.log("[AuthService] applyPostLoginState failed", error);
+        detail.postLoginError = error;
+
+        this.emit("auth:post-login", {
+          ...detail,
+          postLogin: detail.postLogin,
+          postLoginError: error,
+          savedProfiles: this.cloneSavedProfiles(),
+          activeProfilePubkey: getActiveProfilePubkey(),
+        });
+
+        return null;
+      });
+
+    detail.postLoginPromise = postLoginPromise;
+
+    try {
+      Object.defineProperty(detail, "__handled", {
+        configurable: true,
+        enumerable: false,
+        writable: true,
+        value: false,
+      });
+    } catch (error) {
+      // Ignore descriptor errors (e.g., frozen objects) and fall back to direct assignment.
+      detail.__handled = false;
+    }
+
+    this.emit("auth:login", detail);
+    return detail;
+  }
+
+  applyPostLoginState({ deferBlocks = false } = {}) {
+    const activePubkey = this.normalizeHexPubkey(getPubkey()) || getPubkey();
+    const cachedEntry = activePubkey ? this.getProfileCacheEntry(activePubkey) : null;
+    const cachedProfile = cachedEntry?.profile || FALLBACK_PROFILE;
+    const detail = {
+      pubkey: activePubkey || null,
+      blocksLoaded: deferBlocks ? null : false,
+      relaysLoaded: false,
+      profile: cachedProfile,
+    };
+
+    if (!activePubkey) {
+      return { detail, completionPromise: Promise.resolve(detail) };
+    }
+
+    const runOperation = async (operation) => {
+      try {
+        const value = await operation.promise;
+        const resolved = operation.onFulfilled(value);
+        detail[operation.name] = resolved;
+        if (typeof operation.emit === "function") {
+          operation.emit(resolved, null);
+        }
+        return resolved;
+      } catch (error) {
+        const resolved = operation.onRejected(error);
+        detail[operation.name] = resolved;
+        if (typeof operation.emit === "function") {
+          operation.emit(resolved, error);
+        }
+        return resolved;
+      }
+    };
+
+    const schedule = (callback) => Promise.resolve().then(() => callback());
+
+    const completionPromise = (async () => {
+      if (this.relayManager && typeof this.relayManager.loadRelayList === "function") {
+        const relayOp = {
+          name: "relaysLoaded",
+          promise: schedule(() => this.relayManager.loadRelayList(activePubkey)),
+          onFulfilled: () => true,
+          onRejected: (error) => {
+            this.log("[AuthService] Failed to load relay list", error);
+            return false;
+          },
+          emit: (value, error) => {
+            this.emit("relaysLoaded", {
+              pubkey: activePubkey,
+              relaysLoaded: value,
+              error: error ?? null,
+            });
+          },
+        };
+        await runOperation(relayOp);
+      }
+
+      const concurrentOps = [];
+
+      if (!deferBlocks) {
+        const blocksOperation = this.createBlocksLoadOperation(activePubkey, schedule);
+        if (blocksOperation) {
+          concurrentOps.push(blocksOperation);
+        }
+      }
+
+      concurrentOps.push({
+        name: "profile",
+        promise: schedule(() => this.loadOwnProfile(activePubkey)),
+        onFulfilled: (value) => {
+          const profile = value || FALLBACK_PROFILE;
+          this.setProfileCacheEntry(activePubkey, profile, {
+            persist: true,
+            reason: "post-login",
+          });
+          return profile;
+        },
+        onRejected: (error) => {
+          this.log("[AuthService] Failed to load own profile", error);
+          const fallbackProfile = cachedProfile || FALLBACK_PROFILE;
+          this.setProfileCacheEntry(activePubkey, fallbackProfile, {
+            persist: true,
+            reason: "post-login-fallback",
+          });
+          return fallbackProfile;
+        },
+      });
+
+      await Promise.allSettled(concurrentOps.map(runOperation));
+
+      return detail;
+    })();
+
+    return { detail, completionPromise };
+  }
+
+  createBlocksLoadOperation(
+    activePubkey,
+    schedule = (callback) => Promise.resolve().then(() => callback()),
+    options = {},
+  ) {
+    if (!this.userBlocks || typeof this.userBlocks.loadBlocks !== "function") {
+      return null;
+    }
+
+    return {
+      name: "blocksLoaded",
+      promise: schedule(() => this.userBlocks.loadBlocks(activePubkey, options)),
+      onFulfilled: () => true,
+      onRejected: (error) => {
+        this.log("[AuthService] Failed to load block list", error);
+        return false;
+      },
+      emit: (value, error) => {
+        this.emit("blocksLoaded", {
+          pubkey: activePubkey,
+          blocksLoaded: value,
+          error: error ?? null,
+        });
+      },
+    };
+  }
+
+  async loadBlocksForPubkey(pubkey, options = {}) {
+    const normalized = this.normalizeHexPubkey(pubkey) ||
+      (typeof pubkey === "string" ? pubkey.trim() : "");
+    if (!normalized) {
+      return false;
+    }
+
+    const operation = this.createBlocksLoadOperation(normalized, undefined, options);
+    if (!operation) {
+      return false;
+    }
+
+    try {
+      const value = await operation.promise;
+      const resolved = operation.onFulfilled(value);
+      operation.emit?.(resolved, null);
+      return resolved;
+    } catch (error) {
+      const resolved = operation.onRejected(error);
+      operation.emit?.(resolved, error);
+      return resolved;
+    }
+  }
+
+  async logout() {
+    if (this.nostrClient && typeof this.nostrClient.logout === "function") {
+      try {
+        this.nostrClient.logout();
+      } catch (error) {
+        this.log("[AuthService] nostrClient.logout threw", error);
+      }
+    }
+
+    const previousPubkey = this.normalizeHexPubkey(getPubkey()) || getPubkey();
+
+    setPubkey(null);
+    setCurrentUserNpub(null);
+    setActiveProfilePubkey(null, { persist: true });
+
+    try {
+      if (profileCache && typeof profileCache.reset === "function") {
+        profileCache.reset();
+      }
+    } catch (error) {
+      this.log("[AuthService] profileCache.reset threw", error);
+    }
+
+    try {
+      resetModerationSettings({ persist: true });
+    } catch (error) {
+      this.log(
+        "[AuthService] Failed to reset moderation settings on logout",
+        error,
+      );
+    }
+
+    if (this.userBlocks && typeof this.userBlocks.reset === "function") {
+      try {
+        this.userBlocks.reset();
+      } catch (error) {
+        this.log("[AuthService] userBlocks.reset threw", error);
+      }
+    }
+
+    if (this.relayManager && typeof this.relayManager.reset === "function") {
+      try {
+        this.relayManager.reset();
+      } catch (error) {
+        this.log("[AuthService] relayManager.reset threw", error);
+      }
+    }
+
+    persistSavedProfiles({ persistActive: true });
+
+    const detail = {
+      previousPubkey: previousPubkey || null,
+      savedProfiles: this.cloneSavedProfiles(),
+      activeProfilePubkey: getActiveProfilePubkey(),
+    };
+
+    this.emit("auth:logout", detail);
+    return detail;
+  }
+
+  removeSavedProfile(pubkey) {
+    const normalized = this.normalizeHexPubkey(pubkey) ||
+      (typeof pubkey === "string" ? pubkey.trim() : "");
+    if (!normalized) {
+      return { removed: false };
+    }
+
+    const { changed } = mutateSavedProfiles((profiles) =>
+      profiles.filter((entry) => entry?.pubkey !== normalized),
+    {
+      persist: true,
+      persistActive: true,
+    });
+
+    if (changed && getActiveProfilePubkey() === normalized) {
+      setActiveProfilePubkey(null, { persist: true });
+    }
+
+    if (changed) {
+      this.emitProfileList("remove-saved-profile");
+    }
+
+    return { removed: changed };
+  }
+
+  async switchProfile(pubkey, options = {}) {
+    const normalizedTarget = this.normalizeHexPubkey(pubkey);
+    if (!normalizedTarget) {
+      throw new Error("Unable to switch profiles: invalid account.");
+    }
+
+    const normalizedOptions =
+      options && typeof options === "object" ? { ...options } : {};
+    const providerId = this.normalizeProviderId(normalizedOptions.providerId);
+
+    const normalizedActive = this.normalizeHexPubkey(getActiveProfilePubkey());
+    if (normalizedActive && normalizedActive === normalizedTarget) {
+      return { switched: false, reason: "already-active" };
+    }
+
+    const requestOptions = {
+      allowAccountSelection: true,
+      expectPubkey: normalizedTarget,
+      persistActive: true,
+      ...(providerId ? { providerId } : {}),
+    };
+    const autoApply = requestOptions.autoApply !== false;
+
+    let requestResult;
+    try {
+      requestResult = await this.requestLogin(requestOptions);
+    } catch (error) {
+      throw error;
+    }
+
+    const requestedPubkey =
+      this.normalizeHexPubkey(requestResult?.pubkey) ||
+      (typeof requestResult?.pubkey === "string"
+        ? requestResult.pubkey.trim()
+        : "");
+
+    let detail = requestResult?.detail || null;
+
+    if (!detail && !autoApply) {
+      const fallbackTarget =
+        this.normalizeHexPubkey(requestedPubkey) || requestedPubkey || normalizedTarget;
+      detail = await this.login(fallbackTarget, {
+        persistActive: true,
+        providerId,
+      });
+    }
+
+    mutateSavedProfiles((profiles) => {
+      const draft = profiles.slice();
+      const index = draft.findIndex(
+        (entry) => this.normalizeHexPubkey(entry?.pubkey) === normalizedTarget
+      );
+      if (index > 0) {
+        const [moved] = draft.splice(index, 1);
+        draft.unshift(moved);
+      }
+      return draft;
+    }, { persist: true, persistActive: true });
+
+    const savedProfiles = this.cloneSavedProfiles();
+    const activeProfilePubkey = getActiveProfilePubkey();
+
+    if (detail && typeof detail === "object") {
+      detail.savedProfiles = savedProfiles;
+      detail.activeProfilePubkey = activeProfilePubkey;
+    }
+
+    this.emitProfileList("switch-profile");
+
+    return { switched: true, detail };
+  }
+
+  async loadOwnProfile(pubkey) {
+    const normalized = this.normalizeHexPubkey(pubkey) ||
+      (typeof pubkey === "string" ? pubkey.trim() : "");
+    if (!normalized) {
+      return FALLBACK_PROFILE;
+    }
+
+    if (!this.nostrClient?.pool || !Array.isArray(this.nostrClient?.relays)) {
+      return FALLBACK_PROFILE;
+    }
+
+    const relays = Array.isArray(this.nostrClient.relays)
+      ? this.nostrClient.relays.filter((url) => typeof url === "string" && url)
+      : [];
+
+    if (!relays.length) {
+      this.setProfileCacheEntry(normalized, FALLBACK_PROFILE, {
+        persist: true,
+        reason: "load-own-profile:fallback",
+      });
+      return FALLBACK_PROFILE;
+    }
+
+    const filter = [{ kinds: [0], authors: [normalized], limit: 1 }];
+
+    const selectNewestEvent = (eventList) => {
+      if (!Array.isArray(eventList) || !eventList.length) {
+        return null;
+      }
+      const sorted = eventList
+        .filter((event) => event && event.pubkey === normalized)
+        .sort((a, b) => (b?.created_at || 0) - (a?.created_at || 0));
+      return sorted.length ? sorted[0] : null;
+    };
+
+    const buildProfileFromEvent = (event) => {
+      if (!event?.content) {
+        return FALLBACK_PROFILE;
+      }
+      try {
+        const data = JSON.parse(event.content);
+        return {
+          name: data.display_name || data.name || FALLBACK_PROFILE.name,
+          picture: data.picture || FALLBACK_PROFILE.picture,
+          about: typeof data.about === "string" ? data.about : FALLBACK_PROFILE.about,
+          website:
+            typeof data.website === "string" ? data.website : FALLBACK_PROFILE.website,
+          banner:
+            typeof data.banner === "string" ? data.banner : FALLBACK_PROFILE.banner,
+          lud16: typeof data.lud16 === "string" ? data.lud16 : FALLBACK_PROFILE.lud16,
+          lud06: typeof data.lud06 === "string" ? data.lud06 : FALLBACK_PROFILE.lud06,
+        };
+      } catch (error) {
+        this.log("[AuthService] Failed to parse profile metadata", error);
+        return FALLBACK_PROFILE;
+      }
+    };
+
+    const fetchFromRelay = (relayUrl, timeoutMs, requireEvent) => {
+      return new Promise((resolve, reject) => {
+        let settled = false;
+        const timer = setTimeout(() => {
+          if (settled) {
+            return;
+          }
+          settled = true;
+          const timeoutError = new Error(
+            `Timed out fetching profile from ${relayUrl} after ${timeoutMs}ms`
+          );
+          timeoutError.code = "timeout";
+          timeoutError.relay = relayUrl;
+          timeoutError.timeoutMs = timeoutMs;
+          reject(timeoutError);
+        }, timeoutMs);
+
+        Promise.resolve()
+          .then(() => this.nostrClient.pool.list([relayUrl], filter))
+          .then((result) => {
+            if (settled) {
+              return;
+            }
+            settled = true;
+            clearTimeout(timer);
+            const events = Array.isArray(result)
+              ? result.filter((event) => event && event.pubkey === normalized)
+              : [];
+            if (requireEvent && !events.length) {
+              const emptyError = new Error(
+                `No profile events returned from ${relayUrl}`
+              );
+              emptyError.code = "empty";
+              emptyError.relay = relayUrl;
+              reject(emptyError);
+              return;
+            }
+            resolve({ relayUrl, events });
+          })
+          .catch((error) => {
+            if (settled) {
+              return;
+            }
+            settled = true;
+            clearTimeout(timer);
+            const wrapped =
+              error instanceof Error ? error : new Error(String(error));
+            wrapped.relay = relayUrl;
+            reject(wrapped);
+          });
+      });
+    };
+
+    const fastRelays = relays.slice(0, FAST_PROFILE_RELAY_LIMIT);
+    const backgroundRelays = relays.slice(fastRelays.length);
+
+    const fastPromises = fastRelays.map((relayUrl) =>
+      fetchFromRelay(relayUrl, FAST_PROFILE_TIMEOUT_MS, true)
+    );
+    const backgroundPromises = backgroundRelays.map((relayUrl) =>
+      fetchFromRelay(relayUrl, BACKGROUND_PROFILE_TIMEOUT_MS, false)
+    );
+
+    const background = Promise.allSettled([
+      ...fastPromises,
+      ...backgroundPromises,
+    ])
+      .then((outcomes) => {
+        const aggregated = [];
+        outcomes.forEach((outcome) => {
+          if (outcome.status === "fulfilled") {
+            const events = Array.isArray(outcome.value?.events)
+              ? outcome.value.events
+              : [];
+            if (events.length) {
+              aggregated.push(...events);
+            }
+          } else if (outcome.status === "rejected") {
+            const reason = outcome.reason;
+            if (reason?.code === "timeout") {
+              this.log(
+                `[AuthService] Relay ${reason.relay} timed out loading profile (background)`
+              );
+            } else {
+              this.log(
+                `[AuthService] Relay ${reason?.relay || "unknown"} failed loading profile (background)`,
+                reason
+              );
+            }
+          }
+        });
+
+        const newest = selectNewestEvent(aggregated);
+        if (newest && this.nostrClient && typeof this.nostrClient.handleEvent === "function") {
+          this.nostrClient.handleEvent(newest);
+        }
+      })
+      .catch((error) => {
+        this.log("[AuthService] Background profile refresh failed", error);
+      });
+
+    let fastResult = null;
+    if (fastPromises.length) {
+      try {
+        fastResult = await Promise.any(fastPromises);
+      } catch (error) {
+        if (error instanceof AggregateError) {
+          error.errors?.forEach((err) => {
+            if (err?.code === "timeout") {
+              this.log(
+                `[AuthService] Relay ${err.relay} timed out loading profile`
+              );
+            }
+          });
+        } else {
+          this.log("[AuthService] Failed to load profile from fast relays", error);
+        }
+      }
+    }
+
+    if (fastResult?.events?.length) {
+      const newest = selectNewestEvent(fastResult.events);
+      if (newest) {
+        if (this.nostrClient && typeof this.nostrClient.handleEvent === "function") {
+          this.nostrClient.handleEvent(newest);
+        }
+        const profile = buildProfileFromEvent(newest);
+        // setProfileCacheEntry now delegates to profileCache.setProfile, but handleEvent also does it.
+        // Doing it here returns the profile object which might be needed immediately.
+        background.catch(() => {});
+        return profile;
+      }
+    }
+
+    this.setProfileCacheEntry(normalized, FALLBACK_PROFILE, {
+      persist: true,
+      reason: "load-own-profile:fallback",
+    });
+
+    background.catch(() => {});
+
+    return FALLBACK_PROFILE;
+  }
+
+  async fetchProfile(pubkey, { forceRefresh = false } = {}) {
+    const normalized = this.normalizeHexPubkey(pubkey) ||
+      (typeof pubkey === "string" ? pubkey.trim() : "");
+    if (!normalized) {
+      return null;
+    }
+
+    const cacheEntry = this.getProfileCacheEntry(normalized);
+    if (cacheEntry && !forceRefresh) {
+      this.emit("profile:updated", {
+        pubkey: normalized,
+        profile: cacheEntry.profile || FALLBACK_PROFILE,
+        reason: "cache-hit",
+        savedProfiles: this.cloneSavedProfiles(),
+        activeProfilePubkey: getActiveProfilePubkey(),
+      });
+      return cacheEntry.profile;
+    }
+
+    if (!this.nostrClient?.pool || !Array.isArray(this.nostrClient?.relays)) {
+      return cacheEntry?.profile || FALLBACK_PROFILE;
+    }
+
+    try {
+      const result = await fetchProfileMetadata(normalized, {
+        nostr: this.nostrClient,
+      });
+
+      if (result?.event && typeof this.nostrClient?.handleEvent === "function") {
+        this.nostrClient.handleEvent(result.event);
+      }
+
+      if (result?.profile) {
+        return result.profile;
+      }
+    } catch (error) {
+      this.log("[AuthService] Failed to fetch profile", error);
+    }
+
+    return cacheEntry?.profile || FALLBACK_PROFILE;
+  }
+
+  async fetchAndRenderProfile(pubkey, forceRefresh = false) {
+    return this.fetchProfile(pubkey, { forceRefresh });
+  }
+
+  syncSavedProfileFromCache(pubkey, { persist = false } = {}) {
+    const normalized = this.normalizeHexPubkey(pubkey) ||
+      (typeof pubkey === "string" ? pubkey.trim() : "");
+    if (!normalized) {
+      return false;
+    }
+
+    const updated = syncSavedProfileFromCacheState(normalized, { persist });
+    if (updated) {
+      this.emitProfileList("cache-sync");
+    }
+    return updated;
+  }
+
+  loadProfileCacheFromStorage() {
+    hydrateProfileCacheFromStorage();
+  }
+
+  loadSavedProfilesFromStorage() {
+    const result = hydrateSavedProfilesFromStorage();
+    this.emitProfileList("hydrate");
+    return result;
+  }
+}
diff --git a/dist/js/services/commentThreadService.js b/dist/js/services/commentThreadService.js
new file mode 100644
index 00000000..6018980d
--- /dev/null
+++ b/dist/js/services/commentThreadService.js
@@ -0,0 +1,1121 @@
+// js/services/commentThreadService.js
+
+import logger, { devLogger, userLogger } from "../utils/logger.js";
+import { normalizeHexId, normalizeHexPubkey } from "../utils/hex.js";
+import { buildVideoAddressPointer } from "../utils/videoPointer.js";
+import { COMMENT_EVENT_KIND } from "../nostr/commentEvents.js";
+import { FEATURE_IMPROVED_COMMENT_FETCHING } from "../constants.js";
+
+const ROOT_PARENT_KEY = "__root__";
+const DEFAULT_INITIAL_LIMIT = 40;
+const DEFAULT_HYDRATION_DEBOUNCE_MS = 25;
+const PROFILE_FETCH_MAX_ATTEMPTS = 3;
+const PROFILE_FETCH_BACKOFF_MS = 50;
+const COMMENT_CACHE_PREFIX = "bitvid:comments:";
+const COMMENT_CACHE_TTL_MS = 5 * 60 * 1000;
+const COMMENT_CACHE_VERSION = 2;
+
+function toPositiveInteger(value, fallback) {
+  const numeric = Number(value);
+  if (!Number.isFinite(numeric) || numeric <= 0) {
+    return fallback;
+  }
+  return Math.floor(numeric);
+}
+
+function normalizeString(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+
+function normalizeRelay(value) {
+  if (typeof value === "string") {
+    return value.trim();
+  }
+  return "";
+}
+
+const normalizePubkey = normalizeHexPubkey;
+
+function normalizeKind(value) {
+  if (Number.isFinite(value)) {
+    return String(Math.floor(value));
+  }
+  if (typeof value === "string" && value.trim()) {
+    return value.trim();
+  }
+  return "";
+}
+
+function toParentKey(parentId) {
+  return parentId ? parentId : ROOT_PARENT_KEY;
+}
+
+function fromParentKey(parentKey) {
+  return parentKey === ROOT_PARENT_KEY ? null : parentKey;
+}
+
+function logDev(loggerCandidate, ...args) {
+  if (loggerCandidate?.info) {
+    loggerCandidate.info(...args);
+  }
+}
+
+function safeCall(handler, payload) {
+  if (typeof handler !== "function") {
+    return;
+  }
+  try {
+    handler(payload);
+  } catch (error) {
+    devLogger.warn("[commentThread] callback threw", error);
+  }
+}
+
+function normalizeLogger(loggerCandidate) {
+  const normalized =
+    loggerCandidate && typeof loggerCandidate === "object"
+      ? loggerCandidate
+      : null;
+
+  const devChannel =
+    normalized?.dev && typeof normalized.dev.warn === "function"
+      ? normalized.dev
+      : devLogger;
+
+  const userChannel =
+    normalized?.user && typeof normalized.user.warn === "function"
+      ? normalized.user
+      : userLogger;
+
+  const warn =
+    typeof normalized?.warn === "function"
+      ? (...args) => normalized.warn(...args)
+      : (...args) => devChannel.warn(...args);
+
+  return {
+    warn,
+    dev: devChannel,
+    user: userChannel,
+  };
+}
+
+export default class CommentThreadService {
+  constructor({
+    nostrClient = null,
+    app = null,
+    fetchVideoComments = null,
+    subscribeVideoComments = null,
+    getProfileCacheEntry = null,
+    batchFetchProfiles = null,
+    limit = DEFAULT_INITIAL_LIMIT,
+    hydrationDebounceMs = DEFAULT_HYDRATION_DEBOUNCE_MS,
+    logger: loggerCandidate = logger,
+  } = {}) {
+    this.nostrClient = nostrClient;
+    this.fetchVideoComments = fetchVideoComments;
+    this.subscribeVideoComments = subscribeVideoComments;
+
+    if (!this.fetchVideoComments && this.nostrClient) {
+      const clientFetcher = this.nostrClient.fetchVideoComments;
+      if (typeof clientFetcher === "function") {
+        this.fetchVideoComments = (...args) => clientFetcher.apply(this.nostrClient, args);
+      }
+    }
+
+    if (!this.subscribeVideoComments && this.nostrClient) {
+      const clientSubscriber = this.nostrClient.subscribeVideoComments;
+      if (typeof clientSubscriber === "function") {
+        this.subscribeVideoComments = (...args) => clientSubscriber.apply(this.nostrClient, args);
+      }
+    }
+
+    this.getProfileCacheEntry =
+      typeof getProfileCacheEntry === "function"
+        ? getProfileCacheEntry
+        : this.app && typeof this.app.getProfileCacheEntry === "function"
+        ? (pubkey) => this.app.getProfileCacheEntry(pubkey)
+        : null;
+    this.batchFetchProfiles =
+      typeof batchFetchProfiles === "function"
+        ? batchFetchProfiles
+        : this.app && typeof this.app.batchFetchProfiles === "function"
+        ? (pubkeys) => this.app.batchFetchProfiles(pubkeys)
+        : null;
+    this.defaultLimit = toPositiveInteger(limit, DEFAULT_INITIAL_LIMIT);
+    this.hydrationDelay = Math.max(
+      0,
+      toPositiveInteger(hydrationDebounceMs, DEFAULT_HYDRATION_DEBOUNCE_MS)
+    );
+    this.logger = normalizeLogger(loggerCandidate);
+
+    this.callbacks = {
+      onThreadReady: null,
+      onCommentsAppended: null,
+      onError: null,
+    };
+
+    this.resetInternalState();
+  }
+
+  resetInternalState() {
+    this.eventsById = new Map();
+    this.metaById = new Map();
+    this.childrenByParent = new Map();
+    this.childrenByParent.set(ROOT_PARENT_KEY, []);
+    this.profileCache = new Map();
+    this.profileQueue = new Set();
+    this.profileHydrationTimer = null;
+    this.profileHydrationPromise = null;
+    this.subscriptionCleanup = null;
+    this.videoEventId = "";
+    this.videoAddressPointer = "";
+    this.videoKind = "";
+    this.videoAuthorPubkeyRaw = "";
+    this.videoAuthorPubkey = "";
+    this.videoRootIdentifier = "";
+    this.videoRootRelay = "";
+    this.parentCommentId = "";
+    this.parentCommentKind = "";
+    this.parentCommentPubkey = "";
+    this.activeRelays = null;
+    this.commentCacheDiagnostics = { storageUnavailable: false };
+  }
+
+  setCallbacks({
+    onThreadReady = this.callbacks.onThreadReady,
+    onCommentsAppended = this.callbacks.onCommentsAppended,
+    onError = this.callbacks.onError,
+  } = {}) {
+    this.callbacks.onThreadReady =
+      typeof onThreadReady === "function" ? onThreadReady : null;
+    this.callbacks.onCommentsAppended =
+      typeof onCommentsAppended === "function" ? onCommentsAppended : null;
+    this.callbacks.onError = typeof onError === "function" ? onError : null;
+  }
+
+  async loadThread({
+    video = null,
+    parentCommentId = "",
+    limit = this.defaultLimit,
+    relays = null,
+  } = {}) {
+    this.teardown();
+
+    // Always ensure the pool is ready before proceeding when supported.
+    if (typeof this.nostrClient?.ensurePool === "function") {
+      try {
+        await this.nostrClient.ensurePool();
+      } catch (error) {
+        this.emitError(
+          new Error("Unable to initialize Nostr pool before loading comments."),
+        );
+        return { success: false, error };
+      }
+    }
+
+    const rawVideoAuthorPubkey = normalizeString(video?.pubkey);
+
+    this.videoEventId = normalizeHexId(video?.id);
+    this.videoAddressPointer = buildVideoAddressPointer(video);
+    this.videoKind = normalizeKind(video?.kind);
+    this.videoAuthorPubkeyRaw = rawVideoAuthorPubkey;
+    this.videoAuthorPubkey = normalizePubkey(rawVideoAuthorPubkey);
+    const pointerRootIdentifier = normalizeHexId(
+      video?.pointerIdentifiers?.videoRootId,
+    );
+    this.videoRootIdentifier =
+      normalizeHexId(video?.videoRootId) || pointerRootIdentifier;
+    this.videoRootRelay = normalizeRelay(
+      video?.videoRootRelay || video?.rootIdentifierRelay,
+    );
+    this.parentCommentId = normalizeHexId(parentCommentId);
+    this.parentCommentKind = this.parentCommentId ? String(COMMENT_EVENT_KIND) : "";
+    this.parentCommentPubkey = "";
+    this.activeRelays = Array.isArray(relays) ? [...relays] : null;
+
+    if (!this.videoEventId) {
+      this.emitError(
+        new Error("Unable to resolve video pointer for comment thread."),
+      );
+      return { success: false };
+    }
+
+    if (typeof this.fetchVideoComments !== "function") {
+      this.emitError(
+        new Error("Nostr client is missing fetchVideoComments implementation."),
+      );
+      return { success: false };
+    }
+
+    const fetchLimit = toPositiveInteger(limit, this.defaultLimit);
+    const target = {
+      videoEventId: this.videoEventId,
+      parentCommentId: this.parentCommentId,
+    };
+
+    if (this.videoAddressPointer) {
+      target.videoDefinitionAddress = this.videoAddressPointer;
+    }
+    if (this.videoKind) {
+      target.videoKind = this.videoKind;
+    }
+    if (this.videoRootIdentifier) {
+      target.rootIdentifier = this.videoRootIdentifier;
+    }
+    if (this.videoRootRelay) {
+      target.rootIdentifierRelay = this.videoRootRelay;
+    }
+    const targetVideoAuthorPubkey = this.getVideoAuthorPubkeyForOutput();
+    if (targetVideoAuthorPubkey) {
+      target.videoAuthorPubkey = targetVideoAuthorPubkey;
+    }
+    if (this.parentCommentId) {
+      if (this.parentCommentKind) {
+        target.parentCommentKind = this.parentCommentKind;
+      }
+      if (this.parentCommentPubkey) {
+        target.parentCommentPubkey = this.parentCommentPubkey;
+      }
+    }
+
+    this.startSubscription(target);
+
+    const cached = this.getCachedComments(this.videoEventId);
+    if (Array.isArray(cached)) {
+      cached.forEach((event) => {
+        this.processIncomingEvent(event, { isInitial: true });
+      });
+    }
+
+    this.emitThreadReady();
+
+    let events = [];
+    try {
+      events = await this.fetchThread(target, {
+        limit: fetchLimit,
+        relays: this.activeRelays,
+      });
+    } catch (error) {
+      this.emitError(error);
+      return { success: false, error };
+    }
+
+    if (Array.isArray(events)) {
+      events.forEach((event) => {
+        this.processIncomingEvent(event, { emitReorder: true });
+      });
+    }
+
+    this.emitThreadReady();
+
+    if (this.profileHydrationTimer) {
+      clearTimeout(this.profileHydrationTimer);
+      this.profileHydrationTimer = null;
+    }
+
+    if (this.profileQueue.size) {
+      await this.flushProfileQueue();
+    }
+
+    return this.getSnapshot();
+  }
+
+  async fetchThread(target, options = {}) {
+    const fallbackFetch = async (overrideOptions = options) => {
+      if (typeof this.fetchVideoComments !== "function") {
+        return [];
+      }
+      return await this.fetchVideoComments(target, overrideOptions);
+    };
+
+    if (!FEATURE_IMPROVED_COMMENT_FETCHING) {
+      logDev(
+        this.logger?.dev,
+        "[commentThread] Improved fetching fallback: feature disabled.",
+      );
+      return fallbackFetch(options);
+    }
+
+    const targetCandidate =
+      target && typeof target === "object" ? target : {};
+    const videoEventId = normalizeHexId(
+      targetCandidate.videoEventId || targetCandidate.eventId,
+    );
+
+    if (!videoEventId) {
+      logDev(
+        this.logger?.dev,
+        "[commentThread] Improved fetching fallback: missing video event id.",
+      );
+      return fallbackFetch(options);
+    }
+
+    const cached = this.getCachedComments(videoEventId);
+    if (Array.isArray(cached)) {
+      return cached;
+    }
+
+    logDev(
+      this.logger?.dev,
+      `[commentThread] Comment cache miss for ${videoEventId}, fetching fresh thread.`,
+    );
+
+    const fetchOptions = {
+      ...options,
+      since: 0,
+    };
+
+    if (Number.isFinite(options?.limit)) {
+      fetchOptions.limit = Math.max(
+        toPositiveInteger(options.limit, this.defaultLimit),
+        this.defaultLimit,
+      );
+    } else if (!Number.isFinite(fetchOptions.limit)) {
+      fetchOptions.limit = Math.max(this.defaultLimit, 100);
+    }
+
+    const comments = await fallbackFetch(fetchOptions);
+    this.cacheComments(videoEventId, comments);
+    return comments;
+  }
+
+  getCommentCacheKey(videoEventId) {
+    const normalized = normalizeHexId(videoEventId);
+    if (!normalized) {
+      return "";
+    }
+
+    return `${COMMENT_CACHE_PREFIX}${normalized.toLowerCase()}`;
+  }
+
+  handleCommentCacheError(context, videoEventId, error) {
+    this.commentCacheDiagnostics = {
+      ...this.commentCacheDiagnostics,
+      storageUnavailable: true,
+    };
+
+    const message =
+      typeof videoEventId === "string" && videoEventId.trim()
+        ? `[commentThread] Failed to ${context} comment cache for ${videoEventId}.`
+        : `[commentThread] Failed to ${context} comment cache.`;
+
+    if (this.logger?.user?.warn) {
+      this.logger.user.warn(message, error);
+    } else if (this.logger?.warn) {
+      this.logger.warn(message, error);
+    }
+
+    if (this.logger?.dev?.warn && this.logger.dev !== this.logger.user) {
+      this.logger.dev.warn(message, error);
+    }
+  }
+
+  getCachedComments(videoEventId) {
+    if (
+      !FEATURE_IMPROVED_COMMENT_FETCHING ||
+      typeof localStorage === "undefined"
+    ) {
+      return null;
+    }
+
+    const cacheKey = this.getCommentCacheKey(videoEventId);
+    if (!cacheKey) {
+      logDev(
+        this.logger?.dev,
+        "[commentThread] Comment cache skipped: invalid video id.",
+      );
+      return null;
+    }
+
+    let raw = null;
+    try {
+      raw = localStorage.getItem(cacheKey);
+    } catch (error) {
+      this.handleCommentCacheError("read", videoEventId, error);
+      return null;
+    }
+
+    if (raw === null) {
+      logDev(
+        this.logger?.dev,
+        `[commentThread] Comment cache miss for ${videoEventId}: no entry present.`,
+      );
+      return null;
+    }
+
+    try {
+      const parsed = JSON.parse(raw);
+      if (!parsed || typeof parsed !== "object") {
+        logDev(
+          this.logger?.dev,
+          `[commentThread] Comment cache rejected for ${videoEventId}: malformed payload.`,
+        );
+        this.removeCommentCache(cacheKey);
+        return null;
+      }
+
+      const cacheVersion = Number.isFinite(parsed.version)
+        ? Number(parsed.version)
+        : null;
+
+      if (cacheVersion !== COMMENT_CACHE_VERSION) {
+        logDev(
+          this.logger?.dev,
+          `[commentThread] Comment cache rejected for ${videoEventId}: version ${cacheVersion} != ${COMMENT_CACHE_VERSION}.`,
+        );
+        this.removeCommentCache(cacheKey);
+        return null;
+      }
+
+      const comments = Array.isArray(parsed.comments)
+        ? parsed.comments
+        : null;
+      const timestamp = Number(parsed.timestamp);
+
+      if (
+        Array.isArray(comments) &&
+        Number.isFinite(timestamp) &&
+        Date.now() - timestamp <= COMMENT_CACHE_TTL_MS
+      ) {
+        logDev(
+          this.logger?.dev,
+          `[commentThread] Loaded ${comments.length} cached comments for ${videoEventId}.`,
+        );
+        return comments;
+      }
+
+      logDev(
+        this.logger?.dev,
+        `[commentThread] Comment cache rejected for ${videoEventId}: entry expired.`,
+      );
+      this.removeCommentCache(cacheKey);
+    } catch (error) {
+      if (this.logger?.warn) {
+        this.logger.warn(
+          `[commentThread] Failed to parse cached comments for ${videoEventId}:`,
+          error,
+        );
+      }
+      logDev(
+        this.logger?.dev,
+        `[commentThread] Comment cache rejected for ${videoEventId}: parse error.`,
+      );
+      this.removeCommentCache(cacheKey);
+    }
+
+    return null;
+  }
+
+  cacheComments(videoEventId, comments) {
+    if (
+      !FEATURE_IMPROVED_COMMENT_FETCHING ||
+      typeof localStorage === "undefined" ||
+      !Array.isArray(comments)
+    ) {
+      return;
+    }
+
+    const cacheKey = this.getCommentCacheKey(videoEventId);
+    if (!cacheKey) {
+      return;
+    }
+
+    try {
+      localStorage.setItem(
+        cacheKey,
+        JSON.stringify({
+          version: COMMENT_CACHE_VERSION,
+          comments,
+          timestamp: Date.now(),
+        }),
+      );
+      logDev(
+        this.logger?.dev,
+        `[commentThread] Cached ${comments.length} comments for ${videoEventId}.`,
+      );
+    } catch (error) {
+      this.handleCommentCacheError("write", videoEventId, error);
+    }
+  }
+
+  removeCommentCache(cacheKey) {
+    if (!cacheKey || typeof localStorage === "undefined") {
+      return;
+    }
+
+    try {
+      localStorage.removeItem(cacheKey);
+    } catch (error) {
+      if (this.logger?.warn) {
+        this.logger.warn(
+          `[commentThread] Failed to clear cached comments for ${cacheKey}:`,
+          error,
+        );
+      }
+    }
+  }
+
+  clearCommentCache(videoEventId = null) {
+    if (!FEATURE_IMPROVED_COMMENT_FETCHING || typeof localStorage === "undefined") {
+      return;
+    }
+
+    if (videoEventId) {
+      this.removeCommentCache(this.getCommentCacheKey(videoEventId));
+      return;
+    }
+
+    try {
+      const keys = Object.keys(localStorage);
+      keys
+        .filter((key) => key.startsWith(COMMENT_CACHE_PREFIX))
+        .forEach((key) => this.removeCommentCache(key));
+    } catch (error) {
+      if (this.logger?.warn) {
+        this.logger.warn(
+          "[commentThread] Failed to clear comment cache:",
+          error,
+        );
+      }
+    }
+  }
+
+  persistCommentCache() {
+    if (!FEATURE_IMPROVED_COMMENT_FETCHING || !this.videoEventId) {
+      return;
+    }
+
+    const comments = this.serializeCommentsForCache();
+    this.cacheComments(this.videoEventId, comments);
+  }
+
+  serializeCommentsForCache() {
+    const events = Array.from(this.eventsById.values());
+    return events.sort((a, b) => {
+      const aTime = Number.isFinite(a?.created_at) ? a.created_at : 0;
+      const bTime = Number.isFinite(b?.created_at) ? b.created_at : 0;
+      if (aTime !== bTime) {
+        return aTime - bTime;
+      }
+
+      const aId = normalizeHexId(a?.id);
+      const bId = normalizeHexId(b?.id);
+      if (aId && bId) {
+        return aId.localeCompare(bId);
+      }
+      if (aId) {
+        return -1;
+      }
+      if (bId) {
+        return 1;
+      }
+      return 0;
+    });
+  }
+
+  startSubscription(target, options = {}) {
+    if (typeof this.subscribeVideoComments !== "function") {
+      return;
+    }
+
+    const subOptions = {
+      ...options,
+      relays: this.activeRelays,
+      onEvent: (event) => this.processIncomingEvent(event, { isInitial: false }),
+    };
+
+    try {
+      const cleanup = this.subscribeVideoComments(target, subOptions);
+      if (typeof cleanup === "function") {
+        this.subscriptionCleanup = () => {
+          try {
+            cleanup();
+          } catch (error) {
+            if (this.logger?.warn) {
+              this.logger.warn(
+                "[commentThread] Failed to unsubscribe from comment feed:",
+                error,
+              );
+            }
+          }
+        };
+      } else {
+        this.subscriptionCleanup = null;
+      }
+    } catch (error) {
+      this.emitError(error);
+    }
+  }
+
+  processIncomingEvent(
+    event,
+    { isInitial = false, emitReorder = false } = {},
+  ) {
+    const result = this.applyEvent(event);
+    if (!result) {
+      return;
+    }
+
+    if (!isInitial && result.type === "insert") {
+      this.emitAppend(result);
+      return;
+    }
+
+    if (!isInitial && result.type === "update") {
+      this.persistCommentCache();
+      if (emitReorder && result.changed) {
+        this.emitThreadReady();
+      }
+    }
+  }
+
+  applyEvent(event) {
+    if (!event || typeof event !== "object") {
+      return null;
+    }
+
+    const eventId = normalizeHexId(event.id);
+    if (!eventId) {
+      return null;
+    }
+
+    const parentId = this.extractParentId(event);
+    const parentKey = toParentKey(parentId);
+    const createdAt = Number.isFinite(event.created_at) ? event.created_at : 0;
+    const pubkey = normalizePubkey(event.pubkey);
+    const { identifier: rootIdentifier, relay: rootRelay } =
+      this.extractRootIdentifier(event);
+    if (rootIdentifier) {
+      this.videoRootIdentifier = rootIdentifier;
+      if (rootRelay) {
+        this.videoRootRelay = rootRelay;
+      }
+    }
+    if (this.parentCommentId && eventId === this.parentCommentId) {
+      const kindValue = normalizeKind(event.kind);
+      if (kindValue) {
+        this.parentCommentKind = kindValue;
+      }
+      if (pubkey) {
+        this.parentCommentPubkey = pubkey;
+      }
+    }
+
+    const existingMeta = this.metaById.get(eventId);
+    this.eventsById.set(eventId, event);
+    this.metaById.set(eventId, { parentKey, createdAt });
+
+    if (!existingMeta) {
+      this.insertIntoParentList(parentKey, eventId, createdAt);
+      if (pubkey) {
+        this.queueProfileForHydration(pubkey);
+      }
+      return { type: "insert", parentId, parentKey, eventId, event };
+    }
+
+    let changed = false;
+
+    if (existingMeta.parentKey !== parentKey) {
+      changed = true;
+      this.removeFromParentList(existingMeta.parentKey, eventId);
+      this.insertIntoParentList(parentKey, eventId, createdAt);
+    } else if (existingMeta.createdAt !== createdAt) {
+      changed = true;
+      this.reorderParentList(parentKey, eventId, createdAt);
+    }
+
+    if (pubkey) {
+      this.queueProfileForHydration(pubkey);
+    }
+
+    return { type: "update", parentId, parentKey, eventId, event, changed };
+  }
+
+  extractParentId(event) {
+    const tags = Array.isArray(event.tags) ? event.tags : [];
+    const values = [];
+    for (const tag of tags) {
+      if (!Array.isArray(tag) || tag.length < 2) {
+        continue;
+      }
+      const [name, value] = tag;
+      if (name !== "e") {
+        continue;
+      }
+      const normalizedValue = normalizeHexId(value);
+      if (!normalizedValue) {
+        continue;
+      }
+      values.push(normalizedValue);
+    }
+
+    for (let index = values.length - 1; index >= 0; index -= 1) {
+      const candidate = values[index];
+      if (candidate && candidate !== this.videoEventId) {
+        return candidate;
+      }
+    }
+
+    return "";
+  }
+
+  extractRootIdentifier(event) {
+    const tags = Array.isArray(event?.tags) ? event.tags : [];
+    for (let index = tags.length - 1; index >= 0; index -= 1) {
+      const tag = tags[index];
+      if (!Array.isArray(tag) || tag.length < 2) {
+        continue;
+      }
+      const name =
+        typeof tag[0] === "string" ? tag[0].trim().toLowerCase() : "";
+      if (name !== "i") {
+        continue;
+      }
+      const value = normalizeString(tag[1]);
+      if (!value) {
+        continue;
+      }
+      return {
+        identifier: value,
+        relay: normalizeRelay(tag[2]),
+      };
+    }
+    return { identifier: "", relay: "" };
+  }
+
+  insertIntoParentList(parentKey, eventId, createdAt) {
+    const list = this.getParentList(parentKey);
+    if (list.includes(eventId)) {
+      return;
+    }
+
+    const insertIndex = list.findIndex((existingId) => {
+      const meta = this.metaById.get(existingId);
+      const existingCreated = meta ? meta.createdAt : 0;
+      if (createdAt === existingCreated) {
+        return eventId.localeCompare(existingId) < 0;
+      }
+      return createdAt < existingCreated;
+    });
+
+    if (insertIndex === -1) {
+      list.push(eventId);
+    } else {
+      list.splice(insertIndex, 0, eventId);
+    }
+  }
+
+  removeFromParentList(parentKey, eventId) {
+    const list = this.childrenByParent.get(parentKey);
+    if (!Array.isArray(list)) {
+      return;
+    }
+    const index = list.indexOf(eventId);
+    if (index >= 0) {
+      list.splice(index, 1);
+    }
+  }
+
+  reorderParentList(parentKey, eventId, createdAt) {
+    this.removeFromParentList(parentKey, eventId);
+    this.insertIntoParentList(parentKey, eventId, createdAt);
+  }
+
+  getParentList(parentKey) {
+    if (!this.childrenByParent.has(parentKey)) {
+      this.childrenByParent.set(parentKey, []);
+    }
+    return this.childrenByParent.get(parentKey);
+  }
+
+  queueProfileForHydration(pubkey) {
+    if (!pubkey) {
+      return;
+    }
+
+    if (this.profileCache.has(pubkey)) {
+      return;
+    }
+
+    const cachedProfile = this.getProfileFromCache(pubkey);
+    if (cachedProfile) {
+      this.profileCache.set(pubkey, cachedProfile);
+      return;
+    }
+
+    this.profileQueue.add(pubkey);
+    this.scheduleProfileHydration();
+  }
+
+  getProfileFromCache(pubkey) {
+    if (typeof this.getProfileCacheEntry !== "function") {
+      return null;
+    }
+    try {
+      const entry = this.getProfileCacheEntry(pubkey);
+      if (!entry) {
+        return null;
+      }
+      if (entry && typeof entry === "object" && entry.profile) {
+        return entry.profile;
+      }
+      return entry;
+    } catch (error) {
+      if (this.logger?.warn) {
+        this.logger.warn(
+          "[commentThread] Failed to read profile cache entry:",
+          error,
+        );
+      }
+    }
+    return null;
+  }
+
+  scheduleProfileHydration() {
+    if (this.profileQueue.size === 0) {
+      return;
+    }
+    if (this.profileHydrationTimer) {
+      return;
+    }
+
+    this.profileHydrationTimer = setTimeout(() => {
+      this.profileHydrationTimer = null;
+      this.flushProfileQueue();
+    }, this.hydrationDelay);
+  }
+
+  async flushProfileQueue() {
+    if (!this.profileQueue.size) {
+      return;
+    }
+
+    const pubkeys = Array.from(this.profileQueue);
+    this.profileQueue.clear();
+
+    if (typeof this.batchFetchProfiles !== "function") {
+      return;
+    }
+
+    const pubkeyListLog = pubkeys.join(", ") || "(empty profile batch)";
+    const hydrationPromise = (async () => {
+      try {
+        let attempt = 0;
+        let lastError = null;
+
+        while (attempt < PROFILE_FETCH_MAX_ATTEMPTS) {
+          try {
+            await Promise.resolve(this.batchFetchProfiles(pubkeys));
+            break;
+          } catch (error) {
+            lastError = error;
+            const attemptLabel = `${attempt + 1}/${PROFILE_FETCH_MAX_ATTEMPTS}`;
+            if (this.logger?.dev?.warn) {
+              this.logger.dev.warn(
+                `[commentThread] Profile hydration attempt ${attemptLabel} failed for pubkeys: ${pubkeyListLog}.`,
+                error,
+              );
+            }
+
+            attempt += 1;
+            if (attempt >= PROFILE_FETCH_MAX_ATTEMPTS) {
+              throw lastError;
+            }
+
+            const backoffMs = PROFILE_FETCH_BACKOFF_MS * attempt;
+            logDev(
+              this.logger?.dev,
+              `[commentThread] Retrying profile hydration in ${backoffMs}ms for pubkeys: ${pubkeyListLog}.`,
+            );
+            await new Promise((resolve) => setTimeout(resolve, backoffMs));
+          }
+        }
+      } catch (error) {
+        const errorMessage = `[commentThread] Profile hydration failed for pubkeys: ${pubkeyListLog}.`;
+        if (this.logger?.user?.warn) {
+          this.logger.user.warn(errorMessage, error);
+        } else if (this.logger?.warn) {
+          this.logger.warn(errorMessage, error);
+        }
+
+        if (this.logger?.dev?.warn && this.logger.dev !== this.logger.user) {
+          this.logger.dev.warn(errorMessage, error);
+        }
+
+        this.emitError(error);
+        return;
+      }
+
+      pubkeys.forEach((pubkey) => {
+        const profile = this.getProfileFromCache(pubkey);
+        if (profile) {
+          this.profileCache.set(pubkey, profile);
+        }
+      });
+    })().finally(() => {
+      if (this.profileHydrationPromise === hydrationPromise) {
+        this.profileHydrationPromise = null;
+      }
+    });
+
+    this.profileHydrationPromise = hydrationPromise;
+    await hydrationPromise;
+  }
+
+  getVideoAuthorPubkeyForOutput() {
+    return this.videoAuthorPubkeyRaw || this.videoAuthorPubkey || "";
+  }
+
+  emitThreadReady() {
+    const payload = {
+      videoEventId: this.videoEventId,
+      parentCommentId: this.parentCommentId || null,
+      videoDefinitionAddress: this.videoAddressPointer || null,
+      videoKind: this.videoKind || null,
+      videoAuthorPubkey: this.getVideoAuthorPubkeyForOutput() || null,
+      rootIdentifier: this.videoRootIdentifier || null,
+      rootIdentifierRelay: this.videoRootRelay || null,
+      parentCommentKind: this.parentCommentKind || null,
+      parentCommentPubkey: this.parentCommentPubkey || null,
+      topLevelIds: this.getCommentIdsForParent(null),
+      commentsById: this.cloneCommentsMap(),
+      childrenByParent: this.cloneTreeMap(),
+      profiles: this.getProfilesSnapshot(),
+      commentCacheDiagnostics: { ...this.commentCacheDiagnostics },
+    };
+    safeCall(this.callbacks.onThreadReady, payload);
+    this.persistCommentCache();
+  }
+
+  emitAppend({ parentId, eventId }) {
+    const payload = {
+      videoEventId: this.videoEventId,
+      parentCommentId: parentId || null,
+      videoDefinitionAddress: this.videoAddressPointer || null,
+      videoKind: this.videoKind || null,
+      videoAuthorPubkey: this.getVideoAuthorPubkeyForOutput() || null,
+      rootIdentifier: this.videoRootIdentifier || null,
+      rootIdentifierRelay: this.videoRootRelay || null,
+      parentCommentKind: this.parentCommentKind || null,
+      parentCommentPubkey: this.parentCommentPubkey || null,
+      commentIds: [eventId],
+      commentsById: this.cloneCommentsMap(),
+      childrenByParent: this.cloneTreeMap(),
+      profiles: this.getProfilesSnapshot(),
+      commentCacheDiagnostics: { ...this.commentCacheDiagnostics },
+    };
+    safeCall(this.callbacks.onCommentsAppended, payload);
+    this.persistCommentCache();
+  }
+
+  emitError(error) {
+    if (this.logger?.warn && error) {
+      this.logger.warn("[commentThread]", error);
+    }
+    safeCall(this.callbacks.onError, error);
+  }
+
+  getSnapshot() {
+    return {
+      videoEventId: this.videoEventId,
+      parentCommentId: this.parentCommentId || null,
+      videoDefinitionAddress: this.videoAddressPointer || null,
+      videoKind: this.videoKind || null,
+      videoAuthorPubkey: this.getVideoAuthorPubkeyForOutput() || null,
+      rootIdentifier: this.videoRootIdentifier || null,
+      rootIdentifierRelay: this.videoRootRelay || null,
+      parentCommentKind: this.parentCommentKind || null,
+      parentCommentPubkey: this.parentCommentPubkey || null,
+      commentsById: this.cloneCommentsMap(),
+      childrenByParent: this.cloneTreeMap(),
+      profiles: this.getProfilesSnapshot(),
+      commentCacheDiagnostics: { ...this.commentCacheDiagnostics },
+    };
+  }
+
+  cloneCommentsMap() {
+    return new Map(this.eventsById);
+  }
+
+  cloneTreeMap() {
+    const tree = new Map();
+    this.childrenByParent.forEach((ids, parentKey) => {
+      tree.set(fromParentKey(parentKey), [...ids]);
+    });
+    return tree;
+  }
+
+  getProfilesSnapshot() {
+    return new Map(this.profileCache);
+  }
+
+  getProfile(pubkey) {
+    const normalized = normalizePubkey(pubkey);
+    if (!normalized) {
+      return null;
+    }
+
+    if (this.profileCache.has(normalized)) {
+      return this.profileCache.get(normalized);
+    }
+
+    const profile = this.getProfileFromCache(normalized);
+    if (profile) {
+      this.profileCache.set(normalized, profile);
+      return profile;
+    }
+
+    return null;
+  }
+
+  getCommentIdsForParent(parentId) {
+    const key = toParentKey(normalizeHexId(parentId));
+    const list = this.childrenByParent.get(key);
+    return Array.isArray(list) ? [...list] : [];
+  }
+
+  getCommentEvent(commentId) {
+    const normalized = normalizeHexId(commentId);
+    if (!normalized) {
+      return null;
+    }
+    return this.eventsById.get(normalized) || null;
+  }
+
+  waitForProfileHydration() {
+    return this.profileHydrationPromise || Promise.resolve();
+  }
+
+  teardown() {
+    try {
+      this.persistCommentCache();
+    } catch (error) {
+      if (this.logger?.warn) {
+        this.logger.warn("[commentThread] Failed to persist comment cache:", error);
+      }
+    }
+
+    if (this.subscriptionCleanup) {
+      try {
+        this.subscriptionCleanup();
+      } catch (error) {
+        if (this.logger?.warn) {
+          this.logger.warn(
+            "[commentThread] Failed during teardown unsubscribe:",
+            error,
+          );
+        }
+      }
+    }
+    this.subscriptionCleanup = null;
+
+    if (this.profileHydrationTimer) {
+      clearTimeout(this.profileHydrationTimer);
+      this.profileHydrationTimer = null;
+    }
+
+    this.profileQueue.clear();
+    this.profileHydrationPromise = null;
+    this.resetInternalState();
+  }
+}
diff --git a/dist/js/services/discussionCountService.js b/dist/js/services/discussionCountService.js
new file mode 100644
index 00000000..a519a7e0
--- /dev/null
+++ b/dist/js/services/discussionCountService.js
@@ -0,0 +1,252 @@
+import { devLogger } from "../utils/logger.js";
+import { buildVideoAddressPointer } from "../utils/videoPointer.js";
+import { COMMENT_EVENT_KIND } from "../nostr/commentEvents.js";
+
+const DEFAULT_MAX_DISCUSSION_COUNT_VIDEOS = 24;
+const COUNT_UNSUPPORTED_TITLE = "Relay does not support NIP-45 COUNT queries.";
+const COUNT_PARTIAL_TITLE =
+  "Some relays timed out. Comment counts may be partial.";
+
+function toPositiveInteger(value, fallback) {
+  const numeric = Number(value);
+  if (!Number.isFinite(numeric) || numeric <= 0) {
+    return fallback;
+  }
+  return Math.floor(numeric);
+}
+
+export default class DiscussionCountService {
+  constructor({
+    maxVideos = DEFAULT_MAX_DISCUSSION_COUNT_VIDEOS,
+    logger = devLogger,
+  } = {}) {
+    this.maxVideos = toPositiveInteger(maxVideos, DEFAULT_MAX_DISCUSSION_COUNT_VIDEOS);
+    this.logger = logger && typeof logger.warn === "function" ? logger : devLogger;
+    this.videoDiscussionCountCache = new Map();
+    this.inFlightDiscussionCounts = new Map();
+  }
+
+  clearCache() {
+    this.videoDiscussionCountCache.clear();
+    this.inFlightDiscussionCounts.clear();
+  }
+
+  getCachedCount(videoId) {
+    if (!videoId) {
+      return undefined;
+    }
+    return this.videoDiscussionCountCache.get(videoId);
+  }
+
+  refreshCounts(videos = [], options = {}) {
+    const { videoListRoot = null, nostrClient = null } = options;
+
+    if (!Array.isArray(videos) || !videos.length) {
+      return;
+    }
+
+    const root =
+      videoListRoot && typeof videoListRoot.querySelector === "function"
+        ? videoListRoot
+        : null;
+    if (!root || !nostrClient?.pool || typeof nostrClient.countEventsAcrossRelays !== "function") {
+      return;
+    }
+
+    const eligibleVideos = videos
+      .filter(
+        (video) =>
+          video &&
+          typeof video.id === "string" &&
+          video.id &&
+          video.enableComments !== false
+      )
+      .slice(0, this.maxVideos);
+
+    eligibleVideos.forEach((video) => {
+      const container = root.querySelector(`[data-discussion-count="${video.id}"]`);
+      if (!container) {
+        return;
+      }
+
+      const cachedCount = this.getCachedCount(video.id);
+      if (typeof cachedCount === "number") {
+        this.updateDiscussionCountElement(container, cachedCount);
+        return;
+      }
+
+      const filters = this.buildDiscussionCountFilters(video);
+      if (!filters.length) {
+        this.markDiscussionCountError(container, { unsupported: true });
+        return;
+      }
+
+      if (this.inFlightDiscussionCounts.has(video.id)) {
+        this.setDiscussionCountPending(container);
+        return;
+      }
+
+      this.setDiscussionCountPending(container);
+
+      const request = Promise.resolve()
+        .then(() => nostrClient.countEventsAcrossRelays(filters))
+        .then((result) => {
+          const perRelay = Array.isArray(result?.perRelay)
+            ? result.perRelay.filter((entry) => entry && entry.ok)
+            : [];
+
+          if (!perRelay.length) {
+            this.markDiscussionCountError(container, { unsupported: true });
+            return result;
+          }
+
+          const total = Number(result?.total);
+          const isPartial = Boolean(result?.partial);
+          const normalized =
+            Number.isFinite(total) && total >= 0 ? Math.floor(total) : 0;
+          this.videoDiscussionCountCache.set(video.id, normalized);
+          this.updateDiscussionCountElement(container, normalized, { partial: isPartial });
+          return result;
+        })
+        .catch((error) => {
+          if (this.logger?.warn) {
+            this.logger.warn(
+              `[counts] Failed to fetch discussion count for ${video.id}:`,
+              error
+            );
+          }
+          this.markDiscussionCountError(container);
+          throw error;
+        })
+        .finally(() => {
+          this.inFlightDiscussionCounts.delete(video.id);
+        });
+
+      this.inFlightDiscussionCounts.set(video.id, request);
+    });
+  }
+
+  buildDiscussionCountFilters(video) {
+    if (!video || typeof video !== "object") {
+      return [];
+    }
+
+    const filters = [];
+    const eventId = typeof video.id === "string" ? video.id.trim() : "";
+    if (eventId) {
+      filters.push({ kinds: [COMMENT_EVENT_KIND], "#E": [eventId] });
+    }
+
+    const address = buildVideoAddressPointer(video);
+    const rootIdentifier =
+      typeof video.videoRootId === "string" ? video.videoRootId.trim() : "";
+
+    const uppercaseFilter = { kinds: [COMMENT_EVENT_KIND] };
+    let hasUppercasePointer = false;
+
+    if (rootIdentifier) {
+      uppercaseFilter["#I"] = [rootIdentifier];
+      hasUppercasePointer = true;
+    } else if (address) {
+      uppercaseFilter["#A"] = [address];
+      hasUppercasePointer = true;
+    } else if (eventId) {
+      uppercaseFilter["#E"] = [eventId];
+      hasUppercasePointer = true;
+    }
+
+    const rootKind = (() => {
+      if (Number.isFinite(video.kind)) {
+        return String(Math.floor(video.kind));
+      }
+      if (typeof video.kind === "string" && video.kind.trim()) {
+        const parsed = Number(video.kind);
+        if (Number.isFinite(parsed)) {
+          return String(Math.floor(parsed));
+        }
+        return video.kind.trim();
+      }
+      return "";
+    })();
+
+    if (rootKind) {
+      uppercaseFilter["#K"] = [rootKind];
+    }
+
+    const rootAuthor =
+      typeof video.pubkey === "string" ? video.pubkey.trim() : "";
+    if (rootAuthor) {
+      uppercaseFilter["#P"] = [rootAuthor];
+    }
+
+    if (hasUppercasePointer) {
+      filters.push(uppercaseFilter);
+    }
+
+    if (address) {
+      filters.push({ kinds: [COMMENT_EVENT_KIND], "#A": [address] });
+    }
+
+    return filters;
+  }
+
+  getVideoAddressPointer(video) {
+    return buildVideoAddressPointer(video);
+  }
+
+  setDiscussionCountPending(element) {
+    if (!element) {
+      return;
+    }
+
+    element.dataset.countState = "pending";
+    const valueEl = element.querySelector("[data-discussion-count-value]");
+    if (valueEl) {
+      valueEl.textContent = "…";
+    }
+    element.removeAttribute("title");
+  }
+
+  updateDiscussionCountElement(element, count, { partial = false } = {}) {
+    if (!element) {
+      return;
+    }
+
+    const valueEl = element.querySelector("[data-discussion-count-value]");
+    if (!valueEl) {
+      return;
+    }
+
+    const numeric = Number(count);
+    const safeValue =
+      Number.isFinite(numeric) && numeric >= 0 ? Math.floor(numeric) : 0;
+    element.dataset.countState = partial ? "partial" : "ready";
+    valueEl.textContent = safeValue.toLocaleString();
+    if (partial) {
+      element.title = COUNT_PARTIAL_TITLE;
+    } else {
+      element.removeAttribute("title");
+    }
+  }
+
+  markDiscussionCountError(element, { unsupported = false } = {}) {
+    if (!element) {
+      return;
+    }
+
+    const valueEl = element.querySelector("[data-discussion-count-value]");
+    if (valueEl) {
+      valueEl.textContent = "—";
+    }
+
+    element.dataset.countState = unsupported ? "unsupported" : "error";
+
+    if (unsupported) {
+      element.title = COUNT_UNSUPPORTED_TITLE;
+    } else {
+      element.removeAttribute("title");
+    }
+  }
+}
+
+export { COUNT_UNSUPPORTED_TITLE };
diff --git a/dist/js/services/dmNostrService.js b/dist/js/services/dmNostrService.js
new file mode 100644
index 00000000..b1c07390
--- /dev/null
+++ b/dist/js/services/dmNostrService.js
@@ -0,0 +1,683 @@
+import {
+  DEFAULT_RELAY_URLS,
+  ensureNostrTools,
+  resolveSimplePoolConstructor,
+  shimLegacySimplePoolMethods,
+} from "../nostr/toolkit.js";
+import { sanitizeRelayList } from "../nostr/nip46Client.js";
+import { publishEventToRelay } from "../nostrPublish.js";
+import logger from "../utils/logger.js";
+
+const DEFAULT_BACKOFF = {
+  baseMs: 1000,
+  maxMs: 30000,
+  jitterRatio: 0.3,
+};
+
+const MAX_SEEN_EVENT_IDS = 5000;
+const DM_RELAY_LIST_TIMEOUT_MS = 5000;
+export const DM_RELAY_WARNING_FALLBACK = "dm-relays-fallback";
+
+function normalizeRelayList(relays) {
+  if (!Array.isArray(relays)) {
+    return [];
+  }
+
+  return Array.from(
+    new Set(
+      relays
+        .map((relay) => (typeof relay === "string" ? relay.trim() : ""))
+        .filter(Boolean),
+    ),
+  );
+}
+
+function normalizePubkey(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  return value.trim().toLowerCase();
+}
+
+function normalizeLogger(candidate) {
+  if (
+    candidate &&
+    typeof candidate === "object" &&
+    candidate.dev &&
+    candidate.user
+  ) {
+    return candidate;
+  }
+
+  return logger;
+}
+
+function extractRelayHintsFromEvent(event) {
+  const tags = Array.isArray(event?.tags) ? event.tags : [];
+  return sanitizeRelayList(
+    tags
+      .filter((tag) => Array.isArray(tag) && tag[0] === "relay")
+      .map((tag) => (typeof tag[1] === "string" ? tag[1].trim() : "")),
+  );
+}
+
+function withTimeout(promise, timeoutMs, errorCode) {
+  if (!Number.isFinite(timeoutMs) || timeoutMs <= 0) {
+    return promise;
+  }
+
+  let timeoutId = null;
+  const timeoutPromise = new Promise((_, reject) => {
+    timeoutId = setTimeout(() => {
+      const error = new Error("DM relay discovery timed out.");
+      if (errorCode) {
+        error.code = errorCode;
+      }
+      reject(error);
+    }, timeoutMs);
+  });
+
+  return Promise.race([promise, timeoutPromise]).finally(() => {
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+    }
+  });
+}
+
+export async function resolveDmRelaySelection({
+  pubkey,
+  relayHints = [],
+  discoveryRelays = [],
+  fallbackRelays = [],
+  pool = null,
+  log = null,
+} = {}) {
+  const resolvedLogger = normalizeLogger(log || logger);
+  const normalizedPubkey = normalizePubkey(pubkey);
+  const hintedRelays = sanitizeRelayList(Array.isArray(relayHints) ? relayHints : []);
+
+  if (hintedRelays.length) {
+    return { relays: hintedRelays, source: "hints", warning: null };
+  }
+
+  const discoveryList = sanitizeRelayList(
+    Array.isArray(discoveryRelays) ? discoveryRelays : [],
+  );
+  const candidateFallbackList = sanitizeRelayList(
+    Array.isArray(fallbackRelays) && fallbackRelays.length
+      ? fallbackRelays
+      : discoveryRelays,
+  );
+  const defaultFallbackList = sanitizeRelayList(Array.from(DEFAULT_RELAY_URLS));
+  const fallbackList =
+    candidateFallbackList.length > 0 ? candidateFallbackList : defaultFallbackList;
+
+  if (
+    normalizedPubkey &&
+    pool &&
+    typeof pool.list === "function" &&
+    discoveryList.length
+  ) {
+    try {
+      const events = await withTimeout(
+        pool.list(discoveryList, [
+          { kinds: [10050], authors: [normalizedPubkey], limit: 1 },
+        ]),
+        DM_RELAY_LIST_TIMEOUT_MS,
+        "dm-relay-discovery-timeout",
+      );
+      const sorted = Array.isArray(events)
+        ? events
+            .filter((entry) => entry && entry.pubkey === normalizedPubkey)
+            .sort((a, b) => (b?.created_at || 0) - (a?.created_at || 0))
+        : [];
+      if (sorted.length) {
+        const relays = extractRelayHintsFromEvent(sorted[0]);
+        if (relays.length) {
+          return { relays, source: "kind-10050", warning: null };
+        }
+      }
+    } catch (error) {
+      resolvedLogger.dev.warn("[dmNostrService] Failed to fetch DM relay hints.", error);
+      if (fallbackList.length) {
+        return {
+          relays: fallbackList,
+          source: "fallback",
+          warning: DM_RELAY_WARNING_FALLBACK,
+        };
+      }
+    }
+  }
+
+  if (fallbackList.length) {
+    return {
+      relays: fallbackList,
+      source: "fallback",
+      warning: DM_RELAY_WARNING_FALLBACK,
+    };
+  }
+
+  return { relays: [], source: "none", warning: null };
+}
+
+function clampNumber(value, minimum, maximum) {
+  if (!Number.isFinite(value)) {
+    return minimum;
+  }
+
+  return Math.min(Math.max(value, minimum), maximum);
+}
+
+function resolveBackoffConfig(custom = {}) {
+  return {
+    baseMs: clampNumber(custom.baseMs ?? DEFAULT_BACKOFF.baseMs, 250, 60000),
+    maxMs: clampNumber(custom.maxMs ?? DEFAULT_BACKOFF.maxMs, 1000, 300000),
+    jitterRatio: clampNumber(custom.jitterRatio ?? DEFAULT_BACKOFF.jitterRatio, 0, 1),
+  };
+}
+
+function applyJitter(value, ratio) {
+  if (!Number.isFinite(value) || value <= 0) {
+    return 0;
+  }
+  if (!Number.isFinite(ratio) || ratio <= 0) {
+    return value;
+  }
+  const jitter = value * ratio;
+  return Math.round(value + (Math.random() * jitter - jitter / 2));
+}
+
+class DmNostrService {
+  constructor({
+    relays = [],
+    preferredRelays = [],
+    backoff = {},
+    log = null,
+  } = {}) {
+    this.relays = normalizeRelayList(relays);
+    this.preferredRelays = normalizeRelayList(preferredRelays);
+    this.pool = null;
+    this.poolPromise = null;
+    this.logger = normalizeLogger(log || logger);
+    this.backoffConfig = resolveBackoffConfig(backoff);
+    this.relayStates = new Map();
+    this.relayWatermarks = new Map();
+    this.relayTimers = new Map();
+    this.seenEventIds = new Set();
+    this.seenEventOrder = [];
+    this.subscriptions = new Map();
+    this.activeFilters = [];
+    this.actorPubkey = "";
+    this.handlers = {
+      onEvent: null,
+      onEose: null,
+      onError: null,
+    };
+  }
+
+  async ensurePool() {
+    if (this.pool) {
+      return this.pool;
+    }
+
+    if (this.poolPromise) {
+      return this.poolPromise;
+    }
+
+    this.poolPromise = (async () => {
+      const tools = await ensureNostrTools();
+      const SimplePool = resolveSimplePoolConstructor(tools);
+      if (typeof SimplePool !== "function") {
+        throw new Error("nostr-tools SimplePool unavailable");
+      }
+
+      const pool = new SimplePool();
+      shimLegacySimplePoolMethods(pool);
+      this.pool = pool;
+      this.poolPromise = null;
+      return pool;
+    })();
+
+    try {
+      return await this.poolPromise;
+    } catch (error) {
+      this.poolPromise = null;
+      this.logger.user.warn("[dmNostrService] Failed to initialize pool.", error);
+      throw error;
+    }
+  }
+
+  getRelayStatus(relayUrl) {
+    const relay = this.relayStates.get(relayUrl);
+    return relay ? { ...relay } : null;
+  }
+
+  listRelayStatuses() {
+    return Array.from(this.relayStates.entries()).map(([url, state]) => ({
+      url,
+      ...state,
+    }));
+  }
+
+  async connect({ relays = null } = {}) {
+    if (Array.isArray(relays)) {
+      this.relays = normalizeRelayList(relays);
+    }
+
+    if (!this.relays.length) {
+      this.logger.user.warn("[dmNostrService] No relays configured for DM service.");
+      return;
+    }
+
+    await this.ensurePool();
+
+    await Promise.all(
+      this.relays.map(async (relayUrl) => {
+        await this.connectRelay(relayUrl);
+      }),
+    );
+  }
+
+  async connectRelay(relayUrl) {
+    if (!this.pool) {
+      await this.ensurePool();
+    }
+
+    if (!relayUrl) {
+      return;
+    }
+
+    const relayState = this.ensureRelayState(relayUrl);
+    relayState.lastConnectAttempt = Date.now();
+
+    if (typeof this.pool.ensureRelay === "function") {
+      try {
+        const relay = await this.pool.ensureRelay(relayUrl);
+        relayState.connected = Boolean(relay);
+        if (relay) {
+          this.attachRelayListeners(relayUrl, relay);
+          this.recordRelaySuccess(relayUrl);
+        }
+      } catch (error) {
+        this.recordRelayFailure(relayUrl, error);
+        this.scheduleReconnect(relayUrl, "connect-failed");
+      }
+    } else {
+      relayState.connected = true;
+      this.recordRelaySuccess(relayUrl);
+    }
+  }
+
+  attachRelayListeners(relayUrl, relay) {
+    if (!relay || typeof relay.on !== "function") {
+      return;
+    }
+
+    try {
+      relay.on("connect", () => {
+        this.recordRelaySuccess(relayUrl);
+      });
+      relay.on("disconnect", () => {
+        this.recordRelayFailure(relayUrl, new Error("relay-disconnect"));
+        this.scheduleReconnect(relayUrl, "relay-disconnect");
+      });
+      relay.on("error", (error) => {
+        this.recordRelayFailure(relayUrl, error);
+        this.scheduleReconnect(relayUrl, "relay-error");
+      });
+    } catch (error) {
+      this.logger.dev.warn("[dmNostrService] Failed to attach relay listeners.", error);
+    }
+  }
+
+  ensureRelayState(relayUrl) {
+    if (!this.relayStates.has(relayUrl)) {
+      this.relayStates.set(relayUrl, {
+        connected: false,
+        okCount: 0,
+        failCount: 0,
+        lastOkAt: 0,
+        lastFailAt: 0,
+        lastConnectAttempt: 0,
+        backoffMs: 0,
+        attempts: 0,
+      });
+    }
+
+    return this.relayStates.get(relayUrl);
+  }
+
+  recordRelaySuccess(relayUrl) {
+    const relayState = this.ensureRelayState(relayUrl);
+    relayState.connected = true;
+    relayState.okCount += 1;
+    relayState.lastOkAt = Date.now();
+    relayState.backoffMs = 0;
+    relayState.attempts = 0;
+  }
+
+  recordRelayFailure(relayUrl, error) {
+    const relayState = this.ensureRelayState(relayUrl);
+    relayState.connected = false;
+    relayState.failCount += 1;
+    relayState.lastFailAt = Date.now();
+
+    this.logger.dev.warn("[dmNostrService] Relay failure", {
+      relayUrl,
+      error,
+    });
+  }
+
+  scheduleReconnect(relayUrl, reason) {
+    const relayState = this.ensureRelayState(relayUrl);
+    relayState.attempts += 1;
+
+    const backoffBase = this.backoffConfig.baseMs * 2 ** (relayState.attempts - 1);
+    const backoffMs = applyJitter(
+      Math.min(backoffBase, this.backoffConfig.maxMs),
+      this.backoffConfig.jitterRatio,
+    );
+
+    relayState.backoffMs = backoffMs;
+
+    if (this.relayTimers.has(relayUrl)) {
+      clearTimeout(this.relayTimers.get(relayUrl));
+    }
+
+    this.logger.dev.info("[dmNostrService] Scheduling relay reconnect", {
+      relayUrl,
+      reason,
+      backoffMs,
+    });
+
+    const timer = setTimeout(() => {
+      this.relayTimers.delete(relayUrl);
+      this.resubscribeRelay(relayUrl);
+    }, backoffMs);
+
+    this.relayTimers.set(relayUrl, timer);
+  }
+
+  buildFilters({ actorPubkey, authors = [], recipients = [] } = {}) {
+    const normalizedActor = normalizePubkey(actorPubkey || this.actorPubkey);
+    const authorSet = new Set(
+      [normalizedActor, ...authors].map(normalizePubkey).filter(Boolean),
+    );
+    const recipientSet = new Set(
+      [normalizedActor, ...recipients].map(normalizePubkey).filter(Boolean),
+    );
+
+    const filters = [];
+
+    if (authorSet.size) {
+      filters.push({
+        kinds: [4],
+        authors: Array.from(authorSet),
+      });
+    }
+
+    if (recipientSet.size) {
+      filters.push({
+        kinds: [4],
+        "#p": Array.from(recipientSet),
+      });
+    }
+
+    return filters;
+  }
+
+  updateWatermark(relayUrl, event) {
+    if (!event || typeof event.created_at !== "number") {
+      return;
+    }
+
+    const current = this.relayWatermarks.get(relayUrl) || 0;
+    if (event.created_at > current) {
+      this.relayWatermarks.set(relayUrl, event.created_at);
+    }
+  }
+
+  hasSeenEvent(eventId) {
+    if (!eventId) {
+      return false;
+    }
+    return this.seenEventIds.has(eventId);
+  }
+
+  rememberEvent(eventId) {
+    if (!eventId || this.seenEventIds.has(eventId)) {
+      return;
+    }
+
+    this.seenEventIds.add(eventId);
+    this.seenEventOrder.push(eventId);
+
+    if (this.seenEventOrder.length > MAX_SEEN_EVENT_IDS) {
+      const oldest = this.seenEventOrder.shift();
+      if (oldest) {
+        this.seenEventIds.delete(oldest);
+      }
+    }
+  }
+
+  shouldProcessEvent(relayUrl, event) {
+    if (!event || typeof event.id !== "string") {
+      return false;
+    }
+
+    if (this.hasSeenEvent(event.id)) {
+      return false;
+    }
+
+    const watermark = this.relayWatermarks.get(relayUrl) || 0;
+    if (typeof event.created_at === "number" && event.created_at < watermark) {
+      return false;
+    }
+
+    return true;
+  }
+
+  async subscribe({
+    actorPubkey,
+    authors,
+    recipients,
+    relays,
+    onEvent,
+    onEose,
+    onError,
+  } = {}) {
+    if (typeof onEvent === "function") {
+      this.handlers.onEvent = onEvent;
+    }
+    if (typeof onEose === "function") {
+      this.handlers.onEose = onEose;
+    }
+    if (typeof onError === "function") {
+      this.handlers.onError = onError;
+    }
+
+    if (typeof actorPubkey === "string" && actorPubkey.trim()) {
+      this.actorPubkey = normalizePubkey(actorPubkey);
+    }
+
+    if (Array.isArray(relays)) {
+      this.relays = normalizeRelayList(relays);
+    }
+
+    if (!this.relays.length) {
+      this.logger.user.warn("[dmNostrService] Cannot subscribe without relays.");
+      return;
+    }
+
+    this.activeFilters = this.buildFilters({
+      actorPubkey: this.actorPubkey,
+      authors,
+      recipients,
+    });
+
+    if (!this.activeFilters.length) {
+      this.logger.user.warn("[dmNostrService] Cannot subscribe without filters.");
+      return;
+    }
+
+    await this.connect();
+
+    this.relays.forEach((relayUrl) => {
+      this.subscribeRelay(relayUrl);
+    });
+  }
+
+  subscribeRelay(relayUrl) {
+    if (!this.pool || !relayUrl) {
+      return;
+    }
+
+    const since = this.relayWatermarks.get(relayUrl);
+    const filters = this.activeFilters.map((filter) => {
+      if (typeof since === "number" && since > 0) {
+        return {
+          ...filter,
+          since: Math.max(0, since - 1),
+        };
+      }
+      return { ...filter };
+    });
+
+    if (this.subscriptions.has(relayUrl)) {
+      this.unsubscribeRelay(relayUrl);
+    }
+
+    let subscription;
+    try {
+      subscription = this.pool.sub([relayUrl], filters);
+    } catch (error) {
+      this.recordRelayFailure(relayUrl, error);
+      this.scheduleReconnect(relayUrl, "subscribe-failed");
+      return;
+    }
+
+    if (!subscription || typeof subscription.on !== "function") {
+      this.recordRelayFailure(relayUrl, new Error("subscription-unavailable"));
+      this.scheduleReconnect(relayUrl, "subscribe-unavailable");
+      return;
+    }
+
+    subscription.on("event", (event) => {
+      if (!this.shouldProcessEvent(relayUrl, event)) {
+        return;
+      }
+
+      this.rememberEvent(event.id);
+      this.updateWatermark(relayUrl, event);
+      this.recordRelaySuccess(relayUrl);
+
+      if (typeof this.handlers.onEvent === "function") {
+        try {
+          this.handlers.onEvent(event, { relayUrl });
+        } catch (error) {
+          this.logger.dev.warn("[dmNostrService] onEvent handler failed.", error);
+        }
+      }
+    });
+
+    subscription.on("eose", () => {
+      if (typeof this.handlers.onEose === "function") {
+        try {
+          this.handlers.onEose({ relayUrl });
+        } catch (error) {
+          this.logger.dev.warn("[dmNostrService] onEose handler failed.", error);
+        }
+      }
+    });
+
+    subscription.on("close", () => {
+      this.recordRelayFailure(relayUrl, new Error("subscription-closed"));
+      this.scheduleReconnect(relayUrl, "subscription-closed");
+    });
+
+    this.subscriptions.set(relayUrl, subscription);
+  }
+
+  resubscribeRelay(relayUrl) {
+    if (!relayUrl) {
+      return;
+    }
+
+    this.subscribeRelay(relayUrl);
+  }
+
+  unsubscribeRelay(relayUrl) {
+    const subscription = this.subscriptions.get(relayUrl);
+    if (subscription && typeof subscription.unsub === "function") {
+      try {
+        subscription.unsub();
+      } catch (error) {
+        this.logger.dev.warn("[dmNostrService] Failed to unsubscribe relay.", error);
+      }
+    }
+    this.subscriptions.delete(relayUrl);
+  }
+
+  stop() {
+    for (const relayUrl of this.subscriptions.keys()) {
+      this.unsubscribeRelay(relayUrl);
+    }
+
+    for (const timer of this.relayTimers.values()) {
+      clearTimeout(timer);
+    }
+
+    this.relayTimers.clear();
+  }
+
+  async publishSignedEvent(signedEvent, { relays = null } = {}) {
+    if (!signedEvent || typeof signedEvent !== "object") {
+      throw new Error("signed-event-required");
+    }
+
+    if (signedEvent.kind !== 4) {
+      throw new Error("invalid-event-kind");
+    }
+
+    const relayList = normalizeRelayList(
+      Array.isArray(relays) && relays.length
+        ? relays
+        : this.preferredRelays.length
+        ? this.preferredRelays
+        : this.relays,
+    );
+
+    if (!relayList.length) {
+      throw new Error("no-relays-configured");
+    }
+
+    await this.ensurePool();
+
+    const results = await Promise.all(
+      relayList.map(async (relayUrl) => {
+        let result;
+        try {
+          result = await publishEventToRelay(this.pool, relayUrl, signedEvent);
+        } catch (error) {
+          this.recordRelayFailure(relayUrl, error);
+          return { success: false, error, relayUrl };
+        }
+
+        if (result?.success) {
+          this.recordRelaySuccess(relayUrl);
+        } else {
+          this.recordRelayFailure(
+            relayUrl,
+            result?.error || new Error("publish-failed"),
+          );
+        }
+
+        return { ...result, relayUrl };
+      }),
+    );
+
+    return results;
+  }
+}
+
+export default DmNostrService;
diff --git a/dist/js/services/dmNotificationManager.js b/dist/js/services/dmNotificationManager.js
new file mode 100644
index 00000000..0e45ed83
--- /dev/null
+++ b/dist/js/services/dmNotificationManager.js
@@ -0,0 +1,220 @@
+import {
+  getConversation,
+  listConversations,
+  updateConversationFromMessage,
+  updateConversationOpenState,
+} from "../storage/dmDb.js";
+import { userLogger } from "../utils/logger.js";
+
+function sanitizeTimestamp(value) {
+  const numeric = Number(value);
+  if (!Number.isFinite(numeric) || numeric <= 0) {
+    return 0;
+  }
+  return Math.floor(numeric);
+}
+
+function normalizeConversationState(conversation) {
+  if (!conversation || typeof conversation !== "object") {
+    return {
+      conversation_id: "",
+      opened_until: 0,
+      downloaded_until: 0,
+      unseen_count: 0,
+    };
+  }
+
+  return {
+    conversation_id: conversation.conversation_id || "",
+    opened_until: sanitizeTimestamp(conversation.opened_until),
+    downloaded_until: sanitizeTimestamp(conversation.downloaded_until),
+    last_message_at: sanitizeTimestamp(conversation.last_message_at),
+    unseen_count: Number.isFinite(Number(conversation.unseen_count))
+      ? Number(conversation.unseen_count)
+      : 0,
+  };
+}
+
+export class DmNotificationManager {
+  constructor({ logger } = {}) {
+    this.logger = logger || userLogger;
+    this.conversationCache = new Map();
+    this.focusedConversationId = "";
+  }
+
+  getFocusedConversationId() {
+    return this.focusedConversationId;
+  }
+
+  reset() {
+    this.conversationCache.clear();
+    this.focusedConversationId = "";
+  }
+
+  setFocusedConversation(conversationId, isFocused = true) {
+    if (typeof conversationId !== "string") {
+      return;
+    }
+
+    const normalized = conversationId.trim();
+    if (!normalized) {
+      return;
+    }
+
+    if (isFocused) {
+      this.focusedConversationId = normalized;
+      return;
+    }
+
+    if (this.focusedConversationId === normalized) {
+      this.focusedConversationId = "";
+    }
+  }
+
+  async ensureConversationState(conversationId) {
+    if (typeof conversationId !== "string" || !conversationId.trim()) {
+      return null;
+    }
+
+    const normalized = conversationId.trim();
+    if (this.conversationCache.has(normalized)) {
+      return this.conversationCache.get(normalized);
+    }
+
+    try {
+      const stored = await getConversation(normalized);
+      const normalizedState = normalizeConversationState({
+        conversation_id: normalized,
+        ...stored,
+      });
+      this.conversationCache.set(normalized, normalizedState);
+      return normalizedState;
+    } catch (error) {
+      this.logger.warn("[dmNotifications] Failed to hydrate conversation", error);
+      const fallback = normalizeConversationState({ conversation_id: normalized });
+      this.conversationCache.set(normalized, fallback);
+      return fallback;
+    }
+  }
+
+  async recordMessage({ record, preview = "", direction = "" } = {}) {
+    if (!record || typeof record !== "object") {
+      return null;
+    }
+
+    const conversationId =
+      typeof record.conversation_id === "string"
+        ? record.conversation_id.trim()
+        : "";
+    if (!conversationId) {
+      return null;
+    }
+
+    const createdAt = sanitizeTimestamp(record.created_at);
+    const conversationState = await this.ensureConversationState(conversationId);
+    if (!conversationState) {
+      return null;
+    }
+
+    const isIncoming = direction === "incoming";
+    const isFocused = this.focusedConversationId === conversationId;
+    const shouldNotify =
+      isIncoming && !isFocused && createdAt > conversationState.opened_until;
+    const unseenDelta =
+      isIncoming && createdAt > conversationState.opened_until ? 1 : 0;
+
+    let updated = null;
+    try {
+      updated = await updateConversationFromMessage(record, {
+        preview,
+        unseenDelta,
+        downloadedUntil: createdAt,
+      });
+    } catch (error) {
+      this.logger.warn("[dmNotifications] Failed to update conversation", error);
+    }
+
+    const normalizedUpdate = normalizeConversationState({
+      conversation_id: conversationId,
+      ...updated,
+      opened_until: conversationState.opened_until,
+    });
+
+    this.conversationCache.set(conversationId, normalizedUpdate);
+
+    return {
+      conversation: normalizedUpdate,
+      shouldNotify,
+      isFocused,
+    };
+  }
+
+  async acknowledgeRenderedMessages({ conversationId, renderedUntil } = {}) {
+    if (typeof conversationId !== "string" || !conversationId.trim()) {
+      return null;
+    }
+
+    const normalized = conversationId.trim();
+    const conversationState = await this.ensureConversationState(normalized);
+    if (!conversationState) {
+      return null;
+    }
+
+    const nextOpenedUntil = Math.max(
+      conversationState.opened_until || 0,
+      sanitizeTimestamp(renderedUntil),
+    );
+
+    let updated = null;
+    try {
+      updated = await updateConversationOpenState(normalized, {
+        openedUntil: nextOpenedUntil,
+        unseenCount: 0,
+      });
+    } catch (error) {
+      this.logger.warn("[dmNotifications] Failed to update opened_until", error);
+    }
+
+    const normalizedUpdate = normalizeConversationState({
+      conversation_id: normalized,
+      ...conversationState,
+      ...updated,
+      opened_until: nextOpenedUntil,
+      unseen_count: 0,
+    });
+
+    this.conversationCache.set(normalized, normalizedUpdate);
+    return normalizedUpdate;
+  }
+
+  async listConversationSummaries() {
+    try {
+      const stored = await listConversations();
+      const summaries = stored.map((conversation) =>
+        normalizeConversationState(conversation),
+      );
+
+      for (const summary of summaries) {
+        if (summary.conversation_id) {
+          this.conversationCache.set(summary.conversation_id, summary);
+        }
+      }
+
+      return summaries;
+    } catch (error) {
+      this.logger.warn("[dmNotifications] Failed to list conversations", error);
+      return [];
+    }
+  }
+
+  getUnseenCount(conversationId) {
+    if (typeof conversationId !== "string" || !conversationId.trim()) {
+      return 0;
+    }
+
+    const cached = this.conversationCache.get(conversationId.trim());
+    return cached && Number.isFinite(Number(cached.unseen_count))
+      ? Number(cached.unseen_count)
+      : 0;
+  }
+}
diff --git a/dist/js/services/exploreDataService.js b/dist/js/services/exploreDataService.js
new file mode 100644
index 00000000..3a4fc77b
--- /dev/null
+++ b/dist/js/services/exploreDataService.js
@@ -0,0 +1,387 @@
+import { devLogger } from "../utils/logger.js";
+import { normalizeHashtag } from "../utils/hashtagNormalization.js";
+import { normalizePointerInput } from "../nostr/watchHistory.js";
+import { buildVideoAddressPointer } from "../utils/videoPointer.js";
+
+const DEFAULT_IDF_REFRESH_INTERVAL_MS = 5 * 60 * 1000;
+const DEFAULT_HISTORY_REFRESH_INTERVAL_MS = 60 * 1000;
+const DEFAULT_REFRESH_DEBOUNCE_MS = 200;
+const YIELD_CHUNK_SIZE = 500;
+
+const yieldToMain = () => new Promise((resolve) => setTimeout(resolve, 0));
+
+function normalizeAddressKey(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return "";
+  }
+  return trimmed.toLowerCase();
+}
+
+function collectVideoTags(video) {
+  const tags = new Set();
+
+  if (!video || typeof video !== "object") {
+    return tags;
+  }
+
+  if (Array.isArray(video.tags)) {
+    for (const tag of video.tags) {
+      if (Array.isArray(tag) && tag[0] === "t" && typeof tag[1] === "string") {
+        const normalized = normalizeHashtag(tag[1]);
+        if (normalized) {
+          tags.add(normalized);
+        }
+      }
+    }
+  }
+
+  if (Array.isArray(video.nip71?.hashtags)) {
+    for (const tag of video.nip71.hashtags) {
+      if (typeof tag !== "string") {
+        continue;
+      }
+      const normalized = normalizeHashtag(tag);
+      if (normalized) {
+        tags.add(normalized);
+      }
+    }
+  }
+
+  return tags;
+}
+
+export async function buildWatchHistoryTagCounts({
+  watchHistoryService,
+  nostrService,
+  actor,
+} = {}) {
+  if (!watchHistoryService || typeof watchHistoryService.loadLatest !== "function") {
+    return new Map();
+  }
+
+  let items = [];
+  try {
+    items = await Promise.resolve(
+      watchHistoryService.loadLatest(actor, { allowStale: true })
+    );
+  } catch (error) {
+    devLogger.warn("[exploreData] Failed to load watch history entries:", error);
+    items = [];
+  }
+
+  const videosMap =
+    nostrService && typeof nostrService.getVideosMap === "function"
+      ? nostrService.getVideosMap()
+      : new Map();
+
+  const needsAddressIndex = Array.isArray(items)
+    ? items.some((item) => {
+        const pointer = normalizePointerInput(item?.pointer || item);
+        return pointer?.type === "a";
+      })
+    : false;
+
+  let addressIndex = null;
+  if (needsAddressIndex) {
+    addressIndex = new Map();
+    for (const video of videosMap.values()) {
+      const address = buildVideoAddressPointer(video);
+      const key = normalizeAddressKey(address);
+      if (key) {
+        addressIndex.set(key, video);
+      }
+    }
+  }
+
+  const counts = new Map();
+  if (!Array.isArray(items)) {
+    return counts;
+  }
+
+  for (let i = 0; i < items.length; i++) {
+    const entry = items[i];
+    const pointer = normalizePointerInput(entry?.pointer || entry);
+    let video = entry?.video || entry?.metadata?.video || null;
+
+    if (pointer?.type === "e" && pointer.value) {
+      const eventId = typeof pointer.value === "string" ? pointer.value.trim() : "";
+      if (eventId) {
+        video = videosMap.get(eventId) || videosMap.get(eventId.toLowerCase()) || video;
+      }
+    } else if (pointer?.type === "a" && pointer.value && addressIndex) {
+      const key = normalizeAddressKey(pointer.value);
+      if (key && addressIndex.has(key)) {
+        video = addressIndex.get(key);
+      }
+    }
+
+    if (!video) {
+      continue;
+    }
+
+    const tags = collectVideoTags(video);
+    for (const tag of tags) {
+      counts.set(tag, (counts.get(tag) || 0) + 1);
+    }
+
+    if (i > 0 && i % YIELD_CHUNK_SIZE === 0) {
+      await yieldToMain();
+    }
+  }
+
+  return counts;
+}
+
+export async function buildTagIdf({ videos } = {}) {
+  const idf = new Map();
+  const list = Array.isArray(videos) ? videos : [];
+  if (!list.length) {
+    return idf;
+  }
+
+  const docFrequency = new Map();
+  const totalDocs = list.length;
+
+  for (let i = 0; i < list.length; i++) {
+    const video = list[i];
+    const tags = collectVideoTags(video);
+    if (tags.size) {
+      for (const tag of tags) {
+        docFrequency.set(tag, (docFrequency.get(tag) || 0) + 1);
+      }
+    }
+
+    if (i > 0 && i % YIELD_CHUNK_SIZE === 0) {
+      await yieldToMain();
+    }
+  }
+
+  let processedCount = 0;
+  for (const [tag, df] of docFrequency.entries()) {
+    const ratio = (totalDocs + 1) / (df + 1);
+    const value = 1 + Math.log(ratio);
+    if (Number.isFinite(value) && value > 0) {
+      idf.set(tag, value);
+    }
+    processedCount++;
+    if (processedCount % YIELD_CHUNK_SIZE === 0) {
+      await yieldToMain();
+    }
+  }
+
+  return idf;
+}
+
+export default class ExploreDataService {
+  constructor({
+    watchHistoryService,
+    nostrService,
+    getActiveActor,
+    logger = devLogger,
+    idfRefreshIntervalMs = DEFAULT_IDF_REFRESH_INTERVAL_MS,
+    historyRefreshIntervalMs = DEFAULT_HISTORY_REFRESH_INTERVAL_MS,
+    refreshDebounceMs = DEFAULT_REFRESH_DEBOUNCE_MS,
+  } = {}) {
+    this.watchHistoryService = watchHistoryService;
+    this.nostrService = nostrService;
+    this.getActiveActor =
+      typeof getActiveActor === "function" ? getActiveActor : () => "";
+    this.logger = logger && typeof logger.warn === "function" ? logger : devLogger;
+    this.idfRefreshIntervalMs = idfRefreshIntervalMs;
+    this.historyRefreshIntervalMs = historyRefreshIntervalMs;
+    this.refreshDebounceMs = refreshDebounceMs;
+
+    this.watchHistoryTagCounts = new Map();
+    this.watchHistoryTagCountsUpdatedAt = 0;
+    this.tagIdf = new Map();
+    this.tagIdfUpdatedAt = 0;
+
+    this.watchHistoryRefreshHandle = null;
+    this.tagIdfRefreshHandle = null;
+    this.watchHistoryInterval = null;
+    this.tagIdfInterval = null;
+    this.unsubscribeHandlers = [];
+  }
+
+  initialize() {
+    this.refreshWatchHistoryTagCounts({ force: true, reason: "init" });
+    this.refreshTagIdf({ force: true, reason: "init" });
+    this.subscribeToUpdates();
+    this.startIntervals();
+  }
+
+  startIntervals() {
+    this.clearIntervals();
+    if (Number.isFinite(this.historyRefreshIntervalMs) && this.historyRefreshIntervalMs > 0) {
+      this.watchHistoryInterval = setInterval(() => {
+        this.refreshWatchHistoryTagCounts({ reason: "interval" });
+      }, this.historyRefreshIntervalMs);
+    }
+    if (Number.isFinite(this.idfRefreshIntervalMs) && this.idfRefreshIntervalMs > 0) {
+      this.tagIdfInterval = setInterval(() => {
+        this.refreshTagIdf({ reason: "interval" });
+      }, this.idfRefreshIntervalMs);
+    }
+  }
+
+  clearIntervals() {
+    if (this.watchHistoryInterval) {
+      clearInterval(this.watchHistoryInterval);
+      this.watchHistoryInterval = null;
+    }
+    if (this.tagIdfInterval) {
+      clearInterval(this.tagIdfInterval);
+      this.tagIdfInterval = null;
+    }
+  }
+
+  subscribeToUpdates() {
+    this.unsubscribeHandlers.forEach((unsubscribe) => {
+      if (typeof unsubscribe === "function") {
+        unsubscribe();
+      }
+    });
+    this.unsubscribeHandlers = [];
+
+    if (this.watchHistoryService && typeof this.watchHistoryService.subscribe === "function") {
+      const unsubscribe = this.watchHistoryService.subscribe("fingerprint", () => {
+        this.queueWatchHistoryRefresh("watch-history");
+      });
+      this.unsubscribeHandlers.push(unsubscribe);
+    }
+
+    if (this.nostrService && typeof this.nostrService.on === "function") {
+      const events = [
+        "videos:updated",
+        "videos:fetched",
+        "videos:published",
+        "videos:edited",
+        "videos:deleted",
+        "videos:cache",
+      ];
+      events.forEach((eventName) => {
+        const unsubscribe = this.nostrService.on(eventName, () => {
+          this.queueTagIdfRefresh(eventName);
+        });
+        this.unsubscribeHandlers.push(unsubscribe);
+      });
+    }
+  }
+
+  queueWatchHistoryRefresh(reason) {
+    if (this.watchHistoryRefreshHandle) {
+      return;
+    }
+    this.watchHistoryRefreshHandle = setTimeout(() => {
+      this.watchHistoryRefreshHandle = null;
+      this.refreshWatchHistoryTagCounts({ reason });
+    }, this.refreshDebounceMs);
+  }
+
+  queueTagIdfRefresh(reason) {
+    if (this.tagIdfRefreshHandle) {
+      return;
+    }
+    this.tagIdfRefreshHandle = setTimeout(() => {
+      this.tagIdfRefreshHandle = null;
+      this.refreshTagIdf({ reason });
+    }, this.refreshDebounceMs);
+  }
+
+  async refreshWatchHistoryTagCounts({ force = false, reason } = {}) {
+    const now = Date.now();
+    if (!force && this.watchHistoryTagCountsUpdatedAt) {
+      const elapsed = now - this.watchHistoryTagCountsUpdatedAt;
+      if (elapsed < this.historyRefreshIntervalMs) {
+        return this.watchHistoryTagCounts;
+      }
+    }
+
+    try {
+      const actorRaw = this.getActiveActor();
+      const actor = typeof actorRaw === "string" && actorRaw.trim() ? actorRaw.trim() : undefined;
+      const counts = await buildWatchHistoryTagCounts({
+        watchHistoryService: this.watchHistoryService,
+        nostrService: this.nostrService,
+        actor,
+      });
+      this.watchHistoryTagCounts = counts instanceof Map ? counts : new Map();
+      this.watchHistoryTagCountsUpdatedAt = now;
+      return this.watchHistoryTagCounts;
+    } catch (error) {
+      if (this.logger?.warn) {
+        this.logger.warn(
+          "[exploreData] Failed to refresh watch history tag counts:",
+          error,
+        );
+      }
+      if (reason) {
+        return this.watchHistoryTagCounts;
+      }
+      return this.watchHistoryTagCounts;
+    }
+  }
+
+  async refreshTagIdf({ force = false, videos, reason } = {}) {
+    const now = Date.now();
+    if (!force && this.tagIdfUpdatedAt) {
+      const elapsed = now - this.tagIdfUpdatedAt;
+      if (elapsed < this.idfRefreshIntervalMs) {
+        return this.tagIdf;
+      }
+    }
+
+    const sourceVideos = Array.isArray(videos)
+      ? videos
+      : this.nostrService && typeof this.nostrService.getFilteredActiveVideos === "function"
+      ? this.nostrService.getFilteredActiveVideos()
+      : [];
+
+    try {
+      this.tagIdf = await buildTagIdf({ videos: sourceVideos });
+      this.tagIdfUpdatedAt = now;
+    } catch (error) {
+      if (this.logger?.warn) {
+        this.logger.warn("[exploreData] Failed to refresh tag IDF:", error);
+      }
+    }
+
+    if (reason) {
+      return this.tagIdf;
+    }
+
+    return this.tagIdf;
+  }
+
+  getWatchHistoryTagCounts() {
+    return this.watchHistoryTagCounts;
+  }
+
+  getTagIdf() {
+    return this.tagIdf;
+  }
+
+  destroy() {
+    this.clearIntervals();
+
+    if (this.watchHistoryRefreshHandle) {
+      clearTimeout(this.watchHistoryRefreshHandle);
+      this.watchHistoryRefreshHandle = null;
+    }
+    if (this.tagIdfRefreshHandle) {
+      clearTimeout(this.tagIdfRefreshHandle);
+      this.tagIdfRefreshHandle = null;
+    }
+
+    this.unsubscribeHandlers.forEach((unsubscribe) => {
+      if (typeof unsubscribe === "function") {
+        unsubscribe();
+      }
+    });
+    this.unsubscribeHandlers = [];
+  }
+}
diff --git a/dist/js/services/hashtagPreferencesService.js b/dist/js/services/hashtagPreferencesService.js
new file mode 100644
index 00000000..bc481a51
--- /dev/null
+++ b/dist/js/services/hashtagPreferencesService.js
@@ -0,0 +1,1275 @@
+// js/services/hashtagPreferencesService.js
+import {
+  nostrClient,
+  requestDefaultExtensionPermissions,
+  getActiveSigner,
+} from "../nostrClientFacade.js";
+import { isSessionActor } from "../nostr/sessionActor.js";
+import {
+  buildHashtagPreferenceEvent,
+  getNostrEventSchema,
+  NOTE_TYPES,
+} from "../nostrEventSchemas.js";
+import {
+  publishEventToRelays,
+  assertAnyRelayAccepted,
+} from "../nostrPublish.js";
+import { userLogger, devLogger } from "../utils/logger.js";
+import { sanitizeRelayList } from "../nostr/nip46Client.js";
+import { normalizeHashtag } from "../utils/hashtagNormalization.js";
+import { profileCache } from "../state/profileCache.js";
+import { DEFAULT_RELAY_URLS } from "../nostr/toolkit.js";
+import { relayManager } from "../relayManager.js";
+import {
+  DEFAULT_NIP07_ENCRYPTION_METHODS,
+  runNip07WithRetry,
+  NIP07_PRIORITY,
+} from "../nostr/nip07Permissions.js";
+import { relaySubscriptionService } from "./relaySubscriptionService.js";
+
+const LOG_PREFIX = "[HashtagPreferences]";
+const HASHTAG_IDENTIFIER = "bitvid:tag-preferences";
+const HEX64_REGEX = /^[0-9a-f]{64}$/i;
+const DEFAULT_VERSION = 1;
+const DECRYPT_TIMEOUT_MS = 90000;
+const DECRYPT_RETRY_DELAY_MS = 10000;
+
+class TinyEventEmitter {
+  constructor() {
+    this.listeners = new Map();
+  }
+
+  on(eventName, handler) {
+    if (typeof eventName !== "string" || typeof handler !== "function") {
+      return () => {};
+    }
+
+    if (!this.listeners.has(eventName)) {
+      this.listeners.set(eventName, new Set());
+    }
+
+    const handlers = this.listeners.get(eventName);
+    handlers.add(handler);
+
+    return () => {
+      handlers.delete(handler);
+      if (!handlers.size) {
+        this.listeners.delete(eventName);
+      }
+    };
+  }
+
+  emit(eventName, detail) {
+    const handlers = this.listeners.get(eventName);
+    if (!handlers || !handlers.size) {
+      return;
+    }
+
+    for (const handler of Array.from(handlers)) {
+      try {
+        handler(detail);
+      } catch (error) {
+        userLogger.warn(
+          `${LOG_PREFIX} listener for "${eventName}" threw an error`,
+          error,
+        );
+      }
+    }
+  }
+}
+
+const EVENTS = Object.freeze({
+  CHANGE: "change",
+});
+
+function normalizeHexPubkey(pubkey) {
+  if (typeof pubkey !== "string") {
+    return null;
+  }
+
+  const trimmed = pubkey.trim();
+  if (!trimmed) {
+    return null;
+  }
+
+  if (HEX64_REGEX.test(trimmed)) {
+    return trimmed.toLowerCase();
+  }
+
+  return null;
+}
+
+function normalizeEncryptionToken(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  return value
+    .trim()
+    .toLowerCase()
+    .replace(/[^a-z0-9]/g, "");
+}
+
+function normalizePreferencesPayload(payload) {
+  const versionCandidate = Number(payload?.version);
+  const version = Number.isFinite(versionCandidate) && versionCandidate > 0
+    ? versionCandidate
+    : DEFAULT_VERSION;
+
+  const rawInterests = Array.isArray(payload?.interests)
+    ? payload.interests
+    : [];
+  const rawDisinterests = Array.isArray(payload?.disinterests)
+    ? payload.disinterests
+    : [];
+
+  const interests = new Set();
+  for (const tag of rawInterests) {
+    const normalizedTag = normalizeHashtag(tag);
+    if (normalizedTag) {
+      interests.add(normalizedTag);
+    }
+  }
+
+  const disinterests = new Set();
+  for (const tag of rawDisinterests) {
+    const normalizedTag = normalizeHashtag(tag);
+    if (!normalizedTag) {
+      continue;
+    }
+    disinterests.add(normalizedTag);
+    interests.delete(normalizedTag);
+  }
+
+  return {
+    version,
+    interests,
+    disinterests,
+  };
+}
+
+function extractEncryptionHints(event) {
+  if (!event || typeof event !== "object") {
+    return [];
+  }
+
+  const tags = Array.isArray(event.tags) ? event.tags : [];
+  const hints = [];
+
+  const pushUnique = (scheme) => {
+    if (!scheme || hints.includes(scheme)) {
+      return;
+    }
+    hints.push(scheme);
+  };
+
+  for (const tag of tags) {
+    if (!Array.isArray(tag) || tag.length < 2) {
+      continue;
+    }
+    const label = typeof tag[0] === "string" ? tag[0].trim().toLowerCase() : "";
+    if (label !== "encrypted" && label !== "encryption") {
+      continue;
+    }
+    const rawValue = typeof tag[1] === "string" ? tag[1] : "";
+    if (!rawValue) {
+      continue;
+    }
+    const parts = rawValue
+      .split(/[\s,]+/)
+      .map((part) => normalizeEncryptionToken(part))
+      .filter(Boolean);
+    for (const part of parts) {
+      if (part === "nip44v2" || part === "nip44v02") {
+        pushUnique("nip44_v2");
+        continue;
+      }
+      if (part === "nip44") {
+        pushUnique("nip44");
+        continue;
+      }
+      if (part === "nip04" || part === "nip4") {
+        pushUnique("nip04");
+      }
+    }
+  }
+
+  return hints;
+}
+
+function determineDecryptionOrder(event, availableSchemes) {
+  const available = Array.isArray(availableSchemes) ? availableSchemes : [];
+  const availableSet = new Set(available);
+  const prioritized = [];
+
+  const hints = extractEncryptionHints(event);
+  const aliasMap = {
+    nip04: ["nip04"],
+    nip44: ["nip44", "nip44_v2"],
+    nip44_v2: ["nip44_v2", "nip44"],
+  };
+
+  for (const hint of hints) {
+    const candidates = Array.isArray(aliasMap[hint]) ? aliasMap[hint] : [hint];
+    for (const candidate of candidates) {
+      if (availableSet.has(candidate) && !prioritized.includes(candidate)) {
+        prioritized.push(candidate);
+        break;
+      }
+    }
+  }
+
+  for (const fallback of ["nip44_v2", "nip44", "nip04"]) {
+    if (availableSet.has(fallback) && !prioritized.includes(fallback)) {
+      prioritized.push(fallback);
+    }
+  }
+
+  return prioritized.length ? prioritized : available;
+}
+
+class HashtagPreferencesService {
+  constructor() {
+    this.emitter = new TinyEventEmitter();
+    this.interests = new Set();
+    this.disinterests = new Set();
+    this.activePubkey = null;
+    this.eventId = null;
+    this.eventCreatedAt = null;
+    this.loaded = false;
+    this.backgroundLoading = false;
+    this.preferencesVersion = DEFAULT_VERSION;
+    this.decryptRetryTimeoutId = null;
+    this.loadPromise = null;
+    this.loadingPubkey = null;
+    this.subscriptionKey = null;
+    this.lastLoadError = null;
+
+    profileCache.subscribe((event, detail) => {
+      if (event === "profileChanged") {
+        this.reset();
+        if (detail.pubkey) {
+          this.load(detail.pubkey, { allowPermissionPrompt: false });
+        }
+      } else if (event === "runtimeCleared" && detail.pubkey === this.activePubkey) {
+        this.reset();
+        if (this.activePubkey) {
+          this.load(this.activePubkey, { allowPermissionPrompt: false });
+        }
+      }
+    });
+  }
+
+  on(eventName, handler) {
+    return this.emitter.on(eventName, handler);
+  }
+
+  reset() {
+    this.stopHashtagPreferencesSubscription();
+    this.interests = new Set();
+    this.disinterests = new Set();
+    this.eventId = null;
+    this.eventCreatedAt = null;
+    this.loaded = false;
+    this.backgroundLoading = false;
+    this.preferencesVersion = DEFAULT_VERSION;
+    this.lastLoadError = null;
+    if (this.decryptRetryTimeoutId) {
+      clearTimeout(this.decryptRetryTimeoutId);
+      this.decryptRetryTimeoutId = null;
+    }
+    this.loadPromise = null;
+    this.loadingPubkey = null;
+    this.emitChange("reset");
+  }
+
+  stopHashtagPreferencesSubscription() {
+    if (this.subscriptionKey) {
+      relaySubscriptionService.stopSubscription(this.subscriptionKey, "reset");
+      this.subscriptionKey = null;
+    }
+  }
+
+  ensureHashtagPreferencesSubscription(pubkey, relays) {
+    const normalized = normalizeHexPubkey(pubkey);
+    if (!normalized || !nostrClient?.pool) {
+      return null;
+    }
+
+    const schema = getNostrEventSchema(NOTE_TYPES.HASHTAG_PREFERENCES);
+    const canonicalKind = schema?.kind ?? 30015;
+    const legacyKind = 30005;
+    const kinds = canonicalKind === legacyKind
+      ? [canonicalKind]
+      : [canonicalKind, legacyKind];
+
+    const filters = kinds.map((kind) => ({
+      kinds: [kind],
+      authors: [normalized],
+      "#d": [HASHTAG_IDENTIFIER],
+    }));
+
+    const key = `hashtags:${normalized}`;
+    this.subscriptionKey = key;
+
+    return relaySubscriptionService.ensureSubscription({
+      key,
+      pool: nostrClient.pool,
+      relays,
+      filters,
+      label: "hashtag-preferences",
+      onEvent: (event) => this.handleHashtagPreferencesEvent(event),
+    });
+  }
+
+  handleHashtagPreferencesEvent(event) {
+    const normalized = normalizeHexPubkey(event?.pubkey);
+    if (!normalized || normalized !== this.activePubkey) {
+      return;
+    }
+
+    this.load(normalized, { allowPermissionPrompt: false }).catch((error) => {
+      devLogger.warn(`${LOG_PREFIX} Failed to refresh after hashtag event`, error);
+    });
+  }
+
+  saveToCache() {
+    const interests = this.getInterests();
+    const disinterests = this.getDisinterests();
+    const payload = {
+      interests,
+      disinterests,
+      version: this.preferencesVersion,
+      eventId: this.eventId,
+      createdAt: this.eventCreatedAt,
+    };
+    // Use the note type key directly, though "interests" maps to HASHTAG_PREFERENCES
+    // in profileCache. Using NOTE_TYPES.HASHTAG_PREFERENCES explicitly is safer if we import it,
+    // but relying on the mapped key "interests" is also consistent with current usage.
+    // However, the fix requires us to ensure we use the unified path.
+    // We'll stick to "interests" which maps to NOTE_TYPES.HASHTAG_PREFERENCES in profileCache.js
+    profileCache.set("interests", payload);
+  }
+
+  loadFromCache(pubkey) {
+    // profileCache internally uses activePubkey, but we should verify if it matches
+    try {
+      let cached = profileCache.getProfileData(pubkey, "interests");
+
+      // Legacy fallback migration
+      if (!cached && typeof localStorage !== "undefined") {
+        try {
+          const legacy = localStorage.getItem(HASHTAG_IDENTIFIER);
+          if (legacy) {
+            const parsed = JSON.parse(legacy);
+            // Migrate to unified profile cache
+            profileCache.set("interests", parsed);
+            localStorage.removeItem(HASHTAG_IDENTIFIER);
+            cached = parsed;
+            devLogger.log(`${LOG_PREFIX} Migrated legacy preferences to profileCache.`);
+          }
+        } catch (err) {
+          devLogger.warn(`${LOG_PREFIX} Legacy migration failed:`, err);
+        }
+      }
+
+      if (cached && typeof cached === "object") {
+        this.activePubkey = normalizeHexPubkey(pubkey);
+        this.interests = new Set(Array.isArray(cached.interests) ? cached.interests : []);
+        this.disinterests = new Set(Array.isArray(cached.disinterests) ? cached.disinterests : []);
+        this.eventId = cached.eventId || null;
+        this.eventCreatedAt = cached.createdAt || null;
+        this.preferencesVersion = cached.version || DEFAULT_VERSION;
+        this.loaded = true;
+        this.emitChange("cache-load");
+        return true;
+      }
+    } catch (err) {
+      devLogger.warn(`${LOG_PREFIX} loadFromCache failed:`, err);
+    }
+    return false;
+  }
+
+  getInterests() {
+    return Array.from(this.interests).sort((a, b) => a.localeCompare(b));
+  }
+
+  getDisinterests() {
+    return Array.from(this.disinterests).sort((a, b) => a.localeCompare(b));
+  }
+
+  addInterest(tag) {
+    const normalized = normalizeHashtag(tag);
+    if (!normalized) {
+      return false;
+    }
+
+    const hadInterest = this.interests.has(normalized);
+    const removedFromDisinterests = this.disinterests.delete(normalized);
+    this.interests.add(normalized);
+
+    if (!hadInterest || removedFromDisinterests) {
+      this.emitChange("interest-added", { tag: normalized });
+      this.publish().catch((err) =>
+        userLogger.warn(`${LOG_PREFIX} Auto-save failed`, err),
+      );
+      return true;
+    }
+
+    return false;
+  }
+
+  removeInterest(tag) {
+    const normalized = normalizeHashtag(tag);
+    if (!normalized || !this.interests.has(normalized)) {
+      return false;
+    }
+
+    this.interests.delete(normalized);
+    this.emitChange("interest-removed", { tag: normalized });
+    this.publish().catch((err) =>
+      userLogger.warn(`${LOG_PREFIX} Auto-save failed`, err),
+    );
+    return true;
+  }
+
+  addDisinterest(tag) {
+    const normalized = normalizeHashtag(tag);
+    if (!normalized) {
+      return false;
+    }
+
+    const hadDisinterest = this.disinterests.has(normalized);
+    const removedFromInterests = this.interests.delete(normalized);
+    this.disinterests.add(normalized);
+
+    if (!hadDisinterest || removedFromInterests) {
+      this.emitChange("disinterest-added", { tag: normalized });
+      this.publish().catch((err) =>
+        userLogger.warn(`${LOG_PREFIX} Auto-save failed`, err),
+      );
+      return true;
+    }
+
+    return false;
+  }
+
+  removeDisinterest(tag) {
+    const normalized = normalizeHashtag(tag);
+    if (!normalized || !this.disinterests.has(normalized)) {
+      return false;
+    }
+
+    this.disinterests.delete(normalized);
+    this.emitChange("disinterest-removed", { tag: normalized });
+    this.publish().catch((err) =>
+      userLogger.warn(`${LOG_PREFIX} Auto-save failed`, err),
+    );
+    return true;
+  }
+
+  emitChange(action, detail = {}) {
+    try {
+      this.emitter.emit(EVENTS.CHANGE, {
+        action,
+        interests: this.getInterests(),
+        disinterests: this.getDisinterests(),
+        eventId: this.eventId,
+        createdAt: this.eventCreatedAt,
+        version: this.preferencesVersion,
+        ...detail,
+      });
+    } catch (error) {
+      userLogger.warn(`${LOG_PREFIX} Failed to emit change event`, error);
+    }
+  }
+
+  scheduleDecryptRetry(pubkey, error, options = {}) {
+    const normalized = normalizeHexPubkey(pubkey);
+    if (!normalized) {
+      return;
+    }
+    if (this.decryptRetryTimeoutId) {
+      clearTimeout(this.decryptRetryTimeoutId);
+    }
+    this.decryptRetryTimeoutId = setTimeout(() => {
+      this.decryptRetryTimeoutId = null;
+      if (this.activePubkey && this.activePubkey !== normalized) {
+        return;
+      }
+      this.load(normalized, options).catch((retryError) => {
+        userLogger.warn(`${LOG_PREFIX} Decryption retry failed`, retryError);
+      });
+    }, DECRYPT_RETRY_DELAY_MS);
+    devLogger.log(
+      `${LOG_PREFIX} Decryption timed out; scheduling retry in ${DECRYPT_RETRY_DELAY_MS / 1000}s.`,
+      error,
+    );
+  }
+
+  async load(pubkey, options = {}) {
+    const normalized = normalizeHexPubkey(pubkey);
+
+    if (this.loadPromise && this.loadingPubkey === normalized) {
+      devLogger.log(`${LOG_PREFIX} Reusing in-flight preferences load.`, {
+        pubkey: normalized,
+      });
+      return this.loadPromise;
+    }
+
+    if (this.loadPromise && this.loadingPubkey && this.loadingPubkey !== normalized) {
+      devLogger.log(`${LOG_PREFIX} Waiting for existing preferences load to settle.`, {
+        previous: this.loadingPubkey,
+        next: normalized,
+      });
+      await this.loadPromise.catch(() => {});
+    }
+
+    const loadPromise = this.loadInternal(normalized, options);
+    this.loadPromise = loadPromise;
+    this.loadingPubkey = normalized;
+
+    try {
+      return await loadPromise;
+    } finally {
+      if (this.loadPromise === loadPromise) {
+        this.loadPromise = null;
+        this.loadingPubkey = null;
+      }
+    }
+  }
+
+  async loadInternal(pubkey, options = {}) {
+    const normalized = normalizeHexPubkey(pubkey);
+    const allowPermissionPrompt = options?.allowPermissionPrompt !== false;
+    this.lastLoadError = null;
+    let wasLoadedForUser =
+      this.activePubkey &&
+      this.activePubkey === normalized &&
+      (this.interests.size > 0 || this.disinterests.size > 0 || this.loaded);
+
+    this.activePubkey = normalized;
+    if (allowPermissionPrompt) {
+      this.backgroundLoading = false;
+    }
+
+    if (!normalized) {
+      this.reset();
+      this.loaded = true;
+      return;
+    }
+
+    // Try cache first
+    if (this.loadFromCache(normalized)) {
+      wasLoadedForUser = true;
+      if (!allowPermissionPrompt && !this.backgroundLoading) {
+        this.backgroundLoading = true;
+        this.emitChange("background-loading", { background: true });
+      }
+    }
+    const wasBackgroundLoading = this.backgroundLoading;
+
+    if (
+      !nostrClient ||
+      !nostrClient.pool ||
+      typeof nostrClient.pool.list !== "function"
+    ) {
+      userLogger.warn(
+        `${LOG_PREFIX} nostrClient.pool.list unavailable; treating preferences as empty.`,
+      );
+      // If we already have data for this user, do not reset on transient client issues.
+      if (wasLoadedForUser) {
+        userLogger.warn(
+          `${LOG_PREFIX} Keeping existing preferences despite client unavailability.`,
+        );
+        if (wasBackgroundLoading) {
+          this.backgroundLoading = false;
+          this.emitChange("background-loaded", { background: false });
+        }
+        return;
+      }
+      this.reset();
+      this.loaded = true;
+      if (wasBackgroundLoading) {
+        this.backgroundLoading = false;
+        this.emitChange("background-loaded", { background: false });
+      }
+      return;
+    }
+
+    const readRelays = relayManager.getReadRelayUrls();
+    const relays = readRelays.length > 0 ? readRelays : Array.from(DEFAULT_RELAY_URLS);
+    if (!relays.length) {
+      if (wasLoadedForUser) {
+        userLogger.warn(
+          `${LOG_PREFIX} Keeping existing preferences; no relays available for refresh.`,
+        );
+        if (wasBackgroundLoading) {
+          this.backgroundLoading = false;
+          this.emitChange("background-loaded", { background: false });
+        }
+        return;
+      }
+      this.reset();
+      this.loaded = true;
+      if (wasBackgroundLoading) {
+        this.backgroundLoading = false;
+        this.emitChange("background-loaded", { background: false });
+      }
+      return;
+    }
+    if (!nostrClient?.pool && typeof nostrClient?.ensurePool === "function") {
+      try {
+        await nostrClient.ensurePool();
+      } catch (error) {
+        devLogger.warn(
+          `${LOG_PREFIX} Failed to initialize relay pool for subscription`,
+          error,
+        );
+      }
+    }
+    this.ensureHashtagPreferencesSubscription(normalized, relays);
+
+    const schema = getNostrEventSchema(NOTE_TYPES.HASHTAG_PREFERENCES);
+    const canonicalKind = schema?.kind ?? 30015;
+    const legacyKind = 30005;
+
+    const kinds = [canonicalKind];
+    if (canonicalKind !== legacyKind) {
+      kinds.push(legacyKind);
+    }
+
+    let events = [];
+    let fetchError = null;
+
+    try {
+      // Use incremental fetching for both kinds concurrently (if multiple kinds)
+      // fetchListIncrementally takes a single kind.
+      // kinds is array of [canonicalKind, legacyKind] if different.
+
+      // Anchor the fetch to the service's current state to prevent desync.
+      // If we have cached data, we ask for updates since that timestamp.
+      // If we have no data, we force a full fetch (since=0).
+      const since = wasLoadedForUser ? Number(this.eventCreatedAt) || 0 : 0;
+
+      const promises = kinds.map((kind) =>
+        nostrClient.fetchListIncrementally({
+          kind,
+          pubkey: normalized,
+          dTag: HASHTAG_IDENTIFIER,
+          relayUrls: relays,
+          since,
+          timeoutMs: 12000,
+        }),
+      );
+
+      const results = await Promise.all(promises);
+      events = results.flat();
+
+    } catch (error) {
+      fetchError = error;
+      userLogger.warn(
+        `${LOG_PREFIX} Failed to load hashtag preferences from relays`,
+        error,
+      );
+      events = [];
+    }
+
+    if (!events.length) {
+      if (fetchError) {
+        userLogger.warn(
+          `${LOG_PREFIX} Failed to load hashtag preferences (keeping local state if any).`,
+          fetchError,
+        );
+        if (wasBackgroundLoading) {
+          this.backgroundLoading = false;
+          this.emitChange("background-loaded", { background: false });
+        }
+        return;
+      }
+
+      // If we failed to fetch (network error) but already have data for this user,
+      // preserve the existing state instead of wiping it.
+      // If fetchListIncrementally returns empty, it means no new updates or full fetch yielded nothing.
+      if (wasLoadedForUser) {
+        userLogger.warn(
+          `${LOG_PREFIX} Keeping existing preferences despite empty relay response.`,
+        );
+        if (wasBackgroundLoading) {
+          this.backgroundLoading = false;
+          this.emitChange("background-loaded", { background: false });
+        }
+        return;
+      }
+
+      this.reset();
+      this.loaded = true;
+      if (wasBackgroundLoading) {
+        this.backgroundLoading = false;
+        this.emitChange("background-loaded", { background: false });
+      }
+      return;
+    }
+
+    const latest = events.reduce((current, candidate) => {
+      if (!candidate) {
+        return current;
+      }
+      if (!current) {
+        return candidate;
+      }
+      const candidateTs = Number(candidate.created_at) || 0;
+      const currentTs = Number(current.created_at) || 0;
+      if (candidateTs === currentTs) {
+        if (
+          candidate.kind === canonicalKind &&
+          current.kind !== canonicalKind
+        ) {
+          return candidate;
+        }
+        if (
+          current.kind === canonicalKind &&
+          candidate.kind !== canonicalKind
+        ) {
+          return current;
+        }
+        return candidate.id > current.id ? candidate : current;
+      }
+      return candidateTs > currentTs ? candidate : current;
+    }, null);
+
+    if (!latest) {
+      if (wasLoadedForUser) {
+        if (wasBackgroundLoading) {
+          this.backgroundLoading = false;
+          this.emitChange("background-loaded", { background: false });
+        }
+        return;
+      }
+      this.reset();
+      this.loaded = true;
+      if (wasBackgroundLoading) {
+        this.backgroundLoading = false;
+        this.emitChange("background-loaded", { background: false });
+      }
+      return;
+    }
+
+    const currentCreatedAt = Number(this.eventCreatedAt) || 0;
+    const latestCreatedAt = Number(latest.created_at) || 0;
+
+    // Protection against overwriting optimistic updates:
+    // If the local version is newer (because user just edited), ignore the remote fetch.
+    if (wasLoadedForUser && currentCreatedAt >= latestCreatedAt) {
+      devLogger.log(
+        `${LOG_PREFIX} Ignoring stale/concurrent preferences event (remote: ${latestCreatedAt}, local: ${currentCreatedAt}).`,
+      );
+      if (wasBackgroundLoading) {
+        this.backgroundLoading = false;
+        this.emitChange("background-loaded", { background: false });
+      }
+      return;
+    }
+
+    let decryptResult;
+    try {
+      const decryptPromise = this.decryptEvent(latest, normalized, {
+        allowPermissionPrompt,
+      });
+      const timeoutPromise = new Promise((_, reject) =>
+        setTimeout(
+          () => {
+            const timeoutError = new Error(
+              `Decryption timed out after ${DECRYPT_TIMEOUT_MS / 1000}s`,
+            );
+            timeoutError.code = "hashtag-preferences-decrypt-timeout";
+            reject(timeoutError);
+          },
+          DECRYPT_TIMEOUT_MS,
+        ),
+      );
+      decryptResult = await Promise.race([decryptPromise, timeoutPromise]);
+    } catch (error) {
+      decryptResult = { ok: false, error };
+    }
+
+    if (!decryptResult.ok) {
+      this.lastLoadError = decryptResult.error || null;
+      userLogger.warn(
+        `${LOG_PREFIX} Failed to decrypt hashtag preferences`,
+        decryptResult.error,
+      );
+
+      if (decryptResult.error?.code === "hashtag-preferences-decrypt-timeout") {
+        if (!wasLoadedForUser && !this.loaded) {
+          this.loaded = true;
+        }
+        this.scheduleDecryptRetry(normalized, decryptResult.error, {
+          allowPermissionPrompt,
+        });
+        return;
+      }
+      if (
+        !allowPermissionPrompt &&
+        decryptResult.error?.code === "hashtag-preferences-permission-required"
+      ) {
+        return;
+      }
+
+      // If we already have loaded preferences (e.g. from cache), preserve them
+      // rather than wiping everything just because the remote update couldn't be decrypted.
+      if (wasLoadedForUser) {
+        userLogger.warn(
+          `${LOG_PREFIX} Preserving cached preferences despite decryption failure.`,
+        );
+        if (wasBackgroundLoading) {
+          this.backgroundLoading = false;
+          this.emitChange("background-loaded", { background: false });
+        }
+        return;
+      }
+
+      this.reset();
+      this.loaded = true;
+      if (wasBackgroundLoading) {
+        this.backgroundLoading = false;
+        this.emitChange("background-loaded", { background: false });
+      }
+      return;
+    }
+
+    try {
+      const payload = JSON.parse(decryptResult.plaintext);
+      // Normalize the decrypted payload into the canonical preferences shape so
+      // downstream consumers receive a single structure.
+      const normalizedPayload = normalizePreferencesPayload(payload);
+
+      this.preferencesVersion = normalizedPayload.version;
+      this.interests = normalizedPayload.interests;
+      this.disinterests = normalizedPayload.disinterests;
+      this.eventId = latest.id || null;
+      this.eventCreatedAt = Number.isFinite(latest?.created_at)
+        ? latest.created_at
+        : null;
+      this.loaded = true;
+      if (this.backgroundLoading) {
+        this.backgroundLoading = false;
+      }
+      this.saveToCache();
+      this.emitChange("sync", { scheme: decryptResult.scheme });
+    } catch (error) {
+      userLogger.warn(
+        `${LOG_PREFIX} Failed to parse decrypted hashtag preferences`,
+        error,
+      );
+      this.reset();
+      this.loaded = true;
+    }
+  }
+
+  async decryptEvent(event, userPubkey, options = {}) {
+    const ciphertext = typeof event?.content === "string" ? event.content : "";
+    if (!ciphertext) {
+      const error = new Error("Preference event missing ciphertext content.");
+      error.code = "hashtag-preferences-empty";
+      return { ok: false, error };
+    }
+
+    const allowPermissionPrompt = options?.allowPermissionPrompt !== false;
+    let signer = getActiveSigner();
+    if (
+      !signer &&
+      typeof nostrClient?.ensureActiveSignerForPubkey === "function" &&
+      allowPermissionPrompt
+    ) {
+      signer = await nostrClient.ensureActiveSignerForPubkey(userPubkey);
+    }
+    const signerHasNip04 = typeof signer?.nip04Decrypt === "function";
+    const signerHasNip44 = typeof signer?.nip44Decrypt === "function";
+
+    const hints = extractEncryptionHints(event);
+    const requiresNip44 = hints.includes("nip44") || hints.includes("nip44_v2");
+    const requiresNip04 = !hints.length || hints.includes("nip04");
+
+    if (
+      (!signerHasNip44 && requiresNip44) ||
+      (!signerHasNip04 && requiresNip04)
+    ) {
+      if (!allowPermissionPrompt) {
+        const error = new Error(
+          "Decrypt permissions are required to read hashtag preferences.",
+        );
+        error.code = "hashtag-preferences-permission-required";
+        return { ok: false, error };
+      }
+      try {
+        const permissionResult = await requestDefaultExtensionPermissions(
+          DEFAULT_NIP07_ENCRYPTION_METHODS,
+        );
+        if (!permissionResult?.ok) {
+          const error =
+            permissionResult?.error instanceof Error
+              ? permissionResult.error
+              : new Error(
+                  "Extension encryption permissions are required to read hashtag preferences.",
+                );
+          error.code = "hashtag-preferences-permission-required";
+          return { ok: false, error };
+        }
+      } catch (error) {
+        userLogger.warn(
+          `${LOG_PREFIX} Extension permissions request failed while loading preferences`,
+          error,
+        );
+        const wrapped =
+          error instanceof Error ? error : new Error(String(error));
+        wrapped.code = "hashtag-preferences-permission-required";
+        return { ok: false, error: wrapped };
+      }
+    }
+
+    const decryptors = new Map();
+    const sources = new Map();
+    const registerDecryptor = (scheme, handler, source = "unknown") => {
+      if (!scheme || typeof handler !== "function" || decryptors.has(scheme)) {
+        return;
+      }
+      decryptors.set(scheme, handler);
+      sources.set(scheme, source);
+    };
+
+    if (signerHasNip44) {
+      registerDecryptor(
+        "nip44",
+        (payload) =>
+          signer.nip44Decrypt(userPubkey, payload, {
+            priority: NIP07_PRIORITY.HIGH,
+          }),
+        "active-signer",
+      );
+      registerDecryptor(
+        "nip44_v2",
+        (payload) =>
+          signer.nip44Decrypt(userPubkey, payload, {
+            priority: NIP07_PRIORITY.HIGH,
+          }),
+        "active-signer",
+      );
+    }
+
+    if (signerHasNip04) {
+      registerDecryptor(
+        "nip04",
+        (payload) =>
+          signer.nip04Decrypt(userPubkey, payload, {
+            priority: NIP07_PRIORITY.HIGH,
+          }),
+        "active-signer",
+      );
+    }
+
+    const nostrApi = allowPermissionPrompt
+      ? typeof window !== "undefined"
+        ? window?.nostr
+        : null
+      : null;
+    if (nostrApi) {
+      if (typeof nostrApi.nip04?.decrypt === "function") {
+        registerDecryptor(
+          "nip04",
+          (payload) =>
+            runNip07WithRetry(
+              () => nostrApi.nip04.decrypt(userPubkey, payload),
+              { label: "nip04.decrypt", priority: NIP07_PRIORITY.HIGH },
+            ),
+          "extension",
+        );
+      }
+
+      const nip44 =
+        nostrApi.nip44 && typeof nostrApi.nip44 === "object"
+          ? nostrApi.nip44
+          : null;
+      if (nip44) {
+        if (typeof nip44.decrypt === "function") {
+          registerDecryptor(
+            "nip44",
+            (payload) =>
+              runNip07WithRetry(
+                () => nip44.decrypt(userPubkey, payload),
+                {
+                  label: "nip44.decrypt",
+                  priority: NIP07_PRIORITY.HIGH,
+                },
+              ),
+            "extension",
+          );
+        }
+
+        const nip44v2 =
+          nip44.v2 && typeof nip44.v2 === "object" ? nip44.v2 : null;
+        if (nip44v2 && typeof nip44v2.decrypt === "function") {
+          registerDecryptor(
+            "nip44_v2",
+            (payload) =>
+              runNip07WithRetry(
+                () => nip44v2.decrypt(userPubkey, payload),
+                {
+                  label: "nip44.v2.decrypt",
+                  priority: NIP07_PRIORITY.HIGH,
+                },
+              ),
+            "extension",
+          );
+          if (!decryptors.has("nip44")) {
+            registerDecryptor(
+              "nip44",
+              (payload) =>
+                runNip07WithRetry(
+                  () => nip44v2.decrypt(userPubkey, payload),
+                  {
+                    label: "nip44.v2.decrypt",
+                    priority: NIP07_PRIORITY.HIGH,
+                  },
+                ),
+              "extension",
+            );
+          }
+        }
+      }
+    }
+
+    if (!decryptors.size) {
+      const error = new Error(
+        "No decryptors available for hashtag preferences payload.",
+      );
+      error.code = "hashtag-preferences-no-decryptors";
+      return { ok: false, error };
+    }
+
+    const order = determineDecryptionOrder(event, Array.from(decryptors.keys()));
+    const attemptErrors = [];
+
+    for (const scheme of order) {
+      const decryptFn = decryptors.get(scheme);
+      if (!decryptFn) {
+        continue;
+      }
+      const source = sources.get(scheme);
+
+      if (source === "extension") {
+        userLogger.info(
+          `${LOG_PREFIX} Attempting decryption via window.nostr fallback (${scheme})`,
+        );
+      }
+
+      try {
+        const plaintext = await decryptFn(ciphertext);
+        if (typeof plaintext !== "string") {
+          attemptErrors.push({
+            scheme,
+            error: new Error("Decryption returned non-string payload."),
+          });
+          continue;
+        }
+        return { ok: true, plaintext, scheme };
+      } catch (error) {
+        if (source === "extension") {
+          userLogger.warn(
+            `${LOG_PREFIX} window.nostr fallback decryption failed (${scheme})`,
+            error,
+          );
+        }
+        attemptErrors.push({ scheme, error });
+      }
+    }
+
+    const error = new Error("Failed to decrypt hashtag preferences.");
+    error.code = "hashtag-preferences-decrypt-failed";
+    if (attemptErrors.length) {
+      error.cause = attemptErrors;
+    }
+    return { ok: false, error, errors: attemptErrors };
+  }
+
+  async publish(options = {}) {
+    // nostrClient imported from nostrClientFacade
+    if (isSessionActor(nostrClient)) {
+      const error = new Error(
+        "Publishing preferences is not allowed for session actors."
+      );
+      error.code = "session-actor-publish-blocked";
+      throw error;
+    }
+
+    const targetPubkey = normalizeHexPubkey(
+      typeof options?.pubkey === "string" ? options.pubkey : this.activePubkey,
+    );
+    if (!targetPubkey) {
+      const error = new Error("Active pubkey is required to publish preferences.");
+      error.code = "hashtag-preferences-missing-pubkey";
+      throw error;
+    }
+
+    let signer = getActiveSigner();
+    if (!signer) {
+      signer = await nostrClient.ensureActiveSignerForPubkey(targetPubkey);
+    }
+
+    const canSign = typeof signer?.canSign === "function"
+      ? signer.canSign()
+      : typeof signer?.signEvent === "function";
+    if (!canSign || typeof signer?.signEvent !== "function") {
+      const error = new Error("An active signer is required to publish preferences.");
+      error.code = "hashtag-preferences-missing-signer";
+      throw error;
+    }
+
+    if (signer.type === "extension") {
+      const permissionResult = await requestDefaultExtensionPermissions(
+        DEFAULT_NIP07_ENCRYPTION_METHODS,
+      );
+      if (!permissionResult?.ok) {
+        const error = new Error(
+          "The active signer must allow encryption before publishing preferences.",
+        );
+        error.code = "hashtag-preferences-extension-denied";
+        error.cause = permissionResult?.error || null;
+        throw error;
+      }
+    }
+
+    const interests = this.getInterests();
+    const disinterests = this.getDisinterests().filter(
+      (tag) => !interests.includes(tag),
+    );
+
+    const payload = {
+      version: DEFAULT_VERSION,
+      interests,
+      disinterests,
+    };
+    const plaintext = JSON.stringify(payload);
+
+    const encryptors = [];
+    const registerEncryptor = (scheme, handler) => {
+      if (!scheme || typeof handler !== "function") {
+        return;
+      }
+      encryptors.push({ scheme, handler });
+    };
+
+    if (typeof signer.nip44Encrypt === "function") {
+      registerEncryptor("nip44_v2", (value) => signer.nip44Encrypt(targetPubkey, value));
+      registerEncryptor("nip44", (value) => signer.nip44Encrypt(targetPubkey, value));
+    }
+
+    if (typeof signer.nip04Encrypt === "function") {
+      registerEncryptor("nip04", (value) => signer.nip04Encrypt(targetPubkey, value));
+    }
+
+    if (!encryptors.length) {
+      const error = new Error("No encryptors available to publish preferences.");
+      error.code = "hashtag-preferences-no-encryptor";
+      throw error;
+    }
+
+    let ciphertext = "";
+    let schemeUsed = "";
+    const encryptionErrors = [];
+    const triedSchemes = new Set();
+
+    for (const candidate of encryptors) {
+      if (triedSchemes.has(candidate.scheme)) {
+        continue;
+      }
+      triedSchemes.add(candidate.scheme);
+      try {
+        const encrypted = await candidate.handler(plaintext);
+        if (typeof encrypted === "string" && encrypted) {
+          ciphertext = encrypted;
+          schemeUsed = candidate.scheme;
+          break;
+        }
+      } catch (error) {
+        encryptionErrors.push({ scheme: candidate.scheme, error });
+      }
+    }
+
+    if (!ciphertext) {
+      const error = new Error("Failed to encrypt hashtag preferences.");
+      error.code = "hashtag-preferences-encrypt-failed";
+      error.cause = encryptionErrors;
+      throw error;
+    }
+
+    const createdAt = Math.floor(Date.now() / 1000);
+    const event = buildHashtagPreferenceEvent({
+      pubkey: targetPubkey,
+      created_at: createdAt,
+      content: ciphertext,
+    });
+
+    if (!Array.isArray(event.tags)) {
+      event.tags = [];
+    }
+
+    let updatedSchemeTag = false;
+    for (const tag of event.tags) {
+      if (!Array.isArray(tag) || tag.length < 2) {
+        continue;
+      }
+      if (typeof tag[0] === "string" && tag[0].toLowerCase() === "encrypted") {
+        tag[1] = schemeUsed;
+        updatedSchemeTag = true;
+        break;
+      }
+    }
+    if (!updatedSchemeTag) {
+      event.tags.push(["encrypted", schemeUsed]);
+    }
+
+    const signedEvent = await signer.signEvent(event);
+
+    const writeRelays = sanitizeRelayList(nostrClient.writeRelays);
+    const relayFallback = writeRelays.length
+      ? writeRelays
+      : sanitizeRelayList(nostrClient.relays);
+
+    if (!relayFallback.length) {
+      const error = new Error("No relays configured for publishing preferences.");
+      error.code = "hashtag-preferences-no-relays";
+      throw error;
+    }
+
+    const publishResults = await publishEventToRelays(
+      nostrClient.pool,
+      relayFallback,
+      signedEvent,
+    );
+
+    const publishSummary = assertAnyRelayAccepted(publishResults, {
+      context: "hashtag-preferences",
+    });
+
+    if (publishSummary.failed?.length) {
+      publishSummary.failed.forEach(({ url, error }) => {
+        userLogger.warn(
+          `${LOG_PREFIX} Preferences not accepted by ${url}: ${error}`,
+          error,
+        );
+      });
+    }
+
+    this.eventId = signedEvent.id || null;
+    this.eventCreatedAt = Number.isFinite(signedEvent?.created_at)
+      ? signedEvent.created_at
+      : createdAt;
+    this.emitChange("published", { event: signedEvent, scheme: schemeUsed });
+    return signedEvent;
+  }
+}
+
+const hashtagPreferences = new HashtagPreferencesService();
+
+export default hashtagPreferences;
+export { HashtagPreferencesService, hashtagPreferences, EVENTS as HASHTAG_PREFERENCES_EVENTS };
diff --git a/dist/js/services/linkPreviewService.js b/dist/js/services/linkPreviewService.js
new file mode 100644
index 00000000..b927e300
--- /dev/null
+++ b/dist/js/services/linkPreviewService.js
@@ -0,0 +1,249 @@
+import { devLogger, userLogger } from "../utils/logger.js";
+
+const DB_NAME = "bitvid-link-previews";
+const DB_VERSION = 1;
+const STORE_NAME = "previews";
+const DEFAULT_TTL_MS = 1000 * 60 * 60 * 24;
+
+const normalizeUrl = (value) => {
+  if (typeof value !== "string") {
+    return "";
+  }
+  return value.trim();
+};
+
+const resolveMetaContent = (doc, selector) => {
+  if (!doc) {
+    return "";
+  }
+  const element = doc.querySelector(selector);
+  if (!element) {
+    return "";
+  }
+  const content = element.getAttribute("content") || "";
+  return content.trim();
+};
+
+const resolveFirstMetaContent = (doc, selectors) => {
+  if (!doc || !Array.isArray(selectors)) {
+    return "";
+  }
+  for (const selector of selectors) {
+    const value = resolveMetaContent(doc, selector);
+    if (value) {
+      return value;
+    }
+  }
+  return "";
+};
+
+const resolveAbsoluteUrl = (candidate, baseUrl) => {
+  if (!candidate) {
+    return "";
+  }
+  try {
+    const resolved = new URL(candidate, baseUrl);
+    return resolved.toString();
+  } catch {
+    return "";
+  }
+};
+
+export class LinkPreviewService {
+  constructor({ ttlMs = DEFAULT_TTL_MS } = {}) {
+    this.ttlMs = Number.isFinite(ttlMs) ? Math.max(0, ttlMs) : DEFAULT_TTL_MS;
+    this.db = null;
+    this.dbPromise = null;
+  }
+
+  async init() {
+    if (this.db) {
+      return this.db;
+    }
+    if (this.dbPromise) {
+      return this.dbPromise;
+    }
+
+    this.dbPromise = new Promise((resolve, reject) => {
+      if (typeof indexedDB === "undefined") {
+        reject(new Error("IndexedDB is not supported."));
+        return;
+      }
+
+      const request = indexedDB.open(DB_NAME, DB_VERSION);
+
+      request.onupgradeneeded = (event) => {
+        const db = event.target.result;
+        if (!db.objectStoreNames.contains(STORE_NAME)) {
+          db.createObjectStore(STORE_NAME, { keyPath: "url" });
+        }
+      };
+
+      request.onsuccess = (event) => {
+        this.db = event.target.result;
+        resolve(this.db);
+      };
+
+      request.onerror = () => {
+        reject(request.error || new Error("IndexedDB open failed."));
+      };
+    });
+
+    return this.dbPromise;
+  }
+
+  async withStore(mode, callback) {
+    const db = await this.init();
+    return new Promise((resolve, reject) => {
+      const tx = db.transaction(STORE_NAME, mode);
+      const store = tx.objectStore(STORE_NAME);
+      const request = callback(store);
+
+      tx.oncomplete = () => resolve(request?.result ?? null);
+      tx.onerror = () => reject(tx.error || new Error("IndexedDB transaction failed."));
+      tx.onabort = () => reject(tx.error || new Error("IndexedDB transaction aborted."));
+    });
+  }
+
+  async getCachedPreview(url) {
+    const normalized = normalizeUrl(url);
+    if (!normalized) {
+      return null;
+    }
+    try {
+      const entry = await this.withStore("readonly", (store) => store.get(normalized));
+      if (!entry || typeof entry !== "object") {
+        return null;
+      }
+      const expiresAt = Number(entry.expiresAt) || 0;
+      if (expiresAt && expiresAt < Date.now()) {
+        void this.deletePreview(normalized);
+        return null;
+      }
+      return entry.data || null;
+    } catch (error) {
+      userLogger.warn("[LinkPreviewService] Failed to read cache.", error);
+      return null;
+    }
+  }
+
+  async deletePreview(url) {
+    const normalized = normalizeUrl(url);
+    if (!normalized) {
+      return;
+    }
+    try {
+      await this.withStore("readwrite", (store) => store.delete(normalized));
+    } catch (error) {
+      devLogger.warn("[LinkPreviewService] Failed to clear cached preview.", error);
+    }
+  }
+
+  async setCachedPreview(url, data) {
+    const normalized = normalizeUrl(url);
+    if (!normalized) {
+      return;
+    }
+    const now = Date.now();
+    const payload = {
+      url: normalized,
+      fetchedAt: now,
+      expiresAt: now + this.ttlMs,
+      data,
+    };
+    try {
+      await this.withStore("readwrite", (store) => store.put(payload));
+    } catch (error) {
+      userLogger.warn("[LinkPreviewService] Failed to cache preview.", error);
+    }
+  }
+
+  async getPreview(url, { signal } = {}) {
+    const normalized = normalizeUrl(url);
+    if (!normalized) {
+      return null;
+    }
+    const cached = await this.getCachedPreview(normalized);
+    if (cached) {
+      return cached;
+    }
+    const preview = await this.fetchPreview(normalized, { signal });
+    if (preview) {
+      await this.setCachedPreview(normalized, preview);
+    }
+    return preview;
+  }
+
+  async fetchPreview(url, { signal } = {}) {
+    const normalized = normalizeUrl(url);
+    if (!normalized) {
+      return null;
+    }
+    let response;
+    try {
+      response = await fetch(normalized, {
+        mode: "cors",
+        credentials: "omit",
+        redirect: "follow",
+        signal,
+      });
+    } catch (error) {
+      if (error?.name === "AbortError") {
+        return null;
+      }
+      devLogger.warn("[LinkPreviewService] Preview fetch failed.", error);
+      return null;
+    }
+    if (!response || !response.ok) {
+      return null;
+    }
+    let html = "";
+    try {
+      html = await response.text();
+    } catch (error) {
+      devLogger.warn("[LinkPreviewService] Failed to read preview response.", error);
+      return null;
+    }
+    return this.parsePreview(html, normalized);
+  }
+
+  parsePreview(html, url) {
+    if (!html) {
+      return null;
+    }
+    let doc;
+    try {
+      doc = new DOMParser().parseFromString(html, "text/html");
+    } catch (error) {
+      devLogger.warn("[LinkPreviewService] Failed to parse preview HTML.", error);
+      return null;
+    }
+    const title = resolveFirstMetaContent(doc, [
+      'meta[property="og:title"]',
+      'meta[name="twitter:title"]',
+      'meta[name="title"]',
+    ]) || doc.title?.trim() || "";
+    const description = resolveFirstMetaContent(doc, [
+      'meta[property="og:description"]',
+      'meta[name="twitter:description"]',
+      'meta[name="description"]',
+    ]);
+    const image = resolveFirstMetaContent(doc, [
+      'meta[property="og:image"]',
+      'meta[name="twitter:image"]',
+      'meta[name="twitter:image:src"]',
+    ]);
+    const siteName = resolveFirstMetaContent(doc, [
+      'meta[property="og:site_name"]',
+    ]);
+    const resolvedImage = resolveAbsoluteUrl(image, url);
+
+    return {
+      url,
+      title,
+      description,
+      image: resolvedImage,
+      siteName,
+    };
+  }
+}
diff --git a/dist/js/services/moderationActionController.js b/dist/js/services/moderationActionController.js
new file mode 100644
index 00000000..4ce95cfa
--- /dev/null
+++ b/dist/js/services/moderationActionController.js
@@ -0,0 +1,600 @@
+import { devLogger } from "../utils/logger.js";
+
+export default class ModerationActionController {
+  constructor({
+    services = {},
+    selectors = {},
+    actions = {},
+    auth = {},
+    ui = {},
+  } = {}) {
+    this.services = {
+      setModerationOverride:
+        typeof services.setModerationOverride === "function"
+          ? services.setModerationOverride
+          : null,
+      clearModerationOverride:
+        typeof services.clearModerationOverride === "function"
+          ? services.clearModerationOverride
+          : null,
+      userBlocks:
+        services.userBlocks && typeof services.userBlocks === "object"
+          ? services.userBlocks
+          : null,
+    };
+
+    this.selectors = {
+      getVideoById:
+        typeof selectors.getVideoById === "function"
+          ? selectors.getVideoById
+          : null,
+      getCurrentVideo:
+        typeof selectors.getCurrentVideo === "function"
+          ? selectors.getCurrentVideo
+          : null,
+    };
+
+    this.actions = {
+      decorateVideoModeration:
+        typeof actions.decorateVideoModeration === "function"
+          ? actions.decorateVideoModeration
+          : null,
+      resumePlayback:
+        typeof actions.resumePlayback === "function"
+          ? actions.resumePlayback
+          : null,
+      refreshVideos:
+        typeof actions.refreshVideos === "function"
+          ? actions.refreshVideos
+          : null,
+      showStatus:
+        typeof actions.showStatus === "function" ? actions.showStatus : null,
+      showError:
+        typeof actions.showError === "function" ? actions.showError : null,
+      describeBlockError:
+        typeof actions.describeBlockError === "function"
+          ? actions.describeBlockError
+          : null,
+    };
+
+    this.auth = {
+      isLoggedIn:
+        typeof auth.isLoggedIn === "function" ? auth.isLoggedIn : null,
+      getViewerPubkey:
+        typeof auth.getViewerPubkey === "function"
+          ? auth.getViewerPubkey
+          : null,
+      normalizePubkey:
+        typeof auth.normalizePubkey === "function"
+          ? auth.normalizePubkey
+          : null,
+    };
+
+    this.ui = {
+      refreshCardModerationUi:
+        typeof ui.refreshCardModerationUi === "function"
+          ? ui.refreshCardModerationUi
+          : null,
+      dispatchModerationEvent:
+        typeof ui.dispatchModerationEvent === "function"
+          ? ui.dispatchModerationEvent
+          : null,
+    };
+
+    this.destroyed = false;
+  }
+
+  destroy() {
+    this.destroyed = true;
+  }
+
+  handleOverride({ video, card } = {}) {
+    if (this.destroyed) {
+      return false;
+    }
+
+    if (!video || typeof video !== "object" || !video.id) {
+      return false;
+    }
+
+    this.persistModerationOverride(video);
+
+    const target = this.resolveTargetVideo(video);
+    this.clearHideState(target);
+    this.decorateVideo(target);
+
+    const current = this.getCurrentVideo();
+    if (current && current.id === video.id) {
+      this.clearHideState(current);
+      this.decorateVideo(current);
+    }
+
+    this.refreshCard(card, { reason: "" });
+    this.dispatchModerationEvent("video:moderation-override", { video: target });
+
+    if (target) {
+      this.resumePlayback(target);
+    }
+
+    return true;
+  }
+
+  async handleBlock({ video, card } = {}) {
+    if (this.destroyed) {
+      return false;
+    }
+
+    if (!video || typeof video !== "object" || !video.id) {
+      return false;
+    }
+
+    const { userBlocks } = this.services;
+    if (!userBlocks) {
+      devLogger.warn(
+        "[ModerationActionController] Block action requested but userBlocks service is unavailable.",
+      );
+      return false;
+    }
+
+    if (!this.isUserLoggedIn()) {
+      this.showStatus("Log in to block accounts.", { showSpinner: false });
+      return false;
+    }
+
+    const viewerHex = this.getViewerHex();
+    if (!viewerHex) {
+      this.showError("Select a profile before blocking accounts.");
+      return false;
+    }
+
+    const targetHex = this.getTargetHex(video);
+    if (!targetHex) {
+      this.showError("Unable to determine which account to block.");
+      return false;
+    }
+
+    if (viewerHex === targetHex) {
+      this.showError("You cannot block yourself.");
+      return false;
+    }
+
+    try {
+      await userBlocks.ensureLoaded(viewerHex);
+    } catch (error) {
+      devLogger.warn(
+        "[ModerationActionController] Failed to load block list before blocking:",
+        error,
+      );
+      this.showError("Unable to load your block list. Please try again.");
+      return false;
+    }
+
+    let alreadyBlocked =
+      typeof userBlocks.isBlocked === "function" &&
+      userBlocks.isBlocked(targetHex);
+    let blockApplied = false;
+
+    if (!alreadyBlocked) {
+      try {
+        const result = await userBlocks.addBlock(targetHex, viewerHex);
+        alreadyBlocked = true;
+        blockApplied = result?.already !== true;
+      } catch (error) {
+        const message =
+          this.describeBlockError(error) ||
+          "Failed to block this creator. Please try again.";
+        this.showError(message);
+        devLogger.warn(
+          "[ModerationActionController] Failed to block creator:",
+          error,
+        );
+        return false;
+      }
+    }
+
+    if (alreadyBlocked) {
+      const statusMessage = blockApplied
+        ? "Creator blocked. Their videos will disappear from your feed."
+        : "Creator already blocked. Their videos will disappear from your feed.";
+      this.showStatus(statusMessage, { showSpinner: false });
+    }
+
+    this.clearModerationOverride(video);
+
+    const target = this.resolveTargetVideo(video);
+    this.clearViewerOverride(target);
+    this.clearHideBypass(target);
+    this.decorateVideo(target);
+
+    if (target !== video) {
+      this.clearViewerOverride(video);
+      this.clearHideBypass(video);
+      this.decorateVideo(video);
+    }
+
+    const current = this.getCurrentVideo();
+    if (current && current.id === video.id) {
+      this.clearViewerOverride(current);
+      this.clearHideBypass(current);
+      this.decorateVideo(current);
+    }
+
+    this.refreshCard(card, { reason: "after block" });
+
+    const detail = { video: target };
+    this.dispatchModerationEvent("video:moderation-block", detail);
+    this.dispatchModerationEvent("video:moderation-hide", detail);
+
+    await this.refreshVideosAfterBlock();
+
+    return true;
+  }
+
+  handleHide({ video, card } = {}) {
+    if (this.destroyed) {
+      return false;
+    }
+
+    if (!video || typeof video !== "object" || !video.id) {
+      return false;
+    }
+
+    this.clearModerationOverride(video);
+
+    const target = this.resolveTargetVideo(video);
+    this.clearViewerOverride(target);
+    this.decorateVideo(target);
+
+    const current = this.getCurrentVideo();
+    if (current && current.id === video.id) {
+      this.clearViewerOverride(current);
+      this.decorateVideo(current);
+    }
+
+    this.refreshCard(card, { reason: "after hide" });
+    this.dispatchModerationEvent("video:moderation-hide", { video: target });
+
+    return true;
+  }
+
+  resolveTargetVideo(video) {
+    if (!video || typeof video !== "object" || !video.id) {
+      return null;
+    }
+
+    if (!this.selectors.getVideoById) {
+      return video;
+    }
+
+    try {
+      const stored = this.selectors.getVideoById(video.id);
+      return stored || video;
+    } catch (error) {
+      devLogger.warn(
+        "[ModerationActionController] Failed to resolve video by id:",
+        error,
+      );
+      return video;
+    }
+  }
+
+  getCurrentVideo() {
+    if (!this.selectors.getCurrentVideo) {
+      return null;
+    }
+
+    try {
+      return this.selectors.getCurrentVideo();
+    } catch (error) {
+      devLogger.warn(
+        "[ModerationActionController] Failed to resolve current video:",
+        error,
+      );
+      return null;
+    }
+  }
+
+  clearHideState(video) {
+    const moderation = this.getModerationState(video);
+    if (!moderation) {
+      return;
+    }
+
+    if (moderation.hidden) {
+      delete moderation.hidden;
+    }
+    if (moderation.hideReason) {
+      delete moderation.hideReason;
+    }
+    if (moderation.hideCounts) {
+      delete moderation.hideCounts;
+    }
+    if (moderation.hideBypass) {
+      delete moderation.hideBypass;
+    }
+  }
+
+  clearViewerOverride(video) {
+    const moderation = this.getModerationState(video);
+    if (moderation?.viewerOverride) {
+      delete moderation.viewerOverride;
+    }
+  }
+
+  clearHideBypass(video) {
+    const moderation = this.getModerationState(video);
+    if (moderation?.hideBypass) {
+      delete moderation.hideBypass;
+    }
+  }
+
+  getModerationState(video) {
+    if (!video || typeof video !== "object") {
+      return null;
+    }
+
+    const moderation = video.moderation;
+    if (!moderation || typeof moderation !== "object") {
+      return null;
+    }
+
+    return moderation;
+  }
+
+  decorateVideo(video) {
+    if (!video || !this.actions.decorateVideoModeration) {
+      return;
+    }
+
+    try {
+      this.actions.decorateVideoModeration(video);
+    } catch (error) {
+      devLogger.warn(
+        "[ModerationActionController] Failed to decorate video moderation:",
+        error,
+      );
+    }
+  }
+
+  refreshCard(card, { reason } = {}) {
+    if (!card) {
+      return;
+    }
+
+    if (this.ui.refreshCardModerationUi) {
+      this.ui.refreshCardModerationUi(card, { reason });
+      return;
+    }
+
+    if (typeof card.refreshModerationUi === "function") {
+      try {
+        card.refreshModerationUi();
+      } catch (error) {
+        const suffix = reason ? ` ${reason}` : "";
+        devLogger.warn(
+          `[ModerationActionController] Failed to refresh moderation UI${suffix}:`,
+          error,
+        );
+      }
+    }
+  }
+
+  dispatchModerationEvent(eventName, detail = {}) {
+    if (this.ui.dispatchModerationEvent) {
+      this.ui.dispatchModerationEvent(eventName, detail);
+      return;
+    }
+
+    const doc =
+      typeof document !== "undefined" && document
+        ? document
+        : null;
+    if (!doc || typeof doc.dispatchEvent !== "function") {
+      return;
+    }
+
+    try {
+      doc.dispatchEvent(new CustomEvent(eventName, { detail }));
+    } catch (error) {
+      devLogger.warn(
+        `[ModerationActionController] Failed to dispatch ${eventName}:`,
+        error,
+      );
+    }
+  }
+
+  resumePlayback(video) {
+    if (!video || !this.actions.resumePlayback) {
+      return;
+    }
+
+    try {
+      this.actions.resumePlayback(video);
+    } catch (error) {
+      devLogger.warn(
+        "[ModerationActionController] Failed to resume moderated playback:",
+        error,
+      );
+    }
+  }
+
+  async refreshVideosAfterBlock() {
+    if (!this.actions.refreshVideos) {
+      return;
+    }
+
+    try {
+      await this.actions.refreshVideos({ reason: "user-block-update" });
+    } catch (error) {
+      devLogger.warn(
+        "[ModerationActionController] Failed to refresh videos after block:",
+        error,
+      );
+    }
+  }
+
+  getModerationOverrideDescriptor(video) {
+    if (!video || typeof video !== "object") {
+      return null;
+    }
+
+    const eventId = video.id;
+    if (!eventId) {
+      return null;
+    }
+
+    const rawAuthor =
+      typeof video.pubkey === "string"
+        ? video.pubkey
+        : typeof video.author?.pubkey === "string"
+        ? video.author.pubkey
+        : "";
+    const normalizedAuthor =
+      rawAuthor && this.auth.normalizePubkey
+        ? this.auth.normalizePubkey(rawAuthor)
+        : rawAuthor;
+
+    return {
+      eventId,
+      authorPubkey: normalizedAuthor || "",
+    };
+  }
+
+  persistModerationOverride(video) {
+    if (!this.services.setModerationOverride) {
+      return;
+    }
+
+    const descriptor = this.getModerationOverrideDescriptor(video);
+    if (!descriptor) {
+      return;
+    }
+
+    try {
+      this.services.setModerationOverride(descriptor, {
+        showAnyway: true,
+        updatedAt: Date.now(),
+      });
+    } catch (error) {
+      devLogger.warn(
+        "[ModerationActionController] Failed to persist moderation override:",
+        error,
+      );
+    }
+  }
+
+  clearModerationOverride(video) {
+    if (!this.services.clearModerationOverride) {
+      return;
+    }
+
+    const descriptor = this.getModerationOverrideDescriptor(video);
+    if (!descriptor) {
+      return;
+    }
+
+    try {
+      this.services.clearModerationOverride(descriptor);
+    } catch (error) {
+      devLogger.warn(
+        "[ModerationActionController] Failed to clear moderation override:",
+        error,
+      );
+    }
+  }
+
+  isUserLoggedIn() {
+    if (!this.auth.isLoggedIn) {
+      return false;
+    }
+
+    try {
+      return this.auth.isLoggedIn();
+    } catch (error) {
+      devLogger.warn(
+        "[ModerationActionController] Failed to evaluate login state:",
+        error,
+      );
+      return false;
+    }
+  }
+
+  getViewerHex() {
+    if (!this.auth.getViewerPubkey || !this.auth.normalizePubkey) {
+      return null;
+    }
+
+    try {
+      const pubkey = this.auth.getViewerPubkey();
+      return pubkey ? this.auth.normalizePubkey(pubkey) : null;
+    } catch (error) {
+      devLogger.warn(
+        "[ModerationActionController] Failed to resolve viewer pubkey:",
+        error,
+      );
+      return null;
+    }
+  }
+
+  getTargetHex(video) {
+    if (!video || !this.auth.normalizePubkey) {
+      return null;
+    }
+
+    try {
+      return this.auth.normalizePubkey(video?.pubkey);
+    } catch (error) {
+      devLogger.warn(
+        "[ModerationActionController] Failed to normalize target pubkey:",
+        error,
+      );
+      return null;
+    }
+  }
+
+  showStatus(message, options) {
+    if (!this.actions.showStatus) {
+      return;
+    }
+
+    try {
+      this.actions.showStatus(message, options);
+    } catch (error) {
+      devLogger.warn(
+        "[ModerationActionController] Failed to show status message:",
+        error,
+      );
+    }
+  }
+
+  showError(message) {
+    if (!this.actions.showError) {
+      return;
+    }
+
+    try {
+      this.actions.showError(message);
+    } catch (error) {
+      devLogger.warn(
+        "[ModerationActionController] Failed to show error message:",
+        error,
+      );
+    }
+  }
+
+  describeBlockError(error) {
+    if (!this.actions.describeBlockError) {
+      return "";
+    }
+
+    try {
+      return this.actions.describeBlockError(error);
+    } catch (describeError) {
+      devLogger.warn(
+        "[ModerationActionController] Failed to describe block error:",
+        describeError,
+      );
+      return "";
+    }
+  }
+}
diff --git a/dist/js/services/moderationDecorator.js b/dist/js/services/moderationDecorator.js
new file mode 100644
index 00000000..2236462f
--- /dev/null
+++ b/dist/js/services/moderationDecorator.js
@@ -0,0 +1,507 @@
+// js/services/moderationDecorator.js
+
+import { getTrustedMuteHideThreshold, getTrustedSpamHideThreshold, DEFAULT_BLUR_THRESHOLD, DEFAULT_AUTOPLAY_BLOCK_THRESHOLD, DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD, DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD } from "../constants.js";
+import { formatShortNpub } from "../utils/formatters.js";
+import { getModerationOverride, getModerationSettings, getDefaultModerationSettings } from "../state/cache.js";
+import { userLogger } from "../utils/logger.js";
+
+/**
+ * Service class that handles decorating video objects with moderation state.
+ * Extracts complex logic from Application class.
+ */
+export class ModerationDecorator {
+  constructor(services = {}) {
+    this.services = {
+        getProfileCacheEntry: services.getProfileCacheEntry || (() => null),
+    };
+    this.moderationSettings = this.normalizeModerationSettings(getModerationSettings());
+  }
+
+  deriveModerationReportType(summary) {
+    if (!summary || typeof summary !== "object") {
+      return "";
+    }
+
+    const types = summary.types && typeof summary.types === "object" ? summary.types : null;
+    if (!types) {
+      return "";
+    }
+
+    let bestType = "";
+    let bestScore = -1;
+    for (const [type, stats] of Object.entries(types)) {
+      if (!stats || typeof stats !== "object") {
+        continue;
+      }
+      const trusted = Number.isFinite(stats.trusted) ? Math.floor(stats.trusted) : 0;
+      if (trusted > bestScore) {
+        bestScore = trusted;
+        bestType = typeof type === "string" ? type : bestType;
+      }
+    }
+
+    return typeof bestType === "string" ? bestType.toLowerCase() : "";
+  }
+
+  deriveModerationTrustedCount(summary, reportType) {
+    if (!summary || typeof summary !== "object") {
+      return 0;
+    }
+
+    const normalizedType = typeof reportType === "string" ? reportType.toLowerCase() : "";
+    const types = summary.types && typeof summary.types === "object" ? summary.types : {};
+
+    if (normalizedType && types[normalizedType]) {
+      const entry = types[normalizedType];
+      if (entry && Number.isFinite(entry.trusted)) {
+        return Math.max(0, Math.floor(entry.trusted));
+      }
+    }
+
+    if (Number.isFinite(summary.totalTrusted)) {
+      return Math.max(0, Math.floor(summary.totalTrusted));
+    }
+
+    for (const stats of Object.values(types)) {
+      if (stats && Number.isFinite(stats.trusted)) {
+        return Math.max(0, Math.floor(stats.trusted));
+      }
+    }
+
+    return 0;
+  }
+
+  getReporterDisplayName(pubkey) {
+    if (typeof pubkey !== "string") {
+      return "";
+    }
+
+    const trimmed = pubkey.trim();
+    if (!trimmed) {
+      return "";
+    }
+
+    const cachedProfile = this.services.getProfileCacheEntry(trimmed);
+    const cachedName = cachedProfile?.profile?.name;
+    if (typeof cachedName === "string" && cachedName.trim()) {
+      return cachedName.trim();
+    }
+
+    try {
+      if (typeof window !== "undefined" && window.NostrTools?.nip19?.npubEncode) {
+        const encoded = window.NostrTools.nip19.npubEncode(trimmed);
+        if (encoded && typeof encoded === "string") {
+          return formatShortNpub(encoded);
+        }
+      }
+    } catch (error) {
+      userLogger.warn("[Application] Failed to encode reporter npub", error);
+    }
+
+    return formatShortNpub(trimmed);
+  }
+
+  normalizeModerationSettings(settings = null) {
+    const defaults = this.defaultModerationSettings || getDefaultModerationSettings();
+    const sanitizeThresholdMap = (value, fallback = {}) => {
+      const fallbackMap = fallback && typeof fallback === "object" ? fallback : {};
+      if (!value || typeof value !== "object") {
+        return { ...fallbackMap };
+      }
+      const sanitized = {};
+      for (const [key, entry] of Object.entries(value)) {
+        if (typeof key !== "string") {
+          continue;
+        }
+        const normalizedKey = key.trim().toLowerCase();
+        if (!normalizedKey) {
+          continue;
+        }
+        const numeric = Number(entry);
+        if (Number.isFinite(numeric)) {
+          sanitized[normalizedKey] = Math.max(0, Math.floor(numeric));
+        }
+      }
+      return { ...fallbackMap, ...sanitized };
+    };
+    const defaultBlur = Number.isFinite(defaults?.blurThreshold)
+      ? Math.max(0, Math.floor(defaults.blurThreshold))
+      : DEFAULT_BLUR_THRESHOLD;
+    const defaultAutoplay = Number.isFinite(defaults?.autoplayBlockThreshold)
+      ? Math.max(0, Math.floor(defaults.autoplayBlockThreshold))
+      : DEFAULT_AUTOPLAY_BLOCK_THRESHOLD;
+
+    const runtimeMuteSource = getTrustedMuteHideThreshold();
+    const runtimeTrustedMute = Number.isFinite(runtimeMuteSource)
+      ? Math.max(0, Math.floor(runtimeMuteSource))
+      : DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD;
+    const defaultTrustedMuteHide = Number.isFinite(
+      defaults?.trustedMuteHideThreshold,
+    )
+      ? Math.max(0, Math.floor(defaults.trustedMuteHideThreshold))
+      : runtimeTrustedMute;
+
+    const runtimeSpamSource = getTrustedSpamHideThreshold();
+    const runtimeTrustedSpam = Number.isFinite(runtimeSpamSource)
+      ? Math.max(0, Math.floor(runtimeSpamSource))
+      : DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD;
+    const defaultTrustedSpamHide = Number.isFinite(
+      defaults?.trustedSpamHideThreshold,
+    )
+      ? Math.max(0, Math.floor(defaults.trustedSpamHideThreshold))
+      : runtimeTrustedSpam;
+
+    const defaultTrustedMuteHideThresholds = sanitizeThresholdMap(
+      defaults?.trustedMuteHideThresholds,
+      {},
+    );
+
+    const blurSource = Number.isFinite(settings?.blurThreshold)
+      ? Math.max(0, Math.floor(settings.blurThreshold))
+      : defaultBlur;
+    const autoplaySource = Number.isFinite(settings?.autoplayBlockThreshold)
+      ? Math.max(0, Math.floor(settings.autoplayBlockThreshold))
+      : defaultAutoplay;
+    const muteHideSource = Number.isFinite(settings?.trustedMuteHideThreshold)
+      ? Math.max(0, Math.floor(settings.trustedMuteHideThreshold))
+      : defaultTrustedMuteHide;
+    const spamHideSource = Number.isFinite(settings?.trustedSpamHideThreshold)
+      ? Math.max(0, Math.floor(settings.trustedSpamHideThreshold))
+      : defaultTrustedSpamHide;
+    const muteHideThresholdsSource = sanitizeThresholdMap(
+      settings?.trustedMuteHideThresholds,
+      defaultTrustedMuteHideThresholds,
+    );
+
+    return {
+      blurThreshold: blurSource,
+      autoplayBlockThreshold: autoplaySource,
+      trustedMuteHideThreshold: muteHideSource,
+      trustedMuteHideThresholds: muteHideThresholdsSource,
+      trustedSpamHideThreshold: spamHideSource,
+    };
+  }
+
+  getActiveModerationThresholds() {
+    this.moderationSettings = this.normalizeModerationSettings(this.moderationSettings);
+    return { ...this.moderationSettings };
+  }
+
+  updateSettings(settings) {
+     this.moderationSettings = this.normalizeModerationSettings(settings);
+  }
+
+  decorateVideo(video, feedContext = {}) {
+    if (!video || typeof video !== "object") {
+      return video;
+    }
+
+    const existingModeration =
+      video.moderation && typeof video.moderation === "object"
+        ? { ...video.moderation }
+        : {};
+
+    const summary =
+      existingModeration.summary && typeof existingModeration.summary === "object"
+        ? existingModeration.summary
+        : null;
+
+    const rawReportType =
+      typeof existingModeration.reportType === "string" &&
+      existingModeration.reportType.trim()
+        ? existingModeration.reportType.trim().toLowerCase()
+        : "";
+
+    const reportType = rawReportType || this.deriveModerationReportType(summary) || "";
+
+    const sanitizedReporters = Array.isArray(existingModeration.trustedReporters)
+      ? existingModeration.trustedReporters
+          .map((entry) => {
+            if (!entry || typeof entry !== "object") {
+              return null;
+            }
+            const pubkey =
+              typeof entry.pubkey === "string" ? entry.pubkey.trim().toLowerCase() : "";
+            if (!pubkey) {
+              return null;
+            }
+            const latest = Number.isFinite(entry.latest)
+              ? Math.floor(entry.latest)
+              : 0;
+            return { pubkey, latest };
+          })
+          .filter(Boolean)
+      : [];
+
+    const reporterPubkeys = sanitizedReporters.map((entry) => entry.pubkey);
+
+    const rawTrustedMuters = Array.isArray(existingModeration.trustedMuters)
+      ? existingModeration.trustedMuters
+          .map((value) => (typeof value === "string" ? value.trim().toLowerCase() : ""))
+          .filter(Boolean)
+      : [];
+
+    const trustedMuteCount = Number.isFinite(existingModeration.trustedMuteCount)
+      ? Math.max(0, Math.floor(existingModeration.trustedMuteCount))
+      : rawTrustedMuters.length;
+
+    const trustedMuted = existingModeration.trustedMuted === true || trustedMuteCount > 0;
+
+    const reporterDisplayNames = [];
+    const seenNames = new Set();
+    for (const reporterPubkey of reporterPubkeys) {
+      const name = this.getReporterDisplayName(reporterPubkey);
+      if (!name) {
+        continue;
+      }
+      const normalizedName = name.trim();
+      if (!normalizedName) {
+        continue;
+      }
+      const key = normalizedName.toLowerCase();
+      if (seenNames.has(key)) {
+        continue;
+      }
+      seenNames.add(key);
+      reporterDisplayNames.push(normalizedName);
+    }
+
+    const trustedMuterDisplayNames = [];
+    if (trustedMuted) {
+      const seenMuteNames = new Set();
+      for (const muterPubkey of rawTrustedMuters) {
+        const name = this.getReporterDisplayName(muterPubkey);
+        if (!name) {
+          continue;
+        }
+        const normalizedName = name.trim();
+        if (!normalizedName) {
+          continue;
+        }
+        const key = normalizedName.toLowerCase();
+        if (seenMuteNames.has(key)) {
+          continue;
+        }
+        seenMuteNames.add(key);
+        trustedMuterDisplayNames.push(normalizedName);
+      }
+    }
+
+    const trustedCount = Number.isFinite(existingModeration.trustedCount)
+      ? Math.max(0, Math.floor(existingModeration.trustedCount))
+      : this.deriveModerationTrustedCount(summary, reportType);
+
+    const viewerMuted = existingModeration.viewerMuted === true;
+    const existingBlockAutoplay = existingModeration.blockAutoplay === true;
+    const existingBlurThumbnail = existingModeration.blurThumbnail === true;
+    const existingBlurReason =
+      typeof existingModeration.blurReason === "string"
+        ? existingModeration.blurReason.trim()
+        : "";
+
+    const thresholds = this.getActiveModerationThresholds();
+    const computedBlockAutoplayBase =
+      trustedCount >= thresholds.autoplayBlockThreshold || trustedMuted;
+    const computedBlockAutoplay =
+      computedBlockAutoplayBase || viewerMuted || existingBlockAutoplay;
+
+    const blurFromReports = trustedCount >= thresholds.blurThreshold;
+    let computedBlurThumbnail =
+      blurFromReports || trustedMuted || viewerMuted || existingBlurThumbnail;
+    let computedBlurReason = "";
+
+    if (blurFromReports) {
+      computedBlurReason = "trusted-report";
+    } else if (trustedMuted) {
+      computedBlurReason = "trusted-mute";
+    } else if (viewerMuted) {
+      computedBlurReason = "viewer-mute";
+    } else if (existingBlurThumbnail && existingBlurReason) {
+      computedBlurReason = existingBlurReason;
+    }
+
+    const muteHideThreshold = Number.isFinite(thresholds.trustedMuteHideThreshold)
+      ? Math.max(0, Math.floor(thresholds.trustedMuteHideThreshold))
+      : Number.POSITIVE_INFINITY;
+    const reportHideThreshold = Number.isFinite(thresholds.trustedSpamHideThreshold)
+      ? Math.max(0, Math.floor(thresholds.trustedSpamHideThreshold))
+      : Number.POSITIVE_INFINITY;
+
+    const existingHideReason =
+      typeof existingModeration.hideReason === "string"
+        ? existingModeration.hideReason.trim() : "";
+    const existingHideBypass =
+      typeof existingModeration.hideBypass === "string"
+        ? existingModeration.hideBypass.trim() : "";
+    const existingHideCounts =
+      existingModeration.hideCounts && typeof existingModeration.hideCounts === "object"
+        ? existingModeration.hideCounts
+        : null;
+
+    let hideReason = "";
+    let hideTriggered = false;
+
+    if (trustedMuted && trustedMuteCount >= muteHideThreshold) {
+      hideReason = "trusted-mute-hide";
+      hideTriggered = true;
+    } else if (trustedCount >= reportHideThreshold) {
+      hideReason = "trusted-report-hide";
+      hideTriggered = true;
+    } else if (existingHideReason && existingHideCounts) {
+      hideReason = existingHideReason;
+      hideTriggered = true;
+    }
+
+    if (!computedBlurThumbnail && (viewerMuted || trustedMuted || hideTriggered)) {
+      computedBlurThumbnail = true;
+      if (hideTriggered) {
+        computedBlurReason = hideReason || "trusted-hide";
+      } else if (viewerMuted) {
+        computedBlurReason = "viewer-mute";
+      } else if (trustedMuted) {
+        computedBlurReason = "trusted-mute";
+      }
+    } else if (computedBlurThumbnail) {
+      if (hideTriggered) {
+        computedBlurReason = hideReason || "trusted-hide";
+      } else if (viewerMuted && !blurFromReports && !trustedMuted) {
+        computedBlurReason = "viewer-mute";
+      } else if (trustedMuted && !blurFromReports) {
+        computedBlurReason = "trusted-mute";
+      } else if (!computedBlurReason && blurFromReports) {
+        computedBlurReason = "trusted-report";
+      }
+    }
+
+    if (computedBlurThumbnail && !computedBlurReason && existingBlurReason) {
+      computedBlurReason = existingBlurReason;
+    }
+
+    const hideCounts = hideTriggered
+      ? {
+          trustedMuteCount,
+          trustedReportCount: trustedCount,
+        }
+      : null;
+
+    const FEED_HIDE_BYPASS_NAMES = new Set(["home", "recent"]);
+    const normalizedFeedName =
+      typeof feedContext?.feedName === "string" ? feedContext.feedName.trim().toLowerCase() : "";
+    const normalizedFeedVariant =
+      typeof feedContext?.feedVariant === "string"
+        ? feedContext.feedVariant.trim().toLowerCase()
+        : "";
+    const feedPolicyBypass =
+      (normalizedFeedName && FEED_HIDE_BYPASS_NAMES.has(normalizedFeedName)) ||
+      (normalizedFeedVariant && FEED_HIDE_BYPASS_NAMES.has(normalizedFeedVariant));
+
+    let hideBypass = hideTriggered ? existingHideBypass : "";
+
+    if (hideTriggered && !hideBypass && feedPolicyBypass) {
+      hideBypass = "feed-policy";
+    }
+
+    const computedHidden = hideTriggered && !hideBypass;
+
+    const overrideEntry = getModerationOverride({
+      eventId: video.id,
+      authorPubkey: video.pubkey || video.author?.pubkey || "",
+    });
+    const overrideActive = overrideEntry?.showAnyway === true;
+    const overrideUpdatedAt = Number.isFinite(overrideEntry?.updatedAt)
+      ? Math.floor(overrideEntry.updatedAt)
+      : Date.now();
+
+    const originalHideCounts = hideCounts
+      ? {
+          trustedMuteCount: Math.max(0, Math.floor(hideCounts.trustedMuteCount)),
+          trustedReportCount: Math.max(0, Math.floor(hideCounts.trustedReportCount)),
+        }
+      : null;
+
+    const originalState = {
+      blockAutoplay: computedBlockAutoplay,
+      blurThumbnail: computedBlurThumbnail,
+      hidden: computedHidden,
+      hideReason: hideTriggered ? hideReason : "",
+      hideCounts: originalHideCounts,
+      hideBypass,
+      hideTriggered,
+      blurReason: computedBlurThumbnail ? computedBlurReason : "",
+    };
+
+    const decoratedModeration = {
+      ...existingModeration,
+      reportType,
+      trustedCount,
+      trustedReporters: sanitizedReporters,
+      reporterPubkeys,
+      reporterDisplayNames,
+      trustedMuted,
+      trustedMuters: rawTrustedMuters,
+      trustedMuteCount,
+      trustedMuterDisplayNames,
+      blurReason: computedBlurThumbnail ? computedBlurReason : "",
+      original: {
+        blockAutoplay: originalState.blockAutoplay,
+        blurThumbnail: originalState.blurThumbnail,
+        hidden: originalState.hidden,
+        hideReason: originalState.hideReason,
+        hideCounts: originalState.hideCounts,
+        hideBypass: originalState.hideBypass,
+        hideTriggered: originalState.hideTriggered,
+        blurReason: originalState.blurReason,
+      },
+    };
+
+    if (!computedBlurThumbnail && decoratedModeration.blurReason) {
+      delete decoratedModeration.blurReason;
+    }
+
+    if (overrideActive) {
+      decoratedModeration.blockAutoplay = false;
+      decoratedModeration.blurThumbnail = false;
+      decoratedModeration.hidden = false;
+      if (decoratedModeration.hideReason) {
+        delete decoratedModeration.hideReason;
+      }
+      if (decoratedModeration.hideCounts) {
+        delete decoratedModeration.hideCounts;
+      }
+      if (decoratedModeration.hideBypass) {
+        delete decoratedModeration.hideBypass;
+      }
+      decoratedModeration.viewerOverride = {
+        showAnyway: true,
+        updatedAt: overrideUpdatedAt,
+      };
+    } else {
+      decoratedModeration.blockAutoplay = originalState.blockAutoplay;
+      decoratedModeration.blurThumbnail = originalState.blurThumbnail;
+      decoratedModeration.hidden = originalState.hidden;
+      if (originalState.hideReason) {
+        decoratedModeration.hideReason = originalState.hideReason;
+      } else if (decoratedModeration.hideReason) {
+        delete decoratedModeration.hideReason;
+      }
+      if (originalState.hideCounts) {
+        decoratedModeration.hideCounts = { ...originalState.hideCounts };
+      } else if (decoratedModeration.hideCounts) {
+        delete decoratedModeration.hideCounts;
+      }
+      if (originalState.hideBypass) {
+        decoratedModeration.hideBypass = originalState.hideBypass;
+      } else if (decoratedModeration.hideBypass) {
+        delete decoratedModeration.hideBypass;
+      }
+      if (decoratedModeration.viewerOverride) {
+        delete decoratedModeration.viewerOverride;
+      }
+    }
+
+    video.moderation = decoratedModeration;
+    return video;
+  }
+}
+
+export default ModerationDecorator;
diff --git a/dist/js/services/moderationService.js b/dist/js/services/moderationService.js
new file mode 100644
index 00000000..8e47fef3
--- /dev/null
+++ b/dist/js/services/moderationService.js
@@ -0,0 +1,2549 @@
+import {
+  getActiveSigner,
+  nostrClient,
+  requestDefaultExtensionPermissions,
+} from "../nostrClientFacade.js";
+import { publishEventToRelays, assertAnyRelayAccepted } from "../nostrPublish.js";
+import { accessControl } from "../accessControl.js";
+import { userBlocks, USER_BLOCK_EVENTS } from "../userBlocks.js";
+import { buildReportEvent } from "../nostrEventSchemas.js";
+import logger from "../utils/logger.js";
+
+const AUTOPLAY_TRUST_THRESHOLD = 1;
+const BLUR_TRUST_THRESHOLD = 1;
+const TRUSTED_MUTE_WINDOW_DAYS = 60;
+const TRUSTED_MUTE_WINDOW_SECONDS = TRUSTED_MUTE_WINDOW_DAYS * 24 * 60 * 60;
+
+function normalizeUserLogger(candidate) {
+  if (
+    candidate &&
+    typeof candidate === "object" &&
+    typeof candidate.info === "function"
+  ) {
+    return candidate;
+  }
+  return logger.user;
+}
+
+class SimpleEventEmitter {
+  constructor(logHandler = null) {
+    this.listeners = new Map();
+    this.logHandler = typeof logHandler === "function" ? logHandler : null;
+  }
+
+  on(eventName, handler) {
+    if (typeof eventName !== "string" || typeof handler !== "function") {
+      return () => {};
+    }
+
+    if (!this.listeners.has(eventName)) {
+      this.listeners.set(eventName, new Set());
+    }
+
+    const handlers = this.listeners.get(eventName);
+    handlers.add(handler);
+
+    return () => {
+      handlers.delete(handler);
+      if (!handlers.size) {
+        this.listeners.delete(eventName);
+      }
+    };
+  }
+
+  emit(eventName, detail) {
+    const handlers = this.listeners.get(eventName);
+    if (!handlers || !handlers.size) {
+      return;
+    }
+
+    for (const handler of Array.from(handlers)) {
+      try {
+        handler(detail);
+      } catch (error) {
+        if (this.logHandler) {
+          try {
+            this.logHandler(`moderationService listener for "${eventName}" threw`, error);
+          } catch (logError) {
+            logger.user.warn("[moderationService] listener logger threw", logError);
+          }
+        }
+      }
+    }
+  }
+}
+
+function normalizeLogger(candidate) {
+  if (typeof candidate === "function") {
+    return candidate;
+  }
+  if (candidate && typeof candidate.log === "function") {
+    return (...args) => candidate.log(...args);
+  }
+  if (
+    candidate &&
+    typeof candidate.dev === "object" &&
+    typeof candidate.dev.log === "function"
+  ) {
+    return (...args) => candidate.dev.log(...args);
+  }
+  return () => {};
+}
+
+function normalizeHex(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  const trimmed = value.trim().toLowerCase();
+  return trimmed && /^[0-9a-f]{40,64}$/i.test(trimmed) ? trimmed : "";
+}
+
+function normalizeEventId(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  const trimmed = value.trim().toLowerCase();
+  return trimmed && /^[0-9a-f]{64}$/i.test(trimmed) ? trimmed : "";
+}
+
+function normalizeReportType(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  const trimmed = value.trim().toLowerCase();
+  return trimmed ? trimmed : "";
+}
+
+function isRelayHint(value) {
+  if (typeof value !== "string") {
+    return false;
+  }
+  const trimmed = value.trim().toLowerCase();
+  return (
+    trimmed.startsWith("wss://") ||
+    trimmed.startsWith("ws://") ||
+    trimmed.startsWith("https://") ||
+    trimmed.startsWith("http://")
+  );
+}
+
+function normalizeMuteCategory(value) {
+  return normalizeReportType(value);
+}
+
+function extractMuteCategoryFromTag(tag) {
+  if (!Array.isArray(tag)) {
+    return "";
+  }
+
+  const direct = normalizeMuteCategory(tag[3]);
+  if (direct) {
+    return direct;
+  }
+
+  const fallback = typeof tag[2] === "string" && !isRelayHint(tag[2])
+    ? normalizeMuteCategory(tag[2])
+    : "";
+  return fallback;
+}
+
+function cloneSummary(summary) {
+  if (!summary || typeof summary !== "object") {
+    return { eventId: "", totalTrusted: 0, types: {}, updatedAt: 0 };
+  }
+  const types = summary.types && typeof summary.types === "object" ? summary.types : {};
+  const clonedTypes = {};
+  for (const [key, value] of Object.entries(types)) {
+    if (!value || typeof value !== "object") {
+      continue;
+    }
+    clonedTypes[key] = {
+      trusted: Number.isFinite(value.trusted) ? value.trusted : 0,
+      total: Number.isFinite(value.total) ? value.total : 0,
+      latest: Number.isFinite(value.latest) ? value.latest : 0,
+    };
+  }
+  return {
+    eventId: typeof summary.eventId === "string" ? summary.eventId : "",
+    totalTrusted: Number.isFinite(summary.totalTrusted) ? summary.totalTrusted : 0,
+    types: clonedTypes,
+    updatedAt: Number.isFinite(summary.updatedAt) ? summary.updatedAt : 0,
+  };
+}
+
+function getNostrTools() {
+  if (typeof window !== "undefined" && window?.NostrTools) {
+    return window.NostrTools;
+  }
+  if (typeof globalThis !== "undefined" && globalThis?.NostrTools) {
+    return globalThis.NostrTools;
+  }
+  return null;
+}
+
+function bytesToHex(bytes) {
+  if (!bytes || typeof bytes.length !== "number") {
+    return "";
+  }
+
+  let hex = "";
+  for (let index = 0; index < bytes.length; index += 1) {
+    const value = bytes[index];
+    if (typeof value !== "number") {
+      return "";
+    }
+    const normalized = value & 0xff;
+    hex += normalized.toString(16).padStart(2, "0");
+  }
+  return hex;
+}
+
+const BECH32_CHARSET = "qpzry9x8gf2tvdw0s3jn54khce6mua7l";
+const BECH32_CHARSET_MAP = (() => {
+  const map = new Map();
+  for (let index = 0; index < BECH32_CHARSET.length; index += 1) {
+    map.set(BECH32_CHARSET[index], index);
+  }
+  return map;
+})();
+
+function bech32Polymod(values) {
+  let chk = 1;
+  const generators = [0x3b6a57b2, 0x26508e6d, 0x1ea119fa, 0x3d4233dd, 0x2a1462b3];
+
+  for (const value of values) {
+    const top = chk >>> 25;
+    chk = ((chk & 0x1ffffff) << 5) ^ value;
+    for (let bit = 0; bit < generators.length; bit += 1) {
+      if ((top >>> bit) & 1) {
+        chk ^= generators[bit];
+      }
+    }
+  }
+
+  return chk;
+}
+
+function bech32HrpExpand(hrp) {
+  const expanded = [];
+  for (let index = 0; index < hrp.length; index += 1) {
+    const code = hrp.charCodeAt(index);
+    expanded.push(code >>> 5);
+  }
+  expanded.push(0);
+  for (let index = 0; index < hrp.length; index += 1) {
+    const code = hrp.charCodeAt(index);
+    expanded.push(code & 31);
+  }
+  return expanded;
+}
+
+function bech32VerifyChecksum(hrp, data) {
+  return bech32Polymod(bech32HrpExpand(hrp).concat(data)) === 1;
+}
+
+function bech32Decode(value) {
+  if (typeof value !== "string") {
+    return null;
+  }
+
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return null;
+  }
+
+  const lower = trimmed.toLowerCase();
+  const upper = trimmed.toUpperCase();
+  if (trimmed !== lower && trimmed !== upper) {
+    return null;
+  }
+
+  const normalized = lower;
+  const separatorIndex = normalized.lastIndexOf("1");
+  if (separatorIndex < 1 || separatorIndex + 7 > normalized.length) {
+    return null;
+  }
+
+  const hrp = normalized.slice(0, separatorIndex);
+  const data = [];
+  for (let index = separatorIndex + 1; index < normalized.length; index += 1) {
+    const char = normalized[index];
+    if (!BECH32_CHARSET_MAP.has(char)) {
+      return null;
+    }
+    data.push(BECH32_CHARSET_MAP.get(char));
+  }
+
+  if (!bech32VerifyChecksum(hrp, data)) {
+    return null;
+  }
+
+  return { hrp, words: data.slice(0, -6) };
+}
+
+function convertBits(data, fromBits, toBits, pad = true) {
+  const result = [];
+  let acc = 0;
+  let bits = 0;
+  const maxv = (1 << toBits) - 1;
+  const maxAcc = (1 << (fromBits + toBits - 1)) - 1;
+
+  for (const value of data) {
+    if (value < 0 || value >> fromBits) {
+      return null;
+    }
+    acc = ((acc << fromBits) | value) & maxAcc;
+    bits += fromBits;
+    while (bits >= toBits) {
+      bits -= toBits;
+      result.push((acc >>> bits) & maxv);
+    }
+  }
+
+  if (pad) {
+    if (bits) {
+      result.push((acc << (toBits - bits)) & maxv);
+    }
+  } else if (bits >= fromBits || ((acc << (toBits - bits)) & maxv)) {
+    return null;
+  }
+
+  return result;
+}
+
+function fallbackDecodeNpubToHex(value) {
+  const decoded = bech32Decode(value);
+  if (!decoded || decoded.hrp !== "npub") {
+    return "";
+  }
+
+  const bytes = convertBits(decoded.words, 5, 8, false);
+  if (!bytes || !bytes.length) {
+    return "";
+  }
+
+  return bytes.map((byte) => byte.toString(16).padStart(2, "0")).join("");
+}
+
+function decodeToHex(candidate) {
+  if (typeof candidate !== "string") {
+    return "";
+  }
+
+  const trimmed = candidate.trim();
+  if (!trimmed) {
+    return "";
+  }
+
+  try {
+    const tools = getNostrTools();
+    const decoder = tools?.nip19?.decode;
+    if (typeof decoder === "function") {
+      const decoded = decoder(trimmed);
+      if (!decoded || decoded.type !== "npub") {
+        return fallbackDecodeNpubToHex(trimmed);
+      }
+      const data = decoded.data;
+      if (typeof data === "string") {
+        const normalized = normalizeHex(data);
+        return normalized || fallbackDecodeNpubToHex(trimmed);
+      }
+      return bytesToHex(data);
+    }
+    return fallbackDecodeNpubToHex(trimmed);
+  } catch (error) {
+    return fallbackDecodeNpubToHex(trimmed);
+  }
+}
+
+function encodeToNpub(hex) {
+  const normalized = normalizeHex(hex);
+  if (!normalized) {
+    return "";
+  }
+  try {
+    const tools = getNostrTools();
+    const encoder = tools?.nip19?.npubEncode;
+    if (typeof encoder !== "function") {
+      return "";
+    }
+    return encoder(normalized) || "";
+  } catch (error) {
+    return "";
+  }
+}
+
+function normalizeToHex(candidate) {
+  const direct = normalizeHex(candidate);
+  if (direct) {
+    return direct;
+  }
+  return decodeToHex(candidate);
+}
+
+function createEmptyAdminSnapshot() {
+  return {
+    whitelist: new Set(),
+    whitelistHex: new Set(),
+    blacklist: new Set(),
+    blacklistHex: new Set(),
+  };
+}
+
+function resolveRelayList(client, { write = false } = {}) {
+  if (!client) {
+    return [];
+  }
+  const source = write ? client.writeRelays : client.relays;
+  const fallback = client.relays;
+  const raw = Array.isArray(source) && source.length ? source : fallback;
+  if (!Array.isArray(raw)) {
+    return [];
+  }
+  const urls = [];
+  const seen = new Set();
+  for (const entry of raw) {
+    if (typeof entry !== "string") {
+      continue;
+    }
+    const trimmed = entry.trim();
+    if (!trimmed || seen.has(trimmed)) {
+      continue;
+    }
+    seen.add(trimmed);
+    urls.push(trimmed);
+  }
+  return urls;
+}
+
+function findReportedEventId(event) {
+  if (!event || !Array.isArray(event.tags)) {
+    return "";
+  }
+  for (const tag of event.tags) {
+    if (!Array.isArray(tag) || tag.length < 2) {
+      continue;
+    }
+    if (tag[0] !== "e") {
+      continue;
+    }
+    const candidate = normalizeEventId(tag[1]);
+    if (candidate) {
+      return candidate;
+    }
+  }
+  return "";
+}
+
+function extractReportType(event, targetEventId = "") {
+  if (!event || !Array.isArray(event.tags)) {
+    return "";
+  }
+
+  for (const tag of event.tags) {
+    if (!Array.isArray(tag) || tag.length < 2) {
+      continue;
+    }
+    const [marker, value] = tag;
+    if (marker === "report" || marker === "type") {
+      const normalized = normalizeReportType(value);
+      if (normalized) {
+        return normalized;
+      }
+    }
+  }
+
+  if (targetEventId) {
+    for (const tag of event.tags) {
+      if (!Array.isArray(tag) || tag[0] !== "e") {
+        continue;
+      }
+      if (normalizeEventId(tag[1]) !== targetEventId) {
+        continue;
+      }
+      const typeCandidate = normalizeReportType(tag[2] || "");
+      if (typeCandidate) {
+        return typeCandidate;
+      }
+    }
+  }
+
+  for (const tag of event.tags) {
+    if (!Array.isArray(tag) || tag[0] !== "t") {
+      continue;
+    }
+    const normalized = normalizeReportType(tag[1] || "");
+    if (normalized) {
+      return normalized;
+    }
+  }
+
+  return "";
+}
+
+function ensureNumber(value) {
+  const parsed = Number(value);
+  return Number.isFinite(parsed) ? parsed : 0;
+}
+
+function resolveStorage() {
+  if (typeof localStorage !== "undefined") {
+    return localStorage;
+  }
+  if (typeof window !== "undefined" && window.localStorage) {
+    return window.localStorage;
+  }
+  if (typeof globalThis !== "undefined" && globalThis.localStorage) {
+    return globalThis.localStorage;
+  }
+  return null;
+}
+
+export class ModerationService {
+  constructor({
+    nostrClient: client = null,
+    logger: log = null,
+    userBlocks: userBlockManager = null,
+    accessControl: accessControlService = null,
+    userLogger: userChannel = null,
+    requestExtensionPermissions: permissionRequester = null,
+  } = {}) {
+    this.nostrClient = client;
+    this.log = normalizeLogger(log);
+    this.userLogger = normalizeUserLogger(userChannel);
+    this.requestExtensionPermissions = permissionRequester || requestDefaultExtensionPermissions;
+
+    this.viewerPubkey = "";
+    this.viewerIsSessionActor = false;
+    this.trustedContacts = new Set();
+    this.trustedSeedContacts = new Set();
+    this.viewerContacts = new Set();
+    this.userBlocks = null;
+    this.accessControl = accessControlService;
+
+    this.viewerMuteList = new Set();
+    this.viewerMuteEventId = "";
+    this.viewerMuteUpdatedAt = 0;
+    this.viewerMutePromise = null;
+
+    this.contactSubscription = null;
+    this.contactListPromise = null;
+    this.lastContactEventId = null;
+
+    this.reportEvents = new Map();
+    this.reportSummaries = new Map();
+    this.activeSubscriptions = new Map();
+    this.activeEventIds = new Set();
+
+    this.trustedMuteLists = new Map();
+    this.trustedMutedAuthors = new Map();
+    this.trustedMuteSubscriptions = new Map(); // Kept for legacy/individual manual subs if needed, but primary logic is now batched
+    this.trustedSeedOnly = false;
+
+    this.batchedMuteSubscriptions = [];
+    this.muteRefreshTimer = null;
+
+    this.emitter = new SimpleEventEmitter((message, error) => {
+      try {
+        this.log(message, error);
+      } catch (logError) {
+        logger.user.warn("[moderationService] logger threw", logError);
+      }
+    });
+
+    this.userBlockUnsubscribe = null;
+    this.userBlockRefreshQueue = Promise.resolve();
+
+    this.setUserBlocks(userBlockManager);
+  }
+
+  setUserLogger(channel) {
+    this.userLogger = normalizeUserLogger(channel);
+  }
+
+  mergeSeedsIntoSet(base = null) {
+    const merged = new Set();
+
+    if (base instanceof Set || Array.isArray(base)) {
+      for (const value of base) {
+        const normalized = normalizeHex(value);
+        if (normalized) {
+          merged.add(normalized);
+        }
+      }
+    } else if (base && typeof base[Symbol.iterator] === "function") {
+      for (const value of base) {
+        const normalized = normalizeHex(value);
+        if (normalized) {
+          merged.add(normalized);
+        }
+      }
+    }
+
+    if (this.trustedSeedContacts instanceof Set) {
+      const adminSnapshot = this.getAdminListSnapshot();
+      const blacklistHex = adminSnapshot.blacklistHex;
+      for (const seed of this.trustedSeedContacts) {
+        const normalized = normalizeHex(seed);
+        if (normalized && (!blacklistHex || !blacklistHex.has(normalized))) {
+          merged.add(normalized);
+        }
+      }
+    }
+
+    return merged;
+  }
+
+  computeTrustedSeedOnly() {
+    const trustedContacts =
+      this.trustedContacts instanceof Set ? this.trustedContacts : new Set();
+    const trustedSeedContacts =
+      this.trustedSeedContacts instanceof Set ? this.trustedSeedContacts : new Set();
+
+    if (!trustedSeedContacts.size || trustedContacts.size !== trustedSeedContacts.size) {
+      return false;
+    }
+
+    for (const value of trustedContacts) {
+      if (!trustedSeedContacts.has(value)) {
+        return false;
+      }
+    }
+
+    return true;
+  }
+
+  updateTrustedSeedOnlyStatus() {
+    const nextValue = this.computeTrustedSeedOnly();
+    if (nextValue === this.trustedSeedOnly) {
+      return;
+    }
+
+    this.trustedSeedOnly = nextValue;
+    this.emit("trusted-seed-only", { seedOnly: nextValue });
+  }
+
+  rebuildTrustedContacts(nextContacts = new Set(), { previous = null } = {}) {
+    const sanitized = new Set();
+
+    if (nextContacts instanceof Set || Array.isArray(nextContacts)) {
+      for (const value of nextContacts) {
+        const normalized = normalizeHex(value);
+        if (normalized) {
+          sanitized.add(normalized);
+        }
+      }
+    } else if (nextContacts && typeof nextContacts[Symbol.iterator] === "function") {
+      for (const value of nextContacts) {
+        const normalized = normalizeHex(value);
+        if (normalized) {
+          sanitized.add(normalized);
+        }
+      }
+    }
+
+    this.viewerContacts = sanitized;
+
+    const previousContacts =
+      previous instanceof Set
+        ? new Set(previous)
+        : this.trustedContacts instanceof Set
+        ? new Set(this.trustedContacts)
+        : new Set();
+
+    const seededNext = this.mergeSeedsIntoSet(sanitized);
+    this.trustedContacts = seededNext;
+
+    this.updateTrustedSeedOnlyStatus();
+    this.emit("contacts", { size: seededNext.size });
+    this.recomputeAllSummaries();
+    this.reconcileTrustedMuteSubscriptions(previousContacts, seededNext);
+  }
+
+  getViewerContactsSnapshot({ includeViewer = false } = {}) {
+    const contacts =
+      this.viewerContacts instanceof Set ? this.viewerContacts : new Set();
+    const viewer = normalizeHex(this.viewerPubkey);
+    const list = [];
+
+    for (const value of contacts) {
+      const normalized = normalizeHex(value);
+      if (!normalized) {
+        continue;
+      }
+      if (!includeViewer && viewer && normalized === viewer) {
+        continue;
+      }
+      list.push({
+        pubkey: normalized,
+        npub: encodeToNpub(normalized) || "",
+      });
+    }
+
+    return list;
+  }
+
+  async ensureViewerContactsLoaded(pubkey = null) {
+    const target = normalizeHex(pubkey);
+    const viewer = normalizeHex(this.viewerPubkey);
+
+    if (target && target !== viewer) {
+      try {
+        await this.setViewerPubkey(target);
+      } catch (error) {
+        this.log(
+          "[moderationService] failed to set viewer pubkey while ensuring contacts",
+          error,
+        );
+      }
+      return this.getViewerContactsSnapshot();
+    }
+
+    if (this.contactListPromise) {
+      try {
+        await this.contactListPromise;
+      } catch (error) {
+        this.log(
+          "[moderationService] contact hydration failed while ensuring contacts",
+          error,
+        );
+      }
+    } else if (viewer) {
+      const hasContacts =
+        this.viewerContacts instanceof Set && this.viewerContacts.size > 0;
+      if (!hasContacts) {
+        try {
+          await this.fetchTrustedContacts(viewer);
+        } catch (error) {
+          this.log(
+            "[moderationService] failed to fetch viewer contacts while ensuring contacts",
+            error,
+          );
+        }
+      }
+    }
+
+    return this.getViewerContactsSnapshot();
+  }
+
+  setTrustedSeeds(seeds = []) {
+    this.log("[moderationService] setTrustedSeeds called", { count: seeds?.length || seeds?.size || 0 });
+    const sanitizedSeeds = new Set();
+    const adminSnapshot = this.getAdminListSnapshot();
+
+    if (seeds instanceof Set || Array.isArray(seeds)) {
+      for (const candidate of seeds) {
+        const normalized = normalizeToHex(candidate);
+        const status = this.getAccessControlStatus(candidate, adminSnapshot);
+        if (normalized && !status.blacklisted) {
+          sanitizedSeeds.add(normalized);
+        }
+      }
+    } else if (seeds && typeof seeds[Symbol.iterator] === "function") {
+      for (const candidate of seeds) {
+        const normalized = normalizeToHex(candidate);
+        const status = this.getAccessControlStatus(candidate, adminSnapshot);
+        if (normalized && !status.blacklisted) {
+          sanitizedSeeds.add(normalized);
+        }
+      }
+    }
+
+    const previousContacts =
+      this.trustedContacts instanceof Set ? new Set(this.trustedContacts) : new Set();
+
+    this.trustedSeedContacts = sanitizedSeeds;
+    this.rebuildTrustedContacts(this.viewerContacts, { previous: previousContacts });
+  }
+
+  isTrustedSeedOnly() {
+    return this.trustedSeedOnly === true;
+  }
+
+  logThresholdTransitions({
+    eventId = "",
+    reportType = "",
+    previousTrusted = 0,
+    nextTrusted = 0,
+  } = {}) {
+    const normalizedEventId = normalizeEventId(eventId);
+    const normalizedType = normalizeReportType(reportType);
+    if (!normalizedEventId || !normalizedType) {
+      return;
+    }
+
+    const previous = Number.isFinite(previousTrusted) ? previousTrusted : 0;
+    const next = Number.isFinite(nextTrusted) ? nextTrusted : 0;
+
+    const transitions = [];
+
+    if (AUTOPLAY_TRUST_THRESHOLD > 0) {
+      const previousMet = previous >= AUTOPLAY_TRUST_THRESHOLD;
+      const nextMet = next >= AUTOPLAY_TRUST_THRESHOLD;
+      if (previousMet !== nextMet) {
+        transitions.push({
+          action: nextMet ? "autoplay-block-enabled" : "autoplay-block-cleared",
+        });
+      }
+    }
+
+    if (BLUR_TRUST_THRESHOLD > 0) {
+      const previousMet = previous >= BLUR_TRUST_THRESHOLD;
+      const nextMet = next >= BLUR_TRUST_THRESHOLD;
+      if (previousMet !== nextMet) {
+        transitions.push({
+          action: nextMet ? "blur-enabled" : "blur-cleared",
+        });
+      }
+    }
+
+    if (!transitions.length) {
+      return;
+    }
+
+    const channel = this.userLogger || logger.user;
+    for (const entry of transitions) {
+      try {
+        channel.info("[moderationService] moderation threshold crossed", {
+          eventId: normalizedEventId,
+          reportType: normalizedType,
+          trustedCount: next,
+          action: entry.action,
+        });
+      } catch (error) {
+        logger.user.warn("[moderationService] failed to log threshold transition", error);
+      }
+    }
+  }
+
+  getTrustedMuteWindowCutoff(nowSeconds = Date.now() / 1000) {
+    const normalizedNow = ensureNumber(nowSeconds) || Date.now() / 1000;
+    return normalizedNow - TRUSTED_MUTE_WINDOW_SECONDS;
+  }
+
+  pruneTrustedMuteAggregates(targetAuthors = null, { nowSeconds = Date.now() / 1000 } = {}) {
+    const cutoff = this.getTrustedMuteWindowCutoff(nowSeconds);
+    const targets =
+      targetAuthors instanceof Set || Array.isArray(targetAuthors)
+        ? Array.from(targetAuthors)
+        : targetAuthors && typeof targetAuthors[Symbol.iterator] === "function"
+        ? Array.from(targetAuthors)
+        : null;
+
+    const entries = targets
+      ? targets.map((author) => [author, this.trustedMutedAuthors.get(author)])
+      : Array.from(this.trustedMutedAuthors.entries());
+
+    for (const [author, aggregate] of entries) {
+      if (!aggregate || !(aggregate.muters instanceof Map)) {
+        continue;
+      }
+      const expiredOwners = new Set();
+      for (const [owner, updatedAt] of aggregate.muters.entries()) {
+        if (ensureNumber(updatedAt) < cutoff) {
+          aggregate.muters.delete(owner);
+          expiredOwners.add(owner);
+        }
+      }
+      if (aggregate.categories instanceof Map && expiredOwners.size) {
+        for (const [category, muters] of aggregate.categories.entries()) {
+          for (const owner of expiredOwners) {
+            muters.delete(owner);
+          }
+          if (!muters.size) {
+            aggregate.categories.delete(category);
+          }
+        }
+      }
+      aggregate.count = aggregate.muters.size;
+      if (!aggregate.muters.size) {
+        this.trustedMutedAuthors.delete(author);
+      }
+    }
+  }
+
+  getActiveTrustedMutersForAuthor(author) {
+    const normalized = normalizeHex(author);
+    if (!normalized) {
+      return [];
+    }
+
+    const entry = this.trustedMutedAuthors.get(normalized);
+    if (!entry || !(entry.muters instanceof Map)) {
+      return [];
+    }
+
+    this.pruneTrustedMuteAggregates([normalized]);
+    const refreshed = this.trustedMutedAuthors.get(normalized);
+    if (!refreshed || !(refreshed.muters instanceof Map)) {
+      return [];
+    }
+
+    return Array.from(refreshed.muters.keys());
+  }
+
+  getTrustedMuteCountsForAuthor(author) {
+    const normalized = normalizeHex(author);
+    if (!normalized) {
+      return { total: 0, categories: {} };
+    }
+
+    const entry = this.trustedMutedAuthors.get(normalized);
+    if (!entry || !(entry.muters instanceof Map)) {
+      return { total: 0, categories: {} };
+    }
+
+    this.pruneTrustedMuteAggregates([normalized]);
+    const refreshed = this.trustedMutedAuthors.get(normalized);
+    if (!refreshed || !(refreshed.muters instanceof Map)) {
+      return { total: 0, categories: {} };
+    }
+
+    const categories = {};
+    if (refreshed.categories instanceof Map) {
+      for (const [category, muters] of refreshed.categories.entries()) {
+        if (typeof category !== "string" || !category.trim()) {
+          continue;
+        }
+        categories[category] = muters instanceof Map ? muters.size : 0;
+      }
+    }
+
+    return {
+      total: refreshed.muters.size,
+      categories,
+    };
+  }
+
+  setLogger(newLogger) {
+    this.log = normalizeLogger(newLogger);
+  }
+
+  setNostrClient(client) {
+    if (client && client !== this.nostrClient) {
+      this.nostrClient = client;
+    }
+  }
+
+  setUserBlocks(manager) {
+    if (manager === this.userBlocks) {
+      return;
+    }
+
+    if (typeof this.userBlockUnsubscribe === "function") {
+      try {
+        this.userBlockUnsubscribe();
+      } catch (error) {
+        this.log("[moderationService] failed to teardown user block listener", error);
+      }
+    }
+
+    this.userBlockUnsubscribe = null;
+    this.userBlocks = manager || null;
+
+    if (!this.userBlocks || typeof this.userBlocks.on !== "function") {
+      return;
+    }
+
+    try {
+      const unsubscribe = this.userBlocks.on(
+        USER_BLOCK_EVENTS.CHANGE,
+        (detail) => {
+          this.queueUserBlockRefresh(detail);
+        },
+      );
+
+      if (typeof unsubscribe === "function") {
+        this.userBlockUnsubscribe = () => {
+          try {
+            unsubscribe();
+          } catch (error) {
+            this.log(
+              "[moderationService] failed to remove user block listener",
+              error,
+            );
+          }
+        };
+      }
+    } catch (error) {
+      this.log("[moderationService] failed to subscribe to user block events", error);
+    }
+  }
+
+  setAccessControl(control) {
+    if (control && control !== this.accessControl) {
+      this.accessControl = control;
+    }
+  }
+
+  on(eventName, handler) {
+    return this.emitter.on(eventName, handler);
+  }
+
+  emit(eventName, detail) {
+    this.emitter.emit(eventName, detail);
+  }
+
+  queueUserBlockRefresh(detail = {}) {
+    const previous = this.userBlockRefreshQueue || Promise.resolve();
+    const action = typeof detail?.action === "string" ? detail.action : "";
+    const targetPubkey = detail?.targetPubkey || detail?.pubkey || "";
+    const normalizedTarget = normalizeHex(targetPubkey);
+
+    const next = previous
+      .catch(() => {})
+      .then(async () => {
+        this.recomputeAllSummaries();
+        if (this.activeEventIds && this.activeEventIds.size) {
+          await this.refreshActiveReportSubscriptions();
+        }
+        this.emit("user-blocks", {
+          action,
+          targetPubkey: normalizedTarget,
+        });
+      });
+
+    this.userBlockRefreshQueue = next.catch((error) => {
+      this.log("[moderationService] failed to refresh after user block update", error);
+      throw error;
+    });
+
+    return this.userBlockRefreshQueue;
+  }
+
+  clearTrustedMuteTracking({ previousContacts = null } = {}) {
+    void previousContacts;
+
+    // Clear legacy individual subscriptions
+    for (const [pubkey, entry] of this.trustedMuteSubscriptions.entries()) {
+      if (entry && typeof entry.unsub === "function") {
+        try {
+          entry.unsub();
+        } catch (error) {
+          this.log(`(moderationService) failed to teardown mute subscription for ${pubkey}`, error);
+        }
+      }
+    }
+    this.trustedMuteSubscriptions.clear();
+
+    // Clear batched subscriptions
+    this.teardownBatchedMuteSubscriptions();
+
+    if (this.muteRefreshTimer) {
+      clearTimeout(this.muteRefreshTimer);
+      this.muteRefreshTimer = null;
+    }
+
+    for (const [author, aggregate] of this.trustedMutedAuthors.entries()) {
+      if (aggregate && aggregate.muters instanceof Map) {
+        aggregate.muters.clear();
+      }
+    }
+
+    this.trustedMuteLists.clear();
+    this.trustedMutedAuthors.clear();
+    this.viewerMuteList.clear();
+    this.viewerMuteEventId = "";
+    this.viewerMuteUpdatedAt = 0;
+
+    this.emit("trusted-mutes", { total: 0 });
+
+    const emptyPrevious = new Set();
+    this.rebuildTrustedContacts(new Set(), { previous: emptyPrevious });
+  }
+
+  teardownBatchedMuteSubscriptions() {
+    if (Array.isArray(this.batchedMuteSubscriptions)) {
+      for (const sub of this.batchedMuteSubscriptions) {
+        if (sub && typeof sub.unsub === "function") {
+          try {
+            sub.unsub();
+          } catch (error) {
+            this.log("[moderationService] failed to unsub batched subscription", error);
+          }
+        }
+      }
+    }
+    this.batchedMuteSubscriptions = [];
+  }
+
+  isTrustedMuteOwner(pubkey) {
+    const normalized = normalizeHex(pubkey);
+    if (!normalized) {
+      return false;
+    }
+    if (normalized === this.viewerPubkey) {
+      return true;
+    }
+    return this.trustedContacts.has(normalized);
+  }
+
+  reconcileTrustedMuteSubscriptions(previousSet, nextSet) {
+    this.scheduleTrustedMuteSubscriptionRefresh();
+  }
+
+  scheduleTrustedMuteSubscriptionRefresh() {
+    if (this.muteRefreshTimer) {
+      clearTimeout(this.muteRefreshTimer);
+    }
+
+    this.muteRefreshTimer = setTimeout(() => {
+      this.refreshTrustedMuteSubscriptions().catch((error) => {
+        this.log("[moderationService] refreshTrustedMuteSubscriptions failed", error);
+      });
+    }, 2000);
+  }
+
+  async refreshTrustedMuteSubscriptions() {
+    this.muteRefreshTimer = null;
+
+    const targets = new Set();
+    if (this.trustedContacts instanceof Set) {
+      for (const contact of this.trustedContacts) {
+        targets.add(contact);
+      }
+    }
+    if (this.viewerPubkey) {
+      targets.add(this.viewerPubkey);
+    }
+
+    if (targets.size === 0) {
+      this.teardownBatchedMuteSubscriptions();
+      return;
+    }
+
+    try {
+      await this.ensurePool();
+    } catch (error) {
+      this.log("[moderationService] ensurePool failed during mute refresh", error);
+      return;
+    }
+
+    const relays = resolveRelayList(this.nostrClient);
+    if (!relays.length) {
+      this.log("[moderationService] no relays available for mute refresh");
+      return;
+    }
+
+    this.teardownBatchedMuteSubscriptions();
+
+    const authors = Array.from(targets);
+    const BATCH_SIZE = 400;
+    const chunks = [];
+
+    for (let i = 0; i < authors.length; i += BATCH_SIZE) {
+      chunks.push(authors.slice(i, i + BATCH_SIZE));
+    }
+
+    this.log(`[moderationService] Refreshing mute subscriptions for ${authors.length} authors in ${chunks.length} batches`);
+
+    for (const chunk of chunks) {
+      const filter = { kinds: [10000], authors: chunk };
+      try {
+        const sub = this.nostrClient.pool.sub(relays, [filter]);
+        sub.on("event", (event) => {
+          this.ingestTrustedMuteEvent(event);
+        });
+        sub.on("eose", () => {
+          // Optional: handle EOSE if needed, e.g., for loading indicators
+        });
+        this.batchedMuteSubscriptions.push(sub);
+      } catch (error) {
+        this.log("[moderationService] failed to create batched subscription", error);
+      }
+    }
+  }
+
+  async ensureUserBlocksLoaded(pubkey) {
+    if (!this.userBlocks || typeof this.userBlocks.ensureLoaded !== "function") {
+      return;
+    }
+
+    const normalized = normalizeHex(pubkey);
+    if (!normalized) {
+      return;
+    }
+
+    try {
+      await this.userBlocks.ensureLoaded(normalized);
+    } catch (error) {
+      this.log("[moderationService] failed to load user block list", error);
+    }
+  }
+
+  async subscribeToTrustedMuteList(pubkey) {
+    // Deprecated: Logic moved to batched subscription refresh
+    return this.scheduleTrustedMuteSubscriptionRefresh();
+  }
+
+  teardownTrustedMuteSubscription(pubkey) {
+    // Deprecated: Logic moved to batched subscription refresh
+    return this.scheduleTrustedMuteSubscriptionRefresh();
+  }
+
+  replaceTrustedMuteList(ownerPubkey, mutedAuthors, { createdAt = 0, eventId = "" } = {}) {
+    const owner = normalizeHex(ownerPubkey);
+    if (!owner) {
+      return;
+    }
+
+    const sanitizedAuthors = new Map();
+    const addAuthor = (candidate, category = "") => {
+      const normalized = normalizeToHex(candidate);
+      if (!normalized) {
+        return;
+      }
+      const normalizedCategory = normalizeMuteCategory(category);
+      sanitizedAuthors.set(normalized, normalizedCategory);
+    };
+
+    if (mutedAuthors instanceof Map) {
+      for (const [candidate, category] of mutedAuthors.entries()) {
+        addAuthor(candidate, category);
+      }
+    } else if (mutedAuthors instanceof Set || Array.isArray(mutedAuthors)) {
+      for (const candidate of mutedAuthors) {
+        if (!candidate) {
+          continue;
+        }
+        if (typeof candidate === "object") {
+          addAuthor(candidate.pubkey || candidate.author, candidate.category || candidate.reason);
+          continue;
+        }
+        addAuthor(candidate);
+      }
+    } else if (mutedAuthors && typeof mutedAuthors[Symbol.iterator] === "function") {
+      for (const candidate of mutedAuthors) {
+        if (!candidate) {
+          continue;
+        }
+        if (typeof candidate === "object") {
+          addAuthor(candidate.pubkey || candidate.author, candidate.category || candidate.reason);
+          continue;
+        }
+        addAuthor(candidate);
+      }
+    }
+
+    const touchedAuthors = new Set();
+    const previous = this.trustedMuteLists.get(owner);
+    if (previous && previous.authors instanceof Map) {
+      for (const [author, category] of previous.authors.entries()) {
+        const aggregate = this.trustedMutedAuthors.get(author);
+        if (!aggregate || !(aggregate.muters instanceof Map)) {
+          continue;
+        }
+        aggregate.muters.delete(owner);
+        if (aggregate.categories instanceof Map) {
+          if (category) {
+            const categoryMuters = aggregate.categories.get(category);
+            if (categoryMuters instanceof Map) {
+              categoryMuters.delete(owner);
+              if (!categoryMuters.size) {
+                aggregate.categories.delete(category);
+              }
+            }
+          } else {
+            for (const [existingCategory, muters] of aggregate.categories.entries()) {
+              muters.delete(owner);
+              if (!muters.size) {
+                aggregate.categories.delete(existingCategory);
+              }
+            }
+          }
+        }
+        touchedAuthors.add(author);
+      }
+    }
+
+    const normalizedEventId = normalizeEventId(eventId);
+    const normalizedCreatedAt = ensureNumber(createdAt);
+
+    if (owner === this.viewerPubkey) {
+      this.viewerMuteList = new Set(sanitizedAuthors);
+      this.viewerMuteEventId = normalizedEventId || "";
+      this.viewerMuteUpdatedAt = normalizedCreatedAt;
+    }
+
+    if (!sanitizedAuthors.size) {
+      this.trustedMuteLists.delete(owner);
+    } else {
+      this.trustedMuteLists.set(owner, {
+        authors: sanitizedAuthors,
+        updatedAt: normalizedCreatedAt,
+        eventId: normalizedEventId,
+      });
+
+      for (const [author, category] of sanitizedAuthors.entries()) {
+        let aggregate = this.trustedMutedAuthors.get(author);
+        if (!aggregate) {
+          aggregate = { muters: new Map(), categories: new Map(), count: 0 };
+          this.trustedMutedAuthors.set(author, aggregate);
+        }
+        aggregate.muters.set(owner, normalizedCreatedAt);
+        if (category) {
+          let categoryMuters = aggregate.categories.get(category);
+          if (!categoryMuters) {
+            categoryMuters = new Map();
+            aggregate.categories.set(category, categoryMuters);
+          }
+          categoryMuters.set(owner, normalizedCreatedAt);
+        }
+        touchedAuthors.add(author);
+      }
+    }
+
+    this.pruneTrustedMuteAggregates(touchedAuthors);
+    this.emit("trusted-mutes", { total: this.trustedMutedAuthors.size, owner });
+  }
+
+  applyTrustedMuteEvent(ownerPubkey, event) {
+    const owner = normalizeHex(ownerPubkey);
+    if (!owner || !this.isTrustedMuteOwner(owner)) {
+      return;
+    }
+
+    if (!event || event.kind !== 10000) {
+      this.replaceTrustedMuteList(owner, new Set(), { createdAt: 0, eventId: "" });
+      return;
+    }
+
+    const createdAt = ensureNumber(event.created_at);
+    const eventId = typeof event.id === "string" ? event.id : "";
+
+    const existing = this.trustedMuteLists.get(owner);
+    if (existing) {
+      const existingEventId = typeof existing.eventId === "string" ? existing.eventId : "";
+      if (existingEventId && normalizeEventId(existingEventId) === normalizeEventId(eventId)) {
+        return;
+      }
+      if (ensureNumber(existing.updatedAt) > createdAt && normalizeEventId(eventId)) {
+        return;
+      }
+    }
+
+    const mutedAuthors = new Map();
+    if (Array.isArray(event.tags)) {
+      for (const tag of event.tags) {
+        if (!Array.isArray(tag) || tag.length < 2) {
+          continue;
+        }
+        if (tag[0] !== "p") {
+          continue;
+        }
+        const normalized = normalizeToHex(tag[1]);
+        if (normalized) {
+          const category = extractMuteCategoryFromTag(tag);
+          mutedAuthors.set(normalized, category);
+        }
+      }
+    }
+
+    this.replaceTrustedMuteList(owner, mutedAuthors, { createdAt, eventId });
+  }
+
+  ingestTrustedMuteEvent(event) {
+    if (!event || event.kind !== 10000) {
+      return;
+    }
+
+    const owner = normalizeHex(event.pubkey);
+    if (!owner || !this.isTrustedMuteOwner(owner)) {
+      return;
+    }
+
+    this.applyTrustedMuteEvent(owner, event);
+  }
+
+  getViewerMutedAuthors() {
+    return Array.from(this.viewerMuteList);
+  }
+
+  isAuthorMutedByViewer(pubkey) {
+    const normalized = normalizeHex(pubkey);
+    if (!normalized) {
+      return false;
+    }
+    return this.viewerMuteList.has(normalized);
+  }
+
+  loadLocalMutes(pubkey) {
+    const normalized = normalizeHex(pubkey);
+    if (!normalized) {
+      return;
+    }
+
+    const storage = resolveStorage();
+    if (!storage) {
+      return;
+    }
+
+    const key = `bitvid:user-mutes:local:v1:${normalized}`;
+    let loaded = [];
+
+    try {
+      const raw = storage.getItem(key);
+      if (raw) {
+        const parsed = JSON.parse(raw);
+        if (Array.isArray(parsed)) {
+          loaded = parsed;
+        }
+      }
+    } catch (error) {
+      this.log(
+        `[moderationService] failed to load local mutes for ${normalized}`,
+        error,
+      );
+    }
+
+    const mutes = new Set();
+    for (const item of loaded) {
+      const target = normalizeHex(item);
+      if (target && target !== normalized) {
+        mutes.add(target);
+      }
+    }
+
+    this.replaceTrustedMuteList(normalized, mutes, {
+      createdAt: Date.now() / 1000,
+      eventId: `local-${Date.now()}`,
+    });
+  }
+
+  saveLocalMutes(pubkey, muteSet) {
+    const normalized = normalizeHex(pubkey);
+    if (!normalized) {
+      return;
+    }
+
+    const storage = resolveStorage();
+    if (!storage) {
+      return;
+    }
+
+    const list = [];
+    if (muteSet instanceof Set || Array.isArray(muteSet)) {
+      for (const item of muteSet) {
+        const target = normalizeHex(item);
+        if (target && target !== normalized) {
+          list.push(target);
+        }
+      }
+    }
+
+    const key = `bitvid:user-mutes:local:v1:${normalized}`;
+    try {
+      if (!list.length) {
+        storage.removeItem(key);
+      } else {
+        storage.setItem(key, JSON.stringify(list));
+      }
+    } catch (error) {
+      this.log(
+        `[moderationService] failed to save local mutes for ${normalized}`,
+        error,
+      );
+    }
+  }
+
+  async ensureViewerMuteListLoaded(pubkey = this.viewerPubkey) {
+    const normalized = normalizeHex(pubkey);
+    if (!normalized) {
+      this.viewerMuteList.clear();
+      this.viewerMuteEventId = "";
+      this.viewerMuteUpdatedAt = 0;
+      return;
+    }
+
+    if (this.trustedMuteLists.has(normalized)) {
+      return;
+    }
+
+    if (this.viewerIsSessionActor && normalized === this.viewerPubkey) {
+      this.loadLocalMutes(normalized);
+      return;
+    }
+
+    if (this.viewerMutePromise) {
+      try {
+        await this.viewerMutePromise;
+      } catch (_) {
+        /* noop */
+      }
+      return;
+    }
+
+    this.viewerMutePromise = this.subscribeToTrustedMuteList(normalized)
+      .catch((error) => {
+        this.log("[moderationService] failed to load viewer mute list", error);
+        throw error;
+      })
+      .finally(() => {
+        this.viewerMutePromise = null;
+      });
+
+    try {
+      await this.viewerMutePromise;
+    } catch (_) {
+      /* noop */
+    }
+  }
+
+  async publishViewerMuteList({ owner, muted }) {
+    const viewer = normalizeHex(owner || this.viewerPubkey);
+    if (!viewer) {
+      const error = new Error("viewer-not-logged-in");
+      error.code = "viewer-not-logged-in";
+      throw error;
+    }
+
+    if (this.viewerIsSessionActor && viewer === this.viewerPubkey) {
+      this.saveLocalMutes(viewer, muted);
+      this.replaceTrustedMuteList(viewer, muted, {
+        createdAt: Date.now() / 1000,
+        eventId: `local-${Date.now()}`,
+      });
+      return { ok: true, event: null, results: [] };
+    }
+
+    await this.ensurePool();
+
+    let signer = getActiveSigner();
+    if (!signer && typeof this.nostrClient?.ensureActiveSignerForPubkey === "function") {
+      signer = await this.nostrClient.ensureActiveSignerForPubkey(viewer);
+    }
+
+    const canSign = typeof signer?.canSign === "function"
+      ? signer.canSign()
+      : typeof signer?.signEvent === "function";
+    if (!canSign || typeof signer?.signEvent !== "function") {
+      const error = new Error("nostr-extension-missing");
+      error.code = "nostr-extension-missing";
+      throw error;
+    }
+
+    if (signer?.type === "extension") {
+      const permissionResult = await this.requestExtensionPermissions([
+        "sign_event",
+        "get_public_key",
+      ]);
+      if (!permissionResult?.ok) {
+        const error = new Error("extension-permission-denied");
+        error.code = "extension-permission-denied";
+        error.details = permissionResult?.error || null;
+        throw error;
+      }
+    }
+
+    const tags = [];
+    if (muted instanceof Set || Array.isArray(muted)) {
+      for (const value of muted) {
+        const normalized = normalizeHex(value);
+        if (!normalized || normalized === viewer) {
+          continue;
+        }
+        tags.push(["p", normalized]);
+      }
+    }
+
+    const event = {
+      kind: 10000,
+      created_at: Math.floor(Date.now() / 1000),
+      tags,
+      content: "",
+      pubkey: viewer,
+    };
+
+    let signedEvent;
+    try {
+      signedEvent = await signer.signEvent(event);
+    } catch (error) {
+      const wrapped = new Error("signature-failed");
+      wrapped.code = "signature-failed";
+      wrapped.details = error;
+      throw wrapped;
+    }
+
+    const relays = resolveRelayList(this.nostrClient, { write: true });
+    if (!relays.length) {
+      const error = new Error("no-relays-configured");
+      error.code = "no-relays-configured";
+      throw error;
+    }
+
+    let results = [];
+    try {
+      results = await publishEventToRelays(this.nostrClient.pool, relays, signedEvent);
+      assertAnyRelayAccepted(results, { context: "mute list" });
+    } catch (error) {
+      const wrapped = new Error("mute-list-publish-failed");
+      wrapped.code = "mute-list-publish-failed";
+      wrapped.details = error;
+      throw wrapped;
+    }
+
+    this.applyTrustedMuteEvent(viewer, signedEvent);
+    return { ok: true, event: signedEvent, results };
+  }
+
+  async addAuthorToViewerMuteList(pubkey) {
+    const viewer = normalizeHex(this.viewerPubkey);
+    if (!viewer) {
+      const error = new Error("viewer-not-logged-in");
+      error.code = "viewer-not-logged-in";
+      throw error;
+    }
+
+    const target = normalizeHex(pubkey);
+    if (!target) {
+      const error = new Error("invalid-target");
+      error.code = "invalid-target";
+      throw error;
+    }
+
+    if (target === viewer) {
+      const error = new Error("self");
+      error.code = "self";
+      throw error;
+    }
+
+    await this.ensureViewerMuteListLoaded(viewer);
+
+    if (this.viewerMuteList.has(target)) {
+      return { ok: true, already: true };
+    }
+
+    const next = new Set(this.viewerMuteList);
+    next.add(target);
+
+    return this.publishViewerMuteList({ owner: viewer, muted: next });
+  }
+
+  async removeAuthorFromViewerMuteList(pubkey) {
+    const viewer = normalizeHex(this.viewerPubkey);
+    if (!viewer) {
+      const error = new Error("viewer-not-logged-in");
+      error.code = "viewer-not-logged-in";
+      throw error;
+    }
+
+    const target = normalizeHex(pubkey);
+    if (!target) {
+      return { ok: true, already: true };
+    }
+
+    await this.ensureViewerMuteListLoaded(viewer);
+
+    if (!this.viewerMuteList.has(target)) {
+      return { ok: true, already: true };
+    }
+
+    const next = new Set(this.viewerMuteList);
+    next.delete(target);
+
+    return this.publishViewerMuteList({ owner: viewer, muted: next });
+  }
+
+  isAuthorMutedByTrusted(pubkey) {
+    const muters = this.getActiveTrustedMutersForAuthor(pubkey);
+    return muters.length > 0;
+  }
+
+  getTrustedMutersForAuthor(pubkey) {
+    return this.getActiveTrustedMutersForAuthor(pubkey);
+  }
+
+  isPubkeyBlockedByViewer(pubkey) {
+    if (!this.userBlocks || typeof this.userBlocks.isBlocked !== "function") {
+      return false;
+    }
+
+    const normalized = normalizeHex(pubkey);
+    if (!normalized) {
+      return false;
+    }
+
+    try {
+      return this.userBlocks.isBlocked(normalized) === true;
+    } catch (error) {
+      this.log("[moderationService] user block lookup failed", error);
+      return false;
+    }
+  }
+
+  getAdminListSnapshot() {
+    const snapshot = createEmptyAdminSnapshot();
+
+    if (!this.accessControl) {
+      return snapshot;
+    }
+
+    let whitelist = [];
+    let blacklist = [];
+
+    if (typeof this.accessControl.getWhitelist === "function") {
+      try {
+        whitelist = this.accessControl.getWhitelist() || [];
+      } catch (error) {
+        this.log("[moderationService] accessControl.getWhitelist threw", error);
+      }
+    }
+
+    if (typeof this.accessControl.getBlacklist === "function") {
+      try {
+        blacklist = this.accessControl.getBlacklist() || [];
+      } catch (error) {
+        this.log("[moderationService] accessControl.getBlacklist threw", error);
+      }
+    }
+
+    for (const entry of whitelist) {
+      if (typeof entry !== "string") {
+        continue;
+      }
+      const trimmed = entry.trim();
+      if (!trimmed) {
+        continue;
+      }
+      snapshot.whitelist.add(trimmed);
+      const decoded = decodeToHex(trimmed);
+      if (decoded) {
+        snapshot.whitelistHex.add(decoded);
+      }
+    }
+
+    for (const entry of blacklist) {
+      if (typeof entry !== "string") {
+        continue;
+      }
+      const trimmed = entry.trim();
+      if (!trimmed) {
+        continue;
+      }
+      snapshot.blacklist.add(trimmed);
+      const decoded = decodeToHex(trimmed);
+      if (decoded) {
+        snapshot.blacklistHex.add(decoded);
+      }
+    }
+
+    return snapshot;
+  }
+
+  getAccessControlStatus(candidate, snapshot = null) {
+    const resolvedSnapshot = snapshot && typeof snapshot === "object" ? snapshot : this.getAdminListSnapshot();
+    const whitelist =
+      resolvedSnapshot?.whitelist instanceof Set
+        ? resolvedSnapshot.whitelist
+        : new Set();
+    const whitelistHex =
+      resolvedSnapshot?.whitelistHex instanceof Set
+        ? resolvedSnapshot.whitelistHex
+        : new Set();
+    const blacklist =
+      resolvedSnapshot?.blacklist instanceof Set
+        ? resolvedSnapshot.blacklist
+        : new Set();
+    const blacklistHex =
+      resolvedSnapshot?.blacklistHex instanceof Set
+        ? resolvedSnapshot.blacklistHex
+        : new Set();
+
+    const hex = normalizeToHex(candidate);
+    const status = {
+      hex,
+      whitelisted: false,
+      blacklisted: false,
+      npub: "",
+    };
+
+    if (hex) {
+      if (blacklistHex.has(hex)) {
+        status.blacklisted = true;
+        return status;
+      }
+      if (whitelistHex.has(hex)) {
+        status.whitelisted = true;
+        status.npub = encodeToNpub(hex) || "";
+        return status;
+      }
+    }
+
+    const encoded = hex ? encodeToNpub(hex) : "";
+    if (encoded) {
+      status.npub = encoded;
+      if (blacklist.has(encoded)) {
+        status.blacklisted = true;
+        return status;
+      }
+      if (whitelist.has(encoded)) {
+        status.whitelisted = true;
+        return status;
+      }
+    }
+
+    if (typeof candidate === "string" && !status.npub) {
+      const trimmed = candidate.trim();
+      if (trimmed && (blacklist.has(trimmed) || whitelist.has(trimmed))) {
+        status.npub = trimmed;
+        if (blacklist.has(trimmed)) {
+          status.blacklisted = true;
+        } else if (whitelist.has(trimmed)) {
+          status.whitelisted = true;
+        }
+      }
+    }
+
+    return status;
+  }
+
+  async ensurePool() {
+    if (!this.nostrClient || typeof this.nostrClient.ensurePool !== "function") {
+      throw new Error("nostr-client-unavailable");
+    }
+    return this.nostrClient.ensurePool();
+  }
+
+  async refreshViewerFromClient() {
+    const clientPubkey = normalizeHex(
+      this.nostrClient?.pubkey || this.nostrClient?.sessionActor?.pubkey,
+    );
+    if (clientPubkey === this.viewerPubkey) {
+      if (this.contactListPromise) {
+        try {
+          await this.contactListPromise;
+        } catch (error) {
+          this.log("[moderationService] contact hydration failed", error);
+        }
+      }
+      return this.viewerPubkey;
+    }
+    return this.setViewerPubkey(clientPubkey);
+  }
+
+  async setViewerPubkey(pubkey) {
+    const normalized = normalizeHex(pubkey);
+    if (normalized === this.viewerPubkey && this.contactListPromise) {
+      try {
+        await this.contactListPromise;
+      } catch (error) {
+        this.log("[moderationService] contact hydration failed", error);
+      }
+      await this.ensureUserBlocksLoaded(normalized);
+      return this.viewerPubkey;
+    }
+
+    const previousContacts =
+      this.trustedContacts instanceof Set ? new Set(this.trustedContacts) : new Set();
+
+    this.viewerPubkey = normalized;
+
+    const loggedInPubkey = normalizeHex(this.nostrClient?.pubkey);
+    const sessionPubkey = normalizeHex(this.nostrClient?.sessionActor?.pubkey);
+
+    this.viewerIsSessionActor =
+      !!normalized && !loggedInPubkey && normalized === sessionPubkey;
+
+    this.clearTrustedMuteTracking({ previousContacts });
+
+    if (this.contactSubscription && typeof this.contactSubscription.unsub === "function") {
+      try {
+        this.contactSubscription.unsub();
+      } catch (error) {
+        this.log("[moderationService] failed to teardown contact subscription", error);
+      }
+    }
+    this.contactSubscription = null;
+
+    if (!normalized) {
+      await this.ensureUserBlocksLoaded(normalized);
+      return this.viewerPubkey;
+    }
+
+    this.contactListPromise = this.fetchTrustedContacts(normalized)
+      .catch((error) => {
+        this.log("[moderationService] failed to load contact list", error);
+        return null;
+      })
+      .finally(() => {
+        this.contactListPromise = null;
+      });
+
+    try {
+      await this.contactListPromise;
+    } catch (error) {
+      this.log("[moderationService] contact promise rejected", error);
+    }
+
+    this.subscribeToContactList(normalized).catch((error) => {
+      this.log("[moderationService] failed to subscribe to contact list", error);
+    });
+
+    await this.ensureUserBlocksLoaded(normalized);
+    await this.ensureViewerMuteListLoaded(normalized);
+    return this.viewerPubkey;
+  }
+
+  async fetchTrustedContacts(pubkey) {
+    const normalized = normalizeHex(pubkey);
+    const previousContacts =
+      this.trustedContacts instanceof Set ? new Set(this.trustedContacts) : new Set();
+    if (!normalized) {
+      this.clearTrustedMuteTracking({ previousContacts });
+      return;
+    }
+
+    try {
+      await this.ensurePool();
+    } catch (error) {
+      this.log("[moderationService] ensurePool failed while fetching contacts", error);
+      return;
+    }
+
+    const relays = resolveRelayList(this.nostrClient);
+    if (!relays.length) {
+      this.clearTrustedMuteTracking({ previousContacts });
+      return;
+    }
+
+    const filter = { kinds: [3], authors: [normalized], limit: 1 };
+
+    let events = [];
+    try {
+      events = await this.nostrClient.pool.list(relays, [filter]);
+    } catch (error) {
+      this.log("[moderationService] failed to list contact events", error);
+      events = [];
+    }
+
+    if (!Array.isArray(events) || !events.length) {
+      this.clearTrustedMuteTracking({ previousContacts });
+      return;
+    }
+
+    let latest = events[0];
+    for (const event of events) {
+      if (!event || typeof event.created_at !== "number") {
+        continue;
+      }
+      if (!latest || ensureNumber(event.created_at) > ensureNumber(latest.created_at)) {
+        latest = event;
+      }
+    }
+
+    this.applyContactEvent(latest, { previous: previousContacts });
+  }
+
+  applyContactEvent(event, { previous = null } = {}) {
+    const previousContacts =
+      previous instanceof Set
+        ? new Set(previous)
+        : this.trustedContacts instanceof Set
+        ? new Set(this.trustedContacts)
+        : new Set();
+
+    if (!event || !Array.isArray(event.tags)) {
+      this.clearTrustedMuteTracking({ previousContacts });
+      return;
+    }
+
+    if (event.id && event.id === this.lastContactEventId) {
+      return;
+    }
+
+    const nextSet = new Set();
+    for (const tag of event.tags) {
+      if (!Array.isArray(tag) || tag[0] !== "p") {
+        continue;
+      }
+      const candidate = normalizeHex(tag[1]);
+      if (candidate) {
+        nextSet.add(candidate);
+      }
+    }
+
+    if (this.viewerContacts instanceof Set && this.viewerContacts.size === nextSet.size) {
+      let changed = false;
+      for (const value of nextSet) {
+        if (!this.viewerContacts.has(value)) {
+          changed = true;
+          break;
+        }
+      }
+      if (!changed) {
+        if (event.id) {
+          this.lastContactEventId = event.id;
+        }
+        return;
+      }
+    }
+
+    if (event.id) {
+      this.lastContactEventId = event.id;
+    }
+
+    this.rebuildTrustedContacts(nextSet, { previous: previousContacts });
+  }
+
+  async subscribeToContactList(pubkey) {
+    const normalized = normalizeHex(pubkey);
+    if (!normalized) {
+      return;
+    }
+
+    try {
+      await this.ensurePool();
+    } catch (error) {
+      this.log("[moderationService] ensurePool failed while subscribing to contacts", error);
+      return;
+    }
+
+    const relays = resolveRelayList(this.nostrClient);
+    if (!relays.length) {
+      return;
+    }
+
+    const filter = { kinds: [3], authors: [normalized], limit: 1 };
+
+    try {
+      const sub = this.nostrClient.pool.sub(relays, [filter]);
+      sub.on("event", (event) => {
+        this.applyContactEvent(event);
+      });
+      sub.on("eose", () => {});
+      this.contactSubscription = {
+        unsub: typeof sub.unsub === "function" ? () => sub.unsub() : null,
+      };
+    } catch (error) {
+      this.log("[moderationService] failed to create contact subscription", error);
+    }
+  }
+
+  async setActiveEventIds(ids = []) {
+    const nextIds = new Set();
+    if (Array.isArray(ids) || ids instanceof Set) {
+      for (const value of ids) {
+        const normalized = normalizeEventId(value);
+        if (normalized) {
+          nextIds.add(normalized);
+        }
+      }
+    }
+
+    for (const existing of Array.from(this.activeSubscriptions.keys())) {
+      if (!nextIds.has(existing)) {
+        this.teardownReportSubscription(existing);
+      }
+    }
+
+    const tasks = [];
+    for (const id of nextIds) {
+      if (this.activeSubscriptions.has(id)) {
+        const entry = this.activeSubscriptions.get(id);
+        if (entry?.promise) {
+          tasks.push(entry.promise.catch(() => {}));
+        }
+        continue;
+      }
+      const promise = this.subscribeToReports(id);
+      tasks.push(promise.catch((error) => {
+        this.log(`(moderationService) failed to subscribe to reports for ${id}`, error);
+      }));
+    }
+
+    this.activeEventIds = nextIds;
+
+    if (tasks.length) {
+      await Promise.all(tasks);
+    }
+  }
+
+  async refreshActiveReportSubscriptions() {
+    if (!this.activeEventIds || !this.activeEventIds.size) {
+      return;
+    }
+
+    const ids = Array.from(this.activeEventIds);
+    for (const id of ids) {
+      this.teardownReportSubscription(id);
+    }
+
+    await this.setActiveEventIds(ids);
+  }
+
+  teardownReportSubscription(eventId) {
+    const normalized = normalizeEventId(eventId);
+    const entry = this.activeSubscriptions.get(normalized);
+    if (!entry) {
+      return;
+    }
+    if (typeof entry.unsub === "function") {
+      try {
+        entry.unsub();
+      } catch (error) {
+        this.log("[moderationService] failed to unsubscribe from report stream", error);
+      }
+    }
+    this.activeSubscriptions.delete(normalized);
+  }
+
+  async subscribeToReports(eventId) {
+    const normalized = normalizeEventId(eventId);
+    if (!normalized) {
+      return;
+    }
+
+    const record = { unsub: null, promise: null };
+    this.activeSubscriptions.set(normalized, record);
+
+    record.promise = (async () => {
+      await this.ensurePool();
+      const relays = resolveRelayList(this.nostrClient);
+      if (!relays.length) {
+        return;
+      }
+
+      const filter = { kinds: [1984], "#e": [normalized], limit: 500 };
+
+      let events = [];
+      try {
+        events = await this.nostrClient.pool.list(relays, [filter]);
+      } catch (error) {
+        this.log(`(moderationService) failed to backfill reports for ${normalized}`, error);
+        events = [];
+      }
+
+      if (Array.isArray(events)) {
+        for (const event of events) {
+          this.ingestReportEvent(event);
+        }
+      }
+
+      try {
+        const sub = this.nostrClient.pool.sub(relays, [filter]);
+        sub.on("event", (event) => {
+          this.ingestReportEvent(event);
+        });
+        sub.on("eose", () => {});
+        record.unsub = typeof sub.unsub === "function" ? () => sub.unsub() : null;
+      } catch (error) {
+        this.log(`(moderationService) failed to subscribe to reports for ${normalized}`, error);
+      }
+    })();
+
+    try {
+      await record.promise;
+    } catch (error) {
+      this.log("[moderationService] report subscription promise rejected", error);
+    } finally {
+      record.promise = null;
+    }
+  }
+
+  ingestReportEvent(event) {
+    if (!event || event.kind !== 1984) {
+      return;
+    }
+
+    const reporter = normalizeHex(event.pubkey);
+    if (!reporter) {
+      return;
+    }
+
+    const targetEventId = findReportedEventId(event);
+    const normalizedEventId = normalizeEventId(targetEventId);
+    if (!normalizedEventId) {
+      return;
+    }
+
+    const reportType = extractReportType(event, normalizedEventId);
+    if (!reportType) {
+      return;
+    }
+
+    let eventReports = this.reportEvents.get(normalizedEventId);
+    if (!eventReports) {
+      eventReports = new Map();
+      this.reportEvents.set(normalizedEventId, eventReports);
+    }
+
+    let reporterEntry = eventReports.get(reporter);
+    if (!reporterEntry) {
+      reporterEntry = new Map();
+      eventReports.set(reporter, reporterEntry);
+    }
+
+    const existing = reporterEntry.get(reportType);
+    const createdAt = ensureNumber(event.created_at);
+
+    if (!existing || createdAt >= ensureNumber(existing.created_at)) {
+      reporterEntry.set(reportType, {
+        created_at: createdAt,
+        id: typeof event.id === "string" ? event.id : "",
+      });
+    }
+
+    this.recomputeSummaryForEvent(normalizedEventId);
+  }
+
+  recomputeAllSummaries() {
+    for (const eventId of this.reportEvents.keys()) {
+      this.recomputeSummaryForEvent(eventId);
+    }
+  }
+
+  recomputeSummaryForEvent(eventId) {
+    const normalized = normalizeEventId(eventId);
+    if (!normalized) {
+      return;
+    }
+
+    const eventReports = this.reportEvents.get(normalized);
+    if (!eventReports || !eventReports.size) {
+      const previousSummary = this.reportSummaries.get(normalized);
+      if (previousSummary && previousSummary.types) {
+        for (const [type, detail] of Object.entries(previousSummary.types)) {
+          if (!detail || typeof detail !== "object") {
+            continue;
+          }
+          const previousTrusted = Number.isFinite(detail.trusted) ? detail.trusted : 0;
+          if (previousTrusted > 0) {
+            this.logThresholdTransitions({
+              eventId: normalized,
+              reportType: type,
+              previousTrusted,
+              nextTrusted: 0,
+            });
+          }
+        }
+      }
+      this.reportSummaries.delete(normalized);
+      this.emit("summary", { eventId: normalized, summary: null });
+      return;
+    }
+
+    const previousSummary = this.reportSummaries.get(normalized);
+    const typeStats = new Map();
+    let totalTrusted = 0;
+    const adminSnapshot = this.getAdminListSnapshot();
+
+    for (const [reporter, typeMap] of eventReports.entries()) {
+      const status = this.getAccessControlStatus(reporter, adminSnapshot);
+      const reporterHex = status.hex || normalizeHex(reporter);
+      if (!reporterHex) {
+        continue;
+      }
+
+      if (this.isPubkeyBlockedByViewer(reporterHex)) {
+        continue;
+      }
+
+      if (status.blacklisted) {
+        continue;
+      }
+
+      const isTrustedReporter = status.whitelisted || this.trustedContacts.has(reporterHex);
+
+      for (const [type, detail] of typeMap.entries()) {
+        let stats = typeStats.get(type);
+        if (!stats) {
+          stats = { trusted: 0, total: 0, latest: 0 };
+          typeStats.set(type, stats);
+        }
+        stats.total += 1;
+        const createdAt = ensureNumber(detail?.created_at);
+        if (createdAt > stats.latest) {
+          stats.latest = createdAt;
+        }
+        if (isTrustedReporter) {
+          stats.trusted += 1;
+          totalTrusted += 1;
+        }
+      }
+    }
+
+    const types = {};
+    for (const [type, stats] of typeStats.entries()) {
+      types[type] = {
+        trusted: stats.trusted,
+        total: stats.total,
+        latest: stats.latest,
+      };
+    }
+
+    if (previousSummary && previousSummary.types) {
+      const seen = new Set([
+        ...Object.keys(previousSummary.types || {}),
+        ...Object.keys(types),
+      ]);
+      for (const type of seen) {
+        const previousEntry = previousSummary?.types?.[type];
+        const nextEntry = types?.[type];
+        const previousTrusted = Number.isFinite(previousEntry?.trusted)
+          ? previousEntry.trusted
+          : 0;
+        const nextTrusted = Number.isFinite(nextEntry?.trusted)
+          ? nextEntry.trusted
+          : 0;
+        if (previousTrusted !== nextTrusted) {
+          this.logThresholdTransitions({
+            eventId: normalized,
+            reportType: type,
+            previousTrusted,
+            nextTrusted,
+          });
+        }
+      }
+    } else {
+      for (const [type, stats] of Object.entries(types)) {
+        const nextTrusted = Number.isFinite(stats?.trusted) ? stats.trusted : 0;
+        if (nextTrusted > 0) {
+          this.logThresholdTransitions({
+            eventId: normalized,
+            reportType: type,
+            previousTrusted: 0,
+            nextTrusted,
+          });
+        }
+      }
+    }
+
+    const summary = {
+      eventId: normalized,
+      totalTrusted,
+      types,
+      updatedAt: Date.now(),
+    };
+
+    this.reportSummaries.set(normalized, summary);
+    this.emit("summary", { eventId: normalized, summary: cloneSummary(summary) });
+  }
+
+  getTrustedReportSummary(eventId) {
+    const normalized = normalizeEventId(eventId);
+    if (!normalized) {
+      return { eventId: "", totalTrusted: 0, types: {}, updatedAt: 0 };
+    }
+    const summary = this.reportSummaries.get(normalized);
+    if (!summary) {
+      return { eventId: normalized, totalTrusted: 0, types: {}, updatedAt: 0 };
+    }
+    return cloneSummary(summary);
+  }
+
+  getTrustedReporters(eventId, type) {
+    const normalizedEventId = normalizeEventId(eventId);
+    if (!normalizedEventId) {
+      return [];
+    }
+
+    const eventReports = this.reportEvents.get(normalizedEventId);
+    if (!eventReports || !eventReports.size) {
+      return [];
+    }
+
+    const normalizedType = normalizeReportType(type);
+    const results = [];
+
+    const adminSnapshot = this.getAdminListSnapshot();
+
+    for (const [reporter, typeMap] of eventReports.entries()) {
+      const status = this.getAccessControlStatus(reporter, adminSnapshot);
+      const reporterHex = status.hex || normalizeHex(reporter);
+      if (!reporterHex) {
+        continue;
+      }
+
+      if (this.isPubkeyBlockedByViewer(reporterHex)) {
+        continue;
+      }
+
+      if (status.blacklisted) {
+        continue;
+      }
+
+      const isTrustedReporter = status.whitelisted || this.trustedContacts.has(reporterHex);
+      if (!isTrustedReporter) {
+        continue;
+      }
+
+      if (normalizedType) {
+        const detail = typeMap.get(normalizedType);
+        if (!detail) {
+          continue;
+        }
+        results.push({
+          pubkey: reporterHex,
+          latest: ensureNumber(detail?.created_at),
+        });
+        continue;
+      }
+
+      let latest = 0;
+      for (const entry of typeMap.values()) {
+        const candidate = ensureNumber(entry?.created_at);
+        if (candidate > latest) {
+          latest = candidate;
+        }
+      }
+      results.push({ pubkey: reporterHex, latest });
+    }
+
+    if (!results.length) {
+      return [];
+    }
+
+    results.sort((a, b) => ensureNumber(b.latest) - ensureNumber(a.latest));
+    return results.map((entry) => ({
+      pubkey: entry.pubkey,
+      latest: ensureNumber(entry.latest),
+    }));
+  }
+
+  trustedReportCount(eventId, type) {
+    const normalizedEventId = normalizeEventId(eventId);
+    if (!normalizedEventId) {
+      return 0;
+    }
+    const summary = this.reportSummaries.get(normalizedEventId);
+    if (!summary) {
+      return 0;
+    }
+    const normalizedType = normalizeReportType(type);
+    const entry = normalizedType ? summary.types[normalizedType] : null;
+    if (!entry) {
+      return 0;
+    }
+    return Number.isFinite(entry.trusted) ? entry.trusted : 0;
+  }
+
+  async submitReport({
+    eventId,
+    type,
+    targetPubkey = "",
+    relayHint = "",
+    content = "",
+  } = {}) {
+    const normalizedEventId = normalizeEventId(eventId);
+    if (!normalizedEventId) {
+      const error = new Error("invalid-event-id");
+      error.code = "invalid-event-id";
+      throw error;
+    }
+
+    const normalizedType = normalizeReportType(type);
+    if (!normalizedType) {
+      const error = new Error("invalid-type");
+      error.code = "invalid-type";
+      throw error;
+    }
+
+    const reporterPubkey = normalizeHex(
+      this.nostrClient?.pubkey || this.nostrClient?.sessionActor?.pubkey,
+    );
+
+    if (!reporterPubkey) {
+      const error = new Error("viewer-not-logged-in");
+      error.code = "viewer-not-logged-in";
+      throw error;
+    }
+
+    const normalizedTarget = normalizeHex(targetPubkey);
+    if (!normalizedTarget) {
+      const error = new Error("invalid-target-pubkey");
+      error.code = "invalid-target-pubkey";
+      throw error;
+    }
+
+    const signer = await this.nostrClient.ensureActiveSignerForPubkey(
+      reporterPubkey,
+    );
+    if (!signer || typeof signer.signEvent !== "function") {
+      const error = new Error("signer-unavailable");
+      error.code = "signer-unavailable";
+      throw error;
+    }
+
+    if (
+      signer.type === "extension" &&
+      typeof this.nostrClient?.ensureExtensionPermissions === "function"
+    ) {
+      const permissionResult = await this.nostrClient.ensureExtensionPermissions([
+        "sign_event",
+        "get_public_key",
+      ]);
+      if (!permissionResult?.ok) {
+        const error = new Error("extension-permission-denied");
+        error.code = "extension-permission-denied";
+        error.details = permissionResult?.error || null;
+        throw error;
+      }
+    }
+
+    const sanitizedRelayHint =
+      typeof relayHint === "string" ? relayHint.trim() : "";
+
+    const event = buildReportEvent({
+      pubkey: reporterPubkey,
+      created_at: Math.floor(Date.now() / 1000),
+      eventId: normalizedEventId,
+      userId: normalizedTarget,
+      reportType: normalizedType,
+      relayHint: sanitizedRelayHint,
+      content: typeof content === "string" ? content : "",
+    });
+
+    let signedEvent;
+    try {
+      signedEvent = await signer.signEvent(event);
+    } catch (error) {
+      const wrapped = new Error("signature-failed");
+      wrapped.code = "signature-failed";
+      wrapped.details = error;
+      throw wrapped;
+    }
+
+    await this.ensurePool();
+    const relays = resolveRelayList(this.nostrClient, { write: true });
+    if (!relays.length) {
+      const error = new Error("no-relays-configured");
+      error.code = "no-relays-configured";
+      throw error;
+    }
+
+    let results = [];
+    try {
+      results = await publishEventToRelays(this.nostrClient.pool, relays, signedEvent);
+      assertAnyRelayAccepted(results, { context: "report" });
+    } catch (error) {
+      const wrapped = new Error("report-publish-failed");
+      wrapped.code = "report-publish-failed";
+      wrapped.details = error;
+      throw wrapped;
+    }
+
+    this.ingestReportEvent(signedEvent);
+    return { ok: true, event: signedEvent, results };
+  }
+
+  async awaitUserBlockRefresh() {
+    if (!this.userBlockRefreshQueue) {
+      return;
+    }
+
+    try {
+      await this.userBlockRefreshQueue;
+    } catch {
+      /* already reported during queue */
+    }
+  }
+}
+
+const moderationService = new ModerationService({
+  nostrClient,
+  logger,
+  userBlocks,
+  accessControl,
+});
+
+export default moderationService;
diff --git a/dist/js/services/nostrService.js b/dist/js/services/nostrService.js
new file mode 100644
index 00000000..9170378f
--- /dev/null
+++ b/dist/js/services/nostrService.js
@@ -0,0 +1,2191 @@
+import { nostrClient } from "../nostrClientFacade.js";
+import { convertEventToVideo } from "../nostr/index.js";
+import { accessControl } from "../accessControl.js";
+import { ALLOW_NSFW_CONTENT } from "../config.js";
+import { devLogger, userLogger } from "../utils/logger.js";
+import { LRUCache } from "../utils/lruCache.js";
+import { describeAttachment, extractAttachmentsFromMessage } from "../attachments/attachmentUtils.js";
+import moderationService from "./moderationService.js";
+import {
+  DM_RELAY_WARNING_FALLBACK,
+  resolveDmRelaySelection,
+} from "./dmNostrService.js";
+import {
+  loadDirectMessageSnapshot,
+  saveDirectMessageSnapshot,
+  clearDirectMessageSnapshot,
+} from "../directMessagesStore.js";
+import { writeMessages } from "../storage/dmDb.js";
+import { DmNotificationManager } from "./dmNotificationManager.js";
+import { getDmDecryptWorkerQueueSize } from "../nostr/dmDecryptWorkerClient.js";
+import {
+  getVideosMap as getStoredVideosMap,
+  setVideosMap as setStoredVideosMap,
+  getVideoSubscription as getStoredVideoSubscription,
+  setVideoSubscription as setStoredVideoSubscription,
+} from "../state/appState.js";
+
+const VIDEO_KIND = 30078;
+const STORAGE_KEY_FILTERED_VIDEOS = "bitvid:filtered-videos:v1";
+const MAX_PERSISTED_VIDEOS = 100;
+const DM_DEFAULT_PAGE_LIMIT = 200;
+const DM_INITIAL_DECRYPT_LIMIT = 120;
+const DM_PREVIEW_CACHE_LIMIT = 500;
+
+function loadPersistedFilteredVideos() {
+  if (
+    typeof window === "undefined" ||
+    !window.localStorage ||
+    typeof window.localStorage.getItem !== "function"
+  ) {
+    return [];
+  }
+
+  try {
+    const raw = window.localStorage.getItem(STORAGE_KEY_FILTERED_VIDEOS);
+    if (!raw) {
+      return [];
+    }
+    const parsed = JSON.parse(raw);
+    return Array.isArray(parsed) ? parsed : [];
+  } catch (error) {
+    userLogger.warn("[nostrService] Failed to load persisted filtered videos", error);
+    return [];
+  }
+}
+
+function persistFilteredVideos(videos) {
+  if (
+    typeof window === "undefined" ||
+    !window.localStorage ||
+    typeof window.localStorage.setItem !== "function"
+  ) {
+    return;
+  }
+
+  if (!Array.isArray(videos)) {
+    return;
+  }
+
+  try {
+    const sliced = videos.slice(0, MAX_PERSISTED_VIDEOS);
+    const serialized = JSON.stringify(sliced);
+    window.localStorage.setItem(STORAGE_KEY_FILTERED_VIDEOS, serialized);
+  } catch (error) {
+    userLogger.warn("[nostrService] Failed to persist filtered videos", error);
+  }
+}
+
+class SimpleEventEmitter {
+  constructor(logger = null) {
+    this.logger = typeof logger === "function" ? logger : null;
+    this.listeners = new Map();
+  }
+
+  on(eventName, handler) {
+    if (typeof handler !== "function") {
+      return () => {};
+    }
+
+    if (!this.listeners.has(eventName)) {
+      this.listeners.set(eventName, new Set());
+    }
+
+    const handlers = this.listeners.get(eventName);
+    handlers.add(handler);
+
+    return () => {
+      handlers.delete(handler);
+      if (!handlers.size) {
+        this.listeners.delete(eventName);
+      }
+    };
+  }
+
+  emit(eventName, detail) {
+    const handlers = this.listeners.get(eventName);
+    if (!handlers || !handlers.size) {
+      return;
+    }
+
+    for (const handler of Array.from(handlers)) {
+      try {
+        handler(detail);
+      } catch (error) {
+        if (this.logger) {
+          try {
+            this.logger(`nostrService listener for "${eventName}" threw`, error);
+          } catch (logError) {
+            userLogger.warn("[nostrService] listener logger threw", logError);
+          }
+        }
+      }
+    }
+  }
+}
+
+function normalizeLogger(logger) {
+  if (typeof logger === "function") {
+    return logger;
+  }
+  if (logger && typeof logger.log === "function") {
+    return (...args) => logger.log(...args);
+  }
+  return () => {};
+}
+
+function ensureSet(value) {
+  if (value instanceof Set) {
+    return value;
+  }
+  if (Array.isArray(value)) {
+    return new Set(value);
+  }
+  return new Set();
+}
+
+function normalizeHexPubkey(pubkey) {
+  if (typeof pubkey !== "string") {
+    return "";
+  }
+
+  const trimmed = pubkey.trim();
+  return trimmed ? trimmed.toLowerCase() : "";
+}
+
+function normalizeUntil(timestamp) {
+  const value = Number(timestamp);
+  if (!Number.isFinite(value) || value <= 0) {
+    return 0;
+  }
+  const seconds = Math.floor(value);
+  return seconds > 0 ? seconds : 0;
+}
+
+function sanitizeSnapshotTimestamp(value) {
+  const numeric = Number(value);
+  if (!Number.isFinite(numeric) || numeric <= 0) {
+    return 0;
+  }
+
+  const floored = Math.floor(numeric);
+  if (!Number.isFinite(floored) || floored <= 0) {
+    return 0;
+  }
+
+  return floored;
+}
+
+function resolveDirectMessageCreatedAt(message) {
+  const createdAt = sanitizeSnapshotTimestamp(
+    message?.message?.created_at ??
+      message?.event?.created_at ??
+      message?.created_at ??
+      message?.timestamp,
+  );
+
+  if (createdAt) {
+    return createdAt;
+  }
+
+  return Math.floor(Date.now() / 1000);
+}
+
+function resolveDirectMessageSortValue(message) {
+  return sanitizeSnapshotTimestamp(
+    message?.created_at ??
+      message?.timestamp ??
+      message?.message?.created_at ??
+      message?.event?.created_at,
+  );
+}
+
+const SNAPSHOT_PREVIEW_LIMIT = 160;
+
+function sanitizeSnapshotPreview(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+
+  let preview = value.replace(/\s+/g, " ").trim();
+  if (!preview) {
+    return "";
+  }
+
+  if (preview.length > SNAPSHOT_PREVIEW_LIMIT) {
+    preview = `${preview.slice(0, SNAPSHOT_PREVIEW_LIMIT).trimEnd()}\u2026`;
+  }
+
+  return preview;
+}
+
+function extractSnapshotPreview(message) {
+  if (!message || typeof message !== "object") {
+    return "";
+  }
+
+  const candidates = [];
+  if (typeof message.plaintext === "string") {
+    candidates.push(message.plaintext);
+  }
+  if (typeof message.preview === "string") {
+    candidates.push(message.preview);
+  }
+  if (message.message && typeof message.message.content === "string") {
+    candidates.push(message.message.content);
+  }
+
+  const selected = candidates.find((candidate) => candidate && candidate.trim());
+  if (selected) {
+    return sanitizeSnapshotPreview(selected);
+  }
+
+  const attachments = extractAttachmentsFromMessage(message);
+  if (attachments.length) {
+    return sanitizeSnapshotPreview(describeAttachment(attachments[0]));
+  }
+
+  return "";
+}
+
+function resolvePreviewCacheKey(message) {
+  if (!message || typeof message !== "object") {
+    return "";
+  }
+
+  const eventId = typeof message?.event?.id === "string" ? message.event.id : "";
+  if (eventId) {
+    return eventId;
+  }
+
+  const remote =
+    typeof message?.snapshot?.remotePubkey === "string"
+      ? message.snapshot.remotePubkey.trim()
+      : typeof message?.remotePubkey === "string"
+      ? message.remotePubkey.trim()
+      : "";
+  const timestamp = resolveDirectMessageSortValue(message);
+
+  if (remote && timestamp) {
+    return `snapshot:${remote}:${timestamp}`;
+  }
+
+  return "";
+}
+
+function toPositiveInteger(value, fallback) {
+  const numeric = Number(value);
+  if (!Number.isFinite(numeric) || numeric <= 0) {
+    return fallback;
+  }
+  return Math.floor(numeric);
+}
+
+function getMemoryUsageSnapshot() {
+  if (typeof performance === "undefined" || !performance?.memory) {
+    return null;
+  }
+
+  return {
+    usedJSHeapSize: performance.memory.usedJSHeapSize,
+    totalJSHeapSize: performance.memory.totalJSHeapSize,
+    jsHeapSizeLimit: performance.memory.jsHeapSizeLimit,
+  };
+}
+
+function getActiveKey(video) {
+  if (video.videoRootId) {
+    return `ROOT:${video.videoRootId}`;
+  }
+  const dTag = video.tags?.find((t) => Array.isArray(t) && t[0] === "d");
+  if (dTag && typeof dTag[1] === "string") {
+    return `${video.pubkey}:${dTag[1]}`;
+  }
+  return `LEGACY:${video.id}`;
+}
+
+function resolveDirectMessageRemotePubkey(message, actorPubkey = "") {
+  const normalizedActor = normalizeHexPubkey(actorPubkey);
+
+  const directRemote =
+    typeof message?.remotePubkey === "string"
+      ? normalizeHexPubkey(message.remotePubkey)
+      : "";
+  if (directRemote && directRemote !== normalizedActor) {
+    return directRemote;
+  }
+
+  const snapshotRemote =
+    typeof message?.snapshot?.remotePubkey === "string"
+      ? normalizeHexPubkey(message.snapshot.remotePubkey)
+      : "";
+  if (snapshotRemote && snapshotRemote !== normalizedActor) {
+    return snapshotRemote;
+  }
+
+  const direction =
+    typeof message?.direction === "string"
+      ? message.direction.toLowerCase()
+      : "";
+
+  const senderHex =
+    typeof message?.sender?.pubkey === "string"
+      ? normalizeHexPubkey(message.sender.pubkey)
+      : "";
+
+  if (direction === "incoming" && senderHex && senderHex !== normalizedActor) {
+    return senderHex;
+  }
+
+  if (Array.isArray(message?.recipients)) {
+    for (const recipient of message.recipients) {
+      const candidate =
+        recipient && typeof recipient.pubkey === "string"
+          ? normalizeHexPubkey(recipient.pubkey)
+          : "";
+      if (candidate && candidate !== normalizedActor) {
+        return candidate;
+      }
+    }
+  }
+
+  if (direction === "outgoing" && senderHex && senderHex !== normalizedActor) {
+    return senderHex;
+  }
+
+  const messagePubkey =
+    typeof message?.message?.pubkey === "string"
+      ? normalizeHexPubkey(message.message.pubkey)
+      : "";
+  if (messagePubkey && messagePubkey !== normalizedActor) {
+    return messagePubkey;
+  }
+
+  const eventPubkey =
+    typeof message?.event?.pubkey === "string"
+      ? normalizeHexPubkey(message.event.pubkey)
+      : "";
+  if (eventPubkey && eventPubkey !== normalizedActor) {
+    return eventPubkey;
+  }
+
+  if (senderHex && senderHex !== normalizedActor) {
+    return senderHex;
+  }
+
+  return "";
+}
+
+function buildConversationId(actorPubkey, remotePubkey) {
+  const normalizedActor = normalizeHexPubkey(actorPubkey);
+  const normalizedRemote = normalizeHexPubkey(remotePubkey);
+
+  if (!normalizedActor || !normalizedRemote) {
+    return "";
+  }
+
+  return `dm:${[normalizedActor, normalizedRemote].sort().join(":")}`;
+}
+
+function normalizeDirectMessageRecord(message, actorPubkey = "") {
+  if (!message || message.ok !== true) {
+    return null;
+  }
+
+  const actor = normalizeHexPubkey(
+    actorPubkey || message.actorPubkey || "",
+  );
+  const remote = resolveDirectMessageRemotePubkey(message, actor);
+  const conversationId = buildConversationId(actor, remote);
+  const eventId =
+    typeof message?.event?.id === "string" ? message.event.id : "";
+
+  if (!conversationId || !eventId) {
+    return null;
+  }
+
+  const senderPubkey = normalizeHexPubkey(
+    message?.sender?.pubkey ||
+      message?.message?.pubkey ||
+      message?.event?.pubkey ||
+      "",
+  );
+  const direction = message.direction;
+  let receiverPubkey = "";
+
+  if (direction === "incoming") {
+    receiverPubkey = actor;
+  } else if (direction === "outgoing") {
+    receiverPubkey = remote;
+  } else if (senderPubkey) {
+    receiverPubkey = senderPubkey === actor ? remote : actor;
+  }
+
+  const createdAt = resolveDirectMessageCreatedAt(message);
+
+  const kind =
+    Number.isFinite(message?.message?.kind)
+      ? message.message.kind
+      : Number.isFinite(message?.event?.kind)
+      ? message.event.kind
+      : 0;
+
+  const tags = Array.isArray(message?.message?.tags)
+    ? message.message.tags
+    : Array.isArray(message?.event?.tags)
+    ? message.event.tags
+    : [];
+
+  const encryptionScheme =
+    typeof message?.encryption_scheme === "string"
+      ? message.encryption_scheme.trim()
+      : typeof message?.scheme === "string"
+      ? message.scheme.trim()
+      : typeof message?.decryptor?.scheme === "string"
+      ? message.decryptor.scheme.trim()
+      : "";
+
+  return {
+    id: eventId,
+    conversation_id: conversationId,
+    sender_pubkey: senderPubkey || actor,
+    receiver_pubkey: receiverPubkey,
+    created_at: createdAt,
+    kind,
+    content: typeof message?.plaintext === "string" ? message.plaintext : "",
+    tags,
+    relay: typeof message?.event?.relay === "string" ? message.event.relay : "",
+    status: "published",
+    seen: direction !== "incoming",
+    encryption_scheme: encryptionScheme,
+  };
+}
+
+function buildSnapshotFromMessages(messages, actorPubkey = "", resolvePreview = null) {
+  const normalizedActor = normalizeHexPubkey(actorPubkey);
+  const threadMap = new Map();
+
+  for (const message of Array.isArray(messages) ? messages : []) {
+    if (!message || message.ok !== true) {
+      continue;
+    }
+
+    const remote = resolveDirectMessageRemotePubkey(message, normalizedActor);
+    if (!remote) {
+      continue;
+    }
+
+    const timestamp = resolveDirectMessageSortValue(message);
+    const preview =
+      typeof resolvePreview === "function"
+        ? resolvePreview(message)
+        : extractSnapshotPreview(message);
+
+    const existing = threadMap.get(remote);
+    if (!existing || timestamp > existing.latestTimestamp) {
+      threadMap.set(remote, {
+        remotePubkey: remote,
+        latestTimestamp: timestamp,
+        preview,
+      });
+    }
+  }
+
+  return Array.from(threadMap.values()).sort(
+    (a, b) => (b.latestTimestamp || 0) - (a.latestTimestamp || 0),
+  );
+}
+
+function normalizeDirectMessagePayload(message) {
+  if (!message || message.ok !== true) {
+    return null;
+  }
+
+  const eventId = typeof message?.event?.id === "string" ? message.event.id : "";
+  if (!eventId) {
+    return null;
+  }
+
+  const createdAt = resolveDirectMessageCreatedAt(message);
+
+  return {
+    ...message,
+    created_at: createdAt,
+    timestamp: createdAt,
+  };
+}
+
+function mergeDirectMessageCache(existingMessages, incomingMessages) {
+  const mergedIndex = new Map();
+
+  const upsert = (message) => {
+    const normalized = normalizeDirectMessagePayload(message);
+    if (!normalized) {
+      return;
+    }
+
+    const eventId = normalized.event.id;
+    const existing = mergedIndex.get(eventId);
+    if (
+      !existing ||
+      normalized.created_at >= resolveDirectMessageSortValue(existing)
+    ) {
+      mergedIndex.set(eventId, normalized);
+    }
+  };
+
+  for (const message of Array.isArray(existingMessages) ? existingMessages : []) {
+    upsert(message);
+  }
+
+  for (const message of Array.isArray(incomingMessages) ? incomingMessages : []) {
+    upsert(message);
+  }
+
+  const mergedMessages = Array.from(mergedIndex.values());
+  mergedMessages.sort(
+    (a, b) => resolveDirectMessageSortValue(b) - resolveDirectMessageSortValue(a),
+  );
+
+  return { messages: mergedMessages, index: mergedIndex };
+}
+
+function hydrateMessagesFromSnapshot(snapshot, actorPubkey = "") {
+  const normalizedActor = normalizeHexPubkey(actorPubkey);
+  const hydrated = [];
+
+  const entries = Array.isArray(snapshot) ? snapshot : [];
+  entries.sort(
+    (a, b) => (b?.latestTimestamp || 0) - (a?.latestTimestamp || 0),
+  );
+
+  entries.forEach((entry, index) => {
+    const remote = normalizeHexPubkey(entry?.remotePubkey || entry?.remote);
+    if (!remote) {
+      return;
+    }
+
+    const timestamp = sanitizeSnapshotTimestamp(entry?.latestTimestamp);
+    const preview = sanitizeSnapshotPreview(entry?.preview || "");
+
+    hydrated.push({
+      ok: true,
+      timestamp,
+      plaintext: preview || null,
+      preview: preview || "",
+      actorPubkey: normalizedActor,
+      remotePubkey: remote,
+      sender: remote
+        ? {
+            pubkey: remote,
+            relayHints: [],
+            role: "snapshot",
+          }
+        : null,
+      recipients: [],
+      direction: "unknown",
+      scheme: "",
+      encryption_scheme: "",
+      decryptor: { scheme: "", source: "snapshot" },
+      event: {
+        id: `dm-snapshot:${normalizedActor || "actor"}:${remote}:${timestamp}:${index}`,
+      },
+      message: preview
+        ? {
+            content: preview,
+          }
+        : null,
+      snapshot: {
+        remotePubkey: remote,
+        timestamp,
+        preview,
+      },
+    });
+  });
+
+  return hydrated;
+}
+
+export class NostrService {
+  constructor({ logger } = {}) {
+    this.nostrClient = nostrClient;
+    this.accessControl = accessControl;
+    this.logger = normalizeLogger(logger);
+    this.emitter = new SimpleEventEmitter((message, error) => {
+      try {
+        this.logger(message, error);
+      } catch (logError) {
+        userLogger.warn("[nostrService] logger threw", logError);
+      }
+    });
+    this.videosMap = null;
+    this.videosByAuthorIndex = null;
+    this.authorIndexDirty = false;
+    this.moderationService = moderationService || null;
+    this.initialLoadPromise = null;
+    this.initialLoadResolved = false;
+    this.initialLoadResolve = null;
+    this.dmMessages = [];
+    this.dmMessageIndex = new Map();
+    this.dmSubscription = null;
+    this.dmActorPubkey = null;
+    this.dmSubscriptionRelays = null;
+    this.dmHydratedFromSnapshot = false;
+    this.dmNotificationManager = new DmNotificationManager({
+      logger: userLogger,
+    });
+    this.dmPreviewCache = new LRUCache({ maxSize: DM_PREVIEW_CACHE_LIMIT });
+    try {
+      if (this.moderationService && typeof this.moderationService.setNostrClient === "function") {
+        this.moderationService.setNostrClient(this.nostrClient);
+      }
+    } catch (error) {
+      userLogger.warn("[nostrService] Failed to attach moderation service", error);
+    }
+  }
+
+  log(...args) {
+    try {
+      this.logger(...args);
+    } catch (error) {
+      userLogger.warn("[nostrService] logger threw", error);
+    }
+  }
+
+  getDirectMessagePreviewCacheStats() {
+    if (!this.dmPreviewCache || typeof this.dmPreviewCache.getStats !== "function") {
+      return null;
+    }
+    return this.dmPreviewCache.getStats();
+  }
+
+  resolveDirectMessagePreview(message) {
+    const cacheKey = resolvePreviewCacheKey(message);
+    if (cacheKey && this.dmPreviewCache) {
+      const cached = this.dmPreviewCache.get(cacheKey);
+      if (cached !== undefined) {
+        return cached;
+      }
+    }
+
+    const preview = extractSnapshotPreview(message);
+    if (cacheKey && this.dmPreviewCache) {
+      this.dmPreviewCache.set(cacheKey, preview);
+    }
+    return preview;
+  }
+
+  logDirectMessageDiagnostics({ context = "", limit, decryptLimit } = {}) {
+    const cacheStats =
+      typeof this.nostrClient?.getDmDecryptCacheStats === "function"
+        ? this.nostrClient.getDmDecryptCacheStats()
+        : null;
+    const previewStats = this.getDirectMessagePreviewCacheStats();
+    const memory = getMemoryUsageSnapshot();
+
+    devLogger.debug("[nostrService] DM diagnostics", {
+      context,
+      limit,
+      decryptLimit,
+      workerQueueSize: getDmDecryptWorkerQueueSize(),
+      messageCount: Array.isArray(this.dmMessages) ? this.dmMessages.length : 0,
+      decryptCache: cacheStats,
+      previewCache: previewStats,
+      memory,
+    });
+  }
+
+  on(eventName, handler) {
+    return this.emitter.on(eventName, handler);
+  }
+
+  emit(eventName, detail) {
+    this.emitter.emit(eventName, detail);
+  }
+
+  ensureInitialLoadDeferred() {
+    if (!this.initialLoadPromise) {
+      this.initialLoadResolved = false;
+      this.initialLoadPromise = new Promise((resolve) => {
+        this.initialLoadResolve = (value) => {
+          if (this.initialLoadResolved) {
+            return;
+          }
+          this.initialLoadResolved = true;
+          this.initialLoadResolve = null;
+          resolve(value);
+        };
+      });
+    }
+
+    return this.initialLoadPromise;
+  }
+
+  resolveInitialLoad(value) {
+    if (this.initialLoadResolved) {
+      return;
+    }
+
+    if (typeof this.initialLoadResolve === "function") {
+      try {
+        this.initialLoadResolve(value);
+      } finally {
+        this.initialLoadResolve = null;
+        this.initialLoadResolved = true;
+      }
+    }
+  }
+
+  awaitInitialLoad() {
+    return this.ensureInitialLoadDeferred();
+  }
+
+  resolveActiveDmActor() {
+    if (
+      this.nostrClient &&
+      typeof this.nostrClient.pubkey === "string" &&
+      this.nostrClient.pubkey
+    ) {
+      return this.nostrClient.pubkey;
+    }
+
+    if (
+      this.nostrClient?.sessionActor &&
+      typeof this.nostrClient.sessionActor.pubkey === "string"
+    ) {
+      return this.nostrClient.sessionActor.pubkey;
+    }
+
+    return "";
+  }
+
+  getDirectMessages() {
+    return Array.isArray(this.dmMessages) ? [...this.dmMessages] : [];
+  }
+
+  clearDirectMessages({ actorPubkey = null, emit = true } = {}) {
+    this.dmMessages = [];
+    this.dmMessageIndex = new Map();
+    this.dmHydratedFromSnapshot = false;
+    if (this.dmPreviewCache) {
+      this.dmPreviewCache.clear();
+    }
+    if (this.dmNotificationManager?.reset) {
+      try {
+        this.dmNotificationManager.reset();
+      } catch (error) {
+        userLogger.warn("[nostrService] Failed to reset DM notifications cache", error);
+      }
+    }
+    const activeActor = normalizeHexPubkey(
+      typeof actorPubkey === "string" && actorPubkey
+        ? actorPubkey
+        : this.dmActorPubkey || this.resolveActiveDmActor(),
+    );
+    if (activeActor) {
+      clearDirectMessageSnapshot(activeActor).catch((error) => {
+        userLogger.warn("[nostrService] Failed to clear DM snapshot", error);
+      });
+    }
+    this.dmActorPubkey = null;
+    if (typeof this.nostrClient?.clearDmDecryptCache === "function") {
+      try {
+        this.nostrClient.clearDmDecryptCache();
+      } catch (error) {
+        userLogger.warn("[nostrService] Failed to clear DM decrypt cache", error);
+      }
+    }
+    if (emit) {
+      this.emit("directMessages:cleared", {});
+      this.emit("directMessages:updated", { messages: [] });
+    }
+  }
+
+  async persistDirectMessageRecord(message, { actorPubkey = null } = {}) {
+    const record = normalizeDirectMessageRecord(
+      message,
+      actorPubkey || message?.actorPubkey || this.dmActorPubkey,
+    );
+    if (!record) {
+      return null;
+    }
+
+    try {
+      await writeMessages(record);
+      const notificationResult = await this.dmNotificationManager.recordMessage({
+        record,
+        preview: this.resolveDirectMessagePreview(message),
+        direction: message?.direction || "",
+      });
+      if (notificationResult?.conversation) {
+        this.emit("directMessages:conversationUpdated", {
+          conversation: notificationResult.conversation,
+        });
+      }
+      if (notificationResult?.shouldNotify) {
+        this.emit("directMessages:notification", {
+          conversationId: record.conversation_id,
+          message: record,
+          unseenCount: notificationResult.conversation?.unseen_count || 0,
+        });
+      }
+      return record;
+    } catch (error) {
+      userLogger.warn("[nostrService] Failed to persist DM record", error);
+      return null;
+    }
+  }
+
+  setFocusedDirectMessageConversation(conversationId, isFocused = true) {
+    this.dmNotificationManager.setFocusedConversation(conversationId, isFocused);
+  }
+
+  async acknowledgeRenderedDirectMessages(conversationId, renderedUntil) {
+    const conversation = await this.dmNotificationManager.acknowledgeRenderedMessages({
+      conversationId,
+      renderedUntil,
+    });
+    if (conversation) {
+      this.emit("directMessages:conversationUpdated", {
+        conversation,
+      });
+    }
+    return conversation;
+  }
+
+  getDirectMessageUnseenCount(conversationId) {
+    return this.dmNotificationManager.getUnseenCount(conversationId);
+  }
+
+  async listDirectMessageConversationSummaries() {
+    return this.dmNotificationManager.listConversationSummaries();
+  }
+
+  applyDirectMessage(message, { reason = "update", event = null } = {}) {
+    if (!message || message.ok !== true) {
+      return;
+    }
+
+    const eventId = message?.event?.id;
+    if (typeof eventId !== "string" || !eventId) {
+      return;
+    }
+
+    const normalized = normalizeDirectMessagePayload(message);
+    if (!normalized) {
+      return;
+    }
+
+    this.dmMessageIndex.set(eventId, normalized);
+
+    const actor = normalizeHexPubkey(
+      normalized?.actorPubkey || this.dmActorPubkey || this.resolveActiveDmActor(),
+    );
+    const remote = resolveDirectMessageRemotePubkey(normalized, actor);
+
+    if (remote) {
+      this.dmMessages = this.dmMessages.filter(
+        (entry) =>
+          !entry?.snapshot || entry.snapshot.remotePubkey !== remote,
+      );
+    }
+
+    const existingIndex = this.dmMessages.findIndex(
+      (entry) => entry?.event?.id === eventId,
+    );
+    if (existingIndex >= 0) {
+      this.dmMessages[existingIndex] = normalized;
+    } else {
+      this.dmMessages.push(normalized);
+    }
+
+    this.dmMessages.sort(
+      (a, b) => resolveDirectMessageSortValue(b) - resolveDirectMessageSortValue(a),
+    );
+    if (actor) {
+      this.dmActorPubkey = actor;
+    }
+    this.dmHydratedFromSnapshot = false;
+
+    this.emit("directMessages:message", { message: normalized, reason, event });
+    this.emit("directMessages:updated", {
+      messages: this.getDirectMessages(),
+      reason,
+    });
+
+    if (actor) {
+      this.persistDirectMessageSnapshot(actor).catch((error) => {
+        userLogger.warn(
+          "[nostrService] Failed to persist DM snapshot after update",
+          error,
+        );
+      });
+    }
+
+    if (!normalized.snapshot) {
+      void this.persistDirectMessageRecord(normalized, { actorPubkey: actor });
+    }
+  }
+
+  async hydrateDirectMessagesFromStore({
+    actorPubkey = null,
+    emit = false,
+    force = false,
+  } = {}) {
+    const activeActor = normalizeHexPubkey(
+      typeof actorPubkey === "string" && actorPubkey
+        ? actorPubkey
+        : this.resolveActiveDmActor(),
+    );
+
+    if (!activeActor) {
+      return [];
+    }
+
+    let stored = [];
+    try {
+      stored = await loadDirectMessageSnapshot(activeActor);
+    } catch (error) {
+      userLogger.warn("[nostrService] Failed to load DM snapshot", error);
+      return [];
+    }
+
+    const hydrated = hydrateMessagesFromSnapshot(stored, activeActor);
+
+    const shouldReplace =
+      force ||
+      !Array.isArray(this.dmMessages) ||
+      !this.dmMessages.length ||
+      this.dmHydratedFromSnapshot;
+
+    this.dmActorPubkey = activeActor;
+
+    if (!shouldReplace) {
+      return this.getDirectMessages();
+    }
+
+    if (force) {
+      this.dmMessages = [];
+      this.dmMessageIndex = new Map();
+    }
+
+    const merged = mergeDirectMessageCache(this.dmMessages, hydrated);
+    this.dmMessageIndex = merged.index;
+    this.dmMessages = merged.messages;
+    this.dmHydratedFromSnapshot = hydrated.length > 0;
+
+    const snapshot = this.getDirectMessages();
+
+    if (emit) {
+      this.emit("directMessages:hydrated", {
+        messages: snapshot,
+        actorPubkey: activeActor,
+      });
+      this.emit("directMessages:updated", {
+        messages: snapshot,
+        reason: "snapshot",
+      });
+    }
+
+    return snapshot;
+  }
+
+  async loadDirectMessages({ actorPubkey, relays, ...options } = {}) {
+    const activeActor = actorPubkey || this.resolveActiveDmActor();
+    const normalizedActor = normalizeHexPubkey(activeActor);
+    if (!normalizedActor) {
+      return [];
+    }
+
+    const initialLoad = options.initialLoad !== false;
+    const limitCandidate = Number(options.limit);
+    const resolvedLimit = toPositiveInteger(limitCandidate, DM_DEFAULT_PAGE_LIMIT);
+    const decryptLimitCandidate = Number(options.decryptLimit);
+    let resolvedDecryptLimit = initialLoad
+      ? toPositiveInteger(decryptLimitCandidate, DM_INITIAL_DECRYPT_LIMIT)
+      : Number.isFinite(decryptLimitCandidate) && decryptLimitCandidate > 0
+      ? Math.floor(decryptLimitCandidate)
+      : null;
+    const sinceCandidate = Number(options.since);
+    const untilCandidate = Number(options.until);
+
+    if (resolvedDecryptLimit && resolvedDecryptLimit > resolvedLimit) {
+      resolvedDecryptLimit = resolvedLimit;
+    }
+
+    if (!Number.isFinite(limitCandidate) || limitCandidate <= 0) {
+      devLogger.debug("[nostrService] Using default DM pagination limit", {
+        limit: resolvedLimit,
+        decryptLimit: resolvedDecryptLimit,
+        initialLoad,
+      });
+    }
+
+    const forceHydration =
+      this.dmActorPubkey && this.dmActorPubkey !== normalizedActor;
+
+    await this.hydrateDirectMessagesFromStore({
+      actorPubkey: normalizedActor,
+      emit: true,
+      force: forceHydration,
+    });
+
+    this.dmActorPubkey = normalizedActor;
+
+    let resolvedSince =
+      Number.isFinite(sinceCandidate) && sinceCandidate >= 0
+        ? Math.floor(sinceCandidate)
+        : null;
+    const resolvedUntil =
+      Number.isFinite(untilCandidate) && untilCandidate >= 0
+        ? Math.floor(untilCandidate)
+        : null;
+    if (resolvedSince === null && initialLoad) {
+      let latestTimestamp = 0;
+      for (const message of Array.isArray(this.dmMessages) ? this.dmMessages : []) {
+        const timestamp = resolveDirectMessageSortValue(message);
+        if (timestamp > latestTimestamp) {
+          latestTimestamp = timestamp;
+        }
+      }
+      if (latestTimestamp > 0) {
+        resolvedSince = Math.max(latestTimestamp - 60, 0);
+      }
+    }
+
+    let messages = [];
+    try {
+      messages = await this.nostrClient.listDirectMessages(normalizedActor, {
+        relays,
+        ...options,
+        limit: resolvedLimit,
+        decryptLimit: resolvedDecryptLimit,
+        ...(resolvedSince !== null ? { since: resolvedSince } : {}),
+        ...(resolvedUntil !== null ? { until: resolvedUntil } : {}),
+        onMessage: (message) => {
+          this.applyDirectMessage(message, { reason: "load-incremental" });
+        },
+      });
+    } catch (error) {
+      userLogger.warn("[nostrService] Failed to load direct messages", error);
+      return this.getDirectMessages();
+    }
+
+    const collected = [];
+
+    for (const message of Array.isArray(messages) ? messages : []) {
+      const normalized = normalizeDirectMessagePayload(message);
+      if (!normalized) {
+        continue;
+      }
+
+      collected.push(normalized);
+    }
+
+    const merged = mergeDirectMessageCache(this.dmMessages, collected);
+    this.dmMessageIndex = merged.index;
+    this.dmMessages = merged.messages;
+
+    const snapshot = this.getDirectMessages();
+
+    this.dmHydratedFromSnapshot = false;
+
+    this.emit("directMessages:loaded", {
+      messages: snapshot,
+      actorPubkey: normalizedActor,
+    });
+    this.emit("directMessages:updated", {
+      messages: snapshot,
+      reason: "load",
+    });
+
+    try {
+      await this.persistDirectMessageSnapshot(normalizedActor, snapshot);
+    } catch (error) {
+      userLogger.warn(
+        "[nostrService] Failed to persist DM snapshot after load",
+        error,
+      );
+    }
+
+    this.logDirectMessageDiagnostics({
+      context: "load",
+      limit: resolvedLimit,
+      decryptLimit: resolvedDecryptLimit,
+    });
+
+    return snapshot;
+  }
+
+  async ensureDirectMessageSubscription({ actorPubkey, relays, ...handlers } = {}) {
+    const activeActor = actorPubkey || this.resolveActiveDmActor();
+    const normalizedActor = normalizeHexPubkey(activeActor);
+    if (!normalizedActor) {
+      return null;
+    }
+
+    if (this.dmSubscription) {
+      if (this.dmActorPubkey === normalizedActor) {
+        devLogger.log(
+          "[nostrService] Reusing existing DM subscription for active actor.",
+          {
+            actorPubkey: normalizedActor,
+            relays: Array.isArray(this.dmSubscriptionRelays)
+              ? this.dmSubscriptionRelays
+              : [],
+          },
+        );
+        return this.dmSubscription;
+      }
+      devLogger.log(
+        "[nostrService] Replacing existing DM subscription for new actor.",
+        {
+          previous: this.dmActorPubkey,
+          next: normalizedActor,
+          previousRelays: Array.isArray(this.dmSubscriptionRelays)
+            ? this.dmSubscriptionRelays
+            : [],
+        },
+      );
+      this.stopDirectMessageSubscription();
+    }
+
+    let resolvedRelays = Array.isArray(relays) ? relays : null;
+    let relaySelection = null;
+
+    if (!resolvedRelays) {
+      const discoveryRelays = Array.isArray(this.nostrClient?.readRelays)
+        ? this.nostrClient.readRelays
+        : Array.isArray(this.nostrClient?.relays)
+        ? this.nostrClient.relays
+        : [];
+
+      let pool = this.nostrClient?.pool || null;
+      if (!pool && typeof this.nostrClient?.ensurePool === "function") {
+        try {
+          pool = await this.nostrClient.ensurePool();
+        } catch (error) {
+          devLogger.warn("[nostrService] Failed to initialize DM relay pool.", error);
+        }
+      }
+
+      relaySelection = await resolveDmRelaySelection({
+        pubkey: normalizedActor,
+        discoveryRelays,
+        fallbackRelays: discoveryRelays,
+        pool,
+        log: { dev: devLogger, user: userLogger },
+      });
+      resolvedRelays = relaySelection.relays;
+    }
+
+    try {
+      const subscription = this.nostrClient.subscribeDirectMessages(
+        normalizedActor,
+        {
+          relays: resolvedRelays,
+          onEvent: handlers.onEvent,
+          onMessage: (message, context = {}) => {
+            this.applyDirectMessage(message, {
+              reason: "subscription",
+              event: context.event || null,
+            });
+            if (typeof handlers.onMessage === "function") {
+              try {
+                handlers.onMessage(message, context);
+              } catch (error) {
+                userLogger.warn(
+                  "[nostrService] DM onMessage handler threw",
+                  error,
+                );
+              }
+            }
+          },
+          onFailure: (payload, context) => {
+            this.emit("directMessages:failure", { failure: payload, context });
+            if (typeof handlers.onFailure === "function") {
+              try {
+                handlers.onFailure(payload, context);
+              } catch (error) {
+                userLogger.warn(
+                  "[nostrService] DM onFailure handler threw",
+                  error,
+                );
+              }
+            }
+          },
+          onError: (error, context) => {
+            this.emit("directMessages:error", { error, context });
+            if (typeof handlers.onError === "function") {
+              try {
+                handlers.onError(error, context);
+              } catch (handlerError) {
+                userLogger.warn(
+                  "[nostrService] DM onError handler threw",
+                  handlerError,
+                );
+              }
+            } else {
+              userLogger.warn(
+                "[nostrService] Direct message subscription error",
+                error,
+              );
+            }
+          },
+          onEose: () => {
+            this.emit("directMessages:eose", { actorPubkey: normalizedActor });
+            if (typeof handlers.onEose === "function") {
+              try {
+                handlers.onEose();
+              } catch (error) {
+                userLogger.warn(
+                  "[nostrService] DM onEose handler threw",
+                  error,
+                );
+              }
+            }
+          },
+        },
+      );
+
+      this.dmSubscription = subscription;
+      this.dmActorPubkey = normalizedActor;
+      this.dmSubscriptionRelays = Array.isArray(resolvedRelays)
+        ? resolvedRelays.slice()
+        : [];
+      devLogger.log("[nostrService] DM subscription activated.", {
+        actorPubkey: normalizedActor,
+        relays: resolvedRelays,
+      });
+      this.emit("directMessages:subscribed", { subscription });
+      if (relaySelection?.warning === DM_RELAY_WARNING_FALLBACK) {
+        this.emit("directMessages:relayWarning", {
+          actorPubkey: normalizedActor,
+          warning: relaySelection.warning,
+          relays: resolvedRelays,
+          source: relaySelection.source,
+        });
+      }
+      return subscription;
+    } catch (error) {
+      userLogger.warn(
+        "[nostrService] Failed to subscribe to direct messages",
+        error,
+      );
+      return null;
+    }
+  }
+
+  stopDirectMessageSubscription() {
+    if (this.dmSubscription && typeof this.dmSubscription.unsub === "function") {
+      try {
+        this.dmSubscription.unsub();
+      } catch (error) {
+        userLogger.warn(
+          "[nostrService] Failed to unsubscribe from direct messages",
+          error,
+        );
+      }
+    }
+    this.dmSubscription = null;
+    this.dmSubscriptionRelays = null;
+  }
+
+  async persistDirectMessageSnapshot(actorPubkey = null, messages = null) {
+    const normalizedActor = normalizeHexPubkey(
+      typeof actorPubkey === "string" && actorPubkey
+        ? actorPubkey
+        : this.dmActorPubkey || this.resolveActiveDmActor(),
+    );
+
+    if (!normalizedActor) {
+      return [];
+    }
+
+    const sourceMessages = Array.isArray(messages) ? messages : this.dmMessages;
+    const snapshotPayload = buildSnapshotFromMessages(
+      sourceMessages,
+      normalizedActor,
+      (message) => this.resolveDirectMessagePreview(message),
+    );
+
+    if (!snapshotPayload.length) {
+      await clearDirectMessageSnapshot(normalizedActor);
+      return snapshotPayload;
+    }
+
+    return saveDirectMessageSnapshot(normalizedActor, snapshotPayload);
+  }
+
+  getModerationService() {
+    if (!this.moderationService) {
+      return null;
+    }
+
+    try {
+      if (
+        typeof this.moderationService.setNostrClient === "function" &&
+        this.moderationService.nostrClient !== this.nostrClient
+      ) {
+        this.moderationService.setNostrClient(this.nostrClient);
+      }
+
+      if (typeof this.moderationService.refreshViewerFromClient === "function") {
+        this.moderationService.refreshViewerFromClient();
+      }
+    } catch (error) {
+      userLogger.warn("[nostrService] Failed to synchronize moderation service", error);
+    }
+
+    return this.moderationService;
+  }
+
+  ensureVideosMap() {
+    if (this.videosMap instanceof Map) {
+      return this.videosMap;
+    }
+
+    let map = getStoredVideosMap();
+    if (!(map instanceof Map)) {
+      map = new Map();
+      setStoredVideosMap(map);
+    }
+
+    this.videosMap = map;
+    this.markAuthorIndexDirty();
+    return this.videosMap;
+  }
+
+  getVideosMap() {
+    return this.ensureVideosMap();
+  }
+
+  getVideoSubscription() {
+    return getStoredVideoSubscription();
+  }
+
+  setVideoSubscription(subscription) {
+    setStoredVideoSubscription(subscription || null);
+    this.emit("subscription:changed", { subscription: subscription || null });
+  }
+
+  clearVideoSubscription() {
+    const current = getStoredVideoSubscription();
+    if (current && typeof current.unsub === "function") {
+      try {
+        current.unsub();
+      } catch (error) {
+        userLogger.warn("[nostrService] Failed to unsubscribe from video feed:", error);
+      }
+    }
+    this.setVideoSubscription(null);
+  }
+
+  cacheVideos(videos = []) {
+    if (!Array.isArray(videos) || !videos.length) {
+      return;
+    }
+
+    const map = this.ensureVideosMap();
+    for (const video of videos) {
+      if (video && typeof video.id === "string" && video.id) {
+        map.set(video.id, video);
+      }
+    }
+    setStoredVideosMap(map);
+    this.markAuthorIndexDirty();
+    this.emit("videos:cache", { size: map.size });
+  }
+
+  resetVideosCache() {
+    const map = new Map();
+    this.videosMap = map;
+    this.videosByAuthorIndex = new Map();
+    this.authorIndexDirty = false;
+    setStoredVideosMap(map);
+    this.emit("videos:cache", { size: 0 });
+  }
+
+  markAuthorIndexDirty() {
+    this.authorIndexDirty = true;
+  }
+
+  ensureVideosByAuthorIndex() {
+    const videosMap = this.ensureVideosMap();
+
+    if (this.videosByAuthorIndex instanceof Map && !this.authorIndexDirty) {
+      return this.videosByAuthorIndex;
+    }
+
+    const index = new Map();
+    for (const video of videosMap.values()) {
+      if (!video || typeof video !== "object") {
+        continue;
+      }
+      const author = normalizeHexPubkey(video.pubkey);
+      if (!author) {
+        continue;
+      }
+      if (!index.has(author)) {
+        index.set(author, []);
+      }
+      index.get(author).push(video);
+    }
+
+    for (const [author, videos] of index.entries()) {
+      if (!Array.isArray(videos) || videos.length <= 1) {
+        continue;
+      }
+      videos.sort((a, b) => {
+        const aCreatedCandidate = Number(a?.created_at);
+        const bCreatedCandidate = Number(b?.created_at);
+        const aCreated = Number.isFinite(aCreatedCandidate)
+          ? aCreatedCandidate
+          : 0;
+        const bCreated = Number.isFinite(bCreatedCandidate)
+          ? bCreatedCandidate
+          : 0;
+        return bCreated - aCreated;
+      });
+      index.set(author, videos);
+    }
+
+    this.videosByAuthorIndex = index;
+    this.authorIndexDirty = false;
+    return this.videosByAuthorIndex;
+  }
+
+  shouldIncludeVideo(video, {
+    blacklistedEventIds = new Set(),
+    isAuthorBlocked = () => false,
+  } = {}) {
+    if (!video || typeof video !== "object") {
+      return false;
+    }
+
+    const viewerIsAuthor = this.isViewerVideoAuthor(video);
+
+    if (viewerIsAuthor) {
+      return true;
+    }
+
+    if (ALLOW_NSFW_CONTENT !== true && video.isNsfw === true) {
+      return false;
+    }
+
+    if (blacklistedEventIds.has(video.id)) {
+      return false;
+    }
+
+    if (typeof video.pubkey === "string" && video.pubkey) {
+      try {
+        if (isAuthorBlocked(video.pubkey)) {
+          return false;
+        }
+      } catch (error) {
+        userLogger.warn("[nostrService] isAuthorBlocked handler threw", error);
+      }
+    }
+
+    if (video.isPrivate === true) {
+      return false;
+    }
+
+    if (this.accessControl && typeof this.accessControl.canAccess === "function") {
+      try {
+        if (!this.accessControl.canAccess(video)) {
+          return false;
+        }
+      } catch (error) {
+        userLogger.warn("[nostrService] access control check failed", error);
+        return false;
+      }
+    }
+
+    return true;
+  }
+
+  filterVideos(videos = [], options = {}) {
+    const blacklist = ensureSet(options.blacklistedEventIds);
+    const isAuthorBlocked =
+      typeof options.isAuthorBlocked === "function"
+        ? options.isAuthorBlocked
+        : () => false;
+
+    return videos.filter((video) =>
+      this.shouldIncludeVideo(video, {
+        blacklistedEventIds: blacklist,
+        isAuthorBlocked,
+      })
+    );
+  }
+
+  async ensureAccessControlReady() {
+    if (!this.accessControl || typeof this.accessControl.waitForReady !== "function") {
+      return;
+    }
+
+    try {
+      await this.accessControl.waitForReady();
+    } catch (error) {
+      userLogger.warn(
+        "[nostrService] Failed to ensure access control lists are ready:",
+        error
+      );
+    }
+  }
+
+  getFilteredActiveVideos(options = {}) {
+    const all = this.nostrClient.getActiveVideos();
+    return this.filterVideos(all, options);
+  }
+
+  getActiveVideosByAuthors(authors = [], options = {}) {
+    const candidates = ensureSet(authors);
+    const normalizedAuthors = new Set();
+    for (const candidate of candidates) {
+      const normalized = normalizeHexPubkey(candidate);
+      if (normalized) {
+        normalizedAuthors.add(normalized);
+      }
+    }
+
+    if (!normalizedAuthors.size) {
+      return this.getFilteredActiveVideos(options);
+    }
+
+    const index = this.ensureVideosByAuthorIndex();
+    const collected = [];
+    const seen = new Set();
+    const limitCandidate = Number(options?.limit);
+    const limit =
+      Number.isFinite(limitCandidate) && limitCandidate > 0
+        ? Math.floor(limitCandidate)
+        : null;
+    const perAuthorLimit = limit
+      ? Math.max(limit * 2, limit + 5)
+      : null;
+
+    for (const author of normalizedAuthors) {
+      const entries = index.get(author);
+      if (!Array.isArray(entries) || entries.length === 0) {
+        continue;
+      }
+      const sliceCount = perAuthorLimit
+        ? Math.min(perAuthorLimit, entries.length)
+        : entries.length;
+      for (let idx = 0; idx < sliceCount; idx += 1) {
+        const video = entries[idx];
+        if (!video || typeof video !== "object") {
+          continue;
+        }
+        const id = typeof video.id === "string" ? video.id : "";
+        if (!id || seen.has(id)) {
+          continue;
+        }
+        seen.add(id);
+        collected.push(video);
+      }
+    }
+
+    const filtered = this.filterVideos(collected, options);
+
+    const sorted = filtered.sort((a, b) => {
+      const aCreatedCandidate = Number(a?.created_at);
+      const bCreatedCandidate = Number(b?.created_at);
+      const aCreated = Number.isFinite(aCreatedCandidate) ? aCreatedCandidate : 0;
+      const bCreated = Number.isFinite(bCreatedCandidate) ? bCreatedCandidate : 0;
+      return bCreated - aCreated;
+    });
+
+    if (limit) {
+      return sorted.slice(0, limit);
+    }
+
+    return sorted;
+  }
+
+  async loadVideos({
+    forceFetch = false,
+    blacklistedEventIds,
+    isAuthorBlocked,
+    onVideos,
+  } = {}) {
+    this.ensureInitialLoadDeferred();
+
+    try {
+      // Ensure access control is ready before we attempt the optimistic re-filter
+      // so checks like canAccess() are accurate.
+      try {
+        await this.ensureAccessControlReady();
+      } catch (error) {
+        userLogger.warn(
+          "[nostrService] Access control ready check failed (continuing):",
+          error
+        );
+      }
+
+      if (forceFetch) {
+        this.clearVideoSubscription();
+      }
+
+      const applyAndNotify = (videos, reason) => {
+        const filtered = this.filterVideos(videos, {
+          blacklistedEventIds,
+          isAuthorBlocked,
+        });
+        this.cacheVideos(filtered);
+        if (typeof onVideos === "function") {
+          try {
+            onVideos(filtered, { reason });
+          } catch (error) {
+            userLogger.warn("[nostrService] onVideos handler threw", error);
+          }
+        }
+        this.emit("videos:updated", { videos: filtered, reason });
+
+        // Persist the fresh filtered result for next time
+        if (filtered.length > 0) {
+          persistFilteredVideos(filtered);
+        }
+
+        return filtered;
+      };
+
+      // Optimistic Step: Load from persistent cache
+      let hasOptimisticData = false;
+      let optimisticResult = [];
+      try {
+        const persisted = loadPersistedFilteredVideos();
+        if (persisted && persisted.length > 0) {
+          // Re-filter synchronously using strict checks (same as normal flow)
+          const optimisticFiltered = this.filterVideos(persisted, {
+            blacklistedEventIds,
+            isAuthorBlocked,
+          });
+
+          if (optimisticFiltered.length > 0) {
+            this.cacheVideos(optimisticFiltered);
+            hasOptimisticData = true;
+            optimisticResult = optimisticFiltered;
+
+            if (typeof onVideos === "function") {
+              try {
+                onVideos(optimisticFiltered, { reason: "persistent-cache" });
+              } catch (error) {
+                userLogger.warn("[nostrService] onVideos handler threw (optimistic)", error);
+              }
+            }
+            this.emit("videos:updated", { videos: optimisticFiltered, reason: "persistent-cache" });
+            this.resolveInitialLoad({ videos: optimisticFiltered, reason: "persistent-cache" });
+          }
+        }
+      } catch (optimisticError) {
+        userLogger.warn("[nostrService] Optimistic load failed", optimisticError);
+      }
+
+      const cached = this.nostrClient.getActiveVideos();
+
+      // If we loaded optimistically and the in-memory cache is empty,
+      // skip emitting the empty list to prevent flashing empty content.
+      // Otherwise, proceed as normal.
+      const shouldSkipEmptyCache = hasOptimisticData && (!cached || cached.length === 0);
+
+      let initial = [];
+      if (!shouldSkipEmptyCache) {
+        initial = applyAndNotify(cached, "cache");
+        this.resolveInitialLoad({ videos: initial, reason: "cache" });
+      } else {
+        // If we skipped, return the optimistic data so the caller receives the currently visible videos
+        initial = optimisticResult;
+      }
+
+      if (!getStoredVideoSubscription()) {
+        const subscriptionOptions = {
+          // Start from the freshest cached timestamp to avoid replaying the full history;
+          // use loadOlderVideos when the user scrolls for backfill.
+          since: this.nostrClient.getLatestCachedCreatedAt() || undefined,
+          limit: this.nostrClient.clampVideoRequestLimit(200),
+        };
+        const subscription = this.nostrClient.subscribeVideos(
+          () => {
+            const updated = this.nostrClient.getActiveVideos();
+            applyAndNotify(updated, "subscription");
+          },
+          subscriptionOptions,
+        );
+        this.setVideoSubscription(subscription);
+        this.emit("subscription:started", { subscription });
+      }
+
+      return initial;
+    } catch (error) {
+      this.resolveInitialLoad({ videos: [], reason: "error", error });
+      throw error;
+    }
+  }
+
+  async fetchVideos(options = {}) {
+    try {
+      const videos = await this.nostrClient.fetchVideos();
+      const filtered = this.filterVideos(videos, options);
+      this.cacheVideos(filtered);
+      this.emit("videos:fetched", { videos: filtered });
+      return filtered;
+    } catch (error) {
+      userLogger.error("[nostrService] Failed to fetch videos:", error);
+      return [];
+    }
+  }
+
+  async fetchVideosByAuthors(authors, options = {}) {
+    const authorList = Array.isArray(authors) ? authors : [];
+    if (!authorList.length) {
+      return [];
+    }
+
+    this.log(`[nostrService] fetchVideosByAuthors START. Authors: ${authorList.length}`);
+
+    const requestedLimit = Number(options?.limit);
+    const resolvedLimit = this.nostrClient.clampVideoRequestLimit(
+      requestedLimit
+    );
+
+    const filter = {
+      kinds: [VIDEO_KIND],
+      "#t": ["video"],
+      authors: authorList,
+      limit: resolvedLimit,
+    };
+
+    const localAll = new Map();
+    // Track invalid
+    const invalidNotes = [];
+
+    try {
+      this.log(`[nostrService] Querying ${this.nostrClient.relays.length} relays...`);
+      await Promise.all(
+        this.nostrClient.relays.map(async (url) => {
+          try {
+            this.log(`[nostrService] Querying relay: ${url}`);
+            const events = await this.nostrClient.pool.list([url], [filter]);
+            this.log(`[nostrService] Relay ${url} returned ${events.length} events.`);
+            for (const evt of events) {
+              if (evt && evt.id) {
+                this.nostrClient.rawEvents.set(evt.id, evt);
+              }
+              const vid = convertEventToVideo(evt);
+              if (vid.invalid) {
+                invalidNotes.push({ id: vid.id, reason: vid.reason });
+              } else {
+                if (
+                  this.nostrClient &&
+                  typeof this.nostrClient.applyRootCreatedAt === "function"
+                ) {
+                  this.nostrClient.applyRootCreatedAt(vid);
+                }
+                const activeKey = getActiveKey(vid);
+                if (vid.deleted) {
+                  this.nostrClient.recordTombstone(activeKey, vid.created_at);
+                } else {
+                  this.nostrClient.applyTombstoneGuard(vid);
+                }
+                localAll.set(evt.id, vid);
+              }
+            }
+          } catch (relayErr) {
+            this.log(`[nostrService] Relay ${url} failed:`, relayErr);
+          }
+        })
+      );
+
+      // Merge into allEvents
+      for (const [id, vid] of localAll.entries()) {
+        this.nostrClient.allEvents.set(id, vid);
+        if (
+          this.nostrClient &&
+          typeof this.nostrClient.applyRootCreatedAt === "function"
+        ) {
+          this.nostrClient.applyRootCreatedAt(vid);
+        }
+      }
+
+      // Update activeMap for affected keys
+      for (const [id, video] of localAll.entries()) {
+        if (video.deleted) continue;
+        const activeKey = getActiveKey(video);
+        const existing = this.nostrClient.activeMap.get(activeKey);
+
+        if (!existing || video.created_at > existing.created_at) {
+          this.nostrClient.activeMap.set(activeKey, video);
+          if (
+            this.nostrClient &&
+            typeof this.nostrClient.applyRootCreatedAt === "function"
+          ) {
+            this.nostrClient.applyRootCreatedAt(video);
+          }
+        }
+      }
+
+      // Re-populate cache indexing
+      this.cacheVideos(Array.from(localAll.values()));
+      this.ensureVideosMap();
+      this.markAuthorIndexDirty();
+
+      // Collect the actual videos for the requested authors
+      const collected = [];
+      const seen = new Set();
+      // We look at localAll to ensure we only return what we fetched (or fresh stuff)
+      // Actually, we should probably return the "best" active videos for these authors
+      // now that we've refreshed the cache.
+      const index = this.ensureVideosByAuthorIndex();
+
+      for (const author of authorList) {
+        const entries = index.get(author);
+        if (Array.isArray(entries)) {
+          for (const video of entries) {
+            if (video && video.id && !seen.has(video.id)) {
+              seen.add(video.id);
+              collected.push(video);
+            }
+          }
+        }
+      }
+
+      const filtered = this.filterVideos(collected, options);
+
+      // Sort newest first
+      filtered.sort((a, b) => {
+        const createdA = Number(a?.created_at) || 0;
+        const createdB = Number(b?.created_at) || 0;
+        return createdB - createdA;
+      });
+
+      const finalLimit = resolvedLimit || filtered.length;
+      const limited = filtered.slice(0, finalLimit);
+
+      // Trigger metadata hydration
+      await this.nostrClient.populateNip71MetadataForVideos(limited);
+      limited.forEach((video) => {
+        if (
+          this.nostrClient &&
+          typeof this.nostrClient.applyRootCreatedAt === "function"
+        ) {
+          this.nostrClient.applyRootCreatedAt(video);
+        }
+      });
+
+      this.cacheVideos(limited);
+      this.emit("videos:fetched", { videos: limited, context: "authors" });
+
+      return limited;
+    } catch (err) {
+      userLogger.error("[nostrService] fetchVideosByAuthors error:", err);
+      return [];
+    }
+  }
+
+  async loadOlderVideos(lastTimestamp, {
+    blacklistedEventIds,
+    isAuthorBlocked,
+    limit = 150,
+  } = {}) {
+    const until = normalizeUntil(lastTimestamp) - 1;
+    if (until <= 0 || !this.nostrClient?.pool || !Array.isArray(this.nostrClient?.relays)) {
+      return [];
+    }
+
+    const clampedLimit =
+      this.nostrClient?.clampVideoRequestLimit(limit) ?? limit ?? 0;
+
+    const filter = {
+      kinds: [VIDEO_KIND],
+      "#t": ["video"],
+      until,
+      limit: clampedLimit,
+    };
+
+    const collected = new Map();
+
+    try {
+      const events = await this.nostrClient.pool.list(this.nostrClient.relays, [filter]);
+      for (const event of Array.isArray(events) ? events : []) {
+        try {
+          const video = convertEventToVideo(event);
+          if (video.invalid) {
+            continue;
+          }
+          if (
+            this.nostrClient &&
+            typeof this.nostrClient.applyRootCreatedAt === "function"
+          ) {
+            this.nostrClient.applyRootCreatedAt(video);
+          }
+          if (collected.has(video.id)) {
+            continue;
+          }
+          collected.set(video.id, video);
+          this.nostrClient.allEvents.set(video.id, video);
+        } catch (error) {
+          userLogger.warn("[nostrService] Failed to convert older event", error);
+        }
+      }
+    } catch (error) {
+      userLogger.error("[nostrService] Failed to load older videos:", error);
+      return [];
+    }
+
+    const videos = Array.from(collected.values());
+    const filtered = this.filterVideos(videos, {
+      blacklistedEventIds,
+      isAuthorBlocked,
+    });
+
+    this.cacheVideos(filtered);
+    this.emit("videos:older", { videos: filtered, until });
+
+    return filtered;
+  }
+
+  async publishVideoNote(publishPayload, pubkey) {
+    const detail = { pubkey };
+    if (publishPayload && typeof publishPayload === "object") {
+      detail.payload = publishPayload;
+      if (publishPayload.legacyFormData) {
+        detail.legacyFormData = publishPayload.legacyFormData;
+      }
+      if (publishPayload.nip71) {
+        detail.nip71 = publishPayload.nip71;
+      }
+    } else {
+      detail.formData = publishPayload;
+    }
+
+    let nip71Result = null;
+    let legacyResult = null;
+
+    try {
+      legacyResult = await this.nostrClient.publishVideo(
+        publishPayload,
+        pubkey
+      );
+    } catch (error) {
+      detail.error = error;
+      throw error;
+    }
+
+    let shouldAttemptNip71 = true;
+    const pointerIdentifiers = {
+      eventId: legacyResult?.id,
+    };
+
+    if (Array.isArray(legacyResult?.tags)) {
+      const dTag = legacyResult.tags.find(
+        (tag) => Array.isArray(tag) && tag[0] === "d" && typeof tag[1] === "string"
+      );
+      if (dTag) {
+        pointerIdentifiers.dTag = dTag[1];
+      }
+    }
+
+    if (legacyResult?.content) {
+      try {
+        const parsed = JSON.parse(legacyResult.content);
+        if (parsed && typeof parsed.videoRootId === "string") {
+          pointerIdentifiers.videoRootId = parsed.videoRootId;
+        }
+        if (parsed && parsed.isPrivate) {
+          shouldAttemptNip71 = false;
+        }
+      } catch (parseError) {
+        this.log("[nostrService] Failed to parse legacy publish payload", parseError);
+      }
+    }
+
+    if (!pointerIdentifiers.videoRootId) {
+      shouldAttemptNip71 = false;
+    }
+
+    if (shouldAttemptNip71) {
+      try {
+        nip71Result = await this.nostrClient.publishNip71Video(
+          publishPayload,
+          pubkey,
+          pointerIdentifiers
+        );
+      } catch (nip71Error) {
+        detail.nip71Error = nip71Error;
+        this.log("[nostrService] NIP-71 publish failed", nip71Error);
+      }
+    }
+
+    const result = { legacy: legacyResult, nip71: nip71Result };
+    detail.result = result;
+    this.emit("videos:published", detail);
+    return result;
+  }
+
+  async handleEditVideoSubmit({ originalEvent, updatedData, pubkey }) {
+    const result = await this.nostrClient.editVideo(originalEvent, updatedData, pubkey);
+    this.emit("videos:edited", { originalEvent, updatedData, pubkey, result });
+    return result;
+  }
+
+  async handleFullDeleteVideo({ videoRootId, video, pubkey, confirm = true } = {}) {
+    const result = await this.nostrClient.deleteAllVersions(videoRootId, pubkey, {
+      confirm,
+      video,
+    });
+
+    if (!result) {
+      return result;
+    }
+
+    const revertFailures = [];
+    const deleteFailures = [];
+
+    if (Array.isArray(result.reverts)) {
+      for (const entry of result.reverts) {
+        if (!entry || typeof entry !== "object") {
+          continue;
+        }
+
+        const failed = Array.isArray(entry?.summary?.failed)
+          ? entry.summary.failed.filter(Boolean)
+          : [];
+        if (failed.length) {
+          revertFailures.push({
+            targetId: entry.targetId || "",
+            eventId: entry.event?.id || "",
+            failed,
+          });
+        }
+      }
+    }
+
+    if (Array.isArray(result.deletes)) {
+      for (const entry of result.deletes) {
+        if (!entry || typeof entry !== "object") {
+          continue;
+        }
+
+        const failed = Array.isArray(entry?.summary?.failed)
+          ? entry.summary.failed.filter(Boolean)
+          : [];
+        if (failed.length) {
+          deleteFailures.push({
+            eventId: entry.event?.id || "",
+            identifiers: entry.identifiers || { events: [], addresses: [] },
+            failed,
+          });
+        }
+      }
+    }
+
+    const detail = {
+      videoRootId,
+      video,
+      pubkey,
+      result,
+      revertFailures,
+      deleteFailures,
+    };
+
+    this.emit("videos:deleted", detail);
+
+    return detail;
+  }
+
+  async fetchVideoHistory(video) {
+    if (!video || typeof video !== "object") {
+      return [];
+    }
+
+    try {
+      // Use the client's robust hydration logic which handles legacy roots and d-tags
+      const history = await this.nostrClient.hydrateVideoHistory(video);
+      // Ensure specific sort order: Newest First (Descending)
+      return history.sort((a, b) => (b.created_at || 0) - (a.created_at || 0));
+    } catch (error) {
+      this.log("[nostrService] Failed to fetch video history", error);
+      // Fallback to returning the known video if fetch fails
+      return [video];
+    }
+  }
+
+  async getOldEventById(eventId) {
+    const map = this.ensureVideosMap();
+    const isBlockedNsfw = (video) =>
+      ALLOW_NSFW_CONTENT !== true &&
+      video?.isNsfw === true &&
+      !this.isViewerVideoAuthor(video);
+
+    if (map.has(eventId)) {
+      const existing = map.get(eventId);
+      if (existing && !existing.deleted) {
+        this.nostrClient.applyTombstoneGuard(existing);
+      }
+      if (!existing || existing.deleted) {
+        map.delete(eventId);
+        setStoredVideosMap(map);
+        return null;
+      }
+      if (isBlockedNsfw(existing)) {
+        map.delete(eventId);
+        setStoredVideosMap(map);
+        return null;
+      }
+      return existing;
+    }
+
+    const cached = this.nostrClient.allEvents.get(eventId);
+    if (cached) {
+      if (!cached.deleted) {
+        this.nostrClient.applyTombstoneGuard(cached);
+      }
+    }
+    if (cached && !cached.deleted) {
+      if (isBlockedNsfw(cached)) {
+        return null;
+      }
+      map.set(eventId, cached);
+      setStoredVideosMap(map);
+      return cached;
+    }
+
+    const fetched = await this.nostrClient.getEventById(eventId);
+    if (fetched && !fetched.deleted) {
+      if (isBlockedNsfw(fetched)) {
+        return null;
+      }
+      map.set(eventId, fetched);
+      setStoredVideosMap(map);
+      return fetched;
+    }
+
+    return null;
+  }
+
+  isViewerVideoAuthor(video) {
+    try {
+      this.getModerationService();
+    } catch (error) {
+      userLogger.warn("[nostrService] Failed to refresh moderation context", error);
+    }
+    if (!video || typeof video !== "object") {
+      return false;
+    }
+
+    const viewerPubkey = normalizeHexPubkey(this.nostrClient?.pubkey);
+    if (!viewerPubkey) {
+      return false;
+    }
+
+    const videoPubkey = normalizeHexPubkey(video.pubkey);
+    return !!videoPubkey && videoPubkey === viewerPubkey;
+  }
+}
+
+const nostrService = new NostrService();
+
+export default nostrService;
diff --git a/dist/js/services/nwcSettingsService.js b/dist/js/services/nwcSettingsService.js
new file mode 100644
index 00000000..e0fb5c49
--- /dev/null
+++ b/dist/js/services/nwcSettingsService.js
@@ -0,0 +1,327 @@
+import {
+  loadNwcSettings,
+  saveNwcSettings,
+  clearNwcSettings,
+  createDefaultNwcSettings,
+} from "../nwcSettings.js";
+import { MAX_WALLET_DEFAULT_ZAP } from "../config.js";
+import { devLogger, userLogger } from "../utils/logger.js";
+import createProfileSettingsStore from "../state/profileSettingsStore.js";
+
+const NWC_URI_SCHEME = "nostr+walletconnect://";
+
+function isFunction(value) {
+  return typeof value === "function";
+}
+
+export default class NwcSettingsService {
+  constructor({
+    normalizeHexPubkey,
+    getActivePubkey,
+    payments = null,
+    logger = { dev: devLogger, user: userLogger },
+    notifyError,
+    maxWalletDefaultZap = MAX_WALLET_DEFAULT_ZAP,
+    loadSettings = loadNwcSettings,
+    saveSettings = saveNwcSettings,
+    clearSettings = clearNwcSettings,
+    createDefaultSettings = createDefaultNwcSettings,
+  } = {}) {
+    this.normalizeHexPubkey = isFunction(normalizeHexPubkey)
+      ? normalizeHexPubkey
+      : (value) => (typeof value === "string" ? value.trim() : null);
+    this.getActivePubkey = isFunction(getActivePubkey)
+      ? getActivePubkey
+      : () => null;
+    this.payments = payments || null;
+    const devChannel = logger?.dev && typeof logger.dev.warn === "function" ? logger.dev : devLogger;
+    const userChannel = logger?.user && typeof logger.user.warn === "function" ? logger.user : userLogger;
+    this.logger = { dev: devChannel, user: userChannel };
+    this.notifyError = isFunction(notifyError) ? notifyError : null;
+    this.maxWalletDefaultZap =
+      Number.isFinite(maxWalletDefaultZap) && maxWalletDefaultZap > 0
+        ? maxWalletDefaultZap
+        : MAX_WALLET_DEFAULT_ZAP;
+    this.loadSettings = isFunction(loadSettings)
+      ? loadSettings
+      : loadNwcSettings;
+    this.saveSettings = isFunction(saveSettings)
+      ? saveSettings
+      : saveNwcSettings;
+    this.clearSettings = isFunction(clearSettings)
+      ? clearSettings
+      : clearNwcSettings;
+    this.createDefaultSettings = isFunction(createDefaultSettings)
+      ? createDefaultSettings
+      : () => createDefaultNwcSettings();
+    this.cache = createProfileSettingsStore({
+      clone: (value) => this.cloneSettings(value),
+      logger: this.logger.dev,
+    });
+  }
+
+  cloneSettings(settings) {
+    if (!settings || typeof settings !== "object") {
+      return this.createDefaultNwcSettings();
+    }
+    return { ...settings };
+  }
+
+  setPayments(payments) {
+    this.payments = payments || null;
+  }
+
+  setActivePubkeyGetter(fn) {
+    if (isFunction(fn)) {
+      this.getActivePubkey = fn;
+    }
+  }
+
+  clearCache() {
+    this.cache.clear();
+  }
+
+  getNormalizedPubkey(pubkey) {
+    try {
+      return this.normalizeHexPubkey(pubkey);
+    } catch (error) {
+      if (isFunction(this.logger.user?.warn)) {
+        this.logger.user.warn("[nwcSettings] Failed to normalize pubkey:", error);
+      }
+      return null;
+    }
+  }
+
+  async hydrateNwcSettingsForPubkey(pubkey) {
+    const normalized = this.getNormalizedPubkey(pubkey);
+    if (!normalized) {
+      return this.createDefaultNwcSettings();
+    }
+
+    try {
+      const settings = await this.loadSettings(normalized);
+      const record =
+        settings && typeof settings === "object"
+          ? { ...settings }
+          : this.createDefaultNwcSettings();
+      this.cache.set(normalized, record);
+      const cached = this.cache.get(normalized);
+      return cached || this.createDefaultNwcSettings();
+    } catch (error) {
+      if (isFunction(this.logger.user?.warn)) {
+        this.logger.user.warn(
+          `[nwcSettings] Failed to load settings for ${normalized}:`,
+          error,
+        );
+      }
+      const fallback = this.createDefaultNwcSettings();
+      this.cache.set(normalized, fallback);
+      const cached = this.cache.get(normalized);
+      return cached || this.createDefaultNwcSettings();
+    }
+  }
+
+  getActiveNwcSettings() {
+    const normalized = this.getNormalizedPubkey(this.getActivePubkey());
+    if (!normalized) {
+      return this.createDefaultNwcSettings();
+    }
+    const cached = this.cache.get(normalized);
+    return cached ? cached : this.createDefaultNwcSettings();
+  }
+
+  createDefaultNwcSettings() {
+    return this.createDefaultSettings();
+  }
+
+  hasActiveWalletConnection() {
+    const settings = this.getActiveNwcSettings();
+    const candidate =
+      typeof settings?.nwcUri === "string" ? settings.nwcUri.trim() : "";
+    return candidate.length > 0;
+  }
+
+  validateWalletUri(uri, { requireValue = false } = {}) {
+    const value = typeof uri === "string" ? uri.trim() : "";
+
+    if (!value) {
+      if (requireValue) {
+        return {
+          valid: false,
+          sanitized: "",
+          message: "Enter a wallet connect URI before continuing.",
+        };
+      }
+      return { valid: true, sanitized: "" };
+    }
+
+    if (!value.toLowerCase().startsWith(NWC_URI_SCHEME)) {
+      return {
+        valid: false,
+        sanitized: value,
+        message: `Wallet URI must start with ${NWC_URI_SCHEME}.`,
+      };
+    }
+
+    return { valid: true, sanitized: value };
+  }
+
+  async updateActiveNwcSettings(partial = {}) {
+    const normalized = this.getNormalizedPubkey(this.getActivePubkey());
+    if (!normalized) {
+      if (isFunction(this.logger.user?.warn)) {
+        this.logger.user.warn(
+          "[nwcSettings] Cannot update settings without an active pubkey.",
+        );
+      }
+      return this.createDefaultNwcSettings();
+    }
+
+    try {
+      const updated = await this.saveSettings(normalized, partial);
+      const record =
+        updated && typeof updated === "object"
+          ? { ...updated }
+          : this.createDefaultNwcSettings();
+      this.cache.set(normalized, record);
+      const cached = this.cache.get(normalized);
+      return cached || this.createDefaultNwcSettings();
+    } catch (error) {
+      if (isFunction(this.logger.user?.warn)) {
+        this.logger.user.warn(
+          `[nwcSettings] Failed to save settings for ${normalized}:`,
+          error,
+        );
+      }
+      return this.getActiveNwcSettings();
+    }
+  }
+
+  async handleProfileWalletPersist({
+    nwcUri,
+    defaultZap,
+    lastChecked,
+  } = {}) {
+    const partial = {};
+    if (nwcUri !== undefined) {
+      partial.nwcUri = nwcUri;
+    }
+    if (defaultZap !== undefined) {
+      partial.defaultZap = defaultZap;
+    }
+    if (lastChecked !== undefined) {
+      partial.lastChecked = lastChecked;
+    }
+
+    if (!Object.keys(partial).length) {
+      return this.getActiveNwcSettings();
+    }
+
+    return this.updateActiveNwcSettings(partial);
+  }
+
+  async ensureWallet({ nwcUri, defaultZap } = {}) {
+    const activeSettings = this.getActiveNwcSettings();
+    const candidateUri =
+      typeof nwcUri === "string" && nwcUri.trim()
+        ? nwcUri.trim()
+        : activeSettings.nwcUri || "";
+    const { valid, sanitized, message } = this.validateWalletUri(candidateUri, {
+      requireValue: true,
+    });
+    if (!valid) {
+      throw new Error(message || "Invalid wallet URI provided.");
+    }
+
+    const merged = {
+      ...activeSettings,
+      nwcUri: sanitized,
+    };
+
+    if (typeof defaultZap === "number" && Number.isFinite(defaultZap)) {
+      const rounded = Math.max(0, Math.round(defaultZap));
+      merged.defaultZap = Math.min(this.maxWalletDefaultZap, rounded);
+    } else if (defaultZap === null) {
+      merged.defaultZap = null;
+    }
+
+    if (this.payments && isFunction(this.payments.ensureWallet)) {
+      return this.payments.ensureWallet({ settings: merged });
+    }
+
+    if (isFunction(this.logger.dev?.warn)) {
+      this.logger.dev.warn(
+        "[wallet] Falling back to stub ensureWallet implementation. Returning settings without performing a connection test.",
+      );
+    }
+    return merged;
+  }
+
+  async clearStoredNwcSettings(pubkey, { silent = false } = {}) {
+    const normalized = this.getNormalizedPubkey(pubkey);
+    if (!normalized) {
+      return false;
+    }
+
+    try {
+      await this.clearSettings(normalized);
+    } catch (error) {
+      if (isFunction(this.logger.user?.warn)) {
+        this.logger.user.warn(
+          `[nwcSettings] Failed to clear settings for ${normalized}:`,
+          error,
+        );
+      }
+      if (!silent && this.notifyError) {
+        this.notifyError("Failed to clear wallet settings for this account.");
+      }
+      try {
+        await this.saveSettings(normalized, this.createDefaultNwcSettings());
+      } catch (persistError) {
+        if (isFunction(this.logger.user?.warn)) {
+          this.logger.user.warn(
+            `[nwcSettings] Failed to overwrite settings for ${normalized}:`,
+            persistError,
+          );
+        }
+      }
+      this.cache.delete(normalized);
+      return false;
+    }
+
+    this.cache.delete(normalized);
+    return true;
+  }
+
+  async onLogin({ pubkey, previousPubkey, identityChanged } = {}) {
+    if (identityChanged) {
+      this.onIdentityChanged();
+    }
+
+    const normalizedActive = this.getNormalizedPubkey(
+      pubkey !== undefined ? pubkey : this.getActivePubkey(),
+    );
+
+    if (normalizedActive) {
+      await this.hydrateNwcSettingsForPubkey(normalizedActive);
+    }
+
+    return this.getActiveNwcSettings();
+  }
+
+  async onLogout({ pubkey, previousPubkey } = {}) {
+    const normalizedPrevious = this.getNormalizedPubkey(
+      previousPubkey !== undefined ? previousPubkey : pubkey,
+    );
+    if (normalizedPrevious) {
+      this.cache.delete(normalizedPrevious);
+    }
+    return this.createDefaultNwcSettings();
+  }
+
+  onIdentityChanged() {
+    // Intentionally preserve cached settings so profile switches retain
+    // per-account configuration. Explicit cache clearing remains
+    // available via `clearCache()` when required by callers.
+  }
+}
diff --git a/dist/js/services/playbackService.js b/dist/js/services/playbackService.js
new file mode 100644
index 00000000..6b665a31
--- /dev/null
+++ b/dist/js/services/playbackService.js
@@ -0,0 +1,1211 @@
+import { userLogger } from "../utils/logger.js";
+import { PLAYBACK_START_TIMEOUT } from "../constants.js";
+// js/services/playbackService.js
+
+/**
+ * PlaybackService acts as the central conductor for video playback.
+ * It manages the lifecycle of a "PlaybackSession", which encapsulates the complex
+ * logic of attempting to play a video from a direct URL (HTTP/CDN) first, and
+ * falling back to a WebTorrent (P2P) stream if the URL is unreachable or stalls.
+ *
+ * Key Responsibilities:
+ * - Singleton-ish orchestration (only one active session at a time usually).
+ * - "Watchdog" monitoring: It attaches listeners to the <video> element to detect
+ *   frozen playback (stalls) or errors.
+ * - Fallback logic: If the direct URL fails (404, network error) or playback
+ *   stalls, it seamlessly triggers the P2P engine (WebTorrent).
+ * - Race Condition Management: Uses "request signatures" to ensure that if the user
+ *   clicks "Play" on a new video while the previous one is still loading, the
+ *   old session is cancelled and doesn't overwrite the new one.
+ */
+
+class SimpleEventEmitter {
+  constructor(logger = null) {
+    this.logger = typeof logger === "function" ? logger : null;
+    this.listeners = new Map();
+  }
+
+  on(eventName, handler) {
+    if (typeof handler !== "function") {
+      return () => {};
+    }
+    if (!this.listeners.has(eventName)) {
+      this.listeners.set(eventName, new Set());
+    }
+    const handlers = this.listeners.get(eventName);
+    handlers.add(handler);
+    return () => {
+      handlers.delete(handler);
+      if (!handlers.size) {
+        this.listeners.delete(eventName);
+      }
+    };
+  }
+
+  emit(eventName, detail) {
+    const handlers = this.listeners.get(eventName);
+    if (!handlers || !handlers.size) {
+      return;
+    }
+    for (const handler of Array.from(handlers)) {
+      try {
+        handler(detail);
+      } catch (err) {
+        if (this.logger) {
+          this.logger("[PlaybackService] Listener error", err);
+        }
+      }
+    }
+  }
+}
+
+const HOSTED_URL_SUCCESS_MESSAGE = "✅ Streaming from hosted URL";
+const DEFAULT_UNSUPPORTED_BTITH_MESSAGE =
+  "This magnet link is missing a compatible BitTorrent v1 info hash.";
+const AUTH_STATUS_CODES = new Set([401, 403]);
+const SSL_ERROR_PATTERN = /(ssl|cert|certificate)/i;
+const CORS_ERROR_PATTERN = /cors/i;
+const PROBE_CACHE_TTL_MS = 45000;
+
+const getHostedUrlFailureDetails = (probeResult = {}) => {
+  const outcome = probeResult?.outcome || "error";
+  const status = Number.isFinite(probeResult?.status)
+    ? probeResult.status
+    : null;
+  const error = probeResult?.error;
+  const isAuthStatus = status !== null && AUTH_STATUS_CODES.has(status);
+
+  if (outcome === "timeout") {
+    return {
+      category: "external",
+      message:
+        "Hosted URL timed out. We’ll try WebTorrent if available.",
+      status,
+    };
+  }
+
+  if (outcome === "bad") {
+    if (isAuthStatus) {
+      return {
+        category: "auth",
+        message:
+          "Hosted URL requires authorization or a signed request. Please log in or re-sign.",
+        status,
+      };
+    }
+
+    if (status === 404) {
+      return {
+        category: "external",
+        message: "Hosted URL not found (404).",
+        status,
+      };
+    }
+
+    if (status === 403) {
+      return {
+        category: "external",
+        message: "Hosted URL blocked (403).",
+        status,
+      };
+    }
+
+    if (status && status >= 500) {
+      return {
+        category: "external",
+        message: `Hosted URL unavailable (HTTP ${status}).`,
+        status,
+      };
+    }
+
+    if (status) {
+      return {
+        category: "external",
+        message: `Hosted URL failed (HTTP ${status}).`,
+        status,
+      };
+    }
+  }
+
+  if (outcome === "opaque" || outcome === "unknown") {
+    return {
+      category: "external",
+      message:
+        "Hosted URL blocked by browser security (CORS/SSL). We’ll try WebTorrent if available.",
+      status,
+    };
+  }
+
+  if (outcome === "error") {
+    const message = error?.message || "";
+    if (SSL_ERROR_PATTERN.test(message)) {
+      return {
+        category: "external",
+        message:
+          "Hosted URL blocked due to SSL certificate issues.",
+        status,
+      };
+    }
+    if (CORS_ERROR_PATTERN.test(message)) {
+      return {
+        category: "external",
+        message:
+          "Hosted URL blocked by CORS. We’ll try WebTorrent if available.",
+        status,
+      };
+    }
+    return {
+      category: "external",
+      message:
+        "Hosted URL failed to load due to network or security restrictions.",
+      status,
+    };
+  }
+
+  return {
+    category: "external",
+    message: "Hosted URL failed to load.",
+    status,
+  };
+};
+
+const getHostedVideoErrorMessage = (videoElement) => {
+  if (!videoElement?.error) {
+    return "";
+  }
+
+  const error = videoElement.error;
+  const code = error.code;
+  const mediaErrorCodes =
+    typeof MediaError !== "undefined"
+      ? MediaError
+      : {
+          MEDIA_ERR_ABORTED: 1,
+          MEDIA_ERR_NETWORK: 2,
+          MEDIA_ERR_DECODE: 3,
+          MEDIA_ERR_SRC_NOT_SUPPORTED: 4,
+        };
+
+  switch (code) {
+    case mediaErrorCodes.MEDIA_ERR_ABORTED:
+      return "Hosted playback was interrupted.";
+    case mediaErrorCodes.MEDIA_ERR_NETWORK:
+      return "Hosted playback failed due to network/CORS restrictions.";
+    case mediaErrorCodes.MEDIA_ERR_DECODE:
+      return "Hosted playback failed to decode the video.";
+    case mediaErrorCodes.MEDIA_ERR_SRC_NOT_SUPPORTED:
+      return "Hosted playback failed: source not supported or blocked.";
+    default:
+      return "Hosted playback failed to load.";
+  }
+};
+
+const getTorrentErrorMessage = (error) => {
+  if (!error) {
+    return "WebTorrent could not start. Please try again.";
+  }
+  const message = error.message || "";
+  if (message.includes(DEFAULT_UNSUPPORTED_BTITH_MESSAGE)) {
+    return DEFAULT_UNSUPPORTED_BTITH_MESSAGE;
+  }
+  if (/tracker|announce|peer/i.test(message)) {
+    return "WebTorrent could not reach any peers or trackers.";
+  }
+  if (/permission|blocked|denied/i.test(message)) {
+    return "WebTorrent was blocked by the browser or network.";
+  }
+  return "WebTorrent could not start. Please try again.";
+};
+
+export class PlaybackService {
+  constructor({
+    logger,
+    torrentClient,
+    deriveTorrentPlaybackConfig,
+    isValidMagnetUri,
+    urlFirstEnabled = true,
+    analyticsCallbacks = {},
+    playbackStartTimeout = PLAYBACK_START_TIMEOUT,
+  } = {}) {
+    if (typeof logger === "function") {
+      this.logger = logger;
+    } else if (logger && typeof logger.log === "function") {
+      this.logger = (...args) => logger.log(...args);
+    } else {
+      this.logger = () => {};
+    }
+
+    this.torrentClient = torrentClient;
+    this.deriveTorrentPlaybackConfig = deriveTorrentPlaybackConfig;
+    this.isValidMagnetUri = isValidMagnetUri;
+    this.urlFirstEnabled = !!urlFirstEnabled;
+    this.analyticsCallbacks = analyticsCallbacks || {};
+    this.playbackStartTimeout = playbackStartTimeout;
+    this.currentSession = null;
+    this.probeCache = new Map();
+    this.probeInFlight = new Map();
+    this.probeCacheTtlMs = PROBE_CACHE_TTL_MS;
+  }
+
+  log(...args) {
+    try {
+      this.logger(...args);
+    } catch (err) {
+      userLogger.warn("[PlaybackService] logger threw", err);
+    }
+  }
+
+  handleAnalyticsEvent(eventName, detail) {
+    const callbacks = this.analyticsCallbacks || {};
+    if (typeof callbacks.onEvent === "function") {
+      try {
+        callbacks.onEvent(eventName, detail);
+      } catch (err) {
+        this.log("[PlaybackService] onEvent callback threw", err);
+      }
+    }
+    const specific = callbacks[eventName];
+    if (typeof specific === "function") {
+      try {
+        specific(detail);
+      } catch (err) {
+        this.log(`[PlaybackService] ${eventName} callback threw`, err);
+      }
+    }
+  }
+
+  getProbeCacheKey({ url, magnet }) {
+    const trimmedUrl = typeof url === "string" ? url.trim() : "";
+    const trimmedMagnet = typeof magnet === "string" ? magnet.trim() : "";
+    return `${trimmedUrl}::${trimmedMagnet}`;
+  }
+
+  pruneProbeCache(now = Date.now()) {
+    for (const [key, entry] of this.probeCache.entries()) {
+      if (!entry || !Number.isFinite(entry.expiresAt) || entry.expiresAt <= now) {
+        this.probeCache.delete(key);
+      }
+    }
+  }
+
+  getCachedProbeResult(cacheKey, now = Date.now()) {
+    this.pruneProbeCache(now);
+    const entry = this.probeCache.get(cacheKey);
+    if (!entry || entry.expiresAt <= now) {
+      return null;
+    }
+    return entry.result;
+  }
+
+  storeProbeResult(cacheKey, result, now = Date.now()) {
+    const ttl =
+      Number.isFinite(this.probeCacheTtlMs) && this.probeCacheTtlMs > 0
+        ? this.probeCacheTtlMs
+        : PROBE_CACHE_TTL_MS;
+    this.probeCache.set(cacheKey, { result, expiresAt: now + ttl });
+  }
+
+  async probeHostedUrl({ url, magnet, probeUrl } = {}) {
+    const sanitizedUrl = typeof url === "string" ? url.trim() : "";
+    if (!sanitizedUrl) {
+      return { outcome: "invalid" };
+    }
+    const cacheKey = this.getProbeCacheKey({
+      url: sanitizedUrl,
+      magnet,
+    });
+    const cachedResult = this.getCachedProbeResult(cacheKey);
+    if (cachedResult) {
+      return cachedResult;
+    }
+    const inFlight = this.probeInFlight.get(cacheKey);
+    if (inFlight) {
+      return inFlight;
+    }
+
+    const probePromise = (async () => {
+      try {
+        const result =
+          typeof probeUrl === "function"
+            ? await probeUrl(sanitizedUrl)
+            : { outcome: "error" };
+        this.storeProbeResult(cacheKey, result);
+        return result;
+      } catch (error) {
+        const result = { outcome: "error", error };
+        this.storeProbeResult(cacheKey, result);
+        return result;
+      } finally {
+        this.probeInFlight.delete(cacheKey);
+      }
+    })();
+
+    this.probeInFlight.set(cacheKey, probePromise);
+    return probePromise;
+  }
+
+  prepareVideoElement(videoElement) {
+    if (!videoElement) {
+      return;
+    }
+    const storedUnmuted = localStorage.getItem("unmutedAutoplay");
+    const userWantsUnmuted = storedUnmuted === "true";
+    videoElement.muted = !userWantsUnmuted;
+
+    if (!videoElement.dataset.autoplayBound) {
+      videoElement.addEventListener("volumechange", () => {
+        localStorage.setItem(
+          "unmutedAutoplay",
+          (!videoElement.muted).toString()
+        );
+      });
+      videoElement.dataset.autoplayBound = "true";
+    }
+  }
+
+  /**
+   * Registers a set of event listeners ("watchdogs") on the video element to detect
+   * when playback has stalled or failed.
+   *
+   * This is critical for the "Hybrid" playback strategy. We attempt to play the
+   * direct URL (which is cheap and fast). If it hangs (e.g., buffering forever)
+   * or errors out, this watchdog fires the `onFallback` callback, which triggers
+   * the switch to P2P.
+   *
+   * @param {HTMLVideoElement} videoElement
+   * @param {object} options
+   * @param {number} options.stallMs - How long to wait without progress before considering it a "stall".
+   * @param {Function} options.onSuccess - Called if playback starts successfully (clears the watchdog).
+   * @param {Function} options.onFallback - Called if playback fails or stalls.
+   * @returns {Function} cleanup function to remove listeners.
+   */
+  registerUrlPlaybackWatchdogs(
+    videoElement,
+    { stallMs = 8000, onSuccess, onFallback } = {}
+  ) {
+    if (!videoElement || typeof onFallback !== "function") {
+      return () => {};
+    }
+
+    const normalizedStallMs = Number.isFinite(stallMs) && stallMs > 0 ? stallMs : 0;
+    this.log(
+      `[registerUrlPlaybackWatchdogs] Installing watchdogs (stallMs=${normalizedStallMs}) readyState=${videoElement.readyState} networkState=${videoElement.networkState}`
+    );
+
+    let active = true;
+    let stallTimerId = null;
+    const listeners = [];
+
+    const cleanup = () => {
+      if (!active) {
+        return;
+      }
+      active = false;
+      if (stallTimerId) {
+        clearTimeout(stallTimerId);
+        stallTimerId = null;
+      }
+      for (const [eventName, handler] of listeners) {
+        videoElement.removeEventListener(eventName, handler);
+      }
+    };
+
+    const triggerFallback = (reason) => {
+      if (!active) {
+        return;
+      }
+      this.log(
+        `[registerUrlPlaybackWatchdogs] Triggering fallback (${reason}) readyState=${videoElement.readyState} networkState=${videoElement.networkState}`
+      );
+      cleanup();
+      onFallback(reason);
+    };
+
+    const handleSuccess = () => {
+      if (!active) {
+        return;
+      }
+      this.log(
+        "[registerUrlPlaybackWatchdogs] Hosted playback signaled success; clearing watchdogs."
+      );
+      cleanup();
+      if (typeof onSuccess === "function") {
+        onSuccess();
+      }
+    };
+
+    // The timer is reset on any "progress" event. If `stallMs` passes without
+    // a reset, we assume the connection is dead/stalled and fallback.
+    const resetTimer = () => {
+      if (!active || !normalizedStallMs) {
+        return;
+      }
+      if (stallTimerId) {
+        clearTimeout(stallTimerId);
+      }
+      stallTimerId = setTimeout(() => triggerFallback("stall"), normalizedStallMs);
+    };
+
+    const addListener = (eventName, handler) => {
+      videoElement.addEventListener(eventName, handler);
+      listeners.push([eventName, handler]);
+    };
+
+    // Immediate failure conditions
+    addListener("error", () => triggerFallback("error"));
+    addListener("abort", () => triggerFallback("abort"));
+    addListener("stalled", () => triggerFallback("stalled"));
+
+    // Success conditions
+    addListener("playing", handleSuccess);
+    addListener("ended", handleSuccess);
+
+    // Keep-alive events that reset the stall timer
+    const timerEvents = [
+      "timeupdate",
+      "progress",
+      "loadeddata",
+      "canplay",
+      "canplaythrough",
+      "suspend",
+      "waiting",
+    ];
+    for (const eventName of timerEvents) {
+      addListener(eventName, resetTimer);
+    }
+
+    if (normalizedStallMs) {
+      resetTimer();
+    }
+
+    return () => {
+      this.log("[registerUrlPlaybackWatchdogs] Manual watchdog cleanup invoked.");
+      cleanup();
+    };
+  }
+
+  cleanupWatchdog() {
+    if (this.currentSession) {
+      this.currentSession.cleanupWatchdog();
+    }
+  }
+
+  createSession(options = {}) {
+    const session = new PlaybackSession(this, {
+      ...options,
+      playbackStartTimeout: this.playbackStartTimeout,
+    });
+    this.currentSession = session;
+    return session;
+  }
+}
+
+/**
+ * PlaybackSession represents a single attempt to play a specific video.
+ * It manages the state machine of:
+ * 1. Probing the direct URL.
+ * 2. Attempting to play the URL.
+ * 3. Monitoring for stalls.
+ * 4. Falling back to WebTorrent if needed.
+ *
+ * It uses a `requestSignature` (JSON of url+magnet) to uniquely identify the request.
+ * This is used by the UI layer to prevent race conditions: if the user clicks a new video,
+ * the UI can check `matchesRequestSignature` to see if it can reuse the active session
+ * or if it needs to spin up a new one.
+ */
+class PlaybackSession extends SimpleEventEmitter {
+  constructor(service, options = {}) {
+    super((message, ...args) => service.log(message, ...args));
+    this.service = service;
+    this.options = options;
+    this.watchdogCleanup = null;
+    this.result = { source: null };
+    this.finished = false;
+    this.startPromise = null;
+
+    this.sanitizedUrl =
+      typeof options.url === "string" ? options.url.trim() : "";
+    this.trimmedMagnet =
+      typeof options.magnet === "string" ? options.magnet.trim() : "";
+
+    // The signature prevents duplicate work if the same video is requested again
+    // while already loading/playing.
+    this.requestSignature =
+      typeof options.requestSignature === "string"
+        ? options.requestSignature
+        : JSON.stringify({
+            url: this.sanitizedUrl,
+            magnet: this.trimmedMagnet,
+          });
+
+    if (typeof service.deriveTorrentPlaybackConfig === "function") {
+      this.playbackConfig = service.deriveTorrentPlaybackConfig({
+        magnet: this.trimmedMagnet,
+        url: this.sanitizedUrl,
+        logger: (message) => service.log(message),
+        appProtocol: options.appProtocol,
+      });
+    } else {
+      this.playbackConfig = {
+        magnet: this.trimmedMagnet,
+        fallbackMagnet: "",
+        provided: !!this.trimmedMagnet,
+        usedInfoHash: false,
+        originalInput: this.trimmedMagnet,
+        didMutate: false,
+        infoHash: "",
+      };
+    }
+
+    const magnetIsUsable =
+      typeof service.isValidMagnetUri === "function"
+        ? service.isValidMagnetUri(this.playbackConfig.magnet)
+        : false;
+
+    this.magnetForPlayback = magnetIsUsable
+      ? this.playbackConfig.magnet
+      : "";
+    this.fallbackMagnet = magnetIsUsable
+      ? this.playbackConfig.fallbackMagnet
+      : "";
+    this.magnetProvided = !!this.playbackConfig.provided;
+  }
+
+  isActive() {
+    return !this.finished;
+  }
+
+  matchesRequestSignature(signature) {
+    if (!this.isActive()) {
+      return false;
+    }
+    if (typeof signature !== "string" || !signature) {
+      return false;
+    }
+    return signature === this.requestSignature;
+  }
+
+  getResult() {
+    return this.result;
+  }
+
+  getPlaybackConfig() {
+    return this.playbackConfig;
+  }
+
+  getMagnetForPlayback() {
+    return this.magnetForPlayback;
+  }
+
+  getFallbackMagnet() {
+    return this.fallbackMagnet;
+  }
+
+  getMagnetProvided() {
+    return this.magnetProvided;
+  }
+
+  cleanupWatchdog() {
+    if (typeof this.watchdogCleanup === "function") {
+      try {
+        this.watchdogCleanup();
+      } catch (err) {
+        this.service.log("[PlaybackSession] Watchdog cleanup threw", err);
+      } finally {
+        this.watchdogCleanup = null;
+      }
+    }
+  }
+
+  registerWatchdogs(videoElement, options) {
+    this.cleanupWatchdog();
+    this.watchdogCleanup = this.service.registerUrlPlaybackWatchdogs(
+      videoElement,
+      options
+    );
+  }
+
+  attachDebugListeners(videoElement) {
+    if (!videoElement) {
+      return () => {};
+    }
+
+    const debugEvents = [
+      "loadedmetadata",
+      "loadeddata",
+      "canplay",
+      "canplaythrough",
+      "play",
+      "playing",
+      "pause",
+      "stalled",
+      "suspend",
+      "waiting",
+      "ended",
+      "error",
+    ];
+
+    const handlers = [];
+    for (const eventName of debugEvents) {
+      const handler = () => {
+        const { readyState, networkState, currentTime, paused, error } =
+          videoElement;
+        let suffix =
+          `readyState=${readyState} networkState=${networkState} currentTime=${
+            Number.isFinite(currentTime) ? currentTime.toFixed(2) : currentTime
+          } paused=${paused}`;
+        if (eventName === "error" && error) {
+          const errorMessage = error.message || "";
+          suffix += ` code=${error.code || ""} message=${errorMessage}`;
+        }
+        this.service.log(
+          `[playVideoWithFallback] <video> event ${eventName}; ${suffix}`
+        );
+      };
+      videoElement.addEventListener(eventName, handler);
+      handlers.push([eventName, handler]);
+    }
+
+    return () => {
+      if (!handlers.length) {
+        return;
+      }
+      for (const [eventName, handler] of handlers) {
+        videoElement.removeEventListener(eventName, handler);
+      }
+      handlers.length = 0;
+    };
+  }
+
+  /**
+   * Begins the playback flow. Returns a promise that resolves when playback
+   * has either successfully started (URL or Torrent) or fatally failed.
+   */
+  async start() {
+    if (this.startPromise) {
+      return this.startPromise;
+    }
+    this.startPromise = this.execute();
+    return this.startPromise;
+  }
+
+  /**
+   * The core execution loop for the session.
+   * Flow:
+   * 1. Check if forced source (e.g. user manually switched to "Torrent")
+   * 2. If URL available & URL-first enabled:
+   *    a. Probe the URL (HEAD request) to see if it's reachable.
+   *    b. If probe succeeds, attempt to play.
+   *    c. Attach watchdogs.
+   *    d. If watchdog triggers (stall/error), trigger `startTorrentFallback`.
+   * 3. If URL fails or not available, call `startTorrentFallback`.
+   */
+  async execute() {
+    const {
+      videoElement,
+      waitForCleanup,
+      cancelPendingViewLogging,
+      clearActiveIntervals,
+      showModalWithPoster,
+      teardownVideoElement,
+      probeUrl,
+      playViaWebTorrent,
+      autoplay,
+      unsupportedBtihMessage = DEFAULT_UNSUPPORTED_BTITH_MESSAGE,
+      forcedSource = null,
+      playbackStartTimeout = PLAYBACK_START_TIMEOUT,
+    } = this.options;
+
+    this.result = { source: null };
+    this.finished = false;
+
+    const detail = {
+      urlProvided: !!this.sanitizedUrl,
+      magnetProvided: this.magnetProvided,
+      magnetUsable: !!this.magnetForPlayback,
+    };
+    this.service.handleAnalyticsEvent("session-start", detail);
+    this.emit("session-start", detail);
+
+    try {
+      if (typeof waitForCleanup === "function") {
+        await waitForCleanup();
+      }
+      if (typeof cancelPendingViewLogging === "function") {
+        cancelPendingViewLogging();
+      }
+
+      if (!videoElement) {
+        throw new Error("Video element is not ready for playback.");
+      }
+
+      if (typeof showModalWithPoster === "function") {
+        await Promise.resolve(showModalWithPoster());
+      }
+
+      this.emit("status", { message: "Preparing video..." });
+
+      if (typeof clearActiveIntervals === "function") {
+        clearActiveIntervals();
+      }
+
+      this.service.prepareVideoElement(videoElement);
+
+      if (
+        this.service.torrentClient &&
+        typeof this.service.torrentClient.cleanup === "function"
+      ) {
+        await this.service.torrentClient.cleanup();
+      }
+
+      const activeVideoEl =
+        typeof teardownVideoElement === "function"
+          ? teardownVideoElement(videoElement) || videoElement
+          : videoElement;
+
+      if (!activeVideoEl) {
+        throw new Error("Video element is not ready for playback.");
+      }
+
+      this.options.videoElement = activeVideoEl;
+      this.emit("video-prepared", { videoElement: activeVideoEl });
+      this.emit("view-logging-request", { videoElement: activeVideoEl });
+
+      const cleanupDebugListeners = this.attachDebugListeners(activeVideoEl);
+      let cleanupHostedUrlStatusListeners = () => {};
+
+      const httpsUrl = this.sanitizedUrl;
+      const webSeedCandidates = httpsUrl ? [httpsUrl] : [];
+
+      if (webSeedCandidates.length > 0) {
+        this.service.log(
+          `[playVideoWithFallback] Adding ${webSeedCandidates.length} web seed candidate(s) for fallback:`,
+          webSeedCandidates
+        );
+      }
+
+      const resetVideoElement = () => {
+        if (!activeVideoEl) return;
+        try {
+          activeVideoEl.pause();
+        } catch (err) {
+          this.service.log("[playVideoWithFallback] Pause threw during reset:", err);
+        }
+        try {
+          activeVideoEl.removeAttribute("src");
+        } catch (err) {
+          // ignore
+        }
+        activeVideoEl.src = "";
+        activeVideoEl.srcObject = null;
+        try {
+          activeVideoEl.load();
+        } catch (err) {
+          this.service.log("[playVideoWithFallback] Load threw during reset:", err);
+        }
+      };
+
+      // --- Attempt Torrent Logic ---
+      let torrentAttempted = false;
+      const attemptTorrentPlayback = async (reason) => {
+        if (torrentAttempted) return null;
+        torrentAttempted = true;
+
+        this.cleanupWatchdog();
+        cleanupHostedUrlStatusListeners();
+        cleanupDebugListeners();
+        resetVideoElement();
+
+        if (!this.magnetForPlayback) {
+          // No magnet available to try
+          return null;
+        }
+
+        this.emit("status", { message: "Switching to WebTorrent..." });
+        this.service.handleAnalyticsEvent("fallback", { reason });
+        this.emit("fallback", { reason });
+
+        if (typeof playViaWebTorrent !== "function") {
+          throw new Error("No torrent playback handler provided.");
+        }
+
+        let torrentInstance;
+        try {
+          torrentInstance = await playViaWebTorrent(this.magnetForPlayback, {
+            fallbackMagnet: this.fallbackMagnet,
+            urlList: webSeedCandidates,
+          });
+        } catch (err) {
+          const errorMessage = getTorrentErrorMessage(err);
+          if (errorMessage) {
+            this.emit("status", { message: errorMessage });
+          }
+          throw new Error(errorMessage, { cause: err });
+        }
+
+        this.service.handleAnalyticsEvent("sourcechange", { source: "torrent" });
+        this.emit("sourcechange", { source: "torrent" });
+        if (typeof autoplay === "function") {
+          autoplay();
+        }
+
+        const result = { source: "torrent", torrentInstance };
+        this.result = result;
+        return result;
+      };
+
+      // --- Attempt URL Logic ---
+      const attemptHostedPlayback = async () => {
+        if (!httpsUrl) return null;
+
+        this.emit("status", { message: "Checking hosted URL..." });
+        this.service.log(
+          `[playVideoWithFallback] Probing hosted URL ${httpsUrl} (readyState=${activeVideoEl.readyState} networkState=${activeVideoEl.networkState}).`
+        );
+
+        let hostedStatusResolved = false;
+        const hostedStatusHandlers = [];
+        const addHostedStatusListener = (eventName, handler, options) => {
+          if (!activeVideoEl) return;
+          activeVideoEl.addEventListener(eventName, handler, options);
+          hostedStatusHandlers.push([eventName, handler, options]);
+        };
+
+        const markHostedUrlAsLive = () => {
+          if (hostedStatusResolved) return;
+          hostedStatusResolved = true;
+          this.emit("status", { message: HOSTED_URL_SUCCESS_MESSAGE });
+          cleanupHostedUrlStatusListeners();
+        };
+
+        const maybeMarkHostedUrl = () => {
+          if (
+            hostedStatusResolved ||
+            !activeVideoEl ||
+            activeVideoEl.readyState < HTMLMediaElement.HAVE_CURRENT_DATA
+          ) {
+            return;
+          }
+          if (activeVideoEl.currentTime > 0 || !activeVideoEl.paused) {
+            markHostedUrlAsLive();
+          }
+        };
+
+        cleanupHostedUrlStatusListeners = () => {
+          if (!hostedStatusHandlers.length || !activeVideoEl) {
+            hostedStatusHandlers.length = 0;
+            cleanupHostedUrlStatusListeners = () => {};
+            return;
+          }
+          for (const [eventName, handler, options] of hostedStatusHandlers) {
+            activeVideoEl.removeEventListener(eventName, handler, options);
+          }
+          hostedStatusHandlers.length = 0;
+          cleanupHostedUrlStatusListeners = () => {};
+        };
+
+        addHostedStatusListener("playing", markHostedUrlAsLive, { once: true });
+        addHostedStatusListener("loadeddata", maybeMarkHostedUrl);
+        addHostedStatusListener("canplay", maybeMarkHostedUrl);
+        addHostedStatusListener(
+          "error",
+          () => {
+            cleanupHostedUrlStatusListeners();
+            cleanupDebugListeners();
+          },
+          { once: true }
+        );
+
+        const probeResult = await this.service.probeHostedUrl({
+          url: httpsUrl,
+          magnet: this.trimmedMagnet,
+          probeUrl,
+        });
+        const probeOutcome = probeResult?.outcome || "error";
+        const probeStatus = probeResult?.status || "unknown";
+        const shouldAttemptHosted =
+          probeOutcome !== "bad" && probeOutcome !== "error";
+
+        this.service.log(
+          `[playVideoWithFallback] Hosted URL probe outcome=${probeOutcome} status=${probeStatus} shouldAttemptHosted=${shouldAttemptHosted}`
+        );
+
+        if (probeOutcome === "bad") {
+          this.service.log(
+            `[playVideoWithFallback] ⚠️ Direct URL probe failed with status ${probeStatus}. WebSeed fallback using this same URL will likely also fail.`
+          );
+        }
+
+        if (shouldAttemptHosted) {
+          let outcomeResolved = false;
+          let outcomeResolver = () => {};
+          let autoplayBlocked = false;
+
+          const playbackOutcomePromise = new Promise((resolve) => {
+            outcomeResolver = (value) => {
+              if (outcomeResolved) return;
+              outcomeResolved = true;
+              resolve(value);
+            };
+          });
+
+          const attachWatchdogs = ({ stallMs = 8000 } = {}) => {
+            this.registerWatchdogs(activeVideoEl, {
+              stallMs,
+              onSuccess: () => outcomeResolver({ status: "success" }),
+              onFallback: (reason) => {
+                if (autoplayBlocked && reason === "stall") {
+                  this.service.log(
+                    "[playVideoWithFallback] Autoplay blocked; waiting for user gesture before falling back."
+                  );
+                  this.emit("status", {
+                    message: "Press play to start the hosted video.",
+                  });
+                  this.emit("autoplay-blocked", { reason });
+                  attachWatchdogs({ stallMs: 0 });
+                  return;
+                }
+                const errorMessage = getHostedVideoErrorMessage(activeVideoEl);
+                if (errorMessage) {
+                  this.emit("status", { message: errorMessage });
+                }
+                outcomeResolver({ status: "fallback", reason, errorMessage });
+              },
+            });
+          };
+
+          // Use default stall timeout here; the initial start timeout is handled by the race wrapper
+          attachWatchdogs({ stallMs: 8000 });
+
+          const handleFatalPlaybackError = (err) => {
+            this.service.log(
+              "[playVideoWithFallback] Direct URL playback threw:",
+              err
+            );
+            outcomeResolver({ status: "fallback", reason: "play-error" });
+          };
+
+          try {
+            activeVideoEl.src = httpsUrl;
+            const playPromise = activeVideoEl.play();
+            if (playPromise && typeof playPromise.catch === "function") {
+              playPromise.catch((err) => {
+                if (err?.name === "NotAllowedError") {
+                  autoplayBlocked = true;
+                  this.service.log(
+                    "[playVideoWithFallback] Autoplay blocked by browser; awaiting user interaction.",
+                    err
+                  );
+                  this.emit("status", {
+                    message: "Press play to start the hosted video.",
+                  });
+                  this.cleanupWatchdog();
+                  attachWatchdogs({ stallMs: 0 });
+                  const restoreOnPlay = () => {
+                    activeVideoEl.removeEventListener("play", restoreOnPlay);
+                    this.cleanupWatchdog();
+                    autoplayBlocked = false;
+                    attachWatchdogs({ stallMs: 8000 });
+                  };
+                  activeVideoEl.addEventListener("play", restoreOnPlay, {
+                    once: true,
+                  });
+                  return;
+                }
+                handleFatalPlaybackError(err);
+              });
+            }
+          } catch (err) {
+            handleFatalPlaybackError(err);
+          }
+
+          const playbackOutcome = await playbackOutcomePromise;
+          if (playbackOutcome?.status === "success") {
+            this.emit("poster-remove", { reason: "http-success" });
+            this.service.handleAnalyticsEvent("sourcechange", {
+              source: "url",
+            });
+            this.emit("sourcechange", { source: "url" });
+            cleanupHostedUrlStatusListeners();
+            cleanupDebugListeners();
+            const result = { source: "url" };
+            this.result = result;
+            return result;
+          }
+
+          // Fallback triggered
+          const fallbackReason = playbackOutcome?.reason || "watchdog-triggered";
+          return {
+            status: "fallback",
+            reason: fallbackReason,
+            errorMessage: playbackOutcome?.errorMessage,
+          };
+        }
+
+        const failureDetails = getHostedUrlFailureDetails(probeResult);
+        if (failureDetails?.message) {
+          this.emit("status", { message: failureDetails.message });
+        }
+
+        cleanupHostedUrlStatusListeners();
+        cleanupDebugListeners();
+        return {
+          status: "fallback",
+          reason: "probe-failed",
+          errorMessage: failureDetails?.message,
+        };
+      };
+
+      // --- Timeout Wrapper ---
+      const withTimeout = (promise, ms, label = "Operation") => {
+        if (!ms || ms <= 0) return promise;
+        return new Promise((resolve, reject) => {
+          const timer = setTimeout(() => {
+            this.service.log(`[playVideoWithFallback] ${label} timed out after ${ms}ms.`);
+            resolve({ status: "fallback", reason: "timeout", source: "timeout" });
+          }, ms);
+
+          promise
+            .then((result) => {
+              clearTimeout(timer);
+              resolve(result);
+            })
+            .catch((err) => {
+              clearTimeout(timer);
+              reject(err);
+            });
+        });
+      };
+
+      // --- Execution Flow ---
+
+      let tryUrlFirst = this.service.urlFirstEnabled;
+      if (forcedSource === "url") tryUrlFirst = true;
+      if (forcedSource === "torrent") tryUrlFirst = false;
+
+      const effectiveTimeout = forcedSource ? 0 : playbackStartTimeout;
+
+      let hostedErrorMessage = "";
+
+      if (tryUrlFirst) {
+        if (httpsUrl) {
+          // Wrap URL attempt in timeout
+          const urlResult = await withTimeout(
+            attemptHostedPlayback(),
+            effectiveTimeout,
+            "URL Playback"
+          );
+
+          if (urlResult && urlResult.source === "url") {
+            return urlResult;
+          }
+
+          if (typeof urlResult?.errorMessage === "string") {
+            hostedErrorMessage = urlResult.errorMessage;
+          }
+
+          // If timeout or failure, proceed to fallback
+          if (urlResult?.reason === "timeout") {
+            // Need to ensure URL probing/playback is effectively cancelled
+            this.cleanupWatchdog();
+            cleanupHostedUrlStatusListeners();
+            resetVideoElement();
+          }
+
+          const fallbackReason = urlResult?.reason || "url-unavailable";
+          if (this.magnetForPlayback && forcedSource !== "url") {
+            return await attemptTorrentPlayback(fallbackReason);
+          }
+        } else if (this.magnetForPlayback && forcedSource !== "url") {
+          return await attemptTorrentPlayback("url-missing");
+        }
+      } else {
+        // Try Torrent First
+        if (this.magnetForPlayback) {
+          try {
+            // Wrap Torrent attempt in timeout
+            const torrentResult = await withTimeout(
+              attemptTorrentPlayback("preference"),
+              effectiveTimeout,
+              "Torrent Playback"
+            );
+
+            if (torrentResult && torrentResult.source === "torrent") {
+              return torrentResult;
+            }
+
+            if (torrentResult?.reason === "timeout") {
+              this.service.log(
+                "[playVideoWithFallback] Torrent timed out; cleaning up."
+              );
+              if (
+                this.service.torrentClient &&
+                typeof this.service.torrentClient.cleanup === "function"
+              ) {
+                await this.service.torrentClient.cleanup();
+              }
+              resetVideoElement();
+            }
+          } catch (err) {
+            this.service.log(
+              "[playVideoWithFallback] Torrent preference failed, trying URL:",
+              err
+            );
+            if (
+              this.service.torrentClient &&
+              typeof this.service.torrentClient.cleanup === "function"
+            ) {
+              await this.service.torrentClient.cleanup();
+            }
+            resetVideoElement();
+          }
+        }
+
+        // Fallback to URL
+        if (httpsUrl && forcedSource !== "torrent") {
+          const urlResult = await attemptHostedPlayback();
+          if (urlResult && urlResult.source === "url") {
+            return urlResult;
+          }
+
+          if (typeof urlResult?.errorMessage === "string") {
+            hostedErrorMessage = urlResult.errorMessage;
+          }
+        }
+      }
+
+      const message =
+        hostedErrorMessage ||
+        (this.magnetProvided && !this.magnetForPlayback
+          ? unsupportedBtihMessage
+          : "No playable source found.");
+      this.emit("status", { message });
+      this.service.handleAnalyticsEvent("sourcechange", { source: null });
+      this.emit("sourcechange", { source: null });
+      cleanupDebugListeners();
+      const error = new Error(message);
+      this.service.handleAnalyticsEvent("error", { error });
+      this.emit("error", { error, message });
+      this.result = { source: null, error };
+      return this.result;
+    } catch (error) {
+      this.service.log("Error in playVideoWithFallback:", error);
+      const message =
+        error && error.message
+          ? `Playback error: ${error.message}`
+          : "Playback error";
+      this.service.handleAnalyticsEvent("error", { error });
+      this.emit("error", { error, message });
+      this.result = { source: null, error };
+      return this.result;
+    } finally {
+      this.cleanupWatchdog();
+      this.finished = true;
+      if (this.result) {
+        this.emit("finished", this.result);
+      }
+    }
+  }
+}
+
+export default PlaybackService;
diff --git a/dist/js/services/profileMetadataService.js b/dist/js/services/profileMetadataService.js
new file mode 100644
index 00000000..84b11405
--- /dev/null
+++ b/dist/js/services/profileMetadataService.js
@@ -0,0 +1,293 @@
+import { nostrClient } from "../nostrClientFacade.js";
+import { devLogger } from "../utils/logger.js";
+import { relaySubscriptionService } from "./relaySubscriptionService.js";
+
+const DEFAULT_PROFILE_IMAGE = "assets/svg/default-profile.svg";
+const HEX64_REGEX = /^[0-9a-f]{64}$/i;
+const inFlight = new Map();
+
+function normalizePubkey(pubkey) {
+  if (typeof pubkey !== "string") {
+    return "";
+  }
+
+  const trimmed = pubkey.trim();
+  if (!trimmed || !HEX64_REGEX.test(trimmed)) {
+    return "";
+  }
+
+  return trimmed.toLowerCase();
+}
+
+function resolveRelays(relays, nostr) {
+  if (Array.isArray(relays) && relays.length) {
+    return relays.filter((relay) => typeof relay === "string" && relay.trim());
+  }
+
+  if (Array.isArray(nostr?.readRelays) && nostr.readRelays.length) {
+    return nostr.readRelays.filter((relay) => typeof relay === "string" && relay.trim());
+  }
+
+  if (Array.isArray(nostr?.relays) && nostr.relays.length) {
+    return nostr.relays.filter((relay) => typeof relay === "string" && relay.trim());
+  }
+
+  return [];
+}
+
+function parseProfileEvent(event, defaultProfileImage) {
+  if (!event || typeof event !== "object" || !event.content) {
+    return null;
+  }
+
+  try {
+    const data = JSON.parse(event.content);
+    const profile = {
+      name: data?.display_name || data?.name || "Unknown",
+      picture: data?.picture || defaultProfileImage,
+    };
+
+    const about = typeof data?.about === "string" ? data.about : "";
+    if (about) {
+      profile.about = about;
+    }
+
+    const website = typeof data?.website === "string" ? data.website : "";
+    if (website) {
+      profile.website = website;
+    }
+
+    const banner = typeof data?.banner === "string" ? data.banner : "";
+    if (banner) {
+      profile.banner = banner;
+    }
+
+    const lud16 = typeof data?.lud16 === "string" ? data.lud16 : "";
+    if (lud16) {
+      profile.lud16 = lud16;
+    }
+
+    const lud06 = typeof data?.lud06 === "string" ? data.lud06 : "";
+    if (lud06) {
+      profile.lud06 = lud06;
+    }
+
+    return profile;
+  } catch (error) {
+    devLogger.warn("[profileMetadata] Failed to parse profile event", error);
+    return null;
+  }
+}
+
+async function performProfileFetch({
+  pubkeys,
+  nostr,
+  relays,
+  logger,
+  defaultProfileImage,
+} = {}) {
+  if (!nostr?.pool || typeof nostr.pool.list !== "function") {
+    logger.warn("[profileMetadata] Relay pool is not ready; skipping profile fetch.");
+    return new Map();
+  }
+
+  const relayUrls = resolveRelays(relays, nostr);
+  if (!relayUrls.length) {
+    logger.warn("[profileMetadata] No relays configured; skipping profile fetch.");
+    return new Map();
+  }
+
+  const filter = {
+    kinds: [0],
+    authors: pubkeys,
+    limit: pubkeys.length,
+  };
+
+  const newestProfiles = new Map();
+
+  const results = await Promise.allSettled(
+    relayUrls.map((relayUrl) =>
+      nostr.pool
+        .list([relayUrl], [filter])
+        .then((events) => ({ relayUrl, events }))
+    )
+  );
+
+  results.forEach((result, index) => {
+    const relayUrl =
+      result.status === "fulfilled"
+        ? result.value.relayUrl
+        : relayUrls[index];
+
+    if (result.status !== "fulfilled") {
+      logger.warn(
+        `[profileMetadata] Failed to fetch profiles from relay ${relayUrl}:`,
+        result.reason,
+      );
+      return;
+    }
+
+    const events = Array.isArray(result.value.events)
+      ? result.value.events
+      : [];
+    if (!events.length) {
+      return;
+    }
+
+    for (const event of events) {
+      const pubkey = normalizePubkey(event?.pubkey);
+      if (!pubkey) {
+        continue;
+      }
+
+      const createdAt = Number.isFinite(event?.created_at)
+        ? event.created_at
+        : 0;
+      const previous = newestProfiles.get(pubkey);
+      if (previous && previous.createdAt >= createdAt) {
+        continue;
+      }
+
+      const profile = parseProfileEvent(event, defaultProfileImage);
+      if (!profile) {
+        continue;
+      }
+
+      newestProfiles.set(pubkey, {
+        createdAt,
+        profile,
+        event,
+      });
+    }
+  });
+
+  return newestProfiles;
+}
+
+export async function fetchProfileMetadataBatch({
+  pubkeys,
+  nostr = nostrClient,
+  relays = null,
+  logger = devLogger,
+  defaultProfileImage = DEFAULT_PROFILE_IMAGE,
+} = {}) {
+  const normalizedPubkeys = Array.isArray(pubkeys)
+    ? pubkeys.map(normalizePubkey).filter(Boolean)
+    : [];
+
+  if (!normalizedPubkeys.length) {
+    return new Map();
+  }
+
+  const uniquePubkeys = Array.from(new Set(normalizedPubkeys));
+  const results = new Map();
+  const waiters = [];
+  const toFetch = [];
+
+  uniquePubkeys.forEach((pubkey) => {
+    const existing = inFlight.get(pubkey);
+    if (existing) {
+      logger.debug?.("[profileMetadata] Reusing in-flight profile fetch", {
+        pubkey,
+      });
+      waiters.push(
+        existing.then((entry) => {
+          if (entry) {
+            results.set(pubkey, entry);
+          }
+        }),
+      );
+      return;
+    }
+    toFetch.push(pubkey);
+  });
+
+  let batchPromise = null;
+  if (toFetch.length) {
+    logger.debug?.("[profileMetadata] Fetching profile metadata", {
+      count: toFetch.length,
+    });
+    const fetchPromise = performProfileFetch({
+      pubkeys: toFetch,
+      nostr,
+      relays,
+      logger,
+      defaultProfileImage,
+    });
+
+    toFetch.forEach((pubkey) => {
+      const perPubkeyPromise = fetchPromise
+        .then((map) => map.get(pubkey) || null)
+        .finally(() => {
+          if (inFlight.get(pubkey) === perPubkeyPromise) {
+            inFlight.delete(pubkey);
+          }
+        });
+      inFlight.set(pubkey, perPubkeyPromise);
+    });
+
+    batchPromise = fetchPromise.then((map) => {
+      map.forEach((value, pubkey) => results.set(pubkey, value));
+    });
+  }
+
+  await Promise.all([...waiters, batchPromise].filter(Boolean));
+
+  return results;
+}
+
+export async function fetchProfileMetadata(pubkey, options = {}) {
+  const normalized = normalizePubkey(pubkey);
+  if (!normalized) {
+    return null;
+  }
+
+  const results = await fetchProfileMetadataBatch({
+    pubkeys: [normalized],
+    ...options,
+  });
+
+  return results.get(normalized) || null;
+}
+
+export function ensureProfileMetadataSubscription({
+  pubkey,
+  nostr = nostrClient,
+  relays = null,
+  logger = devLogger,
+  defaultProfileImage = DEFAULT_PROFILE_IMAGE,
+  onProfile,
+} = {}) {
+  const normalized = normalizePubkey(pubkey);
+  if (!normalized || !nostr?.pool) {
+    return null;
+  }
+
+  const relayUrls = resolveRelays(relays, nostr);
+  const filters = [{ kinds: [0], authors: [normalized], limit: 1 }];
+  const key = `profile:${normalized}`;
+
+  return relaySubscriptionService.ensureSubscription({
+    key,
+    pool: nostr.pool,
+    relays: relayUrls,
+    filters,
+    label: "profile-metadata",
+    onEvent: (event) => {
+      if (!event || event.pubkey !== normalized) {
+        return;
+      }
+      const profile = parseProfileEvent(event, defaultProfileImage);
+      if (!profile) {
+        return;
+      }
+      if (typeof onProfile === "function") {
+        try {
+          onProfile({ profile, event });
+        } catch (error) {
+          logger.warn("[profileMetadata] onProfile callback threw", error);
+        }
+      }
+    },
+  });
+}
diff --git a/dist/js/services/r2Service.js b/dist/js/services/r2Service.js
new file mode 100644
index 00000000..16677194
--- /dev/null
+++ b/dist/js/services/r2Service.js
@@ -0,0 +1,1193 @@
+/**
+ * js/services/r2Service.js
+ *
+ * Service responsible for managing Cloudflare R2 uploads and configuration.
+ *
+ * Key Responsibilities:
+ * - Managing user R2 credentials and bucket settings.
+ * - performing S3-compatible multipart uploads (via `js/storage/s3-multipart.js`).
+ * - Orchestrating the "Hybrid" video hosting strategy:
+ *   1. Videos are uploaded to R2 (S3) for reliable direct hosting.
+ *   2. A `.torrent` file is generated and uploaded alongside the video.
+ *   3. The final Magnet URI embeds the R2 URL as a "WebSeed" (`ws=`) and the
+ *      torrent file as a metadata source (`xs=`).
+ *
+ * This allows clients to stream directly from R2 (fast, reliable) while simultaneously
+ * joining the P2P swarm. If R2 bandwidth runs out or the link breaks, the swarm takes over.
+ */
+
+import {
+  buildR2Key,
+  buildPublicUrl,
+} from "../r2.js";
+import {
+  sanitizeBucketName,
+  ensureBucket,
+  putCors,
+  attachCustomDomainAndWait,
+  setManagedDomain,
+  deriveShortSubdomain,
+} from "../storage/r2-mgmt.js";
+import { makeR2Client } from "../storage/r2-s3.js";
+import {
+  multipartUpload,
+  ensureBucketCors,
+  ensureBucketExists,
+  deleteObject,
+} from "../storage/s3-multipart.js";
+import { ensureS3SdkLoaded, makeS3Client } from "../storage/s3-client.js";
+import { truncateMiddle } from "../utils/formatters.js";
+import { userLogger, devLogger } from "../utils/logger.js";
+import {
+  buildStoragePointerValue,
+  buildStoragePrefixFromKey,
+} from "../utils/storagePointer.js";
+import {
+  getVideoNoteErrorMessage,
+  normalizeVideoNotePayload,
+  VIDEO_NOTE_ERROR_CODES,
+} from "./videoNotePayload.js";
+import storageService from "./storageService.js";
+import { calculateTorrentInfoHash } from "../utils/torrentHash.js";
+
+const STATUS_VARIANTS = new Set(["info", "success", "error", "warning"]);
+const INFO_HASH_PATTERN = /^[a-f0-9]{40}$/;
+
+function normalizeInfoHash(value) {
+  return typeof value === "string" ? value.trim().toLowerCase() : "";
+}
+
+function isValidInfoHash(value) {
+  return INFO_HASH_PATTERN.test(value);
+}
+
+async function resolveUploadIdentifier({ infoHash = "", file = null } = {}) {
+  const normalizedInfoHash = normalizeInfoHash(infoHash);
+  if (isValidInfoHash(normalizedInfoHash)) {
+    return normalizedInfoHash;
+  }
+  if (!file) {
+    return "";
+  }
+  try {
+    const computedHash = await calculateTorrentInfoHash(file);
+    const normalizedComputed = normalizeInfoHash(computedHash);
+    if (isValidInfoHash(normalizedComputed)) {
+      return normalizedComputed;
+    }
+  } catch (err) {
+    userLogger.warn("Failed to precompute info hash for storage key:", err);
+  }
+  return "";
+}
+
+function buildCorsGuidance({ accountId } = {}) {
+  const origin =
+    typeof window !== "undefined" && window.location
+      ? window.location.origin
+      : "";
+  const originLabel = origin && origin !== "null" ? origin : "<your-app-origin>";
+  const endpoint = accountId
+    ? `https://${accountId}.r2.cloudflarestorage.com`
+    : "https://<account>.r2.cloudflarestorage.com";
+
+  return [
+    "This is likely a CORS issue.",
+    `Configure CORS on the R2 S3 API endpoint (${endpoint}) — not just the public domain.`,
+    `Add AllowedOrigins: ${originLabel} (and any other origins),`,
+    "AllowedMethods: GET, HEAD, PUT, POST, DELETE, OPTIONS,",
+    "and AllowedHeaders: *.",
+  ].join(" ");
+}
+
+function createDefaultSettings() {
+  return {
+    accountId: "",
+    accessKeyId: "",
+    secretAccessKey: "",
+    baseDomain: "", // Now interpreted as the public URL base
+    buckets: {},
+  };
+}
+
+function safeDecodeNpub(npub) {
+  if (typeof npub !== "string") {
+    return null;
+  }
+  const trimmed = npub.trim();
+  if (!trimmed) {
+    return null;
+  }
+  if (!trimmed.startsWith("npub1")) {
+    return null;
+  }
+  try {
+    if (
+      typeof window !== "undefined" &&
+      window.NostrTools &&
+      window.NostrTools.nip19
+    ) {
+      const { type, data } = window.NostrTools.nip19.decode(trimmed);
+      if (type === "npub") {
+        return data;
+      }
+    }
+  } catch (err) {
+    // Ignore decode errors
+  }
+  return null;
+}
+
+class R2Service {
+  constructor({
+    makeR2Client: makeR2ClientOverride,
+    multipartUpload: multipartUploadOverride,
+    ensureBucketExists: ensureBucketExistsOverride,
+    ensureBucketCors: ensureBucketCorsOverride,
+    deleteObject: deleteObjectOverride,
+  } = {}) {
+    this.listeners = new Map();
+    this.cloudflareSettings = null;
+    this.makeR2Client = makeR2ClientOverride || makeR2Client;
+    this.multipartUpload = multipartUploadOverride || multipartUpload;
+    this.ensureBucketExists = ensureBucketExistsOverride || ensureBucketExists;
+    this.ensureBucketCors = ensureBucketCorsOverride || ensureBucketCors;
+    this.deleteObject = deleteObjectOverride || deleteObject;
+  }
+
+  on(event, handler) {
+    if (typeof handler !== "function") {
+      return () => {};
+    }
+    if (!this.listeners.has(event)) {
+      this.listeners.set(event, new Set());
+    }
+    const handlers = this.listeners.get(event);
+    handlers.add(handler);
+    return () => {
+      handlers.delete(handler);
+      if (!handlers.size) {
+        this.listeners.delete(event);
+      }
+    };
+  }
+
+  emit(event, detail) {
+    const handlers = this.listeners.get(event);
+    if (!handlers) {
+      return;
+    }
+    for (const handler of handlers) {
+      try {
+        handler(detail);
+      } catch (err) {
+        userLogger.error("[r2Service] Listener error for", event, err);
+      }
+    }
+  }
+
+  getSettings() {
+    return this.cloudflareSettings || createDefaultSettings();
+  }
+
+  setSettings(settings) {
+    this.cloudflareSettings = settings ? { ...settings } : null;
+    this.emit("settingsChanged", { settings: this.getSettings() });
+  }
+
+  normalizeStatusVariant(variant) {
+    if (STATUS_VARIANTS.has(variant)) {
+      return variant;
+    }
+    return "info";
+  }
+
+  setCloudflareSettingsStatus(message = "", variant = "info") {
+    this.emit("settingsStatus", {
+      message: message || "",
+      variant: this.normalizeStatusVariant(variant),
+    });
+  }
+
+  setCloudflareUploadStatus(message = "", variant = "info") {
+    this.emit("uploadStatus", {
+      message: message || "",
+      variant: this.normalizeStatusVariant(variant),
+    });
+  }
+
+  setCloudflareUploading(isUploading) {
+    this.emit("uploadStateChange", { isUploading: Boolean(isUploading) });
+  }
+
+  updateCloudflareProgress(fraction) {
+    this.emit("uploadProgress", { fraction });
+  }
+
+  buildNip71MetadataForUpload(
+    existingMetadata,
+    { publicUrl = "", file = null, infoHash = "" } = {},
+  ) {
+    const base =
+      existingMetadata && typeof existingMetadata === "object"
+        ? { ...existingMetadata }
+        : {};
+
+    const cloneImetaVariant = (variant) => {
+      if (!variant || typeof variant !== "object") {
+        return {
+          m: "",
+          dim: "",
+          url: "",
+          x: "",
+          image: [],
+          fallback: [],
+          service: [],
+          autoGenerated: true,
+        };
+      }
+      return {
+        ...variant,
+        image: Array.isArray(variant.image) ? [...variant.image] : [],
+        fallback: Array.isArray(variant.fallback) ? [...variant.fallback] : [],
+        service: Array.isArray(variant.service) ? [...variant.service] : [],
+      };
+    };
+
+    const imetaList = Array.isArray(base.imeta)
+      ? base.imeta.map((variant) => cloneImetaVariant(variant))
+      : [];
+
+    if (!imetaList.length) {
+      imetaList.push({
+        m: "",
+        dim: "",
+        url: "",
+        x: "",
+        image: [],
+        fallback: [],
+        service: [],
+        autoGenerated: true,
+      });
+    } else {
+      const primary = imetaList[0];
+      if (!Array.isArray(primary.image)) primary.image = [];
+      if (!Array.isArray(primary.fallback)) primary.fallback = [];
+      if (!Array.isArray(primary.service)) primary.service = [];
+    }
+
+    const primaryVariant = imetaList[0];
+    const normalizedUrl =
+      typeof publicUrl === "string"
+        ? publicUrl.trim()
+        : String(publicUrl || "").trim();
+    if (
+      normalizedUrl &&
+      (!primaryVariant.url || !String(primaryVariant.url).trim())
+    ) {
+      primaryVariant.url = normalizedUrl;
+    }
+
+    const mimeType =
+      file && typeof file.type === "string" ? file.type.trim() : "";
+    if (mimeType && (!primaryVariant.m || !String(primaryVariant.m).trim())) {
+      primaryVariant.m = mimeType;
+    }
+
+    const normalizedHash = normalizeInfoHash(infoHash);
+    if (
+      normalizedHash &&
+      isValidInfoHash(normalizedHash) &&
+      (!primaryVariant.x || !String(primaryVariant.x).trim())
+    ) {
+      primaryVariant.x = normalizedHash;
+    }
+
+    base.imeta = imetaList;
+
+    return base;
+  }
+
+  populateCloudflareSettingsInputs(settings) {
+    const data = {
+      accountId: settings?.accountId || "",
+      accessKeyId: settings?.accessKeyId || "",
+      secretAccessKey: settings?.secretAccessKey || "",
+      baseDomain: settings?.baseDomain || "",
+    };
+
+    this.setCloudflareSettingsStatus("");
+    this.emit("settingsPopulated", { settings: data });
+  }
+
+  async loadSettings() {
+    const settings = createDefaultSettings();
+    this.setSettings(settings);
+    this.populateCloudflareSettingsInputs(settings);
+    this.setCloudflareSettingsStatus(
+      "Legacy Cloudflare settings have been retired. Use the Storage tab.",
+      "warning"
+    );
+    return settings;
+  }
+
+  async handleCloudflareSettingsSubmit(formValues = {}, { quiet = false } = {}) {
+    if (!quiet) {
+      this.setCloudflareSettingsStatus(
+        "Legacy settings are disabled. Configure Cloudflare R2 in the Storage tab.",
+        "error"
+      );
+    }
+    return false;
+  }
+
+  async saveSettings(formValues = {}, options = {}) {
+    return this.handleCloudflareSettingsSubmit(formValues, options);
+  }
+
+  /**
+   * Resolves connection credentials for the given npub.
+   * Priority:
+   * 1. StorageService (Encrypted)
+   * 2. Legacy Settings (Plaintext)
+   */
+  async resolveConnection(npub) {
+    if (!npub) return null;
+
+    // 1. Try StorageService
+    const pubkey = safeDecodeNpub(npub);
+    if (pubkey && storageService) {
+      try {
+        const connections = await storageService.listConnections(pubkey);
+        if (Array.isArray(connections) && connections.length > 0) {
+          let target = connections.find(
+            (c) => c.meta && c.meta.defaultForUploads
+          );
+          if (!target) {
+            // Prefer R2, else first
+            target = connections.find(
+              (c) => c.provider === "cloudflare_r2"
+            );
+          }
+          if (!target) {
+            target = connections[0];
+          }
+
+          if (target) {
+            if (storageService.isUnlocked(pubkey)) {
+              const details = await storageService.getConnection(
+                pubkey,
+                target.id
+              );
+              if (details) {
+                const provider =
+                  details.provider || details.meta?.provider || "";
+                const publicBaseUrl =
+                  details.meta?.publicBaseUrl ||
+                  details.meta?.baseDomain ||
+                  details.meta?.publicUrl ||
+                  "";
+                const forcePathStyle =
+                  typeof details.forcePathStyle === "boolean"
+                    ? details.forcePathStyle
+                    : typeof details.meta?.forcePathStyle === "boolean"
+                    ? details.meta.forcePathStyle
+                    : undefined;
+                // Map to R2 settings format
+                return {
+                  provider,
+                  accountId: details.accountId || details.meta?.accountId || "",
+                  endpoint: details.endpoint || details.meta?.endpoint || "",
+                  bucket: details.bucket || details.meta?.bucket || "",
+                  region: details.region || details.meta?.region || "auto",
+                  accessKeyId: details.accessKeyId || "",
+                  secretAccessKey: details.secretAccessKey || "",
+                  baseDomain: publicBaseUrl,
+                  publicBaseUrl,
+                  forcePathStyle,
+                  isLegacy: false,
+                };
+              }
+            } else if (target.provider === "cloudflare_r2") {
+              const meta = target.meta || {};
+              const publicBaseUrl =
+                meta.publicBaseUrl || meta.baseDomain || meta.publicUrl || "";
+              const forcePathStyle =
+                typeof meta.forcePathStyle === "boolean"
+                  ? meta.forcePathStyle
+                  : undefined;
+              return {
+                provider: target.provider,
+                accountId: meta.accountId || "",
+                endpoint: meta.endpoint || "",
+                bucket: meta.bucket || "",
+                region: meta.region || "auto",
+                accessKeyId: "",
+                secretAccessKey: "",
+                baseDomain: publicBaseUrl,
+                publicBaseUrl,
+                forcePathStyle,
+                isLegacy: false,
+                storageLocked: true,
+              };
+            }
+          }
+        }
+      } catch (err) {
+        userLogger.warn("[R2Service] Failed to resolve from storage:", err);
+      }
+    }
+
+    return null;
+  }
+
+  async handleCloudflareClearSettings() {
+    this.setSettings(createDefaultSettings());
+    this.populateCloudflareSettingsInputs(this.getSettings());
+    this.setCloudflareSettingsStatus(
+      "Legacy settings are no longer supported. Clear settings in the Storage tab.",
+      "warning"
+    );
+    return false;
+  }
+
+  async clearSettings() {
+    return this.handleCloudflareClearSettings();
+  }
+
+  getCorsOrigins() {
+    const origins = new Set();
+    if (typeof window !== "undefined" && window.location) {
+      const origin = window.location.origin;
+      if (origin && origin !== "null") {
+        origins.add(origin);
+      }
+      if (origin && origin.startsWith("http://localhost")) {
+        origins.add(origin.replace("http://", "https://"));
+      }
+    }
+    return Array.from(origins);
+  }
+
+  /**
+   * Ensures that the R2 bucket for the given user (npub) is properly configured.
+   *
+   * This method performs several critical setup steps:
+   * 1. Derives a sanitized bucket name from the npub.
+   * 2. Attempts to auto-create the bucket and apply CORS rules if the provided
+   *    credentials allow it (requires Admin/Edit permissions).
+   * 3. Syncs the bucket configuration with the local settings store, ensuring
+   *    the `publicBaseUrl` matches the user's base domain setting.
+   *
+   * @param {string} npub - The user's Nostr public key (npub).
+   * @returns {Promise<object>} The bucket configuration entry and status.
+   */
+  async ensureBucketConfigForNpub(npub, { credentials } = {}) {
+    if (!npub) {
+      return null;
+    }
+
+    // Resolve credentials if not provided
+    let settings = credentials;
+    if (!settings) {
+      settings = await this.resolveConnection(npub);
+    }
+    if (!settings) {
+      settings = this.cloudflareSettings || {};
+    }
+
+    const accountId = (settings.accountId || "").trim();
+    const accessKeyId = (settings.accessKeyId || "").trim();
+    const secretAccessKey = (settings.secretAccessKey || "").trim();
+    const baseDomain = settings.baseDomain || "";
+    const corsOrigins = this.getCorsOrigins();
+
+    if (!accountId) {
+      throw new Error("Cloudflare account ID is missing.");
+    }
+    if (!baseDomain) {
+      throw new Error("Public Bucket URL is missing.");
+    }
+
+    // We no longer support automated bucket creation or domain management via API token.
+    // We assume the user has created the bucket with the correct name and configured the public domain.
+    const bucketName =
+      settings.bucket || settings.meta?.bucket || sanitizeBucketName(npub);
+
+    // We attempt to ensure the bucket exists and CORS is set up using the S3 keys if possible.
+    if (accessKeyId && secretAccessKey) {
+      try {
+        const s3 = this.makeR2Client({
+          accountId,
+          accessKeyId,
+          secretAccessKey,
+          endpoint: settings.endpoint,
+          region: settings.region,
+        });
+
+        // Attempt to auto-create the bucket (requires Admin keys, but harmless if fails)
+        try {
+          await this.ensureBucketExists({
+            s3,
+            bucket: bucketName,
+            region: settings.region,
+          });
+        } catch (createErr) {
+          // 403 Forbidden is expected if keys are "Object Read & Write" only.
+          // We proceed assuming the user might have created it manually.
+          devLogger.debug(
+            "Auto-creation of bucket failed (likely permission issue), proceeding...",
+            createErr
+          );
+        }
+
+        if (corsOrigins.length > 0) {
+          await this.ensureBucketCors({
+            s3,
+            bucket: bucketName,
+            origins: corsOrigins,
+            region: settings.region,
+          });
+        }
+      } catch (corsErr) {
+        const resolvedEndpoint =
+          settings.endpoint ||
+          (accountId ? `https://${accountId}.r2.cloudflarestorage.com` : "");
+        const corsContext = {
+          bucketName,
+          endpoint: resolvedEndpoint,
+          region: settings.region || "",
+          corsOrigins,
+        };
+        userLogger.warn(
+          "Failed to ensure R2 bucket/CORS configuration via access keys. Ensure the bucket exists and you have permissions.",
+          corsContext,
+          corsErr
+        );
+        devLogger.warn("R2 bucket/CORS configuration details.", corsContext, corsErr);
+      }
+    }
+
+    // Use the user-provided baseDomain as the public URL root.
+    // Clean up trailing slash if present.
+    const cleanBaseUrl = baseDomain.replace(/\/+$/, "");
+
+    const manualEntry = {
+      bucket: bucketName,
+      publicBaseUrl: cleanBaseUrl,
+      domainType: "manual",
+      lastUpdated: Date.now(),
+    };
+
+    return {
+      entry: manualEntry,
+      usedManagedFallback: false,
+      customDomainStatus: "manual",
+    };
+  }
+
+  /**
+   * Verifies that the configured R2 bucket is publicly accessible and supports CORS.
+   *
+   * Strategy: "Upload-then-Fetch"
+   * 1. Uploads a small temporary text file to the bucket using the S3 API.
+   * 2. Attempts to fetch that file via the configured Public URL using `fetch()`.
+   *
+   * Why this matters:
+   * - Confirms the `publicBaseUrl` is correct and pointing to this bucket.
+   * - Confirms the bucket allows public reads.
+   * - Confirms CORS is configured to allow GET requests from this web origin.
+   *
+   * @param {object} params
+   * @returns {Promise<{success: boolean, error?: string}>}
+   */
+  async verifyPublicAccess({ settings, npub }) {
+    if (!settings || !npub) {
+      return { success: false, error: "Missing settings or npub." };
+    }
+
+    const { accountId, accessKeyId, secretAccessKey, baseDomain } = settings;
+    if (!accountId || !accessKeyId || !secretAccessKey || !baseDomain) {
+      return { success: false, error: "Incomplete credentials or missing public URL." };
+    }
+
+    const bucketName =
+      settings.bucket || settings.meta?.bucket || sanitizeBucketName(npub);
+    const verifyKey = `.verify-${Date.now()}-${Math.random().toString(36).substring(7)}.txt`;
+    const verifyContent = "bitvid-verification";
+    const publicUrl = buildPublicUrl(baseDomain, verifyKey);
+
+    userLogger.info(
+      `[R2] Verifying access for Bucket: '${bucketName}' in Account: '${truncateMiddle(accountId, 6)}'`
+    );
+
+    try {
+      // 1. Initialize S3
+      const s3 = this.makeR2Client({
+        accountId,
+        accessKeyId,
+        secretAccessKey,
+        endpoint: settings.endpoint,
+        region: settings.region,
+      });
+
+      // 2. Ensure bucket (best effort)
+      try {
+        await this.ensureBucketExists({
+          s3,
+          bucket: bucketName,
+          region: settings.region,
+        });
+      } catch (setupErr) {
+        userLogger.warn("Bucket creation/check warning during verification:", setupErr);
+        // Continue, assuming bucket might already exist and be configured
+      }
+
+      // 3. Ensure CORS (best effort)
+      try {
+        const corsOrigins = this.getCorsOrigins();
+        if (corsOrigins.length > 0) {
+          await this.ensureBucketCors({
+            s3,
+            bucket: bucketName,
+            origins: corsOrigins,
+            region: settings.region,
+          });
+        }
+      } catch (corsErr) {
+        userLogger.warn("CORS setup warning during verification:", corsErr);
+      }
+
+      // 4. Upload Test File
+      const file = new File([verifyContent], "verify.txt", { type: "text/plain" });
+      await this.multipartUpload({
+        s3,
+        bucket: bucketName,
+        key: verifyKey,
+        file,
+        contentType: "text/plain",
+        createBucketIfMissing: true,
+        region: settings.region,
+      });
+
+      // 4. Verify Public Access (Fetch)
+      // Wait a moment for propagation (R2 is usually instant-ish but helpful to wait)
+      await new Promise((r) => setTimeout(r, 500));
+
+      const response = await fetch(publicUrl, { method: "GET", cache: "no-cache" });
+
+      if (!response.ok) {
+        // Cleanup attempt
+        try { await this.deleteObject({ s3, bucket: bucketName, key: verifyKey }); } catch (e) {}
+
+        if (response.status === 404) {
+           return { success: false, error: "File not found. Check your Public Bucket URL." };
+        }
+        return { success: false, error: `Public access failed (HTTP ${response.status}). Is the bucket public?` };
+      }
+
+      const text = await response.text();
+
+      // Cleanup
+      try { await this.deleteObject({ s3, bucket: bucketName, key: verifyKey }); } catch (e) {}
+
+      if (text.trim() !== verifyContent) {
+        return { success: false, error: "Content mismatch. URL might be pointing elsewhere." };
+      }
+
+      return { success: true };
+
+    } catch (err) {
+      userLogger.error("Verification failed:", err);
+      let errorMessage = err.message || "Unknown error during verification.";
+      if (
+        errorMessage.includes("Failed to fetch") ||
+        errorMessage.includes("NetworkError")
+      ) {
+        errorMessage += ` ${buildCorsGuidance({ accountId })} Also verify that the Bucket Name exists and your API Token has 'Object Read & Write' permissions.`;
+      }
+      return { success: false, error: errorMessage };
+    }
+  }
+
+  async updateCloudflareBucketPreview({ hasPubkey = false, npub = "" } = {}) {
+     // No-op for now or just simplified text, since we rely on user input mostly.
+     return;
+  }
+
+  /**
+   * Prepares for an upload by resolving credentials and ensuring the bucket exists.
+   * @param {string} npub
+   * @param {object} options
+   * @returns {Promise<{settings: object, bucketEntry: object}>}
+   */
+  async prepareUpload(npub, { credentials } = {}) {
+    // Resolve settings from StorageService if explicitCredentials missing
+    let effectiveSettings = credentials;
+    if (!effectiveSettings) {
+      effectiveSettings = await this.resolveConnection(npub);
+    }
+    if (!effectiveSettings) {
+      effectiveSettings = this.cloudflareSettings || {};
+    }
+
+    const accountId = (effectiveSettings.accountId || "").trim();
+    const accessKeyId = (effectiveSettings.accessKeyId || "").trim();
+    const secretAccessKey = (effectiveSettings.secretAccessKey || "").trim();
+
+    devLogger.debug("[R2] prepareUpload resolved settings", {
+      provider: effectiveSettings.provider || "",
+      accountId: accountId ? truncateMiddle(accountId, 6) : "",
+      bucket: effectiveSettings.bucket || "",
+      baseDomain: effectiveSettings.baseDomain || "",
+      publicBaseUrl: effectiveSettings.publicBaseUrl || "",
+      storageLocked: Boolean(effectiveSettings.storageLocked),
+      legacyFallback: Boolean(effectiveSettings.isLegacy),
+    });
+
+    if (!accountId || !accessKeyId || !secretAccessKey) {
+      if (effectiveSettings?.storageLocked) {
+        throw new Error(
+          "Storage is locked — unlock storage to use saved R2 bucket settings."
+        );
+      }
+      throw new Error("Missing R2 credentials. Unlock your storage or save settings.");
+    }
+
+    let bucketResult = null;
+    try {
+      bucketResult = await this.ensureBucketConfigForNpub(npub, {
+        credentials: effectiveSettings,
+      });
+    } catch (err) {
+      userLogger.error("Failed to prepare R2 bucket:", err);
+      throw new Error(err?.message ? `Bucket setup failed: ${err.message}` : "Bucket setup failed.");
+    }
+
+    const bucketEntry =
+      bucketResult?.entry || this.cloudflareSettings?.buckets?.[npub];
+
+    if (!bucketEntry || !bucketEntry.publicBaseUrl) {
+      throw new Error("Bucket is missing a public URL. Check your settings.");
+    }
+
+    return { settings: effectiveSettings, bucketEntry };
+  }
+
+  /**
+   * Orchestrates the entire video upload workflow.
+   *
+   * This is the "Grand Central Station" of the upload feature. It handles:
+   * 1. **Validation**: Checks inputs, credentials, and file types.
+   * 2. **Bucket Setup**: Ensures the destination R2 bucket exists and is configured.
+   * 3. **Multipart Uploads**: Uploads the Thumbnail, Video File, and Torrent Metadata
+   *    to R2 in parallel/sequence using the S3 Multipart API.
+   * 4. **Magnet Construction**: Generates a specialized Magnet URI that includes:
+   *    - `xt`: The Info Hash (standard).
+   *    - `ws`: The WebSeed URL (direct HTTP link to the video on R2).
+   *    - `xs`: The Exact Source URL (link to the .torrent file on R2).
+   *    This `ws` + `xs` combo enables the "Hybrid" playback strategy (URL-first, P2P fallback).
+   * 5. **Publishing**: Constructs and signs the Nostr video event (Kind 30078).
+   *
+   * @param {object} params - Upload parameters.
+   * @returns {Promise<boolean>} True if successful.
+   */
+  async handleCloudflareUploadSubmit({
+    npub = "",
+    file = null,
+    thumbnailFile = null,
+    torrentFile = null,
+    metadata = {},
+    infoHash = "",
+    settingsInput = null,
+    explicitCredentials = null,
+    publishVideoNote,
+    onReset,
+    forcedVideoKey = "",
+    forcedVideoUrl = "",
+    forcedTorrentKey = "",
+    forcedTorrentUrl = "",
+  } = {}) {
+    if (settingsInput) {
+      this.setCloudflareUploadStatus(
+        "Legacy Cloudflare settings are disabled. Configure R2 in the Storage tab.",
+        "error"
+      );
+      return false;
+    }
+
+    if (!npub) {
+      this.setCloudflareUploadStatus("Unable to encode npub.", "error");
+      return false;
+    }
+
+    const rawTitleCandidate =
+      metadata && typeof metadata === "object" ? metadata.title : metadata;
+    const title =
+      typeof rawTitleCandidate === "string"
+        ? rawTitleCandidate.trim()
+        : String(rawTitleCandidate ?? "").trim();
+
+    if (!title) {
+      this.setCloudflareUploadStatus(
+        getVideoNoteErrorMessage(VIDEO_NOTE_ERROR_CODES.MISSING_TITLE),
+        "error"
+      );
+      return false;
+    }
+
+    if (!file) {
+      this.setCloudflareUploadStatus(
+        "Select a video or HLS file to upload.",
+        "error"
+      );
+      return false;
+    }
+
+    // Resolve settings from StorageService if explicitCredentials missing
+    let effectiveSettings = explicitCredentials;
+    if (!effectiveSettings) {
+      effectiveSettings = await this.resolveConnection(npub);
+    }
+    if (!effectiveSettings) {
+      effectiveSettings = this.cloudflareSettings || {};
+    }
+
+    const accountId = (effectiveSettings.accountId || "").trim();
+    const accessKeyId = (effectiveSettings.accessKeyId || "").trim();
+    const secretAccessKey = (effectiveSettings.secretAccessKey || "").trim();
+
+    if (!accountId || !accessKeyId || !secretAccessKey) {
+      this.setCloudflareUploadStatus(
+        "Missing R2 credentials. Unlock your storage or save settings.",
+        "error"
+      );
+      return false;
+    }
+
+    this.setCloudflareUploadStatus("Preparing Cloudflare R2…", "info");
+    this.updateCloudflareProgress(0);
+    this.setCloudflareUploading(true);
+
+    const keyIdentifier = await resolveUploadIdentifier({ infoHash, file });
+    const normalizedInfoHash = normalizeInfoHash(infoHash || keyIdentifier);
+    const hasValidInfoHash = isValidInfoHash(normalizedInfoHash);
+
+    let bucketResult = null;
+    try {
+      bucketResult = await this.ensureBucketConfigForNpub(npub, {
+        credentials: effectiveSettings,
+      });
+    } catch (err) {
+      userLogger.error("Failed to prepare R2 bucket:", err);
+      this.setCloudflareUploadStatus(
+        err?.message
+          ? `Bucket setup failed: ${err.message}`
+          : "Bucket setup failed.",
+        "error"
+      );
+      this.setCloudflareUploading(false);
+      this.updateCloudflareProgress(Number.NaN);
+      return false;
+    }
+
+    // Use returned entry first (correct for both legacy and generic), fallback to legacy map
+    const bucketEntry =
+      bucketResult?.entry || this.cloudflareSettings?.buckets?.[npub];
+
+    if (!bucketEntry || !bucketEntry.publicBaseUrl) {
+      this.setCloudflareUploadStatus(
+        "Bucket is missing a public URL. Check your settings.",
+        "error"
+      );
+      this.setCloudflareUploading(false);
+      this.updateCloudflareProgress(Number.NaN);
+      return false;
+    }
+
+    let statusMessage = `Uploading to ${bucketEntry.bucket}…`;
+    this.setCloudflareUploadStatus(statusMessage, "info");
+
+    // Use forced keys if provided, otherwise generate them
+    const key = forcedVideoKey || buildR2Key(npub, file, keyIdentifier);
+    const publicUrl = forcedVideoUrl || buildPublicUrl(bucketEntry.publicBaseUrl, key);
+
+    const buildTorrentKey = () => {
+      if (forcedTorrentKey) return forcedTorrentKey;
+      const baseKey = key.replace(/\.[^/.]+$/, "");
+      if (baseKey && baseKey !== key) {
+        return `${baseKey}.torrent`;
+      }
+      return `${key}.torrent`;
+    };
+
+    try {
+      const s3 = this.makeR2Client({
+        accountId,
+        accessKeyId,
+        secretAccessKey,
+        endpoint: effectiveSettings.endpoint,
+        region: effectiveSettings.region,
+      });
+
+      if (thumbnailFile) {
+        this.setCloudflareUploadStatus("Uploading thumbnail...", "info");
+        const thumbExt = thumbnailFile.name.split('.').pop() || 'jpg';
+        const thumbKey = key.replace(/\.[^/.]+$/, "") + `.thumb.${thumbExt}`;
+
+        try {
+          await this.multipartUpload({
+            s3,
+            bucket: bucketEntry.bucket,
+            key: thumbKey,
+            file: thumbnailFile,
+            contentType: thumbnailFile.type || "image/jpeg",
+            createBucketIfMissing: true,
+            region: effectiveSettings.region,
+          });
+          const thumbUrl = buildPublicUrl(bucketEntry.publicBaseUrl, thumbKey);
+          if (typeof metadata === "object") {
+            metadata.thumbnail = thumbUrl;
+          }
+        } catch (err) {
+          userLogger.warn("Thumbnail upload failed, continuing with video...", err);
+        }
+      }
+
+      this.setCloudflareUploadStatus(statusMessage, "info");
+
+      await this.multipartUpload({
+        s3,
+        bucket: bucketEntry.bucket,
+        key,
+        file,
+        contentType: file.type,
+        createBucketIfMissing: true,
+        region: effectiveSettings.region,
+        onProgress: (fraction) => {
+          this.updateCloudflareProgress(fraction);
+        },
+      });
+
+      let publishOutcome = true;
+      let torrentUrl = forcedTorrentUrl || "";
+
+      if (torrentFile) {
+        this.setCloudflareUploadStatus("Uploading torrent metadata...", "info");
+        const torrentKey = buildTorrentKey();
+        try {
+          await this.multipartUpload({
+            s3,
+            bucket: bucketEntry.bucket,
+            key: torrentKey,
+            file: torrentFile,
+            contentType: "application/x-bittorrent",
+            createBucketIfMissing: true,
+            region: effectiveSettings.region,
+          });
+          if (!torrentUrl) {
+             torrentUrl = buildPublicUrl(bucketEntry.publicBaseUrl, torrentKey);
+          }
+        } catch (err) {
+          userLogger.warn("Torrent metadata upload failed, continuing...", err);
+        }
+      }
+
+      if (typeof publishVideoNote !== "function") {
+        userLogger.warn(
+          "publishVideoNote handler missing; skipping publish step."
+        );
+        publishOutcome = false;
+      } else {
+        // Construct the Magnet Link
+        // This is critical for the hybrid player:
+        // - `xt`: The Info Hash, identifying the content in the DHT.
+        // - `ws` (WebSeed): The direct R2 URL. WebTorrent clients use this to "seed"
+        //   the download via HTTP, ensuring high speed and reliability even with 0 peers.
+        // - `xs` (eXact Source): The URL to the .torrent file on R2. This allows
+        //   clients to fetch metadata (file structure, piece hashes) instantly via HTTP
+        //   instead of waiting to fetch it from the DHT (which can take minutes).
+        let generatedMagnet = "";
+        let generatedWs = "";
+
+        if (hasValidInfoHash) {
+          const encodedDn = encodeURIComponent(file.name);
+          const encodedWs = encodeURIComponent(publicUrl);
+          let magnet = `magnet:?xt=urn:btih:${normalizedInfoHash}&dn=${encodedDn}&ws=${encodedWs}`;
+
+          // Append the xs (metadata) link if available. This significantly speeds up
+          // the "time to first frame" for P2P clients.
+          if (torrentUrl) {
+            const encodedXs = encodeURIComponent(torrentUrl);
+            magnet += `&xs=${encodedXs}`;
+          }
+
+          generatedMagnet = magnet;
+          generatedWs = publicUrl;
+        } else {
+          if (infoHash) {
+            userLogger.warn(
+              "Invalid info hash provided. Skipping magnet and webseed generation.",
+              infoHash
+            );
+          }
+          this.setCloudflareUploadStatus(
+            "Info hash missing or invalid. Publishing URL-first without WebTorrent fallback.",
+            "warning"
+          );
+        }
+
+        const storagePrefix = buildStoragePrefixFromKey({
+          publicBaseUrl: bucketEntry.publicBaseUrl,
+          key,
+        });
+        const storagePointer = buildStoragePointerValue({
+          provider: "r2",
+          prefix: storagePrefix,
+        });
+
+        const rawVideoPayload = {
+          title,
+          url: publicUrl, // Primary URL
+          magnet: generatedMagnet || (metadata?.magnet ?? ""),
+          thumbnail: metadata?.thumbnail ?? "",
+          description: metadata?.description ?? "",
+          storagePointer,
+          ws: generatedWs || (metadata?.ws ?? ""),
+          xs: torrentUrl || (metadata?.xs ?? ""),
+          infoHash: hasValidInfoHash ? normalizedInfoHash : "",
+          enableComments: metadata?.enableComments,
+          isNsfw: metadata?.isNsfw,
+          isForKids: metadata?.isForKids,
+        };
+
+        const mergedNip71 = this.buildNip71MetadataForUpload(metadata?.nip71, {
+          publicUrl,
+          file,
+          infoHash: hasValidInfoHash ? normalizedInfoHash : "",
+        });
+        if (mergedNip71 && Object.keys(mergedNip71).length) {
+          rawVideoPayload.nip71 = mergedNip71;
+        }
+
+        const { payload, errors } = normalizeVideoNotePayload(rawVideoPayload);
+
+        if (errors.length) {
+          const message = getVideoNoteErrorMessage(errors[0]);
+          this.setCloudflareUploadStatus(message, "error");
+          return false;
+        }
+
+        const published = await publishVideoNote(payload, {
+          onSuccess: () => {
+            if (typeof onReset === "function") {
+              onReset();
+            }
+          },
+        });
+
+        publishOutcome = Boolean(published);
+        if (publishOutcome) {
+          this.setCloudflareUploadStatus(
+            `Published ${publicUrl}`,
+            "success"
+          );
+        }
+      }
+
+      return publishOutcome;
+    } catch (err) {
+      userLogger.error("Cloudflare upload failed:", err);
+      this.setCloudflareUploadStatus(
+        err?.message ? `Upload failed: ${err.message}` : "Upload failed.",
+        "error"
+      );
+      return false;
+    } finally {
+      this.setCloudflareUploading(false);
+      this.updateCloudflareProgress(Number.NaN);
+      await this.updateCloudflareBucketPreview({ hasPubkey: true, npub });
+    }
+  }
+
+  async uploadVideo(params = {}) {
+    return this.handleCloudflareUploadSubmit(params);
+  }
+
+  async uploadFile({
+    file,
+    provider,
+    accountId,
+    accessKeyId,
+    secretAccessKey,
+    endpoint,
+    region,
+    forcePathStyle,
+    bucket,
+    key,
+    onProgress,
+  } = {}) {
+    devLogger.debug("r2Service.uploadFile validation inputs", {
+      hasFile: Boolean(file),
+      hasBucket: Boolean(bucket),
+      hasKey: Boolean(key),
+      hasAccountId: Boolean(accountId),
+      hasEndpoint: Boolean(endpoint),
+      hasAccessKeyId: Boolean(accessKeyId),
+      hasSecretAccessKey: Boolean(secretAccessKey),
+    });
+    if (
+      !file ||
+      !bucket ||
+      !key ||
+      (!accountId && !endpoint) ||
+      !accessKeyId ||
+      !secretAccessKey
+    ) {
+      throw new Error("Missing required parameters for uploadFile");
+    }
+
+    let s3 = null;
+    const useR2 = provider === "cloudflare_r2" || Boolean(accountId);
+
+    if (useR2) {
+      s3 = this.makeR2Client({
+        accountId,
+        accessKeyId,
+        secretAccessKey,
+        endpoint,
+        region,
+      });
+    } else {
+      await ensureS3SdkLoaded();
+      s3 = makeS3Client({
+        endpoint,
+        region,
+        accessKeyId,
+        secretAccessKey,
+        forcePathStyle: Boolean(forcePathStyle),
+      });
+    }
+
+    await this.multipartUpload({
+      s3,
+      bucket,
+      key,
+      file,
+      contentType: file.type || "application/octet-stream",
+      createBucketIfMissing: true,
+      region,
+      onProgress: (fraction) => {
+        if (typeof onProgress === "function") {
+          onProgress(fraction);
+        }
+      },
+    });
+
+    return { bucket, key };
+  }
+}
+
+const r2Service = new R2Service();
+
+export default r2Service;
diff --git a/dist/js/services/relayHealthService.js b/dist/js/services/relayHealthService.js
new file mode 100644
index 00000000..98eddea6
--- /dev/null
+++ b/dist/js/services/relayHealthService.js
@@ -0,0 +1,265 @@
+import { devLogger, userLogger } from "../utils/logger.js";
+
+const TELEMETRY_STORAGE_KEY = "bitvid:relay-health-telemetry-opt-in";
+const PERSISTENT_FAILURE_THRESHOLD = 3;
+const USER_LOG_COOLDOWN_MS = 5 * 60 * 1000;
+
+function resolveLogger(logger) {
+  if (logger && logger.dev && logger.user) {
+    return logger;
+  }
+  return { dev: devLogger, user: userLogger };
+}
+
+function nowMs() {
+  return typeof performance !== "undefined" && performance.now
+    ? performance.now()
+    : Date.now();
+}
+
+function readTelemetryOptIn() {
+  if (typeof window === "undefined") {
+    return false;
+  }
+
+  try {
+    const stored = window.localStorage.getItem(TELEMETRY_STORAGE_KEY);
+    return stored === "true";
+  } catch (error) {
+    userLogger.warn(
+      "[relayHealth] Failed to read telemetry preference from storage.",
+      error,
+    );
+    return false;
+  }
+}
+
+function writeTelemetryOptIn(nextValue) {
+  if (typeof window === "undefined") {
+    return;
+  }
+
+  try {
+    window.localStorage.setItem(
+      TELEMETRY_STORAGE_KEY,
+      nextValue ? "true" : "false",
+    );
+  } catch (error) {
+    userLogger.warn(
+      "[relayHealth] Failed to persist telemetry preference.",
+      error,
+    );
+  }
+}
+
+class RelayHealthService {
+  constructor({ relayManager, nostrClient, logger, telemetryEmitter } = {}) {
+    this.relayManager = relayManager || null;
+    this.nostrClient = nostrClient || null;
+    this.logger = resolveLogger(logger);
+    this.telemetryEmitter =
+      typeof telemetryEmitter === "function" ? telemetryEmitter : null;
+    this.relayStates = new Map();
+    this.attachedRelays = new Set();
+    this.cachedTelemetryOptIn = readTelemetryOptIn();
+  }
+
+  getTelemetryOptIn() {
+    return this.cachedTelemetryOptIn;
+  }
+
+  setTelemetryOptIn(value) {
+    const normalized = Boolean(value);
+    this.cachedTelemetryOptIn = normalized;
+    writeTelemetryOptIn(normalized);
+    return normalized;
+  }
+
+  getRelayUrls() {
+    if (!this.relayManager || typeof this.relayManager.getEntries !== "function") {
+      return [];
+    }
+    const entries = this.relayManager.getEntries();
+    return entries
+      .map((entry) => (typeof entry?.url === "string" ? entry.url.trim() : ""))
+      .filter(Boolean);
+  }
+
+  ensureRelayState(relayUrl) {
+    if (!this.relayStates.has(relayUrl)) {
+      this.relayStates.set(relayUrl, {
+        url: relayUrl,
+        connected: false,
+        lastLatencyMs: null,
+        errorCount: 0,
+        consecutiveFailures: 0,
+        lastCheckedAt: null,
+        lastErrorAt: null,
+        lastUserLogAt: null,
+      });
+    }
+
+    return this.relayStates.get(relayUrl);
+  }
+
+  attachRelayListeners(relayUrl, relay) {
+    if (!relay || typeof relay.on !== "function") {
+      return;
+    }
+    if (this.attachedRelays.has(relayUrl)) {
+      return;
+    }
+
+    try {
+      relay.on("connect", () => {
+        this.recordRelaySuccess(relayUrl, null);
+      });
+      relay.on("disconnect", () => {
+        this.recordRelayFailure(relayUrl, new Error("relay-disconnect"));
+      });
+      relay.on("error", (error) => {
+        this.recordRelayFailure(relayUrl, error);
+      });
+      this.attachedRelays.add(relayUrl);
+    } catch (error) {
+      this.logger.dev.warn(
+        "[relayHealth] Failed to attach relay listeners.",
+        error,
+      );
+    }
+  }
+
+  recordRelaySuccess(relayUrl, latencyMs) {
+    const state = this.ensureRelayState(relayUrl);
+    state.connected = true;
+    state.lastCheckedAt = Date.now();
+    state.consecutiveFailures = 0;
+    if (Number.isFinite(latencyMs)) {
+      state.lastLatencyMs = Math.max(0, Math.round(latencyMs));
+    }
+
+    if (this.nostrClient && typeof this.nostrClient.clearRelayBackoff === "function") {
+      this.nostrClient.clearRelayBackoff(relayUrl);
+    }
+  }
+
+  recordRelayFailure(relayUrl, error) {
+    const state = this.ensureRelayState(relayUrl);
+    const now = Date.now();
+    state.connected = false;
+    state.errorCount += 1;
+    state.consecutiveFailures += 1;
+    state.lastCheckedAt = now;
+    state.lastErrorAt = now;
+
+    if (this.nostrClient && typeof this.nostrClient.markRelayUnreachable === "function") {
+      this.nostrClient.markRelayUnreachable(relayUrl, 60000, {
+        reason: "relay-health-failed",
+      });
+    }
+
+    this.logger.dev.warn("[relayHealth] Relay check failed.", {
+      relayUrl,
+      error,
+    });
+
+    if (
+      state.consecutiveFailures >= PERSISTENT_FAILURE_THRESHOLD &&
+      (!state.lastUserLogAt || now - state.lastUserLogAt >= USER_LOG_COOLDOWN_MS)
+    ) {
+      state.lastUserLogAt = now;
+      this.logger.user.warn("[relayHealth] Relay unreachable after repeated failures.", {
+        relayUrl,
+        errorCount: state.consecutiveFailures,
+        lastError: error,
+      });
+    }
+  }
+
+  async checkRelay(relayUrl) {
+    if (!relayUrl) {
+      return;
+    }
+
+    if (!this.nostrClient) {
+      this.recordRelayFailure(relayUrl, new Error("nostr-client-unavailable"));
+      return;
+    }
+
+    try {
+      if (typeof this.nostrClient.ensurePool === "function") {
+        await this.nostrClient.ensurePool();
+      }
+    } catch (error) {
+      this.recordRelayFailure(relayUrl, error);
+      return;
+    }
+
+    if (!this.nostrClient.pool || typeof this.nostrClient.pool.ensureRelay !== "function") {
+      this.recordRelayFailure(relayUrl, new Error("relay-pool-unavailable"));
+      return;
+    }
+
+    const start = nowMs();
+    try {
+      const relay = await this.nostrClient.pool.ensureRelay(relayUrl);
+      if (!relay) {
+        throw new Error("relay-unavailable");
+      }
+
+      this.attachRelayListeners(relayUrl, relay);
+      this.recordRelaySuccess(relayUrl, nowMs() - start);
+    } catch (error) {
+      this.recordRelayFailure(relayUrl, error);
+    }
+  }
+
+  getSnapshot(relayUrls = null) {
+    const urls = Array.isArray(relayUrls) ? relayUrls : this.getRelayUrls();
+    return urls.map((url) => ({ ...this.ensureRelayState(url) }));
+  }
+
+  async refresh(relayUrls = null) {
+    const urls = Array.isArray(relayUrls) ? relayUrls : this.getRelayUrls();
+    if (!urls.length) {
+      return [];
+    }
+
+    await Promise.allSettled(urls.map((url) => this.checkRelay(url)));
+    const snapshot = this.getSnapshot(urls);
+    this.emitTelemetry(snapshot);
+    return snapshot;
+  }
+
+  emitTelemetry(snapshot) {
+    if (!this.telemetryEmitter || !this.getTelemetryOptIn()) {
+      return;
+    }
+
+    const payload = {
+      sampledAt: Date.now(),
+      relays: Array.isArray(snapshot)
+        ? snapshot.map((entry) => ({
+            url: entry.url,
+            connected: Boolean(entry.connected),
+            latencyMs:
+              Number.isFinite(entry.lastLatencyMs) ? entry.lastLatencyMs : null,
+            errorCount: Number.isFinite(entry.errorCount)
+              ? entry.errorCount
+              : 0,
+          }))
+        : [],
+    };
+
+    try {
+      this.telemetryEmitter("relay_health_snapshot", payload);
+    } catch (error) {
+      this.logger.user.warn(
+        "[relayHealth] Failed to emit relay health telemetry.",
+        error,
+      );
+    }
+  }
+}
+
+export default RelayHealthService;
diff --git a/dist/js/services/relaySubscriptionService.js b/dist/js/services/relaySubscriptionService.js
new file mode 100644
index 00000000..b5457449
--- /dev/null
+++ b/dist/js/services/relaySubscriptionService.js
@@ -0,0 +1,250 @@
+import { devLogger, userLogger } from "../utils/logger.js";
+
+function normalizeRelayList(relays) {
+  if (!Array.isArray(relays)) {
+    return [];
+  }
+
+  const seen = new Set();
+  const normalized = [];
+  relays
+    .map((relay) => (typeof relay === "string" ? relay.trim() : ""))
+    .filter(Boolean)
+    .forEach((relay) => {
+      if (!seen.has(relay)) {
+        seen.add(relay);
+        normalized.push(relay);
+      }
+    });
+
+  normalized.sort();
+  return normalized;
+}
+
+function normalizeFilterValue(value) {
+  if (Array.isArray(value)) {
+    const normalizedArray = value.map((entry) => normalizeFilterValue(entry));
+    const isPrimitiveArray = normalizedArray.every(
+      (entry) => typeof entry === "string" || typeof entry === "number",
+    );
+    if (isPrimitiveArray) {
+      return normalizedArray
+        .slice()
+        .sort((a, b) => String(a).localeCompare(String(b)));
+    }
+    return normalizedArray;
+  }
+
+  if (value && typeof value === "object") {
+    return normalizeFilter(value);
+  }
+
+  return value;
+}
+
+function normalizeFilter(filter) {
+  if (!filter || typeof filter !== "object") {
+    return {};
+  }
+
+  const entries = Object.entries(filter)
+    .filter(([key]) => typeof key === "string")
+    .sort(([a], [b]) => a.localeCompare(b));
+
+  const normalized = {};
+  entries.forEach(([key, value]) => {
+    normalized[key] = normalizeFilterValue(value);
+  });
+
+  return normalized;
+}
+
+function normalizeFilters(filters) {
+  if (!Array.isArray(filters)) {
+    return [];
+  }
+
+  return filters.map((filter) => normalizeFilter(filter));
+}
+
+function stableStringify(value) {
+  if (Array.isArray(value)) {
+    return `[${value.map((entry) => stableStringify(entry)).join(",")}]`;
+  }
+
+  if (value && typeof value === "object") {
+    const keys = Object.keys(value).sort();
+    return `{${keys
+      .map((key) => `${JSON.stringify(key)}:${stableStringify(value[key])}`)
+      .join(",")}}`;
+  }
+
+  return JSON.stringify(value);
+}
+
+function buildSignature({ relays, filters }) {
+  return stableStringify({
+    relays: normalizeRelayList(relays),
+    filters: normalizeFilters(filters),
+  });
+}
+
+class RelaySubscriptionService {
+  constructor() {
+    this.subscriptions = new Map();
+  }
+
+  ensureSubscription({
+    key,
+    pool,
+    relays,
+    filters,
+    label = "subscription",
+    onEvent,
+    onEose,
+    onClose,
+  } = {}) {
+    if (!key || typeof key !== "string") {
+      return null;
+    }
+
+    if (!pool || typeof pool.sub !== "function") {
+      devLogger.warn("[relaySubscriptions] Pool unavailable; skipping subscription", {
+        key,
+        label,
+      });
+      return null;
+    }
+
+    const signature = buildSignature({ relays, filters });
+    const existing = this.subscriptions.get(key);
+
+    if (existing && existing.signature === signature && existing.subscription) {
+      devLogger.log("[relaySubscriptions] Reusing existing subscription", {
+        key,
+        label,
+        relays: existing.relays,
+      });
+      return existing.subscription;
+    }
+
+    if (existing && existing.unsubscribe) {
+      devLogger.warn("[relaySubscriptions] Replacing existing subscription", {
+        key,
+        label,
+      });
+      try {
+        existing.unsubscribe();
+      } catch (error) {
+        userLogger.warn("[relaySubscriptions] Failed to unsubscribe existing subscription", error);
+      }
+    }
+
+    const relayList = normalizeRelayList(relays);
+    const filterList = normalizeFilters(filters);
+
+    if (!relayList.length || !filterList.length) {
+      devLogger.warn("[relaySubscriptions] Missing relays or filters; skipping subscription", {
+        key,
+        label,
+        relays: relayList,
+        filters: filterList,
+      });
+      return null;
+    }
+
+    let subscription;
+    try {
+      subscription = pool.sub(relayList, filterList);
+    } catch (error) {
+      userLogger.warn("[relaySubscriptions] Failed to create relay subscription", error);
+      return null;
+    }
+
+    const unsubscribe = () => {
+      try {
+        if (typeof subscription?.unsub === "function") {
+          subscription.unsub();
+        }
+      } catch (error) {
+        userLogger.warn("[relaySubscriptions] Failed to unsubscribe relay subscription", error);
+      }
+    };
+
+    if (subscription && typeof subscription.on === "function") {
+      if (typeof onEvent === "function") {
+        subscription.on("event", (event) => {
+          try {
+            onEvent(event);
+          } catch (error) {
+            userLogger.warn("[relaySubscriptions] Event handler threw", error);
+          }
+        });
+      }
+      if (typeof onEose === "function") {
+        subscription.on("eose", () => {
+          try {
+            onEose();
+          } catch (error) {
+            userLogger.warn("[relaySubscriptions] EOSE handler threw", error);
+          }
+        });
+      }
+      if (typeof onClose === "function") {
+        subscription.on("close", (reasons) => {
+          try {
+            onClose(reasons);
+          } catch (error) {
+            userLogger.warn("[relaySubscriptions] Close handler threw", error);
+          }
+        });
+      }
+    }
+
+    this.subscriptions.set(key, {
+      signature,
+      subscription,
+      unsubscribe,
+      label,
+      relays: relayList,
+      filters: filterList,
+    });
+
+    devLogger.log("[relaySubscriptions] Subscription activated", {
+      key,
+      label,
+      relays: relayList,
+      filters: filterList,
+    });
+
+    return subscription;
+  }
+
+  stopSubscription(key, reason = "") {
+    if (!key || typeof key !== "string") {
+      return;
+    }
+
+    const existing = this.subscriptions.get(key);
+    if (!existing) {
+      return;
+    }
+
+    try {
+      existing.unsubscribe?.();
+    } finally {
+      this.subscriptions.delete(key);
+      devLogger.log("[relaySubscriptions] Subscription stopped", {
+        key,
+        label: existing.label,
+        reason,
+      });
+    }
+  }
+
+  getSignature({ relays, filters }) {
+    return buildSignature({ relays, filters });
+  }
+}
+
+export const relaySubscriptionService = new RelaySubscriptionService();
diff --git a/dist/js/services/s3Service.js b/dist/js/services/s3Service.js
new file mode 100644
index 00000000..872473d7
--- /dev/null
+++ b/dist/js/services/s3Service.js
@@ -0,0 +1,185 @@
+import { ensureS3SdkLoaded, makeS3Client } from "../storage/s3-client.js";
+import { ensureBucketCors, ensureBucketExists } from "../storage/s3-multipart.js";
+import {
+  buildS3PublicUrl,
+  buildS3UrlFromBase,
+  normalizeS3PublicBaseUrl,
+} from "../storage/s3-url.js";
+import { userLogger } from "../utils/logger.js";
+
+function normalizeEndpoint(endpoint) {
+  const trimmed = String(endpoint || "").trim();
+  if (!trimmed) {
+    return "";
+  }
+  if (/^https?:\/\//i.test(trimmed)) {
+    return trimmed.replace(/\/+$/, "");
+  }
+  return `https://${trimmed.replace(/\/+$/, "")}`;
+}
+
+function normalizeRegion(region) {
+  const trimmed = String(region || "").trim();
+  return trimmed || "auto";
+}
+
+function normalizeBucket(bucket) {
+  return String(bucket || "").trim();
+}
+
+export function derivePublicBaseUrl({
+  endpoint,
+  bucket,
+  forcePathStyle,
+} = {}) {
+  return buildS3PublicUrl({ endpoint, bucket, forcePathStyle });
+}
+
+export function buildS3ObjectUrl({
+  publicBaseUrl,
+  endpoint,
+  bucket,
+  key,
+  forcePathStyle,
+} = {}) {
+  const normalizedBase = normalizeS3PublicBaseUrl(publicBaseUrl);
+  if (!key) {
+    return "";
+  }
+  if (normalizedBase) {
+    return buildS3UrlFromBase({ publicBaseUrl: normalizedBase, key });
+  }
+  return buildS3PublicUrl({ endpoint, bucket, key, forcePathStyle });
+}
+
+export function validateS3Connection({
+  endpoint,
+  region,
+  accessKeyId,
+  secretAccessKey,
+  bucket,
+  forcePathStyle,
+  publicBaseUrl,
+} = {}) {
+  const normalizedEndpoint = normalizeEndpoint(endpoint);
+  const normalizedBucket = normalizeBucket(bucket);
+  const normalizedRegion = normalizeRegion(region);
+  const normalizedAccessKeyId = String(accessKeyId || "").trim();
+  const normalizedSecretAccessKey = String(secretAccessKey || "").trim();
+  const normalizedPublicBaseUrl = normalizeS3PublicBaseUrl(publicBaseUrl);
+
+  if (!normalizedEndpoint) {
+    throw new Error("S3 endpoint is required.");
+  }
+  if (!normalizedRegion) {
+    throw new Error("S3 region is required.");
+  }
+  if (!normalizedAccessKeyId) {
+    throw new Error("S3 access key ID is required.");
+  }
+  if (!normalizedSecretAccessKey) {
+    throw new Error("S3 secret access key is required.");
+  }
+  if (!normalizedBucket) {
+    throw new Error("S3 bucket name is required.");
+  }
+  if (typeof forcePathStyle !== "boolean") {
+    throw new Error("S3 forcePathStyle setting must be true or false.");
+  }
+
+  const resolvedPublicBaseUrl =
+    normalizedPublicBaseUrl ||
+    derivePublicBaseUrl({
+      endpoint: normalizedEndpoint,
+      bucket: normalizedBucket,
+      forcePathStyle,
+    });
+
+  if (!resolvedPublicBaseUrl) {
+    throw new Error("Unable to derive a public base URL for the S3 bucket.");
+  }
+
+  return {
+    endpoint: normalizedEndpoint,
+    region: normalizedRegion,
+    accessKeyId: normalizedAccessKeyId,
+    secretAccessKey: normalizedSecretAccessKey,
+    bucket: normalizedBucket,
+    forcePathStyle,
+    publicBaseUrl: resolvedPublicBaseUrl,
+  };
+}
+
+export function getCorsOrigins() {
+  const origins = new Set();
+  if (typeof window !== "undefined" && window.location) {
+    const origin = window.location.origin;
+    if (origin && origin !== "null") {
+      origins.add(origin);
+    }
+    if (origin && origin.startsWith("http://localhost")) {
+      origins.add(origin.replace("http://", "https://"));
+    }
+  }
+  return Array.from(origins);
+}
+
+export async function prepareS3Connection({
+  endpoint,
+  region,
+  accessKeyId,
+  secretAccessKey,
+  bucket,
+  forcePathStyle,
+  origins,
+  publicBaseUrl,
+  createBucketIfMissing = true,
+} = {}) {
+  const normalized = validateS3Connection({
+    endpoint,
+    region,
+    accessKeyId,
+    secretAccessKey,
+    bucket,
+    forcePathStyle,
+    publicBaseUrl,
+  });
+
+  await ensureS3SdkLoaded();
+
+  const s3 = makeS3Client({
+    endpoint: normalized.endpoint,
+    region: normalized.region,
+    accessKeyId: normalized.accessKeyId,
+    secretAccessKey: normalized.secretAccessKey,
+    forcePathStyle: normalized.forcePathStyle,
+  });
+
+  if (createBucketIfMissing) {
+    try {
+      await ensureBucketExists({
+        s3,
+        bucket: normalized.bucket,
+        region: normalized.region,
+      });
+    } catch (error) {
+      userLogger.warn("Failed to ensure S3 bucket exists:", error);
+    }
+  }
+
+  const allowedOrigins = Array.isArray(origins) ? origins : [];
+  if (allowedOrigins.length > 0) {
+    try {
+      await ensureBucketCors({
+        s3,
+        bucket: normalized.bucket,
+        origins: allowedOrigins,
+        region: normalized.region,
+      });
+    } catch (error) {
+      userLogger.warn("Failed to ensure S3 bucket CORS:", error);
+    }
+  }
+
+  return normalized;
+}
diff --git a/dist/js/services/s3UploadService.js b/dist/js/services/s3UploadService.js
new file mode 100644
index 00000000..58264b2d
--- /dev/null
+++ b/dist/js/services/s3UploadService.js
@@ -0,0 +1,436 @@
+import { ensureS3SdkLoaded, makeS3Client } from "../storage/s3-client.js";
+import { multipartUpload } from "../storage/s3-multipart.js";
+import { buildR2Key } from "../r2.js";
+import {
+  buildS3ObjectUrl,
+  getCorsOrigins,
+  prepareS3Connection,
+  validateS3Connection,
+} from "./s3Service.js";
+import { userLogger } from "../utils/logger.js";
+import {
+  buildStoragePointerValue,
+  buildStoragePrefixFromKey,
+} from "../utils/storagePointer.js";
+import {
+  getVideoNoteErrorMessage,
+  normalizeVideoNotePayload,
+  VIDEO_NOTE_ERROR_CODES,
+} from "./videoNotePayload.js";
+import { calculateTorrentInfoHash } from "../utils/torrentHash.js";
+
+const STATUS_VARIANTS = new Set(["info", "success", "error", "warning"]);
+const INFO_HASH_PATTERN = /^[a-f0-9]{40}$/;
+
+function normalizeInfoHash(value) {
+  return typeof value === "string" ? value.trim().toLowerCase() : "";
+}
+
+function isValidInfoHash(value) {
+  return INFO_HASH_PATTERN.test(value);
+}
+
+async function resolveUploadIdentifier({ infoHash = "", file = null } = {}) {
+  const normalizedInfoHash = normalizeInfoHash(infoHash);
+  if (isValidInfoHash(normalizedInfoHash)) {
+    return normalizedInfoHash;
+  }
+  if (!file) {
+    return "";
+  }
+  try {
+    const computedHash = await calculateTorrentInfoHash(file);
+    const normalizedComputed = normalizeInfoHash(computedHash);
+    if (isValidInfoHash(normalizedComputed)) {
+      return normalizedComputed;
+    }
+  } catch (err) {
+    userLogger.warn("Failed to precompute info hash for storage key:", err);
+  }
+  return "";
+}
+
+class S3UploadService {
+  constructor() {
+    this.listeners = new Map();
+  }
+
+  on(event, handler) {
+    if (typeof handler !== "function") {
+      return () => {};
+    }
+    if (!this.listeners.has(event)) {
+      this.listeners.set(event, new Set());
+    }
+    const handlers = this.listeners.get(event);
+    handlers.add(handler);
+    return () => {
+      handlers.delete(handler);
+      if (!handlers.size) {
+        this.listeners.delete(event);
+      }
+    };
+  }
+
+  emit(event, detail) {
+    const handlers = this.listeners.get(event);
+    if (!handlers) {
+      return;
+    }
+    for (const handler of handlers) {
+      try {
+        handler(detail);
+      } catch (err) {
+        userLogger.error("[s3UploadService] Listener error for", event, err);
+      }
+    }
+  }
+
+  normalizeStatusVariant(variant) {
+    if (STATUS_VARIANTS.has(variant)) {
+      return variant;
+    }
+    return "info";
+  }
+
+  setUploadStatus(message = "", variant = "info") {
+    this.emit("uploadStatus", {
+      message: message || "",
+      variant: this.normalizeStatusVariant(variant),
+    });
+  }
+
+  setUploading(isUploading) {
+    this.emit("uploadStateChange", { isUploading: Boolean(isUploading) });
+  }
+
+  updateProgress(fraction) {
+    this.emit("uploadProgress", { fraction });
+  }
+
+  async verifyConnection({
+    settings = {},
+    createBucketIfMissing = true,
+    origins = null,
+  } = {}) {
+    const normalized = validateS3Connection(settings);
+    const allowedOrigins = Array.isArray(origins) ? origins : getCorsOrigins();
+    const prepared = await prepareS3Connection({
+      ...normalized,
+      origins: allowedOrigins,
+      createBucketIfMissing,
+    });
+    return prepared;
+  }
+
+  async prepareUpload(settings = {}, { createBucketIfMissing = true } = {}) {
+    const prepared = await this.verifyConnection({ settings, createBucketIfMissing });
+    return {
+      settings: prepared,
+      bucketEntry: {
+        bucket: prepared.bucket,
+        publicBaseUrl: prepared.publicBaseUrl,
+      },
+    };
+  }
+
+  async uploadFile({
+    file,
+    endpoint,
+    region,
+    accessKeyId,
+    secretAccessKey,
+    forcePathStyle,
+    bucket,
+    key,
+    onProgress,
+    createBucketIfMissing = true,
+  } = {}) {
+    if (
+      !file ||
+      !bucket ||
+      !key ||
+      !endpoint ||
+      !accessKeyId ||
+      !secretAccessKey
+    ) {
+      throw new Error("Missing required parameters for uploadFile");
+    }
+
+    await ensureS3SdkLoaded();
+
+    const s3 = makeS3Client({
+      endpoint,
+      region,
+      accessKeyId,
+      secretAccessKey,
+      forcePathStyle: Boolean(forcePathStyle),
+    });
+
+    await multipartUpload({
+      s3,
+      bucket,
+      key,
+      file,
+      contentType: file.type || "application/octet-stream",
+      createBucketIfMissing,
+      region,
+      onProgress: (fraction) => {
+        if (typeof onProgress === "function") {
+          onProgress(fraction);
+        }
+      },
+    });
+
+    return { bucket, key };
+  }
+
+  async uploadVideo({
+    npub = "",
+    file = null,
+    thumbnailFile = null,
+    torrentFile = null,
+    metadata = {},
+    infoHash = "",
+    settings = {},
+    createBucketIfMissing = true,
+    publishVideoNote,
+    onReset,
+    forcedVideoKey = "",
+    forcedVideoUrl = "",
+    forcedTorrentKey = "",
+    forcedTorrentUrl = "",
+  } = {}) {
+    if (!npub) {
+      this.setUploadStatus("Unable to encode npub.", "error");
+      return false;
+    }
+
+    const rawTitleCandidate =
+      metadata && typeof metadata === "object" ? metadata.title : metadata;
+    const title =
+      typeof rawTitleCandidate === "string"
+        ? rawTitleCandidate.trim()
+        : String(rawTitleCandidate ?? "").trim();
+
+    if (!title) {
+      this.setUploadStatus(
+        getVideoNoteErrorMessage(VIDEO_NOTE_ERROR_CODES.MISSING_TITLE),
+        "error"
+      );
+      return false;
+    }
+
+    if (!file) {
+      this.setUploadStatus("Select a video or HLS file to upload.", "error");
+      return false;
+    }
+
+    let normalized = null;
+    try {
+      normalized = validateS3Connection(settings);
+    } catch (err) {
+      this.setUploadStatus(err?.message || "Invalid S3 settings.", "error");
+      return false;
+    }
+
+    this.setUploading(true);
+    this.updateProgress(0);
+
+    try {
+      await ensureS3SdkLoaded();
+
+      const keyIdentifier = await resolveUploadIdentifier({ infoHash, file });
+      const normalizedInfoHash = normalizeInfoHash(infoHash || keyIdentifier);
+      const hasValidInfoHash = isValidInfoHash(normalizedInfoHash);
+
+      const s3 = makeS3Client({
+        endpoint: normalized.endpoint,
+        region: normalized.region,
+        accessKeyId: normalized.accessKeyId,
+        secretAccessKey: normalized.secretAccessKey,
+        forcePathStyle: Boolean(normalized.forcePathStyle),
+      });
+
+      const key = forcedVideoKey || buildR2Key(npub, file, keyIdentifier);
+      const publicUrl =
+        forcedVideoUrl ||
+        buildS3ObjectUrl({
+          publicBaseUrl: normalized.publicBaseUrl,
+          endpoint: normalized.endpoint,
+          bucket: normalized.bucket,
+          key,
+          forcePathStyle: normalized.forcePathStyle,
+        });
+
+      let statusMessage = `Uploading to ${normalized.bucket}…`;
+      this.setUploadStatus(statusMessage, "info");
+
+      if (thumbnailFile) {
+        this.setUploadStatus("Uploading thumbnail...", "info");
+        const thumbExt = thumbnailFile.name.split(".").pop() || "jpg";
+        const thumbKey = key.replace(/\.[^/.]+$/, "") + `.thumb.${thumbExt}`;
+        try {
+          await multipartUpload({
+            s3,
+            bucket: normalized.bucket,
+            key: thumbKey,
+            file: thumbnailFile,
+            contentType: thumbnailFile.type || "image/jpeg",
+            createBucketIfMissing,
+            region: normalized.region,
+          });
+          const thumbUrl = buildS3ObjectUrl({
+            publicBaseUrl: normalized.publicBaseUrl,
+            endpoint: normalized.endpoint,
+            bucket: normalized.bucket,
+            key: thumbKey,
+            forcePathStyle: normalized.forcePathStyle,
+          });
+          if (typeof metadata === "object") {
+            metadata.thumbnail = thumbUrl;
+          }
+        } catch (err) {
+          userLogger.warn("Thumbnail upload failed, continuing with video...", err);
+        }
+      }
+
+      this.setUploadStatus(statusMessage, "info");
+
+      await multipartUpload({
+        s3,
+        bucket: normalized.bucket,
+        key,
+        file,
+        contentType: file.type || "application/octet-stream",
+        createBucketIfMissing,
+        region: normalized.region,
+        onProgress: (fraction) => {
+          this.updateProgress(fraction);
+        },
+      });
+
+      let torrentUrl = forcedTorrentUrl || "";
+      if (torrentFile) {
+        this.setUploadStatus("Uploading torrent metadata...", "info");
+        const torrentKey =
+          forcedTorrentKey ||
+          (() => {
+            const baseKey = key.replace(/\.[^/.]+$/, "");
+            if (baseKey && baseKey !== key) {
+              return `${baseKey}.torrent`;
+            }
+            return `${key}.torrent`;
+          })();
+        try {
+          await multipartUpload({
+            s3,
+            bucket: normalized.bucket,
+            key: torrentKey,
+            file: torrentFile,
+            contentType: "application/x-bittorrent",
+            createBucketIfMissing,
+            region: normalized.region,
+          });
+          if (!torrentUrl) {
+            torrentUrl = buildS3ObjectUrl({
+              publicBaseUrl: normalized.publicBaseUrl,
+              endpoint: normalized.endpoint,
+              bucket: normalized.bucket,
+              key: torrentKey,
+              forcePathStyle: normalized.forcePathStyle,
+            });
+          }
+        } catch (err) {
+          userLogger.warn("Torrent metadata upload failed, continuing...", err);
+        }
+      }
+
+      if (typeof publishVideoNote !== "function") {
+        userLogger.warn("publishVideoNote handler missing; skipping publish step.");
+        return false;
+      }
+
+      let generatedMagnet = "";
+      let generatedWs = "";
+
+      if (hasValidInfoHash) {
+        const encodedDn = encodeURIComponent(file.name);
+        const encodedWs = encodeURIComponent(publicUrl);
+        let magnet = `magnet:?xt=urn:btih:${normalizedInfoHash}&dn=${encodedDn}&ws=${encodedWs}`;
+        if (torrentUrl) {
+          const encodedXs = encodeURIComponent(torrentUrl);
+          magnet += `&xs=${encodedXs}`;
+        }
+        generatedMagnet = magnet;
+        generatedWs = publicUrl;
+      } else {
+        if (infoHash) {
+          userLogger.warn("Invalid info hash provided. Skipping magnet generation.", infoHash);
+        }
+        this.setUploadStatus(
+          "Info hash missing or invalid. Publishing URL-first without WebTorrent fallback.",
+          "warning"
+        );
+      }
+
+      const storagePrefix = buildStoragePrefixFromKey({
+        publicBaseUrl: normalized.publicBaseUrl,
+        key,
+      });
+      const storagePointer = buildStoragePointerValue({
+        provider: "s3",
+        prefix: storagePrefix,
+      });
+
+      const rawVideoPayload = {
+        title,
+        url: publicUrl,
+        magnet: generatedMagnet || (metadata?.magnet ?? ""),
+        thumbnail: metadata?.thumbnail ?? "",
+        description: metadata?.description ?? "",
+        storagePointer,
+        ws: generatedWs || (metadata?.ws ?? ""),
+        xs: torrentUrl || (metadata?.xs ?? ""),
+        infoHash: hasValidInfoHash ? normalizedInfoHash : "",
+        enableComments: metadata?.enableComments,
+        isNsfw: metadata?.isNsfw,
+        isForKids: metadata?.isForKids,
+      };
+
+      const { payload, errors } = normalizeVideoNotePayload(rawVideoPayload);
+      if (errors.length) {
+        const message = getVideoNoteErrorMessage(errors[0]);
+        this.setUploadStatus(message, "error");
+        return false;
+      }
+
+      const published = await publishVideoNote(payload, {
+        onSuccess: () => {
+          if (typeof onReset === "function") {
+            onReset();
+          }
+        },
+      });
+
+      if (published) {
+        this.setUploadStatus(`Published ${publicUrl}`, "success");
+      }
+      return Boolean(published);
+    } catch (err) {
+      userLogger.error("S3 upload failed:", err);
+      this.setUploadStatus(
+        err?.message ? `Upload failed: ${err.message}` : "Upload failed.",
+        "error"
+      );
+      return false;
+    } finally {
+      this.setUploading(false);
+      this.updateProgress(Number.NaN);
+    }
+  }
+}
+
+const s3UploadService = new S3UploadService();
+
+export default s3UploadService;
diff --git a/dist/js/services/storageService.js b/dist/js/services/storageService.js
new file mode 100644
index 00000000..177ac829
--- /dev/null
+++ b/dist/js/services/storageService.js
@@ -0,0 +1,674 @@
+import { userLogger } from "../utils/logger.js";
+import { clearLegacyR2Settings, loadLegacyR2Settings } from "../r2.js";
+import { bytesToHex } from "../../vendor/crypto-helpers.bundle.min.js";
+import { testS3Connection } from "../storage/r2-s3.js";
+
+const DB_NAME = "bitvid-storage";
+const DB_VERSION = 1;
+const STORE_ACCOUNTS = "accounts";
+
+/**
+ * STORE_ACCOUNTS Schema:
+ * {
+ *   pubkey: string,            // Primary Key (hex)
+ *   encryptedMasterKey: {      // Encrypted version of the AES-GCM master key
+ *     method: "nip44" | "nip04",
+ *     ciphertext: string
+ *   },
+ *   connections: {             // Map of connection configurations
+ *     [connectionId]: {
+ *       id: string,
+ *       provider: string,      // e.g., "cloudflare_r2"
+ *       meta: { ... },         // Plaintext metadata (label, default status, etc.)
+ *       encrypted: {           // AES-GCM encrypted payload (access keys, etc.)
+ *         cipher: string,
+ *         iv: string
+ *       }
+ *     }
+ *   }
+ * }
+ */
+
+export const PROVIDERS = Object.freeze({
+  R2: "cloudflare_r2",
+  S3: "aws_s3",
+  GENERIC: "generic_s3",
+});
+
+function resolveConnectionMeta(config) {
+  return config?.meta || {};
+}
+
+function resolveBucket(config) {
+  return config.bucket || resolveConnectionMeta(config).bucket;
+}
+
+function resolveRegion(config) {
+  return config.region || resolveConnectionMeta(config).region;
+}
+
+function resolveEndpoint(config) {
+  return config.endpoint || resolveConnectionMeta(config).endpoint;
+}
+
+function resolvePublicBaseUrl(config) {
+  const meta = resolveConnectionMeta(config);
+  return (
+    config.publicBaseUrl ||
+    config.baseDomain ||
+    config.publicUrl ||
+    meta.publicBaseUrl ||
+    meta.baseDomain ||
+    meta.publicUrl ||
+    meta.publicAccessUrl ||
+    meta.publicBucketUrl ||
+    ""
+  );
+}
+
+function normalizeConnectionMeta(meta = {}, config = {}) {
+  const normalized = { ...meta };
+  const publicBaseUrl = resolvePublicBaseUrl({ ...config, meta });
+  if (publicBaseUrl) {
+    normalized.publicBaseUrl = publicBaseUrl;
+    normalized.baseDomain = publicBaseUrl;
+    normalized.publicUrl = publicBaseUrl;
+  }
+  return normalized;
+}
+
+function resolveR2Endpoint(config) {
+  const accountId =
+    config.accountId || resolveConnectionMeta(config).accountId || "";
+  if (!accountId) {
+    return resolveEndpoint(config);
+  }
+  return `https://${accountId}.r2.cloudflarestorage.com`;
+}
+
+function resolveForcePathStyle(config, fallback = false) {
+  const meta = resolveConnectionMeta(config);
+  if (typeof config.forcePathStyle === "boolean") {
+    return config.forcePathStyle;
+  }
+  if (typeof meta.forcePathStyle === "boolean") {
+    return meta.forcePathStyle;
+  }
+  return fallback;
+}
+
+function buildS3TestConfig(config, overrides = {}) {
+  return {
+    accessKeyId: config.accessKeyId,
+    secretAccessKey: config.secretAccessKey,
+    bucket: resolveBucket(config),
+    region: resolveRegion(config),
+    endpoint: resolveEndpoint(config),
+    forcePathStyle: resolveForcePathStyle(config),
+    publicBaseUrl: resolvePublicBaseUrl(config),
+    ...overrides,
+  };
+}
+
+function encodeNpub(pubkey) {
+  if (!pubkey) return null;
+  try {
+    if (typeof window !== "undefined" && window.NostrTools?.nip19?.npubEncode) {
+      return window.NostrTools.nip19.npubEncode(pubkey);
+    }
+  } catch (err) {
+    userLogger.warn("[StorageService] Failed to encode npub for migration:", err);
+  }
+  return null;
+}
+
+const PROVIDER_TESTS = {
+  [PROVIDERS.R2]: (config) =>
+    testS3Connection(
+      buildS3TestConfig(config, {
+        endpoint: resolveR2Endpoint(config),
+        forcePathStyle: true,
+      })
+    ),
+  [PROVIDERS.S3]: (config) =>
+    testS3Connection(
+      buildS3TestConfig(config, {
+        forcePathStyle: resolveForcePathStyle(config, false),
+      })
+    ),
+  [PROVIDERS.GENERIC]: (config) =>
+    testS3Connection(
+      buildS3TestConfig(config, {
+        forcePathStyle: resolveForcePathStyle(config, true),
+      })
+    ),
+};
+
+function hexToBytes(hex) {
+  if (typeof hex !== "string") return new Uint8Array(0);
+  const bytes = new Uint8Array(hex.length / 2);
+  for (let i = 0; i < hex.length; i += 2) {
+    bytes[i / 2] = parseInt(hex.substring(i, i + 2), 16);
+  }
+  return bytes;
+}
+
+/**
+ * Service to manage encrypted connection storage using IndexedDB.
+ * Connections are encrypted with a random Master Key (AES-GCM),
+ * which is itself encrypted using the user's Nostr signer (NIP-04).
+ */
+export class StorageService {
+  constructor() {
+    this.db = null;
+    this.dbPromise = null;
+    // Cache decrypted master keys in memory: Map<pubkey, CryptoKey>
+    this.masterKeys = new Map();
+  }
+
+  /**
+   * Initializes the IndexedDB connection.
+   * Uses a promise caching pattern to ensure we only open the DB once,
+   * even if multiple calls to init() happen simultaneously.
+   *
+   * @returns {Promise<IDBDatabase>}
+   */
+  async init() {
+    if (this.db) return this.db;
+    if (this.dbPromise) return this.dbPromise;
+
+    this.dbPromise = new Promise((resolve, reject) => {
+      if (typeof indexedDB === "undefined") {
+        reject(new Error("IndexedDB is not supported in this environment."));
+        return;
+      }
+
+      const request = indexedDB.open(DB_NAME, DB_VERSION);
+
+      request.onupgradeneeded = (event) => {
+        const db = event.target.result;
+        if (!db.objectStoreNames.contains(STORE_ACCOUNTS)) {
+          // keyPath is pubkey (hex string)
+          db.createObjectStore(STORE_ACCOUNTS, { keyPath: "pubkey" });
+        }
+      };
+
+      request.onsuccess = (event) => {
+        this.db = event.target.result;
+        resolve(this.db);
+      };
+
+      request.onerror = (event) => {
+        userLogger.error("[StorageService] Failed to open DB:", event.target.error);
+        reject(event.target.error);
+      };
+    });
+
+    return this.dbPromise;
+  }
+
+  /**
+   * Helper to execute a transaction.
+   * @private
+   */
+  async _transaction(mode, callback) {
+    const db = await this.init();
+    return new Promise((resolve, reject) => {
+      const tx = db.transaction(STORE_ACCOUNTS, mode);
+      const store = tx.objectStore(STORE_ACCOUNTS);
+      const request = callback(store);
+
+      tx.oncomplete = () => resolve(request.result);
+      tx.onerror = () => reject(tx.error);
+      tx.onabort = () => reject(new Error("Transaction aborted"));
+    });
+  }
+
+  /**
+   * Fetches the account record for a pubkey.
+   * @private
+   */
+  async _getAccount(pubkey) {
+    return this._transaction("readonly", (store) => store.get(pubkey));
+  }
+
+  /**
+   * Saves the account record.
+   * @private
+   */
+  async _saveAccount(data) {
+    return this._transaction("readwrite", (store) => store.put(data));
+  }
+
+  /**
+   * Generates a new random AES-GCM key for the session/account.
+   * @private
+   * @returns {Promise<CryptoKey>}
+   */
+  async _generateMasterKey() {
+    return crypto.subtle.generateKey(
+      {
+        name: "AES-GCM",
+        length: 256,
+      },
+      true, // extractable
+      ["encrypt", "decrypt"]
+    );
+  }
+
+  /**
+   * Encrypts the Master Key using the user's signer (NIP-04/44).
+   *
+   * Strategy:
+   * 1. Export the random AES-GCM Master Key to hex.
+   * 2. Encrypt that hex string using the user's Nostr signer.
+   *    - Prefer NIP-44 (modern, better security).
+   *    - Fallback to NIP-04 (legacy, widely supported).
+   * 3. Store the result along with the method used.
+   *
+   * @private
+   */
+  async _encryptMasterKey(masterKey, signer, pubkey) {
+    // 1. Export key to raw bytes
+    const rawBuffer = await crypto.subtle.exportKey("raw", masterKey);
+    const rawBytes = new Uint8Array(rawBuffer);
+    const hexKey = bytesToHex(rawBytes);
+
+    // 2. Encrypt hex key with signer (encrypt to self)
+    // We prefer NIP-44 if available, else NIP-04
+    if (typeof signer.nip44Encrypt === "function") {
+      try {
+        const ciphertext = await signer.nip44Encrypt(pubkey, hexKey);
+        return { method: "nip44", ciphertext };
+      } catch (err) {
+        userLogger.warn("[StorageService] NIP-44 encrypt failed, falling back to NIP-04", err);
+      }
+    }
+
+    if (typeof signer.nip04Encrypt === "function") {
+      const ciphertext = await signer.nip04Encrypt(pubkey, hexKey);
+      return { method: "nip04", ciphertext };
+    } else if (typeof signer.encrypt === "function") {
+      // Legacy NIP-04 direct method on some signer objects
+      const ciphertext = await signer.encrypt(pubkey, hexKey);
+      return { method: "nip04", ciphertext };
+    }
+
+    throw new Error("Signer does not support encryption (NIP-04 or NIP-44).");
+  }
+
+  /**
+   * Decrypts the Master Key using the user's signer.
+   * Handles both NIP-44 and NIP-04 based on the `method` field stored
+   * with the key.
+   *
+   * @private
+   */
+  async _decryptMasterKey(encryptedData, signer, pubkey) {
+    const { method, ciphertext } = encryptedData;
+    let hexKey = null;
+
+    if (method === "nip44" && typeof signer.nip44Decrypt === "function") {
+      hexKey = await signer.nip44Decrypt(pubkey, ciphertext);
+    } else if (method === "nip04" || !method) {
+      // Default to NIP-04 if method not specified (legacy)
+      if (typeof signer.nip04Decrypt === "function") {
+        hexKey = await signer.nip04Decrypt(pubkey, ciphertext);
+      } else if (typeof signer.decrypt === "function") {
+        hexKey = await signer.decrypt(pubkey, ciphertext);
+      }
+    }
+
+    if (!hexKey) {
+      throw new Error(`Failed to decrypt master key using ${method || "nip04"}`);
+    }
+
+    const rawBytes = hexToBytes(hexKey);
+    return crypto.subtle.importKey(
+      "raw",
+      rawBytes,
+      "AES-GCM",
+      true,
+      ["encrypt", "decrypt"]
+    );
+  }
+
+  /**
+   * Encrypts a connection payload (secrets) using the session's Master Key.
+   * Uses AES-GCM with a random 12-byte IV.
+   *
+   * @private
+   */
+  async _encryptPayload(payload, masterKey) {
+    const iv = crypto.getRandomValues(new Uint8Array(12));
+    const encoded = new TextEncoder().encode(JSON.stringify(payload));
+
+    const ciphertextBuffer = await crypto.subtle.encrypt(
+      {
+        name: "AES-GCM",
+        iv: iv,
+      },
+      masterKey,
+      encoded
+    );
+
+    return {
+      cipher: bytesToHex(new Uint8Array(ciphertextBuffer)),
+      iv: bytesToHex(iv),
+    };
+  }
+
+  /**
+   * Decrypts a connection payload using the session's Master Key.
+   *
+   * @private
+   */
+  async _decryptPayload(encrypted, masterKey) {
+    const { cipher, iv } = encrypted;
+    const ciphertextBytes = hexToBytes(cipher);
+    const ivBytes = hexToBytes(iv);
+
+    const decryptedBuffer = await crypto.subtle.decrypt(
+      {
+        name: "AES-GCM",
+        iv: ivBytes,
+      },
+      masterKey,
+      ciphertextBytes
+    );
+
+    const decoded = new TextDecoder().decode(decryptedBuffer);
+    return JSON.parse(decoded);
+  }
+
+  /**
+   * Unlocks the storage for a given pubkey.
+   * Retrieves or creates the Master Key.
+   *
+   * @param {string} pubkey - The user's pubkey (hex).
+   * @param {object} options - { signer: Object }
+   */
+  async unlock(pubkey, { signer } = {}) {
+    if (!pubkey) throw new Error("Pubkey required to unlock storage.");
+    if (!signer) throw new Error("Signer required to unlock storage.");
+
+    if (this.masterKeys.has(pubkey)) {
+      return; // Already unlocked
+    }
+
+    const account = await this._getAccount(pubkey);
+    let masterKey;
+
+    if (account && account.encryptedMasterKey) {
+      // Decrypt existing key
+      masterKey = await this._decryptMasterKey(account.encryptedMasterKey, signer, pubkey);
+    } else {
+      // Create new key
+      masterKey = await this._generateMasterKey();
+      const encryptedMasterKey = await this._encryptMasterKey(masterKey, signer, pubkey);
+
+      // Save new account record
+      await this._saveAccount({
+        pubkey,
+        encryptedMasterKey,
+        connections: account?.connections || {}, // Preserve if existed but key was missing (edge case)
+      });
+    }
+
+    this.masterKeys.set(pubkey, masterKey);
+    userLogger.log(`[StorageService] Unlocked storage for ${pubkey.slice(0, 8)}...`);
+
+    await this._migrateLegacyR2Settings(pubkey);
+  }
+
+  /**
+   * Locks the storage (clears cached master key).
+   */
+  lock(pubkey) {
+    if (this.masterKeys.has(pubkey)) {
+      this.masterKeys.delete(pubkey);
+      userLogger.log(`[StorageService] Locked storage for ${pubkey.slice(0, 8)}...`);
+    }
+  }
+
+  /**
+   * Checks if the storage is currently unlocked for the user.
+   */
+  isUnlocked(pubkey) {
+    return this.masterKeys.has(pubkey);
+  }
+
+  /**
+   * Saves a connection configuration.
+   * Requires unlock() to be called first.
+   *
+   * @param {string} pubkey
+   * @param {string} connectionId
+   * @param {object} payload - Secrets and config (e.g. accessKey, secretKey)
+   * @param {object} meta - Plaintext metadata (label, provider, etc.)
+   */
+  async saveConnection(pubkey, connectionId, payload, meta = {}) {
+    if (!this.masterKeys.has(pubkey)) {
+      throw new Error("Storage is locked. Call unlock() first.");
+    }
+
+    const masterKey = this.masterKeys.get(pubkey);
+    const encrypted = await this._encryptPayload(payload, masterKey);
+    const account = (await this._getAccount(pubkey)) || { pubkey, connections: {} };
+    const normalizedMeta = normalizeConnectionMeta(meta, payload);
+
+    if (!account.connections) {
+      account.connections = {};
+    }
+
+    // If this connection is being set as default, unset others
+    if (meta.defaultForUploads) {
+      for (const key in account.connections) {
+        const conn = account.connections[key];
+        if (conn.meta) {
+          conn.meta.defaultForUploads = false;
+        }
+      }
+    }
+
+    account.connections[connectionId] = {
+      id: connectionId,
+      provider: payload.provider || meta.provider,
+      meta: {
+        ...normalizedMeta,
+        lastSaved: Date.now(),
+        provider: payload.provider || meta.provider,
+      },
+      encrypted,
+    };
+
+    await this._saveAccount(account);
+    userLogger.log(`[StorageService] Saved connection ${connectionId}`);
+  }
+
+  /**
+   * Retrieves and decrypts a connection.
+   * Requires unlock() to be called first.
+   */
+  async getConnection(pubkey, connectionId) {
+    if (!this.masterKeys.has(pubkey)) {
+      throw new Error("Storage is locked. Call unlock() first.");
+    }
+
+    const account = await this._getAccount(pubkey);
+    const conn = account?.connections?.[connectionId];
+
+    if (!conn) return null;
+
+    const masterKey = this.masterKeys.get(pubkey);
+    const payload = await this._decryptPayload(conn.encrypted, masterKey);
+    const normalizedMeta = normalizeConnectionMeta(conn.meta, payload);
+    const publicBaseUrl = resolvePublicBaseUrl({
+      ...payload,
+      meta: normalizedMeta,
+    });
+    const baseDomain = publicBaseUrl || payload.baseDomain || normalizedMeta.baseDomain || "";
+
+    return {
+      ...payload,
+      publicBaseUrl,
+      baseDomain,
+      meta: normalizedMeta,
+    };
+  }
+
+  /**
+   * Lists connections (metadata only).
+   * Does NOT require unlock().
+   */
+  async listConnections(pubkey) {
+    const account = await this._getAccount(pubkey);
+    if (!account || !account.connections) return [];
+
+    return Object.values(account.connections).map((conn) => ({
+      id: conn.id,
+      provider: conn.provider,
+      meta: conn.meta,
+    }));
+  }
+
+  /**
+   * Deletes a connection.
+   */
+  async deleteConnection(pubkey, connectionId) {
+    const account = await this._getAccount(pubkey);
+    if (account && account.connections && account.connections[connectionId]) {
+      delete account.connections[connectionId];
+      await this._saveAccount(account);
+      userLogger.log(`[StorageService] Deleted connection ${connectionId}`);
+    }
+  }
+
+  /**
+   * Sets a connection as default for uploads (updates metadata).
+   */
+  async setDefaultConnection(pubkey, connectionId) {
+    const account = await this._getAccount(pubkey);
+    if (!account || !account.connections) return;
+
+    // Reset others
+    for (const key in account.connections) {
+      const conn = account.connections[key];
+      if (conn.meta) {
+        conn.meta.defaultForUploads = (key === connectionId);
+      }
+    }
+
+    await this._saveAccount(account);
+  }
+
+  /**
+   * Tests a connection access by delegating to the provider's test handler.
+   * Implements a Strategy pattern where `PROVIDER_TESTS` maps provider IDs
+   * to their specific verification logic (e.g., S3 `HeadBucket`).
+   *
+   * @param {string} provider - The provider ID (e.g. "cloudflare_r2")
+   * @param {object} config - The decrypted configuration object
+   * @returns {Promise<{success: boolean, message?: string, error?: string}>}
+   */
+  async testAccess(provider, config) {
+    const handler = PROVIDER_TESTS[provider];
+    if (!handler) {
+      return { success: false, error: `No test handler available for provider: ${provider}` };
+    }
+
+    try {
+      const result = await handler(config);
+      return { success: true, message: result.message || "Connection verified." };
+    } catch (err) {
+      const cleanError = err.message || "Unknown connection error";
+      userLogger.warn(`[StorageService] Test failed for ${provider}:`, err);
+      return { success: false, error: cleanError };
+    }
+  }
+
+  /**
+   * Tests a saved connection by ID.
+   * Requires unlock() to be called first.
+   *
+   * @param {string} pubkey
+   * @param {string} connectionId
+   */
+  async testConnection(pubkey, connectionId) {
+    const connection = await this.getConnection(pubkey, connectionId);
+    if (!connection) {
+      throw new Error("Connection not found.");
+    }
+
+    return this.testAccess(connection.provider, connection);
+  }
+
+  async _migrateLegacyR2Settings(pubkey) {
+    let legacySettings = null;
+    try {
+      legacySettings = await loadLegacyR2Settings();
+    } catch (err) {
+      userLogger.warn("[StorageService] Legacy R2 settings load failed:", err);
+      return;
+    }
+
+    if (
+      !legacySettings ||
+      !legacySettings.accountId ||
+      !legacySettings.accessKeyId ||
+      !legacySettings.secretAccessKey ||
+      !legacySettings.baseDomain
+    ) {
+      return;
+    }
+
+    const existingConnections = await this.listConnections(pubkey);
+    const hasR2 = existingConnections.some(
+      (connection) => connection.provider === PROVIDERS.R2
+    );
+    if (hasR2) {
+      return;
+    }
+
+    const npub = encodeNpub(pubkey);
+    const legacyEntry =
+      npub && legacySettings.buckets ? legacySettings.buckets[npub] : null;
+    const publicBaseUrl =
+      legacyEntry?.publicBaseUrl || legacySettings.baseDomain || "";
+
+    const payload = {
+      provider: PROVIDERS.R2,
+      accountId: legacySettings.accountId,
+      accessKeyId: legacySettings.accessKeyId,
+      secretAccessKey: legacySettings.secretAccessKey,
+      bucket: legacyEntry?.bucket || "",
+    };
+    const meta = {
+      provider: PROVIDERS.R2,
+      label: "Cloudflare R2 (Migrated)",
+      publicBaseUrl,
+      baseDomain: publicBaseUrl,
+      defaultForUploads: existingConnections.length === 0,
+      migratedFromLegacy: true,
+    };
+
+    const baseId = "cloudflare-r2-migrated";
+    let connectionId = baseId;
+    let suffix = 1;
+    while (existingConnections.some((conn) => conn.id === connectionId)) {
+      connectionId = `${baseId}-${suffix}`;
+      suffix += 1;
+    }
+
+    try {
+      await this.saveConnection(pubkey, connectionId, payload, meta);
+      await clearLegacyR2Settings();
+      userLogger.log("[StorageService] Migrated legacy R2 settings.");
+    } catch (err) {
+      userLogger.warn("[StorageService] Legacy R2 migration failed:", err);
+    }
+  }
+}
+
+const storageService = new StorageService();
+export default storageService;
diff --git a/dist/js/services/trustBootstrap.js b/dist/js/services/trustBootstrap.js
new file mode 100644
index 00000000..e6f262c9
--- /dev/null
+++ b/dist/js/services/trustBootstrap.js
@@ -0,0 +1,192 @@
+// js/services/trustBootstrap.js
+
+import {
+  DEFAULT_TRUST_SEED_NPUBS,
+  FEATURE_TRUST_SEEDS,
+} from "../constants.js";
+import { ADMIN_SUPER_NPUB } from "../config.js";
+import { accessControl } from "../accessControl.js";
+import moderationService from "./moderationService.js";
+import nostrService from "./nostrService.js";
+import { devLogger, userLogger } from "../utils/logger.js";
+
+const TRUST_SEED_READY_TIMEOUT_MS = 3500;
+
+function normalizeNpub(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+
+function buildTrustedSeeds({ superAdmin, editors, fallbackSeeds }) {
+  const seeds = new Set();
+
+  const addSeed = (value) => {
+    const normalized = normalizeNpub(value);
+    if (normalized) {
+      seeds.add(normalized);
+    }
+  };
+
+  addSeed(superAdmin);
+
+  if (editors && typeof editors[Symbol.iterator] === "function") {
+    for (const value of editors) {
+      addSeed(value);
+    }
+  }
+
+  if (!seeds.size && fallbackSeeds && typeof fallbackSeeds[Symbol.iterator] === "function") {
+    for (const value of fallbackSeeds) {
+      addSeed(value);
+    }
+  }
+
+  return seeds;
+}
+
+function delay(ms = 0) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+
+async function waitForRelaysReady({ timeoutMs = TRUST_SEED_READY_TIMEOUT_MS } = {}) {
+  const start = Date.now();
+  while (Date.now() - start < timeoutMs) {
+    if (
+      nostrService?.nostrClient?.pool &&
+      nostrService?.nostrClient?.relays &&
+      Array.isArray(nostrService.nostrClient.relays) &&
+      nostrService.nostrClient.relays.length > 0
+    ) {
+      return true;
+    }
+    await delay(125);
+  }
+  return false;
+}
+
+async function waitForAccessControl({ timeoutMs = TRUST_SEED_READY_TIMEOUT_MS } = {}) {
+  if (!accessControl || typeof accessControl.waitForReady !== "function") {
+    return { ok: true, timedOut: false };
+  }
+
+  let timedOut = false;
+  const timeoutPromise = new Promise((_, reject) => {
+    setTimeout(() => {
+      timedOut = true;
+      reject(new Error("accessControl ready check timed out"));
+    }, timeoutMs);
+  });
+
+  try {
+    await Promise.race([accessControl.waitForReady(), timeoutPromise]);
+    return { ok: true, timedOut: false };
+  } catch (error) {
+    if (timedOut) {
+      devLogger.warn(
+        "[bootstrap] access control hydration timed out; falling back to default trust seeds.",
+        error,
+      );
+      return { ok: true, timedOut: true };
+    }
+    throw error;
+  }
+}
+
+export async function bootstrapTrustedSeeds() {
+  devLogger.info("[trustBootstrap] bootstrapTrustedSeeds called");
+  if (
+    !(
+      FEATURE_TRUST_SEEDS &&
+      moderationService &&
+      typeof moderationService.setTrustedSeeds === "function"
+    )
+  ) {
+    devLogger.warn("[trustBootstrap] Trust seeds feature disabled or service missing");
+    return;
+  }
+
+  const applySeeds = () => {
+    try {
+      const editors =
+        accessControl && typeof accessControl.getEditors === "function"
+          ? accessControl.getEditors()
+          : [];
+      const seeds = buildTrustedSeeds({
+        superAdmin: ADMIN_SUPER_NPUB,
+        editors,
+        fallbackSeeds: DEFAULT_TRUST_SEED_NPUBS,
+      });
+      devLogger.info(`[trustBootstrap] Applying ${seeds.size} trusted seeds`, Array.from(seeds));
+      moderationService.setTrustedSeeds(seeds);
+      if (typeof moderationService.updateTrustedSeedOnlyStatus === "function") {
+        moderationService.updateTrustedSeedOnlyStatus();
+      }
+      if (
+        moderationService &&
+        typeof moderationService.recomputeAllSummaries === "function"
+      ) {
+        moderationService.recomputeAllSummaries();
+      }
+    } catch (error) {
+      userLogger.warn("[bootstrap] Failed to apply trusted seeds", error);
+    }
+  };
+
+  let attempts = 0;
+  const hydrate = async () => {
+    attempts += 1;
+    try {
+      const result = await waitForAccessControl();
+      devLogger.info("[trustBootstrap] waitForAccessControl result", result);
+      applySeeds();
+      return result;
+    } catch (error) {
+      userLogger.warn(
+        "[bootstrap] Failed to hydrate admin lists for trusted seeds",
+        error,
+      );
+      return { ok: false, timedOut: false, error };
+    }
+  };
+
+  const hydrateResult = await hydrate();
+
+  const runAsyncRetry = async () => {
+    if (hydrateResult?.ok || attempts >= 2) {
+      return;
+    }
+
+    const relaysReady = await waitForRelaysReady();
+    if (relaysReady) {
+      await hydrate();
+    } else {
+      devLogger.warn(
+        "[bootstrap] Skipping trusted seed retry because relays were not ready in time.",
+      );
+      applySeeds();
+    }
+  };
+
+  runAsyncRetry().catch((error) => {
+    userLogger.warn("[bootstrap] Trusted seed retry failed", error);
+  });
+
+  if (!hydrateResult?.ok) {
+    applySeeds();
+  }
+
+  const applyOnChange = () => {
+    applySeeds();
+  };
+
+  if (accessControl && typeof accessControl.onWhitelistChange === "function") {
+    accessControl.onWhitelistChange(applyOnChange);
+  }
+
+  if (accessControl && typeof accessControl.onEditorsChange === "function") {
+    accessControl.onEditorsChange(applyOnChange);
+  }
+
+  if (accessControl && typeof accessControl.onBlacklistChange === "function") {
+    accessControl.onBlacklistChange(applyOnChange);
+  }
+}
diff --git a/dist/js/services/videoNotePayload.js b/dist/js/services/videoNotePayload.js
new file mode 100644
index 00000000..1496c6ef
--- /dev/null
+++ b/dist/js/services/videoNotePayload.js
@@ -0,0 +1,475 @@
+import { extractMagnetHints } from "../magnetShared.js";
+import { normalizeAndAugmentMagnet } from "../magnetUtils.js";
+import { infoHashFromMagnet } from "../magnets.js";
+import {
+  deriveStoragePointerFromUrl,
+  normalizeStoragePointer,
+} from "../utils/storagePointer.js";
+
+export const VIDEO_NOTE_ERROR_CODES = {
+  MISSING_TITLE: "missing_title",
+  MISSING_SOURCE: "missing_source",
+  INVALID_URL_PROTOCOL: "invalid_url_protocol",
+};
+
+export const VIDEO_NOTE_ERROR_MESSAGES = {
+  [VIDEO_NOTE_ERROR_CODES.MISSING_TITLE]: "Title is required.",
+  [VIDEO_NOTE_ERROR_CODES.MISSING_SOURCE]:
+    "Provide a hosted URL, magnet link, or an imeta variant before publishing.",
+  [VIDEO_NOTE_ERROR_CODES.INVALID_URL_PROTOCOL]:
+    "Hosted video URLs must use HTTPS.",
+};
+
+export function getVideoNoteErrorMessage(code) {
+  return VIDEO_NOTE_ERROR_MESSAGES[code] || "Unable to submit video. Please try again.";
+}
+
+function normalizeString(value) {
+  if (typeof value === "string") {
+    return value.trim();
+  }
+  if (typeof value === "number") {
+    return Number.isFinite(value) ? String(value).trim() : "";
+  }
+  return String(value ?? "").trim();
+}
+
+function normalizeSha256Hex(value) {
+  if (value === undefined || value === null) {
+    return "";
+  }
+  const normalized = normalizeString(value).toLowerCase();
+  if (!normalized) {
+    return "";
+  }
+  return /^[0-9a-f]{64}$/.test(normalized) ? normalized : "";
+}
+
+function normalizeInfoHash(value) {
+  if (value === undefined || value === null) {
+    return "";
+  }
+  const normalized = infoHashFromMagnet(normalizeString(value));
+  return typeof normalized === "string" && normalized ? normalized : "";
+}
+
+function parseNumberOrNull(value) {
+  if (value === null || value === undefined || value === "") {
+    return null;
+  }
+  const parsed = Number(value);
+  return Number.isFinite(parsed) ? parsed : null;
+}
+
+function parseUnixSeconds(value) {
+  if (value === null || value === undefined || value === "") {
+    return null;
+  }
+  if (typeof value === "number" && Number.isFinite(value)) {
+    const normalized = value > 1e12 ? value / 1000 : value;
+    return Math.floor(normalized);
+  }
+  const trimmed = normalizeString(value);
+  if (!trimmed) {
+    return null;
+  }
+  const numeric = Number(trimmed);
+  if (Number.isFinite(numeric)) {
+    const normalized = numeric > 1e12 ? numeric / 1000 : numeric;
+    return Math.floor(normalized);
+  }
+  const timestamp = Date.parse(trimmed);
+  if (!Number.isNaN(timestamp)) {
+    return Math.floor(timestamp / 1000);
+  }
+  return null;
+}
+
+function normalizeStringArray(input) {
+  if (!Array.isArray(input)) {
+    return [];
+  }
+  return input
+    .map((entry) => normalizeString(entry))
+    .filter((entry) => Boolean(entry));
+}
+
+function normalizeBooleanFlag(value, defaultValue = false) {
+  if (value === true) {
+    return true;
+  }
+  if (value === false) {
+    return false;
+  }
+  return Boolean(defaultValue);
+}
+
+function normalizeImetaVariant(variant) {
+  if (!variant || typeof variant !== "object") {
+    return null;
+  }
+  const normalized = {};
+  const m = normalizeString(variant.m);
+  if (m) normalized.m = m.toLowerCase();
+  const dim = normalizeString(variant.dim);
+  if (dim) normalized.dim = dim;
+  const url = normalizeString(variant.url);
+  if (url) normalized.url = url;
+  const x = normalizeString(variant.x);
+  if (x) normalized.x = x;
+  const durationValue = parseNumberOrNull(variant.duration);
+  if (durationValue !== null && durationValue >= 0) {
+    normalized.duration = durationValue;
+  } else {
+    const durationString = normalizeString(variant.duration);
+    if (durationString) {
+      normalized.duration = durationString;
+    }
+  }
+  const bitrateValue = parseNumberOrNull(variant.bitrate);
+  if (bitrateValue !== null && bitrateValue >= 0) {
+    normalized.bitrate = bitrateValue;
+  } else {
+    const bitrateString = normalizeString(variant.bitrate);
+    if (bitrateString) {
+      normalized.bitrate = bitrateString;
+    }
+  }
+  const image = normalizeStringArray(variant.image);
+  if (image.length) normalized.image = image;
+  const fallback = normalizeStringArray(variant.fallback);
+  if (fallback.length) normalized.fallback = fallback;
+  const service = normalizeStringArray(variant.service);
+  if (service.length) normalized.service = service;
+  if (variant.autoGenerated === true) {
+    normalized.autoGenerated = true;
+  }
+
+  return Object.keys(normalized).length ? normalized : null;
+}
+
+function normalizeSegments(segments) {
+  if (!Array.isArray(segments)) {
+    return [];
+  }
+  return segments
+    .map((segment) => {
+      if (!segment || typeof segment !== "object") {
+        return null;
+      }
+      const startRaw = segment.start;
+      const endRaw = segment.end;
+      const start = parseNumberOrNull(startRaw);
+      const end = parseNumberOrNull(endRaw);
+      const normalizedSegment = {};
+      if (start !== null) {
+        normalizedSegment.start = start;
+      } else {
+        const startString = normalizeString(startRaw);
+        if (startString) {
+          normalizedSegment.start = startString;
+        }
+      }
+      if (end !== null) {
+        normalizedSegment.end = end;
+      } else {
+        const endString = normalizeString(endRaw);
+        if (endString) {
+          normalizedSegment.end = endString;
+        }
+      }
+      const title = normalizeString(segment.title);
+      if (title) {
+        normalizedSegment.title = title;
+      }
+      const thumbnail = normalizeString(segment.thumbnail);
+      if (thumbnail) {
+        normalizedSegment.thumbnail = thumbnail;
+      }
+      return Object.keys(normalizedSegment).length ? normalizedSegment : null;
+    })
+    .filter(Boolean);
+}
+
+function normalizeTextTracks(tracks) {
+  if (!Array.isArray(tracks)) {
+    return [];
+  }
+  return tracks
+    .map((track) => {
+      if (!track || typeof track !== "object") {
+        return null;
+      }
+      const normalizedTrack = {};
+      const url = normalizeString(track.url);
+      if (url) normalizedTrack.url = url;
+      const type = normalizeString(track.type);
+      if (type) normalizedTrack.type = type;
+      const language = normalizeString(track.language);
+      if (language) normalizedTrack.language = language;
+      return Object.keys(normalizedTrack).length ? normalizedTrack : null;
+    })
+    .filter(Boolean);
+}
+
+function normalizeParticipants(participants) {
+  if (!Array.isArray(participants)) {
+    return [];
+  }
+  return participants
+    .map((participant) => {
+      if (!participant || typeof participant !== "object") {
+        return null;
+      }
+      const normalizedParticipant = {};
+      const pubkey = normalizeString(participant.pubkey);
+      if (pubkey) normalizedParticipant.pubkey = pubkey;
+      const relay = normalizeString(participant.relay);
+      if (relay) normalizedParticipant.relay = relay;
+      return Object.keys(normalizedParticipant).length
+        ? normalizedParticipant
+        : null;
+    })
+    .filter(Boolean);
+}
+
+function normalizeNip71Metadata(rawMetadata) {
+  if (!rawMetadata || typeof rawMetadata !== "object") {
+    return null;
+  }
+
+  const normalized = {};
+
+  if (rawMetadata.kind !== undefined) {
+    const kindNumber = parseNumberOrNull(rawMetadata.kind);
+    if (kindNumber !== null) {
+      normalized.kind = kindNumber;
+    } else {
+      const kindString = normalizeString(rawMetadata.kind);
+      if (kindString) {
+        normalized.kind = kindString;
+      }
+    }
+  }
+
+  const summary = normalizeString(rawMetadata.summary);
+  if (summary) {
+    normalized.summary = summary;
+  }
+
+  const publishedAt = parseUnixSeconds(rawMetadata.publishedAt);
+  if (publishedAt !== null) {
+    normalized.publishedAt = publishedAt;
+  }
+
+  const alt = normalizeString(rawMetadata.alt);
+  if (alt) {
+    normalized.alt = alt;
+  }
+
+  const duration = parseNumberOrNull(rawMetadata.duration);
+  if (duration !== null) {
+    normalized.duration = duration;
+  }
+
+  const contentWarning = normalizeString(rawMetadata.contentWarning);
+  if (contentWarning) {
+    normalized.contentWarning = contentWarning;
+  }
+
+  const imeta = Array.isArray(rawMetadata.imeta)
+    ? rawMetadata.imeta
+        .map((variant) => normalizeImetaVariant(variant))
+        .filter(Boolean)
+    : [];
+  if (imeta.length) {
+    normalized.imeta = imeta;
+    if (normalized.duration === undefined) {
+      const variantDurations = imeta
+        .map((variant) => parseNumberOrNull(variant.duration))
+        .filter((value) => value !== null && value >= 0);
+      if (variantDurations.length) {
+        normalized.duration = Math.max(...variantDurations);
+      }
+    }
+  }
+
+  const textTracks = normalizeTextTracks(rawMetadata.textTracks);
+  if (textTracks.length) {
+    normalized.textTracks = textTracks;
+  }
+
+  const segments = normalizeSegments(rawMetadata.segments);
+  if (segments.length) {
+    normalized.segments = segments;
+  }
+
+  const hashtags = normalizeStringArray(rawMetadata.hashtags);
+  if (hashtags.length) {
+    normalized.hashtags = hashtags;
+  }
+
+  const participants = normalizeParticipants(rawMetadata.participants);
+  if (participants.length) {
+    normalized.participants = participants;
+  }
+
+  const references = normalizeStringArray(rawMetadata.references);
+  if (references.length) {
+    normalized.references = references;
+  }
+
+  return Object.keys(normalized).length ? normalized : null;
+}
+
+export function normalizeVideoNotePayload(input) {
+  const rawPayload = input && typeof input === "object" ? input : {};
+  const legacyPayload =
+    rawPayload.legacyFormData && typeof rawPayload.legacyFormData === "object"
+      ? rawPayload.legacyFormData
+      : rawPayload;
+
+  const rawNip71 =
+    (rawPayload.nip71 && typeof rawPayload.nip71 === "object"
+      ? rawPayload.nip71
+      : null) ||
+    (legacyPayload.nip71 && typeof legacyPayload.nip71 === "object"
+      ? legacyPayload.nip71
+      : null);
+
+  const title = normalizeString(legacyPayload?.title || "");
+  const url = normalizeString(legacyPayload?.url || "");
+  const magnet = normalizeString(legacyPayload?.magnet || "");
+  const thumbnail = normalizeString(legacyPayload?.thumbnail || "");
+  const description = normalizeString(legacyPayload?.description || "");
+  const ws = normalizeString(legacyPayload?.ws || "");
+  const xs = normalizeString(legacyPayload?.xs || "");
+  const storagePointer = normalizeStoragePointer(
+    legacyPayload?.storagePointer || legacyPayload?.storage || ""
+  );
+  const storageProvider = normalizeString(
+    legacyPayload?.storageProvider || ""
+  );
+  const infoHash = normalizeInfoHash(legacyPayload?.infoHash || "");
+  const fileSha256 = normalizeSha256Hex(legacyPayload?.fileSha256 || "");
+  const originalFileSha256 = normalizeSha256Hex(
+    legacyPayload?.originalFileSha256 || ""
+  );
+  const rawMode = normalizeString(legacyPayload?.mode || "");
+  const normalizedMode = rawMode && rawMode.toLowerCase() === "dev" ? "dev" : "live";
+  const enableComments = normalizeBooleanFlag(legacyPayload?.enableComments, true);
+  const rawIsNsfw = normalizeBooleanFlag(legacyPayload?.isNsfw, false);
+  const rawIsForKids = normalizeBooleanFlag(legacyPayload?.isForKids, false);
+  const isNsfw = rawIsNsfw;
+  const isForKids = rawIsNsfw ? false : rawIsForKids;
+  const isPrivate = normalizeBooleanFlag(legacyPayload?.isPrivate, false);
+
+  const legacyFormData = {
+    version: 3,
+    title,
+    url,
+    magnet,
+    thumbnail,
+    description,
+    mode: normalizedMode,
+    enableComments,
+    isNsfw,
+    isForKids,
+  };
+
+  if (isPrivate) {
+    legacyFormData.isPrivate = true;
+  }
+
+  const normalizedNip71 = normalizeNip71Metadata(rawNip71);
+
+  const hasLegacySource = Boolean(legacyFormData.url || legacyFormData.magnet);
+  const hasImetaVariant = Boolean(
+    normalizedNip71?.imeta?.some((variant) =>
+      Boolean(
+        (variant.url && variant.url.length) ||
+          (variant.m && variant.m.length) ||
+          (variant.x && variant.x.length) ||
+          (variant.dim && variant.dim.length) ||
+          (Array.isArray(variant.image) && variant.image.length > 0) ||
+          (Array.isArray(variant.fallback) && variant.fallback.length > 0) ||
+          (Array.isArray(variant.service) && variant.service.length > 0) ||
+          (variant.duration !== undefined && variant.duration !== null && variant.duration !== "") ||
+          (variant.bitrate !== undefined && variant.bitrate !== null && variant.bitrate !== ""),
+      ),
+    ),
+  );
+
+  const errors = [];
+
+  if (!legacyFormData.title) {
+    errors.push(VIDEO_NOTE_ERROR_CODES.MISSING_TITLE);
+  }
+
+  if (!hasLegacySource && !hasImetaVariant) {
+    errors.push(VIDEO_NOTE_ERROR_CODES.MISSING_SOURCE);
+  }
+
+  if (legacyFormData.url && !/^https:\/\//i.test(legacyFormData.url)) {
+    errors.push(VIDEO_NOTE_ERROR_CODES.INVALID_URL_PROTOCOL);
+  }
+
+  if (legacyFormData.magnet) {
+    const wsList = [];
+    if (ws) {
+      wsList.push(ws);
+    }
+    if (legacyFormData.url && /^https?:\/\//i.test(legacyFormData.url)) {
+      wsList.push(legacyFormData.url);
+    }
+
+    const result = normalizeAndAugmentMagnet(legacyFormData.magnet, {
+      webSeed: wsList,
+      xs,
+    });
+    legacyFormData.magnet = result.magnet;
+    const hints = extractMagnetHints(result.magnet);
+    legacyFormData.ws = hints.ws || "";
+    legacyFormData.xs = hints.xs || "";
+  } else {
+    legacyFormData.ws = "";
+    legacyFormData.xs = "";
+  }
+
+  const derivedStoragePointer =
+    storagePointer ||
+    deriveStoragePointerFromUrl(
+      legacyFormData.url,
+      storageProvider || "url"
+    );
+  if (derivedStoragePointer) {
+    legacyFormData.storagePointer = derivedStoragePointer;
+  }
+
+  const derivedInfoHash =
+    infoHash || normalizeInfoHash(legacyFormData.magnet) || "";
+  if (derivedInfoHash) {
+    legacyFormData.infoHash = derivedInfoHash;
+  }
+
+  if (fileSha256) {
+    legacyFormData.fileSha256 = fileSha256;
+  }
+
+  if (originalFileSha256) {
+    legacyFormData.originalFileSha256 = originalFileSha256;
+  }
+
+  const publishPayload = {
+    legacyFormData,
+  };
+
+  if (normalizedNip71) {
+    publishPayload.nip71 = normalizedNip71;
+  }
+
+  return {
+    payload: publishPayload,
+    errors,
+  };
+}
diff --git a/dist/js/services/watchHistoryTelemetry.js b/dist/js/services/watchHistoryTelemetry.js
new file mode 100644
index 00000000..2e3807b3
--- /dev/null
+++ b/dist/js/services/watchHistoryTelemetry.js
@@ -0,0 +1,427 @@
+import { isDevMode } from "../config.js";
+import { pointerArrayToKey } from "../utils/pointer.js";
+import { devLogger, userLogger } from "../utils/logger.js";
+import {
+  ingestLocalViewEvent as defaultIngestLocalViewEvent,
+} from "../viewCounter.js";
+
+const DEFAULT_VIEW_THRESHOLD_SECONDS = 5;
+
+function normalizeString(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+
+function sanitizeVideoMetadata(video) {
+  if (!video || typeof video !== "object") {
+    return null;
+  }
+
+  // Transport identifiers (URL, magnet, hashes) are intentionally omitted so
+  // watch history storage never persists playback endpoints. Only surface the
+  // minimal fields needed to render the saved entry.
+  const createdAtCandidates = [
+    video.rootCreatedAt,
+    video.created_at,
+    video.createdAt,
+    video.publishedAt,
+  ];
+
+  let createdAt = null;
+  for (const candidate of createdAtCandidates) {
+    if (Number.isFinite(candidate)) {
+      createdAt = Math.floor(candidate);
+      break;
+    }
+  }
+
+  return {
+    id: typeof video.id === "string" ? video.id : "",
+    title: typeof video.title === "string" ? video.title : "",
+    thumbnail: typeof video.thumbnail === "string" ? video.thumbnail : "",
+    pubkey: typeof video.pubkey === "string" ? video.pubkey : "",
+    created_at: createdAt,
+  };
+}
+
+export default class WatchHistoryTelemetry {
+  constructor({
+    watchHistoryService = null,
+    watchHistoryController = null,
+    nostrClient = null,
+    log,
+    normalizeHexPubkey,
+    getActiveUserPubkey,
+    ingestLocalViewEvent = defaultIngestLocalViewEvent,
+    onViewLogged,
+    viewThresholdSeconds = DEFAULT_VIEW_THRESHOLD_SECONDS,
+  } = {}) {
+    this.watchHistoryService = watchHistoryService;
+    this.watchHistoryController = watchHistoryController;
+    this.nostrClient = nostrClient;
+    this.log = typeof log === "function" ? log : () => {};
+    this.normalizeHexPubkey =
+      typeof normalizeHexPubkey === "function"
+        ? normalizeHexPubkey
+        : () => null;
+    this.getActiveUserPubkey =
+      typeof getActiveUserPubkey === "function" ? getActiveUserPubkey : () => null;
+    this.ingestLocalViewEvent =
+      typeof ingestLocalViewEvent === "function"
+        ? ingestLocalViewEvent
+        : defaultIngestLocalViewEvent;
+    this.onViewLogged = typeof onViewLogged === "function" ? onViewLogged : null;
+    this.viewThresholdSeconds = Number.isFinite(viewThresholdSeconds)
+      ? Math.max(0, viewThresholdSeconds)
+      : DEFAULT_VIEW_THRESHOLD_SECONDS;
+
+    this.watchHistoryPreferenceUnsubscribe = null;
+    this.playbackTelemetryState = null;
+    this.loggedViewPointerKeys = new Set();
+  }
+
+  destroy() {
+    this.resetPlaybackLoggingState();
+    this._clearPreferenceSubscription();
+  }
+
+  async initPreferenceSync() {
+    return null;
+  }
+
+  refreshPreferenceSettings() {
+    return false;
+  }
+
+  isMetadataPreferenceEnabled() {
+    return false;
+  }
+
+  persistMetadataForVideo(video, pointerInfo) {
+    // Deprecated
+  }
+
+  dropMetadata(pointerKey) {
+    // Deprecated
+  }
+
+  async handleRemoval(payload = {}) {
+    if (!this.watchHistoryController) {
+      const error = new Error("watch-history-disabled");
+      error.handled = true;
+      throw error;
+    }
+
+    return this.watchHistoryController.handleWatchHistoryRemoval(payload);
+  }
+
+  flush(reason = "session-end", context = "watch-history") {
+    if (!this.watchHistoryController) {
+      return Promise.resolve();
+    }
+
+    try {
+      return this.watchHistoryController.flush(reason, context);
+    } catch (error) {
+      return Promise.reject(error);
+    }
+  }
+
+  cancelPlaybackLogging({
+    reason = "session-end",
+    context = "cancelPendingViewLogging",
+  } = {}) {
+    const state = this.playbackTelemetryState;
+    if (!state) {
+      return;
+    }
+
+    if (state.viewTimerId) {
+      this._getTimerHost().clearTimeout(state.viewTimerId);
+    }
+
+    if (Array.isArray(state.handlers) && state.videoEl) {
+      for (const { eventName, handler } of state.handlers) {
+        try {
+          state.videoEl.removeEventListener(eventName, handler);
+        } catch (error) {
+          devLogger.warn(
+          `[watchHistoryTelemetry] Failed to detach ${eventName} listener:`,
+          error,
+          );
+        }
+      }
+    }
+
+    this.playbackTelemetryState = null;
+
+    this.flush(reason, context).catch((error) => {
+      const message = normalizeString(error?.message) || String(error ?? "unknown");
+      this.log(
+        `[watchHistoryTelemetry] Watch history flush failed: ${message}`,
+      );
+    });
+  }
+
+  resetPlaybackLoggingState() {
+    this.cancelPlaybackLogging();
+    if (this.loggedViewPointerKeys.size > 0) {
+      this.loggedViewPointerKeys.clear();
+    }
+  }
+
+  preparePlaybackLogging({
+    videoElement,
+    pointer,
+    pointerKey: explicitPointerKey,
+    video,
+  } = {}) {
+    this.cancelPlaybackLogging();
+
+    if (!videoElement || typeof videoElement.addEventListener !== "function") {
+      return;
+    }
+
+    const pointerKey = explicitPointerKey || pointerArrayToKey(pointer);
+    if (!pointer || !pointerKey) {
+      return;
+    }
+
+    const viewerIdentityKey = this.getActiveViewIdentityKey();
+    const cooldownKey = this.buildViewCooldownKey(pointerKey, viewerIdentityKey);
+    if (cooldownKey && this.loggedViewPointerKeys.has(cooldownKey)) {
+      return;
+    }
+
+    const state = {
+      videoEl: videoElement,
+      pointer,
+      pointerKey,
+      viewerIdentityKey,
+      handlers: [],
+      viewTimerId: null,
+      viewFired: false,
+      videoMetadata: sanitizeVideoMetadata(video),
+    };
+
+    const clearTimer = (timerKey) => {
+      const property = `${timerKey}TimerId`;
+      if (state[property]) {
+        this._getTimerHost().clearTimeout(state[property]);
+        state[property] = null;
+      }
+    };
+
+    const finalizeView = () => {
+      if (state.viewFired) {
+        return;
+      }
+      state.viewFired = true;
+      clearTimer("view");
+      this.cancelPlaybackLogging();
+
+      const { pointer: thresholdPointer, pointerKey: thresholdPointerKey } =
+        state;
+
+      (async () => {
+        let viewResult;
+        try {
+          const canUseWatchHistoryService =
+            typeof this.watchHistoryService?.publishView === "function";
+
+          if (canUseWatchHistoryService) {
+            viewResult = await this.watchHistoryService.publishView(
+              thresholdPointer,
+              undefined,
+            );
+          } else if (typeof this.nostrClient?.recordVideoView === "function") {
+            viewResult = await this.nostrClient.recordVideoView(
+              thresholdPointer,
+            );
+          } else {
+            viewResult = { ok: false, error: "view-logging-unavailable" };
+          }
+        } catch (error) {
+          devLogger.warn(
+            "[watchHistoryTelemetry] Exception while recording video view:",
+            error,
+          );
+        }
+
+        const viewOk = !!viewResult?.ok;
+        if (viewOk) {
+          const eventIdentityKey =
+            this.deriveViewIdentityKeyFromEvent(viewResult?.event) ||
+            state.viewerIdentityKey ||
+            this.getActiveViewIdentityKey();
+          const keyToPersist = this.buildViewCooldownKey(
+            thresholdPointerKey,
+            eventIdentityKey,
+          );
+          if (keyToPersist) {
+            this.loggedViewPointerKeys.add(keyToPersist);
+          }
+          if (viewResult?.event && this.ingestLocalViewEvent) {
+            try {
+              this.ingestLocalViewEvent({
+                event: viewResult.event,
+                pointer: thresholdPointer,
+              });
+            } catch (error) {
+              devLogger.warn(
+                "[watchHistoryTelemetry] Failed to ingest local view event:",
+                error,
+              );
+            }
+          }
+          if (this.onViewLogged) {
+            try {
+              this.onViewLogged({
+                pointer: thresholdPointer,
+                pointerKey: thresholdPointerKey,
+                video: state.videoMetadata,
+                event: viewResult?.event || null,
+                result: viewResult || null,
+              });
+            } catch (error) {
+              devLogger.warn(
+                "[watchHistoryTelemetry] onViewLogged handler failed:",
+                error,
+              );
+            }
+          }
+        } else if (isDevMode && viewResult) {
+          userLogger.warn(
+            "[watchHistoryTelemetry] View event rejected by relays:",
+            viewResult,
+          );
+        }
+      })().catch((error) => {
+        devLogger.warn(
+          "[watchHistoryTelemetry] Unexpected error while recording video view:",
+          error,
+        );
+      });
+    };
+
+    const scheduleTimer = (timerKey, thresholdSeconds, callback) => {
+      const firedKey = `${timerKey}Fired`;
+      const idKey = `${timerKey}TimerId`;
+      if (state[firedKey] || state[idKey]) {
+        return;
+      }
+      const currentSeconds = Number.isFinite(videoElement.currentTime)
+        ? videoElement.currentTime
+        : 0;
+      const remainingMs = Math.max(
+        0,
+        Math.ceil((thresholdSeconds - currentSeconds) * 1000),
+      );
+      if (remainingMs <= 0) {
+        callback();
+        return;
+      }
+      state[idKey] = this._getTimerHost().setTimeout(callback, remainingMs);
+    };
+
+    const registerHandler = (eventName, handler) => {
+      videoElement.addEventListener(eventName, handler);
+      state.handlers.push({ eventName, handler });
+    };
+
+    registerHandler("timeupdate", () => {
+      if (!state.viewFired && videoElement.currentTime >= this.viewThresholdSeconds) {
+        finalizeView();
+      }
+    });
+
+    const cancelOnPause = () => {
+      if (!state.viewFired) {
+        clearTimer("view");
+      }
+    };
+
+    ["pause", "waiting", "stalled", "ended", "emptied"].forEach((event) =>
+      registerHandler(event, cancelOnPause),
+    );
+
+    const resumeIfNeeded = () => {
+      if (state.viewFired) {
+        return;
+      }
+      scheduleTimer("view", this.viewThresholdSeconds, finalizeView);
+    };
+
+    ["play", "playing"].forEach((event) =>
+      registerHandler(event, resumeIfNeeded),
+    );
+
+    this.playbackTelemetryState = state;
+
+    if (!videoElement.paused && videoElement.currentTime > 0) {
+      resumeIfNeeded();
+    }
+  }
+
+  getActiveViewIdentityKey() {
+    const normalizedUser = this.normalizeHexPubkey(this.getActiveUserPubkey());
+    if (normalizedUser) {
+      return `actor:${normalizedUser}`;
+    }
+
+    const sessionActorPubkey = this.normalizeHexPubkey(
+      this.nostrClient?.sessionActor?.pubkey,
+    );
+    if (sessionActorPubkey) {
+      return `actor:${sessionActorPubkey}`;
+    }
+
+    return "actor:anonymous";
+  }
+
+  deriveViewIdentityKeyFromEvent(event) {
+    if (!event || typeof event !== "object") {
+      return "";
+    }
+
+    const normalizedPubkey = this.normalizeHexPubkey(event.pubkey);
+    if (!normalizedPubkey) {
+      return "";
+    }
+
+    return `actor:${normalizedPubkey}`;
+  }
+
+  buildViewCooldownKey(pointerKey, identityKey) {
+    const normalizedPointerKey = normalizeString(pointerKey);
+    if (!normalizedPointerKey) {
+      return "";
+    }
+
+    const normalizedIdentity = normalizeString(identityKey).toLowerCase();
+
+    return normalizedIdentity
+      ? `${normalizedPointerKey}::${normalizedIdentity}`
+      : normalizedPointerKey;
+  }
+
+  _clearPreferenceSubscription() {
+    if (typeof this.watchHistoryPreferenceUnsubscribe === "function") {
+      try {
+        this.watchHistoryPreferenceUnsubscribe();
+      } catch (error) {
+        userLogger.warn(
+          "[watchHistoryTelemetry] Failed to unsubscribe watch history preference:",
+          error,
+        );
+      }
+    }
+    this.watchHistoryPreferenceUnsubscribe = null;
+  }
+
+  _getTimerHost() {
+    if (typeof window !== "undefined" && window) {
+      return window;
+    }
+    return globalThis;
+  }
+}
diff --git a/dist/js/sidebar.js b/dist/js/sidebar.js
new file mode 100644
index 00000000..7f0db372
--- /dev/null
+++ b/dist/js/sidebar.js
@@ -0,0 +1,19 @@
+// sidebar.js
+import { setHashView } from "./hashView.js";
+
+export function setupSidebarNavigation() {
+  const sidebarLinks = document.querySelectorAll('#sidebar a[href^="#view="]');
+  sidebarLinks.forEach((link) => {
+    link.addEventListener("click", (e) => {
+      e.preventDefault();
+
+      // e.g. "#view=about"
+      const href = link.getAttribute("href") || "";
+      const match = href.match(/^#view=(.+)/);
+      if (!match) return;
+
+      const viewName = match[1]; // "about", etc.
+      setHashView(viewName); // This changes the hash and loads the view.
+    });
+  });
+}
diff --git a/dist/js/sidebarLoading.js b/dist/js/sidebarLoading.js
new file mode 100644
index 00000000..4e88280d
--- /dev/null
+++ b/dist/js/sidebarLoading.js
@@ -0,0 +1,33 @@
+// js/sidebarLoading.js
+
+function escapeHtml(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+
+  return value
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+}
+
+export function getSidebarLoadingMarkup(message = "", options = {}) {
+  const trimmed = typeof message === "string" ? message.trim() : "";
+  const copy = trimmed || "Fetching data…";
+  const safeCopy = escapeHtml(copy);
+  const showSpinner = options?.showSpinner !== false;
+  const spinnerMarkup = showSpinner
+    ? '<span class="status-spinner status-spinner--inline" aria-hidden="true"></span>'
+    : "";
+
+  return `
+    <div class="sidebar-loading-wrapper" role="status" aria-live="polite">
+      <div class="sidebar-loading-indicator">
+        ${spinnerMarkup}
+        <span class="sidebar-loading-text">${safeCopy}</span>
+      </div>
+    </div>
+  `;
+}
diff --git a/dist/js/state/appState.js b/dist/js/state/appState.js
new file mode 100644
index 00000000..17515636
--- /dev/null
+++ b/dist/js/state/appState.js
@@ -0,0 +1,222 @@
+import { userLogger } from "../utils/logger.js";
+const state = {
+  pubkey: null,
+  currentUserNpub: null,
+  currentVideo: null,
+  modals: Object.create(null),
+  videosMap: null,
+  videoSubscription: null,
+};
+
+const globalSubscribers = new Set();
+const keySubscribers = new Map();
+const modalSubscribers = new Map();
+
+function createSnapshot() {
+  return {
+    pubkey: state.pubkey,
+    currentUserNpub: state.currentUserNpub,
+    currentVideo: state.currentVideo,
+    modals: { ...state.modals },
+    videosMap: state.videosMap,
+    videoSubscription: state.videoSubscription,
+  };
+}
+
+function notifyKey(key, value, previousValue) {
+  const subscribers = keySubscribers.get(key);
+  if (subscribers) {
+    for (const callback of subscribers) {
+      try {
+        callback(value, previousValue, createSnapshot());
+      } catch (error) {
+        userLogger.warn(`[appState] subscriber for key "${key}" threw:`, error);
+      }
+    }
+  }
+
+  if (globalSubscribers.size) {
+    const snapshot = createSnapshot();
+    for (const callback of globalSubscribers) {
+      try {
+        callback(snapshot, { key, value, previousValue });
+      } catch (error) {
+        userLogger.warn("[appState] global subscriber threw:", error);
+      }
+    }
+  }
+}
+
+function subscribeToKey(key, callback) {
+  if (typeof callback !== "function") {
+    return () => {};
+  }
+
+  if (!keySubscribers.has(key)) {
+    keySubscribers.set(key, new Set());
+  }
+  const subscribers = keySubscribers.get(key);
+  subscribers.add(callback);
+
+  return () => {
+    subscribers.delete(callback);
+    if (subscribers.size === 0) {
+      keySubscribers.delete(key);
+    }
+  };
+}
+
+export function subscribeToAppState(callback) {
+  if (typeof callback !== "function") {
+    return () => {};
+  }
+
+  globalSubscribers.add(callback);
+  return () => {
+    globalSubscribers.delete(callback);
+  };
+}
+
+export function subscribeToAppStateKey(key, callback) {
+  return subscribeToKey(key, callback);
+}
+
+function updateKey(key, value) {
+  const previousValue = state[key];
+  if (previousValue === value) {
+    return value;
+  }
+
+  state[key] = value;
+  notifyKey(key, value, previousValue);
+  return value;
+}
+
+export function getAppState() {
+  return createSnapshot();
+}
+
+export function getPubkey() {
+  return state.pubkey;
+}
+
+export function setPubkey(value) {
+  return updateKey("pubkey", typeof value === "string" ? value : value ?? null);
+}
+
+export function getCurrentUserNpub() {
+  return state.currentUserNpub;
+}
+
+export function setCurrentUserNpub(value) {
+  return updateKey(
+    "currentUserNpub",
+    typeof value === "string" && value ? value : value ?? null
+  );
+}
+
+export function getCurrentVideo() {
+  return state.currentVideo;
+}
+
+export function setCurrentVideo(value) {
+  return updateKey("currentVideo", value ?? null);
+}
+
+export function getVideosMap() {
+  return state.videosMap;
+}
+
+export function setVideosMap(value) {
+  if (value instanceof Map) {
+    return updateKey("videosMap", value);
+  }
+  return updateKey("videosMap", null);
+}
+
+export function getVideoSubscription() {
+  return state.videoSubscription;
+}
+
+export function setVideoSubscription(value) {
+  return updateKey("videoSubscription", value ?? null);
+}
+
+export function getModalState(name) {
+  if (typeof name !== "string" || !name) {
+    return false;
+  }
+  return Boolean(state.modals[name]);
+}
+
+function notifyModal(name, value, previousValue) {
+  const subscribers = modalSubscribers.get(name);
+  if (!subscribers || subscribers.size === 0) {
+    return;
+  }
+
+  for (const callback of subscribers) {
+    try {
+      callback(value, previousValue, createSnapshot());
+    } catch (error) {
+      userLogger.warn(`[appState] modal subscriber for "${name}" threw:`, error);
+    }
+  }
+}
+
+export function setModalState(name, isOpen) {
+  if (typeof name !== "string" || !name) {
+    return false;
+  }
+
+  const normalized = Boolean(isOpen);
+  const previous = Boolean(state.modals[name]);
+  if (previous === normalized) {
+    return normalized;
+  }
+
+  const previousModals = { ...state.modals };
+  state.modals[name] = normalized;
+  notifyModal(name, normalized, previous);
+  notifyKey("modals", { ...state.modals }, previousModals);
+  return normalized;
+}
+
+export function subscribeToModalState(name, callback) {
+  if (typeof name !== "string" || !name || typeof callback !== "function") {
+    return () => {};
+  }
+
+  if (!modalSubscribers.has(name)) {
+    modalSubscribers.set(name, new Set());
+  }
+  const subscribers = modalSubscribers.get(name);
+  subscribers.add(callback);
+
+  return () => {
+    subscribers.delete(callback);
+    if (subscribers.size === 0) {
+      modalSubscribers.delete(name);
+    }
+  };
+}
+
+export function resetAppState() {
+  const previous = createSnapshot();
+  state.pubkey = null;
+  state.currentUserNpub = null;
+  state.currentVideo = null;
+  state.modals = Object.create(null);
+  state.videosMap = null;
+  state.videoSubscription = null;
+  notifyKey("pubkey", state.pubkey, previous.pubkey);
+  notifyKey("currentUserNpub", state.currentUserNpub, previous.currentUserNpub);
+  notifyKey("currentVideo", state.currentVideo, previous.currentVideo);
+  notifyKey("modals", { ...state.modals }, previous.modals);
+  notifyKey("videosMap", state.videosMap, previous.videosMap);
+  notifyKey(
+    "videoSubscription",
+    state.videoSubscription,
+    previous.videoSubscription
+  );
+}
diff --git a/dist/js/state/cache.js b/dist/js/state/cache.js
new file mode 100644
index 00000000..7fb2992a
--- /dev/null
+++ b/dist/js/state/cache.js
@@ -0,0 +1,1810 @@
+import {
+  DEFAULT_AUTOPLAY_BLOCK_THRESHOLD,
+  DEFAULT_BLUR_THRESHOLD,
+  DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD,
+  DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD,
+  getTrustedMuteHideThreshold,
+  getTrustedSpamHideThreshold,
+} from "../constants.js";
+import { userLogger } from "../utils/logger.js";
+import { sanitizeProfileMediaUrl } from "../utils/profileMedia.js";
+import {
+  readUrlHealthFromStorage,
+  removeUrlHealthFromStorage,
+  writeUrlHealthToStorage,
+} from "../utils/storage.js";
+import createProfileSettingsStore from "./profileSettingsStore.js";
+
+const PROFILE_CACHE_STORAGE_KEY = "bitvid:profileCache:v1";
+const PROFILE_CACHE_VERSION = 1;
+const PROFILE_CACHE_TTL_MS = 10 * 60 * 1000; // 10 minutes
+
+const SAVED_PROFILES_STORAGE_KEY = "bitvid:savedProfiles:v1";
+const SAVED_PROFILES_STORAGE_VERSION = 1;
+
+const URL_HEALTH_TTL_MS = 45 * 60 * 1000; // 45 minutes
+const URL_HEALTH_TIMEOUT_RETRY_MS = 5 * 60 * 1000; // 5 minutes
+export const URL_PROBE_TIMEOUT_MS = 8 * 1000; // 8 seconds
+const URL_PROBE_TIMEOUT_RETRY_MS = 15 * 1000; // 15 seconds
+
+const HEX64_REGEX = /^[0-9a-f]{64}$/i;
+
+const MODERATION_OVERRIDE_STORAGE_KEY = "bitvid:moderationOverrides:v2";
+const LEGACY_MODERATION_OVERRIDE_STORAGE_KEY = "bitvid:moderationOverrides:v1";
+const MODERATION_OVERRIDE_STORAGE_VERSION = 2;
+const MODERATION_SETTINGS_STORAGE_KEY = "bitvid:moderationSettings:v1";
+const MODERATION_SETTINGS_STORAGE_VERSION = 3;
+const DM_PRIVACY_SETTINGS_STORAGE_KEY = "bitvid:dmPrivacySettings:v1";
+const DM_PRIVACY_SETTINGS_STORAGE_VERSION = 1;
+
+function computeDefaultModerationSettings() {
+  const defaultBlur = sanitizeModerationThreshold(
+    DEFAULT_BLUR_THRESHOLD,
+    DEFAULT_BLUR_THRESHOLD,
+  );
+  const defaultAutoplay = sanitizeModerationThreshold(
+    DEFAULT_AUTOPLAY_BLOCK_THRESHOLD,
+    DEFAULT_AUTOPLAY_BLOCK_THRESHOLD,
+  );
+  const defaultTrustedMute = sanitizeModerationThreshold(
+    DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD,
+    DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD,
+  );
+  const defaultTrustedSpam = sanitizeModerationThreshold(
+    DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD,
+    DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD,
+  );
+
+  let runtimeMuteHide = defaultTrustedMute;
+  let runtimeSpamHide = defaultTrustedSpam;
+
+  try {
+    if (typeof getTrustedMuteHideThreshold === "function") {
+      runtimeMuteHide = sanitizeModerationThreshold(
+        getTrustedMuteHideThreshold(),
+        defaultTrustedMute,
+      );
+    }
+  } catch (error) {
+    userLogger.warn(
+      "[cache.computeDefaultModerationSettings] Failed to read runtime mute hide threshold:",
+      error,
+    );
+    runtimeMuteHide = defaultTrustedMute;
+  }
+
+  try {
+    if (typeof getTrustedSpamHideThreshold === "function") {
+      runtimeSpamHide = sanitizeModerationThreshold(
+        getTrustedSpamHideThreshold(),
+        defaultTrustedSpam,
+      );
+    }
+  } catch (error) {
+    userLogger.warn(
+      "[cache.computeDefaultModerationSettings] Failed to read runtime spam hide threshold:",
+      error,
+    );
+    runtimeSpamHide = defaultTrustedSpam;
+  }
+
+  return {
+    blurThreshold: defaultBlur,
+    autoplayBlockThreshold: defaultAutoplay,
+    trustedMuteHideThreshold: sanitizeModerationThreshold(
+      runtimeMuteHide,
+      defaultTrustedMute,
+    ),
+    trustedMuteHideThresholds: {},
+    trustedSpamHideThreshold: sanitizeModerationThreshold(
+      runtimeSpamHide,
+      defaultTrustedSpam,
+    ),
+  };
+}
+
+function createDefaultModerationSettings() {
+  return { ...computeDefaultModerationSettings() };
+}
+
+const GLOBAL_MODERATION_PROFILE_KEY = "__global__";
+const moderationSettingsStore = createProfileSettingsStore({
+  clone: (value) => ({ ...value }),
+});
+moderationSettingsStore.set(
+  GLOBAL_MODERATION_PROFILE_KEY,
+  createDefaultModerationSettings(),
+);
+
+function createDefaultDmPrivacySettings() {
+  return {
+    readReceiptsEnabled: false,
+    typingIndicatorsEnabled: false,
+  };
+}
+
+const GLOBAL_DM_PRIVACY_PROFILE_KEY = "__dmPrivacyDefault__";
+const dmPrivacySettingsStore = createProfileSettingsStore({
+  clone: (value) => ({ ...value }),
+});
+dmPrivacySettingsStore.set(
+  GLOBAL_DM_PRIVACY_PROFILE_KEY,
+  createDefaultDmPrivacySettings(),
+);
+
+function sanitizeModerationThreshold(value, fallback) {
+  if (value === null || value === undefined) {
+    return fallback;
+  }
+
+  const numeric = Number(value);
+  if (!Number.isFinite(numeric)) {
+    return fallback;
+  }
+
+  const clamped = Math.max(0, Math.floor(numeric));
+  if (!Number.isFinite(clamped)) {
+    return fallback;
+  }
+
+  return clamped;
+}
+
+function sanitizeModerationThresholdMap(
+  value,
+  fallback = {},
+  { mergeFallback = false } = {},
+) {
+  const fallbackMap = fallback && typeof fallback === "object" ? fallback : {};
+  if (!value || typeof value !== "object") {
+    return mergeFallback ? { ...fallbackMap } : {};
+  }
+
+  const sanitized = {};
+  for (const [key, entry] of Object.entries(value)) {
+    if (typeof key !== "string") {
+      continue;
+    }
+    const normalizedKey = key.trim().toLowerCase();
+    if (!normalizedKey) {
+      continue;
+    }
+    const sanitizedValue = sanitizeModerationThreshold(
+      entry,
+      fallbackMap[normalizedKey],
+    );
+    if (Number.isFinite(sanitizedValue)) {
+      sanitized[normalizedKey] = sanitizedValue;
+    }
+  }
+
+  return mergeFallback ? { ...fallbackMap, ...sanitized } : sanitized;
+}
+
+function sanitizeProfileString(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+
+  const trimmed = value.trim();
+  return trimmed;
+}
+
+let savedProfiles = [];
+let activeProfilePubkey = null;
+let hadExplicitActiveProfile = false;
+const profileCache = new Map();
+const urlHealthCache = new Map();
+const urlHealthInFlight = new Map();
+const moderationOverrides = new Map();
+
+function hasSavedProfilesChanged(previousProfiles, nextProfiles) {
+  if (previousProfiles === nextProfiles) {
+    return false;
+  }
+  if (!Array.isArray(previousProfiles) || !Array.isArray(nextProfiles)) {
+    return true;
+  }
+  if (previousProfiles.length !== nextProfiles.length) {
+    return true;
+  }
+
+  for (let index = 0; index < previousProfiles.length; index += 1) {
+    const prev = previousProfiles[index];
+    const next = nextProfiles[index];
+    if (prev === next) {
+      continue;
+    }
+    if (!prev || !next || typeof prev !== "object" || typeof next !== "object") {
+      return true;
+    }
+
+    const keys = new Set([...Object.keys(prev), ...Object.keys(next)]);
+    for (const key of keys) {
+      if (prev[key] !== next[key]) {
+        return true;
+      }
+    }
+  }
+
+  return false;
+}
+
+function safeDecodeNpub(npub) {
+  if (typeof npub !== "string") {
+    return null;
+  }
+
+  const trimmed = npub.trim();
+  if (!trimmed) {
+    return null;
+  }
+
+  try {
+    const decoded = window?.NostrTools?.nip19?.decode(trimmed);
+    if (decoded && decoded.type === "npub" && typeof decoded.data === "string") {
+      return decoded.data;
+    }
+  } catch (error) {
+    return null;
+  }
+
+  return null;
+}
+
+function normalizeHexPubkey(pubkey) {
+  if (typeof pubkey !== "string") {
+    return null;
+  }
+
+  const trimmed = pubkey.trim();
+  if (!trimmed) {
+    return null;
+  }
+
+  if (HEX64_REGEX.test(trimmed)) {
+    return trimmed.toLowerCase();
+  }
+
+  if (trimmed.startsWith("npub1")) {
+    const decoded = safeDecodeNpub(trimmed);
+    if (decoded && HEX64_REGEX.test(decoded)) {
+      return decoded.toLowerCase();
+    }
+  }
+
+  return null;
+}
+
+function normalizeEventId(value) {
+  if (typeof value !== "string") {
+    return null;
+  }
+
+  const trimmed = value.trim().toLowerCase();
+  if (!trimmed) {
+    return null;
+  }
+
+  return HEX64_REGEX.test(trimmed) ? trimmed : null;
+}
+
+function buildModerationOverrideKey(authorPubkey, eventId) {
+  const normalizedAuthor =
+    typeof authorPubkey === "string" ? authorPubkey.trim().toLowerCase() : "";
+  return `${normalizedAuthor}:${eventId}`;
+}
+
+function normalizeModerationOverrideDescriptor(eventIdOrDescriptor, authorPubkey) {
+  let eventId = null;
+  let author = null;
+
+  if (eventIdOrDescriptor && typeof eventIdOrDescriptor === "object") {
+    eventId =
+      eventIdOrDescriptor.eventId ||
+      eventIdOrDescriptor.id ||
+      eventIdOrDescriptor.eventID ||
+      null;
+    author =
+      eventIdOrDescriptor.authorPubkey ||
+      eventIdOrDescriptor.pubkey ||
+      eventIdOrDescriptor.author ||
+      null;
+  } else if (typeof eventIdOrDescriptor === "string") {
+    eventId = eventIdOrDescriptor;
+  }
+
+  if (!author && typeof authorPubkey === "string") {
+    author = authorPubkey;
+  }
+
+  const normalizedEventId = normalizeEventId(eventId);
+  if (!normalizedEventId) {
+    return null;
+  }
+
+  const normalizedAuthor = normalizeHexPubkey(author);
+  const authorKey = normalizedAuthor || "";
+
+  return {
+    eventId: normalizedEventId,
+    authorPubkey: normalizedAuthor || "",
+    key: buildModerationOverrideKey(authorKey, normalizedEventId),
+  };
+}
+
+export function getSavedProfiles() {
+  return savedProfiles;
+}
+
+export function getProfileCacheMap() {
+  return profileCache;
+}
+
+export function getActiveProfilePubkey() {
+  return activeProfilePubkey;
+}
+
+export function setActiveProfilePubkey(pubkey, { persist = true } = {}) {
+  const normalized = normalizeHexPubkey(pubkey);
+  const nextValue =
+    normalized || (typeof pubkey === "string" && pubkey.trim() ? pubkey.trim() : null);
+  if (activeProfilePubkey === nextValue) {
+    if (persist) {
+      persistSavedProfiles({ persistActive: true });
+    }
+    return activeProfilePubkey;
+  }
+
+  activeProfilePubkey = nextValue;
+  ensureModerationSettingsForKey(getActiveModerationStoreKey());
+  if (persist) {
+    persistSavedProfiles({ persistActive: true });
+  }
+  return activeProfilePubkey;
+}
+
+export function mutateSavedProfiles(mutator, { persist = true, persistActive = true } = {}) {
+  if (typeof mutator !== "function") {
+    return { changed: false, profiles: getSavedProfiles() };
+  }
+
+  const draft = savedProfiles.slice();
+  const result = mutator(draft);
+  const nextProfiles = Array.isArray(result) ? result : draft;
+  const changed = hasSavedProfilesChanged(savedProfiles, nextProfiles);
+
+  if (changed) {
+    savedProfiles = nextProfiles;
+    if (persist) {
+      persistSavedProfiles({ persistActive });
+    }
+  } else if (persist && persistActive === false) {
+    persistSavedProfiles({ persistActive: false });
+  }
+
+  return { changed, profiles: getSavedProfiles() };
+}
+
+export function setSavedProfiles(nextProfiles, options) {
+  return mutateSavedProfiles(
+    () => (Array.isArray(nextProfiles) ? nextProfiles.slice() : []),
+    options
+  );
+}
+
+export function readSavedProfilesPayloadFromStorage() {
+  if (typeof localStorage === "undefined") {
+    return null;
+  }
+
+  const raw = localStorage.getItem(SAVED_PROFILES_STORAGE_KEY);
+  if (!raw) {
+    return null;
+  }
+
+  try {
+    const parsed = JSON.parse(raw);
+    if (!parsed || typeof parsed !== "object") {
+      return null;
+    }
+    return parsed;
+  } catch (error) {
+    userLogger.warn(
+      "[cache.readSavedProfilesPayloadFromStorage] Failed to parse payload:",
+      error
+    );
+    return null;
+  }
+}
+
+function writeSavedProfilesPayloadToStorage(payload) {
+  if (typeof localStorage === "undefined") {
+    return;
+  }
+
+  try {
+    localStorage.setItem(SAVED_PROFILES_STORAGE_KEY, JSON.stringify(payload));
+  } catch (error) {
+    const isQuotaError =
+      error &&
+      (error.name === "QuotaExceededError" ||
+        error.name === "NS_ERROR_DOM_QUOTA_REACHED" ||
+        error.code === 22 ||
+        error.code === 1014);
+    if (isQuotaError) {
+      userLogger.warn(
+        "[cache.writeSavedProfilesPayloadToStorage] Storage quota exceeded; keeping in-memory copy only.",
+        error
+      );
+    } else {
+      userLogger.warn(
+        "[cache.writeSavedProfilesPayloadToStorage] Failed to persist saved profiles:",
+        error
+      );
+    }
+  }
+}
+
+export function persistSavedProfiles({ persistActive = true } = {}) {
+  if (typeof localStorage === "undefined") {
+    return;
+  }
+
+  if (!savedProfiles.length && !activeProfilePubkey) {
+    try {
+      localStorage.removeItem(SAVED_PROFILES_STORAGE_KEY);
+    } catch (error) {
+      userLogger.warn(
+        "[cache.persistSavedProfiles] Failed to remove empty payload:",
+        error
+      );
+    }
+    return;
+  }
+
+  let activePubkeyToPersist = activeProfilePubkey || null;
+  if (!persistActive) {
+    const storedPayload = readSavedProfilesPayloadFromStorage();
+    if (storedPayload && typeof storedPayload === "object") {
+      const candidate =
+        typeof storedPayload.activePubkey === "string"
+          ? storedPayload.activePubkey
+          : typeof storedPayload.activePubKey === "string"
+          ? storedPayload.activePubKey
+          : null;
+      const normalizedStored = normalizeHexPubkey(candidate);
+      if (normalizedStored) {
+        activePubkeyToPersist = normalizedStored;
+      } else if (candidate === null) {
+        activePubkeyToPersist = null;
+      }
+    }
+  }
+
+  const payload = {
+    version: SAVED_PROFILES_STORAGE_VERSION,
+    entries: savedProfiles.map((entry) => ({
+      pubkey: entry.pubkey,
+      npub:
+        typeof entry.npub === "string" && entry.npub.trim() ? entry.npub.trim() : null,
+      name: typeof entry.name === "string" ? entry.name : "",
+      picture: typeof entry.picture === "string" ? entry.picture : "",
+      authType:
+        typeof entry.authType === "string" && entry.authType.trim()
+          ? entry.authType.trim()
+          : null,
+      providerId:
+        typeof entry.providerId === "string" && entry.providerId.trim()
+          ? entry.providerId.trim()
+          : null,
+    })),
+    activePubkey: activePubkeyToPersist,
+  };
+
+  writeSavedProfilesPayloadToStorage(payload);
+}
+
+export function loadSavedProfilesFromStorage() {
+  savedProfiles = [];
+  activeProfilePubkey = null;
+  hadExplicitActiveProfile = false;
+
+  if (typeof localStorage === "undefined") {
+    return {
+      profiles: getSavedProfiles(),
+      activePubkey: activeProfilePubkey,
+      hasExplicitActiveProfile: hadExplicitActiveProfile,
+    };
+  }
+
+  const raw = localStorage.getItem(SAVED_PROFILES_STORAGE_KEY);
+  if (!raw) {
+    return {
+      profiles: getSavedProfiles(),
+      activePubkey: activeProfilePubkey,
+      hasExplicitActiveProfile: hadExplicitActiveProfile,
+    };
+  }
+
+  let needsRewrite = false;
+  try {
+    const parsed = JSON.parse(raw);
+    if (parsed && typeof parsed === "object" && parsed.version === SAVED_PROFILES_STORAGE_VERSION) {
+      const entries = Array.isArray(parsed.entries) ? parsed.entries : [];
+      const seenPubkeys = new Set();
+      for (const candidate of entries) {
+        if (!candidate || typeof candidate !== "object") {
+          continue;
+        }
+
+        const normalizedPubkey = normalizeHexPubkey(candidate.pubkey);
+        if (!normalizedPubkey || seenPubkeys.has(normalizedPubkey)) {
+          needsRewrite = true;
+          continue;
+        }
+
+        seenPubkeys.add(normalizedPubkey);
+        const rawAuthType =
+          typeof candidate.authType === "string" ? candidate.authType : null;
+        let storedAuthType = null;
+        if (rawAuthType) {
+          const trimmedAuthType = rawAuthType.trim();
+          if (trimmedAuthType) {
+            storedAuthType = trimmedAuthType;
+            if (trimmedAuthType !== rawAuthType) {
+              needsRewrite = true;
+            }
+          }
+        }
+
+        if (!storedAuthType) {
+          storedAuthType = "nip07";
+          if (rawAuthType !== "nip07") {
+            needsRewrite = true;
+          }
+        }
+        const rawProviderId =
+          typeof candidate.providerId === "string" ? candidate.providerId : null;
+        let storedProviderId = null;
+        if (rawProviderId) {
+          const trimmedProviderId = rawProviderId.trim();
+          if (trimmedProviderId) {
+            storedProviderId = trimmedProviderId;
+            if (trimmedProviderId !== rawProviderId) {
+              needsRewrite = true;
+            }
+          }
+        }
+        if (!storedProviderId && storedAuthType) {
+          storedProviderId = storedAuthType;
+          if (rawProviderId !== storedProviderId) {
+            needsRewrite = true;
+          }
+        }
+        const npub =
+          typeof candidate.npub === "string" && candidate.npub.trim()
+            ? candidate.npub.trim()
+            : null;
+
+        const entry = {
+          pubkey: normalizedPubkey,
+          npub,
+          name: typeof candidate.name === "string" ? candidate.name : "",
+          picture: typeof candidate.picture === "string" ? candidate.picture : "",
+          authType: storedAuthType,
+          providerId: storedProviderId,
+        };
+
+        if (
+          typeof candidate.npub === "string" && candidate.npub.trim() !== candidate.npub
+        ) {
+          needsRewrite = true;
+        }
+
+        if (entry.npub && typeof candidate.npub !== "string" && entry.npub !== candidate.npub) {
+          needsRewrite = true;
+        }
+
+        savedProfiles.push(entry);
+      }
+
+      let hasActiveField = false;
+      let activeCandidate;
+      if (Object.prototype.hasOwnProperty.call(parsed, "activePubkey")) {
+        hasActiveField = true;
+        activeCandidate = parsed.activePubkey;
+      } else if (Object.prototype.hasOwnProperty.call(parsed, "activePubKey")) {
+        hasActiveField = true;
+        activeCandidate = parsed.activePubKey;
+      }
+
+      if (hasActiveField) {
+        hadExplicitActiveProfile = true;
+        if (typeof activeCandidate === "string") {
+          const normalizedActive = normalizeHexPubkey(activeCandidate);
+          if (normalizedActive && seenPubkeys.has(normalizedActive)) {
+            activeProfilePubkey = normalizedActive;
+          } else if (activeCandidate) {
+            needsRewrite = true;
+          }
+        } else if (activeCandidate !== null && activeCandidate !== undefined) {
+          needsRewrite = true;
+        }
+      }
+    } else if (raw) {
+      needsRewrite = true;
+    }
+  } catch (error) {
+    userLogger.warn("[cache.loadSavedProfilesFromStorage] Failed to parse payload:", error);
+    needsRewrite = true;
+  }
+
+  if (!activeProfilePubkey && savedProfiles.length && !hadExplicitActiveProfile) {
+    activeProfilePubkey = savedProfiles[0].pubkey;
+    needsRewrite = true;
+  }
+
+  if (needsRewrite) {
+    persistSavedProfiles();
+  }
+
+  return {
+    profiles: getSavedProfiles(),
+    activePubkey: activeProfilePubkey,
+    hasExplicitActiveProfile: hadExplicitActiveProfile,
+  };
+}
+
+export function syncSavedProfileFromCache(pubkey, { persist = false } = {}) {
+  const normalized = normalizeHexPubkey(pubkey);
+  if (!normalized) {
+    return false;
+  }
+
+  const cacheEntry = profileCache.get(normalized);
+  if (!cacheEntry || typeof cacheEntry !== "object") {
+    return false;
+  }
+
+  let updated = false;
+  mutateSavedProfiles((profiles) => {
+    const next = profiles.slice();
+    const index = next.findIndex((entry) => entry && entry.pubkey === normalized);
+    if (index < 0) {
+      return profiles;
+    }
+
+    const existing = next[index] || {};
+    const profile = cacheEntry.profile || {};
+    const nextEntry = {
+      ...existing,
+      name: profile.name || existing.name || "",
+      picture: profile.picture || existing.picture || "",
+    };
+
+    if (
+      existing.name === nextEntry.name &&
+      existing.picture === nextEntry.picture
+    ) {
+      return profiles;
+    }
+
+    next[index] = nextEntry;
+    updated = true;
+    return next;
+  }, { persist, persistActive: false });
+
+  return updated;
+}
+
+export function loadProfileCacheFromStorage() {
+  if (typeof localStorage === "undefined") {
+    return;
+  }
+
+  const now = Date.now();
+  const raw = localStorage.getItem(PROFILE_CACHE_STORAGE_KEY);
+  if (!raw) {
+    return;
+  }
+
+  try {
+    const parsed = JSON.parse(raw);
+    if (!parsed || typeof parsed !== "object") {
+      return;
+    }
+
+    if (parsed.version !== PROFILE_CACHE_VERSION) {
+      return;
+    }
+
+    const entries = parsed.entries;
+    if (!entries || typeof entries !== "object") {
+      return;
+    }
+
+    for (const [pubkey, entry] of Object.entries(entries)) {
+      if (!pubkey || !entry || typeof entry !== "object") {
+        continue;
+      }
+
+      const timestamp = typeof entry.timestamp === "number" ? entry.timestamp : 0;
+      if (!timestamp || now - timestamp > PROFILE_CACHE_TTL_MS) {
+        continue;
+      }
+
+      const profile = entry.profile;
+      if (!profile || typeof profile !== "object") {
+        continue;
+      }
+
+      const normalized = {
+        name: profile.name || profile.display_name || "Unknown",
+        picture: profile.picture || "assets/svg/default-profile.svg",
+      };
+
+      const about = sanitizeProfileString(profile.about || profile.aboutMe);
+      if (about) {
+        normalized.about = about;
+      }
+
+      const website = sanitizeProfileString(profile.website || profile.url);
+      if (website) {
+        normalized.website = website;
+      }
+
+      const banner = sanitizeProfileString(profile.banner || profile.header);
+      if (banner) {
+        normalized.banner = banner;
+      }
+
+      const lud16 = sanitizeProfileString(profile.lud16);
+      if (lud16) {
+        normalized.lud16 = lud16;
+      }
+
+      const lud06 = sanitizeProfileString(profile.lud06);
+      if (lud06) {
+        normalized.lud06 = lud06;
+      }
+
+      const lightningCandidates = [
+        sanitizeProfileString(profile.lightningAddress),
+        lud16,
+        lud06,
+      ].filter(Boolean);
+      if (lightningCandidates.length) {
+        normalized.lightningAddress = lightningCandidates[0];
+      }
+
+      profileCache.set(pubkey, {
+        profile: normalized,
+        timestamp,
+      });
+    }
+  } catch (error) {
+    userLogger.warn("[cache.loadProfileCacheFromStorage] Failed to parse payload:", error);
+  }
+}
+
+export function persistProfileCacheToStorage() {
+  if (typeof localStorage === "undefined") {
+    return;
+  }
+
+  const now = Date.now();
+  const entries = {};
+
+  for (const [pubkey, entry] of profileCache.entries()) {
+    if (!entry || typeof entry !== "object") {
+      continue;
+    }
+
+    const timestamp = typeof entry.timestamp === "number" ? entry.timestamp : 0;
+    if (!timestamp || now - timestamp > PROFILE_CACHE_TTL_MS) {
+      profileCache.delete(pubkey);
+      continue;
+    }
+
+    entries[pubkey] = {
+      profile: entry.profile,
+      timestamp,
+    };
+  }
+
+  const payload = {
+    version: PROFILE_CACHE_VERSION,
+    savedAt: now,
+    entries,
+  };
+
+  if (Object.keys(entries).length === 0) {
+    try {
+      localStorage.removeItem(PROFILE_CACHE_STORAGE_KEY);
+    } catch (error) {
+      userLogger.warn(
+        "[cache.persistProfileCacheToStorage] Failed to clear storage:",
+        error
+      );
+    }
+    return;
+  }
+
+  try {
+    localStorage.setItem(PROFILE_CACHE_STORAGE_KEY, JSON.stringify(payload));
+  } catch (error) {
+    userLogger.warn("[cache.persistProfileCacheToStorage] Failed to persist cache:", error);
+  }
+}
+
+import { profileCache as unifiedProfileCache } from "./profileCache.js";
+
+export function getProfileCacheEntry(pubkey) {
+  const profile = unifiedProfileCache.getProfile(pubkey);
+  // Maintain backward compatibility with { profile, timestamp } return shape
+  // although consumers mostly check .profile
+  if (profile) {
+    // We can fetch the raw data to get the timestamp if needed, but for now
+    // returning a synthetic entry matches most usage patterns.
+    return { profile, timestamp: Date.now() };
+  }
+  return null;
+}
+
+export function setProfileCacheEntry(pubkey, profile, { persist = true } = {}) {
+  const entry = unifiedProfileCache.setProfile(pubkey, profile, { persist });
+  return entry;
+}
+
+function haveModerationSettingsChanged(previous, next) {
+  if (!previous || !next) {
+    return true;
+  }
+
+  const prevMuteThresholds =
+    previous.trustedMuteHideThresholds &&
+    typeof previous.trustedMuteHideThresholds === "object"
+      ? previous.trustedMuteHideThresholds
+      : {};
+  const nextMuteThresholds =
+    next.trustedMuteHideThresholds &&
+    typeof next.trustedMuteHideThresholds === "object"
+      ? next.trustedMuteHideThresholds
+      : {};
+  const allMuteKeys = new Set([
+    ...Object.keys(prevMuteThresholds),
+    ...Object.keys(nextMuteThresholds),
+  ]);
+
+  for (const key of allMuteKeys) {
+    if (prevMuteThresholds[key] !== nextMuteThresholds[key]) {
+      return true;
+    }
+  }
+
+  return (
+    previous.blurThreshold !== next.blurThreshold ||
+    previous.autoplayBlockThreshold !== next.autoplayBlockThreshold ||
+    previous.trustedMuteHideThreshold !== next.trustedMuteHideThreshold ||
+    previous.trustedSpamHideThreshold !== next.trustedSpamHideThreshold
+  );
+}
+
+function getModerationStoreKeyForPubkey(pubkey) {
+  const normalized = normalizeHexPubkey(pubkey);
+  return normalized || GLOBAL_MODERATION_PROFILE_KEY;
+}
+
+function getActiveModerationStoreKey() {
+  return getModerationStoreKeyForPubkey(activeProfilePubkey);
+}
+
+function ensureModerationSettingsForKey(key) {
+  const storeKey = key || GLOBAL_MODERATION_PROFILE_KEY;
+  if (!moderationSettingsStore.has(storeKey)) {
+    moderationSettingsStore.set(storeKey, createDefaultModerationSettings());
+  }
+  return moderationSettingsStore.get(storeKey);
+}
+
+export function getDefaultModerationSettings() {
+  return createDefaultModerationSettings();
+}
+
+export function getModerationSettingsForPubkey(pubkey) {
+  const key = getModerationStoreKeyForPubkey(pubkey);
+  const settings = ensureModerationSettingsForKey(key);
+  return { ...settings };
+}
+
+export function getModerationSettings() {
+  return getModerationSettingsForPubkey(activeProfilePubkey);
+}
+
+export function loadModerationSettingsFromStorage() {
+  moderationSettingsStore.clear();
+  moderationSettingsStore.set(
+    GLOBAL_MODERATION_PROFILE_KEY,
+    createDefaultModerationSettings(),
+  );
+
+  if (typeof localStorage === "undefined") {
+    return getModerationSettings();
+  }
+
+  const raw = localStorage.getItem(MODERATION_SETTINGS_STORAGE_KEY);
+  if (!raw) {
+    return getModerationSettings();
+  }
+
+  let shouldRewrite = false;
+
+  try {
+    const payload = JSON.parse(raw);
+    if (!payload || typeof payload !== "object") {
+      shouldRewrite = true;
+    } else if (payload.version === 1) {
+      const defaults = createDefaultModerationSettings();
+      const overrides =
+        payload.overrides && typeof payload.overrides === "object"
+          ? payload.overrides
+          : {};
+
+      const legacySettings = {
+        blurThreshold: sanitizeModerationThreshold(
+          overrides.blurThreshold,
+          defaults.blurThreshold,
+        ),
+        autoplayBlockThreshold: sanitizeModerationThreshold(
+          overrides.autoplayBlockThreshold,
+          defaults.autoplayBlockThreshold,
+        ),
+        trustedMuteHideThreshold: sanitizeModerationThreshold(
+          overrides.trustedMuteHideThreshold,
+          defaults.trustedMuteHideThreshold,
+        ),
+        trustedMuteHideThresholds: sanitizeModerationThresholdMap(
+          overrides.trustedMuteHideThresholds,
+          defaults.trustedMuteHideThresholds,
+          { mergeFallback: true },
+        ),
+        trustedSpamHideThreshold: sanitizeModerationThreshold(
+          overrides.trustedSpamHideThreshold,
+          defaults.trustedSpamHideThreshold,
+        ),
+      };
+
+      moderationSettingsStore.set(
+        GLOBAL_MODERATION_PROFILE_KEY,
+        legacySettings,
+      );
+      shouldRewrite = true;
+    } else if (payload.version === 2 || payload.version === MODERATION_SETTINGS_STORAGE_VERSION) {
+      const defaults = createDefaultModerationSettings();
+      const entries =
+        payload.entries && typeof payload.entries === "object"
+          ? payload.entries
+          : {};
+
+      for (const [key, entry] of Object.entries(entries)) {
+        if (!entry || typeof entry !== "object") {
+          shouldRewrite = true;
+          continue;
+        }
+
+        const overrides =
+          entry.overrides && typeof entry.overrides === "object"
+            ? entry.overrides
+            : {};
+
+        const storeKey =
+          key === "default"
+            ? GLOBAL_MODERATION_PROFILE_KEY
+            : getModerationStoreKeyForPubkey(key);
+
+        if (!storeKey) {
+          shouldRewrite = true;
+          continue;
+        }
+
+        const settings = {
+          blurThreshold: sanitizeModerationThreshold(
+            overrides.blurThreshold,
+            defaults.blurThreshold,
+          ),
+          autoplayBlockThreshold: sanitizeModerationThreshold(
+            overrides.autoplayBlockThreshold,
+            defaults.autoplayBlockThreshold,
+          ),
+          trustedMuteHideThreshold: sanitizeModerationThreshold(
+            overrides.trustedMuteHideThreshold,
+            defaults.trustedMuteHideThreshold,
+          ),
+          trustedMuteHideThresholds: sanitizeModerationThresholdMap(
+            overrides.trustedMuteHideThresholds,
+            defaults.trustedMuteHideThresholds,
+            { mergeFallback: true },
+          ),
+          trustedSpamHideThreshold: sanitizeModerationThreshold(
+            overrides.trustedSpamHideThreshold,
+            defaults.trustedSpamHideThreshold,
+          ),
+        };
+
+        moderationSettingsStore.set(storeKey, settings);
+      }
+    } else {
+      shouldRewrite = true;
+    }
+  } catch (error) {
+    userLogger.warn(
+      "[cache.loadModerationSettingsFromStorage] Failed to parse payload:",
+      error,
+    );
+    shouldRewrite = true;
+  }
+
+  if (shouldRewrite) {
+    persistModerationSettingsToStorage();
+  }
+
+  return getModerationSettings();
+}
+
+function persistModerationSettingsToStorage() {
+  if (typeof localStorage === "undefined") {
+    return;
+  }
+
+  const defaults = createDefaultModerationSettings();
+  const entries = {};
+
+  for (const [key, value] of moderationSettingsStore.entries()) {
+    const settings =
+      value && typeof value === "object"
+        ? value
+        : createDefaultModerationSettings();
+
+    const overrides = {};
+
+    if (settings.blurThreshold !== defaults.blurThreshold) {
+      overrides.blurThreshold = settings.blurThreshold;
+    }
+
+    if (settings.autoplayBlockThreshold !== defaults.autoplayBlockThreshold) {
+      overrides.autoplayBlockThreshold = settings.autoplayBlockThreshold;
+    }
+
+    if (settings.trustedMuteHideThreshold !== defaults.trustedMuteHideThreshold) {
+      overrides.trustedMuteHideThreshold = settings.trustedMuteHideThreshold;
+    }
+
+    const trustedMuteHideThresholds = sanitizeModerationThresholdMap(
+      settings.trustedMuteHideThresholds,
+      defaults.trustedMuteHideThresholds,
+      { mergeFallback: false },
+    );
+
+    if (Object.keys(trustedMuteHideThresholds).length > 0) {
+      overrides.trustedMuteHideThresholds = trustedMuteHideThresholds;
+    }
+
+    if (settings.trustedSpamHideThreshold !== defaults.trustedSpamHideThreshold) {
+      overrides.trustedSpamHideThreshold = settings.trustedSpamHideThreshold;
+    }
+
+    if (Object.keys(overrides).length === 0) {
+      continue;
+    }
+
+    const storageKey =
+      key === GLOBAL_MODERATION_PROFILE_KEY ? "default" : key;
+
+    entries[storageKey] = {
+      overrides,
+      savedAt: Date.now(),
+    };
+  }
+
+  if (Object.keys(entries).length === 0) {
+    try {
+      localStorage.removeItem(MODERATION_SETTINGS_STORAGE_KEY);
+    } catch (error) {
+      userLogger.warn(
+        "[cache.persistModerationSettingsToStorage] Failed to clear overrides:",
+        error,
+      );
+    }
+    return;
+  }
+
+  const payload = {
+    version: MODERATION_SETTINGS_STORAGE_VERSION,
+    entries,
+    savedAt: Date.now(),
+  };
+
+  try {
+    localStorage.setItem(
+      MODERATION_SETTINGS_STORAGE_KEY,
+      JSON.stringify(payload),
+    );
+  } catch (error) {
+    userLogger.warn(
+      "[cache.persistModerationSettingsToStorage] Failed to persist overrides:",
+      error,
+    );
+  }
+}
+
+function getDmPrivacyStoreKeyForPubkey(pubkey) {
+  const normalized = normalizeHexPubkey(pubkey);
+  return normalized || GLOBAL_DM_PRIVACY_PROFILE_KEY;
+}
+
+function ensureDmPrivacySettingsForKey(key) {
+  const storeKey = key || GLOBAL_DM_PRIVACY_PROFILE_KEY;
+  if (!dmPrivacySettingsStore.has(storeKey)) {
+    dmPrivacySettingsStore.set(storeKey, createDefaultDmPrivacySettings());
+  }
+  return dmPrivacySettingsStore.get(storeKey);
+}
+
+function normalizeDmPrivacySettings(partial = {}) {
+  const defaults = createDefaultDmPrivacySettings();
+  const resolved = partial && typeof partial === "object" ? partial : {};
+  return {
+    readReceiptsEnabled:
+      typeof resolved.readReceiptsEnabled === "boolean"
+        ? resolved.readReceiptsEnabled
+        : defaults.readReceiptsEnabled,
+    typingIndicatorsEnabled:
+      typeof resolved.typingIndicatorsEnabled === "boolean"
+        ? resolved.typingIndicatorsEnabled
+        : defaults.typingIndicatorsEnabled,
+  };
+}
+
+export function getDmPrivacySettingsForPubkey(pubkey) {
+  const key = getDmPrivacyStoreKeyForPubkey(pubkey);
+  const settings = ensureDmPrivacySettingsForKey(key);
+  return { ...settings };
+}
+
+export function getDmPrivacySettings() {
+  return getDmPrivacySettingsForPubkey(activeProfilePubkey);
+}
+
+export function setDmPrivacySettings(partial = {}, options = {}) {
+  const targetPubkey =
+    typeof options?.pubkey === "string" ? options.pubkey : activeProfilePubkey;
+  const key = getDmPrivacyStoreKeyForPubkey(targetPubkey);
+  const existing = ensureDmPrivacySettingsForKey(key);
+  const normalized = normalizeDmPrivacySettings({ ...existing, ...partial });
+  dmPrivacySettingsStore.set(key, normalized);
+  persistDmPrivacySettingsToStorage();
+  return { ...normalized };
+}
+
+export function loadDmPrivacySettingsFromStorage() {
+  dmPrivacySettingsStore.clear();
+  dmPrivacySettingsStore.set(
+    GLOBAL_DM_PRIVACY_PROFILE_KEY,
+    createDefaultDmPrivacySettings(),
+  );
+
+  if (typeof localStorage === "undefined") {
+    return getDmPrivacySettings();
+  }
+
+  const raw = localStorage.getItem(DM_PRIVACY_SETTINGS_STORAGE_KEY);
+  if (!raw) {
+    return getDmPrivacySettings();
+  }
+
+  let shouldRewrite = false;
+
+  try {
+    const payload = JSON.parse(raw);
+    if (!payload || typeof payload !== "object") {
+      shouldRewrite = true;
+    } else if (payload.version === DM_PRIVACY_SETTINGS_STORAGE_VERSION) {
+      const defaults = createDefaultDmPrivacySettings();
+      const entries =
+        payload.entries && typeof payload.entries === "object"
+          ? payload.entries
+          : {};
+
+      for (const [key, entry] of Object.entries(entries)) {
+        if (!entry || typeof entry !== "object") {
+          shouldRewrite = true;
+          continue;
+        }
+
+        const overrides =
+          entry.overrides && typeof entry.overrides === "object"
+            ? entry.overrides
+            : {};
+
+        const storeKey =
+          key === "default"
+            ? GLOBAL_DM_PRIVACY_PROFILE_KEY
+            : getDmPrivacyStoreKeyForPubkey(key);
+
+        if (!storeKey) {
+          shouldRewrite = true;
+          continue;
+        }
+
+        const settings = {
+          readReceiptsEnabled:
+            typeof overrides.readReceiptsEnabled === "boolean"
+              ? overrides.readReceiptsEnabled
+              : defaults.readReceiptsEnabled,
+          typingIndicatorsEnabled:
+            typeof overrides.typingIndicatorsEnabled === "boolean"
+              ? overrides.typingIndicatorsEnabled
+              : defaults.typingIndicatorsEnabled,
+        };
+
+        dmPrivacySettingsStore.set(storeKey, settings);
+      }
+    } else {
+      shouldRewrite = true;
+    }
+  } catch (error) {
+    userLogger.warn(
+      "[cache.loadDmPrivacySettingsFromStorage] Failed to parse payload:",
+      error,
+    );
+    shouldRewrite = true;
+  }
+
+  if (shouldRewrite) {
+    persistDmPrivacySettingsToStorage();
+  }
+
+  return getDmPrivacySettings();
+}
+
+function persistDmPrivacySettingsToStorage() {
+  if (typeof localStorage === "undefined") {
+    return;
+  }
+
+  const defaults = createDefaultDmPrivacySettings();
+  const entries = {};
+
+  for (const [key, value] of dmPrivacySettingsStore.entries()) {
+    const settings =
+      value && typeof value === "object"
+        ? value
+        : createDefaultDmPrivacySettings();
+
+    const overrides = {};
+
+    if (settings.readReceiptsEnabled !== defaults.readReceiptsEnabled) {
+      overrides.readReceiptsEnabled = settings.readReceiptsEnabled;
+    }
+
+    if (settings.typingIndicatorsEnabled !== defaults.typingIndicatorsEnabled) {
+      overrides.typingIndicatorsEnabled = settings.typingIndicatorsEnabled;
+    }
+
+    if (Object.keys(overrides).length === 0) {
+      continue;
+    }
+
+    const storageKey =
+      key === GLOBAL_DM_PRIVACY_PROFILE_KEY ? "default" : key;
+
+    entries[storageKey] = {
+      overrides,
+      savedAt: Date.now(),
+    };
+  }
+
+  if (Object.keys(entries).length === 0) {
+    try {
+      localStorage.removeItem(DM_PRIVACY_SETTINGS_STORAGE_KEY);
+    } catch (error) {
+      userLogger.warn(
+        "[cache.persistDmPrivacySettingsToStorage] Failed to clear overrides:",
+        error,
+      );
+    }
+    return;
+  }
+
+  const payload = {
+    version: DM_PRIVACY_SETTINGS_STORAGE_VERSION,
+    entries,
+    savedAt: Date.now(),
+  };
+
+  try {
+    localStorage.setItem(
+      DM_PRIVACY_SETTINGS_STORAGE_KEY,
+      JSON.stringify(payload),
+    );
+  } catch (error) {
+    userLogger.warn(
+      "[cache.persistDmPrivacySettingsToStorage] Failed to persist overrides:",
+      error,
+    );
+  }
+}
+
+export function setModerationSettings(partial = {}, { persist = true } = {}) {
+  const key = getActiveModerationStoreKey();
+  const defaults = createDefaultModerationSettings();
+  const current = ensureModerationSettingsForKey(key);
+  const next = { ...current };
+  let changed = false;
+
+  if (Object.prototype.hasOwnProperty.call(partial, "blurThreshold")) {
+    const value = partial.blurThreshold;
+    const sanitized =
+      value === null
+        ? defaults.blurThreshold
+        : sanitizeModerationThreshold(value, defaults.blurThreshold);
+    if (next.blurThreshold !== sanitized) {
+      next.blurThreshold = sanitized;
+      changed = true;
+    }
+  }
+
+  if (Object.prototype.hasOwnProperty.call(partial, "autoplayBlockThreshold")) {
+    const value = partial.autoplayBlockThreshold;
+    const sanitized =
+      value === null
+        ? defaults.autoplayBlockThreshold
+        : sanitizeModerationThreshold(value, defaults.autoplayBlockThreshold);
+    if (next.autoplayBlockThreshold !== sanitized) {
+      next.autoplayBlockThreshold = sanitized;
+      changed = true;
+    }
+  }
+
+  if (Object.prototype.hasOwnProperty.call(partial, "trustedMuteHideThreshold")) {
+    const value = partial.trustedMuteHideThreshold;
+    const sanitized =
+      value === null
+        ? defaults.trustedMuteHideThreshold
+        : sanitizeModerationThreshold(value, defaults.trustedMuteHideThreshold);
+    if (next.trustedMuteHideThreshold !== sanitized) {
+      next.trustedMuteHideThreshold = sanitized;
+      changed = true;
+    }
+  }
+
+  if (
+    Object.prototype.hasOwnProperty.call(partial, "trustedMuteHideThresholds")
+  ) {
+    const value = partial.trustedMuteHideThresholds;
+    const sanitized =
+      value === null
+        ? defaults.trustedMuteHideThresholds
+        : sanitizeModerationThresholdMap(value, defaults.trustedMuteHideThresholds, {
+            mergeFallback: true,
+          });
+    const current =
+      next.trustedMuteHideThresholds &&
+      typeof next.trustedMuteHideThresholds === "object"
+        ? next.trustedMuteHideThresholds
+        : {};
+    const nextKeys = new Set([
+      ...Object.keys(current),
+      ...Object.keys(sanitized),
+    ]);
+    let mapChanged = false;
+    for (const key of nextKeys) {
+      if (current[key] !== sanitized[key]) {
+        mapChanged = true;
+        break;
+      }
+    }
+    if (mapChanged) {
+      next.trustedMuteHideThresholds = { ...sanitized };
+      changed = true;
+    }
+  }
+
+  if (Object.prototype.hasOwnProperty.call(partial, "trustedSpamHideThreshold")) {
+    const value = partial.trustedSpamHideThreshold;
+    const sanitized =
+      value === null
+        ? defaults.trustedSpamHideThreshold
+        : sanitizeModerationThreshold(value, defaults.trustedSpamHideThreshold);
+    if (next.trustedSpamHideThreshold !== sanitized) {
+      next.trustedSpamHideThreshold = sanitized;
+      changed = true;
+    }
+  }
+
+  if (!changed) {
+    if (persist) {
+      persistModerationSettingsToStorage();
+    }
+    return ensureModerationSettingsForKey(key);
+  }
+
+  moderationSettingsStore.set(key, next);
+
+  if (persist) {
+    persistModerationSettingsToStorage();
+  }
+
+  return ensureModerationSettingsForKey(key);
+}
+
+export function resetModerationSettings({ persist = true } = {}) {
+  const key = getActiveModerationStoreKey();
+  const previous = ensureModerationSettingsForKey(key);
+  const defaults = createDefaultModerationSettings();
+  moderationSettingsStore.set(key, defaults);
+
+  const changed = haveModerationSettingsChanged(previous, defaults);
+
+  if (persist) {
+    persistModerationSettingsToStorage();
+  }
+
+  if (!changed) {
+    return ensureModerationSettingsForKey(key);
+  }
+
+  return ensureModerationSettingsForKey(key);
+}
+
+export function getModerationOverridesList() {
+  return Array.from(moderationOverrides.values()).map((entry) => ({ ...entry }));
+}
+
+function findModerationOverrideByEventId(eventId) {
+  for (const entry of moderationOverrides.values()) {
+    if (entry?.eventId === eventId) {
+      return entry;
+    }
+  }
+  return null;
+}
+
+export function getModerationOverride(eventIdOrDescriptor, authorPubkey) {
+  const normalized = normalizeModerationOverrideDescriptor(
+    eventIdOrDescriptor,
+    authorPubkey,
+  );
+  if (!normalized) {
+    return null;
+  }
+
+  const entry =
+    moderationOverrides.get(normalized.key) ||
+    findModerationOverrideByEventId(normalized.eventId);
+  if (!entry) {
+    return null;
+  }
+
+  return { ...entry };
+}
+
+export function loadModerationOverridesFromStorage() {
+  if (typeof localStorage === "undefined") {
+    return;
+  }
+
+  const raw =
+    localStorage.getItem(MODERATION_OVERRIDE_STORAGE_KEY) ||
+    localStorage.getItem(LEGACY_MODERATION_OVERRIDE_STORAGE_KEY);
+  if (!raw) {
+    return;
+  }
+
+  let shouldRewrite = false;
+
+  try {
+    const payload = JSON.parse(raw);
+    if (!payload || typeof payload !== "object") {
+      return;
+    }
+
+    const entries = [];
+
+    if (payload.version === MODERATION_OVERRIDE_STORAGE_VERSION) {
+      if (Array.isArray(payload.entries)) {
+        entries.push(...payload.entries);
+      } else {
+        shouldRewrite = true;
+      }
+    } else if (payload.version === 1) {
+      const legacyEntries =
+        payload.entries && typeof payload.entries === "object"
+          ? payload.entries
+          : {};
+      Object.entries(legacyEntries).forEach(([eventId, entry]) => {
+        entries.push({
+          eventId,
+          authorPubkey: "",
+          showAnyway: entry?.showAnyway === true,
+          updatedAt: entry?.updatedAt,
+        });
+      });
+      shouldRewrite = true;
+    } else {
+      return;
+    }
+
+    moderationOverrides.clear();
+
+    for (const entry of entries) {
+      if (!entry || entry.showAnyway !== true) {
+        continue;
+      }
+      const normalized = normalizeModerationOverrideDescriptor(entry);
+      if (!normalized) {
+        continue;
+      }
+      const updatedAt = Number.isFinite(entry.updatedAt)
+        ? Math.floor(entry.updatedAt)
+        : Date.now();
+      moderationOverrides.set(normalized.key, {
+        eventId: normalized.eventId,
+        authorPubkey: normalized.authorPubkey,
+        showAnyway: true,
+        updatedAt,
+      });
+    }
+  } catch (error) {
+    moderationOverrides.clear();
+    userLogger.warn(
+      "[cache.loadModerationOverridesFromStorage] Failed to parse payload:",
+      error,
+    );
+    return;
+  }
+
+  if (shouldRewrite) {
+    persistModerationOverridesToStorage();
+  }
+}
+
+export function persistModerationOverridesToStorage() {
+  if (typeof localStorage === "undefined") {
+    return;
+  }
+
+  const entries = [];
+  for (const entry of moderationOverrides.values()) {
+    if (!entry || entry.showAnyway !== true) {
+      continue;
+    }
+    const normalized = normalizeModerationOverrideDescriptor(entry);
+    if (!normalized) {
+      continue;
+    }
+    const updatedAt = Number.isFinite(entry.updatedAt)
+      ? Math.floor(entry.updatedAt)
+      : Date.now();
+    entries.push({
+      eventId: normalized.eventId,
+      authorPubkey: normalized.authorPubkey,
+      showAnyway: true,
+      updatedAt,
+    });
+  }
+
+  if (entries.length === 0) {
+    try {
+      localStorage.removeItem(MODERATION_OVERRIDE_STORAGE_KEY);
+      localStorage.removeItem(LEGACY_MODERATION_OVERRIDE_STORAGE_KEY);
+    } catch (error) {
+      userLogger.warn(
+        "[cache.persistModerationOverridesToStorage] Failed to clear overrides:",
+        error,
+      );
+    }
+    return;
+  }
+
+  const payload = {
+    version: MODERATION_OVERRIDE_STORAGE_VERSION,
+    savedAt: Date.now(),
+    entries,
+  };
+
+  try {
+    localStorage.setItem(
+      MODERATION_OVERRIDE_STORAGE_KEY,
+      JSON.stringify(payload),
+    );
+    localStorage.removeItem(LEGACY_MODERATION_OVERRIDE_STORAGE_KEY);
+  } catch (error) {
+    userLogger.warn(
+      "[cache.persistModerationOverridesToStorage] Failed to persist overrides:",
+      error,
+    );
+  }
+}
+
+export function setModerationOverride(
+  eventIdOrDescriptor,
+  override = {},
+  { persist = true } = {},
+) {
+  const normalized = normalizeModerationOverrideDescriptor(
+    eventIdOrDescriptor,
+    override?.authorPubkey,
+  );
+  if (!normalized) {
+    return null;
+  }
+
+  const showAnyway = override?.showAnyway === true;
+  if (!showAnyway) {
+    const removed = moderationOverrides.delete(normalized.key);
+    if (removed && persist) {
+      persistModerationOverridesToStorage();
+    }
+    return null;
+  }
+
+  const updatedAt = Number.isFinite(override?.updatedAt)
+    ? Math.floor(override.updatedAt)
+    : Date.now();
+
+  const existing = moderationOverrides.get(normalized.key);
+  const nextEntry = {
+    eventId: normalized.eventId,
+    authorPubkey: normalized.authorPubkey,
+    showAnyway: true,
+    updatedAt,
+  };
+  const changed =
+    !existing ||
+    existing.showAnyway !== nextEntry.showAnyway ||
+    existing.updatedAt !== nextEntry.updatedAt ||
+    existing.eventId !== nextEntry.eventId ||
+    existing.authorPubkey !== nextEntry.authorPubkey;
+
+  moderationOverrides.set(normalized.key, nextEntry);
+
+  if (persist && changed) {
+    persistModerationOverridesToStorage();
+  }
+
+  return { ...nextEntry };
+}
+
+export function clearModerationOverride(
+  eventIdOrDescriptor,
+  { persist = true } = {},
+) {
+  const normalized = normalizeModerationOverrideDescriptor(eventIdOrDescriptor);
+  if (!normalized) {
+    return false;
+  }
+
+  let removed = moderationOverrides.delete(normalized.key);
+
+  for (const [key, entry] of moderationOverrides.entries()) {
+    if (entry?.eventId === normalized.eventId) {
+      moderationOverrides.delete(key);
+      removed = true;
+    }
+  }
+
+  if (removed && persist) {
+    persistModerationOverridesToStorage();
+  }
+
+  return removed;
+}
+
+function buildUrlProbeKey(url, options = {}) {
+  const trimmed = typeof url === "string" ? url : "";
+  const mode = options?.confirmPlayable ? "playable" : "basic";
+  return `${trimmed}::${mode}`;
+}
+
+function isUrlHealthEntryFresh(entry, url) {
+  if (!entry || typeof entry !== "object") {
+    return false;
+  }
+
+  const now = Date.now();
+  if (typeof entry.expiresAt !== "number" || entry.expiresAt <= now) {
+    return false;
+  }
+
+  if (url && entry.url && entry.url !== url) {
+    return false;
+  }
+
+  return true;
+}
+
+export function getCachedUrlHealth(eventId, url) {
+  if (!eventId) {
+    return null;
+  }
+
+  const entry = urlHealthCache.get(eventId);
+  if (isUrlHealthEntryFresh(entry, url)) {
+    return entry;
+  }
+
+  if (entry) {
+    urlHealthCache.delete(eventId);
+  }
+
+  const stored = readUrlHealthFromStorage(eventId);
+  if (!isUrlHealthEntryFresh(stored, url)) {
+    if (stored) {
+      removeUrlHealthFromStorage(eventId);
+    }
+    return null;
+  }
+
+  urlHealthCache.set(eventId, stored);
+  return stored;
+}
+
+export function storeUrlHealth(eventId, url, result, ttlMs = URL_HEALTH_TTL_MS) {
+  if (!eventId) {
+    return null;
+  }
+
+  const ttl = typeof ttlMs === "number" && ttlMs > 0 ? ttlMs : URL_HEALTH_TTL_MS;
+  const now = Date.now();
+  const entry = {
+    status: result?.status || "checking",
+    message: result?.message || "⏳ CDN",
+    url: url || result?.url || "",
+    expiresAt: now + ttl,
+    lastCheckedAt: now,
+  };
+  urlHealthCache.set(eventId, entry);
+  writeUrlHealthToStorage(eventId, entry);
+  return entry;
+}
+
+export function setInFlightUrlProbe(eventId, url, promise, options = {}) {
+  if (!eventId || !promise) {
+    return;
+  }
+
+  const key = buildUrlProbeKey(url, options);
+  urlHealthInFlight.set(eventId, { promise, key });
+  promise.finally(() => {
+    const current = urlHealthInFlight.get(eventId);
+    if (current && current.promise === promise) {
+      urlHealthInFlight.delete(eventId);
+    }
+  });
+}
+
+export function getInFlightUrlProbe(eventId, url, options = {}) {
+  if (!eventId) {
+    return null;
+  }
+
+  const entry = urlHealthInFlight.get(eventId);
+  if (!entry) {
+    return null;
+  }
+
+  const key = buildUrlProbeKey(url, options);
+  if (entry.key && entry.key !== key) {
+    return null;
+  }
+
+  return entry.promise;
+}
+
+export const urlHealthConstants = {
+  URL_HEALTH_TTL_MS,
+  URL_HEALTH_TIMEOUT_RETRY_MS,
+  URL_PROBE_TIMEOUT_RETRY_MS,
+};
diff --git a/dist/js/state/profileCache.js b/dist/js/state/profileCache.js
new file mode 100644
index 00000000..3907eb3b
--- /dev/null
+++ b/dist/js/state/profileCache.js
@@ -0,0 +1,395 @@
+import { CACHE_POLICIES, STORAGE_TIERS } from "../nostr/cachePolicies.js";
+import { NOTE_TYPES } from "../nostrEventSchemas.js";
+import { userLogger } from "../utils/logger.js";
+import { sanitizeProfileMediaUrl } from "../utils/profileMedia.js";
+
+const PROFILE_CACHE_VERSION = 1;
+const STORAGE_KEY_PREFIX = "bitvid:profile:";
+
+// Maps legacy/service section names to NOTE_TYPES for policy lookup
+const SECTION_TO_NOTE_TYPE = {
+  "watchHistory": NOTE_TYPES.WATCH_HISTORY,
+  "subscriptions": NOTE_TYPES.SUBSCRIPTION_LIST,
+  "blocks": NOTE_TYPES.USER_BLOCK_LIST,
+  "interests": NOTE_TYPES.HASHTAG_PREFERENCES,
+  "relays": NOTE_TYPES.RELAY_LIST,
+  "profile": NOTE_TYPES.PROFILE_METADATA,
+};
+
+function sanitizeProfileString(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  return value.trim();
+}
+
+class ProfileCache {
+  constructor() {
+    this.activePubkey = null;
+    this.memoryCache = new Map(); // For runtime decrypted data: pubkey:section -> data
+    this.listeners = new Set();
+  }
+
+  normalizeHexPubkey(pubkey) {
+    if (typeof pubkey !== "string") {
+      return null;
+    }
+    const trimmed = pubkey.trim();
+    if (!trimmed) {
+      return null;
+    }
+    // Simple hex check, relying on callers to provide valid hex mostly,
+    // but robust enough to handle basic whitespace.
+    // For full validation we'd need nostr-tools or similar regex.
+    // Assuming standard 64-char hex for now.
+    if (/^[0-9a-f]{64}$/i.test(trimmed)) {
+      return trimmed.toLowerCase();
+    }
+    return null;
+  }
+
+  /**
+   * Resolves the cache policy for a given section/noteType.
+   * @param {string} section - The section identifier or noteType.
+   * @returns {object|null} The policy object or null.
+   */
+  getPolicy(section) {
+    if (!section) return null;
+    // Check if section is a known alias
+    const noteType = SECTION_TO_NOTE_TYPE[section] || section;
+    return CACHE_POLICIES[noteType] || null;
+  }
+
+  /**
+   * Resolves the canonical storage key for a section based on policy addressing.
+   * @param {string} section - The section identifier or noteType.
+   * @param {object} params - Parameters for key resolution { pubkey, dTag, kind }.
+   * @returns {string} The canonical storage key.
+   */
+  resolveAddressKey(section, { pubkey, dTag } = {}) {
+    const policy = this.getPolicy(section);
+    const resolvedPubkey = this.normalizeHexPubkey(pubkey || this.activePubkey);
+
+    if (!resolvedPubkey) {
+      // Fallback or error? For now, we return a key with "unknown" or empty if no pubkey available
+      // but typically we should have one.
+      return "";
+    }
+
+    if (policy && policy.addressing === "kind:pubkey:d") {
+      const resolvedDTag = dTag || policy.defaultDTag;
+      const noteType = SECTION_TO_NOTE_TYPE[section] || section;
+
+      // We can use the noteType string as part of the key if we don't have the numeric kind easily accessible
+      // or we can hardcode the mapping if we really want kind numbers.
+      // However, the policy key in CACHE_POLICIES is the note type string (e.g. "watchHistory").
+      // To satisfy "kind:pubkey:d", we should ideally use the kind number.
+      // But `CACHE_POLICIES` is keyed by string type.
+      // Let's use the noteType string in the key to be unique and consistent with CACHE_POLICIES keys.
+      // Format: bitvid:profile:{pubkey}:{noteType}:{dTag}:v{VERSION}
+
+      // If dTag is missing for a replaceable list, it's an issue, but we'll use "default" or empty.
+      const dSegment = resolvedDTag || "default";
+
+      // Note: We use the noteType string (e.g. "watchHistory") instead of numeric kind
+      // because we don't import the numeric mappings here directly beyond what's in schemas,
+      // and noteType is unique enough.
+      return `${STORAGE_KEY_PREFIX}${resolvedPubkey}:${noteType}:${dSegment}:v${PROFILE_CACHE_VERSION}`;
+    } else if (policy && policy.addressing === "kind:pubkey") {
+       const noteType = SECTION_TO_NOTE_TYPE[section] || section;
+       return `${STORAGE_KEY_PREFIX}${resolvedPubkey}:${noteType}:v${PROFILE_CACHE_VERSION}`;
+    }
+
+    // Fallback legacy key format
+    return `${STORAGE_KEY_PREFIX}${resolvedPubkey}:${section}:v${PROFILE_CACHE_VERSION}`;
+  }
+
+  getStorageKey(pubkey, section) {
+    // Forward to resolveAddressKey which handles the logic,
+    // but getStorageKey signature is (pubkey, section).
+    // We assume default dTag if applicable.
+    return this.resolveAddressKey(section, { pubkey });
+  }
+
+  getStorageTier(section) {
+    const policy = this.getPolicy(section);
+    if (policy) {
+        return policy.storage;
+    }
+    // Default to LOCAL_STORAGE for unknown sections to match legacy behavior
+    return STORAGE_TIERS.LOCAL_STORAGE;
+  }
+
+  setActiveProfile(pubkey) {
+    const normalized = this.normalizeHexPubkey(pubkey);
+    if (this.activePubkey === normalized) {
+      return;
+    }
+
+    // Clear memory cache for the old profile to remove sensitive decrypted data
+    if (this.activePubkey) {
+      this.clearMemoryCache(this.activePubkey);
+    }
+
+    this.activePubkey = normalized;
+
+    // Emit change event
+    this.emit("profileChanged", { pubkey: this.activePubkey });
+  }
+
+  getActiveProfile() {
+    return this.activePubkey;
+  }
+
+  get(section) {
+    if (!this.activePubkey) {
+      return null;
+    }
+    return this.getProfileData(this.activePubkey, section);
+  }
+
+  set(section, data) {
+    if (!this.activePubkey) {
+      return;
+    }
+    this.setProfileData(this.activePubkey, section, data);
+  }
+
+  getProfile(pubkey) {
+    const data = this.getProfileData(pubkey, "profile");
+    return data && data.profile ? data.profile : null;
+  }
+
+  setProfile(pubkey, profile, { persist = true } = {}) {
+    const normalizedPubkey = this.normalizeHexPubkey(pubkey);
+    if (!normalizedPubkey || !profile) {
+      return null;
+    }
+
+    const existingEntry = this.getProfileData(normalizedPubkey, "profile");
+    const existingProfile = existingEntry?.profile || {};
+
+    const existingName = sanitizeProfileString(existingProfile.name);
+    const existingPicture = sanitizeProfileMediaUrl(existingProfile.picture);
+    const existingAbout = sanitizeProfileString(existingProfile.about);
+    const existingWebsite = sanitizeProfileString(existingProfile.website);
+    const existingBanner = sanitizeProfileMediaUrl(existingProfile.banner);
+    const existingLud16 = sanitizeProfileString(existingProfile.lud16);
+    const existingLud06 = sanitizeProfileString(existingProfile.lud06);
+    const existingLightningAddress = sanitizeProfileString(
+      existingProfile.lightningAddress,
+    );
+
+    const normalized = {
+      name:
+        sanitizeProfileString(profile.name || profile.display_name) ||
+        existingName ||
+        "Unknown",
+      picture:
+        sanitizeProfileMediaUrl(profile.picture || profile.image) ||
+        existingPicture ||
+        "assets/svg/default-profile.svg",
+    };
+
+    const about =
+      sanitizeProfileString(profile.about || profile.aboutMe) || existingAbout;
+    if (about) {
+      normalized.about = about;
+    }
+
+    const website =
+      sanitizeProfileString(profile.website || profile.url) || existingWebsite;
+    if (website) {
+      normalized.website = website;
+    }
+
+    const banner = sanitizeProfileMediaUrl(
+      profile.banner ||
+        profile.header ||
+        profile.background ||
+        profile.cover ||
+        profile.cover_image ||
+        profile.coverImage,
+    );
+    const resolvedBanner = banner || existingBanner;
+    if (resolvedBanner) {
+      normalized.banner = resolvedBanner;
+    }
+
+    const lud16 = sanitizeProfileString(profile.lud16) || existingLud16;
+    if (lud16) {
+      normalized.lud16 = lud16;
+    }
+
+    const lud06 = sanitizeProfileString(profile.lud06) || existingLud06;
+    if (lud06) {
+      normalized.lud06 = lud06;
+    }
+
+    const lightningCandidates = [
+      sanitizeProfileString(profile.lightningAddress),
+      lud16,
+      lud06,
+    ].filter(Boolean);
+    const resolvedLightningAddress = lightningCandidates.length
+      ? lightningCandidates[0]
+      : existingLightningAddress;
+    if (resolvedLightningAddress) {
+      normalized.lightningAddress = resolvedLightningAddress;
+    }
+
+    const entry = {
+      profile: normalized,
+      timestamp: Date.now(),
+    };
+
+    // We can update memory directly if it's the active pubkey or we track everyone?
+    // ProfileCache logic for setProfileData updates memory cache if using setMemoryData,
+    // but typically getProfileData checks persistence if memory is empty.
+    // However, for profiles, we probably want persistence.
+    // The instructions say: "normalizes, stores, sets timestamp and persists".
+
+    // If persist is false, we might only update memory.
+    if (persist) {
+      this.setProfileData(normalizedPubkey, "profile", entry);
+    } else {
+      // Just memory
+      this.setMemoryDataForPubkey(normalizedPubkey, "profile", entry);
+    }
+
+    return entry;
+  }
+
+  getProfileData(pubkey, section) {
+    // 1. Check memory cache (runtime data)
+    const memKey = `${pubkey}:${section}`;
+    if (this.memoryCache.has(memKey)) {
+      return this.memoryCache.get(memKey);
+    }
+
+    // 2. Load from persistence
+    const storageKey = this.getStorageKey(pubkey, section);
+    const tier = this.getStorageTier(section);
+
+    if (tier === STORAGE_TIERS.LOCAL_STORAGE && typeof localStorage !== "undefined") {
+      try {
+        const raw = localStorage.getItem(storageKey);
+        if (raw) {
+          const parsed = JSON.parse(raw);
+
+          // TTL Check
+          const policy = this.getPolicy(section);
+          if (policy && Number.isFinite(policy.ttl) && policy.ttl > 0) {
+             // We check if data has savedAt or similar timestamp.
+             // If parsed is an object and has savedAt
+             const savedAt = parsed?.savedAt || parsed?.timestamp;
+             if (Number.isFinite(savedAt)) {
+                 const now = Date.now();
+                 // Check if savedAt is seconds or ms. Usually ms in JS, but watchHistory might use one or other.
+                 // In watchHistory.js: savedAt = Date.now(). So it's ms.
+                 if (now - savedAt > policy.ttl) {
+                     userLogger.info(`[ProfileCache] Expired ${section} for ${pubkey}`);
+                     return null;
+                 }
+             }
+          }
+
+          // Populate memory cache to avoid repeat parsing
+          this.memoryCache.set(memKey, parsed);
+          return parsed;
+        }
+      } catch (error) {
+        userLogger.warn(`[ProfileCache] Failed to load ${section} for ${pubkey}`, error);
+      }
+    }
+
+    return null;
+  }
+
+  setProfileData(pubkey, section, data) {
+    const storageKey = this.getStorageKey(pubkey, section);
+    const tier = this.getStorageTier(section);
+
+    // Save to storage
+    if (tier === STORAGE_TIERS.LOCAL_STORAGE && typeof localStorage !== "undefined") {
+      try {
+        if (data === null || data === undefined) {
+          localStorage.removeItem(storageKey);
+        } else {
+          localStorage.setItem(storageKey, JSON.stringify(data));
+        }
+      } catch (error) {
+        userLogger.warn(`[ProfileCache] Failed to save ${section} for ${pubkey}`, error);
+      }
+    }
+
+    // Update memory cache
+    const memKey = `${pubkey}:${section}`;
+    this.memoryCache.set(memKey, data);
+
+    this.emit("update", { pubkey, section, data });
+    this.emit("partition-updated", { pubkey, key: section });
+  }
+
+  setMemoryDataForPubkey(pubkey, section, data) {
+    const memKey = `${pubkey}:${section}`;
+    this.memoryCache.set(memKey, data);
+    this.emit("update", { pubkey, section, data });
+  }
+
+  setMemoryData(section, data) {
+    if (!this.activePubkey) return;
+    const key = `${this.activePubkey}:${section}`;
+    this.memoryCache.set(key, data);
+  }
+
+  getMemoryData(section) {
+    if (!this.activePubkey) return null;
+    const key = `${this.activePubkey}:${section}`;
+    return this.memoryCache.get(key);
+  }
+
+  clearMemoryCache(pubkey) {
+    // Clear all entries starting with pubkey:
+    const prefix = `${pubkey}:`;
+    for (const key of this.memoryCache.keys()) {
+      if (key.startsWith(prefix)) {
+        this.memoryCache.delete(key);
+      }
+    }
+  }
+
+  clearSignerRuntime(pubkey) {
+    const normalized = this.normalizeHexPubkey(pubkey);
+    if (!normalized) {
+      return;
+    }
+    this.clearMemoryCache(normalized);
+    this.emit("runtimeCleared", { pubkey: normalized });
+  }
+
+  reset() {
+    const previousPubkey = this.activePubkey;
+    this.activePubkey = null;
+    this.memoryCache.clear();
+    this.emit("profileChanged", { pubkey: null, previousPubkey: previousPubkey || null });
+    this.emit("reset", { previousPubkey: previousPubkey || null });
+  }
+
+  subscribe(callback) {
+    this.listeners.add(callback);
+    return () => this.listeners.delete(callback);
+  }
+
+  emit(event, detail) {
+    for (const listener of this.listeners) {
+      try {
+        listener(event, detail);
+      } catch (error) {
+        console.error("[ProfileCache] Listener error", error);
+      }
+    }
+  }
+}
+
+export const profileCache = new ProfileCache();
diff --git a/dist/js/state/profileSettingsStore.js b/dist/js/state/profileSettingsStore.js
new file mode 100644
index 00000000..46c05bc6
--- /dev/null
+++ b/dist/js/state/profileSettingsStore.js
@@ -0,0 +1,74 @@
+import { devLogger } from "../utils/logger.js";
+
+function noopClone(value) {
+  return value;
+}
+
+export function createProfileSettingsStore({ clone = noopClone, logger = devLogger } = {}) {
+  const cache = new Map();
+
+  const cloneValue = (value) => {
+    try {
+      return clone(value);
+    } catch (error) {
+      if (logger && typeof logger.warn === "function") {
+        logger.warn("[profileSettingsStore] Failed to clone value", error);
+      }
+      return value;
+    }
+  };
+
+  const store = {
+    set(key, value) {
+      if (!key) {
+        return store;
+      }
+      cache.set(key, cloneValue(value));
+      return store;
+    },
+    get(key) {
+      if (!key || !cache.has(key)) {
+        return undefined;
+      }
+      return cloneValue(cache.get(key));
+    },
+    has(key) {
+      if (!key) {
+        return false;
+      }
+      return cache.has(key);
+    },
+    delete(key) {
+      if (!key) {
+        return false;
+      }
+      return cache.delete(key);
+    },
+    clear() {
+      cache.clear();
+      return store;
+    },
+    keys() {
+      return Array.from(cache.keys());
+    },
+    values() {
+      return Array.from(cache.values()).map((value) => cloneValue(value));
+    },
+    entries() {
+      return Array.from(cache.entries()).map(([key, value]) => [
+        key,
+        cloneValue(value),
+      ]);
+    },
+  };
+
+  Object.defineProperty(store, "size", {
+    get() {
+      return cache.size;
+    },
+  });
+
+  return store;
+}
+
+export default createProfileSettingsStore;
diff --git a/dist/js/storage/dmDb.js b/dist/js/storage/dmDb.js
new file mode 100644
index 00000000..2b41ff2e
--- /dev/null
+++ b/dist/js/storage/dmDb.js
@@ -0,0 +1,551 @@
+import { devLogger, userLogger } from "../utils/logger.js";
+
+const DB_NAME = "bitvidDm";
+const DB_VERSION = 2;
+
+const STORES = Object.freeze({
+  CONVERSATIONS: "conversations",
+  MESSAGES: "messages",
+  CONTACTS: "contacts",
+  RELAYS: "relays",
+  SEEN_CACHE: "seen_cache",
+});
+
+const MIGRATIONS = [
+  {
+    version: 1,
+    migrate: (db) => {
+      if (!db.objectStoreNames.contains(STORES.CONVERSATIONS)) {
+        const store = db.createObjectStore(STORES.CONVERSATIONS, {
+          keyPath: "conversation_id",
+        });
+        store.createIndex("created_at", "created_at", { unique: false });
+        store.createIndex("unseen_count", "unseen_count", { unique: false });
+      }
+
+      if (!db.objectStoreNames.contains(STORES.MESSAGES)) {
+        const store = db.createObjectStore(STORES.MESSAGES, { keyPath: "id" });
+        store.createIndex("conversation_id", "conversation_id", {
+          unique: false,
+        });
+        store.createIndex("created_at", "created_at", { unique: false });
+        store.createIndex("sender_pubkey", "sender_pubkey", {
+          unique: false,
+        });
+        store.createIndex("conversation_created_at", [
+          "conversation_id",
+          "created_at",
+        ]);
+      }
+
+      if (!db.objectStoreNames.contains(STORES.CONTACTS)) {
+        db.createObjectStore(STORES.CONTACTS, { keyPath: "pubkey" });
+      }
+
+      if (!db.objectStoreNames.contains(STORES.RELAYS)) {
+        db.createObjectStore(STORES.RELAYS, { keyPath: "url" });
+      }
+
+      if (!db.objectStoreNames.contains(STORES.SEEN_CACHE)) {
+        const store = db.createObjectStore(STORES.SEEN_CACHE, {
+          keyPath: "id",
+        });
+        store.createIndex("conversation_id", "conversation_id", {
+          unique: false,
+        });
+        store.createIndex("created_at", "created_at", { unique: false });
+      }
+    },
+  },
+  {
+    version: 2,
+    migrate: (db, transaction) => {
+      if (!db.objectStoreNames.contains(STORES.CONVERSATIONS)) {
+        return;
+      }
+
+      // If transaction is provided (during upgrade), use it.
+      // Otherwise create a new one (but this path is questionable during upgrade).
+      const store = transaction
+        ? transaction.objectStore(STORES.CONVERSATIONS)
+        : db.createObjectStore(STORES.CONVERSATIONS, { keyPath: "conversation_id" });
+        // Fallback: If store doesn't exist and no transaction provided (unlikely in upgrade), create it?
+        // Actually, if transaction is missing in migration, we are in trouble.
+        // But for safe-guarding against "store not found":
+      if (!store.indexNames.contains("opened_until")) {
+        store.createIndex("opened_until", "opened_until", { unique: false });
+      }
+      if (!store.indexNames.contains("downloaded_until")) {
+        store.createIndex("downloaded_until", "downloaded_until", {
+          unique: false,
+        });
+      }
+    },
+  },
+];
+
+function isIndexedDbAvailable() {
+  try {
+    return typeof indexedDB !== "undefined";
+  } catch (error) {
+    return false;
+  }
+}
+
+function applyMigrations(db, oldVersion, newVersion, transaction) {
+  for (const migration of MIGRATIONS) {
+    if (migration.version > oldVersion && migration.version <= newVersion) {
+      migration.migrate(db, transaction);
+    }
+  }
+}
+
+function openDmDb() {
+  return new Promise((resolve, reject) => {
+    if (!isIndexedDbAvailable()) {
+      resolve(null);
+      return;
+    }
+
+    const request = indexedDB.open(DB_NAME, DB_VERSION);
+
+    request.onupgradeneeded = (event) => {
+      const db = request.result;
+      const oldVersion = event.oldVersion ?? 0;
+      const newVersion = event.newVersion ?? DB_VERSION;
+      const upgradeTransaction =
+        request.transaction || event.target?.transaction || null;
+      applyMigrations(db, oldVersion, newVersion, upgradeTransaction);
+    };
+
+    request.onsuccess = () => resolve(request.result);
+    request.onerror = () =>
+      reject(request.error || new Error("Failed to open DM database."));
+  });
+}
+
+function sanitizeTimestamp(value) {
+  const numeric = Number(value);
+  if (!Number.isFinite(numeric) || numeric <= 0) {
+    return 0;
+  }
+  return Math.floor(numeric);
+}
+
+function normalizePubkey(pubkey) {
+  if (typeof pubkey !== "string") {
+    return "";
+  }
+  return pubkey.trim().toLowerCase();
+}
+
+function normalizeMessage(raw) {
+  if (!raw || typeof raw !== "object") {
+    return null;
+  }
+
+  const id = typeof raw.id === "string" ? raw.id.trim() : "";
+  const conversationId =
+    typeof raw.conversation_id === "string"
+      ? raw.conversation_id.trim()
+      : typeof raw.conversationId === "string"
+        ? raw.conversationId.trim()
+        : "";
+  const senderPubkey = normalizePubkey(
+    raw.sender_pubkey ?? raw.senderPubkey ?? raw.pubkey,
+  );
+
+  if (!id || !conversationId || !senderPubkey) {
+    return null;
+  }
+
+  const receiverPubkey = normalizePubkey(
+    raw.receiver_pubkey ?? raw.receiverPubkey ?? raw.to_pubkey,
+  );
+  const statusRaw = typeof raw.status === "string" ? raw.status.trim() : "";
+  const status =
+    statusRaw === "pending" || statusRaw === "published" || statusRaw === "failed"
+      ? statusRaw
+      : "";
+  const seen = raw.seen === true;
+  const encryptionScheme =
+    typeof raw.encryption_scheme === "string"
+      ? raw.encryption_scheme.trim()
+      : typeof raw.encryptionScheme === "string"
+        ? raw.encryptionScheme.trim()
+        : typeof raw.scheme === "string"
+          ? raw.scheme.trim()
+          : "";
+
+  return {
+    id,
+    conversation_id: conversationId,
+    sender_pubkey: senderPubkey,
+    receiver_pubkey: receiverPubkey,
+    created_at: sanitizeTimestamp(raw.created_at ?? raw.createdAt),
+    kind: Number.isFinite(Number(raw.kind)) ? Number(raw.kind) : 0,
+    content: typeof raw.content === "string" ? raw.content : "",
+    tags: Array.isArray(raw.tags) ? raw.tags : [],
+    relay: typeof raw.relay === "string" ? raw.relay : "",
+    status,
+    seen,
+    encryption_scheme: encryptionScheme,
+  };
+}
+
+function normalizeConversation(raw) {
+  if (!raw || typeof raw !== "object") {
+    return null;
+  }
+
+  const conversationId =
+    typeof raw.conversation_id === "string"
+      ? raw.conversation_id.trim()
+      : typeof raw.conversationId === "string"
+        ? raw.conversationId.trim()
+        : "";
+
+  if (!conversationId) {
+    return null;
+  }
+
+  return {
+    conversation_id: conversationId,
+    created_at: sanitizeTimestamp(raw.created_at ?? raw.createdAt),
+    last_message_at: sanitizeTimestamp(
+      raw.last_message_at ?? raw.lastMessageAt,
+    ),
+    downloaded_until: sanitizeTimestamp(
+      raw.downloaded_until ?? raw.downloadedUntil,
+    ),
+    opened_until: sanitizeTimestamp(raw.opened_until ?? raw.openedUntil),
+    last_message_preview:
+      typeof raw.last_message_preview === "string"
+        ? raw.last_message_preview
+        : typeof raw.lastMessagePreview === "string"
+          ? raw.lastMessagePreview
+          : "",
+    unseen_count: Number.isFinite(Number(raw.unseen_count))
+      ? Number(raw.unseen_count)
+      : Number.isFinite(Number(raw.unseenCount))
+        ? Number(raw.unseenCount)
+        : 0,
+    participants: Array.isArray(raw.participants) ? raw.participants : [],
+  };
+}
+
+function runRequest(request) {
+  return new Promise((resolve, reject) => {
+    request.onsuccess = () => resolve(request.result);
+    request.onerror = () => reject(request.error);
+  });
+}
+
+function finalizeTransaction(tx) {
+  return new Promise((resolve, reject) => {
+    tx.oncomplete = () => resolve();
+    tx.onerror = () => reject(tx.error);
+    tx.onabort = () => reject(tx.error || new Error("Transaction aborted"));
+  });
+}
+
+export async function writeConversationMetadata(conversation) {
+  const normalized = normalizeConversation(conversation);
+  if (!normalized) {
+    return null;
+  }
+
+  try {
+    const db = await openDmDb();
+    if (!db) {
+      return null;
+    }
+
+    const tx = db.transaction(STORES.CONVERSATIONS, "readwrite");
+    tx.objectStore(STORES.CONVERSATIONS).put(normalized);
+    await finalizeTransaction(tx);
+    db.close();
+    return normalized;
+  } catch (error) {
+    userLogger.warn("[dmDb] Failed to write conversation metadata", error);
+    return null;
+  }
+}
+
+export async function writeMessages(messages) {
+  const list = Array.isArray(messages) ? messages : [messages];
+  const normalized = list
+    .map((message) => normalizeMessage(message))
+    .filter(Boolean);
+
+  if (normalized.length === 0) {
+    return [];
+  }
+
+  try {
+    const db = await openDmDb();
+    if (!db) {
+      return [];
+    }
+
+    const tx = db.transaction(STORES.MESSAGES, "readwrite");
+    const store = tx.objectStore(STORES.MESSAGES);
+
+    for (const message of normalized) {
+      store.put(message);
+    }
+
+    await finalizeTransaction(tx);
+    db.close();
+    return normalized;
+  } catch (error) {
+    userLogger.warn("[dmDb] Failed to persist messages", error);
+    return [];
+  }
+}
+
+export async function getConversation(conversationId) {
+  if (typeof conversationId !== "string" || !conversationId.trim()) {
+    return null;
+  }
+
+  try {
+    const db = await openDmDb();
+    if (!db) {
+      return null;
+    }
+
+    const tx = db.transaction(STORES.CONVERSATIONS, "readonly");
+    const store = tx.objectStore(STORES.CONVERSATIONS);
+    const result = await runRequest(store.get(conversationId.trim()));
+    await finalizeTransaction(tx);
+    db.close();
+    return result || null;
+  } catch (error) {
+    userLogger.warn("[dmDb] Failed to read conversation metadata", error);
+    return null;
+  }
+}
+
+export async function listMessagesByConversation(conversationId, options = {}) {
+  if (typeof conversationId !== "string" || !conversationId.trim()) {
+    return [];
+  }
+
+  const limit =
+    Number.isFinite(Number(options.limit)) && Number(options.limit) > 0
+      ? Number(options.limit)
+      : 50;
+  const direction = options.direction === "asc" ? "next" : "prev";
+
+  try {
+    const db = await openDmDb();
+    if (!db) {
+      return [];
+    }
+
+    const tx = db.transaction(STORES.MESSAGES, "readonly");
+    const store = tx.objectStore(STORES.MESSAGES);
+    const index = store.index("conversation_created_at");
+    const range = IDBKeyRange.bound(
+      [conversationId.trim(), 0],
+      [conversationId.trim(), Number.MAX_SAFE_INTEGER],
+    );
+
+    const results = [];
+    const request = index.openCursor(range, direction);
+
+    return await new Promise((resolve) => {
+      request.onsuccess = () => {
+        const cursor = request.result;
+        if (!cursor || results.length >= limit) {
+          resolve(results);
+          return;
+        }
+        results.push(cursor.value);
+        cursor.continue();
+      };
+      request.onerror = () => {
+        userLogger.warn("[dmDb] Failed to list messages", request.error);
+        resolve(results);
+      };
+    }).finally(() => db.close());
+  } catch (error) {
+    userLogger.warn("[dmDb] Failed to list messages", error);
+    return [];
+  }
+}
+
+export async function updateConversationFromMessage(message, options = {}) {
+  const normalized = normalizeMessage(message);
+  if (!normalized) {
+    return null;
+  }
+
+  const preview =
+    typeof options.preview === "string" && options.preview.trim()
+      ? options.preview.trim()
+      : normalized.content.slice(0, 160);
+  const unseenDelta =
+    Number.isFinite(Number(options.unseenDelta))
+      ? Number(options.unseenDelta)
+      : 0;
+  const downloadedUntil = sanitizeTimestamp(
+    options.downloadedUntil ?? normalized.created_at,
+  );
+  const openedUntil = sanitizeTimestamp(options.openedUntil);
+
+  try {
+    const db = await openDmDb();
+    if (!db) {
+      return null;
+    }
+
+    const tx = db.transaction(STORES.CONVERSATIONS, "readwrite");
+    const store = tx.objectStore(STORES.CONVERSATIONS);
+    const existing = (await runRequest(
+      store.get(normalized.conversation_id),
+    )) || {
+      conversation_id: normalized.conversation_id,
+      created_at: normalized.created_at,
+      unseen_count: 0,
+    };
+
+    const next = {
+      ...existing,
+      created_at: existing.created_at || normalized.created_at,
+      last_message_at: normalized.created_at,
+      downloaded_until: Math.max(
+        existing.downloaded_until || 0,
+        downloadedUntil,
+      ),
+      opened_until: Math.max(existing.opened_until || 0, openedUntil),
+      last_message_preview: preview,
+      unseen_count: Math.max(
+        0,
+        Number(existing.unseen_count || 0) + unseenDelta,
+      ),
+    };
+
+    store.put(next);
+    await finalizeTransaction(tx);
+    db.close();
+    return next;
+  } catch (error) {
+    userLogger.warn("[dmDb] Failed to update conversation metadata", error);
+    return null;
+  }
+}
+
+export async function updateConversationOpenState(
+  conversationId,
+  { openedUntil, unseenCount } = {},
+) {
+  if (typeof conversationId !== "string" || !conversationId.trim()) {
+    return null;
+  }
+
+  const normalizedId = conversationId.trim();
+  const nextOpenedUntil = sanitizeTimestamp(openedUntil);
+  const nextUnseenCount = Number.isFinite(Number(unseenCount))
+    ? Math.max(0, Number(unseenCount))
+    : null;
+
+  try {
+    const db = await openDmDb();
+    if (!db) {
+      return null;
+    }
+
+    const tx = db.transaction(STORES.CONVERSATIONS, "readwrite");
+    const store = tx.objectStore(STORES.CONVERSATIONS);
+    const existing =
+      (await runRequest(store.get(normalizedId))) ||
+      normalizeConversation({ conversation_id: normalizedId });
+
+    if (!existing) {
+      return null;
+    }
+
+    const next = {
+      ...existing,
+      opened_until: Math.max(existing.opened_until || 0, nextOpenedUntil),
+      unseen_count:
+        nextUnseenCount === null
+          ? existing.unseen_count
+          : nextUnseenCount,
+    };
+
+    store.put(next);
+    await finalizeTransaction(tx);
+    db.close();
+    return next;
+  } catch (error) {
+    userLogger.warn("[dmDb] Failed to update conversation open state", error);
+    return null;
+  }
+}
+
+export async function listConversations() {
+  try {
+    const db = await openDmDb();
+    if (!db) {
+      return [];
+    }
+
+    const tx = db.transaction(STORES.CONVERSATIONS, "readonly");
+    const store = tx.objectStore(STORES.CONVERSATIONS);
+    const results = [];
+    const request = store.openCursor();
+
+    return await new Promise((resolve) => {
+      request.onsuccess = () => {
+        const cursor = request.result;
+        if (!cursor) {
+          resolve(results);
+          return;
+        }
+        results.push(cursor.value);
+        cursor.continue();
+      };
+      request.onerror = () => {
+        userLogger.warn("[dmDb] Failed to list conversations", request.error);
+        resolve(results);
+      };
+    }).finally(() => db.close());
+  } catch (error) {
+    userLogger.warn("[dmDb] Failed to list conversations", error);
+    return [];
+  }
+}
+
+export async function clearDmDb() {
+  try {
+    const db = await openDmDb();
+    if (!db) {
+      return false;
+    }
+
+    const tx = db.transaction(
+      [
+        STORES.CONVERSATIONS,
+        STORES.MESSAGES,
+        STORES.CONTACTS,
+        STORES.RELAYS,
+        STORES.SEEN_CACHE,
+      ],
+      "readwrite",
+    );
+
+    for (const storeName of tx.objectStoreNames) {
+      tx.objectStore(storeName).clear();
+    }
+
+    await finalizeTransaction(tx);
+    db.close();
+    return true;
+  } catch (error) {
+    devLogger.warn("[dmDb] Failed to clear DM database", error);
+    return false;
+  }
+}
diff --git a/dist/js/storage/r2-mgmt.js b/dist/js/storage/r2-mgmt.js
new file mode 100644
index 00000000..10a6ef81
--- /dev/null
+++ b/dist/js/storage/r2-mgmt.js
@@ -0,0 +1,293 @@
+// js/storage/r2-mgmt.js
+function computeSlugHash(input) {
+  const text = String(input || "");
+  let hash = 0;
+  for (let i = 0; i < text.length; i += 1) {
+    hash = Math.imul(31, hash) + text.charCodeAt(i);
+  }
+  return (hash >>> 0).toString(36);
+}
+
+export function sanitizeBucketName(npub) {
+  const raw = String(npub || "");
+  let value = raw
+    .toLowerCase()
+    .replace(/[^a-z0-9-]/g, "-")
+    .replace(/-+/g, "-")
+    .replace(/^-+|[-]+$/g, "");
+
+  if (!value) {
+    value = "bitvid-user";
+  }
+
+  if (value.length > 32) {
+    const prefix = value.slice(0, 20).replace(/-+$/g, "");
+    const hash = computeSlugHash(raw).slice(0, 8);
+    value = [prefix, hash].filter(Boolean).join("-");
+  }
+
+  value = value.replace(/-+/g, "-").replace(/^-+|[-]+$/g, "");
+
+  if (!/^[a-z0-9]/.test(value)) {
+    value = `bv-${value}`;
+  }
+
+  if (!/[a-z0-9]$/.test(value)) {
+    value = `${value}0`;
+  }
+
+  if (value.length > 63) {
+    value = value.slice(0, 63).replace(/-+$/g, "");
+  }
+
+  while (value.length < 3) {
+    value += "0";
+  }
+
+  return value;
+}
+
+export function deriveShortSubdomain(npub) {
+  const bucketSlug = sanitizeBucketName(npub);
+  const hash = computeSlugHash(npub).slice(0, 6);
+
+  const prefix = bucketSlug
+    .replace(/^bv-/, "")
+    .slice(0, 18)
+    .replace(/-+$/g, "");
+
+  let candidate = [prefix, hash].filter(Boolean).join("-");
+  candidate = candidate
+    .toLowerCase()
+    .replace(/[^a-z0-9-]/g, "-")
+    .replace(/-+/g, "-")
+    .replace(/^-+|[-]+$/g, "");
+
+  if (!candidate) {
+    candidate = "user";
+  }
+
+  if (candidate.length > 32) {
+    candidate = candidate.slice(0, 32).replace(/-+$/g, "");
+  }
+
+  if (!/^[a-z0-9]/.test(candidate)) {
+    candidate = `u${candidate}`;
+  }
+
+  if (!/[a-z0-9]$/.test(candidate)) {
+    candidate = `${candidate}0`;
+  }
+
+  while (candidate.length < 3) {
+    candidate += "0";
+  }
+
+  return candidate;
+}
+
+function buildError(error, fallbackMessage) {
+  if (error instanceof Error) {
+    return error;
+  }
+  const err = new Error(fallbackMessage || "Cloudflare request failed");
+  err.original = error;
+  return err;
+}
+
+// --- Cloudflare API helpers (Bearer token) ---
+async function cfFetch(path, { token, method = "GET", body, headers = {} }) {
+  if (!token) {
+    throw new Error("Cloudflare API token is required");
+  }
+  const res = await fetch(`https://api.cloudflare.com/client/v4${path}`, {
+    method,
+    headers: {
+      Authorization: `Bearer ${token}`,
+      "Content-Type": "application/json",
+      ...headers,
+    },
+    body: body ? JSON.stringify(body) : undefined,
+  });
+
+  const text = await res.text();
+  let data = {};
+  if (text) {
+    try {
+      data = JSON.parse(text);
+    } catch (parseErr) {
+      if (!res.ok) {
+        const err = new Error(text || `Cloudflare API error ${res.status}`);
+        err.status = res.status;
+        throw err;
+      }
+      throw parseErr;
+    }
+  }
+
+  if (!res.ok || data?.success === false) {
+    const errorMessage =
+      data?.errors?.[0]?.message ||
+      data?.message ||
+      text ||
+      `Cloudflare API error ${res.status}`;
+    const err = new Error(errorMessage);
+    err.status = res.status;
+    err.response = data;
+    throw err;
+  }
+
+  return data;
+}
+
+// 1) Create bucket (idempotent-ish: treat 409 as success)
+export async function ensureBucket({ accountId, bucket, token }) {
+  try {
+    await cfFetch(`/accounts/${accountId}/r2/buckets`, {
+      token,
+      method: "POST",
+      body: { name: bucket },
+    });
+  } catch (error) {
+    const err = buildError(error);
+    if (err.status === 409 || /already exists/i.test(err.message || "")) {
+      return;
+    }
+    throw err;
+  }
+}
+
+// 2) Set CORS so browser PUT/GETs work from your app origins
+export async function putCors({ accountId, bucket, token, origins }) {
+  const filteredOrigins = (origins || []).filter(Boolean);
+  if (filteredOrigins.length === 0) {
+    return;
+  }
+  const rules = [
+    {
+      id: "bitvid-default",
+      allowed: {
+        origins: filteredOrigins,
+        methods: ["GET", "HEAD", "PUT", "POST", "DELETE", "OPTIONS"],
+        headers: ["*"],
+      },
+      expose_headers: ["ETag", "Content-Length", "Content-Range", "Accept-Ranges"],
+      max_age_seconds: 3600,
+    },
+  ];
+  await cfFetch(`/accounts/${accountId}/r2/buckets/${bucket}/cors`, {
+    token,
+    method: "PUT",
+    body: { rules },
+  });
+}
+
+function extractStatus(payload) {
+  return (
+    payload?.result?.status ||
+    payload?.result?.result?.status ||
+    payload?.status ||
+    payload?.result?.statusText ||
+    null
+  );
+}
+
+async function pollCustomDomain({
+  accountId,
+  bucket,
+  token,
+  domain,
+  pollInterval = 2500,
+  timeoutMs = 120000,
+}) {
+  const path = `/accounts/${accountId}/r2/buckets/${bucket}/domains/custom/${encodeURIComponent(
+    domain
+  )}`;
+  const deadline = Date.now() + timeoutMs;
+  let lastPayload = null;
+
+  while (Date.now() < deadline) {
+    lastPayload = await cfFetch(path, { token, method: "GET" }).catch((err) => {
+      if (err?.status === 404) {
+        return null;
+      }
+      throw err;
+    });
+
+    if (!lastPayload) {
+      break;
+    }
+
+    const status = extractStatus(lastPayload);
+    if (status === "active") {
+      return { status, payload: lastPayload };
+    }
+
+    await new Promise((resolve) => setTimeout(resolve, pollInterval));
+  }
+
+  return {
+    status: extractStatus(lastPayload) || "unknown",
+    payload: lastPayload,
+  };
+}
+
+// 3) Attach custom domain to bucket (auto-provisions on Cloudflare)
+export async function attachCustomDomainAndWait({
+  accountId,
+  bucket,
+  token,
+  zoneId,
+  domain,
+  pollInterval,
+  timeoutMs,
+}) {
+  let shouldPoll = true;
+  try {
+    await cfFetch(`/accounts/${accountId}/r2/buckets/${bucket}/domains/custom`, {
+      token,
+      method: "POST",
+      body: { domain, zoneId, enabled: true },
+    });
+  } catch (error) {
+    const err = buildError(error);
+    if (err.status === 409 || /already exists/i.test(err.message || "")) {
+      shouldPoll = true;
+    } else {
+      throw err;
+    }
+  }
+
+  let status = "unknown";
+  if (shouldPoll) {
+    const pollResult = await pollCustomDomain({
+      accountId,
+      bucket,
+      token,
+      domain,
+      pollInterval,
+      timeoutMs,
+    });
+    status = pollResult.status;
+  }
+
+  const url = `https://${domain}`;
+  return {
+    url,
+    status,
+    active: status === "active",
+  };
+}
+
+// 4) Toggle managed r2.dev domain for the bucket
+export async function setManagedDomain({ accountId, bucket, token, enabled }) {
+  const { result } = await cfFetch(
+    `/accounts/${accountId}/r2/buckets/${bucket}/domains/managed`,
+    { token, method: "PUT", body: { enabled: Boolean(enabled) } }
+  );
+  const domain = result?.domain || result?.result?.domain || "";
+  return {
+    enabled: Boolean(result?.enabled ?? enabled),
+    url: domain ? `https://${domain}` : "",
+  };
+}
diff --git a/dist/js/storage/r2-s3.js b/dist/js/storage/r2-s3.js
new file mode 100644
index 00000000..c2391a43
--- /dev/null
+++ b/dist/js/storage/r2-s3.js
@@ -0,0 +1,184 @@
+// js/storage/r2-s3.js
+
+import {
+  ensureS3SdkLoaded,
+  getS3SdkLoadError,
+  isS3SdkAvailable,
+  makeS3Client,
+  requireAwsSdk,
+} from "./s3-client.js";
+import {
+  ensureBucketExists,
+  ensureBucketCors,
+  deleteObject,
+  multipartUpload,
+} from "./s3-multipart.js";
+import { userLogger } from "../utils/logger.js";
+import { buildPublicUrl } from "../r2.js";
+
+export async function testS3Connection(config) {
+  if (!config) {
+    throw new Error("Configuration required for testing S3 connection.");
+  }
+
+  await ensureS3SdkLoaded();
+
+  const {
+    ListBucketsCommand,
+    HeadBucketCommand,
+    PutObjectCommand,
+    GetObjectCommand,
+    DeleteObjectCommand,
+  } = requireAwsSdk();
+
+  const s3 = makeS3Client({
+    endpoint: config.endpoint,
+    region: config.region,
+    accessKeyId: config.accessKeyId,
+    secretAccessKey: config.secretAccessKey,
+    forcePathStyle: config.forcePathStyle,
+  });
+
+  // If bucket is specified, we perform a rigorous Read/Write/Delete test.
+  if (config.bucket) {
+    userLogger.info(`[Storage Test] Checking accessibility of bucket "${config.bucket}"...`);
+    try {
+      await s3.send(new HeadBucketCommand({ Bucket: config.bucket }));
+      userLogger.info(`[Storage Test] Bucket "${config.bucket}" exists and is accessible.`);
+    } catch (error) {
+      const status = error?.$metadata?.httpStatusCode || 0;
+      if (status === 403) {
+        throw new Error(`Access denied to bucket "${config.bucket}". Check your permissions.`);
+      } else if (status === 404) {
+        throw new Error(`Bucket "${config.bucket}" does not exist.`);
+      }
+      throw error;
+    }
+
+    // Prepare temp file
+    const timestamp = Date.now();
+    const testKey = `bitvid-test-connection-${timestamp}.txt`;
+    const fileContent = `bitvid storage test ${timestamp}`;
+
+    try {
+      // 1. Upload
+      userLogger.info(`[Storage Test] Uploading temporary file "${testKey}"...`);
+      await s3.send(
+        new PutObjectCommand({
+          Bucket: config.bucket,
+          Key: testKey,
+          Body: fileContent,
+          ContentType: "text/plain",
+        })
+      );
+      userLogger.info("[Storage Test] Upload successful.");
+
+      // 2. Retrieve
+      userLogger.info(`[Storage Test] Verifying file retrieval for "${testKey}"...`);
+      await s3.send(
+        new GetObjectCommand({
+          Bucket: config.bucket,
+          Key: testKey,
+        })
+      );
+      userLogger.info("[Storage Test] File retrieval successful.");
+
+      // 3. Public URL check
+      let warnings = [];
+      if (config.publicBaseUrl) {
+        userLogger.info(`[Storage Test] Verifying public access via ${config.publicBaseUrl}...`);
+        const publicUrl = buildPublicUrl(config.publicBaseUrl, testKey);
+        try {
+          const response = await fetch(publicUrl, { method: "HEAD", cache: "no-cache" });
+          if (response.ok) {
+            userLogger.info("[Storage Test] Public access confirmed.");
+          } else {
+            const msg = `[Storage Test] WARNING: Public access failed (HTTP ${response.status}). Check your Public URL and CORS settings.`;
+            userLogger.warn(msg);
+            warnings.push(msg);
+          }
+        } catch (fetchErr) {
+          const msg = `[Storage Test] WARNING: Public access check failed: ${fetchErr.message}. Check CORS.`;
+          userLogger.warn(msg);
+          warnings.push(msg);
+        }
+      } else {
+        const msg = "[Storage Test] WARNING: Public Bucket URL is missing. Uploads will fail until this is configured.";
+        userLogger.warn(msg);
+        warnings.push(msg);
+      }
+
+      // 4. Delete
+      userLogger.info(`[Storage Test] Cleaning up temporary file "${testKey}"...`);
+      await s3.send(
+        new DeleteObjectCommand({
+          Bucket: config.bucket,
+          Key: testKey,
+        })
+      );
+      userLogger.info("[Storage Test] Cleanup successful.");
+
+      const successMessage = `Connection verified! Successfully uploaded, retrieved, and deleted test file in "${config.bucket}".`;
+      return {
+        success: true,
+        message: warnings.length ? `${successMessage} ${warnings.join(" ")}` : successMessage,
+      };
+    } catch (error) {
+      userLogger.error("[Storage Test] Operation failed:", error);
+
+      // Attempt cleanup if upload succeeded but retrieval failed
+      try {
+        await s3.send(
+          new DeleteObjectCommand({
+            Bucket: config.bucket,
+            Key: testKey,
+          })
+        ).catch(() => {});
+      } catch (cleanupErr) {
+        // ignore
+      }
+
+      throw error;
+    }
+  }
+
+  // Otherwise, we just list buckets to verify credentials.
+  userLogger.info("[Storage Test] No bucket specified. Listing buckets to verify credentials...");
+  try {
+    const response = await s3.send(new ListBucketsCommand({}));
+    const count = response.Buckets ? response.Buckets.length : 0;
+    userLogger.info(`[Storage Test] Connection successful. Found ${count} buckets.`);
+    return { success: true, message: `Connection successful. Found ${count} buckets.` };
+  } catch (error) {
+    const status = error?.$metadata?.httpStatusCode || 0;
+    if (status === 403) {
+      throw new Error("Access denied. Check your Access Key ID and Secret Access Key.");
+    }
+    throw error;
+  }
+}
+
+export function makeR2Client({
+  accountId,
+  accessKeyId,
+  secretAccessKey,
+  endpoint,
+  region,
+}) {
+  if ((!accountId && !endpoint) || !accessKeyId || !secretAccessKey) {
+    throw new Error("Missing S3/R2 credentials");
+  }
+
+  const finalEndpoint =
+    endpoint || `https://${accountId}.r2.cloudflarestorage.com`;
+
+  return makeS3Client({
+    region: region || "auto",
+    endpoint: finalEndpoint,
+    accessKeyId,
+    secretAccessKey,
+    forcePathStyle: true,
+  });
+}
+
+export { ensureBucketExists, ensureBucketCors, deleteObject, multipartUpload };
diff --git a/dist/js/storage/s3-client.js b/dist/js/storage/s3-client.js
new file mode 100644
index 00000000..a32cf069
--- /dev/null
+++ b/dist/js/storage/s3-client.js
@@ -0,0 +1,114 @@
+// js/storage/s3-client.js
+
+const AWS_SDK_SPECIFIER = "https://esm.sh/@aws-sdk/client-s3@3.637.0?bundle";
+
+const disableNetworkImports = Boolean(
+  globalThis?.__BITVID_DISABLE_NETWORK_IMPORTS__
+);
+
+let awsSdk = null;
+let awsSdkLoadError = null;
+let awsSdkLoadPromise = null;
+
+function assignAwsSdk(module) {
+  if (!module) {
+    return;
+  }
+
+  awsSdk = {
+    S3Client: module.S3Client,
+    CreateBucketCommand: module.CreateBucketCommand,
+    CreateMultipartUploadCommand: module.CreateMultipartUploadCommand,
+    UploadPartCommand: module.UploadPartCommand,
+    CompleteMultipartUploadCommand: module.CompleteMultipartUploadCommand,
+    AbortMultipartUploadCommand: module.AbortMultipartUploadCommand,
+    ListBucketsCommand: module.ListBucketsCommand,
+    HeadBucketCommand: module.HeadBucketCommand,
+    PutBucketCorsCommand: module.PutBucketCorsCommand,
+    DeleteObjectCommand: module.DeleteObjectCommand,
+    PutObjectCommand: module.PutObjectCommand,
+    GetObjectCommand: module.GetObjectCommand,
+  };
+}
+
+async function loadAwsSdkModule() {
+  if (awsSdk || awsSdkLoadError) {
+    return awsSdk;
+  }
+
+  if (!awsSdkLoadPromise) {
+    if (disableNetworkImports) {
+      awsSdkLoadError = new Error("S3 SDK network import has been disabled.");
+      return null;
+    }
+
+    awsSdkLoadPromise = import(AWS_SDK_SPECIFIER)
+      .then((module) => {
+        assignAwsSdk(module);
+        return awsSdk;
+      })
+      .catch((error) => {
+        awsSdkLoadError = error || new Error("Failed to load S3 SDK module");
+        throw awsSdkLoadError;
+      });
+  }
+
+  try {
+    return await awsSdkLoadPromise;
+  } catch (error) {
+    awsSdkLoadError = error;
+    throw error;
+  }
+}
+
+export function requireAwsSdk() {
+  if (awsSdk) {
+    return awsSdk;
+  }
+
+  if (awsSdkLoadError) {
+    throw awsSdkLoadError;
+  }
+
+  throw new Error("S3 SDK has not finished loading. Call ensureS3SdkLoaded() first.");
+}
+
+export function ensureS3SdkLoaded() {
+  return loadAwsSdkModule();
+}
+
+export function getS3SdkLoadError() {
+  return awsSdkLoadError;
+}
+
+export function isS3SdkAvailable() {
+  return Boolean(awsSdk);
+}
+
+export function makeS3Client({
+  endpoint,
+  region,
+  accessKeyId,
+  secretAccessKey,
+  forcePathStyle,
+}) {
+  if (!accessKeyId || !secretAccessKey) {
+    throw new Error("Missing S3 credentials");
+  }
+
+  const { S3Client } = requireAwsSdk();
+
+  return new S3Client({
+    region: region || "auto",
+    endpoint,
+    credentials: { accessKeyId, secretAccessKey },
+    forcePathStyle: Boolean(forcePathStyle),
+  });
+}
+
+if (!disableNetworkImports) {
+  // Begin loading immediately in environments that support network imports.
+  loadAwsSdkModule().catch(() => {
+    // Errors are captured for later inspection by getS3SdkLoadError().
+  });
+}
diff --git a/dist/js/storage/s3-multipart.js b/dist/js/storage/s3-multipart.js
new file mode 100644
index 00000000..b56656ce
--- /dev/null
+++ b/dist/js/storage/s3-multipart.js
@@ -0,0 +1,272 @@
+// js/storage/s3-multipart.js
+
+import { requireAwsSdk } from "./s3-client.js";
+import logger from "../utils/logger.js";
+
+const DEFAULT_CACHE_CONTROL = "public, max-age=3600";
+
+function normalizeRegion(region) {
+  if (!region) {
+    return "";
+  }
+  const trimmed = String(region).trim();
+  if (!trimmed || trimmed.toLowerCase() === "auto") {
+    return "";
+  }
+  return trimmed;
+}
+
+function getCreateBucketConfig(region) {
+  const normalized = normalizeRegion(region);
+  if (!normalized || normalized === "us-east-1") {
+    return {};
+  }
+  return {
+    CreateBucketConfiguration: {
+      LocationConstraint: normalized,
+    },
+  };
+}
+
+function computeCacheControl(key) {
+  if (!key) {
+    return DEFAULT_CACHE_CONTROL;
+  }
+
+  const lower = String(key).toLowerCase();
+  if (/(?:\.)(m3u8|mpd)$/.test(lower)) {
+    return "public, max-age=60, must-revalidate";
+  }
+
+  if (
+    /\.(m4s|ts|mp4|webm|mov|mkv|png|jpg|jpeg|gif|svg|vtt|srt|mpg|mpeg)$/.test(
+      lower
+    )
+  ) {
+    return "public, max-age=31536000, immutable";
+  }
+
+  return DEFAULT_CACHE_CONTROL;
+}
+
+export async function ensureBucketExists({ s3, bucket, region } = {}) {
+  if (!s3) {
+    throw new Error("S3 client is required to ensure buckets");
+  }
+  if (!bucket) {
+    throw new Error("Bucket name is required to ensure buckets");
+  }
+
+  const { CreateBucketCommand, HeadBucketCommand } = requireAwsSdk();
+
+  try {
+    await s3.send(new HeadBucketCommand({ Bucket: bucket }));
+    return;
+  } catch (error) {
+    const status = error?.$metadata?.httpStatusCode || 0;
+    const code = error?.name || error?.Code || "";
+    if (status !== 404 && code !== "NotFound" && code !== "NoSuchBucket") {
+      throw error;
+    }
+  }
+
+  try {
+    await s3.send(
+      new CreateBucketCommand({
+        Bucket: bucket,
+        ...getCreateBucketConfig(region),
+      })
+    );
+  } catch (error) {
+    const status = error?.$metadata?.httpStatusCode || 0;
+    const code = error?.name || error?.Code || "";
+    if (
+      status === 409 ||
+      code === "BucketAlreadyOwnedByYou" ||
+      code === "BucketAlreadyExists"
+    ) {
+      return;
+    }
+    throw error;
+  }
+}
+
+export async function ensureBucketCors({ s3, bucket, origins, region } = {}) {
+  if (!s3) {
+    throw new Error("S3 client is required to configure CORS");
+  }
+  if (!bucket) {
+    throw new Error("Bucket name is required to configure CORS");
+  }
+
+  const { PutBucketCorsCommand } = requireAwsSdk();
+
+  const allowedOrigins = (origins || []).filter(Boolean);
+  if (allowedOrigins.length === 0) {
+    return;
+  }
+
+  await ensureBucketExists({ s3, bucket, region });
+
+  const command = new PutBucketCorsCommand({
+    Bucket: bucket,
+    CORSConfiguration: {
+      CORSRules: [
+        {
+          AllowedHeaders: ["*"],
+          AllowedMethods: ["GET", "HEAD", "PUT", "POST", "DELETE", "OPTIONS"],
+          AllowedOrigins: allowedOrigins,
+          ExposeHeaders: [
+            "ETag",
+            "Content-Length",
+            "Content-Range",
+            "Accept-Ranges",
+          ],
+          MaxAgeSeconds: 3600,
+        },
+      ],
+    },
+  });
+
+  await s3.send(command);
+}
+
+export async function deleteObject({ s3, bucket, key } = {}) {
+  if (!s3 || !bucket || !key) {
+    throw new Error("Missing required parameters for deleteObject");
+  }
+
+  const { DeleteObjectCommand } = requireAwsSdk();
+
+  try {
+    await s3.send(
+      new DeleteObjectCommand({
+        Bucket: bucket,
+        Key: key,
+      })
+    );
+  } catch (error) {
+    // We treat 404 (NoSuchKey) as success since the object is gone.
+    const status = error?.$metadata?.httpStatusCode || 0;
+    const code = error?.name || error?.Code || "";
+    if (status !== 404 && code !== "NoSuchKey") {
+      throw error;
+    }
+  }
+}
+
+export async function multipartUpload({
+  s3,
+  bucket,
+  key,
+  file,
+  contentType,
+  onProgress,
+  createBucketIfMissing = false,
+  region,
+} = {}) {
+  if (!s3) {
+    throw new Error("S3 client is required");
+  }
+  if (!bucket) {
+    throw new Error("Bucket is required");
+  }
+  if (!key) {
+    throw new Error("Object key is required");
+  }
+  if (!file) {
+    throw new Error("File is required");
+  }
+
+  const {
+    CreateMultipartUploadCommand,
+    UploadPartCommand,
+    CompleteMultipartUploadCommand,
+    AbortMultipartUploadCommand,
+  } = requireAwsSdk();
+
+  if (createBucketIfMissing) {
+    try {
+      await ensureBucketExists({ s3, bucket, region });
+    } catch (error) {
+      logger.dev.warn(
+        "[S3 multipart] Bucket creation check failed, continuing anyway.",
+        error
+      );
+    }
+  }
+
+  logger.dev.debug("[S3 multipart] Starting multipart upload for:", key);
+
+  const createCommand = new CreateMultipartUploadCommand({
+    Bucket: bucket,
+    Key: key,
+    ContentType: contentType || file.type || "application/octet-stream",
+    CacheControl: computeCacheControl(key),
+  });
+
+  const { UploadId } = await s3.send(createCommand);
+
+  if (!UploadId) {
+    throw new Error("Failed to start multipart upload");
+  }
+
+  const MIN_PART = 5 * 1024 * 1024;
+  const maxParts = 10000;
+  const calculated = Math.ceil(file.size / maxParts);
+  const partSize = Math.max(MIN_PART, calculated);
+  const total = file.size;
+  const parts = [];
+  let uploadedBytes = 0;
+  let partNumber = 1;
+
+  if (typeof onProgress === "function") {
+    onProgress(0);
+  }
+
+  try {
+    while (uploadedBytes < total) {
+      const start = uploadedBytes;
+      const end = Math.min(start + partSize, total);
+      const chunk = file.slice(start, end);
+
+      const { ETag } = await s3.send(
+        new UploadPartCommand({
+          Bucket: bucket,
+          Key: key,
+          UploadId,
+          PartNumber: partNumber,
+          Body: chunk,
+        })
+      );
+
+      parts.push({ ETag, PartNumber: partNumber });
+      uploadedBytes = end;
+      partNumber += 1;
+
+      if (typeof onProgress === "function") {
+        onProgress(uploadedBytes / total);
+      }
+    }
+
+    await s3.send(
+      new CompleteMultipartUploadCommand({
+        Bucket: bucket,
+        Key: key,
+        UploadId,
+        MultipartUpload: { Parts: parts },
+      })
+    );
+  } catch (error) {
+    await s3
+      .send(
+        new AbortMultipartUploadCommand({
+          Bucket: bucket,
+          Key: key,
+          UploadId,
+        })
+      )
+      .catch(() => {});
+    throw error;
+  }
+}
diff --git a/dist/js/storage/s3-url.js b/dist/js/storage/s3-url.js
new file mode 100644
index 00000000..632117c6
--- /dev/null
+++ b/dist/js/storage/s3-url.js
@@ -0,0 +1,74 @@
+function normalizeEndpoint(endpoint) {
+  const trimmed = String(endpoint || "").trim();
+  if (!trimmed) {
+    return "";
+  }
+  if (/^https?:\/\//i.test(trimmed)) {
+    return trimmed.replace(/\/+$/, "");
+  }
+  return `https://${trimmed.replace(/\/+$/, "")}`;
+}
+
+function normalizeBucket(bucket) {
+  return String(bucket || "").trim();
+}
+
+function normalizeKey(key) {
+  return String(key || "").replace(/^\/+/, "").trim();
+}
+
+export function normalizeS3PublicBaseUrl(publicBaseUrl) {
+  const trimmed = String(publicBaseUrl || "").trim();
+  if (!trimmed) {
+    return "";
+  }
+  return trimmed.replace(/\/+$/, "");
+}
+
+export function buildS3PublicUrl({
+  endpoint,
+  bucket,
+  key,
+  forcePathStyle,
+} = {}) {
+  const normalizedEndpoint = normalizeEndpoint(endpoint);
+  const normalizedBucket = normalizeBucket(bucket);
+  const normalizedKey = normalizeKey(key);
+
+  if (!normalizedEndpoint || !normalizedBucket) {
+    return "";
+  }
+
+  const url = new URL(normalizedEndpoint);
+  url.hash = "";
+  url.search = "";
+
+  const basePath = url.pathname.replace(/\/+$/, "");
+  const prefix = basePath === "/" ? "" : basePath;
+
+  if (forcePathStyle) {
+    url.pathname = `${prefix}/${normalizedBucket}`;
+  } else if (!url.hostname.startsWith(`${normalizedBucket}.`)) {
+    url.hostname = `${normalizedBucket}.${url.hostname}`;
+  }
+
+  if (normalizedKey) {
+    const pathBase = url.pathname.replace(/\/+$/, "");
+    const pathPrefix = pathBase === "/" ? "" : pathBase;
+    url.pathname = `${pathPrefix}/${normalizedKey}`;
+  }
+
+  return url.toString().replace(/\/+$/, "");
+}
+
+export function buildS3UrlFromBase({ publicBaseUrl, key } = {}) {
+  const normalizedBase = normalizeS3PublicBaseUrl(publicBaseUrl);
+  const normalizedKey = normalizeKey(key);
+  if (!normalizedBase || !normalizedKey) {
+    return "";
+  }
+  const baseWithSlash = normalizedBase.endsWith("/")
+    ? normalizedBase
+    : `${normalizedBase}/`;
+  return new URL(normalizedKey, baseWithSlash).toString();
+}
diff --git a/dist/js/subscriptions.js b/dist/js/subscriptions.js
new file mode 100644
index 00000000..10c7a7ec
--- /dev/null
+++ b/dist/js/subscriptions.js
@@ -0,0 +1,2050 @@
+// js/subscriptions.js
+import {
+  getActiveSigner,
+  nostrClient,
+  requestDefaultExtensionPermissions,
+} from "./nostrClientFacade.js";
+import { convertEventToVideo as sharedConvertEventToVideo } from "./nostr/index.js";
+import { normalizeNostrPubkey, sanitizeRelayList } from "./nostr/nip46Client.js";
+import {
+  listVideoViewEvents,
+  subscribeVideoViewEvents,
+} from "./nostrViewEventsFacade.js";
+import { DEFAULT_RELAY_URLS } from "./nostr/toolkit.js";
+import { relayManager } from "./relayManager.js";
+import {
+  buildSubscriptionListEvent,
+  SUBSCRIPTION_LIST_IDENTIFIER,
+  getNostrEventSchema,
+  NOTE_TYPES,
+} from "./nostrEventSchemas.js";
+import { CACHE_POLICIES, STORAGE_TIERS } from "./nostr/cachePolicies.js";
+import { getSidebarLoadingMarkup } from "./sidebarLoading.js";
+import {
+  publishEventToRelays,
+  assertAnyRelayAccepted
+} from "./nostrPublish.js";
+import { getApplication } from "./applicationContext.js";
+import { VideoListView } from "./ui/views/VideoListView.js";
+import { ALLOW_NSFW_CONTENT } from "./config.js";
+import { devLogger, userLogger } from "./utils/logger.js";
+import moderationService from "./services/moderationService.js";
+import nostrService from "./services/nostrService.js";
+import { profileCache } from "./state/profileCache.js";
+import {
+  DEFAULT_NIP07_ENCRYPTION_METHODS,
+  runNip07WithRetry,
+  NIP07_PRIORITY,
+} from "./nostr/nip07Permissions.js";
+import { relaySubscriptionService } from "./services/relaySubscriptionService.js";
+
+const SUBSCRIPTION_SET_KIND =
+  getNostrEventSchema(NOTE_TYPES.SUBSCRIPTION_LIST)?.kind ?? 30000;
+const DECRYPT_TIMEOUT_MS = 15000;
+const DECRYPT_RETRY_DELAY_MS = 10000;
+
+function normalizeHexPubkey(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  const trimmed = value.trim();
+  return trimmed ? trimmed.toLowerCase() : "";
+}
+
+function normalizeEncryptionToken(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  return value
+    .trim()
+    .toLowerCase()
+    .replace(/[^a-z0-9]/g, "");
+}
+
+function extractEncryptionHints(event) {
+  if (!event || typeof event !== "object") {
+    return [];
+  }
+
+  const tags = Array.isArray(event.tags) ? event.tags : [];
+  const hints = [];
+
+  const pushUnique = (scheme) => {
+    if (!scheme || hints.includes(scheme)) {
+      return;
+    }
+    hints.push(scheme);
+  };
+
+  for (const tag of tags) {
+    if (!Array.isArray(tag) || tag.length < 2) {
+      continue;
+    }
+    const label = typeof tag[0] === "string" ? tag[0].trim().toLowerCase() : "";
+    if (label !== "encrypted" && label !== "encryption") {
+      continue;
+    }
+    const rawValue = typeof tag[1] === "string" ? tag[1] : "";
+    if (!rawValue) {
+      continue;
+    }
+    const parts = rawValue
+      .split(/[\s,]+/)
+      .map((part) => normalizeEncryptionToken(part))
+      .filter(Boolean);
+    for (const part of parts) {
+      if (part === "nip44v2" || part === "nip44v02") {
+        pushUnique("nip44_v2");
+        continue;
+      }
+      if (part === "nip44") {
+        pushUnique("nip44");
+        continue;
+      }
+      if (part === "nip04" || part === "nip4") {
+        pushUnique("nip04");
+      }
+    }
+  }
+
+  return hints;
+}
+
+function determineDecryptionOrder(event, availableSchemes) {
+  const available = Array.isArray(availableSchemes) ? availableSchemes : [];
+  const availableSet = new Set(available);
+  const prioritized = [];
+
+  const hints = extractEncryptionHints(event);
+  const aliasMap = {
+    nip04: ["nip04"],
+    nip44: ["nip44", "nip44_v2"],
+    nip44_v2: ["nip44_v2", "nip44"],
+  };
+
+  for (const hint of hints) {
+    const candidates = Array.isArray(aliasMap[hint]) ? aliasMap[hint] : [hint];
+    for (const candidate of candidates) {
+      if (availableSet.has(candidate) && !prioritized.includes(candidate)) {
+        prioritized.push(candidate);
+        break;
+      }
+    }
+  }
+
+  for (const fallback of ["nip44_v2", "nip44", "nip04"]) {
+    if (availableSet.has(fallback) && !prioritized.includes(fallback)) {
+      prioritized.push(fallback);
+    }
+  }
+
+  return prioritized.length ? prioritized : available;
+}
+
+function serializeSubscriptionTagMatrix(values) {
+  const tags = [];
+  const seen = new Set();
+  if (!values) {
+    return JSON.stringify(tags);
+  }
+  const iterable = Array.isArray(values)
+    ? values
+    : values instanceof Set
+    ? Array.from(values)
+    : [];
+  for (const candidate of iterable) {
+    const normalized = normalizeHexPubkey(candidate);
+    if (!normalized || seen.has(normalized)) {
+      continue;
+    }
+    seen.add(normalized);
+    tags.push(["p", normalized]);
+  }
+  return JSON.stringify(tags);
+}
+
+function parseSubscriptionPlaintext(plaintext) {
+  if (typeof plaintext !== "string" || !plaintext) {
+    return [];
+  }
+
+  let parsed;
+  try {
+    parsed = JSON.parse(plaintext);
+  } catch (error) {
+    devLogger.warn(
+      "[SubscriptionsManager] Failed to parse subscription ciphertext as JSON; treating as empty.",
+      error,
+    );
+    return [];
+  }
+
+  if (Array.isArray(parsed)) {
+    const collected = [];
+    const seen = new Set();
+    for (const entry of parsed) {
+      if (!Array.isArray(entry) || entry.length < 2) {
+        continue;
+      }
+      const marker = typeof entry[0] === "string" ? entry[0].trim().toLowerCase() : "";
+      if (marker !== "p") {
+        continue;
+      }
+      const normalized = normalizeHexPubkey(entry[1]);
+      if (!normalized || seen.has(normalized)) {
+        continue;
+      }
+      seen.add(normalized);
+      collected.push(normalized);
+    }
+    return collected;
+  }
+
+  if (parsed && typeof parsed === "object") {
+    const tagArray = Array.isArray(parsed.tags) ? parsed.tags : [];
+    if (tagArray.length) {
+      try {
+        return parseSubscriptionPlaintext(JSON.stringify(tagArray));
+      } catch {
+        // fall through to legacy handling
+      }
+    }
+
+    const legacy = Array.isArray(parsed.subPubkeys) ? parsed.subPubkeys : [];
+    return legacy.map((value) => normalizeHexPubkey(value)).filter(Boolean);
+  }
+
+  return [];
+}
+
+function parseCachedSubscriptionSnapshot(cached) {
+  if (Array.isArray(cached)) {
+    const normalized = cached.map((value) => normalizeHexPubkey(value)).filter(Boolean);
+    return {
+      subscribedPubkeys: normalized,
+      eventId: null,
+      createdAt: null,
+      hasSnapshot: true,
+    };
+  }
+
+  if (cached && typeof cached === "object") {
+    const listCandidate = Array.isArray(cached.subscribedPubkeys)
+      ? cached.subscribedPubkeys
+      : Array.isArray(cached.subPubkeys)
+        ? cached.subPubkeys
+        : [];
+    const normalized = listCandidate
+      .map((value) => normalizeHexPubkey(value))
+      .filter(Boolean);
+    const eventId = typeof cached.eventId === "string" ? cached.eventId : null;
+    const createdAtRaw = cached.createdAt;
+    const createdAtCandidate =
+      typeof createdAtRaw === "number"
+        ? createdAtRaw
+        : typeof createdAtRaw === "string" && createdAtRaw.trim()
+          ? Number(createdAtRaw)
+          : Number.NaN;
+    const createdAt = Number.isFinite(createdAtCandidate)
+      ? Math.floor(createdAtCandidate)
+      : null;
+    const hasSnapshot =
+      Array.isArray(cached.subscribedPubkeys) ||
+      Array.isArray(cached.subPubkeys) ||
+      Boolean(eventId) ||
+      Number.isFinite(createdAtCandidate);
+    return {
+      subscribedPubkeys: normalized,
+      eventId,
+      createdAt,
+      hasSnapshot,
+    };
+  }
+
+  return {
+    subscribedPubkeys: [],
+    eventId: null,
+    createdAt: null,
+    hasSnapshot: false,
+  };
+}
+
+const getApp = () => getApplication();
+
+const listVideoViewEventsApi = (pointer, options) =>
+  listVideoViewEvents(nostrClient, pointer, options);
+const subscribeVideoViewEventsApi = (pointer, options) =>
+  subscribeVideoViewEvents(nostrClient, pointer, options);
+
+class TinyEventEmitter {
+  constructor() {
+    this.listeners = new Map();
+  }
+
+  on(eventName, handler) {
+    if (typeof eventName !== "string" || typeof handler !== "function") {
+      return () => {};
+    }
+
+    if (!this.listeners.has(eventName)) {
+      this.listeners.set(eventName, new Set());
+    }
+
+    const handlers = this.listeners.get(eventName);
+    handlers.add(handler);
+
+    return () => {
+      handlers.delete(handler);
+      if (!handlers.size) {
+        this.listeners.delete(eventName);
+      }
+    };
+  }
+
+  emit(eventName, detail) {
+    const handlers = this.listeners.get(eventName);
+    if (!handlers || !handlers.size) {
+      return;
+    }
+
+    for (const handler of Array.from(handlers)) {
+      try {
+        handler(detail);
+      } catch (error) {
+        userLogger.warn(
+          `[SubscriptionsManager] listener for "${eventName}" threw an error`,
+          error,
+        );
+      }
+    }
+  }
+}
+
+/**
+ * Manages the user's subscription list (kind=30000 follow set) *privately*,
+ * using encrypted NIP-51 tag arrays (NIP-04/NIP-44) for the content field.
+ * Also handles fetching and rendering subscribed channels' videos
+ * in the same card style as your home page.
+ */
+class SubscriptionsManager {
+  constructor() {
+    this.subscribedPubkeys = new Set();
+    this.subsEventId = null;
+    this.subsEventCreatedAt = null;
+    this.currentUserPubkey = null;
+    this.loaded = false;
+    this.loadingPromise = null;
+    this.backgroundLoading = false;
+    this.subscriptionListView = null;
+    this.lastRunOptions = null;
+    this.lastResult = null;
+    this.lastContainerId = null;
+    this.lastLoadError = null;
+    this.unsubscribeFromNostrUpdates = null;
+    this.pendingRefreshPromise = null;
+    this.scheduledRefreshDetail = null;
+    this.isRunningFeed = false;
+    this.hasRenderedOnce = false;
+    this.emitter = new TinyEventEmitter();
+    this.decryptRetryTimeoutId = null;
+    this.ensureNostrServiceListener();
+    this.subscriptionKey = null;
+
+    profileCache.subscribe((event, detail) => {
+      if (event === "profileChanged") {
+        this.reset();
+        // Optionally reload immediately if we have a pubkey?
+        // Usually UI triggers reload via showSubscriptionVideos
+      } else if (event === "runtimeCleared" && detail.pubkey === this.currentUserPubkey) {
+        this.reset();
+        if (this.currentUserPubkey) {
+          this.loadSubscriptions(this.currentUserPubkey, {
+            allowPermissionPrompt: false,
+          });
+        }
+      }
+    });
+  }
+
+  /**
+   * Decrypt the subscription list from kind=30000 (d="subscriptions").
+   */
+  async loadSubscriptions(userPubkey, options = {}) {
+    if (!userPubkey) {
+      userLogger.warn("[SubscriptionsManager] No pubkey => cannot load subs.");
+      return;
+    }
+
+    const allowPermissionPrompt = options?.allowPermissionPrompt !== false;
+    const normalizedUserPubkey = normalizeHexPubkey(userPubkey) || userPubkey;
+
+    // 1. Attempt to load from cache first
+    const cached = profileCache.getProfileData(normalizedUserPubkey, "subscriptions");
+    const cachedSnapshot = parseCachedSubscriptionSnapshot(cached);
+    if (cachedSnapshot.hasSnapshot) {
+      devLogger.log("[SubscriptionsManager] Loaded subscriptions from cache.");
+      this.subscribedPubkeys = new Set(cachedSnapshot.subscribedPubkeys);
+      this.subsEventId = cachedSnapshot.eventId;
+      this.subsEventCreatedAt = cachedSnapshot.createdAt;
+      this.currentUserPubkey = normalizedUserPubkey;
+      this.loaded = true;
+
+      // Trigger background update
+      if (!allowPermissionPrompt && !this.backgroundLoading) {
+        this.backgroundLoading = true;
+        this.emitter.emit("change", {
+          action: "background-loading",
+          subscribedPubkeys: Array.from(this.subscribedPubkeys),
+          background: true,
+        });
+      } else if (allowPermissionPrompt) {
+        this.backgroundLoading = false;
+      }
+
+      this.updateFromRelays(userPubkey, { allowPermissionPrompt }).catch((err) => {
+        devLogger.warn("[SubscriptionsManager] Background update failed:", err);
+      });
+      return;
+    }
+
+    // 2. If no cache, must wait for relays
+    await this.updateFromRelays(userPubkey, { allowPermissionPrompt });
+  }
+
+  saveToCache(userPubkey) {
+    // We assume userPubkey matches active profile, enforced by profileCache
+    profileCache.set("subscriptions", {
+      subscribedPubkeys: Array.from(this.subscribedPubkeys),
+      eventId: this.subsEventId,
+      createdAt: this.subsEventCreatedAt,
+    });
+  }
+
+  on(eventName, handler) {
+    return this.emitter.on(eventName, handler);
+  }
+
+  scheduleDecryptRetry(userPubkey, error, options = {}) {
+    const normalized = normalizeHexPubkey(userPubkey) || userPubkey;
+    if (!normalized) {
+      return;
+    }
+    if (this.decryptRetryTimeoutId) {
+      clearTimeout(this.decryptRetryTimeoutId);
+    }
+    this.decryptRetryTimeoutId = setTimeout(() => {
+      this.decryptRetryTimeoutId = null;
+      if (this.currentUserPubkey && this.currentUserPubkey !== normalized) {
+        return;
+      }
+      this.updateFromRelays(normalized, options).catch((retryError) => {
+        userLogger.warn("[SubscriptionsManager] Decryption retry failed:", retryError);
+      });
+    }, DECRYPT_RETRY_DELAY_MS);
+    devLogger.log(
+      `[SubscriptionsManager] Decryption timed out; scheduling retry in ${DECRYPT_RETRY_DELAY_MS / 1000}s.`,
+      error,
+    );
+  }
+
+  async updateFromRelays(userPubkey, options = {}) {
+    if (!userPubkey) return;
+
+    try {
+      const allowPermissionPrompt = options?.allowPermissionPrompt !== false;
+      const wasBackgroundLoading = this.backgroundLoading;
+      const normalizedUserPubkey = normalizeHexPubkey(userPubkey) || userPubkey;
+      this.lastLoadError = null;
+
+      const readRelays = relayManager.getReadRelayUrls();
+      const relayUrls = readRelays.length > 0 ? readRelays : Array.from(DEFAULT_RELAY_URLS);
+      if (!relayUrls.length) {
+        devLogger.warn(
+          "[SubscriptionsManager] No relay URLs available while loading subscriptions.",
+        );
+        if (wasBackgroundLoading) {
+          this.backgroundLoading = false;
+          this.emitter.emit("change", {
+            action: "background-loaded",
+            subscribedPubkeys: Array.from(this.subscribedPubkeys),
+          });
+        }
+        return;
+      }
+      if (!nostrClient?.pool && typeof nostrClient?.ensurePool === "function") {
+        try {
+          await nostrClient.ensurePool();
+        } catch (error) {
+          devLogger.warn(
+            "[SubscriptionsManager] Failed to initialize relay pool for subscription",
+            error,
+          );
+        }
+      }
+      this.ensureSubscriptionListSubscription(normalizedUserPubkey, relayUrls);
+
+      // Use incremental fetch helper
+      const cachedSnapshot = parseCachedSubscriptionSnapshot(
+        profileCache.getProfileData(normalizedUserPubkey, "subscriptions"),
+      );
+      const shouldForceFullFetch = !cachedSnapshot.hasSnapshot;
+      let events = await nostrClient.fetchListIncrementally({
+        kind: SUBSCRIPTION_SET_KIND,
+        pubkey: normalizedUserPubkey,
+        dTag: SUBSCRIPTION_LIST_IDENTIFIER,
+        relayUrls,
+        since: shouldForceFullFetch ? 0 : (cachedSnapshot.createdAt || 0),
+        timeoutMs: 12000,
+      });
+
+      const normalizedSessionActorPubkey = normalizeNostrPubkey(
+        nostrClient?.sessionActor?.pubkey,
+      );
+      const shouldFetchSessionActor =
+        normalizedSessionActorPubkey &&
+        normalizedSessionActorPubkey !== normalizedUserPubkey;
+      if (shouldFetchSessionActor) {
+        const sessionCachedSnapshot = parseCachedSubscriptionSnapshot(
+          profileCache.getProfileData(
+            normalizedSessionActorPubkey,
+            "subscriptions",
+          ),
+        );
+        const shouldForceSessionFetch = !sessionCachedSnapshot.hasSnapshot;
+        const sessionEvents = await nostrClient.fetchListIncrementally({
+          kind: SUBSCRIPTION_SET_KIND,
+          pubkey: normalizedSessionActorPubkey,
+          dTag: SUBSCRIPTION_LIST_IDENTIFIER,
+          relayUrls,
+          since: shouldForceSessionFetch ? 0 : (sessionCachedSnapshot.createdAt || 0),
+          timeoutMs: 12000,
+        });
+        if (sessionEvents.length) {
+          events = events.concat(sessionEvents);
+        }
+      }
+
+      const mergedEvents = [];
+      if (events.length) {
+        const deduped = new Map();
+        for (const event of events) {
+          if (!event || typeof event !== "object" || !event.id) {
+            continue;
+          }
+          const existing = deduped.get(event.id);
+          if (!existing || (event.created_at ?? 0) > (existing.created_at ?? 0)) {
+            deduped.set(event.id, event);
+          }
+        }
+        mergedEvents.push(...deduped.values());
+      }
+
+      if (!mergedEvents.length) {
+        if (!this.loaded) {
+          // If we have nothing loaded and found nothing, maybe user has no list.
+          // But we shouldn't wipe blindly if incremental fetch just returned no *new* events.
+          // Wait, fetchListIncrementally returns *events found*.
+          // If it performed incremental fetch and found nothing, it returns [].
+          // If it performed full fetch and found nothing, it returns [].
+
+          // We need to differentiate "no updates" vs "empty list".
+          // If we have cached data, we keep it.
+          // If we have NO cached data (this.loaded = false), and we get [], we assume empty list.
+          this.subscribedPubkeys.clear();
+          this.subsEventId = null;
+          this.subsEventCreatedAt = null;
+          this.loaded = true;
+        } else {
+           // We have data loaded, and relays returned nothing.
+           // This means no updates. We keep what we have.
+           devLogger.log("[SubscriptionsManager] No updates from relays.");
+        }
+        if (wasBackgroundLoading) {
+          this.backgroundLoading = false;
+          this.emitter.emit("change", {
+            action: "background-loaded",
+            subscribedPubkeys: Array.from(this.subscribedPubkeys),
+          });
+        }
+        return;
+      }
+
+      // Sort by created_at desc, pick newest
+      mergedEvents.sort((a, b) => b.created_at - a.created_at);
+      const newest = mergedEvents[0];
+
+      // Any event returned here is effectively "new information" (or re-fetched full state).
+      // fetchListIncrementally already handles the "newer than last sync" logic per relay,
+      // and we persist event metadata for additional cache context.
+
+      this.subsEventId = newest.id;
+      this.subsEventCreatedAt = Number.isFinite(newest.created_at)
+        ? newest.created_at
+        : null;
+
+      let decryptResult;
+      try {
+        const decryptPromise = this.decryptSubscriptionEvent(newest, userPubkey, {
+          allowPermissionPrompt,
+        });
+        const timeoutPromise = new Promise((_, reject) =>
+          setTimeout(
+            () => {
+              const timeoutError = new Error(
+                `Decryption timed out after ${DECRYPT_TIMEOUT_MS / 1000}s`,
+              );
+              timeoutError.code = "subscriptions-decrypt-timeout";
+              reject(timeoutError);
+            },
+            DECRYPT_TIMEOUT_MS,
+          ),
+        );
+        decryptResult = await Promise.race([decryptPromise, timeoutPromise]);
+      } catch (error) {
+        decryptResult = { ok: false, error };
+      }
+
+      if (!decryptResult.ok) {
+        this.lastLoadError = decryptResult.error || null;
+        if (decryptResult.error?.code === "subscriptions-decrypt-timeout") {
+          if (!this.loaded && !cachedSnapshot.hasSnapshot) {
+            this.loaded = true;
+          }
+          this.scheduleDecryptRetry(normalizedUserPubkey, decryptResult.error, {
+            allowPermissionPrompt,
+          });
+          return;
+        }
+        if (
+          !allowPermissionPrompt &&
+          decryptResult.error?.code === "subscriptions-permission-required"
+        ) {
+          return;
+        }
+        userLogger.error(
+          "[SubscriptionsManager] Failed to decrypt subscription list:",
+          decryptResult.error,
+        );
+        if (wasBackgroundLoading) {
+          this.backgroundLoading = false;
+          this.emitter.emit("change", {
+            action: "background-loaded",
+            subscribedPubkeys: Array.from(this.subscribedPubkeys),
+          });
+        }
+        if (!this.loaded) {
+          this.subscribedPubkeys.clear();
+          this.subsEventId = null;
+          this.subsEventCreatedAt = null;
+          this.loaded = true;
+        }
+        return;
+      }
+
+      const decryptedStr = decryptResult.plaintext;
+      const normalized = parseSubscriptionPlaintext(decryptedStr);
+
+      const newSet = new Set(normalized);
+      const previousSet = this.subscribedPubkeys;
+
+      // Update state
+      this.subscribedPubkeys = newSet;
+      this.currentUserPubkey = normalizedUserPubkey;
+      this.loaded = true;
+      if (wasBackgroundLoading) {
+        this.backgroundLoading = false;
+      }
+
+      // Update persistent cache
+      this.saveToCache(normalizedUserPubkey);
+
+      // Check if we need to refresh the feed
+      let changed = newSet.size !== previousSet.size;
+      if (!changed) {
+        for (const key of newSet) {
+          if (!previousSet.has(key)) {
+            changed = true;
+            break;
+          }
+        }
+      }
+
+      if (changed) {
+        this.emitter.emit("change", {
+          action: "sync",
+          subscribedPubkeys: Array.from(this.subscribedPubkeys),
+        });
+        devLogger.log("[SubscriptionsManager] Subscription list updated from relays, refreshing feed.");
+        this.refreshActiveFeed({ reason: "subscription-update-background" }).catch((error) => {
+          userLogger.warn(
+            "[SubscriptionsManager] Failed to refresh after background subscription update:",
+            error
+          );
+        });
+      } else if (wasBackgroundLoading) {
+        this.emitter.emit("change", {
+          action: "background-loaded",
+          subscribedPubkeys: Array.from(this.subscribedPubkeys),
+        });
+      }
+
+    } catch (err) {
+      this.lastLoadError = err || null;
+      userLogger.error("[SubscriptionsManager] Failed to update subs from relays:", err);
+    }
+  }
+
+  reset() {
+    this.stopSubscriptionListSubscription();
+    this.subscribedPubkeys.clear();
+    this.subsEventId = null;
+    this.subsEventCreatedAt = null;
+    this.currentUserPubkey = null;
+    this.loaded = false;
+    this.backgroundLoading = false;
+    this.lastRunOptions = null;
+    this.lastResult = null;
+    this.hasRenderedOnce = false;
+    this.lastLoadError = null;
+    if (this.decryptRetryTimeoutId) {
+      clearTimeout(this.decryptRetryTimeoutId);
+      this.decryptRetryTimeoutId = null;
+    }
+    this.emitter.emit("change", { action: "reset", subscribedPubkeys: [] });
+  }
+
+  stopSubscriptionListSubscription() {
+    if (this.subscriptionKey) {
+      relaySubscriptionService.stopSubscription(this.subscriptionKey, "reset");
+      this.subscriptionKey = null;
+    }
+  }
+
+  ensureSubscriptionListSubscription(userPubkey, relays) {
+    const normalized = normalizeHexPubkey(userPubkey);
+    if (!normalized || !nostrClient?.pool) {
+      return null;
+    }
+
+    const key = `subscriptions:${normalized}`;
+    this.subscriptionKey = key;
+
+    const filters = [
+      {
+        kinds: [SUBSCRIPTION_SET_KIND],
+        authors: [normalized],
+        "#d": [SUBSCRIPTION_LIST_IDENTIFIER],
+      },
+    ];
+
+    return relaySubscriptionService.ensureSubscription({
+      key,
+      pool: nostrClient.pool,
+      relays,
+      filters,
+      label: "subscription-list",
+      onEvent: (event) => this.handleSubscriptionListEvent(event),
+    });
+  }
+
+  handleSubscriptionListEvent(event) {
+    const normalized = normalizeHexPubkey(event?.pubkey);
+    if (!normalized || normalized !== this.currentUserPubkey) {
+      return;
+    }
+
+    this.updateFromRelays(normalized, { allowPermissionPrompt: false })
+      .catch((error) => {
+        devLogger.warn(
+          "[SubscriptionsManager] Failed to refresh after subscription list event",
+          error,
+        );
+      });
+  }
+
+  async ensureLoaded(actorHex, options = {}) {
+    devLogger.log("[SubscriptionsManager] ensureLoaded start", actorHex);
+    const normalizedActor = normalizeHexPubkey(actorHex) || actorHex;
+    if (!normalizedActor) {
+      return;
+    }
+
+    if (this.loaded && this.currentUserPubkey === normalizedActor) {
+      devLogger.log("[SubscriptionsManager] ensureLoaded already loaded");
+      return;
+    }
+
+    if (this.loadingPromise) {
+      try {
+        devLogger.log("[SubscriptionsManager] ensureLoaded awaiting existing promise");
+        await this.loadingPromise;
+      } catch (error) {
+        throw error;
+      }
+      return;
+    }
+
+    const loader = this.loadSubscriptions(normalizedActor, options);
+    this.loadingPromise = loader;
+
+    try {
+      // Race against a timeout so the UI doesn't hang indefinitely if relays stall.
+      const timeoutMs = 6000;
+      await Promise.race([
+        loader,
+        new Promise((_, reject) =>
+          setTimeout(
+            () => reject(new Error("Timeout loading subscriptions")),
+            timeoutMs
+          )
+        ),
+      ]);
+      devLogger.log("[SubscriptionsManager] ensureLoaded success");
+    } catch (error) {
+      userLogger.warn("[SubscriptionsManager] ensureLoaded timed out or failed:", error);
+    } finally {
+      this.loadingPromise = null;
+    }
+  }
+
+  isSubscribed(channelHex) {
+    const normalized = normalizeHexPubkey(channelHex);
+    if (!normalized) {
+      return false;
+    }
+    return this.subscribedPubkeys.has(normalized);
+  }
+
+  async toggleChannel(channelHex, userPubkey) {
+    if (!userPubkey) {
+      throw new Error("No user pubkey => cannot toggleChannel.");
+    }
+    await this.ensureLoaded(userPubkey);
+    const isSubscribed = this.isSubscribed(channelHex) === true;
+    try {
+      if (isSubscribed) {
+        await this.removeChannel(channelHex, userPubkey);
+      } else {
+        await this.addChannel(channelHex, userPubkey);
+      }
+      return { ok: true, subscribed: !isSubscribed };
+    } catch (error) {
+      userLogger.error("[SubscriptionsManager] Failed to toggle subscription:", error);
+      throw error;
+    }
+  }
+
+  getSubscribedAuthors() {
+    return Array.from(this.subscribedPubkeys);
+  }
+
+  async decryptSubscriptionEvent(event, userPubkey, options = {}) {
+    const ciphertext = typeof event?.content === "string" ? event.content : "";
+    if (!ciphertext) {
+      const error = new Error("Subscription event is missing ciphertext content.");
+      error.code = "subscriptions-empty-ciphertext";
+      return { ok: false, error };
+    }
+
+    const allowPermissionPrompt = options?.allowPermissionPrompt !== false;
+    const hints = extractEncryptionHints(event);
+    const requiresNip44 = hints.includes("nip44") || hints.includes("nip44_v2");
+    const requiresNip04 = !hints.length || hints.includes("nip04") || !requiresNip44;
+
+    const signerHasRequiredDecryptors = (candidate) => {
+      const hasNip04 = typeof candidate?.nip04Decrypt === "function";
+      const hasNip44 = typeof candidate?.nip44Decrypt === "function";
+      return (!requiresNip44 || hasNip44) && (!requiresNip04 || hasNip04);
+    };
+
+    let signer = getActiveSigner();
+    if (
+      !signer ||
+      (!signerHasRequiredDecryptors(signer) &&
+        typeof nostrClient?.ensureActiveSignerForPubkey === "function" &&
+        allowPermissionPrompt)
+    ) {
+      signer = await nostrClient.ensureActiveSignerForPubkey(userPubkey);
+    }
+
+    const signerHasNip04 = typeof signer?.nip04Decrypt === "function";
+    const signerHasNip44 = typeof signer?.nip44Decrypt === "function";
+
+    const nostrApi = allowPermissionPrompt
+      ? typeof window !== "undefined"
+        ? window?.nostr
+        : null
+      : null;
+    const windowHasNip04 = typeof nostrApi?.nip04?.decrypt === "function";
+    const windowHasNip44 =
+      (nostrApi?.nip44 && typeof nostrApi.nip44.decrypt === "function") ||
+      (nostrApi?.nip44?.v2 && typeof nostrApi.nip44.v2.decrypt === "function");
+
+    if (
+      (!signerHasNip44 && !windowHasNip44 && requiresNip44) ||
+      (!signerHasNip04 && !windowHasNip04 && requiresNip04)
+    ) {
+      if (!allowPermissionPrompt) {
+        const error = new Error(
+          "Decrypt permissions are required to read subscriptions."
+        );
+        error.code = "subscriptions-permission-required";
+        return { ok: false, error };
+      }
+      try {
+        const permissionResult = await requestDefaultExtensionPermissions(
+          DEFAULT_NIP07_ENCRYPTION_METHODS,
+        );
+        if (!permissionResult?.ok) {
+          const error =
+            permissionResult?.error instanceof Error
+              ? permissionResult.error
+              : new Error(
+                  "Extension permissions denied while decrypting subscriptions."
+                );
+          error.code = "nostr-permission-denied";
+          return { ok: false, error };
+        }
+      } catch (error) {
+        const wrapped = error instanceof Error ? error : new Error(String(error));
+        wrapped.code = "nostr-permission-error";
+        return { ok: false, error: wrapped };
+      }
+    }
+
+    const decryptors = new Map();
+    const registerDecryptor = (scheme, handler) => {
+      if (!scheme || typeof handler !== "function" || decryptors.has(scheme)) {
+        return;
+      }
+      decryptors.set(scheme, handler);
+    };
+
+    if (signerHasNip44) {
+      registerDecryptor("nip44", (payload) =>
+        signer.nip44Decrypt(userPubkey, payload, {
+          priority: NIP07_PRIORITY.HIGH,
+        }),
+      );
+      registerDecryptor("nip44_v2", (payload) =>
+        signer.nip44Decrypt(userPubkey, payload, {
+          priority: NIP07_PRIORITY.HIGH,
+        }),
+      );
+    }
+
+    if (signerHasNip04) {
+      registerDecryptor("nip04", (payload) =>
+        signer.nip04Decrypt(userPubkey, payload, {
+          priority: NIP07_PRIORITY.HIGH,
+        }),
+      );
+    }
+
+    if (nostrApi) {
+      const decrypterOptions = {
+        priority: NIP07_PRIORITY.HIGH,
+        timeoutMs: 12000,
+        retryMultiplier: 1,
+      };
+
+      if (typeof nostrApi.nip04?.decrypt === "function") {
+        registerDecryptor("nip04", (payload) =>
+          runNip07WithRetry(
+            () => nostrApi.nip04.decrypt(userPubkey, payload),
+            {
+              label: "nip04.decrypt",
+              ...decrypterOptions,
+            },
+          ),
+        );
+      }
+
+      const nip44 =
+        nostrApi.nip44 && typeof nostrApi.nip44 === "object"
+          ? nostrApi.nip44
+          : null;
+      if (nip44) {
+        if (typeof nip44.decrypt === "function") {
+          registerDecryptor("nip44", (payload) =>
+            runNip07WithRetry(
+              () => nip44.decrypt(userPubkey, payload),
+              {
+                label: "nip44.decrypt",
+                ...decrypterOptions,
+              },
+            ),
+          );
+        }
+
+        const nip44v2 =
+          nip44.v2 && typeof nip44.v2 === "object" ? nip44.v2 : null;
+        if (nip44v2 && typeof nip44v2.decrypt === "function") {
+          registerDecryptor("nip44_v2", (payload) =>
+            runNip07WithRetry(
+              () => nip44v2.decrypt(userPubkey, payload),
+              {
+                label: "nip44.v2.decrypt",
+                ...decrypterOptions,
+              },
+            ),
+          );
+          if (!decryptors.has("nip44")) {
+            registerDecryptor("nip44", (payload) =>
+              runNip07WithRetry(
+                () => nip44v2.decrypt(userPubkey, payload),
+                {
+                  label: "nip44.v2.decrypt",
+                  ...decrypterOptions,
+                },
+              ),
+            );
+          }
+        }
+      }
+    }
+
+    if (!decryptors.size) {
+      const error = new Error(
+        "No active signer or extension decryptors are available for subscriptions."
+      );
+      error.code = "nostr-extension-missing";
+      return { ok: false, error };
+    }
+
+    const availableSchemes = Array.from(decryptors.keys());
+    const order = determineDecryptionOrder(event, availableSchemes);
+    const attemptErrors = [];
+
+    for (const scheme of order) {
+      const decryptFn = decryptors.get(scheme);
+      if (!decryptFn) {
+        continue;
+      }
+      try {
+        const plaintext = await decryptFn(ciphertext);
+        if (typeof plaintext !== "string") {
+          const error = new Error("Decryption returned a non-string payload.");
+          error.code = "subscriptions-invalid-plaintext";
+          attemptErrors.push({ scheme, error });
+          continue;
+        }
+        return { ok: true, plaintext, scheme };
+      } catch (error) {
+        attemptErrors.push({ scheme, error });
+      }
+    }
+
+    const error = new Error("Failed to decrypt subscription list with available schemes.");
+    error.code = "subscriptions-decrypt-failed";
+    if (attemptErrors.length) {
+      error.cause = attemptErrors;
+    }
+    return { ok: false, error, errors: attemptErrors };
+  }
+
+  async addChannel(channelHex, userPubkey) {
+    const normalizedChannel = normalizeHexPubkey(channelHex);
+    if (!userPubkey) {
+      throw new Error("No user pubkey => cannot addChannel.");
+    }
+    await this.ensureLoaded(userPubkey);
+    if (!normalizedChannel) {
+      devLogger.warn("Attempted to subscribe to invalid pubkey", channelHex);
+      return;
+    }
+    if (this.subscribedPubkeys.has(normalizedChannel)) {
+      devLogger.log("Already subscribed to", channelHex);
+      return;
+    }
+    this.subscribedPubkeys.add(normalizedChannel);
+    this.saveToCache(userPubkey);
+    this.emitter.emit("change", {
+      action: "add",
+      channel: normalizedChannel,
+      subscribedPubkeys: Array.from(this.subscribedPubkeys),
+    });
+    await this.publishSubscriptionList(userPubkey);
+    this.refreshActiveFeed({ reason: "subscription-update" }).catch((error) => {
+      userLogger.warn(
+        "[SubscriptionsManager] Failed to refresh after adding subscription:",
+        error
+      );
+    });
+  }
+
+  async removeChannel(channelHex, userPubkey) {
+    const normalizedChannel = normalizeHexPubkey(channelHex);
+    if (!userPubkey) {
+      throw new Error("No user pubkey => cannot removeChannel.");
+    }
+    await this.ensureLoaded(userPubkey);
+    if (!normalizedChannel) {
+      devLogger.warn("Attempted to remove invalid pubkey from subscriptions", channelHex);
+      return;
+    }
+    if (!this.subscribedPubkeys.has(normalizedChannel)) {
+      devLogger.log("Channel not found in subscription list:", channelHex);
+      return;
+    }
+    this.subscribedPubkeys.delete(normalizedChannel);
+    this.saveToCache(userPubkey);
+    this.emitter.emit("change", {
+      action: "remove",
+      channel: normalizedChannel,
+      subscribedPubkeys: Array.from(this.subscribedPubkeys),
+    });
+    await this.publishSubscriptionList(userPubkey);
+    this.refreshActiveFeed({ reason: "subscription-update" }).catch((error) => {
+      userLogger.warn(
+        "[SubscriptionsManager] Failed to refresh after removing subscription:",
+        error
+      );
+    });
+  }
+
+  /**
+   * Encrypt (NIP-04) + publish the updated subscription set
+   * as kind=30000 with ["d", "subscriptions"] to be replaceable.
+   */
+  async publishSubscriptionList(userPubkey) {
+    if (!userPubkey) {
+      throw new Error("No pubkey => cannot publish subscription list.");
+    }
+
+    let signer = getActiveSigner();
+    if (!signer) {
+      signer = await nostrClient.ensureActiveSignerForPubkey(userPubkey);
+    }
+
+    const canSign = typeof signer?.canSign === "function"
+      ? signer.canSign()
+      : typeof signer?.signEvent === "function";
+    if (!canSign) {
+      const error = new Error(
+        "An active signer is required to update subscriptions."
+      );
+      error.code = "signer-missing";
+      throw error;
+    }
+
+    if (signer.type === "extension") {
+      const permissionResult = await requestDefaultExtensionPermissions(
+        DEFAULT_NIP07_ENCRYPTION_METHODS,
+      );
+      if (!permissionResult.ok) {
+        userLogger.warn(
+          "[SubscriptionsManager] Signer permissions denied while updating subscriptions.",
+          permissionResult.error,
+        );
+        const error = new Error(
+          "The active signer must allow encryption and signing before updating subscriptions.",
+        );
+        error.code = "extension-permission-denied";
+        error.cause = permissionResult.error;
+        throw error;
+      }
+    }
+
+    if (typeof signer.signEvent !== "function") {
+      const error = new Error("Active signer missing signEvent support.");
+      error.code = "sign-event-missing";
+      throw error;
+    }
+
+    const plainStr = serializeSubscriptionTagMatrix(this.subscribedPubkeys);
+
+    const encryptors = [];
+    const registerEncryptor = (scheme, handler) => {
+      if (!scheme || typeof handler !== "function") {
+        return;
+      }
+      encryptors.push({ scheme, handler });
+    };
+
+    if (typeof signer.nip44Encrypt === "function") {
+      registerEncryptor("nip44_v2", (value) => signer.nip44Encrypt(userPubkey, value));
+      registerEncryptor("nip44", (value) => signer.nip44Encrypt(userPubkey, value));
+    }
+
+    if (typeof signer.nip04Encrypt === "function") {
+      registerEncryptor("nip04", (value) => signer.nip04Encrypt(userPubkey, value));
+    }
+
+    if (!encryptors.length) {
+      const error = new Error(
+        "An encryption-capable signer is required to update subscriptions.",
+      );
+      error.code = "subscriptions-missing-encryptor";
+      throw error;
+    }
+
+    /*
+     * The subscription list is stored as an encrypted message to self, so both
+     * encryption and decryption intentionally use the user's own pubkey.
+     * Extensions are expected to support this encrypt-to-self flow; altering
+     * the target would break loadSubscriptions, which decrypts with the same
+     * pubkey. Any future sharing model (e.g., sharing with another user) will
+     * need a parallel read path and should not overwrite this behavior.
+     */
+    let cipherText = "";
+    let encryptionScheme = "";
+    const seenSchemes = new Set();
+    const encryptionErrors = [];
+
+    for (const candidate of encryptors) {
+      if (seenSchemes.has(candidate.scheme)) {
+        continue;
+      }
+      seenSchemes.add(candidate.scheme);
+      try {
+        const encrypted = await candidate.handler(plainStr);
+        if (typeof encrypted === "string" && encrypted) {
+          cipherText = encrypted;
+          encryptionScheme = candidate.scheme;
+          break;
+        }
+      } catch (error) {
+        encryptionErrors.push({ scheme: candidate.scheme, error });
+      }
+    }
+
+    if (!cipherText) {
+      const error = new Error("Failed to encrypt subscription list payload.");
+      error.code = "subscriptions-encrypt-failed";
+      error.cause = encryptionErrors;
+      throw error;
+    }
+
+    const encryptionTagValue =
+      encryptionScheme === "nip44_v2"
+        ? "nip44_v2"
+        : encryptionScheme === "nip44"
+          ? "nip44"
+          : encryptionScheme === "nip04"
+            ? "nip04"
+            : undefined;
+
+    const evt = buildSubscriptionListEvent({
+      pubkey: userPubkey,
+      created_at: Math.floor(Date.now() / 1000),
+      content: cipherText,
+      encryption: encryptionTagValue,
+    });
+
+    let signedEvent;
+    try {
+      signedEvent = await signer.signEvent(evt);
+    } catch (signErr) {
+      userLogger.error("Failed to sign subscription list:", signErr);
+      throw signErr;
+    }
+
+    const writeRelays = sanitizeRelayList(nostrClient.writeRelays);
+    const fallbackRelays = writeRelays.length
+      ? writeRelays
+      : sanitizeRelayList(nostrClient.relays);
+    const targetRelays = fallbackRelays.length
+      ? fallbackRelays
+      : Array.from(DEFAULT_RELAY_URLS);
+
+    const publishResults = await publishEventToRelays(
+      nostrClient.pool,
+      targetRelays,
+      signedEvent
+    );
+
+    let publishSummary;
+    try {
+      publishSummary = assertAnyRelayAccepted(publishResults, {
+        context: "subscription list"
+      });
+    } catch (publishError) {
+      if (publishError?.relayFailures?.length) {
+        publishError.relayFailures.forEach(
+          ({ url, error: relayError, reason }) => {
+            userLogger.error(
+              `[SubscriptionsManager] Subscription list rejected by ${url}: ${reason}`,
+              relayError || reason
+            );
+          }
+        );
+      }
+      throw publishError;
+    }
+
+    if (publishSummary.failed.length) {
+      publishSummary.failed.forEach(({ url, error: relayError }) => {
+        const reason =
+          relayError instanceof Error
+            ? relayError.message
+            : relayError
+              ? String(relayError)
+              : "publish failed";
+        userLogger.warn(
+          `[SubscriptionsManager] Subscription list not accepted by ${url}: ${reason}`,
+          relayError
+        );
+      });
+    }
+
+    this.subsEventId = signedEvent.id;
+    this.subsEventCreatedAt = signedEvent.created_at;
+    this.saveToCache(userPubkey);
+    const acceptedUrls = publishSummary.accepted.map(({ url }) => url);
+    devLogger.log(
+      "Subscription list published, event id:",
+      signedEvent.id,
+      "accepted relays:",
+      acceptedUrls
+    );
+  }
+
+  /**
+   * If not loaded, load subs, then fetch + render videos
+   * in #subscriptionsVideoList with the same style as app.renderVideoList.
+   */
+  async showSubscriptionVideos(
+    userPubkey,
+    containerId = "subscriptionsVideoList",
+    options = {}
+  ) {
+    const limitCandidate = Number(options?.limit);
+    const limit =
+      Number.isFinite(limitCandidate) && limitCandidate > 0
+        ? Math.floor(limitCandidate)
+        : null;
+    const reason =
+      typeof options?.reason === "string" && options.reason.trim()
+        ? options.reason.trim()
+        : undefined;
+
+    this.lastContainerId = containerId;
+
+    const container = document.getElementById(containerId);
+    if (!userPubkey) {
+      if (container) {
+        container.innerHTML =
+          "<p class='text-muted-strong'>Please log in first.</p>";
+      }
+      this.lastRunOptions = null;
+      this.lastResult = null;
+      this.hasRenderedOnce = Boolean(container);
+      return null;
+    }
+
+    try {
+      await this.ensureLoaded(userPubkey);
+    } catch (error) {
+      userLogger.error(
+        "[SubscriptionsManager] Failed to load subscriptions while rendering feed:",
+        error,
+      );
+    }
+
+    const channelHexes = this.getSubscribedAuthors();
+    if (!container) {
+      this.lastRunOptions = {
+        actorPubkey: userPubkey,
+        limit,
+        containerId
+      };
+      this.hasRenderedOnce = false;
+      return null;
+    }
+
+    if (!channelHexes.length) {
+      container.innerHTML =
+        "<p class='text-muted-strong'>No subscriptions found.</p>";
+      this.lastRunOptions = {
+        actorPubkey: userPubkey,
+        limit,
+        containerId
+      };
+      this.lastResult = { items: [], metadata: { reason: "no-subscriptions" } };
+      this.hasRenderedOnce = true;
+      return this.lastResult;
+    }
+
+    if (!this.hasRenderedOnce) {
+      container.innerHTML = getSidebarLoadingMarkup("Fetching subscriptions…");
+    }
+
+    this.lastRunOptions = {
+      actorPubkey: userPubkey,
+      limit,
+      containerId,
+      reason
+    };
+
+    this.ensureFeedRegistered();
+    this.ensureNostrServiceListener();
+
+    if (typeof nostrService?.awaitInitialLoad === "function") {
+      try {
+        devLogger.log("[SubscriptionsManager] awaiting nostrService initial load...");
+        await nostrService.awaitInitialLoad();
+        devLogger.log("[SubscriptionsManager] nostrService initial load done.");
+      } catch (error) {
+        devLogger.warn(
+          "[SubscriptionsManager] Failed to await nostrService initial load:",
+          error
+        );
+      }
+    }
+
+    const engine = this.getFeedEngine();
+    if (!engine || typeof engine.run !== "function") {
+      container.innerHTML =
+        "<p class='text-muted-strong'>Subscriptions are unavailable right now.</p>";
+      this.hasRenderedOnce = true;
+      return null;
+    }
+
+    const app = getApp();
+    const runtime = this.buildFeedRuntime({
+      app,
+      authors: channelHexes,
+      limit,
+    });
+    const runOptions = {
+      actorPubkey: userPubkey,
+      limit,
+      runtime,
+      hooks: {
+        subscriptions: {
+          resolveAuthors: () => this.getSubscribedAuthors()
+        }
+      }
+    };
+
+    try {
+      this.isRunningFeed = true;
+      devLogger.log("[SubscriptionsManager] Calling engine.run('subscriptions')...");
+      const result = await engine.run("subscriptions", runOptions);
+      devLogger.log("[SubscriptionsManager] engine.run complete. Items:", result?.items?.length);
+
+      const videos = Array.isArray(result?.items)
+        ? result.items.map((item) => item?.video).filter(Boolean)
+        : [];
+
+      const metadata = result && typeof result.metadata === "object"
+        ? { ...result.metadata }
+        : {};
+
+      if (!metadata.feed) {
+        metadata.feed = "subscriptions";
+      }
+      if (limit) {
+        metadata.limit = limit;
+      }
+      if (reason) {
+        metadata.reason = reason;
+      }
+
+      const enrichedResult = { ...result, metadata };
+
+      if (app?.videosMap instanceof Map) {
+        videos.forEach((video) => {
+          if (video && typeof video.id === "string" && video.id) {
+            app.videosMap.set(video.id, video);
+          }
+        });
+      }
+
+      this.lastResult = enrichedResult;
+      this.renderSameGridStyle(enrichedResult, containerId, {
+        limit,
+        reason,
+        emptyMessage:
+          "No playable subscription videos found yet. We'll keep watching for new posts.",
+      });
+      this.hasRenderedOnce = true;
+      return enrichedResult;
+    } catch (error) {
+      userLogger.error(
+        "[SubscriptionsManager] Failed to run subscriptions feed:",
+        error
+      );
+      if (container && this.lastResult) {
+        const fallbackReason = reason
+          ? `${reason}:cached`
+          : "cached-result";
+        this.renderSameGridStyle(this.lastResult, containerId, {
+          limit,
+          reason: fallbackReason,
+        });
+      } else if (container) {
+        container.innerHTML =
+          "<p class='text-muted-strong'>Unable to load subscriptions right now.</p>";
+      }
+      this.hasRenderedOnce = Boolean(container);
+      return this.lastResult;
+    } finally {
+      this.isRunningFeed = false;
+      this.processScheduledRefresh();
+    }
+  }
+
+  ensureNostrServiceListener() {
+    if (this.unsubscribeFromNostrUpdates || typeof nostrService?.on !== "function") {
+      return;
+    }
+
+    this.unsubscribeFromNostrUpdates = nostrService.on(
+      "videos:updated",
+      (detail) => {
+        this.handleNostrVideosUpdated(detail);
+      }
+    );
+  }
+
+  handleNostrVideosUpdated(detail) {
+    if (!detail || !Array.isArray(detail.videos) || !detail.videos.length) {
+      return;
+    }
+
+    this.scheduledRefreshDetail = detail;
+    this.processScheduledRefresh();
+  }
+
+  processScheduledRefresh() {
+    if (!this.lastRunOptions || !this.hasRenderedOnce) {
+      return null;
+    }
+
+    if (!this.scheduledRefreshDetail) {
+      return null;
+    }
+
+    if (this.isRunningFeed || this.pendingRefreshPromise) {
+      return null;
+    }
+
+    const detail = this.scheduledRefreshDetail;
+    this.scheduledRefreshDetail = null;
+
+    const refreshReason =
+      typeof detail?.reason === "string" && detail.reason
+        ? `nostr:${detail.reason}`
+        : "nostr:update";
+
+    this.pendingRefreshPromise = this.refreshActiveFeed({ reason: refreshReason })
+      .catch((error) => {
+        devLogger.warn(
+          "[SubscriptionsManager] Failed to refresh after nostrService update:",
+          error
+        );
+      })
+      .finally(() => {
+        this.pendingRefreshPromise = null;
+        if (this.scheduledRefreshDetail) {
+          this.processScheduledRefresh();
+        }
+      });
+
+    return this.pendingRefreshPromise;
+  }
+
+  ensureFeedRegistered() {
+    const app = getApp();
+    if (typeof app?.registerSubscriptionsFeed === "function") {
+      try {
+        app.registerSubscriptionsFeed();
+      } catch (error) {
+        userLogger.warn(
+          "[SubscriptionsManager] Failed to register subscriptions feed:",
+          error
+        );
+      }
+    }
+  }
+
+  getFeedEngine() {
+    const app = getApp();
+    return app?.feedEngine || null;
+  }
+
+  buildFeedRuntime({ app, authors = [], limit = null } = {}) {
+    const normalizedAuthors = Array.isArray(authors)
+      ? authors
+          .map((author) => normalizeHexPubkey(author))
+          .filter((author) => Boolean(author))
+      : [];
+
+    const blacklist =
+      app?.blacklistedEventIds instanceof Set
+        ? new Set(app.blacklistedEventIds)
+        : new Set();
+
+    const isAuthorBlocked =
+      typeof app?.isAuthorBlocked === "function"
+        ? (pubkey) => app.isAuthorBlocked(pubkey)
+        : () => false;
+
+    const limitCandidate = Number(limit);
+    const normalizedLimit =
+      Number.isFinite(limitCandidate) && limitCandidate > 0
+        ? Math.floor(limitCandidate)
+        : null;
+
+    const preferenceSource =
+      typeof app?.getHashtagPreferences === "function"
+        ? app.getHashtagPreferences()
+        : {};
+
+    const moderationThresholds =
+      typeof app?.getActiveModerationThresholds === "function"
+        ? app.getActiveModerationThresholds()
+        : null;
+
+    return {
+      subscriptionAuthors: normalizedAuthors,
+      authors: normalizedAuthors,
+      blacklistedEventIds: blacklist,
+      isAuthorBlocked,
+      limit: normalizedLimit,
+      tagPreferences: {
+        interests: Array.isArray(preferenceSource?.interests)
+          ? [...preferenceSource.interests]
+          : [],
+        disinterests: Array.isArray(preferenceSource?.disinterests)
+          ? [...preferenceSource.disinterests]
+          : [],
+      },
+      moderationThresholds: moderationThresholds
+        ? { ...moderationThresholds }
+        : undefined,
+    };
+  }
+
+  /**
+   * Renders the feed in the same style as home.
+   * This includes gear menu, time-ago, lazy load, clickable authors, etc.
+   */
+  renderSameGridStyle(result, containerId, options = {}) {
+    const container = document.getElementById(containerId);
+    if (!container) {
+      return;
+    }
+
+    const app = getApp();
+    const items = Array.isArray(result?.items) ? result.items : [];
+    const metadata =
+      result && typeof result.metadata === "object"
+        ? { ...result.metadata }
+        : {};
+
+    if (!metadata.feed) {
+      metadata.feed = "subscriptions";
+    }
+
+    const limitCandidate = Number(options?.limit);
+    const limit =
+      Number.isFinite(limitCandidate) && limitCandidate > 0
+        ? Math.floor(limitCandidate)
+        : null;
+
+    const limitedItems = limit ? items.slice(0, limit) : items;
+    const videos = limitedItems
+      .map((item) => (item && typeof item === "object" ? item.video : null))
+      .filter((video) => video && typeof video === "object");
+
+    if (!videos.length) {
+      const reasonDetail =
+        typeof metadata.reason === "string" && metadata.reason
+          ? metadata.reason
+          : "empty";
+      this.renderEmptyState(container, {
+        message: options?.emptyMessage,
+        reason: reasonDetail,
+        metadata,
+      });
+      return;
+    }
+
+    const listView = this.getListView(container, app);
+    if (!listView) {
+      container.innerHTML = `
+        <p class="flex justify-center items-center h-full w-full text-center text-muted-strong">
+          Unable to render subscriptions feed.
+        </p>`;
+      return;
+    }
+
+    listView.mount(container);
+
+    if (app?.videosMap instanceof Map) {
+      listView.state.videosMap = app.videosMap;
+    }
+
+    const enrichedMetadata = {
+      ...metadata,
+      feed: "subscriptions"
+    };
+    if (limit) {
+      enrichedMetadata.limit = limit;
+    }
+    if (typeof options?.reason === "string" && options.reason) {
+      enrichedMetadata.reason = options.reason;
+    }
+
+    listView.state.feedMetadata = enrichedMetadata;
+    listView.render(videos, enrichedMetadata);
+  }
+
+  renderEmptyState(container, { message, reason, metadata } = {}) {
+    if (!container) {
+      return;
+    }
+
+    const copy =
+      typeof message === "string" && message.trim()
+        ? message.trim()
+        : "No playable subscription videos found yet. We'll keep watching for new posts.";
+
+    container.innerHTML = getSidebarLoadingMarkup(copy, { showSpinner: false });
+
+    if (this.subscriptionListView && this.subscriptionListView.state) {
+      const currentMetadata =
+        this.subscriptionListView.state.feedMetadata &&
+        typeof this.subscriptionListView.state.feedMetadata === "object"
+          ? { ...this.subscriptionListView.state.feedMetadata }
+          : {};
+
+      if (metadata && typeof metadata === "object") {
+        Object.assign(currentMetadata, metadata);
+      }
+
+      if (reason && typeof reason === "string") {
+        currentMetadata.reason = reason;
+      } else if (!currentMetadata.reason) {
+        currentMetadata.reason = "empty";
+      }
+
+      this.subscriptionListView.state.feedMetadata = currentMetadata;
+    }
+  }
+
+  getListView(container, app) {
+    if (this.subscriptionListView) {
+      return this.subscriptionListView;
+    }
+
+    if (!container) {
+      return null;
+    }
+
+    const doc = container.ownerDocument || document;
+    const baseView = app?.videoListView || null;
+
+    const badgeHelpers = baseView?.badgeHelpers || {
+      attachHealthBadges: () => {},
+      attachUrlHealthBadges: () => {}
+    };
+
+    const formatTimeAgo = (timestamp) => {
+      if (typeof app?.formatTimeAgo === "function") {
+        return app.formatTimeAgo(timestamp);
+      }
+      if (typeof baseView?.formatters?.formatTimeAgo === "function") {
+        return baseView.formatters.formatTimeAgo(timestamp);
+      }
+      return timestamp;
+    };
+
+    const formatViewCountLabel = (total) => {
+      if (typeof baseView?.formatters?.formatViewCountLabel === "function") {
+        return baseView.formatters.formatViewCountLabel(total);
+      }
+      return typeof total === "number" ? total.toLocaleString() : `${total}`;
+    };
+
+    const assets = baseView?.assets || {
+      fallbackThumbnailSrc: "/assets/jpg/video-thumbnail-fallback.jpg",
+      unsupportedBtihMessage:
+        "This magnet link is missing a compatible BitTorrent v1 info hash."
+    };
+
+    const loadedThumbnails =
+      app?.loadedThumbnails instanceof Map
+        ? app.loadedThumbnails
+        : baseView?.state?.loadedThumbnails instanceof Map
+          ? baseView.state.loadedThumbnails
+          : new Map();
+
+    const videosMap =
+      app?.videosMap instanceof Map
+        ? app.videosMap
+        : baseView?.state?.videosMap instanceof Map
+          ? baseView.state.videosMap
+          : new Map();
+
+    const urlHealthCache =
+      app?.urlHealthSnapshots instanceof Map
+        ? app.urlHealthSnapshots
+        : baseView?.state?.urlHealthByVideoId instanceof Map
+          ? baseView.state.urlHealthByVideoId
+          : new Map();
+
+    const streamHealthCache =
+      app?.streamHealthSnapshots instanceof Map
+        ? app.streamHealthSnapshots
+        : baseView?.state?.streamHealthByVideoId instanceof Map
+          ? baseView.state.streamHealthByVideoId
+          : new Map();
+
+    const listViewConfig = {
+      document: doc,
+      container,
+      mediaLoader: app?.mediaLoader || baseView?.mediaLoader || null,
+      badgeHelpers,
+      formatters: {
+        formatTimeAgo,
+        formatViewCountLabel
+      },
+      helpers: {
+        escapeHtml: (value) => app?.escapeHTML?.(value) ?? value,
+        isMagnetSupported: (magnet) =>
+          app?.isMagnetUriSupported?.(magnet) ?? false,
+        toLocaleString: (value) =>
+          typeof value === "number" ? value.toLocaleString() : value
+      },
+      assets,
+      state: {
+        loadedThumbnails,
+        videosMap,
+        urlHealthByVideoId: urlHealthCache,
+        streamHealthByVideoId: streamHealthCache
+      },
+      utils: {
+        dedupeVideos: (videos) => (Array.isArray(videos) ? [...videos] : []),
+        getAllEvents: () => Array.from(nostrClient.allEvents.values()),
+        hasOlderVersion: (video, events) =>
+          app?.hasOlderVersion?.(video, events) ?? false,
+        derivePointerInfo: (video) =>
+          app?.deriveVideoPointerInfo?.(video) ?? null,
+        persistWatchHistoryMetadata: (video, pointerInfo) =>
+          app?.persistWatchHistoryMetadataForVideo?.(video, pointerInfo),
+        getShareUrlBase: () => app?.getShareUrlBase?.() ?? "",
+        buildShareUrlFromNevent: (nevent) =>
+          app?.buildShareUrlFromNevent?.(nevent) ?? "",
+        buildShareUrlFromEventId: (eventId) =>
+          app?.buildShareUrlFromEventId?.(eventId) ?? "",
+        canManageBlacklist: () =>
+          app?.canCurrentUserManageBlacklist?.() ?? false,
+        canEditVideo: (video) => video?.pubkey === app?.pubkey,
+        canDeleteVideo: (video) => video?.pubkey === app?.pubkey,
+        batchFetchProfiles: (authorSet) => app?.batchFetchProfiles?.(authorSet),
+        bindThumbnailFallbacks: (target) =>
+          app?.bindThumbnailFallbacks?.(target),
+        handleUrlHealthBadge: (payload) => app?.handleUrlHealthBadge?.(payload),
+        refreshDiscussionCounts: (videosList, { container: root } = {}) =>
+          app?.refreshVideoDiscussionCounts?.(videosList, {
+            videoListRoot: root || container || null
+          }),
+        ensureGlobalMoreMenuHandlers: () =>
+          app?.ensureGlobalMoreMenuHandlers?.(),
+        closeAllMenus: (options) => app?.closeAllMoreMenus?.(options)
+      },
+      renderers: {
+        getLoadingMarkup: (message) => getSidebarLoadingMarkup(message)
+      },
+      allowNsfw: ALLOW_NSFW_CONTENT === true
+    };
+
+    const listView = new VideoListView(listViewConfig);
+    if (typeof listView.setPopularTagsContainer === "function") {
+      listView.setPopularTagsContainer(null);
+    }
+
+    const buildModerationPayload = (detail = {}) => {
+      const event = detail?.event || null;
+      const trigger =
+        detail?.trigger ||
+        (event && (event.currentTarget || event.target)) ||
+        null;
+      const card = detail?.card || null;
+      const video = detail?.video || null;
+      const datasetContext = (() => {
+        const detailContext =
+          typeof detail?.context === "string" ? detail.context.trim() : "";
+        if (detailContext) {
+          return detailContext;
+        }
+        const datasetSource =
+          (detail?.dataset && typeof detail.dataset === "object"
+            ? detail.dataset
+            : null) ||
+          (trigger && trigger.dataset) ||
+          (card && card.root && card.root.dataset) ||
+          null;
+        if (
+          datasetSource &&
+          typeof datasetSource.context === "string" &&
+          datasetSource.context.trim()
+        ) {
+          return datasetSource.context.trim();
+        }
+        return "";
+      })();
+
+      return {
+        ...detail,
+        video,
+        card,
+        trigger,
+        context: datasetContext || "subscriptions",
+      };
+    };
+
+    listView.setPlaybackHandler((detail) => {
+      if (!detail) {
+        return;
+      }
+      if (detail.videoId) {
+        Promise.resolve(
+          app?.playVideoByEventId?.(detail.videoId, {
+            url: detail.url,
+            magnet: detail.magnet
+          })
+        ).catch((error) => {
+          userLogger.error(
+            "[SubscriptionsManager] Failed to play by event id:",
+            error
+          );
+        });
+        return;
+      }
+      Promise.resolve(
+        app?.playVideoWithFallback?.({ url: detail.url, magnet: detail.magnet })
+      ).catch((error) => {
+        userLogger.error(
+          "[SubscriptionsManager] Failed to start playback:",
+          error
+        );
+      });
+    });
+
+    listView.setEditHandler(({ video, index }) => {
+      if (!video?.id) {
+        return;
+      }
+      app?.handleEditVideo?.({
+        eventId: video.id,
+        index: Number.isFinite(index) ? index : null,
+        video
+      });
+    });
+
+    listView.setRevertHandler(({ video, index }) => {
+      if (!video?.id) {
+        return;
+      }
+      app?.handleRevertVideo?.({
+        eventId: video.id,
+        index: Number.isFinite(index) ? index : null,
+        video
+      });
+    });
+
+    listView.setDeleteHandler(({ video, index }) => {
+      if (!video?.id) {
+        return;
+      }
+      app?.handleFullDeleteVideo?.({
+        eventId: video.id,
+        index: Number.isFinite(index) ? index : null,
+        video
+      });
+    });
+
+    listView.setBlacklistHandler(({ video, dataset }) => {
+      const detail = {
+        ...(dataset || {}),
+        author: dataset?.author || video?.pubkey || "",
+        context: dataset?.context || "subscriptions"
+      };
+      app?.handleMoreMenuAction?.("blacklist-author", detail);
+    });
+
+    listView.setModerationOverrideHandler((detail = {}) => {
+      if (typeof app?.handleModerationOverride !== "function") {
+        return false;
+      }
+      return app.handleModerationOverride(buildModerationPayload(detail));
+    });
+
+    listView.setModerationBlockHandler((detail = {}) => {
+      if (typeof app?.handleModerationBlock !== "function") {
+        return false;
+      }
+      return app.handleModerationBlock(buildModerationPayload(detail));
+    });
+
+    listView.addEventListener("video:share", (event) => {
+      const detail = event?.detail || {};
+      const dataset = {
+        ...(detail.dataset || {}),
+        eventId:
+          detail.eventId || detail.dataset?.eventId || detail.video?.id || "",
+        context: detail.dataset?.context || "subscriptions"
+      };
+      app?.handleMoreMenuAction?.(detail.action || "copy-link", dataset);
+    });
+
+    listView.addEventListener("video:context-action", (event) => {
+      const detail = event?.detail || {};
+      const dataset = {
+        ...(detail.dataset || {}),
+        eventId: detail.dataset?.eventId || detail.video?.id || "",
+        context: detail.dataset?.context || "subscriptions"
+      };
+      app?.handleMoreMenuAction?.(detail.action, dataset);
+    });
+
+    this.subscriptionListView = listView;
+    return this.subscriptionListView;
+  }
+
+  async refreshActiveFeed(options = {}) {
+    if (!this.lastRunOptions) {
+      return null;
+    }
+
+    const { actorPubkey, containerId, limit } = this.lastRunOptions;
+    if (!actorPubkey || !containerId) {
+      return null;
+    }
+
+    const reason =
+      typeof options?.reason === "string" && options.reason.trim()
+        ? options.reason.trim()
+        : this.lastRunOptions.reason;
+
+    if (typeof moderationService?.awaitUserBlockRefresh === "function") {
+      try {
+        await moderationService.awaitUserBlockRefresh();
+      } catch (error) {
+        devLogger.warn(
+          "[SubscriptionsManager] Failed to sync moderation before refreshing feed:",
+          error,
+        );
+      }
+    }
+
+    return this.showSubscriptionVideos(actorPubkey, containerId, {
+      limit,
+      reason
+    });
+  }
+
+  convertEventToVideo(evt) {
+    return sharedConvertEventToVideo(evt);
+  }
+}
+
+SubscriptionsManager.listVideoViewEvents = listVideoViewEventsApi;
+SubscriptionsManager.subscribeVideoViewEvents = subscribeVideoViewEventsApi;
+
+export const subscriptions = new SubscriptionsManager();
diff --git a/dist/js/themeController.js b/dist/js/themeController.js
new file mode 100644
index 00000000..c5858696
--- /dev/null
+++ b/dist/js/themeController.js
@@ -0,0 +1,378 @@
+import { THEME_ACCENT_OVERRIDES as CONFIG_THEME_ACCENT_OVERRIDES } from "../config/instance-config.js";
+import { userLogger } from "./utils/logger.js";
+const STORAGE_KEY = "bitvid:theme";
+const FALLBACK_THEME = "dark";
+const VALID_THEMES = new Set(["light", "dark"]);
+const FALLBACK_META_COLORS = {
+  dark: "rgb(15, 23, 42)",
+  light: "rgb(248, 250, 252)",
+};
+const TOGGLE_SELECTORS = [
+  "[data-theme-toggle]",
+  "[data-action=\"toggle-theme\"]",
+  ".js-theme-toggle",
+  "#themeToggle",
+];
+
+const ACCENT_CSS_VARIABLES = Object.freeze({
+  accent: "--color-accent",
+  accentStrong: "--color-accent-strong",
+  accentPressed: "--color-accent-pressed",
+});
+
+const boundToggles = new WeakSet();
+const registeredToggles = new Set();
+let currentTheme = null;
+let storageListenerBound = false;
+let accentOverrides = null;
+
+const isBrowser = () =>
+  typeof window !== "undefined" && typeof document !== "undefined";
+
+const normalizeTheme = (value) => {
+  if (typeof value !== "string") {
+    return null;
+  }
+  const normalized = value.trim().toLowerCase();
+  if (normalized === "default" || normalized === "") {
+    return FALLBACK_THEME;
+  }
+  if (VALID_THEMES.has(normalized)) {
+    return normalized;
+  }
+  return null;
+};
+
+const readStoredTheme = () => {
+  if (!isBrowser()) {
+    return null;
+  }
+  try {
+    const stored = window.localStorage.getItem(STORAGE_KEY);
+    return normalizeTheme(stored);
+  } catch (error) {
+    userLogger.warn("Unable to read stored theme preference:", error);
+    return null;
+  }
+};
+
+const persistTheme = (theme) => {
+  if (!isBrowser()) {
+    return;
+  }
+  try {
+    window.localStorage.setItem(STORAGE_KEY, theme);
+  } catch (error) {
+    userLogger.warn("Unable to persist theme preference:", error);
+  }
+};
+
+const getRootElement = () => {
+  if (!isBrowser()) {
+    return null;
+  }
+  const { documentElement } = document;
+  if (documentElement instanceof HTMLElement) {
+    return documentElement;
+  }
+  return null;
+};
+
+const normalizeAccentValue = (value) =>
+  typeof value === "string" ? value.trim() : "";
+
+const cloneAccentOverrides = (overrides) => {
+  if (!overrides || typeof overrides !== "object") {
+    return null;
+  }
+
+  const sanitized = Object.entries(overrides).reduce((accumulator, [themeKey, themeOverrides]) => {
+    if (!themeOverrides || typeof themeOverrides !== "object") {
+      return accumulator;
+    }
+
+    const nextThemeOverrides = Object.entries(themeOverrides).reduce(
+      (themeAccumulator, [token, value]) => {
+        if (Object.prototype.hasOwnProperty.call(ACCENT_CSS_VARIABLES, token)) {
+          themeAccumulator[token] = value;
+        }
+        return themeAccumulator;
+      },
+      {},
+    );
+
+    if (Object.keys(nextThemeOverrides).length > 0) {
+      accumulator[themeKey] = nextThemeOverrides;
+    }
+
+    return accumulator;
+  }, {});
+  return Object.keys(sanitized).length > 0 ? sanitized : null;
+};
+
+const setAccentOverrides = (overrides) => {
+  accentOverrides = cloneAccentOverrides(overrides);
+};
+
+setAccentOverrides(
+  typeof CONFIG_THEME_ACCENT_OVERRIDES !== "undefined"
+    ? CONFIG_THEME_ACCENT_OVERRIDES
+    : null,
+);
+
+const applyAccentOverrides = (root, theme) => {
+  if (!root) {
+    return;
+  }
+
+  const themeOverrides =
+    accentOverrides &&
+    typeof accentOverrides === "object" &&
+    accentOverrides[theme] &&
+    typeof accentOverrides[theme] === "object"
+      ? accentOverrides[theme]
+      : null;
+
+  let hasOverrides = false;
+
+  Object.entries(ACCENT_CSS_VARIABLES).forEach(([token, cssVariable]) => {
+    const overrideValue = themeOverrides ? themeOverrides[token] : null;
+    const normalized = normalizeAccentValue(overrideValue);
+
+    if (normalized) {
+      root.style.setProperty(cssVariable, normalized);
+      hasOverrides = true;
+    } else {
+      root.style.removeProperty(cssVariable);
+    }
+  });
+
+  if (hasOverrides) {
+    root.dataset.themeAccent = "override";
+  } else {
+    root.removeAttribute("data-theme-accent");
+  }
+};
+
+const updateThemeColorMeta = (theme) => {
+  if (!isBrowser()) {
+    return;
+  }
+
+  const themeMeta = document.querySelector('meta[name="theme-color"]');
+  if (!themeMeta) {
+    return;
+  }
+
+  const root = getRootElement();
+  if (!root) {
+    return;
+  }
+
+  let computedColor = "";
+  try {
+    if (typeof window.getComputedStyle === "function") {
+      computedColor = getComputedStyle(root)
+        .getPropertyValue("--color-page")
+        .trim();
+    }
+  } catch (error) {
+    userLogger.warn("Unable to compute theme color token:", error);
+  }
+
+  const fallback = FALLBACK_META_COLORS[theme] || FALLBACK_META_COLORS[FALLBACK_THEME];
+  const nextColor = computedColor || fallback;
+  if (nextColor) {
+    themeMeta.setAttribute("content", nextColor);
+  }
+};
+
+const syncTogglePresentation = (toggle, theme) => {
+  if (!(toggle instanceof HTMLElement)) {
+    return;
+  }
+  toggle.dataset.themeState = theme;
+  toggle.setAttribute("aria-pressed", theme === "dark" ? "true" : "false");
+
+  const actionLabel =
+    theme === "dark" ? "Switch to light theme" : "Switch to dark theme";
+  toggle.setAttribute("aria-label", actionLabel);
+  toggle.setAttribute("title", actionLabel);
+
+  const labelTarget =
+    toggle.querySelector("[data-theme-toggle-label]") || toggle.querySelector(".sr-only");
+  if (labelTarget) {
+    labelTarget.textContent = actionLabel;
+  }
+
+  const iconTarget =
+    toggle.querySelector("[data-theme-toggle-icon]") || toggle.querySelector('[aria-hidden="true"]');
+  if (iconTarget) {
+    const svgCtor = typeof SVGElement !== "undefined" ? SVGElement : null;
+    const isVectorIcon =
+      (svgCtor && iconTarget instanceof svgCtor) ||
+      (iconTarget instanceof Element && Boolean(iconTarget.querySelector("svg")));
+
+    if (!isVectorIcon) {
+      const iconForLight = toggle.dataset.iconLight || "☀️";
+      const iconForDark = toggle.dataset.iconDark || "🌙";
+      iconTarget.textContent = theme === "dark" ? iconForLight : iconForDark;
+    } else if (iconTarget instanceof Element) {
+      iconTarget.setAttribute("data-theme-icon-state", theme);
+    }
+  }
+};
+
+const cleanupRegisteredToggles = () => {
+  if (!isBrowser()) {
+    registeredToggles.clear();
+    return;
+  }
+  registeredToggles.forEach((toggle) => {
+    if (!(toggle instanceof HTMLElement) || !document.contains(toggle)) {
+      registeredToggles.delete(toggle);
+    }
+  });
+};
+
+const syncRegisteredToggles = (theme) => {
+  cleanupRegisteredToggles();
+  registeredToggles.forEach((toggle) => {
+    syncTogglePresentation(toggle, theme);
+  });
+};
+
+const bindToggle = (toggle) => {
+  if (!(toggle instanceof HTMLElement) || boundToggles.has(toggle)) {
+    return;
+  }
+
+  toggle.addEventListener("click", (event) => {
+    event.preventDefault();
+    const nextTheme = currentTheme === "dark" ? "light" : "dark";
+    setTheme(nextTheme);
+  });
+
+  toggle.dataset.themeToggleBound = "true";
+  boundToggles.add(toggle);
+};
+
+const collectToggleElements = (root = document) => {
+  if (!isBrowser()) {
+    return [];
+  }
+
+  const elements = new Set();
+  const scope = root && typeof root.querySelectorAll === "function" ? root : document;
+
+  TOGGLE_SELECTORS.forEach((selector) => {
+    try {
+      scope.querySelectorAll(selector).forEach((element) => {
+        if (element instanceof HTMLElement) {
+          elements.add(element);
+        }
+      });
+    } catch (error) {
+      userLogger.warn(`Invalid selector for theme toggle: ${selector}`, error);
+    }
+  });
+
+  if (root instanceof HTMLElement) {
+    TOGGLE_SELECTORS.forEach((selector) => {
+      if (root.matches(selector)) {
+        elements.add(root);
+      }
+    });
+  }
+
+  return Array.from(elements);
+};
+
+const applyTheme = (theme, { persist = true } = {}) => {
+  const normalized = normalizeTheme(theme) || FALLBACK_THEME;
+  currentTheme = normalized;
+
+  const root = getRootElement();
+  if (root) {
+    root.dataset.theme = normalized;
+    applyAccentOverrides(root, normalized);
+  }
+
+  if (persist) {
+    persistTheme(normalized);
+  }
+
+  updateThemeColorMeta(normalized);
+  syncRegisteredToggles(normalized);
+  return normalized;
+};
+
+export const setThemeAccentOverrides = (overrides) => {
+  setAccentOverrides(overrides);
+
+  const root = getRootElement();
+  if (!root) {
+    return;
+  }
+
+  const theme = currentTheme || FALLBACK_THEME;
+  applyAccentOverrides(root, theme);
+};
+
+export const setTheme = (theme) => {
+  if (!isBrowser()) {
+    currentTheme = normalizeTheme(theme) || FALLBACK_THEME;
+    return currentTheme;
+  }
+
+  return applyTheme(theme, { persist: true });
+};
+
+export const refreshThemeControls = (root = document) => {
+  if (!isBrowser()) {
+    return;
+  }
+
+  const toggles = collectToggleElements(root);
+  toggles.forEach((toggle) => {
+    registeredToggles.add(toggle);
+    bindToggle(toggle);
+    syncTogglePresentation(toggle, currentTheme || FALLBACK_THEME);
+  });
+};
+
+const resolveInitialTheme = () => {
+  if (!isBrowser()) {
+    return FALLBACK_THEME;
+  }
+  const root = getRootElement();
+  const datasetTheme = root ? normalizeTheme(root.dataset.theme) : null;
+  return datasetTheme || readStoredTheme() || FALLBACK_THEME;
+};
+
+const handleStorageEvent = (event) => {
+  if (!event || event.key !== STORAGE_KEY) {
+    return;
+  }
+  const nextTheme = normalizeTheme(event.newValue) || FALLBACK_THEME;
+  if (nextTheme === currentTheme) {
+    return;
+  }
+  applyTheme(nextTheme, { persist: false });
+};
+
+export const initThemeController = () => {
+  if (!isBrowser()) {
+    currentTheme = FALLBACK_THEME;
+    return;
+  }
+
+  if (!storageListenerBound) {
+    window.addEventListener("storage", handleStorageEvent);
+    storageListenerBound = true;
+  }
+
+  const initialTheme = resolveInitialTheme();
+  applyTheme(initialTheme, { persist: true });
+  refreshThemeControls(document);
+};
diff --git a/dist/js/trackerConfig.js b/dist/js/trackerConfig.js
new file mode 100644
index 00000000..e8c6cf33
--- /dev/null
+++ b/dist/js/trackerConfig.js
@@ -0,0 +1,39 @@
+import { WSS_TRACKERS as DEFAULT_WSS_TRACKERS } from "./constants.js";
+
+export const TRACKER_TIMEOUT_MS = 6000;
+const TRACKER_PER_MAGNET = 10;
+export const HEALTH_TTL_MS = 2 * 60 * 1000;
+export const CONCURRENCY = 6;
+export const TRACKER_ERROR_COOLDOWN_MS = 60 * 1000;
+
+export function resolveTrackerList({ magnetTrackers } = {}) {
+  const combined = [];
+  const seen = new Set();
+
+  const pushUnique = (url) => {
+    if (typeof url !== "string") {
+      return;
+    }
+    const trimmed = url.trim();
+    if (!trimmed) {
+      return;
+    }
+    if (!/^wss:\/\//i.test(trimmed)) {
+      return;
+    }
+    const normalized = trimmed.toLowerCase();
+    if (seen.has(normalized)) {
+      return;
+    }
+    seen.add(normalized);
+    combined.push(trimmed);
+  };
+
+  if (Array.isArray(magnetTrackers)) {
+    magnetTrackers.forEach(pushUnique);
+  }
+
+  DEFAULT_WSS_TRACKERS.forEach(pushUnique);
+
+  return combined.slice(0, TRACKER_PER_MAGNET);
+}
diff --git a/dist/js/ui/ModalManager.js b/dist/js/ui/ModalManager.js
new file mode 100644
index 00000000..61733177
--- /dev/null
+++ b/dist/js/ui/ModalManager.js
@@ -0,0 +1,974 @@
+import { devLogger } from "../utils/logger.js";
+import { removeTrackingScripts, escapeHTML as escapeHtml } from "../utils/domUtils.js";
+import { setModalState as setGlobalModalState } from "../state/appState.js";
+import { truncateMiddle, formatShortNpub } from "../utils/formatters.js";
+import { showLoginRequiredToZapNotification } from "../payments/zapNotifications.js";
+import { VideoModal } from "./components/VideoModal.js";
+import { RevertModal } from "./components/RevertModal.js";
+import { ShareNostrModal } from "./components/ShareNostrModal.js";
+import { EmbedVideoModal } from "./components/EmbedVideoModal.js";
+import { EmbedPlayerModal } from "./components/EmbedPlayerModal.js";
+import initUploadModal from "./initUploadModal.js";
+import initEditModal from "./initEditModal.js";
+import initDeleteModal from "./initDeleteModal.js";
+import { EventDetailsModal } from "./components/EventDetailsModal.js";
+import ZapController from "./zapController.js";
+import { nostrClient } from "../nostrClientFacade.js";
+
+export default class ModalManager {
+  constructor({
+    app,
+    ui = {},
+    documentRef = typeof document !== "undefined" ? document : null,
+    assets = {},
+    services = {},
+  } = {}) {
+    this.app = app;
+    this.ui = ui;
+    this.document = documentRef;
+    this.assets = {
+      fallbackThumbnailSrc: assets.fallbackThumbnailSrc || null,
+    };
+    this.services = services;
+
+    this.uploadModal = null;
+    this.uploadModalEvents = null;
+    this.uploadSubmitHandler = null;
+
+    this.editModal = null;
+    this.editModalEvents = null;
+    this.editSubmitHandler = null;
+    this.editCancelHandler = null;
+
+    this.revertModal = null;
+    this.revertConfirmHandler = null;
+
+    this.deleteModal = null;
+    this.deleteModalEvents = null;
+    this.deleteConfirmHandler = null;
+    this.deleteCancelHandler = null;
+
+    this.videoModal = null;
+    this.videoModalHandlers = {};
+
+    this.eventDetailsModal = null;
+    this.shareNostrModal = null;
+    this.embedVideoModal = null;
+
+    this.zapController = null;
+  }
+
+  initialize() {
+    const app = this.app;
+    const doc = this.document;
+    const modalContainer = doc?.getElementById("modalContainer") || null;
+
+    const uploadModalSetup = initUploadModal({
+      app,
+      uploadModalOverride: this.ui.uploadModal,
+      container: modalContainer,
+      services: {
+        authService: app.authService,
+        r2Service: app.r2Service,
+        s3Service: app.s3Service,
+        storageService: this.services.storageService,
+      },
+      utilities: {
+        removeTrackingScripts,
+        setGlobalModalState,
+      },
+      callbacks: {
+        publishVideoNote: (payload, options) =>
+          app.publishVideoNote(payload, options),
+        showError: (message) => app.showError(message),
+        showSuccess: (message) => app.showSuccess(message),
+        getCurrentPubkey: () => app.pubkey,
+        safeEncodeNpub: (pubkey) => app.safeEncodeNpub(pubkey),
+        onSubmit: (event) => app.handleUploadSubmitEvent(event),
+      },
+    });
+    this.uploadModal = uploadModalSetup.modal;
+    this.uploadModalEvents = uploadModalSetup.events;
+    this.uploadSubmitHandler = uploadModalSetup.handlers.submit;
+    app.uploadModal = this.uploadModal;
+    app.uploadModalEvents = this.uploadModalEvents;
+
+    const editModalSetup = initEditModal({
+      app,
+      editModalOverride: this.ui.editModal,
+      container: modalContainer,
+      services: {
+        getMode: ({ video } = {}) => {
+          const candidate =
+            typeof video?.mode === "string" ? video.mode.trim().toLowerCase() : "";
+          return candidate === "dev" ? "dev" : "live";
+        },
+        sanitizers: {
+          text: (value) => (typeof value === "string" ? value.trim() : ""),
+          url: (value) => (typeof value === "string" ? value.trim() : ""),
+          magnet: (value) => (typeof value === "string" ? value.trim() : ""),
+          checkbox: (value) => !!value,
+        },
+      },
+      utilities: {
+        removeTrackingScripts,
+        setGlobalModalState,
+        escapeHtml: (value) => escapeHtml(value),
+      },
+      callbacks: {
+        showError: (message) => app.showError(message),
+        onSubmit: (event) => app.handleEditModalSubmit(event),
+        onCancel: () => app.showError(""),
+      },
+    });
+
+    this.editModal = editModalSetup.modal;
+    this.editModalEvents = editModalSetup.events;
+    this.editSubmitHandler = editModalSetup.handlers.submit;
+    this.editCancelHandler = editModalSetup.handlers.cancel;
+    app.editModal = this.editModal;
+    app.editModalEvents = this.editModalEvents;
+
+    this.revertModal =
+      (typeof this.ui.revertModal === "function"
+        ? this.ui.revertModal({ app })
+        : this.ui.revertModal) ||
+      new RevertModal({
+        removeTrackingScripts,
+        setGlobalModalState,
+        formatAbsoluteTimestamp: (timestamp) => app.formatAbsoluteTimestamp(timestamp),
+        formatTimeAgo: (timestamp) => app.formatTimeAgo(timestamp),
+        escapeHTML: (value) => app.escapeHTML(value),
+        truncateMiddle,
+        formatShortNpub: (value) => formatShortNpub(value),
+        fallbackThumbnailSrc: this.assets.fallbackThumbnailSrc,
+        container: modalContainer,
+      });
+
+    this.revertConfirmHandler = (event) => {
+      app.handleRevertModalConfirm(event);
+    };
+    this.revertModal.addEventListener(
+      "video:revert-confirm",
+      this.revertConfirmHandler,
+    );
+    app.revertModal = this.revertModal;
+
+    const deleteModalSetup = initDeleteModal({
+      app,
+      deleteModalOverride: this.ui.deleteModal,
+      container: modalContainer,
+      utilities: {
+        removeTrackingScripts,
+        setGlobalModalState,
+        truncateMiddle,
+      },
+      callbacks: {
+        onConfirm: (event) => app.handleDeleteModalConfirm(event),
+        onCancel: () => app.showError(""),
+      },
+    });
+
+    this.deleteModal = deleteModalSetup.modal;
+    this.deleteModalEvents = deleteModalSetup.events;
+    this.deleteConfirmHandler = deleteModalSetup.handlers.confirm;
+    this.deleteCancelHandler = deleteModalSetup.handlers.cancel;
+    app.deleteModal = this.deleteModal;
+    app.deleteModalEvents = this.deleteModalEvents;
+
+    this.shareNostrModal = new ShareNostrModal({
+      removeTrackingScripts,
+      setGlobalModalState,
+      container: modalContainer,
+      fallbackThumbnailSrc: this.assets.fallbackThumbnailSrc,
+      onPost: (payload) => app.handleShareNostrPost(payload),
+    });
+    app.shareNostrModal = this.shareNostrModal;
+
+    this.embedVideoModal = new EmbedVideoModal({
+      removeTrackingScripts,
+      container: modalContainer,
+      document: doc,
+      getShareUrl: (eventId) => app.buildShareUrlFromEventId(eventId),
+      callbacks: {
+        showSuccess: (message) => app.showSuccess(message),
+        showError: (message) => app.showError(message),
+      },
+    });
+    app.embedVideoModal = this.embedVideoModal;
+
+    const isEmbedMode = typeof window !== "undefined" && window.location.pathname.endsWith("/embed.html");
+
+    this.videoModal =
+      (typeof this.ui.videoModal === "function"
+        ? this.ui.videoModal({ app })
+        : this.ui.videoModal) ||
+      (isEmbedMode
+        ? new EmbedPlayerModal({
+            document: doc,
+            logger: { log: (...a) => app.log(...a) },
+          })
+        : new VideoModal({
+            removeTrackingScripts,
+            setGlobalModalState,
+            document: doc,
+            logger: {
+              log: (message, ...args) => app.log(message, ...args),
+            },
+            mediaLoader: app.mediaLoader,
+            assets: {
+              fallbackThumbnailSrc: this.assets.fallbackThumbnailSrc,
+            },
+            state: {
+              loadedThumbnails: app.loadedThumbnails,
+            },
+            helpers: {
+              safeEncodeNpub: (pubkey) => app.safeEncodeNpub(pubkey),
+              formatShortNpub: (value) => formatShortNpub(value),
+            },
+          }));
+
+    if (
+      this.videoModal &&
+      typeof this.videoModal.setMediaLoader === "function"
+    ) {
+      this.videoModal.setMediaLoader(app.mediaLoader);
+    }
+    if (
+      this.videoModal &&
+      typeof this.videoModal.setTagPreferenceStateResolver === "function"
+    ) {
+      this.videoModal.setTagPreferenceStateResolver((tag) =>
+        app.getTagPreferenceState(tag),
+      );
+    }
+
+    this.zapController = new ZapController({
+      videoModal: this.videoModal,
+      getCurrentVideo: () => app.currentVideo,
+      nwcSettings: app.nwcSettingsService,
+      isUserLoggedIn: () => app.isUserLoggedIn(),
+      hasSessionActor: () =>
+        Boolean(
+          typeof nostrClient?.sessionActor?.pubkey === "string" &&
+            nostrClient.sessionActor.pubkey.trim(),
+        ),
+      notifyLoginRequired: () =>
+        showLoginRequiredToZapNotification({
+          app,
+          document: app.statusContainer?.ownerDocument || doc,
+        }),
+      splitAndZap: (...args) => app.splitAndZap(...args),
+      payments: app.payments,
+      callbacks: {
+        onSuccess: (message) => app.showSuccess(message),
+        onError: (message) => app.showError(message),
+      },
+      requestWalletPane: () => app.openWalletPane(),
+    });
+    app.zapController = this.zapController;
+
+    this.videoModalHandlers.close = () => {
+      app.hideModal();
+    };
+    this.videoModal.addEventListener(
+      "modal:close",
+      this.videoModalHandlers.close,
+    );
+
+    this.videoModalHandlers.copy = () => {
+      app.handleCopyMagnet();
+    };
+    this.videoModal.addEventListener(
+      "video:copy-magnet",
+      this.videoModalHandlers.copy,
+    );
+
+    this.videoModalHandlers.share = () => {
+      app.shareActiveVideo();
+    };
+    this.videoModal.addEventListener(
+      "video:share",
+      this.videoModalHandlers.share,
+    );
+
+    this.videoModalHandlers.embed = (event) => {
+      const detail = event?.detail || {};
+      const targetVideo =
+        detail && typeof detail.video === "object"
+          ? detail.video
+          : app.currentVideo || null;
+      if (!targetVideo) {
+        app.showError("No video is available to embed.");
+        return;
+      }
+      Promise.resolve(
+        this.embedVideoModal?.open({
+          video: targetVideo,
+          triggerElement: event?.target || null,
+        }),
+      ).catch((error) => {
+        devLogger.error("[ModalManager] Failed to open embed modal:", error);
+        app.showError("Unable to open the embed modal.");
+      });
+    };
+    this.videoModal.addEventListener(
+      "video:embed",
+      this.videoModalHandlers.embed,
+    );
+
+    this.videoModalHandlers.moderationOverride = (event) => {
+      const detail = event?.detail || {};
+      const targetVideo =
+        detail && typeof detail.video === "object"
+          ? detail.video
+          : app.currentVideo || null;
+      if (!targetVideo) {
+        const trigger = detail?.trigger;
+        if (trigger) {
+          trigger.disabled = false;
+          trigger.removeAttribute("aria-busy");
+        }
+        return;
+      }
+
+      const handled = app.handleModerationOverride({
+        video: targetVideo,
+        card: detail?.card || null,
+      });
+
+      if (handled === false) {
+        const trigger = detail?.trigger;
+        if (trigger) {
+          trigger.disabled = false;
+          trigger.removeAttribute("aria-busy");
+        }
+      }
+    };
+    this.videoModal.addEventListener(
+      "video:moderation-override",
+      this.videoModalHandlers.moderationOverride,
+    );
+
+    this.videoModalHandlers.moderationBlock = (event) => {
+      const detail = event?.detail || {};
+      const targetVideo =
+        detail && typeof detail.video === "object"
+          ? detail.video
+          : app.currentVideo || null;
+      const trigger = detail?.trigger || null;
+
+      if (!targetVideo) {
+        if (trigger) {
+          trigger.disabled = false;
+          trigger.removeAttribute("aria-busy");
+        }
+        return;
+      }
+
+      Promise.resolve(
+        app.handleModerationBlock({
+          video: targetVideo,
+          card: detail?.card || null,
+        }),
+      )
+        .then((handled) => {
+          if (handled === false && trigger) {
+            trigger.disabled = false;
+            trigger.removeAttribute("aria-busy");
+          }
+        })
+        .catch((error) => {
+          devLogger.warn(
+            "[Application] Failed to handle modal moderation block:",
+            error,
+          );
+          if (trigger) {
+            trigger.disabled = false;
+            trigger.removeAttribute("aria-busy");
+          }
+        });
+    };
+    this.videoModal.addEventListener(
+      "video:moderation-block",
+      this.videoModalHandlers.moderationBlock,
+    );
+
+    this.videoModalHandlers.moderationHide = (event) => {
+      const detail = event?.detail || {};
+      const targetVideo =
+        detail && typeof detail.video === "object"
+          ? detail.video
+          : app.currentVideo || null;
+      const trigger = detail?.trigger || null;
+
+      if (!targetVideo) {
+        if (trigger) {
+          trigger.disabled = false;
+          trigger.removeAttribute("aria-busy");
+        }
+        return;
+      }
+
+      Promise.resolve(
+        app.handleModerationHide({
+          video: targetVideo,
+          card: detail?.card || null,
+        }),
+      )
+        .then((handled) => {
+          if (handled === false && trigger) {
+            trigger.disabled = false;
+            trigger.removeAttribute("aria-busy");
+          }
+        })
+        .catch((error) => {
+          devLogger.warn(
+            "[Application] Failed to handle modal moderation hide:",
+            error,
+          );
+          if (trigger) {
+            trigger.disabled = false;
+            trigger.removeAttribute("aria-busy");
+          }
+        });
+    };
+    this.videoModal.addEventListener(
+      "video:moderation-hide",
+      this.videoModalHandlers.moderationHide,
+    );
+
+    this.videoModalHandlers.tagActivate = (event) => {
+      const detail = event?.detail || {};
+      const nativeEvent = detail?.nativeEvent || null;
+      if (nativeEvent) {
+        nativeEvent.preventDefault?.();
+        nativeEvent.stopPropagation?.();
+      }
+
+      app.handleTagPreferenceActivation({
+        tag: detail?.tag,
+        trigger: detail?.trigger || null,
+        context: "modal",
+        video: detail?.video || app.currentVideo || null,
+        event: nativeEvent,
+      });
+    };
+    this.videoModal.addEventListener(
+      "tag:activate",
+      this.videoModalHandlers.tagActivate,
+    );
+
+    this.videoModalHandlers.similarSelect = (event) => {
+      const detail = event?.detail || {};
+      const selectedVideo =
+        detail && typeof detail.video === "object" ? detail.video : null;
+      const triggerCandidate =
+        detail?.event?.currentTarget ||
+        (detail?.card && typeof detail.card.getRoot === "function"
+          ? detail.card.getRoot()
+          : null);
+
+      app.setLastModalTrigger(triggerCandidate || null);
+
+      if (detail?.event) {
+        detail.event.preventDefault?.();
+        detail.event.stopPropagation?.();
+      }
+
+      if (!selectedVideo) {
+        return;
+      }
+
+      const playbackOptions = {
+        trigger: triggerCandidate || null,
+      };
+
+      const rawUrl =
+        typeof selectedVideo.url === "string" ? selectedVideo.url.trim() : "";
+      if (rawUrl) {
+        playbackOptions.url = rawUrl;
+      }
+
+      const rawMagnet =
+        typeof selectedVideo.magnet === "string"
+          ? selectedVideo.magnet.trim()
+          : "";
+      if (rawMagnet) {
+        playbackOptions.magnet = rawMagnet;
+      }
+
+      const hasPlayById = typeof app.playVideoByEventId === "function";
+      const hasFallbackPlayback =
+        typeof app.playVideoWithFallback === "function";
+
+      const selectedId =
+        typeof selectedVideo.id === "string" ? selectedVideo.id : "";
+
+      if (selectedId && hasPlayById) {
+        Promise.resolve(app.playVideoByEventId(selectedId, playbackOptions)).catch(
+          (error) => {
+            devLogger.error(
+              "[ModalManager] Failed to play selected similar video:",
+              error,
+            );
+          },
+        );
+        return;
+      }
+
+      if (!hasFallbackPlayback) {
+        devLogger.warn(
+          "[ModalManager] Unable to start playback for similar video; no playback handler is available.",
+        );
+        return;
+      }
+
+      Promise.resolve(app.playVideoWithFallback(playbackOptions)).catch(
+        (error) => {
+          devLogger.error(
+            "[ModalManager] Failed to start playback for similar video:",
+            error,
+          );
+        },
+      );
+    };
+    this.videoModal.addEventListener(
+      "similar:select",
+      this.videoModalHandlers.similarSelect,
+    );
+
+    this.videoModalHandlers.reaction = (event) => {
+      const detail = event?.detail || {};
+      app.handleVideoReaction(detail);
+    };
+    this.videoModal.addEventListener(
+      "video:reaction",
+      this.videoModalHandlers.reaction,
+    );
+
+    this.videoModalHandlers.contextAction = (event) => {
+      const detail = event?.detail || {};
+      const action = typeof detail.action === "string" ? detail.action : "";
+      if (!action) {
+        return;
+      }
+      const dataset = {
+        ...(detail.dataset || {}),
+      };
+      if (!dataset.context) {
+        dataset.context = "modal";
+      }
+      app.handleMoreMenuAction(action, dataset);
+    };
+    this.videoModal.addEventListener(
+      "video:context-action",
+      this.videoModalHandlers.contextAction,
+    );
+
+    this.videoModalHandlers.creatorNavigate = () => {
+      app.openCreatorChannel();
+    };
+    this.videoModal.addEventListener(
+      "creator:navigate",
+      this.videoModalHandlers.creatorNavigate,
+    );
+
+    this.videoModalHandlers.zap = (event) => {
+      this.zapController?.sendZap(event?.detail || {});
+    };
+    this.videoModal.addEventListener(
+      "video:zap",
+      this.videoModalHandlers.zap,
+    );
+
+    this.videoModalHandlers.zapOpen = (event) => {
+      const requiresLogin = Boolean(event?.detail?.requiresLogin);
+      app.pendingModalZapOpen = requiresLogin;
+
+      const openResult = this.zapController?.open({ requiresLogin });
+      if (!openResult) {
+        event?.preventDefault?.();
+        if (!requiresLogin) {
+          app.pendingModalZapOpen = false;
+        }
+        this.videoModal?.closeZapDialog?.({
+          silent: true,
+          restoreFocus: false,
+        });
+        return;
+      }
+
+      app.pendingModalZapOpen = false;
+    };
+    this.videoModal.addEventListener(
+      "zap:open",
+      this.videoModalHandlers.zapOpen,
+    );
+
+    this.videoModalHandlers.zapClose = () => {
+      this.zapController?.close();
+    };
+    this.videoModal.addEventListener(
+      "zap:close",
+      this.videoModalHandlers.zapClose,
+    );
+
+    this.videoModalHandlers.zapAmount = (event) => {
+      this.zapController?.setAmount(event?.detail?.amount);
+    };
+    this.videoModal.addEventListener(
+      "zap:amount-change",
+      this.videoModalHandlers.zapAmount,
+    );
+
+    this.videoModalHandlers.zapComment = (event) => {
+      this.zapController?.setComment(event?.detail?.comment);
+    };
+    this.videoModal.addEventListener(
+      "zap:comment-change",
+      this.videoModalHandlers.zapComment,
+    );
+
+    this.videoModalHandlers.zapWallet = () => {
+      this.zapController?.handleWalletLink();
+    };
+    this.videoModal.addEventListener(
+      "zap:wallet-link",
+      this.videoModalHandlers.zapWallet,
+    );
+
+    this.videoModalHandlers.commentSubmit = (event) => {
+      app.commentController?.submit(event?.detail || {});
+    };
+    this.videoModal.addEventListener(
+      "comment:submit",
+      this.videoModalHandlers.commentSubmit,
+    );
+
+    this.videoModalHandlers.commentRetry = (event) => {
+      app.commentController?.retry(event?.detail || {});
+    };
+    this.videoModal.addEventListener(
+      "comment:retry",
+      this.videoModalHandlers.commentRetry,
+    );
+
+    this.videoModalHandlers.commentLoadMore = () => {
+      app.commentController?.loadMore();
+    };
+    this.videoModal.addEventListener(
+      "comment:load-more",
+      this.videoModalHandlers.commentLoadMore,
+    );
+
+    this.videoModalHandlers.commentLogin = (event) => {
+      app.commentController?.handleLoginRequired(event?.detail || {});
+    };
+    this.videoModal.addEventListener(
+      "comment:login-required",
+      this.videoModalHandlers.commentLogin,
+    );
+
+    this.videoModalHandlers.commentMute = (event) => {
+      app.commentController?.muteAuthor(event?.detail || {});
+    };
+    this.videoModal.addEventListener(
+      "comment:mute-author",
+      this.videoModalHandlers.commentMute,
+    );
+
+    app.videoModal = this.videoModal;
+
+    this.eventDetailsModal = new EventDetailsModal({
+      app,
+      document: doc,
+      helpers: {
+        escapeHtml: (value) => app.escapeHTML(value),
+        formatAbsoluteTimestamp: (ts) => app.formatAbsoluteTimestamp(ts),
+        safeEncodeNpub: (pubkey) => app.safeEncodeNpub(pubkey),
+      },
+      callbacks: {
+        showError: (msg) => app.showError(msg),
+        showSuccess: (msg) => app.showSuccess(msg),
+        openCreatorChannel: (pubkey) => {
+          app.hideModal();
+          app.goToProfile(pubkey);
+        },
+      },
+    });
+    app.eventDetailsModal = this.eventDetailsModal;
+  }
+
+  teardown() {
+    const app = this.app;
+
+    if (this.uploadModal && this.uploadSubmitHandler) {
+      try {
+        if (typeof this.uploadModal.removeEventListener === "function") {
+          this.uploadModal.removeEventListener(
+            "upload:submit",
+            this.uploadSubmitHandler,
+          );
+        }
+      } catch (error) {
+        devLogger.warn("[ModalManager] Failed to remove upload submit handler:", error);
+      }
+    }
+    if (typeof this.uploadModal?.destroy === "function") {
+      try {
+        this.uploadModal.destroy();
+      } catch (error) {
+        devLogger.warn("[ModalManager] Failed to destroy upload modal:", error);
+      }
+    }
+
+    if (this.editModal) {
+      if (this.editSubmitHandler) {
+        try {
+          this.editModal.removeEventListener(
+            "video:edit-submit",
+            this.editSubmitHandler,
+          );
+        } catch (error) {
+          devLogger.warn(
+            "[ModalManager] Failed to remove edit submit handler:",
+            error,
+          );
+        }
+      }
+      if (this.editCancelHandler) {
+        try {
+          this.editModal.removeEventListener(
+            "video:edit-cancel",
+            this.editCancelHandler,
+          );
+        } catch (error) {
+          devLogger.warn(
+            "[ModalManager] Failed to remove edit cancel handler:",
+            error,
+          );
+        }
+      }
+      if (typeof this.editModal.destroy === "function") {
+        try {
+          this.editModal.destroy();
+        } catch (error) {
+          devLogger.warn("[ModalManager] Failed to destroy edit modal:", error);
+        }
+      }
+    }
+
+    if (this.shareNostrModal && typeof this.shareNostrModal.close === "function") {
+      try {
+        this.shareNostrModal.close();
+      } catch (error) {
+        devLogger.warn("[ModalManager] Failed to close share Nostr modal:", error);
+      }
+    }
+    this.shareNostrModal = null;
+    if (app.shareNostrModal) {
+      app.shareNostrModal = null;
+    }
+
+    if (this.embedVideoModal && typeof this.embedVideoModal.close === "function") {
+      try {
+        this.embedVideoModal.close();
+      } catch (error) {
+        devLogger.warn("[ModalManager] Failed to close embed modal:", error);
+      }
+    }
+    this.embedVideoModal = null;
+    if (app.embedVideoModal) {
+      app.embedVideoModal = null;
+    }
+
+    if (this.revertModal && this.revertConfirmHandler) {
+      try {
+        this.revertModal.removeEventListener(
+          "video:revert-confirm",
+          this.revertConfirmHandler,
+        );
+      } catch (error) {
+        devLogger.warn("[ModalManager] Failed to remove revert handler:", error);
+      }
+      this.revertConfirmHandler = null;
+    }
+    if (typeof this.revertModal?.destroy === "function") {
+      try {
+        this.revertModal.destroy();
+      } catch (error) {
+        devLogger.warn("[ModalManager] Failed to destroy revert modal:", error);
+      }
+    }
+
+    if (this.deleteModal) {
+      if (this.deleteConfirmHandler) {
+        try {
+          this.deleteModal.removeEventListener(
+            "video:delete-confirm",
+            this.deleteConfirmHandler,
+          );
+        } catch (error) {
+          devLogger.warn(
+            "[ModalManager] Failed to remove delete confirm handler:",
+            error,
+          );
+        }
+      }
+      if (this.deleteCancelHandler) {
+        try {
+          this.deleteModal.removeEventListener(
+            "video:delete-cancel",
+            this.deleteCancelHandler,
+          );
+        } catch (error) {
+          devLogger.warn(
+            "[ModalManager] Failed to remove delete cancel handler:",
+            error,
+          );
+        }
+      }
+      if (typeof this.deleteModal.destroy === "function") {
+        try {
+          this.deleteModal.destroy();
+        } catch (error) {
+          devLogger.warn("[ModalManager] Failed to destroy delete modal:", error);
+        }
+      }
+    }
+
+    if (this.videoModal) {
+      const entries = Object.entries(this.videoModalHandlers);
+      for (const [key, handler] of entries) {
+        if (!handler) {
+          continue;
+        }
+        let eventName = null;
+        switch (key) {
+          case "close":
+            eventName = "modal:close";
+            break;
+          case "copy":
+            eventName = "video:copy-magnet";
+            break;
+          case "share":
+            eventName = "video:share";
+            break;
+          case "embed":
+            eventName = "video:embed";
+            break;
+          case "moderationOverride":
+            eventName = "video:moderation-override";
+            break;
+          case "moderationBlock":
+            eventName = "video:moderation-block";
+            break;
+          case "moderationHide":
+            eventName = "video:moderation-hide";
+            break;
+          case "tagActivate":
+            eventName = "tag:activate";
+            break;
+          case "similarSelect":
+            eventName = "similar:select";
+            break;
+          case "reaction":
+            eventName = "video:reaction";
+            break;
+          case "contextAction":
+            eventName = "video:context-action";
+            break;
+          case "creatorNavigate":
+            eventName = "creator:navigate";
+            break;
+          case "zap":
+            eventName = "video:zap";
+            break;
+          case "zapOpen":
+            eventName = "zap:open";
+            break;
+          case "zapClose":
+            eventName = "zap:close";
+            break;
+          case "zapAmount":
+            eventName = "zap:amount-change";
+            break;
+          case "zapComment":
+            eventName = "zap:comment-change";
+            break;
+          case "zapWallet":
+            eventName = "zap:wallet-link";
+            break;
+          case "commentSubmit":
+            eventName = "comment:submit";
+            break;
+          case "commentRetry":
+            eventName = "comment:retry";
+            break;
+          case "commentLoadMore":
+            eventName = "comment:load-more";
+            break;
+          case "commentLogin":
+            eventName = "comment:login-required";
+            break;
+          case "commentMute":
+            eventName = "comment:mute-author";
+            break;
+          default:
+            break;
+        }
+        if (!eventName) {
+          continue;
+        }
+        try {
+          this.videoModal.removeEventListener(eventName, handler);
+        } catch (error) {
+          devLogger.warn(
+            `[ModalManager] Failed to remove handler for ${eventName}:`,
+            error,
+          );
+        }
+        this.videoModalHandlers[key] = null;
+      }
+
+      if (typeof this.videoModal.destroy === "function") {
+        try {
+          this.videoModal.destroy();
+        } catch (error) {
+          devLogger.warn("[ModalManager] Failed to destroy video modal:", error);
+        }
+      }
+    }
+
+    app.uploadModal = null;
+    app.uploadModalEvents = null;
+    app.editModal = null;
+    app.editModalEvents = null;
+    app.revertModal = null;
+    app.deleteModal = null;
+    app.deleteModalEvents = null;
+    app.videoModal = null;
+    app.eventDetailsModal = null;
+    app.zapController = null;
+    app.embedVideoModal = null;
+
+    this.uploadModal = null;
+    this.uploadModalEvents = null;
+    this.uploadSubmitHandler = null;
+    this.editModal = null;
+    this.editModalEvents = null;
+    this.editSubmitHandler = null;
+    this.editCancelHandler = null;
+    this.revertModal = null;
+    this.deleteModal = null;
+    this.deleteModalEvents = null;
+    this.deleteConfirmHandler = null;
+    this.deleteCancelHandler = null;
+    this.videoModal = null;
+    this.videoModalHandlers = {};
+    this.eventDetailsModal = null;
+    this.zapController = null;
+    this.embedVideoModal = null;
+  }
+}
diff --git a/dist/js/ui/ambientBackground.js b/dist/js/ui/ambientBackground.js
new file mode 100644
index 00000000..fea7c153
--- /dev/null
+++ b/dist/js/ui/ambientBackground.js
@@ -0,0 +1,321 @@
+// js/ui/ambientBackground.js
+
+import { devLogger as defaultLogger } from "../utils/logger.js";
+
+const DEFAULT_THROTTLE_MS = 66;
+
+function getGlobalFromCanvas(canvas) {
+  const doc = canvas?.ownerDocument || (typeof document !== "undefined" ? document : null);
+  const win = doc?.defaultView || (typeof window !== "undefined" ? window : null);
+  return { doc, win };
+}
+
+function getFallbackFillColor(canvas) {
+  const { doc, win } = getGlobalFromCanvas(canvas);
+  const candidates = ["--color-overlay-strong", "--color-overlay", "--color-surface", "--color-bg"];
+  let styles = null;
+  if (doc && typeof doc.documentElement !== "undefined") {
+    const root = doc.documentElement;
+    if (win && typeof win.getComputedStyle === "function") {
+      styles = win.getComputedStyle(root);
+    }
+  }
+
+  for (const token of candidates) {
+    if (!styles) {
+      break;
+    }
+    const value = styles.getPropertyValue(token);
+    if (value && value.trim()) {
+      return value.trim();
+    }
+  }
+
+  return "rgb(0, 0, 0)";
+}
+
+function resizeCanvas(canvas, video) {
+  if (!canvas) {
+    return { width: 0, height: 0 };
+  }
+  const { doc, win } = getGlobalFromCanvas(canvas);
+  const host = canvas.parentElement || canvas;
+  const rect = host?.getBoundingClientRect?.();
+  if (!rect || rect.width <= 0 || rect.height <= 0) {
+    return { width: canvas.width || 0, height: canvas.height || 0 };
+  }
+
+  const dpr = (win && win.devicePixelRatio) || 1;
+  const targetWidth = Math.max(1, Math.round(rect.width * dpr));
+  const targetHeight = Math.max(1, Math.round(rect.height * dpr));
+
+  if (canvas.width !== targetWidth || canvas.height !== targetHeight) {
+    canvas.width = targetWidth;
+    canvas.height = targetHeight;
+  }
+
+  if (video) {
+    const readyState = Number.isFinite(video.readyState) ? video.readyState : 0;
+    if (readyState >= 1 && video.videoWidth && video.videoHeight) {
+      return { width: canvas.width, height: canvas.height };
+    }
+  }
+
+  return { width: canvas.width, height: canvas.height };
+}
+
+function drawCover(ctx, video, canvasWidth, canvasHeight) {
+  if (!ctx || !video || !canvasWidth || !canvasHeight) {
+    return;
+  }
+  const videoWidth = video.videoWidth;
+  const videoHeight = video.videoHeight;
+  if (!videoWidth || !videoHeight) {
+    return;
+  }
+
+  const videoRatio = videoWidth / videoHeight;
+  const canvasRatio = canvasWidth / canvasHeight;
+
+  let sx = 0;
+  let sy = 0;
+  let sw = videoWidth;
+  let sh = videoHeight;
+
+  if (videoRatio > canvasRatio) {
+    sh = videoHeight;
+    sw = Math.round(videoHeight * canvasRatio);
+    sx = Math.max(0, Math.round((videoWidth - sw) / 2));
+    sy = 0;
+  } else {
+    sw = videoWidth;
+    sh = Math.round(videoWidth / canvasRatio);
+    sx = 0;
+    sy = Math.max(0, Math.round((videoHeight - sh) / 2));
+  }
+
+  ctx.drawImage(video, sx, sy, sw, sh, 0, 0, canvasWidth, canvasHeight);
+}
+
+export function attachAmbientBackground(videoElement, canvasElement, options = {}) {
+  if (!videoElement || !canvasElement) {
+    return () => {};
+  }
+
+  const normalizedOptions =
+    options && typeof options === "object" ? options : {};
+  const logger = normalizedOptions.logger || defaultLogger;
+
+  let ctx = null;
+  try {
+    ctx = canvasElement.getContext("2d", { alpha: false });
+  } catch (error) {
+    if (logger && typeof logger.warn === "function") {
+      logger.warn("[ambientBackground] Canvas context unavailable:", error);
+    }
+    return () => {};
+  }
+  if (!ctx) {
+    if (logger && typeof logger.warn === "function") {
+      logger.warn("[ambientBackground] Canvas context unavailable.");
+    }
+    return () => {};
+  }
+
+  const { doc, win } = getGlobalFromCanvas(canvasElement);
+  const throttleMs = Number.isFinite(normalizedOptions.throttleMs)
+    ? Math.max(0, normalizedOptions.throttleMs)
+    : DEFAULT_THROTTLE_MS;
+
+  const requestFrame = win?.requestAnimationFrame?.bind(win) || ((cb) => setTimeout(() => cb(Date.now()), throttleMs));
+  const cancelFrame = win?.cancelAnimationFrame?.bind(win) || ((id) => clearTimeout(id));
+
+  let rafId = 0;
+  let running = false;
+  let destroyed = false;
+  let lastTime = 0;
+  let tainted = false;
+  let resizeObserver = null;
+
+  const clearCanvas = () => {
+    if (!canvasElement) {
+      return;
+    }
+    const fillColor = getFallbackFillColor(canvasElement);
+    ctx.fillStyle = fillColor;
+    ctx.fillRect(0, 0, canvasElement.width || 0, canvasElement.height || 0);
+  };
+
+  const stop = () => {
+    running = false;
+    if (rafId) {
+      cancelFrame(rafId);
+      rafId = 0;
+    }
+    if (resizeObserver) {
+      resizeObserver.disconnect();
+      resizeObserver = null;
+    }
+    if (win) {
+      win.removeEventListener("resize", handleResize);
+    }
+  };
+
+  const schedule = () => {
+    if (!running || destroyed) {
+      return;
+    }
+    rafId = requestFrame(step);
+  };
+
+  const step = (timestamp = (win?.performance?.now?.() ?? Date.now())) => {
+    if (!running || destroyed) {
+      return;
+    }
+    if (timestamp - lastTime < throttleMs) {
+      schedule();
+      return;
+    }
+    lastTime = timestamp;
+
+    try {
+      // Optimization: Rely on ResizeObserver for dimensions.
+      // Do NOT call resizeCanvas() here to avoid layout thrashing.
+      const width = canvasElement.width || 0;
+      const height = canvasElement.height || 0;
+
+      if (!width || !height) {
+        schedule();
+        return;
+      }
+      drawCover(ctx, videoElement, width, height);
+    } catch (error) {
+      tainted = true;
+      stop();
+      clearCanvas();
+      return;
+    }
+
+    schedule();
+  };
+
+  const start = () => {
+    if (destroyed || tainted || running) {
+      return;
+    }
+    if (doc?.hidden) {
+      running = false;
+      return;
+    }
+    running = true;
+    lastTime = 0;
+    resizeCanvas(canvasElement, videoElement);
+
+    if (!resizeObserver && win && typeof win.ResizeObserver === "function") {
+      try {
+        resizeObserver = new win.ResizeObserver(() => {
+          if (!destroyed) {
+            resizeCanvas(canvasElement, videoElement);
+          }
+        });
+        const host = canvasElement.parentElement || canvasElement;
+        resizeObserver.observe(host);
+      } catch (err) {
+        if (logger && typeof logger.warn === "function") {
+          logger.warn("[ambientBackground] Failed to initialize ResizeObserver", err);
+        }
+      }
+    } else if (win && !resizeObserver) {
+      // Fallback for browsers without ResizeObserver
+      win.addEventListener("resize", handleResize);
+    }
+
+    step();
+  };
+
+  const handleResize = () => {
+    if (destroyed) {
+      return;
+    }
+    resizeCanvas(canvasElement, videoElement);
+  };
+
+  const handleVisibility = () => {
+    if (!doc) {
+      return;
+    }
+    if (doc.hidden) {
+      stop();
+      return;
+    }
+    resizeCanvas(canvasElement, videoElement);
+    if (!running && !videoElement.paused && !videoElement.ended) {
+      start();
+    }
+  };
+
+  const handlePlay = () => {
+    if (destroyed || tainted) {
+      return;
+    }
+    start();
+  };
+
+  const handlePause = () => {
+    if (destroyed) {
+      return;
+    }
+    stop();
+  };
+
+  const handleEnded = () => {
+    if (destroyed) {
+      return;
+    }
+    stop();
+  };
+
+  const handleLoadedMetadata = () => {
+    if (destroyed || tainted) {
+      return;
+    }
+    resizeCanvas(canvasElement, videoElement);
+    if (!videoElement.paused && !videoElement.ended) {
+      start();
+    }
+  };
+
+  videoElement.addEventListener("play", handlePlay);
+  videoElement.addEventListener("pause", handlePause);
+  videoElement.addEventListener("ended", handleEnded);
+  videoElement.addEventListener("emptied", handlePause);
+  videoElement.addEventListener("loadedmetadata", handleLoadedMetadata);
+
+  if (doc) {
+    doc.addEventListener("visibilitychange", handleVisibility);
+  }
+
+  resizeCanvas(canvasElement, videoElement);
+  if (!videoElement.paused && !videoElement.ended) {
+    start();
+  }
+
+  return ({ clear = true } = {}) => {
+    if (destroyed) {
+      return;
+    }
+    destroyed = true;
+    stop();
+    videoElement.removeEventListener("play", handlePlay);
+    videoElement.removeEventListener("pause", handlePause);
+    videoElement.removeEventListener("ended", handleEnded);
+    videoElement.removeEventListener("emptied", handlePause);
+    videoElement.removeEventListener("loadedmetadata", handleLoadedMetadata);
+    if (doc) {
+      doc.removeEventListener("visibilitychange", handleVisibility);
+    }
+    if (clear) {
+      clearCanvas();
+    }
+  };
+}
diff --git a/dist/js/ui/appChromeController.js b/dist/js/ui/appChromeController.js
new file mode 100644
index 00000000..a4e73e9c
--- /dev/null
+++ b/dist/js/ui/appChromeController.js
@@ -0,0 +1,408 @@
+import { devLogger as defaultLogger } from "../utils/logger.js";
+import {
+  prepareStaticModal,
+  openStaticModal,
+  closeStaticModal,
+} from "./components/staticModalAccessibility.js";
+
+const DEFAULT_LOGOUT_ERROR_MESSAGE = "Failed to logout. Please try again.";
+
+export default class AppChromeController {
+  constructor({
+    elements = {},
+    callbacks = {},
+    utilities = {},
+    environment = {},
+    logger,
+  } = {}) {
+    this.elements = {
+      logoutButton: this.normalizeElement(elements.logoutButton),
+      profileButton: this.normalizeElement(elements.profileButton),
+      profileUnreadDot: this.normalizeElement(elements.profileUnreadDot),
+      uploadButton: this.normalizeElement(elements.uploadButton),
+      loginButton: this.normalizeElement(elements.loginButton),
+      closeLoginModalButton: this.normalizeElement(
+        elements.closeLoginModalButton,
+      ),
+    };
+
+    this.callbacks = {
+      requestLogout: callbacks.requestLogout || null,
+      showError: callbacks.showError || null,
+      showProfileModal: callbacks.showProfileModal || null,
+      openUploadModal: callbacks.openUploadModal || null,
+      onLoginModalOpened: callbacks.onLoginModalOpened || null,
+      onLoginModalClosed: callbacks.onLoginModalClosed || null,
+      flushWatchHistory: callbacks.flushWatchHistory || null,
+      cleanup: callbacks.cleanup || null,
+      hideModal: callbacks.hideModal || null,
+    };
+
+    this.utilities = {
+      prepareLoginModal:
+        typeof utilities.prepareLoginModal === "function"
+          ? utilities.prepareLoginModal
+          : () => prepareStaticModal({ id: "loginModal" }) || document.getElementById("loginModal"),
+      prepareApplicationModal:
+        typeof utilities.prepareApplicationModal === "function"
+          ? utilities.prepareApplicationModal
+          : () => prepareStaticModal({ id: "nostrFormModal" }) || document.getElementById("nostrFormModal"),
+      openModal:
+        typeof utilities.openModal === "function"
+          ? utilities.openModal
+          : (modal, options) => openStaticModal(modal, options),
+      closeModal:
+        typeof utilities.closeModal === "function"
+          ? utilities.closeModal
+          : (modalId) => closeStaticModal(modalId),
+    };
+
+    this.document = environment.document || (typeof document !== "undefined" ? document : null);
+    this.window = environment.window || (typeof window !== "undefined" ? window : null);
+    this.logger = logger || defaultLogger;
+
+    this.isInitialized = false;
+    this.hasBoundGlobalEvents = false;
+
+    this.boundElements = {
+      logoutButton: null,
+      profileButton: null,
+      uploadButton: null,
+      loginButton: null,
+      closeLoginModalButton: null,
+    };
+
+    this.handleLogoutClick = async () => {
+      try {
+        if (typeof this.callbacks.requestLogout === "function") {
+          await this.callbacks.requestLogout();
+        }
+      } catch (error) {
+        if (this.logger?.error) {
+          this.logger.error("Logout failed:", error);
+        }
+        if (typeof this.callbacks.showError === "function") {
+          this.callbacks.showError(DEFAULT_LOGOUT_ERROR_MESSAGE);
+        }
+      }
+    };
+
+    this.handleProfileClick = () => {
+      if (typeof this.callbacks.showProfileModal !== "function") {
+        return;
+      }
+
+      Promise.resolve()
+        .then(() => this.callbacks.showProfileModal())
+        .catch((error) => {
+          if (this.logger?.error) {
+            this.logger.error("Failed to open profile modal:", error);
+          }
+        });
+    };
+
+    this.handleUploadClick = (event) => {
+      if (typeof this.callbacks.openUploadModal !== "function") {
+        return;
+      }
+
+      const triggerElement = this.getTriggerFromEvent(event);
+      try {
+        this.callbacks.openUploadModal({ triggerElement });
+      } catch (error) {
+        if (this.logger?.error) {
+          this.logger.error("Failed to open upload modal:", error);
+        }
+      }
+    };
+
+    this.handleLoginClick = (event) => {
+      if (this.logger?.log) {
+        this.logger.log("Login button clicked!");
+      }
+
+      const triggerElement = this.getTriggerFromEvent(event);
+      const loginModal =
+        (typeof this.utilities.prepareLoginModal === "function"
+          ? this.utilities.prepareLoginModal()
+          : null) || null;
+
+      if (
+        loginModal &&
+        typeof this.utilities.openModal === "function" &&
+        this.utilities.openModal(loginModal, { triggerElement })
+      ) {
+        if (typeof this.callbacks.onLoginModalOpened === "function") {
+          this.callbacks.onLoginModalOpened();
+        }
+      }
+    };
+
+    this.handleCloseLoginClick = () => {
+      if (this.logger?.log) {
+        this.logger.log("[app.js] closeLoginModal button clicked!");
+      }
+
+      if (typeof this.utilities.closeModal === "function") {
+        const wasClosed = this.utilities.closeModal("loginModal");
+        if (wasClosed && typeof this.callbacks.onLoginModalClosed === "function") {
+          this.callbacks.onLoginModalClosed();
+        }
+      }
+    };
+
+    this.handleBeforeUnload = this.handleBeforeUnload.bind(this);
+    this.handleVisibilityChange = this.handleVisibilityChange.bind(this);
+    this.handlePopstate = this.handlePopstate.bind(this);
+    this.handleDocumentClick = this.handleDocumentClick.bind(this);
+  }
+
+  initialize() {
+    this.bindLogoutButton();
+    this.bindProfileButton();
+    this.bindUploadButton();
+    this.bindLoginButton();
+    this.bindCloseLoginButton();
+
+    if (!this.hasBoundGlobalEvents) {
+      this.bindGlobalEvents();
+      this.hasBoundGlobalEvents = true;
+    }
+
+    this.isInitialized = true;
+  }
+
+  getTriggerFromEvent(event) {
+    if (!event) {
+      return null;
+    }
+    return event.currentTarget || event.target || null;
+  }
+
+  bindLogoutButton() {
+    const button = this.normalizeElement(this.elements.logoutButton);
+    if (this.boundElements.logoutButton === button) {
+      return;
+    }
+
+    this.detachBoundElement("logoutButton", this.handleLogoutClick);
+
+    if (button) {
+      button.addEventListener("click", this.handleLogoutClick);
+      this.boundElements.logoutButton = button;
+    }
+  }
+
+  bindProfileButton() {
+    const button = this.normalizeElement(this.elements.profileButton);
+    if (this.boundElements.profileButton === button) {
+      return;
+    }
+
+    this.detachBoundElement("profileButton", this.handleProfileClick);
+
+    if (button) {
+      button.addEventListener("click", this.handleProfileClick);
+      this.boundElements.profileButton = button;
+    }
+  }
+
+  setUnreadDmIndicator(visible) {
+    const dot = this.normalizeElement(this.elements.profileUnreadDot);
+    if (!dot) {
+      return;
+    }
+
+    const profileButton = this.normalizeElement(this.elements.profileButton);
+    const isProfileVisible =
+      profileButton &&
+      !profileButton.classList.contains("hidden") &&
+      !profileButton.hasAttribute("hidden");
+
+    dot.classList.toggle("is-visible", Boolean(visible) && isProfileVisible);
+  }
+
+  bindUploadButton() {
+    const button = this.normalizeElement(this.elements.uploadButton);
+    if (this.boundElements.uploadButton === button) {
+      return;
+    }
+
+    this.detachBoundElement("uploadButton", this.handleUploadClick);
+
+    if (button) {
+      button.addEventListener("click", this.handleUploadClick);
+      this.boundElements.uploadButton = button;
+    }
+  }
+
+  bindLoginButton() {
+    const button = this.normalizeElement(this.elements.loginButton);
+    if (this.boundElements.loginButton === button) {
+      return;
+    }
+
+    this.detachBoundElement("loginButton", this.handleLoginClick);
+
+    if (button) {
+      button.addEventListener("click", this.handleLoginClick);
+      this.boundElements.loginButton = button;
+    }
+  }
+
+  bindCloseLoginButton() {
+    const button = this.normalizeElement(this.elements.closeLoginModalButton);
+    if (this.boundElements.closeLoginModalButton === button) {
+      return;
+    }
+
+    this.detachBoundElement("closeLoginModalButton", this.handleCloseLoginClick);
+
+    if (button) {
+      button.addEventListener("click", this.handleCloseLoginClick);
+      this.boundElements.closeLoginModalButton = button;
+    }
+  }
+
+  setElements(nextElements = {}) {
+    if (!nextElements || typeof nextElements !== "object") {
+      return;
+    }
+
+    const keys = [
+      "logoutButton",
+      "profileButton",
+      "uploadButton",
+      "loginButton",
+      "closeLoginModalButton",
+    ];
+
+    let shouldRebind = false;
+
+    for (const key of keys) {
+      if (Object.prototype.hasOwnProperty.call(nextElements, key)) {
+        const normalized = this.normalizeElement(nextElements[key]);
+        if (this.elements[key] !== normalized) {
+          this.elements[key] = normalized;
+          shouldRebind = true;
+        }
+      }
+    }
+
+    if (shouldRebind) {
+      this.initialize();
+    }
+  }
+
+  detachBoundElement(key, handler) {
+    const previous = this.boundElements[key];
+    if (previous && typeof previous.removeEventListener === "function") {
+      previous.removeEventListener("click", handler);
+    }
+    this.boundElements[key] = null;
+  }
+
+  normalizeElement(element) {
+    if (!element || typeof element.addEventListener !== "function") {
+      return null;
+    }
+    return element;
+  }
+
+  bindGlobalEvents() {
+    if (this.window && typeof this.window.addEventListener === "function") {
+      this.window.addEventListener("beforeunload", this.handleBeforeUnload);
+      this.window.addEventListener("popstate", this.handlePopstate);
+    }
+
+    if (this.document && typeof this.document.addEventListener === "function") {
+      this.document.addEventListener("visibilitychange", this.handleVisibilityChange);
+      this.document.addEventListener("click", this.handleDocumentClick);
+    }
+  }
+
+  handleBeforeUnload() {
+    if (typeof this.callbacks.flushWatchHistory === "function") {
+      Promise.resolve()
+        .then(() => this.callbacks.flushWatchHistory("session-end", "beforeunload"))
+        .catch((error) => {
+          if (this.logger?.warn) {
+            this.logger.warn("[beforeunload] Watch history flush failed:", error);
+          }
+        });
+    }
+
+    if (typeof this.callbacks.cleanup === "function") {
+      Promise.resolve()
+        .then(() => this.callbacks.cleanup())
+        .catch((error) => {
+          if (this.logger?.error) {
+            this.logger.error("Cleanup before unload failed:", error);
+          }
+        });
+    }
+  }
+
+  handleVisibilityChange() {
+    if (!this.document || this.document.visibilityState !== "hidden") {
+      return;
+    }
+
+    if (typeof this.callbacks.flushWatchHistory !== "function") {
+      return;
+    }
+
+    Promise.resolve()
+      .then(() => this.callbacks.flushWatchHistory("session-end", "visibilitychange"))
+      .catch((error) => {
+        if (this.logger?.warn) {
+          this.logger.warn("[visibilitychange] Watch history flush failed:", error);
+        }
+      });
+  }
+
+  async handlePopstate() {
+    if (this.logger?.log) {
+      this.logger.log("[popstate] user navigated back/forward; cleaning modal...");
+    }
+
+    if (typeof this.callbacks.hideModal !== "function") {
+      return;
+    }
+
+    try {
+      await this.callbacks.hideModal();
+    } catch (error) {
+      if (this.logger?.warn) {
+        this.logger.warn("[popstate] Failed to hide modal:", error);
+      }
+    }
+  }
+
+  handleDocumentClick(event) {
+    if (!event?.target || event.target.id !== "openApplicationModal") {
+      return;
+    }
+
+    if (typeof this.utilities.closeModal === "function") {
+      const closed = this.utilities.closeModal("loginModal");
+      if (closed && typeof this.callbacks.onLoginModalClosed === "function") {
+        this.callbacks.onLoginModalClosed();
+      }
+    }
+
+    if (typeof this.utilities.prepareApplicationModal !== "function") {
+      return;
+    }
+
+    const applicationModal = this.utilities.prepareApplicationModal();
+    if (
+      applicationModal &&
+      typeof this.utilities.openModal === "function"
+    ) {
+      this.utilities.openModal(applicationModal, {
+        triggerElement: event.target,
+      });
+    }
+  }
+}
diff --git a/dist/js/ui/applicationBootstrap.js b/dist/js/ui/applicationBootstrap.js
new file mode 100644
index 00000000..519f87e6
--- /dev/null
+++ b/dist/js/ui/applicationBootstrap.js
@@ -0,0 +1,1160 @@
+import { devLogger } from "../utils/logger.js";
+import { MediaLoader } from "../utils/mediaLoader.js";
+import { attachHealthBadges } from "../gridHealth.js";
+import { attachUrlHealthBadges } from "../urlHealthObserver.js";
+import { createWatchHistoryRenderer } from "../historyView.js";
+import WatchHistoryController from "./watchHistoryController.js";
+import WatchHistoryTelemetry from "../services/watchHistoryTelemetry.js";
+import PlaybackService from "../services/playbackService.js";
+import AuthService from "../services/authService.js";
+import DiscussionCountService from "../services/discussionCountService.js";
+import CommentThreadService from "../services/commentThreadService.js";
+import ExploreDataService from "../services/exploreDataService.js";
+import hashtagPreferences, {
+  HASHTAG_PREFERENCES_EVENTS,
+} from "../services/hashtagPreferencesService.js";
+import NwcSettingsService from "../services/nwcSettingsService.js";
+import nostrService from "../services/nostrService.js";
+import storageService from "../services/storageService.js";
+import watchHistoryService from "../watchHistoryService.js";
+import r2Service from "../services/r2Service.js";
+import s3UploadService from "../services/s3UploadService.js";
+import RelayHealthService from "../services/relayHealthService.js";
+import { createFeedEngine } from "../feedEngine/index.js";
+import { URL_FIRST_ENABLED } from "../constants.js";
+import { ALLOW_NSFW_CONTENT } from "../config.js";
+import { relayManager } from "../relayManager.js";
+import { userBlocks } from "../userBlocks.js";
+import { subscriptions } from "../subscriptions.js";
+import { accessControl } from "../accessControl.js";
+import moderationService from "../services/moderationService.js";
+import ProfileIdentityController from "./profileIdentityController.js";
+import VideoListViewController from "./videoListViewController.js";
+import ProfileModalController from "./profileModalController.js";
+import LoginModalController from "./loginModalController.js";
+import { VideoListView } from "./views/VideoListView.js";
+import MoreMenuController from "./moreMenuController.js";
+import VideoSettingsMenuController from "./videoSettingsMenuController.js";
+import AppChromeController from "./appChromeController.js";
+import { getSidebarLoadingMarkup } from "../sidebarLoading.js";
+import { isWatchHistoryDebugEnabled } from "../watchHistoryDebug.js";
+import { splitAndZap as splitAndZapDefault } from "../payments/zapSplit.js";
+import {
+  getDefaultModerationSettings,
+  getModerationOverridesList,
+  getModerationSettings,
+  setModerationSettings,
+  resetModerationSettings,
+  getDmPrivacySettings,
+  setDmPrivacySettings,
+  clearModerationOverride,
+  persistSavedProfiles,
+  getSavedProfiles,
+  getActiveProfilePubkey,
+  setActiveProfilePubkey as setStoredActiveProfilePubkey,
+  getProfileCacheMap,
+  setSavedProfiles,
+} from "../state/cache.js";
+import { nostrClient } from "../nostrClientFacade.js";
+import { ingestLocalViewEvent } from "../viewCounter.js";
+import { setModalState as setGlobalModalState } from "../state/appState.js";
+import { truncateMiddle, formatShortNpub } from "../utils/formatters.js";
+import { escapeHTML as escapeHtml, removeTrackingScripts } from "../utils/domUtils.js";
+import { deriveTorrentPlaybackConfig } from "../playbackUtils.js";
+import { isValidMagnetUri } from "../utils/magnetValidators.js";
+import { torrentClient } from "../webtorrent.js";
+import getAuthProvider, {
+  providers as authProviders,
+} from "../services/authProviders/index.js";
+import {
+  MAX_WALLET_DEFAULT_ZAP,
+  ADMIN_SUPER_NPUB,
+  ADMIN_DM_IMAGE_URL,
+  BITVID_WEBSITE_URL,
+  isDevMode,
+} from "../config.js";
+import { ADMIN_INITIAL_EVENT_BLACKLIST } from "../lists.js";
+import {
+  prepareStaticModal,
+  openStaticModal,
+  closeStaticModal,
+} from "./components/staticModalAccessibility.js";
+import ModalManager from "./ModalManager.js";
+
+export default class ApplicationBootstrap {
+  constructor({
+    app,
+    services = {},
+    ui = {},
+    helpers = {},
+    documentRef = typeof document !== "undefined" ? document : null,
+    windowRef = typeof window !== "undefined" ? window : null,
+    assets = {},
+  } = {}) {
+    this.app = app;
+    this.services = services;
+    this.ui = ui;
+    this.helpers = helpers;
+    this.document = documentRef;
+    this.window = windowRef;
+    this.assets = assets;
+
+    this.modalManager = null;
+    this.boundNwcSettingsToastHandler = null;
+  }
+
+  initialize() {
+    const app = this.app;
+    const doc = this.document;
+
+    app.loginButton = doc?.getElementById("loginButton") || null;
+    app.logoutButton = doc?.getElementById("logoutButton") || null;
+    app.userStatus = doc?.getElementById("userStatus") || null;
+    app.userPubKey = doc?.getElementById("userPubKey") || null;
+    app.uploadButton = doc?.getElementById("uploadButton") || null;
+
+    const mediaLoaderFactory =
+      typeof this.helpers.mediaLoaderFactory === "function"
+        ? this.helpers.mediaLoaderFactory
+        : () => new MediaLoader();
+    app.mediaLoader =
+      this.helpers.mediaLoader instanceof MediaLoader
+        ? this.helpers.mediaLoader
+        : mediaLoaderFactory();
+    app.loadedThumbnails = new Map();
+    app.urlHealthSnapshots = new Map();
+    app.streamHealthSnapshots = new Map();
+    app.boundStreamHealthBadgeHandler = (detail) =>
+      app.handleStreamHealthBadgeUpdate(detail);
+    app.attachHealthBadgesWithCache = (container) => {
+      attachHealthBadges(container, {
+        onUpdate: app.boundStreamHealthBadgeHandler,
+      });
+    };
+    app.defaultModerationSettings = getDefaultModerationSettings();
+    app.moderationSettings = { ...app.defaultModerationSettings };
+    app.relayManager = relayManager;
+    app.activeIntervals = [];
+    app.watchHistoryTelemetry = null;
+    app.exploreDataService = null;
+    app.authEventUnsubscribes = [];
+    app.unsubscribeFromNostrService = null;
+    app.designSystemContext = {
+      getMode: () => "new",
+      isNew: () => true,
+    };
+    app.videoModalReadyPromise = null;
+    app.feedTelemetryState = {
+      activeFeed: "",
+      matchedTagsById: new Map(),
+      matchReasonsById: new Map(),
+      lastImpressionSignature: "",
+      activePlayback: null,
+    };
+
+    app.pendingModalZapOpen = false;
+    app.videoListViewPlaybackHandler = null;
+    app.videoListViewEditHandler = null;
+    app.videoListViewRevertHandler = null;
+    app.videoListViewDeleteHandler = null;
+    app.deleteModal = null;
+    app.moreMenuController = null;
+    app.latestFeedMetadata = null;
+    app.lastModalTrigger = null;
+    app.modalCommentState = {
+      videoEventId: null,
+      videoDefinitionAddress: null,
+      parentCommentId: null,
+    };
+    app.modalCommentProfiles = new Map();
+    app.modalCommentLimit = 40;
+    app.modalCommentLoadPromise = null;
+    app.modalCommentPublishPromise = null;
+    app.uploadSubmitPromise = null;
+    app.pendingModeratedPlayback = null;
+    app.lastIdentityRefreshPromise = null;
+
+    app.profileIdentityController = new ProfileIdentityController({
+      callbacks: {
+        safeEncodeNpub: (pubkey) => app.safeEncodeNpub(pubkey),
+        formatShortNpub: (value) => formatShortNpub(value),
+      },
+      logger: devLogger,
+    });
+    app.videoListViewController = new VideoListViewController({
+      getSidebarLoadingMarkup,
+      logger: devLogger,
+    });
+    app.appChromeController = null;
+
+    app.nostrService = this.services.nostrService || nostrService;
+    app.r2Service = this.services.r2Service || r2Service;
+    app.s3Service = this.services.s3Service || s3UploadService;
+
+    app.feedEngine =
+      this.services.feedEngine ||
+      createFeedEngine({
+        logger: (...args) => {
+          if (!isWatchHistoryDebugEnabled()) {
+            return;
+          }
+          devLogger.info(...args);
+        },
+      });
+    app.payments = this.services.payments || null;
+    app.splitAndZap =
+      (this.services.payments && this.services.payments.splitAndZap) ||
+      splitAndZapDefault;
+
+    app.discussionCountService =
+      this.services.discussionCountService || new DiscussionCountService();
+
+    app.nwcSettingsService =
+      this.services.nwcSettingsService ||
+      new NwcSettingsService({
+        normalizeHexPubkey: (value) => app.normalizeHexPubkey(value),
+        getActivePubkey: () => app.pubkey,
+        payments: app.payments,
+        logger: {
+          warn: (...args) => devLogger.warn(...args),
+        },
+        notifyError: (message) => app.showError(message),
+        maxWalletDefaultZap: MAX_WALLET_DEFAULT_ZAP,
+      });
+    app.hashtagPreferences = this.services.hashtagPreferences || hashtagPreferences;
+    app.hashtagPreferencesSnapshot = app.createHashtagPreferencesSnapshot();
+    app.hashtagPreferencesSnapshotSignature =
+      app.computeHashtagPreferencesSignature(app.hashtagPreferencesSnapshot);
+    app.hashtagPreferencesPublishInFlight = false;
+    app.hashtagPreferencesPublishPromise = null;
+    app.boundHashtagPreferencesChangeHandler = null;
+    app.unsubscribeFromHashtagPreferencesChange = null;
+    if (
+      app.hashtagPreferences &&
+      typeof app.hashtagPreferences.on === "function"
+    ) {
+      app.boundHashtagPreferencesChangeHandler = (detail) =>
+        app.handleHashtagPreferencesChange(detail);
+      try {
+        app.unsubscribeFromHashtagPreferencesChange =
+          app.hashtagPreferences.on(
+            HASHTAG_PREFERENCES_EVENTS.CHANGE,
+            app.boundHashtagPreferencesChangeHandler,
+          );
+      } catch (error) {
+        devLogger.warn(
+          "[Application] Failed to subscribe to hashtag preferences changes:",
+          error,
+        );
+      }
+    }
+    if (
+      app.nwcSettingsService &&
+      typeof app.nwcSettingsService.setActivePubkeyGetter === "function"
+    ) {
+      app.nwcSettingsService.setActivePubkeyGetter(() => app.pubkey);
+    }
+    if (
+      app.nwcSettingsService &&
+      typeof app.nwcSettingsService.setPayments === "function"
+    ) {
+      app.nwcSettingsService.setPayments(app.payments);
+    }
+    if (
+      app.feedEngine &&
+      typeof app.feedEngine.run !== "function" &&
+      typeof app.feedEngine.runFeed === "function"
+    ) {
+      app.feedEngine.run = (...args) => app.feedEngine.runFeed(...args);
+    }
+    app.registerRecentFeed();
+    app.registerForYouFeed();
+    app.registerKidsFeed();
+    app.registerExploreFeed();
+    app.registerSubscriptionsFeed();
+    app.registerWatchHistoryFeed();
+
+    app.watchHistoryController = new WatchHistoryController({
+      watchHistoryService,
+      nostrClient,
+      showError: (message) => app.showError(message),
+      showSuccess: (message) => app.showSuccess(message),
+      dropWatchHistoryMetadata: (pointerKey) =>
+        app.dropWatchHistoryMetadata(pointerKey),
+      getActivePubkey: () =>
+        typeof app.pubkey === "string" && app.pubkey ? app.pubkey : "",
+      designSystem: app.designSystemContext,
+    });
+
+    app.watchHistoryTelemetry = new WatchHistoryTelemetry({
+      watchHistoryService,
+      watchHistoryController: app.watchHistoryController,
+      nostrClient,
+      log: (message, ...args) => app.log(message, ...args),
+      normalizeHexPubkey: (value) => app.normalizeHexPubkey(value),
+      getActiveUserPubkey: () => app.pubkey,
+      ingestLocalViewEvent,
+      onViewLogged: (detail) => app.handleFeedViewTelemetry(detail),
+    });
+
+    app.exploreDataService =
+      this.services.exploreDataService ||
+      new ExploreDataService({
+        watchHistoryService,
+        nostrService: app.nostrService,
+        getActiveActor: () =>
+          typeof app.pubkey === "string" && app.pubkey ? app.pubkey : "",
+        logger: devLogger,
+      });
+    if (app.exploreDataService && typeof app.exploreDataService.initialize === "function") {
+      app.exploreDataService.initialize();
+    }
+
+    const playbackDependencies = {
+      torrentClient: this.services.torrentClient || torrentClient,
+      deriveTorrentPlaybackConfig:
+        this.services.deriveTorrentPlaybackConfig || deriveTorrentPlaybackConfig,
+      isValidMagnetUri:
+        this.services.isValidMagnetUri || isValidMagnetUri,
+    };
+
+    app.playbackService =
+      this.services.playbackService ||
+      new PlaybackService({
+        logger: devLogger,
+        torrentClient: playbackDependencies.torrentClient,
+        deriveTorrentPlaybackConfig: playbackDependencies.deriveTorrentPlaybackConfig,
+        isValidMagnetUri: playbackDependencies.isValidMagnetUri,
+        urlFirstEnabled: URL_FIRST_ENABLED,
+        analyticsCallbacks: {
+          "session-start": (detail) => {
+            const urlProvided = detail?.urlProvided ? "true" : "false";
+            const magnetProvided = detail?.magnetProvided ? "true" : "false";
+            const magnetUsable = detail?.magnetUsable ? "true" : "false";
+            app.log(
+              `[playVideoWithFallback] Session start urlProvided=${urlProvided} magnetProvided=${magnetProvided} magnetUsable=${magnetUsable}`,
+            );
+          },
+          fallback: (detail) => {
+            if (detail?.reason) {
+              app.log(
+                `[playVideoWithFallback] Falling back to WebTorrent (${detail.reason}).`,
+              );
+            }
+          },
+          error: (detail) => {
+            if (detail?.error) {
+              app.log("[playVideoWithFallback] Playback error observed", detail.error);
+            }
+          },
+        },
+      });
+    app.activePlaybackResultPromise = null;
+    app.activePlaybackSession = null;
+
+    app.authService =
+      this.services.authService ||
+      new AuthService({
+        nostrClient,
+        userBlocks,
+        relayManager,
+        logger: devLogger,
+        accessControl,
+        authProviders: this.services.authProviders || authProviders,
+        getAuthProvider: this.services.getAuthProvider || getAuthProvider,
+      });
+    app.authEventUnsubscribes.push(
+      app.authService.on("auth:login", (detail) => {
+        const maybePromise = app.handleAuthLogin(detail);
+        if (maybePromise && typeof maybePromise.then === "function") {
+          maybePromise.catch((error) => {
+            devLogger.error("Failed to process auth login event:", error);
+          });
+        }
+      }),
+    );
+    app.authEventUnsubscribes.push(
+      app.authService.on("auth:logout", (detail) => {
+        if (detail && typeof detail === "object") {
+          if (detail.__handled === true) {
+            return;
+          }
+          try {
+            detail.__handled = true;
+          } catch (error) {
+            devLogger.warn(
+              "Failed to mark auth logout detail as handled:",
+              error,
+            );
+          }
+        }
+
+        const maybePromise = app.handleAuthLogout(detail);
+        if (maybePromise && typeof maybePromise.then === "function") {
+          maybePromise.catch((error) => {
+            devLogger.error("Failed to process auth logout event:", error);
+          });
+        }
+      }),
+    );
+    app.authEventUnsubscribes.push(
+      app.authService.on("profile:updated", (detail) => {
+        try {
+          app.handleProfileUpdated(detail);
+        } catch (error) {
+          devLogger.warn(
+            "Failed to process profile update event:",
+            error,
+          );
+        }
+      }),
+    );
+    app.authEventUnsubscribes.push(
+      app.authService.on("blocksLoaded", (detail) => {
+        try {
+          app.handleBlocksLoaded(detail);
+        } catch (error) {
+          devLogger.warn(
+            "Failed to process blocks loaded event:",
+            error,
+          );
+        }
+      }),
+    );
+    app.authEventUnsubscribes.push(
+      app.authService.on("relaysLoaded", (detail) => {
+        try {
+          app.handleRelaysLoaded(detail);
+        } catch (error) {
+          devLogger.warn(
+            "Failed to process relays loaded event:",
+            error,
+          );
+        }
+      }),
+    );
+
+    app.commentThreadService =
+      this.services.commentThreadService ||
+      new CommentThreadService({
+        fetchVideoComments: (target, options) =>
+          nostrClient?.fetchVideoComments?.(target, options),
+        subscribeVideoComments: (target, options) =>
+          nostrClient?.subscribeVideoComments?.(target, options),
+        getProfileCacheEntry: (pubkey) => app.getProfileCacheEntry(pubkey),
+        batchFetchProfiles: (pubkeys) => app.batchFetchProfiles(pubkeys),
+        logger: {
+          warn: (...args) => devLogger.warn(...args),
+        },
+      });
+    app.profileController = null;
+    app.loginModalController = null;
+    app.currentUserNpub = null;
+
+    app.profileButton = doc?.getElementById("profileButton") || null;
+    app.profileAvatar = doc?.getElementById("profileAvatar") || null;
+    app.profileUnreadDot = doc?.getElementById("profileUnreadDot") || null;
+
+    const modalManager = new ModalManager({
+      app,
+      ui: this.ui,
+      documentRef: doc,
+      assets: {
+        fallbackThumbnailSrc: this.assets.fallbackThumbnailSrc,
+      },
+      services: {
+        storageService,
+      },
+    });
+    modalManager.initialize();
+    this.modalManager = modalManager;
+
+    const modalContainer = doc?.getElementById("modalContainer") || null;
+    try {
+      if (modalContainer) {
+        const relayHealthService = new RelayHealthService({
+          relayManager,
+          nostrClient,
+          telemetryEmitter: (eventName, payload) =>
+            app.emitTelemetryEvent(eventName, payload),
+        });
+        const profileModalServices = {
+          normalizeHexPubkey: (value) => app.normalizeHexPubkey(value),
+          safeEncodeNpub: (pubkey) => app.safeEncodeNpub(pubkey),
+          safeDecodeNpub: (npub) => app.safeDecodeNpub(npub),
+          truncateMiddle: (value, maxLength) => truncateMiddle(value, maxLength),
+          formatShortNpub: (value) => formatShortNpub(value),
+          getProfileCacheEntry: (pubkey) => app.getProfileCacheEntry(pubkey),
+          batchFetchProfiles: (authorSet) => app.batchFetchProfiles(authorSet),
+          fetchDmRelayHints: (pubkey) => app.fetchDmRelayHints(pubkey),
+          switchProfile: (pubkey) => app.authService.switchProfile(pubkey),
+          removeSavedProfile: (pubkey) =>
+            app.authService.removeSavedProfile(pubkey),
+          relayManager,
+          userBlocks,
+          nostrClient,
+          nostrService: app.nostrService,
+          storageService,
+          r2Service: app.r2Service,
+          subscriptions,
+          accessControl,
+          moderation: moderationService,
+          getCurrentUserNpub: () => app.getCurrentUserNpub(),
+          nwcSettings: app.nwcSettingsService,
+          moderationSettings: {
+            getDefaultModerationSettings: () => getDefaultModerationSettings(),
+            getActiveModerationSettings: () => getModerationSettings(),
+            updateModerationSettings: (partial = {}) =>
+              setModerationSettings(partial),
+            resetModerationSettings: () => resetModerationSettings(),
+          },
+          getModerationOverrides: () => getModerationOverridesList(),
+          clearModerationOverride: (descriptor) =>
+            clearModerationOverride(descriptor),
+          loadVideos: (forceFetch, context) =>
+            app.loadVideos(forceFetch, context),
+          onVideosShouldRefresh: (context) =>
+            app.onVideosShouldRefresh(context),
+          describeAdminError: (code) => app.describeAdminError(code),
+          describeNotificationError: (code) =>
+            app.describeNotificationError(code),
+          onAccessControlUpdated: () => app.onAccessControlUpdated(),
+          persistSavedProfiles: (options) => persistSavedProfiles(options),
+          watchHistoryService,
+          authService: app.authService,
+          requestAddProfileLogin: (options) =>
+            app.requestProfileAdditionLogin(options),
+          describeLoginError: (error, fallbackMessage) =>
+            app.describeLoginError(error, fallbackMessage),
+          hashtagPreferences: app.hashtagPreferences,
+          getHashtagPreferences: () => app.getHashtagPreferences(),
+          describeHashtagPreferencesError: (error, fallbackMessage) =>
+            app.describeHashtagPreferencesError(error, {
+              fallbackMessage,
+            }),
+          relayHealthService,
+          log: (...args) => app.log(...args),
+          closeAllMoreMenus: (options) => app.closeAllMoreMenus(options),
+          clipboard:
+            typeof navigator !== "undefined" && navigator?.clipboard
+              ? navigator.clipboard
+              : null,
+        };
+
+        const profileModalState = {
+          getSavedProfiles: () => getSavedProfiles(),
+          setSavedProfiles: (profiles, options) =>
+            setSavedProfiles(Array.isArray(profiles) ? profiles : [], options),
+          persistSavedProfiles: (options) => persistSavedProfiles(options),
+          getActivePubkey: () => getActiveProfilePubkey(),
+          setActivePubkey: (pubkey, options) => {
+            const normalized =
+              typeof pubkey === "string" && pubkey.trim()
+                ? pubkey.trim()
+                : null;
+            setStoredActiveProfilePubkey(normalized, options);
+            return getActiveProfilePubkey();
+          },
+          getDmRecipient: () => app.getDmRecipientPubkey(),
+          setDmRecipient: (pubkey) => app.setDmRecipientPubkey(pubkey),
+          getDmRelayHints: (pubkey) => app.getDmRelayHints(pubkey),
+          setDmRelayHints: (pubkey, hints) => app.setDmRelayHints(pubkey, hints),
+          getDmRelayPreferences: (pubkey) => app.getDmRelayHints(pubkey),
+          setDmRelayPreferences: (pubkey, hints) =>
+            app.setDmRelayHints(pubkey, hints),
+          getDmPrivacySettings: () => getDmPrivacySettings(),
+          setDmPrivacySettings: (settings, options = {}) =>
+            setDmPrivacySettings(settings, options),
+        };
+
+        const profileModalCallbacks = {
+          onClose: () => app.handleProfileModalClosed(),
+          onLogout: async () => app.requestLogout(),
+          onChannelLink: (element) => app.handleProfileChannelLink(element),
+          onAddAccount: (payload) => app.handleAddProfile(payload),
+          onRequestLogoutProfile: (payload) =>
+            app.handleProfileLogoutRequest(payload),
+          onRequestSwitchProfile: (payload) =>
+            app.handleProfileSwitchRequest(payload),
+          onRelayOperation: (payload) =>
+            app.handleProfileRelayOperation(payload),
+          onRelayModeToggle: (payload) =>
+            app.handleProfileRelayModeToggle(payload),
+          onRelayRestore: (payload) =>
+            app.handleProfileRelayRestore(payload),
+          onBlocklistMutation: (payload) =>
+            app.handleProfileBlocklistMutation(payload),
+          onWalletPersist: (payload) =>
+            app.handleProfileWalletPersist(payload),
+          onWalletTestRequest: (payload) =>
+            app.handleProfileWalletTest(payload),
+          onWalletDisconnectRequest: (payload) =>
+            app.handleProfileWalletDisconnect(payload),
+          onAdminMutation: (payload) =>
+            app.handleProfileAdminMutation(payload),
+          onAdminNotifyError: (payload) =>
+            app.handleProfileAdminNotifyError(payload),
+          onHistoryReady: (payload) =>
+            app.handleProfileHistoryEvent(payload),
+          onModerationSettingsChange: (payload) =>
+            app.handleModerationSettingsChange(payload),
+          onSendDm: (payload) => app.handleProfileSendDmRequest(payload),
+          onOpenRelays: (payload) => app.handleProfileUseDmRelays(payload),
+          onTogglePrivacy: (payload) =>
+            app.handleProfilePrivacyToggle(payload),
+          onPublishDmRelayPreferences: (payload) =>
+            app.handleProfilePublishDmRelayPreferences(payload),
+          onRequestPermissionPrompt: () => app.handlePermissionPromptRequest(),
+        };
+
+        app.profileController = new ProfileModalController({
+          modalContainer,
+          removeTrackingScripts,
+          createWatchHistoryRenderer,
+          setGlobalModalState,
+          showError: (message) => app.showError(message),
+          showSuccess: (message) => app.showSuccess(message),
+          showStatus: (message) => app.showStatus(message),
+          constants: {
+            MAX_WALLET_DEFAULT_ZAP,
+            ADMIN_SUPER_NPUB,
+            ADMIN_DM_IMAGE_URL,
+            BITVID_WEBSITE_URL,
+          },
+          services: profileModalServices,
+          state: profileModalState,
+          callbacks: profileModalCallbacks,
+          designSystem: app.designSystemContext,
+        });
+      } else {
+        devLogger.warn(
+          "[Application] Profile modal controller disabled: modal container not found.",
+        );
+      }
+    } catch (error) {
+      devLogger.error("Failed to initialize profile modal controller:", error);
+    }
+
+    app.status = doc?.getElementById("status") || null;
+    app.progressBar = doc?.getElementById("progress") || null;
+    app.peers = doc?.getElementById("peers") || null;
+    app.speed = doc?.getElementById("speed") || null;
+    app.downloaded = doc?.getElementById("downloaded") || null;
+
+    app.cleanupPromise = null;
+
+    app.moreMenuController = new MoreMenuController({
+      document: doc,
+      accessControl,
+      userBlocks,
+      subscriptions,
+      clipboard:
+        typeof navigator !== "undefined" && navigator?.clipboard
+          ? navigator.clipboard
+          : null,
+      isDevMode,
+      designSystem: app.designSystemContext,
+      callbacks: {
+        getCurrentVideo: () => app.currentVideo,
+        getCurrentUserNpub: () => app.getCurrentUserNpub(),
+        getCurrentUserPubkey: () => app.pubkey,
+        canCurrentUserManageBlacklist: () =>
+          app.canCurrentUserManageBlacklist(),
+        openCreatorChannel: () => app.openCreatorChannel(),
+        goToProfile: (author) => app.goToProfile(author),
+        showError: (message) => app.showError(message),
+        showSuccess: (message) => app.showSuccess(message),
+        safeEncodeNpub: (pubkey) => app.safeEncodeNpub(pubkey),
+        safeDecodeNpub: (npub) => app.safeDecodeNpub(npub),
+        buildShareUrlFromEventId: (eventId) =>
+          app.buildShareUrlFromEventId(eventId),
+        handleRemoveHistoryAction: (payload) =>
+          app.handleRemoveHistoryAction(payload),
+        handleRepostAction: (payload) => app.handleRepostAction(payload),
+        handleMirrorAction: (payload) => app.handleMirrorAction(payload),
+        handleEnsurePresenceAction: (payload) =>
+          app.handleEnsurePresenceAction(payload),
+        handleEventDetailsAction: (payload) => {
+          if (app.modalManager && app.modalManager.eventDetailsModal && payload?.video) {
+            app.modalManager.eventDetailsModal.open(payload.video);
+          }
+          return Promise.resolve();
+        },
+        loadVideos: () => app.loadVideos(),
+        refreshAllVideoGrids: (options) => app.refreshAllVideoGrids(options),
+        onUserBlocksUpdated: () => {
+          if (app.profileController) {
+            try {
+              app.profileController.populateBlockedList();
+            } catch (error) {
+              devLogger.warn(
+                "[profileModal] Failed to refresh blocked list after update:",
+                error,
+              );
+            }
+          }
+        },
+      },
+    });
+    app.moreMenuController.setVideoModal(app.videoModal);
+    app.videoSettingsMenuController = new VideoSettingsMenuController({
+      designSystem: app.designSystemContext,
+      isDevMode,
+    });
+    app.tagPreferencePopovers = new Map();
+
+    app.subscriptionsLink = null;
+    app.forYouLink = null;
+    app.exploreLink = null;
+
+    app.notificationPortal = doc?.getElementById("notificationPortal") || null;
+    app.errorContainer = doc?.getElementById("errorContainer") || null;
+    app.successContainer = doc?.getElementById("successContainer") || null;
+    app.statusContainer = doc?.getElementById("statusContainer") || null;
+    app.statusMessage =
+      app.statusContainer?.querySelector("[data-status-message]") || null;
+    app.statusAutoHideHandle = null;
+    app.lastExperimentalWarningKey = null;
+    app.lastExperimentalWarningAt = 0;
+
+    if (
+      nostrClient &&
+      typeof nostrClient.setExtensionPermissionStatusHandler === "function"
+    ) {
+      nostrClient.setExtensionPermissionStatusHandler((status) => {
+        if (!status || typeof status !== "object") {
+          return;
+        }
+        const message =
+          typeof status.message === "string" ? status.message.trim() : "";
+        if (!message) {
+          return;
+        }
+        const autoHideMs = Number.isFinite(status.autoHideMs)
+          ? status.autoHideMs
+          : 12000;
+        const showSpinner = status.showSpinner !== false;
+        if (typeof app.showStatus === "function") {
+          app.showStatus(message, { autoHideMs, showSpinner });
+        }
+      });
+    }
+
+    app.pubkey = null;
+    app.currentMagnetUri = null;
+    app.currentVideo = null;
+    app.currentVideoPointer = null;
+    app.currentVideoPointerKey = null;
+    app.videoSubscription = app.nostrService.getVideoSubscription() || null;
+    app.videoList = null;
+    app.videoListPopularTags = null;
+    app.modalViewCountUnsub = null;
+    app.modalReactionUnsub = null;
+    app.modalReactionPointerKey = null;
+    app.modalReactionState = {
+      counts: { "+": 0, "-": 0 },
+      total: 0,
+      userReaction: "",
+    };
+
+    app.videosMap = app.nostrService.getVideosMap();
+    app.refreshUnreadDmIndicator = async ({ reason = "" } = {}) => {
+      const applyIndicatorState = (visible) => {
+        if (
+          app.appChromeController &&
+          typeof app.appChromeController.setUnreadDmIndicator === "function"
+        ) {
+          app.appChromeController.setUnreadDmIndicator(visible);
+        }
+
+        if (
+          app.profileController &&
+          typeof app.profileController.setMessagesUnreadIndicator === "function"
+        ) {
+          app.profileController.setMessagesUnreadIndicator(visible);
+        }
+      };
+
+      if (typeof app.isUserLoggedIn === "function" && !app.isUserLoggedIn()) {
+        applyIndicatorState(false);
+        return;
+      }
+
+      if (
+        !app.nostrService ||
+        typeof app.nostrService.listDirectMessageConversationSummaries !==
+          "function"
+      ) {
+        applyIndicatorState(false);
+        return;
+      }
+
+      try {
+        const summaries =
+          await app.nostrService.listDirectMessageConversationSummaries();
+        const totalUnseen = Array.isArray(summaries)
+          ? summaries.reduce((sum, summary) => {
+              const count = Number(summary?.unseen_count);
+              return sum + (Number.isFinite(count) ? count : 0);
+            }, 0)
+          : 0;
+        applyIndicatorState(totalUnseen > 0);
+      } catch (error) {
+        devLogger.warn(
+          "[Application] Failed to refresh DM unread indicator",
+          reason,
+          error,
+        );
+        applyIndicatorState(false);
+      }
+    };
+
+    const nostrUnsubscribes = [];
+    nostrUnsubscribes.push(
+      app.nostrService.on("subscription:changed", ({ subscription }) => {
+        app.videoSubscription = subscription || null;
+      }),
+    );
+    nostrUnsubscribes.push(
+      app.nostrService.on("directMessages:notification", () => {
+        void app.refreshUnreadDmIndicator({ reason: "dm-notification" });
+      }),
+    );
+    nostrUnsubscribes.push(
+      app.nostrService.on("directMessages:conversationUpdated", () => {
+        void app.refreshUnreadDmIndicator({ reason: "dm-conversation-update" });
+      }),
+    );
+    nostrUnsubscribes.push(
+      app.nostrService.on("directMessages:cleared", () => {
+        if (typeof app.refreshUnreadDmIndicator === "function") {
+          void app.refreshUnreadDmIndicator({ reason: "dm-cleared" });
+        }
+      }),
+    );
+    app.unsubscribeFromNostrService = () => {
+      while (nostrUnsubscribes.length) {
+        const unsubscribe = nostrUnsubscribes.pop();
+        if (typeof unsubscribe === "function") {
+          unsubscribe();
+        }
+      }
+    };
+    app.boundNwcSettingsToastHandler = null;
+    Object.defineProperty(app, "savedProfiles", {
+      configurable: false,
+      enumerable: false,
+      get() {
+        return getSavedProfiles();
+      },
+      set(next) {
+        setSavedProfiles(Array.isArray(next) ? next : [], {
+          persist: false,
+          persistActive: false,
+        });
+      },
+    });
+
+    Object.defineProperty(app, "activeProfilePubkey", {
+      configurable: false,
+      enumerable: false,
+      get() {
+        return getActiveProfilePubkey();
+      },
+      set(value) {
+        setStoredActiveProfilePubkey(value, { persist: false });
+      },
+    });
+
+    Object.defineProperty(app, "profileCache", {
+      configurable: false,
+      enumerable: false,
+      get() {
+        return getProfileCacheMap();
+      },
+    });
+
+    if (
+      this.window &&
+      typeof this.window.addEventListener === "function"
+    ) {
+      this.boundNwcSettingsToastHandler = (event) => {
+        const detail = event?.detail || {};
+        if (detail.source !== "nwc-settings") {
+          return;
+        }
+        const rawMessage =
+          typeof detail.message === "string" ? detail.message.trim() : "";
+        const message = rawMessage || "Wallet settings storage issue detected.";
+        app.log(`[nwcSettings] ${message}`);
+        if (detail.variant === "warning") {
+          app.showStatus(message);
+          if (this.window && typeof this.window.setTimeout === "function") {
+            this.window.setTimeout(() => {
+              app.showStatus("");
+            }, 5000);
+          }
+        } else {
+          app.showError(message);
+        }
+      };
+      this.window.addEventListener("bitvid:toast", this.boundNwcSettingsToastHandler);
+    }
+
+    const magnetValidator = playbackDependencies.isValidMagnetUri;
+
+    const videoListViewConfig = {
+      document: doc,
+      mediaLoader: app.mediaLoader,
+      badgeHelpers: {
+        attachHealthBadges: app.attachHealthBadgesWithCache,
+        attachUrlHealthBadges: (container, onCheck) =>
+          attachUrlHealthBadges(container, onCheck),
+      },
+      formatters: {
+        formatTimeAgo: (timestamp) => app.formatTimeAgo(timestamp),
+        formatViewCountLabel: (total) => app.formatViewCountLabel(total),
+      },
+      helpers: {
+        escapeHtml: (value) => app.escapeHTML(value),
+        isMagnetSupported: (magnet) => magnetValidator(magnet),
+        toLocaleString: (value) =>
+          typeof value === "number" ? value.toLocaleString() : value,
+      },
+      assets: {
+        fallbackThumbnailSrc: this.assets.fallbackThumbnailSrc,
+        unsupportedBtihMessage: this.assets.unsupportedBtihMessage,
+      },
+      state: {
+        loadedThumbnails: app.loadedThumbnails,
+        videosMap: app.videosMap,
+        urlHealthByVideoId: app.urlHealthSnapshots,
+        streamHealthByVideoId: app.streamHealthSnapshots,
+      },
+      utils: {
+        dedupeVideos: (videos) => app.dedupeVideosByRoot(videos),
+        getAllEvents: () => Array.from(nostrClient.allEvents.values()),
+        hasOlderVersion: (video, events) => app.hasOlderVersion(video, events),
+        derivePointerInfo: (video) => app.deriveVideoPointerInfo(video),
+        persistWatchHistoryMetadata: (video, pointerInfo) =>
+          app.persistWatchHistoryMetadataForVideo(video, pointerInfo),
+        getShareUrlBase: () => app.getShareUrlBase(),
+        buildShareUrlFromNevent: (nevent) => app.buildShareUrlFromNevent(nevent),
+        buildShareUrlFromEventId: (eventId) => app.buildShareUrlFromEventId(eventId),
+        getKnownVideoPostedAt: (video) => app.getKnownVideoPostedAt(video),
+        resolveVideoPostedAt: (video) => app.resolveVideoPostedAt(video),
+        canManageBlacklist: () => app.canCurrentUserManageBlacklist(),
+        canEditVideo: (video) => video?.pubkey === app.pubkey,
+        canDeleteVideo: (video) => video?.pubkey === app.pubkey,
+        batchFetchProfiles: (authorSet) => app.batchFetchProfiles(authorSet),
+        bindThumbnailFallbacks: (container) => app.bindThumbnailFallbacks(container),
+        handleUrlHealthBadge: (payload) => app.handleUrlHealthBadge(payload),
+        refreshDiscussionCounts: (videos, { container } = {}) =>
+          app.refreshVideoDiscussionCounts(videos, {
+            videoListRoot: container || app.videoList || null,
+          }),
+        ensureGlobalMoreMenuHandlers: () => app.ensureGlobalMoreMenuHandlers(),
+        requestMoreMenu: (detail = {}) => app.requestMoreMenu(detail),
+        closeMoreMenu: (detail = {}) => app.closeMoreMenu(detail),
+        requestSettingsMenu: (detail = {}) =>
+          app.requestVideoSettingsMenu(detail),
+        closeSettingsMenu: (detail = {}) =>
+          app.closeVideoSettingsMenu(detail),
+        closeAllMenus: (options) => app.closeAllMoreMenus(options),
+      },
+      renderers: {
+        getLoadingMarkup: (message) => getSidebarLoadingMarkup(message),
+      },
+      allowNsfw: ALLOW_NSFW_CONTENT === true,
+      designSystem: app.designSystemContext,
+    };
+    app.videoListView =
+      (typeof this.ui.videoListView === "function"
+        ? this.ui.videoListView({ app, config: videoListViewConfig })
+        : this.ui.videoListView) ||
+      new VideoListView(videoListViewConfig);
+
+    if (
+      app.videoListView &&
+      typeof app.videoListView.setTagPreferenceStateResolver === "function"
+    ) {
+      app.videoListView.setTagPreferenceStateResolver((tag) =>
+        app.getTagPreferenceState(tag),
+      );
+    }
+
+    if (
+      app.videoListView &&
+      typeof app.videoListView.setTagActivationHandler === "function"
+    ) {
+      app.videoListView.setTagActivationHandler((detail = {}) =>
+        app.handleTagPreferenceActivation(detail),
+      );
+    }
+
+    app.videoListViewPlaybackHandler = ({
+      videoId,
+      url,
+      magnet,
+      trigger,
+    }) => {
+      if (videoId) {
+        app.recordFeedClick(videoId);
+      }
+      if (videoId) {
+        Promise.resolve(
+          app.playVideoByEventId(videoId, { url, magnet, trigger }),
+        ).catch((error) => {
+          devLogger.error("[VideoListView] Failed to play by event id:", error);
+        });
+        return;
+      }
+      Promise.resolve(
+        app.playVideoWithFallback({ url, magnet, trigger }),
+      ).catch((error) => {
+        devLogger.error("[VideoListView] Failed to start playback:", error);
+      });
+    };
+    app.videoListView.setPlaybackHandler(app.videoListViewPlaybackHandler);
+
+    app.videoListViewEditHandler = ({ video, index, trigger }) => {
+      if (!video?.id) {
+        return;
+      }
+      app.handleEditVideo({
+        eventId: video.id,
+        index: Number.isFinite(index) ? index : null,
+        triggerElement: trigger,
+        video,
+      });
+    };
+    app.videoListView.setEditHandler(app.videoListViewEditHandler);
+
+    app.videoListViewRevertHandler = ({ video, index, trigger }) => {
+      if (!video?.id) {
+        return;
+      }
+      app.handleRevertVideo({
+        eventId: video.id,
+        index: Number.isFinite(index) ? index : null,
+        triggerElement: trigger,
+        video,
+      });
+    };
+    app.videoListView.setRevertHandler(app.videoListViewRevertHandler);
+
+    app.videoListViewDeleteHandler = ({ video, index }) => {
+      if (!video?.id) {
+        return;
+      }
+      app.handleFullDeleteVideo({
+        eventId: video.id,
+        index: Number.isFinite(index) ? index : null,
+        video,
+      });
+    };
+    app.videoListView.setDeleteHandler(app.videoListViewDeleteHandler);
+
+    app.videoListView.setModerationOverrideHandler((detail = {}) =>
+      app.handleModerationOverride(detail),
+    );
+    app.videoListView.setModerationBlockHandler((detail = {}) =>
+      app.handleModerationBlock(detail),
+    );
+    app.videoListView.setModerationHideHandler((detail = {}) =>
+      app.handleModerationHide(detail),
+    );
+
+    if (app.moreMenuController) {
+      app.moreMenuController.attachVideoListView(app.videoListView);
+    }
+
+    app.closeLoginModalBtn = doc?.getElementById("closeLoginModal") || null;
+
+    app.appChromeController = new AppChromeController({
+      elements: {
+        logoutButton: app.logoutButton,
+        profileButton: app.profileButton,
+        profileUnreadDot: app.profileUnreadDot,
+        uploadButton: app.uploadButton,
+        loginButton: app.loginButton,
+        closeLoginModalButton: app.closeLoginModalBtn,
+      },
+      callbacks: {
+        requestLogout: () => app.requestLogout(),
+        showError: (message) => app.showError(message),
+        showProfileModal: () =>
+          app.profileController &&
+          typeof app.profileController.show === "function"
+            ? app.profileController.show()
+            : null,
+        openUploadModal: ({ triggerElement }) => {
+          if (app.uploadModal) {
+            app.uploadModal.open({ triggerElement });
+          }
+        },
+        onLoginModalOpened: () => setGlobalModalState("login", true),
+        onLoginModalClosed: () => setGlobalModalState("login", false),
+        flushWatchHistory: (reason, context) =>
+          app.flushWatchHistory(reason, context),
+        cleanup: () => app.cleanup(),
+        hideModal: () => app.hideModal(),
+      },
+      utilities: {
+        prepareLoginModal: () =>
+          prepareStaticModal({ id: "loginModal" }) ||
+          doc?.getElementById("loginModal"),
+        prepareApplicationModal: () =>
+          prepareStaticModal({ id: "nostrFormModal" }) ||
+          doc?.getElementById("nostrFormModal"),
+        openModal: (modal, options) => openStaticModal(modal, options),
+        closeModal: (modalId) => closeStaticModal(modalId),
+      },
+      environment: {
+        document: doc,
+        window: this.window,
+      },
+      logger: devLogger,
+    });
+
+    app.blacklistedEventIds = new Set();
+    if (this.window?.NostrTools?.nip19?.decode) {
+      for (const neventStr of ADMIN_INITIAL_EVENT_BLACKLIST) {
+        if (!neventStr || neventStr.trim().length < 8) {
+          continue;
+        }
+        try {
+          const decoded = this.window.NostrTools.nip19.decode(neventStr);
+          if (decoded?.type === "nevent" && decoded.data?.id) {
+            app.blacklistedEventIds.add(decoded.data.id);
+          }
+        } catch (err) {
+          devLogger.error(
+            "[Application] Invalid nevent in blacklist:",
+            neventStr,
+            err,
+          );
+        }
+      }
+    }
+
+    app.unsubscribeFromPubkeyState = null;
+    app.unsubscribeFromCurrentUserState = null;
+
+    return { modalManager };
+  }
+
+  teardown() {
+    if (
+      this.window &&
+      this.boundNwcSettingsToastHandler &&
+      typeof this.window.removeEventListener === "function"
+    ) {
+      this.window.removeEventListener(
+        "bitvid:toast",
+        this.boundNwcSettingsToastHandler,
+      );
+    }
+    this.boundNwcSettingsToastHandler = null;
+  }
+}
diff --git a/dist/js/ui/components/DeleteModal.js b/dist/js/ui/components/DeleteModal.js
new file mode 100644
index 00000000..d3ef17ac
--- /dev/null
+++ b/dist/js/ui/components/DeleteModal.js
@@ -0,0 +1,453 @@
+import { createModalAccessibility } from "./modalAccessibility.js";
+
+function extractDTagValue(tags) {
+  if (!Array.isArray(tags)) {
+    return "";
+  }
+  for (const entry of tags) {
+    if (!Array.isArray(entry) || entry.length < 2) {
+      continue;
+    }
+    if (entry[0] === "d" && typeof entry[1] === "string") {
+      return entry[1];
+    }
+  }
+  return "";
+}
+
+export class DeleteModal {
+  constructor({
+    removeTrackingScripts,
+    setGlobalModalState,
+    truncateMiddle,
+    eventTarget,
+    container,
+  } = {}) {
+    this.removeTrackingScripts =
+      typeof removeTrackingScripts === "function" ? removeTrackingScripts : () => {};
+    this.setGlobalModalState =
+      typeof setGlobalModalState === "function" ? setGlobalModalState : () => {};
+    this.truncateMiddle =
+      typeof truncateMiddle === "function" ? truncateMiddle : (value, maxLength = 48) => {
+        if (typeof value !== "string") {
+          return "";
+        }
+        if (value.length <= maxLength) {
+          return value;
+        }
+        if (maxLength <= 1) {
+          return value.slice(0, maxLength);
+        }
+        const ellipsis = "…";
+        const charsToShow = maxLength - ellipsis.length;
+        const front = Math.ceil(charsToShow / 2);
+        const back = Math.floor(charsToShow / 2);
+        return `${value.slice(0, front)}${ellipsis}${value.slice(value.length - back)}`;
+      };
+    this.eventTarget = eventTarget instanceof EventTarget ? eventTarget : new EventTarget();
+    this.container = container || document.getElementById("modalContainer") || null;
+
+    this.modal = null;
+    this.overlay = null;
+    this.modalPanel = null;
+    this.title = null;
+    this.subtitle = null;
+    this.description = null;
+    this.metadataList = null;
+    this.confirmButton = null;
+    this.cancelButton = null;
+    this.closeButton = null;
+
+    this.modalAccessibility = null;
+
+    this.activeVideo = null;
+    this.context = null;
+    this.busy = false;
+    this.bound = false;
+    this.confirmDefaultLabel = "Delete all versions";
+
+    this.boundHandlers = {
+      confirm: (event) => this.handleConfirmClick(event),
+      cancel: (event) => this.handleCancelInteraction(event),
+      overlay: (event) => this.handleCancelInteraction(event),
+    };
+  }
+
+  addEventListener(type, listener, options) {
+    this.eventTarget.addEventListener(type, listener, options);
+  }
+
+  removeEventListener(type, listener, options) {
+    this.eventTarget.removeEventListener(type, listener, options);
+  }
+
+  dispatch(type, detail) {
+    this.eventTarget.dispatchEvent(
+      new CustomEvent(type, {
+        detail,
+      })
+    );
+  }
+
+  async load() {
+    if (this.modal) {
+      return this.modal;
+    }
+
+    const targetContainer = this.container || document.getElementById("modalContainer");
+    if (!targetContainer) {
+      throw new Error("Modal container element not found!");
+    }
+
+    let modal = targetContainer.querySelector("#deleteVideoModal");
+    if (!modal) {
+      const response = await fetch("components/delete-video-modal.html");
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const html = await response.text();
+      const wrapper = document.createElement("div");
+      wrapper.innerHTML = html;
+      this.removeTrackingScripts(wrapper);
+      targetContainer.appendChild(wrapper);
+      modal = wrapper.querySelector("#deleteVideoModal");
+    }
+
+    if (!modal) {
+      throw new Error("Delete video modal markup missing after load.");
+    }
+
+    this.cacheElements(modal);
+    this.setupModalAccessibility();
+    this.bindEvents();
+    this.reset();
+
+    return this.modal;
+  }
+
+  cacheElements(modal) {
+    this.modal = modal;
+    this.overlay = modal.querySelector("#deleteVideoModalOverlay") || null;
+    this.modalPanel = modal.querySelector(".modal-sheet") || modal;
+    this.title = modal.querySelector("#deleteModalTitle") || null;
+    this.subtitle = modal.querySelector("#deleteModalSubtitle") || null;
+    this.description = modal.querySelector("#deleteModalDescription") || null;
+    this.metadataList = modal.querySelector("#deleteModalMetadata") || null;
+    this.confirmButton = modal.querySelector("#confirmDeleteVideo") || null;
+    this.cancelButton = modal.querySelector("#cancelDeleteVideo") || null;
+    this.closeButton = modal.querySelector("#closeDeleteVideoModal") || null;
+
+    if (this.confirmButton) {
+      const text = this.confirmButton.textContent?.trim();
+      if (text) {
+        this.confirmDefaultLabel = text;
+      }
+    }
+  }
+
+  setupModalAccessibility() {
+    if (!this.modal) {
+      return;
+    }
+
+    this.modalAccessibility = createModalAccessibility({
+      root: this.modal,
+      panel: this.modalPanel || this.modal,
+      backdrop: this.overlay,
+      onRequestClose: () => this.handleCancelInteraction(),
+    });
+  }
+
+  bindEvents() {
+    if (this.bound || !this.modal) {
+      return;
+    }
+
+    if (this.confirmButton) {
+      this.confirmButton.addEventListener("click", this.boundHandlers.confirm);
+    }
+    if (this.cancelButton) {
+      this.cancelButton.addEventListener("click", this.boundHandlers.cancel);
+    }
+    if (this.closeButton) {
+      this.closeButton.addEventListener("click", this.boundHandlers.cancel);
+    }
+    if (this.overlay) {
+      this.overlay.addEventListener("click", this.boundHandlers.overlay);
+    }
+
+    this.bound = true;
+  }
+
+  open(context = {}, { triggerElement } = {}) {
+    if (!this.modal) {
+      throw new Error("Delete modal has not been loaded.");
+    }
+
+    this.context = context || {};
+    this.modal.classList.remove("hidden");
+    this.modalAccessibility?.activate({ triggerElement });
+    this.setGlobalModalState("deleteVideo", true);
+    this.dispatch("video:delete-open", {
+      context: this.context,
+      video: this.activeVideo,
+    });
+  }
+
+  close() {
+    if (!this.modal) {
+      return;
+    }
+
+    const detail = {
+      context: this.context,
+      video: this.activeVideo,
+    };
+
+    this.modal.classList.add("hidden");
+    this.modalAccessibility?.deactivate();
+    this.setGlobalModalState("deleteVideo", false);
+    this.dispatch("video:delete-close", detail);
+    this.reset();
+  }
+
+  setVideo(video) {
+    this.activeVideo = video || null;
+
+    if (!this.modal) {
+      return;
+    }
+
+    const titleText =
+      video && typeof video.title === "string" && video.title.trim().length
+        ? `Delete “${video.title.trim()}”`
+        : "Delete video";
+    if (this.title) {
+      this.title.textContent = titleText;
+    }
+
+    const rootId =
+      video && typeof video.videoRootId === "string" && video.videoRootId.trim().length
+        ? video.videoRootId.trim()
+        : "";
+    const dTagValue = extractDTagValue(video?.tags);
+
+    if (this.subtitle) {
+      const subtitleParts = [];
+      if (rootId) {
+        subtitleParts.push(`Root ${this.truncateMiddle(rootId, 48)}`);
+      }
+      if (dTagValue) {
+        subtitleParts.push(`d=${this.truncateMiddle(dTagValue, 48)}`);
+      }
+      this.subtitle.textContent = subtitleParts.length
+        ? `Marks ${subtitleParts.join(" • ")} as deleted across relays.`
+        : "This action removes the note from every feed.";
+    }
+
+    if (this.description) {
+      const hasTitle =
+        video && typeof video.title === "string" && video.title.trim().length > 0;
+      this.description.textContent = hasTitle
+        ? `Deleting will mark every revision of “${video.title.trim()}” as deleted and hide it from viewers.`
+        : "Deleting will mark every revision as deleted and hide it from viewers.";
+    }
+
+    this.renderMetadata(video, { rootId, dTagValue });
+  }
+
+  renderMetadata(video, { rootId, dTagValue } = {}) {
+    if (!this.metadataList) {
+      return;
+    }
+
+    const doc = this.metadataList.ownerDocument;
+    this.metadataList.innerHTML = "";
+    if (!doc) {
+      return;
+    }
+
+    const entries = [];
+    const scopeMessage = rootId
+      ? "All revisions sharing this root will be tombstoned."
+      : "All revisions linked to this note will be tombstoned.";
+    entries.push({
+      label: "Scope",
+      value: scopeMessage,
+      span: true,
+    });
+
+    if (rootId) {
+      entries.push({
+        label: "Video root",
+        value: this.truncateMiddle(rootId, 60),
+      });
+    }
+
+    if (dTagValue) {
+      entries.push({
+        label: "d tag",
+        value: this.truncateMiddle(dTagValue, 60),
+      });
+    }
+
+    const author =
+      video && typeof video.pubkey === "string" && video.pubkey.trim().length
+        ? video.pubkey.trim()
+        : "";
+    if (author) {
+      entries.push({
+        label: "Author",
+        value: this.truncateMiddle(author, 60),
+      });
+    }
+
+    const version = Number.isFinite(video?.version) ? video.version : null;
+    if (version !== null) {
+      entries.push({
+        label: "Active version",
+        value: `${version}`,
+      });
+    }
+
+    const visibility = video?.isPrivate === true ? "Private" : "Public";
+    entries.push({
+      label: "Visibility",
+      value: visibility,
+    });
+
+    for (const entry of entries) {
+      const wrapper = doc.createElement("div");
+      wrapper.className = entry.span === true ? "space-y-1 sm:col-span-2" : "space-y-1";
+
+      const dt = doc.createElement("dt");
+      dt.className = "text-2xs font-semibold uppercase tracking-wide text-muted-strong";
+      dt.textContent = entry.label;
+
+      const dd = doc.createElement("dd");
+      dd.className = "text-xs text-muted";
+      dd.textContent = entry.value;
+
+      wrapper.appendChild(dt);
+      wrapper.appendChild(dd);
+      this.metadataList.appendChild(wrapper);
+    }
+  }
+
+  setBusy(isBusy, label = "Deleting…") {
+    this.busy = isBusy === true;
+    if (this.confirmButton) {
+      this.confirmButton.disabled = this.busy;
+      if (this.busy) {
+        this.confirmButton.textContent = label;
+        this.confirmButton.dataset.state = "pending";
+      } else {
+        this.confirmButton.textContent = this.confirmDefaultLabel;
+        this.confirmButton.dataset.state = "";
+        delete this.confirmButton.dataset.state;
+      }
+    }
+    if (this.cancelButton) {
+      this.cancelButton.disabled = this.busy;
+    }
+    if (this.closeButton) {
+      this.closeButton.disabled = this.busy;
+    }
+    if (this.modalPanel) {
+      this.modalPanel.setAttribute("aria-busy", this.busy ? "true" : "false");
+    }
+  }
+
+  handleConfirmClick(event) {
+    if (event) {
+      event.preventDefault();
+    }
+    if (this.busy) {
+      return;
+    }
+
+    this.dispatch("video:delete-confirm", {
+      video: this.activeVideo,
+      context: this.context,
+    });
+  }
+
+  handleCancelInteraction(event) {
+    if (event) {
+      event.preventDefault();
+    }
+    if (this.busy) {
+      return;
+    }
+
+    this.dispatch("video:delete-cancel", {
+      video: this.activeVideo,
+      context: this.context,
+    });
+    this.close();
+  }
+
+  reset() {
+    this.activeVideo = null;
+    this.context = null;
+    this.busy = false;
+
+    if (this.confirmButton) {
+      this.confirmButton.disabled = false;
+      this.confirmButton.textContent = this.confirmDefaultLabel;
+      delete this.confirmButton.dataset.state;
+    }
+
+    if (this.cancelButton) {
+      this.cancelButton.disabled = false;
+    }
+
+    if (this.closeButton) {
+      this.closeButton.disabled = false;
+    }
+
+    if (this.modalPanel) {
+      this.modalPanel.setAttribute("aria-busy", "false");
+    }
+
+    if (this.subtitle) {
+      this.subtitle.textContent = "This action removes the note from every feed.";
+    }
+
+    if (this.description) {
+      this.description.textContent =
+        "Are you sure you want to delete this video? Viewers will no longer see it in any grid.";
+    }
+
+    if (this.metadataList) {
+      this.metadataList.innerHTML = "";
+    }
+  }
+
+  destroy() {
+    if (!this.modal) {
+      return;
+    }
+
+    if (this.confirmButton) {
+      this.confirmButton.removeEventListener("click", this.boundHandlers.confirm);
+    }
+    if (this.cancelButton) {
+      this.cancelButton.removeEventListener("click", this.boundHandlers.cancel);
+    }
+    if (this.closeButton) {
+      this.closeButton.removeEventListener("click", this.boundHandlers.cancel);
+    }
+    if (this.overlay) {
+      this.overlay.removeEventListener("click", this.boundHandlers.overlay);
+    }
+
+    this.modalAccessibility?.destroy();
+    this.modalAccessibility = null;
+    this.bound = false;
+    this.modal = null;
+  }
+}
+
+export default DeleteModal;
diff --git a/dist/js/ui/components/EditModal.js b/dist/js/ui/components/EditModal.js
new file mode 100644
index 00000000..90e2bd80
--- /dev/null
+++ b/dist/js/ui/components/EditModal.js
@@ -0,0 +1,1129 @@
+import { extractMagnetHints } from "../../magnetShared.js";
+import { normalizeAndAugmentMagnet } from "../../magnetUtils.js";
+import { createModalAccessibility } from "./modalAccessibility.js";
+import { Nip71FormManager } from "./nip71FormManager.js";
+
+export class EditModal {
+  constructor({
+    removeTrackingScripts,
+    setGlobalModalState,
+    sanitizers = {},
+    escapeHtml,
+    showError,
+    getMode,
+    eventTarget,
+    container,
+  } = {}) {
+    this.removeTrackingScripts =
+      typeof removeTrackingScripts === "function" ? removeTrackingScripts : () => {};
+    this.setGlobalModalState =
+      typeof setGlobalModalState === "function" ? setGlobalModalState : () => {};
+    this.escapeHtml = typeof escapeHtml === "function" ? escapeHtml : (value) => `${value ?? ""}`;
+    this.showError = typeof showError === "function" ? showError : () => {};
+    this.getMode =
+      typeof getMode === "function"
+        ? getMode
+        : () => (this.activeVideo?.mode ?? "live");
+    this.eventTarget = eventTarget instanceof EventTarget ? eventTarget : new EventTarget();
+    this.container = container || null;
+
+    this.sanitizers = {
+      text:
+        typeof sanitizers.text === "function"
+          ? sanitizers.text
+          : (value) => (typeof value === "string" ? value.trim() : ""),
+      url:
+        typeof sanitizers.url === "function"
+          ? sanitizers.url
+          : (value) => (typeof value === "string" ? value.trim() : ""),
+      magnet:
+        typeof sanitizers.magnet === "function"
+          ? sanitizers.magnet
+          : (value) => (typeof value === "string" ? value.trim() : ""),
+      checkbox:
+        typeof sanitizers.checkbox === "function"
+          ? sanitizers.checkbox
+          : (value) => !!value,
+    };
+
+    this.root = null;
+    this.overlay = null;
+    this.panel = null;
+    this.form = null;
+    this.closeButton = null;
+    this.cancelButton = null;
+    this.submitButton = null;
+    this.fieldButtons = [];
+    this.fields = {};
+    this.visibility = {
+      container: null,
+      buttons: [],
+    };
+    this.modalAccessibility = null;
+
+    this.activeVideo = null;
+    this.isVisible = false;
+    this.eventsBound = false;
+    this.loadPromise = null;
+
+    this.pendingSubmit = false;
+    this.pendingSubmitVideo = null;
+
+    this.nip71FormManager = new Nip71FormManager();
+    this.nip71SectionKey = "edit";
+    this.originalNip71Metadata = null;
+    this.originalNip71MetadataJson = null;
+  }
+
+  addEventListener(type, listener, options) {
+    this.eventTarget.addEventListener(type, listener, options);
+  }
+
+  removeEventListener(type, listener, options) {
+    this.eventTarget.removeEventListener(type, listener, options);
+  }
+
+  emit(type, detail) {
+    this.eventTarget.dispatchEvent(new CustomEvent(type, { detail }));
+  }
+
+  getRoot() {
+    return this.root;
+  }
+
+  async load({ container } = {}) {
+    if (this.root) {
+      return this.root;
+    }
+
+    if (this.loadPromise) {
+      return this.loadPromise;
+    }
+
+    this.loadPromise = (async () => {
+      const targetContainer =
+        container || this.container || document.getElementById("modalContainer");
+      if (!targetContainer) {
+        throw new Error("Modal container element not found!");
+      }
+
+      let modal = targetContainer.querySelector("#editVideoModal");
+      if (!modal) {
+        const response = await fetch("components/edit-video-modal.html");
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+
+        const html = await response.text();
+        const wrapper = document.createElement("div");
+        wrapper.innerHTML = html;
+        this.removeTrackingScripts(wrapper);
+        targetContainer.appendChild(wrapper);
+        modal = wrapper.querySelector("#editVideoModal");
+      }
+
+      if (!modal) {
+        throw new Error("Edit video modal markup missing after load.");
+      }
+
+      this.container = targetContainer;
+      this.root = modal;
+
+      this.cacheElements(modal);
+      this.setupModalAccessibility();
+      if (!this.eventsBound) {
+        this.bindEvents();
+        this.eventsBound = true;
+      }
+      this.reset();
+
+      return this.root;
+    })();
+
+    try {
+      return await this.loadPromise;
+    } finally {
+      this.loadPromise = null;
+    }
+  }
+
+  cacheElements(context) {
+    this.overlay =
+      context.querySelector("#editVideoModalOverlay") ||
+      context.querySelector(".bv-modal-backdrop") ||
+      null;
+    this.panel = context.querySelector(".bv-modal__panel") || null;
+    this.form = context.querySelector("#editVideoForm") || null;
+    this.closeButton = context.querySelector("#closeEditVideoModal") || null;
+    this.cancelButton = context.querySelector("#cancelEditVideo") || null;
+    this.submitButton = context.querySelector("#submitEditVideo") || null;
+
+    this.updateSubmitButtonState();
+
+    this.fieldButtons = Array.from(context.querySelectorAll("[data-edit-target]"));
+
+    this.fields = {
+      title: context.querySelector("#editVideoTitle") || null,
+      url: context.querySelector("#editVideoUrl") || null,
+      magnet: context.querySelector("#editVideoMagnet") || null,
+      ws: context.querySelector("#editVideoWs") || null,
+      xs: context.querySelector("#editVideoXs") || null,
+      thumbnail: context.querySelector("#editVideoThumbnail") || null,
+      description: context.querySelector("#editVideoDescription") || null,
+      isPrivate: context.querySelector("#editVideoIsPrivate") || null,
+      enableComments: context.querySelector("#editEnableComments") || null,
+      isNsfw: context.querySelector("#editVideoIsNsfw") || null,
+      isForKids: context.querySelector("#editVideoIsForKids") || null,
+    };
+
+    this.visibility = {
+      container: context.querySelector("[data-visibility-toggle]") || null,
+      buttons: Array.from(
+        context.querySelectorAll("[data-visibility-option]") || []
+      ),
+      helper: context.querySelector("[data-visibility-helper]") || null,
+      helperDefault: "",
+    };
+
+    if (this.visibility.helper) {
+      this.visibility.helperDefault = this.visibility.helper.textContent || "";
+    }
+
+    const nip71Context = this.form || context;
+    this.nip71FormManager.registerSection(this.nip71SectionKey, nip71Context);
+  }
+
+  setupModalAccessibility() {
+    if (!this.root) {
+      return;
+    }
+
+    if (this.modalAccessibility?.destroy) {
+      this.modalAccessibility.destroy();
+    }
+
+    this.modalAccessibility = createModalAccessibility({
+      root: this.root,
+      panel: this.panel || this.root,
+      backdrop: this.overlay || this.root,
+      onRequestClose: () => this.close({ emitCancel: true }),
+    });
+  }
+
+  bindEvents() {
+    if (this.form) {
+      this.form.addEventListener("submit", (event) => {
+        event.preventDefault();
+        this.submit();
+      });
+    }
+
+    const cancelHandler = (event) => {
+      event?.preventDefault?.();
+      this.close({ emitCancel: true });
+    };
+
+    if (this.overlay) {
+      this.overlay.addEventListener("click", cancelHandler);
+    }
+
+    if (this.closeButton) {
+      this.closeButton.addEventListener("click", cancelHandler);
+    }
+
+    if (this.cancelButton) {
+      this.cancelButton.addEventListener("click", cancelHandler);
+    }
+
+    if (Array.isArray(this.fieldButtons)) {
+      this.fieldButtons.forEach((button) => {
+        if (!button || button.dataset.editListenerAttached === "true") {
+          return;
+        }
+        button.addEventListener("click", (event) => {
+          this.handleEditFieldToggle(event);
+        });
+        button.dataset.editListenerAttached = "true";
+      });
+    }
+
+    if (Array.isArray(this.visibility?.buttons)) {
+      this.visibility.buttons.forEach((button) => {
+        button.addEventListener("click", (event) => {
+          const option = event?.currentTarget?.dataset?.visibilityOption;
+          if (!option) {
+            return;
+          }
+          this.setVisibility(option);
+        });
+      });
+    }
+
+    if (this.fields.isPrivate) {
+      this.fields.isPrivate.addEventListener("change", () => {
+        this.handleIsPrivateChange({ emit: true });
+      });
+    }
+
+    if (this.fields.enableComments) {
+      this.fields.enableComments.addEventListener("change", (event) => {
+        const target = event.currentTarget;
+        const value = this.sanitizers.checkbox(target?.checked);
+        const detail = {
+          field: "enableComments",
+          value,
+          videoId: this.escapeHtml(this.activeVideo?.id || ""),
+        };
+        this.emit("video:edit-visibility-change", detail);
+      });
+    }
+
+    if (this.fields.isNsfw && this.fields.isForKids) {
+      this.setupMutuallyExclusiveCheckboxes(
+        this.fields.isNsfw,
+        this.fields.isForKids
+      );
+    }
+
+    this.nip71FormManager.bindSection(this.nip71SectionKey);
+  }
+
+  setupMutuallyExclusiveCheckboxes(firstInput, secondInput) {
+    if (!firstInput || !secondInput) {
+      return;
+    }
+
+    const enforceExclusion = (primary, secondary) => {
+      if (primary.checked) {
+        secondary.checked = false;
+      }
+    };
+
+    const handleFirstChange = () => enforceExclusion(firstInput, secondInput);
+    const handleSecondChange = () => enforceExclusion(secondInput, firstInput);
+
+    if (firstInput.checked && secondInput.checked) {
+      secondInput.checked = false;
+    }
+
+    firstInput.addEventListener("change", handleFirstChange);
+    secondInput.addEventListener("change", handleSecondChange);
+  }
+
+  sanitizeAudienceFlags(flags = {}) {
+    const isNsfw = flags?.isNsfw === true;
+    const isForKids = flags?.isForKids === true && !isNsfw;
+    return { isNsfw, isForKids };
+  }
+
+  normalizeMode(value) {
+    if (typeof value === "string") {
+      const normalized = value.trim().toLowerCase();
+      if (normalized === "dev") {
+        return "dev";
+      }
+    }
+    return "live";
+  }
+
+  resolveModeForSubmit() {
+    let candidate = null;
+    if (typeof this.getMode === "function") {
+      try {
+        candidate = this.getMode({ video: this.activeVideo });
+      } catch (_error) {
+        candidate = null;
+      }
+    }
+
+    if (typeof candidate === "string" && candidate.trim()) {
+      return this.normalizeMode(candidate);
+    }
+
+    if (this.activeVideo && typeof this.activeVideo.mode === "string") {
+      return this.normalizeMode(this.activeVideo.mode);
+    }
+
+    return "live";
+  }
+
+  reset() {
+    if (!this.root) {
+      this.activeVideo = null;
+      this.nip71FormManager.resetSection(this.nip71SectionKey);
+      this.originalNip71Metadata = null;
+      this.originalNip71MetadataJson = null;
+      this.setSubmitState({ pending: false });
+      return;
+    }
+
+    const inputs = Object.values(this.fields);
+    inputs.forEach((input) => {
+      if (!input) {
+        return;
+      }
+      if (input.type === "checkbox") {
+        const defaultAttr = input.dataset?.defaultChecked;
+        const defaultChecked =
+          defaultAttr === "true"
+            ? true
+            : defaultAttr === "false"
+            ? false
+            : input.defaultChecked;
+        input.checked = defaultChecked;
+        input.disabled = false;
+        input.removeAttribute("disabled");
+        delete input.dataset.isEditing;
+        delete input.dataset.state;
+      } else {
+        input.value = "";
+        input.readOnly = false;
+        input.removeAttribute("readonly");
+        delete input.dataset.isEditing;
+        delete input.dataset.state;
+      }
+      delete input.dataset.originalValue;
+    });
+
+    if (Array.isArray(this.fieldButtons)) {
+      this.fieldButtons.forEach((button) => {
+        button.classList.add("hidden");
+        button.dataset.mode = "locked";
+        button.textContent = "Edit field";
+      });
+    }
+
+    this.handleIsPrivateChange({ emit: false });
+
+    this.nip71FormManager.resetSection(this.nip71SectionKey);
+    this.originalNip71Metadata = null;
+    this.originalNip71MetadataJson = null;
+    this.activeVideo = null;
+    this.setSubmitState({ pending: false });
+  }
+
+  async open(video, { triggerElement } = {}) {
+    await this.load();
+
+    if (!video) {
+      throw new Error("No video provided for editing.");
+    }
+
+    this.reset();
+
+    const magnetSource = video.magnet || video.rawMagnet || "";
+    const magnetHints = extractMagnetHints(magnetSource);
+    const effectiveWs = video.ws || magnetHints.ws || "";
+    const effectiveXs = video.xs || magnetHints.xs || "";
+    const enableCommentsValue =
+      typeof video.enableComments === "boolean" ? video.enableComments : true;
+    const isPrivateValue = video.isPrivate === true;
+    const rawIsNsfw = typeof video.isNsfw === "boolean" ? video.isNsfw : false;
+    const rawIsForKids =
+      typeof video.isForKids === "boolean" ? video.isForKids : false;
+    const { isNsfw: isNsfwValue, isForKids: isForKidsValue } =
+      this.sanitizeAudienceFlags({
+        isNsfw: rawIsNsfw,
+        isForKids: rawIsForKids,
+      });
+
+    const editContext = {
+      ...video,
+      ws: effectiveWs,
+      xs: effectiveXs,
+      enableComments: enableCommentsValue,
+      isPrivate: isPrivateValue,
+      isNsfw: isNsfwValue,
+      isForKids: isForKidsValue,
+    };
+
+    this.applyVideoToForm(editContext);
+    this.nip71FormManager.resetSection(this.nip71SectionKey);
+
+    let nip71Data = video.nip71 && typeof video.nip71 === "object" ? { ...video.nip71 } : {};
+
+    // Backfill published_at if missing, using the original root creation time
+    if (
+      !nip71Data.publishedAt &&
+      !nip71Data.published_at &&
+      !nip71Data["published-at"]
+    ) {
+      const rootCreated = video.rootCreatedAt || video.created_at;
+      if (rootCreated) {
+        nip71Data.publishedAt = rootCreated;
+      }
+    }
+
+    // Format publishedAt for datetime-local input (YYYY-MM-DDThh:mm)
+    const rawPublishedAt =
+      nip71Data.publishedAt || nip71Data.published_at || nip71Data["published-at"];
+    if (rawPublishedAt) {
+      const numeric = Number(rawPublishedAt);
+      if (Number.isFinite(numeric)) {
+        const dt = new Date(numeric * 1000);
+        const pad = (n) => String(n).padStart(2, "0");
+        const formatted = `${dt.getFullYear()}-${pad(dt.getMonth() + 1)}-${pad(
+          dt.getDate()
+        )}T${pad(dt.getHours())}:${pad(dt.getMinutes())}`;
+        nip71Data.publishedAt = formatted;
+      }
+    }
+
+    this.nip71FormManager.hydrateSection(this.nip71SectionKey, nip71Data);
+
+    const initialNip71 = this.nip71FormManager.collectSection(this.nip71SectionKey);
+    this.originalNip71Metadata = this.cloneNip71Metadata(initialNip71);
+    this.originalNip71MetadataJson = JSON.stringify(this.originalNip71Metadata);
+    this.activeVideo = editContext;
+
+    if (this.root) {
+      const wasHidden = this.root.classList.contains("hidden");
+      if (wasHidden) {
+        this.root.classList.remove("hidden");
+        this.root.setAttribute("aria-hidden", "false");
+        this.setGlobalModalState("editVideo", true);
+        const focusTarget =
+          this.form?.querySelector("[data-initial-focus]") ||
+          this.panel ||
+          this.root;
+        window.requestAnimationFrame(() => {
+          if (typeof focusTarget?.focus === "function") {
+            focusTarget.focus();
+          }
+        });
+      }
+      this.isVisible = true;
+      this.modalAccessibility?.activate({ triggerElement });
+    }
+
+    return true;
+  }
+
+  applyVideoToForm(editContext) {
+    if (!editContext) {
+      return;
+    }
+
+    const sanitizedFlags = this.sanitizeAudienceFlags({
+      isNsfw: editContext.isNsfw,
+      isForKids: editContext.isForKids,
+    });
+    editContext.isNsfw = sanitizedFlags.isNsfw;
+    editContext.isForKids = sanitizedFlags.isForKids;
+
+    const fieldMap = {
+      title: editContext.title || "",
+      url: editContext.url || "",
+      magnet: editContext.magnet || "",
+      ws: editContext.ws || "",
+      xs: editContext.xs || "",
+      thumbnail: editContext.thumbnail || "",
+      description: editContext.description || "",
+      isPrivate: editContext.isPrivate,
+      enableComments: editContext.enableComments,
+      isNsfw: editContext.isNsfw,
+      isForKids: editContext.isForKids,
+    };
+
+    Object.entries(fieldMap).forEach(([key, rawValue]) => {
+      const input = this.fields[key];
+      const targetId = this.fieldIdForKey(key);
+      const button = this.fieldButtons.find(
+        (item) => item?.dataset?.editTarget === targetId
+      );
+
+      if (!input) {
+        if (button) {
+          button.classList.add("hidden");
+          button.dataset.mode = "locked";
+          button.textContent = "Edit field";
+        }
+        return;
+      }
+
+      if (targetId) {
+        input.id = targetId;
+      }
+
+      const isCheckbox = input.type === "checkbox";
+      if (isCheckbox) {
+        const hasValue = rawValue !== undefined;
+        const boolValue = rawValue === true;
+        input.checked = boolValue;
+        input.disabled = hasValue;
+        if (hasValue) {
+          input.setAttribute("disabled", "disabled");
+        } else {
+          input.removeAttribute("disabled");
+        }
+        input.dataset.originalValue = boolValue ? "true" : "false";
+        input.dataset.isEditing = hasValue ? "false" : "true";
+        if (button) {
+          if (hasValue) {
+            button.classList.remove("hidden");
+            button.dataset.mode = "locked";
+            button.textContent = "Edit field";
+          } else {
+            button.classList.add("hidden");
+            button.dataset.mode = "locked";
+            button.textContent = "Edit field";
+          }
+        }
+        return;
+      }
+
+      const value = typeof rawValue === "string" ? rawValue : "";
+      const hasValue = value.trim().length > 0;
+
+      input.value = value;
+      input.dataset.originalValue = value;
+      input.dataset.isEditing = hasValue ? "false" : "true";
+      if (hasValue) {
+        input.readOnly = true;
+        input.setAttribute("readonly", "readonly");
+        input.dataset.state = "locked";
+      } else {
+        input.readOnly = false;
+        input.removeAttribute("readonly");
+        delete input.dataset.state;
+      }
+
+      if (button) {
+        if (hasValue) {
+          button.classList.remove("hidden");
+          button.dataset.mode = "locked";
+          button.textContent = "Edit field";
+        } else {
+          button.classList.add("hidden");
+          button.dataset.mode = "locked";
+          button.textContent = "Edit field";
+        }
+      }
+    });
+
+    this.handleIsPrivateChange({ emit: false });
+  }
+
+  fieldIdForKey(key) {
+    switch (key) {
+      case "title":
+        return "editVideoTitle";
+      case "url":
+        return "editVideoUrl";
+      case "magnet":
+        return "editVideoMagnet";
+      case "ws":
+        return "editVideoWs";
+      case "xs":
+        return "editVideoXs";
+      case "thumbnail":
+        return "editVideoThumbnail";
+      case "description":
+        return "editVideoDescription";
+      case "isPrivate":
+        return "editVideoIsPrivate";
+      case "enableComments":
+        return "editEnableComments";
+      case "isNsfw":
+        return "editVideoIsNsfw";
+      case "isForKids":
+        return "editVideoIsForKids";
+      default:
+        return null;
+    }
+  }
+
+  close({ emitCancel = false } = {}) {
+    if (this.root) {
+      this.root.classList.add("hidden");
+      this.root.setAttribute("aria-hidden", "true");
+    }
+    this.isVisible = false;
+    this.modalAccessibility?.deactivate();
+    this.setGlobalModalState("editVideo", false);
+    const cancelledVideo = this.activeVideo;
+    this.reset();
+
+    if (emitCancel) {
+      this.emit("video:edit-cancel", {
+        videoId: this.escapeHtml(cancelledVideo?.id || ""),
+        pubkey: this.escapeHtml(cancelledVideo?.pubkey || ""),
+      });
+    }
+  }
+
+  handleEditFieldToggle(event) {
+    const button = event?.currentTarget;
+    if (!button) {
+      return;
+    }
+
+    const targetId = button.dataset?.editTarget;
+    if (!targetId) {
+      return;
+    }
+
+    const input = this.root?.querySelector(`#${targetId}`);
+    if (!input) {
+      return;
+    }
+
+    const isCheckbox = input.type === "checkbox";
+    const isLocked = isCheckbox
+      ? input.disabled === true
+      : input.readOnly === true;
+
+    if (isLocked) {
+      if (isCheckbox) {
+        input.disabled = false;
+        input.removeAttribute("disabled");
+        input.dataset.isEditing = "true";
+        delete input.dataset.state;
+      } else {
+        input.disabled = false;
+        input.readOnly = false;
+        input.removeAttribute("readonly");
+        delete input.dataset.state;
+        input.dataset.isEditing = "true";
+      }
+      button.dataset.mode = "editing";
+      button.textContent = "Restore original";
+      if (!isCheckbox && typeof input.focus === "function") {
+        input.focus();
+        if (typeof input.setSelectionRange === "function") {
+          const length = input.value.length;
+          try {
+            input.setSelectionRange(length, length);
+          } catch (error) {
+            // Ignore selection errors (e.g. unsupported input types)
+          }
+        }
+      }
+      if (input === this.fields.isPrivate) {
+        this.updateVisibilityToggleUI();
+      }
+      return;
+    }
+
+    const originalValue = input.dataset?.originalValue || "";
+
+    if (isCheckbox) {
+      input.checked = originalValue === "true";
+      input.disabled = true;
+      input.setAttribute("disabled", "disabled");
+      input.dataset.isEditing = "false";
+      button.dataset.mode = "locked";
+      button.textContent = "Edit field";
+      if (input === this.fields.isPrivate) {
+        this.updateVisibilityToggleUI();
+      }
+      return;
+    }
+
+    input.value = originalValue;
+
+    if (originalValue) {
+      input.readOnly = true;
+      input.setAttribute("readonly", "readonly");
+      input.dataset.state = "locked";
+      input.dataset.isEditing = "false";
+      button.dataset.mode = "locked";
+      button.textContent = "Edit field";
+    } else {
+      input.readOnly = false;
+      input.removeAttribute("readonly");
+      delete input.dataset.state;
+      input.dataset.isEditing = "true";
+      button.classList.add("hidden");
+      button.dataset.mode = "locked";
+      button.textContent = "Edit field";
+    }
+  }
+
+  setVisibility(option, { emit = true } = {}) {
+    const checkbox = this.fields.isPrivate;
+    if (!checkbox) {
+      return;
+    }
+
+    const normalized = typeof option === "string" ? option.toLowerCase() : "";
+    if (normalized !== "public" && normalized !== "private") {
+      return;
+    }
+
+    if (checkbox.disabled) {
+      this.updateVisibilityToggleUI();
+      return;
+    }
+
+    const wantPrivate = normalized === "private";
+    if (checkbox.checked === wantPrivate) {
+      this.updateVisibilityToggleUI();
+      return;
+    }
+
+    checkbox.checked = wantPrivate;
+    this.handleIsPrivateChange({ emit });
+  }
+
+  updateVisibilityToggleUI() {
+    const checkbox = this.fields.isPrivate;
+    const buttons = Array.isArray(this.visibility?.buttons)
+      ? this.visibility.buttons
+      : [];
+    if (!checkbox) {
+      return;
+    }
+
+    const isPrivate = checkbox.checked === true;
+    const disabled = checkbox.disabled === true;
+
+    buttons.forEach((button) => {
+      if (!button) {
+        return;
+      }
+      const option = button.dataset?.visibilityOption || "";
+      const normalized = option.toLowerCase();
+      const isActive =
+        (normalized === "private" && isPrivate) ||
+        (normalized === "public" && !isPrivate);
+      button.dataset.active = isActive ? "true" : "false";
+      button.setAttribute("aria-pressed", isActive ? "true" : "false");
+      if (disabled) {
+        button.classList.add("is-disabled");
+        button.setAttribute("aria-disabled", "true");
+        button.tabIndex = -1;
+      } else {
+        button.classList.remove("is-disabled");
+        button.removeAttribute("aria-disabled");
+        button.tabIndex = 0;
+      }
+    });
+
+    if (this.visibility?.container) {
+      this.visibility.container.dataset.state = isPrivate ? "private" : "public";
+      if (disabled) {
+        this.visibility.container.dataset.disabled = "true";
+      } else {
+        delete this.visibility.container.dataset.disabled;
+      }
+    }
+
+    const helper = this.visibility?.helper;
+    if (helper) {
+      const privateCopy = this.visibility.helperDefault || helper.textContent;
+      const publicCopy =
+        "Public notes appear in feeds for everyone who can view your channel.";
+      helper.textContent = isPrivate ? privateCopy : publicCopy;
+    }
+  }
+
+  handleIsPrivateChange({ emit = true } = {}) {
+    const checkbox = this.fields.isPrivate;
+    if (!checkbox) {
+      return;
+    }
+
+    this.updateVisibilityToggleUI();
+
+    if (!emit) {
+      return;
+    }
+
+    const value = this.sanitizers.checkbox(checkbox.checked);
+    const detail = {
+      field: "isPrivate",
+      value,
+      videoId: this.escapeHtml(this.activeVideo?.id || ""),
+    };
+    this.emit("video:edit-visibility-change", detail);
+  }
+
+  cloneNip71Metadata(metadata) {
+    if (metadata == null) {
+      return null;
+    }
+    try {
+      return JSON.parse(JSON.stringify(metadata));
+    } catch (error) {
+      return metadata;
+    }
+  }
+
+  submit() {
+    if (this.pendingSubmit) {
+      return;
+    }
+
+    const contextVideo = this.activeVideo || this.pendingSubmitVideo || null;
+
+    if (!contextVideo || !this.root) {
+      if (this.isVisible) {
+        this.showError("No video selected for editing.");
+      }
+      return;
+    }
+
+    this.setSubmitState({ pending: true, video: contextVideo });
+
+    const fieldValue = (key) => {
+      const input = this.fields[key];
+      if (!input || typeof input.value !== "string") {
+        return "";
+      }
+      if (key === "url" || key === "ws" || key === "xs") {
+        return this.sanitizers.url(input.value);
+      }
+      if (key === "magnet") {
+        return this.sanitizers.magnet(input.value);
+      }
+      return this.sanitizers.text(input.value);
+    };
+
+    const original = this.pendingSubmitVideo || this.activeVideo;
+
+    const titleInput = this.fields.title;
+    const urlInput = this.fields.url;
+    const magnetInput = this.fields.magnet;
+    const wsInput = this.fields.ws;
+    const xsInput = this.fields.xs;
+    const thumbnailInput = this.fields.thumbnail;
+    const descriptionInput = this.fields.description;
+    const commentsInput = this.fields.enableComments;
+    const privateInput = this.fields.isPrivate;
+    const nsfwInput = this.fields.isNsfw;
+    const forKidsInput = this.fields.isForKids;
+
+    const newTitle = fieldValue("title");
+    const newUrl = fieldValue("url");
+    const newMagnet = fieldValue("magnet");
+    const newWs = fieldValue("ws");
+    const newXs = fieldValue("xs");
+    const newThumbnail = fieldValue("thumbnail");
+    const newDescription = fieldValue("description");
+
+    const isEditing = (input) => {
+      if (!input) {
+        return true;
+      }
+      if (input.dataset?.isEditing === "true") {
+        return true;
+      }
+      if (input.type === "checkbox") {
+        return input.disabled === false;
+      }
+      return input.readOnly === false;
+    };
+
+    const titleWasEdited = isEditing(titleInput);
+    const urlWasEdited = isEditing(urlInput);
+    const magnetWasEdited = isEditing(magnetInput);
+
+    const finalTitle = titleWasEdited ? newTitle : original.title || "";
+    const finalUrl = urlWasEdited ? newUrl : original.url || "";
+    const originalMagnetValue =
+      typeof original.magnet === "string" ? original.magnet.trim() : "";
+    const originalWsValue =
+      typeof original.ws === "string" ? original.ws.trim() : "";
+    const originalXsValue =
+      typeof original.xs === "string" ? original.xs.trim() : "";
+
+    const wsWasManuallyEdited = wsInput ? wsInput.readOnly === false : false;
+    const xsWasManuallyEdited = xsInput ? xsInput.readOnly === false : false;
+
+    let finalMagnet = magnetWasEdited ? newMagnet : originalMagnetValue;
+    let finalWs = wsWasManuallyEdited ? newWs : originalWsValue;
+    let finalXs = xsWasManuallyEdited ? newXs : originalXsValue;
+
+    if (magnetWasEdited) {
+      const magnetHintCandidates = extractMagnetHints(finalMagnet);
+      if (!wsWasManuallyEdited) {
+        finalWs = magnetHintCandidates.ws || "";
+      }
+      if (!xsWasManuallyEdited) {
+        finalXs = magnetHintCandidates.xs || "";
+      }
+    }
+    const finalThumbnail = isEditing(thumbnailInput)
+      ? newThumbnail
+      : original.thumbnail || "";
+    const finalDescription = isEditing(descriptionInput)
+      ? newDescription
+      : original.description || "";
+    const originalEnableComments =
+      typeof original.enableComments === "boolean" ? original.enableComments : true;
+    const originalIsPrivate = original.isPrivate === true;
+    const originalIsNsfw = original.isNsfw === true;
+    const originalIsForKids = original.isForKids === true;
+
+    const rawNip71 = this.nip71FormManager.collectSection(this.nip71SectionKey);
+    const currentNip71 = this.cloneNip71Metadata(rawNip71);
+
+    // Convert publishedAt back to Unix timestamp (seconds)
+    if (currentNip71 && typeof currentNip71.publishedAt === "string") {
+      const dateStr = currentNip71.publishedAt;
+      if (dateStr) {
+        const dt = new Date(dateStr);
+        if (!isNaN(dt.getTime())) {
+          currentNip71.publishedAt = Math.floor(dt.getTime() / 1000);
+        } else {
+          delete currentNip71.publishedAt;
+        }
+      } else {
+        delete currentNip71.publishedAt;
+      }
+    }
+    const hasImetaSource = Array.isArray(currentNip71?.imeta)
+      ? currentNip71.imeta.some((variant) => {
+          if (!variant || typeof variant !== "object") {
+            return false;
+          }
+          const hasUrl = typeof variant.url === "string" && variant.url.trim();
+          const hasMagnet = typeof variant.x === "string" && variant.x.trim();
+          return Boolean(hasUrl || hasMagnet);
+        })
+      : false;
+
+    let finalEnableComments = originalEnableComments;
+    if (commentsInput) {
+      if (commentsInput.disabled) {
+        finalEnableComments = commentsInput.dataset.originalValue === "true";
+      } else {
+        finalEnableComments = this.sanitizers.checkbox(commentsInput.checked);
+      }
+    }
+
+    let finalIsPrivate = originalIsPrivate;
+    if (privateInput) {
+      if (privateInput.disabled) {
+        finalIsPrivate = privateInput.dataset.originalValue === "true";
+      } else {
+        finalIsPrivate = this.sanitizers.checkbox(privateInput.checked);
+      }
+    }
+
+    let finalIsNsfw = originalIsNsfw;
+    if (nsfwInput) {
+      if (nsfwInput.disabled) {
+        finalIsNsfw = nsfwInput.dataset.originalValue === "true";
+      } else {
+        finalIsNsfw = this.sanitizers.checkbox(nsfwInput.checked);
+      }
+    }
+
+    let finalIsForKids = originalIsForKids;
+    if (forKidsInput) {
+      if (forKidsInput.disabled) {
+        finalIsForKids = forKidsInput.dataset.originalValue === "true";
+      } else {
+        finalIsForKids = this.sanitizers.checkbox(forKidsInput.checked);
+      }
+    }
+
+    ({ isNsfw: finalIsNsfw, isForKids: finalIsForKids } =
+      this.sanitizeAudienceFlags({
+        isNsfw: finalIsNsfw,
+        isForKids: finalIsForKids,
+      }));
+
+    if (!finalTitle || (!finalUrl && !finalMagnet && !hasImetaSource)) {
+      this.showError(
+        "Title and at least one of URL, Magnet, or a NIP-71 media variant is required."
+      );
+      return;
+    }
+
+    if (finalUrl && !/^https:\/\//i.test(finalUrl)) {
+      this.showError("Hosted video URLs must use HTTPS.");
+      return;
+    }
+
+    if (finalMagnet) {
+      const result = normalizeAndAugmentMagnet(finalMagnet, {
+        webSeed: finalWs,
+        xs: finalXs,
+      });
+      finalMagnet = result.magnet;
+      const hints = extractMagnetHints(finalMagnet);
+      finalWs = hints.ws;
+      finalXs = hints.xs;
+    } else {
+      finalWs = "";
+      finalXs = "";
+    }
+
+    const magnetChanged = magnetWasEdited && finalMagnet !== originalMagnetValue;
+    const wsEditedFlag = wsWasManuallyEdited || magnetChanged;
+    const xsEditedFlag = xsWasManuallyEdited || magnetChanged;
+
+    const updatedData = {
+      version: original.version || 2,
+      title: finalTitle,
+      magnet: finalMagnet,
+      url: finalUrl,
+      thumbnail: finalThumbnail,
+      description: finalDescription,
+      mode: this.resolveModeForSubmit(),
+      ws: finalWs,
+      xs: finalXs,
+      wsEdited: wsEditedFlag,
+      xsEdited: xsEditedFlag,
+      urlEdited: urlWasEdited,
+      magnetEdited: magnetWasEdited,
+      enableComments: finalEnableComments,
+      isPrivate: finalIsPrivate,
+      isNsfw: finalIsNsfw,
+      isForKids: finalIsForKids,
+    };
+
+    const currentNip71Json = JSON.stringify(currentNip71);
+    const nip71Edited = currentNip71Json !== this.originalNip71MetadataJson;
+    updatedData.nip71 = currentNip71;
+    updatedData.nip71Edited = nip71Edited;
+
+    const originalEvent = {
+      id: this.sanitizers.text(original.id || ""),
+      pubkey: this.sanitizers.text(original.pubkey || ""),
+      videoRootId: this.sanitizers.text(original.videoRootId || ""),
+    };
+
+    this.emit("video:edit-submit", {
+      originalEvent,
+      updatedData,
+      video: { ...original },
+    });
+  }
+
+  setSubmitState({ pending = false, video } = {}) {
+    const nextPending = Boolean(pending);
+    if (nextPending) {
+      this.pendingSubmitVideo = video || this.activeVideo || this.pendingSubmitVideo;
+    } else {
+      this.pendingSubmitVideo = null;
+    }
+
+    this.pendingSubmit = nextPending;
+    this.updateSubmitButtonState();
+  }
+
+  updateSubmitButtonState() {
+    if (!this.submitButton) {
+      return;
+    }
+
+    if (this.pendingSubmit) {
+      this.submitButton.disabled = true;
+      this.submitButton.setAttribute("disabled", "disabled");
+    } else {
+      this.submitButton.disabled = false;
+      this.submitButton.removeAttribute("disabled");
+    }
+  }
+
+  destroy() {
+    if (this.modalAccessibility?.destroy) {
+      this.modalAccessibility.destroy();
+    }
+    this.modalAccessibility = null;
+  }
+}
diff --git a/dist/js/ui/components/EmbedPlayerModal.js b/dist/js/ui/components/EmbedPlayerModal.js
new file mode 100644
index 00000000..5f77797f
--- /dev/null
+++ b/dist/js/ui/components/EmbedPlayerModal.js
@@ -0,0 +1,214 @@
+export class EmbedPlayerModal {
+  constructor({ document: doc, logger } = {}) {
+    this.document = doc || (typeof document !== "undefined" ? document : null);
+    this.logger = logger || console;
+    this.root = null;
+    this.video = null;
+    this.status = null;
+    this.eventTarget = new EventTarget();
+
+    // Overlay elements
+    this.watchButton = null;
+    this.viewCountEl = null;
+    this.likeCountEl = null;
+    this.dislikeCountEl = null;
+
+    this.toneClasses = {
+      default: "text-white/90",
+      error: "text-status-danger",
+      success: "text-status-success",
+    };
+  }
+
+  load() {
+    if (this.document) {
+      this.root = this.document.getElementById("embedRoot");
+      this.video = this.document.getElementById("embedVideo");
+      this.status = this.document.getElementById("embedStatus");
+
+      this.watchButton = this.document.getElementById("embedWatchButton");
+      this.viewCountEl = this.document.getElementById("embedViewCount");
+      this.likeCountEl = this.document.getElementById("embedLikeCount");
+      this.dislikeCountEl = this.document.getElementById("embedDislikeCount");
+    }
+    return Promise.resolve(this.root);
+  }
+
+  getRoot() {
+    return this.root;
+  }
+
+  getVideoElement() {
+    return this.video;
+  }
+
+  setVideoElement(videoElement) {
+    if (videoElement) {
+      this.video = videoElement;
+    }
+    return this.video;
+  }
+
+  resetStats() {
+    // no-op for embed view (torrent stats)
+  }
+
+  setStatus(message, tone = "default") {
+    if (!this.status) {
+      return;
+    }
+
+    const normalizedMessage = typeof message === "string" ? message.trim() : "";
+    this.status.textContent = normalizedMessage;
+
+    // Reset classes
+    this.status.className = "pointer-events-none absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-md bg-black/60 px-3 py-1 text-sm backdrop-blur-sm";
+
+    const toneClass = this.toneClasses[tone] || this.toneClasses.default;
+    this.status.classList.add(toneClass);
+
+    if (!normalizedMessage) {
+        this.status.hidden = true;
+    } else {
+        this.status.hidden = false;
+    }
+  }
+
+  updateStatus(message) {
+    this.setStatus(message, "default");
+  }
+
+  applyLoadingPoster() {
+    this.setStatus("Loading…", "default");
+  }
+
+  forceRemovePoster() {
+    this.setStatus("", "default");
+    return true;
+  }
+
+  clearPosterCleanup() {}
+
+  setTorrentStatsVisibility(isVisible) {
+    if (!this.root) {
+      return;
+    }
+    this.root.dataset.torrentStats = isVisible ? "true" : "false";
+  }
+
+  open() {
+    return this.root;
+  }
+
+  close() {}
+
+  updateMetadata() {}
+  setShareEnabled() {}
+
+  addEventListener(type, listener, options) {
+    this.eventTarget.addEventListener(type, listener, options);
+  }
+
+  removeEventListener(type, listener, options) {
+    this.eventTarget.removeEventListener(type, listener, options);
+  }
+
+  dispatch(type, detail) {
+    return this.eventTarget.dispatchEvent(new CustomEvent(type, { detail }));
+  }
+
+  // --- New Methods for Overlay ---
+
+  setShareUrl(url) {
+    if (this.watchButton && url) {
+      this.watchButton.href = url;
+    }
+  }
+
+  getViewCountElement() {
+    return this.viewCountEl;
+  }
+
+  updateViewCountLabel(text) {
+    if (!this.viewCountEl) {
+      return;
+    }
+    const label = this.viewCountEl.querySelector("[data-view-count-text]");
+    if (label) {
+        // App passes "123 views" or "– views". We strip "views" to keep it compact if desired,
+        // but the prompt asked for "view count" so maybe "1.2k views" is fine.
+        // Given the compact design (icon + text), just number is often cleaner, but let's stick to what app sends or simple parse.
+        // Actually app sends formatted string.
+        // Let's try to extract just the number/text if possible, or just render what is sent.
+        // "1.2k views" -> "1.2k"
+        const parts = (text || "").split(' ');
+        const compactText = parts[0] || "–";
+        label.textContent = compactText;
+    }
+  }
+
+  setViewCountPointer(pointerKey) {
+    if (this.viewCountEl && pointerKey) {
+        this.viewCountEl.dataset.pointerKey = pointerKey;
+    }
+  }
+
+  formatCount(num) {
+    const val = Number.isFinite(num) ? num : 0;
+    if (val === 0) return "0";
+
+    // Simple compact formatter
+    if (typeof Intl !== "undefined" && Intl.NumberFormat) {
+        try {
+            return new Intl.NumberFormat('en-US', {
+                notation: "compact",
+                maximumFractionDigits: 1
+            }).format(val);
+        } catch (e) {
+            // fallback
+        }
+    }
+
+    if (val >= 1000000) return (val / 1000000).toFixed(1) + 'M';
+    if (val >= 1000) return (val / 1000).toFixed(1) + 'k';
+    return String(val);
+  }
+
+  updateReactionSummary({ total, counts, userReaction } = {}) {
+    const likeCount = counts && typeof counts['+'] === 'number' ? counts['+'] : 0;
+    const dislikeCount = counts && typeof counts['-'] === 'number' ? counts['-'] : 0;
+
+    if (this.likeCountEl) {
+        const label = this.likeCountEl.querySelector("[data-count]");
+        if (label) label.textContent = this.formatCount(likeCount);
+
+        // Highlight if user liked? (Read-only for now but good visual feedback if we had auth state)
+        if (userReaction === '+') {
+            this.likeCountEl.classList.add("text-primary");
+            this.likeCountEl.classList.remove("text-white/80");
+        } else {
+            this.likeCountEl.classList.remove("text-primary");
+            this.likeCountEl.classList.add("text-white/80");
+        }
+    }
+
+    if (this.dislikeCountEl) {
+        const label = this.dislikeCountEl.querySelector("[data-count]");
+        if (label) label.textContent = this.formatCount(dislikeCount);
+
+        if (userReaction === '-') {
+            this.dislikeCountEl.classList.add("text-status-danger");
+            this.dislikeCountEl.classList.remove("text-white/80");
+        } else {
+            this.dislikeCountEl.classList.remove("text-status-danger");
+            this.dislikeCountEl.classList.add("text-white/80");
+        }
+    }
+  }
+
+  setUserReaction(reaction) {
+    // We don't have the full counts here to update UI fully,
+    // but updateReactionSummary will be called by controller with full data.
+    // So we can ignore this or just toggle classes optimistically.
+  }
+}
diff --git a/dist/js/ui/components/EmbedVideoModal.js b/dist/js/ui/components/EmbedVideoModal.js
new file mode 100644
index 00000000..54e5ab8e
--- /dev/null
+++ b/dist/js/ui/components/EmbedVideoModal.js
@@ -0,0 +1,451 @@
+import {
+  prepareStaticModal,
+  openStaticModal,
+  closeStaticModal,
+} from "./staticModalAccessibility.js";
+import logger from "../../utils/logger.js";
+import {
+  resolveVideoPointer,
+  buildVideoAddressPointer,
+} from "../../utils/videoPointer.js";
+
+const DEFAULT_WIDTH = 640;
+const DEFAULT_HEIGHT = 360;
+
+function isNonEmptyString(value) {
+  return typeof value === "string" && value.trim().length > 0;
+}
+
+function escapeAttribute(value) {
+  if (value === null || value === undefined) {
+    return "";
+  }
+  return String(value)
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+}
+
+function resolveDimension(value, fallback) {
+  const parsed = Number.parseInt(value, 10);
+  if (Number.isFinite(parsed) && parsed > 0) {
+    return parsed;
+  }
+  return fallback;
+}
+
+export class EmbedVideoModal {
+  constructor({
+    removeTrackingScripts,
+    container,
+    document: doc,
+    getShareUrl,
+    callbacks = {},
+  } = {}) {
+    this.document = doc || document;
+    this.container = container || this.document.getElementById("modalContainer") || this.document.body;
+    this.removeTrackingScripts =
+      typeof removeTrackingScripts === "function" ? removeTrackingScripts : () => {};
+    this.getShareUrl = typeof getShareUrl === "function" ? getShareUrl : null;
+    this.callbacks = {
+      showSuccess: callbacks.showSuccess || (() => {}),
+      showError: callbacks.showError || (() => {}),
+    };
+
+    this.modal = null;
+    this.overlay = null;
+    this.panel = null;
+    this.closeButton = null;
+    this.cancelButton = null;
+    this.copyButton = null;
+    this.sourceCdn = null;
+    this.sourceP2p = null;
+    this.widthInput = null;
+    this.heightInput = null;
+    this.snippetTextarea = null;
+    this.statusText = null;
+    this.statusTextDefault = "";
+
+    this.activeVideo = null;
+    this.bound = false;
+
+    this.boundHandlers = {
+      close: () => this.close(),
+      copy: () => this.handleCopy(),
+      update: () => this.updateSnippet(),
+    };
+  }
+
+  async load() {
+    if (this.modal) {
+      return this.modal;
+    }
+
+    if (!this.container) {
+      throw new Error("Modal container element not found.");
+    }
+
+    let modal = this.container.querySelector("#embedVideoModal");
+    if (!modal) {
+      const response = await fetch("components/embed-video-modal.html");
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const html = await response.text();
+      const wrapper = this.document.createElement("div");
+      wrapper.innerHTML = html;
+      this.removeTrackingScripts(wrapper);
+
+      const fragment = this.document.createDocumentFragment();
+      while (wrapper.firstChild) {
+        fragment.appendChild(wrapper.firstChild);
+      }
+      this.container.appendChild(fragment);
+
+      modal = this.container.querySelector("#embedVideoModal");
+    }
+
+    if (!modal) {
+      throw new Error("Embed video modal markup missing after load.");
+    }
+
+    this.cacheElements(modal);
+    prepareStaticModal({ root: modal, document: this.document });
+    this.bindEvents();
+
+    return this.modal;
+  }
+
+  cacheElements(modal) {
+    this.modal = modal;
+    this.overlay = modal.querySelector(".bv-modal-backdrop");
+    this.panel = modal.querySelector(".modal-sheet") || modal;
+    this.closeButton = modal.querySelector("#closeEmbedVideoModal");
+    this.cancelButton = modal.querySelector("#cancelEmbedVideo");
+    this.copyButton = modal.querySelector("#copyEmbedVideo");
+    this.sourceCdn = modal.querySelector("#embedVideoSourceCdn");
+    this.sourceP2p = modal.querySelector("#embedVideoSourceP2p");
+    this.widthInput = modal.querySelector("#embedVideoWidth");
+    this.heightInput = modal.querySelector("#embedVideoHeight");
+    this.snippetTextarea = modal.querySelector("#embedVideoSnippet");
+    this.statusText = modal.querySelector("#embedVideoStatus");
+    this.statusTextDefault =
+      (this.statusText?.textContent && this.statusText.textContent.trim()) || "";
+  }
+
+  bindEvents() {
+    if (this.bound || !this.modal) {
+      return;
+    }
+
+    const closeTargets = [this.closeButton, this.cancelButton, this.overlay];
+    closeTargets.forEach((target) => {
+      if (target) {
+        target.addEventListener("click", this.boundHandlers.close);
+      }
+    });
+
+    if (this.copyButton) {
+      this.copyButton.addEventListener("click", this.boundHandlers.copy);
+    }
+
+    const updateTargets = [this.sourceCdn, this.sourceP2p];
+    updateTargets.forEach((target) => {
+      if (target) {
+        target.addEventListener("change", this.boundHandlers.update);
+      }
+    });
+
+    const dimensionTargets = [this.widthInput, this.heightInput];
+    dimensionTargets.forEach((target) => {
+      if (target) {
+        target.addEventListener("input", this.boundHandlers.update);
+      }
+    });
+
+    this.bound = true;
+  }
+
+  setVideo(video) {
+    this.activeVideo = video && typeof video === "object" ? video : null;
+    if (!this.activeVideo) {
+      return;
+    }
+
+    const hasUrl = isNonEmptyString(this.activeVideo.url);
+    const hasMagnet = isNonEmptyString(this.activeVideo.magnet);
+
+    if (this.sourceCdn) {
+      this.sourceCdn.disabled = !hasUrl;
+    }
+    if (this.sourceP2p) {
+      this.sourceP2p.disabled = !hasMagnet;
+    }
+
+    const shouldPreferCdn = hasUrl || !hasMagnet;
+    if (this.sourceCdn && this.sourceP2p) {
+      if (shouldPreferCdn) {
+        this.sourceCdn.checked = true;
+        this.sourceP2p.checked = false;
+      } else {
+        this.sourceCdn.checked = false;
+        this.sourceP2p.checked = true;
+      }
+    }
+
+    this.setStatus(this.statusTextDefault);
+  }
+
+  getSelectedSource() {
+    if (this.sourceP2p?.checked) {
+      return "torrent";
+    }
+    if (this.sourceCdn?.checked) {
+      return "url";
+    }
+    return "";
+  }
+
+  setStatus(message, tone = "default") {
+    if (!this.statusText) {
+      return;
+    }
+
+    const toneClassMap = {
+      default: "text-muted",
+      error: "text-status-danger-on",
+    };
+
+    const normalizedMessage =
+      typeof message === "string" ? message.trim() : "";
+    this.statusText.textContent =
+      normalizedMessage || this.statusTextDefault || "";
+
+    Object.values(toneClassMap).forEach((cls) => {
+      this.statusText.classList.remove(cls);
+    });
+
+    const nextClass = toneClassMap[tone] || toneClassMap.default;
+    this.statusText.classList.add(nextClass);
+  }
+
+  resolvePointerEncoding() {
+    if (!this.activeVideo) {
+      return { encodedPointer: "", error: "No video available to embed." };
+    }
+
+    const addressPointer = buildVideoAddressPointer(this.activeVideo, {
+      logger: logger.user,
+    });
+    const addressSegments = addressPointer.split(":");
+    const identifier =
+      addressSegments.length > 2 ? addressSegments.slice(2).join(":") : "";
+    const pointerInfo = resolveVideoPointer({
+      kind: this.activeVideo.kind,
+      pubkey: this.activeVideo.pubkey,
+      dTag: identifier,
+      fallbackEventId: this.activeVideo.id,
+      relay:
+        (isNonEmptyString(this.activeVideo.relay) &&
+          this.activeVideo.relay.trim()) ||
+        "",
+    });
+
+    if (!pointerInfo?.pointer?.length) {
+      return {
+        encodedPointer: "",
+        error: "Unable to determine a pointer for this video.",
+      };
+    }
+
+    const nip19 = window?.NostrTools?.nip19;
+    if (!nip19?.naddrEncode || !nip19?.neventEncode) {
+      return {
+        encodedPointer: "",
+        error: "NostrTools is unavailable for encoding this embed pointer.",
+      };
+    }
+
+    const [pointerType, pointerValue, pointerRelay] = pointerInfo.pointer;
+    const relays =
+      typeof pointerRelay === "string" && pointerRelay.trim()
+        ? [pointerRelay.trim()]
+        : undefined;
+
+    if (pointerType === "a") {
+      const segments = typeof pointerValue === "string" ? pointerValue.split(":") : [];
+      const kind = segments[0] ? Number(segments[0]) : NaN;
+      const pubkey = segments[1] ? segments[1].trim() : "";
+      const pointerIdentifier = segments.length > 2 ? segments.slice(2).join(":") : "";
+
+      if (!Number.isFinite(kind) || !pubkey || !pointerIdentifier) {
+        return {
+          encodedPointer: "",
+          error: "Unable to encode the address pointer for this video.",
+        };
+      }
+
+      return {
+        encodedPointer: nip19.naddrEncode({
+          kind,
+          pubkey,
+          identifier: pointerIdentifier,
+          relays,
+        }),
+        error: "",
+      };
+    }
+
+    if (pointerType === "e") {
+      const eventId = typeof pointerValue === "string" ? pointerValue.trim() : "";
+      if (!eventId) {
+        return {
+          encodedPointer: "",
+          error: "Unable to encode the event pointer for this video.",
+        };
+      }
+
+      return {
+        encodedPointer: nip19.neventEncode({
+          id: eventId,
+          relays,
+        }),
+        error: "",
+      };
+    }
+
+    return {
+      encodedPointer: "",
+      error: "Unable to determine a pointer for this video.",
+    };
+  }
+
+  buildEmbedUrl(source) {
+    const { encodedPointer, error } = this.resolvePointerEncoding();
+    if (error) {
+      return { url: "", error };
+    }
+
+    try {
+      const url = new URL(
+        "/embed.html",
+        this.document?.location?.origin || window.location.origin
+      );
+      url.searchParams.set("pointer", encodedPointer);
+      if (isNonEmptyString(source)) {
+        url.searchParams.set("playback", source);
+      }
+      return { url: url.toString(), error: "" };
+    } catch (error) {
+      logger.user.warn("Embed modal could not build embed URL.", error);
+      return {
+        url: "",
+        error: "Unable to build the embed URL for this video.",
+      };
+    }
+  }
+
+  buildEmbedSnippet() {
+    if (!this.activeVideo) {
+      return { snippet: "", error: "No video available to embed." };
+    }
+
+    const source = this.getSelectedSource();
+    const { url: embedUrl, error } = this.buildEmbedUrl(source);
+    if (!embedUrl) {
+      return { snippet: "", error };
+    }
+
+    const width = resolveDimension(this.widthInput?.value, DEFAULT_WIDTH);
+    const height = resolveDimension(this.heightInput?.value, DEFAULT_HEIGHT);
+    const title =
+      (isNonEmptyString(this.activeVideo.title) && this.activeVideo.title.trim()) ||
+      "Bitvid video";
+
+    return {
+      snippet: `<iframe src="${escapeAttribute(embedUrl)}" width="${width}" height="${height}" loading="lazy" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="${escapeAttribute(title)}"></iframe>`,
+      error: "",
+    };
+  }
+
+  updateSnippet() {
+    if (!this.snippetTextarea) {
+      return;
+    }
+
+    const { snippet, error } = this.buildEmbedSnippet();
+    this.snippetTextarea.value = snippet;
+    if (this.copyButton) {
+      this.copyButton.disabled = !snippet;
+    }
+    if (error) {
+      this.setStatus(error, "error");
+    } else {
+      this.setStatus(this.statusTextDefault);
+    }
+  }
+
+  async handleCopy() {
+    if (!this.snippetTextarea) {
+      return;
+    }
+
+    const snippet = this.snippetTextarea.value;
+    if (!snippet) {
+      this.callbacks.showError("No embed snippet to copy.");
+      return;
+    }
+
+    if (navigator?.clipboard?.writeText) {
+      try {
+        await navigator.clipboard.writeText(snippet);
+        this.callbacks.showSuccess("Embed code copied to clipboard!");
+        return;
+      } catch (error) {
+        logger.user.warn("Embed modal clipboard write failed.", error);
+      }
+    }
+
+    const textarea = this.snippetTextarea;
+    textarea.focus();
+    textarea.select();
+    textarea.setSelectionRange(0, textarea.value.length);
+
+    let succeeded = false;
+    try {
+      succeeded = this.document.execCommand("copy");
+    } catch (error) {
+      logger.user.warn("Embed modal copy fallback failed.", error);
+      succeeded = false;
+    }
+
+    if (succeeded) {
+      this.callbacks.showSuccess("Embed code copied to clipboard!");
+    } else {
+      this.callbacks.showError("Unable to copy embed code. Please copy it manually.");
+    }
+  }
+
+  async open({ video, triggerElement } = {}) {
+    const modal = await this.load();
+    if (!video || typeof video !== "object") {
+      this.callbacks.showError("No video available to embed.");
+      return;
+    }
+
+    this.setVideo(video);
+    this.updateSnippet();
+
+    openStaticModal(modal, { triggerElement, document: this.document });
+  }
+
+  close() {
+    if (this.modal) {
+      closeStaticModal(this.modal, { document: this.document });
+    }
+    this.activeVideo = null;
+  }
+}
diff --git a/dist/js/ui/components/EventDetailsModal.js b/dist/js/ui/components/EventDetailsModal.js
new file mode 100644
index 00000000..c8c35dd2
--- /dev/null
+++ b/dist/js/ui/components/EventDetailsModal.js
@@ -0,0 +1,458 @@
+import { prepareStaticModal, openStaticModal, closeStaticModal } from "./staticModalAccessibility.js";
+import { sanitizeProfileMediaUrl } from "../../utils/profileMedia.js";
+
+const DEFAULT_PROFILE_AVATAR = "assets/svg/default-profile.svg";
+
+export class EventDetailsModal {
+  constructor({
+    app,
+    document: doc,
+    helpers = {},
+    callbacks = {},
+  } = {}) {
+    this.app = app;
+    this.document = doc || document;
+    this.helpers = {
+      escapeHtml: helpers.escapeHtml || ((str) => str),
+      formatAbsoluteTimestamp: helpers.formatAbsoluteTimestamp || ((ts) => new Date(ts * 1000).toLocaleString()),
+      safeEncodeNpub: helpers.safeEncodeNpub || ((pk) => pk),
+      ...helpers,
+    };
+    this.callbacks = {
+      showError: callbacks.showError || (() => {}),
+      showSuccess: callbacks.showSuccess || (() => {}),
+      openCreatorChannel: callbacks.openCreatorChannel || (() => {}),
+      ...callbacks,
+    };
+
+    this.root = null;
+    this.history = [];
+    this.currentIndex = 0;
+    this.isLoadingHistory = false;
+    this.currentVideo = null;
+  }
+
+  buildMarkup() {
+    return `
+      <div class="bv-modal-backdrop" data-dismiss></div>
+      <div class="modal-sheet w-full max-w-2xl flex flex-col max-h-[90vh]" role="dialog" aria-modal="true" aria-labelledby="eventDetailsTitle">
+        <header class="modal-header flex items-center justify-between p-4 border-b border-border">
+          <h2 id="eventDetailsTitle" class="text-lg font-semibold text-text">Event Details</h2>
+          <button type="button" class="btn-ghost p-2 rounded-full" data-dismiss aria-label="Close">
+            <svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <path d="M18 6L6 18M6 6l12 12" stroke-linecap="round" stroke-linejoin="round"/>
+            </svg>
+          </button>
+        </header>
+
+        <div class="modal-body p-4 overflow-y-auto space-y-6 flex-1">
+          <!-- Metadata Section -->
+          <section class="space-y-4">
+            <h3 class="text-sm font-semibold text-muted uppercase tracking-wider">Metadata</h3>
+
+            <!-- Author -->
+            <div class="flex items-start gap-3">
+              <div class="w-10 h-10 rounded-full bg-panel overflow-hidden flex-shrink-0">
+                <img data-author-pic src="${DEFAULT_PROFILE_AVATAR}" alt="Author" class="w-full h-full object-cover">
+              </div>
+              <div class="flex-1 min-w-0">
+                <div class="flex items-center gap-2">
+                  <span data-author-name class="font-medium text-text truncate">Unknown</span>
+                  <button type="button" data-action="open-channel" class="text-xs text-critical hover:underline">View Channel</button>
+                </div>
+                <div class="flex items-center gap-2 mt-1">
+                  <code data-author-npub class="text-xs text-muted truncate bg-panel/50 px-1.5 py-0.5 rounded max-w-[200px]"></code>
+                  <button type="button" data-action="copy-npub" class="text-xs text-muted hover:text-text" title="Copy Npub">
+                    <svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 4v12a2 2 0 002 2h8a2 2 0 002-2V7.242a2 2 0 00-.602-1.43L16.083 4.162A2 2 0 0014.661 4H10a2 2 0 00-2 2z"></path><path d="M16 4v3.5a.5.5 0 00.5.5H20"></path><path d="M4 8v12a2 2 0 002 2h8"></path></svg>
+                  </button>
+                </div>
+              </div>
+            </div>
+
+            <!-- Timestamp & ID -->
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <div class="bg-panel/50 rounded p-3">
+                <span class="text-xs text-muted block mb-1">Posted At</span>
+                <div class="flex items-center gap-2">
+                  <span data-timestamp class="text-sm text-text font-mono"></span>
+                  <button type="button" data-action="copy-timestamp" class="text-muted hover:text-text" title="Copy Unix Timestamp">
+                    <svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 4v12a2 2 0 002 2h8a2 2 0 002-2V7.242a2 2 0 00-.602-1.43L16.083 4.162A2 2 0 0014.661 4H10a2 2 0 00-2 2z"></path><path d="M16 4v3.5a.5.5 0 00.5.5H20"></path><path d="M4 8v12a2 2 0 002 2h8"></path></svg>
+                  </button>
+                </div>
+              </div>
+
+              <div class="bg-panel/50 rounded p-3">
+                <span class="text-xs text-muted block mb-1">Event ID</span>
+                <div class="flex items-center gap-2">
+                  <code data-event-id class="text-xs text-text truncate block flex-1"></code>
+                  <button type="button" data-action="copy-id" class="text-muted hover:text-text flex-shrink-0" title="Copy Event ID">
+                    <svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 4v12a2 2 0 002 2h8a2 2 0 002-2V7.242a2 2 0 00-.602-1.43L16.083 4.162A2 2 0 0014.661 4H10a2 2 0 00-2 2z"></path><path d="M16 4v3.5a.5.5 0 00.5.5H20"></path><path d="M4 8v12a2 2 0 002 2h8"></path></svg>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </section>
+
+          <!-- Raw Data Section -->
+          <section class="space-y-2 flex-1 flex flex-col min-h-0">
+            <div class="flex items-center justify-between">
+              <h3 class="text-sm font-semibold text-muted uppercase tracking-wider">Raw Data</h3>
+              <button type="button" data-action="copy-json" class="text-xs btn-ghost px-2 py-1 rounded">
+                Copy JSON
+              </button>
+            </div>
+            <div class="relative flex-1 min-h-[200px] bg-black/80 rounded-lg border border-border overflow-hidden group">
+              <pre class="absolute inset-0 p-4 overflow-auto text-xs font-mono text-white/80 scrollbar-thin"><code data-json-content></code></pre>
+            </div>
+          </section>
+        </div>
+
+        <footer class="modal-footer p-4 border-t border-border bg-panel/30 flex flex-col sm:flex-row items-center justify-between gap-4">
+          <div class="text-sm text-muted font-medium order-2 sm:order-1">
+            <span data-version-indicator>Loading history...</span>
+          </div>
+
+          <div class="flex items-center gap-2 order-1 sm:order-2">
+            <button type="button" data-action="view-older" class="btn-ghost flex items-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed" title="View Older Version">
+              <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M15 18l-6-6 6-6"/></svg>
+              <span>Older</span>
+            </button>
+            <button type="button" data-action="view-newer" class="btn-ghost flex items-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed" title="View Newer Version">
+              <span>Newer</span>
+              <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 18l6-6-6-6"/></svg>
+            </button>
+          </div>
+        </footer>
+      </div>
+    `;
+  }
+
+  ensureModal() {
+    if (this.root) {
+      return this.root;
+    }
+
+    const container = this.document.getElementById("modalContainer") || this.document.body;
+    const modal = this.document.createElement("div");
+    modal.id = "eventDetailsModal";
+    modal.className = "bv-modal modal-always-on-top hidden items-center justify-center p-4";
+    modal.innerHTML = this.buildMarkup();
+
+    this.root = modal;
+
+    // Bind generic events
+    const closeBtns = modal.querySelectorAll("[data-dismiss]");
+    closeBtns.forEach(btn => {
+      btn.addEventListener("click", () => this.close());
+    });
+
+    // Action delegation
+    modal.addEventListener("click", (e) => {
+      const trigger = e.target.closest("[data-action]");
+      if (!trigger) return;
+
+      const action = trigger.dataset.action;
+      this.handleAction(action, trigger);
+    });
+
+    container.appendChild(modal);
+    return modal;
+  }
+
+  handleAction(action, trigger) {
+    if (!this.currentVideo) return;
+
+    switch (action) {
+      case "copy-npub": {
+        const npub = this.helpers.safeEncodeNpub(this.currentVideo.pubkey);
+        if (npub) {
+          navigator.clipboard.writeText(npub)
+            .then(() => this.callbacks.showSuccess("Npub copied"))
+            .catch(() => this.callbacks.showError("Failed to copy Npub"));
+        }
+        break;
+      }
+      case "copy-timestamp": {
+        const ts = this.currentVideo.created_at;
+        if (ts) {
+          navigator.clipboard.writeText(String(ts))
+            .then(() => this.callbacks.showSuccess("Timestamp copied"))
+            .catch(() => this.callbacks.showError("Failed to copy timestamp"));
+        }
+        break;
+      }
+      case "copy-id": {
+        const id = this.currentVideo.id;
+        if (id) {
+          navigator.clipboard.writeText(id)
+            .then(() => this.callbacks.showSuccess("Event ID copied"))
+            .catch(() => this.callbacks.showError("Failed to copy ID"));
+        }
+        break;
+      }
+      case "copy-json": {
+        const rawEvent = this.getRawEvent(this.currentVideo);
+        const json = JSON.stringify(rawEvent, null, 2);
+        navigator.clipboard.writeText(json)
+          .then(() => this.callbacks.showSuccess("JSON copied"))
+          .catch(() => this.callbacks.showError("Failed to copy JSON"));
+        break;
+      }
+      case "open-channel": {
+        const pubkey =
+          this.currentVideo && typeof this.currentVideo.pubkey === "string"
+            ? this.currentVideo.pubkey
+            : "";
+        if (pubkey) {
+          this.close();
+          this.callbacks.openCreatorChannel(pubkey);
+        }
+        break;
+      }
+      case "view-newer": {
+        // Newer means lower index (since history is Descending/Newest-First)
+        if (this.currentIndex > 0) {
+          this.currentIndex--;
+          this.renderVersion(this.history[this.currentIndex]);
+          this.updateNavigationState();
+        }
+        break;
+      }
+      case "view-older": {
+        // Older means higher index
+        if (this.currentIndex < this.history.length - 1) {
+          this.currentIndex++;
+          this.renderVersion(this.history[this.currentIndex]);
+          this.updateNavigationState();
+        }
+        break;
+      }
+    }
+  }
+
+  updateNavigationState() {
+    if (!this.root) return;
+
+    // History is Newest First (Index 0 = Latest)
+    // Older = Index + 1
+    // Newer = Index - 1
+
+    const olderBtn = this.root.querySelector('[data-action="view-older"]');
+    const newerBtn = this.root.querySelector('[data-action="view-newer"]');
+    const indicator = this.root.querySelector('[data-version-indicator]');
+
+    if (olderBtn) olderBtn.disabled = this.currentIndex >= this.history.length - 1;
+    if (newerBtn) newerBtn.disabled = this.currentIndex <= 0;
+
+    if (indicator) {
+      if (this.isLoadingHistory) {
+        indicator.textContent = "Loading history...";
+      } else if (this.history.length > 0) {
+        // Display logical version number (Oldest = 1, Newest = N)
+        // index 0 (Newest) -> Version N
+        // index N-1 (Oldest) -> Version 1
+        const versionNumber = this.history.length - this.currentIndex;
+        indicator.textContent = `Version ${versionNumber} of ${this.history.length}`;
+
+        if (this.currentIndex === 0) {
+           indicator.textContent += " (Latest)";
+        }
+      } else {
+        indicator.textContent = "Version 1 of 1";
+      }
+    }
+  }
+
+  renderVersion(video) {
+    if (!this.root || !video) return;
+
+    this.currentVideo = video;
+
+    // Metadata
+    const authorNameEl = this.root.querySelector("[data-author-name]");
+    const authorPicEl = this.root.querySelector("[data-author-pic]");
+    const authorNpubEl = this.root.querySelector("[data-author-npub]");
+    const timestampEl = this.root.querySelector("[data-timestamp]");
+    const eventIdEl = this.root.querySelector("[data-event-id]");
+    const jsonEl = this.root.querySelector("[data-json-content]");
+
+    if (authorNameEl) {
+      // If we have profile data attached to the video object (which NostrService usually does)
+      const name = video.authorName || video.profile?.name || video.profile?.display_name || video.creatorName || video.creator?.name || "Unknown";
+      authorNameEl.textContent = name;
+    }
+
+    if (authorPicEl) {
+      const picCandidate = video.authorPicture || video.profile?.picture || video.creatorPicture || video.creator?.picture || "";
+      const pic = sanitizeProfileMediaUrl(picCandidate) || DEFAULT_PROFILE_AVATAR;
+      authorPicEl.src = pic;
+    }
+
+    if (authorNpubEl) {
+      const npub = this.helpers.safeEncodeNpub(video.pubkey);
+      authorNpubEl.textContent = npub ? `${npub.substring(0, 10)}...${npub.substring(npub.length - 10)}` : "Unknown";
+      authorNpubEl.title = npub || "";
+    }
+
+    if (timestampEl) {
+      timestampEl.textContent = this.helpers.formatAbsoluteTimestamp(video.created_at);
+      timestampEl.title = `Unix: ${video.created_at}`;
+    }
+
+    if (eventIdEl) {
+      eventIdEl.textContent = video.id;
+    }
+
+    if (jsonEl) {
+      jsonEl.textContent = "Loading raw event...";
+      this.currentRawEvent = null;
+
+      if (this.app?.nostrService?.nostrClient?.getEventById) {
+        this.app.nostrService.nostrClient
+          .getEventById(video.id, { includeRaw: true })
+          .then((result) => {
+            if (this.currentVideo && this.currentVideo.id === video.id) {
+              // Ensure we actually have a raw event (with signature)
+              // If getEventById returns a wrapper { video, rawEvent: null }, we must handle null.
+              const raw =
+                result && typeof result.rawEvent === "object"
+                  ? result.rawEvent
+                  : null;
+
+              if (raw) {
+                this.currentRawEvent = raw;
+                jsonEl.textContent = JSON.stringify(raw, null, 2);
+              } else {
+                // Fallback if fetch returned nothing usable
+                // Do not set currentRawEvent so copy-json uses the reconstruction logic
+                jsonEl.textContent = JSON.stringify(
+                  this.getRawEvent(video),
+                  null,
+                  2,
+                );
+              }
+            }
+          })
+          .catch((error) => {
+            console.error(
+              "[EventDetailsModal] Failed to fetch raw event:",
+              error,
+            );
+            if (this.currentVideo && this.currentVideo.id === video.id) {
+              jsonEl.textContent = `// Failed to load raw event.\n// Falling back to known data:\n${JSON.stringify(
+                this.getRawEvent(video),
+                null,
+                2,
+              )}`;
+            }
+          });
+      } else {
+        // Fallback if client or method missing
+        const rawEvent = this.getRawEvent(video);
+        jsonEl.textContent = JSON.stringify(rawEvent, null, 2);
+      }
+    }
+  }
+
+  getRawEvent(video) {
+    if (!video) return {};
+
+    let content = video.content;
+    // If raw content is missing (e.g. video loaded from cache/parsed), reconstruct it
+    // so the user can inspect the metadata fields (thumbnail, title, etc.)
+    if (typeof content !== "string") {
+      const payload = {
+        videoRootId: video.videoRootId,
+        version: video.version,
+        deleted: video.deleted || false,
+        isPrivate: video.isPrivate,
+        isNsfw: video.isNsfw,
+        isForKids: video.isForKids,
+        title: video.title,
+        url: video.url,
+        magnet: video.magnet,
+        thumbnail: video.thumbnail,
+        description: video.description,
+        mode: video.mode,
+        enableComments: video.enableComments ?? true,
+        ws: video.ws,
+        xs: video.xs,
+      };
+
+      // Clean up undefined/empty fields to keep it tidy
+      Object.keys(payload).forEach((key) => {
+        if (payload[key] === undefined || payload[key] === null) {
+          delete payload[key];
+        }
+      });
+
+      content = JSON.stringify(payload);
+    }
+
+    return {
+      id: video.id,
+      pubkey: video.pubkey,
+      created_at: video.created_at,
+      kind: video.kind || 30078,
+      tags: video.tags,
+      content: content,
+      sig: video.sig || "unavailable (cached)",
+    };
+  }
+
+  async open(video) {
+    if (!video) return;
+
+    const modal = this.ensureModal();
+    this.history = [video];
+    this.currentIndex = 0;
+    this.isLoadingHistory = true;
+
+    this.renderVersion(video);
+    this.updateNavigationState();
+
+    openStaticModal(modal, { document: this.document });
+
+    // Fetch history
+    try {
+      const history = await this.app.nostrService.fetchVideoHistory(video);
+      if (history && history.length > 0) {
+        // Hydrate profile info for history items if possible, using current video's author info
+        // (Since author is same)
+        const profile = video.profile || {};
+        const enrichedHistory = history.map(h => ({
+          ...h,
+          profile,
+          authorName: video.authorName || video.creatorName,
+          authorPicture: video.authorPicture || video.creatorPicture,
+          authorNpub: video.authorNpub || video.creatorNpub
+        }));
+
+        this.history = enrichedHistory;
+
+        // Find the index of the video we opened with
+        const idx = this.history.findIndex(h => h.id === video.id);
+        if (idx !== -1) {
+          this.currentIndex = idx;
+        } else {
+          // If not found (rare), maybe append? or just default to latest?
+          // Default to latest (end of array)
+          this.currentIndex = this.history.length - 1;
+        }
+      }
+    } catch (e) {
+      console.error("Failed to load history", e);
+    } finally {
+      this.isLoadingHistory = false;
+      this.updateNavigationState();
+    }
+  }
+
+  close() {
+    if (this.root) {
+      closeStaticModal(this.root, { document: this.document });
+    }
+    this.history = [];
+    this.currentVideo = null;
+  }
+}
diff --git a/dist/js/ui/components/FeedInfoPopover.js b/dist/js/ui/components/FeedInfoPopover.js
new file mode 100644
index 00000000..904694a8
--- /dev/null
+++ b/dist/js/ui/components/FeedInfoPopover.js
@@ -0,0 +1,44 @@
+import createPopover from "../overlay/popoverEngine.js";
+
+/**
+ * Attaches an informational popover to a trigger element.
+ *
+ * @param {HTMLElement} triggerElement - The element that triggers the popover.
+ * @param {string} text - The text content to display in the popover.
+ * @param {object} [options] - Optional configuration.
+ * @param {string} [options.placement="bottom-start"] - Popover placement.
+ * @returns {object|null} - The popover instance or null if failed.
+ */
+export function attachFeedInfoPopover(triggerElement, text, options = {}) {
+  if (!triggerElement || typeof text !== "string") {
+    return null;
+  }
+
+  const render = ({ document: doc, close }) => {
+    const panel = doc.createElement("div");
+    panel.className = "popover-panel p-4 max-w-xs text-sm text-text-strong bg-surface-elevated border border-surface-line rounded-lg shadow-lg z-50";
+    panel.textContent = text;
+    // Ensure the panel can receive focus if needed, but primarily it's informational.
+    // Making it a "tooltip" or "dialog" role might be appropriate depending on interaction.
+    // Since it's a click-toggle info box, standard popover behavior is fine.
+
+    // Add a simple close behavior if clicked outside (handled by popoverEngine),
+    // but maybe we want to close if clicked inside too?
+    // Usually info popovers stay open until clicked away.
+
+    return panel;
+  };
+
+  const popover = createPopover(triggerElement, render, {
+    placement: options.placement || "bottom-start",
+    ...options,
+  });
+
+  triggerElement.addEventListener("click", (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    popover.toggle();
+  });
+
+  return popover;
+}
diff --git a/dist/js/ui/components/RevertModal.js b/dist/js/ui/components/RevertModal.js
new file mode 100644
index 00000000..3223b999
--- /dev/null
+++ b/dist/js/ui/components/RevertModal.js
@@ -0,0 +1,1662 @@
+import { Nip71FormManager } from "./nip71FormManager.js";
+import { createModalAccessibility } from "./modalAccessibility.js";
+
+// NOTE: Any metadata field added to the Upload or Edit modals must also be
+// rendered inside the Revert modal to keep the experiences aligned.
+export class RevertModal {
+  constructor({
+    removeTrackingScripts,
+    setGlobalModalState,
+    formatAbsoluteTimestamp,
+    formatTimeAgo,
+    escapeHTML,
+    truncateMiddle,
+    fallbackThumbnailSrc,
+    container,
+  }) {
+    this.removeTrackingScripts = removeTrackingScripts;
+    this.setGlobalModalState = setGlobalModalState;
+    this.formatAbsoluteTimestamp = formatAbsoluteTimestamp;
+    this.formatTimeAgo = formatTimeAgo;
+    this.escapeHTML = escapeHTML;
+    this.truncateMiddle = truncateMiddle;
+    this.fallbackThumbnailSrc = fallbackThumbnailSrc || "";
+    this.container = container || document.getElementById("modalContainer");
+
+    this.nip71Formatter = new Nip71FormManager();
+
+    this.eventTarget = new EventTarget();
+
+    this.modal = null;
+    this.overlay = null;
+    this.list = null;
+    this.details = null;
+    this.placeholder = null;
+    this.detailsDefaultHTML = "";
+    this.historyCount = null;
+    this.statusLabel = null;
+    this.title = null;
+    this.subtitle = null;
+    this.closeButton = null;
+    this.cancelButton = null;
+    this.confirmButton = null;
+    this.modalPanel = null;
+    this.modalAccessibility = null;
+
+    this.activeVideo = null;
+    this.revisions = [];
+    this.selectedRevision = null;
+    this.pendingEntries = [];
+    this.busy = false;
+    this.context = null;
+
+    this.confirmDefaultLabel = "Revert to selected version";
+
+    this.bound = false;
+    this.boundHandlers = {
+      listClick: (event) => this.handleListClick(event),
+      confirm: () => this.handleConfirmClick(),
+      cancel: () => this.handleCancelInteraction(),
+      overlay: () => this.handleCancelInteraction(),
+      close: () => this.handleCloseInteraction(),
+    };
+
+    this.reset();
+  }
+
+  addEventListener(type, listener, options) {
+    this.eventTarget.addEventListener(type, listener, options);
+  }
+
+  removeEventListener(type, listener, options) {
+    this.eventTarget.removeEventListener(type, listener, options);
+  }
+
+  dispatch(type, detail) {
+    this.eventTarget.dispatchEvent(
+      new CustomEvent(type, {
+        detail,
+      })
+    );
+  }
+
+  async load() {
+    if (this.modal) {
+      return true;
+    }
+
+    let modal = document.getElementById("revertVideoModal");
+    if (!modal) {
+      const response = await fetch("components/revert-video-modal.html");
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const html = await response.text();
+      const modalContainer = this.container;
+      if (!modalContainer) {
+        throw new Error("Modal container element not found!");
+      }
+
+      const wrapper = document.createElement("div");
+      wrapper.innerHTML = html;
+      if (typeof this.removeTrackingScripts === "function") {
+        this.removeTrackingScripts(wrapper);
+      }
+      modalContainer.appendChild(wrapper);
+
+      modal = wrapper.querySelector("#revertVideoModal");
+    }
+
+    if (!modal) {
+      throw new Error("Revert video modal markup missing after load.");
+    }
+
+    this.cacheElements(modal);
+    this.setupModalAccessibility();
+    this.bindEvents();
+    this.reset();
+
+    return true;
+  }
+
+  cacheElements(modal) {
+    this.modal = modal;
+    this.overlay = modal.querySelector("#revertVideoModalOverlay") || null;
+    this.modalPanel = modal.querySelector(".bv-modal__panel") || modal;
+    this.list = modal.querySelector("#revertVersionsList") || null;
+    this.details = modal.querySelector("#revertVersionDetails") || null;
+    this.placeholder = modal.querySelector("#revertVersionPlaceholder") || null;
+    this.detailsDefaultHTML = this.details ? this.details.innerHTML : "";
+    this.historyCount = modal.querySelector("#revertHistoryCount") || null;
+    this.statusLabel = modal.querySelector("#revertSelectionStatus") || null;
+    this.title = modal.querySelector("#revertModalTitle") || null;
+    this.subtitle = modal.querySelector("#revertModalSubtitle") || null;
+    this.closeButton = modal.querySelector("#closeRevertVideoModal") || null;
+    this.cancelButton = modal.querySelector("#cancelRevertVideo") || null;
+    this.confirmButton = modal.querySelector("#confirmRevertVideo") || null;
+
+    if (this.confirmButton) {
+      const text = this.confirmButton.textContent?.trim();
+      if (text) {
+        this.confirmDefaultLabel = text;
+      }
+    }
+  }
+
+  bindEvents() {
+    if (this.bound || !this.modal) {
+      return;
+    }
+
+    if (this.list) {
+      this.list.addEventListener("click", this.boundHandlers.listClick);
+    }
+    if (this.confirmButton) {
+      this.confirmButton.addEventListener("click", this.boundHandlers.confirm);
+    }
+    if (this.cancelButton) {
+      this.cancelButton.addEventListener("click", this.boundHandlers.cancel);
+    }
+    if (this.overlay) {
+      this.overlay.addEventListener("click", this.boundHandlers.overlay);
+    }
+    if (this.closeButton) {
+      this.closeButton.addEventListener("click", this.boundHandlers.close);
+    }
+
+    this.bound = true;
+  }
+
+  reset() {
+    this.activeVideo = null;
+    this.revisions = [];
+    this.selectedRevision = null;
+    this.pendingEntries = [];
+    this.busy = false;
+    this.context = null;
+
+    if (this.historyCount) {
+      this.historyCount.textContent = "";
+    }
+
+    if (this.statusLabel) {
+      this.statusLabel.textContent =
+        "Select an older revision to inspect its metadata before reverting.";
+    }
+
+    if (this.title) {
+      this.title.textContent = "Revert Video Note";
+    }
+
+    if (this.subtitle) {
+      this.subtitle.textContent =
+        "Review previous versions before restoring an older state.";
+    }
+
+    if (this.list) {
+      this.list.innerHTML = "";
+    }
+
+    if (this.details) {
+      if (this.detailsDefaultHTML) {
+        this.details.innerHTML = this.detailsDefaultHTML;
+        this.placeholder = this.details.querySelector("#revertVersionPlaceholder");
+      } else {
+        this.details.innerHTML = "";
+      }
+    }
+
+    if (this.confirmButton) {
+      this.confirmButton.disabled = true;
+      this.confirmButton.textContent = this.confirmDefaultLabel;
+      this.confirmButton.classList.remove("cursor-wait");
+    }
+
+    const enableButton = (button) => {
+      if (!button) {
+        return;
+      }
+      button.disabled = false;
+    };
+
+    enableButton(this.cancelButton);
+    enableButton(this.closeButton);
+  }
+
+  setupModalAccessibility() {
+    if (!this.modal) {
+      return;
+    }
+
+    if (this.modalAccessibility?.destroy) {
+      this.modalAccessibility.destroy();
+    }
+
+    this.modalAccessibility = createModalAccessibility({
+      root: this.modal,
+      panel: this.modalPanel || this.modal,
+      backdrop: this.overlay || this.modal,
+      onRequestClose: () => this.handleCancelInteraction(),
+    });
+  }
+
+  open(context = {}, { triggerElement } = {}) {
+    if (!this.modal) {
+      throw new Error("Revert modal has not been loaded.");
+    }
+
+    this.context = context || {};
+    this.modal.classList.remove("hidden");
+    if (typeof this.setGlobalModalState === "function") {
+      this.setGlobalModalState("revertVideo", true);
+    }
+    this.modalAccessibility?.activate({ triggerElement });
+    this.dispatch("video:revert-open", {
+      context: this.context,
+      video: this.activeVideo,
+    });
+  }
+
+  close() {
+    if (!this.modal) {
+      return;
+    }
+
+    const detail = {
+      context: this.context,
+      video: this.activeVideo,
+    };
+
+    this.modal.classList.add("hidden");
+    this.modalAccessibility?.deactivate();
+    if (typeof this.setGlobalModalState === "function") {
+      this.setGlobalModalState("revertVideo", false);
+    }
+    this.dispatch("video:revert-close", detail);
+    this.reset();
+  }
+
+  setHistory(video, history = []) {
+    if (!this.modal) {
+      return;
+    }
+
+    this.reset();
+
+    if (!video || typeof video !== "object") {
+      if (this.statusLabel) {
+        this.statusLabel.textContent =
+          "Unable to load revision history for this note.";
+      }
+      return;
+    }
+
+    this.activeVideo = video;
+
+    const merged = Array.isArray(history) ? history.slice() : [];
+    if (video.id && !merged.some((entry) => entry && entry.id === video.id)) {
+      merged.push(video);
+    }
+
+    const deduped = new Map();
+    for (const entry of merged) {
+      if (!entry || typeof entry !== "object" || !entry.id) {
+        continue;
+      }
+      deduped.set(entry.id, entry);
+    }
+
+    this.revisions = Array.from(deduped.values()).sort(
+      (a, b) => (b?.created_at || 0) - (a?.created_at || 0)
+    );
+
+    this.selectedRevision = null;
+    if (this.revisions.length > 1 && video.created_at) {
+      const firstOlder = this.revisions.find(
+        (entry) =>
+          entry &&
+          entry.id !== video.id &&
+          entry.deleted !== true &&
+          typeof entry.created_at === "number" &&
+          entry.created_at < video.created_at
+      );
+      if (firstOlder) {
+        this.selectedRevision = firstOlder;
+      }
+    }
+
+    if (this.historyCount) {
+      this.historyCount.textContent = `${this.revisions.length}`;
+    }
+
+    if (this.title) {
+      this.title.textContent = video.title
+        ? `Revert “${video.title}”`
+        : "Revert Video Note";
+    }
+
+    if (this.subtitle) {
+      const subtitleParts = [];
+      const dTagValue = this.extractDTagValue(video.tags);
+      if (dTagValue) {
+        subtitleParts.push(`d=${dTagValue}`);
+      }
+      if (video.videoRootId) {
+        const truncated = this.truncateMiddle
+          ? this.truncateMiddle(video.videoRootId, 40)
+          : video.videoRootId;
+        subtitleParts.push(`root=${truncated}`);
+      }
+      this.subtitle.textContent = subtitleParts.length
+        ? `History grouped by ${subtitleParts.join(" • ")}`
+        : "Review previous versions before restoring an older state.";
+    }
+
+    this.renderRevertVersionsList();
+
+    if (this.selectedRevision) {
+      this.renderRevertVersionDetails(this.selectedRevision);
+    } else {
+      this.renderRevertVersionDetails(null);
+    }
+
+    if (this.revisions.length <= 1) {
+      if (this.statusLabel) {
+        this.statusLabel.textContent =
+          "No earlier revisions are available for this note.";
+      }
+      this.updateConfirmationState();
+      return;
+    }
+
+    this.updateConfirmationState();
+  }
+
+  renderRevertVersionsList() {
+    if (!this.list) {
+      return;
+    }
+
+    const selectedId = this.selectedRevision?.id || "";
+    const currentId = this.activeVideo?.id || "";
+
+    this.list.innerHTML = "";
+
+    if (!this.revisions.length) {
+      this.list.innerHTML =
+        '<p class="text-xs text-subtle">No revisions found.</p>';
+      return;
+    }
+
+    const fragment = document.createDocumentFragment();
+
+    this.revisions.forEach((entry) => {
+      if (!entry || !entry.id) {
+        return;
+      }
+
+      const isCurrent = entry.id === currentId;
+      const isSelected = entry.id === selectedId;
+      const isDeleted = entry.deleted === true;
+
+      const button = document.createElement("button");
+      button.type = "button";
+      button.dataset.revertVersionId = entry.id;
+
+      const classes = [
+        "w-full",
+        "text-left",
+        "rounded-md",
+        "border",
+        "px-3",
+        "py-3",
+        "text-sm",
+        "transition",
+        "duration-150",
+        "focus:outline-none",
+        "focus:ring-2",
+        "focus:ring-offset-2",
+        "focus:ring-offset-surface",
+      ];
+
+      if (isSelected) {
+        classes.push(
+          "border-status-info-border",
+          "bg-status-info-surface",
+          "text-status-info-on",
+          "focus:ring-status-info"
+        );
+      } else if (isCurrent) {
+        classes.push(
+          "border-status-success-border",
+          "bg-status-success-surface",
+          "text-status-success-on",
+          "focus:ring-status-success"
+        );
+      } else if (isDeleted) {
+        classes.push(
+          "border-status-danger-border",
+          "bg-status-danger-surface",
+          "text-status-danger-on",
+          "hover:border-status-danger-border"
+        );
+      } else {
+        classes.push(
+          "border-overlay",
+          "bg-overlay-panel-soft",
+          "hover:bg-overlay-panel",
+          "text-primary"
+        );
+      }
+
+      button.className = classes.join(" ");
+      button.setAttribute("aria-pressed", isSelected ? "true" : "false");
+      if (isCurrent) {
+        button.setAttribute("aria-current", "true");
+      }
+
+      const createdAt = typeof entry.created_at === "number" ? entry.created_at : 0;
+      const relative = this.formatTimeAgo
+        ? this.formatTimeAgo(createdAt)
+        : "";
+      const absolute = this.formatAbsoluteTimestamp
+        ? this.formatAbsoluteTimestamp(createdAt)
+        : "";
+      const versionLabel =
+        entry.version !== undefined ? `v${entry.version}` : "v?";
+
+      const metaParts = [];
+      if (isCurrent) {
+        metaParts.push("Current version");
+      }
+      if (entry.deleted) {
+        metaParts.push("Marked deleted");
+      }
+      if (entry.isPrivate) {
+        metaParts.push("Private");
+      }
+      const meta = metaParts.join(" • ");
+      const metaClass = entry.deleted
+        ? "text-status-danger-on"
+        : "text-muted";
+
+      const escape = (value) =>
+        this.escapeHTML ? this.escapeHTML(String(value ?? "")) : String(value ?? "");
+
+      button.innerHTML = `
+        <div class="flex items-start justify-between gap-3">
+          <div class="space-y-1">
+            <p class="font-semibold">${escape(entry.title || "Untitled")}</p>
+            <p class="text-xs text-subtle">${escape(relative)} • ${escape(absolute)}</p>
+            ${meta ? `<p class="text-xs ${metaClass}">${escape(meta)}</p>` : ""}
+          </div>
+          <div class="text-xs uppercase tracking-wide text-muted">
+            ${escape(versionLabel)}
+          </div>
+        </div>
+      `;
+
+      fragment.appendChild(button);
+    });
+
+    this.list.appendChild(fragment);
+  }
+
+  handleListClick(event) {
+    if (this.busy) {
+      return;
+    }
+
+    const button = event?.target?.closest?.("[data-revert-version-id]");
+    if (!button || !button.dataset) {
+      return;
+    }
+
+    const versionId = button.dataset.revertVersionId;
+    if (!versionId) {
+      return;
+    }
+
+    const match = (this.revisions || []).find(
+      (entry) => entry && entry.id === versionId
+    );
+    if (!match) {
+      return;
+    }
+
+    this.selectedRevision = match;
+    this.renderRevertVersionsList();
+    this.renderRevertVersionDetails(match);
+    this.updateConfirmationState();
+
+    this.dispatch("video:revert-select", {
+      revision: match,
+      video: this.activeVideo,
+    });
+  }
+
+  renderRevertVersionDetails(version) {
+    if (!this.details) {
+      return;
+    }
+
+    if (!version) {
+      if (this.detailsDefaultHTML) {
+        this.details.innerHTML = this.detailsDefaultHTML;
+        this.placeholder = this.details.querySelector("#revertVersionPlaceholder");
+      } else {
+        this.details.innerHTML = "";
+      }
+      return;
+    }
+
+    const createdAt = typeof version.created_at === "number" ? version.created_at : 0;
+    const absolute = this.formatAbsoluteTimestamp
+      ? this.formatAbsoluteTimestamp(createdAt)
+      : "";
+    const relative = this.formatTimeAgo ? this.formatTimeAgo(createdAt) : "";
+    const description =
+      typeof version.description === "string" ? version.description : "";
+    const thumbnail =
+      typeof version.thumbnail === "string" ? version.thumbnail.trim() : "";
+    const url = typeof version.url === "string" ? version.url.trim() : "";
+    const magnet =
+      typeof version.magnet === "string" ? version.magnet.trim() : "";
+    const rawMagnet =
+      typeof version.rawMagnet === "string" ? version.rawMagnet.trim() : "";
+    const displayMagnet = magnet || rawMagnet;
+    const isPrivate = version.isPrivate === true;
+    const dTagValue = this.extractDTagValue(version.tags);
+
+    const escape = this.getEscapeFn();
+    const nip71Metadata = this.buildNip71DisplayMetadata(version);
+
+    const fallbackThumbnail = escape(this.fallbackThumbnailSrc);
+    const thumbnailSrc = thumbnail ? escape(thumbnail) : fallbackThumbnail;
+    const thumbnailAlt = thumbnail ? "Revision thumbnail" : "Fallback thumbnail";
+
+    let urlHtml = this.renderPlaceholder("None");
+    if (url) {
+      urlHtml = this.buildLinkMarkup(url);
+    }
+
+    let magnetHtml = this.renderPlaceholder("None");
+    if (displayMagnet) {
+      const labelRaw = this.truncateMiddle
+        ? this.truncateMiddle(displayMagnet, 72)
+        : displayMagnet;
+      const label = escape(labelRaw);
+      const caption = isPrivate
+        ? '<span class="block mt-1 text-xs text-status-private-on">Magnet stays visible only to you — private notes keep the raw string local.</span>'
+        : "";
+      magnetHtml = `<div class="break-all">${label}${caption}</div>`;
+    }
+
+    const chips = [];
+    const nsfwFlag = version.isNsfw === true;
+    const forKidsFlag = version.isForKids === true;
+    const conflictingAudienceFlags = nsfwFlag && forKidsFlag;
+    if (version.deleted) {
+      chips.push(
+        '<span class="pill" data-size="compact" data-variant="critical">Marked deleted</span>'
+      );
+    }
+    if (isPrivate) {
+      chips.push(
+        '<span class="pill" data-size="compact" data-variant="private">Private</span>'
+      );
+    }
+    if (conflictingAudienceFlags) {
+      chips.push(
+        '<span class="pill" data-size="compact" data-variant="warning">NSFW + For kids conflict</span>'
+      );
+    } else {
+      if (nsfwFlag) {
+        chips.push(
+          '<span class="pill" data-size="compact" data-variant="critical">Marked NSFW</span>'
+        );
+      }
+      if (forKidsFlag) {
+        chips.push(
+          '<span class="pill" data-size="compact" data-variant="success">For kids</span>'
+        );
+      }
+    }
+    if (version.version !== undefined) {
+      chips.push(
+        `<span class="pill" data-size="compact" data-variant="neutral">Schema v${escape(
+          String(version.version)
+        )}</span>`
+      );
+    }
+
+    const renderFlagStatus = (value, {
+      yesLabel = "Yes",
+      noLabel = "No",
+      unspecifiedLabel = "Not specified",
+    } = {}) => {
+      if (value === true) {
+        return `<span class="text-primary">${escape(yesLabel)}</span>`;
+      }
+      if (value === false) {
+        return `<span class="text-primary">${escape(noLabel)}</span>`;
+      }
+      return this.renderPlaceholder(unspecifiedLabel);
+    };
+
+    const nsfwStatusHtml = renderFlagStatus(version.isNsfw, {
+      yesLabel: "Yes — marked NSFW",
+      noLabel: "No — not flagged as NSFW",
+      unspecifiedLabel: "Not specified",
+    });
+    const kidsStatusHtml = renderFlagStatus(version.isForKids, {
+      yesLabel: "Yes — marked for kids",
+      noLabel: "No — not marked for kids",
+      unspecifiedLabel: "Not specified",
+    });
+
+    const audienceConflictNotice = conflictingAudienceFlags
+      ? '<p class="text-xs text-status-warning-on">Conflicting flags detected — this revision is marked both NSFW and for kids. Review before reverting.</p>'
+      : "";
+
+    const descriptionHtml = description
+      ? `<p class="whitespace-pre-wrap text-primary">${escape(description)}</p>`
+      : '<p class="text-subtle">No description provided.</p>';
+
+    const rootId =
+      typeof version.videoRootId === "string" ? version.videoRootId : "";
+    const rootDisplay = rootId
+      ? this.truncateMiddle
+        ? escape(this.truncateMiddle(rootId, 64))
+        : escape(rootId)
+      : "";
+    const eventDisplay = version.id
+      ? this.truncateMiddle
+        ? escape(this.truncateMiddle(version.id, 64))
+        : escape(version.id)
+      : "";
+
+    const timestampParts = [];
+    if (absolute) {
+      timestampParts.push(escape(absolute));
+    }
+    if (relative) {
+      timestampParts.push(`(${escape(relative)})`);
+    }
+    const timestampHtml = timestampParts.length
+      ? timestampParts.join(" ")
+      : escape(absolute || relative || "");
+
+    const formatTimestamp = (seconds, raw) => {
+      if (Number.isFinite(seconds)) {
+        const absoluteLabel = this.formatAbsoluteTimestamp
+          ? this.formatAbsoluteTimestamp(seconds)
+          : `${seconds}`;
+        const relativeLabel = this.formatTimeAgo
+          ? this.formatTimeAgo(seconds)
+          : "";
+        const parts = [];
+        if (absoluteLabel) {
+          parts.push(`<span class="text-primary">${escape(absoluteLabel)}</span>`);
+        }
+        if (relativeLabel) {
+          parts.push(`<span class="text-muted">(${escape(relativeLabel)})</span>`);
+        }
+        if (parts.length) {
+          return parts.join(" ");
+        }
+      }
+      if (raw) {
+        return `<span class="text-primary">${escape(raw)}</span>`;
+      }
+      return this.renderPlaceholder();
+    };
+
+    const formatDuration = (seconds, raw) => {
+      if (Number.isFinite(seconds)) {
+        const display = this.formatDurationSeconds(seconds);
+        const suffix = seconds === 1 ? "second" : "seconds";
+        return `<span class="text-primary">${escape(display)}</span> <span class="text-subtle">(${escape(
+          `${seconds} ${suffix}`
+        )})</span>`;
+      }
+      if (raw) {
+        return `<span class="text-primary">${escape(raw)}</span>`;
+      }
+      return this.renderPlaceholder();
+    };
+
+    const kindValue = nip71Metadata.kind;
+    let kindHtml = this.renderPlaceholder();
+    if (kindValue !== "" && kindValue !== null && kindValue !== undefined) {
+      const label = typeof kindValue === "number" ? kindValue : `${kindValue}`;
+      const numeric = Number(label);
+      let suffix = "";
+      if (Number.isFinite(numeric)) {
+        if (numeric === 22) {
+          suffix = "short";
+        } else if (numeric === 21) {
+          suffix = "video";
+        }
+      }
+      const badge = `<code class="rounded bg-overlay-panel-soft px-1.5 py-0.5 text-primary">kind ${escape(
+        label
+      )}</code>`;
+      kindHtml = suffix
+        ? `${badge} <span class="text-muted">(${escape(suffix)})</span>`
+        : badge;
+    }
+
+    const summaryHtml = nip71Metadata.summary
+      ? `<p class="whitespace-pre-wrap text-primary">${escape(
+          nip71Metadata.summary
+        )}</p>`
+      : this.renderPlaceholder("Not provided");
+    const contentWarningHtml = nip71Metadata.contentWarning
+      ? `<span class="pill" data-size="compact" data-variant="warning">${escape(
+          nip71Metadata.contentWarning
+        )}</span>`
+      : this.renderPlaceholder("Not provided");
+    const publishedAtHtml = formatTimestamp(
+      nip71Metadata.publishedAtSeconds,
+      nip71Metadata.publishedAtRaw
+    );
+    const durationHtml = formatDuration(
+      nip71Metadata.durationSeconds,
+      nip71Metadata.durationRaw
+    );
+    const altHtml = nip71Metadata.alt
+      ? `<p class="whitespace-pre-wrap text-primary">${escape(nip71Metadata.alt)}</p>`
+      : this.renderPlaceholder("Not provided");
+
+    const definition = (label, valueHtml, { span = 1 } = {}) => {
+      const colSpan = span > 1 ? "sm:col-span-2" : "";
+      return `
+        <div class="${colSpan}">
+          <dt class="font-semibold text-primary">${escape(label)}</dt>
+          <dd class="mt-1">${valueHtml}</dd>
+        </div>
+      `;
+    };
+
+    const eventMetadataRows = [
+      definition("NIP-71 kind", kindHtml),
+      definition("Summary", summaryHtml, { span: 2 }),
+      definition("Content warning", contentWarningHtml, { span: 2 }),
+      definition("Published timestamp", publishedAtHtml),
+      definition("Duration", durationHtml),
+      definition("Alt text", altHtml, { span: 2 }),
+    ].join("");
+
+    const audienceRows = [
+      definition("NSFW flag", nsfwStatusHtml),
+      definition("For kids flag", kidsStatusHtml),
+    ].join("");
+
+    this.details.innerHTML = `
+      <div class="space-y-6">
+        <div class="flex flex-col gap-4 lg:flex-row lg:items-start">
+          <div class="overflow-hidden rounded-md border border-overlay bg-overlay-strong w-full max-w-sm">
+            <img
+              src="${thumbnailSrc}"
+              alt="${escape(thumbnailAlt)}"
+              class="w-full h-auto object-cover"
+              loading="lazy"
+            />
+          </div>
+          <div class="flex-1 space-y-3">
+            <div class="space-y-1">
+              <h3 class="text-lg font-semibold text-primary">${escape(
+                version.title || "Untitled"
+              )}</h3>
+              <p class="text-xs text-muted">${timestampHtml}</p>
+            </div>
+            ${
+              chips.length
+                ? `<div class="flex flex-wrap gap-2">${chips.join("")}</div>`
+                : ""
+            }
+            <dl class="grid gap-3 sm:grid-cols-2 text-xs text-subtle">
+              <div>
+                <dt class="font-semibold text-primary">Hosted URL</dt>
+                <dd class="mt-1">${urlHtml}</dd>
+              </div>
+              <div>
+                <dt class="font-semibold text-primary">Magnet</dt>
+                <dd class="mt-1">${magnetHtml}</dd>
+              </div>
+            </dl>
+          </div>
+        </div>
+
+        <section class="space-y-2">
+          <h4 class="text-sm font-semibold text-primary">Description</h4>
+          ${descriptionHtml}
+        </section>
+
+        <section class="space-y-2">
+          <h4 class="text-sm font-semibold text-primary">Audience flags</h4>
+          <dl class="grid gap-3 sm:grid-cols-2 text-xs text-subtle">
+            ${audienceRows}
+          </dl>
+          ${audienceConflictNotice}
+        </section>
+
+        <section class="space-y-2">
+          <h4 class="text-sm font-semibold text-primary">NIP-71 event metadata</h4>
+          <dl class="grid gap-3 sm:grid-cols-2 text-xs text-subtle">
+            ${eventMetadataRows}
+          </dl>
+        </section>
+
+        <section class="space-y-2">
+          <h4 class="text-sm font-semibold text-primary">Note pointers</h4>
+          <dl class="grid gap-3 sm:grid-cols-2 text-xs text-subtle">
+            <div>
+              <dt class="font-semibold text-primary">Mode</dt>
+              <dd class="mt-1">${escape(version.mode || "live")}</dd>
+            </div>
+            <div>
+              <dt class="font-semibold text-primary">d tag</dt>
+              <dd class="mt-1">
+                ${
+                  dTagValue
+                    ? `<code class="rounded bg-overlay-panel-soft px-1.5 py-0.5 text-primary">${escape(
+                        dTagValue
+                      )}</code>`
+                    : '<span class="text-subtle">Not provided</span>'
+                }
+              </dd>
+            </div>
+            <div>
+              <dt class="font-semibold text-primary">videoRootId</dt>
+              <dd class="mt-1">
+                ${
+                  rootDisplay
+                    ? `<code class="break-all rounded bg-overlay-panel-soft px-1.5 py-0.5 text-primary" title="${escape(
+                        rootId
+                      )}">${rootDisplay}</code>`
+                    : '<span class="text-subtle">Not provided</span>'
+                }
+              </dd>
+            </div>
+            <div>
+              <dt class="font-semibold text-primary">Event ID</dt>
+              <dd class="mt-1">
+                ${
+                  eventDisplay
+                    ? `<code class="break-all rounded bg-overlay-panel-soft px-1.5 py-0.5 text-primary" title="${escape(
+                        version.id || ""
+                      )}">${eventDisplay}</code>`
+                    : '<span class="text-subtle">Unknown</span>'
+                }
+              </dd>
+            </div>
+          </dl>
+        </section>
+
+        <section class="space-y-4">
+          <h4 class="text-sm font-semibold text-primary">NIP-71 media metadata</h4>
+          <div class="space-y-4">
+            <div class="space-y-2">
+              <h5 class="text-xs font-semibold uppercase tracking-wide text-muted">Media variants (imeta)</h5>
+              ${this.renderImetaVariants(nip71Metadata.imeta)}
+            </div>
+            <div class="space-y-2">
+              <h5 class="text-xs font-semibold uppercase tracking-wide text-muted">Caption tracks</h5>
+              ${this.renderTextTracks(nip71Metadata.textTracks)}
+            </div>
+            <div class="space-y-2">
+              <h5 class="text-xs font-semibold uppercase tracking-wide text-muted">Chapters</h5>
+              ${this.renderSegments(nip71Metadata.segments)}
+            </div>
+            <div class="space-y-2">
+              <h5 class="text-xs font-semibold uppercase tracking-wide text-muted">Hashtags</h5>
+              ${this.renderHashtags(nip71Metadata.hashtags)}
+            </div>
+            <div class="space-y-2">
+              <h5 class="text-xs font-semibold uppercase tracking-wide text-muted">Participants</h5>
+              ${this.renderParticipants(nip71Metadata.participants)}
+            </div>
+            <div class="space-y-2">
+              <h5 class="text-xs font-semibold uppercase tracking-wide text-muted">References</h5>
+              ${this.renderReferences(nip71Metadata.references)}
+            </div>
+          </div>
+        </section>
+      </div>
+    `;
+  }
+
+  updateConfirmationState() {
+    if (!this.confirmButton) {
+      return;
+    }
+
+    if (!this.selectedRevision || !this.activeVideo) {
+      this.pendingEntries = [];
+      this.confirmButton.disabled = true;
+      if (!this.busy) {
+        this.confirmButton.textContent = this.confirmDefaultLabel;
+      }
+      if (this.statusLabel && (this.revisions || []).length > 1) {
+        this.statusLabel.textContent =
+          "Select an older revision to enable reverting.";
+      }
+      return;
+    }
+
+    const target = this.selectedRevision;
+    const activePubkey =
+      typeof this.activeVideo.pubkey === "string"
+        ? this.activeVideo.pubkey.toLowerCase()
+        : "";
+
+    const revertCandidates = (this.revisions || []).filter((entry) => {
+      if (!entry || entry.id === target.id) {
+        return false;
+      }
+      if (entry.deleted) {
+        return false;
+      }
+      if (typeof entry.created_at !== "number") {
+        return false;
+      }
+      if (entry.created_at <= target.created_at) {
+        return false;
+      }
+      if (!entry.pubkey) {
+        return false;
+      }
+      const entryPubkey =
+        typeof entry.pubkey === "string" ? entry.pubkey.toLowerCase() : "";
+      if (activePubkey && entryPubkey !== activePubkey) {
+        return false;
+      }
+      return true;
+    });
+
+    this.pendingEntries = revertCandidates;
+
+    const disable =
+      this.busy || target.deleted === true || revertCandidates.length === 0;
+
+    this.confirmButton.disabled = disable;
+    if (!this.busy) {
+      this.confirmButton.textContent = this.confirmDefaultLabel;
+    }
+
+    if (!this.statusLabel) {
+      return;
+    }
+
+    if (target.deleted) {
+      this.statusLabel.textContent =
+        "This revision was previously marked as deleted and cannot become active.";
+      return;
+    }
+
+    if (revertCandidates.length === 0) {
+      this.statusLabel.textContent =
+        "The selected revision is already the latest active version.";
+      return;
+    }
+
+    const suffix = revertCandidates.length === 1 ? "revision" : "revisions";
+    this.statusLabel.textContent = `Reverting will mark ${revertCandidates.length} newer ${suffix} as reverted.`;
+  }
+
+  setBusy(isBusy, label) {
+    this.busy = Boolean(isBusy);
+
+    if (this.confirmButton) {
+      const disableConfirm =
+        this.busy ||
+        !this.selectedRevision ||
+        !this.pendingEntries ||
+        this.pendingEntries.length === 0 ||
+        (this.selectedRevision && this.selectedRevision.deleted === true);
+      this.confirmButton.disabled = disableConfirm;
+      this.confirmButton.textContent = this.busy
+        ? label || "Reverting…"
+        : this.confirmDefaultLabel;
+      this.confirmButton.classList.toggle("cursor-wait", this.busy);
+    }
+
+    const toggleInteractionDisabled = (button) => {
+      if (!button) {
+        return;
+      }
+      button.disabled = this.busy;
+    };
+
+    toggleInteractionDisabled(this.cancelButton);
+    toggleInteractionDisabled(this.closeButton);
+
+    if (!this.busy) {
+      this.updateConfirmationState();
+    }
+  }
+
+  handleConfirmClick() {
+    if (this.busy) {
+      return;
+    }
+
+    if (!this.selectedRevision) {
+      return;
+    }
+
+    const entries = Array.isArray(this.pendingEntries)
+      ? this.pendingEntries.slice()
+      : [];
+    if (!entries.length) {
+      this.updateConfirmationState();
+      return;
+    }
+
+    this.dispatch("video:revert-confirm", {
+      target: this.selectedRevision,
+      entries,
+      video: this.activeVideo,
+      context: this.context,
+    });
+  }
+
+  handleCancelInteraction() {
+    if (this.busy) {
+      return;
+    }
+
+    this.dispatch("video:revert-cancel", {
+      context: this.context,
+      video: this.activeVideo,
+    });
+    this.close();
+  }
+
+  handleCloseInteraction() {
+    if (this.busy) {
+      return;
+    }
+    this.close();
+  }
+
+  destroy() {
+    if (this.bound) {
+      if (this.list) {
+        this.list.removeEventListener("click", this.boundHandlers.listClick);
+      }
+      if (this.confirmButton) {
+        this.confirmButton.removeEventListener(
+          "click",
+          this.boundHandlers.confirm
+        );
+      }
+      if (this.cancelButton) {
+        this.cancelButton.removeEventListener(
+          "click",
+          this.boundHandlers.cancel
+        );
+      }
+      if (this.overlay) {
+        this.overlay.removeEventListener("click", this.boundHandlers.overlay);
+      }
+      if (this.closeButton) {
+        this.closeButton.removeEventListener("click", this.boundHandlers.close);
+      }
+      this.bound = false;
+    }
+
+    if (this.modalAccessibility?.destroy) {
+      this.modalAccessibility.destroy();
+    }
+    this.modalAccessibility = null;
+    this.modalPanel = null;
+  }
+
+  getEscapeFn() {
+    return (value) =>
+      this.escapeHTML ? this.escapeHTML(String(value ?? "")) : String(value ?? "");
+  }
+
+  renderPlaceholder(text = "Not provided") {
+    const escape = this.getEscapeFn();
+    return `<span class="text-subtle">${escape(text)}</span>`;
+  }
+
+  renderListEmpty(text) {
+    const escape = this.getEscapeFn();
+    return `<p class="text-xs text-subtle">${escape(text)}</p>`;
+  }
+
+  buildLinkMarkup(value, { breakAll = true } = {}) {
+    if (value == null) {
+      return "";
+    }
+
+    const escape = this.getEscapeFn();
+    const raw = typeof value === "string" ? value.trim() : String(value ?? "").trim();
+    if (!raw) {
+      return "";
+    }
+
+    const displayRaw = this.truncateMiddle
+      ? this.truncateMiddle(raw, 96)
+      : raw;
+    const safeDisplay = escape(displayRaw);
+    const safeValue = escape(raw);
+    const breakClass = breakAll ? " break-all" : " break-words";
+
+    if (/^https?:/i.test(raw)) {
+      return `<a href="${safeValue}" target="_blank" rel="noopener noreferrer" class="text-info hover:text-info-strong${breakClass}">${safeDisplay}</a>`;
+    }
+
+    return `<code class="rounded bg-overlay-panel-soft px-1.5 py-0.5 text-[0.75rem] text-primary${breakClass}">${safeDisplay}</code>`;
+  }
+
+  formatDurationSeconds(seconds) {
+    if (!Number.isFinite(seconds)) {
+      return "";
+    }
+
+    const total = Math.max(0, Math.floor(seconds));
+    const hours = Math.floor(total / 3600);
+    const minutes = Math.floor((total % 3600) / 60);
+    const secs = total % 60;
+
+    if (hours > 0) {
+      return `${hours}:${String(minutes).padStart(2, "0")}:${String(secs).padStart(2, "0")}`;
+    }
+
+    return `${minutes}:${String(secs).padStart(2, "0")}`;
+  }
+
+  buildNip71DisplayMetadata(version) {
+    const raw =
+      version && typeof version === "object" && version.nip71 && typeof version.nip71 === "object"
+        ? version.nip71
+        : {};
+
+    const { normalizeNumber, toInputValue } = this.nip71Formatter || {};
+
+    const toString = (value) => {
+      if (value == null) {
+        return "";
+      }
+      if (typeof value === "string") {
+        return value.trim();
+      }
+      if (typeof value === "number" || typeof value === "boolean") {
+        const converted = toInputValue ? toInputValue(value) : `${value}`;
+        return typeof converted === "string" ? converted.trim() : "";
+      }
+      return "";
+    };
+
+    const parseNumeric = (value) => {
+      if (value == null) {
+        return null;
+      }
+      if (typeof value === "string" && value.includes(":")) {
+        return null;
+      }
+      if (normalizeNumber) {
+        const parsed = normalizeNumber(value);
+        if (typeof parsed === "number" && Number.isFinite(parsed)) {
+          return parsed;
+        }
+      }
+      if (typeof value === "number" && Number.isFinite(value)) {
+        return value;
+      }
+      if (typeof value === "string") {
+        const trimmed = value.trim();
+        if (!trimmed) {
+          return null;
+        }
+        const numeric = Number(trimmed);
+        return Number.isFinite(numeric) ? numeric : null;
+      }
+      return null;
+    };
+
+    const parseTimestamp = (value) => {
+      const rawValue = toString(value);
+      if (!rawValue) {
+        return { raw: "", seconds: null };
+      }
+
+      if (/^\d+(?:\.\d+)?$/.test(rawValue)) {
+        const numeric = Number(rawValue);
+        if (Number.isFinite(numeric)) {
+          const normalized = numeric > 1e12 ? Math.floor(numeric / 1000) : Math.floor(numeric);
+          return { raw: rawValue, seconds: normalized };
+        }
+      }
+
+      const parsed = Date.parse(rawValue);
+      if (!Number.isNaN(parsed)) {
+        return { raw: rawValue, seconds: Math.floor(parsed / 1000) };
+      }
+
+      return { raw: rawValue, seconds: null };
+    };
+
+    const collectStrings = (values) => {
+      if (!Array.isArray(values)) {
+        return [];
+      }
+      return values
+        .map((entry) => toString(entry))
+        .map((entry) => entry.trim())
+        .filter((entry) => Boolean(entry));
+    };
+
+    const collectObjects = (values, mapFn) => {
+      if (!Array.isArray(values)) {
+        return [];
+      }
+      return values
+        .map((entry) => (entry && typeof entry === "object" ? mapFn(entry) : null))
+        .filter((entry) => entry);
+    };
+
+    const kindValue = parseNumeric(raw.kind);
+    const publishedAt = parseTimestamp(
+      raw.publishedAt ?? raw.published_at ?? raw["published-at"]
+    );
+
+    const durationNumeric = parseNumeric(raw.duration);
+    const durationRaw = durationNumeric != null ? `${durationNumeric}` : toString(raw.duration);
+
+    const imeta = collectObjects(raw.imeta, (variant) => {
+      const mapped = {
+        m: toString(variant.m),
+        dim: toString(variant.dim),
+        url: toString(variant.url),
+        x: toString(variant.x),
+        image: collectStrings(variant.image),
+        fallback: collectStrings(variant.fallback),
+        service: collectStrings(variant.service),
+        autoGenerated: variant.autoGenerated === true,
+      };
+
+      const hasContent =
+        mapped.m ||
+        mapped.dim ||
+        mapped.url ||
+        mapped.x ||
+        mapped.image.length ||
+        mapped.fallback.length ||
+        mapped.service.length;
+
+      return hasContent ? mapped : null;
+    });
+
+    const textTracks = collectObjects(raw.textTracks, (track) => {
+      const mapped = {
+        url: toString(track.url),
+        type: toString(track.type),
+        language: toString(track.language),
+      };
+      return mapped.url || mapped.type || mapped.language ? mapped : null;
+    });
+
+    const segments = collectObjects(raw.segments, (segment) => {
+      const startNumeric = parseNumeric(segment.start);
+      const endNumeric = parseNumeric(segment.end);
+      const mapped = {
+        startSeconds: startNumeric != null ? Math.max(0, startNumeric) : null,
+        endSeconds: endNumeric != null ? Math.max(0, endNumeric) : null,
+        startRaw: toString(segment.start),
+        endRaw: toString(segment.end),
+        title: toString(segment.title),
+        thumbnail: toString(segment.thumbnail),
+      };
+      return mapped.startRaw || mapped.endRaw || mapped.title || mapped.thumbnail
+        ? mapped
+        : null;
+    });
+
+    const hashtags = collectStrings(raw.hashtags);
+    const participants = collectObjects(raw.participants, (participant) => {
+      const mapped = {
+        pubkey: toString(participant.pubkey),
+        relay: toString(participant.relay),
+      };
+      return mapped.pubkey || mapped.relay ? mapped : null;
+    });
+    const references = collectStrings(raw.references);
+
+    return {
+      kind: kindValue != null ? kindValue : toString(raw.kind),
+      summary: toString(raw.summary),
+      contentWarning:
+        toString(raw.contentWarning ?? raw["content-warning"] ?? raw.content_warning),
+      publishedAtSeconds: publishedAt.seconds,
+      publishedAtRaw: publishedAt.raw,
+      durationSeconds: durationNumeric != null ? Math.max(0, durationNumeric) : null,
+      durationRaw,
+      alt: toString(raw.alt),
+      imeta,
+      textTracks,
+      segments,
+      hashtags,
+      participants,
+      references,
+    };
+  }
+
+  renderImetaVariants(variants) {
+    if (!Array.isArray(variants) || variants.length === 0) {
+      return this.renderListEmpty("No media variants provided.");
+    }
+
+    const escape = this.getEscapeFn();
+
+    return `<ol class="space-y-3">${variants
+      .map((variant, index) => {
+        if (!variant) {
+          return "";
+        }
+
+        const badges = [];
+        if (variant.autoGenerated) {
+          badges.push(
+            '<span class="badge" data-variant="warning">Auto-generated</span>'
+          );
+        }
+
+        const variantNumber = `Variant ${index + 1}`;
+
+        const mimeHtml = variant.m
+          ? `<code class="rounded bg-overlay-panel-soft px-1.5 py-0.5 text-primary">${escape(
+              variant.m
+            )}</code>`
+          : this.renderPlaceholder();
+        const dimHtml = variant.dim
+          ? `<code class="rounded bg-overlay-panel-soft px-1.5 py-0.5 text-primary">${escape(
+              variant.dim
+            )}</code>`
+          : this.renderPlaceholder();
+        const urlHtml = variant.url
+          ? this.buildLinkMarkup(variant.url)
+          : this.renderPlaceholder("No URL");
+        const hashHtml = variant.x
+          ? `<code class="break-all rounded bg-overlay-panel-soft px-1.5 py-0.5 text-primary">${escape(
+              variant.x
+            )}</code>`
+          : this.renderPlaceholder("Not provided");
+
+        const renderNestedList = (label, values, emptyLabel) => {
+          if (!Array.isArray(values) || values.length === 0) {
+            return `<div><p class="text-2xs uppercase tracking-wide text-subtle">${escape(
+              label
+            )}</p>${this.renderListEmpty(emptyLabel)}</div>`;
+          }
+
+          const items = values
+            .map((entry) => this.buildLinkMarkup(entry))
+            .filter(Boolean)
+            .map((markup) => `<li>${markup}</li>`);
+
+          if (!items.length) {
+            return `<div><p class="text-2xs uppercase tracking-wide text-subtle">${escape(
+              label
+            )}</p>${this.renderListEmpty(emptyLabel)}</div>`;
+          }
+
+          return `
+            <div>
+              <p class="text-2xs uppercase tracking-wide text-subtle">${escape(
+                label
+              )}</p>
+              <ul class="mt-1 space-y-1 text-xs text-primary">${items.join("")}</ul>
+            </div>
+          `;
+        };
+
+        const nestedSections = [
+          renderNestedList("Images", variant.image, "No image URLs."),
+          renderNestedList("Fallbacks", variant.fallback, "No fallback URLs."),
+          renderNestedList("Services", variant.service, "No service hints."),
+        ].join("");
+
+        return `
+          <li class="rounded-md border border-overlay bg-overlay-muted p-3 space-y-3">
+            <div class="flex flex-wrap items-center justify-between gap-2 text-xs text-muted">
+              <span class="font-semibold text-primary">${escape(variantNumber)}</span>
+              ${badges.length ? `<div class="flex flex-wrap gap-2">${badges.join("")}</div>` : ""}
+            </div>
+            <dl class="grid gap-3 sm:grid-cols-2 text-xs text-subtle">
+              <div>
+                <dt class="font-semibold text-primary">MIME type</dt>
+                <dd class="mt-1">${mimeHtml}</dd>
+              </div>
+              <div>
+                <dt class="font-semibold text-primary">Dimensions</dt>
+                <dd class="mt-1">${dimHtml}</dd>
+              </div>
+              <div class="sm:col-span-2">
+                <dt class="font-semibold text-primary">URL</dt>
+                <dd class="mt-1">${urlHtml}</dd>
+              </div>
+              <div class="sm:col-span-2">
+                <dt class="font-semibold text-primary">Content hash</dt>
+                <dd class="mt-1">${hashHtml}</dd>
+              </div>
+            </dl>
+            <div class="grid gap-3 sm:grid-cols-3 text-xs text-subtle">
+              ${nestedSections}
+            </div>
+          </li>
+        `;
+      })
+      .join("")}</ol>`;
+  }
+
+  renderTextTracks(tracks) {
+    if (!Array.isArray(tracks) || tracks.length === 0) {
+      return this.renderListEmpty("No caption tracks.");
+    }
+
+    const escape = this.getEscapeFn();
+
+    return `<ol class="space-y-3">${tracks
+      .map((track, index) => {
+        const headerLabel = `Track ${index + 1}`;
+        const urlHtml = track.url
+          ? this.buildLinkMarkup(track.url)
+          : this.renderPlaceholder("No URL");
+        const typeHtml = track.type
+          ? `<code class="rounded bg-overlay-panel-soft px-1.5 py-0.5 text-primary">${escape(
+              track.type
+            )}</code>`
+          : this.renderPlaceholder();
+        const languageHtml = track.language
+          ? `<span class="pill" data-size="compact" data-variant="neutral">${escape(
+              track.language
+            )}</span>`
+          : this.renderPlaceholder();
+
+        return `
+          <li class="rounded-md border border-overlay bg-overlay-muted p-3 space-y-3">
+            <div class="flex items-center justify-between text-xs text-muted">
+              <span class="font-semibold text-primary">${escape(headerLabel)}</span>
+              ${track.language ? languageHtml : ""}
+            </div>
+            <dl class="grid gap-3 sm:grid-cols-2 text-xs text-subtle">
+              <div class="sm:col-span-2">
+                <dt class="font-semibold text-primary">URL</dt>
+                <dd class="mt-1">${urlHtml}</dd>
+              </div>
+              <div>
+                <dt class="font-semibold text-primary">Type</dt>
+                <dd class="mt-1">${typeHtml}</dd>
+              </div>
+              <div>
+                <dt class="font-semibold text-primary">Language</dt>
+                <dd class="mt-1">${track.language ? languageHtml : this.renderPlaceholder()}</dd>
+              </div>
+            </dl>
+          </li>
+        `;
+      })
+      .join("")}</ol>`;
+  }
+
+  renderSegments(segments) {
+    if (!Array.isArray(segments) || segments.length === 0) {
+      return this.renderListEmpty("No chapter segments.");
+    }
+
+    const escape = this.getEscapeFn();
+
+    const formatTime = (seconds, raw) => {
+      if (Number.isFinite(seconds)) {
+        const display = this.formatDurationSeconds(seconds);
+        const suffix = seconds === 1 ? "second" : "seconds";
+        return `<span class="text-primary">${escape(display)}</span> <span class="text-subtle">(${escape(
+          `${seconds} ${suffix}`
+        )})</span>`;
+      }
+      if (raw) {
+        return `<span class="text-primary">${escape(raw)}</span>`;
+      }
+      return this.renderPlaceholder();
+    };
+
+    return `<ol class="space-y-3">${segments
+      .map((segment, index) => {
+        const headerLabel = `Chapter ${index + 1}`;
+        const startHtml = formatTime(segment.startSeconds, segment.startRaw);
+        const endHtml = formatTime(segment.endSeconds, segment.endRaw);
+        const titleHtml = segment.title
+          ? `<p class="whitespace-pre-wrap text-primary">${escape(segment.title)}</p>`
+          : this.renderPlaceholder("No title");
+        const thumbnailHtml = segment.thumbnail
+          ? this.buildLinkMarkup(segment.thumbnail)
+          : this.renderPlaceholder("No thumbnail");
+
+        return `
+          <li class="rounded-md border border-overlay bg-overlay-muted p-3 space-y-3">
+            <div class="text-xs font-semibold text-primary">${escape(headerLabel)}</div>
+            <dl class="grid gap-3 sm:grid-cols-2 text-xs text-subtle">
+              <div>
+                <dt class="font-semibold text-primary">Start</dt>
+                <dd class="mt-1">${startHtml}</dd>
+              </div>
+              <div>
+                <dt class="font-semibold text-primary">End</dt>
+                <dd class="mt-1">${endHtml}</dd>
+              </div>
+              <div class="sm:col-span-2">
+                <dt class="font-semibold text-primary">Title</dt>
+                <dd class="mt-1">${titleHtml}</dd>
+              </div>
+              <div class="sm:col-span-2">
+                <dt class="font-semibold text-primary">Thumbnail</dt>
+                <dd class="mt-1">${thumbnailHtml}</dd>
+              </div>
+            </dl>
+          </li>
+        `;
+      })
+      .join("")}</ol>`;
+  }
+
+  renderHashtags(hashtags) {
+    if (!Array.isArray(hashtags) || hashtags.length === 0) {
+      return this.renderListEmpty("No hashtags provided.");
+    }
+
+    const escape = this.getEscapeFn();
+
+    const chips = hashtags.map((tag) => {
+      const label = tag.startsWith("#") ? tag : `#${tag}`;
+      return `<span class="pill" data-size="compact" data-variant="neutral">${escape(
+        label
+      )}</span>`;
+    });
+
+    return `<div class="flex flex-wrap gap-2">${chips.join("")}</div>`;
+  }
+
+  renderParticipants(participants) {
+    if (!Array.isArray(participants) || participants.length === 0) {
+      return this.renderListEmpty("No participants listed.");
+    }
+
+    const escape = this.getEscapeFn();
+
+    return `<ol class="space-y-3">${participants
+      .map((participant, index) => {
+        const label = `Participant ${index + 1}`;
+        const displayPubkey = participant.pubkey
+          ? this.truncateMiddle
+            ? this.truncateMiddle(participant.pubkey, 48)
+            : participant.pubkey
+          : "";
+        const pubkeyHtml = participant.pubkey
+          ? `<code class="break-all rounded bg-overlay-panel-soft px-1.5 py-0.5 text-primary" title="${escape(
+              participant.pubkey
+            )}">${escape(displayPubkey)}</code>`
+          : this.renderPlaceholder("No pubkey");
+        const relayHtml = participant.relay
+          ? this.buildLinkMarkup(participant.relay, { breakAll: false })
+          : this.renderPlaceholder("No relay specified");
+
+        return `
+          <li class="rounded-md border border-overlay bg-overlay-muted p-3 space-y-2">
+            <div class="text-xs font-semibold text-primary">${escape(label)}</div>
+            <dl class="grid gap-3 sm:grid-cols-2 text-xs text-subtle">
+              <div class="sm:col-span-2">
+                <dt class="font-semibold text-primary">Pubkey</dt>
+                <dd class="mt-1">${pubkeyHtml}</dd>
+              </div>
+              <div class="sm:col-span-2">
+                <dt class="font-semibold text-primary">Relay</dt>
+                <dd class="mt-1">${relayHtml}</dd>
+              </div>
+            </dl>
+          </li>
+        `;
+      })
+      .join("")}</ol>`;
+  }
+
+  renderReferences(references) {
+    if (!Array.isArray(references) || references.length === 0) {
+      return this.renderListEmpty("No external references.");
+    }
+
+    const items = references
+      .map((entry) => this.buildLinkMarkup(entry))
+      .filter(Boolean)
+      .map((markup) => `<li>${markup}</li>`);
+
+    if (!items.length) {
+      return this.renderListEmpty("No external references.");
+    }
+
+    return `<ul class="space-y-1 text-xs text-primary">${items.join("")}</ul>`;
+  }
+
+  extractDTagValue(tags) {
+    if (!Array.isArray(tags)) {
+      return "";
+    }
+    for (const tag of tags) {
+      if (!Array.isArray(tag) || tag.length < 2) {
+        continue;
+      }
+      if (tag[0] === "d" && typeof tag[1] === "string") {
+        return tag[1];
+      }
+    }
+    return "";
+  }
+}
+
diff --git a/dist/js/ui/components/SearchFilterModal.js b/dist/js/ui/components/SearchFilterModal.js
new file mode 100644
index 00000000..570eccc8
--- /dev/null
+++ b/dist/js/ui/components/SearchFilterModal.js
@@ -0,0 +1,433 @@
+import {
+  prepareStaticModal,
+  openStaticModal,
+  closeStaticModal,
+} from "./staticModalAccessibility.js";
+import {
+  getSearchFilterState,
+  setSearchFilterState,
+  buildSearchHashFromState,
+  resetSearchFilters,
+} from "../../search/searchFilterState.js";
+import { DEFAULT_FILTERS } from "../../search/searchFilters.js";
+import { setHashView } from "../../hashView.js";
+import { ALLOW_NSFW_CONTENT } from "../../config.js";
+
+const MODAL_ID = "searchFilterModal";
+
+let isInitialized = false;
+
+// DOM Elements
+let modal;
+let form;
+let dateStartInput;
+let dateEndInput;
+let sortSelect;
+let authorInput;
+let nsfwToggle;
+let advancedToggleBtn;
+let advancedPanel;
+let advancedChevron;
+let tagsInput;
+let durationShortCheckbox;
+let durationMediumCheckbox;
+let durationLongCheckbox;
+let dateChipsContainer;
+let tagChipsContainer;
+let hasChipsContainer;
+
+function getElement(id) {
+  return document.getElementById(id);
+}
+
+function init() {
+  if (isInitialized) return;
+
+  modal = getElement(MODAL_ID);
+  if (!modal) return; // Modal HTML not loaded yet
+
+  form = getElement("searchFilterForm");
+  dateStartInput = getElement("searchFilterDateStart");
+  dateEndInput = getElement("searchFilterDateEnd");
+  sortSelect = getElement("searchFilterSort");
+  authorInput = getElement("searchFilterAuthor");
+  nsfwToggle = getElement("searchFilterNsfwToggle");
+
+  advancedToggleBtn = getElement("searchFilterAdvancedToggle");
+  advancedPanel = getElement("searchFilterAdvancedPanel");
+  advancedChevron = advancedToggleBtn.querySelector("span:last-child"); // The chevron
+  if (advancedChevron) advancedChevron.classList.add("transition-transform", "duration-200");
+
+  tagsInput = getElement("searchFilterTags");
+  durationShortCheckbox = getElement("searchFilterDurationShort");
+  durationMediumCheckbox = getElement("searchFilterDurationMedium");
+  durationLongCheckbox = getElement("searchFilterDurationLong");
+
+  dateChipsContainer = getElement("searchFilterDateChips");
+  tagChipsContainer = getElement("searchFilterTagChips");
+  hasChipsContainer = getElement("searchFilterHasChips");
+
+  // Event Listeners
+
+  // Close
+  const closeBtn = getElement("closeSearchFilterModal");
+  if (closeBtn) {
+    closeBtn.addEventListener("click", close);
+  }
+
+  // Apply
+  const applyBtn = getElement("searchFilterApplyBtn");
+  if (applyBtn) {
+    applyBtn.addEventListener("click", () => {
+      applyFilters();
+      close();
+    });
+  }
+
+  // Reset
+  const resetBtn = getElement("searchFilterResetBtn");
+  if (resetBtn) {
+    resetBtn.addEventListener("click", () => {
+      syncStateToControls(DEFAULT_FILTERS);
+    });
+  }
+
+  // Advanced Toggle
+  if (advancedToggleBtn) {
+    advancedToggleBtn.addEventListener("click", () => toggleAdvanced());
+  }
+
+  // Date Chips
+  if (dateChipsContainer) {
+    dateChipsContainer.addEventListener("click", (e) => {
+      const btn = e.target.closest("button");
+      if (!btn) return;
+
+      const days = btn.dataset.days;
+      handleDateChip(days);
+      updateChipVisuals(dateChipsContainer, btn);
+    });
+  }
+
+  // Tag Chips
+  if (tagChipsContainer) {
+    tagChipsContainer.addEventListener("click", (e) => {
+      const btn = e.target.closest("button");
+      if (!btn) return;
+      toggleChipState(btn);
+    });
+  }
+
+  // Has Chips
+  if (hasChipsContainer) {
+    hasChipsContainer.addEventListener("click", (e) => {
+      const btn = e.target.closest("button");
+      if (!btn) return;
+      toggleChipState(btn);
+    });
+  }
+
+  // NSFW Toggle
+  if (nsfwToggle) {
+    if (!ALLOW_NSFW_CONTENT) {
+      nsfwToggle.disabled = true;
+      nsfwToggle.setAttribute("aria-disabled", "true");
+      nsfwToggle.title = "NSFW content is disabled on this instance.";
+      // Visual disabled state is usually handled by CSS for [disabled], but we can enforce:
+      nsfwToggle.classList.add("opacity-50", "cursor-not-allowed");
+    } else {
+      nsfwToggle.addEventListener("click", () => {
+        const isChecked = nsfwToggle.getAttribute("aria-checked") === "true";
+        nsfwToggle.setAttribute("aria-checked", !isChecked);
+        nsfwToggle.classList.toggle("is-on", !isChecked);
+      });
+    }
+  }
+
+  prepareStaticModal({ id: MODAL_ID });
+  isInitialized = true;
+}
+
+function open() {
+  if (!isInitialized) init();
+
+  const currentState = getSearchFilterState();
+  syncStateToControls(currentState.filters || DEFAULT_FILTERS);
+
+  openStaticModal(modal);
+}
+
+function close() {
+  closeStaticModal(modal);
+}
+
+function toggleAdvanced(forceState = null) {
+  const isCurrentlyExpanded = advancedToggleBtn.getAttribute("aria-expanded") === "true";
+  const newState = forceState !== null ? forceState : !isCurrentlyExpanded;
+
+  advancedToggleBtn.setAttribute("aria-expanded", newState);
+
+  if (newState) {
+    advancedPanel.classList.remove("hidden");
+    advancedChevron.classList.add("rotate-180");
+    advancedChevron.classList.remove("rotate-0");
+  } else {
+    advancedPanel.classList.add("hidden");
+    advancedChevron.classList.add("rotate-0");
+    advancedChevron.classList.remove("rotate-180");
+  }
+}
+
+// Helpers for Date
+const parseDateInputValue = (value) => {
+  if (!value) return null;
+  const parsed = Date.parse(value);
+  if (Number.isNaN(parsed)) return null;
+  return Math.floor(parsed / 1000);
+};
+
+const formatDateInputValue = (timestampSeconds) => {
+  if (!Number.isFinite(timestampSeconds)) return "";
+  const date = new Date(timestampSeconds * 1000);
+  const year = date.getFullYear();
+  const month = `${date.getMonth() + 1}`.padStart(2, "0");
+  const day = `${date.getDate()}`.padStart(2, "0");
+  return `${year}-${month}-${day}`;
+};
+
+function handleDateChip(days) {
+  if (days === "all") {
+    dateStartInput.value = "";
+    dateEndInput.value = "";
+    return;
+  }
+
+  const numDays = parseInt(days, 10);
+  if (isNaN(numDays)) return;
+
+  const now = new Date();
+  const start = new Date();
+  start.setDate(now.getDate() - numDays);
+
+  dateStartInput.value = formatDateInputValue(Math.floor(start.getTime() / 1000));
+  dateEndInput.value = formatDateInputValue(Math.floor(now.getTime() / 1000));
+}
+
+// Helpers for Chips
+function toggleChipState(btn) {
+  const isPressed = btn.getAttribute("aria-pressed") === "true";
+  btn.setAttribute("aria-pressed", !isPressed);
+  btn.dataset.state = !isPressed ? "on" : "off";
+}
+
+function updateChipVisuals(container, activeBtn) {
+  // For exclusive selection (like date ranges typically are treated in this UI)
+  const buttons = container.querySelectorAll("button");
+  buttons.forEach(btn => {
+    const isActive = btn === activeBtn;
+    btn.setAttribute("aria-pressed", isActive);
+    btn.dataset.state = isActive ? "on" : "off";
+  });
+}
+
+function syncStateToControls(filters) {
+  const safeFilters = filters || DEFAULT_FILTERS;
+
+  // Date
+  dateStartInput.value = formatDateInputValue(safeFilters.dateRange?.after);
+  dateEndInput.value = formatDateInputValue(safeFilters.dateRange?.before);
+
+  // Logic to highlight correct date chip if it matches
+  // (Simplified: just highlight 'All Time' if no dates, otherwise clear chips)
+  const hasDateRange = Number.isFinite(safeFilters.dateRange?.after) || Number.isFinite(safeFilters.dateRange?.before);
+  const dateBtns = dateChipsContainer.querySelectorAll("button");
+  dateBtns.forEach(btn => {
+    if (btn.dataset.days === "all") {
+       const isActive = !hasDateRange;
+       btn.setAttribute("aria-pressed", isActive);
+       btn.dataset.state = isActive ? "on" : "off";
+    } else {
+       // We could try to calculate if range matches 24h/7d etc, but for now just clear them if custom dates are set
+       btn.setAttribute("aria-pressed", "false");
+       btn.dataset.state = "off";
+    }
+  });
+
+  // Sort
+  sortSelect.value = safeFilters.sort || "relevance";
+
+  // Author
+  authorInput.value = safeFilters.authorPubkeys?.join(", ") || "";
+
+  // Tags
+  tagsInput.value = "";
+  // We separate tags that are in chips vs typed
+  const activeTags = new Set(safeFilters.tags || []);
+  const tagBtns = tagChipsContainer.querySelectorAll("button");
+  const chippedTags = new Set();
+
+  tagBtns.forEach(btn => {
+    const tag = btn.dataset.tag;
+    chippedTags.add(tag);
+    const isActive = activeTags.has(tag);
+    btn.setAttribute("aria-pressed", isActive);
+    btn.dataset.state = isActive ? "on" : "off";
+  });
+
+  // Remaining tags go to input
+  const otherTags = (safeFilters.tags || []).filter(t => !chippedTags.has(t));
+  if (otherTags.length) {
+    tagsInput.value = otherTags.join(", ");
+  }
+
+  // Duration
+  const minSec = safeFilters.duration?.minSeconds;
+  const maxSec = safeFilters.duration?.maxSeconds;
+
+  durationShortCheckbox.checked = false;
+  durationMediumCheckbox.checked = false;
+  durationLongCheckbox.checked = false;
+
+  if (minSec === null && maxSec === 300) durationShortCheckbox.checked = true;
+  if (minSec === 300 && maxSec === 1200) durationMediumCheckbox.checked = true;
+  if (minSec === 1200 && maxSec === null) durationLongCheckbox.checked = true;
+
+  // Has
+  const hasBtns = hasChipsContainer.querySelectorAll("button");
+  hasBtns.forEach(btn => {
+    const type = btn.dataset.has;
+    let isActive = false;
+    if (type === "magnet") isActive = safeFilters.hasMagnet === true;
+    if (type === "url") isActive = safeFilters.hasUrl === true;
+
+    btn.setAttribute("aria-pressed", isActive);
+    btn.dataset.state = isActive ? "on" : "off";
+  });
+
+  // NSFW
+  if (ALLOW_NSFW_CONTENT) {
+    const nsfwIsOn = safeFilters.nsfw === "true" || safeFilters.nsfw === "only";
+    nsfwToggle.setAttribute("aria-checked", nsfwIsOn);
+    nsfwToggle.classList.toggle("is-on", nsfwIsOn);
+  } else {
+    nsfwToggle.setAttribute("aria-checked", "false");
+    nsfwToggle.classList.remove("is-on");
+  }
+
+  // Auto-expand Advanced if needed
+  const hasAdvancedFilters =
+    (safeFilters.tags && safeFilters.tags.length > 0) ||
+    Number.isFinite(minSec) ||
+    Number.isFinite(maxSec) ||
+    safeFilters.hasMagnet === true ||
+    safeFilters.hasUrl === true;
+    // Note: NSFW is moved to main view in our design, so it doesn't trigger advanced
+
+  toggleAdvanced(hasAdvancedFilters);
+}
+
+function applyFilters() {
+  const filters = {
+    ...DEFAULT_FILTERS,
+    dateRange: { ...DEFAULT_FILTERS.dateRange },
+    duration: { ...DEFAULT_FILTERS.duration },
+  };
+
+  // Date
+  filters.dateRange.after = parseDateInputValue(dateStartInput.value);
+  filters.dateRange.before = parseDateInputValue(dateEndInput.value);
+
+  // Sort
+  filters.sort = sortSelect.value;
+
+  // Author
+  const authors = authorInput.value.split(/[, ]+/).map(s => s.trim()).filter(Boolean);
+  filters.authorPubkeys = authors;
+
+  // Tags
+  const selectedTags = new Set();
+  const tagBtns = tagChipsContainer.querySelectorAll("button[aria-pressed='true']");
+  tagBtns.forEach(btn => selectedTags.add(btn.dataset.tag));
+
+  const inputTags = tagsInput.value.split(/[, ]+/).map(s => s.trim().replace(/^#/, "")).filter(Boolean);
+  inputTags.forEach(t => selectedTags.add(t));
+
+  filters.tags = Array.from(selectedTags);
+
+  // Duration
+  // (Simplified logic: taking the last checked one or union? The original popover logic allowed multiple?
+  // Let's look at the original logic in SearchFiltersPopover.js:
+  // It collected ranges into an array and took min of mins and max of maxes.
+  // Effectively treating them as OR if multiple selected (e.g. Short OR Medium -> 0 to 1200).
+  const ranges = [];
+  if (durationShortCheckbox.checked) ranges.push({ min: null, max: 300 });
+  if (durationMediumCheckbox.checked) ranges.push({ min: 300, max: 1200 });
+  if (durationLongCheckbox.checked) ranges.push({ min: 1200, max: null });
+
+  if (ranges.length) {
+    const mins = ranges.map(r => r.min).filter(v => v !== null);
+    const maxes = ranges.map(r => r.max).filter(v => v !== null);
+
+    // If any range has min=null (Short), the overall min is null.
+    // If any range has max=null (Long), the overall max is null.
+    // Actually, logic:
+    // Short (0-300) + Medium (300-1200) = 0-1200.
+    // Short + Long = 0-300 AND 1200+. Currently filter schema supports min/max seconds as a single range.
+    // It doesn't support disjoint ranges.
+    // The original logic:
+    // filters.duration.minSeconds = mins.length ? Math.min(...mins) : null;
+    // filters.duration.maxSeconds = maxes.length ? Math.max(...maxes) : null;
+    // This implies union of ranges IF they are contiguous. If disjoint (Short + Long), it creates 0 to infinity (min=0, max=null is wrong, max of maxes? Long has max=null).
+    // Let's stick to original logic.
+    // min: Math.min of all explicit mins. If Short is there, min is null.
+    // max: Math.max of all explicit maxes. If Long is there, max is null.
+
+    const hasNullMin = ranges.some(r => r.min === null);
+    const hasNullMax = ranges.some(r => r.max === null);
+
+    filters.duration.minSeconds = hasNullMin ? null : Math.min(...mins);
+    filters.duration.maxSeconds = hasNullMax ? null : Math.max(...maxes);
+  }
+
+  // Has
+  const hasBtns = hasChipsContainer.querySelectorAll("button[aria-pressed='true']");
+  hasBtns.forEach(btn => {
+    if (btn.dataset.has === "magnet") filters.hasMagnet = true;
+    if (btn.dataset.has === "url") filters.hasUrl = true;
+  });
+
+  // NSFW
+  const nsfwChecked = nsfwToggle.getAttribute("aria-checked") === "true";
+  if (nsfwChecked) {
+    filters.nsfw = "true";
+  } else {
+    filters.nsfw = "any"; // or "false"? DEFAULT is "any".
+    // Wait, original popover logic:
+    // if (nsfwSwitch?.getAttribute("aria-checked") === "true") { filters.nsfw = "true"; }
+    // else { ... it defaults to cloneDefaultFilters which is 'any' }
+    // Wait, DEFAULT_FILTERS.nsfw is 'any'.
+    // If switch is off, it remains 'any' (showing sensitive content if user allows?).
+    // Usually NSFW toggle means "Show me NSFW".
+    // If off, it might mean "Filter out NSFW" or "Show Any".
+    // Let's assume 'any' means standard behavior (hide usually unless safe mode off?).
+    // Actually searchFilters.js says:
+    // filters.nsfw = "any" (default).
+    // So if I don't touch it, it's 'any'.
+    // If I toggle it ON, it becomes 'true'.
+  }
+
+  // Update State
+  const currentState = getSearchFilterState();
+  const nextState = {
+    text: currentState.text || "",
+    filters,
+  };
+  setSearchFilterState(nextState);
+  setHashView(buildSearchHashFromState(nextState));
+}
+
+export default {
+  init,
+  open,
+  close
+};
diff --git a/dist/js/ui/components/ShareNostrModal.js b/dist/js/ui/components/ShareNostrModal.js
new file mode 100644
index 00000000..0f543b35
--- /dev/null
+++ b/dist/js/ui/components/ShareNostrModal.js
@@ -0,0 +1,486 @@
+import { createModalAccessibility } from "./modalAccessibility.js";
+import { DEFAULT_RELAY_URLS } from "../../nostr/toolkit.js";
+import logger from "../../utils/logger.js";
+import { relayManager } from "../../relayManager.js";
+
+function normalizeRelayList(relays) {
+  if (!Array.isArray(relays)) {
+    return [];
+  }
+  const seen = new Set();
+  return relays
+    .map((relay) => (typeof relay === "string" ? relay.trim() : ""))
+    .filter((relay) => relay)
+    .filter((relay) => {
+      if (seen.has(relay)) {
+        return false;
+      }
+      seen.add(relay);
+      return true;
+    });
+}
+
+export class ShareNostrModal {
+  constructor({
+    removeTrackingScripts,
+    setGlobalModalState,
+    eventTarget,
+    container,
+    fallbackThumbnailSrc,
+    onPost,
+    onCancel,
+  } = {}) {
+    this.removeTrackingScripts =
+      typeof removeTrackingScripts === "function" ? removeTrackingScripts : () => {};
+    this.setGlobalModalState =
+      typeof setGlobalModalState === "function" ? setGlobalModalState : () => {};
+    this.eventTarget = eventTarget instanceof EventTarget ? eventTarget : new EventTarget();
+    this.container = container || document.getElementById("modalContainer") || null;
+    this.fallbackThumbnailSrc =
+      typeof fallbackThumbnailSrc === "string" ? fallbackThumbnailSrc : "";
+    this.onPost = typeof onPost === "function" ? onPost : null;
+    this.onCancel = typeof onCancel === "function" ? onCancel : null;
+
+    this.modal = null;
+    this.overlay = null;
+    this.modalPanel = null;
+    this.textarea = null;
+    this.previewUrl = null;
+    this.previewThumbnail = null;
+    this.previewFallback = null;
+    this.previewTitle = null;
+    this.previewMeta = null;
+    this.relayInput = null;
+    this.relayPills = null;
+    this.status = null;
+    this.postButton = null;
+    this.cancelButton = null;
+    this.closeButton = null;
+    this.modalAccessibility = null;
+
+    this.activeVideo = null;
+    this.currentRelays = [];
+    this.busy = false;
+    this.bound = false;
+
+    this.boundHandlers = {
+      post: (event) => this.handlePostClick(event),
+      cancel: (event) => this.handleCancelInteraction(event),
+      overlay: (event) => this.handleCancelInteraction(event),
+      relayInput: (event) => this.handleRelayInput(event),
+      relayPillClick: (event) => this.handleRelayPillClick(event),
+    };
+  }
+
+  addEventListener(type, listener, options) {
+    this.eventTarget.addEventListener(type, listener, options);
+  }
+
+  removeEventListener(type, listener, options) {
+    this.eventTarget.removeEventListener(type, listener, options);
+  }
+
+  dispatch(type, detail) {
+    this.eventTarget.dispatchEvent(
+      new CustomEvent(type, {
+        detail,
+      })
+    );
+  }
+
+  async load() {
+    if (this.modal) {
+      return this.modal;
+    }
+
+    const targetContainer = this.container || document.getElementById("modalContainer");
+    if (!targetContainer) {
+      throw new Error("Modal container element not found!");
+    }
+
+    let modal = targetContainer.querySelector("#shareNostrModal");
+    if (!modal) {
+      const response = await fetch("components/share-nostr-modal.html");
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const html = await response.text();
+      const wrapper = document.createElement("div");
+      wrapper.innerHTML = html;
+      this.removeTrackingScripts(wrapper);
+      targetContainer.appendChild(wrapper);
+      modal = wrapper.querySelector("#shareNostrModal");
+    }
+
+    if (!modal) {
+      throw new Error("Share Nostr modal markup missing after load.");
+    }
+
+    this.cacheElements(modal);
+    this.setupModalAccessibility();
+    this.bindEvents();
+    this.reset();
+
+    return this.modal;
+  }
+
+  cacheElements(modal) {
+    this.modal = modal;
+    this.overlay = modal.querySelector(".bv-modal-backdrop") || null;
+    this.modalPanel = modal.querySelector(".modal-sheet") || modal;
+    this.textarea = modal.querySelector("#shareNostrContent") || null;
+    this.previewUrl = modal.querySelector("#shareNostrPreviewUrl") || null;
+    this.previewThumbnail = modal.querySelector("#shareNostrPreviewThumbnail") || null;
+    this.previewFallback = modal.querySelector("#shareNostrPreviewFallback") || null;
+    this.previewTitle = modal.querySelector("#shareNostrPreviewTitle") || null;
+    this.previewMeta = modal.querySelector("#shareNostrPreviewMeta") || null;
+    this.relayInput = modal.querySelector("#shareNostrRelays") || null;
+    this.relayPills = modal.querySelector("#shareNostrRelayPills") || null;
+    this.status = modal.querySelector("#shareNostrStatus") || null;
+    this.postButton = modal.querySelector("#postShareNostr") || null;
+    this.cancelButton = modal.querySelector("#cancelShareNostr") || null;
+    this.closeButton = modal.querySelector("#closeShareNostrModal") || null;
+  }
+
+  setupModalAccessibility() {
+    if (!this.modal) {
+      return;
+    }
+
+    this.modalAccessibility = createModalAccessibility({
+      root: this.modal,
+      panel: this.modalPanel || this.modal,
+      backdrop: this.overlay,
+      onRequestClose: () => this.handleCancelInteraction(),
+    });
+  }
+
+  bindEvents() {
+    if (this.bound || !this.modal) {
+      return;
+    }
+
+    if (this.postButton) {
+      this.postButton.addEventListener("click", this.boundHandlers.post);
+    }
+    if (this.cancelButton) {
+      this.cancelButton.addEventListener("click", this.boundHandlers.cancel);
+    }
+    if (this.closeButton) {
+      this.closeButton.addEventListener("click", this.boundHandlers.cancel);
+    }
+    if (this.overlay) {
+      this.overlay.addEventListener("click", this.boundHandlers.overlay);
+    }
+    if (this.relayInput) {
+      this.relayInput.addEventListener("input", this.boundHandlers.relayInput);
+    }
+    if (this.relayPills) {
+      this.relayPills.addEventListener("click", this.boundHandlers.relayPillClick);
+    }
+
+    this.bound = true;
+  }
+
+  reset() {
+    this.activeVideo = null;
+    this.currentRelays = [];
+    this.busy = false;
+    this.setStatus("");
+    this.setBusy(false);
+
+    if (this.textarea) {
+      this.textarea.value = "";
+    }
+    if (this.previewTitle) {
+      this.previewTitle.textContent = "--";
+    }
+    if (this.previewMeta) {
+      this.previewMeta.textContent = "--";
+    }
+    if (this.previewUrl) {
+      this.previewUrl.textContent = "--";
+      this.previewUrl.href = "#";
+    }
+    this.setThumbnail("");
+    this.setRelayList([]);
+  }
+
+  setBusy(isBusy) {
+    this.busy = isBusy;
+    const actionButtons = [this.postButton, this.cancelButton, this.closeButton];
+    actionButtons.forEach((button) => {
+      if (!(button instanceof HTMLButtonElement)) {
+        return;
+      }
+      button.disabled = isBusy;
+    });
+    if (this.postButton) {
+      this.postButton.setAttribute("aria-busy", isBusy ? "true" : "false");
+      const label = isBusy ? "Posting..." : "Post";
+      if (this.postButton.textContent !== label) {
+        this.postButton.textContent = label;
+      }
+    }
+  }
+
+  setStatus(message = "", tone = "muted") {
+    if (!this.status) {
+      return;
+    }
+    this.status.textContent = message;
+    const toneClassMap = {
+      muted: "text-muted",
+      success: "text-success",
+      warning: "text-warning",
+      danger: "text-danger",
+    };
+    Object.values(toneClassMap).forEach((cls) => this.status.classList.remove(cls));
+    const nextClass = toneClassMap[tone] || toneClassMap.muted;
+    this.status.classList.add(nextClass);
+  }
+
+  resolveDefaultRelays() {
+    const candidate =
+      relayManager && typeof relayManager.getWriteRelayUrls === "function"
+        ? relayManager.getWriteRelayUrls()
+        : [];
+    const normalized = normalizeRelayList(candidate);
+    if (normalized.length) {
+      return normalized;
+    }
+    return normalizeRelayList(DEFAULT_RELAY_URLS);
+  }
+
+  parseRelayInput(value) {
+    if (typeof value !== "string") {
+      return [];
+    }
+    return normalizeRelayList(value.split(","));
+  }
+
+  setRelayList(relays) {
+    const normalized = normalizeRelayList(relays);
+    this.currentRelays = normalized;
+    if (this.relayInput) {
+      this.relayInput.value = normalized.join(", ");
+    }
+    this.renderRelayPills();
+  }
+
+  renderRelayPills() {
+    if (!this.relayPills) {
+      return;
+    }
+    this.relayPills.innerHTML = "";
+    if (!this.currentRelays.length) {
+      const placeholder = document.createElement("span");
+      placeholder.className = "text-xs text-muted";
+      placeholder.textContent = "No relays selected.";
+      this.relayPills.appendChild(placeholder);
+      return;
+    }
+
+    this.currentRelays.forEach((relay) => {
+      const pill = document.createElement("span");
+      pill.className =
+        "inline-flex items-center gap-2 rounded-full border border-border/70 bg-surface-alt px-3 py-1 text-xs text-text";
+
+      const label = document.createElement("span");
+      label.textContent = relay;
+      label.className = "truncate max-w-[200px]";
+      pill.appendChild(label);
+
+      const removeButton = document.createElement("button");
+      removeButton.type = "button";
+      removeButton.className =
+        "btn-ghost text-muted hover:text-text px-1 py-0.5 rounded-full";
+      removeButton.setAttribute("aria-label", `Remove ${relay}`);
+      removeButton.dataset.action = "remove-relay";
+      removeButton.dataset.relay = relay;
+      removeButton.innerHTML =
+        '<svg class="h-3 w-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12" stroke-linecap="round" stroke-linejoin="round"/></svg>';
+      pill.appendChild(removeButton);
+
+      this.relayPills.appendChild(pill);
+    });
+  }
+
+  setThumbnail(url) {
+    const sanitized = typeof url === "string" ? url.trim() : "";
+    const resolved = sanitized || this.fallbackThumbnailSrc || "";
+    if (this.previewThumbnail) {
+      if (resolved) {
+        this.previewThumbnail.src = resolved;
+        this.previewThumbnail.classList.remove("hidden");
+      } else {
+        this.previewThumbnail.removeAttribute("src");
+        this.previewThumbnail.classList.add("hidden");
+      }
+    }
+    if (this.previewFallback) {
+      this.previewFallback.classList.toggle(
+        "hidden",
+        Boolean(resolved)
+      );
+    }
+  }
+
+  buildShareContent(payload) {
+    const title =
+      typeof payload?.title === "string" && payload.title.trim()
+        ? payload.title.trim()
+        : "Untitled video";
+    const shareUrl =
+      typeof payload?.shareUrl === "string" ? payload.shareUrl.trim() : "";
+    const thumbnail =
+      typeof payload?.thumbnail === "string" ? payload.thumbnail.trim() : "";
+
+    return `${title} — Check out this video on bitvid 👇\n\n${shareUrl}\n\n${thumbnail}`;
+  }
+
+  setVideo(payload) {
+    this.activeVideo = payload || null;
+
+    const title =
+      typeof payload?.title === "string" && payload.title.trim()
+        ? payload.title.trim()
+        : "Untitled video";
+    const shareUrl =
+      typeof payload?.shareUrl === "string" ? payload.shareUrl.trim() : "";
+    const thumbnail =
+      typeof payload?.thumbnail === "string" ? payload.thumbnail.trim() : "";
+    const pubkey =
+      typeof payload?.pubkey === "string" && payload.pubkey.trim()
+        ? payload.pubkey.trim()
+        : "";
+    const authorName =
+      typeof payload?.authorName === "string" && payload.authorName.trim()
+        ? payload.authorName.trim()
+        : "";
+
+    if (this.textarea) {
+      this.textarea.value = this.buildShareContent({
+        title,
+        shareUrl,
+        thumbnail,
+      });
+    }
+
+    if (this.previewTitle) {
+      this.previewTitle.textContent = title;
+    }
+
+    if (this.previewMeta) {
+      const displayAuthor = authorName || pubkey;
+      this.previewMeta.textContent = displayAuthor
+        ? `Author: ${displayAuthor}`
+        : "Author info unavailable";
+    }
+
+    if (this.previewUrl) {
+      const displayUrl = shareUrl || "--";
+      this.previewUrl.textContent = displayUrl;
+      this.previewUrl.href = shareUrl || "#";
+      this.previewUrl.classList.toggle("pointer-events-none", !shareUrl);
+    }
+
+    this.setThumbnail(thumbnail);
+  }
+
+  async open({ video, triggerElement } = {}) {
+    await this.load();
+    this.setVideo(video || {});
+    this.setRelayList(this.resolveDefaultRelays());
+    this.setStatus("");
+    this.modal?.classList.remove("hidden");
+    this.modalAccessibility?.activate({ triggerElement });
+    this.setGlobalModalState("shareNostr", true);
+    this.dispatch("share-nostr:open", { video: this.activeVideo });
+  }
+
+  close() {
+    if (!this.modal) {
+      return;
+    }
+    this.modal.classList.add("hidden");
+    this.modalAccessibility?.deactivate();
+    this.setGlobalModalState("shareNostr", false);
+    this.dispatch("share-nostr:close", { video: this.activeVideo });
+    this.reset();
+  }
+
+  handleRelayInput(event) {
+    if (this.busy) {
+      return;
+    }
+    const value = event?.target?.value || "";
+    this.currentRelays = this.parseRelayInput(value);
+    this.renderRelayPills();
+  }
+
+  handleRelayPillClick(event) {
+    const trigger = event?.target?.closest?.("[data-action='remove-relay']");
+    if (!trigger) {
+      return;
+    }
+    const relay = trigger.dataset.relay;
+    if (!relay) {
+      return;
+    }
+    this.setRelayList(this.currentRelays.filter((entry) => entry !== relay));
+  }
+
+  async handlePostClick(event) {
+    if (event?.preventDefault) {
+      event.preventDefault();
+    }
+    if (this.busy) {
+      return;
+    }
+
+    const content = this.textarea?.value || "";
+    const relays = this.currentRelays.slice();
+    const payload = {
+      video: this.activeVideo,
+      content,
+      relays,
+    };
+
+    this.setBusy(true);
+    this.setStatus("Posting to relays...", "muted");
+    this.dispatch("share-nostr:post", payload);
+
+    if (!this.onPost) {
+      logger.user.warn("Share on Nostr is not configured yet.");
+      this.setStatus("Posting is not configured yet.", "warning");
+      this.setBusy(false);
+      return;
+    }
+
+    try {
+      await this.onPost(payload);
+      this.setStatus("Posted to relays.", "success");
+      this.close();
+    } catch (error) {
+      logger.user.error("Failed to post to relays.");
+      logger.dev.warn("[ShareNostrModal] Post request failed:", error);
+      this.setStatus("Failed to post. Please try again.", "danger");
+      this.setBusy(false);
+    }
+  }
+
+  handleCancelInteraction(event) {
+    if (event?.preventDefault) {
+      event.preventDefault();
+    }
+    if (this.busy) {
+      return;
+    }
+    if (this.onCancel) {
+      this.onCancel({ video: this.activeVideo });
+    }
+    this.close();
+  }
+}
diff --git a/dist/js/ui/components/SimilarContentCard.js b/dist/js/ui/components/SimilarContentCard.js
new file mode 100644
index 00000000..93705b69
--- /dev/null
+++ b/dist/js/ui/components/SimilarContentCard.js
@@ -0,0 +1,1302 @@
+import { normalizeDesignSystemContext } from "../../designSystem.js";
+import { formatShortNpub } from "../../utils/formatters.js";
+import { sanitizeProfileMediaUrl } from "../../utils/profileMedia.js";
+import {
+  getModerationOverrideActionLabels,
+  normalizeVideoModerationContext,
+} from "../moderationUiHelpers.js";
+import { buildModerationBadgeText } from "../moderationCopy.js";
+
+const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+const DEFAULT_PROFILE_AVATAR = "assets/svg/default-profile.svg";
+let similarCardIdCounter = 0;
+const similarCardStyleRegistry = new WeakMap();
+
+function getSimilarCardStyleState(doc) {
+  if (!doc || typeof doc.createElement !== "function") {
+    return null;
+  }
+  const existing = similarCardStyleRegistry.get(doc);
+  if (existing) {
+    return existing;
+  }
+  let styleNode = doc.getElementById?.("similarContentCardStyles") || null;
+  if (!(styleNode instanceof HTMLStyleElement)) {
+    styleNode = doc.createElement("style");
+    styleNode.id = "similarContentCardStyles";
+    doc.head?.appendChild(styleNode);
+  }
+  const state = {
+    styleNode,
+    rules: new Map(),
+  };
+  similarCardStyleRegistry.set(doc, state);
+  return state;
+}
+
+function updateSimilarCardBackdrop(doc, cardId, url) {
+  const state = getSimilarCardStyleState(doc);
+  if (!state || !cardId) {
+    return;
+  }
+
+  if (url) {
+    state.rules.set(
+      cardId,
+      `[data-similar-card-id="${cardId}"] { --similar-card-thumb-url: url("${url}"); }`,
+    );
+  } else {
+    state.rules.delete(cardId);
+  }
+
+  state.styleNode.textContent = [...state.rules.values()].join("\n");
+}
+
+export class SimilarContentCard {
+  constructor({
+    document: doc,
+    video,
+    index = 0,
+    shareUrl = "#",
+    pointerInfo = null,
+    timeAgo = "",
+    postedAt = null,
+    identity = null,
+    nsfwContext = null,
+    designSystem = null,
+    thumbnailCache = null,
+    fallbackThumbnailSrc = "",
+  } = {}) {
+    if (!doc) {
+      throw new Error("SimilarContentCard requires a document reference.");
+    }
+    if (!video || typeof video !== "object" || !video.id || !video.title) {
+      throw new Error("SimilarContentCard requires a video with id and title.");
+    }
+
+    this.document = doc;
+    this.window = doc.defaultView || globalThis;
+    this.video = video;
+    this.index = Number.isFinite(index) ? Number(index) : 0;
+    this.shareUrl =
+      typeof shareUrl === "string" && shareUrl.trim() ? shareUrl.trim() : "#";
+    this.pointerInfo = this.normalizePointerInfo(pointerInfo);
+    this.timeAgo = typeof timeAgo === "string" ? timeAgo : "";
+    this.postedAt = this.normalizeTimestamp(postedAt);
+    this.identity = this.normalizeIdentity(identity);
+    this.nsfwContext = {
+      isNsfw: Boolean(nsfwContext?.isNsfw),
+      allowNsfw: nsfwContext?.allowNsfw !== false,
+      viewerIsOwner: nsfwContext?.viewerIsOwner === true,
+    };
+    this.shouldMaskNsfwForOwner =
+      this.nsfwContext.isNsfw &&
+      !this.nsfwContext.allowNsfw &&
+      this.nsfwContext.viewerIsOwner;
+
+    this.designSystem = normalizeDesignSystemContext(designSystem);
+    this.thumbnailCache =
+      thumbnailCache instanceof Map ? thumbnailCache : null;
+    this.fallbackThumbnailSrc =
+      typeof fallbackThumbnailSrc === "string"
+        ? fallbackThumbnailSrc.trim()
+        : "";
+
+    this.callbacks = {
+      onPlay: null,
+      onModerationOverride: null,
+      onModerationBlock: null,
+      onModerationHide: null,
+    };
+
+    this.root = null;
+    this.cardStyleId = "";
+    this.mediaLinkEl = null;
+    this.thumbnailEl = null;
+    this.contentEl = null;
+    this.titleEl = null;
+    this.avatarEl = null;
+    this.authorNameEl = null;
+    this.authorNpubEl = null;
+    this.timeEl = null;
+    this.viewCountEl = null;
+    this.discussionCountEl = null;
+
+    this.moderationBadgeEl = null;
+    this.moderationBadgeLabelEl = null;
+    this.moderationBadgeTextEl = null;
+    this.moderationActionsContainer = null;
+    this.moderationActionButton = null;
+    this.moderationActionButtonMode = "";
+    this.moderationBlockButton = null;
+    this.boundShowAnywayHandler = (event) => this.handleShowAnywayClick(event);
+    this.boundModerationHideHandler = (event) =>
+      this.handleModerationHideClick(event);
+    this.boundModerationBlockHandler = (event) =>
+      this.handleModerationBlockClick(event);
+
+    this.build();
+  }
+
+  set onPlay(fn) {
+    this.callbacks.onPlay = typeof fn === "function" ? fn : null;
+  }
+
+  set onModerationOverride(fn) {
+    this.callbacks.onModerationOverride = typeof fn === "function" ? fn : null;
+  }
+
+  set onModerationBlock(fn) {
+    this.callbacks.onModerationBlock = typeof fn === "function" ? fn : null;
+  }
+
+  set onModerationHide(fn) {
+    this.callbacks.onModerationHide = typeof fn === "function" ? fn : null;
+  }
+
+  getRoot() {
+    return this.root;
+  }
+
+  getViewCountElement() {
+    return this.viewCountEl;
+  }
+
+  getDiscussionCountElement() {
+    return this.discussionCountEl;
+  }
+
+  closeMoreMenu() {}
+
+  closeSettingsMenu() {}
+
+  updateIdentity(nextIdentity = {}) {
+    this.identity = this.normalizeIdentity(nextIdentity, this.identity);
+
+    this.applyIdentityToElements();
+  }
+
+  normalizePointerInfo(info) {
+    if (!info || typeof info !== "object") {
+      return null;
+    }
+
+    const key =
+      typeof info.key === "string" && info.key.trim() ? info.key.trim() : "";
+    const pointer = Array.isArray(info.pointer) ? info.pointer.slice(0, 3) : null;
+
+    if (!key && !pointer) {
+      return null;
+    }
+
+    return { key, pointer };
+  }
+
+  normalizeTimestamp(candidate) {
+    if (!Number.isFinite(candidate)) {
+      return null;
+    }
+    const value = Number(candidate);
+    const seconds = value > 1e12 ? Math.floor(value / 1000) : Math.floor(value);
+    return seconds;
+  }
+
+  normalizeIdentity(nextIdentity = {}, fallback = null) {
+    const baseline = fallback && typeof fallback === "object" ? fallback : {};
+
+    const candidate =
+      nextIdentity && typeof nextIdentity === "object" ? nextIdentity : {};
+
+    const pubkey = (() => {
+      if (typeof candidate.pubkey === "string" && candidate.pubkey.trim()) {
+        return candidate.pubkey.trim();
+      }
+      if (typeof baseline.pubkey === "string" && baseline.pubkey.trim()) {
+        return baseline.pubkey.trim();
+      }
+      if (typeof this.video?.pubkey === "string" && this.video.pubkey.trim()) {
+        return this.video.pubkey.trim();
+      }
+      return "";
+    })();
+
+    const nameCandidates = [
+      candidate.name,
+      candidate.displayName,
+      candidate.username,
+      baseline.name,
+      baseline.displayName,
+      baseline.username,
+    ];
+    let name = "";
+    for (const entry of nameCandidates) {
+      if (typeof entry !== "string") {
+        continue;
+      }
+      const trimmed = entry.trim();
+      if (trimmed) {
+        name = trimmed;
+        break;
+      }
+    }
+
+    const npub = (() => {
+      const entries = [candidate.npub, baseline.npub];
+      for (const entry of entries) {
+        if (typeof entry === "string" && entry.trim()) {
+          return entry.trim();
+        }
+      }
+      return "";
+    })();
+
+    const shortNpub = (() => {
+      const entries = [candidate.shortNpub, baseline.shortNpub];
+      let resolved = "";
+      for (const entry of entries) {
+        if (typeof entry !== "string") {
+          continue;
+        }
+        const trimmed = entry.trim();
+        if (trimmed) {
+          resolved = trimmed;
+          break;
+        }
+      }
+
+      if (npub) {
+        const formatted = formatShortNpub(npub);
+        if (formatted) {
+          resolved = formatted;
+        }
+      }
+
+      return resolved;
+    })();
+
+    if (!name) {
+      name = shortNpub || npub || "";
+    }
+
+    const picture = (() => {
+      const entries = [
+        candidate.picture,
+        candidate.image,
+        candidate.photo,
+        baseline.picture,
+        baseline.image,
+        baseline.photo,
+        this.video?.author?.picture,
+        this.video?.creator?.picture,
+        this.video?.profile?.picture,
+        this.video?.authorPicture,
+        this.video?.creatorPicture,
+      ];
+
+      for (const entry of entries) {
+        if (typeof entry !== "string") {
+          continue;
+        }
+        const trimmed = entry.trim();
+        if (!trimmed) {
+          continue;
+        }
+        const sanitized = sanitizeProfileMediaUrl(trimmed);
+        if (sanitized) {
+          return sanitized;
+        }
+      }
+
+      const fallback =
+        typeof baseline.picture === "string" && baseline.picture.trim()
+          ? sanitizeProfileMediaUrl(baseline.picture) || baseline.picture.trim()
+          : "";
+
+      return fallback;
+    })();
+
+    const resolvedPicture = picture || DEFAULT_PROFILE_AVATAR;
+
+    return { name, npub, shortNpub, pubkey, picture: resolvedPicture };
+  }
+
+  applyIdentityToElements() {
+    const nameLabel =
+      this.identity.name ||
+      this.identity.shortNpub ||
+      this.identity.npub ||
+      "";
+    const npubLabel = this.identity.shortNpub || this.identity.npub || "";
+
+    if (this.authorNameEl) {
+      this.authorNameEl.textContent = nameLabel;
+      if (this.identity.pubkey) {
+        this.authorNameEl.dataset.pubkey = this.identity.pubkey;
+      } else if (this.authorNameEl.dataset?.pubkey) {
+        delete this.authorNameEl.dataset.pubkey;
+      }
+    }
+
+    if (this.authorNpubEl) {
+      this.authorNpubEl.textContent = npubLabel;
+
+      const hasNpub = Boolean(npubLabel);
+      const normalizedName = nameLabel.trim().toLowerCase();
+      const normalizedNpub = npubLabel.trim().toLowerCase();
+      const isDuplicate =
+        hasNpub && normalizedName && normalizedName === normalizedNpub;
+
+      this.authorNpubEl.hidden = !hasNpub || isDuplicate;
+      this.authorNpubEl.setAttribute(
+        "aria-hidden",
+        !hasNpub || isDuplicate ? "true" : "false",
+      );
+
+      if (this.identity.npub && !isDuplicate) {
+        this.authorNpubEl.setAttribute("title", this.identity.npub);
+      } else {
+        this.authorNpubEl.removeAttribute("title");
+      }
+
+      if (this.identity.npub) {
+        this.authorNpubEl.dataset.npub = this.identity.npub;
+      } else if (this.authorNpubEl.dataset?.npub) {
+        delete this.authorNpubEl.dataset.npub;
+      }
+
+      const resolvedPubkey =
+        this.identity.pubkey ||
+        (typeof this.video?.pubkey === "string" ? this.video.pubkey.trim() : "");
+
+      if (resolvedPubkey) {
+        this.authorNpubEl.dataset.pubkey = resolvedPubkey;
+      } else if (this.authorNpubEl.dataset?.pubkey) {
+        delete this.authorNpubEl.dataset.pubkey;
+      }
+    }
+
+    if (this.avatarEl) {
+      const picture = this.identity.picture || DEFAULT_PROFILE_AVATAR;
+      if (this.avatarEl.getAttribute("src") !== picture) {
+        this.avatarEl.src = picture;
+      }
+
+      const altLabel =
+        nameLabel || this.identity.shortNpub || this.identity.npub || "Channel";
+      this.avatarEl.alt = `${altLabel}'s avatar`;
+
+      if (this.identity.pubkey) {
+        this.avatarEl.dataset.pubkey = this.identity.pubkey;
+      } else if (this.avatarEl.dataset?.pubkey) {
+        delete this.avatarEl.dataset.pubkey;
+      }
+    }
+  }
+
+  build() {
+    // Modified: Ensure 'group' class for hover effects
+    const root = this.document.createElement("article");
+    root.classList.add("player-modal__similar-card", "card", "group");
+    root.dataset.component = "similar-content-card";
+    root.dataset.index = String(this.index);
+    if (this.video.id) {
+      root.dataset.videoId = this.video.id;
+    }
+    similarCardIdCounter += 1;
+    this.cardStyleId = `similar-card-${similarCardIdCounter}`;
+    root.dataset.similarCardId = this.cardStyleId;
+    const dsMode = this.designSystem?.getMode?.();
+    if (dsMode) {
+      root.setAttribute("data-ds", dsMode);
+    }
+
+    this.root = root;
+    this.root.__bitvidSimilarContentCard = this;
+
+    const media = this.buildMediaSection();
+    const content = this.buildContentSection();
+
+    if (media) {
+      root.appendChild(media);
+    }
+    if (content) {
+      root.appendChild(content);
+    }
+
+    this.refreshModerationUi();
+    this.applyPointerDatasets();
+    this.bindEvents();
+  }
+
+  buildMediaSection() {
+    const anchor = this.document.createElement("a");
+    anchor.classList.add(
+      "player-modal__similar-card-media",
+      "block",
+      "relative",
+      "overflow-hidden",
+      "rounded"
+    );
+    anchor.href = this.shareUrl;
+    anchor.setAttribute("data-primary-action", "play");
+
+    const thumbnail = this.buildThumbnail();
+    if (thumbnail) {
+      anchor.appendChild(thumbnail);
+    }
+
+    this.mediaLinkEl = anchor;
+    return anchor;
+  }
+
+  getModerationContext() {
+    return normalizeVideoModerationContext(this.video?.moderation);
+  }
+
+  shouldShowModerationBlockButton(context = this.getModerationContext()) {
+    if (!context || !context.trustedMuted) {
+      return false;
+    }
+    if (context.activeHidden && !context.overrideActive) {
+      return false;
+    }
+    return true;
+  }
+
+  createModerationOverrideButton() {
+    const { text: label, ariaLabel } = getModerationOverrideActionLabels({
+      overrideActive: false,
+    });
+    const button = this.document.createElement("button");
+    button.classList.add(
+      "moderation-badge__action",
+      "flex-shrink-0",
+      "text-xs",
+      "py-1",
+      "px-2"
+    );
+    button.type = "button";
+    button.dataset.moderationAction = "override";
+    button.setAttribute("aria-pressed", "false");
+    button.setAttribute("aria-label", ariaLabel);
+    button.textContent = "Show";
+    button.addEventListener("click", this.boundShowAnywayHandler);
+    // Explicit pointer events since container is none
+    button.classList.add("pointer-events-auto");
+    return button;
+  }
+
+  createModerationHideButton() {
+    const { text: label, ariaLabel } = getModerationOverrideActionLabels({
+      overrideActive: true,
+    });
+    const button = this.document.createElement("button");
+    button.classList.add(
+      "moderation-badge__action",
+      "flex-shrink-0",
+      "text-xs",
+      "py-1",
+      "px-2"
+    );
+    button.type = "button";
+    button.dataset.moderationAction = "hide";
+    button.setAttribute("aria-label", ariaLabel);
+    button.textContent = "Hide";
+    button.addEventListener("click", this.boundModerationHideHandler);
+    button.classList.add("pointer-events-auto");
+    return button;
+  }
+
+  createModerationBlockButton() {
+    const button = this.document.createElement("button");
+    button.classList.add(
+      "moderation-badge__action",
+      "flex-shrink-0",
+      "text-xs",
+      "py-1",
+      "px-2"
+    );
+    button.type = "button";
+    button.dataset.moderationAction = "block";
+    button.textContent = "Block";
+    button.addEventListener("click", this.boundModerationBlockHandler);
+    button.classList.add("pointer-events-auto");
+    return button;
+  }
+
+  handleShowAnywayClick(event) {
+    event?.preventDefault?.();
+    event?.stopPropagation?.();
+
+    if (this.moderationActionButton) {
+      this.moderationActionButton.disabled = true;
+      this.moderationActionButton.setAttribute("aria-busy", "true");
+    }
+
+    if (!this.callbacks.onModerationOverride) {
+      if (this.moderationActionButton) {
+        this.moderationActionButton.disabled = false;
+        this.moderationActionButton.removeAttribute("aria-busy");
+      }
+      return;
+    }
+
+    let result;
+    try {
+      result = this.callbacks.onModerationOverride({
+        event,
+        video: this.video,
+        card: this,
+      });
+    } catch (error) {
+      if (this.moderationActionButton) {
+        this.moderationActionButton.disabled = false;
+        this.moderationActionButton.removeAttribute("aria-busy");
+      }
+      return;
+    }
+
+    Promise.resolve(result).then((handled) => {
+      if (handled !== false) {
+        this.refreshModerationUi();
+      } else if (this.moderationActionButton) {
+        this.moderationActionButton.disabled = false;
+        this.moderationActionButton.removeAttribute("aria-busy");
+      }
+    });
+  }
+
+  handleModerationHideClick(event) {
+    event?.preventDefault?.();
+    event?.stopPropagation?.();
+
+    if (this.moderationActionButton) {
+      this.moderationActionButton.disabled = true;
+      this.moderationActionButton.setAttribute("aria-busy", "true");
+    }
+
+    if (!this.callbacks.onModerationHide) {
+      if (this.moderationActionButton) {
+        this.moderationActionButton.disabled = false;
+        this.moderationActionButton.removeAttribute("aria-busy");
+      }
+      return;
+    }
+
+    let result;
+    try {
+      result = this.callbacks.onModerationHide({
+        event,
+        video: this.video,
+        card: this,
+      });
+    } catch (error) {
+      if (this.moderationActionButton) {
+        this.moderationActionButton.disabled = false;
+        this.moderationActionButton.removeAttribute("aria-busy");
+      }
+      return;
+    }
+
+    Promise.resolve(result).then((handled) => {
+      if (handled !== false) {
+        this.refreshModerationUi();
+      } else if (this.moderationActionButton) {
+        this.moderationActionButton.disabled = false;
+        this.moderationActionButton.removeAttribute("aria-busy");
+      }
+    });
+  }
+
+  handleModerationBlockClick(event) {
+    event?.preventDefault?.();
+    event?.stopPropagation?.();
+
+    if (this.moderationBlockButton) {
+      this.moderationBlockButton.disabled = true;
+      this.moderationBlockButton.setAttribute("aria-busy", "true");
+    }
+
+    if (!this.callbacks.onModerationBlock) {
+      if (this.moderationBlockButton) {
+        this.moderationBlockButton.disabled = false;
+        this.moderationBlockButton.removeAttribute("aria-busy");
+      }
+      return;
+    }
+
+    let result;
+    try {
+      result = this.callbacks.onModerationBlock({
+        event,
+        video: this.video,
+        card: this,
+      });
+    } catch (error) {
+      if (this.moderationBlockButton) {
+        this.moderationBlockButton.disabled = false;
+        this.moderationBlockButton.removeAttribute("aria-busy");
+      }
+      return;
+    }
+
+    Promise.resolve(result).then((handled) => {
+      if (handled !== false) {
+        this.refreshModerationUi();
+      } else if (this.moderationBlockButton) {
+        this.moderationBlockButton.disabled = false;
+        this.moderationBlockButton.removeAttribute("aria-busy");
+      }
+    });
+  }
+
+  buildModerationBadge(context = this.getModerationContext()) {
+    if (!context.shouldShow || !context.trustedMuted) {
+      this.moderationBadgeEl = null;
+      this.moderationActionsContainer = null;
+      this.moderationActionButton = null;
+      this.moderationActionButtonMode = "";
+      this.moderationBlockButton = null;
+      return null;
+    }
+
+    const badge = this.document.createElement("div");
+    badge.className = "moderation-badge moderation-badge--interactive opacity-95";
+    badge.dataset.variant = context.overrideActive ? "neutral" : "warning";
+    badge.dataset.moderationBadge = "true";
+    badge.dataset.moderationState = context.overrideActive
+      ? "override"
+      : "trusted-mute";
+
+    // Allow interaction with children
+    badge.classList.add("pointer-events-auto");
+
+    const label = this.document.createElement("span");
+    label.className = "moderation-badge__label inline-flex items-center gap-xs";
+
+    const iconWrapper = this.document.createElement("span");
+    iconWrapper.className = "moderation-badge__icon";
+    iconWrapper.setAttribute("aria-hidden", "true");
+
+    const svg = this.document.createElementNS(SVG_NAMESPACE, "svg");
+    svg.setAttribute("viewBox", "0 0 20 20");
+    svg.setAttribute("focusable", "false");
+    svg.classList.add("moderation-badge__icon-mark");
+
+    const path = this.document.createElementNS(SVG_NAMESPACE, "path");
+    path.setAttribute("fill", "currentColor");
+
+    if (context.overrideActive) {
+      path.setAttribute("d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.78-9.72a.75.75 0 00-1.06-1.06L9 11.94l-1.72-1.72a.75.75 0 10-1.06 1.06l2.25 2.25a.75.75 0 001.06 0l3.25-3.25z");
+    } else {
+      path.setAttribute("d", "M10 18a8 8 0 100-16 8 8 0 000 16zm-.75-11.75a.75.75 0 011.5 0v4.5a.75.75 0 01-1.5 0v-4.5zm.75 8.5a1 1 0 100-2 1 1 0 000 2z");
+    }
+
+    path.setAttribute("fill-rule", "evenodd");
+    path.setAttribute("clip-rule", "evenodd");
+
+    svg.appendChild(path);
+    iconWrapper.appendChild(svg);
+    label.appendChild(iconWrapper);
+
+    const text = this.document.createElement("span");
+    text.className = "moderation-badge__text text-xs";
+    text.textContent = "Blocked by trusted";
+
+    label.appendChild(text);
+    badge.appendChild(label);
+
+    const actions = this.document.createElement("div");
+    actions.className = "moderation-badge__actions flex items-center gap-1 mt-1";
+
+    if (context.allowOverride) {
+      if (context.overrideActive) {
+        const hideButton = this.createModerationHideButton();
+        actions.appendChild(hideButton);
+        this.moderationActionButton = hideButton;
+        this.moderationActionButtonMode = "hide";
+      } else {
+        const showButton = this.createModerationOverrideButton();
+        actions.appendChild(showButton);
+        this.moderationActionButton = showButton;
+        this.moderationActionButtonMode = "override";
+      }
+    }
+
+    if (this.shouldShowModerationBlockButton(context)) {
+      const blockButton = this.createModerationBlockButton();
+      actions.appendChild(blockButton);
+      this.moderationBlockButton = blockButton;
+    }
+
+    if (actions.childElementCount > 0) {
+      badge.appendChild(actions);
+      this.moderationActionsContainer = actions;
+    }
+
+    this.moderationBadgeEl = badge;
+    return badge;
+  }
+
+  refreshModerationUi() {
+    const context = this.getModerationContext();
+
+    if (this.moderationBadgeEl) {
+      this.moderationBadgeEl.remove();
+      this.moderationBadgeEl = null;
+    }
+    this.moderationActionsContainer = null;
+    this.moderationActionButton = null;
+    this.moderationActionButtonMode = "";
+    this.moderationBlockButton = null;
+
+    // Apply blurring class if needed
+    if (this.thumbnailEl) {
+      const shouldBlur =
+        (this.shouldMaskNsfwForOwner ||
+          this.video?.moderation?.blurThumbnail) &&
+        !context.overrideActive;
+
+      if (shouldBlur) {
+        this.thumbnailEl.dataset.thumbnailState = "blurred";
+        this.thumbnailEl.classList.add("blur-xl");
+        // Force blur style in case class utility is missing or overridden,
+        // and clear the backdrop so the sharp background doesn't show through.
+        // Scale up to hide feathered edges of the blur.
+        this.thumbnailEl.classList.add("scale-[1.2]");
+        this.setCardBackdropImage("");
+      } else {
+        delete this.thumbnailEl.dataset.thumbnailState;
+        this.thumbnailEl.classList.remove("blur-xl");
+        this.thumbnailEl.classList.remove("scale-[1.2]");
+        // Restore backdrop if src is available
+        if (this.thumbnailEl.src) {
+          this.setCardBackdropImage(this.thumbnailEl.src);
+        }
+      }
+    }
+
+    // Check specifically for muted/blurred state where we want the overlay
+    if (context.shouldShow && context.trustedMuted) {
+      if (!this.mediaLinkEl) return;
+
+      const badge = this.buildModerationBadge(context);
+      if (badge) {
+        const container = this.document.createElement("div");
+        container.className =
+          "absolute inset-0 flex flex-col items-center justify-center p-2 z-10 pointer-events-none";
+        container.appendChild(badge);
+
+        this.mediaLinkEl.appendChild(container);
+        this.moderationBadgeEl = container;
+      }
+    }
+  }
+
+  buildThumbnail() {
+    const img = this.document.createElement("img");
+    img.decoding = "async";
+    img.loading = "lazy";
+    img.alt = this.video.title || "";
+    img.dataset.videoThumbnail = "true";
+
+    // Modified: Add transition classes for hover zoom
+    img.classList.add(
+      "transition-transform",
+      "duration-300",
+      "ease-out",
+      "group-hover:scale-105"
+    );
+
+    const rawThumbnail =
+      typeof this.video.thumbnail === "string"
+        ? this.video.thumbnail.trim()
+        : "";
+    const thumbnailUrl = rawThumbnail;
+    const fallbackSrc = this.fallbackThumbnailSrc;
+    const cachedValue = this.thumbnailCache?.get(this.video.id) || "";
+    const shouldLazyLoad = !!thumbnailUrl && cachedValue !== thumbnailUrl;
+
+    if (shouldLazyLoad) {
+      if (fallbackSrc) {
+        img.src = fallbackSrc;
+        img.dataset.fallbackSrc = fallbackSrc;
+        this.setCardBackdropImage(fallbackSrc);
+      } else {
+        this.setCardBackdropImage("");
+      }
+      img.dataset.lazy = thumbnailUrl;
+    } else {
+      const initialSrc = thumbnailUrl || fallbackSrc;
+      if (initialSrc) {
+        img.src = initialSrc;
+        if (fallbackSrc) {
+          img.dataset.fallbackSrc = fallbackSrc;
+        }
+        this.setCardBackdropImage(initialSrc);
+      } else {
+        this.setCardBackdropImage("");
+      }
+    }
+
+    if (this.shouldMaskNsfwForOwner || this.video?.moderation?.blurThumbnail) {
+      img.dataset.thumbnailState = "blurred";
+      img.classList.add("blur-xl");
+      // Pre-apply style to avoid flash and crop edges
+      img.classList.add("scale-[1.2]");
+    }
+
+    const handleLoad = () => {
+      const currentSrc = img.currentSrc || img.src || "";
+      if (!currentSrc) {
+        return;
+      }
+
+      // If currently blurred, do not restore the backdrop to avoid transparency bleed-through.
+      const isBlurred = img.dataset.thumbnailState === "blurred";
+
+      const fallbackAttr =
+        (typeof img.dataset.fallbackSrc === "string"
+          ? img.dataset.fallbackSrc.trim()
+          : "") ||
+        fallbackSrc ||
+        "";
+      const isFallback =
+        !!fallbackAttr &&
+        (currentSrc === fallbackAttr || currentSrc.endsWith(fallbackAttr));
+
+      if (!isFallback) {
+        if (isBlurred) {
+          this.setCardBackdropImage("");
+        } else {
+          this.setCardBackdropImage(currentSrc);
+        }
+      } else if (fallbackAttr) {
+        if (isBlurred) {
+          this.setCardBackdropImage("");
+        } else {
+          this.setCardBackdropImage(fallbackAttr);
+        }
+      }
+
+      if (thumbnailUrl && !isFallback && this.thumbnailCache) {
+        this.thumbnailCache.set(this.video.id, thumbnailUrl);
+      }
+    };
+
+    const handleError = () => {
+      const fallbackAttr =
+        (typeof img.dataset.fallbackSrc === "string"
+          ? img.dataset.fallbackSrc.trim()
+          : "") ||
+        fallbackSrc ||
+        "";
+
+      // If currently blurred, do not set the backdrop.
+      const isBlurred = img.dataset.thumbnailState === "blurred";
+
+      if (fallbackAttr) {
+        if (isBlurred) {
+          this.setCardBackdropImage("");
+        } else {
+          this.setCardBackdropImage(fallbackAttr);
+        }
+        if (!img.src || img.src === thumbnailUrl) {
+          img.src = fallbackAttr;
+        }
+      } else {
+        this.setCardBackdropImage("");
+      }
+      if (thumbnailUrl && this.thumbnailCache) {
+        const cached = this.thumbnailCache.get(this.video.id);
+        if (cached === thumbnailUrl) {
+          this.thumbnailCache.delete(this.video.id);
+        }
+      }
+    };
+
+    img.addEventListener("load", handleLoad);
+    img.addEventListener("error", handleError, { once: true });
+
+    if (img.complete) {
+      handleLoad();
+    }
+
+    this.thumbnailEl = img;
+    return img;
+  }
+
+  buildContentSection() {
+    const content = this.document.createElement("div");
+    content.classList.add("player-modal__similar-card-content");
+
+    const titleLink = this.document.createElement("a");
+    titleLink.classList.add("player-modal__similar-card-title");
+    titleLink.href = this.shareUrl;
+    titleLink.textContent = this.video.title || "Untitled";
+    titleLink.title = this.video.title || "Untitled";
+
+    const authorStack = this.buildAuthorStack();
+    const metaRow = this.buildMetaRow();
+    const engagement = this.buildEngagementSection();
+
+    content.appendChild(titleLink);
+    if (authorStack) {
+      content.appendChild(authorStack);
+    }
+    if (metaRow) {
+      content.appendChild(metaRow);
+    }
+    if (engagement) {
+      content.appendChild(engagement);
+    }
+
+    this.contentEl = content;
+    this.titleEl = titleLink;
+    return content;
+  }
+
+  buildAuthorStack() {
+    const wrapper = this.document.createElement("div");
+    wrapper.classList.add("player-modal__similar-card-author");
+
+    const textWrapper = this.document.createElement("span");
+    textWrapper.classList.add("player-modal__similar-card-author-meta");
+
+    const nameEl = this.document.createElement("span");
+    nameEl.classList.add("author-name", "player-modal__similar-card-author-name");
+    textWrapper.appendChild(nameEl);
+
+    // Removed npubEl appending here to simplify visual noise in compact card
+    // but keeping element reference if needed for logic
+    const npubEl = this.document.createElement("span");
+    npubEl.classList.add("author-npub", "player-modal__similar-card-author-npub");
+    // textWrapper.appendChild(npubEl);
+
+    // Reordered: Content -> Meta (Avatar logic removed from stack to clean up UI,
+    // or kept minimal if desired. For now, we keep structure but can style via CSS order if needed)
+
+    // Actually, keeping the avatar structure but CSS will handle sizing/layout
+    const avatarWrapper = this.document.createElement("span");
+    avatarWrapper.classList.add("player-modal__similar-card-avatar");
+
+    const avatarImg = this.document.createElement("img");
+    avatarImg.classList.add("player-modal__similar-card-avatar-img");
+    avatarImg.decoding = "async";
+    avatarImg.loading = "lazy";
+    avatarImg.alt = "";
+    if (!avatarImg.dataset.avatarFallbackBound) {
+      avatarImg.addEventListener("error", () => {
+        if (avatarImg.getAttribute("src") !== DEFAULT_PROFILE_AVATAR) {
+          avatarImg.src = DEFAULT_PROFILE_AVATAR;
+        }
+        avatarImg.dataset.avatarLoadFailed = "true";
+      });
+      avatarImg.dataset.avatarFallbackBound = "true";
+    }
+    avatarWrapper.appendChild(avatarImg);
+
+    // Append avatar then text
+    wrapper.appendChild(textWrapper);
+
+    // Note: To match modern style, we might want text first or no avatar.
+    // But let's keep avatar for now but maybe hide it via CSS if needed,
+    // or just show name.
+    // Let's re-append avatar if we want it visible
+    // wrapper.appendChild(avatarWrapper);
+
+    // Let's stick to the previous logical structure but rely on CSS flex order or just
+    // simplified HTML order:
+    // [Name]
+    // [Meta]
+
+    // Cleaning up: We want Title -> Name -> Meta
+    // This wrapper is for the "Author" line.
+
+    // Let's clear wrapper and re-append in clean order
+    while (wrapper.firstChild) { wrapper.removeChild(wrapper.firstChild); }
+
+    wrapper.appendChild(textWrapper);
+
+    // We preserve refs
+    this.avatarEl = avatarImg;
+    this.authorNameEl = nameEl;
+    this.authorNpubEl = npubEl;
+
+    this.applyIdentityToElements();
+
+    return wrapper;
+  }
+
+  buildMetaRow() {
+    const row = this.document.createElement("div");
+    row.classList.add("player-modal__similar-card-meta");
+
+    const timeEl = this.document.createElement("time");
+    timeEl.classList.add("player-modal__similar-card-timestamp");
+    if (this.postedAt !== null) {
+      try {
+        const iso = new Date(this.postedAt * 1000).toISOString();
+        timeEl.setAttribute("datetime", iso);
+        timeEl.title = new Date(this.postedAt * 1000).toLocaleString();
+      } catch {
+        /* noop */
+      }
+    }
+    timeEl.textContent = this.timeAgo || "";
+    row.appendChild(timeEl);
+    this.timeEl = timeEl;
+
+    return row;
+  }
+
+  createEyeIcon(classNames = []) {
+    const svg = this.document.createElementNS(SVG_NAMESPACE, "svg");
+    svg.setAttribute("viewBox", "0 0 24 24");
+    svg.setAttribute("fill", "none");
+    svg.setAttribute("aria-hidden", "true");
+    svg.setAttribute("focusable", "false");
+    svg.setAttribute("stroke", "currentColor");
+    svg.setAttribute("stroke-width", "2");
+    svg.setAttribute("stroke-linecap", "round");
+    svg.setAttribute("stroke-linejoin", "round");
+
+    classNames.forEach((className) => {
+      if (className) {
+        svg.classList.add(className);
+      }
+    });
+
+    const path = this.document.createElementNS(SVG_NAMESPACE, "path");
+    path.setAttribute("d", "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z");
+    svg.appendChild(path);
+
+    const circle = this.document.createElementNS(SVG_NAMESPACE, "circle");
+    circle.setAttribute("cx", "12");
+    circle.setAttribute("cy", "12");
+    circle.setAttribute("r", "3");
+    svg.appendChild(circle);
+
+    return svg;
+  }
+
+  createMessageIcon(classNames = []) {
+    const svg = this.document.createElementNS(SVG_NAMESPACE, "svg");
+    svg.setAttribute("viewBox", "0 0 24 24");
+    svg.setAttribute("fill", "none");
+    svg.setAttribute("aria-hidden", "true");
+    svg.setAttribute("focusable", "false");
+    svg.setAttribute("stroke", "currentColor");
+    svg.setAttribute("stroke-width", "2");
+    svg.setAttribute("stroke-linecap", "round");
+    svg.setAttribute("stroke-linejoin", "round");
+
+    classNames.forEach((className) => {
+      if (className) {
+        svg.classList.add(className);
+      }
+    });
+
+    const path = this.document.createElementNS(SVG_NAMESPACE, "path");
+    path.setAttribute(
+      "d",
+      "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"
+    );
+    svg.appendChild(path);
+
+    return svg;
+  }
+
+  buildEngagementSection() {
+    const hasPointer = this.pointerInfo && this.pointerInfo.key;
+    const hasDiscussion =
+      this.video.enableComments !== false &&
+      (typeof this.video.discussionCount === "number" ||
+        (typeof this.video.discussionCount === "string" &&
+          this.video.discussionCount.trim()));
+
+    if (!hasPointer && !hasDiscussion) {
+      return null;
+    }
+
+    const container = this.document.createElement("div");
+    container.classList.add(
+      "flex",
+      "items-center",
+      "gap-4",
+      "text-xs",
+      "text-muted-strong",
+      "mt-1.5",
+      "video-card__engagement" // Reuse this class for consistent styling if global, otherwise it's just a marker
+    );
+    // Add specific class for scoping if needed, but Tailwind classes usually suffice.
+
+    // Views
+    if (hasPointer) {
+      const wrapper = this.document.createElement("div");
+      wrapper.classList.add("flex", "items-center", "gap-1.5");
+      wrapper.setAttribute("title", "Views");
+
+      const icon = this.createEyeIcon(["w-3.5", "h-3.5"]);
+      wrapper.appendChild(icon);
+
+      const view = this.document.createElement("span");
+      view.classList.add("view-count-text");
+      view.textContent = "–";
+      view.dataset.viewCount = "";
+      view.dataset.viewPointer = this.pointerInfo.key;
+
+      wrapper.appendChild(view);
+      container.appendChild(wrapper);
+
+      this.viewCountEl = view;
+    }
+
+    // Discussion
+    if (hasDiscussion) {
+      let initialCount = 0;
+      if (typeof this.video.discussionCount === "number") {
+        initialCount = this.video.discussionCount;
+      } else if (typeof this.video.discussionCount === "string") {
+        const parsed = Number.parseInt(this.video.discussionCount.trim(), 10);
+        if (Number.isFinite(parsed)) {
+          initialCount = parsed;
+        }
+      }
+
+      if (Number.isFinite(initialCount) && initialCount >= 0) {
+        const wrapper = this.document.createElement("div");
+        wrapper.classList.add("flex", "items-center", "gap-1.5");
+        wrapper.dataset.discussionCount = this.video.id;
+        wrapper.dataset.countState = "ready";
+        wrapper.setAttribute("title", "Comments");
+
+        const icon = this.createMessageIcon(["w-3.5", "h-3.5"]);
+        wrapper.appendChild(icon);
+
+        const displayValue = initialCount.toLocaleString();
+
+        const valueEl = this.document.createElement("span");
+        valueEl.textContent = displayValue;
+        valueEl.dataset.discussionCountValue = "";
+
+        wrapper.appendChild(valueEl);
+        container.appendChild(wrapper);
+
+        this.discussionCountEl = wrapper;
+      }
+    }
+
+    return container;
+  }
+
+  applyPointerDatasets() {
+    if (!this.root || !this.pointerInfo) {
+      return;
+    }
+
+    const { key, pointer } = this.pointerInfo;
+    if (key) {
+      this.root.dataset.pointerKey = key;
+    }
+    if (Array.isArray(pointer)) {
+      const [type, value, relay] = pointer;
+      if (typeof type === "string" && type) {
+        this.root.dataset.pointerType = type;
+      }
+      if (typeof value === "string" && value) {
+        this.root.dataset.pointerValue = value;
+      }
+      if (typeof relay === "string" && relay) {
+        this.root.dataset.pointerRelay = relay;
+      }
+    }
+  }
+
+  bindEvents() {
+    const MouseEventCtor = this.window?.MouseEvent || globalThis.MouseEvent;
+    const handler = (event) => {
+      if (!this.callbacks.onPlay) {
+        return;
+      }
+
+      const isMouseEvent =
+        typeof MouseEventCtor !== "undefined" && event instanceof MouseEventCtor;
+      if (isMouseEvent) {
+        const isPrimaryClick =
+          typeof event.button !== "number" || event.button === 0;
+        const hasModifier =
+          event.ctrlKey || event.metaKey || event.shiftKey || event.altKey;
+        if (!isPrimaryClick || hasModifier) {
+          return;
+        }
+      }
+
+      event.preventDefault?.();
+      event.stopPropagation?.();
+
+      this.callbacks.onPlay({ event, video: this.video, card: this });
+    };
+
+    [this.mediaLinkEl, this.titleEl].forEach((el) => {
+      if (!el) {
+        return;
+      }
+      el.addEventListener("click", handler);
+    });
+  }
+
+  setCardBackdropImage(src) {
+    if (!this.root || !this.cardStyleId) {
+      return;
+    }
+
+    const normalizeSource = (raw) => {
+      if (typeof raw !== "string") {
+        return "";
+      }
+      const trimmed = raw.trim();
+      if (!trimmed) {
+        return "";
+      }
+      if (/^javascript:/i.test(trimmed) || /^vbscript:/i.test(trimmed)) {
+        return "";
+      }
+      if (/^(?:https?:|data:|blob:)/i.test(trimmed)) {
+        return trimmed;
+      }
+      if (
+        trimmed.startsWith("/") ||
+        trimmed.startsWith("./") ||
+        trimmed.startsWith("../") ||
+        trimmed.startsWith("assets/")
+      ) {
+        return trimmed;
+      }
+      try {
+        const base =
+          typeof this.document?.baseURI === "string" && this.document.baseURI
+            ? this.document.baseURI
+            : this.window?.location?.href || "";
+        if (!base) {
+          return "";
+        }
+        const resolved = new URL(trimmed, base);
+        if (/^(?:https?:|data:|blob:)/i.test(resolved.protocol)) {
+          return resolved.href;
+        }
+      } catch {
+        return "";
+      }
+      return "";
+    };
+
+    const sanitized = normalizeSource(src);
+    if (sanitized) {
+      const escaped = sanitized.replace(/(["\\])/g, "\\$1");
+      updateSimilarCardBackdrop(this.document, this.cardStyleId, escaped);
+    } else {
+      updateSimilarCardBackdrop(this.document, this.cardStyleId, "");
+    }
+  }
+}
diff --git a/dist/js/ui/components/UploadModal.js b/dist/js/ui/components/UploadModal.js
new file mode 100644
index 00000000..905d78bb
--- /dev/null
+++ b/dist/js/ui/components/UploadModal.js
@@ -0,0 +1,1318 @@
+// components/UploadModal.js
+import { createModalAccessibility } from "./modalAccessibility.js";
+import { Nip71FormManager } from "./nip71FormManager.js";
+import { devLogger, userLogger } from "../../utils/logger.js";
+import {
+  getVideoNoteErrorMessage,
+  normalizeVideoNotePayload,
+} from "../../services/videoNotePayload.js";
+import {
+  calculateTorrentInfoHash,
+  createTorrentMetadata,
+} from "../../utils/torrentHash.js";
+import { sanitizeBucketName } from "../../storage/r2-mgmt.js";
+import { buildR2Key, buildPublicUrl } from "../../r2.js";
+import { buildS3ObjectUrl } from "../../services/s3Service.js";
+import { PROVIDERS } from "../../services/storageService.js";
+import {
+  buildStoragePointerValue,
+  buildStoragePrefixFromKey,
+  deriveStoragePointerFromUrl,
+} from "../../utils/storagePointer.js";
+import {
+  getActiveSigner,
+  requestDefaultExtensionPermissions,
+} from "../../nostrClientFacade.js";
+
+const INFO_HASH_PATTERN = /^[a-f0-9]{40}$/;
+
+function normalizeInfoHash(value) {
+  return typeof value === "string" ? value.trim().toLowerCase() : "";
+}
+
+function isValidInfoHash(value) {
+  return INFO_HASH_PATTERN.test(value);
+}
+
+export class UploadModal {
+  constructor({
+    authService,
+    r2Service,
+    s3Service,
+    storageService,
+    publishVideoNote,
+    removeTrackingScripts,
+    setGlobalModalState,
+    showError,
+    showSuccess,
+    getCurrentPubkey,
+    safeEncodeNpub,
+    eventTarget,
+    container,
+    onRequestStorageSettings,
+  } = {}) {
+    this.authService = authService || null;
+    this.r2Service = r2Service || null;
+    this.s3Service = s3Service || null;
+    this.storageService = storageService || null;
+    this.publishVideoNote =
+      typeof publishVideoNote === "function" ? publishVideoNote : null;
+    this.removeTrackingScripts =
+      typeof removeTrackingScripts === "function"
+        ? removeTrackingScripts
+        : () => {};
+    this.setGlobalModalState =
+      typeof setGlobalModalState === "function"
+        ? setGlobalModalState
+        : () => {};
+    this.showError = typeof showError === "function" ? showError : () => {};
+    this.showSuccess =
+      typeof showSuccess === "function" ? showSuccess : () => {};
+    this.getCurrentPubkey =
+      typeof getCurrentPubkey === "function" ? getCurrentPubkey : null;
+    this.safeEncodeNpub =
+      typeof safeEncodeNpub === "function" ? safeEncodeNpub : () => "";
+    this.eventTarget =
+      eventTarget instanceof EventTarget ? eventTarget : new EventTarget();
+    this.container = container || null;
+    this.onRequestStorageSettings = typeof onRequestStorageSettings === "function" ? onRequestStorageSettings : null;
+
+    this.root = null;
+    this.isVisible = false;
+    this.activeSource = "upload"; // 'upload' | 'external'
+
+    // Internal state for credentials
+    this.activeCredentials = null;
+    this.activeProvider = null;
+    this.isStorageUnlocked = false;
+    this.storageConfigured = false;
+
+    // Upload State
+    this.videoUploadState = {
+        status: 'idle', // idle, uploading, complete, error
+        progress: 0,
+        url: '',
+        key: '',
+        file: null,
+    };
+    this.thumbnailUploadState = {
+        status: 'idle',
+        progress: 0,
+        url: '',
+        key: '',
+        file: null,
+    };
+    this.torrentState = {
+        status: 'idle',
+        infoHash: '',
+        magnet: '',
+        url: '', // xs (torrent file url)
+        file: null,
+    };
+
+    // UI References
+    this.form = null;
+    this.modeButtons = {};
+    this.sourceSections = {};
+    this.inputs = {};
+    this.results = {}; // New results section
+    this.toggles = {};
+    this.submitButton = null;
+    this.submitStatus = null;
+    this.storageViews = {};
+
+    // Logic/State
+    this.nip71FormManager = new Nip71FormManager();
+    this.r2Unsubscribes = [];
+    this.cleanupHandlers = [];
+    this.modalAccessibility = null;
+    this.loadPromise = null;
+
+    // Automation
+    this.summaryLocked = true;
+    this.isUploading = false; // Global lock
+
+    // Upload Session IDs (to guard against zombie callbacks)
+    this.videoUploadId = 0;
+    this.thumbnailUploadId = 0;
+  }
+
+  // --- Core Lifecycle ---
+
+  async load({ container } = {}) {
+    if (this.root && this.root.isConnected) return this.root;
+    if (this.loadPromise) return this.loadPromise;
+
+    this.loadPromise = (async () => {
+      const targetContainer =
+        container || this.container || document.getElementById("modalContainer");
+      if (!targetContainer) throw new Error("Modal container not found!");
+
+      // Cleanup existing
+      targetContainer.querySelectorAll("#uploadModal").forEach(n => n.remove());
+
+      const response = await fetch("components/upload-modal.html");
+      if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
+
+      const html = await response.text();
+      const doc = targetContainer.ownerDocument || document;
+      const wrapper = doc.createElement("div");
+      wrapper.innerHTML = html;
+      this.removeTrackingScripts(wrapper);
+
+      const modalRoot = wrapper.querySelector("#uploadModal");
+      if (!modalRoot) throw new Error("UploadModal template must contain #uploadModal element");
+
+      targetContainer.appendChild(modalRoot);
+      this.root = modalRoot;
+      this.container = targetContainer;
+
+      this.cacheElements();
+      this.bindEvents();
+      this.setupModalAccessibility();
+      // this.registerStorageSubscriptions(); // We handle progress locally per file now
+
+      // Initial State
+      if (this.storageService) {
+        const pubkey = this.getCurrentPubkey ? this.getCurrentPubkey() : null;
+        this.isStorageUnlocked = pubkey ? this.storageService.isUnlocked(pubkey) : false;
+        await this.loadFromStorage();
+      }
+      this.updateLockUi();
+      this.setSourceMode("upload");
+
+      return this.root;
+    })();
+
+    try {
+      return await this.loadPromise;
+    } finally {
+      this.loadPromise = null;
+    }
+  }
+
+  cacheElements() {
+    const $ = (sel) => this.root.querySelector(sel);
+
+    this.form = $("#unifiedUploadForm");
+    this.submitButton = $("#btn-submit");
+    this.submitStatus = $("#submit-status");
+    this.closeButton = $("#closeUploadModal");
+
+    // Mode Switchers
+    this.modeButtons = {
+        upload: $("#btn-mode-upload"),
+        external: $("#btn-mode-external"),
+    };
+
+    // Sections
+    this.sourceSections = {
+        upload: $("#section-source-upload"),
+        external: $("#section-source-external"),
+        settings: $("#section-storage-settings"),
+        advanced: $("#section-advanced"),
+        progress: $("#upload-progress-container"),
+        thumbnailProgress: $("#thumbnail-progress-container"),
+        results: $("#upload-results-container"),
+    };
+
+    this.storageViews = {
+        summary: $("#storage-summary-view"),
+        empty: $("#storage-empty-view"),
+    };
+
+    // Inputs (Common)
+    this.inputs = {
+        title: $("#input-title"),
+        description: $("#input-description"),
+        thumbnail: $("#input-thumbnail"),
+        thumbnailFile: $("#input-thumbnail-file"),
+        file: $("#input-file"),
+        url: $("#input-url"),
+        magnet: $("#input-magnet"),
+
+        // Advanced (Manual or NIP71 managed)
+        ws: $("#input-ws"),
+        xs: $("#input-xs"),
+        summary: $("#input-summary"),
+        contentWarning: $("#input-content-warning"),
+        duration: $("#input-duration"),
+
+        // Progress
+        progress: $("#input-progress"),
+        thumbnailProgress: $("#thumbnail-progress"),
+    };
+
+    // Results (Generated Links)
+    this.results = {
+        videoUrl: $("#result-video-url"),
+        magnet: $("#result-magnet"),
+        torrentUrl: $("#result-torrent-url"),
+    };
+
+    // Toggles/Buttons
+    this.toggles = {
+        nsfw: $("#check-nsfw"),
+        kids: $("#check-kids"),
+        comments: $("#check-comments"),
+        summaryUnlock: $("#check-summary-unlock"),
+
+        advanced: $("#btn-advanced-toggle"),
+        storageSettings: $("#btn-storage-settings"),
+        browseThumbnail: $("#btn-thumbnail-file"),
+        storageUnlock: $("#btn-storage-unlock"),
+        manageStorage: $("#btn-manage-storage"),
+        configureStorage: $("#btn-configure-storage"),
+    };
+
+    // Status text
+    this.statusText = {
+        storageLock: $("#storage-lock-status"),
+        uploadMain: $("#upload-status-text"),
+        uploadPercent: $("#upload-percent-text"),
+        thumbnailMain: $("#thumbnail-status-text"),
+        thumbnailPercent: $("#thumbnail-percent-text"),
+        summaryProvider: $("#summary-provider"),
+        summaryBucket: $("#summary-bucket"),
+        summaryUrlStyle: $("#summary-url-style"),
+        summaryCopy: $("#summary-copy"),
+    };
+
+    this.nip71FormManager.registerSection("main", this.form);
+  }
+
+  bindEvents() {
+    // Mode Switching
+    this.modeButtons.upload.addEventListener("click", () => this.setSourceMode("upload"));
+    this.modeButtons.external.addEventListener("click", () => this.setSourceMode("external"));
+
+    // Toggles
+    this.setupAccordion(this.toggles.advanced, this.sourceSections.advanced);
+    this.setupAccordion(this.toggles.storageSettings, this.sourceSections.settings);
+
+    // Form Submission
+    this.form.addEventListener("submit", (e) => {
+        e.preventDefault();
+        this.handleSubmit();
+    });
+
+    // Storage Unlock
+    if (this.toggles.storageUnlock) {
+        this.toggles.storageUnlock.addEventListener("click", () => this.handleUnlock());
+    }
+
+    // Manage Storage
+    if (this.toggles.manageStorage) {
+        this.toggles.manageStorage.addEventListener("click", () => {
+            if (this.onRequestStorageSettings) {
+                this.close();
+                this.onRequestStorageSettings();
+            }
+        });
+    }
+
+    if (this.toggles.configureStorage) {
+        this.toggles.configureStorage.addEventListener("click", (e) => {
+            e.preventDefault();
+            if (this.onRequestStorageSettings) {
+                this.close();
+                this.onRequestStorageSettings();
+            }
+        });
+    }
+
+    // Automation
+    this.setupDescriptionMirror();
+    this.setupMutuallyExclusiveCheckboxes(this.toggles.nsfw, this.toggles.kids);
+    this.setupNsfwToContentWarning();
+    this.setupThumbnailInput();
+
+    // File Selection (Triggers upload immediately)
+    if (this.inputs.file) {
+        this.inputs.file.addEventListener("change", (e) => this.handleVideoSelection(e));
+    }
+
+    // Close
+    this.closeButton.addEventListener("click", () => this.close());
+
+    // NIP-71 Manager
+    this.nip71FormManager.bindSection("main");
+  }
+
+  // --- Logic & State ---
+
+  setSourceMode(mode) {
+    this.activeSource = mode;
+
+    // UI Updates
+    const isUpload = mode === "upload";
+
+    this.modeButtons.upload.setAttribute("aria-pressed", isUpload);
+    this.modeButtons.upload.classList.toggle("bg-surface", isUpload);
+    this.modeButtons.upload.classList.toggle("text-text", isUpload);
+    this.modeButtons.upload.classList.toggle("shadow-sm", isUpload);
+    this.modeButtons.upload.classList.toggle("text-muted", !isUpload);
+
+    this.modeButtons.external.setAttribute("aria-pressed", !isUpload);
+    this.modeButtons.external.classList.toggle("bg-surface", !isUpload);
+    this.modeButtons.external.classList.toggle("text-text", !isUpload);
+    this.modeButtons.external.classList.toggle("shadow-sm", !isUpload);
+    this.modeButtons.external.classList.toggle("text-muted", isUpload);
+
+    // Sections
+    if (isUpload) {
+        this.sourceSections.upload.classList.remove("hidden");
+        this.sourceSections.external.classList.add("hidden");
+        // Show results if we have them
+        if (this.videoUploadState.url || this.torrentState.magnet) {
+             this.sourceSections.results.classList.remove("hidden");
+        }
+
+        if (this.toggles.browseThumbnail) {
+            this.toggles.browseThumbnail.classList.remove("hidden");
+        }
+    } else {
+        this.sourceSections.upload.classList.add("hidden");
+        this.sourceSections.external.classList.remove("hidden");
+        this.sourceSections.results.classList.add("hidden");
+
+        if (this.toggles.browseThumbnail) {
+            this.toggles.browseThumbnail.classList.add("hidden");
+        }
+    }
+
+    this.submitButton.textContent = isUpload ? "Publish Video" : "Publish Video";
+  }
+
+  setupAccordion(btn, section) {
+      if (!btn || !section) return;
+      btn.addEventListener("click", () => {
+          const isHidden = section.classList.contains("hidden");
+          if (isHidden) {
+              section.classList.remove("hidden");
+              btn.setAttribute("aria-expanded", "true");
+              const icon = btn.querySelector("svg");
+              if (icon) icon.classList.add("rotate-90");
+          } else {
+              section.classList.add("hidden");
+              btn.setAttribute("aria-expanded", "false");
+              const icon = btn.querySelector("svg");
+              if (icon) icon.classList.remove("rotate-90");
+          }
+      });
+  }
+
+  // --- Automation Helpers ---
+
+  setupDescriptionMirror() {
+      const { description, summary } = this.inputs;
+      const { summaryUnlock } = this.toggles;
+
+      if (!description || !summary) return;
+
+      description.addEventListener("input", () => {
+          if (this.summaryLocked) summary.value = description.value;
+      });
+
+      if (summaryUnlock) {
+          summaryUnlock.addEventListener("change", () => {
+              this.summaryLocked = !summaryUnlock.checked;
+              summary.readOnly = this.summaryLocked;
+              if (this.summaryLocked) {
+                  summary.value = description.value;
+                  summary.classList.add("text-muted");
+              } else {
+                   summary.classList.remove("text-muted");
+              }
+          });
+      }
+  }
+
+  setupMutuallyExclusiveCheckboxes(a, b) {
+      if (!a || !b) return;
+      a.addEventListener("change", () => { if (a.checked) b.checked = false; });
+      b.addEventListener("change", () => { if (b.checked) a.checked = false; });
+  }
+
+  setupNsfwToContentWarning() {
+      const { nsfw } = this.toggles;
+      const { contentWarning } = this.inputs;
+      if (!nsfw || !contentWarning) return;
+
+      nsfw.addEventListener("change", () => {
+          if (nsfw.checked && !contentWarning.value) {
+              contentWarning.value = "NSFW";
+          } else if (!nsfw.checked && contentWarning.value === "NSFW") {
+              contentWarning.value = "";
+          }
+      });
+  }
+
+  setupThumbnailInput() {
+      const { thumbnailFile, thumbnail } = this.inputs;
+      const { browseThumbnail } = this.toggles;
+
+      if (!thumbnailFile || !browseThumbnail) return;
+
+      browseThumbnail.addEventListener("click", () => thumbnailFile.click());
+
+      thumbnailFile.addEventListener("change", () => {
+          const file = thumbnailFile.files?.[0];
+          if (file) {
+              thumbnail.value = "";
+              thumbnail.placeholder = `Selected: ${file.name}`;
+              thumbnail.disabled = true;
+              this.handleThumbnailSelection(file); // Trigger upload immediately
+          } else {
+              thumbnail.placeholder = "https://example.com/thumbnail.jpg";
+              thumbnail.disabled = false;
+          }
+      });
+  }
+
+  // --- Immediate Upload Handlers ---
+
+  async handleVideoSelection(e) {
+      const file = e.target.files?.[0];
+      if (!file) return;
+
+      if (!this.storageConfigured) {
+          alert("Please configure storage before selecting a file.");
+          e.target.value = ""; // Clear selection
+          return;
+      }
+      if (!this.isStorageUnlocked) {
+          alert("Please unlock storage before selecting a file.");
+          e.target.value = "";
+          return;
+      }
+
+      // Start new session
+      const currentUploadId = ++this.videoUploadId;
+
+      // Reset UI classes
+      if (this.statusText.uploadMain) {
+          this.statusText.uploadMain.classList.remove("text-critical");
+          this.statusText.uploadMain.classList.add("text-text");
+      }
+
+      // Reset Video State
+      this.videoUploadState = {
+          status: 'uploading',
+          progress: 0,
+          url: '',
+          key: '',
+          file: file,
+      };
+      // Reset Torrent State
+      this.torrentState = {
+          status: 'pending',
+          infoHash: '',
+          magnet: '',
+          url: '',
+          file: null,
+      };
+
+      // Show UI
+      this.sourceSections.progress.classList.remove("hidden");
+      this.sourceSections.results.classList.remove("hidden");
+      this.results.videoUrl.value = "Uploading...";
+      this.results.magnet.value = "Pending...";
+      this.results.torrentUrl.value = "Pending...";
+
+      this.updateVideoProgress(0, "Preparing upload...");
+
+      try {
+          // 1. Compute Identifier (Info Hash / Fingerprint) before generating keys
+          const identifier = await this.resolveUploadIdentifier(file);
+
+          if (this.videoUploadId !== currentUploadId) return; // Zombie guard
+
+          // 2. Prepare Upload (Get Creds & Bucket)
+          const pubkey = this.getCurrentPubkey();
+          const npub = this.safeEncodeNpub(pubkey);
+          const service = this.activeProvider === PROVIDERS.R2 || this.activeProvider === "cloudflare_r2"
+              ? this.r2Service
+              : this.s3Service;
+
+          const { settings, bucketEntry } = await service.prepareUpload(npub, { credentials: this.activeCredentials });
+
+          if (this.videoUploadId !== currentUploadId) return; // Zombie guard
+
+          // 3. Determine Keys
+          const videoKey = buildR2Key(npub, file, identifier);
+          const baseDomain = bucketEntry.publicBaseUrl;
+
+          // Note: buildPublicUrl works for both if the base is clean
+          // For S3, buildS3ObjectUrl might be safer if we have complex paths, but prepareUpload standardizes on publicBaseUrl
+          let videoPublicUrl = "";
+          if (this.activeProvider === PROVIDERS.R2 || this.activeProvider === "cloudflare_r2") {
+               videoPublicUrl = buildPublicUrl(baseDomain, videoKey);
+          } else {
+               videoPublicUrl = buildS3ObjectUrl({
+                   publicBaseUrl: baseDomain,
+                   key: videoKey,
+                   // For S3 we might need forcePathStyle if publicBaseUrl isn't set, but prepareUpload enforces it.
+               });
+          }
+
+          // 3. Start Video Upload
+          this.updateVideoProgress(0, "Uploading video...");
+          devLogger.debug("UploadModal uploadFile settings presence", {
+              hasAccountId: Boolean(settings.accountId),
+              hasEndpoint: Boolean(settings.endpoint),
+              hasProvider: Boolean(settings.provider),
+              hasRegion: Boolean(settings.region),
+              hasAccessKeyId: Boolean(settings.accessKeyId),
+              hasSecretAccessKey: Boolean(settings.secretAccessKey),
+              hasForcePathStyle: settings.forcePathStyle !== undefined,
+          });
+          const uploadPromise = service.uploadFile({
+              file,
+              bucket: bucketEntry.bucket,
+              key: videoKey,
+              // Spread settings carefully
+              accountId: settings.accountId,
+              endpoint: settings.endpoint,
+              provider: settings.provider || this.activeProvider || "cloudflare_r2",
+              region: settings.region,
+              accessKeyId: settings.accessKeyId,
+              secretAccessKey: settings.secretAccessKey,
+              forcePathStyle: settings.forcePathStyle,
+              createBucketIfMissing: true,
+              onProgress: (fraction) => {
+                  if (this.videoUploadId === currentUploadId) {
+                      this.updateVideoProgress(fraction);
+                  }
+              }
+          });
+
+          // 4. Calculate Info Hash (Parallel if possible, but JS single thread limits this.
+          // Since createTorrentMetadata reads the file, it might contend with upload read.
+          // Let's do it concurrently and hope the browser handles file I/O well.
+          this.updateVideoProgress(null, "Uploading & Calculating Hash...");
+
+          const torrentPromise = this.generateTorrentMetadata({ file, videoPublicUrl });
+
+          const [uploadResult, torrentResult] = await Promise.all([uploadPromise, torrentPromise]);
+
+          if (this.videoUploadId !== currentUploadId) return; // Zombie guard
+
+          // Video Complete
+          this.videoUploadState.status = 'complete';
+          this.videoUploadState.url = videoPublicUrl;
+          this.videoUploadState.key = videoKey;
+          const storagePrefix = buildStoragePrefixFromKey({
+              publicBaseUrl: baseDomain,
+              key: videoKey,
+          });
+          const providerLabel =
+              this.activeProvider === PROVIDERS.R2 || this.activeProvider === "cloudflare_r2"
+                ? "r2"
+                : "s3";
+          this.videoUploadState.storagePointer = buildStoragePointerValue({
+              provider: providerLabel,
+              prefix: storagePrefix,
+          });
+          this.results.videoUrl.value = videoPublicUrl;
+          this.updateVideoProgress(1, "Video uploaded.");
+
+          // 5. Handle Torrent Result & Upload .torrent file
+          if (torrentResult.hasValidInfoHash && torrentResult.torrentFile) {
+              const baseKey = videoKey.replace(/\.[^/.]+$/, "");
+              const torrentKey = (baseKey && baseKey !== videoKey) ? `${baseKey}.torrent` : `${videoKey}.torrent`;
+
+              let torrentPublicUrl = "";
+              if (this.activeProvider === PROVIDERS.R2 || this.activeProvider === "cloudflare_r2") {
+                   torrentPublicUrl = buildPublicUrl(baseDomain, torrentKey);
+              } else {
+                   torrentPublicUrl = buildS3ObjectUrl({ publicBaseUrl: baseDomain, key: torrentKey });
+              }
+
+              this.updateVideoProgress(1, "Uploading torrent metadata...");
+
+              devLogger.debug("UploadModal uploadFile settings presence", {
+                  hasAccountId: Boolean(settings.accountId),
+                  hasEndpoint: Boolean(settings.endpoint),
+                  hasProvider: Boolean(settings.provider),
+                  hasRegion: Boolean(settings.region),
+                  hasAccessKeyId: Boolean(settings.accessKeyId),
+                  hasSecretAccessKey: Boolean(settings.secretAccessKey),
+                  hasForcePathStyle: settings.forcePathStyle !== undefined,
+              });
+              await service.uploadFile({
+                  file: torrentResult.torrentFile,
+                  bucket: bucketEntry.bucket,
+                  key: torrentKey,
+                  accountId: settings.accountId,
+                  endpoint: settings.endpoint,
+                  provider: settings.provider || this.activeProvider || "cloudflare_r2",
+                  region: settings.region,
+                  accessKeyId: settings.accessKeyId,
+                  secretAccessKey: settings.secretAccessKey,
+                  forcePathStyle: settings.forcePathStyle,
+                  createBucketIfMissing: true,
+              });
+
+              if (this.videoUploadId !== currentUploadId) return; // Zombie guard
+
+              this.torrentState.status = 'complete';
+              this.torrentState.infoHash = torrentResult.infoHash;
+              this.torrentState.url = torrentPublicUrl;
+              this.torrentState.file = torrentResult.torrentFile;
+
+              // Construct Magnet
+              const encodedDn = encodeURIComponent(file.name);
+              const encodedWs = encodeURIComponent(videoPublicUrl);
+              const encodedXs = encodeURIComponent(torrentPublicUrl);
+              const magnet = `magnet:?xt=urn:btih:${torrentResult.infoHash}&dn=${encodedDn}&ws=${encodedWs}&xs=${encodedXs}`;
+
+              this.torrentState.magnet = magnet;
+
+              this.results.magnet.value = magnet;
+              this.results.torrentUrl.value = torrentPublicUrl;
+
+              this.updateVideoProgress(1, "Ready to publish!");
+          } else {
+              this.torrentState.status = 'skipped'; // Failed hash or invalid
+              this.updateVideoProgress(1, "Upload complete (No torrent fallback).");
+              this.results.magnet.value = "Not available (Info Hash failed)";
+              this.results.torrentUrl.value = "Not available";
+          }
+
+      } catch (err) {
+          if (this.videoUploadId !== currentUploadId) return; // Zombie guard
+
+          userLogger.error("Video upload sequence failed:", err);
+          this.videoUploadState.status = 'error';
+          this.updateVideoProgress(null, "Upload failed.");
+
+          if (this.statusText.uploadMain) {
+              this.statusText.uploadMain.classList.remove("text-text");
+              this.statusText.uploadMain.classList.add("text-critical");
+          }
+
+          if (this.results.videoUrl) this.results.videoUrl.value = "Upload Failed";
+          if (this.results.magnet) this.results.magnet.value = "Upload Failed";
+          if (this.results.torrentUrl) this.results.torrentUrl.value = "Upload Failed";
+
+          alert(`Upload failed: ${err.message}`);
+
+          this.inputs.file.value = ""; // Reset
+      }
+  }
+
+  async handleThumbnailSelection(file) {
+      if (!this.storageConfigured || !this.isStorageUnlocked) {
+          // We can't upload yet. Just hold it in state or warn?
+          // Since UI disables the browse button until unlocked (mostly), we assume safe.
+          // But if they just unlocked, we're good.
+          return;
+      }
+
+      const currentUploadId = ++this.thumbnailUploadId;
+
+      this.thumbnailUploadState = {
+          status: 'uploading',
+          progress: 0,
+          url: '',
+          key: '',
+          file: file,
+      };
+
+      this.sourceSections.thumbnailProgress.classList.remove("hidden");
+      this.updateThumbnailProgress(0, "Uploading thumbnail...");
+
+      try {
+          const pubkey = this.getCurrentPubkey();
+          const npub = this.safeEncodeNpub(pubkey);
+          const service = this.activeProvider === PROVIDERS.R2 || this.activeProvider === "cloudflare_r2"
+              ? this.r2Service
+              : this.s3Service;
+
+          const { settings, bucketEntry } = await service.prepareUpload(npub, { credentials: this.activeCredentials });
+
+          if (this.thumbnailUploadId !== currentUploadId) return;
+
+          // Derive Key (randomish or based on file)
+          // We don't have the video key here easily if video isn't selected yet.
+          // Use a standalone key structure: npub/thumbnails/timestamp-name
+          const timestamp = Date.now();
+          const cleanName = file.name.replace(/[^a-zA-Z0-9.-]/g, "_");
+          const key = `${npub}/thumbnails/${timestamp}-${cleanName}`;
+
+          const baseDomain = bucketEntry.publicBaseUrl;
+          let publicUrl = "";
+          if (this.activeProvider === PROVIDERS.R2 || this.activeProvider === "cloudflare_r2") {
+              publicUrl = buildPublicUrl(baseDomain, key);
+          } else {
+              publicUrl = buildS3ObjectUrl({ publicBaseUrl: baseDomain, key });
+          }
+
+          devLogger.debug("UploadModal uploadFile settings presence", {
+              hasAccountId: Boolean(settings.accountId),
+              hasEndpoint: Boolean(settings.endpoint),
+              hasProvider: Boolean(settings.provider),
+              hasRegion: Boolean(settings.region),
+              hasAccessKeyId: Boolean(settings.accessKeyId),
+              hasSecretAccessKey: Boolean(settings.secretAccessKey),
+              hasForcePathStyle: settings.forcePathStyle !== undefined,
+          });
+          await service.uploadFile({
+              file,
+              bucket: bucketEntry.bucket,
+              key,
+              accountId: settings.accountId,
+              endpoint: settings.endpoint,
+              provider: settings.provider || this.activeProvider || "cloudflare_r2",
+              region: settings.region,
+              accessKeyId: settings.accessKeyId,
+              secretAccessKey: settings.secretAccessKey,
+              forcePathStyle: settings.forcePathStyle,
+              createBucketIfMissing: true,
+              onProgress: (fraction) => {
+                  if (this.thumbnailUploadId === currentUploadId) {
+                      this.updateThumbnailProgress(fraction);
+                  }
+              }
+          });
+
+          if (this.thumbnailUploadId !== currentUploadId) return;
+
+          this.thumbnailUploadState.status = 'complete';
+          this.thumbnailUploadState.url = publicUrl;
+          this.inputs.thumbnail.value = publicUrl;
+
+          this.updateThumbnailProgress(1, "Thumbnail uploaded.");
+
+          // Hide progress after a delay
+          setTimeout(() => {
+              if (this.thumbnailUploadId === currentUploadId) {
+                  this.sourceSections.thumbnailProgress.classList.add("hidden");
+              }
+          }, 2000);
+
+      } catch (err) {
+          if (this.thumbnailUploadId !== currentUploadId) return;
+
+          userLogger.error("Thumbnail upload failed:", err);
+          this.thumbnailUploadState.status = 'error';
+          this.updateThumbnailProgress(null, "Failed.");
+          alert("Thumbnail upload failed.");
+      }
+  }
+
+
+  updateVideoProgress(fraction, text) {
+      if (text) this.statusText.uploadMain.textContent = text;
+
+      if (fraction === null) {
+           // Indeterminate or error
+           return;
+      }
+
+      const pct = Math.round(fraction * 100);
+      this.inputs.progress.value = pct;
+      this.statusText.uploadPercent.textContent = `${pct}%`;
+  }
+
+  updateThumbnailProgress(fraction, text) {
+      if (text) this.statusText.thumbnailMain.textContent = text;
+
+      if (fraction === null) return;
+
+      const pct = Math.round(fraction * 100);
+      this.inputs.thumbnailProgress.value = pct;
+      this.statusText.thumbnailPercent.textContent = `${pct}%`;
+  }
+
+
+  // --- R2/Storage Integration (View Only now) ---
+
+  async refreshState() {
+    if (this.storageService) {
+      const pubkey = this.getCurrentPubkey ? this.getCurrentPubkey() : null;
+      this.isStorageUnlocked = pubkey ? this.storageService.isUnlocked(pubkey) : false;
+      this.updateLockUi();
+
+      await this.loadFromStorage();
+    }
+  }
+
+  async loadFromStorage() {
+      if (!this.storageService) return;
+      const pubkey = this.getCurrentPubkey ? this.getCurrentPubkey() : null;
+
+      if (!pubkey) {
+          this.activeCredentials = null;
+          this.activeProvider = null;
+          this.storageConfigured = false;
+          this.toggleStorageView("empty");
+          return;
+      }
+
+      try {
+        const connections = await this.storageService.listConnections(pubkey);
+        // Prefer default connection
+        const defaultConn = connections.find(c => c.meta?.defaultForUploads);
+        const targetConn = defaultConn || connections[0];
+
+        if (targetConn) {
+            this.storageConfigured = true;
+            this.activeProvider = targetConn.provider;
+
+            // UI Updates
+            this.toggleStorageView("summary");
+            const providerName = this.getProviderLabel(targetConn.provider || targetConn.meta?.provider);
+            const bucketName = targetConn.meta?.bucket || "Unknown Bucket";
+            const urlStyle = this.describeUrlStyle(targetConn.provider, targetConn.meta?.forcePathStyle);
+
+            if (this.statusText.summaryProvider) {
+                this.statusText.summaryProvider.textContent = providerName;
+                this.statusText.summaryProvider.title = providerName;
+            }
+            if (this.statusText.summaryBucket) {
+                this.statusText.summaryBucket.textContent = bucketName;
+                this.statusText.summaryBucket.title = bucketName;
+            }
+            if (this.statusText.summaryUrlStyle) {
+                this.statusText.summaryUrlStyle.textContent = urlStyle;
+                this.statusText.summaryUrlStyle.title = urlStyle;
+            }
+            if (this.statusText.summaryCopy) this.statusText.summaryCopy.textContent = this.getSummaryCopy(targetConn.provider);
+
+            if (this.isStorageUnlocked) {
+                const details = await this.storageService.getConnection(pubkey, targetConn.id);
+                if (details) {
+                    this.activeCredentials = details;
+                } else {
+                    this.activeCredentials = null; // Should not happen if unlocked
+                }
+            } else {
+                this.activeCredentials = null; // Locked
+            }
+        } else {
+            // No connections configured
+            this.storageConfigured = false;
+            this.activeCredentials = null;
+            this.activeProvider = null;
+            this.toggleStorageView("empty");
+        }
+        this.updateLockUi();
+
+      } catch (err) {
+          userLogger.error("Failed to load connection", err);
+          this.toggleStorageView("empty");
+          this.activeCredentials = null;
+          this.storageConfigured = false;
+          this.updateLockUi();
+      }
+  }
+
+  toggleStorageView(viewName) {
+      if (viewName === "summary") {
+          this.storageViews.summary.classList.remove("hidden");
+          this.storageViews.empty.classList.add("hidden");
+      } else {
+          this.storageViews.summary.classList.add("hidden");
+          this.storageViews.empty.classList.remove("hidden");
+      }
+  }
+
+  async handleUnlock() {
+      if (!this.storageService) return;
+      const pubkey = this.getCurrentPubkey ? this.getCurrentPubkey() : null;
+      if (!pubkey) return;
+
+      // We need a signer. Try active signer or authService
+      let signer = getActiveSigner();
+      if (!signer && this.authService?.signer) {
+          signer = this.authService.signer;
+      }
+
+      const canSign = typeof signer?.canSign === "function"
+        ? signer.canSign()
+        : typeof signer?.signEvent === "function";
+      if (!canSign) {
+          alert("No signer available to unlock storage.");
+          return;
+      }
+
+      try {
+          if (signer?.type === "extension") {
+              const permissionResult = await requestDefaultExtensionPermissions();
+              if (!permissionResult?.ok) {
+                  alert("Extension permissions are required to unlock storage.");
+                  return;
+              }
+          }
+          if (this.toggles.storageUnlock) {
+            this.toggles.storageUnlock.textContent = "Unlocking...";
+            this.toggles.storageUnlock.disabled = true;
+          }
+          await this.storageService.unlock(pubkey, { signer });
+          this.isStorageUnlocked = true;
+          this.updateLockUi();
+          await this.loadFromStorage();
+      } catch (err) {
+          userLogger.error("Unlock failed", err);
+          alert("Failed to unlock storage: " + err.message);
+      } finally {
+          if (this.toggles.storageUnlock) {
+            this.toggles.storageUnlock.textContent = "Unlock";
+            this.toggles.storageUnlock.disabled = false;
+          }
+      }
+  }
+
+  updateLockUi() {
+      const locked = !this.isStorageUnlocked;
+      if (this.statusText.storageLock) {
+          this.statusText.storageLock.textContent = locked ? "Locked 🔒" : "Unlocked 🔓";
+          this.statusText.storageLock.className = locked ? "text-xs text-critical" : "text-xs text-success";
+      }
+      if (this.toggles.storageUnlock) {
+          // Show unlock button only if locked AND we have a configuration to unlock
+          if (locked && this.storageConfigured) {
+              this.toggles.storageUnlock.classList.remove("hidden");
+          } else {
+              this.toggles.storageUnlock.classList.add("hidden");
+          }
+      }
+  }
+
+  getProviderLabel(provider) {
+      if (provider === PROVIDERS.R2 || provider === "cloudflare_r2") {
+          return "Cloudflare R2";
+      }
+      if (provider === PROVIDERS.S3) {
+          return "Amazon S3";
+      }
+      return "S3 Compatible";
+  }
+
+  describeUrlStyle(provider, forcePathStyle) {
+      if (provider === PROVIDERS.R2 || provider === "cloudflare_r2") {
+          return "Virtual-hosted";
+      }
+      return forcePathStyle ? "Path-style" : "Virtual-hosted";
+  }
+
+  getSummaryCopy(provider) {
+      if (provider === PROVIDERS.R2 || provider === "cloudflare_r2") {
+          return "Uploads will target your Cloudflare R2 bucket.";
+      }
+      return "Uploads will target your S3-compatible bucket.";
+  }
+
+
+  // --- Submission ---
+
+  async handleSubmit() {
+      // Check upload state
+      if (this.activeSource === "upload") {
+          if (this.videoUploadState.status === 'uploading' || this.thumbnailUploadState.status === 'uploading') {
+              alert("Please wait for uploads to complete.");
+              return;
+          }
+          if (this.videoUploadState.status === 'error') {
+              alert("Video upload failed. Please try again.");
+              return;
+          }
+          if (this.videoUploadState.status !== 'complete') {
+               // Fallback: If no file selected, maybe they want to submit without a new file?
+               // (Not supported in this simplified modal, assume file required)
+               alert("Please select a video file and wait for it to upload.");
+               return;
+          }
+      }
+
+      const audienceFlags = {
+          isNsfw: this.toggles.nsfw?.checked || false,
+          isForKids: this.toggles.kids?.checked || false,
+      };
+
+      // Base Metadata
+      const metadata = {
+          title: this.inputs.title?.value?.trim() || "",
+          description: this.inputs.description?.value?.trim() || "",
+          thumbnail: this.inputs.thumbnail?.value?.trim() || "",
+          enableComments: this.toggles.comments?.checked || true,
+          ...audienceFlags,
+
+          // These might be empty depending on mode, filled below
+          url: "",
+          magnet: "",
+          storagePointer: "",
+          ws: this.inputs.ws?.value?.trim() || "",
+          xs: this.inputs.xs?.value?.trim() || "",
+          infoHash: this.torrentState.infoHash || "",
+      };
+
+      // NIP-71 Advanced Data
+      const nip71 = this.nip71FormManager.collectSection("main");
+      if (nip71) {
+          metadata.nip71 = nip71;
+      }
+
+      try {
+          if (this.activeSource === "upload") {
+             // We already have the URLs in state
+             metadata.url = this.videoUploadState.url;
+             metadata.magnet = this.torrentState.magnet || "";
+             const providerLabel =
+                 this.activeProvider === PROVIDERS.R2 || this.activeProvider === "cloudflare_r2"
+                   ? "r2"
+                   : "s3";
+             metadata.storagePointer =
+                 this.videoUploadState.storagePointer ||
+                 deriveStoragePointerFromUrl(metadata.url, providerLabel);
+             metadata.ws = this.videoUploadState.url; // WebSeed is same as R2 URL
+             metadata.xs = this.torrentState.url || "";
+
+             // NIP-71 IMETA for the main video
+             // We construct a primary imeta entry for the uploaded file
+             const imeta = {
+                 url: this.videoUploadState.url,
+                 m: this.videoUploadState.file?.type || "video/mp4",
+                 x: this.torrentState.infoHash || "",
+             };
+
+             // Merge with user provided imeta if any
+             if (!metadata.nip71) metadata.nip71 = {};
+             if (!metadata.nip71.imeta) metadata.nip71.imeta = [];
+             metadata.nip71.imeta.unshift(imeta);
+
+             await this.publish(metadata);
+
+          } else {
+             await this.handleExternalFlow(metadata);
+          }
+      } catch (err) {
+          userLogger.error("Submission failed", err);
+          this.showError(err.message || "An unexpected error occurred.");
+      }
+  }
+
+  async generateTorrentMetadata({ file, videoPublicUrl } = {}) {
+      // Helper used by immediate upload flow
+      let infoHash = "";
+      let torrentFile = null;
+
+      try {
+          const urlList = videoPublicUrl ? [videoPublicUrl] : [];
+          const torrentMetadata = await createTorrentMetadata(file, urlList);
+
+          infoHash = torrentMetadata?.infoHash || "";
+          if (torrentMetadata?.torrentFile) {
+              const baseName = file.name.replace(/\.[^/.]+$/, "") || file.name;
+              torrentFile = new File([torrentMetadata.torrentFile], `${baseName}.torrent`, {
+                  type: "application/x-bittorrent",
+              });
+          }
+      } catch (hashErr) {
+          userLogger.warn("Failed to calculate info hash:", hashErr);
+      }
+
+      const normalizedInfoHash = normalizeInfoHash(infoHash);
+      const hasValidInfoHash = isValidInfoHash(normalizedInfoHash);
+
+      return {
+          infoHash: normalizedInfoHash,
+          torrentFile,
+          hasValidInfoHash,
+      };
+  }
+
+  async resolveUploadIdentifier(file) {
+      try {
+          const infoHash = await calculateTorrentInfoHash(file);
+          const normalized = normalizeInfoHash(infoHash);
+          if (isValidInfoHash(normalized)) {
+              return normalized;
+          }
+      } catch (hashErr) {
+          userLogger.warn("Failed to precompute info hash for storage key:", hashErr);
+      }
+      return "";
+  }
+
+  async handleExternalFlow(metadata) {
+      metadata.url = this.inputs.url?.value?.trim() || "";
+      metadata.magnet = this.inputs.magnet?.value?.trim() || "";
+      metadata.storagePointer =
+          metadata.storagePointer || deriveStoragePointerFromUrl(metadata.url, "url");
+
+      const hasUrl = metadata.url.length > 0;
+      const hasMagnet = metadata.magnet.length > 0;
+      const hasImeta = metadata.nip71?.imeta?.some(v => v.url);
+
+      if (!hasUrl && !hasMagnet && !hasImeta) {
+          throw new Error("Please provide at least a Video URL or Magnet Link.");
+      }
+
+      if (!hasUrl && !hasImeta && hasMagnet) {
+         if (!confirm("Magnet-only uploads require active seeding. Proceed?")) return;
+      }
+
+      await this.publish(metadata);
+  }
+
+  async publish(metadata) {
+      // Normalize & Publish
+      const { payload, errors } = normalizeVideoNotePayload(metadata);
+      if (errors.length) {
+          throw new Error(getVideoNoteErrorMessage(errors[0]));
+      }
+
+      this.submitButton.disabled = true;
+      this.submitButton.textContent = "Publishing...";
+
+      try {
+          if (this.publishVideoNote) {
+              await this.publishVideoNote(payload);
+              this.showSuccess("Video published successfully!");
+              this.close();
+              this.resetForm();
+          }
+      } finally {
+          this.submitButton.disabled = false;
+          this.submitButton.textContent = "Publish Video";
+      }
+  }
+
+  resetUploads() {
+    // Invalidate active uploads
+    this.videoUploadId++;
+    this.thumbnailUploadId++;
+
+    // Reset State
+    this.videoUploadState = {
+      status: 'idle',
+      progress: 0,
+      url: '',
+      key: '',
+      storagePointer: '',
+      file: null,
+    };
+    this.thumbnailUploadState = {
+      status: 'idle',
+      progress: 0,
+      url: '',
+      key: '',
+      file: null,
+    };
+    this.torrentState = {
+      status: 'idle',
+      infoHash: '',
+      magnet: '',
+      url: '', // xs (torrent file url)
+      file: null,
+    };
+
+    // Reset UI
+    if (this.sourceSections.progress) {
+        this.sourceSections.progress.classList.add("hidden");
+    }
+    if (this.sourceSections.thumbnailProgress) {
+        this.sourceSections.thumbnailProgress.classList.add("hidden");
+    }
+    if (this.sourceSections.results) {
+        this.sourceSections.results.classList.add("hidden");
+    }
+
+    // Clear Result Inputs
+    if (this.results.videoUrl) this.results.videoUrl.value = "";
+    if (this.results.magnet) this.results.magnet.value = "";
+    if (this.results.torrentUrl) this.results.torrentUrl.value = "";
+
+    // Reset Inputs
+    if (this.inputs.file) {
+        this.inputs.file.value = "";
+    }
+    if (this.inputs.thumbnailFile) {
+        this.inputs.thumbnailFile.value = "";
+    }
+    // Re-enable thumbnail input if it was disabled by an upload
+    if (this.inputs.thumbnail) {
+        this.inputs.thumbnail.disabled = false;
+        if (this.inputs.thumbnail.placeholder && this.inputs.thumbnail.placeholder.startsWith("Selected:")) {
+             this.inputs.thumbnail.placeholder = "https://example.com/thumbnail.jpg";
+        }
+    }
+  }
+
+  resetForm() {
+      this.form.reset();
+      this.nip71FormManager.resetSection("main");
+      // Restore defaults
+      this.setSourceMode("upload");
+      this.toggles.comments.checked = true;
+      this.toggles.nsfw.checked = false;
+      this.toggles.kids.checked = false;
+
+      this.resetUploads();
+  }
+
+  // --- Modal Control ---
+
+  open({ triggerElement } = {}) {
+    if (!this.root) return;
+    this.root.classList.remove("hidden");
+    this.setGlobalModalState("upload", true);
+    this.isVisible = true;
+
+    // Refresh lock state on open
+    if (this.storageService) {
+        const pubkey = this.getCurrentPubkey ? this.getCurrentPubkey() : null;
+        this.isStorageUnlocked = pubkey ? this.storageService.isUnlocked(pubkey) : false;
+        this.updateLockUi();
+        // Always attempt load to refresh configuration status (even if locked)
+        this.loadFromStorage().catch(err => {
+            userLogger.warn("Failed to refresh storage state on open:", err);
+        });
+    }
+
+    this.modalAccessibility?.activate({ triggerElement });
+  }
+
+  close() {
+    if (!this.root) return;
+    this.resetUploads();
+    this.root.classList.add("hidden");
+    this.setGlobalModalState("upload", false);
+    this.isVisible = false;
+    this.modalAccessibility?.deactivate();
+  }
+
+  addEventListener(type, listener) {
+      this.eventTarget.addEventListener(type, listener);
+  }
+
+  emit(type, detail) {
+      this.eventTarget.dispatchEvent(new CustomEvent(type, { detail }));
+  }
+
+  getRoot() {
+      return this.root;
+  }
+
+  setupModalAccessibility() {
+    if (!this.root) return;
+    if (this.modalAccessibility?.destroy) this.modalAccessibility.destroy();
+
+    this.modalAccessibility = createModalAccessibility({
+      root: this.root,
+      backdrop: this.root.querySelector(".bv-modal-backdrop") || this.root,
+      panel: this.root.querySelector(".modal-sheet") || this.root,
+      onRequestClose: () => this.close()
+    });
+  }
+
+  destroy() {
+    this.r2Unsubscribes.forEach(u => u && u());
+    if (this.modalAccessibility?.destroy) this.modalAccessibility.destroy();
+    this.root = null;
+    this.container = null;
+  }
+}
diff --git a/dist/js/ui/components/VideoCard.js b/dist/js/ui/components/VideoCard.js
new file mode 100644
index 00000000..576db2ba
--- /dev/null
+++ b/dist/js/ui/components/VideoCard.js
@@ -0,0 +1,3107 @@
+import {
+  normalizeDesignSystemContext,
+  BREAKPOINT_LG,
+} from "../../designSystem.js";
+import { updateVideoCardSourceVisibility } from "../../utils/cardSourceVisibility.js";
+import { sanitizeProfileMediaUrl } from "../../utils/profileMedia.js";
+import { userLogger } from "../../utils/logger.js";
+import { deriveTorrentPlaybackConfig } from "../../playbackUtils.js";
+import {
+  applyModerationContextDatasets,
+  getModerationOverrideActionLabels,
+  normalizeVideoModerationContext,
+} from "../moderationUiHelpers.js";
+import { buildModerationBadgeText } from "../moderationCopy.js";
+
+const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+const DEFAULT_PROFILE_AVATAR = "assets/svg/default-profile.svg";
+const HEX64_REGEX = /^[0-9a-f]{64}$/i;
+
+export class VideoCard {
+  constructor({
+    document: doc,
+    video,
+    index = 0,
+    shareUrl = "#",
+    timeAgo = "",
+    postedAt = null,
+    pointerInfo = null,
+    cardState = "",
+    motionState = "",
+    capabilities = {},
+    formatters = {},
+    helpers = {},
+    assets = {},
+    state = {},
+    variant = "default",
+    identity = null,
+    ensureGlobalMoreMenuHandlers,
+    onRequestCloseAllMenus,
+    nsfwContext = null,
+    designSystem = null,
+  } = {}) {
+    if (!doc) {
+      throw new Error("VideoCard requires a document reference.");
+    }
+    if (!video || !video.id || !video.title) {
+      throw new Error("VideoCard requires a video with id and title.");
+    }
+
+    this.document = doc;
+    this.window = doc.defaultView || globalThis;
+    this.video = video;
+    this.index = index;
+    this.shareUrl = shareUrl;
+    this.cardState =
+      typeof cardState === "string" ? cardState.trim() : "";
+    this.motionState =
+      typeof motionState === "string" ? motionState.trim() : "";
+    this.pointerInfo = pointerInfo;
+    this.capabilities = {
+      canEdit: false,
+      canDelete: false,
+      canRevert: false,
+      canManageBlacklist: false,
+      ...capabilities
+    };
+    this.formatters = {
+      formatTimeAgo: formatters.formatTimeAgo,
+      formatNumber: formatters.formatNumber
+    };
+    this.helpers = {
+      escapeHtml: helpers.escapeHtml,
+      isMagnetSupported: helpers.isMagnetSupported,
+      toLocaleString: helpers.toLocaleString
+    };
+    this.assets = {
+      fallbackThumbnailSrc: assets.fallbackThumbnailSrc || "",
+      unsupportedBtihMessage: assets.unsupportedBtihMessage || ""
+    };
+    this.state = {
+      loadedThumbnails:
+        state.loadedThumbnails instanceof Map ? state.loadedThumbnails : null,
+      urlHealthByVideoId:
+        state.urlHealthByVideoId instanceof Map
+          ? state.urlHealthByVideoId
+          : null,
+      streamHealthByVideoId:
+        state.streamHealthByVideoId instanceof Map
+          ? state.streamHealthByVideoId
+          : null
+    };
+    this.ensureGlobalMoreMenuHandlers =
+      typeof ensureGlobalMoreMenuHandlers === "function"
+        ? ensureGlobalMoreMenuHandlers
+        : null;
+    this.onRequestCloseAllMenus =
+      typeof onRequestCloseAllMenus === "function"
+        ? onRequestCloseAllMenus
+        : null;
+
+    this.designSystem = normalizeDesignSystemContext(designSystem);
+    this.identity = this.normalizeIdentity(identity);
+
+    const normalizedVariant =
+      typeof variant === "string" && variant.trim().toLowerCase() === "compact"
+        ? "compact"
+        : "default";
+    this.variant = normalizedVariant;
+
+    this.nsfwContext = {
+      isNsfw: Boolean(nsfwContext?.isNsfw),
+      allowNsfw: nsfwContext?.allowNsfw !== false,
+      viewerIsOwner: nsfwContext?.viewerIsOwner === true
+    };
+    this.shouldMaskNsfwForOwner =
+      this.nsfwContext.isNsfw &&
+      !this.nsfwContext.allowNsfw &&
+      this.nsfwContext.viewerIsOwner;
+
+    this.callbacks = {
+      onPlay: null,
+      onEdit: null,
+      onRevert: null,
+      onDelete: null,
+      onMoreAction: null,
+      onAuthorNavigate: null,
+      onRequestMoreMenu: null,
+      onCloseMoreMenu: null,
+      onRequestSettingsMenu: null,
+      onCloseSettingsMenu: null,
+      onModerationOverride: null,
+      onModerationBlock: null,
+      onModerationHide: null,
+    };
+
+    this.moderationBadgeEl = null;
+    this.moderationBadgeLabelEl = null;
+    this.moderationBadgeTextEl = null;
+    this.moderationBadgeIconWrapper = null;
+    this.moderationBadgeIconSvg = null;
+    this.moderationActionButton = null;
+    this.moderationBlockButton = null;
+    this.moderationActionsContainer = null;
+    this.moderationActionButtonMode = "";
+    this.moderationBadgeId = "";
+    this.badgesContainerEl = null;
+    this.moderationBadgeSlot = null;
+    this.hiddenSummaryEl = null;
+    this.boundShowAnywayHandler = (event) => this.handleShowAnywayClick(event);
+    this.boundModerationBlockHandler = (event) =>
+      this.handleModerationBlockClick(event);
+    this.boundModerationHideHandler = (event) =>
+      this.handleModerationHideClick(event);
+
+    this.root = null;
+    this.anchorEl = null;
+    this.titleEl = null;
+    this.thumbnailEl = null;
+    this.settingsButton = null;
+    this.moreMenuButton = null;
+    this.urlHealthBadgeEl = null;
+    this.torrentHealthBadgeEl = null;
+    this.viewCountEl = null;
+    this.discussionCountEl = null;
+    this.authorPicEl = null;
+    this.authorNameEl = null;
+    this.timestampEl = null;
+
+    this.playbackUrl = typeof video.url === "string" ? video.url.trim() : "";
+    const rawMagnet =
+      typeof video.magnet === "string" ? video.magnet.trim() : "";
+    const rawInfoHash =
+      typeof video.infoHash === "string" ? video.infoHash.trim() : "";
+    const playbackConfig = deriveTorrentPlaybackConfig({
+      magnet: rawMagnet,
+      infoHash: rawInfoHash,
+      url: this.playbackUrl,
+    });
+    this.playbackMagnet = playbackConfig.magnet;
+    this.originalMagnetInput =
+      playbackConfig.originalInput || rawMagnet || rawInfoHash;
+    this.magnetProvided = playbackConfig.provided;
+    this.magnetSupported = this.helpers.isMagnetSupported
+      ? this.helpers.isMagnetSupported(this.playbackMagnet)
+      : false;
+    this.showUnsupportedTorrentBadge =
+      !this.playbackUrl && this.magnetProvided && !this.magnetSupported;
+
+    const normalizedPostedAt = Number.isFinite(postedAt)
+      ? Math.floor(postedAt)
+      : null;
+    this.postedAt = normalizedPostedAt;
+
+    if (
+      this.postedAt !== null &&
+      this.video &&
+      typeof this.video === "object"
+    ) {
+      this.video.rootCreatedAt = this.postedAt;
+    }
+
+    const fallbackTimestamp =
+      this.postedAt !== null
+        ? this.postedAt
+        : Number.isFinite(video?.created_at)
+          ? Math.floor(video.created_at)
+          : null;
+
+    this.timeAgo =
+      typeof timeAgo === "string" && timeAgo
+        ? timeAgo
+        : this.formatTimestampForLabel(fallbackTimestamp);
+
+    this.build();
+  }
+
+  set onPlay(fn) {
+    this.callbacks.onPlay = typeof fn === "function" ? fn : null;
+  }
+
+  set onEdit(fn) {
+    this.callbacks.onEdit = typeof fn === "function" ? fn : null;
+  }
+
+  set onRevert(fn) {
+    this.callbacks.onRevert = typeof fn === "function" ? fn : null;
+  }
+
+  set onDelete(fn) {
+    this.callbacks.onDelete = typeof fn === "function" ? fn : null;
+  }
+
+  set onModerationOverride(fn) {
+    this.callbacks.onModerationOverride = typeof fn === "function" ? fn : null;
+  }
+
+  set onModerationBlock(fn) {
+    this.callbacks.onModerationBlock =
+      typeof fn === "function" ? fn : null;
+  }
+
+  set onModerationHide(fn) {
+    this.callbacks.onModerationHide =
+      typeof fn === "function" ? fn : null;
+  }
+
+  set onMoreAction(fn) {
+    this.callbacks.onMoreAction = typeof fn === "function" ? fn : null;
+  }
+
+  set onAuthorNavigate(fn) {
+    this.callbacks.onAuthorNavigate = typeof fn === "function" ? fn : null;
+  }
+
+  set onRequestMoreMenu(fn) {
+    this.callbacks.onRequestMoreMenu = typeof fn === "function" ? fn : null;
+  }
+
+  set onCloseMoreMenu(fn) {
+    this.callbacks.onCloseMoreMenu = typeof fn === "function" ? fn : null;
+  }
+
+  set onRequestSettingsMenu(fn) {
+    this.callbacks.onRequestSettingsMenu =
+      typeof fn === "function" ? fn : null;
+  }
+
+  set onCloseSettingsMenu(fn) {
+    this.callbacks.onCloseSettingsMenu =
+      typeof fn === "function" ? fn : null;
+  }
+
+  getRoot() {
+    return this.root;
+  }
+
+  getUrlHealthBadgeElement() {
+    return this.urlHealthBadgeEl;
+  }
+
+  getTorrentHealthBadgeElement() {
+    return this.torrentHealthBadgeEl;
+  }
+
+  getViewCountElement() {
+    return this.viewCountEl;
+  }
+
+  getDiscussionCountElement() {
+    return this.discussionCountEl;
+  }
+
+  closeMoreMenu(options = {}) {
+    const restoreFocus = options?.restoreFocus !== false;
+    const trigger = this.moreMenuButton;
+    const wasExpanded =
+      typeof trigger?.getAttribute === "function" &&
+      trigger.getAttribute("aria-expanded") === "true";
+
+    const detail = {
+      trigger,
+      video: this.video,
+      card: this,
+      restoreFocus,
+    };
+
+    let handled = false;
+    if (this.callbacks.onCloseMoreMenu) {
+      try {
+        handled = this.callbacks.onCloseMoreMenu(detail) === true;
+      } catch (error) {
+        if (this.window?.userLogger?.warn) {
+          this.window.userLogger.warn(
+            "[VideoCard] onCloseMoreMenu callback failed",
+            error,
+          );
+        }
+      }
+    }
+
+    if (
+      !handled &&
+      restoreFocus &&
+      wasExpanded &&
+      typeof trigger?.focus === "function"
+    ) {
+      try {
+        trigger.focus();
+      } catch (error) {
+        /* noop */
+      }
+    }
+  }
+
+  closeSettingsMenu(options = {}) {
+    const restoreFocus = options?.restoreFocus !== false;
+    const trigger = this.settingsButton;
+    const wasExpanded =
+      typeof trigger?.getAttribute === "function" &&
+      trigger.getAttribute("aria-expanded") === "true";
+
+    const detail = {
+      trigger,
+      video: this.video,
+      card: this,
+      restoreFocus,
+    };
+
+    let handled = false;
+    if (this.callbacks.onCloseSettingsMenu) {
+      try {
+        handled = this.callbacks.onCloseSettingsMenu(detail) === true;
+      } catch (error) {
+        if (this.window?.userLogger?.warn) {
+          this.window.userLogger.warn(
+            "[VideoCard] onCloseSettingsMenu callback failed",
+            error,
+          );
+        }
+      }
+    }
+
+    if (
+      !handled &&
+      restoreFocus &&
+      wasExpanded &&
+      typeof trigger?.focus === "function"
+    ) {
+      try {
+        trigger.focus();
+      } catch (error) {
+        /* noop */
+      }
+    }
+  }
+
+  build() {
+    const doc = this.document;
+
+    const isCompact = this.variant === "compact";
+    const cardClassNames = ["card"];
+    if (isCompact) {
+      cardClassNames.push("card--compact");
+    }
+
+    const root = this.createElement("div", {
+      classNames: cardClassNames,
+    });
+
+    this.root = root;
+
+    VideoCard.observeViewport(this.root);
+
+    this.root.dataset.component = "video-card";
+    this.syncCardState();
+    this.syncMotionState();
+    if (this.video?.id) {
+      root.dataset.videoId = this.video.id;
+    }
+
+    this.applyNsfwContext();
+    this.applyPointerDataset();
+    this.applyOwnerDataset();
+    this.applySourceDatasets();
+    this.applyModerationDatasets();
+
+    const anchorClassNames = [
+      "block",
+      "cursor-pointer",
+      "relative",
+      "group",
+      "overflow-hidden",
+      "video-card__media",
+    ];
+    if (isCompact) {
+      anchorClassNames.push("rounded-lg", "flex-shrink-0");
+    } else {
+      anchorClassNames.push("rounded-t-lg");
+    }
+
+    const anchor = this.createElement("a", {
+      classNames: anchorClassNames,
+      attrs: {
+        href: this.shareUrl
+      }
+    });
+    anchor.dataset.videoId = this.video.id;
+    this.anchorEl = anchor;
+
+    const ratio = this.createElement("div", {
+      classNames: ["ratio-16-9", "video-card__media-ratio"],
+    });
+    const thumbnail = this.buildThumbnail();
+    ratio.appendChild(thumbnail);
+    anchor.appendChild(ratio);
+
+    const contentClassNames = [
+      "video-card__content",
+      "p-md",
+      "bv-stack",
+      "bv-stack--tight",
+      "min-w-0",
+    ];
+    if (isCompact) {
+      contentClassNames.push("flex-1");
+    }
+
+    const content = this.createElement("div", {
+      classNames: contentClassNames,
+    });
+    this.contentEl = content;
+
+    const titleClassNames = [
+      "video-card__title",
+      isCompact ? "text-base" : "text-lg",
+      isCompact ? "font-semibold" : "font-bold",
+      "text-text",
+      "cursor-pointer",
+    ];
+    if (isCompact) {
+      titleClassNames.push("leading-snug");
+    }
+
+    const title = this.buildMarqueeStructure(
+      "h3",
+      titleClassNames,
+      this.video.title
+    );
+    title.dataset.videoId = this.video.id;
+    this.titleEl = title;
+
+    const header = this.createElement("div", {
+      classNames: ["flex", "items-center", "justify-between"],
+    });
+
+    const authorSection = this.buildAuthorSection();
+    const controls = this.buildControls();
+
+    header.appendChild(authorSection);
+    if (controls) {
+      header.appendChild(controls);
+    }
+
+    this.applyIdentityToAuthorElements();
+
+    content.appendChild(title);
+    content.appendChild(header);
+
+    const badgesContainer = this.buildBadgesContainer();
+    if (badgesContainer) {
+      content.appendChild(badgesContainer);
+    }
+
+    const engagement = this.buildEngagementSection();
+    if (engagement) {
+      content.appendChild(engagement);
+    }
+
+    if (this.showUnsupportedTorrentBadge) {
+      const warning = this.createElement("p", {
+        classNames: ["mt-3", "text-xs", "text-status-warning-on"],
+        attrs: { title: this.assets.unsupportedBtihMessage || "" },
+        textContent:
+          "WebTorrent fallback unavailable (magnet missing btih info hash)"
+      });
+      warning.dataset.torrentStatus = "unsupported";
+      content.appendChild(warning);
+    }
+
+    const moderationBadgeSlot = this.createElement("div", {
+      classNames: [
+        "video-card__moderation-overlay",
+        "absolute",
+        "inset-0",
+        "flex",
+        "items-center",
+        "justify-center",
+        "p-4",
+        "z-10",
+        "pointer-events-none",
+      ],
+    });
+    moderationBadgeSlot.hidden = true;
+    moderationBadgeSlot.setAttribute("aria-hidden", "true");
+    this.moderationBadgeSlot = moderationBadgeSlot;
+
+    // Append slot to anchor (media wrapper) instead of root to overlay thumbnail
+    if (this.anchorEl) {
+      this.anchorEl.appendChild(moderationBadgeSlot);
+    }
+
+    root.appendChild(anchor);
+    root.appendChild(content);
+
+    this.applyPlaybackDatasets();
+    this.bindEvents();
+    this.refreshModerationUi();
+  }
+
+  normalizeIdentity(nextIdentity = {}, fallback = null) {
+    const baseline = fallback && typeof fallback === "object" ? fallback : {};
+    const candidate =
+      nextIdentity && typeof nextIdentity === "object" ? nextIdentity : {};
+    const video = this.video && typeof this.video === "object" ? this.video : {};
+
+    const pickFirstString = (
+      entries = [],
+      { allowHex = true, sanitizer = (value) => value } = {},
+    ) => {
+      for (const entry of entries) {
+        if (typeof entry !== "string") {
+          continue;
+        }
+        const trimmed = entry.trim();
+        if (!trimmed) {
+          continue;
+        }
+        if (!allowHex && HEX64_REGEX.test(trimmed)) {
+          continue;
+        }
+        const sanitized = sanitizer(trimmed);
+        if (!sanitized) {
+          continue;
+        }
+        return sanitized;
+      }
+      return "";
+    };
+
+    const pubkey = pickFirstString([
+      candidate.pubkey,
+      baseline.pubkey,
+      video.pubkey,
+      video.author?.pubkey,
+      video.creator?.pubkey,
+      video.profile?.pubkey,
+    ]);
+
+    const npub = pickFirstString([
+      candidate.npub,
+      baseline.npub,
+      video.npub,
+      video.authorNpub,
+      video.profile?.npub,
+    ]);
+
+    const shortNpub = pickFirstString([
+      candidate.shortNpub,
+      baseline.shortNpub,
+      video.shortNpub,
+      video.creatorNpub,
+    ]);
+
+    const name = pickFirstString(
+      [
+        candidate.name,
+        candidate.display_name,
+        candidate.displayName,
+        candidate.username,
+        baseline.name,
+        baseline.display_name,
+        baseline.displayName,
+        baseline.username,
+        video.creatorName,
+        video.authorName,
+        video.creator?.name,
+        video.author?.name,
+        video.profile?.display_name,
+        video.profile?.name,
+        video.profile?.username,
+      ],
+      { allowHex: false },
+    );
+
+    const picture = pickFirstString(
+      [
+        candidate.picture,
+        candidate.image,
+        candidate.photo,
+        baseline.picture,
+        baseline.image,
+        baseline.photo,
+        video.creatorPicture,
+        video.authorPicture,
+        video.creator?.picture,
+        video.author?.picture,
+        video.profile?.picture,
+        video.profile?.image,
+        video.profile?.photo,
+      ],
+      { sanitizer: (value) => sanitizeProfileMediaUrl(value) },
+    );
+
+    const resolvedName = name || shortNpub || npub || pubkey || "";
+    const resolvedPicture = picture || DEFAULT_PROFILE_AVATAR;
+
+    return {
+      name: resolvedName,
+      npub,
+      shortNpub,
+      pubkey,
+      picture: resolvedPicture,
+    };
+  }
+
+  updateIdentity(nextIdentity = {}) {
+    this.identity = this.normalizeIdentity(nextIdentity, this.identity);
+    this.applyIdentityToAuthorElements();
+  }
+
+  applyIdentityToAuthorElements() {
+    const nameLabel = this.identity?.name || "Unknown";
+    if (this.authorNameEl) {
+      this.updateMarqueeText(this.authorNameEl, nameLabel || "Unknown");
+    }
+
+    if (this.authorPicEl) {
+      const picture = this.identity?.picture || DEFAULT_PROFILE_AVATAR;
+      if (this.authorPicEl.getAttribute("src") !== picture) {
+        this.authorPicEl.src = picture;
+      }
+
+      const altFallback =
+        nameLabel || this.identity?.shortNpub || this.identity?.npub || "Channel";
+      this.authorPicEl.alt = `${altFallback}'s avatar`;
+    }
+  }
+
+  setCardBackdropImage(src) {
+    if (!this.root || !this.root.style) {
+      return;
+    }
+
+    const style = this.root.style;
+
+    const normalizeSource = (raw) => {
+      if (typeof raw !== "string") {
+        return "";
+      }
+
+      const trimmed = raw.trim();
+      if (!trimmed) {
+        return "";
+      }
+
+      if (/^javascript:/i.test(trimmed) || /^vbscript:/i.test(trimmed)) {
+        return "";
+      }
+
+      if (/^(?:https?:|data:|blob:)/i.test(trimmed)) {
+        return trimmed;
+      }
+
+      if (
+        trimmed.startsWith("/") ||
+        trimmed.startsWith("./") ||
+        trimmed.startsWith("../") ||
+        trimmed.startsWith("assets/")
+      ) {
+        return trimmed;
+      }
+
+      try {
+        const base =
+          typeof this.document?.baseURI === "string" && this.document.baseURI
+            ? this.document.baseURI
+            : this.window?.location?.href || "";
+        if (!base) {
+          return "";
+        }
+
+        const resolved = new URL(trimmed, base);
+        if (/^(?:https?:|data:|blob:)/i.test(resolved.protocol)) {
+          return resolved.href;
+        }
+      } catch {
+        return "";
+      }
+
+      return "";
+    };
+
+    const sanitized = normalizeSource(src);
+
+    if (sanitized) {
+      const escaped = sanitized.replace(/(["\\])/g, "\\$1");
+      style.setProperty("--video-card-thumb-url", `url("${escaped}")`);
+    } else {
+      style.removeProperty("--video-card-thumb-url");
+    }
+  }
+
+  buildThumbnail() {
+    const img = this.createElement("img");
+    img.dataset.videoThumbnail = "true";
+
+    const fallbackSrc = this.assets.fallbackThumbnailSrc || "";
+    const thumbnailUrl =
+      typeof this.video.thumbnail === "string"
+        ? this.video.thumbnail.trim()
+        : "";
+
+    const cachedValue = this.state.loadedThumbnails?.get(this.video.id) || "";
+    const shouldLazyLoad = !!thumbnailUrl && cachedValue !== thumbnailUrl;
+    const shouldAnimate = !!thumbnailUrl && cachedValue !== thumbnailUrl;
+
+    if (shouldLazyLoad) {
+      if (fallbackSrc) {
+        img.src = fallbackSrc;
+        img.dataset.fallbackSrc = fallbackSrc;
+        this.setCardBackdropImage(fallbackSrc);
+      }
+      img.dataset.lazy = thumbnailUrl;
+    } else {
+      img.src = thumbnailUrl || fallbackSrc;
+      if (fallbackSrc) {
+        img.dataset.fallbackSrc = fallbackSrc;
+      }
+      if (!thumbnailUrl && fallbackSrc) {
+        this.setCardBackdropImage(fallbackSrc);
+      } else if (thumbnailUrl) {
+        this.setCardBackdropImage(thumbnailUrl);
+      }
+    }
+
+    img.loading = "lazy";
+    img.decoding = "async";
+    img.alt = this.video.title || "";
+
+    this.thumbnailEl = img;
+
+    const shouldBlurForModeration = this.video?.moderation?.blurThumbnail === true;
+
+    if (this.shouldMaskNsfwForOwner || shouldBlurForModeration) {
+      img.dataset.thumbnailState = "blurred";
+    }
+
+    const markThumbnailAsLoaded = () => {
+      if (!thumbnailUrl) {
+        return;
+      }
+
+      if (shouldAnimate) {
+        if (img.dataset.thumbnailLoaded !== "true") {
+          img.dataset.thumbnailLoaded = "true";
+        }
+      } else if (img.dataset.thumbnailLoaded) {
+        delete img.dataset.thumbnailLoaded;
+      }
+
+      if (this.state.loadedThumbnails) {
+        this.state.loadedThumbnails.set(this.video.id, thumbnailUrl);
+      }
+    };
+
+    const handleLoad = () => {
+      if (img.dataset.thumbnailLoaded === "true") {
+        return;
+      }
+
+      const hasPendingLazySrc =
+        typeof img.dataset.lazy === "string" && img.dataset.lazy.trim().length;
+
+      if (hasPendingLazySrc) {
+        return;
+      }
+
+      const fallbackAttr =
+        (typeof img.dataset.fallbackSrc === "string"
+          ? img.dataset.fallbackSrc.trim()
+          : "") ||
+        fallbackSrc ||
+        "";
+
+      const currentSrc = img.currentSrc || img.src || "";
+      const isFallback =
+        !!fallbackAttr &&
+        !!currentSrc &&
+        (currentSrc === fallbackAttr || currentSrc.endsWith(fallbackAttr));
+
+      if (isFallback) {
+        this.setCardBackdropImage(fallbackAttr || currentSrc);
+      } else {
+        this.setCardBackdropImage(currentSrc);
+      }
+
+      if (img.dataset.thumbnailFailed || !thumbnailUrl) {
+        return;
+      }
+
+      if ((img.naturalWidth === 0 && img.naturalHeight === 0) || !currentSrc) {
+        return;
+      }
+
+      if (isFallback) {
+        return;
+      }
+
+      markThumbnailAsLoaded();
+      img.removeEventListener("load", handleLoad);
+    };
+
+    const handleError = () => {
+      if (thumbnailUrl && this.state.loadedThumbnails) {
+        const cached = this.state.loadedThumbnails.get(this.video.id);
+        if (cached === thumbnailUrl) {
+          this.state.loadedThumbnails.delete(this.video.id);
+        }
+      }
+
+      if (img.dataset.thumbnailLoaded) {
+        delete img.dataset.thumbnailLoaded;
+      }
+
+      const fallbackAttr =
+        (typeof img.dataset.fallbackSrc === "string"
+          ? img.dataset.fallbackSrc.trim()
+          : "") ||
+        fallbackSrc ||
+        "";
+
+      if (fallbackAttr) {
+        this.setCardBackdropImage(fallbackAttr);
+      } else {
+        this.setCardBackdropImage("");
+      }
+
+      img.removeEventListener("load", handleLoad);
+    };
+
+    img.addEventListener("load", handleLoad);
+    img.addEventListener("error", handleError, { once: true });
+
+    if (img.complete) {
+      handleLoad();
+    }
+
+    return img;
+  }
+
+  buildAuthorSection() {
+    const isCompact = this.variant === "compact";
+    const wrapper = this.createElement("div", {
+      classNames: [
+        "flex",
+        "items-center",
+        isCompact ? "space-x-2" : "space-x-3",
+      ],
+    });
+
+    const avatarWrapper = this.createElement("div", {
+      classNames: [
+        "w-8",
+        "h-8",
+        "rounded-full",
+        "bg-panel",
+        "overflow-hidden",
+        "flex",
+        "items-center",
+        "justify-center"
+      ]
+    });
+
+    const avatar = this.createElement("img", {
+      attrs: {
+        src: "assets/svg/default-profile.svg",
+        alt: "Placeholder"
+      }
+    });
+    avatar.classList.add(
+      "author-pic",
+      "cursor-pointer",
+      "block",
+      "h-full",
+      "w-full",
+      "rounded-full",
+      "object-cover"
+    );
+    if (!avatar.dataset.avatarFallbackBound) {
+      avatar.addEventListener("error", () => {
+        if (avatar.getAttribute("src") !== DEFAULT_PROFILE_AVATAR) {
+          avatar.src = DEFAULT_PROFILE_AVATAR;
+        }
+        avatar.dataset.avatarLoadFailed = "true";
+      });
+      avatar.dataset.avatarFallbackBound = "true";
+    }
+    if (this.video.pubkey) {
+      avatar.dataset.pubkey = this.video.pubkey;
+    }
+
+    avatarWrapper.appendChild(avatar);
+
+    const authorMeta = this.createElement("div", { classNames: ["min-w-0"] });
+
+    const authorName = this.buildMarqueeStructure(
+      "p",
+      [
+        isCompact ? "text-xs" : "text-sm",
+        "text-muted",
+        "author-name",
+        "cursor-pointer",
+        "video-card__author-name",
+      ],
+      "Loading name..."
+    );
+    if (this.video.pubkey) {
+      authorName.dataset.pubkey = this.video.pubkey;
+    }
+
+    const metadata = this.createElement("div", {
+      classNames: [
+        "flex",
+        "items-center",
+        isCompact ? "gap-2" : "mt-1",
+        isCompact ? "text-2xs" : "text-xs",
+        "text-muted-strong",
+        "video-card__meta",
+      ],
+    });
+
+    const timeEl = this.createElement("span", {
+      textContent: this.timeAgo
+    });
+    metadata.appendChild(timeEl);
+    this.timestampEl = timeEl;
+
+    // (View count moved to engagement section)
+
+    if (
+      this.postedAt !== null &&
+      Number.isFinite(this.video?.created_at) &&
+      this.video.created_at > this.postedAt + 60
+    ) {
+      const separator = this.createElement("span", {
+        classNames: ["text-muted-strong", isCompact ? "" : "mx-1"],
+        textContent: "•",
+      });
+      separator.setAttribute("aria-hidden", "true");
+      metadata.appendChild(separator);
+
+      const edited = this.createElement("span", {
+        textContent: "Edited",
+      });
+      metadata.appendChild(edited);
+    }
+
+    authorMeta.appendChild(authorName);
+    authorMeta.appendChild(metadata);
+
+    wrapper.appendChild(avatarWrapper);
+    wrapper.appendChild(authorMeta);
+
+    this.authorPicEl = avatar;
+    this.authorNameEl = authorName;
+
+    return wrapper;
+  }
+
+  createEllipsisIcon(classNames = []) {
+    const svg = this.document.createElementNS(SVG_NAMESPACE, "svg");
+    svg.setAttribute("viewBox", "0 0 24 24");
+    svg.setAttribute("fill", "none");
+    svg.setAttribute("aria-hidden", "true");
+    svg.setAttribute("focusable", "false");
+    classNames.forEach((className) => {
+      if (className) {
+        svg.classList.add(className);
+      }
+    });
+
+    const addCircle = (cx) => {
+      const circle = this.document.createElementNS(SVG_NAMESPACE, "circle");
+      circle.setAttribute("cx", String(cx));
+      circle.setAttribute("cy", "12");
+      circle.setAttribute("r", "2");
+      circle.setAttribute("fill", "currentColor");
+      svg.appendChild(circle);
+    };
+
+    addCircle(5);
+    addCircle(12);
+    addCircle(19);
+
+    return svg;
+  }
+
+  createSettingsIcon(classNames = []) {
+    const svg = this.document.createElementNS(SVG_NAMESPACE, "svg");
+    svg.setAttribute("viewBox", "0 0 24 24");
+    svg.setAttribute("fill", "none");
+    svg.setAttribute("aria-hidden", "true");
+    svg.setAttribute("focusable", "false");
+    classNames.forEach((className) => {
+      if (className) {
+        svg.classList.add(className);
+      }
+    });
+
+    const path = this.document.createElementNS(SVG_NAMESPACE, "path");
+    path.setAttribute(
+      "d",
+      "M24,13.616L24,10.384C22.349,9.797 21.306,9.632 20.781,8.365L20.781,8.364C20.254,7.093 20.881,6.23 21.628,4.657L19.343,2.372C17.782,3.114 16.91,3.747 15.636,3.219L15.635,3.219C14.366,2.693 14.2,1.643 13.616,0L10.384,0C9.802,1.635 9.635,2.692 8.365,3.219L8.364,3.219C7.093,3.747 6.232,3.121 4.657,2.372L2.372,4.657C3.117,6.225 3.747,7.091 3.219,8.364C2.692,9.635 1.635,9.802 0,10.384L0,13.616C1.632,14.196 2.692,14.365 3.219,15.635C3.749,16.917 3.105,17.801 2.372,19.342L4.657,21.628C6.219,20.885 7.091,20.253 8.364,20.781L8.365,20.781C9.635,21.307 9.801,22.36 10.384,24L13.616,24C14.198,22.364 14.366,21.31 15.643,20.778L15.644,20.778C16.906,20.254 17.764,20.879 19.342,21.629L21.627,19.343C20.883,17.78 20.252,16.91 20.779,15.637C21.306,14.366 22.367,14.197 24,13.616ZM12,16C9.791,16 8,14.209 8,12C8,9.791 9.791,8 12,8C14.209,8 16,9.791 16,12C16,14.209 14.209,16 12,16Z"
+    );
+    path.setAttribute("fill", "currentColor");
+    path.setAttribute("fill-rule", "evenodd");
+    path.setAttribute("clip-rule", "evenodd");
+
+    svg.appendChild(path);
+
+    return svg;
+  }
+
+  buildControls() {
+    const container = this.createElement("div", {
+      classNames: ["flex", "items-center"]
+    });
+
+    const moreMenu = this.buildMoreMenu();
+    if (moreMenu) {
+      container.appendChild(moreMenu);
+    }
+
+    if (this.capabilities.canEdit) {
+      const button = this.createElement("button", {
+        classNames: [
+          "icon-button",
+          "accent-action-button",
+          "ml-2",
+        ],
+        attrs: {
+          type: "button",
+          "aria-haspopup": "true",
+          "aria-expanded": "false",
+          "aria-label": "Video settings",
+        },
+      });
+
+      const icon = this.createSettingsIcon(["icon-image", "w-5", "h-5"]);
+      button.appendChild(icon);
+
+      this.settingsButton = button;
+      container.appendChild(button);
+    }
+
+    return container;
+  }
+
+  buildMoreMenu() {
+    const button = this.createElement("button", {
+      classNames: [
+        "icon-button",
+        "accent-action-button",
+        "ml-1",
+      ],
+      attrs: {
+        type: "button",
+        "aria-haspopup": "true",
+        "aria-expanded": "false",
+        "aria-label": "More options",
+      },
+    });
+
+    const icon = this.createEllipsisIcon(["icon-image", "w-5", "h-5"]);
+    button.appendChild(icon);
+
+    this.moreMenuButton = button;
+
+    return button;
+  }
+
+  buildBadgesContainer() {
+    const isCompact = this.variant === "compact";
+    const pieces = [];
+
+    if (!isCompact && this.playbackUrl) {
+      const badge = this.createElement("span", {
+        classNames: ["badge", "url-health-badge"]
+      });
+      badge.setAttribute("aria-live", "polite");
+      badge.setAttribute("role", "status");
+      this.applyUrlBadgeVisualState(badge, this.getCachedUrlHealthEntry());
+      this.urlHealthBadgeEl = badge;
+      pieces.push(badge);
+    }
+
+    if (!isCompact && this.magnetSupported && this.magnetProvided) {
+      const badge = this.createElement("span", {
+        classNames: ["badge", "torrent-health-badge"]
+      });
+      badge.setAttribute("aria-live", "polite");
+      badge.setAttribute("role", "status");
+      this.applyStreamBadgeVisualState(
+        badge,
+        this.getCachedStreamHealthEntry()
+      );
+      this.torrentHealthBadgeEl = badge;
+      pieces.push(badge);
+    }
+
+    if (!pieces.length) {
+      return null;
+    }
+
+    const container = this.createElement("div", {
+      classNames: ["flex", "flex-wrap", "items-center", "gap-sm"]
+    });
+    pieces.forEach((el) => container.appendChild(el));
+    this.badgesContainerEl = container;
+    this.updateModerationAria();
+    return container;
+  }
+
+  getModerationBadgeId() {
+    if (this.moderationBadgeId) {
+      return this.moderationBadgeId;
+    }
+
+    const baseId =
+      typeof this.video?.id === "string" && this.video.id
+        ? this.video.id
+        : `index-${this.index}`;
+    const sanitized = baseId.replace(/[^a-zA-Z0-9_-]/g, "");
+    const id = `video-card-${sanitized}-moderation`;
+    this.moderationBadgeId = id;
+    return id;
+  }
+
+  getModerationContext() {
+    return normalizeVideoModerationContext(this.video?.moderation);
+  }
+
+  createModerationOverrideButton() {
+    const { text: label, ariaLabel } = getModerationOverrideActionLabels({
+      overrideActive: false,
+    });
+    const button = this.createElement("button", {
+      classNames: ["moderation-badge__action", "flex-shrink-0"],
+      attrs: {
+        type: "button",
+        "data-moderation-action": "override",
+        "aria-pressed": "false",
+        "aria-describedby": this.getModerationBadgeId(),
+        "aria-label": ariaLabel,
+      },
+      textContent: label,
+    });
+    button.addEventListener("click", this.boundShowAnywayHandler);
+    return button;
+  }
+
+  createModerationHideButton() {
+    const { text: label, ariaLabel } = getModerationOverrideActionLabels({
+      overrideActive: true,
+    });
+    const button = this.createElement("button", {
+      classNames: ["moderation-badge__action", "flex-shrink-0"],
+      attrs: {
+        type: "button",
+        "data-moderation-action": "hide",
+        "aria-describedby": this.getModerationBadgeId(),
+        "aria-label": ariaLabel,
+      },
+      textContent: label,
+    });
+    button.addEventListener("click", this.boundModerationHideHandler);
+    return button;
+  }
+
+  createModerationBlockButton() {
+    const button = this.createElement("button", {
+      classNames: ["moderation-badge__action", "flex-shrink-0"],
+      attrs: {
+        type: "button",
+        "data-moderation-action": "block",
+        "aria-describedby": this.getModerationBadgeId(),
+      },
+      textContent: "Block",
+    });
+    button.addEventListener("click", this.boundModerationBlockHandler);
+    return button;
+  }
+
+  handleModerationBlockClick(event) {
+    if (event) {
+      if (typeof event.preventDefault === "function") {
+        event.preventDefault();
+      }
+      if (typeof event.stopPropagation === "function") {
+        event.stopPropagation();
+      }
+    }
+
+    const button = this.moderationBlockButton;
+    if (button) {
+      button.disabled = true;
+      button.setAttribute("aria-busy", "true");
+    }
+
+    if (!this.callbacks.onModerationBlock) {
+      if (button) {
+        button.disabled = false;
+        button.removeAttribute("aria-busy");
+      }
+      return;
+    }
+
+    let result;
+    try {
+      result = this.callbacks.onModerationBlock({
+        event,
+        video: this.video,
+        card: this,
+      });
+    } catch (error) {
+      userLogger.warn("[VideoCard] onModerationBlock callback threw", error);
+      if (button) {
+        button.disabled = false;
+        button.removeAttribute("aria-busy");
+      }
+      return;
+    }
+
+    Promise.resolve(result)
+      .then((handled) => {
+        if (handled === false) {
+          if (button) {
+            button.disabled = false;
+            button.removeAttribute("aria-busy");
+          }
+          return;
+        }
+        this.refreshModerationUi();
+      })
+      .catch((error) => {
+        userLogger.warn("[VideoCard] Moderation block failed", error);
+        if (button) {
+          button.disabled = false;
+          button.removeAttribute("aria-busy");
+        }
+      });
+  }
+
+  handleShowAnywayClick(event) {
+    if (event) {
+      if (typeof event.preventDefault === "function") {
+        event.preventDefault();
+      }
+      if (typeof event.stopPropagation === "function") {
+        event.stopPropagation();
+      }
+    }
+
+    const button = this.moderationActionButton;
+    if (button) {
+      button.disabled = true;
+      button.setAttribute("aria-busy", "true");
+    }
+
+    if (!this.callbacks.onModerationOverride) {
+      if (button) {
+        button.disabled = false;
+        button.removeAttribute("aria-busy");
+      }
+      return;
+    }
+
+    let result;
+    try {
+      result = this.callbacks.onModerationOverride({
+        event,
+        video: this.video,
+        card: this,
+      });
+    } catch (error) {
+      userLogger.warn("[VideoCard] onModerationOverride callback threw", error);
+      if (button) {
+        button.disabled = false;
+        button.removeAttribute("aria-busy");
+      }
+      return;
+    }
+
+    Promise.resolve(result)
+      .then((handled) => {
+        if (handled === false) {
+          if (button) {
+            button.disabled = false;
+            button.removeAttribute("aria-busy");
+          }
+          return;
+        }
+      this.refreshModerationUi();
+    })
+    .catch((error) => {
+      userLogger.warn("[VideoCard] Moderation override failed", error);
+      if (button) {
+        button.disabled = false;
+        button.removeAttribute("aria-busy");
+      }
+    });
+  }
+
+  handleModerationHideClick(event) {
+    if (event) {
+      if (typeof event.preventDefault === "function") {
+        event.preventDefault();
+      }
+      if (typeof event.stopPropagation === "function") {
+        event.stopPropagation();
+      }
+    }
+
+    const button = this.moderationActionButton;
+    if (button) {
+      button.disabled = true;
+      button.setAttribute("aria-busy", "true");
+    }
+
+    if (!this.callbacks.onModerationHide) {
+      if (button) {
+        button.disabled = false;
+        button.removeAttribute("aria-busy");
+      }
+      return;
+    }
+
+    let result;
+    try {
+      result = this.callbacks.onModerationHide({
+        event,
+        video: this.video,
+        card: this,
+      });
+    } catch (error) {
+      userLogger.warn("[VideoCard] onModerationHide callback threw", error);
+      if (button) {
+        button.disabled = false;
+        button.removeAttribute("aria-busy");
+      }
+      return;
+    }
+
+    Promise.resolve(result)
+      .then((handled) => {
+        if (handled === false) {
+          if (button) {
+            button.disabled = false;
+            button.removeAttribute("aria-busy");
+          }
+          return;
+        }
+        this.refreshModerationUi();
+      })
+      .catch((error) => {
+        userLogger.warn("[VideoCard] Moderation hide failed", error);
+        if (button) {
+          button.disabled = false;
+          button.removeAttribute("aria-busy");
+        }
+      });
+  }
+
+  getModerationBadgeIconShape(state) {
+    if (state === "override") {
+      return {
+        d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.78-9.72a.75.75 0 00-1.06-1.06L9 11.94l-1.72-1.72a.75.75 0 10-1.06 1.06l2.25 2.25a.75.75 0 001.06 0l3.25-3.25z",
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+      };
+    }
+
+    return {
+      d: "M10 18a8 8 0 100-16 8 8 0 000 16zm-.75-11.75a.75.75 0 011.5 0v4.5a.75.75 0 01-1.5 0v-4.5zm.75 8.5a1 1 0 100-2 1 1 0 000 2z",
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+    };
+  }
+
+  updateModerationBadgeIcon(state) {
+    if (!this.moderationBadgeIconSvg) {
+      return;
+    }
+
+    this.moderationBadgeIconSvg.dataset.iconState = state;
+    const path = this.moderationBadgeIconSvg.firstElementChild;
+    if (!path) {
+      return;
+    }
+
+    const { d, fillRule, clipRule } = this.getModerationBadgeIconShape(state);
+    path.setAttribute("d", d);
+    if (fillRule) {
+      path.setAttribute("fill-rule", fillRule);
+    } else {
+      path.removeAttribute("fill-rule");
+    }
+    if (clipRule) {
+      path.setAttribute("clip-rule", clipRule);
+    } else {
+      path.removeAttribute("clip-rule");
+    }
+  }
+
+  createModerationBadgeIcon(state) {
+    const wrapper = this.createElement("span", {
+      classNames: ["moderation-badge__icon"],
+      attrs: { "aria-hidden": "true" },
+    });
+
+    const svg = this.document.createElementNS(SVG_NAMESPACE, "svg");
+    svg.setAttribute("viewBox", "0 0 20 20");
+    svg.setAttribute("focusable", "false");
+    svg.setAttribute("aria-hidden", "true");
+    svg.classList.add("moderation-badge__icon-mark");
+
+    const path = this.document.createElementNS(SVG_NAMESPACE, "path");
+    path.setAttribute("fill", "currentColor");
+    svg.appendChild(path);
+    wrapper.appendChild(svg);
+
+    this.moderationBadgeIconWrapper = wrapper;
+    this.moderationBadgeIconSvg = svg;
+    this.updateModerationBadgeIcon(state);
+
+    return wrapper;
+  }
+
+  shouldShowModerationBlockButton(context = this.getModerationContext()) {
+    if (!context || !context.trustedMuted) {
+      return false;
+    }
+    if (context.activeHidden && !context.overrideActive) {
+      return false;
+    }
+    return true;
+  }
+
+  buildModerationBadge(context = this.getModerationContext()) {
+    if (!context.shouldShow) {
+      this.moderationBadgeEl = null;
+      this.moderationBadgeLabelEl = null;
+      this.moderationBadgeTextEl = null;
+      this.moderationBadgeIconWrapper = null;
+      this.moderationBadgeIconSvg = null;
+      if (this.moderationActionButton) {
+        if (this.moderationActionButtonMode === "override") {
+          this.moderationActionButton.removeEventListener(
+            "click",
+            this.boundShowAnywayHandler,
+          );
+        } else if (this.moderationActionButtonMode === "hide") {
+          this.moderationActionButton.removeEventListener(
+            "click",
+            this.boundModerationHideHandler,
+          );
+        }
+        this.moderationActionButton.remove();
+      }
+      this.moderationActionButton = null;
+      this.moderationActionButtonMode = "";
+      if (this.moderationBlockButton) {
+        this.moderationBlockButton.removeEventListener(
+          "click",
+          this.boundModerationBlockHandler,
+        );
+      }
+      this.moderationBlockButton = null;
+      if (this.moderationActionsContainer) {
+        this.moderationActionsContainer.remove();
+        this.moderationActionsContainer = null;
+      }
+      return null;
+    }
+
+    const badge = this.createElement("div", {
+      classNames: ["moderation-badge"],
+    });
+    badge.dataset.variant = context.overrideActive ? "neutral" : "warning";
+    badge.dataset.moderationBadge = "true";
+    const hiddenActive = context.activeHidden && !context.overrideActive;
+    const state = context.overrideActive
+      ? "override"
+      : hiddenActive
+        ? "hidden"
+        : context.trustedMuted
+          ? "trusted-mute"
+          : "blocked";
+    badge.dataset.moderationState = state;
+    this.updateModerationBadgeIcon(state);
+    if (hiddenActive && context.effectiveHideReason) {
+      badge.dataset.moderationHideReason = context.effectiveHideReason;
+    }
+
+    const badgeId = this.getModerationBadgeId();
+    badge.id = badgeId;
+    badge.setAttribute("role", "status");
+    badge.setAttribute("aria-live", "polite");
+    badge.setAttribute("aria-atomic", "true");
+
+    const label = this.createElement("span", {
+      classNames: [
+        "moderation-badge__label",
+        "inline-flex",
+        "items-center",
+        "gap-xs",
+      ],
+    });
+
+    const icon = this.createModerationBadgeIcon(state);
+    if (icon) {
+      label.appendChild(icon);
+    }
+
+    const text = this.createElement("span", {
+      classNames: ["moderation-badge__text"],
+      textContent: buildModerationBadgeText(context, { variant: "card" }),
+    });
+    label.appendChild(text);
+    badge.appendChild(label);
+
+    const muteNames = Array.isArray(context.trustedMuteDisplayNames)
+      ? context.trustedMuteDisplayNames
+          .map((name) => (typeof name === "string" ? name.trim() : ""))
+          .filter(Boolean)
+      : [];
+    const reporterNames = Array.isArray(context.reporterDisplayNames)
+      ? context.reporterDisplayNames
+          .map((name) => (typeof name === "string" ? name.trim() : ""))
+          .filter(Boolean)
+      : [];
+
+    const allNames = [...muteNames, ...reporterNames];
+    const uniqueNames = [];
+    const seenNameKeys = new Set();
+    for (const name of allNames) {
+      if (typeof name !== "string" || !name.trim()) {
+        continue;
+      }
+      const key = name.trim().toLowerCase();
+      if (seenNameKeys.has(key)) {
+        continue;
+      }
+      seenNameKeys.add(key);
+      uniqueNames.push(name.trim());
+    }
+
+    if (uniqueNames.length) {
+      const joined = uniqueNames.join(", ");
+      const hasMutedNames = muteNames.length > 0;
+      const hasReporterNames = reporterNames.length > 0;
+      const prefix = hasMutedNames && hasReporterNames ? "Muted/Reported by" : hasMutedNames ? "Muted by" : "Reported by";
+      badge.title = `${prefix} ${joined}`;
+      badge.setAttribute("aria-label", `${text.textContent}. ${prefix} ${joined}.`);
+    } else {
+      badge.removeAttribute("title");
+      badge.setAttribute("aria-label", `${text.textContent}.`);
+    }
+
+    this.moderationBadgeEl = badge;
+    this.moderationBadgeLabelEl = label;
+    this.moderationBadgeTextEl = text;
+
+    const actions = this.createElement("div", {
+      classNames: ["moderation-badge__actions"],
+    });
+    let hasActions = false;
+
+    if (context.allowOverride) {
+      if (context.overrideActive) {
+        const hideButton = this.createModerationHideButton();
+        actions.appendChild(hideButton);
+        this.moderationActionButton = hideButton;
+        this.moderationActionButtonMode = "hide";
+      } else {
+        const showButton = this.createModerationOverrideButton();
+        actions.appendChild(showButton);
+        this.moderationActionButton = showButton;
+        this.moderationActionButtonMode = "override";
+      }
+      hasActions = true;
+    } else {
+      if (this.moderationActionButton) {
+        if (this.moderationActionButtonMode === "override") {
+          this.moderationActionButton.removeEventListener(
+            "click",
+            this.boundShowAnywayHandler,
+          );
+        } else if (this.moderationActionButtonMode === "hide") {
+          this.moderationActionButton.removeEventListener(
+            "click",
+            this.boundModerationHideHandler,
+          );
+        }
+        this.moderationActionButton.remove();
+      }
+      this.moderationActionButton = null;
+      this.moderationActionButtonMode = "";
+    }
+
+    if (this.shouldShowModerationBlockButton(context)) {
+      const blockButton = this.createModerationBlockButton();
+      actions.appendChild(blockButton);
+      this.moderationBlockButton = blockButton;
+      this.moderationBlockButton.disabled = false;
+      this.moderationBlockButton.removeAttribute("aria-busy");
+      hasActions = true;
+    } else {
+      if (this.moderationBlockButton) {
+        this.moderationBlockButton.removeEventListener(
+          "click",
+          this.boundModerationBlockHandler,
+        );
+        this.moderationBlockButton.remove();
+      }
+      this.moderationBlockButton = null;
+    }
+
+    if (hasActions) {
+      badge.appendChild(actions);
+      this.moderationActionsContainer = actions;
+    } else {
+      this.moderationActionsContainer = null;
+    }
+
+    return badge;
+  }
+
+  updateModerationBadge(context = this.getModerationContext()) {
+    const badge = this.moderationBadgeEl;
+    let slot = this.moderationBadgeSlot;
+    const hiddenActive = context.activeHidden && !context.overrideActive;
+
+    if (!slot && this.anchorEl) {
+      slot = this.createElement("div", {
+        classNames: [
+          "video-card__moderation-overlay",
+          "absolute",
+          "inset-0",
+          "flex",
+          "items-center",
+          "justify-center",
+          "p-4",
+          "z-10",
+          "pointer-events-none",
+        ],
+      });
+      slot.hidden = true;
+      slot.setAttribute("aria-hidden", "true");
+      this.moderationBadgeSlot = slot;
+      this.anchorEl.appendChild(slot);
+    }
+
+    if (badge) {
+      if (!this.moderationBadgeLabelEl) {
+        const label = badge.querySelector(".moderation-badge__label");
+        if (label) {
+          this.moderationBadgeLabelEl = label;
+        }
+      }
+      if (!this.moderationBadgeIconWrapper) {
+        const iconWrapper = badge.querySelector(".moderation-badge__icon");
+        if (iconWrapper) {
+          this.moderationBadgeIconWrapper = iconWrapper;
+        }
+      }
+      if (!this.moderationBadgeIconSvg) {
+        const iconSvg = badge.querySelector(".moderation-badge__icon svg");
+        if (iconSvg) {
+          this.moderationBadgeIconSvg = iconSvg;
+        }
+      }
+      if (!this.moderationBadgeTextEl) {
+        const textEl = badge.querySelector(".moderation-badge__text");
+        if (textEl) {
+          this.moderationBadgeTextEl = textEl;
+        }
+      }
+    }
+
+    if (!context.shouldShow) {
+      if (badge && badge.parentElement) {
+        badge.parentElement.removeChild(badge);
+      }
+      if (slot) {
+        slot.hidden = true;
+        slot.setAttribute("aria-hidden", "true");
+      }
+      if (this.moderationActionButton) {
+        if (this.moderationActionButtonMode === "override") {
+          this.moderationActionButton.removeEventListener(
+            "click",
+            this.boundShowAnywayHandler,
+          );
+        } else if (this.moderationActionButtonMode === "hide") {
+          this.moderationActionButton.removeEventListener(
+            "click",
+            this.boundModerationHideHandler,
+          );
+        }
+        this.moderationActionButton.remove();
+      }
+      if (this.moderationBlockButton) {
+        this.moderationBlockButton.removeEventListener(
+          "click",
+          this.boundModerationBlockHandler,
+        );
+        this.moderationBlockButton.remove();
+        this.moderationBlockButton = null;
+      }
+      this.moderationBadgeEl = null;
+      this.moderationBadgeLabelEl = null;
+      this.moderationBadgeTextEl = null;
+      this.moderationBadgeIconWrapper = null;
+      this.moderationBadgeIconSvg = null;
+      this.moderationActionButton = null;
+      this.moderationActionButtonMode = "";
+      if (this.moderationActionsContainer) {
+        this.moderationActionsContainer.remove();
+        this.moderationActionsContainer = null;
+      }
+      if (this.hiddenSummaryEl && this.hiddenSummaryEl.parentElement === this.root) {
+        this.hiddenSummaryEl.remove();
+      }
+      this.updateModerationAria();
+      return;
+    }
+
+    if (!badge) {
+      const nextBadge = this.buildModerationBadge(context);
+      if (nextBadge && slot) {
+        nextBadge.style.pointerEvents = "auto"; // Enable interaction on badge itself
+        nextBadge.classList.add("opacity-95"); // Slight transparency
+        slot.appendChild(nextBadge);
+        slot.hidden = false;
+        slot.removeAttribute("aria-hidden");
+      }
+      this.updateModerationAria();
+      return;
+    }
+
+    badge.style.pointerEvents = "auto";
+    badge.classList.add("opacity-95");
+    badge.dataset.variant = context.overrideActive ? "neutral" : "warning";
+    const state = context.overrideActive
+      ? "override"
+      : hiddenActive
+        ? "hidden"
+        : context.trustedMuted
+          ? "trusted-mute"
+          : "blocked";
+    badge.dataset.moderationState = state;
+    this.updateModerationBadgeIcon(state);
+    if (hiddenActive && context.effectiveHideReason) {
+      badge.dataset.moderationHideReason = context.effectiveHideReason;
+    } else if (badge.dataset.moderationHideReason) {
+      delete badge.dataset.moderationHideReason;
+    }
+
+    const textContent = buildModerationBadgeText(context, { variant: "card" });
+    if (this.moderationBadgeTextEl) {
+      this.moderationBadgeTextEl.textContent = textContent;
+    }
+
+    const muteNames = Array.isArray(context.trustedMuteDisplayNames)
+      ? context.trustedMuteDisplayNames
+          .map((name) => (typeof name === "string" ? name.trim() : ""))
+          .filter(Boolean)
+      : [];
+    const reporterNames = Array.isArray(context.reporterDisplayNames)
+      ? context.reporterDisplayNames
+          .map((name) => (typeof name === "string" ? name.trim() : ""))
+          .filter(Boolean)
+      : [];
+
+    const allNames = [...muteNames, ...reporterNames];
+    const uniqueNames = [];
+    const seenNameKeys = new Set();
+    for (const name of allNames) {
+      if (typeof name !== "string" || !name.trim()) {
+        continue;
+      }
+      const key = name.trim().toLowerCase();
+      if (seenNameKeys.has(key)) {
+        continue;
+      }
+      seenNameKeys.add(key);
+      uniqueNames.push(name.trim());
+    }
+
+    if (uniqueNames.length) {
+      const joined = uniqueNames.join(", ");
+      const hasMutedNames = muteNames.length > 0;
+      const hasReporterNames = reporterNames.length > 0;
+      const prefix = hasMutedNames && hasReporterNames ? "Muted/Reported by" : hasMutedNames ? "Muted by" : "Reported by";
+      badge.title = `${prefix} ${joined}`;
+      badge.setAttribute("aria-label", `${textContent}. ${prefix} ${joined}.`);
+    } else {
+      badge.removeAttribute("title");
+      badge.setAttribute("aria-label", `${textContent}.`);
+    }
+
+    if (slot) {
+      slot.hidden = false;
+      slot.removeAttribute("aria-hidden");
+      if (badge.parentElement !== slot) {
+        if (badge.parentElement) {
+          badge.parentElement.removeChild(badge);
+        }
+        slot.appendChild(badge);
+      }
+    }
+
+    let actions = this.moderationActionsContainer;
+    if ((!actions || !actions.isConnected) && badge) {
+      const existing = badge.querySelector(".moderation-badge__actions");
+      actions = existing || this.createElement("div", {
+        classNames: ["moderation-badge__actions"],
+      });
+      this.moderationActionsContainer = actions;
+    }
+
+    const badgeId = this.getModerationBadgeId();
+    let actionsAttached = false;
+
+    if (context.allowOverride) {
+      const desiredMode = context.overrideActive ? "hide" : "override";
+
+      if (!this.moderationActionButton) {
+        this.moderationActionButton =
+          desiredMode === "hide"
+            ? this.createModerationHideButton()
+            : this.createModerationOverrideButton();
+        this.moderationActionButtonMode = desiredMode;
+      } else if (this.moderationActionButtonMode !== desiredMode) {
+        if (this.moderationActionButtonMode === "override") {
+          this.moderationActionButton.removeEventListener(
+            "click",
+            this.boundShowAnywayHandler,
+          );
+        } else if (this.moderationActionButtonMode === "hide") {
+          this.moderationActionButton.removeEventListener(
+            "click",
+            this.boundModerationHideHandler,
+          );
+        }
+
+        if (desiredMode === "hide") {
+          const { text: label, ariaLabel } = getModerationOverrideActionLabels({
+            overrideActive: true,
+          });
+          this.moderationActionButton.textContent = label;
+          this.moderationActionButton.dataset.moderationAction = "hide";
+          this.moderationActionButton.removeAttribute("aria-pressed");
+          this.moderationActionButton.setAttribute("aria-label", ariaLabel);
+          this.moderationActionButton.addEventListener(
+            "click",
+            this.boundModerationHideHandler,
+          );
+        } else {
+          const { text: label, ariaLabel } = getModerationOverrideActionLabels({
+            overrideActive: false,
+          });
+          this.moderationActionButton.textContent = label;
+          this.moderationActionButton.dataset.moderationAction = "override";
+          this.moderationActionButton.setAttribute("aria-pressed", "false");
+          this.moderationActionButton.setAttribute("aria-label", ariaLabel);
+          this.moderationActionButton.addEventListener(
+            "click",
+            this.boundShowAnywayHandler,
+          );
+        }
+
+        this.moderationActionButtonMode = desiredMode;
+      }
+
+      if (this.moderationActionButton) {
+        this.moderationActionButton.disabled = false;
+        this.moderationActionButton.removeAttribute("aria-busy");
+        if (badgeId) {
+          this.moderationActionButton.setAttribute("aria-describedby", badgeId);
+        } else {
+          this.moderationActionButton.removeAttribute("aria-describedby");
+        }
+        if (actions && this.moderationActionButton.parentElement !== actions) {
+          actions.appendChild(this.moderationActionButton);
+        }
+        actionsAttached = true;
+      }
+    } else if (this.moderationActionButton) {
+      if (this.moderationActionButtonMode === "override") {
+        this.moderationActionButton.removeEventListener(
+          "click",
+          this.boundShowAnywayHandler,
+        );
+      } else if (this.moderationActionButtonMode === "hide") {
+        this.moderationActionButton.removeEventListener(
+          "click",
+          this.boundModerationHideHandler,
+        );
+      }
+      this.moderationActionButton.remove();
+      this.moderationActionButton = null;
+      this.moderationActionButtonMode = "";
+    }
+
+    if (this.shouldShowModerationBlockButton(context)) {
+      if (!this.moderationBlockButton) {
+        this.moderationBlockButton = this.createModerationBlockButton();
+      }
+      this.moderationBlockButton.disabled = false;
+      this.moderationBlockButton.removeAttribute("aria-busy");
+      if (badgeId) {
+        this.moderationBlockButton.setAttribute("aria-describedby", badgeId);
+      } else {
+        this.moderationBlockButton.removeAttribute("aria-describedby");
+      }
+      if (actions && this.moderationBlockButton.parentElement !== actions) {
+        actions.appendChild(this.moderationBlockButton);
+      }
+      actionsAttached = true;
+    } else if (this.moderationBlockButton) {
+      this.moderationBlockButton.removeEventListener(
+        "click",
+        this.boundModerationBlockHandler,
+      );
+      this.moderationBlockButton.remove();
+      this.moderationBlockButton = null;
+    }
+
+    if (actions) {
+      if (actionsAttached) {
+        if (badge && actions.parentElement !== badge) {
+          badge.appendChild(actions);
+        }
+      } else if (actions.parentElement) {
+        actions.parentElement.removeChild(actions);
+        this.moderationActionsContainer = null;
+      } else {
+        this.moderationActionsContainer = null;
+      }
+    }
+  }
+
+  ensureHiddenSummaryContainer() {
+    if (!this.root) {
+      return null;
+    }
+
+    if (!this.hiddenSummaryEl) {
+      this.hiddenSummaryEl = this.createElement("div", {
+        classNames: ["p-md", "bv-stack", "bv-stack--tight"],
+      });
+      this.hiddenSummaryEl.dataset.moderationHiddenContainer = "true";
+      this.hiddenSummaryEl.setAttribute("role", "group");
+      this.hiddenSummaryEl.setAttribute("aria-live", "polite");
+    }
+
+    const container = this.hiddenSummaryEl;
+    container.hidden = false;
+    container.removeAttribute("aria-hidden");
+
+    const referenceNode = this.anchorEl && this.anchorEl.parentElement === this.root ? this.anchorEl : this.root.firstChild;
+    if (referenceNode && referenceNode.parentElement === this.root) {
+      if (container.parentElement !== this.root || container.nextSibling !== referenceNode) {
+        this.root.insertBefore(container, referenceNode);
+      }
+    } else if (container.parentElement !== this.root) {
+      this.root.appendChild(container);
+    }
+
+    const badgeId = this.getModerationBadgeId();
+    if (badgeId) {
+      container.setAttribute("aria-labelledby", badgeId);
+    } else {
+      container.removeAttribute("aria-labelledby");
+    }
+
+    return container;
+  }
+
+  updateHiddenState(context = this.getModerationContext()) {
+    const hiddenActive = context.activeHidden && !context.overrideActive;
+    const container = this.hiddenSummaryEl;
+    const badgeSlot = this.moderationBadgeSlot;
+
+    if (hiddenActive) {
+      if (this.anchorEl) {
+        this.anchorEl.setAttribute("hidden", "");
+        this.anchorEl.setAttribute("aria-hidden", "true");
+      }
+      if (this.contentEl) {
+        this.contentEl.setAttribute("hidden", "");
+        this.contentEl.setAttribute("aria-hidden", "true");
+      }
+
+      // In hidden state (blocked), the anchor/thumbnail is hidden, so overlay slot
+      // won't be visible. We rely on the summary container below.
+      // We hide the badge slot here because we don't want it floating if anchor is hidden
+      // (though usually anchor hidden means children hidden too).
+      // However, if we move badgeSlot to be a child of anchorEl, it will be hidden automatically.
+
+      if (badgeSlot) {
+        // If it's a child of anchorEl, it's hidden by parent.
+        // We can force it hidden to be safe.
+        badgeSlot.hidden = true;
+        badgeSlot.setAttribute("aria-hidden", "true");
+      }
+
+      const summaryContainer = this.ensureHiddenSummaryContainer();
+      if (summaryContainer) {
+        const description = buildModerationBadgeText(context, { variant: "card" });
+        if (description) {
+          summaryContainer.setAttribute("aria-label", description);
+        } else {
+          summaryContainer.removeAttribute("aria-label");
+        }
+      }
+    } else {
+      if (this.anchorEl) {
+        this.anchorEl.removeAttribute("hidden");
+        this.anchorEl.removeAttribute("aria-hidden");
+      }
+      if (this.contentEl) {
+        this.contentEl.removeAttribute("hidden");
+        this.contentEl.removeAttribute("aria-hidden");
+      }
+      // Restore badge slot visibility if badge exists and we are not hidden
+      if (badgeSlot && this.moderationBadgeEl) {
+        badgeSlot.hidden = false;
+        badgeSlot.removeAttribute("aria-hidden");
+      } else if (badgeSlot) {
+        badgeSlot.hidden = true;
+        badgeSlot.setAttribute("aria-hidden", "true");
+      }
+      if (container) {
+        container.hidden = true;
+        container.setAttribute("aria-hidden", "true");
+        container.removeAttribute("aria-labelledby");
+        container.removeAttribute("aria-label");
+        if (container.parentElement === this.root) {
+          this.root.removeChild(container);
+        }
+      }
+    }
+  }
+
+  updateModerationAria() {
+    const badgeId = this.moderationBadgeEl ? this.getModerationBadgeId() : "";
+    const elements = [this.anchorEl, this.titleEl].filter(Boolean);
+    elements.forEach((el) => {
+      if (!el || typeof el.getAttribute !== "function") {
+        return;
+      }
+      const attr = el.getAttribute("aria-describedby") || "";
+      const tokens = attr.split(/\s+/).filter(Boolean);
+      const filtered = tokens.filter((token) => token !== this.moderationBadgeId);
+      if (badgeId) {
+        filtered.push(badgeId);
+      }
+      if (filtered.length) {
+        el.setAttribute("aria-describedby", Array.from(new Set(filtered)).join(" "));
+      } else {
+        el.removeAttribute("aria-describedby");
+      }
+    });
+  }
+
+  refreshModerationUi() {
+    const context = this.getModerationContext();
+    this.applyModerationDatasets(context);
+    this.updateModerationBadge(context);
+    this.updateHiddenState(context);
+    this.updateModerationAria();
+  }
+
+  getCachedUrlHealthEntry() {
+    if (!this.video?.id || !(this.state.urlHealthByVideoId instanceof Map)) {
+      return null;
+    }
+
+    const entry = this.state.urlHealthByVideoId.get(this.video.id);
+    if (!entry || typeof entry !== "object") {
+      return null;
+    }
+
+    const normalized = {};
+    if (typeof entry.status === "string" && entry.status) {
+      normalized.status = entry.status;
+    }
+    if (typeof entry.message === "string" && entry.message) {
+      normalized.message = entry.message;
+    }
+    if (Number.isFinite(entry.lastCheckedAt)) {
+      normalized.lastCheckedAt = Math.floor(entry.lastCheckedAt);
+    }
+
+    return Object.keys(normalized).length ? normalized : null;
+  }
+
+  getCachedStreamHealthEntry() {
+    if (!this.video?.id || !(this.state.streamHealthByVideoId instanceof Map)) {
+      return null;
+    }
+
+    const entry = this.state.streamHealthByVideoId.get(this.video.id);
+    if (!entry || typeof entry !== "object") {
+      return null;
+    }
+
+    const normalized = {};
+    if (typeof entry.state === "string" && entry.state) {
+      normalized.state = entry.state;
+    }
+    if (Number.isFinite(entry.peers)) {
+      normalized.peers = Math.max(0, Number(entry.peers));
+    }
+    if (typeof entry.reason === "string" && entry.reason) {
+      normalized.reason = entry.reason;
+    }
+    if (Number.isFinite(entry.checkedAt)) {
+      normalized.checkedAt = Math.floor(entry.checkedAt);
+    }
+    if (typeof entry.text === "string" && entry.text) {
+      normalized.text = entry.text;
+    }
+    if (typeof entry.tooltip === "string" && entry.tooltip) {
+      normalized.tooltip = entry.tooltip;
+    }
+    if (entry.role === "alert" || entry.role === "status") {
+      normalized.role = entry.role;
+    }
+    if (entry.ariaLive === "assertive" || entry.ariaLive === "polite") {
+      normalized.ariaLive = entry.ariaLive;
+    }
+
+    return Object.keys(normalized).length ? normalized : null;
+  }
+
+  formatTorrentCheckedTime(timestamp) {
+    if (!Number.isFinite(timestamp)) {
+      return "";
+    }
+
+    try {
+      return new Date(timestamp).toLocaleTimeString([], { hour12: false });
+    } catch (error) {
+      try {
+        return new Date(timestamp).toLocaleTimeString();
+      } catch (err) {
+        return "";
+      }
+    }
+  }
+
+  buildTorrentTooltip({
+    peers = null,
+    checkedAt = null,
+    reason = null,
+    webseedOnly = false,
+  } = {}) {
+    const parts = [];
+    if (webseedOnly) {
+      parts.push("Webseed only");
+    } else if (Number.isFinite(peers)) {
+      parts.push(`Peers: ${Math.max(0, Number(peers))}`);
+    }
+    if (Number.isFinite(checkedAt)) {
+      const formatted = this.formatTorrentCheckedTime(checkedAt);
+      if (formatted) {
+        parts.push(`Checked ${formatted}`);
+      }
+    }
+    if (typeof reason === "string" && reason && reason !== "peer") {
+      let normalizedReason;
+      if (reason === "timeout") {
+        normalizedReason = "Timed out";
+      } else if (reason === "no-trackers") {
+        normalizedReason = "No WSS trackers";
+      } else if (reason === "invalid") {
+        normalizedReason = "Invalid magnet";
+      } else {
+        normalizedReason = reason.charAt(0).toUpperCase() + reason.slice(1);
+      }
+      parts.push(normalizedReason);
+    }
+    if (!parts.length) {
+      return "WebTorrent status unknown";
+    }
+    return `WebTorrent • ${parts.join(" • ")}`;
+  }
+
+  applyUrlBadgeVisualState(badge, entry) {
+    if (!(badge instanceof HTMLElement)) {
+      return;
+    }
+
+    const status =
+      typeof entry?.status === "string" && entry.status
+        ? entry.status
+        : "checking";
+    const fallbackMessages = {
+      healthy: "✅ CDN",
+      offline: "❌ CDN",
+      unknown: "⚠️ CDN",
+      timeout: "⚠️ CDN timed out",
+      checking: "⏳ CDN"
+    };
+    const message =
+      typeof entry?.message === "string" && entry.message
+        ? entry.message
+        : fallbackMessages[status] || fallbackMessages.checking;
+
+    badge.className = ["badge", "url-health-badge"].join(" ");
+
+    const variantMap = {
+      healthy: "success",
+      offline: "critical",
+      unknown: "neutral",
+      timeout: "neutral",
+      checking: "neutral"
+    };
+    const variant = variantMap[status];
+    if (variant) {
+      badge.dataset.variant = variant;
+    } else if (badge.dataset.variant) {
+      delete badge.dataset.variant;
+    }
+
+    badge.dataset.urlHealthState = status;
+    badge.textContent = message;
+    badge.setAttribute("aria-live", "polite");
+    badge.setAttribute("role", status === "offline" ? "alert" : "status");
+  }
+
+  applyStreamBadgeVisualState(badge, entry) {
+    if (!(badge instanceof HTMLElement)) {
+      return;
+    }
+
+    const state =
+      typeof entry?.state === "string" && entry.state
+        ? entry.state
+        : "checking";
+    const peersValue = Number.isFinite(entry?.peers)
+      ? Math.max(0, Number(entry.peers))
+      : null;
+    const reason =
+      typeof entry?.reason === "string" && entry.reason ? entry.reason : null;
+    const webseedOnly = Boolean(entry?.webseedOnly);
+    const text =
+      typeof entry?.text === "string" && entry.text ? entry.text : null;
+    const tooltip =
+      typeof entry?.tooltip === "string" && entry.tooltip
+        ? entry.tooltip
+        : null;
+    const role =
+      entry?.role === "alert" || entry?.role === "status" ? entry.role : null;
+    const ariaLive =
+      entry?.ariaLive === "assertive" || entry?.ariaLive === "polite"
+        ? entry.ariaLive
+        : role === "alert"
+          ? "assertive"
+          : "polite";
+
+    badge.className = ["badge", "torrent-health-badge"].join(" ");
+
+    const map = {
+      healthy: {
+        icon: "🟢",
+        aria: "WebTorrent peers available",
+        variant: "success",
+        role: "status"
+      },
+      unhealthy: {
+        icon: "🔴",
+        aria: "WebTorrent peers unavailable",
+        variant: "critical",
+        role: "alert"
+      },
+      checking: {
+        icon: "⏳",
+        aria: "Checking WebTorrent peers",
+        variant: "neutral",
+        role: "status"
+      },
+      unknown: {
+        icon: "⚪",
+        aria: "WebTorrent status unknown",
+        variant: "neutral",
+        role: "status"
+      }
+    };
+
+    const descriptor = map[state] || map.unknown;
+    if (descriptor.variant) {
+      badge.dataset.variant = descriptor.variant;
+    } else if (badge.dataset.variant) {
+      delete badge.dataset.variant;
+    }
+    const iconPrefix = descriptor.icon ? `${descriptor.icon} ` : "";
+    const computedText = `${iconPrefix}WebTorrent`;
+    badge.textContent = text || computedText;
+
+    const tooltipValue =
+      tooltip ||
+      (state === "checking" || state === "unknown"
+        ? descriptor.aria
+        : this.buildTorrentTooltip({
+            peers: peersValue,
+            checkedAt: Number.isFinite(entry?.checkedAt)
+              ? entry.checkedAt
+              : null,
+            reason,
+            webseedOnly,
+          }));
+
+    badge.setAttribute("aria-label", tooltipValue);
+    badge.setAttribute("title", tooltipValue);
+    badge.setAttribute("aria-live", ariaLive);
+    badge.setAttribute(
+      "role",
+      role || (state === "unhealthy" ? "alert" : "status")
+    );
+
+    badge.dataset.streamHealthState = state;
+    if (reason) {
+      badge.dataset.streamHealthReason = reason;
+    } else if (badge.dataset.streamHealthReason) {
+      delete badge.dataset.streamHealthReason;
+    }
+
+    if (Number.isFinite(peersValue) && peersValue !== null) {
+      badge.dataset.streamHealthPeers = String(peersValue);
+    } else if (badge.dataset.streamHealthPeers) {
+      delete badge.dataset.streamHealthPeers;
+    }
+  }
+
+  createEyeIcon(classNames = []) {
+    const svg = this.document.createElementNS(SVG_NAMESPACE, "svg");
+    svg.setAttribute("viewBox", "0 0 24 24");
+    svg.setAttribute("fill", "none");
+    svg.setAttribute("aria-hidden", "true");
+    svg.setAttribute("focusable", "false");
+    svg.setAttribute("stroke", "currentColor");
+    svg.setAttribute("stroke-width", "2");
+    svg.setAttribute("stroke-linecap", "round");
+    svg.setAttribute("stroke-linejoin", "round");
+
+    classNames.forEach((className) => {
+      if (className) {
+        svg.classList.add(className);
+      }
+    });
+
+    const path = this.document.createElementNS(SVG_NAMESPACE, "path");
+    path.setAttribute("d", "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z");
+    svg.appendChild(path);
+
+    const circle = this.document.createElementNS(SVG_NAMESPACE, "circle");
+    circle.setAttribute("cx", "12");
+    circle.setAttribute("cy", "12");
+    circle.setAttribute("r", "3");
+    svg.appendChild(circle);
+
+    return svg;
+  }
+
+  createMessageIcon(classNames = []) {
+    const svg = this.document.createElementNS(SVG_NAMESPACE, "svg");
+    svg.setAttribute("viewBox", "0 0 24 24");
+    svg.setAttribute("fill", "none");
+    svg.setAttribute("aria-hidden", "true");
+    svg.setAttribute("focusable", "false");
+    svg.setAttribute("stroke", "currentColor");
+    svg.setAttribute("stroke-width", "2");
+    svg.setAttribute("stroke-linecap", "round");
+    svg.setAttribute("stroke-linejoin", "round");
+
+    classNames.forEach((className) => {
+      if (className) {
+        svg.classList.add(className);
+      }
+    });
+
+    const path = this.document.createElementNS(SVG_NAMESPACE, "path");
+    path.setAttribute(
+      "d",
+      "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"
+    );
+    svg.appendChild(path);
+
+    return svg;
+  }
+
+  buildEngagementSection() {
+    // Check availability
+    const hasPointer = this.pointerInfo && this.pointerInfo.key;
+    const hasDiscussion =
+      this.variant !== "compact" &&
+      this.video.enableComments !== false &&
+      (typeof this.video.discussionCount === "number" ||
+        (typeof this.video.discussionCount === "string" &&
+          this.video.discussionCount.trim()));
+
+    if (!hasPointer && !hasDiscussion) {
+      return null;
+    }
+
+    const container = this.createElement("div", {
+      classNames: [
+        "flex",
+        "items-center",
+        "gap-4",
+        "text-xs",
+        "text-muted-strong",
+        "mt-3",
+        "video-card__engagement",
+      ],
+    });
+
+    // Views
+    if (hasPointer) {
+      const wrapper = this.createElement("div", {
+        classNames: ["flex", "items-center", "gap-1.5"],
+      });
+      wrapper.setAttribute("title", "Views");
+
+      const icon = this.createEyeIcon(["w-4", "h-4"]);
+      wrapper.appendChild(icon);
+
+      const view = this.createElement("span", {
+        classNames: ["view-count-text"],
+        textContent: "–",
+      });
+      view.dataset.viewCount = "";
+      view.dataset.viewPointer = this.pointerInfo.key;
+
+      wrapper.appendChild(view);
+      container.appendChild(wrapper);
+
+      this.viewCountEl = view;
+    }
+
+    // Discussion
+    if (hasDiscussion) {
+      let initialCount = 0;
+      if (typeof this.video.discussionCount === "number") {
+        initialCount = this.video.discussionCount;
+      } else if (typeof this.video.discussionCount === "string") {
+        const parsed = Number.parseInt(this.video.discussionCount.trim(), 10);
+        if (Number.isFinite(parsed)) {
+          initialCount = parsed;
+        }
+      }
+
+      if (Number.isFinite(initialCount) && initialCount >= 0) {
+        const wrapper = this.createElement("div", {
+          classNames: ["flex", "items-center", "gap-1.5"],
+        });
+        wrapper.dataset.discussionCount = this.video.id;
+        wrapper.dataset.countState = "ready";
+        wrapper.setAttribute("title", "Comments");
+
+        const icon = this.createMessageIcon(["w-4", "h-4"]);
+        wrapper.appendChild(icon);
+
+        const safeCount = Math.floor(initialCount);
+        const displayValue = this.helpers.toLocaleString
+          ? this.helpers.toLocaleString(safeCount)
+          : safeCount.toLocaleString();
+
+        const valueEl = this.createElement("span", {
+          textContent: displayValue,
+        });
+        valueEl.dataset.discussionCountValue = "";
+
+        wrapper.appendChild(valueEl);
+        container.appendChild(wrapper);
+
+        this.discussionCountEl = wrapper;
+      }
+    }
+
+    return container;
+  }
+
+  applyNsfwContext() {
+    if (!this.root) {
+      return;
+    }
+
+    if (!this.nsfwContext?.isNsfw) {
+      if (this.root.dataset.nsfwVisibility) {
+        delete this.root.dataset.nsfwVisibility;
+      }
+      if (this.root.dataset.alert) {
+        delete this.root.dataset.alert;
+      }
+      this.syncCardState();
+      return;
+    }
+
+    if (this.shouldMaskNsfwForOwner) {
+      this.root.dataset.nsfwVisibility = "owner-only";
+      this.root.dataset.alert = "nsfw-owner";
+      this.root.dataset.state = "critical";
+      return;
+    }
+
+    this.root.dataset.nsfwVisibility = this.nsfwContext.allowNsfw
+      ? "allowed"
+      : "hidden";
+    if (this.root.dataset.alert) {
+      delete this.root.dataset.alert;
+    }
+    this.syncCardState();
+  }
+
+  applyPointerDataset() {
+    if (!this.root) {
+      return;
+    }
+    if (this.pointerInfo && this.pointerInfo.key) {
+      this.root.dataset.pointerKey = this.pointerInfo.key;
+      const pointer = Array.isArray(this.pointerInfo.pointer)
+        ? this.pointerInfo.pointer
+        : null;
+      if (pointer && pointer.length) {
+        const [type, value, relay] = pointer;
+        if (type) {
+          this.root.dataset.pointerType = type;
+        }
+        if (value) {
+          this.root.dataset.pointerValue = value;
+        }
+        if (relay) {
+          this.root.dataset.pointerRelay = relay;
+        }
+      }
+    }
+  }
+
+  applyOwnerDataset() {
+    if (!this.root) {
+      return;
+    }
+    this.root.dataset.ownerIsViewer = this.capabilities.canEdit
+      ? "true"
+      : "false";
+    if (this.video.pubkey) {
+      this.root.dataset.ownerPubkey = this.video.pubkey;
+    }
+  }
+
+  applySourceDatasets() {
+    if (!this.root) {
+      return;
+    }
+
+    const cachedUrlHealth = this.getCachedUrlHealthEntry();
+    if (this.playbackUrl) {
+      const status =
+        typeof cachedUrlHealth?.status === "string" && cachedUrlHealth.status
+          ? cachedUrlHealth.status
+          : "checking";
+      this.root.dataset.urlHealthState = status;
+      delete this.root.dataset.urlHealthReason;
+      this.root.dataset.urlHealthEventId = this.video.id || "";
+      this.root.dataset.urlHealthUrl = encodeURIComponent(this.playbackUrl);
+    } else {
+      this.root.dataset.urlHealthState = "offline";
+      this.root.dataset.urlHealthReason = "missing-source";
+      delete this.root.dataset.urlHealthEventId;
+      delete this.root.dataset.urlHealthUrl;
+    }
+
+    const cachedStreamHealth = this.getCachedStreamHealthEntry();
+    if (this.magnetProvided && this.magnetSupported) {
+      const state =
+        typeof cachedStreamHealth?.state === "string" &&
+        cachedStreamHealth.state
+          ? cachedStreamHealth.state
+          : "checking";
+      this.root.dataset.streamHealthState = state;
+      if (cachedStreamHealth?.reason) {
+        this.root.dataset.streamHealthReason = cachedStreamHealth.reason;
+      } else if (this.root.dataset.streamHealthReason) {
+        delete this.root.dataset.streamHealthReason;
+      }
+      if (Number.isFinite(cachedStreamHealth?.peers)) {
+        this.root.dataset.streamHealthPeers = String(
+          Math.max(0, Number(cachedStreamHealth.peers))
+        );
+      } else if (this.root.dataset.streamHealthPeers) {
+        delete this.root.dataset.streamHealthPeers;
+      }
+    } else {
+      this.root.dataset.streamHealthState = "unhealthy";
+      this.root.dataset.streamHealthReason = this.magnetProvided
+        ? "unsupported"
+        : "missing-source";
+      if (this.root.dataset.streamHealthPeers) {
+        delete this.root.dataset.streamHealthPeers;
+      }
+    }
+
+    if (this.magnetProvided) {
+      this.root.dataset.magnet = this.playbackMagnet;
+    } else {
+      delete this.root.dataset.magnet;
+    }
+
+    if (this.showUnsupportedTorrentBadge) {
+      this.root.dataset.torrentSupported = "false";
+    } else if (this.magnetProvided && this.magnetSupported) {
+      this.root.dataset.torrentSupported = "true";
+    }
+
+    updateVideoCardSourceVisibility(this.root);
+  }
+
+  applyModerationDatasets(context = this.getModerationContext()) {
+    applyModerationContextDatasets(context, {
+      root: this.root,
+      thumbnail: this.thumbnailEl,
+      avatar: this.authorPicEl,
+      shouldMaskNsfwForOwner: this.shouldMaskNsfwForOwner,
+    });
+  }
+
+  applyPlaybackDatasets() {
+    const elements = [this.anchorEl, this.titleEl].filter(Boolean);
+    elements.forEach((el) => {
+      if (!el) return;
+      el.dataset.playUrl = encodeURIComponent(this.playbackUrl || "");
+      el.dataset.playMagnet = this.playbackMagnet || "";
+      const infoJsonUrl =
+        typeof this.video?.infoJsonUrl === "string" ? this.video.infoJsonUrl : "";
+      if (infoJsonUrl) {
+        el.dataset.infoJson = encodeURIComponent(infoJsonUrl);
+      } else if (el.dataset.infoJson) {
+        delete el.dataset.infoJson;
+      }
+      if (this.magnetProvided) {
+        el.dataset.torrentSupported = this.magnetSupported ? "true" : "false";
+      } else if (el.dataset.torrentSupported) {
+        delete el.dataset.torrentSupported;
+      }
+    });
+
+    if (this.urlHealthBadgeEl && this.playbackUrl) {
+      this.urlHealthBadgeEl.dataset.urlHealthEventId = this.video.id || "";
+      this.urlHealthBadgeEl.dataset.urlHealthUrl = encodeURIComponent(
+        this.playbackUrl
+      );
+    } else if (this.urlHealthBadgeEl) {
+      delete this.urlHealthBadgeEl.dataset.urlHealthEventId;
+      delete this.urlHealthBadgeEl.dataset.urlHealthUrl;
+    }
+  }
+
+  formatTimestampForLabel(timestamp) {
+    if (!Number.isFinite(timestamp)) {
+      return "";
+    }
+
+    const normalized = Math.floor(timestamp);
+    if (typeof this.formatters.formatTimeAgo === "function") {
+      try {
+        const formatted = this.formatters.formatTimeAgo(normalized);
+        return typeof formatted === "string" ? formatted : "";
+      } catch (error) {
+        if (this.window?.userLogger?.warn) {
+          this.window.userLogger.warn(
+            "[VideoCard] formatTimeAgo formatter threw",
+            error
+          );
+        }
+      }
+    }
+
+    return "";
+  }
+
+  updatePostedAt(timestamp) {
+    if (!Number.isFinite(timestamp)) {
+      return;
+    }
+
+    const normalized = Math.floor(timestamp);
+    this.postedAt = normalized;
+
+    if (this.video && typeof this.video === "object") {
+      this.video.rootCreatedAt = normalized;
+    }
+
+    const label = this.formatTimestampForLabel(normalized);
+    this.timeAgo = label;
+
+    if (this.timestampEl) {
+      this.timestampEl.textContent = label;
+    }
+  }
+
+  bindEvents() {
+    if (this.ensureGlobalMoreMenuHandlers) {
+      this.ensureGlobalMoreMenuHandlers();
+    }
+
+    const MouseEventCtor = this.window?.MouseEvent || globalThis.MouseEvent;
+
+    [this.anchorEl, this.titleEl].forEach((el) => {
+      if (!el) return;
+      el.addEventListener("click", (event) => {
+        if (!this.callbacks.onPlay) {
+          return;
+        }
+
+        const isMouseEvent =
+          typeof MouseEventCtor !== "undefined" &&
+          event instanceof MouseEventCtor;
+        if (isMouseEvent) {
+          const isPrimaryClick =
+            typeof event.button !== "number" || event.button === 0;
+          const hasModifier =
+            event.ctrlKey || event.metaKey || event.shiftKey || event.altKey;
+          if (!isPrimaryClick || hasModifier) {
+            return;
+          }
+        }
+
+        if (typeof event.preventDefault === "function") {
+          event.preventDefault();
+        }
+        if (typeof event.stopPropagation === "function") {
+          event.stopPropagation();
+        }
+
+        this.callbacks.onPlay({ event, video: this.video, card: this });
+      });
+    });
+
+    if (this.settingsButton) {
+      this.settingsButton.addEventListener("click", (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+
+        const trigger = this.settingsButton;
+        const isExpanded =
+          typeof trigger?.getAttribute === "function" &&
+          trigger.getAttribute("aria-expanded") === "true";
+
+        if (this.onRequestCloseAllMenus) {
+          const options = { restoreFocus: false };
+          if (isExpanded) {
+            options.skipCard = this;
+            options.skipTrigger = trigger;
+          }
+          this.onRequestCloseAllMenus(options);
+        } else if (!isExpanded) {
+          this.closeMoreMenu({ restoreFocus: false });
+          this.closeSettingsMenu({ restoreFocus: false });
+        }
+
+        if (isExpanded) {
+          this.closeMoreMenu({ restoreFocus: false });
+          this.closeSettingsMenu({ restoreFocus: false });
+          return;
+        }
+
+        this.closeMoreMenu({ restoreFocus: false });
+
+        if (this.callbacks.onRequestSettingsMenu) {
+          const detail = {
+            event,
+            trigger,
+            video: this.video,
+            card: this,
+            index: this.index,
+            capabilities: { ...this.capabilities },
+            designSystem: this.designSystem,
+          };
+          this.callbacks.onRequestSettingsMenu(detail);
+        }
+      });
+    }
+
+    if (this.moreMenuButton) {
+      this.moreMenuButton.addEventListener("click", (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+
+        const trigger = this.moreMenuButton;
+        const isExpanded =
+          typeof trigger?.getAttribute === "function" &&
+          trigger.getAttribute("aria-expanded") === "true";
+
+        if (this.onRequestCloseAllMenus) {
+          const options = { restoreFocus: false };
+          if (isExpanded) {
+            options.skipCard = this;
+            options.skipTrigger = trigger;
+          }
+          this.onRequestCloseAllMenus(options);
+        }
+
+        if (isExpanded) {
+          this.closeSettingsMenu({ restoreFocus: false });
+          this.closeMoreMenu({ restoreFocus: false });
+          return;
+        }
+
+        this.closeSettingsMenu({ restoreFocus: false });
+
+        if (this.callbacks.onRequestMoreMenu) {
+          const actionForwarder = this.callbacks.onMoreAction
+            ? ({ action, dataset, event: actionEvent }) => {
+                const payload = {
+                  ...dataset,
+                  action: action || dataset?.action || "",
+                };
+                this.callbacks.onMoreAction({
+                  event: actionEvent,
+                  video: this.video,
+                  card: this,
+                  dataset: payload,
+                });
+              }
+            : null;
+
+          this.callbacks.onRequestMoreMenu({
+            event,
+            trigger,
+            video: this.video,
+            card: this,
+            pointerInfo: this.pointerInfo,
+            playbackUrl: this.playbackUrl,
+            playbackMagnet: this.playbackMagnet,
+            capabilities: { ...this.capabilities },
+            designSystem: this.designSystem,
+            onAction: actionForwarder,
+          });
+        }
+      });
+    }
+
+    [this.authorPicEl, this.authorNameEl].forEach((el) => {
+      if (!el) return;
+      el.addEventListener("click", (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.callbacks.onAuthorNavigate) {
+          this.callbacks.onAuthorNavigate({
+            event,
+            video: this.video,
+            card: this,
+            pubkey: this.video.pubkey || ""
+          });
+        }
+      });
+    });
+  }
+
+  syncCardState() {
+    if (!this.root) {
+      return;
+    }
+    if (this.cardState) {
+      this.root.dataset.state = this.cardState;
+      return;
+    }
+    if (this.root.dataset.state && !this.shouldMaskNsfwForOwner) {
+      delete this.root.dataset.state;
+    }
+  }
+
+  syncMotionState() {
+    if (!this.root) {
+      return;
+    }
+    if (this.motionState) {
+      this.root.dataset.motion = this.motionState;
+      return;
+    }
+    if (this.root.dataset.motion) {
+      delete this.root.dataset.motion;
+    }
+  }
+
+  handleSettingsMenuAction(action, { event = null } = {}) {
+    const normalized = typeof action === "string" ? action.trim() : "";
+    if (!normalized) {
+      return false;
+    }
+
+    if (normalized === "edit" && this.callbacks.onEdit) {
+      this.callbacks.onEdit({
+        event,
+        video: this.video,
+        index: this.index,
+        card: this,
+      });
+      return true;
+    }
+
+    if (normalized === "revert" && this.callbacks.onRevert) {
+      this.callbacks.onRevert({
+        event,
+        video: this.video,
+        index: this.index,
+        card: this,
+      });
+      return true;
+    }
+
+    if (normalized === "delete" && this.callbacks.onDelete) {
+      this.callbacks.onDelete({
+        event,
+        video: this.video,
+        index: this.index,
+        card: this,
+      });
+      return true;
+    }
+
+    return false;
+  }
+
+  buildMarqueeStructure(tagName, classNames, textContent, attrs = {}) {
+    const host = this.createElement(tagName, {
+      classNames: [...classNames, "marquee-host"],
+      attrs,
+    });
+
+    // Use span instead of div to ensure valid HTML when nested in h3/p
+    const staticEl = this.createElement("span", {
+      classNames: ["marquee-static", "block"],
+      textContent,
+    });
+
+    const animEl = this.createElement("span", {
+      classNames: ["marquee-anim"],
+      attrs: { "aria-hidden": "true" },
+    });
+    const track = this.createElement("span", { classNames: ["marquee-track"] });
+
+    const item1 = this.createElement("span", {
+      classNames: ["marquee-item"],
+      textContent,
+    });
+    const item2 = this.createElement("span", {
+      classNames: ["marquee-item"],
+      textContent,
+    });
+
+    track.appendChild(item1);
+    track.appendChild(item2);
+    animEl.appendChild(track);
+
+    host.appendChild(staticEl);
+    host.appendChild(animEl);
+
+    host._marqueeRefs = { staticEl, item1, item2, track };
+
+    VideoCard.observeMarquee(host);
+
+    return host;
+  }
+
+  updateMarqueeText(host, text) {
+    if (!host) return;
+    if (!host._marqueeRefs) {
+      host.textContent = text;
+      return;
+    }
+    const { staticEl, item1, item2 } = host._marqueeRefs;
+    if (staticEl) staticEl.textContent = text;
+    if (item1) item1.textContent = text;
+    if (item2) item2.textContent = text;
+    // Trigger check immediately if possible, or wait for observer
+    VideoCard.checkMarqueeOverflow(host);
+  }
+
+  // Moved checkMarqueeOverflow to static to be shared by observer
+  static checkMarqueeOverflow(host) {
+    if (!host || !host._marqueeRefs) return;
+    const { staticEl, track, item1 } = host._marqueeRefs;
+
+    // Use item1 width (full content width) vs host width
+    const contentWidth = item1 ? item1.offsetWidth : staticEl.scrollWidth;
+    const availableWidth = host.clientWidth;
+
+    const isOverflowing = contentWidth > availableWidth;
+
+    if (isOverflowing) {
+      host.classList.add("can-marquee");
+      // Speed: 50 pixels per second
+      // Distance is contentWidth (one item width including padding)
+      const distance = contentWidth;
+      const duration = distance / 50;
+      const safeDuration = Math.max(duration, 2);
+      track.style.setProperty("--marquee-duration", `${safeDuration}s`);
+    } else {
+      host.classList.remove("can-marquee");
+    }
+  }
+
+  static observeMarquee(element) {
+    if (!VideoCard.marqueeResizeObserver) {
+      VideoCard.marqueeResizeObserver = new ResizeObserver((entries) => {
+        for (const entry of entries) {
+          VideoCard.checkMarqueeOverflow(entry.target);
+        }
+      });
+    }
+    VideoCard.marqueeResizeObserver.observe(element);
+  }
+
+  static observeViewport(element) {
+    if (!VideoCard.viewportObserver) {
+      VideoCard.viewportObserver = new IntersectionObserver(
+        (entries) => {
+          // Prevent active state on desktop to avoid conflicting with hover
+          const isDesktop =
+            typeof window !== "undefined" &&
+            window.matchMedia(`(min-width: ${BREAKPOINT_LG}px)`).matches;
+
+          for (const entry of entries) {
+            if (isDesktop) {
+              if (entry.target.hasAttribute("data-mobile-active")) {
+                entry.target.removeAttribute("data-mobile-active");
+              }
+              continue;
+            }
+
+            if (entry.isIntersecting) {
+              entry.target.setAttribute("data-mobile-active", "true");
+            } else {
+              entry.target.removeAttribute("data-mobile-active");
+            }
+          }
+        },
+        { rootMargin: "-35% 0px -35% 0px", threshold: 0 }
+      );
+    }
+    VideoCard.viewportObserver.observe(element);
+  }
+
+  createElement(tagName, { classNames = [], attrs = {}, textContent } = {}) {
+    const el = this.document.createElement(tagName);
+    classNames
+      .filter((cls) => typeof cls === "string" && cls.trim())
+      .forEach((cls) => el.classList.add(cls));
+    Object.entries(attrs || {}).forEach(([key, value]) => {
+      if (value === undefined || value === null || value === "") {
+        return;
+      }
+      el.setAttribute(key, value);
+    });
+    if (typeof textContent === "string") {
+      el.textContent = textContent;
+    }
+    return el;
+  }
+}
diff --git a/dist/js/ui/components/VideoModal.js b/dist/js/ui/components/VideoModal.js
new file mode 100644
index 00000000..722e535f
--- /dev/null
+++ b/dist/js/ui/components/VideoModal.js
@@ -0,0 +1,6282 @@
+import { createModalAccessibility } from "./modalAccessibility.js";
+import createPopover from "../overlay/popoverEngine.js";
+import {
+  createVideoMoreMenuPanel,
+  createVideoShareMenuPanel,
+} from "./videoMenuRenderers.js";
+import { attachAmbientBackground } from "../ambientBackground.js";
+import { applyDesignSystemAttributes } from "../../designSystem.js";
+import { devLogger } from "../../utils/logger.js";
+import { CommentsController } from "./video-modal/commentsController.js";
+import { ReactionsController } from "./video-modal/reactionsController.js";
+import { SimilarContentController } from "./video-modal/similarContentController.js";
+import { ModerationController } from "./video-modal/moderationController.js";
+import {
+  normalizeCommentAvatarKey as normalizeCommentAvatarKeyUtil,
+  resolveCommentAvatarAsset as resolveCommentAvatarAssetUtil,
+  registerCommentAvatarFailure as registerCommentAvatarFailureUtil,
+} from "./video-modal/utils/commentAvatar.js";
+import {
+  renderTagPillStrip,
+  applyTagPreferenceState,
+  trimTagPillStripToFit,
+} from "./tagPillList.js";
+import { SimilarContentCard } from "./SimilarContentCard.js";
+import {
+  subscribeToVideoViewCount,
+  unsubscribeFromVideoViewCount,
+  formatViewCount,
+} from "../../viewCounter.js";
+import {
+  getModerationOverrideActionLabels,
+  normalizeVideoModerationContext,
+} from "../moderationUiHelpers.js";
+import { buildModerationBadgeText } from "../moderationCopy.js";
+import {
+  formatAbsoluteTimestamp,
+  formatTimeAgo,
+  formatShortNpub as defaultFormatShortNpub,
+} from "../../utils/formatters.js";
+import { sanitizeProfileMediaUrl } from "../../utils/profileMedia.js";
+import { getBreakpointLg } from "../../designSystem/metrics.js";
+import { LinkPreviewService } from "../../services/linkPreviewService.js";
+import {
+  allowLinkPreviewDomain,
+  getLinkPreviewSettings,
+  isLinkPreviewDomainAllowed,
+  subscribeToLinkPreviewSettings,
+} from "../../utils/linkPreviewSettings.js";
+
+const HEX64_REGEX = /^[0-9a-f]{64}$/i;
+const SIMILAR_CONTENT_LIMIT = 10;
+
+export class VideoModal {
+  constructor({
+    removeTrackingScripts,
+    setGlobalModalState,
+    document: doc,
+    logger,
+    mediaLoader,
+    assets = {},
+    state = {},
+    helpers = {},
+  } = {}) {
+    if (!doc) {
+      throw new Error("VideoModal requires a document reference.");
+    }
+    if (typeof setGlobalModalState !== "function") {
+      throw new Error("VideoModal requires setGlobalModalState helper.");
+    }
+
+    this.document = doc;
+    this.window = doc.defaultView || globalThis;
+    this.removeTrackingScripts =
+      typeof removeTrackingScripts === "function"
+        ? removeTrackingScripts
+        : () => {};
+    this.setGlobalModalState = setGlobalModalState;
+    const providedLogger = logger ?? devLogger;
+    if (typeof providedLogger === "function") {
+      this.logger = { log: providedLogger };
+    } else if (providedLogger && typeof providedLogger.log === "function") {
+      this.logger = providedLogger;
+    } else {
+      this.logger = devLogger;
+    }
+    this.eventTarget = new EventTarget();
+
+    this.mediaLoader = null;
+
+    const assetsConfig = assets && typeof assets === "object" ? assets : {};
+    this.fallbackThumbnailSrc =
+      typeof assetsConfig.fallbackThumbnailSrc === "string"
+        ? assetsConfig.fallbackThumbnailSrc
+        : "";
+
+    const stateConfig = state && typeof state === "object" ? state : {};
+    this.thumbnailCache =
+      stateConfig.loadedThumbnails instanceof Map
+        ? stateConfig.loadedThumbnails
+        : null;
+
+    const helperConfig = helpers && typeof helpers === "object" ? helpers : {};
+    const fallbackFormatShort = (value) => {
+      try {
+        return defaultFormatShortNpub(value);
+      } catch {
+        return typeof value === "string" ? value : "";
+      }
+    };
+    this.helpers = {
+      safeEncodeNpub:
+        typeof helperConfig.safeEncodeNpub === "function"
+          ? helperConfig.safeEncodeNpub
+          : () => "",
+      formatShortNpub:
+        typeof helperConfig.formatShortNpub === "function"
+          ? helperConfig.formatShortNpub
+          : fallbackFormatShort,
+    };
+
+    this.loaded = false;
+
+    this.playerModal = null;
+    this.modalPanel = null;
+    this.modalBackdrop = null;
+    this.scrollRegion = null;
+    this.modalVideo = null;
+    this.videoStage = null;
+    this.modalStatus = null;
+    this.modalProgress = null;
+    this.modalProgressStatus = null;
+    this.modalStatsContainer = null;
+    this.modalStats = null;
+    this.modalPeers = null;
+    this.modalSpeed = null;
+    this.modalDownloaded = null;
+    this.videoTitle = null;
+    this.videoDescription = null;
+    this.videoDescriptionPreviews = null;
+    this.videoTimestamp = null;
+    this.videoEditedTimestamp = null;
+    this.videoViewCountEl = null;
+    this.videoTagsRoot = null;
+    this.videoTagsData = Object.freeze([]);
+    this.videoTagsSourceData = this.videoTagsData;
+    this.videoTagsResizeObserver = null;
+    this.videoTagsLastObservedWidth = 0;
+    this.handleVideoTagsResize = this.handleVideoTagsResize.bind(this);
+    this.creatorAvatar = null;
+    this.creatorName = null;
+    this.creatorNpub = null;
+    this.copyMagnetBtn = null;
+    this.shareBtn = null;
+    this.embedBtn = null;
+    this.modalZapBtn = null;
+    this.modalMoreBtn = null;
+    this.reactionButtons = {
+      "+": null,
+      "-": null,
+    };
+    this.reactionMeter = null;
+    this.reactionMeterFill = null;
+    this.reactionMeterLabel = null;
+    this.reactionMeterAssistive = null;
+    this.reactionCountLabels = {
+      "+": null,
+      "-": null,
+    };
+    this.reactionMeterStyleNode = null;
+    this.reactionState = {
+      counts: { "+": 0, "-": 0 },
+      total: 0,
+      userReaction: "",
+    };
+    this.reactionNumberFormatter = null;
+
+    this.similarContentContainer = null;
+    this.similarContentHeading = null;
+    this.similarContentList = null;
+    this.similarContentCards = [];
+    this.similarContentViewCountSubscriptions = [];
+    this.pendingSimilarContent = null;
+    this.similarContentVisible = false;
+    this.similarContentMediaQuery = null;
+    this.handleSimilarContentMediaChange =
+      this.handleSimilarContentMediaChange.bind(this);
+
+    this.modalAccessibility = null;
+    this.modalNavScrollHandler = null;
+
+    this.modalZapDialog = null;
+    this.modalZapForm = null;
+    this.modalZapAmountInput = null;
+    this.modalZapCommentInput = null;
+    this.modalZapSplitSummary = null;
+    this.modalZapStatusEl = null;
+    this.modalZapReceipts = null;
+    this.modalZapSendBtn = null;
+    this.modalZapCloseBtn = null;
+    this.modalZapWalletPrompt = null;
+    this.modalZapWalletLink = null;
+    this.modalZapDialogOpen = false;
+    this.modalZapPending = false;
+    this.modalZapRequiresLogin = false;
+    this.modalZapPopover = null;
+    this.modalZapOpenPromise = null;
+    this.modalZapPendingToggle = null;
+
+    this.modalMorePopover = null;
+    this.modalMoreMenuPanel = null;
+    this.modalMoreMenuContext = {
+      video: null,
+      pointerInfo: null,
+      playbackUrl: "",
+      playbackMagnet: "",
+      canManageBlacklist: false,
+    };
+
+    this.commentsController = new CommentsController({ modal: this });
+    this.reactionsController = new ReactionsController({ modal: this });
+    this.similarContentController = new SimilarContentController({ modal: this });
+    this.moderationController = new ModerationController({ modal: this });
+
+    this.commentsRoot = null;
+    this.commentsContainer = null;
+    this.commentsCountLabel = null;
+    this.commentsEmptyState = null;
+    this.commentsList = null;
+    this.commentsLoadMoreButton = null;
+    this.commentsDisabledPlaceholder = null;
+    this.commentsDisabledPlaceholderDefaultText = "";
+    this.commentsComposer = null;
+    this.commentsInput = null;
+    this.commentsSubmitButton = null;
+    this.commentsStatusMessage = null;
+    this.commentsCharCount = null;
+    this.commentComposerHint = null;
+    this.commentComposerDefaultHint = "";
+    this.commentComposerDefaultCountText = "";
+    this.commentStatusDefaultText = "";
+    this.commentComposerMaxLength = 0;
+    this.commentComposerState = {
+      disabled: true,
+      reason: "",
+      parentCommentId: null,
+    };
+    this.shareNostrAuthState = {
+      isLoggedIn: false,
+      hasSigner: false,
+    };
+    this.commentThreadContext = {
+      videoEventId: "",
+      parentCommentId: null,
+    };
+    this.commentProfiles = new Map();
+    this.commentNodes = new Map();
+    this.commentChildLists = new Map();
+    this.commentNodeElements = new Map();
+    this.commentNpubEncodingFailures = new Set();
+    this.commentAvatarCache = new Map();
+    this.commentAvatarFailures = new Set();
+    this.commentRetryButton = null;
+    this.commentCallbacks = {
+      teardown: null,
+    };
+    this.linkPreviewService = new LinkPreviewService();
+    this.linkPreviewAbortControllers = new Map();
+    this.linkPreviewSettingsUnsubscribe = null;
+    this.currentDescriptionText = "";
+    this.handleLinkPreviewSettingsChange =
+      this.handleLinkPreviewSettingsChange.bind(this);
+    this.boundCommentSubmitHandler =
+      this.handleCommentComposerSubmit.bind(this);
+    this.boundCommentInputHandler =
+      this.handleCommentComposerInput.bind(this);
+    this.boundCommentLoadMoreHandler =
+      this.handleCommentLoadMore.bind(this);
+    this.boundCommentRetryHandler = this.handleCommentRetry.bind(this);
+
+    this.modalPosterCleanup = null;
+    this.videoEventCleanup = null;
+    this.ambientCanvas = null;
+    this.detachAmbientBackground = null;
+
+    this.activeVideo = null;
+    this.activeModerationContext = null;
+    this.tagPreferenceStateResolver = null;
+
+    this.moderationOverlay = null;
+    this.moderationBadge = null;
+    this.moderationBadgeText = null;
+    this.moderationActionsContainer = null;
+    this.moderationPrimaryButton = null;
+    this.moderationBlockButton = null;
+    this.moderationPrimaryMode = "";
+    this.moderationBadgeId = "";
+
+    this.handleCopyRequest = this.handleCopyRequest.bind(this);
+    this.handleShareRequest = this.handleShareRequest.bind(this);
+    this.handleEmbedRequest = this.handleEmbedRequest.bind(this);
+    this.handleCreatorNavigation = this.handleCreatorNavigation.bind(this);
+    this.handleModalMoreButtonClick = this.handleModalMoreButtonClick.bind(this);
+    this.handleReactionClick = this.handleReactionClick.bind(this);
+    this.handleVideoTagActivate = this.handleVideoTagActivate.bind(this);
+    this.handleModerationOverrideClick =
+      this.handleModerationOverrideClick.bind(this);
+    this.handleModerationHideClick =
+      this.handleModerationHideClick.bind(this);
+    this.handleModerationBlockClick =
+      this.handleModerationBlockClick.bind(this);
+    this.handleGlobalModerationOverride =
+      this.handleGlobalModerationOverride.bind(this);
+    this.handleGlobalModerationBlock =
+      this.handleGlobalModerationBlock.bind(this);
+    this.handleGlobalModerationHide = (event) =>
+      this.handleGlobalModerationBlock(event);
+
+    this.MODAL_LOADING_POSTER = "assets/gif/please-stand-by.gif";
+    this.DEFAULT_PROFILE_AVATAR = "assets/svg/default-profile.svg";
+
+    this.setMediaLoader(mediaLoader);
+
+    if (this.document) {
+      this.document.addEventListener(
+        "video:moderation-override",
+        this.handleGlobalModerationOverride,
+      );
+      this.document.addEventListener(
+        "video:moderation-block",
+        this.handleGlobalModerationBlock,
+      );
+      this.document.addEventListener(
+        "video:moderation-hide",
+        this.handleGlobalModerationHide,
+      );
+    }
+  }
+
+  log(message, ...args) {
+    if (!message) {
+      return;
+    }
+    if (this.logger && typeof this.logger.log === "function") {
+      this.logger.log(message, ...args);
+      return;
+    }
+    if (typeof this.logger === "function") {
+      this.logger(message, ...args);
+      return;
+    }
+    devLogger.log(message, ...args);
+  }
+
+  addEventListener(type, listener, options) {
+    this.eventTarget.addEventListener(type, listener, options);
+  }
+
+  removeEventListener(type, listener, options) {
+    this.eventTarget.removeEventListener(type, listener, options);
+  }
+
+  dispatch(type, detail, options = {}) {
+    const config =
+      options && typeof options === "object" ? { ...options } : Object.create(null);
+    const event = new CustomEvent(type, {
+      detail,
+      cancelable: Boolean(config.cancelable),
+    });
+    return this.eventTarget.dispatchEvent(event);
+  }
+
+  getRoot() {
+    return this.playerModal;
+  }
+
+  getVideoElement() {
+    return this.modalVideo;
+  }
+
+  setVideoElement(videoElement) {
+    this.teardownAmbientGlow({ clear: false });
+    this.detachVideoEvents();
+    this.clearPosterCleanup();
+
+    if (
+      this.window &&
+      typeof this.window.HTMLVideoElement !== "undefined" &&
+      videoElement instanceof this.window.HTMLVideoElement
+    ) {
+      this.modalVideo = videoElement;
+      this.bindVideoEvents();
+
+      try {
+        if (this.modalVideo) {
+          // give the element the fill class so CSS can control layout
+          this.modalVideo.classList.add("video-modal__media--fill");
+
+          // ensure the stage/wrapper allow stretching (safety)
+          const videoWrap =
+            this.playerModal?.querySelector(".video-modal__video") ||
+            this.document.querySelector(".video-modal__video");
+
+          if (videoWrap) {
+            videoWrap.style.display = "flex";
+            videoWrap.style.alignItems = "stretch";
+            videoWrap.style.justifyContent = "center";
+            videoWrap.style.padding = "0";
+          }
+
+          // choose object-fit dynamically after metadata loads so we can inspect intrinsic size:
+          const decideObjectFit = () => {
+            try {
+              const vw =
+                this.modalVideo.videoWidth ||
+                this.modalVideo.naturalWidth ||
+                this.modalVideo.clientWidth;
+              const vh =
+                this.modalVideo.videoHeight ||
+                this.modalVideo.naturalHeight ||
+                this.modalVideo.clientHeight;
+              const wrap = this.modalVideo.parentElement;
+              const cw = wrap ? wrap.clientWidth : this.modalVideo.clientWidth;
+              const ch = wrap ? wrap.clientHeight : this.modalVideo.clientHeight;
+
+              // If we can't compute, default to cover
+              if (!vw || !vh || !cw || !ch) {
+                this.modalVideo.style.objectFit = "cover";
+                return;
+              }
+
+              const videoRatio = vw / vh;
+              const containerRatio = cw / ch;
+              const diff = Math.abs(containerRatio - videoRatio);
+
+              // if aspect ratios are close, prefer contain to avoid cropping small edges,
+              // otherwise use cover to avoid large letterbox bars
+              const THRESHOLD = 0.12; // tweakable
+              this.modalVideo.style.objectFit =
+                diff > THRESHOLD ? "cover" : "contain";
+            } catch (e) {
+              this.modalVideo.style.objectFit = "cover";
+            }
+          };
+
+          if (this.modalVideo.readyState >= 1) {
+            // metadata already available
+            decideObjectFit();
+          } else {
+            const onMeta = () => {
+              decideObjectFit();
+              this.modalVideo.removeEventListener("loadedmetadata", onMeta);
+            };
+            this.modalVideo.addEventListener("loadedmetadata", onMeta);
+          }
+
+          // always ensure background transparent
+          this.modalVideo.style.background = "transparent";
+          this.modalVideo.style.objectPosition = "center center";
+        }
+      } catch (err) {
+        // swallow, but log for diagnostics
+        this.logger?.log?.(
+          "[VideoModal] setVideoElement style enforcement failed",
+          err
+        );
+      }
+    } else {
+      this.modalVideo = null;
+    }
+
+    this.attachAmbientGlow();
+
+    return this.modalVideo;
+  }
+
+  async load() {
+    if (this.loaded) {
+      const root = this.playerModal;
+      const rootConnected = root && root.isConnected;
+      if (rootConnected) {
+        const video = this.modalVideo;
+        const videoConnected = video && video.isConnected;
+        if (!videoConnected) {
+          const existingVideo = root.querySelector("#modalVideo");
+          if (existingVideo) {
+            this.hydrate(root);
+            if (this.modalVideo && this.modalVideo.isConnected) {
+              return this.playerModal;
+            }
+          }
+          this.loaded = false;
+        } else {
+          return this.playerModal;
+        }
+      } else {
+        this.loaded = false;
+        this.cleanupVideoTags();
+        this.teardownVideoTagsResizeObserver();
+        this.videoTagsRoot = null;
+        this.playerModal = null;
+      }
+    }
+
+    const existing = this.document.getElementById("playerModal");
+    if (existing) {
+      if (this.playerModal === existing && this.loaded) {
+        return this.playerModal;
+      }
+      this.hydrate(existing);
+      this.loaded = true;
+      return this.playerModal;
+    }
+
+    const response = await fetch("components/video-modal.html");
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`);
+    }
+
+    const html = await response.text();
+    const container = this.document.getElementById("modalContainer");
+    if (!container) {
+      throw new Error("Modal container element not found!");
+    }
+
+    const wrapper = this.document.createElement("div");
+    wrapper.innerHTML = html;
+    this.removeTrackingScripts(wrapper);
+
+    const fragment = this.document.createDocumentFragment();
+    while (wrapper.firstChild) {
+      fragment.appendChild(wrapper.firstChild);
+    }
+    container.appendChild(fragment);
+
+    const playerModal = container.querySelector("#playerModal");
+    if (!playerModal) {
+      throw new Error("Player modal root not found in markup.");
+    }
+
+    applyDesignSystemAttributes(playerModal);
+
+    this.hydrate(playerModal);
+    this.loaded = true;
+    return this.playerModal;
+  }
+
+  hydrate(playerModal) {
+    if (this.modalAccessibility?.destroy) {
+      this.modalAccessibility.destroy();
+    }
+    this.modalAccessibility = null;
+
+    if (this.modalZapPopover?.destroy) {
+      this.modalZapPopover.destroy();
+    }
+    if (this.modalMorePopover?.destroy) {
+      this.modalMorePopover.destroy();
+    }
+    this.modalZapPopover = null;
+    this.modalZapOpenPromise = null;
+    this.modalZapPendingToggle = null;
+    this.modalMorePopover = null;
+    this.modalMoreMenuPanel = null;
+
+    this.teardownAmbientGlow({ clear: false });
+
+    if (this.moderationPrimaryButton) {
+      if (this.moderationPrimaryMode === "override") {
+        this.moderationPrimaryButton.removeEventListener(
+          "click",
+          this.handleModerationOverrideClick,
+        );
+      } else if (this.moderationPrimaryMode === "hide") {
+        this.moderationPrimaryButton.removeEventListener(
+          "click",
+          this.handleModerationHideClick,
+        );
+      }
+    }
+    if (this.moderationBlockButton) {
+      this.moderationBlockButton.removeEventListener(
+        "click",
+        this.handleModerationBlockClick,
+      );
+    }
+    this.moderationOverlay = null;
+    this.moderationBadge = null;
+    this.moderationBadgeText = null;
+    this.moderationActionsContainer = null;
+    this.moderationPrimaryButton = null;
+    this.moderationPrimaryMode = "";
+    this.moderationBlockButton = null;
+
+    const previousScrollRegion = this.scrollRegion;
+    if (previousScrollRegion && this.modalNavScrollHandler) {
+      previousScrollRegion.removeEventListener(
+        "scroll",
+        this.modalNavScrollHandler
+      );
+    }
+
+    this.commentsController.destroy();
+    this.reactionsController.destroy();
+    this.similarContentController.destroy();
+    this.moderationController.destroy();
+
+    this.clearSimilarContent({ preservePending: true });
+
+    this.playerModal = playerModal;
+    this.modalPanel = playerModal.querySelector(".bv-modal__panel") || null;
+    this.modalBackdrop = playerModal.querySelector("[data-dismiss]") || null;
+    this.scrollRegion = this.modalPanel || playerModal;
+
+    const nextVideoTagsRoot = playerModal.querySelector("#videoTags") || null;
+    if (this.videoTagsRoot && this.videoTagsRoot !== nextVideoTagsRoot) {
+      this.cleanupVideoTags(this.videoTagsRoot);
+    }
+    this.teardownVideoTagsResizeObserver();
+    this.videoTagsRoot = nextVideoTagsRoot;
+    if (this.videoTagsRoot) {
+      this.cleanupVideoTags(this.videoTagsRoot);
+    }
+
+    const { container: similarContainer } =
+      this.similarContentController.initialize({ playerModal }) || {};
+
+    const statsContainerCandidate =
+      playerModal.querySelector("[data-video-stats-container]") ||
+      playerModal
+        .querySelector("[data-video-stats]")
+        ?.closest("[data-video-stats-container]") ||
+      playerModal
+        .querySelector("[data-video-stats]")
+        ?.closest(".watch-container") ||
+      playerModal.querySelector("[data-video-stats]") ||
+      playerModal
+        .querySelector(".video-modal__stats")
+        ?.closest(".watch-container") ||
+      playerModal.querySelector(".video-modal__stats") ||
+      null;
+
+    this.normalizeModalLayoutStructure(playerModal, {
+      layout: playerModal.querySelector(".video-modal__layout") || null,
+      primary: playerModal.querySelector(".video-modal__primary") || null,
+      secondary: playerModal.querySelector(".video-modal__secondary") || null,
+      similarContainer,
+      statsContainer: statsContainerCandidate,
+    });
+
+    const previousTags = Array.isArray(this.videoTagsSourceData)
+      ? [...this.videoTagsSourceData]
+      : [];
+    this.videoTagsData = null;
+    this.videoTagsSourceData = Object.freeze([]);
+
+    this.moderationController.initialize({ playerModal });
+
+    // Update overlay reference to the new bar selector
+    this.moderationOverlay =
+      playerModal.querySelector("[data-moderation-bar]") || null;
+    this.moderationBadge =
+      this.moderationOverlay?.querySelector("[data-moderation-badge='true']") ||
+      null;
+    this.moderationBadgeText =
+      this.moderationOverlay?.querySelector("[data-moderation-text]") || null;
+
+    this.modalVideo = playerModal.querySelector("#modalVideo") || null;
+    this.modalStatus = playerModal.querySelector("#modalStatus") || null;
+    this.modalProgress = playerModal.querySelector("#modalProgress") || null;
+    this.modalProgressStatus =
+      playerModal.querySelector("#modalProgressStatus") || null;
+    this.modalStatsContainer =
+      playerModal.querySelector("[data-video-stats-container]") ||
+      statsContainerCandidate ||
+      null;
+    this.modalStats =
+      playerModal.querySelector("[data-video-stats]") ||
+      this.modalStatsContainer?.querySelector("[data-video-stats]") ||
+      this.modalStatsContainer?.querySelector(".video-modal__stats") ||
+      playerModal.querySelector(".video-modal__stats") ||
+      null;
+    this.modalPeers = playerModal.querySelector("#modalPeers") || null;
+    this.modalSpeed = playerModal.querySelector("#modalSpeed") || null;
+    this.modalDownloaded =
+      playerModal.querySelector("#modalDownloaded") || null;
+    this.sourceToggleContainer =
+      playerModal.querySelector("[data-source-toggle-container]") || null;
+    this.sourceToggleButtons =
+      playerModal.querySelectorAll("[data-source-toggle]") || [];
+    this.activeServersLabel =
+      playerModal.querySelector("[data-active-servers-count]") || null;
+    this.activePeersLabel =
+      playerModal.querySelector("[data-active-peers-count]") || null;
+    this.setTorrentStatsVisibility(false);
+    this.videoTitle = playerModal.querySelector("#videoTitle") || null;
+    this.videoDescription =
+      playerModal.querySelector("#videoDescription") || null;
+    this.videoDescriptionPreviews =
+      playerModal.querySelector("#videoDescriptionPreviews") || null;
+    this.videoTimestamp = playerModal.querySelector("#videoTimestamp") || null;
+    this.videoEditedTimestamp =
+      playerModal.querySelector("#videoEditedTimestamp") || null;
+    this.videoViewCountEl =
+      playerModal.querySelector("#videoViewCount") || null;
+    this.creatorAvatar = playerModal.querySelector("#creatorAvatar") || null;
+    this.creatorName = playerModal.querySelector("#creatorName") || null;
+    this.creatorNpub = playerModal.querySelector("#creatorNpub") || null;
+    this.copyMagnetBtn = playerModal.querySelector("#copyMagnetBtn") || null;
+    this.shareBtn = playerModal.querySelector("#shareBtn") || null;
+    this.embedBtn = playerModal.querySelector("#embedBtn") || null;
+    this.modalZapBtn = playerModal.querySelector("#modalZapBtn") || null;
+    this.modalMoreBtn = playerModal.querySelector("#modalMoreBtn") || null;
+    this.reactionsController.initialize({ playerModal });
+
+    this.renderVideoTags(previousTags);
+
+    if (Array.isArray(this.pendingSimilarContent)) {
+      const pendingSimilar = this.pendingSimilarContent;
+      this.pendingSimilarContent = null;
+      this.setSimilarContent(pendingSimilar);
+    }
+
+    this.ambientCanvas = playerModal.querySelector("#ambientCanvas") || null;
+
+    this.modalZapDialog = playerModal.querySelector("#modalZapDialog") || null;
+    this.modalZapForm = playerModal.querySelector("#modalZapForm") || null;
+    this.modalZapAmountInput =
+      playerModal.querySelector("#modalZapAmountInput") || null;
+    this.modalZapCommentInput =
+      playerModal.querySelector("#modalZapCommentInput") || null;
+    this.modalZapSplitSummary =
+      playerModal.querySelector("#modalZapSplitSummary") || null;
+    this.modalZapStatusEl =
+      playerModal.querySelector("#modalZapStatus") || null;
+    this.modalZapReceipts =
+      playerModal.querySelector("#modalZapReceipts") || null;
+    this.modalZapSendBtn =
+      playerModal.querySelector("#modalZapSendBtn") || null;
+    this.modalZapCloseBtn =
+      playerModal.querySelector("#modalZapCloseBtn") || null;
+    this.modalZapWalletPrompt =
+      playerModal.querySelector("#modalZapWalletPrompt") || null;
+    this.modalZapWalletLink =
+      playerModal.querySelector("#modalZapWalletLink") || null;
+    this.modalZapDialogOpen = false;
+    this.setupModalZapPopover();
+    this.setupModalMorePopover();
+    this.setupModalSharePopover();
+
+    this.refreshActiveVideoModeration({ video: this.activeVideo });
+
+    this.commentsController.initialize({ playerModal });
+
+    if (this.linkPreviewSettingsUnsubscribe) {
+      this.linkPreviewSettingsUnsubscribe();
+    }
+    this.linkPreviewSettingsUnsubscribe = subscribeToLinkPreviewSettings(
+      this.handleLinkPreviewSettingsChange,
+    );
+
+    const closeButton = playerModal.querySelector("#closeModal");
+    if (closeButton) {
+      closeButton.addEventListener("click", () => {
+        this.dispatch("modal:close", { video: this.activeVideo });
+      });
+    }
+
+    const modalNav = playerModal.querySelector("#modalNav");
+    if (modalNav && this.scrollRegion) {
+      let lastScrollY = 0;
+      const updateNavVisibility = (shouldShowNav) => {
+        modalNav.classList.toggle("modal-nav--hidden", !shouldShowNav);
+        modalNav.classList.toggle("modal-nav--visible", shouldShowNav);
+      };
+      this.modalNavScrollHandler = () => {
+        const currentScrollY = this.scrollRegion.scrollTop;
+        const shouldShowNav =
+          currentScrollY <= lastScrollY || currentScrollY < 50;
+        updateNavVisibility(shouldShowNav);
+        lastScrollY = currentScrollY;
+      };
+      updateNavVisibility(true);
+      this.scrollRegion.addEventListener("scroll", this.modalNavScrollHandler);
+    } else {
+      this.modalNavScrollHandler = null;
+    }
+
+    this.modalAccessibility = createModalAccessibility({
+      root: this.playerModal,
+      panel: this.modalPanel,
+      backdrop: this.modalBackdrop,
+      document: this.document,
+      onRequestClose: () => {
+        this.dispatch("modal:close", { video: this.activeVideo });
+      }
+    });
+
+    this.bindVideoEvents();
+    this.bindActionButtons();
+    this.setZapVisibility(false);
+    this.setCopyEnabled(false);
+    this.setShareEnabled(false);
+    this.setEmbedEnabled(false);
+    this.resetStats();
+
+    this.attachAmbientGlow();
+
+    if (!this.activeVideo && this.playerModal) {
+      this.playerModal.classList.add("hidden");
+      this.playerModal.setAttribute("hidden", "");
+      this.document?.body?.classList?.remove("modal-open");
+      this.document?.documentElement?.classList?.remove("modal-open");
+    }
+  }
+
+  attachCommentEventHandlers() {
+    if (this.commentsComposer && this.boundCommentSubmitHandler) {
+      this.commentsComposer.addEventListener(
+        "submit",
+        this.boundCommentSubmitHandler
+      );
+    }
+    if (this.commentsInput && this.boundCommentInputHandler) {
+      this.commentsInput.addEventListener(
+        "input",
+        this.boundCommentInputHandler
+      );
+    }
+    if (this.commentsLoadMoreButton && this.boundCommentLoadMoreHandler) {
+      this.commentsLoadMoreButton.addEventListener(
+        "click",
+        this.boundCommentLoadMoreHandler
+      );
+    }
+    if (this.commentRetryButton && this.boundCommentRetryHandler) {
+      this.commentRetryButton.addEventListener(
+        "click",
+        this.boundCommentRetryHandler
+      );
+    }
+  }
+
+  detachCommentEventHandlers() {
+    if (this.commentsComposer && this.boundCommentSubmitHandler) {
+      this.commentsComposer.removeEventListener(
+        "submit",
+        this.boundCommentSubmitHandler
+      );
+    }
+    if (this.commentsInput && this.boundCommentInputHandler) {
+      this.commentsInput.removeEventListener(
+        "input",
+        this.boundCommentInputHandler
+      );
+    }
+    if (this.commentsLoadMoreButton && this.boundCommentLoadMoreHandler) {
+      this.commentsLoadMoreButton.removeEventListener(
+        "click",
+        this.boundCommentLoadMoreHandler
+      );
+    }
+    if (this.commentRetryButton && this.boundCommentRetryHandler) {
+      this.commentRetryButton.removeEventListener(
+        "click",
+        this.boundCommentRetryHandler
+      );
+    }
+  }
+
+  handleCommentComposerSubmit(event) {
+    if (event && typeof event.preventDefault === "function") {
+      event.preventDefault();
+    }
+
+    const triggerElement =
+      (event && event.submitter) || this.commentsSubmitButton || null;
+
+    if (this.commentComposerState.reason === "login-required") {
+      this.dispatch("comment:login-required", { triggerElement });
+      return;
+    }
+
+    if (this.commentComposerState.disabled) {
+      return;
+    }
+
+    const text = this.getCommentInputValue();
+    if (!text) {
+      return;
+    }
+
+    this.dispatch("comment:submit", {
+      text,
+      parentId: this.commentComposerState.parentCommentId || null,
+      triggerElement,
+    });
+  }
+
+  handleCommentComposerInput() {
+    this.updateCommentCharCount();
+    this.updateCommentSubmitState();
+  }
+
+  handleCommentLoadMore(event) {
+    if (event && typeof event.preventDefault === "function") {
+      event.preventDefault();
+    }
+    const triggerElement =
+      (event && event.currentTarget) || this.commentsLoadMoreButton || null;
+    this.dispatch("comment:load-more", {
+      parentId: this.commentThreadContext.parentCommentId || null,
+      triggerElement,
+    });
+  }
+
+  handleCommentRetry(event) {
+    if (event && typeof event.preventDefault === "function") {
+      event.preventDefault();
+    }
+    const triggerElement =
+      (event && event.currentTarget) || this.commentRetryButton || null;
+    this.dispatch("comment:retry", {
+      text: this.getCommentInputValue(),
+      parentId: this.commentComposerState.parentCommentId || null,
+      triggerElement,
+    });
+  }
+
+  getCommentInputValue({ trimmed = true } = {}) {
+    const value = this.commentsInput ? this.commentsInput.value || "" : "";
+    return trimmed ? value.trim() : value;
+  }
+
+  updateCommentSubmitState() {
+    if (!this.commentsSubmitButton) {
+      return;
+    }
+    const hasText = !!this.getCommentInputValue();
+    const shouldDisable = this.commentComposerState.disabled || !hasText;
+    this.commentsSubmitButton.disabled = shouldDisable;
+  }
+
+  updateCommentCharCount() {
+    if (!this.commentsCharCount) {
+      return;
+    }
+    const length = this.commentsInput ? this.commentsInput.value.length : 0;
+    const safeLength = Number.isFinite(length) ? Math.max(0, length) : 0;
+    const max = Number.isFinite(this.commentComposerMaxLength)
+      ? Math.max(0, this.commentComposerMaxLength)
+      : 0;
+    const label = max > 0 ? `${safeLength} / ${max}` : `${safeLength}`;
+    this.commentsCharCount.textContent = label;
+  }
+
+  setCommentHintText(text) {
+    if (!this.commentComposerHint) {
+      return;
+    }
+    const message =
+      typeof text === "string" && text
+        ? text
+        : this.commentComposerDefaultHint || "";
+    this.commentComposerHint.textContent = message;
+  }
+
+  removeCommentRetryButton() {
+    if (!this.commentRetryButton) {
+      return;
+    }
+    this.commentRetryButton.removeEventListener(
+      "click",
+      this.boundCommentRetryHandler
+    );
+    if (this.commentRetryButton.parentNode) {
+      this.commentRetryButton.parentNode.removeChild(this.commentRetryButton);
+    }
+    this.commentRetryButton = null;
+  }
+
+  setCommentStatus(message, { showRetry = false } = {}) {
+    if (!this.commentsStatusMessage) {
+      return;
+    }
+
+    this.removeCommentRetryButton();
+
+    while (this.commentsStatusMessage.firstChild) {
+      this.commentsStatusMessage.removeChild(
+        this.commentsStatusMessage.firstChild
+      );
+    }
+
+    const text =
+      typeof message === "string" && message
+        ? message
+        : this.commentStatusDefaultText || "";
+    if (text) {
+      this.commentsStatusMessage.appendChild(
+        this.document.createTextNode(text)
+      );
+    }
+
+    if (showRetry) {
+      const spacer = this.document.createTextNode(" ");
+      const retryButton = this.document.createElement("button");
+      retryButton.type = "button";
+      retryButton.classList.add("comment-thread__retry", "focus-ring");
+      retryButton.appendChild(this.document.createTextNode("Retry"));
+      retryButton.addEventListener("click", this.boundCommentRetryHandler);
+      this.commentsStatusMessage.appendChild(spacer);
+      this.commentsStatusMessage.appendChild(retryButton);
+      this.commentRetryButton = retryButton;
+    }
+  }
+
+  setCommentsVisibility(isVisible) {
+    const root = this.commentsContainer || this.commentsRoot;
+    if (!root) {
+      return;
+    }
+    const shouldShow = Boolean(isVisible);
+    if (shouldShow) {
+      root.removeAttribute("hidden");
+      root.classList?.remove("hidden");
+    } else {
+      root.setAttribute("hidden", "");
+      root.classList?.add("hidden");
+    }
+  }
+
+  showCommentsDisabledMessage(message) {
+    const placeholder = this.commentsDisabledPlaceholder;
+    if (placeholder) {
+      const fallbackText = this.commentsDisabledPlaceholderDefaultText || "";
+      const nextText =
+        typeof message === "string" && message.trim()
+          ? message.trim()
+          : fallbackText;
+      if (nextText) {
+        placeholder.textContent = nextText;
+      } else if (fallbackText) {
+        placeholder.textContent = fallbackText;
+      }
+      placeholder.removeAttribute("hidden");
+      placeholder.classList?.remove("hidden");
+    }
+    this.setCommentsVisibility(false);
+  }
+
+  hideCommentsDisabledMessage() {
+    const placeholder = this.commentsDisabledPlaceholder;
+    if (placeholder) {
+      if (this.commentsDisabledPlaceholderDefaultText) {
+        placeholder.textContent = this.commentsDisabledPlaceholderDefaultText;
+      }
+      placeholder.setAttribute("hidden", "");
+      placeholder.classList?.add("hidden");
+    }
+  }
+
+  setCommentComposerState({ disabled = false, reason = "" } = {}) {
+    const normalizedReason = typeof reason === "string" ? reason : "";
+
+    let shouldDisable = !!disabled;
+    switch (normalizedReason) {
+      case "login-required":
+      case "submitting":
+      case "disabled":
+        shouldDisable = true;
+        break;
+      case "error":
+        shouldDisable = false;
+        break;
+      default:
+        break;
+    }
+
+    this.commentComposerState.disabled = shouldDisable;
+    this.commentComposerState.reason = normalizedReason;
+
+    if (this.commentsInput) {
+      this.commentsInput.disabled = shouldDisable;
+    }
+
+    if (normalizedReason !== "disabled") {
+      this.hideCommentsDisabledMessage();
+    }
+
+    if (this.commentsComposer) {
+      if (normalizedReason === "disabled") {
+        this.commentsComposer.setAttribute("hidden", "");
+      } else {
+        this.commentsComposer.removeAttribute("hidden");
+      }
+    }
+
+    if (normalizedReason === "login-required") {
+      this.setCommentHintText("Log in to add a comment.");
+      this.setCommentStatus("");
+      this.setCommentsVisibility(true);
+    } else if (normalizedReason === "submitting") {
+      this.setCommentHintText(this.commentComposerDefaultHint);
+      this.setCommentStatus("Posting comment…");
+    } else if (normalizedReason === "error") {
+      this.setCommentHintText(this.commentComposerDefaultHint);
+      this.setCommentStatus("We couldn't post your comment. Try again?", {
+        showRetry: true,
+      });
+    } else if (normalizedReason === "disabled") {
+      this.setCommentHintText(this.commentComposerDefaultHint);
+      this.setCommentStatus("");
+    } else {
+      this.setCommentHintText(this.commentComposerDefaultHint);
+      this.setCommentStatus("");
+    }
+
+    this.updateCommentSubmitState();
+  }
+
+  resetCommentComposer() {
+    if (this.commentsInput) {
+      this.commentsInput.disabled = false;
+      this.commentsInput.value = "";
+    }
+    this.hideCommentsDisabledMessage();
+    this.commentComposerState = {
+      disabled: false,
+      reason: "",
+      parentCommentId: null,
+    };
+    this.setCommentHintText(this.commentComposerDefaultHint);
+    this.setCommentStatus("");
+    this.updateCommentCharCount();
+    this.updateCommentSubmitState();
+  }
+
+  setCommentSectionCallbacks({ teardown = null } = {}) {
+    this.commentCallbacks.teardown =
+      typeof teardown === "function" ? teardown : null;
+  }
+
+  invokeCommentTeardown() {
+    const teardown = this.commentCallbacks.teardown;
+    if (typeof teardown !== "function") {
+      return;
+    }
+    this.commentCallbacks.teardown = null;
+    try {
+      teardown();
+    } catch (error) {
+      this.log("[VideoModal] Failed to teardown comment services", error);
+    }
+  }
+
+  renderComments(snapshot) {
+    if (!this.commentsList || !this.document) {
+      return;
+    }
+
+    const commentsMap = this.normalizeCommentMap(snapshot?.commentsById);
+    const childrenMap = this.normalizeChildrenMap(snapshot?.childrenByParent);
+    this.commentProfiles = this.normalizeProfileMap(snapshot?.profiles);
+
+    this.commentThreadContext.videoEventId =
+      typeof snapshot?.videoEventId === "string"
+        ? snapshot.videoEventId.trim()
+        : "";
+    this.commentThreadContext.parentCommentId =
+      typeof snapshot?.parentCommentId === "string" &&
+      snapshot.parentCommentId.trim()
+        ? snapshot.parentCommentId.trim()
+        : null;
+
+    this.commentNodes.clear();
+    this.commentChildLists = new Map();
+    this.commentChildLists.set(null, this.commentsList);
+
+    this.commentsList.textContent = "";
+
+    const fragment = this.document.createDocumentFragment();
+    const topLevelIds = this.getChildCommentIds(childrenMap, null);
+    topLevelIds.forEach((commentId) => {
+      const node = this.buildCommentTree(
+        commentId,
+        commentsMap,
+        childrenMap,
+        0
+      );
+      if (node) {
+        fragment.appendChild(node);
+      }
+    });
+
+    this.commentsList.appendChild(fragment);
+
+    this.updateCommentCount(this.commentNodes.size);
+    this.toggleCommentEmptyState(this.commentNodes.size === 0);
+  }
+
+  appendComment(event) {
+    if (!event || typeof event !== "object" || !this.commentsList) {
+      return;
+    }
+
+    const commentId =
+      typeof event.id === "string" && event.id.trim() ? event.id.trim() : "";
+    if (!commentId || this.commentNodes.has(commentId)) {
+      return;
+    }
+
+    if (event.profile && typeof event.pubkey === "string") {
+      this.mergeCommentProfile(event.pubkey, event.profile);
+    }
+
+    const parentId = this.extractParentCommentId(event);
+    const parentNode =
+      parentId && this.commentNodes.has(parentId)
+        ? this.commentNodes.get(parentId)
+        : null;
+    const depth = parentNode
+      ? Math.max(0, Number(parentNode.dataset?.commentDepth) || 0) + 1
+      : 0;
+
+    const node = this.createCommentNode(event, { depth });
+    if (!node) {
+      return;
+    }
+
+    const container = this.getCommentChildrenContainer(parentId);
+    if (!container) {
+      this.log("[VideoModal] Missing container for appended comment", parentId);
+      return;
+    }
+
+    this.insertCommentNodeSorted(container, node);
+    this.updateCommentCount(this.commentNodes.size);
+    this.toggleCommentEmptyState(this.commentNodes.size === 0);
+  }
+
+  insertCommentNodeSorted(container, node) {
+    if (!container || !node) {
+      return;
+    }
+
+    const timestamp = Number(node.dataset.timestamp || 0);
+    let inserted = false;
+
+    const children = container.children;
+    for (let i = 0; i < children.length; i++) {
+      const child = children[i];
+      const childTimestamp = Number(child.dataset.timestamp || 0);
+
+      if (childTimestamp > timestamp) {
+        container.insertBefore(node, child);
+        inserted = true;
+        break;
+      }
+    }
+
+    if (!inserted) {
+      container.appendChild(node);
+    }
+  }
+
+  buildCommentTree(commentId, commentsMap, childrenMap, depth = 0) {
+    const normalizedId =
+      typeof commentId === "string" && commentId.trim()
+        ? commentId.trim()
+        : "";
+    if (!normalizedId) {
+      return null;
+    }
+
+    const event = commentsMap.get(normalizedId);
+    if (!event) {
+      return null;
+    }
+
+    const node = this.createCommentNode(event, { depth });
+    if (!node) {
+      return null;
+    }
+
+    const repliesContainer = this.commentChildLists.get(normalizedId);
+    if (repliesContainer) {
+      const childIds = this.getChildCommentIds(childrenMap, normalizedId);
+      if (childIds.length) {
+        const fragment = this.document.createDocumentFragment();
+        childIds.forEach((childId) => {
+          const childNode = this.buildCommentTree(
+            childId,
+            commentsMap,
+            childrenMap,
+            depth + 1
+          );
+          if (childNode) {
+            fragment.appendChild(childNode);
+          }
+        });
+        if (fragment.childNodes.length) {
+          repliesContainer.appendChild(fragment);
+        }
+      }
+    }
+
+    return node;
+  }
+
+  createCommentNode(event, { depth = 0 } = {}) {
+    if (!event || typeof event !== "object" || !this.document) {
+      return null;
+    }
+
+    const commentId =
+      typeof event.id === "string" && event.id.trim() ? event.id.trim() : "";
+    if (!commentId) {
+      return null;
+    }
+
+    if (this.commentNodes.has(commentId)) {
+      return this.commentNodes.get(commentId);
+    }
+
+    const listItem = this.document.createElement("li");
+    listItem.classList.add("comment-thread__item");
+    listItem.dataset.commentId = commentId;
+    listItem.dataset.commentDepth = String(Math.max(0, depth));
+    listItem.dataset.timestamp = String(
+      Number.isFinite(event.created_at) ? event.created_at : 0
+    );
+    if (typeof event.pubkey === "string" && event.pubkey.trim()) {
+      listItem.dataset.commentAuthor = event.pubkey.trim();
+    }
+
+    const avatarWrapper = this.document.createElement("div");
+    avatarWrapper.classList.add("comment-thread__avatar");
+
+    const avatarImg = this.document.createElement("img");
+    avatarImg.hidden = true;
+    avatarImg.loading = "lazy";
+    avatarImg.decoding = "async";
+    avatarWrapper.appendChild(avatarImg);
+
+    const avatarLabel = this.document.createElement("span");
+    avatarWrapper.appendChild(avatarLabel);
+
+    const content = this.document.createElement("div");
+    content.classList.add("comment-thread__content");
+
+    const meta = this.document.createElement("div");
+    meta.classList.add("comment-thread__meta");
+
+    const authorEl = this.document.createElement("span");
+    authorEl.classList.add("comment-thread__author");
+    meta.appendChild(authorEl);
+
+    const timestamp = this.getCommentTimestampLabel(event.created_at);
+    if (timestamp.text) {
+      const timeEl = this.document.createElement("time");
+      timeEl.classList.add("comment-thread__timestamp");
+      if (timestamp.iso) {
+        timeEl.setAttribute("datetime", timestamp.iso);
+      }
+      if (timestamp.title) {
+        timeEl.title = timestamp.title;
+      }
+      timeEl.appendChild(this.document.createTextNode(timestamp.text));
+      meta.appendChild(timeEl);
+    }
+
+    content.appendChild(meta);
+
+    const identityMeta = this.document.createElement("div");
+    identityMeta.classList.add(
+      "flex",
+      "items-center",
+      "gap-2",
+      "text-2xs",
+      "text-muted-strong"
+    );
+    identityMeta.hidden = true;
+    const npubLabel = this.document.createElement("span");
+    npubLabel.classList.add("truncate");
+    identityMeta.appendChild(npubLabel);
+    content.appendChild(identityMeta);
+
+    const body = this.document.createElement("p");
+    body.classList.add("comment-thread__body");
+    body.appendChild(
+      this.document.createTextNode(
+        typeof event.content === "string" ? event.content : ""
+      )
+    );
+    content.appendChild(body);
+
+    const actions = this.document.createElement("div");
+    actions.classList.add("comment-thread__actions");
+
+    const copyButton = this.document.createElement("button");
+    copyButton.type = "button";
+    copyButton.classList.add("comment-thread__copy-npub");
+    copyButton.textContent = "Copy npub";
+    copyButton.dataset.originalLabel = "Copy npub";
+    copyButton.hidden = true;
+    this.bindCommentCopyHandler(copyButton);
+    actions.appendChild(copyButton);
+
+    const muteButton = this.document.createElement("button");
+    muteButton.type = "button";
+    muteButton.classList.add("comment-thread__mute");
+    muteButton.appendChild(this.document.createTextNode("Mute author"));
+    muteButton.addEventListener("click", (domEvent) => {
+      const triggerElement = domEvent?.currentTarget || muteButton;
+      this.dispatch("comment:mute-author", {
+        commentId,
+        pubkey:
+          typeof event.pubkey === "string" && event.pubkey
+            ? event.pubkey
+            : "",
+        triggerElement,
+      });
+    });
+    actions.appendChild(muteButton);
+
+    content.appendChild(actions);
+
+    const replies = this.document.createElement("ul");
+    replies.classList.add("comment-thread__replies");
+    replies.setAttribute("data-comment-replies", "");
+    content.appendChild(replies);
+
+    listItem.appendChild(avatarWrapper);
+    listItem.appendChild(content);
+
+    this.commentNodes.set(commentId, listItem);
+    this.commentChildLists.set(commentId, replies);
+    this.commentNodeElements.set(commentId, {
+      avatarImg,
+      avatarLabel,
+      authorEl,
+      npubContainer: identityMeta,
+      npubLabel,
+      copyButton,
+    });
+
+    this.updateCommentNodeProfile(commentId, event.pubkey);
+
+    return listItem;
+  }
+
+  bindCommentCopyHandler(button) {
+    if (!button) {
+      return;
+    }
+
+    button.addEventListener("click", async () => {
+      const npub =
+        typeof button.dataset.npub === "string" && button.dataset.npub
+          ? button.dataset.npub
+          : "";
+      const originalLabel =
+        typeof button.dataset.originalLabel === "string" &&
+        button.dataset.originalLabel
+          ? button.dataset.originalLabel
+          : "Copy npub";
+      if (!button.dataset.originalLabel) {
+        button.dataset.originalLabel = originalLabel;
+      }
+
+      if (!npub) {
+        this.showCommentCopyFeedback(button, "Copy failed", "error");
+        return;
+      }
+
+      try {
+        const clipboard = this.window?.navigator?.clipboard;
+        if (!clipboard || typeof clipboard.writeText !== "function") {
+          throw new Error("Clipboard unavailable");
+        }
+        await clipboard.writeText(npub);
+        this.showCommentCopyFeedback(button, "Copied!", "copied");
+      } catch (error) {
+        this.log("[VideoModal] Failed to copy comment npub", error);
+        this.showCommentCopyFeedback(button, "Copy failed", "error");
+      }
+    });
+  }
+
+  showCommentCopyFeedback(button, message, state = "") {
+    if (!button) {
+      return;
+    }
+
+    const originalLabel =
+      typeof button.dataset.originalLabel === "string" &&
+      button.dataset.originalLabel
+        ? button.dataset.originalLabel
+        : "Copy npub";
+
+    button.textContent = message;
+    if (state) {
+      button.dataset.state = state;
+    } else if (button.dataset.state) {
+      delete button.dataset.state;
+    }
+
+    const timeoutId = Number.parseInt(
+      button.dataset.feedbackTimeoutId || "",
+      10
+    );
+    if (
+      Number.isFinite(timeoutId) &&
+      this.window &&
+      typeof this.window.clearTimeout === "function"
+    ) {
+      this.window.clearTimeout(timeoutId);
+    }
+
+    if (!this.window || typeof this.window.setTimeout !== "function") {
+      button.textContent = button.dataset.originalLabel || originalLabel;
+      if (button.dataset.feedbackTimeoutId) {
+        delete button.dataset.feedbackTimeoutId;
+      }
+      return;
+    }
+
+    const nextId = this.window.setTimeout(() => {
+      button.textContent = button.dataset.originalLabel || originalLabel;
+      if (button.dataset.state) {
+        delete button.dataset.state;
+      }
+      if (button.dataset.feedbackTimeoutId) {
+        delete button.dataset.feedbackTimeoutId;
+      }
+    }, 2000);
+
+    button.dataset.feedbackTimeoutId = String(nextId);
+  }
+
+  updateCommentNodeProfile(commentId, pubkey) {
+    if (!(this.commentNodeElements instanceof Map)) {
+      this.commentNodeElements = new Map();
+    }
+
+    if (!commentId || !this.commentNodeElements.has(commentId)) {
+      return;
+    }
+
+    const node = this.commentNodes.get(commentId);
+    if (!node) {
+      return;
+    }
+
+    const refs = this.commentNodeElements.get(commentId);
+    const profile = this.getCommentAuthorProfile(pubkey);
+
+    if (refs.authorEl) {
+      refs.authorEl.textContent = profile.displayName;
+    }
+
+    if (refs.avatarLabel) {
+      refs.avatarLabel.textContent = profile.initial;
+      refs.avatarLabel.hidden = Boolean(profile.avatarUrl);
+    }
+
+    if (refs.avatarImg) {
+      if (!refs.avatarImg.dataset.commentAvatarBound) {
+        const labelRef = refs.avatarLabel;
+        const imgRef = refs.avatarImg;
+        refs.avatarImg.addEventListener("error", () => {
+          const failedSource =
+            typeof imgRef?.dataset?.commentAvatarSource === "string"
+              ? imgRef.dataset.commentAvatarSource
+              : "";
+          if (failedSource) {
+            this.registerCommentAvatarFailure(failedSource);
+          }
+          if (
+            imgRef &&
+            imgRef.dataset.commentAvatarCurrent !== this.DEFAULT_PROFILE_AVATAR
+          ) {
+            imgRef.dataset.commentAvatarCurrent = this.DEFAULT_PROFILE_AVATAR;
+            imgRef.src = this.DEFAULT_PROFILE_AVATAR;
+            return;
+          }
+          if (imgRef) {
+            imgRef.hidden = true;
+          }
+          if (labelRef) {
+            labelRef.hidden = false;
+          }
+        });
+        refs.avatarImg.dataset.commentAvatarBound = "true";
+      }
+
+      const nextSource = profile.avatarSource || "";
+      refs.avatarImg.dataset.commentAvatarSource = nextSource;
+
+      if (profile.avatarUrl) {
+        if (
+          refs.avatarImg.dataset.commentAvatarCurrent !== profile.avatarUrl
+        ) {
+          refs.avatarImg.dataset.commentAvatarCurrent = profile.avatarUrl;
+          refs.avatarImg.src = profile.avatarUrl;
+        }
+        refs.avatarImg.alt = `${profile.displayName}'s avatar`;
+        refs.avatarImg.hidden = false;
+        if (refs.avatarLabel) {
+          refs.avatarLabel.hidden = true;
+        }
+      } else {
+        if (
+          refs.avatarImg.dataset.commentAvatarCurrent !==
+          this.DEFAULT_PROFILE_AVATAR
+        ) {
+          refs.avatarImg.dataset.commentAvatarCurrent =
+            this.DEFAULT_PROFILE_AVATAR;
+          refs.avatarImg.src = this.DEFAULT_PROFILE_AVATAR;
+        }
+        refs.avatarImg.hidden = true;
+        if (refs.avatarLabel) {
+          refs.avatarLabel.hidden = false;
+        }
+      }
+    }
+
+    if (refs.npubContainer) {
+      if (profile.shortNpub) {
+        refs.npubContainer.hidden = false;
+        if (refs.npubLabel) {
+          refs.npubLabel.textContent = profile.shortNpub;
+          if (profile.npub) {
+            refs.npubLabel.title = profile.npub;
+          } else if (refs.npubLabel.title) {
+            refs.npubLabel.removeAttribute("title");
+          }
+        }
+      } else {
+        refs.npubContainer.hidden = true;
+        if (refs.npubLabel) {
+          refs.npubLabel.textContent = "";
+          if (refs.npubLabel.title) {
+            refs.npubLabel.removeAttribute("title");
+          }
+        }
+      }
+    }
+
+    if (refs.copyButton) {
+      const originalLabel =
+        typeof refs.copyButton.dataset.originalLabel === "string" &&
+        refs.copyButton.dataset.originalLabel
+          ? refs.copyButton.dataset.originalLabel
+          : "Copy npub";
+
+      if (profile.npub) {
+        refs.copyButton.hidden = false;
+        refs.copyButton.disabled = false;
+        refs.copyButton.dataset.npub = profile.npub;
+        refs.copyButton.setAttribute(
+          "aria-label",
+          `Copy ${profile.displayName}'s npub`
+        );
+        refs.copyButton.textContent = originalLabel;
+        if (refs.copyButton.dataset.state) {
+          delete refs.copyButton.dataset.state;
+        }
+      } else {
+        refs.copyButton.hidden = true;
+        refs.copyButton.disabled = true;
+        if (refs.copyButton.dataset.state) {
+          delete refs.copyButton.dataset.state;
+        }
+        if (refs.copyButton.dataset.npub) {
+          delete refs.copyButton.dataset.npub;
+        }
+        refs.copyButton.removeAttribute("aria-label");
+        refs.copyButton.textContent = originalLabel;
+      }
+    }
+  }
+
+  updateCommentNodesForAuthor(pubkey) {
+    if (typeof pubkey !== "string" || !pubkey.trim()) {
+      return;
+    }
+    const normalized = pubkey.trim().toLowerCase();
+    this.commentNodes.forEach((node, id) => {
+      const author =
+        typeof node?.dataset?.commentAuthor === "string"
+          ? node.dataset.commentAuthor.trim().toLowerCase()
+          : "";
+      if (author && author === normalized) {
+        this.updateCommentNodeProfile(id, pubkey);
+      }
+    });
+  }
+
+  getCommentAuthorName(pubkey) {
+    return this.getCommentAuthorProfile(pubkey).displayName;
+  }
+
+  getCommentAvatarInitial(pubkey) {
+    return this.getCommentAuthorProfile(pubkey).initial;
+  }
+
+  getCommentAuthorProfile(pubkey) {
+    const normalized =
+      typeof pubkey === "string" && pubkey.trim() ? pubkey.trim() : "";
+    const profileEntry = normalized
+      ? this.commentProfiles.get(normalized.toLowerCase()) || null
+      : null;
+
+    const rawPicture =
+      profileEntry && typeof profileEntry.picture === "string"
+        ? profileEntry.picture
+        : "";
+    const sanitizedPicture = sanitizeProfileMediaUrl(rawPicture);
+    const avatar = this.resolveCommentAvatarAsset(normalized, sanitizedPicture);
+
+    let npub = "";
+    if (profileEntry && typeof profileEntry.npub === "string") {
+      const trimmed = profileEntry.npub.trim();
+      if (trimmed) {
+        if (trimmed.startsWith("npub")) {
+          npub = trimmed;
+        } else if (HEX64_REGEX.test(trimmed)) {
+          npub = this.encodeCommentPubkeyToNpub(trimmed);
+        }
+      }
+    }
+
+    if (!npub && profileEntry && typeof profileEntry.pubkey === "string") {
+      const trimmed = profileEntry.pubkey.trim();
+      if (trimmed) {
+        npub = this.encodeCommentPubkeyToNpub(trimmed);
+      }
+    }
+
+    if (!npub && normalized) {
+      npub = this.encodeCommentPubkeyToNpub(normalized);
+    }
+
+    let displayName = "";
+    if (profileEntry && typeof profileEntry === "object") {
+      const candidates = [
+        profileEntry.display_name,
+        profileEntry.name,
+        profileEntry.username,
+      ];
+      for (const candidate of candidates) {
+        if (typeof candidate !== "string") {
+          continue;
+        }
+        const trimmed = candidate.trim();
+        if (trimmed) {
+          displayName = trimmed;
+          break;
+        }
+      }
+    }
+
+    if (displayName && HEX64_REGEX.test(displayName)) {
+      displayName = "";
+    }
+
+    if (!displayName && npub) {
+      displayName = this.helpers.formatShortNpub(npub);
+    }
+
+    if (!displayName) {
+      displayName = "Anonymous";
+    }
+
+    const shortNpub = npub ? this.helpers.formatShortNpub(npub) : "";
+    const initialCandidate = displayName.trim().charAt(0) || "";
+    const initial = initialCandidate ? initialCandidate.toUpperCase() : "?";
+
+    return {
+      displayName,
+      avatarUrl: avatar.url,
+      avatarSource: avatar.source,
+      npub,
+      shortNpub,
+      initial,
+    };
+  }
+
+  resolveCommentAvatarAsset(pubkey, sanitizedPicture) {
+    return resolveCommentAvatarAssetUtil({
+      cache: this.commentAvatarCache,
+      failures: this.commentAvatarFailures,
+      defaultAvatar: this.DEFAULT_PROFILE_AVATAR,
+      pubkey,
+      sanitizedPicture,
+    });
+  }
+
+  normalizeCommentAvatarKey(value) {
+    return normalizeCommentAvatarKeyUtil(value);
+  }
+
+  registerCommentAvatarFailure(sourceUrl) {
+    registerCommentAvatarFailureUtil({
+      cache: this.commentAvatarCache,
+      failures: this.commentAvatarFailures,
+      defaultAvatar: this.DEFAULT_PROFILE_AVATAR,
+      sourceUrl,
+    });
+  }
+
+  encodeCommentPubkeyToNpub(pubkey) {
+    if (typeof pubkey !== "string") {
+      return "";
+    }
+
+    const trimmed = pubkey.trim();
+    if (!trimmed) {
+      return "";
+    }
+
+    if (trimmed.startsWith("npub1")) {
+      return trimmed;
+    }
+
+    if (!HEX64_REGEX.test(trimmed)) {
+      return "";
+    }
+
+    if (this.commentNpubEncodingFailures.has(trimmed)) {
+      return "";
+    }
+
+    try {
+      const encoded = this.window?.NostrTools?.nip19?.npubEncode?.(trimmed);
+      if (typeof encoded === "string" && encoded) {
+        return encoded;
+      }
+    } catch (error) {
+      if (!this.commentNpubEncodingFailures.has(trimmed)) {
+        this.log("[VideoModal] Failed to encode comment author pubkey", error);
+      }
+    }
+
+    this.commentNpubEncodingFailures.add(trimmed);
+    return "";
+  }
+
+  getCommentTimestampLabel(createdAt) {
+    const numeric = Number(createdAt);
+    if (!Number.isFinite(numeric) || numeric <= 0) {
+      return { text: "", iso: "", title: "" };
+    }
+
+    const date = new Date(numeric * 1000);
+    if (Number.isNaN(date.getTime())) {
+      return { text: "", iso: "", title: "" };
+    }
+
+    let text = "";
+    try {
+      text = formatTimeAgo(numeric);
+    } catch (error) {
+      this.log("[VideoModal] Failed to format comment timestamp", error);
+    }
+    if (!text) {
+      text = formatAbsoluteTimestamp(numeric);
+    }
+
+    return {
+      text,
+      iso: date.toISOString(),
+      title: formatAbsoluteTimestamp(numeric),
+    };
+  }
+
+  normalizeCommentMap(candidate) {
+    if (candidate instanceof Map) {
+      return new Map(candidate);
+    }
+    if (Array.isArray(candidate)) {
+      const map = new Map();
+      candidate.forEach(([key, value]) => {
+        if (typeof key === "string" && key.trim()) {
+          map.set(key.trim(), value);
+        }
+      });
+      return map;
+    }
+    if (candidate && typeof candidate === "object") {
+      const map = new Map();
+      Object.entries(candidate).forEach(([key, value]) => {
+        if (typeof key === "string" && key.trim()) {
+          map.set(key.trim(), value);
+        }
+      });
+      return map;
+    }
+    return new Map();
+  }
+
+  normalizeChildrenMap(candidate) {
+    const map = new Map();
+    if (candidate instanceof Map) {
+      candidate.forEach((value, key) => {
+        map.set(this.normalizeParentKey(key), this.normalizeIdList(value));
+      });
+      return map;
+    }
+    if (Array.isArray(candidate)) {
+      candidate.forEach(([key, value]) => {
+        map.set(this.normalizeParentKey(key), this.normalizeIdList(value));
+      });
+      return map;
+    }
+    if (candidate && typeof candidate === "object") {
+      Object.entries(candidate).forEach(([key, value]) => {
+        map.set(this.normalizeParentKey(key), this.normalizeIdList(value));
+      });
+    }
+    return map;
+  }
+
+  normalizeProfileMap(candidate) {
+    const map = new Map();
+    if (candidate instanceof Map) {
+      candidate.forEach((value, key) => {
+        const normalizedKey =
+          typeof key === "string" && key.trim() ? key.trim().toLowerCase() : "";
+        if (normalizedKey) {
+          map.set(normalizedKey, value);
+        }
+      });
+      return map;
+    }
+    if (Array.isArray(candidate)) {
+      candidate.forEach(([key, value]) => {
+        const normalizedKey =
+          typeof key === "string" && key.trim() ? key.trim().toLowerCase() : "";
+        if (normalizedKey) {
+          map.set(normalizedKey, value);
+        }
+      });
+      return map;
+    }
+    if (candidate && typeof candidate === "object") {
+      Object.entries(candidate).forEach(([key, value]) => {
+        const normalizedKey =
+          typeof key === "string" && key.trim() ? key.trim().toLowerCase() : "";
+        if (normalizedKey) {
+          map.set(normalizedKey, value);
+        }
+      });
+    }
+    return map;
+  }
+
+  normalizeIdList(value) {
+    if (!Array.isArray(value)) {
+      return [];
+    }
+    return value
+      .map((entry) =>
+        typeof entry === "string" && entry.trim() ? entry.trim() : ""
+      )
+      .filter(Boolean);
+  }
+
+  normalizeParentKey(value) {
+    if (value === null || value === undefined) {
+      return null;
+    }
+    if (typeof value === "string") {
+      const trimmed = value.trim();
+      if (
+        !trimmed ||
+        trimmed === "null" ||
+        trimmed === "undefined" ||
+        trimmed === "__root__"
+      ) {
+        return null;
+      }
+      return trimmed;
+    }
+    return this.normalizeParentKey(String(value));
+  }
+
+  getChildCommentIds(childrenMap, parentId) {
+    const key = this.normalizeParentKey(parentId);
+    const list = childrenMap.get(key);
+    return Array.isArray(list) ? [...list] : [];
+  }
+
+  getCommentChildrenContainer(parentId) {
+    const key = this.normalizeParentKey(parentId);
+    if (key === null) {
+      return this.commentChildLists.get(null) || this.commentsList;
+    }
+    if (this.commentChildLists.has(key)) {
+      return this.commentChildLists.get(key);
+    }
+    const parentNode = this.commentNodes.get(key);
+    if (parentNode) {
+      const existing = parentNode.querySelector("[data-comment-replies]");
+      if (existing) {
+        this.commentChildLists.set(key, existing);
+        return existing;
+      }
+    }
+    return this.commentChildLists.get(null) || this.commentsList;
+  }
+
+  extractParentCommentId(event) {
+    const tags = Array.isArray(event?.tags) ? event.tags : [];
+    const values = [];
+    for (const tag of tags) {
+      if (!Array.isArray(tag) || tag.length < 2) {
+        continue;
+      }
+      const [name, value] = tag;
+      if (name !== "e") {
+        continue;
+      }
+      const normalized = typeof value === "string" ? value.trim() : "";
+      if (!normalized || normalized === this.commentThreadContext.videoEventId) {
+        continue;
+      }
+      values.push(normalized);
+    }
+    if (!values.length) {
+      return null;
+    }
+    return values[values.length - 1];
+  }
+
+  mergeCommentProfile(pubkey, profile) {
+    if (typeof pubkey !== "string" || !pubkey.trim()) {
+      return;
+    }
+    const normalized = pubkey.trim().toLowerCase();
+    this.commentProfiles.set(normalized, profile);
+    this.updateCommentNodesForAuthor(pubkey);
+  }
+
+  clearComments() {
+    if (!(this.commentNodes instanceof Map)) {
+      this.commentNodes = new Map();
+    } else {
+      this.commentNodes.clear();
+    }
+    if (!(this.commentChildLists instanceof Map)) {
+      this.commentChildLists = new Map();
+    } else {
+      this.commentChildLists.clear();
+    }
+    if (!(this.commentNodeElements instanceof Map)) {
+      this.commentNodeElements = new Map();
+    } else {
+      this.commentNodeElements.clear();
+    }
+    if (this.commentNpubEncodingFailures instanceof Set) {
+      this.commentNpubEncodingFailures.clear();
+    } else {
+      this.commentNpubEncodingFailures = new Set();
+    }
+    if (this.commentsList) {
+      this.commentsList.textContent = "";
+      this.commentChildLists.set(null, this.commentsList);
+    }
+    this.updateCommentCount(0);
+    this.toggleCommentEmptyState(true);
+  }
+
+  updateCommentCount(count) {
+    if (!this.commentsCountLabel) {
+      return;
+    }
+    const numeric = Number.isFinite(count) ? Math.max(0, Math.floor(count)) : 0;
+    const label = numeric === 1 ? "1 comment" : `${numeric} comments`;
+    this.commentsCountLabel.textContent = label;
+  }
+
+  toggleCommentEmptyState(isEmpty) {
+    const shouldShow = Boolean(isEmpty);
+    if (this.commentsEmptyState) {
+      if (shouldShow) {
+        this.commentsEmptyState.removeAttribute("hidden");
+      } else {
+        this.commentsEmptyState.setAttribute("hidden", "");
+      }
+    }
+    if (this.commentsList) {
+      if (shouldShow) {
+        this.commentsList.setAttribute("data-empty", "true");
+      } else {
+        this.commentsList.removeAttribute("data-empty");
+      }
+    }
+  }
+
+  destroy() {
+    this.close();
+    this.teardownVideoTagsResizeObserver();
+    this.commentsController.destroy();
+    this.reactionsController.destroy();
+    this.similarContentController.destroy();
+    this.moderationController.destroy();
+    this.invokeCommentTeardown();
+    this.clearLinkPreviews();
+    if (this.linkPreviewSettingsUnsubscribe) {
+      this.linkPreviewSettingsUnsubscribe();
+      this.linkPreviewSettingsUnsubscribe = null;
+    }
+
+    if (this.document) {
+      this.document.removeEventListener(
+        "video:moderation-override",
+        this.handleGlobalModerationOverride,
+      );
+      this.document.removeEventListener(
+        "video:moderation-block",
+        this.handleGlobalModerationBlock,
+      );
+      this.document.removeEventListener(
+        "video:moderation-hide",
+        this.handleGlobalModerationHide,
+      );
+    }
+
+    this.removeModerationPrimaryButton();
+    this.removeModerationBlockButton();
+    this.moderationOverlay = null;
+    this.moderationBadge = null;
+    this.moderationBadgeText = null;
+    this.moderationActionsContainer = null;
+    this.moderationPrimaryButton = null;
+    this.moderationPrimaryMode = "";
+    this.moderationBlockButton = null;
+    this.moderationBadgeId = "";
+    this.activeModerationContext = null;
+
+    this.commentProfiles = new Map();
+    this.commentNodes = new Map();
+    this.commentChildLists = new Map();
+    this.commentNodeElements = new Map();
+    this.commentComposerState = {
+      disabled: true,
+      reason: "",
+      parentCommentId: null,
+    };
+    this.commentThreadContext = {
+      videoEventId: "",
+      parentCommentId: null,
+    };
+    this.commentComposerDefaultHint = "";
+    this.commentComposerDefaultCountText = "";
+    this.commentStatusDefaultText = "";
+    this.commentComposerMaxLength = 0;
+
+    this.commentsRoot = null;
+    this.commentsContainer = null;
+    this.commentsCountLabel = null;
+    this.commentsEmptyState = null;
+    this.commentsList = null;
+    this.commentsLoadMoreButton = null;
+    this.commentsDisabledPlaceholder = null;
+    this.commentsDisabledPlaceholderDefaultText = "";
+    this.commentsComposer = null;
+    this.commentsInput = null;
+    this.commentsSubmitButton = null;
+    this.commentsStatusMessage = null;
+    this.commentsCharCount = null;
+    this.commentComposerHint = null;
+    this.commentRetryButton = null;
+  }
+
+  bindVideoEvents() {
+    if (
+      !this.modalVideo ||
+      !this.window ||
+      typeof this.window.HTMLVideoElement === "undefined" ||
+      !(this.modalVideo instanceof this.window.HTMLVideoElement)
+    ) {
+      return;
+    }
+
+    const loadedHandler = () => {
+      this.dispatch("playback:loadeddata", {
+        video: this.modalVideo,
+        active: this.activeVideo
+      });
+    };
+    const playingHandler = () => {
+      this.dispatch("playback:playing", {
+        video: this.modalVideo,
+        active: this.activeVideo
+      });
+    };
+
+    this.modalVideo.addEventListener("loadeddata", loadedHandler);
+    this.modalVideo.addEventListener("playing", playingHandler);
+
+    this.videoEventCleanup = () => {
+      if (!this.modalVideo) {
+        return;
+      }
+      this.modalVideo.removeEventListener("loadeddata", loadedHandler);
+      this.modalVideo.removeEventListener("playing", playingHandler);
+      this.videoEventCleanup = null;
+    };
+  }
+
+  detachVideoEvents() {
+    if (typeof this.videoEventCleanup === "function") {
+      this.videoEventCleanup();
+    }
+    this.videoEventCleanup = null;
+  }
+
+  getAmbientFallbackColor() {
+    const canvas = this.ambientCanvas;
+    const doc =
+      canvas?.ownerDocument ||
+      this.document ||
+      (typeof document !== "undefined" ? document : null);
+    const win = doc?.defaultView || (typeof window !== "undefined" ? window : null);
+
+    if (doc && win && typeof win.getComputedStyle === "function") {
+      const styles = win.getComputedStyle(doc.documentElement);
+      const tokens = [
+        "--color-overlay-strong",
+        "--color-overlay",
+        "--color-surface",
+        "--color-bg",
+      ];
+
+      for (const token of tokens) {
+        const value = styles.getPropertyValue(token);
+        if (value && value.trim()) {
+          return value.trim();
+        }
+      }
+    }
+
+    return "rgb(0, 0, 0)";
+  }
+
+  clearAmbientCanvas() {
+    const canvas = this.ambientCanvas;
+    if (!canvas || typeof canvas.getContext !== "function") {
+      return;
+    }
+    const context = canvas.getContext("2d");
+    if (!context) {
+      return;
+    }
+
+    const width = canvas.width || canvas.clientWidth || 0;
+    const height = canvas.height || canvas.clientHeight || 0;
+    if (!width || !height) {
+      return;
+    }
+
+    context.fillStyle = this.getAmbientFallbackColor();
+    context.fillRect(0, 0, width, height);
+  }
+
+  teardownAmbientGlow({ clear = true } = {}) {
+    const detach = this.detachAmbientBackground;
+    this.detachAmbientBackground = null;
+
+    if (typeof detach === "function") {
+      try {
+        detach({ clear });
+        return;
+      } catch (error) {
+        this.log("[VideoModal] Failed to teardown ambient background", error);
+      }
+    }
+
+    if (clear) {
+      this.clearAmbientCanvas();
+    }
+  }
+
+  attachAmbientGlow() {
+    if (!this.modalVideo || !this.ambientCanvas) {
+      this.clearAmbientCanvas();
+      return;
+    }
+
+    try {
+      this.detachAmbientBackground = attachAmbientBackground(
+        this.modalVideo,
+        this.ambientCanvas,
+      );
+    } catch (error) {
+      this.detachAmbientBackground = null;
+      this.log("[VideoModal] Failed to attach ambient background", error);
+      this.clearAmbientCanvas();
+    }
+  }
+
+  bindActionButtons() {
+    if (this.copyMagnetBtn) {
+      this.copyMagnetBtn.addEventListener("click", this.handleCopyRequest);
+    }
+    if (this.shareBtn && this.shareBtn.dataset.modalMenuHandler !== "true") {
+      this.shareBtn.dataset.modalMenuHandler = "true";
+      this.shareBtn.addEventListener("click", this.handleShareRequest);
+    }
+    if (this.embedBtn) {
+      this.embedBtn.addEventListener("click", this.handleEmbedRequest);
+    }
+
+    if (this.modalZapBtn) {
+      this.modalZapBtn.addEventListener("click", (event) => {
+        event?.preventDefault?.();
+        event?.stopPropagation?.();
+
+        if (this.modalZapBtn?.disabled) {
+          return;
+        }
+
+        if (this.modalZapRequiresLogin) {
+          this.dispatch(
+            "zap:open",
+            {
+              video: this.activeVideo,
+              requiresLogin: true,
+            },
+            { cancelable: false },
+          );
+          return;
+        }
+
+        const popoverIsOpen = this.isZapDialogOpen();
+
+        if (this.modalZapOpenPromise) {
+          this.modalZapPendingToggle = "close";
+          this.closeZapDialog({ silent: true, restoreFocus: false });
+          return;
+        }
+
+        if (popoverIsOpen) {
+          if (this.modalZapPending) {
+            return;
+          }
+
+          this.closeZapDialog();
+          return;
+        }
+
+        const allowed = this.dispatch(
+          "zap:open",
+          { video: this.activeVideo },
+          { cancelable: true },
+        );
+        if (allowed === false) {
+          return;
+        }
+
+        this.modalZapPendingToggle = null;
+        this.openZapDialog();
+      });
+    }
+
+    if (this.modalMoreBtn && this.modalMoreBtn.dataset.modalMenuHandler !== "true") {
+      this.modalMoreBtn.dataset.modalMenuHandler = "true";
+      this.modalMoreBtn.addEventListener("click", this.handleModalMoreButtonClick);
+    }
+
+    if (this.sourceToggleButtons.length > 0) {
+      this.sourceToggleButtons.forEach((btn) => {
+        btn.addEventListener("click", (event) => {
+          event.preventDefault();
+          event.stopPropagation();
+          const mode = btn.dataset.sourceToggle;
+          if (mode) {
+            this.handleSourceToggle(mode);
+          }
+        });
+      });
+    }
+
+    if (this.modalZapCloseBtn) {
+      this.modalZapCloseBtn.addEventListener("click", (event) => {
+        event?.preventDefault?.();
+        this.closeZapDialog();
+      });
+    }
+
+    if (this.modalZapWalletLink) {
+      this.modalZapWalletLink.addEventListener("click", (event) => {
+        event?.preventDefault?.();
+        this.dispatch("zap:wallet-link", { video: this.activeVideo });
+      });
+    }
+
+    if (this.modalZapForm) {
+      this.modalZapForm.addEventListener("submit", (event) => {
+        event?.preventDefault?.();
+        if (this.modalZapSendBtn?.dataset.completed === "true") {
+          this.closeZapDialog();
+          return;
+        }
+        if (this.modalZapSendBtn?.disabled) {
+          return;
+        }
+        this.dispatch("video:zap", {
+          video: this.activeVideo,
+          amount: this.getZapAmountValue(),
+          comment: this.getZapCommentValue()
+        });
+      });
+    }
+
+    if (this.modalZapSendBtn) {
+      this.modalZapSendBtn.addEventListener("click", (event) => {
+        if (this.modalZapSendBtn?.dataset.completed === "true") {
+          event?.preventDefault?.();
+          this.closeZapDialog();
+        }
+      });
+    }
+
+    if (this.modalZapAmountInput) {
+      const amountHandler = () => {
+        this.dispatch("zap:amount-change", {
+          video: this.activeVideo,
+          amount: this.getZapAmountValue()
+        });
+      };
+      this.modalZapAmountInput.addEventListener("input", amountHandler);
+      this.modalZapAmountInput.addEventListener("change", amountHandler);
+    }
+
+    if (this.modalZapCommentInput) {
+      const commentHandler = () => {
+        this.dispatch("zap:comment-change", {
+          video: this.activeVideo,
+          comment: this.getZapCommentValue()
+        });
+      };
+      this.modalZapCommentInput.addEventListener("input", commentHandler);
+    }
+
+    if (this.creatorAvatar) {
+      this.creatorAvatar.addEventListener(
+        "click",
+        this.handleCreatorNavigation
+      );
+    }
+    if (this.creatorName) {
+      this.creatorName.addEventListener("click", this.handleCreatorNavigation);
+    }
+  }
+
+  setupModalZapPopover() {
+    if (!this.modalZapDialog) {
+      this.modalZapPopover = null;
+      return;
+    }
+
+    if (!this.modalZapDialog.dataset.state) {
+      const isHidden =
+        this.modalZapDialog.hasAttribute("hidden") ||
+        this.modalZapDialog.getAttribute("aria-hidden") === "true";
+      this.modalZapDialog.dataset.state = isHidden ? "closed" : "open";
+    }
+
+    if (this.modalZapDialog.dataset.state !== "open") {
+      this.modalZapDialog.hidden = true;
+      this.modalZapDialog.setAttribute("aria-hidden", "true");
+      this.modalZapDialogOpen = false;
+    }
+
+    if (!this.modalZapBtn) {
+      this.modalZapPopover = null;
+      return;
+    }
+
+    const documentRef =
+      this.modalZapDialog.ownerDocument ||
+      this.modalZapBtn.ownerDocument ||
+      this.document ||
+      (typeof document !== "undefined" ? document : null);
+
+    const popover = createPopover(
+      this.modalZapBtn,
+      () => this.modalZapDialog,
+      {
+        document: documentRef,
+        placement: "bottom-end",
+        restoreFocusOnClose: true,
+      },
+    );
+
+    if (!popover) {
+      this.modalZapPopover = null;
+      return;
+    }
+
+    const originalOpen = popover.open?.bind(popover);
+    if (originalOpen) {
+      popover.open = async (...args) => {
+        const result = await originalOpen(...args);
+        if (result) {
+          this.modalZapDialog.dataset.state = "open";
+          this.modalZapDialog.hidden = false;
+          this.modalZapDialog.setAttribute("aria-hidden", "false");
+          this.modalZapDialogOpen = true;
+          if (this.modalZapBtn) {
+            this.modalZapBtn.setAttribute("aria-expanded", "true");
+          }
+          this.focusZapAmount();
+        }
+        return result;
+      };
+    }
+
+    const originalClose = popover.close?.bind(popover);
+    if (originalClose) {
+      popover.close = (options = {}) => {
+        const { silent = false, ...rest } = options;
+        const wasOpen = popover.isOpen?.() === true;
+        const result = originalClose(rest);
+        const wasDialogMarkedOpen =
+          this.modalZapDialogOpen === true ||
+          this.modalZapDialog?.dataset?.state === "open";
+        if (wasOpen || wasDialogMarkedOpen) {
+          this.modalZapPendingToggle = null;
+          this.modalZapOpenPromise = null;
+          this.modalZapDialog.dataset.state = "closed";
+          this.modalZapDialog.setAttribute("aria-hidden", "true");
+          this.modalZapDialog.hidden = true;
+          this.modalZapDialogOpen = false;
+          if (this.modalZapBtn) {
+            this.modalZapBtn.setAttribute("aria-expanded", "false");
+          }
+          if (!silent && (wasOpen || wasDialogMarkedOpen)) {
+            this.dispatch("zap:close", { video: this.activeVideo });
+          }
+        }
+        return result;
+      };
+    }
+
+    const originalDestroy = popover.destroy?.bind(popover);
+    if (originalDestroy) {
+      popover.destroy = (...args) => {
+        originalDestroy(...args);
+        if (this.modalZapPopover === popover) {
+          this.modalZapPopover = null;
+        }
+      };
+    }
+
+    this.modalZapPopover = popover;
+  }
+
+  setupModalMorePopover() {
+    if (!this.modalMoreBtn) {
+      this.modalMorePopover = null;
+      this.modalMoreMenuPanel = null;
+      return;
+    }
+
+    const documentRef =
+      this.modalMoreBtn.ownerDocument ||
+      this.document ||
+      (typeof document !== "undefined" ? document : null);
+
+    const render = ({ document: doc, close }) => {
+      const panel = this.buildModalMoreMenuPanel({ document: doc, close });
+      this.modalMoreMenuPanel = panel;
+      return panel;
+    };
+
+    const popover = createPopover(this.modalMoreBtn, render, {
+      document: documentRef,
+      placement: "bottom-end",
+      restoreFocusOnClose: true,
+    });
+
+    if (!popover) {
+      this.modalMorePopover = null;
+      this.modalMoreMenuPanel = null;
+      return;
+    }
+
+    const originalOpen = popover.open?.bind(popover);
+    if (originalOpen) {
+      popover.open = async (...args) => {
+        this.refreshModalMoreMenuPanel();
+        return originalOpen(...args);
+      };
+    }
+
+    const originalDestroy = popover.destroy?.bind(popover);
+    if (originalDestroy) {
+      popover.destroy = (...args) => {
+        originalDestroy(...args);
+        if (this.modalMorePopover === popover) {
+          this.modalMorePopover = null;
+          this.modalMoreMenuPanel = null;
+        }
+      };
+    }
+
+    this.modalMoreBtn.dataset.moreMenuToggleBound = "true";
+    this.modalMorePopover = popover;
+  }
+
+  setupModalSharePopover() {
+    if (!this.shareBtn) {
+      this.modalSharePopover = null;
+      return;
+    }
+
+    const documentRef =
+      this.shareBtn.ownerDocument ||
+      this.document ||
+      (typeof document !== "undefined" ? document : null);
+
+    const render = ({ document: doc, close }) => {
+      const panel = this.buildModalShareMenuPanel({ document: doc, close });
+      return panel;
+    };
+
+    const popover = createPopover(this.shareBtn, render, {
+      document: documentRef,
+      placement: "bottom-end",
+      restoreFocusOnClose: true,
+    });
+
+    if (!popover) {
+      this.modalSharePopover = null;
+      return;
+    }
+
+    const originalOpen = popover.open?.bind(popover);
+    if (originalOpen) {
+      popover.open = async (...args) => {
+        this.refreshModalShareMenuPanel();
+        return originalOpen(...args);
+      };
+    }
+
+    const originalDestroy = popover.destroy?.bind(popover);
+    if (originalDestroy) {
+      popover.destroy = (...args) => {
+        originalDestroy(...args);
+        if (this.modalSharePopover === popover) {
+          this.modalSharePopover = null;
+        }
+      };
+    }
+
+    this.shareBtn.dataset.shareMenuToggleBound = "true";
+    this.modalSharePopover = popover;
+  }
+
+  buildModalShareMenuPanel({ document: doc, close }) {
+    const isLoggedIn = this.shareNostrAuthState.isLoggedIn;
+    const hasSigner = this.shareNostrAuthState.hasSigner;
+
+    const hasMagnet = Boolean(
+      (typeof this.activeVideo?.magnet === "string" &&
+        this.activeVideo.magnet.trim()) ||
+        this.activeVideo?.torrentSupported
+    );
+
+    const hasCdn = Boolean(
+      typeof this.activeVideo?.url === "string" && this.activeVideo.url.trim()
+    );
+
+    const panel = createVideoShareMenuPanel({
+      document: doc,
+      video: this.activeVideo,
+      isLoggedIn,
+      hasSigner,
+      hasMagnet,
+      hasCdn,
+      context: "modal",
+    });
+
+    if (!panel) {
+      return null;
+    }
+
+    const buttons = panel.querySelectorAll("button[data-action]");
+    buttons.forEach((button) => {
+      button.addEventListener("click", (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+
+        const dataset = {};
+        Object.entries(button.dataset || {}).forEach(([key, value]) => {
+          dataset[key] = value;
+        });
+        if (!dataset.context) {
+          dataset.context = "modal";
+        }
+
+        const action = dataset.action || "";
+
+        // Map menu actions to events
+        if (action === "share") {
+          this.dispatch("video:share", { video: this.activeVideo });
+        } else if (action === "share-nostr") {
+          this.dispatch("video:share-nostr", { video: this.activeVideo });
+        } else if (action === "copy-magnet") {
+          this.dispatch("video:copy-magnet", { video: this.activeVideo });
+        } else if (action === "copy-cdn") {
+          this.dispatch("video:copy-cdn", { video: this.activeVideo });
+        }
+
+        if (typeof close === "function") {
+          close({ reason: "action" });
+        }
+      });
+    });
+
+    return panel;
+  }
+
+  refreshModalShareMenuPanel() {
+    if (!this.modalSharePopover) {
+      return;
+    }
+
+    const existingPanel = this.modalSharePopover.getPanel?.();
+    const documentRef =
+      existingPanel?.ownerDocument ||
+      this.shareBtn?.ownerDocument ||
+      this.document ||
+      (typeof document !== "undefined" ? document : null);
+
+    if (!documentRef) {
+      return;
+    }
+
+    const nextPanel = this.buildModalShareMenuPanel({
+      document: documentRef,
+      close: (options) => this.modalSharePopover?.close(options),
+    });
+
+    if (!nextPanel) {
+      return;
+    }
+
+    if (existingPanel && existingPanel.parentNode) {
+      existingPanel.parentNode.replaceChild(nextPanel, existingPanel);
+    }
+  }
+
+  setShareNostrAuthState({ isLoggedIn, hasSigner } = {}) {
+    const nextIsLoggedIn = Boolean(isLoggedIn);
+    const nextHasSigner = Boolean(hasSigner);
+    const previous = this.shareNostrAuthState;
+
+    if (
+      previous &&
+      previous.isLoggedIn === nextIsLoggedIn &&
+      previous.hasSigner === nextHasSigner
+    ) {
+      return;
+    }
+
+    this.shareNostrAuthState = {
+      isLoggedIn: nextIsLoggedIn,
+      hasSigner: nextHasSigner,
+    };
+
+    this.refreshModalShareMenuPanel();
+  }
+
+  buildModalMoreMenuPanel({ document: doc, close }) {
+    const panel = createVideoMoreMenuPanel({
+      document: doc,
+      video: this.modalMoreMenuContext.video,
+      pointerInfo: this.modalMoreMenuContext.pointerInfo,
+      playbackUrl: this.modalMoreMenuContext.playbackUrl,
+      playbackMagnet: this.modalMoreMenuContext.playbackMagnet,
+      canManageBlacklist: this.modalMoreMenuContext.canManageBlacklist,
+      context: "modal",
+    });
+
+    if (!panel) {
+      return null;
+    }
+
+    const buttons = panel.querySelectorAll("button[data-action]");
+    buttons.forEach((button) => {
+      button.addEventListener("click", (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+
+        const dataset = {};
+        Object.entries(button.dataset || {}).forEach(([key, value]) => {
+          dataset[key] = value;
+        });
+        if (!dataset.context) {
+          dataset.context = "modal";
+        }
+
+        const action = dataset.action || "";
+        this.dispatch("video:context-action", {
+          action,
+          dataset,
+        });
+
+        if (typeof close === "function") {
+          close({ reason: "action" });
+        }
+      });
+    });
+
+    return panel;
+  }
+
+  refreshModalMoreMenuPanel() {
+    if (!this.modalMorePopover) {
+      return;
+    }
+
+    const existingPanel =
+      this.modalMorePopover.getPanel?.() || this.modalMoreMenuPanel;
+
+    const documentRef =
+      existingPanel?.ownerDocument ||
+      this.modalMoreBtn?.ownerDocument ||
+      this.document ||
+      (typeof document !== "undefined" ? document : null);
+
+    if (!documentRef) {
+      return;
+    }
+
+    const nextPanel = this.buildModalMoreMenuPanel({
+      document: documentRef,
+      close: (options) => this.modalMorePopover?.close(options),
+    });
+
+    if (!nextPanel) {
+      return;
+    }
+
+    const currentPanel = this.modalMorePopover.getPanel?.();
+    if (currentPanel && currentPanel.parentNode) {
+      currentPanel.parentNode.replaceChild(nextPanel, currentPanel);
+    } else if (existingPanel?.parentNode) {
+      existingPanel.parentNode.replaceChild(nextPanel, existingPanel);
+    }
+
+    this.modalMoreMenuPanel = nextPanel;
+  }
+
+  handleCopyRequest(event) {
+    event?.preventDefault?.();
+    if (this.copyMagnetBtn?.disabled) {
+      return;
+    }
+    this.dispatch("video:copy-magnet", { video: this.activeVideo });
+  }
+
+  handleSourceToggle(mode) {
+    if (!this.activeVideo || (mode !== "url" && mode !== "torrent")) {
+      return;
+    }
+
+    this.dispatch("playback:switch-source", {
+      video: this.activeVideo,
+      source: mode,
+    });
+  }
+
+  updateSourceAvailability(video) {
+    const hasUrl = Boolean(
+      typeof video?.url === "string" && video.url.trim()
+    );
+    const hasMagnet = Boolean(
+      (typeof video?.magnet === "string" && video.magnet.trim()) ||
+        video?.torrentSupported
+    );
+    const hasPointer = this.hasResolvablePointer(video);
+
+    this.setShareEnabled(hasUrl || hasMagnet);
+    this.setEmbedEnabled(hasPointer);
+
+    if (!this.sourceToggleContainer) {
+      return;
+    }
+
+    if (hasUrl || hasMagnet) {
+      this.sourceToggleContainer.removeAttribute("hidden");
+      this.sourceToggleContainer.classList.remove("hidden");
+    } else {
+      this.sourceToggleContainer.setAttribute("hidden", "");
+      this.sourceToggleContainer.classList.add("hidden");
+    }
+
+    this.sourceToggleButtons.forEach((btn) => {
+      const mode = btn.dataset.sourceToggle;
+      if (mode === "url") {
+        btn.disabled = !hasUrl;
+      } else if (mode === "torrent") {
+        btn.disabled = !hasMagnet;
+      }
+    });
+
+    if (this.activeServersLabel) {
+      const count = hasUrl ? 1 : 0;
+      this.activeServersLabel.textContent =
+        count === 1 ? "1 server" : `${count} servers`;
+    }
+  }
+
+  updateSourceToggleState(activeSource) {
+    if (!this.sourceToggleButtons.length) {
+      return;
+    }
+
+    const current = activeSource === "torrent" ? "torrent" : "url";
+    this.sourceToggleButtons.forEach((btn) => {
+      const mode = btn.dataset.sourceToggle;
+      const isActive = mode === current;
+      btn.setAttribute("aria-pressed", isActive ? "true" : "false");
+    });
+  }
+
+  handleShareRequest(event) {
+    event?.preventDefault?.();
+    event?.stopPropagation?.();
+    if (this.shareBtn?.disabled) {
+      return;
+    }
+    if (this.modalSharePopover?.toggle) {
+      this.modalSharePopover.toggle();
+      return;
+    }
+    if (this.modalSharePopover?.isOpen?.()) {
+      this.modalSharePopover.close?.();
+    } else {
+      this.modalSharePopover?.open?.();
+    }
+  }
+
+  handleEmbedRequest(event) {
+    event?.preventDefault?.();
+    event?.stopPropagation?.();
+    if (this.embedBtn?.disabled) {
+      return;
+    }
+    this.dispatch("video:embed", { video: this.activeVideo });
+  }
+
+  handleCreatorNavigation(event) {
+    event?.preventDefault?.();
+    this.dispatch("creator:navigate", { video: this.activeVideo });
+  }
+
+  handleModalMoreButtonClick(event) {
+    event?.preventDefault?.();
+    event?.stopPropagation?.();
+    if (this.modalMoreBtn?.disabled) {
+      return;
+    }
+    if (this.modalMorePopover?.toggle) {
+      this.modalMorePopover.toggle();
+      return;
+    }
+    if (this.modalMorePopover?.isOpen?.()) {
+      this.modalMorePopover.close?.();
+    } else {
+      this.modalMorePopover?.open?.();
+    }
+  }
+
+  handleReactionClick(event) {
+    event?.preventDefault?.();
+    event?.stopPropagation?.();
+
+    const button = event?.currentTarget;
+    if (!button || typeof button !== "object") {
+      return;
+    }
+
+    if (button.disabled || button.getAttribute("aria-disabled") === "true") {
+      return;
+    }
+
+    const reactionValue =
+      typeof button.dataset?.reaction === "string"
+        ? button.dataset.reaction.trim()
+        : "";
+    const normalized =
+      reactionValue === "+"
+        ? "+"
+        : reactionValue === "-"
+          ? "-"
+          : "";
+
+    if (!normalized) {
+      return;
+    }
+
+    const currentReaction = this.reactionState?.userReaction || "";
+    if (normalized === currentReaction) {
+      return;
+    }
+
+    this.dispatch("video:reaction", {
+      video: this.activeVideo,
+      reaction: normalized,
+      previousReaction: currentReaction,
+    });
+  }
+
+  open(video, options = {}) {
+    this.activeVideo = video || null;
+    this.moderationBadgeId = "";
+    if (!this.playerModal) {
+      return;
+    }
+
+    // Ensure title element reference is available
+    if (!this.videoTitle) {
+      this.videoTitle = this.playerModal.querySelector("#videoTitle") || null;
+    }
+
+    // Ensure comments controller is initialized if elements are missing
+    if (
+      this.commentsController &&
+      (!this.commentsList || !this.commentsList.isConnected)
+    ) {
+      this.commentsController.destroy();
+      this.commentsController.initialize({ playerModal: this.playerModal });
+    }
+
+    // Set title immediately when opening if video has a title
+    if (this.videoTitle && video && typeof video.title === "string" && video.title.trim()) {
+      this.videoTitle.textContent = video.title.trim();
+      this.videoTitle.hidden = false;
+    } else if (this.videoTitle) {
+      this.videoTitle.textContent = "Untitled";
+      this.videoTitle.hidden = false;
+    }
+
+    this.resetReactions();
+
+    this.playerModal.classList.remove("hidden");
+    this.playerModal.removeAttribute("hidden");
+    this.document.body.classList.add("modal-open");
+    this.document.documentElement.classList.add("modal-open");
+    const triggerElement =
+      options && typeof options === "object" ? options.triggerElement : null;
+    this.modalAccessibility?.activate({ triggerElement });
+    if (this.scrollRegion) {
+      this.scrollRegion.scrollTop = 0;
+    }
+    this.setGlobalModalState("player", true);
+    this.applyLoadingPoster();
+    this.updateSourceAvailability(this.activeVideo);
+    this.refreshActiveVideoModeration({ video: this.activeVideo });
+  }
+
+  close() {
+    this.activeVideo = null;
+    this.applyModerationOverlay(null);
+    if (this.playerModal) {
+      this.playerModal.classList.add("hidden");
+      this.playerModal.setAttribute("hidden", "");
+    }
+    this.document.body.classList.remove("modal-open");
+    this.document.documentElement.classList.remove("modal-open");
+    this.modalAccessibility?.deactivate();
+    this.setGlobalModalState("player", false);
+    this.closeZapDialog({ silent: true, restoreFocus: false });
+    if (this.modalMorePopover?.close) {
+      this.modalMorePopover.close({ restoreFocus: false });
+    }
+    this.invokeCommentTeardown();
+    this.clearComments();
+    this.resetCommentComposer();
+    this.renderVideoTags([]);
+    this.clearSimilarContent();
+    this.clearLinkPreviews();
+    this.forceRemovePoster("close");
+  }
+
+  resetReactions() {
+    this.reactionState = {
+      counts: { "+": 0, "-": 0 },
+      total: 0,
+      userReaction: "",
+    };
+    this.syncReactionButtons();
+    this.updateReactionMeterDisplay();
+  }
+
+  setUserReaction(reaction) {
+    const normalized = reaction === "+" ? "+" : reaction === "-" ? "-" : "";
+    if (!this.reactionState) {
+      this.reactionState = {
+        counts: { "+": 0, "-": 0 },
+        total: 0,
+        userReaction: normalized,
+      };
+    } else {
+      this.reactionState.userReaction = normalized;
+    }
+    this.syncReactionButtons();
+  }
+
+  updateReactionSummary({ total, counts, userReaction } = {}) {
+    if (!this.reactionState) {
+      this.reactionState = {
+        counts: { "+": 0, "-": 0 },
+        total: 0,
+        userReaction: "",
+      };
+    }
+
+    if (counts && typeof counts === "object") {
+      const nextCounts = { ...this.reactionState.counts };
+      for (const [key, value] of Object.entries(counts)) {
+        nextCounts[key] = this.normalizeReactionCount(value);
+      }
+      this.reactionState.counts = nextCounts;
+    }
+
+    if (Number.isFinite(total)) {
+      this.reactionState.total = Math.max(0, Number(total));
+    } else if (counts && typeof counts === "object") {
+      let computedTotal = 0;
+      for (const value of Object.values(this.reactionState.counts)) {
+        computedTotal += this.normalizeReactionCount(value);
+      }
+      this.reactionState.total = computedTotal;
+    }
+
+    if (userReaction !== undefined) {
+      this.setUserReaction(userReaction);
+    } else {
+      this.syncReactionButtons();
+    }
+
+    this.updateReactionMeterDisplay();
+  }
+
+  syncReactionButtons() {
+    const current = this.reactionState?.userReaction || "";
+    const likeButton = this.reactionButtons?.["+"] || null;
+    const dislikeButton = this.reactionButtons?.["-"] || null;
+    if (likeButton) {
+      likeButton.setAttribute("aria-pressed", current === "+" ? "true" : "false");
+    }
+    if (dislikeButton) {
+      dislikeButton.setAttribute("aria-pressed", current === "-" ? "true" : "false");
+    }
+  }
+
+  cleanupVideoTags(root = this.videoTagsRoot) {
+    if (!root) {
+      return;
+    }
+
+    const buttons = root.querySelectorAll("button");
+    buttons.forEach((button) => {
+      const handler = button.__tagPillClickHandler;
+      if (handler) {
+        button.removeEventListener("click", handler);
+        delete button.__tagPillClickHandler;
+      }
+    });
+
+    root.textContent = "";
+  }
+
+  toggleVideoTagsVisibility(isVisible) {
+    const root = this.videoTagsRoot;
+    if (!root) {
+      return;
+    }
+
+    if (isVisible) {
+      root.classList.remove("hidden");
+      root.removeAttribute("hidden");
+      root.setAttribute("aria-hidden", "false");
+      return;
+    }
+
+    root.classList.add("hidden");
+    root.setAttribute("hidden", "");
+    root.setAttribute("aria-hidden", "true");
+  }
+
+  normalizeVideoTags(tags) {
+    if (!tags) {
+      return [];
+    }
+
+    let iterable;
+    if (Array.isArray(tags)) {
+      iterable = tags;
+    } else if (typeof tags === "string") {
+      iterable = [tags];
+    } else if (typeof tags?.[Symbol.iterator] === "function") {
+      iterable = Array.from(tags);
+    } else {
+      iterable = [];
+    }
+
+    const seen = new Set();
+    const normalized = [];
+
+    for (const entry of iterable) {
+      if (entry === null || entry === undefined) {
+        continue;
+      }
+
+      const raw = typeof entry === "string" ? entry : String(entry ?? "");
+      const trimmed = raw.trim();
+
+      if (!trimmed) {
+        continue;
+      }
+
+      let key = trimmed.toLowerCase();
+      if (key.startsWith("#")) {
+        key = key.slice(1);
+      }
+
+      if (!key) {
+        continue;
+      }
+
+      if (seen.has(key)) {
+        continue;
+      }
+
+      seen.add(key);
+
+      const display = trimmed.startsWith("#") ? trimmed : `#${trimmed}`;
+      normalized.push(display);
+    }
+
+    return normalized.sort((a, b) =>
+      a.localeCompare(b, undefined, { sensitivity: "base" }),
+    );
+  }
+
+  areVideoTagsEqual(nextTags, previousTags) {
+    if (!Array.isArray(nextTags) || !Array.isArray(previousTags)) {
+      return false;
+    }
+
+    if (nextTags.length !== previousTags.length) {
+      return false;
+    }
+
+    for (let index = 0; index < nextTags.length; index += 1) {
+      if (nextTags[index] !== previousTags[index]) {
+        return false;
+      }
+    }
+
+    return true;
+  }
+
+  renderVideoTags(tags = [], options = {}) {
+    const { force = false } = options || {};
+    const normalized = this.normalizeVideoTags(tags);
+    const root = this.videoTagsRoot;
+
+    if (root) {
+      if (!force && this.areVideoTagsEqual(normalized, this.videoTagsData)) {
+        const hasVisibleButtons =
+          root.querySelector("button[data-tag]") !== null;
+        this.toggleVideoTagsVisibility(hasVisibleButtons);
+        if (hasVisibleButtons) {
+          this.ensureVideoTagsResizeObserver();
+          this.refreshTagPreferenceStates();
+        } else {
+          this.teardownVideoTagsResizeObserver();
+        }
+        return;
+      }
+
+      this.cleanupVideoTags(root);
+
+      let hasVisibleButtons = false;
+      if (normalized.length > 0) {
+        const { root: strip } = renderTagPillStrip({
+          document: root.ownerDocument || this.document,
+          tags: normalized,
+          onTagActivate: this.handleVideoTagActivate,
+          getTagState: (tag) => this.resolveTagPreferenceState(tag),
+        });
+
+        if (strip) {
+          root.appendChild(strip);
+          trimTagPillStripToFit({ strip, container: root });
+
+          if (strip.querySelector("button[data-tag]")) {
+            hasVisibleButtons = true;
+          } else if (strip.parentNode === root) {
+            root.removeChild(strip);
+          }
+        }
+      }
+
+      this.toggleVideoTagsVisibility(hasVisibleButtons);
+      if (hasVisibleButtons) {
+        this.ensureVideoTagsResizeObserver();
+        this.refreshTagPreferenceStates();
+      } else {
+        this.teardownVideoTagsResizeObserver();
+      }
+    } else {
+      this.teardownVideoTagsResizeObserver();
+    }
+
+    const stored = Object.freeze([...normalized]);
+    this.videoTagsData = stored;
+    this.videoTagsSourceData = stored;
+  }
+
+  reflowVideoTags() {
+    if (!Array.isArray(this.videoTagsSourceData)) {
+      return;
+    }
+
+    if (this.videoTagsSourceData.length === 0) {
+      return;
+    }
+
+    this.renderVideoTags([...this.videoTagsSourceData], { force: true });
+  }
+
+  ensureVideoTagsResizeObserver() {
+    const root = this.videoTagsRoot;
+    if (!root) {
+      return;
+    }
+
+    const ResizeObserverCtor =
+      (this.window && this.window.ResizeObserver) ||
+      globalThis.ResizeObserver ||
+      null;
+    if (typeof ResizeObserverCtor !== "function") {
+      return;
+    }
+
+    if (!this.videoTagsResizeObserver) {
+      this.videoTagsResizeObserver = new ResizeObserverCtor(
+        this.handleVideoTagsResize,
+      );
+    } else if (typeof this.videoTagsResizeObserver.disconnect === "function") {
+      this.videoTagsResizeObserver.disconnect();
+    }
+
+    try {
+      this.videoTagsResizeObserver.observe(root);
+    } catch (error) {
+      // Ignore observer errors (e.g., observing a detached node).
+    }
+  }
+
+  teardownVideoTagsResizeObserver() {
+    if (this.videoTagsResizeObserver) {
+      try {
+        this.videoTagsResizeObserver.disconnect();
+      } catch (error) {
+        // Ignore teardown errors.
+      }
+    }
+    this.videoTagsResizeObserver = null;
+    this.videoTagsLastObservedWidth = 0;
+  }
+
+  handleVideoTagsResize(entries = []) {
+    if (!this.videoTagsRoot) {
+      return;
+    }
+
+    const entry =
+      Array.isArray(entries) && entries.length > 0
+        ? entries.find((item) => item?.target === this.videoTagsRoot) ||
+          entries[0]
+        : null;
+
+    const measuredWidthRaw = entry
+      ? entry.contentRect && typeof entry.contentRect.width === "number"
+        ? entry.contentRect.width
+        : typeof entry.contentBoxSize?.[0]?.inlineSize === "number"
+          ? entry.contentBoxSize[0].inlineSize
+          : this.videoTagsRoot.clientWidth || 0
+      : this.videoTagsRoot.clientWidth || 0;
+
+    const measuredWidth = Number.isFinite(measuredWidthRaw)
+      ? Math.max(0, Math.round(measuredWidthRaw))
+      : 0;
+
+    if (measuredWidth <= 0) {
+      this.videoTagsLastObservedWidth = 0;
+      return;
+    }
+
+    if (this.videoTagsLastObservedWidth === measuredWidth) {
+      return;
+    }
+
+    this.videoTagsLastObservedWidth = measuredWidth;
+    this.reflowVideoTags();
+  }
+
+  handleVideoTagActivate(tag, { event, button } = {}) {
+    const normalized =
+      typeof tag === "string" ? tag : String(tag ?? "");
+
+    if (!normalized) {
+      return;
+    }
+
+    this.dispatch("tag:activate", {
+      tag: normalized,
+      video: this.activeVideo,
+      trigger: button || null,
+      nativeEvent: event || null,
+    });
+  }
+
+  setTagPreferenceStateResolver(resolver) {
+    this.tagPreferenceStateResolver =
+      typeof resolver === "function" ? resolver : null;
+  }
+
+  resolveTagPreferenceState(tag) {
+    if (typeof this.tagPreferenceStateResolver !== "function") {
+      return "neutral";
+    }
+
+    try {
+      return this.tagPreferenceStateResolver(tag);
+    } catch (error) {
+      devLogger.warn(
+        "[VideoModal] Failed to resolve tag preference state:",
+        error,
+      );
+      return "neutral";
+    }
+  }
+
+  refreshTagPreferenceStates() {
+    const root = this.videoTagsRoot;
+    if (!root) {
+      return;
+    }
+
+    const buttons = root.querySelectorAll("button[data-tag]");
+    buttons.forEach((button) => {
+      const tag = button.dataset.tag || "";
+      const state = this.resolveTagPreferenceState(tag);
+      applyTagPreferenceState(button, state);
+    });
+  }
+
+  updateReactionMeterDisplay() {
+    if (!this.reactionState) {
+      return;
+    }
+
+    const counts = this.reactionState.counts || {};
+    const likeCount = this.normalizeReactionCount(counts["+"]);
+    const dislikeCount = this.normalizeReactionCount(counts["-"]);
+    const totalReactions = likeCount + dislikeCount;
+    const likeRatio = totalReactions > 0
+      ? Math.round((likeCount / totalReactions) * 100)
+      : 0;
+
+    if (this.reactionCountLabels?.["+"]) {
+      this.reactionCountLabels["+"].textContent = this.formatReactionCount(
+        likeCount
+      );
+    }
+    if (this.reactionCountLabels?.["-"]) {
+      this.reactionCountLabels["-"].textContent = this.formatReactionCount(
+        dislikeCount
+      );
+    }
+
+    const meterLabel =
+      totalReactions > 0
+        ? `${likeRatio}% positive`
+        : "No reactions yet";
+    const assistiveLabel =
+      totalReactions > 0
+        ? `${likeRatio}% positive (${this.formatReactionCount(
+            likeCount
+          )} likes and ${this.formatReactionCount(dislikeCount)} dislikes)`
+        : "No reactions yet";
+
+    if (this.reactionMeter) {
+      this.reactionMeter.setAttribute("aria-valuenow", String(likeRatio));
+      this.reactionMeter.setAttribute("aria-valuetext", assistiveLabel);
+    }
+
+    if (this.reactionMeterLabel) {
+      this.reactionMeterLabel.textContent = meterLabel;
+    }
+
+    if (this.reactionMeterAssistive) {
+      this.reactionMeterAssistive.textContent = assistiveLabel;
+    }
+
+    this.updateReactionMeterFill(likeRatio);
+  }
+
+  updateReactionMeterFill(likeRatio) {
+    const doc = this.playerModal?.ownerDocument || this.document;
+    if (!doc) {
+      return;
+    }
+
+    const clamped = Math.max(0, Math.min(100, Math.round(likeRatio)));
+    const widthValue = `${clamped}%`;
+    if (!this.reactionMeterStyleNode || !this.reactionMeterStyleNode.isConnected) {
+      const existing = doc.getElementById?.("videoModalReactionStyles");
+      if (existing instanceof HTMLStyleElement) {
+        this.reactionMeterStyleNode = existing;
+      } else {
+        const styleNode = doc.createElement("style");
+        styleNode.id = "videoModalReactionStyles";
+        doc.head?.appendChild(styleNode);
+        this.reactionMeterStyleNode = styleNode;
+      }
+    }
+
+    if (this.reactionMeterStyleNode) {
+      this.reactionMeterStyleNode.textContent =
+        `#playerModal { --video-modal-reaction-fill: ${widthValue}; }`;
+    }
+  }
+
+  normalizeReactionCount(value) {
+    if (Number.isFinite(value)) {
+      return Math.max(0, Math.round(Number(value)));
+    }
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? Math.max(0, Math.round(parsed)) : 0;
+  }
+
+  getReactionNumberFormatter() {
+    if (this.reactionNumberFormatter === false) {
+      return null;
+    }
+    if (this.reactionNumberFormatter) {
+      return this.reactionNumberFormatter;
+    }
+    try {
+      if (this.window?.Intl?.NumberFormat) {
+        this.reactionNumberFormatter = new this.window.Intl.NumberFormat();
+        return this.reactionNumberFormatter;
+      }
+    } catch (error) {
+      this.reactionNumberFormatter = false;
+      return null;
+    }
+    this.reactionNumberFormatter = false;
+    return null;
+  }
+
+  formatReactionCount(value) {
+    const numeric = Number.isFinite(value) ? Number(value) : Number(value || 0);
+    const safeValue = Number.isFinite(numeric) ? Math.max(0, Math.round(numeric)) : 0;
+    const formatter = this.getReactionNumberFormatter();
+    if (formatter) {
+      try {
+        return formatter.format(safeValue);
+      } catch (error) {
+        // fallback below
+      }
+    }
+    return String(safeValue);
+  }
+
+  applyLoadingPoster() {
+    if (!this.modalVideo) {
+      return;
+    }
+
+    this.clearPosterCleanup();
+
+    const clearPoster = () => {
+      this.forceRemovePoster("playback-event");
+    };
+
+    this.modalVideo.addEventListener("loadeddata", clearPoster);
+    this.modalVideo.addEventListener("playing", clearPoster);
+    this.modalVideo.poster = this.MODAL_LOADING_POSTER;
+
+    this.modalPosterCleanup = () => {
+      if (!this.modalVideo) {
+        return;
+      }
+      this.modalVideo.removeEventListener("loadeddata", clearPoster);
+      this.modalVideo.removeEventListener("playing", clearPoster);
+      this.modalPosterCleanup = null;
+    };
+  }
+
+  clearPosterCleanup() {
+    if (typeof this.modalPosterCleanup === "function") {
+      this.modalPosterCleanup();
+    }
+    this.modalPosterCleanup = null;
+  }
+
+  forceRemovePoster(reason = "manual-clear") {
+    if (!this.modalVideo) {
+      return false;
+    }
+
+    this.clearPosterCleanup();
+
+    const videoEl = this.modalVideo;
+    const hadPoster =
+      videoEl.hasAttribute("poster") ||
+      (typeof videoEl.poster === "string" && videoEl.poster !== "");
+
+    if (!hadPoster) {
+      return false;
+    }
+
+    videoEl.poster = "";
+    if (videoEl.hasAttribute("poster")) {
+      videoEl.removeAttribute("poster");
+    }
+
+    this.log(`[VideoModal] Cleared loading poster (${reason}).`);
+    return true;
+  }
+
+  resetStats() {
+    this.updatePeers("");
+    this.updateSpeed("");
+    this.updateDownloaded("");
+    this.updateProgress("0%");
+    this.setTorrentStatsVisibility(false);
+  }
+
+  updateStatus(message) {
+    if (this.modalStatus) {
+      this.modalStatus.textContent = message || "";
+    }
+  }
+
+  setTorrentStatsVisibility(shouldShow) {
+    const visible = Boolean(shouldShow);
+    this.updateSourceToggleState(visible ? "torrent" : "url");
+
+    const container = this.modalStatsContainer;
+    const stats = this.modalStats;
+    const toggle = (element, show) => {
+      if (!element) {
+        return;
+      }
+      if (show) {
+        element.removeAttribute("hidden");
+        element.classList?.remove("hidden");
+      } else {
+        element.setAttribute("hidden", "");
+        element.classList?.add("hidden");
+      }
+    };
+
+    if (container) {
+      toggle(container, visible);
+      if (stats) {
+        if (visible) {
+          stats.removeAttribute("hidden");
+          stats.classList?.remove("hidden");
+        } else {
+          stats.setAttribute("hidden", "");
+          stats.classList?.add("hidden");
+        }
+      }
+      return;
+    }
+
+    if (stats) {
+      toggle(stats, visible);
+    }
+  }
+
+  updatePeers(text) {
+    if (this.modalPeers) {
+      this.modalPeers.textContent = text || "";
+    }
+    if (this.activePeersLabel) {
+      const match = (text || "").match(/\d+/);
+      const count = match ? parseInt(match[0], 10) : 0;
+      this.activePeersLabel.textContent =
+        count === 1 ? "1 peer" : `${count} peers`;
+    }
+  }
+
+  updateSpeed(text) {
+    if (this.modalSpeed) {
+      this.modalSpeed.textContent = text || "";
+    }
+  }
+
+  updateDownloaded(text) {
+    if (this.modalDownloaded) {
+      this.modalDownloaded.textContent = text || "";
+    }
+  }
+
+  updateProgress(value) {
+    if (!this.modalProgress) {
+      return;
+    }
+
+    let nextValue = null;
+
+    if (typeof value === "number" && Number.isFinite(value)) {
+      nextValue = value;
+    } else if (typeof value === "string") {
+      const trimmed = value.trim();
+      if (trimmed) {
+        const parsed = Number.parseFloat(trimmed);
+        if (Number.isFinite(parsed)) {
+          nextValue = parsed;
+        }
+      }
+    }
+
+    if (!Number.isFinite(nextValue)) {
+      this.modalProgress.value = 0;
+      delete this.modalProgress.dataset.progress;
+      this.modalProgress.dataset.state = "idle";
+      this.modalProgress.setAttribute(
+        "aria-valuetext",
+        "Download progress unavailable",
+      );
+      if (this.modalProgressStatus) {
+        this.modalProgressStatus.textContent = "";
+      }
+      return;
+    }
+
+    const clamped = Math.max(0, Math.min(100, nextValue));
+    this.modalProgress.max = 100;
+    this.modalProgress.value = clamped;
+    this.modalProgress.dataset.progress = String(clamped);
+    const state = clamped >= 100 ? "complete" : "active";
+    this.modalProgress.dataset.state = state;
+    const valueText = `Download ${clamped}% complete`;
+    this.modalProgress.setAttribute("aria-valuetext", valueText);
+    if (this.modalProgressStatus) {
+      this.modalProgressStatus.textContent = valueText;
+    }
+  }
+
+  setCopyEnabled(enabled) {
+    if (!this.copyMagnetBtn) {
+      return;
+    }
+    this.copyMagnetBtn.disabled = !enabled;
+    this.copyMagnetBtn.setAttribute("aria-disabled", (!enabled).toString());
+    this.copyMagnetBtn.classList.toggle("opacity-50", !enabled);
+    this.copyMagnetBtn.classList.toggle("cursor-not-allowed", !enabled);
+  }
+
+  setShareEnabled(enabled) {
+    if (!this.shareBtn) {
+      return;
+    }
+    this.shareBtn.disabled = !enabled;
+    this.shareBtn.setAttribute("aria-disabled", (!enabled).toString());
+    this.shareBtn.classList.toggle("opacity-50", !enabled);
+    this.shareBtn.classList.toggle("cursor-not-allowed", !enabled);
+  }
+
+  setEmbedEnabled(enabled) {
+    if (!this.embedBtn) {
+      return;
+    }
+    this.embedBtn.disabled = !enabled;
+    this.embedBtn.setAttribute("aria-disabled", (!enabled).toString());
+    this.embedBtn.classList.toggle("opacity-50", !enabled);
+    this.embedBtn.classList.toggle("cursor-not-allowed", !enabled);
+  }
+
+  hasResolvablePointer(video) {
+    const candidateInfo =
+      video && typeof video.pointerInfo === "object" ? video.pointerInfo : null;
+    let pointer = candidateInfo?.pointer ?? null;
+    let key =
+      typeof candidateInfo?.key === "string" && candidateInfo.key
+        ? candidateInfo.key
+        : typeof candidateInfo?.pointerKey === "string" && candidateInfo.pointerKey
+          ? candidateInfo.pointerKey
+          : "";
+
+    if (!pointer) {
+      pointer = video?.pointer ?? video?.pointerTag ?? null;
+    }
+
+    if (!key) {
+      const keyCandidates = [
+        video?.pointerKey,
+        video?.pointerId,
+        video?.pointerIdentifier,
+      ];
+      for (const candidateKey of keyCandidates) {
+        if (typeof candidateKey === "string" && candidateKey.trim()) {
+          key = candidateKey.trim();
+          break;
+        }
+      }
+    }
+
+    if (!key && pointer) {
+      key = this.derivePointerKeyFromInput(pointer);
+    }
+
+    return Boolean(key);
+  }
+
+  setZapVisibility(visible, options = {}) {
+    let config;
+    if (typeof visible === "object" && visible !== null) {
+      config = { ...visible };
+    } else {
+      config = {
+        visible,
+        ...(options && typeof options === "object" ? options : {}),
+      };
+    }
+
+    const shouldShow = !!config.visible;
+    const requiresLogin = shouldShow && !!config.requiresLogin;
+    this.modalZapRequiresLogin = requiresLogin;
+
+    if (this.modalZapBtn) {
+      this.modalZapBtn.toggleAttribute("hidden", !shouldShow);
+      const disableButton =
+        !shouldShow || (this.modalZapPending && !requiresLogin);
+      this.modalZapBtn.disabled = disableButton;
+      const ariaDisabledValue =
+        requiresLogin || !shouldShow ? "true" : "false";
+      this.modalZapBtn.setAttribute("aria-disabled", ariaDisabledValue);
+      this.modalZapBtn.setAttribute("aria-hidden", (!shouldShow).toString());
+      this.modalZapBtn.setAttribute("aria-expanded", "false");
+      if (shouldShow) {
+        this.modalZapBtn.removeAttribute("tabindex");
+      } else {
+        this.modalZapBtn.setAttribute("tabindex", "-1");
+      }
+      if (requiresLogin) {
+        this.modalZapBtn.dataset.requiresLogin = "true";
+        this.modalZapBtn.removeAttribute("aria-busy");
+        this.modalZapBtn.classList.remove("opacity-50", "pointer-events-none");
+      } else {
+        delete this.modalZapBtn.dataset.requiresLogin;
+        if (this.modalZapPending) {
+          this.modalZapBtn.setAttribute("aria-busy", "true");
+          this.modalZapBtn.classList.add("opacity-50", "pointer-events-none");
+        } else {
+          this.modalZapBtn.removeAttribute("aria-busy");
+          this.modalZapBtn.classList.remove(
+            "opacity-50",
+            "pointer-events-none",
+          );
+        }
+      }
+    }
+
+    if (!shouldShow || requiresLogin) {
+      this.closeZapDialog({ silent: true, restoreFocus: false });
+    }
+  }
+
+  setWalletPromptVisible(visible) {
+    if (!this.modalZapWalletPrompt) {
+      return;
+    }
+    const shouldShow = !!visible;
+    this.modalZapWalletPrompt.toggleAttribute("hidden", !shouldShow);
+    this.modalZapWalletPrompt.setAttribute(
+      "aria-hidden",
+      (!shouldShow).toString()
+    );
+  }
+
+  async openZapDialog() {
+    if (this.modalZapRequiresLogin) {
+      return Promise.resolve(false);
+    }
+
+    if (this.modalZapOpenPromise) {
+      return this.modalZapOpenPromise;
+    }
+
+    const runOpen = async () => {
+      if (this.modalZapPopover?.open) {
+        const opened = await this.modalZapPopover.open();
+        if (opened) {
+          this.modalZapDialogOpen = true;
+          if (this.modalZapDialog) {
+            this.modalZapDialog.dataset.state = "open";
+            this.modalZapDialog.hidden = false;
+            this.modalZapDialog.setAttribute("aria-hidden", "false");
+          }
+          this.focusZapAmount();
+          return true;
+        }
+
+        if (this.modalZapDialog) {
+          this.modalZapDialog.hidden = false;
+          this.modalZapDialog.dataset.state = "open";
+          this.modalZapDialog.setAttribute("aria-hidden", "false");
+          this.modalZapDialogOpen = true;
+          if (this.modalZapBtn) {
+            this.modalZapBtn.setAttribute("aria-expanded", "true");
+          }
+          this.focusZapAmount();
+          return true;
+        }
+
+        return opened;
+      }
+
+      if (!this.modalZapDialog) {
+        return false;
+      }
+
+      this.modalZapDialog.hidden = false;
+      this.modalZapDialog.dataset.state = "open";
+      this.modalZapDialog.setAttribute("aria-hidden", "false");
+      this.modalZapDialogOpen = true;
+      if (this.modalZapBtn) {
+        this.modalZapBtn.setAttribute("aria-expanded", "true");
+      }
+      this.focusZapAmount();
+      return true;
+    };
+
+    const promise = runOpen().catch((error) => {
+      this.log("[VideoModal] Failed to open zap popover", error);
+      return false;
+    });
+
+    this.modalZapOpenPromise = promise.finally(() => {
+      const shouldClose = this.modalZapPendingToggle === "close";
+      this.modalZapOpenPromise = null;
+      this.modalZapPendingToggle = null;
+      if (shouldClose && !this.modalZapPending) {
+        this.closeZapDialog();
+      }
+    });
+
+    return this.modalZapOpenPromise;
+  }
+
+  closeZapDialog({ silent = false, restoreFocus } = {}) {
+    const dialogAppearsOpen = this.isZapDialogOpen();
+
+    if (this.modalZapOpenPromise && !dialogAppearsOpen) {
+      this.modalZapPendingToggle = "close";
+      return;
+    }
+
+    this.modalZapPendingToggle = null;
+    if (this.modalZapPopover?.close) {
+      const options = { silent };
+      if (restoreFocus !== undefined) {
+        options.restoreFocus = restoreFocus;
+      }
+      const closeResult = this.modalZapPopover.close(options);
+
+      if (
+        closeResult !== true &&
+        this.modalZapDialog &&
+        this.modalZapDialogOpen
+      ) {
+        this.modalZapDialog.dataset.state = "closed";
+        this.modalZapDialog.setAttribute("aria-hidden", "true");
+        this.modalZapDialog.hidden = true;
+        this.modalZapDialogOpen = false;
+        if (this.modalZapBtn) {
+          this.modalZapBtn.setAttribute("aria-expanded", "false");
+        }
+        if (!silent) {
+          this.dispatch("zap:close", { video: this.activeVideo });
+        }
+      }
+
+      return;
+    }
+
+    if (!this.modalZapDialog) {
+      return;
+    }
+    if (this.modalZapDialogOpen) {
+      this.modalZapDialog.dataset.state = "closed";
+      this.modalZapDialog.setAttribute("aria-hidden", "true");
+      this.modalZapDialog.hidden = true;
+      this.modalZapDialogOpen = false;
+      if (this.modalZapBtn) {
+        this.modalZapBtn.setAttribute("aria-expanded", "false");
+      }
+      if (!silent) {
+        this.dispatch("zap:close", { video: this.activeVideo });
+      }
+    }
+  }
+
+  isZapDialogOpen() {
+    const popoverIsOpen =
+      typeof this.modalZapPopover?.isOpen === "function"
+        ? this.modalZapPopover.isOpen()
+        : null;
+
+    if (popoverIsOpen === true) {
+      return true;
+    }
+
+    if (popoverIsOpen === false && this.modalZapDialogOpen) {
+      return true;
+    }
+
+    if (this.modalZapDialog?.dataset?.state === "open") {
+      return true;
+    }
+
+    if (this.modalZapDialog && this.modalZapDialog.hidden === false) {
+      return true;
+    }
+
+    return !!this.modalZapDialogOpen;
+  }
+
+  focusZapAmount() {
+    if (
+      this.modalZapAmountInput &&
+      typeof this.modalZapAmountInput.focus === "function"
+    ) {
+      this.modalZapAmountInput.focus();
+    }
+  }
+
+  getZapAmountValue() {
+    if (!this.modalZapAmountInput) {
+      return 0;
+    }
+    const numeric = Number(this.modalZapAmountInput.value);
+    if (!Number.isFinite(numeric)) {
+      return 0;
+    }
+    return Math.max(0, Math.round(numeric));
+  }
+
+  setZapAmount(value) {
+    if (!this.modalZapAmountInput) {
+      return;
+    }
+    if (value === null || value === undefined || value === "") {
+      this.modalZapAmountInput.value = "";
+      return;
+    }
+    const numeric = Number(value);
+    if (Number.isFinite(numeric)) {
+      this.modalZapAmountInput.value = Math.max(0, Math.round(numeric));
+      return;
+    }
+    this.modalZapAmountInput.value = value;
+  }
+
+  getZapCommentValue() {
+    if (!this.modalZapCommentInput) {
+      return "";
+    }
+    return (this.modalZapCommentInput.value || "").trim();
+  }
+
+  setZapComment(value) {
+    if (!this.modalZapCommentInput) {
+      return;
+    }
+    this.modalZapCommentInput.value = typeof value === "string" ? value : "";
+  }
+
+  resetZapForm({ amount = "", comment = "" } = {}) {
+    this.setZapAmount(amount);
+    this.setZapComment(comment);
+    this.setZapStatus("", "neutral");
+    this.clearZapReceipts();
+    this.setZapRetryPending(false);
+    this.setZapCompleted(false);
+  }
+
+  setZapSplitSummary(text) {
+    if (!this.modalZapSplitSummary) {
+      return;
+    }
+    const message = typeof text === "string" ? text : "";
+    this.modalZapSplitSummary.textContent =
+      message || "Enter an amount to view the split.";
+  }
+
+  setZapStatus(message, tone = "neutral") {
+    if (!this.modalZapStatusEl) {
+      return;
+    }
+
+    const normalizedTone = typeof tone === "string" ? tone : "neutral";
+    const text = typeof message === "string" ? message : "";
+    this.modalZapStatusEl.textContent = text;
+    this.modalZapStatusEl.classList.remove(
+      "text-text",
+      "text-muted",
+      "text-info",
+      "text-critical",
+      "text-warning-strong"
+    );
+
+    if (!text) {
+      this.modalZapStatusEl.classList.add("text-muted");
+      return;
+    }
+
+    if (normalizedTone === "success") {
+      this.modalZapStatusEl.classList.add("text-info");
+    } else if (normalizedTone === "error") {
+      this.modalZapStatusEl.classList.add("text-critical");
+    } else if (normalizedTone === "warning") {
+      this.modalZapStatusEl.classList.add("text-warning-strong");
+    } else {
+      this.modalZapStatusEl.classList.add("text-text");
+    }
+  }
+
+  clearZapReceipts() {
+    if (!this.modalZapReceipts) {
+      return;
+    }
+    while (this.modalZapReceipts.firstChild) {
+      this.modalZapReceipts.removeChild(this.modalZapReceipts.firstChild);
+    }
+  }
+
+  renderZapReceipts(receipts = [], { partial = false } = {}) {
+    if (!this.modalZapReceipts || !this.document) {
+      return;
+    }
+
+    this.clearZapReceipts();
+
+    if (!Array.isArray(receipts) || receipts.length === 0) {
+      if (partial) {
+        const empty = this.document.createElement("li");
+        empty.className = "text-sm text-text";
+        empty.textContent = "No zap receipts available.";
+        this.modalZapReceipts.appendChild(empty);
+      }
+      return;
+    }
+
+    const normalized = receipts.filter(
+      (receipt) => receipt && typeof receipt === "object"
+    );
+
+    const validatedReceipts = normalized.filter(
+      (receipt) => receipt?.validation?.status === "passed" && receipt.validation.event
+    );
+
+    const paymentFailures = normalized.filter((receipt) => {
+      if (!receipt) {
+        return false;
+      }
+      const status =
+        typeof receipt.status === "string" ? receipt.status.toLowerCase() : "";
+      return status && status !== "success";
+    });
+
+    const unvalidatedReceipts = normalized.filter((receipt) => {
+      if (!receipt) {
+        return false;
+      }
+      const status =
+        typeof receipt.status === "string" ? receipt.status.toLowerCase() : "success";
+      if (status !== "success" && status !== "") {
+        return false;
+      }
+      const validationStatus =
+        typeof receipt.validation?.status === "string"
+          ? receipt.validation.status.toLowerCase()
+          : "";
+      if (!validationStatus || validationStatus === "skipped") {
+        return false;
+      }
+      return validationStatus !== "passed";
+    });
+
+    const renderReceiptItem = ({ receipt, tone }) => {
+      const li = this.document.createElement("li");
+      li.className = "rounded border border-border p-3 bg-overlay-panel-soft";
+
+      const header = this.document.createElement("div");
+      header.className =
+        "flex items-center justify-between gap-2 text-xs text-text";
+
+      const shareType = receipt.recipientType || receipt.type || "creator";
+      const shareLabel = this.document.createElement("span");
+      const isPlatformShare = shareType === "platform";
+      const label = isPlatformShare
+        ? "Platform fee"
+        : shareType === "creator"
+          ? "Creator"
+          : "Lightning";
+      shareLabel.textContent = `${label} • ${Math.max(
+        0,
+        Math.round(Number(receipt.amount || 0))
+      )} sats`;
+
+      const status = this.document.createElement("span");
+      if (tone === "validated") {
+        status.textContent = "Validated";
+        status.className = "text-info";
+      } else if (tone === "failed") {
+        status.textContent = "Failed";
+        status.className = "text-critical";
+      } else {
+        status.textContent = "Pending";
+        status.className = "text-muted";
+      }
+
+      header.appendChild(shareLabel);
+      header.appendChild(status);
+      li.appendChild(header);
+
+      const address = this.document.createElement("p");
+      address.className = "mt-1 text-xs text-text break-all";
+      if (receipt.address && !isPlatformShare) {
+        address.textContent = receipt.address;
+        li.appendChild(address);
+      }
+
+      const detail = this.document.createElement("p");
+      detail.className = "mt-2 text-xs text-muted";
+      if (tone === "failed") {
+        const errorMessage =
+          (receipt.error && receipt.error.message) ||
+          (typeof receipt.error === "string"
+            ? receipt.error
+            : "Payment failed.");
+        detail.textContent = errorMessage;
+      } else {
+        let detailMessage = "Invoice settled.";
+        const preimage = receipt.payment?.result?.preimage;
+        if (typeof preimage === "string" && preimage) {
+          detailMessage = `Preimage: ${preimage.slice(0, 18)}${
+            preimage.length > 18 ? "…" : ""
+          }`;
+        }
+        detail.textContent = detailMessage;
+      }
+      li.appendChild(detail);
+
+      this.modalZapReceipts.appendChild(li);
+    };
+
+    validatedReceipts.forEach((receipt) => {
+      renderReceiptItem({ receipt, tone: "validated" });
+    });
+
+    paymentFailures.forEach((receipt) => {
+      renderReceiptItem({ receipt, tone: "failed" });
+    });
+
+    if (!validatedReceipts.length && !paymentFailures.length && !unvalidatedReceipts.length) {
+      const empty = this.document.createElement("li");
+      empty.className = "text-sm text-text";
+      empty.textContent = partial
+        ? "No zap receipts available."
+        : "No zap receipts published yet.";
+      this.modalZapReceipts.appendChild(empty);
+      return;
+    }
+
+    if (unvalidatedReceipts.length) {
+      const warning = this.document.createElement("li");
+      warning.className =
+        "rounded border border-border p-3 bg-overlay-panel-soft text-xs text-warning-strong";
+      const summaries = unvalidatedReceipts.map((receipt) => {
+        const shareType = receipt.recipientType || receipt.type || "creator";
+        const label =
+          shareType === "platform"
+            ? "Platform"
+            : shareType === "creator"
+              ? "Creator"
+              : "Lightning";
+        const address =
+          typeof receipt.address === "string" && receipt.address
+            ? ` (${receipt.address})`
+            : "";
+        const reason =
+          typeof receipt.validation?.reason === "string" && receipt.validation.reason
+            ? ` — ${receipt.validation.reason}`
+            : " — Awaiting compliant receipt.";
+        return `${label}${address}${reason}`;
+      });
+
+      const intro = validatedReceipts.length
+        ? "Awaiting validated zap receipt for remaining share(s)."
+        : "No validated zap receipts yet.";
+      warning.textContent = `${intro} ${summaries.join(" ")}`.trim();
+      this.modalZapReceipts.appendChild(warning);
+    }
+  }
+
+  setZapPending(pending) {
+    const isPending = !!pending;
+    this.modalZapPending = isPending;
+
+    if (this.modalZapSendBtn) {
+      this.modalZapSendBtn.disabled = isPending;
+      this.modalZapSendBtn.setAttribute(
+        "aria-busy",
+        isPending ? "true" : "false"
+      );
+      this.modalZapSendBtn.classList.toggle("opacity-50", isPending);
+      this.modalZapSendBtn.classList.toggle("pointer-events-none", isPending);
+    }
+
+    if (this.modalZapAmountInput) {
+      this.modalZapAmountInput.disabled = isPending;
+    }
+
+    if (this.modalZapCommentInput) {
+      this.modalZapCommentInput.disabled = isPending;
+    }
+
+    if (this.modalZapCloseBtn) {
+      this.modalZapCloseBtn.disabled = isPending;
+      this.modalZapCloseBtn.classList.toggle("opacity-50", isPending);
+      this.modalZapCloseBtn.classList.toggle("pointer-events-none", isPending);
+    }
+
+    if (this.modalZapBtn) {
+      const buttonHidden = this.modalZapBtn.hasAttribute("hidden");
+      if (isPending && !this.modalZapRequiresLogin) {
+        this.modalZapBtn.disabled = true;
+        this.modalZapBtn.setAttribute("aria-busy", "true");
+        this.modalZapBtn.classList.add("opacity-50", "pointer-events-none");
+      } else if (!buttonHidden) {
+        this.modalZapBtn.disabled = false;
+        this.modalZapBtn.removeAttribute("aria-busy");
+        this.modalZapBtn.classList.remove("opacity-50", "pointer-events-none");
+      } else {
+        this.modalZapBtn.removeAttribute("aria-busy");
+        this.modalZapBtn.classList.remove("opacity-50", "pointer-events-none");
+        this.modalZapBtn.disabled = true;
+      }
+    }
+  }
+
+  setZapRetryPending(pending, { summary = "" } = {}) {
+    if (!this.modalZapSendBtn) {
+      return;
+    }
+
+    if (pending) {
+      delete this.modalZapSendBtn.dataset.completed;
+      this.modalZapSendBtn.dataset.retryPending = "true";
+      if (summary) {
+        this.modalZapSendBtn.dataset.retrySummary = summary;
+      } else {
+        delete this.modalZapSendBtn.dataset.retrySummary;
+      }
+    } else {
+      delete this.modalZapSendBtn.dataset.retryPending;
+      delete this.modalZapSendBtn.dataset.retrySummary;
+    }
+
+    this.applyZapSendButtonState();
+  }
+
+  setZapCompleted(completed) {
+    if (!this.modalZapSendBtn) {
+      return;
+    }
+
+    if (completed) {
+      delete this.modalZapSendBtn.dataset.retryPending;
+      delete this.modalZapSendBtn.dataset.retrySummary;
+      this.modalZapSendBtn.dataset.completed = "true";
+    } else {
+      delete this.modalZapSendBtn.dataset.completed;
+    }
+
+    this.applyZapSendButtonState();
+  }
+
+  applyZapSendButtonState() {
+    if (!this.modalZapSendBtn) {
+      return;
+    }
+
+    if (this.modalZapSendBtn.dataset.completed === "true") {
+      this.modalZapSendBtn.textContent = "Done";
+      this.modalZapSendBtn.setAttribute("aria-label", "Close zap dialog");
+      this.modalZapSendBtn.title = "Close zap dialog";
+      return;
+    }
+
+    if (this.modalZapSendBtn.dataset.retryPending === "true") {
+      this.modalZapSendBtn.textContent = "Retry";
+      this.modalZapSendBtn.setAttribute(
+        "aria-label",
+        "Retry failed zap shares"
+      );
+      const summary = this.modalZapSendBtn.dataset.retrySummary;
+      if (summary) {
+        this.modalZapSendBtn.title = summary;
+      } else {
+        this.modalZapSendBtn.removeAttribute("title");
+      }
+      return;
+    }
+
+    this.modalZapSendBtn.textContent = "Send";
+    this.modalZapSendBtn.setAttribute("aria-label", "Send a zap");
+    this.modalZapSendBtn.removeAttribute("title");
+  }
+
+  getViewCountElement() {
+    return this.videoViewCountEl;
+  }
+
+  updateViewCountLabel(text) {
+    if (!this.videoViewCountEl) {
+      return;
+    }
+    const textEl = this.videoViewCountEl.querySelector(
+      "[data-view-count-text]"
+    );
+    if (textEl) {
+      textEl.textContent = text || "–";
+    } else {
+      // Fallback if span is missing
+      this.videoViewCountEl.textContent = text || "–";
+    }
+  }
+
+  setViewCountPointer(pointerKey) {
+    if (!this.videoViewCountEl) {
+      return;
+    }
+    if (pointerKey) {
+      this.videoViewCountEl.dataset.viewPointer = pointerKey;
+    } else if (this.videoViewCountEl.dataset?.viewPointer) {
+      delete this.videoViewCountEl.dataset.viewPointer;
+    }
+  }
+
+  updateMetadata({
+    title,
+    description,
+    timestamp,
+    timestamps,
+    viewCount,
+    creator,
+    tags,
+  } = {}) {
+    if (title !== undefined) {
+      // Try to find the title element if not already cached
+      if (!this.videoTitle) {
+        if (this.playerModal) {
+          this.videoTitle = this.playerModal.querySelector("#videoTitle") || null;
+        }
+        // Fallback: try document query if playerModal query failed
+        if (!this.videoTitle) {
+          this.videoTitle = this.document.getElementById("videoTitle") || null;
+        }
+      }
+      if (this.videoTitle) {
+        const titleText =
+          typeof title === "string" && title.trim()
+            ? title.trim()
+            : "Untitled";
+        this.videoTitle.textContent = titleText;
+        // Ensure element is visible
+        this.videoTitle.hidden = false;
+      } else {
+        // Log for debugging if element cannot be found
+        this.logger?.log?.(
+          "[VideoModal] Could not find #videoTitle element to set title:",
+          title
+        );
+      }
+    }
+    if (this.videoDescription && description !== undefined) {
+      this.renderVideoDescription(description);
+    }
+    if (tags !== undefined) {
+      this.renderVideoTags(tags ?? []);
+    }
+    if (timestamps) {
+      this.updateTimestamps(timestamps);
+    } else if (timestamp !== undefined) {
+      this.updateTimestamps({ posted: timestamp });
+    }
+    if (this.videoViewCountEl && viewCount !== undefined) {
+      if (typeof viewCount === "string") {
+        this.updateViewCountLabel(viewCount);
+      } else {
+        this.updateViewCountLabel("");
+      }
+    }
+    if (creator !== undefined) {
+      this.updateCreator(creator);
+    }
+
+    this.updateSourceAvailability(this.activeVideo);
+    this.refreshActiveVideoModeration({ video: this.activeVideo });
+  }
+
+  getModerationBadgeId() {
+    if (this.moderationBadgeId) {
+      return this.moderationBadgeId;
+    }
+
+    const baseId =
+      typeof this.activeVideo?.id === "string" && this.activeVideo.id
+        ? this.activeVideo.id
+        : "";
+    if (!baseId) {
+      this.moderationBadgeId = "";
+      return this.moderationBadgeId;
+    }
+
+    const sanitized = baseId.replace(/[^a-zA-Z0-9_-]/g, "");
+    if (!sanitized) {
+      this.moderationBadgeId = "";
+      return this.moderationBadgeId;
+    }
+
+    this.moderationBadgeId = `video-modal-${sanitized}-moderation`;
+    return this.moderationBadgeId;
+  }
+
+  refreshActiveVideoModeration({ video = this.activeVideo } = {}) {
+    if (!video) {
+      this.activeModerationContext = null;
+      this.applyModerationOverlay(null);
+      return;
+    }
+
+    const context = normalizeVideoModerationContext(video.moderation);
+    this.activeModerationContext = context;
+    this.applyModerationOverlay(context);
+  }
+
+  applyModerationOverlay(context) {
+    const stage = this.videoStage;
+    const overlay = this.moderationOverlay;
+    const badge = this.moderationBadge;
+    const textEl = this.moderationBadgeText;
+
+    const showModeration = Boolean(context?.shouldShow);
+    const shouldBlur = Boolean(context?.activeBlur && !context?.overrideActive);
+    const hiddenActive = Boolean(context?.activeHidden && !context?.overrideActive);
+
+    if (!showModeration) {
+      if (stage && stage.dataset.visualState === "blurred") {
+        delete stage.dataset.visualState;
+      }
+      if (overlay) {
+        overlay.setAttribute("hidden", "");
+        if (overlay.dataset.overlayState) {
+          delete overlay.dataset.overlayState;
+        }
+      }
+      if (badge) {
+        badge.dataset.variant = context?.overrideActive ? "neutral" : "warning";
+        if (badge.dataset.moderationState) {
+          delete badge.dataset.moderationState;
+        }
+        if (badge.dataset.moderationHideReason) {
+          delete badge.dataset.moderationHideReason;
+        }
+        badge.removeAttribute("title");
+        if (badge.id && !this.activeVideo) {
+          badge.removeAttribute("id");
+        }
+        badge.removeAttribute("aria-label");
+      }
+      this.removeModerationPrimaryButton();
+      this.removeModerationBlockButton();
+      return;
+    }
+
+    if (stage) {
+      if (shouldBlur) {
+        stage.dataset.visualState = "blurred";
+      } else if (stage.dataset.visualState === "blurred") {
+        delete stage.dataset.visualState;
+      }
+    }
+
+    if (this.creatorAvatar) {
+      if (shouldBlur) {
+        this.creatorAvatar.dataset.visualState = "blurred";
+      } else if (this.creatorAvatar.dataset.visualState === "blurred") {
+        delete this.creatorAvatar.dataset.visualState;
+      }
+    }
+
+    if (overlay) {
+      // Changed logic: Always show the bar if moderation is active, even if overridden
+      if (showModeration) {
+        overlay.removeAttribute("hidden");
+      } else {
+        overlay.setAttribute("hidden", "");
+      }
+      overlay.dataset.overlayState = context?.overrideActive ? "override" : "active";
+    }
+
+    if (shouldBlur && this.modalVideo && typeof this.modalVideo.pause === "function") {
+      try {
+        this.modalVideo.pause();
+      } catch (error) {
+        // ignore pause failures (e.g., in unsupported environments)
+      }
+    }
+
+    const badgeId = this.getModerationBadgeId();
+    const textContent = buildModerationBadgeText(context, { variant: "modal" });
+
+    if (badge) {
+      const state = context?.overrideActive
+        ? "override"
+        : hiddenActive
+          ? "hidden"
+          : context?.trustedMuted
+            ? "trusted-mute"
+            : "blocked";
+      badge.dataset.variant = context?.overrideActive ? "neutral" : "warning";
+      badge.dataset.moderationState = state;
+
+      if (hiddenActive && context?.effectiveHideReason) {
+        badge.dataset.moderationHideReason = context.effectiveHideReason;
+      } else if (badge.dataset.moderationHideReason) {
+        delete badge.dataset.moderationHideReason;
+      }
+
+      if (badgeId) {
+        badge.id = badgeId;
+      } else if (badge.id && !this.activeVideo) {
+        badge.removeAttribute("id");
+      }
+
+      if (textEl) {
+        textEl.textContent = textContent;
+      }
+
+      const muteNames = Array.isArray(context?.trustedMuteDisplayNames)
+        ? context.trustedMuteDisplayNames
+            .map((name) => (typeof name === "string" ? name.trim() : ""))
+            .filter(Boolean)
+        : [];
+      const reporterNames = Array.isArray(context?.reporterDisplayNames)
+        ? context.reporterDisplayNames
+            .map((name) => (typeof name === "string" ? name.trim() : ""))
+            .filter(Boolean)
+        : [];
+
+      const allNames = [...muteNames, ...reporterNames];
+      const uniqueNames = [];
+      const seenNameKeys = new Set();
+      for (const name of allNames) {
+        if (!name) {
+          continue;
+        }
+        const key = name.toLowerCase();
+        if (seenNameKeys.has(key)) {
+          continue;
+        }
+        seenNameKeys.add(key);
+        uniqueNames.push(name);
+      }
+
+      if (uniqueNames.length) {
+        const joined = uniqueNames.join(", ");
+        const hasMuted = muteNames.length > 0;
+        const hasReporters = reporterNames.length > 0;
+        const prefix = hasMuted && hasReporters
+          ? "Muted/Reported by"
+          : hasMuted
+            ? "Muted by"
+            : "Reported by";
+        badge.title = `${prefix} ${joined}`;
+        const baseLabel = textContent?.trim() || textEl?.textContent?.trim() || "";
+        if (baseLabel) {
+          badge.setAttribute("aria-label", `${baseLabel}. ${prefix} ${joined}.`);
+        } else {
+          badge.setAttribute("aria-label", `${prefix} ${joined}.`);
+        }
+      } else {
+        badge.removeAttribute("title");
+        const baseLabel = textContent?.trim() || textEl?.textContent?.trim();
+        if (baseLabel) {
+          badge.setAttribute("aria-label", `${baseLabel}.`);
+        } else {
+          badge.removeAttribute("aria-label");
+        }
+      }
+    }
+
+    const actions = this.ensureModerationActionsContainer();
+    let actionsAttached = false;
+
+    const allowOverride =
+      context?.overrideActive === true ||
+      context?.allowOverride === true ||
+      (shouldBlur && !context?.overrideActive && context?.blurReason !== "viewer-mute");
+
+    if (allowOverride) {
+      const mode = context.overrideActive ? "hide" : "override";
+      const primaryButton = this.ensureModerationPrimaryButton(mode);
+      if (primaryButton) {
+        primaryButton.disabled = false;
+        primaryButton.removeAttribute("aria-busy");
+        if (badgeId) {
+          primaryButton.setAttribute("aria-describedby", badgeId);
+        } else {
+          primaryButton.removeAttribute("aria-describedby");
+        }
+        if (actions && primaryButton.parentElement !== actions) {
+          actions.appendChild(primaryButton);
+        }
+        actionsAttached = true;
+      }
+    } else {
+      this.removeModerationPrimaryButton();
+    }
+
+    if (this.shouldShowModerationBlockAction(context)) {
+      const blockButton = this.ensureModerationBlockButton();
+      if (blockButton) {
+        blockButton.disabled = false;
+        blockButton.removeAttribute("aria-busy");
+        if (badgeId) {
+          blockButton.setAttribute("aria-describedby", badgeId);
+        } else {
+          blockButton.removeAttribute("aria-describedby");
+        }
+        if (actions && blockButton.parentElement !== actions) {
+          actions.appendChild(blockButton);
+        }
+        actionsAttached = true;
+      }
+    } else {
+      this.removeModerationBlockButton();
+    }
+
+    if (actions) {
+      if (actionsAttached) {
+        if (badge && actions.parentElement !== badge) {
+          badge.appendChild(actions);
+        }
+      } else if (actions.parentElement) {
+        actions.parentElement.removeChild(actions);
+        this.moderationActionsContainer = null;
+      } else {
+        this.moderationActionsContainer = null;
+      }
+    }
+  }
+
+  shouldShowModerationBlockAction(context = this.activeModerationContext) {
+    if (!context || !context.trustedMuted) {
+      return false;
+    }
+    if (context.activeHidden && !context.overrideActive) {
+      return false;
+    }
+    return true;
+  }
+
+  ensureModerationActionsContainer() {
+    const badge = this.moderationBadge;
+    if (!badge) {
+      this.moderationActionsContainer = null;
+      return null;
+    }
+
+    let container = this.moderationActionsContainer;
+    if (container && container.isConnected) {
+      return container;
+    }
+
+    const existing =
+      badge.querySelector("[data-moderation-actions]") ||
+      badge.querySelector(".moderation-badge__actions");
+
+    if (existing) {
+      this.moderationActionsContainer = existing;
+      return existing;
+    }
+
+    if (!this.document) {
+      this.moderationActionsContainer = null;
+      return null;
+    }
+
+    const created = this.document.createElement("div");
+    created.className = "moderation-badge__actions";
+    this.moderationActionsContainer = created;
+    return created;
+  }
+
+  ensureModerationPrimaryButton(mode) {
+    if (mode !== "override" && mode !== "hide") {
+      return null;
+    }
+
+    if (!this.moderationPrimaryButton) {
+      if (!this.document) {
+        return null;
+      }
+      const button = this.document.createElement("button");
+      button.type = "button";
+      button.className = "moderation-badge__action flex-shrink-0";
+      this.moderationPrimaryButton = button;
+      this.moderationPrimaryMode = "";
+    }
+
+    const button = this.moderationPrimaryButton;
+
+    if (this.moderationPrimaryMode !== mode) {
+      if (this.moderationPrimaryMode === "override") {
+        button.removeEventListener("click", this.handleModerationOverrideClick);
+      } else if (this.moderationPrimaryMode === "hide") {
+        button.removeEventListener("click", this.handleModerationHideClick);
+      }
+
+      if (mode === "override") {
+        const { text, ariaLabel } = getModerationOverrideActionLabels({
+          overrideActive: false,
+        });
+        button.textContent = text;
+        button.dataset.moderationAction = "override";
+        button.setAttribute("aria-pressed", "false");
+        button.setAttribute("aria-label", ariaLabel);
+        button.addEventListener("click", this.handleModerationOverrideClick);
+      } else {
+        const { text, ariaLabel } = getModerationOverrideActionLabels({
+          overrideActive: true,
+        });
+        button.textContent = text;
+        button.dataset.moderationAction = "hide";
+        button.removeAttribute("aria-pressed");
+        button.setAttribute("aria-label", ariaLabel);
+        button.addEventListener("click", this.handleModerationHideClick);
+      }
+
+      this.moderationPrimaryMode = mode;
+    }
+
+    return button;
+  }
+
+  removeModerationPrimaryButton() {
+    const button = this.moderationPrimaryButton;
+    if (!button) {
+      this.moderationPrimaryMode = "";
+      return;
+    }
+
+    if (this.moderationPrimaryMode === "override") {
+      button.removeEventListener("click", this.handleModerationOverrideClick);
+    } else if (this.moderationPrimaryMode === "hide") {
+      button.removeEventListener("click", this.handleModerationHideClick);
+    }
+
+    if (button.parentElement) {
+      button.parentElement.removeChild(button);
+    }
+
+    this.moderationPrimaryButton = null;
+    this.moderationPrimaryMode = "";
+  }
+
+  ensureModerationBlockButton() {
+    if (!this.document) {
+      return null;
+    }
+
+    if (!this.moderationBlockButton) {
+      const button = this.document.createElement("button");
+      button.type = "button";
+      button.className = "moderation-badge__action flex-shrink-0";
+      button.dataset.moderationAction = "block";
+      button.textContent = "Block";
+      button.addEventListener("click", this.handleModerationBlockClick);
+      this.moderationBlockButton = button;
+    }
+
+    return this.moderationBlockButton;
+  }
+
+  removeModerationBlockButton() {
+    const button = this.moderationBlockButton;
+    if (!button) {
+      return;
+    }
+
+    button.removeEventListener("click", this.handleModerationBlockClick);
+    if (button.parentElement) {
+      button.parentElement.removeChild(button);
+    }
+
+    this.moderationBlockButton = null;
+  }
+
+  handleModerationOverrideClick(event) {
+    event?.preventDefault?.();
+    event?.stopPropagation?.();
+
+    const button = event?.currentTarget || this.moderationPrimaryButton;
+    if (button) {
+      button.disabled = true;
+      button.setAttribute("aria-busy", "true");
+    }
+
+    if (!this.activeVideo) {
+      if (button) {
+        button.disabled = false;
+        button.removeAttribute("aria-busy");
+      }
+      return;
+    }
+
+    const detail = {
+      video: this.activeVideo,
+      event,
+      trigger: button || null,
+      context: this.activeModerationContext || null,
+    };
+
+    const handled = this.dispatch("video:moderation-override", detail);
+    if (!handled && button) {
+      button.disabled = false;
+      button.removeAttribute("aria-busy");
+    }
+  }
+
+  handleModerationHideClick(event) {
+    event?.preventDefault?.();
+    event?.stopPropagation?.();
+
+    const button = event?.currentTarget || this.moderationPrimaryButton;
+    if (button) {
+      button.disabled = true;
+      button.setAttribute("aria-busy", "true");
+    }
+
+    if (!this.activeVideo) {
+      if (button) {
+        button.disabled = false;
+        button.removeAttribute("aria-busy");
+      }
+      return;
+    }
+
+    const detail = {
+      video: this.activeVideo,
+      event,
+      trigger: button || null,
+      context: this.activeModerationContext || null,
+    };
+
+    const handled = this.dispatch("video:moderation-hide", detail);
+    if (!handled && button) {
+      button.disabled = false;
+      button.removeAttribute("aria-busy");
+    }
+  }
+
+  handleModerationBlockClick(event) {
+    event?.preventDefault?.();
+    event?.stopPropagation?.();
+
+    const button = event?.currentTarget || this.moderationBlockButton;
+    if (button) {
+      button.disabled = true;
+      button.setAttribute("aria-busy", "true");
+    }
+
+    if (!this.activeVideo) {
+      if (button) {
+        button.disabled = false;
+        button.removeAttribute("aria-busy");
+      }
+      return;
+    }
+
+    const detail = {
+      video: this.activeVideo,
+      event,
+      trigger: button || null,
+      context: this.activeModerationContext || null,
+    };
+
+    const handled = this.dispatch("video:moderation-block", detail);
+    if (!handled && button) {
+      button.disabled = false;
+      button.removeAttribute("aria-busy");
+    }
+  }
+
+  handleGlobalModerationOverride(event) {
+    const detail = event?.detail || {};
+    const video = detail && typeof detail === "object" ? detail.video : null;
+    if (!video || !video.id || !this.activeVideo || this.activeVideo.id !== video.id) {
+      return;
+    }
+
+    if (this.activeVideo !== video) {
+      this.activeVideo = video;
+      this.moderationBadgeId = "";
+    }
+
+    this.refreshActiveVideoModeration({ video: this.activeVideo });
+  }
+
+  handleGlobalModerationBlock(event) {
+    const detail = event?.detail || {};
+    const video = detail && typeof detail === "object" ? detail.video : null;
+    if (!video || !video.id || !this.activeVideo || this.activeVideo.id !== video.id) {
+      return;
+    }
+
+    if (this.activeVideo !== video) {
+      this.activeVideo = video;
+      this.moderationBadgeId = "";
+    }
+
+    this.refreshActiveVideoModeration({ video: this.activeVideo });
+  }
+
+  renderVideoDescription(description) {
+    const target = this.videoDescription;
+    if (!target) {
+      return;
+    }
+
+    while (target.firstChild) {
+      target.removeChild(target.firstChild);
+    }
+
+    if (description === null || description === undefined) {
+      this.clearLinkPreviews();
+      return;
+    }
+
+    const normalized =
+      typeof description === "string" ? description : String(description ?? "");
+
+    if (!normalized) {
+      this.clearLinkPreviews();
+      return;
+    }
+
+    const fragment = this.document.createDocumentFragment();
+    const lines = normalized.split(/\r?\n/);
+
+    lines.forEach((line, index) => {
+      if (index > 0) {
+        fragment.appendChild(this.document.createElement("br"));
+      }
+      this.appendDescriptionLine(fragment, line);
+    });
+
+    target.appendChild(fragment);
+    this.renderLinkPreviews(normalized);
+  }
+
+  appendDescriptionLine(target, line) {
+    if (!target) {
+      return;
+    }
+
+    const text = typeof line === "string" ? line : String(line ?? "");
+
+    if (!text) {
+      return;
+    }
+
+    const urlPattern = /\bhttps?:\/\/[^\s<>"']+/gi;
+    let lastIndex = 0;
+    let match;
+
+    while ((match = urlPattern.exec(text)) !== null) {
+      const preceding = text.slice(lastIndex, match.index);
+      if (preceding) {
+        target.appendChild(this.document.createTextNode(preceding));
+      }
+
+      const { anchor, trailing } = this.createDescriptionLink(match[0]);
+
+      if (anchor) {
+        target.appendChild(anchor);
+      } else if (match[0]) {
+        target.appendChild(this.document.createTextNode(match[0]));
+      }
+
+      if (trailing) {
+        target.appendChild(this.document.createTextNode(trailing));
+      }
+
+      lastIndex = match.index + match[0].length;
+    }
+
+    const remaining = text.slice(lastIndex);
+    if (remaining) {
+      target.appendChild(this.document.createTextNode(remaining));
+    }
+  }
+
+  createDescriptionLink(rawMatch) {
+    const normalized =
+      typeof rawMatch === "string" ? rawMatch : String(rawMatch ?? "");
+
+    if (!normalized) {
+      return { anchor: null, trailing: "" };
+    }
+
+    let href = normalized;
+    let trailing = "";
+    const trailingPattern = /[)\]\}>"',.;!?]+$/;
+
+    while (href && trailingPattern.test(href)) {
+      trailing = href.slice(-1) + trailing;
+      href = href.slice(0, -1);
+    }
+
+    if (!href) {
+      return { anchor: null, trailing: normalized };
+    }
+
+    const anchor = this.document.createElement("a");
+    anchor.classList.add("video-modal__description-link", "focus-ring");
+    anchor.textContent = href;
+    anchor.href = href;
+    anchor.target = "_blank";
+    anchor.rel = "noopener noreferrer";
+
+    return { anchor, trailing };
+  }
+
+  handleLinkPreviewSettingsChange(event) {
+    const detail = event?.detail?.settings || null;
+    if (!this.videoDescriptionPreviews) {
+      return;
+    }
+    const nextText = this.currentDescriptionText || "";
+    if (!nextText) {
+      return;
+    }
+    if (detail && typeof detail.autoFetchUnknownDomains === "boolean") {
+      this.renderLinkPreviews(nextText);
+    }
+  }
+
+  clearLinkPreviewRequests() {
+    if (!(this.linkPreviewAbortControllers instanceof Map)) {
+      this.linkPreviewAbortControllers = new Map();
+      return;
+    }
+    this.linkPreviewAbortControllers.forEach((controller) => {
+      try {
+        controller.abort();
+      } catch {
+        // noop
+      }
+    });
+    this.linkPreviewAbortControllers.clear();
+  }
+
+  clearLinkPreviews() {
+    this.clearLinkPreviewRequests();
+    this.currentDescriptionText = "";
+    if (this.videoDescriptionPreviews) {
+      this.videoDescriptionPreviews.textContent = "";
+      this.videoDescriptionPreviews.setAttribute("hidden", "");
+    }
+  }
+
+  renderLinkPreviews(description) {
+    const root = this.videoDescriptionPreviews;
+    if (!root || !this.document) {
+      return;
+    }
+    const text =
+      typeof description === "string" ? description : String(description ?? "");
+    this.currentDescriptionText = text;
+    this.clearLinkPreviewRequests();
+    root.textContent = "";
+
+    const urls = this.extractDescriptionUrls(text);
+    if (!urls.length) {
+      root.setAttribute("hidden", "");
+      return;
+    }
+
+    root.removeAttribute("hidden");
+    const fragment = this.document.createDocumentFragment();
+    urls.forEach((url) => {
+      const domain = this.extractPreviewDomain(url);
+      const card = this.createLinkPreviewCard({ url, domain });
+      fragment.appendChild(card);
+      void this.resolveLinkPreview(url, domain, card);
+    });
+    root.appendChild(fragment);
+  }
+
+  extractDescriptionUrls(text) {
+    if (!text) {
+      return [];
+    }
+    const urlPattern = /\bhttps?:\/\/[^\s<>"']+/gi;
+    const urls = new Set();
+    let match;
+    while ((match = urlPattern.exec(text)) !== null) {
+      const normalized = this.normalizePreviewUrl(match[0]);
+      if (normalized) {
+        urls.add(normalized);
+      }
+    }
+    return Array.from(urls);
+  }
+
+  normalizePreviewUrl(candidate) {
+    if (!candidate) {
+      return "";
+    }
+    let href = typeof candidate === "string" ? candidate : String(candidate ?? "");
+    let trailing = "";
+    const trailingPattern = /[)\]\}>"',.;!?]+$/;
+    while (href && trailingPattern.test(href)) {
+      trailing = href.slice(-1) + trailing;
+      href = href.slice(0, -1);
+    }
+    return href.trim();
+  }
+
+  extractPreviewDomain(url) {
+    if (!url) {
+      return "";
+    }
+    try {
+      return new URL(url).hostname || "";
+    } catch {
+      return "";
+    }
+  }
+
+  createLinkPreviewCard({ url, domain }) {
+    const card = this.document.createElement("article");
+    card.className = "card flex flex-col gap-2 p-3";
+    card.dataset.linkPreviewUrl = url;
+
+    const header = this.document.createElement("div");
+    header.className = "flex items-start gap-3";
+
+    const imageWrapper = this.document.createElement("div");
+    imageWrapper.className =
+      "flex h-16 w-16 flex-shrink-0 items-center justify-center overflow-hidden rounded-md border border-border/60 bg-surface-muted text-2xs text-muted";
+    const image = this.document.createElement("img");
+    image.hidden = true;
+    image.loading = "lazy";
+    image.decoding = "async";
+    image.className = "h-full w-full object-cover";
+    const imagePlaceholder = this.document.createElement("span");
+    imagePlaceholder.textContent = "Preview";
+    imageWrapper.appendChild(image);
+    imageWrapper.appendChild(imagePlaceholder);
+
+    const content = this.document.createElement("div");
+    content.className = "flex min-w-0 flex-1 flex-col gap-1";
+
+    const domainEl = this.document.createElement("p");
+    domainEl.className = "text-3xs uppercase tracking-wide text-muted";
+    domainEl.textContent = domain || "Link preview";
+
+    const titleEl = this.document.createElement("a");
+    titleEl.className =
+      "text-sm font-semibold text-text break-words hover:underline focus-ring";
+    titleEl.href = url;
+    titleEl.target = "_blank";
+    titleEl.rel = "noopener noreferrer";
+    titleEl.textContent = url;
+
+    const descEl = this.document.createElement("p");
+    descEl.className = "text-xs text-muted";
+    descEl.textContent = "";
+
+    content.appendChild(domainEl);
+    content.appendChild(titleEl);
+    content.appendChild(descEl);
+
+    header.appendChild(imageWrapper);
+    header.appendChild(content);
+
+    const statusEl = this.document.createElement("p");
+    statusEl.className = "text-xs text-muted";
+
+    const actions = this.document.createElement("div");
+    actions.className = "flex flex-wrap gap-2";
+
+    card.appendChild(header);
+    card.appendChild(statusEl);
+    card.appendChild(actions);
+
+    card.__linkPreviewElements = {
+      imageWrapper,
+      image,
+      imagePlaceholder,
+      domainEl,
+      titleEl,
+      descEl,
+      statusEl,
+      actions,
+    };
+
+    return card;
+  }
+
+  setLinkPreviewStatus(card, { message = "", actionLabel = "", onAction } = {}) {
+    const elements = card?.__linkPreviewElements;
+    if (!elements) {
+      return;
+    }
+    const statusText = typeof message === "string" ? message : "";
+    elements.statusEl.textContent = statusText;
+    elements.actions.textContent = "";
+
+    if (actionLabel && typeof onAction === "function") {
+      const button = this.document.createElement("button");
+      button.type = "button";
+      button.className = "btn-ghost focus-ring text-xs";
+      button.textContent = actionLabel;
+      button.addEventListener("click", onAction);
+      elements.actions.appendChild(button);
+    }
+  }
+
+  updateLinkPreviewCard(card, preview, { domain } = {}) {
+    const elements = card?.__linkPreviewElements;
+    if (!elements || !preview) {
+      return;
+    }
+    const title = preview.title || preview.siteName || preview.url || "";
+    elements.titleEl.textContent = title || preview.url;
+    elements.descEl.textContent = preview.description || "";
+    const label = preview.siteName || domain || "Link preview";
+    elements.domainEl.textContent = label;
+
+    if (preview.image) {
+      elements.image.src = preview.image;
+      elements.image.alt = title || "Link preview";
+      elements.image.hidden = false;
+      elements.imagePlaceholder.hidden = true;
+    } else {
+      elements.image.hidden = true;
+      elements.imagePlaceholder.hidden = false;
+    }
+
+    this.setLinkPreviewStatus(card, { message: "" });
+  }
+
+  async resolveLinkPreview(url, domain, card) {
+    const settings = getLinkPreviewSettings();
+    const isAllowed =
+      settings.autoFetchUnknownDomains ||
+      isLinkPreviewDomainAllowed(domain, settings);
+
+    if (!isAllowed) {
+      this.setLinkPreviewStatus(card, {
+        message: "Preview disabled for new domains.",
+        actionLabel: domain ? `Allow previews for ${domain}` : "Allow previews",
+        onAction: () => {
+          if (domain) {
+            allowLinkPreviewDomain(domain);
+          }
+        },
+      });
+      return;
+    }
+
+    this.setLinkPreviewStatus(card, { message: "Loading preview…" });
+    const controller = new AbortController();
+    this.linkPreviewAbortControllers.set(url, controller);
+    const preview = await this.linkPreviewService.getPreview(url, {
+      signal: controller.signal,
+    });
+    this.linkPreviewAbortControllers.delete(url);
+
+    if (!preview) {
+      this.setLinkPreviewStatus(card, { message: "Preview unavailable." });
+      return;
+    }
+
+    this.updateLinkPreviewCard(card, preview, { domain });
+    if (domain) {
+      allowLinkPreviewDomain(domain, { silent: true });
+    }
+  }
+
+  updateTimestamps({ posted, edited } = {}) {
+    if (this.videoTimestamp) {
+      if (posted) {
+        this.videoTimestamp.textContent = posted;
+        this.videoTimestamp.classList.remove("hidden");
+      } else {
+        this.videoTimestamp.textContent = "";
+        this.videoTimestamp.classList.add("hidden");
+      }
+    }
+
+    if (this.videoEditedTimestamp) {
+      if (edited) {
+        this.videoEditedTimestamp.textContent = edited;
+        this.videoEditedTimestamp.classList.remove("hidden");
+      } else {
+        this.videoEditedTimestamp.textContent = "";
+        this.videoEditedTimestamp.classList.add("hidden");
+      }
+    }
+  }
+
+  updateCreator({ name, avatarUrl, npub } = {}) {
+    if (this.creatorName) {
+      this.creatorName.textContent = name || "Unknown";
+    }
+    if (this.creatorAvatar) {
+      this.creatorAvatar.src = avatarUrl || "assets/svg/default-profile.svg";
+      this.creatorAvatar.alt = name || "Unknown";
+    }
+    if (this.creatorNpub) {
+      this.creatorNpub.textContent = npub || "";
+    }
+  }
+
+  setSimilarContent(entries = []) {
+    const normalizedItems = Array.isArray(entries)
+      ? entries.filter((item) => item && typeof item === "object")
+      : [];
+    const limitedItems =
+      SIMILAR_CONTENT_LIMIT > 0
+        ? normalizedItems.slice(0, SIMILAR_CONTENT_LIMIT)
+        : normalizedItems.slice();
+
+    if (!this.similarContentList) {
+      this.pendingSimilarContent = limitedItems.slice();
+      return;
+    }
+
+    this.pendingSimilarContent = null;
+    this.clearSimilarContent();
+
+    if (!limitedItems.length) {
+      return;
+    }
+
+    const fragment = this.document.createDocumentFragment();
+    const renderedCards = [];
+    const viewSubscriptions = [];
+
+    limitedItems.forEach((item, position) => {
+      const baseVideo =
+        item && typeof item === "object" && item.video && typeof item.video === "object"
+          ? item.video
+          : item;
+      if (
+        !baseVideo ||
+        typeof baseVideo !== "object" ||
+        !baseVideo.id ||
+        !baseVideo.title
+      ) {
+        return;
+      }
+
+      const pointerInfo = this.normalizeSimilarPointerInfo(item, baseVideo);
+      const shareUrl =
+        typeof item.shareUrl === "string" && item.shareUrl.trim()
+          ? item.shareUrl.trim()
+          : typeof baseVideo.shareUrl === "string" && baseVideo.shareUrl.trim()
+            ? baseVideo.shareUrl.trim()
+            : typeof baseVideo.url === "string" && baseVideo.url.trim()
+              ? baseVideo.url.trim()
+              : "#";
+      const timeAgo =
+        typeof item.timeAgo === "string" && item.timeAgo
+          ? item.timeAgo
+          : typeof baseVideo.timeAgo === "string" && baseVideo.timeAgo
+            ? baseVideo.timeAgo
+            : "";
+      const postedAtCandidate =
+        Number.isFinite(item.postedAt)
+          ? Math.floor(item.postedAt)
+          : Number.isFinite(baseVideo.postedAt)
+            ? Math.floor(baseVideo.postedAt)
+            : Number.isFinite(baseVideo.rootCreatedAt)
+              ? Math.floor(baseVideo.rootCreatedAt)
+              : Number.isFinite(baseVideo.created_at)
+                ? Math.floor(baseVideo.created_at)
+                : null;
+
+      const nsfwContext =
+        item && typeof item.nsfwContext === "object" && item.nsfwContext
+          ? { ...item.nsfwContext }
+          : {
+              isNsfw: baseVideo?.isNsfw === true,
+              allowNsfw: item?.allowNsfw !== false,
+              viewerIsOwner:
+                item?.viewerIsOwner === true ||
+                Boolean(item?.capabilities?.canEdit),
+            };
+
+      const identity = this.buildSimilarCardIdentity(
+        baseVideo,
+        item?.identity || null
+      );
+
+      let card;
+      try {
+        card = new SimilarContentCard({
+          document: this.document,
+          video: baseVideo,
+          index: position,
+          shareUrl,
+          pointerInfo,
+          timeAgo,
+          postedAt: postedAtCandidate,
+          identity,
+          nsfwContext,
+          designSystem: item?.designSystem || null,
+          thumbnailCache: this.thumbnailCache,
+          fallbackThumbnailSrc: this.fallbackThumbnailSrc,
+        });
+      } catch (error) {
+        this.log("[VideoModal] Failed to render similar content card", error);
+        return;
+      }
+
+      const cardIndex = renderedCards.length;
+      this.prepareSimilarVideoCard(
+        card,
+        { video: baseVideo, pointerInfo, shareUrl },
+        cardIndex
+      );
+
+      // Wire up moderation callbacks
+      if (card) {
+        card.onModerationOverride = (detail) => {
+          this.dispatch("video:moderation-override", detail);
+          return true;
+        };
+        card.onModerationHide = (detail) => {
+          this.dispatch("video:moderation-hide", detail);
+          return true;
+        };
+        card.onModerationBlock = (detail) => {
+          this.dispatch("video:moderation-block", detail);
+          return true;
+        };
+      }
+
+      const root = card.getRoot();
+      if (!root) {
+        return;
+      }
+
+      if (root.classList) {
+        root.classList.add("player-modal__similar-card");
+      }
+
+      const listItem = this.document.createElement("li");
+      listItem.classList.add("player-modal__module-item");
+      listItem.appendChild(root);
+      fragment.appendChild(listItem);
+      renderedCards.push(card);
+
+      const viewSubscription = this.attachSimilarCardViewCounter(
+        card,
+        pointerInfo
+      );
+      if (viewSubscription) {
+        viewSubscriptions.push(viewSubscription);
+      }
+    });
+
+    this.similarContentList.appendChild(fragment);
+    this.similarContentCards = renderedCards;
+    this.similarContentViewCountSubscriptions = viewSubscriptions;
+    this.observeLazyMedia(this.similarContentList);
+    this.toggleSimilarContentVisibility(renderedCards.length > 0);
+  }
+
+  clearSimilarContent(options = {}) {
+    this.teardownSimilarContentSubscriptions();
+
+    if (Array.isArray(this.similarContentCards)) {
+      this.similarContentCards.forEach((card) => {
+        if (!card) {
+          return;
+        }
+        try {
+          card.closeMoreMenu?.({ restoreFocus: false });
+        } catch (error) {
+          this.log("[VideoModal] Failed to close more menu during cleanup", error);
+        }
+        try {
+          card.closeSettingsMenu?.({ restoreFocus: false });
+        } catch (error) {
+          this.log(
+            "[VideoModal] Failed to close settings menu during cleanup",
+            error
+          );
+        }
+        card.onPlay = null;
+      });
+    }
+
+    this.similarContentCards = [];
+    if (this.similarContentList) {
+      this.similarContentList.textContent = "";
+    }
+
+    if (!options?.preservePending) {
+      this.pendingSimilarContent = null;
+    }
+
+    this.toggleSimilarContentVisibility(false);
+  }
+
+  normalizeModalLayoutStructure(
+    playerModal,
+    { layout, primary, secondary, similarContainer, statsContainer }
+  ) {
+    if (!playerModal || !layout || !primary || !secondary) {
+      return;
+    }
+
+    const layoutClassList = layout.classList;
+    const legacyLayoutClasses = [
+      "flex",
+      "flex-col",
+      "flex-row",
+      "gap-4",
+      "gap-6",
+      "gap-8",
+      "gap-y-6",
+      "gap-y-8",
+    ];
+    legacyLayoutClasses.forEach((className) => {
+      if (layoutClassList.contains(className)) {
+        layoutClassList.remove(className);
+      }
+    });
+
+    if (layout.hasAttribute("style")) {
+      layout.removeAttribute("style");
+    }
+
+    if (primary.hasAttribute("style")) {
+      primary.removeAttribute("style");
+    }
+    if (secondary.hasAttribute("style")) {
+      secondary.removeAttribute("style");
+    }
+
+    if (!layout.contains(primary)) {
+      layout.appendChild(primary);
+    }
+
+    if (!layout.contains(secondary)) {
+      layout.appendChild(secondary);
+    }
+
+    if (primary.nextElementSibling !== secondary) {
+      layout.appendChild(primary);
+      layout.appendChild(secondary);
+    }
+
+    if (similarContainer) {
+      if (similarContainer.hasAttribute("style")) {
+        similarContainer.removeAttribute("style");
+      }
+      if (!secondary.contains(similarContainer)) {
+        secondary.prepend(similarContainer);
+      }
+    }
+
+    if (statsContainer) {
+      if (statsContainer.hasAttribute("style")) {
+        statsContainer.removeAttribute("style");
+      }
+      if (!primary.contains(statsContainer)) {
+        primary.appendChild(statsContainer);
+      }
+    }
+  }
+
+  teardownSimilarContentSubscriptions() {
+    if (!Array.isArray(this.similarContentViewCountSubscriptions)) {
+      this.similarContentViewCountSubscriptions = [];
+      return;
+    }
+
+    for (const entry of this.similarContentViewCountSubscriptions) {
+      if (!entry || !entry.pointer || !entry.token) {
+        continue;
+      }
+      try {
+        unsubscribeFromVideoViewCount(entry.pointer, entry.token);
+      } catch (error) {
+        this.log(
+          "[VideoModal] Failed to unsubscribe similar view counter",
+          error
+        );
+      }
+    }
+
+    this.similarContentViewCountSubscriptions = [];
+  }
+
+  toggleSimilarContentVisibility(isVisible) {
+    this.similarContentVisible = Boolean(isVisible);
+    this.refreshSimilarContentVisibility();
+  }
+
+  setMediaLoader(mediaLoader) {
+    if (mediaLoader && typeof mediaLoader.observe === "function") {
+      this.mediaLoader = mediaLoader;
+      if (this.similarContentList && this.similarContentList.children.length) {
+        this.observeLazyMedia(this.similarContentList);
+      }
+      return;
+    }
+
+    this.mediaLoader = null;
+  }
+
+  refreshSimilarContentVisibility() {
+    const shouldShow =
+      this.similarContentVisible && this.matchesSimilarContentDesktop();
+
+    this.setElementVisibility(this.similarContentContainer, shouldShow);
+    this.setElementVisibility(this.similarContentHeading, shouldShow);
+    this.setElementVisibility(this.similarContentList, shouldShow);
+  }
+
+  setElementVisibility(element, shouldShow) {
+    if (!element) {
+      return;
+    }
+
+    if (shouldShow) {
+      element.removeAttribute("hidden");
+      element.setAttribute("aria-hidden", "false");
+    } else {
+      element.setAttribute("hidden", "");
+      element.setAttribute("aria-hidden", "true");
+    }
+  }
+
+  observeLazyMedia(container) {
+    if (
+      !container ||
+      !this.mediaLoader ||
+      typeof this.mediaLoader.observe !== "function"
+    ) {
+      return;
+    }
+
+    const lazyNodes = container.querySelectorAll("[data-lazy]");
+    if (!lazyNodes.length) {
+      return;
+    }
+
+    lazyNodes.forEach((node) => {
+      try {
+        this.mediaLoader.observe(node);
+      } catch (error) {
+        this.log("[VideoModal] Failed to observe lazy media", error);
+      }
+    });
+  }
+
+  matchesSimilarContentDesktop() {
+    if (this.similarContentMediaQuery) {
+      return this.similarContentMediaQuery.matches;
+    }
+
+    const win = this.window;
+    if (!win || typeof win.matchMedia !== "function") {
+      return true;
+    }
+
+    const breakpointLg = getBreakpointLg({ documentRef: this.document });
+    try {
+      return win.matchMedia(`(min-width: ${breakpointLg})`).matches;
+    } catch (error) {
+      this.log(
+        "[VideoModal] Failed to evaluate similar content media query",
+        error
+      );
+      return true;
+    }
+  }
+
+  setupSimilarContentMediaQuery() {
+    const win = this.window;
+    if (!win || typeof win.matchMedia !== "function") {
+      this.similarContentMediaQuery = null;
+      this.refreshSimilarContentVisibility();
+      return;
+    }
+
+    const breakpointLg = getBreakpointLg({ documentRef: this.document });
+    const query = win.matchMedia(`(min-width: ${breakpointLg})`);
+    if (this.similarContentMediaQuery === query) {
+      this.refreshSimilarContentVisibility();
+      return;
+    }
+
+    this.teardownSimilarContentMediaQuery();
+    this.similarContentMediaQuery = query;
+
+    if (query) {
+      if (typeof query.addEventListener === "function") {
+        query.addEventListener("change", this.handleSimilarContentMediaChange);
+      } else if (typeof query.addListener === "function") {
+        query.addListener(this.handleSimilarContentMediaChange);
+      }
+    }
+
+    this.refreshSimilarContentVisibility();
+  }
+
+  teardownSimilarContentMediaQuery() {
+    const query = this.similarContentMediaQuery;
+    if (!query) {
+      return;
+    }
+
+    if (typeof query.removeEventListener === "function") {
+      query.removeEventListener(
+        "change",
+        this.handleSimilarContentMediaChange
+      );
+    } else if (typeof query.removeListener === "function") {
+      query.removeListener(this.handleSimilarContentMediaChange);
+    }
+
+    this.similarContentMediaQuery = null;
+  }
+
+  handleSimilarContentMediaChange() {
+    this.refreshSimilarContentVisibility();
+  }
+
+  normalizeSimilarPointerInfo(entry, video) {
+    const candidateInfo =
+      entry && typeof entry.pointerInfo === "object"
+        ? entry.pointerInfo
+        : video && typeof video.pointerInfo === "object"
+          ? video.pointerInfo
+          : null;
+
+    let pointer = candidateInfo?.pointer ?? null;
+    let key =
+      typeof candidateInfo?.key === "string" && candidateInfo.key
+        ? candidateInfo.key
+        : typeof candidateInfo?.pointerKey === "string" && candidateInfo.pointerKey
+          ? candidateInfo.pointerKey
+          : "";
+
+    if (!pointer) {
+      pointer =
+        entry?.pointer ?? entry?.pointerTag ?? video?.pointer ?? video?.pointerTag ?? null;
+    }
+
+    if (!key) {
+      const keyCandidates = [
+        entry?.pointerKey,
+        entry?.pointerId,
+        entry?.pointerIdentifier,
+        video?.pointerKey,
+        video?.pointerId,
+        video?.pointerIdentifier,
+      ];
+      for (const candidateKey of keyCandidates) {
+        if (typeof candidateKey === "string" && candidateKey.trim()) {
+          key = candidateKey.trim();
+          break;
+        }
+      }
+    }
+
+    if (!pointer) {
+      if (!key) {
+        return null;
+      }
+      return { pointer: null, key };
+    }
+
+    if (!key) {
+      key = this.derivePointerKeyFromInput(pointer);
+    }
+
+    return { pointer, key };
+  }
+
+  derivePointerKeyFromInput(pointer) {
+    if (!pointer) {
+      return "";
+    }
+    if (Array.isArray(pointer)) {
+      const [type, value] = pointer;
+      if (typeof value === "string" && value.trim()) {
+        const normalizedType = type === "a" ? "a" : "e";
+        return `${normalizedType}:${value.trim()}`;
+      }
+      return "";
+    }
+    if (typeof pointer === "object") {
+      if (typeof pointer.key === "string" && pointer.key.trim()) {
+        return pointer.key.trim();
+      }
+      if (
+        typeof pointer.pointerKey === "string" &&
+        pointer.pointerKey.trim()
+      ) {
+        return pointer.pointerKey.trim();
+      }
+      if (
+        typeof pointer.type === "string" &&
+        typeof pointer.value === "string" &&
+        pointer.value.trim()
+      ) {
+        const normalizedType = pointer.type === "a" ? "a" : "e";
+        return `${normalizedType}:${pointer.value.trim()}`;
+      }
+      if (Array.isArray(pointer.tag)) {
+        return this.derivePointerKeyFromInput(pointer.tag);
+      }
+      return "";
+    }
+    if (typeof pointer === "string") {
+      const trimmed = pointer.trim();
+      if (!trimmed) {
+        return "";
+      }
+      if (/^(?:naddr|nevent)/i.test(trimmed)) {
+        return "";
+      }
+      if (trimmed.includes(":")) {
+        return trimmed;
+      }
+      return `e:${trimmed}`;
+    }
+    return "";
+  }
+
+  prepareSimilarVideoCard(card, meta, index) {
+    if (!card) {
+      return;
+    }
+
+    const pointerInfo = meta?.pointerInfo || null;
+    const shareUrl = typeof meta?.shareUrl === "string" ? meta.shareUrl : "#";
+    const fallbackVideo = meta?.video || null;
+
+    card.onPlay = ({ event, video: selectedVideo, card: sourceCard }) => {
+      this.dispatch("similar:select", {
+        event,
+        video: selectedVideo || fallbackVideo,
+        card: sourceCard || card,
+        index,
+        pointerInfo: pointerInfo,
+        shareUrl,
+      });
+    };
+
+    if (card.moreMenuButton) {
+      const button = card.moreMenuButton;
+      const parent = button.parentElement;
+      if (parent) {
+        parent.removeChild(button);
+        if (!parent.childElementCount) {
+          parent.remove();
+        }
+      } else {
+        button.remove();
+      }
+      card.moreMenuButton = null;
+    }
+  }
+
+  buildSimilarCardIdentity(video, overrides) {
+    const override = overrides && typeof overrides === "object" ? overrides : {};
+
+    const pubkeyCandidates = [
+      override.pubkey,
+      video?.pubkey,
+      video?.author?.pubkey,
+      video?.creator?.pubkey,
+    ];
+    let pubkey = "";
+    for (const candidate of pubkeyCandidates) {
+      if (typeof candidate !== "string") {
+        continue;
+      }
+      const trimmed = candidate.trim();
+      if (trimmed) {
+        pubkey = trimmed;
+        break;
+      }
+    }
+
+    const npubCandidates = [
+      override.npub,
+      video?.npub,
+      video?.authorNpub,
+      video?.creatorNpub,
+      video?.profile?.npub,
+    ];
+    let npub = "";
+    for (const candidate of npubCandidates) {
+      if (typeof candidate !== "string") {
+        continue;
+      }
+      const trimmed = candidate.trim();
+      if (trimmed) {
+        npub = trimmed;
+        break;
+      }
+    }
+
+    if (!npub && pubkey) {
+      try {
+        const encoded = this.helpers.safeEncodeNpub(pubkey);
+        if (typeof encoded === "string" && encoded.trim()) {
+          npub = encoded.trim();
+        }
+      } catch {
+        /* noop */
+      }
+    }
+
+    const shortNpubCandidates = [override.shortNpub, video?.shortNpub];
+    let shortNpub = "";
+    for (const candidate of shortNpubCandidates) {
+      if (typeof candidate !== "string") {
+        continue;
+      }
+      const trimmed = candidate.trim();
+      if (trimmed) {
+        shortNpub = trimmed;
+        break;
+      }
+    }
+
+    if (!shortNpub && npub) {
+      shortNpub = this.helpers.formatShortNpub(npub) || npub;
+    }
+
+    const nameCandidates = [
+      override.name,
+      override.displayName,
+      override.username,
+      video?.authorName,
+      video?.creatorName,
+      video?.creator?.name,
+      video?.author?.name,
+      video?.profile?.display_name,
+      video?.profile?.name,
+      video?.profile?.username,
+    ];
+
+    let name = "";
+    for (const candidate of nameCandidates) {
+      if (typeof candidate !== "string") {
+        continue;
+      }
+      const trimmed = candidate.trim();
+      if (!trimmed) {
+        continue;
+      }
+      if (HEX64_REGEX.test(trimmed)) {
+        continue;
+      }
+      name = trimmed;
+      break;
+    }
+
+    if (!name && shortNpub) {
+      name = shortNpub;
+    }
+    if (!name && npub) {
+      name = npub;
+    }
+
+    const pictureCandidates = [
+      override.picture,
+      override.image,
+      override.photo,
+      video?.picture,
+      video?.authorPicture,
+      video?.creatorPicture,
+      video?.author?.picture,
+      video?.creator?.picture,
+      video?.profile?.picture,
+    ];
+
+    let picture = "";
+    for (const candidate of pictureCandidates) {
+      if (typeof candidate !== "string") {
+        continue;
+      }
+      const trimmed = candidate.trim();
+      if (!trimmed) {
+        continue;
+      }
+      const sanitized = sanitizeProfileMediaUrl(trimmed);
+      if (sanitized) {
+        picture = sanitized;
+        break;
+      }
+    }
+
+    if (!picture && pubkey) {
+      const robohash = `https://robohash.org/${pubkey}`;
+      picture = sanitizeProfileMediaUrl(robohash) || robohash;
+    }
+
+    if (!picture) {
+      const fallbackAvatar =
+        typeof this.DEFAULT_PROFILE_AVATAR === "string" &&
+        this.DEFAULT_PROFILE_AVATAR.trim()
+          ? this.DEFAULT_PROFILE_AVATAR.trim()
+          : "assets/svg/default-profile.svg";
+      picture = sanitizeProfileMediaUrl(fallbackAvatar) || fallbackAvatar;
+    }
+
+    return {
+      name,
+      npub,
+      shortNpub,
+      pubkey,
+      picture,
+    };
+  }
+
+  attachSimilarCardViewCounter(card, pointerInfo) {
+    if (!card || typeof card.getViewCountElement !== "function") {
+      return null;
+    }
+
+    const viewEl = card.getViewCountElement();
+    if (!viewEl) {
+      return null;
+    }
+
+    if (pointerInfo?.key) {
+      viewEl.dataset.viewPointer = pointerInfo.key;
+    } else if (viewEl.dataset?.viewPointer) {
+      delete viewEl.dataset.viewPointer;
+    }
+
+    if (!pointerInfo || !pointerInfo.pointer) {
+      viewEl.textContent = "– views";
+      return null;
+    }
+
+    viewEl.textContent = "Loading views…";
+
+    try {
+      const token = subscribeToVideoViewCount(
+        pointerInfo.pointer,
+        ({ total, status, partial }) => {
+          if (!viewEl || !viewEl.isConnected) {
+            return;
+          }
+          viewEl.textContent = this.getViewCountLabel(total, status, partial);
+          if (partial) {
+            viewEl.dataset.viewCountState = "partial";
+          } else {
+            viewEl.dataset.viewCountState = status;
+          }
+        }
+      );
+      return { pointer: pointerInfo.pointer, token };
+    } catch (error) {
+      this.log("[VideoModal] Failed to subscribe similar view counter", error);
+      viewEl.textContent = "– views";
+      return null;
+    }
+  }
+
+  getViewCountLabel(total, status, partial) {
+    if (Number.isFinite(total)) {
+      const label = this.formatViewCountLabel(Number(total));
+      return partial ? `${label} (partial)` : label;
+    }
+    if (status === "hydrating") {
+      return "Loading…";
+    }
+    return "–";
+  }
+
+  formatViewCountLabel(total) {
+    const numeric = Number.isFinite(total) ? Math.max(0, Number(total)) : 0;
+    return formatViewCount(numeric);
+  }
+
+  syncMoreMenuData({ currentVideo, canManageBlacklist }) {
+    this.modalMoreMenuContext.video = currentVideo || null;
+    this.modalMoreMenuContext.canManageBlacklist = !!canManageBlacklist;
+
+    const pointerArray =
+      Array.isArray(currentVideo?.pointer) && currentVideo.pointer.length >= 2
+        ? currentVideo.pointer
+        : null;
+    const pointerKey =
+      typeof currentVideo?.pointerKey === "string"
+        ? currentVideo.pointerKey
+        : "";
+
+    this.modalMoreMenuContext.pointerInfo = pointerArray
+      ? { pointer: pointerArray, key: pointerKey }
+      : null;
+
+    this.modalMoreMenuContext.playbackUrl =
+      typeof currentVideo?.url === "string" ? currentVideo.url : "";
+
+    const magnetCandidate = (() => {
+      if (typeof currentVideo?.magnet === "string" && currentVideo.magnet) {
+        return currentVideo.magnet;
+      }
+      if (
+        typeof currentVideo?.originalMagnet === "string" &&
+        currentVideo.originalMagnet
+      ) {
+        return currentVideo.originalMagnet;
+      }
+      if (typeof currentVideo?.infoHash === "string" && currentVideo.infoHash) {
+        return currentVideo.infoHash;
+      }
+      return "";
+    })();
+
+    this.modalMoreMenuContext.playbackMagnet = magnetCandidate;
+
+    if (this.modalMorePopover?.isOpen?.()) {
+      this.refreshModalMoreMenuPanel();
+    }
+  }
+}
diff --git a/dist/js/ui/components/hashtagStripHelper.js b/dist/js/ui/components/hashtagStripHelper.js
new file mode 100644
index 00000000..beb90108
--- /dev/null
+++ b/dist/js/ui/components/hashtagStripHelper.js
@@ -0,0 +1,395 @@
+import { userLogger } from "../../utils/logger.js";
+import { collectVideoTags } from "../../utils/videoTags.js";
+import {
+  applyTagPreferenceState,
+  renderTagPillStrip,
+  trimTagPillStripToFit,
+} from "./tagPillList.js";
+
+export class HashtagStripHelper {
+  constructor({
+    document: doc = null,
+    window: win = null,
+    logger,
+    context = "",
+    scrollable = false,
+  } = {}) {
+    this.document = doc || (typeof document !== "undefined" ? document : null);
+    this.window = win || this.document?.defaultView ||
+      (typeof window !== "undefined" ? window : null);
+    this.logger = logger || userLogger;
+    this.context = typeof context === "string" ? context : "";
+    this.scrollable = scrollable === true;
+
+    this.container = null;
+    this._tagStrip = null;
+    this._sortedTags = [];
+    this._resizeObserver = null;
+    this._resizeHandler = null;
+    this._resizeCancel = null;
+    this._resizeScheduled = false;
+    this._isApplyingTrim = false;
+
+    this.tagStateResolver = null;
+    this.activateHandler = null;
+
+    this._handleResize = () => {
+      if (this._isApplyingTrim) {
+        return;
+      }
+      this.render();
+    };
+  }
+
+  mount(container) {
+    if (this.container === container) {
+      return this.container;
+    }
+
+    this._teardownResizeObserver();
+
+    if (this.container && this.container !== container) {
+      this.container.textContent = "";
+      this.container.hidden = true;
+    }
+
+    this.container = container || null;
+    this._tagStrip = null;
+
+    if (this.container) {
+      this.container.textContent = "";
+      this.container.hidden = true;
+      if (this._sortedTags.length) {
+        this.render();
+        this._ensureResizeObserver();
+      }
+    }
+
+    return this.container;
+  }
+
+  update(videos) {
+    const root = this.container;
+    if (!root) {
+      return;
+    }
+
+    if (!Array.isArray(videos) || videos.length === 0) {
+      this._sortedTags = [];
+      this.render();
+      this._teardownResizeObserver();
+      return;
+    }
+
+    const counts = new Map();
+    const displayNames = new Map();
+
+    videos.forEach((video) => {
+      const tags = collectVideoTags(video);
+      tags.forEach((tag) => {
+        if (typeof tag !== "string" || !tag) {
+          return;
+        }
+        const lower = tag.toLowerCase();
+        counts.set(lower, (counts.get(lower) || 0) + 1);
+        if (!displayNames.has(lower)) {
+          displayNames.set(lower, tag);
+        }
+      });
+    });
+
+    if (!counts.size) {
+      this._sortedTags = [];
+      this.render();
+      this._teardownResizeObserver();
+      return;
+    }
+
+    const tagEntries = Array.from(counts.entries()).map(([lower, count]) => ({
+      count,
+      tag: displayNames.get(lower) || lower,
+    }));
+
+    tagEntries.sort((a, b) => {
+      if (b.count !== a.count) {
+        return b.count - a.count;
+      }
+      const lowerA = a.tag.toLowerCase();
+      const lowerB = b.tag.toLowerCase();
+      if (lowerA === lowerB) {
+        return a.tag.localeCompare(b.tag);
+      }
+      return lowerA.localeCompare(lowerB);
+    });
+
+    this._sortedTags = tagEntries.map((entry) => entry.tag);
+    this.render();
+    if (this._sortedTags.length) {
+      this._ensureResizeObserver();
+    } else {
+      this._teardownResizeObserver();
+    }
+  }
+
+  setTagStateResolver(resolver) {
+    this.tagStateResolver = typeof resolver === "function" ? resolver : null;
+    this.refreshTagStates();
+  }
+
+  setActivateHandler(handler) {
+    this.activateHandler = typeof handler === "function" ? handler : null;
+  }
+
+  setContext(context) {
+    this.context = typeof context === "string" ? context : "";
+  }
+
+  refreshTagPreferenceStates() {
+    this.refreshTagStates();
+  }
+
+  refreshTagStates() {
+    if (!this._tagStrip) {
+      return;
+    }
+
+    const buttons = this._tagStrip.querySelectorAll("button[data-tag]");
+    buttons.forEach((button) => {
+      const tag = button.dataset.tag || "";
+      const state = this._resolveTagState(tag);
+      applyTagPreferenceState(button, state);
+    });
+  }
+
+  render() {
+    const root = this.container;
+    if (!root) {
+      return;
+    }
+
+    const tags = Array.isArray(this._sortedTags) ? [...this._sortedTags] : [];
+
+    this._isApplyingTrim = true;
+
+    try {
+      root.textContent = "";
+      this._tagStrip = null;
+
+      if (!tags.length) {
+        root.hidden = true;
+        return;
+      }
+
+      const doc = this.document || root.ownerDocument || null;
+      if (!doc) {
+        root.hidden = true;
+        this._teardownResizeObserver();
+        return;
+      }
+
+      const { root: strip } = renderTagPillStrip({
+        document: doc,
+        tags,
+        onTagActivate: (tag, detail = {}) =>
+          this._handleTagActivate(tag, detail),
+        getTagState: (tag) => this._resolveTagState(tag),
+        scrollable: this.scrollable,
+      });
+
+      root.appendChild(strip);
+      this._tagStrip = strip;
+      if (!this.scrollable) {
+        trimTagPillStripToFit({ strip, container: root });
+      } else {
+        this._triggerScrollHint();
+      }
+      root.hidden = strip.childElementCount === 0;
+    } finally {
+      this._isApplyingTrim = false;
+    }
+  }
+
+  destroy() {
+    this._teardownResizeObserver();
+    if (this.container) {
+      this.container.textContent = "";
+      this.container.hidden = true;
+    }
+    this.container = null;
+    this._tagStrip = null;
+    this._sortedTags = [];
+  }
+
+  _triggerScrollHint() {
+    const strip = this._tagStrip;
+    if (!strip) {
+      return;
+    }
+
+    if (
+      this.window &&
+      typeof this.window.requestAnimationFrame === "function" &&
+      typeof strip.scrollTo === "function"
+    ) {
+      this.window.requestAnimationFrame(() => {
+        if (!strip.isConnected) {
+          return;
+        }
+
+        if (strip.scrollWidth > strip.clientWidth) {
+          if (this.window && typeof this.window.setTimeout === "function") {
+            this.window.setTimeout(() => {
+              if (!strip.isConnected || strip.scrollLeft !== 0) {
+                return;
+              }
+
+              strip.scrollTo({ left: 40, behavior: "smooth" });
+
+              this.window.setTimeout(() => {
+                if (!strip.isConnected) {
+                  return;
+                }
+                strip.scrollTo({ left: 0, behavior: "smooth" });
+              }, 800);
+            }, 600);
+          }
+        }
+      });
+    }
+  }
+
+  _resolveTagState(tag) {
+    const resolver = this.tagStateResolver;
+    if (typeof resolver !== "function") {
+      return "neutral";
+    }
+
+    try {
+      return resolver(tag);
+    } catch (error) {
+      this.logger?.warn?.(
+        "[HashtagStripHelper] Failed to resolve tag preference state:",
+        error,
+      );
+      return "neutral";
+    }
+  }
+
+  _handleTagActivate(tag, detail) {
+    if (typeof this.activateHandler !== "function") {
+      return;
+    }
+
+    try {
+      const trigger =
+        detail?.button ||
+        detail?.event?.currentTarget ||
+        detail?.event?.target?.closest?.("button[data-tag]") ||
+        null;
+      this.activateHandler({
+        tag,
+        event: detail?.event || null,
+        trigger,
+        button: trigger,
+        context: this.context,
+      });
+    } catch (error) {
+      this.logger?.warn?.(
+        "[HashtagStripHelper] Tag activation handler threw an error:",
+        error,
+      );
+    }
+  }
+
+  _ensureResizeObserver() {
+    const root = this.container;
+    if (!root || this._resizeObserver || this._resizeHandler) {
+      return;
+    }
+
+    const resizeObserverCtor =
+      (this.window && this.window.ResizeObserver) ||
+      (typeof globalThis !== "undefined" ? globalThis.ResizeObserver : null);
+
+    if (typeof resizeObserverCtor === "function") {
+      this._resizeObserver = new resizeObserverCtor(() => {
+        this._handleResize();
+      });
+      this._resizeObserver.observe(root);
+      return;
+    }
+
+    if (!this.window) {
+      return;
+    }
+
+    const schedule = (callback) => {
+      if (this._resizeScheduled) {
+        return;
+      }
+      this._resizeScheduled = true;
+
+      if (typeof this.window.requestAnimationFrame === "function") {
+        const frameId = this.window.requestAnimationFrame(() => {
+          this._resizeScheduled = false;
+          this._resizeCancel = null;
+          callback();
+        });
+        this._resizeCancel = () => {
+          this.window.cancelAnimationFrame(frameId);
+          this._resizeCancel = null;
+          this._resizeScheduled = false;
+        };
+      } else {
+        const timeoutId = this.window.setTimeout(() => {
+          this._resizeScheduled = false;
+          this._resizeCancel = null;
+          callback();
+        }, 50);
+        this._resizeCancel = () => {
+          this.window.clearTimeout(timeoutId);
+          this._resizeCancel = null;
+          this._resizeScheduled = false;
+        };
+      }
+    };
+
+    const handler = () => {
+      schedule(() => {
+        if (!this.container) {
+          return;
+        }
+        this._handleResize();
+      });
+    };
+
+    this.window.addEventListener("resize", handler);
+    this._resizeHandler = handler;
+  }
+
+  _teardownResizeObserver() {
+    if (this._resizeObserver) {
+      try {
+        this._resizeObserver.disconnect();
+      } catch (error) {
+        // Ignore disconnect errors.
+      }
+    }
+    this._resizeObserver = null;
+
+    if (this._resizeHandler && this.window) {
+      this.window.removeEventListener("resize", this._resizeHandler);
+    }
+    this._resizeHandler = null;
+
+    if (typeof this._resizeCancel === "function") {
+      try {
+        this._resizeCancel();
+      } catch (error) {
+        // Ignore cancellation errors.
+      }
+    }
+    this._resizeCancel = null;
+    this._resizeScheduled = false;
+  }
+}
diff --git a/dist/js/ui/components/modalAccessibility.js b/dist/js/ui/components/modalAccessibility.js
new file mode 100644
index 00000000..e70cd24f
--- /dev/null
+++ b/dist/js/ui/components/modalAccessibility.js
@@ -0,0 +1,210 @@
+const FOCUSABLE_SELECTORS = [
+  "a[href]",
+  "area[href]",
+  "button:not([disabled])",
+  'input:not([type="hidden"]):not([disabled])',
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  "iframe",
+  "object",
+  "embed",
+  '[contenteditable="true"]',
+  "[tabindex]",
+  "audio[controls]",
+  "video[controls]",
+].join(",");
+
+const scheduleMicrotask =
+  typeof queueMicrotask === "function"
+    ? queueMicrotask
+    : (callback) => Promise.resolve().then(callback);
+
+function isElement(node) {
+  return (
+    !!node &&
+    typeof node === "object" &&
+    typeof node.nodeType === "number" &&
+    node.nodeType === 1
+  );
+}
+
+function isFocusable(element) {
+  if (!element) {
+    return false;
+  }
+  if (element.hasAttribute('disabled')) {
+    return false;
+  }
+  const tabindex = element.getAttribute('tabindex');
+  if (tabindex && Number(tabindex) < 0) {
+    return false;
+  }
+  if (element.getAttribute('aria-hidden') === 'true') {
+    return false;
+  }
+  const rects = element.getClientRects();
+  if (rects.length === 0) {
+    return false;
+  }
+  return true;
+}
+
+export function createModalAccessibility({ root, panel, backdrop, document: providedDocument, onRequestClose } = {}) {
+  const doc = providedDocument || root?.ownerDocument || (typeof document !== 'undefined' ? document : null);
+  if (!root || !panel || !doc) {
+    return {
+      activate() {},
+      deactivate() {},
+      destroy() {},
+      isActive() {
+        return false;
+      },
+    };
+  }
+
+  let active = false;
+  let previousFocus = null;
+
+  const resolveDismissTarget = (target) => {
+    if (!target) {
+      return null;
+    }
+    if (
+      backdrop &&
+      (target === backdrop || backdrop.contains?.(target)) &&
+      !backdrop.hasAttribute("data-dismiss")
+    ) {
+      return backdrop;
+    }
+    return target.closest?.("[data-dismiss]") || null;
+  };
+
+  const keydownListener = (event) => {
+    if (!active) {
+      return;
+    }
+    if (event.key === "Escape") {
+      if (root.contains(event.target)) {
+        event.preventDefault();
+      }
+      onRequestClose?.(event);
+      return;
+    }
+    if (event.key !== "Tab" || !root.contains(event.target)) {
+      return;
+    }
+
+    const focusable = Array.from(panel.querySelectorAll(FOCUSABLE_SELECTORS)).filter(isFocusable);
+    const activeElement = doc.activeElement;
+    const isPanelFocused = activeElement === panel;
+
+    if (focusable.length === 0) {
+      event.preventDefault();
+      if (panel !== activeElement) {
+        panel.focus({ preventScroll: true });
+      }
+      return;
+    }
+
+    const first = focusable[0];
+    const last = focusable[focusable.length - 1];
+
+    if (event.shiftKey) {
+      if (activeElement === first || !panel.contains(activeElement) || isPanelFocused) {
+        event.preventDefault();
+        last.focus({ preventScroll: true });
+      }
+      return;
+    }
+
+    if (activeElement === last || isPanelFocused) {
+      event.preventDefault();
+      first.focus({ preventScroll: true });
+    }
+  };
+
+  const clickListener = (event) => {
+    if (!active) {
+      return;
+    }
+    const dismissTarget = resolveDismissTarget(event.target);
+    if (!dismissTarget) {
+      return;
+    }
+    if (!root.contains(dismissTarget)) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    onRequestClose?.(event);
+  };
+
+  const activate = ({ triggerElement } = {}) => {
+    if (active) {
+      return;
+    }
+    active = true;
+    const activeElement = doc.activeElement;
+    const hasDocContains = typeof doc.contains === "function";
+    const normalizedTrigger =
+      isElement(triggerElement) && (!hasDocContains || doc.contains(triggerElement))
+        ? triggerElement
+        : null;
+    if (normalizedTrigger) {
+      previousFocus = normalizedTrigger;
+    } else {
+      previousFocus = isElement(activeElement) ? activeElement : null;
+    }
+    doc.addEventListener("keydown", keydownListener, true);
+    root.addEventListener("click", clickListener);
+    if (backdrop && backdrop !== root) {
+      backdrop.addEventListener("click", clickListener);
+    }
+
+    scheduleMicrotask(() => {
+      if (!active) {
+        return;
+      }
+      const focusTarget = Array.from(panel.querySelectorAll(FOCUSABLE_SELECTORS)).find(isFocusable) || panel;
+      if (typeof focusTarget.focus === "function") {
+        focusTarget.focus({ preventScroll: true });
+      }
+    });
+  };
+
+  const deactivate = () => {
+    if (!active) {
+      return;
+    }
+    doc.removeEventListener("keydown", keydownListener, true);
+    root.removeEventListener("click", clickListener);
+    if (backdrop && backdrop !== root) {
+      backdrop.removeEventListener("click", clickListener);
+    }
+    active = false;
+
+    if (previousFocus && typeof previousFocus.focus === "function") {
+      if (
+        !root.contains(previousFocus) &&
+        typeof doc.contains === "function" &&
+        doc.contains(previousFocus)
+      ) {
+        previousFocus.focus({ preventScroll: true });
+      }
+    }
+    previousFocus = null;
+  };
+
+  const destroy = () => {
+    deactivate();
+  };
+
+  return {
+    activate,
+    deactivate,
+    destroy,
+    isActive() {
+      return active;
+    },
+  };
+}
diff --git a/dist/js/ui/components/nip71FormManager.js b/dist/js/ui/components/nip71FormManager.js
new file mode 100644
index 00000000..7c970cf9
--- /dev/null
+++ b/dist/js/ui/components/nip71FormManager.js
@@ -0,0 +1,799 @@
+import { userLogger } from "../../utils/logger.js";
+import {
+  normalizeHashtag,
+  formatHashtag,
+} from "../../utils/hashtagNormalization.js";
+// NOTE: Keep the Upload, Edit, and Revert modals in lockstep when updating NIP-71 form features.
+
+const REPEATER_KEYS = ["imeta", "text-track", "segment", "t", "p", "r"];
+
+export class Nip71FormManager {
+  constructor({ defaultFocusSelector } = {}) {
+    this.defaultFocusSelector =
+      typeof defaultFocusSelector === "string"
+        ? defaultFocusSelector
+        : "[data-nip71-field], [data-nip71-nested-field]";
+    this.sections = new Map();
+  }
+
+  registerSection(key, root) {
+    if (!key) {
+      return null;
+    }
+
+    if (!root) {
+      this.sections.delete(key);
+      return null;
+    }
+
+    const store = this.cacheSection(root);
+    this.sections.set(key, store);
+    return store;
+  }
+
+  bindSection(key) {
+    const store = this.getSection(key);
+    if (!store?.root) {
+      return;
+    }
+
+    if (store.handlers?.click) {
+      try {
+        store.root.removeEventListener("click", store.handlers.click);
+      } catch (error) {
+        userLogger.warn("[Nip71FormManager] Failed to detach previous handler", error);
+      }
+    }
+
+    const handleClick = (event) => {
+      const addTrigger = event.target?.closest?.("[data-nip71-add]");
+      if (addTrigger && store.root.contains(addTrigger)) {
+        event.preventDefault();
+        const targetKey = addTrigger.dataset?.nip71Add || "";
+        const entry = this.addRepeaterEntry(key, targetKey);
+        if (entry) {
+          this.focusFirstField(entry, store.focusSelector);
+        }
+        return;
+      }
+
+      const nestedAddTrigger = event.target?.closest?.("[data-nip71-nested-add]");
+      if (nestedAddTrigger && store.root.contains(nestedAddTrigger)) {
+        event.preventDefault();
+        const nestedKey = nestedAddTrigger.dataset?.nip71NestedAdd || "";
+        const container = nestedAddTrigger.closest(
+          `[data-nip71-nested="${nestedKey}"]`
+        );
+        const entry = this.addNestedEntry(container, nestedKey);
+        if (entry) {
+          this.focusFirstField(
+            entry,
+            `[data-nip71-nested-field="${nestedKey}"]`
+          );
+        }
+        return;
+      }
+
+      const removeTrigger = event.target?.closest?.("[data-nip71-remove]");
+      if (removeTrigger && store.root.contains(removeTrigger)) {
+        event.preventDefault();
+        const targetKey = removeTrigger.dataset?.nip71Remove || "";
+        if (!targetKey) {
+          return;
+        }
+
+        if (targetKey === "nested") {
+          const nestedEntry = removeTrigger.closest("[data-nip71-nested-entry]");
+          this.removeNestedEntry(nestedEntry);
+          return;
+        }
+
+        this.removeRepeaterEntry(key, targetKey, removeTrigger);
+      }
+    };
+
+    store.root.addEventListener("click", handleClick);
+    store.handlers.click = handleClick;
+  }
+
+  resetSection(key) {
+    const store = this.getSection(key);
+    if (!store) {
+      return;
+    }
+
+    if (Array.isArray(store.kindInputs)) {
+      store.kindInputs.forEach((input) => {
+        if (!input) {
+          return;
+        }
+        input.checked = Boolean(input.defaultChecked);
+      });
+    }
+
+    if (store.summaryInput) {
+      store.summaryInput.value = "";
+    }
+    if (store.publishedAtInput) {
+      store.publishedAtInput.value = "";
+    }
+    if (store.altInput) {
+      store.altInput.value = "";
+    }
+    if (store.durationInput) {
+      store.durationInput.value = "";
+    }
+    if (store.contentWarningInput) {
+      store.contentWarningInput.value = "";
+    }
+
+    if (store.repeaters) {
+      Object.entries(store.repeaters).forEach(([repeaterKey, repeater]) => {
+        if (!repeater?.list) {
+          return;
+        }
+        const entries = Array.from(
+          repeater.list.querySelectorAll(
+            `[data-nip71-entry="${repeaterKey}"]`
+          )
+        );
+        entries.forEach((entry) => {
+          if (entry.dataset?.nip71Primary === "true") {
+            this.resetEntry(entry);
+          } else {
+            entry.remove();
+          }
+        });
+      });
+    }
+  }
+
+  hydrateSection(key, metadata) {
+    const store = this.getSection(key);
+    if (!store) {
+      return;
+    }
+
+    this.resetSection(key);
+
+    if (!metadata || typeof metadata !== "object") {
+      return;
+    }
+
+    if (Array.isArray(store.kindInputs)) {
+      const targetValue = metadata.kind != null ? `${metadata.kind}`.trim() : "";
+      if (targetValue) {
+        store.kindInputs.forEach((input) => {
+          if (!input) {
+            return;
+          }
+          input.checked = `${input.value}` === targetValue;
+        });
+      }
+    }
+
+    if (store.summaryInput) {
+      store.summaryInput.value = this.toInputValue(metadata.summary);
+    }
+    if (store.publishedAtInput) {
+      const value =
+        metadata.publishedAt ?? metadata.published_at ?? metadata["published-at"];
+      store.publishedAtInput.value = this.toInputValue(value);
+    }
+    if (store.altInput) {
+      store.altInput.value = this.toInputValue(metadata.alt);
+    }
+    if (store.durationInput) {
+      const duration = this.normalizeNumber(metadata.duration);
+      store.durationInput.value = duration != null ? `${duration}` : "";
+    }
+    if (store.contentWarningInput) {
+      const value =
+        metadata.contentWarning ??
+        metadata["content-warning"] ??
+        metadata.content_warning;
+      store.contentWarningInput.value = this.toInputValue(value);
+    }
+
+    this.hydrateRepeater(key, "imeta", metadata.imeta, (entry, value) => {
+      if (!value || typeof value !== "object") {
+        return;
+      }
+      this.setFieldValue(entry, "m", value.m);
+      this.setFieldValue(entry, "dim", value.dim);
+      this.setFieldValue(entry, "url", value.url);
+      this.setFieldValue(entry, "x", value.x);
+      this.setFieldValue(entry, "duration", value.duration);
+      this.setFieldValue(entry, "bitrate", value.bitrate);
+      this.hydrateNested(entry, "image", value.image);
+      this.hydrateNested(entry, "fallback", value.fallback);
+      this.hydrateNested(entry, "service", value.service);
+    });
+
+    this.hydrateRepeater(
+      key,
+      "text-track",
+      metadata.textTracks ?? metadata["text-track"] ?? metadata.text_track,
+      (entry, value) => {
+        if (!value || typeof value !== "object") {
+          return;
+        }
+        this.setFieldValue(entry, "url", value.url);
+        this.setFieldValue(entry, "type", value.type);
+        this.setFieldValue(entry, "language", value.language);
+      }
+    );
+
+    this.hydrateRepeater(key, "segment", metadata.segments, (entry, value) => {
+      if (!value || typeof value !== "object") {
+        return;
+      }
+      this.setFieldValue(entry, "start", value.start);
+      this.setFieldValue(entry, "end", value.end);
+      this.setFieldValue(entry, "title", value.title);
+      this.setFieldValue(entry, "thumbnail", value.thumbnail);
+    });
+
+    const sanitizedHashtags = this.sanitizeHashtags(
+      metadata.hashtags ?? metadata.t,
+      { dedupe: true }
+    );
+    this.hydrateRepeater(key, "t", sanitizedHashtags, (entry, value) => {
+      this.setFieldValue(entry, "value", this.renderHashtagValue(value));
+    });
+
+    this.hydrateRepeater(
+      key,
+      "p",
+      metadata.participants ?? metadata.p,
+      (entry, value) => {
+        if (!value || typeof value !== "object") {
+          return;
+        }
+        this.setFieldValue(entry, "pubkey", value.pubkey ?? value["pubkey"]);
+        this.setFieldValue(entry, "relay", value.relay ?? value["relay"]);
+      }
+    );
+
+    this.hydrateRepeater(
+      key,
+      "r",
+      metadata.references ?? metadata.r,
+      (entry, value) => {
+        this.setFieldValue(entry, "url", value);
+      }
+    );
+  }
+
+  collectSection(key) {
+    const store = this.getSection(key);
+    if (!store) {
+      return null;
+    }
+
+    const kindInput = Array.isArray(store.kindInputs)
+      ? store.kindInputs.find((input) => input?.checked)
+      : null;
+    let kind = null;
+    if (kindInput?.value != null) {
+      const parsed = Number(kindInput.value);
+      kind = Number.isFinite(parsed) ? parsed : String(kindInput.value).trim();
+    }
+
+    const summary = this.getTrimmedValue(store.summaryInput);
+    const publishedAt = this.getTrimmedValue(store.publishedAtInput);
+    const alt = this.getTrimmedValue(store.altInput);
+
+    let duration = null;
+    if (store.durationInput) {
+      const rawValue = store.durationInput.value;
+      if (rawValue !== "" && rawValue != null) {
+        const parsed = Number(rawValue);
+        if (Number.isFinite(parsed)) {
+          duration = parsed;
+        }
+      }
+    }
+
+    const contentWarning = this.getTrimmedValue(store.contentWarningInput);
+
+    const imeta = this.collectRepeaterValues(key, "imeta", (entry) => {
+      const variant = {
+        m: this.getFieldValue(entry, "m"),
+        dim: this.getFieldValue(entry, "dim"),
+        url: this.getFieldValue(entry, "url"),
+        x: this.getFieldValue(entry, "x"),
+        image: this.collectNestedValues(entry, "image"),
+        fallback: this.collectNestedValues(entry, "fallback"),
+        service: this.collectNestedValues(entry, "service"),
+      };
+
+      const durationValue = this.getFieldValue(entry, "duration");
+      if (durationValue !== "") {
+        const parsed = this.normalizeNumber(durationValue);
+        if (parsed != null && parsed >= 0) {
+          variant.duration = parsed;
+        } else {
+          variant.duration = durationValue;
+        }
+      }
+
+      const bitrateValue = this.getFieldValue(entry, "bitrate");
+      if (bitrateValue !== "") {
+        const parsed = this.normalizeNumber(bitrateValue);
+        if (parsed != null && parsed >= 0) {
+          variant.bitrate = parsed;
+        } else {
+          variant.bitrate = bitrateValue;
+        }
+      }
+
+      const hasContent =
+        variant.m ||
+        variant.dim ||
+        variant.url ||
+        variant.x ||
+        variant.image.length > 0 ||
+        variant.fallback.length > 0 ||
+        variant.service.length > 0 ||
+        variant.duration !== undefined ||
+        variant.bitrate !== undefined;
+
+      return hasContent ? variant : null;
+    });
+
+    const textTracks = this.collectRepeaterValues(
+      key,
+      "text-track",
+      (entry) => {
+        const track = {
+          url: this.getFieldValue(entry, "url"),
+          type: this.getFieldValue(entry, "type"),
+          language: this.getFieldValue(entry, "language"),
+        };
+
+        const hasContent = track.url || track.type || track.language;
+        return hasContent ? track : null;
+      }
+    );
+
+    const segments = this.collectRepeaterValues(key, "segment", (entry) => {
+      const segment = {
+        start: this.getFieldValue(entry, "start"),
+        end: this.getFieldValue(entry, "end"),
+        title: this.getFieldValue(entry, "title"),
+        thumbnail: this.getFieldValue(entry, "thumbnail"),
+      };
+
+      const hasContent =
+        segment.start || segment.end || segment.title || segment.thumbnail;
+      return hasContent ? segment : null;
+    });
+
+    const hashtags = this.sanitizeHashtags(
+      this.collectRepeaterValues(key, "t", (entry) => {
+        const value = this.getFieldValue(entry, "value");
+        return value || null;
+      }),
+      { dedupe: true }
+    );
+
+    const participants = this.collectRepeaterValues(key, "p", (entry) => {
+      const participant = {
+        pubkey: this.getFieldValue(entry, "pubkey"),
+        relay: this.getFieldValue(entry, "relay"),
+      };
+
+      const hasContent = participant.pubkey || participant.relay;
+      return hasContent ? participant : null;
+    });
+
+    const references = this.collectRepeaterValues(key, "r", (entry) => {
+      const url = this.getFieldValue(entry, "url");
+      return url || null;
+    });
+
+    return {
+      kind,
+      summary,
+      publishedAt,
+      alt,
+      duration,
+      contentWarning,
+      imeta,
+      textTracks,
+      segments,
+      hashtags,
+      participants,
+      references,
+    };
+  }
+
+  collectRepeaterValues(sectionKey, repeaterKey, mapFn) {
+    const store = this.getSection(sectionKey);
+    const repeater = store?.repeaters?.[repeaterKey];
+    if (!repeater?.list) {
+      return [];
+    }
+
+    const entries = Array.from(
+      repeater.list.querySelectorAll(`[data-nip71-entry="${repeaterKey}"]`)
+    );
+
+    const results = [];
+    entries.forEach((entry) => {
+      const value = typeof mapFn === "function" ? mapFn(entry) : null;
+      if (value == null) {
+        return;
+      }
+      if (typeof value === "string") {
+        if (value.trim()) {
+          results.push(value.trim());
+        }
+        return;
+      }
+      results.push(value);
+    });
+
+    return results;
+  }
+
+  sanitizeHashtags(values, { dedupe = false } = {}) {
+    if (!Array.isArray(values)) {
+      return [];
+    }
+
+    const results = [];
+    const seen = new Set();
+
+    values.forEach((value) => {
+      const sanitized = this.sanitizeHashtagValue(value);
+      if (!sanitized) {
+        return;
+      }
+      const dedupeKey = sanitized.toLowerCase();
+      if (dedupe) {
+        if (seen.has(dedupeKey)) {
+          return;
+        }
+        seen.add(dedupeKey);
+      }
+      results.push(sanitized);
+    });
+
+    return results;
+  }
+
+  sanitizeHashtagValue(value) {
+    if (typeof value === "number") {
+      value = Number.isFinite(value) ? `${value}` : "";
+    }
+    if (typeof value !== "string") {
+      value = `${value ?? ""}`;
+    }
+
+    return normalizeHashtag(value);
+  }
+
+  renderHashtagValue(value) {
+    return formatHashtag(value);
+  }
+
+  collectNestedValues(entry, nestedKey) {
+    if (!entry || !nestedKey) {
+      return [];
+    }
+
+    const container = entry.querySelector(
+      `[data-nip71-nested="${nestedKey}"]`
+    );
+    if (!container) {
+      return [];
+    }
+
+    const fields = Array.from(
+      container.querySelectorAll(`[data-nip71-nested-field="${nestedKey}"]`)
+    );
+
+    return fields
+      .map((field) => this.getTrimmedValue(field))
+      .filter((value) => Boolean(value));
+  }
+
+  addRepeaterEntry(sectionKey, repeaterKey) {
+    if (!repeaterKey) {
+      return null;
+    }
+
+    const store = this.getSection(sectionKey);
+    if (!store?.repeaters || !store.repeaters[repeaterKey]) {
+      return null;
+    }
+
+    const { list, template } = store.repeaters[repeaterKey];
+    if (!list || !template) {
+      return null;
+    }
+
+    const fragment = template.content
+      ? template.content.cloneNode(true)
+      : template.cloneNode(true);
+
+    const entry =
+      fragment.querySelector?.(`[data-nip71-entry="${repeaterKey}"]`) ||
+      fragment.firstElementChild ||
+      null;
+
+    list.appendChild(fragment);
+
+    return entry;
+  }
+
+  removeRepeaterEntry(sectionKey, repeaterKey, trigger) {
+    if (!repeaterKey || !trigger) {
+      return;
+    }
+
+    const store = this.getSection(sectionKey);
+    if (!store?.repeaters?.[repeaterKey]?.list) {
+      return;
+    }
+
+    const entry = trigger.closest(`[data-nip71-entry="${repeaterKey}"]`);
+    if (!entry) {
+      return;
+    }
+
+    if (entry.dataset?.nip71Primary === "true") {
+      this.resetEntry(entry);
+      return;
+    }
+
+    entry.remove();
+  }
+
+  addNestedEntry(container, nestedKey) {
+    if (!container || !nestedKey) {
+      return null;
+    }
+
+    const list = container.querySelector(
+      `[data-nip71-nested-list="${nestedKey}"]`
+    );
+    const template = container.querySelector(
+      `[data-nip71-nested-template="${nestedKey}"]`
+    );
+
+    if (!list || !template) {
+      return null;
+    }
+
+    const fragment = template.content
+      ? template.content.cloneNode(true)
+      : template.cloneNode(true);
+
+    const entry =
+      fragment.querySelector?.(`[data-nip71-nested-entry="${nestedKey}"]`) ||
+      fragment.firstElementChild ||
+      null;
+
+    list.appendChild(fragment);
+
+    return entry;
+  }
+
+  removeNestedEntry(entry) {
+    if (!entry) {
+      return;
+    }
+    entry.remove();
+  }
+
+  resetEntry(entry) {
+    if (!entry) {
+      return;
+    }
+
+    const fields = entry.querySelectorAll("[data-nip71-field]");
+    fields.forEach((field) => {
+      if (field) {
+        field.value = "";
+      }
+    });
+
+    const nestedContainers = entry.querySelectorAll("[data-nip71-nested]");
+    nestedContainers.forEach((container) => {
+      if (!container?.dataset?.nip71Nested) {
+        return;
+      }
+      const list = container.querySelector(
+        `[data-nip71-nested-list="${container.dataset.nip71Nested}"]`
+      );
+      if (list) {
+        list.innerHTML = "";
+      }
+    });
+  }
+
+  hydrateRepeater(sectionKey, repeaterKey, rawValues, applyValue) {
+    const values = Array.isArray(rawValues) ? rawValues : [];
+    if (!values.length) {
+      return;
+    }
+
+    const store = this.getSection(sectionKey);
+    const repeater = store?.repeaters?.[repeaterKey];
+    if (!repeater?.list) {
+      return;
+    }
+
+    let entries = Array.from(
+      repeater.list.querySelectorAll(`[data-nip71-entry="${repeaterKey}"]`)
+    );
+
+    values.forEach((value, index) => {
+      let entry = entries[index];
+      if (!entry) {
+        entry = this.addRepeaterEntry(sectionKey, repeaterKey);
+        if (entry) {
+          entries.push(entry);
+        }
+      }
+      if (!entry) {
+        return;
+      }
+      if (typeof applyValue === "function") {
+        applyValue(entry, value, index);
+      }
+    });
+  }
+
+  hydrateNested(entry, nestedKey, rawValues) {
+    if (!entry) {
+      return;
+    }
+
+    const values = Array.isArray(rawValues)
+      ? rawValues.filter((value) => this.toInputValue(value))
+      : [];
+    if (!values.length) {
+      return;
+    }
+
+    const container = entry.querySelector(`[data-nip71-nested="${nestedKey}"]`);
+    if (!container) {
+      return;
+    }
+
+    values.forEach((value) => {
+      const nestedEntry = this.addNestedEntry(container, nestedKey);
+      if (!nestedEntry) {
+        return;
+      }
+      const field = nestedEntry.querySelector(
+        `[data-nip71-nested-field="${nestedKey}"]`
+      );
+      if (field) {
+        field.value = this.toInputValue(value);
+      }
+    });
+  }
+
+  setFieldValue(entry, field, value) {
+    if (!entry || !field) {
+      return;
+    }
+    const element = entry.querySelector(`[data-nip71-field="${field}"]`);
+    if (!element) {
+      return;
+    }
+    element.value = this.toInputValue(value);
+  }
+
+  focusFirstField(container, selector) {
+    if (!container) {
+      return;
+    }
+    const targetSelector = selector || this.defaultFocusSelector;
+    const target = container.querySelector(targetSelector);
+    if (target?.focus) {
+      target.focus();
+    }
+  }
+
+  getFieldValue(entry, field) {
+    if (!entry || !field) {
+      return "";
+    }
+    const element = entry.querySelector(`[data-nip71-field="${field}"]`);
+    return this.getTrimmedValue(element);
+  }
+
+  getTrimmedValue(element) {
+    if (!element) {
+      return "";
+    }
+    const { value } = element;
+    if (typeof value === "number") {
+      return Number.isFinite(value) ? String(value).trim() : "";
+    }
+    if (typeof value === "string") {
+      return value.trim();
+    }
+    return String(value ?? "").trim();
+  }
+
+  toInputValue(value) {
+    if (value == null) {
+      return "";
+    }
+    if (typeof value === "number") {
+      return Number.isFinite(value) ? `${value}` : "";
+    }
+    if (typeof value === "boolean") {
+      return value ? "true" : "false";
+    }
+    return `${value ?? ""}`;
+  }
+
+  normalizeNumber(value) {
+    if (typeof value === "number" && Number.isFinite(value)) {
+      return value;
+    }
+    if (typeof value === "string" && value.trim()) {
+      const parsed = Number(value.trim());
+      return Number.isFinite(parsed) ? parsed : null;
+    }
+    return null;
+  }
+
+  cacheSection(section) {
+    const repeaters = {};
+    REPEATER_KEYS.forEach((key) => {
+      repeaters[key] = this.cacheRepeater(section, key);
+    });
+
+    return {
+      root: section,
+      focusSelector: this.defaultFocusSelector,
+      kindInputs: Array.from(section.querySelectorAll('[data-nip71-input="kind"]')),
+      publishedAtInput:
+        section.querySelector('[data-nip71-input="published_at"]') || null,
+      altInput: section.querySelector('[data-nip71-input="alt"]') || null,
+      durationInput:
+        section.querySelector('[data-nip71-input="duration"]') || null,
+      contentWarningInput:
+        section.querySelector('[data-nip71-input="content-warning"]') || null,
+      summaryInput: section.querySelector('[data-nip71-input="summary"]') || null,
+      repeaters,
+      handlers: {},
+    };
+  }
+
+  cacheRepeater(section, key) {
+    if (!section || !key) {
+      return null;
+    }
+
+    const repeaterRoot = section.querySelector(
+      `[data-nip71-repeater="${key}"]`
+    );
+    if (!repeaterRoot) {
+      return null;
+    }
+
+    return {
+      root: repeaterRoot,
+      list: repeaterRoot.querySelector(`[data-nip71-list="${key}"]`) || null,
+      template:
+        repeaterRoot.querySelector(`[data-nip71-template="${key}"]`) || null,
+    };
+  }
+
+  getSection(key) {
+    if (!key) {
+      return null;
+    }
+    return this.sections.get(key) || null;
+  }
+}
diff --git a/dist/js/ui/components/staticModalAccessibility.js b/dist/js/ui/components/staticModalAccessibility.js
new file mode 100644
index 00000000..ceb285de
--- /dev/null
+++ b/dist/js/ui/components/staticModalAccessibility.js
@@ -0,0 +1,142 @@
+import { createModalAccessibility } from "./modalAccessibility.js";
+
+const accessibilityByModal = new WeakMap();
+
+function resolveDocument(preferred) {
+  if (preferred) {
+    return preferred;
+  }
+  if (typeof document !== "undefined") {
+    return document;
+  }
+  return null;
+}
+
+function isElement(value) {
+  if (typeof Element === "undefined") {
+    return false;
+  }
+  return value instanceof Element;
+}
+
+function resolveRoot(target, doc = resolveDocument()) {
+  if (!target) {
+    return null;
+  }
+  if (isElement(target)) {
+    return target;
+  }
+  if (typeof target === "string") {
+    const context = resolveDocument(doc);
+    if (!context) {
+      return null;
+    }
+    return context.getElementById(target) || null;
+  }
+  return null;
+}
+
+function getOrCreateAccessibility(root) {
+  if (!root) {
+    return null;
+  }
+  let record = accessibilityByModal.get(root);
+  if (record) {
+    return record;
+  }
+
+  const doc = resolveDocument(root.ownerDocument);
+  if (!doc) {
+    return null;
+  }
+
+  const panel =
+    root.querySelector(".bv-modal__panel") ||
+    root.querySelector("[role='dialog']") ||
+    root;
+  const backdrop = root.querySelector(".bv-modal-backdrop") || root;
+
+  const modalAccessibility = createModalAccessibility({
+    root,
+    panel,
+    backdrop,
+    document: doc,
+    onRequestClose: () => {
+      closeStaticModal(root);
+    },
+  });
+
+  record = { document: doc, accessibility: modalAccessibility };
+  accessibilityByModal.set(root, record);
+  return record;
+}
+
+function synchronizeDocumentModalState(doc) {
+  if (!doc) {
+    return;
+  }
+  const openModals = doc.querySelectorAll(".bv-modal:not(.hidden)");
+  if (openModals.length > 0) {
+    doc.documentElement?.classList.add("modal-open");
+    doc.body?.classList.add("modal-open");
+  } else {
+    doc.documentElement?.classList.remove("modal-open");
+    doc.body?.classList.remove("modal-open");
+  }
+}
+
+export function prepareStaticModal({ id, root, document: providedDocument } = {}) {
+  const doc = resolveDocument(providedDocument);
+  const target = root || (typeof id === "string" ? doc?.getElementById(id) : null);
+  if (!target) {
+    return null;
+  }
+  const record = getOrCreateAccessibility(target);
+  if (!record) {
+    return null;
+  }
+  if (!target.hasAttribute("data-open")) {
+    target.setAttribute(
+      "data-open",
+      target.classList.contains("hidden") ? "false" : "true"
+    );
+  }
+  return target;
+}
+
+export function openStaticModal(target, { triggerElement, document: providedDocument } = {}) {
+  const doc = resolveDocument(providedDocument);
+  const root = resolveRoot(target, doc);
+  if (!root) {
+    return false;
+  }
+  const record = getOrCreateAccessibility(root);
+  if (!record) {
+    return false;
+  }
+
+  root.classList.remove("hidden");
+  root.setAttribute("data-open", "true");
+  synchronizeDocumentModalState(record.document);
+  record.accessibility.activate({ triggerElement });
+  return true;
+}
+
+export function closeStaticModal(target, { document: providedDocument } = {}) {
+  const doc = resolveDocument(providedDocument);
+  const root = resolveRoot(target, doc);
+  if (!root) {
+    return false;
+  }
+  const record = getOrCreateAccessibility(root);
+  if (!record) {
+    return false;
+  }
+
+  root.classList.add("hidden");
+  root.setAttribute("data-open", "false");
+  record.accessibility.deactivate();
+  synchronizeDocumentModalState(record.document);
+  return true;
+}
+
diff --git a/dist/js/ui/components/tagPillList.js b/dist/js/ui/components/tagPillList.js
new file mode 100644
index 00000000..3f4dac02
--- /dev/null
+++ b/dist/js/ui/components/tagPillList.js
@@ -0,0 +1,239 @@
+/**
+ * Tag pill list helpers for rendering and updating the compact tag strip used on video cards.
+ *
+ * Usage:
+ * ```js
+ * const { root } = renderTagPillStrip({ tags: ["nostr", "bitvid"], onTagActivate });
+ * container.append(root);
+ * ```
+ */
+
+function resolveDocument(doc) {
+  if (doc) {
+    return doc;
+  }
+
+  return typeof globalThis !== "undefined" ? globalThis.document : undefined;
+}
+
+function assertDocument(doc) {
+  if (!doc) {
+    throw new Error("A document instance is required to render tag pill lists.");
+  }
+}
+
+const TAG_PREFERENCE_STATES = new Set(["interest", "disinterest"]);
+
+function normalizeTagPreferenceState(state) {
+  if (typeof state !== "string") {
+    return "neutral";
+  }
+
+  const trimmed = state.trim().toLowerCase();
+  if (TAG_PREFERENCE_STATES.has(trimmed)) {
+    return trimmed;
+  }
+
+  return "neutral";
+}
+
+function applyPreferenceState(button, state) {
+  if (!button || typeof button !== "object" || button.nodeType !== 1) {
+    return;
+  }
+
+  const normalized = normalizeTagPreferenceState(state);
+  button.dataset.preferenceState = normalized;
+
+  if (normalized === "interest") {
+    button.dataset.variant = "success";
+  } else if (normalized === "disinterest") {
+    button.dataset.variant = "critical";
+  } else {
+    delete button.dataset.variant;
+  }
+}
+
+export function applyTagPreferenceState(button, state) {
+  applyPreferenceState(button, state);
+}
+
+function createTagButton({ doc, tag, onTagActivate, getTagState }) {
+  const button = doc.createElement("button");
+  button.type = "button";
+  button.classList.add("pill", "video-tag-pill", "focus-ring");
+  const displayTag = tag.startsWith("#") ? tag : `#${tag}`;
+  button.dataset.tag = displayTag;
+  button.title = displayTag;
+
+  const label = doc.createElement("span");
+  label.className = "video-tag-pill__label";
+  label.textContent = displayTag;
+
+  const icon = doc.createElement("span");
+  icon.className = "video-tag-pill__icon";
+  icon.setAttribute("aria-hidden", "true");
+
+  const svgNS = "http://www.w3.org/2000/svg";
+  const svg = doc.createElementNS(svgNS, "svg");
+  svg.setAttribute("viewBox", "0 0 16 16");
+  svg.setAttribute("width", "16");
+  svg.setAttribute("height", "16");
+  svg.setAttribute("fill", "currentColor");
+  svg.setAttribute("focusable", "false");
+
+  const path = doc.createElementNS(svgNS, "path");
+  path.setAttribute(
+    "d",
+    "M8.75 3.5a.75.75 0 0 0-1.5 0v3.75H3.5a.75.75 0 1 0 0 1.5h3.75V12.5a.75.75 0 0 0 1.5 0V8.75H12.5a.75.75 0 0 0 0-1.5H8.75z",
+  );
+
+  svg.append(path);
+  icon.append(svg);
+
+  button.append(label, icon);
+
+  if (getTagState) {
+    try {
+      const state = getTagState(displayTag);
+      applyPreferenceState(button, state);
+    } catch (error) {
+      // Ignore state resolution errors; leave button in neutral state.
+    }
+  } else {
+    applyPreferenceState(button, null);
+  }
+
+  if (onTagActivate) {
+    const handler = (event) => {
+      onTagActivate(displayTag, { event, button });
+    };
+    button.addEventListener("click", handler);
+    // Store the handler for cleanup when the strip is updated.
+    button.__tagPillClickHandler = handler;
+  }
+
+  return button;
+}
+
+function cleanupButtonHandler(button) {
+  if (!button || typeof button !== "object" || button.nodeType !== 1) {
+    return;
+  }
+
+  const handler = button.__tagPillClickHandler;
+  if (handler) {
+    button.removeEventListener("click", handler);
+    delete button.__tagPillClickHandler;
+  }
+}
+
+function removeTagButton(button) {
+  if (!button || typeof button !== "object" || button.nodeType !== 1) {
+    return;
+  }
+
+  cleanupButtonHandler(button);
+
+  if (typeof button.remove === "function") {
+    button.remove();
+  } else if (button.parentNode) {
+    button.parentNode.removeChild(button);
+  }
+}
+
+function cleanupExistingButtons(root) {
+  for (const button of root.querySelectorAll("button")) {
+    cleanupButtonHandler(button);
+  }
+  root.textContent = "";
+}
+
+function getAvailableContainerWidth(container) {
+  if (!container || container.nodeType !== 1) {
+    return 0;
+  }
+
+  const clientWidth = Number(container.clientWidth || 0);
+  if (Number.isFinite(clientWidth) && clientWidth > 0) {
+    return clientWidth;
+  }
+
+  if (typeof container.getBoundingClientRect === "function") {
+    try {
+      const rect = container.getBoundingClientRect();
+      if (rect && typeof rect.width === "number" && rect.width > 0) {
+        return rect.width;
+      }
+    } catch (error) {
+      // Ignore measurement errors and fall through to return 0.
+    }
+  }
+
+  return 0;
+}
+
+export function trimTagPillStripToFit({ strip, container } = {}) {
+  if (!strip || typeof strip !== "object" || strip.nodeType !== 1) {
+    return { removedButtons: [] };
+  }
+
+  const host =
+    container && typeof container === "object" && container.nodeType === 1
+      ? container
+      : strip.parentElement;
+
+  const availableWidth = Math.max(0, getAvailableContainerWidth(host));
+  const removedButtons = [];
+
+  const buttons = Array.from(strip.querySelectorAll("button"));
+  if (!buttons.length) {
+    return { removedButtons };
+  }
+
+  if (availableWidth <= 0) {
+    return { removedButtons };
+  }
+
+  let currentButtons = buttons.length;
+  while (currentButtons > 0 && strip.scrollWidth > availableWidth) {
+    const button = buttons[currentButtons - 1];
+    if (!button) {
+      break;
+    }
+    removeTagButton(button);
+    removedButtons.push(button);
+    currentButtons -= 1;
+  }
+
+  return { removedButtons };
+}
+
+export function renderTagPillStrip({
+  document: doc,
+  tags = [],
+  onTagActivate,
+  getTagState,
+  scrollable = false,
+} = {}) {
+  const resolvedDocument = resolveDocument(doc);
+  assertDocument(resolvedDocument);
+
+  const root = resolvedDocument.createElement("div");
+  root.classList.add("video-tag-strip");
+  if (scrollable) {
+    root.classList.add("video-tag-strip--scroll");
+  }
+
+  const buttons = tags.map((tag) =>
+    createTagButton({
+      doc: resolvedDocument,
+      tag,
+      onTagActivate,
+      getTagState,
+    }),
+  );
+  root.append(...buttons);
+
+  return { root, buttons };
+}
diff --git a/dist/js/ui/components/tagPreferenceMenu.js b/dist/js/ui/components/tagPreferenceMenu.js
new file mode 100644
index 00000000..fa25b148
--- /dev/null
+++ b/dist/js/ui/components/tagPreferenceMenu.js
@@ -0,0 +1,248 @@
+import { normalizeDesignSystemContext } from "../../designSystem.js";
+import {
+  normalizeHashtag,
+  formatHashtag,
+} from "../../utils/hashtagNormalization.js";
+
+export const TAG_PREFERENCE_ACTIONS = {
+  ADD_INTEREST: "add-interest",
+  REMOVE_INTEREST: "remove-interest",
+  ADD_DISINTEREST: "add-disinterest",
+  REMOVE_DISINTEREST: "remove-disinterest",
+};
+
+function resolveDocument(documentRef) {
+  if (documentRef && documentRef.nodeType === 9) {
+    return documentRef;
+  }
+  if (typeof document !== "undefined" && document?.nodeType === 9) {
+    return document;
+  }
+  return null;
+}
+
+function createElement(doc, tagName, { classNames = [], attrs = {}, textContent } = {}) {
+  const el = doc.createElement(tagName);
+  classNames
+    .filter((name) => typeof name === "string" && name.trim())
+    .forEach((name) => el.classList.add(name));
+  Object.entries(attrs).forEach(([key, value]) => {
+    if (value === undefined || value === null || value === "") {
+      return;
+    }
+    el.setAttribute(key, value);
+  });
+  if (typeof textContent === "string") {
+    el.textContent = textContent;
+  }
+  return el;
+}
+
+function ensureMenuContainer(doc, panelClassNames = []) {
+  const panel = createElement(doc, "div", {
+    classNames: ["popover__panel", ...panelClassNames],
+    attrs: { role: "menu" },
+  });
+
+  const list = createElement(doc, "div", {
+    classNames: ["menu"],
+    attrs: { role: "none" },
+  });
+
+  panel.appendChild(list);
+  return { panel, list };
+}
+
+function appendMenuHeading(doc, list, text) {
+  const heading = createElement(doc, "div", {
+    classNames: ["menu__heading"],
+    textContent: text,
+  });
+  list.appendChild(heading);
+  return heading;
+}
+
+function appendMenuAction(doc, list, { text, action, dataset = {}, disabled = false }) {
+  const button = createElement(doc, "button", {
+    classNames: ["menu__item", "justify-start"],
+    textContent: text,
+    attrs: { type: "button", role: "menuitem" },
+  });
+
+  button.dataset.action = action;
+  Object.entries(dataset).forEach(([key, value]) => {
+    if (value === undefined || value === null) {
+      return;
+    }
+    button.dataset[key] = String(value);
+  });
+
+  if (disabled) {
+    button.disabled = true;
+    button.setAttribute("aria-disabled", "true");
+  }
+
+  list.appendChild(button);
+  return button;
+}
+
+function normalizeTag(tag) {
+  const normalized = normalizeHashtag(tag);
+  return {
+    label: normalized,
+    normalized,
+  };
+}
+
+function resolveMembership(membership = {}) {
+  const state =
+    typeof membership.state === "string" ? membership.state.trim().toLowerCase() : "";
+  const interestFlag = membership.interest === true || state === "interest";
+  const disinterestFlag = membership.disinterest === true || state === "disinterest";
+
+  if (interestFlag && disinterestFlag) {
+    // Favor the explicit state value when both flags are set to avoid conflicting UI states.
+    if (state === "interest") {
+      return { interest: true, disinterest: false };
+    }
+    if (state === "disinterest") {
+      return { interest: false, disinterest: true };
+    }
+  }
+
+  return {
+    interest: Boolean(interestFlag && !disinterestFlag),
+    disinterest: Boolean(disinterestFlag && !interestFlag),
+  };
+}
+
+function setButtonDisabled(button, disabled) {
+  if (!button) {
+    return;
+  }
+
+  if (disabled) {
+    button.disabled = true;
+    button.setAttribute("aria-disabled", "true");
+  } else {
+    button.disabled = false;
+    button.removeAttribute("aria-disabled");
+  }
+}
+
+export function applyTagPreferenceMenuState({
+  buttons = {},
+  membership = {},
+  isLoggedIn = false,
+}) {
+  const resolvedMembership = resolveMembership(membership);
+  const disableAll = !isLoggedIn;
+
+  setButtonDisabled(buttons.addInterest, disableAll || resolvedMembership.interest);
+  setButtonDisabled(buttons.removeInterest, disableAll || !resolvedMembership.interest);
+  setButtonDisabled(
+    buttons.addDisinterest,
+    disableAll || resolvedMembership.disinterest,
+  );
+  setButtonDisabled(
+    buttons.removeDisinterest,
+    disableAll || !resolvedMembership.disinterest,
+  );
+}
+
+export function createTagPreferenceMenu({
+  document: documentRef = null,
+  tag = "",
+  isLoggedIn = false,
+  membership = {},
+  onAction = null,
+  designSystem = null,
+} = {}) {
+  const doc = resolveDocument(documentRef);
+  if (!doc) {
+    return null;
+  }
+
+  normalizeDesignSystemContext(designSystem);
+
+  const { label, normalized } = normalizeTag(tag);
+  const headingLabel = label ? formatHashtag(label) : "Tag preferences";
+
+  const { panel, list } = ensureMenuContainer(doc, ["w-56", "p-0"]);
+  panel.dataset.menu = "tag-preference";
+  if (normalized) {
+    panel.dataset.tag = normalized;
+  }
+
+  appendMenuHeading(doc, list, headingLabel);
+
+  if (!isLoggedIn) {
+    const message = createElement(doc, "p", {
+      classNames: ["px-4", "pb-2", "text-xs", "text-muted"],
+      textContent: "Sign in to personalize your recommendations.",
+    });
+    list.appendChild(message);
+  }
+
+  const buttons = {};
+  const actionDataset = { tag: normalized };
+
+  buttons.addInterest = appendMenuAction(doc, list, {
+    text: "Add to interests",
+    action: TAG_PREFERENCE_ACTIONS.ADD_INTEREST,
+    dataset: actionDataset,
+  });
+
+  buttons.removeInterest = appendMenuAction(doc, list, {
+    text: "Remove from interests",
+    action: TAG_PREFERENCE_ACTIONS.REMOVE_INTEREST,
+    dataset: actionDataset,
+  });
+
+  buttons.addDisinterest = appendMenuAction(doc, list, {
+    text: "Add to disinterests",
+    action: TAG_PREFERENCE_ACTIONS.ADD_DISINTEREST,
+    dataset: actionDataset,
+  });
+
+  buttons.removeDisinterest = appendMenuAction(doc, list, {
+    text: "Remove from disinterests",
+    action: TAG_PREFERENCE_ACTIONS.REMOVE_DISINTEREST,
+    dataset: actionDataset,
+  });
+
+  applyTagPreferenceMenuState({ buttons, membership, isLoggedIn });
+
+  const handleAction = (action, event, button) => {
+    if (typeof onAction !== "function") {
+      return;
+    }
+    try {
+      onAction(action, {
+        tag: normalized,
+        normalizedTag: normalized,
+        event,
+        button,
+      });
+    } catch (error) {
+      // Surface errors to callers by rethrowing to keep console visibility in dev mode.
+      throw error;
+    }
+  };
+
+  Object.entries(buttons).forEach(([, button]) => {
+    if (!button) {
+      return;
+    }
+    button.addEventListener("click", (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      const action = button.dataset.action;
+      handleAction(action, event, button);
+    });
+  });
+
+  return { panel, buttons };
+}
+
+export default createTagPreferenceMenu;
diff --git a/dist/js/ui/components/video-modal/commentsController.js b/dist/js/ui/components/video-modal/commentsController.js
new file mode 100644
index 00000000..a89644f0
--- /dev/null
+++ b/dist/js/ui/components/video-modal/commentsController.js
@@ -0,0 +1,291 @@
+import logger from "../../../utils/logger.js";
+
+export class CommentsController {
+  constructor({ modal } = {}) {
+    this.modal = modal;
+    this.root = null;
+    this.playerModal = null;
+  }
+
+  initialize({ playerModal } = {}) {
+    if (!this.modal) {
+      return;
+    }
+
+    this.playerModal = playerModal || null;
+    const root = playerModal?.querySelector("[data-comments-root]") || null;
+    const commentsDisabledPlaceholder =
+      playerModal?.querySelector("[data-comments-disabled-placeholder]") ||
+      root?.querySelector("[data-comments-disabled]") ||
+      this.ensureCommentsDisabledPlaceholder({ root }) ||
+      null;
+
+    this.root = root;
+    this.modal.commentsRoot = root;
+    this.modal.commentsContainer = root;
+    this.modal.commentsDisabledPlaceholder = commentsDisabledPlaceholder;
+
+    if (commentsDisabledPlaceholder) {
+      const disabledText = commentsDisabledPlaceholder.textContent || "";
+      if (disabledText) {
+        this.modal.commentsDisabledPlaceholderDefaultText = disabledText;
+      }
+    }
+
+    if (!root) {
+      logger.user.warn(
+        "[VideoModal:comments] Missing [data-comments-root]; disabling comments UI"
+      );
+      this.disableComments({
+        reason: "missing-root",
+        message: this.modal.commentsDisabledPlaceholderDefaultText ||
+          "Comments are unavailable right now.",
+      });
+      return;
+    }
+
+    this.modal.commentsCountLabel =
+      root?.querySelector("[data-comments-count]") || null;
+    this.modal.commentsEmptyState =
+      root?.querySelector("[data-comments-empty]") || null;
+    this.modal.commentsList =
+      root?.querySelector("[data-comments-list]") || null;
+    this.modal.commentsLoadMoreButton =
+      root?.querySelector("[data-comments-load-more]") || null;
+    this.modal.commentsComposer =
+      root?.querySelector("[data-comments-composer]") || null;
+    this.modal.commentsInput =
+      this.modal.commentsComposer?.querySelector("[data-comments-input]") || null;
+    this.modal.commentsSubmitButton =
+      this.modal.commentsComposer?.querySelector("[data-comments-submit]") || null;
+    this.modal.commentsStatusMessage =
+      this.modal.commentsComposer?.querySelector("[data-comments-status]") ||
+      root?.querySelector("[data-comments-status]") ||
+      null;
+    this.modal.commentsCharCount =
+      this.modal.commentsComposer?.querySelector("[data-comments-char-count]") ||
+      null;
+    this.modal.commentComposerHint =
+      this.modal.commentsComposer?.querySelector("#commentComposerHelp") ||
+      this.modal.commentsComposer?.querySelector(".comment-composer__hint") ||
+      this.modal.commentComposerHint ||
+      null;
+
+    const missingSelectors = [
+      { selector: "[data-comments-list]", element: this.modal.commentsList },
+      {
+        selector: "[data-comments-composer]",
+        element: this.modal.commentsComposer,
+      },
+      {
+        selector: "[data-comments-input]",
+        element: this.modal.commentsInput,
+      },
+      {
+        selector: "[data-comments-submit]",
+        element: this.modal.commentsSubmitButton,
+      },
+    ]
+      .filter(({ element }) => !element)
+      .map(({ selector }) => selector);
+
+    if (missingSelectors.length > 0) {
+      logger.user.warn(
+        `[VideoModal:comments] Missing required selectors: ${missingSelectors.join(", ")}; disabling comments UI`
+      );
+      this.disableComments({
+        reason: "missing-selectors",
+        message: this.modal.commentsDisabledPlaceholderDefaultText ||
+          "Comments are unavailable right now.",
+      });
+      return;
+    }
+
+    if (this.playerModal) {
+      this.playerModal.removeAttribute("data-comments-disabled");
+      this.playerModal.classList?.remove("comments-disabled");
+    }
+
+    if (this.modal.commentComposerHint) {
+      const hintText = this.modal.commentComposerHint.textContent || "";
+      if (hintText) {
+        this.modal.commentComposerDefaultHint = hintText;
+      }
+    }
+
+    if (this.modal.commentsCharCount) {
+      const countText = this.modal.commentsCharCount.textContent || "";
+      if (countText) {
+        this.modal.commentComposerDefaultCountText = countText;
+      }
+    }
+
+    if (this.modal.commentsStatusMessage) {
+      const statusText = this.modal.commentsStatusMessage.textContent || "";
+      if (statusText) {
+        this.modal.commentStatusDefaultText = statusText;
+      }
+    }
+
+    if (this.modal.commentsInput) {
+      const parsedMax = Number(this.modal.commentsInput.maxLength);
+      if (Number.isFinite(parsedMax) && parsedMax > 0) {
+        this.modal.commentComposerMaxLength = parsedMax;
+      }
+    }
+
+    if (this.modal.commentsDisabledPlaceholder) {
+      this.modal.commentsDisabledPlaceholder.setAttribute("hidden", "");
+    }
+
+    if (this.modal.commentsComposer) {
+      this.modal.commentsComposer.removeAttribute("hidden");
+    }
+
+    this.modal.clearComments();
+    this.modal.resetCommentComposer();
+    this.modal.attachCommentEventHandlers();
+  }
+
+  disableComments({ message = "", reason = "" } = {}) {
+    const placeholder =
+      this.modal.commentsDisabledPlaceholder ||
+      this.ensureCommentsDisabledPlaceholder({ root: this.root }) ||
+      null;
+    if (!this.modal.commentsDisabledPlaceholder && placeholder) {
+      this.modal.commentsDisabledPlaceholder = placeholder;
+      if (placeholder.textContent) {
+        this.modal.commentsDisabledPlaceholderDefaultText = placeholder.textContent;
+      }
+    }
+
+    if (this.playerModal) {
+      this.playerModal.setAttribute("data-comments-disabled", "true");
+      this.playerModal.classList?.add("comments-disabled");
+    }
+
+    if (this.modal.commentsList) {
+      this.modal.commentsList.setAttribute("hidden", "");
+      this.modal.commentsList.classList?.add("hidden");
+    }
+
+    if (this.modal.commentsComposer) {
+      this.modal.commentsComposer.setAttribute("hidden", "");
+      this.modal.commentsComposer.classList?.add("hidden");
+    }
+
+    const nextMessage =
+      typeof message === "string" && message.trim()
+        ? message.trim()
+        : this.modal.commentsDisabledPlaceholderDefaultText ||
+          "Comments are unavailable right now.";
+
+    this.modal.showCommentsDisabledMessage(nextMessage);
+    logger.dev?.info?.(
+      "[VideoModal:comments] Disabled comments handling",
+      { reason: reason || "unknown" }
+    );
+  }
+
+  update(action = {}) {
+    if (!this.modal) {
+      return;
+    }
+    const { type } = action;
+    switch (type) {
+      case "set-visibility":
+        this.modal.setCommentsVisibility(action.visible);
+        break;
+      case "render":
+        this.modal.renderComments(action.snapshot);
+        break;
+      case "set-composer-state":
+        this.modal.setCommentComposerState(action.state);
+        break;
+      case "set-thread-context":
+        this.modal.setCommentThreadContext(action.context);
+        break;
+      case "clear":
+        this.modal.clearComments();
+        break;
+      default:
+        break;
+    }
+  }
+
+  destroy() {
+    if (!this.modal) {
+      return;
+    }
+    this.modal.detachCommentEventHandlers();
+    this.modal.removeCommentRetryButton();
+    this.modal.commentsRoot = null;
+    this.modal.commentsContainer = null;
+    this.modal.commentsCountLabel = null;
+    this.modal.commentsEmptyState = null;
+    this.modal.commentsList = null;
+    this.modal.commentsLoadMoreButton = null;
+    this.modal.commentsDisabledPlaceholder = null;
+    this.modal.commentsComposer = null;
+    this.modal.commentsInput = null;
+    this.modal.commentsSubmitButton = null;
+    this.modal.commentsStatusMessage = null;
+    this.modal.commentsCharCount = null;
+    this.modal.commentComposerHint = null;
+    if (this.playerModal) {
+      this.playerModal.removeAttribute("data-comments-disabled");
+      this.playerModal.classList?.remove("comments-disabled");
+    }
+    this.root = null;
+  }
+
+  getDocument() {
+    if (this.modal?.document) {
+      return this.modal.document;
+    }
+    if (this.playerModal?.ownerDocument) {
+      return this.playerModal.ownerDocument;
+    }
+    if (typeof document !== "undefined") {
+      return document;
+    }
+    return null;
+  }
+
+  ensureCommentsDisabledPlaceholder({ root } = {}) {
+    const existing =
+      this.modal?.commentsDisabledPlaceholder ||
+      root?.querySelector?.("[data-comments-disabled-placeholder]") ||
+      this.playerModal?.querySelector?.("[data-comments-disabled-placeholder]");
+    if (existing) {
+      return existing;
+    }
+
+    const doc = this.getDocument();
+    const container = root?.parentElement || this.playerModal || null;
+    if (!doc || !container) {
+      return null;
+    }
+
+    const placeholder = doc.createElement("div");
+    placeholder.setAttribute("data-comments-disabled-placeholder", "");
+    placeholder.setAttribute("role", "status");
+    placeholder.setAttribute("aria-live", "polite");
+    placeholder.setAttribute("hidden", "");
+    placeholder.classList.add("comment-thread__disabled");
+
+    const defaultText =
+      this.modal?.commentsDisabledPlaceholderDefaultText ||
+      "Comments are unavailable right now.";
+    placeholder.textContent = defaultText;
+
+    if (root?.parentElement) {
+      root.parentElement.insertBefore(placeholder, root);
+    } else {
+      container.insertBefore(placeholder, container.firstChild);
+    }
+
+    return placeholder;
+  }
+}
+
diff --git a/dist/js/ui/components/video-modal/moderationController.js b/dist/js/ui/components/video-modal/moderationController.js
new file mode 100644
index 00000000..3ee6a818
--- /dev/null
+++ b/dist/js/ui/components/video-modal/moderationController.js
@@ -0,0 +1,118 @@
+export class ModerationController {
+  constructor({ modal } = {}) {
+    this.modal = modal;
+  }
+
+  initialize({ playerModal } = {}) {
+    if (!this.modal) {
+      return;
+    }
+
+    this.modal.videoStage =
+      playerModal?.querySelector(".video-modal__video") || null;
+    this.modal.moderationOverlay =
+      playerModal?.querySelector("[data-moderation-bar]") || null;
+    this.modal.moderationBadge =
+      this.modal.moderationOverlay?.querySelector(
+        "[data-moderation-badge='true']",
+      ) || null;
+    this.modal.moderationBadgeText =
+      this.modal.moderationOverlay?.querySelector("[data-moderation-text]") ||
+      null;
+
+    this.teardownPrimaryButton();
+    this.modal.moderationActionsContainer =
+      this.modal.moderationOverlay?.querySelector("[data-moderation-actions]") ||
+      this.modal.moderationBadge?.querySelector(".moderation-badge__actions") ||
+      null;
+
+    const overrideButton =
+      this.modal.moderationActionsContainer?.querySelector(
+        "[data-moderation-action='override']",
+      ) || null;
+    if (overrideButton) {
+      overrideButton.addEventListener(
+        "click",
+        this.modal.handleModerationOverrideClick,
+      );
+      this.modal.moderationPrimaryButton = overrideButton;
+      this.modal.moderationPrimaryMode = "override";
+    } else {
+      this.modal.moderationPrimaryButton = null;
+      this.modal.moderationPrimaryMode = "";
+    }
+
+    this.teardownBlockButton();
+    const blockButton =
+      this.modal.moderationActionsContainer?.querySelector(
+        "[data-moderation-action='block']",
+      ) || null;
+    if (blockButton) {
+      blockButton.addEventListener(
+        "click",
+        this.modal.handleModerationBlockClick,
+      );
+      this.modal.moderationBlockButton = blockButton;
+    } else {
+      this.modal.moderationBlockButton = null;
+    }
+  }
+
+  update(action = {}) {
+    if (!this.modal) {
+      return;
+    }
+    const { type } = action;
+    switch (type) {
+      case "set-context":
+        this.modal.refreshActiveVideoModeration?.(action.context);
+        break;
+      case "set-overlay":
+        this.modal.applyModerationOverlay?.(action.overlay);
+        break;
+      default:
+        break;
+    }
+  }
+
+  destroy() {
+    if (!this.modal) {
+      return;
+    }
+    this.teardownPrimaryButton();
+    this.teardownBlockButton();
+    this.modal.moderationOverlay = null;
+    this.modal.moderationBadge = null;
+    this.modal.moderationBadgeText = null;
+    this.modal.moderationActionsContainer = null;
+    this.modal.moderationPrimaryButton = null;
+    this.modal.moderationPrimaryMode = "";
+    this.modal.moderationBlockButton = null;
+  }
+
+  teardownPrimaryButton() {
+    if (!this.modal?.moderationPrimaryButton) {
+      return;
+    }
+    const button = this.modal.moderationPrimaryButton;
+    if (this.modal.moderationPrimaryMode === "override") {
+      button.removeEventListener(
+        "click",
+        this.modal.handleModerationOverrideClick,
+      );
+    } else if (this.modal.moderationPrimaryMode === "hide") {
+      button.removeEventListener("click", this.modal.handleModerationHideClick);
+    }
+  }
+
+  teardownBlockButton() {
+    if (!this.modal?.moderationBlockButton) {
+      return;
+    }
+    this.modal.moderationBlockButton.removeEventListener(
+      "click",
+      this.modal.handleModerationBlockClick,
+    );
+  }
+}
+
diff --git a/dist/js/ui/components/video-modal/reactionsController.js b/dist/js/ui/components/video-modal/reactionsController.js
new file mode 100644
index 00000000..ea4ec8d3
--- /dev/null
+++ b/dist/js/ui/components/video-modal/reactionsController.js
@@ -0,0 +1,76 @@
+export class ReactionsController {
+  constructor({ modal } = {}) {
+    this.modal = modal;
+    this.boundHandler = (event) => {
+      this.modal?.handleReactionClick?.(event);
+    };
+    this.buttons = [];
+  }
+
+  initialize({ playerModal } = {}) {
+    if (!this.modal) {
+      return;
+    }
+
+    const likeButton = playerModal?.querySelector("#modalLikeBtn") || null;
+    const dislikeButton = playerModal?.querySelector("#modalDislikeBtn") || null;
+    this.modal.reactionButtons = { "+": likeButton, "-": dislikeButton };
+    this.modal.reactionMeter =
+      playerModal?.querySelector("[data-reaction-meter]") || null;
+    this.modal.reactionMeterFill =
+      playerModal?.querySelector("[data-reaction-meter-fill]") || null;
+    this.modal.reactionMeterLabel =
+      playerModal?.querySelector("[data-reaction-meter-label]") || null;
+    this.modal.reactionMeterAssistive =
+      playerModal?.querySelector("[data-reaction-meter-sr]") || null;
+    this.modal.reactionCountLabels = {
+      "+": playerModal?.querySelector("[data-reaction-like-count]") || null,
+      "-": playerModal?.querySelector("[data-reaction-dislike-count]") || null,
+    };
+
+    this.buttons = [likeButton, dislikeButton].filter(Boolean);
+    this.buttons.forEach((button) => {
+      button.removeEventListener("click", this.boundHandler);
+      button.addEventListener("click", this.boundHandler);
+    });
+
+    this.modal.syncReactionButtons?.();
+    this.modal.updateReactionMeterDisplay?.();
+  }
+
+  update(action = {}) {
+    if (!this.modal) {
+      return;
+    }
+    const { type } = action;
+    switch (type) {
+      case "set-summary":
+        this.modal.updateReactionSummary?.(action.summary);
+        break;
+      case "set-user-reaction":
+        this.modal.setUserReaction?.(action.reaction);
+        break;
+      case "reset":
+        this.modal.resetReactions?.();
+        break;
+      default:
+        break;
+    }
+  }
+
+  destroy() {
+    this.buttons.forEach((button) => {
+      button.removeEventListener("click", this.boundHandler);
+    });
+    this.buttons = [];
+    if (this.modal) {
+      this.modal.reactionButtons = { "+": null, "-": null };
+      this.modal.reactionMeter = null;
+      this.modal.reactionMeterFill = null;
+      this.modal.reactionMeterLabel = null;
+      this.modal.reactionMeterAssistive = null;
+      this.modal.reactionCountLabels = { "+": null, "-": null };
+    }
+  }
+}
+
diff --git a/dist/js/ui/components/video-modal/similarContentController.js b/dist/js/ui/components/video-modal/similarContentController.js
new file mode 100644
index 00000000..7b207a67
--- /dev/null
+++ b/dist/js/ui/components/video-modal/similarContentController.js
@@ -0,0 +1,73 @@
+export class SimilarContentController {
+  constructor({ modal } = {}) {
+    this.modal = modal;
+  }
+
+  initialize({ playerModal } = {}) {
+    if (!this.modal) {
+      return { container: null, heading: null, list: null };
+    }
+
+    this.modal.teardownSimilarContentMediaQuery?.();
+
+    const heading =
+      playerModal?.querySelector("#playerModalSimilarContentHeading") || null;
+    const list =
+      playerModal?.querySelector("#playerModalSimilarContentList") || null;
+    const section =
+      list?.closest("[aria-labelledby='playerModalSimilarContentHeading']") ||
+      heading?.closest("[aria-labelledby='playerModalSimilarContentHeading']") ||
+      null;
+    const container =
+      list?.closest(".watch-container") ||
+      heading?.closest(".watch-container") ||
+      section?.closest(".watch-container") ||
+      section ||
+      null;
+
+    this.modal.similarContentHeading = heading;
+    this.modal.similarContentList = list;
+    this.modal.similarContentContainer = container;
+
+    this.modal.setupSimilarContentMediaQuery?.();
+
+    if (list && list.children.length) {
+      this.modal.toggleSimilarContentVisibility?.(true);
+    } else {
+      this.modal.toggleSimilarContentVisibility?.(false);
+    }
+
+    return { container, heading, list };
+  }
+
+  update(action = {}) {
+    if (!this.modal) {
+      return;
+    }
+    const { type } = action;
+    switch (type) {
+      case "set-items":
+        this.modal.setSimilarContent?.(action.items, action.options);
+        break;
+      case "set-visibility":
+        this.modal.toggleSimilarContentVisibility?.(action.visible);
+        break;
+      case "clear":
+        this.modal.clearSimilarContent?.(action.options);
+        break;
+      default:
+        break;
+    }
+  }
+
+  destroy() {
+    if (!this.modal) {
+      return;
+    }
+    this.modal.teardownSimilarContentMediaQuery?.();
+    this.modal.similarContentHeading = null;
+    this.modal.similarContentList = null;
+    this.modal.similarContentContainer = null;
+  }
+}
+
diff --git a/dist/js/ui/components/video-modal/utils/commentAvatar.js b/dist/js/ui/components/video-modal/utils/commentAvatar.js
new file mode 100644
index 00000000..234629ea
--- /dev/null
+++ b/dist/js/ui/components/video-modal/utils/commentAvatar.js
@@ -0,0 +1,81 @@
+export function normalizeCommentAvatarKey(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return "";
+  }
+  return trimmed.toLowerCase();
+}
+
+export function resolveCommentAvatarAsset({
+  cache,
+  failures,
+  defaultAvatar,
+  pubkey,
+  sanitizedPicture,
+}) {
+  const normalizedPubkey = normalizeCommentAvatarKey(pubkey);
+  const normalizedSource =
+    typeof sanitizedPicture === "string" && sanitizedPicture
+      ? sanitizedPicture
+      : "";
+
+  if (normalizedSource && failures?.has?.(normalizedSource)) {
+    return { url: defaultAvatar, source: "" };
+  }
+
+  if (normalizedPubkey && cache?.has?.(normalizedPubkey)) {
+    const cached = cache.get(normalizedPubkey);
+    if (cached) {
+      const cachedSource =
+        typeof cached.source === "string" ? cached.source : "";
+      const cachedUrl =
+        typeof cached.url === "string" && cached.url
+          ? cached.url
+          : defaultAvatar;
+
+      if (!normalizedSource || cachedSource === normalizedSource) {
+        return { url: cachedUrl, source: cachedSource };
+      }
+    }
+  }
+
+  const resolvedUrl = normalizedSource || defaultAvatar;
+  if (normalizedPubkey && cache) {
+    cache.set(normalizedPubkey, { url: resolvedUrl, source: normalizedSource });
+  }
+
+  return { url: resolvedUrl, source: normalizedSource };
+}
+
+export function registerCommentAvatarFailure({
+  cache,
+  failures,
+  defaultAvatar,
+  sourceUrl,
+}) {
+  if (typeof sourceUrl !== "string") {
+    return;
+  }
+  const trimmed = sourceUrl.trim();
+  if (!trimmed || trimmed === defaultAvatar) {
+    return;
+  }
+
+  if (!failures?.has?.(trimmed)) {
+    failures?.add?.(trimmed);
+  }
+
+  if (!cache?.forEach) {
+    return;
+  }
+
+  cache.forEach((entry, key) => {
+    if (entry && entry.source === trimmed) {
+      cache.set(key, { url: defaultAvatar, source: "" });
+    }
+  });
+}
+
diff --git a/dist/js/ui/components/videoMenuRenderers.js b/dist/js/ui/components/videoMenuRenderers.js
new file mode 100644
index 00000000..17c520a7
--- /dev/null
+++ b/dist/js/ui/components/videoMenuRenderers.js
@@ -0,0 +1,494 @@
+import { normalizeDesignSystemContext } from "../../designSystem.js";
+
+function resolveDocument(documentRef) {
+  if (documentRef && documentRef.nodeType === 9) {
+    return documentRef;
+  }
+  if (typeof document !== "undefined" && document?.nodeType === 9) {
+    return document;
+  }
+  return null;
+}
+
+function createElement(doc, tagName, { classNames = [], attrs = {}, textContent } = {}) {
+  const el = doc.createElement(tagName);
+  classNames
+    .filter((name) => typeof name === "string" && name.trim())
+    .forEach((name) => el.classList.add(name));
+  Object.entries(attrs).forEach(([key, value]) => {
+    if (value === undefined || value === null || value === "") {
+      return;
+    }
+    el.setAttribute(key, value);
+  });
+  if (typeof textContent === "string") {
+    el.textContent = textContent;
+  }
+  return el;
+}
+
+function normalizePointer(pointerInfo) {
+  if (!pointerInfo || typeof pointerInfo !== "object") {
+    return null;
+  }
+
+  const pointer = Array.isArray(pointerInfo.pointer)
+    ? pointerInfo.pointer
+    : null;
+  if (!pointer || pointer.length < 2) {
+    return null;
+  }
+
+  const [type, value, relay] = pointer;
+  const normalized = {
+    key: typeof pointerInfo.key === "string" ? pointerInfo.key : "",
+    type: typeof type === "string" ? type : "",
+    value: typeof value === "string" ? value : "",
+    relay: typeof relay === "string" ? relay : "",
+  };
+
+  if (!normalized.type || !normalized.value) {
+    return null;
+  }
+
+  return normalized;
+}
+
+function resolveVideoMetadata(video) {
+  if (!video || typeof video !== "object") {
+    return {
+      id: "",
+      pubkey: "",
+      title: "",
+      description: "",
+      thumbnail: "",
+      isPrivate: false,
+      kind: null,
+    };
+  }
+
+  const normalized = {
+    id: typeof video.id === "string" ? video.id : "",
+    pubkey: typeof video.pubkey === "string" ? video.pubkey : "",
+    title: typeof video.title === "string" ? video.title : "",
+    description:
+      typeof video.description === "string" ? video.description : "",
+    thumbnail:
+      typeof video.thumbnail === "string" ? video.thumbnail : "",
+    isPrivate: video.isPrivate === true,
+  };
+
+  if (Number.isFinite(video.kind) && video.kind > 0) {
+    normalized.kind = Math.floor(video.kind);
+  } else {
+    normalized.kind = null;
+  }
+
+  return normalized;
+}
+
+function ensureMenuContainer(doc, panelClassNames = []) {
+  const panel = createElement(doc, "div", {
+    classNames: ["popover__panel", ...panelClassNames],
+    attrs: { role: "menu" },
+  });
+
+  const list = createElement(doc, "div", {
+    classNames: ["menu"],
+    attrs: { role: "none" },
+  });
+
+  panel.appendChild(list);
+  return { panel, list };
+}
+
+function appendMenuSeparator(doc, list) {
+  const separator = createElement(doc, "div", {
+    classNames: ["menu__separator"],
+    attrs: { role: "separator" },
+  });
+  list.appendChild(separator);
+  return separator;
+}
+
+function appendMenuHeading(doc, list, text) {
+  const heading = createElement(doc, "div", {
+    classNames: ["menu__heading"],
+    textContent: text,
+  });
+  list.appendChild(heading);
+  return heading;
+}
+
+function appendMenuAction(doc, list, {
+  text,
+  action,
+  dataset = {},
+  variant = null,
+  context = "",
+}) {
+  const button = createElement(doc, "button", {
+    classNames: ["menu__item", "justify-start"],
+    textContent: text,
+    attrs: { type: "button", role: "menuitem" },
+  });
+
+  button.dataset.action = action;
+  if (variant) {
+    button.dataset.variant = variant;
+  }
+  if (context) {
+    button.dataset.context = context;
+  }
+
+  Object.entries(dataset).forEach(([key, value]) => {
+    if (value === undefined || value === null) {
+      return;
+    }
+    button.dataset[key] = String(value);
+  });
+
+  list.appendChild(button);
+  return button;
+}
+
+export function createVideoMoreMenuPanel({
+  document: documentRef = null,
+  video = null,
+  pointerInfo = null,
+  playbackUrl = "",
+  playbackMagnet = "",
+  canManageBlacklist = false,
+  context = "card",
+  designSystem = null,
+} = {}) {
+  const doc = resolveDocument(documentRef);
+  if (!doc) {
+    return null;
+  }
+  normalizeDesignSystemContext(designSystem);
+
+  const metadata = resolveVideoMetadata(video);
+  const pointer = normalizePointer(pointerInfo);
+
+  const { panel, list } = ensureMenuContainer(doc, ["w-48", "p-0"]);
+  panel.dataset.menu = "video-more";
+  panel.dataset.menuContext = context;
+
+  appendMenuAction(doc, list, {
+    text: "Open channel",
+    action: "open-channel",
+    dataset: { author: metadata.pubkey, context },
+  });
+
+  appendMenuAction(doc, list, {
+    text: "Copy link",
+    action: "copy-link",
+    dataset: { eventId: metadata.id, context },
+  });
+
+  const baseBoostDataset = {
+    eventId: metadata.id,
+    author: metadata.pubkey,
+    context,
+  };
+
+  if (pointer) {
+    baseBoostDataset.pointerType = pointer.type;
+    baseBoostDataset.pointerValue = pointer.value;
+    if (pointer.relay) {
+      baseBoostDataset.pointerRelay = pointer.relay;
+    }
+    if (pointer.key) {
+      baseBoostDataset.pointerKey = pointer.key;
+    }
+  }
+
+  if (Number.isFinite(metadata.kind) && metadata.kind > 0) {
+    baseBoostDataset.kind = String(metadata.kind);
+  }
+
+  appendMenuHeading(doc, list, "Boost on Nostr…");
+
+  appendMenuAction(doc, list, {
+    text: "Repost (kind 6)",
+    action: "repost-event",
+    dataset: baseBoostDataset,
+  });
+
+  if (playbackUrl && metadata.isPrivate !== true) {
+    appendMenuAction(doc, list, {
+      text: "Mirror (kind 1063)",
+      action: "mirror-video",
+      dataset: {
+        ...baseBoostDataset,
+        url: playbackUrl,
+        magnet: playbackMagnet || "",
+        thumbnail: metadata.thumbnail,
+        description: metadata.description,
+        title: metadata.title,
+        isPrivate: metadata.isPrivate ? "true" : "false",
+      },
+    });
+  }
+
+  appendMenuAction(doc, list, {
+    text: "Rebroadcast",
+    action: "ensure-presence",
+    dataset: {
+      ...baseBoostDataset,
+      pubkey: metadata.pubkey,
+    },
+  });
+
+  appendMenuSeparator(doc, list);
+
+  if (pointer) {
+    appendMenuAction(doc, list, {
+      text: "Remove from history",
+      action: "remove-history",
+      dataset: {
+        pointerKey: pointer.key,
+        pointerType: pointer.type,
+        pointerValue: pointer.value,
+        pointerRelay: pointer.relay,
+        reason: "remove-item",
+      },
+    });
+  }
+
+  appendMenuAction(doc, list, {
+    text: "Mute creator",
+    action: "mute-author",
+    dataset: { author: metadata.pubkey, context },
+  });
+
+  appendMenuAction(doc, list, {
+    text: "Unmute creator",
+    action: "unmute-author",
+    dataset: { author: metadata.pubkey, context },
+  });
+
+  if (canManageBlacklist) {
+    appendMenuAction(doc, list, {
+      text: "Blacklist creator",
+      action: "blacklist-author",
+      variant: "critical",
+      dataset: { author: metadata.pubkey },
+    });
+  }
+
+  appendMenuAction(doc, list, {
+    text: "Block creator",
+    action: "block-author",
+    variant: "critical",
+    dataset: { author: metadata.pubkey },
+  });
+
+  appendMenuAction(doc, list, {
+    text: "Report",
+    action: "report",
+    dataset: {
+      eventId: metadata.id,
+      author: metadata.pubkey,
+      pointerRelay: pointer && pointer.relay ? pointer.relay : "",
+    },
+  });
+
+  appendMenuSeparator(doc, list);
+
+  appendMenuAction(doc, list, {
+    text: "Event Details",
+    action: "event-details",
+    dataset: {
+      eventId: metadata.id,
+      context,
+    },
+  });
+
+  return panel;
+}
+
+export function createVideoShareMenuPanel({
+  document: documentRef = null,
+  video = null,
+  isLoggedIn = false,
+  hasSigner = false,
+  hasMagnet = false,
+  hasCdn = false,
+  designSystem = null,
+} = {}) {
+  const doc = resolveDocument(documentRef);
+  if (!doc) {
+    return null;
+  }
+  normalizeDesignSystemContext(designSystem);
+
+  const metadata = resolveVideoMetadata(video);
+  const { panel, list } = ensureMenuContainer(doc, ["w-48", "p-0"]);
+  panel.dataset.menu = "video-share";
+
+  appendMenuAction(doc, list, {
+    text: "Copy URL",
+    action: "share",
+    dataset: { eventId: metadata.id },
+  });
+
+  const nostrBtn = appendMenuAction(doc, list, {
+    text: "Share on Nostr",
+    action: "share-nostr",
+    dataset: { eventId: metadata.id },
+  });
+  const canShareOnNostr = Boolean(isLoggedIn) && Boolean(hasSigner);
+  if (!canShareOnNostr) {
+    nostrBtn.disabled = true;
+    nostrBtn.classList.add("opacity-50", "cursor-not-allowed");
+    nostrBtn.title = isLoggedIn
+      ? "Connect a Nostr signer to share"
+      : "Log in to share on Nostr";
+  }
+
+  const magnetBtn = appendMenuAction(doc, list, {
+    text: "Copy Magnet",
+    action: "copy-magnet",
+    dataset: { eventId: metadata.id },
+  });
+  if (!hasMagnet) {
+    magnetBtn.disabled = true;
+    magnetBtn.classList.add("opacity-50", "cursor-not-allowed");
+    magnetBtn.title = "No magnet link available";
+  }
+
+  const cdnBtn = appendMenuAction(doc, list, {
+    text: "Copy CDN Link",
+    action: "copy-cdn",
+    dataset: { eventId: metadata.id },
+  });
+  if (!hasCdn) {
+    cdnBtn.disabled = true;
+    cdnBtn.classList.add("opacity-50", "cursor-not-allowed");
+    cdnBtn.title = "No CDN link available";
+  }
+
+  return panel;
+}
+
+export function createChannelProfileMenuPanel({
+  document: documentRef = null,
+  context = "channel-profile",
+  designSystem = null,
+} = {}) {
+  const doc = resolveDocument(documentRef);
+  if (!doc) {
+    return null;
+  }
+
+  normalizeDesignSystemContext(designSystem);
+
+  const normalizedContext =
+    typeof context === "string" && context ? context : "channel-profile";
+
+  const { panel, list } = ensureMenuContainer(doc, ["w-48", "p-0"]);
+  panel.dataset.menu = "channel-profile";
+  panel.dataset.menuContext = normalizedContext;
+
+  appendMenuAction(doc, list, {
+    text: "Copy npub",
+    action: "copy-npub",
+    dataset: { context: normalizedContext },
+  });
+
+  appendMenuAction(doc, list, {
+    text: "Mute channel",
+    action: "mute-author",
+    dataset: { context: normalizedContext },
+  });
+
+  appendMenuAction(doc, list, {
+    text: "Unmute channel",
+    action: "unmute-author",
+    dataset: { context: normalizedContext },
+  });
+
+  appendMenuAction(doc, list, {
+    text: "Blacklist channel",
+    action: "blacklist-author",
+    variant: "critical",
+    dataset: { context: normalizedContext },
+  });
+
+  appendMenuAction(doc, list, {
+    text: "Block channel",
+    action: "block-author",
+    variant: "critical",
+    dataset: { context: normalizedContext },
+  });
+
+  appendMenuAction(doc, list, {
+    text: "Report",
+    action: "report",
+    dataset: { context: normalizedContext },
+  });
+
+  return panel;
+}
+
+export function createVideoSettingsMenuPanel({
+  document: documentRef = null,
+  video = null,
+  index = 0,
+  capabilities = {},
+  designSystem = null,
+} = {}) {
+  const doc = resolveDocument(documentRef);
+  if (!doc) {
+    return null;
+  }
+  normalizeDesignSystemContext(designSystem);
+
+  const metadata = resolveVideoMetadata(video);
+  const normalizedIndex = Number.isFinite(index) ? Math.max(0, Math.floor(index)) : 0;
+  const perms = {
+    canEdit: capabilities?.canEdit === true,
+    canRevert: capabilities?.canRevert === true,
+    canDelete: capabilities?.canDelete === true,
+  };
+
+  const { panel, list } = ensureMenuContainer(doc, ["w-44", "p-0"]);
+  panel.dataset.menu = "video-settings";
+
+  appendMenuAction(doc, list, {
+    text: "Edit",
+    action: "edit",
+    dataset: {
+      index: String(normalizedIndex),
+      eventId: metadata.id,
+    },
+  });
+
+  if (perms.canRevert) {
+    appendMenuAction(doc, list, {
+      text: "Revert",
+      action: "revert",
+      variant: "critical",
+      dataset: {
+        index: String(normalizedIndex),
+        eventId: metadata.id,
+      },
+    });
+  }
+
+  if (perms.canDelete) {
+    appendMenuAction(doc, list, {
+      text: "Delete All",
+      action: "delete",
+      variant: "critical",
+      dataset: {
+        index: String(normalizedIndex),
+        eventId: metadata.id,
+      },
+    });
+  }
+
+  return panel;
+}
diff --git a/dist/js/ui/dm/AppShell.js b/dist/js/ui/dm/AppShell.js
new file mode 100644
index 00000000..5a050e5a
--- /dev/null
+++ b/dist/js/ui/dm/AppShell.js
@@ -0,0 +1,293 @@
+import { Composer } from "./Composer.js";
+import { ConversationList } from "./ConversationList.js";
+import { MessageThread } from "./MessageThread.js";
+import { DMPrivacySettings } from "./DMPrivacySettings.js";
+import { DMRelaySettings } from "./DMRelaySettings.js";
+import { aggregateZapTotals } from "./zapHelpers.js";
+import { createZapInterface } from "./ZapInterface.js";
+
+function createElement(doc, tag, className, text) {
+  const element = doc.createElement(tag);
+  if (className) {
+    element.className = className;
+  }
+  if (typeof text === "string") {
+    element.textContent = text;
+  }
+  return element;
+}
+
+const DEFAULT_CONVERSATIONS = [
+  {
+    id: "conv-1",
+    name: "Nia Nova",
+    preview: "The relay looks stable now.",
+    timestamp: "2m",
+    unreadCount: 2,
+    status: "Online",
+    avatarSrc: "",
+    pubkey: "82341f882b6eabcd2ba7f1ef90aad961cf074af15b9ef44a09f9d2a8fbfbe6a2",
+    lightningAddress: "nia@zap.lol",
+    relayHints: ["wss://relay.damus.io", "wss://nostr.wine"],
+  },
+  {
+    id: "conv-2",
+    name: "Orbit Ops",
+    preview: "Can you share the stream link?",
+    timestamp: "1h",
+    unreadCount: 0,
+    status: "Away",
+    avatarSrc: "",
+    pubkey: "fa984bd7dbb282f07e16e7ae87b26a2a7b9b90b7246a44771f0cf5ae58018f52",
+    lightningAddress: "ops@getalby.com",
+    relayHints: ["wss://relay.primal.net"],
+  },
+];
+
+const DEFAULT_MESSAGES = [
+  { type: "day", label: "Today" },
+  {
+    id: "msg-1",
+    direction: "incoming",
+    body: "Hey! The new DM view looks promising.",
+    timestamp: "09:12",
+  },
+  {
+    id: "msg-2",
+    direction: "outgoing",
+    body: "Thanks! I'm wiring up the layout and keyboard flow now.",
+    timestamp: "09:14",
+    status: "pending",
+  },
+  {
+    id: "msg-3",
+    direction: "outgoing",
+    body: "Next up: privacy mode toggles and attachment rails.",
+    timestamp: "09:16",
+    status: "sent",
+  },
+  {
+    id: "msg-4",
+    direction: "outgoing",
+    body: "I can resend if this didn't go through.",
+    timestamp: "09:18",
+    status: "failed",
+  },
+];
+
+const DEFAULT_ZAP_RECEIPTS = [
+  {
+    id: "zap-1",
+    kind: 9735,
+    conversationId: "conv-1",
+    profileId: "82341f882b6eabcd2ba7f1ef90aad961cf074af15b9ef44a09f9d2a8fbfbe6a2",
+    senderName: "You",
+    amountSats: 120,
+    note: "For the quick relay fix!",
+    timestamp: "09:20",
+    status: "confirmed",
+  },
+  {
+    id: "zap-2",
+    kind: 9735,
+    conversationId: "conv-1",
+    profileId: "82341f882b6eabcd2ba7f1ef90aad961cf074af15b9ef44a09f9d2a8fbfbe6a2",
+    senderName: "Nia Nova",
+    amountSats: 42,
+    note: "Thanks for testing the DM flow.",
+    timestamp: "09:22",
+    status: "confirmed",
+  },
+  {
+    id: "zap-3",
+    kind: 9735,
+    conversationId: "conv-2",
+    profileId: "fa984bd7dbb282f07e16e7ae87b26a2a7b9b90b7246a44771f0cf5ae58018f52",
+    senderName: "You",
+    amountSats: 250,
+    note: "Ops support fund.",
+    timestamp: "Yesterday",
+    status: "pending",
+  },
+];
+
+export class AppShell {
+  constructor({
+    document: doc,
+    currentUserAvatarUrl = "",
+    conversations = DEFAULT_CONVERSATIONS,
+    activeConversationId = DEFAULT_CONVERSATIONS[0]?.id || "",
+    conversationState = "idle",
+    messages = DEFAULT_MESSAGES,
+    zapReceipts = DEFAULT_ZAP_RECEIPTS,
+    threadState = "idle",
+    threadErrorType = "",
+    composerState = "idle",
+    privacyMode = "nip04",
+    dmPrivacySettings = { readReceiptsEnabled: false, typingIndicatorsEnabled: false },
+    signingAdapter = null,
+    zapConfig = null,
+    mobileView = "list",
+    onSelectConversation,
+    onSendMessage,
+    onSendZap,
+    onMarkConversationRead,
+    onMarkAllRead,
+    onToggleReadReceipts,
+    onToggleTypingIndicators,
+    onRefreshConversations,
+    onBack,
+    onOpenSettings,
+  } = {}) {
+    if (!doc) {
+      throw new Error("AppShell requires a document reference.");
+    }
+
+    this.document = doc;
+    this.root = createElement(doc, "div", "dm-app-shell");
+    if (typeof mobileView === "string") {
+      this.root.dataset.dmView = mobileView;
+    }
+
+    const { totalsByConversation, totalsByProfile } = aggregateZapTotals(zapReceipts);
+    const enrichedConversations = conversations.map((conversation) => ({
+      ...conversation,
+      zapTotalSats: totalsByConversation.get(conversation.id) || 0,
+      profileZapTotalSats: totalsByProfile.get(conversation.pubkey) || 0,
+    }));
+
+    const activeConversation =
+      enrichedConversations.find((conversation) => conversation.id === activeConversationId) ||
+      enrichedConversations[0] ||
+      {};
+    const activeZapReceipts = zapReceipts.filter(
+      (receipt) => receipt.conversationId === activeConversation.id,
+    );
+
+    const sidebar = createElement(doc, "aside", "dm-app-shell__sidebar bg-transparent");
+    const sidebarHeader = createElement(doc, "div", "dm-app-shell__sidebar-header flex items-center justify-between p-4 relative");
+    const sidebarTitle = createElement(
+      doc,
+      "h1",
+      "dm-app-shell__title text-lg font-bold",
+      "Conversations",
+    );
+    sidebarHeader.appendChild(sidebarTitle);
+
+    const settingsBtn = createElement(doc, "button", "icon-button accent-action-button");
+    settingsBtn.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" class="icon-image w-5 h-5"><path d="M24,13.616L24,10.384C22.349,9.797 21.306,9.632 20.781,8.365L20.781,8.364C20.254,7.093 20.881,6.23 21.628,4.657L19.343,2.372C17.782,3.114 16.91,3.747 15.636,3.219L15.635,3.219C14.366,2.693 14.2,1.643 13.616,0L10.384,0C9.802,1.635 9.635,2.692 8.365,3.219L8.364,3.219C7.093,3.747 6.232,3.121 4.657,2.372L2.372,4.657C3.117,6.225 3.747,7.091 3.219,8.364C2.692,9.635 1.635,9.802 0,10.384L0,13.616C1.632,14.196 2.692,14.365 3.219,15.635C3.749,16.917 3.105,17.801 2.372,19.342L4.657,21.628C6.219,20.885 7.091,20.253 8.364,20.781L8.365,20.781C9.635,21.307 9.801,22.36 10.384,24L13.616,24C14.198,22.364 14.366,21.31 15.643,20.778L15.644,20.778C16.906,20.254 17.764,20.879 19.342,21.629L21.627,19.343C20.883,17.78 20.252,16.91 20.779,15.637C21.306,14.366 22.367,14.197 24,13.616ZM12,16C9.791,16 8,14.209 8,12C8,9.791 9.791,8 12,8C14.209,8 16,9.791 16,12C16,14.209 14.209,16 12,16Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg>`;
+    settingsBtn.ariaLabel = "Direct message settings";
+    settingsBtn.addEventListener("click", (e) => {
+      e.stopPropagation();
+      let popover = sidebar.querySelector(".dm-settings-popover");
+      if (popover) {
+        popover.remove();
+        return;
+      }
+      popover = createElement(doc, "div", "dm-settings-popover absolute z-50 right-4 top-12 flex flex-col gap-4");
+
+      const privacySettings = DMPrivacySettings({
+        document: doc,
+        readReceiptsEnabled: dmPrivacySettings.readReceiptsEnabled,
+        typingIndicatorsEnabled: dmPrivacySettings.typingIndicatorsEnabled,
+        onToggleReadReceipts,
+        onToggleTypingIndicators,
+      });
+      popover.appendChild(privacySettings);
+
+      const relaySettings = DMRelaySettings({ document: doc });
+      popover.appendChild(relaySettings);
+      sidebarHeader.appendChild(popover);
+      if (typeof onOpenSettings === "function") {
+        onOpenSettings(popover);
+      }
+
+      const closeHandler = (event) => {
+        if (!popover.contains(event.target) && event.target !== settingsBtn && !settingsBtn.contains(event.target)) {
+          popover.remove();
+          doc.removeEventListener("click", closeHandler);
+        }
+      };
+      doc.addEventListener("click", closeHandler);
+    });
+    sidebarHeader.appendChild(settingsBtn);
+    sidebar.appendChild(sidebarHeader);
+
+    sidebar.appendChild(
+      ConversationList({
+        document: doc,
+        conversations: enrichedConversations,
+        activeId: activeConversationId,
+        state: conversationState,
+        onSelect: onSelectConversation,
+        onMarkAllRead,
+        onRefresh: onRefreshConversations,
+      }),
+    );
+
+    const main = createElement(doc, "main", "dm-app-shell__main");
+
+    main.appendChild(
+      MessageThread({
+        document: doc,
+        currentUserAvatarUrl,
+        contact: activeConversation,
+        messages,
+        state: threadState,
+        errorType: threadErrorType,
+        privacyMode,
+        zapReceipts: activeZapReceipts,
+        conversationZapTotalSats:
+          totalsByConversation.get(activeConversation.id) || 0,
+        profileZapTotalSats: totalsByProfile.get(activeConversation.pubkey) || 0,
+        onMarkRead: onMarkConversationRead,
+        onSendZap,
+        onBack,
+        zapConfig,
+      }),
+    );
+    const handleZapTrigger = () => {
+      const existingInterface = main.querySelector(".dm-zap-interface");
+      if (existingInterface) {
+        existingInterface.remove();
+        return;
+      }
+
+      const zapInterface = createZapInterface(doc, {
+        contact: activeConversation,
+        zapReceipts: activeZapReceipts,
+        onSendZap,
+        zapConfig
+      });
+
+      main.appendChild(zapInterface);
+    };
+
+    const conversationZapTotalSats = totalsByConversation.get(activeConversation.id) || 0;
+    const profileZapTotalSats = totalsByProfile.get(activeConversation.pubkey) || 0;
+
+    main.appendChild(
+      Composer({
+        document: doc,
+        state: composerState,
+        privacyMode,
+        signingAdapter,
+        zapRecipient: activeConversation,
+        zapConfig,
+        onSend: onSendMessage,
+        onZap: handleZapTrigger,
+        zapStats: {
+            conversationTotal: conversationZapTotalSats,
+            profileTotal: profileZapTotalSats
+        }
+      }),
+    );
+
+    this.root.appendChild(sidebar);
+    this.root.appendChild(main);
+  }
+
+  getRoot() {
+    return this.root;
+  }
+}
diff --git a/dist/js/ui/dm/Avatar.js b/dist/js/ui/dm/Avatar.js
new file mode 100644
index 00000000..5a92de38
--- /dev/null
+++ b/dist/js/ui/dm/Avatar.js
@@ -0,0 +1,57 @@
+const DEFAULT_AVATAR_ALT = "Avatar";
+
+function getInitials(label = "") {
+  if (typeof label !== "string") {
+    return "";
+  }
+  const words = label.trim().split(/\s+/).filter(Boolean);
+  if (!words.length) {
+    return "";
+  }
+  const initials = words.slice(0, 2).map((word) => word[0].toUpperCase());
+  return initials.join("");
+}
+
+export function Avatar({
+  document: doc,
+  src = "",
+  alt = DEFAULT_AVATAR_ALT,
+  size = "md",
+  initials = "",
+  status = "",
+} = {}) {
+  if (!doc) {
+    throw new Error("Avatar requires a document reference.");
+  }
+
+  const avatar = doc.createElement("div");
+  // Explicit mapping ensures Tailwind scanner detects these classes
+  const sizeClass = {
+    sm: "dm-avatar--sm",
+    md: "dm-avatar--md",
+  }[size] || `dm-avatar--${size}`;
+
+  avatar.className = `dm-avatar ${sizeClass}`;
+  if (status) {
+    avatar.dataset.status = status;
+  }
+
+  const resolvedInitials = initials || getInitials(alt);
+
+  if (src) {
+    const img = doc.createElement("img");
+    img.className = "dm-avatar__image";
+    img.alt = alt || DEFAULT_AVATAR_ALT;
+    img.loading = "lazy";
+    img.decoding = "async";
+    img.src = src;
+    avatar.appendChild(img);
+  } else {
+    const fallback = doc.createElement("span");
+    fallback.className = "dm-avatar__fallback";
+    fallback.textContent = resolvedInitials || "?";
+    avatar.appendChild(fallback);
+  }
+
+  return avatar;
+}
diff --git a/dist/js/ui/dm/Composer.js b/dist/js/ui/dm/Composer.js
new file mode 100644
index 00000000..1fa39090
--- /dev/null
+++ b/dist/js/ui/dm/Composer.js
@@ -0,0 +1,244 @@
+function createElement(doc, tag, className, text) {
+  const element = doc.createElement(tag);
+  if (className) {
+    element.className = className;
+  }
+  if (typeof text === "string") {
+    element.textContent = text;
+  }
+  return element;
+}
+
+import { formatZapAmount } from "./zapHelpers.js";
+
+export function Composer({
+  document: doc,
+  placeholder = "Write a message…",
+  state = "idle",
+  privacyMode: initialPrivacyMode = "nip04",
+  signingAdapter = null,
+  zapRecipient = null,
+  zapConfig = null,
+  onSend,
+  onZap,
+  zapStats = null,
+} = {}) {
+  if (!doc) {
+    throw new Error("Composer requires a document reference.");
+  }
+
+  const form = createElement(doc, "form", "dm-composer");
+  form.noValidate = true;
+  let privacyMode = initialPrivacyMode;
+
+  const label = createElement(doc, "label", "dm-composer__label", "Message");
+  label.setAttribute("for", "dm-composer-input");
+
+  const textarea = createElement(doc, "textarea", "dm-composer__input");
+  textarea.id = "dm-composer-input";
+  textarea.placeholder = placeholder;
+  textarea.rows = 2;
+  textarea.setAttribute("aria-label", "Message");
+
+  const hintId = "dm-composer-hint";
+
+  const actions = createElement(doc, "div", "dm-composer__actions");
+  const tools = createElement(doc, "div", "dm-composer__tools");
+  const hint = createElement(
+    doc,
+    "span",
+    "dm-composer__hint",
+    "Enter to send, Shift + Enter for newline",
+  );
+  hint.id = hintId;
+  textarea.setAttribute("aria-describedby", hintId);
+
+  const attachButton = createElement(
+    doc,
+    "button",
+    "dm-composer__attach",
+    "Attach",
+  );
+  attachButton.type = "button";
+  attachButton.setAttribute("aria-label", "Attach a file");
+
+  const moreButton = createElement(
+    doc,
+    "button",
+    "btn-ghost dm-composer__more-btn",
+    "…",
+  );
+  moreButton.type = "button";
+  moreButton.setAttribute("aria-label", "More options");
+  moreButton.setAttribute("aria-expanded", "false");
+  moreButton.setAttribute("aria-haspopup", "true");
+
+  const moreMenu = createElement(doc, "div", "dm-composer__more-menu hidden");
+  moreMenu.setAttribute("role", "menu");
+
+  const privacyToggle = createElement(
+    doc,
+    "button",
+    "dm-composer__menu-item",
+    "NIP-04",
+  );
+  privacyToggle.type = "button";
+  privacyToggle.setAttribute("role", "menuitem");
+  privacyToggle.setAttribute("aria-pressed", "false");
+  privacyToggle.setAttribute("aria-label", "Toggle privacy mode");
+
+  moreMenu.appendChild(privacyToggle);
+
+  tools.appendChild(attachButton);
+  tools.appendChild(moreButton);
+  tools.appendChild(moreMenu);
+  tools.appendChild(hint);
+
+  moreButton.addEventListener("click", () => {
+    const isExpanded = moreButton.getAttribute("aria-expanded") === "true";
+    moreButton.setAttribute("aria-expanded", String(!isExpanded));
+    if (!isExpanded) {
+      moreMenu.classList.remove("hidden");
+    } else {
+      moreMenu.classList.add("hidden");
+    }
+  });
+
+  const button = createElement(doc, "button", "dm-composer__send", "Send");
+  button.type = "submit";
+  button.setAttribute("aria-label", "Send message");
+
+  actions.appendChild(tools);
+
+  // Zap Button
+  // We use dm-composer__send as a base for layout/size compatibility, but tweak styles.
+  // Using accent-action-button to apply accent color on hover, and px-2 for icon squareness.
+  const zapBtn = createElement(doc, "button", "dm-composer__send accent-action-button px-2");
+  zapBtn.type = "button";
+  zapBtn.setAttribute("aria-label", "Zap");
+  zapBtn.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg>`;
+
+  if (typeof onZap === "function") {
+    zapBtn.addEventListener("click", (e) => {
+        e.preventDefault();
+        onZap();
+    });
+
+    const buttonGroup = createElement(doc, "div", "flex items-center gap-2");
+
+    // Zap Stats Pill
+    if (zapStats && typeof zapStats === "object") {
+        // Reuse class from MessageThread for consistent styling
+        const zapSummary = createElement(doc, "div", "dm-message-thread__zap-summary");
+
+        // Zaps Label
+        const labelSpan = createElement(doc, "span", "dm-message-thread__zap-label", "Zaps");
+        zapSummary.appendChild(labelSpan);
+
+        // Conversation Total
+        // We need formatZapAmount. Since we can't import dynamically easily here (without changing module type or build),
+        // we assume formatZapAmount is available or we pass formatted strings.
+        // BUT, looking at file structure, Composer is a module. I should import it at the top.
+        // I will add the import in a separate block.
+        // Assuming formatZapAmount is imported.
+
+        const conversationTotal = createElement(
+          doc,
+          "span",
+          "dm-message-thread__zap-total",
+          formatZapAmount(zapStats.conversationTotal || 0)
+        );
+        zapSummary.appendChild(conversationTotal);
+
+        // Profile Total
+        const profileTotal = createElement(
+          doc,
+          "span",
+          "dm-message-thread__zap-profile",
+          `Profile: ${formatZapAmount(zapStats.profileTotal || 0)}`
+        );
+        zapSummary.appendChild(profileTotal);
+
+        buttonGroup.appendChild(zapSummary);
+    }
+
+    buttonGroup.appendChild(zapBtn);
+    buttonGroup.appendChild(button);
+    actions.appendChild(buttonGroup);
+  } else {
+    actions.appendChild(button);
+  }
+
+  const status = createElement(doc, "div", "dm-composer__status");
+  if (state === "error") {
+    status.textContent = "Send failed. Try again.";
+  } else if (state === "sending") {
+    status.textContent = "Sending…";
+  }
+
+  form.appendChild(label);
+  form.appendChild(textarea);
+  form.appendChild(actions);
+  form.appendChild(status);
+
+  const handleSubmit = async () => {
+    if (typeof onSend !== "function") {
+      return;
+    }
+
+    const payload = { privacyMode, attachments: [] };
+    if (signingAdapter) {
+      try {
+        if (typeof signingAdapter.getPubkey === "function") {
+          payload.pubkey = await signingAdapter.getPubkey();
+        }
+        if (typeof signingAdapter.getDisplayName === "function") {
+          payload.displayName = await signingAdapter.getDisplayName();
+        }
+        if (typeof signingAdapter.signMessage === "function") {
+          payload.signature = await signingAdapter.signMessage(textarea.value);
+        }
+      } catch (error) {
+        payload.signingError =
+          error instanceof Error ? error.message : "Signing failed.";
+      }
+    }
+
+    onSend(textarea.value, payload);
+  };
+
+  form.addEventListener("submit", (event) => {
+    event.preventDefault();
+    void handleSubmit();
+  });
+
+  const updatePrivacyLabel = () => {
+    const normalized =
+      typeof privacyMode === "string" ? privacyMode.trim().toLowerCase() : "";
+    const isNip17 = normalized === "nip17" || normalized === "private";
+    privacyToggle.textContent = isNip17 ? "NIP-17" : "NIP-04";
+    privacyToggle.setAttribute("aria-pressed", isNip17 ? "true" : "false");
+    privacyToggle.title = isNip17
+      ? "NIP-17 gift-wraps your DM so relays only see the wrapper and relay hints."
+      : "NIP-04 sends a direct encrypted DM; relays can still see sender and recipient metadata.";
+  };
+
+  updatePrivacyLabel();
+
+  privacyToggle.addEventListener("click", () => {
+    const normalized =
+      typeof privacyMode === "string" ? privacyMode.trim().toLowerCase() : "";
+    const isNip17 = normalized === "nip17" || normalized === "private";
+    privacyMode = isNip17 ? "nip04" : "nip17";
+    updatePrivacyLabel();
+  });
+
+  textarea.addEventListener("keydown", (event) => {
+    if (event.key === "Enter" && !event.shiftKey) {
+      event.preventDefault();
+      form.requestSubmit();
+    }
+  });
+
+  return form;
+}
diff --git a/dist/js/ui/dm/ContactRow.js b/dist/js/ui/dm/ContactRow.js
new file mode 100644
index 00000000..0a280b89
--- /dev/null
+++ b/dist/js/ui/dm/ContactRow.js
@@ -0,0 +1,95 @@
+import { Avatar } from "./Avatar.js";
+import { formatZapAmount } from "./zapHelpers.js";
+
+function createElement(doc, tag, className, text) {
+  const element = doc.createElement(tag);
+  if (className) {
+    element.className = className;
+  }
+  if (typeof text === "string") {
+    element.textContent = text;
+  }
+  return element;
+}
+
+export function ContactRow({
+  document: doc,
+  contact = {},
+  isActive = false,
+  tabIndex = -1,
+  onSelect,
+} = {}) {
+  if (!doc) {
+    throw new Error("ContactRow requires a document reference.");
+  }
+
+  const {
+    id = "",
+    name = "Unknown",
+    preview = "",
+    timestamp = "",
+    unreadCount = 0,
+    avatarSrc = "",
+    status = "",
+    zapTotalSats = null,
+  } = contact;
+
+  const button = createElement(doc, "button", "dm-contact-row");
+  button.type = "button";
+  button.dataset.conversationId = id;
+  button.setAttribute("role", "option");
+  button.setAttribute("aria-selected", String(Boolean(isActive)));
+  button.tabIndex = tabIndex;
+  if (isActive) {
+    button.classList.add("dm-contact-row--active");
+  }
+
+  const avatar = Avatar({
+    document: doc,
+    src: avatarSrc,
+    alt: name,
+    size: "md",
+    initials: name,
+    status,
+  });
+  button.appendChild(avatar);
+
+  const content = createElement(doc, "div", "dm-contact-row__content");
+  const header = createElement(doc, "div", "dm-contact-row__header");
+  const nameEl = createElement(doc, "span", "dm-contact-row__name", name);
+  header.appendChild(nameEl);
+
+  const meta = createElement(doc, "span", "dm-contact-row__meta");
+
+  if (Number.isFinite(zapTotalSats)) {
+    const zapTotal = createElement(
+      doc,
+      "span",
+      "dm-contact-row__zap",
+      formatZapAmount(zapTotalSats, { compact: true }),
+    );
+    zapTotal.setAttribute(
+      "aria-label",
+      `Total zaps ${formatZapAmount(zapTotalSats)}`,
+    );
+    meta.appendChild(zapTotal);
+  }
+
+  header.appendChild(meta);
+  content.appendChild(header);
+
+  if (unreadCount > 0) {
+    const badge = createElement(doc, "span", "dm-contact-row__badge");
+    badge.textContent = `${unreadCount}`;
+    badge.setAttribute("aria-label", `${unreadCount} unread messages`);
+    content.appendChild(badge);
+  }
+
+  button.appendChild(content);
+
+  if (typeof onSelect === "function") {
+    button.addEventListener("click", () => onSelect(contact));
+  }
+
+  return button;
+}
diff --git a/dist/js/ui/dm/ConversationList.js b/dist/js/ui/dm/ConversationList.js
new file mode 100644
index 00000000..5aec1cd4
--- /dev/null
+++ b/dist/js/ui/dm/ConversationList.js
@@ -0,0 +1,159 @@
+import { ContactRow } from "./ContactRow.js";
+
+function createElement(doc, tag, className, text) {
+  const element = doc.createElement(tag);
+  if (className) {
+    element.className = className;
+  }
+  if (typeof text === "string") {
+    element.textContent = text;
+  }
+  return element;
+}
+
+function getFocusableItems(listEl) {
+  return [...listEl.querySelectorAll("[data-conversation-id]")];
+}
+
+export function ConversationList({
+  document: doc,
+  conversations = [],
+  activeId = "",
+  state = "idle",
+  onSelect,
+  onMarkAllRead,
+  onRefresh,
+} = {}) {
+  if (!doc) {
+    throw new Error("ConversationList requires a document reference.");
+  }
+
+  const root = createElement(doc, "section", "dm-conversation-list");
+  const header = createElement(doc, "div", "dm-conversation-list__header");
+  // We removed the redundant "Messages" title here.
+  // If we need spacing/alignment for the button, justify-end in CSS handles it.
+
+  if (typeof onRefresh === "function") {
+    const refreshBtn = createElement(doc, "button", "btn-ghost btn-icon");
+    refreshBtn.type = "button";
+    refreshBtn.dataset.size = "sm";
+    refreshBtn.ariaLabel = "Refresh conversations";
+    refreshBtn.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"></path><path d="M16 21h5v-5"></path></svg>`;
+    refreshBtn.addEventListener("click", onRefresh);
+    header.appendChild(refreshBtn);
+  }
+
+  if (typeof onMarkAllRead === "function") {
+    const markAllButton = createElement(
+      doc,
+      "button",
+      "btn-ghost ml-auto",
+      "Mark all as read",
+    );
+    markAllButton.type = "button";
+    markAllButton.dataset.size = "sm";
+    markAllButton.disabled = !conversations.length;
+    markAllButton.addEventListener("click", () => {
+      onMarkAllRead();
+    });
+    header.appendChild(markAllButton);
+  }
+
+  if (header.hasChildNodes()) {
+    root.appendChild(header);
+  }
+
+  const list = createElement(doc, "div", "dm-conversation-list__items no-scrollbar");
+  list.setAttribute("role", "listbox");
+  list.setAttribute("aria-label", "Conversation list");
+
+  const renderState = createElement(doc, "div", "dm-conversation-list__state");
+
+  if (state === "loading") {
+    renderState.textContent = "Loading conversations…";
+    list.appendChild(renderState);
+  } else if (state === "empty") {
+    renderState.textContent = "No conversations yet.";
+    list.appendChild(renderState);
+  } else if (state === "error") {
+    renderState.textContent = "We couldn't load conversations.";
+    list.appendChild(renderState);
+  } else {
+    const resolvedActiveId = activeId || (conversations[0] ? conversations[0].id : "");
+    conversations.forEach((conversation, index) => {
+      const isActive = conversation.id === resolvedActiveId;
+      const row = ContactRow({
+        document: doc,
+        contact: conversation,
+        isActive,
+        tabIndex: isActive || (!resolvedActiveId && index === 0) ? 0 : -1,
+        onSelect,
+      });
+      list.appendChild(row);
+    });
+
+    // Peek animation
+    if (conversations.length > 0) {
+      if (typeof IntersectionObserver !== "undefined") {
+        const observer = new IntersectionObserver((entries) => {
+          const entry = entries[0];
+          if (entry.isIntersecting) {
+            observer.disconnect();
+            setTimeout(() => {
+              if (list.scrollHeight > list.clientHeight) {
+                list.scrollTo({ top: 40, behavior: "smooth" });
+                setTimeout(() => {
+                  list.scrollTo({ top: 0, behavior: "smooth" });
+                }, 800);
+              }
+            }, 600);
+          }
+        }, { threshold: 0.1 });
+        observer.observe(list);
+      } else {
+        // Fallback for no IntersectionObserver (e.g. some tests or very old browsers)
+        setTimeout(() => {
+          if (list.scrollHeight > list.clientHeight) {
+            list.scrollTo({ top: 40, behavior: "smooth" });
+            setTimeout(() => {
+              list.scrollTo({ top: 0, behavior: "smooth" });
+            }, 800);
+          }
+        }, 600);
+      }
+    }
+  }
+
+  list.addEventListener("keydown", (event) => {
+    const items = getFocusableItems(list);
+    if (!items.length) {
+      return;
+    }
+
+    const currentIndex = items.indexOf(doc.activeElement);
+    let nextIndex = currentIndex;
+
+    switch (event.key) {
+      case "ArrowDown":
+        nextIndex = Math.min(items.length - 1, currentIndex + 1);
+        break;
+      case "ArrowUp":
+        nextIndex = Math.max(0, currentIndex - 1);
+        break;
+      case "Home":
+        nextIndex = 0;
+        break;
+      case "End":
+        nextIndex = items.length - 1;
+        break;
+      default:
+        return;
+    }
+
+    event.preventDefault();
+    items[nextIndex].focus();
+  });
+
+  root.appendChild(list);
+  return root;
+}
diff --git a/dist/js/ui/dm/DMPrivacySettings.js b/dist/js/ui/dm/DMPrivacySettings.js
new file mode 100644
index 00000000..5a839fe5
--- /dev/null
+++ b/dist/js/ui/dm/DMPrivacySettings.js
@@ -0,0 +1,72 @@
+export function DMPrivacySettings({
+  document: doc,
+  readReceiptsEnabled = false,
+  typingIndicatorsEnabled = false,
+  onToggleReadReceipts,
+  onToggleTypingIndicators,
+} = {}) {
+  if (!doc) {
+    throw new Error("DMPrivacySettings requires a document reference.");
+  }
+
+  const root = doc.createElement("div");
+  root.className = "dm-privacy-settings card p-4 space-y-4 shadow-lg";
+
+  const title = doc.createElement("h4");
+  title.className = "text-sm font-semibold text-text";
+  title.textContent = "Direct message privacy";
+  root.appendChild(title);
+
+  const desc = doc.createElement("p");
+  desc.className = "text-xs text-muted mb-4";
+  desc.textContent = "Control read receipts and typing indicators for direct messages.";
+  root.appendChild(desc);
+
+  // Read Receipts Toggle
+  const readReceiptsRow = doc.createElement("div");
+  readReceiptsRow.className = "flex items-center justify-between";
+
+  const readReceiptsLabel = doc.createElement("label");
+  readReceiptsLabel.className = "text-sm text-text cursor-pointer";
+  readReceiptsLabel.textContent = "Read receipts";
+  readReceiptsLabel.setAttribute("for", "dm-read-receipts-toggle");
+  readReceiptsRow.appendChild(readReceiptsLabel);
+
+  const readReceiptsToggle = doc.createElement("input");
+  readReceiptsToggle.type = "checkbox";
+  readReceiptsToggle.id = "dm-read-receipts-toggle";
+  readReceiptsToggle.className = "toggle toggle-sm toggle-accent";
+  readReceiptsToggle.checked = readReceiptsEnabled;
+  readReceiptsToggle.addEventListener("change", (e) => {
+    if (typeof onToggleReadReceipts === "function") {
+      onToggleReadReceipts(e.target.checked);
+    }
+  });
+  readReceiptsRow.appendChild(readReceiptsToggle);
+  root.appendChild(readReceiptsRow);
+
+  // Typing Indicators Toggle
+  const typingIndicatorsRow = doc.createElement("div");
+  typingIndicatorsRow.className = "flex items-center justify-between";
+
+  const typingIndicatorsLabel = doc.createElement("label");
+  typingIndicatorsLabel.className = "text-sm text-text cursor-pointer";
+  typingIndicatorsLabel.textContent = "Typing indicators";
+  typingIndicatorsLabel.setAttribute("for", "dm-typing-indicators-toggle");
+  typingIndicatorsRow.appendChild(typingIndicatorsLabel);
+
+  const typingIndicatorsToggle = doc.createElement("input");
+  typingIndicatorsToggle.type = "checkbox";
+  typingIndicatorsToggle.id = "dm-typing-indicators-toggle";
+  typingIndicatorsToggle.className = "toggle toggle-sm toggle-accent";
+  typingIndicatorsToggle.checked = typingIndicatorsEnabled;
+  typingIndicatorsToggle.addEventListener("change", (e) => {
+    if (typeof onToggleTypingIndicators === "function") {
+      onToggleTypingIndicators(e.target.checked);
+    }
+  });
+  typingIndicatorsRow.appendChild(typingIndicatorsToggle);
+  root.appendChild(typingIndicatorsRow);
+
+  return root;
+}
diff --git a/dist/js/ui/dm/DMRelaySettings.js b/dist/js/ui/dm/DMRelaySettings.js
new file mode 100644
index 00000000..6f2331e2
--- /dev/null
+++ b/dist/js/ui/dm/DMRelaySettings.js
@@ -0,0 +1,80 @@
+export function DMRelaySettings({ document: doc } = {}) {
+  if (!doc) {
+    throw new Error("DMRelaySettings requires a document reference.");
+  }
+
+  const root = doc.createElement("div");
+  root.id = "profileMessagesRelayPanel";
+  root.className = "dm-relay-settings card space-y-4 p-5";
+
+  const heading = doc.createElement("div");
+  heading.className = "space-y-2";
+
+  const title = doc.createElement("h3");
+  title.className = "text-base font-semibold text-text";
+  title.textContent = "DM relay hints";
+  heading.appendChild(title);
+
+  const description = doc.createElement("p");
+  description.className = "text-sm text-muted";
+  description.innerHTML =
+    'Publish relay hints for direct messages as <span class="font-medium">kind:10050</span> events. Use WSS-only relay URLs so encrypted DM delivery stays secure.';
+  heading.appendChild(description);
+  root.appendChild(heading);
+
+  const addRow = doc.createElement("div");
+  addRow.className = "flex flex-col gap-3 sm:flex-row sm:items-end";
+
+  const label = doc.createElement("label");
+  label.className = "flex-1 text-sm text-muted-strong";
+  label.setAttribute("for", "profileMessagesRelayInput");
+
+  const labelTitle = doc.createElement("span");
+  labelTitle.className = "mb-2 block font-medium";
+  labelTitle.textContent = "Add a DM relay";
+  label.appendChild(labelTitle);
+
+  const input = doc.createElement("input");
+  input.id = "profileMessagesRelayInput";
+  input.type = "text";
+  input.inputMode = "url";
+  input.autocomplete = "off";
+  input.className = "input";
+  input.placeholder = "wss://relay.example.com";
+  label.appendChild(input);
+  addRow.appendChild(label);
+
+  const addButton = doc.createElement("button");
+  addButton.id = "profileMessagesRelayAdd";
+  addButton.type = "button";
+  addButton.className = "btn focus-ring";
+  addButton.textContent = "Add relay";
+  addRow.appendChild(addButton);
+  root.appendChild(addRow);
+
+  const publishRow = doc.createElement("div");
+  publishRow.className = "flex flex-wrap items-center gap-2";
+
+  const publishButton = doc.createElement("button");
+  publishButton.id = "profileMessagesRelayPublish";
+  publishButton.type = "button";
+  publishButton.className = "btn-ghost focus-ring text-xs";
+  publishButton.textContent = "Publish relay hints";
+  publishRow.appendChild(publishButton);
+
+  const status = doc.createElement("span");
+  status.id = "profileMessagesRelayStatus";
+  status.className = "text-xs text-muted";
+  status.setAttribute("role", "status");
+  status.setAttribute("aria-live", "polite");
+  publishRow.appendChild(status);
+  root.appendChild(publishRow);
+
+  const list = doc.createElement("ul");
+  list.id = "profileMessagesRelayList";
+  list.className = "grid-stack";
+  list.dataset.orientation = "vertical";
+  root.appendChild(list);
+
+  return root;
+}
diff --git a/dist/js/ui/dm/DayDivider.js b/dist/js/ui/dm/DayDivider.js
new file mode 100644
index 00000000..4b59012e
--- /dev/null
+++ b/dist/js/ui/dm/DayDivider.js
@@ -0,0 +1,24 @@
+function createElement(doc, tag, className, text) {
+  const element = doc.createElement(tag);
+  if (className) {
+    element.className = className;
+  }
+  if (typeof text === "string") {
+    element.textContent = text;
+  }
+  return element;
+}
+
+export function DayDivider({ document: doc, label = "" } = {}) {
+  if (!doc) {
+    throw new Error("DayDivider requires a document reference.");
+  }
+
+  const divider = createElement(doc, "div", "dm-day-divider");
+  const line = createElement(doc, "span", "dm-day-divider__line");
+  const text = createElement(doc, "span", "dm-day-divider__label", label);
+  divider.appendChild(line);
+  divider.appendChild(text);
+  divider.appendChild(line.cloneNode());
+  return divider;
+}
diff --git a/dist/js/ui/dm/MessageBubble.js b/dist/js/ui/dm/MessageBubble.js
new file mode 100644
index 00000000..7276a796
--- /dev/null
+++ b/dist/js/ui/dm/MessageBubble.js
@@ -0,0 +1,77 @@
+function createElement(doc, tag, className, text) {
+  const element = doc.createElement(tag);
+  if (className) {
+    element.className = className;
+  }
+  if (typeof text === "string") {
+    element.textContent = text;
+  }
+  return element;
+}
+
+export function MessageBubble({
+  document: doc,
+  message = {},
+  variant = "incoming",
+  avatarSrc = "",
+} = {}) {
+  if (!doc) {
+    throw new Error("MessageBubble requires a document reference.");
+  }
+
+  const {
+    body = "",
+    timestamp = "",
+    status = "sent",
+  } = message;
+
+  const row = createElement(doc, "div", "dm-message-row");
+  row.classList.add(`dm-message-row--${variant}`);
+
+  const avatar = createElement(doc, "img", "dm-message-avatar");
+  avatar.src = avatarSrc || "assets/svg/default-profile.svg";
+  avatar.alt = variant === "outgoing" ? "Me" : "Sender";
+
+  const bubble = createElement(doc, "div", "dm-message-bubble");
+  bubble.classList.add(`dm-message-bubble--${variant}`);
+  bubble.dataset.status = status;
+
+  const content = createElement(doc, "div", "dm-message-bubble__content", body);
+  bubble.appendChild(content);
+
+  const meta = createElement(doc, "div", "dm-message-bubble__meta");
+  if (timestamp) {
+    // Added 'text-muted' class for theme-respecting color (usually handles light/dark text)
+    const timeSpan = createElement(doc, "span", "dm-message-bubble__time text-muted", timestamp);
+    meta.appendChild(timeSpan);
+  }
+
+  if (variant === "outgoing") {
+    const statusLabel = createElement(
+      doc,
+      "span",
+      "dm-message-bubble__status",
+      status === "failed"
+        ? "Failed to send"
+        : status === "pending"
+          ? "Pending…"
+          : status === "sending"
+            ? "Sending…"
+            : "Sent",
+    );
+    statusLabel.dataset.status = status;
+    meta.appendChild(statusLabel);
+  }
+
+  bubble.appendChild(meta);
+
+  if (variant === "outgoing") {
+    row.appendChild(bubble);
+    row.appendChild(avatar);
+  } else {
+    row.appendChild(avatar);
+    row.appendChild(bubble);
+  }
+
+  return row;
+}
diff --git a/dist/js/ui/dm/MessageThread.js b/dist/js/ui/dm/MessageThread.js
new file mode 100644
index 00000000..de405db2
--- /dev/null
+++ b/dist/js/ui/dm/MessageThread.js
@@ -0,0 +1,184 @@
+import { DayDivider } from "./DayDivider.js";
+import { MessageBubble } from "./MessageBubble.js";
+
+function createElement(doc, tag, className, text) {
+  const element = doc.createElement(tag);
+  if (className) {
+    element.className = className;
+  }
+  if (typeof text === "string") {
+    element.textContent = text;
+  }
+  return element;
+}
+
+export function MessageThread({
+  document: doc,
+  contact = {},
+  messages = [],
+  currentUserAvatarUrl = "",
+  state = "idle",
+  errorType = "",
+  privacyMode = "nip04",
+  zapReceipts = [],
+  conversationZapTotalSats = 0,
+  profileZapTotalSats = 0,
+  onMarkRead,
+  onSendZap,
+  onBack,
+  zapConfig = null,
+} = {}) {
+  if (!doc) {
+    throw new Error("MessageThread requires a document reference.");
+  }
+
+  const root = createElement(doc, "section", "dm-message-thread");
+
+  const header = createElement(doc, "header", "dm-message-thread__header");
+
+  if (typeof onBack === "function") {
+    const backBtn = createElement(doc, "button", "dm-message-thread__back btn-ghost btn-icon");
+    backBtn.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>`;
+    backBtn.ariaLabel = "Back to conversations";
+    backBtn.addEventListener("click", (e) => {
+      e.preventDefault();
+      onBack();
+    });
+    header.appendChild(backBtn);
+  }
+
+  header.appendChild(
+    createElement(
+      doc,
+      "h3",
+      "dm-message-thread__title",
+      contact.name || "Direct Messages",
+    ),
+  );
+  if (contact.status) {
+    header.appendChild(
+      createElement(doc, "span", "dm-message-thread__status", contact.status),
+    );
+  }
+  const normalizedPrivacy =
+    typeof privacyMode === "string" ? privacyMode.trim().toLowerCase() : "";
+  const isNip17 = normalizedPrivacy === "nip17" || normalizedPrivacy === "private";
+  const privacyLabel = `Privacy: ${isNip17 ? "NIP-17" : "NIP-04"}`;
+  const privacyHint = isNip17
+    ? "NIP-17 gift-wraps your DM so relays only see the wrapper and relay hints."
+    : "NIP-04 sends a direct encrypted DM; relays can still see sender and recipient metadata.";
+  const privacyBadge = createElement(
+    doc,
+    "span",
+    "dm-message-thread__status",
+    privacyLabel,
+  );
+  privacyBadge.title = privacyHint;
+  header.appendChild(privacyBadge);
+
+  if (typeof onMarkRead === "function") {
+    const actions = createElement(doc, "div", "ml-auto flex items-center gap-2");
+    const markReadButton = createElement(doc, "button", "btn-ghost", "Mark read");
+    markReadButton.type = "button";
+    markReadButton.dataset.size = "sm";
+    const conversationId =
+      typeof contact.id === "string" ? contact.id.trim() : "";
+    if (!conversationId) {
+      markReadButton.disabled = true;
+    }
+    markReadButton.addEventListener("click", () => {
+      onMarkRead(contact);
+    });
+    actions.appendChild(markReadButton);
+    header.appendChild(actions);
+  }
+  root.appendChild(header);
+
+  const timeline = createElement(doc, "div", "dm-message-thread__timeline no-scrollbar");
+  timeline.setAttribute("role", "log");
+  timeline.setAttribute("aria-live", "polite");
+
+  const newMessagesBanner = createElement(
+    doc,
+    "button",
+    "dm-message-thread__new",
+    "New messages",
+  );
+  newMessagesBanner.type = "button";
+  newMessagesBanner.setAttribute("aria-label", "Jump to newest messages");
+  timeline.appendChild(newMessagesBanner);
+
+  const stateEl = createElement(doc, "div", "dm-message-thread__state");
+
+  if (state === "loading") {
+    stateEl.textContent = "Decrypting messages…";
+    timeline.appendChild(stateEl);
+  } else if (state === "empty") {
+    stateEl.textContent = "Say hello to start the conversation.";
+    timeline.appendChild(stateEl);
+  } else if (state === "error") {
+    const errorMessage =
+      errorType === "decrypt"
+        ? "We couldn't decrypt some messages."
+        : "Something went wrong loading this thread.";
+    stateEl.textContent = errorMessage;
+    timeline.appendChild(stateEl);
+  } else {
+    messages.forEach((message) => {
+      if (message.type === "day") {
+        timeline.appendChild(DayDivider({ document: doc, label: message.label }));
+        return;
+      }
+      const isOutgoing = message.direction === "outgoing";
+      const bubble = MessageBubble({
+        document: doc,
+        message,
+        variant: isOutgoing ? "outgoing" : "incoming",
+        avatarSrc: isOutgoing ? currentUserAvatarUrl : (contact.avatarSrc || ""),
+      });
+      timeline.appendChild(bubble);
+    });
+  }
+
+  // Scroll to bottom and peek
+  if (messages.length > 0) {
+    const animate = () => {
+      timeline.scrollTop = timeline.scrollHeight;
+
+      if (timeline.scrollHeight > timeline.clientHeight) {
+        setTimeout(() => {
+          const targetScroll = Math.max(0, timeline.scrollTop - 40);
+          timeline.scrollTo({ top: targetScroll, behavior: "smooth" });
+
+          setTimeout(() => {
+            timeline.scrollTo({
+              top: timeline.scrollHeight,
+              behavior: "smooth",
+            });
+          }, 800);
+        }, 600);
+      }
+    };
+
+    if (typeof IntersectionObserver !== "undefined") {
+      const observer = new IntersectionObserver((entries) => {
+        const entry = entries[0];
+        if (entry.isIntersecting) {
+          observer.disconnect();
+          // First ensure we are at bottom
+          timeline.scrollTop = timeline.scrollHeight;
+          setTimeout(animate, 300);
+        }
+      }, { threshold: 0.1 });
+      observer.observe(timeline);
+    } else {
+      setTimeout(() => {
+        timeline.scrollTop = timeline.scrollHeight;
+        animate();
+      }, 0);
+    }
+  }
+
+  root.appendChild(timeline);
+  return root;
+}
diff --git a/dist/js/ui/dm/NotificationCenter.js b/dist/js/ui/dm/NotificationCenter.js
new file mode 100644
index 00000000..484ced67
--- /dev/null
+++ b/dist/js/ui/dm/NotificationCenter.js
@@ -0,0 +1,219 @@
+function createElement(doc, tag, className, text) {
+  const element = doc.createElement(tag);
+  if (className) {
+    element.className = className;
+  }
+  if (typeof text === "string") {
+    element.textContent = text;
+  }
+  return element;
+}
+
+const FILTERS = [
+  { id: "all", label: "All" },
+  { id: "dms", label: "DMs" },
+  { id: "mentions", label: "Mentions" },
+  { id: "zaps", label: "Zaps" },
+];
+
+const GROUPS = [
+  { id: "unread", label: "Unread" },
+  { id: "new", label: "New" },
+];
+
+const GROUP_EMPTY_COPY = {
+  unread: "No unread notifications.",
+  new: "No new notifications.",
+};
+
+function isElement(value) {
+  return Boolean(value && typeof value === "object" && value.nodeType === 1);
+}
+
+export function NotificationItem({ document: doc, notice = {}, onSelect } = {}) {
+  if (!doc) {
+    throw new Error("NotificationItem requires a document reference.");
+  }
+
+  const item = createElement(doc, "button", "dm-notification-item");
+  item.type = "button";
+  if (notice.variant) {
+    item.classList.add(`dm-notification-item--${notice.variant}`);
+  }
+  if (notice.id) {
+    item.dataset.noticeId = notice.id;
+  }
+
+  const iconSlot = createElement(doc, "span", "dm-notification-item__icon");
+  if (notice.icon) {
+    if (isElement(notice.icon)) {
+      iconSlot.appendChild(notice.icon);
+    } else if (typeof notice.icon === "string") {
+      iconSlot.textContent = notice.icon;
+    }
+  }
+
+  const body = createElement(doc, "div", "dm-notification-item__body");
+  if (notice.title) {
+    const title = createElement(
+      doc,
+      "div",
+      "dm-notification-item__title",
+      notice.title,
+    );
+    body.appendChild(title);
+  }
+  const message = createElement(
+    doc,
+    "div",
+    "dm-notification-item__message",
+    notice.message || "",
+  );
+  body.appendChild(message);
+
+  const meta = createElement(doc, "div", "dm-notification-item__meta");
+  const timestamp = createElement(
+    doc,
+    "time",
+    "dm-notification-item__timestamp",
+    notice.timestamp || "",
+  );
+  if (notice.timestampISO) {
+    timestamp.dateTime = notice.timestampISO;
+  }
+  meta.appendChild(timestamp);
+
+  item.appendChild(iconSlot);
+  item.appendChild(body);
+  item.appendChild(meta);
+
+  if (typeof onSelect === "function") {
+    item.addEventListener("click", () => {
+      onSelect(notice);
+    });
+  }
+
+  return item;
+}
+
+export function NotificationCenter({
+  document: doc,
+  notices = [],
+  activeFilter = "all",
+  onFilterSelect,
+  onNoticeSelect,
+} = {}) {
+  if (!doc) {
+    throw new Error("NotificationCenter requires a document reference.");
+  }
+
+  const root = createElement(doc, "section", "dm-notification-center");
+  let currentFilter = activeFilter;
+
+  const filterBar = createElement(doc, "div", "dm-notification-center__filters");
+  const filterButtons = new Map();
+
+  const updateFilterState = (nextFilter) => {
+    currentFilter = nextFilter;
+    filterButtons.forEach((button, filterId) => {
+      const isActive = filterId === currentFilter;
+      button.classList.toggle("dm-notification-center__filter-button--active", isActive);
+      button.setAttribute("aria-pressed", isActive ? "true" : "false");
+    });
+    renderGroups();
+  };
+
+  FILTERS.forEach((filter) => {
+    const button = createElement(
+      doc,
+      "button",
+      "dm-notification-center__filter-button",
+      filter.label,
+    );
+    button.type = "button";
+    button.dataset.filterId = filter.id;
+    button.setAttribute("aria-pressed", "false");
+    button.addEventListener("click", () => {
+      if (filter.id === currentFilter) {
+        return;
+      }
+      updateFilterState(filter.id);
+      if (typeof onFilterSelect === "function") {
+        onFilterSelect(filter.id);
+      }
+    });
+    filterButtons.set(filter.id, button);
+    filterBar.appendChild(button);
+  });
+
+  const groupsContainer = createElement(doc, "div", "dm-notification-center__groups");
+
+  const getFilteredNotices = () => {
+    if (currentFilter === "all") {
+      return notices;
+    }
+    return notices.filter((notice) => notice.type === currentFilter);
+  };
+
+  const renderGroups = () => {
+    groupsContainer.innerHTML = "";
+    const filteredNotices = getFilteredNotices();
+    const groupMap = new Map();
+
+    filteredNotices.forEach((notice) => {
+      const groupId = notice.group || "new";
+      if (!groupMap.has(groupId)) {
+        groupMap.set(groupId, []);
+      }
+      groupMap.get(groupId).push(notice);
+    });
+
+    GROUPS.forEach((group) => {
+      const groupSection = createElement(
+        doc,
+        "section",
+        "dm-notification-center__group",
+      );
+      const title = createElement(
+        doc,
+        "div",
+        "dm-notification-center__group-title",
+        group.label,
+      );
+      const list = createElement(doc, "div", "dm-notification-center__list");
+      const groupNotices = groupMap.get(group.id) || [];
+
+      if (!groupNotices.length) {
+        list.appendChild(
+          createElement(
+            doc,
+            "div",
+            "dm-notification-center__empty",
+            GROUP_EMPTY_COPY[group.id] || "No notifications.",
+          ),
+        );
+      } else {
+        groupNotices.forEach((notice) => {
+          list.appendChild(
+            NotificationItem({
+              document: doc,
+              notice,
+              onSelect: onNoticeSelect,
+            }),
+          );
+        });
+      }
+
+      groupSection.appendChild(title);
+      groupSection.appendChild(list);
+      groupsContainer.appendChild(groupSection);
+    });
+  };
+
+  root.appendChild(filterBar);
+  root.appendChild(groupsContainer);
+
+  updateFilterState(currentFilter);
+
+  return root;
+}
diff --git a/dist/js/ui/dm/ZapInterface.js b/dist/js/ui/dm/ZapInterface.js
new file mode 100644
index 00000000..eb3a3ed6
--- /dev/null
+++ b/dist/js/ui/dm/ZapInterface.js
@@ -0,0 +1,118 @@
+import { ZapReceiptList } from "./ZapReceiptList.js";
+import { createAndPublishZapRequest, resolveZapRecipient } from "../../payments/zapRequests.js";
+
+function createElement(doc, tag, className, text) {
+  const element = doc.createElement(tag);
+  if (className) {
+    element.className = className;
+  }
+  if (typeof text === "string") {
+    element.textContent = text;
+  }
+  return element;
+}
+
+export function createZapInterface(doc, { contact, zapReceipts, onSendZap, zapConfig }) {
+  const container = createElement(doc, "div", "dm-zap-interface card p-4 absolute bottom-16 right-4 z-20 w-80 shadow-xl border border-border bg-surface");
+
+  const closeBtn = createElement(doc, "button", "absolute top-2 right-2 btn-ghost btn-xs", "✕");
+  closeBtn.addEventListener("click", () => container.remove());
+  container.appendChild(closeBtn);
+
+  const title = createElement(doc, "h4", "text-sm font-bold mb-2", "Send Zap");
+  container.appendChild(title);
+
+  // Zap Form
+  const form = createElement(doc, "form", "space-y-2 mb-4");
+  const amountInput = createElement(doc, "input", "input input-sm w-full");
+  amountInput.type = "number";
+  amountInput.placeholder = "Amount (sats)";
+  amountInput.min = "1";
+
+  const noteInput = createElement(doc, "input", "input input-sm w-full");
+  noteInput.type = "text";
+  noteInput.placeholder = "Comment (optional)";
+
+  const sendBtn = createElement(doc, "button", "btn btn-sm btn-primary w-full", "Zap ⚡");
+  const statusDiv = createElement(doc, "div", "text-xs text-center mt-1");
+
+  sendBtn.addEventListener("click", async (e) => {
+    e.preventDefault();
+    const amount = parseInt(amountInput.value);
+    const comment = noteInput.value;
+    if (!amount || amount <= 0) {
+        statusDiv.textContent = "Invalid amount";
+        statusDiv.className = "text-error text-xs text-center mt-1";
+        return;
+    }
+
+    statusDiv.textContent = "Sending...";
+    statusDiv.className = "text-muted text-xs text-center mt-1";
+    sendBtn.disabled = true;
+
+    try {
+        if (typeof onSendZap === "function") {
+             // Use provided callback if available (e.g. from controller)
+             if (!contact.lightningAddress) {
+                 throw new Error("No lightning address for this contact");
+             }
+
+             const resolver = zapConfig?.resolveRecipient || resolveZapRecipient;
+             const resolved = await resolver(contact.lightningAddress, { fetcher: zapConfig?.fetcher });
+             if (!resolved) throw new Error("Could not resolve lightning address");
+
+             const payload = {
+                 amountSats: amount,
+                 comment,
+                 recipient: contact,
+                 resolved
+             };
+             await onSendZap(payload);
+             statusDiv.textContent = "Zap sent!";
+             statusDiv.className = "text-success text-xs text-center mt-1";
+             amountInput.value = "";
+             noteInput.value = "";
+        } else if (zapConfig?.signer) {
+            await createAndPublishZapRequest({
+                address: contact.lightningAddress,
+                recipientPubkey: contact.pubkey,
+                relays: contact.relayHints || zapConfig?.relays,
+                amountSats: amount,
+                comment,
+                signer: zapConfig.signer,
+                pool: zapConfig.pool,
+                fetcher: zapConfig.fetcher,
+            });
+            statusDiv.textContent = "Zap sent!";
+            statusDiv.className = "text-success text-xs text-center mt-1";
+            amountInput.value = "";
+            noteInput.value = "";
+        } else {
+             throw new Error("No signer available");
+        }
+    } catch (err) {
+        console.error(err);
+        statusDiv.textContent = "Failed to send zap";
+        statusDiv.className = "text-error text-xs text-center mt-1";
+    } finally {
+        sendBtn.disabled = false;
+    }
+  });
+
+  form.appendChild(amountInput);
+  form.appendChild(noteInput);
+  form.appendChild(sendBtn);
+  form.appendChild(statusDiv);
+  container.appendChild(form);
+
+  // Receipts List
+  container.appendChild(
+    ZapReceiptList({
+      document: doc,
+      receipts: zapReceipts,
+      emptyLabel: "No recent zaps.",
+    }),
+  );
+
+  return container;
+}
diff --git a/dist/js/ui/dm/ZapReceiptList.js b/dist/js/ui/dm/ZapReceiptList.js
new file mode 100644
index 00000000..f8691dfa
--- /dev/null
+++ b/dist/js/ui/dm/ZapReceiptList.js
@@ -0,0 +1,100 @@
+import { formatZapAmount, normalizeZapReceipt } from "./zapHelpers.js";
+
+function createElement(doc, tag, className, text) {
+  const element = doc.createElement(tag);
+  if (className) {
+    element.className = className;
+  }
+  if (typeof text === "string") {
+    element.textContent = text;
+  }
+  return element;
+}
+
+function formatStatus(status) {
+  const normalized = typeof status === "string" ? status.trim().toLowerCase() : "";
+  if (!normalized) {
+    return "Unverified";
+  }
+  if (normalized === "confirmed" || normalized === "paid") {
+    return "Confirmed";
+  }
+  if (normalized === "pending") {
+    return "Pending";
+  }
+  if (normalized === "failed") {
+    return "Failed";
+  }
+  return normalized.charAt(0).toUpperCase() + normalized.slice(1);
+}
+
+export function ZapReceiptList({
+  document: doc,
+  receipts = [],
+  emptyLabel = "No zap receipts yet.",
+} = {}) {
+  if (!doc) {
+    throw new Error("ZapReceiptList requires a document reference.");
+  }
+
+  const root = createElement(doc, "section", "dm-zap-receipts");
+  const header = createElement(doc, "div", "dm-zap-receipts__header");
+  header.appendChild(createElement(doc, "h4", "dm-zap-receipts__title", "Zap receipts"));
+  root.appendChild(header);
+
+  const list = createElement(doc, "ul", "dm-zap-receipts__list");
+  const normalizedReceipts = Array.isArray(receipts) ? receipts.map(normalizeZapReceipt) : [];
+
+  if (!normalizedReceipts.length) {
+    const empty = createElement(doc, "p", "dm-zap-receipts__empty", emptyLabel);
+    root.appendChild(empty);
+    return root;
+  }
+
+  normalizedReceipts.forEach((receipt) => {
+    const item = createElement(doc, "li", "dm-zap-receipts__item");
+    item.dataset.kind = String(receipt?.kind || 9735);
+
+    const amount = createElement(
+      doc,
+      "span",
+      "dm-zap-receipts__amount",
+      formatZapAmount(receipt.amountSats),
+    );
+    item.appendChild(amount);
+
+    const details = createElement(doc, "div", "dm-zap-receipts__details");
+    const senderName = receipt?.senderName || receipt?.sender || "Unknown sender";
+    details.appendChild(
+      createElement(doc, "span", "dm-zap-receipts__sender", senderName),
+    );
+
+    if (receipt?.note) {
+      details.appendChild(createElement(doc, "span", "dm-zap-receipts__note", receipt.note));
+    }
+
+    item.appendChild(details);
+
+    const meta = createElement(doc, "div", "dm-zap-receipts__meta");
+    if (receipt?.timestamp) {
+      meta.appendChild(
+        createElement(doc, "span", "dm-zap-receipts__time", receipt.timestamp),
+      );
+    }
+
+    const status = createElement(
+      doc,
+      "span",
+      "dm-zap-receipts__status",
+      formatStatus(receipt?.status),
+    );
+    status.dataset.status = receipt?.status || "unverified";
+    meta.appendChild(status);
+
+    item.appendChild(meta);
+    list.appendChild(item);
+  });
+
+  root.appendChild(list);
+  return root;
+}
diff --git a/dist/js/ui/dm/index.js b/dist/js/ui/dm/index.js
new file mode 100644
index 00000000..ef5640c3
--- /dev/null
+++ b/dist/js/ui/dm/index.js
@@ -0,0 +1,11 @@
+export { AppShell } from "./AppShell.js";
+export { Avatar } from "./Avatar.js";
+export { ContactRow } from "./ContactRow.js";
+export { ConversationList } from "./ConversationList.js";
+export { MessageThread } from "./MessageThread.js";
+export { MessageBubble } from "./MessageBubble.js";
+export { Composer } from "./Composer.js";
+export { NotificationCenter } from "./NotificationCenter.js";
+export { DayDivider } from "./DayDivider.js";
+export { ZapReceiptList } from "./ZapReceiptList.js";
+export { aggregateZapTotals, formatZapAmount, normalizeZapReceipt } from "./zapHelpers.js";
diff --git a/dist/js/ui/dm/zapHelpers.js b/dist/js/ui/dm/zapHelpers.js
new file mode 100644
index 00000000..3530f3a9
--- /dev/null
+++ b/dist/js/ui/dm/zapHelpers.js
@@ -0,0 +1,58 @@
+function normalizeAmount(value) {
+  const numeric = Number(value);
+  if (!Number.isFinite(numeric)) {
+    return 0;
+  }
+  return Math.max(0, Math.round(numeric));
+}
+
+export function formatZapAmount(amountSats, options = {}) {
+  const normalized = normalizeAmount(amountSats);
+  const { compact = false } = options || {};
+  const formatter = new Intl.NumberFormat("en-US", {
+    notation: compact ? "compact" : "standard",
+    maximumFractionDigits: 0,
+  });
+  return `${formatter.format(normalized)} sats`;
+}
+
+export function aggregateZapTotals(receipts = []) {
+  const totalsByConversation = new Map();
+  const totalsByProfile = new Map();
+  let overallSats = 0;
+
+  const list = Array.isArray(receipts) ? receipts : [];
+  list.forEach((receipt) => {
+    const amount = normalizeAmount(receipt?.amountSats ?? receipt?.amount ?? 0);
+    if (!amount) {
+      return;
+    }
+
+    overallSats += amount;
+
+    const conversationId = typeof receipt?.conversationId === "string" ? receipt.conversationId : "";
+    if (conversationId) {
+      totalsByConversation.set(
+        conversationId,
+        (totalsByConversation.get(conversationId) || 0) + amount,
+      );
+    }
+
+    const profileId = typeof receipt?.profileId === "string" ? receipt.profileId : "";
+    if (profileId) {
+      totalsByProfile.set(profileId, (totalsByProfile.get(profileId) || 0) + amount);
+    }
+  });
+
+  return {
+    overallSats,
+    totalsByConversation,
+    totalsByProfile,
+  };
+}
+
+export function normalizeZapReceipt(receipt = {}) {
+  const normalized = { ...receipt };
+  normalized.amountSats = normalizeAmount(receipt?.amountSats ?? receipt?.amount ?? 0);
+  return normalized;
+}
diff --git a/dist/js/ui/editModalController.js b/dist/js/ui/editModalController.js
new file mode 100644
index 00000000..5b762ca0
--- /dev/null
+++ b/dist/js/ui/editModalController.js
@@ -0,0 +1,119 @@
+import { devLogger } from "../utils/logger.js";
+
+export default class EditModalController {
+  constructor({ services, state, ui, callbacks, helpers }) {
+    this.services = services;
+    this.state = state;
+    this.ui = ui;
+    this.callbacks = callbacks;
+    this.helpers = helpers;
+  }
+
+  async open(target) {
+    try {
+      const normalizedTarget = this.helpers.normalizeActionTarget(target);
+      const { triggerElement } = normalizedTarget;
+
+      const blacklistedEventIds = this.state.getBlacklistedEventIds();
+      const isAuthorBlocked = this.callbacks.isAuthorBlocked;
+
+      const latestVideos = await this.services.nostrService.fetchVideos({
+        blacklistedEventIds,
+        isAuthorBlocked: (pubkey) => isAuthorBlocked(pubkey),
+      });
+
+      const video = await this.helpers.resolveVideoActionTarget({
+        ...normalizedTarget,
+        preloadedList: latestVideos,
+      });
+
+      // 2) Basic ownership checks
+      const pubkey = this.state.getPubkey();
+      if (!pubkey) {
+        this.ui.showError("Please login to edit videos.");
+        return;
+      }
+      const userPubkey = (pubkey || "").toLowerCase();
+      const videoPubkey = (video?.pubkey || "").toLowerCase();
+      if (!video || !videoPubkey || videoPubkey !== userPubkey) {
+        this.ui.showError("You do not own this video.");
+        return;
+      }
+
+      const editModal = this.ui.getEditModal();
+      if (!editModal) {
+        this.ui.showError("Edit modal is not available right now.");
+        return;
+      }
+
+      try {
+        await editModal.load();
+      } catch (error) {
+        devLogger.error("Failed to load edit modal:", error);
+        this.ui.showError(`Failed to initialize edit modal: ${error.message}`);
+        return;
+      }
+
+      try {
+        await editModal.open(video, { triggerElement });
+      } catch (error) {
+        devLogger.error("Failed to open edit modal:", error);
+        this.ui.showError("Edit modal is not available right now.");
+      }
+    } catch (err) {
+      devLogger.error("Failed to edit video:", err);
+      this.ui.showError("Failed to edit video. Please try again.");
+    }
+  }
+
+  async handleSubmit(event) {
+    const detail = event?.detail || {};
+    const { originalEvent, updatedData } = detail;
+    if (!originalEvent || !updatedData) {
+      return;
+    }
+
+    const pubkey = this.state.getPubkey();
+    const editModal = this.ui.getEditModal();
+
+    if (!pubkey) {
+      this.ui.showError("Please login to edit videos.");
+      if (editModal?.setSubmitState) {
+        editModal.setSubmitState({ pending: false });
+      }
+      return;
+    }
+
+    try {
+      await this.services.nostrService.handleEditVideoSubmit({
+        originalEvent,
+        updatedData,
+        pubkey,
+      });
+      await this.callbacks.loadVideos();
+
+      const videosMap = this.state.getVideosMap();
+      if (videosMap) {
+        videosMap.clear();
+      }
+
+      this.ui.showSuccess("Video updated successfully!");
+
+      if (editModal?.setSubmitState) {
+        editModal.setSubmitState({ pending: false });
+      }
+
+      if (typeof editModal.close === "function") {
+        editModal.close();
+      }
+
+      this.callbacks.forceRefreshAllProfiles();
+    } catch (error) {
+      devLogger.error("Failed to edit video:", error);
+      this.ui.showError("Failed to edit video. Please try again.");
+      if (editModal?.setSubmitState) {
+        editModal.setSubmitState({ pending: false });
+      }
+    }
+  }
+}
diff --git a/dist/js/ui/engagementController.js b/dist/js/ui/engagementController.js
new file mode 100644
index 00000000..b2c5c5c9
--- /dev/null
+++ b/dist/js/ui/engagementController.js
@@ -0,0 +1,426 @@
+import { devLogger } from "../utils/logger.js";
+
+export default class EngagementController {
+  constructor({ services = {}, ui = {}, state = {} } = {}) {
+    this.services = {
+      nostrClient: services.nostrClient,
+    };
+    this.ui = {
+      showError: ui.showError || (() => {}),
+      showSuccess: ui.showSuccess || (() => {}),
+      showStatus: ui.showStatus || (() => {}),
+    };
+    this.state = {
+      getCurrentVideo: state.getCurrentVideo || (() => null),
+      getCurrentVideoPointer: state.getCurrentVideoPointer || (() => null),
+    };
+  }
+
+  derivePointerFromDataset(dataset = {}, context = "") {
+    const type =
+      typeof dataset.pointerType === "string" ? dataset.pointerType.trim() : "";
+    const value =
+      typeof dataset.pointerValue === "string"
+        ? dataset.pointerValue.trim()
+        : "";
+    const relay =
+      typeof dataset.pointerRelay === "string"
+        ? dataset.pointerRelay.trim()
+        : "";
+
+    if (type && value) {
+      return relay ? [type, value, relay] : [type, value];
+    }
+
+    const currentVideoPointer = this.state.getCurrentVideoPointer();
+    if (
+      context === "modal" &&
+      Array.isArray(currentVideoPointer) &&
+      currentVideoPointer.length >= 2
+    ) {
+      return currentVideoPointer;
+    }
+
+    const currentVideo = this.state.getCurrentVideo();
+    if (
+      context === "modal" &&
+      Array.isArray(currentVideo?.pointer) &&
+      currentVideo.pointer.length >= 2
+    ) {
+      return currentVideo.pointer;
+    }
+
+    return null;
+  }
+
+  async handleRepostAction(dataset = {}) {
+    const context = typeof dataset.context === "string" ? dataset.context : "";
+    const explicitEventId =
+      typeof dataset.eventId === "string" && dataset.eventId.trim()
+        ? dataset.eventId.trim()
+        : "";
+
+    const currentVideo = this.state.getCurrentVideo();
+    const fallbackEventId =
+      context === "modal" && currentVideo?.id ? currentVideo.id : "";
+    const targetEventId = explicitEventId || fallbackEventId;
+
+    if (!targetEventId) {
+      this.ui.showError("No event is available to repost.");
+      return;
+    }
+
+    const pointer = this.derivePointerFromDataset(dataset, context);
+
+    let author =
+      typeof dataset.author === "string" ? dataset.author.trim() : "";
+    if (!author && context === "modal" && currentVideo?.pubkey) {
+      author = currentVideo.pubkey;
+    }
+
+    const rawKindValue = (() => {
+      if (typeof dataset.kind === "string" && dataset.kind.trim()) {
+        const parsed = Number.parseInt(dataset.kind.trim(), 10);
+        return Number.isFinite(parsed) ? parsed : null;
+      }
+      if (Number.isFinite(dataset.kind)) {
+        return Number(dataset.kind);
+      }
+      if (Number.isFinite(currentVideo?.kind)) {
+        return Number(currentVideo.kind);
+      }
+      return null;
+    })();
+
+    const options = {
+      pointer,
+      pointerType: dataset.pointerType,
+      pointerValue: dataset.pointerValue,
+      pointerRelay: dataset.pointerRelay,
+      authorPubkey: author,
+    };
+
+    if (Number.isFinite(rawKindValue)) {
+      options.kind = Math.floor(rawKindValue);
+    }
+
+    try {
+      const result = await this.services.nostrClient.repostEvent(
+        targetEventId,
+        options
+      );
+
+      if (!result?.ok) {
+        const code = result?.error || "repost-failed";
+        switch (code) {
+          case "invalid-event-id":
+            this.ui.showError("No event is available to repost.");
+            break;
+          case "missing-actor":
+            this.ui.showError(
+              "Cannot sign the repost right now. Please refresh and try again."
+            );
+            break;
+          case "pool-unavailable":
+            this.ui.showError(
+              "Cannot reach relays right now. Please try again later."
+            );
+            break;
+          case "publish-rejected":
+            this.ui.showError("No relay accepted the repost attempt.");
+            break;
+          case "signing-failed":
+            this.ui.showError("Failed to sign the repost. Please try again.");
+            break;
+          default:
+            this.ui.showError(
+              "Failed to repost the video. Please try again later."
+            );
+            break;
+        }
+        return;
+      }
+
+      const acceptedCount = Array.isArray(result.summary?.accepted)
+        ? result.summary.accepted.length
+        : 0;
+      const relayCount =
+        acceptedCount > 0
+          ? acceptedCount
+          : Array.isArray(result.relays)
+          ? result.relays.length
+          : acceptedCount;
+
+      const fragments = [];
+      if (relayCount > 0) {
+        fragments.push(
+          `Reposted to ${relayCount} relay${relayCount === 1 ? "" : "s"}.`
+        );
+      } else {
+        fragments.push("Reposted.");
+      }
+
+      if (result.sessionActor) {
+        fragments.push("Boost as session user.");
+      }
+
+      this.ui.showSuccess(fragments.join(" ").trim());
+    } catch (error) {
+      devLogger.warn("[EngagementController] Repost action failed:", error);
+      this.ui.showError("Failed to repost the video. Please try again later.");
+    }
+  }
+
+  async handleMirrorAction(dataset = {}) {
+    const context = typeof dataset.context === "string" ? dataset.context : "";
+    const explicitEventId =
+      typeof dataset.eventId === "string" && dataset.eventId.trim()
+        ? dataset.eventId.trim()
+        : "";
+
+    const currentVideo = this.state.getCurrentVideo();
+    const fallbackEventId =
+      context === "modal" && currentVideo?.id ? currentVideo.id : "";
+    const targetEventId = explicitEventId || fallbackEventId;
+
+    if (!targetEventId) {
+      this.ui.showError("No event is available to mirror.");
+      return;
+    }
+
+    const explicitUrl =
+      typeof dataset.url === "string" && dataset.url.trim()
+        ? dataset.url.trim()
+        : "";
+    const fallbackUrl =
+      context === "modal" && typeof currentVideo?.url === "string"
+        ? currentVideo.url.trim()
+        : "";
+    const targetUrl = explicitUrl || fallbackUrl;
+
+    if (!targetUrl) {
+      this.ui.showError("This video does not expose a hosted URL to mirror.");
+      return;
+    }
+
+    const rawMagnet =
+      typeof dataset.magnet === "string" && dataset.magnet.trim()
+        ? dataset.magnet.trim()
+        : "";
+    const fallbackMagnet =
+      context === "modal"
+        ? currentVideo?.magnet || currentVideo?.originalMagnet || ""
+        : "";
+    const magnet = rawMagnet || fallbackMagnet;
+
+    const thumbnail =
+      typeof dataset.thumbnail === "string" && dataset.thumbnail.trim()
+        ? dataset.thumbnail.trim()
+        : context === "modal" && typeof currentVideo?.thumbnail === "string"
+        ? currentVideo.thumbnail.trim()
+        : "";
+
+    const description =
+      typeof dataset.description === "string" && dataset.description.trim()
+        ? dataset.description.trim()
+        : context === "modal" && typeof currentVideo?.description === "string"
+        ? currentVideo.description.trim()
+        : "";
+
+    const title =
+      typeof dataset.title === "string" && dataset.title.trim()
+        ? dataset.title.trim()
+        : context === "modal" && typeof currentVideo?.title === "string"
+        ? currentVideo.title.trim()
+        : "";
+
+    const datasetPrivate =
+      dataset.isPrivate === "true" || dataset.isPrivate === true ? true : false;
+    const fallbackPrivate =
+      context === "modal" && currentVideo?.isPrivate === true;
+    const isPrivate = datasetPrivate || fallbackPrivate;
+
+    if (isPrivate) {
+      this.ui.showError("Mirroring is unavailable for private videos.");
+      return;
+    }
+
+    const options = {
+      url: targetUrl,
+      magnet,
+      thumbnail,
+      description,
+      title,
+      isPrivate,
+    };
+
+    try {
+      const result = await this.services.nostrClient.mirrorVideoEvent(
+        targetEventId,
+        options
+      );
+
+      if (!result?.ok) {
+        const code = result?.error || "mirror-failed";
+        switch (code) {
+          case "invalid-event-id":
+            this.ui.showError("No event is available to mirror.");
+            break;
+          case "missing-url":
+            this.ui.showError(
+              "This video does not expose a hosted URL to mirror."
+            );
+            break;
+          case "missing-actor":
+            this.ui.showError(
+              "Cannot sign the mirror right now. Please refresh and try again."
+            );
+            break;
+          case "pool-unavailable":
+            this.ui.showError(
+              "Cannot reach relays right now. Please try again later."
+            );
+            break;
+          case "publish-rejected":
+            this.ui.showError("No relay accepted the mirror attempt.");
+            break;
+          case "signing-failed":
+            this.ui.showError("Failed to sign the mirror. Please try again.");
+            break;
+          default:
+            this.ui.showError(
+              "Failed to mirror the video. Please try again later."
+            );
+            break;
+        }
+        return;
+      }
+
+      const acceptedCount = Array.isArray(result.summary?.accepted)
+        ? result.summary.accepted.length
+        : 0;
+      const relayCount =
+        acceptedCount > 0
+          ? acceptedCount
+          : Array.isArray(result.relays)
+          ? result.relays.length
+          : acceptedCount;
+
+      const fragments = [];
+      if (relayCount > 0) {
+        fragments.push(
+          `Mirrored to ${relayCount} relay${relayCount === 1 ? "" : "s"}.`
+        );
+      } else {
+        fragments.push("Mirrored.");
+      }
+
+      if (result.sessionActor) {
+        fragments.push("Boost as session user.");
+      }
+
+      this.ui.showSuccess(fragments.join(" ").trim());
+    } catch (error) {
+      devLogger.warn("[EngagementController] Mirror action failed:", error);
+      this.ui.showError("Failed to mirror the video. Please try again later.");
+    }
+  }
+
+  async handleEnsurePresenceAction(dataset = {}) {
+    const context = typeof dataset.context === "string" ? dataset.context : "";
+    const explicitEventId =
+      typeof dataset.eventId === "string" && dataset.eventId.trim()
+        ? dataset.eventId.trim()
+        : "";
+
+    const currentVideo = this.state.getCurrentVideo();
+    const fallbackEventId =
+      context === "modal" && currentVideo?.id ? currentVideo.id : "";
+    const targetEventId = explicitEventId || fallbackEventId;
+
+    if (!targetEventId) {
+      this.ui.showError("No event is available to rebroadcast.");
+      return;
+    }
+
+    const explicitPubkey =
+      typeof dataset.pubkey === "string" && dataset.pubkey.trim()
+        ? dataset.pubkey.trim()
+        : "";
+    const datasetAuthor =
+      typeof dataset.author === "string" && dataset.author.trim()
+        ? dataset.author.trim()
+        : "";
+    const fallbackPubkey =
+      context === "modal" && typeof currentVideo?.pubkey === "string"
+        ? currentVideo.pubkey
+        : datasetAuthor;
+    const targetPubkey = explicitPubkey || fallbackPubkey || "";
+
+    try {
+      const result = await this.services.nostrClient.rebroadcastEvent(
+        targetEventId,
+        {
+          pubkey: targetPubkey,
+        }
+      );
+
+      if (result?.throttled) {
+        const remainingMs = Math.max(
+          0,
+          Number(result?.cooldown?.remainingMs) || 0
+        );
+        const remainingSeconds = Math.ceil(remainingMs / 1000);
+        const message =
+          remainingSeconds > 0
+            ? `Rebroadcast is cooling down. Try again in ${remainingSeconds}s.`
+            : "Rebroadcast is cooling down. Try again soon.";
+        this.ui.showStatus(message);
+        if (
+          typeof window !== "undefined" &&
+          typeof window.setTimeout === "function"
+        ) {
+          window.setTimeout(() => {
+            this.ui.showStatus("");
+          }, 5000);
+        }
+        return;
+      }
+
+      if (!result?.ok) {
+        const code = result?.error || "rebroadcast-failed";
+        switch (code) {
+          case "event-not-found":
+            this.ui.showError(
+              "Original event payload is unavailable. Reload and try again."
+            );
+            break;
+          case "publish-rejected":
+            this.ui.showError("No relay accepted the rebroadcast attempt.");
+            break;
+          case "pool-unavailable":
+            this.ui.showError(
+              "Cannot reach relays right now. Please try again later."
+            );
+            break;
+          default:
+            this.ui.showError(
+              "Failed to rebroadcast. Please try again later."
+            );
+            break;
+        }
+        return;
+      }
+
+      if (result?.alreadyPresent) {
+        this.ui.showSuccess("Relays already have this revision.");
+        return;
+      }
+
+      this.ui.showSuccess("Rebroadcast requested across relays.");
+    } catch (error) {
+      devLogger.warn("[EngagementController] Rebroadcast action failed:", error);
+      this.ui.showError("Failed to rebroadcast. Please try again later.");
+    }
+  }
+}
diff --git a/dist/js/ui/initDeleteModal.js b/dist/js/ui/initDeleteModal.js
new file mode 100644
index 00000000..b8c111bc
--- /dev/null
+++ b/dist/js/ui/initDeleteModal.js
@@ -0,0 +1,58 @@
+import { DeleteModal } from "./components/DeleteModal.js";
+
+export function initDeleteModal({
+  app = null,
+  deleteModalOverride = null,
+  container = null,
+  utilities = {},
+  callbacks = {},
+  eventTarget = null,
+} = {}) {
+  const events = eventTarget instanceof EventTarget ? eventTarget : new EventTarget();
+
+  const {
+    removeTrackingScripts: removeTrackingScriptsFn = null,
+    setGlobalModalState: setGlobalModalStateFn = null,
+    truncateMiddle = null,
+  } = utilities;
+
+  const {
+    onConfirm = null,
+    onCancel = null,
+  } = callbacks;
+
+  const modal =
+    (typeof deleteModalOverride === "function"
+      ? deleteModalOverride({ app, eventTarget: events })
+      : deleteModalOverride) ||
+    new DeleteModal({
+      removeTrackingScripts: removeTrackingScriptsFn,
+      setGlobalModalState: setGlobalModalStateFn,
+      truncateMiddle,
+      container,
+      eventTarget: events,
+    });
+
+  const boundConfirmHandler =
+    typeof onConfirm === "function" ? (event) => onConfirm(event) : null;
+  const boundCancelHandler = typeof onCancel === "function" ? () => onCancel() : null;
+
+  if (boundConfirmHandler && typeof modal?.addEventListener === "function") {
+    modal.addEventListener("video:delete-confirm", boundConfirmHandler);
+  }
+
+  if (boundCancelHandler && typeof modal?.addEventListener === "function") {
+    modal.addEventListener("video:delete-cancel", boundCancelHandler);
+  }
+
+  return {
+    modal,
+    events,
+    handlers: {
+      confirm: boundConfirmHandler,
+      cancel: boundCancelHandler,
+    },
+  };
+}
+
+export default initDeleteModal;
diff --git a/dist/js/ui/initEditModal.js b/dist/js/ui/initEditModal.js
new file mode 100644
index 00000000..6e63103e
--- /dev/null
+++ b/dist/js/ui/initEditModal.js
@@ -0,0 +1,68 @@
+import { EditModal } from "./components/EditModal.js";
+
+export function initEditModal({
+  app = null,
+  editModalOverride = null,
+  container = null,
+  services = {},
+  utilities = {},
+  callbacks = {},
+  eventTarget = null,
+} = {}) {
+  const events = eventTarget instanceof EventTarget ? eventTarget : new EventTarget();
+
+  const {
+    getMode = null,
+    sanitizers = {},
+  } = services;
+
+  const {
+    removeTrackingScripts: removeTrackingScriptsFn = null,
+    setGlobalModalState: setGlobalModalStateFn = null,
+    escapeHtml = null,
+  } = utilities;
+
+  const {
+    showError = null,
+    onSubmit = null,
+    onCancel = null,
+  } = callbacks;
+
+  const modal =
+    (typeof editModalOverride === "function"
+      ? editModalOverride({ app, eventTarget: events })
+      : editModalOverride) ||
+    new EditModal({
+      removeTrackingScripts: removeTrackingScriptsFn,
+      setGlobalModalState: setGlobalModalStateFn,
+      showError,
+      getMode,
+      sanitizers,
+      escapeHtml,
+      eventTarget: events,
+      container,
+    });
+
+  const boundSubmitHandler =
+    typeof onSubmit === "function" ? (event) => onSubmit(event) : null;
+  const boundCancelHandler = typeof onCancel === "function" ? () => onCancel() : null;
+
+  if (boundSubmitHandler && typeof modal?.addEventListener === "function") {
+    modal.addEventListener("video:edit-submit", boundSubmitHandler);
+  }
+
+  if (boundCancelHandler && typeof modal?.addEventListener === "function") {
+    modal.addEventListener("video:edit-cancel", boundCancelHandler);
+  }
+
+  return {
+    modal,
+    events,
+    handlers: {
+      submit: boundSubmitHandler,
+      cancel: boundCancelHandler,
+    },
+  };
+}
+
+export default initEditModal;
diff --git a/dist/js/ui/initUploadModal.js b/dist/js/ui/initUploadModal.js
new file mode 100644
index 00000000..466d48dc
--- /dev/null
+++ b/dist/js/ui/initUploadModal.js
@@ -0,0 +1,76 @@
+import { UploadModal } from "./components/UploadModal.js";
+
+export function initUploadModal({
+  app = null,
+  uploadModalOverride = null,
+  container = null,
+  services = {},
+  utilities = {},
+  callbacks = {},
+  eventTarget = null,
+} = {}) {
+  const events = eventTarget instanceof EventTarget ? eventTarget : new EventTarget();
+
+  const {
+    authService = null,
+    r2Service = null,
+    s3Service = null,
+    storageService = null,
+  } = services;
+
+  const {
+    removeTrackingScripts: removeTrackingScriptsFn = null,
+    setGlobalModalState: setGlobalModalStateFn = null,
+  } = utilities;
+
+  const {
+    publishVideoNote = null,
+    showError = null,
+    showSuccess = null,
+    getCurrentPubkey = null,
+    safeEncodeNpub = null,
+    onSubmit = null,
+  } = callbacks;
+
+  const modal =
+    (typeof uploadModalOverride === "function"
+      ? uploadModalOverride({ app, eventTarget: events })
+      : uploadModalOverride) ||
+    new UploadModal({
+      authService,
+      r2Service,
+      s3Service,
+      storageService,
+      publishVideoNote,
+      removeTrackingScripts: removeTrackingScriptsFn,
+      setGlobalModalState: setGlobalModalStateFn,
+      showError,
+      showSuccess,
+      getCurrentPubkey,
+      safeEncodeNpub,
+      eventTarget: events,
+      container,
+      onRequestStorageSettings: () => {
+        if (app && app.profileController && typeof app.profileController.show === "function") {
+          app.profileController.show("storage");
+        }
+      },
+    });
+
+  const boundSubmitHandler =
+    typeof onSubmit === "function" ? (event) => onSubmit(event) : null;
+
+  if (boundSubmitHandler && typeof modal?.addEventListener === "function") {
+    modal.addEventListener("upload:submit", boundSubmitHandler);
+  }
+
+  return {
+    modal,
+    events,
+    handlers: {
+      submit: boundSubmitHandler,
+    },
+  };
+}
+
+export default initUploadModal;
diff --git a/dist/js/ui/loginModalController.js b/dist/js/ui/loginModalController.js
new file mode 100644
index 00000000..bc323ecd
--- /dev/null
+++ b/dist/js/ui/loginModalController.js
@@ -0,0 +1,2532 @@
+import { devLogger, userLogger } from "../utils/logger.js";
+import { renderQrCode } from "../utils/qrcode.js";
+
+const noop = () => {};
+const SLOW_PROVIDER_DELAY_MS = 8_000;
+const MODAL_CLOSE_POLL_INTERVAL_MS = 200;
+
+function createError(code, message) {
+  const error = new Error(message);
+  if (code) {
+    error.code = code;
+  }
+  return error;
+}
+
+function toArray(input) {
+  if (!input) {
+    return [];
+  }
+
+  if (Array.isArray(input)) {
+    return input;
+  }
+
+  if (typeof input === "object") {
+    return Object.values(input);
+  }
+
+  return [];
+}
+
+function normalizeProvider(provider, fallbackId, index) {
+  if (!provider || typeof provider !== "object") {
+    return null;
+  }
+
+  if (typeof provider.login !== "function") {
+    return null;
+  }
+
+  const rawId =
+    typeof provider.id === "string" && provider.id.trim()
+      ? provider.id.trim()
+      : typeof fallbackId === "string" && fallbackId
+      ? `${fallbackId}-${index}`
+      : `provider-${index}`;
+
+  const label =
+    typeof provider.label === "string" && provider.label.trim()
+      ? provider.label.trim()
+      : rawId;
+
+  const eyebrow =
+    typeof provider.eyebrow === "string" && provider.eyebrow.trim()
+      ? provider.eyebrow.trim()
+      : "";
+
+  const description =
+    typeof provider.description === "string" && provider.description.trim()
+      ? provider.description.trim()
+      : "";
+
+  const rawTone =
+    typeof provider.tone === "string" && provider.tone.trim()
+      ? provider.tone.trim().toLowerCase()
+      : "";
+
+  const tone = rawTone ? rawTone : "";
+
+  const button = provider.button && typeof provider.button === "object"
+    ? provider.button
+    : {};
+
+  const messages = provider.messages && typeof provider.messages === "object"
+    ? provider.messages
+    : {};
+
+  const capabilities = Array.isArray(provider.capabilities)
+    ? provider.capabilities.filter((capability) =>
+        capability && typeof capability === "object" && capability.label,
+      )
+    : [];
+
+  const orderValue = Number.parseInt(provider.order, 10);
+  const order = Number.isFinite(orderValue) ? orderValue : Number.MAX_SAFE_INTEGER;
+
+  return {
+    id: rawId,
+    source: provider,
+    label,
+    eyebrow,
+    description,
+    button,
+    messages,
+    capabilities,
+    order,
+    tone,
+    disabled: provider.disabled === true || provider.available === false,
+    errorMessage:
+      typeof provider.errorMessage === "string" && provider.errorMessage.trim()
+        ? provider.errorMessage.trim()
+        : typeof messages.error === "string" && messages.error.trim()
+        ? messages.error.trim()
+        : "Failed to login. Please try again.",
+  };
+}
+
+function sortProviders(providers) {
+  return providers.sort((a, b) => {
+    if (a.order !== b.order) {
+      return a.order - b.order;
+    }
+    return a.label.localeCompare(b.label);
+  });
+}
+
+function safeInvoke(callback, payload) {
+  if (typeof callback !== "function") {
+    return undefined;
+  }
+
+  try {
+    return callback(payload);
+  } catch (error) {
+    devLogger.warn("[LoginModalController] Callback threw:", error);
+    return undefined;
+  }
+}
+
+async function safeInvokeAsync(callback, payload) {
+  if (typeof callback !== "function") {
+    return;
+  }
+
+  try {
+    await callback(payload);
+  } catch (error) {
+    devLogger.warn("[LoginModalController] Async callback threw:", error);
+  }
+}
+
+function resolveDocument(candidate) {
+  if (candidate && typeof candidate === "object" && candidate.nodeType === 9) {
+    return candidate;
+  }
+
+  if (typeof document !== "undefined" && document?.nodeType === 9) {
+    return document;
+  }
+
+  return null;
+}
+
+function resolveWindow(doc) {
+  if (doc && typeof doc.defaultView !== "undefined") {
+    return doc.defaultView;
+  }
+
+  if (typeof window !== "undefined") {
+    return window;
+  }
+
+  return null;
+}
+
+function resolveButtonVariantClasses(variant, className) {
+  const classes = new Set(["login-option"]);
+
+  if (typeof className === "string" && className.trim()) {
+    className
+      .trim()
+      .split(/\s+/)
+      .forEach((token) => {
+        if (token) {
+          classes.add(token);
+        }
+      });
+  }
+
+  switch (variant) {
+    case "ghost":
+      classes.add("login-option--ghost");
+      break;
+    case "outline":
+      classes.add("login-option--outline");
+      break;
+    case "link":
+      classes.add("login-option--link");
+      break;
+    case "primary":
+    case "default":
+    default:
+      classes.add("login-option--primary");
+      break;
+  }
+
+  return Array.from(classes).join(" ");
+}
+
+export default class LoginModalController {
+  constructor({
+    modalElement,
+    providers,
+    services = {},
+    callbacks = {},
+    helpers = {},
+    document: providedDocument,
+  } = {}) {
+    this.modalElement =
+      modalElement instanceof HTMLElement ? modalElement : null;
+    this.document =
+      resolveDocument(providedDocument || this.modalElement?.ownerDocument) || null;
+    this.window = resolveWindow(this.document);
+
+    const normalizedProviders = sortProviders(
+      toArray(providers).reduce((accumulator, provider, index) => {
+        const normalized = normalizeProvider(provider, "provider", index);
+        if (normalized) {
+          accumulator.push(normalized);
+        }
+        return accumulator;
+      }, []),
+    );
+
+    this.providers = normalizedProviders;
+    this.services = {
+      authService:
+        services.authService && typeof services.authService === "object"
+          ? services.authService
+          : null,
+      nostrClient:
+        services.nostrClient && typeof services.nostrClient === "object"
+          ? services.nostrClient
+          : null,
+    };
+
+    this.callbacks = {
+      onProviderSelected:
+        typeof callbacks.onProviderSelected === "function"
+          ? callbacks.onProviderSelected
+          : noop,
+      onLoginSuccess:
+        typeof callbacks.onLoginSuccess === "function"
+          ? callbacks.onLoginSuccess
+          : null,
+      onLoginError:
+        typeof callbacks.onLoginError === "function"
+          ? callbacks.onLoginError
+          : null,
+    };
+
+    this.helpers = {
+      closeModal:
+        typeof helpers.closeModal === "function" ? helpers.closeModal : noop,
+      describeLoginError:
+        typeof helpers.describeLoginError === "function"
+          ? helpers.describeLoginError
+          : (_, fallbackMessage) => fallbackMessage,
+      openModal:
+        typeof helpers.openModal === "function" ? helpers.openModal : null,
+      prepareModal:
+        typeof helpers.prepareModal === "function" ? helpers.prepareModal : null,
+      setModalState:
+        typeof helpers.setModalState === "function" ? helpers.setModalState : null,
+    };
+
+    this.providerContainer = null;
+    this.modalBody =
+      this.modalElement?.querySelector(".modal-body") || null;
+    this.nsecTemplate =
+      this.modalElement?.querySelector("template[data-login-nsec-dialog]") || null;
+    this.nip46Template =
+      this.modalElement?.querySelector("template[data-login-nip46-dialog]") || null;
+    this.generateTemplate =
+      this.modalElement?.querySelector("template[data-login-generate-dialog]") || null;
+    this.template = null;
+    this.providerEntries = new Map();
+    this.slowTimers = new Map();
+    this.boundClickHandler = (event) => this.handleContainerClick(event);
+    this.activeNsecForm = null;
+    this.activeNip46Form = null;
+    this.activeGenerateView = null;
+    this.pendingNip46Cleanup = null;
+    this.remoteSignerUnsubscribe = null;
+    this.lastRemoteSignerStatus = null;
+    this.nextRequestLoginOptions = null;
+    this.nextRequestLoginOptionsResolver = null;
+    this.pendingTask = null;
+    this.modalPrepared = false;
+    // Track generated keys so we only create one keypair per modal session.
+    this.generatedKeypair = null;
+    // Track modal close state to reset generated keys when the modal closes.
+    this.modalCloseObserver = null;
+    this.modalCloseIntervalId = null;
+    this.isSelectionInProgress = false;
+    this.nip46AutoStartTimer = null;
+
+    this.initializeRemoteSignerStatus();
+    this.initialized = false;
+
+    this.initialize();
+  }
+
+  initialize() {
+    if (!this.modalElement) {
+      devLogger.warn("[LoginModalController] Modal element was not provided.");
+      return;
+    }
+
+    const container = this.modalElement.querySelector("[data-login-providers]");
+    if (!(container instanceof HTMLElement)) {
+      devLogger.warn("[LoginModalController] Provider container not found.");
+      return;
+    }
+
+    this.providerContainer = container;
+    this.template = this.resolveTemplate();
+
+    this.renderProviders();
+    // Start tracking modal close events to reset per-session key generation state.
+    this.initializeModalCloseTracking();
+
+    if (typeof this.lastRemoteSignerStatus !== "undefined") {
+      this.applyRemoteSignerStatus(this.lastRemoteSignerStatus);
+    }
+
+    this.providerContainer.addEventListener("click", this.boundClickHandler);
+    this.initialized = true;
+  }
+
+  initializeModalCloseTracking() {
+    const modal = this.modalElement;
+    if (!(modal instanceof HTMLElement)) {
+      return;
+    }
+
+    const handleClose = () => {
+      if (!this.isModalOpen()) {
+        // Reset generated keys once the modal is closed to allow a new keypair later.
+        this.resetGeneratedKeypair();
+      }
+    };
+
+    // Prefer a MutationObserver, fall back to polling if needed.
+    if (typeof MutationObserver === "function") {
+      if (this.modalCloseObserver) {
+        return;
+      }
+      try {
+        const observer = new MutationObserver(handleClose);
+        observer.observe(modal, {
+          attributes: true,
+          attributeFilter: ["data-open", "class"],
+        });
+        this.modalCloseObserver = observer;
+        return;
+      } catch (error) {
+        devLogger.warn(
+          "[LoginModalController] Failed to observe login modal close state:",
+          error,
+        );
+      }
+    }
+
+    if (
+      this.modalCloseIntervalId ||
+      !this.window ||
+      typeof this.window.setInterval !== "function"
+    ) {
+      return;
+    }
+
+    // Poll for modal close state as a fallback when observers are unavailable.
+    this.modalCloseIntervalId = this.window.setInterval(handleClose, 500);
+  }
+
+  resetGeneratedKeypair() {
+    // Clear cached keypair so the next modal session generates fresh keys.
+    this.generatedKeypair = null;
+  }
+
+  ensureModalPrepared() {
+    if (!(this.modalElement instanceof HTMLElement)) {
+      return null;
+    }
+
+    if (!this.modalPrepared && typeof this.helpers.prepareModal === "function") {
+      try {
+        const prepared = this.helpers.prepareModal(this.modalElement);
+        if (prepared instanceof HTMLElement) {
+          this.modalElement = prepared;
+        }
+      } catch (error) {
+        devLogger.warn(
+          "[LoginModalController] Failed to prepare login modal for accessibility:",
+          error,
+        );
+      }
+    }
+
+    this.modalPrepared = true;
+    // Ensure close tracking starts after modal preparation updates the element.
+    this.initializeModalCloseTracking();
+    return this.modalElement instanceof HTMLElement ? this.modalElement : null;
+  }
+
+  isModalOpen() {
+    const modal = this.modalElement;
+    if (!(modal instanceof HTMLElement)) {
+      return false;
+    }
+
+    if (typeof modal.dataset?.open === "string") {
+      return modal.dataset.open === "true";
+    }
+
+    const attr = modal.getAttribute("data-open");
+    if (typeof attr === "string") {
+      return attr === "true";
+    }
+
+    return !modal.classList.contains("hidden");
+  }
+
+  openModal({ triggerElement } = {}) {
+    const modal = this.ensureModalPrepared();
+    if (!(modal instanceof HTMLElement)) {
+      throw this.createModalUnavailableError();
+    }
+
+    if (typeof this.helpers.openModal === "function") {
+      try {
+        const result = this.helpers.openModal({
+          modal,
+          triggerElement,
+        });
+        return result !== false;
+      } catch (error) {
+        devLogger.warn(
+          "[LoginModalController] Failed to open login modal via helper:",
+          error,
+        );
+        return false;
+      }
+    }
+
+    try {
+      modal.classList.remove("hidden");
+      modal.setAttribute("data-open", "true");
+      return true;
+    } catch (error) {
+      devLogger.warn(
+        "[LoginModalController] Failed to toggle login modal visibility:",
+        error,
+      );
+    }
+
+    return false;
+  }
+
+  createModalUnavailableError() {
+    return createError("modal-unavailable", "Login modal unavailable.");
+  }
+
+  createLoginInProgressError() {
+    return createError(
+      "login-in-progress",
+      "Another login operation is already in progress.",
+    );
+  }
+
+  createModalOpenFailedError() {
+    return createError("modal-open-failed", "Unable to open login modal.");
+  }
+
+  createCancellationError() {
+    return createError("login-cancelled", "Login cancelled.");
+  }
+
+  startModalCloseWatch(task) {
+    const modal = this.modalElement;
+    if (!(modal instanceof HTMLElement)) {
+      return;
+    }
+
+    const handleClose = () => {
+      if (task.settled) {
+        return;
+      }
+      task.reject(this.createCancellationError());
+    };
+
+    if (typeof MutationObserver === "function") {
+      try {
+        const observer = new MutationObserver(() => {
+          if (!this.isModalOpen()) {
+            handleClose();
+          }
+        });
+        observer.observe(modal, {
+          attributes: true,
+          attributeFilter: ["data-open", "class"],
+        });
+        task.observer = observer;
+        return;
+      } catch (error) {
+        devLogger.warn(
+          "[LoginModalController] Failed to observe login modal close state:",
+          error,
+        );
+      }
+    }
+
+    if (
+      this.window &&
+      typeof this.window.setInterval === "function" &&
+      typeof this.window.clearInterval === "function"
+    ) {
+      const timerId = this.window.setInterval(() => {
+        if (!this.isModalOpen()) {
+          handleClose();
+        }
+      }, MODAL_CLOSE_POLL_INTERVAL_MS);
+      task.pollTimer = timerId;
+    }
+  }
+
+  stopModalCloseWatch(task) {
+    if (!task) {
+      return;
+    }
+
+    if (task.observer && typeof task.observer.disconnect === "function") {
+      try {
+        task.observer.disconnect();
+      } catch (error) {
+        devLogger.warn(
+          "[LoginModalController] Failed to disconnect login modal observer:",
+          error,
+        );
+      }
+    }
+
+    task.observer = null;
+
+    if (
+      typeof task.pollTimer === "number" &&
+      this.window &&
+      typeof this.window.clearInterval === "function"
+    ) {
+      try {
+        this.window.clearInterval(task.pollTimer);
+      } catch (error) {
+        devLogger.warn(
+          "[LoginModalController] Failed to clear login modal polling timer:",
+          error,
+        );
+      }
+    }
+
+    task.pollTimer = null;
+  }
+
+  createPendingModalTask(type, { triggerElement } = {}) {
+    const modal = this.ensureModalPrepared();
+    if (!(modal instanceof HTMLElement)) {
+      throw this.createModalUnavailableError();
+    }
+
+    if (this.pendingTask) {
+      throw this.createLoginInProgressError();
+    }
+
+    return new Promise((resolve, reject) => {
+      const task = {
+        type,
+        resolve: null,
+        reject: null,
+        settled: false,
+        observer: null,
+        pollTimer: null,
+      };
+
+      const finalize = (handler) => (value) => {
+        if (task.settled) {
+          return;
+        }
+        task.settled = true;
+        this.stopModalCloseWatch(task);
+        if (this.pendingTask === task) {
+          this.pendingTask = null;
+        }
+        if (
+          typeof this.helpers.setModalState === "function" &&
+          !this.isModalOpen()
+        ) {
+          try {
+            this.helpers.setModalState("login", false);
+          } catch (error) {
+            devLogger.warn(
+              "[LoginModalController] Failed to synchronize login modal state:",
+              error,
+            );
+          }
+        }
+        handler(value);
+      };
+
+      task.resolve = finalize((value) => resolve(value));
+      task.reject = finalize((errorValue) => reject(errorValue));
+
+      this.pendingTask = task;
+
+      this.startModalCloseWatch(task);
+
+      let opened = false;
+      try {
+        opened = this.openModal({ triggerElement });
+      } catch (error) {
+        devLogger.warn(
+          "[LoginModalController] Opening login modal threw:",
+          error,
+        );
+      }
+
+      if (!opened && !this.isModalOpen()) {
+        task.reject(this.createModalOpenFailedError());
+        return;
+      }
+
+      if (typeof this.helpers.setModalState === "function") {
+        try {
+          this.helpers.setModalState("login", true);
+        } catch (error) {
+          devLogger.warn(
+            "[LoginModalController] Failed to mark login modal as open in app state:",
+            error,
+          );
+        }
+      }
+    });
+  }
+
+  resolvePendingTask(result, { type } = {}) {
+    const task = this.pendingTask;
+    if (!task || (type && task.type !== type) || typeof task.resolve !== "function") {
+      return false;
+    }
+    task.resolve(result);
+    return true;
+  }
+
+  rejectPendingTask(error, { type } = {}) {
+    const task = this.pendingTask;
+    if (!task || (type && task.type !== type) || typeof task.reject !== "function") {
+      return false;
+    }
+    task.reject(error);
+    return true;
+  }
+
+  requestAddProfileLogin({ triggerElement, requestOptions } = {}) {
+    const options = {
+      allowAccountSelection: true,
+      autoApply: false,
+      ...(requestOptions && typeof requestOptions === "object"
+        ? requestOptions
+        : {}),
+    };
+
+    let promise;
+
+    try {
+      promise = this.createPendingModalTask("add-profile", { triggerElement });
+    } catch (error) {
+      this.setNextRequestLoginOptions(null);
+      throw error;
+    }
+
+    this.setNextRequestLoginOptions(() => ({ ...options }));
+
+    return promise.finally(() => {
+      this.setNextRequestLoginOptions(null);
+    });
+  }
+
+  getNostrClient() {
+    const direct = this.services?.nostrClient;
+    if (direct && typeof direct === "object") {
+      return direct;
+    }
+
+    const service = this.services?.authService;
+    if (!service || typeof service !== "object") {
+      return null;
+    }
+
+    return service.nostrClient || null;
+  }
+
+  getStoredNsecMetadata() {
+    const nostrClient = this.getNostrClient();
+    if (!nostrClient || typeof nostrClient.getStoredSessionActorMetadata !== "function") {
+      return null;
+    }
+
+    try {
+      return nostrClient.getStoredSessionActorMetadata();
+    } catch (error) {
+      devLogger.warn("[LoginModalController] Failed to inspect stored session actor:", error);
+    }
+
+    return null;
+  }
+
+  getStoredNip46Metadata() {
+    const nostrClient = this.getNostrClient();
+    if (!nostrClient || typeof nostrClient.getStoredNip46Metadata !== "function") {
+      return null;
+    }
+
+    try {
+      return nostrClient.getStoredNip46Metadata();
+    } catch (error) {
+      devLogger.warn(
+        "[LoginModalController] Failed to inspect stored NIP-46 session:",
+        error,
+      );
+    }
+
+    return null;
+  }
+
+  initializeRemoteSignerStatus() {
+    const nostrClient = this.getNostrClient();
+    if (!nostrClient) {
+      this.applyRemoteSignerStatus(null);
+      return;
+    }
+
+    if (typeof nostrClient.getRemoteSignerStatus === "function") {
+      try {
+        const status = nostrClient.getRemoteSignerStatus();
+        this.applyRemoteSignerStatus(status);
+      } catch (error) {
+        devLogger.warn(
+          "[LoginModalController] Failed to read initial remote signer status:",
+          error,
+        );
+        this.applyRemoteSignerStatus(null);
+      }
+    } else {
+      this.applyRemoteSignerStatus(null);
+    }
+
+    if (typeof nostrClient.onRemoteSignerChange === "function") {
+      try {
+        this.remoteSignerUnsubscribe = nostrClient.onRemoteSignerChange((status) => {
+          this.applyRemoteSignerStatus(status);
+        });
+      } catch (error) {
+        devLogger.warn(
+          "[LoginModalController] Failed to subscribe to remote signer updates:",
+          error,
+        );
+      }
+    }
+  }
+
+  formatRemoteSignerLabel(status) {
+    if (!status || typeof status !== "object") {
+      return "remote signer";
+    }
+
+    const { label, remoteNpub, remotePubkey } = status;
+    if (typeof label === "string" && label.trim()) {
+      return label.trim();
+    }
+
+    if (typeof remoteNpub === "string" && remoteNpub.trim()) {
+      return remoteNpub.trim();
+    }
+
+    if (typeof remotePubkey === "string" && remotePubkey.trim()) {
+      const trimmed = remotePubkey.trim();
+      if (trimmed.length <= 16) {
+        return trimmed;
+      }
+      return `${trimmed.slice(0, 8)}…${trimmed.slice(-6)}`;
+    }
+
+    return "remote signer";
+  }
+
+  applyRemoteSignerStatus(status) {
+    this.lastRemoteSignerStatus = status || null;
+    const storedMetadata = this.getStoredNip46Metadata();
+    const hasStoredSession = storedMetadata?.hasSession === true;
+
+    const normalizedState =
+      typeof status?.state === "string" && status.state.trim()
+        ? status.state.trim()
+        : hasStoredSession
+        ? "stored"
+        : "idle";
+
+    let message = "";
+    let showDisconnect = false;
+
+    switch (normalizedState) {
+      case "connected": {
+        if (typeof status?.userNpub === "string" && status.userNpub.trim()) {
+          message = `Connected as ${status.userNpub.trim()}`;
+        } else {
+          const label = this.formatRemoteSignerLabel(status);
+          message = `Connected to ${label}`;
+        }
+        showDisconnect = true;
+        break;
+      }
+      case "connecting": {
+        message = "Connecting to remote signer…";
+        break;
+      }
+      case "error": {
+        message =
+          typeof status?.message === "string" && status.message.trim()
+            ? status.message.trim()
+            : "Remote signer unavailable.";
+        break;
+      }
+      case "stored": {
+        if (hasStoredSession) {
+          const label = this.formatRemoteSignerLabel(status || storedMetadata);
+          message = `Saved remote signer (${label}) ready to connect.`;
+        }
+        break;
+      }
+      default: {
+        message = "";
+        break;
+      }
+    }
+
+    this.setProviderStatus("nip46", {
+      message,
+      reset: !message,
+      showDisconnect,
+      statusState: normalizedState,
+    });
+  }
+
+  async promptForNsecOptions() {
+    if (!this.modalBody || !this.nsecTemplate) {
+      userLogger.warn("[LoginModalController] Direct key login is unavailable in this build.");
+      return null;
+    }
+
+    if (this.activeNsecForm) {
+      return null;
+    }
+
+    const fragment = this.nsecTemplate.content
+      ? this.nsecTemplate.content.cloneNode(true)
+      : null;
+    if (!fragment) {
+      return null;
+    }
+
+    const form = fragment.querySelector("[data-nsec-form]");
+    if (!(form instanceof HTMLFormElement)) {
+      return null;
+    }
+
+    const unlockSection = form.querySelector("[data-nsec-unlock-section]");
+    const unlockRadio = form.querySelector('[data-nsec-mode="unlock"]');
+    const importRadio = form.querySelector('[data-nsec-mode="import"]');
+    const unlockPassphrase = form.querySelector("[data-nsec-unlock-passphrase]");
+    const importFields = form.querySelector("[data-nsec-import-fields]");
+    const secretField = form.querySelector("[data-nsec-secret]");
+    const rememberCheckbox = form.querySelector("[data-nsec-remember]");
+    const passphraseFields = form.querySelector("[data-nsec-passphrase-fields]");
+    const passphraseInput = form.querySelector("[data-nsec-passphrase]");
+    const passphraseConfirm = form.querySelector("[data-nsec-passphrase-confirm]");
+    const cancelButton = form.querySelector("[data-nsec-cancel]");
+    const errorNode = form.querySelector("[data-nsec-error]");
+
+    const storedMetadata = this.getStoredNsecMetadata();
+    const hasEncryptedStored = storedMetadata?.hasEncryptedKey === true;
+
+    if (unlockSection instanceof HTMLElement) {
+      unlockSection.classList.toggle("hidden", !hasEncryptedStored);
+    }
+
+    if (unlockRadio instanceof HTMLInputElement) {
+      unlockRadio.checked = hasEncryptedStored;
+    }
+    if (importRadio instanceof HTMLInputElement) {
+      importRadio.checked = !hasEncryptedStored;
+    }
+
+    const elementsToHide = [];
+    for (const child of Array.from(this.modalBody.children)) {
+      if (child instanceof HTMLElement && child !== form) {
+        if (child.tagName === "TEMPLATE") {
+          continue;
+        }
+        const wasHidden = child.classList.contains("hidden");
+        if (!wasHidden) {
+          child.classList.add("hidden");
+        }
+        elementsToHide.push({ element: child, wasHidden });
+      }
+    }
+
+    this.modalBody.appendChild(form);
+    this.activeNsecForm = form;
+
+    const setError = (message) => {
+      if (!(errorNode instanceof HTMLElement)) {
+        return;
+      }
+      const normalized = typeof message === "string" ? message.trim() : "";
+      if (normalized) {
+        errorNode.textContent = normalized;
+        errorNode.classList.remove("hidden");
+      } else {
+        errorNode.textContent = "";
+        errorNode.classList.add("hidden");
+      }
+    };
+
+    const updatePassphraseVisibility = () => {
+      if (!(passphraseFields instanceof HTMLElement)) {
+        return;
+      }
+      const shouldShow = !!(rememberCheckbox instanceof HTMLInputElement && rememberCheckbox.checked);
+      passphraseFields.hidden = !shouldShow;
+      if (passphraseInput instanceof HTMLInputElement) {
+        passphraseInput.disabled = !shouldShow;
+        passphraseInput.required = false;
+        if (!shouldShow) {
+          passphraseInput.value = "";
+        }
+      }
+      if (passphraseConfirm instanceof HTMLInputElement) {
+        passphraseConfirm.disabled = !shouldShow;
+        passphraseConfirm.required = false;
+        if (!shouldShow) {
+          passphraseConfirm.value = "";
+        }
+      }
+    };
+
+    const updateMode = () => {
+      const usingUnlock = unlockRadio instanceof HTMLInputElement && unlockRadio.checked;
+
+      if (importFields instanceof HTMLElement) {
+        importFields.classList.toggle("hidden", usingUnlock);
+      }
+      if (unlockPassphrase instanceof HTMLInputElement) {
+        unlockPassphrase.disabled = !usingUnlock;
+        unlockPassphrase.required = false;
+        if (!usingUnlock) {
+          unlockPassphrase.value = "";
+        }
+      }
+      if (secretField instanceof HTMLTextAreaElement) {
+        secretField.disabled = usingUnlock;
+        secretField.required = false;
+        if (usingUnlock) {
+          secretField.value = "";
+        }
+      }
+      if (rememberCheckbox instanceof HTMLInputElement) {
+        rememberCheckbox.disabled = usingUnlock;
+        if (usingUnlock) {
+          rememberCheckbox.checked = false;
+        }
+      }
+      updatePassphraseVisibility();
+
+      if (usingUnlock) {
+        if (unlockPassphrase instanceof HTMLInputElement) {
+          unlockPassphrase.focus();
+        }
+      } else if (secretField instanceof HTMLTextAreaElement) {
+        secretField.focus();
+      }
+    };
+
+    updatePassphraseVisibility();
+    updateMode();
+    setError("");
+
+    const handleModeChange = () => {
+      setError("");
+      updateMode();
+    };
+
+    if (unlockRadio instanceof HTMLInputElement) {
+      unlockRadio.addEventListener("change", handleModeChange);
+    }
+    if (importRadio instanceof HTMLInputElement) {
+      importRadio.addEventListener("change", handleModeChange);
+    }
+    const handleRememberChange = () => {
+      setError("");
+      updatePassphraseVisibility();
+    };
+    if (rememberCheckbox instanceof HTMLInputElement) {
+      rememberCheckbox.addEventListener("change", handleRememberChange);
+    }
+
+    const cleanup = () => {
+      if (unlockRadio instanceof HTMLInputElement) {
+        unlockRadio.removeEventListener("change", handleModeChange);
+      }
+      if (importRadio instanceof HTMLInputElement) {
+        importRadio.removeEventListener("change", handleModeChange);
+      }
+      if (rememberCheckbox instanceof HTMLInputElement) {
+        rememberCheckbox.removeEventListener("change", handleRememberChange);
+      }
+
+      if (form.parentElement) {
+        form.parentElement.removeChild(form);
+      }
+      for (const entry of elementsToHide) {
+        if (!(entry?.element instanceof HTMLElement)) {
+          continue;
+        }
+        if (!entry.wasHidden) {
+          entry.element.classList.remove("hidden");
+        }
+      }
+      this.activeNsecForm = null;
+    };
+
+    return new Promise((resolve) => {
+      let settled = false;
+      const finish = (detail) => {
+        if (settled) {
+          return;
+        }
+        settled = true;
+        cleanup();
+        resolve(detail);
+      };
+
+      form.addEventListener("submit", (event) => {
+        event.preventDefault();
+        setError("");
+
+        const usingUnlock = unlockRadio instanceof HTMLInputElement && unlockRadio.checked && hasEncryptedStored;
+        if (usingUnlock) {
+          if (!(unlockPassphrase instanceof HTMLInputElement) || !unlockPassphrase.value.trim()) {
+            setError("Enter the passphrase to unlock your stored key.");
+            if (unlockPassphrase instanceof HTMLInputElement) {
+              unlockPassphrase.focus();
+            }
+            return;
+          }
+
+          finish({ unlockStored: true, passphrase: unlockPassphrase.value });
+          return;
+        }
+
+        if (!(secretField instanceof HTMLTextAreaElement)) {
+          setError("A private key is required to continue.");
+          return;
+        }
+
+        const secret = secretField.value.trim();
+        if (!secret) {
+          setError("Paste an nsec, hex key, or mnemonic to continue.");
+          secretField.focus();
+          return;
+        }
+
+        const remember = rememberCheckbox instanceof HTMLInputElement && rememberCheckbox.checked;
+        let passphrase = "";
+        if (remember) {
+          if (!(passphraseInput instanceof HTMLInputElement) || !(passphraseConfirm instanceof HTMLInputElement)) {
+            setError("A passphrase is required to remember this key.");
+            return;
+          }
+
+          const pass = passphraseInput.value;
+          const confirm = passphraseConfirm.value;
+          if (!pass || !confirm) {
+            setError("Enter and confirm a passphrase to encrypt your key.");
+            passphraseInput.focus();
+            return;
+          }
+          if (pass !== confirm) {
+            setError("Passphrases do not match.");
+            passphraseConfirm.focus();
+            return;
+          }
+          passphrase = pass;
+        }
+
+        finish(
+          remember
+            ? { secret, persist: true, passphrase }
+            : { secret, persist: false }
+        );
+      });
+
+      if (cancelButton instanceof HTMLButtonElement) {
+        cancelButton.addEventListener("click", () => finish(null), { once: true });
+      }
+    });
+  }
+
+  async promptForNip46Options() {
+    if (!this.modalBody || !this.nip46Template) {
+      userLogger.warn(
+        "[LoginModalController] Remote signer login is unavailable in this build.",
+      );
+      return null;
+    }
+
+    if (this.activeNip46Form) {
+      return null;
+    }
+
+    const fragment = this.nip46Template.content
+      ? this.nip46Template.content.cloneNode(true)
+      : null;
+    if (!fragment) {
+      return null;
+    }
+
+    const form = fragment.querySelector("[data-nip46-form]");
+    if (!(form instanceof HTMLFormElement)) {
+      return null;
+    }
+
+    const handshakePanel = form.querySelector("[data-nip46-handshake-panel]");
+    const qrContainer = form.querySelector("[data-nip46-qr]");
+    const handshakeInput = form.querySelector("[data-nip46-handshake-uri]");
+    const debugUriContainer = form.querySelector("[data-nip46-debug-uri]");
+    const copyButton = form.querySelector("[data-nip46-copy-uri]");
+    const statusNode = form.querySelector("[data-nip46-status]");
+    const authContainer = form.querySelector("[data-nip46-auth]");
+    const authMessageNode = form.querySelector("[data-nip46-auth-message]");
+    const authOpenButton = form.querySelector("[data-nip46-auth-open]");
+    const reuseButton = form.querySelector("[data-nip46-reuse]");
+    const cancelButton = form.querySelector("[data-nip46-cancel]");
+    const errorNode = form.querySelector("[data-nip46-error]");
+
+    const storedMetadata = this.getStoredNip46Metadata();
+    const hasStoredSession = storedMetadata?.hasSession === true;
+    if (reuseButton instanceof HTMLButtonElement) {
+      reuseButton.classList.toggle("hidden", !hasStoredSession);
+    }
+
+    const elementsToHide = [];
+    for (const child of Array.from(this.modalBody.children)) {
+      if (child instanceof HTMLElement && child !== form) {
+        if (child.tagName === "TEMPLATE") {
+          continue;
+        }
+        const wasHidden = child.classList.contains("hidden");
+        if (!wasHidden) {
+          child.classList.add("hidden");
+        }
+        elementsToHide.push({ element: child, wasHidden });
+      }
+    }
+
+    this.modalBody.appendChild(form);
+    this.activeNip46Form = form;
+
+    if (handshakeInput instanceof HTMLInputElement) {
+      handshakeInput.readOnly = true;
+      handshakeInput.value = "";
+    }
+    if (debugUriContainer instanceof HTMLElement) {
+      debugUriContainer.textContent = "Waiting for connect link...";
+    }
+    if (copyButton instanceof HTMLButtonElement) {
+      copyButton.disabled = true;
+    }
+
+    const statusClassMap = {
+      info: ["border-info/40", "bg-info/10", "text-info"],
+      success: ["border-success/40", "bg-success/10", "text-success"],
+      warning: ["border-warning/50", "bg-warning/10", "text-warning"],
+      danger: ["border-danger/60", "bg-danger/10", "text-danger"],
+    };
+    const statusClassValues = new Set(
+      Object.values(statusClassMap).flat(),
+    );
+
+    const setError = (message) => {
+      if (!(errorNode instanceof HTMLElement)) {
+        return;
+      }
+      const normalized = typeof message === "string" ? message.trim() : "";
+      if (normalized) {
+        errorNode.textContent = normalized;
+        errorNode.classList.remove("hidden");
+      } else {
+        errorNode.textContent = "";
+        errorNode.classList.add("hidden");
+      }
+    };
+
+    const setStatus = (message, variant = "info") => {
+      if (!(statusNode instanceof HTMLElement)) {
+        return;
+      }
+      const normalized = typeof message === "string" ? message.trim() : "";
+      if (!normalized) {
+        statusNode.textContent = "";
+        statusNode.classList.add("hidden");
+        for (const cls of statusClassValues) {
+          statusNode.classList.remove(cls);
+        }
+        return;
+      }
+      statusNode.textContent = normalized;
+      statusNode.classList.remove("hidden");
+      for (const cls of statusClassValues) {
+        statusNode.classList.remove(cls);
+      }
+      const classes = statusClassMap[variant] || statusClassMap.info;
+      statusNode.classList.add(...classes);
+    };
+
+    const resetStatus = () => setStatus("", "info");
+
+    let qrInstance = null;
+    let pendingAuthUrl = "";
+
+    const setAuthChallenge = (url) => {
+      pendingAuthUrl = typeof url === "string" ? url.trim() : "";
+      if (!(authContainer instanceof HTMLElement)) {
+        return;
+      }
+      if (!pendingAuthUrl) {
+        authContainer.classList.add("hidden");
+        if (authMessageNode instanceof HTMLElement) {
+          authMessageNode.textContent = "";
+        }
+        return;
+      }
+      authContainer.classList.remove("hidden");
+      if (authMessageNode instanceof HTMLElement) {
+        authMessageNode.textContent =
+          "The signer requested additional authentication.";
+      }
+    };
+
+    const clearAuthChallenge = () => {
+      setAuthChallenge("");
+    };
+
+    const setPendingState = (pending) => {
+      const disabled = pending === true;
+      if (reuseButton instanceof HTMLButtonElement) {
+        reuseButton.disabled = disabled;
+      }
+      if (cancelButton instanceof HTMLButtonElement) {
+        cancelButton.disabled = disabled;
+      }
+      if (copyButton instanceof HTMLButtonElement) {
+        const hasUri =
+          handshakeInput instanceof HTMLInputElement &&
+          !!handshakeInput.value;
+        copyButton.disabled = disabled || !hasUri;
+      }
+    };
+
+    const updateHandshakeDisplay = (detail) => {
+      const uri =
+        detail && typeof detail === "object"
+          ? detail.uri || detail.connectionString || ""
+          : "";
+      if (!uri) {
+        setError("Failed to generate connection link. Please try again.");
+        return;
+      }
+
+      if (handshakeInput instanceof HTMLInputElement) {
+        handshakeInput.value = uri;
+      }
+      if (debugUriContainer instanceof HTMLElement) {
+        debugUriContainer.textContent = uri;
+      }
+      if (copyButton instanceof HTMLButtonElement) {
+        copyButton.disabled = !uri;
+      }
+
+      if (qrContainer instanceof HTMLElement) {
+        qrContainer.innerHTML = "";
+        // Force high-contrast black-on-white for the QR code to ensure
+        // it remains readable and scannable regardless of the application theme.
+        // We resolve these from the unified token system to ensure consistency.
+        let qrLightColor = "rgb(255, 255, 255)";
+        let qrDarkColor = "rgb(0, 0, 0)";
+
+        if (this.window && typeof this.window.getComputedStyle === "function") {
+          try {
+            const style = this.window.getComputedStyle(this.document.documentElement);
+            const white = style.getPropertyValue("--color-white").trim();
+            const black = style.getPropertyValue("--color-black").trim();
+            if (white) qrLightColor = white;
+            if (black) qrDarkColor = black;
+          } catch (error) {
+            // Fallback to hardcoded values if style resolution fails
+          }
+        }
+
+        if (uri) {
+          try {
+            qrInstance = renderQrCode(qrContainer, uri, {
+              width: 256,
+              height: 256,
+              colorLight: qrLightColor,
+              colorDark: qrDarkColor,
+            });
+          } catch (error) {
+            qrInstance = null;
+            devLogger.warn(
+              "[LoginModalController] Failed to render NIP-46 QR code:",
+              error,
+            );
+            const fallback = this.document?.createElement("div");
+            if (fallback) {
+              fallback.className = "text-center text-xs text-text-muted";
+              fallback.textContent =
+                "Unable to render QR code. Use the copy button below.";
+              qrContainer.appendChild(fallback);
+            }
+          }
+        } else {
+          qrInstance = null;
+        }
+      }
+      setPendingState(false);
+      resetStatus();
+      clearAuthChallenge();
+      setError("");
+    };
+
+    const handleStatus = (status) => {
+      if (!status || typeof status !== "object") {
+        resetStatus();
+        return;
+      }
+      const message =
+        typeof status.message === "string" ? status.message.trim() : "";
+      if (!message) {
+        resetStatus();
+        return;
+      }
+      let variant =
+        typeof status.variant === "string" && status.variant.trim()
+          ? status.variant.trim().toLowerCase()
+          : "";
+      if (!variant) {
+        if (status.phase === "auth") {
+          variant = "warning";
+        } else if (
+          status.phase === "connected" ||
+          status.state === "ready" ||
+          status.state === "acknowledged"
+        ) {
+          variant = "success";
+        } else {
+          variant = "info";
+        }
+      }
+      setStatus(message, variant);
+    };
+
+    const handleAuthUrl = (url) => {
+      const normalized = typeof url === "string" ? url.trim() : "";
+      if (!normalized) {
+        clearAuthChallenge();
+        return;
+      }
+      setAuthChallenge(normalized);
+    };
+
+    let cancelHandler = null;
+    let reuseHandler = null;
+    let copyHandler = null;
+    let authOpenHandler = null;
+
+    const cleanup = () => {
+      if (cancelHandler && cancelButton instanceof HTMLButtonElement) {
+        cancelButton.removeEventListener("click", cancelHandler);
+      }
+      if (reuseHandler && reuseButton instanceof HTMLButtonElement) {
+        reuseButton.removeEventListener("click", reuseHandler);
+      }
+      if (copyHandler && copyButton instanceof HTMLButtonElement) {
+        copyButton.removeEventListener("click", copyHandler);
+      }
+      if (authOpenHandler && authOpenButton instanceof HTMLButtonElement) {
+        authOpenButton.removeEventListener("click", authOpenHandler);
+      }
+
+      if (form.parentElement) {
+        form.parentElement.removeChild(form);
+      }
+      for (const entry of elementsToHide) {
+        if (!(entry?.element instanceof HTMLElement)) {
+          continue;
+        }
+        if (!entry.wasHidden) {
+          entry.element.classList.remove("hidden");
+        }
+      }
+      this.activeNip46Form = null;
+      this.pendingNip46Cleanup = null;
+      qrInstance = null;
+      clearAuthChallenge();
+      resetStatus();
+      setError("");
+    };
+
+    resetStatus();
+    clearAuthChallenge();
+    setError("");
+
+    return new Promise((resolve) => {
+      let settled = false;
+
+      const finish = (detail, { keepMounted = false } = {}) => {
+        if (settled) {
+          return;
+        }
+        settled = true;
+
+        if (keepMounted) {
+          this.pendingNip46Cleanup = () => {
+            cleanup();
+          };
+        } else {
+          cleanup();
+        }
+
+        resolve(detail);
+      };
+
+      // Auto-submit immediately to generate the QR code
+      const autoStart = () => {
+        setError("");
+        resetStatus();
+        clearAuthChallenge();
+
+        const metadata = {};
+        if (this.document && typeof this.document.title === "string") {
+          const title = this.document.title.trim();
+          if (title) {
+            metadata.name = title;
+          }
+        }
+        if (this.window?.location?.origin) {
+          metadata.url = this.window.location.origin;
+        }
+
+        setPendingState(true);
+        finish(
+          {
+            mode: "handshake",
+            remember: true, // Always remember for now in simplified flow
+            metadata,
+            onHandshakePrepared: updateHandshakeDisplay,
+            onStatus: handleStatus,
+            onAuthUrl: handleAuthUrl,
+          },
+          { keepMounted: true },
+        );
+      };
+
+      if (cancelButton instanceof HTMLButtonElement) {
+        cancelHandler = (event) => {
+          event.preventDefault();
+          if (settled) {
+            this.rejectPendingTask(this.createCancellationError(), {
+              type: "add-profile",
+            });
+            this.handleProviderDisconnect("nip46");
+            cleanup();
+          } else {
+            finish(null, { keepMounted: false });
+          }
+        };
+        cancelButton.addEventListener("click", cancelHandler);
+      }
+
+      if (reuseButton instanceof HTMLButtonElement) {
+        reuseHandler = (event) => {
+          event.preventDefault();
+          finish({ reuseStored: true }, { keepMounted: false });
+        };
+        reuseButton.addEventListener("click", reuseHandler);
+      }
+
+      if (copyButton instanceof HTMLButtonElement) {
+        copyHandler = async (event) => {
+          event.preventDefault();
+          if (!(handshakeInput instanceof HTMLInputElement)) {
+            return;
+          }
+          const value = handshakeInput.value.trim();
+          if (!value) {
+            return;
+          }
+          let copied = false;
+          if (
+            typeof navigator !== "undefined" &&
+            navigator?.clipboard?.writeText
+          ) {
+            try {
+              await navigator.clipboard.writeText(value);
+              copied = true;
+            } catch (error) {
+              copied = false;
+            }
+          }
+          if (!copied && handshakeInput.select) {
+            try {
+              handshakeInput.select();
+              if (this.document?.execCommand) {
+                copied = this.document.execCommand("copy");
+              }
+            } catch (error) {
+              copied = false;
+            }
+          }
+          if (copied) {
+            // Temporary button feedback
+            const originalText = copyButton.textContent;
+            copyButton.textContent = "Copied!";
+            copyButton.classList.add("btn-success"); // Assuming this utility exists or similar
+            setTimeout(() => {
+                copyButton.textContent = originalText;
+                copyButton.classList.remove("btn-success");
+            }, 2000);
+          } else {
+            setStatus(
+              "Copy failed. Use the manual fallback below.",
+              "warning",
+            );
+          }
+        };
+        copyButton.addEventListener("click", copyHandler);
+      }
+
+      if (authOpenButton instanceof HTMLButtonElement) {
+        authOpenHandler = (event) => {
+          event.preventDefault();
+          if (!pendingAuthUrl) {
+            return;
+          }
+          if (this.window && typeof this.window.open === "function") {
+            this.window.open(pendingAuthUrl, "_blank", "noopener,noreferrer");
+          } else if (this.document && this.document.location) {
+            this.document.location.href = pendingAuthUrl;
+          }
+        };
+        authOpenButton.addEventListener("click", authOpenHandler);
+      }
+
+      // Kick off the handshake generation
+      this.nip46AutoStartTimer = setTimeout(autoStart, 0);
+    });
+  }
+
+  async promptForGenerateOptions() {
+    if (!this.modalBody || !this.generateTemplate) {
+      userLogger.warn("[LoginModalController] Account generation is unavailable.");
+      return null;
+    }
+
+    if (this.activeGenerateView) {
+      return null;
+    }
+
+    const fragment = this.generateTemplate.content
+      ? this.generateTemplate.content.cloneNode(true)
+      : null;
+    if (!fragment) {
+      return null;
+    }
+
+    const view = fragment.querySelector("[data-generate-view]");
+    if (!(view instanceof HTMLElement)) {
+      return null;
+    }
+
+    const npubEl = view.querySelector("[data-generate-npub]");
+    const nsecEl = view.querySelector("[data-generate-nsec]");
+    const copyNpubBtn = view.querySelector("[data-generate-copy-npub]");
+    const copyNsecBtn = view.querySelector("[data-generate-copy-nsec]");
+    const revealNsecBtn = view.querySelector("[data-generate-reveal-nsec]");
+    const downloadBtn = view.querySelector("[data-generate-download]");
+    const confirmCheckbox = view.querySelector("[data-generate-confirm]");
+    const loginBtn = view.querySelector("[data-generate-login]");
+    const cancelBtn = view.querySelector("[data-generate-cancel]");
+
+    const tools = this.window?.NostrTools;
+    if (!tools || typeof tools.generateSecretKey !== "function" || typeof tools.getPublicKey !== "function") {
+      userLogger.error("Key generation unavailable: NostrTools missing.");
+      return null;
+    }
+
+    // Do not generate keys immediately. Wait for user action.
+    this.generatedKeypair = null;
+    let npub = "";
+    let nsec = "";
+    let hexSk = "";
+
+    // Reset fields
+    if (npubEl) {
+      npubEl.textContent = "";
+    }
+    if (nsecEl instanceof HTMLInputElement) {
+      nsecEl.value = "";
+    }
+
+    // Insert "Generate" button
+    const generateBtn = this.document.createElement("button");
+    generateBtn.type = "button";
+    generateBtn.className = "btn w-full mb-4";
+    generateBtn.textContent = "Generate New Keys";
+    // Insert before the first key field container, or at top of view?
+    // view structure: h3, p, div(space-y-3)
+    const contentContainer = view.querySelector(".space-y-3");
+    if (contentContainer) {
+      contentContainer.insertBefore(generateBtn, contentContainer.firstChild);
+    }
+
+    const keyContainer = contentContainer
+      ? contentContainer.querySelector(".space-y-2")
+      : null;
+    if (keyContainer) {
+      keyContainer.classList.add("hidden");
+    }
+    // Also hide the nsec container
+    const nsecContainer = contentContainer
+      ? contentContainer.querySelectorAll(".space-y-2")[1]
+      : null;
+    if (nsecContainer) {
+      nsecContainer.classList.add("hidden");
+    }
+
+    generateBtn.addEventListener("click", () => {
+      const sk = tools.generateSecretKey();
+      const pk = tools.getPublicKey(sk);
+      const npubGen = tools.nip19?.npubEncode ? tools.nip19.npubEncode(pk) : pk;
+      const nsecGen = tools.nip19?.nsecEncode ? tools.nip19.nsecEncode(sk) : "";
+      const hexSkGen = nsecGen
+        ? nsecGen
+        : tools.nip19?.bytesToHex
+        ? tools.nip19.bytesToHex(sk)
+        : "";
+
+      this.generatedKeypair = {
+        npub: npubGen,
+        nsec: nsecGen,
+        hexSk: hexSkGen,
+        pubkey: pk,
+      };
+
+      npub = npubGen;
+      nsec = nsecGen;
+      hexSk = hexSkGen;
+
+      if (npubEl) npubEl.textContent = npub;
+      if (nsecEl instanceof HTMLInputElement) nsecEl.value = nsec;
+
+      generateBtn.classList.add("hidden");
+      if (keyContainer) keyContainer.classList.remove("hidden");
+      if (nsecContainer) nsecContainer.classList.remove("hidden");
+      if (loginBtn) loginBtn.disabled = true; // Still requires checkbox confirmation
+    });
+
+    const elementsToHide = [];
+    for (const child of Array.from(this.modalBody.children)) {
+      if (child instanceof HTMLElement && child !== view) {
+        if (child.tagName === "TEMPLATE") {
+          continue;
+        }
+        const wasHidden = child.classList.contains("hidden");
+        if (!wasHidden) {
+          child.classList.add("hidden");
+        }
+        elementsToHide.push({ element: child, wasHidden });
+      }
+    }
+
+    this.modalBody.appendChild(view);
+    this.activeGenerateView = view;
+
+    const cleanup = () => {
+      if (view.parentElement) {
+        view.parentElement.removeChild(view);
+      }
+      for (const entry of elementsToHide) {
+        if (!(entry?.element instanceof HTMLElement)) {
+          continue;
+        }
+        if (!entry.wasHidden) {
+          entry.element.classList.remove("hidden");
+        }
+      }
+      this.activeGenerateView = null;
+    };
+
+    return new Promise((resolve) => {
+      let settled = false;
+      const finish = (detail) => {
+        if (settled) return;
+        settled = true;
+        cleanup();
+        resolve(detail);
+      };
+
+      // Interactions
+      if (cancelBtn) {
+        cancelBtn.addEventListener(
+          "click",
+          (e) => {
+            if (e) {
+              e.preventDefault();
+              e.stopPropagation();
+            }
+            finish(null);
+          },
+          { once: true },
+        );
+      }
+
+      if (loginBtn) {
+        loginBtn.addEventListener("click", () => {
+          if (!this.generatedKeypair) {
+            return;
+          }
+          const { npub, nsec, hexSk } = this.generatedKeypair;
+
+          // Block generated accounts if whitelist-only access is enforced.
+          const accessControl = this.services?.authService?.accessControl;
+          if (accessControl && typeof accessControl.canAccess === "function") {
+            let canAccess = true;
+            try {
+              canAccess = accessControl.canAccess(npub);
+            } catch (error) {
+              devLogger.warn(
+                "[LoginModalController] accessControl.canAccess threw:",
+                error,
+              );
+              canAccess = Boolean(canAccess);
+            }
+
+            if (!canAccess && typeof accessControl.whitelistMode === "function") {
+              const isWhitelistMode = accessControl.whitelistMode();
+              if (isWhitelistMode) {
+                // Surface the access error via the login error callback/notification.
+                const accessError = new Error(
+                  "Access restricted to admins and moderators users only.",
+                );
+                safeInvoke(this.callbacks.onLoginError, {
+                  message: accessError.message,
+                  error: accessError,
+                });
+                return;
+              }
+            }
+          }
+
+          // Return credentials compatible with nsec provider
+          finish({ secret: nsec || hexSk, persist: false });
+        });
+      }
+
+      if (confirmCheckbox) {
+        confirmCheckbox.addEventListener("change", (e) => {
+          if (loginBtn) loginBtn.disabled = !e.target.checked;
+        });
+      }
+
+      const copyToClipboard = async (text, btn) => {
+        if (!text) return;
+        try {
+          await navigator.clipboard.writeText(text);
+          // Optional: visual feedback could be added here
+        } catch (err) {
+          devLogger.warn("Failed to copy:", err);
+        }
+      };
+
+      if (copyNpubBtn) {
+        copyNpubBtn.addEventListener("click", () => copyToClipboard(npub, copyNpubBtn));
+      }
+
+      if (copyNsecBtn) {
+        copyNsecBtn.addEventListener("click", () => copyToClipboard(nsec, copyNsecBtn));
+      }
+
+      if (revealNsecBtn && nsecEl instanceof HTMLInputElement) {
+        revealNsecBtn.addEventListener("click", () => {
+          const isPassword = nsecEl.type === "password";
+          nsecEl.type = isPassword ? "text" : "password";
+          // Icon toggle logic could go here if icons were separate elements
+        });
+      }
+
+      if (downloadBtn) {
+        downloadBtn.addEventListener("click", () => {
+          const content = `Nostr Keys Backup\n\nPublic Key (npub): ${npub}\nSecret Key (nsec): ${nsec}\n\nKEEP YOUR NSEC PRIVATE AND SAFE!`;
+          const blob = new Blob([content], { type: "text/plain" });
+          const url = URL.createObjectURL(blob);
+          const a = document.createElement("a");
+          a.href = url;
+          a.download = "nostr-keys.txt";
+          document.body.appendChild(a);
+          a.click();
+          document.body.removeChild(a);
+          URL.revokeObjectURL(url);
+        });
+      }
+    });
+  }
+
+  resolveTemplate() {
+    if (!this.modalElement) {
+      return null;
+    }
+
+    const template = this.modalElement.querySelector(
+      "template[data-login-provider-template]",
+    );
+
+    if (template instanceof HTMLTemplateElement) {
+      return template;
+    }
+
+    return null;
+  }
+
+  createFragment() {
+    if (this.template) {
+      return this.template.content
+        ? this.template.content.cloneNode(true)
+        : this.document?.createDocumentFragment() || null;
+    }
+
+    if (!this.document) {
+      return null;
+    }
+
+    const fragment = this.document.createDocumentFragment();
+    const button = this.document.createElement("button");
+    button.type = "button";
+    button.className = "btn w-full text-left";
+    button.dataset.providerButton = "";
+    fragment.appendChild(button);
+    return fragment;
+  }
+
+  renderProviders() {
+    if (!this.providerContainer) {
+      return;
+    }
+
+    this.providerContainer.innerHTML = "";
+    this.providerEntries.clear();
+
+    if (!this.providers.length) {
+      userLogger.warn(
+        "[LoginModalController] No authentication providers available to render.",
+      );
+      return;
+    }
+
+    for (const provider of this.providers) {
+      const fragment = this.createFragment();
+      if (!fragment) {
+        continue;
+      }
+
+      const appended = this.appendProviderFragment(fragment, provider);
+      if (!appended) {
+        continue;
+      }
+
+      this.providerContainer.appendChild(appended.fragment);
+      this.providerEntries.set(provider.id, appended.entry);
+    }
+  }
+
+  appendProviderFragment(fragment, provider) {
+    const button = fragment.querySelector("[data-provider-button]");
+    if (!(button instanceof HTMLButtonElement)) {
+      devLogger.warn(
+        `[LoginModalController] Provider template missing button for ${provider.id}.`,
+      );
+      return null;
+    }
+
+    button.type = "button";
+    button.dataset.providerId = provider.id;
+    button.className = resolveButtonVariantClasses(
+      provider.button?.variant,
+      provider.button?.className,
+    );
+    if (provider.tone) {
+      button.dataset.tone = provider.tone;
+    } else {
+      delete button.dataset.tone;
+      button.removeAttribute("data-tone");
+    }
+    button.disabled = provider.disabled;
+    if (provider.disabled) {
+      button.setAttribute("aria-disabled", "true");
+    } else {
+      button.removeAttribute("aria-disabled");
+    }
+
+    const eyebrowNode = button.querySelector("[data-provider-eyebrow]");
+    if (eyebrowNode instanceof HTMLElement) {
+      eyebrowNode.textContent = provider.eyebrow || "";
+      eyebrowNode.classList.toggle("hidden", !provider.eyebrow);
+    }
+
+    const labelNode = button.querySelector("[data-provider-label]");
+    if (labelNode instanceof HTMLElement) {
+      labelNode.textContent = provider.label;
+    } else {
+      button.textContent = provider.label;
+    }
+
+    const descriptionNode = button.querySelector("[data-provider-description]");
+    if (descriptionNode instanceof HTMLElement) {
+      descriptionNode.textContent = provider.description;
+      descriptionNode.classList.toggle("hidden", !provider.description);
+    }
+
+    const statusNode = button.querySelector("[data-provider-status]");
+    if (statusNode instanceof HTMLElement) {
+      statusNode.textContent = "";
+      statusNode.classList.add("hidden");
+    }
+
+    const statusRow = button.querySelector("[data-provider-status-row]");
+    if (statusRow instanceof HTMLElement) {
+      statusRow.classList.add("hidden");
+    }
+
+    const disconnectButton = button.querySelector("[data-provider-disconnect]");
+    if (disconnectButton instanceof HTMLButtonElement) {
+      disconnectButton.dataset.providerId = provider.id;
+      disconnectButton.classList.add("hidden");
+    }
+
+    const capabilitiesNode = button.querySelector(
+      "[data-provider-capabilities]",
+    );
+    if (capabilitiesNode instanceof HTMLElement) {
+      capabilitiesNode.innerHTML = "";
+      if (provider.capabilities.length) {
+        capabilitiesNode.classList.remove("hidden");
+        for (const capability of provider.capabilities) {
+          const badgeLabel =
+            typeof capability.label === "string" && capability.label.trim()
+              ? capability.label.trim()
+              : "";
+          if (!badgeLabel) {
+            continue;
+          }
+          const badge = this.document?.createElement("span");
+          if (!badge) {
+            continue;
+          }
+          badge.className = "badge";
+          if (
+            capability.variant &&
+            typeof capability.variant === "string" &&
+            capability.variant.trim()
+          ) {
+            badge.dataset.variant = capability.variant.trim();
+          }
+          badge.textContent = badgeLabel;
+          capabilitiesNode.appendChild(badge);
+        }
+      } else {
+        capabilitiesNode.classList.add("hidden");
+      }
+    }
+
+    return {
+      fragment,
+      entry: {
+        provider,
+        button,
+        descriptionNode: descriptionNode instanceof HTMLElement ? descriptionNode : null,
+        statusNode: statusNode instanceof HTMLElement ? statusNode : null,
+        statusRow: statusRow instanceof HTMLElement ? statusRow : null,
+        disconnectButton:
+          disconnectButton instanceof HTMLButtonElement ? disconnectButton : null,
+        defaultDescription: provider.description,
+      },
+    };
+  }
+
+  handleContainerClick(event) {
+    const target = event.target;
+    if (!(target instanceof Element)) {
+      return;
+    }
+
+    const disconnectButton = target.closest("[data-provider-disconnect]");
+    if (disconnectButton instanceof HTMLButtonElement) {
+      const providerId = disconnectButton.dataset.providerId;
+      if (providerId) {
+        this.handleProviderDisconnect(providerId);
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      return;
+    }
+
+    const button = target.closest("[data-provider-button]");
+    if (!(button instanceof HTMLButtonElement)) {
+      return;
+    }
+
+    const providerId = button.dataset.providerId;
+    if (!providerId) {
+      return;
+    }
+
+    this.handleProviderSelection(providerId);
+  }
+
+  async handleProviderDisconnect(providerId) {
+    if (providerId !== "nip46") {
+      return;
+    }
+
+    const nostrClient = this.getNostrClient();
+    if (!nostrClient || typeof nostrClient.disconnectRemoteSigner !== "function") {
+      return;
+    }
+
+    try {
+      await nostrClient.disconnectRemoteSigner({ keepStored: false });
+    } catch (error) {
+      devLogger.warn("[LoginModalController] Failed to disconnect remote signer:", error);
+    }
+  }
+
+  getProviderEntry(providerId) {
+    return this.providerEntries.get(providerId) || null;
+  }
+
+  setProviderStatus(providerId, options = {}) {
+    const entry = this.getProviderEntry(providerId);
+    if (!entry) {
+      return;
+    }
+
+    const {
+      message = "",
+      reset = false,
+      showDisconnect = false,
+      disableDisconnect = false,
+      statusState = null,
+    } = options || {};
+
+    if (statusState) {
+      entry.statusState = statusState;
+    } else {
+      delete entry.statusState;
+    }
+
+    this.updateStatusMessage(entry, message, reset);
+
+    const shouldShowRow = !reset && typeof message === "string" && message.trim();
+    if (entry.statusRow instanceof HTMLElement) {
+      entry.statusRow.classList.toggle("hidden", !shouldShowRow);
+    }
+
+    if (entry.disconnectButton instanceof HTMLButtonElement) {
+      entry.disconnectButton.classList.toggle("hidden", !showDisconnect);
+      entry.disconnectButton.disabled = !!disableDisconnect;
+    }
+  }
+
+  setLoadingState(providerId, isLoading) {
+    const entry = this.getProviderEntry(providerId);
+    if (!entry) {
+      return;
+    }
+
+    if (isLoading) {
+      entry.button.disabled = true;
+      entry.button.dataset.state = "loading";
+      entry.button.setAttribute("aria-busy", "true");
+
+      const loadingMessage = entry.provider.messages.loading || "Connecting…";
+      this.setProviderStatus(providerId, {
+        message: loadingMessage,
+        reset: false,
+        showDisconnect: false,
+        disableDisconnect: true,
+        statusState: "loading",
+      });
+      this.startSlowTimer(providerId, entry);
+    } else {
+      const shouldRemainDisabled = entry.provider.disabled === true;
+      entry.button.disabled = shouldRemainDisabled;
+      if (shouldRemainDisabled) {
+        entry.button.setAttribute("aria-disabled", "true");
+      } else {
+        entry.button.removeAttribute("aria-disabled");
+      }
+
+      delete entry.button.dataset.state;
+      entry.button.removeAttribute("aria-busy");
+      this.stopSlowTimer(providerId);
+      this.setProviderStatus(providerId, { message: "", reset: true });
+    }
+  }
+
+  updateStatusMessage(entry, message, reset = false) {
+    if (!entry) {
+      return;
+    }
+
+    const normalized = typeof message === "string" ? message.trim() : "";
+
+    if (entry.statusNode) {
+      if (normalized && !reset) {
+        entry.statusNode.textContent = normalized;
+        entry.statusNode.classList.remove("hidden");
+      } else {
+        entry.statusNode.textContent = "";
+        entry.statusNode.classList.add("hidden");
+      }
+    } else if (normalized && !reset) {
+      entry.button.textContent = normalized;
+    }
+
+    if (entry.descriptionNode) {
+      if (normalized && !reset) {
+        entry.descriptionNode.classList.add("hidden");
+      } else {
+        entry.descriptionNode.textContent = entry.defaultDescription;
+        entry.descriptionNode.classList.toggle(
+          "hidden",
+          !entry.defaultDescription,
+        );
+      }
+    }
+  }
+
+  startSlowTimer(providerId, entry) {
+    this.stopSlowTimer(providerId);
+
+    const delay = entry.provider.messages.slowDelay;
+    const timeout =
+      Number.isFinite(delay) && delay > 0 ? delay : SLOW_PROVIDER_DELAY_MS;
+
+    if (!this.window || typeof this.window.setTimeout !== "function") {
+      return;
+    }
+
+    const timerId = this.window.setTimeout(() => {
+      if (!entry.button.dataset.state || entry.button.dataset.state !== "loading") {
+        return;
+      }
+
+      const slowMessage =
+        entry.provider.messages.slow || "Waiting for the provider…";
+      this.setProviderStatus(providerId, {
+        message: slowMessage,
+        reset: false,
+        showDisconnect: false,
+        statusState: "waiting",
+        disableDisconnect: true,
+      });
+    }, timeout);
+
+    this.slowTimers.set(providerId, timerId);
+  }
+
+  stopSlowTimer(providerId) {
+    const timerId = this.slowTimers.get(providerId);
+    if (!timerId) {
+      return;
+    }
+
+    if (this.window && typeof this.window.clearTimeout === "function") {
+      this.window.clearTimeout(timerId);
+    }
+
+    this.slowTimers.delete(providerId);
+  }
+
+  async handleProviderSelection(providerId) {
+    if (this.isSelectionInProgress) {
+      return;
+    }
+
+    const entry = this.getProviderEntry(providerId);
+    if (!entry) {
+      devLogger.warn(
+        `[LoginModalController] Ignoring selection for unknown provider: ${providerId}.`,
+      );
+      return;
+    }
+
+    if (entry.button.dataset.state === "loading") {
+      devLogger.log(
+        `[LoginModalController] Ignoring duplicate selection while ${providerId} is loading.`,
+      );
+      return;
+    }
+
+    if (!this.services.authService) {
+      userLogger.error(
+        "[LoginModalController] AuthService not available; cannot process login.",
+      );
+      return;
+    }
+
+    this.isSelectionInProgress = true;
+    try {
+      safeInvoke(this.callbacks.onProviderSelected, providerId);
+
+      let providerOptions = {};
+      if (entry.provider.id === "nsec") {
+        try {
+          const nsecOptions = await this.promptForNsecOptions();
+          if (!nsecOptions) {
+            devLogger.log(
+              "[LoginModalController] Direct key login cancelled by the user.",
+            );
+            if (entry.button instanceof HTMLButtonElement) {
+              entry.button.focus();
+            }
+            return;
+          }
+          providerOptions = nsecOptions;
+        } catch (promptError) {
+          devLogger.error(
+            "[LoginModalController] Failed to collect direct key credentials:",
+            promptError,
+          );
+          return;
+        }
+      } else if (entry.provider.id === "nip46") {
+        try {
+          const nip46Options = await this.promptForNip46Options();
+          if (!nip46Options) {
+            devLogger.log(
+              "[LoginModalController] Remote signer login cancelled by the user.",
+            );
+            if (entry.button instanceof HTMLButtonElement) {
+              entry.button.focus();
+            }
+            return;
+          }
+          providerOptions = nip46Options;
+        } catch (promptError) {
+          devLogger.error(
+            "[LoginModalController] Failed to collect remote signer connection:",
+            promptError,
+          );
+          return;
+        }
+      } else if (entry.provider.id === "generate") {
+        try {
+          const generateOptions = await this.promptForGenerateOptions();
+          if (!generateOptions) {
+            devLogger.log(
+              "[LoginModalController] Account generation cancelled by the user.",
+            );
+            if (entry.button instanceof HTMLButtonElement) {
+              entry.button.focus();
+            }
+            return;
+          }
+          providerOptions = generateOptions;
+          // Switch provider context to 'nsec' since we are logging in with a key
+          providerId = "nsec";
+          const nsecEntry = this.getProviderEntry("nsec");
+          if (nsecEntry) {
+            entry = nsecEntry;
+          }
+        } catch (promptError) {
+          devLogger.error(
+            "[LoginModalController] Failed to process account generation:",
+            promptError,
+          );
+          return;
+        }
+      }
+
+      this.setLoadingState(providerId, true);
+      devLogger.log(
+        `[LoginModalController] Starting login for provider ${providerId}.`,
+      );
+
+      const requestOptions = { providerId, ...providerOptions };
+
+      const extraOptions = await this.resolveNextRequestLoginOptions({
+        provider: entry.provider.source || entry.provider,
+        providerId,
+      });
+      if (extraOptions && typeof extraOptions === "object") {
+        Object.assign(requestOptions, extraOptions);
+      }
+
+      try {
+        const result =
+          await this.services.authService.requestLogin(requestOptions);
+
+        devLogger.log(
+          `[LoginModalController] Login resolved for ${providerId} with pubkey:`,
+          result?.pubkey,
+        );
+
+        const consumed = this.resolvePendingTask(result, { type: "add-profile" });
+        const shouldClose =
+          result &&
+          typeof result === "object" &&
+          typeof result.pubkey === "string" &&
+          result.pubkey.trim();
+
+        if (shouldClose) {
+          this.helpers.closeModal();
+        }
+
+        if (consumed) {
+          return;
+        }
+
+        await safeInvokeAsync(this.callbacks.onLoginSuccess, {
+          provider: entry.provider.source || entry.provider,
+          result,
+        });
+      } catch (error) {
+        devLogger.error(
+          `[LoginModalController] Login failed for ${providerId}:`,
+          error,
+        );
+
+        const message = this.helpers.describeLoginError(
+          error,
+          entry.provider.errorMessage,
+        );
+
+        if (!message || (typeof message === "string" && !message.trim())) {
+          devLogger.warn(
+            `[LoginModalController] describeLoginError returned empty message for ${providerId}.`,
+          );
+        }
+
+        const rejectionError =
+          error instanceof Error
+            ? error
+            : new Error(message || "Failed to login. Please try again.");
+
+        if (message && message !== rejectionError.message) {
+          rejectionError.message = message;
+        }
+
+        if (
+          error &&
+          typeof error === "object" &&
+          typeof error.code === "string" &&
+          !rejectionError.code
+        ) {
+          rejectionError.code = error.code;
+        }
+
+        const consumed = this.rejectPendingTask(rejectionError, {
+          type: "add-profile",
+        });
+
+        if (consumed) {
+          return;
+        }
+
+        if (
+          rejectionError.code === "login-cancelled" ||
+          rejectionError.code === "user-cancelled"
+        ) {
+          return;
+        }
+
+        await safeInvokeAsync(this.callbacks.onLoginError, {
+          provider: entry.provider.source || entry.provider,
+          error: rejectionError,
+          message,
+        });
+      }
+    } finally {
+      this.isSelectionInProgress = false;
+      this.setLoadingState(providerId, false);
+      if (this.pendingNip46Cleanup) {
+        try {
+          this.pendingNip46Cleanup();
+        } catch (cleanupError) {
+          devLogger.warn(
+            "[LoginModalController] Failed to dispose remote signer form:",
+            cleanupError,
+          );
+        }
+      }
+    }
+  }
+
+  setNextRequestLoginOptions(options) {
+    if (typeof options === "function") {
+      this.nextRequestLoginOptionsResolver = options;
+      this.nextRequestLoginOptions = null;
+      return;
+    }
+
+    if (options && typeof options === "object") {
+      this.nextRequestLoginOptions = { ...options };
+      this.nextRequestLoginOptionsResolver = null;
+      return;
+    }
+
+    this.nextRequestLoginOptions = null;
+    this.nextRequestLoginOptionsResolver = null;
+  }
+
+  async resolveNextRequestLoginOptions(context = {}) {
+    if (typeof this.nextRequestLoginOptionsResolver === "function") {
+      const resolver = this.nextRequestLoginOptionsResolver;
+      this.nextRequestLoginOptionsResolver = null;
+      this.nextRequestLoginOptions = null;
+      try {
+        const resolved = await resolver({ controller: this, ...context });
+        if (resolved && typeof resolved === "object") {
+          return { ...resolved };
+        }
+      } catch (error) {
+        devLogger.warn(
+          "[LoginModalController] Next request options resolver threw:",
+          error,
+        );
+      }
+      return {};
+    }
+
+    if (this.nextRequestLoginOptions && typeof this.nextRequestLoginOptions === "object") {
+      const options = this.nextRequestLoginOptions;
+      this.nextRequestLoginOptions = null;
+      return { ...options };
+    }
+
+    return {};
+  }
+
+  destroy() {
+    if (this.modalCloseObserver) {
+      try {
+        this.modalCloseObserver.disconnect();
+      } catch (error) {
+        // no-op
+      }
+    }
+    this.modalCloseObserver = null;
+
+    if (this.modalCloseIntervalId) {
+      if (this.window && typeof this.window.clearInterval === "function") {
+        this.window.clearInterval(this.modalCloseIntervalId);
+      }
+    }
+    this.modalCloseIntervalId = null;
+
+    if (this.nip46AutoStartTimer) {
+      if (this.window && typeof this.window.clearTimeout === "function") {
+        this.window.clearTimeout(this.nip46AutoStartTimer);
+      }
+      this.nip46AutoStartTimer = null;
+    }
+
+    if (this.pendingTask && typeof this.pendingTask.reject === "function") {
+      try {
+        this.pendingTask.reject(this.createCancellationError());
+      } catch (error) {
+        devLogger.warn(
+          "[LoginModalController] Failed to cancel pending login task during destroy:",
+          error,
+        );
+      }
+    }
+
+    this.pendingTask = null;
+
+    if (this.providerContainer && this.boundClickHandler) {
+      this.providerContainer.removeEventListener("click", this.boundClickHandler);
+    }
+
+    for (const providerId of this.slowTimers.keys()) {
+      this.stopSlowTimer(providerId);
+    }
+
+    if (typeof this.remoteSignerUnsubscribe === "function") {
+      try {
+        this.remoteSignerUnsubscribe();
+      } catch (error) {
+        devLogger.warn(
+          "[LoginModalController] Remote signer unsubscribe handler threw:",
+          error,
+        );
+      }
+    }
+    this.remoteSignerUnsubscribe = null;
+
+    this.providerEntries.clear();
+    this.nextRequestLoginOptions = null;
+    this.nextRequestLoginOptionsResolver = null;
+    this.initialized = false;
+  }
+}
diff --git a/dist/js/ui/moderationCopy.js b/dist/js/ui/moderationCopy.js
new file mode 100644
index 00000000..df2b33ed
--- /dev/null
+++ b/dist/js/ui/moderationCopy.js
@@ -0,0 +1,162 @@
+// js/ui/moderationCopy.js
+
+function buildModerationReasonText(context) {
+  if (!context) {
+    return "";
+  }
+
+  const reasons = [];
+
+  if (context.trustedMuted) {
+    const muteCount = Math.max(1, Number(context.trustedMuteCount) || 0);
+    const muteLabel = muteCount === 1 ? "trusted contact" : "trusted contacts";
+    const countLabel = muteCount === 1 ? "a" : muteCount;
+    reasons.push(`muted by ${countLabel} ${muteLabel}`);
+  }
+
+  const typeLabel = context.friendlyType || "this video";
+  const reportCount = Math.max(0, Number(context.trustedCount) || 0);
+  if (reportCount > 0) {
+    const friendLabel = reportCount === 1 ? "friend" : "friends";
+    reasons.push(`${reportCount} ${friendLabel} reported ${typeLabel}`);
+  } else if (!context.trustedMuted) {
+    reasons.push(context.friendlyType ? `reports of ${typeLabel}` : "reports");
+  }
+
+  if (!reasons.length) {
+    return "";
+  }
+
+  const combined = reasons.join(" · ");
+  return combined.charAt(0).toUpperCase() + combined.slice(1);
+}
+
+function buildHiddenSummaryLabel(context) {
+  if (!context) {
+    return "";
+  }
+
+  const reason = context.effectiveHideReason;
+  if (!reason) {
+    return "";
+  }
+
+  const countsSource =
+    context.effectiveHideCounts || context.originalHideCounts || context.hideCounts || null;
+
+  const getCount = (key, fallback) => {
+    if (countsSource && Number.isFinite(countsSource[key])) {
+      return Math.max(0, Number(countsSource[key]));
+    }
+    if (Number.isFinite(context[key])) {
+      return Math.max(0, Number(context[key]));
+    }
+    return Math.max(0, Number(fallback) || 0);
+  };
+
+  if (reason === "trusted-mute-hide") {
+    const count = getCount("trustedMuteCount", context.trustedMuteCount || 0);
+    if (count > 0) {
+      const label = count === 1 ? "trusted mute" : "trusted mutes";
+      return `${count} ${label}`;
+    }
+    return "trusted mute";
+  }
+
+  if (reason === "trusted-report-hide") {
+    const count = getCount("trustedReportCount", context.trustedCount || 0);
+    const type = typeof context.friendlyType === "string" ? context.friendlyType.trim() : "";
+    const normalizedType = type ? type.toLowerCase() : "";
+    if (count > 0) {
+      const label = count === 1 ? "report" : "reports";
+      if (normalizedType) {
+        return `${count} trusted ${normalizedType} ${label}`;
+      }
+      const base = count === 1 ? "trusted report" : "trusted reports";
+      return `${count} ${base}`;
+    }
+    if (normalizedType) {
+      return `trusted ${normalizedType} reports`;
+    }
+    return "trusted reports";
+  }
+
+  return "";
+}
+
+export function buildModerationBadgeText(context, options = {}) {
+  if (!context) {
+    return "";
+  }
+
+  const variant = typeof options.variant === "string" ? options.variant : "card";
+
+  if (variant === "modal") {
+    if (context.originalBlockAutoplay && context.trustedMuted) {
+      return "Content or user blocked by a trusted contact.";
+    }
+
+    const blurSource = (context.originalBlurReason || context.blurReason || "")
+      .toLowerCase()
+      .trim();
+    const suppressBlurLabel =
+      blurSource === "trusted-mute" || blurSource === "trusted-mute-hide";
+
+    const parts = [];
+    if (!suppressBlurLabel) {
+      parts.push("Blurred");
+    }
+
+    const reason = buildModerationReasonText(context);
+    if (reason) {
+      parts.push(reason);
+    }
+
+    if (!parts.length) {
+      return "Blurred due to reports";
+    }
+
+    return parts.join(" · ");
+  }
+
+  const hiddenLabel = buildHiddenSummaryLabel(context);
+  const reason = buildModerationReasonText(context);
+
+  if (context.overrideActive) {
+    if (hiddenLabel) {
+      return `Showing despite ${hiddenLabel}`;
+    }
+    if (reason) {
+      return `Showing despite ${reason}`;
+    }
+    return "Showing despite reports";
+  }
+
+  if (context.activeHidden || (context.originalHidden && !context.overrideActive)) {
+    if (hiddenLabel) {
+      return `Hidden · ${hiddenLabel}`;
+    }
+    return "Hidden";
+  }
+
+  if (context.originalBlockAutoplay && context.trustedMuted) {
+    return "Content or user blocked by a trusted contact.";
+  }
+
+  const blurSource = (context.originalBlurReason || context.blurReason || "").toLowerCase();
+  const suppressBlurLabel =
+    blurSource === "trusted-mute" || blurSource === "trusted-mute-hide";
+
+  const parts = [];
+  if (context.originalBlur && !suppressBlurLabel) {
+    parts.push("Blurred");
+  }
+  if (context.originalBlockAutoplay) {
+    parts.push("Autoplay blocked");
+  }
+  if (reason) {
+    parts.push(reason);
+  }
+
+  return parts.join(" · ");
+}
diff --git a/dist/js/ui/moderationUiHelpers.js b/dist/js/ui/moderationUiHelpers.js
new file mode 100644
index 00000000..b5966fbf
--- /dev/null
+++ b/dist/js/ui/moderationUiHelpers.js
@@ -0,0 +1,350 @@
+const SHOW_ANYWAY_LABEL = "Show anyway";
+const RESTORE_DEFAULT_MODERATION_LABEL = "Restore default moderation";
+
+export function getModerationOverrideActionLabels({ overrideActive } = {}) {
+  const active = overrideActive === true;
+  const label = active
+    ? RESTORE_DEFAULT_MODERATION_LABEL
+    : SHOW_ANYWAY_LABEL;
+
+  return {
+    text: label,
+    ariaLabel: label,
+  };
+}
+
+export function normalizeVideoModerationContext(moderationInput) {
+  const moderation =
+    moderationInput && typeof moderationInput === "object"
+      ? moderationInput
+      : null;
+
+  const summary =
+    moderation?.summary && typeof moderation.summary === "object"
+      ? moderation.summary
+      : null;
+
+  let reportType = "";
+  if (typeof moderation?.reportType === "string" && moderation.reportType.trim()) {
+    reportType = moderation.reportType.trim().toLowerCase();
+  }
+
+  if (!reportType && summary && summary.types && typeof summary.types === "object") {
+    for (const [type, stats] of Object.entries(summary.types)) {
+      if (stats && Number.isFinite(stats.trusted) && Math.floor(stats.trusted) > 0) {
+        reportType = String(type).toLowerCase();
+        break;
+      }
+    }
+  }
+
+  let trustedCount = Number.isFinite(moderation?.trustedCount)
+    ? Math.max(0, Math.floor(moderation.trustedCount))
+    : 0;
+
+  if (!trustedCount && summary && summary.types && typeof summary.types === "object") {
+    for (const stats of Object.values(summary.types)) {
+      if (stats && Number.isFinite(stats.trusted)) {
+        trustedCount = Math.max(trustedCount, Math.floor(stats.trusted));
+      }
+    }
+  }
+
+  const reporterDisplayNames = Array.isArray(moderation?.reporterDisplayNames)
+    ? moderation.reporterDisplayNames
+        .map((name) => (typeof name === "string" ? name.trim() : ""))
+        .filter(Boolean)
+    : [];
+
+  const trustedMuted = moderation?.trustedMuted === true;
+  let trustedMuteCount = Number.isFinite(moderation?.trustedMuteCount)
+    ? Math.max(0, Math.floor(moderation.trustedMuteCount))
+    : 0;
+
+  if (!trustedMuteCount && Array.isArray(moderation?.trustedMuters)) {
+    const muters = moderation.trustedMuters
+      .map((value) => (typeof value === "string" ? value.trim() : ""))
+      .filter(Boolean);
+    trustedMuteCount = muters.length;
+  }
+
+  const trustedMuteDisplayNames = Array.isArray(moderation?.trustedMuterDisplayNames)
+    ? moderation.trustedMuterDisplayNames
+        .map((name) => (typeof name === "string" ? name.trim() : ""))
+        .filter(Boolean)
+    : [];
+
+  const original =
+    moderation?.original && typeof moderation.original === "object"
+      ? moderation.original
+      : {};
+
+  const activeHidden = moderation?.hidden === true;
+  const originalHidden = original.hidden === true;
+  const hideReasonActive =
+    typeof moderation?.hideReason === "string" ? moderation.hideReason.trim() : "";
+  const hideBypassActive =
+    typeof moderation?.hideBypass === "string" ? moderation.hideBypass.trim() : "";
+  const originalHideReason =
+    typeof original.hideReason === "string" ? original.hideReason.trim() : "";
+  const originalHideBypass =
+    typeof original.hideBypass === "string" ? original.hideBypass.trim() : "";
+  const originalHideTriggered = original.hideTriggered === true;
+
+  const normalizeHideCounts = (input) => {
+    if (!input || typeof input !== "object") {
+      return null;
+    }
+    const normalized = {};
+    let hasValue = false;
+    if (Number.isFinite(input.trustedMuteCount)) {
+      normalized.trustedMuteCount = Math.max(0, Math.floor(input.trustedMuteCount));
+      hasValue = true;
+    }
+    if (Number.isFinite(input.trustedReportCount)) {
+      normalized.trustedReportCount = Math.max(0, Math.floor(input.trustedReportCount));
+      hasValue = true;
+    }
+    return hasValue ? normalized : null;
+  };
+
+  const baseHideCounts = {
+    trustedMuteCount,
+    trustedReportCount: trustedCount,
+  };
+
+  const activeHideCounts =
+    normalizeHideCounts(moderation?.hideCounts) ||
+    (activeHidden || hideReasonActive ? { ...baseHideCounts } : null);
+  const originalHideCounts =
+    normalizeHideCounts(original?.hideCounts) ||
+    (originalHideTriggered ? { ...baseHideCounts } : null);
+
+  const effectiveHideReason = hideReasonActive || originalHideReason;
+  const effectiveHideCounts = activeHideCounts || originalHideCounts;
+
+  const blurReason =
+    typeof moderation?.blurReason === "string" ? moderation.blurReason.trim() : "";
+  const originalBlurReason =
+    typeof original?.blurReason === "string" ? original.blurReason.trim() : "";
+
+  const context = {
+    reportType,
+    friendlyType: reportType ? reportType.replace(/[_-]+/g, " ").trim() : "",
+    trustedCount,
+    reporterDisplayNames,
+    trustedMuted,
+    trustedMuteCount,
+    trustedMuteDisplayNames,
+    blurReason,
+    originalBlurReason,
+    originalBlur: original.blurThumbnail === true,
+    originalBlockAutoplay: original.blockAutoplay === true,
+    activeBlur: moderation?.blurThumbnail === true,
+    activeBlockAutoplay: moderation?.blockAutoplay === true,
+    overrideActive: moderation?.viewerOverride?.showAnyway === true,
+    activeHidden,
+    originalHidden,
+    originalHideTriggered,
+    hideReason: hideReasonActive,
+    hideCounts: activeHideCounts,
+    hideBypass: hideBypassActive,
+    originalHideReason,
+    originalHideCounts,
+    originalHideBypass,
+    effectiveHideReason,
+    effectiveHideCounts,
+  };
+
+  context.shouldShow =
+    context.originalBlur ||
+    context.originalBlockAutoplay ||
+    context.trustedCount > 0 ||
+    context.trustedMuted ||
+    context.overrideActive ||
+    context.originalHidden ||
+    context.activeHidden ||
+    context.originalHideTriggered;
+
+  context.allowOverride =
+    context.originalBlur || context.originalBlockAutoplay || context.originalHidden;
+
+  return context;
+}
+
+function collectElements(...inputs) {
+  const result = [];
+  const seen = new Set();
+  inputs.forEach((input) => {
+    if (!input) {
+      return;
+    }
+    const values = Array.isArray(input) ? input : [input];
+    values.forEach((value) => {
+      if (!value || typeof value !== "object") {
+        return;
+      }
+      if (!("dataset" in value)) {
+        return;
+      }
+      if (seen.has(value)) {
+        return;
+      }
+      seen.add(value);
+      result.push(value);
+    });
+  });
+  return result;
+}
+
+export function applyModerationContextDatasets(
+  context,
+  {
+    root,
+    roots,
+    thumbnail,
+    thumbnails,
+    avatar,
+    avatars,
+    shouldMaskNsfwForOwner = false,
+  } = {},
+) {
+  if (!context || typeof context !== "object") {
+    return;
+  }
+
+  const rootElements = collectElements(root, roots);
+  const thumbnailElements = shouldMaskNsfwForOwner
+    ? []
+    : collectElements(thumbnail, thumbnails);
+  const avatarElements = shouldMaskNsfwForOwner ? [] : collectElements(avatar, avatars);
+
+  const shouldBlur = context.activeBlur && !context.overrideActive;
+
+  thumbnailElements.forEach((el) => {
+    if (shouldBlur) {
+      el.dataset.thumbnailState = "blurred";
+    } else if (el.dataset.thumbnailState === "blurred") {
+      delete el.dataset.thumbnailState;
+    }
+  });
+
+  avatarElements.forEach((el) => {
+    if (shouldBlur) {
+      el.dataset.visualState = "blurred";
+    } else if (el.dataset.visualState) {
+      delete el.dataset.visualState;
+    }
+  });
+
+  const applyToRoots = (callback) => {
+    rootElements.forEach((el) => {
+      if (el) {
+        callback(el);
+      }
+    });
+  };
+
+  const restoreCopy = getModerationOverrideActionLabels({ overrideActive: true });
+
+  applyToRoots((el) => {
+    if (context.originalBlockAutoplay && !context.overrideActive) {
+      el.dataset.autoplayPolicy = "blocked";
+    } else if (el.dataset.autoplayPolicy) {
+      delete el.dataset.autoplayPolicy;
+    }
+
+    if (context.overrideActive) {
+      el.dataset.moderationOverride = "show-anyway";
+      el.dataset.moderationOverrideActionLabel = restoreCopy.text;
+    } else if (el.dataset.moderationOverride) {
+      delete el.dataset.moderationOverride;
+      if (el.dataset.moderationOverrideActionLabel) {
+        delete el.dataset.moderationOverrideActionLabel;
+      }
+    }
+  });
+
+  const reportCount = Math.max(0, Number(context.trustedCount) || 0);
+  applyToRoots((el) => {
+    if (reportCount > 0) {
+      el.dataset.moderationReportCount = String(reportCount);
+      if (context.reportType) {
+        el.dataset.moderationReportType = context.reportType;
+      } else if (el.dataset.moderationReportType) {
+        delete el.dataset.moderationReportType;
+      }
+    } else {
+      if (el.dataset.moderationReportType) {
+        delete el.dataset.moderationReportType;
+      }
+      if (el.dataset.moderationReportCount) {
+        delete el.dataset.moderationReportCount;
+      }
+    }
+  });
+
+  applyToRoots((el) => {
+    if (context.trustedMuted) {
+      el.dataset.moderationTrustedMute = "true";
+      const muteCount = Math.max(0, Number(context.trustedMuteCount) || 0);
+      if (muteCount > 0) {
+        el.dataset.moderationTrustedMuteCount = String(muteCount);
+      } else if (el.dataset.moderationTrustedMuteCount) {
+        delete el.dataset.moderationTrustedMuteCount;
+      }
+    } else {
+      if (el.dataset.moderationTrustedMute) {
+        delete el.dataset.moderationTrustedMute;
+      }
+      if (el.dataset.moderationTrustedMuteCount) {
+        delete el.dataset.moderationTrustedMuteCount;
+      }
+    }
+  });
+
+  applyToRoots((el) => {
+    if (context.activeHidden && !context.overrideActive) {
+      el.dataset.moderationHidden = "true";
+      const reason = context.effectiveHideReason || context.hideReason;
+      if (reason) {
+        el.dataset.moderationHideReason = reason;
+      } else if (el.dataset.moderationHideReason) {
+        delete el.dataset.moderationHideReason;
+      }
+
+      const counts = context.hideCounts || context.effectiveHideCounts || null;
+      const muteCount = counts && Number.isFinite(counts.trustedMuteCount)
+        ? Math.max(0, Number(counts.trustedMuteCount))
+        : null;
+      const reportCountHide = counts && Number.isFinite(counts.trustedReportCount)
+        ? Math.max(0, Number(counts.trustedReportCount))
+        : null;
+
+      if (muteCount !== null) {
+        el.dataset.moderationHideTrustedMuteCount = String(muteCount);
+      } else if (el.dataset.moderationHideTrustedMuteCount) {
+        delete el.dataset.moderationHideTrustedMuteCount;
+      }
+
+      if (reportCountHide !== null) {
+        el.dataset.moderationHideTrustedReportCount = String(reportCountHide);
+      } else if (el.dataset.moderationHideTrustedReportCount) {
+        delete el.dataset.moderationHideTrustedReportCount;
+      }
+    } else {
+      if (el.dataset.moderationHidden) {
+        delete el.dataset.moderationHidden;
+      }
+      if (el.dataset.moderationHideReason) {
+        delete el.dataset.moderationHideReason;
+      }
+      if (el.dataset.moderationHideTrustedMuteCount) {
+        delete el.dataset.moderationHideTrustedMuteCount;
+      }
+      if (el.dataset.moderationHideTrustedReportCount) {
+        delete el.dataset.moderationHideTrustedReportCount;
+      }
+    }
+  });
+}
diff --git a/dist/js/ui/moreMenuController.js b/dist/js/ui/moreMenuController.js
new file mode 100644
index 00000000..7b2082f1
--- /dev/null
+++ b/dist/js/ui/moreMenuController.js
@@ -0,0 +1,1610 @@
+import { normalizeDesignSystemContext } from "../designSystem.js";
+import logger, { userLogger } from "../utils/logger.js";
+import moderationService from "../services/moderationService.js";
+import {
+  createVideoMoreMenuPanel,
+} from "./components/videoMenuRenderers.js";
+import createPopover from "./overlay/popoverEngine.js";
+import {
+  prepareStaticModal,
+  openStaticModal,
+  closeStaticModal,
+} from "./components/staticModalAccessibility.js";
+
+const REPORT_CATEGORIES = Object.freeze([
+  { value: "nudity", label: "Nudity or sexual content" },
+  { value: "spam", label: "Spam or misleading" },
+  { value: "illegal", label: "Illegal or dangerous content" },
+  { value: "impersonation", label: "Impersonation or scam" },
+  { value: "malware", label: "Malware or phishing" },
+  { value: "profanity", label: "Profanity or hate speech" },
+  { value: "other", label: "Other" },
+]);
+
+export default class MoreMenuController {
+  constructor(options = {}) {
+    const {
+      document: doc = typeof document !== "undefined" ? document : null,
+      accessControl = null,
+      userBlocks = null,
+      subscriptions = null,
+      clipboard = typeof navigator !== "undefined" ? navigator.clipboard : null,
+      isDevMode = false,
+      callbacks = {},
+      designSystem = null,
+    } = options;
+
+    this.document = doc;
+    this.accessControl = accessControl;
+    this.userBlocks = userBlocks;
+    this.subscriptions = subscriptions;
+    this.clipboard = clipboard;
+    this.isDevMode = Boolean(isDevMode);
+    this.designSystem = normalizeDesignSystemContext(designSystem);
+    this.moderationService = options?.moderationService || moderationService;
+
+    this.callbacks = {
+      getCurrentVideo: callbacks.getCurrentVideo || (() => null),
+      getCurrentUserNpub: callbacks.getCurrentUserNpub || (() => null),
+      getCurrentUserPubkey: callbacks.getCurrentUserPubkey || (() => null),
+      canCurrentUserManageBlacklist:
+        callbacks.canCurrentUserManageBlacklist || (() => false),
+      openCreatorChannel: callbacks.openCreatorChannel || (() => {}),
+      goToProfile: callbacks.goToProfile || (() => {}),
+      showError: callbacks.showError || (() => {}),
+      showSuccess: callbacks.showSuccess || (() => {}),
+      safeEncodeNpub: callbacks.safeEncodeNpub || (() => ""),
+      safeDecodeNpub: callbacks.safeDecodeNpub || (() => ""),
+      buildShareUrlFromEventId:
+        callbacks.buildShareUrlFromEventId || (() => ""),
+      handleRemoveHistoryAction:
+        callbacks.handleRemoveHistoryAction || (() => Promise.resolve()),
+      handleRepostAction:
+        callbacks.handleRepostAction || (() => Promise.resolve()),
+      handleMirrorAction:
+        callbacks.handleMirrorAction || (() => Promise.resolve()),
+      handleEnsurePresenceAction:
+        callbacks.handleEnsurePresenceAction || (() => Promise.resolve()),
+      handleEventDetailsAction:
+        callbacks.handleEventDetailsAction || (() => Promise.resolve()),
+      loadVideos: callbacks.loadVideos || (() => Promise.resolve()),
+      onUserBlocksUpdated: callbacks.onUserBlocksUpdated || (() => {}),
+    };
+
+    this.callbacks.refreshAllVideoGrids =
+      typeof callbacks.refreshAllVideoGrids === "function"
+        ? (options) => callbacks.refreshAllVideoGrids(options)
+        : (options = {}) =>
+            Promise.resolve(
+              this.callbacks.loadVideos(Boolean(options?.forceMainReload)),
+            ).catch(() => {});
+
+    this.moreMenuGlobalHandlerBound = false;
+
+    this.videoListView = null;
+    this.videoModal = null;
+
+    this.boundVideoListShareListener = null;
+    this.boundVideoListContextListener = null;
+    this.boundVideoListBlacklistHandler = null;
+    this.popoversByTrigger = new Map();
+    this.activePopover = null;
+    this.activePopoverEntry = null;
+
+    this.reportModal = null;
+    this.reportModalPrepared = false;
+    this.reportForm = null;
+    this.reportStatusEl = null;
+    this.reportSubmitButton = null;
+    this.reportCancelButton = null;
+    this.reportCategoryInputs = [];
+    this.reportCleanupHandlers = [];
+    this.activeReportContext = null;
+    this.isReportSubmitting = false;
+  }
+
+  setVideoModal(videoModal) {
+    this.videoModal = videoModal || null;
+  }
+
+  attachVideoListView(view) {
+    if (view === this.videoListView) {
+      return;
+    }
+
+    this.detachVideoListView();
+
+    if (!view) {
+      return;
+    }
+
+    this.videoListView = view;
+
+    this.boundVideoListBlacklistHandler = ({ video, dataset }) => {
+      const detail = {
+        ...(dataset || {}),
+        author: dataset?.author || video?.pubkey || "",
+      };
+      this.handleMoreMenuAction("blacklist-author", detail);
+    };
+
+    if (typeof view.setBlacklistHandler === "function") {
+      view.setBlacklistHandler(this.boundVideoListBlacklistHandler);
+    }
+
+    this.boundVideoListShareListener = (event) => {
+      const detail = event?.detail || {};
+      const dataset = {
+        ...(detail.dataset || {}),
+        eventId:
+          detail.eventId ||
+          detail.dataset?.eventId ||
+          detail.video?.id ||
+          "",
+        context: detail.dataset?.context || "card",
+      };
+      const action = detail.action || "copy-link";
+      this.handleMoreMenuAction(action, dataset);
+    };
+
+    if (typeof view.addEventListener === "function") {
+      view.addEventListener("video:share", this.boundVideoListShareListener);
+    }
+
+    this.boundVideoListContextListener = (event) => {
+      const detail = event?.detail || {};
+      const dataset = {
+        ...(detail.dataset || {}),
+        eventId: detail.dataset?.eventId || detail.video?.id || "",
+      };
+      this.handleMoreMenuAction(detail.action, dataset);
+    };
+
+    if (typeof view.addEventListener === "function") {
+      view.addEventListener(
+        "video:context-action",
+        this.boundVideoListContextListener,
+      );
+    }
+  }
+
+  detachVideoListView() {
+    if (!this.videoListView) {
+      return;
+    }
+
+    if (
+      this.boundVideoListShareListener &&
+      typeof this.videoListView.removeEventListener === "function"
+    ) {
+      this.videoListView.removeEventListener(
+        "video:share",
+        this.boundVideoListShareListener,
+      );
+    }
+
+    if (
+      this.boundVideoListContextListener &&
+      typeof this.videoListView.removeEventListener === "function"
+    ) {
+      this.videoListView.removeEventListener(
+        "video:context-action",
+        this.boundVideoListContextListener,
+      );
+    }
+
+    if (typeof this.videoListView.setBlacklistHandler === "function") {
+      this.videoListView.setBlacklistHandler(null);
+    }
+
+    this.boundVideoListShareListener = null;
+    this.boundVideoListContextListener = null;
+    this.boundVideoListBlacklistHandler = null;
+    this.videoListView = null;
+  }
+
+  destroy() {
+    this.detachVideoListView();
+    this.setVideoModal(null);
+    this.destroyReportModal();
+
+    this.closeAllMoreMenus({ skipView: true });
+
+    this.popoversByTrigger.forEach((entry) => {
+      try {
+        entry?.popover?.destroy?.();
+      } catch (error) {
+        if (this.isDevMode) {
+          userLogger.warn("[MoreMenu] Failed to destroy popover:", error);
+        }
+      }
+    });
+    this.popoversByTrigger.clear();
+    this.activePopover = null;
+    this.moreMenuGlobalHandlerBound = false;
+  }
+
+  ensureGlobalMoreMenuHandlers() {
+    this.moreMenuGlobalHandlerBound = true;
+  }
+
+  buildReportModalMarkup() {
+    const options = REPORT_CATEGORIES.map((category, index) => {
+      const inputId = `reportCategory-${category.value}`;
+      const checkedAttr = index === 0 ? " checked" : "";
+      const requiredAttr = index === 0 ? " required" : "";
+      return `
+        <label class="flex cursor-pointer items-center gap-3 rounded-lg border border-border/60 bg-panel/80 p-3 text-sm" for="${inputId}">
+          <input
+            id="${inputId}"
+            type="radio"
+            name="report-category"
+            value="${category.value}"
+            class="h-4 w-4"
+            ${checkedAttr}${requiredAttr}
+          />
+          <span>${category.label}</span>
+        </label>
+      `;
+    }).join("");
+
+    return `
+      <div class="bv-modal-backdrop" data-report-dismiss></div>
+      <div class="modal-sheet w-full max-w-md space-y-4" role="document">
+        <form data-report-form class="modal-body space-y-4">
+          <header class="space-y-2">
+            <h2 id="reportModalTitle" class="text-lg font-semibold text-text">Report video</h2>
+            <p id="reportModalDescription" class="text-sm text-muted">
+              Choose the category that best describes the issue. Reports from people you follow help improve recommendations.
+            </p>
+          </header>
+          <fieldset class="space-y-2">
+            <legend class="text-sm font-semibold text-text">Category</legend>
+            <div class="space-y-2" role="radiogroup" aria-labelledby="reportModalTitle">
+              ${options}
+            </div>
+          </fieldset>
+          <p class="hidden text-sm" data-report-status role="status"></p>
+          <div class="flex justify-end gap-3">
+            <button type="button" class="btn-ghost focus-ring" data-report-cancel>Cancel</button>
+            <button type="submit" class="btn focus-ring" data-report-submit>Submit report</button>
+          </div>
+        </form>
+      </div>
+    `;
+  }
+
+  ensureReportModal() {
+    if (this.reportModal && this.reportModalPrepared) {
+      return this.reportModal;
+    }
+
+    const doc = this.document;
+    if (!doc) {
+      return null;
+    }
+
+    const container = doc.getElementById("modalContainer") || doc.body || null;
+    if (!container) {
+      return null;
+    }
+
+    let modal = container.querySelector("#reportModal");
+    if (!modal) {
+      modal = doc.createElement("div");
+      modal.id = "reportModal";
+      modal.className = "bv-modal hidden items-center justify-center";
+      modal.setAttribute("role", "dialog");
+      modal.setAttribute("aria-modal", "true");
+      modal.setAttribute("aria-labelledby", "reportModalTitle");
+      modal.setAttribute("aria-describedby", "reportModalDescription");
+      modal.innerHTML = this.buildReportModalMarkup();
+      container.appendChild(modal);
+    }
+
+    this.reportModal = modal;
+    this.reportForm = modal.querySelector("[data-report-form]");
+    this.reportStatusEl = modal.querySelector("[data-report-status]");
+    this.reportSubmitButton = modal.querySelector("[data-report-submit]");
+    this.reportCancelButton = modal.querySelector("[data-report-cancel]");
+    this.reportCategoryInputs = Array.from(
+      modal.querySelectorAll("input[name='report-category']"),
+    );
+
+    if (!this.reportModalPrepared) {
+      if (this.reportForm) {
+        const submitHandler = (event) => this.handleReportSubmit(event);
+        this.reportForm.addEventListener("submit", submitHandler);
+        this.reportCleanupHandlers.push(() => {
+          this.reportForm?.removeEventListener("submit", submitHandler);
+        });
+      }
+
+      if (this.reportCancelButton) {
+        const cancelHandler = (event) => {
+          event?.preventDefault?.();
+          this.closeReportModal();
+        };
+        this.reportCancelButton.addEventListener("click", cancelHandler);
+        this.reportCleanupHandlers.push(() => {
+          this.reportCancelButton?.removeEventListener("click", cancelHandler);
+        });
+      }
+
+      const backdrop = modal.querySelector("[data-report-dismiss]");
+      if (backdrop) {
+        const backdropHandler = (event) => {
+          event?.preventDefault?.();
+          this.closeReportModal();
+        };
+        backdrop.addEventListener("click", backdropHandler);
+        this.reportCleanupHandlers.push(() => {
+          backdrop.removeEventListener("click", backdropHandler);
+        });
+      }
+
+      prepareStaticModal({ root: modal, document: doc });
+      this.reportModalPrepared = true;
+    }
+
+    return modal;
+  }
+
+  openReportModal({
+    eventId,
+    authorPubkey = "",
+    relayHint = "",
+    trigger = null,
+  } = {}) {
+    const modal = this.ensureReportModal();
+    if (!modal) {
+      this.callbacks.showError(
+        "Reporting is unavailable right now. Please try again later.",
+      );
+      return false;
+    }
+
+    const normalizedEventId =
+      typeof eventId === "string" ? eventId.trim() : "";
+    const normalizedAuthor =
+      typeof authorPubkey === "string" ? authorPubkey.trim() : "";
+    const normalizedRelayHint =
+      typeof relayHint === "string" ? relayHint.trim() : "";
+
+    this.activeReportContext = {
+      eventId: normalizedEventId,
+      authorPubkey: normalizedAuthor,
+      relayHint: normalizedRelayHint,
+    };
+    this.isReportSubmitting = false;
+    this.setReportModalBusy(false);
+    this.showReportStatus("");
+
+    if (Array.isArray(this.reportCategoryInputs) && this.reportCategoryInputs.length) {
+      this.reportCategoryInputs.forEach((input, index) => {
+        if (!input) {
+          return;
+        }
+        try {
+          input.checked = index === 0;
+          input.disabled = false;
+        } catch (_) {
+          /* noop */
+        }
+      });
+    }
+
+    const opened = openStaticModal(modal, {
+      triggerElement:
+        trigger && typeof trigger.focus === "function" ? trigger : null,
+      document: this.document,
+    });
+
+    if (opened && this.reportCategoryInputs.length > 0) {
+      const firstInput = this.reportCategoryInputs[0];
+      try {
+        firstInput.focus();
+      } catch (_) {
+        /* noop */
+      }
+    }
+
+    try {
+      const service = this.moderationService || moderationService;
+      if (service && typeof service.refreshViewerFromClient === "function") {
+        service.refreshViewerFromClient();
+      }
+    } catch (error) {
+      if (this.isDevMode) {
+        userLogger.warn(
+          "[MoreMenu] Failed to refresh moderation context before reporting:",
+          error,
+        );
+      }
+    }
+
+    return opened;
+  }
+
+  closeReportModal() {
+    if (!this.reportModal) {
+      return false;
+    }
+    const result = closeStaticModal(this.reportModal, { document: this.document });
+    this.activeReportContext = null;
+    this.isReportSubmitting = false;
+    this.showReportStatus("");
+    return result;
+  }
+
+  setReportModalBusy(isBusy) {
+    const disabled = Boolean(isBusy);
+    this.isReportSubmitting = disabled;
+
+    if (Array.isArray(this.reportCategoryInputs)) {
+      this.reportCategoryInputs.forEach((input) => {
+        if (input && typeof input.disabled === "boolean") {
+          input.disabled = disabled;
+        }
+      });
+    }
+
+    if (this.reportSubmitButton && typeof this.reportSubmitButton.disabled === "boolean") {
+      this.reportSubmitButton.disabled = disabled;
+    }
+
+    if (this.reportCancelButton && typeof this.reportCancelButton.disabled === "boolean") {
+      this.reportCancelButton.disabled = disabled;
+    }
+  }
+
+  showReportStatus(message, { variant = "info" } = {}) {
+    if (!this.reportStatusEl) {
+      return;
+    }
+
+    const trimmed = typeof message === "string" ? message.trim() : "";
+    if (!trimmed) {
+      this.reportStatusEl.classList.add("hidden");
+      this.reportStatusEl.textContent = "";
+      if (this.reportStatusEl.dataset.state) {
+        delete this.reportStatusEl.dataset.state;
+      }
+      return;
+    }
+
+    this.reportStatusEl.classList.remove("hidden");
+    this.reportStatusEl.textContent = trimmed;
+    this.reportStatusEl.dataset.state = variant;
+  }
+
+  showReportError(message) {
+    this.showReportStatus(message, { variant: "error" });
+  }
+
+  async handleReportSubmit(event) {
+    if (event && typeof event.preventDefault === "function") {
+      event.preventDefault();
+    }
+
+    if (this.isReportSubmitting) {
+      return;
+    }
+
+    const context = this.activeReportContext || {};
+    const eventId = typeof context.eventId === "string" ? context.eventId : "";
+    if (!eventId) {
+      this.showReportError("Unable to determine which video to report.");
+      return;
+    }
+
+    let category = "";
+    if (Array.isArray(this.reportCategoryInputs)) {
+      const selected = this.reportCategoryInputs.find((input) => input && input.checked);
+      if (selected && typeof selected.value === "string") {
+        category = selected.value.trim().toLowerCase();
+      }
+    }
+
+    if (!category) {
+      this.showReportError("Please choose a category before submitting.");
+      return;
+    }
+
+    const targetPubkey =
+      typeof context.authorPubkey === "string"
+        ? context.authorPubkey.trim()
+        : "";
+    if (!targetPubkey) {
+      this.showReportError("Unable to determine which creator to report.");
+      return;
+    }
+
+    const viewerPubkey = this.callbacks.getCurrentUserPubkey?.();
+    if (!viewerPubkey) {
+      this.closeReportModal();
+      this.callbacks.showError("Connect a Nostr account before reporting videos.");
+      return;
+    }
+
+    this.setReportModalBusy(true);
+    this.showReportStatus("Sending report…", { variant: "info" });
+
+    const service = this.moderationService || moderationService;
+
+    try {
+      if (!service || typeof service.submitReport !== "function") {
+        const svcError = new Error("service-unavailable");
+        svcError.code = "service-unavailable";
+        throw svcError;
+      }
+
+      await service.submitReport({
+        eventId,
+        type: category,
+        targetPubkey,
+        relayHint:
+          typeof context.relayHint === "string"
+            ? context.relayHint.trim()
+            : "",
+      });
+
+      this.callbacks.showSuccess(
+        "Report submitted. Thank you for keeping bitvid safe.",
+      );
+      this.closeReportModal();
+    } catch (error) {
+      logger.user.error("[MoreMenu] Failed to publish report:", error);
+      const code = error?.code || "unknown";
+      let message = "Unable to send your report. Please try again.";
+      if (code === "nostr-extension-missing") {
+        message = "A Nostr extension is required to report videos.";
+      } else if (code === "extension-permission-denied") {
+        message = "Approve the permission request in your Nostr extension and try again.";
+      } else if (code === "viewer-not-logged-in") {
+        message = "Connect a Nostr account before reporting videos.";
+      } else if (code === "service-unavailable") {
+        message = "Reporting is unavailable right now. Please try again later.";
+      } else if (code === "invalid-target-pubkey") {
+        message = "Unable to determine which creator to report.";
+      }
+
+      this.showReportError(message);
+    } finally {
+      this.setReportModalBusy(false);
+    }
+  }
+
+  destroyReportModal() {
+    if (Array.isArray(this.reportCleanupHandlers) && this.reportCleanupHandlers.length) {
+      for (const cleanup of this.reportCleanupHandlers) {
+        try {
+          if (typeof cleanup === "function") {
+            cleanup();
+          }
+        } catch (error) {
+          if (this.isDevMode) {
+            userLogger.warn(
+              "[MoreMenu] Failed to teardown report modal listener:",
+              error,
+            );
+          }
+        }
+      }
+    }
+
+    this.reportCleanupHandlers = [];
+    this.reportModalPrepared = false;
+    this.reportForm = null;
+    this.reportStatusEl = null;
+    this.reportSubmitButton = null;
+    this.reportCancelButton = null;
+    this.reportCategoryInputs = [];
+    this.activeReportContext = null;
+    this.isReportSubmitting = false;
+
+    if (this.reportModal) {
+      try {
+        closeStaticModal(this.reportModal, { document: this.document });
+      } catch (_) {
+        /* noop */
+      }
+    }
+
+    this.reportModal = null;
+  }
+
+  getHTMLElementConstructor(documentRef) {
+    return (
+      documentRef?.defaultView?.HTMLElement ||
+      (typeof HTMLElement !== "undefined" ? HTMLElement : null)
+    );
+  }
+
+  setButtonVisibility(button, visible) {
+    if (!button) {
+      return;
+    }
+    if (visible) {
+      button.removeAttribute("hidden");
+      button.setAttribute("aria-hidden", "false");
+    } else {
+      button.setAttribute("hidden", "");
+      button.setAttribute("aria-hidden", "true");
+    }
+  }
+
+  syncMuteMenuButtons(panel, entry = {}) {
+    if (!panel || typeof panel.querySelector !== "function") {
+      return;
+    }
+
+    const muteButton = panel.querySelector('button[data-action="mute-author"]');
+    const unmuteButton = panel.querySelector('button[data-action="unmute-author"]');
+    if (!muteButton && !unmuteButton) {
+      return;
+    }
+
+    const contextVideo = entry?.context?.video || null;
+    let authorCandidate = contextVideo?.pubkey || "";
+
+    if (!authorCandidate) {
+      if (muteButton?.dataset?.author) {
+        authorCandidate = muteButton.dataset.author;
+      } else if (unmuteButton?.dataset?.author) {
+        authorCandidate = unmuteButton.dataset.author;
+      }
+    }
+
+    const trimmed = typeof authorCandidate === "string" ? authorCandidate.trim() : "";
+    let normalized = "";
+    if (trimmed) {
+      if (/^[0-9a-f]{64}$/i.test(trimmed)) {
+        normalized = trimmed.toLowerCase();
+      } else if (trimmed.startsWith("npub1")) {
+        normalized = this.callbacks.safeDecodeNpub(trimmed) || "";
+      }
+    }
+
+    if (normalized) {
+      if (muteButton) {
+        muteButton.dataset.author = normalized;
+      }
+      if (unmuteButton) {
+        unmuteButton.dataset.author = normalized;
+      }
+    }
+
+    let isMuted = false;
+    if (normalized) {
+      try {
+        isMuted = this.moderationService.isAuthorMutedByViewer(normalized) === true;
+      } catch (error) {
+        if (this.isDevMode) {
+          userLogger.warn("[MoreMenu] Failed to resolve viewer mute state", error);
+        }
+      }
+    }
+
+    const hasTarget = Boolean(normalized);
+    this.setButtonVisibility(muteButton, hasTarget && !isMuted);
+    this.setButtonVisibility(unmuteButton, hasTarget && isMuted);
+  }
+
+  refreshActiveMuteButtons({ author = "" } = {}) {
+    if (!this.activePopoverEntry || !this.activePopover) {
+      return;
+    }
+    const panel =
+      typeof this.activePopover.getPanel === "function"
+        ? this.activePopover.getPanel()
+        : null;
+    if (!panel) {
+      return;
+    }
+
+    if (author) {
+      const trimmed = author.trim();
+      if (trimmed) {
+        const muteButton = panel.querySelector('button[data-action="mute-author"]');
+        const unmuteButton = panel.querySelector('button[data-action="unmute-author"]');
+        if (muteButton) {
+          muteButton.dataset.author = trimmed;
+        }
+        if (unmuteButton) {
+          unmuteButton.dataset.author = trimmed;
+        }
+      }
+    }
+
+    this.syncMuteMenuButtons(panel, this.activePopoverEntry);
+  }
+
+  createPopoverRender(entry) {
+    return ({ document: documentRef, close }) => {
+      const panel = createVideoMoreMenuPanel({
+        document: documentRef,
+        video: entry.context.video,
+        pointerInfo: entry.context.pointerInfo,
+        playbackUrl: entry.context.playbackUrl,
+        playbackMagnet: entry.context.playbackMagnet,
+        canManageBlacklist: entry.context.canManageBlacklist,
+        context: entry.context.context || "card",
+        designSystem: entry.context.designSystem || this.designSystem,
+      });
+
+      if (!panel) {
+        return null;
+      }
+
+      this.syncMuteMenuButtons(panel, entry);
+
+      const buttons = panel.querySelectorAll("button[data-action]");
+      buttons.forEach((button) => {
+        const HTMLElementCtor = this.getHTMLElementConstructor(button?.ownerDocument);
+        if (HTMLElementCtor && !(button instanceof HTMLElementCtor)) {
+          return;
+        }
+
+        button.addEventListener("click", async (event) => {
+          event.preventDefault();
+          event.stopPropagation();
+
+          const dataset = { ...button.dataset };
+          const action = dataset.action || "";
+
+          try {
+            await this.handleMoreMenuAction(action, dataset, entry.context.video);
+          } catch (error) {
+            userLogger.error("[MoreMenu] Failed to handle action:", error);
+          }
+
+          if (typeof entry.context.onAction === "function") {
+            try {
+              entry.context.onAction({ action, dataset, event });
+            } catch (callbackError) {
+              if (this.isDevMode) {
+                userLogger.warn(
+                  "[MoreMenu] onAction callback failed",
+                  callbackError,
+                );
+              }
+            }
+          }
+
+          if (typeof close === "function") {
+            close();
+          }
+        });
+      });
+
+      return panel;
+    };
+  }
+
+  decoratePopoverLifecycle(popover, trigger, entry) {
+    if (!popover) {
+      return null;
+    }
+
+    const originalOpen = popover.open?.bind(popover);
+    const originalClose = popover.close?.bind(popover);
+    const originalDestroy = popover.destroy?.bind(popover);
+
+    if (typeof originalOpen === "function") {
+      popover.open = async (...args) => {
+        const result = await originalOpen(...args);
+        if (result) {
+          this.activePopover = popover;
+          this.activePopoverEntry = entry;
+          const panel =
+            typeof popover.getPanel === "function" ? popover.getPanel() : null;
+          if (panel) {
+            this.syncMuteMenuButtons(panel, entry);
+          }
+        }
+        return result;
+      };
+    }
+
+    if (typeof originalClose === "function") {
+      popover.close = (options = {}) => {
+        const restoreFocus =
+          options?.restoreFocus !== undefined
+            ? options.restoreFocus
+            : entry?.context?.restoreFocusOnClose !== false;
+        const result = originalClose({ restoreFocus });
+        if (result && this.activePopover === popover) {
+          this.activePopover = null;
+          this.activePopoverEntry = null;
+        }
+        if (result && typeof entry?.context?.onClose === "function") {
+          try {
+            entry.context.onClose({
+              trigger,
+              reason: options?.reason || "close",
+              restoreFocus,
+            });
+          } catch (error) {
+            if (this.isDevMode) {
+              userLogger.warn("[MoreMenu] onClose callback failed", error);
+            }
+          }
+        }
+        return result;
+      };
+    }
+
+    if (typeof originalDestroy === "function") {
+      popover.destroy = (...args) => {
+        if (this.activePopover === popover) {
+          this.activePopover = null;
+          this.activePopoverEntry = null;
+        }
+        originalDestroy(...args);
+        if (trigger && this.popoversByTrigger.get(trigger) === entry) {
+          this.popoversByTrigger.delete(trigger);
+        }
+      };
+    }
+
+    return popover;
+  }
+
+  ensurePopoverForTrigger({ trigger }) {
+    if (!trigger) {
+      return null;
+    }
+
+    if (this.popoversByTrigger.has(trigger)) {
+      return this.popoversByTrigger.get(trigger);
+    }
+
+    const documentRef =
+      trigger?.ownerDocument ||
+      this.document ||
+      (typeof document !== "undefined" ? document : null);
+
+    const entry = {
+      trigger,
+      context: {
+        video: null,
+        pointerInfo: null,
+        playbackUrl: "",
+        playbackMagnet: "",
+        canManageBlacklist: false,
+        context: "card",
+        designSystem: this.designSystem,
+        onAction: null,
+        onClose: null,
+        restoreFocusOnClose: true,
+      },
+      popover: null,
+    };
+
+    const render = this.createPopoverRender(entry);
+
+    const popover = createPopover(trigger, render, {
+      document: documentRef,
+      placement: "bottom-end",
+    });
+
+    const decorated = this.decoratePopoverLifecycle(popover, trigger, entry) || popover;
+    entry.popover = decorated;
+    this.popoversByTrigger.set(trigger, entry);
+    return entry;
+  }
+
+  async toggleMoreMenu(detail = {}) {
+    const {
+      trigger = null,
+      video = null,
+      pointerInfo = null,
+      playbackUrl = "",
+      playbackMagnet = "",
+      context = "card",
+      canManageBlacklist = this.callbacks.canCurrentUserManageBlacklist(),
+      designSystem = null,
+      onAction = null,
+      onClose = null,
+      restoreFocusOnClose = true,
+    } = detail;
+
+    const entry = this.ensurePopoverForTrigger({ trigger });
+    if (!entry?.popover) {
+      return;
+    }
+
+    entry.context = {
+      ...entry.context,
+      video,
+      pointerInfo,
+      playbackUrl,
+      playbackMagnet,
+      canManageBlacklist,
+      context,
+      designSystem: designSystem || this.designSystem,
+      onAction,
+      onClose,
+      restoreFocusOnClose: restoreFocusOnClose !== false,
+    };
+
+    if (typeof entry.popover.isOpen === "function" && entry.popover.isOpen()) {
+      entry.popover.close({
+        restoreFocus: entry.context.restoreFocusOnClose !== false,
+      });
+      return;
+    }
+
+    try {
+      await entry.popover.open();
+    } catch (error) {
+      userLogger.error("[MoreMenu] Failed to open popover:", error);
+    }
+  }
+
+  closePopoverForTrigger(trigger, options = {}) {
+    const entry = trigger ? this.popoversByTrigger.get(trigger) : null;
+    if (!entry?.popover || typeof entry.popover.close !== "function") {
+      return false;
+    }
+
+    const restoreFocus =
+      options?.restoreFocus !== undefined
+        ? options.restoreFocus
+        : entry.context?.restoreFocusOnClose !== false;
+
+    return entry.popover.close({ restoreFocus });
+  }
+
+  closeAllMoreMenus(options = {}) {
+    const skipView = options?.skipView === true;
+    const restoreFocus = options?.restoreFocus !== false;
+    const skipTrigger = options?.skipTrigger || null;
+
+    if (
+      !skipView &&
+      this.videoListView &&
+      typeof this.videoListView.closeAllMenus === "function"
+    ) {
+      const viewOptions = {
+        skipController: true,
+        restoreFocus,
+      };
+      if (skipTrigger) {
+        viewOptions.skipTrigger = skipTrigger;
+      }
+      this.videoListView.closeAllMenus(viewOptions);
+    }
+
+    this.popoversByTrigger.forEach((entry) => {
+      if (!entry?.popover || typeof entry.popover.close !== "function") {
+        return;
+      }
+      if (skipTrigger && entry.trigger === skipTrigger) {
+        return;
+      }
+      entry.popover.close({ restoreFocus });
+    });
+  }
+
+  attachMoreMenuHandlers(container) {
+    if (!container || typeof container.querySelectorAll !== "function") {
+      return;
+    }
+
+    if (!this.document) {
+      return;
+    }
+
+    const buttons = container.querySelectorAll("[data-more-dropdown]");
+    if (!buttons.length) {
+      return;
+    }
+
+    this.ensureGlobalMoreMenuHandlers();
+
+    const HTMLElementCtor = this.getHTMLElementConstructor(this.document);
+
+    buttons.forEach((button) => {
+      if (HTMLElementCtor && !(button instanceof HTMLElementCtor)) {
+        return;
+      }
+      if (button.dataset.moreMenuToggleBound === "true") {
+        return;
+      }
+      button.dataset.moreMenuToggleBound = "true";
+      button.addEventListener("click", (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+
+        const context = button.getAttribute("data-context") || "card";
+
+        let video = null;
+        let pointerInfo = null;
+        let playbackUrl = "";
+        let playbackMagnet = "";
+
+        if (context === "modal") {
+          video = this.callbacks.getCurrentVideo();
+          if (Array.isArray(video?.pointer) && video.pointer.length >= 2) {
+            pointerInfo = { pointer: video.pointer };
+          }
+          playbackUrl = typeof video?.url === "string" ? video.url : "";
+          playbackMagnet = (() => {
+            if (typeof video?.magnet === "string" && video.magnet) {
+              return video.magnet;
+            }
+            if (typeof video?.infoHash === "string" && video.infoHash) {
+              return video.infoHash;
+            }
+            return "";
+          })();
+        }
+
+        if (!pointerInfo) {
+          const pointerType = button.getAttribute("data-pointer-type") || "";
+          const pointerValue = button.getAttribute("data-pointer-value") || "";
+          const pointerRelay = button.getAttribute("data-pointer-relay") || "";
+          const pointerKey = button.getAttribute("data-pointer-key") || "";
+          if (pointerType && pointerValue) {
+            pointerInfo = {
+              pointer: pointerRelay
+                ? [pointerType, pointerValue, pointerRelay]
+                : [pointerType, pointerValue],
+              key: pointerKey,
+            };
+          }
+        }
+
+        this.toggleMoreMenu({
+          trigger: button,
+          video,
+          pointerInfo,
+          playbackUrl,
+          playbackMagnet,
+          context,
+          canManageBlacklist: this.callbacks.canCurrentUserManageBlacklist(),
+          designSystem: this.designSystem,
+        });
+      });
+    });
+  }
+
+  syncModalMoreMenuData() {
+    if (!this.videoModal || typeof this.videoModal.syncMoreMenuData !== "function") {
+      return;
+    }
+
+    const currentVideo = this.callbacks.getCurrentVideo();
+    const canManageBlacklist = this.callbacks.canCurrentUserManageBlacklist();
+
+    this.videoModal.syncMoreMenuData({
+      currentVideo,
+      canManageBlacklist,
+    });
+  }
+
+  async handleMoreMenuAction(action, dataset = {}, video = null) {
+    const normalized = typeof action === "string" ? action.trim() : "";
+    const context = dataset.context || "";
+    const currentVideo = this.callbacks.getCurrentVideo();
+
+    const resolveTargetAuthorHex = () => {
+      const candidates = [
+        dataset.author,
+        dataset.npub,
+        context === "modal" ? currentVideo?.pubkey : "",
+        currentVideo?.pubkey,
+      ];
+
+      for (const candidate of candidates) {
+        if (typeof candidate !== "string") {
+          continue;
+        }
+        const trimmed = candidate.trim();
+        if (!trimmed) {
+          continue;
+        }
+        if (/^[0-9a-f]{64}$/i.test(trimmed)) {
+          return trimmed.toLowerCase();
+        }
+        if (trimmed.startsWith("npub1")) {
+          const decoded = this.callbacks.safeDecodeNpub(trimmed);
+          if (decoded) {
+            return decoded;
+          }
+        }
+      }
+
+      return "";
+    };
+
+    switch (normalized) {
+      case "open-channel": {
+        if (context === "modal") {
+          this.callbacks.openCreatorChannel();
+          break;
+        }
+
+        const author =
+          dataset.author || (currentVideo ? currentVideo.pubkey : "");
+        if (author) {
+          this.callbacks.goToProfile(author);
+        } else {
+          this.callbacks.showError("No creator info available.");
+        }
+        break;
+      }
+      case "copy-link": {
+        const eventId =
+          dataset.eventId || (context === "modal" ? currentVideo?.id : "");
+        if (!eventId) {
+          this.callbacks.showError("Could not generate link.");
+          break;
+        }
+        const shareUrl = this.callbacks.buildShareUrlFromEventId(eventId);
+        if (!shareUrl) {
+          this.callbacks.showError("Could not generate link.");
+          break;
+        }
+
+        if (!this.clipboard || typeof this.clipboard.writeText !== "function") {
+          this.callbacks.showError("Failed to copy the link.");
+          break;
+        }
+
+        this.clipboard
+          .writeText(shareUrl)
+          .then(() =>
+            this.callbacks.showSuccess("Video link copied to clipboard!"),
+          )
+          .catch(() => this.callbacks.showError("Failed to copy the link."));
+        break;
+      }
+      case "remove-history": {
+        await this.callbacks.handleRemoveHistoryAction(dataset);
+        break;
+      }
+      case "repost-event": {
+        await this.callbacks.handleRepostAction(dataset);
+        break;
+      }
+      case "mirror-video": {
+        await this.callbacks.handleMirrorAction(dataset);
+        break;
+      }
+      case "ensure-presence": {
+        await this.callbacks.handleEnsurePresenceAction(dataset);
+        break;
+      }
+      case "copy-npub": {
+        const explicitNpub =
+          typeof dataset.npub === "string" && dataset.npub.trim()
+            ? dataset.npub.trim()
+            : "";
+        const authorCandidate = dataset.author || "";
+        const fallbackNpub = this.callbacks.safeEncodeNpub(authorCandidate);
+        const valueToCopy = explicitNpub || fallbackNpub;
+
+        if (!valueToCopy) {
+          this.callbacks.showError("No npub available to copy.");
+          break;
+        }
+
+        if (!this.clipboard || typeof this.clipboard.writeText !== "function") {
+          this.callbacks.showError("Failed to copy the npub.");
+          break;
+        }
+
+        try {
+          await this.clipboard.writeText(valueToCopy);
+          this.callbacks.showSuccess("Channel npub copied to clipboard!");
+        } catch (error) {
+          userLogger.error("Failed to copy npub:", error);
+          this.callbacks.showError("Failed to copy the npub.");
+        }
+        break;
+      }
+      case "mute-author": {
+        const viewerPubkey = this.callbacks.getCurrentUserPubkey();
+        if (!viewerPubkey) {
+          this.callbacks.showError("Please login to manage your mute list.");
+          break;
+        }
+
+        const targetHex = resolveTargetAuthorHex();
+        if (!targetHex) {
+          this.callbacks.showError("Unable to determine the creator to mute.");
+          break;
+        }
+
+        if (targetHex === viewerPubkey) {
+          this.callbacks.showError("You cannot mute yourself.");
+          break;
+        }
+
+        try {
+          const result = await this.moderationService.addAuthorToViewerMuteList(
+            targetHex,
+          );
+          if (result?.already) {
+            this.callbacks.showSuccess("You already muted this creator.");
+          } else {
+            this.callbacks.showSuccess(
+              "Creator muted. Their videos will be downranked in your feeds.",
+            );
+          }
+          try {
+            await this.callbacks.refreshAllVideoGrids({
+              reason: "viewer-mute-update",
+              forceMainReload: true,
+            });
+          } catch (refreshError) {
+            if (this.isDevMode) {
+              userLogger.warn(
+                "[MoreMenu] Failed to refresh video grids after viewer mute update:",
+                refreshError,
+              );
+            }
+          }
+          this.refreshActiveMuteButtons({ author: targetHex });
+        } catch (error) {
+          switch (error?.code) {
+            case "viewer-not-logged-in":
+              this.callbacks.showError("Please login to manage your mute list.");
+              break;
+            case "invalid-target":
+              this.callbacks.showError("Unable to determine the creator to mute.");
+              break;
+            case "self":
+              this.callbacks.showError("You cannot mute yourself.");
+              break;
+            case "nostr-extension-missing":
+              this.callbacks.showError(
+                "A Nostr extension is required to update your mute list.",
+              );
+              break;
+            case "extension-permission-denied":
+              this.callbacks.showError(
+                "Allow your Nostr extension to sign events before muting creators.",
+              );
+              break;
+            default:
+              this.callbacks.showError(
+                "Failed to update your mute list. Please try again.",
+              );
+              break;
+          }
+        }
+        break;
+      }
+      case "unmute-author": {
+        const viewerPubkey = this.callbacks.getCurrentUserPubkey();
+        if (!viewerPubkey) {
+          this.callbacks.showError("Please login to manage your mute list.");
+          break;
+        }
+
+        const targetHex = resolveTargetAuthorHex();
+        if (!targetHex) {
+          this.callbacks.showError("Unable to determine the creator to unmute.");
+          break;
+        }
+
+        try {
+          const result = await this.moderationService.removeAuthorFromViewerMuteList(
+            targetHex,
+          );
+          if (result?.already) {
+            this.callbacks.showSuccess("This creator is not on your mute list.");
+          } else {
+            this.callbacks.showSuccess(
+              "Creator removed from your mute list.",
+            );
+          }
+          try {
+            await this.callbacks.refreshAllVideoGrids({
+              reason: "viewer-mute-update",
+              forceMainReload: true,
+            });
+          } catch (refreshError) {
+            if (this.isDevMode) {
+              userLogger.warn(
+                "[MoreMenu] Failed to refresh video grids after viewer mute removal:",
+                refreshError,
+              );
+            }
+          }
+          this.refreshActiveMuteButtons({ author: targetHex });
+        } catch (error) {
+          switch (error?.code) {
+            case "viewer-not-logged-in":
+              this.callbacks.showError("Please login to manage your mute list.");
+              break;
+            case "nostr-extension-missing":
+              this.callbacks.showError(
+                "A Nostr extension is required to update your mute list.",
+              );
+              break;
+            case "extension-permission-denied":
+              this.callbacks.showError(
+                "Allow your Nostr extension to sign events before updating your mute list.",
+              );
+              break;
+            default:
+              this.callbacks.showError(
+                "Failed to update your mute list. Please try again.",
+              );
+              break;
+          }
+        }
+        break;
+      }
+      case "blacklist-author": {
+        const actorNpub = this.callbacks.getCurrentUserNpub();
+        if (!actorNpub) {
+          this.callbacks.showError(
+            "Please login as a moderator to manage the blacklist.",
+          );
+          break;
+        }
+
+        try {
+          await this.accessControl?.ensureReady?.();
+        } catch (error) {
+          userLogger.warn(
+            "Failed to refresh moderation state before blacklisting:",
+            error,
+          );
+        }
+
+        if (!this.accessControl?.canEditAdminLists?.(actorNpub)) {
+          this.callbacks.showError("Only moderators can manage the blacklist.");
+          break;
+        }
+
+        let author = dataset.author || "";
+        if (!author && context === "modal" && currentVideo?.pubkey) {
+          author = currentVideo.pubkey;
+        }
+        if (!author && currentVideo?.pubkey) {
+          author = currentVideo.pubkey;
+        }
+
+        const explicitNpub =
+          typeof dataset.npub === "string" && dataset.npub.trim()
+            ? dataset.npub.trim()
+            : "";
+        const targetNpub = explicitNpub || this.callbacks.safeEncodeNpub(author);
+
+        if (!targetNpub) {
+          this.callbacks.showError("Unable to determine the creator npub.");
+          break;
+        }
+
+        try {
+          const result = await this.accessControl.addToBlacklist(
+            actorNpub,
+            targetNpub,
+          );
+
+          if (result?.ok) {
+            this.callbacks.showSuccess("Creator added to the blacklist.");
+            try {
+              await this.callbacks.refreshAllVideoGrids({
+                reason: "admin-blacklist-update",
+                forceMainReload: true,
+              });
+            } catch (error) {
+              if (this.isDevMode) {
+                userLogger.warn(
+                  "[MoreMenu] Failed to refresh video grids after blacklist update:",
+                  error,
+                );
+              }
+            }
+          } else {
+            const code = result?.error || "unknown";
+            switch (code) {
+              case "self":
+                this.callbacks.showError("You cannot blacklist yourself.");
+                break;
+              case "immutable":
+                this.callbacks.showError(
+                  "Moderators cannot blacklist the super admin or fellow moderators.",
+                );
+                break;
+              case "invalid npub":
+                this.callbacks.showError("Unable to blacklist this creator.");
+                break;
+              case "forbidden":
+                this.callbacks.showError("Only moderators can manage the blacklist.");
+                break;
+              default:
+                this.callbacks.showError(
+                  "Failed to update the blacklist. Please try again.",
+                );
+                break;
+            }
+          }
+        } catch (error) {
+          userLogger.error("Failed to add creator to blacklist:", error);
+          this.callbacks.showError(
+            "Failed to update the blacklist. Please try again.",
+          );
+        }
+        break;
+      }
+      case "block-author": {
+        const currentUserPubkey = this.callbacks.getCurrentUserPubkey();
+        if (!currentUserPubkey) {
+          this.callbacks.showError("Please login to manage your block list.");
+          break;
+        }
+
+        const authorCandidate =
+          dataset.author || (currentVideo && currentVideo.pubkey) || "";
+
+        const trimmed =
+          typeof authorCandidate === "string" ? authorCandidate.trim() : "";
+        if (!trimmed) {
+          this.callbacks.showError("Unable to determine the creator to block.");
+          break;
+        }
+
+        let normalizedHex = "";
+        if (trimmed.startsWith("npub1")) {
+          normalizedHex = this.callbacks.safeDecodeNpub(trimmed) || "";
+        } else if (/^[0-9a-f]{64}$/i.test(trimmed)) {
+          normalizedHex = trimmed.toLowerCase();
+        }
+
+        if (!normalizedHex) {
+          this.callbacks.showError("Unable to determine the creator to block.");
+          break;
+        }
+
+        if (normalizedHex === currentUserPubkey) {
+          this.callbacks.showError("You cannot block yourself.");
+          break;
+        }
+
+        try {
+          await this.userBlocks?.ensureLoaded?.(currentUserPubkey);
+
+          if (this.userBlocks?.isBlocked?.(normalizedHex)) {
+            this.callbacks.showSuccess("You already blocked this creator.");
+          } else {
+            await this.userBlocks?.addBlock?.(normalizedHex, currentUserPubkey);
+            this.callbacks.showSuccess(
+              "Creator blocked. You won't see their videos anymore.",
+            );
+          }
+
+          try {
+            this.callbacks.onUserBlocksUpdated();
+          } catch (error) {
+            userLogger.warn(
+              "[MoreMenu] Failed to refresh blocked list after update:",
+              error,
+            );
+          }
+
+          try {
+            await this.moderationService?.awaitUserBlockRefresh?.();
+          } catch (error) {
+            if (this.isDevMode) {
+              userLogger.warn(
+                "[MoreMenu] Moderation sync failed after block update:",
+                error,
+              );
+            }
+          }
+
+          try {
+            await this.callbacks.refreshAllVideoGrids({
+              reason: "user-block-update",
+              forceMainReload: true,
+            });
+          } catch (error) {
+            if (this.isDevMode) {
+              userLogger.warn(
+                "[MoreMenu] Failed to refresh video grids after user block update:",
+                error,
+              );
+            }
+          }
+        } catch (error) {
+          userLogger.error("Failed to update personal block list:", error);
+          const message =
+            error?.code === "nip04-missing"
+              ? "Your Nostr extension must support NIP-04 to manage private lists."
+              : error?.code === "extension-encryption-permission-denied"
+              ? "Your Nostr extension must allow encryption to update your block list."
+              : "Failed to update your block list. Please try again.";
+          this.callbacks.showError(message);
+        }
+        break;
+      }
+      case "report": {
+        const viewerPubkey = this.callbacks.getCurrentUserPubkey?.();
+        if (!viewerPubkey) {
+          this.callbacks.showError(
+            "Connect a Nostr account before reporting videos.",
+          );
+          break;
+        }
+
+        const eventId =
+          (typeof dataset.eventId === "string" ? dataset.eventId : "") ||
+          (context === "modal" && typeof currentVideo?.id === "string"
+            ? currentVideo.id
+            : "") ||
+          (typeof currentVideo?.id === "string" ? currentVideo.id : "");
+
+        const normalizedEventId = eventId ? eventId.trim() : "";
+        if (!normalizedEventId) {
+          this.callbacks.showError(
+            "Unable to determine which video to report.",
+          );
+          break;
+        }
+
+        const authorPubkey =
+          (typeof dataset.author === "string" ? dataset.author : "") ||
+          (context === "modal" && typeof currentVideo?.pubkey === "string"
+            ? currentVideo.pubkey
+            : "") ||
+          (typeof currentVideo?.pubkey === "string" ? currentVideo.pubkey : "");
+
+        const normalizedAuthor = authorPubkey ? authorPubkey.trim() : "";
+        if (!normalizedAuthor) {
+          this.callbacks.showError(
+            "Unable to determine which creator to report.",
+          );
+          break;
+        }
+
+        let relayHint =
+          (typeof dataset.pointerRelay === "string"
+            ? dataset.pointerRelay
+            : "") || "";
+        if (relayHint) {
+          relayHint = relayHint.trim();
+        }
+        if (!relayHint && context === "modal") {
+          const pointer = Array.isArray(currentVideo?.pointer)
+            ? currentVideo.pointer
+            : null;
+          const hintCandidate = pointer && pointer.length > 2 ? pointer[2] : "";
+          if (typeof hintCandidate === "string" && hintCandidate.trim()) {
+            relayHint = hintCandidate.trim();
+          }
+        }
+
+        this.openReportModal({
+          eventId: normalizedEventId,
+          authorPubkey: normalizedAuthor,
+          relayHint,
+          trigger: dataset.triggerElement || null,
+        });
+        break;
+      }
+      case "event-details": {
+        let targetVideo = video;
+        if (!targetVideo && context === "modal") {
+          targetVideo = currentVideo;
+        }
+
+        await this.callbacks.handleEventDetailsAction({
+          eventId: dataset.eventId,
+          video: targetVideo,
+        });
+        break;
+      }
+      default:
+        break;
+    }
+  }
+}
diff --git a/dist/js/ui/overlay/overlayRoot.js b/dist/js/ui/overlay/overlayRoot.js
new file mode 100644
index 00000000..fb5e1400
--- /dev/null
+++ b/dist/js/ui/overlay/overlayRoot.js
@@ -0,0 +1,63 @@
+const OVERLAY_ROOT_ID = "uiOverlay";
+const OVERLAY_COMPONENT = "overlay-root";
+
+function resolveDocument(documentRef) {
+  if (documentRef && documentRef.nodeType === 9) {
+    return documentRef;
+  }
+  if (typeof document !== "undefined" && document?.nodeType === 9) {
+    return document;
+  }
+  return null;
+}
+
+function isElement(node) {
+  return Boolean(node && typeof node === "object" && node.nodeType === 1);
+}
+
+function applyRootAttributes(element) {
+  if (!element) {
+    return;
+  }
+
+  if (element.getAttribute("aria-hidden") !== "true") {
+    element.setAttribute("aria-hidden", "true");
+  }
+  if (!element.hasAttribute("data-overlay-root")) {
+    element.setAttribute("data-overlay-root", "");
+  }
+  if (element.dataset.component !== OVERLAY_COMPONENT) {
+    element.dataset.component = OVERLAY_COMPONENT;
+  }
+}
+
+function ensureAttached(element, documentRef) {
+  if (!element?.isConnected) {
+    const doc = resolveDocument(documentRef);
+    if (doc?.body) {
+      doc.body.appendChild(element);
+    } else if (doc?.documentElement) {
+      doc.documentElement.appendChild(element);
+    }
+  }
+}
+
+export function ensureOverlayRoot(documentRef = null) {
+  const doc = resolveDocument(documentRef);
+  if (!doc) {
+    return null;
+  }
+
+  let root = doc.getElementById(OVERLAY_ROOT_ID);
+  if (!isElement(root)) {
+    root = doc.createElement("div");
+    root.id = OVERLAY_ROOT_ID;
+  }
+
+  applyRootAttributes(root);
+  ensureAttached(root, doc);
+
+  return root;
+}
+
+export default ensureOverlayRoot;
diff --git a/dist/js/ui/overlay/popoverEngine.js b/dist/js/ui/overlay/popoverEngine.js
new file mode 100644
index 00000000..46fda272
--- /dev/null
+++ b/dist/js/ui/overlay/popoverEngine.js
@@ -0,0 +1,1069 @@
+import logger from "../../utils/logger.js";
+import {
+  getPopupOffsetPx,
+  getPopupViewportPaddingPx,
+  readDesignToken,
+} from "../../designSystem/metrics.js";
+import { ensureOverlayRoot } from "./overlayRoot.js";
+import {
+  arrow as arrowMiddleware,
+  autoUpdate,
+  computePosition,
+  flip,
+  offset,
+  shift,
+} from "../../../vendor/floating-ui.dom.bundle.min.js";
+
+const DEFAULT_PLACEMENT = "bottom-start";
+const DEFAULT_STRATEGY = "fixed";
+const DEFAULT_MAX_WIDTH_TOKEN = "--popover-inline-safe-max";
+const MENU_TYPEAHEAD_RESET_MS = 500;
+
+let popoverPanelIdCounter = 0;
+let popoverArrowIdCounter = 0;
+
+let activePopoverInstance = null;
+
+function generatePanelId() {
+  popoverPanelIdCounter += 1;
+  return `popover-panel-${popoverPanelIdCounter}`;
+}
+
+function isDisabled(element) {
+  if (!element) {
+    return true;
+  }
+  if (element.hasAttribute("disabled")) {
+    return true;
+  }
+  const ariaDisabled = element.getAttribute("aria-disabled");
+  if (typeof ariaDisabled === "string" && ariaDisabled.toLowerCase() === "true") {
+    return true;
+  }
+  if (element.hidden || element.getAttribute("aria-hidden") === "true") {
+    return true;
+  }
+  return false;
+}
+
+function getItemLabel(element) {
+  if (!element) {
+    return "";
+  }
+  const ariaLabel = element.getAttribute("aria-label");
+  if (ariaLabel) {
+    return ariaLabel.trim();
+  }
+  if (typeof element.textContent === "string") {
+    return element.textContent.trim();
+  }
+  return "";
+}
+
+function isElement(node) {
+  return Boolean(node && typeof node === "object" && node.nodeType === 1);
+}
+
+function resolveDocument(trigger, explicitDocument) {
+  if (explicitDocument && explicitDocument.nodeType === 9) {
+    return explicitDocument;
+  }
+  if (trigger?.ownerDocument?.nodeType === 9) {
+    return trigger.ownerDocument;
+  }
+  if (typeof document !== "undefined" && document?.nodeType === 9) {
+    return document;
+  }
+  return null;
+}
+
+function resolveNumber(value, fallback) {
+  const numeric = Number(value);
+  return Number.isFinite(numeric) ? numeric : fallback;
+}
+
+function resolveTokenValue(tokenName, documentRef) {
+  if (typeof tokenName !== "string" || tokenName.trim() === "") {
+    return "";
+  }
+  return readDesignToken(tokenName, { documentRef }) || "";
+}
+
+function resolveArrow(option, panel) {
+  if (!option) {
+    return null;
+  }
+
+  if (typeof option === "function") {
+    try {
+      return resolveArrow(option(panel), panel);
+    } catch (error) {
+      logger.user.error("[popover] arrow resolver failed", error);
+      return null;
+    }
+  }
+
+  if (isElement(option)) {
+    return option;
+  }
+
+  if (typeof option === "object") {
+    if (option.element) {
+      return resolveArrow(option.element, panel);
+    }
+  }
+
+  return null;
+}
+
+function ensureArrowId(arrowElement) {
+  if (!arrowElement) {
+    return "";
+  }
+  if (arrowElement.id) {
+    return arrowElement.id;
+  }
+  popoverArrowIdCounter += 1;
+  const arrowId = `popover-arrow-${popoverArrowIdCounter}`;
+  arrowElement.id = arrowId;
+  return arrowId;
+}
+
+function buildArrowStyleState({ arrowElement, placement, middlewareData }) {
+  const state = {
+    basePlacement: "",
+    values: {
+      left: "auto",
+      right: "auto",
+      top: "auto",
+      bottom: "auto",
+    },
+  };
+
+  if (!arrowElement || typeof placement !== "string") {
+    return state;
+  }
+
+  const basePlacement = placement.split("-")[0];
+  const arrowData = middlewareData?.arrow || null;
+
+  if (!arrowData || !basePlacement) {
+    return state;
+  }
+
+  const staticSideMap = {
+    top: "bottom",
+    right: "left",
+    bottom: "top",
+    left: "right",
+  };
+
+  if (Number.isFinite(arrowData.x)) {
+    state.values.left = `${Math.round(arrowData.x)}px`;
+  }
+
+  if (Number.isFinite(arrowData.y)) {
+    state.values.top = `${Math.round(arrowData.y)}px`;
+  }
+
+  const staticSide = staticSideMap[basePlacement] || null;
+
+  if (staticSide) {
+    const arrowRect =
+      typeof arrowElement.getBoundingClientRect === "function"
+        ? arrowElement.getBoundingClientRect()
+        : null;
+    const arrowWidth = arrowRect?.width ?? arrowElement.offsetWidth ?? 0;
+    const arrowHeight = arrowRect?.height ?? arrowElement.offsetHeight ?? 0;
+    const offsetValue =
+      basePlacement === "top" || basePlacement === "bottom"
+        ? arrowHeight
+        : arrowWidth;
+    state.values[staticSide] = `${-Math.round(offsetValue)}px`;
+  }
+
+  state.basePlacement = basePlacement;
+  return state;
+}
+
+function containsTarget(root, target) {
+  if (!root || !target) {
+    return false;
+  }
+  if (typeof root.contains === "function") {
+    return root.contains(target);
+  }
+  return false;
+}
+
+function setExpandedAttribute(trigger, value) {
+  if (!trigger || typeof trigger.setAttribute !== "function") {
+    return;
+  }
+  trigger.setAttribute("aria-expanded", value ? "true" : "false");
+}
+
+export function createPopover(trigger, render, options = {}) {
+  const anchor = isElement(trigger) ? trigger : null;
+  const documentRef = resolveDocument(anchor, options.document);
+
+  if (anchor && typeof anchor.setAttribute === "function") {
+    anchor.setAttribute("aria-haspopup", "menu");
+    anchor.setAttribute("aria-expanded", "false");
+  }
+
+  const portal = documentRef ? documentRef.createElement("div") : null;
+  if (portal) {
+    portal.dataset.popoverPortal = "true";
+  }
+
+  const placement =
+    typeof options.placement === "string" && options.placement
+      ? options.placement
+      : DEFAULT_PLACEMENT;
+  const strategy = DEFAULT_STRATEGY;
+  const gap = resolveNumber(
+    options.gap,
+    getPopupOffsetPx({ documentRef }) || 0,
+  );
+  const viewportPadding = resolveNumber(
+    options.viewportPadding,
+    getPopupViewportPaddingPx({ documentRef }) || 0,
+  );
+  const maxWidthToken =
+    typeof options.maxWidthToken === "string" && options.maxWidthToken
+      ? options.maxWidthToken
+      : DEFAULT_MAX_WIDTH_TOKEN;
+  const maxHeightToken =
+    typeof options.maxHeightToken === "string" && options.maxHeightToken
+      ? options.maxHeightToken
+      : null;
+  const restoreFocusOnClose = options.restoreFocusOnClose !== false;
+
+  let panel = null;
+  let arrowElement = null;
+  let autoUpdateCleanup = null;
+  let isOpen = false;
+  let previousActiveElement = null;
+  let menuItemIdCounter = 0;
+  const menuHandlers = {
+    keydown: null,
+    focusin: null,
+  };
+  const menuState = {
+    panel: null,
+    items: [],
+    activeIndex: -1,
+    typeaheadBuffer: "",
+    typeaheadTimeout: null,
+  };
+  let popoverStyleNode = null;
+  let arrowStyleState = {
+    left: "auto",
+    right: "auto",
+    top: "auto",
+    bottom: "auto",
+  };
+  let panelStyleState = {
+    left: 0,
+    top: 0,
+    strategy,
+    maxWidth: "none",
+    maxHeight: "none",
+  };
+  let arrowId = "";
+
+  function ensurePopoverStyleNode(panelId) {
+    if (popoverStyleNode && popoverStyleNode.isConnected) {
+      return popoverStyleNode;
+    }
+    const styleId = `popover-style-${panelId}`;
+    const existing = documentRef?.getElementById?.(styleId) || null;
+    if (existing instanceof HTMLStyleElement) {
+      popoverStyleNode = existing;
+      return popoverStyleNode;
+    }
+    if (!documentRef?.createElement) {
+      return null;
+    }
+    const styleNode = documentRef.createElement("style");
+    styleNode.id = styleId;
+    documentRef.head?.appendChild(styleNode);
+    popoverStyleNode = styleNode;
+    return popoverStyleNode;
+  }
+
+  function syncPopoverStyles() {
+    if (!panel || !panel.id) {
+      return;
+    }
+    const styleNode = ensurePopoverStyleNode(panel.id);
+    if (!styleNode) {
+      return;
+    }
+    const panelRule = `#${panel.id}{` +
+      `--popover-left:${Math.round(panelStyleState.left)}px;` +
+      `--popover-top:${Math.round(panelStyleState.top)}px;` +
+      `--popover-strategy:${panelStyleState.strategy || strategy};` +
+      `--popover-max-width:${panelStyleState.maxWidth || "none"};` +
+      `--popover-max-height:${panelStyleState.maxHeight || "none"};` +
+      `}`;
+    const arrowRule = arrowId
+      ? `#${arrowId}{` +
+        `--popover-arrow-left:${arrowStyleState.left};` +
+        `--popover-arrow-right:${arrowStyleState.right};` +
+        `--popover-arrow-top:${arrowStyleState.top};` +
+        `--popover-arrow-bottom:${arrowStyleState.bottom};` +
+        `}`
+      : "";
+    styleNode.textContent = [panelRule, arrowRule].filter(Boolean).join("\n");
+  }
+
+  function getView() {
+    if (typeof window !== "undefined") return window;
+    if (typeof globalThis !== "undefined") return globalThis;
+    return undefined;
+  }
+
+  function focusWithoutScroll(node) {
+    if (!node || typeof node.focus !== "function") {
+      return;
+    }
+
+    const view = getView();
+    const scrollX = view?.scrollX ?? view?.pageXOffset ?? 0;
+    const scrollY = view?.scrollY ?? view?.pageYOffset ?? 0;
+
+    let preventScrollSupported = true;
+
+    try {
+      node.focus({ preventScroll: true });
+    } catch (error) {
+      preventScrollSupported = false;
+      node.focus();
+    }
+
+    if (!view || typeof view.scrollTo !== "function") {
+      return;
+    }
+
+    const restoreScroll = () => {
+      try {
+        view.scrollTo(scrollX, scrollY);
+      } catch (error) {
+        logger.dev?.warn?.("[popover] scroll restoration failed", error);
+      }
+    };
+
+    restoreScroll();
+
+    if (preventScrollSupported) {
+      return;
+    }
+
+    if (typeof view.requestAnimationFrame === "function") {
+      view.requestAnimationFrame(restoreScroll);
+      return;
+    }
+
+    if (typeof view.setTimeout === "function") {
+      view.setTimeout(restoreScroll, 0);
+    }
+  }
+
+  function resetTypeaheadBuffer() {
+    const view = getView();
+    if (menuState.typeaheadTimeout) {
+      view.clearTimeout(menuState.typeaheadTimeout);
+    }
+    menuState.typeaheadTimeout = null;
+    menuState.typeaheadBuffer = "";
+  }
+
+  function scheduleTypeaheadReset() {
+    const view = getView();
+    if (!view || typeof view.setTimeout !== "function") {
+      return;
+    }
+    if (menuState.typeaheadTimeout) {
+      view.clearTimeout(menuState.typeaheadTimeout);
+    }
+    menuState.typeaheadTimeout = view.setTimeout(() => {
+      menuState.typeaheadTimeout = null;
+      menuState.typeaheadBuffer = "";
+    }, MENU_TYPEAHEAD_RESET_MS);
+  }
+
+  function ensurePanelId(panelElement) {
+    if (!panelElement.id) {
+      panelElement.id = generatePanelId();
+    }
+    return panelElement.id;
+  }
+
+  function findMenuItems(panelElement) {
+    if (!panelElement) {
+      return [];
+    }
+    const candidates = Array.from(
+      panelElement.querySelectorAll("[role=\"menuitem\"], .menu__item"),
+    ).filter((node) => isElement(node));
+
+    candidates.forEach((item) => {
+      if (!item.hasAttribute("role")) {
+        item.setAttribute("role", "menuitem");
+      }
+      if (!item.id) {
+        menuItemIdCounter += 1;
+        item.id = `${ensurePanelId(panelElement)}-item-${menuItemIdCounter}`;
+      }
+      item.setAttribute("tabindex", "-1");
+    });
+
+    return candidates;
+  }
+
+  function updateAriaActiveDescendant(panelElement, activeItem) {
+    if (!panelElement) {
+      return;
+    }
+    if (activeItem && activeItem.id) {
+      panelElement.setAttribute("aria-activedescendant", activeItem.id);
+    } else {
+      panelElement.removeAttribute("aria-activedescendant");
+    }
+  }
+
+  function setActiveItem(index, { focus = true } = {}) {
+    const panelElement = menuState.panel;
+    if (!panelElement || !menuState.items.length) {
+      menuState.activeIndex = -1;
+      updateAriaActiveDescendant(panelElement, null);
+      return;
+    }
+
+    if (index < 0 || index >= menuState.items.length) {
+      menuState.activeIndex = -1;
+      menuState.items.forEach((item) => {
+        item.setAttribute("tabindex", "-1");
+      });
+      updateAriaActiveDescendant(panelElement, null);
+      return;
+    }
+
+    const target = menuState.items[index];
+    if (!target || isDisabled(target)) {
+      return;
+    }
+
+    menuState.items.forEach((item, itemIndex) => {
+      const value = itemIndex === index ? "0" : "-1";
+      item.setAttribute("tabindex", value);
+    });
+
+    menuState.activeIndex = index;
+    updateAriaActiveDescendant(panelElement, target);
+
+    if (focus) {
+      focusWithoutScroll(target);
+    }
+  }
+
+  function focusFirstEnabledItem({ focusPanelFallback = true } = {}) {
+    const panelElement = menuState.panel;
+    if (!panelElement) {
+      return;
+    }
+
+    const items = menuState.items;
+    const index = items.findIndex((item) => !isDisabled(item));
+    if (index >= 0) {
+      setActiveItem(index);
+      return;
+    }
+
+    menuState.activeIndex = -1;
+    updateAriaActiveDescendant(panelElement, null);
+
+    if (focusPanelFallback) {
+      panelElement.setAttribute("tabindex", panelElement.getAttribute("tabindex") || "-1");
+      focusWithoutScroll(panelElement);
+    }
+  }
+
+  function findNextEnabled(currentIndex, direction) {
+    const { items } = menuState;
+    if (!items.length) {
+      return -1;
+    }
+
+    const total = items.length;
+    let steps = 0;
+    let index = currentIndex;
+
+    while (steps < total) {
+      index = (index + direction + total) % total;
+      const candidate = items[index];
+      if (candidate && !isDisabled(candidate)) {
+        return index;
+      }
+      steps += 1;
+    }
+    return -1;
+  }
+
+  function moveFocus(direction) {
+    const startIndex = menuState.activeIndex >= 0 ? menuState.activeIndex : 0;
+    const nextIndex = findNextEnabled(startIndex, direction);
+    if (nextIndex >= 0) {
+      setActiveItem(nextIndex);
+    }
+  }
+
+  function focusEdge(direction) {
+    const items = menuState.items;
+    if (!items.length) {
+      return;
+    }
+    const iterate = direction > 0 ? items : [...items].reverse();
+    for (let idx = 0; idx < iterate.length; idx += 1) {
+      const item = iterate[idx];
+      if (!isDisabled(item)) {
+        const originalIndex = items.indexOf(item);
+        if (originalIndex >= 0) {
+          setActiveItem(originalIndex);
+        }
+        return;
+      }
+    }
+  }
+
+  function findMatchFrom(query, startIndex) {
+    const { items } = menuState;
+    if (!items.length || !query) {
+      return -1;
+    }
+    const total = items.length;
+    for (let offset = 0; offset < total; offset += 1) {
+      const index = (startIndex + offset) % total;
+      const item = items[index];
+      if (!item || isDisabled(item)) {
+        continue;
+      }
+      const label = getItemLabel(item).toLowerCase();
+      if (label && label.startsWith(query)) {
+        return index;
+      }
+    }
+    return -1;
+  }
+
+  function handleTypeahead(char) {
+    if (!char) {
+      return;
+    }
+    menuState.typeaheadBuffer += char;
+    scheduleTypeaheadReset();
+
+    const startIndex = menuState.activeIndex >= 0 ? menuState.activeIndex + 1 : 0;
+    let matchIndex = findMatchFrom(menuState.typeaheadBuffer, startIndex);
+
+    if (matchIndex < 0 && menuState.typeaheadBuffer.length > 1) {
+      matchIndex = findMatchFrom(char, startIndex);
+    }
+
+    if (matchIndex >= 0) {
+      setActiveItem(matchIndex);
+    }
+  }
+
+  function handleMenuKeydown(event) {
+    if (!menuState.panel || !containsTarget(menuState.panel, event.target)) {
+      return;
+    }
+
+    menuState.items = findMenuItems(menuState.panel);
+
+    switch (event.key) {
+      case "ArrowDown":
+      case "ArrowRight":
+        event.preventDefault();
+        moveFocus(1);
+        return;
+      case "ArrowUp":
+      case "ArrowLeft":
+        event.preventDefault();
+        moveFocus(-1);
+        return;
+      case "Home":
+        event.preventDefault();
+        focusEdge(1);
+        return;
+      case "End":
+        event.preventDefault();
+        focusEdge(-1);
+        return;
+      default:
+        break;
+    }
+
+    if (
+      event.key &&
+      event.key.length === 1 &&
+      !event.altKey &&
+      !event.ctrlKey &&
+      !event.metaKey
+    ) {
+      const char = event.key.toLowerCase();
+      if (char.trim()) {
+        event.preventDefault();
+        handleTypeahead(char);
+      }
+    }
+  }
+
+  function handleMenuFocusIn(event) {
+    if (!menuState.panel || !containsTarget(menuState.panel, event.target)) {
+      return;
+    }
+    menuState.items = findMenuItems(menuState.panel);
+    const index = menuState.items.indexOf(event.target);
+    if (index >= 0 && !isDisabled(event.target)) {
+      setActiveItem(index, { focus: false });
+    }
+  }
+
+  function ensureMenu(panelElement) {
+    if (!panelElement) {
+      return;
+    }
+
+    if (menuState.panel && menuState.panel !== panelElement) {
+      if (menuHandlers.keydown) {
+        menuState.panel.removeEventListener("keydown", menuHandlers.keydown);
+      }
+      if (menuHandlers.focusin) {
+        menuState.panel.removeEventListener("focusin", menuHandlers.focusin);
+      }
+    }
+
+    menuState.panel = panelElement;
+    ensurePanelId(panelElement);
+
+    panelElement.setAttribute("role", "menu");
+    if (!panelElement.hasAttribute("tabindex")) {
+      panelElement.setAttribute("tabindex", "-1");
+    }
+
+    menuState.items = findMenuItems(panelElement);
+    menuState.activeIndex = -1;
+    updateAriaActiveDescendant(panelElement, null);
+    resetTypeaheadBuffer();
+
+    if (!menuHandlers.keydown) {
+      menuHandlers.keydown = (event) => handleMenuKeydown(event);
+    }
+    if (!menuHandlers.focusin) {
+      menuHandlers.focusin = (event) => handleMenuFocusIn(event);
+    }
+
+    panelElement.addEventListener("keydown", menuHandlers.keydown);
+    panelElement.addEventListener("focusin", menuHandlers.focusin);
+  }
+
+  function teardownMenu() {
+    const panelElement = menuState.panel;
+    if (panelElement && menuHandlers.keydown) {
+      panelElement.removeEventListener("keydown", menuHandlers.keydown);
+    }
+    if (panelElement && menuHandlers.focusin) {
+      panelElement.removeEventListener("focusin", menuHandlers.focusin);
+    }
+    resetTypeaheadBuffer();
+    menuState.panel = null;
+    menuState.items = [];
+    menuState.activeIndex = -1;
+  }
+
+  function applyPanelTokens() {
+    if (!panel) {
+      return;
+    }
+
+    if (maxWidthToken) {
+      const widthValue = resolveTokenValue(maxWidthToken, documentRef);
+      panelStyleState = {
+        ...panelStyleState,
+        maxWidth: widthValue || "none",
+      };
+    }
+
+    if (maxHeightToken) {
+      const heightValue = resolveTokenValue(maxHeightToken, documentRef);
+      panelStyleState = {
+        ...panelStyleState,
+        maxHeight: heightValue || "none",
+      };
+    }
+
+    syncPopoverStyles();
+  }
+
+  function ensurePanel() {
+    if (panel && isElement(panel)) {
+      return panel;
+    }
+    if (!documentRef || typeof render !== "function" || !portal) {
+      return null;
+    }
+
+    let result;
+    try {
+      result = render({
+        container: portal,
+        trigger: anchor,
+        document: documentRef,
+        close,
+        update: () => updatePosition(),
+      });
+    } catch (error) {
+      logger.user.error("[popover] render failed", error);
+      return null;
+    }
+
+    if (isElement(result)) {
+      panel = result;
+    } else if (result && isElement(result.panel)) {
+      panel = result.panel;
+      if (!arrowElement) {
+        arrowElement = resolveArrow(result.arrow, panel);
+      }
+    } else if (portal.firstElementChild && isElement(portal.firstElementChild)) {
+      panel = portal.firstElementChild;
+    }
+
+    if (!panel) {
+      logger.user.error("[popover] render did not return a panel element");
+      return null;
+    }
+
+    if (!panel.isConnected) {
+      portal.appendChild(panel);
+    }
+
+    ensurePanelId(panel);
+    if (anchor && typeof anchor.setAttribute === "function") {
+      anchor.setAttribute("aria-controls", panel.id);
+    }
+
+    ensureMenu(panel);
+
+    arrowElement = resolveArrow(options.arrow, panel) || arrowElement;
+
+    applyPanelTokens();
+
+    if (arrowElement) {
+      arrowElement.dataset.popoverArrow = "true";
+      arrowId = ensureArrowId(arrowElement);
+      syncPopoverStyles();
+    }
+
+    return panel;
+  }
+
+  function preload() {
+    return Boolean(ensurePanel());
+  }
+
+  async function updatePosition() {
+    if (typeof window === "undefined") {
+      return;
+    }
+
+    if (!anchor || !panel) {
+      return;
+    }
+
+    if (anchor.isConnected === false || panel.isConnected === false) {
+      return;
+    }
+
+    try {
+      const effectiveGap = Number.isFinite(gap) ? gap : 0;
+      const safePadding = Number.isFinite(viewportPadding) ? viewportPadding : 0;
+      const middleware = [
+        offset(effectiveGap),
+        flip({ padding: safePadding }),
+        shift({ padding: safePadding }),
+      ];
+
+      if (arrowElement) {
+        middleware.push(
+          arrowMiddleware({
+            element: arrowElement,
+          }),
+        );
+      }
+
+      const {
+        x,
+        y,
+        placement: resolvedPlacement,
+        middlewareData,
+        strategy: resolvedStrategy,
+      } = await computePosition(anchor, panel, {
+        placement,
+        strategy,
+        middleware,
+      });
+
+      const nextX = Number.isFinite(x) ? x : 0;
+      const nextY = Number.isFinite(y) ? y : 0;
+      const finalPlacement =
+        typeof resolvedPlacement === "string" && resolvedPlacement
+          ? resolvedPlacement
+          : placement;
+
+      panelStyleState = {
+        ...panelStyleState,
+        left: nextX,
+        top: nextY,
+        strategy: resolvedStrategy || strategy,
+      };
+      panel.dataset.popoverPlacement = finalPlacement;
+
+      if (arrowElement) {
+        const arrowState = buildArrowStyleState({
+          arrowElement,
+          placement: finalPlacement,
+          middlewareData,
+        });
+        arrowStyleState = { ...arrowState.values };
+        if (arrowState.basePlacement) {
+          arrowElement.dataset.popoverArrowSide = arrowState.basePlacement;
+        } else {
+          delete arrowElement.dataset.popoverArrowSide;
+        }
+        arrowElement.dataset.popoverArrow = "true";
+        arrowId = ensureArrowId(arrowElement);
+      } else {
+        arrowStyleState = {
+          left: "auto",
+          right: "auto",
+          top: "auto",
+          bottom: "auto",
+        };
+        arrowId = "";
+      }
+
+      syncPopoverStyles();
+    } catch (error) {
+      if (error instanceof ReferenceError && error.message.includes("window")) {
+        return;
+      }
+      logger.user.error("[popover] positioning failed", error);
+    }
+  }
+
+  function handlePointerDown(event) {
+    const target = event?.target || null;
+    if (containsTarget(panel, target) || containsTarget(anchor, target)) {
+      return;
+    }
+    close();
+  }
+
+  function handleKeydown(event) {
+    if (event?.key === "Escape") {
+      close();
+    }
+  }
+
+  function bindGlobalHandlers() {
+    if (!documentRef) {
+      return;
+    }
+    documentRef.addEventListener("pointerdown", handlePointerDown, true);
+    documentRef.addEventListener("keydown", handleKeydown, true);
+  }
+
+  function unbindGlobalHandlers() {
+    if (!documentRef) {
+      return;
+    }
+    documentRef.removeEventListener("pointerdown", handlePointerDown, true);
+    documentRef.removeEventListener("keydown", handleKeydown, true);
+  }
+
+  async function open() {
+    if (!anchor || !documentRef) {
+      return false;
+    }
+
+    const overlayRoot = ensureOverlayRoot(documentRef);
+    if (!overlayRoot) {
+      logger.user.error("[popover] unable to resolve overlay root");
+      return false;
+    }
+
+    const panelElement = ensurePanel();
+    if (!panelElement) {
+      return false;
+    }
+
+    if (!portal.isConnected) {
+      overlayRoot.appendChild(portal);
+    }
+
+    if (activePopoverInstance && activePopoverInstance !== api) {
+      activePopoverInstance.close({ restoreFocus: false });
+    }
+
+    previousActiveElement = documentRef.activeElement || null;
+
+    applyPanelTokens();
+
+    panelElement.hidden = false;
+    panelElement.setAttribute("aria-hidden", "false");
+    panelElement.dataset.popoverState = "open";
+    panelElement.dataset.state = "open";
+    setExpandedAttribute(anchor, true);
+
+    bindGlobalHandlers();
+
+    if (autoUpdateCleanup) {
+      autoUpdateCleanup();
+      autoUpdateCleanup = null;
+    }
+
+    autoUpdateCleanup = autoUpdate(
+      anchor,
+      panelElement,
+      () => {
+        void updatePosition();
+      },
+      {
+        ancestorScroll: true,
+        ancestorResize: true,
+        elementResize: true,
+        layoutShift: true,
+      },
+    );
+
+    await updatePosition();
+
+    ensureMenu(panelElement);
+    focusFirstEnabledItem();
+
+    isOpen = true;
+    activePopoverInstance = api;
+    return true;
+  }
+
+  function close({ restoreFocus = restoreFocusOnClose } = {}) {
+    if (!isOpen) {
+      if (restoreFocus && restoreFocusOnClose) {
+        restoreTriggerFocus();
+      }
+      return false;
+    }
+
+    isOpen = false;
+    unbindGlobalHandlers();
+
+    if (autoUpdateCleanup) {
+      autoUpdateCleanup();
+      autoUpdateCleanup = null;
+    }
+
+    if (panel) {
+      panel.setAttribute("aria-hidden", "true");
+      panel.hidden = true;
+      panel.dataset.popoverState = "closed";
+      panel.dataset.state = "closed";
+      updateAriaActiveDescendant(panel, null);
+      if (menuState.items.length) {
+        menuState.items.forEach((item) => {
+          item.setAttribute("tabindex", "-1");
+        });
+      }
+    }
+
+    setExpandedAttribute(anchor, false);
+    resetTypeaheadBuffer();
+
+    if (restoreFocus && restoreFocusOnClose) {
+      restoreTriggerFocus();
+    }
+
+    if (activePopoverInstance === api) {
+      activePopoverInstance = null;
+    }
+
+    previousActiveElement = null;
+
+    return true;
+  }
+
+  function restoreTriggerFocus() {
+    if (anchor && typeof anchor.focus === "function") {
+      focusWithoutScroll(anchor);
+      return;
+    }
+
+    if (previousActiveElement && typeof previousActiveElement.focus === "function") {
+      focusWithoutScroll(previousActiveElement);
+    }
+  }
+
+  function toggle() {
+    if (isOpen) {
+      close();
+      return false;
+    }
+    return open();
+  }
+
+  function destroy() {
+    close({ restoreFocus: false });
+
+    teardownMenu();
+
+    if (panel && panel.parentNode === portal) {
+      portal.removeChild(panel);
+    }
+    if (portal?.parentNode) {
+      portal.parentNode.removeChild(portal);
+    }
+
+    if (popoverStyleNode?.parentNode) {
+      popoverStyleNode.parentNode.removeChild(popoverStyleNode);
+    }
+
+    panel = null;
+    arrowElement = null;
+    popoverStyleNode = null;
+    arrowId = "";
+
+    if (anchor) {
+      anchor.removeAttribute("aria-controls");
+      anchor.removeAttribute("aria-expanded");
+      anchor.removeAttribute("aria-haspopup");
+    }
+  }
+
+  const api = {
+    open,
+    close,
+    toggle,
+    destroy,
+    update: updatePosition,
+    isOpen: () => isOpen,
+    getPanel: () => panel,
+    preload,
+  };
+
+  return api;
+}
+
+export default createPopover;
diff --git a/dist/js/ui/profileIdentityController.js b/dist/js/ui/profileIdentityController.js
new file mode 100644
index 00000000..5c2b52f1
--- /dev/null
+++ b/dist/js/ui/profileIdentityController.js
@@ -0,0 +1,179 @@
+import { devLogger as defaultLogger } from "../utils/logger.js";
+
+export default class ProfileIdentityController {
+  constructor({ callbacks = {}, environment = {}, logger } = {}) {
+    this.safeEncodeNpub =
+      typeof callbacks.safeEncodeNpub === "function"
+        ? callbacks.safeEncodeNpub
+        : () => "";
+    this.formatShortNpub =
+      typeof callbacks.formatShortNpub === "function"
+        ? callbacks.formatShortNpub
+        : (value) => value || "";
+    this.document = environment.document || (typeof document !== "undefined" ? document : null);
+    this.logger = logger || defaultLogger;
+  }
+
+  updateProfileIdentity({ pubkey, profile } = {}) {
+    if (!this.document) {
+      return;
+    }
+
+    const normalizedPubkey =
+      typeof pubkey === "string" && pubkey.trim() ? pubkey.trim() : "";
+    if (!normalizedPubkey) {
+      return;
+    }
+
+    const normalizedProfile = profile && typeof profile === "object" ? profile : {};
+
+    const pictureUrl =
+      typeof normalizedProfile.picture === "string" ? normalizedProfile.picture : "";
+
+    const resolveProfileName = () => {
+      const candidates = [
+        normalizedProfile.name,
+        normalizedProfile.display_name,
+        normalizedProfile.displayName,
+      ];
+      for (const candidate of candidates) {
+        if (typeof candidate !== "string") {
+          continue;
+        }
+        const trimmed = candidate.trim();
+        if (trimmed) {
+          return trimmed;
+        }
+      }
+      return "";
+    };
+
+    const resolvedName = resolveProfileName();
+
+    const explicitNpub =
+      typeof normalizedProfile.npub === "string"
+        ? normalizedProfile.npub.trim()
+        : "";
+
+    const encodedPubkeyNpub = this.safeEncodeNpub(normalizedPubkey);
+    const resolvedNpub = explicitNpub || encodedPubkeyNpub || "";
+    const shortNpubLabel = resolvedNpub
+      ? this.formatShortNpub(resolvedNpub) || resolvedNpub
+      : "";
+
+    const picEls = this.document.querySelectorAll(
+      `.author-pic[data-pubkey="${normalizedPubkey}"]`
+    );
+    picEls.forEach((el) => {
+      if (el) {
+        el.src = pictureUrl;
+      }
+    });
+
+    const nameLabel = resolvedName || shortNpubLabel || resolvedNpub || "";
+    const nameEls = this.document.querySelectorAll(
+      `.author-name[data-pubkey="${normalizedPubkey}"]`
+    );
+    nameEls.forEach((el) => {
+      if (el) {
+        el.textContent = nameLabel;
+      }
+    });
+
+    const npubSelectors = new Set();
+    if (resolvedNpub) {
+      npubSelectors.add(`.author-npub[data-npub="${resolvedNpub}"]`);
+    }
+    npubSelectors.add(`.author-npub[data-pubkey="${normalizedPubkey}"]`);
+
+    const npubElements = new Set();
+    npubSelectors.forEach((selector) => {
+      this.document.querySelectorAll(selector).forEach((el) => {
+        if (el) {
+          npubElements.add(el);
+        }
+      });
+    });
+
+    const npubEls = Array.from(npubElements);
+
+    npubEls.forEach((el) => {
+      if (!el) {
+        return;
+      }
+
+      const displayNpub = resolvedNpub ? shortNpubLabel || resolvedNpub : "";
+      const hasDisplayNpub = Boolean(displayNpub);
+
+      if (hasDisplayNpub) {
+        el.textContent = displayNpub;
+        el.setAttribute("aria-hidden", "false");
+      } else {
+        el.textContent = "";
+        el.setAttribute("aria-hidden", "true");
+      }
+
+      if (resolvedNpub) {
+        el.setAttribute("title", resolvedNpub);
+        if (el.dataset) {
+          el.dataset.npub = resolvedNpub;
+        }
+      } else {
+        el.removeAttribute("title");
+        if (el.dataset && "npub" in el.dataset) {
+          delete el.dataset.npub;
+        }
+      }
+
+      if (el.dataset) {
+        el.dataset.pubkey = normalizedPubkey;
+      }
+    });
+
+    if (!nameEls.length && !npubEls.length) {
+      return;
+    }
+
+    const cardInstances = new Set();
+    const collectCardInstance = (el) => {
+      if (!el || typeof el.closest !== "function") {
+        return;
+      }
+      const cardRoot = el.closest('[data-component="similar-content-card"]');
+      if (!cardRoot) {
+        return;
+      }
+      const instance = cardRoot.__bitvidSimilarContentCard;
+      if (instance && typeof instance.updateIdentity === "function") {
+        cardInstances.add(instance);
+      }
+    };
+
+    nameEls.forEach(collectCardInstance);
+    npubEls.forEach(collectCardInstance);
+
+    if (!cardInstances.size) {
+      return;
+    }
+
+    const identityPayload = {
+      name: resolvedName,
+      npub: resolvedNpub,
+      shortNpub: shortNpubLabel,
+      pubkey: normalizedPubkey,
+    };
+
+    cardInstances.forEach((card) => {
+      try {
+        card.updateIdentity(identityPayload);
+      } catch (error) {
+        if (this.logger?.warn) {
+          this.logger.warn(
+            "[ProfileIdentityController] Failed to update similar content card identity",
+            error,
+          );
+        }
+      }
+    });
+  }
+}
diff --git a/dist/js/ui/profileModalController.js b/dist/js/ui/profileModalController.js
new file mode 100644
index 00000000..678e27eb
--- /dev/null
+++ b/dist/js/ui/profileModalController.js
@@ -0,0 +1,13671 @@
+import {
+  isDevMode,
+  ADMIN_SUPER_NPUB as CONFIG_ADMIN_SUPER_NPUB,
+  ADMIN_DM_IMAGE_URL as CONFIG_ADMIN_DM_IMAGE_URL,
+  BITVID_WEBSITE_URL as CONFIG_BITVID_WEBSITE_URL,
+  MAX_WALLET_DEFAULT_ZAP as CONFIG_MAX_WALLET_DEFAULT_ZAP,
+} from "../config.js";
+import { normalizeDesignSystemContext } from "../designSystem.js";
+import {
+  DEFAULT_AUTOPLAY_BLOCK_THRESHOLD,
+  DEFAULT_BLUR_THRESHOLD,
+  DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD,
+  DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD,
+  RUNTIME_FLAGS,
+} from "../constants.js";
+import { getBreakpointLg } from "../designSystem/metrics.js";
+import { getProviderMetadata } from "../services/authProviders/index.js";
+import { AppShell } from "./dm/index.js";
+import { devLogger, userLogger } from "../utils/logger.js";
+import {
+  normalizeHashtag,
+  formatHashtag,
+} from "../utils/hashtagNormalization.js";
+import { formatTimeAgo } from "../utils/formatters.js";
+import { getActiveSigner } from "../nostr/client.js";
+import { sanitizeRelayList } from "../nostr/nip46Client.js";
+import { buildPublicUrl, buildR2Key } from "../r2.js";
+import { buildProfileMetadataEvent } from "../nostrEventSchemas.js";
+import {
+  describeAttachment,
+  extractAttachmentsFromMessage,
+  formatAttachmentSize,
+} from "../attachments/attachmentUtils.js";
+import { getCorsOrigins, prepareS3Connection } from "../services/s3Service.js";
+import {
+  clearAttachmentCache,
+  downloadAttachment,
+  uploadAttachment,
+  getAttachmentCacheStats,
+} from "../services/attachmentService.js";
+import { PROVIDERS } from "../services/storageService.js";
+import {
+  getLinkPreviewSettings,
+  setLinkPreviewAutoFetch,
+} from "../utils/linkPreviewSettings.js";
+
+const noop = () => {};
+
+const FALLBACK_PROFILE_AVATAR = "assets/svg/default-profile.svg";
+const DEFAULT_ADMIN_DM_IMAGE_URL =
+  "https://beta.bitvid.network/assets/jpg/video-thumbnail-fallback.jpg";
+const DEFAULT_BITVID_WEBSITE_URL = "https://bitvid.network/";
+const NWC_URI_SCHEME = "nostr+walletconnect://";
+const SECRET_PLACEHOLDER = "*****";
+const DEFAULT_MAX_WALLET_DEFAULT_ZAP = 100000000;
+const DEFAULT_SAVED_PROFILE_LABEL = "Saved profile";
+const TRUSTED_MUTE_HIDE_HELPER_TEXT =
+  "Reaching this count hides cards (with “Show anyway”); lower signals only blur thumbnails or block autoplay.";
+const TYPING_INDICATOR_TTL_SECONDS = 15;
+const TYPING_INDICATOR_COOLDOWN_MS = 4000;
+const DIRECT_MESSAGES_BATCH_DELAY_MS = 250;
+
+const ADD_PROFILE_CANCELLATION_CODES = new Set([
+  "login-cancelled",
+  "user-cancelled",
+  "modal-dismissed",
+]);
+
+const PROVIDER_BADGE_BASE_CLASS =
+  "text-3xs font-semibold uppercase tracking-extra-wide";
+const PROVIDER_BADGE_VARIANT_CLASS_MAP = Object.freeze({
+  info: "text-status-info",
+  success: "text-status-success",
+  warning: "text-status-warning",
+  danger: "text-status-danger",
+  neutral: "text-muted",
+  accent: "text-accent",
+  primary: "text-accent",
+});
+
+function resolveProviderBadgeClass(variant) {
+  if (typeof variant === "string" && variant.trim()) {
+    const normalized = variant.trim().toLowerCase();
+    if (Object.prototype.hasOwnProperty.call(PROVIDER_BADGE_VARIANT_CLASS_MAP, normalized)) {
+      return PROVIDER_BADGE_VARIANT_CLASS_MAP[normalized];
+    }
+  }
+
+  return PROVIDER_BADGE_VARIANT_CLASS_MAP.neutral;
+}
+
+const DEFAULT_INTERNAL_NWC_SETTINGS = Object.freeze({
+  nwcUri: "",
+  defaultZap: null,
+  lastChecked: null,
+});
+
+function createInternalDefaultNwcSettings() {
+  return { ...DEFAULT_INTERNAL_NWC_SETTINGS };
+}
+
+const DEFAULT_INTERNAL_MODERATION_SETTINGS = Object.freeze({
+  blurThreshold: DEFAULT_BLUR_THRESHOLD,
+  autoplayBlockThreshold: DEFAULT_AUTOPLAY_BLOCK_THRESHOLD,
+  trustedMuteHideThreshold: DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD,
+  trustedSpamHideThreshold: DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD,
+});
+
+function createInternalDefaultModerationSettings() {
+  return { ...DEFAULT_INTERNAL_MODERATION_SETTINGS };
+}
+
+const DEFAULT_INTERNAL_DM_PRIVACY_SETTINGS = Object.freeze({
+  readReceiptsEnabled: false,
+  typingIndicatorsEnabled: false,
+});
+
+function createInternalDefaultDmPrivacySettings() {
+  return { ...DEFAULT_INTERNAL_DM_PRIVACY_SETTINGS };
+}
+
+function ensureInternalModerationSettings(internalState) {
+  if (!internalState || typeof internalState !== "object") {
+    return createInternalDefaultModerationSettings();
+  }
+
+  if (
+    !internalState.moderationSettings ||
+    typeof internalState.moderationSettings !== "object" ||
+    internalState.moderationSettings === null
+  ) {
+    internalState.moderationSettings = createInternalDefaultModerationSettings();
+  }
+
+  return internalState.moderationSettings;
+}
+
+function ensureInternalWalletSettings(internalState) {
+  if (!internalState || typeof internalState !== "object") {
+    return createInternalDefaultNwcSettings();
+  }
+
+  if (
+    !internalState.walletSettings ||
+    typeof internalState.walletSettings !== "object" ||
+    internalState.walletSettings === null
+  ) {
+    internalState.walletSettings = createInternalDefaultNwcSettings();
+  }
+
+  return internalState.walletSettings;
+}
+
+const SERVICE_CONTRACT = [
+  {
+    key: "normalizeHexPubkey",
+    type: "function",
+    description:
+      "Normalizes a provided pubkey (hex or npub) so profile lookups are stable.",
+    fallback: () => (value) => {
+      if (typeof value !== "string") {
+        return null;
+      }
+      const trimmed = value.trim();
+      if (!trimmed) {
+        return null;
+      }
+      if (/^[0-9a-f]{64}$/i.test(trimmed)) {
+        return trimmed.toLowerCase();
+      }
+      return trimmed;
+    },
+  },
+  {
+    key: "safeEncodeNpub",
+    type: "function",
+    description:
+      "Encodes a hex pubkey as an npub for display. Expected to be resilient to bad input.",
+    fallback: () => (pubkey) => {
+      if (typeof pubkey === "string" && pubkey.trim()) {
+        return pubkey.trim();
+      }
+      return null;
+    },
+  },
+  {
+    key: "safeDecodeNpub",
+    type: "function",
+    description:
+      "Decodes an npub back to its hex form. Should return null/undefined for invalid payloads.",
+    fallback: () => () => null,
+  },
+  {
+    key: "truncateMiddle",
+    type: "function",
+    description:
+      "Utility used for shortening long identifiers in the modal without losing context.",
+    fallback: () => (value) => value,
+  },
+  {
+    key: "formatShortNpub",
+    type: "function",
+    description:
+      "Formats npub strings for display using the canonical short representation (npubXXXX…XXXX).",
+    fallback: () => (value) => (typeof value === "string" ? value : ""),
+  },
+  {
+    key: "requestAddProfileLogin",
+    type: "function",
+    description:
+      "Opens the login modal and resolves with the authentication result for the add-profile flow.",
+    fallback: () => async () => {
+      throw new Error("Login service unavailable.");
+    },
+  },
+  {
+    key: "describeLoginError",
+    type: "function",
+    description:
+      "Maps authentication errors to human-readable strings for add-profile messaging.",
+    fallback: () => (_, fallbackMessage) =>
+      typeof fallbackMessage === "string" && fallbackMessage.trim()
+        ? fallbackMessage.trim()
+        : "Failed to login. Please try again.",
+  },
+  {
+    key: "r2Service",
+    type: "object",
+    description: "Service for handling file uploads (R2/S3).",
+    optional: true,
+  },
+  {
+    key: "nostrService",
+    type: "object",
+    description:
+      "Provides encrypted direct message helpers for loading and subscribing to inbox updates.",
+    optional: true,
+    fallback: () => ({
+      getDirectMessages: () => [],
+      loadDirectMessages: async () => [],
+      ensureDirectMessageSubscription: () => null,
+      stopDirectMessageSubscription: () => {},
+      clearDirectMessages: () => {},
+      on: () => () => {},
+    }),
+  },
+  {
+    key: "hashtagPreferences",
+    type: "object",
+    description:
+      "Service providing access to interest and disinterest hashtag collections.",
+    fallback: () => ({
+      getInterests: () => [],
+      getDisinterests: () => [],
+      addInterest: () => false,
+      removeInterest: () => false,
+      addDisinterest: () => false,
+      removeDisinterest: () => false,
+      publish: async () => false,
+      on: () => () => {},
+    }),
+  },
+  {
+    key: "getHashtagPreferences",
+    type: "function",
+    description:
+      "Returns the cached hashtag preferences snapshot (interests, disinterests, metadata).",
+    fallback: ({ resolved }) => () => {
+      const service = resolved.hashtagPreferences || {};
+      const interests =
+        typeof service.getInterests === "function"
+          ? service.getInterests()
+          : [];
+      const disinterests =
+        typeof service.getDisinterests === "function"
+          ? service.getDisinterests()
+          : [];
+      return {
+        interests,
+        disinterests,
+        eventId: null,
+        createdAt: null,
+        loaded: false,
+      };
+    },
+  },
+  {
+    key: "describeHashtagPreferencesError",
+    type: "function",
+    description:
+      "Maps hashtag preference errors to user-facing status messages for the modal.",
+    fallback: () => (_, fallbackMessage) =>
+      typeof fallbackMessage === "string" && fallbackMessage.trim()
+        ? fallbackMessage.trim()
+        : "Failed to update hashtag preferences. Please try again.",
+  },
+  {
+    key: "getProfileCacheEntry",
+    type: "function",
+    description:
+      "Returns the cached profile metadata for a normalized pubkey (if available).",
+    fallback: () => () => null,
+  },
+  {
+    key: "batchFetchProfiles",
+    type: "function",
+    description:
+      "Fetches and caches profile metadata for a set of pubkeys so the modal can hydrate avatars/names in bulk.",
+    fallback: () => async () => [],
+  },
+  {
+    key: "fetchDmRelayHints",
+    type: "function",
+    description:
+      "Fetches DM relay hints (kind 10050) for a given pubkey.",
+    fallback: () => async () => [],
+  },
+  {
+    key: "switchProfile",
+    type: "function",
+    description:
+      "Switches the active application profile to the provided pubkey and updates state accordingly.",
+    fallback: () => async () => ({ switched: false }),
+  },
+  {
+    key: "removeSavedProfile",
+    type: "function",
+    description:
+      "Removes a saved profile entry and persists the updated collection to storage.",
+    fallback: () => () => ({ removed: false }),
+  },
+  {
+    key: "relayManager",
+    type: "object",
+    description:
+      "Shared relay manager instance responsible for the user\'s relay configuration.",
+  },
+  {
+    key: "userBlocks",
+    type: "object",
+    description: "User blocks helper used to read and mutate the local block list.",
+  },
+  {
+    key: "nostrClient",
+    type: "object",
+    description: "Reference to the nostr client powering subscriptions and profile fetches.",
+  },
+  {
+    key: "subscriptions",
+    type: "object",
+    optional: true,
+    description:
+      "Subscriptions manager used by the profile modal to inspect or refresh the viewer's channel subscriptions.",
+  },
+  {
+    key: "moderation",
+    type: "object",
+    optional: true,
+    description:
+      "Moderation service exposing the viewer's Nostr contacts and trust graph metadata.",
+  },
+  {
+    key: "accessControl",
+    type: "object",
+    description:
+      "Access control module required for admin list permission checks and updates.",
+  },
+  {
+    key: "getCurrentUserNpub",
+    type: "function",
+    description: "Returns the active user\'s npub so UI actions can target the correct actor.",
+    fallback: () => () => null,
+  },
+  {
+    key: "nwcSettings",
+    type: "object",
+    description:
+      "Service that manages Nostr Wallet Connect settings and interactions for the active profile.",
+    fallback: ({ internalState }) => {
+      const ensure = () => ensureInternalWalletSettings(internalState);
+      const service = {};
+
+      service.createDefaultNwcSettings = () => createInternalDefaultNwcSettings();
+
+      service.getActiveNwcSettings = () => {
+        const current = ensure();
+        return { ...current };
+      };
+
+      service.updateActiveNwcSettings = (partial = {}) => {
+        const current = ensure();
+        const next = {
+          ...current,
+          ...(partial && typeof partial === "object" ? partial : {}),
+        };
+        internalState.walletSettings = next;
+        return { ...next };
+      };
+
+      service.hydrateNwcSettingsForPubkey = async () => {
+        return service.getActiveNwcSettings();
+      };
+
+      service.handleProfileWalletPersist = async (options = {}) => {
+        const { nwcUri, defaultZap, lastChecked } =
+          options && typeof options === "object" ? options : {};
+        const partial = {};
+        if (nwcUri !== undefined) {
+          partial.nwcUri = nwcUri;
+        }
+        if (defaultZap !== undefined) {
+          partial.defaultZap = defaultZap;
+        }
+        if (lastChecked !== undefined) {
+          partial.lastChecked = lastChecked;
+        }
+        if (!Object.keys(partial).length) {
+          return service.getActiveNwcSettings();
+        }
+        return service.updateActiveNwcSettings(partial);
+      };
+
+      service.hasActiveWalletConnection = () => {
+        const settings = ensure();
+        const candidate =
+          typeof settings?.nwcUri === "string" ? settings.nwcUri.trim() : "";
+        return candidate.length > 0;
+      };
+
+      service.validateWalletUri = (uri, { requireValue = false } = {}) => {
+        const value = typeof uri === "string" ? uri.trim() : "";
+
+        if (!value) {
+          if (requireValue) {
+            return {
+              valid: false,
+              sanitized: "",
+              message: "Enter a wallet connect URI before continuing.",
+            };
+          }
+          return { valid: true, sanitized: "" };
+        }
+
+        if (!value.toLowerCase().startsWith(NWC_URI_SCHEME)) {
+          return {
+            valid: false,
+            sanitized: value,
+            message: `Wallet URI must start with ${NWC_URI_SCHEME}.`,
+          };
+        }
+
+        return { valid: true, sanitized: value };
+      };
+
+      service.ensureWallet = async ({ nwcUri } = {}) => {
+        const settings = service.getActiveNwcSettings();
+        const candidate =
+          typeof nwcUri === "string" && nwcUri.trim()
+            ? nwcUri.trim()
+            : settings.nwcUri || "";
+        const { valid, sanitized, message } = service.validateWalletUri(
+          candidate,
+          { requireValue: true },
+        );
+        if (!valid) {
+          throw new Error(message || "Invalid wallet URI provided.");
+        }
+        return { ...settings, nwcUri: sanitized };
+      };
+
+      service.clearStoredNwcSettings = async () => true;
+
+      service.onLogin = async () => service.getActiveNwcSettings();
+
+      service.onLogout = async () => service.createDefaultNwcSettings();
+
+      service.onIdentityChanged = () => {
+        internalState.walletSettings = createInternalDefaultNwcSettings();
+      };
+
+      return service;
+    },
+  },
+  {
+    key: "moderationSettings",
+    type: "object",
+    description:
+      "Service that manages Safety & Moderation threshold overrides for the active profile.",
+    fallback: ({ internalState }) => {
+      const ensure = () => ensureInternalModerationSettings(internalState);
+      const sanitize = (value, fallback) => {
+        if (value === null || value === undefined) {
+          return fallback;
+        }
+        const numeric = Number(value);
+        if (!Number.isFinite(numeric)) {
+          return fallback;
+        }
+        return Math.max(0, Math.floor(numeric));
+      };
+
+      const service = {};
+
+      service.getDefaultModerationSettings = () =>
+        createInternalDefaultModerationSettings();
+
+      service.getActiveModerationSettings = () => {
+        const current = ensure();
+        const defaults = service.getDefaultModerationSettings();
+        return {
+          blurThreshold: sanitize(current.blurThreshold, defaults.blurThreshold),
+          autoplayBlockThreshold: sanitize(
+            current.autoplayBlockThreshold,
+            defaults.autoplayBlockThreshold,
+          ),
+        };
+      };
+
+      service.updateModerationSettings = (partial = {}) => {
+        const defaults = service.getDefaultModerationSettings();
+        const current = ensure();
+        const next = { ...current };
+
+        if (Object.prototype.hasOwnProperty.call(partial, "blurThreshold")) {
+          const value = partial.blurThreshold;
+          next.blurThreshold =
+            value === null
+              ? defaults.blurThreshold
+              : sanitize(value, defaults.blurThreshold);
+        }
+
+        if (
+          Object.prototype.hasOwnProperty.call(
+            partial,
+            "autoplayBlockThreshold",
+          )
+        ) {
+          const value = partial.autoplayBlockThreshold;
+          next.autoplayBlockThreshold =
+            value === null
+              ? defaults.autoplayBlockThreshold
+              : sanitize(value, defaults.autoplayBlockThreshold);
+        }
+
+        internalState.moderationSettings = next;
+        return service.getActiveModerationSettings();
+      };
+
+      service.resetModerationSettings = () => {
+        internalState.moderationSettings = createInternalDefaultModerationSettings();
+        return service.getActiveModerationSettings();
+      };
+
+      return service;
+    },
+  },
+  {
+    key: "getModerationOverrides",
+    type: "function",
+    description:
+      "Returns a list of stored moderation overrides for the active viewer.",
+    fallback: () => () => [],
+  },
+  {
+    key: "clearModerationOverride",
+    type: "function",
+    description:
+      "Clears a specific moderation override when the viewer resets a decision.",
+    fallback: () => () => false,
+  },
+  {
+    key: "loadVideos",
+    type: "function",
+    description: "Triggers a video reload so UI reflects profile or permission changes.",
+    fallback: () => async () => undefined,
+  },
+  {
+    key: "onVideosShouldRefresh",
+    type: "function",
+    description:
+      "Signals that video listings should be refreshed after a profile-driven mutation.",
+    fallback: ({ services, resolved }) => async (context = {}) => {
+      const loader =
+        typeof services.loadVideos === "function"
+          ? services.loadVideos
+          : typeof resolved.loadVideos === "function"
+          ? resolved.loadVideos
+          : null;
+      if (loader) {
+        return loader(true, context);
+      }
+      return undefined;
+    },
+  },
+  {
+    key: "sendAdminListNotification",
+    type: "function",
+    description:
+      "Sends an administrative notification when moderators/whitelist/blacklist entries change.",
+    optional: true,
+  },
+  {
+    key: "describeAdminError",
+    type: "function",
+    description:
+      "Maps low-level admin errors to readable copy for surfaced error messages.",
+    fallback: () => () => "",
+  },
+  {
+    key: "describeNotificationError",
+    type: "function",
+    description:
+      "Maps notification send errors to human readable descriptions for toast/banner messaging.",
+    fallback: () => () => "",
+  },
+  {
+    key: "onAccessControlUpdated",
+    type: "function",
+    description:
+      "Callback invoked after access control mutations so the app can refresh dependent UI.",
+    fallback: () => async () => undefined,
+  },
+  {
+    key: "persistSavedProfiles",
+    type: "function",
+    description:
+      "Persists the saved profile collection (and optionally the active profile) to storage.",
+    fallback: () => () => undefined,
+  },
+];
+
+const STATE_CONTRACT = [
+  {
+    key: "getSavedProfiles",
+    type: "function",
+    description:
+      "Returns the saved profile entries that populate the account switcher UI.",
+    fallback: (internal) => () => internal.savedProfiles.slice(),
+  },
+  {
+    key: "setSavedProfiles",
+    type: "function",
+    description:
+      "Replaces the saved profile entries and returns the newly stored collection.",
+    fallback: (internal) => (profiles = []) => {
+      internal.savedProfiles = Array.isArray(profiles)
+        ? profiles.slice()
+        : [];
+      return internal.savedProfiles;
+    },
+  },
+  {
+    key: "persistSavedProfiles",
+    type: "function",
+    description:
+      "Persists the saved profile collection (and optionally the active profile) to storage.",
+    fallback: () => noop,
+  },
+  {
+    key: "getActivePubkey",
+    type: "function",
+    description: "Returns the currently active profile pubkey.",
+    fallback: (internal) => () => internal.activePubkey,
+  },
+  {
+    key: "setActivePubkey",
+    type: "function",
+    description: "Updates the active profile pubkey and returns the stored value.",
+    fallback: (internal) => (pubkey) => {
+      if (typeof pubkey === "string") {
+        const trimmed = pubkey.trim();
+        internal.activePubkey = trimmed ? trimmed : null;
+      } else {
+        internal.activePubkey = null;
+      }
+      return internal.activePubkey;
+    },
+  },
+  {
+    key: "getCachedSelection",
+    type: "function",
+    description:
+      "Reads the cached profile selection used to restore switcher focus after reloads.",
+    fallback: (internal) => () => internal.cachedSelection,
+  },
+  {
+    key: "setCachedSelection",
+    type: "function",
+    description:
+      "Caches the last selected profile identifier and returns the stored value.",
+    fallback: (internal) => (value) => {
+      if (typeof value === "string") {
+        const trimmed = value.trim();
+        internal.cachedSelection = trimmed || null;
+      } else {
+        internal.cachedSelection = null;
+      }
+      return internal.cachedSelection;
+    },
+  },
+  {
+    key: "getActivePane",
+    type: "function",
+    description: "Returns the identifier for the currently visible profile modal pane.",
+    fallback: (internal) => () => internal.activePane,
+  },
+  {
+    key: "setActivePane",
+    type: "function",
+    description: "Updates the active pane identifier and returns the stored value.",
+    fallback: (internal) => (pane) => {
+      if (typeof pane === "string") {
+        const trimmed = pane.trim().toLowerCase();
+        internal.activePane = trimmed || "account";
+      } else {
+        internal.activePane = "account";
+      }
+      return internal.activePane;
+    },
+  },
+  {
+    key: "getWalletBusy",
+    type: "function",
+    description:
+      "Indicates whether wallet-related actions are currently in-flight (disables UI as needed).",
+    fallback: (internal) => () => internal.walletBusy,
+  },
+  {
+    key: "setWalletBusy",
+    type: "function",
+    description: "Updates the wallet busy flag and returns the new boolean state.",
+    fallback: (internal) => (isBusy) => {
+      internal.walletBusy = Boolean(isBusy);
+      return internal.walletBusy;
+    },
+  },
+  {
+    key: "getDmRecipient",
+    type: "function",
+    description:
+      "Returns the currently selected direct message recipient pubkey.",
+    fallback: (internal) => () => internal.dmRecipient,
+  },
+  {
+    key: "setDmRecipient",
+    type: "function",
+    description:
+      "Updates the selected direct message recipient pubkey and returns the stored value.",
+    fallback: (internal) => (pubkey) => {
+      if (typeof pubkey === "string") {
+        const trimmed = pubkey.trim();
+        internal.dmRecipient = trimmed || null;
+      } else {
+        internal.dmRecipient = null;
+      }
+      return internal.dmRecipient;
+    },
+  },
+  {
+    key: "getDmRelayHints",
+    type: "function",
+    description:
+      "Returns the cached DM relay hints for a given pubkey.",
+    fallback: (internal) => (pubkey) => {
+      const normalized =
+        typeof pubkey === "string" ? pubkey.trim().toLowerCase() : "";
+      if (!normalized || !(internal.dmRelayHints instanceof Map)) {
+        return [];
+      }
+      const hints = internal.dmRelayHints.get(normalized);
+      return Array.isArray(hints) ? hints.slice() : [];
+    },
+  },
+  {
+    key: "setDmRelayHints",
+    type: "function",
+    description:
+      "Stores DM relay hints for a given pubkey and returns the stored list.",
+    fallback: (internal) => (pubkey, hints = []) => {
+      if (!(internal.dmRelayHints instanceof Map)) {
+        internal.dmRelayHints = new Map();
+      }
+      const normalized =
+        typeof pubkey === "string" ? pubkey.trim().toLowerCase() : "";
+      if (!normalized) {
+        return [];
+      }
+      const stored = Array.isArray(hints) ? hints.slice() : [];
+      internal.dmRelayHints.set(normalized, stored);
+      return stored;
+    },
+  },
+  {
+    key: "getDmRelayPreferences",
+    type: "function",
+    description:
+      "Returns the cached DM relay hints for a given pubkey (publisher view).",
+    fallback: (internal) => (pubkey) => {
+      const normalized =
+        typeof pubkey === "string" ? pubkey.trim().toLowerCase() : "";
+      if (!normalized || !(internal.dmRelayHints instanceof Map)) {
+        return [];
+      }
+      const hints = internal.dmRelayHints.get(normalized);
+      return Array.isArray(hints) ? hints.slice() : [];
+    },
+  },
+  {
+    key: "setDmRelayPreferences",
+    type: "function",
+    description:
+      "Stores DM relay hints for a given pubkey (publisher view).",
+    fallback: (internal) => (pubkey, hints = []) => {
+      if (!(internal.dmRelayHints instanceof Map)) {
+        internal.dmRelayHints = new Map();
+      }
+      const normalized =
+        typeof pubkey === "string" ? pubkey.trim().toLowerCase() : "";
+      if (!normalized) {
+        return [];
+      }
+      const stored = Array.isArray(hints) ? hints.slice() : [];
+      internal.dmRelayHints.set(normalized, stored);
+      return stored;
+    },
+  },
+  {
+    key: "getDmPrivacySettings",
+    type: "function",
+    description:
+      "Returns the DM privacy settings (read receipts and typing indicators) for the active profile.",
+    fallback: (internal) => () => {
+      if (!(internal.dmPrivacySettings instanceof Map)) {
+        internal.dmPrivacySettings = new Map();
+      }
+      const settings = internal.dmPrivacySettings.get("default");
+      return settings ? { ...settings } : createInternalDefaultDmPrivacySettings();
+    },
+  },
+  {
+    key: "setDmPrivacySettings",
+    type: "function",
+    description:
+      "Updates the DM privacy settings (read receipts and typing indicators) for the active profile.",
+    fallback: (internal) => (settings = {}) => {
+      if (!(internal.dmPrivacySettings instanceof Map)) {
+        internal.dmPrivacySettings = new Map();
+      }
+      const base = createInternalDefaultDmPrivacySettings();
+      const normalized = {
+        readReceiptsEnabled:
+          typeof settings.readReceiptsEnabled === "boolean"
+            ? settings.readReceiptsEnabled
+            : base.readReceiptsEnabled,
+        typingIndicatorsEnabled:
+          typeof settings.typingIndicatorsEnabled === "boolean"
+            ? settings.typingIndicatorsEnabled
+            : base.typingIndicatorsEnabled,
+      };
+      internal.dmPrivacySettings.set("default", normalized);
+      return { ...normalized };
+    },
+  },
+];
+
+function buildServicesContract(services = {}, internalState) {
+  const resolved = {};
+  const missing = [];
+
+  SERVICE_CONTRACT.forEach((definition) => {
+    const provided = services[definition.key];
+
+    if (provided == null) {
+      if (typeof definition.fallback === "function") {
+        const fallbackValue = definition.fallback({
+          services,
+          resolved,
+          internalState,
+          definition,
+        });
+
+        if (definition.type === "function" && typeof fallbackValue === "function") {
+          resolved[definition.key] = fallbackValue;
+          return;
+        }
+        if (
+          definition.type === "object" &&
+          typeof fallbackValue === "object" &&
+          fallbackValue !== null
+        ) {
+          resolved[definition.key] = fallbackValue;
+          return;
+        }
+      }
+
+      if (definition.optional) {
+        return;
+      }
+
+      missing.push(`- ${definition.key}: ${definition.description}`);
+      return;
+    }
+
+    if (definition.type === "function" && typeof provided !== "function") {
+      throw new TypeError(
+        `Expected service \"${definition.key}\" to be a function. Received ${typeof provided}.`,
+      );
+    }
+    if (
+      definition.type === "object" &&
+      (typeof provided !== "object" || provided === null)
+    ) {
+      throw new TypeError(
+        `Expected service \"${definition.key}\" to be an object. Received ${typeof provided}.`,
+      );
+    }
+
+    resolved[definition.key] = provided;
+  });
+
+  if (missing.length) {
+    throw new Error(
+      [
+        "[ProfileModalController] Missing required services for profile modal controller:",
+        ...missing,
+      ].join("\n"),
+    );
+  }
+
+  return Object.freeze({ ...services, ...resolved });
+}
+
+function buildStateContract(state = {}, internalState) {
+  const resolved = {};
+
+  STATE_CONTRACT.forEach((definition) => {
+    const value = state[definition.key];
+    if (typeof value === definition.type) {
+      resolved[definition.key] = value;
+      return;
+    }
+
+    if (definition.fallback) {
+      const fallback = definition.fallback(internalState);
+      if (typeof fallback === definition.type) {
+        resolved[definition.key] = fallback;
+        return;
+      }
+    }
+
+    throw new Error(
+      `[ProfileModalController] Missing state handler \"${definition.key}\" (${definition.description}).`,
+    );
+  });
+
+  return { ...state, ...resolved };
+}
+
+export class ProfileModalController {
+  constructor(options = {}) {
+    const {
+      modalContainer = null,
+      removeTrackingScripts = noop,
+      createWatchHistoryRenderer = null,
+      setGlobalModalState = noop,
+      showError = noop,
+      showSuccess = noop,
+      showStatus = noop,
+      callbacks = {},
+      services = {},
+      state = {},
+      constants: providedConstants = {},
+      designSystem = null,
+    } = options;
+
+    this.modalContainer = modalContainer;
+    this.removeTrackingScripts = removeTrackingScripts;
+    this.createWatchHistoryRenderer = createWatchHistoryRenderer;
+    this.setGlobalModalState = setGlobalModalState;
+    this.showError = showError;
+    this.showSuccess = showSuccess;
+    this.showStatus = showStatus;
+    this.designSystem = normalizeDesignSystemContext(designSystem);
+
+    const resolvedMaxWalletDefaultZap =
+      typeof providedConstants.MAX_WALLET_DEFAULT_ZAP === "number" &&
+      Number.isFinite(providedConstants.MAX_WALLET_DEFAULT_ZAP)
+        ? providedConstants.MAX_WALLET_DEFAULT_ZAP
+        : typeof CONFIG_MAX_WALLET_DEFAULT_ZAP === "number" &&
+          Number.isFinite(CONFIG_MAX_WALLET_DEFAULT_ZAP)
+        ? CONFIG_MAX_WALLET_DEFAULT_ZAP
+        : DEFAULT_MAX_WALLET_DEFAULT_ZAP;
+
+    const resolvedAdminSuperNpub = (() => {
+      const fromOptions =
+        typeof providedConstants.ADMIN_SUPER_NPUB === "string"
+          ? providedConstants.ADMIN_SUPER_NPUB.trim()
+          : "";
+      if (fromOptions) {
+        return fromOptions;
+      }
+      const fromConfig =
+        typeof CONFIG_ADMIN_SUPER_NPUB === "string"
+          ? CONFIG_ADMIN_SUPER_NPUB.trim()
+          : "";
+      return fromConfig || null;
+    })();
+
+    const resolvedAdminDmImageUrl = (() => {
+      const fromOptions =
+        typeof providedConstants.ADMIN_DM_IMAGE_URL === "string"
+          ? providedConstants.ADMIN_DM_IMAGE_URL.trim()
+          : "";
+      if (fromOptions) {
+        return fromOptions;
+      }
+      const fromConfig =
+        typeof CONFIG_ADMIN_DM_IMAGE_URL === "string"
+          ? CONFIG_ADMIN_DM_IMAGE_URL.trim()
+          : "";
+      return fromConfig || DEFAULT_ADMIN_DM_IMAGE_URL;
+    })();
+
+    const resolvedbitvidWebsiteUrl = (() => {
+      const fromOptions =
+        typeof providedConstants.BITVID_WEBSITE_URL === "string"
+          ? providedConstants.BITVID_WEBSITE_URL.trim()
+          : "";
+      if (fromOptions) {
+        return fromOptions;
+      }
+      const fromConfig =
+        typeof CONFIG_BITVID_WEBSITE_URL === "string"
+          ? CONFIG_BITVID_WEBSITE_URL.trim()
+          : "";
+      return fromConfig || DEFAULT_BITVID_WEBSITE_URL;
+    })();
+
+    this.maxWalletDefaultZap = resolvedMaxWalletDefaultZap;
+    this.adminSuperNpub = resolvedAdminSuperNpub;
+    this.adminDmImageUrl = resolvedAdminDmImageUrl;
+    this.bitvidWebsiteUrl = resolvedbitvidWebsiteUrl;
+
+    this.internalState = {
+      savedProfiles: [],
+      activePubkey: null,
+      cachedSelection: null,
+      activePane: "account",
+      walletBusy: false,
+      walletSettings: createInternalDefaultNwcSettings(),
+      moderationSettings: createInternalDefaultModerationSettings(),
+      dmRecipient: null,
+      dmRelayHints: new Map(),
+    };
+
+    this.dmMobileView = "list";
+
+    this.services = buildServicesContract(services, this.internalState);
+    this.state = buildStateContract(state, this.internalState);
+
+    this.normalizeHexPubkey = this.services.normalizeHexPubkey;
+    this.safeEncodeNpub = this.services.safeEncodeNpub;
+    this.safeDecodeNpub = this.services.safeDecodeNpub;
+    this.truncateMiddle = this.services.truncateMiddle;
+    this.formatShortNpub = this.services.formatShortNpub;
+    this.moderationSettingsDefaults = createInternalDefaultModerationSettings();
+    this.currentModerationSettings = createInternalDefaultModerationSettings();
+    this.sendAdminListNotificationService =
+      typeof this.services.sendAdminListNotification === "function"
+        ? this.services.sendAdminListNotification
+        : null;
+    this.describeAdminErrorService = this.services.describeAdminError;
+    this.describeNotificationErrorService =
+      this.services.describeNotificationError;
+    this.describeLoginErrorService = this.services.describeLoginError;
+    this.requestAddProfileLoginService = this.services.requestAddProfileLogin;
+    this.log =
+      typeof this.services.log === "function"
+        ? this.services.log
+        : (...args) => {
+            devLogger.log(...args);
+          };
+
+    this.nostrService =
+      this.services.nostrService &&
+      typeof this.services.nostrService === "object"
+        ? this.services.nostrService
+        : null;
+
+    const subscriptionsServiceCandidate = this.services.subscriptions;
+    this.subscriptionsService =
+      subscriptionsServiceCandidate &&
+      typeof subscriptionsServiceCandidate === "object"
+        ? subscriptionsServiceCandidate
+        : null;
+
+    const moderationServiceCandidate = this.services.moderation;
+    this.moderationService =
+      moderationServiceCandidate &&
+      typeof moderationServiceCandidate === "object"
+        ? moderationServiceCandidate
+        : null;
+    this.unsubscribeModerationContacts = null;
+    this.unsubscribeModerationStats = [];
+    if (
+      this.moderationService &&
+      typeof this.moderationService.on === "function"
+    ) {
+      try {
+        const updateTrustStats = () => {
+          this.updateModerationTrustStats();
+        };
+
+        this.unsubscribeModerationContacts = this.moderationService.on(
+          "contacts",
+          () => {
+            void this.populateFriendsList();
+            updateTrustStats();
+          },
+        );
+
+        this.unsubscribeModerationStats = [
+          this.moderationService.on("trusted-mutes", updateTrustStats),
+          this.moderationService.on("summary", updateTrustStats),
+        ].filter((unsubscribe) => typeof unsubscribe === "function");
+      } catch (error) {
+        devLogger.warn(
+          "[profileModal] Failed to subscribe to moderation contacts updates:",
+          error,
+        );
+      }
+    }
+
+    this.hashtagPreferencesService = this.services.hashtagPreferences;
+    this.describeHashtagPreferencesErrorService =
+      this.services.describeHashtagPreferencesError;
+    this.getHashtagPreferencesSnapshotService =
+      this.services.getHashtagPreferences;
+    this.hashtagPreferencesPublishInFlight = false;
+    this.hashtagPreferencesPublishPromise = null;
+
+    if (
+      this.hashtagPreferencesService &&
+      typeof this.hashtagPreferencesService.on === "function"
+    ) {
+      this.hashtagPreferencesUnsubscribe = this.hashtagPreferencesService.on(
+        "change",
+        (detail) => {
+          this.handleHashtagPreferencesChange({
+            action:
+              typeof detail?.action === "string" ? detail.action : "change",
+            preferences: detail,
+          });
+        },
+      );
+    }
+
+    this.initializeDirectMessagesService();
+
+    this.callbacks = {
+      onClose: callbacks.onClose || noop,
+      onLogout: callbacks.onLogout || noop,
+      onChannelLink: callbacks.onChannelLink || noop,
+      onAddAccount: callbacks.onAddAccount || noop,
+      onRequestLogoutProfile: callbacks.onRequestLogoutProfile || noop,
+      onSelectPane: callbacks.onSelectPane || noop,
+      onPaneShown: callbacks.onPaneShown || noop,
+      onAddRelay: callbacks.onAddRelay || noop,
+      onRestoreRelays: callbacks.onRestoreRelays || noop,
+      onAddBlocked: callbacks.onAddBlocked || noop,
+      onWalletSave: callbacks.onWalletSave || noop,
+      onWalletTest: callbacks.onWalletTest || noop,
+      onWalletDisconnect: callbacks.onWalletDisconnect || noop,
+      onAdminAddModerator: callbacks.onAdminAddModerator || noop,
+      onAdminAddWhitelist: callbacks.onAdminAddWhitelist || noop,
+      onAdminAddBlacklist: callbacks.onAdminAddBlacklist || noop,
+      onAdminRemoveModerator: callbacks.onAdminRemoveModerator || noop,
+      onAdminRemoveWhitelist: callbacks.onAdminRemoveWhitelist || noop,
+      onAdminRemoveBlacklist: callbacks.onAdminRemoveBlacklist || noop,
+      onHistoryReady: callbacks.onHistoryReady || noop,
+      onRequestSwitchProfile: callbacks.onRequestSwitchProfile || noop,
+      onRelayOperation: callbacks.onRelayOperation || noop,
+      onRelayModeToggle: callbacks.onRelayModeToggle || noop,
+      onRelayRestore: callbacks.onRelayRestore || noop,
+      onBlocklistMutation: callbacks.onBlocklistMutation || noop,
+      onWalletPersist: callbacks.onWalletPersist || noop,
+      onWalletTestRequest: callbacks.onWalletTestRequest || callbacks.onWalletTest || noop,
+      onWalletDisconnectRequest:
+        callbacks.onWalletDisconnectRequest || callbacks.onWalletDisconnect || noop,
+      onAdminMutation: callbacks.onAdminMutation || noop,
+      onAdminNotifyError: callbacks.onAdminNotifyError || noop,
+      onModerationSettingsChange:
+        callbacks.onModerationSettingsChange || noop,
+      onSendDm: callbacks.onSendDm || noop,
+      onTogglePrivacy: callbacks.onTogglePrivacy || noop,
+      onOpenRelays: callbacks.onOpenRelays || noop,
+      onPublishDmRelayPreferences: callbacks.onPublishDmRelayPreferences || noop,
+      onRequestPermissionPrompt: callbacks.onRequestPermissionPrompt || noop,
+    };
+
+    this.profileModal = null;
+    this.profileModalRoot = null;
+    this.profileModalPanel = null;
+    this.profileModalBackdrop = null;
+    this.profileModalLayout = null;
+    this.profileModalMenu = null;
+    this.profileModalPaneWrapper = null;
+    this.profileModalBackButton = null;
+    this.profileAvatar = null;
+    this.profileName = null;
+    this.profileNpub = null;
+    this.switcherList = null;
+    this.profileModalAvatar = null;
+    this.profileModalName = null;
+    this.profileModalNpub = null;
+    this.profileSwitcherList = null;
+    this.globalProfileAvatar = null;
+    this.closeButton = null;
+    this.logoutButton = null;
+    this.mobileLogoutButton = null;
+    this.channelLink = null;
+    this.addAccountButton = null;
+    this.navButtons = {
+      account: null,
+      relays: null,
+      wallet: null,
+      storage: null,
+      hashtags: null,
+      subscriptions: null,
+      friends: null,
+      blocked: null,
+      messages: null,
+      history: null,
+      admin: null,
+      safety: null,
+    };
+    this.panes = {
+      account: null,
+      relays: null,
+      wallet: null,
+      storage: null,
+      hashtags: null,
+      subscriptions: null,
+      friends: null,
+      blocked: null,
+      messages: null,
+      history: null,
+      admin: null,
+      safety: null,
+    };
+    this.relayList = null;
+    this.relayInput = null;
+    this.addRelayButton = null;
+    this.restoreRelaysButton = null;
+    this.relayHealthPanel = null;
+    this.relayHealthSummary = null;
+    this.relayHealthCounts = null;
+    this.relayHealthMessage = null;
+    this.relayHealthList = null;
+    this.relayHealthStatus = null;
+    this.relayHealthRefreshButton = null;
+    this.relayHealthTelemetryToggle = null;
+    this.relayHealthRefreshPromise = null;
+    this.profileRelayList = null;
+    this.profileRelayInput = null;
+    this.profileAddRelayBtn = null;
+    this.profileRestoreRelaysBtn = null;
+    this.subscriptionList = null;
+    this.subscriptionListEmpty = null;
+    this.friendList = null;
+    this.friendListEmpty = null;
+    this.friendInput = null;
+    this.addFriendButton = null;
+    this.blockList = null;
+    this.blockListEmpty = null;
+    this.blockListStatus = null;
+    this.blockListLoadingState = "idle";
+    this.blockInput = null;
+    this.addBlockedButton = null;
+    this.profileBlockedList = null;
+    this.profileBlockedEmpty = null;
+    this.profileBlockedInput = null;
+    this.profileAddBlockedBtn = null;
+    this.profileMessagesList = null;
+    this.profileMessagesEmpty = null;
+    this.profileMessagesLoading = null;
+    this.profileMessagesError = null;
+    this.profileMessagesStatus = null;
+    this.profileMessagesReloadButton = null;
+    this.profileMessagesPane = null;
+    this.profileMessagesConversation = null;
+    this.profileMessagesConversationEmpty = null;
+    this.profileMessageInput = null;
+    this.profileMessageSendButton = null;
+    this.profileMessageAttachmentInput = null;
+    this.profileMessageAttachmentButton = null;
+    this.profileMessageAttachmentEncrypt = null;
+    this.profileMessageAttachmentList = null;
+    this.profileMessageAttachmentClearCache = null;
+    this.profileMessagesComposerHelper = null;
+    this.profileMessagesSendDmButton = null;
+    this.profileMessagesOpenRelaysButton = null;
+    this.profileMessagesPrivacyToggle = null;
+    this.profileMessagesPrivacyMode = null;
+    this.profileMessagesRelayList = null;
+    this.profileMessagesRelayInput = null;
+    this.profileMessagesRelayAddButton = null;
+    this.profileMessagesRelayPublishButton = null;
+    this.profileMessagesRelayStatus = null;
+    this.profileMessagesUnreadDot = null;
+    this.dmAppShellContainer = null;
+    this.dmAppShell = null;
+    this.profileLinkPreviewAutoToggle = null;
+    this.walletUriInput = null;
+    this.walletDefaultZapInput = null;
+    this.walletSaveButton = null;
+    this.walletTestButton = null;
+    this.walletDisconnectButton = null;
+    this.walletStatusText = null;
+    this.profileWalletStatusText = null;
+    this.hashtagStatusText = null;
+    this.hashtagBackgroundLoading = false;
+    this.hashtagInterestList = null;
+    this.hashtagInterestEmpty = null;
+    this.hashtagInterestInput = null;
+    this.addHashtagInterestButton = null;
+    this.profileHashtagInterestRefreshBtn = null;
+    this.hashtagDisinterestList = null;
+    this.hashtagDisinterestEmpty = null;
+    this.hashtagDisinterestInput = null;
+    this.addHashtagDisinterestButton = null;
+    this.profileHashtagDisinterestRefreshBtn = null;
+    this.subscriptionsStatusText = null;
+    this.subscriptionsBackgroundLoading = false;
+    this.permissionPromptCta = null;
+    this.permissionPromptCtaMessage = null;
+    this.permissionPromptCtaButton = null;
+    this.permissionPromptCtaState = {
+      visible: false,
+      message: "",
+      buttonLabel: "Enable permissions",
+      busy: false,
+    };
+    this.profileSubscriptionsRefreshBtn = null;
+    this.profileFriendsRefreshBtn = null;
+    this.profileBlockedRefreshBtn = null;
+    this.profileRelayRefreshBtn = null;
+    this.moderationSettingsCard = null;
+    this.moderationBlurInput = null;
+    this.moderationAutoplayInput = null;
+    this.moderationMuteHideInput = null;
+    this.moderationSpamHideInput = null;
+    this.moderationSaveButton = null;
+    this.moderationResetButton = null;
+    this.moderationStatusText = null;
+    this.moderationOverridesList = null;
+    this.moderationOverridesEmpty = null;
+    this.moderationHideControlsGroup = null;
+    this.moderationHideControlElements = [];
+    this.boundModerationOverridesUpdate = null;
+    this.moderatorSection = null;
+    this.moderatorEmpty = null;
+    this.adminModeratorList = null;
+    this.addModeratorButton = null;
+    this.moderatorInput = null;
+    this.adminModeratorsRefreshBtn = null;
+    this.adminModeratorsSection = null;
+    this.adminModeratorsEmpty = null;
+    this.adminAddModeratorButton = null;
+    this.adminModeratorInput = null;
+    this.whitelistSection = null;
+    this.whitelistEmpty = null;
+    this.whitelistList = null;
+    this.addWhitelistButton = null;
+    this.whitelistInput = null;
+    this.adminWhitelistRefreshBtn = null;
+    this.adminWhitelistSection = null;
+    this.adminWhitelistEmpty = null;
+    this.adminWhitelistList = null;
+    this.adminAddWhitelistButton = null;
+    this.adminWhitelistInput = null;
+    this.blacklistSection = null;
+    this.blacklistEmpty = null;
+    this.blacklistList = null;
+    this.addBlacklistButton = null;
+    this.blacklistInput = null;
+    this.adminBlacklistRefreshBtn = null;
+    this.adminBlacklistSection = null;
+    this.adminBlacklistEmpty = null;
+    this.adminBlacklistList = null;
+    this.adminAddBlacklistButton = null;
+    this.adminBlacklistInput = null;
+
+    this.messagesLoadingState = "idle";
+    this.messagesInitialLoadPending = true;
+    this.messagesViewActive = false;
+    this.activeMessagesRequest = null;
+    this.directMessagesCache = [];
+    this.directMessagesLastActor = null;
+    this.directMessagesSubscription = null;
+    this.directMessagesUnsubscribes = [];
+    this.directMessagesRenderTimeout = null;
+    this.pendingDirectMessagesUpdate = null;
+    this.pendingMessagesRender = null;
+    this.messagesStatusClearTimeout = null;
+    this.dmPrivacyToggleTouched = false;
+    this.dmReadReceiptCache = new Set();
+    this.dmTypingLastSentAt = 0;
+    this.dmAttachmentQueue = [];
+    this.dmAttachmentUploads = new Map();
+    this.activeDmConversationId = "";
+    this.focusedDmConversationId = "";
+    this.dmComposerState = "idle";
+
+    this.profileHistoryRenderer = null;
+    this.profileHistoryRendererConfig = null;
+    this.boundProfileHistoryVisibility = null;
+    this.boundKeydown = null;
+    this.boundFocusIn = null;
+    this.focusableElements = [];
+    this.focusTrapContainer = null;
+    this.focusTrapSuspended = false;
+    this.focusTrapSuspendCount = 0;
+    this.focusTrapAriaHiddenBeforeSuspend = null;
+    this.focusTrapNestedModalActiveBeforeSuspend = null;
+    this.profileSwitcherSelectionPubkey = null;
+    this.previouslyFocusedElement = null;
+    this.largeLayoutQuery = null;
+    this.largeLayoutQueryListener = null;
+    this.isLargeLayoutActiveFlag = false;
+    this.mobileViewState = "menu";
+    this.lastMobileViewState = "menu";
+    this.setActivePane(this.getActivePane());
+    this.setWalletPaneBusy(this.isWalletBusy());
+    this.addAccountButtonState = null;
+    this.adminEmptyMessages = new Map();
+    this.hashtagPreferencesUnsubscribe = null;
+
+    if (
+      this.subscriptionsService &&
+      typeof this.subscriptionsService.on === "function"
+    ) {
+      this.subscriptionsService.on("change", (detail) => {
+        this.handleSubscriptionsChange(detail);
+      });
+    }
+
+    if (
+      this.services.userBlocks &&
+      typeof this.services.userBlocks.on === "function"
+    ) {
+      this.services.userBlocks.on("change", () => {
+        this.populateBlockedList();
+      });
+    }
+  }
+
+  async load() {
+    if (!(this.modalContainer instanceof HTMLElement)) {
+      throw new Error("profile modal container missing");
+    }
+
+    // Invalidate any stale renderer reference so it is recreated
+    // with the freshly loaded DOM elements.
+    if (this.profileHistoryRenderer) {
+      try {
+        if (typeof this.profileHistoryRenderer.destroy === "function") {
+          this.profileHistoryRenderer.destroy();
+        }
+      } catch (err) {
+        devLogger.warn("[profileModal] Failed to destroy stale history renderer:", err);
+      }
+      this.profileHistoryRenderer = null;
+      this.profileHistoryRendererConfig = null;
+    }
+
+    const response = await fetch("components/profile-modal.html");
+    if (!response.ok) {
+      throw new Error(`Failed to load profile modal HTML (${response.status})`);
+    }
+
+    const html = await response.text();
+    const template = document.createElement("template");
+    template.innerHTML = html;
+    this.removeTrackingScripts(template.content);
+
+    const modalRoot = template.content.querySelector("#profileModal");
+    if (!(modalRoot instanceof HTMLElement)) {
+      throw new Error("profile modal markup missing expected #profileModal root");
+    }
+
+    this.modalContainer.appendChild(template.content);
+    this.profileModalRoot = modalRoot;
+    this.profileModal = modalRoot;
+    this.profileModalPanel =
+      modalRoot.querySelector(".bv-modal__panel") || modalRoot;
+    this.profileModalBackdrop =
+      modalRoot.querySelector(".bv-modal-backdrop") || null;
+
+    this.cacheDomReferences();
+    this.setupLayoutBreakpointObserver();
+    this.applyModalStackingOverrides();
+    this.registerEventListeners();
+    this.populateHashtagPreferences();
+    this.refreshModerationSettingsUi();
+    const preserveMenu = this.isMobileLayoutActive();
+    this.selectPane(this.getActivePane(), { keepMenuView: preserveMenu });
+
+    return true;
+  }
+
+  cacheDomReferences() {
+    this.profileModalRoot = document.getElementById("profileModal") || null;
+    this.profileModalPanel =
+      this.profileModalRoot?.querySelector(".bv-modal__panel") || null;
+    this.profileModalBackdrop =
+      this.profileModalRoot?.querySelector(".bv-modal-backdrop") || null;
+    this.profileModalLayout =
+      this.profileModalRoot?.querySelector("[data-profile-layout]") || null;
+    this.profileModalMenu =
+      this.profileModalRoot?.querySelector("[data-profile-mobile-menu]") || null;
+    this.profileModalPaneWrapper =
+      this.profileModalRoot?.querySelector("[data-profile-mobile-pane]") || null;
+    this.profileModal = this.profileModalRoot;
+    this.permissionPromptCta =
+      document.getElementById("profilePermissionPrompt") || null;
+    this.permissionPromptCtaMessage =
+      document.getElementById("profilePermissionPromptMessage") || null;
+    this.permissionPromptCtaButton =
+      document.getElementById("profilePermissionPromptButton") || null;
+    this.closeButton = document.getElementById("closeProfileModal") || null;
+    this.profileModalBackButton =
+      document.getElementById("profileModalBack") || null;
+    this.logoutButton = document.getElementById("profileLogoutBtn") || null;
+    this.mobileLogoutButton =
+      document.getElementById("profileMobileLogoutBtn") || null;
+    this.channelLink = document.getElementById("profileChannelLink") || null;
+    this.addAccountButton =
+      document.getElementById("profileAddAccountBtn") || null;
+    this.profileAvatar = document.getElementById("profileModalAvatar") || null;
+    this.profileName = document.getElementById("profileModalName") || null;
+    this.profileNpub = document.getElementById("profileModalNpub") || null;
+    this.switcherList = document.getElementById("profileSwitcherList") || null;
+
+    this.profileModalAvatar = this.profileAvatar;
+    this.profileModalName = this.profileName;
+    this.profileModalNpub = this.profileNpub;
+    this.profileSwitcherList = this.switcherList;
+
+    const topLevelProfileAvatar =
+      document.getElementById("profileAvatar") || null;
+    if (topLevelProfileAvatar) {
+      this.globalProfileAvatar = topLevelProfileAvatar;
+    }
+
+    this.navButtons.account =
+      document.getElementById("profileNavAccount") || null;
+    this.navButtons.relays = document.getElementById("profileNavRelays") || null;
+    this.navButtons.wallet = document.getElementById("profileNavWallet") || null;
+    this.navButtons.storage = document.getElementById("profileNavStorage") || null;
+    this.navButtons.hashtags =
+      document.getElementById("profileNavHashtags") || null;
+    this.navButtons.subscriptions =
+      document.getElementById("profileNavSubscriptions") || null;
+    this.navButtons.friends =
+      document.getElementById("profileNavFriends") || null;
+    this.navButtons.blocked =
+      document.getElementById("profileNavBlocked") || null;
+    this.navButtons.messages =
+      document.getElementById("profileNavMessages") || null;
+    this.navButtons.history =
+      document.getElementById("profileNavHistory") || null;
+    this.navButtons.admin = document.getElementById("profileNavAdmin") || null;
+    this.navButtons.safety = document.getElementById("profileNavSafety") || null;
+
+    this.profileEditBtn = document.getElementById("profileEditBtn") || null;
+    this.profileEditBackBtn = document.getElementById("profileEditBackBtn") || null;
+
+    this.panes.account = document.getElementById("profilePaneAccount") || null;
+    this.panes.edit = document.getElementById("profilePaneEdit") || null;
+    this.panes.relays = document.getElementById("profilePaneRelays") || null;
+    this.panes.wallet = document.getElementById("profilePaneWallet") || null;
+    this.panes.storage = document.getElementById("profilePaneStorage") || null;
+    this.panes.hashtags = document.getElementById("profilePaneHashtags") || null;
+    this.panes.subscriptions =
+      document.getElementById("profilePaneSubscriptions") || null;
+    this.panes.friends = document.getElementById("profilePaneFriends") || null;
+    this.panes.blocked = document.getElementById("profilePaneBlocked") || null;
+    this.panes.messages = document.getElementById("profilePaneMessages") || null;
+    this.panes.history = document.getElementById("profilePaneHistory") || null;
+    this.panes.admin = document.getElementById("profilePaneAdmin") || null;
+    this.panes.safety = document.getElementById("profilePaneSafety") || null;
+
+    this.relayList = document.getElementById("relayList") || null;
+    this.relayInput = document.getElementById("relayInput") || null;
+    this.addRelayButton = document.getElementById("addRelayBtn") || null;
+    this.restoreRelaysButton =
+      document.getElementById("restoreRelaysBtn") || null;
+    this.relayHealthPanel =
+      document.getElementById("relayHealthPanel") || null;
+    this.relayHealthSummary =
+      document.getElementById("relayHealthSummary") || null;
+    this.relayHealthCounts =
+      document.getElementById("relayHealthCounts") || null;
+    this.relayHealthMessage =
+      document.getElementById("relayHealthMessage") || null;
+    this.relayHealthList =
+      document.getElementById("relayHealthList") || null;
+    this.relayHealthStatus =
+      document.getElementById("relayHealthStatus") || null;
+    this.relayHealthRefreshButton =
+      document.getElementById("relayHealthRefreshBtn") || null;
+    this.relayHealthTelemetryToggle =
+      document.getElementById("relayHealthTelemetryOptIn") || null;
+    this.profileRelayRefreshBtn =
+      document.getElementById("relayListRefreshBtn") || null;
+
+    this.subscriptionList =
+      document.getElementById("subscriptionsList") || null;
+    this.subscriptionListEmpty =
+      document.getElementById("subscriptionsEmpty") || null;
+    this.profileSubscriptionsRefreshBtn =
+      document.getElementById("subscriptionsRefreshBtn") || null;
+    this.friendList = document.getElementById("friendsList") || null;
+    this.friendListEmpty = document.getElementById("friendsEmpty") || null;
+    this.friendInput = document.getElementById("friendsInput") || null;
+    this.addFriendButton = document.getElementById("addFriendBtn") || null;
+    this.profileFriendsRefreshBtn =
+      document.getElementById("friendsRefreshBtn") || null;
+
+    this.blockList = document.getElementById("blockedList") || null;
+    this.blockListEmpty = document.getElementById("blockedEmpty") || null;
+    this.blockInput = document.getElementById("blockedInput") || null;
+    this.addBlockedButton = document.getElementById("addBlockedBtn") || null;
+    this.profileBlockedRefreshBtn =
+      document.getElementById("blockedRefreshBtn") || null;
+
+    this.profileMessagesPane =
+      document.getElementById("profilePaneMessages") || null;
+    this.profileMessagesList =
+      document.getElementById("profileMessagesList") || null;
+    this.profileMessagesEmpty =
+      document.getElementById("profileMessagesEmpty") || null;
+    this.profileMessagesLoading =
+      document.getElementById("profileMessagesLoading") || null;
+    this.profileMessagesError =
+      document.getElementById("profileMessagesError") || null;
+    this.profileMessagesStatus =
+      document.getElementById("profileMessagesStatus") || null;
+    this.profileMessagesReloadButton =
+      document.getElementById("profileMessagesReload") || null;
+    this.profileMessagesConversation =
+      document.getElementById("profileMessagesConversation") || null;
+    this.profileMessagesConversationEmpty =
+      document.getElementById("profileMessagesConversationEmpty") || null;
+    this.profileMessageInput =
+      document.getElementById("profileMessageInput") || null;
+    this.profileMessageSendButton =
+      document.getElementById("profileMessageSendBtn") || null;
+    this.profileMessageAttachmentInput =
+      document.getElementById("profileMessageAttachmentInput") || null;
+    this.profileMessageAttachmentButton =
+      document.getElementById("profileMessageAttachmentButton") || null;
+    this.profileMessageAttachmentEncrypt =
+      document.getElementById("profileMessageAttachmentEncrypt") || null;
+    this.profileMessageAttachmentList =
+      document.getElementById("profileMessageAttachmentList") || null;
+    this.profileMessageAttachmentClearCache =
+      document.getElementById("profileMessageAttachmentClearCache") || null;
+    this.profileMessagesComposerHelper =
+      document.getElementById("profileMessagesComposerHelper") || null;
+    this.profileMessagesSendDmButton =
+      document.getElementById("profileMessagesSendDm") || null;
+    this.profileMessagesOpenRelaysButton =
+      document.getElementById("profileMessagesOpenRelays") || null;
+    this.profileMessagesPrivacyToggle =
+      document.getElementById("profileMessagesPrivacyToggle") || null;
+    this.profileMessagesPrivacyMode =
+      document.getElementById("profileMessagesPrivacyMode") || null;
+    this.cacheDmRelayElements();
+    this.profileMessagesUnreadDot =
+      document.getElementById("profileMessagesUnreadDot") || null;
+    this.dmAppShellContainer =
+      document.getElementById("dmAppShellMount") || null;
+    this.profileLinkPreviewAutoToggle =
+      document.getElementById("profileLinkPreviewAutoToggle") || null;
+
+    if (this.pendingMessagesRender) {
+      const { messages, actorPubkey } = this.pendingMessagesRender;
+      this.pendingMessagesRender = null;
+      void this.renderProfileMessages(messages, { actorPubkey }).catch((error) => {
+        devLogger.warn(
+          "[profileModal] Failed to render pending direct messages:",
+          error,
+        );
+      });
+    } else if (
+      (this.profileMessagesList instanceof HTMLElement ||
+        this.dmAppShellContainer instanceof HTMLElement) &&
+      Array.isArray(this.directMessagesCache) &&
+      this.directMessagesCache.length
+    ) {
+      void this.renderProfileMessages(this.directMessagesCache, {
+        actorPubkey: this.directMessagesLastActor,
+      }).catch((error) => {
+        devLogger.warn(
+          "[profileModal] Failed to render cached direct messages:",
+          error,
+        );
+      });
+    }
+
+    this.setMessagesLoadingState(this.messagesLoadingState || "idle");
+    this.updateMessagePrivacyModeDisplay();
+    this.populateDmRelayPreferences();
+    this.syncDmPrivacySettingsUi();
+
+    this.walletUriInput = document.getElementById("profileWalletUri") || null;
+    this.walletDefaultZapInput =
+      document.getElementById("profileWalletDefaultZap") || null;
+    this.walletSaveButton =
+      document.getElementById("profileWalletSave") || null;
+    this.walletTestButton =
+      document.getElementById("profileWalletTest") || null;
+    this.walletDisconnectButton =
+      document.getElementById("profileWalletDisconnect") || null;
+    this.walletStatusText =
+      document.getElementById("profileWalletStatus") || null;
+
+    this.hashtagStatusText =
+      document.getElementById("profileHashtagStatus") || null;
+    this.hashtagInterestList =
+      document.getElementById("profileHashtagInterestList") || null;
+    this.hashtagInterestEmpty =
+      document.getElementById("profileHashtagInterestEmpty") || null;
+    this.hashtagInterestInput =
+      document.getElementById("profileHashtagInterestInput") || null;
+    this.addHashtagInterestButton =
+      document.getElementById("profileAddHashtagInterestBtn") || null;
+    this.profileHashtagInterestRefreshBtn =
+      document.getElementById("profileHashtagInterestRefreshBtn") || null;
+    this.hashtagDisinterestList =
+      document.getElementById("profileHashtagDisinterestList") || null;
+    this.hashtagDisinterestEmpty =
+      document.getElementById("profileHashtagDisinterestEmpty") || null;
+    this.hashtagDisinterestInput =
+      document.getElementById("profileHashtagDisinterestInput") || null;
+    this.addHashtagDisinterestButton =
+      document.getElementById("profileAddHashtagDisinterestBtn") || null;
+    this.profileHashtagDisinterestRefreshBtn =
+      document.getElementById("profileHashtagDisinterestRefreshBtn") || null;
+    this.subscriptionsStatusText =
+      document.getElementById("subscriptionsStatus") || null;
+    this.applyPermissionPromptCtaState();
+
+    this.profileRelayList = this.relayList;
+    this.profileRelayInput = this.relayInput;
+    this.profileAddRelayBtn = this.addRelayButton;
+    this.profileRestoreRelaysBtn = this.restoreRelaysButton;
+    this.profileSubscriptionsList = this.subscriptionList;
+    this.profileSubscriptionsEmpty = this.subscriptionListEmpty;
+    this.profileFriendsList = this.friendList;
+    this.profileFriendsEmpty = this.friendListEmpty;
+    this.profileFriendsInput = this.friendInput;
+    this.profileAddFriendBtn = this.addFriendButton;
+    this.profileBlockedList = this.blockList;
+    this.profileBlockedEmpty = this.blockListEmpty;
+    this.profileBlockedInput = this.blockInput;
+    this.profileAddBlockedBtn = this.addBlockedButton;
+    this.blockListStatus =
+      this.panes.blocked?.querySelector("[data-role=\"blocked-list-status\"]") ||
+      null;
+    this.profileWalletStatusText = this.walletStatusText;
+    this.moderationSettingsCard =
+      document.getElementById("profileModerationSettings") || null;
+    this.moderationBlurInput =
+      document.getElementById("profileModerationBlurThreshold") || null;
+    this.moderationAutoplayInput =
+      document.getElementById("profileModerationAutoplayThreshold") || null;
+    this.moderationMuteHideInput =
+      document.getElementById("profileModerationMuteHideThreshold") || null;
+    this.moderationSpamHideInput =
+      document.getElementById("profileModerationSpamHideThreshold") || null;
+    this.moderationSaveButton =
+      document.getElementById("profileModerationSave") || null;
+    this.moderationResetButton =
+      document.getElementById("profileModerationReset") || null;
+    this.moderationStatusText =
+      document.getElementById("profileModerationStatus") || null;
+    this.moderationOverridesList =
+      document.getElementById("profileModerationOverridesList") || null;
+    this.moderationOverridesEmpty =
+      document.getElementById("profileModerationOverridesEmpty") || null;
+    this.moderationTrustedContactsCount =
+      document.getElementById("profileModerationTrustedContactsCount") || null;
+    this.moderationTrustedMuteCount =
+      document.getElementById("profileModerationTrustedMuteCount") || null;
+    this.moderationTrustedReportCount =
+      document.getElementById("profileModerationTrustedReportCount") || null;
+    this.moderationSeedOnlyIndicator =
+      document.getElementById("profileModerationSeedOnlyIndicator") || null;
+    this.moderationHideControlsGroup =
+      this.moderationSettingsCard?.querySelector(
+        "[data-role=\"trusted-hide-controls\"]",
+      ) || null;
+    this.moderationHideControlElements = Array.from(
+      this.moderationSettingsCard?.querySelectorAll(
+        "[data-role=\"trusted-hide-control\"]",
+      ) || [],
+    );
+    this.updateTrustedMuteHideHelperCopy();
+
+    this.moderatorSection =
+      document.getElementById("adminModeratorsSection") || null;
+    this.moderatorEmpty =
+      document.getElementById("adminModeratorsEmpty") || null;
+    this.adminModeratorList =
+      document.getElementById("adminModeratorList") || null;
+    this.addModeratorButton =
+      document.getElementById("adminAddModeratorBtn") || null;
+    this.moderatorInput =
+      document.getElementById("adminModeratorInput") || null;
+    this.adminModeratorsRefreshBtn =
+      document.getElementById("adminModeratorsRefreshBtn") || null;
+
+    this.storageUnlockBtn = document.getElementById("profileStorageUnlockBtn") || null;
+    this.storageSaveBtn = document.getElementById("storageSaveBtn") || null;
+    this.storageTestBtn = document.getElementById("storageTestBtn") || null;
+    this.storageClearBtn = document.getElementById("storageClearBtn") || null;
+    this.storageUnlockSection = document.getElementById("profileStorageUnlock") || null;
+    this.storageFormSection = document.getElementById("profileStorageForm") || null;
+    this.storageStatusText = document.getElementById("profileStorageStatus") || null;
+    this.storageFormStatus = document.getElementById("storageFormStatus") || null;
+
+    this.storageProviderInput = document.getElementById("storageProvider") || null;
+    this.storageEndpointInput = document.getElementById("storageEndpoint") || null;
+    this.storageRegionInput = document.getElementById("storageRegion") || null;
+    this.storageAccessKeyInput = document.getElementById("storageAccessKey") || null;
+    this.storageSecretKeyInput = document.getElementById("storageSecretKey") || null;
+    this.storageBucketInput = document.getElementById("storageBucket") || null;
+    this.storagePrefixInput = document.getElementById("storagePrefix") || null;
+    this.storagePrefixWarning = document.getElementById("storagePrefixWarning") || null;
+    this.storageDefaultInput = document.getElementById("storageDefault") || null;
+    this.storageR2Helper = document.getElementById("storageR2Helper") || null;
+    this.storageS3Helper = document.getElementById("storageS3Helper") || null;
+    this.storageForcePathStyleInput = document.getElementById("storageForcePathStyle") || null;
+    this.storageForcePathStyleLabel = document.getElementById("storageForcePathStyleLabel") || null;
+
+    // Backwards-compatible aliases retained for application code that still
+    // mirrors DOM references from the controller. These should be removed once
+    // the application stops reaching through the controller.
+    this.adminModeratorsSection = this.moderatorSection;
+    this.adminModeratorsEmpty = this.moderatorEmpty;
+    this.adminAddModeratorButton = this.addModeratorButton;
+    this.adminModeratorInput = this.moderatorInput;
+    this.whitelistSection =
+      document.getElementById("adminWhitelistSection") || null;
+    this.whitelistEmpty =
+      document.getElementById("adminWhitelistEmpty") || null;
+    this.whitelistList =
+      document.getElementById("adminWhitelistList") || null;
+    this.addWhitelistButton =
+      document.getElementById("adminAddWhitelistBtn") || null;
+    this.whitelistInput =
+      document.getElementById("adminWhitelistInput") || null;
+    this.adminWhitelistRefreshBtn =
+      document.getElementById("adminWhitelistRefreshBtn") || null;
+    this.blacklistSection =
+      document.getElementById("adminBlacklistSection") || null;
+    this.blacklistEmpty =
+      document.getElementById("adminBlacklistEmpty") || null;
+    this.blacklistList =
+      document.getElementById("adminBlacklistList") || null;
+    this.addBlacklistButton =
+      document.getElementById("adminAddBlacklistBtn") || null;
+    this.blacklistInput =
+      document.getElementById("adminBlacklistInput") || null;
+    this.adminBlacklistRefreshBtn =
+      document.getElementById("adminBlacklistRefreshBtn") || null;
+
+    const ensureAriaLabel = (button, label) => {
+      if (!(button instanceof HTMLElement)) {
+        return;
+      }
+      if (!button.getAttribute("aria-label")) {
+        button.setAttribute("aria-label", label);
+      }
+    };
+
+    ensureAriaLabel(this.profileRelayRefreshBtn, "Refresh relay list");
+    ensureAriaLabel(
+      this.profileHashtagInterestRefreshBtn,
+      "Refresh interest hashtags",
+    );
+    ensureAriaLabel(
+      this.profileHashtagDisinterestRefreshBtn,
+      "Refresh disinterest hashtags",
+    );
+    ensureAriaLabel(this.profileSubscriptionsRefreshBtn, "Refresh subscriptions");
+    ensureAriaLabel(this.profileFriendsRefreshBtn, "Refresh friends");
+    ensureAriaLabel(this.profileBlockedRefreshBtn, "Refresh blocked creators");
+    ensureAriaLabel(this.adminModeratorsRefreshBtn, "Refresh moderators");
+    ensureAriaLabel(this.adminWhitelistRefreshBtn, "Refresh whitelist");
+    ensureAriaLabel(this.adminBlacklistRefreshBtn, "Refresh blacklist");
+
+    this.adminWhitelistSection = this.whitelistSection;
+    this.adminWhitelistEmpty = this.whitelistEmpty;
+    this.adminWhitelistList = this.whitelistList;
+    this.adminAddWhitelistButton = this.addWhitelistButton;
+    this.adminWhitelistInput = this.whitelistInput;
+    this.adminBlacklistSection = this.blacklistSection;
+    this.adminBlacklistEmpty = this.blacklistEmpty;
+    this.adminBlacklistList = this.blacklistList;
+    this.adminAddBlacklistButton = this.addBlacklistButton;
+    this.adminBlacklistInput = this.blacklistInput;
+
+    this.editNameInput = document.getElementById("editNameInput") || null;
+    this.editDisplayNameInput = document.getElementById("editDisplayNameInput") || null;
+    this.editAboutInput = document.getElementById("editAboutInput") || null;
+    this.editWebsiteInput = document.getElementById("editWebsiteInput") || null;
+    this.editNip05Input = document.getElementById("editNip05Input") || null;
+    this.editLud16Input = document.getElementById("editLud16Input") || null;
+    this.editPictureInput = document.getElementById("editPictureInput") || null;
+    this.editBannerInput = document.getElementById("editBannerInput") || null;
+
+    this.editPictureFile = document.getElementById("editPictureFile") || null;
+    this.editPictureUploadBtn = document.getElementById("editPictureUploadBtn") || null;
+    this.editPictureStorageHint = document.getElementById("editPictureStorageHint") || null;
+    this.editPictureConfigureLink = document.getElementById("editPictureConfigureLink") || null;
+
+    this.editBannerFile = document.getElementById("editBannerFile") || null;
+    this.editBannerUploadBtn = document.getElementById("editBannerUploadBtn") || null;
+    this.editBannerStorageHint = document.getElementById("editBannerStorageHint") || null;
+    this.editBannerConfigureLink = document.getElementById("editBannerConfigureLink") || null;
+
+    this.editSaveBtn = document.getElementById("editSaveBtn") || null;
+    this.editCancelBtn = document.getElementById("editCancelBtn") || null;
+    this.editStatusText = document.getElementById("editStatusText") || null;
+
+    if (this.createWatchHistoryRenderer) {
+      this.ensureProfileHistoryRenderer();
+    }
+  }
+
+  ensureProfileHistoryRenderer() {
+    if (this.profileHistoryRenderer) {
+      return this.profileHistoryRenderer;
+    }
+
+    if (!this.createWatchHistoryRenderer) {
+      return null;
+    }
+
+    const config = this.getProfileHistoryRendererConfig();
+
+    try {
+      this.profileHistoryRenderer = this.createWatchHistoryRenderer({
+        ...config,
+        container: this.profileModalPanel || this.profileModalRoot,
+      });
+    } catch (error) {
+      userLogger.error(
+        "[profileModal] Failed to create watch history renderer:",
+        error,
+      );
+      this.profileHistoryRenderer = null;
+    }
+
+    return this.profileHistoryRenderer;
+  }
+
+  getProfileHistoryRendererConfig() {
+    if (this.profileHistoryRendererConfig) {
+      return this.profileHistoryRendererConfig;
+    }
+
+    this.profileHistoryRendererConfig = {
+      viewSelector: "#profilePaneHistory",
+      gridSelector: "#profileHistoryGrid",
+      loadingSelector: "#profileHistoryLoading",
+      statusSelector: "#profileHistoryStatus",
+      emptySelector: "#profileHistoryEmpty",
+      sentinelSelector: "#profileHistorySentinel",
+      scrollContainerSelector: "#profileModalPanes",
+      errorBannerSelector: "#profileHistoryError",
+      clearButtonSelector: "#profileHistoryClear",
+      refreshButtonSelector: "#profileHistoryRefresh",
+      privacyBannerSelector: "#profileHistoryPrivacyBanner",
+      privacyMessageSelector: "#profileHistoryPrivacyMessage",
+      privacyToggleSelector: "#profileHistoryPrivacyToggle",
+      privacyDismissSelector: "#profileHistoryPrivacyDismiss",
+      infoSelector: "#profileHistoryInfo",
+      featureBannerSelector: "#profileHistoryFeatureBanner",
+      sessionWarningSelector: "#profileHistorySessionWarning",
+      emptyCopy: "You haven’t watched any videos yet.",
+      variant: "modal",
+      remove: (payload) =>
+        this.callbacks.onHistoryReady({
+          ...(typeof payload === "object" && payload ? payload : {}),
+          controller: this,
+          renderer: this.profileHistoryRenderer,
+        }),
+    };
+
+    return this.profileHistoryRendererConfig;
+  }
+
+  initializeDirectMessagesService() {
+    this.teardownDirectMessagesService();
+
+    if (!this.nostrService || typeof this.nostrService.on !== "function") {
+      return;
+    }
+
+    const unsubscribes = [];
+    const subscribe = (eventName, handler) => {
+      try {
+        const unsubscribe = this.nostrService.on(eventName, handler);
+        if (typeof unsubscribe === "function") {
+          unsubscribes.push(unsubscribe);
+        }
+      } catch (error) {
+        devLogger.warn(
+          `[profileModal] Failed to subscribe to ${eventName} direct message events:`,
+          error,
+        );
+      }
+    };
+
+    subscribe("directMessages:updated", (detail) => {
+      this.handleDirectMessagesUpdated(detail);
+    });
+    subscribe("directMessages:cleared", () => {
+      this.handleDirectMessagesCleared();
+    });
+    subscribe("directMessages:error", (detail) => {
+      this.handleDirectMessagesError(detail);
+    });
+    subscribe("directMessages:failure", (detail) => {
+      this.handleDirectMessagesError(detail);
+    });
+    subscribe("directMessages:relayWarning", (detail) => {
+      this.handleDirectMessagesRelayWarning(detail);
+    });
+
+    this.directMessagesUnsubscribes = unsubscribes;
+
+    const actor = this.resolveActiveDmActor();
+    if (actor) {
+      this.directMessagesLastActor = actor;
+    }
+
+    if (
+      this.nostrService &&
+      typeof this.nostrService.hydrateDirectMessagesFromStore === "function"
+    ) {
+      void this.nostrService
+        .hydrateDirectMessagesFromStore({ emit: true })
+        .then((messages) => {
+          if (Array.isArray(messages)) {
+            this.directMessagesCache = messages;
+            const active = this.resolveActiveDmActor();
+            if (active) {
+              this.directMessagesLastActor = active;
+            }
+          }
+        })
+        .catch((error) => {
+          devLogger.warn(
+            "[profileModal] Failed to hydrate cached direct messages:",
+            error,
+          );
+        });
+    }
+  }
+
+  teardownDirectMessagesService() {
+    if (!Array.isArray(this.directMessagesUnsubscribes)) {
+      this.directMessagesUnsubscribes = [];
+      return;
+    }
+
+    while (this.directMessagesUnsubscribes.length) {
+      const unsubscribe = this.directMessagesUnsubscribes.pop();
+      if (typeof unsubscribe === "function") {
+        try {
+          unsubscribe();
+        } catch (error) {
+          devLogger.warn(
+            "[profileModal] Failed to remove direct message event listener:",
+            error,
+          );
+        }
+      }
+    }
+  }
+
+  resolveActiveDmActor() {
+    const active = this.normalizeHexPubkey(this.getActivePubkey());
+    if (active) {
+      return active;
+    }
+
+    const client = this.services.nostrClient || null;
+    if (client) {
+      if (typeof client.pubkey === "string" && client.pubkey.trim()) {
+        const normalizedClient = this.normalizeHexPubkey(client.pubkey);
+        if (normalizedClient) {
+          return normalizedClient;
+        }
+      }
+
+      if (
+        client.sessionActor &&
+        typeof client.sessionActor.pubkey === "string" &&
+        client.sessionActor.pubkey.trim()
+      ) {
+        const session = this.normalizeHexPubkey(client.sessionActor.pubkey);
+        if (session) {
+          return session;
+        }
+      }
+    }
+
+    return null;
+  }
+
+  resolveActiveDmRecipient() {
+    const candidate =
+      typeof this.state.getDmRecipient === "function"
+        ? this.state.getDmRecipient()
+        : null;
+    const normalized = this.normalizeHexPubkey(candidate);
+    if (normalized) {
+      return normalized;
+    }
+    return null;
+  }
+
+  resolveActiveDmRelayOwner() {
+    const active = this.normalizeHexPubkey(this.getActivePubkey());
+    if (active) {
+      return active;
+    }
+
+    return this.resolveActiveDmActor();
+  }
+
+  getActiveDmRelayPreferences() {
+    const owner = this.resolveActiveDmRelayOwner();
+    if (!owner || typeof this.state.getDmRelayPreferences !== "function") {
+      return [];
+    }
+
+    const relays = this.state.getDmRelayPreferences(owner);
+    return Array.isArray(relays) ? relays.slice() : [];
+  }
+
+  setActiveDmRelayPreferences(relays = []) {
+    const owner = this.resolveActiveDmRelayOwner();
+    if (!owner || typeof this.state.setDmRelayPreferences !== "function") {
+      return [];
+    }
+
+    return this.state.setDmRelayPreferences(owner, relays);
+  }
+
+  setDmRelayPreferencesStatus(message = "") {
+    if (!(this.profileMessagesRelayStatus instanceof HTMLElement)) {
+      return;
+    }
+
+    const text = typeof message === "string" ? message.trim() : "";
+    this.profileMessagesRelayStatus.textContent = text;
+  }
+
+  updateMessagePrivacyModeDisplay() {
+    if (!(this.profileMessagesPrivacyMode instanceof HTMLElement)) {
+      return;
+    }
+
+    const isNip17 =
+      this.profileMessagesPrivacyToggle instanceof HTMLInputElement
+        ? this.profileMessagesPrivacyToggle.checked
+        : false;
+    const label = isNip17 ? "NIP-17" : "NIP-04";
+    this.profileMessagesPrivacyMode.textContent = `Privacy: ${label}`;
+    this.profileMessagesPrivacyMode.title = isNip17
+      ? "NIP-17 gift-wraps your DM so relays only see the wrapper and relay hints."
+      : "NIP-04 sends a direct encrypted DM; relays can still see sender and recipient metadata.";
+  }
+
+  getDmPrivacySettingsSnapshot() {
+    const fallback = createInternalDefaultDmPrivacySettings();
+    if (typeof this.state.getDmPrivacySettings !== "function") {
+      return { ...fallback };
+    }
+
+    const settings = this.state.getDmPrivacySettings();
+    return {
+      readReceiptsEnabled:
+        typeof settings?.readReceiptsEnabled === "boolean"
+          ? settings.readReceiptsEnabled
+          : fallback.readReceiptsEnabled,
+      typingIndicatorsEnabled:
+        typeof settings?.typingIndicatorsEnabled === "boolean"
+          ? settings.typingIndicatorsEnabled
+          : fallback.typingIndicatorsEnabled,
+    };
+  }
+
+  persistDmPrivacySettings(partial = {}) {
+    if (typeof this.state.setDmPrivacySettings !== "function") {
+      return this.getDmPrivacySettingsSnapshot();
+    }
+
+    const resolved =
+      partial && typeof partial === "object" ? partial : {};
+
+    const current = this.getDmPrivacySettingsSnapshot();
+    const merged = {
+      readReceiptsEnabled:
+        typeof resolved.readReceiptsEnabled === "boolean"
+          ? resolved.readReceiptsEnabled
+          : current.readReceiptsEnabled,
+      typingIndicatorsEnabled:
+        typeof resolved.typingIndicatorsEnabled === "boolean"
+          ? resolved.typingIndicatorsEnabled
+          : current.typingIndicatorsEnabled,
+    };
+
+    return this.state.setDmPrivacySettings(merged);
+  }
+
+  syncDmPrivacySettingsUi() {
+    // Legacy UI toggles removed.
+    // This method is kept for backwards compatibility with call sites that might expect it,
+    // though the settings are now managed via AppShell.
+  }
+
+  handleReadReceiptsToggle(enabled) {
+    this.persistDmPrivacySettings({
+      readReceiptsEnabled: Boolean(enabled),
+    });
+    this.syncDmPrivacySettingsUi();
+    this.showStatus(
+      enabled
+        ? "Read receipts enabled for direct messages."
+        : "Read receipts disabled.",
+    );
+  }
+
+  handleTypingIndicatorsToggle(enabled) {
+    this.persistDmPrivacySettings({
+      typingIndicatorsEnabled: Boolean(enabled),
+    });
+    this.syncDmPrivacySettingsUi();
+    this.showStatus(
+      enabled
+        ? "Typing indicators enabled for direct messages."
+        : "Typing indicators disabled.",
+    );
+  }
+
+  syncLinkPreviewSettingsUi() {
+    if (!(this.profileLinkPreviewAutoToggle instanceof HTMLInputElement)) {
+      return;
+    }
+    const settings = getLinkPreviewSettings();
+    this.profileLinkPreviewAutoToggle.checked = Boolean(
+      settings?.autoFetchUnknownDomains,
+    );
+  }
+
+  handleLinkPreviewToggle(enabled) {
+    setLinkPreviewAutoFetch(Boolean(enabled));
+  }
+
+  cacheDmRelayElements() {
+    this.profileMessagesRelayList =
+      document.getElementById("profileMessagesRelayList") || null;
+    this.profileMessagesRelayInput =
+      document.getElementById("profileMessagesRelayInput") || null;
+    this.profileMessagesRelayAddButton =
+      document.getElementById("profileMessagesRelayAdd") || null;
+    this.profileMessagesRelayPublishButton =
+      document.getElementById("profileMessagesRelayPublish") || null;
+    this.profileMessagesRelayStatus =
+      document.getElementById("profileMessagesRelayStatus") || null;
+  }
+
+  bindDmRelayControls() {
+    const bindOnce = (element, eventName, handler, key) => {
+      if (!(element instanceof HTMLElement)) {
+        return;
+      }
+      const datasetKey = key || "dmRelayBound";
+      if (element.dataset[datasetKey] === "true") {
+        return;
+      }
+      element.dataset[datasetKey] = "true";
+      element.addEventListener(eventName, handler);
+    };
+
+    bindOnce(
+      this.profileMessagesRelayAddButton,
+      "click",
+      () => {
+        void this.handleAddDmRelayPreference();
+      },
+      "dmRelayAddBound",
+    );
+
+    bindOnce(
+      this.profileMessagesRelayInput,
+      "keydown",
+      (event) => {
+        if (event.key === "Enter") {
+          event.preventDefault();
+          void this.handleAddDmRelayPreference();
+        }
+      },
+      "dmRelayInputBound",
+    );
+
+    bindOnce(
+      this.profileMessagesRelayPublishButton,
+      "click",
+      () => {
+        void this.handlePublishDmRelayPreferences();
+      },
+      "dmRelayPublishBound",
+    );
+  }
+
+  async refreshDmRelayPreferences({ force = false } = {}) {
+    const owner = this.resolveActiveDmRelayOwner();
+    if (!owner) {
+      this.populateDmRelayPreferences();
+      return;
+    }
+
+    const existing = this.getActiveDmRelayPreferences();
+    if (!existing.length || force) {
+      if (typeof this.services.fetchDmRelayHints === "function") {
+        try {
+          const hints = await this.services.fetchDmRelayHints(owner);
+          if (typeof this.state.setDmRelayPreferences === "function") {
+            this.state.setDmRelayPreferences(owner, hints);
+          }
+        } catch (error) {
+          devLogger.warn(
+            "[profileModal] Failed to refresh DM relay hints for profile:",
+            error,
+          );
+        }
+      }
+    }
+
+    this.populateDmRelayPreferences();
+  }
+
+  populateDmRelayPreferences() {
+    if (!(this.profileMessagesRelayList instanceof HTMLElement)) {
+      return;
+    }
+
+    const owner = this.resolveActiveDmRelayOwner();
+    const relays = this.getActiveDmRelayPreferences();
+
+    this.profileMessagesRelayList.innerHTML = "";
+
+    if (!owner) {
+      const emptyState = document.createElement("li");
+      emptyState.className =
+        "card border border-dashed border-border/60 p-4 text-center text-xs text-muted";
+      emptyState.textContent = "Sign in to add DM relay hints.";
+      this.profileMessagesRelayList.appendChild(emptyState);
+      this.setDmRelayPreferencesStatus("");
+      return;
+    }
+
+    if (!relays.length) {
+      const emptyState = document.createElement("li");
+      emptyState.className =
+        "card border border-dashed border-border/60 p-4 text-center text-xs text-muted";
+      emptyState.textContent = "No DM relay hints yet.";
+      this.profileMessagesRelayList.appendChild(emptyState);
+      return;
+    }
+
+    relays.forEach((url) => {
+      const item = document.createElement("li");
+      item.className = "card flex items-center justify-between gap-3 p-3";
+
+      const label = document.createElement("p");
+      label.className = "text-xs font-medium text-text break-all";
+      label.textContent = url;
+
+      const removeBtn = document.createElement("button");
+      removeBtn.type = "button";
+      removeBtn.className = "btn-ghost focus-ring text-xs";
+      removeBtn.dataset.variant = "danger";
+      removeBtn.textContent = "Remove";
+      removeBtn.addEventListener("click", () => {
+        void this.handleRemoveDmRelayPreference(url);
+      });
+
+      item.appendChild(label);
+      item.appendChild(removeBtn);
+      this.profileMessagesRelayList.appendChild(item);
+    });
+  }
+
+  async handleAddDmRelayPreference() {
+    const input = this.profileMessagesRelayInput;
+    if (!(input instanceof HTMLInputElement)) {
+      return;
+    }
+
+    const owner = this.resolveActiveDmRelayOwner();
+    if (!owner) {
+      this.showError("Please sign in to save DM relay hints.");
+      return;
+    }
+
+    const rawValue = typeof input.value === "string" ? input.value.trim() : "";
+    const sanitized = sanitizeRelayList([rawValue]);
+    const relayUrl = sanitized[0];
+    if (!relayUrl) {
+      this.showError("Enter a valid WSS relay URL.");
+      return;
+    }
+
+    const current = this.getActiveDmRelayPreferences();
+    const next = sanitizeRelayList([...current, relayUrl]);
+    this.setActiveDmRelayPreferences(next);
+    input.value = "";
+    this.populateDmRelayPreferences();
+    this.setDmRelayPreferencesStatus("DM relay hint added.");
+  }
+
+  async handleRemoveDmRelayPreference(url) {
+    const owner = this.resolveActiveDmRelayOwner();
+    if (!owner) {
+      this.showError("Please sign in to update DM relay hints.");
+      return;
+    }
+
+    const target = typeof url === "string" ? url.trim() : "";
+    if (!target) {
+      return;
+    }
+
+    const current = this.getActiveDmRelayPreferences();
+    const next = current.filter((entry) => entry !== target);
+    this.setActiveDmRelayPreferences(next);
+    this.populateDmRelayPreferences();
+    this.setDmRelayPreferencesStatus("DM relay hint removed.");
+  }
+
+  async handlePublishDmRelayPreferences() {
+    const owner = this.resolveActiveDmRelayOwner();
+    if (!owner) {
+      this.showError("Please sign in to publish DM relay hints.");
+      return;
+    }
+
+    const relays = this.getActiveDmRelayPreferences();
+    if (!relays.length) {
+      this.showError("Add at least one DM relay before publishing.");
+      return;
+    }
+
+    const callback = this.callbacks.onPublishDmRelayPreferences;
+    if (!callback || callback === noop) {
+      this.showError("DM relay publishing is unavailable right now.");
+      return;
+    }
+
+    this.setDmRelayPreferencesStatus("Publishing DM relay hints…");
+
+    try {
+      const result = await callback({
+        pubkey: owner,
+        relays,
+        controller: this,
+      });
+      if (result?.ok) {
+        const acceptedCount = Array.isArray(result.accepted)
+          ? result.accepted.length
+          : 0;
+        const summary = acceptedCount
+          ? `Published to ${acceptedCount} relay${acceptedCount === 1 ? "" : "s"}.`
+          : "DM relay hints published.";
+        this.showSuccess("DM relay hints published.");
+        this.setDmRelayPreferencesStatus(summary);
+        return;
+      }
+      this.showError("Failed to publish DM relay hints.");
+      this.setDmRelayPreferencesStatus("DM relay hints publish failed.");
+    } catch (error) {
+      const message =
+        error && typeof error.message === "string" && error.message.trim()
+          ? error.message.trim()
+          : "Failed to publish DM relay hints.";
+      this.showError(message);
+      this.setDmRelayPreferencesStatus(message);
+    }
+  }
+
+  buildDmRecipientContext(pubkey) {
+    const normalized = this.normalizeHexPubkey(pubkey);
+    if (!normalized) {
+      return null;
+    }
+
+    const npub =
+      typeof this.safeEncodeNpub === "function"
+        ? this.safeEncodeNpub(normalized)
+        : null;
+
+    const cacheEntry =
+      typeof this.services.getProfileCacheEntry === "function"
+        ? this.services.getProfileCacheEntry(normalized)
+        : null;
+    const profile = cacheEntry?.profile || null;
+
+    const displayName =
+      profile?.display_name?.trim?.() ||
+      profile?.name?.trim?.() ||
+      (typeof this.formatShortNpub === "function"
+        ? this.formatShortNpub(npub)
+        : npub) ||
+      npub ||
+      "Unknown profile";
+
+    const relayHints =
+      typeof this.state.getDmRelayHints === "function"
+        ? this.state.getDmRelayHints(normalized)
+        : [];
+
+    return {
+      pubkey: normalized,
+      npub,
+      profile,
+      displayName,
+      relayHints: Array.isArray(relayHints) ? relayHints.slice() : [],
+    };
+  }
+
+  async ensureDmRecipientData(pubkey) {
+    const normalized = this.normalizeHexPubkey(pubkey);
+    if (!normalized) {
+      return null;
+    }
+
+    if (
+      typeof this.services.batchFetchProfiles === "function"
+    ) {
+      try {
+        await this.services.batchFetchProfiles([normalized]);
+      } catch (error) {
+        devLogger.warn(
+          "[profileModal] Failed to fetch DM recipient metadata:",
+          error,
+        );
+      }
+    }
+
+    if (typeof this.services.fetchDmRelayHints === "function") {
+      try {
+        const hints = await this.services.fetchDmRelayHints(normalized);
+        if (typeof this.state.setDmRelayHints === "function") {
+          this.state.setDmRelayHints(normalized, hints);
+        }
+      } catch (error) {
+        devLogger.warn(
+          "[profileModal] Failed to fetch DM relay hints:",
+          error,
+        );
+      }
+    }
+
+    const context = this.buildDmRecipientContext(normalized);
+    this.updateDmPrivacyToggleForRecipient(context);
+    return context;
+  }
+
+  updateDmPrivacyToggleForRecipient(recipientContext, { force = false } = {}) {
+    if (!recipientContext) {
+      return;
+    }
+
+    const relayHints = Array.isArray(recipientContext.relayHints)
+      ? recipientContext.relayHints
+      : [];
+    const hasHints = relayHints.length > 0;
+
+    if (!this.dmPrivacyToggleTouched || force) {
+      this.setPrivacyToggleState(hasHints);
+    }
+  }
+
+  setDirectMessageRecipient(pubkey, { reason = "manual" } = {}) {
+    const normalized = this.normalizeHexPubkey(pubkey);
+    const nextRecipient = normalized || null;
+
+    if (typeof this.state.setDmRecipient === "function") {
+      this.state.setDmRecipient(nextRecipient);
+    }
+
+    this.dmPrivacyToggleTouched = false;
+    this.updateMessageThreadSelection(nextRecipient);
+
+    if (nextRecipient) {
+      void this.ensureDmRecipientData(nextRecipient);
+      this.setMessagesAnnouncement("Ready to message this recipient.");
+    } else if (reason === "clear") {
+      this.setMessagesAnnouncement("Message recipient cleared.");
+      this.setFocusedDmConversation("");
+    }
+
+    void this.renderDirectMessageConversation();
+    if (this.dmAppShellContainer instanceof HTMLElement) {
+      void this.renderDmAppShell(this.directMessagesCache, {
+        actorPubkey: this.resolveActiveDmActor(),
+      });
+    }
+    return nextRecipient;
+  }
+
+  updateMessageThreadSelection(activeRecipient) {
+    if (!(this.profileMessagesList instanceof HTMLElement)) {
+      return;
+    }
+
+    const normalized = this.normalizeHexPubkey(activeRecipient);
+    const items = Array.from(
+      this.profileMessagesList.querySelectorAll("[data-remote-pubkey]"),
+    );
+
+    items.forEach((item) => {
+      if (!(item instanceof HTMLElement)) {
+        return;
+      }
+      const remote = this.normalizeHexPubkey(item.dataset.remotePubkey);
+      const isActive = normalized && remote === normalized;
+      item.dataset.state = isActive ? "active" : "inactive";
+    });
+  }
+
+  focusMessageComposer() {
+    const input = this.profileMessageInput;
+    if (input instanceof HTMLTextAreaElement) {
+      input.focus();
+      input.select();
+    }
+  }
+
+  setPrivacyToggleState(enabled) {
+    if (this.profileMessagesPrivacyToggle instanceof HTMLInputElement) {
+      this.profileMessagesPrivacyToggle.checked = Boolean(enabled);
+    }
+    this.updateMessagePrivacyModeDisplay();
+  }
+
+  async ensureDirectMessageSubscription(actorPubkey = null) {
+    if (
+      !this.nostrService ||
+      typeof this.nostrService.ensureDirectMessageSubscription !== "function"
+    ) {
+      return null;
+    }
+
+    const normalizedActor = actorPubkey
+      ? this.normalizeHexPubkey(actorPubkey)
+      : this.resolveActiveDmActor();
+
+    if (!normalizedActor) {
+      return null;
+    }
+
+    if (
+      this.directMessagesSubscription &&
+      this.directMessagesSubscription.actor === normalizedActor
+    ) {
+      return this.directMessagesSubscription.subscription || null;
+    }
+
+    if (
+      this.directMessagesSubscription &&
+      this.directMessagesSubscription.actor &&
+      this.directMessagesSubscription.actor !== normalizedActor
+    ) {
+      this.resetDirectMessageSubscription();
+    }
+
+    let subscription = null;
+    try {
+      subscription = await this.nostrService.ensureDirectMessageSubscription({
+        actorPubkey: normalizedActor,
+      });
+    } catch (error) {
+      userLogger.warn(
+        "[profileModal] Failed to subscribe to direct messages:",
+        error,
+      );
+      return null;
+    }
+
+    this.directMessagesSubscription = {
+      actor: normalizedActor,
+      subscription,
+    };
+
+    return subscription;
+  }
+
+  resetDirectMessageSubscription() {
+    if (
+      this.directMessagesSubscription &&
+      this.nostrService &&
+      typeof this.nostrService.stopDirectMessageSubscription === "function"
+    ) {
+      try {
+        this.nostrService.stopDirectMessageSubscription();
+      } catch (error) {
+        devLogger.warn(
+          "[profileModal] Failed to stop direct message subscription:",
+          error,
+        );
+      }
+    }
+
+    this.directMessagesSubscription = null;
+  }
+
+  handleActiveDmIdentityChanged(actorPubkey = null) {
+    const normalized = actorPubkey
+      ? this.normalizeHexPubkey(actorPubkey)
+      : this.resolveActiveDmActor();
+
+    this.setDirectMessageRecipient(null, { reason: "clear" });
+    this.resetAttachmentQueue({ clearInput: true });
+    this.dmReadReceiptCache.clear();
+    this.dmTypingLastSentAt = 0;
+    this.syncDmPrivacySettingsUi();
+
+    if (
+      this.directMessagesSubscription &&
+      this.directMessagesSubscription.actor &&
+      normalized !== this.directMessagesSubscription.actor
+    ) {
+      this.resetDirectMessageSubscription();
+    }
+
+    this.directMessagesLastActor = normalized || null;
+    this.directMessagesCache = [];
+    this.messagesInitialLoadPending = true;
+    this.pendingMessagesRender = null;
+
+    if (this.profileMessagesList instanceof HTMLElement) {
+      this.profileMessagesList.innerHTML = "";
+      this.profileMessagesList.classList.add("hidden");
+      this.profileMessagesList.setAttribute("hidden", "");
+    }
+    if (this.profileMessagesConversation instanceof HTMLElement) {
+      this.profileMessagesConversation.innerHTML = "";
+      this.profileMessagesConversation.classList.add("hidden");
+      this.profileMessagesConversation.setAttribute("hidden", "");
+    }
+    if (this.profileMessagesConversationEmpty instanceof HTMLElement) {
+      this.profileMessagesConversationEmpty.classList.remove("hidden");
+      this.profileMessagesConversationEmpty.removeAttribute("hidden");
+    }
+
+    if (!normalized) {
+      this.setMessagesLoadingState("unauthenticated");
+      this.updateMessagesReloadState();
+      this.populateDmRelayPreferences();
+      this.setDmRelayPreferencesStatus("");
+      return;
+    }
+
+    this.setMessagesLoadingState("loading");
+    void this.ensureDirectMessageSubscription(normalized);
+    this.updateMessagesReloadState();
+
+    if (this.getActivePane() === "messages") {
+      void this.populateProfileMessages({
+        force: true,
+        reason: "identity-change",
+      });
+    }
+
+    void this.refreshDmRelayPreferences({ force: true });
+  }
+
+  setMessagesLoadingState(state, options = {}) {
+    const normalized = typeof state === "string" ? state : "idle";
+    const defaults = {
+      idle: "",
+      loading: "Fetching direct messages from relays…",
+      ready: "",
+      empty: "No direct messages yet.",
+      unauthenticated: "Sign in to view your direct messages.",
+      error: "Failed to load direct messages. Try again later.",
+    };
+
+    const providedMessage =
+      typeof options.message === "string" && options.message.trim()
+        ? options.message.trim()
+        : "";
+    const message = providedMessage || defaults[normalized] || "";
+
+    this.messagesLoadingState = normalized;
+
+    if (this.profileMessagesPane instanceof HTMLElement) {
+      this.profileMessagesPane.setAttribute("data-messages-state", normalized);
+    }
+
+    const toggleVisibility = (element, shouldShow) => {
+      if (!(element instanceof HTMLElement)) {
+        return;
+      }
+      if (shouldShow) {
+        element.classList.remove("hidden");
+        element.removeAttribute("hidden");
+      } else {
+        element.classList.add("hidden");
+        element.setAttribute("hidden", "");
+      }
+    };
+
+    toggleVisibility(
+      this.profileMessagesLoading,
+      normalized === "loading",
+    );
+
+    if (this.profileMessagesError instanceof HTMLElement) {
+      if (normalized === "error") {
+        this.profileMessagesError.textContent = message;
+        toggleVisibility(this.profileMessagesError, true);
+      } else {
+        this.profileMessagesError.textContent = "";
+        toggleVisibility(this.profileMessagesError, false);
+      }
+    }
+
+    if (this.profileMessagesEmpty instanceof HTMLElement) {
+      if (normalized === "empty" || normalized === "unauthenticated") {
+        this.profileMessagesEmpty.textContent = message || defaults[normalized];
+        toggleVisibility(this.profileMessagesEmpty, true);
+      } else {
+        toggleVisibility(this.profileMessagesEmpty, false);
+      }
+    }
+
+    const hasMessages =
+      Array.isArray(this.directMessagesCache) &&
+      this.directMessagesCache.length > 0;
+
+    if (this.profileMessagesList instanceof HTMLElement) {
+      if (normalized === "loading" || normalized === "unauthenticated") {
+        toggleVisibility(this.profileMessagesList, false);
+      } else if (hasMessages) {
+        toggleVisibility(this.profileMessagesList, true);
+      }
+    }
+
+    if (this.profileMessagesStatus instanceof HTMLElement) {
+      if (message && normalized !== "error") {
+        this.profileMessagesStatus.textContent = message;
+      } else if (normalized === "error") {
+        this.profileMessagesStatus.textContent = "";
+      } else if (providedMessage) {
+        this.profileMessagesStatus.textContent = providedMessage;
+      } else {
+        this.profileMessagesStatus.textContent = "";
+      }
+    }
+
+    this.updateMessagesReloadState();
+    this.updateMessageComposerState();
+
+    if (this.dmAppShellContainer instanceof HTMLElement) {
+      void this.renderDmAppShell(this.directMessagesCache, {
+        actorPubkey: this.resolveActiveDmActor(),
+      });
+    }
+  }
+
+  updateMessagesReloadState() {
+    const button = this.profileMessagesReloadButton;
+    if (!(button instanceof HTMLElement)) {
+      return;
+    }
+
+    const actor = this.resolveActiveDmActor();
+    const disabled =
+      !actor ||
+      this.messagesLoadingState === "loading" ||
+      this.activeMessagesRequest !== null;
+
+    if ("disabled" in button) {
+      button.disabled = disabled;
+    }
+
+    if (disabled) {
+      button.setAttribute("aria-disabled", "true");
+    } else {
+      button.removeAttribute("aria-disabled");
+    }
+  }
+
+  setMessagesUnreadIndicator(visible) {
+    if (!(this.profileMessagesUnreadDot instanceof HTMLElement)) {
+      return;
+    }
+
+    const button = this.navButtons.messages;
+    const isVisible =
+      button instanceof HTMLElement &&
+      !button.classList.contains("hidden") &&
+      !button.hasAttribute("hidden");
+
+    this.profileMessagesUnreadDot.classList.toggle(
+      "is-visible",
+      Boolean(visible) && isVisible,
+    );
+  }
+
+  updateMessageComposerState() {
+    const input = this.profileMessageInput;
+    const button = this.profileMessageSendButton;
+    const helper = this.profileMessagesComposerHelper;
+    const attachmentInput = this.profileMessageAttachmentInput;
+    const attachmentButton = this.profileMessageAttachmentButton;
+    const attachmentEncrypt = this.profileMessageAttachmentEncrypt;
+    const attachmentClearCache = this.profileMessageAttachmentClearCache;
+    const shouldDisable = this.messagesLoadingState === "unauthenticated";
+
+    const applyDisabledState = (element) => {
+      if (!(element instanceof HTMLElement) || !("disabled" in element)) {
+        return;
+      }
+
+      element.disabled = shouldDisable;
+      if (shouldDisable) {
+        element.setAttribute("aria-disabled", "true");
+      } else {
+        element.removeAttribute("aria-disabled");
+      }
+    };
+
+    applyDisabledState(input);
+    applyDisabledState(button);
+    applyDisabledState(attachmentInput);
+    applyDisabledState(attachmentButton);
+    applyDisabledState(attachmentEncrypt);
+    applyDisabledState(attachmentClearCache);
+
+    if (helper instanceof HTMLElement) {
+      if (shouldDisable) {
+        helper.textContent = "Sign in to send messages.";
+        helper.classList.remove("hidden");
+        helper.removeAttribute("hidden");
+      } else {
+        helper.classList.add("hidden");
+        helper.setAttribute("hidden", "");
+      }
+    }
+
+    this.updateMessagePrivacyModeDisplay();
+  }
+
+  setMessagesAnnouncement(message) {
+    if (!(this.profileMessagesStatus instanceof HTMLElement)) {
+      return;
+    }
+
+    const content = typeof message === "string" ? message.trim() : "";
+    if (!content) {
+      this.profileMessagesStatus.textContent = "";
+      if (this.messagesStatusClearTimeout) {
+        clearTimeout(this.messagesStatusClearTimeout);
+        this.messagesStatusClearTimeout = null;
+      }
+      return;
+    }
+
+    this.profileMessagesStatus.textContent = content;
+
+    if (typeof window !== "undefined" && window && window.setTimeout) {
+      if (this.messagesStatusClearTimeout) {
+        clearTimeout(this.messagesStatusClearTimeout);
+      }
+      this.messagesStatusClearTimeout = window.setTimeout(() => {
+        if (this.profileMessagesStatus) {
+          this.profileMessagesStatus.textContent = "";
+        }
+        this.messagesStatusClearTimeout = null;
+      }, 2500);
+    }
+  }
+
+  async handleSendDmRequest() {
+    const recipient = this.resolveActiveDmRecipient();
+    if (!recipient) {
+      this.showError("Please select a message recipient.");
+      return;
+    }
+
+    const context = await this.ensureDmRecipientData(recipient);
+    this.focusMessageComposer();
+
+    const callback = this.callbacks.onSendDm;
+    if (callback && callback !== noop) {
+      callback({
+        actorPubkey: this.resolveActiveDmActor(),
+        recipient: context,
+        controller: this,
+      });
+    }
+  }
+
+  async handleOpenDmRelaysRequest() {
+    const recipient = this.resolveActiveDmRecipient();
+    if (!recipient) {
+      this.showError("Please select a message recipient.");
+      return;
+    }
+
+    const context = await this.ensureDmRecipientData(recipient);
+
+    const callback = this.callbacks.onOpenRelays;
+    if (callback && callback !== noop) {
+      callback({ controller: this, recipient: context });
+    }
+  }
+
+  handlePrivacyToggle(enabled) {
+    const recipientContext = this.buildDmRecipientContext(
+      this.resolveActiveDmRecipient(),
+    );
+    const relayHints = Array.isArray(recipientContext?.relayHints)
+      ? recipientContext.relayHints
+      : [];
+
+    if (enabled && !relayHints.length) {
+      this.showStatus(
+        "Privacy warning: this recipient has not shared NIP-17 relays, so we'll use your default relays.",
+        { autoHideMs: 5000 },
+      );
+    }
+
+    this.dmPrivacyToggleTouched = true;
+    this.updateMessagePrivacyModeDisplay();
+    const callback = this.callbacks.onTogglePrivacy;
+    if (callback && callback !== noop) {
+      callback({
+        controller: this,
+        enabled: Boolean(enabled),
+        recipient: recipientContext,
+      });
+    }
+  }
+
+  generateAttachmentId(file) {
+    if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+      return crypto.randomUUID();
+    }
+
+    const name = typeof file?.name === "string" ? file.name : "attachment";
+    return `${name}-${Date.now()}-${Math.random().toString(16).slice(2)}`;
+  }
+
+  resetAttachmentQueue({ clearInput = false } = {}) {
+    this.dmAttachmentQueue.forEach((entry) => {
+      if (entry?.previewUrl && typeof URL !== "undefined") {
+        try {
+          URL.revokeObjectURL(entry.previewUrl);
+        } catch (error) {
+          devLogger.warn("[profileModal] Failed to revoke attachment preview URL.", error);
+        }
+      }
+    });
+    this.dmAttachmentQueue = [];
+    this.dmAttachmentUploads.clear();
+
+    if (clearInput && this.profileMessageAttachmentInput) {
+      this.profileMessageAttachmentInput.value = "";
+    }
+
+    this.renderAttachmentQueue();
+  }
+
+  handleAttachmentSelection() {
+    const input = this.profileMessageAttachmentInput;
+    if (!(input instanceof HTMLInputElement) || !input.files) {
+      return;
+    }
+
+    const files = Array.from(input.files);
+    if (!files.length) {
+      return;
+    }
+
+    files.forEach((file) => {
+      const previewUrl =
+        typeof URL !== "undefined" ? URL.createObjectURL(file) : "";
+      this.dmAttachmentQueue.push({
+        id: this.generateAttachmentId(file),
+        file,
+        name: file.name,
+        type: file.type || "application/octet-stream",
+        size: file.size,
+        previewUrl,
+        status: "pending",
+        progress: 0,
+      });
+    });
+
+    input.value = "";
+    this.renderAttachmentQueue();
+  }
+
+  renderAttachmentQueue() {
+    const list = this.profileMessageAttachmentList;
+    if (!(list instanceof HTMLElement)) {
+      return;
+    }
+
+    list.innerHTML = "";
+
+    if (!this.dmAttachmentQueue.length) {
+      return;
+    }
+
+    this.dmAttachmentQueue.forEach((entry) => {
+      const item = document.createElement("div");
+      item.className = "card flex flex-col gap-2 p-3";
+      item.dataset.attachmentId = entry.id;
+
+      const header = document.createElement("div");
+      header.className = "flex items-center justify-between gap-2";
+      const title = document.createElement("div");
+      title.className = "text-sm font-semibold text-text";
+      title.textContent = entry.name || "Attachment";
+      header.appendChild(title);
+
+      const removeButton = document.createElement("button");
+      removeButton.type = "button";
+      removeButton.className = "btn-ghost focus-ring inline-flex items-center";
+      removeButton.dataset.size = "sm";
+      removeButton.textContent = "Remove";
+      removeButton.addEventListener("click", () => {
+        this.dmAttachmentQueue = this.dmAttachmentQueue.filter(
+          (queued) => queued.id !== entry.id,
+        );
+        if (entry.previewUrl && typeof URL !== "undefined") {
+          URL.revokeObjectURL(entry.previewUrl);
+        }
+        this.renderAttachmentQueue();
+      });
+      header.appendChild(removeButton);
+      item.appendChild(header);
+
+      const meta = document.createElement("div");
+      meta.className = "text-xs text-muted";
+      const sizeLabel = formatAttachmentSize(entry.size);
+      meta.textContent = sizeLabel
+        ? `${entry.type || "file"} · ${sizeLabel}`
+        : entry.type || "file";
+      item.appendChild(meta);
+
+      if (entry.previewUrl && entry.type?.startsWith("image/")) {
+        const img = document.createElement("img");
+        img.src = entry.previewUrl;
+        img.alt = entry.name || "Attachment preview";
+        img.className = "h-24 w-24 rounded-lg object-cover";
+        item.appendChild(img);
+      }
+
+      const progress = document.createElement("progress");
+      progress.className = "progress";
+      progress.value = entry.progress || 0;
+      progress.max = 1;
+      progress.dataset.variant = "surface";
+      item.appendChild(progress);
+
+      const status = document.createElement("div");
+      status.className = "text-xs text-muted";
+      status.textContent =
+        entry.status === "uploading"
+          ? "Uploading…"
+          : entry.status === "error"
+          ? entry.error || "Upload failed."
+          : "Ready to upload.";
+      item.appendChild(status);
+
+      list.appendChild(item);
+    });
+  }
+
+  async uploadAttachmentQueue(actorPubkey) {
+    const r2Service = this.services.r2Service;
+    if (!r2Service) {
+      throw new Error("Storage service unavailable.");
+    }
+
+    const encrypt =
+      this.profileMessageAttachmentEncrypt instanceof HTMLInputElement
+        ? this.profileMessageAttachmentEncrypt.checked
+        : false;
+
+    const payloads = [];
+
+    for (const entry of this.dmAttachmentQueue) {
+      entry.status = "uploading";
+      entry.progress = 0;
+      this.renderAttachmentQueue();
+
+      try {
+        const payload = await uploadAttachment({
+          r2Service,
+          pubkey: actorPubkey,
+          file: entry.file,
+          encrypt,
+          buildKey: buildR2Key,
+          buildUrl: buildPublicUrl,
+          onProgress: (fraction) => {
+            entry.progress = Number.isFinite(fraction) ? fraction : entry.progress;
+            this.renderAttachmentQueue();
+          },
+        });
+        payloads.push(payload);
+        entry.status = "uploaded";
+        entry.progress = 1;
+      } catch (error) {
+        entry.status = "error";
+        entry.error =
+          error && typeof error.message === "string"
+            ? error.message
+            : "Attachment upload failed.";
+        this.renderAttachmentQueue();
+        throw error;
+      }
+    }
+
+    return payloads;
+  }
+
+  async renderDirectMessageConversation() {
+    const container = this.profileMessagesConversation;
+    const emptyState = this.profileMessagesConversationEmpty;
+    const actor = this.resolveActiveDmActor();
+    const recipient = this.resolveActiveDmRecipient();
+
+    if (!(container instanceof HTMLElement)) {
+      return;
+    }
+
+    container.innerHTML = "";
+
+    if (!actor || !recipient || !this.directMessagesCache.length) {
+      container.classList.add("hidden");
+      container.setAttribute("hidden", "");
+      if (emptyState instanceof HTMLElement) {
+        emptyState.classList.remove("hidden");
+        emptyState.removeAttribute("hidden");
+      }
+      return;
+    }
+
+    const messages = this.directMessagesCache
+      .filter((entry) => this.resolveDirectMessageRemote(entry, actor) === recipient)
+      .sort((a, b) => (a.timestamp || 0) - (b.timestamp || 0));
+
+    if (!messages.length) {
+      container.classList.add("hidden");
+      container.setAttribute("hidden", "");
+      if (emptyState instanceof HTMLElement) {
+        emptyState.classList.remove("hidden");
+        emptyState.removeAttribute("hidden");
+      }
+      return;
+    }
+
+    if (emptyState instanceof HTMLElement) {
+      emptyState.classList.add("hidden");
+      emptyState.setAttribute("hidden", "");
+    }
+
+    void this.maybePublishReadReceipt(messages, {
+      recipientPubkey: recipient,
+    });
+
+    messages.forEach((message) => {
+      const item = document.createElement("div");
+      item.className = "card flex flex-col gap-2 p-3";
+
+      const body = document.createElement("div");
+      body.className = "text-sm text-text whitespace-pre-line";
+      const text = typeof message.plaintext === "string" ? message.plaintext.trim() : "";
+      body.textContent = text || "Attachment";
+      item.appendChild(body);
+
+      const attachments = extractAttachmentsFromMessage(message);
+      attachments.forEach((attachment) => {
+        const attachmentCard = document.createElement("div");
+        attachmentCard.className = "flex flex-col gap-2 rounded-lg border border-border/60 p-3";
+
+        const title = document.createElement("div");
+        title.className = "text-xs font-semibold text-text";
+        title.textContent = describeAttachment(attachment);
+        attachmentCard.appendChild(title);
+
+        const meta = document.createElement("div");
+        meta.className = "text-3xs text-muted";
+        const sizeLabel = formatAttachmentSize(attachment.size);
+        const typeLabel = attachment.type || "file";
+        meta.textContent = sizeLabel ? `${typeLabel} · ${sizeLabel}` : typeLabel;
+        attachmentCard.appendChild(meta);
+
+        const progress = document.createElement("progress");
+        progress.className = "progress";
+        progress.value = 0;
+        progress.max = 1;
+        progress.dataset.variant = "surface";
+        attachmentCard.appendChild(progress);
+
+        const status = document.createElement("div");
+        status.className = "text-3xs text-muted";
+        status.textContent = attachment.encrypted
+          ? "Decrypting attachment…"
+          : "Downloading attachment…";
+        attachmentCard.appendChild(status);
+
+        item.appendChild(attachmentCard);
+
+        downloadAttachment({
+          url: attachment.url,
+          expectedHash: attachment.x,
+          key: attachment.key,
+          mimeType: attachment.type,
+          onProgress: (fraction) => {
+            progress.value = Number.isFinite(fraction) ? fraction : progress.value;
+          },
+        })
+          .then((result) => {
+            progress.value = 1;
+            progress.classList.add("hidden");
+            progress.setAttribute("hidden", "");
+            status.textContent = attachment.encrypted ? "Decrypted." : "Ready.";
+
+            if (!result?.objectUrl) {
+              return;
+            }
+
+            if (attachment.type?.startsWith("image/")) {
+              const img = document.createElement("img");
+              img.src = result.objectUrl;
+              img.alt = attachment.name || "Attachment preview";
+              img.className = "h-40 w-full rounded-lg object-cover";
+              attachmentCard.appendChild(img);
+            } else if (attachment.type?.startsWith("video/")) {
+              const video = document.createElement("video");
+              video.src = result.objectUrl;
+              video.controls = true;
+              video.className = "w-full rounded-lg";
+              attachmentCard.appendChild(video);
+            } else if (attachment.type?.startsWith("audio/")) {
+              const audio = document.createElement("audio");
+              audio.src = result.objectUrl;
+              audio.controls = true;
+              audio.className = "w-full";
+              attachmentCard.appendChild(audio);
+            } else {
+              const link = document.createElement("a");
+              link.href = result.objectUrl;
+              link.textContent = "Download attachment";
+              link.className = "text-xs text-accent underline-offset-2 hover:underline";
+              link.download = attachment.name || "attachment";
+              attachmentCard.appendChild(link);
+            }
+          })
+          .catch((error) => {
+            status.textContent =
+              error && typeof error.message === "string"
+                ? error.message
+                : "Attachment download failed.";
+            status.classList.add("text-critical");
+          });
+      });
+
+      container.appendChild(item);
+    });
+
+    container.classList.remove("hidden");
+    container.removeAttribute("hidden");
+  }
+
+  resolveDirectMessageEventId(message) {
+    if (!message || typeof message !== "object") {
+      return "";
+    }
+
+    const eventId =
+      typeof message.event?.id === "string" ? message.event.id.trim() : "";
+    if (eventId) {
+      return eventId;
+    }
+
+    const innerId =
+      typeof message.message?.id === "string" ? message.message.id.trim() : "";
+    return innerId;
+  }
+
+  resolveLatestDirectMessageForRecipient(recipientPubkey, actorPubkey = null) {
+    const normalizedRecipient =
+      typeof recipientPubkey === "string"
+        ? this.normalizeHexPubkey(recipientPubkey)
+        : "";
+    if (!normalizedRecipient || !Array.isArray(this.directMessagesCache)) {
+      return null;
+    }
+
+    const resolvedActor = actorPubkey
+      ? this.normalizeHexPubkey(actorPubkey)
+      : this.resolveActiveDmActor();
+
+    let latest = null;
+    let latestTimestamp = 0;
+
+    for (const entry of this.directMessagesCache) {
+      if (this.resolveDirectMessageRemote(entry, resolvedActor) !== normalizedRecipient) {
+        continue;
+      }
+      const timestamp = Number(entry?.timestamp) || 0;
+      if (!latest || timestamp > latestTimestamp) {
+        latest = entry;
+        latestTimestamp = timestamp;
+      }
+    }
+
+    return latest;
+  }
+
+  resolveDirectMessageKind(message) {
+    if (!message || typeof message !== "object") {
+      return null;
+    }
+
+    if (Number.isFinite(message?.event?.kind)) {
+      return Number(message.event.kind);
+    }
+
+    if (Number.isFinite(message?.message?.kind)) {
+      return Number(message.message.kind);
+    }
+
+    return null;
+  }
+
+  async maybePublishReadReceipt(messages, { recipientPubkey } = {}) {
+    if (!Array.isArray(messages) || !messages.length) {
+      return;
+    }
+
+    const settings = this.getDmPrivacySettingsSnapshot();
+    if (!settings.readReceiptsEnabled) {
+      return;
+    }
+
+    if (
+      !this.services.nostrClient ||
+      typeof this.services.nostrClient.publishDmReadReceipt !== "function"
+    ) {
+      return;
+    }
+
+    const normalizedRecipient =
+      typeof recipientPubkey === "string"
+        ? this.normalizeHexPubkey(recipientPubkey)
+        : "";
+    if (!normalizedRecipient) {
+      return;
+    }
+
+    let latestMessage = null;
+    for (let index = messages.length - 1; index >= 0; index -= 1) {
+      const entry = messages[index];
+      if (
+        entry &&
+        typeof entry === "object" &&
+        entry.direction === "incoming"
+      ) {
+        const eventId = this.resolveDirectMessageEventId(entry);
+        if (eventId) {
+          latestMessage = entry;
+          break;
+        }
+      }
+    }
+
+    if (!latestMessage) {
+      return;
+    }
+
+    const eventId = this.resolveDirectMessageEventId(latestMessage);
+    if (!eventId) {
+      return;
+    }
+
+    const cacheKey = `${normalizedRecipient}:${eventId}`;
+    if (this.dmReadReceiptCache.has(cacheKey)) {
+      return;
+    }
+
+    const relayHints = this.buildDmRecipientContext(normalizedRecipient)?.relayHints || [];
+    const messageKind = this.resolveDirectMessageKind(latestMessage);
+
+    try {
+      const result = await this.services.nostrClient.publishDmReadReceipt({
+        eventId,
+        recipientPubkey: normalizedRecipient,
+        messageKind,
+        relays: relayHints,
+      });
+
+      if (result?.ok) {
+        this.dmReadReceiptCache.add(cacheKey);
+      }
+    } catch (error) {
+      devLogger.warn("[profileModal] Failed to publish read receipt:", error);
+    }
+  }
+
+  async maybePublishTypingIndicator() {
+    const settings = this.getDmPrivacySettingsSnapshot();
+    if (!settings.typingIndicatorsEnabled) {
+      return;
+    }
+
+    if (
+      !this.services.nostrClient ||
+      typeof this.services.nostrClient.publishDmTypingIndicator !== "function"
+    ) {
+      return;
+    }
+
+    const input = this.profileMessageInput;
+    const messageText =
+      input instanceof HTMLTextAreaElement ? input.value.trim() : "";
+    if (!messageText) {
+      return;
+    }
+
+    const recipient = this.resolveActiveDmRecipient();
+    if (!recipient) {
+      return;
+    }
+
+    const now = Date.now();
+    if (now - this.dmTypingLastSentAt < TYPING_INDICATOR_COOLDOWN_MS) {
+      return;
+    }
+
+    this.dmTypingLastSentAt = now;
+
+    const relayHints = this.buildDmRecipientContext(recipient)?.relayHints || [];
+    const latestMessage = this.resolveLatestDirectMessageForRecipient(
+      recipient,
+      this.resolveActiveDmActor(),
+    );
+    const latestEventId = this.resolveDirectMessageEventId(latestMessage);
+
+    try {
+      await this.services.nostrClient.publishDmTypingIndicator({
+        recipientPubkey: recipient,
+        conversationEventId: latestEventId || null,
+        relays: relayHints,
+        expiresInSeconds: TYPING_INDICATOR_TTL_SECONDS,
+      });
+    } catch (error) {
+      devLogger.warn("[profileModal] Failed to publish typing indicator:", error);
+    }
+  }
+
+  describeDirectMessageSendError(code) {
+    switch (code) {
+      case "sign-event-unavailable":
+        return "Connect a Nostr signer to send messages.";
+      case "encryption-unsupported":
+        return "Your signer does not support NIP-04 encryption.";
+      case "nip44-unsupported":
+        return "Your signer does not support NIP-44 encryption required for NIP-17.";
+      case "nip17-relays-missing":
+        return "Recipient has not shared NIP-17 relay hints yet.";
+      case "nip17-relays-unavailable":
+        return "No DM relays are available to deliver this message.";
+      case "nip17-keygen-failed":
+        return "We couldn’t create secure wrapper keys for NIP-17 delivery.";
+      case "extension-permission-denied":
+        return "Please grant your Nostr extension permission to send messages.";
+      case "extension-encryption-permission-denied":
+        return "Please grant your Nostr extension encryption permission to send messages.";
+      case "missing-actor-pubkey":
+        return "We couldn’t determine your public key to send this message.";
+      case "nostr-uninitialized":
+        return "Direct messages are still connecting to relays. Please try again.";
+      case "signature-failed":
+        return "We couldn’t sign the message. Please reconnect your signer and try again.";
+      case "encryption-failed":
+        return "We couldn’t encrypt the message. Please try again.";
+      case "publish-failed":
+        return "Failed to deliver this message to any relay. Please try again.";
+      case "invalid-target":
+        return "Select a valid recipient before sending.";
+      case "empty-message":
+        return "Please enter a message or attach a file.";
+      case "attachments-unsupported":
+        return "Attachments require NIP-17 delivery. Enable the privacy toggle to send files.";
+      default:
+        return "Unable to send message. Please try again.";
+    }
+  }
+
+  async handleSendProfileMessage() {
+    const input = this.profileMessageInput;
+    if (!(input instanceof HTMLTextAreaElement)) {
+      return;
+    }
+
+    const message = typeof input.value === "string" ? input.value.trim() : "";
+    const hasAttachments = this.dmAttachmentQueue.length > 0;
+    if (!message && !hasAttachments) {
+      this.showError("Please enter a message or attach a file.");
+      return;
+    }
+
+    const targetHex = this.resolveActiveDmRecipient();
+    const target =
+      typeof targetHex === "string" && typeof this.safeEncodeNpub === "function"
+        ? this.safeEncodeNpub(targetHex)
+        : "";
+    if (!target) {
+      this.showError("Please select a message recipient.");
+      return;
+    }
+
+    const recipientContext = this.buildDmRecipientContext(targetHex);
+    const recipientRelayHints = Array.isArray(recipientContext?.relayHints)
+      ? recipientContext.relayHints
+      : [];
+    const useNip17 =
+      this.profileMessagesPrivacyToggle instanceof HTMLInputElement
+        ? this.profileMessagesPrivacyToggle.checked
+        : false;
+    const senderRelayHints = this.getActiveDmRelayPreferences();
+
+    if (hasAttachments && !useNip17) {
+      this.showError(
+        "Attachments require NIP-17 delivery. Enable the privacy toggle to send files.",
+      );
+      return;
+    }
+
+    if (useNip17 && !recipientRelayHints.length) {
+      this.showStatus(
+        "Privacy warning: this recipient has not shared NIP-17 relays, so we'll use your default relays.",
+        { autoHideMs: 5000 },
+      );
+    }
+
+    if (
+      !this.services.nostrClient ||
+      typeof this.services.nostrClient.sendDirectMessage !== "function"
+    ) {
+      this.showError("Direct message service unavailable.");
+      return;
+    }
+
+    const sendButton = this.profileMessageSendButton;
+    if (sendButton instanceof HTMLElement && "disabled" in sendButton) {
+      sendButton.disabled = true;
+      sendButton.setAttribute("aria-disabled", "true");
+    }
+
+    try {
+      let attachmentPayloads = [];
+      if (hasAttachments) {
+        try {
+          attachmentPayloads = await this.uploadAttachmentQueue(
+            this.resolveActiveDmActor(),
+          );
+        } catch (error) {
+          const messageText =
+            error && typeof error.message === "string"
+              ? error.message
+              : "Attachment upload failed.";
+          this.showError(messageText);
+          return;
+        }
+      }
+
+      const result = await this.services.nostrClient.sendDirectMessage(
+        target,
+        message,
+        null,
+        useNip17
+          ? {
+              useNip17: true,
+              recipientRelayHints,
+              senderRelayHints,
+              attachments: attachmentPayloads,
+            }
+          : {},
+      );
+
+      if (result?.ok) {
+        input.value = "";
+        this.resetAttachmentQueue({ clearInput: true });
+        this.showSuccess("Message sent.");
+        if (result?.warning === "dm-relays-fallback") {
+          this.showStatus(
+            "Privacy warning: this message used default relays because no NIP-17 relay list was found.",
+            { autoHideMs: 5000 },
+          );
+        }
+        void this.populateProfileMessages({ force: true, reason: "send-message" });
+        return;
+      }
+
+      const errorCode =
+        typeof result?.error === "string" ? result.error : "unknown";
+      userLogger.warn("[profileModal] Failed to send direct message:", errorCode);
+      this.showError(this.describeDirectMessageSendError(errorCode));
+    } catch (error) {
+      userLogger.error("[profileModal] Unexpected DM send failure:", error);
+      this.showError("Unable to send message. Please try again.");
+    } finally {
+      this.updateMessageComposerState();
+    }
+  }
+
+  clearProfileMessages({ message } = {}) {
+    this.directMessagesCache = [];
+    this.directMessagesLastActor = this.resolveActiveDmActor();
+    this.messagesInitialLoadPending = true;
+    this.setDirectMessageRecipient(null, { reason: "clear" });
+
+    if (this.profileMessagesList instanceof HTMLElement) {
+      this.profileMessagesList.innerHTML = "";
+      this.profileMessagesList.classList.add("hidden");
+      this.profileMessagesList.setAttribute("hidden", "");
+    }
+
+    const actor = this.directMessagesLastActor;
+    this.setMessagesLoadingState(actor ? "empty" : "unauthenticated", {
+      message,
+    });
+
+    if (this.dmAppShellContainer instanceof HTMLElement) {
+      void this.renderDmAppShell(this.directMessagesCache, {
+        actorPubkey: actor,
+      });
+    }
+  }
+
+  extractDirectMessagePreview(entry) {
+    if (!entry || typeof entry !== "object") {
+      return "";
+    }
+
+    const candidates = [];
+    if (typeof entry.plaintext === "string") {
+      candidates.push(entry.plaintext);
+    }
+    if (typeof entry.preview === "string") {
+      candidates.push(entry.preview);
+    }
+    if (
+      entry.snapshot &&
+      typeof entry.snapshot.preview === "string" &&
+      entry.snapshot.preview.trim()
+    ) {
+      candidates.push(entry.snapshot.preview);
+    }
+    if (entry.message && typeof entry.message.content === "string") {
+      candidates.push(entry.message.content);
+    }
+
+    const preview = candidates.find((value) => value && value.trim());
+    return preview ? preview.trim() : "";
+  }
+
+  resolveProfileSummaryForPubkey(pubkey) {
+    const normalized = this.normalizeHexPubkey(pubkey);
+    const fallbackNpub =
+      normalized && typeof this.safeEncodeNpub === "function"
+        ? this.safeEncodeNpub(normalized)
+        : null;
+    const formattedNpub =
+      typeof this.formatShortNpub === "function"
+        ? this.formatShortNpub(fallbackNpub)
+        : fallbackNpub;
+
+    let displayName = formattedNpub || fallbackNpub || "Unknown profile";
+    let avatarSrc = FALLBACK_PROFILE_AVATAR;
+    let lightningAddress = "";
+    let status = "";
+
+    if (normalized && typeof this.services.getProfileCacheEntry === "function") {
+      const cacheEntry = this.services.getProfileCacheEntry(normalized);
+      const profile = cacheEntry?.profile || null;
+      if (profile) {
+        if (typeof profile.display_name === "string" && profile.display_name.trim()) {
+          displayName = profile.display_name.trim();
+        } else if (typeof profile.name === "string" && profile.name.trim()) {
+          displayName = profile.name.trim();
+        }
+
+        if (typeof profile.picture === "string" && profile.picture.trim()) {
+          avatarSrc = profile.picture.trim();
+        }
+
+        if (typeof profile.lud16 === "string" && profile.lud16.trim()) {
+          lightningAddress = profile.lud16.trim();
+        } else if (typeof profile.lud06 === "string" && profile.lud06.trim()) {
+          lightningAddress = profile.lud06.trim();
+        }
+
+        if (typeof profile.status === "string" && profile.status.trim()) {
+          status = profile.status.trim();
+        }
+      }
+    }
+
+    return {
+      displayName,
+      displayNpub: formattedNpub || fallbackNpub || "npub unavailable",
+      avatarSrc,
+      lightningAddress,
+      status,
+    };
+  }
+
+  formatMessageTimestamp(timestamp) {
+    const numeric = Number(timestamp);
+    if (!Number.isFinite(numeric) || numeric <= 0) {
+      return { display: "", iso: "" };
+    }
+
+    try {
+      const date = new Date(numeric * 1000);
+      return {
+        display: date.toLocaleString(undefined, {
+          year: "numeric",
+          month: "short",
+          day: "numeric",
+          hour: "numeric",
+          minute: "2-digit",
+        }),
+        iso: date.toISOString(),
+      };
+    } catch (error) {
+      return { display: "", iso: "" };
+    }
+  }
+
+  buildDmConversationId(actorPubkey, remotePubkey) {
+    const normalizedActor = this.normalizeHexPubkey(actorPubkey);
+    const normalizedRemote = this.normalizeHexPubkey(remotePubkey);
+
+    if (!normalizedActor || !normalizedRemote) {
+      return "";
+    }
+
+    return `dm:${[normalizedActor, normalizedRemote].sort().join(":")}`;
+  }
+
+  formatConversationTimestamp(timestamp) {
+    const numeric = Number(timestamp);
+    if (!Number.isFinite(numeric) || numeric <= 0) {
+      return "";
+    }
+
+    try {
+      return formatTimeAgo(numeric);
+    } catch (error) {
+      return "";
+    }
+  }
+
+  formatMessageClockTime(timestamp) {
+    const numeric = Number(timestamp);
+    if (!Number.isFinite(numeric) || numeric <= 0) {
+      return "";
+    }
+
+    try {
+      const date = new Date(numeric * 1000);
+      return date.toLocaleTimeString(undefined, {
+        hour: "numeric",
+        minute: "2-digit",
+      });
+    } catch (error) {
+      return "";
+    }
+  }
+
+  formatMessageDayLabel(timestamp) {
+    const numeric = Number(timestamp);
+    if (!Number.isFinite(numeric) || numeric <= 0) {
+      return "";
+    }
+
+    try {
+      const date = new Date(numeric * 1000);
+      const today = new Date();
+      const startOfToday = new Date(
+        today.getFullYear(),
+        today.getMonth(),
+        today.getDate(),
+      );
+      const startOfMessageDay = new Date(
+        date.getFullYear(),
+        date.getMonth(),
+        date.getDate(),
+      );
+      const diffDays = Math.round(
+        (startOfToday - startOfMessageDay) / (1000 * 60 * 60 * 24),
+      );
+
+      if (diffDays === 0) {
+        return "Today";
+      }
+      if (diffDays === 1) {
+        return "Yesterday";
+      }
+
+      return date.toLocaleDateString(undefined, {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+      });
+    } catch (error) {
+      return "";
+    }
+  }
+
+  resolveDirectMessageScheme(message) {
+    if (!message || typeof message !== "object") {
+      return "";
+    }
+
+    const scheme =
+      typeof message.scheme === "string"
+        ? message.scheme
+        : typeof message.encryption_scheme === "string"
+        ? message.encryption_scheme
+        : typeof message?.decryptor?.scheme === "string"
+        ? message.decryptor.scheme
+        : "";
+
+    return typeof scheme === "string" ? scheme.trim().toLowerCase() : "";
+  }
+
+  resolveDirectMessageStatus(message) {
+    if (!message || typeof message !== "object") {
+      return "sent";
+    }
+
+    const status =
+      typeof message.status === "string"
+        ? message.status
+        : typeof message.deliveryStatus === "string"
+        ? message.deliveryStatus
+        : typeof message.state === "string"
+        ? message.state
+        : "";
+
+    return status ? status.trim() : "sent";
+  }
+
+  resolveDirectMessageBody(message) {
+    if (!message || typeof message !== "object") {
+      return "";
+    }
+
+    if (typeof message.plaintext === "string" && message.plaintext.trim()) {
+      return message.plaintext.trim();
+    }
+
+    const preview = this.extractDirectMessagePreview(message);
+    if (preview) {
+      return preview;
+    }
+
+    const attachments = extractAttachmentsFromMessage(message);
+    if (attachments.length) {
+      return describeAttachment(attachments[0]);
+    }
+
+    return "";
+  }
+
+  resolveDirectMessagePreviewForConversation(message) {
+    if (!message || typeof message !== "object") {
+      return "";
+    }
+
+    const preview = this.extractDirectMessagePreview(message);
+    if (preview) {
+      return preview;
+    }
+
+    const attachments = extractAttachmentsFromMessage(message);
+    if (attachments.length) {
+      return describeAttachment(attachments[0]);
+    }
+
+    return "";
+  }
+
+  resolveRemoteForConversationId(conversationId, actorPubkey) {
+    const actor = this.normalizeHexPubkey(actorPubkey || this.resolveActiveDmActor());
+    const normalizedConversationId =
+      typeof conversationId === "string" ? conversationId.trim() : "";
+
+    if (!actor || !normalizedConversationId) {
+      return null;
+    }
+
+    for (const entry of Array.isArray(this.directMessagesCache) ? this.directMessagesCache : []) {
+      const remote = this.resolveDirectMessageRemote(entry, actor);
+      if (!remote) {
+        continue;
+      }
+      const resolvedId = this.buildDmConversationId(actor, remote);
+      if (resolvedId && resolvedId === normalizedConversationId) {
+        return remote;
+      }
+    }
+
+    return null;
+  }
+
+  resolveConversationPrivacyMode(latestMessage) {
+    const scheme = this.resolveDirectMessageScheme(latestMessage);
+    if (scheme.includes("nip17") || scheme.includes("nip44")) {
+      return "nip17";
+    }
+    return "nip04";
+  }
+
+  getDirectMessagesForConversation(conversationId, actorPubkey = null) {
+    const actor = this.normalizeHexPubkey(actorPubkey || this.resolveActiveDmActor());
+    if (!actor || !conversationId) {
+      return [];
+    }
+
+    const remote = this.resolveRemoteForConversationId(conversationId, actor);
+    if (!remote) {
+      return [];
+    }
+
+    return (Array.isArray(this.directMessagesCache) ? this.directMessagesCache : [])
+      .filter(
+        (entry) =>
+          entry &&
+          entry.ok === true &&
+          this.resolveDirectMessageRemote(entry, actor) === remote,
+      )
+      .sort((a, b) => (a?.timestamp || 0) - (b?.timestamp || 0));
+  }
+
+  getLatestDirectMessageTimestampForConversation(conversationId, actorPubkey = null) {
+    const messages = this.getDirectMessagesForConversation(
+      conversationId,
+      actorPubkey,
+    );
+    if (!messages.length) {
+      return 0;
+    }
+
+    const last = messages[messages.length - 1];
+    return Number(last?.timestamp) || 0;
+  }
+
+  buildDmMessageTimeline(messages, { actorPubkey, remotePubkey } = {}) {
+    const actor = this.normalizeHexPubkey(actorPubkey);
+    const remote = this.normalizeHexPubkey(remotePubkey);
+    if (!actor || !remote) {
+      return [];
+    }
+
+    const threadMessages = Array.isArray(messages)
+      ? messages.filter((entry) => this.resolveDirectMessageRemote(entry, actor) === remote)
+      : [];
+
+    threadMessages.sort((a, b) => (a?.timestamp || 0) - (b?.timestamp || 0));
+
+    const timeline = [];
+    let lastDayLabel = "";
+
+    threadMessages.forEach((message) => {
+      const dayLabel = this.formatMessageDayLabel(message?.timestamp);
+      if (dayLabel && dayLabel !== lastDayLabel) {
+        timeline.push({ type: "day", label: dayLabel });
+        lastDayLabel = dayLabel;
+      }
+
+      timeline.push({
+        id: this.resolveDirectMessageEventId(message) || "",
+        direction: message?.direction || "incoming",
+        body: this.resolveDirectMessageBody(message) || "Encrypted message",
+        timestamp: this.formatMessageClockTime(message?.timestamp),
+        status: this.resolveDirectMessageStatus(message),
+      });
+    });
+
+    return timeline;
+  }
+
+  async buildDmConversationData(messages, { actorPubkey } = {}) {
+    const actor = this.normalizeHexPubkey(
+      actorPubkey || this.resolveActiveDmActor(),
+    );
+    if (!actor) {
+      return {
+        actor: "",
+        conversations: [],
+        activeConversationId: "",
+        activeThread: null,
+        activeRemotePubkey: null,
+        timeline: [],
+      };
+    }
+
+    const threads = this.groupDirectMessages(messages, actor);
+    const remoteKeys = new Set();
+    threads.forEach((thread) => {
+      if (thread.remoteHex) {
+        remoteKeys.add(thread.remoteHex);
+      }
+    });
+
+    if (
+      remoteKeys.size &&
+      this.services.batchFetchProfiles &&
+      typeof this.services.batchFetchProfiles === "function"
+    ) {
+      try {
+        await this.services.batchFetchProfiles(remoteKeys);
+      } catch (error) {
+        devLogger.warn(
+          "[profileModal] Failed to fetch DM profile metadata:",
+          error,
+        );
+      }
+    }
+
+    const conversations = threads.map((thread) => {
+      const conversationId = this.buildDmConversationId(actor, thread.remoteHex);
+      const summary = this.resolveProfileSummaryForPubkey(thread.remoteHex);
+      const preview = this.resolveDirectMessagePreviewForConversation(thread.latestMessage);
+      const unreadCount =
+        this.nostrService &&
+        typeof this.nostrService.getDirectMessageUnseenCount === "function" &&
+        conversationId
+          ? this.nostrService.getDirectMessageUnseenCount(conversationId)
+          : 0;
+      const recipientContext = this.buildDmRecipientContext(thread.remoteHex);
+
+      return {
+        id: conversationId,
+        name: summary.displayName,
+        preview: preview || "Encrypted message",
+        timestamp: this.formatConversationTimestamp(thread.latestTimestamp),
+        unreadCount,
+        avatarSrc: summary.avatarSrc,
+        status: summary.status,
+        pubkey: thread.remoteHex,
+        lightningAddress: summary.lightningAddress,
+        relayHints: Array.isArray(recipientContext?.relayHints)
+          ? recipientContext.relayHints
+          : [],
+      };
+    });
+
+    const conversationMap = new Map();
+    threads.forEach((thread) => {
+      const conversationId = this.buildDmConversationId(actor, thread.remoteHex);
+      if (conversationId) {
+        conversationMap.set(conversationId, thread);
+      }
+    });
+
+    const storedRecipient = this.resolveActiveDmRecipient();
+    const storedConversationId =
+      storedRecipient && actor
+        ? this.buildDmConversationId(actor, storedRecipient)
+        : "";
+    const preferredConversationId =
+      this.activeDmConversationId || storedConversationId;
+    const fallbackConversationId = conversations[0]?.id || "";
+    const activeConversationId =
+      preferredConversationId && conversationMap.has(preferredConversationId)
+        ? preferredConversationId
+        : fallbackConversationId;
+    const activeThread = activeConversationId
+      ? conversationMap.get(activeConversationId)
+      : null;
+    const activeRemotePubkey =
+      activeThread?.remoteHex ||
+      (activeConversationId
+        ? this.resolveRemoteForConversationId(activeConversationId, actor)
+        : storedRecipient) ||
+      null;
+
+    if (activeConversationId && this.activeDmConversationId !== activeConversationId) {
+      this.activeDmConversationId = activeConversationId;
+    }
+
+    return {
+      actor,
+      conversations,
+      activeConversationId,
+      activeThread,
+      activeRemotePubkey,
+      timeline:
+        activeRemotePubkey && actor
+          ? this.buildDmMessageTimeline(messages, {
+              actorPubkey: actor,
+              remotePubkey: activeRemotePubkey,
+            })
+          : [],
+    };
+  }
+
+  groupDirectMessages(messages, actorPubkey) {
+    const normalizedActor = actorPubkey
+      ? this.normalizeHexPubkey(actorPubkey)
+      : this.resolveActiveDmActor();
+
+    const threadMap = new Map();
+    for (const entry of Array.isArray(messages) ? messages : []) {
+      if (!entry || entry.ok !== true) {
+        continue;
+      }
+
+      const remoteHex = this.resolveDirectMessageRemote(entry, normalizedActor);
+      if (!remoteHex) {
+        continue;
+      }
+
+      const thread = threadMap.get(remoteHex) || {
+        remoteHex,
+        messages: [],
+        latestTimestamp: 0,
+        latestMessage: null,
+      };
+
+      thread.messages.push(entry);
+
+      const ts = Number(entry.timestamp) || 0;
+      if (!thread.latestMessage || ts > thread.latestTimestamp) {
+        thread.latestTimestamp = ts;
+        thread.latestMessage = entry;
+      }
+
+      threadMap.set(remoteHex, thread);
+    }
+
+    const threads = Array.from(threadMap.values());
+    threads.sort((a, b) => (b.latestTimestamp || 0) - (a.latestTimestamp || 0));
+    return threads;
+  }
+
+  resolveDirectMessageRemote(entry, actorPubkey = null) {
+    if (!entry || entry.ok !== true) {
+      return null;
+    }
+
+    const normalizedActor = actorPubkey
+      ? this.normalizeHexPubkey(actorPubkey)
+      : this.resolveActiveDmActor();
+
+    if (typeof entry.remotePubkey === "string") {
+      const directRemote = this.normalizeHexPubkey(entry.remotePubkey);
+      if (directRemote && directRemote !== normalizedActor) {
+        return directRemote;
+      }
+    }
+
+    if (entry.snapshot && typeof entry.snapshot.remotePubkey === "string") {
+      const snapshotRemote = this.normalizeHexPubkey(entry.snapshot.remotePubkey);
+      if (snapshotRemote && snapshotRemote !== normalizedActor) {
+        return snapshotRemote;
+      }
+    }
+
+    const direction =
+      typeof entry.direction === "string" ? entry.direction.toLowerCase() : "";
+
+    const senderHex =
+      entry.sender && typeof entry.sender.pubkey === "string"
+        ? this.normalizeHexPubkey(entry.sender.pubkey)
+        : null;
+
+    if (direction === "incoming" && senderHex && senderHex !== normalizedActor) {
+      return senderHex;
+    }
+
+    if (Array.isArray(entry.recipients)) {
+      for (const recipient of entry.recipients) {
+        const candidate =
+          recipient && typeof recipient.pubkey === "string"
+            ? this.normalizeHexPubkey(recipient.pubkey)
+            : null;
+        if (candidate && candidate !== normalizedActor) {
+          return candidate;
+        }
+      }
+    }
+
+    if (direction === "outgoing" && senderHex && senderHex !== normalizedActor) {
+      return senderHex;
+    }
+
+    if (entry.message && typeof entry.message.pubkey === "string") {
+      const messagePubkey = this.normalizeHexPubkey(entry.message.pubkey);
+      if (messagePubkey && messagePubkey !== normalizedActor) {
+        return messagePubkey;
+      }
+    }
+
+    if (entry.event && typeof entry.event.pubkey === "string") {
+      const eventPubkey = this.normalizeHexPubkey(entry.event.pubkey);
+      if (eventPubkey && eventPubkey !== normalizedActor) {
+        return eventPubkey;
+      }
+    }
+
+    if (senderHex && senderHex !== normalizedActor) {
+      return senderHex;
+    }
+
+    return null;
+  }
+
+  createDirectMessageThreadItem(thread) {
+    if (!thread || !thread.remoteHex) {
+      return null;
+    }
+
+    const item = document.createElement("li");
+    item.className = "card flex flex-col gap-3 p-4";
+    item.setAttribute("data-remote-pubkey", thread.remoteHex);
+    item.dataset.state = "inactive";
+
+    const header = document.createElement("div");
+    header.className = "flex items-start justify-between gap-3";
+
+    const summary = this.resolveProfileSummaryForPubkey(thread.remoteHex);
+    const summaryNode = this.createCompactProfileSummary({
+      displayName: summary.displayName,
+      displayNpub: summary.displayNpub,
+      avatarSrc: summary.avatarSrc,
+      size: "sm",
+    });
+    header.appendChild(summaryNode);
+
+    const timestampMeta = this.formatMessageTimestamp(thread.latestTimestamp);
+    if (timestampMeta.display) {
+      const timeEl = document.createElement("time");
+      timeEl.className =
+        "text-3xs font-semibold uppercase tracking-extra-wide text-muted";
+      if (timestampMeta.iso) {
+        timeEl.setAttribute("datetime", timestampMeta.iso);
+      }
+      timeEl.textContent = timestampMeta.display;
+      header.appendChild(timeEl);
+    }
+
+    item.appendChild(header);
+
+    const previewText = this.extractDirectMessagePreview(thread.latestMessage);
+    const previewEl = document.createElement("p");
+    previewEl.className = "text-sm text-text whitespace-pre-line";
+    previewEl.textContent = previewText || "Encrypted message";
+    item.appendChild(previewEl);
+
+    const meta = document.createElement("div");
+    meta.className = "flex flex-wrap items-center gap-2";
+
+    const direction =
+      typeof thread.latestMessage?.direction === "string"
+        ? thread.latestMessage.direction.toLowerCase()
+        : "";
+    if (direction) {
+      const directionPill = document.createElement("span");
+      directionPill.className = "pill";
+      directionPill.dataset.variant = direction === "incoming" ? "info" : "muted";
+      directionPill.textContent =
+        direction === "incoming"
+          ? "Incoming message"
+          : direction === "outgoing"
+          ? "Sent message"
+          : "Message";
+      meta.appendChild(directionPill);
+    }
+
+    const countPill = document.createElement("span");
+    countPill.className = "pill";
+    countPill.dataset.variant = "muted";
+    const messageCount = Array.isArray(thread.messages)
+      ? thread.messages.length
+      : 0;
+    countPill.textContent =
+      messageCount === 1 ? "1 message" : `${messageCount} messages`;
+    meta.appendChild(countPill);
+
+    const scheme =
+      typeof thread.latestMessage?.scheme === "string"
+        ? thread.latestMessage.scheme.toUpperCase()
+        : "";
+    if (scheme) {
+      const schemePill = document.createElement("span");
+      schemePill.className = "pill";
+      schemePill.dataset.variant = "muted";
+      schemePill.textContent = scheme;
+      meta.appendChild(schemePill);
+    }
+
+    item.appendChild(meta);
+
+    item.addEventListener("click", () => {
+      this.setDirectMessageRecipient(thread.remoteHex, {
+        reason: "thread-select",
+      });
+      this.focusMessageComposer();
+    });
+
+    return item;
+  }
+
+  async renderProfileMessages(messages, { actorPubkey = null } = {}) {
+    if (this.dmAppShellContainer instanceof HTMLElement) {
+      await this.renderDmAppShell(messages, { actorPubkey });
+    }
+
+    if (!(this.profileMessagesList instanceof HTMLElement)) {
+      if (!(this.dmAppShellContainer instanceof HTMLElement)) {
+        this.pendingMessagesRender = {
+          messages: Array.isArray(messages) ? messages : [],
+          actorPubkey,
+        };
+      }
+      return;
+    }
+
+    this.pendingMessagesRender = null;
+
+    const normalizedActor = actorPubkey
+      ? this.normalizeHexPubkey(actorPubkey)
+      : this.resolveActiveDmActor();
+
+    const threads = this.groupDirectMessages(messages, normalizedActor);
+    const remoteKeys = new Set();
+    for (const thread of threads) {
+      if (thread.remoteHex) {
+        remoteKeys.add(thread.remoteHex);
+      }
+    }
+
+    if (
+      remoteKeys.size &&
+      this.services.batchFetchProfiles &&
+      typeof this.services.batchFetchProfiles === "function"
+    ) {
+      try {
+        await this.services.batchFetchProfiles(remoteKeys);
+      } catch (error) {
+        devLogger.warn(
+          "[profileModal] Failed to fetch DM profile metadata:",
+          error,
+        );
+      }
+    }
+
+    this.profileMessagesList.innerHTML = "";
+
+    if (!threads.length) {
+      this.profileMessagesList.classList.add("hidden");
+      this.profileMessagesList.setAttribute("hidden", "");
+      void this.renderDirectMessageConversation();
+      return;
+    }
+
+    for (const thread of threads) {
+      const item = this.createDirectMessageThreadItem(thread);
+      if (item) {
+        this.profileMessagesList.appendChild(item);
+      }
+    }
+
+    const activeRecipient = this.resolveActiveDmRecipient();
+    const hasActiveRecipient =
+      activeRecipient &&
+      threads.some((thread) => thread.remoteHex === activeRecipient);
+
+    if (threads.length && !hasActiveRecipient) {
+      this.setDirectMessageRecipient(threads[0].remoteHex, {
+        reason: "thread-default",
+      });
+    } else if (hasActiveRecipient) {
+      this.updateMessageThreadSelection(activeRecipient);
+    }
+
+    this.profileMessagesList.classList.remove("hidden");
+    this.profileMessagesList.removeAttribute("hidden");
+    void this.renderDirectMessageConversation();
+  }
+
+  async renderDmAppShell(messages, { actorPubkey = null } = {}) {
+    const container =
+      this.dmAppShellContainer instanceof HTMLElement
+        ? this.dmAppShellContainer
+        : null;
+    if (!container) {
+      return;
+    }
+
+    const snapshot = Array.isArray(messages) ? messages : this.directMessagesCache;
+    const {
+      actor,
+      conversations,
+      activeConversationId,
+      activeThread,
+      timeline,
+    } = await this.buildDmConversationData(snapshot, { actorPubkey });
+
+    const currentRecipient = this.resolveActiveDmRecipient();
+    if (!currentRecipient && activeThread?.remoteHex) {
+      this.setDirectMessageRecipient(activeThread.remoteHex, {
+        reason: "thread-default",
+      });
+    }
+
+    const loadingState = this.messagesLoadingState || "idle";
+    const conversationState =
+      loadingState === "loading"
+        ? "loading"
+        : loadingState === "error"
+        ? "error"
+        : loadingState === "empty" || loadingState === "unauthenticated"
+        ? "empty"
+        : "idle";
+
+    const hasActiveConversation = Boolean(activeConversationId);
+    const threadState =
+      conversationState === "loading"
+        ? "loading"
+        : !hasActiveConversation
+        ? "empty"
+        : timeline.length
+        ? "idle"
+        : "empty";
+
+    const privacyMode = this.resolveConversationPrivacyMode(
+      activeThread?.latestMessage,
+    );
+
+    const currentUserSummary = this.resolveProfileSummaryForPubkey(
+      this.resolveActiveDmActor(),
+    );
+    const currentUserAvatarUrl = currentUserSummary?.avatarSrc || "";
+
+    container.innerHTML = "";
+
+    try {
+      const dmPrivacySettings = this.getDmPrivacySettingsSnapshot();
+
+      this.dmAppShell = new AppShell({
+        document,
+        currentUserAvatarUrl,
+        conversations,
+        activeConversationId,
+        conversationState,
+        messages: timeline,
+        threadState,
+        privacyMode,
+        dmPrivacySettings,
+        composerState: this.dmComposerState || "idle",
+        notifications: [],
+        zapConfig: {
+            signer: this.services.nostrClient,
+        },
+        mobileView: this.dmMobileView || "list",
+        onSelectConversation: (conversation) => {
+          void this.handleDmConversationSelect(conversation);
+        },
+        onRefreshConversations: () => {
+          this.populateProfileMessages({ force: true });
+        },
+        onBack: () => {
+          this.dmMobileView = "list";
+          void this.renderDmAppShell(this.directMessagesCache, {
+            actorPubkey: this.resolveActiveDmActor(),
+          });
+        },
+        onSendMessage: (messageText, payload) => {
+          void this.handleDmAppShellSendMessage(messageText, payload);
+        },
+        onMarkConversationRead: (conversation) => {
+          void this.handleDmConversationMarkRead(conversation);
+        },
+        onMarkAllRead: () => {
+          void this.handleDmMarkAllConversationsRead();
+        },
+        onToggleReadReceipts: (enabled) => {
+          this.handleReadReceiptsToggle(enabled);
+        },
+        onToggleTypingIndicators: (enabled) => {
+          this.handleTypingIndicatorsToggle(enabled);
+        },
+        onOpenSettings: () => {
+          this.cacheDmRelayElements();
+          this.bindDmRelayControls();
+          this.populateDmRelayPreferences();
+        },
+      });
+    } catch (error) {
+      this.dmAppShell = null;
+      devLogger.warn("[profileModal] Failed to render DM app shell:", error);
+      return;
+    }
+
+    const root =
+      this.dmAppShell &&
+      typeof this.dmAppShell.getRoot === "function"
+        ? this.dmAppShell.getRoot()
+        : null;
+    if (!(root instanceof HTMLElement)) {
+      devLogger.warn("[profileModal] DM app shell root missing.");
+      return;
+    }
+
+    root.classList.add("bg-transparent");
+    container.appendChild(root);
+
+    if (actor && activeConversationId) {
+      const renderedUntil =
+        this.getLatestDirectMessageTimestampForConversation(
+          activeConversationId,
+          actor,
+        ) || Date.now() / 1000;
+      void this.nostrService?.acknowledgeRenderedDirectMessages?.(
+        activeConversationId,
+        renderedUntil,
+      );
+    }
+  }
+
+  setFocusedDmConversation(conversationId) {
+    if (
+      !this.nostrService ||
+      typeof this.nostrService.setFocusedDirectMessageConversation !== "function"
+    ) {
+      return;
+    }
+
+    if (
+      this.focusedDmConversationId &&
+      this.focusedDmConversationId !== conversationId
+    ) {
+      this.nostrService.setFocusedDirectMessageConversation(
+        this.focusedDmConversationId,
+        false,
+      );
+    }
+
+    if (conversationId) {
+      this.nostrService.setFocusedDirectMessageConversation(conversationId, true);
+      this.focusedDmConversationId = conversationId;
+    } else {
+      this.focusedDmConversationId = "";
+    }
+  }
+
+  async handleDmConversationSelect(conversation) {
+    const conversationId =
+      conversation && typeof conversation.id === "string"
+        ? conversation.id.trim()
+        : "";
+    if (!conversationId) {
+      return;
+    }
+
+    this.dmMobileView = "thread";
+
+    const actor = this.resolveActiveDmActor();
+    const remote = this.resolveRemoteForConversationId(conversationId, actor);
+
+    this.activeDmConversationId = conversationId;
+    if (remote) {
+      this.setDirectMessageRecipient(remote, { reason: "thread-select" });
+    }
+
+    this.setFocusedDmConversation(conversationId);
+
+    await this.renderDmAppShell(this.directMessagesCache, {
+      actorPubkey: actor,
+    });
+  }
+
+  async handleDmConversationMarkRead(conversation) {
+    const conversationId =
+      conversation && typeof conversation.id === "string"
+        ? conversation.id.trim()
+        : this.activeDmConversationId;
+    if (!conversationId) {
+      return;
+    }
+
+    const actor = this.resolveActiveDmActor();
+    if (
+      !actor ||
+      !this.nostrService ||
+      typeof this.nostrService.acknowledgeRenderedDirectMessages !== "function"
+    ) {
+      return;
+    }
+
+    const renderedUntil = this.getLatestDirectMessageTimestampForConversation(
+      conversationId,
+      actor,
+    );
+
+    try {
+      await this.nostrService.acknowledgeRenderedDirectMessages(
+        conversationId,
+        renderedUntil,
+      );
+    } catch (error) {
+      devLogger.warn("[profileModal] Failed to mark conversation read:", error);
+    }
+
+    const recipient = this.resolveRemoteForConversationId(conversationId, actor);
+    const messages = this.getDirectMessagesForConversation(conversationId, actor);
+    if (recipient && messages.length) {
+      void this.maybePublishReadReceipt(messages, {
+        recipientPubkey: recipient,
+      });
+    }
+
+    await this.renderDmAppShell(this.directMessagesCache, {
+      actorPubkey: actor,
+    });
+  }
+
+  async handleDmMarkAllConversationsRead() {
+    if (
+      !this.nostrService ||
+      typeof this.nostrService.acknowledgeRenderedDirectMessages !== "function"
+    ) {
+      return;
+    }
+
+    const actor = this.resolveActiveDmActor();
+    if (!actor) {
+      return;
+    }
+
+    const summaries =
+      typeof this.nostrService.listDirectMessageConversationSummaries === "function"
+        ? await this.nostrService.listDirectMessageConversationSummaries()
+        : [];
+    const list = Array.isArray(summaries) ? summaries : [];
+
+    for (const summary of list) {
+      const conversationId =
+        typeof summary?.conversation_id === "string"
+          ? summary.conversation_id.trim()
+          : typeof summary?.conversationId === "string"
+            ? summary.conversationId.trim()
+            : "";
+      if (!conversationId) {
+        continue;
+      }
+
+      const renderedUntil =
+        Number(summary?.last_message_at) ||
+        Number(summary?.downloaded_until) ||
+        Number(summary?.opened_until) ||
+        this.getLatestDirectMessageTimestampForConversation(conversationId, actor);
+
+      try {
+        await this.nostrService.acknowledgeRenderedDirectMessages(
+          conversationId,
+          renderedUntil,
+        );
+      } catch (error) {
+        devLogger.warn(
+          "[profileModal] Failed to mark conversation read:",
+          error,
+        );
+      }
+
+      const recipient = this.resolveRemoteForConversationId(conversationId, actor);
+      const messages = this.getDirectMessagesForConversation(conversationId, actor);
+      if (recipient && messages.length) {
+        void this.maybePublishReadReceipt(messages, {
+          recipientPubkey: recipient,
+        });
+      }
+    }
+
+    await this.renderDmAppShell(this.directMessagesCache, {
+      actorPubkey: actor,
+    });
+  }
+
+  async handleDmAppShellSendMessage(messageText, payload = {}) {
+    const normalizedPayload =
+      payload && typeof payload === "object" ? payload : {};
+    const message =
+      typeof messageText === "string" ? messageText.trim() : "";
+    const attachments = Array.isArray(normalizedPayload.attachments)
+      ? normalizedPayload.attachments
+      : [];
+
+    if (!message && !attachments.length) {
+      this.showError("Please enter a message or attach a file.");
+      this.dmComposerState = "error";
+      await this.renderDmAppShell(this.directMessagesCache, {
+        actorPubkey: this.resolveActiveDmActor(),
+      });
+      return;
+    }
+
+    const actor = this.resolveActiveDmActor();
+    const activeConversationId =
+      this.activeDmConversationId ||
+      (actor && this.resolveActiveDmRecipient()
+        ? this.buildDmConversationId(actor, this.resolveActiveDmRecipient())
+        : "");
+    const targetHex =
+      this.resolveRemoteForConversationId(activeConversationId, actor) ||
+      this.resolveActiveDmRecipient();
+
+    const target =
+      typeof targetHex === "string" && typeof this.safeEncodeNpub === "function"
+        ? this.safeEncodeNpub(targetHex)
+        : "";
+    if (!target) {
+      this.showError("Please select a message recipient.");
+      this.dmComposerState = "error";
+      await this.renderDmAppShell(this.directMessagesCache, {
+        actorPubkey: actor,
+      });
+      return;
+    }
+
+    if (
+      !this.services.nostrClient ||
+      typeof this.services.nostrClient.sendDirectMessage !== "function"
+    ) {
+      this.showError("Direct message service unavailable.");
+      this.dmComposerState = "error";
+      await this.renderDmAppShell(this.directMessagesCache, {
+        actorPubkey: actor,
+      });
+      return;
+    }
+
+    const privacyMode =
+      typeof normalizedPayload.privacyMode === "string"
+        ? normalizedPayload.privacyMode.trim().toLowerCase()
+        : "nip04";
+    const useNip17 = privacyMode === "nip17" || privacyMode === "private";
+
+    if (attachments.length && !useNip17) {
+      this.showError(
+        "Attachments require NIP-17 delivery. Enable the privacy toggle to send files.",
+      );
+      this.dmComposerState = "error";
+      await this.renderDmAppShell(this.directMessagesCache, {
+        actorPubkey: actor,
+      });
+      return;
+    }
+
+    const recipientContext = this.buildDmRecipientContext(targetHex);
+    const recipientRelayHints = Array.isArray(recipientContext?.relayHints)
+      ? recipientContext.relayHints
+      : [];
+    const senderRelayHints = this.getActiveDmRelayPreferences();
+
+    if (useNip17 && !recipientRelayHints.length) {
+      this.showStatus(
+        "Privacy warning: this recipient has not shared NIP-17 relays, so we'll use your default relays.",
+        { autoHideMs: 5000 },
+      );
+    }
+
+    this.dmComposerState = "sending";
+    await this.renderDmAppShell(this.directMessagesCache, {
+      actorPubkey: actor,
+    });
+
+    try {
+      const result = await this.services.nostrClient.sendDirectMessage(
+        target,
+        message,
+        null,
+        useNip17
+          ? {
+              useNip17: true,
+              recipientRelayHints,
+              senderRelayHints,
+              attachments,
+            }
+          : {},
+      );
+
+      if (result?.ok) {
+        this.showSuccess("Message sent.");
+        if (result?.warning === "dm-relays-fallback") {
+          this.showStatus(
+            "Privacy warning: this message used default relays because no NIP-17 relay list was found.",
+            { autoHideMs: 5000 },
+          );
+        }
+        if (
+          this.nostrService &&
+          typeof this.nostrService.loadDirectMessages === "function"
+        ) {
+          await this.nostrService.loadDirectMessages({
+            actorPubkey: actor,
+            initialLoad: false,
+          });
+        }
+        this.dmComposerState = "idle";
+      } else {
+        const errorCode =
+          typeof result?.error === "string" ? result.error : "unknown";
+        userLogger.warn("[profileModal] Failed to send direct message:", errorCode);
+        this.showError(this.describeDirectMessageSendError(errorCode));
+        this.dmComposerState = "error";
+      }
+    } catch (error) {
+      userLogger.error("[profileModal] Unexpected DM send failure:", error);
+      this.showError("Unable to send message. Please try again.");
+      this.dmComposerState = "error";
+    } finally {
+      await this.renderDmAppShell(this.directMessagesCache, {
+        actorPubkey: actor,
+      });
+    }
+  }
+
+  async populateProfileMessages(options = {}) {
+    const settings =
+      options && typeof options === "object" ? options : { force: false };
+    const { force = false } = settings;
+
+    const actor = this.resolveActiveDmActor();
+    if (!actor) {
+      this.clearProfileMessages();
+      return;
+    }
+
+    if (
+      !this.nostrService ||
+      typeof this.nostrService.loadDirectMessages !== "function"
+    ) {
+      this.setMessagesLoadingState("error", {
+        message: "Direct message service unavailable.",
+      });
+      return;
+    }
+
+    if (
+      !force &&
+      !this.messagesInitialLoadPending &&
+      Array.isArray(this.directMessagesCache) &&
+      this.directMessagesCache.length
+    ) {
+      await this.renderProfileMessages(this.directMessagesCache, {
+        actorPubkey: actor,
+      });
+      this.setMessagesLoadingState("ready");
+      return;
+    }
+
+    const requestId = Symbol("messagesLoad");
+    this.activeMessagesRequest = requestId;
+    this.messagesInitialLoadPending = false;
+    this.setMessagesLoadingState("loading");
+
+    if (
+      this.directMessagesLastActor &&
+      this.directMessagesLastActor !== actor
+    ) {
+      this.resetDirectMessageSubscription();
+      if (
+        typeof this.nostrService.clearDirectMessages === "function"
+      ) {
+        try {
+          this.nostrService.clearDirectMessages({ emit: true });
+        } catch (error) {
+          devLogger.warn(
+            "[profileModal] Failed to clear direct messages cache before reload:",
+            error,
+          );
+        }
+      }
+    }
+
+    try {
+      let snapshot = await this.nostrService.loadDirectMessages({
+        actorPubkey: actor,
+        initialLoad: true,
+      });
+      if (!Array.isArray(snapshot)) {
+        snapshot = [];
+      }
+
+      if (this.activeMessagesRequest !== requestId) {
+        return;
+      }
+
+      this.directMessagesCache = snapshot;
+      this.directMessagesLastActor = actor;
+
+      await this.renderProfileMessages(snapshot, { actorPubkey: actor });
+
+      if (!snapshot.length) {
+        this.setMessagesLoadingState("empty");
+      } else {
+        this.setMessagesLoadingState("ready", {
+          message:
+            snapshot.length === 1
+              ? "1 direct message thread loaded."
+              : `${snapshot.length} direct message threads loaded.`,
+        });
+      }
+    } catch (error) {
+      if (this.activeMessagesRequest === requestId) {
+        userLogger.error(
+          "[profileModal] Failed to load direct messages:",
+          error,
+        );
+        this.setMessagesLoadingState("error", {
+          message: "Failed to load direct messages. Try again later.",
+        });
+        this.messagesInitialLoadPending = true;
+      }
+      return;
+    } finally {
+      if (this.activeMessagesRequest === requestId) {
+        this.activeMessagesRequest = null;
+        this.updateMessagesReloadState();
+      }
+    }
+
+    void this.ensureDirectMessageSubscription(actor);
+  }
+
+  mountDmAppShell() {
+    const container =
+      this.dmAppShellContainer instanceof HTMLElement
+        ? this.dmAppShellContainer
+        : null;
+    if (!container) {
+      return;
+    }
+    void this.renderDmAppShell(this.directMessagesCache, {
+      actorPubkey: this.directMessagesLastActor,
+    });
+  }
+
+  unmountDmAppShell() {
+    const container =
+      this.dmAppShellContainer instanceof HTMLElement
+        ? this.dmAppShellContainer
+        : null;
+    if (container) {
+      container.innerHTML = "";
+    }
+
+    this.dmAppShell = null;
+  }
+
+  resumeProfileMessages() {
+    this.messagesViewActive = true;
+    this.mountDmAppShell();
+    this.updateMessagesReloadState();
+  }
+
+  pauseProfileMessages() {
+    this.messagesViewActive = false;
+    this.unmountDmAppShell();
+    this.updateMessagesReloadState();
+  }
+
+  clearDirectMessagesUpdateQueue() {
+    if (this.directMessagesRenderTimeout) {
+      const clearTimeoutFn =
+        typeof window !== "undefined" && typeof window.clearTimeout === "function"
+          ? window.clearTimeout.bind(window)
+          : clearTimeout;
+      clearTimeoutFn(this.directMessagesRenderTimeout);
+      this.directMessagesRenderTimeout = null;
+    }
+    this.pendingDirectMessagesUpdate = null;
+  }
+
+  scheduleDirectMessagesRender(payload = null) {
+    if (!payload) {
+      return;
+    }
+
+    this.pendingDirectMessagesUpdate = payload;
+
+    if (this.directMessagesRenderTimeout) {
+      return;
+    }
+
+    const scheduleTimeout =
+      typeof window !== "undefined" && typeof window.setTimeout === "function"
+        ? window.setTimeout.bind(window)
+        : setTimeout;
+
+    this.directMessagesRenderTimeout = scheduleTimeout(() => {
+      this.directMessagesRenderTimeout = null;
+      this.flushDirectMessagesRender();
+    }, DIRECT_MESSAGES_BATCH_DELAY_MS);
+  }
+
+  flushDirectMessagesRender() {
+    const pending = this.pendingDirectMessagesUpdate;
+    this.pendingDirectMessagesUpdate = null;
+    if (!pending) {
+      return;
+    }
+
+    const { messages, actorPubkey, reason } = pending;
+    void this.renderProfileMessages(messages, { actorPubkey })
+      .then(() => {
+        if (!messages.length) {
+          this.setMessagesLoadingState("empty");
+        } else {
+          this.setMessagesLoadingState("ready");
+        }
+
+        if (reason === "subscription") {
+          this.setMessagesAnnouncement("New direct message received.");
+        } else if (reason === "load") {
+          this.setMessagesAnnouncement(
+            messages.length === 1
+              ? "1 direct message thread synced."
+              : `${messages.length} direct message threads synced.`,
+          );
+        }
+      })
+      .catch((error) => {
+        devLogger.warn(
+          "[profileModal] Failed to render direct messages after update:",
+          error,
+        );
+      });
+  }
+
+  handleDirectMessagesUpdated(detail = {}) {
+    if (
+      this.activeMessagesRequest &&
+      detail?.reason !== "load-incremental"
+    ) {
+      return;
+    }
+
+    const messages = Array.isArray(detail?.messages)
+      ? detail.messages
+      : [];
+    this.directMessagesCache = messages;
+
+    const actor = this.resolveActiveDmActor();
+    if (!actor) {
+      this.setMessagesLoadingState("unauthenticated");
+      this.clearDirectMessagesUpdateQueue();
+      return;
+    }
+
+    this.directMessagesLastActor = actor;
+    this.scheduleDirectMessagesRender({
+      messages,
+      actorPubkey: actor,
+      reason: typeof detail?.reason === "string" ? detail.reason : "",
+    });
+  }
+
+  handleDirectMessagesCleared() {
+    if (this.activeMessagesRequest) {
+      return;
+    }
+
+    this.clearDirectMessagesUpdateQueue();
+    this.directMessagesCache = [];
+    this.setDirectMessageRecipient(null, { reason: "clear" });
+    if (this.profileMessagesList instanceof HTMLElement) {
+      this.profileMessagesList.innerHTML = "";
+      this.profileMessagesList.classList.add("hidden");
+      this.profileMessagesList.setAttribute("hidden", "");
+    }
+
+    const actor = this.resolveActiveDmActor();
+    if (!actor) {
+      this.setMessagesLoadingState("unauthenticated");
+    } else {
+      this.setMessagesLoadingState("empty");
+    }
+
+    if (this.dmAppShellContainer instanceof HTMLElement) {
+      void this.renderDmAppShell(this.directMessagesCache, {
+        actorPubkey: actor,
+      });
+    }
+  }
+
+  handleDirectMessagesError(detail = {}) {
+    const error = detail?.error || detail?.failure || detail;
+    const reason = detail?.context?.reason || "";
+    const errorCode = error?.code || "";
+    const errorMessage =
+      typeof error === "string"
+        ? error
+        : typeof error?.message === "string"
+          ? error.message
+          : "";
+    const requiresNip44Decryptor =
+      typeof errorMessage === "string" &&
+      errorMessage.includes("Gift wrap events require a NIP-44 decryptor");
+
+    const isBenign =
+      reason === "no-decryptors" ||
+      errorCode === "decryption-failed" ||
+      (typeof error === "string" && error.includes("no-decryptors"));
+
+    if (isBenign) {
+      devLogger.info("[profileModal] Direct message sync info:", error);
+    } else {
+      userLogger.warn(
+        "[profileModal] Direct message sync issue detected:",
+        error,
+      );
+    }
+
+    if (this.activeMessagesRequest) {
+      return;
+    }
+
+    if (requiresNip44Decryptor) {
+      const nip44Message =
+        "NIP-17 direct messages require a NIP-44-capable signer or extension. Unlock or update your extension to continue.";
+      if (!this.directMessagesCache.length) {
+        this.setMessagesLoadingState("error", {
+          message: nip44Message,
+        });
+        return;
+      }
+
+      this.setMessagesAnnouncement(nip44Message);
+      this.updateMessagesReloadState();
+      return;
+    }
+
+    if (!this.directMessagesCache.length) {
+      this.setMessagesLoadingState("error", {
+        message: "Unable to sync direct messages right now.",
+      });
+      return;
+    }
+
+    this.setMessagesAnnouncement("Unable to sync direct messages right now.");
+    this.updateMessagesReloadState();
+  }
+
+  handleDirectMessagesRelayWarning(detail = {}) {
+    if (detail?.warning !== "dm-relays-fallback") {
+      return;
+    }
+
+    this.showStatus(
+      "Privacy warning: direct messages are using your default relays because no NIP-17 relay list is available.",
+      { autoHideMs: 5000 },
+    );
+  }
+
+  registerEventListeners() {
+    if (this.closeButton instanceof HTMLElement) {
+      this.closeButton.addEventListener("click", () => {
+        this.hide();
+      });
+    }
+
+    if (this.mobileLogoutButton instanceof HTMLElement) {
+      this.mobileLogoutButton.addEventListener("click", async () => {
+        try {
+          await this.callbacks.onLogout(this);
+        } catch (error) {
+          this.showError("Failed to logout. Please try again.");
+        }
+        this.hide();
+      });
+    }
+
+    if (this.profileModalBackButton instanceof HTMLElement) {
+      this.profileModalBackButton.addEventListener("click", () => {
+        this.setMobileView("menu", { focusMenu: true });
+      });
+    }
+
+    if (this.logoutButton instanceof HTMLElement) {
+      this.logoutButton.addEventListener("click", async () => {
+        try {
+          await this.callbacks.onLogout(this);
+        } catch (error) {
+          this.showError("Failed to logout. Please try again.");
+        }
+        this.hide();
+      });
+    }
+
+    if (this.channelLink instanceof HTMLElement) {
+      this.channelLink.addEventListener("click", (event) => {
+        event.preventDefault();
+        this.callbacks.onChannelLink(this.channelLink, this);
+      });
+    }
+
+    if (this.addAccountButton instanceof HTMLElement) {
+      this.addAccountButton.addEventListener("click", () => {
+        void this.handleAddAccountRequest();
+      });
+    }
+
+    if (this.permissionPromptCtaButton instanceof HTMLElement) {
+      this.permissionPromptCtaButton.addEventListener("click", () => {
+        this.callbacks.onRequestPermissionPrompt({ controller: this });
+      });
+    }
+
+    Object.entries(this.navButtons).forEach(([name, button]) => {
+      if (button instanceof HTMLElement) {
+        button.addEventListener("click", () => {
+          this.selectPane(name);
+        });
+      }
+    });
+
+    if (this.addRelayButton instanceof HTMLElement) {
+      this.addRelayButton.addEventListener("click", () => {
+        void this.handleAddRelay();
+      });
+    }
+
+    if (this.restoreRelaysButton instanceof HTMLElement) {
+      this.restoreRelaysButton.addEventListener("click", () => {
+        void this.handleRestoreRelays();
+      });
+    }
+
+    if (this.profileRelayRefreshBtn instanceof HTMLElement) {
+      this.profileRelayRefreshBtn.addEventListener("click", () => {
+        const activeHex = this.normalizeHexPubkey(this.getActivePubkey());
+        if (!activeHex) {
+          return;
+        }
+        const service = this.services.relayManager;
+        if (!service || typeof service.loadRelayList !== "function") {
+          return;
+        }
+        void service
+          .loadRelayList(activeHex)
+          .then(() => {
+            this.populateProfileRelays();
+          })
+          .catch((error) => {
+            devLogger.warn("[profileModal] Failed to refresh relay list:", error);
+          });
+      });
+    }
+
+    if (this.relayHealthRefreshButton instanceof HTMLElement) {
+      this.relayHealthRefreshButton.addEventListener("click", () => {
+        void this.refreshRelayHealthPanel({ forceRefresh: true, reason: "manual" });
+      });
+    }
+
+    if (this.relayHealthTelemetryToggle instanceof HTMLInputElement) {
+      this.relayHealthTelemetryToggle.addEventListener("change", () => {
+        this.handleRelayHealthTelemetryToggle();
+      });
+    }
+
+    if (this.addBlockedButton instanceof HTMLElement) {
+      this.addBlockedButton.addEventListener("click", () => {
+        void this.handleAddBlockedCreator();
+      });
+    }
+
+    if (this.profileBlockedRefreshBtn instanceof HTMLElement) {
+      this.profileBlockedRefreshBtn.addEventListener("click", () => {
+        const activeHex = this.normalizeHexPubkey(this.getActivePubkey());
+        if (!activeHex) {
+          return;
+        }
+        const blocksService = this.services.userBlocks;
+        if (!blocksService || typeof blocksService.loadBlocks !== "function") {
+          return;
+        }
+        void blocksService
+          .loadBlocks(activeHex)
+          .then(() => {
+            this.populateBlockedList();
+          })
+          .catch((error) => {
+            devLogger.warn("[profileModal] Failed to refresh blocked list:", error);
+          });
+      });
+    }
+
+    if (this.blockInput instanceof HTMLElement) {
+      this.blockInput.addEventListener("keydown", (event) => {
+        if (event.key === "Enter") {
+          event.preventDefault();
+          void this.handleAddBlockedCreator();
+        }
+      });
+    }
+
+    if (this.profileSubscriptionsRefreshBtn instanceof HTMLElement) {
+      this.profileSubscriptionsRefreshBtn.addEventListener("click", () => {
+        const activeHex = this.normalizeHexPubkey(this.getActivePubkey());
+        if (!activeHex) {
+          return;
+        }
+        const service = this.subscriptionsService;
+        if (!service || typeof service.loadSubscriptions !== "function") {
+          return;
+        }
+        void service
+          .loadSubscriptions(activeHex, { allowPermissionPrompt: true })
+          .then(() => {
+            void this.populateSubscriptionsList();
+          })
+          .catch((error) => {
+            devLogger.warn(
+              "[profileModal] Failed to refresh subscriptions list:",
+              error,
+            );
+          });
+      });
+    }
+
+    if (this.profileFriendsRefreshBtn instanceof HTMLElement) {
+      this.profileFriendsRefreshBtn.addEventListener("click", () => {
+        const activeHex = this.normalizeHexPubkey(this.getActivePubkey());
+        if (!activeHex) {
+          return;
+        }
+        const moderationService = this.moderationService;
+        const refreshPromise =
+          moderationService &&
+          typeof moderationService.ensureViewerContactsLoaded === "function"
+            ? moderationService.ensureViewerContactsLoaded(activeHex)
+            : this.subscriptionsService &&
+              typeof this.subscriptionsService.ensureLoaded === "function"
+            ? this.subscriptionsService.ensureLoaded(activeHex)
+            : null;
+
+        void Promise.resolve(refreshPromise)
+          .then(() => {
+            this.populateFriendsList();
+          })
+          .catch((error) => {
+            devLogger.warn("[profileModal] Failed to refresh friends list:", error);
+          });
+      });
+    }
+
+    if (this.addHashtagInterestButton instanceof HTMLElement) {
+      this.addHashtagInterestButton.addEventListener("click", () => {
+        void this.handleAddHashtagPreference("interest");
+      });
+    }
+
+    const handleHashtagRefresh = () => {
+      const activeHex = this.normalizeHexPubkey(this.getActivePubkey());
+      if (!activeHex) {
+        return;
+      }
+      const service = this.hashtagPreferencesService;
+      if (!service || typeof service.load !== "function") {
+        return;
+      }
+      void service
+        .load(activeHex, { allowPermissionPrompt: true })
+        .catch((error) => {
+        devLogger.warn(
+          "[profileModal] Failed to refresh hashtag preferences:",
+          error,
+        );
+      });
+    };
+
+    if (this.profileHashtagInterestRefreshBtn instanceof HTMLElement) {
+      this.profileHashtagInterestRefreshBtn.addEventListener(
+        "click",
+        handleHashtagRefresh,
+      );
+    }
+
+    if (this.profileHashtagDisinterestRefreshBtn instanceof HTMLElement) {
+      this.profileHashtagDisinterestRefreshBtn.addEventListener(
+        "click",
+        handleHashtagRefresh,
+      );
+    }
+
+    if (this.hashtagInterestInput instanceof HTMLElement) {
+      this.hashtagInterestInput.addEventListener("keydown", (event) => {
+        if (event.key === "Enter") {
+          event.preventDefault();
+          void this.handleAddHashtagPreference("interest");
+        }
+      });
+    }
+
+    if (this.addHashtagDisinterestButton instanceof HTMLElement) {
+      this.addHashtagDisinterestButton.addEventListener("click", () => {
+        void this.handleAddHashtagPreference("disinterest");
+      });
+    }
+
+    if (this.hashtagDisinterestInput instanceof HTMLElement) {
+      this.hashtagDisinterestInput.addEventListener("keydown", (event) => {
+        if (event.key === "Enter") {
+          event.preventDefault();
+          void this.handleAddHashtagPreference("disinterest");
+        }
+      });
+    }
+
+    if (this.profileMessagesReloadButton instanceof HTMLElement) {
+      this.profileMessagesReloadButton.addEventListener("click", () => {
+        void this.populateProfileMessages({ force: true, reason: "manual" });
+      });
+    }
+
+    if (this.profileMessagesSendDmButton instanceof HTMLElement) {
+      this.profileMessagesSendDmButton.addEventListener("click", () => {
+        void this.handleSendDmRequest();
+      });
+    }
+
+    if (this.profileMessagesOpenRelaysButton instanceof HTMLElement) {
+      this.profileMessagesOpenRelaysButton.addEventListener("click", () => {
+        void this.handleOpenDmRelaysRequest();
+      });
+    }
+
+    if (this.profileMessagesPrivacyToggle instanceof HTMLElement) {
+      this.profileMessagesPrivacyToggle.addEventListener("change", (event) => {
+        const toggle = event.currentTarget;
+        if (toggle instanceof HTMLInputElement) {
+          this.handlePrivacyToggle(toggle.checked);
+        }
+      });
+    }
+
+    // Legacy toggles removed - handled by DMPrivacySettings in AppShell
+
+    if (this.profileLinkPreviewAutoToggle instanceof HTMLElement) {
+      this.profileLinkPreviewAutoToggle.addEventListener("change", (event) => {
+        const toggle = event.currentTarget;
+        if (toggle instanceof HTMLInputElement) {
+          this.handleLinkPreviewToggle(toggle.checked);
+        }
+      });
+    }
+
+    this.bindDmRelayControls();
+
+    if (this.profileMessageSendButton instanceof HTMLElement) {
+      this.profileMessageSendButton.addEventListener("click", () => {
+        void this.handleSendProfileMessage();
+      });
+    }
+
+    if (this.profileMessageAttachmentButton instanceof HTMLElement) {
+      this.profileMessageAttachmentButton.addEventListener("click", () => {
+        if (this.profileMessageAttachmentInput instanceof HTMLInputElement) {
+          this.profileMessageAttachmentInput.click();
+        }
+      });
+    }
+
+    if (this.profileMessageAttachmentInput instanceof HTMLElement) {
+      this.profileMessageAttachmentInput.addEventListener("change", () => {
+        this.handleAttachmentSelection();
+      });
+    }
+
+    if (this.profileMessageAttachmentClearCache instanceof HTMLElement) {
+      this.profileMessageAttachmentClearCache.addEventListener("click", () => {
+        clearAttachmentCache();
+        const stats = getAttachmentCacheStats();
+        this.showStatus(
+          `Attachment cache cleared (${stats.size}/${stats.maxSize}).`,
+        );
+      });
+    }
+
+    if (this.profileMessageInput instanceof HTMLElement) {
+      this.profileMessageInput.addEventListener("keydown", (event) => {
+        if (event.key === "Enter" && !event.shiftKey) {
+          event.preventDefault();
+          void this.handleSendProfileMessage();
+        }
+      });
+      this.profileMessageInput.addEventListener("input", () => {
+        void this.maybePublishTypingIndicator();
+      });
+    }
+
+    if (this.walletUriInput instanceof HTMLElement) {
+      this.walletUriInput.addEventListener("focus", () => {
+        this.revealSecretInputValue(this.walletUriInput);
+      });
+      this.walletUriInput.addEventListener("blur", () => {
+        this.handleSecretInputBlur(this.walletUriInput);
+        this.applyWalletControlState();
+      });
+      this.walletUriInput.addEventListener("input", () => {
+        this.handleSecretInputChange(this.walletUriInput);
+        this.applyWalletControlState();
+      });
+    }
+
+    if (this.walletDefaultZapInput instanceof HTMLElement) {
+      this.walletDefaultZapInput.addEventListener("input", () => {
+        this.applyWalletControlState();
+      });
+    }
+
+    if (this.walletSaveButton instanceof HTMLElement) {
+      this.walletSaveButton.addEventListener("click", () => {
+        void this.handleWalletSave();
+      });
+    }
+
+    if (this.walletTestButton instanceof HTMLElement) {
+      this.walletTestButton.addEventListener("click", () => {
+        void this.handleWalletTest();
+      });
+    }
+
+    if (this.walletDisconnectButton instanceof HTMLElement) {
+      this.walletDisconnectButton.addEventListener("click", () => {
+        void this.handleWalletDisconnect();
+      });
+    }
+
+    if (this.moderationBlurInput instanceof HTMLElement) {
+      this.moderationBlurInput.addEventListener("input", () => {
+        this.applyModerationSettingsControlState();
+      });
+    }
+
+    if (this.moderationAutoplayInput instanceof HTMLElement) {
+      this.moderationAutoplayInput.addEventListener("input", () => {
+        this.applyModerationSettingsControlState();
+      });
+    }
+
+    if (this.moderationMuteHideInput instanceof HTMLElement) {
+      this.moderationMuteHideInput.addEventListener("input", () => {
+        this.applyModerationSettingsControlState();
+      });
+    }
+
+    if (this.moderationSpamHideInput instanceof HTMLElement) {
+      this.moderationSpamHideInput.addEventListener("input", () => {
+        this.applyModerationSettingsControlState();
+      });
+    }
+
+    if (this.moderationSaveButton instanceof HTMLElement) {
+      this.moderationSaveButton.addEventListener("click", () => {
+        void this.handleModerationSettingsSave();
+      });
+    }
+
+    if (this.moderationResetButton instanceof HTMLElement) {
+      this.moderationResetButton.addEventListener("click", () => {
+        void this.handleModerationSettingsReset();
+      });
+    }
+
+    if (!this.boundModerationOverridesUpdate && typeof document !== "undefined") {
+      this.boundModerationOverridesUpdate = () => {
+        this.refreshModerationOverridesUi();
+      };
+      document.addEventListener(
+        "video:moderation-override",
+        this.boundModerationOverridesUpdate,
+      );
+      document.addEventListener(
+        "video:moderation-hide",
+        this.boundModerationOverridesUpdate,
+      );
+      document.addEventListener(
+        "video:moderation-block",
+        this.boundModerationOverridesUpdate,
+      );
+    }
+
+    if (this.addModeratorButton instanceof HTMLElement) {
+      this.addModeratorButton.addEventListener("click", () => {
+        void this.handleAddModerator();
+      });
+    }
+
+    if (this.adminModeratorsRefreshBtn instanceof HTMLElement) {
+      this.adminModeratorsRefreshBtn.addEventListener("click", () => {
+        const service = this.services.accessControl;
+        if (!service || typeof service.refresh !== "function") {
+          return;
+        }
+        void service
+          .refresh()
+          .then(() => this.refreshAdminPaneState())
+          .catch((error) => {
+            devLogger.warn("[profileModal] Failed to refresh moderators:", error);
+          });
+      });
+    }
+
+    if (this.moderatorInput instanceof HTMLElement) {
+      this.moderatorInput.addEventListener("keydown", (event) => {
+        if (event.key === "Enter") {
+          event.preventDefault();
+          void this.handleAddModerator();
+        }
+      });
+    }
+
+    if (this.addWhitelistButton instanceof HTMLElement) {
+      this.addWhitelistButton.addEventListener("click", () => {
+        void this.handleAdminListMutation("whitelist", "add");
+      });
+    }
+
+    if (this.adminWhitelistRefreshBtn instanceof HTMLElement) {
+      this.adminWhitelistRefreshBtn.addEventListener("click", () => {
+        const service = this.services.accessControl;
+        if (!service || typeof service.refresh !== "function") {
+          return;
+        }
+        void service
+          .refresh()
+          .then(() => this.refreshAdminPaneState())
+          .catch((error) => {
+            devLogger.warn("[profileModal] Failed to refresh whitelist:", error);
+          });
+      });
+    }
+
+    if (this.whitelistInput instanceof HTMLElement) {
+      this.whitelistInput.addEventListener("keydown", (event) => {
+        if (event.key === "Enter") {
+          event.preventDefault();
+          void this.handleAdminListMutation("whitelist", "add");
+        }
+      });
+    }
+
+    if (this.addBlacklistButton instanceof HTMLElement) {
+      this.addBlacklistButton.addEventListener("click", () => {
+        void this.handleAdminListMutation("blacklist", "add");
+      });
+    }
+
+    if (this.adminBlacklistRefreshBtn instanceof HTMLElement) {
+      this.adminBlacklistRefreshBtn.addEventListener("click", () => {
+        const service = this.services.accessControl;
+        if (!service || typeof service.refresh !== "function") {
+          return;
+        }
+        void service
+          .refresh()
+          .then(() => this.refreshAdminPaneState())
+          .catch((error) => {
+            devLogger.warn("[profileModal] Failed to refresh blacklist:", error);
+          });
+      });
+    }
+
+    if (this.blacklistInput instanceof HTMLElement) {
+      this.blacklistInput.addEventListener("keydown", (event) => {
+        if (event.key === "Enter") {
+          event.preventDefault();
+          void this.handleAdminListMutation("blacklist", "add");
+        }
+      });
+    }
+
+    if (this.storageUnlockBtn instanceof HTMLElement) {
+      this.storageUnlockBtn.addEventListener("click", () => {
+        void this.handleUnlockStorage();
+      });
+    }
+
+    if (this.storageSaveBtn instanceof HTMLElement) {
+      this.storageSaveBtn.addEventListener("click", () => {
+        void this.handleSaveStorage();
+      });
+    }
+
+    if (this.storageTestBtn instanceof HTMLElement) {
+      this.storageTestBtn.addEventListener("click", () => {
+        void this.handleTestStorage();
+      });
+    }
+
+    if (this.storageClearBtn instanceof HTMLElement) {
+      this.storageClearBtn.addEventListener("click", () => {
+        void this.handleClearStorage();
+      });
+    }
+
+    if (this.storageProviderInput instanceof HTMLElement) {
+      this.storageProviderInput.addEventListener("change", () => {
+        this.updateStorageFormVisibility();
+      });
+    }
+
+    if (this.storagePrefixInput instanceof HTMLElement) {
+      this.storagePrefixInput.addEventListener("input", () => {
+        this.handlePublicUrlInput();
+      });
+    }
+
+    if (this.profileEditBtn instanceof HTMLElement) {
+      this.profileEditBtn.addEventListener("click", () => {
+        this.handleEditProfile();
+      });
+    }
+
+    if (this.profileEditBackBtn instanceof HTMLElement) {
+      this.profileEditBackBtn.addEventListener("click", () => {
+        this.selectPane("account");
+      });
+    }
+
+    if (this.editCancelBtn instanceof HTMLElement) {
+      this.editCancelBtn.addEventListener("click", () => {
+        this.selectPane("account");
+      });
+    }
+
+    if (this.editSaveBtn instanceof HTMLElement) {
+      this.editSaveBtn.addEventListener("click", () => {
+        void this.handleSaveProfile();
+      });
+    }
+
+    if (this.editPictureUploadBtn instanceof HTMLElement) {
+      this.editPictureUploadBtn.addEventListener("click", () => {
+        if (this.editPictureFile) this.editPictureFile.click();
+      });
+    }
+
+    if (this.editPictureFile instanceof HTMLElement) {
+      this.editPictureFile.addEventListener("change", () => {
+        void this.handleUpload("picture");
+      });
+    }
+
+    if (this.editBannerUploadBtn instanceof HTMLElement) {
+      this.editBannerUploadBtn.addEventListener("click", () => {
+        if (this.editBannerFile) this.editBannerFile.click();
+      });
+    }
+
+    if (this.editBannerFile instanceof HTMLElement) {
+      this.editBannerFile.addEventListener("change", () => {
+        void this.handleUpload("banner");
+      });
+    }
+
+    if (this.editPictureConfigureLink instanceof HTMLElement) {
+      this.editPictureConfigureLink.addEventListener("click", (e) => {
+        e.preventDefault();
+        this.selectPane("storage");
+      });
+    }
+
+    if (this.editBannerConfigureLink instanceof HTMLElement) {
+      this.editBannerConfigureLink.addEventListener("click", (e) => {
+        e.preventDefault();
+        this.selectPane("storage");
+      });
+    }
+
+    this.updateMessagesReloadState();
+  }
+
+  resolveAddAccountLoginError(error, fallbackMessage = "") {
+    const describe = this.describeLoginErrorService;
+    const fallback =
+      typeof fallbackMessage === "string" && fallbackMessage.trim()
+        ? fallbackMessage.trim()
+        : "Couldn't add that profile. Please try again.";
+
+    if (typeof describe === "function") {
+      try {
+        const message = describe(error, fallback);
+        if (typeof message === "string" && message.trim()) {
+          return message.trim();
+        }
+      } catch (describeError) {
+        devLogger.warn(
+          "[ProfileModalController] describeLoginError service threw:",
+          describeError,
+        );
+      }
+    }
+
+    return fallback;
+  }
+
+  describeHashtagPreferencesError(error, options = {}) {
+    const describe = this.describeHashtagPreferencesErrorService;
+    const { fallbackMessage, operation } =
+      options && typeof options === "object" ? options : {};
+    const normalizedOperation =
+      typeof operation === "string" && operation.trim()
+        ? operation.trim().toLowerCase()
+        : "update";
+
+    const fallback =
+      typeof fallbackMessage === "string" && fallbackMessage.trim()
+        ? fallbackMessage.trim()
+        : normalizedOperation === "load"
+        ? "Failed to load hashtag preferences. Please try again."
+        : normalizedOperation === "reset"
+        ? "Failed to reset hashtag preferences."
+        : "Failed to update hashtag preferences. Please try again.";
+
+    if (typeof describe === "function") {
+      try {
+        const message = describe(error, fallback);
+        if (typeof message === "string" && message.trim()) {
+          return message.trim();
+        }
+      } catch (describeError) {
+        devLogger.warn(
+          "[ProfileModalController] describeHashtagPreferencesError service threw:",
+          describeError,
+        );
+      }
+    }
+
+    return fallback;
+  }
+
+  setAddAccountLoading(isLoading) {
+    if (!(this.addAccountButton instanceof HTMLElement)) {
+      return;
+    }
+
+    const button = this.addAccountButton;
+    const titleEl = button.querySelector("[data-profile-add-title]");
+    const hintEl = button.querySelector("[data-profile-add-hint]");
+
+    if (isLoading) {
+      this.addAccountButtonState = {
+        originalDisabled: button.disabled,
+        originalAriaLabel: button.getAttribute("aria-label"),
+        titleElement: titleEl instanceof HTMLElement ? titleEl : null,
+        hintElement: hintEl instanceof HTMLElement ? hintEl : null,
+        originalTitle:
+          titleEl instanceof HTMLElement ? titleEl.textContent || "" : "",
+        originalHint:
+          hintEl instanceof HTMLElement ? hintEl.textContent || "" : "",
+      };
+
+      button.disabled = true;
+      button.dataset.state = "loading";
+      button.setAttribute("aria-busy", "true");
+      button.setAttribute("aria-disabled", "true");
+
+      if (this.addAccountButtonState.titleElement) {
+        this.addAccountButtonState.titleElement.textContent = "Connecting...";
+      }
+
+      if (this.addAccountButtonState.hintElement) {
+        this.addAccountButtonState.hintElement.textContent =
+          "Complete the login prompt from your provider.";
+      }
+
+      button.setAttribute(
+        "aria-label",
+        "Connecting to your Nostr account",
+      );
+
+      return;
+    }
+
+    const state = this.addAccountButtonState;
+
+    if (state) {
+      button.disabled = !!state.originalDisabled;
+      if (state.originalDisabled) {
+        button.setAttribute("aria-disabled", "true");
+      } else {
+        button.removeAttribute("aria-disabled");
+      }
+
+      if (state.titleElement) {
+        state.titleElement.textContent = state.originalTitle || "";
+      }
+
+      if (state.hintElement) {
+        state.hintElement.textContent = state.originalHint || "";
+      }
+
+      if (state.originalAriaLabel === null) {
+        button.removeAttribute("aria-label");
+      } else if (typeof state.originalAriaLabel === "string") {
+        button.setAttribute("aria-label", state.originalAriaLabel);
+      }
+    } else {
+      if (button.disabled) {
+        button.setAttribute("aria-disabled", "true");
+      } else {
+        button.removeAttribute("aria-disabled");
+      }
+    }
+
+    button.setAttribute("aria-busy", "false");
+    delete button.dataset.state;
+
+    this.addAccountButtonState = null;
+  }
+
+  isAddAccountCancellationError(error) {
+    if (!error || typeof error !== "object") {
+      return false;
+    }
+
+    const code =
+      typeof error.code === "string" && error.code.trim()
+        ? error.code.trim()
+        : "";
+
+    if (!code) {
+      return false;
+    }
+
+    return ADD_PROFILE_CANCELLATION_CODES.has(code);
+  }
+
+  async handleAddAccountRequest() {
+    if (!(this.addAccountButton instanceof HTMLElement)) {
+      return;
+    }
+
+    if (this.addAccountButton.dataset.state === "loading") {
+      return;
+    }
+
+    const requestLogin = this.requestAddProfileLoginService;
+    if (typeof requestLogin !== "function") {
+      devLogger.warn(
+        "[ProfileModalController] requestAddProfileLogin service unavailable.",
+      );
+      this.showError("Login is unavailable right now. Please try again later.");
+      return;
+    }
+
+    this.setAddAccountLoading(true);
+
+    try {
+      this.bringLoginModalToFront();
+    } catch (error) {
+      devLogger.warn(
+        "[ProfileModalController] Failed to elevate login modal before add profile authentication:",
+        error,
+      );
+    }
+
+    let suspendedFocusTrap = false;
+    try {
+      this.suspendFocusTrap();
+      suspendedFocusTrap = true;
+    } catch (error) {
+      devLogger.warn(
+        "[ProfileModalController] Failed to suspend profile modal focus trap before login:",
+        error,
+      );
+    }
+
+    try {
+      const loginResult = await requestLogin({
+        controller: this,
+        triggerElement: this.addAccountButton,
+      });
+
+      if (loginResult === undefined) {
+        return;
+      }
+
+      await this.invokeAddAccountCallback(loginResult);
+    } catch (error) {
+      if (this.isAddAccountCancellationError(error)) {
+        try {
+          this.log(
+            "[ProfileModalController] Add profile flow cancelled by user.",
+            error,
+          );
+        } catch (logError) {
+          devLogger.warn(
+            "[ProfileModalController] Failed to log cancellation event:",
+            logError,
+          );
+        }
+        return;
+      }
+
+      devLogger.error(
+        "[ProfileModalController] Failed to complete add profile authentication:",
+        error,
+      );
+
+      const message = this.resolveAddAccountLoginError(
+        error,
+        "Couldn't add that profile. Please try again.",
+      );
+
+      if (message) {
+        this.showError(message);
+      }
+    } finally {
+      if (suspendedFocusTrap) {
+        try {
+          this.resumeFocusTrap();
+        } catch (error) {
+          devLogger.warn(
+            "[ProfileModalController] Failed to resume profile modal focus trap after login:",
+            error,
+          );
+        }
+      }
+
+      this.setAddAccountLoading(false);
+    }
+  }
+
+  async invokeAddAccountCallback(loginResult) {
+    if (typeof this.callbacks.onAddAccount !== "function") {
+      return;
+    }
+
+    try {
+      await this.callbacks.onAddAccount({
+        controller: this,
+        loginResult,
+      });
+    } catch (error) {
+      devLogger.warn(
+        "[ProfileModalController] onAddAccount callback threw:",
+        error,
+      );
+      throw error;
+    }
+  }
+
+  renderSavedProfiles() {
+    const normalizedActive = this.normalizeHexPubkey(this.getActivePubkey());
+    const entriesNeedingFetch = new Set();
+    const savedProfiles = this.getSavedProfiles();
+
+    const resolveMeta = (entry) => {
+      if (!entry || typeof entry !== "object") {
+        return {
+          name: "",
+          picture: FALLBACK_PROFILE_AVATAR,
+          npub: null,
+        };
+      }
+
+      const normalizedPubkey = this.normalizeHexPubkey(entry.pubkey);
+      let cacheEntry = null;
+      if (normalizedPubkey) {
+        cacheEntry = this.services.getProfileCacheEntry(normalizedPubkey);
+      }
+      const cachedProfile = cacheEntry?.profile || {};
+
+      const hasStoredName =
+        typeof entry.name === "string" && entry.name.trim().length > 0;
+      const hasStoredPicture =
+        typeof entry.picture === "string" && entry.picture.trim().length > 0;
+
+      if (
+        !cacheEntry &&
+        normalizedPubkey &&
+        (!hasStoredName || !hasStoredPicture)
+      ) {
+        entriesNeedingFetch.add(normalizedPubkey);
+      }
+
+      let resolvedNpub =
+        typeof entry.npub === "string" && entry.npub.trim()
+          ? entry.npub.trim()
+          : null;
+      if (!resolvedNpub && entry.pubkey) {
+        resolvedNpub = this.safeEncodeNpub(entry.pubkey);
+      }
+
+      return {
+        name: cachedProfile.name || entry.name || "",
+        picture: cachedProfile.picture || entry.picture || FALLBACK_PROFILE_AVATAR,
+        npub: resolvedNpub,
+      };
+    };
+
+    const savedEntries = Array.isArray(savedProfiles)
+      ? savedProfiles.filter((entry) => entry && entry.pubkey)
+      : [];
+
+    let activeEntry = null;
+    if (normalizedActive) {
+      activeEntry = savedEntries.find(
+        (entry) => this.normalizeHexPubkey(entry.pubkey) === normalizedActive,
+      );
+    }
+    if (!activeEntry && savedEntries.length) {
+      activeEntry = savedEntries[0];
+    }
+
+    const activeMeta = activeEntry ? resolveMeta(activeEntry) : null;
+    const hasActiveProfile = Boolean(activeEntry && activeMeta);
+    const truncate = this.truncateMiddle || ((value) => value);
+    const formatNpub =
+      typeof this.formatShortNpub === "function"
+        ? (value) => this.formatShortNpub(value)
+        : (value) => (typeof value === "string" ? value : "");
+    const activeNameFallback = activeMeta?.npub
+      ? formatNpub(activeMeta.npub) || DEFAULT_SAVED_PROFILE_LABEL
+      : DEFAULT_SAVED_PROFILE_LABEL;
+    const activeDisplayName = hasActiveProfile
+      ? activeMeta?.name?.trim() || activeNameFallback
+      : "No active profile";
+    const activeAvatarSrc = hasActiveProfile
+      ? activeMeta?.picture || FALLBACK_PROFILE_AVATAR
+      : FALLBACK_PROFILE_AVATAR;
+
+    if (this.profileName) {
+      this.profileName.textContent = activeDisplayName;
+    }
+
+    if (this.profileAvatar instanceof HTMLImageElement) {
+      if (this.profileAvatar.src !== activeAvatarSrc) {
+        this.profileAvatar.src = activeAvatarSrc;
+      }
+      this.profileAvatar.alt = hasActiveProfile
+        ? `${activeDisplayName} avatar`
+        : "Default profile avatar";
+    } else if (this.profileAvatar instanceof HTMLElement) {
+      this.profileAvatar.setAttribute("data-avatar-src", activeAvatarSrc);
+    }
+
+    if (this.profileNpub) {
+      if (hasActiveProfile && activeMeta?.npub) {
+        const displayNpub = formatNpub(activeMeta.npub);
+        this.profileNpub.textContent = displayNpub || "npub unavailable";
+      } else if (hasActiveProfile) {
+        this.profileNpub.textContent = "npub unavailable";
+      } else {
+        this.profileNpub.textContent = "Link a profile to get started";
+      }
+    }
+
+    if (this.channelLink instanceof HTMLElement) {
+      if (hasActiveProfile && activeMeta?.npub) {
+        const encodedNpub = activeMeta.npub;
+        this.channelLink.href = `#view=channel-profile&npub=${encodeURIComponent(
+          encodedNpub,
+        )}`;
+        this.channelLink.dataset.targetNpub = encodedNpub;
+        this.channelLink.classList.remove("hidden");
+        this.channelLink.setAttribute("aria-hidden", "false");
+      } else {
+        this.channelLink.classList.add("hidden");
+        this.channelLink.removeAttribute("href");
+        if (this.channelLink.dataset) {
+          delete this.channelLink.dataset.targetNpub;
+        }
+        this.channelLink.setAttribute("aria-hidden", "true");
+      }
+    }
+
+    if (this.globalProfileAvatar instanceof HTMLImageElement) {
+      if (this.globalProfileAvatar.src !== activeAvatarSrc) {
+        this.globalProfileAvatar.src = activeAvatarSrc;
+      }
+      this.globalProfileAvatar.alt = hasActiveProfile
+        ? `${activeDisplayName} avatar`
+        : this.globalProfileAvatar.alt || "Profile avatar";
+    }
+
+    const listEl = this.switcherList;
+    if (listEl instanceof HTMLElement) {
+      listEl.innerHTML = "";
+      let normalizedSelection = this.normalizeHexPubkey(
+        this.profileSwitcherSelectionPubkey,
+      );
+      if (normalizedSelection && normalizedSelection === normalizedActive) {
+        normalizedSelection = null;
+        this.profileSwitcherSelectionPubkey = null;
+      }
+
+      const entriesToRender = savedEntries.filter((entry) => {
+        const normalized = this.normalizeHexPubkey(entry.pubkey);
+        return normalized && normalized !== normalizedActive;
+      });
+
+      if (!entriesToRender.length) {
+        listEl.setAttribute("data-profile-switcher-empty", "true");
+        const helper = document.createElement("p");
+        helper.className = "text-sm text-muted";
+        helper.textContent = "No other profiles saved yet.";
+        helper.setAttribute("role", "note");
+        listEl.appendChild(helper);
+      } else {
+        listEl.removeAttribute("data-profile-switcher-empty");
+
+        entriesToRender.forEach((entry) => {
+          const meta = resolveMeta(entry);
+          const button = document.createElement("button");
+          button.type = "button";
+          button.className =
+            "card focus-ring flex w-full items-center gap-4 p-4 text-left transition";
+          button.dataset.pubkey = entry.pubkey;
+          if (meta.npub) {
+            button.dataset.npub = meta.npub;
+          }
+          const normalizedAuthType =
+            typeof entry.authType === "string" && entry.authType.trim()
+              ? entry.authType.trim()
+              : null;
+          if (normalizedAuthType) {
+            button.dataset.authType = normalizedAuthType;
+          }
+
+          const normalizedPubkey = this.normalizeHexPubkey(entry.pubkey);
+          const isSelected =
+            normalizedSelection && normalizedPubkey === normalizedSelection;
+          if (isSelected) {
+            button.dataset.state = "active";
+            button.setAttribute("aria-pressed", "true");
+          } else {
+            delete button.dataset.state;
+            button.setAttribute("aria-pressed", "false");
+          }
+
+          const avatarSpan = document.createElement("span");
+          avatarSpan.className =
+            "flex h-12 w-12 flex-shrink-0 items-center justify-center overflow-hidden rounded-full border-2 border-overlay-strong bg-overlay-panel-soft";
+          const avatarImg = document.createElement("img");
+          avatarImg.className = "h-full w-full object-cover";
+          avatarImg.src = meta.picture || FALLBACK_PROFILE_AVATAR;
+          const cardDisplayName =
+            meta.name?.trim() ||
+            (meta.npub
+              ? formatNpub(meta.npub) || DEFAULT_SAVED_PROFILE_LABEL
+              : DEFAULT_SAVED_PROFILE_LABEL);
+          avatarImg.alt = `${cardDisplayName} avatar`;
+          avatarSpan.appendChild(avatarImg);
+
+          const metaSpan = document.createElement("div");
+          metaSpan.className = "flex min-w-0 flex-1 flex-col gap-2";
+
+          const topLine = document.createElement("div");
+          topLine.className =
+            "flex flex-wrap items-center justify-between gap-3";
+
+          const providerId = this.getEntryProviderId(entry);
+          const providerInfo = this.resolveEntryProviderMetadata(entry);
+          const providerLabel =
+            (providerInfo && providerInfo.label) || DEFAULT_SAVED_PROFILE_LABEL;
+          const badgeVariant = resolveProviderBadgeClass(
+            providerInfo && providerInfo.badgeVariant,
+          );
+
+          const resolvedProviderId =
+            providerId || (providerInfo && providerInfo.id) || "";
+
+          const label = document.createElement("span");
+          label.className = `${PROVIDER_BADGE_BASE_CLASS} ${badgeVariant}`;
+          label.textContent = providerLabel;
+          label.dataset.providerVariant =
+            (providerInfo && providerInfo.badgeVariant) || "neutral";
+          if (providerId) {
+            label.dataset.providerId = providerId;
+          } else if (providerInfo && providerInfo.id) {
+            label.dataset.providerId = providerInfo.id;
+          }
+
+          const actionGroup = document.createElement("div");
+          actionGroup.className = "flex flex-wrap items-center gap-2";
+
+          const action = document.createElement("span");
+          action.className = "text-xs font-medium text-muted";
+          action.setAttribute("aria-hidden", "true");
+          action.textContent = isSelected ? "Selected" : "Switch";
+
+          actionGroup.appendChild(action);
+
+          const logoutButton = this.createSavedProfileLogoutButton({
+            entry,
+            providerId: resolvedProviderId || null,
+            cardButton: button,
+            displayName: cardDisplayName,
+          });
+          if (logoutButton) {
+            actionGroup.appendChild(logoutButton);
+          }
+
+          topLine.append(label, actionGroup);
+
+          const nameSpan = document.createElement("span");
+          nameSpan.className = "truncate text-sm font-semibold text-primary";
+          nameSpan.textContent = cardDisplayName;
+
+          const npubSpan = document.createElement("span");
+          npubSpan.className = "break-all font-mono text-xs text-muted";
+          if (meta.npub) {
+            const displayNpub = formatNpub(meta.npub);
+            npubSpan.textContent = displayNpub || "npub unavailable";
+          } else {
+            npubSpan.textContent = "npub unavailable";
+          }
+
+          metaSpan.append(topLine, nameSpan, npubSpan);
+          button.append(avatarSpan, metaSpan);
+
+          const ariaLabel = isSelected
+            ? `${cardDisplayName} selected`
+            : `Switch to ${cardDisplayName}`;
+          button.setAttribute("aria-label", ariaLabel);
+
+          if (resolvedProviderId) {
+            button.dataset.providerId = resolvedProviderId;
+          } else {
+            delete button.dataset.providerId;
+          }
+
+          const activateProfile = async (event) => {
+            if (event) {
+              event.preventDefault();
+              event.stopPropagation();
+            }
+
+            if (button.dataset.loading === "true") {
+              return;
+            }
+
+            button.dataset.loading = "true";
+            button.setAttribute("aria-busy", "true");
+
+            const logProviderId =
+              providerId || (providerInfo && providerInfo.id) || normalizedAuthType || "unknown";
+
+            try {
+              await this.switchProfile(entry.pubkey, {
+                entry,
+                providerId: providerId || null,
+              });
+            } catch (error) {
+              userLogger.error(
+                `[ProfileModalController] Failed to switch profile for provider ${logProviderId}:`,
+                error,
+              );
+            } finally {
+              button.dataset.loading = "false";
+              button.setAttribute("aria-busy", "false");
+            }
+          };
+
+          button.addEventListener("click", activateProfile);
+          button.addEventListener("keydown", (event) => {
+            const key = event?.key;
+            if (key === "Enter" || key === " " || key === "Spacebar") {
+              activateProfile(event);
+            }
+          });
+
+          listEl.appendChild(button);
+        });
+      }
+
+      this.updateFocusTrap();
+    } else {
+      this.updateFocusTrap();
+    }
+
+    if (entriesNeedingFetch.size) {
+      this.services.batchFetchProfiles(entriesNeedingFetch);
+    }
+  }
+
+  async handleSavedProfileLogout({
+    entry,
+    providerId,
+    triggerButton,
+    cardButton,
+    displayName,
+  } = {}) {
+    if (!entry || typeof entry !== "object") {
+      this.showError("Failed to logout this account. Please try again.");
+      return { loggedOut: false, reason: "invalid-entry" };
+    }
+
+    const targetPubkey =
+      typeof entry.pubkey === "string" && entry.pubkey.trim()
+        ? entry.pubkey.trim()
+        : "";
+    if (!targetPubkey) {
+      this.showError("Failed to logout this account. Please try again.");
+      return { loggedOut: false, reason: "invalid-pubkey" };
+    }
+
+    if (
+      !this.callbacks.onRequestLogoutProfile ||
+      this.callbacks.onRequestLogoutProfile === noop
+    ) {
+      this.showError("Account logout is not available right now.");
+      return { loggedOut: false, reason: "logout-unavailable" };
+    }
+
+    const revertUiState = () => {
+      if (triggerButton instanceof HTMLElement) {
+        triggerButton.disabled = false;
+        triggerButton.removeAttribute("aria-busy");
+        delete triggerButton.dataset.state;
+      }
+
+      if (cardButton instanceof HTMLElement) {
+        cardButton.disabled = false;
+        cardButton.removeAttribute("aria-busy");
+        delete cardButton.dataset.loading;
+      }
+    };
+
+    if (triggerButton instanceof HTMLElement) {
+      triggerButton.dataset.state = "loading";
+      triggerButton.disabled = true;
+      triggerButton.setAttribute("aria-busy", "true");
+    }
+
+    if (cardButton instanceof HTMLElement) {
+      cardButton.dataset.loading = "true";
+      cardButton.disabled = true;
+      cardButton.setAttribute("aria-busy", "true");
+    }
+
+    let result;
+    try {
+      result = await this.callbacks.onRequestLogoutProfile({
+        controller: this,
+        pubkey: targetPubkey,
+        entry,
+        providerId: this.normalizeProviderId(providerId) || null,
+      });
+    } catch (error) {
+      this.showError("Failed to logout this account. Please try again.");
+      result = { loggedOut: false, error, reason: "logout-error" };
+    } finally {
+      revertUiState();
+    }
+
+    if (!result || typeof result !== "object") {
+      this.showError("Failed to logout this account. Please try again.");
+      return { loggedOut: false, reason: "unknown" };
+    }
+
+    if (result.loggedOut || result.removed) {
+      const successName =
+        typeof displayName === "string" && displayName.trim()
+          ? displayName.trim()
+          : null;
+      const message = successName
+        ? `${successName} logged out.`
+        : "Account logged out.";
+
+      this.profileSwitcherSelectionPubkey = null;
+      this.showSuccess(message);
+      this.renderSavedProfiles();
+
+      return { ...result, loggedOut: true };
+    }
+
+    if (result.reason === "not-found") {
+      this.profileSwitcherSelectionPubkey = null;
+      this.showStatus("This account is no longer connected.");
+      this.renderSavedProfiles();
+      return result;
+    }
+
+    if (result.reason === "active-profile") {
+      return result;
+    }
+
+    if (result.error) {
+      this.showError("Failed to logout this account. Please try again.");
+      return result;
+    }
+
+    this.showError("Failed to logout this account. Please try again.");
+    return result;
+  }
+
+  createCompactProfileSummary({
+    displayName,
+    displayNpub,
+    avatarSrc,
+    size = "sm",
+  } = {}) {
+    const sizeClassMap = {
+      xs: "h-8 w-8",
+      sm: "h-10 w-10",
+      md: "h-12 w-12",
+    };
+    const avatarSize = sizeClassMap[size] || sizeClassMap.sm;
+    const safeName = displayName?.trim() || "Unknown profile";
+    const safeNpub = displayNpub?.trim() || "npub unavailable";
+    const avatarUrl = avatarSrc || FALLBACK_PROFILE_AVATAR;
+
+    const container = document.createElement("div");
+    container.className = "min-w-0 flex flex-1 items-center gap-2";
+
+    const avatarWrapper = document.createElement("span");
+    avatarWrapper.className = `flex ${avatarSize} flex-shrink-0 items-center justify-center overflow-hidden rounded-full border border-overlay-strong bg-overlay-panel-soft`;
+
+    const avatarImg = document.createElement("img");
+    avatarImg.className = "h-full w-full object-cover";
+    avatarImg.src = avatarUrl;
+    avatarImg.alt = `${safeName} avatar`;
+    avatarWrapper.appendChild(avatarImg);
+
+    const textStack = document.createElement("div");
+    textStack.className = "min-w-0 flex flex-col";
+
+    const nameEl = document.createElement("p");
+    nameEl.className = "truncate text-xs font-semibold text-primary";
+    nameEl.textContent = safeName;
+
+    const npubEl = document.createElement("p");
+    npubEl.className = "break-all font-mono text-2xs text-muted";
+    npubEl.textContent = safeNpub;
+
+    textStack.append(nameEl, npubEl);
+
+    container.append(avatarWrapper, textStack);
+
+    return container;
+  }
+
+  createViewChannelButton({ targetNpub, displayNpub } = {}) {
+    const normalizedTarget =
+      typeof targetNpub === "string" && targetNpub.trim()
+        ? targetNpub.trim()
+        : "";
+    if (!normalizedTarget) {
+      return null;
+    }
+
+    const button = document.createElement("button");
+    button.type = "button";
+    button.className = "btn-ghost focus-ring text-xs";
+    button.textContent = "View channel";
+    button.dataset.targetNpub = normalizedTarget;
+
+    if (displayNpub && typeof displayNpub === "string") {
+      button.setAttribute(
+        "aria-label",
+        `View channel ${displayNpub.trim() || normalizedTarget}`,
+      );
+      button.title = `View channel ${displayNpub.trim() || normalizedTarget}`;
+    }
+
+    button.addEventListener("click", () => {
+      this.callbacks.onChannelLink(button, this);
+    });
+
+    return button;
+  }
+
+  createCopyNpubButton({ targetNpub, displayNpub } = {}) {
+    const normalizedTarget =
+      typeof targetNpub === "string" && targetNpub.trim()
+        ? targetNpub.trim()
+        : "";
+    if (!normalizedTarget) {
+      return null;
+    }
+
+    const button = document.createElement("button");
+    button.type = "button";
+    button.className = "btn-ghost focus-ring text-xs";
+    button.textContent = "Copy npub";
+
+    if (displayNpub && typeof displayNpub === "string") {
+      button.setAttribute(
+        "aria-label",
+        `Copy ${displayNpub.trim() || normalizedTarget}`,
+      );
+      button.title = `Copy ${displayNpub.trim() || normalizedTarget}`;
+    }
+
+    const handleCopy = async () => {
+      if (button.dataset.state === "loading") {
+        return;
+      }
+
+      button.dataset.state = "loading";
+      button.disabled = true;
+      button.setAttribute("aria-busy", "true");
+
+      try {
+        await this.copyNpubToClipboard(normalizedTarget, { displayNpub });
+      } finally {
+        button.disabled = false;
+        button.removeAttribute("aria-busy");
+        delete button.dataset.state;
+      }
+    };
+
+    button.addEventListener("click", () => {
+      void handleCopy();
+    });
+
+    return button;
+  }
+
+  createSavedProfileLogoutButton({
+    entry,
+    cardButton,
+    providerId,
+    displayName,
+  } = {}) {
+    if (this.callbacks.onRequestLogoutProfile === noop) {
+      return null;
+    }
+
+    if (!entry || typeof entry !== "object" || !entry.pubkey) {
+      return null;
+    }
+
+    const safeName =
+      typeof displayName === "string" && displayName.trim()
+        ? displayName.trim()
+        : "this account";
+
+    const button = document.createElement("button");
+    button.type = "button";
+    button.className = "btn-ghost focus-ring text-2xs";
+    button.dataset.variant = "critical";
+    button.dataset.role = "logout";
+    button.textContent = "Logout";
+    button.setAttribute("aria-label", `Log out ${safeName}`);
+    button.title = `Log out ${safeName}`;
+
+    button.addEventListener("click", (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+
+      if (button.dataset.state === "loading") {
+        return;
+      }
+
+      void this.handleSavedProfileLogout({
+        entry,
+        providerId,
+        triggerButton: button,
+        cardButton,
+        displayName: safeName,
+      });
+    });
+
+    return button;
+  }
+
+  createRemoveButton({
+    label = "Remove",
+    confirmMessage,
+    confirmValue,
+    onRemove,
+  } = {}) {
+    if (typeof onRemove !== "function") {
+      return null;
+    }
+
+    const button = document.createElement("button");
+    button.type = "button";
+    button.className = "btn-ghost focus-ring text-xs profile-modal__remove-button";
+    button.dataset.variant = "critical";
+    button.dataset.role = "remove";
+    button.textContent = label;
+
+    const handleRemove = async () => {
+      if (confirmMessage) {
+        const replacement =
+          typeof confirmValue === "string" && confirmValue.trim()
+            ? confirmValue.trim()
+            : "this entry";
+        const prompt = confirmMessage.replace("{npub}", replacement);
+        if (!window.confirm(prompt)) {
+          return;
+        }
+      }
+
+      button.disabled = true;
+      button.setAttribute("aria-busy", "true");
+
+      try {
+        await onRemove(button);
+      } catch (error) {
+        userLogger.error("Failed to remove entry:", error);
+      } finally {
+        button.disabled = false;
+        button.removeAttribute("aria-busy");
+      }
+    };
+
+    button.addEventListener("click", () => {
+      void handleRemove();
+    });
+
+    return button;
+  }
+
+  async copyNpubToClipboard(npub, { displayNpub } = {}) {
+    const normalized =
+      typeof npub === "string" && npub.trim() ? npub.trim() : "";
+    if (!normalized) {
+      this.showError("Unable to copy npub. Invalid value provided.");
+      return { copied: false, reason: "invalid" };
+    }
+
+    const clipboard = (() => {
+      if (
+        this.services?.clipboard &&
+        typeof this.services.clipboard.writeText === "function"
+      ) {
+        return this.services.clipboard;
+      }
+      if (
+        typeof navigator !== "undefined" &&
+        navigator?.clipboard &&
+        typeof navigator.clipboard.writeText === "function"
+      ) {
+        return navigator.clipboard;
+      }
+      return null;
+    })();
+
+    if (!clipboard) {
+      this.showError("Copy to clipboard is not supported in this browser.");
+      return { copied: false, reason: "unsupported" };
+    }
+
+    try {
+      await clipboard.writeText(normalized);
+      this.showSuccess("npub copied to clipboard!");
+      return { copied: true };
+    } catch (error) {
+      userLogger.error("Failed to copy npub:", error);
+      this.showError("Failed to copy npub. Please try again.");
+      return { copied: false, error };
+    }
+  }
+
+  setupLayoutBreakpointObserver() {
+    if (
+      typeof window === "undefined" ||
+      typeof window.matchMedia !== "function"
+    ) {
+      this.largeLayoutQuery = null;
+      this.largeLayoutQueryListener = null;
+      this.isLargeLayoutActiveFlag = false;
+      return;
+    }
+
+    if (this.largeLayoutQuery && this.largeLayoutQueryListener) {
+      this.teardownLayoutBreakpointObserver();
+    }
+
+    try {
+      const breakpointLg = getBreakpointLg();
+      const query = window.matchMedia(`(min-width: ${breakpointLg})`);
+      const handler = (event) => {
+        const matches =
+          typeof event?.matches === "boolean" ? event.matches : query.matches;
+        this.handleLayoutBreakpointChange(matches);
+      };
+      this.largeLayoutQuery = query;
+      this.largeLayoutQueryListener = handler;
+
+      if (typeof query.addEventListener === "function") {
+        query.addEventListener("change", handler);
+      } else if (typeof query.addListener === "function") {
+        query.addListener(handler);
+      }
+
+      this.handleLayoutBreakpointChange(query.matches);
+    } catch (error) {
+      this.largeLayoutQuery = null;
+      this.largeLayoutQueryListener = null;
+      devLogger.warn(
+        "[profileModal] Failed to initialize responsive breakpoint observer:",
+        error,
+      );
+      this.handleLayoutBreakpointChange(false);
+    }
+  }
+
+  teardownLayoutBreakpointObserver() {
+    const query = this.largeLayoutQuery;
+    const handler = this.largeLayoutQueryListener;
+    if (query && handler) {
+      if (typeof query.removeEventListener === "function") {
+        query.removeEventListener("change", handler);
+      } else if (typeof query.removeListener === "function") {
+        query.removeListener(handler);
+      }
+    }
+    this.largeLayoutQuery = null;
+    this.largeLayoutQueryListener = null;
+  }
+
+  handleLayoutBreakpointChange(matches) {
+    const isLarge = Boolean(matches);
+    this.isLargeLayoutActiveFlag = isLarge;
+    if (isLarge) {
+      this.setMobileView("pane", { skipFocusTrap: false });
+      return;
+    }
+
+    const targetView = this.lastMobileViewState || this.mobileViewState || "menu";
+    this.setMobileView(targetView, { skipFocusTrap: false });
+  }
+
+  isLargeLayoutActive() {
+    return Boolean(this.isLargeLayoutActiveFlag);
+  }
+
+  isMobileLayoutActive() {
+    return !this.isLargeLayoutActive();
+  }
+
+  focusActiveNavButton() {
+    const active = this.getActivePane();
+    const candidates = [];
+    if (active && this.navButtons[active] instanceof HTMLElement) {
+      candidates.push(this.navButtons[active]);
+    }
+    Object.values(this.navButtons).forEach((button) => {
+      if (
+        button instanceof HTMLElement &&
+        !candidates.includes(button) &&
+        !button.classList.contains("hidden")
+      ) {
+        candidates.push(button);
+      }
+    });
+
+    const target = candidates.find((button) => button instanceof HTMLElement);
+    if (!target) {
+      return;
+    }
+
+    window.requestAnimationFrame(() => {
+      try {
+        target.focus();
+      } catch (error) {
+        devLogger.warn(
+          "[profileModal] Failed to focus active navigation button:",
+          error,
+        );
+      }
+    });
+  }
+
+  setMobileView(view = "menu", options = {}) {
+    const normalizedView = view === "pane" ? "pane" : "menu";
+    const settings =
+      options && typeof options === "object" ? options : { skipFocusTrap: false };
+    const skipFocusTrap = Boolean(settings.skipFocusTrap);
+    const focusMenu = Boolean(settings.focusMenu);
+
+    const layoutElement =
+      this.profileModalLayout instanceof HTMLElement
+        ? this.profileModalLayout
+        : null;
+    const paneWrapper =
+      this.profileModalPaneWrapper instanceof HTMLElement
+        ? this.profileModalPaneWrapper
+        : null;
+    const menuWrapper =
+      this.profileModalMenu instanceof HTMLElement
+        ? this.profileModalMenu
+        : null;
+    const panelElement =
+      this.profileModalPanel instanceof HTMLElement
+        ? this.profileModalPanel
+        : null;
+    const rootElement =
+      this.profileModalRoot instanceof HTMLElement ? this.profileModalRoot : null;
+    const backButton =
+      this.profileModalBackButton instanceof HTMLElement
+        ? this.profileModalBackButton
+        : null;
+
+    const isLarge = this.isLargeLayoutActive();
+    this.mobileViewState = normalizedView;
+    if (!isLarge) {
+      this.lastMobileViewState = normalizedView;
+    }
+
+    if (layoutElement) {
+      layoutElement.dataset.mobileView = normalizedView;
+    }
+    if (panelElement) {
+      panelElement.dataset.mobileView = normalizedView;
+    }
+    if (rootElement) {
+      rootElement.dataset.mobileView = normalizedView;
+    }
+
+    const menuHidden = !isLarge && normalizedView === "pane";
+    const paneHidden = !isLarge && normalizedView === "menu";
+
+    if (menuWrapper) {
+      menuWrapper.setAttribute("aria-hidden", menuHidden ? "true" : "false");
+      if (menuHidden) {
+        menuWrapper.classList.add("hidden");
+        menuWrapper.setAttribute("hidden", "");
+      } else {
+        menuWrapper.classList.remove("hidden");
+        menuWrapper.removeAttribute("hidden");
+      }
+    }
+
+    if (paneWrapper) {
+      paneWrapper.setAttribute("aria-hidden", paneHidden ? "true" : "false");
+      if (paneHidden) {
+        paneWrapper.classList.add("hidden");
+        paneWrapper.setAttribute("hidden", "");
+      } else {
+        paneWrapper.classList.remove("hidden");
+        paneWrapper.removeAttribute("hidden");
+      }
+    }
+
+    if (backButton) {
+      if (isLarge || normalizedView === "menu") {
+        backButton.classList.add("hidden");
+        backButton.setAttribute("aria-hidden", "true");
+      } else {
+        backButton.classList.remove("hidden");
+        backButton.setAttribute("aria-hidden", "false");
+      }
+    }
+
+    if (!skipFocusTrap) {
+      this.updateFocusTrap();
+    }
+
+    if (focusMenu && normalizedView === "menu") {
+      this.focusActiveNavButton();
+    }
+
+    return normalizedView;
+  }
+
+  selectPane(name = "account", options = {}) {
+    const { keepMenuView = false } =
+      options && typeof options === "object" ? options : {};
+    const normalized = typeof name === "string" ? name.toLowerCase() : "account";
+    const previous = this.getActivePane();
+    const availableKeys = Object.keys(this.panes).filter((key) => {
+      const pane = this.panes[key];
+      if (!(pane instanceof HTMLElement)) {
+        return false;
+      }
+      const button = this.navButtons[key];
+      if (button instanceof HTMLElement && button.classList.contains("hidden")) {
+        return false;
+      }
+      return true;
+    });
+
+    const fallbackTarget = availableKeys.includes("account")
+      ? "account"
+      : availableKeys[0] || "account";
+    const target = availableKeys.includes(normalized)
+      ? normalized
+      : fallbackTarget;
+
+    if (previous === "history" && target !== "history") {
+      try {
+        this.profileHistoryRenderer?.pause();
+      } catch (error) {
+        userLogger.warn("[profileModal] Failed to pause history renderer:", error);
+      }
+    }
+
+    if (previous === "messages" && target !== "messages") {
+      this.pauseProfileMessages();
+    }
+
+    Object.entries(this.panes).forEach(([key, pane]) => {
+      if (!(pane instanceof HTMLElement)) {
+        return;
+      }
+      const isActive = key === target;
+      pane.classList.toggle("hidden", !isActive);
+      pane.setAttribute("aria-hidden", (!isActive).toString());
+    });
+
+    Object.entries(this.navButtons).forEach(([key, button]) => {
+      if (!(button instanceof HTMLElement)) {
+        return;
+      }
+      const isActive = key === target;
+      button.setAttribute("aria-selected", isActive ? "true" : "false");
+      if (isActive) {
+        button.dataset.state = "active";
+      } else {
+        delete button.dataset.state;
+      }
+    });
+
+    this.setActivePane(target);
+    const isMobile = this.isMobileLayoutActive();
+    const shouldStayInMenu = keepMenuView && isMobile;
+    this.setMobileView(shouldStayInMenu ? "menu" : "pane");
+
+    const activeHex = this.normalizeHexPubkey(this.getActivePubkey());
+
+    if (target === "history") {
+      void this.populateProfileWatchHistory();
+    } else if (target === "relays") {
+      this.populateProfileRelays();
+      void this.refreshRelayHealthPanel({
+        forceRefresh: true,
+        reason: "pane-select",
+      });
+    } else if (target === "messages") {
+      this.resumeProfileMessages();
+      void this.populateProfileMessages({ reason: "pane-select" });
+      void this.refreshDmRelayPreferences();
+    } else if (target === "wallet") {
+      this.refreshWalletPaneState();
+    } else if (target === "storage") {
+      this.populateStoragePane();
+    } else if (target === "hashtags") {
+      this.populateHashtagPreferences();
+      if (activeHex && this.hashtagPreferencesService) {
+        this.hashtagPreferencesService
+          .load(activeHex, { allowPermissionPrompt: true })
+          .catch(noop);
+      }
+      this.refreshHashtagBackgroundStatus();
+    } else if (target === "subscriptions") {
+      if (activeHex && this.subscriptionsService) {
+        this.subscriptionsService
+          .loadSubscriptions(activeHex, { allowPermissionPrompt: true })
+          .catch(noop);
+      }
+      void this.populateSubscriptionsList();
+      this.refreshSubscriptionsBackgroundStatus();
+    } else if (target === "blocked") {
+      if (activeHex && this.services.userBlocks) {
+        this.services.userBlocks.loadBlocks(activeHex).catch(noop);
+      }
+      this.populateBlockedList();
+    } else if (target === "safety") {
+      this.refreshModerationSettingsUi();
+      this.syncLinkPreviewSettingsUi();
+    }
+
+    this.callbacks.onSelectPane(target, { controller: this });
+    this.callbacks.onPaneShown(target, { controller: this });
+  }
+
+  populateProfileRelays(relayEntries = null) {
+    if (!this.relayList) {
+      return;
+    }
+
+    const sourceEntries = Array.isArray(relayEntries)
+      ? relayEntries
+      : this.services.relayManager.getEntries();
+
+    const relays = sourceEntries
+      .map((entry) => {
+        if (typeof entry === "string") {
+          const trimmed = entry.trim();
+          return trimmed ? { url: trimmed, mode: "both" } : null;
+        }
+        if (entry && typeof entry === "object") {
+          const url = typeof entry.url === "string" ? entry.url.trim() : "";
+          if (!url) {
+            return null;
+          }
+          const mode = typeof entry.mode === "string" ? entry.mode : "both";
+          const normalizedMode =
+            mode === "read" || mode === "write" ? mode : "both";
+          return {
+            url,
+            mode: normalizedMode,
+            read: entry.read !== false,
+            write: entry.write !== false,
+          };
+        }
+        return null;
+      })
+      .filter((entry) => entry && typeof entry.url === "string");
+
+    this.relayList.innerHTML = "";
+
+    if (!relays.length) {
+      const emptyState = document.createElement("li");
+      emptyState.className =
+        "card border border-dashed border-surface-strong p-4 text-center text-sm text-muted";
+      emptyState.textContent = "No relays configured.";
+      this.relayList.appendChild(emptyState);
+      return;
+    }
+
+    relays.forEach((entry) => {
+      const item = document.createElement("li");
+      item.className =
+        "card flex items-start justify-between gap-4 p-4";
+
+      const info = document.createElement("div");
+      info.className = "flex-1 min-w-0";
+
+      const urlEl = document.createElement("p");
+      urlEl.className = "text-sm font-medium text-primary break-all";
+      urlEl.textContent = entry.url;
+
+      const statusEl = document.createElement("p");
+      statusEl.className = "mt-1 text-xs text-muted";
+      let modeLabel = "Read & write";
+      if (entry.mode === "read") {
+        modeLabel = "Read only";
+      } else if (entry.mode === "write") {
+        modeLabel = "Write only";
+      }
+      statusEl.textContent = modeLabel;
+
+      info.appendChild(urlEl);
+      info.appendChild(statusEl);
+
+      const actions = document.createElement("div");
+      actions.className = "flex items-center gap-2";
+
+      const editBtn = document.createElement("button");
+      editBtn.type = "button";
+      editBtn.className = "btn-ghost focus-ring text-xs";
+      editBtn.textContent = "Change mode";
+      editBtn.title = "Cycle between read-only, write-only, or read/write modes.";
+      editBtn.addEventListener("click", () => {
+        void this.handleRelayModeToggle(entry.url);
+      });
+
+      const removeBtn = document.createElement("button");
+      removeBtn.type = "button";
+      removeBtn.className = "btn-ghost focus-ring text-xs";
+      removeBtn.dataset.variant = "danger";
+      removeBtn.textContent = "Remove";
+      removeBtn.addEventListener("click", () => {
+        void this.handleRemoveRelay(entry.url);
+      });
+
+      actions.appendChild(editBtn);
+      actions.appendChild(removeBtn);
+
+      item.appendChild(info);
+      item.appendChild(actions);
+
+      this.relayList.appendChild(item);
+    });
+  }
+
+  updateRelayHealthStatus(message = "") {
+    if (!this.relayHealthStatus) {
+      return;
+    }
+
+    const text = typeof message === "string" ? message.trim() : "";
+    this.relayHealthStatus.textContent = text;
+  }
+
+  updateRelayHealthSummary(snapshot = []) {
+    if (!this.relayHealthCounts || !this.relayHealthMessage) {
+      return;
+    }
+
+    const entries = Array.isArray(snapshot) ? snapshot : [];
+    const total = entries.length;
+    const healthy = entries.filter((entry) => entry.connected).length;
+    const failed = Math.max(0, total - healthy);
+
+    this.relayHealthCounts.textContent = `${healthy} healthy • ${failed} failed`;
+
+    let message = "";
+    if (!total) {
+      message = "No relays configured.";
+    } else if (failed > 0) {
+      message =
+        failed === total
+          ? "All relays are unreachable. Check your connection or update your relay list."
+          : `${failed} relay${failed === 1 ? "" : "s"} unreachable. Playback and publishing may be delayed.`;
+    } else {
+      message = "All relays reachable.";
+    }
+
+    this.relayHealthMessage.className = "mt-1 text-xs text-muted";
+    if (failed > 0) {
+      this.relayHealthMessage.classList.add("text-status-warning");
+    } else if (total > 0) {
+      this.relayHealthMessage.classList.add("text-status-success");
+    }
+    this.relayHealthMessage.textContent = message;
+  }
+
+  renderRelayHealthSnapshot(snapshot = []) {
+    if (!this.relayHealthList) {
+      return;
+    }
+
+    this.updateRelayHealthSummary(snapshot);
+    this.relayHealthList.innerHTML = "";
+
+    if (!snapshot.length) {
+      const emptyState = document.createElement("li");
+      emptyState.className =
+        "card border border-dashed border-surface-strong p-4 text-center text-sm text-muted";
+      emptyState.textContent = "No relays configured.";
+      this.relayHealthList.appendChild(emptyState);
+      return;
+    }
+
+    snapshot.forEach((entry) => {
+      const item = document.createElement("li");
+      item.className = "card flex flex-col gap-2 p-4";
+
+      const header = document.createElement("div");
+      header.className = "flex items-center justify-between gap-3";
+
+      const urlEl = document.createElement("p");
+      urlEl.className = "text-sm font-medium text-primary break-all";
+      urlEl.textContent = entry.url;
+
+      const connection = document.createElement("span");
+      const connected = Boolean(entry.connected);
+      connection.className = `text-xs font-semibold ${
+        connected ? "text-status-success" : "text-status-danger"
+      }`;
+      connection.textContent = connected ? "Connected" : "Unavailable";
+
+      header.appendChild(urlEl);
+      header.appendChild(connection);
+
+      const details = document.createElement("div");
+      details.className = "grid grid-cols-2 gap-3 text-xs text-muted sm:grid-cols-3";
+
+      const latency = document.createElement("div");
+      latency.className = "flex items-center justify-between gap-2";
+      const latencyLabel = document.createElement("span");
+      latencyLabel.textContent = "Latency";
+      const latencyValue = document.createElement("span");
+      latencyValue.className = "text-text";
+      latencyValue.textContent = Number.isFinite(entry.lastLatencyMs)
+        ? `${entry.lastLatencyMs} ms`
+        : "—";
+      latency.appendChild(latencyLabel);
+      latency.appendChild(latencyValue);
+
+      const errors = document.createElement("div");
+      errors.className = "flex items-center justify-between gap-2";
+      const errorsLabel = document.createElement("span");
+      errorsLabel.textContent = "Errors";
+      const errorsValue = document.createElement("span");
+      errorsValue.className = "text-text";
+      errorsValue.textContent = Number.isFinite(entry.errorCount)
+        ? `${entry.errorCount}`
+        : "0";
+      errors.appendChild(errorsLabel);
+      errors.appendChild(errorsValue);
+
+      const checks = document.createElement("div");
+      checks.className = "flex items-center justify-between gap-2";
+      const checksLabel = document.createElement("span");
+      checksLabel.textContent = "Checked";
+      const checksValue = document.createElement("span");
+      checksValue.className = "text-text";
+      if (Number.isFinite(entry.lastCheckedAt) && entry.lastCheckedAt > 0) {
+        checksValue.textContent = new Date(entry.lastCheckedAt).toLocaleTimeString();
+      } else {
+        checksValue.textContent = "—";
+      }
+      checks.appendChild(checksLabel);
+      checks.appendChild(checksValue);
+
+      details.appendChild(latency);
+      details.appendChild(errors);
+      details.appendChild(checks);
+
+      item.appendChild(header);
+      item.appendChild(details);
+
+      this.relayHealthList.appendChild(item);
+    });
+  }
+
+  handleRelayHealthTelemetryToggle() {
+    const service = this.services?.relayHealthService;
+    if (!service || !(this.relayHealthTelemetryToggle instanceof HTMLInputElement)) {
+      return;
+    }
+
+    const enabled = service.setTelemetryOptIn(
+      this.relayHealthTelemetryToggle.checked,
+    );
+    this.relayHealthTelemetryToggle.checked = enabled;
+    this.updateRelayHealthStatus(
+      enabled ? "Relay health telemetry enabled." : "Relay health telemetry disabled.",
+    );
+  }
+
+  async refreshRelayHealthPanel({ forceRefresh = false, reason = "" } = {}) {
+    const service = this.services?.relayHealthService;
+    if (!service || !this.relayHealthList) {
+      return [];
+    }
+
+    if (this.relayHealthTelemetryToggle instanceof HTMLInputElement) {
+      this.relayHealthTelemetryToggle.checked = service.getTelemetryOptIn();
+    }
+
+    const snapshot = service.getSnapshot();
+    this.renderRelayHealthSnapshot(snapshot);
+
+    if (!forceRefresh) {
+      return snapshot;
+    }
+
+    if (this.relayHealthRefreshPromise) {
+      return this.relayHealthRefreshPromise;
+    }
+
+    const statusMessage = reason === "manual" ? "Refreshing relay health…" : "Checking relays…";
+    this.updateRelayHealthStatus(statusMessage);
+
+    const refreshPromise = service
+      .refresh()
+      .then((latest) => {
+        this.renderRelayHealthSnapshot(latest);
+        this.updateRelayHealthStatus("Relay health updated.");
+        return latest;
+      })
+      .catch((error) => {
+        this.updateRelayHealthStatus("Failed to refresh relay health.");
+        this.showError("Failed to refresh relay health.");
+        devLogger.warn("[profileModal] Relay health refresh failed:", error);
+        return [];
+      })
+      .finally(() => {
+        if (this.relayHealthRefreshPromise === refreshPromise) {
+          this.relayHealthRefreshPromise = null;
+        }
+      });
+
+    this.relayHealthRefreshPromise = refreshPromise;
+    return refreshPromise;
+  }
+
+  async handleRelayOperation(meta = {}, {
+    successMessage = "Relay preferences updated.",
+    skipPublishIfUnchanged = true,
+    unchangedMessage = null,
+  } = {}) {
+    const operationContext = {
+      ...meta,
+      ok: false,
+      changed: false,
+      reason: null,
+      error: null,
+      publishResult: null,
+      operationResult: null,
+    };
+
+    const activePubkey = this.normalizeHexPubkey(this.getActivePubkey());
+    if (!activePubkey) {
+      this.showError("Please login to manage your relays.");
+      operationContext.reason = "no-active-pubkey";
+      return operationContext;
+    }
+
+    let result;
+    try {
+      result = await this.runRelayOperation({
+        ...meta,
+        activePubkey,
+        skipPublishIfUnchanged,
+      });
+    } catch (error) {
+      const message =
+        error && typeof error.message === "string" && error.message.trim()
+          ? error.message.trim()
+          : "Failed to update relay preferences.";
+      operationContext.reason = error?.code || "callback-error";
+      operationContext.error = error;
+      this.showError(message);
+      return operationContext;
+    }
+
+    if (result && typeof result === "object") {
+      operationContext.ok = Boolean(result.ok);
+      operationContext.changed = Boolean(result.changed);
+      operationContext.reason =
+        typeof result.reason === "string" ? result.reason : operationContext.reason;
+      operationContext.error = result.error ?? operationContext.error;
+      operationContext.publishResult =
+        result.publishResult ?? operationContext.publishResult;
+      operationContext.operationResult =
+        result.operationResult ?? operationContext.operationResult;
+    }
+
+    if (!operationContext.changed && skipPublishIfUnchanged) {
+      const reason = operationContext.reason || "unchanged";
+      operationContext.reason = reason;
+      if (reason === "duplicate") {
+        this.showSuccess("Relay is already configured.");
+      } else if (typeof unchangedMessage === "string" && unchangedMessage) {
+        this.showSuccess(unchangedMessage);
+      }
+      this.populateProfileRelays();
+      void this.refreshRelayHealthPanel({ forceRefresh: true, reason: "relay-update" });
+      return operationContext;
+    }
+
+    this.populateProfileRelays();
+    void this.refreshRelayHealthPanel({ forceRefresh: true, reason: "relay-update" });
+
+    if (operationContext.ok) {
+      if (successMessage) {
+        this.showSuccess(successMessage);
+      }
+      return operationContext;
+    }
+
+    const message =
+      operationContext.error &&
+      typeof operationContext.error.message === "string" &&
+      operationContext.error.message.trim()
+        ? operationContext.error.message.trim()
+        : "Failed to publish relay configuration. Please try again.";
+
+    if (operationContext.reason !== "no-active-pubkey") {
+      this.showError(message);
+    }
+
+    return operationContext;
+  }
+
+  async handleAddRelay() {
+    const rawValue =
+      typeof this.relayInput?.value === "string"
+        ? this.relayInput.value
+        : "";
+    const trimmed = rawValue.trim();
+
+    const context = {
+      input: this.relayInput,
+      rawValue,
+      url: trimmed,
+      result: null,
+      success: false,
+      reason: null,
+    };
+
+    if (!trimmed) {
+      this.showError("Enter a relay URL to add.");
+      context.reason = "empty";
+      this.callbacks.onAddRelay(context, this);
+      return context;
+    }
+
+    const operationResult = await this.handleRelayOperation(
+      { action: "add", url: trimmed },
+      {
+        successMessage: "Relay saved.",
+        unchangedMessage: "Relay is already configured.",
+      },
+    );
+
+    if (this.relayInput) {
+      this.relayInput.value = "";
+    }
+
+    context.result = operationResult;
+    context.success = !!operationResult?.ok;
+    context.reason = operationResult?.reason || null;
+
+    this.callbacks.onAddRelay(context, this);
+    return context;
+  }
+
+  async handleRestoreRelays() {
+    const context = {
+      confirmed: false,
+      result: null,
+      success: false,
+      reason: null,
+    };
+
+    const confirmed = window.confirm("Restore the recommended relay defaults?");
+    context.confirmed = confirmed;
+    if (!confirmed) {
+      context.reason = "cancelled";
+      this.callbacks.onRestoreRelays(context, this);
+      return context;
+    }
+
+    const operationResult = await this.handleRelayOperation(
+      { action: "restore" },
+      {
+        successMessage: "Relay defaults restored.",
+        unchangedMessage: "Relay defaults are already in use.",
+      },
+    );
+
+    context.result = operationResult;
+    context.success = !!operationResult?.ok;
+    context.reason = operationResult?.reason || null;
+
+    this.callbacks.onRestoreRelays(context, this);
+    this.callbacks.onRelayRestore({
+      controller: this,
+      context,
+    });
+    return context;
+  }
+
+  async handleRelayModeToggle(url) {
+    if (!url) {
+      return;
+    }
+    const context = await this.handleRelayOperation(
+      { action: "mode-toggle", url },
+      { successMessage: "Relay mode updated." },
+    );
+    this.callbacks.onRelayModeToggle({
+      controller: this,
+      url,
+      context,
+    });
+  }
+
+  async handleRemoveRelay(url) {
+    if (!url) {
+      return;
+    }
+
+    const confirmed = window.confirm(
+      `Remove ${url} from your relay list?`,
+    );
+    if (!confirmed) {
+      return;
+    }
+
+    await this.handleRelayOperation(
+      { action: "remove", url },
+      { successMessage: "Relay removed." },
+    );
+  }
+
+  ensureBlockListStatusElement() {
+    if (this.blockListStatus instanceof HTMLElement) {
+      return this.blockListStatus;
+    }
+
+    const anchor =
+      this.blockList instanceof HTMLElement
+        ? this.blockList
+        : this.blockListEmpty instanceof HTMLElement
+        ? this.blockListEmpty
+        : null;
+
+    if (!anchor || !(anchor.parentElement instanceof HTMLElement)) {
+      return null;
+    }
+
+    const existing = anchor.parentElement.querySelector(
+      '[data-role="blocked-list-status"]',
+    );
+    if (existing instanceof HTMLElement) {
+      this.blockListStatus = existing;
+      return existing;
+    }
+
+    const status = document.createElement("div");
+    status.dataset.role = "blocked-list-status";
+    status.className = "mt-4 flex items-center gap-3 text-sm text-muted hidden";
+    status.setAttribute("role", "status");
+    status.setAttribute("aria-live", "polite");
+
+    if (this.blockList instanceof HTMLElement) {
+      anchor.parentElement.insertBefore(status, this.blockList);
+    } else {
+      anchor.parentElement.appendChild(status);
+    }
+
+    this.blockListStatus = status;
+    return status;
+  }
+
+  setBlockListLoadingState(state = "idle", options = {}) {
+    const statusEl = this.ensureBlockListStatusElement();
+    if (!statusEl) {
+      this.blockListLoadingState = state;
+      return;
+    }
+
+    const message =
+      typeof options.message === "string" && options.message.trim()
+        ? options.message.trim()
+        : "";
+
+    statusEl.innerHTML = "";
+    statusEl.classList.remove("text-status-warning");
+    statusEl.classList.add("text-muted");
+    statusEl.classList.add("hidden");
+
+    this.blockListLoadingState = state;
+
+    if (state === "loading") {
+      if (this.blockListEmpty instanceof HTMLElement) {
+        this.blockListEmpty.classList.add("hidden");
+      }
+
+      const spinner = document.createElement("span");
+      spinner.className = "status-spinner status-spinner--inline";
+      spinner.setAttribute("aria-hidden", "true");
+
+      const text = document.createElement("span");
+      text.textContent = message || "Loading blocked creators…";
+
+      statusEl.appendChild(spinner);
+      statusEl.appendChild(text);
+      statusEl.classList.remove("hidden");
+      return;
+    }
+
+    if (state === "error") {
+      statusEl.classList.remove("text-muted");
+      statusEl.classList.add("text-status-warning");
+
+      if (this.blockListEmpty instanceof HTMLElement) {
+        this.blockListEmpty.classList.add("hidden");
+      }
+
+      const text = document.createElement("span");
+      text.textContent =
+        message || "Blocked creators may be out of date. Try again later.";
+
+      statusEl.appendChild(text);
+      statusEl.classList.remove("hidden");
+    }
+  }
+
+  normalizeHashtagTag(value) {
+    return normalizeHashtag(value);
+  }
+
+  formatHashtagTag(value) {
+    return formatHashtag(value);
+  }
+
+  sanitizeHashtagList(list) {
+    if (!Array.isArray(list)) {
+      return [];
+    }
+
+    const seen = new Set();
+    const normalized = [];
+
+    list.forEach((entry) => {
+      if (typeof entry !== "string") {
+        return;
+      }
+      const tag = this.normalizeHashtagTag(entry);
+      if (!tag || seen.has(tag)) {
+        return;
+      }
+      seen.add(tag);
+      normalized.push(tag);
+    });
+
+    normalized.sort((a, b) => a.localeCompare(b));
+    return normalized;
+  }
+
+  getResolvedHashtagPreferences(preferences = null) {
+    const candidate =
+      preferences && typeof preferences === "object" ? preferences : null;
+
+    let snapshot = null;
+    if (candidate) {
+      snapshot = candidate;
+    } else if (typeof this.getHashtagPreferencesSnapshotService === "function") {
+      try {
+        const resolved = this.getHashtagPreferencesSnapshotService();
+        if (resolved && typeof resolved === "object") {
+          snapshot = resolved;
+        }
+      } catch (error) {
+        devLogger.warn(
+          "[ProfileModalController] Failed to read hashtag preferences snapshot:",
+          error,
+        );
+      }
+    }
+
+    const service = this.hashtagPreferencesService || {};
+
+    const interestsSource = Array.isArray(snapshot?.interests)
+      ? snapshot.interests
+      : typeof service.getInterests === "function"
+      ? service.getInterests()
+      : [];
+    const disinterestsSource = Array.isArray(snapshot?.disinterests)
+      ? snapshot.disinterests
+      : typeof service.getDisinterests === "function"
+      ? service.getDisinterests()
+      : [];
+
+    return {
+      interests: this.sanitizeHashtagList(interestsSource),
+      disinterests: this.sanitizeHashtagList(disinterestsSource),
+    };
+  }
+
+  setPermissionPromptCtaState(nextState = {}) {
+    if (!nextState || typeof nextState !== "object") {
+      return;
+    }
+
+    this.permissionPromptCtaState = {
+      ...this.permissionPromptCtaState,
+      ...nextState,
+    };
+
+    this.applyPermissionPromptCtaState();
+  }
+
+  applyPermissionPromptCtaState() {
+    if (!(this.permissionPromptCta instanceof HTMLElement)) {
+      return;
+    }
+
+    const fallbackMessage =
+      "Enable permissions to load your subscriptions and hashtag preferences.";
+    const {
+      visible,
+      message,
+      buttonLabel,
+      busy,
+    } = this.permissionPromptCtaState || {};
+    const normalizedMessage =
+      typeof message === "string" && message.trim()
+        ? message.trim()
+        : fallbackMessage;
+
+    this.permissionPromptCta.classList.toggle("hidden", !visible);
+    this.permissionPromptCta.setAttribute("aria-hidden", (!visible).toString());
+
+    if (this.permissionPromptCtaMessage instanceof HTMLElement) {
+      this.permissionPromptCtaMessage.textContent = normalizedMessage;
+    }
+
+    if (this.permissionPromptCtaButton instanceof HTMLButtonElement) {
+      const normalizedLabel =
+        typeof buttonLabel === "string" && buttonLabel.trim()
+          ? buttonLabel.trim()
+          : "Enable permissions";
+      this.permissionPromptCtaButton.textContent = normalizedLabel;
+      this.permissionPromptCtaButton.disabled = Boolean(busy);
+      this.permissionPromptCtaButton.setAttribute(
+        "aria-busy",
+        busy ? "true" : "false",
+      );
+    }
+  }
+
+  setHashtagStatus(message = "", tone = "muted") {
+    if (!(this.hashtagStatusText instanceof HTMLElement)) {
+      return;
+    }
+
+    const classList = this.hashtagStatusText.classList;
+    classList.remove(
+      "text-status-success",
+      "text-status-warning",
+      "text-status-danger",
+      "text-status-info",
+      "text-muted",
+    );
+
+    const normalized =
+      typeof message === "string" && message.trim() ? message.trim() : "";
+
+    if (!normalized) {
+      this.hashtagStatusText.textContent = "";
+      this.hashtagStatusText.classList.add("text-muted", "hidden");
+      return;
+    }
+
+    this.hashtagStatusText.textContent = normalized;
+    this.hashtagStatusText.classList.remove("hidden");
+
+    switch (tone) {
+      case "success":
+        classList.add("text-status-success");
+        break;
+      case "warning":
+      case "error":
+        classList.add("text-status-warning");
+        break;
+      case "info":
+        classList.add("text-status-info");
+        break;
+      default:
+        classList.add("text-muted");
+        break;
+    }
+  }
+
+  setSubscriptionsStatus(message = "", tone = "muted") {
+    if (!(this.subscriptionsStatusText instanceof HTMLElement)) {
+      return;
+    }
+
+    const classList = this.subscriptionsStatusText.classList;
+    classList.remove(
+      "text-status-success",
+      "text-status-warning",
+      "text-status-danger",
+      "text-status-info",
+      "text-muted",
+    );
+
+    const normalized =
+      typeof message === "string" && message.trim() ? message.trim() : "";
+
+    if (!normalized) {
+      this.subscriptionsStatusText.textContent = "";
+      this.subscriptionsStatusText.classList.add("text-muted", "hidden");
+      return;
+    }
+
+    this.subscriptionsStatusText.textContent = normalized;
+    this.subscriptionsStatusText.classList.remove("hidden");
+
+    switch (tone) {
+      case "success":
+        classList.add("text-status-success");
+        break;
+      case "warning":
+      case "error":
+        classList.add("text-status-warning");
+        break;
+      case "info":
+        classList.add("text-status-info");
+        break;
+      default:
+        classList.add("text-muted");
+        break;
+    }
+  }
+
+  refreshHashtagBackgroundStatus() {
+    const isBackground = this.hashtagPreferencesService?.backgroundLoading === true;
+    const statusText = this.hashtagStatusText?.textContent?.trim?.() || "";
+
+    if (isBackground && !this.hashtagBackgroundLoading) {
+      this.hashtagBackgroundLoading = true;
+      if (!statusText) {
+        this.setHashtagStatus("Loading in background…", "info");
+      }
+      return;
+    }
+
+    if (!isBackground && this.hashtagBackgroundLoading) {
+      if (statusText === "Loading in background…") {
+        this.setHashtagStatus("", "muted");
+      }
+      this.hashtagBackgroundLoading = false;
+    }
+  }
+
+  refreshSubscriptionsBackgroundStatus() {
+    const isBackground = this.subscriptionsService?.backgroundLoading === true;
+    const statusText = this.subscriptionsStatusText?.textContent?.trim?.() || "";
+
+    if (isBackground && !this.subscriptionsBackgroundLoading) {
+      this.subscriptionsBackgroundLoading = true;
+      if (!statusText) {
+        this.setSubscriptionsStatus("Loading in background…", "info");
+      }
+      return;
+    }
+
+    if (!isBackground && this.subscriptionsBackgroundLoading) {
+      if (statusText === "Loading in background…") {
+        this.setSubscriptionsStatus("", "muted");
+      }
+      this.subscriptionsBackgroundLoading = false;
+    }
+  }
+
+  clearHashtagInputs() {
+    if (this.hashtagInterestInput instanceof HTMLInputElement) {
+      this.hashtagInterestInput.value = "";
+    }
+    if (this.hashtagDisinterestInput instanceof HTMLInputElement) {
+      this.hashtagDisinterestInput.value = "";
+    }
+  }
+
+  populateHashtagPreferences(preferences = null) {
+    const snapshot = this.getResolvedHashtagPreferences(preferences);
+
+    this.renderHashtagList("interest", snapshot.interests);
+    this.renderHashtagList("disinterest", snapshot.disinterests);
+
+    if (!snapshot.interests.length && !snapshot.disinterests.length) {
+      this.setHashtagStatus("", "muted");
+    }
+    this.refreshHashtagBackgroundStatus();
+  }
+
+  renderHashtagList(type, tags) {
+    const list =
+      type === "interest" ? this.hashtagInterestList : this.hashtagDisinterestList;
+    const empty =
+      type === "interest" ? this.hashtagInterestEmpty : this.hashtagDisinterestEmpty;
+
+    if (!(list instanceof HTMLElement) || !(empty instanceof HTMLElement)) {
+      return;
+    }
+
+    list.innerHTML = "";
+
+    const normalized = this.sanitizeHashtagList(tags);
+    if (!normalized.length) {
+      empty.classList.remove("hidden");
+      list.classList.add("hidden");
+      return;
+    }
+
+    empty.classList.add("hidden");
+    list.classList.remove("hidden");
+
+    normalized.forEach((tag) => {
+      const item = this.createHashtagListItem(type, tag);
+      if (item) {
+        list.appendChild(item);
+      }
+    });
+  }
+
+  createHashtagListItem(type, tag) {
+    const normalized = this.normalizeHashtagTag(tag);
+    if (!normalized) {
+      return null;
+    }
+
+    const item = document.createElement("li");
+    item.className = "profile-hashtag-item";
+    item.dataset.hashtagType = type;
+    item.dataset.tag = normalized;
+
+    const label = document.createElement("span");
+    label.textContent = this.formatHashtagTag(normalized);
+    item.appendChild(label);
+
+    const removeButton = document.createElement("button");
+    removeButton.type = "button";
+    removeButton.className = "profile-hashtag-remove focus-ring";
+    removeButton.dataset.hashtagType = type;
+    removeButton.dataset.tag = normalized;
+    removeButton.setAttribute(
+      "aria-label",
+      type === "interest"
+        ? `Remove ${this.formatHashtagTag(normalized)} from interests`
+        : `Remove ${this.formatHashtagTag(normalized)} from disinterests`,
+    );
+    removeButton.innerHTML = "<span aria-hidden=\"true\">&times;</span>";
+    removeButton.addEventListener("click", () => {
+      void this.handleRemoveHashtagPreference(type, normalized);
+    });
+
+    item.appendChild(removeButton);
+
+    return item;
+  }
+
+  async persistHashtagPreferences(options = {}) {
+    const service = this.hashtagPreferencesService;
+    const publish =
+      service && typeof service.publish === "function" ? service.publish : null;
+
+    if (!publish) {
+      const message = this.describeHashtagPreferencesError(null, {
+        fallbackMessage: "Hashtag preferences are unavailable right now.",
+      });
+      if (message) {
+        this.showError(message);
+        this.setHashtagStatus(message, "warning");
+      }
+      const error = new Error(
+        message || "Hashtag preferences are unavailable right now.",
+      );
+      error.code = "service-unavailable";
+      throw error;
+    }
+
+    if (this.hashtagPreferencesPublishInFlight) {
+      return this.hashtagPreferencesPublishPromise;
+    }
+
+    const { successMessage, pubkey, progressMessage } =
+      options && typeof options === "object" ? options : {};
+
+    const resolvedPubkeyCandidate =
+      typeof pubkey === "string" && pubkey.trim()
+        ? pubkey
+        : this.getActivePubkey();
+    const normalizedPubkey = this.normalizeHexPubkey(resolvedPubkeyCandidate);
+
+    const payload = normalizedPubkey ? { pubkey: normalizedPubkey } : {};
+
+    const pendingMessage =
+      typeof progressMessage === "string" && progressMessage.trim()
+        ? progressMessage.trim()
+        : "Saving hashtag preferences…";
+    const finalMessage =
+      typeof successMessage === "string" && successMessage.trim()
+        ? successMessage.trim()
+        : "Hashtag preferences saved.";
+
+    this.hashtagPreferencesPublishInFlight = true;
+    this.setHashtagStatus(pendingMessage, "info");
+
+    const publishPromise = (async () => {
+      try {
+        const result = await publish.call(service, payload);
+        this.setHashtagStatus(finalMessage, "success");
+        return result;
+      } catch (error) {
+        const failure =
+          error instanceof Error ? error : new Error(String(error || ""));
+        if (!failure.code) {
+          failure.code = "hashtag-preferences-publish-failed";
+        }
+        const message = this.describeHashtagPreferencesError(failure, {
+          fallbackMessage:
+            "Failed to update hashtag preferences. Please try again.",
+        });
+        if (message) {
+          this.showError(message);
+          this.setHashtagStatus(message, "warning");
+        }
+        throw failure;
+      } finally {
+        this.hashtagPreferencesPublishInFlight = false;
+        this.hashtagPreferencesPublishPromise = null;
+      }
+    })();
+
+    this.hashtagPreferencesPublishPromise = publishPromise;
+    return publishPromise;
+  }
+
+  async handleAddHashtagPreference(type) {
+    const isInterest = type === "interest";
+    const input = isInterest
+      ? this.hashtagInterestInput
+      : this.hashtagDisinterestInput;
+
+    const rawValue =
+      input instanceof HTMLInputElement ? input.value || "" : "";
+    const normalized = this.normalizeHashtagTag(rawValue);
+
+    if (!(input instanceof HTMLInputElement)) {
+      return { success: false, reason: "missing-input" };
+    }
+
+    if (!normalized) {
+      const message = "Enter a hashtag to add.";
+      this.showError(message);
+      this.setHashtagStatus(message, "warning");
+      return { success: false, reason: "empty" };
+    }
+
+    const service = this.hashtagPreferencesService;
+    const addMethod = isInterest
+      ? service?.addInterest
+      : service?.addDisinterest;
+
+    if (typeof addMethod !== "function") {
+      const message = "Hashtag preferences are unavailable right now.";
+      this.showError(message);
+      this.setHashtagStatus(message, "warning");
+      return { success: false, reason: "service-unavailable" };
+    }
+
+    const snapshot = this.getResolvedHashtagPreferences();
+    const alreadyInTarget = isInterest
+      ? snapshot.interests.includes(normalized)
+      : snapshot.disinterests.includes(normalized);
+    const inOpposite = isInterest
+      ? snapshot.disinterests.includes(normalized)
+      : snapshot.interests.includes(normalized);
+
+    let result = false;
+    try {
+      result = addMethod.call(service, normalized);
+    } catch (error) {
+      const message = this.describeHashtagPreferencesError(error, {
+        fallbackMessage: "Failed to update hashtag preferences. Please try again.",
+      });
+      if (message) {
+        this.showError(message);
+        this.setHashtagStatus(message, "warning");
+      }
+      return { success: false, reason: error?.code || "service-error", error };
+    } finally {
+      if (input) {
+        input.value = "";
+      }
+    }
+
+    if (result) {
+      const actionMessage = inOpposite
+        ? `${this.formatHashtagTag(normalized)} moved to ${
+            isInterest ? "interests" : "disinterests"
+          }.`
+        : `${this.formatHashtagTag(normalized)} added to ${
+            isInterest ? "interests" : "disinterests"
+          }.`;
+      this.populateHashtagPreferences();
+      try {
+        await this.persistHashtagPreferences({
+          successMessage: actionMessage,
+        });
+        this.showSuccess(actionMessage);
+        return { success: true, reason: inOpposite ? "moved" : "added" };
+      } catch (error) {
+        return {
+          success: false,
+          reason: error?.code || "publish-failed",
+          error,
+        };
+      } finally {
+        this.populateHashtagPreferences();
+      }
+    }
+
+    if (alreadyInTarget) {
+      const message = `${this.formatHashtagTag(normalized)} is already in your ${
+        isInterest ? "interests" : "disinterests"
+      }.`;
+      this.showStatus(message);
+      this.setHashtagStatus(message, "info");
+      this.populateHashtagPreferences();
+      return { success: false, reason: "duplicate" };
+    }
+
+    const fallbackMessage = this.describeHashtagPreferencesError(null, {
+      fallbackMessage: `Failed to add ${this.formatHashtagTag(normalized)}.`,
+    });
+    if (fallbackMessage) {
+      this.showError(fallbackMessage);
+      this.setHashtagStatus(fallbackMessage, "warning");
+    }
+    this.populateHashtagPreferences();
+    return { success: false, reason: "no-change" };
+  }
+
+  async handleRemoveHashtagPreference(type, candidate) {
+    const normalized = this.normalizeHashtagTag(candidate);
+    if (!normalized) {
+      return { success: false, reason: "invalid" };
+    }
+
+    const service = this.hashtagPreferencesService;
+    const removeMethod =
+      type === "interest"
+        ? service?.removeInterest
+        : service?.removeDisinterest;
+
+    if (typeof removeMethod !== "function") {
+      const message = "Hashtag preferences are unavailable right now.";
+      this.showError(message);
+      this.setHashtagStatus(message, "warning");
+      return { success: false, reason: "service-unavailable" };
+    }
+
+    let removed = false;
+    try {
+      removed = removeMethod.call(service, normalized);
+    } catch (error) {
+      const message = this.describeHashtagPreferencesError(error, {
+        fallbackMessage: `Failed to remove ${this.formatHashtagTag(normalized)}.`,
+      });
+      if (message) {
+        this.showError(message);
+        this.setHashtagStatus(message, "warning");
+      }
+      this.populateHashtagPreferences();
+      return { success: false, reason: error?.code || "service-error", error };
+    }
+
+    if (removed) {
+      const message = `${this.formatHashtagTag(normalized)} removed from ${
+        type === "interest" ? "interests" : "disinterests"
+      }.`;
+      this.populateHashtagPreferences();
+      try {
+        await this.persistHashtagPreferences({ successMessage: message });
+        this.showSuccess(message);
+      } catch (error) {
+        return {
+          success: false,
+          reason: error?.code || "publish-failed",
+          error,
+        };
+      } finally {
+        this.populateHashtagPreferences();
+      }
+    } else {
+      const message = `${this.formatHashtagTag(normalized)} is already removed.`;
+      this.showStatus(message);
+      this.setHashtagStatus(message, "info");
+    }
+
+    this.populateHashtagPreferences();
+    return { success: removed, reason: removed ? "removed" : "already-removed" };
+  }
+
+  handleHashtagPreferencesChange(detail = {}) {
+    const preferences =
+      detail && typeof detail.preferences === "object"
+        ? detail.preferences
+        : detail;
+    const action = typeof detail?.action === "string" ? detail.action : "";
+
+    if (action === "background-loading") {
+      this.hashtagBackgroundLoading = true;
+      this.setHashtagStatus("Loading in background…", "info");
+    } else if (
+      (action === "sync" || action === "background-loaded" || action === "reset") &&
+      this.hashtagBackgroundLoading
+    ) {
+      const statusText = this.hashtagStatusText?.textContent?.trim?.() || "";
+      if (statusText === "Loading in background…") {
+        this.setHashtagStatus("", "muted");
+      }
+      this.hashtagBackgroundLoading = false;
+    }
+
+    this.populateHashtagPreferences(preferences);
+    this.refreshHashtagBackgroundStatus();
+  }
+
+  handleSubscriptionsChange(detail = {}) {
+    const action = typeof detail?.action === "string" ? detail.action : "";
+
+    if (action === "background-loading") {
+      this.subscriptionsBackgroundLoading = true;
+      this.setSubscriptionsStatus("Loading in background…", "info");
+    } else if (
+      (action === "sync" || action === "background-loaded" || action === "reset") &&
+      this.subscriptionsBackgroundLoading
+    ) {
+      const statusText = this.subscriptionsStatusText?.textContent?.trim?.() || "";
+      if (statusText === "Loading in background…") {
+        this.setSubscriptionsStatus("", "muted");
+      }
+      this.subscriptionsBackgroundLoading = false;
+    }
+
+    void this.populateSubscriptionsList();
+    this.refreshSubscriptionsBackgroundStatus();
+  }
+
+  populateBlockedList(blocked = null) {
+    if (!this.blockList || !this.blockListEmpty) {
+      if (this.blockListLoadingState === "loading") {
+        this.setBlockListLoadingState("idle");
+      }
+      return;
+    }
+
+    const sourceEntries =
+      Array.isArray(blocked) && blocked.length
+        ? blocked
+        : this.services.userBlocks.getBlockedPubkeys();
+
+    const normalizedEntries = [];
+    const pushEntry = (hex, label) => {
+      if (!hex || !label) {
+        return;
+      }
+      normalizedEntries.push({ hex, label });
+    };
+
+    sourceEntries.forEach((entry) => {
+      if (typeof entry === "string") {
+        const trimmed = entry.trim();
+        if (!trimmed) {
+          return;
+        }
+
+        if (trimmed.startsWith("npub1")) {
+          const decoded = this.safeDecodeNpub(trimmed);
+          if (!decoded) {
+            return;
+          }
+          const label = this.safeEncodeNpub(decoded) || trimmed;
+          pushEntry(decoded, label);
+          return;
+        }
+
+        if (/^[0-9a-f]{64}$/i.test(trimmed)) {
+          const hex = trimmed.toLowerCase();
+          const label = this.safeEncodeNpub(hex) || hex;
+          pushEntry(hex, label);
+        }
+        return;
+      }
+
+      if (entry && typeof entry === "object") {
+        const candidateNpub =
+          typeof entry.npub === "string" ? entry.npub.trim() : "";
+        const candidateHex =
+          typeof entry.pubkey === "string" ? entry.pubkey.trim() : "";
+
+        if (candidateHex && /^[0-9a-f]{64}$/i.test(candidateHex)) {
+          const normalizedHex = candidateHex.toLowerCase();
+          const label =
+            candidateNpub && candidateNpub.startsWith("npub1")
+              ? candidateNpub
+              : this.safeEncodeNpub(normalizedHex) || normalizedHex;
+          pushEntry(normalizedHex, label);
+          return;
+        }
+
+        if (candidateNpub && candidateNpub.startsWith("npub1")) {
+          const decoded = this.safeDecodeNpub(candidateNpub);
+          if (!decoded) {
+            return;
+          }
+          const label = this.safeEncodeNpub(decoded) || candidateNpub;
+          pushEntry(decoded, label);
+        }
+      }
+    });
+
+    const deduped = [];
+    const seenHex = new Set();
+    normalizedEntries.forEach((entry) => {
+      if (!seenHex.has(entry.hex)) {
+        seenHex.add(entry.hex);
+        deduped.push(entry);
+      }
+    });
+
+    this.blockList.innerHTML = "";
+
+    if (!deduped.length) {
+      this.blockListEmpty.classList.remove("hidden");
+      this.blockList.classList.add("hidden");
+      if (this.blockListLoadingState === "loading") {
+        this.setBlockListLoadingState("idle");
+      }
+      return;
+    }
+
+    this.blockListEmpty.classList.add("hidden");
+    this.blockList.classList.remove("hidden");
+
+    const formatNpub =
+      typeof this.formatShortNpub === "function"
+        ? (value) => this.formatShortNpub(value)
+        : (value) => (typeof value === "string" ? value : "");
+    const entriesNeedingFetch = new Set();
+
+    deduped.forEach(({ hex, label }) => {
+      const item = document.createElement("li");
+      item.className =
+        "card flex items-center justify-between gap-4 p-4";
+
+      let cachedProfile = null;
+      if (hex) {
+        const cacheEntry = this.services.getProfileCacheEntry(hex);
+        cachedProfile = cacheEntry?.profile || null;
+        if (!cacheEntry) {
+          entriesNeedingFetch.add(hex);
+        }
+      }
+
+      const encodedNpub =
+        hex && typeof this.safeEncodeNpub === "function"
+          ? this.safeEncodeNpub(hex)
+          : label;
+      const displayNpub = formatNpub(encodedNpub) || encodedNpub || label;
+      const displayName =
+        cachedProfile?.name?.trim() || displayNpub || "Blocked profile";
+      const avatarSrc =
+        cachedProfile?.picture || FALLBACK_PROFILE_AVATAR;
+
+      const summary = this.createCompactProfileSummary({
+        displayName,
+        displayNpub,
+        avatarSrc,
+      });
+
+      const actions = document.createElement("div");
+      actions.className = "flex flex-wrap items-center justify-end gap-2";
+
+      const viewButton = this.createViewChannelButton({
+        targetNpub: encodedNpub,
+        displayNpub,
+      });
+      if (viewButton) {
+        actions.appendChild(viewButton);
+      }
+
+      const copyButton = this.createCopyNpubButton({
+        targetNpub: encodedNpub,
+        displayNpub,
+      });
+      if (copyButton) {
+        actions.appendChild(copyButton);
+      }
+
+      const removeButton = this.createRemoveButton({
+        label: "Remove",
+        onRemove: () => this.handleRemoveBlockedCreator(hex),
+      });
+      if (removeButton) {
+        removeButton.dataset.blockedHex = hex;
+        actions.appendChild(removeButton);
+      }
+
+      item.appendChild(summary);
+      if (actions.childElementCount > 0) {
+        item.appendChild(actions);
+      }
+
+      this.blockList.appendChild(item);
+    });
+
+    if (this.blockListLoadingState === "loading") {
+      this.setBlockListLoadingState("idle");
+    }
+
+    if (
+      entriesNeedingFetch.size &&
+      typeof this.services.batchFetchProfiles === "function"
+    ) {
+      this.services.batchFetchProfiles(entriesNeedingFetch);
+    }
+  }
+
+  async populateSubscriptionsList(subscriptions = null) {
+    if (
+      !(this.subscriptionList instanceof HTMLElement) ||
+      !(this.subscriptionListEmpty instanceof HTMLElement)
+    ) {
+      return;
+    }
+
+    const service = this.subscriptionsService;
+    if (!service) {
+      this.clearSubscriptionsList();
+      this.refreshSubscriptionsBackgroundStatus();
+      return;
+    }
+
+    const activeHex = this.normalizeHexPubkey(this.getActivePubkey());
+    if (!activeHex) {
+      this.clearSubscriptionsList();
+      this.refreshSubscriptionsBackgroundStatus();
+      return;
+    }
+
+    try {
+      let sourceEntries = [];
+
+      if (Array.isArray(subscriptions) && subscriptions.length) {
+        sourceEntries = subscriptions;
+      } else {
+        if (typeof service.getSubscribedAuthors === "function") {
+          try {
+            sourceEntries = service.getSubscribedAuthors() || [];
+          } catch (error) {
+            devLogger.warn(
+              "[profileModal] Failed to resolve subscriptions for subscriptions list:",
+              error,
+            );
+            sourceEntries = [];
+          }
+        } else if (service.subscribedPubkeys instanceof Set) {
+          sourceEntries = Array.from(service.subscribedPubkeys);
+        } else if (Array.isArray(service.subscribedPubkeys)) {
+          sourceEntries = service.subscribedPubkeys.slice();
+        }
+      }
+
+      const normalizedEntries = [];
+      const pushEntry = (hex, label) => {
+        if (!hex) {
+          return;
+        }
+        normalizedEntries.push({ hex, label });
+      };
+
+      sourceEntries.forEach((entry) => {
+        if (!entry) {
+          return;
+        }
+
+        if (typeof entry === "string") {
+          const trimmed = entry.trim();
+          if (!trimmed) {
+            return;
+          }
+
+          if (trimmed.startsWith("npub1")) {
+            const decoded = this.safeDecodeNpub(trimmed);
+            if (!decoded) {
+              return;
+            }
+            const label = this.safeEncodeNpub(decoded) || trimmed;
+            pushEntry(decoded, label);
+            return;
+          }
+
+          if (/^[0-9a-f]{64}$/i.test(trimmed)) {
+            pushEntry(trimmed.toLowerCase(), trimmed);
+          }
+          return;
+        }
+
+        if (typeof entry !== "object") {
+          return;
+        }
+
+        const candidateHex =
+          typeof entry.pubkey === "string" ? entry.pubkey.trim() : "";
+        if (candidateHex && /^[0-9a-f]{64}$/i.test(candidateHex)) {
+          pushEntry(candidateHex.toLowerCase(), candidateHex);
+          return;
+        }
+
+        const candidateNpub =
+          typeof entry.npub === "string" ? entry.npub.trim() : "";
+        if (candidateNpub && candidateNpub.startsWith("npub1")) {
+          const decoded = this.safeDecodeNpub(candidateNpub);
+          if (!decoded) {
+            return;
+          }
+          const label = this.safeEncodeNpub(decoded) || candidateNpub;
+          pushEntry(decoded, label);
+        }
+      });
+
+      const deduped = [];
+      const seenHex = new Set();
+      normalizedEntries.forEach((entry) => {
+        if (!seenHex.has(entry.hex)) {
+          seenHex.add(entry.hex);
+          deduped.push(entry);
+        }
+      });
+
+      this.subscriptionList.innerHTML = "";
+
+      if (!deduped.length) {
+        this.subscriptionListEmpty.classList.remove("hidden");
+        this.subscriptionList.classList.add("hidden");
+        this.refreshSubscriptionsBackgroundStatus();
+        return;
+      }
+
+      this.subscriptionListEmpty.classList.add("hidden");
+      this.subscriptionList.classList.remove("hidden");
+
+      const formatNpub =
+        typeof this.formatShortNpub === "function"
+          ? (value) => this.formatShortNpub(value)
+          : (value) => (typeof value === "string" ? value : "");
+      const entriesNeedingFetch = new Set();
+
+      deduped.forEach(({ hex, label }) => {
+        const item = document.createElement("li");
+        item.className = "card flex items-center justify-between gap-4 p-4";
+
+        let cachedProfile = null;
+        if (hex && typeof this.services.getProfileCacheEntry === "function") {
+          const cacheEntry = this.services.getProfileCacheEntry(hex);
+          cachedProfile = cacheEntry?.profile || null;
+          if (!cacheEntry) {
+            entriesNeedingFetch.add(hex);
+          }
+        }
+
+        const encodedNpub =
+          hex && typeof this.safeEncodeNpub === "function"
+            ? this.safeEncodeNpub(hex)
+            : label;
+        const displayNpub = formatNpub(encodedNpub) || encodedNpub || label;
+        const displayName =
+          (cachedProfile?.name && cachedProfile.name.trim()) ||
+          (cachedProfile?.display_name &&
+            typeof cachedProfile.display_name === "string" &&
+            cachedProfile.display_name.trim()) ||
+          displayNpub ||
+          "Subscription";
+        const avatarSrc = cachedProfile?.picture || FALLBACK_PROFILE_AVATAR;
+
+        const summary = this.createCompactProfileSummary({
+          displayName,
+          displayNpub,
+          avatarSrc,
+        });
+
+        const actions = document.createElement("div");
+        actions.className = "flex flex-wrap items-center justify-end gap-2";
+
+        const viewButton = this.createViewChannelButton({
+          targetNpub: encodedNpub,
+          displayNpub,
+        });
+        if (viewButton) {
+          actions.appendChild(viewButton);
+        }
+
+        const copyButton = this.createCopyNpubButton({
+          targetNpub: encodedNpub,
+          displayNpub,
+        });
+        if (copyButton) {
+          actions.appendChild(copyButton);
+        }
+
+        if (hex) {
+          const unsubscribeButton = this.createRemoveButton({
+            label: "Unsubscribe",
+            onRemove: () => this.handleUnsubscribeFromCreator(hex),
+          });
+          if (unsubscribeButton) {
+            unsubscribeButton.dataset.subscriptionHex = hex;
+            actions.appendChild(unsubscribeButton);
+          }
+        }
+
+        item.appendChild(summary);
+        if (actions.childElementCount > 0) {
+          item.appendChild(actions);
+        }
+
+        this.subscriptionList.appendChild(item);
+      });
+
+      if (
+        entriesNeedingFetch.size &&
+        typeof this.services.batchFetchProfiles === "function"
+      ) {
+        try {
+          this.services.batchFetchProfiles(entriesNeedingFetch);
+        } catch (error) {
+          devLogger.warn(
+            "[profileModal] Failed to batch fetch profiles for subscriptions list:",
+            error,
+          );
+        }
+      }
+      this.refreshSubscriptionsBackgroundStatus();
+    } catch (error) {
+      devLogger.warn("[profileModal] Failed to populate subscriptions list:", error);
+    }
+  }
+
+  clearSubscriptionsList() {
+    if (this.subscriptionList instanceof HTMLElement) {
+      this.subscriptionList.innerHTML = "";
+      this.subscriptionList.classList.add("hidden");
+    }
+
+    if (this.subscriptionListEmpty instanceof HTMLElement) {
+      this.subscriptionListEmpty.classList.remove("hidden");
+    }
+  }
+
+  async handleUnsubscribeFromCreator(candidate) {
+    const refresh = async () => {
+      try {
+        await this.populateSubscriptionsList();
+      } catch (error) {
+        devLogger.warn(
+          "[profileModal] Failed to refresh subscriptions list after unsubscribe:",
+          error,
+        );
+      }
+
+      try {
+        await this.populateFriendsList();
+      } catch (error) {
+        devLogger.warn(
+          "[profileModal] Failed to refresh friends list after unsubscribe:",
+          error,
+        );
+      }
+    };
+
+    return this.handleRemoveFriend(candidate, {
+      successMessage: "You unsubscribed from this creator.",
+      refresh,
+      successReason: "unsubscribed",
+    });
+  }
+
+  async populateFriendsList(friends = null) {
+    if (
+      !(this.friendList instanceof HTMLElement) ||
+      !(this.friendListEmpty instanceof HTMLElement)
+    ) {
+      return;
+    }
+
+    const activeHex = this.normalizeHexPubkey(this.getActivePubkey());
+    if (!activeHex) {
+      this.clearFriendsList();
+      return;
+    }
+
+    try {
+      let sourceEntries = [];
+      let usedModerationService = false;
+
+      if (Array.isArray(friends) && friends.length) {
+        sourceEntries = friends;
+      } else {
+        const moderationService = this.moderationService;
+
+        if (moderationService) {
+          let contacts = [];
+
+          if (
+            typeof moderationService.ensureViewerContactsLoaded === "function"
+          ) {
+            try {
+              contacts =
+                (await moderationService.ensureViewerContactsLoaded(activeHex)) ||
+                [];
+            } catch (error) {
+              devLogger.warn(
+                "[profileModal] Failed to ensure viewer contacts before populating friends list:",
+                error,
+              );
+              contacts = [];
+            }
+          }
+
+          if (!Array.isArray(contacts) || !contacts) {
+            contacts = [];
+          }
+
+          if (!contacts.length) {
+            if (moderationService.viewerContacts instanceof Set) {
+              contacts = Array.from(moderationService.viewerContacts);
+            }
+          }
+
+          if (Array.isArray(contacts)) {
+            sourceEntries = contacts;
+            usedModerationService = true;
+          }
+        }
+
+        if (!usedModerationService) {
+          const service = this.subscriptionsService;
+
+          if (!service) {
+            this.clearFriendsList();
+            return;
+          }
+
+          if (typeof service.ensureLoaded === "function") {
+            try {
+              await service.ensureLoaded(activeHex);
+            } catch (error) {
+              devLogger.warn(
+                "[profileModal] Failed to ensure subscriptions before populating friends list:",
+                error,
+              );
+            }
+          }
+
+          if (typeof service.getSubscribedAuthors === "function") {
+            try {
+              sourceEntries = service.getSubscribedAuthors() || [];
+            } catch (error) {
+              devLogger.warn(
+                "[profileModal] Failed to resolve subscriptions for friends list:",
+                error,
+              );
+              sourceEntries = [];
+            }
+          } else if (service.subscribedPubkeys instanceof Set) {
+            sourceEntries = Array.from(service.subscribedPubkeys);
+          } else if (Array.isArray(service.subscribedPubkeys)) {
+            sourceEntries = service.subscribedPubkeys.slice();
+          }
+        }
+      }
+
+      const normalizedEntries = [];
+      const pushEntry = (hex, label) => {
+        if (!hex) {
+          return;
+        }
+        normalizedEntries.push({ hex, label });
+      };
+
+      sourceEntries.forEach((entry) => {
+        if (!entry) {
+          return;
+        }
+
+        if (typeof entry === "string") {
+          const trimmed = entry.trim();
+          if (!trimmed) {
+            return;
+          }
+
+          if (trimmed.startsWith("npub1")) {
+            const decoded = this.safeDecodeNpub(trimmed);
+            if (!decoded) {
+              return;
+            }
+            const label = this.safeEncodeNpub(decoded) || trimmed;
+            pushEntry(decoded, label);
+            return;
+          }
+
+          if (/^[0-9a-f]{64}$/i.test(trimmed)) {
+            const normalizedHex = trimmed.toLowerCase();
+            const label = this.safeEncodeNpub(normalizedHex) || normalizedHex;
+            pushEntry(normalizedHex, label);
+          }
+          return;
+        }
+
+        if (entry && typeof entry === "object") {
+          const candidateHex =
+            typeof entry.pubkey === "string" ? entry.pubkey.trim() : "";
+          const candidateNpub =
+            typeof entry.npub === "string" ? entry.npub.trim() : "";
+
+          if (candidateHex && /^[0-9a-f]{64}$/i.test(candidateHex)) {
+            const normalizedHex = candidateHex.toLowerCase();
+            const label =
+              candidateNpub && candidateNpub.startsWith("npub1")
+                ? candidateNpub
+                : this.safeEncodeNpub(normalizedHex) || normalizedHex;
+            pushEntry(normalizedHex, label);
+            return;
+          }
+
+          if (candidateNpub && candidateNpub.startsWith("npub1")) {
+            const decoded = this.safeDecodeNpub(candidateNpub);
+            if (!decoded) {
+              return;
+            }
+            pushEntry(decoded, candidateNpub);
+          }
+        }
+      });
+
+      const deduped = [];
+      const seenHex = new Set();
+      normalizedEntries.forEach((entry) => {
+        if (!seenHex.has(entry.hex)) {
+          seenHex.add(entry.hex);
+          deduped.push(entry);
+        }
+      });
+
+      this.friendList.innerHTML = "";
+
+      if (!deduped.length) {
+        this.friendListEmpty.classList.remove("hidden");
+        this.friendList.classList.add("hidden");
+        return;
+      }
+
+      this.friendListEmpty.classList.add("hidden");
+      this.friendList.classList.remove("hidden");
+
+      const formatNpub =
+        typeof this.formatShortNpub === "function"
+          ? (value) => this.formatShortNpub(value)
+          : (value) => (typeof value === "string" ? value : "");
+
+      const entriesNeedingFetch = new Set();
+      const canRemoveFriends = this.canManageFriendsList();
+
+      deduped.forEach(({ hex, label }) => {
+        const item = document.createElement("li");
+        item.className = "card flex items-center justify-between gap-4 p-4";
+
+        let cachedProfile = null;
+        if (hex && typeof this.services.getProfileCacheEntry === "function") {
+          const cacheEntry = this.services.getProfileCacheEntry(hex);
+          cachedProfile = cacheEntry?.profile || null;
+          if (!cacheEntry) {
+            entriesNeedingFetch.add(hex);
+          }
+        }
+
+        const encodedNpub =
+          hex && typeof this.safeEncodeNpub === "function"
+            ? this.safeEncodeNpub(hex)
+            : label;
+        const displayNpub = formatNpub(encodedNpub) || encodedNpub || label;
+        const displayName =
+          (cachedProfile?.name && cachedProfile.name.trim()) ||
+          (cachedProfile?.display_name &&
+            typeof cachedProfile.display_name === "string" &&
+            cachedProfile.display_name.trim()) ||
+          displayNpub ||
+          "Friend";
+        const avatarSrc = cachedProfile?.picture || FALLBACK_PROFILE_AVATAR;
+
+        const summary = this.createCompactProfileSummary({
+          displayName,
+          displayNpub,
+          avatarSrc,
+        });
+
+        const actions = document.createElement("div");
+        actions.className = "flex flex-wrap items-center justify-end gap-2";
+
+        const viewButton = this.createViewChannelButton({
+          targetNpub: encodedNpub,
+          displayNpub,
+        });
+        if (viewButton) {
+          actions.appendChild(viewButton);
+        }
+
+        const copyButton = this.createCopyNpubButton({
+          targetNpub: encodedNpub,
+          displayNpub,
+        });
+        if (copyButton) {
+          actions.appendChild(copyButton);
+        }
+
+        if (hex && canRemoveFriends) {
+          const removeButton = this.createRemoveButton({
+            label: "Unfriend",
+            onRemove: () => this.handleRemoveFriend(hex),
+          });
+          if (removeButton) {
+            removeButton.dataset.friendHex = hex;
+            actions.appendChild(removeButton);
+          }
+        }
+
+        item.appendChild(summary);
+        if (actions.childElementCount > 0) {
+          item.appendChild(actions);
+        }
+
+        this.friendList.appendChild(item);
+      });
+
+      if (
+        entriesNeedingFetch.size &&
+        typeof this.services.batchFetchProfiles === "function"
+      ) {
+        try {
+          this.services.batchFetchProfiles(entriesNeedingFetch);
+        } catch (error) {
+          devLogger.warn(
+            "[profileModal] Failed to batch fetch profiles for friends list:",
+            error,
+          );
+        }
+      }
+    } catch (error) {
+      devLogger.warn("[profileModal] Failed to populate friends list:", error);
+    }
+  }
+
+  canManageFriendsList() {
+    if (
+      this.moderationService &&
+      (!this.subscriptionsService ||
+        typeof this.subscriptionsService.removeChannel !== "function")
+    ) {
+      return false;
+    }
+
+    return (
+      this.subscriptionsService &&
+      typeof this.subscriptionsService.removeChannel === "function"
+    );
+  }
+
+  clearFriendsList() {
+    if (this.friendList instanceof HTMLElement) {
+      this.friendList.innerHTML = "";
+      this.friendList.classList.add("hidden");
+    }
+
+    if (this.friendListEmpty instanceof HTMLElement) {
+      this.friendListEmpty.classList.remove("hidden");
+    }
+  }
+
+  async handleRemoveFriend(candidate, options = {}) {
+    if (
+      this.moderationService &&
+      (!this.subscriptionsService ||
+        typeof this.subscriptionsService.removeChannel !== "function")
+    ) {
+      this.showError(
+        "Friends are synced with your Nostr follows. Update your follows in your Nostr client to make changes.",
+      );
+      return {
+        success: false,
+        reason: "nostr-friends-managed-externally",
+      };
+    }
+
+    const service = this.subscriptionsService;
+    if (!service || typeof service.removeChannel !== "function") {
+      this.showError("Friends list is unavailable right now.");
+      return { success: false, reason: "service-unavailable" };
+    }
+
+    const activeHex = this.normalizeHexPubkey(this.getActivePubkey());
+    if (!activeHex) {
+      this.showError("Please login to manage your friends list.");
+      return { success: false, reason: "no-active-pubkey" };
+    }
+
+    const {
+      successMessage = "Creator removed from your friends list.",
+      refresh = async () => {
+        await this.populateFriendsList();
+      },
+      successReason = "removed",
+    } = typeof options === "object" && options ? options : {};
+
+    let targetHex = "";
+    if (typeof candidate === "string") {
+      const trimmed = candidate.trim();
+      if (trimmed.startsWith("npub1")) {
+        targetHex = this.safeDecodeNpub(trimmed) || "";
+      } else if (/^[0-9a-f]{64}$/i.test(trimmed)) {
+        targetHex = trimmed.toLowerCase();
+      }
+    } else if (candidate && typeof candidate === "object") {
+      const candidateHex =
+        typeof candidate.pubkey === "string" ? candidate.pubkey.trim() : "";
+      const candidateNpub =
+        typeof candidate.npub === "string" ? candidate.npub.trim() : "";
+
+      if (candidateHex && /^[0-9a-f]{64}$/i.test(candidateHex)) {
+        targetHex = candidateHex.toLowerCase();
+      } else if (candidateNpub && candidateNpub.startsWith("npub1")) {
+        targetHex = this.safeDecodeNpub(candidateNpub) || "";
+      }
+    }
+
+    if (!targetHex) {
+      devLogger.warn(
+        "[profileModal] No valid pubkey to remove from friends list:",
+        candidate,
+      );
+      return { success: false, reason: "invalid-target" };
+    }
+
+    try {
+      await service.removeChannel(targetHex, activeHex);
+    } catch (error) {
+      userLogger.error(
+        "[profileModal] Failed to remove creator from friends list:",
+        error,
+      );
+      const message =
+        error?.code === "extension-permission-denied"
+          ? "Your Nostr extension must allow encryption to manage subscriptions."
+          : error?.message || "Failed to update your friends list. Please try again.";
+      if (message) {
+        this.showError(message);
+      }
+      return { success: false, reason: error?.code || "service-error", error };
+    }
+
+    this.showSuccess(successMessage);
+
+    if (typeof refresh === "function") {
+      try {
+        await refresh();
+      } catch (error) {
+        devLogger.warn(
+          "[profileModal] Failed to refresh lists after removing friend:",
+          error,
+        );
+      }
+    }
+
+    return { success: true, reason: successReason };
+  }
+
+  async handleAddBlockedCreator() {
+    const input = this.blockInput || null;
+    const rawValue = typeof input?.value === "string" ? input.value : "";
+    const trimmed = rawValue.trim();
+
+    const context = {
+      input,
+      rawValue,
+      value: trimmed,
+      success: false,
+      reason: null,
+      error: null,
+    };
+
+    if (!input) {
+      context.reason = "missing-input";
+      this.callbacks.onAddBlocked(context, this);
+      return context;
+    }
+
+    if (!trimmed) {
+      this.showError("Enter an npub to block.");
+      context.reason = "empty";
+      this.callbacks.onAddBlocked(context, this);
+      return context;
+    }
+
+    const activePubkey = this.normalizeHexPubkey(this.getActivePubkey());
+    if (!activePubkey) {
+      this.showError("Please login to manage your block list.");
+      context.reason = "no-active-pubkey";
+      this.callbacks.onAddBlocked(context, this);
+      return context;
+    }
+
+    const actorHex = activePubkey;
+    let targetHex = "";
+
+    if (trimmed.startsWith("npub1")) {
+      targetHex = this.safeDecodeNpub(trimmed) || "";
+      if (!targetHex) {
+        this.showError("Invalid npub. Please double-check and try again.");
+        context.reason = "invalid-npub";
+        this.callbacks.onAddBlocked(context, this);
+        return context;
+      }
+    } else if (/^[0-9a-f]{64}$/i.test(trimmed)) {
+      targetHex = trimmed.toLowerCase();
+    } else {
+      this.showError("Enter a valid npub or hex pubkey.");
+      context.reason = "invalid-value";
+      this.callbacks.onAddBlocked(context, this);
+      return context;
+    }
+
+    if (targetHex === actorHex) {
+      this.showError("You cannot block yourself.");
+      context.reason = "self";
+      this.callbacks.onAddBlocked(context, this);
+      return context;
+    }
+
+    context.targetHex = targetHex;
+
+    try {
+      const mutationResult = await this.mutateBlocklist({
+        action: "add",
+        actorHex,
+        targetHex,
+        controller: this,
+      });
+
+      context.result = mutationResult;
+
+      if (mutationResult?.ok) {
+        this.showSuccess(
+          "Creator blocked. You won't see their videos anymore.",
+        );
+        context.success = true;
+        context.reason = mutationResult.reason || "blocked";
+      } else if (mutationResult?.reason === "already-blocked") {
+        this.showSuccess("You already blocked this creator.");
+        context.reason = "already-blocked";
+      } else {
+        const message =
+          mutationResult?.error?.code === "nip04-missing"
+            ? "Your Nostr extension must support NIP-04 to manage private lists."
+            : mutationResult?.error?.code ===
+              "extension-encryption-permission-denied"
+            ? "Your Nostr extension must allow encryption to update your block list."
+            : mutationResult?.error?.message ||
+              "Failed to update your block list. Please try again.";
+        context.error = mutationResult?.error || null;
+        context.reason = mutationResult?.reason || "service-error";
+        if (message) {
+          this.showError(message);
+        }
+      }
+
+      if (this.blockInput) {
+        this.blockInput.value = "";
+      }
+      this.populateBlockedList();
+    } catch (error) {
+      userLogger.error("Failed to add creator to personal block list:", error);
+      context.error = error;
+      context.reason = error?.code || "service-error";
+      const message =
+        error?.code === "nip04-missing"
+          ? "Your Nostr extension must support NIP-04 to manage private lists."
+          : error?.code === "extension-encryption-permission-denied"
+          ? "Your Nostr extension must allow encryption to update your block list."
+          : "Failed to update your block list. Please try again.";
+      this.showError(message);
+    }
+
+    this.callbacks.onAddBlocked(context, this);
+    return context;
+  }
+
+  async handleRemoveBlockedCreator(candidate) {
+    const activePubkey = this.normalizeHexPubkey(this.getActivePubkey());
+    if (!activePubkey) {
+      this.showError("Please login to manage your block list.");
+      return;
+    }
+
+    let targetHex = "";
+    if (typeof candidate === "string") {
+      const trimmed = candidate.trim();
+      if (!trimmed) {
+        return;
+      }
+
+      if (trimmed.startsWith("npub1")) {
+        targetHex = this.safeDecodeNpub(trimmed) || "";
+      } else if (/^[0-9a-f]{64}$/i.test(trimmed)) {
+        targetHex = trimmed.toLowerCase();
+      }
+    }
+
+    if (!targetHex) {
+      userLogger.warn("No valid pubkey to remove from block list:", candidate);
+      return;
+    }
+
+    try {
+      const mutationResult = await this.mutateBlocklist({
+        action: "remove",
+        actorHex: activePubkey,
+        targetHex,
+        controller: this,
+      });
+
+      if (mutationResult?.ok) {
+        this.showSuccess("Creator removed from your block list.");
+      } else if (mutationResult?.reason === "not-blocked") {
+        this.showSuccess("Creator already removed from your block list.");
+      } else if (mutationResult?.error) {
+        const message =
+          mutationResult.error.code === "nip04-missing"
+            ? "Your Nostr extension must support NIP-04 to manage private lists."
+            : mutationResult.error.code ===
+              "extension-encryption-permission-denied"
+            ? "Your Nostr extension must allow encryption to update your block list."
+            : mutationResult.error.message ||
+              "Failed to update your block list. Please try again.";
+        if (message) {
+          this.showError(message);
+        }
+      }
+
+      this.populateBlockedList();
+    } catch (error) {
+      userLogger.error(
+        "Failed to remove creator from personal block list:",
+        error,
+      );
+      const message =
+        error?.code === "nip04-missing"
+          ? "Your Nostr extension must support NIP-04 to manage private lists."
+          : error?.code === "extension-encryption-permission-denied"
+          ? "Your Nostr extension must allow encryption to update your block list."
+          : "Failed to update your block list. Please try again.";
+      this.showError(message);
+    }
+  }
+
+  handleEditProfile() {
+    this.selectPane("edit");
+    void this.populateEditPane();
+  }
+
+  async populateEditPane() {
+    const pubkey = this.normalizeHexPubkey(this.getActivePubkey());
+    if (!pubkey) {
+      return;
+    }
+
+    const cacheEntry = this.services.getProfileCacheEntry(pubkey);
+    const profile = cacheEntry?.profile || {};
+
+    if (this.editNameInput) this.editNameInput.value = profile.name || "";
+    if (this.editDisplayNameInput)
+      this.editDisplayNameInput.value = profile.display_name || "";
+    if (this.editAboutInput) this.editAboutInput.value = profile.about || "";
+    if (this.editWebsiteInput)
+      this.editWebsiteInput.value = profile.website || "";
+    if (this.editNip05Input) this.editNip05Input.value = profile.nip05 || "";
+    if (this.editLud16Input) this.editLud16Input.value = profile.lud16 || "";
+    if (this.editPictureInput)
+      this.editPictureInput.value = profile.picture || "";
+    if (this.editBannerInput) this.editBannerInput.value = profile.banner || "";
+
+    void this.checkStorageForUploads(pubkey);
+  }
+
+  async checkStorageForUploads(pubkey) {
+    const r2Service = this.services.r2Service;
+    if (!r2Service) return;
+
+    let hasStorage = false;
+    try {
+      const credentials = await r2Service.resolveConnection(pubkey);
+      hasStorage = !!credentials;
+    } catch (e) {
+      hasStorage = false;
+    }
+
+    const updateUI = (uploadBtn, hint, has) => {
+      if (uploadBtn) {
+        uploadBtn.disabled = !has;
+        if (!has) uploadBtn.setAttribute("aria-disabled", "true");
+        else uploadBtn.removeAttribute("aria-disabled");
+      }
+      if (hint) {
+        if (has) hint.classList.add("hidden");
+        else hint.classList.remove("hidden");
+      }
+    };
+
+    updateUI(
+      this.editPictureUploadBtn,
+      this.editPictureStorageHint,
+      hasStorage,
+    );
+    updateUI(this.editBannerUploadBtn, this.editBannerStorageHint, hasStorage);
+  }
+
+  async handleUpload(type) {
+    const pubkey = this.normalizeHexPubkey(this.getActivePubkey());
+    if (!pubkey) return;
+
+    const r2Service = this.services.r2Service;
+    if (!r2Service) return;
+
+    const fileInput =
+      type === "picture" ? this.editPictureFile : this.editBannerFile;
+    const urlInput =
+      type === "picture" ? this.editPictureInput : this.editBannerInput;
+    const uploadBtn =
+      type === "picture" ? this.editPictureUploadBtn : this.editBannerUploadBtn;
+
+    if (!fileInput || !fileInput.files.length) return;
+    const file = fileInput.files[0];
+
+    try {
+      if (uploadBtn) {
+        uploadBtn.disabled = true;
+        uploadBtn.textContent = "Uploading...";
+      }
+
+      const credentials = await r2Service.resolveConnection(pubkey);
+      if (!credentials) {
+        this.showError("Storage configuration missing.");
+        return;
+      }
+
+      const key = buildR2Key(pubkey, file);
+      await r2Service.uploadFile({
+        file,
+        ...credentials,
+        bucket: credentials.bucket,
+        key,
+      });
+
+      const url = buildPublicUrl(credentials.baseDomain, key);
+      if (urlInput) urlInput.value = url;
+
+      fileInput.value = "";
+    } catch (error) {
+      this.showError("Upload failed: " + (error.message || "Unknown error"));
+      devLogger.error("Upload error:", error);
+    } finally {
+      if (uploadBtn) {
+        uploadBtn.disabled = false;
+        uploadBtn.textContent = "Upload";
+      }
+    }
+  }
+
+  async handleSaveProfile() {
+    const pubkey = this.normalizeHexPubkey(this.getActivePubkey());
+    if (!pubkey) return;
+
+    const profile = {
+      name: this.editNameInput?.value?.trim() || "",
+      display_name: this.editDisplayNameInput?.value?.trim() || "",
+      about: this.editAboutInput?.value?.trim() || "",
+      website: this.editWebsiteInput?.value?.trim() || "",
+      nip05: this.editNip05Input?.value?.trim() || "",
+      lud16: this.editLud16Input?.value?.trim() || "",
+      picture: this.editPictureInput?.value?.trim() || "",
+      banner: this.editBannerInput?.value?.trim() || "",
+    };
+
+    if (this.editSaveBtn) {
+      this.editSaveBtn.disabled = true;
+      this.editSaveBtn.textContent = "Saving...";
+    }
+
+    try {
+      const event = buildProfileMetadataEvent({
+        pubkey,
+        created_at: Math.floor(Date.now() / 1000),
+        metadata: profile,
+      });
+
+      const result =
+        await this.services.nostrClient.signAndPublishEvent(event);
+
+      if (result && result.signedEvent) {
+        if (this.services.nostrClient.handleEvent) {
+          this.services.nostrClient.handleEvent(result.signedEvent);
+        }
+      }
+
+      this.showSuccess("Profile updated!");
+      this.selectPane("account");
+      this.renderSavedProfiles();
+    } catch (error) {
+      this.showError("Failed to save profile: " + error.message);
+    } finally {
+      if (this.editSaveBtn) {
+        this.editSaveBtn.disabled = false;
+        this.editSaveBtn.textContent = "Save Profile";
+      }
+    }
+  }
+
+  async populateStoragePane() {
+    const storageService = this.services.storageService;
+    const pubkey = this.normalizeHexPubkey(this.getActivePubkey());
+
+    this.handleClearStorage();
+
+    if (!pubkey) {
+      // Not logged in
+      if (this.storageUnlockSection) this.storageUnlockSection.classList.add("hidden");
+      if (this.storageFormSection) this.storageFormSection.classList.add("hidden");
+      if (this.storageStatusText) {
+        this.storageStatusText.textContent = "Please login to manage storage.";
+        this.storageStatusText.className = "text-xs text-status-danger";
+      }
+      return;
+    }
+
+    const isUnlocked = storageService && storageService.masterKeys.has(pubkey);
+
+    if (this.storageStatusText) {
+      this.storageStatusText.textContent = isUnlocked ? "Unlocked" : "Locked";
+      this.storageStatusText.className = isUnlocked ? "text-xs text-status-success" : "text-xs text-status-warning";
+    }
+
+    if (isUnlocked) {
+      if (this.storageUnlockSection) this.storageUnlockSection.classList.add("hidden");
+      if (this.storageFormSection) this.storageFormSection.classList.remove("hidden");
+
+      // Load existing connection if form is empty or needs refresh
+      // For now, we assume managing a 'default' connection or the first one found.
+      try {
+        const connections = await storageService.listConnections(pubkey);
+        // Prioritize default for uploads
+        const defaultConn = connections.find(c => c.meta?.defaultForUploads);
+        const targetConn = defaultConn || connections[0];
+
+        if (targetConn) {
+          const conn = await storageService.getConnection(pubkey, targetConn.id);
+          if (conn) {
+            this.fillStorageForm(conn);
+            if (this.storageStatusText) {
+              const label = conn.meta?.label || conn.provider || "S3";
+              this.storageStatusText.textContent = `Unlocked (${label})`;
+            }
+          }
+        }
+      } catch (error) {
+        devLogger.error("Failed to load storage connections:", error);
+      }
+    } else {
+      if (this.storageUnlockSection) this.storageUnlockSection.classList.remove("hidden");
+      if (this.storageFormSection) this.storageFormSection.classList.add("hidden");
+    }
+
+    this.updateStorageFormVisibility();
+  }
+
+  fillStorageForm(conn) {
+    if (!conn) return;
+    const { provider, accessKeyId, secretAccessKey, accountId: payloadAccountId, endpoint: payloadEndpoint, forcePathStyle: payloadForcePathStyle } = conn;
+    const { endpoint, region, bucket, prefix, defaultForUploads, accountId, forcePathStyle: metaForcePathStyle } = conn.meta || {};
+
+    if (this.storageProviderInput) this.storageProviderInput.value = provider || "cloudflare_r2";
+
+    // For R2, accountId is critical.
+    const resolvedEndpoint = endpoint || accountId || payloadAccountId || payloadEndpoint || "";
+
+    if (this.storageEndpointInput) this.storageEndpointInput.value = resolvedEndpoint;
+    if (this.storageRegionInput) this.storageRegionInput.value = region || "auto";
+    if (this.storageAccessKeyInput) this.storageAccessKeyInput.value = accessKeyId || "";
+    if (this.storageSecretKeyInput) this.storageSecretKeyInput.value = secretAccessKey || "";
+    if (this.storageBucketInput) this.storageBucketInput.value = bucket || "";
+    if (this.storagePrefixInput) this.storagePrefixInput.value = prefix || "";
+    if (this.storageDefaultInput) this.storageDefaultInput.checked = !!defaultForUploads;
+
+    if (this.storageForcePathStyleInput) {
+      if (typeof payloadForcePathStyle === "boolean") {
+        this.storageForcePathStyleInput.checked = payloadForcePathStyle;
+      } else if (typeof metaForcePathStyle === "boolean") {
+        this.storageForcePathStyleInput.checked = metaForcePathStyle;
+      } else {
+        // Default to true for S3 if unspecified
+        this.storageForcePathStyleInput.checked = true;
+      }
+    }
+
+    this.updateStorageFormVisibility();
+    this.handlePublicUrlInput();
+  }
+
+  handlePublicUrlInput() {
+    if (!this.storagePrefixInput || !this.storagePrefixWarning) return;
+    this.storagePrefixWarning.textContent = "";
+    this.storagePrefixWarning.classList.add("hidden");
+  }
+
+  updateStorageFormVisibility() {
+    const provider = this.storageProviderInput?.value || "cloudflare_r2";
+    const isR2 = provider === "cloudflare_r2";
+
+    if (this.storageEndpointInput) {
+      const label = this.storageEndpointInput.parentElement.querySelector("span");
+      if (isR2) {
+        if (label) label.textContent = "Cloudflare Account ID";
+        this.storageEndpointInput.placeholder =
+          "Account ID from Cloudflare dashboard";
+        this.storageEndpointInput.parentElement.classList.remove("hidden");
+        this.storageEndpointInput.type = "text";
+        if (this.storagePrefixInput) {
+          this.storagePrefixInput.placeholder = "https://pub-xxx.r2.dev";
+        }
+      } else {
+        if (label) label.textContent = "Endpoint URL";
+        this.storageEndpointInput.placeholder = "https://s3.example.com";
+        this.storageEndpointInput.parentElement.classList.remove("hidden");
+        this.storageEndpointInput.type = "url";
+        if (this.storagePrefixInput) {
+          this.storagePrefixInput.placeholder = "https://cdn.example.com";
+        }
+      }
+    }
+
+    if (this.storageR2Helper) {
+      if (isR2) this.storageR2Helper.classList.remove("hidden");
+      else this.storageR2Helper.classList.add("hidden");
+    }
+
+    if (this.storageS3Helper) {
+      if (!isR2) this.storageS3Helper.classList.remove("hidden");
+      else this.storageS3Helper.classList.add("hidden");
+    }
+
+    if (this.storageForcePathStyleLabel) {
+      if (!isR2) this.storageForcePathStyleLabel.classList.remove("hidden", "flex");
+      else this.storageForcePathStyleLabel.classList.add("hidden");
+
+      if (!isR2) {
+        this.storageForcePathStyleLabel.classList.add("flex");
+      }
+    }
+  }
+
+  async handleUnlockStorage() {
+    const pubkey = this.normalizeHexPubkey(this.getActivePubkey());
+    if (!pubkey) return;
+
+    // We need the active signer.
+    const signer = getActiveSigner();
+    // Or try resolving via client if global one is missing?
+    // ProfileModalController imports getActiveSigner.
+
+    if (!signer) {
+      this.showError("No active signer found. Please login.");
+      return;
+    }
+
+    if (
+      signer.pubkey &&
+      this.normalizeHexPubkey(signer.pubkey) !== pubkey
+    ) {
+      this.showError(
+        `Signer account (${signer.pubkey.slice(
+          0,
+          8,
+        )}...) does not match profile (${pubkey.slice(
+          0,
+          8,
+        )}...). Please switch accounts in your extension.`,
+      );
+      return;
+    }
+
+    const storageService = this.services.storageService;
+    if (!storageService) {
+      this.showError("Storage service unavailable.");
+      return;
+    }
+
+    if (this.storageUnlockBtn) {
+      this.storageUnlockBtn.disabled = true;
+      this.storageUnlockBtn.textContent = "Unlocking...";
+    }
+
+    try {
+      await storageService.unlock(pubkey, { signer });
+      this.showSuccess("Storage unlocked.");
+      this.populateStoragePane();
+    } catch (error) {
+      devLogger.error("Failed to unlock storage:", error);
+      const message =
+        error && typeof error.message === "string"
+          ? error.message
+          : "Failed to unlock storage. Ensure your signer supports NIP-04/44.";
+      this.showError(message);
+    } finally {
+      if (this.storageUnlockBtn) {
+        this.storageUnlockBtn.disabled = false;
+        this.storageUnlockBtn.textContent = "Unlock Storage";
+      }
+    }
+  }
+
+  async handleSaveStorage() {
+    const pubkey = this.normalizeHexPubkey(this.getActivePubkey());
+    if (!pubkey) return;
+
+    const storageService = this.services.storageService;
+    if (!storageService) return;
+
+    const provider = this.storageProviderInput?.value || "cloudflare_r2";
+    let endpointOrAccount = this.storageEndpointInput?.value?.trim() || "";
+    const region = this.storageRegionInput?.value?.trim() || "auto";
+    const accessKeyId = this.storageAccessKeyInput?.value?.trim() || "";
+    const secretAccessKey = this.storageSecretKeyInput?.value?.trim() || "";
+    const bucket = this.storageBucketInput?.value?.trim() || "";
+    const prefix = this.storagePrefixInput?.value?.trim() || "";
+    const isDefault = this.storageDefaultInput?.checked || false;
+
+    if (!accessKeyId || !secretAccessKey || !bucket || !endpointOrAccount) {
+        this.setStorageFormStatus("Please fill in all required fields.", "error");
+        return;
+    }
+
+    if (
+      provider === "cloudflare_r2" &&
+      (prefix.includes(".r2.cloudflarestorage.com") ||
+        prefix.includes(".s3.") ||
+        prefix.includes(".amazonaws.com"))
+    ) {
+      this.setStorageFormStatus(
+        "Invalid Public URL. Please use your R2.dev or custom domain.",
+        "error",
+      );
+      return;
+    }
+
+    let publicBaseUrl = "";
+    // For Generic S3, respect the user's checkbox selection.
+    let forcePathStyle = false;
+    if (provider === PROVIDERS.GENERIC) {
+      forcePathStyle = this.storageForcePathStyleInput?.checked ?? true;
+    }
+
+    const payload = {
+        provider,
+        accessKeyId,
+        secretAccessKey,
+    };
+
+    // For R2, endpoint input is Account ID.
+    // For Generic S3, it's the full endpoint URL.
+    if (provider === "cloudflare_r2") {
+        payload.accountId = endpointOrAccount;
+    } else {
+        try {
+          const normalized = await prepareS3Connection({
+            endpoint: endpointOrAccount,
+            region,
+            accessKeyId,
+            secretAccessKey,
+            bucket,
+            forcePathStyle,
+            origins: getCorsOrigins(),
+          });
+          endpointOrAccount = normalized.endpoint;
+          publicBaseUrl = normalized.publicBaseUrl;
+          forcePathStyle = normalized.forcePathStyle;
+        } catch (error) {
+          devLogger.error("Failed to validate S3 connection:", error);
+          this.setStorageFormStatus(
+            error?.message || "Invalid S3 configuration.",
+            "error"
+          );
+          return;
+        }
+
+        payload.endpoint = endpointOrAccount;
+        payload.forcePathStyle = forcePathStyle;
+    }
+
+    const meta = {
+        provider,
+        region,
+        bucket,
+        prefix,
+        defaultForUploads: isDefault,
+        label: `${provider} - ${bucket}`,
+        // Duplicate non-sensitive info for easier listing
+        endpoint: provider === "cloudflare_r2" ? undefined : endpointOrAccount,
+    };
+
+    // If R2, we also need accountId in meta? No, keep it private if possible, but R2Service needs it.
+    // Actually R2 account ID is not strictly secret, but payload is encrypted.
+    // We can store it in meta if we want to show it in UI without decrypting.
+    if (provider === "cloudflare_r2") {
+        meta.accountId = endpointOrAccount;
+        // For R2, the "Prefix" input serves as the Public Base URL (e.g. https://pub-xxx.r2.dev)
+        meta.publicBaseUrl = prefix;
+        meta.baseDomain = prefix;
+    } else {
+        meta.publicBaseUrl = publicBaseUrl;
+        meta.baseDomain = publicBaseUrl;
+        meta.forcePathStyle = forcePathStyle;
+    }
+
+    this.setStorageFormStatus("Saving...", "info");
+
+    try {
+        await storageService.saveConnection(pubkey, "default", payload, meta);
+        this.setStorageFormStatus("Connection saved.", "success");
+        this.showSuccess("Storage connection saved.");
+    } catch (error) {
+        devLogger.error("Failed to save connection:", error);
+        this.setStorageFormStatus("Failed to save connection.", "error");
+    }
+  }
+
+  async handleTestStorage() {
+    const pubkey = this.normalizeHexPubkey(this.getActivePubkey());
+    if (!pubkey) return;
+
+    const storageService = this.services.storageService;
+    if (!storageService) {
+        this.setStorageFormStatus("Storage service unavailable.", "error");
+        return;
+    }
+
+    const provider = this.storageProviderInput?.value || "cloudflare_r2";
+    const endpointOrAccount = this.storageEndpointInput?.value?.trim() || "";
+    const region = this.storageRegionInput?.value?.trim() || "auto";
+    const accessKeyId = this.storageAccessKeyInput?.value?.trim() || "";
+    const secretAccessKey = this.storageSecretKeyInput?.value?.trim() || "";
+    const bucket = this.storageBucketInput?.value?.trim() || "";
+
+    // Checkbox is only relevant for Generic S3
+    const forcePathStyle = provider === PROVIDERS.GENERIC
+      ? (this.storageForcePathStyleInput?.checked ?? true)
+      : false;
+
+    const publicBaseUrl = this.storagePrefixInput?.value?.trim() || "";
+
+    if (!accessKeyId || !secretAccessKey || !endpointOrAccount) {
+        this.setStorageFormStatus("Missing credentials for test.", "error");
+        return;
+    }
+
+    if (
+      provider === "cloudflare_r2" &&
+      (publicBaseUrl.includes(".r2.cloudflarestorage.com") ||
+        publicBaseUrl.includes(".s3.") ||
+        publicBaseUrl.includes(".amazonaws.com"))
+    ) {
+      this.setStorageFormStatus(
+        "Invalid Public URL. Please use your R2.dev or custom domain.",
+        "error",
+      );
+      return;
+    }
+
+    this.setStorageFormStatus("Testing connection...", "info");
+
+    const config = {
+      provider,
+      accessKeyId,
+      secretAccessKey,
+      region,
+      bucket,
+    };
+
+    if (provider === "cloudflare_r2") {
+      config.accountId = endpointOrAccount;
+      config.publicBaseUrl = publicBaseUrl;
+      config.baseDomain = publicBaseUrl;
+    } else {
+      config.endpoint = endpointOrAccount;
+      config.forcePathStyle = forcePathStyle;
+    }
+
+    try {
+        const result = await storageService.testAccess(provider, config);
+        if (result.success) {
+            this.setStorageFormStatus(result.message || "Connection Verified!", "success");
+        } else {
+            this.setStorageFormStatus(`Test Failed: ${result.error}`, "error");
+        }
+    } catch (error) {
+        this.setStorageFormStatus(`Test Error: ${error.message}`, "error");
+    }
+  }
+
+  handleClearStorage() {
+    this.storageEndpointInput.value = "";
+    this.storageRegionInput.value = "auto";
+    this.storageAccessKeyInput.value = "";
+    this.storageSecretKeyInput.value = "";
+    this.storageBucketInput.value = "";
+    this.storagePrefixInput.value = "";
+    this.storageDefaultInput.checked = false;
+    this.storageProviderInput.value = "cloudflare_r2";
+    if (this.storageForcePathStyleInput) {
+      this.storageForcePathStyleInput.checked = true;
+    }
+    this.updateStorageFormVisibility();
+    this.setStorageFormStatus("", "info");
+  }
+
+  setStorageFormStatus(message, variant = "info") {
+    if (!this.storageFormStatus) return;
+    this.storageFormStatus.textContent = message;
+    this.storageFormStatus.className = `text-sm text-status-${variant}`;
+  }
+
+  async populateProfileWatchHistory() {
+    const renderer = this.ensureProfileHistoryRenderer();
+    if (!renderer) {
+      return;
+    }
+
+    let primaryActor = this.normalizeHexPubkey(this.getActivePubkey());
+    if (!primaryActor && this.services.nostrClient?.sessionActor?.pubkey) {
+      const candidate = this.services.nostrClient.sessionActor.pubkey;
+      if (typeof candidate === "string" && candidate) {
+        primaryActor = candidate;
+      }
+    }
+
+    try {
+      const state = typeof renderer.getState === "function" ? renderer.getState() : {};
+      if (state.initialized) {
+        await renderer.refresh({ actor: primaryActor, force: true });
+      } else {
+        await renderer.ensureInitialLoad({ actor: primaryActor });
+      }
+
+      if (!this.boundProfileHistoryVisibility) {
+        this.boundProfileHistoryVisibility = () => {
+          if (!this.profileHistoryRenderer) {
+            return;
+          }
+          if (document.visibilityState === "visible") {
+            this.profileHistoryRenderer.resume();
+          } else {
+            this.profileHistoryRenderer.pause();
+          }
+        };
+        document.addEventListener(
+          "visibilitychange",
+          this.boundProfileHistoryVisibility,
+        );
+      }
+
+      if (document.visibilityState === "hidden") {
+        renderer.pause();
+      } else {
+        renderer.resume();
+      }
+    } catch (error) {
+      userLogger.error(
+        "[profileModal] Failed to populate watch history pane:",
+        error,
+      );
+    }
+  }
+
+  applyWalletControlState() {
+    const hasActive = Boolean(this.normalizeHexPubkey(this.getActivePubkey()));
+    const busy = this.isWalletBusy();
+    const uriValue = this.getSecretInputValue(this.walletUriInput);
+    const hasUri = uriValue.length > 0;
+
+    const applyDisabledState = (element, disabled) => {
+      if (!(element instanceof HTMLElement)) {
+        return;
+      }
+      if ("disabled" in element) {
+        element.disabled = disabled;
+      }
+      if (disabled) {
+        element.setAttribute("aria-disabled", "true");
+      } else {
+        element.removeAttribute("aria-disabled");
+      }
+    };
+
+    applyDisabledState(this.walletUriInput, busy || !hasActive);
+    applyDisabledState(this.walletDefaultZapInput, busy || !hasActive);
+    applyDisabledState(this.walletSaveButton, busy || !hasActive);
+
+    const testDisabled = busy || !hasActive || !hasUri;
+    applyDisabledState(this.walletTestButton, testDisabled);
+
+    const disconnectDisabled = busy || !hasActive || !hasUri;
+    applyDisabledState(this.walletDisconnectButton, disconnectDisabled);
+    if (this.walletDisconnectButton instanceof HTMLElement) {
+      this.walletDisconnectButton.classList.toggle("hidden", !hasUri);
+      if (!hasUri) {
+        this.walletDisconnectButton.setAttribute("aria-hidden", "true");
+      } else {
+        this.walletDisconnectButton.removeAttribute("aria-hidden");
+      }
+    }
+  }
+
+  updateWalletStatus(message, variant = "info") {
+    if (!(this.walletStatusText instanceof HTMLElement)) {
+      return;
+    }
+
+    const element = this.walletStatusText;
+    const variants = {
+      success: "text-status-success",
+      error: "text-status-danger",
+      info: "text-status-info",
+      neutral: "text-status-neutral",
+    };
+
+    element.classList.remove(
+      "text-status-info",
+      "text-status-success",
+      "text-status-danger",
+      "text-status-neutral",
+    );
+    const variantClass = variants[variant] || variants.neutral;
+    element.classList.add(variantClass);
+    element.textContent = message || "";
+  }
+
+  refreshWalletPaneState() {
+    const hasActive = Boolean(this.normalizeHexPubkey(this.getActivePubkey()));
+    if (!hasActive) {
+      this.setSecretInputValue(this.walletUriInput, "");
+      if (this.walletDefaultZapInput && "value" in this.walletDefaultZapInput) {
+        try {
+          this.walletDefaultZapInput.value = "";
+        } catch (error) {
+          if (this.walletDefaultZapInput instanceof HTMLElement) {
+            this.walletDefaultZapInput.setAttribute("data-value", "");
+          }
+        }
+      }
+      this.updateWalletStatus("Sign in to connect a wallet.", "info");
+      this.applyWalletControlState();
+      return;
+    }
+
+    let settings = this.services.nwcSettings.getActiveNwcSettings();
+    if (!settings || typeof settings !== "object") {
+      settings = this.services.nwcSettings.createDefaultNwcSettings();
+    }
+    this.setSecretInputValue(this.walletUriInput, settings.nwcUri || "");
+    if (this.walletDefaultZapInput && "value" in this.walletDefaultZapInput) {
+      const defaultZapValue =
+        settings.defaultZap === null || settings.defaultZap === undefined
+          ? ""
+          : String(settings.defaultZap);
+      try {
+        this.walletDefaultZapInput.value = defaultZapValue;
+      } catch (error) {
+        if (this.walletDefaultZapInput instanceof HTMLElement) {
+          this.walletDefaultZapInput.setAttribute("data-value", defaultZapValue);
+        }
+      }
+    }
+
+    if (settings.nwcUri) {
+      this.updateWalletStatus(
+        "Wallet connected via Nostr Wallet Connect.",
+        "success",
+      );
+    } else {
+      this.updateWalletStatus("No wallet connected yet.", "info");
+    }
+
+    this.applyWalletControlState();
+  }
+
+  isSecretInputElement(element) {
+    if (!element || typeof element !== "object") {
+      return false;
+    }
+    if (typeof HTMLInputElement !== "undefined" && element instanceof HTMLInputElement) {
+      return true;
+    }
+    return typeof element.value === "string";
+  }
+
+  sanitizeSecretValue(value) {
+    return typeof value === "string" ? value.trim() : "";
+  }
+
+  getSecretInputValue(element) {
+    if (!this.isSecretInputElement(element)) {
+      return "";
+    }
+
+    const placeholder =
+      typeof element.dataset?.secretPlaceholder === "string"
+        ? element.dataset.secretPlaceholder
+        : SECRET_PLACEHOLDER;
+    const stored = this.sanitizeSecretValue(
+      typeof element.dataset?.secretValue === "string"
+        ? element.dataset.secretValue
+        : "",
+    );
+    const raw = this.sanitizeSecretValue(element.value);
+    const isMasked = element.dataset?.secretMasked === "true";
+
+    if (isMasked && placeholder && raw === placeholder) {
+      return stored;
+    }
+
+    if (!raw && isMasked) {
+      return stored;
+    }
+
+    return raw;
+  }
+
+  setSecretInputValue(element, value) {
+    if (!this.isSecretInputElement(element)) {
+      return;
+    }
+
+    const sanitized = this.sanitizeSecretValue(value);
+    if (!sanitized) {
+      if (element.dataset) {
+        delete element.dataset.secretValue;
+        delete element.dataset.secretMasked;
+        delete element.dataset.secretPlaceholder;
+      }
+      element.value = "";
+      return;
+    }
+
+    const placeholder = SECRET_PLACEHOLDER;
+    if (element.dataset) {
+      element.dataset.secretValue = sanitized;
+      element.dataset.secretPlaceholder = placeholder;
+      element.dataset.secretMasked = "true";
+    }
+    element.value = placeholder;
+  }
+
+  revealSecretInputValue(element) {
+    if (!this.isSecretInputElement(element)) {
+      return;
+    }
+
+    const stored = this.sanitizeSecretValue(
+      typeof element.dataset?.secretValue === "string"
+        ? element.dataset.secretValue
+        : "",
+    );
+
+    if (!stored) {
+      if (element.dataset) {
+        delete element.dataset.secretMasked;
+      }
+      return;
+    }
+
+    if (element.dataset) {
+      element.dataset.secretMasked = "false";
+    }
+    element.value = stored;
+    try {
+      if (typeof element.setSelectionRange === "function") {
+        const length = stored.length;
+        element.setSelectionRange(length, length);
+      }
+    } catch (error) {
+      // Ignore selection errors on unsupported input types.
+    }
+  }
+
+  handleSecretInputChange(element) {
+    if (!this.isSecretInputElement(element)) {
+      return;
+    }
+
+    const value = this.sanitizeSecretValue(element.value);
+    if (!value) {
+      if (element.dataset) {
+        element.dataset.secretMasked = "false";
+        delete element.dataset.secretValue;
+      }
+      return;
+    }
+
+    if (element.dataset) {
+      element.dataset.secretValue = value;
+      element.dataset.secretMasked = "false";
+      if (!element.dataset.secretPlaceholder) {
+        element.dataset.secretPlaceholder = SECRET_PLACEHOLDER;
+      }
+    }
+  }
+
+  handleSecretInputBlur(element) {
+    if (!this.isSecretInputElement(element)) {
+      return;
+    }
+
+    const value = this.sanitizeSecretValue(this.getSecretInputValue(element));
+    if (!value) {
+      if (element.dataset) {
+        delete element.dataset.secretValue;
+        delete element.dataset.secretMasked;
+        delete element.dataset.secretPlaceholder;
+      }
+      element.value = "";
+      return;
+    }
+
+    if (element.dataset) {
+      element.dataset.secretValue = value;
+      element.dataset.secretPlaceholder =
+        element.dataset.secretPlaceholder || SECRET_PLACEHOLDER;
+      element.dataset.secretMasked = "true";
+    }
+    element.value = element.dataset?.secretPlaceholder || SECRET_PLACEHOLDER;
+  }
+
+  getWalletFormValues() {
+    const uri = this.getSecretInputValue(this.walletUriInput);
+    const defaultZapRaw =
+      typeof this.walletDefaultZapInput?.value === "string"
+        ? this.walletDefaultZapInput.value.trim()
+        : "";
+
+    if (defaultZapRaw) {
+      const numeric = Number(defaultZapRaw);
+      if (!Number.isFinite(numeric)) {
+        return { uri, error: "Default zap amount must be a number." };
+      }
+      const rounded = Math.round(numeric);
+      if (!Number.isFinite(rounded) || rounded < 0) {
+        return {
+          uri,
+          error: "Default zap amount must be a positive whole number.",
+        };
+      }
+      const clamped = Math.min(this.maxWalletDefaultZap, rounded);
+      return { uri, defaultZap: clamped };
+    }
+
+    return { uri, defaultZap: null };
+  }
+
+  validateWalletUri(uri, { requireValue = false } = {}) {
+    const value = typeof uri === "string" ? uri.trim() : "";
+    if (!value) {
+      if (requireValue) {
+        return {
+          valid: false,
+          sanitized: "",
+          message: "Enter a wallet connect URI before continuing.",
+        };
+      }
+      return { valid: true, sanitized: "" };
+    }
+
+    if (!value.toLowerCase().startsWith(NWC_URI_SCHEME)) {
+      return {
+        valid: false,
+        sanitized: value,
+        message: `Wallet URI must start with ${NWC_URI_SCHEME}.`,
+      };
+    }
+
+    return { valid: true, sanitized: value };
+  }
+
+  async handleWalletSave() {
+    const { uri, defaultZap, error } = this.getWalletFormValues();
+    const context = {
+      uri,
+      defaultZap: defaultZap ?? null,
+      sanitizedUri: null,
+      success: false,
+      reason: null,
+      error: error || null,
+      status: null,
+      variant: null,
+    };
+
+    if (this.isWalletBusy()) {
+      context.reason = "busy";
+      this.callbacks.onWalletSave(context, this);
+      return context;
+    }
+
+    if (error) {
+      this.updateWalletStatus(error, "error");
+      this.showError(error);
+      context.reason = "invalid-default-zap";
+      if (this.walletDefaultZapInput instanceof HTMLElement) {
+        this.walletDefaultZapInput.focus();
+      }
+      this.callbacks.onWalletSave(context, this);
+      return context;
+    }
+
+    const { valid, sanitized, message } = this.validateWalletUri(uri);
+    context.sanitizedUri = sanitized;
+    if (!valid) {
+      this.updateWalletStatus(message, "error");
+      this.showError(message);
+      context.reason = "invalid-uri";
+      context.error = message;
+      if (this.walletUriInput instanceof HTMLElement) {
+        this.walletUriInput.focus();
+      }
+      this.callbacks.onWalletSave(context, this);
+      return context;
+    }
+
+    const normalizedActive = this.normalizeHexPubkey(this.getActivePubkey());
+    if (!normalizedActive) {
+      const loginMessage = "Sign in to save wallet settings.";
+      this.updateWalletStatus(loginMessage, "error");
+      this.showError(loginMessage);
+      context.reason = "no-active-pubkey";
+      context.error = loginMessage;
+      this.callbacks.onWalletSave(context, this);
+      return context;
+    }
+
+    this.setWalletPaneBusy(true);
+    let finalStatus = null;
+    let finalVariant = "info";
+    try {
+      const persistResult = await this.persistWalletSettings({
+        nwcUri: sanitized,
+        defaultZap,
+        activePubkey: normalizedActive,
+      });
+      context.persistResult = persistResult || null;
+
+      if (sanitized) {
+        finalStatus = "Wallet settings saved.";
+        finalVariant = "success";
+        this.showSuccess("Wallet settings saved.");
+        context.reason = "saved";
+      } else {
+        finalStatus = "Wallet connection removed.";
+        finalVariant = "info";
+        this.showStatus("Wallet connection removed.");
+        context.reason = "cleared";
+      }
+      context.success = true;
+    } catch (error) {
+      const fallbackMessage = "Failed to save wallet settings.";
+      const detail =
+        error && typeof error.message === "string" && error.message.trim()
+          ? error.message.trim()
+          : fallbackMessage;
+      finalStatus = detail;
+      finalVariant = "error";
+      context.error = detail;
+      context.reason = error?.code || "service-error";
+      this.showError(detail);
+    } finally {
+      this.setWalletPaneBusy(false);
+      this.refreshWalletPaneState();
+      if (finalStatus) {
+        this.updateWalletStatus(finalStatus, finalVariant);
+      }
+      context.status = finalStatus;
+      context.variant = finalVariant;
+      this.callbacks.onWalletSave(context, this);
+    }
+
+    return context;
+  }
+
+  async handleWalletTest() {
+    const { uri, defaultZap, error } = this.getWalletFormValues();
+    const context = {
+      uri,
+      defaultZap: defaultZap ?? null,
+      sanitizedUri: null,
+      success: false,
+      reason: null,
+      error: error || null,
+      status: null,
+      variant: null,
+      result: null,
+    };
+
+    if (this.isWalletBusy()) {
+      context.reason = "busy";
+      this.callbacks.onWalletTest(context, this);
+      return context.result;
+    }
+
+    if (error) {
+      this.updateWalletStatus(error, "error");
+      this.showError(error);
+      context.reason = "invalid-default-zap";
+      if (this.walletDefaultZapInput instanceof HTMLElement) {
+        this.walletDefaultZapInput.focus();
+      }
+      this.callbacks.onWalletTest(context, this);
+      return context.result;
+    }
+
+    const { valid, sanitized, message } = this.validateWalletUri(uri, {
+      requireValue: true,
+    });
+    context.sanitizedUri = sanitized;
+    if (!valid) {
+      this.updateWalletStatus(message, "error");
+      this.showError(message);
+      context.reason = "invalid-uri";
+      context.error = message;
+      if (this.walletUriInput instanceof HTMLElement) {
+        this.walletUriInput.focus();
+      }
+      this.callbacks.onWalletTest(context, this);
+      return context.result;
+    }
+
+    const normalizedActive = this.normalizeHexPubkey(this.getActivePubkey());
+    if (!normalizedActive) {
+      const loginMessage = "Sign in to test your wallet connection.";
+      this.updateWalletStatus(loginMessage, "error");
+      this.showError(loginMessage);
+      context.reason = "no-active-pubkey";
+      context.error = loginMessage;
+      this.callbacks.onWalletTest(context, this);
+      return context.result;
+    }
+
+    this.setWalletPaneBusy(true);
+    let finalStatus = null;
+    let finalVariant = "info";
+    try {
+      const result = await this.testWalletConnection({
+        nwcUri: sanitized,
+        defaultZap,
+        activePubkey: normalizedActive,
+      });
+      finalStatus = "Wallet connection confirmed.";
+      finalVariant = "success";
+      this.showSuccess("Wallet connection confirmed.");
+      context.result = result;
+      context.success = true;
+      context.reason = "tested";
+
+      let currentSettings = this.services.nwcSettings.getActiveNwcSettings();
+      if (!currentSettings || typeof currentSettings !== "object") {
+        currentSettings = this.services.nwcSettings.createDefaultNwcSettings();
+      }
+      if (currentSettings.nwcUri === sanitized) {
+        await this.persistWalletSettings({
+          lastChecked: Date.now(),
+          activePubkey: normalizedActive,
+        });
+      }
+    } catch (error) {
+      const fallbackMessage = "Failed to reach wallet.";
+      const detail =
+        error && typeof error.message === "string" && error.message.trim()
+          ? error.message.trim()
+          : fallbackMessage;
+      finalStatus = detail;
+      finalVariant = "error";
+      context.error = detail;
+      context.reason = error?.code || "service-error";
+      this.showError(detail);
+    } finally {
+      this.setWalletPaneBusy(false);
+      this.refreshWalletPaneState();
+      if (finalStatus) {
+        this.updateWalletStatus(finalStatus, finalVariant);
+      }
+      context.status = finalStatus;
+      context.variant = finalVariant;
+      this.callbacks.onWalletTest(context, this);
+    }
+
+    return context.result;
+  }
+
+  async handleWalletDisconnect() {
+    const context = {
+      success: false,
+      reason: null,
+      error: null,
+      status: null,
+      variant: null,
+    };
+
+    if (this.isWalletBusy()) {
+      context.reason = "busy";
+      this.callbacks.onWalletDisconnect(context, this);
+      return context;
+    }
+
+    const normalizedActive = this.normalizeHexPubkey(this.getActivePubkey());
+    if (!normalizedActive) {
+      const loginMessage = "Sign in to disconnect your wallet.";
+      this.updateWalletStatus(loginMessage, "error");
+      this.showError(loginMessage);
+      context.reason = "no-active-pubkey";
+      context.error = loginMessage;
+      this.callbacks.onWalletDisconnect(context, this);
+      return context;
+    }
+
+    this.setWalletPaneBusy(true);
+    let finalStatus = null;
+    let finalVariant = "info";
+    try {
+      const disconnectResult = await this.disconnectWallet({
+        activePubkey: normalizedActive,
+      });
+      context.result = disconnectResult || null;
+      finalStatus = "Wallet disconnected.";
+      this.showStatus("Wallet disconnected.");
+      context.success = true;
+      context.reason = "disconnected";
+    } catch (error) {
+      const fallbackMessage = "Failed to disconnect wallet.";
+      const detail =
+        error && typeof error.message === "string" && error.message.trim()
+          ? error.message.trim()
+          : fallbackMessage;
+      finalStatus = detail;
+      finalVariant = "error";
+      context.error = detail;
+      context.reason = error?.code || "service-error";
+      this.showError(detail);
+    } finally {
+      this.setWalletPaneBusy(false);
+      this.refreshWalletPaneState();
+      if (finalStatus) {
+        this.updateWalletStatus(finalStatus, finalVariant);
+      }
+      context.status = finalStatus;
+      context.variant = finalVariant;
+      this.callbacks.onWalletDisconnect(context, this);
+    }
+
+    return context;
+  }
+
+  getModerationSettingsService() {
+    const service = this.services.moderationSettings;
+    if (!service || typeof service !== "object") {
+      return null;
+    }
+    return service;
+  }
+
+  getModerationSettingsDefaults() {
+    const service = this.getModerationSettingsService();
+    let defaults = null;
+
+    if (service && typeof service.getDefaultModerationSettings === "function") {
+      try {
+        defaults = service.getDefaultModerationSettings();
+      } catch (error) {
+        devLogger.info("[profileModal] moderation defaults fallback used", error);
+      }
+    }
+
+    if (!defaults || typeof defaults !== "object") {
+      defaults = createInternalDefaultModerationSettings();
+    }
+
+    const sanitized = {
+      blurThreshold: Math.max(
+        0,
+        Math.floor(
+          Number(
+            defaults.blurThreshold ?? DEFAULT_INTERNAL_MODERATION_SETTINGS.blurThreshold,
+          ),
+        ),
+      ),
+      autoplayBlockThreshold: Math.max(
+        0,
+        Math.floor(
+          Number(
+            defaults.autoplayBlockThreshold ??
+              DEFAULT_INTERNAL_MODERATION_SETTINGS.autoplayBlockThreshold,
+          ),
+        ),
+      ),
+      trustedMuteHideThreshold: Math.max(
+        0,
+        Math.floor(
+          Number(
+            defaults.trustedMuteHideThreshold ??
+              DEFAULT_INTERNAL_MODERATION_SETTINGS.trustedMuteHideThreshold,
+          ),
+        ),
+      ),
+      trustedSpamHideThreshold: Math.max(
+        0,
+        Math.floor(
+          Number(
+            defaults.trustedSpamHideThreshold ??
+              DEFAULT_INTERNAL_MODERATION_SETTINGS.trustedSpamHideThreshold,
+          ),
+        ),
+      ),
+    };
+
+    return sanitized;
+  }
+
+  normalizeModerationSettings(settings = null) {
+    const defaults = this.getModerationSettingsDefaults();
+    const blur = Number.isFinite(settings?.blurThreshold)
+      ? Math.max(0, Math.floor(settings.blurThreshold))
+      : defaults.blurThreshold;
+    const autoplay = Number.isFinite(settings?.autoplayBlockThreshold)
+      ? Math.max(0, Math.floor(settings.autoplayBlockThreshold))
+      : defaults.autoplayBlockThreshold;
+    const muteHide = Number.isFinite(settings?.trustedMuteHideThreshold)
+      ? Math.max(0, Math.floor(settings.trustedMuteHideThreshold))
+      : defaults.trustedMuteHideThreshold;
+    const spamHide = Number.isFinite(settings?.trustedSpamHideThreshold)
+      ? Math.max(0, Math.floor(settings.trustedSpamHideThreshold))
+      : defaults.trustedSpamHideThreshold;
+
+    return {
+      blurThreshold: blur,
+      autoplayBlockThreshold: autoplay,
+      trustedMuteHideThreshold: muteHide,
+      trustedSpamHideThreshold: spamHide,
+    };
+  }
+
+  readModerationInputs() {
+    const defaults = this.getModerationSettingsDefaults();
+
+    const parse = (input, fallback) => {
+      if (!(input instanceof HTMLInputElement)) {
+        return { value: fallback, override: null, valid: true };
+      }
+
+      const raw = typeof input.value === "string" ? input.value.trim() : "";
+      if (!raw) {
+        return { value: fallback, override: null, valid: true };
+      }
+
+      const numeric = Number(raw);
+      if (!Number.isFinite(numeric)) {
+        return { value: fallback, override: null, valid: false };
+      }
+
+      const sanitized = Math.max(0, Math.floor(numeric));
+      return { value: sanitized, override: sanitized, valid: true };
+    };
+
+    const blur = parse(this.moderationBlurInput, defaults.blurThreshold);
+    const autoplay = parse(
+      this.moderationAutoplayInput,
+      defaults.autoplayBlockThreshold,
+    );
+    const muteHide = parse(
+      this.moderationMuteHideInput,
+      defaults.trustedMuteHideThreshold,
+    );
+    const spamHide = parse(
+      this.moderationSpamHideInput,
+      defaults.trustedSpamHideThreshold,
+    );
+
+    const valid = blur.valid && autoplay.valid && muteHide.valid && spamHide.valid;
+    const values = {
+      blurThreshold: blur.value,
+      autoplayBlockThreshold: autoplay.value,
+      trustedMuteHideThreshold: muteHide.value,
+      trustedSpamHideThreshold: spamHide.value,
+    };
+    const overrides = {
+      blurThreshold: blur.override,
+      autoplayBlockThreshold: autoplay.override,
+      trustedMuteHideThreshold: muteHide.override,
+      trustedSpamHideThreshold: spamHide.override,
+    };
+
+    return { defaults, values, overrides, valid };
+  }
+
+  applyModerationSettingsControlState({ resetStatus = false } = {}) {
+    const result = this.readModerationInputs();
+
+    const button = this.moderationSaveButton;
+    if (button instanceof HTMLElement) {
+      const baseline = this.currentModerationSettings || this.normalizeModerationSettings();
+      const isDirty =
+        result.valid &&
+        (baseline.blurThreshold !== result.values.blurThreshold ||
+          baseline.autoplayBlockThreshold !== result.values.autoplayBlockThreshold ||
+          baseline.trustedMuteHideThreshold !==
+            result.values.trustedMuteHideThreshold ||
+          baseline.trustedSpamHideThreshold !==
+            result.values.trustedSpamHideThreshold);
+      button.disabled = !(result.valid && isDirty);
+      if (button.disabled) {
+        button.setAttribute("aria-disabled", "true");
+      } else {
+        button.removeAttribute("aria-disabled");
+      }
+    }
+
+    if (resetStatus) {
+      this.updateModerationSettingsStatus("", "info");
+    }
+
+    return result;
+  }
+
+  areTrustedHideControlsEnabled() {
+    if (
+      RUNTIME_FLAGS &&
+      typeof RUNTIME_FLAGS === "object" &&
+      RUNTIME_FLAGS.FEATURE_TRUSTED_HIDE_CONTROLS === false
+    ) {
+      return false;
+    }
+
+    return true;
+  }
+
+  updateTrustedHideControlsVisibility() {
+    const shouldShow = this.areTrustedHideControlsEnabled();
+    const targets = new Set();
+
+    if (this.moderationHideControlsGroup instanceof HTMLElement) {
+      targets.add(this.moderationHideControlsGroup);
+    }
+
+    if (Array.isArray(this.moderationHideControlElements)) {
+      for (const element of this.moderationHideControlElements) {
+        if (element instanceof HTMLElement) {
+          targets.add(element);
+        }
+      }
+    }
+
+    targets.forEach((element) => {
+      if (!(element instanceof HTMLElement)) {
+        return;
+      }
+
+      if (shouldShow) {
+        element.classList.remove("hidden");
+        element.removeAttribute("hidden");
+        element.removeAttribute("aria-hidden");
+      } else {
+        element.classList.add("hidden");
+        element.setAttribute("hidden", "");
+        element.setAttribute("aria-hidden", "true");
+      }
+    });
+  }
+
+  updateModerationSettingsStatus(message = "", variant = "info") {
+    if (!(this.moderationStatusText instanceof HTMLElement)) {
+      return;
+    }
+
+    const text = typeof message === "string" ? message : "";
+    this.moderationStatusText.textContent = text;
+
+    if (text) {
+      this.moderationStatusText.dataset.variant = variant || "info";
+    } else if (this.moderationStatusText.dataset.variant) {
+      delete this.moderationStatusText.dataset.variant;
+    }
+  }
+
+  updateTrustedMuteHideHelperCopy() {
+    if (!(this.moderationMuteHideInput instanceof HTMLInputElement)) {
+      return;
+    }
+
+    const label = this.moderationMuteHideInput.closest("label");
+    if (!(label instanceof HTMLElement)) {
+      return;
+    }
+
+    const helper = label.querySelector("span.text-xs");
+    if (!(helper instanceof HTMLElement)) {
+      return;
+    }
+
+    helper.textContent = TRUSTED_MUTE_HIDE_HELPER_TEXT;
+  }
+
+  getModerationOverrideEntries() {
+    if (typeof this.services.getModerationOverrides !== "function") {
+      return [];
+    }
+
+    try {
+      const entries = this.services.getModerationOverrides();
+      return Array.isArray(entries) ? entries : [];
+    } catch (error) {
+      devLogger.info(
+        "[profileModal] moderation overrides fallback used",
+        error,
+      );
+      return [];
+    }
+  }
+
+  normalizeModerationOverrideEntries(entries = []) {
+    const normalized = [];
+    const seen = new Set();
+
+    entries.forEach((entry) => {
+      if (!entry || typeof entry !== "object") {
+        return;
+      }
+      const eventId =
+        typeof entry.eventId === "string"
+          ? entry.eventId.trim().toLowerCase()
+          : "";
+      if (!eventId) {
+        return;
+      }
+      const author =
+        typeof entry.authorPubkey === "string"
+          ? entry.authorPubkey.trim()
+          : "";
+      const normalizedAuthor = author ? this.normalizeHexPubkey(author) || author : "";
+      const key = `${normalizedAuthor || ""}:${eventId}`;
+      if (seen.has(key)) {
+        return;
+      }
+      seen.add(key);
+      normalized.push({
+        eventId,
+        authorPubkey: normalizedAuthor || "",
+        updatedAt: Number.isFinite(entry.updatedAt)
+          ? Math.floor(entry.updatedAt)
+          : 0,
+      });
+    });
+
+    normalized.sort((a, b) => (b.updatedAt || 0) - (a.updatedAt || 0));
+
+    return normalized;
+  }
+
+  formatModerationOverrideTimestamp(updatedAt) {
+    const numeric = Number(updatedAt);
+    if (!Number.isFinite(numeric) || numeric <= 0) {
+      return { display: "", iso: "" };
+    }
+
+    try {
+      const date = new Date(numeric);
+      return {
+        display: date.toLocaleString(undefined, {
+          year: "numeric",
+          month: "short",
+          day: "numeric",
+          hour: "numeric",
+          minute: "2-digit",
+        }),
+        iso: date.toISOString(),
+      };
+    } catch (error) {
+      return { display: "", iso: "" };
+    }
+  }
+
+  async handleModerationOverrideReset(entry) {
+    if (!entry || typeof entry !== "object") {
+      return false;
+    }
+
+    if (typeof this.services.clearModerationOverride !== "function") {
+      return false;
+    }
+
+    try {
+      await this.services.clearModerationOverride({
+        eventId: entry.eventId,
+        authorPubkey: entry.authorPubkey,
+      });
+      this.refreshModerationOverridesUi();
+      this.showSuccess("Moderation override reset.");
+      return true;
+    } catch (error) {
+      this.showError("Unable to reset this moderation override.");
+      return false;
+    }
+  }
+
+  refreshModerationOverridesUi() {
+    if (
+      !(this.moderationOverridesList instanceof HTMLElement) ||
+      !(this.moderationOverridesEmpty instanceof HTMLElement)
+    ) {
+      return;
+    }
+
+    const entries = this.normalizeModerationOverrideEntries(
+      this.getModerationOverrideEntries(),
+    );
+
+    this.moderationOverridesList.innerHTML = "";
+
+    if (!entries.length) {
+      this.moderationOverridesEmpty.classList.remove("hidden");
+      this.moderationOverridesList.classList.add("hidden");
+      return;
+    }
+
+    this.moderationOverridesEmpty.classList.add("hidden");
+    this.moderationOverridesList.classList.remove("hidden");
+
+    const entriesNeedingFetch = new Set();
+
+    entries.forEach((entry) => {
+      const item = document.createElement("li");
+      item.className = "card space-y-2 p-4";
+
+      const row = document.createElement("div");
+      row.className = "flex items-center justify-between gap-4";
+
+      const authorKey = entry.authorPubkey;
+      let profileSummary = null;
+      if (authorKey) {
+        const cacheEntry = this.services.getProfileCacheEntry(authorKey);
+        if (!cacheEntry) {
+          entriesNeedingFetch.add(authorKey);
+        }
+      }
+
+      const summaryData = this.resolveProfileSummaryForPubkey(authorKey);
+      profileSummary = this.createCompactProfileSummary(summaryData);
+
+      const actions = document.createElement("div");
+      actions.className = "flex flex-wrap items-center justify-end gap-2";
+
+      const resetButton = this.createRemoveButton({
+        label: "Reset",
+        onRemove: () => this.handleModerationOverrideReset(entry),
+      });
+      if (resetButton) {
+        actions.appendChild(resetButton);
+      }
+
+      if (profileSummary) {
+        row.appendChild(profileSummary);
+      }
+      if (actions.childElementCount > 0) {
+        row.appendChild(actions);
+      }
+
+      const meta = document.createElement("div");
+      meta.className = "flex flex-wrap items-center gap-3 text-2xs text-muted";
+
+      const contentId = document.createElement("span");
+      contentId.className = "font-mono text-2xs text-muted";
+      const shortId =
+        typeof this.truncateMiddle === "function"
+          ? this.truncateMiddle(entry.eventId, 16)
+          : entry.eventId;
+      contentId.textContent = `Content ${shortId}`;
+      contentId.title = entry.eventId;
+      meta.appendChild(contentId);
+
+      const timestamp = this.formatModerationOverrideTimestamp(entry.updatedAt);
+      if (timestamp.display) {
+        const time = document.createElement("time");
+        time.className = "text-2xs text-muted";
+        time.dateTime = timestamp.iso;
+        time.textContent = `Updated ${timestamp.display}`;
+        meta.appendChild(time);
+      }
+
+      item.appendChild(row);
+      item.appendChild(meta);
+
+      this.moderationOverridesList.appendChild(item);
+    });
+
+    if (
+      entriesNeedingFetch.size &&
+      typeof this.services.batchFetchProfiles === "function"
+    ) {
+      this.services.batchFetchProfiles(entriesNeedingFetch);
+    }
+  }
+
+  refreshModerationSettingsUi() {
+    const service = this.getModerationSettingsService();
+    if (!service) {
+      this.moderationSettingsDefaults = createInternalDefaultModerationSettings();
+      this.currentModerationSettings = createInternalDefaultModerationSettings();
+      this.updateTrustedHideControlsVisibility();
+      this.updateModerationTrustStats();
+      this.refreshModerationOverridesUi();
+      this.applyModerationSettingsControlState({ resetStatus: true });
+      return;
+    }
+
+    let active = null;
+    if (typeof service.getActiveModerationSettings === "function") {
+      try {
+        active = service.getActiveModerationSettings();
+      } catch (error) {
+        devLogger.info("[profileModal] moderation settings fallback used", error);
+      }
+    }
+
+    const defaults = this.getModerationSettingsDefaults();
+    this.moderationSettingsDefaults = defaults;
+    const normalized = this.normalizeModerationSettings(active);
+    this.currentModerationSettings = normalized;
+
+    if (this.moderationBlurInput instanceof HTMLInputElement) {
+      this.moderationBlurInput.value = String(normalized.blurThreshold);
+    }
+
+    if (this.moderationAutoplayInput instanceof HTMLInputElement) {
+      this.moderationAutoplayInput.value = String(
+        normalized.autoplayBlockThreshold,
+      );
+    }
+
+    if (this.moderationMuteHideInput instanceof HTMLInputElement) {
+      this.moderationMuteHideInput.value = String(
+        normalized.trustedMuteHideThreshold,
+      );
+    }
+
+    if (this.moderationSpamHideInput instanceof HTMLInputElement) {
+      this.moderationSpamHideInput.value = String(
+        normalized.trustedSpamHideThreshold,
+      );
+    }
+
+    this.updateTrustedHideControlsVisibility();
+    this.updateModerationTrustStats();
+    this.refreshModerationOverridesUi();
+
+    this.applyModerationSettingsControlState({ resetStatus: true });
+  }
+
+  getModerationTrustStats() {
+    const summary = {
+      trustedContactsCount: 0,
+      trustedMuteContributors: 0,
+      trustedReportContributors: 0,
+      trustedSeedOnly: false,
+    };
+
+    const service = this.moderationService;
+    if (!service) {
+      return summary;
+    }
+
+    if (typeof service.isTrustedSeedOnly === "function") {
+      summary.trustedSeedOnly = service.isTrustedSeedOnly();
+    } else if (typeof service.trustedSeedOnly === "boolean") {
+      summary.trustedSeedOnly = service.trustedSeedOnly;
+    }
+
+    const trustedContacts =
+      service.trustedContacts instanceof Set
+        ? service.trustedContacts
+        : Array.isArray(service.trustedContacts)
+        ? new Set(service.trustedContacts)
+        : new Set();
+
+    summary.trustedContactsCount = trustedContacts.size;
+
+    const adminSnapshot =
+      typeof service.getAdminListSnapshot === "function"
+        ? service.getAdminListSnapshot()
+        : null;
+
+    const resolveStatus = (candidate) => {
+      if (typeof service.getAccessControlStatus === "function") {
+        return service.getAccessControlStatus(candidate, adminSnapshot);
+      }
+      return {
+        hex: this.normalizeHexPubkey(candidate),
+        whitelisted: false,
+        blacklisted: false,
+      };
+    };
+
+    const isBlocked = (pubkey) =>
+      typeof service.isPubkeyBlockedByViewer === "function"
+        ? service.isPubkeyBlockedByViewer(pubkey)
+        : false;
+
+    const isTrustedCandidate = (status) => {
+      if (!status || !status.hex) {
+        return false;
+      }
+      if (status.blacklisted) {
+        return false;
+      }
+      if (isBlocked(status.hex)) {
+        return false;
+      }
+      return Boolean(status.whitelisted || trustedContacts.has(status.hex));
+    };
+
+    if (service.trustedMuteLists instanceof Map) {
+      const trustedMuteOwners = new Set();
+      for (const owner of service.trustedMuteLists.keys()) {
+        const status = resolveStatus(owner);
+        if (isTrustedCandidate(status)) {
+          trustedMuteOwners.add(status.hex);
+        }
+      }
+      summary.trustedMuteContributors = trustedMuteOwners.size;
+    }
+
+    if (service.reportEvents instanceof Map) {
+      const trustedReporters = new Set();
+      for (const eventReports of service.reportEvents.values()) {
+        if (!(eventReports instanceof Map)) {
+          continue;
+        }
+        for (const reporter of eventReports.keys()) {
+          const status = resolveStatus(reporter);
+          if (!isTrustedCandidate(status)) {
+            continue;
+          }
+          trustedReporters.add(status.hex);
+        }
+      }
+      summary.trustedReportContributors = trustedReporters.size;
+    }
+
+    return summary;
+  }
+
+  updateModerationTrustStats() {
+    if (
+      !(this.moderationTrustedContactsCount instanceof HTMLElement) &&
+      !(this.moderationTrustedMuteCount instanceof HTMLElement) &&
+      !(this.moderationTrustedReportCount instanceof HTMLElement) &&
+      !(this.moderationSeedOnlyIndicator instanceof HTMLElement)
+    ) {
+      return;
+    }
+
+    const summary = this.getModerationTrustStats();
+
+    if (this.moderationTrustedContactsCount instanceof HTMLElement) {
+      this.moderationTrustedContactsCount.textContent = String(
+        summary.trustedContactsCount,
+      );
+    }
+
+    if (this.moderationTrustedMuteCount instanceof HTMLElement) {
+      this.moderationTrustedMuteCount.textContent = String(
+        summary.trustedMuteContributors,
+      );
+    }
+
+    if (this.moderationTrustedReportCount instanceof HTMLElement) {
+      this.moderationTrustedReportCount.textContent = String(
+        summary.trustedReportContributors,
+      );
+    }
+
+    if (this.moderationSeedOnlyIndicator instanceof HTMLElement) {
+      this.moderationSeedOnlyIndicator.hidden = !summary.trustedSeedOnly;
+    }
+  }
+
+  async handleModerationSettingsSave() {
+    const service = this.getModerationSettingsService();
+    const context = {
+      success: false,
+      reason: null,
+      error: null,
+      settings: null,
+    };
+
+    if (!service) {
+      return context;
+    }
+
+    const inputState = this.applyModerationSettingsControlState();
+    if (!inputState.valid) {
+      const message =
+        "Enter non-negative whole numbers for moderation thresholds.";
+      this.updateModerationSettingsStatus(message, "error");
+      this.showError(message);
+      context.reason = "invalid-input";
+      context.error = message;
+      return context;
+    }
+
+    const payload = {};
+    if (Object.prototype.hasOwnProperty.call(inputState.overrides, "blurThreshold")) {
+      payload.blurThreshold = inputState.overrides.blurThreshold;
+    }
+    if (
+      Object.prototype.hasOwnProperty.call(
+        inputState.overrides,
+        "autoplayBlockThreshold",
+      )
+    ) {
+      payload.autoplayBlockThreshold = inputState.overrides.autoplayBlockThreshold;
+    }
+
+    if (
+      Object.prototype.hasOwnProperty.call(
+        inputState.overrides,
+        "trustedMuteHideThreshold",
+      )
+    ) {
+      payload.trustedMuteHideThreshold =
+        inputState.overrides.trustedMuteHideThreshold;
+    }
+
+    if (
+      Object.prototype.hasOwnProperty.call(
+        inputState.overrides,
+        "trustedSpamHideThreshold",
+      )
+    ) {
+      payload.trustedSpamHideThreshold =
+        inputState.overrides.trustedSpamHideThreshold;
+    }
+
+    try {
+      const updated =
+        typeof service.updateModerationSettings === "function"
+          ? await service.updateModerationSettings(payload)
+          : inputState.values;
+
+      const normalized = this.normalizeModerationSettings(updated);
+      this.currentModerationSettings = normalized;
+      if (this.moderationBlurInput instanceof HTMLInputElement) {
+        this.moderationBlurInput.value = String(normalized.blurThreshold);
+      }
+      if (this.moderationAutoplayInput instanceof HTMLInputElement) {
+        this.moderationAutoplayInput.value = String(
+          normalized.autoplayBlockThreshold,
+        );
+      }
+      if (this.moderationMuteHideInput instanceof HTMLInputElement) {
+        this.moderationMuteHideInput.value = String(
+          normalized.trustedMuteHideThreshold,
+        );
+      }
+      if (this.moderationSpamHideInput instanceof HTMLInputElement) {
+        this.moderationSpamHideInput.value = String(
+          normalized.trustedSpamHideThreshold,
+        );
+      }
+      this.applyModerationSettingsControlState();
+      this.updateModerationSettingsStatus("Moderation settings saved.", "success");
+      this.showSuccess("Moderation settings saved.");
+      context.success = true;
+      context.reason = "saved";
+      context.settings = normalized;
+      this.callbacks.onModerationSettingsChange({
+        settings: normalized,
+        controller: this,
+        reason: "saved",
+      });
+    } catch (error) {
+      const fallbackMessage = "Failed to update moderation settings.";
+      const detail =
+        error && typeof error.message === "string" && error.message.trim()
+          ? error.message.trim()
+          : fallbackMessage;
+      this.updateModerationSettingsStatus(detail, "error");
+      this.showError(detail);
+      context.error = detail;
+      context.reason = error?.code || "service-error";
+    }
+
+    return context;
+  }
+
+  async handleModerationSettingsReset() {
+    const service = this.getModerationSettingsService();
+    const context = {
+      success: false,
+      reason: null,
+      error: null,
+      settings: null,
+    };
+
+    if (!service) {
+      return context;
+    }
+
+    try {
+      const updated =
+        typeof service.resetModerationSettings === "function"
+          ? await service.resetModerationSettings()
+          : createInternalDefaultModerationSettings();
+
+      const normalized = this.normalizeModerationSettings(updated);
+      this.currentModerationSettings = normalized;
+      if (this.moderationBlurInput instanceof HTMLInputElement) {
+        this.moderationBlurInput.value = String(normalized.blurThreshold);
+      }
+      if (this.moderationAutoplayInput instanceof HTMLInputElement) {
+        this.moderationAutoplayInput.value = String(
+          normalized.autoplayBlockThreshold,
+        );
+      }
+      if (this.moderationMuteHideInput instanceof HTMLInputElement) {
+        this.moderationMuteHideInput.value = String(
+          normalized.trustedMuteHideThreshold,
+        );
+      }
+      if (this.moderationSpamHideInput instanceof HTMLInputElement) {
+        this.moderationSpamHideInput.value = String(
+          normalized.trustedSpamHideThreshold,
+        );
+      }
+      this.updateTrustedHideControlsVisibility();
+      this.applyModerationSettingsControlState({ resetStatus: true });
+      this.updateModerationSettingsStatus(
+        "Moderation defaults restored.",
+        "success",
+      );
+      this.showSuccess("Moderation defaults restored.");
+      context.success = true;
+      context.reason = "reset";
+      context.settings = normalized;
+      this.callbacks.onModerationSettingsChange({
+        settings: normalized,
+        controller: this,
+        reason: "reset",
+      });
+    } catch (error) {
+      const fallbackMessage = "Failed to restore moderation defaults.";
+      const detail =
+        error && typeof error.message === "string" && error.message.trim()
+          ? error.message.trim()
+          : fallbackMessage;
+      this.updateModerationSettingsStatus(detail, "error");
+      this.showError(detail);
+      context.error = detail;
+      context.reason = error?.code || "service-error";
+    }
+
+    return context;
+  }
+
+  storeAdminEmptyMessages() {
+    const capture = (element) => {
+      if (element instanceof HTMLElement && !element.dataset.defaultMessage) {
+        element.dataset.defaultMessage = element.textContent || "";
+      }
+    };
+
+    capture(this.moderatorEmpty);
+    capture(this.whitelistEmpty);
+    capture(this.blacklistEmpty);
+  }
+
+  setAdminLoading(isLoading) {
+    this.storeAdminEmptyMessages();
+    if (this.panes.admin instanceof HTMLElement) {
+      this.panes.admin.setAttribute("aria-busy", isLoading ? "true" : "false");
+    }
+
+    const toggleMessage = (element, message) => {
+      if (!(element instanceof HTMLElement)) {
+        return;
+      }
+      if (isLoading) {
+        element.textContent = message;
+        element.classList.remove("hidden");
+      } else {
+        element.textContent = element.dataset.defaultMessage || element.textContent;
+      }
+    };
+
+    toggleMessage(this.moderatorEmpty, "Loading moderators…");
+    toggleMessage(this.whitelistEmpty, "Loading whitelist…");
+    toggleMessage(this.blacklistEmpty, "Loading blacklist…");
+  }
+
+  clearAdminLists() {
+    this.storeAdminEmptyMessages();
+    if (this.adminModeratorList) {
+      this.adminModeratorList.innerHTML = "";
+    }
+    if (this.whitelistList) {
+      this.whitelistList.innerHTML = "";
+    }
+    if (this.blacklistList) {
+      this.blacklistList.innerHTML = "";
+    }
+    if (this.moderatorEmpty instanceof HTMLElement) {
+      this.moderatorEmpty.textContent =
+        this.moderatorEmpty.dataset.defaultMessage ||
+        this.moderatorEmpty.textContent;
+      this.moderatorEmpty.classList.remove("hidden");
+    }
+    if (this.whitelistEmpty instanceof HTMLElement) {
+      this.whitelistEmpty.textContent =
+        this.whitelistEmpty.dataset.defaultMessage ||
+        this.whitelistEmpty.textContent;
+      this.whitelistEmpty.classList.remove("hidden");
+    }
+    if (this.blacklistEmpty instanceof HTMLElement) {
+      this.blacklistEmpty.textContent =
+        this.blacklistEmpty.dataset.defaultMessage ||
+        this.blacklistEmpty.textContent;
+      this.blacklistEmpty.classList.remove("hidden");
+    }
+  }
+
+  normalizeAdminListEntries(entries) {
+    const collected = [];
+    const seen = new Set();
+
+    const append = (value) => {
+      if (typeof value !== "string") {
+        return;
+      }
+      const trimmed = value.trim();
+      if (!trimmed || seen.has(trimmed)) {
+        return;
+      }
+      seen.add(trimmed);
+      collected.push(trimmed);
+    };
+
+    if (Array.isArray(entries)) {
+      entries.forEach(append);
+    } else if (entries && typeof entries?.[Symbol.iterator] === "function") {
+      for (const entry of entries) {
+        append(entry);
+      }
+    } else if (entries && typeof entries === "object") {
+      Object.values(entries).forEach(append);
+    }
+
+    try {
+      collected.sort((a, b) => a.localeCompare(b));
+    } catch (error) {
+      devLogger.warn(
+        "[profileModal] Failed to sort admin list entries, using fallback order.",
+        error,
+      );
+    }
+
+    return collected;
+  }
+
+  renderAdminList(listEl, emptyEl, entries, options = {}) {
+    if (!(listEl instanceof HTMLElement) || !(emptyEl instanceof HTMLElement)) {
+      return;
+    }
+
+    const {
+      onRemove,
+      removeLabel = "Remove",
+      confirmMessage,
+      removable = true,
+      overlapSet,
+      overlapLabel,
+    } = options;
+
+    const formatNpub =
+      typeof this.formatShortNpub === "function"
+        ? (value) => this.formatShortNpub(value)
+        : (value) => (typeof value === "string" ? value : "");
+
+    const entriesNeedingFetch = new Set();
+
+    listEl.innerHTML = "";
+
+    const values = this.normalizeAdminListEntries(entries);
+
+    const toggleHiddenState = (element, shouldHide) => {
+      if (!(element instanceof HTMLElement)) {
+        return;
+      }
+
+      if (shouldHide) {
+        element.classList.add("hidden");
+        element.setAttribute("hidden", "");
+      } else {
+        element.classList.remove("hidden");
+        element.removeAttribute("hidden");
+      }
+    };
+
+    if (!values.length) {
+      toggleHiddenState(emptyEl, false);
+      toggleHiddenState(listEl, true);
+      return;
+    }
+
+    toggleHiddenState(emptyEl, true);
+    toggleHiddenState(listEl, false);
+
+    values.forEach((npub) => {
+      const item = document.createElement("li");
+      item.className =
+        "card flex flex-col gap-3 p-4 sm:flex-row sm:items-center sm:justify-between";
+
+      const normalizedNpub = typeof npub === "string" ? npub.trim() : "";
+      const comparableNpub =
+        this.normalizeNpubValue(normalizedNpub) || normalizedNpub;
+      const decodedHex =
+        normalizedNpub && normalizedNpub.startsWith("npub1")
+          ? this.safeDecodeNpub(normalizedNpub)
+          : null;
+      const normalizedHex =
+        decodedHex && /^[0-9a-f]{64}$/i.test(decodedHex)
+          ? decodedHex.toLowerCase()
+          : null;
+
+      let cachedProfile = null;
+      if (normalizedHex) {
+        const cacheEntry = this.services.getProfileCacheEntry(normalizedHex);
+        cachedProfile = cacheEntry?.profile || null;
+        if (!cacheEntry) {
+          entriesNeedingFetch.add(normalizedHex);
+        }
+      }
+
+      const encodedNpub =
+        normalizedHex && typeof this.safeEncodeNpub === "function"
+          ? this.safeEncodeNpub(normalizedHex)
+          : normalizedNpub;
+      const displayNpub = formatNpub(encodedNpub) || encodedNpub || normalizedNpub;
+      const displayName =
+        cachedProfile?.name?.trim() || displayNpub || "Unknown profile";
+      const avatarSrc =
+        cachedProfile?.picture || FALLBACK_PROFILE_AVATAR;
+
+      const summary = this.createCompactProfileSummary({
+        displayName,
+        displayNpub,
+        avatarSrc,
+      });
+
+      if (
+        summary &&
+        overlapLabel &&
+        overlapSet instanceof Set &&
+        comparableNpub &&
+        overlapSet.has(comparableNpub)
+      ) {
+        const overlapBadge = document.createElement("span");
+        overlapBadge.className = "badge whitespace-nowrap";
+        overlapBadge.dataset.variant = "warning";
+        overlapBadge.textContent = overlapLabel;
+        summary.appendChild(overlapBadge);
+      }
+
+      const actions = document.createElement("div");
+      actions.className =
+        "flex flex-wrap items-center justify-end gap-2 sm:flex-none";
+
+      const viewButton = this.createViewChannelButton({
+        targetNpub: encodedNpub,
+        displayNpub,
+      });
+      if (viewButton) {
+        actions.appendChild(viewButton);
+      }
+
+      const copyButton = this.createCopyNpubButton({
+        targetNpub: encodedNpub,
+        displayNpub,
+      });
+      if (copyButton) {
+        actions.appendChild(copyButton);
+      }
+
+      if (removable && typeof onRemove === "function") {
+        const removeBtn = this.createRemoveButton({
+          label: removeLabel,
+          confirmMessage,
+          confirmValue: displayNpub,
+          onRemove: (button) => onRemove(npub, button),
+        });
+        if (removeBtn) {
+          actions.appendChild(removeBtn);
+        }
+      }
+
+      item.appendChild(summary);
+      if (actions.childElementCount > 0) {
+        item.appendChild(actions);
+      }
+
+      listEl.appendChild(item);
+    });
+
+    if (
+      entriesNeedingFetch.size &&
+      typeof this.services.batchFetchProfiles === "function"
+    ) {
+      this.services.batchFetchProfiles(entriesNeedingFetch);
+    }
+  }
+
+  populateAdminLists() {
+    const actorNpub = this.services.getCurrentUserNpub();
+    if (!actorNpub || !this.services.accessControl.canEditAdminLists(actorNpub)) {
+      this.clearAdminLists();
+      return;
+    }
+
+    const isSuperAdmin = this.services.accessControl.isSuperAdmin(actorNpub);
+    const editors = this.normalizeAdminListEntries(
+      this.services.accessControl.getEditors(),
+    ).filter((npub) => npub && npub !== this.adminSuperNpub);
+    const whitelist = this.normalizeAdminListEntries(
+      this.services.accessControl.getWhitelist(),
+    );
+    const blacklist = this.normalizeAdminListEntries(
+      this.services.accessControl.getBlacklist(),
+    );
+    const normalizeForCompare = (value) =>
+      this.normalizeNpubValue(value) ||
+      (typeof value === "string" ? value.trim() : "");
+    const whitelistCompare = new Set(
+      whitelist.map(normalizeForCompare).filter(Boolean),
+    );
+    const blacklistCompare = new Set(
+      blacklist.map(normalizeForCompare).filter(Boolean),
+    );
+
+    this.renderAdminList(
+      this.adminModeratorList,
+      this.moderatorEmpty,
+      editors,
+      {
+        onRemove: (npub, button) => this.handleRemoveModerator(npub, button),
+        removeLabel: "Remove",
+        confirmMessage:
+          "Remove moderator {npub}? They will immediately lose access to the admin panel.",
+        removable: isSuperAdmin,
+      },
+    );
+
+    this.renderAdminList(
+      this.whitelistList,
+      this.whitelistEmpty,
+      whitelist,
+      {
+        onRemove: (npub, button) =>
+          this.handleAdminListMutation("whitelist", "remove", npub, button),
+        removeLabel: "Remove",
+        confirmMessage: "Remove {npub} from the whitelist?",
+        removable: true,
+        overlapSet: blacklistCompare,
+        overlapLabel: "Also blacklisted",
+      },
+    );
+
+    this.renderAdminList(
+      this.blacklistList,
+      this.blacklistEmpty,
+      blacklist,
+      {
+        onRemove: (npub, button) =>
+          this.handleAdminListMutation("blacklist", "remove", npub, button),
+        removeLabel: "Unblock",
+        confirmMessage: "Remove {npub} from the blacklist?",
+        removable: true,
+        overlapSet: whitelistCompare,
+        overlapLabel: "Also whitelisted",
+      },
+    );
+  }
+
+  async refreshAdminPaneState() {
+    const adminNav = this.navButtons.admin;
+    const adminPane = this.panes.admin;
+
+    let loadError = null;
+    this.setAdminLoading(true);
+    this.showStatus("Fetching moderation filters…");
+    try {
+      const ensureResult = await this.runAdminMutation({
+        action: "ensure-ready",
+      });
+      if (ensureResult?.error && ensureResult.ok === false) {
+        loadError = ensureResult.error;
+      }
+    } catch (error) {
+      loadError = error;
+    }
+
+    const actorNpub = this.services.getCurrentUserNpub();
+    const canEdit =
+      !!actorNpub && this.services.accessControl.canEditAdminLists(actorNpub);
+    const isSuperAdmin =
+      !!actorNpub && this.services.accessControl.isSuperAdmin(actorNpub);
+
+    if (adminNav instanceof HTMLElement) {
+      adminNav.classList.toggle("hidden", !canEdit);
+      if (!canEdit) {
+        adminNav.setAttribute("aria-selected", "false");
+      }
+    }
+
+    if (adminPane instanceof HTMLElement) {
+      if (!canEdit) {
+        adminPane.classList.add("hidden");
+        adminPane.setAttribute("aria-hidden", "true");
+      } else {
+        const isActive = this.getActivePane() === "admin";
+        adminPane.classList.toggle("hidden", !isActive);
+        adminPane.setAttribute("aria-hidden", (!isActive).toString());
+      }
+    }
+
+    if (loadError) {
+      if (loadError?.code === "nostr-unavailable") {
+        devLogger.info("Moderation lists are still syncing with relays.");
+        return;
+      }
+
+      userLogger.error("Failed to load admin lists:", loadError);
+      this.showStatus(null);
+      this.showError("Unable to load moderation lists. Please try again.");
+      this.clearAdminLists();
+      this.setAdminLoading(false);
+      return;
+    }
+
+    if (!canEdit) {
+      this.clearAdminLists();
+      this.showStatus(null);
+      this.setAdminLoading(false);
+      if (
+        adminNav instanceof HTMLElement &&
+        adminNav.dataset.state === "active"
+      ) {
+        this.selectPane("account");
+      }
+      return;
+    }
+
+    if (this.moderatorSection instanceof HTMLElement) {
+      this.moderatorSection.classList.toggle("hidden", !isSuperAdmin);
+      this.moderatorSection.setAttribute(
+        "aria-hidden",
+        (!isSuperAdmin).toString(),
+      );
+    }
+    this.populateAdminLists();
+    this.showStatus(null);
+    this.setAdminLoading(false);
+  }
+
+  normalizeNpubValue(value) {
+    if (typeof value !== "string") {
+      return null;
+    }
+    const trimmed = value.trim();
+    if (!trimmed) {
+      return null;
+    }
+    if (trimmed.startsWith("npub1")) {
+      return trimmed;
+    }
+    const normalizedHex = this.normalizeHexPubkey(trimmed);
+    if (!normalizedHex) {
+      return null;
+    }
+    return this.safeEncodeNpub(normalizedHex);
+  }
+
+  ensureAdminActor(requireSuperAdmin = false) {
+    const actorNpub = this.services.getCurrentUserNpub();
+    if (!actorNpub) {
+      this.showError("Please login with a Nostr account to manage admin settings.");
+      return null;
+    }
+    if (!this.services.accessControl.canEditAdminLists(actorNpub)) {
+      this.showError("You do not have permission to manage bitvid moderation lists.");
+      return null;
+    }
+    if (requireSuperAdmin && !this.services.accessControl.isSuperAdmin(actorNpub)) {
+      this.showError("Only the Super Admin can manage moderators or whitelist mode.");
+      return null;
+    }
+    return actorNpub;
+  }
+
+  async handleAddModerator() {
+    const input = this.moderatorInput || null;
+    const rawValue = typeof input?.value === "string" ? input.value : "";
+    const trimmed = rawValue.trim();
+    const normalizedValue = this.normalizeNpubValue(trimmed);
+    const context = {
+      input,
+      rawValue,
+      value: trimmed,
+      normalizedValue,
+      actorNpub: null,
+      success: false,
+      reason: null,
+      error: null,
+      result: null,
+    };
+
+    let preloadError = null;
+    try {
+      const ensureResult = await this.runAdminMutation({ action: "ensure-ready" });
+      if (ensureResult?.error && ensureResult.ok === false) {
+        preloadError = ensureResult.error;
+      }
+    } catch (error) {
+      preloadError = error;
+      userLogger.error("Failed to load admin lists before adding moderator:", error);
+    }
+
+    if (preloadError) {
+      this.showError(this.describeAdminError(preloadError.code || "storage-error"));
+      context.reason = preloadError.code || "storage-error";
+      context.error = preloadError;
+      this.callbacks.onAdminAddModerator(context, this);
+      return context;
+    }
+
+    const actorNpub = this.ensureAdminActor(true);
+    context.actorNpub = actorNpub;
+    if (!actorNpub || !input) {
+      context.reason = actorNpub ? "missing-input" : "unauthorized";
+      this.callbacks.onAdminAddModerator(context, this);
+      return context;
+    }
+
+    if (!trimmed) {
+      this.showError("Enter an npub to add as a moderator.");
+      context.reason = "empty";
+      this.callbacks.onAdminAddModerator(context, this);
+      return context;
+    }
+
+    if (!normalizedValue) {
+      this.showError("Enter a valid npub before adding it as a moderator.");
+      context.reason = "invalid";
+      this.callbacks.onAdminAddModerator(context, this);
+      return context;
+    }
+
+    if (this.addModeratorButton) {
+      this.addModeratorButton.disabled = true;
+      this.addModeratorButton.setAttribute("aria-busy", "true");
+    }
+
+    try {
+      const mutationResult = await this.runAdminMutation({
+        action: "add-moderator",
+        actorNpub,
+        targetNpub: normalizedValue,
+      });
+      context.result = mutationResult?.result || null;
+      if (!mutationResult?.ok) {
+        const errorCode = mutationResult?.result?.error || mutationResult?.error?.code;
+        this.showError(this.describeAdminError(errorCode || "service-error"));
+        context.reason = errorCode || "service-error";
+        context.error = mutationResult?.error || mutationResult?.result || null;
+        return context;
+      }
+
+      this.moderatorInput.value = "";
+      this.showSuccess("Moderator added successfully.");
+      await this.services.onAccessControlUpdated();
+      context.success = true;
+      context.reason = "added";
+    } finally {
+      if (this.addModeratorButton) {
+        this.addModeratorButton.disabled = false;
+        this.addModeratorButton.removeAttribute("aria-busy");
+      }
+      this.callbacks.onAdminAddModerator(context, this);
+    }
+
+    return context;
+  }
+
+  async handleRemoveModerator(npub, button) {
+    const context = {
+      npub,
+      normalizedNpub: this.normalizeNpubValue(npub),
+      button,
+      actorNpub: null,
+      success: false,
+      reason: null,
+      error: null,
+      result: null,
+    };
+
+    const releaseButton = () => {
+      if (button instanceof HTMLElement) {
+        button.disabled = false;
+        button.removeAttribute("aria-busy");
+      }
+    };
+
+    if (!context.normalizedNpub) {
+      this.showError("Unable to remove moderator: invalid npub.");
+      context.reason = "invalid";
+      releaseButton();
+      this.callbacks.onAdminRemoveModerator(context, this);
+      return context;
+    }
+
+    let preloadError = null;
+    try {
+      const ensureResult = await this.runAdminMutation({ action: "ensure-ready" });
+      if (ensureResult?.error && ensureResult.ok === false) {
+        preloadError = ensureResult.error;
+      }
+    } catch (error) {
+      preloadError = error;
+      userLogger.error("Failed to load admin lists before removing moderator:", error);
+    }
+
+    if (preloadError) {
+      this.showError(this.describeAdminError(preloadError.code || "storage-error"));
+      context.reason = preloadError.code || "storage-error";
+      context.error = preloadError;
+      releaseButton();
+      this.callbacks.onAdminRemoveModerator(context, this);
+      return context;
+    }
+
+    const actorNpub = this.ensureAdminActor(true);
+    context.actorNpub = actorNpub;
+    if (!actorNpub) {
+      context.reason = "unauthorized";
+      releaseButton();
+      this.callbacks.onAdminRemoveModerator(context, this);
+      return context;
+    }
+
+    const mutationResult = await this.runAdminMutation({
+      action: "remove-moderator",
+      actorNpub,
+      targetNpub: context.normalizedNpub,
+    });
+    context.result = mutationResult?.result || null;
+    if (!mutationResult?.ok) {
+      const errorCode = mutationResult?.result?.error || mutationResult?.error?.code;
+      this.showError(this.describeAdminError(errorCode || "service-error"));
+      context.reason = errorCode || "service-error";
+      context.error = mutationResult?.error || mutationResult?.result || null;
+      releaseButton();
+      this.callbacks.onAdminRemoveModerator(context, this);
+      return context;
+    }
+
+    this.showSuccess("Moderator removed.");
+    await this.services.onAccessControlUpdated();
+    context.success = true;
+    context.reason = "removed";
+
+    releaseButton();
+    this.callbacks.onAdminRemoveModerator(context, this);
+    return context;
+  }
+
+  async handleAdminListMutation(listType, action, explicitNpub = null, sourceButton = null) {
+    const isWhitelist = listType === "whitelist";
+    const input = isWhitelist ? this.whitelistInput : this.blacklistInput;
+    const addButton = isWhitelist ? this.addWhitelistButton : this.addBlacklistButton;
+    const isAdd = action === "add";
+    let buttonToToggle = sourceButton || (isAdd ? addButton : null);
+
+    const context = {
+      listType,
+      action,
+      explicitNpub,
+      sourceButton,
+      actorNpub: null,
+      targetNpub: null,
+      success: false,
+      reason: null,
+      error: null,
+      result: null,
+      notificationResult: null,
+      notificationError: null,
+    };
+
+    const callbackMap = {
+      whitelist: {
+        add: this.callbacks.onAdminAddWhitelist,
+        remove: this.callbacks.onAdminRemoveWhitelist,
+      },
+      blacklist: {
+        add: this.callbacks.onAdminAddBlacklist,
+        remove: this.callbacks.onAdminRemoveBlacklist,
+      },
+    };
+
+    const adminCallback = callbackMap[listType]?.[action] || noop;
+
+    const setBusy = (element, busy) => {
+      if (!(element instanceof HTMLElement)) {
+        return;
+      }
+      element.disabled = !!busy;
+      if (busy) {
+        element.setAttribute("aria-busy", "true");
+      } else {
+        element.removeAttribute("aria-busy");
+      }
+    };
+
+    const finalize = () => {
+      setBusy(buttonToToggle, false);
+      adminCallback(context, this);
+    };
+
+    let preloadError = null;
+    try {
+      const ensureResult = await this.runAdminMutation({ action: "ensure-ready" });
+      if (ensureResult?.error && ensureResult.ok === false) {
+        preloadError = ensureResult.error;
+      }
+    } catch (error) {
+      preloadError = error;
+      userLogger.error("Failed to load admin lists before updating entries:", error);
+    }
+
+    if (preloadError) {
+      this.showError(this.describeAdminError(preloadError.code || "storage-error"));
+      context.reason = preloadError.code || "storage-error";
+      context.error = preloadError;
+      finalize();
+      return context;
+    }
+
+    const actorNpub = this.ensureAdminActor(false);
+    context.actorNpub = actorNpub;
+    if (!actorNpub) {
+      context.reason = "unauthorized";
+      finalize();
+      return context;
+    }
+
+    let target = typeof explicitNpub === "string" ? explicitNpub.trim() : "";
+    if (!target && input instanceof HTMLInputElement) {
+      target = input.value.trim();
+    }
+    context.targetNpub = target;
+
+    if (isAdd && !target) {
+      this.showError("Enter an npub before adding it to the list.");
+      context.reason = "empty";
+      finalize();
+      return context;
+    }
+
+    buttonToToggle = buttonToToggle || (isAdd ? addButton : null);
+    setBusy(buttonToToggle, true);
+
+    const mutationResult = await this.runAdminMutation({
+      action: "list-mutation",
+      listType,
+      mode: action,
+      actorNpub,
+      targetNpub: target,
+    });
+
+    context.result = mutationResult?.result || null;
+
+    if (!mutationResult?.ok) {
+      const errorCode = mutationResult?.result?.error || mutationResult?.error?.code;
+      this.showError(this.describeAdminError(errorCode || "service-error"));
+      context.reason = errorCode || "service-error";
+      context.error = mutationResult?.error || mutationResult?.result || null;
+      finalize();
+      return context;
+    }
+
+    if (isAdd && input instanceof HTMLInputElement) {
+      input.value = "";
+    }
+
+    const successMessage = isWhitelist
+      ? isAdd
+        ? "Added to the whitelist."
+        : "Removed from the whitelist."
+      : isAdd
+      ? "Added to the blacklist."
+      : "Removed from the blacklist.";
+    this.showSuccess(successMessage);
+    await this.services.onAccessControlUpdated();
+
+    context.success = true;
+    context.reason = isAdd ? "added" : "removed";
+
+    if (isAdd) {
+      try {
+        const notifyResult = await this.sendAdminListNotification({
+          listType,
+          actorNpub,
+          targetNpub: target,
+        });
+        context.notificationResult = notifyResult;
+        if (!notifyResult?.ok) {
+          const errorMessage = this.describeNotificationError(notifyResult?.error);
+          if (errorMessage) {
+            this.showError(errorMessage);
+          }
+          if (isDevMode && notifyResult?.error) {
+            userLogger.warn(
+              "[admin] Failed to send list notification DM:",
+              notifyResult,
+            );
+          }
+          this.notifyAdminError({
+            listType,
+            action,
+            actorNpub,
+            targetNpub: target,
+            error: notifyResult?.error || null,
+            result: notifyResult,
+          });
+        }
+      } catch (error) {
+        context.notificationError = error;
+        userLogger.error("Failed to send list notification DM:", error);
+        devLogger.warn(
+          "List update succeeded, but DM notification threw an unexpected error.",
+          error,
+        );
+        this.notifyAdminError({
+          listType,
+          action,
+          actorNpub,
+          targetNpub: target,
+          error,
+        });
+      }
+    }
+
+    finalize();
+    return context;
+  }
+
+  describeAdminError(code) {
+    if (typeof this.describeAdminErrorService === "function") {
+      const result = this.describeAdminErrorService(code);
+      if (typeof result === "string" && result) {
+        return result;
+      }
+    }
+
+    switch (code) {
+      case "invalid npub":
+        return "Please provide a valid npub address.";
+      case "immutable":
+        return "That account cannot be modified.";
+      case "self":
+        return "You cannot blacklist yourself.";
+      case "forbidden":
+        return "You do not have permission to perform that action.";
+      case "nostr-unavailable":
+        return "Unable to reach the configured Nostr relays. Please retry once your connection is restored.";
+      case "nostr-extension-missing":
+        return "Connect a Nostr extension before editing moderation lists.";
+      case "signature-failed":
+        return "We couldn’t sign the update with your Nostr key. Please reconnect your extension and try again.";
+      case "publish-failed":
+        return "Failed to publish the update to Nostr relays. Please try again.";
+      case "storage-error":
+        return "Unable to update moderation settings. Please try again.";
+      default:
+        return "Unable to update moderation settings. Please try again.";
+    }
+  }
+
+  describeNotificationError(code) {
+    if (typeof this.describeNotificationErrorService === "function") {
+      const result = this.describeNotificationErrorService(code);
+      if (typeof result === "string") {
+        return result;
+      }
+    }
+
+    switch (code) {
+      case "nostr-extension-missing":
+        return "List updated, but the DM notification failed because no Nostr extension is connected.";
+      case "nostr-uninitialized":
+        return "List updated, but the DM notification system is still connecting to Nostr relays. Please try again in a moment.";
+      case "nip04-unavailable":
+        return "List updated, but your Nostr extension does not support NIP-04 encryption, so the DM notification was not sent.";
+      case "sign-event-unavailable":
+        return "List updated, but your Nostr extension could not sign the DM notification.";
+      case "missing-actor-pubkey":
+        return "List updated, but we could not determine your public key to send the DM notification.";
+      case "publish-failed":
+        return "List updated, but the DM notification could not be delivered to any relay.";
+      case "encryption-failed":
+      case "signature-failed":
+        return "List updated, but the DM notification failed while preparing the encrypted message.";
+      case "invalid-target":
+      case "empty-message":
+        return "";
+      default:
+        return "List updated, but the DM notification could not be sent.";
+    }
+  }
+
+  async sendAdminListNotification({ listType, actorNpub, targetNpub }) {
+    if (typeof this.sendAdminListNotificationService === "function") {
+      return this.sendAdminListNotificationService({ listType, actorNpub, targetNpub });
+    }
+
+    const normalizedTarget = this.normalizeNpubValue(targetNpub);
+    if (!normalizedTarget) {
+      return { ok: false, error: "invalid-target" };
+    }
+
+    const activeHex = this.normalizeHexPubkey(this.getActivePubkey());
+    if (!activeHex) {
+      return { ok: false, error: "missing-actor-pubkey" };
+    }
+
+    const fallbackActor = this.safeEncodeNpub(activeHex) || "a bitvid moderator";
+    const actorDisplay = this.normalizeNpubValue(actorNpub) || fallbackActor;
+    const isWhitelist = listType === "whitelist";
+
+    const formatNpub =
+      typeof this.formatShortNpub === "function"
+        ? (value) => this.formatShortNpub(value)
+        : (value) => (typeof value === "string" ? value : "");
+    const displayTarget = formatNpub(normalizedTarget) || normalizedTarget;
+    const displayActor = formatNpub(actorDisplay) || actorDisplay;
+
+    const introLine = isWhitelist
+      ? `Great news—your npub ${displayTarget} has been added to the bitvid whitelist by ${displayActor}.`
+      : `We wanted to let you know that your npub ${displayTarget} has been placed on the bitvid blacklist by ${displayActor}.`;
+
+    const statusLine = isWhitelist
+      ? `You now have full creator access across bitvid (${this.bitvidWebsiteUrl}).`
+      : `This hides your channel and prevents uploads across bitvid (${this.bitvidWebsiteUrl}) for now.`;
+
+    const followUpLine = isWhitelist
+      ? "Please take a moment to review our community guidelines (https://bitvid.network/#view=community-guidelines), and reply to this DM if you have any questions."
+      : "Please review our community guidelines (https://bitvid.network/#view=community-guidelines). If you believe this was a mistake, you can submit an appeal at https://bitvid.network/?modal=appeals to request reinstatement, or reply to this DM with any questions.";
+
+    const messageBody = [
+      "Hi there,",
+      "",
+      introLine,
+      "",
+      statusLine,
+      "",
+      followUpLine,
+      "",
+      "— the bitvid team",
+    ].join("\n");
+
+    const message = `![bitvid status update](${this.adminDmImageUrl})\n\n${messageBody}`;
+
+    return this.services.nostrClient.sendDirectMessage(
+      normalizedTarget,
+      message,
+      activeHex,
+    );
+  }
+
+  async requestSwitchProfile({ pubkey, entry, providerId } = {}) {
+    const callback = this.callbacks.onRequestSwitchProfile;
+    if (callback && callback !== noop) {
+      return callback({ controller: this, pubkey, entry, providerId });
+    }
+
+    if (!pubkey) {
+      throw new Error("Missing target pubkey for switch request.");
+    }
+
+    if (providerId) {
+      return this.services.switchProfile(pubkey, { providerId });
+    }
+
+    return this.services.switchProfile(pubkey);
+  }
+
+  async runRelayOperation({
+    action,
+    url,
+    activePubkey,
+    skipPublishIfUnchanged = true,
+  } = {}) {
+    const callback = this.callbacks.onRelayOperation;
+    if (callback && callback !== noop) {
+      const result = await callback({
+        controller: this,
+        action,
+        url,
+        activePubkey,
+        skipPublishIfUnchanged,
+      });
+      if (result !== undefined) {
+        return result;
+      }
+    }
+
+    const context = {
+      ok: false,
+      changed: false,
+      reason: null,
+      error: null,
+      publishResult: null,
+      operationResult: null,
+    };
+
+    if (!activePubkey) {
+      context.reason = "no-active-pubkey";
+      return context;
+    }
+
+    const previous = this.services.relayManager.snapshot();
+
+    const runOperation = () => {
+      switch (action) {
+        case "add":
+          return this.services.relayManager.addRelay(url);
+        case "remove":
+          return this.services.relayManager.removeRelay(url);
+        case "restore":
+          return this.services.relayManager.restoreDefaults();
+        case "mode-toggle":
+          return this.services.relayManager.cycleRelayMode(url);
+        default:
+          throw Object.assign(new Error("Unknown relay operation."), {
+            code: "invalid-operation",
+          });
+      }
+    };
+
+    let operationResult;
+    try {
+      operationResult = runOperation();
+      context.operationResult = operationResult;
+    } catch (error) {
+      context.reason = error?.code || "operation-error";
+      context.error = error;
+      return context;
+    }
+
+    context.changed = Boolean(operationResult?.changed);
+    if (!context.changed && skipPublishIfUnchanged) {
+      context.reason = operationResult?.reason || "unchanged";
+      return context;
+    }
+
+    try {
+      const publishResult = await this.services.relayManager.publishRelayList(
+        activePubkey,
+      );
+      if (!publishResult?.ok) {
+        throw new Error("No relays accepted the update.");
+      }
+      context.ok = true;
+      context.publishResult = publishResult;
+      return context;
+    } catch (error) {
+      this.services.relayManager.setEntries(previous, { allowEmpty: false });
+      context.reason = error?.code || "publish-failed";
+      context.error = error;
+      return context;
+    }
+  }
+
+  async mutateBlocklist({ action, actorHex, targetHex } = {}) {
+    const callback = this.callbacks.onBlocklistMutation;
+    if (callback && callback !== noop) {
+      const result = await callback({
+        controller: this,
+        action,
+        actorHex,
+        targetHex,
+      });
+      if (result !== undefined) {
+        return result;
+      }
+    }
+
+    const context = { ok: false, reason: null, error: null };
+    if (!actorHex || !targetHex) {
+      context.reason = "invalid-target";
+      return context;
+    }
+
+    try {
+      await this.services.userBlocks.ensureLoaded(actorHex);
+      const isBlocked = this.services.userBlocks.isBlocked(targetHex);
+
+      if (action === "add") {
+        if (isBlocked) {
+          context.reason = "already-blocked";
+          return context;
+        }
+        await this.services.userBlocks.addBlock(targetHex, actorHex);
+        context.ok = true;
+        context.reason = "blocked";
+      } else if (action === "remove") {
+        if (!isBlocked) {
+          context.reason = "not-blocked";
+          return context;
+        }
+        await this.services.userBlocks.removeBlock(targetHex, actorHex);
+        context.ok = true;
+        context.reason = "unblocked";
+      } else {
+        context.reason = "invalid-action";
+        return context;
+      }
+
+      if (context.ok) {
+        try {
+          await this.services.onVideosShouldRefresh({
+            reason: `blocklist-${action}`,
+            actorHex,
+            targetHex,
+          });
+        } catch (refreshError) {
+          userLogger.warn(
+            "[ProfileModalController] Failed to refresh videos after blocklist mutation:",
+            refreshError,
+          );
+        }
+      }
+
+      return context;
+    } catch (error) {
+      context.error = error;
+      context.reason = error?.code || "service-error";
+      return context;
+    }
+  }
+
+  async persistWalletSettings({
+    nwcUri,
+    defaultZap,
+    lastChecked,
+    activePubkey,
+  } = {}) {
+    const callback = this.callbacks.onWalletPersist;
+    if (callback && callback !== noop) {
+      const result = await callback({
+        controller: this,
+        nwcUri,
+        defaultZap,
+        lastChecked,
+        activePubkey,
+      });
+      if (result !== undefined) {
+        return result;
+      }
+    }
+
+    return this.services.nwcSettings.handleProfileWalletPersist({
+      nwcUri,
+      defaultZap,
+      lastChecked,
+    });
+  }
+
+  async testWalletConnection({ nwcUri, defaultZap, activePubkey } = {}) {
+    const callback = this.callbacks.onWalletTestRequest;
+    if (callback && callback !== noop) {
+      const result = await callback({
+        controller: this,
+        nwcUri,
+        defaultZap,
+        activePubkey,
+      });
+      if (result !== undefined) {
+        return result;
+      }
+    }
+
+    return this.services.nwcSettings.ensureWallet({ nwcUri, defaultZap });
+  }
+
+  async disconnectWallet({ activePubkey } = {}) {
+    const callback = this.callbacks.onWalletDisconnectRequest;
+    if (callback && callback !== noop) {
+      const result = await callback({ controller: this, activePubkey });
+      if (result !== undefined) {
+        return result;
+      }
+    }
+
+    return this.services.nwcSettings.updateActiveNwcSettings(
+      this.services.nwcSettings.createDefaultNwcSettings(),
+    );
+  }
+
+  async runAdminMutation(payload = {}) {
+    const callback = this.callbacks.onAdminMutation;
+    if (callback && callback !== noop) {
+      const result = await callback({ ...payload, controller: this });
+      if (result !== undefined) {
+        return result;
+      }
+    }
+
+    const action = payload?.action;
+    const resultContext = { ok: false, error: null, result: null };
+
+    try {
+      switch (action) {
+        case "ensure-ready":
+          await this.services.accessControl.ensureReady();
+          resultContext.ok = true;
+          break;
+        case "add-moderator":
+          resultContext.result = await this.services.accessControl.addModerator(
+            payload.actorNpub,
+            payload.targetNpub,
+          );
+          resultContext.ok = !!resultContext.result?.ok;
+          break;
+        case "remove-moderator":
+          resultContext.result =
+            await this.services.accessControl.removeModerator(
+              payload.actorNpub,
+              payload.targetNpub,
+            );
+          resultContext.ok = !!resultContext.result?.ok;
+          break;
+        case "list-mutation":
+          if (payload.listType === "whitelist") {
+            resultContext.result = payload.mode === "add"
+              ? await this.services.accessControl.addToWhitelist(
+                  payload.actorNpub,
+                  payload.targetNpub,
+                )
+              : await this.services.accessControl.removeFromWhitelist(
+                  payload.actorNpub,
+                  payload.targetNpub,
+                );
+          } else {
+            resultContext.result = payload.mode === "add"
+              ? await this.services.accessControl.addToBlacklist(
+                  payload.actorNpub,
+                  payload.targetNpub,
+                )
+              : await this.services.accessControl.removeFromBlacklist(
+                  payload.actorNpub,
+                  payload.targetNpub,
+                );
+          }
+          resultContext.ok = !!resultContext.result?.ok;
+          break;
+        default:
+          resultContext.error = Object.assign(
+            new Error("Unknown admin mutation."),
+            { code: "invalid-action" },
+          );
+      }
+    } catch (error) {
+      resultContext.error = error;
+      return resultContext;
+    }
+
+    return resultContext;
+  }
+
+  notifyAdminError(payload = {}) {
+    const callback = this.callbacks.onAdminNotifyError;
+    if (callback && callback !== noop) {
+      callback({ ...payload, controller: this });
+    }
+  }
+
+  updateFocusTrap() {
+    const container =
+      this.profileModalPanel instanceof HTMLElement
+        ? this.profileModalPanel
+        : this.profileModal instanceof HTMLElement
+        ? this.profileModal
+        : null;
+
+    if (!container) {
+      this.focusableElements = [];
+      return;
+    }
+
+    const selector =
+      'a[href], button:not([disabled]), textarea, input, select, [tabindex]:not([tabindex="-1"])';
+    const nodes = Array.from(container.querySelectorAll(selector));
+    this.focusableElements = nodes.filter((node) => {
+      if (!(node instanceof HTMLElement)) {
+        return false;
+      }
+      const style = window.getComputedStyle(node);
+      if (style.display === "none" || style.visibility === "hidden") {
+        return false;
+      }
+      if (node.hasAttribute("disabled")) {
+        return false;
+      }
+      if (node.getAttribute("aria-hidden") === "true") {
+        return false;
+      }
+      return true;
+    });
+
+    this.bindFocusTrap(container);
+  }
+
+  bindFocusTrap(container) {
+    const targetContainer =
+      container ||
+      (this.profileModalPanel instanceof HTMLElement
+        ? this.profileModalPanel
+        : this.profileModal instanceof HTMLElement
+        ? this.profileModal
+        : null);
+
+    if (!targetContainer) {
+      return;
+    }
+
+    if (this.focusTrapSuspended) {
+      this.focusTrapContainer = targetContainer;
+      return;
+    }
+
+    if (!this.boundKeydown) {
+      this.boundKeydown = (event) => {
+        if (event.key === "Escape") {
+          event.preventDefault();
+          this.hide();
+          return;
+        }
+
+        if (event.key !== "Tab") {
+          return;
+        }
+
+        if (!this.focusableElements.length) {
+          event.preventDefault();
+          const fallback =
+            this.profileModalPanel || this.profileModal || targetContainer;
+          if (typeof fallback?.focus === "function") {
+            fallback.focus();
+          }
+          return;
+        }
+
+        const first = this.focusableElements[0];
+        const last = this.focusableElements[this.focusableElements.length - 1];
+        const active = document.activeElement;
+
+        if (event.shiftKey) {
+          if (active === first || !targetContainer.contains(active)) {
+            event.preventDefault();
+            if (typeof last?.focus === "function") {
+              last.focus();
+            }
+          }
+          return;
+        }
+
+        if (active === last) {
+          event.preventDefault();
+          if (typeof first?.focus === "function") {
+            first.focus();
+          }
+        }
+      };
+    }
+
+    if (!this.boundFocusIn) {
+      this.boundFocusIn = (event) => {
+        const modalRoot = this.profileModalRoot || this.profileModal;
+        if (
+          !modalRoot ||
+          modalRoot.classList.contains("hidden") ||
+          modalRoot.contains(event.target)
+        ) {
+          return;
+        }
+
+        const fallback =
+          this.focusableElements[0] ||
+          this.profileModalPanel ||
+          this.profileModal;
+        if (typeof fallback?.focus === "function") {
+          fallback.focus();
+        }
+      };
+    }
+
+    if (
+      this.focusTrapContainer &&
+      this.focusTrapContainer !== targetContainer &&
+      this.boundKeydown
+    ) {
+      this.focusTrapContainer.removeEventListener("keydown", this.boundKeydown);
+    }
+
+    targetContainer.addEventListener("keydown", this.boundKeydown);
+    this.focusTrapContainer = targetContainer;
+
+    document.addEventListener("focusin", this.boundFocusIn);
+  }
+
+  getModalRootElement() {
+    if (this.profileModalRoot instanceof HTMLElement) {
+      return this.profileModalRoot;
+    }
+    if (this.profileModal instanceof HTMLElement) {
+      return this.profileModal;
+    }
+    return null;
+  }
+
+  getModalPanelElement() {
+    if (this.profileModalPanel instanceof HTMLElement) {
+      return this.profileModalPanel;
+    }
+    return this.getModalRootElement();
+  }
+
+  suspendFocusTrap() {
+    this.focusTrapSuspendCount += 1;
+    this.focusTrapSuspended = true;
+
+    if (this.focusTrapSuspendCount > 1) {
+      return this.focusTrapSuspendCount;
+    }
+
+    if (
+      this.boundKeydown &&
+      this.focusTrapContainer instanceof HTMLElement
+    ) {
+      this.focusTrapContainer.removeEventListener(
+        "keydown",
+        this.boundKeydown,
+      );
+    }
+
+    if (this.boundFocusIn) {
+      document.removeEventListener("focusin", this.boundFocusIn);
+    }
+
+    const modalRoot = this.getModalRootElement();
+    if (modalRoot) {
+      this.focusTrapAriaHiddenBeforeSuspend = modalRoot.getAttribute(
+        "aria-hidden",
+      );
+      this.focusTrapNestedModalActiveBeforeSuspend =
+        typeof modalRoot.dataset.nestedModalActive === "string"
+          ? modalRoot.dataset.nestedModalActive
+          : null;
+
+      modalRoot.dataset.nestedModalActive = "true";
+      modalRoot.setAttribute("aria-hidden", "true");
+    } else {
+      this.focusTrapAriaHiddenBeforeSuspend = null;
+      this.focusTrapNestedModalActiveBeforeSuspend = null;
+    }
+
+    const panel = this.getModalPanelElement();
+    if (panel) {
+      panel.setAttribute("inert", "");
+    }
+
+    return this.focusTrapSuspendCount;
+  }
+
+  resumeFocusTrap() {
+    if (this.focusTrapSuspendCount === 0) {
+      return 0;
+    }
+
+    this.focusTrapSuspendCount = Math.max(
+      0,
+      this.focusTrapSuspendCount - 1,
+    );
+
+    if (this.focusTrapSuspendCount > 0) {
+      return this.focusTrapSuspendCount;
+    }
+
+    this.focusTrapSuspended = false;
+
+    const modalRoot = this.getModalRootElement();
+    if (modalRoot) {
+      delete modalRoot.dataset.nestedModalActive;
+      if (!modalRoot.classList.contains("hidden")) {
+        if (this.focusTrapAriaHiddenBeforeSuspend === null) {
+          modalRoot.removeAttribute("aria-hidden");
+        } else {
+          modalRoot.setAttribute(
+            "aria-hidden",
+            this.focusTrapAriaHiddenBeforeSuspend,
+          );
+        }
+      }
+
+      if (this.focusTrapNestedModalActiveBeforeSuspend === null) {
+        delete modalRoot.dataset.nestedModalActive;
+      } else {
+        modalRoot.dataset.nestedModalActive =
+          this.focusTrapNestedModalActiveBeforeSuspend;
+      }
+    }
+
+    const panel = this.getModalPanelElement();
+    if (panel) {
+      panel.removeAttribute("inert");
+    }
+
+    this.focusTrapAriaHiddenBeforeSuspend = null;
+    this.focusTrapNestedModalActiveBeforeSuspend = null;
+
+    this.updateFocusTrap();
+
+    return 0;
+  }
+
+  bringLoginModalToFront() {
+    if (typeof document === "undefined") {
+      return;
+    }
+
+    const loginModal = document.getElementById("loginModal");
+    if (!(loginModal instanceof HTMLElement)) {
+      return;
+    }
+
+    const container =
+      this.modalContainer instanceof HTMLElement
+        ? this.modalContainer
+        : loginModal.parentElement;
+
+    if (!container) {
+      return;
+    }
+
+    if (loginModal.parentElement !== container) {
+      container.appendChild(loginModal);
+      return;
+    }
+
+    if (container.lastElementChild !== loginModal) {
+      container.appendChild(loginModal);
+    }
+  }
+
+  ensureModalOrder(modalRoot) {
+    if (!(modalRoot instanceof HTMLElement)) {
+      return;
+    }
+
+    const container =
+      this.modalContainer instanceof HTMLElement ? this.modalContainer : null;
+    const parentElement = modalRoot.parentElement;
+
+    if (container) {
+      if (parentElement !== container) {
+        container.appendChild(modalRoot);
+        return;
+      }
+
+      if (container.lastElementChild !== modalRoot) {
+        container.appendChild(modalRoot);
+      }
+      return;
+    }
+
+    if (parentElement) {
+      if (parentElement.lastElementChild !== modalRoot) {
+        parentElement.appendChild(modalRoot);
+      }
+      return;
+    }
+
+    if (typeof document !== "undefined" && document.body) {
+      document.body.appendChild(modalRoot);
+    }
+  }
+
+  applyModalStackingOverrides() {
+    const modalRoot =
+      this.profileModalRoot instanceof HTMLElement
+        ? this.profileModalRoot
+        : this.profileModal instanceof HTMLElement
+        ? this.profileModal
+        : null;
+
+    if (modalRoot) {
+      modalRoot.dataset.modalStack = "top";
+    }
+  }
+
+  async show(targetPane = "account") {
+    const pane =
+      typeof targetPane === "string" && targetPane.trim()
+        ? targetPane.trim()
+        : "account";
+
+    const activeElement =
+      document.activeElement instanceof HTMLElement
+        ? document.activeElement
+        : null;
+    const modalRoot =
+      this.profileModalRoot instanceof HTMLElement
+        ? this.profileModalRoot
+        : this.profileModal instanceof HTMLElement
+        ? this.profileModal
+        : null;
+
+    if (activeElement && modalRoot && modalRoot.contains(activeElement)) {
+      this.previouslyFocusedElement = null;
+    } else {
+      this.previouslyFocusedElement = activeElement;
+    }
+
+    // Render the header (saved profiles) synchronously so the modal doesn't look empty.
+    // This is generally fast as it only touches the top section.
+    this.renderSavedProfiles();
+
+    // Show the modal immediately to prevent UI lag.
+    this.open(pane);
+
+    const hasBlockHydrator =
+      this.services.userBlocks &&
+      typeof this.services.userBlocks.ensureLoaded === "function";
+
+    if (hasBlockHydrator) {
+      this.setBlockListLoadingState("loading");
+    }
+
+    // Defer expensive operations to the next animation frame to allow the modal to paint.
+    requestAnimationFrame(() => {
+      this.refreshWalletPaneState();
+      this.refreshModerationSettingsUi();
+      this.syncLinkPreviewSettingsUi();
+
+      if (!hasBlockHydrator) {
+        this.populateBlockedList();
+      }
+
+      const backgroundTasks = [];
+
+      backgroundTasks.push(
+        Promise.resolve()
+          .then(() => this.refreshAdminPaneState())
+          .catch((error) => {
+            userLogger.error(
+              "Failed to refresh admin pane while opening profile modal:",
+              error,
+            );
+          }),
+      );
+
+      backgroundTasks.push(
+        Promise.resolve().then(() => {
+          try {
+            this.populateProfileRelays();
+          } catch (error) {
+            userLogger.warn(
+              "Failed to populate relay list while opening profile modal:",
+              error,
+            );
+          }
+        }),
+      );
+
+      if (hasBlockHydrator) {
+        const activeHex = this.normalizeHexPubkey(this.getActivePubkey());
+        backgroundTasks.push(
+          Promise.resolve()
+            .then(() => this.services.userBlocks.ensureLoaded(activeHex))
+            .then(() => {
+              try {
+                this.populateBlockedList();
+              } catch (error) {
+                userLogger.warn(
+                  "Failed to render blocked creators after hydration:",
+                  error,
+                );
+                this.setBlockListLoadingState("error", {
+                  message: "Blocked creators may be out of date. Try again later.",
+                });
+              }
+            })
+            .catch((error) => {
+              userLogger.warn(
+                "Failed to refresh user block list while opening profile modal:",
+                error,
+              );
+              this.setBlockListLoadingState("error", {
+                message: "Blocked creators may be out of date. Try again later.",
+              });
+              try {
+                this.populateBlockedList();
+              } catch (populateError) {
+                userLogger.warn(
+                  "Failed to render blocked creators after hydration failure:",
+                  populateError,
+                );
+              }
+            }),
+        );
+      }
+
+      if (backgroundTasks.length) {
+        void Promise.allSettled(backgroundTasks);
+      }
+    });
+
+    return true;
+  }
+
+  showWalletPane() {
+    return this.show("wallet");
+  }
+
+  open(pane = "account") {
+    const modalRoot =
+      this.profileModalRoot instanceof HTMLElement
+        ? this.profileModalRoot
+        : this.profileModal instanceof HTMLElement
+        ? this.profileModal
+        : null;
+
+    if (!modalRoot) {
+      return;
+    }
+
+    this.ensureModalOrder(modalRoot);
+    this.applyModalStackingOverrides();
+
+    modalRoot.classList.remove("hidden");
+    modalRoot.setAttribute("aria-hidden", "false");
+    if (document.body) {
+      document.body.classList.add("modal-open");
+    }
+    if (document.documentElement) {
+      document.documentElement.classList.add("modal-open");
+    }
+    this.setGlobalModalState("profile", true);
+    const preserveMenu = this.isMobileLayoutActive();
+    this.selectPane(pane, { keepMenuView: preserveMenu });
+
+    const focusTarget =
+      this.focusableElements[0] ||
+      this.profileModalPanel ||
+      modalRoot;
+    window.requestAnimationFrame(() => {
+      if (typeof focusTarget?.focus === "function") {
+        focusTarget.focus();
+      }
+    });
+  }
+
+  hide(options = {}) {
+    const { silent = false } =
+      options && typeof options === "object" ? options : {};
+
+    this.pauseProfileMessages();
+
+    const modalElement =
+      this.profileModalRoot instanceof HTMLElement
+        ? this.profileModalRoot
+        : this.profileModal instanceof HTMLElement
+        ? this.profileModal
+        : null;
+
+    if (modalElement) {
+      modalElement.classList.add("hidden");
+      modalElement.setAttribute("aria-hidden", "true");
+      delete modalElement.dataset.nestedModalActive;
+      delete modalElement.dataset.modalStack;
+      if (document.body) {
+        document.body.classList.remove("modal-open");
+      }
+      if (document.documentElement) {
+        document.documentElement.classList.remove("modal-open");
+      }
+      this.setGlobalModalState("profile", false);
+      this.setMobileView("menu", { skipFocusTrap: true });
+
+      if (this.boundKeydown && this.focusTrapContainer) {
+        this.focusTrapContainer.removeEventListener(
+          "keydown",
+          this.boundKeydown,
+        );
+      }
+    }
+
+    if (this.boundFocusIn) {
+      document.removeEventListener("focusin", this.boundFocusIn);
+    }
+
+    const panel = this.getModalPanelElement();
+    if (panel) {
+      panel.removeAttribute("inert");
+    }
+
+    this.focusTrapContainer = null;
+
+    this.focusTrapSuspendCount = 0;
+    this.focusTrapSuspended = false;
+    this.focusTrapAriaHiddenBeforeSuspend = null;
+    this.focusTrapNestedModalActiveBeforeSuspend = null;
+
+    if (
+      this.boundProfileHistoryVisibility &&
+      typeof document !== "undefined" &&
+      typeof document.removeEventListener === "function"
+    ) {
+      document.removeEventListener(
+        "visibilitychange",
+        this.boundProfileHistoryVisibility,
+      );
+      this.boundProfileHistoryVisibility = null;
+    }
+
+    if (this.profileHistoryRenderer) {
+      try {
+        if (typeof this.profileHistoryRenderer.destroy === "function") {
+          this.profileHistoryRenderer.destroy();
+        }
+      } catch (error) {
+        userLogger.warn(
+          "[profileModal] Failed to reset watch history renderer on close:",
+          error,
+        );
+      }
+      this.profileHistoryRenderer = null;
+      this.profileHistoryRendererConfig = null;
+    }
+
+    this.setActivePane(null);
+    this.setWalletPaneBusy(false);
+
+    const previous = this.previouslyFocusedElement;
+    this.previouslyFocusedElement = null;
+
+    if (
+      previous &&
+      typeof previous.focus === "function" &&
+      (!modalElement || !modalElement.contains(previous))
+    ) {
+      const shouldRestore =
+        "isConnected" in previous ? previous.isConnected !== false : true;
+      if (shouldRestore) {
+        window.requestAnimationFrame(() => {
+          try {
+            previous.focus();
+          } catch (error) {
+            userLogger.warn(
+              "[profileModal] Failed to restore focus after closing modal:",
+              error,
+            );
+          }
+        });
+      }
+    }
+
+    if (!silent) {
+      try {
+        this.callbacks.onClose(this);
+      } catch (error) {
+        userLogger.warn(
+          "[profileModal] onClose callback threw while hiding modal:",
+          error,
+        );
+      }
+    }
+  }
+
+  async handleAuthLogin(detail = {}) {
+    const postLoginPromise =
+      detail && typeof detail.postLoginPromise?.then === "function"
+        ? detail.postLoginPromise
+        : Promise.resolve(detail?.postLogin ?? null);
+
+    const savedProfiles = Array.isArray(detail?.savedProfiles)
+      ? detail.savedProfiles
+      : null;
+    if (savedProfiles) {
+      try {
+        this.setSavedProfiles(savedProfiles, {
+          persist: false,
+          persistActive: false,
+        });
+      } catch (error) {
+        userLogger.warn(
+          "[profileModal] Failed to sync saved profiles during login:",
+          error,
+        );
+      }
+    }
+
+    const activePubkey =
+      detail?.activeProfilePubkey ?? detail?.pubkey ?? undefined;
+    if (activePubkey !== undefined) {
+      this.setActivePubkey(activePubkey);
+    }
+
+    const walletPromise = this.hydrateActiveWalletSettings(activePubkey);
+    const adminPromise = this.refreshAdminPaneState().catch((error) => {
+      userLogger.warn("Failed to refresh admin pane after login:", error);
+    });
+
+    this.renderSavedProfiles();
+
+    // Trigger aggressive parallel fetches
+    if (activePubkey) {
+      if (this.services.userBlocks) {
+        this.services.userBlocks.loadBlocks(activePubkey).catch(noop);
+      }
+      if (this.subscriptionsService) {
+        this.subscriptionsService
+          .loadSubscriptions(activePubkey, { allowPermissionPrompt: false })
+          .catch(noop);
+      }
+    }
+
+    this.populateBlockedList();
+    void this.populateSubscriptionsList();
+    void this.populateFriendsList();
+    this.populateProfileRelays();
+    this.refreshWalletPaneState();
+    this.populateHashtagPreferences();
+    this.handleActiveDmIdentityChanged(activePubkey);
+    void this.refreshDmRelayPreferences({ force: true });
+
+    // Ensure critical state is settled if possible, but don't block initial rendering
+    Promise.all([walletPromise, adminPromise, postLoginPromise])
+      .then(() => {
+        // Re-run population to ensure any late-arriving data is reflected
+        this.populateBlockedList();
+        void this.populateSubscriptionsList();
+        void this.populateFriendsList();
+        this.populateProfileRelays();
+        this.refreshWalletPaneState();
+        this.populateHashtagPreferences();
+        void this.refreshDmRelayPreferences({ force: true });
+      })
+      .catch((error) => {
+        userLogger.warn(
+          "[profileModal] Failed to hydrate deferred login data:",
+          error,
+        );
+      });
+
+    return true;
+  }
+
+  async handleAuthLogout(detail = {}) {
+    const savedProfiles = Array.isArray(detail?.savedProfiles)
+      ? detail.savedProfiles
+      : null;
+    if (savedProfiles) {
+      try {
+        this.setSavedProfiles(savedProfiles, {
+          persist: false,
+          persistActive: false,
+        });
+      } catch (error) {
+        userLogger.warn(
+          "[profileModal] Failed to sync saved profiles during logout:",
+          error,
+        );
+      }
+    }
+
+    if (detail?.activeProfilePubkey !== undefined) {
+      this.setActivePubkey(detail.activeProfilePubkey);
+    } else {
+      this.setActivePubkey(null);
+    }
+
+    this.profileSwitcherSelectionPubkey = null;
+    this.renderSavedProfiles();
+
+    try {
+      await this.refreshAdminPaneState();
+    } catch (error) {
+      userLogger.warn("Failed to refresh admin pane after logout:", error);
+    }
+
+    if (
+      this.subscriptionsService &&
+      typeof this.subscriptionsService.reset === "function"
+    ) {
+      try {
+        this.subscriptionsService.reset();
+      } catch (error) {
+        devLogger.warn(
+          "[profileModal] Failed to reset subscriptions service on logout:",
+          error,
+        );
+      }
+    }
+
+    this.populateBlockedList();
+    this.clearSubscriptionsList();
+    this.clearFriendsList();
+    this.populateProfileRelays();
+    this.refreshWalletPaneState();
+    this.populateHashtagPreferences();
+    this.clearHashtagInputs();
+    this.setHashtagStatus("", "muted");
+    this.handleActiveDmIdentityChanged(null);
+    this.setMessagesUnreadIndicator(false);
+    this.populateDmRelayPreferences();
+    this.setDmRelayPreferencesStatus("");
+
+    return true;
+  }
+
+  handleProfileUpdated(detail = {}) {
+    const previousActive = this.normalizeHexPubkey(this.getActivePubkey());
+
+    if (Array.isArray(detail?.savedProfiles)) {
+      try {
+        this.setSavedProfiles(detail.savedProfiles, {
+          persist: false,
+          persistActive: false,
+        });
+      } catch (error) {
+        userLogger.warn(
+          "[profileModal] Failed to sync saved profiles after profile update:",
+          error,
+        );
+      }
+    }
+
+    if (detail?.activeProfilePubkey !== undefined) {
+      this.setActivePubkey(detail.activeProfilePubkey);
+    } else if (detail?.pubkey) {
+      this.setActivePubkey(detail.pubkey);
+    }
+
+    this.renderSavedProfiles();
+    void this.populateSubscriptionsList();
+
+    const nextActive = this.normalizeHexPubkey(this.getActivePubkey());
+    if (previousActive !== nextActive) {
+      this.handleActiveDmIdentityChanged(nextActive);
+    }
+  }
+
+  removeSavedProfile(pubkey) {
+    if (!pubkey) {
+      return { removed: false };
+    }
+
+    let result;
+    try {
+      result = this.services.removeSavedProfile(pubkey) || { removed: false };
+    } catch (error) {
+      userLogger.error("Failed to remove saved profile:", error);
+      result = { removed: false, error };
+    }
+
+    if (result?.removed) {
+      if (
+        this.normalizeHexPubkey(pubkey) ===
+        this.normalizeHexPubkey(this.getActivePubkey())
+      ) {
+        this.setActivePubkey(null);
+      }
+      this.renderSavedProfiles();
+    }
+
+    return result;
+  }
+
+  async hydrateActiveWalletSettings(pubkey) {
+    const service = this.services.nwcSettings;
+    const hydrate = service?.hydrateNwcSettingsForPubkey;
+    if (typeof hydrate !== "function") {
+      return null;
+    }
+
+    const normalized = this.normalizeHexPubkey(
+      pubkey !== undefined ? pubkey : this.getActivePubkey(),
+    );
+    if (!normalized) {
+      return null;
+    }
+
+    try {
+      return await hydrate.call(service, normalized);
+    } catch (error) {
+      userLogger.warn(
+        `[ProfileModalController] Failed to hydrate wallet settings for ${normalized}:`,
+        error,
+      );
+      return null;
+    }
+  }
+
+  async switchProfile(pubkey, { entry, providerId } = {}) {
+    if (!pubkey) {
+      return { switched: false, reason: "missing-pubkey" };
+    }
+
+    let result;
+    try {
+      result = await this.requestSwitchProfile({ pubkey, entry, providerId });
+    } catch (error) {
+      const message =
+        error && typeof error.message === "string" && error.message.trim()
+          ? error.message.trim()
+          : "Failed to switch profiles. Please try again.";
+      this.showError(message);
+      return {
+        switched: false,
+        error,
+        reason: error?.code || "switch-error",
+      };
+    }
+
+    if (!result?.switched) {
+      this.hide();
+      return result || { switched: false };
+    }
+
+    await this.hydrateActiveWalletSettings(pubkey);
+
+    this.profileSwitcherSelectionPubkey = null;
+    this.renderSavedProfiles();
+    this.hide();
+
+    return result;
+  }
+
+  getSavedProfiles() {
+    return this.state.getSavedProfiles();
+  }
+
+  setSavedProfiles(...args) {
+    return this.state.setSavedProfiles(...args);
+  }
+
+  normalizeProviderId(providerId) {
+    if (typeof providerId !== "string") {
+      return null;
+    }
+
+    const trimmed = providerId.trim();
+    if (!trimmed) {
+      return null;
+    }
+
+    return trimmed;
+  }
+
+  getEntryProviderId(entry) {
+    if (!entry || typeof entry !== "object") {
+      return null;
+    }
+
+    const explicit = this.normalizeProviderId(entry.providerId);
+    if (explicit) {
+      return explicit;
+    }
+
+    return this.normalizeProviderId(entry.authType);
+  }
+
+  resolveEntryProviderMetadata(entry) {
+    const providerId = this.getEntryProviderId(entry);
+    if (providerId) {
+      return getProviderMetadata(providerId);
+    }
+
+    return getProviderMetadata();
+  }
+
+  persistSavedProfiles(...args) {
+    if (typeof this.services.persistSavedProfiles === "function") {
+      try {
+        return this.services.persistSavedProfiles(...args);
+      } catch (error) {
+        userLogger.warn(
+          "[ProfileModalController] Persist saved profiles service threw:",
+          error,
+        );
+      }
+    }
+    return this.state.persistSavedProfiles(...args);
+  }
+
+  getActivePubkey() {
+    return this.state.getActivePubkey();
+  }
+
+  setActivePubkey(...args) {
+    return this.state.setActivePubkey(...args);
+  }
+
+  getCachedProfileSelection() {
+    return this.state.getCachedSelection();
+  }
+
+  setCachedProfileSelection(...args) {
+    return this.state.setCachedSelection(...args);
+  }
+
+  getActivePane() {
+    return this.state.getActivePane();
+  }
+
+  setActivePane(...args) {
+    return this.state.setActivePane(...args);
+  }
+
+  isWalletBusy() {
+    return Boolean(this.state.getWalletBusy());
+  }
+
+  setWalletPaneBusy(isBusy) {
+    const result = this.state.setWalletBusy(Boolean(isBusy));
+    if (this.panes.wallet instanceof HTMLElement) {
+      this.panes.wallet.setAttribute(
+        "aria-busy",
+        this.isWalletBusy() ? "true" : "false",
+      );
+    }
+    this.applyWalletControlState();
+    return result;
+  }
+}
+
+export default ProfileModalController;
diff --git a/dist/js/ui/reactionController.js b/dist/js/ui/reactionController.js
new file mode 100644
index 00000000..b9cb1ac8
--- /dev/null
+++ b/dist/js/ui/reactionController.js
@@ -0,0 +1,371 @@
+import { devLogger } from "../utils/logger.js";
+import { pointerArrayToKey } from "../utils/pointer.js";
+
+export default class ReactionController {
+  constructor({ services = {}, ui = {}, state = {}, callbacks = {} } = {}) {
+    this.services = {
+      reactionCounter: services.reactionCounter,
+    };
+    this.ui = {
+      getVideoModal: ui.getVideoModal || (() => null),
+      showError: ui.showError || (() => {}),
+    };
+    this.state = {
+      getCurrentVideo: state.getCurrentVideo || (() => null),
+      getCurrentVideoPointer: state.getCurrentVideoPointer || (() => null),
+      getCurrentVideoPointerKey: state.getCurrentVideoPointerKey || (() => null),
+    };
+    this.callbacks = {
+      isUserLoggedIn: callbacks.isUserLoggedIn || (() => false),
+      normalizeHexPubkey: callbacks.normalizeHexPubkey || ((val) => val),
+      getPubkey: callbacks.getPubkey || (() => null),
+    };
+
+    this.reactionState = {
+      counts: { "+": 0, "-": 0 },
+      total: 0,
+      userReaction: "",
+    };
+    this.unsub = null;
+    this.pointerKey = null;
+  }
+
+  normalizeReactionCount(value) {
+    if (Number.isFinite(value)) {
+      return Math.max(0, Math.round(Number(value)));
+    }
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? Math.max(0, Math.round(parsed)) : 0;
+  }
+
+  resetState() {
+    this.reactionState = {
+      counts: { "+": 0, "-": 0 },
+      total: 0,
+      userReaction: "",
+    };
+    const videoModal = this.ui.getVideoModal();
+    if (videoModal?.updateReactionSummary) {
+      videoModal.updateReactionSummary({
+        total: 0,
+        counts: { "+": 0, "-": 0 },
+        userReaction: "",
+      });
+    }
+  }
+
+  unsubscribe() {
+    if (typeof this.unsub === "function") {
+      try {
+        this.unsub();
+      } catch (error) {
+        devLogger.warn(
+          "[reaction] Failed to tear down modal subscription:",
+          error,
+        );
+      }
+    }
+    this.unsub = null;
+    this.pointerKey = null;
+    this.resetState();
+  }
+
+  subscribe(pointer, pointerKey) {
+    const videoModal = this.ui.getVideoModal();
+    if (!videoModal?.updateReactionSummary) {
+      this.unsubscribe();
+      return;
+    }
+
+    this.unsubscribe();
+
+    if (!pointer || !pointerKey) {
+      return;
+    }
+
+    try {
+      const normalizedUser = this.callbacks.normalizeHexPubkey(this.callbacks.getPubkey());
+      const unsubscribe = this.services.reactionCounter.subscribe(pointer, (snapshot) => {
+        const counts = { ...this.reactionState.counts };
+        if (snapshot?.counts && typeof snapshot.counts === "object") {
+          for (const [key, value] of Object.entries(snapshot.counts)) {
+            counts[key] = this.normalizeReactionCount(value);
+          }
+        }
+        if (!Object.prototype.hasOwnProperty.call(counts, "+")) {
+          counts["+"] = 0;
+        }
+        if (!Object.prototype.hasOwnProperty.call(counts, "-")) {
+          counts["-"] = 0;
+        }
+
+        let total = Number.isFinite(snapshot?.total)
+          ? Math.max(0, Number(snapshot.total))
+          : 0;
+        if (!Number.isFinite(total) || total === 0) {
+          total = 0;
+          for (const value of Object.values(counts)) {
+            total += this.normalizeReactionCount(value);
+          }
+        }
+
+        let userReaction = "";
+        if (normalizedUser && snapshot?.reactions) {
+          const record = snapshot.reactions[normalizedUser] || null;
+          if (record && typeof record.content === "string") {
+            userReaction =
+              record.content === "+"
+                ? "+"
+                : record.content === "-"
+                  ? "-"
+                  : "";
+          }
+        }
+
+        this.reactionState = {
+          counts,
+          total,
+          userReaction,
+        };
+
+        const currentModal = this.ui.getVideoModal();
+        if (currentModal?.updateReactionSummary) {
+          currentModal.updateReactionSummary({
+            total,
+            counts,
+            userReaction,
+          });
+        }
+      });
+
+      this.pointerKey = pointerKey;
+      this.unsub = () => {
+        try {
+          unsubscribe?.();
+        } catch (error) {
+          devLogger.warn(
+            "[reaction] Failed to tear down modal subscription:",
+            error,
+          );
+        } finally {
+          this.unsub = null;
+          this.pointerKey = null;
+        }
+      };
+    } catch (error) {
+      devLogger.warn(
+        "[reaction] Failed to subscribe modal reaction counter:",
+        error,
+      );
+      this.resetState();
+    }
+  }
+
+  applyOptimisticUpdate(nextReaction) {
+    if (nextReaction !== "+" && nextReaction !== "-") {
+      return null;
+    }
+
+    const previousCounts = {
+      ...(this.reactionState?.counts || {}),
+    };
+    const previousTotalValue = Number.isFinite(this.reactionState?.total)
+      ? Math.max(0, Number(this.reactionState.total))
+      : null;
+    const previousReaction = this.reactionState?.userReaction || "";
+
+    const likeBefore = this.normalizeReactionCount(previousCounts["+"]);
+    const dislikeBefore = this.normalizeReactionCount(previousCounts["-"]);
+    const otherCounts = {};
+    for (const [key, value] of Object.entries(previousCounts)) {
+      if (key === "+" || key === "-") {
+        continue;
+      }
+      otherCounts[key] = this.normalizeReactionCount(value);
+    }
+
+    let likeCount = likeBefore;
+    let dislikeCount = dislikeBefore;
+
+    if (previousReaction === "+") {
+      likeCount = Math.max(0, likeCount - 1);
+    } else if (previousReaction === "-") {
+      dislikeCount = Math.max(0, dislikeCount - 1);
+    }
+
+    if (nextReaction === "+") {
+      likeCount += 1;
+    } else if (nextReaction === "-") {
+      dislikeCount += 1;
+    }
+
+    const updatedCounts = {
+      ...previousCounts,
+      "+": likeCount,
+      "-": dislikeCount,
+    };
+
+    let updatedTotal = likeCount + dislikeCount;
+    for (const value of Object.values(otherCounts)) {
+      updatedTotal += this.normalizeReactionCount(value);
+    }
+
+    this.reactionState = {
+      counts: updatedCounts,
+      total: updatedTotal,
+      userReaction: nextReaction,
+    };
+
+    const videoModal = this.ui.getVideoModal();
+    if (videoModal?.updateReactionSummary) {
+      videoModal.updateReactionSummary({
+        total: updatedTotal,
+        counts: updatedCounts,
+        userReaction: nextReaction,
+      });
+    }
+
+    const fallbackPreviousTotal = Number.isFinite(previousTotalValue)
+      ? previousTotalValue
+      : likeBefore +
+        dislikeBefore +
+        Object.values(otherCounts).reduce(
+          (sum, value) => sum + this.normalizeReactionCount(value),
+          0
+        );
+
+    return {
+      counts: previousCounts,
+      total: fallbackPreviousTotal,
+      userReaction: previousReaction,
+    };
+  }
+
+  restoreSnapshot(snapshot) {
+    if (!snapshot) {
+      return;
+    }
+
+    const countsInput =
+      snapshot.counts && typeof snapshot.counts === "object"
+        ? snapshot.counts
+        : {};
+    const counts = { ...countsInput };
+    for (const [key, value] of Object.entries(counts)) {
+      counts[key] = this.normalizeReactionCount(value);
+    }
+    if (!Object.prototype.hasOwnProperty.call(counts, "+")) {
+      counts["+"] = 0;
+    }
+    if (!Object.prototype.hasOwnProperty.call(counts, "-")) {
+      counts["-"] = 0;
+    }
+
+    let total = Number.isFinite(snapshot.total)
+      ? Math.max(0, Number(snapshot.total))
+      : 0;
+    if (!Number.isFinite(total) || total === 0) {
+      total = 0;
+      for (const value of Object.values(counts)) {
+        total += this.normalizeReactionCount(value);
+      }
+    }
+
+    const userReaction =
+      snapshot.userReaction === "+"
+        ? "+"
+        : snapshot.userReaction === "-"
+          ? "-"
+          : "";
+
+    this.reactionState = {
+      counts,
+      total,
+      userReaction,
+    };
+
+    const videoModal = this.ui.getVideoModal();
+    if (videoModal?.updateReactionSummary) {
+      videoModal.updateReactionSummary({
+        total,
+        counts,
+        userReaction,
+      });
+    }
+  }
+
+  async handleReaction(detail = {}) {
+    const videoModal = this.ui.getVideoModal();
+    if (!videoModal) {
+      return;
+    }
+
+    const requestedReaction =
+      typeof detail.reaction === "string" ? detail.reaction : "";
+    const normalizedReaction =
+      requestedReaction === "+"
+        ? "+"
+        : requestedReaction === "-"
+          ? "-"
+          : "";
+
+    if (!normalizedReaction) {
+      return;
+    }
+
+    const previousReaction = this.reactionState?.userReaction || "";
+    const pointer = this.state.getCurrentVideoPointer();
+    const pointerKey = this.state.getCurrentVideoPointerKey() || (pointer ? pointerArrayToKey(pointer) : null);
+
+    if (!pointer || !pointerKey) {
+      if (videoModal) {
+        videoModal.setUserReaction(previousReaction);
+      }
+      devLogger.info(
+        "[reaction] Ignoring reaction request until modal pointer is available.",
+      );
+      return;
+    }
+    if (normalizedReaction === previousReaction) {
+      return;
+    }
+
+    if (!this.callbacks.isUserLoggedIn()) {
+      this.ui.showError("Please login to react to videos.");
+      videoModal.setUserReaction(previousReaction);
+      return;
+    }
+
+    let rollbackSnapshot = null;
+    try {
+      rollbackSnapshot = this.applyOptimisticUpdate(
+        normalizedReaction
+      );
+    } catch (error) {
+      devLogger.warn("[reaction] Failed to apply optimistic reaction state:", error);
+    }
+
+    try {
+      const currentVideo = this.state.getCurrentVideo();
+      const result = await this.services.reactionCounter.publish(pointer, {
+        content: normalizedReaction,
+        video: currentVideo,
+        currentVideoPubkey: currentVideo?.pubkey,
+        pointerKey,
+      });
+
+      if (!result?.ok) {
+        if (rollbackSnapshot) {
+          this.restoreSnapshot(rollbackSnapshot);
+        }
+        this.ui.showError("Failed to send reaction. Please try again.");
+      }
+    } catch (error) {
+      devLogger.warn("[reaction] Failed to publish reaction:", error);
+      if (rollbackSnapshot) {
+        this.restoreSnapshot(rollbackSnapshot);
+      }
+      this.ui.showError("Failed to send reaction. Please try again.");
+    }
+  }
+}
diff --git a/dist/js/ui/revertModalController.js b/dist/js/ui/revertModalController.js
new file mode 100644
index 00000000..8815ff6d
--- /dev/null
+++ b/dist/js/ui/revertModalController.js
@@ -0,0 +1,118 @@
+import { devLogger } from "../utils/logger.js";
+
+export default class RevertModalController {
+  constructor({
+    revertModal,
+    services = {},
+    state = {},
+    ui = {},
+    callbacks = {},
+    helpers = {},
+  }) {
+    this.revertModal = revertModal;
+    this.services = services;
+    this.state = state;
+    this.ui = ui;
+    this.callbacks = callbacks;
+    this.helpers = helpers;
+  }
+
+  async open(target) {
+    try {
+      const normalizedTarget = this.helpers.normalizeActionTarget(target);
+      const { triggerElement } = normalizedTarget;
+
+      const activeVideos = await this.services.nostrService.fetchVideos({
+        blacklistedEventIds: this.state.getBlacklistedEventIds(),
+        isAuthorBlocked: (pubkey) => this.callbacks.isAuthorBlocked(pubkey),
+      });
+
+      const video = await this.helpers.resolveVideoActionTarget({
+        ...normalizedTarget,
+        preloadedList: activeVideos,
+      });
+
+      const pubkey = this.state.getPubkey();
+      if (!pubkey) {
+        this.ui.showError("Please login to revert.");
+        return;
+      }
+
+      const userPubkey = (pubkey || "").toLowerCase();
+      const videoPubkey = (video?.pubkey || "").toLowerCase();
+      if (!video || !videoPubkey || videoPubkey !== userPubkey) {
+        this.ui.showError("You do not own this video.");
+        return;
+      }
+
+      if (!this.revertModal) {
+        this.ui.showError("Revert modal is not available right now.");
+        return;
+      }
+
+      const loaded = await this.revertModal.load();
+      if (!loaded) {
+        this.ui.showError("Revert modal is not available right now.");
+        return;
+      }
+
+      const history = await this.services.nostrClient.hydrateVideoHistory(video);
+
+      this.revertModal.setHistory(video, history);
+      this.revertModal.open({ video }, { triggerElement });
+    } catch (err) {
+      devLogger.error("Failed to revert video:", err);
+      this.ui.showError("Failed to load revision history. Please try again.");
+    }
+  }
+
+  async handleConfirm(event) {
+    const detail = event?.detail || {};
+    const target = detail.target;
+    const entries = Array.isArray(detail.entries)
+      ? detail.entries.slice()
+      : [];
+
+    if (!target || !entries.length) {
+      return;
+    }
+
+    const pubkey = this.state.getPubkey();
+    if (!pubkey) {
+      this.ui.showError("Please login to revert.");
+      return;
+    }
+
+    if (!this.revertModal) {
+      this.ui.showError("Revert modal is not available right now.");
+      return;
+    }
+
+    this.revertModal.setBusy(true, "Reverting…");
+
+    try {
+      for (const entry of entries) {
+        await this.services.nostrClient.revertVideo(
+          {
+            id: entry.id,
+            pubkey: entry.pubkey,
+            tags: entry.tags,
+          },
+          pubkey,
+        );
+      }
+
+      await this.callbacks.loadVideos();
+
+      const timestampLabel = this.helpers.formatAbsoluteTimestamp(target.created_at);
+      this.ui.showSuccess(`Reverted to revision from ${timestampLabel}.`);
+      this.revertModal.close();
+      this.callbacks.forceRefreshAllProfiles();
+    } catch (err) {
+      devLogger.error("Failed to revert video:", err);
+      this.ui.showError("Failed to revert video. Please try again.");
+    } finally {
+      this.revertModal.setBusy(false);
+    }
+  }
+}
diff --git a/dist/js/ui/shareNostrController.js b/dist/js/ui/shareNostrController.js
new file mode 100644
index 00000000..93750464
--- /dev/null
+++ b/dist/js/ui/shareNostrController.js
@@ -0,0 +1,237 @@
+import { sanitizeRelayList as defaultSanitizeRelayList } from "../nostr/nip46Client.js";
+import { buildShareEvent as defaultBuildShareEvent } from "../nostrEventSchemas.js";
+import {
+  publishEventToRelays as defaultPublishEventToRelays,
+  assertAnyRelayAccepted as defaultAssertAnyRelayAccepted,
+} from "../nostrPublish.js";
+import {
+  getActiveSigner as defaultGetActiveSigner,
+} from "../nostrClientRegistry.js";
+import { queueSignEvent as defaultQueueSignEvent } from "../nostr/signRequestQueue.js";
+import { DEFAULT_NIP07_PERMISSION_METHODS as defaultPermissionMethods } from "../nostr/nip07Permissions.js";
+import { nostrClient as defaultNostrClient } from "../nostrClientFacade.js";
+import { userLogger as defaultUserLogger, devLogger as defaultDevLogger } from "../utils/logger.js";
+
+export default class ShareNostrController {
+  constructor({ ui, state, services = {} }) {
+    this.ui = ui;
+    this.state = state;
+    this.services = {
+      sanitizeRelayList: services.sanitizeRelayList || defaultSanitizeRelayList,
+      buildShareEvent: services.buildShareEvent || defaultBuildShareEvent,
+      publishEventToRelays: services.publishEventToRelays || defaultPublishEventToRelays,
+      assertAnyRelayAccepted: services.assertAnyRelayAccepted || defaultAssertAnyRelayAccepted,
+      getActiveSigner: services.getActiveSigner || defaultGetActiveSigner,
+      queueSignEvent: services.queueSignEvent || defaultQueueSignEvent,
+      permissionMethods: services.permissionMethods || defaultPermissionMethods,
+      nostrClient: services.nostrClient || defaultNostrClient,
+      userLogger: services.userLogger || defaultUserLogger,
+      devLogger: services.devLogger || defaultDevLogger,
+    };
+  }
+
+  async openModal({ video, triggerElement } = {}) {
+    const currentVideo = this.state.getCurrentVideo();
+    const targetVideo =
+      video && typeof video === "object" ? video : currentVideo || null;
+
+    if (!targetVideo) {
+      this.ui.showError("No video is available to share.");
+      return;
+    }
+
+    const modal = this.ui.getModal();
+    if (!modal) {
+      this.services.devLogger.warn("[ShareNostrController] Share Nostr modal is unavailable.");
+      this.ui.showError("Share modal is not ready yet.");
+      return;
+    }
+
+    const shareUrl =
+      typeof targetVideo.shareUrl === "string" && targetVideo.shareUrl.trim()
+        ? targetVideo.shareUrl.trim()
+        : this.state.buildShareUrlFromEventId(targetVideo.id);
+
+    const payload = {
+      id: targetVideo.id,
+      title: targetVideo.title,
+      pubkey: targetVideo.pubkey,
+      authorName: targetVideo.creatorName || targetVideo.authorName || "",
+      thumbnail: targetVideo.thumbnail,
+      shareUrl,
+    };
+
+    try {
+      await modal.open({
+        video: payload,
+        triggerElement,
+      });
+    } catch (error) {
+      this.services.devLogger.error("[ShareNostrController] Failed to open Share Nostr modal:", error);
+      this.ui.showError("Unable to open the share modal.");
+    }
+  }
+
+  async handleShare(payload = {}) {
+    const video = payload?.video || null;
+    const videoId = typeof video?.id === "string" ? video.id.trim() : "";
+    const videoTitle =
+      typeof video?.title === "string" ? video.title.trim() : "";
+    const videoPubkey =
+      typeof video?.pubkey === "string" ? video.pubkey.trim() : "";
+
+    if (!videoId || !videoTitle) {
+      this.services.userLogger.warn("[ShareNostrController] Share post missing video details.");
+      this.ui.showError("Missing video details for sharing.");
+      throw new Error("share-missing-video-details");
+    }
+
+    const signer = this.services.getActiveSigner();
+    if (!signer || typeof signer.signEvent !== "function") {
+      this.services.userLogger.warn("[ShareNostrController] No active signer available for share.");
+      this.ui.showError("Connect a Nostr signer to share.");
+      throw new Error("share-missing-signer");
+    }
+
+    const pubkey = this.state.getPubkey();
+    const activePubkey = this.state.normalizeHexPubkey(pubkey);
+    const signerPubkey = this.state.normalizeHexPubkey(signer.pubkey);
+    const eventPubkey = activePubkey || signerPubkey;
+
+    if (!eventPubkey) {
+      this.services.userLogger.warn("[ShareNostrController] Share post missing active pubkey.");
+      this.ui.showError("Please log in to share on Nostr.");
+      throw new Error("share-missing-pubkey");
+    }
+
+    if (activePubkey && signerPubkey && activePubkey !== signerPubkey) {
+      this.services.userLogger.error(
+        "[ShareNostrController] Active signer does not match current account for share.",
+      );
+      this.ui.showError("Active signer does not match your account.");
+      throw new Error("share-signer-mismatch");
+    }
+
+    if (!this.services.nostrClient?.pool) {
+      this.services.userLogger.error("[ShareNostrController] Share publish failed: relays not ready.");
+      this.ui.showError("Nostr relays are not ready yet. Please try again.");
+      throw new Error("share-relays-unavailable");
+    }
+
+    const relayEntries = Array.isArray(payload?.relays) ? payload.relays : [];
+    const relayUrls = relayEntries
+      .map((entry) => {
+        if (typeof entry === "string") {
+          return entry;
+        }
+        if (Array.isArray(entry) && entry.length) {
+          if (entry[0] === "r") {
+            return typeof entry[1] === "string" ? entry[1] : "";
+          }
+          return typeof entry[0] === "string" ? entry[0] : "";
+        }
+        if (entry && typeof entry === "object") {
+          if (typeof entry.url === "string") {
+            return entry.url;
+          }
+          if (typeof entry.relay === "string") {
+            return entry.relay;
+          }
+        }
+        return "";
+      })
+      .filter(Boolean);
+    const relayTargets = this.services.sanitizeRelayList(relayUrls);
+
+    if (!relayTargets.length) {
+      this.services.userLogger.warn("[ShareNostrController] Share post missing relay targets.");
+      this.ui.showError("Please choose at least one relay to share to.");
+      throw new Error("share-missing-relays");
+    }
+
+    if (signer.type === "extension" && this.services.nostrClient.ensureExtensionPermissions) {
+      const permissionResult = await this.services.nostrClient.ensureExtensionPermissions(
+        this.services.permissionMethods,
+      );
+      if (!permissionResult?.ok) {
+        this.services.userLogger.warn(
+          "[ShareNostrController] Share publish blocked by signer permissions.",
+          permissionResult?.error,
+        );
+        this.ui.showError("Signer permissions are required to post.");
+        throw new Error("share-permission-denied");
+      }
+    }
+
+    const event = this.services.buildShareEvent({
+      pubkey: eventPubkey,
+      created_at: Math.floor(Date.now() / 1000),
+      content: typeof payload?.content === "string" ? payload.content : "",
+      video: { id: videoId, pubkey: videoPubkey },
+      relays: relayEntries,
+    });
+
+    let signedEvent;
+    try {
+      signedEvent = await this.services.queueSignEvent(signer, event);
+    } catch (error) {
+      this.services.userLogger.error("[ShareNostrController] Failed to sign share event.", error);
+      this.ui.showError("Unable to sign the share event.");
+      throw error;
+    }
+
+    const publishResults = await this.services.publishEventToRelays(
+      this.services.nostrClient.pool,
+      relayTargets,
+      signedEvent,
+    );
+
+    let publishSummary;
+    try {
+      publishSummary = this.services.assertAnyRelayAccepted(publishResults, {
+        context: "share note",
+      });
+    } catch (publishError) {
+      if (publishError?.relayFailures?.length) {
+        publishError.relayFailures.forEach(
+          ({ url, error: relayError, reason }) => {
+            this.services.userLogger.error(
+              `[ShareNostrController] Relay ${url} rejected share note: ${reason}`,
+              relayError || reason,
+            );
+          },
+        );
+      }
+      this.ui.showError("Failed to share on Nostr. Please try again.");
+      throw publishError;
+    }
+
+    if (publishSummary.failed.length) {
+      publishSummary.failed.forEach(({ url, error: relayError }) => {
+        const reason =
+          relayError instanceof Error
+            ? relayError.message
+            : relayError
+            ? String(relayError)
+            : "publish failed";
+        this.services.userLogger.warn(
+          `[ShareNostrController] Relay ${url} did not acknowledge share note: ${reason}`,
+          relayError,
+        );
+      });
+    }
+
+    this.services.userLogger.info(
+      "[ShareNostrController] Share note published.",
+      publishSummary.accepted.map(({ url }) => url),
+    );
+    this.ui.showSuccess("Shared to Nostr!");
+
+    return {
+      ok: true,
+      event: signedEvent,
+      accepted: publishSummary.accepted.map(({ url }) => url),
+      failed: publishSummary.failed.map(({ url }) => url),
+    };
+  }
+}
diff --git a/dist/js/ui/similarContentController.js b/dist/js/ui/similarContentController.js
new file mode 100644
index 00000000..620841e8
--- /dev/null
+++ b/dist/js/ui/similarContentController.js
@@ -0,0 +1,333 @@
+import { devLogger } from "../utils/logger.js";
+import { collectVideoTags } from "../utils/videoTags.js";
+import { ALLOW_NSFW_CONTENT } from "../config.js";
+import resolveVideoPointer from "../utils/videoPointer.js";
+
+/**
+ * Controller for managing "Similar Content" logic and updates for the video modal.
+ */
+export default class SimilarContentController {
+  constructor({
+    services = {},
+    callbacks = {},
+    ui = {},
+    state = {},
+    helpers = {}
+  }) {
+    this.services = services;
+    this.callbacks = callbacks;
+    this.ui = ui;
+    this.state = state;
+    this.helpers = helpers;
+  }
+
+  extractDTagValue(tags) {
+    if (!Array.isArray(tags)) {
+      return "";
+    }
+    for (const tag of tags) {
+      if (!Array.isArray(tag) || tag.length < 2) {
+        continue;
+      }
+      if (tag[0] === "d" && typeof tag[1] === "string") {
+        return tag[1];
+      }
+    }
+    return "";
+  }
+
+  deriveVideoPointerInfo(video) {
+    if (!video || typeof video !== "object") {
+      return null;
+    }
+
+    const dTagValue = (this.extractDTagValue(video.tags) || "").trim();
+
+    return resolveVideoPointer({
+      kind: video.kind,
+      pubkey: video.pubkey,
+      videoRootId: video.videoRootId,
+      dTag: dTagValue,
+      fallbackEventId: video.id,
+      relay: video.relay,
+    });
+  }
+
+  computeCandidates({ activeVideo, maxItems = 5 } = {}) {
+    const decorateCandidate = (video) => {
+      if (!video || typeof video !== "object") {
+        return video;
+      }
+      let decoratedVideo = video;
+      if (typeof this.callbacks.decorateVideoModeration === "function") {
+        try {
+          const decorated = this.callbacks.decorateVideoModeration(video);
+          if (decorated && typeof decorated === "object") {
+            decoratedVideo = decorated;
+          }
+        } catch (error) {
+          devLogger.warn(
+            "[SimilarContentController] Failed to decorate similar content candidate",
+            error,
+          );
+        }
+      }
+      if (typeof this.callbacks.decorateVideoCreatorIdentity === "function") {
+        try {
+          const identityDecorated = this.callbacks.decorateVideoCreatorIdentity(
+            decoratedVideo,
+          );
+          if (identityDecorated && typeof identityDecorated === "object") {
+            decoratedVideo = identityDecorated;
+          }
+        } catch (error) {
+          devLogger.warn(
+            "[SimilarContentController] Failed to decorate similar content identity",
+            error,
+          );
+        }
+      }
+      return decoratedVideo;
+    };
+
+    const target = activeVideo && typeof activeVideo === "object" ? decorateCandidate(activeVideo) : null;
+    if (!target) {
+      return [];
+    }
+
+    const activeTagsSource = Array.isArray(target.displayTags) && target.displayTags.length
+      ? target.displayTags
+      : collectVideoTags(target);
+
+    const activeTagSet = new Set();
+    for (const tag of activeTagsSource) {
+      if (typeof tag !== "string") {
+        continue;
+      }
+      const normalized = tag.trim().toLowerCase();
+      if (normalized) {
+        activeTagSet.add(normalized);
+      }
+    }
+
+    if (activeTagSet.size === 0) {
+      return [];
+    }
+
+    const limit = Number.isFinite(maxItems) && maxItems > 0
+      ? Math.max(1, Math.floor(maxItems))
+      : 5;
+
+    let candidateSource = [];
+    const videoListView = this.state.getVideoListView ? this.state.getVideoListView() : null;
+    const videosMap = this.state.getVideosMap ? this.state.getVideosMap() : null;
+    const nostrClient = this.services.nostrClient;
+
+    if (videoListView && Array.isArray(videoListView.currentVideos) && videoListView.currentVideos.length) {
+      candidateSource = videoListView.currentVideos;
+    } else if (videosMap instanceof Map && videosMap.size) {
+      candidateSource = Array.from(videosMap.values());
+    } else if (nostrClient && typeof nostrClient.getActiveVideos === "function") {
+      try {
+        const activeVideos = nostrClient.getActiveVideos();
+        if (Array.isArray(activeVideos)) {
+          candidateSource = activeVideos;
+        }
+      } catch (error) {
+        devLogger.warn("[SimilarContentController] Failed to read active videos for similar content:", error);
+      }
+    }
+
+    if (!Array.isArray(candidateSource) || candidateSource.length === 0) {
+      return [];
+    }
+
+    const activeId = typeof target.id === "string" ? target.id : "";
+    const activePointerKey = typeof target.pointerKey === "string" ? target.pointerKey : "";
+    const seenKeys = new Set();
+    if (activeId) {
+      const normalizedId = activeId.trim().toLowerCase();
+      if (normalizedId) {
+        seenKeys.add(normalizedId);
+      }
+    }
+    if (activePointerKey) {
+      const normalizedPointer = activePointerKey.trim().toLowerCase();
+      if (normalizedPointer) {
+        seenKeys.add(normalizedPointer);
+      }
+    }
+
+    const results = [];
+
+    for (const candidate of candidateSource) {
+      const decoratedCandidate = decorateCandidate(candidate);
+      if (!decoratedCandidate || typeof decoratedCandidate !== "object") {
+        continue;
+      }
+      if (decoratedCandidate === target) {
+        continue;
+      }
+
+      const candidateId = typeof decoratedCandidate.id === "string" ? decoratedCandidate.id : "";
+      if (candidateId && candidateId === activeId) {
+        continue;
+      }
+      if (decoratedCandidate.deleted === true) {
+        continue;
+      }
+      if (decoratedCandidate.isPrivate === true) {
+        continue;
+      }
+      if (decoratedCandidate.isNsfw === true && ALLOW_NSFW_CONTENT !== true) {
+        continue;
+      }
+
+      const candidatePubkey = typeof decoratedCandidate.pubkey === "string" ? decoratedCandidate.pubkey : "";
+      if (candidatePubkey && typeof this.callbacks.isAuthorBlocked === "function" && this.callbacks.isAuthorBlocked(candidatePubkey)) {
+        continue;
+      }
+
+      const candidateTagsSource = Array.isArray(decoratedCandidate.displayTags) && decoratedCandidate.displayTags.length
+        ? decoratedCandidate.displayTags
+        : collectVideoTags(decoratedCandidate);
+      if (!Array.isArray(candidateTagsSource) || candidateTagsSource.length === 0) {
+        continue;
+      }
+
+      const candidateTagSet = new Set();
+      for (const tag of candidateTagsSource) {
+        if (typeof tag !== "string") {
+          continue;
+        }
+        const normalized = tag.trim().toLowerCase();
+        if (normalized) {
+          candidateTagSet.add(normalized);
+        }
+      }
+
+      if (candidateTagSet.size === 0) {
+        continue;
+      }
+
+      let sharedCount = 0;
+      for (const tag of candidateTagSet) {
+        if (activeTagSet.has(tag)) {
+          sharedCount += 1;
+        }
+      }
+
+      if (sharedCount === 0) {
+        continue;
+      }
+
+      const pointerInfo = this.deriveVideoPointerInfo(candidate);
+      const pointerKey = typeof candidate.pointerKey === "string" && candidate.pointerKey.trim()
+        ? candidate.pointerKey.trim()
+        : typeof pointerInfo?.key === "string" && pointerInfo.key
+          ? pointerInfo.key
+          : "";
+
+      const dedupeKeyRaw = (candidateId || pointerKey || "").trim();
+      if (dedupeKeyRaw) {
+        const dedupeKey = dedupeKeyRaw.toLowerCase();
+        if (seenKeys.has(dedupeKey)) {
+          continue;
+        }
+        seenKeys.add(dedupeKey);
+      }
+
+      // Ensure the candidate itself has displayTags populated for the result view
+      if (!Array.isArray(decoratedCandidate.displayTags) || decoratedCandidate.displayTags.length === 0) {
+        decoratedCandidate.displayTags = Array.isArray(candidateTagsSource)
+          ? candidateTagsSource.slice()
+          : [];
+      }
+
+      let postedAt = null;
+      if (typeof this.helpers.getKnownVideoPostedAt === "function") {
+          postedAt = this.helpers.getKnownVideoPostedAt(decoratedCandidate);
+      }
+      if (!Number.isFinite(postedAt) && Number.isFinite(decoratedCandidate.rootCreatedAt)) {
+        postedAt = Math.floor(decoratedCandidate.rootCreatedAt);
+      }
+      if (!Number.isFinite(postedAt) && Number.isFinite(decoratedCandidate.created_at)) {
+        postedAt = Math.floor(decoratedCandidate.created_at);
+      }
+      if (!Number.isFinite(postedAt)) {
+        postedAt = null;
+      }
+
+      let shareUrl = "";
+      if (typeof decoratedCandidate.shareUrl === "string" && decoratedCandidate.shareUrl.trim()) {
+        shareUrl = decoratedCandidate.shareUrl.trim();
+      } else if (candidateId && typeof this.helpers.buildShareUrlFromEventId === "function") {
+        shareUrl = this.helpers.buildShareUrlFromEventId(candidateId) || "";
+      }
+
+      results.push({
+        video: decoratedCandidate,
+        pointerInfo: pointerInfo || null,
+        shareUrl,
+        postedAt,
+        sharedTagCount: sharedCount,
+      });
+    }
+
+    if (results.length === 0) {
+      return [];
+    }
+
+    results.sort((a, b) => {
+      if (b.sharedTagCount !== a.sharedTagCount) {
+        return b.sharedTagCount - a.sharedTagCount;
+      }
+      const tsA = Number.isFinite(a.postedAt) ? a.postedAt : 0;
+      const tsB = Number.isFinite(b.postedAt) ? b.postedAt : 0;
+      return tsB - tsA;
+    });
+
+    return results.slice(0, limit).map((entry) => {
+      const normalizedPostedAt = Number.isFinite(entry.postedAt)
+        ? Math.floor(entry.postedAt)
+        : null;
+      const timeAgo = normalizedPostedAt !== null && typeof this.helpers.formatTimeAgo === "function"
+        ? this.helpers.formatTimeAgo(normalizedPostedAt)
+        : "";
+      return {
+        video: entry.video,
+        pointerInfo: entry.pointerInfo,
+        shareUrl: entry.shareUrl,
+        postedAt: normalizedPostedAt,
+        timeAgo,
+        sharedTagCount: entry.sharedTagCount,
+      };
+    });
+  }
+
+  updateModal({ activeVideo, maxItems } = {}) {
+    if (!this.ui.videoModal) {
+      return;
+    }
+
+    const target = activeVideo && typeof activeVideo === "object" ? activeVideo : null;
+    if (!target) {
+      if (typeof this.ui.videoModal.clearSimilarContent === "function") {
+        this.ui.videoModal.clearSimilarContent();
+      }
+      return;
+    }
+
+    const matches = this.computeCandidates({ activeVideo: target, maxItems });
+    if (matches.length > 0) {
+      if (typeof this.ui.videoModal.setSimilarContent === "function") {
+        this.ui.videoModal.setSimilarContent(matches);
+      }
+      return;
+    }
+
+    if (typeof this.ui.videoModal.clearSimilarContent === "function") {
+      this.ui.videoModal.clearSimilarContent();
+    }
+  }
+}
diff --git a/dist/js/ui/tagPreferenceMenuController.js b/dist/js/ui/tagPreferenceMenuController.js
new file mode 100644
index 00000000..8a60bbe6
--- /dev/null
+++ b/dist/js/ui/tagPreferenceMenuController.js
@@ -0,0 +1,357 @@
+import { TAG_PREFERENCE_ACTIONS, applyTagPreferenceMenuState, createTagPreferenceMenu } from "./components/tagPreferenceMenu.js";
+import { devLogger, userLogger } from "../utils/logger.js";
+
+export default class TagPreferenceMenuController {
+  constructor({ services = {}, callbacks = {}, helpers = {} } = {}) {
+    this.services = services;
+    this.callbacks = callbacks;
+    this.helpers = helpers;
+
+    this.popovers = new Map();
+    this.publishInFlight = false;
+    this.publishPromise = null;
+  }
+
+  ensurePopover(detail = {}) {
+    const triggerCandidate = detail?.trigger || null;
+    const trigger =
+      triggerCandidate && triggerCandidate.nodeType === 1 ? triggerCandidate : null;
+    const rawTag = typeof detail?.tag === "string" ? detail.tag : "";
+    const tag = rawTag.trim();
+
+    if (!trigger || !tag) {
+      return null;
+    }
+
+    let entry = this.popovers.get(trigger);
+
+    const render = ({ document: documentRef, close }) => {
+      const menu = createTagPreferenceMenu({
+        document: documentRef,
+        tag: entry.tag,
+        isLoggedIn: this.callbacks.isLoggedIn(),
+        membership: this.callbacks.getMembership(entry.tag),
+        designSystem: this.helpers.getDesignSystem
+          ? this.helpers.getDesignSystem()
+          : null,
+        onAction: (action, actionDetail = {}) => {
+          void this.handleMenuAction(action, {
+            tag: entry.tag,
+            trigger,
+            video: entry.video || null,
+            closePopover: close,
+            actionDetail,
+          });
+        },
+      });
+
+      if (!menu?.panel) {
+        return null;
+      }
+
+      entry.panel = menu.panel;
+      entry.buttons = menu.buttons;
+      return menu.panel;
+    };
+
+    if (!entry) {
+      entry = {
+        trigger,
+        tag,
+        context: detail.context || "",
+        video: detail.video || null,
+        panel: null,
+        buttons: null,
+        popover: null,
+      };
+
+      const ownerDocument =
+        trigger.ownerDocument || (typeof document !== "undefined" ? document : null);
+
+      const popover = this.helpers.createPopover(trigger, render, {
+        document: ownerDocument,
+        placement: "bottom-start",
+        restoreFocusOnClose: true,
+      });
+
+      if (!popover) {
+        return null;
+      }
+
+      const originalDestroy = popover.destroy?.bind(popover);
+      if (typeof originalDestroy === "function") {
+        popover.destroy = (...args) => {
+          originalDestroy(...args);
+          if (this.popovers.get(trigger) === entry) {
+            this.popovers.delete(trigger);
+          }
+        };
+      }
+
+      entry.popover = popover;
+      this.popovers.set(trigger, entry);
+    } else {
+      entry.tag = tag;
+      entry.context = detail.context || entry.context || "";
+      entry.video = detail.video || entry.video || null;
+    }
+
+    return entry;
+  }
+
+  requestMenu(detail = {}) {
+    const entry = this.ensurePopover(detail);
+    if (!entry?.popover) {
+      return;
+    }
+
+    const popover = entry.popover;
+    const restoreFocus = detail.restoreFocus !== false;
+
+    if (typeof popover.isOpen === "function" && popover.isOpen()) {
+      popover.close({ restoreFocus });
+      return;
+    }
+
+    this.closeMenus({
+      restoreFocus: false,
+      skipTrigger: entry.trigger,
+    });
+
+    // Notify app to close other menus
+    if (this.callbacks.onMenuOpen) {
+      this.callbacks.onMenuOpen(entry.trigger);
+    }
+
+    popover
+      .open()
+      .then(() => {
+        this.refreshActiveMenus();
+      })
+      .catch((error) =>
+        userLogger.error("[TagPreferenceMenu] Failed to open popover:", error),
+      );
+  }
+
+  closeMenus(detail = {}) {
+    const triggerCandidate = detail?.trigger || null;
+    const trigger =
+      triggerCandidate && triggerCandidate.nodeType === 1 ? triggerCandidate : null;
+    const restoreFocus = detail?.restoreFocus !== false;
+    const skipTrigger = detail?.skipTrigger || null;
+
+    if (trigger) {
+      const entry = this.popovers.get(trigger);
+      if (entry?.popover && typeof entry.popover.close === "function") {
+        return entry.popover.close({ restoreFocus });
+      }
+      return false;
+    }
+
+    let closed = false;
+    this.popovers.forEach((entry, key) => {
+      if (!entry?.popover || typeof entry.popover.close !== "function") {
+        return;
+      }
+      if (skipTrigger && key === skipTrigger) {
+        return;
+      }
+      const result = entry.popover.close({ restoreFocus });
+      closed = closed || result;
+    });
+    return closed;
+  }
+
+  persistPreferencesFromMenu() {
+    const service = this.services.hashtagPreferences;
+    const publish =
+      service && typeof service.publish === "function" ? service.publish : null;
+
+    const describe = this.callbacks.describeError;
+
+    if (!publish) {
+      const message =
+        typeof describe === "function"
+          ? describe(null, {
+              fallbackMessage: "Hashtag preferences are unavailable right now.",
+            })
+          : "Hashtag preferences are unavailable right now.";
+
+      if (this.callbacks.showError) {
+        this.callbacks.showError(message);
+      }
+      const error = new Error(message);
+      error.code = "service-unavailable";
+      return Promise.reject(error);
+    }
+
+    if (this.publishInFlight) {
+      return this.publishPromise;
+    }
+
+    const pubkey = this.callbacks.getPubkey ? this.callbacks.getPubkey() : null;
+    const payload = pubkey ? { pubkey } : {};
+
+    this.publishInFlight = true;
+
+    const publishPromise = (async () => {
+      try {
+        return await publish.call(service, payload);
+      } catch (error) {
+        const failure =
+          error instanceof Error ? error : new Error(String(error || ""));
+        if (!failure.code) {
+          failure.code = "hashtag-preferences-publish-failed";
+        }
+
+        if (this.callbacks.showError) {
+          const message =
+            typeof describe === "function"
+              ? describe(failure, { operation: "update" })
+              : failure.message || "Failed to update preferences.";
+          this.callbacks.showError(message);
+        }
+        throw failure;
+      } finally {
+        this.publishInFlight = false;
+        this.publishPromise = null;
+      }
+    })();
+
+    this.publishPromise = publishPromise;
+    return publishPromise;
+  }
+
+  async handleMenuAction(action, detail = {}) {
+    const tag = typeof detail?.tag === "string" ? detail.tag : "";
+    if (!tag) {
+      return;
+    }
+
+    const service = this.services.hashtagPreferences;
+    if (!service) {
+      return;
+    }
+
+    let result = false;
+    try {
+      switch (action) {
+        case TAG_PREFERENCE_ACTIONS.ADD_INTEREST:
+          result = await service.addInterest(tag);
+          break;
+        case TAG_PREFERENCE_ACTIONS.REMOVE_INTEREST:
+          result = await service.removeInterest(tag);
+          break;
+        case TAG_PREFERENCE_ACTIONS.ADD_DISINTEREST:
+          result = await service.addDisinterest(tag);
+          break;
+        case TAG_PREFERENCE_ACTIONS.REMOVE_DISINTEREST:
+          result = await service.removeDisinterest(tag);
+          break;
+        default:
+          userLogger.warn(`[TagPreferenceMenu] Unhandled action: ${action}`);
+          return;
+      }
+    } catch (error) {
+      devLogger.error(
+        "[TagPreferenceMenuController] Failed to mutate hashtag preference via menu:",
+        error,
+      );
+      if (this.callbacks.showError) {
+        const describe = this.callbacks.describeError;
+        const message =
+          typeof describe === "function"
+            ? describe(error, { operation: "update" })
+            : "Failed to update hashtag preferences.";
+        this.callbacks.showError(message);
+      }
+      return;
+    }
+
+    if (!result) {
+      return;
+    }
+
+    if (this.callbacks.onPreferenceUpdate) {
+      this.callbacks.onPreferenceUpdate();
+    }
+
+    try {
+      await this.persistPreferencesFromMenu();
+    } catch (error) {
+      return;
+    }
+
+    if (this.callbacks.onPreferenceUpdate) {
+      this.callbacks.onPreferenceUpdate();
+    }
+
+    if (typeof detail?.closePopover === "function") {
+      detail.closePopover({ restoreFocus: false });
+    }
+  }
+
+  handleActivation(detail = {}) {
+    const tag = typeof detail?.tag === "string" ? detail.tag : "";
+    if (!tag) {
+      return;
+    }
+
+    const triggerCandidate = detail?.trigger || null;
+    const trigger =
+      triggerCandidate && triggerCandidate.nodeType === 1 ? triggerCandidate : null;
+    if (!trigger) {
+      return;
+    }
+
+    if (detail?.event) {
+      detail.event.preventDefault?.();
+      detail.event.stopPropagation?.();
+    }
+
+    this.requestMenu({
+      trigger,
+      tag,
+      context: detail?.context || "",
+      video: detail?.video || null,
+    });
+  }
+
+  refreshActiveMenus() {
+    if (!this.popovers) {
+      return;
+    }
+
+    const isLoggedIn = this.callbacks.isLoggedIn();
+    this.popovers.forEach((entry) => {
+      if (!entry) {
+        return;
+      }
+
+      const buttons = entry.buttons || {};
+      if (!buttons || Object.keys(buttons).length === 0) {
+        return;
+      }
+
+      try {
+        applyTagPreferenceMenuState({
+          buttons,
+          membership: this.callbacks.getMembership(entry.tag),
+          isLoggedIn,
+        });
+      } catch (error) {
+        devLogger.warn(
+          "[TagPreferenceMenuController] Failed to refresh tag preference menu state:",
+          error,
+        );
+      }
+    });
+  }
+
+  clear() {
+    this.closeMenus({ restoreFocus: false });
+    if (this.popovers) {
+      this.popovers.clear();
+    }
+  }
+}
diff --git a/dist/js/ui/torrentStatusController.js b/dist/js/ui/torrentStatusController.js
new file mode 100644
index 00000000..f3f2204d
--- /dev/null
+++ b/dist/js/ui/torrentStatusController.js
@@ -0,0 +1,127 @@
+import { isVerboseDevMode } from "../config.js";
+import { devLogger } from "../utils/logger.js";
+
+export default class TorrentStatusController {
+  constructor({ getVideoModal, onRemovePoster }) {
+    if (typeof getVideoModal !== "function") {
+      throw new Error("TorrentStatusController requires a getVideoModal accessor.");
+    }
+    this.getVideoModal = getVideoModal;
+    this.onRemovePoster = typeof onRemovePoster === "function" ? onRemovePoster : () => {};
+    this.lastEmitted = {
+      status: null,
+      progress: null,
+      peers: null,
+      speed: null,
+      downloaded: null,
+    };
+    this.lastVerboseLogAt = 0;
+    this.lastVerboseSummaryKey = "";
+    this.verboseLogIntervalMs = 3000;
+  }
+
+  update(torrent) {
+    if (!torrent) {
+      if (isVerboseDevMode) {
+        this.logVerboseSummary({ hasTorrent: false });
+      }
+      return;
+    }
+
+    if (isVerboseDevMode) {
+      this.logVerboseSummary({
+        hasTorrent: true,
+        progress: torrent.progress,
+        numPeers: torrent.numPeers,
+        downloadSpeed: torrent.downloadSpeed,
+        downloaded: torrent.downloaded,
+        length: torrent.length,
+        ready: torrent.ready,
+      });
+    }
+
+    if (torrent.ready || (typeof torrent.progress === "number" && torrent.progress > 0)) {
+      // Belt-and-suspenders: if WebTorrent reports progress but the DOM events
+      // failed to fire we still rip off the loading GIF. This regression has
+      // bitten us in past releases, so the extra clear is intentional.
+      this.onRemovePoster(
+        torrent.ready ? "torrent-ready-flag" : "torrent-progress"
+      );
+    }
+
+    const videoModal = this.getVideoModal();
+
+    // Use "Complete" vs. "Downloading" as the textual status.
+    if (videoModal) {
+      const fullyDownloaded = Number(torrent.progress) >= 1;
+      const status = torrent.ready
+        ? "Ready to play"
+        : fullyDownloaded
+          ? "Complete"
+          : "Downloading";
+      this.updateIfChanged("status", status, () => {
+        if (typeof videoModal.updateStatus === "function") {
+          videoModal.updateStatus(status);
+        }
+      });
+
+      const progressValue = Number.isFinite(torrent.progress)
+        ? `${(torrent.progress * 100).toFixed(2)}%`
+        : "0.00%";
+      this.updateIfChanged("progress", progressValue, () => {
+        if (typeof videoModal.updateProgress === "function") {
+          videoModal.updateProgress(progressValue);
+        }
+      });
+
+      const peersValue = `Peers: ${Number.isFinite(torrent.numPeers) ? torrent.numPeers : 0}`;
+      this.updateIfChanged("peers", peersValue, () => {
+        if (typeof videoModal.updatePeers === "function") {
+          videoModal.updatePeers(peersValue);
+        }
+      });
+
+      const speedValue = Number.isFinite(torrent.downloadSpeed)
+        ? `${(torrent.downloadSpeed / 1024).toFixed(2)} KB/s`
+        : "0.00 KB/s";
+      this.updateIfChanged("speed", speedValue, () => {
+        if (typeof videoModal.updateSpeed === "function") {
+          videoModal.updateSpeed(speedValue);
+        }
+      });
+
+      const downloadedMb = Number.isFinite(torrent.downloaded)
+        ? (torrent.downloaded / (1024 * 1024)).toFixed(2)
+        : "0.00";
+      const lengthMb = Number.isFinite(torrent.length)
+        ? (torrent.length / (1024 * 1024)).toFixed(2)
+        : "0.00";
+      const downloadedValue = `${downloadedMb} MB / ${lengthMb} MB`;
+      this.updateIfChanged("downloaded", downloadedValue, () => {
+        if (typeof videoModal.updateDownloaded === "function") {
+          videoModal.updateDownloaded(downloadedValue);
+        }
+      });
+    }
+  }
+
+  updateIfChanged(key, nextValue, updater) {
+    if (this.lastEmitted[key] === nextValue) {
+      return;
+    }
+    this.lastEmitted[key] = nextValue;
+    updater();
+  }
+
+  logVerboseSummary(summary) {
+    const summaryKey = JSON.stringify(summary);
+    const now = Date.now();
+    const shouldSample = now - this.lastVerboseLogAt >= this.verboseLogIntervalMs;
+    if (summaryKey === this.lastVerboseSummaryKey && !shouldSample) {
+      return;
+    }
+    this.lastVerboseSummaryKey = summaryKey;
+    this.lastVerboseLogAt = now;
+    devLogger.debug("[DEBUG] TorrentStatusController.update", summary);
+  }
+}
diff --git a/dist/js/ui/urlHealthController.js b/dist/js/ui/urlHealthController.js
new file mode 100644
index 00000000..62a7a921
--- /dev/null
+++ b/dist/js/ui/urlHealthController.js
@@ -0,0 +1,499 @@
+export default class UrlHealthController {
+  constructor({
+    state = {},
+    utils = {},
+    logger = {},
+    constants = {},
+    callbacks = {},
+  } = {}) {
+    this.state = state;
+    this.utils = utils;
+    this.logger = logger;
+    this.constants = constants;
+    this.callbacks = callbacks;
+
+    this.activeVideoProbes = 0;
+    this.videoProbeQueue = [];
+    this.MAX_CONCURRENT_VIDEO_PROBES = 3;
+  }
+
+  getUrlHealthPlaceholderMarkup(options = {}) {
+    const includeMargin = options?.includeMargin !== false;
+    const classes = ["badge", "url-health-badge", "text-muted"];
+    if (includeMargin) {
+      classes.push("mt-sm");
+    }
+
+    return `
+      <span
+        class="${classes.join(" ")}"
+        data-url-health-state="checking"
+        data-variant="neutral"
+        aria-live="polite"
+        role="status"
+      >
+        ⏳ CDN
+      </span>
+    `;
+  }
+
+  updateUrlHealthBadge(badgeEl, state, videoId) {
+    if (!badgeEl) {
+      return;
+    }
+
+    if (
+      videoId &&
+      badgeEl.dataset.urlHealthFor &&
+      badgeEl.dataset.urlHealthFor !== videoId
+    ) {
+      return;
+    }
+
+    if (!badgeEl.isConnected) {
+      if (typeof requestAnimationFrame === "function") {
+        requestAnimationFrame(() => {
+          if (badgeEl.isConnected) {
+            this.updateUrlHealthBadge(badgeEl, state, videoId);
+          }
+        });
+      }
+      return;
+    }
+
+    const status = state?.status || "checking";
+    const fallbackMessages = {
+      healthy: "✅ CDN",
+      offline: "❌ CDN",
+      unknown: "⚠️ CDN",
+      timeout: "⚠️ CDN timed out",
+      checking: "⏳ CDN",
+    };
+    const message =
+      state?.message ||
+      fallbackMessages[status] ||
+      fallbackMessages.checking;
+
+    const hadCompactMargin =
+      badgeEl.classList.contains("mt-sm") || badgeEl.classList.contains("mt-3");
+    badgeEl.dataset.urlHealthState = status;
+    const cardEl = badgeEl.closest(".card[data-video-id]");
+    if (cardEl && typeof this.utils.updateVideoCardSourceVisibility === "function") {
+      cardEl.dataset.urlHealthState = status;
+      this.utils.updateVideoCardSourceVisibility(cardEl);
+    }
+    badgeEl.setAttribute("aria-live", "polite");
+    badgeEl.setAttribute("role", status === "offline" ? "alert" : "status");
+    badgeEl.textContent = message;
+
+    const classes = ["badge", "url-health-badge"];
+    if (hadCompactMargin) {
+      classes.push("mt-sm");
+    }
+    badgeEl.className = classes.join(" ");
+
+    const variantMap = {
+      healthy: "success",
+      offline: "critical",
+      unknown: "neutral",
+      timeout: "neutral",
+      checking: "neutral",
+    };
+    const variant = variantMap[status];
+    if (variant) {
+      badgeEl.dataset.variant = variant;
+    } else if (badgeEl.dataset.variant) {
+      delete badgeEl.dataset.variant;
+    }
+
+    const videoListView =
+      this.callbacks.getVideoListView &&
+      typeof this.callbacks.getVideoListView === "function"
+        ? this.callbacks.getVideoListView()
+        : null;
+
+    if (
+      videoId &&
+      videoListView &&
+      typeof videoListView.cacheUrlHealth === "function"
+    ) {
+      videoListView.cacheUrlHealth(videoId, {
+        status,
+        message,
+        lastCheckedAt: Number.isFinite(state?.lastCheckedAt)
+          ? state.lastCheckedAt
+          : undefined,
+      });
+    }
+  }
+
+  handleUrlHealthBadge({ video, url, badgeEl }) {
+    if (!video?.id || !badgeEl || !url) {
+      return;
+    }
+
+    const eventId = video.id;
+    const trimmedUrl = typeof url === "string" ? url.trim() : "";
+    if (!trimmedUrl) {
+      return;
+    }
+
+    badgeEl.dataset.urlHealthFor = eventId;
+
+    if (typeof this.state.getCachedUrlHealth === "function") {
+      const cached = this.state.getCachedUrlHealth(eventId, trimmedUrl);
+      if (cached) {
+        this.updateUrlHealthBadge(badgeEl, cached, eventId);
+        return;
+      }
+    }
+
+    this.updateUrlHealthBadge(badgeEl, { status: "checking" }, eventId);
+
+    const probeOptions = { confirmPlayable: true };
+    const getInFlight = this.state.getInFlightUrlProbe;
+    const existingProbe =
+      typeof getInFlight === "function"
+        ? getInFlight(eventId, trimmedUrl, probeOptions)
+        : null;
+
+    if (existingProbe) {
+      existingProbe
+        .then((entry) => {
+          if (entry) {
+            this.updateUrlHealthBadge(badgeEl, entry, eventId);
+          }
+        })
+        .catch((err) => {
+          this.logger.warn(
+            `[urlHealth] cached probe promise rejected for ${trimmedUrl}:`,
+            err
+          );
+        });
+      return;
+    }
+
+    const probePromise = this.probeUrl(trimmedUrl, probeOptions)
+      .then((result) => {
+        const outcome = result?.outcome || "error";
+        let entry;
+
+        if (outcome === "ok") {
+          entry = { status: "healthy", message: "✅ CDN" };
+        } else if (outcome === "opaque" || outcome === "unknown") {
+          entry = {
+            status: "unknown",
+            message: "⚠️ CDN",
+          };
+        } else if (outcome === "timeout") {
+          entry = {
+            status: "timeout",
+            message: "⚠️ CDN timed out",
+          };
+        } else {
+          entry = {
+            status: "offline",
+            message: "❌ CDN",
+          };
+        }
+
+        const urlHealthConstants = this.constants.urlHealthConstants || {};
+        const ttlOverride =
+          entry.status === "timeout" || entry.status === "unknown"
+            ? urlHealthConstants.URL_HEALTH_TIMEOUT_RETRY_MS
+            : undefined;
+
+        if (typeof this.state.storeUrlHealth === "function") {
+          return this.state.storeUrlHealth(
+            eventId,
+            trimmedUrl,
+            entry,
+            ttlOverride
+          );
+        }
+        return entry;
+      })
+      .catch((err) => {
+        this.logger.warn(`[urlHealth] probe failed for ${trimmedUrl}:`, err);
+        const entry = {
+          status: "offline",
+          message: "❌ CDN",
+        };
+        if (typeof this.state.storeUrlHealth === "function") {
+          return this.state.storeUrlHealth(eventId, trimmedUrl, entry);
+        }
+        return entry;
+      });
+
+    if (typeof this.state.setInFlightUrlProbe === "function") {
+      this.state.setInFlightUrlProbe(
+        eventId,
+        trimmedUrl,
+        probePromise,
+        probeOptions
+      );
+    }
+
+    probePromise
+      .then((entry) => {
+        if (entry) {
+          this.updateUrlHealthBadge(badgeEl, entry, eventId);
+        }
+      })
+      .catch((err) => {
+        this.logger.warn(
+          `[urlHealth] probe promise rejected post-cache for ${trimmedUrl}:`,
+          err
+        );
+      });
+  }
+
+  async probeUrlWithVideoElement(url, timeoutMs) {
+    const defaultTimeout = this.constants.URL_PROBE_TIMEOUT_MS || 5000;
+    const effectiveTimeout =
+      Number.isFinite(timeoutMs) && timeoutMs > 0 ? timeoutMs : defaultTimeout;
+
+    const trimmed = typeof url === "string" ? url.trim() : "";
+    if (!trimmed || typeof document === "undefined") {
+      return { outcome: "error" };
+    }
+
+    if (this.activeVideoProbes >= this.MAX_CONCURRENT_VIDEO_PROBES) {
+      await new Promise((resolve) => {
+        this.videoProbeQueue.push(resolve);
+      });
+    }
+
+    this.activeVideoProbes++;
+
+    try {
+      return await new Promise((resolve) => {
+        const video = document.createElement("video");
+        let settled = false;
+        let timeoutId = null;
+
+        const cleanup = () => {
+          if (timeoutId) {
+            clearTimeout(timeoutId);
+          }
+          video.removeEventListener("loadeddata", handleSuccess);
+          video.removeEventListener("canplay", handleSuccess);
+          video.removeEventListener("error", handleError);
+          try {
+            video.pause();
+          } catch (err) {
+            // ignore pause failures
+          }
+          try {
+            video.removeAttribute("src");
+            video.load();
+          } catch (err) {
+            // ignore cleanup failures
+          }
+        };
+
+        const settle = (result) => {
+          if (settled) {
+            return;
+          }
+          settled = true;
+          cleanup();
+          resolve(result);
+        };
+
+        const handleSuccess = () => {
+          settle({ outcome: "ok" });
+        };
+
+        const handleError = () => {
+          settle({ outcome: "error" });
+        };
+
+        if (Number.isFinite(effectiveTimeout) && effectiveTimeout > 0) {
+          timeoutId = setTimeout(() => {
+            settle({ outcome: "timeout" });
+          }, effectiveTimeout);
+        }
+
+        try {
+          video.preload = "metadata";
+          video.muted = true;
+          video.playsInline = true;
+          video.addEventListener("loadeddata", handleSuccess, { once: true });
+          video.addEventListener("canplay", handleSuccess, { once: true });
+          video.addEventListener("error", handleError, { once: true });
+          video.src = trimmed;
+          video.load();
+        } catch (err) {
+          settle({ outcome: "error", error: err });
+        }
+      });
+    } finally {
+      this.activeVideoProbes--;
+      if (this.videoProbeQueue.length > 0) {
+        const next = this.videoProbeQueue.shift();
+        if (typeof next === "function") {
+          next();
+        }
+      }
+    }
+  }
+
+  async probeUrl(url, options = {}) {
+    const trimmed = typeof url === "string" ? url.trim() : "";
+    if (!trimmed) {
+      return { outcome: "invalid" };
+    }
+
+    const confirmPlayable = options?.confirmPlayable === true;
+    const defaultTimeout = this.constants.URL_PROBE_TIMEOUT_MS || 5000;
+    const urlHealthConstants = this.constants.urlHealthConstants || {};
+
+    const confirmWithVideoElement = async () => {
+      if (!confirmPlayable) {
+        return null;
+      }
+
+      const initialTimeout =
+        Number.isFinite(options?.videoProbeTimeoutMs) &&
+        options.videoProbeTimeoutMs > 0
+          ? options.videoProbeTimeoutMs
+          : defaultTimeout;
+
+      const attemptWithTimeout = async (timeoutMs) => {
+        try {
+          const result = await this.probeUrlWithVideoElement(
+            trimmed,
+            timeoutMs
+          );
+          if (result && result.outcome) {
+            return result;
+          }
+        } catch (err) {
+          this.logger.warn(
+            `[probeUrl] Video element probe threw for ${trimmed}:`,
+            err
+          );
+        }
+        return null;
+      };
+
+      let result = await attemptWithTimeout(initialTimeout);
+
+      if (
+        result &&
+        result.outcome === "timeout" &&
+        Number.isFinite(urlHealthConstants.URL_PROBE_TIMEOUT_RETRY_MS) &&
+        urlHealthConstants.URL_PROBE_TIMEOUT_RETRY_MS > initialTimeout
+      ) {
+        const retryResult = await attemptWithTimeout(
+          urlHealthConstants.URL_PROBE_TIMEOUT_RETRY_MS
+        );
+        if (retryResult) {
+          result = { ...retryResult, retriedAfterTimeout: true };
+        }
+      }
+
+      return result;
+    };
+
+    const supportsAbort = typeof AbortController !== "undefined";
+    const controller = supportsAbort ? new AbortController() : null;
+    let timeoutId = null;
+
+    const racers = [
+      fetch(trimmed, {
+        method: "HEAD",
+        mode: "no-cors",
+        cache: "no-store",
+        signal: controller ? controller.signal : undefined,
+      }),
+    ];
+
+    if (Number.isFinite(defaultTimeout) && defaultTimeout > 0) {
+      racers.push(
+        new Promise((resolve) => {
+          timeoutId = setTimeout(() => {
+            if (controller) {
+              try {
+                controller.abort();
+              } catch (err) {
+                // ignore abort errors
+              }
+            }
+            resolve({ outcome: "timeout" });
+          }, defaultTimeout);
+        })
+      );
+    }
+
+    let responseOrTimeout;
+    try {
+      responseOrTimeout = await Promise.race(racers);
+    } catch (err) {
+      if (timeoutId) {
+        clearTimeout(timeoutId);
+      }
+      this.logger.warn(`[probeUrl] HEAD request failed for ${trimmed}:`, err);
+      const fallback = await confirmWithVideoElement();
+      if (fallback) {
+        return fallback;
+      }
+      return confirmPlayable
+        ? { outcome: "error", error: err }
+        : { outcome: "unknown", error: err };
+    }
+
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+    }
+
+    if (responseOrTimeout && responseOrTimeout.outcome === "timeout") {
+      const fallback = await confirmWithVideoElement();
+      if (fallback) {
+        return fallback;
+      }
+      return confirmPlayable ? { outcome: "timeout" } : { outcome: "unknown" };
+    }
+
+    const response = responseOrTimeout;
+    if (!response) {
+      return { outcome: "error" };
+    }
+
+    if (response.type === "opaque") {
+      const fallback = await confirmWithVideoElement();
+      if (fallback) {
+        return fallback;
+      }
+      return { outcome: confirmPlayable ? "opaque" : "unknown" };
+    }
+
+    if (!response.ok) {
+      const fallback = await confirmWithVideoElement();
+      if (fallback) {
+        return fallback;
+      }
+      return {
+        outcome: "bad",
+        status: response.status,
+      };
+    }
+
+    const playbackCheck = await confirmWithVideoElement();
+    if (playbackCheck) {
+      if (playbackCheck.outcome === "ok") {
+        return {
+          ...playbackCheck,
+          status: response.status,
+        };
+      }
+      return playbackCheck;
+    }
+
+    return {
+      outcome: "ok",
+      status: response.status,
+    };
+  }
+}
diff --git a/dist/js/ui/videoListViewController.js b/dist/js/ui/videoListViewController.js
new file mode 100644
index 00000000..2879e96a
--- /dev/null
+++ b/dist/js/ui/videoListViewController.js
@@ -0,0 +1,112 @@
+import { devLogger as defaultLogger } from "../utils/logger.js";
+
+export default class VideoListViewController {
+  constructor({ getSidebarLoadingMarkup, environment = {}, logger } = {}) {
+    this.getSidebarLoadingMarkup =
+      typeof getSidebarLoadingMarkup === "function"
+        ? getSidebarLoadingMarkup
+        : () => "";
+
+    this.document = environment.document || (typeof document !== "undefined" ? document : null);
+    this.logger = logger || defaultLogger;
+  }
+
+  isElement(value) {
+    return (
+      typeof HTMLElement !== "undefined" && value instanceof HTMLElement
+    );
+  }
+
+  mount({
+    container = null,
+    popularTagsContainer = null,
+    view,
+    currentVideoList = null,
+    includeTags = true,
+  } = {}) {
+    if (!view) {
+      return { videoList: currentVideoList || null, popularTags: null };
+    }
+
+    const target = container || this.getElementById("videoList");
+    let popularTags = null;
+    if (this.isElement(popularTagsContainer)) {
+      popularTags = popularTagsContainer;
+    } else if (includeTags) {
+      popularTags = this.getElementById("videoListTags");
+    }
+
+    if (typeof view.setPopularTagsContainer === "function") {
+      view.setPopularTagsContainer(popularTags || null);
+    }
+
+    view.mount(target || null);
+
+    return {
+      videoList: target || null,
+      popularTags: popularTags || null,
+    };
+  }
+
+  reinitialize({
+    view,
+    reason,
+    postLoginResult,
+    currentVideoList = null,
+    popularTagsContainer = null,
+  } = {}) {
+    if (!view) {
+      return {
+        videoList: currentVideoList || null,
+        popularTags: null,
+      };
+    }
+
+    const container =
+      this.isElement(currentVideoList) && currentVideoList
+        ? currentVideoList
+        : this.getElementById("videoList");
+
+    try {
+      view.destroy();
+    } catch (error) {
+      if (this.logger?.warn) {
+        this.logger.warn(
+          "[VideoListViewController] Failed to destroy VideoListView during reinitialization:",
+          error,
+        );
+      }
+    }
+
+    const messageContext =
+      reason === "login" && postLoginResult?.blocksLoaded === true
+        ? "Applying your filters…"
+        : "Refreshing videos…";
+
+    let tagsRoot = null;
+    if (this.isElement(popularTagsContainer)) {
+      tagsRoot = popularTagsContainer;
+    } else {
+      tagsRoot = this.getElementById("videoListTags");
+    }
+    if (typeof view.setPopularTagsContainer === "function") {
+      view.setPopularTagsContainer(this.isElement(tagsRoot) ? tagsRoot : null);
+    }
+
+    if (this.isElement(container)) {
+      container.innerHTML = this.getSidebarLoadingMarkup(messageContext);
+    }
+
+    return {
+      videoList: this.isElement(container) ? container : null,
+      popularTags: this.isElement(tagsRoot) ? tagsRoot : null,
+    };
+  }
+
+  getElementById(id) {
+    if (!this.document || typeof this.document.getElementById !== "function") {
+      return null;
+    }
+    return this.document.getElementById(id) || null;
+  }
+}
diff --git a/dist/js/ui/videoModalCommentController.js b/dist/js/ui/videoModalCommentController.js
new file mode 100644
index 00000000..756157a6
--- /dev/null
+++ b/dist/js/ui/videoModalCommentController.js
@@ -0,0 +1,962 @@
+import { devLogger } from "../utils/logger.js";
+import { buildVideoAddressPointer } from "../utils/videoPointer.js";
+import { COMMENT_EVENT_KIND } from "../nostr/commentEvents.js";
+import { normalizeHexString, normalizeHexPubkey } from "../utils/hex.js";
+
+const DEFAULT_LIMIT = 40;
+
+function normalizeString(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+
+const normalizeHexId = normalizeHexString;
+
+function normalizeRelay(value) {
+  if (typeof value === "string") {
+    return value.trim();
+  }
+  return "";
+}
+
+function normalizeKind(value) {
+  if (Number.isFinite(value)) {
+    return String(Math.floor(value));
+  }
+  if (typeof value === "string" && value.trim()) {
+    return value.trim();
+  }
+  return "";
+}
+
+export default class VideoModalCommentController {
+  constructor({
+    commentThreadService = null,
+    videoModal = null,
+    auth = {},
+    callbacks = {},
+    services = {},
+    utils = {},
+  } = {}) {
+    this.commentThreadService = commentThreadService;
+    this.videoModal = videoModal;
+
+    this.auth = {
+      isLoggedIn:
+        typeof auth.isLoggedIn === "function" ? () => auth.isLoggedIn() : () => false,
+      initializeLoginModalController:
+        typeof auth.initializeLoginModalController === "function"
+          ? (options) => auth.initializeLoginModalController(options)
+          : () => {},
+      getLoginModalController:
+        typeof auth.getLoginModalController === "function"
+          ? () => auth.getLoginModalController()
+          : () => null,
+      requestLogin:
+        typeof auth.requestLogin === "function"
+          ? (options) => auth.requestLogin(options)
+          : () => Promise.resolve(false),
+    };
+
+    this.callbacks = {
+      showError:
+        typeof callbacks.showError === "function"
+          ? (message) => callbacks.showError(message)
+          : () => {},
+      showStatus:
+        typeof callbacks.showStatus === "function"
+          ? (message, options) => callbacks.showStatus(message, options)
+          : () => {},
+      muteAuthor:
+        typeof callbacks.muteAuthor === "function"
+          ? (pubkey) => callbacks.muteAuthor(pubkey)
+          : () => Promise.resolve(),
+      shouldHideAuthor:
+        typeof callbacks.shouldHideAuthor === "function"
+          ? (pubkey) => callbacks.shouldHideAuthor(pubkey)
+          : () => false,
+    };
+
+    this.services = {
+      publishComment:
+        typeof services.publishComment === "function"
+          ? (payload, eventData) => services.publishComment(payload, eventData)
+          : () => Promise.resolve(null),
+    };
+
+    this.utils = {
+      normalizeHexPubkey:
+        typeof utils.normalizeHexPubkey === "function"
+          ? (value) => utils.normalizeHexPubkey(value)
+          : (value) => normalizeHexPubkey(value) || null,
+    };
+
+    this.currentVideo = null;
+    this.modalCommentState = {
+      videoEventId: null,
+      videoDefinitionAddress: null,
+      videoKind: null,
+      videoAuthorPubkey: null,
+      videoRootId: null,
+      videoRootRelay: null,
+      parentCommentId: null,
+      parentCommentKind: null,
+      parentCommentPubkey: null,
+    };
+    this.modalCommentProfiles = new Map();
+    this.modalCommentLimit = this.commentThreadService?.defaultLimit || DEFAULT_LIMIT;
+    this.modalCommentLoadPromise = null;
+    this.modalCommentPublishPromise = null;
+
+    this.boundThreadReadyHandler = (snapshot) =>
+      this.handleCommentThreadReady(snapshot);
+    this.boundThreadAppendHandler = (payload) =>
+      this.handleCommentThreadAppend(payload);
+    this.boundThreadErrorHandler = (error) =>
+      this.handleCommentThreadError(error);
+
+    if (this.commentThreadService?.setCallbacks) {
+      this.commentThreadService.setCallbacks({
+        onThreadReady: this.boundThreadReadyHandler,
+        onCommentsAppended: this.boundThreadAppendHandler,
+        onError: this.boundThreadErrorHandler,
+      });
+    }
+  }
+
+  load(video) {
+    if (!this.videoModal) {
+      return;
+    }
+
+    if (!video) {
+      this.dispose();
+      return;
+    }
+
+    this.dispose({ resetUi: false });
+    this.currentVideo = video;
+
+    this.videoModal.setCommentSectionCallbacks?.({
+      teardown: () => this.dispose(),
+    });
+
+    if (!this.commentThreadService) {
+      this.resetModalCommentState();
+      return;
+    }
+
+    this.videoModal.hideCommentsDisabledMessage?.();
+
+    if (video.enableComments === false) {
+      this.resetModalCommentState();
+      this.videoModal.showCommentsDisabledMessage?.(
+        "Comments have been turned off for this video.",
+      );
+      return;
+    }
+
+    const videoEventId = normalizeHexId(video.id);
+    let videoDefinitionAddress = buildVideoAddressPointer(video);
+    if (!videoDefinitionAddress && this.modalCommentState.videoDefinitionAddress) {
+      videoDefinitionAddress = normalizeString(
+        this.modalCommentState.videoDefinitionAddress,
+      );
+    }
+    if (videoDefinitionAddress) {
+      videoDefinitionAddress = videoDefinitionAddress.trim().toLowerCase();
+    }
+    const videoKind = normalizeKind(video.kind);
+    const videoAuthorPubkey = normalizeHexPubkey(video.pubkey);
+    const pointerRootId = normalizeHexId(video.pointerIdentifiers?.videoRootId);
+    const videoRootId = normalizeHexId(video.videoRootId) || pointerRootId;
+    const videoRootRelay = normalizeRelay(
+      video.videoRootRelay || video.rootIdentifierRelay,
+    );
+
+    if (!videoEventId) {
+      this.resetModalCommentState({ hide: false });
+      this.videoModal.setCommentStatus?.(
+        "Comments are unavailable for this video.",
+      );
+      return;
+    }
+
+    this.modalCommentState = {
+      videoEventId,
+      videoDefinitionAddress: videoDefinitionAddress || null,
+      videoKind: videoKind || null,
+      videoAuthorPubkey: videoAuthorPubkey || null,
+      videoRootId: videoRootId || null,
+      videoRootRelay: videoRootRelay || null,
+      parentCommentId: null,
+      parentCommentKind: null,
+      parentCommentPubkey: null,
+    };
+    this.modalCommentProfiles = new Map();
+    if (this.commentThreadService?.defaultLimit) {
+      this.modalCommentLimit = this.commentThreadService.defaultLimit;
+    }
+
+    this.videoModal.setCommentsVisibility?.(true);
+    this.videoModal.clearComments?.();
+    this.videoModal.resetCommentComposer?.();
+    this.videoModal.setCommentStatus?.("Loading comments…");
+
+    const loadResult = this.commentThreadService.loadThread({
+      video,
+      parentCommentId: null,
+      limit: this.modalCommentLimit,
+    });
+
+    if (!loadResult) {
+      this.applyCommentComposerAuthState();
+      return;
+    }
+
+    if (typeof loadResult.then !== "function") {
+      const didRenderSnapshot = this.handleCommentThreadReady(loadResult);
+      if (didRenderSnapshot === false) {
+        this.applyCommentComposerAuthState();
+      }
+      return;
+    }
+
+    this.modalCommentLoadPromise = loadResult;
+    loadResult
+      .then((snapshot) => {
+        if (this.modalCommentLoadPromise === loadResult) {
+          this.modalCommentLoadPromise = null;
+        }
+
+        const didRenderSnapshot = this.handleCommentThreadReady(snapshot);
+        if (didRenderSnapshot === false) {
+          this.applyCommentComposerAuthState();
+        }
+      })
+      .catch((error) => {
+        if (this.modalCommentLoadPromise === loadResult) {
+          this.modalCommentLoadPromise = null;
+        }
+        this.handleCommentThreadError(error);
+      });
+  }
+
+  submit(detail = {}) {
+    this.handleVideoModalCommentSubmit(detail);
+  }
+
+  retry(detail = {}) {
+    this.handleVideoModalCommentSubmit(detail);
+  }
+
+  loadMore() {
+    this.handleVideoModalCommentLoadMore();
+  }
+
+  handleLoginRequired(detail = {}) {
+    this.handleVideoModalCommentLoginRequired(detail);
+  }
+
+  async muteAuthor(detail = {}) {
+    await this.handleVideoModalCommentMute(detail);
+  }
+
+  refreshAuthState() {
+    this.applyCommentComposerAuthState();
+  }
+
+  dispose({ resetUi = true } = {}) {
+    if (this.commentThreadService) {
+      try {
+        this.commentThreadService.teardown();
+      } catch (error) {
+        devLogger.warn("[comment] Failed to teardown modal comment thread:", error);
+      }
+    }
+
+    this.modalCommentLoadPromise = null;
+    this.modalCommentPublishPromise = null;
+    this.modalCommentState = {
+      videoEventId: null,
+      videoDefinitionAddress: null,
+      videoKind: null,
+      videoAuthorPubkey: null,
+      videoRootId: null,
+      videoRootRelay: null,
+      parentCommentId: null,
+      parentCommentKind: null,
+      parentCommentPubkey: null,
+    };
+    this.modalCommentProfiles = new Map();
+    if (resetUi) {
+      this.resetModalCommentState();
+    }
+    this.videoModal?.setCommentSectionCallbacks?.({ teardown: null });
+    this.currentVideo = null;
+  }
+
+  destroy({ resetUi = true } = {}) {
+    this.dispose({ resetUi });
+    if (this.commentThreadService?.setCallbacks) {
+      this.commentThreadService.setCallbacks({
+        onThreadReady: null,
+        onCommentsAppended: null,
+        onError: null,
+      });
+    }
+    this.commentThreadService = null;
+    this.videoModal = null;
+  }
+
+  resetModalCommentState({ hide = true } = {}) {
+    if (!this.videoModal) {
+      return;
+    }
+
+    this.videoModal.clearComments?.();
+    this.videoModal.resetCommentComposer?.();
+    this.videoModal.setCommentComposerState?.({
+      disabled: true,
+      reason: "disabled",
+    });
+    if (hide) {
+      this.videoModal.setCommentsVisibility?.(false);
+    }
+    this.videoModal.setCommentStatus?.("");
+  }
+
+  applyCommentComposerAuthState() {
+    if (!this.videoModal) {
+      return;
+    }
+
+    if (!this.modalCommentState.videoEventId) {
+      return;
+    }
+
+    if (this.currentVideo?.enableComments === false) {
+      this.videoModal.showCommentsDisabledMessage?.(
+        "Comments have been turned off for this video.",
+      );
+      this.videoModal.setCommentComposerState?.({
+        disabled: true,
+        reason: "disabled",
+      });
+      return;
+    }
+
+    this.videoModal.hideCommentsDisabledMessage?.();
+
+    if (!this.auth.isLoggedIn()) {
+      this.videoModal.setCommentComposerState?.({
+        disabled: true,
+        reason: "login-required",
+      });
+      this.videoModal.setCommentsVisibility?.(true);
+      this.videoModal.setCommentStatus?.("");
+      return;
+    }
+
+    this.videoModal.setCommentComposerState?.({
+      disabled: false,
+      reason: "",
+    });
+    this.videoModal.setCommentStatus?.("");
+  }
+
+  handleCommentThreadReady(snapshot) {
+    if (!snapshot || !this.videoModal) {
+      return false;
+    }
+
+    const snapshotVideoEventId = normalizeHexId(snapshot.videoEventId);
+    const modalVideoEventId = normalizeHexId(this.modalCommentState.videoEventId);
+
+    if (!snapshotVideoEventId || snapshotVideoEventId !== modalVideoEventId) {
+      return false;
+    }
+
+    this.modalCommentProfiles = this.createMapFromInput(snapshot.profiles, {
+      normalizeKey: this.utils.normalizeHexPubkey,
+    });
+    this.modalCommentState.parentCommentId =
+      normalizeHexId(snapshot.parentCommentId) || null;
+    if (typeof snapshot.videoDefinitionAddress === "string") {
+      const pointer = normalizeString(snapshot.videoDefinitionAddress);
+      if (pointer) {
+        this.modalCommentState.videoDefinitionAddress = pointer;
+      }
+    }
+    const snapshotVideoKind = normalizeKind(snapshot.videoKind);
+    if (snapshotVideoKind) {
+      this.modalCommentState.videoKind = snapshotVideoKind;
+    }
+    const snapshotVideoAuthor = normalizeHexPubkey(snapshot.videoAuthorPubkey);
+    if (snapshotVideoAuthor) {
+      this.modalCommentState.videoAuthorPubkey = snapshotVideoAuthor;
+    }
+    const snapshotRootIdentifier = normalizeHexId(snapshot.rootIdentifier);
+    if (snapshotRootIdentifier) {
+      this.modalCommentState.videoRootId = snapshotRootIdentifier;
+    }
+    const snapshotRootRelay = normalizeRelay(snapshot.rootIdentifierRelay);
+    if (snapshotRootRelay) {
+      this.modalCommentState.videoRootRelay = snapshotRootRelay;
+    }
+    const snapshotParentKind = normalizeKind(snapshot.parentCommentKind);
+    if (snapshotParentKind) {
+      this.modalCommentState.parentCommentKind = snapshotParentKind;
+    }
+    const snapshotParentPubkey = normalizeHexPubkey(snapshot.parentCommentPubkey);
+    if (snapshotParentPubkey) {
+      this.modalCommentState.parentCommentPubkey = snapshotParentPubkey;
+    }
+
+    const sanitizedSnapshot = this.buildModalCommentSnapshot(snapshot);
+    this.videoModal.setCommentsVisibility?.(true);
+    this.videoModal.renderComments?.(sanitizedSnapshot);
+    this.videoModal.setCommentStatus?.("");
+    this.applyCommentComposerAuthState();
+    return true;
+  }
+
+  handleCommentThreadAppend(payload) {
+    if (!payload || !this.videoModal) {
+      return;
+    }
+
+    const payloadVideoEventId = normalizeHexId(payload.videoEventId);
+    const modalVideoEventId = normalizeHexId(this.modalCommentState.videoEventId);
+
+    if (!payloadVideoEventId || payloadVideoEventId !== modalVideoEventId) {
+      return;
+    }
+
+    const comments = this.createMapFromInput(payload.commentsById);
+    const childrenByParent = this.createChildrenMapFromInput(
+      payload.childrenByParent,
+    );
+    const profiles = this.createMapFromInput(payload.profiles, {
+      normalizeKey: this.utils.normalizeHexPubkey,
+    });
+    profiles.forEach((profile, pubkey) => {
+      this.modalCommentProfiles.set(pubkey, profile);
+    });
+
+    const payloadRootIdentifier = normalizeHexId(payload.rootIdentifier);
+    if (payloadRootIdentifier) {
+      this.modalCommentState.videoRootId = payloadRootIdentifier;
+    }
+    const payloadRootRelay = normalizeRelay(payload.rootIdentifierRelay);
+    if (payloadRootRelay) {
+      this.modalCommentState.videoRootRelay = payloadRootRelay;
+    }
+
+    const commentIds = Array.isArray(payload.commentIds)
+      ? payload.commentIds
+      : [];
+
+    if (
+      this.modalCommentState.parentCommentId &&
+      comments.has(this.modalCommentState.parentCommentId)
+    ) {
+      const parentEvent = comments.get(this.modalCommentState.parentCommentId);
+      const eventKind = normalizeKind(parentEvent?.kind);
+      if (eventKind) {
+        this.modalCommentState.parentCommentKind = eventKind;
+      }
+      const eventPubkey = normalizeHexPubkey(parentEvent?.pubkey);
+      if (eventPubkey) {
+        this.modalCommentState.parentCommentPubkey = eventPubkey;
+      }
+    }
+
+    const parentByChild = new Map();
+    childrenByParent.forEach((ids, parentId) => {
+      ids.forEach((id) => {
+        if (!parentByChild.has(id)) {
+          parentByChild.set(id, parentId);
+        }
+      });
+    });
+
+    let requiresFullRender = false;
+    for (const commentId of commentIds) {
+      if (!comments.has(commentId)) {
+        requiresFullRender = true;
+        break;
+      }
+      if (!parentByChild.has(commentId)) {
+        requiresFullRender = true;
+        break;
+      }
+      const parentId = parentByChild.get(commentId);
+      if (parentId) {
+        requiresFullRender = true;
+        break;
+      }
+    }
+
+    if (requiresFullRender) {
+      const snapshot = this.buildModalCommentSnapshot({
+        ...payload,
+        commentsById: comments,
+        childrenByParent,
+      });
+      this.videoModal.renderComments?.(snapshot);
+      return;
+    }
+
+    commentIds.forEach((commentId) => {
+      if (!comments.has(commentId)) {
+        return;
+      }
+      const event = comments.get(commentId);
+      if (!event || this.shouldHideModalComment(event)) {
+        return;
+      }
+      const enriched = this.enrichCommentEvent(event);
+      if (
+        this.modalCommentState.parentCommentId &&
+        commentId === this.modalCommentState.parentCommentId
+      ) {
+        const eventKind = normalizeKind(event.kind);
+        if (eventKind) {
+          this.modalCommentState.parentCommentKind = eventKind;
+        }
+        const eventPubkey = normalizeHexPubkey(event.pubkey);
+        if (eventPubkey) {
+          this.modalCommentState.parentCommentPubkey = eventPubkey;
+        }
+      }
+      this.videoModal.appendComment?.(enriched);
+    });
+  }
+
+  handleCommentThreadError(error) {
+    if (error) {
+      devLogger.warn("[comment]", error);
+    }
+    if (!this.videoModal) {
+      return;
+    }
+    this.videoModal.setCommentStatus?.(
+      "Failed to load comments. Please try again later.",
+    );
+    if (!this.auth.isLoggedIn()) {
+      this.videoModal.setCommentComposerState?.({
+        disabled: true,
+        reason: "login-required",
+      });
+    }
+  }
+
+  createMapFromInput(input, { normalizeKey = null } = {}) {
+    const map = new Map();
+    const applyKey = (key) => {
+      if (!normalizeKey) {
+        return key;
+      }
+      const normalized = normalizeKey(key);
+      return normalized === null || normalized === undefined ? null : normalized;
+    };
+
+    const setEntry = (key, value) => {
+      const normalizedKey = applyKey(key);
+      if (normalizedKey === null || normalizedKey === undefined) {
+        return;
+      }
+      map.set(normalizedKey, value);
+    };
+
+    if (input instanceof Map) {
+      input.forEach((value, key) => {
+        setEntry(key, value);
+      });
+      return map;
+    }
+    if (Array.isArray(input)) {
+      input.forEach((entry) => {
+        if (Array.isArray(entry) && entry.length >= 2) {
+          setEntry(entry[0], entry[1]);
+        }
+      });
+      return map;
+    }
+    if (input && typeof input === "object") {
+      Object.entries(input).forEach(([key, value]) => {
+        setEntry(key, value);
+      });
+    }
+    return map;
+  }
+
+  createChildrenMapFromInput(input) {
+    const source =
+      input instanceof Map ? input : this.createMapFromInput(input);
+    const result = new Map();
+    source.forEach((value, key) => {
+      let normalizedKey = key;
+      if (normalizedKey === null || normalizedKey === undefined) {
+        normalizedKey = null;
+      } else if (typeof normalizedKey === "string") {
+        const trimmed = normalizedKey.trim();
+        if (
+          !trimmed ||
+          trimmed === "null" ||
+          trimmed === "undefined" ||
+          trimmed === "__root__"
+        ) {
+          normalizedKey = null;
+        } else {
+          normalizedKey = normalizeHexId(trimmed) || trimmed;
+        }
+      }
+      const list = Array.isArray(value) ? value.filter(Boolean) : [];
+      result.set(normalizedKey, list);
+    });
+    return result;
+  }
+
+  enrichCommentEvent(event) {
+    const cloned = { ...(event || {}) };
+    const normalized = this.utils.normalizeHexPubkey(cloned.pubkey);
+    if (normalized && this.modalCommentProfiles.has(normalized)) {
+      cloned.profile = this.modalCommentProfiles.get(normalized);
+    }
+    return cloned;
+  }
+
+  buildModalCommentSnapshot(snapshot) {
+    const comments = this.createMapFromInput(snapshot?.commentsById);
+    const children = this.createChildrenMapFromInput(
+      snapshot?.childrenByParent,
+    );
+    const sanitizedComments = new Map();
+
+    comments.forEach((event, key) => {
+      if (!event || this.shouldHideModalComment(event)) {
+        return;
+      }
+      sanitizedComments.set(key, this.enrichCommentEvent(event));
+    });
+
+    const sanitizedChildren = new Map();
+    children.forEach((ids, parentId) => {
+      const seen = new Set();
+      const filtered = [];
+      ids.forEach((id) => {
+        if (!sanitizedComments.has(id) || seen.has(id)) {
+          return;
+        }
+        seen.add(id);
+        filtered.push(id);
+      });
+      sanitizedChildren.set(parentId, filtered);
+    });
+
+    return {
+      videoEventId: normalizeHexId(snapshot.videoEventId),
+      parentCommentId: normalizeHexId(snapshot.parentCommentId) || null,
+      rootIdentifier: normalizeHexId(snapshot.rootIdentifier) || null,
+      rootIdentifierRelay: snapshot.rootIdentifierRelay || null,
+      commentsById: sanitizedComments,
+      childrenByParent: sanitizedChildren,
+      profiles: this.modalCommentProfiles,
+    };
+  }
+
+  shouldHideModalComment(event) {
+    const normalized = this.utils.normalizeHexPubkey(event?.pubkey);
+    if (!normalized) {
+      return false;
+    }
+
+    try {
+      return Boolean(this.callbacks.shouldHideAuthor(normalized));
+    } catch (error) {
+      devLogger.warn("[comment] Failed to evaluate comment visibility:", error);
+      return false;
+    }
+  }
+
+  async handleVideoModalCommentSubmit(detail = {}) {
+    if (this.modalCommentPublishPromise) {
+      return;
+    }
+
+    const text = normalizeString(detail.text);
+    if (!text) {
+      return;
+    }
+
+    if (!this.auth.isLoggedIn()) {
+      this.videoModal.setCommentComposerState?.({
+        disabled: true,
+        reason: "login-required",
+      });
+      this.handleVideoModalCommentLoginRequired(detail);
+      return;
+    }
+
+    const video = this.currentVideo;
+    if (!video || video.enableComments === false) {
+      return;
+    }
+
+    const videoEventId = normalizeHexId(video.id);
+    let videoDefinitionAddress = buildVideoAddressPointer(video);
+    if (!videoDefinitionAddress && this.modalCommentState.videoDefinitionAddress) {
+      videoDefinitionAddress = normalizeString(
+        this.modalCommentState.videoDefinitionAddress,
+      );
+    }
+    const videoKind =
+      normalizeKind(this.modalCommentState.videoKind) || normalizeKind(video.kind);
+    const videoAuthorPubkey =
+      normalizeHexPubkey(this.modalCommentState.videoAuthorPubkey) ||
+      normalizeHexPubkey(video.pubkey);
+    const fallbackPointerRootId = normalizeHexId(video.pointerIdentifiers?.videoRootId);
+    const videoRootId =
+      normalizeHexId(this.modalCommentState.videoRootId) ||
+      normalizeHexId(video.videoRootId) ||
+      fallbackPointerRootId;
+    const videoRootRelay =
+      normalizeRelay(this.modalCommentState.videoRootRelay) ||
+      normalizeRelay(video.videoRootRelay || video.rootIdentifierRelay);
+
+    if (!videoEventId) {
+      this.callbacks.showError("Comments are unavailable for this video.");
+      return;
+    }
+
+    const parentCommentId = normalizeHexId(detail.parentId) || null;
+    let parentCommentKind = this.modalCommentState.parentCommentKind
+      ? normalizeKind(this.modalCommentState.parentCommentKind)
+      : "";
+    let parentCommentPubkey = this.modalCommentState.parentCommentPubkey
+      ? normalizeHexPubkey(this.modalCommentState.parentCommentPubkey)
+      : "";
+
+    if (parentCommentId && typeof this.commentThreadService?.getCommentEvent === "function") {
+      const parentEvent = this.commentThreadService.getCommentEvent(
+        parentCommentId,
+      );
+      if (parentEvent) {
+        const eventKind = normalizeKind(parentEvent.kind);
+        if (eventKind) {
+          parentCommentKind = eventKind;
+          this.modalCommentState.parentCommentKind = eventKind;
+        }
+        const eventPubkey = normalizeHexPubkey(parentEvent.pubkey);
+        if (eventPubkey) {
+          parentCommentPubkey = eventPubkey;
+          this.modalCommentState.parentCommentPubkey = eventPubkey;
+        }
+      }
+    }
+
+    if (!parentCommentKind && parentCommentId) {
+      parentCommentKind = String(COMMENT_EVENT_KIND);
+    }
+
+    this.videoModal.setCommentComposerState?.({
+      disabled: true,
+      reason: "submitting",
+    });
+
+    const publishPayload = {
+      videoEventId,
+      parentCommentId,
+    };
+
+    if (videoDefinitionAddress) {
+      publishPayload.videoDefinitionAddress = videoDefinitionAddress;
+    }
+    if (videoKind) {
+      publishPayload.videoKind = videoKind;
+      publishPayload.rootKind = videoKind;
+    }
+    if (videoAuthorPubkey) {
+      publishPayload.videoAuthorPubkey = videoAuthorPubkey;
+      publishPayload.rootAuthorPubkey = videoAuthorPubkey;
+    }
+    if (videoRootId) {
+      publishPayload.rootIdentifier = videoRootId;
+    }
+    if (videoRootRelay) {
+      publishPayload.rootIdentifierRelay = videoRootRelay;
+    }
+    if (parentCommentKind) {
+      publishPayload.parentCommentKind = parentCommentKind;
+    }
+    if (parentCommentPubkey) {
+      publishPayload.parentCommentPubkey = parentCommentPubkey;
+      publishPayload.parentAuthorPubkey = parentCommentPubkey;
+    }
+
+    const publishPromise = Promise.resolve(
+      this.services.publishComment(
+        publishPayload,
+        {
+          content: text,
+        },
+      ),
+    );
+
+    this.modalCommentPublishPromise = publishPromise;
+
+    try {
+      const result = await publishPromise;
+      if (!result?.ok || !result.event) {
+        throw result || { error: "publish-failed" };
+      }
+
+      const event = this.enrichCommentEvent(result.event);
+      if (this.commentThreadService) {
+        try {
+          this.commentThreadService.processIncomingEvent(event);
+        } catch (error) {
+          devLogger.warn(
+            "[comment] Failed to process optimistic comment event:",
+            error,
+          );
+          this.videoModal.appendComment?.(event);
+        }
+      } else {
+        this.videoModal.appendComment?.(event);
+      }
+
+      this.videoModal.resetCommentComposer?.();
+      this.applyCommentComposerAuthState();
+      this.videoModal.setCommentStatus?.("Comment posted.");
+    } catch (error) {
+      const authRequired =
+        (error && typeof error === "object" && error.error === "auth-required") ||
+        error === "auth-required";
+
+      if (authRequired) {
+        this.videoModal.setCommentComposerState?.({
+          disabled: true,
+          reason: "login-required",
+        });
+        this.handleVideoModalCommentLoginRequired(detail);
+        this.videoModal.setCommentComposerState?.({
+          disabled: true,
+          reason: "login-required",
+        });
+        return;
+      }
+
+      devLogger.warn("[comment] Failed to publish comment:", error);
+      this.videoModal.setCommentComposerState?.({
+        disabled: false,
+        reason: "error",
+      });
+      this.callbacks.showError("Failed to post comment. Please try again.");
+    } finally {
+      if (this.modalCommentPublishPromise === publishPromise) {
+        this.modalCommentPublishPromise = null;
+      }
+    }
+  }
+
+  handleVideoModalCommentLoadMore() {
+    if (!this.commentThreadService || !this.currentVideo) {
+      return;
+    }
+
+    if (this.modalCommentLoadPromise) {
+      return;
+    }
+
+    const increment = this.commentThreadService.defaultLimit || DEFAULT_LIMIT;
+    this.modalCommentLimit = (this.modalCommentLimit || increment) + increment;
+
+    const loadPromise = this.commentThreadService.loadThread({
+      video: this.currentVideo,
+      parentCommentId: this.modalCommentState.parentCommentId,
+      limit: this.modalCommentLimit,
+    });
+
+    if (!loadPromise || typeof loadPromise.then !== "function") {
+      return;
+    }
+
+    this.modalCommentLoadPromise = loadPromise;
+    loadPromise
+      .then(() => {
+        if (this.modalCommentLoadPromise === loadPromise) {
+          this.modalCommentLoadPromise = null;
+        }
+        this.applyCommentComposerAuthState();
+      })
+      .catch((error) => {
+        if (this.modalCommentLoadPromise === loadPromise) {
+          this.modalCommentLoadPromise = null;
+        }
+        devLogger.warn("[comment] Failed to load more comments:", error);
+        this.callbacks.showError(
+          "Failed to load more comments. Please try again.",
+        );
+      });
+  }
+
+  handleVideoModalCommentLoginRequired(detail = {}) {
+    this.applyCommentComposerAuthState();
+    try {
+      this.auth.initializeLoginModalController({ logIfMissing: true });
+    } catch (error) {
+      devLogger.warn(
+        "[comment] Failed to initialize login modal controller:",
+        error,
+      );
+    }
+
+    const triggerElement = detail?.triggerElement || null;
+    try {
+      const loginModalController = this.auth.getLoginModalController();
+      if (
+        loginModalController &&
+        typeof loginModalController.openModal === "function"
+      ) {
+        const opened = loginModalController.openModal({ triggerElement });
+        if (opened) {
+          return;
+        }
+      }
+    } catch (error) {
+      devLogger.warn("[comment] Failed to open login modal:", error);
+    }
+
+    Promise.resolve(
+      this.auth.requestLogin({ allowAccountSelection: true }),
+    ).catch((error) => {
+      devLogger.warn("[comment] Login request failed:", error);
+    });
+  }
+
+  async handleVideoModalCommentMute(detail = {}) {
+    const pubkey = normalizeHexPubkey(detail?.pubkey);
+    if (!pubkey) {
+      return;
+    }
+
+    if (!this.auth.isLoggedIn()) {
+      this.handleVideoModalCommentLoginRequired(detail);
+      return;
+    }
+
+    try {
+      await Promise.resolve(this.callbacks.muteAuthor(pubkey));
+      const snapshot = this.commentThreadService?.getSnapshot?.();
+      if (snapshot) {
+        this.handleCommentThreadReady(snapshot);
+      }
+      this.callbacks.showStatus?.("Author muted.");
+    } catch (error) {
+      devLogger.warn("[comment] Failed to mute author:", error);
+      this.callbacks.showError("Failed to mute this author. Please try again.");
+    }
+  }
+}
diff --git a/dist/js/ui/videoModalController.js b/dist/js/ui/videoModalController.js
new file mode 100644
index 00000000..7f32497a
--- /dev/null
+++ b/dist/js/ui/videoModalController.js
@@ -0,0 +1,202 @@
+import { devLogger } from "../utils/logger.js";
+
+export default class VideoModalController {
+  constructor({
+    getVideoModal,
+    callbacks: {
+      showError,
+      getLastModalTrigger,
+      setLastModalTrigger,
+      getCurrentVideo,
+    } = {},
+  }) {
+    this.getVideoModal = getVideoModal;
+    this.showError = showError;
+    this.getLastModalTrigger = getLastModalTrigger;
+    this.setLastModalTrigger = setLastModalTrigger;
+    this.getCurrentVideo = getCurrentVideo;
+
+    this.videoModalReadyPromise = null;
+  }
+
+  get videoModal() {
+    return this.getVideoModal ? this.getVideoModal() : null;
+  }
+
+  log(message, ...args) {
+    devLogger.log("[VideoModalController]", message, ...args);
+  }
+
+  /**
+   * Show the modal and set the "Please stand by" poster on the video.
+   */
+  async showModalWithPoster(video = null, options = {}) {
+    if (!this.videoModal) {
+      return null;
+    }
+
+    if (Object.prototype.hasOwnProperty.call(options || {}, "trigger")) {
+      if (this.setLastModalTrigger) {
+        this.setLastModalTrigger(options.trigger);
+      }
+    }
+
+    const targetVideo =
+      video || (this.getCurrentVideo ? this.getCurrentVideo() : null);
+    if (!targetVideo) {
+      this.log("Skipping video modal open; no target video is available.");
+      return null;
+    }
+
+    try {
+      const { root } = await this.ensureVideoModalReady({
+        ensureVideoElement: true,
+      });
+
+      if (!this.videoModal) {
+        return root || null;
+      }
+
+      const trigger = this.getLastModalTrigger
+        ? this.getLastModalTrigger()
+        : null;
+      this.videoModal.open(targetVideo, {
+        triggerElement: trigger,
+      });
+      this.applyModalLoadingPoster();
+
+      return (
+        root ||
+        (typeof this.videoModal.getRoot === "function"
+          ? this.videoModal.getRoot()
+          : null)
+      );
+    } catch (error) {
+      devLogger.error(
+        "[VideoModalController] Failed to open the video modal before playback:",
+        error,
+      );
+      if (this.showError) {
+        this.showError("Could not open the video player. Please try again.");
+      }
+      return null;
+    }
+  }
+
+  applyModalLoadingPoster() {
+    if (!this.videoModal) {
+      return;
+    }
+    this.videoModal.applyLoadingPoster();
+  }
+
+  forceRemoveModalPoster(reason = "manual-clear") {
+    if (!this.videoModal) {
+      return false;
+    }
+    return this.videoModal.forceRemovePoster(reason);
+  }
+
+  async ensureVideoModalReady({ ensureVideoElement = false } = {}) {
+    if (!this.videoModal) {
+      throw new Error("Video modal instance is not available.");
+    }
+
+    const getRoot = () =>
+      typeof this.videoModal.getRoot === "function"
+        ? this.videoModal.getRoot()
+        : null;
+    const getVideoElement = () =>
+      typeof this.videoModal.getVideoElement === "function"
+        ? this.videoModal.getVideoElement()
+        : null;
+
+    const existingRoot = getRoot();
+    const existingVideoElement = getVideoElement();
+    const rootConnected = Boolean(existingRoot && existingRoot.isConnected);
+    const hasVideoElement = Boolean(existingVideoElement);
+    const videoConnected = Boolean(
+      existingVideoElement && existingVideoElement.isConnected,
+    );
+
+    const needsRehydrate =
+      !rootConnected || !hasVideoElement || !videoConnected;
+
+    if (!needsRehydrate) {
+      if (
+        existingVideoElement &&
+        this.videoModal &&
+        typeof this.videoModal.setVideoElement === "function"
+      ) {
+        const currentModalVideo =
+          typeof this.videoModal.getVideoElement === "function"
+            ? this.videoModal.getVideoElement()
+            : null;
+        if (currentModalVideo !== existingVideoElement) {
+          this.videoModal.setVideoElement(existingVideoElement);
+        }
+      }
+
+      return {
+        root: existingRoot,
+        videoElement: existingVideoElement,
+      };
+    }
+
+    if (!videoConnected) {
+      if (
+        this.videoModal &&
+        typeof this.videoModal.setVideoElement === "function"
+      ) {
+        this.videoModal.setVideoElement(null);
+      }
+    }
+
+    if (!this.videoModalReadyPromise) {
+      if (typeof this.videoModal.load !== "function") {
+        throw new Error("Video modal does not expose a load() method.");
+      }
+      this.videoModalReadyPromise = Promise.resolve(this.videoModal.load());
+    }
+
+    try {
+      await this.videoModalReadyPromise;
+    } catch (error) {
+      this.videoModalReadyPromise = null;
+      throw error;
+    }
+
+    this.videoModalReadyPromise = null;
+
+    const readyRoot = getRoot();
+    const readyVideoElement = getVideoElement();
+    const readyVideoConnected = Boolean(
+      readyVideoElement && readyVideoElement.isConnected,
+    );
+
+    if (readyVideoConnected) {
+      if (
+        this.videoModal &&
+        typeof this.videoModal.setVideoElement === "function"
+      ) {
+        this.videoModal.setVideoElement(readyVideoElement);
+      }
+    } else {
+      if (
+        this.videoModal &&
+        typeof this.videoModal.setVideoElement === "function"
+      ) {
+        this.videoModal.setVideoElement(null);
+      }
+    }
+
+    if (ensureVideoElement && !readyVideoConnected) {
+      throw new Error("Video modal video element is missing after load().");
+    }
+
+    return {
+      root: readyRoot,
+      videoElement: readyVideoConnected ? readyVideoElement : null,
+    };
+  }
+}
diff --git a/dist/js/ui/videoSettingsMenuController.js b/dist/js/ui/videoSettingsMenuController.js
new file mode 100644
index 00000000..11dd2918
--- /dev/null
+++ b/dist/js/ui/videoSettingsMenuController.js
@@ -0,0 +1,171 @@
+import createPopoverDefault from "./overlay/popoverEngine.js";
+import { createVideoSettingsMenuPanel as createVideoSettingsMenuPanelDefault } from "./components/videoMenuRenderers.js";
+import { userLogger } from "../utils/logger.js";
+import { normalizeDesignSystemContext } from "../designSystem.js";
+
+export default class VideoSettingsMenuController {
+  constructor(options = {}) {
+    const {
+      designSystem = null,
+      isDevMode = false,
+      createPopover = createPopoverDefault,
+      createVideoSettingsMenuPanel = createVideoSettingsMenuPanelDefault,
+    } = options;
+
+    this.createPopover = createPopover;
+    this.createVideoSettingsMenuPanel = createVideoSettingsMenuPanel;
+    this.designSystem = normalizeDesignSystemContext(designSystem);
+    this.isDevMode = Boolean(isDevMode);
+    this.popovers = new Map();
+  }
+
+  ensurePopover(detail = {}) {
+    const trigger = detail.trigger || null;
+    if (!trigger) {
+      return null;
+    }
+
+    let entry = this.popovers.get(trigger);
+    if (!entry) {
+      entry = {
+        trigger,
+        context: {
+          card: detail.card || null,
+          video: detail.video || null,
+          index: Number.isFinite(detail.index) ? Math.floor(detail.index) : 0,
+          capabilities: detail.capabilities || {},
+          restoreFocusOnClose: detail.restoreFocus !== false,
+        },
+        popover: null,
+      };
+
+      const render = ({ document: documentRef, close }) => {
+        const panel = this.createVideoSettingsMenuPanel({
+          document: documentRef,
+          video: entry.context.video,
+          index: entry.context.index,
+          capabilities: entry.context.capabilities,
+          designSystem: this.designSystem,
+        });
+
+        if (!panel) {
+          return null;
+        }
+
+        const buttons = panel.querySelectorAll("button[data-action]");
+        buttons.forEach((button) => {
+          button.addEventListener("click", (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+
+            const action = button.dataset.action || "";
+            const handled = entry.context.card?.handleSettingsMenuAction?.(
+              action,
+              { event },
+            );
+
+            if (!handled && this.isDevMode) {
+              userLogger.warn(`[SettingsMenu] Unhandled action: ${action}`);
+            }
+
+            close();
+          });
+        });
+
+        return panel;
+      };
+
+      const documentRef =
+        trigger.ownerDocument ||
+        (typeof document !== "undefined" ? document : null);
+
+      const popover = this.createPopover(trigger, render, {
+        document: documentRef,
+        placement: "bottom-end",
+      });
+
+      const originalDestroy = popover.destroy?.bind(popover);
+      if (typeof originalDestroy === "function") {
+        popover.destroy = (...args) => {
+          originalDestroy(...args);
+          if (this.popovers.get(trigger) === entry) {
+            this.popovers.delete(trigger);
+          }
+        };
+      }
+
+      entry.popover = popover;
+      this.popovers.set(trigger, entry);
+    }
+
+    entry.context = {
+      ...entry.context,
+      card: detail.card || entry.context.card,
+      video: detail.video || entry.context.video,
+      index: Number.isFinite(detail.index)
+        ? Math.floor(detail.index)
+        : entry.context.index,
+      capabilities: detail.capabilities || entry.context.capabilities,
+      restoreFocusOnClose: detail.restoreFocus !== false,
+    };
+
+    return entry;
+  }
+
+  requestMenu(detail = {}) {
+    const entry = this.ensurePopover(detail);
+    if (!entry?.popover) {
+      return;
+    }
+
+    if (typeof entry.popover.isOpen === "function" && entry.popover.isOpen()) {
+      entry.popover.close({
+        restoreFocus: entry.context.restoreFocusOnClose !== false,
+      });
+      return;
+    }
+
+    entry.popover
+      .open()
+      .catch((error) =>
+        userLogger.error("[SettingsMenu] Failed to open popover:", error),
+      );
+  }
+
+  closeMenu(detail = {}) {
+    const trigger = detail.trigger || null;
+    const restoreFocus = detail.restoreFocus !== false;
+
+    if (trigger) {
+      const entry = this.popovers.get(trigger);
+      if (entry?.popover && typeof entry.popover.close === "function") {
+        return entry.popover.close({ restoreFocus });
+      }
+      return false;
+    }
+
+    return this.closeAll({ restoreFocus });
+  }
+
+  closeAll(options = {}) {
+    let closed = false;
+    const restoreFocus = options?.restoreFocus !== false;
+
+    this.popovers.forEach((entry) => {
+      if (entry?.popover && typeof entry.popover.close === "function") {
+        const result = entry.popover.close({ restoreFocus });
+        closed = closed || result;
+      }
+    });
+    return closed;
+  }
+
+  destroy() {
+    this.popovers.forEach((entry) => {
+        if (entry?.popover && typeof entry.popover.destroy === "function") {
+            entry.popover.destroy();
+        }
+    });
+    this.popovers.clear();
+  }
+}
diff --git a/dist/js/ui/views/VideoListView.js b/dist/js/ui/views/VideoListView.js
new file mode 100644
index 00000000..099a0b3d
--- /dev/null
+++ b/dist/js/ui/views/VideoListView.js
@@ -0,0 +1,1358 @@
+import { VideoCard } from "../components/VideoCard.js";
+import { HashtagStripHelper } from "../components/hashtagStripHelper.js";
+import {
+  subscribeToVideoViewCount,
+  unsubscribeFromVideoViewCount,
+} from "../../viewCounter.js";
+import { normalizeDesignSystemContext } from "../../designSystem.js";
+import { userLogger } from "../../utils/logger.js";
+
+const EMPTY_VIDEO_LIST_SIGNATURE = "__EMPTY__";
+
+export class VideoListView {
+  constructor(options = {}) {
+    const {
+      document: doc = typeof document !== "undefined" ? document : null,
+      container = null,
+      mediaLoader = null,
+      badgeHelpers = {},
+      formatters = {},
+      helpers = {},
+      assets = {},
+      state = {},
+      utils = {},
+      renderers = {},
+      allowNsfw = true,
+      designSystem = null,
+    } = options;
+
+    this.document = doc;
+    this.window = this.document?.defaultView ||
+      (typeof window !== "undefined" ? window : null);
+    this.container = null;
+    this.mediaLoader = mediaLoader;
+
+    this.badgeHelpers = {
+      attachHealthBadges: badgeHelpers.attachHealthBadges || (() => {}),
+      attachUrlHealthBadges:
+        badgeHelpers.attachUrlHealthBadges || (() => {}),
+    };
+
+    this.formatters = {
+      formatTimeAgo: formatters.formatTimeAgo || ((timestamp) => timestamp),
+      formatViewCountLabel:
+        formatters.formatViewCountLabel || ((total) => `${total}`),
+    };
+
+    this.helpers = {
+      escapeHtml: helpers.escapeHtml || ((value) => value),
+      isMagnetSupported: helpers.isMagnetSupported || (() => false),
+      toLocaleString: helpers.toLocaleString || ((value) => value),
+    };
+
+    this.assets = {
+      fallbackThumbnailSrc: assets.fallbackThumbnailSrc || "",
+      unsupportedBtihMessage: assets.unsupportedBtihMessage || "",
+    };
+
+    this.state = {
+      loadedThumbnails:
+        state.loadedThumbnails instanceof Map ? state.loadedThumbnails : new Map(),
+      videosMap: state.videosMap instanceof Map ? state.videosMap : new Map(),
+      urlHealthByVideoId:
+        state.urlHealthByVideoId instanceof Map
+          ? state.urlHealthByVideoId
+          : new Map(),
+      streamHealthByVideoId:
+        state.streamHealthByVideoId instanceof Map
+          ? state.streamHealthByVideoId
+          : new Map(),
+      feedMetadata:
+        state.feedMetadata && typeof state.feedMetadata === "object"
+          ? { ...state.feedMetadata }
+          : null,
+    };
+
+    this.renderers = {
+      getLoadingMarkup:
+        typeof renderers.getLoadingMarkup === "function"
+          ? renderers.getLoadingMarkup
+          : () => "",
+    };
+
+    this.utils = {
+      dedupeVideos:
+        typeof utils.dedupeVideos === "function"
+          ? utils.dedupeVideos
+          : (videos) => (Array.isArray(videos) ? [...videos] : []),
+      getAllEvents:
+        typeof utils.getAllEvents === "function" ? utils.getAllEvents : () => [],
+      hasOlderVersion:
+        typeof utils.hasOlderVersion === "function"
+          ? utils.hasOlderVersion
+          : () => false,
+      derivePointerInfo:
+        typeof utils.derivePointerInfo === "function"
+          ? utils.derivePointerInfo
+          : () => null,
+      persistWatchHistoryMetadata:
+        typeof utils.persistWatchHistoryMetadata === "function"
+          ? utils.persistWatchHistoryMetadata
+          : () => {},
+      getShareUrlBase:
+        typeof utils.getShareUrlBase === "function"
+          ? utils.getShareUrlBase
+          : () => "",
+      buildShareUrlFromNevent:
+        typeof utils.buildShareUrlFromNevent === "function"
+          ? utils.buildShareUrlFromNevent
+          : () => "",
+      buildShareUrlFromEventId:
+        typeof utils.buildShareUrlFromEventId === "function"
+          ? utils.buildShareUrlFromEventId
+          : () => "",
+      getKnownVideoPostedAt:
+        typeof utils.getKnownVideoPostedAt === "function"
+          ? utils.getKnownVideoPostedAt
+          : () => null,
+      resolveVideoPostedAt:
+        typeof utils.resolveVideoPostedAt === "function"
+          ? utils.resolveVideoPostedAt
+          : null,
+      canManageBlacklist:
+        typeof utils.canManageBlacklist === "function"
+          ? utils.canManageBlacklist
+          : () => false,
+      canEditVideo:
+        typeof utils.canEditVideo === "function" ? utils.canEditVideo : () => false,
+      canDeleteVideo:
+        typeof utils.canDeleteVideo === "function"
+          ? utils.canDeleteVideo
+          : (video) => this.utils.canEditVideo(video),
+      batchFetchProfiles:
+        typeof utils.batchFetchProfiles === "function"
+          ? utils.batchFetchProfiles
+          : () => {},
+      bindThumbnailFallbacks:
+        typeof utils.bindThumbnailFallbacks === "function"
+          ? utils.bindThumbnailFallbacks
+          : () => {},
+      handleUrlHealthBadge:
+        typeof utils.handleUrlHealthBadge === "function"
+          ? utils.handleUrlHealthBadge
+          : () => {},
+      refreshDiscussionCounts:
+        typeof utils.refreshDiscussionCounts === "function"
+          ? utils.refreshDiscussionCounts
+          : () => {},
+      ensureGlobalMoreMenuHandlers:
+        typeof utils.ensureGlobalMoreMenuHandlers === "function"
+          ? utils.ensureGlobalMoreMenuHandlers
+          : () => {},
+      closeAllMenus:
+        typeof utils.closeAllMenus === "function" ? utils.closeAllMenus : () => {},
+      requestMoreMenu:
+        typeof utils.requestMoreMenu === "function"
+          ? utils.requestMoreMenu
+          : () => {},
+      closeMoreMenu:
+        typeof utils.closeMoreMenu === "function"
+          ? utils.closeMoreMenu
+          : () => false,
+      requestSettingsMenu:
+        typeof utils.requestSettingsMenu === "function"
+          ? utils.requestSettingsMenu
+          : () => {},
+      closeSettingsMenu:
+        typeof utils.closeSettingsMenu === "function"
+          ? utils.closeSettingsMenu
+          : () => false,
+    };
+
+    this.renderedVideoIds = new Set();
+    this.videoCardInstances = [];
+    this.viewCountSubscriptions = new Map();
+    this.currentVideos = [];
+    this.lastRenderedVideoSignature = null;
+    this._lastRenderedVideoListElement = null;
+
+    this.popularTagHelper = new HashtagStripHelper({
+      document: this.document,
+      window: this.window,
+      logger: userLogger,
+      scrollable: true,
+    });
+    this.popularTagHelper.setContext("popular-tags");
+    this.popularTagHelper.setActivateHandler((detail) =>
+      this.handlePopularTagActivate(detail),
+    );
+
+    this.handlers = {
+      playback: null,
+      edit: null,
+      revert: null,
+      delete: null,
+      blacklist: null,
+      moderationOverride: null,
+      moderationBlock: null,
+      moderationHide: null,
+      tagActivate: null,
+    };
+
+    this.allowNsfw = allowNsfw !== false;
+    this.designSystem = normalizeDesignSystemContext(designSystem);
+
+    this.emitter = typeof EventTarget !== "undefined" ? new EventTarget() : null;
+    this._boundClickHandler = this.handleContainerClick.bind(this);
+
+    if (container) {
+      this.setContainer(container);
+    }
+  }
+
+  addEventListener(type, listener, options) {
+    if (!this.emitter) return;
+    this.emitter.addEventListener(type, listener, options);
+  }
+
+  removeEventListener(type, listener, options) {
+    if (!this.emitter) return;
+    this.emitter.removeEventListener(type, listener, options);
+  }
+
+  dispatchEvent(event) {
+    if (!this.emitter) {
+      return false;
+    }
+    return this.emitter.dispatchEvent(event);
+  }
+
+  setContainer(container) {
+    if (container === this.container) {
+      return;
+    }
+
+    if (this.container) {
+      this.container.removeEventListener("click", this._boundClickHandler);
+    }
+
+    this.container = container || null;
+
+    if (this.container) {
+      this.container.addEventListener("click", this._boundClickHandler);
+    }
+  }
+
+  mount(container) {
+    this.setContainer(container);
+    return this.container;
+  }
+
+  unmount() {
+    this.setContainer(null);
+  }
+
+  showLoading(message = "") {
+    if (!this.container) {
+      return;
+    }
+
+    const markup = this.renderers.getLoadingMarkup(message);
+    if (typeof markup === "string") {
+      this.container.innerHTML = markup;
+    }
+  }
+
+  destroy() {
+    this.unmount();
+    this.teardownAllViewCountSubscriptions();
+    this.renderedVideoIds.clear();
+    this.videoCardInstances = [];
+    this.currentVideos = [];
+    this.lastRenderedVideoSignature = null;
+    this._lastRenderedVideoListElement = null;
+    if (this.popularTagHelper) {
+      this.popularTagHelper.destroy();
+    }
+  }
+
+  setPlaybackHandler(handler) {
+    this.handlers.playback = typeof handler === "function" ? handler : null;
+  }
+
+  setEditHandler(handler) {
+    this.handlers.edit = typeof handler === "function" ? handler : null;
+  }
+
+  setRevertHandler(handler) {
+    this.handlers.revert = typeof handler === "function" ? handler : null;
+  }
+
+  setDeleteHandler(handler) {
+    this.handlers.delete = typeof handler === "function" ? handler : null;
+  }
+
+  setBlacklistHandler(handler) {
+    this.handlers.blacklist = typeof handler === "function" ? handler : null;
+  }
+
+  setModerationOverrideHandler(handler) {
+    this.handlers.moderationOverride = typeof handler === "function" ? handler : null;
+  }
+
+  setModerationBlockHandler(handler) {
+    this.handlers.moderationBlock =
+      typeof handler === "function" ? handler : null;
+  }
+
+  setModerationHideHandler(handler) {
+    this.handlers.moderationHide =
+      typeof handler === "function" ? handler : null;
+  }
+
+  setTagActivationHandler(handler) {
+    this.handlers.tagActivate = typeof handler === "function" ? handler : null;
+  }
+
+  setTagPreferenceStateResolver(resolver) {
+    if (this.popularTagHelper) {
+      this.popularTagHelper.setTagStateResolver(resolver);
+    }
+  }
+
+  setPopularTagsContainer(container) {
+    if (this.popularTagHelper) {
+      this.popularTagHelper.mount(container || null);
+    }
+  }
+
+  updatePopularTags(videos) {
+    if (this.popularTagHelper) {
+      this.popularTagHelper.update(videos);
+    }
+  }
+
+  render(videos, metadata = null) {
+    if (!this.container) {
+      return [];
+    }
+
+    if (this._lastRenderedVideoListElement !== this.container) {
+      this.lastRenderedVideoSignature = null;
+      this._lastRenderedVideoListElement = this.container;
+    }
+
+    const normalizedMetadata =
+      metadata && typeof metadata === "object" ? { ...metadata } : null;
+    this.state.feedMetadata = normalizedMetadata;
+
+    const source = Array.isArray(videos) ? videos : [];
+    const dedupedVideos = this.utils.dedupeVideos(source);
+    const displayVideos = dedupedVideos.filter((video) => {
+      const canEdit = this.utils.canEditVideo(video);
+      const isPrivate = video?.isPrivate === true;
+      if (!this.allowNsfw && video?.isNsfw === true && !canEdit) {
+        return false;
+      }
+      return canEdit || !isPrivate;
+    });
+
+    this.updatePopularTags(displayVideos);
+
+    this.syncViewCountSubscriptions(displayVideos);
+    this.cleanupThumbnailCache(displayVideos);
+    this.cleanupHealthCache(displayVideos);
+
+    if (!displayVideos.length) {
+      this.renderedVideoIds.clear();
+      this.videoCardInstances = [];
+      if (this.lastRenderedVideoSignature === EMPTY_VIDEO_LIST_SIGNATURE) {
+        return displayVideos;
+      }
+      this.lastRenderedVideoSignature = EMPTY_VIDEO_LIST_SIGNATURE;
+      this.container.innerHTML = `
+        <p class="flex justify-center items-center h-full w-full text-center text-subtle">
+          No public videos available yet. Be the first to upload one!
+        </p>`;
+      return displayVideos;
+    }
+
+    const preserveOrder =
+      normalizedMetadata?.sortOrder === "explore" ||
+      normalizedMetadata?.preserveOrder === true;
+
+    if (!preserveOrder) {
+      displayVideos.sort(
+        (a, b) =>
+          this.getVideoPostedAtForSort(b) - this.getVideoPostedAtForSort(a),
+      );
+    }
+    this.currentVideos = displayVideos.slice();
+
+    const signaturePayload = displayVideos.map((video) => ({
+      id: typeof video?.id === "string" ? video.id : "",
+      createdAt: Number.isFinite(video?.created_at)
+        ? video.created_at
+        : Number(video?.created_at) || 0,
+      postedAt: (() => {
+        const timestamp = this.getVideoPostedAtForSort(video);
+        return Number.isFinite(timestamp) ? timestamp : 0;
+      })(),
+      deleted: Boolean(video?.deleted),
+      isPrivate: Boolean(video?.isPrivate),
+      isNsfw: Boolean(video?.isNsfw),
+      isForKids: Boolean(video?.isForKids),
+      thumbnail: typeof video?.thumbnail === "string" ? video.thumbnail : "",
+      url: typeof video?.url === "string" ? video.url : "",
+      magnet: typeof video?.magnet === "string" ? video.magnet : "",
+      enableComments: video?.enableComments === false ? false : true,
+    }));
+    const signature = JSON.stringify(signaturePayload);
+
+    if (signature === this.lastRenderedVideoSignature) {
+      return displayVideos;
+    }
+    this.lastRenderedVideoSignature = signature;
+
+    const previouslyRenderedIds = new Set(this.renderedVideoIds);
+    this.renderedVideoIds.clear();
+
+    const allEvents = this.utils.getAllEvents();
+    const fragment = this.document?.createDocumentFragment?.();
+    if (!fragment) {
+      return displayVideos;
+    }
+
+    const authorSet = new Set();
+    const shareBase = this.computeShareBase();
+    const canManageBlacklist = this.utils.canManageBlacklist();
+    this.videoCardInstances = [];
+
+    displayVideos.forEach((video, index) => {
+      if (!video || !video.id || !video.title) {
+        return;
+      }
+
+      authorSet.add(video.pubkey);
+
+      const reporterPubkeys = Array.isArray(video?.moderation?.reporterPubkeys)
+        ? video.moderation.reporterPubkeys
+        : [];
+      reporterPubkeys.forEach((pubkey) => {
+        if (typeof pubkey === "string" && pubkey.trim()) {
+          authorSet.add(pubkey.trim());
+        }
+      });
+
+      const shareUrl = this.buildShareUrl(video, shareBase);
+      const canEdit = this.utils.canEditVideo(video);
+      const canDelete = this.utils.canDeleteVideo(video);
+      let cardState = "";
+      if (canEdit && video.isPrivate) {
+        cardState = "private";
+      }
+      const viewerSeesBlockedNsfw =
+        !this.allowNsfw && video?.isNsfw === true && canEdit;
+      if (viewerSeesBlockedNsfw) {
+        cardState = "critical";
+      }
+      const isNewlyRendered = !previouslyRenderedIds.has(video.id);
+      const motionState = isNewlyRendered ? "enter" : "";
+      const knownPostedAt = this.utils.getKnownVideoPostedAt(video);
+      const normalizedPostedAt = Number.isFinite(knownPostedAt)
+        ? Math.floor(knownPostedAt)
+        : null;
+      const fallbackTimestamp =
+        normalizedPostedAt !== null
+          ? normalizedPostedAt
+          : (() => {
+              const sortTimestamp = this.getVideoPostedAtForSort(video);
+              return Number.isFinite(sortTimestamp) ? sortTimestamp : null;
+            })();
+      const timeAgo =
+        fallbackTimestamp !== null
+          ? this.formatters.formatTimeAgo(fallbackTimestamp)
+          : "";
+
+      let hasOlder = false;
+      if (canEdit && video.videoRootId) {
+        hasOlder = this.utils.hasOlderVersion(video, allEvents);
+      }
+
+      const pointerInfo = this.utils.derivePointerInfo(video);
+      if (pointerInfo) {
+        this.utils.persistWatchHistoryMetadata(video, pointerInfo);
+      }
+
+      const identity = {
+        name:
+          typeof video.creatorName === "string" && video.creatorName
+            ? video.creatorName
+            : typeof video.authorName === "string"
+              ? video.authorName
+              : "",
+        picture:
+          typeof video.creatorPicture === "string" && video.creatorPicture
+            ? video.creatorPicture
+            : typeof video.authorPicture === "string"
+              ? video.authorPicture
+              : "",
+        pubkey: typeof video.pubkey === "string" ? video.pubkey : "",
+        npub:
+          typeof video.npub === "string" && video.npub
+            ? video.npub
+            : typeof video.authorNpub === "string"
+              ? video.authorNpub
+              : "",
+        shortNpub:
+          typeof video.shortNpub === "string" && video.shortNpub
+            ? video.shortNpub
+            : typeof video.creatorNpub === "string"
+              ? video.creatorNpub
+              : "",
+      };
+
+      const videoCard = new VideoCard({
+        document: this.document,
+        video,
+        index,
+        shareUrl,
+        pointerInfo,
+        timeAgo,
+        postedAt: normalizedPostedAt,
+        cardState,
+        motionState,
+        identity,
+        nsfwContext: {
+          isNsfw: video?.isNsfw === true,
+          allowNsfw: this.allowNsfw,
+          viewerIsOwner: canEdit,
+        },
+        capabilities: {
+          canEdit,
+          canDelete,
+          canRevert: hasOlder,
+          canManageBlacklist,
+        },
+        helpers: {
+          escapeHtml: this.helpers.escapeHtml,
+          isMagnetSupported: this.helpers.isMagnetSupported,
+          toLocaleString: this.helpers.toLocaleString,
+        },
+        assets: {
+          fallbackThumbnailSrc: this.assets.fallbackThumbnailSrc,
+          unsupportedBtihMessage: this.assets.unsupportedBtihMessage,
+        },
+        state: {
+          loadedThumbnails: this.state.loadedThumbnails,
+          urlHealthByVideoId: this.state.urlHealthByVideoId,
+          streamHealthByVideoId: this.state.streamHealthByVideoId,
+        },
+        ensureGlobalMoreMenuHandlers: () =>
+          this.utils.ensureGlobalMoreMenuHandlers(),
+        onRequestCloseAllMenus: (detail = {}) =>
+          this.closeAllMenus({ restoreFocus: false, ...detail }),
+        formatters: {
+          formatTimeAgo: this.formatters.formatTimeAgo,
+        },
+        designSystem: this.designSystem,
+      });
+
+      videoCard.onPlay = ({ event: domEvent, video: cardVideo }) => {
+        const trigger = domEvent?.currentTarget || domEvent?.target;
+        const detail = this.extractPlaybackDetail(trigger, cardVideo || video);
+        this.emitSelected(detail);
+      };
+
+      videoCard.onModerationOverride = ({ event: overrideEvent }) => {
+        if (!this.handlers.moderationOverride) {
+          return false;
+        }
+        const trigger =
+          overrideEvent?.currentTarget || overrideEvent?.target || null;
+        return this.handlers.moderationOverride({
+          event: overrideEvent,
+          video,
+          card: videoCard,
+          trigger,
+        });
+      };
+
+      videoCard.onModerationBlock = ({ event: blockEvent }) => {
+        if (!this.handlers.moderationBlock) {
+          return false;
+        }
+        const trigger =
+          blockEvent?.currentTarget || blockEvent?.target || null;
+        return this.handlers.moderationBlock({
+          event: blockEvent,
+          video,
+          card: videoCard,
+          trigger,
+        });
+      };
+
+      videoCard.onModerationHide = ({ event: hideEvent }) => {
+        if (!this.handlers.moderationHide) {
+          return false;
+        }
+        const trigger =
+          hideEvent?.currentTarget || hideEvent?.target || null;
+        return this.handlers.moderationHide({
+          event: hideEvent,
+          video,
+          card: videoCard,
+          trigger,
+        });
+      };
+
+      videoCard.onEdit = ({ event: editEvent, video: editVideo, index: editIndex }) => {
+        if (this.handlers.edit) {
+          const trigger = editEvent?.currentTarget || editEvent?.target || null;
+          this.handlers.edit({
+            video: editVideo,
+            index: editIndex,
+            trigger,
+          });
+        }
+      };
+
+      videoCard.onRevert = ({
+        event: revertEvent,
+        video: revertVideo,
+        index: revertIndex,
+      }) => {
+        if (this.handlers.revert) {
+          const trigger = revertEvent?.currentTarget || revertEvent?.target || null;
+          this.handlers.revert({
+            video: revertVideo,
+            index: revertIndex,
+            trigger,
+          });
+        }
+      };
+
+      videoCard.onDelete = ({
+        event: deleteEvent,
+        video: deleteVideo,
+        index: deleteIndex,
+      }) => {
+        if (this.handlers.delete) {
+          const trigger = deleteEvent?.currentTarget || deleteEvent?.target || null;
+          this.handlers.delete({
+            video: deleteVideo,
+            index: deleteIndex,
+            trigger,
+          });
+        }
+      };
+
+      videoCard.onMoreAction = ({ dataset }) => {
+        const action = dataset?.action || "";
+        if (action === "blacklist-author") {
+          if (this.handlers.blacklist) {
+            this.handlers.blacklist({ video, dataset });
+          }
+          return;
+        }
+
+        if (action === "copy-link") {
+          const shareDetail = this.buildShareDetail(video, dataset);
+          this.emitShare(shareDetail);
+          return;
+        }
+
+        this.emitContextAction(action, { video, dataset });
+      };
+
+      videoCard.onAuthorNavigate = ({ pubkey }) => {
+        this.emitContextAction("open-channel", {
+          video,
+          dataset: { author: pubkey || video.pubkey || "", context: "card" },
+        });
+      };
+
+      videoCard.onRequestMoreMenu = (detail = {}) => {
+        if (typeof this.utils.requestMoreMenu !== "function") {
+          return;
+        }
+        const payload = {
+          ...detail,
+          video: detail.video || video,
+          pointerInfo: detail.pointerInfo || pointerInfo,
+        };
+        this.utils.requestMoreMenu(payload);
+      };
+
+      videoCard.onCloseMoreMenu = (detail = {}) => {
+        if (typeof this.utils.closeMoreMenu === "function") {
+          return this.utils.closeMoreMenu(detail);
+        }
+        return false;
+      };
+
+      videoCard.onRequestSettingsMenu = (detail = {}) => {
+        if (typeof this.utils.requestSettingsMenu === "function") {
+          this.utils.requestSettingsMenu(detail);
+        }
+      };
+
+      videoCard.onCloseSettingsMenu = (detail = {}) => {
+        if (typeof this.utils.closeSettingsMenu === "function") {
+          return this.utils.closeSettingsMenu(detail);
+        }
+        return false;
+      };
+
+      const cardEl = videoCard.getRoot();
+      if (!cardEl) {
+        return;
+      }
+
+      if (pointerInfo) {
+        this.registerVideoViewCountElement(cardEl, pointerInfo);
+      }
+
+      if (video && video.id) {
+        this.state.videosMap.set(video.id, video);
+      }
+
+      fragment.appendChild(cardEl);
+      this.renderedVideoIds.add(video.id);
+      this.videoCardInstances.push(videoCard);
+
+      const shouldResolvePostedAt =
+        normalizedPostedAt === null &&
+        typeof this.utils.resolveVideoPostedAt === "function";
+
+      if (shouldResolvePostedAt) {
+        Promise.resolve(this.utils.resolveVideoPostedAt(video))
+          .then((resolvedPostedAt) => {
+            if (!Number.isFinite(resolvedPostedAt)) {
+              return;
+            }
+            if (!this.videoCardInstances.includes(videoCard)) {
+              return;
+            }
+            if (videoCard.video?.id !== video.id) {
+              return;
+            }
+            videoCard.updatePostedAt(Math.floor(resolvedPostedAt));
+          })
+          .catch((error) => {
+            if (this.window?.userLogger?.warn) {
+              this.window.userLogger.warn(
+                "[VideoListView] Failed to resolve posted timestamp:",
+                error
+              );
+            }
+          });
+      }
+    });
+
+    this.container.innerHTML = "";
+    this.container.appendChild(fragment);
+
+    this.badgeHelpers.attachHealthBadges(this.container);
+    this.badgeHelpers.attachUrlHealthBadges(this.container, ({ badgeEl, url, eventId }) => {
+      this.utils.handleUrlHealthBadge({
+        video: this.state.videosMap.get(eventId) || { id: eventId },
+        url,
+        badgeEl,
+      });
+    });
+
+    this.utils.bindThumbnailFallbacks(this.container);
+
+    if (this.mediaLoader && typeof this.mediaLoader.observe === "function") {
+      const lazyEls = this.container.querySelectorAll("[data-lazy]");
+      lazyEls.forEach((el) => this.mediaLoader.observe(el));
+    }
+
+    if (authorSet.size) {
+      this.utils.batchFetchProfiles(authorSet);
+    }
+    this.utils.refreshDiscussionCounts(displayVideos, {
+      container: this.container,
+    });
+    this.pruneDetachedViewCountElements();
+
+    return displayVideos;
+  }
+
+  cacheUrlHealth(videoId, entry) {
+    if (!videoId || !(this.state.urlHealthByVideoId instanceof Map)) {
+      return;
+    }
+
+    if (!entry || typeof entry !== "object") {
+      this.state.urlHealthByVideoId.delete(videoId);
+      return;
+    }
+
+    const normalized = {
+      status:
+        typeof entry.status === "string" && entry.status ? entry.status : "checking",
+      message:
+        typeof entry.message === "string" && entry.message
+          ? entry.message
+          : "⏳ CDN",
+    };
+
+    if (Number.isFinite(entry.lastCheckedAt)) {
+      normalized.lastCheckedAt = Math.floor(entry.lastCheckedAt);
+    }
+
+    this.state.urlHealthByVideoId.set(videoId, normalized);
+  }
+
+  cacheStreamHealth(videoId, entry) {
+    if (!videoId || !(this.state.streamHealthByVideoId instanceof Map)) {
+      return;
+    }
+
+    if (!entry || typeof entry !== "object") {
+      this.state.streamHealthByVideoId.delete(videoId);
+      return;
+    }
+
+    const normalized = {
+      state:
+        typeof entry.state === "string" && entry.state ? entry.state : "unknown",
+    };
+
+    if (Number.isFinite(entry.peers)) {
+      normalized.peers = Math.max(0, Number(entry.peers));
+    }
+    if (typeof entry.webseedOnly === "boolean") {
+      normalized.webseedOnly = entry.webseedOnly;
+    }
+    if (typeof entry.reason === "string" && entry.reason) {
+      normalized.reason = entry.reason;
+    }
+    if (Number.isFinite(entry.checkedAt)) {
+      normalized.checkedAt = Math.floor(entry.checkedAt);
+    }
+    if (typeof entry.text === "string" && entry.text) {
+      normalized.text = entry.text;
+    }
+    if (typeof entry.tooltip === "string" && entry.tooltip) {
+      normalized.tooltip = entry.tooltip;
+    }
+    if (entry.role === "alert" || entry.role === "status") {
+      normalized.role = entry.role;
+    }
+    if (entry.ariaLive === "assertive" || entry.ariaLive === "polite") {
+      normalized.ariaLive = entry.ariaLive;
+    }
+
+    this.state.streamHealthByVideoId.set(videoId, normalized);
+  }
+
+  cleanupHealthCache(videos) {
+    const activeIds = new Set();
+    if (Array.isArray(videos)) {
+      videos.forEach((video) => {
+        if (video && typeof video.id === "string" && video.id) {
+          activeIds.add(video.id);
+        }
+      });
+    }
+
+    if (this.state.urlHealthByVideoId instanceof Map) {
+      Array.from(this.state.urlHealthByVideoId.keys()).forEach((videoId) => {
+        if (!activeIds.has(videoId)) {
+          this.state.urlHealthByVideoId.delete(videoId);
+        }
+      });
+    }
+
+    if (this.state.streamHealthByVideoId instanceof Map) {
+      Array.from(this.state.streamHealthByVideoId.keys()).forEach((videoId) => {
+        if (!activeIds.has(videoId)) {
+          this.state.streamHealthByVideoId.delete(videoId);
+        }
+      });
+    }
+  }
+
+  updateVideo(videoId, patch) {
+    if (!videoId) {
+      return null;
+    }
+
+    const index = this.currentVideos.findIndex((video) => video?.id === videoId);
+    if (index === -1) {
+      return null;
+    }
+
+    const current = this.currentVideos[index] || {};
+    const next =
+      typeof patch === "function" ? patch({ ...current }) : { ...current, ...patch };
+
+    this.currentVideos[index] = next;
+    this.state.videosMap.set(videoId, next);
+    this.render(this.currentVideos.slice(), this.state.feedMetadata);
+    return next;
+  }
+
+  getVideoPostedAtForSort(video) {
+    if (!video || typeof video !== "object") {
+      return Number.NEGATIVE_INFINITY;
+    }
+
+    const known = this.utils.getKnownVideoPostedAt(video);
+    if (Number.isFinite(known)) {
+      return Math.floor(known);
+    }
+
+    if (Number.isFinite(video?.rootCreatedAt)) {
+      return Math.floor(video.rootCreatedAt);
+    }
+
+    if (Number.isFinite(video?.nip71Source?.created_at)) {
+      return Math.floor(video.nip71Source.created_at);
+    }
+
+    if (Number.isFinite(video?.created_at)) {
+      return Math.floor(video.created_at);
+    }
+
+    return Number.NEGATIVE_INFINITY;
+  }
+
+  computeShareBase() {
+    const explicit = this.utils.getShareUrlBase();
+    if (explicit) {
+      return explicit;
+    }
+
+    const win = this.window;
+    if (win?.location) {
+      const origin = win.location.origin || "";
+      const pathname = win.location.pathname || "";
+      if (origin || pathname) {
+        return `${origin}${pathname}`;
+      }
+      if (win.location.href) {
+        return win.location.href.split(/[?#]/)[0];
+      }
+    }
+    return "";
+  }
+
+  buildShareUrl(video, shareBase) {
+    if (!video?.id) {
+      return "#";
+    }
+
+    const win = this.window;
+    try {
+      const nevent = win?.NostrTools?.nip19?.neventEncode({ id: video.id });
+      if (nevent) {
+        const explicit = this.utils.buildShareUrlFromNevent(nevent);
+        if (explicit) {
+          return explicit;
+        }
+        if (shareBase) {
+          return `${shareBase}?v=${encodeURIComponent(nevent)}`;
+        }
+      }
+    } catch (error) {
+      // ignore and fall back below
+    }
+
+    if (shareBase) {
+      return `${shareBase}?v=${encodeURIComponent(video.id)}`;
+    }
+
+    return "#";
+  }
+
+  syncViewCountSubscriptions(videos) {
+    const activePointerKeys = new Set();
+    videos.forEach((video) => {
+      const pointerInfo = this.utils.derivePointerInfo(video);
+      if (pointerInfo?.key) {
+        activePointerKeys.add(pointerInfo.key);
+      }
+    });
+
+    const keysToRemove = [];
+    for (const [key, entry] of this.viewCountSubscriptions.entries()) {
+      if (!activePointerKeys.has(key)) {
+        keysToRemove.push(key);
+        continue;
+      }
+      if (entry && entry.elements instanceof Set) {
+        entry.elements.clear();
+      }
+    }
+
+    keysToRemove.forEach((key) => {
+      const entry = this.viewCountSubscriptions.get(key);
+      if (entry && entry.pointer && entry.token) {
+        try {
+          unsubscribeFromVideoViewCount(entry.pointer, entry.token);
+        } catch (error) {
+          userLogger.warn(
+            `[viewCount] Failed to unsubscribe from stale pointer ${key}:`,
+            error
+          );
+        }
+      }
+      this.viewCountSubscriptions.delete(key);
+    });
+  }
+
+  cleanupThumbnailCache(videos) {
+    const cache = this.state.loadedThumbnails;
+    if (!cache || !cache.size) {
+      return;
+    }
+
+    if (!Array.isArray(videos) || videos.length === 0) {
+      return;
+    }
+
+    const activeIds = new Set();
+    videos.forEach((video) => {
+      if (video && typeof video.id === "string" && video.id) {
+        activeIds.add(video.id);
+      }
+    });
+
+    Array.from(cache.keys()).forEach((videoId) => {
+      if (!activeIds.has(videoId)) {
+        cache.delete(videoId);
+      }
+    });
+  }
+
+  extractPlaybackDetail(trigger, video) {
+    const element = trigger instanceof HTMLElement ? trigger : null;
+    const target = element?.closest("[data-play-url],[data-play-magnet]") || element;
+
+    const rawUrlValue =
+      (target?.dataset && typeof target.dataset.playUrl === "string"
+        ? target.dataset.playUrl
+        : null) ?? target?.getAttribute?.("data-play-url") ?? "";
+    const rawMagnetValue =
+      (target?.dataset && typeof target.dataset.playMagnet === "string"
+        ? target.dataset.playMagnet
+        : null) ?? target?.getAttribute?.("data-play-magnet") ?? "";
+    const rawInfoJsonValue =
+      (target?.dataset && typeof target.dataset.infoJson === "string"
+        ? target.dataset.infoJson
+        : null) ?? target?.getAttribute?.("data-info-json") ?? "";
+
+    let url = "";
+    if (rawUrlValue) {
+      try {
+        url = decodeURIComponent(rawUrlValue);
+      } catch (error) {
+        url = rawUrlValue;
+      }
+    }
+
+    const magnet = typeof rawMagnetValue === "string" ? rawMagnetValue : "";
+    let infoJsonUrl = "";
+    if (rawInfoJsonValue) {
+      try {
+        infoJsonUrl = decodeURIComponent(rawInfoJsonValue);
+      } catch (error) {
+        infoJsonUrl = rawInfoJsonValue;
+      }
+    }
+    const videoId =
+      target?.dataset?.videoId || target?.getAttribute?.("data-video-id") || video?.id || "";
+
+    return { videoId, url, magnet, infoJsonUrl, video, trigger: element };
+  }
+
+  emitSelected(detail) {
+    const enriched = {
+      ...detail,
+      video: detail?.video || this.state.videosMap.get(detail?.videoId) || null,
+    };
+
+    if (this.handlers.playback) {
+      this.handlers.playback(enriched);
+    }
+
+    this.emit("video:selected", enriched);
+  }
+
+  buildShareDetail(video, dataset = {}) {
+    const eventId = dataset.eventId || video?.id || "";
+    const shareUrl = this.utils.buildShareUrlFromEventId(eventId);
+    return {
+      action: "copy-link",
+      video,
+      eventId,
+      shareUrl,
+      dataset,
+    };
+  }
+
+  emitShare(detail) {
+    this.emit("video:share", detail);
+  }
+
+  emitContextAction(action, payload = {}) {
+    if (!action) {
+      return;
+    }
+    this.emit("video:context-action", { action, ...payload });
+  }
+
+  emit(type, detail) {
+    if (this.emitter) {
+      this.emitter.dispatchEvent(new CustomEvent(type, { detail }));
+    }
+    if (this.container) {
+      this.container.dispatchEvent(
+        new CustomEvent(type, { detail, bubbles: true, composed: true })
+      );
+    }
+  }
+
+  ensureViewCountSubscription(pointerInfo) {
+    if (!pointerInfo || !pointerInfo.key || !pointerInfo.pointer) {
+      return null;
+    }
+
+    const existing = this.viewCountSubscriptions.get(pointerInfo.key);
+    if (existing) {
+      return existing;
+    }
+
+    const entry = {
+      pointer: pointerInfo.pointer,
+      key: pointerInfo.key,
+      token: null,
+      elements: new Set(),
+      lastTotal: null,
+      lastStatus: "idle",
+      lastPartial: false,
+      lastText: "– views",
+    };
+
+    try {
+      const token = subscribeToVideoViewCount(pointerInfo.pointer, ({ total, status, partial }) => {
+        let text;
+        if (Number.isFinite(total)) {
+          const numeric = Number(total);
+          entry.lastTotal = numeric;
+          text = this.formatters.formatViewCountLabel(numeric);
+          if (partial) {
+            text = `${text} (partial)`;
+          }
+        } else if (status === "hydrating") {
+          text = "Loading views…";
+        } else {
+          text = "– views";
+        }
+
+        entry.lastStatus = status;
+        entry.lastPartial = Boolean(partial);
+        entry.lastText = text;
+
+        for (const el of Array.from(entry.elements)) {
+          if (!el || !el.isConnected) {
+            entry.elements.delete(el);
+            continue;
+          }
+          el.textContent = text;
+          if (entry.lastPartial) {
+            el.dataset.viewCountState = "partial";
+          } else {
+            el.dataset.viewCountState = status;
+          }
+        }
+      });
+      entry.token = token;
+      this.viewCountSubscriptions.set(pointerInfo.key, entry);
+      return entry;
+    } catch (error) {
+      userLogger.warn("[viewCount] Failed to subscribe to view counter:", error);
+      return null;
+    }
+  }
+
+  registerVideoViewCountElement(cardEl, pointerInfo) {
+    if (!cardEl || !pointerInfo) {
+      return;
+    }
+
+    const viewCountEl = cardEl.querySelector("[data-view-count]");
+    if (!viewCountEl) {
+      return;
+    }
+
+    if (!viewCountEl.textContent || !viewCountEl.textContent.trim()) {
+      viewCountEl.textContent = "– views";
+    }
+
+    const entry = this.ensureViewCountSubscription(pointerInfo);
+    if (!entry) {
+      return;
+    }
+
+    entry.elements.add(viewCountEl);
+    if (typeof pointerInfo.key === "string") {
+      viewCountEl.dataset.viewPointer = pointerInfo.key;
+    }
+    viewCountEl.dataset.viewCountState = entry.lastPartial
+      ? "partial"
+      : entry.lastStatus;
+    viewCountEl.textContent = entry.lastText;
+  }
+
+  pruneDetachedViewCountElements() {
+    for (const entry of this.viewCountSubscriptions.values()) {
+      if (!entry || !(entry.elements instanceof Set)) {
+        continue;
+      }
+      for (const el of Array.from(entry.elements)) {
+        if (!el || !el.isConnected) {
+          entry.elements.delete(el);
+        }
+      }
+    }
+  }
+
+  teardownAllViewCountSubscriptions() {
+    const keys = Array.from(this.viewCountSubscriptions.keys());
+    keys.forEach((key) => {
+      const entry = this.viewCountSubscriptions.get(key);
+      if (entry && entry.token && entry.pointer) {
+        try {
+          unsubscribeFromVideoViewCount(entry.pointer, entry.token);
+        } catch (error) {
+          userLogger.warn(
+            `[viewCount] Failed to unsubscribe from pointer ${key}:`,
+            error
+          );
+        }
+      }
+      this.viewCountSubscriptions.delete(key);
+    });
+  }
+
+  closeAllMenus(options = {}) {
+    const restoreFocus = options?.restoreFocus !== false;
+    const skipCard = options?.skipCard || null;
+    const skipTrigger = options?.skipTrigger || null;
+
+    if (Array.isArray(this.videoCardInstances) && this.videoCardInstances.length) {
+      this.videoCardInstances.forEach((card) => {
+        if (!card) {
+          return;
+        }
+
+        if (skipCard && card === skipCard) {
+          if (typeof card.closeSettingsMenu === "function") {
+            card.closeSettingsMenu({ restoreFocus });
+          }
+          return;
+        }
+
+        if (typeof card.closeMoreMenu === "function") {
+          card.closeMoreMenu({ restoreFocus });
+        }
+        if (typeof card.closeSettingsMenu === "function") {
+          card.closeSettingsMenu({ restoreFocus });
+        }
+      });
+    }
+
+    if (options?.skipController) {
+      return;
+    }
+
+    if (typeof this.utils.closeAllMenus === "function") {
+      const payload = { skipView: true, restoreFocus };
+      if (skipTrigger) {
+        payload.skipTrigger = skipTrigger;
+      }
+      this.utils.closeAllMenus(payload);
+    }
+  }
+
+  handleContainerClick(event) {
+    if (!event || !this.container) {
+      return;
+    }
+
+    const target = event.target instanceof HTMLElement ? event.target : null;
+    if (!target) {
+      return;
+    }
+
+    const trigger = target.closest("[data-play-magnet],[data-play-url]");
+    if (!trigger || !this.container.contains(trigger)) {
+      return;
+    }
+
+    const isPrimaryClick =
+      typeof event.button !== "number" || event.button === 0;
+    if (!isPrimaryClick || event.ctrlKey || event.metaKey) {
+      return;
+    }
+
+    event.preventDefault();
+
+    const detail = this.extractPlaybackDetail(trigger, null);
+    this.emitSelected(detail);
+  }
+
+  refreshTagPreferenceStates() {
+    if (this.popularTagHelper) {
+      this.popularTagHelper.refreshTagPreferenceStates();
+    }
+  }
+
+  handlePopularTagActivate(detail = {}, options = {}) {
+    const candidate =
+      detail && typeof detail === "object" ? detail : { tag: detail };
+    const tag = candidate.tag;
+    const event = candidate.event || options.event || null;
+    let trigger = candidate.trigger || candidate.button || options.button || null;
+    if (!trigger && event && event.target) {
+      trigger =
+        event.target.closest?.("button[data-tag]") ||
+        event.currentTarget ||
+        null;
+    }
+    const context =
+      typeof candidate.context === "string" && candidate.context
+        ? candidate.context
+        : "popular-tags";
+    const normalizedTag =
+      typeof tag === "string" && tag.trim() ? tag.trim() : String(tag ?? "");
+    if (!normalizedTag) {
+      return;
+    }
+
+    const payload = {
+      tag: normalizedTag,
+      event,
+      trigger,
+      context,
+    };
+
+    if (typeof this.handlers.tagActivate === "function") {
+      try {
+        this.handlers.tagActivate(payload);
+      } catch (error) {
+        userLogger.warn(
+          "[VideoListView] Tag activation handler threw an error:",
+          error,
+        );
+      }
+    }
+
+    this.emit("tag:activate", payload);
+  }
+}
diff --git a/dist/js/ui/watchHistoryController.js b/dist/js/ui/watchHistoryController.js
new file mode 100644
index 00000000..4f2d9dc9
--- /dev/null
+++ b/dist/js/ui/watchHistoryController.js
@@ -0,0 +1,371 @@
+import { isDevMode } from "../config.js";
+import {
+  normalizePointerInput,
+  pointerKey as derivePointerKey,
+} from "../nostr/watchHistory.js";
+import { normalizeDesignSystemContext } from "../designSystem.js";
+import { devLogger } from "../utils/logger.js";
+
+const noop = () => {};
+
+function resolveCardElement(trigger) {
+  if (!(trigger instanceof HTMLElement)) {
+    return null;
+  }
+  const candidate = trigger.closest("[data-history-card]");
+  return candidate instanceof HTMLElement ? candidate : null;
+}
+
+function safeInvoke(callback, payload) {
+  if (typeof callback !== "function") {
+    return;
+  }
+  try {
+    callback(payload);
+  } catch (error) {
+    devLogger.warn(
+      "[watchHistoryController] onStateChange handler failed:",
+      error,
+    );
+  }
+}
+
+export default class WatchHistoryController {
+  constructor({
+    watchHistoryService,
+    nostrClient,
+    showError,
+    showSuccess,
+    dropWatchHistoryMetadata,
+    getActivePubkey,
+    designSystem,
+  } = {}) {
+    this.watchHistoryService = watchHistoryService || null;
+    this.nostrClient = nostrClient || null;
+    this.showError = typeof showError === "function" ? showError : noop;
+    this.showSuccess = typeof showSuccess === "function" ? showSuccess : noop;
+    this.dropWatchHistoryMetadata =
+      typeof dropWatchHistoryMetadata === "function"
+        ? dropWatchHistoryMetadata
+        : noop;
+    this.getActivePubkey =
+      typeof getActivePubkey === "function" ? getActivePubkey : () => "";
+    this.designSystem = normalizeDesignSystemContext(designSystem);
+  }
+
+  buildPointerFromDataset(dataset = {}) {
+    if (!dataset || typeof dataset !== "object") {
+      return null;
+    }
+
+    const typeValue =
+      typeof dataset.pointerType === "string" ? dataset.pointerType : "";
+    const normalizedType = typeValue === "a" ? "a" : typeValue === "e" ? "e" : "";
+    const value =
+      typeof dataset.pointerValue === "string" && dataset.pointerValue.trim()
+        ? dataset.pointerValue.trim()
+        : "";
+
+    if (!normalizedType || !value) {
+      return null;
+    }
+
+    const pointer = { type: normalizedType, value };
+
+    if (typeof dataset.pointerRelay === "string" && dataset.pointerRelay.trim()) {
+      pointer.relay = dataset.pointerRelay.trim();
+    }
+
+    if (typeof dataset.pointerWatchedAt === "string" && dataset.pointerWatchedAt) {
+      const parsed = Number.parseInt(dataset.pointerWatchedAt, 10);
+      if (Number.isFinite(parsed)) {
+        pointer.watchedAt = parsed;
+      }
+    }
+
+    if (dataset.pointerSession === "true") {
+      pointer.session = true;
+    }
+
+    return pointer;
+  }
+
+  resolvePointerKey(pointer, explicitKey) {
+    if (typeof explicitKey === "string" && explicitKey.trim()) {
+      return explicitKey.trim();
+    }
+
+    const normalized = normalizePointerInput(pointer);
+    if (!normalized) {
+      return "";
+    }
+
+    try {
+      return derivePointerKey(normalized) || "";
+    } catch (error) {
+      devLogger.warn(
+        "[watchHistoryController] Failed to derive pointer key:",
+        error,
+      );
+      return "";
+    }
+  }
+
+  applyCardState(card, { status, removeCard } = {}) {
+    if (!(card instanceof HTMLElement)) {
+      return;
+    }
+
+    if (status === "pending") {
+      card.dataset.historyRemovalPending = "true";
+      card.classList.add("opacity-60");
+      card.classList.add("pointer-events-none");
+      return;
+    }
+
+    delete card.dataset.historyRemovalPending;
+    card.classList.remove("opacity-60", "pointer-events-none");
+
+    if (status === "removed" && removeCard) {
+      card.remove();
+    }
+  }
+
+  resolveActor(actor) {
+    if (typeof actor === "string" && actor.trim()) {
+      return actor.trim();
+    }
+
+    const candidate = this.getActivePubkey();
+    if (typeof candidate === "string" && candidate.trim()) {
+      return candidate.trim();
+    }
+
+    const sessionPubkey = this.nostrClient?.sessionActor?.pubkey;
+    if (typeof sessionPubkey === "string" && sessionPubkey.trim()) {
+      return sessionPubkey.trim();
+    }
+
+    return "";
+  }
+
+  async removeEntry(options = {}) {
+    if (!this.watchHistoryService?.isEnabled?.()) {
+      this.showError("Watch history sync is not available right now.");
+      const error = new Error("watch-history-disabled");
+      error.handled = true;
+      throw error;
+    }
+
+    const {
+      dataset = {},
+      pointer: pointerInput = null,
+      pointerKey: explicitPointerKey = "",
+      reason: providedReason,
+      trigger = null,
+      removeCard = false,
+      actor,
+      items,
+      onStateChange,
+    } = options;
+
+    const pointer = pointerInput || this.buildPointerFromDataset(dataset);
+    const pointerKey = this.resolvePointerKey(pointer, explicitPointerKey || dataset.pointerKey);
+
+    if (!pointerKey) {
+      this.showError("Unable to determine which history entry to remove.");
+      return null;
+    }
+
+    const reason =
+      typeof providedReason === "string" && providedReason.trim()
+        ? providedReason.trim()
+        : typeof dataset.reason === "string" && dataset.reason.trim()
+        ? dataset.reason.trim()
+        : "remove-item";
+
+    const card = resolveCardElement(trigger);
+    this.applyCardState(card, { status: "pending" });
+    safeInvoke(onStateChange, { status: "pending", card, removeCard });
+
+    try {
+      const result = await this.handleWatchHistoryRemoval({
+        actor,
+        items,
+        reason,
+        removed: {
+          pointer,
+          pointerKey,
+        },
+      });
+
+      this.applyCardState(card, { status: removeCard ? "removed" : "idle", removeCard });
+      safeInvoke(onStateChange, {
+        status: removeCard ? "removed" : "idle",
+        card,
+        removeCard,
+        result,
+      });
+
+      return result;
+    } catch (error) {
+      this.applyCardState(card, { status: "idle" });
+      safeInvoke(onStateChange, { status: "error", card, error, removeCard });
+
+      if (!error?.handled) {
+        this.showError("Failed to remove from history. Please try again.");
+      }
+
+      throw error;
+    }
+  }
+
+  async handleWatchHistoryRemoval(payload = {}) {
+    if (!this.watchHistoryService?.isEnabled?.()) {
+      const error = new Error("watch-history-disabled");
+      error.handled = true;
+      this.showError("Watch history sync is not available right now.");
+      throw error;
+    }
+
+    const reason =
+      typeof payload.reason === "string" && payload.reason.trim()
+        ? payload.reason.trim()
+        : "remove-item";
+
+    const actorCandidate = this.resolveActor(payload.actor);
+
+    const removedPointerRaw =
+      payload?.removed?.pointer || payload?.removed?.raw || payload?.removed || null;
+    const removedPointerNormalized = normalizePointerInput(removedPointerRaw);
+    let removedPointerKey =
+      typeof payload?.removed?.pointerKey === "string"
+        ? payload.removed.pointerKey
+        : "";
+    if (!removedPointerKey && removedPointerNormalized) {
+      removedPointerKey = derivePointerKey(removedPointerNormalized) || "";
+    }
+
+    if (removedPointerKey) {
+      this.dropWatchHistoryMetadata(removedPointerKey);
+    }
+
+    const normalizeEntry = (entry) => {
+      if (!entry) {
+        return null;
+      }
+      const pointer = normalizePointerInput(entry.pointer || entry);
+      if (!pointer) {
+        return null;
+      }
+      if (Number.isFinite(entry.watchedAt)) {
+        pointer.watchedAt = Math.floor(entry.watchedAt);
+      } else if (Number.isFinite(entry.pointer?.watchedAt)) {
+        pointer.watchedAt = Math.floor(entry.pointer.watchedAt);
+      }
+      if (entry.pointer?.session === true || entry.session === true) {
+        pointer.session = true;
+      }
+      return pointer;
+    };
+
+    let normalizedItems = null;
+
+    if (Array.isArray(payload.items) && payload.items.length) {
+      normalizedItems = payload.items.map(normalizeEntry).filter(Boolean);
+    }
+
+    if (!normalizedItems) {
+      try {
+        const latest = await this.watchHistoryService.loadLatest(
+          actorCandidate,
+          { allowStale: false },
+        );
+        normalizedItems = Array.isArray(latest)
+          ? latest.map(normalizeEntry).filter(Boolean)
+          : [];
+      } catch (error) {
+        const message =
+          error?.code === "watch-history-extension-permission-denied"
+            ? error.message
+            : "Failed to load watch history. Please try again.";
+        this.showError(message);
+        if (error && typeof error === "object") {
+          error.handled = true;
+        }
+        throw error;
+      }
+    }
+
+    if (removedPointerKey) {
+      normalizedItems = normalizedItems.filter((entry) => {
+        try {
+          return derivePointerKey(entry) !== removedPointerKey;
+        } catch (error) {
+          return true;
+        }
+      });
+    }
+
+    this.showSuccess("Removing from history…");
+
+    try {
+      const snapshotResult = await this.watchHistoryService.snapshot(normalizedItems, {
+        actor: actorCandidate || undefined,
+        reason,
+      });
+
+      try {
+        await this.nostrClient?.updateWatchHistoryList?.(normalizedItems, {
+          actorPubkey: actorCandidate || undefined,
+          replace: true,
+          source: reason,
+        });
+      } catch (updateError) {
+        devLogger.warn(
+          "[watchHistoryController] Failed to update local watch history list:",
+          updateError,
+        );
+      }
+
+      this.showSuccess(
+        "Removed from encrypted history. Relay sync may take a moment.",
+      );
+
+      return { handledToasts: true, snapshot: snapshotResult };
+    } catch (error) {
+      let message = "Failed to remove from history. Please try again.";
+      if (error?.result?.retryable) {
+        message =
+          "Removal will retry once encrypted history is accepted by your relays.";
+      }
+      this.showError(message);
+      if (error && typeof error === "object") {
+        error.handled = true;
+      }
+      throw error;
+    }
+  }
+
+  flush(reason = "session-end", context = "watch-history") {
+    if (!this.watchHistoryService?.isEnabled?.()) {
+      return Promise.resolve();
+    }
+    try {
+      const result = this.watchHistoryService.snapshot(undefined, { reason });
+      return Promise.resolve(result).catch((error) => {
+        devLogger.warn(
+          `[${context}] Watch history flush failed:`,
+          error,
+        );
+        throw error;
+      });
+    } catch (error) {
+      devLogger.warn(
+        `[${context}] Failed to queue watch history flush:`,
+        error,
+      );
+      return Promise.reject(error);
+    }
+  }
+}
diff --git a/dist/js/ui/zapController.js b/dist/js/ui/zapController.js
new file mode 100644
index 00000000..c4985272
--- /dev/null
+++ b/dist/js/ui/zapController.js
@@ -0,0 +1,1205 @@
+import { isDevMode } from "../config.js";
+import { LOGIN_TO_ZAP_MESSAGE } from "../payments/zapMessages.js";
+import {
+  calculateZapShares,
+  fetchLightningMetadata,
+  formatMinRequirement,
+  getCachedLightningEntry,
+  getCachedMetadataByUrl,
+  getCachedPlatformLightningAddress,
+  isZapAllowanceExhaustedError,
+  isMetadataEntryFresh,
+  normalizeLightningAddressKey,
+  rememberLightningMetadata,
+  setCachedPlatformLightningAddress,
+  buildZapAllowanceExhaustedMessage,
+  validateInvoiceAmount,
+} from "../payments/zapSharedState.js";
+import {
+  resolveLightningAddress,
+  fetchPayServiceData,
+  requestInvoice,
+} from "../payments/lnurl.js";
+import { getPlatformLightningAddress } from "../payments/platformAddress.js";
+import { devLogger, userLogger } from "../utils/logger.js";
+import {
+  ensureWallet as ensureWalletDefault,
+  sendPayment as sendPaymentDefault,
+  resetWalletClient as resetWalletClientDefault,
+} from "../payments/nwcClient.js";
+
+const DEFAULT_SPLIT_SUMMARY = "Enter an amount to view the split.";
+
+export default class ZapController {
+  constructor({
+    videoModal,
+    getCurrentVideo,
+    nwcSettings,
+    getActiveNwcSettings,
+    isUserLoggedIn,
+    hasSessionActor,
+    hasActiveWalletConnection,
+    splitAndZap,
+    notifyLoginRequired,
+    payments = {},
+    callbacks = {},
+    requestWalletPane,
+  } = {}) {
+    this.videoModal = videoModal || null;
+    this.getCurrentVideo =
+      typeof getCurrentVideo === "function" ? getCurrentVideo : () => null;
+    this.nwcSettings =
+      nwcSettings &&
+      typeof nwcSettings === "object" &&
+      typeof nwcSettings.getActiveNwcSettings === "function"
+        ? nwcSettings
+        : null;
+    if (this.nwcSettings) {
+      this.getActiveNwcSettings = () =>
+        this.nwcSettings.getActiveNwcSettings();
+    } else if (typeof getActiveNwcSettings === "function") {
+      this.getActiveNwcSettings = getActiveNwcSettings;
+    } else {
+      this.getActiveNwcSettings = () => ({});
+    }
+    this.isUserLoggedIn =
+      typeof isUserLoggedIn === "function" ? isUserLoggedIn : () => false;
+    this.hasSessionActor =
+      typeof hasSessionActor === "function" ? hasSessionActor : () => false;
+    if (
+      this.nwcSettings &&
+      typeof this.nwcSettings.hasActiveWalletConnection === "function"
+    ) {
+      this.hasActiveWalletConnection = () =>
+        this.nwcSettings.hasActiveWalletConnection();
+    } else if (typeof hasActiveWalletConnection === "function") {
+      this.hasActiveWalletConnection = hasActiveWalletConnection;
+    } else {
+      this.hasActiveWalletConnection = () => false;
+    }
+    this.splitAndZap =
+      typeof splitAndZap === "function" ? splitAndZap : () => Promise.resolve();
+    this.notifyLoginRequired =
+      typeof notifyLoginRequired === "function" ? notifyLoginRequired : null;
+    this.payments = payments || {};
+    this.callbacks = {
+      onSuccess: typeof callbacks.onSuccess === "function" ? callbacks.onSuccess : null,
+      onError: typeof callbacks.onError === "function" ? callbacks.onError : null,
+    };
+    this.requestWalletPane =
+      typeof requestWalletPane === "function" ? requestWalletPane : null;
+
+    this.modalZapInFlight = false;
+    this.modalZapRetryState = null;
+    this.modalZapAmountValue = 0;
+    this.modalZapCommentValue = "";
+  }
+
+  /** Public API **/
+
+  setVisibility(visible) {
+    const lightningVisible = !!visible;
+    const loggedIn = this.isUserLoggedIn();
+    const shouldShow = lightningVisible;
+    const requiresLogin = shouldShow && !loggedIn;
+    const hasWallet = this.hasActiveWalletConnection();
+    if (this.videoModal) {
+      this.videoModal.setZapVisibility({
+        visible: shouldShow,
+        requiresLogin,
+      });
+      this.videoModal.setWalletPromptVisible(
+        shouldShow && !requiresLogin && !hasWallet,
+      );
+    }
+  }
+
+  resetState({ preserveAmount = false } = {}) {
+    if (!preserveAmount) {
+      this.modalZapAmountValue = 0;
+    }
+    this.modalZapCommentValue = "";
+    this.modalZapInFlight = false;
+    this.resetRetryState();
+    if (this.videoModal) {
+      this.videoModal.setZapCompleted(false);
+      this.videoModal.resetZapForm({
+        amount: preserveAmount ? this.modalZapAmountValue || "" : "",
+        comment: "",
+      });
+      this.videoModal.setZapPending(false);
+      this.videoModal.setZapSplitSummary(DEFAULT_SPLIT_SUMMARY);
+    }
+  }
+
+  open(options = {}) {
+    const config =
+      options && typeof options === "object" ? options : Object.create(null);
+    const requiresLogin = Boolean(config.requiresLogin);
+    this.resetFeedback();
+    if (requiresLogin) {
+      if (this.notifyLoginRequired) {
+        this.notifyLoginRequired();
+      } else {
+        this.notifyError(LOGIN_TO_ZAP_MESSAGE);
+      }
+      return false;
+    }
+    if (!this.isUserLoggedIn()) {
+      if (this.notifyLoginRequired) {
+        this.notifyLoginRequired();
+      } else {
+        this.notifyError(LOGIN_TO_ZAP_MESSAGE);
+      }
+      return false;
+    }
+    this.applyDefaultAmount();
+    this.preloadLightningMetadata().catch((error) => {
+      devLogger.warn("[zap] Preload metadata error:", error);
+    });
+    return true;
+  }
+
+  close() {
+    this.resetFeedback();
+  }
+
+  setAmount(amount) {
+    const rawAmount = Number(amount);
+    const fallback = this.videoModal?.getZapAmountValue?.() || 0;
+    const value = Number.isFinite(rawAmount) ? rawAmount : fallback;
+    this.modalZapAmountValue = Math.max(0, Math.round(value || 0));
+    this.resetFeedback();
+    this.updateSplitSummary();
+  }
+
+  setComment(comment) {
+    if (typeof comment === "string") {
+      this.modalZapCommentValue = comment.trim();
+      return;
+    }
+    const fallback = this.videoModal?.getZapCommentValue?.();
+    this.modalZapCommentValue = typeof fallback === "string" ? fallback : "";
+  }
+
+  async sendZap({ amount, comment } = {}) {
+    if (this.modalZapInFlight) {
+      return;
+    }
+
+    this.videoModal?.setZapCompleted(false);
+
+    const numericAmount = Number.isFinite(Number(amount))
+      ? Number(amount)
+      : this.modalZapAmountValue;
+    const roundedAmount = Math.max(0, Math.round(numericAmount || 0));
+    this.modalZapAmountValue = roundedAmount;
+
+    const trimmedComment =
+      typeof comment === "string" ? comment.trim() : this.modalZapCommentValue;
+    this.modalZapCommentValue = trimmedComment;
+
+    if (!roundedAmount) {
+      const message = "Enter a zap amount greater than zero.";
+      this.videoModal?.setZapStatus(message, "error");
+      this.notifyError(message);
+      return;
+    }
+
+    const walletSettings = this.getWalletSettingsOrPrompt();
+    if (!walletSettings) {
+      return;
+    }
+
+    this.modalZapInFlight = true;
+    this.videoModal?.setZapPending(true);
+    this.videoModal?.setZapStatus(`Sending ${roundedAmount} sats…`, "warning");
+    this.videoModal?.clearZapReceipts();
+
+    try {
+      if (
+        Array.isArray(this.modalZapRetryState?.shares) &&
+        this.modalZapRetryState.shares.length
+      ) {
+        const retrySuccess = await this.executeRetry({
+          walletSettings,
+          comment: trimmedComment,
+        });
+        if (retrySuccess) {
+          this.modalZapCommentValue = "";
+          this.videoModal?.resetZapForm({ amount: "", comment: "" });
+          this.videoModal?.setZapCompleted(true);
+        }
+        this.applyDefaultAmount();
+        return;
+      }
+
+      const attempt = await this.runZapAttempt({
+        amount: roundedAmount,
+        walletSettings,
+        comment: trimmedComment,
+      });
+      if (!attempt) {
+        this.videoModal?.setZapStatus("", "neutral");
+        return;
+      }
+
+      const { context, result } = attempt;
+      const receipts = Array.isArray(result?.receipts) ? result.receipts : [];
+
+      const failureReceipts = receipts.filter((receipt) => {
+        if (!receipt || typeof receipt !== "object") {
+          return false;
+        }
+        if (typeof receipt.status === "string" && receipt.status !== "success") {
+          return true;
+        }
+        return Boolean(receipt.error);
+      });
+
+      if (failureReceipts.length) {
+        this.videoModal?.renderZapReceipts(receipts, { partial: true });
+
+        const failureShares = failureReceipts
+          .map((receipt) => {
+            const amount = Math.max(0, Math.round(Number(receipt.amount) || 0));
+            return {
+              type: receipt.recipientType || receipt.type || "creator",
+              amount,
+              address:
+                typeof receipt.address === "string" && receipt.address
+                  ? receipt.address
+                  : undefined,
+              error: receipt.error,
+            };
+          })
+          .filter((share) => share.amount > 0);
+
+        if (failureShares.length) {
+          this.markRetryPending(failureShares, trimmedComment);
+        }
+
+        const shareSummary = failureShares
+          .map((share) => {
+            const label =
+              share.type === "platform"
+                ? "Platform"
+                : share.type === "creator"
+                ? "Creator"
+                : "Lightning";
+            return `${label} ${share.amount} sats`;
+          })
+          .join(", ");
+
+        const failureMessage = failureReceipts
+          .map((receipt) => {
+            if (typeof receipt?.error?.message === "string") {
+              return receipt.error.message;
+            }
+            if (typeof receipt?.error === "string") {
+              return receipt.error;
+            }
+            return "";
+          })
+          .find((message) => message);
+
+        const budgetReceipt = failureReceipts.find((receipt) =>
+          isZapAllowanceExhaustedError(receipt?.error)
+        );
+        const isBudgetExceeded =
+          Boolean(budgetReceipt) ||
+          (typeof failureMessage === "string" &&
+            /budget exceeded/i.test(failureMessage));
+
+        let warningMessage;
+        if (isBudgetExceeded) {
+          warningMessage =
+            "Budget exceeded. Increase your wallet zap limit or reduce the platform fee, then retry the remaining shares.";
+        } else if (failureMessage) {
+          warningMessage = failureMessage;
+        } else {
+          warningMessage =
+            "Some zap shares failed. Press Send again to retry the remaining shares.";
+        }
+
+        if (shareSummary) {
+          const normalized = warningMessage.replace(/\.*$/, "");
+          warningMessage = `${normalized}. Remaining share(s): ${shareSummary}.`;
+        }
+
+        this.videoModal?.setZapStatus(warningMessage, "warning");
+        this.notifyError(warningMessage);
+        return;
+      }
+
+      const unvalidatedReceipts = receipts.filter((receipt) => {
+        if (!receipt || typeof receipt !== "object") {
+          return false;
+        }
+        const status =
+          typeof receipt.status === "string" ? receipt.status.toLowerCase() : "success";
+        if (status !== "success" && status !== "") {
+          return false;
+        }
+        const validationStatus =
+          typeof receipt.validation?.status === "string"
+            ? receipt.validation.status.toLowerCase()
+            : "";
+        if (!validationStatus || validationStatus === "skipped") {
+          return false;
+        }
+        return validationStatus !== "passed";
+      });
+
+      if (unvalidatedReceipts.length) {
+        this.videoModal?.renderZapReceipts(receipts, { partial: true });
+
+        const warningSummary = unvalidatedReceipts
+          .map((receipt) => {
+            const type = receipt.recipientType || receipt.type || "creator";
+            const label =
+              type === "platform" ? "Platform" : type === "creator" ? "Creator" : "Lightning";
+            const address =
+              typeof receipt.address === "string" && receipt.address
+                ? ` (${receipt.address})`
+                : "";
+            const reason =
+              typeof receipt.validation?.reason === "string" && receipt.validation.reason
+                ? ` — ${receipt.validation.reason}`
+                : " — Awaiting compliant receipt.";
+            return `${label}${address}${reason}`;
+          })
+          .join(" ");
+
+        const warningMessage = warningSummary
+          ? `Awaiting validated zap receipt. ${warningSummary}`
+          : "Awaiting validated zap receipt from the recipient.";
+
+        this.videoModal?.setZapStatus(warningMessage, "warning");
+        this.notifyError(warningMessage);
+
+        this.resetRetryState();
+        this.modalZapCommentValue = "";
+        this.videoModal?.resetZapForm({ amount: "", comment: "" });
+        this.videoModal?.setZapCompleted(true);
+        this.applyDefaultAmount();
+        return;
+      }
+
+      this.videoModal?.renderZapReceipts(receipts, { partial: false });
+
+      const creatorShare = context.shares.creatorShare;
+      const platformShare = context.shares.platformShare;
+      const summary = platformShare
+        ? `Sent ${context.shares.total} sats (creator ${creatorShare}, platform ${platformShare}).`
+        : `Sent ${context.shares.total} sats to the creator.`;
+      this.videoModal?.setZapStatus(summary, "success");
+      this.notifySuccess("Zap sent successfully!");
+
+      this.resetRetryState();
+      this.modalZapCommentValue = "";
+      this.videoModal?.setZapComment("");
+      this.videoModal?.setZapCompleted(true);
+      this.applyDefaultAmount();
+    } catch (error) {
+      this.handleZapError({ error, amount: roundedAmount, comment: trimmedComment, walletSettings });
+    } finally {
+      this.modalZapInFlight = false;
+      this.videoModal?.setZapPending(false);
+    }
+  }
+
+  handleWalletLink() {
+    if (this.requestWalletPane) {
+      Promise.resolve()
+        .then(() => this.requestWalletPane())
+        .catch((error) => {
+          userLogger.error("Failed to open wallet pane:", error);
+        });
+    }
+  }
+
+  /** Internal helpers **/
+
+  resetFeedback() {
+    if (!this.videoModal) {
+      return;
+    }
+    this.videoModal.setZapCompleted(false);
+    this.videoModal.setZapStatus("", "neutral");
+    this.videoModal.clearZapReceipts();
+    this.videoModal.setZapRetryPending(false);
+    this.videoModal.setZapPending(false);
+  }
+
+  applyDefaultAmount() {
+    const settings = this.getActiveNwcSettings();
+    let defaultAmount = 0;
+    if (Number.isFinite(settings?.defaultZap) && settings.defaultZap > 0) {
+      defaultAmount = Math.max(0, Math.round(settings.defaultZap));
+    }
+    this.modalZapAmountValue = defaultAmount;
+    if (this.videoModal) {
+      this.videoModal.setZapAmount(defaultAmount || "");
+    }
+    this.updateSplitSummary();
+  }
+
+  updateSplitSummary() {
+    if (!this.videoModal) {
+      return;
+    }
+
+    const amount = Math.max(0, Math.round(Number(this.modalZapAmountValue || 0)));
+    if (!amount) {
+      this.videoModal.setZapSplitSummary(DEFAULT_SPLIT_SUMMARY);
+      return;
+    }
+
+    const shares = calculateZapShares(amount);
+    const parts = [];
+    const lightningAddress = this.getCurrentVideo()?.lightningAddress || "";
+    const creatorEntry = getCachedLightningEntry(lightningAddress);
+    const creatorMin = formatMinRequirement(creatorEntry?.metadata);
+    let creatorText = `Creator: ${shares.creatorShare} sats`;
+    if (Number.isFinite(creatorMin) && creatorMin > 0) {
+      creatorText += ` (min ${creatorMin})`;
+    }
+    parts.push(creatorText);
+
+    if (shares.platformShare > 0) {
+      const platformEntry = getCachedLightningEntry(
+        getCachedPlatformLightningAddress()
+      );
+      const platformMin = formatMinRequirement(platformEntry?.metadata);
+      let platformText = `Platform: ${shares.platformShare} sats`;
+      if (Number.isFinite(platformMin) && platformMin > 0) {
+        platformText += ` (min ${platformMin})`;
+      }
+      parts.push(platformText);
+    }
+
+    this.videoModal.setZapSplitSummary(parts.join(" • "));
+  }
+
+  async preloadLightningMetadata() {
+    const lightningAddress = this.getCurrentVideo()?.lightningAddress || "";
+    if (lightningAddress) {
+      try {
+        await fetchLightningMetadata(lightningAddress);
+      } catch (error) {
+        devLogger.warn("[zap] Failed to preload creator metadata:", error);
+      }
+    }
+
+    const amount = Math.max(0, Math.round(Number(this.modalZapAmountValue || 0)));
+    if (!amount) {
+      return;
+    }
+
+    const shares = calculateZapShares(amount);
+    if (shares.platformShare > 0) {
+      let platformAddress = getCachedPlatformLightningAddress();
+      if (!platformAddress) {
+        try {
+          platformAddress = await getPlatformLightningAddress({
+            forceRefresh: false,
+          });
+          setCachedPlatformLightningAddress(platformAddress || "");
+        } catch (error) {
+          devLogger.warn("[zap] Failed to load platform Lightning address:", error);
+        }
+      }
+      if (platformAddress) {
+        try {
+          await fetchLightningMetadata(platformAddress);
+        } catch (error) {
+          devLogger.warn("[zap] Failed to preload platform metadata:", error);
+        }
+      }
+    }
+  }
+
+  getWalletSettingsOrPrompt() {
+    const settings = this.getActiveNwcSettings();
+    const normalizedUri =
+      typeof settings?.nwcUri === "string" ? settings.nwcUri.trim() : "";
+    if (!normalizedUri) {
+      this.notifyError("Connect a Lightning wallet to send zaps.");
+      if (this.requestWalletPane) {
+        this.handleWalletLink();
+      }
+      return null;
+    }
+    return {
+      ...settings,
+      nwcUri: normalizedUri,
+    };
+  }
+
+  createDependencies({ creatorEntry, platformEntry, shares, shareTracker }) {
+    const summarizeTracker = (tracker) =>
+      Array.isArray(tracker)
+        ? tracker.map((entry) => ({
+            type: entry?.type || "unknown",
+            status: entry?.status || "unknown",
+            amount:
+              Number.isFinite(entry?.amount) && entry.amount >= 0
+                ? entry.amount
+                : undefined,
+            address: entry?.address || undefined,
+            hasPayment: Boolean(entry?.payment),
+            errorMessage:
+              typeof entry?.error?.message === "string"
+                ? entry.error.message
+                : entry?.error
+                ? String(entry.error)
+                : undefined,
+          }))
+        : undefined;
+    const logZapError = (stage, details, error) => {
+      const summary = {
+        stage,
+        shareType: details?.shareType,
+        address: details?.address,
+        amount:
+          Number.isFinite(details?.amount) && details.amount >= 0
+            ? details.amount
+            : undefined,
+        overrideFee:
+          typeof details?.overrideFee === "number"
+            ? details.overrideFee
+            : undefined,
+        commentLength:
+          typeof details?.comment === "string"
+            ? details.comment.length
+            : undefined,
+        wallet:
+          details?.walletSettings
+            ? {
+                hasUri: Boolean(details.walletSettings.nwcUri),
+                type:
+                  details.walletSettings.type ||
+                  details.walletSettings.name ||
+                  details.walletSettings.client ||
+                  undefined,
+              }
+            : undefined,
+        shares: details?.context?.shares
+          ? {
+              total: details.context.shares.total,
+              creator: details.context.shares.creatorShare,
+              platform: details.context.shares.platformShare,
+            }
+          : undefined,
+        tracker: summarizeTracker(details?.tracker),
+        retryAttempt:
+          Number.isInteger(details?.retryAttempt) && details.retryAttempt >= 0
+            ? details.retryAttempt
+            : undefined,
+      };
+      userLogger.error("[zap] Modal zap failure", summary, error);
+    };
+
+    const lightningAddress = this.getCurrentVideo()?.lightningAddress || "";
+    const creatorKey = normalizeLightningAddressKey(
+      creatorEntry?.address || lightningAddress
+    );
+    const platformKey = normalizeLightningAddressKey(
+      platformEntry?.address || getCachedPlatformLightningAddress()
+    );
+
+    const ensureWalletFn =
+      typeof this.payments?.ensureWallet === "function"
+        ? (options) => this.payments.ensureWallet(options)
+        : (options) => ensureWalletDefault(options);
+    const sendPaymentFn =
+      typeof this.payments?.sendPayment === "function"
+        ? (bolt11, params) => this.payments.sendPayment(bolt11, params)
+        : (bolt11, params) => sendPaymentDefault(bolt11, params);
+    const resetWalletClientFn =
+      typeof this.payments?.resetWalletClient === "function"
+        ? () => this.payments.resetWalletClient()
+        : () => resetWalletClientDefault();
+
+    let activeShare = null;
+
+    return {
+      lnurl: {
+        resolveLightningAddress: (value) => {
+          const normalized = normalizeLightningAddressKey(value);
+          if (normalized && normalized === creatorKey) {
+            activeShare = "creator";
+            if (creatorEntry?.resolved) {
+              return { ...creatorEntry.resolved };
+            }
+          } else if (normalized && normalized === platformKey) {
+            activeShare = "platform";
+            if (platformEntry?.resolved) {
+              return { ...platformEntry.resolved };
+            }
+          } else {
+            activeShare = null;
+          }
+
+          const resolved = resolveLightningAddress(value);
+          if (normalized) {
+            rememberLightningMetadata({
+              key: normalized,
+              address: resolved.address || value,
+              resolved,
+              fetchedAt: Date.now(),
+            });
+          }
+          return resolved;
+        },
+        fetchPayServiceData: async (url) => {
+          const cached = getCachedMetadataByUrl(url);
+          if (cached?.metadata && isMetadataEntryFresh(cached)) {
+            return cached.metadata;
+          }
+
+          const metadata = await fetchPayServiceData(url);
+          if (cached) {
+            rememberLightningMetadata({
+              ...cached,
+              metadata,
+              fetchedAt: Date.now(),
+            });
+          }
+          return metadata;
+        },
+        validateInvoiceAmount,
+        requestInvoice,
+      },
+      wallet: {
+        ensureWallet: async (options) => {
+          try {
+            return await ensureWalletFn(options);
+          } catch (error) {
+            logZapError(
+              "wallet.ensureWallet",
+              {
+                tracker: shareTracker,
+                context: { shares },
+                walletSettings: options?.settings,
+              },
+              error
+            );
+            throw error;
+          }
+        },
+        sendPayment: async (bolt11, params) => {
+          const shareType = activeShare || "unknown";
+          const amount =
+            shareType === "platform"
+              ? shares.platformShare
+              : shares.creatorShare;
+          const address =
+            shareType === "platform"
+              ? platformEntry?.address || getCachedPlatformLightningAddress()
+              : creatorEntry?.address || lightningAddress;
+        try {
+          const payment = await sendPaymentFn(bolt11, params);
+          if (Array.isArray(shareTracker)) {
+            shareTracker.push({
+              type: shareType,
+                status: "success",
+                amount,
+                address,
+                payment,
+            });
+          }
+          return payment;
+        } catch (error) {
+          const allowanceExhausted = isZapAllowanceExhaustedError(error);
+          if (allowanceExhausted) {
+            error.__zapAllowanceExhausted = true;
+          }
+          if (Array.isArray(shareTracker)) {
+            shareTracker.push({
+              type: shareType,
+              status: "error",
+              amount,
+              address,
+              error,
+              allowanceExhausted,
+            });
+          }
+          if (
+            typeof error?.message === "string" &&
+            error.message.toLowerCase().includes("timed out")
+            ) {
+              try {
+                resetWalletClientFn();
+              } catch (resetError) {
+                devLogger.warn(
+                  "[zap] Failed to reset wallet client after timeout",
+                  resetError
+                );
+              }
+            }
+            logZapError(
+              "wallet.sendPayment",
+              {
+                shareType,
+                amount,
+                address,
+                tracker: shareTracker,
+                context: { shares },
+              },
+              error
+            );
+            throw error;
+          } finally {
+            activeShare = null;
+          }
+        },
+      },
+      platformAddress: {
+        getPlatformLightningAddress: async () => {
+          if (platformEntry?.address) {
+            return platformEntry.address;
+          }
+          const cachedAddress = getCachedPlatformLightningAddress();
+          if (cachedAddress) {
+            return cachedAddress;
+          }
+          const fallback = await getPlatformLightningAddress({
+            forceRefresh: false,
+          });
+          setCachedPlatformLightningAddress(fallback || "");
+          return fallback;
+        },
+      },
+    };
+  }
+
+  async prepareLightningContext({ amount, overrideFee = null }) {
+    const lightningAddress = this.getCurrentVideo()?.lightningAddress || "";
+    if (!lightningAddress) {
+      throw new Error("This creator has not configured a Lightning address yet.");
+    }
+
+    const shares = calculateZapShares(amount, overrideFee);
+    if (!shares.total) {
+      throw new Error("Enter a zap amount greater than zero.");
+    }
+
+    const creatorEntry = await fetchLightningMetadata(lightningAddress);
+    if (shares.creatorShare > 0) {
+      try {
+        validateInvoiceAmount(creatorEntry.metadata, shares.creatorShare);
+      } catch (error) {
+        const detail = error?.message || "Unable to validate creator share.";
+        throw new Error(`Creator share error: ${detail}`);
+      }
+    }
+
+    let platformEntry = null;
+    let platformAddress = "";
+    if (shares.platformShare > 0) {
+      platformAddress = getCachedPlatformLightningAddress();
+      if (!platformAddress) {
+        platformAddress = await getPlatformLightningAddress({
+          forceRefresh: false,
+        });
+        setCachedPlatformLightningAddress(platformAddress || "");
+      }
+      if (!platformAddress) {
+        throw new Error("Platform Lightning address is unavailable.");
+      }
+
+      platformEntry = await fetchLightningMetadata(platformAddress);
+      try {
+        validateInvoiceAmount(platformEntry.metadata, shares.platformShare);
+      } catch (error) {
+        const detail = error?.message || "Unable to validate platform share.";
+        throw new Error(`Platform share error: ${detail}`);
+      }
+    }
+
+    this.updateSplitSummary();
+
+    return {
+      shares,
+      creatorEntry,
+      platformEntry,
+      platformAddress,
+    };
+  }
+
+  getActiveVideoEvent() {
+    const video = this.getCurrentVideo() || {};
+    const lightningAddress = video.lightningAddress || "";
+    return {
+      kind: typeof video.kind === "number" ? video.kind : 0,
+      id: typeof video.id === "string" ? video.id : "",
+      pubkey: typeof video.pubkey === "string" ? video.pubkey : "",
+      tags: Array.isArray(video.tags) ? [...video.tags] : [],
+      content: typeof video.content === "string" ? video.content : "",
+      created_at: Number.isFinite(video.created_at)
+        ? video.created_at
+        : Math.floor(Date.now() / 1000),
+      lightningAddress,
+    };
+  }
+
+  async runZapAttempt({ amount, overrideFee = null, walletSettings, comment }) {
+    const settings = walletSettings || this.getWalletSettingsOrPrompt();
+    if (!settings) {
+      return null;
+    }
+
+    let context;
+    try {
+      context = await this.prepareLightningContext({
+        amount,
+        overrideFee,
+      });
+    } catch (error) {
+      userLogger.error(
+        "[zap] Modal lightning context failed",
+        {
+        amount,
+        overrideFee,
+        commentLength: typeof comment === "string" ? comment.length : undefined,
+        wallet: {
+        hasUri: Boolean(settings?.nwcUri),
+        type:
+        settings?.type || settings?.name || settings?.client || undefined,
+        },
+        },
+        error
+      );
+      throw error;
+    }
+    const shareTracker = [];
+    const dependencies = this.createDependencies({
+      ...context,
+      shareTracker,
+    });
+    const videoEvent = this.getActiveVideoEvent();
+
+    let previousOverride;
+    const hasGlobal = typeof globalThis !== "undefined";
+    if (hasGlobal && typeof overrideFee === "number" && Number.isFinite(overrideFee)) {
+      previousOverride = globalThis.__BITVID_PLATFORM_FEE_OVERRIDE__;
+      globalThis.__BITVID_PLATFORM_FEE_OVERRIDE__ = overrideFee;
+    }
+
+    try {
+      const result = await this.splitAndZap(
+        {
+          videoEvent,
+          amountSats: context.shares.total,
+          comment: typeof comment === "string" ? comment : "",
+          walletSettings: settings,
+        },
+        dependencies
+      );
+      return { context, result, shareTracker };
+    } catch (error) {
+      if (Array.isArray(shareTracker) && shareTracker.length) {
+        error.__zapShareTracker = shareTracker;
+      }
+      userLogger.error(
+        "[zap] splitAndZap failed",
+        {
+          amount,
+          overrideFee,
+          commentLength: typeof comment === "string" ? comment.length : undefined,
+          wallet: {
+            hasUri: Boolean(settings?.nwcUri),
+            type:
+              settings?.type || settings?.name || settings?.client || undefined,
+          },
+          shares: {
+            total: context?.shares?.total,
+            creator: context?.shares?.creatorShare,
+            platform: context?.shares?.platformShare,
+          },
+          tracker: Array.isArray(shareTracker)
+            ? shareTracker.map((entry) => ({
+                type: entry?.type || "unknown",
+                status: entry?.status || "unknown",
+                amount: entry?.amount,
+                address: entry?.address,
+                errorMessage:
+                  typeof entry?.error?.message === "string"
+                    ? entry.error.message
+                    : entry?.error
+                    ? String(entry.error)
+                    : undefined,
+              }))
+            : undefined,
+        },
+        error
+      );
+      throw error;
+    } finally {
+      if (hasGlobal && typeof overrideFee === "number" && Number.isFinite(overrideFee)) {
+        if (typeof previousOverride === "number") {
+          globalThis.__BITVID_PLATFORM_FEE_OVERRIDE__ = previousOverride;
+        } else if (
+          globalThis &&
+          Object.prototype.hasOwnProperty.call(globalThis, "__BITVID_PLATFORM_FEE_OVERRIDE__")
+        ) {
+          delete globalThis.__BITVID_PLATFORM_FEE_OVERRIDE__;
+        }
+      }
+    }
+  }
+
+  async executeRetry({ walletSettings, comment }) {
+    const retryState = this.modalZapRetryState;
+    const shares = Array.isArray(retryState?.shares) ? retryState.shares : [];
+    if (!shares.length) {
+      this.resetRetryState();
+      return null;
+    }
+
+    const summary = shares
+      .map((share) => {
+        const label =
+          share.type === "platform"
+            ? "Platform"
+            : share.type === "creator"
+            ? "Creator"
+            : "Lightning";
+        return `${label} ${share.amount} sats`;
+      })
+      .join(", ");
+    this.videoModal?.setZapStatus(
+      `Retrying failed share(s): ${summary}`,
+      "warning"
+    );
+    this.videoModal?.clearZapReceipts();
+
+    const aggregatedReceipts = [];
+    const aggregatedTracker = [];
+
+    for (const share of shares) {
+      const overrideFee = share.type === "platform" ? 100 : 0;
+      try {
+        const attempt = await this.runZapAttempt({
+          amount: share.amount,
+          overrideFee,
+          walletSettings,
+          comment: retryState?.comment || comment || "",
+        });
+        if (!attempt) {
+          this.videoModal?.setZapStatus("", "neutral");
+          return null;
+        }
+        if (Array.isArray(attempt?.result?.receipts)) {
+          aggregatedReceipts.push(...attempt.result.receipts);
+        } else if (Array.isArray(attempt?.shareTracker)) {
+          aggregatedTracker.push(...attempt.shareTracker);
+        }
+      } catch (error) {
+        const tracker = Array.isArray(error?.__zapShareTracker)
+          ? error.__zapShareTracker
+          : [];
+        userLogger.error(
+          "[zap] Modal zap retry failed",
+          {
+            shareType: share?.type || "unknown",
+            amount: share?.amount,
+            address: share?.address,
+            commentLength:
+              typeof (retryState?.comment || comment) === "string"
+                ? (retryState?.comment || comment).length
+                : undefined,
+            tracker: tracker.map((entry) => ({
+              type: entry?.type || "unknown",
+              status: entry?.status || "unknown",
+              amount: entry?.amount,
+              address: entry?.address,
+              errorMessage:
+                typeof entry?.error?.message === "string"
+                  ? entry.error.message
+                  : entry?.error
+                  ? String(entry.error)
+                  : undefined,
+            })),
+          },
+          error
+        );
+        if (tracker.length) {
+          aggregatedTracker.push(...tracker);
+        }
+        throw error;
+      }
+    }
+
+    if (aggregatedReceipts.length) {
+      this.videoModal?.renderZapReceipts(aggregatedReceipts, { partial: false });
+    } else if (aggregatedTracker.length) {
+      this.videoModal?.renderZapReceipts(aggregatedTracker, { partial: true });
+    }
+
+    const total = shares.reduce((sum, share) => {
+      const value = Math.max(0, Math.round(Number(share.amount) || 0));
+      return sum + value;
+    }, 0);
+    const successMessage =
+      total > 0
+        ? `Retried ${total} sats successfully.`
+        : "Retried zap shares successfully.";
+    this.videoModal?.setZapStatus(successMessage, "success");
+    this.notifySuccess("Zap shares retried successfully!");
+    this.resetRetryState();
+    return true;
+  }
+
+  markRetryPending(shares, comment = "") {
+    const validShares = Array.isArray(shares)
+      ? shares.filter((share) => share && share.amount > 0)
+      : [];
+    if (!validShares.length) {
+      this.resetRetryState();
+      return;
+    }
+
+    this.modalZapRetryState = {
+      shares: validShares,
+      comment: typeof comment === "string" ? comment : this.modalZapCommentValue,
+      createdAt: Date.now(),
+    };
+
+    const summary = validShares
+      .map((share) => {
+        const label =
+          share.type === "platform"
+            ? "Platform"
+            : share.type === "creator"
+            ? "Creator"
+            : "Lightning";
+        return `${label} ${share.amount} sats`;
+      })
+      .join(", ");
+    this.videoModal?.setZapRetryPending(true, { summary });
+  }
+
+  resetRetryState() {
+    this.modalZapRetryState = null;
+    this.videoModal?.setZapRetryPending(false);
+  }
+
+  handleZapError({ error, amount, comment, walletSettings }) {
+    const tracker = Array.isArray(error?.__zapShareTracker)
+      ? error.__zapShareTracker
+      : [];
+    userLogger.error(
+      "[zap] Modal zap attempt failed",
+      {
+        amount,
+        commentLength: typeof comment === "string" ? comment.length : undefined,
+        wallet: {
+          hasUri: Boolean(walletSettings?.nwcUri),
+          type:
+            walletSettings?.type ||
+            walletSettings?.name ||
+            walletSettings?.client ||
+            undefined,
+        },
+        tracker: tracker.map((entry) => ({
+          type: entry?.type || "unknown",
+          status: entry?.status || "unknown",
+          amount: entry?.amount,
+          address: entry?.address,
+          errorMessage:
+            typeof entry?.error?.message === "string"
+              ? entry.error.message
+              : entry?.error
+              ? String(entry.error)
+              : undefined,
+        })),
+        retryPending: Array.isArray(this.modalZapRetryState?.shares)
+          ? this.modalZapRetryState.shares.length
+          : 0,
+      },
+      error
+    );
+    if (tracker.length) {
+      this.videoModal?.renderZapReceipts(tracker, { partial: true });
+    }
+
+    const failureShares = tracker.filter(
+      (entry) => entry && entry.status !== "success" && entry.amount > 0
+    );
+    const allowanceExhausted =
+      isZapAllowanceExhaustedError(error) ||
+      failureShares.some((share) =>
+        isZapAllowanceExhaustedError(share?.error)
+      );
+    if (allowanceExhausted) {
+      this.resetRetryState();
+    }
+
+    if (failureShares.length) {
+      if (allowanceExhausted) {
+        const allowanceShare = failureShares.find((share) =>
+          isZapAllowanceExhaustedError(share?.error)
+        );
+        const allowanceSource = isZapAllowanceExhaustedError(error)
+          ? error
+          : allowanceShare?.error;
+        const allowanceMessage = buildZapAllowanceExhaustedMessage(
+          allowanceSource
+        );
+        const partialSuccess = tracker.length > failureShares.length;
+        const tone = partialSuccess ? "warning" : "error";
+        const statusMessage = partialSuccess
+          ? `Some zap shares succeeded before your wallet allowance was exhausted. ${allowanceMessage}`
+          : allowanceMessage;
+        this.videoModal?.setZapStatus(statusMessage, tone);
+        this.notifyError(statusMessage);
+      } else {
+        this.markRetryPending(failureShares, comment);
+        const summary = failureShares
+          .map((share) => {
+            const label =
+              share.type === "platform"
+                ? "Platform"
+                : share.type === "creator"
+                ? "Creator"
+                : "Lightning";
+            return `${label} ${share.amount} sats`;
+          })
+          .join(", ");
+        const tone = tracker.length > failureShares.length ? "warning" : "error";
+        const statusMessage =
+          tracker.length > failureShares.length
+            ? `Partial zap failure. Press Send again to retry: ${summary}.`
+            : `Zap failed. Press Send again to retry: ${summary}.`;
+        this.videoModal?.setZapStatus(statusMessage, tone);
+        this.notifyError(error?.message || statusMessage);
+      }
+    } else {
+      this.resetRetryState();
+      if (allowanceExhausted) {
+        const allowanceMessage = buildZapAllowanceExhaustedMessage(error);
+        this.videoModal?.setZapStatus(allowanceMessage, "error");
+        this.notifyError(allowanceMessage);
+      } else {
+        const message = error?.message || "Zap failed. Please try again.";
+        this.videoModal?.setZapStatus(message, "error");
+        this.notifyError(message);
+      }
+    }
+  }
+
+  notifySuccess(message) {
+    if (this.callbacks.onSuccess) {
+      this.callbacks.onSuccess(message);
+    }
+  }
+
+  notifyError(message) {
+    if (this.callbacks.onError) {
+      this.callbacks.onError(message);
+    }
+  }
+}
diff --git a/dist/js/urlHealthObserver.js b/dist/js/urlHealthObserver.js
new file mode 100644
index 00000000..e28806ef
--- /dev/null
+++ b/dist/js/urlHealthObserver.js
@@ -0,0 +1,68 @@
+import { createCardObserver } from "./dom/cardObserver.js";
+import { safeDecodeURIComponent } from "./utils/safeDecode.js";
+import { userLogger } from "./utils/logger.js";
+
+const ROOT_MARGIN = "0px";
+const THRESHOLD = 0.25;
+
+const urlCardObserver = createCardObserver({
+  rootMargin: ROOT_MARGIN,
+  threshold: THRESHOLD,
+  isCardVisible: (entry) => {
+    if (!entry) {
+      return false;
+    }
+    const isIntersecting = Boolean(entry.isIntersecting);
+    const ratio = typeof entry.intersectionRatio === "number" ? entry.intersectionRatio : 0;
+    return isIntersecting && ratio > 0;
+  },
+  createState: () => ({ onCheck: null }),
+  onCardVisible: ({ card, state }) => {
+    if (!state || typeof state.onCheck !== "function") {
+      return;
+    }
+
+    const badgeEl = card.querySelector("[data-url-health-state]");
+    if (!(badgeEl instanceof HTMLElement)) {
+      return;
+    }
+
+    const encodedUrl =
+      card.dataset.urlHealthUrl || badgeEl.dataset.urlHealthUrl || "";
+    const eventId =
+      card.dataset.urlHealthEventId || badgeEl.dataset.urlHealthEventId || "";
+
+    if (!encodedUrl || !eventId) {
+      return;
+    }
+
+    const currentState =
+      card.dataset.urlHealthState || badgeEl.dataset.urlHealthState;
+    if (currentState && currentState !== "checking") {
+      return;
+    }
+
+    const url = safeDecodeURIComponent(encodedUrl);
+    if (!url) {
+      return;
+    }
+
+    try {
+      state.onCheck({ card, badgeEl, url, eventId });
+    } catch (err) {
+      userLogger.warn("[urlHealthObserver] onCheck handler failed", err);
+    }
+  },
+});
+
+export function attachUrlHealthBadges(container, onCheck) {
+  if (!(container instanceof HTMLElement)) {
+    return;
+  }
+
+  const state = urlCardObserver.observe(container);
+  if (state && typeof onCheck === "function") {
+    state.onCheck = onCheck;
+  }
+}
+
diff --git a/dist/js/userBlocks.js b/dist/js/userBlocks.js
new file mode 100644
index 00000000..2ab1b1e7
--- /dev/null
+++ b/dist/js/userBlocks.js
@@ -0,0 +1,2249 @@
+// js/userBlocks.js
+import {
+  nostrClient,
+  requestDefaultExtensionPermissions,
+} from "./nostrClientFacade.js";
+import { getActiveSigner } from "./nostr/index.js";
+import { isSessionActor } from "./nostr/sessionActor.js";
+import { normalizeNostrPubkey } from "./nostr/nip46Client.js";
+import {
+  buildBlockListEvent,
+  buildMuteListEvent,
+  BLOCK_LIST_IDENTIFIER,
+} from "./nostrEventSchemas.js";
+import { CACHE_POLICIES, STORAGE_TIERS } from "./nostr/cachePolicies.js";
+import { devLogger, userLogger } from "./utils/logger.js";
+import {
+  publishEventToRelays,
+  assertAnyRelayAccepted,
+} from "./nostrPublish.js";
+import { profileCache } from "./state/profileCache.js";
+import { DEFAULT_RELAY_URLS } from "./nostr/toolkit.js";
+import { relayManager } from "./relayManager.js";
+import {
+  DEFAULT_NIP07_ENCRYPTION_METHODS,
+  runNip07WithRetry,
+  NIP07_PRIORITY,
+} from "./nostr/nip07Permissions.js";
+import { relaySubscriptionService } from "./services/relaySubscriptionService.js";
+
+class TinyEventEmitter {
+  constructor() {
+    this.listeners = new Map();
+  }
+
+  on(eventName, handler) {
+    if (typeof eventName !== "string" || typeof handler !== "function") {
+      return () => {};
+    }
+
+    if (!this.listeners.has(eventName)) {
+      this.listeners.set(eventName, new Set());
+    }
+
+    const handlers = this.listeners.get(eventName);
+    handlers.add(handler);
+
+    return () => {
+      handlers.delete(handler);
+      if (!handlers.size) {
+        this.listeners.delete(eventName);
+      }
+    };
+  }
+
+  emit(eventName, detail) {
+    const handlers = this.listeners.get(eventName);
+    if (!handlers || !handlers.size) {
+      return;
+    }
+
+    for (const handler of Array.from(handlers)) {
+      try {
+        handler(detail);
+      } catch (error) {
+        userLogger.warn(
+          `[UserBlockList] listener for "${eventName}" threw an error`,
+          error,
+        );
+      }
+    }
+  }
+}
+
+export const USER_BLOCK_EVENTS = Object.freeze({
+  CHANGE: "change",
+  STATUS: "status",
+});
+
+const FAST_BLOCKLIST_RELAY_LIMIT = 3;
+const FAST_BLOCKLIST_TIMEOUT_MS = 2500;
+const BACKGROUND_BLOCKLIST_TIMEOUT_MS = 6000;
+const DECRYPT_TIMEOUT_MS = 15000;
+const BACKGROUND_DECRYPT_TIMEOUT_MS = 2500;
+const DECRYPT_RETRY_DELAY_MS = 10000;
+const MAX_BLOCKLIST_ENTRIES = 5000;
+
+function sanitizeRelayList(candidate) {
+  return Array.isArray(candidate)
+    ? candidate
+        .map((url) => (typeof url === "string" ? url.trim() : ""))
+        .filter(Boolean)
+    : [];
+}
+
+function normalizeEncryptionToken(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  return value
+    .trim()
+    .toLowerCase()
+    .replace(/[^a-z0-9]/g, "");
+}
+
+function extractEncryptionHints(event) {
+  if (!event || typeof event !== "object") {
+    return [];
+  }
+
+  const tags = Array.isArray(event.tags) ? event.tags : [];
+  const hints = [];
+
+  const pushUnique = (scheme) => {
+    if (!scheme || hints.includes(scheme)) {
+      return;
+    }
+    hints.push(scheme);
+  };
+
+  for (const tag of tags) {
+    if (!Array.isArray(tag) || tag.length < 2) {
+      continue;
+    }
+    const name = typeof tag[0] === "string" ? tag[0].trim().toLowerCase() : "";
+    if (name !== "encrypted" && name !== "encryption") {
+      continue;
+    }
+    const rawValue = typeof tag[1] === "string" ? tag[1] : "";
+    if (!rawValue) {
+      continue;
+    }
+    const parts = rawValue
+      .split(/[\s,]+/)
+      .map((part) => normalizeEncryptionToken(part))
+      .filter(Boolean);
+
+    for (const part of parts) {
+      if (part === "nip44v2" || part === "nip44v02") {
+        pushUnique("nip44_v2");
+        continue;
+      }
+      if (part === "nip44") {
+        pushUnique("nip44");
+        continue;
+      }
+      if (part === "nip04" || part === "nip4") {
+        pushUnique("nip04");
+      }
+    }
+  }
+
+  return hints;
+}
+
+function determineDecryptionOrder(event, availableSchemes) {
+  const available = Array.isArray(availableSchemes) ? availableSchemes : [];
+  const availableSet = new Set(available);
+  const prioritized = [];
+
+  const hints = extractEncryptionHints(event);
+  const aliasMap = {
+    nip04: ["nip04"],
+    nip44: ["nip44", "nip44_v2"],
+    nip44_v2: ["nip44_v2", "nip44"],
+  };
+
+  for (const hint of hints) {
+    const candidates = Array.isArray(aliasMap[hint]) ? aliasMap[hint] : [hint];
+    for (const candidate of candidates) {
+      if (availableSet.has(candidate) && !prioritized.includes(candidate)) {
+        prioritized.push(candidate);
+        break;
+      }
+    }
+  }
+
+  for (const fallback of ["nip44_v2", "nip44", "nip04"]) {
+    if (availableSet.has(fallback) && !prioritized.includes(fallback)) {
+      prioritized.push(fallback);
+    }
+  }
+
+  return prioritized.length ? prioritized : available;
+}
+
+function describeDiscardedEntry(entry) {
+  if (typeof entry === "string") {
+    return entry.trim();
+  }
+
+  if (entry === null) {
+    return "null";
+  }
+
+  if (typeof entry === "undefined") {
+    return "undefined";
+  }
+
+  if (Array.isArray(entry)) {
+    try {
+      return JSON.stringify(entry);
+    } catch (_error) {
+      return String(entry);
+    }
+  }
+
+  if (typeof entry === "object") {
+    try {
+      return JSON.stringify(entry);
+    } catch (_error) {
+      return String(entry);
+    }
+  }
+
+  return String(entry);
+}
+
+function sanitizeMuteTags(values, ownerPubkey, options = {}) {
+  const logDiscarded = options?.logDiscarded !== false;
+  const owner = normalizeHex(ownerPubkey);
+  const sanitized = [];
+  const seen = new Set();
+
+  const iterable = Array.isArray(values)
+    ? values
+    : values instanceof Set
+    ? Array.from(values)
+    : values && typeof values[Symbol.iterator] === "function"
+    ? Array.from(values)
+    : [];
+
+  const logDiscard = (entry, reason, extra) => {
+    if (!logDiscarded) {
+      return;
+    }
+    const detail = describeDiscardedEntry(entry);
+    if (extra) {
+      userLogger.warn(
+        `[UserBlockList] Discarded block entry (${reason}).`,
+        detail,
+        extra,
+      );
+      return;
+    }
+    userLogger.warn(`[UserBlockList] Discarded block entry (${reason}).`, detail);
+  };
+
+  for (const entry of iterable) {
+    let targetHex = null;
+
+    if (Array.isArray(entry)) {
+      if (entry.length < 2) {
+        logDiscard(entry, "invalid-tuple");
+        continue;
+      }
+
+      const label =
+        typeof entry[0] === "string" ? entry[0].trim().toLowerCase() : "";
+      if (label !== "p") {
+        logDiscard(entry, "unsupported-tag");
+        continue;
+      }
+
+      targetHex = normalizeHex(entry[1]);
+      if (!targetHex) {
+        logDiscard(entry, "invalid-target");
+        continue;
+      }
+    } else if (typeof entry === "string") {
+      targetHex = normalizeHex(entry);
+      if (!targetHex) {
+        logDiscard(entry, "invalid-string");
+        continue;
+      }
+    } else if (entry && typeof entry === "object") {
+      if (typeof entry.pubkey === "string") {
+        targetHex = normalizeHex(entry.pubkey);
+        if (!targetHex) {
+          logDiscard(entry, "invalid-object-pubkey");
+          continue;
+        }
+      } else {
+        logDiscard(entry, "unsupported-entry");
+        continue;
+      }
+    } else {
+      logDiscard(entry, "unsupported-entry");
+      continue;
+    }
+
+    if (owner && targetHex === owner) {
+      logDiscard(entry, "self-target");
+      continue;
+    }
+
+    if (seen.has(targetHex)) {
+      logDiscard(entry, "duplicate", targetHex);
+      continue;
+    }
+
+    seen.add(targetHex);
+    sanitized.push(["p", targetHex]);
+  }
+
+  return sanitized;
+}
+
+function serializeBlockListTagMatrix(values, ownerPubkey, options = {}) {
+  const tags = sanitizeMuteTags(values, ownerPubkey, options);
+  return JSON.stringify(tags);
+}
+
+function extractPubkeysFromTags(tags, ownerPubkey = null, options = {}) {
+  if (!Array.isArray(tags)) {
+    return [];
+  }
+  const collected = [];
+  const seen = new Set();
+  const owner = ownerPubkey ? normalizeHex(ownerPubkey) : null;
+  const limit = Number.isFinite(options?.limit)
+    ? Math.max(0, Math.floor(options.limit))
+    : null;
+
+  for (const entry of tags) {
+    if (!Array.isArray(entry) || entry.length < 2) {
+      continue;
+    }
+    const label = typeof entry[0] === "string" ? entry[0].trim().toLowerCase() : "";
+    if (label !== "p") {
+      continue;
+    }
+    const normalized = normalizeHex(entry[1]);
+    if (!normalized || (owner && normalized === owner) || seen.has(normalized)) {
+      continue;
+    }
+    seen.add(normalized);
+    collected.push(normalized);
+    if (limit !== null && collected.length >= limit) {
+      break;
+    }
+  }
+  return collected;
+}
+
+function parseBlockListPlaintext(plaintext, ownerPubkey, options = {}) {
+  if (typeof plaintext !== "string" || !plaintext) {
+    return [];
+  }
+
+  let parsed;
+  try {
+    parsed = JSON.parse(plaintext);
+  } catch (error) {
+    userLogger.warn(
+      "[UserBlockList] Failed to parse block list ciphertext as JSON; treating as empty.",
+      error,
+    );
+    return [];
+  }
+
+  const owner = normalizeHex(ownerPubkey);
+  const limit = Number.isFinite(options?.limit)
+    ? Math.max(0, Math.floor(options.limit))
+    : null;
+
+  if (Array.isArray(parsed)) {
+    if (limit !== null && parsed.length > limit) {
+      devLogger.warn(
+        "[UserBlockList] Block list payload exceeds entry limit; truncating.",
+        { limit, payloadSize: parsed.length },
+      );
+    }
+    return extractPubkeysFromTags(parsed, owner, { limit });
+  }
+
+  if (parsed && typeof parsed === "object") {
+    if (Array.isArray(parsed.tags) && parsed.tags.length) {
+      if (limit !== null && parsed.tags.length > limit) {
+        devLogger.warn(
+          "[UserBlockList] Block list tag payload exceeds entry limit; truncating.",
+          { limit, payloadSize: parsed.tags.length },
+        );
+      }
+      return extractPubkeysFromTags(parsed.tags, owner, { limit });
+    }
+
+    const legacy = Array.isArray(parsed.blockedPubkeys) ? parsed.blockedPubkeys : [];
+    if (limit !== null && legacy.length > limit) {
+      devLogger.warn(
+        "[UserBlockList] Legacy block list payload exceeds entry limit; truncating.",
+        { limit, payloadSize: legacy.length },
+      );
+    }
+    const normalizedLegacy = legacy
+      .map((value) => normalizeHex(value))
+      .filter((value) => value && value !== owner);
+    if (limit === null) {
+      return normalizedLegacy;
+    }
+    return normalizedLegacy.slice(0, limit);
+  }
+
+  return [];
+}
+
+function isUserBlockListEvent(event) {
+  if (!event || typeof event.kind !== "number") {
+    return false;
+  }
+
+  if (event.kind === 10000) {
+    return true;
+  }
+
+  if (event.kind === 30002) {
+    const tags = Array.isArray(event.tags) ? event.tags : [];
+    return tags.some(
+      (tag) =>
+        Array.isArray(tag) &&
+        typeof tag[0] === "string" &&
+        tag[0].trim().toLowerCase() === "d" &&
+        typeof tag[1] === "string" &&
+        tag[1].trim() === BLOCK_LIST_IDENTIFIER,
+    );
+  }
+
+  return false;
+}
+
+function isTaggedBlockListEvent(event) {
+  if (!event || !Array.isArray(event.tags)) {
+    return false;
+  }
+  return event.tags.some(
+    (tag) =>
+      Array.isArray(tag) &&
+      tag.length >= 2 &&
+      typeof tag[0] === "string" &&
+      tag[0].trim().toLowerCase() === "d" &&
+      typeof tag[1] === "string" &&
+      tag[1].trim() === BLOCK_LIST_IDENTIFIER,
+  );
+}
+
+const BECH32_CHARSET = "qpzry9x8gf2tvdw0s3jn54khce6mua7l";
+const BECH32_CHARSET_MAP = (() => {
+  const map = new Map();
+  for (let index = 0; index < BECH32_CHARSET.length; index += 1) {
+    map.set(BECH32_CHARSET[index], index);
+  }
+  return map;
+})();
+
+function bytesToHex(bytes) {
+  if (!bytes || typeof bytes.length !== "number") {
+    return "";
+  }
+
+  let hex = "";
+  for (let index = 0; index < bytes.length; index += 1) {
+    const value = bytes[index];
+    if (typeof value !== "number") {
+      return "";
+    }
+    const normalized = value & 0xff;
+    hex += normalized.toString(16).padStart(2, "0");
+  }
+  return hex;
+}
+
+function bech32Polymod(values) {
+  let chk = 1;
+  const generators = [0x3b6a57b2, 0x26508e6d, 0x1ea119fa, 0x3d4233dd, 0x2a1462b3];
+
+  for (const value of values) {
+    const top = chk >>> 25;
+    chk = ((chk & 0x1ffffff) << 5) ^ value;
+    for (let bit = 0; bit < generators.length; bit += 1) {
+      if ((top >>> bit) & 1) {
+        chk ^= generators[bit];
+      }
+    }
+  }
+
+  return chk;
+}
+
+function bech32HrpExpand(hrp) {
+  const expanded = [];
+  for (let index = 0; index < hrp.length; index += 1) {
+    const code = hrp.charCodeAt(index);
+    expanded.push(code >>> 5);
+  }
+  expanded.push(0);
+  for (let index = 0; index < hrp.length; index += 1) {
+    const code = hrp.charCodeAt(index);
+    expanded.push(code & 31);
+  }
+  return expanded;
+}
+
+function bech32VerifyChecksum(hrp, data) {
+  return bech32Polymod(bech32HrpExpand(hrp).concat(data)) === 1;
+}
+
+function bech32Decode(value) {
+  if (typeof value !== "string") {
+    return null;
+  }
+
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return null;
+  }
+
+  const lower = trimmed.toLowerCase();
+  const upper = trimmed.toUpperCase();
+  if (trimmed !== lower && trimmed !== upper) {
+    return null;
+  }
+
+  const normalized = lower;
+  const separatorIndex = normalized.lastIndexOf("1");
+  if (separatorIndex < 1 || separatorIndex + 7 > normalized.length) {
+    return null;
+  }
+
+  const hrp = normalized.slice(0, separatorIndex);
+  const data = [];
+  for (let index = separatorIndex + 1; index < normalized.length; index += 1) {
+    const char = normalized[index];
+    if (!BECH32_CHARSET_MAP.has(char)) {
+      return null;
+    }
+    data.push(BECH32_CHARSET_MAP.get(char));
+  }
+
+  if (!bech32VerifyChecksum(hrp, data)) {
+    return null;
+  }
+
+  return { hrp, words: data.slice(0, -6) };
+}
+
+function convertBits(data, fromBits, toBits, pad = true) {
+  const result = [];
+  let acc = 0;
+  let bits = 0;
+  const maxv = (1 << toBits) - 1;
+  const maxAcc = (1 << (fromBits + toBits - 1)) - 1;
+
+  for (const value of data) {
+    if (value < 0 || value >> fromBits) {
+      return null;
+    }
+    acc = ((acc << fromBits) | value) & maxAcc;
+    bits += fromBits;
+    while (bits >= toBits) {
+      bits -= toBits;
+      result.push((acc >>> bits) & maxv);
+    }
+  }
+
+  if (pad) {
+    if (bits) {
+      result.push((acc << (toBits - bits)) & maxv);
+    }
+  } else if (bits >= fromBits || ((acc << (toBits - bits)) & maxv)) {
+    return null;
+  }
+
+  return result;
+}
+
+function fallbackDecodeNpubToHex(value) {
+  const decoded = bech32Decode(value);
+  if (!decoded || decoded.hrp !== "npub") {
+    return "";
+  }
+
+  const bytes = convertBits(decoded.words, 5, 8, false);
+  if (!bytes || !bytes.length) {
+    return "";
+  }
+
+  return bytesToHex(bytes);
+}
+
+function normalizeDecodedHex(value) {
+  if (typeof value !== "string") {
+    return null;
+  }
+
+  const trimmed = value.trim();
+  if (!/^[0-9a-f]{64}$/i.test(trimmed)) {
+    return null;
+  }
+
+  return trimmed.toLowerCase();
+}
+
+function normalizeNpubInput(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return "";
+  }
+
+  const lower = trimmed.toLowerCase();
+  if (lower.startsWith("nostr:")) {
+    return trimmed.slice(6).trim();
+  }
+
+  return trimmed;
+}
+
+function decodeNpubToHex(npub) {
+  if (typeof npub !== "string") {
+    return null;
+  }
+
+  const trimmed = normalizeNpubInput(npub);
+  if (!trimmed) {
+    return null;
+  }
+
+  if (/^[0-9a-f]{64}$/i.test(trimmed)) {
+    return trimmed.toLowerCase();
+  }
+
+  const tools = typeof globalThis !== "undefined" ? globalThis?.NostrTools : null;
+  const decoder = tools?.nip19?.decode;
+  if (typeof decoder === "function") {
+    try {
+      const decoded = decoder(trimmed);
+      if (!decoded || decoded.type !== "npub") {
+        return normalizeDecodedHex(fallbackDecodeNpubToHex(trimmed));
+      }
+      if (typeof decoded.data === "string") {
+        const normalized = normalizeDecodedHex(decoded.data);
+        return normalized || normalizeDecodedHex(fallbackDecodeNpubToHex(trimmed));
+      }
+      return normalizeDecodedHex(bytesToHex(decoded.data));
+    } catch (error) {
+      return normalizeDecodedHex(fallbackDecodeNpubToHex(trimmed));
+    }
+  }
+
+  return normalizeDecodedHex(fallbackDecodeNpubToHex(trimmed));
+}
+
+function normalizeHex(pubkey) {
+  if (typeof pubkey !== "string") {
+    return null;
+  }
+
+  const trimmed = pubkey.trim();
+  if (!trimmed) {
+    return null;
+  }
+
+  if (/^[0-9a-f]{64}$/i.test(trimmed)) {
+    return trimmed.toLowerCase();
+  }
+
+  const decoded = decodeNpubToHex(trimmed);
+  if (decoded) {
+    return decoded;
+  }
+
+  return null;
+}
+
+class UserBlockListManager {
+  constructor() {
+    this.blockedPubkeys = new Set();
+    this.blockEventId = null;
+    this.blockEventCreatedAt = null;
+    this.lastPublishedCreatedAt = null;
+    this.muteEventId = null;
+    this.muteEventCreatedAt = null;
+    this.loaded = false;
+    this.emitter = new TinyEventEmitter();
+    this.seedStateCache = new Map();
+    this.decryptRetryTimeoutId = null;
+    this.loadPromise = null;
+    this.loadingPubkey = null;
+    this.blockListSubscriptionKey = null;
+
+    profileCache.subscribe((event, detail) => {
+      if (event === "profileChanged") {
+        this.reset();
+      } else if (event === "runtimeCleared" && detail.pubkey === this.activePubkey) {
+        this.reset();
+        if (this.activePubkey) {
+          this.loadBlocks(this.activePubkey);
+        }
+      }
+    });
+  }
+
+  reset() {
+    this.stopBlockListSubscription();
+    this.blockedPubkeys.clear();
+    this.blockEventId = null;
+    this.blockEventCreatedAt = null;
+    this.lastPublishedCreatedAt = null;
+    this.muteEventId = null;
+    this.muteEventCreatedAt = null;
+    this.loaded = false;
+    if (this.decryptRetryTimeoutId) {
+      clearTimeout(this.decryptRetryTimeoutId);
+      this.decryptRetryTimeoutId = null;
+    }
+    this.loadPromise = null;
+    this.loadingPubkey = null;
+  }
+
+  stopBlockListSubscription() {
+    if (this.blockListSubscriptionKey) {
+      relaySubscriptionService.stopSubscription(
+        this.blockListSubscriptionKey,
+        "reset",
+      );
+      this.blockListSubscriptionKey = null;
+    }
+  }
+
+  ensureBlockListSubscription(userPubkey, relays) {
+    const normalized = normalizeHex(userPubkey);
+    if (!normalized || !nostrClient?.pool) {
+      return null;
+    }
+
+    const key = `block-list:${normalized}`;
+    this.blockListSubscriptionKey = key;
+
+    const filters = [
+      { kinds: [10000], authors: [normalized] },
+      { kinds: [30002], authors: [normalized], "#d": [BLOCK_LIST_IDENTIFIER] },
+    ];
+
+    return relaySubscriptionService.ensureSubscription({
+      key,
+      pool: nostrClient.pool,
+      relays,
+      filters,
+      label: "block-list",
+      onEvent: (event) => this.handleBlockListEvent(event),
+    });
+  }
+
+  handleBlockListEvent(event) {
+    const normalized = normalizeHex(event?.pubkey);
+    if (!normalized || normalized !== this.activePubkey) {
+      return;
+    }
+    if (!isUserBlockListEvent(event)) {
+      return;
+    }
+
+    this.loadBlocks(normalized).catch((error) => {
+      devLogger.warn("[UserBlockList] Failed to refresh after block list event", error);
+    });
+  }
+
+  on(eventName, handler) {
+    return this.emitter.on(eventName, handler);
+  }
+
+  getBlockedPubkeys() {
+    return Array.from(this.blockedPubkeys);
+  }
+
+  scheduleDecryptRetry(userPubkey, detail = {}) {
+    if (!userPubkey) {
+      return;
+    }
+    if (this.decryptRetryTimeoutId) {
+      clearTimeout(this.decryptRetryTimeoutId);
+    }
+    const retryMeta = detail && typeof detail === "object" ? detail : {};
+    const signerStatus = retryMeta.signerStatus || "unknown";
+    this.decryptRetryTimeoutId = setTimeout(() => {
+      this.decryptRetryTimeoutId = null;
+      if (this.activePubkey !== userPubkey) {
+        return;
+      }
+      const sinceValue = Number.isFinite(this.blockEventCreatedAt)
+        ? Math.max(0, this.blockEventCreatedAt - 1)
+        : undefined;
+      this.loadBlocks(userPubkey, {
+        since: sinceValue,
+      }).catch((retryError) => {
+        userLogger.warn("[UserBlockList] Decryption retry failed:", retryError);
+      });
+    }, DECRYPT_RETRY_DELAY_MS);
+    devLogger.log(
+      `[UserBlockList] Decryption stalled (${signerStatus}); retrying in ${DECRYPT_RETRY_DELAY_MS / 1000}s.`,
+      retryMeta.error || retryMeta,
+    );
+  }
+
+  isBlocked(pubkey) {
+    const normalized = normalizeHex(pubkey);
+    if (!normalized) {
+      return false;
+    }
+    return this.blockedPubkeys.has(normalized);
+  }
+
+  async ensureLoaded(userPubkey) {
+    if (this.loaded) {
+      return;
+    }
+
+    const normalized = normalizeHex(userPubkey);
+    if (!normalized) {
+      return;
+    }
+
+    await this.loadBlocks(normalized);
+  }
+
+  async loadBlocks(userPubkey, options = {}) {
+    const normalized = normalizeHex(userPubkey);
+
+    if (this.loadPromise && this.loadingPubkey === normalized) {
+      devLogger.log("[UserBlockList] Reusing in-flight block list load.", {
+        pubkey: normalized,
+      });
+      return this.loadPromise;
+    }
+
+    if (this.loadPromise && this.loadingPubkey && this.loadingPubkey !== normalized) {
+      devLogger.log("[UserBlockList] Waiting for existing block list load to settle.", {
+        previous: this.loadingPubkey,
+        next: normalized,
+      });
+      await this.loadPromise.catch(() => {});
+    }
+
+    const loadPromise = this.loadBlocksInternal(normalized, options);
+    this.loadPromise = loadPromise;
+    this.loadingPubkey = normalized;
+
+    try {
+      return await loadPromise;
+    } finally {
+      if (this.loadPromise === loadPromise) {
+        this.loadPromise = null;
+        this.loadingPubkey = null;
+      }
+    }
+  }
+
+  async loadBlocksInternal(userPubkey, options = {}) {
+    const normalized = normalizeHex(userPubkey);
+    this.activePubkey = normalized;
+
+    if (!normalized) {
+      this.reset();
+      this.loaded = true;
+      return;
+    }
+
+    const since = Number.isFinite(options?.since)
+      ? Math.max(0, Math.floor(options.since))
+      : null;
+    const statusCallback =
+      typeof options?.statusCallback === "function" ? options.statusCallback : null;
+    const loadMode = options?.mode === "background" ? "background" : "interactive";
+    const allowPermissionPrompt =
+      options?.allowPermissionPrompt !== false && loadMode !== "background";
+    const decryptTimeoutMs = Number.isFinite(options?.decryptTimeoutMs)
+      ? Math.max(0, Math.floor(options.decryptTimeoutMs))
+      : allowPermissionPrompt
+        ? DECRYPT_TIMEOUT_MS
+        : BACKGROUND_DECRYPT_TIMEOUT_MS;
+    const nip07DecryptTimeoutMs = allowPermissionPrompt ? 12000 : 3000;
+
+    const emitStatus = (detail) => {
+      if (!detail || typeof detail !== "object") {
+        return;
+      }
+
+      try {
+        statusCallback?.(detail);
+      } catch (callbackError) {
+        userLogger.warn(
+          "[UserBlockList] statusCallback threw while emitting status",
+          callbackError,
+        );
+      }
+
+      try {
+        this.emitter.emit(USER_BLOCK_EVENTS.STATUS, detail);
+      } catch (emitterError) {
+        userLogger.warn(
+          "[UserBlockList] Failed to dispatch status event",
+          emitterError,
+        );
+      }
+    };
+
+    const readRelays = relayManager.getReadRelayUrls();
+    const relays = readRelays.length > 0 ? readRelays : Array.from(DEFAULT_RELAY_URLS);
+    emitStatus({ status: "loading", relays });
+    if (!nostrClient?.pool && typeof nostrClient?.ensurePool === "function") {
+      try {
+        await nostrClient.ensurePool();
+      } catch (error) {
+        devLogger.warn("[UserBlockList] Failed to initialize relay pool for subscription", error);
+      }
+    }
+    this.ensureBlockListSubscription(normalized, relays);
+
+    const localData = this._loadLocal(normalized);
+    const hasLocalData = !!localData;
+
+    if (localData) {
+      this.blockedPubkeys = localData.blockedPubkeys;
+      if (Number.isFinite(localData.createdAt)) {
+        this.blockEventCreatedAt = localData.createdAt;
+      }
+      this.loaded = true;
+      this.emitter.emit(USER_BLOCK_EVENTS.CHANGE, {
+        action: "sync",
+        blockedPubkeys: Array.from(this.blockedPubkeys),
+        source: "local",
+      });
+    }
+
+    const applyBlockedPubkeys = (nextValues, meta = {}) => {
+      const nextSet = new Set(Array.isArray(nextValues) ? nextValues : []);
+      this.blockedPubkeys = nextSet;
+
+      this.emitter.emit(USER_BLOCK_EVENTS.CHANGE, {
+        action: "sync",
+        blockedPubkeys: Array.from(this.blockedPubkeys),
+        ...meta,
+      });
+    };
+
+    const resolveDecryptors = async (event) => {
+      let signer = getActiveSigner();
+
+      const hints = extractEncryptionHints(event);
+      const requiresNip44 = hints.includes("nip44") || hints.includes("nip44_v2");
+      const requiresNip04 = !hints.length || hints.includes("nip04");
+
+      const signerHasRequiredDecryptors = (candidate) => {
+        const hasNip04 = typeof candidate?.nip04Decrypt === "function";
+        const hasNip44 = typeof candidate?.nip44Decrypt === "function";
+        return (!requiresNip44 || hasNip44) && (!requiresNip04 || hasNip04);
+      };
+
+      if (
+        !signer ||
+        (!signerHasRequiredDecryptors(signer) &&
+          typeof nostrClient?.ensureActiveSignerForPubkey === "function")
+      ) {
+        signer = await nostrClient.ensureActiveSignerForPubkey(normalized);
+      }
+
+      const signerHasNip04 = typeof signer?.nip04Decrypt === "function";
+      const signerHasNip44 = typeof signer?.nip44Decrypt === "function";
+      const signerAvailable = Boolean(signer);
+      const signerHasDecryptors = signerHasNip04 || signerHasNip44;
+      const signerStatus = signerAvailable
+        ? signerHasDecryptors
+          ? "present"
+          : "present-missing-decryptor"
+        : "missing";
+
+      let permissionError = null;
+      if ((!signerHasNip44 && requiresNip44) || (!signerHasNip04 && requiresNip04)) {
+        if (!allowPermissionPrompt) {
+          const error = new Error(
+            "Encryption permissions are required to decrypt the block list.",
+          );
+          error.code = "user-blocklist-permission-required";
+          error.permissionRequestDeferred = true;
+          permissionError = error;
+        } else {
+          try {
+            const permissionResult = await requestDefaultExtensionPermissions(
+              DEFAULT_NIP07_ENCRYPTION_METHODS,
+            );
+            if (!permissionResult?.ok) {
+              const error =
+                permissionResult?.error instanceof Error
+                  ? permissionResult.error
+                  : new Error(
+                      "Extension encryption permissions are required to use the browser decryptor.",
+                    );
+              error.code = "user-blocklist-permission-required";
+              permissionError = error;
+            }
+          } catch (error) {
+            const wrapped =
+              error instanceof Error ? error : new Error(String(error));
+            wrapped.code = "user-blocklist-permission-required";
+            permissionError = wrapped;
+          }
+        }
+      }
+
+      const decryptors = new Map();
+      const sources = new Map();
+      const registerDecryptor = (scheme, handler, source) => {
+        if (!scheme || typeof handler !== "function" || decryptors.has(scheme)) {
+          return;
+        }
+        decryptors.set(scheme, handler);
+        sources.set(scheme, source || "unknown");
+      };
+
+      if (signerHasNip44) {
+        registerDecryptor(
+          "nip44",
+          (payload) =>
+            signer.nip44Decrypt(normalized, payload, {
+              priority: NIP07_PRIORITY.HIGH,
+            }),
+          "active-signer",
+        );
+        registerDecryptor(
+          "nip44_v2",
+          (payload) =>
+            signer.nip44Decrypt(normalized, payload, {
+              priority: NIP07_PRIORITY.HIGH,
+            }),
+          "active-signer",
+        );
+      }
+
+      if (signerHasNip04) {
+        registerDecryptor(
+          "nip04",
+          (payload) =>
+            signer.nip04Decrypt(normalized, payload, {
+              priority: NIP07_PRIORITY.HIGH,
+            }),
+          "active-signer",
+        );
+      }
+
+      const nostrApi = typeof window !== "undefined" ? window?.nostr : null;
+      const decrypterOptions = {
+        priority: NIP07_PRIORITY.HIGH,
+        timeoutMs: nip07DecryptTimeoutMs,
+        retryMultiplier: 1,
+      };
+
+      if (nostrApi) {
+        if (typeof nostrApi.nip04?.decrypt === "function") {
+          registerDecryptor(
+            "nip04",
+            (payload) =>
+              runNip07WithRetry(
+                () => nostrApi.nip04.decrypt(normalized, payload),
+                { label: "nip04.decrypt", ...decrypterOptions },
+              ),
+            "extension",
+          );
+        }
+
+        const nip44 =
+          nostrApi.nip44 && typeof nostrApi.nip44 === "object"
+            ? nostrApi.nip44
+            : null;
+        if (nip44) {
+          if (typeof nip44.decrypt === "function") {
+            registerDecryptor(
+              "nip44",
+              (payload) =>
+                runNip07WithRetry(() => nip44.decrypt(normalized, payload), {
+                  label: "nip44.decrypt",
+                  ...decrypterOptions,
+                }),
+              "extension",
+            );
+          }
+
+          const nip44v2 =
+            nip44.v2 && typeof nip44.v2 === "object" ? nip44.v2 : null;
+          if (nip44v2 && typeof nip44v2.decrypt === "function") {
+            registerDecryptor(
+              "nip44_v2",
+              (payload) =>
+                runNip07WithRetry(() => nip44v2.decrypt(normalized, payload), {
+                  label: "nip44.v2.decrypt",
+                  ...decrypterOptions,
+                }),
+              "extension",
+            );
+            if (!decryptors.has("nip44")) {
+              registerDecryptor(
+                "nip44",
+                (payload) =>
+                  runNip07WithRetry(
+                    () => nip44v2.decrypt(normalized, payload),
+                    { label: "nip44.v2.decrypt", ...decrypterOptions },
+                  ),
+                "extension",
+              );
+            }
+          }
+        }
+      }
+
+      if (permissionError) {
+        permissionError.signerStatus = signerStatus;
+      }
+
+      return {
+        decryptors,
+        sources,
+        permissionError,
+        order: determineDecryptionOrder(event, Array.from(decryptors.keys())),
+        signerStatus,
+      };
+    };
+
+    try {
+      if (!relays.length) {
+        // Only clear if truly no relays, though loadBlocks with no relays is weird.
+        if (!this.loaded) {
+          this.blockedPubkeys.clear();
+          this.blockEventId = null;
+          this.blockEventCreatedAt = null;
+          this.loaded = true;
+        }
+        emitStatus({ status: "applied-empty" });
+        emitStatus({ status: "settled" });
+        return;
+      }
+
+      const applyEvents = async (
+        events,
+        { skipIfEmpty = false, source = "fast" } = {},
+      ) => {
+        const previousState = {
+          blockedPubkeys: new Set(this.blockedPubkeys),
+          blockEventId: this.blockEventId,
+          blockEventCreatedAt: this.blockEventCreatedAt,
+          loaded: this.loaded,
+        };
+
+        if (!Array.isArray(events) || !events.length) {
+          if (skipIfEmpty) {
+            return;
+          }
+          if (
+            this.lastPublishedCreatedAt !== null ||
+            this.blockEventCreatedAt !== null
+          ) {
+            emitStatus({ status: "stale", reason: "empty-result", source });
+            return;
+          }
+          if (!this.loaded) {
+             this.blockEventId = null;
+             this.blockEventCreatedAt = null;
+             applyBlockedPubkeys([], { source, reason: "empty-result" });
+          }
+          emitStatus({ status: "applied-empty", source });
+          return;
+        }
+
+        const validEvents = events.filter(
+          (event) =>
+            event && event.pubkey === normalized && isUserBlockListEvent(event),
+        );
+
+        if (!validEvents.length) {
+          if (skipIfEmpty) {
+            return;
+          }
+          if (
+            this.lastPublishedCreatedAt !== null ||
+            this.blockEventCreatedAt !== null
+          ) {
+            emitStatus({ status: "stale", reason: "empty-result", source });
+            return;
+          }
+          if (!this.loaded) {
+             this.blockEventId = null;
+             this.blockEventCreatedAt = null;
+             applyBlockedPubkeys([], { source, reason: "empty-result" });
+          }
+          emitStatus({ status: "applied-empty", source });
+          return;
+        }
+
+        // Separate by logic (Block vs Mute)
+        // Block: Kind 10000 with d=user-blocks OR Kind 30002 (legacy)
+        const blockEvents = validEvents
+          .filter((e) => isTaggedBlockListEvent(e) || e.kind === 30002)
+          .sort((a, b) => (b?.created_at || 0) - (a?.created_at || 0));
+
+        // Mute: Kind 10000 WITHOUT d=user-blocks
+        const muteEvents = validEvents
+          .filter((e) => e.kind === 10000 && !isTaggedBlockListEvent(e))
+          .sort((a, b) => (b?.created_at || 0) - (a?.created_at || 0));
+
+        const newestBlock = blockEvents[0] || null;
+        const newestMute = muteEvents[0] || null;
+
+        const newestMuteTime = Number.isFinite(newestMute?.created_at)
+          ? newestMute.created_at
+          : 0;
+        const newestBlockTime = Number.isFinite(newestBlock?.created_at)
+          ? newestBlock.created_at
+          : 0;
+
+        // The "canonical" newest event for stale checks is simply the latest of either.
+        const newestOverall =
+          newestMuteTime >= newestBlockTime ? newestMute : newestBlock;
+        const newestCreatedAt = Math.max(newestMuteTime, newestBlockTime);
+
+        // We accept this state.
+        this.blockEventId = newestOverall?.id || null;
+        this.blockEventCreatedAt = newestCreatedAt;
+
+        // Helper to decrypt a single event
+        const decryptEvent = async (ev, meta = {}) => {
+          if (!ev) return [];
+          const isContentEmpty = !ev.content || !ev.content.trim();
+
+          if (isContentEmpty) {
+            // Handle tag-only lists (e.g. Kind 10000 with empty content but populated p tags)
+            if (Array.isArray(ev.tags) && ev.tags.length) {
+              return extractPubkeysFromTags(ev.tags, normalized, {
+                limit: MAX_BLOCKLIST_ENTRIES,
+              });
+            }
+            return [];
+          }
+
+          const { decryptors, order, sources, permissionError, signerStatus } =
+            await resolveDecryptors(ev);
+          meta.signerStatus = signerStatus;
+          meta.decryptorSources = Array.from(sources.entries()).map(
+            ([scheme, source]) => ({ scheme, source }),
+          );
+
+          if (!decryptors.size) {
+            if (permissionError) {
+              throw permissionError;
+            }
+            const error = new Error("No decryptor available for block list event.");
+            error.code = "user-blocklist-no-decryptor";
+            error.signerStatus = signerStatus;
+            throw error;
+          }
+
+          let decryptedText = "";
+          for (const scheme of order) {
+            const handler = decryptors.get(scheme);
+            if (typeof handler !== "function") continue;
+            try {
+              const plaintext = await handler(ev.content);
+              if (typeof plaintext === "string") {
+                decryptedText = plaintext;
+                break;
+              }
+            } catch {
+              // ignore
+            }
+          }
+
+          if (!decryptedText) {
+            // If decryption fails completely for a present event, we might want to log it
+            // but return empty for that specific event.
+            return [];
+          }
+
+          return parseBlockListPlaintext(decryptedText, normalized, {
+            limit: MAX_BLOCKLIST_ENTRIES,
+          });
+        };
+
+        const mergedPubkeys = new Set();
+        let decryptionError = null;
+        const decryptMeta = {
+          mute: { eventId: newestMute?.id || null },
+          block: { eventId: newestBlock?.id || null },
+        };
+        const resolveSignerStatus = () => {
+          const statuses = [decryptMeta.mute.signerStatus, decryptMeta.block.signerStatus]
+            .filter(Boolean);
+          if (!statuses.length) {
+            return "unknown";
+          }
+          if (statuses.every((status) => status === "missing")) {
+            return "missing";
+          }
+          if (statuses.some((status) => status === "present-missing-decryptor")) {
+            return "present-missing-decryptor";
+          }
+          return "present";
+        };
+
+        try {
+          const decryptPromise = Promise.all([
+            decryptEvent(newestMute, decryptMeta.mute),
+            decryptEvent(newestBlock, decryptMeta.block),
+          ]);
+          const timeoutPromise = new Promise((_, reject) =>
+            setTimeout(
+              () => {
+                const timeoutError = new Error(
+                  `Decryption timed out after ${decryptTimeoutMs / 1000}s`,
+                );
+                timeoutError.code = "user-blocklist-decrypt-timeout";
+                timeoutError.signerStatus = resolveSignerStatus();
+                reject(timeoutError);
+              },
+              decryptTimeoutMs,
+            ),
+          );
+
+          const [muteList, blockList] = await Promise.race([
+            decryptPromise,
+            timeoutPromise,
+          ]);
+
+          muteList.forEach((pk) => mergedPubkeys.add(pk));
+          blockList.forEach((pk) => mergedPubkeys.add(pk));
+        } catch (error) {
+          // If permission denied or critical failure
+          decryptionError = error;
+        }
+
+        if (decryptionError) {
+          if (decryptionError.code === "user-blocklist-permission-required") {
+            const signerStatus =
+              decryptionError.signerStatus || resolveSignerStatus();
+            this.blockedPubkeys = previousState.blockedPubkeys;
+            this.blockEventId = previousState.blockEventId;
+            this.blockEventCreatedAt = previousState.blockEventCreatedAt;
+            this.loaded = true;
+            emitStatus({
+              status: "permission-required",
+              signerStatus,
+              source,
+              reason: "decryptor-permission",
+              allowPermissionPrompt,
+              mode: loadMode,
+              events: [newestMute?.id, newestBlock?.id].filter(Boolean),
+              error: decryptionError,
+            });
+            emitStatus({ status: "settled" });
+            return;
+          }
+          if (decryptionError.code === "user-blocklist-decrypt-timeout") {
+            const signerStatus =
+              decryptionError.signerStatus || resolveSignerStatus();
+            applyBlockedPubkeys([], {
+              source,
+              reason: "decrypt-timeout",
+              signerStatus,
+              events: [newestMute?.id, newestBlock?.id].filter(Boolean),
+            });
+            this.loaded = true;
+            emitStatus({
+              status: "applied-empty",
+              reason: "decrypt-timeout",
+              signerStatus,
+              source,
+            });
+            emitStatus({ status: "settled" });
+            userLogger.warn(
+              "[UserBlockList] Decryption timed out; applying empty list and retrying in background.",
+              {
+                signerStatus,
+                events: [newestMute?.id, newestBlock?.id].filter(Boolean),
+              },
+            );
+            this.scheduleDecryptRetry(normalized, {
+              error: decryptionError,
+              signerStatus,
+            });
+            return;
+          }
+          userLogger.warn(
+            "[UserBlockList] Decryption failed during merge.",
+            decryptionError,
+          );
+          this.blockedPubkeys = previousState.blockedPubkeys;
+          this.blockEventId = previousState.blockEventId;
+          this.blockEventCreatedAt = previousState.blockEventCreatedAt;
+          this.loaded = true;
+          const signerStatus =
+            decryptionError.signerStatus || resolveSignerStatus();
+          emitStatus({
+            status: "error",
+            error: decryptionError,
+            decryptor: "mixed",
+            signerStatus,
+          });
+          emitStatus({ status: "settled" });
+          return;
+        }
+
+        const hasMute = Boolean(newestMute);
+        const hasBlock = Boolean(newestBlock);
+
+        // Check if we should log "empty-events" reason
+        // Effectively empty means: missing content AND missing valid tags
+        const isMuteEffectiveEmpty = !newestMute || ((!newestMute.content || !newestMute.content.trim()) && (!newestMute.tags || !extractPubkeysFromTags(newestMute.tags, normalized).length));
+        const isBlockEffectiveEmpty = !newestBlock || ((!newestBlock.content || !newestBlock.content.trim()) && (!newestBlock.tags || !extractPubkeysFromTags(newestBlock.tags, normalized).length));
+
+        const effectiveReason = (isMuteEffectiveEmpty && isBlockEffectiveEmpty)
+            ? "empty-events"
+            : "applied-merge";
+
+        applyBlockedPubkeys(Array.from(mergedPubkeys), {
+          source,
+          reason: effectiveReason,
+          events: [newestMute?.id, newestBlock?.id].filter(Boolean),
+        });
+
+        if (effectiveReason === "empty-events") {
+           emitStatus({ status: "applied-empty", event: newestOverall, source });
+        } else {
+           emitStatus({
+             status: "applied",
+             event: newestOverall,
+             blockedPubkeys: Array.from(this.blockedPubkeys),
+             source,
+           });
+        }
+      };
+
+      // Anchor the fetch to the service's current state to prevent desync.
+      // If we have cached data, we ask for updates since that timestamp.
+      // If we have no data, we force a full fetch (since=0).
+      const fetchSince =
+        hasLocalData && Number.isFinite(this.blockEventCreatedAt)
+          ? this.blockEventCreatedAt
+          : 0;
+
+      // Concurrent incremental fetch for both kinds
+      const [muteEvents, blockEvents] = await Promise.all([
+        nostrClient.fetchListIncrementally({
+          kind: 10000,
+          pubkey: normalized,
+          relayUrls: relays,
+          since: fetchSince,
+          timeoutMs: 12000,
+        }),
+        nostrClient.fetchListIncrementally({
+          kind: 10000,
+          pubkey: normalized,
+          dTag: BLOCK_LIST_IDENTIFIER,
+          relayUrls: relays,
+          since: fetchSince,
+          timeoutMs: 12000,
+        }),
+      ]);
+
+      const combined = [...muteEvents, ...blockEvents];
+
+      // If combined is empty, check if we have loaded state
+      if (!combined.length) {
+         if (!this.loaded) {
+            // Assuming empty if we have no prior state
+            await applyEvents([], { source: "incremental" });
+         }
+      } else {
+         await applyEvents(combined, { source: "incremental" });
+      }
+
+
+    } catch (error) {
+      userLogger.error("[UserBlockList] loadBlocks failed (keeping local state):", error);
+      emitStatus({ status: "error", error });
+    } finally {
+      this.loaded = true;
+      emitStatus({ status: "settled" });
+    }
+  }
+
+  _loadLocal(actorHex) {
+    const normalizedActorHex = normalizeHex(actorHex);
+    if (!normalizedActorHex) {
+      return null;
+    }
+    const cached = profileCache.getProfileData(normalizedActorHex, "blocks");
+    if (Array.isArray(cached)) {
+      return { blockedPubkeys: new Set(cached), createdAt: null };
+    }
+    if (cached && typeof cached === "object") {
+      return {
+        blockedPubkeys: new Set(
+          Array.isArray(cached.blockedPubkeys) ? cached.blockedPubkeys : [],
+        ),
+        createdAt: Number.isFinite(cached.createdAt) ? cached.createdAt : null,
+      };
+    }
+    return null;
+  }
+
+  _saveLocal(actorHex) {
+    const normalizedActorHex = normalizeHex(actorHex);
+    if (!normalizedActorHex) {
+      return;
+    }
+    profileCache.setProfileData(normalizedActorHex, "blocks", {
+      blockedPubkeys: Array.from(this.blockedPubkeys),
+      createdAt: this.blockEventCreatedAt,
+      version: 1,
+    });
+  }
+
+  _getSeedState(actorHex) {
+    const normalized = normalizeHex(actorHex);
+    if (!normalized) {
+      return { seeded: false, removals: new Set() };
+    }
+
+    if (this.seedStateCache.has(normalized)) {
+      return this.seedStateCache.get(normalized);
+    }
+
+    const stored =
+      profileCache.getProfileData(normalized, "blocks_meta") || {};
+    const seeded = !!stored.seeded;
+    const removals = new Set(Array.isArray(stored.removals) ? stored.removals : []);
+
+    const state = { seeded, removals };
+    this.seedStateCache.set(normalized, state);
+    return state;
+  }
+
+  _persistSeedState(actorHex) {
+    const normalized = normalizeHex(actorHex);
+    if (!normalized) return;
+    const state = this.seedStateCache.get(normalized);
+    if (!state) return;
+
+    profileCache.setProfileData(normalized, "blocks_meta", {
+      seeded: state.seeded,
+      removals: Array.from(state.removals),
+    });
+  }
+
+  _setSeeded(actorHex, seeded) {
+    const normalized = normalizeHex(actorHex);
+    if (!normalized) return;
+
+    const state = this._getSeedState(normalized);
+    state.seeded = Boolean(seeded);
+    this._persistSeedState(normalized);
+  }
+
+  _addSeedRemoval(actorHex, targetHex) {
+    const normalizedActor = normalizeHex(actorHex);
+    const normalizedTarget = normalizeHex(targetHex);
+    if (!normalizedActor || !normalizedTarget) return;
+
+    const state = this._getSeedState(normalizedActor);
+    if (!state.removals.has(normalizedTarget)) {
+      state.removals.add(normalizedTarget);
+      this._persistSeedState(normalizedActor);
+    }
+  }
+
+  _clearSeedRemoval(actorHex, targetHex) {
+    const normalizedActor = normalizeHex(actorHex);
+    const normalizedTarget = normalizeHex(targetHex);
+    if (!normalizedActor || !normalizedTarget) return;
+
+    const state = this._getSeedState(normalizedActor);
+    if (state.removals.delete(normalizedTarget)) {
+      this._persistSeedState(normalizedActor);
+    }
+  }
+
+  async seedWithNpubs(userPubkey, candidateNpubs = []) {
+    const actorHex = normalizeHex(userPubkey);
+    if (!actorHex) {
+      return { ok: false, seeded: false, reason: "invalid-user" };
+    }
+
+    await this.ensureLoaded(actorHex);
+
+    const state = this._getSeedState(actorHex);
+    if (state.seeded) {
+      return { ok: true, seeded: false, reason: "already-seeded" };
+    }
+
+    const removals = state.removals;
+    const additions = new Set();
+    let invalidCount = 0;
+
+    const candidates = Array.isArray(candidateNpubs) ? candidateNpubs : [];
+    for (const candidate of candidates) {
+      const candidateHex = normalizeHex(candidate);
+      if (!candidateHex) {
+        invalidCount += 1;
+        continue;
+      }
+      if (candidateHex === actorHex) {
+        continue;
+      }
+      if (this.blockedPubkeys.has(candidateHex)) {
+        continue;
+      }
+      if (removals.has(candidateHex)) {
+        continue;
+      }
+      additions.add(candidateHex);
+    }
+
+    if (!additions.size) {
+      if (candidates.length) {
+        devLogger.info(
+          "[UserBlockList] Seed candidates resolved to zero additions.",
+          {
+            actorPubkey: actorHex,
+            candidateCount: candidates.length,
+            invalidCount,
+            blockedCount: this.blockedPubkeys.size,
+            removalCount: removals.size,
+          },
+        );
+      }
+      return { ok: true, seeded: false, reason: "no-candidates" };
+    }
+
+    const snapshot = new Set(this.blockedPubkeys);
+    additions.forEach((hex) => this.blockedPubkeys.add(hex));
+
+    try {
+      await this.publishBlockList(actorHex);
+    } catch (error) {
+      this.blockedPubkeys = snapshot;
+      throw error;
+    }
+
+    this._setSeeded(actorHex, true);
+    additions.forEach((hex) => this._clearSeedRemoval(actorHex, hex));
+    this._saveLocal(actorHex);
+
+    try {
+      this.emitter.emit(USER_BLOCK_EVENTS.CHANGE, {
+        action: "seed",
+        actorPubkey: actorHex,
+        blockedPubkeys: Array.from(this.blockedPubkeys),
+        addedPubkeys: Array.from(additions),
+      });
+    } catch (error) {
+      userLogger.warn("[UserBlockList] Failed to emit seed change event:", error);
+    }
+
+    return { ok: true, seeded: true, addedPubkeys: Array.from(additions) };
+  }
+
+  async seedLocalBaseline(userPubkey, candidateNpubs = []) {
+    const actorHex = normalizeHex(userPubkey);
+    if (!actorHex) {
+      return { ok: false, seeded: false, reason: "invalid-user" };
+    }
+
+    await this.ensureLoaded(actorHex);
+
+    const state = this._getSeedState(actorHex);
+    if (state.seeded) {
+      return { ok: true, seeded: false, reason: "already-seeded" };
+    }
+
+    if (this.blockedPubkeys.size > 0) {
+      return { ok: true, seeded: false, reason: "non-empty" };
+    }
+
+    const removals = state.removals;
+    const additions = new Set();
+    let invalidCount = 0;
+
+    const candidates = Array.isArray(candidateNpubs) ? candidateNpubs : [];
+    for (const candidate of candidates) {
+      const candidateHex = normalizeHex(candidate);
+      if (!candidateHex) {
+        invalidCount += 1;
+        continue;
+      }
+      if (candidateHex === actorHex) {
+        continue;
+      }
+      if (removals.has(candidateHex)) {
+        continue;
+      }
+      additions.add(candidateHex);
+    }
+
+    if (!additions.size) {
+      if (candidates.length) {
+        devLogger.info(
+          "[UserBlockList] Local seed candidates resolved to zero additions.",
+          {
+            actorPubkey: actorHex,
+            candidateCount: candidates.length,
+            invalidCount,
+            removalCount: removals.size,
+          },
+        );
+      }
+      this._setSeeded(actorHex, true);
+      return { ok: true, seeded: true, addedPubkeys: [] };
+    }
+
+    additions.forEach((hex) => this.blockedPubkeys.add(hex));
+
+    this._setSeeded(actorHex, true);
+    additions.forEach((hex) => this._clearSeedRemoval(actorHex, hex));
+
+    try {
+      this.emitter.emit(USER_BLOCK_EVENTS.CHANGE, {
+        action: "seed",
+        actorPubkey: actorHex,
+        blockedPubkeys: Array.from(this.blockedPubkeys),
+        addedPubkeys: Array.from(additions),
+        localOnly: true,
+      });
+    } catch (error) {
+      userLogger.warn("[UserBlockList] Failed to emit local seed change event:", error);
+    }
+
+    return { ok: true, seeded: true, addedPubkeys: Array.from(additions) };
+  }
+
+  async seedBaselineDelta(userPubkey, candidateNpubs = []) {
+    const actorHex = normalizeHex(userPubkey);
+    if (!actorHex) {
+      return { ok: false, seeded: false, reason: "invalid-user" };
+    }
+
+    await this.ensureLoaded(actorHex);
+
+    const state = this._getSeedState(actorHex);
+    const removals = state.removals;
+    const additions = new Set();
+    let invalidCount = 0;
+
+    const candidates = Array.isArray(candidateNpubs) ? candidateNpubs : [];
+    for (const candidate of candidates) {
+      const candidateHex = normalizeHex(candidate);
+      if (!candidateHex) {
+        invalidCount += 1;
+        continue;
+      }
+      if (candidateHex === actorHex) {
+        continue;
+      }
+      if (this.blockedPubkeys.has(candidateHex)) {
+        continue;
+      }
+      if (removals.has(candidateHex)) {
+        continue;
+      }
+      additions.add(candidateHex);
+    }
+
+    if (!additions.size) {
+      if (candidates.length) {
+        devLogger.info(
+          "[UserBlockList] Baseline delta candidates resolved to zero additions.",
+          {
+            actorPubkey: actorHex,
+            candidateCount: candidates.length,
+            invalidCount,
+            blockedCount: this.blockedPubkeys.size,
+            removalCount: removals.size,
+          },
+        );
+      }
+      if (!state.seeded) {
+        this._setSeeded(actorHex, true);
+      }
+      return { ok: true, seeded: state.seeded, reason: "no-candidates" };
+    }
+
+    additions.forEach((hex) => this.blockedPubkeys.add(hex));
+
+    this._setSeeded(actorHex, true);
+    this._saveLocal(actorHex);
+
+    try {
+      this.emitter.emit(USER_BLOCK_EVENTS.CHANGE, {
+        action: "seed-delta",
+        actorPubkey: actorHex,
+        blockedPubkeys: Array.from(this.blockedPubkeys),
+        addedPubkeys: Array.from(additions),
+        localOnly: true,
+      });
+    } catch (error) {
+      userLogger.warn("[UserBlockList] Failed to emit delta seed change event:", error);
+    }
+
+    return { ok: true, seeded: true, addedPubkeys: Array.from(additions) };
+  }
+
+  async addBlock(targetPubkey, userPubkey) {
+    const actorHex = normalizeHex(userPubkey);
+    if (!actorHex) {
+      throw new Error("Invalid user pubkey.");
+    }
+
+    const targetHex = normalizeHex(targetPubkey);
+    if (!targetHex) {
+      const err = new Error("Invalid target pubkey.");
+      err.code = "invalid";
+      throw err;
+    }
+
+    if (actorHex === targetHex) {
+      const err = new Error("Cannot block yourself.");
+      err.code = "self";
+      throw err;
+    }
+
+    await this.ensureLoaded(actorHex);
+
+    if (this.blockedPubkeys.has(targetHex)) {
+      return { ok: true, already: true };
+    }
+
+    const snapshot = new Set(this.blockedPubkeys);
+    this.blockedPubkeys.add(targetHex);
+
+    const loggedInPubkey = normalizeHex(nostrClient?.pubkey);
+    const sessionPubkey = normalizeHex(nostrClient?.sessionActor?.pubkey);
+    const isSessionActor =
+      !!actorHex && !loggedInPubkey && actorHex === sessionPubkey;
+
+    if (isSessionActor) {
+      this._saveLocal(actorHex);
+      this.emitter.emit(USER_BLOCK_EVENTS.CHANGE, {
+        action: "block",
+        targetPubkey: targetHex,
+        actorPubkey: actorHex,
+      });
+      this._clearSeedRemoval(actorHex, targetHex);
+      return { ok: true };
+    }
+
+    try {
+      await this.publishBlockList(actorHex);
+      this.emitter.emit(USER_BLOCK_EVENTS.CHANGE, {
+        action: "block",
+        targetPubkey: targetHex,
+        actorPubkey: actorHex,
+      });
+      this._clearSeedRemoval(actorHex, targetHex);
+      return { ok: true };
+    } catch (err) {
+      this.blockedPubkeys = snapshot;
+      throw err;
+    }
+  }
+
+  async removeBlock(targetPubkey, userPubkey) {
+    const actorHex = normalizeHex(userPubkey);
+    if (!actorHex) {
+      throw new Error("Invalid user pubkey.");
+    }
+
+    const targetHex = normalizeHex(targetPubkey);
+    if (!targetHex) {
+      return { ok: true, already: true };
+    }
+
+    await this.ensureLoaded(actorHex);
+
+    if (!this.blockedPubkeys.has(targetHex)) {
+      return { ok: true, already: true };
+    }
+
+    const snapshot = new Set(this.blockedPubkeys);
+    this.blockedPubkeys.delete(targetHex);
+
+    const loggedInPubkey = normalizeHex(nostrClient?.pubkey);
+    const sessionPubkey = normalizeHex(nostrClient?.sessionActor?.pubkey);
+    const isSessionActor =
+      !!actorHex && !loggedInPubkey && actorHex === sessionPubkey;
+
+    if (isSessionActor) {
+      this._saveLocal(actorHex);
+      this.emitter.emit(USER_BLOCK_EVENTS.CHANGE, {
+        action: "unblock",
+        targetPubkey: targetHex,
+        actorPubkey: actorHex,
+      });
+      this._addSeedRemoval(actorHex, targetHex);
+      return { ok: true };
+    }
+
+    try {
+      await this.publishBlockList(actorHex);
+      this.emitter.emit(USER_BLOCK_EVENTS.CHANGE, {
+        action: "unblock",
+        targetPubkey: targetHex,
+        actorPubkey: actorHex,
+      });
+      this._addSeedRemoval(actorHex, targetHex);
+      return { ok: true };
+    } catch (err) {
+      this.blockedPubkeys = snapshot;
+      throw err;
+    }
+  }
+
+  async publishMuteListSnapshot({
+    signer,
+    ownerPubkey,
+    blockedPubkeys = [],
+    createdAt,
+    plaintext = "",
+    onStatus,
+  } = {}) {
+    // nostrClient imported from nostrClientFacade
+    if (isSessionActor(nostrClient)) {
+      const error = new Error(
+        "Publishing mute lists is not allowed for session actors."
+      );
+      error.code = "session-actor-publish-blocked";
+      throw error;
+    }
+
+    const owner = normalizeHex(ownerPubkey);
+    if (!owner || !signer || typeof signer.signEvent !== "function") {
+      return null;
+    }
+
+    const sanitizedTags = sanitizeMuteTags(blockedPubkeys, owner);
+    const pTags = sanitizedTags.map((tag) => tag[1]);
+
+    const timestamp = Number.isFinite(createdAt)
+      ? Math.max(0, Math.floor(createdAt))
+      : Math.floor(Date.now() / 1000);
+
+    const payloadText = typeof plaintext === "string" ? plaintext : "";
+    let encryptedContent = "";
+    let encryptionTagValue = "";
+
+    if (payloadText) {
+      const encryptionCandidates = [];
+
+      if (typeof signer.nip44Encrypt === "function") {
+        encryptionCandidates.push({ tag: "nip44_v2", encrypt: signer.nip44Encrypt });
+      }
+
+      if (typeof signer.nip04Encrypt === "function") {
+        encryptionCandidates.push({ tag: "nip04", encrypt: signer.nip04Encrypt });
+      }
+
+      for (const candidate of encryptionCandidates) {
+        try {
+          const encrypted = await candidate.encrypt(owner, payloadText);
+          if (typeof encrypted === "string" && encrypted) {
+            encryptedContent = encrypted;
+            encryptionTagValue = candidate.tag;
+            break;
+          }
+        } catch (error) {
+          // Ignore encryption failures and fall back to the next candidate.
+        }
+      }
+    }
+
+    const event = buildMuteListEvent({
+      pubkey: owner,
+      created_at: timestamp,
+      pTags,
+      content: encryptedContent,
+      encrypted: !!encryptionTagValue,
+      encryptionTag: encryptionTagValue,
+    });
+
+    onStatus?.({ status: "mute-publishing" });
+
+    let signedEvent;
+    try {
+      signedEvent = await signer.signEvent(event);
+    } catch (error) {
+      const wrapped =
+        error instanceof Error ? error : new Error(String(error || "mute-signature-failed"));
+      wrapped.code = wrapped.code || "mute-signature-failed";
+      throw wrapped;
+    }
+
+    const publishResults = await publishEventToRelays(
+      nostrClient.pool,
+      nostrClient.relays,
+      signedEvent,
+    );
+
+    const summary = assertAnyRelayAccepted(publishResults, { context: "mute list" });
+
+    if (summary.failed.length) {
+      summary.failed.forEach(({ url, error: relayError }) => {
+        const reason =
+          relayError instanceof Error
+            ? relayError.message
+            : relayError
+            ? String(relayError)
+            : "publish failed";
+        userLogger.warn(
+          `[UserBlockList] Mute list not accepted by ${url}: ${reason}`,
+          relayError,
+        );
+      });
+    }
+
+    this.muteEventId = signedEvent.id;
+    this.muteEventCreatedAt = Number.isFinite(signedEvent?.created_at)
+      ? signedEvent.created_at
+      : event.created_at;
+
+    onStatus?.({ status: "mute-published", event: signedEvent });
+
+    return signedEvent;
+  }
+
+  async publishBlockList(userPubkey, options = {}) {
+    if (isSessionActor(nostrClient)) {
+      const error = new Error(
+        "Publishing block lists is not allowed for session actors."
+      );
+      error.code = "session-actor-publish-blocked";
+      throw error;
+    }
+
+    const onStatus =
+      options && typeof options.onStatus === "function" ? options.onStatus : null;
+
+    onStatus?.({ status: "publishing" });
+
+    let signer = getActiveSigner();
+    if (!signer) {
+      signer = await nostrClient.ensureActiveSignerForPubkey(userPubkey);
+    }
+
+    if (!signer) {
+      const err = new Error(
+        "An active signer is required to update the block list."
+      );
+      err.code = "signer-missing";
+      throw err;
+    }
+
+    if (signer.type === "extension") {
+      const permissionResult = await requestDefaultExtensionPermissions(
+        DEFAULT_NIP07_ENCRYPTION_METHODS,
+      );
+      if (!permissionResult.ok) {
+        userLogger.warn(
+          "[UserBlockList] Signer permissions denied while updating the block list.",
+          permissionResult.error,
+        );
+        const err = new Error(
+          "The active signer must allow encryption before updating the block list.",
+        );
+        err.code = "extension-encryption-permission-denied";
+        err.cause = permissionResult.error;
+        throw err;
+      }
+    }
+
+    if (typeof signer.signEvent !== "function") {
+      const err = new Error("Active signer missing signEvent support.");
+      err.code = "sign-event-missing";
+      throw err;
+    }
+
+    const normalized = normalizeHex(userPubkey);
+    if (!normalized) {
+      throw new Error("Invalid user pubkey.");
+    }
+
+    const sanitizedTags = sanitizeMuteTags(this.blockedPubkeys, normalized);
+    const payload = {
+      blockedPubkeys: sanitizedTags.map(([, target]) => target),
+    };
+    const plaintext = serializeBlockListTagMatrix(sanitizedTags, normalized, {
+      logDiscarded: false,
+    });
+
+    const encryptors = [];
+    const registerEncryptor = (scheme, handler) => {
+      if (!scheme || typeof handler !== "function") {
+        return;
+      }
+      encryptors.push({ scheme, handler });
+    };
+
+    if (typeof signer.nip44Encrypt === "function") {
+      registerEncryptor("nip44_v2", (value) => signer.nip44Encrypt(normalized, value));
+      registerEncryptor("nip44", (value) => signer.nip44Encrypt(normalized, value));
+    }
+
+    if (typeof signer.nip04Encrypt === "function") {
+      registerEncryptor("nip04", (value) => signer.nip04Encrypt(normalized, value));
+    }
+
+    if (!encryptors.length) {
+      const err = new Error(
+        "An encryption-capable signer is required to update the block list."
+      );
+      err.code = "block-list-missing-encryptor";
+      throw err;
+    }
+
+    let cipherText = "";
+    let encryptionScheme = "";
+    const seenSchemes = new Set();
+    const encryptionErrors = [];
+
+    for (const candidate of encryptors) {
+      if (seenSchemes.has(candidate.scheme)) {
+        continue;
+      }
+      seenSchemes.add(candidate.scheme);
+      try {
+        const encrypted = await candidate.handler(plaintext);
+        if (typeof encrypted === "string" && encrypted) {
+          cipherText = encrypted;
+          encryptionScheme = candidate.scheme;
+          break;
+        }
+      } catch (error) {
+        encryptionErrors.push({ scheme: candidate.scheme, error });
+      }
+    }
+
+    if (!cipherText) {
+      const err = new Error("Failed to encrypt block list.");
+      err.code = "block-list-encrypt-failed";
+      err.cause = encryptionErrors;
+      throw err;
+    }
+
+    const encryptionTagValue =
+      encryptionScheme === "nip44_v2"
+        ? "nip44_v2"
+        : encryptionScheme === "nip44"
+          ? "nip44"
+          : encryptionScheme === "nip04"
+            ? "nip04"
+            : undefined;
+
+    const event = buildBlockListEvent({
+      pubkey: normalized,
+      created_at: Math.floor(Date.now() / 1000),
+      content: cipherText,
+      encryption: encryptionTagValue,
+    });
+
+    const signedEvent = await signer.signEvent(event);
+
+    const publishResults = await publishEventToRelays(
+      nostrClient.pool,
+      nostrClient.relays,
+      signedEvent
+    );
+
+    let publishSummary;
+    try {
+      publishSummary = assertAnyRelayAccepted(publishResults, {
+        context: "block list",
+      });
+    } catch (publishError) {
+      if (publishError?.relayFailures?.length) {
+        publishError.relayFailures.forEach(
+          ({ url, error: relayError, reason }) => {
+            userLogger.error(
+              `[UserBlockList] Block list rejected by ${url}: ${reason}`,
+              relayError || reason
+            );
+          }
+        );
+      }
+      throw publishError;
+    }
+
+    if (publishSummary.failed.length) {
+      publishSummary.failed.forEach(({ url, error: relayError }) => {
+        const reason =
+          relayError instanceof Error
+            ? relayError.message
+            : relayError
+            ? String(relayError)
+            : "publish failed";
+        userLogger.warn(
+          `[UserBlockList] Block list not accepted by ${url}: ${reason}`,
+          relayError
+        );
+      });
+    }
+
+    this.blockEventId = signedEvent.id;
+    this.blockEventCreatedAt = Number.isFinite(signedEvent?.created_at)
+      ? signedEvent.created_at
+      : event.created_at;
+    this.lastPublishedCreatedAt = this.blockEventCreatedAt;
+    onStatus?.({ status: "published", event: signedEvent });
+
+    try {
+      await this.publishMuteListSnapshot({
+        signer,
+        ownerPubkey: normalized,
+        blockedPubkeys: payload.blockedPubkeys,
+        createdAt: event.created_at,
+        plaintext,
+        onStatus,
+      });
+    } catch (muteError) {
+      userLogger.warn("[UserBlockList] Failed to publish mute list", muteError);
+    }
+
+    try {
+      await this.loadBlocks(normalized, {
+        since: this.lastPublishedCreatedAt ?? undefined,
+        statusCallback: (detail) => {
+          if (!onStatus) {
+            return;
+          }
+          onStatus({ status: "relay", detail });
+        },
+      });
+    } catch (refreshError) {
+      onStatus?.({ status: "relay-error", error: refreshError });
+    }
+
+    return signedEvent;
+  }
+}
+
+export const userBlocks = new UserBlockListManager();
+
+if (typeof window !== "undefined") {
+  window.userBlocks = userBlocks;
+}
diff --git a/dist/js/utils/cardSourceVisibility.js b/dist/js/utils/cardSourceVisibility.js
new file mode 100644
index 00000000..a3f91b1c
--- /dev/null
+++ b/dist/js/utils/cardSourceVisibility.js
@@ -0,0 +1,90 @@
+function resolveCardElement(cardLike) {
+  if (!cardLike) {
+    return null;
+  }
+
+  const isElement =
+    typeof cardLike === "object" && cardLike !== null && cardLike.nodeType === 1;
+
+  if (isElement) {
+    const element = cardLike;
+    if (typeof element.closest === "function") {
+      if (element.classList?.contains("card")) {
+        return element;
+      }
+      return element.closest(".card");
+    }
+    return element.classList?.contains("card") ? element : null;
+  }
+
+  if (
+    typeof HTMLElement !== "undefined" &&
+    cardLike instanceof HTMLElement &&
+    typeof cardLike.closest === "function"
+  ) {
+    if (cardLike.classList.contains("card")) {
+      return cardLike;
+    }
+    return cardLike.closest(".card");
+  }
+
+  if (typeof cardLike === "object" && cardLike !== null) {
+    if (typeof cardLike.card === "object" && cardLike.card?.nodeType === 1) {
+      return resolveCardElement(cardLike.card);
+    }
+    if (typeof cardLike.root === "object" && cardLike.root?.nodeType === 1) {
+      return resolveCardElement(cardLike.root);
+    }
+  }
+
+  return null;
+}
+
+export function updateVideoCardSourceVisibility(cardLike) {
+  const card = resolveCardElement(cardLike);
+  if (!card) {
+    return;
+  }
+
+  if (card.dataset.ownerIsViewer === "true") {
+    if (card.hidden) {
+      card.hidden = false;
+    }
+    if (card.dataset.sourceVisibility !== "visible") {
+      card.dataset.sourceVisibility = "visible";
+    }
+    return;
+  }
+
+  const cdnState = (card.dataset.urlHealthState || "").toLowerCase();
+  const streamState = (card.dataset.streamHealthState || "").toLowerCase();
+
+  const cdnPending = !cdnState || cdnState === "checking";
+  const streamPending = !streamState || streamState === "checking";
+
+  const cdnHealthy = cdnState === "healthy";
+  const streamHealthy = streamState === "healthy";
+
+  const shouldHide =
+    !cdnHealthy &&
+    !streamHealthy &&
+    !cdnPending &&
+    !streamPending;
+
+  if (shouldHide) {
+    if (!card.hidden) {
+      card.hidden = true;
+    }
+    if (card.dataset.sourceVisibility !== "hidden") {
+      card.dataset.sourceVisibility = "hidden";
+    }
+    return;
+  }
+
+  if (card.hidden) {
+    card.hidden = false;
+  }
+  if (card.dataset.sourceVisibility !== "visible") {
+    card.dataset.sourceVisibility = "visible";
+  }
+}
diff --git a/dist/js/utils/domUtils.js b/dist/js/utils/domUtils.js
new file mode 100644
index 00000000..c41d0099
--- /dev/null
+++ b/dist/js/utils/domUtils.js
@@ -0,0 +1,35 @@
+// js/utils/domUtils.js
+
+const TRACKING_SCRIPT_PATTERN = /(?:^|\/)tracking\.js(?:$|\?)/;
+
+/**
+ * Removes script tags that match known tracking script patterns.
+ */
+export function removeTrackingScripts(root) {
+  if (!root || typeof root.querySelectorAll !== "function") {
+    return;
+  }
+
+  root.querySelectorAll("script[src]").forEach((script) => {
+    const src = script.getAttribute("src") || "";
+    if (TRACKING_SCRIPT_PATTERN.test(src)) {
+      script.remove();
+    }
+  });
+}
+
+/**
+ * Escapes HTML entities in a string to prevent XSS when injecting content.
+ */
+export function escapeHTML(unsafe) {
+  if (unsafe === null || typeof unsafe === "undefined") {
+    return "";
+  }
+
+  return String(unsafe)
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#039;");
+}
diff --git a/dist/js/utils/formatters.js b/dist/js/utils/formatters.js
new file mode 100644
index 00000000..278bee49
--- /dev/null
+++ b/dist/js/utils/formatters.js
@@ -0,0 +1,126 @@
+// js/utils/formatters.js
+
+/**
+ * Shortens a string by replacing the middle with an ellipsis when it exceeds
+ * the desired length. Ensures the returned string never exceeds `maxLength`.
+ */
+export function truncateMiddle(text, maxLength = 72) {
+  if (!text || typeof text !== "string") {
+    return "";
+  }
+
+  if (text.length <= maxLength) {
+    return text;
+  }
+
+  const ellipsis = "…";
+  const charsToShow = maxLength - ellipsis.length;
+  const front = Math.ceil(charsToShow / 2);
+  const back = Math.floor(charsToShow / 2);
+  return `${text.slice(0, front)}${ellipsis}${text.slice(text.length - back)}`;
+}
+
+/**
+ * Formats an npub string using the canonical short display format used across
+ * the app (first 8 characters, ellipsis, last 4 characters). When the input is
+ * not an npub or is already short, the original value is returned.
+ */
+export function formatShortNpub(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return "";
+  }
+
+  if (!trimmed.startsWith("npub") || trimmed.length <= 12) {
+    return trimmed;
+  }
+
+  return `${trimmed.slice(0, 8)}...${trimmed.slice(-4)}`;
+}
+
+/**
+ * Formats a timestamp (in seconds) to a localized string. Falls back to
+ * ISO-8601 formatting if locale formatting fails.
+ */
+export function formatAbsoluteTimestamp(timestamp) {
+  if (!Number.isFinite(timestamp)) {
+    return "Unknown date";
+  }
+
+  const date = new Date(timestamp * 1000);
+  if (Number.isNaN(date.getTime())) {
+    return "Unknown date";
+  }
+
+  try {
+    return date.toLocaleString(undefined, {
+      year: "numeric",
+      month: "short",
+      day: "2-digit",
+      hour: "2-digit",
+      minute: "2-digit",
+    });
+  } catch (err) {
+    return date.toISOString();
+  }
+}
+
+/**
+ * Returns a human readable "time ago" string for a timestamp (in seconds).
+ */
+export function formatTimeAgo(timestamp) {
+  const seconds = Math.floor(Date.now() / 1000 - timestamp);
+  const intervals = {
+    year: 31536000,
+    month: 2592000,
+    week: 604800,
+    day: 86400,
+    hour: 3600,
+    minute: 60,
+  };
+  for (const [unit, secInUnit] of Object.entries(intervals)) {
+    const int = Math.floor(seconds / secInUnit);
+    if (int >= 1) {
+      return `${int} ${unit}${int > 1 ? "s" : ""} ago`;
+    }
+  }
+  return "just now";
+}
+
+/**
+ * Formats a timestamp (in seconds) to a long absolute date with ordinal day
+ * (e.g. "January 6th, 2026").
+ */
+export function formatAbsoluteDateWithOrdinal(timestamp) {
+  if (!Number.isFinite(timestamp)) {
+    return "";
+  }
+
+  const date = new Date(timestamp * 1000);
+  if (Number.isNaN(date.getTime())) {
+    return "";
+  }
+
+  // Helper for English ordinal suffixes
+  const getOrdinal = (n) => {
+    const s = ["th", "st", "nd", "rd"];
+    const v = n % 100;
+    return s[(v - 20) % 10] || s[v] || s[0];
+  };
+
+  try {
+    const month = date.toLocaleString("en-US", { month: "long" });
+    const day = date.getDate();
+    const year = date.getFullYear();
+    const suffix = getOrdinal(day);
+
+    return `${month} ${day}${suffix}, ${year}`;
+  } catch (err) {
+    // Fallback if locale fails
+    return date.toDateString();
+  }
+}
diff --git a/dist/js/utils/hashtagNormalization.js b/dist/js/utils/hashtagNormalization.js
new file mode 100644
index 00000000..c1d0f624
--- /dev/null
+++ b/dist/js/utils/hashtagNormalization.js
@@ -0,0 +1,50 @@
+// js/utils/hashtagNormalization.js
+
+const HASH_PREFIX_PATTERN = /^#+/;
+
+/**
+ * Normalize hashtags consistently across storage, matching, and UI validation.
+ *
+ * Normalization rules:
+ * 1) Trim surrounding whitespace.
+ * 2) Strip leading "#" characters.
+ * 3) Lowercase the remaining value.
+ *
+ * Note: We do not strip punctuation today. Only add punctuation stripping if
+ * product explicitly decides to change the rules.
+ *
+ * @param {string} value
+ * @returns {string} normalized hashtag or empty string when invalid.
+ */
+export function normalizeHashtag(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return "";
+  }
+
+  const withoutHashes = trimmed.replace(HASH_PREFIX_PATTERN, "").trim();
+  if (!withoutHashes) {
+    return "";
+  }
+
+  return withoutHashes.toLowerCase();
+}
+
+/**
+ * Format a hashtag for display, ensuring a single leading hash.
+ *
+ * @param {string} value
+ * @returns {string}
+ */
+export function formatHashtag(value) {
+  const normalized = normalizeHashtag(value);
+  if (!normalized) {
+    return "";
+  }
+
+  return `#${normalized}`;
+}
diff --git a/dist/js/utils/hex.js b/dist/js/utils/hex.js
new file mode 100644
index 00000000..367f78bd
--- /dev/null
+++ b/dist/js/utils/hex.js
@@ -0,0 +1,11 @@
+export function normalizeHexString(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+
+  const trimmed = value.trim();
+  return trimmed ? trimmed.toLowerCase() : "";
+}
+
+export const normalizeHexId = normalizeHexString;
+export const normalizeHexPubkey = normalizeHexString;
diff --git a/dist/js/utils/linkPreviewSettings.js b/dist/js/utils/linkPreviewSettings.js
new file mode 100644
index 00000000..61dd6e3e
--- /dev/null
+++ b/dist/js/utils/linkPreviewSettings.js
@@ -0,0 +1,150 @@
+import { devLogger } from "./logger.js";
+
+const STORAGE_KEY = "bitvid:linkPreviewSettings:v1";
+const EVENT_NAME = "bitvid:link-preview-settings";
+const DEFAULT_SETTINGS = Object.freeze({
+  autoFetchUnknownDomains: true,
+  allowedDomains: [],
+});
+
+const getStorage = () => {
+  if (typeof window !== "undefined" && window.localStorage) {
+    return window.localStorage;
+  }
+  if (typeof globalThis !== "undefined" && globalThis.localStorage) {
+    return globalThis.localStorage;
+  }
+  return null;
+};
+
+const getEventTarget = () =>
+  typeof window !== "undefined" ? window : globalThis;
+
+const normalizeDomain = (value) => {
+  if (typeof value !== "string") {
+    return "";
+  }
+  const trimmed = value.trim().toLowerCase();
+  return trimmed;
+};
+
+const sanitizeDomains = (domains) => {
+  if (!Array.isArray(domains)) {
+    return [];
+  }
+  const normalized = domains
+    .map((domain) => normalizeDomain(domain))
+    .filter(Boolean);
+  return Array.from(new Set(normalized));
+};
+
+const sanitizeSettings = (settings) => {
+  if (!settings || typeof settings !== "object") {
+    return {
+      autoFetchUnknownDomains: DEFAULT_SETTINGS.autoFetchUnknownDomains,
+      allowedDomains: [],
+    };
+  }
+  const autoFetchUnknownDomains =
+    typeof settings.autoFetchUnknownDomains === "boolean"
+      ? settings.autoFetchUnknownDomains
+      : DEFAULT_SETTINGS.autoFetchUnknownDomains;
+  const allowedDomains = sanitizeDomains(settings.allowedDomains);
+  return {
+    autoFetchUnknownDomains,
+    allowedDomains,
+  };
+};
+
+const emitSettings = (settings) => {
+  const target = getEventTarget();
+  if (!target || typeof target.dispatchEvent !== "function") {
+    return;
+  }
+  target.dispatchEvent(
+    new CustomEvent(EVENT_NAME, { detail: { settings } }),
+  );
+};
+
+export const getLinkPreviewSettings = () => {
+  const storage = getStorage();
+  if (!storage) {
+    return { ...DEFAULT_SETTINGS, allowedDomains: [] };
+  }
+  const raw = storage.getItem(STORAGE_KEY);
+  if (!raw) {
+    return { ...DEFAULT_SETTINGS, allowedDomains: [] };
+  }
+  try {
+    const parsed = JSON.parse(raw);
+    const sanitized = sanitizeSettings(parsed);
+    return { ...sanitized, allowedDomains: [...sanitized.allowedDomains] };
+  } catch (error) {
+    devLogger.warn("[linkPreviewSettings] Failed to parse settings.", error);
+    return { ...DEFAULT_SETTINGS, allowedDomains: [] };
+  }
+};
+
+const persistSettings = (settings, { silent = false } = {}) => {
+  const storage = getStorage();
+  if (!storage) {
+    return;
+  }
+  try {
+    storage.setItem(STORAGE_KEY, JSON.stringify(settings));
+  } catch (error) {
+    devLogger.warn("[linkPreviewSettings] Failed to persist settings.", error);
+  }
+  if (!silent) {
+    emitSettings(settings);
+  }
+};
+
+export const setLinkPreviewAutoFetch = (enabled) => {
+  const current = getLinkPreviewSettings();
+  const next = {
+    ...current,
+    autoFetchUnknownDomains: Boolean(enabled),
+  };
+  persistSettings(next);
+  return next;
+};
+
+export const allowLinkPreviewDomain = (domain, { silent = false } = {}) => {
+  const normalized = normalizeDomain(domain);
+  if (!normalized) {
+    return getLinkPreviewSettings();
+  }
+  const current = getLinkPreviewSettings();
+  if (current.allowedDomains.includes(normalized)) {
+    return current;
+  }
+  const next = {
+    ...current,
+    allowedDomains: [...current.allowedDomains, normalized],
+  };
+  persistSettings(next, { silent });
+  return next;
+};
+
+export const isLinkPreviewDomainAllowed = (domain, settings) => {
+  const normalized = normalizeDomain(domain);
+  if (!normalized) {
+    return false;
+  }
+  const resolvedSettings = settings || getLinkPreviewSettings();
+  return resolvedSettings.allowedDomains.includes(normalized);
+};
+
+export const subscribeToLinkPreviewSettings = (callback) => {
+  const target = getEventTarget();
+  if (!target || typeof target.addEventListener !== "function") {
+    return () => {};
+  }
+  const handler =
+    typeof callback === "function"
+      ? callback
+      : () => {};
+  target.addEventListener(EVENT_NAME, handler);
+  return () => target.removeEventListener(EVENT_NAME, handler);
+};
diff --git a/dist/js/utils/logger.js b/dist/js/utils/logger.js
new file mode 100644
index 00000000..53289dfb
--- /dev/null
+++ b/dist/js/utils/logger.js
@@ -0,0 +1,170 @@
+// js/utils/logger.js
+// Provides frozen logger channels so both modules and inline scripts share
+// consistent dev-vs-user logging semantics without duplicating feature gates.
+// The dev channel now exposes a `debug` helper for high-volume traces that
+// should never reach production consoles.
+
+import { isDevMode } from "../config.js";
+
+const NOOP = () => {};
+
+function resolveConsole() {
+  if (typeof console === "undefined" || console === null) {
+    return null;
+  }
+  return console;
+}
+
+/**
+ * Returns a console shim with safe wrappers for the standard log levels.
+ * Each method gracefully falls back to console.log or a noop when unavailable.
+ */
+function createConsoleAdapter() {
+  const consoleRef = resolveConsole();
+  if (!consoleRef) {
+    return {
+      log: NOOP,
+      info: NOOP,
+      debug: NOOP,
+      warn: NOOP,
+      error: NOOP,
+    };
+  }
+
+  const fallback = typeof consoleRef.log === "function" ? consoleRef.log.bind(consoleRef) : NOOP;
+
+  return {
+    log: typeof consoleRef.log === "function" ? consoleRef.log.bind(consoleRef) : fallback,
+    info: typeof consoleRef.info === "function" ? consoleRef.info.bind(consoleRef) : fallback,
+    debug: typeof consoleRef.debug === "function" ? consoleRef.debug.bind(consoleRef) : fallback,
+    warn: typeof consoleRef.warn === "function" ? consoleRef.warn.bind(consoleRef) : fallback,
+    error: typeof consoleRef.error === "function" ? consoleRef.error.bind(consoleRef) : fallback,
+  };
+}
+
+const consoleAdapter = createConsoleAdapter();
+const USER_PREFIX = "[bitvid]";
+
+function extractForceFlag(args) {
+  if (args.length === 0) {
+    return { args, force: false };
+  }
+
+  const last = args[args.length - 1];
+  if (last && typeof last === "object" && !Array.isArray(last) && Object.prototype.hasOwnProperty.call(last, "force")) {
+    const cloned = [...args];
+    const options = cloned.pop();
+    return { args: cloned, force: Boolean(options.force) };
+  }
+
+  return { args, force: false };
+}
+
+const devLogger = Object.freeze({
+  log: (...args) => {
+    if (!isDevMode) return;
+    consoleAdapter.log(...args);
+  },
+  info: (...args) => {
+    if (!isDevMode) return;
+    consoleAdapter.info(...args);
+  },
+  debug: (...args) => {
+    if (!isDevMode) return;
+    consoleAdapter.debug(...args);
+  },
+  warn: (...args) => {
+    if (!isDevMode) return;
+    consoleAdapter.warn(...args);
+  },
+  error: (...args) => {
+    if (!isDevMode) return;
+    consoleAdapter.error(...args);
+  },
+});
+
+const userLogger = Object.freeze({
+  log: (...rawArgs) => {
+    const { args, force } = extractForceFlag(rawArgs);
+    if (!force && args.length === 0) {
+      return;
+    }
+
+    if (force) {
+      consoleAdapter.log(USER_PREFIX, ...args);
+      return;
+    }
+
+    const [message, ...rest] = args;
+    if (typeof message === "string" && rest.length === 0) {
+      consoleAdapter.log(`${USER_PREFIX} ${message}`);
+      return;
+    }
+
+    if (message !== undefined) {
+      consoleAdapter.log(USER_PREFIX, message);
+    }
+  },
+  info: (...rawArgs) => {
+    const { args, force } = extractForceFlag(rawArgs);
+    if (!force && args.length === 0) {
+      return;
+    }
+
+    if (force) {
+      consoleAdapter.info(USER_PREFIX, ...args);
+      return;
+    }
+
+    const [message, ...rest] = args;
+    if (typeof message === "string" && rest.length === 0) {
+      consoleAdapter.info(`${USER_PREFIX} ${message}`);
+      return;
+    }
+
+    if (message !== undefined) {
+      consoleAdapter.info(USER_PREFIX, message);
+    }
+  },
+  warn: (...args) => {
+    consoleAdapter.warn(USER_PREFIX, ...args);
+  },
+  error: (...args) => {
+    consoleAdapter.error(USER_PREFIX, ...args);
+  },
+});
+
+const logger = Object.freeze({
+  dev: devLogger,
+  user: userLogger,
+});
+
+function isCompatibleLogger(candidate) {
+  if (!candidate || typeof candidate !== "object") {
+    return false;
+  }
+
+  const channelRequirements = {
+    dev: ["log", "info", "debug", "warn", "error"],
+    user: ["log", "info", "warn", "error"],
+  };
+
+  return Object.entries(channelRequirements).every(([channel, methods]) => {
+    const obj = candidate[channel];
+    if (!obj || typeof obj !== "object") {
+      return false;
+    }
+    return methods.every((method) => typeof obj[method] === "function");
+  });
+}
+
+if (typeof window !== "undefined") {
+  if (!isCompatibleLogger(window.bitvidLogger)) {
+    window.bitvidLogger = logger;
+  }
+}
+
+Object.freeze(logger);
+
+export default logger;
+export { devLogger, userLogger };
diff --git a/dist/js/utils/lruCache.js b/dist/js/utils/lruCache.js
new file mode 100644
index 00000000..dd4bef78
--- /dev/null
+++ b/dist/js/utils/lruCache.js
@@ -0,0 +1,109 @@
+
+/**
+ * A generic Least Recently Used (LRU) cache implementation.
+ * It supports a maximum size limit. When the limit is reached,
+ * the least recently accessed item is evicted.
+ *
+ * Note: This cache does not automatically evict items based on TTL.
+ * It is up to the consumer to check timestamps if expiration is needed.
+ */
+export class LRUCache {
+  /**
+   * @param {object} options
+   * @param {number} [options.maxSize=100] - Maximum number of entries.
+   */
+  constructor({ maxSize = 100 } = {}) {
+    this.maxSize = maxSize > 0 ? maxSize : 100;
+    this.cache = new Map();
+    this.hits = 0;
+    this.misses = 0;
+  }
+
+  /**
+   * Retrieves an item from the cache.
+   * If found, the item is marked as most recently used and hit count increments.
+   * If not found, miss count increments.
+   *
+   * @param {string} key
+   * @returns {*} The cached value, or undefined if not found.
+   */
+  get(key) {
+    const value = this.cache.get(key);
+    if (value !== undefined) {
+      // Refresh recency: delete and re-set
+      this.cache.delete(key);
+      this.cache.set(key, value);
+      this.hits++;
+    } else {
+      this.misses++;
+    }
+    return value;
+  }
+
+  /**
+   * Adds or updates an item in the cache.
+   * The item is marked as most recently used.
+   * If the cache exceeds maxSize, the least recently used item is evicted.
+   *
+   * @param {string} key
+   * @param {*} value
+   */
+  set(key, value) {
+    if (this.cache.has(key)) {
+      this.cache.delete(key);
+    } else if (this.cache.size >= this.maxSize) {
+      // The first key in a Map is the oldest (insertion order)
+      const oldestKey = this.cache.keys().next().value;
+      this.cache.delete(oldestKey);
+    }
+    this.cache.set(key, value);
+  }
+
+  /**
+   * Checks if a key exists in the cache without updating its recency or metrics.
+   *
+   * @param {string} key
+   * @returns {boolean}
+   */
+  has(key) {
+    return this.cache.has(key);
+  }
+
+  /**
+   * Returns the number of items in the cache.
+   *
+   * @returns {number}
+   */
+  size() {
+    return this.cache.size;
+  }
+
+  /**
+   * Clears all items from the cache and resets counters.
+   */
+  clear() {
+    this.cache.clear();
+    this.hits = 0;
+    this.misses = 0;
+  }
+
+  /**
+   * Returns current statistics for the cache.
+   * @returns {{ hits: number, misses: number, size: number, maxSize: number }}
+   */
+  getStats() {
+    return {
+      hits: this.hits,
+      misses: this.misses,
+      size: this.cache.size,
+      maxSize: this.maxSize,
+    };
+  }
+
+  /**
+   * Returns an iterator of [key, value] pairs, from oldest to newest.
+   */
+  entries() {
+    return this.cache.entries();
+  }
+}
diff --git a/dist/js/utils/magnetValidators.js b/dist/js/utils/magnetValidators.js
new file mode 100644
index 00000000..123c5706
--- /dev/null
+++ b/dist/js/utils/magnetValidators.js
@@ -0,0 +1,59 @@
+// js/utils/magnetValidators.js
+
+import { safeDecodeMagnet } from "../magnetUtils.js";
+
+/**
+ * Basic validation for BitTorrent magnet URIs.
+ *
+ * Returns `true` only when the value looks like a magnet link that WebTorrent
+ * understands (`magnet:` scheme with at least one `xt=urn:btih:<info-hash>`
+ * entry, where `<info-hash>` is either a 40-character hex digest or a
+ * 32-character base32 digest). Magnets that only contain BitTorrent v2 hashes
+ * (e.g. `btmh`) are treated as unsupported.
+ */
+export function isValidMagnetUri(magnet) {
+  const trimmed = typeof magnet === "string" ? magnet.trim() : "";
+  if (!trimmed) {
+    return false;
+  }
+
+  const decoded = safeDecodeMagnet(trimmed);
+  const candidate = decoded || trimmed;
+
+  if (/^[0-9a-f]{40}$/i.test(candidate)) {
+    return true;
+  }
+
+  try {
+    const parsed = new URL(candidate);
+    if (parsed.protocol.toLowerCase() !== "magnet:") {
+      return false;
+    }
+
+    const xtValues = parsed.searchParams.getAll("xt");
+    if (!xtValues.length) {
+      return false;
+    }
+
+    const hexPattern = /^[0-9a-f]{40}$/i;
+    const base32Pattern = /^[A-Z2-7]{32}$/;
+
+    return xtValues.some((value) => {
+      if (typeof value !== "string") return false;
+      const match = value.trim().match(/^urn:btih:([a-z0-9]+)$/i);
+      if (!match) return false;
+
+      const infoHash = match[1];
+      if (hexPattern.test(infoHash)) {
+        return true;
+      }
+
+      const upperHash = infoHash.toUpperCase();
+      return infoHash.length === 32 && base32Pattern.test(upperHash);
+    });
+  } catch (err) {
+    return false;
+  }
+}
+
+export default isValidMagnetUri;
diff --git a/dist/js/utils/mediaLoader.js b/dist/js/utils/mediaLoader.js
new file mode 100644
index 00000000..862a0098
--- /dev/null
+++ b/dist/js/utils/mediaLoader.js
@@ -0,0 +1,82 @@
+/**
+ * Simple IntersectionObserver-based lazy loader for images (or videos).
+ *
+ * Usage:
+ *   const mediaLoader = new MediaLoader();
+ *   mediaLoader.observe(imgElement);
+ *
+ * This will load the real image source from `imgElement.dataset.lazy`
+ * once the image enters the viewport.
+ */
+export class MediaLoader {
+  constructor(rootMargin = "50px") {
+    this.observer = new IntersectionObserver((entries) => {
+      for (const entry of entries) {
+        if (!entry.isIntersecting) {
+          continue;
+        }
+
+        const el = entry.target;
+        const lazySrc =
+          typeof el.dataset.lazy === "string" ? el.dataset.lazy.trim() : "";
+
+        if (!lazySrc) {
+          continue;
+        }
+
+        const fallbackSrc =
+          (typeof el.dataset.fallbackSrc === "string"
+            ? el.dataset.fallbackSrc.trim()
+            : "") ||
+          el.getAttribute("data-fallback-src") ||
+          "";
+
+        const tagName = typeof el.tagName === "string" ? el.tagName : "";
+
+        if (tagName === "IMG" || tagName === "IMAGE") {
+          el.src = lazySrc;
+          if (fallbackSrc) {
+            el.onerror = () => {
+              el.src = fallbackSrc;
+            };
+          }
+        } else if (tagName === "VIDEO") {
+          el.src = lazySrc;
+          if (fallbackSrc) {
+            el.poster = fallbackSrc;
+          }
+        } else if ("src" in el) {
+          el.src = lazySrc;
+        }
+
+        delete el.dataset.lazy;
+        this.observer.unobserve(el);
+      }
+    }, {
+      rootMargin,
+      threshold: 0.01,
+    });
+  }
+
+  observe(el) {
+    if (!el || typeof el !== "object") {
+      return;
+    }
+
+    if ("decoding" in HTMLImageElement.prototype) {
+      el.decoding = el.decoding || "async";
+    }
+
+    const lazySrc =
+      typeof el.dataset.lazy === "string" ? el.dataset.lazy.trim() : "";
+    if (lazySrc) {
+      this.observer.observe(el);
+    }
+  }
+
+  disconnect() {
+    this.observer.disconnect();
+  }
+}
+
+export default MediaLoader;
diff --git a/dist/js/utils/pointer.js b/dist/js/utils/pointer.js
new file mode 100644
index 00000000..a0dd1211
--- /dev/null
+++ b/dist/js/utils/pointer.js
@@ -0,0 +1,27 @@
+// js/utils/pointer.js
+
+export function pointerArrayToKey(pointer) {
+  if (!Array.isArray(pointer) || pointer.length < 2) {
+    return "";
+  }
+
+  const type = pointer[0] === "a" ? "a" : pointer[0] === "e" ? "e" : "";
+  if (!type) {
+    return "";
+  }
+
+  const value =
+    typeof pointer[1] === "string" ? pointer[1].trim().toLowerCase() : "";
+  if (!value) {
+    return "";
+  }
+
+  const relay =
+    pointer.length > 2 && typeof pointer[2] === "string"
+      ? pointer[2].trim()
+      : "";
+
+  return relay ? `${type}:${value}:${relay}` : `${type}:${value}`;
+}
+
+export default pointerArrayToKey;
diff --git a/dist/js/utils/profileBatchFetcher.js b/dist/js/utils/profileBatchFetcher.js
new file mode 100644
index 00000000..365f0fd1
--- /dev/null
+++ b/dist/js/utils/profileBatchFetcher.js
@@ -0,0 +1,75 @@
+// js/utils/profileBatchFetcher.js
+
+import { nostrClient } from "../nostrClientFacade.js";
+import { devLogger } from "./logger.js";
+import { fetchProfileMetadataBatch } from "../services/profileMetadataService.js";
+
+const DEFAULT_PROFILE_IMAGE = "assets/svg/default-profile.svg";
+const HEX64_REGEX = /^[0-9a-f]{64}$/i;
+
+export async function batchFetchProfilesFromRelays({
+  authorSet,
+  getProfileCacheEntry,
+  setProfileCacheEntry,
+  updateProfileInDOM,
+  nostr = nostrClient,
+  logger = devLogger,
+  hex64Regex = HEX64_REGEX,
+  defaultProfileImage = DEFAULT_PROFILE_IMAGE,
+} = {}) {
+  if (typeof getProfileCacheEntry !== "function") {
+    throw new TypeError("getProfileCacheEntry callback is required");
+  }
+  if (typeof setProfileCacheEntry !== "function") {
+    throw new TypeError("setProfileCacheEntry callback is required");
+  }
+  if (typeof updateProfileInDOM !== "function") {
+    throw new TypeError("updateProfileInDOM callback is required");
+  }
+
+  const pubkeys = Array.isArray(authorSet)
+    ? authorSet
+    : Array.from(authorSet || []);
+  if (!pubkeys.length) {
+    return;
+  }
+
+  const toFetch = [];
+
+  pubkeys.forEach((pubkey) => {
+    const normalizedPubkey =
+      typeof pubkey === "string" ? pubkey.trim() : "";
+    const hasValidPubkey =
+      normalizedPubkey && hex64Regex.test(normalizedPubkey);
+
+    if (!hasValidPubkey) {
+      return;
+    }
+
+    const cacheEntry = getProfileCacheEntry(normalizedPubkey);
+    if (cacheEntry) {
+      updateProfileInDOM(normalizedPubkey, cacheEntry.profile);
+    } else {
+      toFetch.push(normalizedPubkey);
+    }
+  });
+
+  if (!toFetch.length) {
+    return;
+  }
+
+  const profileResults = await fetchProfileMetadataBatch({
+    pubkeys: toFetch,
+    nostr,
+    logger,
+    defaultProfileImage,
+  });
+
+  profileResults.forEach((entry, pubkey) => {
+    if (!entry?.profile) {
+      return;
+    }
+    setProfileCacheEntry(pubkey, entry.profile);
+    updateProfileInDOM(pubkey, entry.profile);
+  });
+}
diff --git a/dist/js/utils/profileMedia.js b/dist/js/utils/profileMedia.js
new file mode 100644
index 00000000..4de331ed
--- /dev/null
+++ b/dist/js/utils/profileMedia.js
@@ -0,0 +1,84 @@
+import { devLogger } from "./logger.js";
+
+const LOCALHOST_PATTERN = /^(?:localhost|(?:\d{1,3}\.){3}\d{1,3})(?::\d+)?(?:[/?#].*)?$/i;
+const DOMAIN_PATTERN = /^(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\.)+[a-z0-9-]{2,}(?::\d+)?(?:[/?#].*)?$/i;
+
+function normalizeIpfsGatewayUrl(trimmed) {
+  const ipfsPath = trimmed.replace(/^ipfs:\/\//i, "").replace(/^ipfs\//i, "");
+  if (!ipfsPath) {
+    return "";
+  }
+  return `https://ipfs.io/ipfs/${encodeURI(ipfsPath)}`;
+}
+
+function coerceHttpToHttps(url) {
+  if (!/^http:\/\//i.test(url)) {
+    return url;
+  }
+
+  if (LOCALHOST_PATTERN.test(url.replace(/^http:\/\//i, ""))) {
+    return url;
+  }
+
+  return `https://${url.slice(7)}`;
+}
+
+export function sanitizeProfileMediaUrl(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+
+  let trimmed = value.trim();
+  if (!trimmed) {
+    return "";
+  }
+
+  trimmed = trimmed.replace(/^['"]+|['"]+$/g, "");
+  if (!trimmed) {
+    return "";
+  }
+
+  if (/^data:image\//i.test(trimmed)) {
+    return trimmed;
+  }
+
+  if (/^blob:/i.test(trimmed)) {
+    return trimmed;
+  }
+
+  if (trimmed === "images/robot.png") {
+    return "";
+  }
+
+  if (/^ipfs:\/\//i.test(trimmed)) {
+    return normalizeIpfsGatewayUrl(trimmed);
+  }
+
+  if (trimmed.startsWith("//")) {
+    trimmed = `https:${trimmed}`;
+  }
+
+  if (/^(?:\.\.\/|\.\/|\/)/.test(trimmed)) {
+    return trimmed;
+  }
+
+  if (/^assets\//i.test(trimmed)) {
+    return trimmed;
+  }
+
+  if (!/^https?:\/\//i.test(trimmed)) {
+    if (LOCALHOST_PATTERN.test(trimmed)) {
+      trimmed = `http://${trimmed}`;
+    } else if (DOMAIN_PATTERN.test(trimmed)) {
+      trimmed = `https://${trimmed}`;
+    } else {
+      devLogger?.warn?.(
+        "[profileMedia.sanitizeProfileMediaUrl] Unsupported media URL",
+        trimmed
+      );
+      return "";
+    }
+  }
+
+  return coerceHttpToHttps(trimmed);
+}
diff --git a/dist/js/utils/qrcode.js b/dist/js/utils/qrcode.js
new file mode 100644
index 00000000..20bb2932
--- /dev/null
+++ b/dist/js/utils/qrcode.js
@@ -0,0 +1,805 @@
+const hasDocument =
+  typeof document !== "undefined" &&
+  typeof document.createElement === "function" &&
+  typeof document.createElementNS === "function";
+
+let QRCodeExport = null;
+let createQrCodeExport = null;
+let renderQrCodeExport = null;
+let updateQrCodeExport = null;
+
+if (hasDocument) {
+  /**
+   * @fileoverview
+   * - Using the 'QRCode for Javascript library'
+   * - Fixed dataset of 'QRCode for Javascript library' for support full-spec.
+   * - this library has no dependencies.
+   *
+   * @author davidshimjs
+   * @see <a href="http://www.d-project.com/" target="_blank">http://www.d-project.com/</a>
+   * @see <a href="http://jeromeetienne.github.com/jquery-qrcode/" target="_blank">http://jeromeetienne.github.com/jquery-qrcode/</a>
+   */
+  var QRCode;
+
+  (function () {
+	//---------------------------------------------------------------------
+	// QRCode for JavaScript
+	//
+	// Copyright (c) 2009 Kazuhiko Arase
+	//
+	// URL: http://www.d-project.com/
+	//
+	// Licensed under the MIT license:
+	//   http://www.opensource.org/licenses/mit-license.php
+	//
+	// The word "QR Code" is registered trademark of 
+	// DENSO WAVE INCORPORATED
+	//   http://www.denso-wave.com/qrcode/faqpatent-e.html
+	//
+	//---------------------------------------------------------------------
+	function QR8bitByte(data) {
+		this.mode = QRMode.MODE_8BIT_BYTE;
+		this.data = data;
+		this.parsedData = [];
+
+		// Added to support UTF-8 Characters
+		for (var i = 0, l = this.data.length; i < l; i++) {
+			var byteArray = [];
+			var code = this.data.charCodeAt(i);
+
+			if (code > 0x10000) {
+				byteArray[0] = 0xF0 | ((code & 0x1C0000) >>> 18);
+				byteArray[1] = 0x80 | ((code & 0x3F000) >>> 12);
+				byteArray[2] = 0x80 | ((code & 0xFC0) >>> 6);
+				byteArray[3] = 0x80 | (code & 0x3F);
+			} else if (code > 0x800) {
+				byteArray[0] = 0xE0 | ((code & 0xF000) >>> 12);
+				byteArray[1] = 0x80 | ((code & 0xFC0) >>> 6);
+				byteArray[2] = 0x80 | (code & 0x3F);
+			} else if (code > 0x80) {
+				byteArray[0] = 0xC0 | ((code & 0x7C0) >>> 6);
+				byteArray[1] = 0x80 | (code & 0x3F);
+			} else {
+				byteArray[0] = code;
+			}
+
+			this.parsedData.push(byteArray);
+		}
+
+		this.parsedData = Array.prototype.concat.apply([], this.parsedData);
+
+		if (this.parsedData.length != this.data.length) {
+			this.parsedData.unshift(191);
+			this.parsedData.unshift(187);
+			this.parsedData.unshift(239);
+		}
+	}
+
+	QR8bitByte.prototype = {
+		getLength: function (buffer) {
+			return this.parsedData.length;
+		},
+		write: function (buffer) {
+			for (var i = 0, l = this.parsedData.length; i < l; i++) {
+				buffer.put(this.parsedData[i], 8);
+			}
+		}
+	};
+
+	function QRCodeModel(typeNumber, errorCorrectLevel) {
+		this.typeNumber = typeNumber;
+		this.errorCorrectLevel = errorCorrectLevel;
+		this.modules = null;
+		this.moduleCount = 0;
+		this.dataCache = null;
+		this.dataList = [];
+	}
+
+	QRCodeModel.prototype={addData:function(data){var newData=new QR8bitByte(data);this.dataList.push(newData);this.dataCache=null;},isDark:function(row,col){if(row<0||this.moduleCount<=row||col<0||this.moduleCount<=col){throw new Error(row+","+col);}
+	return this.modules[row][col];},getModuleCount:function(){return this.moduleCount;},make:function(){this.makeImpl(false,this.getBestMaskPattern());},makeImpl:function(test,maskPattern){this.moduleCount=this.typeNumber*4+17;this.modules=new Array(this.moduleCount);for(var row=0;row<this.moduleCount;row++){this.modules[row]=new Array(this.moduleCount);for(var col=0;col<this.moduleCount;col++){this.modules[row][col]=null;}}
+	this.setupPositionProbePattern(0,0);this.setupPositionProbePattern(this.moduleCount-7,0);this.setupPositionProbePattern(0,this.moduleCount-7);this.setupPositionAdjustPattern();this.setupTimingPattern();this.setupTypeInfo(test,maskPattern);if(this.typeNumber>=7){this.setupTypeNumber(test);}
+	if(this.dataCache==null){this.dataCache=QRCodeModel.createData(this.typeNumber,this.errorCorrectLevel,this.dataList);}
+	this.mapData(this.dataCache,maskPattern);},setupPositionProbePattern:function(row,col){for(var r=-1;r<=7;r++){if(row+r<=-1||this.moduleCount<=row+r)continue;for(var c=-1;c<=7;c++){if(col+c<=-1||this.moduleCount<=col+c)continue;if((0<=r&&r<=6&&(c==0||c==6))||(0<=c&&c<=6&&(r==0||r==6))||(2<=r&&r<=4&&2<=c&&c<=4)){this.modules[row+r][col+c]=true;}else{this.modules[row+r][col+c]=false;}}}},getBestMaskPattern:function(){var minLostPoint=0;var pattern=0;for(var i=0;i<8;i++){this.makeImpl(true,i);var lostPoint=QRUtil.getLostPoint(this);if(i==0||minLostPoint>lostPoint){minLostPoint=lostPoint;pattern=i;}}
+	return pattern;},createMovieClip:function(target_mc,instance_name,depth){var qr_mc=target_mc.createEmptyMovieClip(instance_name,depth);var cs=1;this.make();for(var row=0;row<this.modules.length;row++){var y=row*cs;for(var col=0;col<this.modules[row].length;col++){var x=col*cs;var dark=this.modules[row][col];if(dark){qr_mc.beginFill(0,100);qr_mc.moveTo(x,y);qr_mc.lineTo(x+cs,y);qr_mc.lineTo(x+cs,y+cs);qr_mc.lineTo(x,y+cs);qr_mc.endFill();}}}
+	return qr_mc;},setupTimingPattern:function(){for(var r=8;r<this.moduleCount-8;r++){if(this.modules[r][6]!=null){continue;}
+	this.modules[r][6]=(r%2==0);}
+	for(var c=8;c<this.moduleCount-8;c++){if(this.modules[6][c]!=null){continue;}
+	this.modules[6][c]=(c%2==0);}},setupPositionAdjustPattern:function(){var pos=QRUtil.getPatternPosition(this.typeNumber);for(var i=0;i<pos.length;i++){for(var j=0;j<pos.length;j++){var row=pos[i];var col=pos[j];if(this.modules[row][col]!=null){continue;}
+	for(var r=-2;r<=2;r++){for(var c=-2;c<=2;c++){if(r==-2||r==2||c==-2||c==2||(r==0&&c==0)){this.modules[row+r][col+c]=true;}else{this.modules[row+r][col+c]=false;}}}}}},setupTypeNumber:function(test){var bits=QRUtil.getBCHTypeNumber(this.typeNumber);for(var i=0;i<18;i++){var mod=(!test&&((bits>>i)&1)==1);this.modules[Math.floor(i/3)][i%3+this.moduleCount-8-3]=mod;}
+	for(var i=0;i<18;i++){var mod=(!test&&((bits>>i)&1)==1);this.modules[i%3+this.moduleCount-8-3][Math.floor(i/3)]=mod;}},setupTypeInfo:function(test,maskPattern){var data=(this.errorCorrectLevel<<3)|maskPattern;var bits=QRUtil.getBCHTypeInfo(data);for(var i=0;i<15;i++){var mod=(!test&&((bits>>i)&1)==1);if(i<6){this.modules[i][8]=mod;}else if(i<8){this.modules[i+1][8]=mod;}else{this.modules[this.moduleCount-15+i][8]=mod;}}
+	for(var i=0;i<15;i++){var mod=(!test&&((bits>>i)&1)==1);if(i<8){this.modules[8][this.moduleCount-i-1]=mod;}else if(i<9){this.modules[8][15-i-1+1]=mod;}else{this.modules[8][15-i-1]=mod;}}
+	this.modules[this.moduleCount-8][8]=(!test);},mapData:function(data,maskPattern){var inc=-1;var row=this.moduleCount-1;var bitIndex=7;var byteIndex=0;for(var col=this.moduleCount-1;col>0;col-=2){if(col==6)col--;while(true){for(var c=0;c<2;c++){if(this.modules[row][col-c]==null){var dark=false;if(byteIndex<data.length){dark=(((data[byteIndex]>>>bitIndex)&1)==1);}
+	var mask=QRUtil.getMask(maskPattern,row,col-c);if(mask){dark=!dark;}
+	this.modules[row][col-c]=dark;bitIndex--;if(bitIndex==-1){byteIndex++;bitIndex=7;}}}
+	row+=inc;if(row<0||this.moduleCount<=row){row-=inc;inc=-inc;break;}}}}};QRCodeModel.PAD0=0xEC;QRCodeModel.PAD1=0x11;QRCodeModel.createData=function(typeNumber,errorCorrectLevel,dataList){var rsBlocks=QRRSBlock.getRSBlocks(typeNumber,errorCorrectLevel);var buffer=new QRBitBuffer();for(var i=0;i<dataList.length;i++){var data=dataList[i];buffer.put(data.mode,4);buffer.put(data.getLength(),QRUtil.getLengthInBits(data.mode,typeNumber));data.write(buffer);}
+	var totalDataCount=0;for(var i=0;i<rsBlocks.length;i++){totalDataCount+=rsBlocks[i].dataCount;}
+	if(buffer.getLengthInBits()>totalDataCount*8){throw new Error("code length overflow. ("
+	+buffer.getLengthInBits()
+	+">"
+	+totalDataCount*8
+	+")");}
+	if(buffer.getLengthInBits()+4<=totalDataCount*8){buffer.put(0,4);}
+	while(buffer.getLengthInBits()%8!=0){buffer.putBit(false);}
+	while(true){if(buffer.getLengthInBits()>=totalDataCount*8){break;}
+	buffer.put(QRCodeModel.PAD0,8);if(buffer.getLengthInBits()>=totalDataCount*8){break;}
+	buffer.put(QRCodeModel.PAD1,8);}
+	return QRCodeModel.createBytes(buffer,rsBlocks);};QRCodeModel.createBytes=function(buffer,rsBlocks){var offset=0;var maxDcCount=0;var maxEcCount=0;var dcdata=new Array(rsBlocks.length);var ecdata=new Array(rsBlocks.length);for(var r=0;r<rsBlocks.length;r++){var dcCount=rsBlocks[r].dataCount;var ecCount=rsBlocks[r].totalCount-dcCount;maxDcCount=Math.max(maxDcCount,dcCount);maxEcCount=Math.max(maxEcCount,ecCount);dcdata[r]=new Array(dcCount);for(var i=0;i<dcdata[r].length;i++){dcdata[r][i]=0xff&buffer.buffer[i+offset];}
+	offset+=dcCount;var rsPoly=QRUtil.getErrorCorrectPolynomial(ecCount);var rawPoly=new QRPolynomial(dcdata[r],rsPoly.getLength()-1);var modPoly=rawPoly.mod(rsPoly);ecdata[r]=new Array(rsPoly.getLength()-1);for(var i=0;i<ecdata[r].length;i++){var modIndex=i+modPoly.getLength()-ecdata[r].length;ecdata[r][i]=(modIndex>=0)?modPoly.get(modIndex):0;}}
+	var totalCodeCount=0;for(var i=0;i<rsBlocks.length;i++){totalCodeCount+=rsBlocks[i].totalCount;}
+	var data=new Array(totalCodeCount);var index=0;for(var i=0;i<maxDcCount;i++){for(var r=0;r<rsBlocks.length;r++){if(i<dcdata[r].length){data[index++]=dcdata[r][i];}}}
+	for(var i=0;i<maxEcCount;i++){for(var r=0;r<rsBlocks.length;r++){if(i<ecdata[r].length){data[index++]=ecdata[r][i];}}}
+	return data;};var QRMode={MODE_NUMBER:1<<0,MODE_ALPHA_NUM:1<<1,MODE_8BIT_BYTE:1<<2,MODE_KANJI:1<<3};var QRErrorCorrectLevel={L:1,M:0,Q:3,H:2};var QRMaskPattern={PATTERN000:0,PATTERN001:1,PATTERN010:2,PATTERN011:3,PATTERN100:4,PATTERN101:5,PATTERN110:6,PATTERN111:7};var QRUtil={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:(1<<10)|(1<<8)|(1<<5)|(1<<4)|(1<<2)|(1<<1)|(1<<0),G18:(1<<12)|(1<<11)|(1<<10)|(1<<9)|(1<<8)|(1<<5)|(1<<2)|(1<<0),G15_MASK:(1<<14)|(1<<12)|(1<<10)|(1<<4)|(1<<1),getBCHTypeInfo:function(data){var d=data<<10;while(QRUtil.getBCHDigit(d)-QRUtil.getBCHDigit(QRUtil.G15)>=0){d^=(QRUtil.G15<<(QRUtil.getBCHDigit(d)-QRUtil.getBCHDigit(QRUtil.G15)));}
+	return((data<<10)|d)^QRUtil.G15_MASK;},getBCHTypeNumber:function(data){var d=data<<12;while(QRUtil.getBCHDigit(d)-QRUtil.getBCHDigit(QRUtil.G18)>=0){d^=(QRUtil.G18<<(QRUtil.getBCHDigit(d)-QRUtil.getBCHDigit(QRUtil.G18)));}
+	return(data<<12)|d;},getBCHDigit:function(data){var digit=0;while(data!=0){digit++;data>>>=1;}
+	return digit;},getPatternPosition:function(typeNumber){return QRUtil.PATTERN_POSITION_TABLE[typeNumber-1];},getMask:function(maskPattern,i,j){switch(maskPattern){case QRMaskPattern.PATTERN000:return(i+j)%2==0;case QRMaskPattern.PATTERN001:return i%2==0;case QRMaskPattern.PATTERN010:return j%3==0;case QRMaskPattern.PATTERN011:return(i+j)%3==0;case QRMaskPattern.PATTERN100:return(Math.floor(i/2)+Math.floor(j/3))%2==0;case QRMaskPattern.PATTERN101:return(i*j)%2+(i*j)%3==0;case QRMaskPattern.PATTERN110:return((i*j)%2+(i*j)%3)%2==0;case QRMaskPattern.PATTERN111:return((i*j)%3+(i+j)%2)%2==0;default:throw new Error("bad maskPattern:"+maskPattern);}},getErrorCorrectPolynomial:function(errorCorrectLength){var a=new QRPolynomial([1],0);for(var i=0;i<errorCorrectLength;i++){a=a.multiply(new QRPolynomial([1,QRMath.gexp(i)],0));}
+	return a;},getLengthInBits:function(mode,type){if(1<=type&&type<10){switch(mode){case QRMode.MODE_NUMBER:return 10;case QRMode.MODE_ALPHA_NUM:return 9;case QRMode.MODE_8BIT_BYTE:return 8;case QRMode.MODE_KANJI:return 8;default:throw new Error("mode:"+mode);}}else if(type<27){switch(mode){case QRMode.MODE_NUMBER:return 12;case QRMode.MODE_ALPHA_NUM:return 11;case QRMode.MODE_8BIT_BYTE:return 16;case QRMode.MODE_KANJI:return 10;default:throw new Error("mode:"+mode);}}else if(type<41){switch(mode){case QRMode.MODE_NUMBER:return 14;case QRMode.MODE_ALPHA_NUM:return 13;case QRMode.MODE_8BIT_BYTE:return 16;case QRMode.MODE_KANJI:return 12;default:throw new Error("mode:"+mode);}}else{throw new Error("type:"+type);}},getLostPoint:function(qrCode){var moduleCount=qrCode.getModuleCount();var lostPoint=0;for(var row=0;row<moduleCount;row++){for(var col=0;col<moduleCount;col++){var sameCount=0;var dark=qrCode.isDark(row,col);for(var r=-1;r<=1;r++){if(row+r<0||moduleCount<=row+r){continue;}
+	for(var c=-1;c<=1;c++){if(col+c<0||moduleCount<=col+c){continue;}
+	if(r==0&&c==0){continue;}
+	if(dark==qrCode.isDark(row+r,col+c)){sameCount++;}}}
+	if(sameCount>5){lostPoint+=(3+sameCount-5);}}}
+	for(var row=0;row<moduleCount-1;row++){for(var col=0;col<moduleCount-1;col++){var count=0;if(qrCode.isDark(row,col))count++;if(qrCode.isDark(row+1,col))count++;if(qrCode.isDark(row,col+1))count++;if(qrCode.isDark(row+1,col+1))count++;if(count==0||count==4){lostPoint+=3;}}}
+	for(var row=0;row<moduleCount;row++){for(var col=0;col<moduleCount-6;col++){if(qrCode.isDark(row,col)&&!qrCode.isDark(row,col+1)&&qrCode.isDark(row,col+2)&&qrCode.isDark(row,col+3)&&qrCode.isDark(row,col+4)&&!qrCode.isDark(row,col+5)&&qrCode.isDark(row,col+6)){lostPoint+=40;}}}
+	for(var col=0;col<moduleCount;col++){for(var row=0;row<moduleCount-6;row++){if(qrCode.isDark(row,col)&&!qrCode.isDark(row+1,col)&&qrCode.isDark(row+2,col)&&qrCode.isDark(row+3,col)&&qrCode.isDark(row+4,col)&&!qrCode.isDark(row+5,col)&&qrCode.isDark(row+6,col)){lostPoint+=40;}}}
+	var darkCount=0;for(var col=0;col<moduleCount;col++){for(var row=0;row<moduleCount;row++){if(qrCode.isDark(row,col)){darkCount++;}}}
+	var ratio=Math.abs(100*darkCount/moduleCount/moduleCount-50)/5;lostPoint+=ratio*10;return lostPoint;}};var QRMath={glog:function(n){if(n<1){throw new Error("glog("+n+")");}
+	return QRMath.LOG_TABLE[n];},gexp:function(n){while(n<0){n+=255;}
+	while(n>=256){n-=255;}
+	return QRMath.EXP_TABLE[n];},EXP_TABLE:new Array(256),LOG_TABLE:new Array(256)};for(var i=0;i<8;i++){QRMath.EXP_TABLE[i]=1<<i;}
+	for(var i=8;i<256;i++){QRMath.EXP_TABLE[i]=QRMath.EXP_TABLE[i-4]^QRMath.EXP_TABLE[i-5]^QRMath.EXP_TABLE[i-6]^QRMath.EXP_TABLE[i-8];}
+	for(var i=0;i<255;i++){QRMath.LOG_TABLE[QRMath.EXP_TABLE[i]]=i;}
+	function QRPolynomial(num,shift){if(num.length==undefined){throw new Error(num.length+"/"+shift);}
+	var offset=0;while(offset<num.length&&num[offset]==0){offset++;}
+	this.num=new Array(num.length-offset+shift);for(var i=0;i<num.length-offset;i++){this.num[i]=num[i+offset];}}
+	QRPolynomial.prototype={get:function(index){return this.num[index];},getLength:function(){return this.num.length;},multiply:function(e){var num=new Array(this.getLength()+e.getLength()-1);for(var i=0;i<this.getLength();i++){for(var j=0;j<e.getLength();j++){num[i+j]^=QRMath.gexp(QRMath.glog(this.get(i))+QRMath.glog(e.get(j)));}}
+	return new QRPolynomial(num,0);},mod:function(e){if(this.getLength()-e.getLength()<0){return this;}
+	var ratio=QRMath.glog(this.get(0))-QRMath.glog(e.get(0));var num=new Array(this.getLength());for(var i=0;i<this.getLength();i++){num[i]=this.get(i);}
+	for(var i=0;i<e.getLength();i++){num[i]^=QRMath.gexp(QRMath.glog(e.get(i))+ratio);}
+	return new QRPolynomial(num,0).mod(e);}};function QRRSBlock(totalCount,dataCount){this.totalCount=totalCount;this.dataCount=dataCount;}
+	QRRSBlock.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]];QRRSBlock.getRSBlocks=function(typeNumber,errorCorrectLevel){var rsBlock=QRRSBlock.getRsBlockTable(typeNumber,errorCorrectLevel);if(rsBlock==undefined){throw new Error("bad rs block @ typeNumber:"+typeNumber+"/errorCorrectLevel:"+errorCorrectLevel);}
+	var length=rsBlock.length/3;var list=[];for(var i=0;i<length;i++){var count=rsBlock[i*3+0];var totalCount=rsBlock[i*3+1];var dataCount=rsBlock[i*3+2];for(var j=0;j<count;j++){list.push(new QRRSBlock(totalCount,dataCount));}}
+	return list;};QRRSBlock.getRsBlockTable=function(typeNumber,errorCorrectLevel){switch(errorCorrectLevel){case QRErrorCorrectLevel.L:return QRRSBlock.RS_BLOCK_TABLE[(typeNumber-1)*4+0];case QRErrorCorrectLevel.M:return QRRSBlock.RS_BLOCK_TABLE[(typeNumber-1)*4+1];case QRErrorCorrectLevel.Q:return QRRSBlock.RS_BLOCK_TABLE[(typeNumber-1)*4+2];case QRErrorCorrectLevel.H:return QRRSBlock.RS_BLOCK_TABLE[(typeNumber-1)*4+3];default:return undefined;}};function QRBitBuffer(){this.buffer=[];this.length=0;}
+	QRBitBuffer.prototype={get:function(index){var bufIndex=Math.floor(index/8);return((this.buffer[bufIndex]>>>(7-index%8))&1)==1;},put:function(num,length){for(var i=0;i<length;i++){this.putBit(((num>>>(length-i-1))&1)==1);}},getLengthInBits:function(){return this.length;},putBit:function(bit){var bufIndex=Math.floor(this.length/8);if(this.buffer.length<=bufIndex){this.buffer.push(0);}
+	if(bit){this.buffer[bufIndex]|=(0x80>>>(this.length%8));}
+	this.length++;}};var QRCodeLimitLength=[[17,14,11,7],[32,26,20,14],[53,42,32,24],[78,62,46,34],[106,84,60,44],[134,106,74,58],[154,122,86,64],[192,152,108,84],[230,180,130,98],[271,213,151,119],[321,251,177,137],[367,287,203,155],[425,331,241,177],[458,362,258,194],[520,412,292,220],[586,450,322,250],[644,504,364,280],[718,560,394,310],[792,624,442,338],[858,666,482,382],[929,711,509,403],[1003,779,565,439],[1091,857,611,461],[1171,911,661,511],[1273,997,715,535],[1367,1059,751,593],[1465,1125,805,625],[1528,1190,868,658],[1628,1264,908,698],[1732,1370,982,742],[1840,1452,1030,790],[1952,1538,1112,842],[2068,1628,1168,898],[2188,1722,1228,958],[2303,1809,1283,983],[2431,1911,1351,1051],[2563,1989,1423,1093],[2699,2099,1499,1139],[2809,2213,1579,1219],[2953,2331,1663,1273]];
+	
+	function _isSupportCanvas() {
+		return typeof CanvasRenderingContext2D != "undefined";
+	}
+	
+	// android 2.x doesn't support Data-URI spec
+        function _getAndroid() {
+                if (typeof navigator === "undefined" || !navigator.userAgent) {
+                        return false;
+                }
+
+                var android = false;
+                var sAgent = navigator.userAgent;
+
+                if (/android/i.test(sAgent)) { // android
+                        android = true;
+                        var aMat = sAgent.toString().match(/android ([0-9]\.[0-9])/i);
+
+                        if (aMat && aMat[1]) {
+                                android = parseFloat(aMat[1]);
+                        }
+                }
+
+                return android;
+        }
+	
+	var svgDrawer = (function() {
+
+		var Drawing = function (el, htOption) {
+			this._el = el;
+			this._htOption = htOption;
+		};
+
+		Drawing.prototype.draw = function (oQRCode) {
+			var _htOption = this._htOption;
+			var _el = this._el;
+			var nCount = oQRCode.getModuleCount();
+			var nWidth = Math.floor(_htOption.width / nCount);
+			var nHeight = Math.floor(_htOption.height / nCount);
+
+			this.clear();
+
+			function makeSVG(tag, attrs) {
+				var el = document.createElementNS('http://www.w3.org/2000/svg', tag);
+				for (var k in attrs)
+					if (attrs.hasOwnProperty(k)) el.setAttribute(k, attrs[k]);
+				return el;
+			}
+
+			var svg = makeSVG("svg" , {'viewBox': '0 0 ' + String(nCount) + " " + String(nCount), 'width': '100%', 'height': '100%', 'fill': _htOption.colorLight});
+			svg.setAttributeNS("http://www.w3.org/2000/xmlns/", "xmlns:xlink", "http://www.w3.org/1999/xlink");
+			_el.appendChild(svg);
+
+			svg.appendChild(makeSVG("rect", {"fill": _htOption.colorLight, "width": "100%", "height": "100%"}));
+			svg.appendChild(makeSVG("rect", {"fill": _htOption.colorDark, "width": "1", "height": "1", "id": "template"}));
+
+			for (var row = 0; row < nCount; row++) {
+				for (var col = 0; col < nCount; col++) {
+					if (oQRCode.isDark(row, col)) {
+						var child = makeSVG("use", {"x": String(col), "y": String(row)});
+						child.setAttributeNS("http://www.w3.org/1999/xlink", "href", "#template")
+						svg.appendChild(child);
+					}
+				}
+			}
+		};
+		Drawing.prototype.clear = function () {
+			while (this._el.hasChildNodes())
+				this._el.removeChild(this._el.lastChild);
+		};
+		return Drawing;
+	})();
+
+	var useSVG = document.documentElement.tagName.toLowerCase() === "svg";
+	var qrCodeStyleRegistry = new WeakMap();
+	var qrCodeStyleCounter = 0;
+
+	function ensureQrCodeStyleState(doc) {
+		if (!doc || typeof doc.createElement !== "function") {
+			return null;
+		}
+		var existing = qrCodeStyleRegistry.get(doc);
+		if (existing) {
+			return existing;
+		}
+		var styleNode = doc.getElementById("qrCodeStyles");
+		if (!(styleNode instanceof HTMLStyleElement)) {
+			styleNode = doc.createElement("style");
+			styleNode.id = "qrCodeStyles";
+			doc.head && doc.head.appendChild(styleNode);
+		}
+		var state = {
+			styleNode: styleNode,
+			values: new Map()
+		};
+		qrCodeStyleRegistry.set(doc, state);
+		return state;
+	}
+
+	function buildQrCodeRule(selector, values) {
+		var declarations = [];
+		if (values.colorDark) {
+			declarations.push("--qr-code-color-dark: " + values.colorDark + ";");
+		}
+		if (values.colorLight) {
+			declarations.push("--qr-code-color-light: " + values.colorLight + ";");
+		}
+		if (values.cellWidth) {
+			declarations.push("--qr-code-cell-width: " + values.cellWidth + ";");
+		}
+		if (values.cellHeight) {
+			declarations.push("--qr-code-cell-height: " + values.cellHeight + ";");
+		}
+		if (values.tableMargin) {
+			declarations.push("--qr-code-table-margin: " + values.tableMargin + ";");
+		}
+		return selector + " { " + declarations.join(" ") + " }";
+	}
+
+	function updateQrCodeContainerStyles(el, values) {
+		if (!el) {
+			return;
+		}
+		var doc = el.ownerDocument || document;
+		var state = ensureQrCodeStyleState(doc);
+		if (!state) {
+			return;
+		}
+		if (!el.dataset.qrCodeStyleId) {
+			qrCodeStyleCounter += 1;
+			el.dataset.qrCodeStyleId = "qr-code-" + qrCodeStyleCounter;
+		}
+		var selector = "[data-qr-code-style-id=\"" + el.dataset.qrCodeStyleId + "\"]";
+		var currentValues = state.values.get(selector) || {};
+		var nextValues = Object.assign({}, currentValues, values || {});
+		state.values.set(selector, nextValues);
+		var rules = [];
+		state.values.forEach(function (entryValues, entrySelector) {
+			rules.push(buildQrCodeRule(entrySelector, entryValues));
+		});
+		state.styleNode.textContent = rules.join("\n");
+	}
+
+	function setQrCodeMode(el, mode) {
+		if (!el) {
+			return;
+		}
+		if (el.classList) {
+			el.classList.add("qr-code__container");
+		}
+		if (mode) {
+			el.dataset.qrCodeMode = mode;
+		} else {
+			delete el.dataset.qrCodeMode;
+		}
+	}
+
+	// Drawing in DOM by using Table tag
+	var Drawing = useSVG ? svgDrawer : !_isSupportCanvas() ? (function () {
+		var Drawing = function (el, htOption) {
+			this._el = el;
+			this._htOption = htOption;
+		};
+			
+		/**
+		 * Draw the QRCode
+		 * 
+		 * @param {QRCode} oQRCode
+		 */
+		Drawing.prototype.draw = function (oQRCode) {
+            var _htOption = this._htOption;
+            var _el = this._el;
+			var nCount = oQRCode.getModuleCount();
+			var nWidth = Math.floor(_htOption.width / nCount);
+			var nHeight = Math.floor(_htOption.height / nCount);
+			var aHTML = ['<table class="qr-code__table">'];
+
+			updateQrCodeContainerStyles(_el, {
+				colorDark: _htOption.colorDark,
+				colorLight: _htOption.colorLight,
+				cellWidth: nWidth + "px",
+				cellHeight: nHeight + "px",
+				tableMargin: "0px"
+			});
+			
+			for (var row = 0; row < nCount; row++) {
+				aHTML.push('<tr>');
+				
+				for (var col = 0; col < nCount; col++) {
+					var cellClass = oQRCode.isDark(row, col)
+						? "qr-code__cell qr-code__cell--dark"
+						: "qr-code__cell";
+					aHTML.push('<td class="' + cellClass + '"></td>');
+				}
+				
+				aHTML.push('</tr>');
+			}
+			
+			aHTML.push('</table>');
+			_el.innerHTML = aHTML.join('');
+			
+			// Fix the margin values as real size.
+			var elTable = _el.childNodes[0];
+			var nLeftMarginTable = (_htOption.width - elTable.offsetWidth) / 2;
+			var nTopMarginTable = (_htOption.height - elTable.offsetHeight) / 2;
+			
+			if (nLeftMarginTable > 0 && nTopMarginTable > 0) {
+				updateQrCodeContainerStyles(_el, {
+					tableMargin: nTopMarginTable + "px " + nLeftMarginTable + "px"
+				});
+			}
+		};
+		
+		/**
+		 * Clear the QRCode
+		 */
+		Drawing.prototype.clear = function () {
+			this._el.innerHTML = '';
+		};
+		
+		return Drawing;
+	})() : (function () { // Drawing in Canvas
+		function _onMakeImage() {
+			this._elImage.src = this._elCanvas.toDataURL("image/png");
+			setQrCodeMode(this._el, "image");
+		}
+		
+                // Android 2.1 bug workaround
+                // http://code.google.com/p/android/issues/detail?id=5141
+                var legacyAndroidVersion = (function () {
+                        try {
+                                return _getAndroid();
+                        } catch (error) {
+                                return false;
+                        }
+                })();
+
+                if (
+                        legacyAndroidVersion &&
+                        legacyAndroidVersion <= 2.1 &&
+                        typeof CanvasRenderingContext2D !== "undefined"
+                ) {
+                        var pixelRatio =
+                                typeof window !== "undefined" && window.devicePixelRatio
+                                        ? window.devicePixelRatio
+                                        : 1;
+                        var factor = pixelRatio ? 1 / pixelRatio : 1;
+                        var drawImage = CanvasRenderingContext2D.prototype.drawImage;
+                        CanvasRenderingContext2D.prototype.drawImage = function (image, sx, sy, sw, sh, dx, dy, dw, dh) {
+                                if (("nodeName" in image) && /img/i.test(image.nodeName)) {
+                                        for (var i = arguments.length - 1; i >= 1; i--) {
+                                                arguments[i] = arguments[i] * factor;
+                                        }
+                                } else if (typeof dw == "undefined") {
+                                        arguments[1] *= factor;
+                                        arguments[2] *= factor;
+                                        arguments[3] *= factor;
+                                        arguments[4] *= factor;
+                                }
+
+                                drawImage.apply(this, arguments);
+                        };
+                }
+		
+		/**
+		 * Check whether the user's browser supports Data URI or not
+		 * 
+		 * @private
+		 * @param {Function} fSuccess Occurs if it supports Data URI
+		 * @param {Function} fFail Occurs if it doesn't support Data URI
+		 */
+		function _safeSetDataURI(fSuccess, fFail) {
+            var self = this;
+            self._fFail = fFail;
+            self._fSuccess = fSuccess;
+
+            // Check it just once
+            if (self._bSupportDataURI === null) {
+                var el = document.createElement("img");
+                var fOnError = function() {
+                    self._bSupportDataURI = false;
+
+                    if (self._fFail) {
+                        self._fFail.call(self);
+                    }
+                };
+                var fOnSuccess = function() {
+                    self._bSupportDataURI = true;
+
+                    if (self._fSuccess) {
+                        self._fSuccess.call(self);
+                    }
+                };
+
+                el.onabort = fOnError;
+                el.onerror = fOnError;
+                el.onload = fOnSuccess;
+                el.src = "data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="; // the Image contains 1px data.
+                return;
+            } else if (self._bSupportDataURI === true && self._fSuccess) {
+                self._fSuccess.call(self);
+            } else if (self._bSupportDataURI === false && self._fFail) {
+                self._fFail.call(self);
+            }
+		};
+		
+		/**
+		 * Drawing QRCode by using canvas
+		 * 
+		 * @constructor
+		 * @param {HTMLElement} el
+		 * @param {Object} htOption QRCode Options 
+		 */
+		var Drawing = function (el, htOption) {
+    		this._bIsPainted = false;
+    		this._android = _getAndroid();
+		
+			this._htOption = htOption;
+			this._elCanvas = document.createElement("canvas");
+			this._elCanvas.width = htOption.width;
+			this._elCanvas.height = htOption.height;
+			el.appendChild(this._elCanvas);
+			this._el = el;
+			if (this._el && this._el.classList) {
+				this._el.classList.add("qr-code__container");
+			}
+			this._oContext = this._elCanvas.getContext("2d");
+			this._bIsPainted = false;
+			this._elImage = document.createElement("img");
+			this._elImage.alt = "Scan me!";
+			if (this._elImage.classList) {
+				this._elImage.classList.add("qr-code__image");
+			}
+			if (this._elCanvas && this._elCanvas.classList) {
+				this._elCanvas.classList.add("qr-code__canvas");
+			}
+			this._el.appendChild(this._elImage);
+			this._bSupportDataURI = null;
+			setQrCodeMode(this._el, "canvas");
+		};
+			
+		/**
+		 * Draw the QRCode
+		 * 
+		 * @param {QRCode} oQRCode 
+		 */
+		Drawing.prototype.draw = function (oQRCode) {
+            var _elImage = this._elImage;
+            var _oContext = this._oContext;
+            var _htOption = this._htOption;
+            
+			var nCount = oQRCode.getModuleCount();
+			var nWidth = _htOption.width / nCount;
+			var nHeight = _htOption.height / nCount;
+			var nRoundedWidth = Math.round(nWidth);
+			var nRoundedHeight = Math.round(nHeight);
+
+			setQrCodeMode(this._el, "canvas");
+			this.clear();
+			
+			for (var row = 0; row < nCount; row++) {
+				for (var col = 0; col < nCount; col++) {
+					var bIsDark = oQRCode.isDark(row, col);
+					var nLeft = col * nWidth;
+					var nTop = row * nHeight;
+					_oContext.strokeStyle = bIsDark ? _htOption.colorDark : _htOption.colorLight;
+					_oContext.lineWidth = 1;
+					_oContext.fillStyle = bIsDark ? _htOption.colorDark : _htOption.colorLight;					
+					_oContext.fillRect(nLeft, nTop, nWidth, nHeight);
+					
+					// 안티 앨리어싱 방지 처리
+					_oContext.strokeRect(
+						Math.floor(nLeft) + 0.5,
+						Math.floor(nTop) + 0.5,
+						nRoundedWidth,
+						nRoundedHeight
+					);
+					
+					_oContext.strokeRect(
+						Math.ceil(nLeft) - 0.5,
+						Math.ceil(nTop) - 0.5,
+						nRoundedWidth,
+						nRoundedHeight
+					);
+				}
+			}
+			
+			this._bIsPainted = true;
+		};
+			
+		/**
+		 * Make the image from Canvas if the browser supports Data URI.
+		 */
+		Drawing.prototype.makeImage = function () {
+			if (this._bIsPainted) {
+				_safeSetDataURI.call(this, _onMakeImage);
+			}
+		};
+			
+		/**
+		 * Return whether the QRCode is painted or not
+		 * 
+		 * @return {Boolean}
+		 */
+		Drawing.prototype.isPainted = function () {
+			return this._bIsPainted;
+		};
+		
+		/**
+		 * Clear the QRCode
+		 */
+		Drawing.prototype.clear = function () {
+			this._oContext.clearRect(0, 0, this._elCanvas.width, this._elCanvas.height);
+			this._bIsPainted = false;
+		};
+		
+		/**
+		 * @private
+		 * @param {Number} nNumber
+		 */
+		Drawing.prototype.round = function (nNumber) {
+			if (!nNumber) {
+				return nNumber;
+			}
+			
+			return Math.floor(nNumber * 1000) / 1000;
+		};
+		
+		return Drawing;
+	})();
+	
+	/**
+	 * Get the type by string length
+	 * 
+	 * @private
+	 * @param {String} sText
+	 * @param {Number} nCorrectLevel
+	 * @return {Number} type
+	 */
+	function _getTypeNumber(sText, nCorrectLevel) {			
+		var nType = 1;
+		var length = _getUTF8Length(sText);
+		
+		for (var i = 0, len = QRCodeLimitLength.length; i <= len; i++) {
+			var nLimit = 0;
+			
+			switch (nCorrectLevel) {
+				case QRErrorCorrectLevel.L :
+					nLimit = QRCodeLimitLength[i][0];
+					break;
+				case QRErrorCorrectLevel.M :
+					nLimit = QRCodeLimitLength[i][1];
+					break;
+				case QRErrorCorrectLevel.Q :
+					nLimit = QRCodeLimitLength[i][2];
+					break;
+				case QRErrorCorrectLevel.H :
+					nLimit = QRCodeLimitLength[i][3];
+					break;
+			}
+			
+			if (length <= nLimit) {
+				break;
+			} else {
+				nType++;
+			}
+		}
+		
+		if (nType > QRCodeLimitLength.length) {
+			throw new Error("Too long data");
+		}
+		
+		return nType;
+	}
+
+	function _getUTF8Length(sText) {
+		var replacedText = encodeURI(sText).toString().replace(/\%[0-9a-fA-F]{2}/g, 'a');
+		return replacedText.length + (replacedText.length != sText ? 3 : 0);
+	}
+	
+	/**
+	 * @class QRCode
+	 * @constructor
+	 * @example 
+	 * new QRCode(document.getElementById("test"), "http://jindo.dev.naver.com/collie");
+	 *
+	 * @example
+	 * var oQRCode = new QRCode("test", {
+	 *    text : "http://naver.com",
+	 *    width : 128,
+	 *    height : 128
+	 * });
+	 * 
+	 * oQRCode.clear(); // Clear the QRCode.
+	 * oQRCode.makeCode("http://map.naver.com"); // Re-create the QRCode.
+	 *
+	 * @param {HTMLElement|String} el target element or 'id' attribute of element.
+	 * @param {Object|String} vOption
+	 * @param {String} vOption.text QRCode link data
+	 * @param {Number} [vOption.width=256]
+	 * @param {Number} [vOption.height=256]
+	 * @param {String} [vOption.colorDark="#000000"]
+	 * @param {String} [vOption.colorLight="#ffffff"]
+	 * @param {QRCode.CorrectLevel} [vOption.correctLevel=QRCode.CorrectLevel.H] [L|M|Q|H] 
+	 */
+	QRCode = function (el, vOption) {
+		this._htOption = {
+			width : 256, 
+			height : 256,
+			typeNumber : 4,
+			colorDark : "#000000",
+			colorLight : "#ffffff",
+			correctLevel : QRErrorCorrectLevel.H
+		};
+		
+		if (typeof vOption === 'string') {
+			vOption	= {
+				text : vOption
+			};
+		}
+		
+		// Overwrites options
+		if (vOption) {
+			for (var i in vOption) {
+				this._htOption[i] = vOption[i];
+			}
+		}
+		
+		if (typeof el == "string") {
+			el = document.getElementById(el);
+		}
+
+		if (this._htOption.useSVG) {
+			Drawing = svgDrawer;
+		}
+		
+		this._android = _getAndroid();
+		this._el = el;
+		if (this._el && this._el.classList) {
+			this._el.classList.add("qr-code__container");
+		}
+		this._oQRCode = null;
+		this._oDrawing = new Drawing(this._el, this._htOption);
+		
+		if (this._htOption.text) {
+			this.makeCode(this._htOption.text);	
+		}
+	};
+	
+	/**
+	 * Make the QRCode
+	 * 
+	 * @param {String} sText link data
+	 */
+	QRCode.prototype.makeCode = function (sText) {
+		this._oQRCode = new QRCodeModel(_getTypeNumber(sText, this._htOption.correctLevel), this._htOption.correctLevel);
+		this._oQRCode.addData(sText);
+		this._oQRCode.make();
+		this._el.title = sText;
+		this._oDrawing.draw(this._oQRCode);			
+		this.makeImage();
+	};
+	
+	/**
+	 * Make the Image from Canvas element
+	 * - It occurs automatically
+	 * - Android below 3 doesn't support Data-URI spec.
+	 * 
+	 * @private
+	 */
+	QRCode.prototype.makeImage = function () {
+		if (typeof this._oDrawing.makeImage == "function" && (!this._android || this._android >= 3)) {
+			this._oDrawing.makeImage();
+		}
+	};
+	
+	/**
+	 * Clear the QRCode
+	 */
+	QRCode.prototype.clear = function () {
+		this._oDrawing.clear();
+	};
+	
+	/**
+	 * @name QRCode.CorrectLevel
+	 */
+	QRCode.CorrectLevel = QRErrorCorrectLevel;
+  })();
+
+  QRCodeExport = QRCode;
+
+  createQrCodeExport = function createQrCode(element, options = {}) {
+    return new QRCode(element, options);
+  };
+
+  renderQrCodeExport = function renderQrCode(element, text, options = {}) {
+    const normalizedOptions = Object.assign({}, options, { text });
+    const instance = new QRCode(element, normalizedOptions);
+    return instance;
+  };
+
+  updateQrCodeExport = function updateQrCode(instance, text) {
+    if (!instance || typeof instance.makeCode !== "function") {
+      throw new Error("Invalid QRCode instance");
+    }
+    instance.makeCode(text);
+    return instance;
+  };
+} else {
+  class QRCodeStub {
+    constructor() {
+      throw new Error("QR code rendering requires a DOM environment.");
+    }
+
+    makeCode() {
+      throw new Error("QR code rendering requires a DOM environment.");
+    }
+
+    clear() {}
+  }
+
+  QRCodeExport = QRCodeStub;
+
+  createQrCodeExport = function createQrCodeStub() {
+    throw new Error("QR code rendering requires a DOM environment.");
+  };
+
+  renderQrCodeExport = function renderQrCodeStub() {
+    throw new Error("QR code rendering requires a DOM environment.");
+  };
+
+  updateQrCodeExport = function updateQrCodeStub() {
+    throw new Error("QR code rendering requires a DOM environment.");
+  };
+}
+
+export { QRCodeExport as QRCode };
+export {
+  createQrCodeExport as createQrCode,
+  renderQrCodeExport as renderQrCode,
+  updateQrCodeExport as updateQrCode,
+};
diff --git a/dist/js/utils/safeDecode.js b/dist/js/utils/safeDecode.js
new file mode 100644
index 00000000..202b240d
--- /dev/null
+++ b/dist/js/utils/safeDecode.js
@@ -0,0 +1,32 @@
+export function safeDecodeURIComponent(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+
+  if (value === "") {
+    return "";
+  }
+
+  try {
+    return decodeURIComponent(value);
+  } catch (err) {
+    return value;
+  }
+}
+
+export function safeDecodeURIComponentLoose(value, { trim = true } = {}) {
+  if (typeof value !== "string") {
+    return "";
+  }
+
+  const working = trim ? value.trim() : value;
+  if (trim && !working) {
+    return "";
+  }
+
+  try {
+    return decodeURIComponent(working);
+  } catch (err) {
+    return working;
+  }
+}
diff --git a/dist/js/utils/serviceWorkerFallbackMessages.js b/dist/js/utils/serviceWorkerFallbackMessages.js
new file mode 100644
index 00000000..6110b92c
--- /dev/null
+++ b/dist/js/utils/serviceWorkerFallbackMessages.js
@@ -0,0 +1,58 @@
+// js/utils/serviceWorkerFallbackMessages.js
+
+const BASE_STATUS_MESSAGE = "Streaming via WebTorrent";
+
+function normalizeMessage(error) {
+  if (!error) {
+    return "";
+  }
+  if (error instanceof Error && typeof error.message === "string") {
+    return error.message;
+  }
+  if (typeof error === "string") {
+    return error;
+  }
+  try {
+    return String(error);
+  } catch (_err) {
+    return "";
+  }
+}
+
+export function buildServiceWorkerFallbackStatus(error) {
+  const rawMessage = normalizeMessage(error);
+  const normalized = rawMessage.toLowerCase();
+
+  if (!normalized) {
+    return `${BASE_STATUS_MESSAGE} (service worker unavailable)`;
+  }
+
+  if (normalized.includes("https or localhost required")) {
+    return `${BASE_STATUS_MESSAGE} (serve over HTTPS to enable service worker)`;
+  }
+
+  if (normalized.includes("not supported") || normalized.includes("disabled")) {
+    return `${BASE_STATUS_MESSAGE} (browser disabled service workers)`;
+  }
+
+  if (normalized.includes("brave shield")) {
+    return `${BASE_STATUS_MESSAGE} (Brave Shields blocked the service worker)`;
+  }
+
+  if (
+    normalized.includes("failed to register") ||
+    normalized.includes("failed to fetch") ||
+    normalized.includes("blocked") ||
+    normalized.includes("net::err_blocked_by_client")
+  ) {
+    return `${BASE_STATUS_MESSAGE} (service worker blocked by browser or extension)`;
+  }
+
+  if (normalized.includes("controller claim timeout")) {
+    return `${BASE_STATUS_MESSAGE} (waiting for service worker control)`;
+  }
+
+  return `${BASE_STATUS_MESSAGE} (service worker unavailable)`;
+}
+
+export default buildServiceWorkerFallbackStatus;
diff --git a/dist/js/utils/storage.js b/dist/js/utils/storage.js
new file mode 100644
index 00000000..8efc8e00
--- /dev/null
+++ b/dist/js/utils/storage.js
@@ -0,0 +1,114 @@
+import { userLogger } from "./logger.js";
+// js/utils/storage.js
+
+const URL_HEALTH_STORAGE_PREFIX = "bitvid:urlHealth:";
+const TORRENT_PROBE_STORAGE_PREFIX = "bitvid:torrentProbe:";
+
+function getUrlHealthStorageKey(eventId) {
+  return `${URL_HEALTH_STORAGE_PREFIX}${eventId}`;
+}
+
+function getTorrentProbeStorageKey(infoHash) {
+  return `${TORRENT_PROBE_STORAGE_PREFIX}${infoHash}`;
+}
+
+export function readUrlHealthFromStorage(eventId) {
+  if (!eventId || typeof localStorage === "undefined") {
+    return null;
+  }
+
+  try {
+    const raw = localStorage.getItem(getUrlHealthStorageKey(eventId));
+    if (!raw) {
+      return null;
+    }
+    const parsed = JSON.parse(raw);
+    if (parsed && typeof parsed === "object") {
+      return parsed;
+    }
+  } catch (err) {
+    userLogger.warn(`Failed to parse stored URL health for ${eventId}:`, err);
+  }
+
+  removeUrlHealthFromStorage(eventId);
+  return null;
+}
+
+export function writeUrlHealthToStorage(eventId, entry) {
+  if (!eventId || typeof localStorage === "undefined") {
+    return;
+  }
+
+  try {
+    localStorage.setItem(
+      getUrlHealthStorageKey(eventId),
+      JSON.stringify(entry)
+    );
+  } catch (err) {
+    userLogger.warn(`Failed to persist URL health for ${eventId}:`, err);
+  }
+}
+
+export function removeUrlHealthFromStorage(eventId) {
+  if (!eventId || typeof localStorage === "undefined") {
+    return;
+  }
+
+  try {
+    localStorage.removeItem(getUrlHealthStorageKey(eventId));
+  } catch (err) {
+    userLogger.warn(`Failed to remove URL health for ${eventId}:`, err);
+  }
+}
+
+export function readTorrentProbeFromStorage(infoHash) {
+  if (!infoHash || typeof localStorage === "undefined") {
+    return null;
+  }
+
+  try {
+    const raw = localStorage.getItem(getTorrentProbeStorageKey(infoHash));
+    if (!raw) {
+      return null;
+    }
+    const parsed = JSON.parse(raw);
+    if (parsed && typeof parsed === "object") {
+      return parsed;
+    }
+  } catch (err) {
+    userLogger.warn(
+      `Failed to parse stored torrent probe for ${infoHash}:`,
+      err
+    );
+  }
+
+  removeTorrentProbeFromStorage(infoHash);
+  return null;
+}
+
+export function writeTorrentProbeToStorage(infoHash, entry) {
+  if (!infoHash || typeof localStorage === "undefined") {
+    return;
+  }
+
+  try {
+    localStorage.setItem(
+      getTorrentProbeStorageKey(infoHash),
+      JSON.stringify(entry)
+    );
+  } catch (err) {
+    userLogger.warn(`Failed to persist torrent probe for ${infoHash}:`, err);
+  }
+}
+
+export function removeTorrentProbeFromStorage(infoHash) {
+  if (!infoHash || typeof localStorage === "undefined") {
+    return;
+  }
+
+  try {
+    localStorage.removeItem(getTorrentProbeStorageKey(infoHash));
+  } catch (err) {
+    userLogger.warn(`Failed to remove torrent probe for ${infoHash}:`, err);
+  }
+}
diff --git a/dist/js/utils/storagePointer.js b/dist/js/utils/storagePointer.js
new file mode 100644
index 00000000..15fd58a2
--- /dev/null
+++ b/dist/js/utils/storagePointer.js
@@ -0,0 +1,123 @@
+const INFO_JSON_SUFFIX = ".info.json";
+
+function safeTrim(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+
+export function normalizeStoragePointer(value) {
+  return safeTrim(value);
+}
+
+function parseStoragePointer(value) {
+  const normalized = normalizeStoragePointer(value);
+  if (!normalized) {
+    return null;
+  }
+
+  const separatorIndex = normalized.indexOf(":");
+  if (separatorIndex <= 0) {
+    return null;
+  }
+
+  const provider = normalized.slice(0, separatorIndex).trim().toLowerCase();
+  const prefix = normalized.slice(separatorIndex + 1).trim();
+  if (!provider || !prefix) {
+    return null;
+  }
+
+  return { provider, prefix };
+}
+
+export function buildStoragePointerValue({ provider, prefix } = {}) {
+  const normalizedProvider = safeTrim(provider).toLowerCase();
+  const normalizedPrefix = safeTrim(prefix);
+  if (!normalizedProvider || !normalizedPrefix) {
+    return "";
+  }
+
+  return `${normalizedProvider}:${normalizedPrefix}`;
+}
+
+function deriveStoragePrefixFromUrl(url) {
+  const trimmed = safeTrim(url);
+  if (!trimmed || !/^https?:\/\//i.test(trimmed)) {
+    return "";
+  }
+
+  try {
+    const parsed = new URL(trimmed);
+    const path = parsed.pathname || "";
+    if (!path || path === "/") {
+      return "";
+    }
+    const normalizedPath = path.replace(/\/+$/, "");
+    const withoutExtension = normalizedPath.replace(/\.[^/.]+$/, "");
+    const cleanedPath = withoutExtension.startsWith("/")
+      ? withoutExtension
+      : `/${withoutExtension}`;
+    return `${parsed.origin}${cleanedPath}`;
+  } catch (error) {
+    return "";
+  }
+}
+
+export function deriveStoragePointerFromUrl(url, provider = "url") {
+  const prefix = deriveStoragePrefixFromUrl(url);
+  return buildStoragePointerValue({ provider, prefix });
+}
+
+export function buildStoragePrefixFromKey({ publicBaseUrl, key } = {}) {
+  const base = safeTrim(publicBaseUrl).replace(/\/+$/, "");
+  const normalizedKey = safeTrim(key).replace(/^\//, "");
+  if (!base || !normalizedKey) {
+    return "";
+  }
+  const baseKey = normalizedKey.replace(/\.[^/.]+$/, "");
+  if (!baseKey) {
+    return "";
+  }
+  return `${base}/${baseKey}`;
+}
+
+export function getStoragePointerFromTags(tags = []) {
+  if (!Array.isArray(tags)) {
+    return "";
+  }
+  const tag = tags.find(
+    (entry) =>
+      Array.isArray(entry) &&
+      entry[0] === "s" &&
+      typeof entry[1] === "string"
+  );
+  return normalizeStoragePointer(tag?.[1]);
+}
+
+function normalizeInfoJsonBase(base) {
+  const trimmed = safeTrim(base);
+  if (!trimmed) {
+    return "";
+  }
+  if (trimmed.toLowerCase().endsWith(INFO_JSON_SUFFIX)) {
+    return trimmed;
+  }
+  return `${trimmed.replace(/\/+$/, "")}${INFO_JSON_SUFFIX}`;
+}
+
+export function resolveInfoJsonUrl({ storagePointer, url } = {}) {
+  const parsed = parseStoragePointer(storagePointer);
+  if (!parsed) {
+    return "";
+  }
+
+  const prefix = parsed.prefix;
+  if (/^https?:\/\//i.test(prefix)) {
+    return normalizeInfoJsonBase(prefix);
+  }
+
+  const fallbackPrefix = deriveStoragePrefixFromUrl(url);
+  if (fallbackPrefix) {
+    return normalizeInfoJsonBase(fallbackPrefix);
+  }
+
+  return normalizeInfoJsonBase(prefix);
+}
diff --git a/dist/js/utils/torrentHash.js b/dist/js/utils/torrentHash.js
new file mode 100644
index 00000000..9f5144ca
--- /dev/null
+++ b/dist/js/utils/torrentHash.js
@@ -0,0 +1,72 @@
+import WebTorrent from "../webtorrent.min.js";
+import { userLogger } from "./logger.js";
+
+const TORRENT_SEED_OPTIONS = {
+  announce: [],
+  destroyStoreOnDestroy: true,
+};
+
+function seedTorrentForFile(file, urlList = []) {
+  if (!file) {
+    return Promise.reject(new Error("No file provided for hashing."));
+  }
+
+  const client = new WebTorrent({
+    tracker: false,
+    dht: false,
+    lsd: false,
+    webSeeds: false,
+  });
+
+  return new Promise((resolve, reject) => {
+    try {
+      client.seed(
+        file,
+        {
+          ...TORRENT_SEED_OPTIONS,
+          name: file.name,
+          urlList: urlList,
+        },
+        (torrent) => {
+          const infoHash = torrent.infoHash;
+          const torrentFile = torrent.torrentFile || torrent.torrentFileBuffer || null;
+          client.destroy((err) => {
+            if (err) {
+              userLogger.warn("Error destroying temporary hashing client:", err);
+            }
+            if (infoHash) {
+              resolve({ infoHash, torrentFile });
+            } else {
+              reject(new Error("Failed to calculate info hash."));
+            }
+          });
+        }
+      );
+
+      client.on("error", (err) => {
+        userLogger.error("WebTorrent client error during hashing:", err);
+        client.destroy();
+        reject(err);
+      });
+    } catch (err) {
+      client.destroy();
+      reject(err);
+    }
+  });
+}
+
+/**
+ * Calculates the torrent infoHash for a given file client-side.
+ * This operation requires reading and hashing the entire file, so it may take time for large files.
+ *
+ * @param {File} file - The file object to hash.
+ * @returns {Promise<string>} - Resolves with the hex encoded infoHash.
+ */
+export async function calculateTorrentInfoHash(file) {
+  const { infoHash } = await seedTorrentForFile(file);
+  return infoHash;
+}
+
+export async function createTorrentMetadata(file, urlList = []) {
+  return seedTorrentForFile(file, urlList);
+}
diff --git a/dist/js/utils/videoDeduper.js b/dist/js/utils/videoDeduper.js
new file mode 100644
index 00000000..bfbe8c05
--- /dev/null
+++ b/dist/js/utils/videoDeduper.js
@@ -0,0 +1,37 @@
+// js/utils/videoDeduper.js
+
+/**
+ * Given an array of video objects, return only the newest (by created_at) for
+ * each videoRootId. If no videoRootId is present, treat the video’s own ID as
+ * its root.
+ */
+export function dedupeToNewestByRoot(videos) {
+  const map = new Map();
+
+  const normalizeTimestamp = (value) => {
+    const numeric = Number(value);
+    return Number.isFinite(numeric) ? numeric : -Infinity;
+  };
+
+  for (const vid of videos || []) {
+    if (!vid) {
+      continue;
+    }
+    const rootId = vid.videoRootId || vid.id;
+    if (!rootId) {
+      continue;
+    }
+
+    const existing = map.get(rootId);
+    if (
+      !existing ||
+      normalizeTimestamp(vid.created_at) > normalizeTimestamp(existing.created_at)
+    ) {
+      map.set(rootId, vid);
+    }
+  }
+
+  return Array.from(map.values());
+}
+
+export default dedupeToNewestByRoot;
diff --git a/dist/js/utils/videoPointer.js b/dist/js/utils/videoPointer.js
new file mode 100644
index 00000000..d269a06e
--- /dev/null
+++ b/dist/js/utils/videoPointer.js
@@ -0,0 +1,126 @@
+// js/utils/videoPointer.js
+
+import { pointerArrayToKey } from "./pointer.js";
+import { devLogger } from "./logger.js";
+import { normalizeHexPubkey } from "./hex.js";
+
+const DEFAULT_VIDEO_KIND = 30078;
+
+function normalizeString(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+
+export function resolveVideoPointer({
+  kind,
+  pubkey,
+  videoRootId,
+  dTag,
+  fallbackEventId,
+  relay,
+} = {}) {
+  const normalizedPubkey = normalizeString(pubkey).toLowerCase();
+  const normalizedKind =
+    typeof kind === "number" && Number.isFinite(kind) ? kind : DEFAULT_VIDEO_KIND;
+  const pointerCandidates = [];
+  const normalizedRelay = normalizeString(relay);
+
+  const normalizedDTag = normalizeString(dTag);
+  if (normalizedDTag && normalizedPubkey) {
+    const ptr = ["a", `${normalizedKind}:${normalizedPubkey}:${normalizedDTag}`];
+    if (normalizedRelay) ptr.push(normalizedRelay);
+    pointerCandidates.push(ptr);
+  }
+
+  const rootId = normalizeString(videoRootId);
+  if (rootId && normalizedPubkey) {
+    const ptr = ["a", `${normalizedKind}:${normalizedPubkey}:${rootId}`];
+    if (normalizedRelay) ptr.push(normalizedRelay);
+    pointerCandidates.push(ptr);
+  }
+
+  const fallbackId = normalizeString(fallbackEventId);
+  if (fallbackId) {
+    const ptr = ["e", fallbackId];
+    if (normalizedRelay) ptr.push(normalizedRelay);
+    pointerCandidates.push(ptr);
+  }
+
+  for (const pointer of pointerCandidates) {
+    const key = pointerArrayToKey(pointer);
+    if (key) {
+      const pointerEventId =
+        pointer[0] === "e" && typeof pointer[1] === "string"
+          ? pointer[1].trim()
+          : fallbackId;
+      return {
+        pointer,
+        key,
+        eventId:
+          typeof pointerEventId === "string" && pointerEventId
+            ? pointerEventId
+            : "",
+      };
+    }
+  }
+
+  return null;
+}
+
+export default resolveVideoPointer;
+
+export function buildVideoAddressPointer(
+  video,
+  { defaultKind = DEFAULT_VIDEO_KIND, logger = devLogger } = {}
+) {
+  if (!video || typeof video !== "object") {
+    return "";
+  }
+
+  const tags = Array.isArray(video.tags) ? video.tags : [];
+  const dTag = tags.find(
+    (tag) =>
+      Array.isArray(tag) &&
+      tag.length >= 2 &&
+      tag[0] === "d" &&
+      typeof tag[1] === "string" &&
+      tag[1].trim()
+  );
+
+  if (!dTag) {
+    return "";
+  }
+
+  const pubkey = normalizeHexPubkey(video.pubkey);
+  if (!pubkey) {
+    return "";
+  }
+
+  const identifier = dTag[1].trim();
+  if (!identifier) {
+    return "";
+  }
+
+  let kind = defaultKind;
+  if (Number.isFinite(video.kind) && video.kind > 0) {
+    kind = Math.floor(video.kind);
+  } else if (typeof video.kind === "string" && video.kind.trim()) {
+    const parsed = Number(video.kind);
+    if (Number.isFinite(parsed) && parsed > 0) {
+      kind = Math.floor(parsed);
+    }
+  }
+
+  if (!Number.isFinite(kind) || kind <= 0) {
+    if (logger?.warn) {
+      logger.warn(
+        "[videoPointer] Invalid kind detected while building video pointer; defaulting to 30078.",
+        { kind: video.kind }
+      );
+    }
+    kind = DEFAULT_VIDEO_KIND;
+  }
+
+  return `${kind}:${pubkey}:${identifier}`;
+}
+
+export { DEFAULT_VIDEO_KIND };
diff --git a/dist/js/utils/videoTags.js b/dist/js/utils/videoTags.js
new file mode 100644
index 00000000..ec841d2e
--- /dev/null
+++ b/dist/js/utils/videoTags.js
@@ -0,0 +1,136 @@
+// js/utils/videoTags.js
+
+/**
+ * @module utils/videoTags
+ * @description Helpers for collecting and formatting normalized video tags from
+ *               various metadata sources.
+ */
+
+const HASH_PREFIX_PATTERN = /^#+/;
+
+function isObject(value) {
+  return Boolean(value) && typeof value === "object";
+}
+
+function asIterableStrings(value) {
+  if (Array.isArray(value)) {
+    return value;
+  }
+  if (typeof value === "string") {
+    return [value];
+  }
+  return [];
+}
+
+function normalizeTagValue(rawValue) {
+  if (typeof rawValue !== "string") {
+    return "";
+  }
+
+  const trimmed = rawValue.trim();
+  if (!trimmed) {
+    return "";
+  }
+
+  const withoutHashes = trimmed.replace(HASH_PREFIX_PATTERN, "").trim();
+
+  return withoutHashes;
+}
+
+/**
+ * Prefix a tag with `#` for display purposes, ensuring a single leading hash.
+ *
+ * @param {string} tag - The normalized tag to format.
+ * @returns {string} The tag prefixed with `#` when a tag exists, otherwise an
+ *                   empty string.
+ */
+function formatTagDisplay(tag) {
+  if (typeof tag !== "string") {
+    return "";
+  }
+
+  const trimmed = tag.trim();
+  if (!trimmed) {
+    return "";
+  }
+
+  return `#${trimmed.replace(HASH_PREFIX_PATTERN, "").trim()}`;
+}
+
+/**
+ * Collect normalized hashtags from a video object, deduping across NIP-71
+ * metadata and traditional Nostr tag arrays. Results are sorted alphabetically
+ * in a case-insensitive manner while preserving the first-seen casing.
+ *
+ * @param {object} video - Video metadata that may contain NIP-71 structured
+ *                         fields or Nostr tag arrays.
+ * @param {object} [options]
+ * @param {boolean} [options.includeHashes=false] - When true, prefix `#` on the
+ *                                                  returned tag strings.
+ * @returns {string[]} Sorted list of unique tag strings.
+ */
+export function collectVideoTags(video, { includeHashes = false } = {}) {
+  if (!isObject(video)) {
+    return [];
+  }
+
+  const deduped = new Set();
+  const collected = [];
+
+  const pushTag = (rawValue) => {
+    const normalized = normalizeTagValue(rawValue);
+    if (!normalized) {
+      return;
+    }
+
+    const lower = normalized.toLowerCase();
+    if (deduped.has(lower)) {
+      return;
+    }
+
+    deduped.add(lower);
+    collected.push(normalized);
+  };
+
+  if (isObject(video.nip71)) {
+    const { hashtags, t } = video.nip71;
+    for (const candidate of asIterableStrings(hashtags)) {
+      pushTag(candidate);
+    }
+    for (const candidate of asIterableStrings(t)) {
+      pushTag(candidate);
+    }
+  }
+
+  if (Array.isArray(video.tags)) {
+    for (const tagTuple of video.tags) {
+      if (!Array.isArray(tagTuple) || tagTuple.length < 2) {
+        continue;
+      }
+
+      const [marker, value] = tagTuple;
+      if (typeof marker !== "string" || marker.toLowerCase() !== "t") {
+        continue;
+      }
+
+      pushTag(value);
+    }
+  }
+
+  collected.sort((a, b) => {
+    const lowerA = a.toLowerCase();
+    const lowerB = b.toLowerCase();
+    if (lowerA === lowerB) {
+      return a.localeCompare(b);
+    }
+    return lowerA.localeCompare(lowerB);
+  });
+
+  if (!includeHashes) {
+    return collected;
+  }
+
+  return collected.map((tag) => formatTagDisplay(tag));
+}
+
+export default collectVideoTags;
diff --git a/dist/js/utils/videoTimestamps.js b/dist/js/utils/videoTimestamps.js
new file mode 100644
index 00000000..d44ffcf7
--- /dev/null
+++ b/dist/js/utils/videoTimestamps.js
@@ -0,0 +1,106 @@
+import { collectVideoTags } from "./videoTags.js";
+
+export function getVideoRootIdentifier(video) {
+  if (!video || typeof video !== "object") {
+    return "";
+  }
+
+  if (typeof video.videoRootId === "string" && video.videoRootId) {
+    return video.videoRootId;
+  }
+
+  if (typeof video.id === "string" && video.id) {
+    return video.id;
+  }
+
+  return "";
+}
+
+export function applyRootTimestampToVideosMap({
+  videosMap,
+  video,
+  rootId = "",
+  timestamp,
+}) {
+  if (!(videosMap instanceof Map)) {
+    return;
+  }
+
+  if (video?.id) {
+    const existing = videosMap.get(video.id);
+    if (existing && typeof existing === "object") {
+      existing.rootCreatedAt = timestamp;
+    }
+  }
+
+  if (!rootId) {
+    return;
+  }
+
+  for (const stored of videosMap.values()) {
+    if (!stored || typeof stored !== "object") {
+      continue;
+    }
+    if (stored === video) {
+      continue;
+    }
+    const storedRootId = getVideoRootIdentifier(stored);
+    if (storedRootId && storedRootId === rootId) {
+      stored.rootCreatedAt = timestamp;
+    }
+  }
+}
+
+export function syncActiveVideoRootTimestamp({
+  activeVideo,
+  rootId = "",
+  timestamp = null,
+  buildModalTimestampPayload,
+  videoModal,
+}) {
+  if (!Number.isFinite(timestamp)) {
+    return false;
+  }
+
+  const normalized = Math.floor(timestamp);
+  if (!activeVideo || typeof activeVideo !== "object") {
+    return false;
+  }
+
+  const activeRootId = getVideoRootIdentifier(activeVideo);
+  if (!activeRootId) {
+    return false;
+  }
+
+  if (rootId && activeRootId !== rootId) {
+    return false;
+  }
+
+  if (activeVideo.rootCreatedAt === normalized) {
+    return false;
+  }
+
+  activeVideo.rootCreatedAt = normalized;
+  const modalTags = collectVideoTags(activeVideo);
+  activeVideo.displayTags = modalTags;
+
+  const editedAt = Number.isFinite(activeVideo.lastEditedAt)
+    ? Math.floor(activeVideo.lastEditedAt)
+    : Number.isFinite(activeVideo.created_at)
+      ? Math.floor(activeVideo.created_at)
+      : null;
+
+  if (
+    typeof buildModalTimestampPayload === "function" &&
+    videoModal &&
+    typeof videoModal.updateMetadata === "function"
+  ) {
+    const payload = buildModalTimestampPayload({
+      postedAt: normalized,
+      editedAt,
+    });
+    videoModal.updateMetadata({ timestamps: payload, tags: modalTags });
+  }
+
+  return true;
+}
diff --git a/dist/js/videoEventUtils.js b/dist/js/videoEventUtils.js
new file mode 100644
index 00000000..56eeb8a6
--- /dev/null
+++ b/dist/js/videoEventUtils.js
@@ -0,0 +1,118 @@
+// js/videoEventUtils.js
+
+/**
+ * Extracts normalized fields from a bitvid video event while
+ * tolerating legacy payloads that may omit version >= 2 metadata.
+ */
+const MAGNET_URI_PATTERN = /^magnet:\?/i;
+const HEX_INFO_HASH_PATTERN = /\b[0-9a-f]{40}\b/gi;
+
+function safeTrim(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+
+function pickFirstString(values = []) {
+  if (!Array.isArray(values)) {
+    return "";
+  }
+
+  for (const value of values) {
+    const trimmed = safeTrim(value);
+    if (trimmed) {
+      return trimmed;
+    }
+  }
+
+  return "";
+}
+
+export function deriveTitleFromEvent({
+  parsedContent = {},
+  tags = [],
+  primaryTitle = "",
+} = {}) {
+  const initial = safeTrim(primaryTitle);
+  if (initial) {
+    return initial;
+  }
+
+  const directCandidates = pickFirstString([
+    parsedContent?.title,
+    parsedContent?.name,
+    parsedContent?.filename,
+    parsedContent?.fileName,
+    parsedContent?.subject,
+    parsedContent?.caption,
+  ]);
+  if (directCandidates) {
+    return directCandidates;
+  }
+
+  const metaTitle = safeTrim(parsedContent?.meta?.title);
+  if (metaTitle) {
+    return metaTitle;
+  }
+
+  if (Array.isArray(tags)) {
+    for (const tag of tags) {
+      if (!Array.isArray(tag) || tag.length < 2) {
+        continue;
+      }
+      const key = safeTrim(tag[0]).toLowerCase();
+      if (!key) {
+        continue;
+      }
+      if (["title", "subject", "caption", "name"].includes(key)) {
+        const candidate = safeTrim(tag[1]);
+        if (candidate) {
+          return candidate;
+        }
+      }
+    }
+  }
+
+  return "";
+}
+
+function extractInfoHashesFromString(value, pushInfoHash) {
+  if (typeof value !== "string") {
+    return;
+  }
+
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return;
+  }
+
+  const matches = trimmed.match(HEX_INFO_HASH_PATTERN);
+  if (!matches) {
+    return;
+  }
+
+  for (const match of matches) {
+    const normalized = match.toLowerCase();
+    pushInfoHash(normalized);
+  }
+}
+
+function traverseForInfoHashes(value, pushInfoHash) {
+  if (!value) {
+    return;
+  }
+  if (typeof value === "string") {
+    extractInfoHashesFromString(value, pushInfoHash);
+    return;
+  }
+  if (Array.isArray(value)) {
+    for (const item of value) {
+      traverseForInfoHashes(item, pushInfoHash);
+    }
+    return;
+  }
+  if (typeof value === "object") {
+    for (const nested of Object.values(value)) {
+      traverseForInfoHashes(nested, pushInfoHash);
+    }
+  }
+}
+
diff --git a/dist/js/viewCounter.js b/dist/js/viewCounter.js
new file mode 100644
index 00000000..7013faa3
--- /dev/null
+++ b/dist/js/viewCounter.js
@@ -0,0 +1,674 @@
+/**
+ * @module viewCounter
+ * @description Public API for tracking and formatting bitvid video view totals.
+ *
+ * The module exposes lifecycle helpers:
+ *   - {@link initViewCounter} to prime the counter with the active Nostr client.
+ *   - {@link subscribeToVideoViewCount} / {@link unsubscribeFromVideoViewCount}
+ *     to observe live totals for an `a` or `e` pointer.
+ *   - {@link ingestLocalViewEvent} so playback flows can optimistically update
+ *     counts immediately after publishing a view event.
+ *   - {@link formatViewCount} for rendering localized view totals in the UI.
+ */
+
+import {
+  VIEW_COUNT_BACKFILL_MAX_DAYS,
+  VIEW_COUNT_CACHE_TTL_MS,
+  VIEW_COUNT_DEDUPE_WINDOW_SECONDS,
+} from "./config.js";
+import { userLogger } from "./utils/logger.js";
+import { nostrClient } from "./nostrClientFacade.js";
+import {
+  countVideoViewEventsWithDefaultClient as countVideoViewEvents,
+  listVideoViewEventsWithDefaultClient as listVideoViewEvents,
+  subscribeVideoViewEventsWithDefaultClient as subscribeVideoViewEvents,
+} from "./nostrViewEventsFacade.js";
+
+const VIEW_COUNTER_STORAGE_KEY = "bitvid:view-counter:v1";
+const STORAGE_DEBOUNCE_MS = 500;
+const SECONDS_PER_DAY = 86_400;
+
+const listVideoViewEventsApi = (pointer, options) =>
+  listVideoViewEvents(pointer, options);
+const subscribeVideoViewEventsApi = (pointer, options) =>
+  subscribeVideoViewEvents(pointer, options);
+const countVideoViewEventsApi = (pointer, options) =>
+  countVideoViewEvents(pointer, options);
+
+/** @type {Map<string, ViewCounterState>} */
+const pointerStates = new Map();
+/** @type {Map<string, PointerListeners>} */
+const pointerListeners = new Map();
+let persistTimer = null;
+let nextTokenId = 1;
+
+restoreCacheSnapshot();
+
+/**
+ * @typedef {Object} ViewCounterState
+ * @property {number} total
+ * @property {Map<string, number>} dedupeBuckets
+ * @property {number} lastSyncedAt
+ * @property {"idle"|"hydrating"|"live"|"stale"} status
+ * @property {boolean} partial
+ */
+
+/**
+ * @typedef {Object} PointerListeners
+ * @property {{ type: string, value: string, relay?: string | null }} pointer
+ * @property {Map<string, Function>} handlers
+ * @property {(() => void) | null} liveUnsub
+ * @property {Promise<void> | null} hydrationPromise
+ * @property {Object | null} options
+ */
+
+/**
+ * Persist the in-memory cache to localStorage after a short debounce.
+ */
+function schedulePersist() {
+  if (!supportsStorage()) {
+    return;
+  }
+  if (persistTimer) {
+    clearTimeout(persistTimer);
+  }
+  persistTimer = setTimeout(() => {
+    persistTimer = null;
+    persistCacheSnapshot();
+  }, STORAGE_DEBOUNCE_MS);
+}
+
+/**
+ * Convert a raw pointer input into the canonical key and normalized descriptor.
+ *
+ * @param {string | { type?: string, value?: string, relay?: string | null } | { tag?: any }} input
+ * @returns {{ key: string, pointer: { type: string, value: string, relay?: string | null } }}
+ */
+function canonicalizePointer(input) {
+  const normalized = normalizePointer(input);
+  if (!normalized) {
+    throw new Error("Invalid pointer supplied for view counting.");
+  }
+
+  const type = normalized.type === "a" ? "a" : "e";
+  const value = typeof normalized.value === "string" ? normalized.value.trim() : "";
+  if (!value) {
+    throw new Error("Invalid pointer supplied for view counting.");
+  }
+
+  const key = `${type}:${value}`;
+  const descriptor = { type, value };
+  if (normalized.relay) {
+    descriptor.relay = normalized.relay;
+  }
+  return { key, pointer: descriptor };
+}
+
+/**
+ * Mirror the pointer normalization logic used inside the Nostr client.
+ *
+ * @param {any} pointer
+ * @returns {{ type: string, value: string, relay?: string | null } | null}
+ */
+function normalizePointer(pointer) {
+  if (!pointer) {
+    return null;
+  }
+
+  if (Array.isArray(pointer)) {
+    return normalizePointerTag(pointer);
+  }
+
+  if (typeof pointer === "object") {
+    if (typeof pointer.type === "string" && typeof pointer.value === "string") {
+      return clonePointer(pointer);
+    }
+    if (Array.isArray(pointer.tag)) {
+      return normalizePointerTag(pointer.tag);
+    }
+  }
+
+  if (typeof pointer !== "string") {
+    return null;
+  }
+
+  const trimmed = pointer.trim();
+  if (!trimmed) {
+    return null;
+  }
+
+  if (trimmed.startsWith("naddr") || trimmed.startsWith("nevent")) {
+    const decoder = typeof window !== "undefined" ? window?.NostrTools?.nip19?.decode : null;
+    if (typeof decoder === "function") {
+      try {
+        const decoded = decoder(trimmed);
+        if (decoded?.type === "naddr" && decoded.data) {
+          const { kind, pubkey, identifier, relays } = decoded.data;
+          if (
+            typeof kind === "number" &&
+            typeof pubkey === "string" &&
+            typeof identifier === "string"
+          ) {
+            const relay = Array.isArray(relays) && relays.length && typeof relays[0] === "string"
+              ? relays[0]
+              : null;
+            return {
+              type: "a",
+              value: `${kind}:${pubkey}:${identifier}`,
+              relay,
+            };
+          }
+        }
+        if (decoded?.type === "nevent" && decoded.data) {
+          const { id, relays } = decoded.data;
+          if (typeof id === "string" && id.trim()) {
+            const relay = Array.isArray(relays) && relays.length && typeof relays[0] === "string"
+              ? relays[0]
+              : null;
+            return {
+              type: "e",
+              value: id.trim(),
+              relay,
+            };
+          }
+        }
+      } catch (error) {
+        userLogger.warn("[viewCounter] Failed to decode NIP-19 pointer:", error);
+      }
+    }
+  }
+
+  const type = trimmed.includes(":") ? "a" : "e";
+  return { type, value: trimmed, relay: null };
+}
+
+function clonePointer(pointer) {
+  const type = pointer.type === "a" ? "a" : "e";
+  const value = typeof pointer.value === "string" ? pointer.value.trim() : "";
+  if (!value) {
+    return null;
+  }
+  const relay = typeof pointer.relay === "string" ? pointer.relay : null;
+  return relay ? { type, value, relay } : { type, value };
+}
+
+function normalizePointerTag(tag) {
+  if (!Array.isArray(tag) || tag.length < 2) {
+    return null;
+  }
+  const [label, value, relay] = tag;
+  if (label === "a" && typeof value === "string") {
+    const normalized = value.trim();
+    if (!normalized) {
+      return null;
+    }
+    const relayValue = typeof relay === "string" ? relay : null;
+    return relayValue ? { type: "a", value: normalized, relay: relayValue } : { type: "a", value: normalized };
+  }
+  if (label === "e" && typeof value === "string") {
+    const normalized = value.trim();
+    if (!normalized) {
+      return null;
+    }
+    const relayValue = typeof relay === "string" ? relay : null;
+    return relayValue ? { type: "e", value: normalized, relay: relayValue } : { type: "e", value: normalized };
+  }
+  return null;
+}
+
+function supportsStorage() {
+  try {
+    return typeof localStorage !== "undefined";
+  } catch (error) {
+    return false;
+  }
+}
+
+function restoreCacheSnapshot() {
+  if (!supportsStorage()) {
+    return;
+  }
+  try {
+    const raw = localStorage.getItem(VIEW_COUNTER_STORAGE_KEY);
+    if (!raw) {
+      return;
+    }
+    const payload = JSON.parse(raw);
+    if (!payload || payload.version !== 1) {
+      return;
+    }
+    const entries = Array.isArray(payload.entries) ? payload.entries : [];
+    for (const entry of entries) {
+      if (!Array.isArray(entry) || entry.length !== 2) {
+        continue;
+      }
+      const [key, state] = entry;
+      if (typeof key !== "string" || !state || typeof state !== "object") {
+        continue;
+      }
+      const total = Number.isFinite(state.total) ? Number(state.total) : 0;
+      const lastSyncedAt = Number.isFinite(state.lastSyncedAt) ? Number(state.lastSyncedAt) : 0;
+      const status = typeof state.status === "string" ? state.status : "idle";
+      const dedupeBuckets = new Map();
+      if (Array.isArray(state.dedupeBuckets)) {
+        for (const bucket of state.dedupeBuckets) {
+          if (!Array.isArray(bucket) || bucket.length < 1) {
+            continue;
+          }
+          const [bucketKey, bucketValue] = bucket;
+          if (typeof bucketKey === "string") {
+            dedupeBuckets.set(
+              bucketKey,
+              Number.isFinite(bucketValue) ? Number(bucketValue) : 0
+            );
+          }
+        }
+      } else if (state.dedupeBuckets && typeof state.dedupeBuckets === "object") {
+        for (const bucketKey of Object.keys(state.dedupeBuckets)) {
+          const bucketValue = state.dedupeBuckets[bucketKey];
+          if (typeof bucketKey === "string") {
+            dedupeBuckets.set(
+              bucketKey,
+              Number.isFinite(bucketValue) ? Number(bucketValue) : 0
+            );
+          }
+        }
+      }
+      pointerStates.set(key, {
+        total,
+        dedupeBuckets,
+        lastSyncedAt,
+        status: status === "hydrating" || status === "live" ? "idle" : status,
+        partial: Boolean(state.partial),
+      });
+    }
+  } catch (error) {
+    userLogger.warn("[viewCounter] Failed to restore cached view counts:", error);
+  }
+}
+
+function persistCacheSnapshot() {
+  if (!supportsStorage()) {
+    return;
+  }
+  try {
+    const entries = [];
+    for (const [key, state] of pointerStates.entries()) {
+      entries.push([
+        key,
+        {
+          total: state.total,
+          dedupeBuckets: Array.from(state.dedupeBuckets.entries()),
+          lastSyncedAt: state.lastSyncedAt,
+          status: state.status,
+          partial: Boolean(state.partial),
+        },
+      ]);
+    }
+    const payload = {
+      version: 1,
+      savedAt: Date.now(),
+      entries,
+    };
+    localStorage.setItem(VIEW_COUNTER_STORAGE_KEY, JSON.stringify(payload));
+  } catch (error) {
+    userLogger.warn("[viewCounter] Failed to persist view count cache:", error);
+  }
+}
+
+function ensurePointerState(key) {
+  let state = pointerStates.get(key);
+  if (!state) {
+    state = {
+      total: 0,
+      dedupeBuckets: new Map(),
+      lastSyncedAt: 0,
+      status: "idle",
+      partial: false,
+    };
+    pointerStates.set(key, state);
+  } else if (!(state.dedupeBuckets instanceof Map)) {
+    state.dedupeBuckets = new Map(
+      state.dedupeBuckets ? Object.entries(state.dedupeBuckets) : []
+    );
+  }
+  return state;
+}
+
+function mergePointerDescriptor(existing, next) {
+  if (!existing) {
+    return next;
+  }
+  if (!next) {
+    return existing;
+  }
+  if (!existing.relay && next.relay) {
+    return { ...existing, relay: next.relay };
+  }
+  return existing;
+}
+
+function ensurePointerListeners(key, pointer) {
+  let listeners = pointerListeners.get(key);
+  if (!listeners) {
+    listeners = {
+      pointer,
+      handlers: new Map(),
+      liveUnsub: null,
+      hydrationPromise: null,
+      options: null,
+    };
+    pointerListeners.set(key, listeners);
+  } else if (!listeners.pointer) {
+    listeners.pointer = pointer;
+  } else {
+    listeners.pointer = mergePointerDescriptor(listeners.pointer, pointer);
+  }
+  return listeners;
+}
+
+function notifyHandlers(key) {
+  const listeners = pointerListeners.get(key);
+  if (!listeners || !listeners.handlers.size) {
+    return;
+  }
+  const state = ensurePointerState(key);
+  const snapshot = {
+    total: state.total,
+    lastSyncedAt: state.lastSyncedAt,
+    status: state.status,
+    partial: Boolean(state.partial),
+  };
+  for (const handler of listeners.handlers.values()) {
+    try {
+      handler(snapshot);
+    } catch (error) {
+      userLogger.warn("[viewCounter] View handler threw:", error);
+    }
+  }
+}
+
+function setPointerStatus(key, status) {
+  const state = ensurePointerState(key);
+  if (state.status === status) {
+    return;
+  }
+  state.status = status;
+  schedulePersist();
+  notifyHandlers(key);
+}
+
+function applyEventToState(key, event) {
+  if (!event || typeof event !== "object") {
+    return false;
+  }
+  const state = ensurePointerState(key);
+  const bucketKey = deriveBucketKey(event);
+  const finalKey = bucketKey || deriveFallbackKey(event);
+  if (!finalKey) {
+    return false;
+  }
+  const seenBefore = state.dedupeBuckets.has(finalKey);
+  const createdAt = Number.isFinite(event.created_at)
+    ? Number(event.created_at)
+    : Math.floor(Date.now() / 1000);
+  state.dedupeBuckets.set(finalKey, createdAt);
+  if (seenBefore) {
+    return false;
+  }
+  state.total += 1;
+  state.lastSyncedAt = Date.now();
+  return true;
+}
+
+function deriveBucketKey(event) {
+  const pubkey = typeof event?.pubkey === "string" ? event.pubkey : null;
+  if (!pubkey) {
+    return null;
+  }
+  const createdAt = Number.isFinite(event?.created_at)
+    ? Number(event.created_at)
+    : Math.floor(Date.now() / 1000);
+  const windowSize = Math.max(1, VIEW_COUNT_DEDUPE_WINDOW_SECONDS);
+  const bucket = Math.floor(createdAt / windowSize);
+  return `${pubkey}:${bucket}`;
+}
+
+function deriveFallbackKey(event) {
+  if (typeof event?.id === "string" && event.id) {
+    return `event:${event.id}`;
+  }
+  if (typeof event?.sig === "string" && event.sig) {
+    return `sig:${event.sig}`;
+  }
+  return null;
+}
+
+function mergeListenerOptions(existing, next) {
+  if (!existing) {
+    return next || null;
+  }
+  if (!next) {
+    return existing;
+  }
+  return {
+    ...existing,
+    ...next,
+  };
+}
+
+async function hydratePointer(key, listeners) {
+  const pointer = listeners.pointer;
+  const options = listeners.options || {};
+  setPointerStatus(key, "hydrating");
+  const sinceSeconds = Math.floor(Date.now() / 1000) - VIEW_COUNT_BACKFILL_MAX_DAYS * SECONDS_PER_DAY;
+  const listPromise = listVideoViewEventsApi(pointer, {
+    since: sinceSeconds,
+    relays: options.relays,
+  });
+  const countPromise = countVideoViewEventsApi(pointer, {
+    relays: options.relays,
+    signal: options.signal,
+  });
+  let listResult = [];
+  let countResult = null;
+  try {
+    listResult = await listPromise;
+  } catch (error) {
+    userLogger.warn("[viewCounter] Failed to hydrate view events via list:", error);
+  }
+  try {
+    countResult = await countPromise;
+  } catch (error) {
+    if (error?.name === "AbortError") {
+      userLogger.warn("[viewCounter] View count hydration aborted:", error);
+    } else {
+      userLogger.warn("[viewCounter] Failed to count view events:", error);
+    }
+  }
+  let mutated = false;
+  const hasListEvents = Array.isArray(listResult) && listResult.length > 0;
+  if (hasListEvents) {
+    for (const event of listResult) {
+      mutated = applyEventToState(key, event) || mutated;
+    }
+  }
+  const bestCount = Number.isFinite(countResult?.best?.count)
+    ? Number(countResult.best.count)
+    : Number.isFinite(countResult?.total)
+    ? Number(countResult.total)
+    : null;
+
+  if (countResult && typeof countResult === "object") {
+    const state = ensurePointerState(key);
+    const nextPartial = Boolean(countResult.partial);
+    if (state.partial !== nextPartial) {
+      state.partial = nextPartial;
+      mutated = true;
+    }
+  }
+
+  if (bestCount !== null) {
+    const state = ensurePointerState(key);
+    const shouldUpdate = bestCount > state.total || state.total === 0;
+    if (shouldUpdate && state.total !== bestCount) {
+      state.total = bestCount;
+      state.lastSyncedAt = Date.now();
+      mutated = true;
+    }
+  }
+  if (!hasListEvents && bestCount === null) {
+    const state = ensurePointerState(key);
+    state.status = "stale";
+    schedulePersist();
+    notifyHandlers(key);
+    return;
+  }
+  if (mutated) {
+    schedulePersist();
+    notifyHandlers(key);
+  } else {
+    // Even if nothing changed we still update last synced timestamp.
+    const state = ensurePointerState(key);
+    state.lastSyncedAt = Date.now();
+    schedulePersist();
+    notifyHandlers(key);
+  }
+}
+
+function ensureHydration(key, listeners) {
+  if (!listeners.hydrationPromise) {
+    listeners.hydrationPromise = hydratePointer(key, listeners).finally(() => {
+      listeners.hydrationPromise = null;
+      const state = ensurePointerState(key);
+      if (listeners.liveUnsub) {
+        setPointerStatus(key, "live");
+      } else if (state.status === "stale") {
+        setPointerStatus(key, "stale");
+      } else {
+        setPointerStatus(key, "idle");
+      }
+    });
+  }
+}
+
+function ensureLiveSubscription(key, listeners) {
+  if (listeners.liveUnsub || !listeners.handlers.size) {
+    return;
+  }
+  const pointer = listeners.pointer;
+  const options = listeners.options || {};
+  try {
+    const since = Math.floor(Date.now() / 1000) - Math.max(1, VIEW_COUNT_DEDUPE_WINDOW_SECONDS);
+    const unsubscribe = subscribeVideoViewEventsApi(pointer, {
+      relays: options.relays,
+      since,
+      onEvent: (event) => {
+        const changed = applyEventToState(key, event);
+        if (changed) {
+          schedulePersist();
+          notifyHandlers(key);
+        }
+      },
+    });
+    listeners.liveUnsub = () => {
+      try {
+        unsubscribe();
+      } catch (error) {
+        userLogger.warn("[viewCounter] Failed to unsubscribe from view events:", error);
+      }
+      listeners.liveUnsub = null;
+      if (!listeners.hydrationPromise) {
+        setPointerStatus(key, "idle");
+      }
+    };
+    setPointerStatus(key, "live");
+  } catch (error) {
+    userLogger.warn("[viewCounter] Failed to open live view subscription:", error);
+  }
+}
+
+export function initViewCounter({ nostrClient } = {}) {
+  if (nostrClient && typeof nostrClient === "object") {
+    // The singleton Nostr client is already registered inside
+    // js/nostr/defaultClient.js. This hook remains for backwards
+    // compatibility.
+  }
+}
+
+export function subscribeToVideoViewCount(pointerInput, handler, options = {}) {
+  if (typeof handler !== "function") {
+    throw new Error("A handler function is required to subscribe to view counts.");
+  }
+  const { key, pointer } = canonicalizePointer(pointerInput);
+  const listeners = ensurePointerListeners(key, pointer);
+  listeners.options = mergeListenerOptions(listeners.options, options);
+  const token = `token-${nextTokenId++}`;
+  listeners.handlers.set(token, handler);
+  const state = ensurePointerState(key);
+  try {
+    handler({
+      total: state.total,
+      lastSyncedAt: state.lastSyncedAt,
+      status: state.status,
+      partial: Boolean(state.partial),
+    });
+  } catch (error) {
+    userLogger.warn("[viewCounter] Initial handler invocation threw:", error);
+  }
+  ensureHydration(key, listeners);
+  ensureLiveSubscription(key, listeners);
+  return token;
+}
+
+export function unsubscribeFromVideoViewCount(pointerInput, token) {
+  if (!token) {
+    return;
+  }
+  const { key } = canonicalizePointer(pointerInput);
+  const listeners = pointerListeners.get(key);
+  if (!listeners) {
+    return;
+  }
+  listeners.handlers.delete(token);
+  if (!listeners.handlers.size && listeners.liveUnsub) {
+    listeners.liveUnsub();
+  }
+}
+
+export function ingestLocalViewEvent({ event, pointer }) {
+  if (!event || !pointer) {
+    return;
+  }
+  try {
+    const { key } = canonicalizePointer(pointer);
+    const changed = applyEventToState(key, event);
+    if (changed) {
+      schedulePersist();
+      notifyHandlers(key);
+    }
+  } catch (error) {
+    userLogger.warn("[viewCounter] Failed to ingest local view event:", error);
+  }
+}
+
+const numberFormatter = typeof Intl !== "undefined" && Intl.NumberFormat
+  ? new Intl.NumberFormat(undefined, { maximumFractionDigits: 0 })
+  : null;
+const compactFormatter = typeof Intl !== "undefined" && Intl.NumberFormat
+  ? new Intl.NumberFormat(undefined, { notation: "compact", maximumFractionDigits: 1 })
+  : null;
+
+export function formatViewCount(total) {
+  const value = Number.isFinite(total) ? Number(total) : 0;
+  if (value < 1000) {
+    if (numberFormatter) {
+      return numberFormatter.format(value);
+    }
+    return String(value);
+  }
+  if (compactFormatter) {
+    return compactFormatter.format(value);
+  }
+  return String(value);
+}
diff --git a/dist/js/viewManager.js b/dist/js/viewManager.js
new file mode 100644
index 00000000..a1e41e4c
--- /dev/null
+++ b/dist/js/viewManager.js
@@ -0,0 +1,212 @@
+// js/viewManager.js
+import { initChannelProfileView } from "./channelProfile.js";
+import { initForYouView } from "./forYouView.js";
+import { initKidsView } from "./kidsView.js";
+import { initExploreView } from "./exploreView.js";
+import { subscriptions } from "./subscriptions.js";
+import { getApplication } from "./applicationContext.js";
+import { ASSET_VERSION } from "../config/asset-version.js";
+import { applyDesignSystemAttributes } from "./designSystem.js";
+import { devLogger, userLogger } from "./utils/logger.js";
+import { attachFeedInfoPopover } from "./ui/components/FeedInfoPopover.js";
+import { initDocsView } from "./docsView.js";
+
+const TRACKING_SCRIPT_PATTERN = /(?:^|\/)tracking\.js(?:$|\?)/;
+
+const withAssetVersion = (url) => {
+  if (typeof url !== "string" || url.length === 0) {
+    return url;
+  }
+
+  const separator = url.includes("?") ? "&" : "?";
+  return `${url}${separator}v=${encodeURIComponent(ASSET_VERSION)}`;
+};
+
+/**
+ * Load a partial view by URL into the #viewContainer.
+ */
+export async function loadView(viewUrl) {
+  try {
+    const app = getApplication();
+    if (app && typeof app.prepareForViewLoad === "function") {
+      app.prepareForViewLoad();
+    }
+
+    const res = await fetch(withAssetVersion(viewUrl), { cache: "no-store" });
+    if (!res.ok) {
+      throw new Error(`Failed to load view: ${res.status}`);
+    }
+    const text = await res.text();
+
+    // Use a DOMParser to extract the body contents
+    const parser = new DOMParser();
+    const doc = parser.parseFromString(text, "text/html");
+    const container = document.getElementById("viewContainer");
+
+    container.innerHTML = doc.body.innerHTML;
+    applyDesignSystemAttributes(container);
+
+    // Copy and execute any inline scripts
+    const scriptTags = doc.querySelectorAll("script");
+    scriptTags.forEach((oldScript) => {
+      const src = oldScript.getAttribute("src") || "";
+      if (src && TRACKING_SCRIPT_PATTERN.test(src)) {
+        return;
+      }
+      const newScript = document.createElement("script");
+      Array.from(oldScript.attributes).forEach((attr) => {
+        newScript.setAttribute(attr.name, attr.value);
+      });
+      newScript.textContent = oldScript.textContent;
+      container.appendChild(newScript);
+    });
+  } catch (err) {
+    userLogger.error("View loading error:", err);
+    const fallbackMarkup = `
+      <div class="bv-stack">
+        <article class="card p-md" data-state="critical">
+          <p class="text-sm text-critical-strong text-center">
+            Failed to load content.
+          </p>
+        </article>
+      </div>
+    `;
+    const fallbackContainer = document.getElementById("viewContainer");
+    if (fallbackContainer) {
+      fallbackContainer.innerHTML = fallbackMarkup;
+      applyDesignSystemAttributes(fallbackContainer);
+    }
+  }
+}
+
+/**
+ * Registry of view-specific initialization functions.
+ */
+export const viewInitRegistry = {
+  "most-recent-videos": () => {
+    const app = getApplication();
+    if (app && typeof app.loadVideos === "function") {
+      if (typeof app.mountVideoListView === "function") {
+        app.mountVideoListView();
+      }
+      app.loadVideos();
+    }
+    // Force profile updates after the new view is in place.
+    const refreshApp = getApplication();
+    if (refreshApp && typeof refreshApp.forceRefreshAllProfiles === "function") {
+      refreshApp.forceRefreshAllProfiles();
+    }
+
+    const infoTrigger = document.getElementById("recentInfoTrigger");
+    if (infoTrigger) {
+      attachFeedInfoPopover(
+        infoTrigger,
+        "Global chronological feed from all relays."
+      );
+    }
+  },
+  "for-you": () => {
+    initForYouView();
+    const app = getApplication();
+    if (app && typeof app.loadForYouVideos === "function") {
+      if (typeof app.mountVideoListView === "function") {
+        app.mountVideoListView();
+      }
+      app.loadForYouVideos();
+    }
+    // Force profile updates after the new view is in place.
+    const refreshApp = getApplication();
+    if (refreshApp && typeof refreshApp.forceRefreshAllProfiles === "function") {
+      refreshApp.forceRefreshAllProfiles();
+    }
+  },
+  kids: () => {
+    initKidsView();
+    const app = getApplication();
+    if (app && typeof app.loadKidsVideos === "function") {
+      if (typeof app.mountVideoListView === "function") {
+        app.mountVideoListView();
+      }
+      app.loadKidsVideos();
+    }
+    const refreshApp = getApplication();
+    if (refreshApp && typeof refreshApp.forceRefreshAllProfiles === "function") {
+      refreshApp.forceRefreshAllProfiles();
+    }
+  },
+  explore: () => {
+    initExploreView();
+    const app = getApplication();
+    if (app && typeof app.loadExploreVideos === "function") {
+      if (typeof app.mountVideoListView === "function") {
+        app.mountVideoListView({ includeTags: false });
+      }
+      app.loadExploreVideos();
+    }
+    const refreshApp = getApplication();
+    if (refreshApp && typeof refreshApp.forceRefreshAllProfiles === "function") {
+      refreshApp.forceRefreshAllProfiles();
+    }
+  },
+  docs: async () => {
+    await initDocsView();
+  },
+  history: async () => {
+    try {
+      const module = await import("./historyView.js");
+      if (typeof module.initHistoryView === "function") {
+        await module.initHistoryView();
+      }
+    } catch (error) {
+      userLogger.error("Failed to initialize history view:", error);
+    }
+  },
+
+  /**
+   * Subscriptions view:
+   * - If user is logged in, calls subscriptions.showSubscriptionVideos
+   *   which loads subs if needed and renders the video grid in #subscriptionsVideoList
+   */
+  subscriptions: async () => {
+    devLogger.log("Subscriptions view loaded.");
+
+    const infoTrigger = document.getElementById("subscriptionsInfoTrigger");
+    if (infoTrigger) {
+      attachFeedInfoPopover(
+        infoTrigger,
+        "Latest videos from channels you follow."
+      );
+    }
+
+    const app = getApplication();
+    if (!app?.pubkey) {
+      const container = document.getElementById("subscriptionsVideoList");
+      if (container) {
+        container.innerHTML =
+          "<p class='text-muted'>Please log in to see your subscriptions.</p>";
+      }
+      return;
+    }
+
+    // If user is logged in, let the SubscriptionsManager do everything:
+    await subscriptions.showSubscriptionVideos(
+      app.pubkey,
+      "subscriptionsVideoList"
+    );
+  },
+
+  "channel-profile": () => {
+    // Call the initialization function from channelProfile.js
+    initChannelProfileView();
+  },
+  search: async () => {
+    try {
+      const module = await import("./searchView.js");
+      if (typeof module.initSearchView === "function") {
+        await module.initSearchView();
+      }
+    } catch (error) {
+      userLogger.error("Failed to initialize search view:", error);
+    }
+  },
+};
diff --git a/dist/js/watchHistoryDebug.js b/dist/js/watchHistoryDebug.js
new file mode 100644
index 00000000..929be4d9
--- /dev/null
+++ b/dist/js/watchHistoryDebug.js
@@ -0,0 +1,193 @@
+// js/watchHistoryDebug.js
+
+import { devLogger } from "./utils/logger.js";
+
+const WATCH_HISTORY_DEBUG_STORAGE_KEY =
+  "bitvid:debug:watch-history";
+
+const globalScope =
+  typeof globalThis !== "undefined"
+    ? globalThis
+    : typeof window !== "undefined"
+    ? window
+    : typeof self !== "undefined"
+    ? self
+    : null;
+
+const TRUTHY_VALUES = new Set([
+  "1",
+  "true",
+  "yes",
+  "on",
+  "enable",
+  "enabled",
+  "debug",
+  "verbose",
+  "watch",
+]);
+
+const FALSY_VALUES = new Set([
+  "0",
+  "false",
+  "no",
+  "off",
+  "disable",
+  "disabled",
+  "quiet",
+  "silent",
+]);
+
+function parseFlagValue(value) {
+  if (value === null || value === undefined) {
+    return true;
+  }
+  if (typeof value === "boolean") {
+    return value;
+  }
+  if (typeof value !== "string") {
+    return null;
+  }
+  const normalized = value.trim().toLowerCase();
+  if (!normalized) {
+    return true;
+  }
+  if (TRUTHY_VALUES.has(normalized)) {
+    return true;
+  }
+  if (FALSY_VALUES.has(normalized)) {
+    return false;
+  }
+  return null;
+}
+
+function safeReadStorageFlag(storage) {
+  if (!storage || typeof storage.getItem !== "function") {
+    return null;
+  }
+  try {
+    const raw = storage.getItem(WATCH_HISTORY_DEBUG_STORAGE_KEY);
+    if (raw === null || raw === undefined) {
+      return null;
+    }
+    return parseFlagValue(String(raw));
+  } catch (error) {
+    return null;
+  }
+}
+
+function safeWriteStorageFlag(storage, value) {
+  if (!storage || typeof storage.setItem !== "function") {
+    return;
+  }
+  try {
+    storage.setItem(WATCH_HISTORY_DEBUG_STORAGE_KEY, value ? "true" : "false");
+  } catch (error) {
+    // Ignore storage errors (e.g., quota exceeded, private mode restrictions).
+  }
+}
+
+function persistFlag(scope, value) {
+  if (value === null) {
+    return;
+  }
+  safeWriteStorageFlag(scope?.sessionStorage, value);
+  safeWriteStorageFlag(scope?.localStorage, value);
+}
+
+function readFlagFromUrl(scope) {
+  if (!scope || typeof scope.location?.search !== "string") {
+    return null;
+  }
+  const search = scope.location.search;
+  if (!search) {
+    return null;
+  }
+  try {
+    const params = new URLSearchParams(search);
+    if (!params.has("watchHistoryDebug")) {
+      return null;
+    }
+    const parsed = parseFlagValue(params.get("watchHistoryDebug"));
+    if (parsed === null) {
+      return null;
+    }
+    persistFlag(scope, parsed);
+    return parsed;
+  } catch (error) {
+    return null;
+  }
+}
+
+function resolveExplicitFlag(scope) {
+  if (!scope) {
+    return null;
+  }
+
+  const runtimeFlag = scope.__BITVID_ENABLE_WATCH_HISTORY_DEBUG__;
+  if (runtimeFlag === true || runtimeFlag === false) {
+    return Boolean(runtimeFlag);
+  }
+
+  const altRuntimeFlag = scope.BITVID_WATCH_HISTORY_DEBUG;
+  if (altRuntimeFlag === true || altRuntimeFlag === false) {
+    return Boolean(altRuntimeFlag);
+  }
+
+  const urlFlag = readFlagFromUrl(scope);
+  if (urlFlag !== null) {
+    return urlFlag;
+  }
+
+  const sessionFlag = safeReadStorageFlag(scope.sessionStorage);
+  if (sessionFlag !== null) {
+    return sessionFlag;
+  }
+
+  const localFlag = safeReadStorageFlag(scope.localStorage);
+  if (localFlag !== null) {
+    return localFlag;
+  }
+
+  return null;
+}
+
+export function isWatchHistoryDebugEnabled() {
+  const scope = globalScope;
+  const explicitFlag = resolveExplicitFlag(scope);
+  if (explicitFlag !== null) {
+    return explicitFlag;
+  }
+
+  if (typeof process !== "undefined" && process?.env?.NODE_ENV) {
+    return process.env.NODE_ENV !== "production";
+  }
+
+  return false;
+}
+
+export function logWatchHistoryDebug(namespace, level, message, details) {
+  if (!isWatchHistoryDebugEnabled()) {
+    return;
+  }
+
+  const methodName =
+    typeof level === "string" && level && typeof devLogger[level] === "function"
+      ? level
+      : typeof devLogger.info === "function"
+        ? "info"
+        : "log";
+
+  const prefix = namespace ? `[${namespace}] ${message}` : message;
+
+  try {
+    if (details && typeof details === "object") {
+      devLogger[methodName](prefix, details);
+    } else {
+      devLogger[methodName](prefix);
+    }
+  } catch (error) {
+    if (typeof devLogger.log === "function") {
+      devLogger.log(prefix);
+    }
+  }
+}
diff --git a/dist/js/watchHistoryService.js b/dist/js/watchHistoryService.js
new file mode 100644
index 00000000..5174a230
--- /dev/null
+++ b/dist/js/watchHistoryService.js
@@ -0,0 +1,1376 @@
+// js/watchHistoryService.js
+
+import {
+  getActiveSigner,
+  nostrClient,
+  requestDefaultExtensionPermissions,
+} from "./nostrClientFacade.js";
+import {
+  normalizePointerInput,
+  pointerKey,
+  normalizeActorKey,
+} from "./nostr/watchHistory.js";
+import {
+  WATCH_HISTORY_CACHE_TTL_MS,
+  WATCH_HISTORY_MAX_ITEMS,
+} from "./config.js";
+import { getApplication } from "./applicationContext.js";
+import { devLogger, userLogger } from "./utils/logger.js";
+
+const LOCAL_STORAGE_QUEUE_KEY = "bitvid:watch-history:queue:v1";
+const SESSION_STORAGE_VERSION = 1;
+const POINTER_THROTTLE_MS = 60 * 1000;
+const state = {
+  restored: false,
+  queues: new Map(),
+  inflightSnapshots: new Map(),
+  fingerprintCache: new Map(),
+  listeners: new Map(),
+};
+
+function getLoggedInActorKey() {
+  const direct = normalizeActorKey(nostrClient?.pubkey);
+  if (direct) {
+    return direct;
+  }
+
+  if (typeof window !== "undefined") {
+    const appCandidate =
+      getApplication() || null;
+    if (appCandidate && typeof appCandidate === "object") {
+      if (typeof appCandidate.normalizeHexPubkey === "function") {
+        try {
+          const normalized = appCandidate.normalizeHexPubkey(
+            appCandidate.pubkey
+          );
+          if (normalized) {
+            return normalizeActorKey(normalized);
+          }
+        } catch (error) {
+          devLogger.warn(
+            "[watchHistoryService] Failed to normalize app login pubkey:",
+            error
+          );
+        }
+      }
+
+      if (typeof appCandidate.pubkey === "string" && appCandidate.pubkey) {
+        const fallback = normalizeActorKey(appCandidate.pubkey);
+        if (fallback) {
+          return fallback;
+        }
+      }
+    }
+  }
+
+  return "";
+}
+
+function getSessionActorKey() {
+  const logged = getLoggedInActorKey();
+  if (logged) {
+    return "";
+  }
+  return normalizeActorKey(nostrClient?.sessionActor?.pubkey);
+}
+
+async function ensureWatchHistoryExtensionPermissions(actorKey) {
+  const normalizedActor = normalizeActorKey(actorKey);
+  if (!normalizedActor) {
+    return { ok: true };
+  }
+
+  const loggedActor = normalizeActorKey(nostrClient?.pubkey);
+  if (!loggedActor || loggedActor !== normalizedActor) {
+    return { ok: true };
+  }
+
+  let signer = getActiveSigner();
+  if (!signer && typeof nostrClient?.ensureActiveSignerForPubkey === "function") {
+    signer = await nostrClient.ensureActiveSignerForPubkey(normalizedActor);
+  }
+
+  const canSign = typeof signer?.canSign === "function"
+    ? signer.canSign()
+    : typeof signer?.signEvent === "function";
+  if (!canSign || signer?.type !== "extension") {
+    return { ok: true };
+  }
+
+  const permissionResult = await requestDefaultExtensionPermissions();
+  if (permissionResult.ok) {
+    return { ok: true };
+  }
+
+  const message =
+    "Approve your NIP-07 extension to sync watch history.";
+  const error = new Error(message);
+  error.code = "watch-history-extension-permission-denied";
+  error.cause = permissionResult.error;
+
+  userLogger.warn(
+    "[watchHistoryService] Extension denied decrypt permission required for watch history.",
+    {
+      actor: normalizeActorKey(actorKey) || null,
+      error: permissionResult.error,
+    },
+  );
+
+  return { ok: false, error };
+}
+
+function resolveEffectiveActorKey(actorInput) {
+  const supplied =
+    typeof actorInput === "string" && actorInput.trim()
+      ? normalizeActorKey(actorInput)
+      : "";
+  if (supplied) {
+    return supplied;
+  }
+  const logged = getLoggedInActorKey();
+  if (logged) {
+    return logged;
+  }
+  const session = getSessionActorKey();
+  if (session) {
+    return session;
+  }
+  return "";
+}
+
+function isFeatureEnabled(actorInput) {
+  const actorKey = resolveEffectiveActorKey(actorInput);
+  const session = getSessionActorKey();
+  if (actorKey && session && actorKey === session) {
+    return false;
+  }
+  return true;
+}
+
+function isLocalOnly(actorInput) {
+  const actorKey = resolveEffectiveActorKey(actorInput);
+  const session = getSessionActorKey();
+  if (!session) {
+    return false;
+  }
+  if (!actorKey) {
+    return true;
+  }
+  return actorKey === session;
+}
+
+function supportsLocalHistory(actorInput) {
+  return isLocalOnly(actorInput);
+}
+
+function getQueueStorage() {
+  try {
+    if (typeof window !== "undefined" && window.localStorage) {
+      return window.localStorage;
+    }
+  } catch (error) {
+    devLogger.warn("[watchHistoryService] localStorage unavailable for queue:", error);
+  }
+  return null;
+}
+
+function getLocalStorage() {
+  try {
+    if (typeof window !== "undefined" && window.localStorage) {
+      return window.localStorage;
+    }
+  } catch (error) {
+    devLogger.warn("[watchHistoryService] localStorage unavailable:", error);
+  }
+  return null;
+}
+
+function emit(eventName, payload) {
+  const listeners = state.listeners.get(eventName);
+  if (listeners && listeners.size) {
+    for (const callback of Array.from(listeners)) {
+      try {
+        callback(payload);
+      } catch (error) {
+        devLogger.warn(
+        `[watchHistoryService] Listener for ${eventName} failed:`,
+        error
+        );
+      }
+    }
+  }
+
+  const wildcard = state.listeners.get("*");
+  if (wildcard && wildcard.size) {
+    for (const callback of Array.from(wildcard)) {
+      try {
+        callback({ event: eventName, payload });
+      } catch (error) {
+        devLogger.warn(
+        `[watchHistoryService] Wildcard listener error for ${eventName}:`,
+        error
+        );
+      }
+    }
+  }
+
+  if (typeof window !== "undefined" && typeof window.dispatchEvent === "function") {
+    try {
+      const detail = { event: eventName, payload };
+      const evt = new CustomEvent("bitvid:watchHistory", { detail });
+      window.dispatchEvent(evt);
+    } catch (error) {
+      devLogger.warn(
+      `[watchHistoryService] Failed to dispatch window event for ${eventName}:`,
+      error
+      );
+    }
+  }
+}
+
+function subscribe(eventName, callback) {
+  if (typeof callback !== "function") {
+    return () => {};
+  }
+  if (!state.listeners.has(eventName)) {
+    state.listeners.set(eventName, new Set());
+  }
+  const listeners = state.listeners.get(eventName);
+  listeners.add(callback);
+  return () => {
+    listeners.delete(callback);
+    if (!listeners.size) {
+      state.listeners.delete(eventName);
+    }
+  };
+}
+
+function getOrCreateQueue(actorKey) {
+  let queue = state.queues.get(actorKey);
+  if (!queue) {
+    queue = {
+      items: new Map(),
+      throttle: new Map(),
+      lastSnapshotReason: null,
+      republishScheduled: false,
+    };
+    state.queues.set(actorKey, queue);
+  }
+  return queue;
+}
+
+function restoreQueueState() {
+  if (state.restored) {
+    return;
+  }
+  state.restored = true;
+
+  const storage = getQueueStorage();
+  if (!storage) {
+    return;
+  }
+
+  let raw = null;
+  try {
+    raw = storage.getItem(LOCAL_STORAGE_QUEUE_KEY);
+  } catch (error) {
+    devLogger.warn("[watchHistoryService] Failed to read queue storage:", error);
+    return;
+  }
+
+  if (!raw || typeof raw !== "string") {
+    return;
+  }
+
+  let parsed = null;
+  try {
+    parsed = JSON.parse(raw);
+  } catch (error) {
+    devLogger.warn("[watchHistoryService] Failed to parse queue storage:", error);
+    try {
+      storage.removeItem(LOCAL_STORAGE_QUEUE_KEY);
+    } catch (cleanupError) {
+      devLogger.warn(
+        "[watchHistoryService] Failed to clear corrupt queue storage:",
+        cleanupError
+      );
+    }
+    return;
+  }
+
+  if (!parsed || parsed.version !== SESSION_STORAGE_VERSION) {
+    try {
+      storage.removeItem(LOCAL_STORAGE_QUEUE_KEY);
+    } catch (cleanupError) {
+      devLogger.warn(
+        "[watchHistoryService] Failed to clear outdated queue storage:",
+        cleanupError
+      );
+    }
+    return;
+  }
+
+  const actors = parsed.actors;
+  if (!actors || typeof actors !== "object") {
+    return;
+  }
+
+  const now = Date.now();
+  for (const [actor, entry] of Object.entries(actors)) {
+    const actorKey = normalizeActorKey(actor);
+    if (!actorKey) {
+      continue;
+    }
+    const queue = getOrCreateQueue(actorKey);
+    queue.items.clear();
+
+    const items = Array.isArray(entry?.items) ? entry.items : [];
+    for (const candidate of items) {
+      const pointer = normalizePointerInput(candidate);
+      if (!pointer) {
+        continue;
+      }
+      const key = pointerKey(pointer);
+      if (!key) {
+        continue;
+      }
+      queue.items.set(key, {
+        pointer,
+        addedAt: now,
+        updatedAt: now,
+      });
+    }
+
+    if (
+      typeof entry?.lastSnapshotReason === "string" &&
+      entry.lastSnapshotReason
+    ) {
+      queue.lastSnapshotReason = entry.lastSnapshotReason;
+    } else {
+      queue.lastSnapshotReason = null;
+    }
+
+    // If there are items in the queue, schedule a sync
+    if (queue.items.size > 0 && isFeatureEnabled(actorKey)) {
+      scheduleRepublishForQueue(actorKey);
+    }
+  }
+}
+
+function ensureQueue(actorKey) {
+  if (!actorKey) {
+    return null;
+  }
+  if (!state.restored) {
+    restoreQueueState();
+  }
+  return getOrCreateQueue(actorKey);
+}
+
+function persistQueueState() {
+  const storage = getQueueStorage();
+  if (!storage) {
+    return;
+  }
+
+  const payload = { version: SESSION_STORAGE_VERSION, actors: {} };
+  let hasEntries = false;
+
+  for (const [actorKey, queue] of state.queues.entries()) {
+    const items = collectQueueItems(actorKey);
+    if (!items.length) {
+      continue;
+    }
+    payload.actors[actorKey] = {
+      items,
+      lastSnapshotReason: queue.lastSnapshotReason,
+    };
+    hasEntries = true;
+  }
+
+  if (!hasEntries) {
+    try {
+      storage.removeItem(LOCAL_STORAGE_QUEUE_KEY);
+    } catch (error) {
+      devLogger.warn(
+        "[watchHistoryService] Failed to clear empty queue storage:",
+        error
+      );
+    }
+    return;
+  }
+
+  try {
+    storage.setItem(LOCAL_STORAGE_QUEUE_KEY, JSON.stringify(payload));
+  } catch (error) {
+    devLogger.warn("[watchHistoryService] Failed to persist queue storage:", error);
+  }
+}
+
+function resolveActorKey(actorInput) {
+  const supplied =
+    typeof actorInput === "string" && actorInput.trim()
+      ? normalizeActorKey(actorInput)
+      : "";
+  if (supplied) {
+    return supplied;
+  }
+  const logged = normalizeActorKey(nostrClient?.pubkey);
+  if (logged) {
+    return logged;
+  }
+  const session = normalizeActorKey(nostrClient?.sessionActor?.pubkey);
+  if (session) {
+    return session;
+  }
+  return "";
+}
+
+function collectQueueItems(actorKey) {
+  const queue = state.queues.get(actorKey);
+  if (!queue) {
+    return [];
+  }
+  const items = [];
+  for (const { pointer } of queue.items.values()) {
+    const normalized = normalizePointerInput(pointer);
+    if (normalized) {
+      items.push(normalized);
+    }
+  }
+  items.sort((a, b) => {
+    const watchedA = Number.isFinite(a?.watchedAt) ? a.watchedAt : 0;
+    const watchedB = Number.isFinite(b?.watchedAt) ? b.watchedAt : 0;
+    if (watchedA !== watchedB) {
+      return watchedB - watchedA;
+    }
+    const keyA = pointerKey(a);
+    const keyB = pointerKey(b);
+    return keyA.localeCompare(keyB);
+  });
+  return items.slice(0, WATCH_HISTORY_MAX_ITEMS);
+}
+
+function getCachedSnapshotItems(actorKey) {
+  if (!actorKey) {
+    return [];
+  }
+
+  const fingerprintEntry = state.fingerprintCache.get(actorKey);
+  if (Array.isArray(fingerprintEntry?.items) && fingerprintEntry.items.length) {
+    return Array.from(fingerprintEntry.items);
+  }
+
+  const clientCache =
+    nostrClient &&
+    nostrClient.watchHistoryCache instanceof Map &&
+    nostrClient.watchHistoryCache.get(actorKey);
+  if (Array.isArray(clientCache?.items) && clientCache.items.length) {
+    return Array.from(clientCache.items);
+  }
+
+  if (typeof nostrClient?.getWatchHistoryStorage === "function") {
+    try {
+      const storage = nostrClient.getWatchHistoryStorage();
+      const storedItems = storage?.actors?.[actorKey]?.items;
+      if (Array.isArray(storedItems) && storedItems.length) {
+        return Array.from(storedItems);
+      }
+    } catch (error) {
+      devLogger.warn(
+        "[watchHistoryService] Failed to read cached watch history items:",
+        error,
+      );
+    }
+  }
+
+  return [];
+}
+
+function notifyQueueChange(actorKey) {
+  emit("queue-changed", {
+    actor: actorKey,
+    items: collectQueueItems(actorKey),
+  });
+}
+
+function clearQueue(actorKey) {
+  const queue = state.queues.get(actorKey);
+  if (!queue) {
+    return;
+  }
+  queue.items.clear();
+  queue.throttle.clear();
+  queue.republishScheduled = false;
+  persistQueueState();
+  notifyQueueChange(actorKey);
+}
+
+function pruneQueueAfterSnapshot(actorKey, queue, keysToClear, snapshotStart) {
+  if (!actorKey || !queue) {
+    return;
+  }
+
+  const keySet = new Set(keysToClear || []);
+  const normalizedStart = Number(snapshotStart);
+  const cutoff = Number.isFinite(normalizedStart) ? normalizedStart : Date.now();
+
+  let mutated = false;
+
+  if (keySet.size > 0) {
+    for (const key of keySet) {
+      const entry = queue.items.get(key);
+      if (!entry) {
+        continue;
+      }
+      const updatedAt = Number(entry?.updatedAt);
+      const addedAt = Number(entry?.addedAt);
+      const referenceTime = Number.isFinite(updatedAt)
+        ? updatedAt
+        : Number.isFinite(addedAt)
+          ? addedAt
+          : 0;
+      if (referenceTime > cutoff) {
+        continue;
+      }
+      queue.items.delete(key);
+      queue.throttle.delete(key);
+      mutated = true;
+    }
+  }
+
+  if (queue.republishScheduled) {
+    queue.republishScheduled = false;
+    mutated = true;
+  }
+
+  if (mutated) {
+    persistQueueState();
+    notifyQueueChange(actorKey);
+  }
+}
+
+function resolveWatchedAt(...candidates) {
+  for (const candidate of candidates) {
+    if (!Number.isFinite(candidate)) {
+      continue;
+    }
+    let value = Math.floor(Number(candidate));
+    if (value <= 0) {
+      continue;
+    }
+    if (value > 10_000_000_000) {
+      value = Math.floor(value / 1000);
+    }
+    if (value > 0) {
+      return value;
+    }
+  }
+  return Math.floor(Date.now() / 1000);
+}
+
+function scheduleRepublishForQueue(actorKey) {
+  if (!isFeatureEnabled(actorKey)) {
+    return;
+  }
+  const queue = state.queues.get(actorKey);
+  if (!queue || !queue.items.size || queue.republishScheduled) {
+    return;
+  }
+
+  const taskId = `watch-history-sync:${actorKey}`;
+  queue.republishScheduled = true;
+
+  nostrClient.scheduleWatchHistoryRepublish(
+    taskId,
+    async (attempt) => {
+      const latestItems = collectQueueItems(actorKey);
+      if (!latestItems.length) {
+        queue.republishScheduled = false;
+        persistQueueState();
+        return {
+          ok: true,
+          skipped: true,
+          actor: actorKey,
+        };
+      }
+
+      const snapshotStartTime = Date.now();
+      const keysToClear = new Set(
+        latestItems
+          .map((pointer) => pointerKey(pointer))
+          .filter((keyValue) => typeof keyValue === "string" && keyValue)
+      );
+
+      const publishResult = await nostrClient.updateWatchHistoryList(
+        latestItems,
+        {
+          actorPubkey: actorKey,
+          attempt,
+        }
+      );
+
+      if (publishResult?.ok) {
+        pruneQueueAfterSnapshot(
+          actorKey,
+          queue,
+          keysToClear,
+          snapshotStartTime,
+        );
+        await updateFingerprintCache(
+          actorKey,
+          publishResult.items || latestItems,
+        );
+        if (queue.items.size > 0) {
+          scheduleRepublishForQueue(actorKey);
+        }
+      } else if (!publishResult?.retryable) {
+        // If not retryable, we clear the scheduled flag to allow new attempts later
+        queue.republishScheduled = false;
+        persistQueueState();
+      }
+      return publishResult;
+    },
+    {
+      onSchedule: ({ delay }) => {
+        emit("republish-scheduled", {
+          actor: actorKey,
+          delayMs: Number.isFinite(delay) ? delay : null,
+        });
+      },
+    }
+  );
+}
+
+async function updateFingerprintCache(actorKey, items) {
+  const ttl = Math.max(0, Number(WATCH_HISTORY_CACHE_TTL_MS) || 0);
+  const fingerprint = await nostrClient.getWatchHistoryFingerprint(
+    actorKey,
+    items
+  );
+  const entry = state.fingerprintCache.get(actorKey) || {};
+  const nextEntry = {
+    ...entry,
+    items: Array.isArray(items) ? items : [],
+    fingerprint,
+    expiresAt: Date.now() + ttl,
+  };
+  delete nextEntry.promise;
+  state.fingerprintCache.set(actorKey, nextEntry);
+  emit("fingerprint", { actor: actorKey, fingerprint, items: nextEntry.items });
+  return fingerprint;
+}
+
+async function publishView(pointerInput, createdAt) {
+  const recordOptions = {};
+  if (Number.isFinite(createdAt)) {
+    recordOptions.created_at = createdAt;
+  }
+
+  const viewResult = await nostrClient.recordVideoView(pointerInput, recordOptions);
+
+  devLogger.info(
+    "[watchHistoryService] Video view recorded. Preparing watch list update.",
+    {
+    pointer: pointerInput,
+    createdAt,
+    }
+  );
+
+  const pointer = normalizePointerInput(pointerInput);
+  if (!pointer) {
+    userLogger.warn(
+      "[watchHistoryService] Skipping watch list update because pointer normalization failed.",
+      { pointerInput }
+    );
+    return viewResult;
+  }
+
+  let actorCandidate =
+    viewResult?.event?.pubkey ||
+    nostrClient?.pubkey ||
+    nostrClient?.sessionActor?.pubkey ||
+    "";
+  let actorKey = normalizeActorKey(actorCandidate);
+  let usedSessionFallback = false;
+  if (!actorKey && typeof nostrClient?.ensureSessionActor === "function") {
+    await nostrClient.ensureSessionActor();
+    const sessionActorKey = normalizeActorKey(nostrClient?.sessionActor?.pubkey);
+    if (sessionActorKey) {
+      actorKey = sessionActorKey;
+      actorCandidate = nostrClient?.sessionActor?.pubkey || "";
+      usedSessionFallback = true;
+    }
+  }
+  if (!actorKey) {
+    userLogger.warn(
+      "[watchHistoryService] Unable to resolve actor for watch list update.",
+      { actorCandidate }
+    );
+    return viewResult;
+  }
+  if (usedSessionFallback) {
+    devLogger.info(
+      "[watchHistoryService] Using session actor fallback for watch history update.",
+      { actor: actorKey }
+    );
+  }
+
+  const queue = ensureQueue(actorKey);
+  if (!queue) {
+    userLogger.warn(
+      "[watchHistoryService] Failed to resolve queue for actor.",
+      { actorKey }
+    );
+    return viewResult;
+  }
+
+  const remoteEnabled = isFeatureEnabled(actorKey);
+
+  const normalizedPointer = normalizePointerInput(pointer);
+  if (!normalizedPointer) {
+    userLogger.warn(
+      "[watchHistoryService] Pointer normalization failed during queue preparation.",
+      { pointerInput }
+    );
+    return viewResult;
+  }
+
+  normalizedPointer.watchedAt = resolveWatchedAt(
+    createdAt,
+    viewResult?.event?.created_at
+  );
+
+  delete normalizedPointer.video;
+  delete normalizedPointer.profile;
+  delete normalizedPointer.resumeAt;
+  delete normalizedPointer.completed;
+
+  const key = pointerKey(normalizedPointer);
+  devLogger.info(
+    "[watchHistoryService] Watch list process triggered by video view.",
+    {
+    actor: actorKey,
+    pointerKey: key,
+    watchedAt: normalizedPointer.watchedAt,
+    sessionEvent: normalizedPointer.session === true,
+    remoteSyncEnabled: remoteEnabled,
+    }
+  );
+
+  const normalizedLogged = normalizeActorKey(nostrClient?.pubkey);
+  const normalizedEventActor = normalizeActorKey(
+    viewResult?.event?.pubkey || actorCandidate
+  );
+  if (normalizedEventActor && normalizedEventActor !== normalizedLogged) {
+    normalizedPointer.session = true;
+  }
+
+  if (!key) {
+    userLogger.warn(
+      "[watchHistoryService] Pointer key generation failed. Skipping queue update.",
+      { pointer: normalizedPointer }
+    );
+    return viewResult;
+  }
+
+  const now = Date.now();
+  const existing = queue.items.get(key);
+  const lastSeen = queue.throttle.get(key) || 0;
+  const throttled = !existing && now - lastSeen < POINTER_THROTTLE_MS;
+
+  if (existing) {
+    const currentWatched = Number.isFinite(existing.pointer?.watchedAt)
+      ? existing.pointer.watchedAt
+      : 0;
+    if (
+      Number.isFinite(normalizedPointer.watchedAt) &&
+      normalizedPointer.watchedAt > currentWatched
+    ) {
+      existing.pointer.watchedAt = normalizedPointer.watchedAt;
+    }
+    if (normalizedPointer.session === true) {
+      existing.pointer.session = true;
+    }
+    existing.updatedAt = now;
+    queue.items.set(key, existing);
+    queue.throttle.set(key, now);
+    persistQueueState();
+    notifyQueueChange(actorKey);
+    devLogger.debug(
+      "[watchHistoryService] Updated existing watch list entry.",
+      {
+      actor: actorKey,
+      pointerKey: key,
+      watchedAt: existing.pointer.watchedAt,
+      }
+    );
+    return viewResult;
+  }
+
+  if (throttled) {
+    queue.throttle.set(key, now);
+    devLogger.debug(
+    `[watchHistoryService] Throttled pointer ${key} for actor ${actorKey}.`
+    );
+    return viewResult;
+  }
+
+  queue.items.set(key, {
+    pointer: normalizedPointer,
+    addedAt: now,
+    updatedAt: now,
+  });
+  queue.throttle.set(key, now);
+  persistQueueState();
+  notifyQueueChange(actorKey);
+
+  devLogger.info(
+    "[watchHistoryService] Added pointer to pending watch list snapshot queue.",
+    {
+    actor: actorKey,
+    pointerKey: key,
+    queueSize: queue.items.size,
+    }
+  );
+
+  if (!remoteEnabled) {
+    devLogger.debug(
+      "[watchHistoryService] Watch history sync unavailable for this actor; retaining pointer in local session queue only.",
+      {
+        actor: actorKey,
+        pointerKey: key,
+        watchedAt: normalizedPointer.watchedAt,
+      }
+    );
+  } else {
+    // Automatically schedule a republish if enabled
+    scheduleRepublishForQueue(actorKey);
+  }
+
+  return viewResult;
+}
+
+async function snapshot(items, options = {}) {
+  const reason = typeof options.reason === "string" ? options.reason : "manual";
+  const actorKey = resolveActorKey(options.actor);
+  if (!actorKey) {
+    return { ok: false, error: "missing-actor" };
+  }
+
+  if (!isFeatureEnabled(actorKey)) {
+    devLogger.debug(
+      "[watchHistoryService] Snapshot skipped because this actor is limited to local watch history.",
+      {
+      actor: actorKey,
+      requestedItems: Array.isArray(items) ? items.length : 0,
+      reason,
+      }
+    );
+    return { ok: true, skipped: true, reason: "local-only" };
+  }
+
+  if (state.inflightSnapshots.has(actorKey)) {
+    return state.inflightSnapshots.get(actorKey);
+  }
+
+  let payloadItems = [];
+  if (Array.isArray(items) && items.length) {
+    payloadItems = items
+      .map((item) => normalizePointerInput(item))
+      .filter(Boolean);
+  } else {
+    payloadItems = collectQueueItems(actorKey);
+  }
+
+  if (!payloadItems.length) {
+    const result = { ok: true, empty: true, actor: actorKey };
+    emit("snapshot-empty", result);
+    return result;
+  }
+
+  const queue = ensureQueue(actorKey);
+  const queuePayloadKeys =
+    !items && queue && payloadItems.length
+      ? new Set(
+          payloadItems
+            .map((pointer) => pointerKey(pointer))
+            .filter((keyValue) => typeof keyValue === "string" && keyValue)
+        )
+      : new Set();
+
+  if (!items) {
+    const cachedItems = getCachedSnapshotItems(actorKey);
+    if (cachedItems.length) {
+      payloadItems = [...payloadItems, ...cachedItems];
+    }
+  }
+
+  devLogger.info(
+    "[watchHistoryService] Initiating watch list snapshot publish.",
+    {
+      actor: actorKey,
+    reason,
+    itemCount: payloadItems.length,
+    queued: queue?.items?.size ?? 0,
+    }
+  );
+
+  const run = (async () => {
+    const snapshotStartTime = Date.now();
+    emit("snapshot-start", { actor: actorKey, reason, items: payloadItems });
+    const publishResult = await nostrClient.updateWatchHistoryList(
+      payloadItems,
+      {
+        actorPubkey: actorKey,
+      }
+    );
+
+    devLogger.debug(
+      "[watchHistoryService] Watch list snapshot publish completed.",
+      {
+      actor: actorKey,
+      reason,
+      success: !!publishResult?.ok,
+      retryable: !!publishResult?.retryable,
+      }
+    );
+
+    if (!publishResult?.ok) {
+      if (publishResult?.retryable) {
+        if (queue) {
+          queue.lastSnapshotReason = reason;
+          queue.republishScheduled = false;
+          persistQueueState();
+          scheduleRepublishForQueue(actorKey);
+        }
+      }
+      const error = new Error("watch-history-snapshot-failed");
+      error.result = publishResult;
+      emit("snapshot-error", { actor: actorKey, reason, error });
+      throw error;
+    }
+
+    if (publishResult?.ok) {
+      if (!items) {
+        pruneQueueAfterSnapshot(actorKey, queue, queuePayloadKeys, snapshotStartTime);
+      } else if (queue) {
+        queue.republishScheduled = false;
+        persistQueueState();
+      }
+    }
+
+    await updateFingerprintCache(actorKey, publishResult.items || payloadItems);
+    emit("snapshot-complete", { actor: actorKey, reason, result: publishResult });
+    devLogger.debug(
+      "[watchHistoryService] Watch list snapshot processed and fingerprint cache updated.",
+      {
+      actor: actorKey,
+      reason,
+      fingerprintUpdated: true,
+      }
+    );
+    return publishResult;
+  })()
+    .catch((error) => {
+      devLogger.warn("[watchHistoryService] Snapshot failed:", error);
+      throw error;
+    })
+    .finally(() => {
+      state.inflightSnapshots.delete(actorKey);
+    });
+
+  state.inflightSnapshots.set(actorKey, run);
+  return run;
+}
+
+function scheduleWatchHistoryRefresh(actorKey, cacheEntry = {}) {
+  if (!actorKey) {
+    return Promise.resolve([]);
+  }
+
+  if (cacheEntry && typeof cacheEntry === "object" && cacheEntry.promise) {
+    return cacheEntry.promise;
+  }
+
+  const promise = (async () => {
+    const permissionResult = await ensureWatchHistoryExtensionPermissions(
+      actorKey,
+    );
+    if (!permissionResult.ok) {
+      throw permissionResult.error;
+    }
+    return nostrClient.resolveWatchHistory(actorKey, { forceRefresh: true });
+  })()
+    .then((resolvedItems) => updateFingerprintCache(actorKey, resolvedItems))
+    .then(() => {
+      const latest = state.fingerprintCache.get(actorKey);
+      return latest?.items || [];
+    })
+    .catch((error) => {
+      devLogger.warn("[watchHistoryService] Failed to load watch history:", error);
+      throw error;
+    })
+    .finally(() => {
+      const entry = state.fingerprintCache.get(actorKey);
+      if (entry) {
+        delete entry.promise;
+      }
+    });
+
+  devLogger.info("[watchHistoryService] Triggered nostr watch list refresh.", {
+    actor: actorKey,
+    });
+
+  const baseEntry = cacheEntry && typeof cacheEntry === "object" ? cacheEntry : {};
+  state.fingerprintCache.set(actorKey, {
+    ...baseEntry,
+    promise,
+  });
+
+  return promise;
+}
+
+function resolveEntryPointer(entry) {
+  if (!entry) {
+    return null;
+  }
+  const candidate = entry.pointer || entry;
+  return normalizePointerInput(candidate);
+}
+
+function resolveEntryWatchedAt(entry, pointer) {
+  const watchedAtRaw = Number.isFinite(entry?.watchedAt)
+    ? entry.watchedAt
+    : Number.isFinite(entry?.pointer?.watchedAt)
+      ? entry.pointer.watchedAt
+      : Number.isFinite(entry?.timestamp)
+        ? entry.timestamp
+        : Number.isFinite(pointer?.watchedAt)
+          ? pointer.watchedAt
+          : 0;
+  return Math.max(0, Math.floor(Number(watchedAtRaw) || 0));
+}
+
+function getLatestWatchedAt(items) {
+  if (!Array.isArray(items) || !items.length) {
+    return 0;
+  }
+  let latest = 0;
+  for (const entry of items) {
+    const pointer = resolveEntryPointer(entry);
+    if (!pointer) {
+      continue;
+    }
+    const watchedAt = resolveEntryWatchedAt(entry, pointer);
+    if (watchedAt > latest) {
+      latest = watchedAt;
+    }
+  }
+  return latest;
+}
+
+function buildMergedEntry(entry, pointer, watchedAt) {
+  const normalizedPointer = pointer ? { ...pointer } : null;
+  if (normalizedPointer) {
+    normalizedPointer.watchedAt = watchedAt;
+    if (pointer?.session === true) {
+      normalizedPointer.session = true;
+    }
+  }
+
+  if (entry && typeof entry === "object" && !Array.isArray(entry)) {
+    const next = { ...entry };
+    if (entry.pointer && typeof entry.pointer === "object") {
+      next.pointer = {
+        ...(entry.pointer || {}),
+        ...(normalizedPointer || {}),
+        watchedAt,
+      };
+    } else if (normalizedPointer) {
+      Object.assign(next, normalizedPointer);
+      next.watchedAt = watchedAt;
+    } else {
+      next.watchedAt = watchedAt;
+    }
+    if (normalizedPointer?.session === true) {
+      if (next.pointer) {
+        next.pointer.session = true;
+      } else {
+        next.session = true;
+      }
+    }
+    return next;
+  }
+
+  if (normalizedPointer) {
+    return normalizedPointer;
+  }
+
+  return entry;
+}
+
+function mergeWatchHistoryItems(baseItems, queueItems) {
+  const merged = new Map();
+
+  const ingest = (entry, pointer, watchedAt) => {
+    const key = pointerKey(pointer);
+    if (!key) {
+      return;
+    }
+    merged.set(key, {
+      entry,
+      watchedAt,
+      key,
+    });
+  };
+
+  for (const entry of Array.isArray(baseItems) ? baseItems : []) {
+    const pointer = resolveEntryPointer(entry);
+    if (!pointer) {
+      continue;
+    }
+    const watchedAt = resolveEntryWatchedAt(entry, pointer);
+    ingest(entry, pointer, watchedAt);
+  }
+
+  for (const entry of Array.isArray(queueItems) ? queueItems : []) {
+    const pointer = resolveEntryPointer(entry);
+    if (!pointer) {
+      continue;
+    }
+    const watchedAt = resolveEntryWatchedAt(entry, pointer);
+    const key = pointerKey(pointer);
+    if (!key) {
+      continue;
+    }
+    const existing = merged.get(key);
+    if (!existing || watchedAt > existing.watchedAt) {
+      const mergedEntry = buildMergedEntry(existing?.entry || entry, pointer, watchedAt);
+      merged.set(key, {
+        entry: mergedEntry,
+        watchedAt,
+        key,
+      });
+    }
+  }
+
+  const ordered = Array.from(merged.values());
+  ordered.sort((a, b) => {
+    if (a.watchedAt !== b.watchedAt) {
+      return b.watchedAt - a.watchedAt;
+    }
+    return a.key.localeCompare(b.key);
+  });
+
+  return ordered.map((entry) => entry.entry);
+}
+
+function mergeQueuedItemsIfNeeded(actorKey, items) {
+  const queueItems = collectQueueItems(actorKey);
+  if (!queueItems.length) {
+    return items;
+  }
+
+  const snapshotInflight = state.inflightSnapshots.has(actorKey);
+  if (!snapshotInflight) {
+    const latestQueue = getLatestWatchedAt(queueItems);
+    const latestBase = getLatestWatchedAt(items);
+    if (latestQueue <= latestBase) {
+      return items;
+    }
+  }
+
+  return mergeWatchHistoryItems(items, queueItems);
+}
+
+async function loadLatest(actorInput, options = {}) {
+  const actorKey = resolveActorKey(actorInput);
+  if (!actorKey) {
+    return [];
+  }
+
+  if (!state.restored) {
+    restoreQueueState();
+  }
+
+  const normalizedOptions =
+    options && typeof options === "object" ? options : {};
+  // Only callers that can react to a later fingerprint update should opt into
+  // stale cache reads; everyone else waits for the fresh list so they do not
+  // miss entries.
+  const allowStale = normalizedOptions.allowStale === true;
+  const forceRefresh = normalizedOptions.forceRefresh === true;
+
+  if (!isFeatureEnabled(actorKey)) {
+    const items = collectQueueItems(actorKey);
+    devLogger.debug(
+      "[watchHistoryService] loadLatest returning local-only watch history queue.",
+      {
+      actor: actorKey,
+      itemCount: items.length,
+      }
+    );
+    return items;
+  }
+
+  const now = Date.now();
+  const cacheEntry = state.fingerprintCache.get(actorKey);
+  devLogger.info(
+    "[watchHistoryService] loadLatest invoked.",
+    {
+    actor: actorKey,
+    cacheHasItems: Array.isArray(cacheEntry?.items),
+    cacheExpiresAt: cacheEntry?.expiresAt || null,
+    forceRefresh,
+    }
+  );
+  const hasCachedItems = Array.isArray(cacheEntry?.items);
+  const cacheIsFresh =
+    hasCachedItems &&
+    cacheEntry?.expiresAt &&
+    cacheEntry.expiresAt > now;
+
+  if (cacheIsFresh && !forceRefresh) {
+    devLogger.debug(
+      "[watchHistoryService] Returning cached watch list items.",
+      {
+      actor: actorKey,
+      itemCount: cacheEntry.items.length,
+      }
+    );
+    return mergeQueuedItemsIfNeeded(actorKey, cacheEntry.items);
+  }
+
+  if (cacheEntry?.promise) {
+    devLogger.debug(
+      "[watchHistoryService] Awaiting in-flight watch list refresh.",
+      {
+      actor: actorKey,
+      }
+    );
+    if (allowStale && hasCachedItems) {
+      devLogger.debug(
+        "[watchHistoryService] Returning stale watch list items while refresh completes.",
+        {
+        actor: actorKey,
+        itemCount: cacheEntry.items.length,
+        }
+      );
+      return mergeQueuedItemsIfNeeded(actorKey, cacheEntry.items);
+    }
+    const resolved = await cacheEntry.promise;
+    return mergeQueuedItemsIfNeeded(actorKey, resolved);
+  }
+
+  if (!allowStale || !hasCachedItems) {
+    const resolved = await scheduleWatchHistoryRefresh(actorKey, cacheEntry);
+    return mergeQueuedItemsIfNeeded(actorKey, resolved);
+  }
+
+  const refreshPromise = scheduleWatchHistoryRefresh(actorKey, cacheEntry);
+  refreshPromise.catch(() => {});
+
+  devLogger.info(
+    "[watchHistoryService] Returning stale watch list items while refresh is pending.",
+    {
+    actor: actorKey,
+    itemCount: cacheEntry?.items?.length || 0,
+    }
+  );
+
+  return mergeQueuedItemsIfNeeded(actorKey, cacheEntry.items || []);
+}
+
+async function getFingerprint(actorInput) {
+  const actorKey = resolveActorKey(actorInput);
+  if (!actorKey) {
+    return "";
+  }
+  if (!isFeatureEnabled(actorKey)) {
+    return "";
+  }
+  const now = Date.now();
+  const cacheEntry = state.fingerprintCache.get(actorKey);
+  if (
+    cacheEntry?.fingerprint &&
+    cacheEntry.expiresAt &&
+    cacheEntry.expiresAt > now
+  ) {
+    return cacheEntry.fingerprint;
+  }
+  const fingerprint = await nostrClient.getWatchHistoryFingerprint(actorKey);
+  const ttl = Math.max(0, Number(WATCH_HISTORY_CACHE_TTL_MS) || 0);
+  const nextEntry = {
+    ...(cacheEntry || {}),
+    fingerprint,
+    expiresAt: now + ttl,
+  };
+  state.fingerprintCache.set(actorKey, nextEntry);
+  emit("fingerprint", { actor: actorKey, fingerprint });
+  return fingerprint;
+}
+
+function resetProgress(actorInput) {
+  const actorKey = normalizeActorKey(actorInput);
+  if (actorKey) {
+    state.queues.delete(actorKey);
+    state.fingerprintCache.delete(actorKey);
+    state.inflightSnapshots.delete(actorKey);
+    persistQueueState();
+    notifyQueueChange(actorKey);
+    return;
+  }
+  state.queues.clear();
+  state.fingerprintCache.clear();
+  state.inflightSnapshots.clear();
+  persistQueueState();
+  emit("queue-changed", { actor: null, items: [] });
+}
+
+function getQueuedPointers(actorInput) {
+  const actorKey = normalizeActorKey(actorInput);
+  if (!actorKey) {
+    return [];
+  }
+  if (!state.restored) {
+    restoreQueueState();
+  }
+  return collectQueueItems(actorKey);
+}
+
+function getAllQueues() {
+  if (!state.restored) {
+    restoreQueueState();
+  }
+  const summary = {};
+  for (const actorKey of state.queues.keys()) {
+    const items = collectQueueItems(actorKey);
+    if (items.length) {
+      summary[actorKey] = items;
+    }
+  }
+  return summary;
+}
+
+const watchHistoryService = {
+  isEnabled: isFeatureEnabled,
+  supportsLocalHistory,
+  isLocalOnly,
+  publishView,
+  snapshot,
+  loadLatest,
+  getFingerprint,
+  resetProgress,
+  getQueuedPointers,
+  getAllQueues,
+  subscribe,
+};
+
+if (typeof window !== "undefined") {
+  window.bitvid = window.bitvid || {};
+  window.bitvid.watchHistory = watchHistoryService;
+}
+
+export { watchHistoryService };
+export default watchHistoryService;
diff --git a/dist/js/webtorrent-global.js b/dist/js/webtorrent-global.js
new file mode 100644
index 00000000..0a58bfa1
--- /dev/null
+++ b/dist/js/webtorrent-global.js
@@ -0,0 +1,16 @@
+import WebTorrent from "./webtorrent.min.js";
+
+const globalScope =
+  (typeof window !== "undefined" && window) ||
+  (typeof globalThis !== "undefined" && globalThis) ||
+  null;
+
+if (
+  globalScope &&
+  typeof globalScope.WebTorrent !== "function" &&
+  typeof WebTorrent === "function"
+) {
+  globalScope.WebTorrent = WebTorrent;
+}
+
+export {};
diff --git a/dist/js/webtorrent.js b/dist/js/webtorrent.js
new file mode 100644
index 00000000..bfe232bf
--- /dev/null
+++ b/dist/js/webtorrent.js
@@ -0,0 +1,1051 @@
+//js/webtorrent.js
+
+/**
+ * js/webtorrent.js
+ *
+ * This module wraps the WebTorrent client and manages the Service Worker integration.
+ * It is responsible for the "Torrent" half of the playback strategy.
+ *
+ * Key Responsibilities:
+ * - Singleton WebTorrent client: It ensures we reuse a single client instance to
+ *   avoid resource leaks and connection churn.
+ * - Service Worker Registration: It registers and manages `/sw.min.js`. This is critical
+ *   because WebTorrent in the browser streams data via a Service Worker "proxy" that
+ *   intercepts HTTP requests from the <video> element and serves bytes fetched from peers.
+ * - "Claim" Logic: It handles the complex dance of ensuring the Service Worker has
+ *   active control over the page (clients.claim) before attempting to stream, fixing
+ *   common "grey screen" regressions on page reload.
+ * - Browser Quirks: It handles Brave/Firefox specific logic.
+ */
+
+import WebTorrent from "./webtorrent.min.js";
+import { WSS_TRACKERS } from "./constants.js";
+import { safeDecodeURIComponent } from "./utils/safeDecode.js";
+import { devLogger, userLogger } from "./utils/logger.js";
+import { emit } from "./embedDiagnostics.js";
+import { infoHashFromMagnet, webSeedsFromMagnet } from "./magnets.js";
+
+const DEFAULT_PROBE_TRACKERS = Object.freeze([...WSS_TRACKERS]);
+
+function stripXsParameter(magnetURI) {
+  const trimmed = typeof magnetURI === "string" ? magnetURI.trim() : "";
+  if (
+    typeof window !== "undefined" &&
+    (window.location.hostname === "localhost" ||
+      window.location.hostname === "127.0.0.1")
+  ) {
+    try {
+      const [prefix, queryString] = trimmed.split("?");
+      if (queryString) {
+        const params = new URLSearchParams(queryString);
+        if (params.has("xs")) {
+          params.delete("xs");
+          return `${prefix}?${params.toString()}`;
+        }
+      }
+    } catch (err) {
+      // ignore
+    }
+  }
+  return trimmed;
+}
+
+function normalizeTrackerList(trackers) {
+  const normalized = [];
+  const seen = new Set();
+  if (!Array.isArray(trackers)) {
+    return normalized;
+  }
+  trackers.forEach((tracker) => {
+    if (typeof tracker !== "string") {
+      return;
+    }
+    const trimmed = tracker.trim();
+    if (!trimmed || !/^wss:\/\//i.test(trimmed)) {
+      return;
+    }
+    const lower = trimmed.toLowerCase();
+    if (seen.has(lower)) {
+      return;
+    }
+    seen.add(lower);
+    normalized.push(trimmed);
+  });
+  return normalized;
+}
+
+function appendProbeTrackers(magnetURI, trackers) {
+  if (typeof magnetURI !== "string") {
+    return { magnet: "", appended: false, hasProbeTrackers: false };
+  }
+
+  const trimmedMagnet = magnetURI.trim();
+  if (!trimmedMagnet) {
+    return { magnet: "", appended: false, hasProbeTrackers: false };
+  }
+
+  const probeTrackers = normalizeTrackerList(trackers);
+  if (!probeTrackers.length) {
+    return {
+      magnet: trimmedMagnet,
+      appended: false,
+      hasProbeTrackers: false,
+    };
+  }
+
+  const trackerSet = new Set();
+  const [withoutFragment, fragment = ""] = trimmedMagnet.split("#", 2);
+  const [, queryPart = ""] = withoutFragment.split("?", 2);
+
+  if (queryPart) {
+    queryPart
+      .split("&")
+      .map((segment) => segment.trim())
+      .filter(Boolean)
+      .forEach((segment) => {
+        const [rawKey, rawValue = ""] = segment.split("=", 2);
+        if (!rawKey || rawKey.trim().toLowerCase() !== "tr") {
+          return;
+        }
+        const decoded = safeDecodeURIComponent(rawValue).trim().toLowerCase();
+        if (decoded) {
+          trackerSet.add(decoded);
+        }
+      });
+  }
+
+  const normalizedProbe = probeTrackers.map((url) => url.toLowerCase());
+  const hadProbeTracker = normalizedProbe.some((url) => trackerSet.has(url));
+
+  const toAppend = [];
+  probeTrackers.forEach((tracker, index) => {
+    const normalizedTracker = normalizedProbe[index];
+    if (trackerSet.has(normalizedTracker)) {
+      return;
+    }
+    trackerSet.add(normalizedTracker);
+    toAppend.push(`tr=${encodeURIComponent(tracker)}`);
+  });
+
+  if (!toAppend.length) {
+    return {
+      magnet: trimmedMagnet,
+      appended: false,
+      hasProbeTrackers: hadProbeTracker,
+    };
+  }
+
+  const separator = queryPart ? "&" : "?";
+  const augmented = `${withoutFragment}${separator}${toAppend.join("&")}`;
+  const finalMagnet = fragment
+    ? `${augmented}#${fragment}`
+    : augmented;
+
+  return {
+    magnet: finalMagnet,
+    appended: true,
+    hasProbeTrackers: true,
+  };
+}
+
+function normalizeNumber(value, fallback = 0) {
+  const coerced = Number(value);
+  if (Number.isFinite(coerced)) {
+    return coerced;
+  }
+  return fallback;
+}
+
+function toError(err) {
+  if (err instanceof Error) {
+    return err;
+  }
+  try {
+    return new Error(String(err));
+  } catch (stringifyError) {
+    return new Error("Unknown error");
+  }
+}
+
+export class TorrentClient {
+  constructor({ webTorrentClass } = {}) {
+    this.WebTorrentClass =
+      typeof webTorrentClass === "function" ? webTorrentClass : WebTorrent;
+    // Reusable objects and flags
+    this.client = null;
+    this.currentTorrent = null;
+    this.probeClient = null;
+
+    // Service worker registration is cached
+    this.swRegistration = null;
+    this.serverCreated = false; // Indicates if we've called createServer on this.client
+
+    this.serviceWorkerDisabled = false;
+    this.serviceWorkerError = null;
+
+    // Timeout for SW operations
+    this.TIMEOUT_DURATION = 60000;
+
+    this.probeInFlight = new Map();
+  }
+
+  ensureClientForProbe() {
+    if (!this.probeClient) {
+      this.probeClient = new this.WebTorrentClass();
+      if (typeof this.probeClient.setMaxListeners === "function") {
+        this.probeClient.setMaxListeners(0);
+      }
+    }
+    return this.probeClient;
+  }
+
+  /**
+   * Helper to check if a magnet link has active peers without starting a full
+   * download. Used for "Stream Health" badges/indicators in the UI.
+   */
+  async probePeers(
+    magnetURI,
+    { timeoutMs = 8000, maxWebConns = 2, polls = 2, urlList = [] } = {}
+  ) {
+    const magnet = stripXsParameter(magnetURI);
+
+    if (!magnet) {
+      return {
+        healthy: false,
+        peers: 0,
+        reason: "invalid",
+        appendedTrackers: false,
+        hasProbeTrackers: false,
+        usedTrackers: [...TorrentClient.PROBE_TRACKERS],
+        durationMs: 0,
+      };
+    }
+
+    const trackers = normalizeTrackerList(TorrentClient.PROBE_TRACKERS);
+    const { magnet: augmentedMagnet, appended, hasProbeTrackers } =
+      appendProbeTrackers(magnet, trackers);
+
+    const hasMagnetWebSeed = magnet.includes("ws=") || magnet.includes("webSeed=");
+    const hasExplicitWebSeed = Array.isArray(urlList) && urlList.length > 0;
+    const hasWebSeed = hasMagnetWebSeed || hasExplicitWebSeed;
+
+    if (!hasProbeTrackers && !hasWebSeed) {
+      return {
+        healthy: false,
+        peers: 0,
+        reason: "no-trackers",
+        appendedTrackers: false,
+        hasProbeTrackers: false,
+        usedTrackers: trackers,
+        durationMs: 0,
+      };
+    }
+
+    const infoHash = infoHashFromMagnet(magnet);
+    const probeKey = infoHash || null;
+
+    if (probeKey && this.probeInFlight.has(probeKey)) {
+      return this.probeInFlight.get(probeKey);
+    }
+
+    const client = this.ensureClientForProbe();
+    const safeTimeout = Math.max(0, normalizeNumber(timeoutMs, 8000));
+    const safePolls = Math.max(0, Math.floor(normalizeNumber(polls, 2)));
+    const safeMaxWebConns = Math.max(1, Math.floor(normalizeNumber(maxWebConns, 2)));
+    const pollInterval =
+      safePolls > 0
+        ? Math.max(1000, Math.floor(safeTimeout / Math.max(1, safePolls)))
+        : 0;
+
+    const startedAt =
+      typeof performance !== "undefined" && performance?.now
+        ? performance.now()
+        : Date.now();
+
+    emit("torrent-probe-start", { magnet: augmentedMagnet });
+
+    const probePromise = new Promise((resolve) => {
+      let settled = false;
+      let torrent = null;
+      let timeoutId = null;
+      let pollId = null;
+      let pollStartId = null;
+
+      const finalize = (overrides = {}) => {
+        if (settled) {
+          return;
+        }
+        settled = true;
+        if (timeoutId) {
+          clearTimeout(timeoutId);
+          timeoutId = null;
+        }
+        if (pollId) {
+          clearInterval(pollId);
+          pollId = null;
+        }
+        if (pollStartId) {
+          clearTimeout(pollStartId);
+          pollStartId = null;
+        }
+        if (torrent) {
+          try {
+            torrent.destroy({ destroyStore: true });
+          } catch (err) {
+            // ignore
+          }
+        }
+
+        const endedAt =
+          typeof performance !== "undefined" && performance?.now
+            ? performance.now()
+            : Date.now();
+
+        const isHealthy = Boolean(overrides.healthy);
+        const peersCount = Number.isFinite(overrides.peers) ? overrides.peers : 0;
+
+        const result = {
+          healthy: isHealthy,
+          peers: peersCount,
+          reason: isHealthy ? "peer" : "timeout",
+          appendedTrackers: appended,
+          hasProbeTrackers,
+          usedTrackers: trackers,
+          durationMs: Math.max(0, endedAt - startedAt),
+          ...overrides,
+        };
+        emit("torrent-probe-result", result);
+        resolve(result);
+      };
+
+      try {
+        const addOptions = {
+          announce: trackers,
+          maxWebConns: safeMaxWebConns,
+        };
+        if (hasExplicitWebSeed) {
+          addOptions.urlList = urlList;
+        }
+        torrent = client.add(augmentedMagnet, addOptions);
+      } catch (err) {
+        finalize({
+          reason: "error",
+          error: toError(err),
+          peers: 0,
+          webseedOnly: hasWebSeed,
+        });
+        return;
+      }
+
+      const settleHealthy = () => {
+        const peers = Math.max(1, Math.floor(normalizeNumber(torrent?.numPeers, 1)));
+        finalize({ healthy: true, peers, reason: "peer" });
+      };
+
+      torrent.once("wire", settleHealthy);
+
+      torrent.once("error", (err) => {
+        const peers = Math.max(0, Math.floor(normalizeNumber(torrent?.numPeers, 0)));
+        finalize({
+          healthy: false,
+          reason: "error",
+          error: toError(err),
+          peers,
+          webseedOnly: peers === 0 && hasWebSeed,
+        });
+      });
+
+      if (safeTimeout > 0) {
+        timeoutId = setTimeout(() => {
+          const peers = Math.max(0, Math.floor(normalizeNumber(torrent?.numPeers, 0)));
+          finalize({
+            healthy: false,
+            peers,
+            reason: "timeout",
+            webseedOnly: peers === 0 && hasWebSeed,
+          });
+        }, safeTimeout);
+      }
+
+      if (safePolls > 0 && pollInterval > 0) {
+        pollStartId = setTimeout(() => {
+          if (!torrent || settled) {
+            return;
+          }
+          pollId = setInterval(() => {
+            if (!torrent || settled) {
+              return;
+            }
+            const peers = Math.max(0, Math.floor(normalizeNumber(torrent.numPeers, 0)));
+            if (peers > 0) {
+              finalize({ healthy: true, peers, reason: "peer" });
+            }
+          }, pollInterval);
+        }, pollInterval);
+      }
+    });
+
+    if (probeKey) {
+      this.probeInFlight.set(probeKey, probePromise);
+      probePromise.finally(() => {
+        if (this.probeInFlight.get(probeKey) === probePromise) {
+          this.probeInFlight.delete(probeKey);
+        }
+      });
+    }
+
+    return probePromise;
+  }
+
+  log(...args) {
+    devLogger.log(...args);
+  }
+
+  isServiceWorkerUnavailable() {
+    return this.serviceWorkerDisabled;
+  }
+
+  getServiceWorkerInitError() {
+    return this.serviceWorkerError || null;
+  }
+
+  async isBrave() {
+    return (
+      (navigator.brave?.isBrave && (await navigator.brave.isBrave())) || false
+    );
+  }
+
+  isFirefox() {
+    return /firefox/i.test(window.navigator.userAgent);
+  }
+
+  /**
+   * Makes sure we have exactly one WebTorrent client instance and one SW registration.
+   * Called once from streamVideo.
+   */
+  async init() {
+    if (!this.client) {
+      this.client = new this.WebTorrentClass();
+      if (typeof this.client.setMaxListeners === "function") {
+        this.client.setMaxListeners(0);
+      }
+    }
+
+    if (this.serviceWorkerDisabled) {
+      return {
+        serviceWorkerReady: false,
+        registration: null,
+        error: this.serviceWorkerError,
+      };
+    }
+
+    try {
+      if (!this.swRegistration) {
+        this.swRegistration = await this.setupServiceWorker();
+      } else {
+        // Even with an existing registration we still wait for control so that a
+        // transient controller drop (e.g. Chrome devtools unregister/reload) does
+        // not resurrect the grey-screen regression mentioned in
+        // waitForActiveController().
+        this.requestClientsClaim(this.swRegistration);
+        await this.waitForActiveController(this.swRegistration);
+      }
+
+      return {
+        serviceWorkerReady: !!this.swRegistration,
+        registration: this.swRegistration,
+      };
+    } catch (error) {
+      const normalizedError = toError(error);
+      this.log(
+        "[WebTorrent] Service worker setup failed; continuing without it:",
+        normalizedError
+      );
+      userLogger.warn(
+        "[WebTorrent] Service worker unavailable; falling back to direct streaming.",
+        normalizedError
+      );
+      this.serviceWorkerDisabled = true;
+      this.serviceWorkerError = normalizedError;
+      this.swRegistration = null;
+      return {
+        serviceWorkerReady: false,
+        registration: null,
+        error: normalizedError,
+      };
+    }
+  }
+
+  async waitForServiceWorkerActivation(registration) {
+    return new Promise((resolve, reject) => {
+      const timeout = setTimeout(() => {
+        reject(new Error("Service worker activation timeout"));
+      }, this.TIMEOUT_DURATION);
+
+      this.log("Waiting for service worker activation...");
+
+      const checkActivation = () => {
+        if (registration.active) {
+          clearTimeout(timeout);
+          this.log("Service worker is active");
+          resolve(registration);
+          return true;
+        }
+        return false;
+      };
+
+      if (checkActivation()) return;
+
+      registration.addEventListener("activate", () => {
+        checkActivation();
+      });
+
+      if (registration.waiting) {
+        this.log("Service worker is waiting, sending skip waiting message");
+        registration.waiting.postMessage({ type: "SKIP_WAITING" });
+      }
+
+      registration.addEventListener("statechange", () => {
+        checkActivation();
+      });
+    });
+  }
+
+  /**
+   * Ensure a live service worker is actively controlling the page before we
+   * start WebTorrent streaming.
+   *
+   * This regression has bitten us repeatedly: the first playback attempt after
+   * a cold load would get stuck on a grey frame because `navigator.serviceWorker`
+   * had finished installing but never claimed the page yet. WebTorrent's
+   * service-worker proxy never attached, so `file.streamTo(videoElement)` fed
+   * data into the void. Refreshing the page “fixed” it because the worker became
+   * the controller during navigation. Future refactors **must not** remove this
+   * guard — wait for `controllerchange` whenever `controller` is still null.
+   */
+  requestClientsClaim(registration = this.swRegistration) {
+    if (!("serviceWorker" in navigator)) {
+      return;
+    }
+
+    try {
+      const activeWorker = registration?.active;
+      if (!activeWorker) {
+        return;
+      }
+
+      // Some Chromium builds require an explicit startMessages() call before a
+      // yet-to-claim worker will accept postMessage traffic. Calling it is a
+      // harmless no-op elsewhere.
+      if (navigator.serviceWorker.startMessages) {
+        navigator.serviceWorker.startMessages();
+      }
+
+      activeWorker.postMessage({ type: "ENSURE_CLIENTS_CLAIM" });
+    } catch (err) {
+      this.log("Failed to request clients.claim():", err);
+    }
+  }
+
+  async waitForActiveController(registration = this.swRegistration) {
+    if (!("serviceWorker" in navigator)) {
+      return null;
+    }
+
+    if (navigator.serviceWorker.controller) {
+      return navigator.serviceWorker.controller;
+    }
+
+    this.requestClientsClaim(registration);
+
+    return new Promise((resolve, reject) => {
+      let timeoutId = null;
+      let pollId = null;
+
+      const cleanup = () => {
+        if (timeoutId) {
+          clearTimeout(timeoutId);
+          timeoutId = null;
+        }
+        if (pollId) {
+          clearInterval(pollId);
+          pollId = null;
+        }
+        navigator.serviceWorker.removeEventListener(
+          "controllerchange",
+          onControllerChange
+        );
+      };
+
+      const maybeResolve = () => {
+        const controller = navigator.serviceWorker.controller;
+        if (controller) {
+          cleanup();
+          resolve(controller);
+          return true;
+        }
+        return false;
+      };
+
+      const onControllerChange = () => {
+        if (maybeResolve()) {
+          return;
+        }
+        // If we received a controllerchange event but still don't have a
+        // controller it usually means the new worker hasn't claimed this page
+        // yet. Ask it again to be safe.
+        this.requestClientsClaim(registration);
+      };
+
+      timeoutId = setTimeout(() => {
+        cleanup();
+        reject(new Error("Service worker controller claim timeout"));
+      }, this.TIMEOUT_DURATION);
+
+      pollId = setInterval(() => {
+        if (maybeResolve()) {
+          return;
+        }
+        this.requestClientsClaim(registration);
+      }, 500);
+
+      navigator.serviceWorker.addEventListener(
+        "controllerchange",
+        onControllerChange
+      );
+
+      // One last check in case the controller appeared between the earlier
+      // synchronous guard and the promise wiring above.
+      if (!maybeResolve()) {
+        this.requestClientsClaim(registration);
+      }
+    });
+  }
+
+  async setupServiceWorker() {
+    try {
+      const isBraveBrowser = await this.isBrave();
+
+      if (!window.isSecureContext) {
+        throw new Error("HTTPS or localhost required");
+      }
+      if (!("serviceWorker" in navigator) || !navigator.serviceWorker) {
+        throw new Error("Service Worker not supported or disabled");
+      }
+
+      // Brave-specific logic: Brave Shields has a long-standing bug where
+      // stale service worker registrations linger even after we ship fixes.
+      // When that happens, the outdated worker keeps intercepting requests
+      // and WebTorrent fails to spin up, leaving playback broken until the
+      // user manually nukes the registration. To guarantee a clean slate we
+      // blanket-unregister every worker, then pause briefly so Brave can
+      // finish tearing down the old instance before we register the fresh
+      // one again. That delay is intentional—future tweaks should not shorten
+      // or remove it without understanding the regression risk.
+      if (isBraveBrowser) {
+        this.log("Checking Brave configuration...");
+        if (!navigator.serviceWorker) {
+          throw new Error(
+            "Please enable Service Workers in Brave Shield settings"
+          );
+        }
+        if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
+          throw new Error("Please enable WebRTC in Brave Shield settings");
+        }
+
+        // Unregister all existing service workers before installing a fresh one
+        const registrations = await navigator.serviceWorker.getRegistrations();
+        for (const reg of registrations) {
+          await reg.unregister();
+        }
+        await new Promise((resolve) => setTimeout(resolve, 1000));
+      }
+
+      this.log("Registering service worker at /sw.min.js...");
+      const registration = await navigator.serviceWorker.register(
+        "/sw.min.js",
+        {
+          scope: "/",
+          updateViaCache: "none",
+        }
+      );
+
+      this.log("Service worker registered");
+
+      if (registration.installing) {
+        this.log("Waiting for installation...");
+        await new Promise((resolve, reject) => {
+          const timeout = setTimeout(() => {
+            reject(new Error("Installation timeout"));
+          }, this.TIMEOUT_DURATION);
+
+          registration.installing.addEventListener("statechange", (e) => {
+            this.log("Service worker state:", e.target.state);
+            if (
+              e.target.state === "activated" ||
+              e.target.state === "redundant"
+            ) {
+              clearTimeout(timeout);
+              resolve();
+            }
+          });
+        });
+      }
+
+      await this.waitForServiceWorkerActivation(registration);
+      this.log("Service worker activated");
+
+      const readyRegistration = await Promise.race([
+        navigator.serviceWorker.ready,
+        new Promise((_, reject) =>
+          setTimeout(
+            () => reject(new Error("Service worker ready timeout")),
+            this.TIMEOUT_DURATION
+          )
+        ),
+      ]);
+
+      if (!readyRegistration.active) {
+        throw new Error("Service worker not active after ready state");
+      }
+
+      // Give the newly activated worker an explicit nudge to claim the page
+      // before we continue. This keeps Chromium's occasionally sluggish claim
+      // hand-offs from derailing the subsequent wait below.
+      this.requestClientsClaim(registration);
+
+      // See waitForActiveController() docstring for why this must remain in
+      // place. We intentionally wait here instead of racing with playback so a
+      // newly installed worker claims the page before WebTorrent spins up.
+      await this.waitForActiveController(registration);
+
+      // Force the SW to check for updates
+      registration.update();
+      this.log("Service worker ready");
+
+      return registration;
+    } catch (error) {
+      this.log("Service worker setup error:", error);
+      throw error;
+    }
+  }
+
+  attemptAutoplay(videoElement, context = "webtorrent") {
+    if (!videoElement || typeof videoElement.play !== "function") {
+      return;
+    }
+
+    videoElement
+      .play()
+      .catch((err) => {
+        this.log(`Autoplay failed (${context} path):`, err);
+        if (videoElement.muted) {
+          return;
+        }
+        this.log(`Retrying with muted autoplay (${context} path).`);
+        videoElement.muted = true;
+        videoElement.play().catch((err2) => {
+          this.log(`Muted autoplay also failed (${context} path):`, err2);
+        });
+      });
+  }
+
+  // Handle Chrome-based browsers
+  handleChromeTorrent(torrent, videoElement, resolve, reject) {
+    // Prune demo web seeds/trackers that chronically trip Chromium CORS and
+    // deliberately mutate `torrent._opts` as a sanctioned WebTorrent workaround.
+    torrent.on("warning", (err) => {
+      if (err && typeof err.message === "string") {
+        if (
+          err.message.includes("CORS") ||
+          err.message.includes("Access-Control-Allow-Origin")
+        ) {
+          userLogger.warn(
+            "CORS warning detected. Attempting to remove the failing webseed/tracker."
+          );
+          if (torrent._opts?.urlList?.length) {
+            torrent._opts.urlList = torrent._opts.urlList.filter((url) => {
+              return !url.includes("distribution.bbb3d.renderfarming.net");
+            });
+            userLogger.warn("Cleaned up webseeds =>", torrent._opts.urlList);
+          }
+          if (torrent._opts?.announce?.length) {
+            torrent._opts.announce = torrent._opts.announce.filter((url) => {
+              return !url.includes("fastcast.nz");
+            });
+            userLogger.warn("Cleaned up trackers =>", torrent._opts.announce);
+          }
+        }
+      }
+    });
+
+    const file = torrent.files.find((f) => /\.(mp4|webm|mkv)$/i.test(f.name));
+    if (!file) {
+      return reject(new Error("No compatible video file found in torrent"));
+    }
+
+    // Satisfy autoplay requirements and keep cross-origin chunks usable (e.g., for snapshots).
+    videoElement.crossOrigin = "anonymous";
+
+    videoElement.addEventListener("error", (e) => {
+      this.log("Video error:", e.target.error);
+    });
+
+    videoElement.addEventListener(
+      "canplay",
+      () => {
+        this.attemptAutoplay(videoElement, "chrome");
+      },
+      { once: true }
+    );
+
+    try {
+      file.streamTo(videoElement);
+      this.currentTorrent = torrent;
+      resolve(torrent);
+    } catch (err) {
+      this.log("Streaming error (Chrome path):", err);
+      reject(err);
+    }
+
+    torrent.on("error", (err) => {
+      this.log("Torrent error (Chrome path):", err);
+      reject(err);
+    });
+  }
+
+  // Handle Firefox-based browsers
+  handleFirefoxTorrent(torrent, videoElement, resolve, reject) {
+    const file = torrent.files.find((f) =>
+      /\.(mp4|webm|mkv)$/.test(f.name.toLowerCase())
+    );
+    if (!file) {
+      return reject(new Error("No compatible video file found in torrent"));
+    }
+
+    // Satisfy autoplay requirements and keep cross-origin chunks usable (e.g., for snapshots).
+    videoElement.crossOrigin = "anonymous";
+
+    videoElement.addEventListener("error", (e) => {
+      this.log("Video error (Firefox path):", e.target.error);
+    });
+
+    videoElement.addEventListener(
+      "canplay",
+      () => {
+        this.attemptAutoplay(videoElement, "firefox");
+      },
+      { once: true }
+    );
+
+    try {
+      file.streamTo(videoElement, { highWaterMark: 256 * 1024 });
+      this.currentTorrent = torrent;
+      resolve(torrent);
+    } catch (err) {
+      this.log("Streaming error (Firefox path):", err);
+      reject(err);
+    }
+
+    torrent.on("error", (err) => {
+      this.log("Torrent error (Firefox path):", err);
+      reject(err);
+    });
+  }
+
+  async destroyWithTimeout(
+    target,
+    { label = "resource", args = [], timeoutMs = 8000 } = {}
+  ) {
+    if (!target || typeof target.destroy !== "function") {
+      return;
+    }
+
+    const safeTimeout = Math.max(
+      1000,
+      Math.min(
+        Number.isFinite(timeoutMs) ? timeoutMs : 8000,
+        this.TIMEOUT_DURATION
+      )
+    );
+
+    await new Promise((resolve) => {
+      let settled = false;
+
+      const finalize = () => {
+        if (settled) {
+          return;
+        }
+        settled = true;
+        clearTimeout(timeoutId);
+        resolve();
+      };
+
+      const logError = (error) => {
+        if (error) {
+          this.log(`[cleanup] ${label} destroy error:`, error);
+        }
+      };
+
+      const timeoutId = setTimeout(() => {
+        this.log(
+          `[cleanup] ${label} destroy timed out after ${safeTimeout}ms; forcing resolution.`
+        );
+        finalize();
+      }, safeTimeout);
+
+      const callback = (error) => {
+        logError(error);
+        finalize();
+      };
+
+      let result;
+      try {
+        result = target.destroy(...args, callback);
+      } catch (error) {
+        logError(error);
+        finalize();
+        return;
+      }
+
+      if (result && typeof result.then === "function") {
+        result
+          .then(() => {
+            finalize();
+          })
+          .catch((error) => {
+            logError(error);
+            finalize();
+          });
+      }
+    });
+  }
+
+  /**
+   * Initiates streaming of a torrent magnet to a <video> element.
+   * Ensures the service worker is set up only once and the client is reused.
+   */
+  async streamVideo(magnetURI, videoElement, opts = {}) {
+    try {
+      const effectiveMagnetURI = stripXsParameter(magnetURI);
+      if (
+        effectiveMagnetURI !==
+        (typeof magnetURI === "string" ? magnetURI.trim() : "")
+      ) {
+        this.log(
+          "[WebTorrent] Stripped 'xs' parameter to prevent CORS errors on localhost.",
+        );
+      }
+
+      emit("torrent-stream-start", { magnet: effectiveMagnetURI });
+      // 1) Make sure we have a WebTorrent client and a valid SW registration.
+      const initResult = await this.init();
+
+      if (!this.client) {
+        throw new Error("Client destroyed during initialization");
+      }
+
+      const serviceWorkerReady =
+        !!(initResult?.serviceWorkerReady && this.swRegistration);
+
+      // 2) Create the server once if not already created.
+      // This "server" is the bridge that feeds the Service Worker.
+      if (serviceWorkerReady && !this.serverCreated) {
+        this.client.createServer({
+          controller: this.swRegistration,
+          pathPrefix: location.origin + "/webtorrent",
+        });
+        this.serverCreated = true;
+        this.log("WebTorrent server created");
+      }
+
+      const isFirefoxBrowser = this.isFirefox();
+      const explicitUrls = Array.isArray(opts?.urlList)
+        ? opts.urlList
+            .map((entry) => (typeof entry === "string" ? entry.trim() : ""))
+            .filter((entry) => /^https?:\/\//i.test(entry))
+        : [];
+
+      const magnetUrls = webSeedsFromMagnet(effectiveMagnetURI);
+      const combinedUrls = [...new Set([...explicitUrls, ...magnetUrls])];
+
+      const chromeOptions = { strategy: "sequential" };
+      if (combinedUrls.length) {
+        chromeOptions.urlList = combinedUrls;
+      }
+
+      return new Promise((resolve, reject) => {
+        // 3) Add the torrent to the client and handle accordingly.
+        if (isFirefoxBrowser) {
+          this.log("Starting torrent download (Firefox path)");
+          this.client.add(
+            effectiveMagnetURI,
+            { ...chromeOptions, maxWebConns: 4 },
+            (torrent) => {
+              this.log("Torrent added (Firefox path):", torrent.name);
+              this.handleFirefoxTorrent(torrent, videoElement, resolve, reject);
+            }
+          );
+        } else {
+          this.log("Starting torrent download (Chrome path)");
+          this.client.add(effectiveMagnetURI, chromeOptions, (torrent) => {
+            this.log("Torrent added (Chrome path):", torrent.name);
+            this.handleChromeTorrent(torrent, videoElement, resolve, reject);
+          });
+        }
+      });
+    } catch (error) {
+      this.log("Failed to set up video streaming:", error);
+      throw error;
+    }
+  }
+
+  /**
+   * Clean up resources.
+   * You might decide to keep the client alive if you want to reuse torrents.
+   * Currently, this fully destroys the client and resets everything.
+   */
+  async cleanup() {
+    try {
+      if (this.currentTorrent) {
+        try {
+          await this.destroyWithTimeout(this.currentTorrent, {
+            label: "current torrent",
+            args: [{ destroyStore: true }],
+          });
+        } finally {
+          this.currentTorrent = null;
+        }
+      }
+
+      if (this.client) {
+        try {
+          await this.destroyWithTimeout(this.client, {
+            label: "WebTorrent client",
+          });
+        } finally {
+          this.client = null;
+          this.serverCreated = false;
+        }
+      } else {
+        this.serverCreated = false;
+      }
+
+      if (this.probeClient) {
+        try {
+          await this.destroyWithTimeout(this.probeClient, {
+            label: "probe client",
+          });
+        } finally {
+          this.probeClient = null;
+        }
+      }
+    } catch (error) {
+      this.log("Cleanup error:", error);
+    }
+  }
+}
+
+TorrentClient.PROBE_TRACKERS = DEFAULT_PROBE_TRACKERS;
+
+export const torrentClient = new TorrentClient();
diff --git a/dist/js/webtorrent.min.js b/dist/js/webtorrent.min.js
new file mode 100644
index 00000000..820ddd5c
--- /dev/null
+++ b/dist/js/webtorrent.min.js
@@ -0,0 +1,2 @@
+var e,t,s={1467:e=>{function t(e,t){if("string"==typeof e[0])return e.join("");if("number"==typeof e[0])return new Uint8Array(e);const s=new Uint8Array(t);let i=0;for(let t=0,n=e.length;t<n;t++){const n=e[t];s.set(n,i),i+=n.byteLength||n.length}return s}e.exports=async function*(e,s=512,i={}){"object"==typeof s&&(s=(i=s).size);let{nopad:n,zeroPadding:r=!0}=i;n&&(r=!1);let o=[],a=0;for await(const i of e)if(a+=i.byteLength||i.length||1,o.push(i),a>=s){const e=t(o,a);let i=0;for(;a>=s;)yield e.slice(i,i+s),a-=s,i+=s;o=[e.slice(i,e.length)]}a&&(yield t(o,r?s:a))}},4497:(e,t,s)=>{const i=s(8454),n=s(9596);e.exports=class{constructor(e,t){if(this.store=e,this.chunkLength=e.chunkLength,this.inProgressGets=new Map,!this.store||!this.store.get||!this.store.put)throw new Error("First argument must be abstract-chunk-store compliant");this.cache=new i(t)}put(e,t,s=()=>{}){if(!this.cache)return n((()=>s(new Error("CacheStore closed"))));this.cache.remove(e),this.store.put(e,t,s)}get(e,t,s=()=>{}){if("function"==typeof t)return this.get(e,null,t);if(!this.cache)return n((()=>s(new Error("CacheStore closed"))));t||(t={});let i=this.cache.get(e);if(i){const e=t.offset||0,r=t.length||i.length-e;return 0===e&&r===i.length||(i=i.slice(e,r+e)),n((()=>s(null,i)))}let r=this.inProgressGets.get(e);const o=!!r;r||(r=[],this.inProgressGets.set(e,r)),r.push({opts:t,cb:s}),o||this.store.get(e,((t,s)=>{t||null==this.cache||this.cache.set(e,s);const i=this.inProgressGets.get(e);this.inProgressGets.delete(e);for(const{opts:e,cb:n}of i)if(t)n(t);else{const t=e.offset||0,i=e.length||s.length-t;let r=s;0===t&&i===s.length||(r=s.slice(t,i+t)),n(null,r)}}))}close(e=()=>{}){if(!this.cache)return n((()=>e(new Error("CacheStore closed"))));this.cache=null,this.store.close(e)}destroy(e=()=>{}){if(!this.cache)return n((()=>e(new Error("CacheStore closed"))));this.cache=null,this.store.destroy(e)}}},4018:e=>{e.exports=function(){for(var e=navigator.hardwareConcurrency||1,t=[],s=0;s<e;s++)t.push({model:"",speed:0,times:{user:0,nice:0,sys:0,idle:0,irq:0}});return t}},7833:(e,t,s)=>{var i=s(717);t.formatArgs=function(t){if(t[0]=(this.useColors?"%c":"")+this.namespace+(this.useColors?" %c":" ")+t[0]+(this.useColors?"%c ":" ")+"+"+e.exports.humanize(this.diff),!this.useColors)return;const s="color: "+this.color;t.splice(1,0,s,"color: inherit");let i=0,n=0;t[0].replace(/%[a-zA-Z%]/g,(e=>{"%%"!==e&&(i++,"%c"===e&&(n=i))})),t.splice(n,0,s)},t.save=function(e){try{e?t.storage.setItem("debug",e):t.storage.removeItem("debug")}catch(e){}},t.load=function(){let e;try{e=t.storage.getItem("debug")}catch(e){}!e&&void 0!==i&&"env"in i&&(e=i.env.DEBUG);return e},t.useColors=function(){if("undefined"!=typeof window&&window.process&&("renderer"===window.process.type||window.process.__nwjs))return!0;if("undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/))return!1;let e;return"undefined"!=typeof document&&document.documentElement&&document.documentElement.style&&document.documentElement.style.WebkitAppearance||"undefined"!=typeof window&&window.console&&(window.console.firebug||window.console.exception&&window.console.table)||"undefined"!=typeof navigator&&navigator.userAgent&&(e=navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/))&&parseInt(e[1],10)>=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)},t.storage=function(){try{return localStorage}catch(e){}}(),t.destroy=(()=>{let e=!1;return()=>{e||(e=!0,console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`."))}})(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],t.log=console.debug||console.log||(()=>{}),e.exports=s(736)(t);const{formatters:n}=e.exports;n.j=function(e){try{return JSON.stringify(e)}catch(e){return"[UnexpectedJSONParseError]: "+e.message}}},736:(e,t,s)=>{e.exports=function(e){function t(e){let s,n,r,o=null;function a(...e){if(!a.enabled)return;const i=a,n=Number(new Date),r=n-(s||n);i.diff=r,i.prev=s,i.curr=n,s=n,e[0]=t.coerce(e[0]),"string"!=typeof e[0]&&e.unshift("%O");let o=0;e[0]=e[0].replace(/%([a-zA-Z%])/g,((s,n)=>{if("%%"===s)return"%";o++;const r=t.formatters[n];if("function"==typeof r){const t=e[o];s=r.call(i,t),e.splice(o,1),o--}return s})),t.formatArgs.call(i,e);(i.log||t.log).apply(i,e)}return a.namespace=e,a.useColors=t.useColors(),a.color=t.selectColor(e),a.extend=i,a.destroy=t.destroy,Object.defineProperty(a,"enabled",{enumerable:!0,configurable:!1,get:()=>null!==o?o:(n!==t.namespaces&&(n=t.namespaces,r=t.enabled(e)),r),set:e=>{o=e}}),"function"==typeof t.init&&t.init(a),a}function i(e,s){const i=t(this.namespace+(void 0===s?":":s)+e);return i.log=this.log,i}function n(e,t){let s=0,i=0,n=-1,r=0;for(;s<e.length;)if(i<t.length&&(t[i]===e[s]||"*"===t[i]))"*"===t[i]?(n=i,r=s,i++):(s++,i++);else{if(-1===n)return!1;i=n+1,r++,s=r}for(;i<t.length&&"*"===t[i];)i++;return i===t.length}return t.debug=t,t.default=t,t.coerce=function(e){if(e instanceof Error)return e.stack||e.message;return e},t.disable=function(){const e=[...t.names,...t.skips.map((e=>"-"+e))].join(",");return t.enable(""),e},t.enable=function(e){t.save(e),t.namespaces=e,t.names=[],t.skips=[];const s=("string"==typeof e?e:"").trim().replace(" ",",").split(",").filter(Boolean);for(const e of s)"-"===e[0]?t.skips.push(e.slice(1)):t.names.push(e)},t.enabled=function(e){for(const s of t.skips)if(n(e,s))return!1;for(const s of t.names)if(n(e,s))return!0;return!1},t.humanize=s(6585),t.destroy=function(){console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.")},Object.keys(e).forEach((s=>{t[s]=e[s]})),t.names=[],t.skips=[],t.formatters={},t.selectColor=function(e){let s=0;for(let t=0;t<e.length;t++)s=(s<<5)-s+e.charCodeAt(t),s|=0;return t.colors[Math.abs(s)%t.colors.length]},t.enable(t.load()),t}},6611:(e,t,s)=>{var i=s(717),n=s(3519),r=function(){},o=function(e,t,s){if("function"==typeof t)return o(e,null,t);t||(t={}),s=n(s||r);var a=e._writableState,h=e._readableState,l=t.readable||!1!==t.readable&&e.readable,c=t.writable||!1!==t.writable&&e.writable,d=!1,u=function(){e.writable||p()},p=function(){c=!1,l||s.call(e)},f=function(){l=!1,c||s.call(e)},m=function(t){s.call(e,t?new Error("exited with error code: "+t):null)},_=function(t){s.call(e,t)},g=function(){i.nextTick(y)},y=function(){if(!d)return(!l||h&&h.ended&&!h.destroyed)&&(!c||a&&a.ended&&!a.destroyed)?void 0:s.call(e,new Error("premature close"))},w=function(){e.req.on("finish",p)};return!function(e){return e.setHeader&&"function"==typeof e.abort}(e)?c&&!a&&(e.on("end",u),e.on("close",u)):(e.on("complete",p),e.on("abort",g),e.req?w():e.on("request",w)),function(e){return e.stdio&&Array.isArray(e.stdio)&&3===e.stdio.length}(e)&&e.on("exit",m),e.on("end",f),e.on("finish",p),!1!==t.error&&e.on("error",_),e.on("close",g),function(){d=!0,e.removeListener("complete",p),e.removeListener("abort",g),e.removeListener("request",w),e.req&&e.req.removeListener("finish",p),e.removeListener("end",u),e.removeListener("close",u),e.removeListener("finish",p),e.removeListener("exit",m),e.removeListener("end",f),e.removeListener("error",_),e.removeListener("close",g)}};e.exports=o},6310:e=>{function t(e,t){for(const s in t)Object.defineProperty(e,s,{value:t[s],enumerable:!0,configurable:!0});return e}e.exports=function(e,s,i){if(!e||"string"==typeof e)throw new TypeError("Please pass an Error to err-code");i||(i={}),"object"==typeof s&&(i=s,s=""),s&&(i.code=s);try{return t(e,i)}catch(s){i.message=e.message,i.stack=e.stack;const n=function(){};n.prototype=Object.create(Object.getPrototypeOf(e));return t(new n,i)}}},580:e=>{var t=/["'&<>]/;e.exports=function(e){var s,i=""+e,n=t.exec(i);if(!n)return i;var r="",o=0,a=0;for(o=n.index;o<i.length;o++){switch(i.charCodeAt(o)){case 34:s="&quot;";break;case 38:s="&amp;";break;case 39:s="&#39;";break;case 60:s="&lt;";break;case 62:s="&gt;";break;default:continue}a!==o&&(r+=i.substring(a,o)),a=o+1,r+=s}return a!==o?r+i.substring(a,o):r}},7007:e=>{var t=Object.create||function(e){var t=function(){};return t.prototype=e,new t},s=Object.keys||function(e){var t=[];for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&t.push(s);return s},i=Function.prototype.bind||function(e){var t=this;return function(){return t.apply(e,arguments)}};function n(){this._events&&Object.prototype.hasOwnProperty.call(this,"_events")||(this._events=t(null),this._eventsCount=0),this._maxListeners=this._maxListeners||void 0}e.exports=n,n.EventEmitter=n,n.prototype._events=void 0,n.prototype._maxListeners=void 0;var r,o=10;try{var a={};Object.defineProperty&&Object.defineProperty(a,"x",{value:0}),r=0===a.x}catch(e){r=!1}function h(e){return void 0===e._maxListeners?n.defaultMaxListeners:e._maxListeners}function l(e,s,i,n){var r,o,a;if("function"!=typeof i)throw new TypeError('"listener" argument must be a function');if((o=e._events)?(o.newListener&&(e.emit("newListener",s,i.listener?i.listener:i),o=e._events),a=o[s]):(o=e._events=t(null),e._eventsCount=0),a){if("function"==typeof a?a=o[s]=n?[i,a]:[a,i]:n?a.unshift(i):a.push(i),!a.warned&&(r=h(e))&&r>0&&a.length>r){a.warned=!0;var l=new Error("Possible EventEmitter memory leak detected. "+a.length+' "'+String(s)+'" listeners added. Use emitter.setMaxListeners() to increase limit.');l.name="MaxListenersExceededWarning",l.emitter=e,l.type=s,l.count=a.length,"object"==typeof console&&console.warn&&console.warn("%s: %s",l.name,l.message)}}else a=o[s]=i,++e._eventsCount;return e}function c(){if(!this.fired)switch(this.target.removeListener(this.type,this.wrapFn),this.fired=!0,arguments.length){case 0:return this.listener.call(this.target);case 1:return this.listener.call(this.target,arguments[0]);case 2:return this.listener.call(this.target,arguments[0],arguments[1]);case 3:return this.listener.call(this.target,arguments[0],arguments[1],arguments[2]);default:for(var e=new Array(arguments.length),t=0;t<e.length;++t)e[t]=arguments[t];this.listener.apply(this.target,e)}}function d(e,t,s){var n={fired:!1,wrapFn:void 0,target:e,type:t,listener:s},r=i.call(c,n);return r.listener=s,n.wrapFn=r,r}function u(e,t,s){var i=e._events;if(!i)return[];var n=i[t];return n?"function"==typeof n?s?[n.listener||n]:[n]:s?function(e){for(var t=new Array(e.length),s=0;s<t.length;++s)t[s]=e[s].listener||e[s];return t}(n):f(n,n.length):[]}function p(e){var t=this._events;if(t){var s=t[e];if("function"==typeof s)return 1;if(s)return s.length}return 0}function f(e,t){for(var s=new Array(t),i=0;i<t;++i)s[i]=e[i];return s}r?Object.defineProperty(n,"defaultMaxListeners",{enumerable:!0,get:function(){return o},set:function(e){if("number"!=typeof e||e<0||e!=e)throw new TypeError('"defaultMaxListeners" must be a positive number');o=e}}):n.defaultMaxListeners=o,n.prototype.setMaxListeners=function(e){if("number"!=typeof e||e<0||isNaN(e))throw new TypeError('"n" argument must be a positive number');return this._maxListeners=e,this},n.prototype.getMaxListeners=function(){return h(this)},n.prototype.emit=function(e){var t,s,i,n,r,o,a="error"===e;if(o=this._events)a=a&&null==o.error;else if(!a)return!1;if(a){if(arguments.length>1&&(t=arguments[1]),t instanceof Error)throw t;var h=new Error('Unhandled "error" event. ('+t+")");throw h.context=t,h}if(!(s=o[e]))return!1;var l="function"==typeof s;switch(i=arguments.length){case 1:!function(e,t,s){if(t)e.call(s);else for(var i=e.length,n=f(e,i),r=0;r<i;++r)n[r].call(s)}(s,l,this);break;case 2:!function(e,t,s,i){if(t)e.call(s,i);else for(var n=e.length,r=f(e,n),o=0;o<n;++o)r[o].call(s,i)}(s,l,this,arguments[1]);break;case 3:!function(e,t,s,i,n){if(t)e.call(s,i,n);else for(var r=e.length,o=f(e,r),a=0;a<r;++a)o[a].call(s,i,n)}(s,l,this,arguments[1],arguments[2]);break;case 4:!function(e,t,s,i,n,r){if(t)e.call(s,i,n,r);else for(var o=e.length,a=f(e,o),h=0;h<o;++h)a[h].call(s,i,n,r)}(s,l,this,arguments[1],arguments[2],arguments[3]);break;default:for(n=new Array(i-1),r=1;r<i;r++)n[r-1]=arguments[r];!function(e,t,s,i){if(t)e.apply(s,i);else for(var n=e.length,r=f(e,n),o=0;o<n;++o)r[o].apply(s,i)}(s,l,this,n)}return!0},n.prototype.addListener=function(e,t){return l(this,e,t,!1)},n.prototype.on=n.prototype.addListener,n.prototype.prependListener=function(e,t){return l(this,e,t,!0)},n.prototype.once=function(e,t){if("function"!=typeof t)throw new TypeError('"listener" argument must be a function');return this.on(e,d(this,e,t)),this},n.prototype.prependOnceListener=function(e,t){if("function"!=typeof t)throw new TypeError('"listener" argument must be a function');return this.prependListener(e,d(this,e,t)),this},n.prototype.removeListener=function(e,s){var i,n,r,o,a;if("function"!=typeof s)throw new TypeError('"listener" argument must be a function');if(!(n=this._events))return this;if(!(i=n[e]))return this;if(i===s||i.listener===s)0==--this._eventsCount?this._events=t(null):(delete n[e],n.removeListener&&this.emit("removeListener",e,i.listener||s));else if("function"!=typeof i){for(r=-1,o=i.length-1;o>=0;o--)if(i[o]===s||i[o].listener===s){a=i[o].listener,r=o;break}if(r<0)return this;0===r?i.shift():function(e,t){for(var s=t,i=s+1,n=e.length;i<n;s+=1,i+=1)e[s]=e[i];e.pop()}(i,r),1===i.length&&(n[e]=i[0]),n.removeListener&&this.emit("removeListener",e,a||s)}return this},n.prototype.removeAllListeners=function(e){var i,n,r;if(!(n=this._events))return this;if(!n.removeListener)return 0===arguments.length?(this._events=t(null),this._eventsCount=0):n[e]&&(0==--this._eventsCount?this._events=t(null):delete n[e]),this;if(0===arguments.length){var o,a=s(n);for(r=0;r<a.length;++r)"removeListener"!==(o=a[r])&&this.removeAllListeners(o);return this.removeAllListeners("removeListener"),this._events=t(null),this._eventsCount=0,this}if("function"==typeof(i=n[e]))this.removeListener(e,i);else if(i)for(r=i.length-1;r>=0;r--)this.removeListener(e,i[r]);return this},n.prototype.listeners=function(e){return u(this,e,!0)},n.prototype.rawListeners=function(e){return u(this,e,!1)},n.listenerCount=function(e,t){return"function"==typeof e.listenerCount?e.listenerCount(t):p.call(e,t)},n.prototype.listenerCount=p,n.prototype.eventNames=function(){return this._eventsCount>0?Reflect.ownKeys(this._events):[]}},5809:e=>{e.exports=class{constructor(e){if(!(e>0)||e-1&e)throw new Error("Max size for a FixedFIFO should be a power of two");this.buffer=new Array(e),this.mask=e-1,this.top=0,this.btm=0,this.next=null}clear(){this.top=this.btm=0,this.next=null,this.buffer.fill(void 0)}push(e){return void 0===this.buffer[this.top]&&(this.buffer[this.top]=e,this.top=this.top+1&this.mask,!0)}shift(){const e=this.buffer[this.btm];if(void 0!==e)return this.buffer[this.btm]=void 0,this.btm=this.btm+1&this.mask,e}peek(){return this.buffer[this.btm]}isEmpty(){return void 0===this.buffer[this.btm]}}},6080:(e,t,s)=>{const i=s(5809);e.exports=class{constructor(e){this.hwm=e||16,this.head=new i(this.hwm),this.tail=this.head,this.length=0}clear(){this.head=this.tail,this.head.clear(),this.length=0}push(e){if(this.length++,!this.head.push(e)){const t=this.head;this.head=t.next=new i(2*this.head.buffer.length),this.head.push(e)}}shift(){0!==this.length&&this.length--;const e=this.tail.shift();if(void 0===e&&this.tail.next){const e=this.tail.next;return this.tail.next=null,this.tail=e,this.tail.shift()}return e}peek(){const e=this.tail.peek();return void 0===e&&this.tail.next?this.tail.next.peek():e}isEmpty(){return 0===this.length}}},3468:()=>{"undefined"!=typeof ReadableStream&&(ReadableStream.prototype[Symbol.asyncIterator]||(ReadableStream.prototype[Symbol.asyncIterator]=function({preventCancel:e}={}){const t=this.getReader(),s=this;let i=t.read();return{next(){const e=i;return i=t.read(),e},return:async n=>(await i,t.releaseLock(),e||s.cancel(),{done:!0,value:n}),async throw(e){throw await this.return(),e},[Symbol.asyncIterator](){return this}}}),ReadableStream.prototype.getIterator||(ReadableStream.prototype.getIterator=function({preventCancel:e}={}){return this[Symbol.asyncIterator]({preventCancel:e})}))},3714:(e,t,s)=>{const i=s(9596);e.exports=class{constructor(e){if(this.store=e,this.chunkLength=e.chunkLength,!this.store||!this.store.get||!this.store.put)throw new Error("First argument must be abstract-chunk-store compliant");this.mem=[]}put(e,t,s=()=>{}){this.mem[e]=t,this.store.put(e,t,(t=>{this.mem[e]=null,s(t)}))}get(e,t,s=()=>{}){if("function"==typeof t)return this.get(e,null,t);let n=this.mem[e];if(!n)return this.store.get(e,t,s);t||(t={});const r=t.offset||0,o=t.length||n.length-r;0===r&&o===n.length||(n=n.slice(r,o+r)),i((()=>s(null,n)))}close(e=()=>{}){this.store.close(e)}destroy(e=()=>{}){this.store.destroy(e)}}},6698:e=>{"function"==typeof Object.create?e.exports=function(e,t){t&&(e.super_=t,e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}))}:e.exports=function(e,t){if(t){e.super_=t;var s=function(){};s.prototype=t.prototype,e.prototype=new s,e.prototype.constructor=e}}},405:e=>{e.exports=async function*(e){for(let t of e)"function"==typeof t&&(t=t()),yield*t}},9439:(e,t,s)=>{t.RateLimiter=s(3065),t.TokenBucket=s(5472)},3085:(e,t,s)=>{var i=s(717);e.exports=function(){if(void 0!==i&&i.hrtime){var e=i.hrtime(),t=e[0],s=e[1];return 1e3*t+Math.floor(s/1e6)}return(new Date).getTime()}},3065:(e,t,s)=>{var i=s(717),n=s(5472),r=s(3085),o=function(e,t,s){this.tokenBucket=new n(e,e,t,null),this.tokenBucket.content=e,this.curIntervalStart=r(),this.tokensThisInterval=0,this.fireImmediately=s};o.prototype={tokenBucket:null,curIntervalStart:0,tokensThisInterval:0,fireImmediately:!1,removeTokens:function(e,t){if(e>this.tokenBucket.bucketSize)return i.nextTick(t.bind(null,"Requested tokens "+e+" exceeds maximum tokens per interval "+this.tokenBucket.bucketSize,null)),!1;var s=this,n=r();if((n<this.curIntervalStart||n-this.curIntervalStart>=this.tokenBucket.interval)&&(this.curIntervalStart=n,this.tokensThisInterval=0),e>this.tokenBucket.tokensPerInterval-this.tokensThisInterval){if(this.fireImmediately)i.nextTick(t.bind(null,null,-1));else{var o=Math.ceil(this.curIntervalStart+this.tokenBucket.interval-n);setTimeout((function(){s.tokenBucket.removeTokens(e,a)}),o)}return!1}return this.tokenBucket.removeTokens(e,a);function a(i,n){if(i)return t(i,null);s.tokensThisInterval+=e,t(null,n)}},tryRemoveTokens:function(e){if(e>this.tokenBucket.bucketSize)return!1;var t=r();if((t<this.curIntervalStart||t-this.curIntervalStart>=this.tokenBucket.interval)&&(this.curIntervalStart=t,this.tokensThisInterval=0),e>this.tokenBucket.tokensPerInterval-this.tokensThisInterval)return!1;var s=this.tokenBucket.tryRemoveTokens(e);return s&&(this.tokensThisInterval+=e),s},getTokensRemaining:function(){return this.tokenBucket.drip(),this.tokenBucket.content}},e.exports=o},5472:(e,t,s)=>{var i=s(717),n=function(e,t,s,i){if(this.bucketSize=e,this.tokensPerInterval=t,"string"==typeof s)switch(s){case"sec":case"second":this.interval=1e3;break;case"min":case"minute":this.interval=6e4;break;case"hr":case"hour":this.interval=36e5;break;case"day":this.interval=864e5;break;default:throw new Error("Invaid interval "+s)}else this.interval=s;this.parentBucket=i,this.content=0,this.lastDrip=+new Date};n.prototype={bucketSize:1,tokensPerInterval:1,interval:1e3,parentBucket:null,content:0,lastDrip:0,removeTokens:function(e,t){var s=this;return this.bucketSize?e>this.bucketSize?(i.nextTick(t.bind(null,"Requested tokens "+e+" exceeds bucket size "+this.bucketSize,null)),!1):(this.drip(),e>this.content?n():this.parentBucket?this.parentBucket.removeTokens(e,(function(i,r){return i?t(i,null):e>s.content?n():(s.content-=e,void t(null,Math.min(r,s.content)))})):(this.content-=e,i.nextTick(t.bind(null,null,this.content)),!0)):(i.nextTick(t.bind(null,null,e,Number.POSITIVE_INFINITY)),!0);function n(){var i=Math.ceil((e-s.content)*(s.interval/s.tokensPerInterval));return setTimeout((function(){s.removeTokens(e,t)}),i),!1}},tryRemoveTokens:function(e){return!this.bucketSize||!(e>this.bucketSize)&&(this.drip(),!(e>this.content)&&(!(this.parentBucket&&!this.parentBucket.tryRemoveTokens(e))&&(this.content-=e,!0)))},drip:function(){if(this.tokensPerInterval){var e=+new Date,t=Math.max(e-this.lastDrip,0);this.lastDrip=e;var s=t*(this.tokensPerInterval/this.interval);this.content=Math.min(this.content+s,this.bucketSize)}else this.content=this.bucketSize}},e.exports=n},8454:(e,t,s)=>{var i=s(7007),n=s(6698);function r(e){if(!(this instanceof r))return new r(e);"number"==typeof e&&(e={max:e}),e||(e={}),i.EventEmitter.call(this),this.cache={},this.head=this.tail=null,this.length=0,this.max=e.max||1e3,this.maxAge=e.maxAge||0}e.exports=r,n(r,i.EventEmitter),Object.defineProperty(r.prototype,"keys",{get:function(){return Object.keys(this.cache)}}),r.prototype.clear=function(){this.cache={},this.head=this.tail=null,this.length=0},r.prototype.remove=function(e){if("string"!=typeof e&&(e=""+e),this.cache.hasOwnProperty(e)){var t=this.cache[e];return delete this.cache[e],this._unlink(e,t.prev,t.next),t.value}},r.prototype._unlink=function(e,t,s){this.length--,0===this.length?this.head=this.tail=null:this.head===e?(this.head=t,this.cache[this.head].next=null):this.tail===e?(this.tail=s,this.cache[this.tail].prev=null):(this.cache[t].next=s,this.cache[s].prev=t)},r.prototype.peek=function(e){if(this.cache.hasOwnProperty(e)){var t=this.cache[e];if(this._checkAge(e,t))return t.value}},r.prototype.set=function(e,t){var s;if("string"!=typeof e&&(e=""+e),this.cache.hasOwnProperty(e)){if((s=this.cache[e]).value=t,this.maxAge&&(s.modified=Date.now()),e===this.head)return t;this._unlink(e,s.prev,s.next)}else s={value:t,modified:0,next:null,prev:null},this.maxAge&&(s.modified=Date.now()),this.cache[e]=s,this.length===this.max&&this.evict();return this.length++,s.next=null,s.prev=this.head,this.head&&(this.cache[this.head].next=e),this.head=e,this.tail||(this.tail=e),t},r.prototype._checkAge=function(e,t){return!(this.maxAge&&Date.now()-t.modified>this.maxAge)||(this.remove(e),this.emit("evict",{key:e,value:t.value}),!1)},r.prototype.get=function(e){if("string"!=typeof e&&(e=""+e),this.cache.hasOwnProperty(e)){var t=this.cache[e];if(this._checkAge(e,t))return this.head!==e&&(e===this.tail?(this.tail=t.next,this.cache[this.tail].prev=null):this.cache[t.prev].next=t.next,this.cache[t.next].prev=t.prev,this.cache[this.head].next=e,t.prev=this.head,t.next=null,this.head=e),t.value}},r.prototype.evict=function(){if(this.tail){var e=this.tail,t=this.remove(this.tail);this.emit("evict",{key:e,value:t})}}},4862:(e,t,s)=>{e.exports=n;const i=s(9596);function n(e,t){if(!(this instanceof n))return new n(e,t);if(t||(t={}),this.chunkLength=Number(e),!this.chunkLength)throw new Error("First argument must be a chunk length");this.chunks=[],this.closed=!1,this.length=Number(t.length)||1/0,this.length!==1/0&&(this.lastChunkLength=this.length%this.chunkLength||this.chunkLength,this.lastChunkIndex=Math.ceil(this.length/this.chunkLength)-1)}n.prototype.put=function(e,t,s=()=>{}){if(this.closed)return i((()=>s(new Error("Storage is closed"))));const n=e===this.lastChunkIndex;return n&&t.length!==this.lastChunkLength?i((()=>s(new Error("Last chunk length must be "+this.lastChunkLength)))):n||t.length===this.chunkLength?(this.chunks[e]=t,void i((()=>s(null)))):i((()=>s(new Error("Chunk length must be "+this.chunkLength))))},n.prototype.get=function(e,t,s=()=>{}){if("function"==typeof t)return this.get(e,null,t);if(this.closed)return i((()=>s(new Error("Storage is closed"))));let n=this.chunks[e];if(!n){const e=new Error("Chunk not found");return e.notFound=!0,i((()=>s(e)))}t||(t={});const r=t.offset||0,o=t.length||n.length-r;0===r&&o===n.length||(n=n.slice(r,o+r)),i((()=>s(null,n)))},n.prototype.close=n.prototype.destroy=function(e=()=>{}){if(this.closed)return i((()=>e(new Error("Storage is closed"))));this.closed=!0,this.chunks=null,i((()=>e(null)))}},8673:e=>{function t(){this._types=Object.create(null),this._extensions=Object.create(null);for(let e=0;e<arguments.length;e++)this.define(arguments[e]);this.define=this.define.bind(this),this.getType=this.getType.bind(this),this.getExtension=this.getExtension.bind(this)}t.prototype.define=function(e,t){for(let s in e){let i=e[s].map((function(e){return e.toLowerCase()}));s=s.toLowerCase();for(let e=0;e<i.length;e++){const n=i[e];if("*"!==n[0]){if(!t&&n in this._types)throw new Error('Attempt to change mapping for "'+n+'" extension from "'+this._types[n]+'" to "'+s+'". Pass `force=true` to allow this, otherwise remove "'+n+'" from the list of extensions for "'+s+'".');this._types[n]=s}}if(t||!this._extensions[s]){const e=i[0];this._extensions[s]="*"!==e[0]?e:e.substr(1)}}},t.prototype.getType=function(e){let t=(e=String(e)).replace(/^.*[/\\]/,"").toLowerCase(),s=t.replace(/^.*\./,"").toLowerCase(),i=t.length<e.length;return(s.length<t.length-1||!i)&&this._types[s]||null},t.prototype.getExtension=function(e){return(e=/^\s*([^;\s]*)/.test(e)&&RegExp.$1)&&this._extensions[e.toLowerCase()]||null},e.exports=t},1133:(e,t,s)=>{let i=s(8673);e.exports=new i(s(8446))},8446:e=>{e.exports={"application/andrew-inset":["ez"],"application/applixware":["aw"],"application/atom+xml":["atom"],"application/atomcat+xml":["atomcat"],"application/atomdeleted+xml":["atomdeleted"],"application/atomsvc+xml":["atomsvc"],"application/atsc-dwd+xml":["dwd"],"application/atsc-held+xml":["held"],"application/atsc-rsat+xml":["rsat"],"application/bdoc":["bdoc"],"application/calendar+xml":["xcs"],"application/ccxml+xml":["ccxml"],"application/cdfx+xml":["cdfx"],"application/cdmi-capability":["cdmia"],"application/cdmi-container":["cdmic"],"application/cdmi-domain":["cdmid"],"application/cdmi-object":["cdmio"],"application/cdmi-queue":["cdmiq"],"application/cu-seeme":["cu"],"application/dash+xml":["mpd"],"application/davmount+xml":["davmount"],"application/docbook+xml":["dbk"],"application/dssc+der":["dssc"],"application/dssc+xml":["xdssc"],"application/ecmascript":["es","ecma"],"application/emma+xml":["emma"],"application/emotionml+xml":["emotionml"],"application/epub+zip":["epub"],"application/exi":["exi"],"application/express":["exp"],"application/fdt+xml":["fdt"],"application/font-tdpfr":["pfr"],"application/geo+json":["geojson"],"application/gml+xml":["gml"],"application/gpx+xml":["gpx"],"application/gxf":["gxf"],"application/gzip":["gz"],"application/hjson":["hjson"],"application/hyperstudio":["stk"],"application/inkml+xml":["ink","inkml"],"application/ipfix":["ipfix"],"application/its+xml":["its"],"application/java-archive":["jar","war","ear"],"application/java-serialized-object":["ser"],"application/java-vm":["class"],"application/javascript":["js","mjs"],"application/json":["json","map"],"application/json5":["json5"],"application/jsonml+json":["jsonml"],"application/ld+json":["jsonld"],"application/lgr+xml":["lgr"],"application/lost+xml":["lostxml"],"application/mac-binhex40":["hqx"],"application/mac-compactpro":["cpt"],"application/mads+xml":["mads"],"application/manifest+json":["webmanifest"],"application/marc":["mrc"],"application/marcxml+xml":["mrcx"],"application/mathematica":["ma","nb","mb"],"application/mathml+xml":["mathml"],"application/mbox":["mbox"],"application/mediaservercontrol+xml":["mscml"],"application/metalink+xml":["metalink"],"application/metalink4+xml":["meta4"],"application/mets+xml":["mets"],"application/mmt-aei+xml":["maei"],"application/mmt-usd+xml":["musd"],"application/mods+xml":["mods"],"application/mp21":["m21","mp21"],"application/mp4":["mp4s","m4p"],"application/msword":["doc","dot"],"application/mxf":["mxf"],"application/n-quads":["nq"],"application/n-triples":["nt"],"application/node":["cjs"],"application/octet-stream":["bin","dms","lrf","mar","so","dist","distz","pkg","bpk","dump","elc","deploy","exe","dll","deb","dmg","iso","img","msi","msp","msm","buffer"],"application/oda":["oda"],"application/oebps-package+xml":["opf"],"application/ogg":["ogx"],"application/omdoc+xml":["omdoc"],"application/onenote":["onetoc","onetoc2","onetmp","onepkg"],"application/oxps":["oxps"],"application/p2p-overlay+xml":["relo"],"application/patch-ops-error+xml":["xer"],"application/pdf":["pdf"],"application/pgp-encrypted":["pgp"],"application/pgp-signature":["asc","sig"],"application/pics-rules":["prf"],"application/pkcs10":["p10"],"application/pkcs7-mime":["p7m","p7c"],"application/pkcs7-signature":["p7s"],"application/pkcs8":["p8"],"application/pkix-attr-cert":["ac"],"application/pkix-cert":["cer"],"application/pkix-crl":["crl"],"application/pkix-pkipath":["pkipath"],"application/pkixcmp":["pki"],"application/pls+xml":["pls"],"application/postscript":["ai","eps","ps"],"application/provenance+xml":["provx"],"application/pskc+xml":["pskcxml"],"application/raml+yaml":["raml"],"application/rdf+xml":["rdf","owl"],"application/reginfo+xml":["rif"],"application/relax-ng-compact-syntax":["rnc"],"application/resource-lists+xml":["rl"],"application/resource-lists-diff+xml":["rld"],"application/rls-services+xml":["rs"],"application/route-apd+xml":["rapd"],"application/route-s-tsid+xml":["sls"],"application/route-usd+xml":["rusd"],"application/rpki-ghostbusters":["gbr"],"application/rpki-manifest":["mft"],"application/rpki-roa":["roa"],"application/rsd+xml":["rsd"],"application/rss+xml":["rss"],"application/rtf":["rtf"],"application/sbml+xml":["sbml"],"application/scvp-cv-request":["scq"],"application/scvp-cv-response":["scs"],"application/scvp-vp-request":["spq"],"application/scvp-vp-response":["spp"],"application/sdp":["sdp"],"application/senml+xml":["senmlx"],"application/sensml+xml":["sensmlx"],"application/set-payment-initiation":["setpay"],"application/set-registration-initiation":["setreg"],"application/shf+xml":["shf"],"application/sieve":["siv","sieve"],"application/smil+xml":["smi","smil"],"application/sparql-query":["rq"],"application/sparql-results+xml":["srx"],"application/srgs":["gram"],"application/srgs+xml":["grxml"],"application/sru+xml":["sru"],"application/ssdl+xml":["ssdl"],"application/ssml+xml":["ssml"],"application/swid+xml":["swidtag"],"application/tei+xml":["tei","teicorpus"],"application/thraud+xml":["tfi"],"application/timestamped-data":["tsd"],"application/toml":["toml"],"application/trig":["trig"],"application/ttml+xml":["ttml"],"application/ubjson":["ubj"],"application/urc-ressheet+xml":["rsheet"],"application/urc-targetdesc+xml":["td"],"application/voicexml+xml":["vxml"],"application/wasm":["wasm"],"application/widget":["wgt"],"application/winhlp":["hlp"],"application/wsdl+xml":["wsdl"],"application/wspolicy+xml":["wspolicy"],"application/xaml+xml":["xaml"],"application/xcap-att+xml":["xav"],"application/xcap-caps+xml":["xca"],"application/xcap-diff+xml":["xdf"],"application/xcap-el+xml":["xel"],"application/xcap-ns+xml":["xns"],"application/xenc+xml":["xenc"],"application/xhtml+xml":["xhtml","xht"],"application/xliff+xml":["xlf"],"application/xml":["xml","xsl","xsd","rng"],"application/xml-dtd":["dtd"],"application/xop+xml":["xop"],"application/xproc+xml":["xpl"],"application/xslt+xml":["*xsl","xslt"],"application/xspf+xml":["xspf"],"application/xv+xml":["mxml","xhvml","xvml","xvm"],"application/yang":["yang"],"application/yin+xml":["yin"],"application/zip":["zip"],"audio/3gpp":["*3gpp"],"audio/adpcm":["adp"],"audio/amr":["amr"],"audio/basic":["au","snd"],"audio/midi":["mid","midi","kar","rmi"],"audio/mobile-xmf":["mxmf"],"audio/mp3":["*mp3"],"audio/mp4":["m4a","mp4a"],"audio/mpeg":["mpga","mp2","mp2a","mp3","m2a","m3a"],"audio/ogg":["oga","ogg","spx","opus"],"audio/s3m":["s3m"],"audio/silk":["sil"],"audio/wav":["wav"],"audio/wave":["*wav"],"audio/webm":["weba"],"audio/xm":["xm"],"font/collection":["ttc"],"font/otf":["otf"],"font/ttf":["ttf"],"font/woff":["woff"],"font/woff2":["woff2"],"image/aces":["exr"],"image/apng":["apng"],"image/avif":["avif"],"image/bmp":["bmp"],"image/cgm":["cgm"],"image/dicom-rle":["drle"],"image/emf":["emf"],"image/fits":["fits"],"image/g3fax":["g3"],"image/gif":["gif"],"image/heic":["heic"],"image/heic-sequence":["heics"],"image/heif":["heif"],"image/heif-sequence":["heifs"],"image/hej2k":["hej2"],"image/hsj2":["hsj2"],"image/ief":["ief"],"image/jls":["jls"],"image/jp2":["jp2","jpg2"],"image/jpeg":["jpeg","jpg","jpe"],"image/jph":["jph"],"image/jphc":["jhc"],"image/jpm":["jpm"],"image/jpx":["jpx","jpf"],"image/jxr":["jxr"],"image/jxra":["jxra"],"image/jxrs":["jxrs"],"image/jxs":["jxs"],"image/jxsc":["jxsc"],"image/jxsi":["jxsi"],"image/jxss":["jxss"],"image/ktx":["ktx"],"image/ktx2":["ktx2"],"image/png":["png"],"image/sgi":["sgi"],"image/svg+xml":["svg","svgz"],"image/t38":["t38"],"image/tiff":["tif","tiff"],"image/tiff-fx":["tfx"],"image/webp":["webp"],"image/wmf":["wmf"],"message/disposition-notification":["disposition-notification"],"message/global":["u8msg"],"message/global-delivery-status":["u8dsn"],"message/global-disposition-notification":["u8mdn"],"message/global-headers":["u8hdr"],"message/rfc822":["eml","mime"],"model/3mf":["3mf"],"model/gltf+json":["gltf"],"model/gltf-binary":["glb"],"model/iges":["igs","iges"],"model/mesh":["msh","mesh","silo"],"model/mtl":["mtl"],"model/obj":["obj"],"model/step+xml":["stpx"],"model/step+zip":["stpz"],"model/step-xml+zip":["stpxz"],"model/stl":["stl"],"model/vrml":["wrl","vrml"],"model/x3d+binary":["*x3db","x3dbz"],"model/x3d+fastinfoset":["x3db"],"model/x3d+vrml":["*x3dv","x3dvz"],"model/x3d+xml":["x3d","x3dz"],"model/x3d-vrml":["x3dv"],"text/cache-manifest":["appcache","manifest"],"text/calendar":["ics","ifb"],"text/coffeescript":["coffee","litcoffee"],"text/css":["css"],"text/csv":["csv"],"text/html":["html","htm","shtml"],"text/jade":["jade"],"text/jsx":["jsx"],"text/less":["less"],"text/markdown":["markdown","md"],"text/mathml":["mml"],"text/mdx":["mdx"],"text/n3":["n3"],"text/plain":["txt","text","conf","def","list","log","in","ini"],"text/richtext":["rtx"],"text/rtf":["*rtf"],"text/sgml":["sgml","sgm"],"text/shex":["shex"],"text/slim":["slim","slm"],"text/spdx":["spdx"],"text/stylus":["stylus","styl"],"text/tab-separated-values":["tsv"],"text/troff":["t","tr","roff","man","me","ms"],"text/turtle":["ttl"],"text/uri-list":["uri","uris","urls"],"text/vcard":["vcard"],"text/vtt":["vtt"],"text/xml":["*xml"],"text/yaml":["yaml","yml"],"video/3gpp":["3gp","3gpp"],"video/3gpp2":["3g2"],"video/h261":["h261"],"video/h263":["h263"],"video/h264":["h264"],"video/iso.segment":["m4s"],"video/jpeg":["jpgv"],"video/jpm":["*jpm","jpgm"],"video/mj2":["mj2","mjp2"],"video/mp2t":["ts"],"video/mp4":["mp4","mp4v","mpg4"],"video/mpeg":["mpeg","mpg","mpe","m1v","m2v"],"video/ogg":["ogv"],"video/quicktime":["qt","mov"],"video/webm":["webm"]}},6585:e=>{var t=1e3,s=60*t,i=60*s,n=24*i,r=7*n,o=365.25*n;function a(e,t,s,i){var n=t>=1.5*s;return Math.round(e/s)+" "+i+(n?"s":"")}e.exports=function(e,h){h=h||{};var l=typeof e;if("string"===l&&e.length>0)return function(e){if((e=String(e)).length>100)return;var a=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(e);if(!a)return;var h=parseFloat(a[1]);switch((a[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return h*o;case"weeks":case"week":case"w":return h*r;case"days":case"day":case"d":return h*n;case"hours":case"hour":case"hrs":case"hr":case"h":return h*i;case"minutes":case"minute":case"mins":case"min":case"m":return h*s;case"seconds":case"second":case"secs":case"sec":case"s":return h*t;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return h;default:return}}(e);if("number"===l&&isFinite(e))return h.long?function(e){var r=Math.abs(e);if(r>=n)return a(e,r,n,"day");if(r>=i)return a(e,r,i,"hour");if(r>=s)return a(e,r,s,"minute");if(r>=t)return a(e,r,t,"second");return e+" ms"}(e):function(e){var r=Math.abs(e);if(r>=n)return Math.round(e/n)+"d";if(r>=i)return Math.round(e/i)+"h";if(r>=s)return Math.round(e/s)+"m";if(r>=t)return Math.round(e/t)+"s";return e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))}},3519:(e,t,s)=>{var i=s(6587);function n(e){var t=function(){return t.called?t.value:(t.called=!0,t.value=e.apply(this,arguments))};return t.called=!1,t}function r(e){var t=function(){if(t.called)throw new Error(t.onceError);return t.called=!0,t.value=e.apply(this,arguments)},s=e.name||"Function wrapped with `once`";return t.onceError=s+" shouldn't be called more than once",t.called=!1,t}e.exports=i(n),e.exports.strict=i(r),n.proto=n((function(){Object.defineProperty(Function.prototype,"once",{value:function(){return n(this)},configurable:!0}),Object.defineProperty(Function.prototype,"onceStrict",{value:function(){return r(this)},configurable:!0})}))},8444:e=>{e.exports=function(e){return Math.max(16384,1<<Math.log2(e<1024?1:e/1024)+.5)}},815:(e,t,s)=>{var i,n=s(717),r=s(3519),o=s(6611);try{i=s(2376)}catch(e){}var a=function(){},h=/^v?\.0/.test(n.version),l=function(e){return"function"==typeof e},c=function(e,t,s,n){n=r(n);var c=!1;e.on("close",(function(){c=!0})),o(e,{readable:t,writable:s},(function(e){if(e)return n(e);c=!0,n()}));var d=!1;return function(t){if(!c&&!d)return d=!0,function(e){return!!h&&!!i&&(e instanceof(i.ReadStream||a)||e instanceof(i.WriteStream||a))&&l(e.close)}(e)?e.close(a):function(e){return e.setHeader&&l(e.abort)}(e)?e.abort():l(e.destroy)?e.destroy():void n(t||new Error("stream was destroyed"))}},d=function(e){e()},u=function(e,t){return e.pipe(t)};e.exports=function(){var e,t=Array.prototype.slice.call(arguments),s=l(t[t.length-1]||a)&&t.pop()||a;if(Array.isArray(t[0])&&(t=t[0]),t.length<2)throw new Error("pump requires two streams per minimum");var i=t.map((function(n,r){var o=r<t.length-1;return c(n,o,r>0,(function(t){e||(e=t),t&&i.forEach(d),o||(i.forEach(d),s(e))}))}));return t.reduce(u)}},9596:e=>{let t;e.exports="function"==typeof queueMicrotask?queueMicrotask.bind("undefined"!=typeof window?window:globalThis):e=>(t||(t=Promise.resolve())).then(e).catch((e=>setTimeout((()=>{throw e}),0)))},2133:e=>{e.exports="function"==typeof queueMicrotask?queueMicrotask:e=>Promise.resolve().then(e)},7373:e=>{e.exports=function(e){var t=0;return function(){if(t===e.length)return null;var s=e.length-t,i=Math.random()*s|0,n=e[t+i],r=e[t];return e[t]=n,e[t+i]=r,t++,n}}},2878:e=>{function t(e,t){return{start:e.start,end:e.end,index:t}}function s(e){return{start:e.start,end:e.end}}function i(e,t){return e.index-t.index}function n(e,t){return e.start-t.start}e.exports=function(e,r,o){if("string"!=typeof r)throw new TypeError("argument str must be a string");var a=r.indexOf("=");if(-1===a)return-2;var h=r.slice(a+1).split(","),l=[];l.type=r.slice(0,a);for(var c=0;c<h.length;c++){var d=h[c].split("-"),u=parseInt(d[0],10),p=parseInt(d[1],10);isNaN(u)?(u=e-p,p=e-1):isNaN(p)&&(p=e-1),p>e-1&&(p=e-1),isNaN(u)||isNaN(p)||u>p||u<0||l.push({start:u,end:p})}if(l.length<1)return-1;return o&&o.combine?function(e){for(var r=e.map(t).sort(n),o=0,a=1;a<r.length;a++){var h=r[a],l=r[o];h.start>l.end+1?r[++o]=h:h.end>l.end&&(l.end=h.end,l.index=Math.min(l.index,h.index))}r.length=o+1;var c=r.sort(i).map(s);return c.type=e.type,c}(l):l}},8727:e=>{function t(e){return parseInt(e,10)===e}function s(e){function s(t){if(void 0===t){t=new Array(e);for(var s=0;s<e;s++)t[s]=Math.floor(Math.random()*e)}else if("string"==typeof t)t=(t=""+t).split("").map((function(t){return t.charCodeAt(0)%e}));else{if(!Array.isArray(t))throw new TypeError("invalid seed key specified");if(!t.every((function(e){return"number"==typeof e&&e===(0|e)})))throw new TypeError("invalid seed key specified: not array of integers")}for(var i=t.length,n=function(){for(var t=new Array(e),s=0;s<e;s++)t[s]=s;return t}(),r=0,o=0;o<e;o++){r=(r+n[o]+t[o%i])%e;var a=n[o];n[o]=n[r],n[r]=a}return n}function i(e){this.s=s(e),this.i=0,this.j=0}return i.prototype.randomNative=function(){this.i=(this.i+1)%e,this.j=(this.j+this.s[this.i])%e;var t=this.s[this.i];return this.s[this.i]=this.s[this.j],this.s[this.j]=t,this.s[(this.s[this.i]+this.s[this.j])%e]},i.prototype.randomUInt32=function(){return 256*(256*(256*this.randomByte()+this.randomByte())+this.randomByte())+this.randomByte()},i.prototype.randomFloat=function(){return this.randomUInt32()/4294967296},i.prototype.random=function(){var e,s;if(1===arguments.length)e=0,s=arguments[0];else{if(2!==arguments.length)throw new TypeError("random takes one or two integer arguments");e=arguments[0],s=arguments[1]}if(!t(e)||!t(s))throw new TypeError("random takes one or two integer arguments");return e+this.randomUInt32()%(s-e+1)},i.prototype.currentState=function(){return{i:this.i,j:this.j,s:this.s.slice()}},i.prototype.setState=function(t){var s=t.s,i=t.i,n=t.j;if(!(i===(0|i)&&0<=i&&i<e))throw new Error("state.i should be integer [0, "+(e-1)+"]");if(!(n===(0|n)&&0<=n&&n<e))throw new Error("state.j should be integer [0, "+(e-1)+"]");if(!Array.isArray(s)||s.length!==e)throw new Error("state should be array of length "+e);for(var r=0;r<e;r++)if(-1===s.indexOf(r))throw new Error("state should be permutation of 0.."+(e-1)+": "+r+" is missing");this.i=i,this.j=n,this.s=s.slice()},i}var i=s(256);i.prototype.randomByte=i.prototype.randomNative;var n=s(16);n.prototype.randomByte=function(){return 16*this.randomNative()+this.randomNative()};var r="a".charCodeAt(0),o="0".charCodeAt(0);function a(e){return e<10?String.fromCharCode(o+e):String.fromCharCode(r+e-10)}function h(e){return parseInt(e,16)}n.prototype.currentStateString=function(){var e=this.currentState();return a(e.i)+a(e.j)+e.s.map(a).join("")},n.prototype.setStateString=function(e){if(!e.match(/^[0-9a-f]{18}$/))throw new TypeError("RC4small stateString should be 18 hex character string");var t=h(e[0]),s=h(e[1]),i=e.split("").slice(2).map(h);this.setState({i:t,j:s,s:i})},i.RC4small=n,e.exports=i},5372:(e,t,s)=>{e.exports=function(e,t,s){if("number"!=typeof t)throw new Error("second argument must be a Number");let n,r,o,a,h,l,c=!0;Array.isArray(e)?(n=[],o=r=e.length):(a=Object.keys(e),n={},o=r=a.length);function d(e){function t(){s&&s(e,n),s=null}c?i(t):t()}function u(t,s,i){if(n[t]=i,s&&(h=!0),0==--o||s)d(s);else if(!h&&l<r){let t;a?(t=a[l],l+=1,e[t]((function(e,s){u(t,e,s)}))):(t=l,l+=1,e[t]((function(e,s){u(t,e,s)})))}}l=t,o?a?a.some((function(s,i){return e[s]((function(e,t){u(s,e,t)})),i===t-1})):e.some((function(e,s){return e((function(e,t){u(s,e,t)})),s===t-1})):d(null);c=!1};const i=s(9596)},8190:(e,t,s)=>{e.exports=function(e,t){let s,n,r,o=!0;Array.isArray(e)?(s=[],n=e.length):(r=Object.keys(e),s={},n=r.length);function a(e){function n(){t&&t(e,s),t=null}o?i(n):n()}function h(e,t,i){s[e]=i,(0==--n||t)&&a(t)}n?r?r.forEach((function(t){e[t]((function(e,s){h(t,e,s)}))})):e.forEach((function(e,t){e((function(e,s){h(t,e,s)}))})):a(null);o=!1};const i=s(9596)},7541:(e,t,s)=>{const i=s(8765),n=s(8499);e.exports={Throttle:i,ThrottleGroup:n}},8499:(e,t,s)=>{const{TokenBucket:i}=s(9439),n=s(8765);e.exports=class{constructor(e={}){if("object"!=typeof e)throw new Error("Options must be an object");this.throttles=[],this.setEnabled(e.enabled),this.setRate(e.rate,e.chunksize)}getEnabled(){return this._enabled}getRate(){return this.bucket.tokensPerInterval}getChunksize(){return this.chunksize}setEnabled(e=!0){if("boolean"!=typeof e)throw new Error("Enabled must be a boolean");this._enabled=e;for(const t of this.throttles)t.setEnabled(e)}setRate(e,t=null){if(!Number.isInteger(e)||e<0)throw new Error("Rate must be an integer bigger than zero");if(e=parseInt(e),t&&("number"!=typeof t||t<=0))throw new Error("Chunksize must be bigger than zero");if(t=t||Math.max(parseInt(e/10),1),t=parseInt(t),e>0&&t>e)throw new Error("Chunk size must be smaller than rate");this.bucket||(this.bucket=new i(e,e,"second",null)),this.bucket.bucketSize=e,this.bucket.tokensPerInterval=e,this.chunksize=t}setChunksize(e){if(!Number.isInteger(e)||e<=0)throw new Error("Chunk size must be an integer bigger than zero");const t=this.getRate();if(e=parseInt(e),t>0&&e>t)throw new Error("Chunk size must be smaller than rate");this.chunksize=e}throttle(e={}){if("object"!=typeof e)throw new Error("Options must be an object");return new n({...e,group:this})}destroy(){for(const e of this.throttles)e.destroy();this.throttles=[]}_addThrottle(e){if(!(e instanceof n))throw new Error("Throttle must be an instance of Throttle");this.throttles.push(e)}_removeThrottle(e){const t=this.throttles.indexOf(e);t>-1&&this.throttles.splice(t,1)}}},8765:(e,t,s)=>{const{EventEmitter:i}=s(7007),{Transform:n}=s(8179),{wait:r}=s(2072);e.exports=class extends n{constructor(e={}){if(super(),"object"!=typeof e)throw new Error("Options must be an object");const t=Object.assign({},e);if(t.group&&!(t.group instanceof o))throw new Error("Group must be an instanece of ThrottleGroup");t.group||(t.group=new o(t)),this._setEnabled(t.enabled||t.group.enabled),this._group=t.group,this._emitter=new i,this._destroyed=!1,this._group._addThrottle(this)}getEnabled(){return this._enabled}getGroup(){return this._group}_setEnabled(e=!0){if("boolean"!=typeof e)throw new Error("Enabled must be a boolean");this._enabled=e}setEnabled(e){this._setEnabled(e),this._enabled?this._emitter.emit("enabled"):this._emitter.emit("disabled")}_transform(e,t){this._processChunk(e,t)}async _waitForTokens(e){return new Promise(((t,s)=>{let i=!1;const n=this;function r(e){if(n._emitter.removeListener("disabled",r),n._emitter.removeListener("destroyed",r),!i){if(i=!0,e)return s(e);t()}}this._emitter.once("disabled",r),this._emitter.once("destroyed",r),this._group.bucket.removeTokens(e,r)}))}_areBothEnabled(){return this._enabled&&this._group.getEnabled()}async _processChunk(e,t){if(!this._areBothEnabled())return t(null,e);let s=0,i=this._group.getChunksize(),n=e.slice(s,s+i);for(;n.length>0;){if(this._areBothEnabled())try{for(;0===this._group.getRate()&&!this._destroyed&&this._areBothEnabled();)if(await r(1e3),this._destroyed)return;if(this._areBothEnabled()&&!this._group.bucket.tryRemoveTokens(n.length)&&(await this._waitForTokens(n.length),this._destroyed))return}catch(e){return t(e)}this.push(n),s+=i,i=this._areBothEnabled()?this._group.getChunksize():e.length-s,n=e.slice(s,s+i)}return t()}destroy(...e){this._group._removeThrottle(this),this._destroyed=!0,this._emitter.emit("destroyed"),super.destroy(...e)}};const o=s(8499)},2072:e=>{e.exports={wait:function(e){return new Promise((t=>setTimeout(t,e)))}}},8179:(e,t,s)=>{const{EventEmitter:i}=s(7007),n=new Error("Stream was destroyed"),r=new Error("Premature close"),o=s(2133),a=s(6080),h=s(5335),l=536870911,c=1^l,d=2^l,u=64,p=128,f=256,m=1024,_=2048,g=4096,y=8192,w=16384,b=32768,v=131072,k=131328,x=16^l,S=536805375,E=768^l,C=536838143,A=32^l,T=536739839,P=1<<18,I=2<<18,L=4<<18,O=8<<18,R=16<<18,H=32<<18,N=64<<18,M=128<<18,U=256<<18,F=512<<18,j=1024<<18,B=535822335,D=503316479,q=268435455,W=262160,$=536608751,z=8404992,V=14,G=15,K=8405006,Y=33587200,J=33587215,X=2359296,Q=270794767,Z=Symbol.asyncIterator||Symbol("asyncIterator");class ee{constructor(e,{highWaterMark:t=16384,map:s=null,mapWritable:i,byteLength:n,byteLengthWritable:r}={}){this.stream=e,this.queue=new a,this.highWaterMark=t,this.buffered=0,this.error=null,this.pipeline=null,this.drains=null,this.byteLength=r||n||Se,this.map=i||s,this.afterWrite=ae.bind(this),this.afterUpdateNextTick=ce.bind(this)}get ended(){return!!(this.stream._duplexState&H)}push(e){return!(142606350&this.stream._duplexState)&&(null!==this.map&&(e=this.map(e)),this.buffered+=this.byteLength(e),this.queue.push(e),this.buffered<this.highWaterMark?(this.stream._duplexState|=O,!0):(this.stream._duplexState|=6291456,!1))}shift(){const e=this.queue.shift();return this.buffered-=this.byteLength(e),0===this.buffered&&(this.stream._duplexState&=534773759),e}end(e){"function"==typeof e?this.stream.once("finish",e):null!=e&&this.push(e),this.stream._duplexState=(this.stream._duplexState|F)&B}autoBatch(e,t){const s=[],i=this.stream;for(s.push(e);(i._duplexState&Q)===X;)s.push(i._writableState.shift());if(i._duplexState&G)return t(null);i._writev(s,t)}update(){const e=this.stream;e._duplexState|=I;do{for(;(e._duplexState&Q)===O;){const t=this.shift();e._duplexState|=67371008,e._write(t,this.afterWrite)}1310720&e._duplexState||this.updateNonPrimary()}while(!0===this.continueUpdate());e._duplexState&=536346623}updateNonPrimary(){const e=this.stream;if((144965647&e._duplexState)===F)return e._duplexState=e._duplexState|P,void e._final(re.bind(this));4!=(e._duplexState&V)?1==(e._duplexState&J)&&(e._duplexState=(e._duplexState|W)&c,e._open(de.bind(this))):e._duplexState&Y||(e._duplexState|=W,e._destroy(oe.bind(this)))}continueUpdate(){return!!(this.stream._duplexState&M)&&(this.stream._duplexState&=D,!0)}updateCallback(){(35127311&this.stream._duplexState)===L?this.update():this.updateNextTick()}updateNextTick(){this.stream._duplexState&M||(this.stream._duplexState|=M,this.stream._duplexState&I||o(this.afterUpdateNextTick))}}class te{constructor(e,{highWaterMark:t=16384,map:s=null,mapReadable:i,byteLength:n,byteLengthReadable:r}={}){this.stream=e,this.queue=new a,this.highWaterMark=0===t?1:t,this.buffered=0,this.readAhead=t>0,this.error=null,this.pipeline=null,this.byteLength=r||n||Se,this.map=i||s,this.pipeTo=null,this.afterRead=he.bind(this),this.afterUpdateNextTick=le.bind(this)}get ended(){return!!(this.stream._duplexState&w)}pipe(e,t){if(null!==this.pipeTo)throw new Error("Can only pipe to one destination");if("function"!=typeof t&&(t=null),this.stream._duplexState|=512,this.pipeTo=e,this.pipeline=new ie(this.stream,e,t),t&&this.stream.on("error",Ee),xe(e))e._writableState.pipeline=this.pipeline,t&&e.on("error",Ee),e.on("finish",this.pipeline.finished.bind(this.pipeline));else{const t=this.pipeline.done.bind(this.pipeline,e),s=this.pipeline.done.bind(this.pipeline,e,null);e.on("error",t),e.on("close",s),e.on("finish",this.pipeline.finished.bind(this.pipeline))}e.on("drain",ne.bind(this)),this.stream.emit("piping",e),e.emit("pipe",this.stream)}push(e){const t=this.stream;return null===e?(this.highWaterMark=0,t._duplexState=536805311&t._duplexState|1024,!1):null!==this.map&&null===(e=this.map(e))?(t._duplexState&=S,this.buffered<this.highWaterMark):(this.buffered+=this.byteLength(e),this.queue.push(e),t._duplexState=(t._duplexState|p)&S,this.buffered<this.highWaterMark)}shift(){const e=this.queue.shift();return this.buffered-=this.byteLength(e),0===this.buffered&&(this.stream._duplexState&=536862591),e}unshift(e){const t=[null!==this.map?this.map(e):e];for(;this.buffered>0;)t.push(this.shift());for(let e=0;e<t.length-1;e++){const s=t[e];this.buffered+=this.byteLength(s),this.queue.push(s)}this.push(t[t.length-1])}read(){const e=this.stream;if((16527&e._duplexState)===p){const t=this.shift();return null!==this.pipeTo&&!1===this.pipeTo.write(t)&&(e._duplexState&=E),e._duplexState&_&&e.emit("data",t),t}return!1===this.readAhead&&(e._duplexState|=v,this.updateNextTick()),null}drain(){const e=this.stream;for(;(16527&e._duplexState)===p&&768&e._duplexState;){const t=this.shift();null!==this.pipeTo&&!1===this.pipeTo.write(t)&&(e._duplexState&=E),e._duplexState&_&&e.emit("data",t)}}update(){const e=this.stream;e._duplexState|=32;do{for(this.drain();this.buffered<this.highWaterMark&&(214047&e._duplexState)===v;)e._duplexState|=65552,e._read(this.afterRead),this.drain();4224==(12431&e._duplexState)&&(e._duplexState|=y,e.emit("readable")),80&e._duplexState||this.updateNonPrimary()}while(!0===this.continueUpdate());e._duplexState&=A}updateNonPrimary(){const e=this.stream;(1167&e._duplexState)===m&&(e._duplexState=536869887&e._duplexState|16384,e.emit("end"),(e._duplexState&K)===z&&(e._duplexState|=4),null!==this.pipeTo&&this.pipeTo.end()),4!=(e._duplexState&V)?1==(e._duplexState&J)&&(e._duplexState=(e._duplexState|W)&c,e._open(de.bind(this))):e._duplexState&Y||(e._duplexState|=W,e._destroy(oe.bind(this)))}continueUpdate(){return!!(this.stream._duplexState&b)&&(this.stream._duplexState&=C,!0)}updateCallback(){(32879&this.stream._duplexState)===u?this.update():this.updateNextTick()}updateNextTick(){this.stream._duplexState&b||(this.stream._duplexState|=b,32&this.stream._duplexState||o(this.afterUpdateNextTick))}}class se{constructor(e){this.data=null,this.afterTransform=ue.bind(e),this.afterFinal=null}}class ie{constructor(e,t,s){this.from=e,this.to=t,this.afterPipe=s,this.error=null,this.pipeToFinished=!1}finished(){this.pipeToFinished=!0}done(e,t){t&&(this.error=t),e!==this.to||(this.to=null,null===this.from)?e!==this.from||(this.from=null,null===this.to)?(null!==this.afterPipe&&this.afterPipe(this.error),this.to=this.from=this.afterPipe=null):e._duplexState&w||this.to.destroy(this.error||new Error("Readable stream closed before ending")):this.from._duplexState&w&&this.pipeToFinished||this.from.destroy(this.error||new Error("Writable stream closed prematurely"))}}function ne(){this.stream._duplexState|=512,this.updateCallback()}function re(e){const t=this.stream;e&&t.destroy(e),t._duplexState&V||(t._duplexState|=H,t.emit("finish")),(t._duplexState&K)===z&&(t._duplexState|=4),t._duplexState&=402391039,t._duplexState&I?this.updateNextTick():this.update()}function oe(e){const t=this.stream;e||this.error===n||(e=this.error),e&&t.emit("error",e),t._duplexState|=8,t.emit("close");const s=t._readableState,i=t._writableState;if(null!==s&&null!==s.pipeline&&s.pipeline.done(t,e),null!==i){for(;null!==i.drains&&i.drains.length>0;)i.drains.shift().resolve(!1);null!==i.pipeline&&i.pipeline.done(t,e)}}function ae(e){const t=this.stream;e&&t.destroy(e),t._duplexState&=469499903,null!==this.drains&&function(e){for(let t=0;t<e.length;t++)0==--e[t].writes&&(e.shift().resolve(!0),t--)}(this.drains),(6553615&t._duplexState)===R&&(t._duplexState&=532676607,(t._duplexState&N)===N&&t.emit("drain")),this.updateCallback()}function he(e){e&&this.stream.destroy(e),this.stream._duplexState&=x,!1!==this.readAhead||this.stream._duplexState&f||(this.stream._duplexState&=T),this.updateCallback()}function le(){32&this.stream._duplexState||(this.stream._duplexState&=C,this.update())}function ce(){this.stream._duplexState&I||(this.stream._duplexState&=D,this.update())}function de(e){const t=this.stream;e&&t.destroy(e),4&t._duplexState||(17423&t._duplexState||(t._duplexState|=u),142606351&t._duplexState||(t._duplexState|=L),t.emit("open")),t._duplexState&=$,null!==t._writableState&&t._writableState.updateCallback(),null!==t._readableState&&t._readableState.updateCallback()}function ue(e,t){null!=t&&this.push(t),this._writableState.afterWrite(e)}function pe(e){null!==this._readableState&&("data"===e&&(this._duplexState|=133376,this._readableState.updateNextTick()),"readable"===e&&(this._duplexState|=g,this._readableState.updateNextTick())),null!==this._writableState&&"drain"===e&&(this._duplexState|=N,this._writableState.updateNextTick())}class fe extends i{constructor(e){super(),this._duplexState=0,this._readableState=null,this._writableState=null,e&&(e.open&&(this._open=e.open),e.destroy&&(this._destroy=e.destroy),e.predestroy&&(this._predestroy=e.predestroy),e.signal&&e.signal.addEventListener("abort",Ce.bind(this))),this.on("newListener",pe)}_open(e){e(null)}_destroy(e){e(null)}_predestroy(){}get readable(){return null!==this._readableState||void 0}get writable(){return null!==this._writableState||void 0}get destroyed(){return!!(8&this._duplexState)}get destroying(){return!!(this._duplexState&V)}destroy(e){this._duplexState&V||(e||(e=n),this._duplexState=535822271&this._duplexState|4,null!==this._readableState&&(this._readableState.highWaterMark=0,this._readableState.error=e),null!==this._writableState&&(this._writableState.highWaterMark=0,this._writableState.error=e),this._duplexState|=2,this._predestroy(),this._duplexState&=d,null!==this._readableState&&this._readableState.updateNextTick(),null!==this._writableState&&this._writableState.updateNextTick())}}class me extends fe{constructor(e){super(e),this._duplexState|=8519681,this._readableState=new te(this,e),e&&(!1===this._readableState.readAhead&&(this._duplexState&=T),e.read&&(this._read=e.read),e.eagerOpen&&this._readableState.updateNextTick(),e.encoding&&this.setEncoding(e.encoding))}setEncoding(e){const t=new h(e),s=this._readableState.map||ve;return this._readableState.map=function(e){const i=t.push(e);return""===i&&(0!==e.byteLength||t.remaining>0)?null:s(i)},this}_read(e){e(null)}pipe(e,t){return this._readableState.updateNextTick(),this._readableState.pipe(e,t),e}read(){return this._readableState.updateNextTick(),this._readableState.read()}push(e){return this._readableState.updateNextTick(),this._readableState.push(e)}unshift(e){return this._readableState.updateNextTick(),this._readableState.unshift(e)}resume(){return this._duplexState|=k,this._readableState.updateNextTick(),this}pause(){return this._duplexState&=!1===this._readableState.readAhead?536739583:536870655,this}static _fromAsyncIterator(e,t){let s;const i=new me({...t,read(t){e.next().then(n).then(t.bind(null,null)).catch(t)},predestroy(){s=e.return()},destroy(e){if(!s)return e(null);s.then(e.bind(null,null)).catch(e)}});return i;function n(e){e.done?i.push(null):i.push(e.value)}}static from(e,t){if(xe(s=e)&&s.readable)return e;var s;if(e[Z])return this._fromAsyncIterator(e[Z](),t);Array.isArray(e)||(e=void 0===e?[]:[e]);let i=0;return new me({...t,read(t){this.push(i===e.length?null:e[i++]),t(null)}})}static isBackpressured(e){return!!(17422&e._duplexState)||e._readableState.buffered>=e._readableState.highWaterMark}static isPaused(e){return!(e._duplexState&f)}[Z](){const e=this;let t=null,s=null,i=null;return this.on("error",(e=>{t=e})),this.on("readable",(function(){null!==s&&r(e.read())})),this.on("close",(function(){null!==s&&r(null)})),{[Z](){return this},next:()=>new Promise((function(t,n){s=t,i=n;const o=e.read();null!==o?r(o):8&e._duplexState&&r(null)})),return:()=>o(null),throw:e=>o(e)};function r(r){null!==i&&(t?i(t):null!==r||e._duplexState&w?s({value:r,done:null===r}):i(n),i=s=null)}function o(t){return e.destroy(t),new Promise(((s,i)=>{if(8&e._duplexState)return s({value:void 0,done:!0});e.once("close",(function(){t?i(t):s({value:void 0,done:!0})}))}))}}}class _e extends fe{constructor(e){super(e),this._duplexState|=16385,this._writableState=new ee(this,e),e&&(e.writev&&(this._writev=e.writev),e.write&&(this._write=e.write),e.final&&(this._final=e.final),e.eagerOpen&&this._writableState.updateNextTick())}cork(){this._duplexState|=j}uncork(){this._duplexState&=q,this._writableState.updateNextTick()}_writev(e,t){t(null)}_write(e,t){this._writableState.autoBatch(e,t)}_final(e){e(null)}static isBackpressured(e){return!!(146800654&e._duplexState)}static drained(e){if(e.destroyed)return Promise.resolve(!1);const t=e._writableState;var s;const i=((s=e)._writev!==_e.prototype._writev&&s._writev!==ge.prototype._writev?Math.min(1,t.queue.length):t.queue.length)+(e._duplexState&U?1:0);return 0===i?Promise.resolve(!0):(null===t.drains&&(t.drains=[]),new Promise((e=>{t.drains.push({writes:i,resolve:e})})))}write(e){return this._writableState.updateNextTick(),this._writableState.push(e)}end(e){return this._writableState.updateNextTick(),this._writableState.end(e),this}}class ge extends me{constructor(e){super(e),this._duplexState=1|this._duplexState&v,this._writableState=new ee(this,e),e&&(e.writev&&(this._writev=e.writev),e.write&&(this._write=e.write),e.final&&(this._final=e.final))}cork(){this._duplexState|=j}uncork(){this._duplexState&=q,this._writableState.updateNextTick()}_writev(e,t){t(null)}_write(e,t){this._writableState.autoBatch(e,t)}_final(e){e(null)}write(e){return this._writableState.updateNextTick(),this._writableState.push(e)}end(e){return this._writableState.updateNextTick(),this._writableState.end(e),this}}class ye extends ge{constructor(e){super(e),this._transformState=new se(this),e&&(e.transform&&(this._transform=e.transform),e.flush&&(this._flush=e.flush))}_write(e,t){this._readableState.buffered>=this._readableState.highWaterMark?this._transformState.data=e:this._transform(e,this._transformState.afterTransform)}_read(e){if(null!==this._transformState.data){const t=this._transformState.data;this._transformState.data=null,e(null),this._transform(t,this._transformState.afterTransform)}else e(null)}destroy(e){super.destroy(e),null!==this._transformState.data&&(this._transformState.data=null,this._transformState.afterTransform())}_transform(e,t){t(null,e)}_flush(e){e(null)}_final(e){this._transformState.afterFinal=e,this._flush(we.bind(this))}}function we(e,t){const s=this._transformState.afterFinal;if(e)return s(e);null!=t&&this.push(t),this.push(null),s(null)}function be(e,...t){const s=Array.isArray(e)?[...e,...t]:[e,...t],i=s.length&&"function"==typeof s[s.length-1]?s.pop():null;if(s.length<2)throw new Error("Pipeline requires at least 2 streams");let n=s[0],o=null,a=null;for(let e=1;e<s.length;e++)o=s[e],xe(n)?n.pipe(o,l):(h(n,!0,e>1,l),n.pipe(o)),n=o;if(i){let e=!1;const t=xe(o)||!(!o._writableState||!o._writableState.autoDestroy);o.on("error",(e=>{null===a&&(a=e)})),o.on("finish",(()=>{e=!0,t||i(a)})),t&&o.on("close",(()=>i(a||(e?null:r))))}return o;function h(e,t,s,i){e.on("error",i),e.on("close",(function(){if(t&&e._readableState&&!e._readableState.ended)return i(r);if(s&&e._writableState&&!e._writableState.ended)return i(r)}))}function l(e){if(e&&!a){a=e;for(const t of s)t.destroy(e)}}}function ve(e){return e}function ke(e){return!!e._readableState||!!e._writableState}function xe(e){return"number"==typeof e._duplexState&&ke(e)}function Se(e){return function(e){return"object"==typeof e&&null!==e&&"number"==typeof e.byteLength}(e)?e.byteLength:1024}function Ee(){}function Ce(){this.destroy(new Error("Stream aborted."))}e.exports={pipeline:be,pipelinePromise:function(...e){return new Promise(((t,s)=>be(...e,(e=>{if(e)return s(e);t()}))))},isStream:ke,isStreamx:xe,isEnded:function(e){return!!e._readableState&&e._readableState.ended},isFinished:function(e){return!!e._writableState&&e._writableState.ended},getStreamError:function(e,t={}){const s=e._readableState&&e._readableState.error||e._writableState&&e._writableState.error;return t.all||s!==n?s:null},Stream:fe,Writable:_e,Readable:me,Duplex:ge,Transform:ye,PassThrough:class extends ye{}}},5335:(e,t,s)=>{const i=s(3198),n=s(3198);e.exports=class{constructor(e="utf8"){switch(this.encoding=function(e){switch(e=e.toLowerCase()){case"utf8":case"utf-8":return"utf8";case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return"utf16le";case"latin1":case"binary":return"latin1";case"base64":case"ascii":case"hex":return e;default:throw new Error("Unknown encoding: "+e)}}(e),this.encoding){case"utf8":this.decoder=new n;break;case"utf16le":case"base64":throw new Error("Unsupported encoding: "+this.encoding);default:this.decoder=new i(this.encoding)}}get remaining(){return this.decoder.remaining}push(e){return"string"==typeof e?e:this.decoder.decode(e)}write(e){return this.push(e)}end(e){let t="";return e&&(t=this.push(e)),t+=this.decoder.flush(),t}}},3198:e=>{e.exports=class{constructor(e){this.decoder=new TextDecoder("utf16le"===e?"utf16-le":e)}get remaining(){return-1}decode(e){return this.decoder.decode(e,{stream:!0})}flush(){return this.decoder.decode(new Uint8Array(0))}}},1035:e=>{function t(e){return(+Date.now()-e)/100&65535}e.exports=function(e){const s=+Date.now(),i=10*(e||5),n=[0];let r=1,o=t(s)-1&65535;return function(e){const a=t(s);let h=a-o&65535;for(h>i&&(h=i),o=a;h--;)r===i&&(r=0),n[r]=n[0===r?i-1:r-1],r++;e&&(n[r-1]+=e);const l=n[r-1],c=n.length<i?0:n[r===i?0:r];return n.length<10?l:10*(l-c)/n.length}}},1314:e=>{e.exports=function(e,t){if(t>=e.length||t<0)return;var s=e.pop();if(t<e.length){var i=e[t];return e[t]=s,i}return s}},6587:e=>{e.exports=function e(t,s){if(t&&s)return e(t)(s);if("function"!=typeof t)throw new TypeError("need wrapper function");return Object.keys(t).forEach((function(e){i[e]=t[e]})),i;function i(){for(var e=new Array(arguments.length),s=0;s<e.length;s++)e[s]=arguments[s];var i=t.apply(this,e),n=e[e.length-1];return"function"==typeof i&&i!==n&&Object.keys(n).forEach((function(e){i[e]=n[e]})),i}}},4343:()=>{},6686:()=>{},4043:()=>{},7828:()=>{},6889:()=>{},8878:()=>{},2701:()=>{},7264:()=>{},1551:()=>{},826:()=>{},61:()=>{},7936:()=>{},2532:()=>{},2123:()=>{},3208:()=>{},2376:()=>{},3970:()=>{},2799:()=>{},8271:()=>{},3278:()=>{},6664:()=>{},1827:()=>{},6819:(e,t,s)=>{e.exports=s(8330).version},5658:(e,t,s)=>{s.r(t),s.d(t,{default:()=>_,enableSecure:()=>m});var i=s(7007),n=s(8179),r=s(1314),o=s(7833),a=s(6458);const h="tcpIncoming",l="tcpOutgoing",c="utpIncoming",d="utpOutgoing",u="webSeed",p=o("webtorrent:peer");let f=!1;const m=()=>{f=!0};class _ extends i{constructor(e,t){super(),this.id=e,this.type=t,p("new %s Peer %s",t,e),this.addr=null,this.conn=null,this.swarm=null,this.wire=null,this.source=null,this.connected=!1,this.destroyed=!1,this.timeout=null,this.retries=0,this.sentPe1=!1,this.sentPe2=!1,this.sentPe3=!1,this.sentPe4=!1,this.sentHandshake=!1}onConnect(){if(this.destroyed)return;this.connected=!0,p("Peer %s connected",this.id),clearTimeout(this.connectTimeout);const e=this.conn;e.once("end",(()=>{this.destroy()})),e.once("close",(()=>{this.destroy()})),e.once("finish",(()=>{this.destroy()})),e.once("error",(e=>{this.destroy(e)}));const t=this.wire=new a.A(this.type,this.retries,f);t.once("end",(()=>{this.destroy()})),t.once("close",(()=>{this.destroy()})),t.once("finish",(()=>{this.destroy()})),t.once("error",(e=>{this.destroy(e)})),t.once("pe1",(()=>{this.onPe1()})),t.once("pe2",(()=>{this.onPe2()})),t.once("pe3",(()=>{this.onPe3()})),t.once("pe4",(()=>{this.onPe4()})),t.once("handshake",((e,t)=>{this.onHandshake(e,t)})),this.startHandshakeTimeout(),this.setThrottlePipes(),this.swarm&&("tcpOutgoing"===this.type?f&&0===this.retries&&!this.sentPe1?this.sendPe1():this.sentHandshake||this.handshake():"tcpIncoming"===this.type||this.sentHandshake||this.handshake())}sendPe1(){this.wire.sendPe1(),this.sentPe1=!0}onPe1(){this.sendPe2()}sendPe2(){this.wire.sendPe2(),this.sentPe2=!0}onPe2(){this.sendPe3()}sendPe3(){this.wire.sendPe3(this.swarm.infoHash),this.sentPe3=!0}onPe3(e){this.swarm&&(this.swarm.infoHashHash!==e&&this.destroy(new Error("unexpected crypto handshake info hash for this swarm")),this.sendPe4())}sendPe4(){this.wire.sendPe4(this.swarm.infoHash),this.sentPe4=!0}onPe4(){this.sentHandshake||this.handshake()}clearPipes(){this.conn.unpipe(),this.wire.unpipe()}setThrottlePipes(){const e=this;(0,n.pipeline)(this.conn,this.throttleGroups.down.throttle(),new n.Transform({transform(t,s){e.emit("download",t.length),e.destroyed||s(null,t)}}),this.wire,this.throttleGroups.up.throttle(),new n.Transform({transform(t,s){e.emit("upload",t.length),e.destroyed||s(null,t)}}),this.conn)}onHandshake(e,t){if(!this.swarm)return;if(this.destroyed)return;if(this.swarm.destroyed)return this.destroy(new Error("swarm already destroyed"));if(e!==this.swarm.infoHash)return this.destroy(new Error("unexpected handshake info hash for this swarm"));if(t===this.swarm.peerId)return this.destroy(new Error("refusing to connect to ourselves"));p("Peer %s got handshake %s",this.id,e),clearTimeout(this.handshakeTimeout),this.retries=0;let s=this.addr;!s&&this.conn.remoteAddress&&this.conn.remotePort&&(s=`${this.conn.remoteAddress}:${this.conn.remotePort}`),this.swarm._onWire(this.wire,s),this.swarm&&!this.swarm.destroyed&&(this.sentHandshake||this.handshake())}handshake(){const e={dht:!this.swarm.private&&!!this.swarm.client.dht,fast:!0};this.wire.handshake(this.swarm.infoHash,this.swarm.client.peerId,e),this.sentHandshake=!0}startConnectTimeout(){clearTimeout(this.connectTimeout);const e={webrtc:25e3,tcpOutgoing:5e3,utpOutgoing:5e3};this.connectTimeout=setTimeout((()=>{this.destroy(new Error("connect timeout"))}),e[this.type]),this.connectTimeout.unref&&this.connectTimeout.unref()}startHandshakeTimeout(){clearTimeout(this.handshakeTimeout),this.handshakeTimeout=setTimeout((()=>{this.destroy(new Error("handshake timeout"))}),25e3),this.handshakeTimeout.unref&&this.handshakeTimeout.unref()}destroy(e){if(this.destroyed)return;this.destroyed=!0,this.connected=!1,p("destroy %s %s (error: %s)",this.type,this.id,e&&(e.message||e)),clearTimeout(this.connectTimeout),clearTimeout(this.handshakeTimeout);const t=this.swarm,s=this.conn,i=this.wire;this.swarm=null,this.conn=null,this.wire=null,t&&i&&r(t.wires,t.wires.indexOf(i)),s&&(s.on("error",(()=>{})),s.destroy()),i&&i.destroy(),t&&t.removePeer(this.id)}}_.TYPE_TCP_INCOMING=h,_.TYPE_TCP_OUTGOING=l,_.TYPE_UTP_INCOMING=c,_.TYPE_UTP_OUTGOING=d,_.TYPE_WEBRTC="webrtc",_.TYPE_WEBSEED=u,_.SOURCE_MANUAL="manual",_.SOURCE_TRACKER="tracker",_.SOURCE_DHT="dht",_.SOURCE_LSD="lsd",_.SOURCE_UT_PEX="ut_pex",_.createWebRTCPeer=(e,t,s)=>{const i=new _(e.id,"webrtc");if(i.conn=e,i.swarm=t,i.throttleGroups=s,i.conn.connected)i.onConnect();else{const e=()=>{i.conn.removeListener("connect",t),i.conn.removeListener("error",s)},t=()=>{e(),i.onConnect()},s=t=>{e(),i.destroy(t)};i.conn.once("connect",t),i.conn.once("error",s),i.startConnectTimeout()}return i},_.createTCPIncomingPeer=(e,t)=>_._createIncomingPeer(e,h,t),_.createUTPIncomingPeer=(e,t)=>_._createIncomingPeer(e,c,t),_.createTCPOutgoingPeer=(e,t,s)=>_._createOutgoingPeer(e,t,l,s),_.createUTPOutgoingPeer=(e,t,s)=>_._createOutgoingPeer(e,t,d,s),_._createIncomingPeer=(e,t,s)=>{const i=`${e.remoteAddress}:${e.remotePort}`,n=new _(i,t);return n.conn=e,n.addr=i,n.throttleGroups=s,n.onConnect(),n},_._createOutgoingPeer=(e,t,s,i)=>{const n=new _(e,s);return n.addr=e,n.swarm=t,n.throttleGroups=i,n},_.createWebSeedPeer=(e,t,s,i)=>{const n=new _(t,u);return n.swarm=s,n.conn=e,n.throttleGroups=i,n.onConnect(),n}},988:(e,t,s)=>{s.d(t,{A:()=>f});var i=s(9639);function n(e){const t=e<0?1:0;return e=Math.abs(Number(e||1)),Math.floor(Math.log10(e))+1+t}function r(e){return ArrayBuffer.isView(e)?"arraybufferview":Array.isArray(e)?"array":e instanceof Number?"number":e instanceof Boolean?"boolean":e instanceof Set?"set":e instanceof Map?"map":e instanceof String?"string":e instanceof ArrayBuffer?"arraybuffer":typeof e}function o(e,t,s){const n=[];let r=null;return o._encode(n,e),r=(0,i.xW)(n),o.bytes=r.length,ArrayBuffer.isView(t)?(t.set(r,s),t):r}o.bytes=-1,o._floatConversionDetected=!1,o._encode=function(e,t){if(null!=t)switch(r(t)){case"object":o.dict(e,t);break;case"map":o.dictMap(e,t);break;case"array":o.list(e,t);break;case"set":o.listSet(e,t);break;case"string":o.string(e,t);break;case"number":case"boolean":o.number(e,t);break;case"arraybufferview":o.buffer(e,new Uint8Array(t.buffer,t.byteOffset,t.byteLength));break;case"arraybuffer":o.buffer(e,new Uint8Array(t))}};const a=new Uint8Array([101]),h=new Uint8Array([100]),l=new Uint8Array([108]);o.buffer=function(e,t){e.push((0,i.L0)(t.length+":"),t)},o.string=function(e,t){e.push((0,i.L0)((0,i.L0)(t).byteLength+":"+t))},o.number=function(e,t){if(Number.isInteger(t))return e.push((0,i.L0)("i"+BigInt(t)+"e"));const s=2147483648,n=(t/s|0)*s+(t%s|0);e.push((0,i.L0)("i"+n+"e")),n===t||o._floatConversionDetected||(o._floatConversionDetected=!0,console.warn('WARNING: Possible data corruption detected with value "'+t+'":','Bencoding only defines support for integers, value was converted to "'+n+'"'),console.trace())},o.dict=function(e,t){e.push(h);let s,i=0;const n=Object.keys(t).sort(),r=n.length;for(;i<r;i++)s=n[i],null!=t[s]&&(o.string(e,s),o._encode(e,t[s]));e.push(a)},o.dictMap=function(e,t){e.push(h);const s=Array.from(t.keys()).sort();for(const i of s)null!=t.get(i)&&(ArrayBuffer.isView(i)?o._encode(e,i):o.string(e,String(i)),o._encode(e,t.get(i)));e.push(a)},o.list=function(e,t){let s=0;const i=t.length;for(e.push(l);s<i;s++)null!=t[s]&&o._encode(e,t[s]);e.push(a)},o.listSet=function(e,t){e.push(l);for(const s of t)null!=s&&o._encode(e,s);e.push(a)};const c=o;function d(e,t,s){let i=0,n=1;for(let r=t;r<s;r++){const s=e[r];if(s<58&&s>=48)i=10*i+(s-48);else if(r!==t||43!==s){if(r!==t||45!==s){if(46===s)break;throw new Error("not a number: buffer["+r+"] = "+s)}n=-1}}return i*n}function u(e,t,s,n){return null==e||0===e.length?null:("number"!=typeof t&&null==n&&(n=t,t=void 0),"number"!=typeof s&&null==n&&(n=s,s=void 0),u.position=0,u.encoding=n||null,u.data=ArrayBuffer.isView(e)?new Uint8Array(e.slice(t,s)):(0,i.L0)(e),u.bytes=u.data.length,u.next())}u.bytes=0,u.position=0,u.data=null,u.encoding=null,u.next=function(){switch(u.data[u.position]){case 100:return u.dictionary();case 108:return u.list();case 105:return u.integer();default:return u.buffer()}},u.find=function(e){let t=u.position;const s=u.data.length,i=u.data;for(;t<s;){if(i[t]===e)return t;t++}throw new Error('Invalid data: Missing delimiter "'+String.fromCharCode(e)+'" [0x'+e.toString(16)+"]")},u.dictionary=function(){u.position++;const e={};for(;101!==u.data[u.position];){const t=u.buffer();let s=(0,i.dU)(t);s.includes("�")&&(s=(0,i.V5)(t)),e[s]=u.next()}return u.position++,e},u.list=function(){u.position++;const e=[];for(;101!==u.data[u.position];)e.push(u.next());return u.position++,e},u.integer=function(){const e=u.find(101),t=d(u.data,u.position+1,e);return u.position+=e+1-u.position,t},u.buffer=function(){let e=u.find(58);const t=d(u.data,u.position,e),s=++e+t;return u.position=s,u.encoding?(0,i.dU)(u.data.slice(e,s)):u.data.slice(e,s)};function p(e){if(null==e)return 0;const t=r(e);switch(t){case"arraybufferview":return function(e){const t=e.byteLength-e.byteOffset;return n(t)+1+t}(e);case"string":return function(e){const t=(0,i.L0)(e).byteLength;return n(t)+1+t}(e);case"array":case"set":return function(e){let t=2;for(const s of e)t+=p(s);return t}(e);case"number":return 1+n(Math.floor(e))+1;case"bigint":return 1+e.toString().length+1;case"object":return function(e){let t=2;const s=Object.keys(e);for(let r=0;r<s.length;r++){const o=(0,i.L0)(s[r]).byteLength;t+=n(o)+1+o,t+=p(e[s[r]])}return t}(e);case"map":return function(e){let t=2;for(const[s,r]of e){const e=(0,i.L0)(s).byteLength;t+=n(e)+1+e,t+=p(r)}return t}(e);default:throw new TypeError(`Unsupported value of type "${t}"`)}}const f={encode:c,decode:u,byteLength:p,encodingLength:p}},3033:(e,t,s)=>{function i(e){return(e>>3)+Number(e%8!=0)}s.d(t,{A:()=>n});class n{get length(){return this.buffer.length<<3}constructor(e=0,t){const s=null==t?void 0:t.grow;this.grow=s?Number.isFinite(s)?i(s):s:0,this.buffer="number"==typeof e?new Uint8Array(i(e)):e}get(e){const t=e>>3;return t<this.buffer.length&&!!(this.buffer[t]&128>>e%8)}set(e,t=!0){const s=e>>3;if(t){if(s>=this.buffer.length){const e=Math.max(s+1,Math.min(2*this.buffer.length,this.grow));if(e<=this.grow){const t=new Uint8Array(e);t.set(this.buffer),this.buffer=t}}this.buffer[s]|=128>>e%8}else s<this.buffer.length&&(this.buffer[s]&=~(128>>e%8))}setAll(e,t=0){const s=Math.min(i(t+e.length),this.grow);if(this.buffer.length<s){const e=new Uint8Array(s);e.set(this.buffer),this.buffer=e}let n=t>>3,r=128>>t%8;for(let t=0;t<e.length;t++)if(e[t]?this.buffer[n]|=r:this.buffer[n]&=~r,1===r){if(n+=1,n>=this.buffer.length)break;r=128}else r>>=1}forEach(e,t=0,s=8*this.buffer.length){let i=t>>3,n=128>>t%8;for(let r=t;r<s;r++)e(!!(this.buffer[i]&n),r),1===n?(i+=1,n=128):n>>=1}isEmpty(){for(let e=0;e<this.buffer.length;e++)if(0!==this.buffer[e])return!1;return!0}}},6458:(e,t,s)=>{s.d(t,{A:()=>I});var i=s(988),n=s(3033),r=s(7264),o=s(7833),a=s(8727),h=s(8179),l=s(9639),c=s(1035),d=s(1314);const u=o("bittorrent-protocol"),p=(0,l.L0)("BitTorrent protocol"),f=new Uint8Array([0,0,0,0]),m=new Uint8Array([0,0,0,1,0]),_=new Uint8Array([0,0,0,1,1]),g=new Uint8Array([0,0,0,1,2]),y=new Uint8Array([0,0,0,1,3]),w=[0,0,0,0,0,0,0,0],b=[0,0,0,3,9,0,0],v=new Uint8Array([0,0,0,1,14]),k=new Uint8Array([0,0,0,1,15]),x=new Uint8Array([0,0,0,0,0,0,0,0]),S=new Uint8Array([0,0,1,2]),E=new Uint8Array([0,0,0,2]);function C(e,t){for(let s=e.length;s--;)e[s]^=t[s];return e}class A{constructor(e,t,s,i){this.piece=e,this.offset=t,this.length=s,this.callback=i}}class T{constructor(){this.buffer=new Uint8Array}get(e){return!0}set(e){}}class P extends h.Duplex{constructor(e=null,t=0,s=!1){super(),this._debugId=(0,l.V5)((0,l.po)(4)),this._debug("new wire"),this.peerId=null,this.peerIdBuffer=null,this.type=e,this.amChoking=!0,this.amInterested=!1,this.peerChoking=!0,this.peerInterested=!1,this.peerPieces=new n.A(0,{grow:4e5}),this.extensions={},this.peerExtensions={},this.requests=[],this.peerRequests=[],this.extendedMapping={},this.peerExtendedMapping={},this.extendedHandshake={},this.peerExtendedHandshake={},this.hasFast=!1,this.allowedFastSet=[],this.peerAllowedFastSet=[],this._ext={},this._nextExt=1,this.uploaded=0,this.downloaded=0,this.uploadSpeed=c(),this.downloadSpeed=c(),this._keepAliveInterval=null,this._timeout=null,this._timeoutMs=0,this._timeoutExpiresAt=null,this._finished=!1,this._parserSize=0,this._parser=null,this._buffer=[],this._bufferSize=0,this._peEnabled=s,s?(this._dh=r.createDiffieHellman("ffffffffffffffffc90fdaa22168c234c4c6628b80dc1cd129024e088a67cc74020bbea63b139b22514a08798e3404ddef9519b3cd3a431b302b0a6df25f14374fe1356d6d51c245e485b576625e7ec6f44c42e9a63a36210000000000090563","hex",2),this._myPubKey=this._dh.generateKeys("hex")):this._myPubKey=null,this._peerPubKey=null,this._sharedSecret=null,this._peerCryptoProvide=[],this._cryptoHandshakeDone=!1,this._cryptoSyncPattern=null,this._waitMaxBytes=null,this._encryptionMethod=null,this._encryptGenerator=null,this._decryptGenerator=null,this._setGenerators=!1,this.once("finish",(()=>this._onFinish())),this.on("finish",this._onFinish),this._debug("type:",this.type),"tcpIncoming"===this.type&&this._peEnabled?this._determineHandshakeType():"tcpOutgoing"===this.type&&this._peEnabled&&0===t?this._parsePe2():this._parseHandshake(null)}setKeepAlive(e){this._debug("setKeepAlive %s",e),clearInterval(this._keepAliveInterval),!1!==e&&(this._keepAliveInterval=setInterval((()=>{this.keepAlive()}),55e3))}setTimeout(e,t){this._debug("setTimeout ms=%d unref=%s",e,t),this._timeoutMs=e,this._timeoutUnref=!!t,this._resetTimeout(!0)}destroy(){if(!this.destroyed)return this._debug("destroy"),this.end(),this}end(e){if(!this.destroyed&&!this.destroying)return this._debug("end"),this._onUninterested(),this._onChoke(),super.end(e)}use(e){const t=e.prototype.name;if(!t)throw new Error('Extension class requires a "name" property on the prototype');this._debug("use extension.name=%s",t);const s=this._nextExt,i=new e(this);function n(){}"function"!=typeof i.onHandshake&&(i.onHandshake=n),"function"!=typeof i.onExtendedHandshake&&(i.onExtendedHandshake=n),"function"!=typeof i.onMessage&&(i.onMessage=n),this.extendedMapping[s]=t,this._ext[t]=i,this[t]=i,this._nextExt+=1}keepAlive(){this._debug("keep-alive"),this._push(f)}sendPe1(){if(this._peEnabled){const e=Math.floor(513*Math.random()),t=(0,l.po)(e);this._push((0,l.xW)([(0,l.fk)(this._myPubKey),t]))}}sendPe2(){const e=Math.floor(513*Math.random()),t=(0,l.po)(e);this._push((0,l.xW)([(0,l.fk)(this._myPubKey),t]))}async sendPe3(e){await this.setEncrypt(this._sharedSecret,e);const t=await(0,l.tW)((0,l.fk)(this._utfToHex("req1")+this._sharedSecret)),s=C(await(0,l.tW)((0,l.fk)(this._utfToHex("req2")+e)),await(0,l.tW)((0,l.fk)(this._utfToHex("req3")+this._sharedSecret))),i=new DataView((0,l.po)(2).buffer).getUint16(0)%512,n=(0,l.po)(i);let r=new Uint8Array(14+i+2);r.set(x),r.set(S,8);const o=new DataView(r.buffer);o.setInt16(12,i),n.copy(r,14),o.setInt16(14+i,0),r=this._encryptHandshake(r),this._push((0,l.xW)([t,s,r]))}async sendPe4(e){await this.setEncrypt(this._sharedSecret,e);const t=new DataView((0,l.po)(2).buffer).getUint16(0)%512,s=(0,l.po)(t);let i=new Uint8Array(14+t);const n=new DataView(i.buffer);i.set(x),i.set(E,8),n.setInt16(12,t),i.set(s,14),i=this._encryptHandshake(i),this._push(i),this._cryptoHandshakeDone=!0,this._debug("completed crypto handshake")}handshake(e,t,s){let i,n;if("string"==typeof e?(e=e.toLowerCase(),i=(0,l.fk)(e)):(i=e,e=(0,l.V5)(i)),"string"==typeof t?n=(0,l.fk)(t):(n=t,t=(0,l.V5)(n)),this._infoHash=i,20!==i.length||20!==n.length)throw new Error("infoHash and peerId MUST have length 20");this._debug("handshake i=%s p=%s exts=%o",e,t,s);const r=new Uint8Array(w);this.extensions={extended:!0,dht:!(!s||!s.dht),fast:!(!s||!s.fast)},r[5]|=16,this.extensions.dht&&(r[7]|=1),this.extensions.fast&&(r[7]|=4),this.extensions.fast&&this.peerExtensions.fast&&(this._debug("fast extension is enabled"),this.hasFast=!0),this._push((0,l.xW)([p,r,i,n])),this._handshakeSent=!0,this.peerExtensions.extended&&!this._extendedHandshakeSent&&this._sendExtendedHandshake()}_sendExtendedHandshake(){const e=Object.assign({},this.extendedHandshake);e.m={};for(const t in this.extendedMapping){const s=this.extendedMapping[t];e.m[s]=Number(t)}this.extended(0,i.A.encode(e)),this._extendedHandshakeSent=!0}choke(){if(!this.amChoking)if(this.amChoking=!0,this._debug("choke"),this._push(m),this.hasFast){let e=0;for(;this.peerRequests.length>e;){const t=this.peerRequests[e];this.allowedFastSet.includes(t.piece)?++e:this.reject(t.piece,t.offset,t.length)}}else for(;this.peerRequests.length;)this.peerRequests.pop()}unchoke(){this.amChoking&&(this.amChoking=!1,this._debug("unchoke"),this._push(_))}interested(){this.amInterested||(this.amInterested=!0,this._debug("interested"),this._push(g))}uninterested(){this.amInterested&&(this.amInterested=!1,this._debug("uninterested"),this._push(y))}have(e){this._debug("have %d",e),this._message(4,[e],null)}bitfield(e){this._debug("bitfield"),ArrayBuffer.isView(e)||(e=e.buffer),this._message(5,[],e)}request(e,t,s,i){return i||(i=()=>{}),this._finished?i(new Error("wire is closed")):!this.peerChoking||this.hasFast&&this.peerAllowedFastSet.includes(e)?(this._debug("request index=%d offset=%d length=%d",e,t,s),this.requests.push(new A(e,t,s,i)),this._timeout||this._resetTimeout(!0),void this._message(6,[e,t,s],null)):i(new Error("peer is choking"))}piece(e,t,s){this._debug("piece index=%d offset=%d",e,t),this._message(7,[e,t],s),this.uploaded+=s.length,this.uploadSpeed(s.length),this.emit("upload",s.length)}cancel(e,t,s){this._debug("cancel index=%d offset=%d length=%d",e,t,s),this._callback(this._pull(this.requests,e,t,s),new Error("request was cancelled"),null),this._message(8,[e,t,s],null)}port(e){this._debug("port %d",e);const t=new Uint8Array(b);new DataView(t.buffer).setUint16(5,e),this._push(t)}suggest(e){if(!this.hasFast)throw Error("fast extension is disabled");this._debug("suggest %d",e),this._message(13,[e],null)}haveAll(){if(!this.hasFast)throw Error("fast extension is disabled");this._debug("have-all"),this._push(v)}haveNone(){if(!this.hasFast)throw Error("fast extension is disabled");this._debug("have-none"),this._push(k)}reject(e,t,s){if(!this.hasFast)throw Error("fast extension is disabled");this._debug("reject index=%d offset=%d length=%d",e,t,s),this._pull(this.peerRequests,e,t,s),this._message(16,[e,t,s],null)}allowedFast(e){if(!this.hasFast)throw Error("fast extension is disabled");this._debug("allowed-fast %d",e),this.allowedFastSet.includes(e)||this.allowedFastSet.push(e),this._message(17,[e],null)}extended(e,t){if(this._debug("extended ext=%s",e),"string"==typeof e&&this.peerExtendedMapping[e]&&(e=this.peerExtendedMapping[e]),"number"!=typeof e)throw new Error(`Unrecognized extension: ${e}`);{const s=new Uint8Array([e]),n=ArrayBuffer.isView(t)?t:i.A.encode(t);this._message(20,[],(0,l.xW)([s,n]))}}async setEncrypt(e,t){let s,i,n,r;switch(this.type){case"tcpIncoming":s=await(0,l.tW)((0,l.fk)(this._utfToHex("keyB")+e+t)),n=await(0,l.tW)((0,l.fk)(this._utfToHex("keyA")+e+t)),i=[];for(const e of s.values())i.push(e);r=[];for(const e of n.values())r.push(e);this._encryptGenerator=new a(i),this._decryptGenerator=new a(r);break;case"tcpOutgoing":s=await(0,l.tW)((0,l.fk)(this._utfToHex("keyA")+e+t)),n=await(0,l.tW)((0,l.fk)(this._utfToHex("keyB")+e+t)),i=[];for(const e of s.values())i.push(e);r=[];for(const e of n.values())r.push(e);this._encryptGenerator=new a(i),this._decryptGenerator=new a(r);break;default:return!1}for(let e=0;e<1024;e++)this._encryptGenerator.randomByte(),this._decryptGenerator.randomByte();return this._setGenerators=!0,!0}_message(e,t,s){const i=s?s.length:0,n=new Uint8Array(5+4*t.length),r=new DataView(n.buffer);r.setUint32(0,n.length+i-4),n[4]=e;for(let e=0;e<t.length;e++)r.setUint32(5+4*e,t[e]);this._push(n),s&&this._push(s)}_push(e){if(!this._finished)return 2===this._encryptionMethod&&this._cryptoHandshakeDone&&(e=this._encrypt(e)),this.push(e)}_onKeepAlive(){this._debug("got keep-alive"),this.emit("keep-alive")}_onPe1(e){this._peerPubKey=(0,l.V5)(e),this._sharedSecret=this._dh.computeSecret(this._peerPubKey,"hex","hex"),this.emit("pe1")}_onPe2(e){this._peerPubKey=(0,l.V5)(e),this._sharedSecret=this._dh.computeSecret(this._peerPubKey,"hex","hex"),this.emit("pe2")}async _onPe3(e){const t=await(0,l.V5)(this._utfToHex("req3")+this._sharedSecret),s=(0,l.V5)(C(t,e));this.emit("pe3",s)}_onPe3Encrypted(e,t){if(!(0,l.LC)(e,x))return this._debug("Error: verification constant did not match"),void this.destroy();for(const e of t.values())0!==e&&this._peerCryptoProvide.push(e);this._peerCryptoProvide.includes(2)?this._encryptionMethod=2:(this._debug("Error: RC4 encryption method not provided by peer"),this.destroy())}_onPe4(e){this._encryptionMethod=e[3],S.includes(this._encryptionMethod)||(this._debug("Error: peer selected invalid crypto method"),this.destroy()),this._cryptoHandshakeDone=!0,this._debug("crypto handshake done"),this.emit("pe4")}_onHandshake(e,t,s){const i=(0,l.V5)(e),n=(0,l.V5)(t);this._debug("got handshake i=%s p=%s exts=%o",i,n,s),this.peerId=n,this.peerIdBuffer=t,this.peerExtensions=s,this.extensions.fast&&this.peerExtensions.fast&&(this._debug("fast extension is enabled"),this.hasFast=!0),this.emit("handshake",i,n,s);for(const e in this._ext)this._ext[e].onHandshake(i,n,s);s.extended&&this._handshakeSent&&!this._extendedHandshakeSent&&this._sendExtendedHandshake()}_onChoke(){if(this.peerChoking=!0,this._debug("got choke"),this.emit("choke"),!this.hasFast)for(;this.requests.length;)this._callback(this.requests.pop(),new Error("peer is choking"),null)}_onUnchoke(){this.peerChoking=!1,this._debug("got unchoke"),this.emit("unchoke")}_onInterested(){this.peerInterested=!0,this._debug("got interested"),this.emit("interested")}_onUninterested(){this.peerInterested=!1,this._debug("got uninterested"),this.emit("uninterested")}_onHave(e){this.peerPieces.get(e)||(this._debug("got have %d",e),this.peerPieces.set(e,!0),this.emit("have",e))}_onBitField(e){this.peerPieces=new n.A(e),this._debug("got bitfield"),this.emit("bitfield",this.peerPieces)}_onRequest(e,t,s){if(this.amChoking&&(!this.hasFast||!this.allowedFastSet.includes(e)))return void(this.hasFast&&this.reject(e,t,s));this._debug("got request index=%d offset=%d length=%d",e,t,s);const i=(i,r)=>{if(n===this._pull(this.peerRequests,e,t,s))return i?(this._debug("error satisfying request index=%d offset=%d length=%d (%s)",e,t,s,i.message),void(this.hasFast&&this.reject(e,t,s))):void this.piece(e,t,r)},n=new A(e,t,s,i);this.peerRequests.push(n),this.emit("request",e,t,s,i)}_onPiece(e,t,s){this._debug("got piece index=%d offset=%d",e,t),this._callback(this._pull(this.requests,e,t,s.length),null,s),this.downloaded+=s.length,this.downloadSpeed(s.length),this.emit("download",s.length),this.emit("piece",e,t,s)}_onCancel(e,t,s){this._debug("got cancel index=%d offset=%d length=%d",e,t,s),this._pull(this.peerRequests,e,t,s),this.emit("cancel",e,t,s)}_onPort(e){this._debug("got port %d",e),this.emit("port",e)}_onSuggest(e){if(!this.hasFast)return this._debug("Error: got suggest whereas fast extension is disabled"),void this.destroy();this._debug("got suggest %d",e),this.emit("suggest",e)}_onHaveAll(){if(!this.hasFast)return this._debug("Error: got have-all whereas fast extension is disabled"),void this.destroy();this._debug("got have-all"),this.peerPieces=new T,this.emit("have-all")}_onHaveNone(){if(!this.hasFast)return this._debug("Error: got have-none whereas fast extension is disabled"),void this.destroy();this._debug("got have-none"),this.emit("have-none")}_onReject(e,t,s){if(!this.hasFast)return this._debug("Error: got reject whereas fast extension is disabled"),void this.destroy();this._debug("got reject index=%d offset=%d length=%d",e,t,s),this._callback(this._pull(this.requests,e,t,s),new Error("request was rejected"),null),this.emit("reject",e,t,s)}_onAllowedFast(e){if(!this.hasFast)return this._debug("Error: got allowed-fast whereas fast extension is disabled"),void this.destroy();this._debug("got allowed-fast %d",e),this.peerAllowedFastSet.includes(e)||this.peerAllowedFastSet.push(e),this.peerAllowedFastSet.length>100&&this.peerAllowedFastSet.shift(),this.emit("allowed-fast",e)}_onExtended(e,t){if(0===e){let e;try{e=i.A.decode(t)}catch(e){this._debug("ignoring invalid extended handshake: %s",e.message||e)}if(!e)return;if(this.peerExtendedHandshake=e,"object"==typeof e.m)for(const t in e.m)this.peerExtendedMapping[t]=Number(e.m[t].toString());for(const e in this._ext)this.peerExtendedMapping[e]&&this._ext[e].onExtendedHandshake(this.peerExtendedHandshake);this._debug("got extended handshake"),this.emit("extended","handshake",this.peerExtendedHandshake)}else this.extendedMapping[e]&&(e=this.extendedMapping[e],this._ext[e]&&this._ext[e].onMessage(t)),this._debug("got extended message ext=%s",e),this.emit("extended",e,t)}_onTimeout(){this._debug("request timed out"),this._callback(this.requests.shift(),new Error("request has timed out"),null),this.emit("timeout")}_write(e,t){if(2===this._encryptionMethod&&this._cryptoHandshakeDone&&(e=this._decrypt(e)),this._bufferSize+=e.length,this._buffer.push(e),this._buffer.length>1&&(this._buffer=[(0,l.xW)(this._buffer,this._bufferSize)]),this._cryptoSyncPattern){const t=this._buffer[0].indexOf(this._cryptoSyncPattern);if(-1!==t)this._buffer[0]=this._buffer[0].slice(t+this._cryptoSyncPattern.length),this._bufferSize-=t+this._cryptoSyncPattern.length,this._cryptoSyncPattern=null;else if(this._bufferSize+e.length>this._waitMaxBytes+this._cryptoSyncPattern.length)return this._debug("Error: could not resynchronize"),void this.destroy()}for(;this._bufferSize>=this._parserSize&&!this._cryptoSyncPattern;)if(0===this._parserSize)this._parser(new Uint8Array);else{const e=this._buffer[0];this._bufferSize-=this._parserSize,this._buffer=this._bufferSize?[e.slice(this._parserSize)]:[],this._parser(e.slice(0,this._parserSize))}t(null)}_callback(e,t,s){e&&(this._resetTimeout(!this.peerChoking&&!this._finished),e.callback(t,s))}_resetTimeout(e){if(!e||!this._timeoutMs||!this.requests.length)return clearTimeout(this._timeout),this._timeout=null,void(this._timeoutExpiresAt=null);const t=Date.now()+this._timeoutMs;if(this._timeout){if(t-this._timeoutExpiresAt<.05*this._timeoutMs)return;clearTimeout(this._timeout)}this._timeoutExpiresAt=t,this._timeout=setTimeout((()=>this._onTimeout()),this._timeoutMs),this._timeoutUnref&&this._timeout.unref&&this._timeout.unref()}_parse(e,t){this._parserSize=e,this._parser=t}_parseUntil(e,t){this._cryptoSyncPattern=e,this._waitMaxBytes=t}_onMessageLength(e){const t=new DataView(e.buffer,e.byteOffset,e.byteLength).getUint32(0);t>0?this._parse(t,this._onMessage):(this._onKeepAlive(),this._parse(4,this._onMessageLength))}_onMessage(e){this._parse(4,this._onMessageLength);const t=new DataView(e.buffer,e.byteOffset,e.byteLength);switch(e[0]){case 0:return this._onChoke();case 1:return this._onUnchoke();case 2:return this._onInterested();case 3:return this._onUninterested();case 4:return this._onHave(t.getUint32(1));case 5:return this._onBitField(e.slice(1));case 6:return this._onRequest(t.getUint32(1),t.getUint32(5),t.getUint32(9));case 7:return this._onPiece(t.getUint32(1),t.getUint32(5),e.slice(9));case 8:return this._onCancel(t.getUint32(1),t.getUint32(5),t.getUint32(9));case 9:return this._onPort(t.getUint16(1));case 13:return this._onSuggest(t.getUint32(1));case 14:return this._onHaveAll();case 15:return this._onHaveNone();case 16:return this._onReject(t.getUint32(1),t.getUint32(5),t.getUint32(9));case 17:return this._onAllowedFast(t.getUint32(1));case 20:return this._onExtended(e[1],e.slice(2));default:return this._debug("got unknown message"),this.emit("unknownmessage",e)}}_determineHandshakeType(){this._parse(1,(e=>{const t=e[0];19===t?this._parse(t+48,this._onHandshakeBuffer):this._parsePe1(e)}))}_parsePe1(e){this._parse(95,(t=>{this._onPe1((0,l.xW)([e,t])),this._parsePe3()}))}_parsePe2(){this._parse(96,(e=>{for(this._onPe2(e);!this._setGenerators;);this._parsePe4()}))}async _parsePe3(){const e=await(0,l.tW)((0,l.fk)(this._utfToHex("req1")+this._sharedSecret));this._parseUntil(e,512),this._parse(20,(e=>{for(this._onPe3(e);!this._setGenerators;);this._parsePe3Encrypted()}))}_parsePe3Encrypted(){this._parse(14,(e=>{const t=this._decryptHandshake(e.slice(0,8)),s=this._decryptHandshake(e.slice(8,12)),i=new DataView(this._decryptHandshake(e.slice(12,14)).buffer).getUint16(0);this._parse(i,(e=>{e=this._decryptHandshake(e),this._parse(2,(i=>{const n=new DataView(this._decryptHandshake(i).buffer).getUint16(0);this._parse(n,(i=>{i=this._decryptHandshake(i),this._onPe3Encrypted(t,s,e,i);const r=n?i[0]:null,o=n?i.slice(1,20):null;19===r&&"BitTorrent protocol"===(0,l.dU)(o)?this._onHandshakeBuffer(i.slice(1)):this._parseHandshake()}))}))}))}))}_parsePe4(){const e=this._decryptHandshake(x);this._parseUntil(e,512),this._parse(6,(e=>{const t=this._decryptHandshake(e.slice(0,4)),s=new DataView(this._decryptHandshake(e.slice(4,6)).buffer).getUint16(0);this._parse(s,(e=>{this._decryptHandshake(e),this._onPe4(t),this._parseHandshake(null)}))}))}_parseHandshake(){this._parse(1,(e=>{const t=e[0];if(19!==t)return this._debug("Error: wire not speaking BitTorrent protocol (%s)",t.toString()),void this.end();this._parse(t+48,this._onHandshakeBuffer)}))}_onHandshakeBuffer(e){const t=e.slice(0,19);if("BitTorrent protocol"!==(0,l.dU)(t))return this._debug("Error: wire not speaking BitTorrent protocol (%s)",(0,l.dU)(t)),void this.end();e=e.slice(19),this._onHandshake(e.slice(8,28),e.slice(28,48),{dht:!!(1&e[7]),fast:!!(4&e[7]),extended:!!(16&e[5])}),this._parse(4,this._onMessageLength)}_onFinish(){for(this._finished=!0,this.push(null);this.read(););for(clearInterval(this._keepAliveInterval),this._parse(Number.MAX_VALUE,(()=>{}));this.peerRequests.length;)this.peerRequests.pop();for(;this.requests.length;)this._callback(this.requests.pop(),new Error("wire was closed"),null)}_debug(...e){e[0]=`[${this._debugId}] ${e[0]}`,u(...e)}_pull(e,t,s,i){for(let n=0;n<e.length;n++){const r=e[n];if(r.piece===t&&r.offset===s&&r.length===i)return d(e,n),r}return null}_encryptHandshake(e){const t=new Uint8Array(e);if(!this._encryptGenerator)return this._debug("Warning: Encrypting without any generator"),t;for(let s=0;s<e.length;s++){const e=this._encryptGenerator.randomByte();t[s]=t[s]^e}return t}_encrypt(e){const t=new Uint8Array(e);if(!this._encryptGenerator||2!==this._encryptionMethod)return t;for(let s=0;s<e.length;s++){const e=this._encryptGenerator.randomByte();t[s]=t[s]^e}return t}_decryptHandshake(e){const t=new Uint8Array(e);if(!this._decryptGenerator)return this._debug("Warning: Decrypting without any generator"),t;for(let s=0;s<e.length;s++){const e=this._decryptGenerator.randomByte();t[s]=t[s]^e}return t}_decrypt(e){const t=new Uint8Array(e);if(!this._decryptGenerator||2!==this._encryptionMethod)return t;for(let s=0;s<e.length;s++){const e=this._decryptGenerator.randomByte();t[s]=t[s]^e}return t}_utfToHex(e){return(0,l.V5)((0,l.L0)(e))}}const I=P},9639:(e,t,s)=>{s.d(t,{NJ:()=>g,V5:()=>o,dU:()=>f,HB:()=>y,xW:()=>h,LC:()=>l,tW:()=>S,fk:()=>a,Ht:()=>w,po:()=>E,L0:()=>_});const i="0123456789abcdef",n=[],r=[];for(let e=0;e<256;e++)n[e]=i[e>>4&15]+i[15&e],e<16&&(e<10?r[48+e]=e:r[87+e]=e);const o=e=>{const t=e.length;let s="",i=0;for(;i<t;)s+=n[e[i++]];return s},a=e=>{const t=e.length>>1,s=t<<1,i=new Uint8Array(t);let n=0,o=0;for(;o<s;)i[n++]=r[e.charCodeAt(o++)]<<4|r[e.charCodeAt(o++)];return i},h=(e,t=0)=>{const s=e.length||0;if(!t){let i=s;for(;i--;)t+=e[i].length}const i=new Uint8Array(t);let n=t,r=s;for(;r--;)n-=e[r].length,i.set(e[r],n);return i},l=(e,t)=>{if(e.length!==t.length)return!1;for(let s=e.length;s>-1;s-=1)if(e[s]!==t[s])return!1;return!0};for(var c="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",d="undefined"==typeof Uint8Array?[]:new Uint8Array(256),u=0;u<64;u++)d[c.charCodeAt(u)]=u;const p=new TextDecoder,f=(e,t)=>{if(!t)return p.decode(e);return new TextDecoder(t).decode(e)},m=new TextEncoder,_=e=>m.encode(e),g=e=>function(e){var t,s=new Uint8Array(e),i=s.length,n="";for(t=0;t<i;t+=3)n+=c[s[t]>>2],n+=c[(3&s[t])<<4|s[t+1]>>4],n+=c[(15&s[t+1])<<2|s[t+2]>>6],n+=c[63&s[t+2]];return i%3==2?n=n.substring(0,n.length-1)+"=":i%3==1&&(n=n.substring(0,n.length-2)+"=="),n}(e),y=e=>{let t,s="",n=0;const r=e.length;for(;n<r;)t=e.charCodeAt(n++),s+=i[t>>4]+i[15&t];return s},w=e=>{const t=a(e);if(t.length<=65536)return String.fromCharCode(...t);let s="",i=0;for(;i<t.length;)s+=String.fromCharCode(...t.subarray(i,i+=65536));return s},b="undefined"!=typeof window?window:self,v=b.crypto||b.msCrypto||{},k=v.subtle||v.webkitSubtle,x={hex:o,base64:g},S=async(e,t,s="sha-1")=>{if(!k)throw new Error("no web crypto support");"string"==typeof e&&(e=_(e));const i=new Uint8Array(await k.digest(s,e));return t?x[t](i):i},E=e=>{const t=new Uint8Array(e);return v.getRandomValues(t)}},717:(e,t,s)=>{s.r(t),s.d(t,{addListener:()=>u,argv:()=>a,binding:()=>S,browser:()=>r,chdir:()=>E,cwd:()=>k,emit:()=>g,env:()=>o,listeners:()=>v,nextTick:()=>b,off:()=>f,on:()=>d,once:()=>p,prependListener:()=>y,prependOnceListener:()=>w,removeAllListeners:()=>_,removeListener:()=>m,title:()=>n,umask:()=>x,version:()=>h,versions:()=>l});var i=s(9596);const n="browser",r=!0,o={},a=[],h="",l={};function c(){}const d=c,u=c,p=c,f=c,m=c,_=c,g=c,y=c,w=c,b=(e,...t)=>i((()=>e(...t))),v=e=>[],k=()=>"/",x=()=>0,S=e=>{throw new Error("process.binding is not supported")},E=e=>{throw new Error("process.chdir is not supported")}},8330:e=>{e.exports={version:"2.5.11"}}},i={};function n(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return s[e](r,r.exports,n),r.exports}t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,n.t=function(s,i){if(1&i&&(s=this(s)),8&i)return s;if("object"==typeof s&&s){if(4&i&&s.__esModule)return s;if(16&i&&"function"==typeof s.then)return s}var r=Object.create(null);n.r(r);var o={};e=e||[null,t({}),t([]),t(t)];for(var a=2&i&&s;"object"==typeof a&&!~e.indexOf(a);a=t(a))Object.getOwnPropertyNames(a).forEach((e=>o[e]=()=>s[e]));return o.default=()=>s,n.d(r,o),r},n.d=(e,t)=>{for(var s in t)n.o(t,s)&&!n.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};n.d(r,{A:()=>Xt});var o=n(7007);function a(e){if("string"!=typeof e)throw new TypeError("Path must be a string. Received "+JSON.stringify(e))}function h(e,t){let s,i="",n=0,r=-1,o=0;for(let a=0;a<=e.length;++a){if(a<e.length)s=e.charCodeAt(a);else{if(47===s)break;s=47}if(47===s){if(r===a-1||1===o);else if(r!==a-1&&2===o){if(i.length<2||2!==n||46!==i.charCodeAt(i.length-1)||46!==i.charCodeAt(i.length-2))if(i.length>2){const e=i.lastIndexOf("/");if(e!==i.length-1){-1===e?(i="",n=0):(i=i.slice(0,e),n=i.length-1-i.lastIndexOf("/")),r=a,o=0;continue}}else if(2===i.length||1===i.length){i="",n=0,r=a,o=0;continue}t&&(i.length>0?i+="/..":i="..",n=2)}else i.length>0?i+="/"+e.slice(r+1,a):i=e.slice(r+1,a),n=a-r-1;r=a,o=0}else 46===s&&-1!==o?++o:o=-1}return i}function l(){if(0===arguments.length)return".";let e;for(let t=0;t<arguments.length;++t){const s=arguments[t];a(s),s.length>0&&(void 0===e?e=s:e+="/"+s)}return void 0===e?".":function(e){if(a(e),0===e.length)return".";const t=47===e.charCodeAt(0),s=47===e.charCodeAt(e.length-1);return 0!==(e=h(e,!t)).length||t||(e="."),e.length>0&&s&&(e+="/"),t?"/"+e:e}(e)}n(717);const c="/";var d=n(988),u=n(1467),p=n(8444),f=n(2123);const m=new RegExp(["^npm-debug\\.log$","^\\..*\\.swp$","^\\.DS_Store$","^\\.AppleDouble$","^\\.LSOverride$","^Icon\\r$","^\\._.*","^\\.Spotlight-V100(?:$|\\/)","\\.Trashes","^__MACOSX$","~$","^Thumbs\\.db$","^ehthumbs\\.db$","^[Dd]esktop\\.ini$","@eaDir$"].join("|"));function _(e){return m.test(e)}var g=n(405),y=n(8190),w=n(9596),b=n(9639),v=(n(3468),n(2532));const k=[["udp://tracker.leechers-paradise.org:6969"],["udp://tracker.coppersurfer.tk:6969"],["udp://tracker.opentrackr.org:1337"],["udp://explodie.org:6969"],["udp://tracker.empire-js.us:1337"],["wss://tracker.btorrent.xyz"],["wss://tracker.openwebtorrent.com"],["wss://tracker.webtorrent.dev"]];const x=Symbol("itemPath");function S(e,t,s){var i;if(i=e,"undefined"!=typeof FileList&&i instanceof FileList&&(e=Array.from(e)),Array.isArray(e)||(e=[e]),0===e.length)throw new Error("invalid input type");e.forEach((e=>{if(null==e)throw new Error(`invalid input type: ${e}`)})),1!==(e=e.map((e=>A(e)&&"string"==typeof e.path&&"function"==typeof v?e.path:e))).length||"string"==typeof e[0]||e[0].name||(e[0].name=t.name);let n=null;e.forEach(((t,s)=>{if("string"==typeof t)return;let i=t.fullPath||t.name;i||(i=`Unknown File ${s+1}`,t.unknownName=!0),t[x]=i.split("/"),t[x][0]||t[x].shift(),t[x].length<2?n=null:0===s&&e.length>1?n=t[x][0]:t[x][0]!==n&&(n=null)}));(void 0===t.filterJunkFiles||t.filterJunkFiles)&&(e=e.filter((e=>"string"==typeof e||!function(e){const t=e[e.length-1];return"."===t[0]&&_(t)}(e[x])))),n&&e.forEach((e=>{const t=(ArrayBuffer.isView(e)||T(e))&&!e[x];"string"==typeof e||t||e[x].shift()})),!t.name&&n&&(t.name=n),t.name||e.some((e=>"string"==typeof e?(t.name=function(e,t){if(void 0!==t&&"string"!=typeof t)throw new TypeError('"ext" argument must be a string');a(e);let s,i=0,n=-1,r=!0;if(void 0!==t&&t.length>0&&t.length<=e.length){if(t.length===e.length&&t===e)return"";let o=t.length-1,a=-1;for(s=e.length-1;s>=0;--s){const h=e.charCodeAt(s);if(47===h){if(!r){i=s+1;break}}else-1===a&&(r=!1,a=s+1),o>=0&&(h===t.charCodeAt(o)?-1==--o&&(n=s):(o=-1,n=a))}return i===n?n=a:-1===n&&(n=e.length),e.slice(i,n)}for(s=e.length-1;s>=0;--s)if(47===e.charCodeAt(s)){if(!r){i=s+1;break}}else-1===n&&(r=!1,n=s+1);return-1===n?"":e.slice(i,n)}(e),!0):!e.unknownName&&(t.name=e[x][e[x].length-1],!0))),t.name||(t.name=`Unnamed Torrent ${Date.now()}`),t.maxPieceLength||(t.maxPieceLength=4194304);const r=e.reduce(((e,t)=>e+Number("string"==typeof t)),0);let o=1===e.length;if(1===e.length&&"string"==typeof e[0]){if("function"!=typeof v)throw new Error("filesystem paths do not work in the browser");f(e[0],((e,t)=>{if(e)return s(e);o=t,h()}))}else w(h);function h(){y(e.map((e=>t=>{const s={};if(A(e))s.getStream=e.stream(),s.length=e.size;else if(ArrayBuffer.isView(e))s.getStream=[e],s.length=e.length;else{if(!T(e)){if("string"==typeof e){if("function"!=typeof v)throw new Error("filesystem paths do not work in the browser");return void v(e,r>1||o,t)}throw new Error("invalid input type")}s.getStream=async function*(e,t){for await(const s of e)t.length+=s.length,yield s}(e,s),s.length=0}s.path=e[x],t(null,s)})),((e,t)=>{if(e)return s(e);t=t.flat(),s(null,t,o)}))}}const E=5;function C(e,t){return e+t.length}function A(e){return"undefined"!=typeof Blob&&e instanceof Blob}function T(e){return"object"==typeof e&&null!=e&&"function"==typeof e.pipe}const P=function(e,t,s){"function"==typeof t&&([t,s]=[s,t]),S(e,t=t?Object.assign({},t):{},((e,i,n)=>{if(e)return s(e);t.singleFileTorrent=n,function(e,t,s){let i=t.announceList;i||("string"==typeof t.announce?i=[[t.announce]]:Array.isArray(t.announce)&&(i=t.announce.map((e=>[e]))));i||(i=[]);globalThis.WEBTORRENT_ANNOUNCE&&("string"==typeof globalThis.WEBTORRENT_ANNOUNCE?i.push([[globalThis.WEBTORRENT_ANNOUNCE]]):Array.isArray(globalThis.WEBTORRENT_ANNOUNCE)&&(i=i.concat(globalThis.WEBTORRENT_ANNOUNCE.map((e=>[e])))));void 0===t.announce&&void 0===t.announceList&&(i=i.concat(k));"string"==typeof t.urlList&&(t.urlList=[t.urlList]);const n={info:{name:t.name},"creation date":Math.ceil((Number(t.creationDate)||Date.now())/1e3),encoding:"UTF-8"};0!==i.length&&(n.announce=i[0][0],n["announce-list"]=i);void 0!==t.comment&&(n.comment=t.comment);void 0!==t.createdBy&&(n["created by"]=t.createdBy);void 0!==t.private&&(n.info.private=Number(t.private));void 0!==t.info&&Object.assign(n.info,t.info);void 0!==t.sslCert&&(n.info["ssl-cert"]=t.sslCert);void 0!==t.urlList&&(n["url-list"]=t.urlList);const r=e.reduce(C,0),o=t.pieceLength||Math.min(p(r),t.maxPieceLength);n.info["piece length"]=o,async function(e,t,s,i,n){const r=[];let o=0,a=0;const h=e.map((e=>e.getStream)),l=i.onProgress;let c=0,d=0,p=!1;const f=u(g(h),t,{zeroPadding:!1});try{for await(const e of f)await new Promise((t=>{o+=e.length;const i=d;++d,++c<E&&t(),(0,b.tW)(e,"hex").then((h=>{r[i]=h,--c,a+=e.length,l&&l(a,s),t(),p&&0===c&&n(null,(0,b.fk)(r.join("")),o)}))}));if(0===c)return n(null,(0,b.fk)(r.join("")),o);p=!0}catch(e){n(e)}}(e,o,r,t,((i,r,o)=>{if(i)return s(i);n.info.pieces=r,e.forEach((e=>{delete e.getStream})),t.singleFileTorrent?n.info.length=o:n.info.files=e,s(null,d.A.encode(n))}))}(i,t,s)}))};var I=n(7833),L=n(6664),O=n(1827),R=n(3208);self.Blob,self.File,self.FormData,self.Headers,self.Request,self.Response,self.AbortController,self.AbortSignal;const H=self.fetch||(()=>{throw new Error("global fetch is not available!")}),N=[255,255,26,27,28,29,30,31,255,255,255,255,255,255,255,255,255,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,255,255,255,255,255,255,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,255,255,255,255,255];const M=function(e){if(!ArrayBuffer.isView(e)&&"string"!=typeof e)throw new TypeError("base32.decode only takes Buffer or string as parameter");let t,s=0,i=0,n=0;ArrayBuffer.isView(e)||(e=(0,b.L0)(e));const r=new Uint8Array(Math.ceil(5*e.length/8));for(let o=0;o<e.length&&61!==e[o];o++){const a=e[o]-48;if(!(a<N.length))throw new Error("Invalid input - it is not base32 encoded string");i=N[a],s<=3?(s=(s+5)%8,0===s?(t|=i,r[n]=t,n++,t=0):t|=255&i<<8-s):(s=(s+5)%8,t|=255&i>>>s,r[n]=t,n++,t=255&i<<8-s)}return r.subarray(0,n)};function U(e){return e.reduce(((e,t,s,i)=>{const n=t.split("-").map((e=>parseInt(e)));return e.concat(((e,t=e)=>Array.from({length:t-e+1},((t,s)=>s+e)))(...n))}),[])}const F=function(e){const t={},s=e.split("magnet:?")[1];let i;if((s&&s.length>=0?s.split("&"):[]).forEach((e=>{const s=e.split("=");if(2!==s.length)return;const i=s[0];let n=s[1];"dn"===i&&(n=decodeURIComponent(n).replace(/\+/g," ")),"tr"!==i&&"xs"!==i&&"as"!==i&&"ws"!==i||(n=decodeURIComponent(n)),"kt"===i&&(n=decodeURIComponent(n).split("+")),"ix"===i&&(n=Number(n)),"so"===i&&(n=U(decodeURIComponent(n).split(","))),t[i]?(Array.isArray(t[i])||(t[i]=[t[i]]),t[i].push(n)):t[i]=n})),t.xt){(Array.isArray(t.xt)?t.xt:[t.xt]).forEach((e=>{(i=e.match(/^urn:btih:(.{40})/))?t.infoHash=i[1].toLowerCase():(i=e.match(/^urn:btih:(.{32})/))?t.infoHash=(0,b.V5)(M(i[1])):(i=e.match(/^urn:btmh:1220(.{64})/))&&(t.infoHashV2=i[1].toLowerCase())}))}if(t.xs){(Array.isArray(t.xs)?t.xs:[t.xs]).forEach((e=>{(i=e.match(/^urn:btpk:(.{64})/))&&(t.publicKey=i[1].toLowerCase())}))}return t.infoHash&&(t.infoHashBuffer=(0,b.fk)(t.infoHash)),t.infoHashV2&&(t.infoHashV2Buffer=(0,b.fk)(t.infoHashV2)),t.publicKey&&(t.publicKeyBuffer=(0,b.fk)(t.publicKey)),t.dn&&(t.name=t.dn),t.kt&&(t.keywords=t.kt),t.announce=[],("string"==typeof t.tr||Array.isArray(t.tr))&&(t.announce=t.announce.concat(t.tr)),t.urlList=[],("string"==typeof t.as||Array.isArray(t.as))&&(t.urlList=t.urlList.concat(t.as)),("string"==typeof t.ws||Array.isArray(t.ws))&&(t.urlList=t.urlList.concat(t.ws)),t.peerAddresses=[],("string"==typeof t["x.pe"]||Array.isArray(t["x.pe"]))&&(t.peerAddresses=t.peerAddresses.concat(t["x.pe"])),t.announce=Array.from(new Set(t.announce)),t.urlList=Array.from(new Set(t.urlList)),t.peerAddresses=Array.from(new Set(t.peerAddresses)),t};async function j(e){if("string"==typeof e&&/^(stream-)?magnet:/.test(e)){const t=F(e);if(!t.infoHash)throw new Error("Invalid torrent identifier");return t}if("string"==typeof e&&(/^[a-f0-9]{40}$/i.test(e)||/^[a-z2-7]{32}$/i.test(e)))return F(`magnet:?xt=urn:btih:${e}`);if(ArrayBuffer.isView(e)&&20===e.length)return F(`magnet:?xt=urn:btih:${(0,b.V5)(e)}`);if(ArrayBuffer.isView(e))return await async function(e){ArrayBuffer.isView(e)&&(e=d.A.decode(e));q(e.info,"info"),q(e.info["name.utf-8"]||e.info.name,"info.name"),q(e.info["piece length"],"info['piece length']"),q(e.info.pieces,"info.pieces"),e.info.files?e.info.files.forEach((e=>{q("number"==typeof e.length,"info.files[0].length"),q(e["path.utf-8"]||e.path,"info.files[0].path")})):q("number"==typeof e.info.length,"info.length");const t={info:e.info,infoBuffer:d.A.encode(e.info),name:(0,b.dU)(e.info["name.utf-8"]||e.info.name),announce:[]};t.infoHashBuffer=await(0,b.tW)(t.infoBuffer),t.infoHash=(0,b.V5)(t.infoHashBuffer),void 0!==e.info.private&&(t.private=!!e.info.private);e["creation date"]&&(t.created=new Date(1e3*e["creation date"]));e["created by"]&&(t.createdBy=(0,b.dU)(e["created by"]));ArrayBuffer.isView(e.comment)&&(t.comment=(0,b.dU)(e.comment));Array.isArray(e["announce-list"])&&e["announce-list"].length>0?e["announce-list"].forEach((e=>{e.forEach((e=>{t.announce.push((0,b.dU)(e))}))})):e.announce&&t.announce.push((0,b.dU)(e.announce));ArrayBuffer.isView(e["url-list"])&&(e["url-list"]=e["url-list"].length>0?[e["url-list"]]:[]);t.urlList=(e["url-list"]||[]).map((e=>(0,b.dU)(e))),t.announce=Array.from(new Set(t.announce)),t.urlList=Array.from(new Set(t.urlList));const s=e.info.files||[e.info];t.files=s.map(((e,i)=>{const n=[].concat(t.name,e["path.utf-8"]||e.path||[]).map((e=>ArrayBuffer.isView(e)?(0,b.dU)(e):e));return{path:l.apply(null,[c].concat(n)).slice(1),name:n[n.length-1],length:e.length,offset:s.slice(0,i).reduce(D,0)}})),t.length=s.reduce(D,0);const i=t.files[t.files.length-1];return t.pieceLength=e.info["piece length"],t.lastPieceLength=(i.offset+i.length)%t.pieceLength||t.pieceLength,t.pieces=function(e){const t=[];for(let s=0;s<e.length;s+=20)t.push((0,b.V5)(e.slice(s,s+20)));return t}(e.info.pieces),t}(e);if(e&&e.infoHash)return e.infoHash=e.infoHash.toLowerCase(),e.announce||(e.announce=[]),"string"==typeof e.announce&&(e.announce=[e.announce]),e.urlList||(e.urlList=[]),e;throw new Error("Invalid torrent identifier")}async function B(e,t,s){if("function"==typeof t)return B(e,{},t);if("function"!=typeof s)throw new Error("second argument must be a Function");let i;try{i=await j(e)}catch(e){}if(i&&i.infoHash)w((()=>{s(null,i)}));else if(n=e,"undefined"!=typeof Blob&&n instanceof Blob)try{r(new Uint8Array(await e.arrayBuffer()))}catch(e){return s(new Error(`Error converting Blob: ${e.message}`))}else if(/^https?:/.test(e))try{const s=await H(e,{headers:{"user-agent":"WebTorrent (https://webtorrent.io)"},signal:AbortSignal.timeout(3e4),...t});r(new Uint8Array(await s.arrayBuffer()))}catch(e){return s(new Error(`Error downloading torrent: ${e.message}`))}else"function"==typeof R.readFile&&"string"==typeof e?R.readFile(e,((e,t)=>{if(e)return s(new Error("Invalid torrent identifier"));r(t)})):w((()=>{s(new Error("Invalid torrent identifier"))}));var n;async function r(e){try{i=await j(e)}catch(e){return s(e)}i&&i.infoHash?s(null,i):s(new Error("Invalid torrent identifier"))}}function D(e,t){return e+t.length}function q(e,t){if(!e)throw new Error(`Torrent is missing required field: ${t}`)}const W=j,$=function(e){e=Object.assign({},e);let t=new Set;e.xt&&"string"==typeof e.xt&&t.add(e.xt),e.xt&&Array.isArray(e.xt)&&(t=new Set(e.xt)),e.infoHashBuffer&&t.add(`urn:btih:${(0,b.V5)(e.infoHashBuffer)}`),e.infoHash&&t.add(`urn:btih:${e.infoHash}`),e.infoHashV2Buffer&&t.add(e.xt=`urn:btmh:1220${(0,b.V5)(e.infoHashV2Buffer)}`),e.infoHashV2&&t.add(`urn:btmh:1220${e.infoHashV2}`);const s=Array.from(t);1===s.length&&(e.xt=s[0]),s.length>1&&(e.xt=s),e.publicKeyBuffer&&(e.xs=`urn:btpk:${(0,b.V5)(e.publicKeyBuffer)}`),e.publicKey&&(e.xs=`urn:btpk:${e.publicKey}`),e.name&&(e.dn=e.name),e.keywords&&(e.kt=e.keywords),e.announce&&(e.tr=e.announce),e.urlList&&(e.ws=e.urlList,delete e.as),e.peerAddresses&&(e["x.pe"]=e.peerAddresses);let i="magnet:?";return Object.keys(e).filter((e=>2===e.length||"x.pe"===e)).forEach(((t,s)=>{const n=Array.isArray(e[t])?e[t]:[e[t]];var r;n.forEach(((e,n)=>{(s>0||n>0)&&("kt"!==t&&"so"!==t||0===n)&&(i+="&"),"dn"===t&&(e=encodeURIComponent(e).replace(/%20/g,"+")),"tr"!==t&&"as"!==t&&"ws"!==t||(e=encodeURIComponent(e)),"xs"!==t||e.startsWith("urn:btpk:")||(e=encodeURIComponent(e)),"kt"===t&&(e=encodeURIComponent(e)),"so"!==t&&(i+="kt"===t&&n>0?`+${e}`:`${t}=${e}`)})),"so"===t&&(i+=`${t}=${r=n,r.reduce(((e,t,s,i)=>(0!==s&&t===i[s-1]+1||e.push([]),e[e.length-1].push(t),e)),[]).map((e=>e.length>1?`${e[0]}-${e[e.length-1]}`:`${e[0]}`))}`)})),i},z="undefined"!=typeof window?window:self,V=z.RTCPeerConnection||z.mozRTCPeerConnection||z.webkitRTCPeerConnection,G=z.RTCSessionDescription||z.mozRTCSessionDescription||z.webkitRTCSessionDescription,K=z.RTCIceCandidate||z.mozRTCIceCandidate||z.webkitRTCIceCandidate;z.RTCIceTransport,z.RTCDataChannel,z.RTCSctpTransport,z.RTCDtlsTransport,z.RTCCertificate,z.MediaStream,z.MediaStreamTrack,z.MediaStreamTrackEvent,z.RTCPeerConnectionIceEvent,z.RTCDataChannelEvent,z.RTCTrackEvent,z.RTCError,z.RTCErrorEvent,z.RTCRtpTransceiver,z.RTCRtpReceiver,z.RTCRtpSender;var Y=n(8179),J=n(6310);const X=I("simple-peer"),Q=65536;function Z(e){return e.replace(/a=ice-options:trickle\s\n/g,"")}class ee extends Y.Duplex{_pc;constructor(e){if(super(e=Object.assign({allowHalfOpen:!1},e)),this.__objectMode=!!e.objectMode,this._id=(0,b.V5)((0,b.po)(4)).slice(0,7),this._debug("new peer %o",e),this.channelName=e.initiator?e.channelName||(0,b.V5)((0,b.po)(20)):null,this.initiator=e.initiator||!1,this.channelConfig=e.channelConfig||ee.channelConfig,this.channelNegotiated=this.channelConfig.negotiated,this.config=Object.assign({},ee.config,e.config),this.offerOptions=e.offerOptions||{},this.answerOptions=e.answerOptions||{},this.sdpTransform=e.sdpTransform||(e=>e),this.trickle=void 0===e.trickle||e.trickle,this.allowHalfTrickle=void 0!==e.allowHalfTrickle&&e.allowHalfTrickle,this.iceCompleteTimeout=e.iceCompleteTimeout||5e3,this._destroying=!1,this._connected=!1,this.remoteAddress=void 0,this.remoteFamily=void 0,this.remotePort=void 0,this.localAddress=void 0,this.localFamily=void 0,this.localPort=void 0,!V)throw"undefined"==typeof window?J(new Error("No WebRTC support: Specify `opts.wrtc` option in this environment"),"ERR_WEBRTC_SUPPORT"):J(new Error("No WebRTC support: Not a supported browser"),"ERR_WEBRTC_SUPPORT");this._pcReady=!1,this._channelReady=!1,this._iceComplete=!1,this._iceCompleteTimer=null,this._channel=null,this._pendingCandidates=[],this._isNegotiating=!1,this._firstNegotiation=!0,this._batchedNegotiation=!1,this._queuedNegotiation=!1,this._sendersAwaitingStable=[],this._closingInterval=null,this._remoteTracks=[],this._remoteStreams=[],this._chunk=null,this._cb=null,this._interval=null;try{this._pc=new V(this.config)}catch(e){return void this.__destroy(J(e,"ERR_PC_CONSTRUCTOR"))}this._isReactNativeWebrtc="number"==typeof this._pc._peerConnectionId,this._pc.oniceconnectionstatechange=()=>{this._onIceStateChange()},this._pc.onicegatheringstatechange=()=>{this._onIceStateChange()},this._pc.onconnectionstatechange=()=>{this._onConnectionStateChange()},this._pc.onsignalingstatechange=()=>{this._onSignalingStateChange()},this._pc.onicecandidate=e=>{this._onIceCandidate(e)},"object"==typeof this._pc.peerIdentity&&this._pc.peerIdentity.catch((e=>{this.__destroy(J(e,"ERR_PC_PEER_IDENTITY"))})),this.initiator||this.channelNegotiated?this._setupData({channel:this._pc.createDataChannel(this.channelName,this.channelConfig)}):this._pc.ondatachannel=e=>{this._setupData(e)},this._debug("initial negotiation"),this._needsNegotiation(),this._onFinishBound=()=>{this._onFinish()},this.once("finish",this._onFinishBound)}get bufferSize(){return this._channel&&this._channel.bufferedAmount||0}get connected(){return this._connected&&"open"===this._channel.readyState}address(){return{port:this.localPort,family:this.localFamily,address:this.localAddress}}signal(e){if(!this._destroying){if(this.destroyed)throw J(new Error("cannot signal after peer is destroyed"),"ERR_DESTROYED");if("string"==typeof e)try{e=JSON.parse(e)}catch(t){e={}}this._debug("signal()"),e.renegotiate&&this.initiator&&(this._debug("got request to renegotiate"),this._needsNegotiation()),e.transceiverRequest&&this.initiator&&(this._debug("got request for transceiver"),this.addTransceiver(e.transceiverRequest.kind,e.transceiverRequest.init)),e.candidate&&(this._pc.remoteDescription&&this._pc.remoteDescription.type?this._addIceCandidate(e.candidate):this._pendingCandidates.push(e.candidate)),e.sdp&&this._pc.setRemoteDescription(new G(e)).then((()=>{this.destroyed||(this._pendingCandidates.forEach((e=>{this._addIceCandidate(e)})),this._pendingCandidates=[],"offer"===this._pc.remoteDescription.type&&this._createAnswer())})).catch((e=>{this.__destroy(J(e,"ERR_SET_REMOTE_DESCRIPTION"))})),e.sdp||e.candidate||e.renegotiate||e.transceiverRequest||this.__destroy(J(new Error("signal() called with invalid signal data"),"ERR_SIGNALING"))}}_addIceCandidate(e){const t=new K(e);this._pc.addIceCandidate(t).catch((e=>{var s;!t.address||t.address.endsWith(".local")?(s="Ignoring unsupported ICE candidate.",console.warn(s)):this.__destroy(J(e,"ERR_ADD_ICE_CANDIDATE"))}))}send(e){if(!this._destroying){if(this.destroyed)throw J(new Error("cannot send after peer is destroyed"),"ERR_DESTROYED");this._channel.send(e)}}_needsNegotiation(){this._debug("_needsNegotiation"),this._batchedNegotiation||(this._batchedNegotiation=!0,queueMicrotask((()=>{this._batchedNegotiation=!1,this.initiator||!this._firstNegotiation?(this._debug("starting batched negotiation"),this.negotiate()):this._debug("non-initiator initial negotiation request discarded"),this._firstNegotiation=!1})))}negotiate(){if(!this._destroying){if(this.destroyed)throw J(new Error("cannot negotiate after peer is destroyed"),"ERR_DESTROYED");this.initiator?this._isNegotiating?(this._queuedNegotiation=!0,this._debug("already negotiating, queueing")):(this._debug("start negotiation"),setTimeout((()=>{this._createOffer()}),0)):this._isNegotiating?(this._queuedNegotiation=!0,this._debug("already negotiating, queueing")):(this._debug("requesting negotiation from initiator"),this.emit("signal",{type:"renegotiate",renegotiate:!0})),this._isNegotiating=!0}}_final(e){this._readableState.ended||this.push(null),e(null)}__destroy(e){this.end(),this._destroy((()=>{}),e)}_destroy(e,t){this.destroyed||this._destroying||(this._destroying=!0,this._debug("destroying (error: %s)",t&&(t.message||t)),setTimeout((()=>{if(this._connected=!1,this._pcReady=!1,this._channelReady=!1,this._remoteTracks=null,this._remoteStreams=null,this._senderMap=null,clearInterval(this._closingInterval),this._closingInterval=null,clearInterval(this._interval),this._interval=null,this._chunk=null,this._cb=null,this._onFinishBound&&this.removeListener("finish",this._onFinishBound),this._onFinishBound=null,this._channel){try{this._channel.close()}catch(e){}this._channel.onmessage=null,this._channel.onopen=null,this._channel.onclose=null,this._channel.onerror=null}if(this._pc){try{this._pc.close()}catch(e){}this._pc.oniceconnectionstatechange=null,this._pc.onicegatheringstatechange=null,this._pc.onsignalingstatechange=null,this._pc.onicecandidate=null,this._pc.ontrack=null,this._pc.ondatachannel=null}this._pc=null,this._channel=null,t&&this.emit("error",t),e()}),0))}_setupData(e){if(!e.channel)return this.__destroy(J(new Error("Data channel event is missing `channel` property"),"ERR_DATA_CHANNEL"));this._channel=e.channel,this._channel.binaryType="arraybuffer","number"==typeof this._channel.bufferedAmountLowThreshold&&(this._channel.bufferedAmountLowThreshold=Q),this.channelName=this._channel.label,this._channel.onmessage=e=>{this._onChannelMessage(e)},this._channel.onbufferedamountlow=()=>{this._onChannelBufferedAmountLow()},this._channel.onopen=()=>{this._onChannelOpen()},this._channel.onclose=()=>{this._onChannelClose()},this._channel.onerror=e=>{const t=e.error instanceof Error?e.error:new Error(`Datachannel error: ${e.message} ${e.filename}:${e.lineno}:${e.colno}`);this.__destroy(J(t,"ERR_DATA_CHANNEL"))};let t=!1;this._closingInterval=setInterval((()=>{this._channel&&"closing"===this._channel.readyState?(t&&this._onChannelClose(),t=!0):t=!1}),5e3)}_write(e,t){if(this.destroyed)return t(J(new Error("cannot write after peer is destroyed"),"ERR_DATA_CHANNEL"));if(this._connected){try{this.send(e)}catch(e){return this.__destroy(J(e,"ERR_DATA_CHANNEL"))}this._channel.bufferedAmount>Q?(this._debug("start backpressure: bufferedAmount %d",this._channel.bufferedAmount),this._cb=t):t(null)}else this._debug("write before connect"),this._chunk=e,this._cb=t}_onFinish(){if(this.destroyed)return;const e=()=>{setTimeout((()=>this.__destroy()),1e3)};this._connected?e():this.once("connect",e)}_startIceCompleteTimeout(){this.destroyed||this._iceCompleteTimer||(this._debug("started iceComplete timeout"),this._iceCompleteTimer=setTimeout((()=>{this._iceComplete||(this._iceComplete=!0,this._debug("iceComplete timeout completed"),this.emit("iceTimeout"),this.emit("_iceComplete"))}),this.iceCompleteTimeout))}_createOffer(){this.destroyed||this._pc.createOffer(this.offerOptions).then((e=>{if(this.destroyed)return;this.trickle||this.allowHalfTrickle||(e.sdp=Z(e.sdp)),e.sdp=this.sdpTransform(e.sdp);const t=()=>{if(this.destroyed)return;const t=this._pc.localDescription||e;this._debug("signal"),this.emit("signal",{type:t.type,sdp:t.sdp})};this._pc.setLocalDescription(e).then((()=>{this._debug("createOffer success"),this.destroyed||(this.trickle||this._iceComplete?t():this.once("_iceComplete",t))})).catch((e=>{this.__destroy(J(e,"ERR_SET_LOCAL_DESCRIPTION"))}))})).catch((e=>{this.__destroy(J(e,"ERR_CREATE_OFFER"))}))}_createAnswer(){this.destroyed||this._pc.createAnswer(this.answerOptions).then((e=>{if(this.destroyed)return;this.trickle||this.allowHalfTrickle||(e.sdp=Z(e.sdp)),e.sdp=this.sdpTransform(e.sdp);const t=()=>{if(this.destroyed)return;const t=this._pc.localDescription||e;this._debug("signal"),this.emit("signal",{type:t.type,sdp:t.sdp}),this.initiator||this._requestMissingTransceivers?.()};this._pc.setLocalDescription(e).then((()=>{this.destroyed||(this.trickle||this._iceComplete?t():this.once("_iceComplete",t))})).catch((e=>{this.__destroy(J(e,"ERR_SET_LOCAL_DESCRIPTION"))}))})).catch((e=>{this.__destroy(J(e,"ERR_CREATE_ANSWER"))}))}_onConnectionStateChange(){this.destroyed||this._destroying||"failed"===this._pc.connectionState&&this.__destroy(J(new Error("Connection failed."),"ERR_CONNECTION_FAILURE"))}_onIceStateChange(){if(this.destroyed)return;const e=this._pc.iceConnectionState,t=this._pc.iceGatheringState;this._debug("iceStateChange (connection: %s) (gathering: %s)",e,t),this.emit("iceStateChange",e,t),"connected"!==e&&"completed"!==e||(this._pcReady=!0,this._maybeReady()),"failed"===e&&this.__destroy(J(new Error("Ice connection failed."),"ERR_ICE_CONNECTION_FAILURE")),"closed"===e&&this.__destroy(J(new Error("Ice connection closed."),"ERR_ICE_CONNECTION_CLOSED"))}getStats(e){const t=e=>("[object Array]"===Object.prototype.toString.call(e.values)&&e.values.forEach((t=>{Object.assign(e,t)})),e);0===this._pc.getStats.length||this._isReactNativeWebrtc?this._pc.getStats().then((s=>{const i=[];s.forEach((e=>{i.push(t(e))})),e(null,i)}),(t=>e(t))):this._pc.getStats.length>0?this._pc.getStats((s=>{if(this.destroyed)return;const i=[];s.result().forEach((e=>{const s={};e.names().forEach((t=>{s[t]=e.stat(t)})),s.id=e.id,s.type=e.type,s.timestamp=e.timestamp,i.push(t(s))})),e(null,i)}),(t=>e(t))):e(null,[])}_maybeReady(){if(this._debug("maybeReady pc %s channel %s",this._pcReady,this._channelReady),this._connected||this._connecting||!this._pcReady||!this._channelReady)return;this._connecting=!0;const e=()=>{this.destroyed||this._destroying||this.getStats(((t,s)=>{if(this.destroyed||this._destroying)return;t&&(s=[]);const i={},n={},r={};let o=!1;s.forEach((e=>{"remotecandidate"!==e.type&&"remote-candidate"!==e.type||(i[e.id]=e),"localcandidate"!==e.type&&"local-candidate"!==e.type||(n[e.id]=e),"candidatepair"!==e.type&&"candidate-pair"!==e.type||(r[e.id]=e)}));const a=e=>{o=!0;let t=n[e.localCandidateId];t&&(t.ip||t.address)?(this.localAddress=t.ip||t.address,this.localPort=Number(t.port)):t&&t.ipAddress?(this.localAddress=t.ipAddress,this.localPort=Number(t.portNumber)):"string"==typeof e.googLocalAddress&&(t=e.googLocalAddress.split(":"),this.localAddress=t[0],this.localPort=Number(t[1])),this.localAddress&&(this.localFamily=this.localAddress.includes(":")?"IPv6":"IPv4");let s=i[e.remoteCandidateId];s&&(s.ip||s.address)?(this.remoteAddress=s.ip||s.address,this.remotePort=Number(s.port)):s&&s.ipAddress?(this.remoteAddress=s.ipAddress,this.remotePort=Number(s.portNumber)):"string"==typeof e.googRemoteAddress&&(s=e.googRemoteAddress.split(":"),this.remoteAddress=s[0],this.remotePort=Number(s[1])),this.remoteAddress&&(this.remoteFamily=this.remoteAddress.includes(":")?"IPv6":"IPv4"),this._debug("connect local: %s:%s remote: %s:%s",this.localAddress,this.localPort,this.remoteAddress,this.remotePort)};if(s.forEach((e=>{"transport"===e.type&&e.selectedCandidatePairId&&a(r[e.selectedCandidatePairId]),("googCandidatePair"===e.type&&"true"===e.googActiveConnection||("candidatepair"===e.type||"candidate-pair"===e.type)&&e.selected)&&a(e)})),o||Object.keys(r).length&&!Object.keys(n).length){if(this._connecting=!1,this._connected=!0,this._chunk){try{this.send(this._chunk)}catch(t){return this.__destroy(J(t,"ERR_DATA_CHANNEL"))}this._chunk=null,this._debug('sent chunk from "write before connect"');const e=this._cb;this._cb=null,e(null)}"number"!=typeof this._channel.bufferedAmountLowThreshold&&(this._interval=setInterval((()=>this._onInterval()),150),this._interval.unref&&this._interval.unref()),this._debug("connect"),this.emit("connect")}else setTimeout(e,100)}))};e()}_onInterval(){!this._cb||!this._channel||this._channel.bufferedAmount>Q||this._onChannelBufferedAmountLow()}_onSignalingStateChange(){this.destroyed||("stable"===this._pc.signalingState&&(this._isNegotiating=!1,this._debug("flushing sender queue",this._sendersAwaitingStable),this._sendersAwaitingStable.forEach((e=>{this._pc.removeTrack(e),this._queuedNegotiation=!0})),this._sendersAwaitingStable=[],this._queuedNegotiation?(this._debug("flushing negotiation queue"),this._queuedNegotiation=!1,this._needsNegotiation()):(this._debug("negotiated"),this.emit("negotiated"))),this._debug("signalingStateChange %s",this._pc.signalingState),this.emit("signalingStateChange",this._pc.signalingState))}_onIceCandidate(e){this.destroyed||(e.candidate&&this.trickle?this.emit("signal",{type:"candidate",candidate:{candidate:e.candidate.candidate,sdpMLineIndex:e.candidate.sdpMLineIndex,sdpMid:e.candidate.sdpMid}}):e.candidate||this._iceComplete||(this._iceComplete=!0,this.emit("_iceComplete")),e.candidate&&this._startIceCompleteTimeout())}_onChannelMessage(e){if(this.destroyed)return;let t=e.data;t instanceof ArrayBuffer?t=new Uint8Array(t):!1===this.__objectMode&&(t=(0,b.L0)(t)),this.push(t)}_onChannelBufferedAmountLow(){if(this.destroyed||!this._cb)return;this._debug("ending backpressure: bufferedAmount %d",this._channel.bufferedAmount);const e=this._cb;this._cb=null,e(null)}_onChannelOpen(){this._connected||this.destroyed||(this._debug("on channel open"),this._channelReady=!0,this._maybeReady())}_onChannelClose(){this.destroyed||(this._debug("on channel close"),this.__destroy())}_debug(){const e=[].slice.call(arguments);e[0]="["+this._id+"] "+e[0],X.apply(null,e)}}ee.WEBRTC_SUPPORT=!!V,ee.config={iceServers:[{urls:["stun:stun.l.google.com:19302","stun:global.stun.twilio.com:3478"]}],sdpSemantics:"unified-plan"},ee.channelConfig={};const te=ee;var se=n(1035),ie=n(7541),ne=n(3278),re=n(8271),oe=n(6686),ae=n(7828),he=n(6889);const le=/^\[?([^\]]+)]?:(\d+)$/;let ce=new Map;function de(e){if(1e5===ce.size&&ce.clear(),!ce.has(e)){const t=le.exec(e);if(!t)throw new Error(`invalid addr: ${e}`);ce.set(e,[t[1],Number(t[2])])}return ce.get(e)}var ue=n(3033),pe=n(4497);async function*fe(e,t={}){if(e?.[Symbol.asyncIterator])return void(yield*e[Symbol.asyncIterator](t.offset));if(!e?.get)throw new Error("First argument must be an abstract-chunk-store compliant store");const s=t.chunkLength||e.chunkLength;if(!s)throw new Error("missing required `chunkLength` property");let i=t.length||e.length;if(!Number.isFinite(i))throw new Error("missing required `length` property");const n=t.offset||0,r=(t,s,i)=>new Promise(((n,r)=>{e.get(t,{offset:i,length:s},((e,t)=>{e&&r(e),n(t)}))}));let o=Math.floor(n/s);const a=n%s;if(n){const e=Math.min(i,s-a);i-=e,yield r(o++,e,a)}for(let e=i;e>0;++o,e-=s)yield r(o,Math.min(e,s))}async function me(e,t,s={}){if(!e?.put)throw new Error("First argument must be an abstract-chunk-store compliant store");const i=s.chunkLength||e.chunkLength;if(!i)throw new Error("missing required `chunkLength` property");const n=s.storeMaxOutstandingPuts||16;let r=0,o=0,a=()=>{},h=!1;for await(const l of u(t,i,{zeroPadding:s.zeroPadding||!1}))await new Promise((t=>{r++<=n&&t(),e.put(o++,l,(e=>{if(e)throw e;--r,t(),h&&0===r&&a()}))}));0!==r&&(h=new Promise((e=>{a=e})),await h)}var _e=n(4018),ge=n(3970),ye=n(3519),we=n(1551);const be={DEFAULT_ANNOUNCE_PEERS:50,MAX_ANNOUNCE_PEERS:82,parseUrl:e=>{const t=new URL(e.replace(/^udp:/,"http:"));return e.match(/^udp:/)&&Object.defineProperties(t,{href:{value:t.href.replace(/^http/,"udp")},protocol:{value:t.protocol.replace(/^http/,"udp")},origin:{value:t.origin.replace(/^http/,"udp")}}),t},...n.t(we,2)};var ve=n(826),ke=n(61),xe=n(2701);const Se=I("simple-websocket"),Ee="function"!=typeof xe?WebSocket:xe;class Ce extends Y.Duplex{constructor(e={}){if("string"==typeof e&&(e={url:e}),super(e=Object.assign({allowHalfOpen:!1},e)),this.__objectMode=!!e.objectMode,null!=e.objectMode&&delete e.objectMode,null==e.url&&null==e.socket)throw new Error("Missing required `url` or `socket` option");if(null!=e.url&&null!=e.socket)throw new Error("Must specify either `url` or `socket` option, not both");if(this._id=(0,b.V5)((0,b.po)(4)).slice(0,7),this._debug("new websocket: %o",e),this.connected=!1,this._chunk=null,this._cb=null,this._interval=null,e.socket)this.url=e.socket.url,this._ws=e.socket,this.connected=e.socket.readyState===Ee.OPEN;else{this.url=e.url;try{this._ws="function"==typeof xe?new Ee(e.url,{...e,encoding:void 0}):new Ee(e.url)}catch(e){return void w((()=>this.destroy(e)))}}this._ws.binaryType="arraybuffer",e.socket&&this.connected?w((()=>this._handleOpen())):this._ws.onopen=()=>this._handleOpen(),this._ws.onmessage=e=>this._handleMessage(e),this._ws.onclose=()=>this._handleClose(),this._ws.onerror=e=>this._handleError(e),this._handleFinishBound=()=>this._handleFinish(),this.once("finish",this._handleFinishBound)}send(e){this._ws.send(e)}_final(e){this._readableState.ended||this.push(null),e(null)}_destroy(e){if(!this.destroyed){if(this._writableState.ended||this.end(),this.connected=!1,clearInterval(this._interval),this._interval=null,this._chunk=null,this._cb=null,this._handleFinishBound&&this.removeListener("finish",this._handleFinishBound),this._handleFinishBound=null,this._ws){const e=this._ws,t=()=>{e.onclose=null};if(e.readyState===Ee.CLOSED)t();else try{e.onclose=t,e.close()}catch(e){t()}e.onopen=null,e.onmessage=null,e.onerror=()=>{}}this._ws=null,e()}}_write(e,t){if(this.destroyed)return t(new Error("cannot write after socket is destroyed"));if(this.connected){try{this.send(e)}catch(e){return this.destroy(e)}"function"!=typeof xe&&this._ws.bufferedAmount>65536?(this._debug("start backpressure: bufferedAmount %d",this._ws.bufferedAmount),this._cb=t):t(null)}else this._debug("write before connect"),this._chunk=e,this._cb=t}_handleOpen(){if(!this.connected&&!this.destroyed){if(this.connected=!0,this._chunk){try{this.send(this._chunk)}catch(e){return this.destroy(e)}this._chunk=null,this._debug('sent chunk from "write before connect"');const e=this._cb;this._cb=null,e(null)}"function"!=typeof xe&&(this._interval=setInterval((()=>this._onInterval()),150),this._interval.unref&&this._interval.unref()),this._debug("connect"),this.emit("connect")}}_handleMessage(e){if(this.destroyed)return;let t=e.data;t instanceof ArrayBuffer&&(t=new Uint8Array(t)),!1===this.__objectMode&&(t=(0,b.L0)(t)),this.push(t)}_handleClose(){this.destroyed||(this._debug("on close"),this.destroy())}_handleError(e){this.destroy(new Error(`Error connecting to ${this.url}`))}_handleFinish(){if(this.destroyed)return;const e=()=>{setTimeout((()=>this.destroy()),1e3)};this.connected?e():this.once("connect",e)}_onInterval(){if(!this._cb||!this._ws||this._ws.bufferedAmount>65536)return;this._debug("ending backpressure: bufferedAmount %d",this._ws.bufferedAmount);const e=this._cb;this._cb=null,e(null)}_debug(){const e=[].slice.call(arguments);e[0]="["+this._id+"] "+e[0],Se.apply(null,e)}}Ce.WEBSOCKET_SUPPORT=!!Ee;const Ae=class extends o{constructor(e,t){super(),this.client=e,this.announceUrl=t,this.interval=null,this.destroyed=!1}setInterval(e){null==e&&(e=this.DEFAULT_ANNOUNCE_INTERVAL),clearInterval(this.interval),e&&(this.interval=setInterval((()=>{this.announce(this.client._defaultAnnounceOpts())}),e),this.interval.unref&&this.interval.unref())}},Te=I("bittorrent-tracker:websocket-tracker"),Pe={};class Ie extends Ae{constructor(e,t){super(e,t),Te("new websocket tracker %s",t),this.peers={},this.socket=null,this.reconnecting=!1,this.retries=0,this.reconnectTimer=null,this.expectingResponse=!1,this._openSocket()}announce(e){if(this.destroyed||this.reconnecting)return;if(!this.socket.connected)return void this.socket.once("connect",(()=>{this.announce(e)}));const t=Object.assign({},e,{action:"announce",info_hash:this.client._infoHashBinary,peer_id:this.client._peerIdBinary});if(this._trackerId&&(t.trackerid=this._trackerId),"stopped"===e.event||"completed"===e.event)this._send(t);else{const s=Math.min(e.numwant,5);this._generateOffers(s,(e=>{t.numwant=s,t.offers=e,this._send(t)}))}}scrape(e){if(this.destroyed||this.reconnecting)return;if(!this.socket.connected)return void this.socket.once("connect",(()=>{this.scrape(e)}));const t={action:"scrape",info_hash:Array.isArray(e.infoHash)&&e.infoHash.length>0?e.infoHash.map((e=>(0,b.Ht)(e))):e.infoHash&&(0,b.Ht)(e.infoHash)||this.client._infoHashBinary};this._send(t)}destroy(e=Le){if(this.destroyed)return e(null);this.destroyed=!0,clearInterval(this.interval),clearTimeout(this.reconnectTimer);for(const e in this.peers){const t=this.peers[e];clearTimeout(t.trackerTimeout),t.destroy()}if(this.peers=null,this.socket&&(this.socket.removeListener("connect",this._onSocketConnectBound),this.socket.removeListener("data",this._onSocketDataBound),this.socket.removeListener("close",this._onSocketCloseBound),this.socket.removeListener("error",this._onSocketErrorBound),this.socket=null),this._onSocketConnectBound=null,this._onSocketErrorBound=null,this._onSocketDataBound=null,this._onSocketCloseBound=null,Pe[this.announceUrl]&&(Pe[this.announceUrl].consumers-=1),Pe[this.announceUrl].consumers>0)return e();let t,s=Pe[this.announceUrl];if(delete Pe[this.announceUrl],s.on("error",Le),s.once("close",e),!this.expectingResponse)return i();function i(){t&&(clearTimeout(t),t=null),s.removeListener("data",i),s.destroy(),s=null}t=setTimeout(i,be.DESTROY_TIMEOUT),s.once("data",i)}_openSocket(){if(this.destroyed=!1,this.peers||(this.peers={}),this._onSocketConnectBound=()=>{this._onSocketConnect()},this._onSocketErrorBound=e=>{this._onSocketError(e)},this._onSocketDataBound=e=>{this._onSocketData(e)},this._onSocketCloseBound=()=>{this._onSocketClose()},this.socket=Pe[this.announceUrl],this.socket)Pe[this.announceUrl].consumers+=1,this.socket.connected&&this._onSocketConnectBound();else{const e=new URL(this.announceUrl);let t;this.client._proxyOpts&&(t="wss:"===e.protocol?this.client._proxyOpts.httpsAgent:this.client._proxyOpts.httpAgent,!t&&this.client._proxyOpts.socksProxy&&(t=this.client._proxyOpts.socksProxy)),this.socket=Pe[this.announceUrl]=new Ce({url:this.announceUrl,agent:t}),this.socket.consumers=1,this.socket.once("connect",this._onSocketConnectBound)}this.socket.on("data",this._onSocketDataBound),this.socket.once("close",this._onSocketCloseBound),this.socket.once("error",this._onSocketErrorBound)}_onSocketConnect(){this.destroyed||this.reconnecting&&(this.reconnecting=!1,this.retries=0,this.announce(this.client._defaultAnnounceOpts()))}_onSocketData(e){if(!this.destroyed){this.expectingResponse=!1;try{e=JSON.parse((0,b.dU)(e))}catch(e){return void this.client.emit("warning",new Error("Invalid tracker response"))}"announce"===e.action?this._onAnnounceResponse(e):"scrape"===e.action?this._onScrapeResponse(e):this._onSocketError(new Error(`invalid action in WS response: ${e.action}`))}}_onAnnounceResponse(e){if(e.info_hash!==this.client._infoHashBinary)return void Te("ignoring websocket data from %s for %s (looking for %s: reused socket)",this.announceUrl,(0,b.HB)(e.info_hash),this.client.infoHash);if(e.peer_id&&e.peer_id===this.client._peerIdBinary)return;Te("received %s from %s for %s",JSON.stringify(e),this.announceUrl,this.client.infoHash);const t=e["failure reason"];if(t)return this.client.emit("warning",new Error(t));const s=e["warning message"];s&&this.client.emit("warning",new Error(s));const i=e.interval||e["min interval"];i&&this.setInterval(1e3*i);const n=e["tracker id"];if(n&&(this._trackerId=n),null!=e.complete){const t=Object.assign({},e,{announce:this.announceUrl,infoHash:(0,b.HB)(e.info_hash)});this.client.emit("update",t)}let r;if(e.offer&&e.peer_id&&(Te("creating peer (from remote offer)"),r=this._createPeer(),r.id=(0,b.HB)(e.peer_id),r.once("signal",(t=>{const s={action:"announce",info_hash:this.client._infoHashBinary,peer_id:this.client._peerIdBinary,to_peer_id:e.peer_id,answer:t,offer_id:e.offer_id};this._trackerId&&(s.trackerid=this._trackerId),this._send(s)})),this.client.emit("peer",r),r.signal(e.offer)),e.answer&&e.peer_id){const t=(0,b.HB)(e.offer_id);r=this.peers[t],r?(r.id=(0,b.HB)(e.peer_id),this.client.emit("peer",r),r.signal(e.answer),clearTimeout(r.trackerTimeout),r.trackerTimeout=null,delete this.peers[t]):Te(`got unexpected answer: ${JSON.stringify(e.answer)}`)}}_onScrapeResponse(e){e=e.files||{};const t=Object.keys(e);0!==t.length?t.forEach((t=>{const s=Object.assign(e[t],{announce:this.announceUrl,infoHash:(0,b.HB)(t)});this.client.emit("scrape",s)})):this.client.emit("warning",new Error("invalid scrape response"))}_onSocketClose(){this.destroyed||(this.destroy(),this._startReconnectTimer())}_onSocketError(e){this.destroyed||(this.destroy(),this.client.emit("warning",e),this._startReconnectTimer())}_startReconnectTimer(){const e=Math.floor(3e5*Math.random())+Math.min(1e4*Math.pow(2,this.retries),36e5);this.reconnecting=!0,clearTimeout(this.reconnectTimer),this.reconnectTimer=setTimeout((()=>{this.retries++,this._openSocket()}),e),this.reconnectTimer.unref&&this.reconnectTimer.unref(),Te("reconnecting socket in %s ms",e)}_send(e){if(this.destroyed)return;this.expectingResponse=!0;const t=JSON.stringify(e);Te("send %s",t),this.socket.send(t)}_generateOffers(e,t){const s=this,i=[];Te("generating %s offers",e);for(let t=0;t<e;++t)n();function n(){const e=(0,b.V5)((0,b.po)(20));Te("creating peer (from _generateOffers)");const t=s.peers[e]=s._createPeer({initiator:!0});t.once("signal",(t=>{i.push({offer:t,offer_id:(0,b.Ht)(e)}),r()})),t.trackerTimeout=setTimeout((()=>{Te("tracker timeout: destroying peer"),t.trackerTimeout=null,delete s.peers[e],t.destroy()}),5e4),t.trackerTimeout.unref&&t.trackerTimeout.unref()}function r(){i.length===e&&(Te("generated %s offers",e),t(i))}r()}_createPeer(e){const t=this;e=Object.assign({trickle:!1,config:t.client._rtcConfig,wrtc:t.client._wrtc},e);const s=new te(e);return s.once("error",i),s.once("connect",(function e(){s.removeListener("error",i),s.removeListener("connect",e)})),s;function i(e){t.client.emit("warning",new Error(`Connection error: ${e.message}`)),s.destroy()}}}function Le(){}Ie.prototype.DEFAULT_ANNOUNCE_INTERVAL=3e4,Ie._socketPool=Pe;const Oe=Ie;var Re=n(717);const He=I("bittorrent-tracker:client");class Ne extends o{constructor(e={}){if(super(),!e.peerId)throw new Error("Option `peerId` is required");if(!e.infoHash)throw new Error("Option `infoHash` is required");if(!e.announce)throw new Error("Option `announce` is required");if(!Re.browser&&!e.port)throw new Error("Option `port` is required");this.peerId="string"==typeof e.peerId?e.peerId:(0,b.V5)(e.peerId),this._peerIdBuffer=(0,b.fk)(this.peerId),this._peerIdBinary=(0,b.Ht)(this.peerId),this.infoHash="string"==typeof e.infoHash?e.infoHash.toLowerCase():(0,b.V5)(e.infoHash),this._infoHashBuffer=(0,b.fk)(this.infoHash),this._infoHashBinary=(0,b.Ht)(this.infoHash),He("new client %s",this.infoHash),this.destroyed=!1,this._port=e.port,this._getAnnounceOpts=e.getAnnounceOpts,this._rtcConfig=e.rtcConfig,this._userAgent=e.userAgent,this._proxyOpts=e.proxyOpts,this._wrtc="function"==typeof e.wrtc?e.wrtc():e.wrtc;let t="string"==typeof e.announce?[e.announce]:null==e.announce?[]:e.announce;t=t.map((e=>(ArrayBuffer.isView(e)&&(e=(0,b.dU)(e)),"/"===e[e.length-1]&&(e=e.substring(0,e.length-1)),e))),t=Array.from(new Set(t));const s=!1!==this._wrtc&&(!!this._wrtc||te.WEBRTC_SUPPORT),i=e=>{w((()=>{this.emit("warning",e)}))};this._trackers=t.map((e=>{let t;try{t=be.parseUrl(e)}catch(t){return i(new Error(`Invalid tracker URL: ${e}`)),null}const n=t.port;if(n<0||n>65535)return i(new Error(`Invalid tracker port: ${e}`)),null;const r=t.protocol;return"http:"!==r&&"https:"!==r||"function"!=typeof ve?"udp:"===r&&"function"==typeof ke?new ke(this,e):"ws:"!==r&&"wss:"!==r||!s||"ws:"===r&&"undefined"!=typeof window&&"https:"===window.location.protocol?(i(new Error(`Unsupported tracker protocol: ${e}`)),null):new Oe(this,e):new ve(this,e)})).filter(Boolean)}start(e){(e=this._defaultAnnounceOpts(e)).event="started",He("send `start` %o",e),this._announce(e),this._trackers.forEach((e=>{e.setInterval()}))}stop(e){(e=this._defaultAnnounceOpts(e)).event="stopped",He("send `stop` %o",e),this._announce(e)}complete(e){e||(e={}),(e=this._defaultAnnounceOpts(e)).event="completed",He("send `complete` %o",e),this._announce(e)}update(e){(e=this._defaultAnnounceOpts(e)).event&&delete e.event,He("send `update` %o",e),this._announce(e)}_announce(e){this._trackers.forEach((t=>{t.announce(e)}))}scrape(e){He("send `scrape`"),e||(e={}),this._trackers.forEach((t=>{t.scrape(e)}))}setInterval(e){He("setInterval %d",e),this._trackers.forEach((t=>{t.setInterval(e)}))}destroy(e){if(this.destroyed)return;this.destroyed=!0,He("destroy");const t=this._trackers.map((e=>t=>{e.destroy(t)}));y(t,e),this._trackers=[],this._getAnnounceOpts=null}_defaultAnnounceOpts(e={}){return null==e.numwant&&(e.numwant=be.DEFAULT_ANNOUNCE_PEERS),null==e.uploaded&&(e.uploaded=0),null==e.downloaded&&(e.downloaded=0),this._getAnnounceOpts&&(e=Object.assign({},e,this._getAnnounceOpts())),e}}Ne.scrape=(e,t)=>{if(t=ye(t),!e.infoHash)throw new Error("Option `infoHash` is required");if(!e.announce)throw new Error("Option `announce` is required");const s=Object.assign({},e,{infoHash:Array.isArray(e.infoHash)?e.infoHash[0]:e.infoHash,peerId:(0,b.L0)("01234567890123456789"),port:6881}),i=new Ne(s);i.once("error",t),i.once("warning",t);let n=Array.isArray(e.infoHash)?e.infoHash.length:1;const r={};return i.on("scrape",(e=>{if(n-=1,r[e.infoHash]=e,0===n){i.destroy();const e=Object.keys(r);1===e.length?t(null,r[e[0]]):t(null,r)}})),i.scrape({infoHash:e.infoHash}),i};const Me=Ne;n(7936);var Ue=n(2799),Fe=n(717);const je=I("torrent-discovery");class Be extends o.EventEmitter{constructor(e){if(super(),!e.peerId)throw new Error("Option `peerId` is required");if(!e.infoHash)throw new Error("Option `infoHash` is required");if(!Fe.browser&&!e.port)throw new Error("Option `port` is required");this.peerId="string"==typeof e.peerId?e.peerId:e.peerId.toString("hex"),this.infoHash="string"==typeof e.infoHash?e.infoHash.toLowerCase():e.infoHash.toString("hex"),this._port=e.port,this._userAgent=e.userAgent,this.destroyed=!1,this._announce=e.announce||[],this._intervalMs=e.intervalMs||9e5,this._trackerOpts=null,this._dhtAnnouncing=!1,this._dhtTimeout=!1,this._internalDHT=!1,this._onWarning=e=>{this.emit("warning",e)},this._onError=e=>{this.emit("error",e)},this._onDHTPeer=(e,t)=>{t.toString("hex")===this.infoHash&&this.emit("peer",`${e.host}:${e.port}`,"dht")},this._onTrackerPeer=e=>{this.emit("peer",e,"tracker")},this._onTrackerAnnounce=()=>{this.emit("trackerAnnounce")},this._onLSDPeer=(e,t)=>{this.emit("peer",e,"lsd")};const t=(e,t)=>{const s=new ge.Client(t);return s.on("warning",this._onWarning),s.on("error",this._onError),s.listen(e),this._internalDHT=!0,s};!1===e.tracker?this.tracker=null:e.tracker&&"object"==typeof e.tracker?(this._trackerOpts=Object.assign({},e.tracker),this.tracker=this._createTracker()):this.tracker=this._createTracker(),!1===e.dht||"function"!=typeof ge.Client?this.dht=null:e.dht&&"function"==typeof e.dht.addNode?this.dht=e.dht:e.dht&&"object"==typeof e.dht?this.dht=t(e.dhtPort,e.dht):this.dht=t(e.dhtPort),this.dht&&(this.dht.on("peer",this._onDHTPeer),this._dhtAnnounce()),!1===e.lsd||"function"!=typeof Ue?this.lsd=null:this.lsd=this._createLSD()}updatePort(e){e!==this._port&&(this._port=e,this.dht&&this._dhtAnnounce(),this.tracker&&(this.tracker.stop(),this.tracker.destroy((()=>{this.tracker=this._createTracker()}))))}complete(e){this.tracker&&this.tracker.complete(e)}destroy(e){if(this.destroyed)return;this.destroyed=!0,clearTimeout(this._dhtTimeout);const t=[];this.tracker&&(this.tracker.stop(),this.tracker.removeListener("warning",this._onWarning),this.tracker.removeListener("error",this._onError),this.tracker.removeListener("peer",this._onTrackerPeer),this.tracker.removeListener("update",this._onTrackerAnnounce),t.push((e=>{this.tracker.destroy(e)}))),this.dht&&this.dht.removeListener("peer",this._onDHTPeer),this._internalDHT&&(this.dht.removeListener("warning",this._onWarning),this.dht.removeListener("error",this._onError),t.push((e=>{this.dht.destroy(e)}))),this.lsd&&(this.lsd.removeListener("warning",this._onWarning),this.lsd.removeListener("error",this._onError),this.lsd.removeListener("peer",this._onLSDPeer),t.push((e=>{this.lsd.destroy(e)}))),y(t,e),this.dht=null,this.tracker=null,this.lsd=null,this._announce=null}_createTracker(){const e=Object.assign({},this._trackerOpts,{infoHash:this.infoHash,announce:this._announce,peerId:this.peerId,port:this._port,userAgent:this._userAgent}),t=new Me(e);return t.on("warning",this._onWarning),t.on("error",this._onError),t.on("peer",this._onTrackerPeer),t.on("update",this._onTrackerAnnounce),t.setInterval(this._intervalMs),t.start(),t}_dhtAnnounce(){this._dhtAnnouncing||(je("dht announce"),this._dhtAnnouncing=!0,clearTimeout(this._dhtTimeout),this.dht.announce(this.infoHash,this._port,(e=>{this._dhtAnnouncing=!1,je("dht announce complete"),e&&this.emit("warning",e),this.emit("dhtAnnounce"),this.destroyed||(this._dhtTimeout=setTimeout((()=>{this._dhtAnnounce()}),this._intervalMs+Math.floor(Math.random()*this._intervalMs/5)),this._dhtTimeout.unref&&this._dhtTimeout.unref())})))}_createLSD(){const e=Object.assign({},{infoHash:this.infoHash,peerId:this.peerId,port:this._port}),t=new Ue(e);return t.on("warning",this._onWarning),t.on("error",this._onError),t.on("peer",this._onLSDPeer),t.start(),t}}const De=Be;const qe=["seeking position failed.","InvalidStateError"],We=["A requested file or directory could not be found at the time an operation was processed.","NotFoundError"],$e=e=>[`Failed to execute 'write' on 'UnderlyingSinkBase': Invalid params passed. ${e}`,"SyntaxError"];class ze extends WritableStream{constructor(e){super(e),Object.setPrototypeOf(this,FileSystemWritableFileStream.prototype),this._closed=!1}async close(){this._closed=!0;const e=this.getWriter(),t=e.close();return e.releaseLock(),t}seek(e){return this.write({type:"seek",position:e})}truncate(e){return this.write({type:"truncate",size:e})}write(e){if(this._closed)return Promise.reject(new TypeError("Cannot write to a CLOSED writable stream"));const t=this.getWriter(),s=t.write(e);return t.releaseLock(),s}}if(Object.defineProperty(ze.prototype,Symbol.toStringTag,{value:"FileSystemWritableFileStream",writable:!1,enumerable:!1,configurable:!0}),Object.defineProperties(ze.prototype,{close:{enumerable:!0},seek:{enumerable:!0},truncate:{enumerable:!0},write:{enumerable:!0}}),!globalThis.FileSystemFileHandle||globalThis.FileSystemFileHandle.prototype.createWritable||globalThis.FileSystemWritableFileStream||(globalThis.FileSystemWritableFileStream=ze),globalThis.FileSystemFileHandle&&!globalThis.FileSystemFileHandle.prototype.createWritable){const e=new WeakMap;let t;const s=()=>{let e,t;onmessage=async s=>{const i=s.ports[0],n=s.data;switch(n.type){case"open":{const s=n.name;let i=await navigator.storage.getDirectory();for(const e of n.path)i=await i.getDirectoryHandle(e);e=await i.getFileHandle(s),t=await e.createSyncAccessHandle();break}case"write":t.write(n.data,{at:n.position}),t.flush();break;case"truncate":t.truncate(n.size);break;case"abort":case"close":t.close()}i.postMessage(0)}};globalThis.FileSystemFileHandle.prototype.createWritable=async function(i){if(!t){const e=`(${s.toString()})()`,i=new Blob([e],{type:"text/javascript"});t=URL.createObjectURL(i)}const n=new Worker(t,{type:"module"});let r=0;const o=new TextEncoder;let a=await this.getFile().then((e=>e.size));const h=e=>new Promise(((t,s)=>{const i=new MessageChannel;i.port1.onmessage=e=>{e.data instanceof Error?s(e.data):t(e.data),i.port1.close(),i.port2.close(),i.port1.onmessage=null},n.postMessage(e,[i.port2])})),l=await navigator.storage.getDirectory(),c=await e.get(this),d=await l.resolve(c);if(null===d)throw new DOMException(...We);return await h({type:"open",path:d,name:this.name}),!1===i?.keepExistingData&&(await h({type:"truncate",size:0}),a=0),new ze({async write(e){if("write"===(e=e?.constructor===Object?{...e}:{type:"write",data:e,position:r}).type){if(!("data"in e))throw await h({type:"close"}),new DOMException(...$e("write requires a data argument"));if(e.position??=r,"string"==typeof e.data)e.data=o.encode(e.data);else if(e.data instanceof ArrayBuffer)e.data=new Uint8Array(e.data);else if(e.data instanceof Uint8Array||!ArrayBuffer.isView(e.data)){if(!(e.data instanceof Uint8Array)){const t=await new Response(e.data).arrayBuffer();e.data=new Uint8Array(t)}}else e.data=new Uint8Array(e.data.buffer,e.data.byteOffset,e.data.byteLength);Number.isInteger(e.position)&&e.position>=0&&(r=e.position),r+=e.data.byteLength,a+=e.data.byteLength}else{if("seek"===e.type){if(Number.isInteger(e.position)&&e.position>=0){if(a<e.position)throw new DOMException(...qe);return void(r=e.position)}throw await h({type:"close"}),new DOMException(...$e("seek requires a position argument"))}if("truncate"===e.type){if(!(Number.isInteger(e.size)&&e.size>=0))throw await h({type:"close"}),new DOMException(...$e("truncate requires a size argument"));a=e.size,r>a&&(r=a)}}await h(e)},async close(){await h({type:"close"}),n.terminate()},async abort(e){await h({type:"abort",reason:e}),n.terminate()}})};const i=FileSystemDirectoryHandle.prototype.getFileHandle;FileSystemDirectoryHandle.prototype.getFileHandle=async function(...t){const s=await i.call(this,...t);return e.set(s,this),s}}const Ve=/[<>:"/\\|?*\u0000-\u001F]/g;globalThis.navigator?.storage?.getDirectory&&navigator.storage.getDirectory().then((e=>{e.removeEntry("chunks",{recursive:!0}).catch((()=>{}))}));const Ge=(e,t)=>{};class Ke{name="";chunks=[];chunkMap=[];directoryMap={};files;rootDirPromise;storageDirPromise;chunksDirPromise;closing=!1;closed=!1;constructor(e,t={}){if(this.chunkLength=Number(e),!this.chunkLength)throw new Error("First argument must be a chunk length");if(!globalThis.navigator?.storage?.getDirectory)throw new Error("FSA API is not supported");if(this.closed=!1,this.name=t.name||crypto.randomUUID(),this.rootDirPromise=t.rootDir||navigator.storage.getDirectory(),this.storageDirPromise=(async()=>(await this.rootDirPromise).getDirectoryHandle(this.name,{create:!0}))(),this.chunksDirPromise=this.storageDirPromise,t.files&&t.rootDir){if(this.chunksDirPromise=this._getChunksDirHandle(),this.files=t.files.map(((e,t,s)=>{if(null==e.path)throw new Error("File is missing `path` property");if(null==e.length)throw new Error("File is missing `length` property");if(null==e.offset)if(0===t)e.offset=0;else{const i=s[t-1];e.offset=i.offset+i.length}null==e.handle&&(e.handle=this._createFileHandle({path:e.path})),e.blob=this._createBlobReference(e.handle);const i=e.offset,n=e.offset+e.length,r=Math.floor(i/this.chunkLength),o=Math.floor((n-1)/this.chunkLength);for(let t=r;t<=o;++t){const s=t*this.chunkLength,r=i<s?0:i-s,o=n>s+this.chunkLength?this.chunkLength:n-s,a=i>s?0:s-i;this.chunkMap[t]||(this.chunkMap[t]=[]),this.chunkMap[t].push({from:r,to:o,offset:a,file:e})}return e})),window.addEventListener("pagehide",(()=>this.cleanup())),this.length=this.files.reduce(((e,t)=>e+t.length),0),null!=t.length&&t.length!==this.length)throw new Error("total `files` length is not equal to explicit `length` option")}else this.length=Number(t.length)||1/0;this.length!==1/0&&(this.lastChunkLength=this.length%this.chunkLength||this.chunkLength,this.lastChunkIndex=Math.ceil(this.length/this.chunkLength)-1)}async _getChunkHandle(e){let t=this.chunks[e];if(!t){const s=await this.chunksDirPromise;this.chunks[e]=t=await s.getFileHandle(e,{create:!0})}return t}async _createFileHandle(e){const t=e.path.slice(e.path.lastIndexOf("/")+1);return(await this._getDirectoryHandle(e)).getFileHandle(t.replace(Ve,""),{create:!0})}async _createBlobReference(e){return(await e).getFile()}async _getDirectoryHandle(e){const t=e.path.lastIndexOf("/");if(-1===t||0===t)return this.storageDirPromise;const s=e.path=e.path.slice(0,t);return this.directoryMap[s]||(this.directoryMap[s]=(async()=>(await this._getDirectoryHandle(e)).getDirectoryHandle(s.slice(s.lastIndexOf("/")+1),{create:!0}))()),this.directoryMap[s]}async _getChunksDirHandle(){const e=await navigator.storage.getDirectory();return(await e.getDirectoryHandle("chunks",{create:!0})).getDirectoryHandle(this.name,{create:!0})}async put(e,t,s=Ge){try{return await this._put(e,t),s(null),null}catch(e){return queueMicrotask((()=>s(e))),e}}async getStreamForHandle(e){return(await e).createWritable({keepExistingData:!0})}async _put(e,t){if(this.closed)throw new Error("Storage is closed");const s=e===this.lastChunkIndex;if(s&&t.length!==this.lastChunkLength)throw new Error(`Last chunk length must be ${this.lastChunkLength}`);if(!s&&t.length!==this.chunkLength)throw new Error(`Chunk length must be ${this.chunkLength}`);const i=(async()=>{const s=await this._getChunkHandle(e),i=await s.createWritable({keepExistingData:!1});await i.write(t),await i.close()})();if(!this.files)return i;const n=this.chunkMap[e];if(!n)throw new Error("No files matching the request range");const r=n.map((async({file:e,offset:s,from:i,to:n})=>{e.stream||(e.stream=this.getStreamForHandle(e.handle)),await(await e.stream).write({type:"write",position:s,data:t.slice(i,n)})}));r.push(i),await Promise.all(r)}async get(e,t,s=Ge){null==t&&(t={});try{const i=await this._get(e,t);return s(null,i),i}catch(e){return s(e),e}}async _get(e,t){if("function"==typeof t)return this.get(e,void 0,t);if(this.closed)throw new Error("Storage is closed");const s=e===this.lastChunkIndex?this.lastChunkLength:this.chunkLength,i=t.offset||0,n=t.length?i+t.length:s,r=t.length||s-i;if(i<0||i<0||n>s)throw new Error("Invalid offset and/or length");if(i===n)return new Uint8Array(0);if(!this.files||this.chunks[e]){const t=await this._getChunkHandle(e);let n=await t.getFile();0===i&&r===s||(n=n.slice(i,r+i));const o=await n.arrayBuffer();if(0===o.byteLength)throw new Error(`Index ${e} does not exist`);return new Uint8Array(o)}let o=this.chunkMap[e];if(!o)throw new Error("No files matching the request range");if(t&&(o=o.filter((({from:e,to:t})=>t>i&&e<n)),0===o.length))throw new Error("No files matching the request range");const a=o.map((async({from:e,to:s,offset:r,file:o})=>{t&&(s>n&&(s=n),e<i&&(r+=i-e,e=i));return(await o.blob).slice(r,r+s-e)})),h=await Promise.all(a),l=1===h.length?await h[0].arrayBuffer():await new Blob(h).arrayBuffer();if(0===l.byteLength)throw new Error(`Index ${e} does not exist`);return new Uint8Array(l)}async close(e=Ge){if(this.closing)return((e=Ge,t)=>queueMicrotask((()=>e(new Error(t)))))(e,"Storage is closed");this.closing=!0,this.chunkMap=void 0,this.directoryMap=void 0,this.files&&await this.cleanup(),this.closed=!0,queueMicrotask((()=>e(null)))}async cleanup(){if(this.closed||!this.files)return;const e=[];for(const t of this.files)t.stream&&(e.push(t.stream.then((e=>e.close()))),t.stream=void 0);const t=(async()=>{const e=await this.chunksDirPromise;this.chunks=[];for await(const t of e.keys())await e.removeEntry(t,{recursive:!0});this.chunksDirPromise=this._getChunksDirHandle(),await this.chunksDirPromise})();await Promise.all(e);for(const e of this.files)e.blob=this._createBlobReference(e.handle);await t}async destroy(e=Ge){this.close((async t=>{if(t)return e(t);try{const e=await this.rootDirPromise;await e.removeEntry(this.name,{recursive:!0})}catch(t){return e(t)}e(null)}))}}var Ye=n(3714),Je=n(1314);const Xe=I("lt_donthave"),Qe=()=>{class e extends o.EventEmitter{constructor(e){super(),this._peerSupports=!1,this._wire=e}onExtendedHandshake(){this._peerSupports=!0}onMessage(e){let t;try{t=new DataView(e.buffer).getUint32(0)}catch(e){return}this._wire.peerPieces.get(t)&&(Xe("got donthave %d",t),this._wire.peerPieces.set(t,!1),this.emit("donthave",t),this._failRequests(t))}donthave(e){if(!this._peerSupports)return;Xe("donthave %d",e);const t=new Uint8Array(4);new DataView(t.buffer).setUint32(0,e),this._wire.extended("lt_donthave",t)}_failRequests(e){const t=this._wire.requests;for(let s=0;s<t.length;s++){const i=t[s];i.piece===e&&(Je(t,s),s-=1,this._wire._callback(i,new Error("peer sent donthave"),null))}}}return e.prototype.name="lt_donthave",e};var Ze=n(4862),et=n(5372);const tt=16384;class st{constructor(e){this.length=e,this.missing=e,this.sources=null,this._chunks=Math.ceil(e/tt),this._remainder=e%tt||tt,this._buffered=0,this._buffer=null,this._cancellations=null,this._reservations=0,this._flushed=!1}chunkLength(e){return e===this._chunks-1?this._remainder:tt}chunkLengthRemaining(e){return this.length-e*tt}chunkOffset(e){return e*tt}reserve(){return this.init()?this._cancellations.length?this._cancellations.pop():this._reservations<this._chunks?this._reservations++:-1:-1}reserveRemaining(){if(!this.init())return-1;if(this._cancellations.length||this._reservations<this._chunks){let e=this._reservations;for(;this._cancellations.length;)e=Math.min(e,this._cancellations.pop());return this._reservations=this._chunks,e}return-1}cancel(e){this.init()&&this._cancellations.push(e)}cancelRemaining(e){this.init()&&(this._reservations=e)}get(e){return this.init()?this._buffer[e]:null}set(e,t,s){if(!this.init())return!1;const i=t.length,n=Math.ceil(i/tt);for(let i=0;i<n;i++)if(!this._buffer[e+i]){const n=i*tt,r=t.slice(n,n+tt);this._buffered++,this._buffer[e+i]=r,this.missing-=r.length,this.sources.includes(s)||this.sources.push(s)}return this._buffered===this._chunks}flush(){if(!this._buffer||this._chunks!==this._buffered)return null;const e=(0,b.xW)(this._buffer,this.length);return this._buffer=null,this._cancellations=null,this.sources=null,this._flushed=!0,e}init(){return!this._flushed&&(this._buffer||(this._buffer=new Array(this._chunks),this._cancellations=[],this.sources=[]),!0)}}st.BLOCK_LENGTH=tt;var it=n(7373);const nt=I("ut_metadata"),rt=16384,ot=e=>{class t extends o.EventEmitter{constructor(t){super(),this._wire=t,this._fetching=!1,this._metadataComplete=!1,this._metadataSize=null,this._remainingRejects=null,this._bitfield=new ue.A(0,{grow:1e3}),ArrayBuffer.isView(e)&&this.setMetadata(e)}onHandshake(e,t,s){this._infoHash=e}onExtendedHandshake(e){return e.m&&e.m.ut_metadata?e.metadata_size?"number"!=typeof e.metadata_size||1e7<e.metadata_size||e.metadata_size<=0?this.emit("warning",new Error("Peer gave invalid metadata size")):(this._metadataSize=e.metadata_size,this._numPieces=Math.ceil(this._metadataSize/rt),this._remainingRejects=2*this._numPieces,void this._requestPieces()):this.emit("warning",new Error("Peer does not have metadata")):this.emit("warning",new Error("Peer does not support ut_metadata"))}onMessage(e){let t,s;try{const i=(0,b.dU)(e),n=i.indexOf("ee")+2;t=d.A.decode(i.substring(0,n)),s=e.slice(n)}catch(e){return}switch(t.msg_type){case 0:this._onRequest(t.piece);break;case 1:this._onData(t.piece,s,t.total_size);break;case 2:this._onReject(t.piece)}}fetch(){this._metadataComplete||(this._fetching=!0,this._metadataSize&&this._requestPieces())}cancel(){this._fetching=!1}async setMetadata(e){if(this._metadataComplete)return!0;nt("set metadata");try{const t=d.A.decode(e).info;t&&(e=d.A.encode(t))}catch(e){}return(!this._infoHash||this._infoHash===await(0,b.tW)(e,"hex"))&&(this.cancel(),this.metadata=e,this._metadataComplete=!0,this._metadataSize=this.metadata.length,this._wire.extendedHandshake.metadata_size=this._metadataSize,this.emit("metadata",d.A.encode({info:d.A.decode(this.metadata)})),!0)}_send(e,t){let s=d.A.encode(e);ArrayBuffer.isView(t)&&(s=(0,b.xW)([s,t])),this._wire.extended("ut_metadata",s)}_request(e){this._send({msg_type:0,piece:e})}_data(e,t,s){const i={msg_type:1,piece:e};"number"==typeof s&&(i.total_size=s),this._send(i,t)}_reject(e){this._send({msg_type:2,piece:e})}_onRequest(e){if(!this._metadataComplete)return void this._reject(e);const t=e*rt;let s=t+rt;s>this._metadataSize&&(s=this._metadataSize);const i=this.metadata.slice(t,s);this._data(e,i,this._metadataSize)}_onData(e,t,s){t.length>rt||!this._fetching||(this.metadata.set(t,e*rt),this._bitfield.set(e),this._checkDone())}_onReject(e){this._remainingRejects>0&&this._fetching?(this._request(e),this._remainingRejects-=1):this.emit("warning",new Error('Peer sent "reject" too much'))}_requestPieces(){if(this._fetching){this.metadata=new Uint8Array(this._metadataSize);for(let e=0;e<this._numPieces;e++)this._request(e)}}async _checkDone(){let e=!0;for(let t=0;t<this._numPieces;t++)if(!this._bitfield.get(t)){e=!1;break}if(!e)return;await this.setMetadata(this.metadata)||this._failedMetadata()}_failedMetadata(){this._bitfield=new ue.A(0,{grow:1e3}),this._remainingRejects-=this._numPieces,this._remainingRejects>0?this._requestPieces():this.emit("warning",new Error("Peer sent invalid metadata"))}}return t.prototype.name="ut_metadata",t};var at=n(8878),ht=n(1133);const lt=I("webtorrent:file-iterator");class ct extends o{constructor(e,{start:t,end:s}){super(),this._torrent=e._torrent,this._pieceLength=e._torrent.pieceLength,this._startPiece=(t+e.offset)/this._pieceLength|0,this._endPiece=(s+e.offset)/this._pieceLength|0,this._piece=this._startPiece,this._offset=t+e.offset-this._startPiece*this._pieceLength,this._missing=s-t+1,this._criticalLength=Math.min(1048576/this._pieceLength|0,2),this._torrent._select(this._startPiece,this._endPiece,1,null,!0),this.destroyed=!1}[Symbol.asyncIterator](){return this}next(){return new Promise(((e,t)=>{if(0===this._missing||this.destroyed)return e({done:!0}),this.destroy();const s=(i,n)=>{if(!this._torrent.bitfield.get(i)){const e=t=>{(t===i||this.destroyed)&&(this._torrent.removeListener("verified",e),s(i,n))};return this._torrent.on("verified",e),this._torrent.critical(i,i+this._criticalLength)}if(this._torrent.destroyed)return t(new Error("Torrent removed"));this._torrent.store.get(i,n,((s,n)=>this.destroyed?e({done:!0}):(lt("read %s and yielding (length %s) (err %s)",i,n?.length,s?.message),s?t(s):void e({value:n,done:!1}))))},i=Math.min(this._missing,this._pieceLength-this._offset);s(this._piece++,{length:i,offset:this._offset}),this._missing-=i,this._offset=0}))}async return(){return this.destroy(),{done:!0}}async throw(e){throw e}destroy(e=()=>{},t){this.destroyed||(this.destroyed=!0,this._torrent.destroyed||this._torrent._deselect(this._startPiece,this._endPiece,!0),this.emit("return"),e(t))}}class dt extends o{constructor(e,t){super(),this._torrent=e,this._destroyed=!1,this._fileStreams=new Set,this._iterators=new Set,this.name=t.name,this.path=t.path,this.length=t.length,this.size=t.length,this.type=ht.getType(this.name)||"application/octet-stream",this.offset=t.offset,this.done=!1;const s=t.offset,i=s+t.length-1;this._startPiece=s/this._torrent.pieceLength|0,this._endPiece=i/this._torrent.pieceLength|0,0===this.length&&(this.done=!0,this.emit("done")),this._client=e.client}get downloaded(){if(this._destroyed||!this._torrent.bitfield)return 0;const{pieces:e,bitfield:t,pieceLength:s,lastPieceLength:i}=this._torrent,{_startPiece:n,_endPiece:r}=this,o=n=>{const r=n===e.length-1?i:s;return t.get(n)?r:r-e[n].missing};let a=0;for(let t=n;t<=r;t+=1){const h=o(t);if(a+=h,t===n){const e=this.offset%s;a-=Math.min(e,h)}if(t===r){const t=(r===e.length-1?i:s)-(this.offset+this.length)%s;a-=Math.min(t,h)}}return a}get progress(){return this.length?this.downloaded/this.length:0}select(e){0!==this.length&&this._torrent.select(this._startPiece,this._endPiece,e)}deselect(){0!==this.length&&this._torrent.deselect(this._startPiece,this._endPiece)}[Symbol.asyncIterator](e={}){if(0===this.length)return async function*(){}();const{start:t=0}=e??{},s=e?.end&&e.end<this.length?e.end:this.length-1;if(this.done)return fe(this._torrent.store,{offset:t+this.offset,length:s-t+1});const i=new ct(this,{start:t,end:s});return this._iterators.add(i),i.once("return",(()=>{this._iterators.delete(i)})),i}createReadStream(e){const t=this[Symbol.asyncIterator](e),s=Y.Readable.from(t);return this._fileStreams.add(s),s.once("close",(()=>{this._fileStreams.delete(s)})),s}async arrayBuffer(e={}){const{start:t=0}=e,s=e?.end&&e.end<this.length?e.end:this.length-1,i=new Uint8Array(s-t+1);let n=0;for await(const e of this[Symbol.asyncIterator]({start:t,end:s}))i.set(e,n),n+=e.length;return i.buffer}async blob(e){return new Blob([await this.arrayBuffer(e)],{type:this.type})}stream(e){let t;return new ReadableStream({start:()=>{t=this[Symbol.asyncIterator](e)},async pull(e){const{value:s,done:i}=await t.next();i?e.close():e.enqueue(s)},cancel(){t.return()}})}get streamURL(){if(!this._client._server)throw new Error("No server created");return`${this._client._server.pathname}/${this._torrent.infoHash}/${this.path}`}streamTo(e){return e.src=this.streamURL,e}includes(e){return this._startPiece<=e&&this._endPiece>=e}_destroy(){this._destroyed=!0,this._torrent=null;for(const e of this._fileStreams)e.destroy();this._fileStreams.clear();for(const e of this._iterators)e.destroy();this._iterators.clear()}}var ut=n(5658);class pt{constructor(e){this._torrent=e,this._numPieces=e.pieces.length,this._pieces=new Array(this._numPieces),this._onWire=e=>{this.recalculate(),this._initWire(e)},this._onWireHave=e=>{this._pieces[e]+=1},this._onWireBitfield=()=>{this.recalculate()},this._torrent.wires.forEach((e=>{this._initWire(e)})),this._torrent.on("wire",this._onWire),this.recalculate()}getRarestPiece(e){let t=[],s=1/0;for(let i=0;i<this._numPieces;++i){if(e&&!e(i))continue;const n=this._pieces[i];n===s?t.push(i):n<s&&(t=[i],s=n)}return t.length?t[Math.random()*t.length|0]:-1}destroy(){this._torrent.removeListener("wire",this._onWire),this._torrent.wires.forEach((e=>{this._cleanupWireEvents(e)})),this._torrent=null,this._pieces=null,this._onWire=null,this._onWireHave=null,this._onWireBitfield=null}_initWire(e){e._onClose=()=>{this._cleanupWireEvents(e);for(let t=0;t<this._numPieces;++t)this._pieces[t]-=e.peerPieces.get(t)},e.on("have",this._onWireHave),e.on("bitfield",this._onWireBitfield),e.once("close",e._onClose)}recalculate(){this._pieces.fill(0);for(const e of this._torrent.wires)for(let t=0;t<this._numPieces;++t)this._pieces[t]+=e.peerPieces.get(t)}_cleanupWireEvents(e){e.removeListener("have",this._onWireHave),e.removeListener("bitfield",this._onWireBitfield),e._onClose&&e.removeListener("close",e._onClose),e._onClose=null}}var ft=n(4343),mt=n(6458),_t=n(6819);const gt=I("webtorrent:webconn");class yt extends mt.A{constructor(e,t){super(),this.url=e,this.connId=e,this._torrent=t,this._init(e)}_init(e){this.setKeepAlive(!0),this.use(Qe()),this.once("handshake",(async(t,s)=>{const i=await(0,b.tW)(e,"hex");if(this.destroyed)return;this.handshake(t,i);const n=this._torrent.pieces.length,r=new ue.A(n);for(let e=0;e<=n;e++)r.set(e,!0);this.bitfield(r)})),this.once("interested",(()=>{gt("interested"),this.unchoke()})),this.on("uninterested",(()=>{gt("uninterested")})),this.on("choke",(()=>{gt("choke")})),this.on("unchoke",(()=>{gt("unchoke")})),this.on("bitfield",(()=>{gt("bitfield")})),this.lt_donthave.on("donthave",(()=>{gt("donthave")})),this.on("request",((e,t,s,i)=>{gt("request pieceIndex=%d offset=%d length=%d",e,t,s),this.httpRequest(e,t,s,((t,s)=>{if(t){this.lt_donthave.donthave(e);const t=setTimeout((()=>{this.destroyed||this.have(e)}),1e4);t.unref&&t.unref()}i(t,s)}))}))}async httpRequest(e,t,s,i){i=ye(i);const n=e*this._torrent.pieceLength+t,r=n+s-1,o=this._torrent.files;let a,h;if(o.length<=1)a=[{url:this.url,start:n,end:r}];else{const e=o.filter((e=>e.offset<=r&&e.offset+e.length>n));if(e.length<1)return i(new Error("Could not find file corresponding to web seed range request"));a=e.map((e=>{const t=e.offset+e.length-1;return{url:this.url+("/"===this.url[this.url.length-1]?"":"/")+e.path.replace(this._torrent.path,""),fileOffsetInRange:Math.max(e.offset-n,0),start:Math.max(n-e.offset,0),end:Math.min(t,r-e.offset)}}))}try{h=await Promise.all(a.map((async({start:i,end:n,url:r})=>{gt("Requesting url=%s pieceIndex=%d offset=%d length=%d start=%d end=%d",r,e,t,s,i,n);const o=await H(r,{cache:"no-store",method:"GET",headers:{"Cache-Control":"no-store","user-agent":`WebTorrent/${_t} (https://webtorrent.io)`,range:`bytes=${i}-${n}`},signal:AbortSignal.timeout(6e4)});if(!o.ok)throw new Error(`Unexpected HTTP status code ${o.status}`);const a=new Uint8Array(await o.arrayBuffer());return gt("Got data of length %d",a.length),a})))}catch(e){return i(e)}i(null,(0,b.xW)(h))}destroy(){super.destroy(),this._torrent=null}}class wt{_items=[];remove(e){for(let t=0;t<this._items.length;t++){const s=this._items[t];if(s.isStreamSelection){if(!e.isStreamSelection)continue;if(s.from===e.from&&s.to===e.to){this._items.splice(t,1);break}}else if(bt(e,s))s.to=Math.max(e.from-1,0);else if(vt(e,s))s.from=e.to+1;else if(kt(e,s)){const i=[],n={...s,to:Math.max(e.from-1,0)};n.to-n.from>=0&&0!==e.from&&i.push(n);const r={...s,from:e.to+1};r.to-r.from>=0&&i.push(r),this._items.splice(t,1,...i),t=t-1+i.length}else xt(e,s)&&(this._items.splice(t,1),t--)}}insert(e){if(e.from>e.to)throw new Error("Invalid interval");if(!e.isStreamSelection){const{notify:t}=e,s=[];for(const t of this._items)t.notify&&St(e,t)&&s.push(t.notify);s.length>0&&(e.notify=()=>{s.forEach((e=>e())),t?.()}),this.remove(e)}this._items.push(e)}sort(e=(e,t)=>e.from-t.from){this._items.sort(e)}get length(){return this._items.length}get(e){return this._items[e]}swap(e,t){const s=this._items[e];this._items[e]=this._items[t],this._items[t]=s}clear(){this._items.length=0}*[Symbol.iterator](){for(let e=0;e<this._items.length;e++){const t=this._items[e];t.remove=()=>{this._items.splice(e,1),e--},yield t,delete t.remove}}}function bt(e,t){return e.from<=t.to&&e.from>t.from&&e.to>t.to}function vt(e,t){return e.to>=t.from&&e.to<t.to&&e.from<t.from}function kt(e,t){const s=t.to-t.from,i=e.to-e.from;return e.from>=t.from&&e.to<=t.to&&i<s}function xt(e,t){return e.from<=t.from&&e.to>=t.to}const St=(e,t)=>()=>bt(e,t)||vt(e,t)||kt(e,t)||xt(e,t);var Et=n(717);const Ct=I("webtorrent:torrent"),At=5e3,Tt=3*st.BLOCK_LENGTH,Pt=Et.browser?_e().length:2,It=[1e3,5e3,15e3],Lt=`WebTorrent/${_t} (https://webtorrent.io)`,Ot=globalThis.navigator?.storage?.getDirectory&&globalThis.FileSystemFileHandle?.prototype?.createWritable,Rt=!Et.browser||Ot?Ke:Ze;let Ht;try{Ht=l(oe.statSync("/tmp")&&"/tmp","webtorrent")}catch(e){Ht=l("function"==typeof he.tmpdir?he.tmpdir():"/","webtorrent")}const Nt="undefined"!=typeof window&&"function"==typeof window.requestIdleCallback&&window.requestIdleCallback;class Mt extends o{constructor(e,t,s){super(),this._debugId="unknown infohash",this.client=t,this.announce=s.announce,this.urlList=s.urlList,this.path=s.path||Ht,this.addUID=s.addUID||!1,this.rootDir=s.rootDir||null,this.skipVerify=!!s.skipVerify,this._store=s.store||Rt,this._preloadedStore=s.preloadedStore||null,this._storeCacheSlots=void 0!==s.storeCacheSlots?s.storeCacheSlots:20,this._destroyStoreOnDestroy=s.destroyStoreOnDestroy||!1,this.store=null,this.storeOpts=s.storeOpts,this.alwaysChokeSeeders=s.alwaysChokeSeeders??!0,this._getAnnounceOpts=s.getAnnounceOpts,"boolean"==typeof s.private&&(this.private=s.private),this.strategy=s.strategy||"sequential",this.maxWebConns=s.maxWebConns||4,this._rechokeNumSlots=!1===s.uploads||0===s.uploads?0:+s.uploads||10,this._rechokeOptimisticWire=null,this._rechokeOptimisticTime=0,this._rechokeIntervalId=null,this._noPeersIntervalId=null,this._noPeersIntervalTime=s.noPeersIntervalTime?1e3*s.noPeersIntervalTime:3e4,this._startAsDeselected=s.deselect||!1,this.ready=!1,this.destroyed=!1,this.paused=s.paused||!1,this.done=!1,this.metadata=null,this.files=[],this.pieces=[],this._amInterested=!1,this._selections=new wt,this._critical=[],this.wires=[],this._queue=[],this._peers={},this._peersLength=0,this.received=0,this.uploaded=0,this._downloadSpeed=se(),this._uploadSpeed=se(),this._servers=[],this._xsRequests=[],this._fileModtimes=s.fileModtimes,null!==e&&this._onTorrentId(e),this._debug("new torrent")}get timeRemaining(){return this.done?0:0===this.downloadSpeed?1/0:(this.length-this.downloaded)/this.downloadSpeed*1e3}get downloaded(){if(!this.bitfield)return 0;let e=0;for(let t=0,s=this.pieces.length;t<s;++t)if(this.bitfield.get(t))e+=t===s-1?this.lastPieceLength:this.pieceLength;else{const s=this.pieces[t];e+=s.length-s.missing}return e}get downloadSpeed(){return this._downloadSpeed()}get uploadSpeed(){return this._uploadSpeed()}get progress(){return this.length?this.downloaded/this.length:0}get ratio(){return this.uploaded/(this.received||this.length)}get numPeers(){return this.wires.length}get torrentFileBlob(){return this.torrentFile?new Blob([this.torrentFile],{type:"application/x-bittorrent"}):null}get _numQueued(){return this._queue.length+(this._peersLength-this._numConns)}get _numConns(){let e=0;for(const t in this._peers)this._peers[t].connected&&(e+=1);return e}async _onTorrentId(e){if(this.destroyed)return;let t;try{t=await W(e)}catch(e){}t?(this.infoHash=t.infoHash,this._debugId=(0,b.V5)(t.infoHash).substring(0,7),w((()=>{this.destroyed||this._onParsedTorrent(t)}))):B(e,((e,t)=>{if(!this.destroyed)return e?this._destroy(e):void this._onParsedTorrent(t)}))}_onParsedTorrent(e){if(!this.destroyed){if(this._processParsedTorrent(e),!this.infoHash)return this._destroy(new Error("Malformed torrent data: No info hash"));this._rechokeIntervalId=setInterval((()=>{this._rechoke()}),1e4),this._rechokeIntervalId.unref&&this._rechokeIntervalId.unref(),this.emit("_infoHash",this.infoHash),this.destroyed||(this.emit("infoHash",this.infoHash),this.destroyed||(this.client.listening?this._onListening():this.client.once("listening",(()=>{this._onListening()}))))}}_processParsedTorrent(e){this._debugId=(0,b.V5)(e.infoHash).substring(0,7),void 0!==this.private&&(e.private=this.private),Array.isArray(this.announce)&&(e.announce=e.announce.concat(this.announce)),this.client.tracker&&Array.isArray(this.client.tracker.announce)&&!e.private&&(e.announce=e.announce.concat(this.client.tracker.announce)),this.client.tracker&&globalThis.WEBTORRENT_ANNOUNCE&&!e.private&&(e.announce=e.announce.concat(globalThis.WEBTORRENT_ANNOUNCE)),this.urlList&&(e.urlList=e.urlList.concat(this.urlList)),e.announce=Array.from(new Set(e.announce)),e.urlList=Array.from(new Set(e.urlList)),Object.assign(this,e),this.magnetURI=$(e),this.torrentFile=function(e){const t={info:e.info};return t["announce-list"]=(e.announce||[]).map((e=>(t.announce||(t.announce=e),[e=(0,b.L0)(e)]))),t["url-list"]=e.urlList||[],void 0!==e.private&&(t.private=Number(e.private)),e.created&&(t["creation date"]=e.created.getTime()/1e3|0),e.createdBy&&(t["created by"]=e.createdBy),e.comment&&(t.comment=e.comment),d.A.encode(t)}(e)}_onListening(){this.destroyed||(this.info?this._onMetadata(this):(this.xs&&this._getMetadataFromServer(),this._startDiscovery()))}_startDiscovery(){if(this.discovery||this.destroyed)return;let e=this.client.tracker;e&&(e=Object.assign({},this.client.tracker,{getAnnounceOpts:()=>{if(this.destroyed)return;const e={uploaded:this.uploaded,downloaded:this.downloaded,left:Math.max(this.length-this.downloaded,0)};return this.client.tracker.getAnnounceOpts&&Object.assign(e,this.client.tracker.getAnnounceOpts()),this._getAnnounceOpts&&Object.assign(e,this._getAnnounceOpts()),e}})),this.peerAddresses&&this.peerAddresses.forEach((e=>this.addPeer(e,ut.default.SOURCE_MANUAL))),this.discovery=new De({infoHash:this.infoHash,announce:this.announce,peerId:this.client.peerId,dht:!this.private&&this.client.dht,tracker:e,port:this.client.torrentPort,userAgent:Lt,lsd:this.client.lsd}),this.discovery.on("error",(e=>{this._destroy(e)})),this.discovery.on("peer",((e,t)=>{this._debug("peer %s discovered via %s",e,t),this.client.seedOutgoingConnections||!this.done?this.addPeer(e,t):this._debug("ignoring peer %s: torrent is done and seedOutgoingConnections is false",e)})),this.discovery.on("trackerAnnounce",(()=>{this.emit("trackerAnnounce")})),this.discovery.on("dhtAnnounce",(()=>{this.emit("dhtAnnounce")})),this.discovery.on("warning",(e=>{this.emit("warning",e)})),this._noPeersIntervalId=setInterval((()=>{if(this.destroyed)return;const e={[ut.default.SOURCE_TRACKER]:{enabled:!!this.client.tracker,numPeers:0},[ut.default.SOURCE_DHT]:{enabled:!!this.client.dht,numPeers:0},[ut.default.SOURCE_LSD]:{enabled:!!this.client.lsd,numPeers:0},[ut.default.SOURCE_UT_PEX]:{enabled:this.client.utPex&&"function"==typeof at,numPeers:0}};for(const t of Object.values(this._peers)){const s=e[t.source];void 0!==s&&s.numPeers++}for(const t of Object.keys(e)){const s=e[t];s.enabled&&0===s.numPeers&&this.emit("noPeers",t)}}),this._noPeersIntervalTime),this._noPeersIntervalId.unref&&this._noPeersIntervalId.unref()}_getMetadataFromServer(){const e=this,t=Array.isArray(this.xs)?this.xs:[this.xs];e._xsRequestsController=new AbortController;const s=e._xsRequestsController.signal,i=t.map((t=>i=>{!async function(t,i){if(0!==t.indexOf("http://")&&0!==t.indexOf("https://"))return e.emit("warning",new Error(`skipping non-http xs param: ${t}`)),i(null);const n={method:"GET",headers:{"user-agent":Lt},signal:s};let r,o,a;try{r=await H(t,n)}catch(s){return e.emit("warning",new Error(`http error from xs param: ${t}`)),i(null)}if(e.destroyed)return i(null);if(e.metadata)return i(null);if(200!==r.status)return e.emit("warning",new Error(`non-200 status code ${r.status} from xs param: ${t}`)),i(null);try{o=new Uint8Array(await r.arrayBuffer())}catch(t){return e.emit("warning",t),i(null)}try{a=await W(o)}catch(e){}if(!a)return e.emit("warning",new Error(`got invalid torrent file from xs param: ${t}`)),i(null);if(a.infoHash!==e.infoHash)return e.emit("warning",new Error(`got torrent file with incorrect info hash from xs param: ${t}`)),i(null);e._onMetadata(a),i(null)}(t,i)}));y(i)}async _onMetadata(e){if(this.metadata||this.destroyed)return;let t;if(this._debug("got metadata"),this._xsRequestsController?.abort(),this._xsRequestsController=null,e&&e.infoHash)t=e;else try{t=await W(e)}catch(e){return this._destroy(e)}this._processParsedTorrent(t),this.metadata=this.torrentFile,this.client.enableWebSeeds&&this.urlList.forEach((e=>{this.addWebSeed(e)})),this._rarityMap=new pt(this),this.files=this.files.map((e=>new dt(this,e)));let s=this._preloadedStore;if(s||(s=new this._store(this.pieceLength,{...this.storeOpts,torrent:this,path:this.path,files:this.files,length:this.length,name:this.name+" - "+this.infoHash.slice(0,8),addUID:this.addUID,rootDir:this.rootDir,max:this._storeCacheSlots})),this._storeCacheSlots>0&&!(s instanceof Ze)&&(s=new pe(s,{max:this._storeCacheSlots})),this.store=new Ye(s),this.so&&!this._startAsDeselected?this.files.forEach(((e,t)=>{this.so.includes(t)&&this.files[t].select()})):0===this.pieces.length||this._startAsDeselected||this.select(0,this.pieces.length-1,0),this._hashes=this.pieces,this.pieces=this.pieces.map(((e,t)=>{const s=t===this.pieces.length-1?this.lastPieceLength:this.pieceLength;return new st(s)})),this._reservations=this.pieces.map((()=>[])),this.bitfield=new ue.A(this.pieces.length),this.emit("metadata"),!this.destroyed)if(this.skipVerify)this._markAllVerified(),this._onStore();else{const e=e=>{if(e)return this._destroy(e);this._debug("done verifying"),this._onStore()};this._debug("verifying existing torrent data"),this._fileModtimes&&this._store===Ke?this.getFileModtimes(((t,s)=>{if(t)return this._destroy(t);this.files.map(((e,t)=>s[t]===this._fileModtimes[t])).every((e=>e))?(this._markAllVerified(),this._onStore()):this._verifyPieces(e)})):this._verifyPieces(e)}}getFileModtimes(e){const t=[];et(this.files.map(((e,s)=>i=>{const n=this.addUID?l(this.name+" - "+this.infoHash.slice(0,8)):l(this.path,e.path);oe.stat(n,((e,n)=>{if(e&&"ENOENT"!==e.code)return i(e);t[s]=n&&n.mtime.getTime(),i(null)}))})),Pt,(s=>{this._debug("done getting file modtimes"),e(s,t)}))}_verifyPieces(e){et(this.pieces.map(((e,t)=>e=>{if(this.destroyed)return e(new Error("torrent is destroyed"));const s={};t===this.pieces.length-1&&(s.length=this.lastPieceLength),this.store.get(t,s,(async(s,i)=>{if(this.destroyed)return e(new Error("torrent is destroyed"));if(s)return w((()=>e(null)));const n=await(0,b.tW)(i,"hex");if(this.destroyed)return e(new Error("torrent is destroyed"));n===this._hashes[t]?(this._debug("piece verified %s",t),this._markVerified(t)):(this._markUnverified(t),this._debug("piece invalid %s",t)),e(null)}))})),Pt,e)}rescanFiles(e){if(this.destroyed)throw new Error("torrent is destroyed");e||(e=Ft),this._verifyPieces((t=>{if(t)return this._destroy(t),e(t);this._checkDone(),e(null)}))}_markAllVerified(){for(let e=0;e<this.pieces.length;e++)this._markVerified(e)}_markVerified(e){this.pieces[e]=null,this._reservations[e]=null,this.bitfield.set(e,!0),this.emit("verified",e)}_markUnverified(e){const t=e===this.pieces.length-1?this.lastPieceLength:this.pieceLength;this.pieces[e]=new st(t),this.bitfield.set(e,!1),this._startAsDeselected||this.select(e,e,1),this.files.forEach((t=>{t.done&&t.includes(e)&&(t.done=!1)}))}_hasAllPieces(){for(let e=0;e<this.pieces.length;e++)if(!this.bitfield.get(e))return!1;return!0}_hasNoPieces(){return!this._hasMorePieces(0)}_hasMorePieces(e){let t=0;for(let s=0;s<this.pieces.length;s++)if(this.bitfield.get(s)&&(t+=1,t>e))return!0;return!1}_onStore(){this.destroyed||(this._debug("on store"),this._startDiscovery(),this.ready=!0,this.emit("ready"),this._checkDone(),this._updateSelections(),this.wires.forEach((e=>{e.ut_metadata&&e.ut_metadata.setMetadata(this.metadata),this._onWireWithMetadata(e)})))}destroy(e,t){if("function"==typeof e)return this.destroy(null,e);this._destroy(null,e,t)}_destroy(e,t,s){if("function"==typeof t)return this._destroy(e,null,t);if(this.destroyed)return;this.destroyed=!0,this._debug("destroy"),this.client._remove(this),this._selections.clear(),clearInterval(this._rechokeIntervalId),clearInterval(this._noPeersIntervalId),this._xsRequestsController?.abort(),this._rarityMap&&this._rarityMap.destroy();for(const e in this._peers)this.removePeer(e);this.files.forEach((e=>{e instanceof dt&&e._destroy()}));const i=this._servers.map((e=>t=>{e.destroy(t)}));if(this.discovery&&i.push((e=>{this.discovery.destroy(e)})),this.store){let e=this._destroyStoreOnDestroy;t&&void 0!==t.destroyStore&&(e=t.destroyStore),i.push((t=>{e?this.store.destroy(t):this.store.close(t)}))}y(i,s),e&&(0===this.listenerCount("error")?this.client.emit("error",e):this.emit("error",e)),this.emit("close"),this.client=null,this.files=[],this.discovery=null,this.store=null,this._rarityMap=null,this._peers=null,this._servers=null,this._xsRequests=null}addPeer(e,t){if(this.destroyed)throw new Error("torrent is destroyed");if(!this.infoHash)throw new Error("addPeer() must not be called before the `infoHash` event");let s;if("string"==typeof e){let t;try{t=de(e)}catch(t){return this._debug("ignoring peer: invalid %s",e),this.emit("invalidPeer",e),!1}s=t[0]}else"string"==typeof e.remoteAddress&&(s=e.remoteAddress);if(this.client.blocked&&s&&this.client.blocked.contains(s))return this._debug("ignoring peer: blocked %s",e),"string"!=typeof e&&e.destroy(),this.emit("blockedPeer",e),!1;const i=this.client.utp&&this._isIPv4(s)?"utp":"tcp",n=!!this._addPeer(e,i,t);return n?this.emit("peer",e):this.emit("invalidPeer",e),n}_addPeer(e,t,s){if(this.destroyed)return"string"!=typeof e&&e.destroy(),null;if("string"==typeof e&&!this._validAddr(e))return this._debug("ignoring peer: invalid %s",e),null;const i=e&&e.id||e;if(this._peers[i])return this._debug("ignoring peer: duplicate (%s)",i),"string"!=typeof e&&e.destroy(),null;if(this.paused)return this._debug("ignoring peer: torrent is paused"),"string"!=typeof e&&e.destroy(),null;let n;return this._debug("add peer %s",i),n="string"==typeof e?"utp"===t?ut.default.createUTPOutgoingPeer(e,this,this.client.throttleGroups):ut.default.createTCPOutgoingPeer(e,this,this.client.throttleGroups):ut.default.createWebRTCPeer(e,this,this.client.throttleGroups),this._registerPeer(n),"string"==typeof e&&(this._queue.push(n),this._drain()),n}addWebSeed(e){if(this.destroyed)throw new Error("torrent is destroyed");let t,s;if("string"==typeof e){if(t=e,!/^https?:\/\/.+/.test(t))return this.emit("warning",new Error(`ignoring invalid web seed: ${t}`)),void this.emit("invalidPeer",t);if(this._peers[t])return this.emit("warning",new Error(`ignoring duplicate web seed: ${t}`)),void this.emit("invalidPeer",t);s=new yt(t,this)}else{if(!e||"string"!=typeof e.connId)return void this.emit("warning",new Error("addWebSeed must be passed a string or connection object with id property"));if(s=e,t=s.connId,this._peers[t])return this.emit("warning",new Error(`ignoring duplicate web seed: ${t}`)),void this.emit("invalidPeer",t)}this._debug("add web seed %s",t);const i=ut.default.createWebSeedPeer(s,t,this,this.client.throttleGroups);this._registerPeer(i),this.emit("peer",t)}_addIncomingPeer(e){return this.destroyed?e.destroy(new Error("torrent is destroyed")):this.paused?e.destroy(new Error("torrent is paused")):(this._debug("add incoming peer %s",e.id),void this._registerPeer(e))}_registerPeer(e){e.on("download",(e=>{this.destroyed||(this.received+=e,this._downloadSpeed(e),this.client._downloadSpeed(e),this.emit("download",e),this.destroyed||this.client.emit("download",e))})),e.on("upload",(e=>{this.destroyed||(this.uploaded+=e,this._uploadSpeed(e),this.client._uploadSpeed(e),this.emit("upload",e),this.destroyed||this.client.emit("upload",e))})),this._peers[e.id]=e,this._peersLength+=1}removePeer(e){const t=e?.id||e;e&&!e.id&&(e=this._peers?.[t]),e&&(e.destroy(),this.destroyed||(this._debug("removePeer %s",t),delete this._peers[t],this._peersLength-=1,this._drain()))}_select(e,t,s,i,n=!1){if(this.destroyed)throw new Error("torrent is destroyed");if(e<0||t<e||this.pieces.length<=t)throw new Error(`invalid selection ${e} : ${t}`);s=Number(s)||0,this._debug("select %s-%s (priority %s)",e,t,s),this._selections.insert({from:e,to:t,offset:0,priority:s,notify:i,isStreamSelection:n}),this._selections.sort(((e,t)=>t.priority-e.priority)),this._updateSelections()}select(e,t,s,i){this._select(e,t,s,i,!1)}_deselect(e,t,s=!1){if(this.destroyed)throw new Error("torrent is destroyed");this._debug("deselect %s-%s",e,t),this._selections.remove({from:e,to:t,isStreamSelection:s}),this._updateSelections()}deselect(e,t){this._deselect(e,t,!1)}critical(e,t){if(this.destroyed)throw new Error("torrent is destroyed");this._debug("critical %s-%s",e,t);for(let s=e;s<=t;++s)this._critical[s]=!0;this._updateSelections()}_onWire(e,t){if(this._debug("got wire %s (%s)",e._debugId,t||"Unknown"),this.wires.push(e),t){const s=de(t);e.remoteAddress=s[0],e.remotePort=s[1]}this.client.dht&&this.client.dht.listening&&e.on("port",(s=>{if(!this.destroyed&&!this.client.dht.destroyed){if(!e.remoteAddress)return this._debug("ignoring PORT from peer with no address");if(0===s||s>65536)return this._debug("ignoring invalid PORT from peer");this._debug("port: %s (from %s)",s,t),this.client.dht.addNode({host:e.remoteAddress,port:s})}})),e.on("timeout",(()=>{this._debug("wire timeout (%s)",t),e.destroy()})),"webSeed"!==e.type&&e.setTimeout(3e4,!0),e.setKeepAlive(!0),e.use(ot(this.metadata)),e.ut_metadata.on("warning",(e=>{this._debug("ut_metadata warning: %s",e.message)})),this.metadata||(e.ut_metadata.on("metadata",(e=>{this._debug("got metadata via ut_metadata"),this._onMetadata(e)})),e.ut_metadata.fetch()),this.client.utPex&&"function"==typeof at&&!this.private&&(e.use(at()),e.ut_pex.on("peer",(e=>{this.done||(this._debug("ut_pex: got peer: %s (from %s)",e,t),this.addPeer(e,ut.default.SOURCE_UT_PEX))})),e.ut_pex.on("dropped",(e=>{const s=this._peers[e];s&&!s.connected&&(this._debug("ut_pex: dropped peer: %s (from %s)",e,t),this.removePeer(e))})),e.once("close",(()=>{e.ut_pex.reset()}))),e.use(Qe()),this.emit("wire",e,t),this.ready&&w((()=>{this._onWireWithMetadata(e)}))}_onWireWithMetadata(e){let t=null;const s=()=>{this.destroyed||e.destroyed||(this._numQueued>2*(this._numConns-this.numPeers)&&e.amInterested?e.destroy():(t=setTimeout(s,At),t.unref&&t.unref()))};let i;const n=()=>{if(e.peerPieces.buffer.length===this.bitfield.buffer.length){for(i=0;i<this.pieces.length;++i)if(!e.peerPieces.get(i))return;e.isSeeder=!0,this.alwaysChokeSeeders&&e.choke()}};e.on("bitfield",(()=>{n(),this._update(),this._updateWireInterest(e)})),e.on("have",(()=>{n(),this._update(),this._updateWireInterest(e)})),e.lt_donthave.on("donthave",(()=>{n(),this._update(),this._updateWireInterest(e)})),e.on("have-all",(()=>{e.isSeeder=!0,this.alwaysChokeSeeders&&e.choke(),this._update(),this._updateWireInterest(e)})),e.on("have-none",(()=>{e.isSeeder=!1,this._update(),this._updateWireInterest(e)})),e.on("allowed-fast",(e=>{this._update()})),e.once("interested",(()=>{e.unchoke()})),e.once("close",(()=>{clearTimeout(t)})),e.on("choke",(()=>{clearTimeout(t),t=setTimeout(s,At),t.unref&&t.unref()})),e.on("unchoke",(()=>{clearTimeout(t),this._update()})),e.on("request",((t,s,i,n)=>{if(i>131072)return e.destroy();this.pieces[t]||this.store.get(t,{offset:s,length:i},n)})),e.hasFast&&this._hasAllPieces()?e.haveAll():e.hasFast&&this._hasNoPieces()?e.haveNone():e.bitfield(this.bitfield),this._updateWireInterest(e),e.peerExtensions.dht&&this.client.dht&&this.client.dht.listening&&e.port(this.client.dht.address().port),"webSeed"!==e.type&&(t=setTimeout(s,At),t.unref&&t.unref()),e.isSeeder=!1,n()}_updateSelections(){this.ready&&!this.destroyed&&(w((()=>{this._gcSelections()})),this._updateInterest(),this._update())}_gcSelections(){for(const e of this._selections){const t=e.offset;for(;this.bitfield.get(e.from+e.offset)&&e.from+e.offset<e.to;)e.offset+=1;t!==e.offset&&e.notify?.(),e.to===e.from+e.offset&&(this.bitfield.get(e.from+e.offset)&&(e.remove(),e.notify?.(),this._updateInterest()))}this._selections.length||this.emit("idle")}_updateInterest(){const e=this._amInterested;this._amInterested=!!this._selections.length,this.wires.forEach((e=>this._updateWireInterest(e))),e!==this._amInterested&&(this._amInterested?this.emit("interested"):this.emit("uninterested"))}_updateWireInterest(e){let t=!1;for(let s=0;s<this.pieces.length;++s)if(this.pieces[s]&&e.peerPieces.get(s)){t=!0;break}t?e.interested():e.uninterested()}_update(){Nt?Nt((()=>this._updateWireWrapper()),{timeout:250}):this._updateWireWrapper()}_updateWireWrapper(){if(this.destroyed)return;const e=it(this.wires);let t;for(;t=e();)this._updateWire(t)}_updateWire(e){if(e.destroyed)return!1;const t=this,s=Ut(e,.5);if(e.requests.length>=s)return;const i=Ut(e,1);if(e.peerChoking)e.hasFast&&e.peerAllowedFastSet.length>0&&!this._hasMorePieces(e.peerAllowedFastSet.length-1)&&function(){if(e.requests.length>=i)return!1;for(const s of e.peerAllowedFastSet){if(e.peerPieces.get(s)&&!t.bitfield.get(s))for(;t._request(e,s,!1)&&e.requests.length<i;);if(!(e.requests.length<i))return!0}}();else{if(!e.downloaded)return function(){if(e.requests.length)return;let s=t._selections.length;for(;s--;){const i=t._selections.get(s);let r;if("rarest"===t.strategy){const s=i.from+i.offset,o=i.to,a=o-s+1,h={};let l=0;const c=n(s,o,h);for(;l<a&&(r=t._rarityMap.getRarestPiece(c),!(r<0));){if(t._request(e,r,!1))return;h[r]=!0,l+=1}}else for(r=i.to;r>=i.from+i.offset;--r)if(e.peerPieces.get(r)&&t._request(e,r,!1))return}}();o(!1)||o(!0)}function n(t,s,i,n){return r=>r>=t&&r<=s&&!(r in i)&&e.peerPieces.get(r)&&(!n||n(r))}function r(e){let s=e;for(let i=e;i<t._selections.length&&t._selections.get(i).priority;i++)s=i;t._selections.swap(e,s)}function o(s){if(e.requests.length>=i)return!0;const o=function(){const s=e.downloadSpeed()||1;if(s>Tt)return()=>!0;const i=Math.max(1,e.requests.length)*st.BLOCK_LENGTH/s;let n=10,r=0;return e=>{if(!n||t.bitfield.get(e))return!0;let o=t.pieces[e].missing;for(;r<t.wires.length;r++){const a=t.wires[r],h=a.downloadSpeed();if(!(h<Tt)&&!(h<=s)&&a.peerPieces.get(e)&&!((o-=h*i)>0))return n--,!1}return!0}}();for(let a=0;a<t._selections.length;a++){const h=t._selections.get(a);let l;if("rarest"===t.strategy){const c=h.from+h.offset,d=h.to,u=d-c+1,p={};let f=0;const m=n(c,d,p,o);for(;f<u&&(l=t._rarityMap.getRarestPiece(m),!(l<0));){for(;t._request(e,l,t._critical[l]||s)&&e.requests.length<i;);if(!(e.requests.length<i))return h.priority&&r(a),!0;p[l]=!0,f++}}else for(l=h.from+h.offset;l<=h.to;l++)if(e.peerPieces.get(l)&&o(l)){for(;t._request(e,l,t._critical[l]||s)&&e.requests.length<i;);if(!(e.requests.length<i))return h.priority&&r(a),!0}}return!1}}_rechoke(){if(!this.ready)return;const e=this.wires.map((e=>({wire:e,random:Math.random()}))).sort(((e,t)=>{const s=e.wire,i=t.wire;return s.downloadSpeed()!==i.downloadSpeed()?s.downloadSpeed()-i.downloadSpeed():s.uploadSpeed()!==i.uploadSpeed()?s.uploadSpeed()-i.uploadSpeed():s.amChoking!==i.amChoking?s.amChoking?-1:1:e.random-t.random})).map((e=>e.wire));this._rechokeOptimisticTime<=0?this._rechokeOptimisticWire=null:this._rechokeOptimisticTime-=1;let t=0;for(;e.length>0&&t<this._rechokeNumSlots-1;){const s=e.pop();s.isSeeder||s===this._rechokeOptimisticWire||(s.unchoke(),s.peerInterested&&t++)}if(null===this._rechokeOptimisticWire&&this._rechokeNumSlots>0){const t=e.filter((e=>e.peerInterested));if(t.length>0){const e=t[(s=t.length,Math.random()*s|0)];e.unchoke(),this._rechokeOptimisticWire=e,this._rechokeOptimisticTime=2}}var s;e.filter((e=>e!==this._rechokeOptimisticWire)).forEach((e=>e.choke()))}_hotswap(e,t){const s=e.downloadSpeed();if(s<st.BLOCK_LENGTH)return!1;if(!this._reservations[t])return!1;const i=this._reservations[t];if(!i)return!1;let n,r,o=1/0;for(r=0;r<i.length;r++){const t=i[r];if(!t||t===e)continue;const a=t.downloadSpeed();a>=Tt||(2*a>s||a>o||(n=t,o=a))}if(!n)return!1;for(r=0;r<i.length;r++)i[r]===n&&(i[r]=null);for(r=0;r<n.requests.length;r++){const e=n.requests[r];e.piece===t&&this.pieces[t].cancel(e.offset/st.BLOCK_LENGTH|0)}return this.emit("hotswap",n,e,t),!0}_request(e,t,s){const i=this,n=e.requests.length,r="webSeed"===e.type;if(i.bitfield.get(t))return!1;const o=r?Math.min(function(e,t,s){return 1+Math.ceil(t*e.downloadSpeed()/s)}(e,1,i.pieceLength),i.maxWebConns):Ut(e,1);if(n>=o)return!1;const a=i.pieces[t];let h=r?a.reserveRemaining():a.reserve();if(-1===h&&s&&i._hotswap(e,t)&&(h=r?a.reserveRemaining():a.reserve()),-1===h)return!1;let l=i._reservations[t];l||(l=i._reservations[t]=[]);let c=l.indexOf(null);-1===c&&(c=l.length),l[c]=e;const d=a.chunkOffset(h),u=r?a.chunkLengthRemaining(h):a.chunkLength(h);function p(){w((()=>{i._update()}))}return e.request(t,d,u,(async function s(n,o){if(i.destroyed)return;if(!i.ready)return i.once("ready",(()=>{s(n,o)}));if(l[c]===e&&(l[c]=null),a!==i.pieces[t])return p();if(n)return i._debug("error getting piece %s (offset: %s length: %s) from %s: %s",t,d,u,`${e.remoteAddress}:${e.remotePort}`,n.message),r?a.cancelRemaining(h):a.cancel(h),void p();if(i._debug("got piece %s (offset: %s length: %s) from %s",t,d,u,`${e.remoteAddress}:${e.remotePort}`),!a.set(h,o,e))return p();const f=a.flush(),m=await(0,b.tW)(f,"hex");i.destroyed||(m===i._hashes[t]?(i._debug("piece verified %s",t),i.store.put(t,f,(e=>{e?i._destroy(e):(i.pieces[t]=null,i._markVerified(t),i.wires.forEach((e=>{e.have(t)})),i._checkDone()&&!i.destroyed&&i.discovery.complete(),p())}))):(i.pieces[t]=new st(a.length),i.emit("warning",new Error(`Piece ${t} failed verification`)),p()))})),!0}_checkDone(){if(this.destroyed)return;this.files.forEach((e=>{if(!e.done){for(let t=e._startPiece;t<=e._endPiece;++t)if(!this.bitfield.get(t))return;e.done=!0,e.emit("done"),this._debug(`file done: ${e.name}`)}}));let e=!0;for(const t of this._selections){for(let s=t.from;s<=t.to;s++)if(!this.bitfield.get(s)){e=!1;break}if(!e)break}return!this.done&&e?(this.done=!0,this._debug(`torrent done: ${this.infoHash}`),this.emit("done")):this.done=!1,this._gcSelections(),e}async load(e,t){if(this.destroyed)throw new Error("torrent is destroyed");if(!this.ready)return this.once("ready",(()=>{this.load(e,t)}));Array.isArray(e)||(e=[e]),t||(t=Ft);try{await me(this.store,g(e),{chunkLength:this.pieceLength}),this._markAllVerified(),this._checkDone(),t(null)}catch(e){return t(e),e}}pause(){this.destroyed||(this._debug("pause"),this.paused=!0)}resume(){this.destroyed||(this._debug("resume"),this.paused=!1,this._drain())}_debug(){const e=[].slice.call(arguments);e[0]=`[${this.client?this.client._debugId:"No Client"}] [${this._debugId}] ${e[0]}`,Ct(...e)}_drain(){if(this._debug("_drain numConns %s maxConns %s",this._numConns,this.client.maxConns),"function"!=typeof ae.connect||this.destroyed||this.paused||this._numConns>=this.client.maxConns)return;this._debug("drain (%s queued, %s/%s peers)",this._numQueued,this.numPeers,this.client.maxConns);const e=this._queue.shift();if(!e)return;this._debug("%s connect attempt to %s",e.type,e.addr);const t=de(e.addr),s={host:t[0],port:t[1]};this.client.utp&&e.type===ut.default.TYPE_UTP_OUTGOING?e.conn=ft.connect(s.port,s.host):e.conn=ae.connect(s);const i=e.conn;i.once("connect",(()=>{this.destroyed||e.onConnect()})),i.once("error",(t=>{e.destroy(t)})),e.startConnectTimeout(),i.on("close",(()=>{if(this.destroyed)return;if(e.retries>=It.length){if(this.client.utp){const t=this._addPeer(e.addr,"tcp",e.source);t&&(t.retries=0)}else this._debug("conn %s closed: will not re-add (max %s attempts)",e.addr,It.length);return}const t=It[e.retries];this._debug("conn %s closed: will re-add to queue in %sms (attempt %s)",e.addr,t,e.retries+1);const s=setTimeout((()=>{if(this.destroyed)return;const t=de(e.addr)[0],s=this.client.utp&&this._isIPv4(t)?"utp":"tcp",i=this._addPeer(e.addr,s,e.source);i&&(i.retries=e.retries+1)}),t);s.unref&&s.unref()}))}_validAddr(e){let t;try{t=de(e)}catch(e){return!1}const s=t[0],i=t[1];return i>0&&i<65535&&!("127.0.0.1"===s&&i===this.client.torrentPort)}_isIPv4(e){return/^((?:[0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])[.]){3}(?:[0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])$/.test(e)}}function Ut(e,t){let s=2+Math.ceil(t*e.downloadSpeed()/st.BLOCK_LENGTH);if(e.peerExtendedHandshake){const t=e.peerExtendedHandshake.reqq;"number"==typeof t&&t>0&&(s=Math.min(s,t))}return s}function Ft(){}var jt=n(4043),Bt=n(580),Dt=n(815),qt=n(2878);class Wt{constructor(e,t={}){this.client=e,t.origin||(t.origin="*"),this.opts=t,this.pendingReady=new Set}static serveIndexPage(e,t,s){const i=t.map((e=>`<li>\n        <a href="${Bt(s)}/${e.infoHash}">\n          ${Bt(e.name)}\n        </a>\n        (${Bt(e.length)} bytes)\n      </li>`)).join("<br>");return e.status=200,e.headers["Content-Type"]="text/html",e.body=Vt("WebTorrent",`<h1>WebTorrent</h1>\n       <ol>${i}</ol>`),e}isOriginAllowed(e){return!1!==this.opts.origin&&("*"===this.opts.origin||e.headers.origin===this.opts.origin)}static serveMethodNotAllowed(e){return e.status=405,e.headers["Content-Type"]="text/html",e.body=Vt("405 - Method Not Allowed","<h1>405 - Method Not Allowed</h1>"),e}static serve404Page(e){return e.status=404,e.headers["Content-Type"]="text/html",e.body=Vt("404 - Not Found","<h1>404 - Not Found</h1>"),e}static serveTorrentPage(e,t,s){const i=e.files.map((t=>`<li>\n        <a href="${Bt(s)}/${e.infoHash}/${Bt(t.path)}">\n          ${Bt(t.path)}\n        </a>\n        (${Bt(t.length)} bytes)\n      </li>`)).join("<br>");return t.status=200,t.headers["Content-Type"]="text/html",t.body=Vt(`${Bt(e.name)} - WebTorrent`,`<h1>${Bt(e.name)}</h1>\n      <ol>${i}</ol>`),t}static serveOptionsRequest(e,t){return t.status=204,t.headers["Access-Control-Max-Age"]="600",t.headers["Access-Control-Allow-Methods"]="GET,HEAD",e.headers["access-control-request-headers"]&&(t.headers["Access-Control-Allow-Headers"]=e.headers["access-control-request-headers"]),t}static serveFile(e,t,s){s.status=200,s.headers.Expires="0",s.headers["Cache-Control"]="no-cache, no-store, must-revalidate, max-age=0",s.headers["Accept-Ranges"]="bytes",s.headers["Content-Type"]=e.type,s.headers["transferMode.dlna.org"]="Streaming",s.headers["contentFeatures.dlna.org"]="DLNA.ORG_OP=01;DLNA.ORG_CI=0;DLNA.ORG_FLAGS=01700000000000000000000000000000","document"===t.destination?(s.headers["Content-Type"]="application/octet-stream",s.headers["Content-Disposition"]=`attachment; filename*=UTF-8''${Gt(e.name)}`,s.body="DOWNLOAD"):s.headers["Content-Disposition"]=`inline; filename*=UTF-8''${Gt(e.name)}`;let i=qt(e.length,t.headers.range||"");if(Array.isArray(i)?(s.status=206,i=i[0],s.headers["Content-Range"]=`bytes ${i.start}-${i.end}/${e.length}`,s.headers["Content-Length"]=i.end-i.start+1):(s.statusCode=200,i=null,s.headers["Content-Length"]=e.length),"GET"===t.method){const n=e[Symbol.asyncIterator](i);let r=null;e.emit("iterator",{iterator:n,req:t,file:e},(e=>{r=e}));const o=Y.Readable.from(r||n);let a=null;e.emit("stream",{stream:o,req:t,file:e},(e=>{a=Dt(o,e)})),s.body=a||o}else s.body=!1;return s}async onRequest(e,t){let s=new URL(e.url,"http://example.com").pathname;s=s.slice(s.indexOf(this.pathname)+this.pathname.length+1);const i={headers:{"X-Content-Type-Options":"nosniff","Content-Security-Policy":"base-uri 'none'; frame-ancestors 'none'; form-action 'none';"}};if(this.isOriginAllowed(e)&&(i.headers["Access-Control-Allow-Origin"]="*"===this.opts.origin?"*":e.headers.origin),"favicon.ico"===s)return t(Wt.serve404Page(i));if("OPTIONS"===e.method)return this.isOriginAllowed(e)?t(Wt.serveOptionsRequest(e,i)):t(Wt.serveMethodNotAllowed(i));const n=async()=>{this.pendingReady.delete(n);const e=await r();t(e)},r=async()=>{if(""===s)return Wt.serveIndexPage(i,this.client.torrents,this.pathname);let[t,...n]=s.split("/");n=decodeURI(n.join("/"));const r=await this.client.get(t);if(!t||!r)return Wt.serve404Page(i);if(!n)return Wt.serveTorrentPage(r,i,this.pathname);const o=r.files.find((e=>e.path.replace(/\\/g,"/")===n));return o?Wt.serveFile(o,e,i):Wt.serve404Page(i)};if("GET"===e.method||"HEAD"===e.method){if(this.client.ready){const e=await r();return t(e)}return this.pendingReady.add(n),void this.client.once("ready",n)}return t(Wt.serveMethodNotAllowed(i))}close(e=()=>{}){this.closed=!0,this.pendingReady.forEach((e=>{this.client.removeListener("ready",e)})),this.pendingReady.clear(),w(e)}destroy(e=()=>{}){this.closed?w(e):this.close(e),this.client=null}}class $t extends Wt{constructor(e,t){super(e,t),this.server=jt.createServer(),this._listen=this.server.listen,this.server.listen=this.listen.bind(this),this._close=this.server.close,this.server.close=this.close.bind(this),this.sockets=new Set,this.closed=!1,this.pathname=t?.pathname||"/webtorrent"}wrapRequest(e,t){return this.opts.hostname&&e.headers.host!==`${this.opts.hostname}:${this.server.address().port}`?e.destroy():new URL(e.url,"http://example.com").pathname.startsWith(this.pathname)?void this.onRequest(e,(({status:e,headers:s,body:i})=>{t.writeHead(e,s),i._readableState||i._writableState?Dt(i,t):t.end(i)})):e.destroy()}onConnection(e){e.setTimeout(36e6),this.sockets.add(e),e.once("close",(()=>{this.sockets.delete(e)}))}address(){return this.server.address()}listen(...e){return this.closed=!1,this.server.on("connection",this.onConnection.bind(this)),this.server.on("request",this.wrapRequest.bind(this)),this._listen.apply(this.server,e)}close(e=()=>{}){this.server.removeAllListeners("connection"),this.server.removeAllListeners("request"),this.server.removeAllListeners("listening"),super.close(),this._close.call(this.server,e)}destroy(e){this.sockets.forEach((e=>{e.destroy()})),super.destroy(e)}}class zt extends Wt{constructor(e,t){super(e,t),this.registration=t.controller,this.workerKeepAliveInterval=null,this.workerPortCount=0;const s=new URL(t.controller.scope);this.pathname=s.pathname+"webtorrent",this._address={port:s.port,family:"IPv4",address:s.hostname},this.boundHandler=this.wrapRequest.bind(this),navigator.serviceWorker.addEventListener("message",this.boundHandler),fetch(`${this.pathname}/cancel/`).then((e=>{e.body.cancel()}))}wrapRequest(e){const t=e.data;if("webtorrent"===!t?.type||!t.url)return null;const[s]=e.ports;this.onRequest(t,(({status:e,headers:t,body:i})=>{const n=i[Symbol.asyncIterator]?.(),r=()=>{s.onmessage=null,i?.destroy&&i.destroy(),this.workerPortCount--,this.workerPortCount||(clearInterval(this.workerKeepAliveInterval),this.workerKeepAliveInterval=null)};s.onmessage=async e=>{if(e.data){let e;try{e=(await n.next()).value}catch(e){}s.postMessage(e),e||r(),this.workerKeepAliveInterval||(this.workerKeepAliveInterval=setInterval((()=>fetch(`${this.pathname}/keepalive/`)),2e4))}else r()},this.workerPortCount++,s.postMessage({status:e,headers:t,body:n?"STREAM":i})}))}listen(e,t){t()}address(){return this._address}close(e){navigator.serviceWorker.removeEventListener("message",this.boundHandler),super.close(e)}destroy(e){super.destroy(e)}}function Vt(e,t){return`\n    <!DOCTYPE html>\n    <html lang="en">\n      <head>\n        <meta charset="utf-8">\n        <title>${e}</title>\n      </head>\n      <body>\n        ${t}\n      </body>\n    </html>\n  `}function Gt(e){return encodeURIComponent(e).replace(/['()]/g,escape).replace(/\*/g,"%2A").replace(/%(?:7C|60|5E)/g,unescape)}const Kt=I("webtorrent"),Yt=_t.replace(/\d*./g,(e=>("0"+e%100).slice(-2))).slice(0,4),Jt=`-WW${Yt}-`;class Xt extends o{constructor(e={}){super(),"string"==typeof e.peerId?this.peerId=e.peerId:ArrayBuffer.isView(e.peerId)?this.peerId=(0,b.V5)(e.peerId):this.peerId=(0,b.V5)((0,b.L0)(Jt+(0,b.NJ)((0,b.po)(9)))),this.peerIdBuffer=(0,b.fk)(this.peerId),"string"==typeof e.nodeId?this.nodeId=e.nodeId:ArrayBuffer.isView(e.nodeId)?this.nodeId=(0,b.V5)(e.nodeId):this.nodeId=(0,b.V5)((0,b.po)(20)),this.nodeIdBuffer=(0,b.fk)(this.nodeId),this._debugId=this.peerId.substring(0,7),this.destroyed=!1,this.listening=!1,this.torrentPort=e.torrentPort||0,this.dhtPort=e.dhtPort||0,this.tracker=void 0!==e.tracker?e.tracker:{},this.lsd=!1!==e.lsd,this.utPex=!1!==e.utPex,this.natUpnp=e.natUpnp??!0,this.natPmp=e.natPmp??!0,this.torrents=[],this.maxConns=Number(e.maxConns)||55,this.utp=Xt.UTP_SUPPORT&&!1!==e.utp,this.seedOutgoingConnections=e.seedOutgoingConnections??!0,this._downloadLimit=Math.max("number"==typeof e.downloadLimit?e.downloadLimit:-1,-1),this._uploadLimit=Math.max("number"==typeof e.uploadLimit?e.uploadLimit:-1,-1),(this.natUpnp||this.natPmp)&&"function"==typeof ne&&(this.natTraversal=new ne({enableUPNP:this.natUpnp,enablePMP:this.natPmp,upnpPermanentFallback:"permanent"===e.natUpnp})),!0===e.secure&&Promise.resolve().then(n.bind(n,5658)).then((({enableSecure:e})=>e())),this._debug("new webtorrent (peerId %s, nodeId %s, port %s)",this.peerId,this.nodeId,this.torrentPort),this.throttleGroups={down:new ie.ThrottleGroup({rate:Math.max(this._downloadLimit,0),enabled:this._downloadLimit>=0}),up:new ie.ThrottleGroup({rate:Math.max(this._uploadLimit,0),enabled:this._uploadLimit>=0})},this.tracker&&("object"!=typeof this.tracker&&(this.tracker={}),globalThis.WRTC&&!this.tracker.wrtc&&(this.tracker.wrtc=globalThis.WRTC)),"function"==typeof re?this._connPool=new re(this):w((()=>{this._onListening()})),this._downloadSpeed=se(),this._uploadSpeed=se(),!1!==e.dht&&"function"==typeof L.Client?(this.dht=new L.Client(Object.assign({},{nodeId:this.nodeId},e.dht)),this.dht.once("error",(e=>{this._destroy(e)})),this.dht.once("listening",(()=>{const e=this.dht.address();e&&(this.dhtPort=e.port,this.natTraversal&&this.natTraversal.map({publicPort:this.dhtPort,privatePort:this.dhtPort,protocol:"udp",description:"WebTorrent DHT"}).catch((e=>{Kt("error mapping DHT port via UPnP/PMP: %o",e)})))})),this.dht.setMaxListeners(0),this.dht.listen(this.dhtPort)):this.dht=!1,this.enableWebSeeds=!1!==e.webSeeds;const t=()=>{this.destroyed||(this.ready=!0,this.emit("ready"))};"function"==typeof O&&null!=e.blocklist?O(e.blocklist,{headers:{"user-agent":`WebTorrent/${_t} (https://webtorrent.io)`}},((e,s)=>{if(e)return console.error(`Failed to load blocklist: ${e.message}`);this.blocked=s,t()})):w(t)}createServer(e,t){if(this.destroyed)throw new Error("torrent is destroyed");if(this._server)throw new Error("server already created");if("undefined"!=typeof window&&"node"!==t||"browser"===t){if(!(e?.controller instanceof ServiceWorkerRegistration))throw new Error("Invalid worker registration");if("activated"!==e.controller.active.state)throw new Error("Worker isn't activated");return this._server=new zt(this,e),this._server}return this._server=new $t(this,e),this._server}get downloadSpeed(){return this._downloadSpeed()}get uploadSpeed(){return this._uploadSpeed()}get progress(){const e=this.torrents.filter((e=>1!==e.progress));return e.reduce(((e,t)=>e+t.downloaded),0)/(e.reduce(((e,t)=>e+(t.length||0)),0)||1)}get ratio(){return this.torrents.reduce(((e,t)=>e+t.uploaded),0)/(this.torrents.reduce(((e,t)=>e+t.received),0)||1)}async get(e){if(e instanceof Mt){if(this.torrents.includes(e))return e}else{const t=this.torrents;let s;try{s=await W(e)}catch(e){}if(!s)return null;if(!s.infoHash)throw new Error("Invalid torrent identifier");for(const e of t)if(e.infoHash===s.infoHash)return e}return null}add(e,t={},s=()=>{}){if(this.destroyed)throw new Error("client is destroyed");"function"==typeof t&&([t,s]=[{},t]);const i=()=>{if(!this.destroyed)for(const e of this.torrents)if(e.infoHash===r.infoHash&&e!==r)return r._destroy(new Error(`Cannot add duplicate torrent ${r.infoHash}`)),void s(e)},n=()=>{this.destroyed||(s(r),this.emit("torrent",r))};this._debug("add"),t=t?Object.assign({},t):{};const r=new Mt(e,this,t);return this.torrents.push(r),r.once("_infoHash",i),r.once("ready",n),r.once("close",(function e(){r.removeListener("_infoHash",i),r.removeListener("ready",n),r.removeListener("close",e)})),this.emit("add",r),r}seed(e,t,s){if(this.destroyed)throw new Error("client is destroyed");"function"==typeof t&&([t,s]=[{},t]),this._debug("seed"),(t=t?Object.assign({},t):{}).skipVerify=!0;const i="string"==typeof e;i&&(t.path=function(e){if(a(e),0===e.length)return".";let t=e.charCodeAt(0);const s=47===t;let i=-1,n=!0;for(let s=e.length-1;s>=1;--s)if(t=e.charCodeAt(s),47===t){if(!n){i=s;break}}else n=!1;return-1===i?s?"/":".":s&&1===i?"//":e.slice(0,i)}(e)),t.createdBy||(t.createdBy=`WebTorrent/${Yt}`);const n=e=>{this._debug("on seed"),"function"==typeof s&&s(e),e.emit("seed"),this.emit("seed",e)},r=this.add(null,t,(e=>{const s=[s=>{if(i||t.preloadedStore)return s();e.load(o,s)}];this.dht&&s.push((t=>{e.once("dhtAnnounce",t)})),y(s,(t=>{if(!this.destroyed)return t?e._destroy(t):void n(e)}))}));let o;var h;return h=e,"undefined"!=typeof FileList&&h instanceof FileList?e=Array.from(e):Array.isArray(e)||(e=[e]),y(e.map((e=>async s=>{if(!t.preloadedStore&&function(e){return"object"==typeof e&&null!=e&&"function"==typeof e.pipe}(e)){const t=[];try{for await(const s of e)t.push(s)}catch(e){return s(e)}const i=(0,b.xW)(t);i.name=e.name,s(null,i)}else s(null,e)})),((e,i)=>{if(!this.destroyed)return e?r._destroy(e):void function(e,t,s){"function"==typeof t&&([t,s]=[s,t]),S(e,t=t?Object.assign({},t):{},s)}(i,t,((e,n)=>{if(!this.destroyed){if(e)return r._destroy(e);o=n.map((e=>e.getStream)),P(i,t,(async(e,t)=>{if(this.destroyed)return;if(e)return r._destroy(e);const i=await this.get(t);i?(console.warn("A torrent with the same id is already being seeded"),r._destroy(),"function"==typeof s&&s(i)):r._onTorrentId(t)}))}}))})),r}async remove(e,t,s){if("function"==typeof t)return this.remove(e,null,t);this._debug("remove");const i=await this.get(e);if(!i)throw new Error(`No torrent with id ${e}`);this._remove(i,t,s)}_remove(e,t,s){if(!e)return;if("function"==typeof t)return this._remove(e,null,t);const i=this.torrents.indexOf(e);-1!==i&&(this.torrents.splice(i,1),e.destroy(t,s),this.dht&&this.dht._tables.remove(e.infoHash),this.emit("remove",e))}address(){return this.listening?this._connPool?this._connPool.tcpServer.address():{address:"0.0.0.0",family:"IPv4",port:0}:null}throttleDownload(e){return e=Number(e),!(isNaN(e)||!isFinite(e)||e<-1)&&(this._downloadLimit=e,this._downloadLimit<0?this.throttleGroups.down.setEnabled(!1):(this.throttleGroups.down.setEnabled(!0),void this.throttleGroups.down.setRate(this._downloadLimit)))}throttleUpload(e){return e=Number(e),!(isNaN(e)||!isFinite(e)||e<-1)&&(this._uploadLimit=e,this._uploadLimit<0?this.throttleGroups.up.setEnabled(!1):(this.throttleGroups.up.setEnabled(!0),void this.throttleGroups.up.setRate(this._uploadLimit)))}destroy(e){if(this.destroyed)throw new Error("client already destroyed");this._destroy(null,e)}_destroy(e,t){this._debug("client destroy"),this.destroyed=!0;const s=this.torrents.map((e=>t=>{e.destroy(t)}));this._connPool&&s.push((e=>{this._connPool.destroy(e)})),this.dht&&s.push((e=>{this.dht.destroy(e)})),this._server&&s.push((e=>{this._server.destroy(e)})),this.natTraversal&&s.push((e=>{this.natTraversal.destroy().then((()=>e()))})),y(s,t),e&&this.emit("error",e),this.torrents=[],this._connPool=null,this.dht=null,this.throttleGroups.down.destroy(),this.throttleGroups.up.destroy()}_onListening(){if(this._debug("listening"),this.listening=!0,this._connPool){const e=this._connPool.tcpServer.address();e&&(this.torrentPort=e.port,this.natTraversal&&this.natTraversal.map({publicPort:this.torrentPort,privatePort:this.torrentPort,protocol:this.utp?null:"tcp",description:"WebTorrent Torrent"}).catch((e=>{Kt("error mapping WebTorrent port via UPnP/PMP: %o",e)})))}this.emit("listening")}_debug(){const e=[].slice.call(arguments);e[0]=`[${this._debugId}] ${e[0]}`,Kt(...e)}async _getByHash(e){for(const t of this.torrents)if(t.infoHashHash||(t.infoHashHash=await(0,b.tW)((0,b.fk)("72657132"+t.infoHash),"hex")),e===t.infoHashHash)return t;return null}}Xt.WEBRTC_SUPPORT=te.WEBRTC_SUPPORT,Xt.UTP_SUPPORT=re.UTP_SUPPORT,Xt.VERSION=_t;var Qt=r.A;export{Qt as default};
+//# sourceMappingURL=webtorrent.min.js.map
\ No newline at end of file
diff --git a/dist/js/webtorrent.min.js.map b/dist/js/webtorrent.min.js.map
new file mode 100644
index 00000000..d2f8de06
--- /dev/null
+++ b/dist/js/webtorrent.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"webtorrent.min.js","mappings":"IACIA,EADAC,E,YCAJ,SAASC,EAAQC,EAAQC,GACvB,GAAyB,iBAAdD,EAAO,GAAiB,OAAOA,EAAOE,KAAK,IACtD,GAAyB,iBAAdF,EAAO,GAAiB,OAAO,IAAIG,WAAWH,GACzD,MAAMI,EAAI,IAAID,WAAWF,GACzB,IAAII,EAAS,EACb,IAAK,IAAIC,EAAI,EAAGC,EAAIP,EAAOQ,OAAQF,EAAIC,EAAGD,IAAK,CAC7C,MAAMG,EAAQT,EAAOM,GACrBF,EAAEM,IAAID,EAAOJ,GACbA,GAAUI,EAAME,YAAcF,EAAMD,MACtC,CAEA,OAAOJ,CACT,CAEAQ,EAAOC,QAAUC,gBAAkBC,EAAUd,EAAO,IAAKe,EAAO,CAAC,GAC3C,iBAATf,IAETA,GADAe,EAAOf,GACKA,MAEd,IAAI,MAAEgB,EAAK,YAAEC,GAAc,GAASF,EAEhCC,IAAOC,GAAc,GAEzB,IAAIC,EAAW,GACXC,EAAgB,EAEpB,UAAW,MAAMC,KAASN,EAIxB,GAHAK,GAAiBC,EAAMV,YAAcU,EAAMb,QAAU,EACrDW,EAASG,KAAKD,GAEVD,GAAiBnB,EAAM,CACzB,MAAMG,EAAIL,EAAOoB,EAAUC,GAC3B,IAAIf,EAAS,EAEb,KAAOe,GAAiBnB,SAChBG,EAAEmB,MAAMlB,EAAQA,EAASJ,GAC/BmB,GAAiBnB,EACjBI,GAAUJ,EAGZkB,EAAW,CAACf,EAAEmB,MAAMlB,EAAQD,EAAEI,QAChC,CAEEY,UAAqBrB,EAAOoB,EAAUD,EAAcjB,EAAOmB,GACjE,C,iBC3CA,MAAMI,EAAM,EAAQ,MACdC,EAAiB,EAAQ,MAmG/Bb,EAAOC,QAjGP,MACE,WAAAa,CAAaC,EAAOX,GAKlB,GAJAY,KAAKD,MAAQA,EACbC,KAAKC,YAAcF,EAAME,YACzBD,KAAKE,eAAiB,IAAIC,KAErBH,KAAKD,QAAUC,KAAKD,MAAMK,MAAQJ,KAAKD,MAAMM,IAChD,MAAM,IAAIC,MAAM,yDAGlBN,KAAKO,MAAQ,IAAIX,EAAIR,EACvB,CAEA,GAAAiB,CAAKG,EAAOC,EAAKC,EAAK,QACpB,IAAKV,KAAKO,MACR,OAAOV,GAAe,IAAMa,EAAG,IAAIJ,MAAM,wBAG3CN,KAAKO,MAAMI,OAAOH,GAClBR,KAAKD,MAAMM,IAAIG,EAAOC,EAAKC,EAC7B,CAEA,GAAAN,CAAKI,EAAOpB,EAAMsB,EAAK,QACrB,GAAoB,mBAATtB,EAAqB,OAAOY,KAAKI,IAAII,EAAO,KAAMpB,GAE7D,IAAKY,KAAKO,MACR,OAAOV,GAAe,IAAMa,EAAG,IAAIJ,MAAM,wBAGtClB,IAAMA,EAAO,CAAC,GAEnB,IAAIqB,EAAMT,KAAKO,MAAMH,IAAII,GACzB,GAAIC,EAAK,CACP,MAAMhC,EAASW,EAAKX,QAAU,EACxBmC,EAAMxB,EAAKR,QAAW6B,EAAI7B,OAASH,EAIzC,OAHe,IAAXA,GAAgBmC,IAAQH,EAAI7B,SAC9B6B,EAAMA,EAAId,MAAMlB,EAAQmC,EAAMnC,IAEzBoB,GAAe,IAAMa,EAAG,KAAMD,IACvC,CAGA,IAAII,EAAUb,KAAKE,eAAeE,IAAII,GACtC,MAAMM,IAAsBD,EACvBA,IACHA,EAAU,GACVb,KAAKE,eAAepB,IAAI0B,EAAOK,IAGjCA,EAAQnB,KAAK,CACXN,OACAsB,OAGGI,GACHd,KAAKD,MAAMK,IAAII,GAAO,CAACO,EAAKN,KACrBM,GAAqB,MAAdf,KAAKO,OAAeP,KAAKO,MAAMzB,IAAI0B,EAAOC,GAEtD,MAAMO,EAAkBhB,KAAKE,eAAeE,IAAII,GAChDR,KAAKE,eAAee,OAAOT,GAE3B,IAAK,MAAM,KAAEpB,EAAI,GAAEsB,KAAQM,EACzB,GAAID,EACFL,EAAGK,OACE,CACL,MAAMtC,EAASW,EAAKX,QAAU,EACxBmC,EAAMxB,EAAKR,QAAW6B,EAAI7B,OAASH,EACzC,IAAIyC,EAAYT,EACD,IAAXhC,GAAgBmC,IAAQH,EAAI7B,SAC9BsC,EAAYT,EAAId,MAAMlB,EAAQmC,EAAMnC,IAEtCiC,EAAG,KAAMQ,EACX,CACF,GAGN,CAEA,KAAAC,CAAOT,EAAK,QACV,IAAKV,KAAKO,MACR,OAAOV,GAAe,IAAMa,EAAG,IAAIJ,MAAM,wBAG3CN,KAAKO,MAAQ,KACbP,KAAKD,MAAMoB,MAAMT,EACnB,CAEA,OAAAU,CAASV,EAAK,QACZ,IAAKV,KAAKO,MACR,OAAOV,GAAe,IAAMa,EAAG,IAAIJ,MAAM,wBAG3CN,KAAKO,MAAQ,KACbP,KAAKD,MAAMqB,QAAQV,EACrB,E,WClGF1B,EAAOC,QAAU,WAGf,IAFA,IAAIoC,EAAMC,UAAUC,qBAAuB,EACvCC,EAAO,GACF9C,EAAI,EAAGA,EAAI2C,EAAK3C,IACvB8C,EAAK9B,KAAK,CACR+B,MAAO,GACPC,MAAO,EACPC,MAAO,CAAEC,KAAM,EAAGC,KAAM,EAAGC,IAAK,EAAGC,KAAM,EAAGC,IAAK,KAGrD,OAAOR,CACT,C,8BCLAvC,EAAQgD,WA8IR,SAAoBC,GAQnB,GAPAA,EAAK,IAAMlC,KAAKmC,UAAY,KAAO,IAClCnC,KAAKoC,WACJpC,KAAKmC,UAAY,MAAQ,KAC1BD,EAAK,IACJlC,KAAKmC,UAAY,MAAQ,KAC1B,IAAMnD,EAAOC,QAAQoD,SAASrC,KAAKsC,OAE/BtC,KAAKmC,UACT,OAGD,MAAMI,EAAI,UAAYvC,KAAKwC,MAC3BN,EAAKO,OAAO,EAAG,EAAGF,EAAG,kBAKrB,IAAI/B,EAAQ,EACRkC,EAAQ,EACZR,EAAK,GAAGS,QAAQ,eAAeC,IAChB,OAAVA,IAGJpC,IACc,OAAVoC,IAGHF,EAAQlC,GACT,IAGD0B,EAAKO,OAAOC,EAAO,EAAGH,EACvB,EA9KAtD,EAAQ4D,KAgMR,SAAcC,GACb,IACKA,EACH7D,EAAQ8D,QAAQC,QAAQ,QAASF,GAEjC7D,EAAQ8D,QAAQE,WAAW,QAE7B,CAAE,MAAOC,GAGT,CACD,EA1MAjE,EAAQkE,KAkNR,WACC,IAAIC,EACJ,IACCA,EAAInE,EAAQ8D,QAAQM,QAAQ,QAC7B,CAAE,MAAOH,GAGT,EAGKE,QAAwB,IAAZE,GAA2B,QAASA,IACpDF,EAAIE,EAAQC,IAAIC,OAGjB,OAAOJ,CACR,EAhOAnE,EAAQkD,UAyGR,WAIC,GAAsB,oBAAXsB,QAA0BA,OAAOH,UAAoC,aAAxBG,OAAOH,QAAQI,MAAuBD,OAAOH,QAAQK,QAC5G,OAAO,EAIR,GAAyB,oBAAdrC,WAA6BA,UAAUsC,WAAatC,UAAUsC,UAAUC,cAAcjB,MAAM,yBACtG,OAAO,EAGR,IAAIkB,EAKJ,MAA4B,oBAAbC,UAA4BA,SAASC,iBAAmBD,SAASC,gBAAgBC,OAASF,SAASC,gBAAgBC,MAAMC,kBAEpH,oBAAXT,QAA0BA,OAAOU,UAAYV,OAAOU,QAAQC,SAAYX,OAAOU,QAAQE,WAAaZ,OAAOU,QAAQG,QAGrG,oBAAdhD,WAA6BA,UAAUsC,YAAcE,EAAIxC,UAAUsC,UAAUC,cAAcjB,MAAM,oBAAsB2B,SAAST,EAAE,GAAI,KAAO,IAE/H,oBAAdxC,WAA6BA,UAAUsC,WAAatC,UAAUsC,UAAUC,cAAcjB,MAAM,qBACtG,EAlIA3D,EAAQ8D,QA4OR,WACC,IAGC,OAAOyB,YACR,CAAE,MAAOtB,GAGT,CACD,CArPkBuB,GAClBxF,EAAQmC,QAAU,MACjB,IAAIsD,GAAS,EAEb,MAAO,KACDA,IACJA,GAAS,EACTP,QAAQQ,KAAK,yIACd,CAED,EATiB,GAelB1F,EAAQ2F,OAAS,CAChB,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,WAyFD3F,EAAQ4F,IAAMV,QAAQW,OAASX,QAAQU,KAAO,MAAS,GAkEvD7F,EAAOC,QAAU,EAAQ,IAAR,CAAoBA,GAErC,MAAM,WAAC8F,GAAc/F,EAAOC,QAM5B8F,EAAWC,EAAI,SAAUC,GACxB,IACC,OAAOC,KAAKC,UAAUF,EACvB,CAAE,MAAO/B,GACR,MAAO,+BAAiCA,EAAMkC,OAC/C,CACD,C,gBCoBApG,EAAOC,QA7RP,SAAesE,GAqDd,SAAS8B,EAAYjD,GACpB,IAAIkD,EAEAC,EACAC,EAFAC,EAAiB,KAIrB,SAASX,KAAS5C,GAEjB,IAAK4C,EAAMY,QACV,OAGD,MAAMC,EAAOb,EAGPc,EAAOC,OAAO,IAAIC,MAClBC,EAAKH,GAAQN,GAAYM,GAC/BD,EAAKrD,KAAOyD,EACZJ,EAAKK,KAAOV,EACZK,EAAKC,KAAOA,EACZN,EAAWM,EAEX1D,EAAK,GAAKmD,EAAYY,OAAO/D,EAAK,IAEX,iBAAZA,EAAK,IAEfA,EAAKgE,QAAQ,MAId,IAAI1F,EAAQ,EACZ0B,EAAK,GAAKA,EAAK,GAAGS,QAAQ,iBAAiB,CAACC,EAAOuD,KAElD,GAAc,OAAVvD,EACH,MAAO,IAERpC,IACA,MAAM4F,EAAYf,EAAYN,WAAWoB,GACzC,GAAyB,mBAAdC,EAA0B,CACpC,MAAMC,EAAMnE,EAAK1B,GACjBoC,EAAQwD,EAAUE,KAAKX,EAAMU,GAG7BnE,EAAKO,OAAOjC,EAAO,GACnBA,GACD,CACA,OAAOoC,CAAK,IAIbyC,EAAYpD,WAAWqE,KAAKX,EAAMzD,IAEpByD,EAAKd,KAAOQ,EAAYR,KAChC0B,MAAMZ,EAAMzD,EACnB,CAgCA,OA9BA4C,EAAM1C,UAAYA,EAClB0C,EAAM3C,UAAYkD,EAAYlD,YAC9B2C,EAAMtC,MAAQ6C,EAAYmB,YAAYpE,GACtC0C,EAAM2B,OAASA,EACf3B,EAAM1D,QAAUiE,EAAYjE,QAE5BsF,OAAOC,eAAe7B,EAAO,UAAW,CACvC8B,YAAY,EACZC,cAAc,EACdzG,IAAK,IACmB,OAAnBqF,EACIA,GAEJF,IAAoBF,EAAYvC,aACnCyC,EAAkBF,EAAYvC,WAC9B0C,EAAeH,EAAYK,QAAQtD,IAG7BoD,GAER1G,IAAKmG,IACJQ,EAAiBR,CAAC,IAKY,mBAArBI,EAAYyB,MACtBzB,EAAYyB,KAAKhC,GAGXA,CACR,CAEA,SAAS2B,EAAOrE,EAAW2E,GAC1B,MAAMC,EAAW3B,EAAYrF,KAAKoC,gBAAkC,IAAd2E,EAA4B,IAAMA,GAAa3E,GAErG,OADA4E,EAASnC,IAAM7E,KAAK6E,IACbmC,CACR,CAuCA,SAASC,EAAgBC,EAAQC,GAChC,IAAIC,EAAc,EACdC,EAAgB,EAChBC,GAAa,EACbC,EAAa,EAEjB,KAAOH,EAAcF,EAAOtI,QAC3B,GAAIyI,EAAgBF,EAASvI,SAAWuI,EAASE,KAAmBH,EAAOE,IAA4C,MAA5BD,EAASE,IAEnE,MAA5BF,EAASE,IACZC,EAAYD,EACZE,EAAaH,EACbC,MAEAD,IACAC,SAEK,KAAmB,IAAfC,EAMV,OAAO,EAJPD,EAAgBC,EAAY,EAC5BC,IACAH,EAAcG,CAGf,CAID,KAAOF,EAAgBF,EAASvI,QAAsC,MAA5BuI,EAASE,IAClDA,IAGD,OAAOA,IAAkBF,EAASvI,MACnC,CAgEA,OAzRAyG,EAAYP,MAAQO,EACpBA,EAAYmC,QAAUnC,EACtBA,EAAYY,OAsQZ,SAAgBI,GACf,GAAIA,aAAe/F,MAClB,OAAO+F,EAAIoB,OAASpB,EAAIjB,QAEzB,OAAOiB,CACR,EA1QAhB,EAAYqC,QA8NZ,WACC,MAAM5E,EAAa,IACfuC,EAAYsC,SACZtC,EAAYuC,MAAMC,KAAIzF,GAAa,IAAMA,KAC3C9D,KAAK,KAEP,OADA+G,EAAYyC,OAAO,IACZhF,CACR,EApOAuC,EAAYyC,OAsJZ,SAAgBhF,GACfuC,EAAYxC,KAAKC,GACjBuC,EAAYvC,WAAaA,EAEzBuC,EAAYsC,MAAQ,GACpBtC,EAAYuC,MAAQ,GAEpB,MAAMG,GAA+B,iBAAfjF,EAA0BA,EAAa,IAC3DkF,OACArF,QAAQ,IAAK,KACboF,MAAM,KACNE,OAAOC,SAET,IAAK,MAAMC,KAAMJ,EACF,MAAVI,EAAG,GACN9C,EAAYuC,MAAMlI,KAAKyI,EAAGxI,MAAM,IAEhC0F,EAAYsC,MAAMjI,KAAKyI,EAG1B,EAzKA9C,EAAYK,QA4OZ,SAAiB0C,GAChB,IAAK,MAAMC,KAAQhD,EAAYuC,MAC9B,GAAIX,EAAgBmB,EAAMC,GACzB,OAAO,EAIT,IAAK,MAAMF,KAAM9C,EAAYsC,MAC5B,GAAIV,EAAgBmB,EAAMD,GACzB,OAAO,EAIT,OAAO,CACR,EAzPA9C,EAAYhD,SAAW,EAAQ,MAC/BgD,EAAYjE,QA4QZ,WACC+C,QAAQQ,KAAK,wIACd,EA5QA+B,OAAO4B,KAAK/E,GAAKgF,SAAQC,IACxBnD,EAAYmD,GAAOjF,EAAIiF,EAAI,IAO5BnD,EAAYsC,MAAQ,GACpBtC,EAAYuC,MAAQ,GAOpBvC,EAAYN,WAAa,CAAC,EAkB1BM,EAAYmB,YAVZ,SAAqBpE,GACpB,IAAIqG,EAAO,EAEX,IAAK,IAAI/J,EAAI,EAAGA,EAAI0D,EAAUxD,OAAQF,IACrC+J,GAASA,GAAQ,GAAKA,EAAQrG,EAAUsG,WAAWhK,GACnD+J,GAAQ,EAGT,OAAOpD,EAAYT,OAAO+D,KAAKC,IAAIH,GAAQpD,EAAYT,OAAOhG,OAC/D,EA6OAyG,EAAYyC,OAAOzC,EAAYlC,QAExBkC,CACR,C,8BCjSIwD,EAAO,EAAQ,MAEfC,EAAO,WAAY,EAUnBC,EAAM,SAASC,EAAQ5J,EAAM6J,GAChC,GAAoB,mBAAT7J,EAAqB,OAAO2J,EAAIC,EAAQ,KAAM5J,GACpDA,IAAMA,EAAO,CAAC,GAEnB6J,EAAWJ,EAAKI,GAAYH,GAE5B,IAAII,EAAKF,EAAOG,eACZC,EAAKJ,EAAOK,eACZC,EAAWlK,EAAKkK,WAA+B,IAAlBlK,EAAKkK,UAAsBN,EAAOM,SAC/DC,EAAWnK,EAAKmK,WAA+B,IAAlBnK,EAAKmK,UAAsBP,EAAOO,SAC/DC,GAAY,EAEZC,EAAiB,WACfT,EAAOO,UAAUG,GACvB,EAEIA,EAAW,WACdH,GAAW,EACND,GAAUL,EAAS3C,KAAK0C,EAC9B,EAEIW,EAAQ,WACXL,GAAW,EACNC,GAAUN,EAAS3C,KAAK0C,EAC9B,EAEIY,EAAS,SAASC,GACrBZ,EAAS3C,KAAK0C,EAAQa,EAAW,IAAIvJ,MAAM,2BAA6BuJ,GAAY,KACrF,EAEIC,EAAU,SAAS/I,GACtBkI,EAAS3C,KAAK0C,EAAQjI,EACvB,EAEIgJ,EAAU,WACbzG,EAAQ0G,SAASC,EAClB,EAEIA,EAAkB,WACrB,IAAIT,EACJ,QAAIF,GAAcF,GAAOA,EAAGc,QAAUd,EAAGe,cACrCZ,GAAcL,GAAOA,EAAGgB,QAAUhB,EAAGiB,gBAAzC,EAD6DlB,EAAS3C,KAAK0C,EAAQ,IAAI1I,MAAM,mBAE9F,EAEI8J,EAAY,WACfpB,EAAOqB,IAAIC,GAAG,SAAUZ,EACzB,EAmBA,OAzEe,SAASV,GACxB,OAAOA,EAAOuB,WAAqC,mBAAjBvB,EAAOwB,KAC1C,CAsDKC,CAAUzB,GAKHO,IAAaL,IACvBF,EAAOsB,GAAG,MAAOb,GACjBT,EAAOsB,GAAG,QAASb,KANnBT,EAAOsB,GAAG,WAAYZ,GACtBV,EAAOsB,GAAG,QAASP,GACff,EAAOqB,IAAKD,IACXpB,EAAOsB,GAAG,UAAWF,IAxDP,SAASpB,GAC7B,OAAOA,EAAO0B,OAASC,MAAMC,QAAQ5B,EAAO0B,QAAkC,IAAxB1B,EAAO0B,MAAM9L,MACpE,CA4DKiM,CAAe7B,IAASA,EAAOsB,GAAG,OAAQV,GAE9CZ,EAAOsB,GAAG,MAAOX,GACjBX,EAAOsB,GAAG,SAAUZ,IACD,IAAftK,EAAK8D,OAAiB8F,EAAOsB,GAAG,QAASR,GAC7Cd,EAAOsB,GAAG,QAASP,GAEZ,WACNP,GAAY,EACZR,EAAO8B,eAAe,WAAYpB,GAClCV,EAAO8B,eAAe,QAASf,GAC/Bf,EAAO8B,eAAe,UAAWV,GAC7BpB,EAAOqB,KAAKrB,EAAOqB,IAAIS,eAAe,SAAUpB,GACpDV,EAAO8B,eAAe,MAAOrB,GAC7BT,EAAO8B,eAAe,QAASrB,GAC/BT,EAAO8B,eAAe,SAAUpB,GAChCV,EAAO8B,eAAe,OAAQlB,GAC9BZ,EAAO8B,eAAe,MAAOnB,GAC7BX,EAAO8B,eAAe,QAAShB,GAC/Bd,EAAO8B,eAAe,QAASf,EAChC,CACD,EAEA/K,EAAOC,QAAU8J,C,WC/EjB,SAASgC,EAAOC,EAAKC,GACjB,IAAK,MAAMzC,KAAOyC,EACdvE,OAAOC,eAAeqE,EAAKxC,EAAK,CAC5B/I,MAAOwL,EAAMzC,GACb5B,YAAY,EACZC,cAAc,IAItB,OAAOmE,CACX,CA4CAhM,EAAOC,QAnCP,SAAqB8B,EAAKmK,EAAMD,GAC5B,IAAKlK,GAAsB,iBAARA,EACf,MAAM,IAAIoK,UAAU,oCAGnBF,IACDA,EAAQ,CAAC,GAGO,iBAATC,IACPD,EAAQC,EACRA,EAAO,IAGPA,IACAD,EAAMC,KAAOA,GAGjB,IACI,OAAOH,EAAOhK,EAAKkK,EACvB,CAAE,MAAOG,GACLH,EAAM7F,QAAUrE,EAAIqE,QACpB6F,EAAMxD,MAAQ1G,EAAI0G,MAElB,MAAM4D,EAAW,WAAa,EAE9BA,EAASC,UAAY5E,OAAO6E,OAAO7E,OAAO8E,eAAezK,IAKzD,OAFegK,EAAO,IAAIM,EAAYJ,EAG1C,CACJ,C,UCnDA,IAAIQ,EAAkB,UAOtBzM,EAAOC,QAUP,SAAoByM,GAClB,IAOIC,EAPAC,EAAM,GAAKF,EACX9I,EAAQ6I,EAAgBI,KAAKD,GAEjC,IAAKhJ,EACH,OAAOgJ,EAIT,IAAIE,EAAO,GACPtL,EAAQ,EACRuL,EAAY,EAEhB,IAAKvL,EAAQoC,EAAMpC,MAAOA,EAAQoL,EAAIhN,OAAQ4B,IAAS,CACrD,OAAQoL,EAAIlD,WAAWlI,IACrB,KAAK,GACHmL,EAAS,SACT,MACF,KAAK,GACHA,EAAS,QACT,MACF,KAAK,GACHA,EAAS,QACT,MACF,KAAK,GACHA,EAAS,OACT,MACF,KAAK,GACHA,EAAS,OACT,MACF,QACE,SAGAI,IAAcvL,IAChBsL,GAAQF,EAAII,UAAUD,EAAWvL,IAGnCuL,EAAYvL,EAAQ,EACpBsL,GAAQH,CACV,CAEA,OAAOI,IAAcvL,EACjBsL,EAAOF,EAAII,UAAUD,EAAWvL,GAChCsL,CACN,C,WCxDA,IAAIG,EAAevF,OAAO6E,QAoe1B,SAA8BW,GAC5B,IAAIC,EAAI,WAAY,EAEpB,OADAA,EAAEb,UAAYY,EACP,IAAIC,CACb,EAveIC,EAAa1F,OAAO4B,MAwexB,SAA4B0C,GAC1B,IAAI1C,EAAO,GACX,IAAK,IAAI+D,KAAKrB,EAAStE,OAAO4E,UAAUgB,eAAehG,KAAK0E,EAAKqB,IAC/D/D,EAAK5I,KAAK2M,GAEZ,OAAOA,CACT,EA7eIE,EAAOC,SAASlB,UAAUiB,MA8e9B,SAA8BE,GAC5B,IAAIC,EAAK1M,KACT,OAAO,WACL,OAAO0M,EAAGnG,MAAMkG,EAASE,UAC3B,CACF,EAjfA,SAASC,IACF5M,KAAK6M,SAAYnG,OAAO4E,UAAUgB,eAAehG,KAAKtG,KAAM,aAC/DA,KAAK6M,QAAUZ,EAAa,MAC5BjM,KAAK8M,aAAe,GAGtB9M,KAAK+M,cAAgB/M,KAAK+M,oBAAiBC,CAC7C,CACAhO,EAAOC,QAAU2N,EAGjBA,EAAaA,aAAeA,EAE5BA,EAAatB,UAAUuB,aAAUG,EACjCJ,EAAatB,UAAUyB,mBAAgBC,EAIvC,IAEIC,EAFAC,EAAsB,GAG1B,IACE,IAAIC,EAAI,CAAC,EACLzG,OAAOC,gBAAgBD,OAAOC,eAAewG,EAAG,IAAK,CAAE1N,MAAO,IAClEwN,EAA4B,IAARE,EAAEC,CACxB,CAAE,MAAOrM,GAAOkM,GAAoB,CAAM,CA4B1C,SAASI,EAAiBC,GACxB,YAA2BN,IAAvBM,EAAKP,cACAH,EAAaM,oBACfI,EAAKP,aACd,CAwHA,SAASQ,EAAaC,EAAQ9J,EAAM+J,EAAUC,GAC5C,IAAI5J,EACA6J,EACAC,EAEJ,GAAwB,mBAAbH,EACT,MAAM,IAAItC,UAAU,0CAoBtB,IAlBAwC,EAASH,EAAOX,UAOVc,EAAOE,cACTL,EAAOM,KAAK,cAAepK,EACvB+J,EAASA,SAAWA,EAASA,SAAWA,GAI5CE,EAASH,EAAOX,SAElBe,EAAWD,EAAOjK,KAblBiK,EAASH,EAAOX,QAAUZ,EAAa,MACvCuB,EAAOV,aAAe,GAenBc,GAmBH,GAdwB,mBAAbA,EAETA,EAAWD,EAAOjK,GACdgK,EAAU,CAACD,EAAUG,GAAY,CAACA,EAAUH,GAG5CC,EACFE,EAAS1H,QAAQuH,GAEjBG,EAASlO,KAAK+N,IAKbG,EAASlJ,SACZZ,EAAIuJ,EAAiBG,KACZ1J,EAAI,GAAK8J,EAAShP,OAASkF,EAAG,CACrC8J,EAASlJ,QAAS,EAClB,IAAIqJ,EAAI,IAAIzN,MAAM,+CACdsN,EAAShP,OAAS,KAAOoP,OAAOtK,GADlB,uEAIlBqK,EAAE3F,KAAO,8BACT2F,EAAEE,QAAUT,EACZO,EAAErK,KAAOA,EACTqK,EAAEG,MAAQN,EAAShP,OACI,iBAAZuF,SAAwBA,QAAQQ,MACzCR,QAAQQ,KAAK,SAAUoJ,EAAE3F,KAAM2F,EAAE3I,QAErC,OAhCFwI,EAAWD,EAAOjK,GAAQ+J,IACxBD,EAAOV,aAmCX,OAAOU,CACT,CAaA,SAASW,IACP,IAAKnO,KAAKoO,MAGR,OAFApO,KAAKwN,OAAO1C,eAAe9K,KAAK0D,KAAM1D,KAAKqO,QAC3CrO,KAAKoO,OAAQ,EACLzB,UAAU/N,QAChB,KAAK,EACH,OAAOoB,KAAKyN,SAASnH,KAAKtG,KAAKwN,QACjC,KAAK,EACH,OAAOxN,KAAKyN,SAASnH,KAAKtG,KAAKwN,OAAQb,UAAU,IACnD,KAAK,EACH,OAAO3M,KAAKyN,SAASnH,KAAKtG,KAAKwN,OAAQb,UAAU,GAAIA,UAAU,IACjE,KAAK,EACH,OAAO3M,KAAKyN,SAASnH,KAAKtG,KAAKwN,OAAQb,UAAU,GAAIA,UAAU,GAC3DA,UAAU,IAChB,QAEE,IADA,IAAIzK,EAAO,IAAIyI,MAAMgC,UAAU/N,QACtBF,EAAI,EAAGA,EAAIwD,EAAKtD,SAAUF,EACjCwD,EAAKxD,GAAKiO,UAAUjO,GACtBsB,KAAKyN,SAASlH,MAAMvG,KAAKwN,OAAQtL,GAGzC,CAEA,SAASoM,EAAUd,EAAQ9J,EAAM+J,GAC/B,IAAIc,EAAQ,CAAEH,OAAO,EAAOC,YAAQrB,EAAWQ,OAAQA,EAAQ9J,KAAMA,EAAM+J,SAAUA,GACjFe,EAAUjC,EAAKjG,KAAK6H,EAAaI,GAGrC,OAFAC,EAAQf,SAAWA,EACnBc,EAAMF,OAASG,EACRA,CACT,CAyHA,SAASC,EAAWjB,EAAQ9J,EAAMgL,GAChC,IAAIf,EAASH,EAAOX,QAEpB,IAAKc,EACH,MAAO,GAET,IAAIgB,EAAahB,EAAOjK,GACxB,OAAKiL,EAGqB,mBAAfA,EACFD,EAAS,CAACC,EAAWlB,UAAYkB,GAAc,CAACA,GAElDD,EAsDT,SAAyBE,GAEvB,IADA,IAAIC,EAAM,IAAIlE,MAAMiE,EAAIhQ,QACfF,EAAI,EAAGA,EAAImQ,EAAIjQ,SAAUF,EAChCmQ,EAAInQ,GAAKkQ,EAAIlQ,GAAG+O,UAAYmB,EAAIlQ,GAElC,OAAOmQ,CACT,CA5DkBC,CAAgBH,GAAcI,EAAWJ,EAAYA,EAAW/P,QALvE,EAMX,CAmBA,SAASoQ,EAActL,GACrB,IAAIiK,EAAS3N,KAAK6M,QAElB,GAAIc,EAAQ,CACV,IAAIgB,EAAahB,EAAOjK,GAExB,GAA0B,mBAAfiL,EACT,OAAO,EACF,GAAIA,EACT,OAAOA,EAAW/P,MAEtB,CAEA,OAAO,CACT,CAaA,SAASmQ,EAAWH,EAAKK,GAEvB,IADA,IAAIC,EAAO,IAAIvE,MAAMsE,GACZvQ,EAAI,EAAGA,EAAIuQ,IAAKvQ,EACvBwQ,EAAKxQ,GAAKkQ,EAAIlQ,GAChB,OAAOwQ,CACT,CA5bIjC,EACFvG,OAAOC,eAAeiG,EAAc,sBAAuB,CACzDhG,YAAY,EACZxG,IAAK,WACH,OAAO8M,CACT,EACApO,IAAK,SAASqQ,GAGZ,GAAmB,iBAARA,GAAoBA,EAAM,GAAKA,GAAQA,EAChD,MAAM,IAAIhE,UAAU,mDACtB+B,EAAsBiC,CACxB,IAGFvC,EAAaM,oBAAsBA,EAKrCN,EAAatB,UAAU8D,gBAAkB,SAAyBH,GAChE,GAAiB,iBAANA,GAAkBA,EAAI,GAAKI,MAAMJ,GAC1C,MAAM,IAAI9D,UAAU,0CAEtB,OADAnL,KAAK+M,cAAgBkC,EACdjP,IACT,EAQA4M,EAAatB,UAAUgE,gBAAkB,WACvC,OAAOjC,EAAiBrN,KAC1B,EA2DA4M,EAAatB,UAAUwC,KAAO,SAAcpK,GAC1C,IAAI6L,EAAIC,EAAS5O,EAAKsB,EAAMxD,EAAGiP,EAC3B8B,EAAoB,UAAT/L,EAGf,GADAiK,EAAS3N,KAAK6M,QAEZ4C,EAAWA,GAA2B,MAAhB9B,EAAOzK,WAC1B,IAAKuM,EACR,OAAO,EAGT,GAAIA,EAAS,CAGX,GAFI9C,UAAU/N,OAAS,IACrB2Q,EAAK5C,UAAU,IACb4C,aAAcjP,MAChB,MAAMiP,EAGN,IAAIxO,EAAM,IAAIT,MAAM,6BAA+BiP,EAAK,KAExD,MADAxO,EAAI0L,QAAU8C,EACRxO,CAGV,CAIA,KAFAyO,EAAU7B,EAAOjK,IAGf,OAAO,EAET,IAAIgM,EAA0B,mBAAZF,EAElB,OADA5O,EAAM+L,UAAU/N,QAGd,KAAK,GAtFT,SAAkB4Q,EAASE,EAAM/J,GAC/B,GAAI+J,EACFF,EAAQlJ,KAAKX,QAIb,IAFA,IAAI/E,EAAM4O,EAAQ5Q,OACd+Q,EAAYZ,EAAWS,EAAS5O,GAC3BlC,EAAI,EAAGA,EAAIkC,IAAOlC,EACzBiR,EAAUjR,GAAG4H,KAAKX,EAExB,CA8EMiK,CAASJ,EAASE,EAAM1P,MACxB,MACF,KAAK,GA/ET,SAAiBwP,EAASE,EAAM/J,EAAMkK,GACpC,GAAIH,EACFF,EAAQlJ,KAAKX,EAAMkK,QAInB,IAFA,IAAIjP,EAAM4O,EAAQ5Q,OACd+Q,EAAYZ,EAAWS,EAAS5O,GAC3BlC,EAAI,EAAGA,EAAIkC,IAAOlC,EACzBiR,EAAUjR,GAAG4H,KAAKX,EAAMkK,EAE9B,CAuEMC,CAAQN,EAASE,EAAM1P,KAAM2M,UAAU,IACvC,MACF,KAAK,GAxET,SAAiB6C,EAASE,EAAM/J,EAAMkK,EAAME,GAC1C,GAAIL,EACFF,EAAQlJ,KAAKX,EAAMkK,EAAME,QAIzB,IAFA,IAAInP,EAAM4O,EAAQ5Q,OACd+Q,EAAYZ,EAAWS,EAAS5O,GAC3BlC,EAAI,EAAGA,EAAIkC,IAAOlC,EACzBiR,EAAUjR,GAAG4H,KAAKX,EAAMkK,EAAME,EAEpC,CAgEMC,CAAQR,EAASE,EAAM1P,KAAM2M,UAAU,GAAIA,UAAU,IACrD,MACF,KAAK,GAjET,SAAmB6C,EAASE,EAAM/J,EAAMkK,EAAME,EAAME,GAClD,GAAIP,EACFF,EAAQlJ,KAAKX,EAAMkK,EAAME,EAAME,QAI/B,IAFA,IAAIrP,EAAM4O,EAAQ5Q,OACd+Q,EAAYZ,EAAWS,EAAS5O,GAC3BlC,EAAI,EAAGA,EAAIkC,IAAOlC,EACzBiR,EAAUjR,GAAG4H,KAAKX,EAAMkK,EAAME,EAAME,EAE1C,CAyDMC,CAAUV,EAASE,EAAM1P,KAAM2M,UAAU,GAAIA,UAAU,GAAIA,UAAU,IACrE,MAEF,QAEE,IADAzK,EAAO,IAAIyI,MAAM/J,EAAM,GAClBlC,EAAI,EAAGA,EAAIkC,EAAKlC,IACnBwD,EAAKxD,EAAI,GAAKiO,UAAUjO,IA7DhC,SAAkB8Q,EAASE,EAAM/J,EAAMzD,GACrC,GAAIwN,EACFF,EAAQjJ,MAAMZ,EAAMzD,QAIpB,IAFA,IAAItB,EAAM4O,EAAQ5Q,OACd+Q,EAAYZ,EAAWS,EAAS5O,GAC3BlC,EAAI,EAAGA,EAAIkC,IAAOlC,EACzBiR,EAAUjR,GAAG6H,MAAMZ,EAAMzD,EAE/B,CAqDMiO,CAASX,EAASE,EAAM1P,KAAMkC,GAGlC,OAAO,CACT,EAqEA0K,EAAatB,UAAU8E,YAAc,SAAqB1M,EAAM+J,GAC9D,OAAOF,EAAavN,KAAM0D,EAAM+J,GAAU,EAC5C,EAEAb,EAAatB,UAAUhB,GAAKsC,EAAatB,UAAU8E,YAEnDxD,EAAatB,UAAU+E,gBACnB,SAAyB3M,EAAM+J,GAC7B,OAAOF,EAAavN,KAAM0D,EAAM+J,GAAU,EAC5C,EAiCJb,EAAatB,UAAUzC,KAAO,SAAcnF,EAAM+J,GAChD,GAAwB,mBAAbA,EACT,MAAM,IAAItC,UAAU,0CAEtB,OADAnL,KAAKsK,GAAG5G,EAAM4K,EAAUtO,KAAM0D,EAAM+J,IAC7BzN,IACT,EAEA4M,EAAatB,UAAUgF,oBACnB,SAA6B5M,EAAM+J,GACjC,GAAwB,mBAAbA,EACT,MAAM,IAAItC,UAAU,0CAEtB,OADAnL,KAAKqQ,gBAAgB3M,EAAM4K,EAAUtO,KAAM0D,EAAM+J,IAC1CzN,IACT,EAGJ4M,EAAatB,UAAUR,eACnB,SAAwBpH,EAAM+J,GAC5B,IAAI8C,EAAM5C,EAAQ6C,EAAU9R,EAAG+R,EAE/B,GAAwB,mBAAbhD,EACT,MAAM,IAAItC,UAAU,0CAGtB,KADAwC,EAAS3N,KAAK6M,SAEZ,OAAO7M,KAGT,KADAuQ,EAAO5C,EAAOjK,IAEZ,OAAO1D,KAET,GAAIuQ,IAAS9C,GAAY8C,EAAK9C,WAAaA,EACb,KAAtBzN,KAAK8M,aACT9M,KAAK6M,QAAUZ,EAAa,cAErB0B,EAAOjK,GACViK,EAAO7C,gBACT9K,KAAK8N,KAAK,iBAAkBpK,EAAM6M,EAAK9C,UAAYA,SAElD,GAAoB,mBAAT8C,EAAqB,CAGrC,IAFAC,GAAY,EAEP9R,EAAI6R,EAAK3R,OAAS,EAAGF,GAAK,EAAGA,IAChC,GAAI6R,EAAK7R,KAAO+O,GAAY8C,EAAK7R,GAAG+O,WAAaA,EAAU,CACzDgD,EAAmBF,EAAK7R,GAAG+O,SAC3B+C,EAAW9R,EACX,KACF,CAGF,GAAI8R,EAAW,EACb,OAAOxQ,KAEQ,IAAbwQ,EACFD,EAAKG,QAuHf,SAAmBH,EAAM/P,GACvB,IAAK,IAAI9B,EAAI8B,EAAO6L,EAAI3N,EAAI,EAAGuQ,EAAIsB,EAAK3R,OAAQyN,EAAI4C,EAAGvQ,GAAK,EAAG2N,GAAK,EAClEkE,EAAK7R,GAAK6R,EAAKlE,GACjBkE,EAAKI,KACP,CAzHUC,CAAUL,EAAMC,GAEE,IAAhBD,EAAK3R,SACP+O,EAAOjK,GAAQ6M,EAAK,IAElB5C,EAAO7C,gBACT9K,KAAK8N,KAAK,iBAAkBpK,EAAM+M,GAAoBhD,EAC1D,CAEA,OAAOzN,IACT,EAEJ4M,EAAatB,UAAUuF,mBACnB,SAA4BnN,GAC1B,IAAIiM,EAAWhC,EAAQjP,EAGvB,KADAiP,EAAS3N,KAAK6M,SAEZ,OAAO7M,KAGT,IAAK2N,EAAO7C,eAUV,OATyB,IAArB6B,UAAU/N,QACZoB,KAAK6M,QAAUZ,EAAa,MAC5BjM,KAAK8M,aAAe,GACXa,EAAOjK,KACY,KAAtB1D,KAAK8M,aACT9M,KAAK6M,QAAUZ,EAAa,aAErB0B,EAAOjK,IAEX1D,KAIT,GAAyB,IAArB2M,UAAU/N,OAAc,CAC1B,IACI4J,EADAF,EAAO8D,EAAWuB,GAEtB,IAAKjP,EAAI,EAAGA,EAAI4J,EAAK1J,SAAUF,EAEjB,oBADZ8J,EAAMF,EAAK5J,KAEXsB,KAAK6Q,mBAAmBrI,GAK1B,OAHAxI,KAAK6Q,mBAAmB,kBACxB7Q,KAAK6M,QAAUZ,EAAa,MAC5BjM,KAAK8M,aAAe,EACb9M,IACT,CAIA,GAAyB,mBAFzB2P,EAAYhC,EAAOjK,IAGjB1D,KAAK8K,eAAepH,EAAMiM,QACrB,GAAIA,EAET,IAAKjR,EAAIiR,EAAU/Q,OAAS,EAAGF,GAAK,EAAGA,IACrCsB,KAAK8K,eAAepH,EAAMiM,EAAUjR,IAIxC,OAAOsB,IACT,EAkBJ4M,EAAatB,UAAUqE,UAAY,SAAmBjM,GACpD,OAAO+K,EAAWzO,KAAM0D,GAAM,EAChC,EAEAkJ,EAAatB,UAAUwF,aAAe,SAAsBpN,GAC1D,OAAO+K,EAAWzO,KAAM0D,GAAM,EAChC,EAEAkJ,EAAaoC,cAAgB,SAASf,EAASvK,GAC7C,MAAqC,mBAA1BuK,EAAQe,cACVf,EAAQe,cAActL,GAEtBsL,EAAc1I,KAAK2H,EAASvK,EAEvC,EAEAkJ,EAAatB,UAAU0D,cAAgBA,EAiBvCpC,EAAatB,UAAUyF,WAAa,WAClC,OAAO/Q,KAAK8M,aAAe,EAAIkE,QAAQC,QAAQjR,KAAK6M,SAAW,EACjE,C,WCjeA7N,EAAOC,QAAU,MACf,WAAAa,CAAaoR,GACX,KAAMA,EAAM,IAAQA,EAAM,EAAKA,EAAY,MAAM,IAAI5Q,MAAM,qDAC3DN,KAAKmR,OAAS,IAAIxG,MAAMuG,GACxBlR,KAAKoR,KAAOF,EAAM,EAClBlR,KAAKqR,IAAM,EACXrR,KAAKsR,IAAM,EACXtR,KAAKuR,KAAO,IACd,CAEA,KAAAC,GACExR,KAAKqR,IAAMrR,KAAKsR,IAAM,EACtBtR,KAAKuR,KAAO,KACZvR,KAAKmR,OAAOM,UAAKzE,EACnB,CAEA,IAAAtN,CAAMgS,GACJ,YAA8B1E,IAA1BhN,KAAKmR,OAAOnR,KAAKqR,OACrBrR,KAAKmR,OAAOnR,KAAKqR,KAAOK,EACxB1R,KAAKqR,IAAOrR,KAAKqR,IAAM,EAAKrR,KAAKoR,MAC1B,EACT,CAEA,KAAAV,GACE,MAAMiB,EAAO3R,KAAKmR,OAAOnR,KAAKsR,KAC9B,QAAatE,IAAT2E,EAGJ,OAFA3R,KAAKmR,OAAOnR,KAAKsR,UAAOtE,EACxBhN,KAAKsR,IAAOtR,KAAKsR,IAAM,EAAKtR,KAAKoR,KAC1BO,CACT,CAEA,IAAAC,GACE,OAAO5R,KAAKmR,OAAOnR,KAAKsR,IAC1B,CAEA,OAAAO,GACE,YAAiC7E,IAA1BhN,KAAKmR,OAAOnR,KAAKsR,IAC1B,E,iBCrCF,MAAMQ,EAAY,EAAQ,MAE1B9S,EAAOC,QAAU,MACf,WAAAa,CAAaoR,GACXlR,KAAKkR,IAAMA,GAAO,GAClBlR,KAAK+R,KAAO,IAAID,EAAU9R,KAAKkR,KAC/BlR,KAAKgS,KAAOhS,KAAK+R,KACjB/R,KAAKpB,OAAS,CAChB,CAEA,KAAA4S,GACExR,KAAK+R,KAAO/R,KAAKgS,KACjBhS,KAAK+R,KAAKP,QACVxR,KAAKpB,OAAS,CAChB,CAEA,IAAAc,CAAM2G,GAEJ,GADArG,KAAKpB,UACAoB,KAAK+R,KAAKrS,KAAK2G,GAAM,CACxB,MAAML,EAAOhG,KAAK+R,KAClB/R,KAAK+R,KAAO/L,EAAKuL,KAAO,IAAIO,EAAU,EAAI9R,KAAK+R,KAAKZ,OAAOvS,QAC3DoB,KAAK+R,KAAKrS,KAAK2G,EACjB,CACF,CAEA,KAAAqK,GACsB,IAAhB1Q,KAAKpB,QAAcoB,KAAKpB,SAC5B,MAAMyH,EAAMrG,KAAKgS,KAAKtB,QACtB,QAAY1D,IAAR3G,GAAqBrG,KAAKgS,KAAKT,KAAM,CACvC,MAAMA,EAAOvR,KAAKgS,KAAKT,KAGvB,OAFAvR,KAAKgS,KAAKT,KAAO,KACjBvR,KAAKgS,KAAOT,EACLvR,KAAKgS,KAAKtB,OACnB,CAEA,OAAOrK,CACT,CAEA,IAAAuL,GACE,MAAMvL,EAAMrG,KAAKgS,KAAKJ,OACtB,YAAY5E,IAAR3G,GAAqBrG,KAAKgS,KAAKT,KAAavR,KAAKgS,KAAKT,KAAKK,OACxDvL,CACT,CAEA,OAAAwL,GACE,OAAuB,IAAhB7R,KAAKpB,MACd,E,YC9C4B,oBAAnBqT,iBACJA,eAAe3G,UAAU4G,OAAOC,iBACnCF,eAAe3G,UAAU4G,OAAOC,eAAiB,UAAU,cAAEC,GAAkB,CAAC,GAC9E,MAAMC,EAASrS,KAAKsS,YACdtJ,EAAShJ,KACf,IAAI2R,EAAOU,EAAOE,OAClB,MAAO,CACL,IAAAhB,GACE,MAAMiB,EAAOb,EAEb,OADAA,EAAOU,EAAOE,OACPC,CACT,EACAtT,OAAa,MAACO,UACNkS,EACNU,EAAOI,cACFL,GAAepJ,EAAO0J,SACpB,CAAEC,MAAM,EAAMlT,UAEvB,WAAM,CAAOsB,GAEX,YADMf,KAAK4S,SACL7R,CACR,EACA,CAACmR,OAAOC,iBACN,OAAOnS,IACT,EAEJ,GAEGiS,eAAe3G,UAAUuH,cAC5BZ,eAAe3G,UAAUuH,YAAc,UAAU,cAAET,GAAkB,CAAC,GACpE,OAAOpS,KAAKkS,OAAOC,eAAe,CAAEC,iBACtC,G,iBC7BJ,MAAMvS,EAAiB,EAAQ,MAoD/Bb,EAAOC,QAlDP,MACE,WAAAa,CAAaC,GAIX,GAHAC,KAAKD,MAAQA,EACbC,KAAKC,YAAcF,EAAME,aAEpBD,KAAKD,QAAUC,KAAKD,MAAMK,MAAQJ,KAAKD,MAAMM,IAChD,MAAM,IAAIC,MAAM,yDAGlBN,KAAK8S,IAAM,EACb,CAEA,GAAAzS,CAAKG,EAAOC,EAAKC,EAAK,QACpBV,KAAK8S,IAAItS,GAASC,EAClBT,KAAKD,MAAMM,IAAIG,EAAOC,GAAKM,IACzBf,KAAK8S,IAAItS,GAAS,KAClBE,EAAGK,EAAG,GAEV,CAEA,GAAAX,CAAKI,EAAOpB,EAAMsB,EAAK,QACrB,GAAoB,mBAATtB,EAAqB,OAAOY,KAAKI,IAAII,EAAO,KAAMpB,GAE7D,IAAIqB,EAAMT,KAAK8S,IAAItS,GAGnB,IAAKC,EACH,OAAOT,KAAKD,MAAMK,IAAII,EAAOpB,EAAMsB,GAGhCtB,IAAMA,EAAO,CAAC,GAEnB,MAAMX,EAASW,EAAKX,QAAU,EACxBmC,EAAMxB,EAAKR,QAAW6B,EAAI7B,OAASH,EAE1B,IAAXA,GAAgBmC,IAAQH,EAAI7B,SAC9B6B,EAAMA,EAAId,MAAMlB,EAAQmC,EAAMnC,IAEhCoB,GAAe,IAAMa,EAAG,KAAMD,IAChC,CAEA,KAAAU,CAAOT,EAAK,QACVV,KAAKD,MAAMoB,MAAMT,EACnB,CAEA,OAAAU,CAASV,EAAK,QACZV,KAAKD,MAAMqB,QAAQV,EACrB,E,WCnD2B,mBAAlBgG,OAAO6E,OAEhBvM,EAAOC,QAAU,SAAkB8T,EAAMC,GACnCA,IACFD,EAAKE,OAASD,EACdD,EAAKzH,UAAY5E,OAAO6E,OAAOyH,EAAU1H,UAAW,CAClDxL,YAAa,CACXL,MAAOsT,EACPnM,YAAY,EACZ2C,UAAU,EACV1C,cAAc,KAItB,EAGA7H,EAAOC,QAAU,SAAkB8T,EAAMC,GACvC,GAAIA,EAAW,CACbD,EAAKE,OAASD,EACd,IAAIE,EAAW,WAAa,EAC5BA,EAAS5H,UAAY0H,EAAU1H,UAC/ByH,EAAKzH,UAAY,IAAI4H,EACrBH,EAAKzH,UAAUxL,YAAciT,CAC/B,CACF,C,UCzBF/T,EAAOC,QAAUC,gBAAkBiU,GACjC,IAAK,IAAIhU,KAAYgU,EAEK,mBAAbhU,IAAyBA,EAAWA,WACvCA,CAEZ,C,iBCLAF,EAAQmU,YAAc,EAAtB,MACAnU,EAAQoU,YAAc,EAAtB,K,8BCUArU,EAAOC,QAZe,WACpB,QAAuB,IAAZqE,GAA2BA,EAAQgQ,OAAQ,CACpD,IAAIA,EAAShQ,EAAQgQ,SACjBC,EAAUD,EAAO,GACjBE,EAAcF,EAAO,GAEzB,OAAiB,IAAVC,EAAiB5K,KAAK8K,MAAMD,EAAc,IACnD,CAEA,OAAO,IAAI1N,MAAO4N,SACpB,C,8BCVIL,EAAc,EAAQ,MACtBM,EAAkB,EAAQ,MAc1BP,EAAc,SAASQ,EAAmBC,EAAUC,GACtD9T,KAAK+T,YAAc,IAAIV,EAAYO,EAAmBA,EACpDC,EAAU,MAGZ7T,KAAK+T,YAAYC,QAAUJ,EAE3B5T,KAAKiU,iBAAmBN,IACxB3T,KAAKkU,mBAAqB,EAC1BlU,KAAK8T,gBAAkBA,CACzB,EAEAV,EAAY9H,UAAY,CACtByI,YAAa,KACbE,iBAAkB,EAClBC,mBAAoB,EACpBJ,iBAAiB,EAYjBK,aAAc,SAASjG,EAAOjF,GAE5B,GAAIiF,EAAQlO,KAAK+T,YAAYK,WAI3B,OAHA9Q,EAAQ0G,SAASf,EAASsD,KAAK,KAAM,oBAAsB2B,EACzD,wCAA0ClO,KAAK+T,YAAYK,WAC3D,QACK,EAGT,IAAIzO,EAAO3F,KACPqU,EAAMV,IAYV,IARIU,EAAMrU,KAAKiU,kBACVI,EAAMrU,KAAKiU,kBAAoBjU,KAAK+T,YAAYF,YACnD7T,KAAKiU,iBAAmBI,EACxBrU,KAAKkU,mBAAqB,GAKxBhG,EAAQlO,KAAK+T,YAAYH,kBAAoB5T,KAAKkU,mBAAoB,CACxE,GAAIlU,KAAK8T,gBACPxQ,EAAQ0G,SAASf,EAASsD,KAAK,KAAM,MAAO,QACvC,CACL,IAAI+H,EAAe3L,KAAK4L,KACtBvU,KAAKiU,iBAAmBjU,KAAK+T,YAAYF,SAAWQ,GAEtDG,YAAW,WACT7O,EAAKoO,YAAYI,aAAajG,EAAOuG,EACvC,GAAGH,EACL,CACA,OAAO,CACT,CAGA,OAAOtU,KAAK+T,YAAYI,aAAajG,EAAOuG,GAE5C,SAASA,EAAmB1T,EAAK2T,GAC/B,GAAI3T,EAAK,OAAOkI,EAASlI,EAAK,MAE9B4E,EAAKuO,oBAAsBhG,EAC3BjF,EAAS,KAAMyL,EACjB,CACF,EAWAC,gBAAiB,SAASzG,GAExB,GAAIA,EAAQlO,KAAK+T,YAAYK,WAC3B,OAAO,EAET,IAAIC,EAAMV,IAWV,IAPIU,EAAMrU,KAAKiU,kBACVI,EAAMrU,KAAKiU,kBAAoBjU,KAAK+T,YAAYF,YACnD7T,KAAKiU,iBAAmBI,EACxBrU,KAAKkU,mBAAqB,GAIxBhG,EAAQlO,KAAK+T,YAAYH,kBAAoB5T,KAAKkU,mBACpD,OAAO,EAGT,IAAIU,EAAU5U,KAAK+T,YAAYY,gBAAgBzG,GAI/C,OAHI0G,IACF5U,KAAKkU,oBAAsBhG,GAEtB0G,CACT,EAMAC,mBAAoB,WAElB,OADA7U,KAAK+T,YAAYe,OACV9U,KAAK+T,YAAYC,OAC1B,GAGFhV,EAAOC,QAAUmU,C,8BCzHbC,EAAc,SAASe,EAAYR,EAAmBC,EAAUkB,GAIlE,GAHA/U,KAAKoU,WAAaA,EAClBpU,KAAK4T,kBAAoBA,EAED,iBAAbC,EACT,OAAQA,GACN,IAAK,MAAO,IAAK,SACf7T,KAAK6T,SAAW,IAAM,MACxB,IAAK,MAAO,IAAK,SACf7T,KAAK6T,SAAW,IAAW,MAC7B,IAAK,KAAM,IAAK,OACd7T,KAAK6T,SAAW,KAAgB,MAClC,IAAK,MACH7T,KAAK6T,SAAW,MAAqB,MACvC,QACE,MAAM,IAAIvT,MAAM,mBAAqBuT,QAGzC7T,KAAK6T,SAAWA,EAGlB7T,KAAK+U,aAAeA,EACpB/U,KAAKgU,QAAU,EACfhU,KAAKgV,UAAY,IAAIlP,IACvB,EAEAuN,EAAY/H,UAAY,CACtB8I,WAAY,EACZR,kBAAmB,EACnBC,SAAU,IACVkB,aAAc,KACdf,QAAS,EACTgB,SAAU,EAYVb,aAAc,SAASjG,EAAOjF,GAC5B,IAAItD,EAAO3F,KAGX,OAAKA,KAAKoU,WAMNlG,EAAQlO,KAAKoU,YACf9Q,EAAQ0G,SAASf,EAASsD,KAAK,KAAM,oBAAsB2B,EAAQ,wBACjElO,KAAKoU,WAAY,QACZ,IAITpU,KAAK8U,OAGD5G,EAAQlO,KAAKgU,QACRiB,IAELjV,KAAK+U,aAEA/U,KAAK+U,aAAaZ,aAAajG,GAAO,SAASnN,EAAKmU,GACzD,OAAInU,EAAYkI,EAASlI,EAAK,MAG1BmN,EAAQvI,EAAKqO,QACRiB,KAMTtP,EAAKqO,SAAW9F,OAChBjF,EAAS,KAAMN,KAAKwM,IAAID,EAAiBvP,EAAKqO,UAChD,KAGAhU,KAAKgU,SAAW9F,EAChB5K,EAAQ0G,SAASf,EAASsD,KAAK,KAAM,KAAMvM,KAAKgU,WACzC,KAtCP1Q,EAAQ0G,SAASf,EAASsD,KAAK,KAAM,KAAM2B,EAAOrI,OAAOuP,qBAClD,GAwCT,SAASH,IAEP,IAAIX,EAAe3L,KAAK4L,MACrBrG,EAAQvI,EAAKqO,UAAYrO,EAAKkO,SAAWlO,EAAKiO,oBAEjD,OADAY,YAAW,WAAa7O,EAAKwO,aAAajG,EAAOjF,EAAW,GAAGqL,IACxD,CACT,CACF,EAUAK,gBAAiB,SAASzG,GAExB,OAAKlO,KAAKoU,cAINlG,EAAQlO,KAAKoU,cAIjBpU,KAAK8U,SAGD5G,EAAQlO,KAAKgU,aAIbhU,KAAK+U,eAAiB/U,KAAK+U,aAAaJ,gBAAgBzG,MAI5DlO,KAAKgU,SAAW9F,GACT,IACT,EAMA4G,KAAM,WACJ,GAAK9U,KAAK4T,kBAAV,CAKA,IAAIS,GAAO,IAAIvO,KACXuP,EAAU1M,KAAK2M,IAAIjB,EAAMrU,KAAKgV,SAAU,GAC5ChV,KAAKgV,SAAWX,EAEhB,IAAIkB,EAAaF,GAAWrV,KAAK4T,kBAAoB5T,KAAK6T,UAC1D7T,KAAKgU,QAAUrL,KAAKwM,IAAInV,KAAKgU,QAAUuB,EAAYvV,KAAKoU,WAPxD,MAFEpU,KAAKgU,QAAUhU,KAAKoU,UAUxB,GAGFpV,EAAOC,QAAUoU,C,iBCtKjB,IAAI1F,EAAS,EAAQ,MACjB6H,EAAW,EAAQ,MAIvB,SAAS5V,EAAKR,GACZ,KAAMY,gBAAgBJ,GAAM,OAAO,IAAIA,EAAIR,GACvB,iBAATA,IAAmBA,EAAO,CAACkW,IAAKlW,IACtCA,IAAMA,EAAO,CAAC,GACnBuO,EAAOf,aAAatG,KAAKtG,MACzBA,KAAKO,MAAQ,CAAC,EACdP,KAAK+R,KAAO/R,KAAKgS,KAAO,KACxBhS,KAAKpB,OAAS,EACdoB,KAAKsV,IAAMlW,EAAKkW,KAAO,IACvBtV,KAAKyV,OAASrW,EAAKqW,QAAU,CAC/B,CAZAzW,EAAOC,QAAUW,EAcjB4V,EAAS5V,EAAK+N,EAAOf,cAErBlG,OAAOC,eAAe/G,EAAI0L,UAAW,OAAQ,CAC3ClL,IAAK,WAAc,OAAOsG,OAAO4B,KAAKtI,KAAKO,MAAO,IAGpDX,EAAI0L,UAAUkG,MAAQ,WACpBxR,KAAKO,MAAQ,CAAC,EACdP,KAAK+R,KAAO/R,KAAKgS,KAAO,KACxBhS,KAAKpB,OAAS,CAChB,EAEAgB,EAAI0L,UAAU3K,OAAS,SAAU6H,GAE/B,GADmB,iBAARA,IAAkBA,EAAM,GAAKA,GACnCxI,KAAKO,MAAM+L,eAAe9D,GAA/B,CAEA,IAAIkN,EAAU1V,KAAKO,MAAMiI,GAGzB,cAFOxI,KAAKO,MAAMiI,GAClBxI,KAAK2V,QAAQnN,EAAKkN,EAAQ1P,KAAM0P,EAAQnE,MACjCmE,EAAQjW,KALsB,CAMvC,EAEAG,EAAI0L,UAAUqK,QAAU,SAAUnN,EAAKxC,EAAMuL,GAC3CvR,KAAKpB,SAEe,IAAhBoB,KAAKpB,OACPoB,KAAK+R,KAAO/R,KAAKgS,KAAO,KAEpBhS,KAAK+R,OAASvJ,GAChBxI,KAAK+R,KAAO/L,EACZhG,KAAKO,MAAMP,KAAK+R,MAAMR,KAAO,MACpBvR,KAAKgS,OAASxJ,GACvBxI,KAAKgS,KAAOT,EACZvR,KAAKO,MAAMP,KAAKgS,MAAMhM,KAAO,OAE7BhG,KAAKO,MAAMyF,GAAMuL,KAAOA,EACxBvR,KAAKO,MAAMgR,GAAMvL,KAAOA,EAG9B,EAEApG,EAAI0L,UAAUsG,KAAO,SAAUpJ,GAC7B,GAAKxI,KAAKO,MAAM+L,eAAe9D,GAA/B,CAEA,IAAIkN,EAAU1V,KAAKO,MAAMiI,GAEzB,GAAKxI,KAAK4V,UAAUpN,EAAKkN,GACzB,OAAOA,EAAQjW,KALsB,CAMvC,EAEAG,EAAI0L,UAAUxM,IAAM,SAAU0J,EAAK/I,GAGjC,IAAIiW,EAEJ,GAJmB,iBAARlN,IAAkBA,EAAM,GAAKA,GAIpCxI,KAAKO,MAAM+L,eAAe9D,GAAM,CAMlC,IALAkN,EAAU1V,KAAKO,MAAMiI,IACb/I,MAAQA,EACZO,KAAKyV,SAAQC,EAAQG,SAAW/P,KAAKuO,OAGrC7L,IAAQxI,KAAK+R,KAAM,OAAOtS,EAC9BO,KAAK2V,QAAQnN,EAAKkN,EAAQ1P,KAAM0P,EAAQnE,KAC1C,MACEmE,EAAU,CAACjW,MAAOA,EAAOoW,SAAU,EAAGtE,KAAM,KAAMvL,KAAM,MACpDhG,KAAKyV,SAAQC,EAAQG,SAAW/P,KAAKuO,OACzCrU,KAAKO,MAAMiI,GAAOkN,EAGd1V,KAAKpB,SAAWoB,KAAKsV,KAAKtV,KAAK8V,QAWrC,OARA9V,KAAKpB,SACL8W,EAAQnE,KAAO,KACfmE,EAAQ1P,KAAOhG,KAAK+R,KAEhB/R,KAAK+R,OAAM/R,KAAKO,MAAMP,KAAK+R,MAAMR,KAAO/I,GAC5CxI,KAAK+R,KAAOvJ,EAEPxI,KAAKgS,OAAMhS,KAAKgS,KAAOxJ,GACrB/I,CACT,EAEAG,EAAI0L,UAAUsK,UAAY,SAAUpN,EAAKkN,GACvC,QAAI1V,KAAKyV,QAAW3P,KAAKuO,MAAQqB,EAAQG,SAAY7V,KAAKyV,UACxDzV,KAAKW,OAAO6H,GACZxI,KAAK8N,KAAK,QAAS,CAACtF,IAAKA,EAAK/I,MAAOiW,EAAQjW,SACtC,EAGX,EAEAG,EAAI0L,UAAUlL,IAAM,SAAUoI,GAE5B,GADmB,iBAARA,IAAkBA,EAAM,GAAKA,GACnCxI,KAAKO,MAAM+L,eAAe9D,GAA/B,CAEA,IAAIkN,EAAU1V,KAAKO,MAAMiI,GAEzB,GAAKxI,KAAK4V,UAAUpN,EAAKkN,GAqBzB,OAnBI1V,KAAK+R,OAASvJ,IACZA,IAAQxI,KAAKgS,MACfhS,KAAKgS,KAAO0D,EAAQnE,KACpBvR,KAAKO,MAAMP,KAAKgS,MAAMhM,KAAO,MAG7BhG,KAAKO,MAAMmV,EAAQ1P,MAAMuL,KAAOmE,EAAQnE,KAI1CvR,KAAKO,MAAMmV,EAAQnE,MAAMvL,KAAO0P,EAAQ1P,KAGxChG,KAAKO,MAAMP,KAAK+R,MAAMR,KAAO/I,EAC7BkN,EAAQ1P,KAAOhG,KAAK+R,KACpB2D,EAAQnE,KAAO,KACfvR,KAAK+R,KAAOvJ,GAGPkN,EAAQjW,KAzBsB,CA0BvC,EAEAG,EAAI0L,UAAUwK,MAAQ,WACpB,GAAK9V,KAAKgS,KAAV,CACA,IAAIxJ,EAAMxI,KAAKgS,KACXvS,EAAQO,KAAKW,OAAOX,KAAKgS,MAC7BhS,KAAK8N,KAAK,QAAS,CAACtF,IAAKA,EAAK/I,MAAOA,GAHrB,CAIlB,C,iBChJAT,EAAOC,QAAU8W,EAEjB,MAAMlW,EAAiB,EAAQ,MAE/B,SAASkW,EAAS9V,EAAab,GAC7B,KAAMY,gBAAgB+V,GAAU,OAAO,IAAIA,EAAQ9V,EAAab,GAIhE,GAHKA,IAAMA,EAAO,CAAC,GAEnBY,KAAKC,YAAc4F,OAAO5F,IACrBD,KAAKC,YAAa,MAAM,IAAIK,MAAM,yCAEvCN,KAAK5B,OAAS,GACd4B,KAAKgW,QAAS,EACdhW,KAAKpB,OAASiH,OAAOzG,EAAKR,SAAWqX,IAEjCjW,KAAKpB,SAAWqX,MAClBjW,KAAKkW,gBAAmBlW,KAAKpB,OAASoB,KAAKC,aAAgBD,KAAKC,YAChED,KAAKmW,eAAiBxN,KAAK4L,KAAKvU,KAAKpB,OAASoB,KAAKC,aAAe,EAEtE,CAEA8V,EAAQzK,UAAUjL,IAAM,SAAUG,EAAOC,EAAKC,EAAK,QACjD,GAAIV,KAAKgW,OAAQ,OAAOnW,GAAe,IAAMa,EAAG,IAAIJ,MAAM,wBAE1D,MAAM8V,EAAe5V,IAAUR,KAAKmW,eACpC,OAAIC,GAAe3V,EAAI7B,SAAWoB,KAAKkW,gBAC9BrW,GAAe,IAAMa,EAAG,IAAIJ,MAAM,6BAA+BN,KAAKkW,oBAE1EE,GAAe3V,EAAI7B,SAAWoB,KAAKC,aAGxCD,KAAK5B,OAAOoC,GAASC,OACrBZ,GAAe,IAAMa,EAAG,SAHfb,GAAe,IAAMa,EAAG,IAAIJ,MAAM,wBAA0BN,KAAKC,eAI5E,EAEA8V,EAAQzK,UAAUlL,IAAM,SAAUI,EAAOpB,EAAMsB,EAAK,QAClD,GAAoB,mBAATtB,EAAqB,OAAOY,KAAKI,IAAII,EAAO,KAAMpB,GAC7D,GAAIY,KAAKgW,OAAQ,OAAOnW,GAAe,IAAMa,EAAG,IAAIJ,MAAM,wBAE1D,IAAIG,EAAMT,KAAK5B,OAAOoC,GAEtB,IAAKC,EAAK,CACR,MAAMM,EAAM,IAAIT,MAAM,mBAEtB,OADAS,EAAIsV,UAAW,EACRxW,GAAe,IAAMa,EAAGK,IACjC,CAEK3B,IAAMA,EAAO,CAAC,GAEnB,MAAMX,EAASW,EAAKX,QAAU,EACxBmC,EAAMxB,EAAKR,QAAW6B,EAAI7B,OAASH,EAE1B,IAAXA,GAAgBmC,IAAQH,EAAI7B,SAC9B6B,EAAMA,EAAId,MAAMlB,EAAQmC,EAAMnC,IAGhCoB,GAAe,IAAMa,EAAG,KAAMD,IAChC,EAEAsV,EAAQzK,UAAUnK,MAAQ4U,EAAQzK,UAAUlK,QAAU,SAAUV,EAAK,QACnE,GAAIV,KAAKgW,OAAQ,OAAOnW,GAAe,IAAMa,EAAG,IAAIJ,MAAM,wBAC1DN,KAAKgW,QAAS,EACdhW,KAAK5B,OAAS,KACdyB,GAAe,IAAMa,EAAG,OAC1B,C,WC1DA,SAAS4V,IACPtW,KAAKuW,OAAS7P,OAAO6E,OAAO,MAC5BvL,KAAKwW,YAAc9P,OAAO6E,OAAO,MAEjC,IAAK,IAAI7M,EAAI,EAAGA,EAAIiO,UAAU/N,OAAQF,IACpCsB,KAAKyW,OAAO9J,UAAUjO,IAGxBsB,KAAKyW,OAASzW,KAAKyW,OAAOlK,KAAKvM,MAC/BA,KAAK0W,QAAU1W,KAAK0W,QAAQnK,KAAKvM,MACjCA,KAAK2W,aAAe3W,KAAK2W,aAAapK,KAAKvM,KAC7C,CAqBAsW,EAAKhL,UAAUmL,OAAS,SAASG,EAASC,GACxC,IAAK,IAAInT,KAAQkT,EAAS,CACxB,IAAIE,EAAaF,EAAQlT,GAAMmE,KAAI,SAASkP,GAC1C,OAAOA,EAAElT,aACX,IACAH,EAAOA,EAAKG,cAEZ,IAAK,IAAInF,EAAI,EAAGA,EAAIoY,EAAWlY,OAAQF,IAAK,CAC1C,MAAMsY,EAAMF,EAAWpY,GAIvB,GAAe,MAAXsY,EAAI,GAAR,CAIA,IAAKH,GAAUG,KAAOhX,KAAKuW,OACzB,MAAM,IAAIjW,MACR,kCAAoC0W,EACpC,qBAAuBhX,KAAKuW,OAAOS,GAAO,SAAWtT,EACrD,yDAA2DsT,EAC3D,sCAAwCtT,EAAO,MAInD1D,KAAKuW,OAAOS,GAAOtT,CAXnB,CAYF,CAGA,GAAImT,IAAU7W,KAAKwW,YAAY9S,GAAO,CACpC,MAAMsT,EAAMF,EAAW,GACvB9W,KAAKwW,YAAY9S,GAAoB,MAAXsT,EAAI,GAAcA,EAAMA,EAAIC,OAAO,EAC/D,CACF,CACF,EAKAX,EAAKhL,UAAUoL,QAAU,SAASQ,GAEhC,IAAIvF,GADJuF,EAAOlJ,OAAOkJ,IACEvU,QAAQ,WAAY,IAAIkB,cACpCmT,EAAMrF,EAAKhP,QAAQ,QAAS,IAAIkB,cAEhCsT,EAAUxF,EAAK/S,OAASsY,EAAKtY,OAGjC,OAFaoY,EAAIpY,OAAS+S,EAAK/S,OAAS,IAErBuY,IAAYnX,KAAKuW,OAAOS,IAAQ,IACrD,EAKAV,EAAKhL,UAAUqL,aAAe,SAASjT,GAErC,OADAA,EAAO,gBAAgB0T,KAAK1T,IAAS2T,OAAOC,KAC7BtX,KAAKwW,YAAY9S,EAAKG,gBAAkB,IACzD,EAEA7E,EAAOC,QAAUqX,C,iBC9FjB,IAAIA,EAAO,EAAQ,MACnBtX,EAAOC,QAAU,IAAIqX,EAAK,EAAQ,M,WCHlCtX,EAAOC,QAAU,CAAC,2BAA2B,CAAC,MAAM,yBAAyB,CAAC,MAAM,uBAAuB,CAAC,QAAQ,0BAA0B,CAAC,WAAW,8BAA8B,CAAC,eAAe,0BAA0B,CAAC,WAAW,2BAA2B,CAAC,OAAO,4BAA4B,CAAC,QAAQ,4BAA4B,CAAC,QAAQ,mBAAmB,CAAC,QAAQ,2BAA2B,CAAC,OAAO,wBAAwB,CAAC,SAAS,uBAAuB,CAAC,QAAQ,8BAA8B,CAAC,SAAS,6BAA6B,CAAC,SAAS,0BAA0B,CAAC,SAAS,0BAA0B,CAAC,SAAS,yBAAyB,CAAC,SAAS,uBAAuB,CAAC,MAAM,uBAAuB,CAAC,OAAO,2BAA2B,CAAC,YAAY,0BAA0B,CAAC,OAAO,uBAAuB,CAAC,QAAQ,uBAAuB,CAAC,SAAS,yBAAyB,CAAC,KAAK,QAAQ,uBAAuB,CAAC,QAAQ,4BAA4B,CAAC,aAAa,uBAAuB,CAAC,QAAQ,kBAAkB,CAAC,OAAO,sBAAsB,CAAC,OAAO,sBAAsB,CAAC,OAAO,yBAAyB,CAAC,OAAO,uBAAuB,CAAC,WAAW,sBAAsB,CAAC,OAAO,sBAAsB,CAAC,OAAO,kBAAkB,CAAC,OAAO,mBAAmB,CAAC,MAAM,oBAAoB,CAAC,SAAS,0BAA0B,CAAC,OAAO,wBAAwB,CAAC,MAAM,SAAS,oBAAoB,CAAC,SAAS,sBAAsB,CAAC,OAAO,2BAA2B,CAAC,MAAM,MAAM,OAAO,qCAAqC,CAAC,OAAO,sBAAsB,CAAC,SAAS,yBAAyB,CAAC,KAAK,OAAO,mBAAmB,CAAC,OAAO,OAAO,oBAAoB,CAAC,SAAS,0BAA0B,CAAC,UAAU,sBAAsB,CAAC,UAAU,sBAAsB,CAAC,OAAO,uBAAuB,CAAC,WAAW,2BAA2B,CAAC,OAAO,6BAA6B,CAAC,OAAO,uBAAuB,CAAC,QAAQ,4BAA4B,CAAC,eAAe,mBAAmB,CAAC,OAAO,0BAA0B,CAAC,QAAQ,0BAA0B,CAAC,KAAK,KAAK,MAAM,yBAAyB,CAAC,UAAU,mBAAmB,CAAC,QAAQ,qCAAqC,CAAC,SAAS,2BAA2B,CAAC,YAAY,4BAA4B,CAAC,SAAS,uBAAuB,CAAC,QAAQ,0BAA0B,CAAC,QAAQ,0BAA0B,CAAC,QAAQ,uBAAuB,CAAC,QAAQ,mBAAmB,CAAC,MAAM,QAAQ,kBAAkB,CAAC,OAAO,OAAO,qBAAqB,CAAC,MAAM,OAAO,kBAAkB,CAAC,OAAO,sBAAsB,CAAC,MAAM,wBAAwB,CAAC,MAAM,mBAAmB,CAAC,OAAO,2BAA2B,CAAC,MAAM,MAAM,MAAM,MAAM,KAAK,OAAO,QAAQ,MAAM,MAAM,OAAO,MAAM,SAAS,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,UAAU,kBAAkB,CAAC,OAAO,gCAAgC,CAAC,OAAO,kBAAkB,CAAC,OAAO,wBAAwB,CAAC,SAAS,sBAAsB,CAAC,SAAS,UAAU,SAAS,UAAU,mBAAmB,CAAC,QAAQ,8BAA8B,CAAC,QAAQ,kCAAkC,CAAC,OAAO,kBAAkB,CAAC,OAAO,4BAA4B,CAAC,OAAO,4BAA4B,CAAC,MAAM,OAAO,yBAAyB,CAAC,OAAO,qBAAqB,CAAC,OAAO,yBAAyB,CAAC,MAAM,OAAO,8BAA8B,CAAC,OAAO,oBAAoB,CAAC,MAAM,6BAA6B,CAAC,MAAM,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,OAAO,2BAA2B,CAAC,WAAW,sBAAsB,CAAC,OAAO,sBAAsB,CAAC,OAAO,yBAAyB,CAAC,KAAK,MAAM,MAAM,6BAA6B,CAAC,SAAS,uBAAuB,CAAC,WAAW,wBAAwB,CAAC,QAAQ,sBAAsB,CAAC,MAAM,OAAO,0BAA0B,CAAC,OAAO,sCAAsC,CAAC,OAAO,iCAAiC,CAAC,MAAM,sCAAsC,CAAC,OAAO,+BAA+B,CAAC,MAAM,4BAA4B,CAAC,QAAQ,+BAA+B,CAAC,OAAO,4BAA4B,CAAC,QAAQ,gCAAgC,CAAC,OAAO,4BAA4B,CAAC,OAAO,uBAAuB,CAAC,OAAO,sBAAsB,CAAC,OAAO,sBAAsB,CAAC,OAAO,kBAAkB,CAAC,OAAO,uBAAuB,CAAC,QAAQ,8BAA8B,CAAC,OAAO,+BAA+B,CAAC,OAAO,8BAA8B,CAAC,OAAO,+BAA+B,CAAC,OAAO,kBAAkB,CAAC,OAAO,wBAAwB,CAAC,UAAU,yBAAyB,CAAC,WAAW,qCAAqC,CAAC,UAAU,0CAA0C,CAAC,UAAU,sBAAsB,CAAC,OAAO,oBAAoB,CAAC,MAAM,SAAS,uBAAuB,CAAC,MAAM,QAAQ,2BAA2B,CAAC,MAAM,iCAAiC,CAAC,OAAO,mBAAmB,CAAC,QAAQ,uBAAuB,CAAC,SAAS,sBAAsB,CAAC,OAAO,uBAAuB,CAAC,QAAQ,uBAAuB,CAAC,QAAQ,uBAAuB,CAAC,WAAW,sBAAsB,CAAC,MAAM,aAAa,yBAAyB,CAAC,OAAO,+BAA+B,CAAC,OAAO,mBAAmB,CAAC,QAAQ,mBAAmB,CAAC,QAAQ,uBAAuB,CAAC,QAAQ,qBAAqB,CAAC,OAAO,+BAA+B,CAAC,UAAU,iCAAiC,CAAC,MAAM,2BAA2B,CAAC,QAAQ,mBAAmB,CAAC,QAAQ,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,OAAO,uBAAuB,CAAC,QAAQ,2BAA2B,CAAC,YAAY,uBAAuB,CAAC,QAAQ,2BAA2B,CAAC,OAAO,4BAA4B,CAAC,OAAO,4BAA4B,CAAC,OAAO,0BAA0B,CAAC,OAAO,0BAA0B,CAAC,OAAO,uBAAuB,CAAC,QAAQ,wBAAwB,CAAC,QAAQ,OAAO,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,MAAM,MAAM,MAAM,OAAO,sBAAsB,CAAC,OAAO,sBAAsB,CAAC,OAAO,wBAAwB,CAAC,OAAO,uBAAuB,CAAC,OAAO,QAAQ,uBAAuB,CAAC,QAAQ,qBAAqB,CAAC,OAAO,QAAQ,OAAO,OAAO,mBAAmB,CAAC,QAAQ,sBAAsB,CAAC,OAAO,kBAAkB,CAAC,OAAO,aAAa,CAAC,SAAS,cAAc,CAAC,OAAO,YAAY,CAAC,OAAO,cAAc,CAAC,KAAK,OAAO,aAAa,CAAC,MAAM,OAAO,MAAM,OAAO,mBAAmB,CAAC,QAAQ,YAAY,CAAC,QAAQ,YAAY,CAAC,MAAM,QAAQ,aAAa,CAAC,OAAO,MAAM,OAAO,MAAM,MAAM,OAAO,YAAY,CAAC,MAAM,MAAM,MAAM,QAAQ,YAAY,CAAC,OAAO,aAAa,CAAC,OAAO,YAAY,CAAC,OAAO,aAAa,CAAC,QAAQ,aAAa,CAAC,QAAQ,WAAW,CAAC,MAAM,kBAAkB,CAAC,OAAO,WAAW,CAAC,OAAO,WAAW,CAAC,OAAO,YAAY,CAAC,QAAQ,aAAa,CAAC,SAAS,aAAa,CAAC,OAAO,aAAa,CAAC,QAAQ,aAAa,CAAC,QAAQ,YAAY,CAAC,OAAO,YAAY,CAAC,OAAO,kBAAkB,CAAC,QAAQ,YAAY,CAAC,OAAO,aAAa,CAAC,QAAQ,cAAc,CAAC,MAAM,YAAY,CAAC,OAAO,aAAa,CAAC,QAAQ,sBAAsB,CAAC,SAAS,aAAa,CAAC,QAAQ,sBAAsB,CAAC,SAAS,cAAc,CAAC,QAAQ,aAAa,CAAC,QAAQ,YAAY,CAAC,OAAO,YAAY,CAAC,OAAO,YAAY,CAAC,MAAM,QAAQ,aAAa,CAAC,OAAO,MAAM,OAAO,YAAY,CAAC,OAAO,aAAa,CAAC,OAAO,YAAY,CAAC,OAAO,YAAY,CAAC,MAAM,OAAO,YAAY,CAAC,OAAO,aAAa,CAAC,QAAQ,aAAa,CAAC,QAAQ,YAAY,CAAC,OAAO,aAAa,CAAC,QAAQ,aAAa,CAAC,QAAQ,aAAa,CAAC,QAAQ,YAAY,CAAC,OAAO,aAAa,CAAC,QAAQ,YAAY,CAAC,OAAO,YAAY,CAAC,OAAO,gBAAgB,CAAC,MAAM,QAAQ,YAAY,CAAC,OAAO,aAAa,CAAC,MAAM,QAAQ,gBAAgB,CAAC,OAAO,aAAa,CAAC,QAAQ,YAAY,CAAC,OAAO,mCAAmC,CAAC,4BAA4B,iBAAiB,CAAC,SAAS,iCAAiC,CAAC,SAAS,0CAA0C,CAAC,SAAS,yBAAyB,CAAC,SAAS,iBAAiB,CAAC,MAAM,QAAQ,YAAY,CAAC,OAAO,kBAAkB,CAAC,QAAQ,oBAAoB,CAAC,OAAO,aAAa,CAAC,MAAM,QAAQ,aAAa,CAAC,MAAM,OAAO,QAAQ,YAAY,CAAC,OAAO,YAAY,CAAC,OAAO,iBAAiB,CAAC,QAAQ,iBAAiB,CAAC,QAAQ,qBAAqB,CAAC,SAAS,YAAY,CAAC,OAAO,aAAa,CAAC,MAAM,QAAQ,mBAAmB,CAAC,QAAQ,SAAS,wBAAwB,CAAC,QAAQ,iBAAiB,CAAC,QAAQ,SAAS,gBAAgB,CAAC,MAAM,QAAQ,iBAAiB,CAAC,QAAQ,sBAAsB,CAAC,WAAW,YAAY,gBAAgB,CAAC,MAAM,OAAO,oBAAoB,CAAC,SAAS,aAAa,WAAW,CAAC,OAAO,WAAW,CAAC,OAAO,YAAY,CAAC,OAAO,MAAM,SAAS,YAAY,CAAC,QAAQ,WAAW,CAAC,OAAO,YAAY,CAAC,QAAQ,gBAAgB,CAAC,WAAW,MAAM,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,UAAU,CAAC,MAAM,aAAa,CAAC,MAAM,OAAO,OAAO,MAAM,OAAO,MAAM,KAAK,OAAO,gBAAgB,CAAC,OAAO,WAAW,CAAC,QAAQ,YAAY,CAAC,OAAO,OAAO,YAAY,CAAC,QAAQ,YAAY,CAAC,OAAO,OAAO,YAAY,CAAC,QAAQ,cAAc,CAAC,SAAS,QAAQ,4BAA4B,CAAC,OAAO,aAAa,CAAC,IAAI,KAAK,OAAO,MAAM,KAAK,MAAM,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,OAAO,QAAQ,aAAa,CAAC,SAAS,WAAW,CAAC,OAAO,WAAW,CAAC,QAAQ,YAAY,CAAC,OAAO,OAAO,aAAa,CAAC,MAAM,QAAQ,cAAc,CAAC,OAAO,aAAa,CAAC,QAAQ,aAAa,CAAC,QAAQ,aAAa,CAAC,QAAQ,oBAAoB,CAAC,OAAO,aAAa,CAAC,QAAQ,YAAY,CAAC,OAAO,QAAQ,YAAY,CAAC,MAAM,QAAQ,aAAa,CAAC,MAAM,YAAY,CAAC,MAAM,OAAO,QAAQ,aAAa,CAAC,OAAO,MAAM,MAAM,MAAM,OAAO,YAAY,CAAC,OAAO,kBAAkB,CAAC,KAAK,OAAO,aAAa,CAAC,Q,WCIjzS,IAAIsY,EAAI,IACJzT,EAAQ,GAAJyT,EACJC,EAAQ,GAAJ1T,EACJ2T,EAAQ,GAAJD,EACJzJ,EAAQ,EAAJ0J,EACJC,EAAQ,OAAJD,EAqJR,SAASE,EAAO5R,EAAI6R,EAAO3I,EAAG7G,GAC5B,IAAIyP,EAAWD,GAAa,IAAJ3I,EACxB,OAAOtG,KAAKmP,MAAM/R,EAAKkJ,GAAK,IAAM7G,GAAQyP,EAAW,IAAM,GAC7D,CAxIA7Y,EAAOC,QAAU,SAAUoH,EAAK0R,GAC9BA,EAAUA,GAAW,CAAC,EACtB,IAAIrU,SAAc2C,EAClB,GAAa,WAAT3C,GAAqB2C,EAAIzH,OAAS,EACpC,OAkBJ,SAAegN,GAEb,IADAA,EAAMoC,OAAOpC,IACLhN,OAAS,IACf,OAEF,IAAIgE,EAAQ,mIAAmIiJ,KAC7ID,GAEF,IAAKhJ,EACH,OAEF,IAAIqM,EAAI+I,WAAWpV,EAAM,IAEzB,QADYA,EAAM,IAAM,MAAMiB,eAE5B,IAAK,QACL,IAAK,OACL,IAAK,MACL,IAAK,KACL,IAAK,IACH,OAAOoL,EAAIyI,EACb,IAAK,QACL,IAAK,OACL,IAAK,IACH,OAAOzI,EAAIlB,EACb,IAAK,OACL,IAAK,MACL,IAAK,IACH,OAAOkB,EAAIwI,EACb,IAAK,QACL,IAAK,OACL,IAAK,MACL,IAAK,KACL,IAAK,IACH,OAAOxI,EAAIuI,EACb,IAAK,UACL,IAAK,SACL,IAAK,OACL,IAAK,MACL,IAAK,IACH,OAAOvI,EAAInL,EACb,IAAK,UACL,IAAK,SACL,IAAK,OACL,IAAK,MACL,IAAK,IACH,OAAOmL,EAAIsI,EACb,IAAK,eACL,IAAK,cACL,IAAK,QACL,IAAK,OACL,IAAK,KACH,OAAOtI,EACT,QACE,OAEN,CAzEWgJ,CAAM5R,GACR,GAAa,WAAT3C,GAAqBwU,SAAS7R,GACvC,OAAO0R,EAAQI,KA0GnB,SAAiBpS,GACf,IAAI6R,EAAQjP,KAAKC,IAAI7C,GACrB,GAAI6R,GAASH,EACX,OAAOE,EAAO5R,EAAI6R,EAAOH,EAAG,OAE9B,GAAIG,GAASJ,EACX,OAAOG,EAAO5R,EAAI6R,EAAOJ,EAAG,QAE9B,GAAII,GAAS9T,EACX,OAAO6T,EAAO5R,EAAI6R,EAAO9T,EAAG,UAE9B,GAAI8T,GAASL,EACX,OAAOI,EAAO5R,EAAI6R,EAAOL,EAAG,UAE9B,OAAOxR,EAAK,KACd,CAzH0BqS,CAAQ/R,GAiFlC,SAAkBN,GAChB,IAAI6R,EAAQjP,KAAKC,IAAI7C,GACrB,GAAI6R,GAASH,EACX,OAAO9O,KAAKmP,MAAM/R,EAAK0R,GAAK,IAE9B,GAAIG,GAASJ,EACX,OAAO7O,KAAKmP,MAAM/R,EAAKyR,GAAK,IAE9B,GAAII,GAAS9T,EACX,OAAO6E,KAAKmP,MAAM/R,EAAKjC,GAAK,IAE9B,GAAI8T,GAASL,EACX,OAAO5O,KAAKmP,MAAM/R,EAAKwR,GAAK,IAE9B,OAAOxR,EAAK,IACd,CAhGyCsS,CAAShS,GAEhD,MAAM,IAAI/F,MACR,wDACE4E,KAAKC,UAAUkB,GAErB,C,iBCrCA,IAAIiS,EAAS,EAAQ,MAoBrB,SAASzP,EAAM6D,GACb,IAAI6L,EAAI,WACN,OAAIA,EAAEC,OAAeD,EAAE9Y,OACvB8Y,EAAEC,QAAS,EACJD,EAAE9Y,MAAQiN,EAAGnG,MAAMvG,KAAM2M,WAClC,EAEA,OADA4L,EAAEC,QAAS,EACJD,CACT,CAEA,SAASE,EAAY/L,GACnB,IAAI6L,EAAI,WACN,GAAIA,EAAEC,OACJ,MAAM,IAAIlY,MAAMiY,EAAEG,WAEpB,OADAH,EAAEC,QAAS,EACJD,EAAE9Y,MAAQiN,EAAGnG,MAAMvG,KAAM2M,UAClC,EACIvE,EAAOsE,EAAGtE,MAAQ,+BAGtB,OAFAmQ,EAAEG,UAAYtQ,EAAO,sCACrBmQ,EAAEC,QAAS,EACJD,CACT,CAxCAvZ,EAAOC,QAAUqZ,EAAOzP,GACxB7J,EAAOC,QAAQ0Z,OAASL,EAAOG,GAE/B5P,EAAKqD,MAAQrD,GAAK,WAChBnC,OAAOC,eAAe6F,SAASlB,UAAW,OAAQ,CAChD7L,MAAO,WACL,OAAOoJ,EAAK7I,KACd,EACA6G,cAAc,IAGhBH,OAAOC,eAAe6F,SAASlB,UAAW,aAAc,CACtD7L,MAAO,WACL,OAAOgZ,EAAWzY,KACpB,EACA6G,cAAc,GAElB,G,WClBA7H,EAAOC,QAEP,SAAiB2Z,GACf,OAAOjQ,KAAK2M,IAAI,MAAO,GAAK3M,KAAKkQ,KAAKD,EAAQ,KAAO,EAAIA,EAAQ,MAAQ,GAC3E,C,oBCFIE,E,SAFAjQ,EAAO,EAAQ,MACfE,EAAM,EAAQ,MAGlB,IACE+P,EAAK,EAAQ,KACf,CAAE,MAAOC,GAAI,CAEb,IAAIjQ,EAAO,WAAa,EACpBkQ,EAAU,SAAS5B,KAAK9T,EAAQ2V,SAEhCvJ,EAAO,SAAUhD,GACnB,MAAqB,mBAAPA,CAChB,EAYIwM,EAAY,SAAUlQ,EAAQmQ,EAASC,EAASnQ,GAClDA,EAAWJ,EAAKI,GAEhB,IAAI+M,GAAS,EACbhN,EAAOsB,GAAG,SAAS,WACjB0L,GAAS,CACX,IAEAjN,EAAIC,EAAQ,CAACM,SAAU6P,EAAS5P,SAAU6P,IAAU,SAAUrY,GAC5D,GAAIA,EAAK,OAAOkI,EAASlI,GACzBiV,GAAS,EACT/M,GACF,IAEA,IAAIkB,GAAY,EAChB,OAAO,SAAUpJ,GACf,IAAIiV,IACA7L,EAGJ,OAFAA,GAAY,EA5BL,SAAUnB,GACnB,QAAKgQ,KACAF,IACG9P,aAAmB8P,EAAGO,YAAcvQ,IAASE,aAAmB8P,EAAGQ,aAAexQ,KAAU4G,EAAK1G,EAAO7H,MAClH,CA0BQoY,CAAKvQ,GAAgBA,EAAO7H,MAAM2H,GAxB1B,SAAUE,GACxB,OAAOA,EAAOuB,WAAamF,EAAK1G,EAAOwB,MACzC,CAuBQC,CAAUzB,GAAgBA,EAAOwB,QAEjCkF,EAAK1G,EAAO5H,SAAiB4H,EAAO5H,eAExC6H,EAASlI,GAAO,IAAIT,MAAM,wBAC5B,CACF,EAEIgG,EAAO,SAAUoG,GACnBA,GACF,EAEI8M,EAAO,SAAUC,EAAMC,GACzB,OAAOD,EAAKD,KAAKE,EACnB,EAyBA1a,EAAOC,QAvBI,WACT,IAMIiE,EANAyW,EAAUhP,MAAMW,UAAU3L,MAAM2G,KAAKqG,WACrC1D,EAAWyG,EAAKiK,EAAQA,EAAQ/a,OAAS,IAAMkK,IAAS6Q,EAAQhJ,OAAS7H,EAG7E,GADI6B,MAAMC,QAAQ+O,EAAQ,MAAKA,EAAUA,EAAQ,IAC7CA,EAAQ/a,OAAS,EAAG,MAAM,IAAI0B,MAAM,yCAGxC,IAAIsZ,EAAWD,EAAQ9R,KAAI,SAAUmB,EAAQtK,GAC3C,IAAIya,EAAUza,EAAIib,EAAQ/a,OAAS,EAEnC,OAAOsa,EAAUlQ,EAAQmQ,EADXza,EAAI,GACyB,SAAUqC,GAC9CmC,IAAOA,EAAQnC,GAChBA,GAAK6Y,EAASrR,QAAQjC,GACtB6S,IACJS,EAASrR,QAAQjC,GACjB2C,EAAS/F,GACX,GACF,IAEA,OAAOyW,EAAQE,OAAOL,EACxB,C,WClFA,IAAIM,EAEJ9a,EAAOC,QAAoC,mBAAnBY,eACpBA,eAAe0M,KAAuB,oBAAX9I,OAAyBA,OAAS,YAE7D/C,IAAOoZ,IAAYA,EAAUC,QAAQC,YACpCC,KAAKvZ,GACLwZ,OAAMnZ,GAAOyT,YAAW,KAAQ,MAAMzT,IAAO,I,WCRlD/B,EAAOC,QAAoC,mBAAnBY,eAAgCA,eAAkB6M,GAAOqN,QAAQC,UAAUC,KAAKvN,E,WCkBxG1N,EAAOC,QAlBO,SAAUsR,GACtB,IAAI9R,EAAS,EACb,OAAO,WACL,GAAIA,IAAW8R,EAAK3R,OAAQ,OAAO,KAEnC,IAAIgC,EAAM2P,EAAK3R,OAASH,EACpBC,EAAKiK,KAAKwR,SAAWvZ,EAAO,EAC5BwZ,EAAK7J,EAAK9R,EAASC,GAEnB2b,EAAM9J,EAAK9R,GAKf,OAJA8R,EAAK9R,GAAU2b,EACf7J,EAAK9R,EAASC,GAAK2b,EACnB5b,IAEO2b,CACT,CACF,C,WC6GA,SAASE,EAAcC,EAAO/Z,GAC5B,MAAO,CACLga,MAAOD,EAAMC,MACbC,IAAKF,EAAME,IACXja,MAAOA,EAEX,CAOA,SAASka,EAAiBH,GACxB,MAAO,CACLC,MAAOD,EAAMC,MACbC,IAAKF,EAAME,IAEf,CAOA,SAASE,EAAkBC,EAAGpc,GAC5B,OAAOoc,EAAEpa,MAAQhC,EAAEgC,KACrB,CAOA,SAASqa,EAAkBD,EAAGpc,GAC5B,OAAOoc,EAAEJ,MAAQhc,EAAEgc,KACrB,CAnJAxb,EAAOC,QAYP,SAAsBZ,EAAMuN,EAAKmM,GAC/B,GAAmB,iBAARnM,EACT,MAAM,IAAIT,UAAU,iCAGtB,IAAI3K,EAAQoL,EAAIkP,QAAQ,KAExB,IAAe,IAAXta,EACF,OAAQ,EAIV,IAAIoO,EAAMhD,EAAIjM,MAAMa,EAAQ,GAAGuH,MAAM,KACjCgT,EAAS,GAGbA,EAAOrX,KAAOkI,EAAIjM,MAAM,EAAGa,GAG3B,IAAK,IAAI9B,EAAI,EAAGA,EAAIkQ,EAAIhQ,OAAQF,IAAK,CACnC,IAAI6b,EAAQ3L,EAAIlQ,GAAGqJ,MAAM,KACrByS,EAAQjW,SAASgW,EAAM,GAAI,IAC3BE,EAAMlW,SAASgW,EAAM,GAAI,IAGzBlL,MAAMmL,IACRA,EAAQnc,EAAOoc,EACfA,EAAMpc,EAAO,GAEJgR,MAAMoL,KACfA,EAAMpc,EAAO,GAIXoc,EAAMpc,EAAO,IACfoc,EAAMpc,EAAO,GAIXgR,MAAMmL,IAAUnL,MAAMoL,IAAQD,EAAQC,GAAOD,EAAQ,GAKzDO,EAAOrb,KAAK,CACV8a,MAAOA,EACPC,IAAKA,GAET,CAEA,GAAIM,EAAOnc,OAAS,EAElB,OAAQ,EAGV,OAAOmZ,GAAWA,EAAQiD,QAU5B,SAAwBD,GAGtB,IAFA,IAAIE,EAAUF,EAAOlT,IAAIyS,GAAcY,KAAKL,GAEnC7V,EAAI,EAAGtG,EAAI,EAAGA,EAAIuc,EAAQrc,OAAQF,IAAK,CAC9C,IAAI6b,EAAQU,EAAQvc,GAChByc,EAAUF,EAAQjW,GAElBuV,EAAMC,MAAQW,EAAQV,IAAM,EAE9BQ,IAAUjW,GAAKuV,EACNA,EAAME,IAAMU,EAAQV,MAE7BU,EAAQV,IAAMF,EAAME,IACpBU,EAAQ3a,MAAQmI,KAAKwM,IAAIgG,EAAQ3a,MAAO+Z,EAAM/Z,OAElD,CAGAya,EAAQrc,OAASoG,EAAI,EAGrB,IAAIoW,EAAWH,EAAQC,KAAKP,GAAkB9S,IAAI6S,GAKlD,OAFAU,EAAS1X,KAAOqX,EAAOrX,KAEhB0X,CACT,CApCMC,CAAcN,GACdA,CACN,C,WC/EA,SAASO,EAAUrM,GACjB,OAAO1K,SAAS0K,EAAG,MAAQA,CAC7B,CAEA,SAASsM,EAAUC,GAUjB,SAASC,EAAKjT,GACZ,QAAYwE,IAARxE,EAAmB,CACrBA,EAAM,IAAImC,MAAM6Q,GAChB,IAAK,IAAInP,EAAI,EAAGA,EAAImP,EAAGnP,IACrB7D,EAAI6D,GAAK1D,KAAK8K,MAAM9K,KAAKwR,SAAWqB,EAExC,MAAO,GAAmB,iBAARhT,EAGhBA,GADAA,EAAM,GAAKA,GACDT,MAAM,IAAIF,KAAI,SAAUtF,GAAK,OAAOA,EAAEmG,WAAW,GAAK8S,CAAG,QAC9D,KAAI7Q,MAAMC,QAAQpC,GAOvB,MAAM,IAAI2C,UAAU,8BANpB,IAAK3C,EAAIkT,OAAM,SAAUzW,GACvB,MAAoB,iBAANA,GAAkBA,KAAW,EAAJA,EACzC,IACE,MAAM,IAAIkG,UAAU,oDAIxB,CAQA,IANA,IAAIwQ,EAASnT,EAAI5J,OAGb2Y,EAhCN,WAEE,IADA,IAAIA,EAAI,IAAI5M,MAAM6Q,GACT9c,EAAI,EAAGA,EAAI8c,EAAG9c,IACrB6Y,EAAE7Y,GAAKA,EAET,OAAO6Y,CACT,CA0BUqE,GAEJ5W,EAAI,EACCtG,EAAI,EAAGA,EAAI8c,EAAG9c,IAAK,CAC1BsG,GAAKA,EAAIuS,EAAE7Y,GAAK8J,EAAI9J,EAAIid,IAAWH,EACnC,IAAInB,EAAM9C,EAAE7Y,GACZ6Y,EAAE7Y,GAAK6Y,EAAEvS,GACTuS,EAAEvS,GAAKqV,CACT,CAEA,OAAO9C,CACT,CAGA,SAASsE,EAAIrT,GACXxI,KAAKuX,EAAIkE,EAAKjT,GACdxI,KAAKtB,EAAI,EACTsB,KAAKgF,EAAI,CACX,CA0FA,OAvFA6W,EAAIvQ,UAAUwQ,aAAe,WAC3B9b,KAAKtB,GAAKsB,KAAKtB,EAAI,GAAK8c,EACxBxb,KAAKgF,GAAKhF,KAAKgF,EAAIhF,KAAKuX,EAAEvX,KAAKtB,IAAM8c,EAErC,IAAInB,EAAMra,KAAKuX,EAAEvX,KAAKtB,GAMtB,OALAsB,KAAKuX,EAAEvX,KAAKtB,GAAKsB,KAAKuX,EAAEvX,KAAKgF,GAC7BhF,KAAKuX,EAAEvX,KAAKgF,GAAKqV,EAETra,KAAKuX,GAAGvX,KAAKuX,EAAEvX,KAAKtB,GAAKsB,KAAKuX,EAAEvX,KAAKgF,IAAMwW,EAGrD,EAEAK,EAAIvQ,UAAUyQ,aAAe,WAM3B,OAAmC,KAAX,KAAX,IALL/b,KAAKgc,aACLhc,KAAKgc,cACLhc,KAAKgc,cACLhc,KAAKgc,YAGf,EAEAH,EAAIvQ,UAAU2Q,YAAc,WAC1B,OAAOjc,KAAK+b,eAAiB,UAC/B,EAEAF,EAAIvQ,UAAU6O,OAAS,WACrB,IAAIS,EACApc,EAEJ,GAAyB,IAArBmO,UAAU/N,OACZgc,EAAI,EACJpc,EAAImO,UAAU,OACT,IAAyB,IAArBA,UAAU/N,OAInB,MAAM,IAAIuM,UAAU,6CAHpByP,EAAIjO,UAAU,GACdnO,EAAImO,UAAU,EAGhB,CAEA,IAAK2O,EAAUV,KAAOU,EAAU9c,GAC9B,MAAM,IAAI2M,UAAU,6CAGtB,OAAOyP,EAAI5a,KAAK+b,gBAAkBvd,EAAIoc,EAAI,EAC5C,EAEAiB,EAAIvQ,UAAU4Q,aAAe,WAC3B,MAAO,CACLxd,EAAGsB,KAAKtB,EACRsG,EAAGhF,KAAKgF,EACRuS,EAAGvX,KAAKuX,EAAE5X,QAEd,EAEAkc,EAAIvQ,UAAU6Q,SAAW,SAAU5N,GACjC,IAAIgJ,EAAIhJ,EAAMgJ,EACV7Y,EAAI6P,EAAM7P,EACVsG,EAAIuJ,EAAMvJ,EAGd,KAAMtG,KAAW,EAAJA,IAAU,GAAKA,GAAKA,EAAI8c,GACnC,MAAM,IAAIlb,MAAM,kCAAoCkb,EAAI,GAAK,KAG/D,KAAMxW,KAAW,EAAJA,IAAU,GAAKA,GAAKA,EAAIwW,GACnC,MAAM,IAAIlb,MAAM,kCAAoCkb,EAAI,GAAK,KAK/D,IAAK7Q,MAAMC,QAAQ2M,IAAMA,EAAE3Y,SAAW4c,EACpC,MAAM,IAAIlb,MAAM,mCAAqCkb,GAIvD,IAAK,IAAInP,EAAI,EAAGA,EAAImP,EAAGnP,IACrB,IAAsB,IAAlBkL,EAAEuD,QAAQzO,GACZ,MAAM,IAAI/L,MAAM,sCAAwCkb,EAAI,GAAK,KAAOnP,EAAI,eAIhFrM,KAAKtB,EAAIA,EACTsB,KAAKgF,EAAIA,EACThF,KAAKuX,EAAIA,EAAE5X,OACb,EAEOkc,CACT,CAEA,IAAIA,EAAMN,EAAU,KACpBM,EAAIvQ,UAAU0Q,WAAaH,EAAIvQ,UAAUwQ,aAEzC,IAAIM,EAAWb,EAAU,IACzBa,EAAS9Q,UAAU0Q,WAAa,WAI9B,OAAW,GAHHhc,KAAK8b,eACL9b,KAAK8b,cAGf,EAEA,IAAIO,EAAO,IAAI3T,WAAW,GACtB4T,EAAO,IAAI5T,WAAW,GAE1B,SAAS6T,EAAMtN,GACb,OAAOA,EAAI,GAAKjB,OAAOwO,aAAaF,EAAOrN,GAAKjB,OAAOwO,aAAaH,EAAOpN,EAAI,GACjF,CAEA,SAASwN,EAAQla,GACf,OAAOgC,SAAShC,EAAG,GACrB,CAEA6Z,EAAS9Q,UAAUoR,mBAAqB,WACtC,IAAInO,EAAQvO,KAAKkc,eAMjB,OAJQK,EAAMhO,EAAM7P,GACZ6d,EAAMhO,EAAMvJ,GAEFuJ,EAAMgJ,EAAE1P,IAAI0U,GAAOje,KAAK,GAE5C,EAEA8d,EAAS9Q,UAAUqR,eAAiB,SAAUC,GAC5C,IAAKA,EAAYha,MAAM,kBACrB,MAAM,IAAIuI,UAAU,0DAGtB,IAAIzM,EAAI+d,EAAQG,EAAY,IACxB5X,EAAIyX,EAAQG,EAAY,IACxBrF,EAAIqF,EAAY7U,MAAM,IAAIpI,MAAM,GAAGkI,IAAI4U,GAE3Czc,KAAKmc,SAAS,CACZzd,EAAGA,EACHsG,EAAGA,EACHuS,EAAGA,GAEP,EAEAsE,EAAIO,SAAWA,EAEfpd,EAAOC,QAAU4c,C,iBC1MjB7c,EAAOC,QAIP,SAA2B4d,EAAOC,EAAOpc,GACvC,GAAqB,iBAAVoc,EAAoB,MAAM,IAAIxc,MAAM,oCAC/C,IAAIyc,EAASnc,EAAKoc,EAAS1U,EAAM2U,EAE7B1L,EADA2L,GAAS,EAGTvS,MAAMC,QAAQiS,IAChBE,EAAU,GACVC,EAAUpc,EAAMic,EAAMje,SAEtB0J,EAAO5B,OAAO4B,KAAKuU,GACnBE,EAAU,CAAC,EACXC,EAAUpc,EAAM0H,EAAK1J,QAGvB,SAAS+T,EAAM5R,GACb,SAAS0Z,IACH/Z,GAAIA,EAAGK,EAAKgc,GAChBrc,EAAK,IACP,CACIwc,EAAQrd,EAAe4a,GACtBA,GACP,CAEA,SAAS0C,EAAMze,EAAGqC,EAAKqc,GAGrB,GAFAL,EAAQre,GAAK0e,EACTrc,IAAKkc,GAAY,GACH,KAAZD,GAAiBjc,EACrB4R,EAAK5R,QACA,IAAKkc,GAAa1L,EAAO3Q,EAAK,CACnC,IAAI4H,EACAF,GACFE,EAAMF,EAAKiJ,GACXA,GAAQ,EACRsL,EAAMrU,IAAK,SAAUzH,EAAKqc,GAAUD,EAAK3U,EAAKzH,EAAKqc,EAAQ,MAE3D5U,EAAM+I,EACNA,GAAQ,EACRsL,EAAMrU,IAAK,SAAUzH,EAAKqc,GAAUD,EAAK3U,EAAKzH,EAAKqc,EAAQ,IAE/D,CACF,CAEA7L,EAAOuL,EACFE,EAGM1U,EAETA,EAAK+U,MAAK,SAAU7U,EAAK9J,GAEvB,OADAme,EAAMrU,IAAK,SAAUzH,EAAKqc,GAAUD,EAAK3U,EAAKzH,EAAKqc,EAAQ,IACvD1e,IAAMoe,EAAQ,CAEpB,IAGAD,EAAMQ,MAAK,SAAUC,EAAM5e,GAEzB,OADA4e,GAAK,SAAUvc,EAAKqc,GAAUD,EAAKze,EAAGqC,EAAKqc,EAAQ,IAC/C1e,IAAMoe,EAAQ,CAEpB,IAdAnK,EAAK,MAiBPuK,GAAS,CACX,EAlEA,MAAMrd,EAAiB,EAAQ,K,iBCF/Bb,EAAOC,QAIP,SAAsB4d,EAAOnc,GAC3B,IAAIqc,EAASC,EAAS1U,EAClB4U,GAAS,EAETvS,MAAMC,QAAQiS,IAChBE,EAAU,GACVC,EAAUH,EAAMje,SAEhB0J,EAAO5B,OAAO4B,KAAKuU,GACnBE,EAAU,CAAC,EACXC,EAAU1U,EAAK1J,QAGjB,SAAS+T,EAAM5R,GACb,SAAS0Z,IACH/Z,GAAIA,EAAGK,EAAKgc,GAChBrc,EAAK,IACP,CACIwc,EAAQrd,EAAe4a,GACtBA,GACP,CAEA,SAAS0C,EAAMze,EAAGqC,EAAKqc,GACrBL,EAAQre,GAAK0e,GACK,KAAZJ,GAAiBjc,IACrB4R,EAAK5R,EAET,CAEKic,EAGM1U,EAETA,EAAKC,SAAQ,SAAUC,GACrBqU,EAAMrU,IAAK,SAAUzH,EAAKqc,GAAUD,EAAK3U,EAAKzH,EAAKqc,EAAQ,GAC7D,IAGAP,EAAMtU,SAAQ,SAAU+U,EAAM5e,GAC5B4e,GAAK,SAAUvc,EAAKqc,GAAUD,EAAKze,EAAGqC,EAAKqc,EAAQ,GACrD,IAVAzK,EAAK,MAaPuK,GAAS,CACX,EA/CA,MAAMrd,EAAiB,EAAQ,K,iBCH/B,MAAM0d,EAAW,EAAQ,MACnBC,EAAgB,EAAQ,MAE9Bxe,EAAOC,QAAU,CACfse,WACAC,gB,iBCLF,MAAM,YAAEnK,GAAgB,EAAQ,MAC1BkK,EAAW,EAAQ,MAyFzBve,EAAOC,QAvFP,MACE,WAAAa,CAAaV,EAAO,CAAC,GACnB,GAAoB,iBAATA,EAAmB,MAAM,IAAIkB,MAAM,6BAE9CN,KAAKyd,UAAY,GACjBzd,KAAK0d,WAAWte,EAAKsG,SACrB1F,KAAK2d,QAAQve,EAAKwe,KAAMxe,EAAKye,UAC/B,CAEA,UAAAC,GACE,OAAO9d,KAAK+d,QACd,CAEA,OAAAC,GAEE,OAAOhe,KAAKie,OAAOrK,iBACrB,CAEA,YAAAsK,GACE,OAAOle,KAAK6d,SACd,CAEA,UAAAH,CAAYrX,GAAM,GAChB,GAAmB,kBAARA,EAAmB,MAAM,IAAI/F,MAAM,6BAE9CN,KAAK+d,SAAW1X,EAChB,IAAK,MAAM8X,KAAYne,KAAKyd,UAC1BU,EAAST,WAAWrX,EAExB,CAEA,OAAAsX,CAASC,EAAMC,EAAY,MAEzB,IAAKhY,OAAOyV,UAAUsC,IAASA,EAAO,EAAG,MAAM,IAAItd,MAAM,4CAGzD,GAFAsd,EAAOrZ,SAASqZ,GAEZC,IAAmC,iBAAdA,GAA0BA,GAAa,GAAI,MAAM,IAAIvd,MAAM,sCAGpF,GAFAud,EAAYA,GAAalV,KAAK2M,IAAI/Q,SAASqZ,EAAO,IAAK,GACvDC,EAAYtZ,SAASsZ,GACjBD,EAAO,GAAKC,EAAYD,EAAM,MAAM,IAAItd,MAAM,wCAE7CN,KAAKie,SAAQje,KAAKie,OAAS,IAAI5K,EAAYuK,EAAMA,EAAM,SAAU,OAEtE5d,KAAKie,OAAO7J,WAAawJ,EACzB5d,KAAKie,OAAOrK,kBAAoBgK,EAChC5d,KAAK6d,UAAYA,CACnB,CAEA,YAAAO,CAAcP,GACZ,IAAKhY,OAAOyV,UAAUuC,IAAcA,GAAa,EAAG,MAAM,IAAIvd,MAAM,kDACpE,MAAMsd,EAAO5d,KAAKge,UAElB,GADAH,EAAYtZ,SAASsZ,GACjBD,EAAO,GAAKC,EAAYD,EAAM,MAAM,IAAItd,MAAM,wCAClDN,KAAK6d,UAAYA,CACnB,CAEA,QAAAM,CAAU/e,EAAO,CAAC,GAChB,GAAoB,iBAATA,EAAmB,MAAM,IAAIkB,MAAM,6BAO9C,OALoB,IAAIid,EAAS,IAC5Bne,EACHif,MAAOre,MAIX,CAEA,OAAAoB,GACE,IAAK,MAAM+c,KAAYne,KAAKyd,UAC1BU,EAAS/c,UAGXpB,KAAKyd,UAAY,EACnB,CAEA,YAAAa,CAAcH,GACZ,KAAMA,aAAoBZ,GAAW,MAAM,IAAIjd,MAAM,4CAErDN,KAAKyd,UAAU/d,KAAKye,EACtB,CAEA,eAAAI,CAAiBJ,GACf,MAAM3d,EAAQR,KAAKyd,UAAU3C,QAAQqD,GACjC3d,GAAS,GAAGR,KAAKyd,UAAUhb,OAAOjC,EAAO,EAC/C,E,iBCvFF,MAAM,aAAEoM,GAAiB,EAAQ,OAC3B,UAAE4R,GAAc,EAAQ,OACxB,KAAEC,GAAS,EAAQ,MAyIzBzf,EAAOC,QAvIP,cAAuBuf,EACrB,WAAA1e,CAAaV,EAAO,CAAC,GAGnB,GAFAsf,QAEoB,iBAATtf,EAAmB,MAAM,IAAIkB,MAAM,6BAE9C,MAAMqe,EAASjY,OAAOqE,OAAO,CAAC,EAAG3L,GAEjC,GAAIuf,EAAON,SAAWM,EAAON,iBAAiBb,GAAgB,MAAM,IAAIld,MAAM,+CACpEqe,EAAON,QAAOM,EAAON,MAAQ,IAAIb,EAAcmB,IAEzD3e,KAAK4e,YAAYD,EAAOjZ,SAAWiZ,EAAON,MAAM3Y,SAChD1F,KAAK6e,OAASF,EAAON,MACrBre,KAAK8e,SAAW,IAAIlS,EACpB5M,KAAK+e,YAAa,EAElB/e,KAAK6e,OAAOP,aAAate,KAC3B,CAEA,UAAA8d,GACE,OAAO9d,KAAK+d,QACd,CAEA,QAAAiB,GACE,OAAOhf,KAAK6e,MACd,CAEA,WAAAD,CAAavY,GAAM,GACjB,GAAmB,kBAARA,EAAmB,MAAM,IAAI/F,MAAM,6BAC9CN,KAAK+d,SAAW1X,CAClB,CAEA,UAAAqX,CAAYrX,GACVrG,KAAK4e,YAAYvY,GACbrG,KAAK+d,SAAU/d,KAAK8e,SAAShR,KAAK,WACjC9N,KAAK8e,SAAShR,KAAK,WAC1B,CAEA,UAAAmR,CAAYpgB,EAAO8T,GACjB3S,KAAKkf,cAAcrgB,EAAO8T,EAC5B,CASA,oBAAMwM,CAAgBC,GAEpB,OAAO,IAAIrF,SAAQ,CAACC,EAASqF,KAC3B,IAAI1M,GAAO,EACX,MAAMhN,EAAO3F,KACb,SAASsf,EAAQve,GAIf,GAHA4E,EAAKmZ,SAAShU,eAAe,WAAYwU,GACzC3Z,EAAKmZ,SAAShU,eAAe,YAAawU,IAEtC3M,EAAJ,CAEA,GADAA,GAAO,EACH5R,EAAK,OAAOse,EAAOte,GACvBiZ,GAHU,CAIZ,CACAha,KAAK8e,SAASjW,KAAK,WAAYyW,GAC/Btf,KAAK8e,SAASjW,KAAK,YAAayW,GAEhCtf,KAAK6e,OAAOZ,OAAO9J,aAAaiL,EAAQE,EAAM,GAElD,CAEA,eAAAC,GACE,OAAOvf,KAAK+d,UAAY/d,KAAK6e,OAAOf,YACtC,CAYA,mBAAMoB,CAAergB,EAAO8T,GAC1B,IAAK3S,KAAKuf,kBAAmB,OAAO5M,EAAK,KAAM9T,GAE/C,IAAI2gB,EAAM,EACN3B,EAAY7d,KAAK6e,OAAOX,eACxBve,EAAQd,EAAMc,MAAM6f,EAAKA,EAAM3B,GACnC,KAAOle,EAAMf,OAAS,GAAG,CAGvB,GAAIoB,KAAKuf,kBACP,IAGE,KAAiC,IAA1Bvf,KAAK6e,OAAOb,YAAoBhe,KAAK+e,YAAc/e,KAAKuf,mBAE7D,SADMd,EAAK,KACPze,KAAK+e,WAAY,OAIvB,GAAI/e,KAAKuf,oBAAsBvf,KAAK6e,OAAOZ,OAAOtJ,gBAAgBhV,EAAMf,gBAChEoB,KAAKmf,eAAexf,EAAMf,QAC5BoB,KAAK+e,YAAY,MAEzB,CAAE,MAAOhe,GACP,OAAO4R,EAAK5R,EACd,CAGFf,KAAKN,KAAKC,GACV6f,GAAO3B,EAGPA,EAAa7d,KAAKuf,kBACdvf,KAAK6e,OAAOX,eACZrf,EAAMD,OAAS4gB,EACnB7f,EAAQd,EAAMc,MAAM6f,EAAKA,EAAM3B,EACjC,CAEA,OAAOlL,GACT,CAEA,OAAAvR,IAAYc,GACVlC,KAAK6e,OAAON,gBAAgBve,MAE5BA,KAAK+e,YAAa,EAClB/e,KAAK8e,SAAShR,KAAK,aAEnB4Q,MAAMtd,WAAWc,EACnB,GAMF,MAAMsb,EAAgB,EAAQ,K,WC1I9Bxe,EAAOC,QAAU,CACfwf,KALF,SAAegB,GACb,OAAO,IAAI1F,SAASC,GAAYxF,WAAWwF,EAASyF,IACtD,E,iBCFA,MAAM,aAAE7S,GAAiB,EAAQ,MAC3B8S,EAAmB,IAAIpf,MAAM,wBAC7Bqf,EAAkB,IAAIrf,MAAM,mBAE5Bsf,EAAY,EAAQ,MACpBC,EAAO,EAAQ,MACfC,EAAc,EAAQ,MAKtBC,EAAM,UAQNC,EALgB,EAKFD,EACdE,EALgB,EAKIF,EAKpBG,EAAwB,GACxBC,EAAwB,IACxBC,EAAwB,IAExBC,EAAwB,KACxBC,EAAwB,KACxBC,EAAwB,KACxBC,EAAwB,KACxBC,EAAwB,MACxBC,EAAwB,MAExBC,EAAwB,OAOxBC,EAA0BR,OAE1BS,EAtBwB,GAsBMd,EAG9Be,EAA8Bf,UAI9BgB,EAbeX,IAaeL,EAC9BiB,EAA8BjB,UAC9BkB,EA9BwB,GA8BMlB,EAC9BmB,EAA8BnB,UAI9BoB,EAAmB,GAAiB,GACpCC,EAAmB,GAAiB,GACpCC,EAAmB,GAAiB,GACpCC,EAAmB,GAAiB,GACpCC,EAAmB,IAAiB,GACpCC,EAAmB,IAAiB,GACpCC,EAAmB,IAAiB,GACpCC,EAAmB,KAAiB,GACpCC,EAAmB,KAAiB,GACpCC,EAAmB,KAAiB,GACpCC,EAAmB,MAAiB,GAGpCC,EAAsB/B,UAItBgC,EAAsBhC,UAEtBiC,EAAsBjC,UAGtBkC,EAASC,OACTC,EAAapC,UACbqC,EAAO3B,QACP4B,EAAiBC,GACjBC,EAAcF,GACdG,EAAeH,QAEfI,EAAoBf,SAEpBgB,EAAaH,SAcbI,EAA0BrB,QAE1BsB,EAAeL,UAQfpQ,EAAgBD,OAAOC,eAAiBD,OAAO,iBAErD,MAAM2Q,GACJ,WAAA/iB,CAAakJ,GAAQ,cAAE8Z,EAAgB,MAAK,IAAEjb,EAAM,KAAI,YAAEkb,EAAW,WAAEhkB,EAAU,mBAAEikB,GAAuB,CAAC,GACzGhjB,KAAKgJ,OAASA,EACdhJ,KAAKijB,MAAQ,IAAIpD,EACjB7f,KAAK8iB,cAAgBA,EACrB9iB,KAAKT,SAAW,EAChBS,KAAKkD,MAAQ,KACblD,KAAKkjB,SAAW,KAChBljB,KAAKmjB,OAAS,KACdnjB,KAAKjB,WAAaikB,GAAsBjkB,GAAcqkB,GACtDpjB,KAAK6H,IAAMkb,GAAelb,EAC1B7H,KAAKqjB,WAAaA,GAAW9W,KAAKvM,MAClCA,KAAKsjB,oBAAsBC,GAAchX,KAAKvM,KAChD,CAEA,SAAIkK,GACF,SAAQlK,KAAKgJ,OAAOwa,aAAehC,EACrC,CAEA,IAAA9hB,CAAMgS,GACJ,QAxBoBkQ,UAwBf5hB,KAAKgJ,OAAOwa,gBACA,OAAbxjB,KAAK6H,MAAc6J,EAAO1R,KAAK6H,IAAI6J,IAEvC1R,KAAKT,UAAYS,KAAKjB,WAAW2S,GACjC1R,KAAKijB,MAAMvjB,KAAKgS,GAEZ1R,KAAKT,SAAWS,KAAK8iB,eACvB9iB,KAAKgJ,OAAOwa,cAAgBlC,GACrB,IAGTthB,KAAKgJ,OAAOwa,cA5CmBlC,SA6CxB,GACT,CAEA,KAAA5Q,GACE,MAAMgB,EAAO1R,KAAKijB,MAAMvS,QAKxB,OAHA1Q,KAAKT,UAAYS,KAAKjB,WAAW2S,GACX,IAAlB1R,KAAKT,WAAgBS,KAAKgJ,OAAOwa,cAhFbzD,WAkFjBrO,CACT,CAEA,GAAA+I,CAAK/I,GACiB,mBAATA,EAAqB1R,KAAKgJ,OAAOH,KAAK,SAAU6I,GAClDA,SAAqC1R,KAAKN,KAAKgS,GACxD1R,KAAKgJ,OAAOwa,cAAgBxjB,KAAKgJ,OAAOwa,aAAe5B,GAAmBE,CAC5E,CAEA,SAAA2B,CAAW/R,EAAMhR,GACf,MAAMyQ,EAAS,GACTnI,EAAShJ,KAAKgJ,OAGpB,IADAmI,EAAOzR,KAAKgS,IACJ1I,EAAOwa,aAAeZ,KAAkBD,GAC9CxR,EAAOzR,KAAKsJ,EAAOG,eAAeuH,SAGpC,GAAK1H,EAAOwa,aAAejB,EAAoB,OAAO7hB,EAAG,MACzDsI,EAAO0a,QAAQvS,EAAQzQ,EACzB,CAEA,MAAAijB,GACE,MAAM3a,EAAShJ,KAAKgJ,OAEpBA,EAAOwa,cAAgBpC,EAEvB,EAAG,CACD,MAAQpY,EAAOwa,aAAeZ,KAAkBtB,GAAc,CAC5D,MAAM5P,EAAO1R,KAAK0Q,QAClB1H,EAAOwa,cA/EkBrC,SAgFzBnY,EAAO4a,OAAOlS,EAAM1R,KAAKqjB,WAC3B,CAlF2BhC,QAoFtBrY,EAAOwa,cAAgDxjB,KAAK6jB,kBACnE,QAAmC,IAA1B7jB,KAAK8jB,kBAEd9a,EAAOwa,cArHiBzD,SAsH1B,CAEA,gBAAA8D,GACE,MAAM7a,EAAShJ,KAAKgJ,OAEpB,IA3F2BuZ,UA2FtBvZ,EAAOwa,gBAA2C5B,EAGrD,OAFA5Y,EAAOwa,aAAexa,EAAOwa,aAAerC,OAC5CnY,EAAO+a,OAAOC,GAAWzX,KAAKvM,OA1Ld,IA8LbgJ,EAAOwa,aAAenB,GAhMT,IAwMbrZ,EAAOwa,aAAed,KACzB1Z,EAAOwa,cAAgBxa,EAAOwa,aAAevB,GAAUjC,EACvDhX,EAAOib,MAAMC,GAAU3X,KAAKvM,QATvBgJ,EAAOwa,aAAef,IACzBzZ,EAAOwa,cAAgBvB,EACvBjZ,EAAOmb,SAASC,GAAa7X,KAAKvM,OASxC,CAEA,cAAA8jB,GACE,SAAK9jB,KAAKgJ,OAAOwa,aAAe9B,KAChC1hB,KAAKgJ,OAAOwa,cAAgBzB,GACrB,EACT,CAEA,cAAAsC,IAnH+BjD,SAoHxBphB,KAAKgJ,OAAOwa,gBAA6CnC,EAAerhB,KAAK2jB,SAC7E3jB,KAAKskB,gBACZ,CAEA,cAAAA,GACOtkB,KAAKgJ,OAAOwa,aAAe9B,IAChC1hB,KAAKgJ,OAAOwa,cAAgB9B,EACvB1hB,KAAKgJ,OAAOwa,aAAepC,GAAuBxB,EAAU5f,KAAKsjB,qBACxE,EAGF,MAAMiB,GACJ,WAAAzkB,CAAakJ,GAAQ,cAAE8Z,EAAgB,MAAK,IAAEjb,EAAM,KAAI,YAAE2c,EAAW,WAAEzlB,EAAU,mBAAE0lB,GAAuB,CAAC,GACzGzkB,KAAKgJ,OAASA,EACdhJ,KAAKijB,MAAQ,IAAIpD,EACjB7f,KAAK8iB,cAAkC,IAAlBA,EAAsB,EAAIA,EAC/C9iB,KAAKT,SAAW,EAChBS,KAAK0kB,UAAY5B,EAAgB,EACjC9iB,KAAKkD,MAAQ,KACblD,KAAKkjB,SAAW,KAChBljB,KAAKjB,WAAa0lB,GAAsB1lB,GAAcqkB,GACtDpjB,KAAK6H,IAAM2c,GAAe3c,EAC1B7H,KAAK2kB,OAAS,KACd3kB,KAAK4kB,UAAYA,GAAUrY,KAAKvM,MAChCA,KAAKsjB,oBAAsBuB,GAAatY,KAAKvM,KAC/C,CAEA,SAAIkK,GACF,SAAQlK,KAAKgJ,OAAOwa,aAAe/C,EACrC,CAEA,IAAAjH,CAAMmL,EAAQjkB,GACZ,GAAoB,OAAhBV,KAAK2kB,OAAiB,MAAM,IAAIrkB,MAAM,oCAS1C,GARkB,mBAAPI,IAAmBA,EAAK,MAEnCV,KAAKgJ,OAAOwa,cA1Oc,IA2O1BxjB,KAAK2kB,OAASA,EACd3kB,KAAKkjB,SAAW,IAAI4B,GAAS9kB,KAAKgJ,OAAQ2b,EAAQjkB,GAE9CA,GAAIV,KAAKgJ,OAAOsB,GAAG,QAASxB,IAE5Bic,GAAUJ,GACZA,EAAOxb,eAAe+Z,SAAWljB,KAAKkjB,SAClCxiB,GAAIikB,EAAOra,GAAG,QAASxB,IAC3B6b,EAAOra,GAAG,SAAUtK,KAAKkjB,SAAS8B,SAASzY,KAAKvM,KAAKkjB,eAChD,CACL,MAAMpZ,EAAU9J,KAAKkjB,SAASvQ,KAAKpG,KAAKvM,KAAKkjB,SAAUyB,GACjD5a,EAAU/J,KAAKkjB,SAASvQ,KAAKpG,KAAKvM,KAAKkjB,SAAUyB,EAAQ,MAC/DA,EAAOra,GAAG,QAASR,GACnB6a,EAAOra,GAAG,QAASP,GACnB4a,EAAOra,GAAG,SAAUtK,KAAKkjB,SAAS8B,SAASzY,KAAKvM,KAAKkjB,UACvD,CAEAyB,EAAOra,GAAG,QAAS2a,GAAW1Y,KAAKvM,OACnCA,KAAKgJ,OAAO8E,KAAK,SAAU6W,GAC3BA,EAAO7W,KAAK,OAAQ9N,KAAKgJ,OAC3B,CAEA,IAAAtJ,CAAMgS,GACJ,MAAM1I,EAAShJ,KAAKgJ,OAEpB,OAAa,OAAT0I,GACF1R,KAAK8iB,cAAgB,EACrB9Z,EAAOwa,aAnPuBzD,UAmPP/W,EAAOwa,aAAenD,MACtC,GAGQ,OAAbrgB,KAAK6H,KAEM,QADb6J,EAAO1R,KAAK6H,IAAI6J,KAEd1I,EAAOwa,cAAgB1C,EAChB9gB,KAAKT,SAAWS,KAAK8iB,gBAIhC9iB,KAAKT,UAAYS,KAAKjB,WAAW2S,GACjC1R,KAAKijB,MAAMvjB,KAAKgS,GAEhB1I,EAAOwa,cAAgBxa,EAAOwa,aAAerD,GAAeW,EAErD9gB,KAAKT,SAAWS,KAAK8iB,cAC9B,CAEA,KAAApS,GACE,MAAMgB,EAAO1R,KAAKijB,MAAMvS,QAIxB,OAFA1Q,KAAKT,UAAYS,KAAKjB,WAAW2S,GACX,IAAlB1R,KAAKT,WAAgBS,KAAKgJ,OAAOwa,cAxQLzD,WAyQzBrO,CACT,CAEA,OAAAxL,CAASwL,GACP,MAAMsL,EAAU,CAAc,OAAbhd,KAAK6H,IAAe7H,KAAK6H,IAAI6J,GAAQA,GACtD,KAAO1R,KAAKT,SAAW,GAAGyd,EAAQtd,KAAKM,KAAK0Q,SAE5C,IAAK,IAAIhS,EAAI,EAAGA,EAAIse,EAAQpe,OAAS,EAAGF,IAAK,CAC3C,MAAMgT,EAAOsL,EAAQte,GACrBsB,KAAKT,UAAYS,KAAKjB,WAAW2S,GACjC1R,KAAKijB,MAAMvjB,KAAKgS,EAClB,CAEA1R,KAAKN,KAAKsd,EAAQA,EAAQpe,OAAS,GACrC,CAEA,IAAA2T,GACE,MAAMvJ,EAAShJ,KAAKgJ,OAEpB,IAhPgBuZ,MAgPXvZ,EAAOwa,gBAAgCrD,EAAa,CACvD,MAAMzO,EAAO1R,KAAK0Q,QAGlB,OAFoB,OAAhB1Q,KAAK2kB,SAA+C,IAA5B3kB,KAAK2kB,OAAOO,MAAMxT,KAAiB1I,EAAOwa,cAAgBzC,GACjF/X,EAAOwa,aAAelD,GAAuBtX,EAAO8E,KAAK,OAAQ4D,GAC/DA,CACT,CAOA,OALuB,IAAnB1R,KAAK0kB,YACP1b,EAAOwa,cAAgB7C,EACvB3gB,KAAKskB,kBAGA,IACT,CAEA,KAAAa,GACE,MAAMnc,EAAShJ,KAAKgJ,OAEpB,MAlQgBuZ,MAkQRvZ,EAAOwa,gBAAgCrD,GAzT9BC,IAyT8CpX,EAAOwa,cAAoC,CACxG,MAAM9R,EAAO1R,KAAK0Q,QACE,OAAhB1Q,KAAK2kB,SAA+C,IAA5B3kB,KAAK2kB,OAAOO,MAAMxT,KAAiB1I,EAAOwa,cAAgBzC,GACjF/X,EAAOwa,aAAelD,GAAuBtX,EAAO8E,KAAK,OAAQ4D,EACxE,CACF,CAEA,MAAAiS,GACE,MAAM3a,EAAShJ,KAAKgJ,OAEpBA,EAAOwa,cAlVmB,GAoV1B,EAAG,CAGD,IAFAxjB,KAAKmlB,QAEEnlB,KAAKT,SAAWS,KAAK8iB,gBA9QVP,OA8Q4BvZ,EAAOwa,gBAAoC7C,GACvF3X,EAAOwa,cAxUoBtB,MAyU3BlZ,EAAOoc,MAAMplB,KAAK4kB,WAClB5kB,KAAKmlB,QAxUyB5E,OAsDTgC,MAqRlBvZ,EAAOwa,gBACVxa,EAAOwa,cAAgBhD,EACvBxX,EAAO8E,KAAK,aA9UYoS,GAiVrBlX,EAAOwa,cAA+CxjB,KAAK6jB,kBAClE,QAAmC,IAA1B7jB,KAAK8jB,kBAEd9a,EAAOwa,cAAgBvC,CACzB,CAEA,gBAAA4C,GACE,MAAM7a,EAAShJ,KAAKgJ,QAlSGuZ,KAoSlBvZ,EAAOwa,gBAAuCnD,IACjDrX,EAAOwa,aAjVuBzD,UAiVP/W,EAAOwa,aAAe/C,MAC7CzX,EAAO8E,KAAK,QACP9E,EAAOwa,aAAehB,KAAkBJ,IAAMpZ,EAAOwa,cAtX1C,GAuXI,OAAhBxjB,KAAK2kB,QAAiB3kB,KAAK2kB,OAAOlK,OAvXtB,IA0XbzR,EAAOwa,aAAenB,GA5XT,IAoYbrZ,EAAOwa,aAAed,KACzB1Z,EAAOwa,cAAgBxa,EAAOwa,aAAevB,GAAUjC,EACvDhX,EAAOib,MAAMC,GAAU3X,KAAKvM,QATvBgJ,EAAOwa,aAAef,IACzBzZ,EAAOwa,cAAgBvB,EACvBjZ,EAAOmb,SAASC,GAAa7X,KAAKvM,OASxC,CAEA,cAAA8jB,GACE,SAAK9jB,KAAKgJ,OAAOwa,aAAe9C,KAChC1gB,KAAKgJ,OAAOwa,cAAgBxC,GACrB,EACT,CAEA,cAAAqD,IA3T8BgB,MA4TvBrlB,KAAKgJ,OAAOwa,gBAA4CtD,EAAclgB,KAAK2jB,SAC3E3jB,KAAKskB,gBACZ,CAEA,cAAAA,GACOtkB,KAAKgJ,OAAOwa,aAAe9C,IAChC1gB,KAAKgJ,OAAOwa,cAAgB9C,EA7YF,GA8YrB1gB,KAAKgJ,OAAOwa,cAAqC5D,EAAU5f,KAAKsjB,qBACvE,EAGF,MAAMgC,GACJ,WAAAxlB,CAAakJ,GACXhJ,KAAK0R,KAAO,KACZ1R,KAAKulB,eAAiBA,GAAehZ,KAAKvD,GAC1ChJ,KAAKgkB,WAAa,IACpB,EAGF,MAAMc,GACJ,WAAAhlB,CAAa0lB,EAAKC,EAAK/kB,GACrBV,KAAKyZ,KAAO+L,EACZxlB,KAAK0Z,GAAK+L,EACVzlB,KAAK0lB,UAAYhlB,EACjBV,KAAKkD,MAAQ,KACblD,KAAK2lB,gBAAiB,CACxB,CAEA,QAAAX,GACEhlB,KAAK2lB,gBAAiB,CACxB,CAEA,IAAAhT,CAAM3J,EAAQjI,GACRA,IAAKf,KAAKkD,MAAQnC,GAElBiI,IAAWhJ,KAAK0Z,KAClB1Z,KAAK0Z,GAAK,KAEQ,OAAd1Z,KAAKyZ,MAQPzQ,IAAWhJ,KAAKyZ,OAClBzZ,KAAKyZ,KAAO,KAEI,OAAZzZ,KAAK0Z,KAQY,OAAnB1Z,KAAK0lB,WAAoB1lB,KAAK0lB,UAAU1lB,KAAKkD,OACjDlD,KAAK0Z,GAAK1Z,KAAKyZ,KAAOzZ,KAAK0lB,UAAY,MAR9B1c,EAAOwa,aAAe/C,GACzBzgB,KAAK0Z,GAAGtY,QAAQpB,KAAKkD,OAAS,IAAI5C,MAAM,yCAZrCN,KAAKyZ,KAAK+J,aAAe/C,GAAqBzgB,KAAK2lB,gBACtD3lB,KAAKyZ,KAAKrY,QAAQpB,KAAKkD,OAAS,IAAI5C,MAAM,sCAmBlD,EAGF,SAAS2kB,KACPjlB,KAAKgJ,OAAOwa,cAlcgB,IAmc5BxjB,KAAKqkB,gBACP,CAEA,SAASL,GAAYjjB,GACnB,MAAMiI,EAAShJ,KAAKgJ,OAChBjI,GAAKiI,EAAO5H,QAAQL,GACnBiI,EAAOwa,aAAenB,IACzBrZ,EAAOwa,cAAgBhC,EACvBxY,EAAO8E,KAAK,YAET9E,EAAOwa,aAAehB,KAAkBJ,IAC3CpZ,EAAOwa,cA1dW,GA6dpBxa,EAAOwa,cApamBzD,UAuarB/W,EAAOwa,aAAepC,EACtBphB,KAAKskB,iBADwCtkB,KAAK2jB,QAEzD,CAEA,SAASS,GAAcrjB,GACrB,MAAMiI,EAAShJ,KAAKgJ,OAEfjI,GAAOf,KAAKkD,QAAUwc,IAAkB3e,EAAMf,KAAKkD,OACpDnC,GAAKiI,EAAO8E,KAAK,QAAS/M,GAC9BiI,EAAOwa,cAxea,EAyepBxa,EAAO8E,KAAK,SAEZ,MAAM1E,EAAKJ,EAAOK,eACZH,EAAKF,EAAOG,eAIlB,GAFW,OAAPC,GAA+B,OAAhBA,EAAG8Z,UAAmB9Z,EAAG8Z,SAASvQ,KAAK3J,EAAQjI,GAEvD,OAAPmI,EAAa,CACf,KAAqB,OAAdA,EAAGia,QAAmBja,EAAGia,OAAOvkB,OAAS,GAAGsK,EAAGia,OAAOzS,QAAQsJ,SAAQ,GACzD,OAAhB9Q,EAAGga,UAAmBha,EAAGga,SAASvQ,KAAK3J,EAAQjI,EACrD,CACF,CAEA,SAASsiB,GAAYtiB,GACnB,MAAMiI,EAAShJ,KAAKgJ,OAEhBjI,GAAKiI,EAAO5H,QAAQL,GACxBiI,EAAOwa,cApcmBzD,UAscN,OAAhB/f,KAAKmjB,QAiCX,SAAqBA,GACnB,IAAK,IAAIzkB,EAAI,EAAGA,EAAIykB,EAAOvkB,OAAQF,IAEN,KAArBykB,EAAOzkB,GAAGknB,SACdzC,EAAOzS,QAAQsJ,SAAQ,GACvBtb,IAGN,CAzC4BmnB,CAAW7lB,KAAKmjB,SApajB7B,QAsapBtY,EAAOwa,gBAAuCjC,IACjDvY,EAAOwa,cAtciBzD,WAucnB/W,EAAOwa,aAAe/B,KAAsBA,GAC/CzY,EAAO8E,KAAK,UAIhB9N,KAAKqkB,gBACP,CAEA,SAASO,GAAW7jB,GACdA,GAAKf,KAAKgJ,OAAO5H,QAAQL,GAC7Bf,KAAKgJ,OAAOwa,cAAgB3C,GACL,IAAnB7gB,KAAK0kB,WAAwB1kB,KAAKgJ,OAAOwa,aAAepD,IAAqBpgB,KAAKgJ,OAAOwa,cAAgBtC,GAC7GlhB,KAAKqkB,gBACP,CAEA,SAASQ,KAxgBqB,GAygBvB7kB,KAAKgJ,OAAOwa,eACfxjB,KAAKgJ,OAAOwa,cAAgBxC,EAC5BhhB,KAAK2jB,SAET,CAEA,SAASJ,KACFvjB,KAAKgJ,OAAOwa,aAAepC,IAC9BphB,KAAKgJ,OAAOwa,cAAgBzB,EAC5B/hB,KAAK2jB,SAET,CAYA,SAASO,GAAWnjB,GAClB,MAAMiI,EAAShJ,KAAKgJ,OAEhBjI,GAAKiI,EAAO5H,QAAQL,GA3iBJ,EA6iBfiI,EAAOwa,eAhecjB,MAienBvZ,EAAOwa,eAA2Cxa,EAAOwa,cAAgBtD,GAxdrDqC,UAydpBvZ,EAAOwa,eAA4Cxa,EAAOwa,cAAgBnC,GAC/ErY,EAAO8E,KAAK,SAGd9E,EAAOwa,cAAgBrB,EAEO,OAA1BnZ,EAAOG,gBACTH,EAAOG,eAAekb,iBAGM,OAA1Brb,EAAOK,gBACTL,EAAOK,eAAegb,gBAE1B,CAEA,SAASkB,GAAgBxkB,EAAK2Q,GACxBA,SAAqC1R,KAAKN,KAAKgS,GACnD1R,KAAKmJ,eAAeka,WAAWtiB,EACjC,CAEA,SAAS8M,GAAazF,GACQ,OAAxBpI,KAAKqJ,iBACM,SAATjB,IACFpI,KAAKwjB,cAAgB,OACrBxjB,KAAKqJ,eAAeib,kBAET,aAATlc,IACFpI,KAAKwjB,cAAgBjD,EACrBvgB,KAAKqJ,eAAeib,mBAII,OAAxBtkB,KAAKmJ,gBACM,UAATf,IACFpI,KAAKwjB,cAAgB/B,EACrBzhB,KAAKmJ,eAAemb,iBAG1B,CAEA,MAAMwB,WAAelZ,EACnB,WAAA9M,CAAaV,GACXsf,QAEA1e,KAAKwjB,aAAe,EACpBxjB,KAAKqJ,eAAiB,KACtBrJ,KAAKmJ,eAAiB,KAElB/J,IACEA,EAAK2mB,OAAM/lB,KAAKikB,MAAQ7kB,EAAK2mB,MAC7B3mB,EAAKgC,UAASpB,KAAKmkB,SAAW/kB,EAAKgC,SACnChC,EAAK4mB,aAAYhmB,KAAKimB,YAAc7mB,EAAK4mB,YACzC5mB,EAAK8mB,QACP9mB,EAAK8mB,OAAOC,iBAAiB,QAAS3b,GAAM+B,KAAKvM,QAIrDA,KAAKsK,GAAG,cAAeuD,GACzB,CAEA,KAAAoW,CAAOvjB,GACLA,EAAG,KACL,CAEA,QAAAyjB,CAAUzjB,GACRA,EAAG,KACL,CAEA,WAAAulB,GAEA,CAEA,YAAI3c,GACF,OAA+B,OAAxBtJ,KAAKqJ,qBAAiC2D,CAC/C,CAEA,YAAIzD,GACF,OAA+B,OAAxBvJ,KAAKmJ,qBAAiC6D,CAC/C,CAEA,aAAI7C,GACF,SA/nBkB,EA+nBVnK,KAAKwjB,aACf,CAEA,cAAI4C,GACF,SAAQpmB,KAAKwjB,aAAenB,EAC9B,CAEA,OAAAjhB,CAASL,GACFf,KAAKwjB,aAAenB,IAClBthB,IAAKA,EAAM2e,GAChB1f,KAAKwjB,aAnkBS1B,UAmkBO9hB,KAAKwjB,aA1oBV,EA4oBY,OAAxBxjB,KAAKqJ,iBACPrJ,KAAKqJ,eAAeyZ,cAAgB,EACpC9iB,KAAKqJ,eAAenG,MAAQnC,GAEF,OAAxBf,KAAKmJ,iBACPnJ,KAAKmJ,eAAe2Z,cAAgB,EACpC9iB,KAAKmJ,eAAejG,MAAQnC,GAG9Bf,KAAKwjB,cAtpBW,EAupBhBxjB,KAAKimB,cACLjmB,KAAKwjB,cAAgBvD,EAEO,OAAxBjgB,KAAKqJ,gBAAyBrJ,KAAKqJ,eAAeib,iBAC1B,OAAxBtkB,KAAKmJ,gBAAyBnJ,KAAKmJ,eAAemb,iBAE1D,EAGF,MAAM+B,WAAiBP,GACrB,WAAAhmB,CAAaV,GACXsf,MAAMtf,GAENY,KAAKwjB,cAAgB8C,QACrBtmB,KAAKqJ,eAAiB,IAAIkb,GAAcvkB,KAAMZ,GAE1CA,KACoC,IAAlCY,KAAKqJ,eAAeqb,YAAqB1kB,KAAKwjB,cAAgBtC,GAC9D9hB,EAAKmT,OAAMvS,KAAKolB,MAAQhmB,EAAKmT,MAC7BnT,EAAKmnB,WAAWvmB,KAAKqJ,eAAeib,iBACpCllB,EAAKonB,UAAUxmB,KAAKymB,YAAYrnB,EAAKonB,UAE7C,CAEA,WAAAC,CAAaD,GACX,MAAME,EAAM,IAAI5G,EAAY0G,GACtB3e,EAAM7H,KAAKqJ,eAAexB,KAAO8e,GAEvC,OADA3mB,KAAKqJ,eAAexB,IAGpB,SAAoB6J,GAClB,MAAMH,EAAOmV,EAAIhnB,KAAKgS,GACtB,MAAgB,KAATH,IAAoC,IAApBG,EAAK3S,YAAoB2nB,EAAIE,UAAY,GAAK,KAAO/e,EAAI0J,EAClF,EALOvR,IAMT,CAEA,KAAAolB,CAAO1kB,GACLA,EAAG,KACL,CAEA,IAAA8Y,CAAMqN,EAAMnmB,GAGV,OAFAV,KAAKqJ,eAAeib,iBACpBtkB,KAAKqJ,eAAemQ,KAAKqN,EAAMnmB,GACxBmmB,CACT,CAEA,IAAAtU,GAEE,OADAvS,KAAKqJ,eAAeib,iBACbtkB,KAAKqJ,eAAekJ,MAC7B,CAEA,IAAA7S,CAAMgS,GAEJ,OADA1R,KAAKqJ,eAAeib,iBACbtkB,KAAKqJ,eAAe3J,KAAKgS,EAClC,CAEA,OAAAxL,CAASwL,GAEP,OADA1R,KAAKqJ,eAAeib,iBACbtkB,KAAKqJ,eAAenD,QAAQwL,EACrC,CAEA,MAAAoV,GAGE,OAFA9mB,KAAKwjB,cAAgB5C,EACrB5gB,KAAKqJ,eAAeib,iBACbtkB,IACT,CAEA,KAAA+mB,GAEE,OADA/mB,KAAKwjB,eAAmD,IAAlCxjB,KAAKqJ,eAAeqb,UAlrBV3E,UAPAA,UA0rBzB/f,IACT,CAEA,yBAAOgnB,CAAoBC,EAAK7nB,GAC9B,IAAIgC,EAEJ,MAAMgI,EAAK,IAAIid,GAAS,IACnBjnB,EACH,IAAAmT,CAAM7R,GACJumB,EAAI1V,OAAO0I,KAAKva,GAAMua,KAAKvZ,EAAG6L,KAAK,KAAM,OAAO2N,MAAMxZ,EACxD,EACA,UAAAslB,GACE5kB,EAAU6lB,EAAIrU,QAChB,EACA,OAAAxR,CAASV,GACP,IAAKU,EAAS,OAAOV,EAAG,MACxBU,EAAQ6Y,KAAKvZ,EAAG6L,KAAK,KAAM,OAAO2N,MAAMxZ,EAC1C,IAGF,OAAO0I,EAEP,SAAS1J,EAAMgS,GACTA,EAAKiB,KAAMvJ,EAAG1J,KAAK,MAClB0J,EAAG1J,KAAKgS,EAAKjS,MACpB,CACF,CAEA,WAAOga,CAAM/H,EAAMtS,GACjB,GAqWK2lB,GADe/b,EApWF0I,IAqWQ1I,EAAOM,SArWR,OAAOoI,EAoWpC,IAAwB1I,EAnWpB,GAAI0I,EAAKS,GAAgB,OAAOnS,KAAKgnB,mBAAmBtV,EAAKS,KAAkB/S,GAC1EuL,MAAMC,QAAQ8G,KAAOA,OAAgB1E,IAAT0E,EAAqB,GAAK,CAACA,IAE5D,IAAIhT,EAAI,EACR,OAAO,IAAI2nB,GAAS,IACfjnB,EACH,IAAAmT,CAAM7R,GACJV,KAAKN,KAAKhB,IAAMgT,EAAK9S,OAAS,KAAO8S,EAAKhT,MAC1CgC,EAAG,KACL,GAEJ,CAEA,sBAAOwmB,CAAiB9d,GACtB,SArrB6BiZ,MAqrBrBjZ,EAAGoa,eAAkDpa,EAAGC,eAAe9J,UAAY6J,EAAGC,eAAeyZ,aAC/G,CAEA,eAAOqE,CAAU/d,GACf,QAAQA,EAAGoa,aAAepD,EAC5B,CAEA,CAACjO,KACC,MAAMnJ,EAAShJ,KAEf,IAAIkD,EAAQ,KACRkkB,EAAiB,KACjBC,EAAgB,KAMpB,OAJArnB,KAAKsK,GAAG,SAAUvJ,IAAUmC,EAAQnC,KACpCf,KAAKsK,GAAG,YAwBR,WACyB,OAAnB8c,GAAyBE,EAAOte,EAAOuJ,OAC7C,IAzBAvS,KAAKsK,GAAG,SA2BR,WACyB,OAAnB8c,GAAyBE,EAAO,KACtC,IA3BO,CACL,CAACnV,KACC,OAAOnS,IACT,EACAuR,KAAK,IACI,IAAIwI,SAAQ,SAAUC,EAASqF,GACpC+H,EAAiBpN,EACjBqN,EAAgBhI,EAChB,MAAM3N,EAAO1I,EAAOuJ,OACP,OAATb,EAAe4V,EAAO5V,GAjyBd,EAkyBF1I,EAAOwa,cAAiC8D,EAAO,KAC3D,IAEF1U,OAAO,IACExR,EAAQ,MAEjBmmB,MAAOxmB,GACEK,EAAQL,IAYnB,SAASumB,EAAQ5V,GACO,OAAlB2V,IACAnkB,EAAOmkB,EAAcnkB,GACP,OAATwO,GAAkB1I,EAAOwa,aAAe/C,EAC5C2G,EAAe,CAAE3nB,MAAOiS,EAAMiB,KAAe,OAATjB,IAD0B2V,EAAc3H,GAEjF2H,EAAgBD,EAAiB,KACnC,CAEA,SAAShmB,EAASL,GAEhB,OADAiI,EAAO5H,QAAQL,GACR,IAAIgZ,SAAQ,CAACC,EAASqF,KAC3B,GAh0Bc,EAg0BVrW,EAAOwa,aAA0B,OAAOxJ,EAAQ,CAAEva,WAAOuN,EAAW2F,MAAM,IAC9E3J,EAAOH,KAAK,SAAS,WACf9H,EAAKse,EAAOte,GACXiZ,EAAQ,CAAEva,WAAOuN,EAAW2F,MAAM,GACzC,GAAC,GAEL,CACF,EAGF,MAAM6U,WAAiB1B,GACrB,WAAAhmB,CAAaV,GACXsf,MAAMtf,GAENY,KAAKwjB,cAAgB8C,MACrBtmB,KAAKmJ,eAAiB,IAAI0Z,GAAc7iB,KAAMZ,GAE1CA,IACEA,EAAKqoB,SAAQznB,KAAK0jB,QAAUtkB,EAAKqoB,QACjCroB,EAAK8lB,QAAOllB,KAAK4jB,OAASxkB,EAAK8lB,OAC/B9lB,EAAKsoB,QAAO1nB,KAAK+jB,OAAS3kB,EAAKsoB,OAC/BtoB,EAAKmnB,WAAWvmB,KAAKmJ,eAAemb,iBAE5C,CAEA,IAAAqD,GACE3nB,KAAKwjB,cAAgB3B,CACvB,CAEA,MAAA+F,GACE5nB,KAAKwjB,cAAgBxB,EACrBhiB,KAAKmJ,eAAemb,gBACtB,CAEA,OAAAZ,CAASmE,EAAOnnB,GACdA,EAAG,KACL,CAEA,MAAAkjB,CAAQlS,EAAMhR,GACZV,KAAKmJ,eAAesa,UAAU/R,EAAMhR,EACtC,CAEA,MAAAqjB,CAAQrjB,GACNA,EAAG,KACL,CAEA,sBAAOwmB,CAAiBhe,GACtB,SAlxB8BqY,UAkxBtBrY,EAAGsa,aACb,CAEA,cAAOsE,CAAS5e,GACd,GAAIA,EAAGiB,UAAW,OAAO4P,QAAQC,SAAQ,GACzC,MAAMzL,EAAQrF,EAAGC,eAyPrB,IAAmBoO,EAvPf,MAAMqO,IAuPSrO,EAxPWrO,GAyPnBwa,UAAY8D,GAASlc,UAAUoY,SAAWnM,EAAEmM,UAAYqE,GAAOzc,UAAUoY,QAzPhD/a,KAAKwM,IAAI,EAAG5G,EAAM0U,MAAMrkB,QAAU2P,EAAM0U,MAAMrkB,SACnDsK,EAAGsa,aAAe7B,EAAiB,EAAI,GAClE,OAAe,IAAXiE,EAAqB7L,QAAQC,SAAQ,IACpB,OAAjBzL,EAAM4U,SAAiB5U,EAAM4U,OAAS,IACnC,IAAIpJ,SAASC,IAClBzL,EAAM4U,OAAOzjB,KAAK,CAAEkmB,SAAQ5L,WAAS,IAEzC,CAEA,KAAAkL,CAAOxT,GAEL,OADA1R,KAAKmJ,eAAemb,iBACbtkB,KAAKmJ,eAAezJ,KAAKgS,EAClC,CAEA,GAAA+I,CAAK/I,GAGH,OAFA1R,KAAKmJ,eAAemb,iBACpBtkB,KAAKmJ,eAAesR,IAAI/I,GACjB1R,IACT,EAGF,MAAM+nB,WAAe1B,GACnB,WAAAvmB,CAAaV,GACXsf,MAAMtf,GAENY,KAAKwjB,aAj5Ba,EAi5BaxjB,KAAKwjB,aAAe7C,EACnD3gB,KAAKmJ,eAAiB,IAAI0Z,GAAc7iB,KAAMZ,GAE1CA,IACEA,EAAKqoB,SAAQznB,KAAK0jB,QAAUtkB,EAAKqoB,QACjCroB,EAAK8lB,QAAOllB,KAAK4jB,OAASxkB,EAAK8lB,OAC/B9lB,EAAKsoB,QAAO1nB,KAAK+jB,OAAS3kB,EAAKsoB,OAEvC,CAEA,IAAAC,GACE3nB,KAAKwjB,cAAgB3B,CACvB,CAEA,MAAA+F,GACE5nB,KAAKwjB,cAAgBxB,EACrBhiB,KAAKmJ,eAAemb,gBACtB,CAEA,OAAAZ,CAASmE,EAAOnnB,GACdA,EAAG,KACL,CAEA,MAAAkjB,CAAQlS,EAAMhR,GACZV,KAAKmJ,eAAesa,UAAU/R,EAAMhR,EACtC,CAEA,MAAAqjB,CAAQrjB,GACNA,EAAG,KACL,CAEA,KAAAwkB,CAAOxT,GAEL,OADA1R,KAAKmJ,eAAemb,iBACbtkB,KAAKmJ,eAAezJ,KAAKgS,EAClC,CAEA,GAAA+I,CAAK/I,GAGH,OAFA1R,KAAKmJ,eAAemb,iBACpBtkB,KAAKmJ,eAAesR,IAAI/I,GACjB1R,IACT,EAGF,MAAMwe,WAAkBuJ,GACtB,WAAAjoB,CAAaV,GACXsf,MAAMtf,GACNY,KAAKgoB,gBAAkB,IAAI1C,GAAetlB,MAEtCZ,IACEA,EAAK6oB,YAAWjoB,KAAKif,WAAa7f,EAAK6oB,WACvC7oB,EAAK8oB,QAAOloB,KAAKmoB,OAAS/oB,EAAK8oB,OAEvC,CAEA,MAAAtE,CAAQlS,EAAMhR,GACRV,KAAKqJ,eAAe9J,UAAYS,KAAKqJ,eAAeyZ,cACtD9iB,KAAKgoB,gBAAgBtW,KAAOA,EAE5B1R,KAAKif,WAAWvN,EAAM1R,KAAKgoB,gBAAgBzC,eAE/C,CAEA,KAAAH,CAAO1kB,GACL,GAAkC,OAA9BV,KAAKgoB,gBAAgBtW,KAAe,CACtC,MAAMA,EAAO1R,KAAKgoB,gBAAgBtW,KAClC1R,KAAKgoB,gBAAgBtW,KAAO,KAC5BhR,EAAG,MACHV,KAAKif,WAAWvN,EAAM1R,KAAKgoB,gBAAgBzC,eAC7C,MACE7kB,EAAG,KAEP,CAEA,OAAAU,CAASL,GACP2d,MAAMtd,QAAQL,GACoB,OAA9Bf,KAAKgoB,gBAAgBtW,OACvB1R,KAAKgoB,gBAAgBtW,KAAO,KAC5B1R,KAAKgoB,gBAAgBzC,iBAEzB,CAEA,UAAAtG,CAAYvN,EAAMhR,GAChBA,EAAG,KAAMgR,EACX,CAEA,MAAAyW,CAAQznB,GACNA,EAAG,KACL,CAEA,MAAAqjB,CAAQrjB,GACNV,KAAKgoB,gBAAgBhE,WAAatjB,EAClCV,KAAKmoB,OAAOC,GAAoB7b,KAAKvM,MACvC,EAKF,SAASooB,GAAqBrnB,EAAK2Q,GACjC,MAAMhR,EAAKV,KAAKgoB,gBAAgBhE,WAChC,GAAIjjB,EAAK,OAAOL,EAAGK,GACf2Q,SAAqC1R,KAAKN,KAAKgS,GACnD1R,KAAKN,KAAK,MACVgB,EAAG,KACL,CAWA,SAASwiB,GAAUla,KAAW2Q,GAC5B,MAAM0O,EAAM1d,MAAMC,QAAQ5B,GAAU,IAAIA,KAAW2Q,GAAW,CAAC3Q,KAAW2Q,GACpEhH,EAAQ0V,EAAIzpB,QAAyC,mBAAxBypB,EAAIA,EAAIzpB,OAAS,GAAqBypB,EAAI1X,MAAQ,KAErF,GAAI0X,EAAIzpB,OAAS,EAAG,MAAM,IAAI0B,MAAM,wCAEpC,IAAIklB,EAAM6C,EAAI,GACVxB,EAAO,KACP3jB,EAAQ,KAEZ,IAAK,IAAIxE,EAAI,EAAGA,EAAI2pB,EAAIzpB,OAAQF,IAC9BmoB,EAAOwB,EAAI3pB,GAEPqmB,GAAUS,GACZA,EAAIhM,KAAKqN,EAAM/c,IAEfwe,EAAY9C,GAAK,EAAM9mB,EAAI,EAAGoL,GAC9B0b,EAAIhM,KAAKqN,IAGXrB,EAAMqB,EAGR,GAAIlU,EAAM,CACR,IAAI4V,GAAM,EAEV,MAAMC,EAAczD,GAAU8B,OAAYA,EAAK1d,iBAAkB0d,EAAK1d,eAAeqf,aAErF3B,EAAKvc,GAAG,SAAUvJ,IACF,OAAVmC,IAAgBA,EAAQnC,MAG9B8lB,EAAKvc,GAAG,UAAU,KAChBie,GAAM,EACDC,GAAa7V,EAAKzP,EAAK,IAG1BslB,GACF3B,EAAKvc,GAAG,SAAS,IAAMqI,EAAKzP,IAAUqlB,EAAM,KAAO5I,KAEvD,CAEA,OAAOkH,EAEP,SAASyB,EAAa/Q,EAAGkR,EAAIC,EAAI5e,GAC/ByN,EAAEjN,GAAG,QAASR,GACdyN,EAAEjN,GAAG,SAEL,WACE,GAAIme,GAAMlR,EAAElO,iBAAmBkO,EAAElO,eAAea,MAAO,OAAOJ,EAAQ6V,GACtE,GAAI+I,GAAMnR,EAAEpO,iBAAmBoO,EAAEpO,eAAee,MAAO,OAAOJ,EAAQ6V,EACxE,GACF,CAEA,SAAS7V,EAAS/I,GAChB,GAAKA,IAAOmC,EAAZ,CACAA,EAAQnC,EAER,IAAK,MAAMwW,KAAK8Q,EACd9Q,EAAEnW,QAAQL,EAJO,CAMrB,CACF,CAEA,SAAS4lB,GAAMpP,GACb,OAAOA,CACT,CAEA,SAASoR,GAAU3f,GACjB,QAASA,EAAOK,kBAAoBL,EAAOG,cAC7C,CAEA,SAAS4b,GAAW/b,GAClB,MAAsC,iBAAxBA,EAAOwa,cAA6BmF,GAAS3f,EAC7D,CAyBA,SAASoa,GAAmB1R,GAC1B,OALF,SAAuBA,GACrB,MAAuB,iBAATA,GAA8B,OAATA,GAA4C,iBAApBA,EAAK3S,UAClE,CAGS6pB,CAAalX,GAAQA,EAAK3S,WAAa,IAChD,CAEA,SAAS+J,KAAS,CAElB,SAAS0B,KACPxK,KAAKoB,QAAQ,IAAId,MAAM,mBACzB,CAMAtB,EAAOC,QAAU,CACfikB,YACA2F,gBA5HF,YAA6BlP,GAC3B,OAAO,IAAII,SAAQ,CAACC,EAASqF,IACpB6D,MAAYvJ,GAAU5Y,IAC3B,GAAIA,EAAK,OAAOse,EAAOte,GACvBiZ,GAAQ,KAGd,EAsHE2O,YACA5D,aACA+D,QA1CF,SAAkB9f,GAChB,QAASA,EAAOK,gBAAkBL,EAAOK,eAAea,KAC1D,EAyCE6e,WAvCF,SAAqB/f,GACnB,QAASA,EAAOG,gBAAkBH,EAAOG,eAAee,KAC1D,EAsCE8e,eApCF,SAAyBhgB,EAAQ5J,EAAO,CAAC,GACvC,MAAM2B,EAAOiI,EAAOK,gBAAkBL,EAAOK,eAAenG,OAAW8F,EAAOG,gBAAkBH,EAAOG,eAAejG,MAGtH,OAAS9D,EAAKipB,KAAOtnB,IAAQ2e,EAA2B3e,EAAP,IACnD,EAgCE+kB,UACA0B,YACAnB,YACA0B,UACAvJ,aAEAyK,YAlJF,cAA0BzK,K,iBC9/B1B,MAAM0K,EAAqB,EAAQ,MAC7BC,EAAc,EAAQ,MAE5BnqB,EAAOC,QAAU,MACf,WAAAa,CAAa0mB,EAAW,QAGtB,OAFAxmB,KAAKwmB,SAoCT,SAA4BA,GAG1B,OAFAA,EAAWA,EAAS3iB,eAGlB,IAAK,OACL,IAAK,QACH,MAAO,OACT,IAAK,OACL,IAAK,QACL,IAAK,UACL,IAAK,WACH,MAAO,UACT,IAAK,SACL,IAAK,SACH,MAAO,SACT,IAAK,SACL,IAAK,QACL,IAAK,MACH,OAAO2iB,EACT,QACE,MAAM,IAAIlmB,MAAM,qBAAuBkmB,GAE7C,CA1DoB4C,CAAkB5C,GAE1BxmB,KAAKwmB,UACX,IAAK,OACHxmB,KAAKqpB,QAAU,IAAIF,EACnB,MACF,IAAK,UACL,IAAK,SACH,MAAM,IAAI7oB,MAAM,yBAA2BN,KAAKwmB,UAClD,QACExmB,KAAKqpB,QAAU,IAAIH,EAAmBlpB,KAAKwmB,UAEjD,CAEA,aAAII,GACF,OAAO5mB,KAAKqpB,QAAQzC,SACtB,CAEA,IAAAlnB,CAAMgS,GACJ,MAAoB,iBAATA,EAA0BA,EAC9B1R,KAAKqpB,QAAQC,OAAO5X,EAC7B,CAGA,KAAAwT,CAAOxT,GACL,OAAO1R,KAAKN,KAAKgS,EACnB,CAEA,GAAA+I,CAAK/I,GACH,IAAI0L,EAAS,GAGb,OAFI1L,IAAM0L,EAASpd,KAAKN,KAAKgS,IAC7B0L,GAAUpd,KAAKqpB,QAAQnB,QAChB9K,CACT,E,WCtCFpe,EAAOC,QAAU,MACf,WAAAa,CAAa0mB,GACXxmB,KAAKqpB,QAAU,IAAIvJ,YAAyB,YAAb0G,EAAyB,WAAaA,EACvE,CAEA,aAAII,GACF,OAAQ,CACV,CAEA,MAAA0C,CAAQ5X,GACN,OAAO1R,KAAKqpB,QAAQC,OAAO5X,EAAM,CAAE1I,QAAQ,GAC7C,CAEA,KAAAkf,GACE,OAAOloB,KAAKqpB,QAAQC,OAAO,IAAI/qB,WAAW,GAC5C,E,WCZF,SAASgrB,EAAS/O,GAChB,QAAS1U,KAAKuO,MAAQmG,GAFP,IAE2B,KAC5C,CAEAxb,EAAOC,QAAU,SAAUsU,GACzB,MAAMiH,GAAS1U,KAAKuO,MAEdhW,EATW,IASUkV,GAAW,GAChCpC,EAAS,CAAC,GAChB,IAAIqY,EAAU,EACV7X,EAAQ4X,EAAQ/O,GAAS,EAbf,MAed,OAAO,SAAUiP,GACf,MAAMC,EAAOH,EAAQ/O,GACrB,IAAImP,EAAQD,EAAO/X,EAjBP,MAqBZ,IAHIgY,EAAOtrB,IAAMsrB,EAAOtrB,GACxBsT,EAAO+X,EAEAC,KACDH,IAAYnrB,IAAMmrB,EAAU,GAChCrY,EAAOqY,GAAWrY,EAAmB,IAAZqY,EAAgBnrB,EAAO,EAAImrB,EAAU,GAC9DA,IAGEC,IAAOtY,EAAOqY,EAAU,IAAMC,GAElC,MAAMpY,EAAMF,EAAOqY,EAAU,GACvBlY,EAAMH,EAAOvS,OAASP,EAAO,EAAI8S,EAAOqY,IAAYnrB,EAAO,EAAImrB,GAErE,OAAOrY,EAAOvS,OA/BC,GA+BqByS,EA/BrB,IA+B4BA,EAAMC,GAAoBH,EAAOvS,MAC9E,CACF,C,WClCAI,EAAOC,QAEP,SAAiB2P,EAAKlQ,GACpB,GAAIA,GAAKkQ,EAAIhQ,QAAUF,EAAI,EAAG,OAC9B,IAAIiT,EAAO/C,EAAI+B,MACf,GAAIjS,EAAIkQ,EAAIhQ,OAAQ,CAClB,IAAIyb,EAAMzL,EAAIlQ,GAEd,OADAkQ,EAAIlQ,GAAKiT,EACF0I,CACT,CACA,OAAO1I,CACT,C,WCNA3S,EAAOC,QACP,SAASqZ,EAAQ5L,EAAIhM,GACnB,GAAIgM,GAAMhM,EAAI,OAAO4X,EAAO5L,EAAP4L,CAAW5X,GAEhC,GAAkB,mBAAPgM,EACT,MAAM,IAAIvB,UAAU,yBAMtB,OAJAzE,OAAO4B,KAAKoE,GAAInE,SAAQ,SAAU8D,GAChCud,EAAQvd,GAAKK,EAAGL,EAClB,IAEOud,EAEP,SAASA,IAEP,IADA,IAAI1nB,EAAO,IAAIyI,MAAMgC,UAAU/N,QACtBF,EAAI,EAAGA,EAAIwD,EAAKtD,OAAQF,IAC/BwD,EAAKxD,GAAKiO,UAAUjO,GAEtB,IAAImQ,EAAMnC,EAAGnG,MAAMvG,KAAMkC,GACrBxB,EAAKwB,EAAKA,EAAKtD,OAAO,GAM1B,MALmB,mBAARiQ,GAAsBA,IAAQnO,GACvCgG,OAAO4B,KAAK5H,GAAI6H,SAAQ,SAAU8D,GAChCwC,EAAIxC,GAAK3L,EAAG2L,EACd,IAEKwC,CACT,CACF,C,sRC/BA7P,EAAOC,QAAU,EAAjB,a,wHCKA,MAMM4qB,EAAoB,cACpBC,EAAoB,cACpBC,EAAoB,cACpBC,EAAoB,cAEpBC,EAAe,UASfnlB,EAAQ,EAAa,mBAE3B,IAAIolB,GAAS,EAEN,MAAMC,EAAe,KAC1BD,GAAS,GASI,MAAME,UAAa,EAChC,WAAAtqB,CAAauqB,EAAI3mB,GACfgb,QAEA1e,KAAKqqB,GAAKA,EACVrqB,KAAK0D,KAAOA,EAEZoB,EAAM,iBAAkBpB,EAAM2mB,GAE9BrqB,KAAKsqB,KAAO,KACZtqB,KAAKuqB,KAAO,KACZvqB,KAAKwqB,MAAQ,KACbxqB,KAAKyqB,KAAO,KACZzqB,KAAK0qB,OAAS,KAEd1qB,KAAK2qB,WAAY,EACjB3qB,KAAKmK,WAAY,EACjBnK,KAAK4qB,QAAU,KACf5qB,KAAK6qB,QAAU,EAEf7qB,KAAK8qB,SAAU,EACf9qB,KAAK+qB,SAAU,EACf/qB,KAAKgrB,SAAU,EACfhrB,KAAKirB,SAAU,EACfjrB,KAAKkrB,eAAgB,CACvB,CAMA,SAAAC,GACE,GAAInrB,KAAKmK,UAAW,OACpBnK,KAAK2qB,WAAY,EAEjB7lB,EAAM,oBAAqB9E,KAAKqqB,IAEhCe,aAAaprB,KAAKqrB,gBAElB,MAAMd,EAAOvqB,KAAKuqB,KAClBA,EAAK1hB,KAAK,OAAO,KACf7I,KAAKoB,SAAQ,IAEfmpB,EAAK1hB,KAAK,SAAS,KACjB7I,KAAKoB,SAAQ,IAEfmpB,EAAK1hB,KAAK,UAAU,KAClB7I,KAAKoB,SAAQ,IAEfmpB,EAAK1hB,KAAK,SAAS9H,IACjBf,KAAKoB,QAAQL,EAAG,IAGlB,MAAM0pB,EAAOzqB,KAAKyqB,KAAO,IAAI,IAAKzqB,KAAK0D,KAAM1D,KAAK6qB,QAASX,GAE3DO,EAAK5hB,KAAK,OAAO,KACf7I,KAAKoB,SAAQ,IAEfqpB,EAAK5hB,KAAK,SAAS,KACjB7I,KAAKoB,SAAQ,IAEfqpB,EAAK5hB,KAAK,UAAU,KAClB7I,KAAKoB,SAAQ,IAEfqpB,EAAK5hB,KAAK,SAAS9H,IACjBf,KAAKoB,QAAQL,EAAG,IAGlB0pB,EAAK5hB,KAAK,OAAO,KACf7I,KAAKsrB,OAAM,IAEbb,EAAK5hB,KAAK,OAAO,KACf7I,KAAKurB,OAAM,IAEbd,EAAK5hB,KAAK,OAAO,KACf7I,KAAKwrB,OAAM,IAEbf,EAAK5hB,KAAK,OAAO,KACf7I,KAAKyrB,OAAM,IAEbhB,EAAK5hB,KAAK,aAAa,CAAC6iB,EAAUC,KAChC3rB,KAAK4rB,YAAYF,EAAUC,EAAM,IAEnC3rB,KAAK6rB,wBAEL7rB,KAAK8rB,mBAED9rB,KAAKwqB,QACW,gBAAdxqB,KAAK0D,KACHwmB,GAA2B,IAAjBlqB,KAAK6qB,UAAkB7qB,KAAK8qB,QAAS9qB,KAAK+rB,UAC9C/rB,KAAKkrB,eAAelrB,KAAKgsB,YACZ,gBAAdhsB,KAAK0D,MAA2B1D,KAAKkrB,eAAelrB,KAAKgsB,YAExE,CAEA,OAAAD,GACE/rB,KAAKyqB,KAAKsB,UACV/rB,KAAK8qB,SAAU,CACjB,CAEA,KAAAQ,GACEtrB,KAAKisB,SACP,CAEA,OAAAA,GACEjsB,KAAKyqB,KAAKwB,UACVjsB,KAAK+qB,SAAU,CACjB,CAEA,KAAAQ,GACEvrB,KAAKksB,SACP,CAEA,OAAAA,GACElsB,KAAKyqB,KAAKyB,QAAQlsB,KAAKwqB,MAAMkB,UAC7B1rB,KAAKgrB,SAAU,CACjB,CAEA,KAAAQ,CAAOW,GACDnsB,KAAKwqB,QACHxqB,KAAKwqB,MAAM2B,eAAiBA,GAC9BnsB,KAAKoB,QAAQ,IAAId,MAAM,yDAEzBN,KAAKosB,UAET,CAEA,OAAAA,GACEpsB,KAAKyqB,KAAK2B,QAAQpsB,KAAKwqB,MAAMkB,UAC7B1rB,KAAKirB,SAAU,CACjB,CAEA,KAAAQ,GACOzrB,KAAKkrB,eAAelrB,KAAKgsB,WAChC,CAEA,UAAAK,GACErsB,KAAKuqB,KAAK+B,SACVtsB,KAAKyqB,KAAK6B,QACZ,CAEA,gBAAAR,GACE,MAAMnmB,EAAO3F,MACb,IAAAkjB,UACEljB,KAAKuqB,KACLvqB,KAAKusB,eAAeC,KAAKrO,WACzB,IAAI,EAAAK,UAAU,CACZ,SAAAyJ,CAAWppB,EAAOoK,GAChBtD,EAAKmI,KAAK,WAAYjP,EAAMD,QACxB+G,EAAKwE,WACTlB,EAAS,KAAMpK,EACjB,IAEFmB,KAAKyqB,KACLzqB,KAAKusB,eAAeE,GAAGtO,WACvB,IAAI,EAAAK,UAAU,CACZ,SAAAyJ,CAAWppB,EAAOoK,GAChBtD,EAAKmI,KAAK,SAAUjP,EAAMD,QACtB+G,EAAKwE,WACTlB,EAAS,KAAMpK,EACjB,IAEFmB,KAAKuqB,KAET,CAOA,WAAAqB,CAAaF,EAAUC,GACrB,IAAK3rB,KAAKwqB,MAAO,OACjB,GAAIxqB,KAAKmK,UAAW,OAEpB,GAAInK,KAAKwqB,MAAMrgB,UACb,OAAOnK,KAAKoB,QAAQ,IAAId,MAAM,4BAEhC,GAAIorB,IAAa1rB,KAAKwqB,MAAMkB,SAC1B,OAAO1rB,KAAKoB,QAAQ,IAAId,MAAM,kDAEhC,GAAIqrB,IAAW3rB,KAAKwqB,MAAMmB,OACxB,OAAO3rB,KAAKoB,QAAQ,IAAId,MAAM,qCAGhCwE,EAAM,2BAA4B9E,KAAKqqB,GAAIqB,GAE3CN,aAAaprB,KAAK0sB,kBAElB1sB,KAAK6qB,QAAU,EAEf,IAAIP,EAAOtqB,KAAKsqB,MACXA,GAAQtqB,KAAKuqB,KAAKoC,eAAiB3sB,KAAKuqB,KAAKqC,aAChDtC,EAAO,GAAGtqB,KAAKuqB,KAAKoC,iBAAiB3sB,KAAKuqB,KAAKqC,cAEjD5sB,KAAKwqB,MAAMqC,QAAQ7sB,KAAKyqB,KAAMH,GAGzBtqB,KAAKwqB,QAASxqB,KAAKwqB,MAAMrgB,YAEzBnK,KAAKkrB,eAAelrB,KAAKgsB,YAChC,CAEA,SAAAA,GACE,MAAM5sB,EAAO,CACX0tB,KAAK9sB,KAAKwqB,MAAMuC,WAAoB/sB,KAAKwqB,MAAMwC,OAAOF,IACtDG,MAAM,GAERjtB,KAAKyqB,KAAKuB,UAAUhsB,KAAKwqB,MAAMkB,SAAU1rB,KAAKwqB,MAAMwC,OAAOrB,OAAQvsB,GACnEY,KAAKkrB,eAAgB,CACvB,CAEA,mBAAAgC,GACE9B,aAAaprB,KAAKqrB,gBAElB,MAAM8B,EAAuB,CAC3BC,OAxPyB,KAyPzBC,YA3PsB,IA4PtBC,YA3PsB,KA8PxBttB,KAAKqrB,eAAiB7W,YAAW,KAC/BxU,KAAKoB,QAAQ,IAAId,MAAM,mBAAkB,GACxC6sB,EAAqBntB,KAAK0D,OACzB1D,KAAKqrB,eAAekC,OAAOvtB,KAAKqrB,eAAekC,OACrD,CAEA,qBAAA1B,GACET,aAAaprB,KAAK0sB,kBAClB1sB,KAAK0sB,iBAAmBlY,YAAW,KACjCxU,KAAKoB,QAAQ,IAAId,MAAM,qBAAoB,GArQvB,MAuQlBN,KAAK0sB,iBAAiBa,OAAOvtB,KAAK0sB,iBAAiBa,OACzD,CAEA,OAAAnsB,CAASL,GACP,GAAIf,KAAKmK,UAAW,OACpBnK,KAAKmK,WAAY,EACjBnK,KAAK2qB,WAAY,EAEjB7lB,EAAM,4BAA6B9E,KAAK0D,KAAM1D,KAAKqqB,GAAItpB,IAAQA,EAAIqE,SAAWrE,IAE9EqqB,aAAaprB,KAAKqrB,gBAClBD,aAAaprB,KAAK0sB,kBAElB,MAAMlC,EAAQxqB,KAAKwqB,MACbD,EAAOvqB,KAAKuqB,KACZE,EAAOzqB,KAAKyqB,KAElBzqB,KAAKwqB,MAAQ,KACbxqB,KAAKuqB,KAAO,KACZvqB,KAAKyqB,KAAO,KAERD,GAASC,GACX,EAAYD,EAAMgD,MAAOhD,EAAMgD,MAAM1S,QAAQ2P,IAE3CF,IACFA,EAAKjgB,GAAG,SAAS,SACjBigB,EAAKnpB,WAEHqpB,GAAMA,EAAKrpB,UACXopB,GAAOA,EAAMiD,WAAWztB,KAAKqqB,GACnC,EAGFD,EAAKP,kBAAoBA,EACzBO,EAAKN,kBAAoBA,EACzBM,EAAKL,kBAAoBA,EACzBK,EAAKJ,kBAAoBA,EACzBI,EAAKsD,YArSe,SAsSpBtD,EAAKH,aAAeA,EAEpBG,EAAKuD,cApSiB,SAqStBvD,EAAKwD,eApSkB,UAqSvBxD,EAAKyD,WApSc,MAqSnBzD,EAAK0D,WApSc,MAqSnB1D,EAAK2D,cApSiB,SA2StB3D,EAAK4D,iBAAmB,CAACzD,EAAMC,EAAO+B,KACpC,MAAM0B,EAAO,IAAI7D,EAAKG,EAAKF,GAAI,UAK/B,GAJA4D,EAAK1D,KAAOA,EACZ0D,EAAKzD,MAAQA,EACbyD,EAAK1B,eAAiBA,EAElB0B,EAAK1D,KAAKI,UACZsD,EAAK9C,gBACA,CACL,MAAM+C,EAAU,KACdD,EAAK1D,KAAKzf,eAAe,UAAWqgB,GACpC8C,EAAK1D,KAAKzf,eAAe,QAASqjB,EAAO,EAErChD,EAAY,KAChB+C,IACAD,EAAK9C,WAAU,EAEXgD,EAAUptB,IACdmtB,IACAD,EAAK7sB,QAAQL,EAAG,EAElBktB,EAAK1D,KAAK1hB,KAAK,UAAWsiB,GAC1B8C,EAAK1D,KAAK1hB,KAAK,QAASslB,GACxBF,EAAKf,qBACP,CAEA,OAAOe,GAQT7D,EAAKgE,sBAAwB,CAAC7D,EAAMgC,IAC3BnC,EAAKiE,oBAAoB9D,EAAMV,EAAmB0C,GAQ3DnC,EAAKkE,sBAAwB,CAAC/D,EAAMgC,IAC3BnC,EAAKiE,oBAAoB9D,EAAMR,EAAmBwC,GAO3DnC,EAAKmE,sBAAwB,CAACjE,EAAME,EAAO+B,IAClCnC,EAAKoE,oBAAoBlE,EAAME,EAAOV,EAAmByC,GAOlEnC,EAAKqE,sBAAwB,CAACnE,EAAME,EAAO+B,IAClCnC,EAAKoE,oBAAoBlE,EAAME,EAAOR,EAAmBuC,GAGlEnC,EAAKiE,oBAAsB,CAAC9D,EAAM7mB,EAAM6oB,KACtC,MAAMjC,EAAO,GAAGC,EAAKoC,iBAAiBpC,EAAKqC,aACrCqB,EAAO,IAAI7D,EAAKE,EAAM5mB,GAO5B,OANAuqB,EAAK1D,KAAOA,EACZ0D,EAAK3D,KAAOA,EACZ2D,EAAK1B,eAAiBA,EAEtB0B,EAAK9C,YAEE8C,GAGT7D,EAAKoE,oBAAsB,CAAClE,EAAME,EAAO9mB,EAAM6oB,KAC7C,MAAM0B,EAAO,IAAI7D,EAAKE,EAAM5mB,GAK5B,OAJAuqB,EAAK3D,KAAOA,EACZ2D,EAAKzD,MAAQA,EACbyD,EAAK1B,eAAiBA,EAEf0B,GAOT7D,EAAKsE,kBAAoB,CAACnE,EAAMF,EAAIG,EAAO+B,KACzC,MAAM0B,EAAO,IAAI7D,EAAKC,EAAIJ,GAQ1B,OANAgE,EAAKzD,MAAQA,EACbyD,EAAK1D,KAAOA,EACZ0D,EAAK1B,eAAiBA,EAEtB0B,EAAK9C,YAEE8C,E,+CCpaF,SAASU,EAAYlvB,GAE1B,MAAMmvB,EAAOnvB,EAAQ,EAAI,EAAI,EAI7B,OADAA,EAAQkJ,KAAKC,IAAI/C,OAAOpG,GAAS,IAC1BkJ,KAAK8K,MAAM9K,KAAKkmB,MAAMpvB,IAAU,EAAImvB,CAC7C,CAEO,SAASlY,EAASjX,GACvB,OAAIqvB,YAAYC,OAAOtvB,GAAe,kBAClCkL,MAAMC,QAAQnL,GAAe,QAC7BA,aAAiBoG,OAAe,SAChCpG,aAAiByI,QAAgB,UACjCzI,aAAiBuvB,IAAY,MAC7BvvB,aAAiBU,IAAY,MAC7BV,aAAiBuO,OAAe,SAChCvO,aAAiBqvB,YAAoB,qBAC3BrvB,CAChB,CCVA,SAASwvB,EAAQvd,EAAMP,EAAQ1S,GAC7B,MAAMywB,EAAU,GAChB,IAAI9R,EAAS,KAMb,OAJA6R,EAAOE,QAAQD,EAASxd,GACxB0L,GAAS,QAAO8R,GAChBD,EAAOrW,MAAQwE,EAAOxe,OAElBkwB,YAAYC,OAAO5d,IACrBA,EAAOrS,IAAIse,EAAQ3e,GACZ0S,GAGFiM,CACT,CAEA6R,EAAOrW,OAAS,EAChBqW,EAAOG,0BAA2B,EAElCH,EAAOE,QAAU,SAAUD,EAASxd,GAClC,GAAY,MAARA,EAEJ,OAAQgF,EAAQhF,IACd,IAAK,SAAUud,EAAOI,KAAKH,EAASxd,GAAO,MAC3C,IAAK,MAAOud,EAAOK,QAAQJ,EAASxd,GAAO,MAC3C,IAAK,QAASud,EAAO1e,KAAK2e,EAASxd,GAAO,MAC1C,IAAK,MAAOud,EAAOM,QAAQL,EAASxd,GAAO,MAC3C,IAAK,SAAUud,EAAOvjB,OAAOwjB,EAASxd,GAAO,MAC7C,IAAK,SACL,IAAK,UAAWud,EAAOO,OAAON,EAASxd,GAAO,MAC9C,IAAK,kBAAmBud,EAAO9d,OAAO+d,EAAS,IAAI3wB,WAAWmT,EAAKP,OAAQO,EAAK+d,WAAY/d,EAAK3S,aAAc,MAC/G,IAAK,cAAekwB,EAAO9d,OAAO+d,EAAS,IAAI3wB,WAAWmT,IAE9D,EAEA,MAAMge,EAAQ,IAAInxB,WAAW,CAAC,MACxBoxB,EAAQ,IAAIpxB,WAAW,CAAC,MACxBqxB,EAAQ,IAAIrxB,WAAW,CAAC,MAE9B0wB,EAAO9d,OAAS,SAAU+d,EAASxd,GACjCwd,EAAQxvB,MAAK,QAASgS,EAAK9S,OAAS,KAAM8S,EAC5C,EAEAud,EAAOvjB,OAAS,SAAUwjB,EAASxd,GACjCwd,EAAQxvB,MAAK,SAAS,QAASgS,GAAM3S,WAAa,IAAM2S,GAC1D,EAEAud,EAAOO,OAAS,SAAUN,EAASxd,GACjC,GAAI7L,OAAOyV,UAAU5J,GAAO,OAAOwd,EAAQxvB,MAAK,QAAS,IAAMmwB,OAAOne,GAAQ,MAE9E,MAAMoe,EAAQ,WAGRzpB,GAFMqL,EAAOoe,EAAU,GAEZA,GADLpe,EAAOoe,EAAU,GAG7BZ,EAAQxvB,MAAK,QAAS,IAAM2G,EAAM,MAE9BA,IAAQqL,GAASud,EAAOG,2BAC1BH,EAAOG,0BAA2B,EAClCjrB,QAAQQ,KACN,0DAA4D+M,EAAO,KACnE,wEAA0ErL,EAAM,KAElFlC,QAAQ4rB,QAEZ,EAEAd,EAAOI,KAAO,SAAUH,EAASxd,GAC/Bwd,EAAQxvB,KAAKiwB,GAEb,IACItjB,EADArH,EAAI,EAGR,MAAMsD,EAAO5B,OAAO4B,KAAKoJ,GAAMwJ,OACzB8U,EAAK1nB,EAAK1J,OAEhB,KAAOoG,EAAIgrB,EAAIhrB,IACbqH,EAAI/D,EAAKtD,GACM,MAAX0M,EAAKrF,KACT4iB,EAAOvjB,OAAOwjB,EAAS7iB,GACvB4iB,EAAOE,QAAQD,EAASxd,EAAKrF,KAG/B6iB,EAAQxvB,KAAKgwB,EACf,EAEAT,EAAOK,QAAU,SAAUJ,EAASxd,GAClCwd,EAAQxvB,KAAKiwB,GAEb,MAAMrnB,EAAOqC,MAAM8O,KAAK/H,EAAKpJ,QAAQ4S,OAErC,IAAK,MAAM1S,KAAOF,EACK,MAAjBoJ,EAAKtR,IAAIoI,KACbsmB,YAAYC,OAAOvmB,GACfymB,EAAOE,QAAQD,EAAS1mB,GACxBymB,EAAOvjB,OAAOwjB,EAASlhB,OAAOxF,IAClCymB,EAAOE,QAAQD,EAASxd,EAAKtR,IAAIoI,KAGnC0mB,EAAQxvB,KAAKgwB,EACf,EAEAT,EAAO1e,KAAO,SAAU2e,EAASxd,GAC/B,IAAIhT,EAAI,EACR,MAAM6D,EAAImP,EAAK9S,OAGf,IAFAswB,EAAQxvB,KAAKkwB,GAENlxB,EAAI6D,EAAG7D,IACG,MAAXgT,EAAKhT,IACTuwB,EAAOE,QAAQD,EAASxd,EAAKhT,IAG/BwwB,EAAQxvB,KAAKgwB,EACf,EAEAT,EAAOM,QAAU,SAAUL,EAASxd,GAClCwd,EAAQxvB,KAAKkwB,GAEb,IAAK,MAAMK,KAAQve,EACL,MAARue,GACJhB,EAAOE,QAAQD,EAASe,GAG1Bf,EAAQxvB,KAAKgwB,EACf,EAEA,UCtHA,SAASQ,EAAkB/e,EAAQqJ,EAAOC,GACxC,IAAI0V,EAAM,EACNvB,EAAO,EAEX,IAAK,IAAIlwB,EAAI8b,EAAO9b,EAAI+b,EAAK/b,IAAK,CAChC,MAAM2C,EAAM8P,EAAOzS,GAEnB,GAAI2C,EAAM,IAAMA,GAAO,GACrB8uB,EAAY,GAANA,GAAY9uB,EAAM,SAI1B,GAAI3C,IAAM8b,GAAiB,KAARnZ,EAAnB,CAIA,GAAI3C,IAAM8b,GAAiB,KAARnZ,EAAnB,CAKA,GAAY,KAARA,EAEF,MAGF,MAAM,IAAIf,MAAM,wBAA0B5B,EAAI,OAAS2C,EAPvD,CAFEutB,GAAQ,CAHV,CAaF,CAEA,OAAOuB,EAAMvB,CACf,CAWA,SAAStF,EAAQ5X,EAAM8I,EAAOC,EAAK+L,GACjC,OAAY,MAAR9U,GAAgC,IAAhBA,EAAK9S,OAChB,MAGY,iBAAV4b,GAAkC,MAAZgM,IAC/BA,EAAWhM,EACXA,OAAQxN,GAGS,iBAARyN,GAAgC,MAAZ+L,IAC7BA,EAAW/L,EACXA,OAAMzN,GAGRsc,EAAO9Y,SAAW,EAClB8Y,EAAO9C,SAAWA,GAAY,KAE9B8C,EAAO5X,KAASod,YAAYC,OAAOrd,GAE/B,IAAInT,WAAWmT,EAAK/R,MAAM6a,EAAOC,KADjC,QAAS/I,GAGb4X,EAAO1Q,MAAQ0Q,EAAO5X,KAAK9S,OAEpB0qB,EAAO/X,OAChB,CAEA+X,EAAO1Q,MAAQ,EACf0Q,EAAO9Y,SAAW,EAClB8Y,EAAO5X,KAAO,KACd4X,EAAO9C,SAAW,KAElB8C,EAAO/X,KAAO,WACZ,OAAQ+X,EAAO5X,KAAK4X,EAAO9Y,WACzB,KAxFqB,IAyFnB,OAAO8Y,EAAO8G,aAChB,KAzFe,IA0Fb,OAAO9G,EAAO/Y,OAChB,KA9FkB,IA+FhB,OAAO+Y,EAAO+G,UAChB,QACE,OAAO/G,EAAOnY,SAEpB,EAEAmY,EAAOgH,KAAO,SAAUC,GACtB,IAAI7xB,EAAI4qB,EAAO9Y,SACf,MAAMjO,EAAI+mB,EAAO5X,KAAK9S,OAChB6Y,EAAI6R,EAAO5X,KAEjB,KAAOhT,EAAI6D,GAAG,CACZ,GAAIkV,EAAE/Y,KAAO6xB,EAAK,OAAO7xB,EACzBA,GACF,CAEA,MAAM,IAAI4B,MACR,oCACA0N,OAAOwO,aAAa+T,GAAO,QAC3BA,EAAIC,SAAS,IAAM,IAEvB,EAEAlH,EAAO8G,WAAa,WAClB9G,EAAO9Y,WAEP,MAAM6e,EAAO,CAAC,EAEd,KAvHkB,MAuHX/F,EAAO5X,KAAK4X,EAAO9Y,WAA2B,CACnD,MAAMW,EAASmY,EAAOnY,SACtB,IAAI3I,GAAM,QAAS2I,GACf3I,EAAIioB,SAAS,OAAWjoB,GAAM,QAAQ2I,IAC1Cke,EAAK7mB,GAAO8gB,EAAO/X,MACrB,CAIA,OAFA+X,EAAO9Y,WAEA6e,CACT,EAEA/F,EAAO/Y,KAAO,WACZ+Y,EAAO9Y,WAEP,MAAMkgB,EAAM,GAEZ,KAxIkB,MAwIXpH,EAAO5X,KAAK4X,EAAO9Y,WACxBkgB,EAAIhxB,KAAK4pB,EAAO/X,QAKlB,OAFA+X,EAAO9Y,WAEAkgB,CACT,EAEApH,EAAO+G,QAAU,WACf,MAAM5V,EAAM6O,EAAOgH,KAlJD,KAmJZd,EAASU,EAAiB5G,EAAO5X,KAAM4X,EAAO9Y,SAAW,EAAGiK,GAIlE,OAFA6O,EAAO9Y,UAAYiK,EAAM,EAAI6O,EAAO9Y,SAE7Bgf,CACT,EAEAlG,EAAOnY,OAAS,WACd,IAAIwf,EAAMrH,EAAOgH,KA9JE,IA+JnB,MAAM1xB,EAASsxB,EAAiB5G,EAAO5X,KAAM4X,EAAO9Y,SAAUmgB,GACxDlW,IAAQkW,EAAM/xB,EAIpB,OAFA0qB,EAAO9Y,SAAWiK,EAEX6O,EAAO9C,UACV,QAAS8C,EAAO5X,KAAK/R,MAAMgxB,EAAKlW,IAChC6O,EAAO5X,KAAK/R,MAAMgxB,EAAKlW,EAC7B,EC1HA,SAASmW,EAAgBnxB,GAGvB,GAAa,MAATA,EAAe,OAFJ,EAIf,MAAMiE,EAAOgT,EAAQjX,GAErB,OAAQiE,GACN,IAAK,kBAAmB,OAb5B,SAA4BjE,GAC1B,MAAMb,EAASa,EAAMV,WAAaU,EAAMgwB,WACxC,OAAOd,EAAW/vB,GAAU,EAAIA,CAClC,CAUmCiyB,CAAkBpxB,GACjD,IAAK,SAAU,OAnBnB,SAAuBA,GACrB,MAAMb,GAAS,QAASa,GAAOV,WAC/B,OAAO4vB,EAAW/vB,GAAU,EAAIA,CAClC,CAgB0BkyB,CAAarxB,GACnC,IAAK,QAAS,IAAK,MAAO,OAvD9B,SAAqB8Q,GACnB,IAAI3R,EAAS,EAEb,IAAK,MAAMa,KAAS8Q,EAClB3R,GAAUgyB,EAAenxB,GAG3B,OAAOb,CACT,CA+CqCmyB,CAAWtxB,GAC5C,IAAK,SAAU,OAAO,EAAIkvB,EAAWhmB,KAAK8K,MAAMhU,IAAU,EAC1D,IAAK,SAAU,OAAO,EAAIA,EAAM+wB,WAAW5xB,OAAS,EACpD,IAAK,SAAU,OApCnB,SAAuBa,GACrB,IAAIb,EAAS,EACb,MAAM0J,EAAO5B,OAAO4B,KAAK7I,GAEzB,IAAK,IAAIf,EAAI,EAAGA,EAAI4J,EAAK1J,OAAQF,IAAK,CACpC,MAAMsyB,GAAY,QAAS1oB,EAAK5J,IAAIK,WACpCH,GAAU+vB,EAAWqC,GAAa,EAAIA,EACtCpyB,GAAUgyB,EAAenxB,EAAM6I,EAAK5J,IACtC,CAEA,OAAOE,CACT,CAyB0BqyB,CAAaxxB,GACnC,IAAK,MAAO,OAjDhB,SAAoBoI,GAClB,IAAIjJ,EAAS,EAEb,IAAK,MAAO4J,EAAK/I,KAAUoI,EAAK,CAC9B,MAAMmpB,GAAY,QAASxoB,GAAKzJ,WAChCH,GAAU+vB,EAAWqC,GAAa,EAAIA,EACtCpyB,GAAUgyB,EAAenxB,EAC3B,CAEA,OAAOb,CACT,CAuCuBsyB,CAAUzxB,GAC7B,QACE,MAAM,IAAI0L,UAAU,8BAA8BzH,MAExD,CAEA,MC1DA,GAAiBurB,OAAM,SFkKvB,EElK+B,WD0D/B,EC1D2C,eD0D3C,E,iBE9DA,SAASkC,EAAYC,GACjB,OAAQA,GAAgB,GAAKvrB,OAAOurB,EAAe,GAAM,EAC7D,C,iBACe,MAAMC,EAEjB,UAAIzyB,GACA,OAAOoB,KAAKmR,OAAOvS,QAAU,CACjC,CAOA,WAAAkB,CAAY4R,EAAO,EAAGqG,GAClB,MAAMuZ,EAAOvZ,aAAyC,EAASA,EAAQuZ,KACvEtxB,KAAKsxB,KAAOA,EACNzrB,OAAOqS,SAASoZ,GACZH,EAAYG,GACZA,EACJ,EACNtxB,KAAKmR,OACe,iBAATO,EAAoB,IAAInT,WAAW4yB,EAAYzf,IAASA,CACvE,CAOA,GAAAtR,CAAImxB,GACA,MAAMC,EAAYD,GAAY,EAC9B,OAAQC,EAAYxxB,KAAKmR,OAAOvS,WACzBoB,KAAKmR,OAAOqgB,GAAc,KAAOD,EAAW,EACvD,CASA,GAAAzyB,CAAIyyB,EAAU9xB,GAAQ,GAClB,MAAM+xB,EAAYD,GAAY,EAC9B,GAAI9xB,EAAO,CACP,GAAI+xB,GAAaxxB,KAAKmR,OAAOvS,OAAQ,CACjC,MAAM6yB,EAAY9oB,KAAK2M,IAAIkc,EAAY,EAAG7oB,KAAKwM,IAAI,EAAInV,KAAKmR,OAAOvS,OAAQoB,KAAKsxB,OAChF,GAAIG,GAAazxB,KAAKsxB,KAAM,CACxB,MAAMI,EAAY,IAAInzB,WAAWkzB,GACjCC,EAAU5yB,IAAIkB,KAAKmR,QACnBnR,KAAKmR,OAASugB,CAClB,CACJ,CACA1xB,KAAKmR,OAAOqgB,IAAc,KAAOD,EAAW,CAChD,MACSC,EAAYxxB,KAAKmR,OAAOvS,SAC7BoB,KAAKmR,OAAOqgB,MAAgB,KAAOD,EAAW,GAEtD,CAOA,MAAAI,CAAOC,EAAOnzB,EAAS,GACnB,MAAMozB,EAAelpB,KAAKwM,IAAIgc,EAAY1yB,EAASmzB,EAAMhzB,QAASoB,KAAKsxB,MACvE,GAAItxB,KAAKmR,OAAOvS,OAASizB,EAAc,CACnC,MAAMH,EAAY,IAAInzB,WAAWszB,GACjCH,EAAU5yB,IAAIkB,KAAKmR,QACnBnR,KAAKmR,OAASugB,CAClB,CACA,IAAIF,EAAY/yB,GAAU,EACtBqzB,EAAU,KAAOrzB,EAAS,EAC9B,IAAK,IAAI+B,EAAQ,EAAGA,EAAQoxB,EAAMhzB,OAAQ4B,IAOtC,GANIoxB,EAAMpxB,GACNR,KAAKmR,OAAOqgB,IAAcM,EAG1B9xB,KAAKmR,OAAOqgB,KAAeM,EAEf,IAAZA,EAAe,CAEf,GADAN,GAAa,EACTA,GAAaxxB,KAAKmR,OAAOvS,OACzB,MAEJkzB,EAAU,GACd,MAEIA,IAAY,CAGxB,CAQA,OAAAvpB,CAAQwpB,EAAYvX,EAAQ,EAAGC,EAA2B,EAArBza,KAAKmR,OAAOvS,QAC7C,IAAI4yB,EAAYhX,GAAS,EACrBsX,EAAU,KAAOtX,EAAQ,EAC7B,IAAK,IAAI+W,EAAW/W,EAAO+W,EAAW9W,EAAK8W,IACvCQ,KAAc/xB,KAAKmR,OAAOqgB,GAAaM,GAAUP,GACjC,IAAZO,GACAN,GAAa,EACbM,EAAU,KAGVA,IAAY,CAGxB,CAMA,OAAAjgB,GACI,IAAK,IAAInT,EAAI,EAAGA,EAAIsB,KAAKmR,OAAOvS,OAAQF,IACpC,GAAuB,IAAnBsB,KAAKmR,OAAOzS,GACZ,OAAO,EAGf,OAAO,CACX,E,+HC1HJ,MAAMoG,EAAQ,EAAM,uBAMdktB,GAAmB,QAAS,wBAC5BC,EAAqB,IAAI1zB,WAAW,CAAC,EAAM,EAAM,EAAM,IACvD2zB,EAAgB,IAAI3zB,WAAW,CAAC,EAAM,EAAM,EAAM,EAAM,IACxD4zB,EAAkB,IAAI5zB,WAAW,CAAC,EAAM,EAAM,EAAM,EAAM,IAC1D6zB,EAAqB,IAAI7zB,WAAW,CAAC,EAAM,EAAM,EAAM,EAAM,IAC7D8zB,EAAuB,IAAI9zB,WAAW,CAAC,EAAM,EAAM,EAAM,EAAM,IAE/D+zB,EAAmB,CAAC,EAAM,EAAM,EAAM,EAAM,EAAM,EAAM,EAAM,GAC9DC,EAAe,CAAC,EAAM,EAAM,EAAM,EAAM,EAAM,EAAM,GAGpDC,EAAmB,IAAIj0B,WAAW,CAAC,EAAM,EAAM,EAAM,EAAM,KAC3Dk0B,EAAoB,IAAIl0B,WAAW,CAAC,EAAM,EAAM,EAAM,EAAM,KAI5Dm0B,EAAK,IAAIn0B,WAAW,CAAC,EAAM,EAAM,EAAM,EAAM,EAAM,EAAM,EAAM,IAC/Do0B,EAAiB,IAAIp0B,WAAW,CAAC,EAAM,EAAM,EAAM,IACnDq0B,EAAgB,IAAIr0B,WAAW,CAAC,EAAM,EAAM,EAAM,IAExD,SAASs0B,EAAKjY,EAAGpc,GACf,IAAK,IAAIoC,EAAMga,EAAEhc,OAAQgC,KAAQga,EAAEha,IAAQpC,EAAEoC,GAC7C,OAAOga,CACT,CAEA,MAAMkY,EACJ,WAAAhzB,CAAaizB,EAAOt0B,EAAQG,EAAQqK,GAClCjJ,KAAK+yB,MAAQA,EACb/yB,KAAKvB,OAASA,EACduB,KAAKpB,OAASA,EACdoB,KAAKiJ,SAAWA,CAClB,EAGF,MAAM+pB,EACJ,WAAAlzB,GACEE,KAAKmR,OAAS,IAAI5S,UACpB,CAEA,GAAA6B,CAAKI,GACH,OAAO,CACT,CAEA,GAAA1B,CAAK0B,GAAQ,EAGf,MAAMyyB,UAAa,EAAAlL,OACjB,WAAAjoB,CAAa4D,EAAO,KAAMmnB,EAAU,EAAGqI,GAAY,GACjDxU,QAEA1e,KAAKmzB,UAAW,SAAQ,QAAY,IACpCnzB,KAAKozB,OAAO,YAEZpzB,KAAK2rB,OAAS,KACd3rB,KAAKqzB,aAAe,KACpBrzB,KAAK0D,KAAOA,EAEZ1D,KAAKszB,WAAY,EACjBtzB,KAAKuzB,cAAe,EAEpBvzB,KAAKwzB,aAAc,EACnBxzB,KAAKyzB,gBAAiB,EAKtBzzB,KAAK0zB,WAAa,IAAI,IAAS,EAAG,CAAEpC,KAtElB,MAwElBtxB,KAAK8W,WAAa,CAAC,EACnB9W,KAAK2zB,eAAiB,CAAC,EAEvB3zB,KAAK4zB,SAAW,GAChB5zB,KAAK6zB,aAAe,GAEpB7zB,KAAK8zB,gBAAkB,CAAC,EACxB9zB,KAAK+zB,oBAAsB,CAAC,EAI5B/zB,KAAKg0B,kBAAoB,CAAC,EAE1Bh0B,KAAKi0B,sBAAwB,CAAC,EAG9Bj0B,KAAKk0B,SAAU,EACfl0B,KAAKm0B,eAAiB,GACtBn0B,KAAKo0B,mBAAqB,GAE1Bp0B,KAAKq0B,KAAO,CAAC,EACbr0B,KAAKs0B,SAAW,EAEhBt0B,KAAKu0B,SAAW,EAChBv0B,KAAKw0B,WAAa,EAClBx0B,KAAKy0B,YAAc,IACnBz0B,KAAK00B,cAAgB,IAErB10B,KAAK20B,mBAAqB,KAC1B30B,KAAK40B,SAAW,KAChB50B,KAAK60B,WAAa,EAClB70B,KAAK80B,kBAAoB,KAEzB90B,KAAK+0B,WAAY,EAEjB/0B,KAAKg1B,YAAc,EACnBh1B,KAAKi1B,QAAU,KAEfj1B,KAAKk1B,QAAU,GACfl1B,KAAKm1B,YAAc,EAEnBn1B,KAAKo1B,WAAalC,EACdA,GACFlzB,KAAKq1B,IAAM,sBAjGA,mMAiGqC,MAhGjC,GAiGfr1B,KAAKs1B,UAAYt1B,KAAKq1B,IAAIE,aAAa,QAEvCv1B,KAAKs1B,UAAY,KAEnBt1B,KAAKw1B,YAAc,KACnBx1B,KAAKy1B,cAAgB,KACrBz1B,KAAK01B,mBAAqB,GAC1B11B,KAAK21B,sBAAuB,EAE5B31B,KAAK41B,mBAAqB,KAC1B51B,KAAK61B,cAAgB,KACrB71B,KAAK81B,kBAAoB,KACzB91B,KAAK+1B,kBAAoB,KACzB/1B,KAAKg2B,kBAAoB,KACzBh2B,KAAKi2B,gBAAiB,EAEtBj2B,KAAK6I,KAAK,UAAU,IAAM7I,KAAKk2B,cAE/Bl2B,KAAKsK,GAAG,SAAUtK,KAAKk2B,WACvBl2B,KAAKozB,OAAO,QAASpzB,KAAK0D,MAER,gBAAd1D,KAAK0D,MAA0B1D,KAAKo1B,WAGtCp1B,KAAKm2B,0BACkB,gBAAdn2B,KAAK0D,MAA0B1D,KAAKo1B,YAA0B,IAAZvK,EAC3D7qB,KAAKo2B,YAELp2B,KAAKq2B,gBAAgB,KAEzB,CAMA,YAAAC,CAAcxuB,GACZ9H,KAAKozB,OAAO,kBAAmBtrB,GAC/ByuB,cAAcv2B,KAAK20B,qBACJ,IAAX7sB,IACJ9H,KAAK20B,mBAAqB6B,aAAY,KACpCx2B,KAAKy2B,WAAU,GA5JM,MA8JzB,CAOA,UAAAjiB,CAAYzO,EAAIwnB,GACdvtB,KAAKozB,OAAO,4BAA6BrtB,EAAIwnB,GAC7CvtB,KAAK60B,WAAa9uB,EAClB/F,KAAK02B,gBAAkBnJ,EACvBvtB,KAAK22B,eAAc,EACrB,CAEA,OAAAv1B,GACE,IAAIpB,KAAKmK,UAGT,OAFAnK,KAAKozB,OAAO,WACZpzB,KAAKya,MACEza,IACT,CAEA,GAAAya,CAAK/I,GACH,IAAI1R,KAAKmK,YAAanK,KAAKomB,WAI3B,OAHApmB,KAAKozB,OAAO,OACZpzB,KAAK42B,kBACL52B,KAAK62B,WACEnY,MAAMjE,IAAI/I,EACnB,CAMA,GAAAolB,CAAKC,GACH,MAAM3uB,EAAO2uB,EAAUzrB,UAAUlD,KACjC,IAAKA,EACH,MAAM,IAAI9H,MAAM,+DAElBN,KAAKozB,OAAO,wBAAyBhrB,GAErC,MAAM4O,EAAMhX,KAAKs0B,SACX9kB,EAAU,IAAIunB,EAAU/2B,MAE9B,SAAS8I,IAAS,CAEiB,mBAAxB0G,EAAQoc,cACjBpc,EAAQoc,YAAc9iB,GAEmB,mBAAhC0G,EAAQwnB,sBACjBxnB,EAAQwnB,oBAAsBluB,GAEC,mBAAtB0G,EAAQynB,YACjBznB,EAAQynB,UAAYnuB,GAGtB9I,KAAK8zB,gBAAgB9c,GAAO5O,EAC5BpI,KAAKq0B,KAAKjsB,GAAQoH,EAClBxP,KAAKoI,GAAQoH,EAEbxP,KAAKs0B,UAAY,CACnB,CASA,SAAAmC,GACEz2B,KAAKozB,OAAO,cACZpzB,KAAKk3B,MAAMjF,EACb,CAEA,OAAAlG,GACE,GAAI/rB,KAAKo1B,WAAY,CACnB,MAAM+B,EAAUxuB,KAAK8K,MAAsB,IAAhB9K,KAAKwR,UAC1Bid,GAAO,QAAYD,GACzBn3B,KAAKk3B,OAAM,QAAO,EAAC,QAAQl3B,KAAKs1B,WAAY8B,IAC9C,CACF,CAEA,OAAAnL,GACE,MAAMoL,EAAU1uB,KAAK8K,MAAsB,IAAhB9K,KAAKwR,UAC1Bmd,GAAO,QAAYD,GACzBr3B,KAAKk3B,OAAM,QAAO,EAAC,QAAQl3B,KAAKs1B,WAAYgC,IAC9C,CAEA,aAAMpL,CAASR,SACP1rB,KAAKu3B,WAAWv3B,KAAKy1B,cAAe/J,GAE1C,MAAM8L,QAAoB,SAAK,QAAQx3B,KAAKy3B,UAAU,QAAUz3B,KAAKy1B,gBAI/DiC,EAAkB7E,QAFE,SAAK,QAAQ7yB,KAAKy3B,UAAU,QAAU/L,UACtC,SAAK,QAAQ1rB,KAAKy3B,UAAU,QAAUz3B,KAAKy1B,iBAG/DkC,EAAU,IAAIC,UAAS,QAAY,GAAGzmB,QAAQ0mB,UAAU,GAAK,IAC7DC,GAAa,QAAYH,GAE/B,IAAII,EAAqB,IAAIx5B,WAAW,GAAYo5B,EAAU,GAC9DI,EAAmBj5B,IAAI4zB,GACvBqF,EAAmBj5B,IAAI6zB,EAAgB,GAEvC,MAAMqF,EAAO,IAAIJ,SAASG,EAAmB5mB,QAE7C6mB,EAAKC,SAAS,GAAIN,GAClBG,EAAW5oB,KAAK6oB,EAAoB,IACpCC,EAAKC,SAAS,GAAKN,EAAS,GAC5BI,EAAqB/3B,KAAKk4B,kBAAkBH,GAE5C/3B,KAAKk3B,OAAM,QAAO,CAACM,EAAaE,EAAiBK,IACnD,CAEA,aAAM3L,CAASV,SACP1rB,KAAKu3B,WAAWv3B,KAAKy1B,cAAe/J,GAE1C,MAAMyM,EAAU,IAAIP,UAAS,QAAY,GAAGzmB,QAAQ0mB,UAAU,GAAK,IAC7DO,GAAa,QAAYD,GAC/B,IAAIE,EAAoB,IAAI95B,WAAW,GAAY45B,GACnD,MAAMH,EAAO,IAAIJ,SAASS,EAAkBlnB,QAE5CknB,EAAkBv5B,IAAI4zB,GACtB2F,EAAkBv5B,IAAI8zB,EAAe,GACrCoF,EAAKC,SAAS,GAAIE,GAClBE,EAAkBv5B,IAAIs5B,EAAY,IAClCC,EAAoBr4B,KAAKk4B,kBAAkBG,GAC3Cr4B,KAAKk3B,MAAMmB,GACXr4B,KAAK21B,sBAAuB,EAC5B31B,KAAKozB,OAAO,6BACd,CAQA,SAAApH,CAAWN,EAAUC,EAAQ7U,GAC3B,IAAIwhB,EACAjF,EAiBJ,GAhBwB,iBAAb3H,GACTA,EAAWA,EAAS7nB,cACpBy0B,GAAiB,QAAQ5M,KAEzB4M,EAAiB5M,EACjBA,GAAW,QAAQ4M,IAEC,iBAAX3M,EACT0H,GAAe,QAAQ1H,IAEvB0H,EAAe1H,EACfA,GAAS,QAAQ0H,IAGnBrzB,KAAKu4B,UAAYD,EAEa,KAA1BA,EAAe15B,QAAyC,KAAxBy0B,EAAaz0B,OAC/C,MAAM,IAAI0B,MAAM,2CAGlBN,KAAKozB,OAAO,8BAA+B1H,EAAUC,EAAQ7U,GAE7D,MAAM0hB,EAAW,IAAIj6B,WAAW+zB,GAEhCtyB,KAAK8W,WAAa,CAChB2hB,UAAU,EACV3L,OAAQhW,IAAcA,EAAWgW,KACjCG,QAASnW,IAAcA,EAAWmW,OAGpCuL,EAAS,IAAM,GACXx4B,KAAK8W,WAAWgW,MAAK0L,EAAS,IAAM,GACpCx4B,KAAK8W,WAAWmW,OAAMuL,EAAS,IAAM,GAGrCx4B,KAAK8W,WAAWmW,MAAQjtB,KAAK2zB,eAAe1G,OAC9CjtB,KAAKozB,OAAO,6BACZpzB,KAAKk0B,SAAU,GAEjBl0B,KAAKk3B,OAAM,QAAO,CAAClF,EAAkBwG,EAAUF,EAAgBjF,KAC/DrzB,KAAK04B,gBAAiB,EAElB14B,KAAK2zB,eAAe8E,WAAaz4B,KAAK24B,wBAGxC34B,KAAK44B,wBAET,CAQA,sBAAAA,GAEE,MAAMC,EAAMnyB,OAAOqE,OAAO,CAAC,EAAG/K,KAAKg0B,mBACnC6E,EAAI/0B,EAAI,CAAC,EACT,IAAK,MAAMkT,KAAOhX,KAAK8zB,gBAAiB,CACtC,MAAM1rB,EAAOpI,KAAK8zB,gBAAgB9c,GAClC6hB,EAAI/0B,EAAEsE,GAAQvC,OAAOmR,EACvB,CAGAhX,KAAKy4B,SAAS,EAAG,IAAQxJ,OAAO4J,IAChC74B,KAAK24B,wBAAyB,CAChC,CAKA,KAAAG,GACE,IAAI94B,KAAKszB,UAKT,GAJAtzB,KAAKszB,WAAY,EACjBtzB,KAAKozB,OAAO,SACZpzB,KAAKk3B,MAAMhF,GAEPlyB,KAAKk0B,QAAS,CAGhB,IAAI6E,EAAe,EACnB,KAAO/4B,KAAK6zB,aAAaj1B,OAASm6B,GAAc,CAC9C,MAAMC,EAAUh5B,KAAK6zB,aAAakF,GAC9B/4B,KAAKm0B,eAAe1D,SAASuI,EAAQjG,SACrCgG,EAEF/4B,KAAKqf,OAAO2Z,EAAQjG,MAAOiG,EAAQv6B,OAAQu6B,EAAQp6B,OAEvD,CACF,MACE,KAAOoB,KAAK6zB,aAAaj1B,QACvBoB,KAAK6zB,aAAaljB,KAGxB,CAKA,OAAAsoB,GACOj5B,KAAKszB,YACVtzB,KAAKszB,WAAY,EACjBtzB,KAAKozB,OAAO,WACZpzB,KAAKk3B,MAAM/E,GACb,CAKA,UAAA+G,GACMl5B,KAAKuzB,eACTvzB,KAAKuzB,cAAe,EACpBvzB,KAAKozB,OAAO,cACZpzB,KAAKk3B,MAAM9E,GACb,CAKA,YAAA+G,GACOn5B,KAAKuzB,eACVvzB,KAAKuzB,cAAe,EACpBvzB,KAAKozB,OAAO,gBACZpzB,KAAKk3B,MAAM7E,GACb,CAMA,IAAA+G,CAAM54B,GACJR,KAAKozB,OAAO,UAAW5yB,GACvBR,KAAKq5B,SAAS,EAAG,CAAC74B,GAAQ,KAC5B,CAMA,QAAA84B,CAAUA,GACRt5B,KAAKozB,OAAO,YACPtE,YAAYC,OAAOuK,KAAWA,EAAWA,EAASnoB,QACvDnR,KAAKq5B,SAAS,EAAG,GAAIC,EACvB,CASA,OAAAN,CAASx4B,EAAO/B,EAAQG,EAAQ8B,GAE9B,OADKA,IAAIA,EAAK,QACVV,KAAK+0B,UAAkBr0B,EAAG,IAAIJ,MAAM,oBAEpCN,KAAKwzB,aAAiBxzB,KAAKk0B,SAAWl0B,KAAKo0B,mBAAmB3D,SAASjwB,IAI3ER,KAAKozB,OAAO,uCAAwC5yB,EAAO/B,EAAQG,GAEnEoB,KAAK4zB,SAASl0B,KAAK,IAAIozB,EAAQtyB,EAAO/B,EAAQG,EAAQ8B,IACjDV,KAAK40B,UACR50B,KAAK22B,eAAc,QAErB32B,KAAKq5B,SAAS,EAAG,CAAC74B,EAAO/B,EAAQG,GAAS,OATjC8B,EAAG,IAAIJ,MAAM,mBAUxB,CAQA,KAAAyyB,CAAOvyB,EAAO/B,EAAQ0S,GACpBnR,KAAKozB,OAAO,2BAA4B5yB,EAAO/B,GAC/CuB,KAAKq5B,SAAS,EAAG,CAAC74B,EAAO/B,GAAS0S,GAClCnR,KAAKu0B,UAAYpjB,EAAOvS,OACxBoB,KAAKy0B,YAAYtjB,EAAOvS,QACxBoB,KAAK8N,KAAK,SAAUqD,EAAOvS,OAC7B,CAQA,MAAA8T,CAAQlS,EAAO/B,EAAQG,GACrBoB,KAAKozB,OAAO,sCAAuC5yB,EAAO/B,EAAQG,GAClEoB,KAAKu5B,UACHv5B,KAAKw5B,MAAMx5B,KAAK4zB,SAAUpzB,EAAO/B,EAAQG,GACzC,IAAI0B,MAAM,yBACV,MAEFN,KAAKq5B,SAAS,EAAG,CAAC74B,EAAO/B,EAAQG,GAAS,KAC5C,CAMA,IAAA66B,CAAMA,GACJz5B,KAAKozB,OAAO,UAAWqG,GACvB,MAAMr0B,EAAU,IAAI7G,WAAWg0B,GAClB,IAAIqF,SAASxyB,EAAQ+L,QAC7BuoB,UAAU,EAAGD,GAClBz5B,KAAKk3B,MAAM9xB,EACb,CAMA,OAAAu0B,CAASn5B,GACP,IAAKR,KAAKk0B,QAAS,MAAM5zB,MAAM,8BAC/BN,KAAKozB,OAAO,aAAc5yB,GAC1BR,KAAKq5B,SAAS,GAAM,CAAC74B,GAAQ,KAC/B,CAKA,OAAAo5B,GACE,IAAK55B,KAAKk0B,QAAS,MAAM5zB,MAAM,8BAC/BN,KAAKozB,OAAO,YACZpzB,KAAKk3B,MAAM1E,EACb,CAKA,QAAAqH,GACE,IAAK75B,KAAKk0B,QAAS,MAAM5zB,MAAM,8BAC/BN,KAAKozB,OAAO,aACZpzB,KAAKk3B,MAAMzE,EACb,CAQA,MAAApT,CAAQ7e,EAAO/B,EAAQG,GACrB,IAAKoB,KAAKk0B,QAAS,MAAM5zB,MAAM,8BAC/BN,KAAKozB,OAAO,sCAAuC5yB,EAAO/B,EAAQG,GAClEoB,KAAKw5B,MAAMx5B,KAAK6zB,aAAcrzB,EAAO/B,EAAQG,GAC7CoB,KAAKq5B,SAAS,GAAM,CAAC74B,EAAO/B,EAAQG,GAAS,KAC/C,CAMA,WAAAk7B,CAAat5B,GACX,IAAKR,KAAKk0B,QAAS,MAAM5zB,MAAM,8BAC/BN,KAAKozB,OAAO,kBAAmB5yB,GAC1BR,KAAKm0B,eAAe1D,SAASjwB,IAAQR,KAAKm0B,eAAez0B,KAAKc,GACnER,KAAKq5B,SAAS,GAAM,CAAC74B,GAAQ,KAC/B,CAOA,QAAAi4B,CAAUzhB,EAAKhM,GAKb,GAJAhL,KAAKozB,OAAO,kBAAmBpc,GACZ,iBAARA,GAAoBhX,KAAK+zB,oBAAoB/c,KACtDA,EAAMhX,KAAK+zB,oBAAoB/c,IAEd,iBAARA,EAMT,MAAM,IAAI1W,MAAM,2BAA2B0W,KANhB,CAC3B,MAAM+iB,EAAQ,IAAIx7B,WAAW,CAACyY,IACxBvW,EAAMquB,YAAYC,OAAO/jB,GAAOA,EAAM,IAAQikB,OAAOjkB,GAE3DhL,KAAKq5B,SAAS,GAAI,IAAI,QAAO,CAACU,EAAOt5B,IACvC,CAGF,CAUA,gBAAM82B,CAAYyC,EAActO,GAC9B,IAAIuO,EACAC,EACAC,EACAC,EACJ,OAAQp6B,KAAK0D,MACX,IAAK,cACHu2B,QAAsB,SAAK,QAAQj6B,KAAKy3B,UAAU,QAAUuC,EAAetO,IAC3EyO,QAAsB,SAAK,QAAQn6B,KAAKy3B,UAAU,QAAUuC,EAAetO,IAC3EwO,EAAqB,GACrB,IAAK,MAAMz6B,KAASw6B,EAAcI,SAChCH,EAAmBx6B,KAAKD,GAE1B26B,EAAqB,GACrB,IAAK,MAAM36B,KAAS06B,EAAcE,SAChCD,EAAmB16B,KAAKD,GAE1BO,KAAK+1B,kBAAoB,IAAI,EAAImE,GACjCl6B,KAAKg2B,kBAAoB,IAAI,EAAIoE,GACjC,MACF,IAAK,cACHH,QAAsB,SAAK,QAAQj6B,KAAKy3B,UAAU,QAAUuC,EAAetO,IAC3EyO,QAAsB,SAAK,QAAQn6B,KAAKy3B,UAAU,QAAUuC,EAAetO,IAC3EwO,EAAqB,GACrB,IAAK,MAAMz6B,KAASw6B,EAAcI,SAChCH,EAAmBx6B,KAAKD,GAE1B26B,EAAqB,GACrB,IAAK,MAAM36B,KAAS06B,EAAcE,SAChCD,EAAmB16B,KAAKD,GAE1BO,KAAK+1B,kBAAoB,IAAI,EAAImE,GACjCl6B,KAAKg2B,kBAAoB,IAAI,EAAIoE,GACjC,MACF,QACE,OAAO,EAIX,IAAK,IAAI17B,EAAI,EAAGA,EAAI,KAAMA,IACxBsB,KAAK+1B,kBAAkB/Z,aACvBhc,KAAKg2B,kBAAkBha,aAIzB,OADAhc,KAAKi2B,gBAAiB,GACf,CACT,CAKA,QAAAoD,CAAUhP,EAAIiQ,EAAS5oB,GACrB,MAAM6oB,EAAa7oB,EAAOA,EAAK9S,OAAS,EAClCuS,EAAS,IAAI5S,WAAW,EAAK,EAAI+7B,EAAQ17B,QACzCo5B,EAAO,IAAIJ,SAASzmB,EAAOA,QAEjC6mB,EAAKwC,UAAU,EAAGrpB,EAAOvS,OAAS27B,EAAa,GAC/CppB,EAAO,GAAKkZ,EACZ,IAAK,IAAI3rB,EAAI,EAAGA,EAAI47B,EAAQ17B,OAAQF,IAClCs5B,EAAKwC,UAAU,EAAK,EAAI97B,EAAI47B,EAAQ57B,IAGtCsB,KAAKk3B,MAAM/lB,GACPO,GAAM1R,KAAKk3B,MAAMxlB,EACvB,CAEA,KAAAwlB,CAAOxlB,GACL,IAAI1R,KAAK+0B,UAIT,OAH+B,IAA3B/0B,KAAK81B,mBAA2B91B,KAAK21B,uBACvCjkB,EAAO1R,KAAKy6B,SAAS/oB,IAEhB1R,KAAKN,KAAKgS,EACnB,CAMA,YAAAgpB,GACE16B,KAAKozB,OAAO,kBACZpzB,KAAK8N,KAAK,aACZ,CAEA,MAAA6sB,CAAQC,GACN56B,KAAKw1B,aAAc,QAAQoF,GAC3B56B,KAAKy1B,cAAgBz1B,KAAKq1B,IAAIwF,cAAc76B,KAAKw1B,YAAa,MAAO,OACrEx1B,KAAK8N,KAAK,MACZ,CAEA,MAAAgtB,CAAQF,GACN56B,KAAKw1B,aAAc,QAAQoF,GAC3B56B,KAAKy1B,cAAgBz1B,KAAKq1B,IAAIwF,cAAc76B,KAAKw1B,YAAa,MAAO,OACrEx1B,KAAK8N,KAAK,MACZ,CAEA,YAAMitB,CAAQrD,GACZ,MAAMsD,QAAe,QAAQh7B,KAAKy3B,UAAU,QAAUz3B,KAAKy1B,eACrDwF,GAAW,QAAQpI,EAAImI,EAAOtD,IACpC13B,KAAK8N,KAAK,MAAOmtB,EACnB,CAEA,eAAAC,CAAiBC,EAAUC,GACzB,KAAK,QAAMD,EAAUzI,GAGnB,OAFA1yB,KAAKozB,OAAO,mDACZpzB,KAAKoB,UAIP,IAAK,MAAMi6B,KAAeD,EAAkBf,SACtB,IAAhBgB,GACFr7B,KAAK01B,mBAAmBh2B,KAAK27B,GAG7Br7B,KAAK01B,mBAAmBjF,SAAS,GACnCzwB,KAAK81B,kBAAoB,GAEzB91B,KAAKozB,OAAO,qDACZpzB,KAAKoB,UAET,CAEA,MAAAk6B,CAAQC,GACNv7B,KAAK81B,kBAAoByF,EAAiB,GACrC5I,EAAelC,SAASzwB,KAAK81B,qBAChC91B,KAAKozB,OAAO,8CACZpzB,KAAKoB,WAEPpB,KAAK21B,sBAAuB,EAC5B31B,KAAKozB,OAAO,yBACZpzB,KAAK8N,KAAK,MACZ,CAEA,YAAA0tB,CAAclD,EAAgBjF,EAAcvc,GAC1C,MAAM4U,GAAW,QAAQ4M,GACnB3M,GAAS,QAAQ0H,GAEvBrzB,KAAKozB,OAAO,kCAAmC1H,EAAUC,EAAQ7U,GAEjE9W,KAAK2rB,OAASA,EACd3rB,KAAKqzB,aAAeA,EACpBrzB,KAAK2zB,eAAiB7c,EAGlB9W,KAAK8W,WAAWmW,MAAQjtB,KAAK2zB,eAAe1G,OAC9CjtB,KAAKozB,OAAO,6BACZpzB,KAAKk0B,SAAU,GAGjBl0B,KAAK8N,KAAK,YAAa4d,EAAUC,EAAQ7U,GAEzC,IAAK,MAAM1O,KAAQpI,KAAKq0B,KACtBr0B,KAAKq0B,KAAKjsB,GAAMwjB,YAAYF,EAAUC,EAAQ7U,GAG5CA,EAAW2hB,UAAYz4B,KAAK04B,iBAC3B14B,KAAK24B,wBAER34B,KAAK44B,wBAET,CAEA,QAAA/B,GAIE,GAHA72B,KAAKwzB,aAAc,EACnBxzB,KAAKozB,OAAO,aACZpzB,KAAK8N,KAAK,UACL9N,KAAKk0B,QAER,KAAOl0B,KAAK4zB,SAASh1B,QACnBoB,KAAKu5B,UAAUv5B,KAAK4zB,SAASjjB,MAAO,IAAIrQ,MAAM,mBAAoB,KAGxE,CAEA,UAAAm7B,GACEz7B,KAAKwzB,aAAc,EACnBxzB,KAAKozB,OAAO,eACZpzB,KAAK8N,KAAK,UACZ,CAEA,aAAA4tB,GACE17B,KAAKyzB,gBAAiB,EACtBzzB,KAAKozB,OAAO,kBACZpzB,KAAK8N,KAAK,aACZ,CAEA,eAAA8oB,GACE52B,KAAKyzB,gBAAiB,EACtBzzB,KAAKozB,OAAO,oBACZpzB,KAAK8N,KAAK,eACZ,CAEA,OAAA6tB,CAASn7B,GACHR,KAAK0zB,WAAWtzB,IAAII,KACxBR,KAAKozB,OAAO,cAAe5yB,GAE3BR,KAAK0zB,WAAW50B,IAAI0B,GAAO,GAC3BR,KAAK8N,KAAK,OAAQtN,GACpB,CAEA,WAAAo7B,CAAazqB,GACXnR,KAAK0zB,WAAa,IAAI,IAASviB,GAC/BnR,KAAKozB,OAAO,gBACZpzB,KAAK8N,KAAK,WAAY9N,KAAK0zB,WAC7B,CAEA,UAAAmI,CAAYr7B,EAAO/B,EAAQG,GACzB,GAAIoB,KAAKszB,aAAetzB,KAAKk0B,UAAWl0B,KAAKm0B,eAAe1D,SAASjwB,IAInE,YADIR,KAAKk0B,SAASl0B,KAAKqf,OAAO7e,EAAO/B,EAAQG,IAG/CoB,KAAKozB,OAAO,2CAA4C5yB,EAAO/B,EAAQG,GAEvE,MAAMk9B,EAAU,CAAC/6B,EAAKoQ,KACpB,GAAI6nB,IAAYh5B,KAAKw5B,MAAMx5B,KAAK6zB,aAAcrzB,EAAO/B,EAAQG,GAC7D,OAAImC,GACFf,KAAKozB,OAAO,6DAA8D5yB,EAAO/B,EAAQG,EAAQmC,EAAIqE,cACjGpF,KAAKk0B,SAASl0B,KAAKqf,OAAO7e,EAAO/B,EAAQG,UAG/CoB,KAAK+yB,MAAMvyB,EAAO/B,EAAQ0S,EAAM,EAG5B6nB,EAAU,IAAIlG,EAAQtyB,EAAO/B,EAAQG,EAAQk9B,GACnD97B,KAAK6zB,aAAan0B,KAAKs5B,GACvBh5B,KAAK8N,KAAK,UAAWtN,EAAO/B,EAAQG,EAAQk9B,EAC9C,CAEA,QAAAC,CAAUv7B,EAAO/B,EAAQ0S,GACvBnR,KAAKozB,OAAO,+BAAgC5yB,EAAO/B,GACnDuB,KAAKu5B,UAAUv5B,KAAKw5B,MAAMx5B,KAAK4zB,SAAUpzB,EAAO/B,EAAQ0S,EAAOvS,QAAS,KAAMuS,GAC9EnR,KAAKw0B,YAAcrjB,EAAOvS,OAC1BoB,KAAK00B,cAAcvjB,EAAOvS,QAC1BoB,KAAK8N,KAAK,WAAYqD,EAAOvS,QAC7BoB,KAAK8N,KAAK,QAAStN,EAAO/B,EAAQ0S,EACpC,CAEA,SAAA6qB,CAAWx7B,EAAO/B,EAAQG,GACxBoB,KAAKozB,OAAO,0CAA2C5yB,EAAO/B,EAAQG,GACtEoB,KAAKw5B,MAAMx5B,KAAK6zB,aAAcrzB,EAAO/B,EAAQG,GAC7CoB,KAAK8N,KAAK,SAAUtN,EAAO/B,EAAQG,EACrC,CAEA,OAAAq9B,CAASxC,GACPz5B,KAAKozB,OAAO,cAAeqG,GAC3Bz5B,KAAK8N,KAAK,OAAQ2rB,EACpB,CAEA,UAAAyC,CAAY17B,GACV,IAAKR,KAAKk0B,QAIR,OAFAl0B,KAAKozB,OAAO,8DACZpzB,KAAKoB,UAGPpB,KAAKozB,OAAO,iBAAkB5yB,GAC9BR,KAAK8N,KAAK,UAAWtN,EACvB,CAEA,UAAA27B,GACE,IAAKn8B,KAAKk0B,QAIR,OAFAl0B,KAAKozB,OAAO,+DACZpzB,KAAKoB,UAGPpB,KAAKozB,OAAO,gBACZpzB,KAAK0zB,WAAa,IAAIV,EACtBhzB,KAAK8N,KAAK,WACZ,CAEA,WAAAsuB,GACE,IAAKp8B,KAAKk0B,QAIR,OAFAl0B,KAAKozB,OAAO,gEACZpzB,KAAKoB,UAGPpB,KAAKozB,OAAO,iBACZpzB,KAAK8N,KAAK,YACZ,CAEA,SAAAuuB,CAAW77B,EAAO/B,EAAQG,GACxB,IAAKoB,KAAKk0B,QAIR,OAFAl0B,KAAKozB,OAAO,6DACZpzB,KAAKoB,UAGPpB,KAAKozB,OAAO,0CAA2C5yB,EAAO/B,EAAQG,GACtEoB,KAAKu5B,UACHv5B,KAAKw5B,MAAMx5B,KAAK4zB,SAAUpzB,EAAO/B,EAAQG,GACzC,IAAI0B,MAAM,wBACV,MAEFN,KAAK8N,KAAK,SAAUtN,EAAO/B,EAAQG,EACrC,CAEA,cAAA09B,CAAgB97B,GACd,IAAKR,KAAKk0B,QAIR,OAFAl0B,KAAKozB,OAAO,mEACZpzB,KAAKoB,UAGPpB,KAAKozB,OAAO,sBAAuB5yB,GAC9BR,KAAKo0B,mBAAmB3D,SAASjwB,IAAQR,KAAKo0B,mBAAmB10B,KAAKc,GACvER,KAAKo0B,mBAAmBx1B,OAl4BI,KAk4BkCoB,KAAKo0B,mBAAmB1jB,QAC1F1Q,KAAK8N,KAAK,eAAgBtN,EAC5B,CAEA,WAAA+7B,CAAavlB,EAAKvW,GAChB,GAAY,IAARuW,EAAW,CACb,IAAIwlB,EACJ,IACEA,EAAO,IAAQlT,OAAO7oB,EACxB,CAAE,MAAOM,GACPf,KAAKozB,OAAO,0CAA2CryB,EAAIqE,SAAWrE,EACxE,CAEA,IAAKy7B,EAAM,OAGX,GAFAx8B,KAAKi0B,sBAAwBuI,EAEP,iBAAXA,EAAK14B,EACd,IAAK,MAAMsE,KAAQo0B,EAAK14B,EACtB9D,KAAK+zB,oBAAoB3rB,GAAQvC,OAAO22B,EAAK14B,EAAEsE,GAAMooB,YAGzD,IAAK,MAAMpoB,KAAQpI,KAAKq0B,KAClBr0B,KAAK+zB,oBAAoB3rB,IAC3BpI,KAAKq0B,KAAKjsB,GAAM4uB,oBAAoBh3B,KAAKi0B,uBAG7Cj0B,KAAKozB,OAAO,0BACZpzB,KAAK8N,KAAK,WAAY,YAAa9N,KAAKi0B,sBAC1C,MACMj0B,KAAK8zB,gBAAgB9c,KACvBA,EAAMhX,KAAK8zB,gBAAgB9c,GACvBhX,KAAKq0B,KAAKrd,IAEZhX,KAAKq0B,KAAKrd,GAAKigB,UAAUx2B,IAG7BT,KAAKozB,OAAO,8BAA+Bpc,GAC3ChX,KAAK8N,KAAK,WAAYkJ,EAAKvW,EAE/B,CAEA,UAAAg8B,GACEz8B,KAAKozB,OAAO,qBACZpzB,KAAKu5B,UAAUv5B,KAAK4zB,SAASljB,QAAS,IAAIpQ,MAAM,yBAA0B,MAC1EN,KAAK8N,KAAK,UACZ,CAWA,MAAA8V,CAAQlS,EAAMhR,GAUZ,GAT+B,IAA3BV,KAAK81B,mBAA2B91B,KAAK21B,uBACvCjkB,EAAO1R,KAAK08B,SAAShrB,IAEvB1R,KAAKm1B,aAAezjB,EAAK9S,OACzBoB,KAAKk1B,QAAQx1B,KAAKgS,GACd1R,KAAKk1B,QAAQt2B,OAAS,IACxBoB,KAAKk1B,QAAU,EAAC,QAAOl1B,KAAKk1B,QAASl1B,KAAKm1B,eAGxCn1B,KAAK41B,mBAAoB,CAC3B,MAAMp1B,EAAQR,KAAKk1B,QAAQ,GAAGpa,QAAQ9a,KAAK41B,oBAC3C,IAAe,IAAXp1B,EACFR,KAAKk1B,QAAQ,GAAKl1B,KAAKk1B,QAAQ,GAAGv1B,MAAMa,EAAQR,KAAK41B,mBAAmBh3B,QACxEoB,KAAKm1B,aAAgB30B,EAAQR,KAAK41B,mBAAmBh3B,OACrDoB,KAAK41B,mBAAqB,UACrB,GAAI51B,KAAKm1B,YAAczjB,EAAK9S,OAASoB,KAAK61B,cAAgB71B,KAAK41B,mBAAmBh3B,OAGvF,OAFAoB,KAAKozB,OAAO,uCACZpzB,KAAKoB,SAGT,CAEA,KAAOpB,KAAKm1B,aAAen1B,KAAKg1B,cAAgBh1B,KAAK41B,oBACnD,GAAyB,IAArB51B,KAAKg1B,YACPh1B,KAAKi1B,QAAQ,IAAI12B,gBACZ,CACL,MAAM4S,EAASnR,KAAKk1B,QAAQ,GAE5Bl1B,KAAKm1B,aAAen1B,KAAKg1B,YACzBh1B,KAAKk1B,QAAUl1B,KAAKm1B,YAChB,CAAChkB,EAAOxR,MAAMK,KAAKg1B,cACnB,GACJh1B,KAAKi1B,QAAQ9jB,EAAOxR,MAAM,EAAGK,KAAKg1B,aACpC,CAGFt0B,EAAG,KACL,CAEA,SAAA64B,CAAWP,EAASj4B,EAAKoQ,GAClB6nB,IAELh5B,KAAK22B,eAAe32B,KAAKwzB,cAAgBxzB,KAAK+0B,WAE9CiE,EAAQ/vB,SAASlI,EAAKoQ,GACxB,CAEA,aAAAwlB,CAAegG,GACb,IAAKA,IAAa38B,KAAK60B,aAAe70B,KAAK4zB,SAASh1B,OAIlD,OAHAwsB,aAAaprB,KAAK40B,UAClB50B,KAAK40B,SAAW,UAChB50B,KAAK80B,kBAAoB,MAI3B,MAAM8H,EAAmB92B,KAAKuO,MAAQrU,KAAK60B,WAE3C,GAAI70B,KAAK40B,SAAU,CAEjB,GAAIgI,EAAmB58B,KAAK80B,kBAAsC,IAAlB90B,KAAK60B,WACnD,OAEFzJ,aAAaprB,KAAK40B,SACpB,CAEA50B,KAAK80B,kBAAoB8H,EACzB58B,KAAK40B,SAAWpgB,YAAW,IAAMxU,KAAKy8B,cAAcz8B,KAAK60B,YACrD70B,KAAK02B,eAAiB12B,KAAK40B,SAASrH,OAAOvtB,KAAK40B,SAASrH,OAC/D,CASA,MAAAsP,CAAQx+B,EAAMy+B,GACZ98B,KAAKg1B,YAAc32B,EACnB2B,KAAKi1B,QAAU6H,CACjB,CAEA,WAAAC,CAAaC,EAASC,GACpBj9B,KAAK41B,mBAAqBoH,EAC1Bh9B,KAAK61B,cAAgBoH,CACvB,CAOA,gBAAAC,CAAkB/rB,GAChB,MAAMvS,EAAS,IAAIg5B,SAASzmB,EAAOA,OAAQA,EAAOse,WAAYte,EAAOpS,YAAYo+B,UAAU,GACvFv+B,EAAS,EACXoB,KAAK68B,OAAOj+B,EAAQoB,KAAKo9B,aAEzBp9B,KAAK06B,eACL16B,KAAK68B,OAAO,EAAG78B,KAAKk9B,kBAExB,CAMA,UAAAE,CAAYjsB,GACVnR,KAAK68B,OAAO,EAAG78B,KAAKk9B,kBACpB,MAAMlF,EAAO,IAAIJ,SAASzmB,EAAOA,OAAQA,EAAOse,WAAYte,EAAOpS,YACnE,OAAQoS,EAAO,IACb,KAAK,EACH,OAAOnR,KAAK62B,WACd,KAAK,EACH,OAAO72B,KAAKy7B,aACd,KAAK,EACH,OAAOz7B,KAAK07B,gBACd,KAAK,EACH,OAAO17B,KAAK42B,kBACd,KAAK,EACH,OAAO52B,KAAK27B,QAAQ3D,EAAKmF,UAAU,IACrC,KAAK,EACH,OAAOn9B,KAAK47B,YAAYzqB,EAAOxR,MAAM,IACvC,KAAK,EACH,OAAOK,KAAK67B,WACV7D,EAAKmF,UAAU,GACfnF,EAAKmF,UAAU,GACfnF,EAAKmF,UAAU,IAEnB,KAAK,EACH,OAAOn9B,KAAK+7B,SACV/D,EAAKmF,UAAU,GACfnF,EAAKmF,UAAU,GACfhsB,EAAOxR,MAAM,IAEjB,KAAK,EACH,OAAOK,KAAKg8B,UACVhE,EAAKmF,UAAU,GACfnF,EAAKmF,UAAU,GACfnF,EAAKmF,UAAU,IAEnB,KAAK,EACH,OAAOn9B,KAAKi8B,QAAQjE,EAAKH,UAAU,IACrC,KAAK,GACH,OAAO73B,KAAKk8B,WAAWlE,EAAKmF,UAAU,IACxC,KAAK,GACH,OAAOn9B,KAAKm8B,aACd,KAAK,GACH,OAAOn8B,KAAKo8B,cACd,KAAK,GACH,OAAOp8B,KAAKq8B,UACVrE,EAAKmF,UAAU,GACfnF,EAAKmF,UAAU,GACfnF,EAAKmF,UAAU,IAEnB,KAAK,GACH,OAAOn9B,KAAKs8B,eAAetE,EAAKmF,UAAU,IAC5C,KAAK,GACH,OAAOn9B,KAAKu8B,YAAYprB,EAAO,GAAIA,EAAOxR,MAAM,IAClD,QAEE,OADAK,KAAKozB,OAAO,uBACLpzB,KAAK8N,KAAK,iBAAkBqD,GAEzC,CAEA,uBAAAglB,GACEn2B,KAAK68B,OAAO,GAAGQ,IACb,MAAMC,EAAUD,EAAc,GACd,KAAZC,EACFt9B,KAAK68B,OAAOS,EAAU,GAAIt9B,KAAKu9B,oBAE/Bv9B,KAAKw9B,UAAUH,EACjB,GAEJ,CAEA,SAAAG,CAAWC,GACTz9B,KAAK68B,OAAO,IAAIa,IACd19B,KAAK26B,QAAO,QAAO,CAAC8C,EAAcC,KAClC19B,KAAK29B,WAAU,GAEnB,CAEA,SAAAvH,GACEp2B,KAAK68B,OAAO,IAAIe,IAEd,IADA59B,KAAK86B,OAAO8C,IACJ59B,KAAKi2B,iBAGbj2B,KAAK69B,WAAU,GAEnB,CAGA,eAAMF,GACJ,MAAMnG,QAAoB,SAAK,QAAQx3B,KAAKy3B,UAAU,QAAUz3B,KAAKy1B,gBAErEz1B,KAAK+8B,YAAYvF,EAAa,KAC9Bx3B,KAAK68B,OAAO,IAAI1rB,IAEd,IADAnR,KAAK+6B,OAAO5pB,IACJnR,KAAKi2B,iBAGbj2B,KAAK89B,oBAAmB,GAE5B,CAEA,kBAAAA,GACE99B,KAAK68B,OAAO,IAAI1rB,IACd,MAAMgqB,EAAWn7B,KAAK+9B,kBAAkB5sB,EAAOxR,MAAM,EAAG,IAClDy7B,EAAoBp7B,KAAK+9B,kBAAkB5sB,EAAOxR,MAAM,EAAG,KAC3Dg4B,EAAU,IAAIC,SAAS53B,KAAK+9B,kBAAkB5sB,EAAOxR,MAAM,GAAI,KAAKwR,QAAQ0mB,UAAU,GAC5F73B,KAAK68B,OAAOlF,GAASG,IACnBA,EAAa93B,KAAK+9B,kBAAkBjG,GACpC93B,KAAK68B,OAAO,GAAGmB,IACb,MAAMC,EAAQ,IAAIrG,SAAS53B,KAAK+9B,kBAAkBC,GAAU7sB,QAAQ0mB,UAAU,GAC9E73B,KAAK68B,OAAOoB,GAAOC,IACjBA,EAAWl+B,KAAK+9B,kBAAkBG,GAClCl+B,KAAKk7B,gBAAgBC,EAAUC,EAAmBtD,EAAYoG,GAC9D,MAAMZ,EAAUW,EAAQC,EAAS,GAAK,KAChCC,EAAWF,EAAQC,EAASv+B,MAAM,EAAG,IAAM,KACjC,KAAZ29B,GAAyC,yBAAvB,QAASa,GAC7Bn+B,KAAKu9B,mBAAmBW,EAASv+B,MAAM,IAEvCK,KAAKq2B,iBACP,GACD,GACF,GACF,GAEL,CAEA,SAAAwH,GAIE,MAAMO,EAAoBp+B,KAAK+9B,kBAAkBrL,GACjD1yB,KAAK+8B,YAAYqB,EAAmB,KACpCp+B,KAAK68B,OAAO,GAAG1rB,IACb,MAAMoqB,EAAmBv7B,KAAK+9B,kBAAkB5sB,EAAOxR,MAAM,EAAG,IAC1Dw4B,EAAU,IAAIP,SAAS53B,KAAK+9B,kBAAkB5sB,EAAOxR,MAAM,EAAG,IAAIwR,QAAQ0mB,UAAU,GAC1F73B,KAAK68B,OAAO1E,GAASkG,IACnBr+B,KAAK+9B,kBAAkBM,GACvBr+B,KAAKs7B,OAAOC,GACZv7B,KAAKq2B,gBAAgB,KAAI,GAC1B,GAEL,CAKA,eAAAA,GACEr2B,KAAK68B,OAAO,GAAG1rB,IACb,MAAMmsB,EAAUnsB,EAAO,GACvB,GAAgB,KAAZmsB,EAGF,OAFAt9B,KAAKozB,OAAO,oDAAqDkK,EAAQ9M,iBACzExwB,KAAKya,MAGPza,KAAK68B,OAAOS,EAAU,GAAIt9B,KAAKu9B,mBAAkB,GAErD,CAEA,kBAAAA,CAAoBvR,GAClB,MAAMmS,EAAWnS,EAAUrsB,MAAM,EAAG,IACpC,GAA2B,yBAAvB,QAASw+B,GAGX,OAFAn+B,KAAKozB,OAAO,qDAAqD,QAAS+K,SAC1En+B,KAAKya,MAGPuR,EAAYA,EAAUrsB,MAAM,IAC5BK,KAAKw7B,aAAaxP,EAAUrsB,MAAM,EAAG,IAAKqsB,EAAUrsB,MAAM,GAAI,IAAK,CACjEmtB,OAAuB,EAAfd,EAAU,IAClBiB,QAAwB,EAAfjB,EAAU,IACnByM,YAA4B,GAAfzM,EAAU,MAEzBhsB,KAAK68B,OAAO,EAAG78B,KAAKk9B,iBACtB,CAEA,SAAAhH,GAIE,IAHAl2B,KAAK+0B,WAAY,EAEjB/0B,KAAKN,KAAK,MACHM,KAAKuS,SAOZ,IAFAgkB,cAAcv2B,KAAK20B,oBACnB30B,KAAK68B,OAAOh3B,OAAOy4B,WAAW,SACvBt+B,KAAK6zB,aAAaj1B,QACvBoB,KAAK6zB,aAAaljB,MAEpB,KAAO3Q,KAAK4zB,SAASh1B,QACnBoB,KAAKu5B,UAAUv5B,KAAK4zB,SAASjjB,MAAO,IAAIrQ,MAAM,mBAAoB,KAEtE,CAEA,MAAA8yB,IAAWlxB,GACTA,EAAK,GAAK,IAAIlC,KAAKmzB,aAAajxB,EAAK,KACrC4C,KAAS5C,EACX,CAEA,KAAAs3B,CAAO5F,EAAUb,EAAOt0B,EAAQG,GAC9B,IAAK,IAAIF,EAAI,EAAGA,EAAIk1B,EAASh1B,OAAQF,IAAK,CACxC,MAAM2L,EAAMupB,EAASl1B,GACrB,GAAI2L,EAAI0oB,QAAUA,GAAS1oB,EAAI5L,SAAWA,GAAU4L,EAAIzL,SAAWA,EAEjE,OADA,EAAYg1B,EAAUl1B,GACf2L,CAEX,CACA,OAAO,IACT,CAEA,iBAAA6tB,CAAmBz3B,GACjB,MAAM89B,EAAQ,IAAIhgC,WAAWkC,GAC7B,IAAKT,KAAK+1B,kBAER,OADA/1B,KAAKozB,OAAO,6CACLmL,EAGT,IAAK,IAAI7/B,EAAI,EAAGA,EAAI+B,EAAI7B,OAAQF,IAAK,CACnC,MAAM8/B,EAAYx+B,KAAK+1B,kBAAkB/Z,aACzCuiB,EAAM7/B,GAAK6/B,EAAM7/B,GAAK8/B,CACxB,CAEA,OAAOD,CACT,CAEA,QAAA9D,CAAUh6B,GACR,MAAM89B,EAAQ,IAAIhgC,WAAWkC,GAE7B,IAAKT,KAAK+1B,mBAAgD,IAA3B/1B,KAAK81B,kBAClC,OAAOyI,EAET,IAAK,IAAI7/B,EAAI,EAAGA,EAAI+B,EAAI7B,OAAQF,IAAK,CACnC,MAAM8/B,EAAYx+B,KAAK+1B,kBAAkB/Z,aACzCuiB,EAAM7/B,GAAK6/B,EAAM7/B,GAAK8/B,CACxB,CAEA,OAAOD,CACT,CAEA,iBAAAR,CAAmBt9B,GACjB,MAAMg+B,EAAU,IAAIlgC,WAAWkC,GAE/B,IAAKT,KAAKg2B,kBAER,OADAh2B,KAAKozB,OAAO,6CACLqL,EAET,IAAK,IAAI//B,EAAI,EAAGA,EAAI+B,EAAI7B,OAAQF,IAAK,CACnC,MAAM8/B,EAAYx+B,KAAKg2B,kBAAkBha,aACzCyiB,EAAQ//B,GAAK+/B,EAAQ//B,GAAK8/B,CAC5B,CAEA,OAAOC,CACT,CAEA,QAAA/B,CAAUj8B,GACR,MAAMg+B,EAAU,IAAIlgC,WAAWkC,GAE/B,IAAKT,KAAKg2B,mBAAgD,IAA3Bh2B,KAAK81B,kBAClC,OAAO2I,EAET,IAAK,IAAI//B,EAAI,EAAGA,EAAI+B,EAAI7B,OAAQF,IAAK,CACnC,MAAM8/B,EAAYx+B,KAAKg2B,kBAAkBha,aACzCyiB,EAAQ//B,GAAK+/B,EAAQ//B,GAAK8/B,CAC5B,CAEA,OAAOC,CACT,CAEA,SAAAhH,CAAW7rB,GACT,OAAO,SAAQ,QAASA,GAC1B,EAGF,S,6HC9zCO,MAAM8yB,EAAW,mBAClBC,EAAe,GACfC,EAAe,GAErB,IAAK,IAAIlgC,EAAI,EAAGA,EAAI,IAAKA,IACvBigC,EAAajgC,GAAKggC,EAAShgC,GAAK,EAAI,IAAOggC,EAAa,GAAJhgC,GAChDA,EAAI,KACFA,EAAI,GACNkgC,EAAa,GAAOlgC,GAAKA,EAEzBkgC,EAAa,GAAYlgC,GAAKA,GAK7B,MAAMmgC,EAAUntB,IACrB,MAAM9S,EAAS8S,EAAK9S,OACpB,IAAI8M,EAAS,GACThN,EAAI,EACR,KAAOA,EAAIE,GACT8M,GAAUizB,EAAajtB,EAAKhT,MAE9B,OAAOgN,GAGIozB,EAAUlzB,IACrB,MAAMmzB,EAASnzB,EAAIhN,QAAU,EACvBA,EAASmgC,GAAU,EACnBnN,EAAQ,IAAIrzB,WAAWwgC,GAC7B,IAAI9vB,EAAI,EACJvQ,EAAI,EACR,KAAOA,EAAIE,GACTgzB,EAAM3iB,KAAO2vB,EAAahzB,EAAIlD,WAAWhK,OAAS,EAAIkgC,EAAahzB,EAAIlD,WAAWhK,MAEpF,OAAOkzB,GAGIzzB,EAAS,CAACC,EAAQC,EAAO,KACpC,MAAMO,EAASR,EAAOQ,QAAU,EAChC,IAAKP,EAAM,CACT,IAAIK,EAAIE,EACR,KAAOF,KAAKL,GAAQD,EAAOM,GAAGE,MAChC,CACA,MAAMJ,EAAI,IAAID,WAAWF,GACzB,IAAII,EAASJ,EACTK,EAAIE,EACR,KAAOF,KACLD,GAAUL,EAAOM,GAAGE,OACpBJ,EAAEM,IAAIV,EAAOM,GAAID,GAGnB,OAAOD,GAGIwgC,EAAQ,CAACpkB,EAAGpc,KACvB,GAAIoc,EAAEhc,SAAWJ,EAAEI,OAAQ,OAAO,EAClC,IAAK,IAAIF,EAAIkc,EAAEhc,OAAQF,GAAK,EAAGA,GAAK,EAClC,GAAKkc,EAAElc,KAAOF,EAAEE,GAAK,OAAO,EAE9B,OAAO,GCxDT,IAHA,IAAIugC,EAAQ,mEAERC,EAA+B,oBAAf3gC,WAA6B,GAAK,IAAIA,WAAW,KAC5DG,EAAI,EAAGA,EAAIugC,GAAcvgC,IAC9BwgC,EAAOD,EAAMv2B,WAAWhK,IAAMA,ECNlC,MAAM2qB,EAAU,IAAIvJ,YAEPqf,EAAW,CAACztB,EAAM0tB,KAC7B,IAAKA,EAAK,OAAO/V,EAAQC,OAAO5X,GAEhC,OADY,IAAIoO,YAAYsf,GACjB9V,OAAO5X,EAAI,EAIlB2tB,EAAU,IAAIC,YACPC,EAAW3zB,GAAOyzB,EAAQpQ,OAAOrjB,GAEjC4zB,EAAW9tB,GDJX,SAAU+tB,GACnB,IAAyC/gC,EAArCka,EAAQ,IAAIra,WAAWkhC,GAAiB7+B,EAAMgY,EAAMha,OAAQ8gC,EAAS,GACzE,IAAKhhC,EAAI,EAAGA,EAAIkC,EAAKlC,GAAK,EACtBghC,GAAUT,EAAMrmB,EAAMla,IAAM,GAC5BghC,GAAUT,GAAmB,EAAXrmB,EAAMla,KAAW,EAAMka,EAAMla,EAAI,IAAM,GACzDghC,GAAUT,GAAuB,GAAfrmB,EAAMla,EAAI,KAAY,EAAMka,EAAMla,EAAI,IAAM,GAC9DghC,GAAUT,EAAqB,GAAfrmB,EAAMla,EAAI,IAQ9B,OANIkC,EAAM,GAAM,EACZ8+B,EAASA,EAAO1zB,UAAU,EAAG0zB,EAAO9gC,OAAS,GAAK,IAE7CgC,EAAM,GAAM,IACjB8+B,EAASA,EAAO1zB,UAAU,EAAG0zB,EAAO9gC,OAAS,GAAK,MAE/C8gC,CACX,CCXgCzQ,CAAOvd,GAI1BiuB,EAAU/zB,IACrB,IACIrJ,EADAq9B,EAAM,GAENlhC,EAAI,EACR,MAAMkC,EAAMgL,EAAIhN,OAEhB,KAAOF,EAAIkC,GACT2B,EAAIqJ,EAAIlD,WAAWhK,KACnBkhC,GAAOlB,EAASn8B,GAAK,GAAKm8B,EAAa,GAAJn8B,GAGrC,OAAOq9B,GAIIC,EAAUC,IACrB,MAAMC,EAASjB,EAAQgB,GACvB,GAAIC,EAAOnhC,QAHgB,MAGgB,OAAOoP,OAAOwO,gBAAgBujB,GAEzE,IAAIH,EAAM,GACNlhC,EAAI,EACR,KAAOA,EAAIqhC,EAAOnhC,QAChBghC,GAAO5xB,OAAOwO,gBAAgBujB,EAAOC,SAASthC,EAAGA,GARxB,QAU3B,OAAOkhC,GAGHK,EAA0B,oBAAXx8B,OAAyBA,OAASkC,KACjD,EAASs6B,EAAMC,QAAUD,EAAME,UAAY,CAAC,EAC5CC,EAAS,EAAOA,QAAU,EAAOC,aAEjCC,EAAY,CAChBR,IAAKjB,EACLa,OAAQF,GAGG/2B,EAAOvJ,MAAOwS,EAAMvL,EAAQo6B,EAAO,WAC9C,IAAKH,EAAQ,MAAM,IAAI9/B,MAAM,yBACT,iBAAToR,IAAmBA,EAAO6tB,EAAS7tB,IAC9C,MAAM8uB,EAAM,IAAIjiC,iBAAiB6hC,EAAOK,OAAOF,EAAM7uB,IACrD,OAAOvL,EAASm6B,EAAUn6B,GAAQq6B,GAAOA,GAG9BE,EAAcriC,IACzB,MAAM25B,EAAO,IAAIz5B,WAAWF,GAC5B,OAAO,EAAOsiC,gBAAgB3I,EAAI,C,kWCxDpC,MAAM4I,EAAQ,UACRC,GAAU,EACVt9B,EAAM,CAAC,EACPu9B,EAAO,GACP7nB,EAAU,GACV8nB,EAAW,CAAC,EAElB,SAASj4B,IAAS,CAElB,MAAMwB,EAAKxB,EACLsH,EAActH,EACdD,EAAOC,EACPk4B,EAAMl4B,EACNgC,EAAiBhC,EACjB+H,EAAqB/H,EACrBgF,EAAOhF,EACPuH,EAAkBvH,EAClBwH,EAAsBxH,EAEtBkB,EAAW,CAACi3B,KAAS/+B,IAAS,GAAe,IAAM++B,KAAQ/+B,KAE3DyN,EAAavH,GAAS,GAEtB84B,EAAM,IAAM,IACZC,EAAQ,IAAM,EACdC,EAAWh5B,IAAW,MAAM,IAAI9H,MAAM,mCAAkC,EACxE+gC,EAASC,IAAU,MAAM,IAAIhhC,MAAM,iCAAgC,C,0CCjCrEihC,EAA2B,CAAC,EAGhC,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqBz0B,IAAjB00B,EACH,OAAOA,EAAaziC,QAGrB,IAAID,EAASuiC,EAAyBE,GAAY,CAGjDxiC,QAAS,CAAC,GAOX,OAHA0iC,EAAoBF,GAAUziC,EAAQA,EAAOC,QAASuiC,GAG/CxiC,EAAOC,OACf,C3DtBIf,EAAWwI,OAAO8E,eAAkBR,GAAStE,OAAO8E,eAAeR,GAASA,GAASA,EAAa,UAQtGw2B,EAAoBzqB,EAAI,SAAStX,EAAOmiC,GAEvC,GADU,EAAPA,IAAUniC,EAAQO,KAAKP,IAChB,EAAPmiC,EAAU,OAAOniC,EACpB,GAAoB,iBAAVA,GAAsBA,EAAO,CACtC,GAAW,EAAPmiC,GAAaniC,EAAMoiC,WAAY,OAAOpiC,EAC1C,GAAW,GAAPmiC,GAAoC,mBAAfniC,EAAMwa,KAAqB,OAAOxa,CAC5D,CACA,IAAI0I,EAAKzB,OAAO6E,OAAO,MACvBi2B,EAAoBp+B,EAAE+E,GACtB,IAAI25B,EAAM,CAAC,EACX7jC,EAAiBA,GAAkB,CAAC,KAAMC,EAAS,CAAC,GAAIA,EAAS,IAAKA,EAASA,IAC/E,IAAI,IAAIid,EAAiB,EAAPymB,GAAYniC,EAAyB,iBAAX0b,KAAyBld,EAAe6c,QAAQK,GAAUA,EAAUjd,EAASid,GACxHzU,OAAOq7B,oBAAoB5mB,GAAS5S,SAASC,GAASs5B,EAAIt5B,GAAO,IAAO/I,EAAM+I,KAI/E,OAFAs5B,EAAa,QAAI,IAAM,EACvBN,EAAoB/pB,EAAEtP,EAAI25B,GACnB35B,CACR,E4DxBAq5B,EAAoB/pB,EAAI,CAACxY,EAAS+iC,KACjC,IAAI,IAAIx5B,KAAOw5B,EACXR,EAAoBr0B,EAAE60B,EAAYx5B,KAASg5B,EAAoBr0B,EAAElO,EAASuJ,IAC5E9B,OAAOC,eAAe1H,EAASuJ,EAAK,CAAE5B,YAAY,EAAMxG,IAAK4hC,EAAWx5B,IAE1E,ECNDg5B,EAAoBr0B,EAAI,CAACnC,EAAKi3B,IAAUv7B,OAAO4E,UAAUgB,eAAehG,KAAK0E,EAAKi3B,GCClFT,EAAoBp+B,EAAKnE,IACH,oBAAXiT,QAA0BA,OAAOgwB,aAC1Cx7B,OAAOC,eAAe1H,EAASiT,OAAOgwB,YAAa,CAAEziC,MAAO,WAE7DiH,OAAOC,eAAe1H,EAAS,aAAc,CAAEQ,OAAO,GAAO,E,yCCLvD,SAAS,EAAYyX,GAC1B,GAAoB,iBAATA,EACT,MAAM,IAAI/L,UAAU,mCAAqCjG,KAAKC,UAAU+R,GAE5E,CAGO,SAAS,EAAsBA,EAAMirB,GAC1C,IAIIj3B,EAJA00B,EAAM,GACNwC,EAAoB,EACpBC,GAAa,EACbC,EAAO,EAEX,IAAK,IAAI5jC,EAAI,EAAGA,GAAKwY,EAAKtY,SAAUF,EAAG,CACrC,GAAIA,EAAIwY,EAAKtY,OAAUsM,EAAOgM,EAAKxO,WAAWhK,OAAU,IAAa,KAATwM,EAAe,MAAeA,EAAO,EAAG,CACpG,GAAa,KAATA,EAAa,CACf,GAAIm3B,IAAc3jC,EAAI,GAAc,IAAT4jC,QAEpB,GAAID,IAAc3jC,EAAI,GAAc,IAAT4jC,EAAY,CAC5C,GAAI1C,EAAIhhC,OAAS,GAA2B,IAAtBwjC,GAA8D,KAAnCxC,EAAIl3B,WAAWk3B,EAAIhhC,OAAS,IAAgD,KAAnCghC,EAAIl3B,WAAWk3B,EAAIhhC,OAAS,GACpH,GAAIghC,EAAIhhC,OAAS,EAAG,CAClB,MAAM2jC,EAAiB3C,EAAI4C,YAAY,KACvC,GAAID,IAAmB3C,EAAIhhC,OAAS,EAAG,EACb,IAApB2jC,GACF3C,EAAM,GACNwC,EAAoB,IAEpBxC,EAAMA,EAAIjgC,MAAM,EAAG4iC,GACnBH,EAAoBxC,EAAIhhC,OAAS,EAAIghC,EAAI4C,YAAY,MAEvDH,EAAY3jC,EACZ4jC,EAAO,EACP,QACF,CACF,MAAO,GAAmB,IAAf1C,EAAIhhC,QAA+B,IAAfghC,EAAIhhC,OAAc,CAC/CghC,EAAM,GACNwC,EAAoB,EACpBC,EAAY3jC,EACZ4jC,EAAO,EACP,QACF,CAEEH,IACEvC,EAAIhhC,OAAS,EAAKghC,GAAO,MAAeA,EAAM,KAClDwC,EAAoB,EAExB,MACMxC,EAAIhhC,OAAS,EAAKghC,GAAO,IAAM1oB,EAAKvX,MAAM0iC,EAAY,EAAG3jC,GAAYkhC,EAAM1oB,EAAKvX,MAAM0iC,EAAY,EAAG3jC,GACzG0jC,EAAoB1jC,EAAI2jC,EAAY,EAEtCA,EAAY3jC,EACZ4jC,EAAO,CACT,MAAoB,KAATp3B,IAAyB,IAAVo3B,IACtBA,EAEFA,GAAQ,CAEZ,CACA,OAAO1C,CACT,CCxDe,SAAS,IACtB,GAAyB,IAArBjzB,UAAU/N,OAAgB,MAAO,IACrC,IAAI6jC,EACJ,IAAK,IAAI/jC,EAAI,EAAGA,EAAIiO,UAAU/N,SAAUF,EAAG,CACzC,MAAMyQ,EAAMxC,UAAUjO,GACtB,EAAWyQ,GACPA,EAAIvQ,OAAS,SACAoO,IAAXy1B,EAAwBA,EAAStzB,EAAaszB,GAAU,IAAMtzB,EAEtE,CACA,YAAenC,IAAXy1B,EAA+B,ICXtB,SAAoBvrB,GAGjC,GAFA,EAAWA,GAES,IAAhBA,EAAKtY,OAAc,MAAO,IAE9B,MAAM8jC,EAAoC,KAAvBxrB,EAAKxO,WAAW,GAC7Bi6B,EAAyD,KAArCzrB,EAAKxO,WAAWwO,EAAKtY,OAAS,GAQxD,OAHoB,KAFpBsY,EAAO,EAAqBA,GAAOwrB,IAE1B9jC,QAAiB8jC,IAAYxrB,EAAO,KACzCA,EAAKtY,OAAS,GAAK+jC,IAAmBzrB,GAAQ,KAE9CwrB,EAAmB,IAAMxrB,EACtBA,CACT,CDJS,CAAUurB,EACnB,C,OEfO,MACM,EAAM,I,2CCDnB,MAyBa,EAAY,IAAIprB,OAzBV,CAElB,oBACA,gBAGA,gBACA,mBACA,kBACA,YACA,UACA,8BACA,aACA,aAGA,KAGA,gBACA,kBACA,qBACA,WAG8C/Y,KAAK,MAE7C,SAAS,EAAOskC,GACtB,OAAO,EAAUxrB,KAAKwrB,EACvB,C,+DCdA,MAAM,EAAe,CACnB,CAAC,4CACD,CAAC,sCACD,CAAC,qCACD,CAAC,2BACD,CAAC,mCACD,CAAC,8BACD,CAAC,oCACD,CAAC,iCAsCH,MAAM,EAAa1wB,OAAO,YAK1B,SAAS,EAAa2wB,EAAOzjC,EAAMsB,GAgTnC,IAAqBsK,EA5SnB,GA4SmBA,EA/SJ63B,EAgTY,oBAAbC,UAA4B93B,aAAe83B,WAhTlCD,EAAQl4B,MAAM8O,KAAKopB,IACrCl4B,MAAMC,QAAQi4B,KAAQA,EAAQ,CAACA,IAEf,IAAjBA,EAAMjkC,OAAc,MAAM,IAAI0B,MAAM,sBAExCuiC,EAAMt6B,SAAQ0nB,IACZ,GAAY,MAARA,EAAc,MAAM,IAAI3vB,MAAM,uBAAuB2vB,IAAM,IAU5C,KANrB4S,EAAQA,EAAMh7B,KAAIooB,GACZ,EAAOA,IAA8B,iBAAdA,EAAK/Y,MAAyC,mBAAb,EAAgC+Y,EAAK/Y,KAC1F+Y,KAICrxB,QAAoC,iBAAbikC,EAAM,IAAoBA,EAAM,GAAGz6B,OAAMy6B,EAAM,GAAGz6B,KAAOhJ,EAAKgJ,MAE/F,IAAI26B,EAAe,KACnBF,EAAMt6B,SAAQ,CAAC0nB,EAAMvxB,KACnB,GAAoB,iBAATuxB,EACT,OAGF,IAAI/Y,EAAO+Y,EAAK+S,UAAY/S,EAAK7nB,KAC5B8O,IACHA,EAAO,gBAAgBxY,EAAI,IAC3BuxB,EAAKgT,aAAc,GAGrBhT,EAAK,GAAc/Y,EAAKnP,MAAM,KAGzBkoB,EAAK,GAAY,IACpBA,EAAK,GAAYvf,QAGfuf,EAAK,GAAYrxB,OAAS,EAC5BmkC,EAAe,KACA,IAANrkC,GAAWmkC,EAAMjkC,OAAS,EACnCmkC,EAAe9S,EAAK,GAAY,GACvBA,EAAK,GAAY,KAAO8S,IACjCA,EAAe,KACjB,UAG+C/1B,IAAzB5N,EAAK8jC,iBAAuC9jC,EAAK8jC,mBAGvEL,EAAQA,EAAM56B,QAAOgoB,GACC,iBAATA,IAgOjB,SAAqB/Y,GACnB,MAAM0rB,EAAW1rB,EAAKA,EAAKtY,OAAS,GACpC,MAAuB,MAAhBgkC,EAAS,IAAc,EAAOA,EACvC,CAhOc,CAAW3S,EAAK,OAIxB8S,GACFF,EAAMt6B,SAAQ0nB,IACZ,MAAMkT,GAAYrU,YAAYC,OAAOkB,IAAS,EAAWA,MAAWA,EAAK,GACrD,iBAATA,GAAqBkT,GAChClT,EAAK,GAAYvf,OAAM,KAItBtR,EAAKgJ,MAAQ26B,IAChB3jC,EAAKgJ,KAAO26B,GAGT3jC,EAAKgJ,MAERy6B,EAAMxlB,MAAK4S,GACW,iBAATA,GACT7wB,EAAKgJ,KC1IE,SAAmB8O,EAAMF,GACtC,QAAYhK,IAARgK,GAAoC,iBAARA,EAAkB,MAAM,IAAI7L,UAAU,mCACtE,EAAW+L,GAEX,IAGIxY,EAHA8b,EAAQ,EACRC,GAAO,EACP2oB,GAAe,EAGnB,QAAYp2B,IAARgK,GAAqBA,EAAIpY,OAAS,GAAKoY,EAAIpY,QAAUsY,EAAKtY,OAAQ,CACpE,GAAIoY,EAAIpY,SAAWsY,EAAKtY,QAAUoY,IAAQE,EAAM,MAAO,GACvD,IAAImsB,EAASrsB,EAAIpY,OAAS,EACtB0kC,GAAoB,EACxB,IAAK5kC,EAAIwY,EAAKtY,OAAS,EAAGF,GAAK,IAAKA,EAAG,CACrC,MAAMwM,EAAOgM,EAAKxO,WAAWhK,GAC7B,GAAa,KAATwM,GAGF,IAAKk4B,EAAc,CACjB5oB,EAAQ9b,EAAI,EACZ,KACF,OAE0B,IAAtB4kC,IAGFF,GAAe,EACfE,EAAmB5kC,EAAI,GAErB2kC,GAAU,IAERn4B,IAAS8L,EAAItO,WAAW26B,IACR,KAAZA,IAGJ5oB,EAAM/b,IAKR2kC,GAAU,EACV5oB,EAAM6oB,GAId,CAGA,OADI9oB,IAAUC,EAAKA,EAAM6oB,GAAoC,IAAT7oB,IAAYA,EAAMvD,EAAKtY,QACpEsY,EAAKvX,MAAM6a,EAAOC,EAC3B,CACE,IAAK/b,EAAIwY,EAAKtY,OAAS,EAAGF,GAAK,IAAKA,EAClC,GAA2B,KAAvBwY,EAAKxO,WAAWhK,IAGlB,IAAK0kC,EAAc,CACjB5oB,EAAQ9b,EAAI,EACZ,KACF,OACkB,IAAT+b,IAGT2oB,GAAe,EACf3oB,EAAM/b,EAAI,GAId,OAAa,IAAT+b,EAAmB,GAChBvD,EAAKvX,MAAM6a,EAAOC,EAE7B,CDqEoB,CAAkBwV,IACvB,IACGA,EAAKgT,cACf7jC,EAAKgJ,KAAO6nB,EAAK,GAAYA,EAAK,GAAYrxB,OAAS,IAChD,KAMRQ,EAAKgJ,OACRhJ,EAAKgJ,KAAO,mBAAmBtC,KAAKuO,SAGjCjV,EAAKmkC,iBACRnkC,EAAKmkC,eAAiB,SAGxB,MAAMC,EAAWX,EAAMhpB,QAAO,CAACsW,EAAKF,IAASE,EAAMtqB,OAAuB,iBAAToqB,IAAoB,GAErF,IAAIwT,EAAwC,IAAjBZ,EAAMjkC,OAEjC,GAAqB,IAAjBikC,EAAMjkC,QAAoC,iBAAbikC,EAAM,GAAiB,CACtD,GAAwB,mBAAb,EACT,MAAM,IAAIviC,MAAM,+CAIlB,EAAOuiC,EAAM,IAAI,CAAC9hC,EAAK2iC,KACrB,GAAI3iC,EAAK,OAAOL,EAAGK,GACnB0iC,EAAsBC,EACtBC,GAAa,GAEjB,MACE,EAAeA,GAGjB,SAASA,IACP,EAASd,EAAMh7B,KAAIooB,GAAQvvB,IACzB,MAAMkjC,EAAO,CAAC,EAEd,GAAI,EAAO3T,GACT2T,EAAKC,UAAY5T,EAAKjnB,SACtB46B,EAAKhlC,OAASqxB,EAAK5xB,UACd,GAAIywB,YAAYC,OAAOkB,GAC5B2T,EAAKC,UAAY,CAAC5T,GAClB2T,EAAKhlC,OAASqxB,EAAKrxB,WACd,KAAI,EAAWqxB,GAGf,IAAoB,iBAATA,EAAmB,CACnC,GAAwB,mBAAb,EACT,MAAM,IAAI3vB,MAAM,+CAIlB,YADA,EAAS2vB,EADQuT,EAAW,GAAKC,EACR/iC,EAE3B,CACE,MAAM,IAAIJ,MAAM,qBAClB,CAXEsjC,EAAKC,UA4Mb3kC,gBAAkCoK,EAAUs6B,GAC1C,UAAW,MAAM/kC,KAASyK,EACxBs6B,EAAKhlC,QAAUC,EAAMD,aACfC,CAEV,CAjNyB,CAAgBoxB,EAAM2T,GACvCA,EAAKhlC,OAAS,CAUhB,CACAglC,EAAK1sB,KAAO+Y,EAAK,GACjBvvB,EAAG,KAAMkjC,EAAI,KACX,CAAC7iC,EAAK+iC,KACR,GAAI/iC,EAAK,OAAOL,EAAGK,GACnB+iC,EAAQA,EAAMC,OACdrjC,EAAG,KAAMojC,EAAOL,EAAmB,GAEvC,CACF,CAEA,MAAM,EAAyB,EA8I/B,SAAS,EAAWtT,EAAKyT,GACvB,OAAOzT,EAAMyT,EAAKhlC,MACpB,CAOA,SAAS,EAAQoM,GACf,MAAuB,oBAATg5B,MAAwBh5B,aAAeg5B,IACvD,CAgBA,SAAS,EAAYh5B,GACnB,MAAsB,iBAARA,GAA2B,MAAPA,GAAmC,mBAAbA,EAAIwO,IAC9D,CAkBA,QAnWA,SAAwBqpB,EAAOzjC,EAAMsB,GACf,mBAATtB,KAAsBA,EAAMsB,GAAM,CAACA,EAAItB,IAGlD,EAAYyjC,EAFZzjC,EAAOA,EAAOsH,OAAOqE,OAAO,CAAC,EAAG3L,GAAQ,CAAC,GAEhB,CAAC2B,EAAK+iC,EAAOG,KACpC,GAAIljC,EAAK,OAAOL,EAAGK,GACnB3B,EAAK6kC,kBAAoBA,EAwM7B,SAAkBH,EAAO1kC,EAAMsB,GAC7B,IAAIwjC,EAAgB9kC,EAAK+kC,aAEpBD,IAC0B,iBAAlB9kC,EAAKglC,SAAuBF,EAAgB,CAAC,CAAC9kC,EAAKglC,WACrDz5B,MAAMC,QAAQxL,EAAKglC,YAC1BF,EAAgB9kC,EAAKglC,SAASv8B,KAAIw8B,GAAK,CAACA,OAIvCH,IAAeA,EAAgB,IAEhCI,WAAWC,sBACiC,iBAAnCD,WAAWC,oBACpBL,EAAcxkC,KAAK,CAAC,CAAC4kC,WAAWC,uBACvB55B,MAAMC,QAAQ05B,WAAWC,uBAClCL,EAAgBA,EAAc/lC,OAAOmmC,WAAWC,oBAAoB18B,KAAIw8B,GAAK,CAACA,aAK5Dr3B,IAAlB5N,EAAKglC,eAAgDp3B,IAAtB5N,EAAK+kC,eACtCD,EAAgBA,EAAc/lC,OAAO,IAGX,iBAAjBiB,EAAKolC,UAAsBplC,EAAKolC,QAAU,CAACplC,EAAKolC,UAE3D,MAAMC,EAAU,CACdjI,KAAM,CACJp0B,KAAMhJ,EAAKgJ,MAEb,gBAAiBO,KAAK4L,MAAM1O,OAAOzG,EAAKslC,eAAiB5+B,KAAKuO,OAAS,KACvEmS,SAAU,SAGiB,IAAzB0d,EAActlC,SAChB6lC,EAAQL,SAAWF,EAAc,GAAG,GACpCO,EAAQ,iBAAmBP,QAGRl3B,IAAjB5N,EAAKulC,UAAuBF,EAAQE,QAAUvlC,EAAKulC,cAEhC33B,IAAnB5N,EAAKwlC,YAAyBH,EAAQ,cAAgBrlC,EAAKwlC,gBAE1C53B,IAAjB5N,EAAK2tB,UAAuB0X,EAAQjI,KAAKzP,QAAUlnB,OAAOzG,EAAK2tB,eAEjD/f,IAAd5N,EAAKo9B,MAAoB91B,OAAOqE,OAAO05B,EAAQjI,KAAMp9B,EAAKo9B,WAMzCxvB,IAAjB5N,EAAKylC,UAAuBJ,EAAQjI,KAAK,YAAcp9B,EAAKylC,cAE3C73B,IAAjB5N,EAAKolC,UAAuBC,EAAQ,YAAcrlC,EAAKolC,SAE3D,MAAMM,EAAyBhB,EAAMjqB,OAAO,EAAW,GACjDkrB,EAAc3lC,EAAK2lC,aAAep8B,KAAKwM,IAAI,EAAgB2vB,GAAyB1lC,EAAKmkC,gBAC/FkB,EAAQjI,KAAK,gBAAkBuI,EAhGjC7lC,eAA6B4kC,EAAOiB,EAAaD,EAAwB1lC,EAAMsB,GAC7E,MAAMskC,EAAS,GACf,IAAIpmC,EAAS,EACTqmC,EAAe,EAEnB,MAAMtrB,EAAUmqB,EAAMj8B,KAAI+7B,GAAQA,EAAKC,YAEjCqB,EAAa9lC,EAAK8lC,WAExB,IAAIC,EAAkB,EAClBC,EAAW,EACXl7B,GAAQ,EAEZ,MAAM/K,EAAW,EAAc,EAAawa,GAAUorB,EAAa,CAAEzlC,aAAa,IAClF,IACE,UAAW,MAAMT,KAASM,QAClB,IAAI4a,SAAQC,IAChBpb,GAAUC,EAAMD,OAChB,MAAMF,EAAI0mC,IACRA,IACID,EAAkB,GAAwBnrB,KAChD,QAAKnb,EAAO,OAAOob,MAAKxR,IACtBu8B,EAAOtmC,GAAK+J,IACV08B,EACFF,GAAgBpmC,EAAMD,OAClBsmC,GAAYA,EAAWD,EAAcH,GACzC9qB,IACI9P,GAA6B,IAApBi7B,GAAuBzkC,EAAG,MAAM,QAAQskC,EAAO1mC,KAAK,KAAMM,EAAM,GAC9E,IAGL,GAAwB,IAApBumC,EAAuB,OAAOzkC,EAAG,MAAM,QAAQskC,EAAO1mC,KAAK,KAAMM,GACrEsL,GAAQ,CACV,CAAE,MAAOnJ,GACPL,EAAGK,EACL,CACF,CA8DE,CACE+iC,EACAiB,EACAD,EACA1lC,GACA,CAAC2B,EAAKikC,EAAQK,KACZ,GAAItkC,EAAK,OAAOL,EAAGK,GACnB0jC,EAAQjI,KAAKwI,OAASA,EAEtBlB,EAAMv7B,SAAQq7B,WACLA,EAAKC,aAGVzkC,EAAK6kC,kBACPQ,EAAQjI,KAAK59B,OAASymC,EAEtBZ,EAAQjI,KAAKsH,MAAQA,EAGvBpjC,EAAG,KAAM,EAAO,eAGtB,CAzRI,CAAQojC,EAAO1kC,EAAMsB,EAAE,GAE3B,E,4CErDoBiF,KAAKq+B,KACLr+B,KAAK2/B,KACD3/B,KAAK4/B,SACN5/B,KAAK6/B,QACL7/B,KAAKmtB,QACJntB,KAAK8/B,SACE9/B,KAAK+/B,gBACT//B,KAAKggC,YAPzB,MAUP,EADqBhgC,KAAKigC,OAAS,MAAS,MAAM,IAAItlC,MAAM,iCAAmC,GCczF,EAAY,CAChB,IAAM,IAAM,GAAM,GAAM,GAAM,GAAM,GAAM,GAC1C,IAAM,IAAM,IAAM,IAAM,IAAM,IAAM,IAAM,IAC1C,IAAM,EAAM,EAAM,EAAM,EAAM,EAAM,EAAM,EAC1C,EAAM,EAAM,EAAM,GAAM,GAAM,GAAM,GAAM,GAC1C,GAAM,GAAM,GAAM,GAAM,GAAM,GAAM,GAAM,GAC1C,GAAM,GAAM,GAAM,IAAM,IAAM,IAAM,IAAM,IAC1C,IAAM,EAAM,EAAM,EAAM,EAAM,EAAM,EAAM,EAC1C,EAAM,EAAM,EAAM,GAAM,GAAM,GAAM,GAAM,GAC1C,GAAM,GAAM,GAAM,GAAM,GAAM,GAAM,GAAM,GAC1C,GAAM,GAAM,GAAM,IAAM,IAAM,IAAM,IAAM,KAM5C,MAoCM,EAAS,SAAUulC,GACvB,IAAK/W,YAAYC,OAAO8W,IAA+B,iBAAZA,EACzC,MAAM,IAAI16B,UAAU,0DAEtB,IAEI26B,EAFAC,EAAa,EACbC,EAAa,EAEbC,EAAW,EACVnX,YAAYC,OAAO8W,KACtBA,GAAU,QAASA,IAErB,MAAMK,EAAU,IAAI3nC,WAAWoK,KAAK4L,KAAsB,EAAjBsxB,EAAQjnC,OAAa,IAG9D,IAAK,IAAIF,EAAI,EAAGA,EAAImnC,EAAQjnC,QACP,KAAfinC,EAAQnnC,GADsBA,IAAK,CAIvC,MAAMynC,EAAcN,EAAQnnC,GAAK,GACjC,KAAIynC,EAAc,EAAUvnC,QAoB1B,MAAM,IAAI0B,MAAM,mDAnBhB0lC,EAAa,EAAUG,GACnBJ,GAAc,GAChBA,GAAcA,EAAa,GAAK,EACb,IAAfA,GACFD,GAAaE,EACbE,EAAQD,GAAYH,EACpBG,IACAH,EAAY,GAEZA,GAAa,IAAQE,GAAe,EAAID,IAG1CA,GAAcA,EAAa,GAAK,EAChCD,GAAa,IAAQE,IAAeD,EACpCG,EAAQD,GAAYH,EACpBG,IACAH,EAAY,IAAQE,GAAe,EAAID,EAK7C,CACA,OAAOG,EAAQlG,SAAS,EAAGiG,EAC7B,EC1GA,SAAS,EAAY1rB,GAGnB,OAAOA,EACJV,QAAO,CAACusB,EAAKC,EAAKC,EAAK13B,KACtB,MAAMxL,EAAIijC,EAAIt+B,MAAM,KAAKF,KAAIw+B,GAAO9hC,SAAS8hC,KAC7C,OAAOD,EAAIjoC,OALO,EAACqc,EAAOC,EAAMD,IAAU7P,MAAM8O,KAAK,CAAE7a,OAAQ6b,EAAMD,EAAQ,IAAK,CAAC6rB,EAAKC,IAAQA,EAAM9rB,IAKpF+rB,IAAiBnjC,GAAE,GACpC,GACP,CC0JA,QAnKA,SAA0BojC,GACxB,MAAMppB,EAAS,CAAC,EAGV1L,EAAO80B,EAAIz+B,MAAM,YAAY,GA8CnC,IAAIjE,EACJ,IA7CgB4N,GAAQA,EAAK9S,QAAU,EACnC8S,EAAK3J,MAAM,KACX,IAEGQ,SAAQk+B,IACb,MAAMC,EAASD,EAAM1+B,MAAM,KAG3B,GAAsB,IAAlB2+B,EAAO9nC,OAAc,OAEzB,MAAM4J,EAAMk+B,EAAO,GACnB,IAAIrgC,EAAMqgC,EAAO,GAGL,OAARl+B,IAAcnC,EAAMsgC,mBAAmBtgC,GAAK1D,QAAQ,MAAO,MAInD,OAAR6F,GAAwB,OAARA,GAAwB,OAARA,GAAwB,OAARA,IAClDnC,EAAMsgC,mBAAmBtgC,IAIf,OAARmC,IAAcnC,EAAMsgC,mBAAmBtgC,GAAK0B,MAAM,MAG1C,OAARS,IAAcnC,EAAMR,OAAOQ,IAGnB,OAARmC,IAAcnC,EAAM,EAAMsgC,mBAAmBtgC,GAAK0B,MAAM,OAGxDqV,EAAO5U,IACJmC,MAAMC,QAAQwS,EAAO5U,MACxB4U,EAAO5U,GAAO,CAAC4U,EAAO5U,KAGxB4U,EAAO5U,GAAK9I,KAAK2G,IAEjB+W,EAAO5U,GAAOnC,CAChB,IAKE+W,EAAOwpB,GAAI,EACDj8B,MAAMC,QAAQwS,EAAOwpB,IAAMxpB,EAAOwpB,GAAK,CAACxpB,EAAOwpB,KACvDr+B,SAAQq+B,KACL9iC,EAAI8iC,EAAGhkC,MAAM,sBAChBwa,EAAOsO,SAAW5nB,EAAE,GAAGD,eACbC,EAAI8iC,EAAGhkC,MAAM,sBACvBwa,EAAOsO,UAAW,QAAQ,EAAO5nB,EAAE,MACzBA,EAAI8iC,EAAGhkC,MAAM,4BACvBwa,EAAOypB,WAAa/iC,EAAE,GAAGD,cAC3B,GAEJ,CAEA,GAAIuZ,EAAO0pB,GAAI,EACDn8B,MAAMC,QAAQwS,EAAO0pB,IAAM1pB,EAAO0pB,GAAK,CAAC1pB,EAAO0pB,KACvDv+B,SAAQu+B,KACLhjC,EAAIgjC,EAAGlkC,MAAM,wBAChBwa,EAAO2pB,UAAYjjC,EAAE,GAAGD,cAC1B,GAEJ,CAgCA,OA9BIuZ,EAAOsO,WAAUtO,EAAOkb,gBAAiB,QAAQlb,EAAOsO,WACxDtO,EAAOypB,aAAYzpB,EAAO4pB,kBAAmB,QAAQ5pB,EAAOypB,aAC5DzpB,EAAO2pB,YAAW3pB,EAAO6pB,iBAAkB,QAAQ7pB,EAAO2pB,YAE1D3pB,EAAO8pB,KAAI9pB,EAAOhV,KAAOgV,EAAO8pB,IAChC9pB,EAAO+pB,KAAI/pB,EAAOgqB,SAAWhqB,EAAO+pB,IAExC/pB,EAAOgnB,SAAW,IACO,iBAAdhnB,EAAOiqB,IAAmB18B,MAAMC,QAAQwS,EAAOiqB,OACxDjqB,EAAOgnB,SAAWhnB,EAAOgnB,SAASjmC,OAAOif,EAAOiqB,KAGlDjqB,EAAOonB,QAAU,IACQ,iBAAdpnB,EAAOkqB,IAAmB38B,MAAMC,QAAQwS,EAAOkqB,OACxDlqB,EAAOonB,QAAUpnB,EAAOonB,QAAQrmC,OAAOif,EAAOkqB,MAEvB,iBAAdlqB,EAAOlU,IAAmByB,MAAMC,QAAQwS,EAAOlU,OACxDkU,EAAOonB,QAAUpnB,EAAOonB,QAAQrmC,OAAOif,EAAOlU,KAGhDkU,EAAOmqB,cAAgB,IACO,iBAAnBnqB,EAAO,SAAwBzS,MAAMC,QAAQwS,EAAO,YAC7DA,EAAOmqB,cAAgBnqB,EAAOmqB,cAAcppC,OAAOif,EAAO,UAI5DA,EAAOgnB,SAAWz5B,MAAM8O,KAAK,IAAIuV,IAAI5R,EAAOgnB,WAC5ChnB,EAAOonB,QAAU75B,MAAM8O,KAAK,IAAIuV,IAAI5R,EAAOonB,UAC3CpnB,EAAOmqB,cAAgB58B,MAAM8O,KAAK,IAAIuV,IAAI5R,EAAOmqB,gBAE1CnqB,CACT,ECpGAle,eAAe,EAAcsoC,GAC3B,GAAyB,iBAAdA,GAA0B,qBAAqBpwB,KAAKowB,GAAY,CAEzE,MAAMC,EAAa,EAAOD,GAG1B,IAAKC,EAAW/b,SACd,MAAM,IAAIprB,MAAM,8BAGlB,OAAOmnC,CACT,CAAO,GAAyB,iBAAdD,IAA2B,kBAAkBpwB,KAAKowB,IAAc,kBAAkBpwB,KAAKowB,IAEvG,OAAO,EAAO,uBAAuBA,KAChC,GAAI1Y,YAAYC,OAAOyY,IAAmC,KAArBA,EAAU5oC,OAEpD,OAAO,EAAO,wBAAuB,QAAQ4oC,MACxC,GAAI1Y,YAAYC,OAAOyY,GAE5B,aAkFJtoC,eAAkCulC,GAC5B3V,YAAYC,OAAO0V,KACrBA,EAAU,EAAO,aAInB,EAAOA,EAAQjI,KAAM,QACrB,EAAOiI,EAAQjI,KAAK,eAAiBiI,EAAQjI,KAAKp0B,KAAM,aACxD,EAAOq8B,EAAQjI,KAAK,gBAAiB,wBACrC,EAAOiI,EAAQjI,KAAKwI,OAAQ,eAExBP,EAAQjI,KAAKsH,MACfW,EAAQjI,KAAKsH,MAAMv7B,SAAQq7B,IACzB,EAA8B,iBAAhBA,EAAKhlC,OAAqB,wBACxC,EAAOglC,EAAK,eAAiBA,EAAK1sB,KAAM,qBAAoB,IAG9D,EAAsC,iBAAxButB,EAAQjI,KAAK59B,OAAqB,eAGlD,MAAMwe,EAAS,CACbof,KAAMiI,EAAQjI,KACdkL,WAAY,EAAO,iBACnBt/B,MAAM,QAASq8B,EAAQjI,KAAK,eAAiBiI,EAAQjI,KAAKp0B,MAC1Dg8B,SAAU,IAGZhnB,EAAOkb,qBAAuB,QAAKlb,EAAOsqB,YAC1CtqB,EAAOsO,UAAW,QAAQtO,EAAOkb,qBAEJtrB,IAAzBy3B,EAAQjI,KAAKzP,UAAuB3P,EAAO2P,UAAY0X,EAAQjI,KAAKzP,SAEpE0X,EAAQ,mBAAkBrnB,EAAOuqB,QAAU,IAAI7hC,KAAgC,IAA3B2+B,EAAQ,mBAC5DA,EAAQ,gBAAernB,EAAOwnB,WAAY,QAASH,EAAQ,gBAE3D3V,YAAYC,OAAO0V,EAAQE,WAAUvnB,EAAOunB,SAAU,QAASF,EAAQE,UAGvEh6B,MAAMC,QAAQ65B,EAAQ,mBAAqBA,EAAQ,iBAAiB7lC,OAAS,EAC/E6lC,EAAQ,iBAAiBl8B,SAAQq/B,IAC/BA,EAAKr/B,SAAQs/B,IACXzqB,EAAOgnB,SAAS1kC,MAAK,QAASmoC,GAAI,GACnC,IAEMpD,EAAQL,UACjBhnB,EAAOgnB,SAAS1kC,MAAK,QAAS+kC,EAAQL,WAIpCtV,YAAYC,OAAO0V,EAAQ,eAE7BA,EAAQ,YAAcA,EAAQ,YAAY7lC,OAAS,EAC/C,CAAC6lC,EAAQ,aACT,IAENrnB,EAAOonB,SAAWC,EAAQ,aAAe,IAAI58B,KAAIggC,IAAO,QAASA,KAGjEzqB,EAAOgnB,SAAWz5B,MAAM8O,KAAK,IAAIuV,IAAI5R,EAAOgnB,WAC5ChnB,EAAOonB,QAAU75B,MAAM8O,KAAK,IAAIuV,IAAI5R,EAAOonB,UAE3C,MAAMV,EAAQW,EAAQjI,KAAKsH,OAAS,CAACW,EAAQjI,MAC7Cpf,EAAO0mB,MAAQA,EAAMj8B,KAAI,CAAC+7B,EAAMllC,KAC9B,MAAMopC,EAAQ,GAAG3pC,OAAOif,EAAOhV,KAAMw7B,EAAK,eAAiBA,EAAK1sB,MAAQ,IAAIrP,KAAIkgC,GAAKjZ,YAAYC,OAAOgZ,IAAK,QAASA,GAAKA,IAC3H,MAAO,CACL7wB,KAAM,EAAU3Q,MAAM,KAAM,CAAC,GAAUpI,OAAO2pC,IAAQnoC,MAAM,GAC5DyI,KAAM0/B,EAAMA,EAAMlpC,OAAS,GAC3BA,OAAQglC,EAAKhlC,OACbH,OAAQqlC,EAAMnkC,MAAM,EAAGjB,GAAGmb,OAAO,EAAW,GAC9C,IAGFuD,EAAOxe,OAASklC,EAAMjqB,OAAO,EAAW,GAExC,MAAMmuB,EAAW5qB,EAAO0mB,MAAM1mB,EAAO0mB,MAAMllC,OAAS,GAMpD,OAJAwe,EAAO2nB,YAAcN,EAAQjI,KAAK,gBAClCpf,EAAO6qB,iBAAoBD,EAASvpC,OAASupC,EAASppC,QAAUwe,EAAO2nB,aAAgB3nB,EAAO2nB,YAC9F3nB,EAAO4nB,OAuDT,SAAsBvkC,GACpB,MAAMukC,EAAS,GACf,IAAK,IAAItmC,EAAI,EAAGA,EAAI+B,EAAI7B,OAAQF,GAAK,GACnCsmC,EAAOtlC,MAAK,QAAQe,EAAId,MAAMjB,EAAGA,EAAI,MAEvC,OAAOsmC,CACT,CA7DkB,CAAYP,EAAQjI,KAAKwI,QAElC5nB,CACT,CAnKiB,CAAkBoqB,GAC1B,GAAIA,GAAaA,EAAU9b,SAYhC,OAVA8b,EAAU9b,SAAW8b,EAAU9b,SAAS7nB,cAEnC2jC,EAAUpD,WAAUoD,EAAUpD,SAAW,IAEZ,iBAAvBoD,EAAUpD,WACnBoD,EAAUpD,SAAW,CAACoD,EAAUpD,WAG7BoD,EAAUhD,UAASgD,EAAUhD,QAAU,IAErCgD,EAEP,MAAM,IAAIlnC,MAAM,6BAEpB,CAEApB,eAAe,EAAoBsoC,EAAWpoC,EAAMsB,GAClD,GAAoB,mBAATtB,EAAqB,OAAO,EAAmBooC,EAAW,CAAC,EAAGpoC,GACzE,GAAkB,mBAAPsB,EAAmB,MAAM,IAAIJ,MAAM,sCAE9C,IAAI4nC,EACJ,IACEA,QAAsB,EAAaV,EACrC,CAAE,MAAOzmC,GAGT,CAEA,GAAImnC,GAAiBA,EAAcxc,SACjC,GAAe,KACbhrB,EAAG,KAAMwnC,EAAa,SAEnB,GA4KQl9B,EA5KGw8B,EA6KK,oBAATxD,MAAwBh5B,aAAeg5B,KA5KnD,IAEEmE,EADmB,IAAI5pC,iBAAiBipC,EAAUY,eAEpD,CAAE,MAAOrnC,GACP,OAAOL,EAAG,IAAIJ,MAAM,0BAA0BS,EAAIqE,WACpD,MACK,GAAI,WAAWgS,KAAKowB,GACzB,IACE,MAAM5H,QAAY,EAAM4H,EAAW,CACjCa,QAAS,CAAE,aAAc,sCACzBniB,OAAQyf,YAAY/a,QAAQ,QACzBxrB,IAGL+oC,EADmB,IAAI5pC,iBAAiBqhC,EAAIwI,eAE9C,CAAE,MAAOrnC,GACP,OAAOL,EAAG,IAAIJ,MAAM,8BAA8BS,EAAIqE,WACxD,KACgC,mBAAhB,YAAmD,iBAAdoiC,EAErD,WAAYA,GAAW,CAACzmC,EAAKunC,KAC3B,GAAIvnC,EAAK,OAAOL,EAAG,IAAIJ,MAAM,+BAC7B6nC,EAAaG,EAAU,IAGzB,GAAe,KACb5nC,EAAG,IAAIJ,MAAM,8BAA6B,IAiJhD,IAAiB0K,EA7If9L,eAAeipC,EAAcG,GAC3B,IACEJ,QAAsB,EAAaI,EACrC,CAAE,MAAOvnC,GACP,OAAOL,EAAGK,EACZ,CACImnC,GAAiBA,EAAcxc,SAAUhrB,EAAG,KAAMwnC,GACjDxnC,EAAG,IAAIJ,MAAM,8BACpB,CACF,CAwIA,SAAS,EAAW6vB,EAAKyT,GACvB,OAAOzT,EAAMyT,EAAKhlC,MACpB,CAUA,SAAS,EAAQ2pC,EAAMC,GACrB,IAAKD,EAAM,MAAM,IAAIjoC,MAAM,sCAAsCkoC,IACnE,CAEA,UACM,EDjJN,SAA0Bx9B,GACxBA,EAAMtE,OAAOqE,OAAO,CAAC,EAAGC,GAMxB,IAAIy9B,EAAM,IAAIzZ,IACVhkB,EAAI47B,IAAwB,iBAAX57B,EAAI47B,IAAiB6B,EAAIC,IAAI19B,EAAI47B,IAClD57B,EAAI47B,IAAMj8B,MAAMC,QAAQI,EAAI47B,MAAK6B,EAAM,IAAIzZ,IAAIhkB,EAAI47B,KACnD57B,EAAIstB,gBAAgBmQ,EAAIC,IAAI,aAAY,QAAQ19B,EAAIstB,mBACpDttB,EAAI0gB,UAAU+c,EAAIC,IAAI,YAAY19B,EAAI0gB,YACtC1gB,EAAIg8B,kBAAkByB,EAAIC,IAAI19B,EAAI47B,GAAK,iBAAgB,QAAQ57B,EAAIg8B,qBACnEh8B,EAAI67B,YAAY4B,EAAIC,IAAI,gBAAgB19B,EAAI67B,cAChD,MAAM8B,EAAah+B,MAAM8O,KAAKgvB,GACJ,IAAtBE,EAAW/pC,SAAcoM,EAAI47B,GAAK+B,EAAW,IAC7CA,EAAW/pC,OAAS,IAAGoM,EAAI47B,GAAK+B,GAEhC39B,EAAIi8B,kBAAiBj8B,EAAI87B,GAAK,aAAY,QAAQ97B,EAAIi8B,oBACtDj8B,EAAI+7B,YAAW/7B,EAAI87B,GAAK,YAAY97B,EAAI+7B,aACxC/7B,EAAI5C,OAAM4C,EAAIk8B,GAAKl8B,EAAI5C,MACvB4C,EAAIo8B,WAAUp8B,EAAIm8B,GAAKn8B,EAAIo8B,UAC3Bp8B,EAAIo5B,WAAUp5B,EAAIq8B,GAAKr8B,EAAIo5B,UAC3Bp5B,EAAIw5B,UACNx5B,EAAI9B,GAAK8B,EAAIw5B,eACNx5B,EAAIs8B,IAETt8B,EAAIu8B,gBAAev8B,EAAI,QAAUA,EAAIu8B,eAEzC,IAAInqB,EAAS,WAyBb,OAxBA1W,OAAO4B,KAAK0C,GACT/C,QAAOO,GAAsB,IAAfA,EAAI5J,QAAwB,SAAR4J,IAClCD,SAAQ,CAACC,EAAK9J,KACb,MAAM27B,EAAS1vB,MAAMC,QAAQI,EAAIxC,IAAQwC,EAAIxC,GAAO,CAACwC,EAAIxC,IDtJ/D,IAAuB+R,ECuJjB8f,EAAO9xB,SAAQ,CAAClC,EAAKrB,MACdtG,EAAI,GAAKsG,EAAI,KAAgB,OAARwD,GAAwB,OAARA,GAAuB,IAANxD,KAAUoY,GAAU,KAEnE,OAAR5U,IAAcnC,EAAMuiC,mBAAmBviC,GAAK1D,QAAQ,OAAQ,MACpD,OAAR6F,GAAwB,OAARA,GAAwB,OAARA,IAClCnC,EAAMuiC,mBAAmBviC,IAGf,OAARmC,GAAiBnC,EAAIwiC,WAAW,eAClCxiC,EAAMuiC,mBAAmBviC,IAEf,OAARmC,IAAcnC,EAAMuiC,mBAAmBviC,IAC/B,OAARmC,IAEuB4U,GAAf,OAAR5U,GAAgBxD,EAAI,EAAa,IAAIqB,IAC1B,GAAGmC,KAAOnC,IAAG,IAElB,OAARmC,IAAc4U,GAAU,GAAG5U,KDxKd+R,ECwK6B8f,EDvK3C9f,EACJV,QAAO,CAACusB,EAAKC,EAAKC,EAAK13B,KACV,IAAR03B,GAAaD,IAAQz3B,EAAI03B,EAAM,GAAK,GAAGF,EAAI1mC,KAAK,IACpD0mC,EAAIA,EAAIxnC,OAAS,GAAGc,KAAK2mC,GAClBD,IACN,IACFv+B,KAAKw+B,GACGA,EAAIznC,OAAS,EAAI,GAAGynC,EAAI,MAAMA,EAAIA,EAAIznC,OAAS,KAAO,GAAGynC,EAAI,SCgKf,IAGlDjpB,CACT,EE5KM,EAA0B,oBAAX3Z,OAAyBA,OAASkC,KAG1C,EAAoB,EAAMmjC,mBAAqB,EAAMC,sBAAwB,EAAMC,wBAEnF,EAAwB,EAAMC,uBAAyB,EAAMC,0BAA4B,EAAMC,4BAE/F,EAAkB,EAAMC,iBAAmB,EAAMC,oBAAsB,EAAMC,sBAC3D,EAAMC,gBACP,EAAMC,eACJ,EAAMC,iBACN,EAAMC,iBACR,EAAMC,eACT,EAAMC,YACD,EAAMC,iBACD,EAAMC,sBACF,EAAMC,0BACZ,EAAMC,oBACZ,EAAMC,cACX,EAAMC,SACD,EAAMC,cACF,EAAMC,kBACT,EAAMC,eACR,EAAMC,a,wBChBlC,MAAM,EAAQ,EAAM,eAEd,EAAsB,MAK5B,SAAS,EAAeC,GACtB,OAAOA,EAAI5nC,QAAQ,6BAA8B,GACnD,CAWA,MAAM,WAAa,EAAAolB,OAEjByiB,IACA,WAAA1qC,CAAaV,GAqCX,GAhCAsf,MAJAtf,EAAOsH,OAAOqE,OAAO,CACnB0/B,eAAe,GACdrrC,IAIHY,KAAK0qC,eAAiBtrC,EAAKurC,WAE3B3qC,KAAK4qC,KAAM,SAAQ,QAAY,IAAIjrC,MAAM,EAAG,GAC5CK,KAAKozB,OAAO,cAAeh0B,GAE3BY,KAAK6qC,YAAczrC,EAAK0rC,UACpB1rC,EAAKyrC,cAAe,SAAQ,QAAY,KACxC,KAEJ7qC,KAAK8qC,UAAY1rC,EAAK0rC,YAAa,EACnC9qC,KAAK+qC,cAAgB3rC,EAAK2rC,eAAiB,GAAKA,cAChD/qC,KAAKgrC,kBAAoBhrC,KAAK+qC,cAAcE,WAC5CjrC,KAAKkrC,OAASxkC,OAAOqE,OAAO,CAAC,EAAG,GAAKmgC,OAAQ9rC,EAAK8rC,QAClDlrC,KAAKmrC,aAAe/rC,EAAK+rC,cAAgB,CAAC,EAC1CnrC,KAAKorC,cAAgBhsC,EAAKgsC,eAAiB,CAAC,EAC5CprC,KAAKqrC,aAAejsC,EAAKisC,cAAgB,CAACd,GAAOA,GACjDvqC,KAAKsrC,aAA2Bt+B,IAAjB5N,EAAKksC,SAAwBlsC,EAAKksC,QACjDtrC,KAAKurC,sBAA6Cv+B,IAA1B5N,EAAKmsC,kBAAiCnsC,EAAKmsC,iBACnEvrC,KAAKwrC,mBAAqBpsC,EAAKosC,oBA7CP,IA+CxBxrC,KAAKyrC,aAAc,EACnBzrC,KAAK0rC,YAAa,EAElB1rC,KAAK2sB,mBAAgB3f,EACrBhN,KAAK2rC,kBAAe3+B,EACpBhN,KAAK4sB,gBAAa5f,EAClBhN,KAAK4rC,kBAAe5+B,EACpBhN,KAAK6rC,iBAAc7+B,EACnBhN,KAAK8rC,eAAY9+B,GAEZ,EACH,KAAsB,oBAAXvJ,OACH,EAAQ,IAAInD,MAAM,qEAAsE,sBAExF,EAAQ,IAAIA,MAAM,8CAA+C,sBAI3EN,KAAK+rC,UAAW,EAChB/rC,KAAKgsC,eAAgB,EACrBhsC,KAAKisC,cAAe,EACpBjsC,KAAKksC,kBAAoB,KACzBlsC,KAAKmsC,SAAW,KAChBnsC,KAAKosC,mBAAqB,GAE1BpsC,KAAKqsC,gBAAiB,EACtBrsC,KAAKssC,mBAAoB,EACzBtsC,KAAKusC,qBAAsB,EAC3BvsC,KAAKwsC,oBAAqB,EAC1BxsC,KAAKysC,uBAAyB,GAC9BzsC,KAAK0sC,iBAAmB,KAExB1sC,KAAK2sC,cAAgB,GACrB3sC,KAAK4sC,eAAiB,GAEtB5sC,KAAK6sC,OAAS,KACd7sC,KAAK8sC,IAAM,KACX9sC,KAAK+sC,UAAY,KAEjB,IACE/sC,KAAKwqC,IAAM,IAAI,EAAkBxqC,KAAKkrC,OACxC,CAAE,MAAOnqC,GAEP,YADAf,KAAKgtC,UAAU,EAAQjsC,EAAK,sBAE9B,CAIAf,KAAKitC,qBAA6D,iBAA/BjtC,KAAKwqC,IAAI0C,kBAE5CltC,KAAKwqC,IAAI2C,2BAA6B,KACpCntC,KAAKotC,mBAAkB,EAEzBptC,KAAKwqC,IAAI6C,0BAA4B,KACnCrtC,KAAKotC,mBAAkB,EAEzBptC,KAAKwqC,IAAI8C,wBAA0B,KACjCttC,KAAKutC,0BAAyB,EAEhCvtC,KAAKwqC,IAAIgD,uBAAyB,KAChCxtC,KAAKytC,yBAAwB,EAE/BztC,KAAKwqC,IAAIkD,eAAiBC,IACxB3tC,KAAK4tC,gBAAgBD,EAAK,EAIS,iBAA1B3tC,KAAKwqC,IAAIqD,cAClB7tC,KAAKwqC,IAAIqD,aAAa3zB,OAAMnZ,IAC1Bf,KAAKgtC,UAAU,EAAQjsC,EAAK,wBAAuB,IAUnDf,KAAK8qC,WAAa9qC,KAAKgrC,kBACzBhrC,KAAK8tC,WAAW,CACdC,QAAS/tC,KAAKwqC,IAAIwD,kBAAkBhuC,KAAK6qC,YAAa7qC,KAAK+qC,iBAG7D/qC,KAAKwqC,IAAIyD,cAAgBN,IACvB3tC,KAAK8tC,WAAWH,EAAK,EAIzB3tC,KAAKozB,OAAO,uBACZpzB,KAAKkuC,oBAELluC,KAAKmuC,eAAiB,KACpBnuC,KAAKk2B,WAAU,EAEjBl2B,KAAK6I,KAAK,SAAU7I,KAAKmuC,eAC3B,CAEA,cAAIC,GACF,OAAQpuC,KAAKmsC,UAAYnsC,KAAKmsC,SAASkC,gBAAmB,CAC5D,CAIA,aAAI1jB,GACF,OAAQ3qB,KAAK0rC,YAA2C,SAA7B1rC,KAAKmsC,SAASmC,UAC3C,CAEA,OAAAC,GACE,MAAO,CAAE9U,KAAMz5B,KAAK8rC,UAAW0C,OAAQxuC,KAAK6rC,YAAa0C,QAASvuC,KAAK4rC,aACzE,CAEA,MAAA1lB,CAAQxU,GACN,IAAI1R,KAAKyrC,YAAT,CACA,GAAIzrC,KAAKmK,UAAW,MAAM,EAAQ,IAAI7J,MAAM,yCAA0C,iBACtF,GAAoB,iBAAToR,EACT,IACEA,EAAOxM,KAAK+S,MAAMvG,EACpB,CAAE,MAAO3Q,GACP2Q,EAAO,CAAC,CACV,CAEF1R,KAAKozB,OAAO,YAER1hB,EAAK+8B,aAAezuC,KAAK8qC,YAC3B9qC,KAAKozB,OAAO,8BACZpzB,KAAKkuC,qBAEHx8B,EAAKg9B,oBAAsB1uC,KAAK8qC,YAClC9qC,KAAKozB,OAAO,+BACZpzB,KAAK2uC,eAAej9B,EAAKg9B,mBAAmBE,KAAMl9B,EAAKg9B,mBAAmB5nC,OAExE4K,EAAKm9B,YACH7uC,KAAKwqC,IAAIsE,mBAAqB9uC,KAAKwqC,IAAIsE,kBAAkBprC,KAC3D1D,KAAK+uC,iBAAiBr9B,EAAKm9B,WAE3B7uC,KAAKosC,mBAAmB1sC,KAAKgS,EAAKm9B,YAGlCn9B,EAAK64B,KACPvqC,KAAKwqC,IAAIwE,qBAAqB,IAAI,EAAsBt9B,IACrDuI,MAAK,KACAja,KAAKmK,YAETnK,KAAKosC,mBAAmB7jC,SAAQsmC,IAC9B7uC,KAAK+uC,iBAAiBF,EAAS,IAEjC7uC,KAAKosC,mBAAqB,GAEc,UAApCpsC,KAAKwqC,IAAIsE,kBAAkBprC,MAAkB1D,KAAKivC,gBAAc,IAErE/0B,OAAMnZ,IACLf,KAAKgtC,UAAU,EAAQjsC,EAAK,8BAA6B,IAG1D2Q,EAAK64B,KAAQ74B,EAAKm9B,WAAcn9B,EAAK+8B,aAAgB/8B,EAAKg9B,oBAC7D1uC,KAAKgtC,UAAU,EAAQ,IAAI1sC,MAAM,4CAA6C,iBA3C1D,CA6CxB,CAEA,gBAAAyuC,CAAkBF,GAChB,MAAMK,EAAkB,IAAI,EAAgBL,GAC5C7uC,KAAKwqC,IAAI2E,gBAAgBD,GACtBh1B,OAAMnZ,IA1Mb,IAAeqE,GA2MF8pC,EAAgBX,SAAWW,EAAgBX,QAAQa,SAAS,WA3M1DhqC,EA4MA,sCA3MbjB,QAAQQ,KAAKS,IA6MLpF,KAAKgtC,UAAU,EAAQjsC,EAAK,yBAC9B,GAEN,CAMA,IAAAsuC,CAAMxwC,GACJ,IAAImB,KAAKyrC,YAAT,CACA,GAAIzrC,KAAKmK,UAAW,MAAM,EAAQ,IAAI7J,MAAM,uCAAwC,iBACpFN,KAAKmsC,SAASkD,KAAKxwC,EAFG,CAGxB,CAEA,iBAAAqvC,GACEluC,KAAKozB,OAAO,qBACRpzB,KAAKusC,sBACTvsC,KAAKusC,qBAAsB,EAC3B1sC,gBAAe,KACbG,KAAKusC,qBAAsB,EACvBvsC,KAAK8qC,YAAc9qC,KAAKssC,mBAC1BtsC,KAAKozB,OAAO,gCACZpzB,KAAKsvC,aAELtvC,KAAKozB,OAAO,uDAEdpzB,KAAKssC,mBAAoB,KAE7B,CAEA,SAAAgD,GACE,IAAItvC,KAAKyrC,YAAT,CACA,GAAIzrC,KAAKmK,UAAW,MAAM,EAAQ,IAAI7J,MAAM,4CAA6C,iBAErFN,KAAK8qC,UACH9qC,KAAKqsC,gBACPrsC,KAAKwsC,oBAAqB,EAC1BxsC,KAAKozB,OAAO,mCAEZpzB,KAAKozB,OAAO,qBACZ5e,YAAW,KACTxU,KAAKuvC,cAAa,GACjB,IAGDvvC,KAAKqsC,gBACPrsC,KAAKwsC,oBAAqB,EAC1BxsC,KAAKozB,OAAO,mCAEZpzB,KAAKozB,OAAO,yCACZpzB,KAAK8N,KAAK,SAAU,CAClBpK,KAAM,cACN+qC,aAAa,KAInBzuC,KAAKqsC,gBAAiB,CAzBA,CA0BxB,CAEA,MAAAtoB,CAAQrjB,GACDV,KAAKqJ,eAAea,OAAOlK,KAAKN,KAAK,MAC1CgB,EAAG,KACL,CAEA,SAAAssC,CAAWjsC,GACTf,KAAKya,MACLza,KAAKmkB,UAAS,QAAUpjB,EAC1B,CAEA,QAAAojB,CAAUzjB,EAAIK,GACRf,KAAKmK,WAAanK,KAAKyrC,cAC3BzrC,KAAKyrC,aAAc,EAEnBzrC,KAAKozB,OAAO,yBAA0BryB,IAAQA,EAAIqE,SAAWrE,IAE7DyT,YAAW,KAmBT,GAlBAxU,KAAK0rC,YAAa,EAClB1rC,KAAK+rC,UAAW,EAChB/rC,KAAKgsC,eAAgB,EACrBhsC,KAAK2sC,cAAgB,KACrB3sC,KAAK4sC,eAAiB,KACtB5sC,KAAKwvC,WAAa,KAElBjZ,cAAcv2B,KAAK0sC,kBACnB1sC,KAAK0sC,iBAAmB,KAExBnW,cAAcv2B,KAAK+sC,WACnB/sC,KAAK+sC,UAAY,KACjB/sC,KAAK6sC,OAAS,KACd7sC,KAAK8sC,IAAM,KAEP9sC,KAAKmuC,gBAAgBnuC,KAAK8K,eAAe,SAAU9K,KAAKmuC,gBAC5DnuC,KAAKmuC,eAAiB,KAElBnuC,KAAKmsC,SAAU,CACjB,IACEnsC,KAAKmsC,SAAShrC,OAChB,CAAE,MAAOJ,GAAM,CAGff,KAAKmsC,SAASsD,UAAY,KAC1BzvC,KAAKmsC,SAASuD,OAAS,KACvB1vC,KAAKmsC,SAASpiC,QAAU,KACxB/J,KAAKmsC,SAASriC,QAAU,IAC1B,CACA,GAAI9J,KAAKwqC,IAAK,CACZ,IACExqC,KAAKwqC,IAAIrpC,OACX,CAAE,MAAOJ,GAAM,CAGff,KAAKwqC,IAAI2C,2BAA6B,KACtCntC,KAAKwqC,IAAI6C,0BAA4B,KACrCrtC,KAAKwqC,IAAIgD,uBAAyB,KAClCxtC,KAAKwqC,IAAIkD,eAAiB,KAC1B1tC,KAAKwqC,IAAImF,QAAU,KACnB3vC,KAAKwqC,IAAIyD,cAAgB,IAC3B,CACAjuC,KAAKwqC,IAAM,KACXxqC,KAAKmsC,SAAW,KACZprC,GAAKf,KAAK8N,KAAK,QAAS/M,GAC5BL,GAAG,GACF,GACL,CAEA,UAAAotC,CAAYH,GACV,IAAKA,EAAMI,QAIT,OAAO/tC,KAAKgtC,UAAU,EAAQ,IAAI1sC,MAAM,oDAAqD,qBAG/FN,KAAKmsC,SAAWwB,EAAMI,QACtB/tC,KAAKmsC,SAASyD,WAAa,cAE6B,iBAA7C5vC,KAAKmsC,SAAS0D,6BACvB7vC,KAAKmsC,SAAS0D,2BAA6B,GAG7C7vC,KAAK6qC,YAAc7qC,KAAKmsC,SAAS2D,MAEjC9vC,KAAKmsC,SAASsD,UAAY9B,IACxB3tC,KAAK+vC,kBAAkBpC,EAAK,EAE9B3tC,KAAKmsC,SAAS6D,oBAAsB,KAClChwC,KAAKiwC,6BAA4B,EAEnCjwC,KAAKmsC,SAASuD,OAAS,KACrB1vC,KAAKkwC,gBAAe,EAEtBlwC,KAAKmsC,SAASpiC,QAAU,KACtB/J,KAAKmwC,iBAAgB,EAEvBnwC,KAAKmsC,SAASriC,QAAU6jC,IACtB,MAAM5sC,EAAM4sC,EAAMzqC,iBAAiB5C,MAC/BqtC,EAAMzqC,MACN,IAAI5C,MAAM,sBAAsBqtC,EAAMvoC,WAAWuoC,EAAM/K,YAAY+K,EAAMyC,UAAUzC,EAAM0C,SAC7FrwC,KAAKgtC,UAAU,EAAQjsC,EAAK,oBAAmB,EAKjD,IAAIuvC,GAAY,EAChBtwC,KAAK0sC,iBAAmBlW,aAAY,KAC9Bx2B,KAAKmsC,UAAyC,YAA7BnsC,KAAKmsC,SAASmC,YAC7BgC,GAAWtwC,KAAKmwC,kBACpBG,GAAY,GAEZA,GAAY,CACd,GAhY0B,IAkY9B,CAEA,MAAA1sB,CAAQ/kB,EAAO6B,GACb,GAAIV,KAAKmK,UAAW,OAAOzJ,EAAG,EAAQ,IAAIJ,MAAM,wCAAyC,qBAEzF,GAAIN,KAAK0rC,WAAY,CACnB,IACE1rC,KAAKqvC,KAAKxwC,EACZ,CAAE,MAAOkC,GACP,OAAOf,KAAKgtC,UAAU,EAAQjsC,EAAK,oBACrC,CACIf,KAAKmsC,SAASkC,eAAiB,GACjCruC,KAAKozB,OAAO,wCAAyCpzB,KAAKmsC,SAASkC,gBACnEruC,KAAK8sC,IAAMpsC,GAEXA,EAAG,KAEP,MACEV,KAAKozB,OAAO,wBACZpzB,KAAK6sC,OAAShuC,EACdmB,KAAK8sC,IAAMpsC,CAEf,CAIA,SAAAw1B,GACE,GAAIl2B,KAAKmK,UAAW,OAIpB,MAAMomC,EAAc,KAClB/7B,YAAW,IAAMxU,KAAKgtC,aAAa,IAAI,EAGrChtC,KAAK0rC,WACP6E,IAEAvwC,KAAK6I,KAAK,UAAW0nC,EAEzB,CAEA,wBAAAC,GACMxwC,KAAKmK,WACLnK,KAAKksC,oBACTlsC,KAAKozB,OAAO,+BACZpzB,KAAKksC,kBAAoB13B,YAAW,KAC7BxU,KAAKisC,eACRjsC,KAAKisC,cAAe,EACpBjsC,KAAKozB,OAAO,iCACZpzB,KAAK8N,KAAK,cACV9N,KAAK8N,KAAK,gBACZ,GACC9N,KAAKwrC,oBACV,CAEA,YAAA+D,GACMvvC,KAAKmK,WAETnK,KAAKwqC,IAAIiG,YAAYzwC,KAAKmrC,cACvBlxB,MAAKy2B,IACJ,GAAI1wC,KAAKmK,UAAW,OACfnK,KAAKsrC,SAAYtrC,KAAKurC,mBAAkBmF,EAAMnG,IAAM,EAAcmG,EAAMnG,MAC7EmG,EAAMnG,IAAMvqC,KAAKqrC,aAAaqF,EAAMnG,KAEpC,MAAMoG,EAAY,KAChB,GAAI3wC,KAAKmK,UAAW,OACpB,MAAM+b,EAASlmB,KAAKwqC,IAAIoG,kBAAoBF,EAC5C1wC,KAAKozB,OAAO,UACZpzB,KAAK8N,KAAK,SAAU,CAClBpK,KAAMwiB,EAAOxiB,KACb6mC,IAAKrkB,EAAOqkB,KACb,EAcHvqC,KAAKwqC,IAAIqG,oBAAoBH,GAC1Bz2B,MAZe,KAChBja,KAAKozB,OAAO,uBACRpzB,KAAKmK,YACLnK,KAAKsrC,SAAWtrC,KAAKisC,aAAc0E,IAClC3wC,KAAK6I,KAAK,eAAgB8nC,GAAS,IASvCz2B,OANanZ,IACdf,KAAKgtC,UAAU,EAAQjsC,EAAK,6BAA4B,GAK1C,IAEjBmZ,OAAMnZ,IACLf,KAAKgtC,UAAU,EAAQjsC,EAAK,oBAAmB,GAErD,CAEA,aAAAkuC,GACMjvC,KAAKmK,WAETnK,KAAKwqC,IAAIsG,aAAa9wC,KAAKorC,eACxBnxB,MAAK82B,IACJ,GAAI/wC,KAAKmK,UAAW,OACfnK,KAAKsrC,SAAYtrC,KAAKurC,mBAAkBwF,EAAOxG,IAAM,EAAcwG,EAAOxG,MAC/EwG,EAAOxG,IAAMvqC,KAAKqrC,aAAa0F,EAAOxG,KAEtC,MAAMyG,EAAa,KACjB,GAAIhxC,KAAKmK,UAAW,OACpB,MAAM+b,EAASlmB,KAAKwqC,IAAIoG,kBAAoBG,EAC5C/wC,KAAKozB,OAAO,UACZpzB,KAAK8N,KAAK,SAAU,CAClBpK,KAAMwiB,EAAOxiB,KACb6mC,IAAKrkB,EAAOqkB,MAETvqC,KAAK8qC,WAAW9qC,KAAKixC,+BAA8B,EAa1DjxC,KAAKwqC,IAAIqG,oBAAoBE,GAC1B92B,MAXe,KACZja,KAAKmK,YACLnK,KAAKsrC,SAAWtrC,KAAKisC,aAAc+E,IAClChxC,KAAK6I,KAAK,eAAgBmoC,GAAU,IASxC92B,OANanZ,IACdf,KAAKgtC,UAAU,EAAQjsC,EAAK,6BAA4B,GAK1C,IAEjBmZ,OAAMnZ,IACLf,KAAKgtC,UAAU,EAAQjsC,EAAK,qBAAoB,GAEtD,CAEA,wBAAAwsC,GACMvtC,KAAKmK,WAAanK,KAAKyrC,aACM,WAA7BzrC,KAAKwqC,IAAI0G,iBACXlxC,KAAKgtC,UAAU,EAAQ,IAAI1sC,MAAM,sBAAuB,0BAE5D,CAEA,iBAAA8sC,GACE,GAAIptC,KAAKmK,UAAW,OACpB,MAAMgnC,EAAqBnxC,KAAKwqC,IAAI2G,mBAC9BC,EAAoBpxC,KAAKwqC,IAAI4G,kBAEnCpxC,KAAKozB,OACH,kDACA+d,EACAC,GAEFpxC,KAAK8N,KAAK,iBAAkBqjC,EAAoBC,GAErB,cAAvBD,GAA6D,cAAvBA,IACxCnxC,KAAK+rC,UAAW,EAChB/rC,KAAKqxC,eAEoB,WAAvBF,GACFnxC,KAAKgtC,UAAU,EAAQ,IAAI1sC,MAAM,0BAA2B,+BAEnC,WAAvB6wC,GACFnxC,KAAKgtC,UAAU,EAAQ,IAAI1sC,MAAM,0BAA2B,6BAEhE,CAEA,QAAAgxC,CAAU5wC,GAER,MAAM6wC,EAAgBC,IACkC,mBAAlD9qC,OAAO4E,UAAUklB,SAASlqB,KAAKkrC,EAAOnX,SACxCmX,EAAOnX,OAAO9xB,SAAQ9I,IACpBiH,OAAOqE,OAAOymC,EAAQ/xC,EAAK,IAGxB+xC,GAIwB,IAA7BxxC,KAAKwqC,IAAI8G,SAAS1yC,QAAgBoB,KAAKitC,qBACzCjtC,KAAKwqC,IAAI8G,WACNr3B,MAAK2lB,IACJ,MAAM6R,EAAU,GAChB7R,EAAIr3B,SAAQipC,IACVC,EAAQ/xC,KAAK6xC,EAAcC,GAAO,IAEpC9wC,EAAG,KAAM+wC,EAAO,IACf1wC,GAAOL,EAAGK,KAGNf,KAAKwqC,IAAI8G,SAAS1yC,OAAS,EACpCoB,KAAKwqC,IAAI8G,UAAS1R,IAEhB,GAAI5/B,KAAKmK,UAAW,OAEpB,MAAMsnC,EAAU,GAChB7R,EAAIxiB,SAAS7U,SAAQ6U,IACnB,MAAMo0B,EAAS,CAAC,EAChBp0B,EAAOzV,QAAQY,SAAQH,IACrBopC,EAAOppC,GAAQgV,EAAOs0B,KAAKtpC,EAAI,IAEjCopC,EAAOnnB,GAAKjN,EAAOiN,GACnBmnB,EAAO9tC,KAAO0Z,EAAO1Z,KACrB8tC,EAAOG,UAAYv0B,EAAOu0B,UAC1BF,EAAQ/xC,KAAK6xC,EAAcC,GAAO,IAEpC9wC,EAAG,KAAM+wC,EAAO,IACf1wC,GAAOL,EAAGK,KAKbL,EAAG,KAAM,GAEb,CAEA,WAAA2wC,GAEE,GADArxC,KAAKozB,OAAO,8BAA+BpzB,KAAK+rC,SAAU/rC,KAAKgsC,eAC3DhsC,KAAK0rC,YAAc1rC,KAAK4xC,cAAgB5xC,KAAK+rC,WAAa/rC,KAAKgsC,cAAe,OAElFhsC,KAAK4xC,aAAc,EAGnB,MAAMC,EAAoB,KACpB7xC,KAAKmK,WAAanK,KAAKyrC,aAE3BzrC,KAAKsxC,UAAS,CAACvwC,EAAK+wC,KAClB,GAAI9xC,KAAKmK,WAAanK,KAAKyrC,YAAa,OAGpC1qC,IAAK+wC,EAAQ,IAEjB,MAAMC,EAAmB,CAAC,EACpBC,EAAkB,CAAC,EACnBC,EAAiB,CAAC,EACxB,IAAIC,GAA6B,EAEjCJ,EAAMvpC,SAAQ0nB,IAGM,oBAAdA,EAAKvsB,MAA4C,qBAAdusB,EAAKvsB,OAC1CquC,EAAiB9hB,EAAK5F,IAAM4F,GAEZ,mBAAdA,EAAKvsB,MAA2C,oBAAdusB,EAAKvsB,OACzCsuC,EAAgB/hB,EAAK5F,IAAM4F,GAEX,kBAAdA,EAAKvsB,MAA0C,mBAAdusB,EAAKvsB,OACxCuuC,EAAehiB,EAAK5F,IAAM4F,EAC5B,IAGF,MAAMkiB,EAA2BC,IAC/BF,GAA6B,EAE7B,IAAIG,EAAQL,EAAgBI,EAAsBE,kBAE9CD,IAAUA,EAAME,IAAMF,EAAM9D,UAE9BvuC,KAAK4rC,aAAeyG,EAAME,IAAMF,EAAM9D,QACtCvuC,KAAK8rC,UAAYjmC,OAAOwsC,EAAM5Y,OACrB4Y,GAASA,EAAMG,WAExBxyC,KAAK4rC,aAAeyG,EAAMG,UAC1BxyC,KAAK8rC,UAAYjmC,OAAOwsC,EAAMI,aAC6B,iBAA3CL,EAAsBM,mBAEtCL,EAAQD,EAAsBM,iBAAiB3qC,MAAM,KACrD/H,KAAK4rC,aAAeyG,EAAM,GAC1BryC,KAAK8rC,UAAYjmC,OAAOwsC,EAAM,KAE5BryC,KAAK4rC,eACP5rC,KAAK6rC,YAAc7rC,KAAK4rC,aAAanb,SAAS,KAAO,OAAS,QAGhE,IAAIkiB,EAASZ,EAAiBK,EAAsBQ,mBAEhDD,IAAWA,EAAOJ,IAAMI,EAAOpE,UAEjCvuC,KAAK2sB,cAAgBgmB,EAAOJ,IAAMI,EAAOpE,QACzCvuC,KAAK4sB,WAAa/mB,OAAO8sC,EAAOlZ,OACvBkZ,GAAUA,EAAOH,WAE1BxyC,KAAK2sB,cAAgBgmB,EAAOH,UAC5BxyC,KAAK4sB,WAAa/mB,OAAO8sC,EAAOF,aAC4B,iBAA5CL,EAAsBS,oBAEtCF,EAASP,EAAsBS,kBAAkB9qC,MAAM,KACvD/H,KAAK2sB,cAAgBgmB,EAAO,GAC5B3yC,KAAK4sB,WAAa/mB,OAAO8sC,EAAO,KAE9B3yC,KAAK2sB,gBACP3sB,KAAK2rC,aAAe3rC,KAAK2sB,cAAc8D,SAAS,KAAO,OAAS,QAGlEzwB,KAAKozB,OACH,qCACApzB,KAAK4rC,aACL5rC,KAAK8rC,UACL9rC,KAAK2sB,cACL3sB,KAAK4sB,WACP,EAoBF,GAjBAklB,EAAMvpC,SAAQ0nB,IAEM,cAAdA,EAAKvsB,MAAwBusB,EAAK6iB,yBACpCX,EAAyBF,EAAehiB,EAAK6iB,2BAK9B,sBAAd7iB,EAAKvsB,MAA8D,SAA9BusB,EAAK8iB,uBAC3B,kBAAd9iB,EAAKvsB,MAA0C,mBAAdusB,EAAKvsB,OAA8BusB,EAAK+iB,WAE3Eb,EAAyBliB,EAC3B,IAKGiiB,GAAgCxrC,OAAO4B,KAAK2pC,GAAgBrzC,SAAU8H,OAAO4B,KAAK0pC,GAAiBpzC,OAAxG,CAQA,GAJEoB,KAAK4xC,aAAc,EACnB5xC,KAAK0rC,YAAa,EAGhB1rC,KAAK6sC,OAAQ,CACf,IACE7sC,KAAKqvC,KAAKrvC,KAAK6sC,OACjB,CAAE,MAAO9rC,GACP,OAAOf,KAAKgtC,UAAU,EAAQjsC,EAAK,oBACrC,CACAf,KAAK6sC,OAAS,KACd7sC,KAAKozB,OAAO,0CAEZ,MAAM1yB,EAAKV,KAAK8sC,IAChB9sC,KAAK8sC,IAAM,KACXpsC,EAAG,KACL,CAIwD,iBAA7CV,KAAKmsC,SAAS0D,6BACvB7vC,KAAK+sC,UAAYvW,aAAY,IAAMx2B,KAAKizC,eAAe,KACnDjzC,KAAK+sC,UAAUxf,OAAOvtB,KAAK+sC,UAAUxf,SAG3CvtB,KAAKozB,OAAO,WACZpzB,KAAK8N,KAAK,UAxBV,MALE0G,WAAWq9B,EAAmB,IA6Bb,GACpB,EAEHA,GACF,CAEA,WAAAoB,IACOjzC,KAAK8sC,MAAQ9sC,KAAKmsC,UAAYnsC,KAAKmsC,SAASkC,eAAiB,GAGlEruC,KAAKiwC,6BACP,CAEA,uBAAAxC,GACMztC,KAAKmK,YAEuB,WAA5BnK,KAAKwqC,IAAI0I,iBACXlzC,KAAKqsC,gBAAiB,EAGtBrsC,KAAKozB,OAAO,wBAAyBpzB,KAAKysC,wBAC1CzsC,KAAKysC,uBAAuBlkC,SAAQ4qC,IAClCnzC,KAAKwqC,IAAI4I,YAAYD,GACrBnzC,KAAKwsC,oBAAqB,KAE5BxsC,KAAKysC,uBAAyB,GAE1BzsC,KAAKwsC,oBACPxsC,KAAKozB,OAAO,8BACZpzB,KAAKwsC,oBAAqB,EAC1BxsC,KAAKkuC,sBAELluC,KAAKozB,OAAO,cACZpzB,KAAK8N,KAAK,gBAId9N,KAAKozB,OAAO,0BAA2BpzB,KAAKwqC,IAAI0I,gBAChDlzC,KAAK8N,KAAK,uBAAwB9N,KAAKwqC,IAAI0I,gBAC7C,CAEA,eAAAtF,CAAiBD,GACX3tC,KAAKmK,YACLwjC,EAAMkB,WAAa7uC,KAAKsrC,QAC1BtrC,KAAK8N,KAAK,SAAU,CAClBpK,KAAM,YACNmrC,UAAW,CACTA,UAAWlB,EAAMkB,UAAUA,UAC3BwE,cAAe1F,EAAMkB,UAAUwE,cAC/BC,OAAQ3F,EAAMkB,UAAUyE,UAGlB3F,EAAMkB,WAAc7uC,KAAKisC,eACnCjsC,KAAKisC,cAAe,EACpBjsC,KAAK8N,KAAK,iBAGR6/B,EAAMkB,WACR7uC,KAAKwwC,2BAET,CAEA,iBAAAT,CAAmBpC,GACjB,GAAI3tC,KAAKmK,UAAW,OACpB,IAAIuH,EAAOi8B,EAAMj8B,KACbA,aAAgBod,YAClBpd,EAAO,IAAInT,WAAWmT,IACS,IAAtB1R,KAAK0qC,eACdh5B,GAAO,QAASA,IAElB1R,KAAKN,KAAKgS,EACZ,CAEA,2BAAAu+B,GACE,GAAIjwC,KAAKmK,YAAcnK,KAAK8sC,IAAK,OACjC9sC,KAAKozB,OAAO,yCAA0CpzB,KAAKmsC,SAASkC,gBACpE,MAAM3tC,EAAKV,KAAK8sC,IAChB9sC,KAAK8sC,IAAM,KACXpsC,EAAG,KACL,CAEA,cAAAwvC,GACMlwC,KAAK0rC,YAAc1rC,KAAKmK,YAC5BnK,KAAKozB,OAAO,mBACZpzB,KAAKgsC,eAAgB,EACrBhsC,KAAKqxC,cACP,CAEA,eAAAlB,GACMnwC,KAAKmK,YACTnK,KAAKozB,OAAO,oBACZpzB,KAAKgtC,YACP,CAEA,MAAA5Z,GACE,MAAMlxB,EAAO,GAAGvC,MAAM2G,KAAKqG,WAC3BzK,EAAK,GAAK,IAAMlC,KAAK4qC,IAAM,KAAO1oC,EAAK,GACvC,EAAMqE,MAAM,KAAMrE,EACpB,EAGF,GAAKqxC,iBAAmB,EAOxB,GAAKrI,OAAS,CACZsI,WAAY,CACV,CACE5L,KAAM,CACJ,+BACA,sCAIN6L,aAAc,gBAGhB,GAAK1I,cAAgB,CAAC,EAEtB,Y,iFCn2BA,MAAM,GAAU,wBAEhB,IAAI,GAAQ,IAAI5qC,IAID,SAAS,GAAcmqB,GAEpC,GADmB,MAAf,GAAMjsB,MAAiB,GAAMmT,SAC5B,GAAMkiC,IAAIppB,GAAO,CACpB,MAAMxmB,EAAI,GAAQ+H,KAAKye,GACvB,IAAKxmB,EAAG,MAAM,IAAIxD,MAAM,iBAAiBgqB,KACzC,GAAMxrB,IAAIwrB,EAAM,CAAExmB,EAAE,GAAI+B,OAAO/B,EAAE,KACnC,CACA,OAAO,GAAM1D,IAAIkqB,EACnB,C,0BCZAprB,eAAiB,GAAgBa,EAAOX,EAAO,CAAC,GAC9C,GAAIW,IAAQmS,OAAOC,eAEjB,kBADQpS,EAAMmS,OAAOC,eAAe/S,EAAKX,SAG3C,IAAKsB,GAAOK,IAAK,MAAM,IAAIE,MAAM,kEAEjC,MAAML,EAAcb,EAAKa,aAAeF,EAAME,YAC9C,IAAKA,EAAa,MAAM,IAAIK,MAAM,2CAElC,IAAI1B,EAASQ,EAAKR,QAAUmB,EAAMnB,OAClC,IAAKiH,OAAOqS,SAAStZ,GAAS,MAAM,IAAI0B,MAAM,sCAE9C,MAAM7B,EAASW,EAAKX,QAAU,EAExB2B,EAAM,CAAC1B,EAAGE,EAAQH,IAAW,IAAIsb,SAAQ,CAACC,EAASqF,KACvDtf,EAAMK,IAAI1B,EAAG,CAAED,SAAQG,WAAU,CAACmC,EAAKlC,KACjCkC,GAAKse,EAAOte,GAChBiZ,EAAQnb,EAAK,GACd,IAGH,IAAI2B,EAAQmI,KAAK8K,MAAMhV,EAASwB,GAChC,MAAM0zC,EAAcl1C,EAASwB,EAC7B,GAAIxB,EAAQ,CACV,MAAM+O,EAAS7E,KAAKwM,IAAIvW,EAAQqB,EAAc0zC,GAC9C/0C,GAAU4O,QACJpN,EAAII,IAASgN,EAAQmmC,EAC7B,CAEA,IAAK,IAAIC,EAAkBh1C,EAAQg1C,EAAkB,IAAKpzC,EAAOozC,GAAmB3zC,QAC5EG,EAAII,EAAOmI,KAAKwM,IAAIy+B,EAAiB3zC,GAE/C,CAEAf,eAAe,GAAiBa,EAAOiJ,EAAQ5J,EAAO,CAAC,GACrD,IAAKW,GAAOM,IAAK,MAAM,IAAIC,MAAM,kEAEjC,MAAML,EAAcb,EAAKa,aAAeF,EAAME,YAC9C,IAAKA,EAAa,MAAM,IAAIK,MAAM,2CAElC,MAAMuzC,EAA0Bz0C,EAAKy0C,yBAA2B,GAChE,IAAIC,EAAkB,EAElBtzC,EAAQ,EAERE,EAAK,OACLwJ,GAAQ,EAEZ,UAAW,MAAMrL,KAAS,EAAcmK,EAAQ/I,EAAa,CAAEX,YAAaF,EAAKE,cAAe,UACxF,IAAIya,SAAQC,IACZ85B,KAAqBD,GAAyB75B,IAClDja,EAAMM,IAAIG,IAAS3B,GAAOkC,IACxB,GAAIA,EAAK,MAAMA,IACb+yC,EACF95B,IACI9P,GAA6B,IAApB4pC,GAAuBpzC,GAAG,GACxC,IAGmB,IAApBozC,IACJ5pC,EAAQ,IAAI6P,SAAQC,IAAatZ,EAAKsZ,WAChC9P,EACR,C,gDC3DO,MA6BP,IACE6pC,uBA9BoC,GA+BpCC,mBA9BgC,GA+BhCC,SAjBsBroC,IACtB,MAAMi8B,EAAM,IAAIqM,IAAItoC,EAAIjJ,QAAQ,QAAS,UAUzC,OARIiJ,EAAIhJ,MAAM,UACZ8D,OAAOytC,iBAAiBtM,EAAK,CAC3BuM,KAAM,CAAE30C,MAAOooC,EAAIuM,KAAKzxC,QAAQ,QAAS,QACzCw7B,SAAU,CAAE1+B,MAAOooC,EAAI1J,SAASx7B,QAAQ,QAAS,QACjD0xC,OAAQ,CAAE50C,MAAOooC,EAAIwM,OAAO1xC,QAAQ,QAAS,UAI1CklC,M,6CCvBT,MAAM,GAAQ,EAAM,oBAEd,GAA2B,mBAAP,GAAoByM,UAAY,GAU3C,MAAM,WAAe,EAAAvsB,OAClC,WAAAjoB,CAAaV,EAAO,CAAC,GAenB,GAboB,iBAATA,IACTA,EAAO,CAAEyoC,IAAKzoC,IAOhBsf,MAJAtf,EAAOsH,OAAOqE,OAAO,CACnB0/B,eAAe,GACdrrC,IAIHY,KAAK0qC,eAAiBtrC,EAAKurC,WACJ,MAAnBvrC,EAAKurC,mBAA2BvrC,EAAKurC,WAEzB,MAAZvrC,EAAKyoC,KAA8B,MAAfzoC,EAAKm1C,OAC3B,MAAM,IAAIj0C,MAAM,6CAElB,GAAgB,MAAZlB,EAAKyoC,KAA8B,MAAfzoC,EAAKm1C,OAC3B,MAAM,IAAIj0C,MAAM,0DAYlB,GATAN,KAAK4qC,KAAM,SAAQ,QAAY,IAAIjrC,MAAM,EAAG,GAC5CK,KAAKozB,OAAO,oBAAqBh0B,GAEjCY,KAAK2qB,WAAY,EAEjB3qB,KAAK6sC,OAAS,KACd7sC,KAAK8sC,IAAM,KACX9sC,KAAK+sC,UAAY,KAEb3tC,EAAKm1C,OACPv0C,KAAK6nC,IAAMzoC,EAAKm1C,OAAO1M,IACvB7nC,KAAKw0C,IAAMp1C,EAAKm1C,OAChBv0C,KAAK2qB,UAAYvrB,EAAKm1C,OAAOjG,aAAe,GAAWmG,SAClD,CACLz0C,KAAK6nC,IAAMzoC,EAAKyoC,IAChB,IAGI7nC,KAAKw0C,IAFW,mBAAP,GAEE,IAAI,GAAWp1C,EAAKyoC,IAAK,IAC/BzoC,EACHonB,cAAUxZ,IAGD,IAAI,GAAW5N,EAAKyoC,IAEnC,CAAE,MAAO9mC,GAEP,YADA,GAAe,IAAMf,KAAKoB,QAAQL,IAEpC,CACF,CAEAf,KAAKw0C,IAAI5E,WAAa,cAElBxwC,EAAKm1C,QAAUv0C,KAAK2qB,UACtB,GAAe,IAAM3qB,KAAK00C,gBAE1B10C,KAAKw0C,IAAI9E,OAAS,IAAM1vC,KAAK00C,cAG/B10C,KAAKw0C,IAAI/E,UAAY9B,GAAS3tC,KAAK20C,eAAehH,GAClD3tC,KAAKw0C,IAAIzqC,QAAU,IAAM/J,KAAK40C,eAC9B50C,KAAKw0C,IAAI1qC,QAAU/I,GAAOf,KAAK60C,aAAa9zC,GAE5Cf,KAAK80C,mBAAqB,IAAM90C,KAAK+0C,gBACrC/0C,KAAK6I,KAAK,SAAU7I,KAAK80C,mBAC3B,CAMA,IAAAzF,CAAMxwC,GACJmB,KAAKw0C,IAAInF,KAAKxwC,EAChB,CAEA,MAAAklB,CAAQrjB,GACDV,KAAKqJ,eAAea,OAAOlK,KAAKN,KAAK,MAC1CgB,EAAG,KACL,CAEA,QAAAyjB,CAAUzjB,GACR,IAAIV,KAAKmK,UAAT,CAeA,GAdKnK,KAAKmJ,eAAee,OAAOlK,KAAKya,MAErCza,KAAK2qB,WAAY,EAEjB4L,cAAcv2B,KAAK+sC,WACnB/sC,KAAK+sC,UAAY,KACjB/sC,KAAK6sC,OAAS,KACd7sC,KAAK8sC,IAAM,KAEP9sC,KAAK80C,oBACP90C,KAAK8K,eAAe,SAAU9K,KAAK80C,oBAErC90C,KAAK80C,mBAAqB,KAEtB90C,KAAKw0C,IAAK,CACZ,MAAMtrC,EAAKlJ,KAAKw0C,IACVQ,EAAU,KACd9rC,EAAGa,QAAU,MAEf,GAAIb,EAAGolC,aAAe,GAAW2G,OAC/BD,SAEA,IACE9rC,EAAGa,QAAUirC,EACb9rC,EAAG/H,OACL,CAAE,MAAOJ,GACPi0C,GACF,CAGF9rC,EAAGwmC,OAAS,KACZxmC,EAAGumC,UAAY,KACfvmC,EAAGY,QAAU,MACf,CACA9J,KAAKw0C,IAAM,KAEX9zC,GArCoB,CAsCtB,CAEA,MAAAkjB,CAAQ/kB,EAAO6B,GACb,GAAIV,KAAKmK,UAAW,OAAOzJ,EAAG,IAAIJ,MAAM,2CAExC,GAAIN,KAAK2qB,UAAW,CAClB,IACE3qB,KAAKqvC,KAAKxwC,EACZ,CAAE,MAAOkC,GACP,OAAOf,KAAKoB,QAAQL,EACtB,CACkB,mBAAP,IAAqBf,KAAKw0C,IAAInG,eA7InB,OA8IpBruC,KAAKozB,OAAO,wCAAyCpzB,KAAKw0C,IAAInG,gBAC9DruC,KAAK8sC,IAAMpsC,GAEXA,EAAG,KAEP,MACEV,KAAKozB,OAAO,wBACZpzB,KAAK6sC,OAAShuC,EACdmB,KAAK8sC,IAAMpsC,CAEf,CAEA,WAAAg0C,GACE,IAAI10C,KAAK2qB,YAAa3qB,KAAKmK,UAA3B,CAGA,GAFAnK,KAAK2qB,WAAY,EAEb3qB,KAAK6sC,OAAQ,CACf,IACE7sC,KAAKqvC,KAAKrvC,KAAK6sC,OACjB,CAAE,MAAO9rC,GACP,OAAOf,KAAKoB,QAAQL,EACtB,CACAf,KAAK6sC,OAAS,KACd7sC,KAAKozB,OAAO,0CAEZ,MAAM1yB,EAAKV,KAAK8sC,IAChB9sC,KAAK8sC,IAAM,KACXpsC,EAAG,KACL,CAIkB,mBAAP,KACTV,KAAK+sC,UAAYvW,aAAY,IAAMx2B,KAAKizC,eAAe,KACnDjzC,KAAK+sC,UAAUxf,OAAOvtB,KAAK+sC,UAAUxf,SAG3CvtB,KAAKozB,OAAO,WACZpzB,KAAK8N,KAAK,UAzB4B,CA0BxC,CAEA,cAAA6mC,CAAgBhH,GACd,GAAI3tC,KAAKmK,UAAW,OACpB,IAAIuH,EAAOi8B,EAAMj8B,KACbA,aAAgBod,cAAapd,EAAO,IAAInT,WAAWmT,KAC7B,IAAtB1R,KAAK0qC,eAAwBh5B,GAAO,QAASA,IACjD1R,KAAKN,KAAKgS,EACZ,CAEA,YAAAkjC,GACM50C,KAAKmK,YACTnK,KAAKozB,OAAO,YACZpzB,KAAKoB,UACP,CAEA,YAAAyzC,CAAczpC,GACZpL,KAAKoB,QAAQ,IAAId,MAAM,uBAAuBN,KAAK6nC,OACrD,CAIA,aAAAkN,GACE,GAAI/0C,KAAKmK,UAAW,OAIpB,MAAMomC,EAAc,KAClB/7B,YAAW,IAAMxU,KAAKoB,WAAW,IAAI,EAGnCpB,KAAK2qB,UACP4lB,IAEAvwC,KAAK6I,KAAK,UAAW0nC,EAEzB,CAEA,WAAA0C,GACE,IAAKjzC,KAAK8sC,MAAQ9sC,KAAKw0C,KAAOx0C,KAAKw0C,IAAInG,eA5Nf,MA6NtB,OAEFruC,KAAKozB,OAAO,yCAA0CpzB,KAAKw0C,IAAInG,gBAC/D,MAAM3tC,EAAKV,KAAK8sC,IAChB9sC,KAAK8sC,IAAM,KACXpsC,EAAG,KACL,CAEA,MAAA0yB,GACE,MAAMlxB,EAAO,GAAGvC,MAAM2G,KAAKqG,WAC3BzK,EAAK,GAAK,IAAMlC,KAAK4qC,IAAM,KAAO1oC,EAAK,GACvC,GAAMqE,MAAM,KAAMrE,EACpB,EAGF,GAAOgzC,oBAAsB,GC9N7B,SAzBA,cAAsB,EACpB,WAAAp1C,CAAaktB,EAAQmoB,GACnBz2B,QAEA1e,KAAKgtB,OAASA,EACdhtB,KAAKm1C,YAAcA,EAEnBn1C,KAAK6T,SAAW,KAChB7T,KAAKmK,WAAY,CACnB,CAEA,WAAAqsB,CAAa4e,GACO,MAAdA,IAAoBA,EAAap1C,KAAKq1C,2BAE1C9e,cAAcv2B,KAAK6T,UAEfuhC,IACFp1C,KAAK6T,SAAW2iB,aAAY,KAC1Bx2B,KAAKokC,SAASpkC,KAAKgtB,OAAOsoB,uBAAsB,GAC/CF,GACCp1C,KAAK6T,SAAS0Z,OAAOvtB,KAAK6T,SAAS0Z,QAE3C,GChBI,GAAQ,EAAM,wCAKd,GAAa,CAAC,EAOpB,MAAM,WAAyB,GAC7B,WAAAztB,CAAaktB,EAAQmoB,GACnBz2B,MAAMsO,EAAQmoB,GACd,GAAM,2BAA4BA,GAElCn1C,KAAKu1C,MAAQ,CAAC,EACdv1C,KAAKu0C,OAAS,KAEdv0C,KAAKw1C,cAAe,EACpBx1C,KAAK6qB,QAAU,EACf7qB,KAAKy1C,eAAiB,KAItBz1C,KAAK01C,mBAAoB,EAEzB11C,KAAK21C,aACP,CAEA,QAAAvR,CAAUhlC,GACR,GAAIY,KAAKmK,WAAanK,KAAKw1C,aAAc,OACzC,IAAKx1C,KAAKu0C,OAAO5pB,UAIf,YAHA3qB,KAAKu0C,OAAO1rC,KAAK,WAAW,KAC1B7I,KAAKokC,SAAShlC,EAAI,IAKtB,MAAMuf,EAASjY,OAAOqE,OAAO,CAAC,EAAG3L,EAAM,CACrCw2C,OAAQ,WACRC,UAAW71C,KAAKgtB,OAAO8oB,gBACvBC,QAAS/1C,KAAKgtB,OAAOgpB,gBAIvB,GAFIh2C,KAAKi2C,aAAYt3B,EAAOu3B,UAAYl2C,KAAKi2C,YAE1B,YAAf72C,EAAKuuC,OAAsC,cAAfvuC,EAAKuuC,MAEnC3tC,KAAKm2C,MAAMx3B,OACN,CAEL,MAAMy3B,EAAUztC,KAAKwM,IAAI/V,EAAKg3C,QAAS,GAEvCp2C,KAAKq2C,gBAAgBD,GAASE,IAC5B33B,EAAOy3B,QAAUA,EACjBz3B,EAAO23B,OAASA,EAChBt2C,KAAKm2C,MAAMx3B,EAAM,GAErB,CACF,CAEA,MAAA43B,CAAQn3C,GACN,GAAIY,KAAKmK,WAAanK,KAAKw1C,aAAc,OACzC,IAAKx1C,KAAKu0C,OAAO5pB,UAIf,YAHA3qB,KAAKu0C,OAAO1rC,KAAK,WAAW,KAC1B7I,KAAKu2C,OAAOn3C,EAAI,IAKpB,MAGMuf,EAAS,CACbi3B,OAAQ,SACRC,UALkBlrC,MAAMC,QAAQxL,EAAKssB,WAAatsB,EAAKssB,SAAS9sB,OAAS,EACvEQ,EAAKssB,SAAS7jB,KAAI6jB,IAAY,QAAQA,KACrCtsB,EAAKssB,WAAY,QAAQtsB,EAAKssB,WAAc1rB,KAAKgtB,OAAO8oB,iBAM7D91C,KAAKm2C,MAAMx3B,EACb,CAEA,OAAAvd,CAASV,EAAK,IACZ,GAAIV,KAAKmK,UAAW,OAAOzJ,EAAG,MAE9BV,KAAKmK,WAAY,EAEjBosB,cAAcv2B,KAAK6T,UACnBuX,aAAaprB,KAAKy1C,gBAGlB,IAAK,MAAM9pB,KAAU3rB,KAAKu1C,MAAO,CAC/B,MAAMtnB,EAAOjuB,KAAKu1C,MAAM5pB,GACxBP,aAAa6C,EAAKuoB,gBAClBvoB,EAAK7sB,SACP,CAqBA,GApBApB,KAAKu1C,MAAQ,KAETv1C,KAAKu0C,SACPv0C,KAAKu0C,OAAOzpC,eAAe,UAAW9K,KAAKy2C,uBAC3Cz2C,KAAKu0C,OAAOzpC,eAAe,OAAQ9K,KAAK02C,oBACxC12C,KAAKu0C,OAAOzpC,eAAe,QAAS9K,KAAK22C,qBACzC32C,KAAKu0C,OAAOzpC,eAAe,QAAS9K,KAAK42C,qBACzC52C,KAAKu0C,OAAS,MAGhBv0C,KAAKy2C,sBAAwB,KAC7Bz2C,KAAK42C,oBAAsB,KAC3B52C,KAAK02C,mBAAqB,KAC1B12C,KAAK22C,oBAAsB,KAEvB,GAAW32C,KAAKm1C,eAClB,GAAWn1C,KAAKm1C,aAAa0B,WAAa,GAIxC,GAAW72C,KAAKm1C,aAAa0B,UAAY,EAAG,OAAOn2C,IAEvD,IAKIkqB,EALA2pB,EAAS,GAAWv0C,KAAKm1C,aAQ7B,UAPO,GAAWn1C,KAAKm1C,aACvBZ,EAAOjqC,GAAG,QAAS,IACnBiqC,EAAO1rC,KAAK,QAASnI,IAKhBV,KAAK01C,kBAAmB,OAAOoB,IAUpC,SAASA,IACHlsB,IACFQ,aAAaR,GACbA,EAAU,MAEZ2pB,EAAOzpC,eAAe,OAAQgsC,GAC9BvC,EAAOnzC,UACPmzC,EAAS,IACX,CAdA3pB,EAAUpW,WAAWsiC,EAAgB,GAAOC,iBAI5CxC,EAAO1rC,KAAK,OAAQiuC,EAWtB,CAEA,WAAAnB,GAmBE,GAlBA31C,KAAKmK,WAAY,EAEZnK,KAAKu1C,QAAOv1C,KAAKu1C,MAAQ,CAAC,GAE/Bv1C,KAAKy2C,sBAAwB,KAC3Bz2C,KAAKg3C,kBAAiB,EAExBh3C,KAAK42C,oBAAsB71C,IACzBf,KAAKi3C,eAAel2C,EAAG,EAEzBf,KAAK02C,mBAAqBhlC,IACxB1R,KAAKk3C,cAAcxlC,EAAI,EAEzB1R,KAAK22C,oBAAsB,KACzB32C,KAAKm3C,gBAAe,EAGtBn3C,KAAKu0C,OAAS,GAAWv0C,KAAKm1C,aAC1Bn1C,KAAKu0C,OACP,GAAWv0C,KAAKm1C,aAAa0B,WAAa,EACtC72C,KAAKu0C,OAAO5pB,WACd3qB,KAAKy2C,4BAEF,CACL,MAAMW,EAAY,IAAIlD,IAAIl0C,KAAKm1C,aAC/B,IAAIkC,EACAr3C,KAAKgtB,OAAOsqB,aACdD,EAA+B,SAAvBD,EAAUjZ,SAAsBn+B,KAAKgtB,OAAOsqB,WAAWC,WAAav3C,KAAKgtB,OAAOsqB,WAAWE,WAC9FH,GAASr3C,KAAKgtB,OAAOsqB,WAAWG,aACnCJ,EAAQr3C,KAAKgtB,OAAOsqB,WAAWG,aAGnCz3C,KAAKu0C,OAAS,GAAWv0C,KAAKm1C,aAAe,IAAI,GAAO,CAAEtN,IAAK7nC,KAAKm1C,YAAakC,UACjFr3C,KAAKu0C,OAAOsC,UAAY,EACxB72C,KAAKu0C,OAAO1rC,KAAK,UAAW7I,KAAKy2C,sBACnC,CAEAz2C,KAAKu0C,OAAOjqC,GAAG,OAAQtK,KAAK02C,oBAC5B12C,KAAKu0C,OAAO1rC,KAAK,QAAS7I,KAAK22C,qBAC/B32C,KAAKu0C,OAAO1rC,KAAK,QAAS7I,KAAK42C,oBACjC,CAEA,gBAAAI,GACMh3C,KAAKmK,WAELnK,KAAKw1C,eACPx1C,KAAKw1C,cAAe,EACpBx1C,KAAK6qB,QAAU,EACf7qB,KAAKokC,SAASpkC,KAAKgtB,OAAOsoB,wBAE9B,CAEA,aAAA4B,CAAexlC,GACb,IAAI1R,KAAKmK,UAAT,CAEAnK,KAAK01C,mBAAoB,EAEzB,IACEhkC,EAAOxM,KAAK+S,OAAM,QAASvG,GAC7B,CAAE,MAAO3Q,GAEP,YADAf,KAAKgtB,OAAOlf,KAAK,UAAW,IAAIxN,MAAM,4BAExC,CAEoB,aAAhBoR,EAAKkkC,OACP51C,KAAK03C,oBAAoBhmC,GACA,WAAhBA,EAAKkkC,OACd51C,KAAK23C,kBAAkBjmC,GAEvB1R,KAAKi3C,eAAe,IAAI32C,MAAM,kCAAkCoR,EAAKkkC,UAhBnD,CAkBtB,CAEA,mBAAA8B,CAAqBhmC,GACnB,GAAIA,EAAKmkC,YAAc71C,KAAKgtB,OAAO8oB,gBAKjC,YAJA,GACE,yEACA91C,KAAKm1C,aAAa,QAAQzjC,EAAKmkC,WAAY71C,KAAKgtB,OAAOtB,UAK3D,GAAIha,EAAKqkC,SAAWrkC,EAAKqkC,UAAY/1C,KAAKgtB,OAAOgpB,cAE/C,OAGF,GACE,6BACA9wC,KAAKC,UAAUuM,GAAO1R,KAAKm1C,YAAan1C,KAAKgtB,OAAOtB,UAGtD,MAAMksB,EAAUlmC,EAAK,kBACrB,GAAIkmC,EAAS,OAAO53C,KAAKgtB,OAAOlf,KAAK,UAAW,IAAIxN,MAAMs3C,IAE1D,MAAMC,EAAUnmC,EAAK,mBACjBmmC,GAAS73C,KAAKgtB,OAAOlf,KAAK,UAAW,IAAIxN,MAAMu3C,IAEnD,MAAMhkC,EAAWnC,EAAKmC,UAAYnC,EAAK,gBACnCmC,GAAU7T,KAAKw2B,YAAuB,IAAX3iB,GAE/B,MAAMikC,EAAYpmC,EAAK,cAMvB,GALIomC,IAEF93C,KAAKi2C,WAAa6B,GAGC,MAAjBpmC,EAAKqmC,SAAkB,CACzB,MAAMC,EAAWtxC,OAAOqE,OAAO,CAAC,EAAG2G,EAAM,CACvC0yB,SAAUpkC,KAAKm1C,YACfzpB,UAAU,QAAQha,EAAKmkC,aAEzB71C,KAAKgtB,OAAOlf,KAAK,SAAUkqC,EAC7B,CAEA,IAAI/pB,EAqBJ,GApBIvc,EAAKg/B,OAASh/B,EAAKqkC,UACrB,GAAM,qCACN9nB,EAAOjuB,KAAKi4C,cACZhqB,EAAK5D,IAAK,QAAQ3Y,EAAKqkC,SACvB9nB,EAAKplB,KAAK,UAAUkoC,IAClB,MAAMpyB,EAAS,CACbi3B,OAAQ,WACRC,UAAW71C,KAAKgtB,OAAO8oB,gBACvBC,QAAS/1C,KAAKgtB,OAAOgpB,cACrBkC,WAAYxmC,EAAKqkC,QACjBhF,SACAoH,SAAUzmC,EAAKymC,UAEbn4C,KAAKi2C,aAAYt3B,EAAOu3B,UAAYl2C,KAAKi2C,YAC7Cj2C,KAAKm2C,MAAMx3B,EAAM,IAEnB3e,KAAKgtB,OAAOlf,KAAK,OAAQmgB,GACzBA,EAAK/H,OAAOxU,EAAKg/B,QAGfh/B,EAAKq/B,QAAUr/B,EAAKqkC,QAAS,CAC/B,MAAMqC,GAAU,QAAQ1mC,EAAKymC,UAC7BlqB,EAAOjuB,KAAKu1C,MAAM6C,GACdnqB,GACFA,EAAK5D,IAAK,QAAQ3Y,EAAKqkC,SACvB/1C,KAAKgtB,OAAOlf,KAAK,OAAQmgB,GACzBA,EAAK/H,OAAOxU,EAAKq/B,QAEjB3lB,aAAa6C,EAAKuoB,gBAClBvoB,EAAKuoB,eAAiB,YACfx2C,KAAKu1C,MAAM6C,IAElB,GAAM,0BAA0BlzC,KAAKC,UAAUuM,EAAKq/B,UAExD,CACF,CAEA,iBAAA4G,CAAmBjmC,GACjBA,EAAOA,EAAKoyB,OAAS,CAAC,EAEtB,MAAMx7B,EAAO5B,OAAO4B,KAAKoJ,GACL,IAAhBpJ,EAAK1J,OAKT0J,EAAKC,SAAQmjB,IAGX,MAAMssB,EAAWtxC,OAAOqE,OAAO2G,EAAKga,GAAW,CAC7C0Y,SAAUpkC,KAAKm1C,YACfzpB,UAAU,QAAQA,KAEpB1rB,KAAKgtB,OAAOlf,KAAK,SAAUkqC,EAAQ,IAXnCh4C,KAAKgtB,OAAOlf,KAAK,UAAW,IAAIxN,MAAM,2BAa1C,CAEA,cAAA62C,GACMn3C,KAAKmK,YACTnK,KAAKoB,UACLpB,KAAKq4C,uBACP,CAEA,cAAApB,CAAgBl2C,GACVf,KAAKmK,YACTnK,KAAKoB,UAELpB,KAAKgtB,OAAOlf,KAAK,UAAW/M,GAC5Bf,KAAKq4C,uBACP,CAEA,oBAAAA,GACE,MAAMtyC,EAAK4C,KAAK8K,MAvUO,IAuUD9K,KAAKwR,UAAiCxR,KAAKwM,IAzU3C,IAyU+CxM,KAAK2vC,IAAI,EAAGt4C,KAAK6qB,SAxUhE,MA0UtB7qB,KAAKw1C,cAAe,EACpBpqB,aAAaprB,KAAKy1C,gBAClBz1C,KAAKy1C,eAAiBjhC,YAAW,KAC/BxU,KAAK6qB,UACL7qB,KAAK21C,aAAY,GAChB5vC,GACC/F,KAAKy1C,eAAeloB,OAAOvtB,KAAKy1C,eAAeloB,QAEnD,GAAM,+BAAgCxnB,EACxC,CAEA,KAAAowC,CAAOx3B,GACL,GAAI3e,KAAKmK,UAAW,OACpBnK,KAAK01C,mBAAoB,EACzB,MAAMtwC,EAAUF,KAAKC,UAAUwZ,GAC/B,GAAM,UAAWvZ,GACjBpF,KAAKu0C,OAAOlF,KAAKjqC,EACnB,CAEA,eAAAixC,CAAiBD,EAAS11C,GACxB,MAAMiF,EAAO3F,KACPs2C,EAAS,GACf,GAAM,uBAAwBF,GAE9B,IAAK,IAAI13C,EAAI,EAAGA,EAAI03C,IAAW13C,EAC7B65C,IAIF,SAASA,IACP,MAAMH,GAAU,SAAQ,QAAY,KACpC,GAAM,wCACN,MAAMnqB,EAAOtoB,EAAK4vC,MAAM6C,GAAWzyC,EAAKsyC,YAAY,CAAEnN,WAAW,IACjE7c,EAAKplB,KAAK,UAAU6nC,IAClB4F,EAAO52C,KAAK,CACVgxC,QACAyH,UAAU,QAAQC,KAEpBI,GAAU,IAEZvqB,EAAKuoB,eAAiBhiC,YAAW,KAC/B,GAAM,oCACNyZ,EAAKuoB,eAAiB,YACf7wC,EAAK4vC,MAAM6C,GAClBnqB,EAAK7sB,SAAQ,GApXC,KAsXZ6sB,EAAKuoB,eAAejpB,OAAOU,EAAKuoB,eAAejpB,OACrD,CAEA,SAASirB,IACHlC,EAAO13C,SAAWw3C,IACpB,GAAM,sBAAuBA,GAC7B11C,EAAG41C,GAEP,CA3BAkC,GA4BF,CAEA,WAAAP,CAAa74C,GACX,MAAMuG,EAAO3F,KAEbZ,EAAOsH,OAAOqE,OAAO,CACnBugC,SAAS,EACTJ,OAAQvlC,EAAKqnB,OAAOyrB,WACpBC,KAAM/yC,EAAKqnB,OAAO2rB,OACjBv5C,GAEH,MAAM6uB,EAAO,IAAI,GAAK7uB,GAKtB,OAHA6uB,EAAKplB,KAAK,QAASslB,GACnBF,EAAKplB,KAAK,WAaV,SAASsiB,IACP8C,EAAKnjB,eAAe,QAASqjB,GAC7BF,EAAKnjB,eAAe,UAAWqgB,EACjC,IAdO8C,EAIP,SAASE,EAASptB,GAChB4E,EAAKqnB,OAAOlf,KAAK,UAAW,IAAIxN,MAAM,qBAAqBS,EAAIqE,YAC/D6oB,EAAK7sB,SACP,CAQF,EAOF,SAAS,KAAS,CAJlB,GAAiBkK,UAAU+pC,0BAA4B,IAEvD,GAAiBuD,YAAc,GAI/B,Y,cC5aA,MAAM,GAAQ,EAAM,6BAkBpB,MAAM,WAAe,EACnB,WAAA94C,CAAaV,EAAO,CAAC,GAGnB,GAFAsf,SAEKtf,EAAKusB,OAAQ,MAAM,IAAIrrB,MAAM,+BAClC,IAAKlB,EAAKssB,SAAU,MAAM,IAAIprB,MAAM,iCACpC,IAAKlB,EAAKglC,SAAU,MAAM,IAAI9jC,MAAM,iCACpC,IAAK,GAAQugC,UAAYzhC,EAAKq6B,KAAM,MAAM,IAAIn5B,MAAM,6BAEpDN,KAAK2rB,OAAgC,iBAAhBvsB,EAAKusB,OACtBvsB,EAAKusB,QACL,QAAQvsB,EAAKusB,QACjB3rB,KAAK64C,eAAgB,QAAQ74C,KAAK2rB,QAClC3rB,KAAKg2C,eAAgB,QAAQh2C,KAAK2rB,QAElC3rB,KAAK0rB,SAAoC,iBAAlBtsB,EAAKssB,SACxBtsB,EAAKssB,SAAS7nB,eACd,QAAQzE,EAAKssB,UACjB1rB,KAAK84C,iBAAkB,QAAQ94C,KAAK0rB,UACpC1rB,KAAK81C,iBAAkB,QAAQ91C,KAAK0rB,UAEpC,GAAM,gBAAiB1rB,KAAK0rB,UAE5B1rB,KAAKmK,WAAY,EAEjBnK,KAAK+4C,MAAQ35C,EAAKq6B,KAClBz5B,KAAKg5C,iBAAmB55C,EAAK65C,gBAC7Bj5C,KAAKy4C,WAAar5C,EAAK85C,UACvBl5C,KAAKm5C,WAAa/5C,EAAKwE,UACvB5D,KAAKs3C,WAAal4C,EAAKg6C,UAIvBp5C,KAAK24C,MAA6B,mBAAdv5C,EAAKs5C,KAAsBt5C,EAAKs5C,OAASt5C,EAAKs5C,KAElE,IAAItU,EAAoC,iBAAlBhlC,EAAKglC,SACvB,CAAChlC,EAAKglC,UACW,MAAjBhlC,EAAKglC,SAAmB,GAAKhlC,EAAKglC,SAGtCA,EAAWA,EAASv8B,KAAIstC,IAClBrmB,YAAYC,OAAOomB,KAAcA,GAAc,QAASA,IAChB,MAAxCA,EAAYA,EAAYv2C,OAAS,KACnCu2C,EAAcA,EAAYnpC,UAAU,EAAGmpC,EAAYv2C,OAAS,IAEvDu2C,KAGT/Q,EAAWz5B,MAAM8O,KAAK,IAAIuV,IAAIoV,IAE9B,MAAMiV,GAA+B,IAAfr5C,KAAK24C,UAAsB34C,KAAK24C,OAAS,GAAKpF,gBAE9D+F,EAAev4C,IACnB,GAAe,KACbf,KAAK8N,KAAK,UAAW/M,EAAG,GACzB,EAGHf,KAAKu5C,UAAYnV,EACdv8B,KAAIstC,IACH,IAAIiC,EACJ,IACEA,EAAY,GAAOnD,SAASkB,EAC9B,CAAE,MAAOp0C,GAEP,OADAu4C,EAAa,IAAIh5C,MAAM,wBAAwB60C,MACxC,IACT,CAEA,MAAM1b,EAAO2d,EAAU3d,KACvB,GAAIA,EAAO,GAAKA,EAAO,MAErB,OADA6f,EAAa,IAAIh5C,MAAM,yBAAyB60C,MACzC,KAGT,MAAMhX,EAAWiZ,EAAUjZ,SAC3B,MAAkB,UAAbA,GAAqC,WAAbA,GACF,mBAAhB,GAEa,SAAbA,GAA6C,mBAAf,GAChC,IAAI,GAAWn+B,KAAMm1C,GACL,QAAbhX,GAAmC,SAAbA,IAAwBkb,GAEvC,QAAblb,GAAwC,oBAAX16B,QACA,WAA7BA,OAAO+1C,SAASrb,UAMpBmb,EAAa,IAAIh5C,MAAM,iCAAiC60C,MACjD,MAHA,IAAI,GAAiBn1C,KAAMm1C,GAV3B,IAAI,GAAYn1C,KAAMm1C,EAc/B,IAEDltC,OAAOC,QACZ,CASA,KAAAsS,CAAOpb,IACLA,EAAOY,KAAKs1C,qBAAqBl2C,IAC5BuuC,MAAQ,UACb,GAAM,kBAAmBvuC,GACzBY,KAAKy5C,UAAUr6C,GAGfY,KAAKu5C,UAAUhxC,SAAQmxC,IACrBA,EAAQljB,aAAY,GAExB,CAUA,IAAAmjB,CAAMv6C,IACJA,EAAOY,KAAKs1C,qBAAqBl2C,IAC5BuuC,MAAQ,UACb,GAAM,iBAAkBvuC,GACxBY,KAAKy5C,UAAUr6C,EACjB,CAUA,QAAA24C,CAAU34C,GACHA,IAAMA,EAAO,CAAC,IACnBA,EAAOY,KAAKs1C,qBAAqBl2C,IAC5BuuC,MAAQ,YACb,GAAM,qBAAsBvuC,GAC5BY,KAAKy5C,UAAUr6C,EACjB,CAUA,MAAAukB,CAAQvkB,IACNA,EAAOY,KAAKs1C,qBAAqBl2C,IACxBuuC,cAAcvuC,EAAKuuC,MAC5B,GAAM,mBAAoBvuC,GAC1BY,KAAKy5C,UAAUr6C,EACjB,CAEA,SAAAq6C,CAAWr6C,GACTY,KAAKu5C,UAAUhxC,SAAQmxC,IAErBA,EAAQtV,SAAShlC,EAAI,GAEzB,CAMA,MAAAm3C,CAAQn3C,GACN,GAAM,iBACDA,IAAMA,EAAO,CAAC,GACnBY,KAAKu5C,UAAUhxC,SAAQmxC,IAErBA,EAAQnD,OAAOn3C,EAAI,GAEvB,CAEA,WAAAo3B,CAAa4e,GACX,GAAM,iBAAkBA,GACxBp1C,KAAKu5C,UAAUhxC,SAAQmxC,IACrBA,EAAQljB,YAAY4e,EAAU,GAElC,CAEA,OAAAh0C,CAASV,GACP,GAAIV,KAAKmK,UAAW,OACpBnK,KAAKmK,WAAY,EACjB,GAAM,WAEN,MAAM0S,EAAQ7c,KAAKu5C,UAAU1xC,KAAI6xC,GAAWh5C,IAC1Cg5C,EAAQt4C,QAAQV,EAAE,IAGpB,EAASmc,EAAOnc,GAEhBV,KAAKu5C,UAAY,GACjBv5C,KAAKg5C,iBAAmB,IAC1B,CAEA,oBAAA1D,CAAsBl2C,EAAO,CAAC,GAQ5B,OAPoB,MAAhBA,EAAKg3C,UAAiBh3C,EAAKg3C,QAAU,GAAOrC,wBAE3B,MAAjB30C,EAAKm1B,WAAkBn1B,EAAKm1B,SAAW,GACpB,MAAnBn1B,EAAKo1B,aAAoBp1B,EAAKo1B,WAAa,GAE3Cx0B,KAAKg5C,mBAAkB55C,EAAOsH,OAAOqE,OAAO,CAAC,EAAG3L,EAAMY,KAAKg5C,qBAExD55C,CACT,EAYF,GAAOm3C,OAAS,CAACn3C,EAAMsB,KAGrB,GAFAA,EAAK,GAAKA,IAELtB,EAAKssB,SAAU,MAAM,IAAIprB,MAAM,iCACpC,IAAKlB,EAAKglC,SAAU,MAAM,IAAI9jC,MAAM,iCAEpC,MAAMs5C,EAAalzC,OAAOqE,OAAO,CAAC,EAAG3L,EAAM,CACzCssB,SAAU/gB,MAAMC,QAAQxL,EAAKssB,UAAYtsB,EAAKssB,SAAS,GAAKtsB,EAAKssB,SACjEC,QAAQ,QAAS,wBACjB8N,KAAM,OAGFzM,EAAS,IAAI,GAAO4sB,GAC1B5sB,EAAOnkB,KAAK,QAASnI,GACrBssB,EAAOnkB,KAAK,UAAWnI,GAEvB,IAAIE,EAAM+J,MAAMC,QAAQxL,EAAKssB,UAAYtsB,EAAKssB,SAAS9sB,OAAS,EAChE,MAAMme,EAAU,CAAC,EAgBjB,OAfAiQ,EAAO1iB,GAAG,UAAUoH,IAGlB,GAFA9Q,GAAO,EACPmc,EAAQrL,EAAKga,UAAYha,EACb,IAAR9Q,EAAW,CACbosB,EAAO5rB,UACP,MAAMkH,EAAO5B,OAAO4B,KAAKyU,GACL,IAAhBzU,EAAK1J,OACP8B,EAAG,KAAMqc,EAAQzU,EAAK,KAEtB5H,EAAG,KAAMqc,EAEb,KAGFiQ,EAAOupB,OAAO,CAAE7qB,SAAUtsB,EAAKssB,WACxBsB,GAGT,Y,iCC3RA,MAAM,GAAQ,EAAM,qBAEpB,MAAM,WAAkB,EAAApgB,aACtB,WAAA9M,CAAaV,GAGX,GAFAsf,SAEKtf,EAAKusB,OAAQ,MAAM,IAAIrrB,MAAM,+BAClC,IAAKlB,EAAKssB,SAAU,MAAM,IAAIprB,MAAM,iCACpC,IAAK,GAAQugC,UAAYzhC,EAAKq6B,KAAM,MAAM,IAAIn5B,MAAM,6BAEpDN,KAAK2rB,OAAgC,iBAAhBvsB,EAAKusB,OACtBvsB,EAAKusB,OACLvsB,EAAKusB,OAAO6E,SAAS,OACzBxwB,KAAK0rB,SAAoC,iBAAlBtsB,EAAKssB,SACxBtsB,EAAKssB,SAAS7nB,cACdzE,EAAKssB,SAAS8E,SAAS,OAC3BxwB,KAAK+4C,MAAQ35C,EAAKq6B,KAClBz5B,KAAKm5C,WAAa/5C,EAAKwE,UAEvB5D,KAAKmK,WAAY,EAEjBnK,KAAKy5C,UAAYr6C,EAAKglC,UAAY,GAClCpkC,KAAK65C,YAAcz6C,EAAKg2C,YAAc,IACtCp1C,KAAK85C,aAAe,KACpB95C,KAAK+5C,gBAAiB,EACtB/5C,KAAKg6C,aAAc,EACnBh6C,KAAKi6C,cAAe,EAEpBj6C,KAAKk6C,WAAan5C,IAChBf,KAAK8N,KAAK,UAAW/M,EAAG,EAE1Bf,KAAKm6C,SAAWp5C,IACdf,KAAK8N,KAAK,QAAS/M,EAAG,EAExBf,KAAKo6C,WAAa,CAACnsB,EAAMvC,KACnBA,EAAS8E,SAAS,SAAWxwB,KAAK0rB,UACtC1rB,KAAK8N,KAAK,OAAQ,GAAGmgB,EAAKosB,QAAQpsB,EAAKwL,OAAQ,MAAK,EAEtDz5B,KAAKs6C,eAAiBrsB,IACpBjuB,KAAK8N,KAAK,OAAQmgB,EAAM,UAAS,EAEnCjuB,KAAKu6C,mBAAqB,KACxBv6C,KAAK8N,KAAK,kBAAiB,EAE7B9N,KAAKw6C,WAAa,CAACvsB,EAAMvC,KACvB1rB,KAAK8N,KAAK,OAAQmgB,EAAM,MAAK,EAG/B,MAAMwsB,EAAY,CAAChhB,EAAMr6B,KACvB,MAAM0tB,EAAM,IAAI,UAAI1tB,GAKpB,OAJA0tB,EAAIxiB,GAAG,UAAWtK,KAAKk6C,YACvBptB,EAAIxiB,GAAG,QAAStK,KAAKm6C,UACrBrtB,EAAI4tB,OAAOjhB,GACXz5B,KAAKi6C,cAAe,EACbntB,IAGY,IAAjB1tB,EAAKs6C,QACP15C,KAAK05C,QAAU,KACNt6C,EAAKs6C,SAAmC,iBAAjBt6C,EAAKs6C,SACrC15C,KAAK85C,aAAepzC,OAAOqE,OAAO,CAAC,EAAG3L,EAAKs6C,SAC3C15C,KAAK05C,QAAU15C,KAAK26C,kBAEpB36C,KAAK05C,QAAU15C,KAAK26C,kBAGL,IAAbv7C,EAAK0tB,KAAgC,mBAAR,UAC/B9sB,KAAK8sB,IAAM,KACF1tB,EAAK0tB,KAAmC,mBAArB1tB,EAAK0tB,IAAI8tB,QACrC56C,KAAK8sB,IAAM1tB,EAAK0tB,IACP1tB,EAAK0tB,KAA2B,iBAAb1tB,EAAK0tB,IACjC9sB,KAAK8sB,IAAM2tB,EAAUr7C,EAAKy7C,QAASz7C,EAAK0tB,KAExC9sB,KAAK8sB,IAAM2tB,EAAUr7C,EAAKy7C,SAGxB76C,KAAK8sB,MACP9sB,KAAK8sB,IAAIxiB,GAAG,OAAQtK,KAAKo6C,YACzBp6C,KAAK86C,iBAGU,IAAb17C,EAAK27C,KAAgC,mBAAR,GAC/B/6C,KAAK+6C,IAAM,KAEX/6C,KAAK+6C,IAAM/6C,KAAKg7C,YAEpB,CAEA,UAAAC,CAAYxhB,GACNA,IAASz5B,KAAK+4C,QAClB/4C,KAAK+4C,MAAQtf,EAETz5B,KAAK8sB,KAAK9sB,KAAK86C,eAEf96C,KAAK05C,UACP15C,KAAK05C,QAAQC,OACb35C,KAAK05C,QAAQt4C,SAAQ,KACnBpB,KAAK05C,QAAU15C,KAAK26C,gBAAe,KAGzC,CAEA,QAAA5C,CAAU34C,GACJY,KAAK05C,SACP15C,KAAK05C,QAAQ3B,SAAS34C,EAE1B,CAEA,OAAAgC,CAASV,GACP,GAAIV,KAAKmK,UAAW,OACpBnK,KAAKmK,WAAY,EAEjBihB,aAAaprB,KAAKg6C,aAElB,MAAMn9B,EAAQ,GAEV7c,KAAK05C,UACP15C,KAAK05C,QAAQC,OACb35C,KAAK05C,QAAQ5uC,eAAe,UAAW9K,KAAKk6C,YAC5Cl6C,KAAK05C,QAAQ5uC,eAAe,QAAS9K,KAAKm6C,UAC1Cn6C,KAAK05C,QAAQ5uC,eAAe,OAAQ9K,KAAKs6C,gBACzCt6C,KAAK05C,QAAQ5uC,eAAe,SAAU9K,KAAKu6C,oBAC3C19B,EAAMnd,MAAKgB,IACTV,KAAK05C,QAAQt4C,QAAQV,EAAE,KAIvBV,KAAK8sB,KACP9sB,KAAK8sB,IAAIhiB,eAAe,OAAQ9K,KAAKo6C,YAGnCp6C,KAAKi6C,eACPj6C,KAAK8sB,IAAIhiB,eAAe,UAAW9K,KAAKk6C,YACxCl6C,KAAK8sB,IAAIhiB,eAAe,QAAS9K,KAAKm6C,UACtCt9B,EAAMnd,MAAKgB,IACTV,KAAK8sB,IAAI1rB,QAAQV,EAAE,KAInBV,KAAK+6C,MACP/6C,KAAK+6C,IAAIjwC,eAAe,UAAW9K,KAAKk6C,YACxCl6C,KAAK+6C,IAAIjwC,eAAe,QAAS9K,KAAKm6C,UACtCn6C,KAAK+6C,IAAIjwC,eAAe,OAAQ9K,KAAKw6C,YACrC39B,EAAMnd,MAAKgB,IACTV,KAAK+6C,IAAI35C,QAAQV,EAAE,KAIvB,EAASmc,EAAOnc,GAGhBV,KAAK8sB,IAAM,KACX9sB,KAAK05C,QAAU,KACf15C,KAAK+6C,IAAM,KACX/6C,KAAKy5C,UAAY,IACnB,CAEA,cAAAkB,GACE,MAAMv7C,EAAOsH,OAAOqE,OAAO,CAAC,EAAG/K,KAAK85C,aAAc,CAChDpuB,SAAU1rB,KAAK0rB,SACf0Y,SAAUpkC,KAAKy5C,UACf9tB,OAAQ3rB,KAAK2rB,OACb8N,KAAMz5B,KAAK+4C,MACXn1C,UAAW5D,KAAKm5C,aAGZO,EAAU,IAAI,GAAQt6C,GAO5B,OANAs6C,EAAQpvC,GAAG,UAAWtK,KAAKk6C,YAC3BR,EAAQpvC,GAAG,QAAStK,KAAKm6C,UACzBT,EAAQpvC,GAAG,OAAQtK,KAAKs6C,gBACxBZ,EAAQpvC,GAAG,SAAUtK,KAAKu6C,oBAC1Bb,EAAQljB,YAAYx2B,KAAK65C,aACzBH,EAAQl/B,QACDk/B,CACT,CAEA,YAAAoB,GACM96C,KAAK+5C,iBACT,GAAM,gBAEN/5C,KAAK+5C,gBAAiB,EACtB3uB,aAAaprB,KAAKg6C,aAElBh6C,KAAK8sB,IAAIsX,SAASpkC,KAAK0rB,SAAU1rB,KAAK+4C,OAAOh4C,IAC3Cf,KAAK+5C,gBAAiB,EACtB,GAAM,yBAEFh5C,GAAKf,KAAK8N,KAAK,UAAW/M,GAC9Bf,KAAK8N,KAAK,eAEL9N,KAAKmK,YACRnK,KAAKg6C,YAAcxlC,YAAW,KAC5BxU,KAAK86C,cAAa,GACjB96C,KAAK65C,YAAclxC,KAAK8K,MAAM9K,KAAKwR,SAAWna,KAAK65C,YAAc,IAChE75C,KAAKg6C,YAAYzsB,OAAOvtB,KAAKg6C,YAAYzsB,QAC/C,IAEJ,CAEA,UAAAytB,GACE,MAAM57C,EAAOsH,OAAOqE,OAAO,CAAC,EAAG,CAC7B2gB,SAAU1rB,KAAK0rB,SACfC,OAAQ3rB,KAAK2rB,OACb8N,KAAMz5B,KAAK+4C,QAGPgC,EAAM,IAAI,GAAI37C,GAKpB,OAJA27C,EAAIzwC,GAAG,UAAWtK,KAAKk6C,YACvBa,EAAIzwC,GAAG,QAAStK,KAAKm6C,UACrBY,EAAIzwC,GAAG,OAAQtK,KAAKw6C,YACpBO,EAAIvgC,QACGugC,CACT,EAGF,YC/NA,MAAM,GAAU,CAAC,2BAA4B,qBACvC,GAAO,CAAC,2FAA4F,iBACpG,GAASj3C,GAAK,CAAC,6EAA6EA,IAAK,eAEvG,MAAM,WAAsCo3C,eAC1C,WAAAp7C,CAAaq7C,GACXz8B,MAAMy8B,GAGNz0C,OAAO00C,eAAep7C,KAAMq7C,6BAA6B/vC,WAGzDtL,KAAKs7C,SAAU,CACjB,CAEA,WAAMn6C,GACJnB,KAAKs7C,SAAU,EACf,MAAMvtC,EAAI/N,KAAKu7C,YACTxT,EAAIh6B,EAAE5M,QAEZ,OADA4M,EAAE0E,cACKs1B,CAET,CAGA,IAAAyT,CAAMhrC,GACJ,OAAOxQ,KAAKklB,MAAM,CAAExhB,KAAM,OAAQ8M,YACpC,CAGA,QAAAirC,CAAUp9C,GACR,OAAO2B,KAAKklB,MAAM,CAAExhB,KAAM,WAAYrF,QACxC,CAGA,KAAA6mB,CAAOxT,GACL,GAAI1R,KAAKs7C,QACP,OAAOvhC,QAAQsF,OAAO,IAAIlU,UAAU,6CAItC,MAAMgwC,EAASn7C,KAAKu7C,YAGdn+B,EAAS+9B,EAAOj2B,MAAMxT,GAM5B,OAHAypC,EAAO1oC,cAGA2K,CACT,EA2BF,GAxBA1W,OAAOC,eAAe,GAA8B2E,UAAW4G,OAAOgwB,YAAa,CACjFziC,MAAO,+BACP8J,UAAU,EACV3C,YAAY,EACZC,cAAc,IAGhBH,OAAOytC,iBAAiB,GAA8B7oC,UAAW,CAC/DnK,MAAO,CAAEyF,YAAY,GACrB40C,KAAM,CAAE50C,YAAY,GACpB60C,SAAU,CAAE70C,YAAY,GACxBse,MAAO,CAAEte,YAAY,MAKrB09B,WAAWoX,sBACVpX,WAAWoX,qBAAqBpwC,UAAUqwC,gBAC1CrX,WAAW+W,+BAEZ/W,WAAW+W,6BAA+B,IAK1C/W,WAAWoX,uBACVpX,WAAWoX,qBAAqBpwC,UAAUqwC,eAC3C,CACA,MAAMC,EAAK,IAAIC,QAEf,IAAIC,EAGJ,MAAM5wC,EAAO,KACX,IAAI6wC,EAAYC,EAEhBvM,UAAYvwC,UACV,MAAMu6B,EAAOwiB,EAAIC,MAAM,GACjBC,EAAMF,EAAIvqC,KAChB,OAAQyqC,EAAIz4C,MACV,IAAK,OAAQ,CACX,MAAMkgC,EAAOuY,EAAI/zC,KAEjB,IAAIk5B,QAAYhgC,UAAUyB,QAAQq5C,eAElC,IAAK,MAAMC,KAAUF,EAAIjlC,KACvBoqB,QAAYA,EAAIgb,mBAAmBD,GAGrCN,QAAmBza,EAAIib,cAAc3Y,GAErCoY,QAAeD,EAAWS,yBAC1B,KACF,CACA,IAAK,QACHR,EAAO92B,MAAMi3B,EAAIzqC,KAAM,CAAE+qC,GAAIN,EAAI3rC,WACjCwrC,EAAO9zB,QACP,MACF,IAAK,WACH8zB,EAAOP,SAASU,EAAI99C,MACpB,MACF,IAAK,QACL,IAAK,QACH29C,EAAO76C,QAIXs4B,EAAKijB,YAAY,EAAC,CACpB,EAGFpY,WAAWoX,qBAAqBpwC,UAAUqwC,eAAiBz8C,eAAgB6Y,GAEzE,IAAK+jC,EAAW,CACd,MAAMa,EAAa,IAAIzxC,EAAKslB,gBACtBosB,EAAO,IAAI5Y,KAAK,CAAC2Y,GAAa,CAClCj5C,KAAM,oBAERo4C,EAAY5H,IAAI2I,gBAAgBD,EAClC,CACA,MAAME,EAAS,IAAIC,OAAOjB,EAAW,CAAEp4C,KAAM,WAE7C,IAAI8M,EAAW,EACf,MAAMwsC,EAAc,IAAI1d,YACxB,IAAIjhC,QAAa2B,KAAKi9C,UAAUhjC,MAAK2pB,GAAQA,EAAKvlC,OAElD,MAAMgxC,EAAOjqC,GAAW,IAAI2U,SAAQ,CAACC,EAASqF,KAC5C,MAAM69B,EAAK,IAAIC,eACfD,EAAGE,MAAM3N,UAAYwM,IACfA,EAAIvqC,gBAAgBpR,MAAO+e,EAAO48B,EAAIvqC,MACrCsI,EAAQiiC,EAAIvqC,MACjBwrC,EAAGE,MAAMj8C,QACT+7C,EAAGG,MAAMl8C,QACT+7C,EAAGE,MAAM3N,UAAY,MAEvBqN,EAAOJ,YAAYt3C,EAAS,CAAC83C,EAAGG,OAAM,IAKlCC,QAAah8C,UAAUyB,QAAQq5C,eAC/BmB,QAAe3B,EAAGx7C,IAAIJ,MACtBkX,QAAaomC,EAAKtjC,QAAQujC,GAGhC,GAAa,OAATrmC,EAAe,MAAM,IAAIsmC,gBAAgB,IAS7C,aAPMnO,EAAK,CAAE3rC,KAAM,OAAQwT,OAAM9O,KAAMpI,KAAKoI,QAEV,IAA9B2P,GAAS0lC,yBACLpO,EAAK,CAAE3rC,KAAM,WAAYrF,KAAM,IACrCA,EAAO,GAGF,IAAI,GAA8B,CACvC,WAAM6mB,CAAOrmB,GASX,GAAmB,WALjBA,EAHoBA,GAAOiB,cAAgB4G,OAGnC,IAAK7H,GAEL,CAAE6E,KAAM,QAASgO,KAAM7S,EAAO2R,aAG9B9M,KAAkB,CAC1B,KAAM,SAAU7E,GAEd,YADMwwC,EAAK,CAAE3rC,KAAM,UACb,IAAI85C,gBAAgB,GAAO,mCAKnC,GAFA3+C,EAAM2R,WAAaA,EAEO,iBAAf3R,EAAM6S,KACf7S,EAAM6S,KAAOsrC,EAAY/tB,OAAOpwB,EAAM6S,WACjC,GAAI7S,EAAM6S,gBAAgBod,YAC/BjwB,EAAM6S,KAAO,IAAInT,WAAWM,EAAM6S,WAC7B,GAAM7S,EAAM6S,gBAAgBnT,aAAeuwB,YAAYC,OAAOlwB,EAAM6S,OAEpE,KAAM7S,EAAM6S,gBAAgBnT,YAAa,CAC9C,MAAMm/C,QAAW,IAAIjY,SAAS5mC,EAAM6S,MAAM02B,cAC1CvpC,EAAM6S,KAAO,IAAInT,WAAWm/C,EAC9B,OAJE7+C,EAAM6S,KAAO,IAAInT,WAAWM,EAAM6S,KAAKP,OAAQtS,EAAM6S,KAAK+d,WAAY5wB,EAAM6S,KAAK3S,YAM/E8G,OAAOyV,UAAUzc,EAAM2R,WAAa3R,EAAM2R,UAAY,IACxDA,EAAW3R,EAAM2R,UAEnBA,GAAY3R,EAAM6S,KAAK3S,WACvBV,GAAQQ,EAAM6S,KAAK3S,UACrB,KAAO,IAAmB,SAAfF,EAAM6E,KAAiB,CAChC,GAAImC,OAAOyV,UAAUzc,EAAM2R,WAAa3R,EAAM2R,UAAY,EAAG,CAC3D,GAAInS,EAAOQ,EAAM2R,SACf,MAAM,IAAIgtC,gBAAgB,IAG5B,YADAhtC,EAAW3R,EAAM2R,SAEnB,CAEE,YADM6+B,EAAK,CAAE3rC,KAAM,UACb,IAAI85C,gBAAgB,GAAO,qCAErC,CAAO,GAAmB,aAAf3+C,EAAM6E,KAAqB,CACpC,KAAImC,OAAOyV,UAAUzc,EAAMR,OAASQ,EAAMR,MAAQ,GAKhD,YADMgxC,EAAK,CAAE3rC,KAAM,UACb,IAAI85C,gBAAgB,GAAO,sCAJjCn/C,EAAOQ,EAAMR,KACTmS,EAAWnS,IAAQmS,EAAWnS,EAKtC,QAEMgxC,EAAKxwC,EACb,EACA,WAAMsC,SACEkuC,EAAK,CAAE3rC,KAAM,UACnBo5C,EAAOa,WACT,EACA,WAAMnzC,CAAOozC,SACLvO,EAAK,CAAE3rC,KAAM,QAASk6C,WAC5Bd,EAAOa,WACT,GAEJ,EAEA,MAAME,EAAOC,0BAA0BxyC,UAAUixC,cACjDuB,0BAA0BxyC,UAAUixC,cAAgBr9C,kBAAmBgD,GACrE,MAAM85C,QAAe6B,EAAKv3C,KAAKtG,QAASkC,GAExC,OADA05C,EAAG98C,IAAIk9C,EAAQh8C,MACRg8C,CACT,CACF,CC/OA,MAAM,GCAE,6BDGJ1X,WAAWhjC,WAAWyB,SAASq5C,cACjC96C,UAAUyB,QAAQq5C,eAAeniC,MAAK8jC,IACpCA,EAAWC,YAAY,SAAU,CAAEC,WAAW,IAAQ/jC,OAAM,QAAQ,IAIxE,MAAM,GAAO,CAAC9O,EAAG8yC,KAAJ,EAEE,MAAM,GACnB91C,KAAO,GAEPhK,OAAS,GACT+/C,SAAW,GACXC,aAAe,CAAC,EAChBta,MAEAua,eACAC,kBACAC,iBAEAC,SAAU,EACVxoC,QAAS,EAMT,WAAAlW,CAAaG,EAAab,EAAO,CAAC,GAGhC,GAFAY,KAAKC,YAAc4F,OAAO5F,IAErBD,KAAKC,YACR,MAAM,IAAIK,MAAM,yCAGlB,IAAKgkC,WAAWhjC,WAAWyB,SAASq5C,aAClC,MAAM,IAAI97C,MAAM,4BAelB,GAZAN,KAAKgW,QAAS,EAEdhW,KAAKoI,KAAOhJ,EAAKgJ,MAAQ83B,OAAOue,aAEhCz+C,KAAKq+C,eAAiBj/C,EAAKs/C,SAAWp9C,UAAUyB,QAAQq5C,eACxDp8C,KAAKs+C,kBAAoB,iBACDt+C,KAAKq+C,gBACZ/B,mBAAmBt8C,KAAKoI,KAAM,CAAEmD,QAAQ,IAFhC,GAKzBvL,KAAKu+C,iBAAmBv+C,KAAKs+C,kBAEzBl/C,EAAK0kC,OAAS1kC,EAAKs/C,SA8CrB,GA5CA1+C,KAAKu+C,iBAAmBv+C,KAAK2+C,sBAC7B3+C,KAAK8jC,MAAQ1kC,EAAK0kC,MAAMj8B,KAAI,CAAC+7B,EAAMllC,EAAGolC,KACpC,GAAiB,MAAbF,EAAK1sB,KAAc,MAAM,IAAI5W,MAAM,mCACvC,GAAmB,MAAfsjC,EAAKhlC,OAAgB,MAAM,IAAI0B,MAAM,qCACzC,GAAmB,MAAfsjC,EAAKnlC,OACP,GAAU,IAANC,EACFklC,EAAKnlC,OAAS,MACT,CACL,MAAMmgD,EAAW9a,EAAMplC,EAAI,GAC3BklC,EAAKnlC,OAASmgD,EAASngD,OAASmgD,EAAShgD,MAC3C,CAIiB,MAAfglC,EAAKoY,SAAgBpY,EAAKoY,OAASh8C,KAAK6+C,kBAAkB,CAAE3nC,KAAM0sB,EAAK1sB,QAC3E0sB,EAAKgZ,KAAO58C,KAAK8+C,qBAAqBlb,EAAKoY,QAG3C,MAAM+C,EAAYnb,EAAKnlC,OACjBugD,EAAUpb,EAAKnlC,OAASmlC,EAAKhlC,OAE7BqgD,EAAat2C,KAAK8K,MAAMsrC,EAAY/+C,KAAKC,aACzCi/C,EAAYv2C,KAAK8K,OAAOurC,EAAU,GAAKh/C,KAAKC,aAElD,IAAK,IAAIvB,EAAIugD,EAAYvgD,GAAKwgD,IAAaxgD,EAAG,CAC5C,MAAMygD,EAAazgD,EAAIsB,KAAKC,YAGtBwZ,EAAQslC,EAAYI,EAAc,EAAIJ,EAAYI,EAClDzlC,EAAMslC,EAHKG,EAAan/C,KAAKC,YAGDD,KAAKC,YAAc++C,EAAUG,EACzD1gD,EAAUsgD,EAAYI,EAAc,EAAIA,EAAaJ,EAEtD/+C,KAAKm+C,SAASz/C,KAAIsB,KAAKm+C,SAASz/C,GAAK,IAE1CsB,KAAKm+C,SAASz/C,GAAGgB,KAAK,CAAE+Z,OAAMC,KAAIjb,SAAQmlC,QAC5C,CAEA,OAAOA,KAITngC,OAAO0iB,iBAAiB,YAAY,IAAMnmB,KAAKkuB,YAE/CluB,KAAKpB,OAASoB,KAAK8jC,MAAMjqB,QAAO,CAACsW,EAAKyT,IAASzT,EAAMyT,EAAKhlC,QAAQ,GAC/C,MAAfQ,EAAKR,QAAkBQ,EAAKR,SAAWoB,KAAKpB,OAC9C,MAAM,IAAI0B,MAAM,sEAGlBN,KAAKpB,OAASiH,OAAOzG,EAAKR,SAAWqX,IAGnCjW,KAAKpB,SAAWqX,MAClBjW,KAAKkW,gBAAkBlW,KAAKpB,OAASoB,KAAKC,aAAeD,KAAKC,YAC9DD,KAAKmW,eAAiBxN,KAAK4L,KAAKvU,KAAKpB,OAASoB,KAAKC,aAAe,EAEtE,CAEA,qBAAMm/C,CAAiB5+C,GACrB,IAAI3B,EAAQmB,KAAK5B,OAAOoC,GACxB,IAAK3B,EAAO,CACV,MAAMk/C,QAAmB/9C,KAAKu+C,iBAC9Bv+C,KAAK5B,OAAOoC,GAAS3B,QAAck/C,EAAWxB,cAAc/7C,EAAO,CAAE+K,QAAQ,GAC/E,CACA,OAAO1M,CACT,CAKA,uBAAMggD,CAAmBz/C,GACvB,MAAMigD,EAAWjgD,EAAK8X,KAAKvX,MAAMP,EAAK8X,KAAKsrB,YAAY,KAAO,GAC9D,aAAcxiC,KAAKs/C,oBAAoBlgD,IAAOm9C,cAAc8C,EAAS18C,QAAQ,GAAyB,IAAK,CAAE4I,QAAQ,GACvH,CAEA,0BAAMuzC,CAAsB9C,GAC1B,aAAcA,GAAQiB,SACxB,CAOA,yBAAMqC,CAAqBlgD,GACzB,MAAM2M,EAAY3M,EAAK8X,KAAKsrB,YAAY,KACxC,IAAmB,IAAfz2B,GAAkC,IAAdA,EAAiB,OAAO/L,KAAKs+C,kBACrD,MAAMpnC,EAAO9X,EAAK8X,KAAO9X,EAAK8X,KAAKvX,MAAM,EAAGoM,GAO5C,OANK/L,KAAKo+C,aAAalnC,KACrBlX,KAAKo+C,aAAalnC,GAAQ,iBACHlX,KAAKs/C,oBAAoBlgD,IAChCk9C,mBAAmBplC,EAAKvX,MAAMuX,EAAKsrB,YAAY,KAAO,GAAI,CAAEj3B,QAAQ,IAF1D,IAKrBvL,KAAKo+C,aAAalnC,EAC3B,CAEA,yBAAMynC,GACJ,MAAMZ,QAAmBz8C,UAAUyB,QAAQq5C,eAE3C,aADwB2B,EAAWzB,mBAAmB,SAAU,CAAE/wC,QAAQ,KACzD+wC,mBAAmBt8C,KAAKoI,KAAM,CAAEmD,QAAQ,GAC3D,CAEA,SAAMlL,CAAKG,EAAOC,EAAKC,EAAK,IAC1B,IAGE,aAFMV,KAAKu/C,KAAK/+C,EAAOC,GACvBC,EAAG,MACI,IACT,CAAE,MAAOqY,GAEP,OADAlZ,gBAAe,IAAMa,EAAGqY,KACjBA,CACT,CACF,CAKA,wBAAMymC,CAAoBxD,GACxB,aAAcA,GAAQL,eAAe,CAAE8B,kBAAkB,GAC3D,CAGA,UAAM8B,CAAM/+C,EAAOC,GACjB,GAAIT,KAAKgW,OAAQ,MAAM,IAAI1V,MAAM,qBAEjC,MAAM8V,EAAc5V,IAAUR,KAAKmW,eACnC,GAAIC,GAAe3V,EAAI7B,SAAWoB,KAAKkW,gBAAiB,MAAM,IAAI5V,MAAM,6BAA6BN,KAAKkW,mBAC1G,IAAKE,GAAe3V,EAAI7B,SAAWoB,KAAKC,YAAa,MAAM,IAAIK,MAAM,wBAAwBN,KAAKC,eAElG,MAAMw/C,EAAa,WACjB,MAAM5gD,QAAcmB,KAAKo/C,gBAAgB5+C,GACnCwI,QAAenK,EAAM88C,eAAe,CAAE8B,kBAAkB,UACxDz0C,EAAOkc,MAAMzkB,SACbuI,EAAO7H,OACd,EALkB,GAOnB,IAAKnB,KAAK8jC,MAAO,OAAO2b,EAExB,MAAMC,EAAU1/C,KAAKm+C,SAAS39C,GAC9B,IAAKk/C,EAAS,MAAM,IAAIp/C,MAAM,uCAC9B,MAAMq/C,EAAWD,EAAQ73C,KAAI3I,OAAS0kC,OAAMnlC,SAAQgb,OAAMC,SACnDkqB,EAAK56B,SACR46B,EAAK56B,OAAShJ,KAAKw/C,mBAAmB5b,EAAKoY,qBAEhCpY,EAAK56B,QAAQkc,MAAM,CAAExhB,KAAM,QAAS8M,SAAU/R,EAAQiT,KAAMjR,EAAId,MAAM8Z,EAAMC,IAAK,IAEhGimC,EAASjgD,KAAK+/C,SACR1lC,QAAQsO,IAAIs3B,EACpB,CAEA,SAAMv/C,CAAKI,EAAOpB,EAAMsB,EAAK,IACf,MAARtB,IAAcA,EAAO,CAAC,GAC1B,IACE,MAAMsS,QAAa1R,KAAK4/C,KAAKp/C,EAAOpB,GAEpC,OADAsB,EAAG,KAAMgR,GACFA,CACT,CAAE,MAAOqH,GAEP,OADArY,EAAGqY,GACIA,CACT,CACF,CAGA,UAAM6mC,CAAMp/C,EAAOpB,GACjB,GAAoB,mBAATA,EAAqB,OAAOY,KAAKI,IAAII,OAAOwM,EAAW5N,GAClE,GAAIY,KAAKgW,OAAQ,MAAM,IAAI1V,MAAM,qBAEjC,MACML,EADcO,IAAUR,KAAKmW,eACqBnW,KAAoB,gBAAIA,KAAKC,YAE/E4/C,EAAYzgD,EAAKX,QAAU,EAC3BqhD,EAAU1gD,EAAKR,OAASihD,EAAYzgD,EAAKR,OAASqB,EAClDW,EAAMxB,EAAKR,QAAUqB,EAAc4/C,EAEzC,GAAIA,EAAY,GAAKA,EAAY,GAAKC,EAAU7/C,EAAa,MAAM,IAAIK,MAAM,gCAE7E,GAAIu/C,IAAcC,EAAS,OAAO,IAAIvhD,WAAW,GAEjD,IAAKyB,KAAK8jC,OAAS9jC,KAAK5B,OAAOoC,GAAQ,CACrC,MAAM3B,QAAcmB,KAAKo/C,gBAAgB5+C,GACzC,IAAIojC,QAAa/kC,EAAMo+C,UACL,IAAd4C,GAAmBj/C,IAAQX,IAC7B2jC,EAAOA,EAAKjkC,MAAMkgD,EAAWj/C,EAAMi/C,IAErC,MAAMp/C,QAAYmjC,EAAKwE,cAEvB,GAAuB,IAAnB3nC,EAAI1B,WAAkB,MAAM,IAAIuB,MAAM,SAASE,oBACnD,OAAO,IAAIjC,WAAWkC,EACxB,CAGA,IAAIi/C,EAAU1/C,KAAKm+C,SAAS39C,GAC5B,IAAKk/C,EAAS,MAAM,IAAIp/C,MAAM,uCAC9B,GAAIlB,IACFsgD,EAAUA,EAAQz3C,QAAO,EAAGwR,OAAMC,QAASA,EAAKmmC,GAAapmC,EAAOqmC,IAC7C,IAAnBJ,EAAQ9gD,QAAc,MAAM,IAAI0B,MAAM,uCAG5C,MAAMq/C,EAAWD,EAAQ73C,KAAI3I,OAASua,OAAMC,KAAIjb,SAAQmlC,WAClDxkC,IACEsa,EAAKomC,IAASpmC,EAAKomC,GACnBrmC,EAAOomC,IACTphD,GAAWohD,EAAYpmC,EACvBA,EAAOomC,IAIX,aADmBjc,EAAKgZ,MACZj9C,MAAMlB,EAAQA,EAASib,EAAKD,EAAI,IAExC4gB,QAAetgB,QAAQsO,IAAIs3B,GAC3Bl/C,EAAwB,IAAlB45B,EAAOz7B,aAAqBy7B,EAAO,GAAG+N,oBAAsB,IAAIpE,KAAK3J,GAAQ+N,cACzF,GAAuB,IAAnB3nC,EAAI1B,WAAkB,MAAM,IAAIuB,MAAM,SAASE,oBACnD,OAAO,IAAIjC,WAAWkC,EACxB,CAEA,WAAMU,CAAOT,EAAK,IAChB,GAAIV,KAAKw+C,QAAS,MApQV,EAAC99C,EAAK,GAAMK,IAAQlB,gBAAe,IAAMa,EAAG,IAAIJ,MAAMS,MAoQrC,CAAIL,EAAI,qBAEjCV,KAAKw+C,SAAU,EACfx+C,KAAKm+C,cAAWnxC,EAChBhN,KAAKo+C,kBAAepxC,EAChBhN,KAAK8jC,aAAa9jC,KAAKkuB,UAC3BluB,KAAKgW,QAAS,EACdnW,gBAAe,IAAMa,EAAG,OAC1B,CAEA,aAAMwtB,GACJ,GAAIluB,KAAKgW,SAAWhW,KAAK8jC,MAAO,OAChC,MAAMnqB,EAAU,GAChB,IAAK,MAAMiqB,KAAQ5jC,KAAK8jC,MAClBF,EAAK56B,SACP2Q,EAAQja,KAAKkkC,EAAK56B,OAAOiR,MAAKjR,GAAUA,EAAO7H,WAC/CyiC,EAAK56B,YAASgE,GAGlB,MAAM+yC,EAAc,WAClB,MAAMhC,QAAmB/9C,KAAKu+C,iBAC9Bv+C,KAAK5B,OAAS,GAEd,UAAW,MAAMoK,KAAOu1C,EAAWz1C,aAC3By1C,EAAWC,YAAYx1C,EAAK,CAAEy1C,WAAW,IAEjDj+C,KAAKu+C,iBAAmBv+C,KAAK2+C,4BACvB3+C,KAAKu+C,gBACZ,EATmB,SAUdxkC,QAAQsO,IAAI1O,GAClB,IAAK,MAAMiqB,KAAQ5jC,KAAK8jC,MACtBF,EAAKgZ,KAAO58C,KAAK8+C,qBAAqBlb,EAAKoY,cAEvC+D,CACR,CAEA,aAAM3+C,CAASV,EAAK,IAClBV,KAAKmB,OAAMjC,MAAO6B,IAChB,GAAIA,EAAK,OAAOL,EAAGK,GACnB,IACE,MAAM29C,QAAgB1+C,KAAKq+C,qBAErBK,EAAQV,YAAYh+C,KAAKoI,KAAM,CAAE61C,WAAW,GACpD,CAAE,MAAOl9C,GACP,OAAOL,EAAGK,EACZ,CACAL,EAAG,KAAI,GAEX,E,0BE5TF,MAAM,GAAQ,EAAa,eAE3B,QACE,MAAMs/C,UAAmB,EAAApzC,aACvB,WAAA9M,CAAa2qB,GACX/L,QAEA1e,KAAKigD,eAAgB,EACrBjgD,KAAKkgD,MAAQz1B,CACf,CAEA,mBAAAuM,GACEh3B,KAAKigD,eAAgB,CACvB,CAEA,SAAAhpB,CAAWx2B,GACT,IAAID,EACJ,IAEEA,EADa,IAAIo3B,SAASn3B,EAAI0Q,QACjBgsB,UAAU,EACzB,CAAE,MAAOp8B,GAEP,MACF,CAEKf,KAAKkgD,MAAMxsB,WAAWtzB,IAAII,KAC/B,GAAM,kBAAmBA,GACzBR,KAAKkgD,MAAMxsB,WAAW50B,IAAI0B,GAAO,GAEjCR,KAAK8N,KAAK,WAAYtN,GACtBR,KAAKmgD,cAAc3/C,GACrB,CAEA,QAAA4/C,CAAU5/C,GACR,IAAKR,KAAKigD,cAAe,OAEzB,GAAM,cAAez/C,GACrB,MAAMC,EAAM,IAAIlC,WAAW,GACd,IAAIq5B,SAASn3B,EAAI0Q,QACzBqpB,UAAU,EAAGh6B,GAElBR,KAAKkgD,MAAMznB,SAAS,cAAeh4B,EACrC,CAEA,aAAA0/C,CAAe3/C,GACb,MAAMozB,EAAW5zB,KAAKkgD,MAAMtsB,SAC5B,IAAK,IAAIl1B,EAAI,EAAGA,EAAIk1B,EAASh1B,OAAQF,IAAK,CACxC,MAAM2L,EAAMupB,EAASl1B,GACjB2L,EAAI0oB,QAAUvyB,IAChB,GAAYozB,EAAUl1B,GACtBA,GAAK,EACLsB,KAAKkgD,MAAM3mB,UAAUlvB,EAAK,IAAI/J,MAAM,sBAAuB,MAE/D,CACF,EAMF,OAFA0/C,EAAW10C,UAAUlD,KAAO,cAErB43C,CACR,E,0BC/DD,MAAM,GAAe,MAEN,MAAM,GACnB,WAAAlgD,CAAalB,GACXoB,KAAKpB,OAASA,EACdoB,KAAKqgD,QAAUzhD,EACfoB,KAAKsgD,QAAU,KAEftgD,KAAKugD,QAAU53C,KAAK4L,KAAK3V,EAAS,IAClCoB,KAAKwgD,WAAc5hD,EAAS,IAAiB,GAC7CoB,KAAKygD,UAAY,EACjBzgD,KAAKk1B,QAAU,KACfl1B,KAAK0gD,eAAiB,KACtB1gD,KAAK2gD,cAAgB,EACrB3gD,KAAK4gD,UAAW,CAClB,CAEA,WAAA3gD,CAAavB,GACX,OAAOA,IAAMsB,KAAKugD,QAAU,EAAIvgD,KAAKwgD,WAAa,EACpD,CAEA,oBAAAK,CAAsBniD,GACpB,OAAOsB,KAAKpB,OAAUF,EAAI,EAC5B,CAEA,WAAAi1C,CAAaj1C,GACX,OAAOA,EAAI,EACb,CAEA,OAAAoiD,GACE,OAAK9gD,KAAK8G,OACN9G,KAAK0gD,eAAe9hD,OAAeoB,KAAK0gD,eAAe/vC,MACvD3Q,KAAK2gD,cAAgB3gD,KAAKugD,QAAgBvgD,KAAK2gD,iBAC3C,GAHkB,CAI5B,CAEA,gBAAAI,GACE,IAAK/gD,KAAK8G,OAAQ,OAAQ,EAC1B,GAAI9G,KAAK0gD,eAAe9hD,QAAUoB,KAAK2gD,cAAgB3gD,KAAKugD,QAAS,CACnE,IAAIprC,EAAMnV,KAAK2gD,cACf,KAAO3gD,KAAK0gD,eAAe9hD,QACzBuW,EAAMxM,KAAKwM,IAAIA,EAAKnV,KAAK0gD,eAAe/vC,OAG1C,OADA3Q,KAAK2gD,cAAgB3gD,KAAKugD,QACnBprC,CACT,CACA,OAAQ,CACV,CAEA,MAAAzC,CAAQhU,GACDsB,KAAK8G,QACV9G,KAAK0gD,eAAehhD,KAAKhB,EAC3B,CAEA,eAAAsiD,CAAiBtiD,GACVsB,KAAK8G,SACV9G,KAAK2gD,cAAgBjiD,EACvB,CAEA,GAAA0B,CAAK1B,GACH,OAAKsB,KAAK8G,OACH9G,KAAKk1B,QAAQx2B,GADK,IAE3B,CAEA,GAAAI,CAAKJ,EAAGgT,EAAMgZ,GACZ,IAAK1qB,KAAK8G,OAAQ,OAAO,EACzB,MAAMlG,EAAM8Q,EAAK9S,OACXqiD,EAASt4C,KAAK4L,KAAK3T,EAAM,IAC/B,IAAK,IAAIoE,EAAI,EAAGA,EAAIi8C,EAAQj8C,IAC1B,IAAKhF,KAAKk1B,QAAQx2B,EAAIsG,GAAI,CACxB,MAAMvG,EAASuG,EAAI,GACbk8C,EAAYxvC,EAAK/R,MAAMlB,EAAQA,EAAS,IAC9CuB,KAAKygD,YACLzgD,KAAKk1B,QAAQx2B,EAAIsG,GAAKk8C,EACtBlhD,KAAKqgD,SAAWa,EAAUtiD,OACrBoB,KAAKsgD,QAAQ7vB,SAAS/F,IACzB1qB,KAAKsgD,QAAQ5gD,KAAKgrB,EAEtB,CAEF,OAAO1qB,KAAKygD,YAAczgD,KAAKugD,OACjC,CAEA,KAAAr4B,GACE,IAAKloB,KAAKk1B,SAAWl1B,KAAKugD,UAAYvgD,KAAKygD,UAAW,OAAO,KAC7D,MAAMtvC,GAAS,QAAOnR,KAAKk1B,QAASl1B,KAAKpB,QAKzC,OAJAoB,KAAKk1B,QAAU,KACfl1B,KAAK0gD,eAAiB,KACtB1gD,KAAKsgD,QAAU,KACftgD,KAAK4gD,UAAW,EACTzvC,CACT,CAEA,IAAArK,GACE,OAAI9G,KAAK4gD,WACL5gD,KAAKk1B,UACTl1B,KAAKk1B,QAAU,IAAIvqB,MAAM3K,KAAKugD,SAC9BvgD,KAAK0gD,eAAiB,GACtB1gD,KAAKsgD,QAAU,KAHU,EAK3B,EAGF,GAAMa,aAAe,G,eCnGrB,MAAM,GAAQ,EAAM,eAId,GAAe,MAErB,GAAeC,IACb,MAAMC,UAAmB,EAAAz0C,aACvB,WAAA9M,CAAa2qB,GACX/L,QAEA1e,KAAKkgD,MAAQz1B,EAEbzqB,KAAKshD,WAAY,EACjBthD,KAAKuhD,mBAAoB,EACzBvhD,KAAKwhD,cAAgB,KAErBxhD,KAAKyhD,kBAAoB,KAKzBzhD,KAAK0hD,UAAY,IAAI,KAAS,EAAG,CAAEpwB,KAnBnB,MAqBZxC,YAAYC,OAAOqyB,IACrBphD,KAAK2hD,YAAYP,EAErB,CAEA,WAAAx1B,CAAaF,EAAUC,EAAQ7U,GAC7B9W,KAAKu4B,UAAY7M,CACnB,CAEA,mBAAAsL,CAAqBhL,GACnB,OAAKA,EAAUloB,GAAMkoB,EAAUloB,EAAE89C,YAG5B51B,EAAU61B,cAGwB,iBAA5B71B,EAAU61B,eAtCD,IAuCI71B,EAAU61B,eAC9B71B,EAAU61B,eAAiB,EACtB7hD,KAAK8N,KAAK,UAAW,IAAIxN,MAAM,qCAGxCN,KAAKwhD,cAAgBx1B,EAAU61B,cAC/B7hD,KAAK8hD,WAAan5C,KAAK4L,KAAKvU,KAAKwhD,cAAgB,IACjDxhD,KAAKyhD,kBAAsC,EAAlBzhD,KAAK8hD,gBAE9B9hD,KAAK+hD,kBAZI/hD,KAAK8N,KAAK,UAAW,IAAIxN,MAAM,gCAH/BN,KAAK8N,KAAK,UAAW,IAAIxN,MAAM,qCAgB1C,CAEA,SAAA22B,CAAWx2B,GACT,IAAI4uB,EACA2yB,EACJ,IACE,MAAMp2C,GAAM,QAASnL,GACfwhD,EAAer2C,EAAIkP,QAAQ,MAAQ,EACzCuU,EAAO,EAAO,2BACd2yB,EAAUvhD,EAAId,MAAMsiD,EACtB,CAAE,MAAOlhD,GAEP,MACF,CAEA,OAAQsuB,EAAK6yB,UACX,KAAK,EAGHliD,KAAK67B,WAAWxM,EAAK0D,OACrB,MACF,KAAK,EAGH/yB,KAAKmiD,QAAQ9yB,EAAK0D,MAAOivB,EAAS3yB,EAAK+yB,YACvC,MACF,KAAK,EAGHpiD,KAAKq8B,UAAUhN,EAAK0D,OAG1B,CAMA,KAAA6S,GACM5lC,KAAKuhD,oBAGTvhD,KAAKshD,WAAY,EACbthD,KAAKwhD,eACPxhD,KAAK+hD,iBAET,CAMA,MAAArvC,GACE1S,KAAKshD,WAAY,CACnB,CAEA,iBAAMK,CAAaP,GACjB,GAAIphD,KAAKuhD,kBAAmB,OAAO,EACnC,GAAM,gBAGN,IACE,MAAM/kB,EAAO,EAAO,iBAChBA,IACF4kB,EAAW,EAAO,YAEtB,CAAE,MAAOrgD,GAAM,CAGf,QAAIf,KAAKu4B,WAAav4B,KAAKu4B,kBAAoB,QAAK6oB,EAAU,UAI9DphD,KAAK0S,SAEL1S,KAAKohD,SAAWA,EAChBphD,KAAKuhD,mBAAoB,EACzBvhD,KAAKwhD,cAAgBxhD,KAAKohD,SAASxiD,OACnCoB,KAAKkgD,MAAMlsB,kBAAkB6tB,cAAgB7hD,KAAKwhD,cAElDxhD,KAAK8N,KAAK,WAAY,EAAO,UAC3B0uB,KAAM,EAAO,4BAGR,EACT,CAEA,KAAA2Z,CAAO9mB,EAAM2yB,GACX,IAAIvhD,EAAM,EAAO,YACbquB,YAAYC,OAAOizB,KACrBvhD,GAAM,QAAO,CAACA,EAAKuhD,KAErBhiD,KAAKkgD,MAAMznB,SAAS,cAAeh4B,EACrC,CAEA,QAAA4hD,CAAUtvB,GACR/yB,KAAKm2C,MAAM,CAAE+L,SAAU,EAAGnvB,SAC5B,CAEA,KAAAuvB,CAAOvvB,EAAOtyB,EAAK8hD,GACjB,MAAM1pB,EAAM,CAAEqpB,SAAU,EAAGnvB,SACF,iBAAdwvB,IACT1pB,EAAIupB,WAAaG,GAEnBviD,KAAKm2C,MAAMtd,EAAKp4B,EAClB,CAEA,OAAA+hD,CAASzvB,GACP/yB,KAAKm2C,MAAM,CAAE+L,SAAU,EAAGnvB,SAC5B,CAEA,UAAA8I,CAAY9I,GACV,IAAK/yB,KAAKuhD,kBAER,YADAvhD,KAAKwiD,QAAQzvB,GAGf,MAAMvY,EAAQuY,EAAQ,GACtB,IAAItY,EAAMD,EAAQ,GACdC,EAAMza,KAAKwhD,gBACb/mC,EAAMza,KAAKwhD,eAEb,MAAM/gD,EAAMT,KAAKohD,SAASzhD,MAAM6a,EAAOC,GACvCza,KAAKsiD,MAAMvvB,EAAOtyB,EAAKT,KAAKwhD,cAC9B,CAEA,OAAAW,CAASpvB,EAAOtyB,EAAK8hD,GACf9hD,EAAI7B,OAAS,KAAiBoB,KAAKshD,YAGvCthD,KAAKohD,SAAStiD,IAAI2B,EAAKsyB,EAAQ,IAC/B/yB,KAAK0hD,UAAU5iD,IAAIi0B,GACnB/yB,KAAKyiD,aACP,CAEA,SAAApmB,CAAWtJ,GACL/yB,KAAKyhD,kBAAoB,GAAKzhD,KAAKshD,WAGrCthD,KAAKqiD,SAAStvB,GACd/yB,KAAKyhD,mBAAqB,GAE1BzhD,KAAK8N,KAAK,UAAW,IAAIxN,MAAM,+BAEnC,CAEA,cAAAyhD,GACE,GAAK/hD,KAAKshD,UAAV,CACAthD,KAAKohD,SAAW,IAAI7iD,WAAWyB,KAAKwhD,eACpC,IAAK,IAAIzuB,EAAQ,EAAGA,EAAQ/yB,KAAK8hD,WAAY/uB,IAC3C/yB,KAAKqiD,SAAStvB,EAHK,CAKvB,CAEA,gBAAM0vB,GACJ,IAAI9vC,GAAO,EACX,IAAK,IAAIogB,EAAQ,EAAGA,EAAQ/yB,KAAK8hD,WAAY/uB,IAC3C,IAAK/yB,KAAK0hD,UAAUthD,IAAI2yB,GAAQ,CAC9BpgB,GAAO,EACP,KACF,CAEF,IAAKA,EAAM,aAGW3S,KAAK2hD,YAAY3hD,KAAKohD,WAG1CphD,KAAK0iD,iBAET,CAEA,eAAAA,GAEE1iD,KAAK0hD,UAAY,IAAI,KAAS,EAAG,CAAEpwB,KA7NnB,MA8NhBtxB,KAAKyhD,mBAAqBzhD,KAAK8hD,WAC3B9hD,KAAKyhD,kBAAoB,EAC3BzhD,KAAK+hD,iBAEL/hD,KAAK8N,KAAK,UAAW,IAAIxN,MAAM,8BAEnC,EAMF,OAFA+gD,EAAW/1C,UAAUlD,KAAO,cAErBi5C,CACR,E,0BClPD,MAAM,GAAQ,EAAa,4BAUZ,MAAM,WAAqB,EACxC,WAAAvhD,CAAa8jC,GAAM,MAAEppB,EAAK,IAAEC,IAC1BiE,QAEA1e,KAAK2iD,SAAW/e,EAAK+e,SAErB3iD,KAAK4iD,aAAehf,EAAK+e,SAAS5d,YAElC/kC,KAAK6iD,aAAeroC,EAAQopB,EAAKnlC,QAAUuB,KAAK4iD,aAAe,EAC/D5iD,KAAK8iD,WAAaroC,EAAMmpB,EAAKnlC,QAAUuB,KAAK4iD,aAAe,EAE3D5iD,KAAK+iD,OAAS/iD,KAAK6iD,YACnB7iD,KAAKgjD,QAAWxoC,EAAQopB,EAAKnlC,OAAWuB,KAAK6iD,YAAc7iD,KAAK4iD,aAEhE5iD,KAAKijD,SAAWxoC,EAAMD,EAAQ,EAC9Bxa,KAAKkjD,gBAAkBv6C,KAAKwM,IAAK,QAAcnV,KAAK4iD,aAAgB,EAAG,GAEvE5iD,KAAK2iD,SAASQ,QAAQnjD,KAAK6iD,YAAa7iD,KAAK8iD,UAAW,EAAG,MAAM,GACjE9iD,KAAKmK,WAAY,CACnB,CAEA,CAAC+H,OAAOC,iBACN,OAAOnS,IACT,CAEA,IAAAuR,GACE,OAAO,IAAIwI,SAAQ,CAACC,EAASqF,KAC3B,GAAsB,IAAlBrf,KAAKijD,UAAkBjjD,KAAKmK,UAE9B,OADA6P,EAAQ,CAAErH,MAAM,IACT3S,KAAKoB,UAEd,MAAMgiD,EAAO,CAAC5iD,EAAOpB,KACnB,IAAKY,KAAK2iD,SAASrpB,SAASl5B,IAAII,GAAQ,CACtC,MAAMiN,EAAW/O,KACXA,IAAM8B,GAASR,KAAKmK,aACtBnK,KAAK2iD,SAAS73C,eAAe,WAAY2C,GACzC21C,EAAK5iD,EAAOpB,GACd,EAGF,OADAY,KAAK2iD,SAASr4C,GAAG,WAAYmD,GACtBzN,KAAK2iD,SAASU,SAAS7iD,EAAOA,EAAQR,KAAKkjD,gBACpD,CAEA,GAAIljD,KAAK2iD,SAASx4C,UAAW,OAAOkV,EAAO,IAAI/e,MAAM,oBAErDN,KAAK2iD,SAAS5iD,MAAMK,IAAII,EAAOpB,GAAM,CAAC2B,EAAKoQ,IACrCnR,KAAKmK,UAAkB6P,EAAQ,CAAErH,MAAM,KAC3C,GAAM,4CAA6CnS,EAAO2Q,GAAQvS,OAAQmC,GAAKqE,SAE3ErE,EAAYse,EAAOte,QAGvBiZ,EAAQ,CAAEva,MAAO0R,EAAQwB,MAAM,MAChC,EAGG/T,EAAS+J,KAAKwM,IAAInV,KAAKijD,SAAUjjD,KAAK4iD,aAAe5iD,KAAKgjD,SAEhEI,EAAKpjD,KAAK+iD,SAAU,CAAEnkD,SAAQH,OAAQuB,KAAKgjD,UAC3ChjD,KAAKijD,UAAYrkD,EACjBoB,KAAKgjD,QAAU,IAEnB,CAEA,YAAM,GAEJ,OADAhjD,KAAKoB,UACE,CAAEuR,MAAM,EACjB,CAEA,WAAM,CAAO5R,GACX,MAAMA,CACR,CAEA,OAAAK,CAASV,EAAK,OAAUK,GAClBf,KAAKmK,YACTnK,KAAKmK,WAAY,EACZnK,KAAK2iD,SAASx4C,WACjBnK,KAAK2iD,SAASW,UAAUtjD,KAAK6iD,YAAa7iD,KAAK8iD,WAAW,GAE5D9iD,KAAK8N,KAAK,UACVpN,EAAGK,GACL,ECxFa,MAAM,WAAa,EAChC,WAAAjB,CAAa2kC,EAASb,GACpBllB,QAEA1e,KAAK2iD,SAAWle,EAChBzkC,KAAK+e,YAAa,EAClB/e,KAAKujD,aAAe,IAAIv0B,IACxBhvB,KAAKwjD,WAAa,IAAIx0B,IAEtBhvB,KAAKoI,KAAOw7B,EAAKx7B,KACjBpI,KAAKkX,KAAO0sB,EAAK1sB,KACjBlX,KAAKpB,OAASglC,EAAKhlC,OACnBoB,KAAK3B,KAAOulC,EAAKhlC,OACjBoB,KAAK0D,KAAO,WAAa1D,KAAKoI,OAAS,2BACvCpI,KAAKvB,OAASmlC,EAAKnlC,OAEnBuB,KAAK2S,MAAO,EAEZ,MAAM6H,EAAQopB,EAAKnlC,OACbgc,EAAMD,EAAQopB,EAAKhlC,OAAS,EAElCoB,KAAK6iD,YAAcroC,EAAQxa,KAAK2iD,SAAS5d,YAAc,EACvD/kC,KAAK8iD,UAAYroC,EAAMza,KAAK2iD,SAAS5d,YAAc,EAE/B,IAAhB/kC,KAAKpB,SACPoB,KAAK2S,MAAO,EACZ3S,KAAK8N,KAAK,SAGZ9N,KAAKyjD,QAAUhf,EAAQzX,MACzB,CAEA,cAAIwH,GACF,GAAIx0B,KAAK+e,aAAe/e,KAAK2iD,SAASrpB,SAAU,OAAO,EAEvD,MAAM,OAAE0L,EAAM,SAAE1L,EAAQ,YAAEyL,EAAW,gBAAEkD,GAAoBjoC,KAAK2iD,UACxDE,YAAaroC,EAAOsoC,UAAWroC,GAAQza,KAMzC0jD,EAAsBC,IAC1B,MAAM/iD,EAAM+iD,IAAe3e,EAAOpmC,OAAS,EAAIqpC,EAAkBlD,EACjE,OAAIzL,EAASl5B,IAAIujD,GAER/iD,EAGAA,EAAMokC,EAAO2e,GAAYtD,OAClC,EAGF,IAAI7rB,EAAa,EACjB,IAAK,IAAIh0B,EAAQga,EAAOha,GAASia,EAAKja,GAAS,EAAG,CAChD,MAAMojD,EAAkBF,EAAmBljD,GAG3C,GAFAg0B,GAAcovB,EAEVpjD,IAAUga,EAAO,CAGnB,MAAMqpC,EAA4B7jD,KAAKvB,OAASsmC,EAChDvQ,GAAc7rB,KAAKwM,IAAI0uC,EAA2BD,EACpD,CAEA,GAAIpjD,IAAUia,EAAK,CAGjB,MAAMqpC,GAA0CrpC,IA7BnCuqB,EAAOpmC,OAAS,EAAIqpC,EAAkBlD,IA6BK/kC,KAAKvB,OAASuB,KAAKpB,QAAUmmC,EACrFvQ,GAAc7rB,KAAKwM,IAAI2uC,EAA0BF,EACnD,CACF,CAEA,OAAOpvB,CACT,CAEA,YAAIuvB,GACF,OAAO/jD,KAAKpB,OAASoB,KAAKw0B,WAAax0B,KAAKpB,OAAS,CACvD,CAEA,MAAAolD,CAAQC,GACc,IAAhBjkD,KAAKpB,QACToB,KAAK2iD,SAASqB,OAAOhkD,KAAK6iD,YAAa7iD,KAAK8iD,UAAWmB,EACzD,CAEA,QAAAC,GACsB,IAAhBlkD,KAAKpB,QACToB,KAAK2iD,SAASuB,SAASlkD,KAAK6iD,YAAa7iD,KAAK8iD,UAChD,CAEA,CAAC5wC,OAAOC,eAAgB/S,EAAO,CAAC,GAC9B,GAAoB,IAAhBY,KAAKpB,OAAc,OAAO,kBAA6B,CAA7B,GAE9B,MAAM,MAAE4b,EAAQ,GAAMpb,GAAQ,CAAC,EACzBqb,EAAOrb,GAAMqb,KAAOrb,EAAKqb,IAAMza,KAAKpB,OACtCQ,EAAKqb,IACLza,KAAKpB,OAAS,EAElB,GAAIoB,KAAK2S,KACP,OAAO,GAAe3S,KAAK2iD,SAAS5iD,MAAO,CAAEtB,OAAQ+b,EAAQxa,KAAKvB,OAAQG,OAAQ6b,EAAMD,EAAQ,IAGlG,MAAMrb,EAAW,IAAI,GAAaa,KAAM,CAAEwa,QAAOC,QAMjD,OALAza,KAAKwjD,WAAW9a,IAAIvpC,GACpBA,EAAS0J,KAAK,UAAU,KACtB7I,KAAKwjD,WAAWviD,OAAO9B,EAAQ,IAG1BA,CACT,CAEA,gBAAAglD,CAAkB/kD,GAChB,MAAMD,EAAWa,KAAKkS,OAAOC,eAAe/S,GACtCglD,EAAa,EAAA/9B,SAAS5M,KAAKta,GAOjC,OALAa,KAAKujD,aAAa7a,IAAI0b,GACtBA,EAAWv7C,KAAK,SAAS,KACvB7I,KAAKujD,aAAatiD,OAAOmjD,EAAU,IAG9BA,CACT,CAEA,iBAAMhc,CAAahpC,EAAO,CAAC,GACzB,MAAM,MAAEob,EAAQ,GAAMpb,EAChBqb,EAAOrb,GAAMqb,KAAOrb,EAAKqb,IAAMza,KAAKpB,OACtCQ,EAAKqb,IACLza,KAAKpB,OAAS,EAEZ8S,EAAO,IAAInT,WAAWkc,EAAMD,EAAQ,GAC1C,IAAI/b,EAAS,EACb,UAAW,MAAMI,KAASmB,KAAKkS,OAAOC,eAAe,CAAEqI,QAAOC,QAC5D/I,EAAK5S,IAAID,EAAOJ,GAChBA,GAAUI,EAAMD,OAElB,OAAO8S,EAAKP,MACd,CAEA,UAAMyrC,CAAMx9C,GACV,OAAO,IAAI4kC,KAAK,OAAOhkC,KAAKooC,YAAYhpC,IAAQ,CAAEsE,KAAM1D,KAAK0D,MAC/D,CAEA,MAAAsF,CAAQ5J,GACN,IAAID,EACJ,OAAO,IAAI8S,eAAe,CACxBuI,MAAO,KACLrb,EAAWa,KAAKkS,OAAOC,eAAe/S,EAAI,EAE5C,UAAMilD,CAAMC,GACV,MAAM,MAAE7kD,EAAK,KAAEkT,SAAexT,EAASoS,OACnCoB,EACF2xC,EAAWnjD,QAEXmjD,EAAWC,QAAQ9kD,EAEvB,EACA,MAAAiT,GACEvT,EAASyT,QACX,GAEJ,CAEA,aAAI4xC,GACF,IAAKxkD,KAAKyjD,QAAQgB,QAAS,MAAM,IAAInkD,MAAM,qBAC3C,MAAO,GAAGN,KAAKyjD,QAAQgB,QAAQC,YAAY1kD,KAAK2iD,SAASj3B,YAAY1rB,KAAKkX,MAC5E,CAEA,QAAAytC,CAAUC,GAER,OADAA,EAAKp/B,IAAMxlB,KAAKwkD,UACTI,CACT,CAEA,QAAAn0B,CAAUsC,GACR,OAAO/yB,KAAK6iD,aAAe9vB,GAAS/yB,KAAK8iD,WAAa/vB,CACxD,CAEA,QAAA5O,GACEnkB,KAAK+e,YAAa,EAClB/e,KAAK2iD,SAAW,KAEhB,IAAK,MAAMyB,KAAcpkD,KAAKujD,aAC5Ba,EAAWhjD,UAEbpB,KAAKujD,aAAa/xC,QAClB,IAAK,MAAMrS,KAAYa,KAAKwjD,WAC1BrkD,EAASiC,UAEXpB,KAAKwjD,WAAWhyC,OAClB,E,eC9La,MAAM,GACnB,WAAA1R,CAAa2kC,GACXzkC,KAAK2iD,SAAWle,EAChBzkC,KAAK8hD,WAAard,EAAQO,OAAOpmC,OACjCoB,KAAK6kD,QAAU,IAAIl6C,MAAM3K,KAAK8hD,YAE9B9hD,KAAK6sB,QAAUpC,IACbzqB,KAAK8kD,cACL9kD,KAAK+kD,UAAUt6B,EAAI,EAErBzqB,KAAKglD,YAAcxkD,IACjBR,KAAK6kD,QAAQrkD,IAAU,GAEzBR,KAAKilD,gBAAkB,KACrBjlD,KAAK8kD,aAAY,EAGnB9kD,KAAK2iD,SAASn1B,MAAMjlB,SAAQkiB,IAC1BzqB,KAAK+kD,UAAUt6B,EAAI,IAErBzqB,KAAK2iD,SAASr4C,GAAG,OAAQtK,KAAK6sB,SAC9B7sB,KAAK8kD,aACP,CASA,cAAAI,CAAgBC,GACd,IAAIC,EAAa,GACbjwC,EAAMc,IAEV,IAAK,IAAIvX,EAAI,EAAGA,EAAIsB,KAAK8hD,aAAcpjD,EAAG,CACxC,GAAIymD,IAAoBA,EAAgBzmD,GAAI,SAE5C,MAAM2mD,EAAerlD,KAAK6kD,QAAQnmD,GAC9B2mD,IAAiBlwC,EACnBiwC,EAAW1lD,KAAKhB,GACP2mD,EAAelwC,IACxBiwC,EAAa,CAAC1mD,GACdyW,EAAMkwC,EAEV,CAEA,OAAID,EAAWxmD,OAENwmD,EAAWz8C,KAAKwR,SAAWirC,EAAWxmD,OAAS,IAE9C,CAEZ,CAEA,OAAAwC,GACEpB,KAAK2iD,SAAS73C,eAAe,OAAQ9K,KAAK6sB,SAC1C7sB,KAAK2iD,SAASn1B,MAAMjlB,SAAQkiB,IAC1BzqB,KAAKslD,mBAAmB76B,EAAI,IAE9BzqB,KAAK2iD,SAAW,KAChB3iD,KAAK6kD,QAAU,KAEf7kD,KAAK6sB,QAAU,KACf7sB,KAAKglD,YAAc,KACnBhlD,KAAKilD,gBAAkB,IACzB,CAEA,SAAAF,CAAWt6B,GACTA,EAAK86B,SAAW,KACdvlD,KAAKslD,mBAAmB76B,GACxB,IAAK,IAAI/rB,EAAI,EAAGA,EAAIsB,KAAK8hD,aAAcpjD,EACrCsB,KAAK6kD,QAAQnmD,IAAM+rB,EAAKiJ,WAAWtzB,IAAI1B,EACzC,EAGF+rB,EAAKngB,GAAG,OAAQtK,KAAKglD,aACrBv6B,EAAKngB,GAAG,WAAYtK,KAAKilD,iBACzBx6B,EAAK5hB,KAAK,QAAS4hB,EAAK86B,SAC1B,CAKA,WAAAT,GACE9kD,KAAK6kD,QAAQpzC,KAAK,GAElB,IAAK,MAAMgZ,KAAQzqB,KAAK2iD,SAASn1B,MAC/B,IAAK,IAAI9uB,EAAI,EAAGA,EAAIsB,KAAK8hD,aAAcpjD,EACrCsB,KAAK6kD,QAAQnmD,IAAM+rB,EAAKiJ,WAAWtzB,IAAI1B,EAG7C,CAEA,kBAAA4mD,CAAoB76B,GAClBA,EAAK3f,eAAe,OAAQ9K,KAAKglD,aACjCv6B,EAAK3f,eAAe,WAAY9K,KAAKilD,iBACjCx6B,EAAK86B,UAAU96B,EAAK3f,eAAe,QAAS2f,EAAK86B,UACrD96B,EAAK86B,SAAW,IAClB,E,qCC7FF,MAAM,GAAQ,EAAa,sBAUZ,MAAM,WAAgB,KACnC,WAAAzlD,CAAa+nC,EAAKpD,GAChB/lB,QAEA1e,KAAK6nC,IAAMA,EACX7nC,KAAKwlD,OAAS3d,EACd7nC,KAAK2iD,SAAWle,EAEhBzkC,KAAKylD,MAAM5d,EACb,CAEA,KAAA4d,CAAO5d,GACL7nC,KAAKs2B,cAAa,GAElBt2B,KAAK82B,IAAI,MAET92B,KAAK6I,KAAK,aAAa3J,MAAOwsB,EAAUC,KACtC,MAAMmU,QAAY,QAAK+H,EAAK,OAC5B,GAAI7nC,KAAKmK,UAAW,OACpBnK,KAAKgsB,UAAUN,EAAUoU,GAEzB,MAAM4lB,EAAY1lD,KAAK2iD,SAAS3d,OAAOpmC,OACjC06B,EAAW,IAAI,KAASosB,GAC9B,IAAK,IAAIhnD,EAAI,EAAGA,GAAKgnD,EAAWhnD,IAC9B46B,EAASx6B,IAAIJ,GAAG,GAElBsB,KAAKs5B,SAASA,EAAQ,IAGxBt5B,KAAK6I,KAAK,cAAc,KACtB,GAAM,cACN7I,KAAKi5B,SAAQ,IAGfj5B,KAAKsK,GAAG,gBAAgB,KAAQ,GAAM,eAAc,IACpDtK,KAAKsK,GAAG,SAAS,KAAQ,GAAM,QAAO,IACtCtK,KAAKsK,GAAG,WAAW,KAAQ,GAAM,UAAS,IAC1CtK,KAAKsK,GAAG,YAAY,KAAQ,GAAM,WAAU,IAC5CtK,KAAK2lD,YAAYr7C,GAAG,YAAY,KAAQ,GAAM,WAAU,IAExDtK,KAAKsK,GAAG,WAAW,CAACq5C,EAAYllD,EAAQG,EAAQqK,KAC9C,GAAM,4CAA6C06C,EAAYllD,EAAQG,GACvEoB,KAAK4lD,YAAYjC,EAAYllD,EAAQG,GAAQ,CAACmC,EAAK2Q,KACjD,GAAI3Q,EAAK,CAEPf,KAAK2lD,YAAYvF,SAASuD,GAG1B,MAAMkC,EAAerxC,YAAW,KAC1BxU,KAAKmK,WAETnK,KAAKo5B,KAAKuqB,EAAU,GA1DZ,KA4DNkC,EAAat4B,OAAOs4B,EAAat4B,OACvC,CAEAtkB,EAASlI,EAAK2Q,EAAI,GACnB,GAEL,CAEA,iBAAMk0C,CAAajC,EAAYllD,EAAQG,EAAQ8B,GAC7CA,EAAK,GAAKA,GACV,MACMolD,EADcnC,EAAa3jD,KAAK2iD,SAAS5d,YACdtmC,EAC3BsnD,EAAWD,EAAalnD,EAAS,EAKjCklC,EAAQ9jC,KAAK2iD,SAAS7e,MAC5B,IAAIlQ,EA0BAx1B,EAzBJ,GAAI0lC,EAAMllC,QAAU,EAClBg1B,EAAW,CAAC,CACViU,IAAK7nC,KAAK6nC,IACVrtB,MAAOsrC,EACPrrC,IAAKsrC,QAEF,CACL,MAAMC,EAAiBliB,EAAM77B,QAAO27B,GAAQA,EAAKnlC,QAAUsnD,GAAaniB,EAAKnlC,OAASmlC,EAAKhlC,OAAUknD,IACrG,GAAIE,EAAepnD,OAAS,EAC1B,OAAO8B,EAAG,IAAIJ,MAAM,gEAGtBszB,EAAWoyB,EAAen+C,KAAIo+C,IAC5B,MAAMjH,EAAUiH,EAAcxnD,OAASwnD,EAAcrnD,OAAS,EAI9D,MAAO,CACLipC,IAJU7nC,KAAK6nC,KACoB,MAAlC7nC,KAAK6nC,IAAI7nC,KAAK6nC,IAAIjpC,OAAS,GAAa,GAAK,KAC9CqnD,EAAc/uC,KAAKvU,QAAQ3C,KAAK2iD,SAASzrC,KAAM,IAG/CgvC,kBAAmBv9C,KAAK2M,IAAI2wC,EAAcxnD,OAASqnD,EAAY,GAC/DtrC,MAAO7R,KAAK2M,IAAIwwC,EAAaG,EAAcxnD,OAAQ,GACnDgc,IAAK9R,KAAKwM,IAAI6pC,EAAS+G,EAAWE,EAAcxnD,QAClD,GAEJ,CAEA,IACEL,QAAe2b,QAAQsO,IAAIuL,EAAS/rB,KAAI3I,OAASsb,QAAOC,MAAKotB,UAC3D,GACE,sEACAA,EAAK8b,EAAYllD,EAAQG,EAAQ4b,EAAOC,GAE1C,MAAMmlB,QAAY,EAAMiI,EAAK,CAC3BtnC,MAAO,WACP4lD,OAAQ,MACR9d,QAAS,CACP,gBAAiB,WACjB,aAAc,cAAc,6BAC5B9tB,MAAO,SAASC,KAASC,KAE3ByL,OAAQyf,YAAY/a,QAxHP,OA0Hf,IAAKgV,EAAIwmB,GAAI,MAAM,IAAI9lD,MAAM,+BAA+Bs/B,EAAIymB,UAChE,MAAM30C,EAAO,IAAInT,iBAAiBqhC,EAAIwI,eAItC,OAFA,GAAM,wBAAyB12B,EAAK9S,QAE7B8S,KAEX,CAAE,MAAOqH,GACP,OAAOrY,EAAGqY,EACZ,CAEArY,EAAG,MAAM,QAAOtC,GAClB,CAEA,OAAAgD,GACEsd,MAAMtd,UACNpB,KAAK2iD,SAAW,IAClB,ECpIK,MAAM,GAEX2D,OAAS,GAKT,MAAA3lD,CAAQsvB,GACN,IAAK,IAAIvxB,EAAI,EAAGA,EAAIsB,KAAKsmD,OAAO1nD,OAAQF,IAAK,CAC3C,MAAMkP,EAAW5N,KAAKsmD,OAAO5nD,GAC7B,GAAIkP,EAAS24C,kBAAmB,CAC9B,IAAIt2B,EAAKs2B,kBAUP,SARA,GAAI34C,EAAS6L,OAASwW,EAAKxW,MAAQ7L,EAAS8L,KAAOuW,EAAKvW,GAAI,CAC1D1Z,KAAKsmD,OAAO7jD,OAAO/D,EAAG,GAGtB,KACF,CAKJ,MACE,GAAI,GAAoBuxB,EAAMriB,GAC5BA,EAAS8L,GAAK/Q,KAAK2M,IAAI2a,EAAKxW,KAAO,EAAG,QACjC,GAAI,GAAoBwW,EAAMriB,GACnCA,EAAS6L,KAAOwW,EAAKvW,GAAK,OACrB,GAAI,GAAiBuW,EAAMriB,GAAW,CAC3C,MAAM44C,EAAiB,GACjBC,EAAgB,IAAK74C,EAAU8L,GAAI/Q,KAAK2M,IAAI2a,EAAKxW,KAAO,EAAG,IAC7DgtC,EAAc/sC,GAAK+sC,EAAchtC,MAAQ,GAAmB,IAAdwW,EAAKxW,MAAY+sC,EAAe9mD,KAAK+mD,GACvF,MAAMC,EAAc,IAAK94C,EAAU6L,KAAMwW,EAAKvW,GAAK,GAC/CgtC,EAAYhtC,GAAKgtC,EAAYjtC,MAAQ,GAAG+sC,EAAe9mD,KAAKgnD,GAChE1mD,KAAKsmD,OAAO7jD,OAAO/D,EAAG,KAAM8nD,GAC5B9nD,EAAIA,EAAI,EAAI8nD,EAAe5nD,MAC7B,MAAW,GAAmBqxB,EAAMriB,KAClC5N,KAAKsmD,OAAO7jD,OAAO/D,EAAG,GACtBA,IAGN,CACF,CAKA,MAAAioD,CAAQC,GACN,GAAIA,EAAQntC,KAAOmtC,EAAQltC,GACzB,MAAM,IAAIpZ,MAAM,oBAElB,IAAKsmD,EAAQL,kBAAmB,CAC9B,MAAQM,OAAQC,GAAcF,EAExBG,EAA8B,GACpC,IAAK,MAAMn5C,KAAY5N,KAAKsmD,OACtB14C,EAASi5C,QAAU,GAAeD,EAASh5C,IAC7Cm5C,EAA4BrnD,KAAKkO,EAASi5C,QAG1CE,EAA4BnoD,OAAS,IACvCgoD,EAAQC,OAAS,KACfE,EAA4Bx+C,SAAQmE,GAAMA,MAC1Co6C,KAAY,GAIhB9mD,KAAKW,OAAOimD,EACd,CACA5mD,KAAKsmD,OAAO5mD,KAAKknD,EACnB,CAGA,IAAA1rC,CAAM8rC,EAAS,CAACpsC,EAAGpc,IAAMoc,EAAEnB,KAAOjb,EAAEib,MAClCzZ,KAAKsmD,OAAOprC,KAAK8rC,EACnB,CAEA,UAAIpoD,GACF,OAAOoB,KAAKsmD,OAAO1nD,MACrB,CAGA,GAAAwB,CAAKI,GACH,OAAOR,KAAKsmD,OAAO9lD,EACrB,CAEA,IAAAymD,CAAMvoD,EAAGsG,GACP,MAAMwN,EAAOxS,KAAKsmD,OAAO5nD,GACzBsB,KAAKsmD,OAAO5nD,GAAKsB,KAAKsmD,OAAOthD,GAC7BhF,KAAKsmD,OAAOthD,GAAKwN,CACnB,CAEA,KAAAhB,GACExR,KAAKsmD,OAAO1nD,OAAS,CACvB,CAGA,EAAGsT,OAAO/S,YACR,IAAK,IAAIT,EAAI,EAAGA,EAAIsB,KAAKsmD,OAAO1nD,OAAQF,IAAK,CAC3C,MAAMuxB,EAAOjwB,KAAKsmD,OAAO5nD,GAEzBuxB,EAAKtvB,OAAS,KACZX,KAAKsmD,OAAO7jD,OAAO/D,EAAG,GACtBA,GAAC,QAEGuxB,SACCA,EAAKtvB,MACd,CACF,EAWK,SAAS,GAAqBimD,EAASh5C,GAC5C,OAAQg5C,EAAQntC,MAAQ7L,EAAS8L,IAAQktC,EAAQntC,KAAO7L,EAAS6L,MAAUmtC,EAAQltC,GAAK9L,EAAS8L,EACnG,CAUO,SAAS,GAAqBktC,EAASh5C,GAC5C,OAAQg5C,EAAQltC,IAAM9L,EAAS6L,MAAUmtC,EAAQltC,GAAK9L,EAAS8L,IAAQktC,EAAQntC,KAAO7L,EAAS6L,IACjG,CAUO,SAAS,GAAkBmtC,EAASh5C,GACzC,MAAMs5C,EAAuBt5C,EAAS8L,GAAK9L,EAAS6L,KAC9C0tC,EAAsBP,EAAQltC,GAAKktC,EAAQntC,KACjD,OAAOmtC,EAAQntC,MAAQ7L,EAAS6L,MAAQmtC,EAAQltC,IAAM9L,EAAS8L,IAAOytC,EAAsBD,CAC9F,CAUO,SAAS,GAAoBN,EAASh5C,GAC3C,OAAOg5C,EAAQntC,MAAQ7L,EAAS6L,MAAQmtC,EAAQltC,IAAM9L,EAAS8L,EACjE,CAEO,MAAM,GAAiB,CAACktC,EAASh5C,IAAa,IACnD,GAAoBg5C,EAASh5C,IAC3B,GAAoBg5C,EAASh5C,IAC7B,GAAiBg5C,EAASh5C,IAC1B,GAAmBg5C,EAASh5C,G,cClJhC,MAAM,GAAQ,EAAa,sBAGrB,GAAgB,IAChB,GAAkB,EAAI,GAAMuzC,aAW5B,GAAyB,GAAQtgB,QAAU,KAAOjiC,OAAS,EAE3D,GAAiB,CAAC,IAAO,IAAO,MAEhC,GAAa,cAAc,6BAG3B,GAAe0lC,WAAWhjC,WAAWyB,SAASq5C,cAAgB9X,WAAWoX,sBAAsBpwC,WAAWqwC,eAC1G,IAAkB,GAAQ9a,SAAW,GACvC,GACA,GAEJ,IAAI,GACJ,IACE,GAAM,EAAU,YAAY,SAAW,OAAQ,aACjD,CAAE,MAAO9/B,GACP,GAAM,EAA+B,mBAAd,UAA2B,YAAc,IAAK,aACvE,CAEA,MAAM,GAAkC,oBAAX0C,QAAgE,mBAA/BA,OAAO2jD,qBAAsC3jD,OAAO2jD,oBAEnG,MAAM,WAAgB,EACnC,WAAAtnD,CAAa0nC,EAAWxa,EAAQ5tB,GAC9Bsf,QAEA1e,KAAKmzB,SAAW,mBAChBnzB,KAAKgtB,OAASA,EAEdhtB,KAAKokC,SAAWhlC,EAAKglC,SACrBpkC,KAAKwkC,QAAUplC,EAAKolC,QAEpBxkC,KAAKkX,KAAO9X,EAAK8X,MAAQ,GACzBlX,KAAKqnD,OAASjoD,EAAKioD,SAAU,EAC7BrnD,KAAK0+C,QAAUt/C,EAAKs/C,SAAW,KAC/B1+C,KAAKsnD,aAAeloD,EAAKkoD,WACzBtnD,KAAKunD,OAASnoD,EAAKW,OAAS,GAC5BC,KAAKwnD,gBAAkBpoD,EAAKqoD,gBAAkB,KAC9CznD,KAAK0nD,sBAA4C16C,IAAzB5N,EAAKuoD,gBAAgCvoD,EAAKuoD,gBAAkB,GACpF3nD,KAAK4nD,uBAAyBxoD,EAAKyoD,wBAAyB,EAC5D7nD,KAAKD,MAAQ,KACbC,KAAK8nD,UAAY1oD,EAAK0oD,UACtB9nD,KAAK+nD,mBAAqB3oD,EAAK2oD,qBAAsB,EAErD/nD,KAAKg5C,iBAAmB55C,EAAK65C,gBAGD,kBAAjB75C,EAAK2tB,UAAuB/sB,KAAK+sB,QAAU3tB,EAAK2tB,SAE3D/sB,KAAKgoD,SAAW5oD,EAAK4oD,UAAY,aAEjChoD,KAAKioD,YAAc7oD,EAAK6oD,aAAe,EAEvCjoD,KAAKkoD,kBAAqC,IAAjB9oD,EAAK+oD,SAAsC,IAAjB/oD,EAAK+oD,QACpD,GACE/oD,EAAK+oD,SAAW,GACtBnoD,KAAKooD,uBAAyB,KAC9BpoD,KAAKqoD,uBAAyB,EAC9BroD,KAAKsoD,mBAAqB,KAC1BtoD,KAAKuoD,mBAAqB,KAC1BvoD,KAAKwoD,qBAAuBppD,EAAKqpD,oBAAiD,IAA3BrpD,EAAKqpD,oBA9D9B,IA+D9BzoD,KAAK0oD,mBAAqBtpD,EAAK8kD,WAAY,EAE3ClkD,KAAK2oD,OAAQ,EACb3oD,KAAKmK,WAAY,EACjBnK,KAAK4oD,OAASxpD,EAAKwpD,SAAU,EAC7B5oD,KAAK2S,MAAO,EAEZ3S,KAAKohD,SAAW,KAChBphD,KAAK8jC,MAAQ,GAGb9jC,KAAKglC,OAAS,GAEdhlC,KAAK6oD,eAAgB,EACrB7oD,KAAK8oD,YAAc,IAAI,GACvB9oD,KAAK+oD,UAAY,GAEjB/oD,KAAKwtB,MAAQ,GAEbxtB,KAAKgpD,OAAS,GACdhpD,KAAKipD,OAAS,CAAC,EACfjpD,KAAKkpD,aAAe,EAGpBlpD,KAAKmpD,SAAW,EAChBnpD,KAAKu0B,SAAW,EAChBv0B,KAAKopD,eAAiB,KACtBppD,KAAKqpD,aAAe,KAGpBrpD,KAAKspD,SAAW,GAChBtpD,KAAKupD,YAAc,GAInBvpD,KAAKwpD,cAAgBpqD,EAAKqqD,aAER,OAAdjiB,GAAoBxnC,KAAK0pD,aAAaliB,GAE1CxnC,KAAKozB,OAAO,cACd,CAEA,iBAAIu2B,GACF,OAAI3pD,KAAK2S,KAAa,EACK,IAAvB3S,KAAK00B,cAA4Bze,KAC5BjW,KAAKpB,OAASoB,KAAKw0B,YAAcx0B,KAAK00B,cAAiB,GAClE,CAEA,cAAIF,GACF,IAAKx0B,KAAKs5B,SAAU,OAAO,EAC3B,IAAI9E,EAAa,EACjB,IAAK,IAAIh0B,EAAQ,EAAGI,EAAMZ,KAAKglC,OAAOpmC,OAAQ4B,EAAQI,IAAOJ,EAC3D,GAAIR,KAAKs5B,SAASl5B,IAAII,GACpBg0B,GAAeh0B,IAAUI,EAAM,EAAKZ,KAAKioC,gBAAkBjoC,KAAK+kC,gBAC3D,CACL,MAAMhS,EAAQ/yB,KAAKglC,OAAOxkC,GAC1Bg0B,GAAezB,EAAMn0B,OAASm0B,EAAMstB,OACtC,CAEF,OAAO7rB,CACT,CAcA,iBAAIE,GAAmB,OAAO10B,KAAKopD,gBAAiB,CAEpD,eAAI30B,GAAiB,OAAOz0B,KAAKqpD,cAAe,CAEhD,YAAItF,GAAc,OAAO/jD,KAAKpB,OAASoB,KAAKw0B,WAAax0B,KAAKpB,OAAS,CAAE,CAEzE,SAAIgrD,GAAW,OAAO5pD,KAAKu0B,UAAYv0B,KAAKmpD,UAAYnpD,KAAKpB,OAAQ,CAErE,YAAIirD,GAAc,OAAO7pD,KAAKwtB,MAAM5uB,MAAO,CAE3C,mBAAIkrD,GACF,OAAK9pD,KAAK+pD,YACH,IAAI/lB,KAAK,CAAChkC,KAAK+pD,aAAc,CAAErmD,KAAM,6BADd,IAEhC,CAEA,cAAIsmD,GACF,OAAOhqD,KAAKgpD,OAAOpqD,QAAUoB,KAAKkpD,aAAelpD,KAAKiqD,UACxD,CAEA,aAAIA,GACF,IAAIC,EAAW,EACf,IAAK,MAAM7/B,KAAMrqB,KAAKipD,OAChBjpD,KAAKipD,OAAO5+B,GAAIM,YAAWu/B,GAAY,GAE7C,OAAOA,CACT,CAEA,kBAAMR,CAAcliB,GAClB,GAAIxnC,KAAKmK,UAAW,OAEpB,IAAI+9B,EACJ,IAAMA,QAAsB,EAAaV,EAAW,CAAE,MAAOzmC,GAAM,CAC/DmnC,GAEFloC,KAAK0rB,SAAWwc,EAAcxc,SAC9B1rB,KAAKmzB,UAAW,QAAQ+U,EAAcxc,UAAU1f,UAAU,EAAG,GAC7D,GAAe,KACThM,KAAKmK,WACTnK,KAAKmqD,iBAAiBjiB,EAAa,KAKrC,EAAOV,GAAW,CAACzmC,EAAKmnC,KACtB,IAAIloC,KAAKmK,UACT,OAAIpJ,EAAYf,KAAKmkB,SAASpjB,QAC9Bf,KAAKmqD,iBAAiBjiB,EAAa,GAGzC,CAEA,gBAAAiiB,CAAkBjiB,GAChB,IAAIloC,KAAKmK,UAAT,CAIA,GAFAnK,KAAKoqD,sBAAsBliB,IAEtBloC,KAAK0rB,SACR,OAAO1rB,KAAKmkB,SAAS,IAAI7jB,MAAM,yCAGjCN,KAAKsoD,mBAAqB9xB,aAAY,KACpCx2B,KAAKqqD,UAAS,GAzMK,KA2MjBrqD,KAAKsoD,mBAAmB/6B,OAAOvtB,KAAKsoD,mBAAmB/6B,QAK3DvtB,KAAK8N,KAAK,YAAa9N,KAAK0rB,UACxB1rB,KAAKmK,YAETnK,KAAK8N,KAAK,WAAY9N,KAAK0rB,UACvB1rB,KAAKmK,YAELnK,KAAKgtB,OAAOs9B,UACdtqD,KAAKuqD,eAELvqD,KAAKgtB,OAAOnkB,KAAK,aAAa,KAC5B7I,KAAKuqD,cAAa,KA1BF,CA6BtB,CAEA,qBAAAH,CAAuBliB,GACrBloC,KAAKmzB,UAAW,QAAQ+U,EAAcxc,UAAU1f,UAAU,EAAG,QAEjC,IAAjBhM,KAAK+sB,UAEdmb,EAAcnb,QAAU/sB,KAAK+sB,SAG3BpiB,MAAMC,QAAQ5K,KAAKokC,YAErB8D,EAAc9D,SAAW8D,EAAc9D,SAASjmC,OAAO6B,KAAKokC,WAG1DpkC,KAAKgtB,OAAO0sB,SAAW/uC,MAAMC,QAAQ5K,KAAKgtB,OAAO0sB,QAAQtV,YAAc8D,EAAcnb,UAEvFmb,EAAc9D,SAAW8D,EAAc9D,SAASjmC,OAAO6B,KAAKgtB,OAAO0sB,QAAQtV,WAGzEpkC,KAAKgtB,OAAO0sB,SAAW,WAAOnV,sBAAwB2D,EAAcnb,UAEtEmb,EAAc9D,SAAW8D,EAAc9D,SAASjmC,OAAO,WAAOomC,sBAG5DvkC,KAAKwkC,UAEP0D,EAAc1D,QAAU0D,EAAc1D,QAAQrmC,OAAO6B,KAAKwkC,UAI5D0D,EAAc9D,SAAWz5B,MAAM8O,KAAK,IAAIuV,IAAIkZ,EAAc9D,WAC1D8D,EAAc1D,QAAU75B,MAAM8O,KAAK,IAAIuV,IAAIkZ,EAAc1D,UAEzD99B,OAAOqE,OAAO/K,KAAMkoC,GAEpBloC,KAAKwqD,UAAY,EAAYtiB,GAC7BloC,KAAK+pD,YtBrGT,SAA4BU,GAC1B,MAAMhmB,EAAU,CACdjI,KAAMiuB,EAAOjuB,MA2Bf,OAxBAiI,EAAQ,kBAAoBgmB,EAAOrmB,UAAY,IAAIv8B,KAAIggC,IAChDpD,EAAQL,WAAUK,EAAQL,SAAWyD,GAEnC,CADPA,GAAM,QAASA,OAIjBpD,EAAQ,YAAcgmB,EAAOjmB,SAAW,QAEjBx3B,IAAnBy9C,EAAO19B,UACT0X,EAAQ1X,QAAUlnB,OAAO4kD,EAAO19B,UAG9B09B,EAAO9iB,UACTlD,EAAQ,iBAAoBgmB,EAAO9iB,QAAQj0B,UAAY,IAAQ,GAG7D+2C,EAAO7lB,YACTH,EAAQ,cAAgBgmB,EAAO7lB,WAG7B6lB,EAAO9lB,UACTF,EAAQE,QAAU8lB,EAAO9lB,SAGpB,EAAO,WAChB,CsBuEuB,CAAcuD,EACnC,CAEA,YAAAqiB,GACMvqD,KAAKmK,YAELnK,KAAKw8B,KAGPx8B,KAAK0qD,YAAY1qD,OAEbA,KAAK8mC,IAAI9mC,KAAK2qD,yBAClB3qD,KAAK4qD,mBAET,CAEA,eAAAA,GACE,GAAI5qD,KAAK6qD,WAAa7qD,KAAKmK,UAAW,OAEtC,IAAI2gD,EAAc9qD,KAAKgtB,OAAO0sB,QAC1BoR,IACFA,EAAcpkD,OAAOqE,OAAO,CAAC,EAAG/K,KAAKgtB,OAAO0sB,QAAS,CACnDT,gBAAiB,KACf,GAAIj5C,KAAKmK,UAAW,OAEpB,MAAM/K,EAAO,CACXm1B,SAAUv0B,KAAKu0B,SACfC,WAAYx0B,KAAKw0B,WACjBu2B,KAAMpiD,KAAK2M,IAAItV,KAAKpB,OAASoB,KAAKw0B,WAAY,IAShD,OAPIx0B,KAAKgtB,OAAO0sB,QAAQT,iBACtBvyC,OAAOqE,OAAO3L,EAAMY,KAAKgtB,OAAO0sB,QAAQT,mBAEtCj5C,KAAKg5C,kBAEPtyC,OAAOqE,OAAO3L,EAAMY,KAAKg5C,oBAEpB55C,MAMTY,KAAKunC,eACPvnC,KAAKunC,cAAch/B,SAAQ0lB,GAAQjuB,KAAKgrD,QAAQ/8B,EAAM,WAAKN,iBAI7D3tB,KAAK6qD,UAAY,IAAI,GAAU,CAC7Bn/B,SAAU1rB,KAAK0rB,SACf0Y,SAAUpkC,KAAKokC,SACfzY,OAAQ3rB,KAAKgtB,OAAOrB,OACpBmB,KAAM9sB,KAAK+sB,SAAW/sB,KAAKgtB,OAAOF,IAClC4sB,QAASoR,EACTrxB,KAAMz5B,KAAKgtB,OAAOi+B,YAClBrnD,UAAW,GACXm3C,IAAK/6C,KAAKgtB,OAAO+tB,MAGnB/6C,KAAK6qD,UAAUvgD,GAAG,SAAUvJ,IAC1Bf,KAAKmkB,SAASpjB,EAAG,IAGnBf,KAAK6qD,UAAUvgD,GAAG,QAAQ,CAAC2jB,EAAMvD,KAC/B1qB,KAAKozB,OAAO,4BAA6BnF,EAAMvD,GAE1C1qB,KAAKgtB,OAAOk+B,0BAA2BlrD,KAAK2S,KAIjD3S,KAAKgrD,QAAQ/8B,EAAMvD,GAHjB1qB,KAAKozB,OAAO,yEAA0EnF,EAG/D,IAG3BjuB,KAAK6qD,UAAUvgD,GAAG,mBAAmB,KACnCtK,KAAK8N,KAAK,kBAAiB,IAG7B9N,KAAK6qD,UAAUvgD,GAAG,eAAe,KAC/BtK,KAAK8N,KAAK,cAAa,IAGzB9N,KAAK6qD,UAAUvgD,GAAG,WAAYvJ,IAC5Bf,KAAK8N,KAAK,UAAW/M,EAAG,IAG1Bf,KAAKuoD,mBAAqB/xB,aAAY,KACpC,GAAIx2B,KAAKmK,UAAW,OAEpB,MAAMghD,EAAW,CACf,CAAC,WAAKv9B,gBAAiB,CACrBloB,UAAW1F,KAAKgtB,OAAO0sB,QACvBmQ,SAAU,GAEZ,CAAC,WAAKh8B,YAAa,CACjBnoB,UAAW1F,KAAKgtB,OAAOF,IACvB+8B,SAAU,GAEZ,CAAC,WAAK/7B,YAAa,CACjBpoB,UAAW1F,KAAKgtB,OAAO+tB,IACvB8O,SAAU,GAEZ,CAAC,WAAK97B,eAAgB,CACpBroB,QAAU1F,KAAKgtB,OAAOo+B,OAA0B,mBAAV,GACtCvB,SAAU,IAGd,IAAK,MAAM57B,KAAQvnB,OAAO2zB,OAAOr6B,KAAKipD,QAAS,CAC7C,MAAMoC,EAAUF,EAASl9B,EAAKvD,aACP,IAAZ2gC,GAAyBA,EAAQxB,UAC9C,CACA,IAAK,MAAMn/B,KAAUhkB,OAAO4B,KAAK6iD,GAAW,CAC1C,MAAME,EAAUF,EAASzgC,GACrB2gC,EAAQ3lD,SAAgC,IAArB2lD,EAAQxB,UAAgB7pD,KAAK8N,KAAK,UAAW4c,EACtE,IACC1qB,KAAKwoD,sBACJxoD,KAAKuoD,mBAAmBh7B,OAAOvtB,KAAKuoD,mBAAmBh7B,OAC7D,CAEA,sBAAAo9B,GAEE,MAAMhlD,EAAO3F,KAEP4nC,EAAOj9B,MAAMC,QAAQ5K,KAAK8mC,IAAM9mC,KAAK8mC,GAAK,CAAC9mC,KAAK8mC,IAEtDnhC,EAAK2lD,sBAAwB,IAAI5lB,gBAEjC,MAAMxf,EAASvgB,EAAK2lD,sBAAsBplC,OAEpCrJ,EAAQ+qB,EAAK//B,KAAIggC,GAAOnnC,KAK9BxB,eAAmC2oC,EAAKnnC,GACtC,GAA+B,IAA3BmnC,EAAI/sB,QAAQ,YAAgD,IAA5B+sB,EAAI/sB,QAAQ,YAE9C,OADAnV,EAAKmI,KAAK,UAAW,IAAIxN,MAAM,+BAA+BunC,MACvDnnC,EAAG,MAGZ,MAAMtB,EAAO,CACX+mD,OAAQ,MACR9d,QAAS,CACP,aAAc,IAEhBniB,UAEF,IAAI0Z,EAeA6E,EAQAyD,EAtBJ,IACEtI,QAAY,EAAMiI,EAAKzoC,EACzB,CAAE,MAAO2B,GAEP,OADA4E,EAAKmI,KAAK,UAAW,IAAIxN,MAAM,6BAA6BunC,MACrDnnC,EAAG,KACZ,CAEA,GAAIiF,EAAKwE,UAAW,OAAOzJ,EAAG,MAC9B,GAAIiF,EAAKy7C,SAAU,OAAO1gD,EAAG,MAE7B,GAAmB,MAAfk/B,EAAIymB,OAEN,OADA1gD,EAAKmI,KAAK,UAAW,IAAIxN,MAAM,uBAAuBs/B,EAAIymB,yBAAyBxe,MAC5EnnC,EAAG,MAGZ,IACE+jC,EAAU,IAAIlmC,iBAAiBqhC,EAAIwI,cACrC,CAAE,MAAOrvB,GAEP,OADApT,EAAKmI,KAAK,UAAWiL,GACdrY,EAAG,KACZ,CAGA,IACEwnC,QAAsB,EAAazD,EACrC,CAAE,MAAO1jC,GAAM,CAEf,IAAKmnC,EAEH,OADAviC,EAAKmI,KAAK,UAAW,IAAIxN,MAAM,2CAA2CunC,MACnEnnC,EAAG,MAGZ,GAAIwnC,EAAcxc,WAAa/lB,EAAK+lB,SAElC,OADA/lB,EAAKmI,KAAK,UAAW,IAAIxN,MAAM,4DAA4DunC,MACpFnnC,EAAG,MAEZiF,EAAK+kD,YAAYxiB,GACjBxnC,EAAG,KACL,CAxDE6qD,CAAmB1jB,EAAKnnC,EAAE,IAE5B,EAASmc,EAuDX,CAKA,iBAAM6tC,CAAatJ,GACjB,GAAIphD,KAAKohD,UAAYphD,KAAKmK,UAAW,OAMrC,IAAI+9B,EACJ,GANAloC,KAAKozB,OAAO,gBAEZpzB,KAAKsrD,uBAAuB9gD,QAC5BxK,KAAKsrD,sBAAwB,KAGzBlK,GAAYA,EAAS11B,SAEvBwc,EAAgBkZ,OAEhB,IACElZ,QAAsB,EAAakZ,EACrC,CAAE,MAAOrgD,GACP,OAAOf,KAAKmkB,SAASpjB,EACvB,CAGFf,KAAKoqD,sBAAsBliB,GAC3BloC,KAAKohD,SAAWphD,KAAK+pD,YAGjB/pD,KAAKgtB,OAAOw+B,gBACdxrD,KAAKwkC,QAAQj8B,SAAQs/B,IACnB7nC,KAAKyrD,WAAW5jB,EAAG,IAIvB7nC,KAAK0rD,WAAa,IAAI,GAAU1rD,MAEhCA,KAAK8jC,MAAQ9jC,KAAK8jC,MAAMj8B,KAAI+7B,GAAQ,IAAI,GAAK5jC,KAAM4jC,KAEnD,IAAI+nB,EAAW3rD,KAAKwnD,gBAyDpB,GAxDKmE,IACHA,EAAW,IAAI3rD,KAAKunD,OAAOvnD,KAAK+kC,YAAa,IACxC/kC,KAAK8nD,UACRrjB,QAASzkC,KACTkX,KAAMlX,KAAKkX,KACX4sB,MAAO9jC,KAAK8jC,MACZllC,OAAQoB,KAAKpB,OACbwJ,KAAMpI,KAAKoI,KAAO,MAAQpI,KAAK0rB,SAAS/rB,MAAM,EAAG,GACjD0nD,OAAQrnD,KAAKqnD,OACb3I,QAAS1+C,KAAK0+C,QACdppC,IAAKtV,KAAK0nD,oBAKV1nD,KAAK0nD,iBAAmB,KAAOiE,aAAoB,MACrDA,EAAW,IAAI,GAAgBA,EAAU,CACvCr2C,IAAKtV,KAAK0nD,oBAId1nD,KAAKD,MAAQ,IAAI,GACf4rD,GAIE3rD,KAAK4rD,KAAO5rD,KAAK0oD,mBACnB1oD,KAAK8jC,MAAMv7B,SAAQ,CAACtD,EAAGvG,KACjBsB,KAAK4rD,GAAGn7B,SAAS/xB,IACnBsB,KAAK8jC,MAAMplC,GAAGslD,QAChB,IAIyB,IAAvBhkD,KAAKglC,OAAOpmC,QAAiBoB,KAAK0oD,oBACpC1oD,KAAKgkD,OAAO,EAAGhkD,KAAKglC,OAAOpmC,OAAS,EAAG,GAI3CoB,KAAK6rD,QAAU7rD,KAAKglC,OAEpBhlC,KAAKglC,OAAShlC,KAAKglC,OAAOn9B,KAAI,CAACY,EAAM/J,KACnC,MAAMqmC,EAAermC,IAAMsB,KAAKglC,OAAOpmC,OAAS,EAC5CoB,KAAKioC,gBACLjoC,KAAK+kC,YACT,OAAO,IAAI,GAAMA,EAAW,IAG9B/kC,KAAK2gD,cAAgB3gD,KAAKglC,OAAOn9B,KAAI,IAAM,KAE3C7H,KAAKs5B,SAAW,IAAI,KAASt5B,KAAKglC,OAAOpmC,QAGzCoB,KAAK8N,KAAK,aAGN9N,KAAKmK,UAET,GAAInK,KAAKsnD,WAEPtnD,KAAK8rD,mBACL9rD,KAAK+rD,eACA,CACL,MAAMC,EAAoBjrD,IACxB,GAAIA,EAAK,OAAOf,KAAKmkB,SAASpjB,GAC9Bf,KAAKozB,OAAO,kBACZpzB,KAAK+rD,UAAS,EAGhB/rD,KAAKozB,OAAO,mCACRpzB,KAAKwpD,eAAiBxpD,KAAKunD,SAAW,GAExCvnD,KAAKisD,iBAAgB,CAAClrD,EAAK0oD,KACzB,GAAI1oD,EAAK,OAAOf,KAAKmkB,SAASpjB,GAEZf,KAAK8jC,MAAMj8B,KAAI,CAACuD,EAAG5K,IAAUipD,EAAajpD,KAAWR,KAAKwpD,cAAchpD,KAAQkb,OAAMtO,GAAKA,KAG3GpN,KAAK8rD,mBACL9rD,KAAK+rD,YAEL/rD,KAAKksD,cAAcF,EACrB,IAGFhsD,KAAKksD,cAAcF,EAEvB,CACF,CAOA,eAAAC,CAAiBvrD,GACf,MAAMmO,EAAM,GACZ,GAAc7O,KAAK8jC,MAAMj8B,KAAI,CAAC+7B,EAAMpjC,IAAUE,IAC5C,MAAMyrD,EAAWnsD,KAAKqnD,OAAS,EAAUrnD,KAAKoI,KAAO,MAAQpI,KAAK0rB,SAAS/rB,MAAM,EAAG,IAAM,EAAUK,KAAKkX,KAAM0sB,EAAK1sB,MACpH,QAAQi1C,GAAU,CAACprD,EAAK2wC,KACtB,GAAI3wC,GAAoB,WAAbA,EAAImK,KAAmB,OAAOxK,EAAGK,GAC5C8N,EAAIrO,GAASkxC,GAAQA,EAAK0a,MAAM14C,UAChChT,EAAG,KAAI,GACR,IACC,IAAwBK,IAC1Bf,KAAKozB,OAAO,8BACZ1yB,EAAGK,EAAK8N,EAAG,GAEf,CAEA,aAAAq9C,CAAexrD,GACb,GAAcV,KAAKglC,OAAOn9B,KAAI,CAACkrB,EAAOvyB,IAAUE,IAC9C,GAAIV,KAAKmK,UAAW,OAAOzJ,EAAG,IAAIJ,MAAM,yBAExC,MAAM+rD,EAAU,CAAC,EAEb7rD,IAAUR,KAAKglC,OAAOpmC,OAAS,IACjCytD,EAAQztD,OAASoB,KAAKioC,iBAExBjoC,KAAKD,MAAMK,IAAII,EAAO6rD,GAASntD,MAAO6B,EAAKN,KACzC,GAAIT,KAAKmK,UAAW,OAAOzJ,EAAG,IAAIJ,MAAM,yBAExC,GAAIS,EAAK,OAAO,GAAe,IAAML,EAAG,QAExC,MAAMo/B,QAAY,QAAKr/B,EAAK,OAC5B,GAAIT,KAAKmK,UAAW,OAAOzJ,EAAG,IAAIJ,MAAM,yBAEpCw/B,IAAQ9/B,KAAK6rD,QAAQrrD,IACvBR,KAAKozB,OAAO,oBAAqB5yB,GACjCR,KAAKssD,cAAc9rD,KAEnBR,KAAKusD,gBAAgB/rD,GACrBR,KAAKozB,OAAO,mBAAoB5yB,IAElCE,EAAG,KAAI,GACR,IACC,GAAwBA,EAC9B,CAEA,WAAA8rD,CAAa9rD,GACX,GAAIV,KAAKmK,UAAW,MAAM,IAAI7J,MAAM,wBAC/BI,IAAIA,EAAK,IAEdV,KAAKksD,eAAenrD,IAClB,GAAIA,EAEF,OADAf,KAAKmkB,SAASpjB,GACPL,EAAGK,GAGZf,KAAKyiD,aACL/hD,EAAG,KAAI,GAEX,CAEA,gBAAAorD,GACE,IAAK,IAAItrD,EAAQ,EAAGA,EAAQR,KAAKglC,OAAOpmC,OAAQ4B,IAC9CR,KAAKssD,cAAc9rD,EAEvB,CAEA,aAAA8rD,CAAe9rD,GACbR,KAAKglC,OAAOxkC,GAAS,KACrBR,KAAK2gD,cAAcngD,GAAS,KAC5BR,KAAKs5B,SAASx6B,IAAI0B,GAAO,GACzBR,KAAK8N,KAAK,WAAYtN,EACxB,CAEA,eAAA+rD,CAAiB/rD,GACf,MAAMI,EAAOJ,IAAUR,KAAKglC,OAAOpmC,OAAS,EACxCoB,KAAKioC,gBACLjoC,KAAK+kC,YACT/kC,KAAKglC,OAAOxkC,GAAS,IAAI,GAAMI,GAC/BZ,KAAKs5B,SAASx6B,IAAI0B,GAAO,GACpBR,KAAK0oD,oBAAoB1oD,KAAKgkD,OAAOxjD,EAAOA,EAAO,GACxDR,KAAK8jC,MAAMv7B,SAAQq7B,IACbA,EAAKjxB,MAAQixB,EAAKnT,SAASjwB,KAAQojC,EAAKjxB,MAAO,KAEvD,CAEA,aAAA85C,GACE,IAAK,IAAIjsD,EAAQ,EAAGA,EAAQR,KAAKglC,OAAOpmC,OAAQ4B,IAC9C,IAAKR,KAAKs5B,SAASl5B,IAAII,GAAQ,OAAO,EAExC,OAAO,CACT,CAEA,YAAAksD,GACE,OAAQ1sD,KAAK2sD,eAAe,EAC9B,CAEA,cAAAA,CAAgBC,GACd,IAAI1+C,EAAQ,EACZ,IAAK,IAAI1N,EAAQ,EAAGA,EAAQR,KAAKglC,OAAOpmC,OAAQ4B,IAC9C,GAAIR,KAAKs5B,SAASl5B,IAAII,KACpB0N,GAAS,EACLA,EAAQ0+C,GAAW,OAAO,EAGlC,OAAO,CACT,CAKA,QAAAb,GACM/rD,KAAKmK,YACTnK,KAAKozB,OAAO,YAGZpzB,KAAK4qD,kBAEL5qD,KAAK2oD,OAAQ,EACb3oD,KAAK8N,KAAK,SAGV9N,KAAKyiD,aAGLziD,KAAK6sD,oBAGL7sD,KAAKwtB,MAAMjlB,SAAQkiB,IAGbA,EAAKm3B,aAAan3B,EAAKm3B,YAAYD,YAAY3hD,KAAKohD,UAExDphD,KAAK8sD,oBAAoBriC,EAAI,IAEjC,CAEA,OAAArpB,CAAShC,EAAMsB,GACb,GAAoB,mBAATtB,EAAqB,OAAOY,KAAKoB,QAAQ,KAAMhC,GAE1DY,KAAKmkB,SAAS,KAAM/kB,EAAMsB,EAC5B,CAEA,QAAAyjB,CAAUpjB,EAAK3B,EAAMsB,GACnB,GAAoB,mBAATtB,EAAqB,OAAOY,KAAKmkB,SAASpjB,EAAK,KAAM3B,GAChE,GAAIY,KAAKmK,UAAW,OACpBnK,KAAKmK,WAAY,EACjBnK,KAAKozB,OAAO,WAEZpzB,KAAKgtB,OAAO+/B,QAAQ/sD,MAEpBA,KAAK8oD,YAAYt3C,QAEjB+kB,cAAcv2B,KAAKsoD,oBAEnB/xB,cAAcv2B,KAAKuoD,oBAEnBvoD,KAAKsrD,uBAAuB9gD,QAExBxK,KAAK0rD,YACP1rD,KAAK0rD,WAAWtqD,UAGlB,IAAK,MAAMipB,KAAMrqB,KAAKipD,OACpBjpD,KAAKytB,WAAWpD,GAGlBrqB,KAAK8jC,MAAMv7B,SAAQq7B,IACbA,aAAgB,IAAMA,EAAKzf,UAAS,IAG1C,MAAMtH,EAAQ7c,KAAKspD,SAASzhD,KAAImlD,GAAUtsD,IACxCssD,EAAO5rD,QAAQV,EAAE,IASnB,GANIV,KAAK6qD,WACPhuC,EAAMnd,MAAKgB,IACTV,KAAK6qD,UAAUzpD,QAAQV,EAAE,IAIzBV,KAAKD,MAAO,CACd,IAAIktD,EAAejtD,KAAK4nD,uBACpBxoD,QAA8B4N,IAAtB5N,EAAK6tD,eACfA,EAAe7tD,EAAK6tD,cAEtBpwC,EAAMnd,MAAKgB,IACLusD,EACFjtD,KAAKD,MAAMqB,QAAQV,GAEnBV,KAAKD,MAAMoB,MAAMT,EACnB,GAEJ,CAEA,EAASmc,EAAOnc,GAEZK,IAQkC,IAAhCf,KAAKgP,cAAc,SACrBhP,KAAKgtB,OAAOlf,KAAK,QAAS/M,GAE1Bf,KAAK8N,KAAK,QAAS/M,IAIvBf,KAAK8N,KAAK,SAEV9N,KAAKgtB,OAAS,KACdhtB,KAAK8jC,MAAQ,GACb9jC,KAAK6qD,UAAY,KACjB7qD,KAAKD,MAAQ,KACbC,KAAK0rD,WAAa,KAClB1rD,KAAKipD,OAAS,KACdjpD,KAAKspD,SAAW,KAChBtpD,KAAKupD,YAAc,IACrB,CAEA,OAAAyB,CAAS/8B,EAAMvD,GACb,GAAI1qB,KAAKmK,UAAW,MAAM,IAAI7J,MAAM,wBACpC,IAAKN,KAAK0rB,SAAU,MAAM,IAAIprB,MAAM,4DAEpC,IAAI+5C,EAEJ,GAAoB,iBAATpsB,EAAmB,CAC5B,IAAI6Z,EACJ,IACEA,EAAQ,GAAa7Z,EACvB,CAAE,MAAOlV,GAGP,OAFA/Y,KAAKozB,OAAO,4BAA6BnF,GACzCjuB,KAAK8N,KAAK,cAAemgB,IAClB,CACT,CACAosB,EAAOvS,EAAM,EACf,KAAyC,iBAAvB7Z,EAAKtB,gBACrB0tB,EAAOpsB,EAAKtB,eAGd,GAAI3sB,KAAKgtB,OAAOkgC,SAAW7S,GAAQr6C,KAAKgtB,OAAOkgC,QAAQC,SAAS9S,GAI9D,OAHAr6C,KAAKozB,OAAO,4BAA6BnF,GACrB,iBAATA,GAAmBA,EAAK7sB,UACnCpB,KAAK8N,KAAK,cAAemgB,IAClB,EAKT,MAAMvqB,EAAQ1D,KAAKgtB,OAAOogC,KAAOptD,KAAKqtD,QAAQhT,GAAS,MAAQ,MACzDiT,IAAattD,KAAKutD,SAASt/B,EAAMvqB,EAAMgnB,GAO7C,OALI4iC,EACFttD,KAAK8N,KAAK,OAAQmgB,GAElBjuB,KAAK8N,KAAK,cAAemgB,GAEpBq/B,CACT,CAEA,QAAAC,CAAUt/B,EAAMvqB,EAAMgnB,GACpB,GAAI1qB,KAAKmK,UAEP,MADoB,iBAAT8jB,GAAmBA,EAAK7sB,UAC5B,KAET,GAAoB,iBAAT6sB,IAAsBjuB,KAAKwtD,WAAWv/B,GAE/C,OADAjuB,KAAKozB,OAAO,4BAA6BnF,GAClC,KAGT,MAAM5D,EAAM4D,GAAQA,EAAK5D,IAAO4D,EAChC,GAAIjuB,KAAKipD,OAAO5+B,GAGd,OAFArqB,KAAKozB,OAAO,gCAAiC/I,GACzB,iBAAT4D,GAAmBA,EAAK7sB,UAC5B,KAGT,GAAIpB,KAAK4oD,OAGP,OAFA5oD,KAAKozB,OAAO,oCACQ,iBAATnF,GAAmBA,EAAK7sB,UAC5B,KAKT,IAAIqsD,EAmBJ,OArBAztD,KAAKozB,OAAO,cAAe/I,GAKzBojC,EAFkB,iBAATx/B,EAEU,QAATvqB,EACN,WAAK+qB,sBAAsBR,EAAMjuB,KAAMA,KAAKgtB,OAAOT,gBACnD,WAAKgC,sBAAsBN,EAAMjuB,KAAMA,KAAKgtB,OAAOT,gBAG7C,WAAKyB,iBAAiBC,EAAMjuB,KAAMA,KAAKgtB,OAAOT,gBAG1DvsB,KAAK0tD,cAAcD,GAEC,iBAATx/B,IAETjuB,KAAKgpD,OAAOtpD,KAAK+tD,GACjBztD,KAAK2tD,UAGAF,CACT,CAEA,UAAAhC,CAAYmC,GACV,GAAI5tD,KAAKmK,UAAW,MAAM,IAAI7J,MAAM,wBAEpC,IAAI+pB,EACAE,EACJ,GAAyB,iBAAdqjC,EAAwB,CAGjC,GAFAvjC,EAAKujC,GAEA,iBAAiBx2C,KAAKiT,GAGzB,OAFArqB,KAAK8N,KAAK,UAAW,IAAIxN,MAAM,8BAA8B+pB,WAC7DrqB,KAAK8N,KAAK,cAAeuc,GAI3B,GAAIrqB,KAAKipD,OAAO5+B,GAGd,OAFArqB,KAAK8N,KAAK,UAAW,IAAIxN,MAAM,gCAAgC+pB,WAC/DrqB,KAAK8N,KAAK,cAAeuc,GAI3BE,EAAO,IAAI,GAAQF,EAAIrqB,KACzB,KAAO,KAAI4tD,GAAyC,iBAArBA,EAAUpI,OAWvC,YADAxlD,KAAK8N,KAAK,UAAW,IAAIxN,MAAM,6EAN/B,GAHAiqB,EAAOqjC,EACPvjC,EAAKE,EAAKi7B,OAENxlD,KAAKipD,OAAO5+B,GAGd,OAFArqB,KAAK8N,KAAK,UAAW,IAAIxN,MAAM,gCAAgC+pB,WAC/DrqB,KAAK8N,KAAK,cAAeuc,EAM7B,CAEArqB,KAAKozB,OAAO,kBAAmB/I,GAE/B,MAAMojC,EAAU,WAAK/+B,kBAAkBnE,EAAMF,EAAIrqB,KAAMA,KAAKgtB,OAAOT,gBAEnEvsB,KAAK0tD,cAAcD,GAEnBztD,KAAK8N,KAAK,OAAQuc,EACpB,CAMA,gBAAAwjC,CAAkB5/B,GAChB,OAAIjuB,KAAKmK,UAAkB8jB,EAAK7sB,QAAQ,IAAId,MAAM,yBAC9CN,KAAK4oD,OAAe36B,EAAK7sB,QAAQ,IAAId,MAAM,uBAE/CN,KAAKozB,OAAO,uBAAwBnF,EAAK5D,SAEzCrqB,KAAK0tD,cAAcz/B,GACrB,CAEA,aAAAy/B,CAAeD,GACbA,EAAQnjD,GAAG,YAAYkqB,IACjBx0B,KAAKmK,YACTnK,KAAKmpD,UAAY30B,EACjBx0B,KAAKopD,eAAe50B,GACpBx0B,KAAKgtB,OAAOo8B,eAAe50B,GAC3Bx0B,KAAK8N,KAAK,WAAY0mB,GAClBx0B,KAAKmK,WACTnK,KAAKgtB,OAAOlf,KAAK,WAAY0mB,GAAU,IAGzCi5B,EAAQnjD,GAAG,UAAUiqB,IACfv0B,KAAKmK,YACTnK,KAAKu0B,UAAYA,EACjBv0B,KAAKqpD,aAAa90B,GAClBv0B,KAAKgtB,OAAOq8B,aAAa90B,GACzBv0B,KAAK8N,KAAK,SAAUymB,GAChBv0B,KAAKmK,WACTnK,KAAKgtB,OAAOlf,KAAK,SAAUymB,GAAQ,IAGrCv0B,KAAKipD,OAAOwE,EAAQpjC,IAAMojC,EAC1BztD,KAAKkpD,cAAgB,CACvB,CAEA,UAAAz7B,CAAYQ,GACV,MAAM5D,EAAK4D,GAAM5D,IAAM4D,EACnBA,IAASA,EAAK5D,KAAI4D,EAAOjuB,KAAKipD,SAAS5+B,IAEtC4D,IACLA,EAAK7sB,UAEDpB,KAAKmK,YAETnK,KAAKozB,OAAO,gBAAiB/I,UAEtBrqB,KAAKipD,OAAO5+B,GACnBrqB,KAAKkpD,cAAgB,EAGrBlpD,KAAK2tD,UACP,CAEA,OAAAxK,CAAS3oC,EAAOC,EAAKwpC,EAAU4C,EAAQN,GAAoB,GACzD,GAAIvmD,KAAKmK,UAAW,MAAM,IAAI7J,MAAM,wBAEpC,GAAIka,EAAQ,GAAKC,EAAMD,GAASxa,KAAKglC,OAAOpmC,QAAU6b,EACpD,MAAM,IAAIna,MAAM,qBAAqBka,OAAWC,KAElDwpC,EAAWp+C,OAAOo+C,IAAa,EAE/BjkD,KAAKozB,OAAO,6BAA8B5Y,EAAOC,EAAKwpC,GAEtDjkD,KAAK8oD,YAAYnC,OAAO,CACtBltC,KAAMe,EACNd,GAAIe,EACJhc,OAAQ,EACRwlD,WACA4C,SACAN,sBAGFvmD,KAAK8oD,YAAY5tC,MAAK,CAACN,EAAGpc,IAAMA,EAAEylD,SAAWrpC,EAAEqpC,WAE/CjkD,KAAK6sD,mBACP,CAEA,MAAA7I,CAAQxpC,EAAOC,EAAKwpC,EAAU4C,GAC5B7mD,KAAKmjD,QAAQ3oC,EAAOC,EAAKwpC,EAAU4C,GAAQ,EAC7C,CAEA,SAAAvD,CAAW7pC,EAAMC,EAAI6sC,GAAoB,GACvC,GAAIvmD,KAAKmK,UAAW,MAAM,IAAI7J,MAAM,wBAEpCN,KAAKozB,OAAO,iBAAkB3Z,EAAMC,GAEpC1Z,KAAK8oD,YAAYnoD,OAAO,CAAE8Y,OAAMC,KAAI6sC,sBAEpCvmD,KAAK6sD,mBACP,CAEA,QAAA3I,CAAU1pC,EAAOC,GACfza,KAAKsjD,UAAU9oC,EAAOC,GAAK,EAC7B,CAEA,QAAA4oC,CAAU7oC,EAAOC,GACf,GAAIza,KAAKmK,UAAW,MAAM,IAAI7J,MAAM,wBAEpCN,KAAKozB,OAAO,iBAAkB5Y,EAAOC,GAErC,IAAK,IAAI/b,EAAI8b,EAAO9b,GAAK+b,IAAO/b,EAC9BsB,KAAK+oD,UAAUrqD,IAAK,EAGtBsB,KAAK6sD,mBACP,CAEA,OAAAhgC,CAASpC,EAAMH,GAKb,GAJAtqB,KAAKozB,OAAO,mBAAoB3I,EAAK0I,SAAU7I,GAAQ,WAEvDtqB,KAAKwtB,MAAM9tB,KAAK+qB,GAEZH,EAAM,CAER,MAAMwd,EAAQ,GAAaxd,GAC3BG,EAAKkC,cAAgBmb,EAAM,GAC3Brd,EAAKmC,WAAakb,EAAM,EAC1B,CAGI9nC,KAAKgtB,OAAOF,KAAO9sB,KAAKgtB,OAAOF,IAAIw9B,WACrC7/B,EAAKngB,GAAG,QAAQmvB,IACd,IAAIz5B,KAAKmK,YAAanK,KAAKgtB,OAAOF,IAAI3iB,UAAtC,CAGA,IAAKsgB,EAAKkC,cACR,OAAO3sB,KAAKozB,OAAO,2CAErB,GAAa,IAATqG,GAAcA,EAAO,MACvB,OAAOz5B,KAAKozB,OAAO,mCAGrBpzB,KAAKozB,OAAO,qBAAsBqG,EAAMnP,GACxCtqB,KAAKgtB,OAAOF,IAAI8tB,QAAQ,CAAEP,KAAM5vB,EAAKkC,cAAe8M,QATpD,CAS0D,IAI9DhP,EAAKngB,GAAG,WAAW,KACjBtK,KAAKozB,OAAO,oBAAqB9I,GAEjCG,EAAKrpB,SAAQ,IAIG,YAAdqpB,EAAK/mB,MACP+mB,EAAKjW,WA9jCW,KA8jCe,GAIjCiW,EAAK6L,cAAa,GAGlB7L,EAAKqM,IAAI,GAAW92B,KAAKohD,WAEzB32B,EAAKm3B,YAAYt3C,GAAG,WAAWvJ,IAC7Bf,KAAKozB,OAAO,0BAA2BryB,EAAIqE,QAAO,IAG/CpF,KAAKohD,WACR32B,EAAKm3B,YAAYt3C,GAAG,YAAY82C,IAC9BphD,KAAKozB,OAAO,gCACZpzB,KAAK0qD,YAAYtJ,EAAQ,IAE3B32B,EAAKm3B,YAAYhc,SAIf5lC,KAAKgtB,OAAOo+B,OAA0B,mBAAV,KAAyBprD,KAAK+sB,UAC5DtC,EAAKqM,IAAI,MAETrM,EAAKqjC,OAAOxjD,GAAG,QAAQ2jB,IAEjBjuB,KAAK2S,OACT3S,KAAKozB,OAAO,iCAAkCnF,EAAM3D,GACpDtqB,KAAKgrD,QAAQ/8B,EAAM,WAAKF,eAAa,IAGvCtD,EAAKqjC,OAAOxjD,GAAG,WAAW2jB,IAGxB,MAAM8/B,EAAU/tD,KAAKipD,OAAOh7B,GACxB8/B,IAAYA,EAAQpjC,YACtB3qB,KAAKozB,OAAO,qCAAsCnF,EAAM3D,GACxDtqB,KAAKytB,WAAWQ,GAClB,IAGFxD,EAAK5hB,KAAK,SAAS,KAEjB4hB,EAAKqjC,OAAOE,OAAM,KAItBvjC,EAAKqM,IAAI,MAIT92B,KAAK8N,KAAK,OAAQ2c,EAAMH,GAEpBtqB,KAAK2oD,OACP,GAAe,KAGb3oD,KAAK8sD,oBAAoBriC,EAAI,GAGnC,CAEA,mBAAAqiC,CAAqBriC,GACnB,IAAIwjC,EAAY,KAEhB,MAAMC,EAAiB,KACjBluD,KAAKmK,WAAasgB,EAAKtgB,YAEvBnK,KAAKgqD,WAAa,GAAKhqD,KAAKiqD,UAAYjqD,KAAK6pD,WAC/Cp/B,EAAK8I,aACL9I,EAAKrpB,WAEL6sD,EAAYz5C,WAAW05C,EAAgB,IACnCD,EAAU1gC,OAAO0gC,EAAU1gC,SACjC,EAGF,IAAI7uB,EACJ,MAAMyvD,EAAmB,KACvB,GAAI1jC,EAAKiJ,WAAWviB,OAAOvS,SAAWoB,KAAKs5B,SAASnoB,OAAOvS,OAA3D,CACA,IAAKF,EAAI,EAAGA,EAAIsB,KAAKglC,OAAOpmC,SAAUF,EACpC,IAAK+rB,EAAKiJ,WAAWtzB,IAAI1B,GAAI,OAE/B+rB,EAAK2jC,UAAW,EACZpuD,KAAK+nD,oBAAoBt9B,EAAKqO,OALiC,CAK3B,EAG1CrO,EAAKngB,GAAG,YAAY,KAClB6jD,IACAnuD,KAAKquD,UACLruD,KAAKsuD,oBAAoB7jC,EAAI,IAG/BA,EAAKngB,GAAG,QAAQ,KACd6jD,IACAnuD,KAAKquD,UACLruD,KAAKsuD,oBAAoB7jC,EAAI,IAG/BA,EAAKk7B,YAAYr7C,GAAG,YAAY,KAC9B6jD,IACAnuD,KAAKquD,UACLruD,KAAKsuD,oBAAoB7jC,EAAI,IAI/BA,EAAKngB,GAAG,YAAY,KAClBmgB,EAAK2jC,UAAW,EACZpuD,KAAK+nD,oBAAoBt9B,EAAKqO,QAClC94B,KAAKquD,UACLruD,KAAKsuD,oBAAoB7jC,EAAI,IAI/BA,EAAKngB,GAAG,aAAa,KACnBmgB,EAAK2jC,UAAW,EAChBpuD,KAAKquD,UACLruD,KAAKsuD,oBAAoB7jC,EAAI,IAI/BA,EAAKngB,GAAG,gBAAiB9J,IACvBR,KAAKquD,SAAQ,IAGf5jC,EAAK5hB,KAAK,cAAc,KACtB4hB,EAAKwO,SAAQ,IAGfxO,EAAK5hB,KAAK,SAAS,KACjBuiB,aAAa6iC,EAAS,IAGxBxjC,EAAKngB,GAAG,SAAS,KACf8gB,aAAa6iC,GACbA,EAAYz5C,WAAW05C,EAAgB,IACnCD,EAAU1gC,OAAO0gC,EAAU1gC,OAAM,IAGvC9C,EAAKngB,GAAG,WAAW,KACjB8gB,aAAa6iC,GACbjuD,KAAKquD,SAAQ,IAGf5jC,EAAKngB,GAAG,WAAW,CAAC9J,EAAO/B,EAAQG,EAAQ8B,KACzC,GAAI9B,EAjtCe,OAmtCjB,OAAO6rB,EAAKrpB,UAEVpB,KAAKglC,OAAOxkC,IAChBR,KAAKD,MAAMK,IAAII,EAAO,CAAE/B,SAAQG,UAAU8B,EAAE,IAI1C+pB,EAAKyJ,SAAWl0B,KAAKysD,gBAAiBhiC,EAAKmP,UACtCnP,EAAKyJ,SAAWl0B,KAAK0sD,eAAgBjiC,EAAKoP,WAC9CpP,EAAK6O,SAASt5B,KAAKs5B,UAGxBt5B,KAAKsuD,oBAAoB7jC,GAGrBA,EAAKkJ,eAAe7G,KAAO9sB,KAAKgtB,OAAOF,KAAO9sB,KAAKgtB,OAAOF,IAAIw9B,WAChE7/B,EAAKgP,KAAKz5B,KAAKgtB,OAAOF,IAAIyhB,UAAU9U,MAGpB,YAAdhP,EAAK/mB,OACPuqD,EAAYz5C,WAAW05C,EAAgB,IACnCD,EAAU1gC,OAAO0gC,EAAU1gC,SAGjC9C,EAAK2jC,UAAW,EAChBD,GACF,CAKA,iBAAAtB,GACO7sD,KAAK2oD,QAAS3oD,KAAKmK,YAExB,GAAe,KACbnK,KAAKuuD,eAAc,IAErBvuD,KAAKwuD,kBACLxuD,KAAKquD,UACP,CAKA,aAAAE,GACE,IAAK,MAAMh3C,KAAKvX,KAAK8oD,YAAa,CAChC,MAAM2F,EAAYl3C,EAAE9Y,OAGpB,KAAOuB,KAAKs5B,SAASl5B,IAAImX,EAAEkC,KAAOlC,EAAE9Y,SAAW8Y,EAAEkC,KAAOlC,EAAE9Y,OAAS8Y,EAAEmC,IACnEnC,EAAE9Y,QAAU,EAGVgwD,IAAcl3C,EAAE9Y,QAAQ8Y,EAAEsvC,WAC1BtvC,EAAEmC,KAAOnC,EAAEkC,KAAOlC,EAAE9Y,SACnBuB,KAAKs5B,SAASl5B,IAAImX,EAAEkC,KAAOlC,EAAE9Y,UAElC8Y,EAAE5W,SACF4W,EAAEsvC,WACF7mD,KAAKwuD,mBACP,CAEKxuD,KAAK8oD,YAAYlqD,QAAQoB,KAAK8N,KAAK,OAC1C,CAKA,eAAA0gD,GACE,MAAMxoD,EAAOhG,KAAK6oD,cAClB7oD,KAAK6oD,gBAAkB7oD,KAAK8oD,YAAYlqD,OAExCoB,KAAKwtB,MAAMjlB,SAAQkiB,GAAQzqB,KAAKsuD,oBAAoB7jC,KAEhDzkB,IAAShG,KAAK6oD,gBACd7oD,KAAK6oD,cAAe7oD,KAAK8N,KAAK,cAC7B9N,KAAK8N,KAAK,gBACjB,CAEA,mBAAAwgD,CAAqB7jC,GACnB,IAAIyO,GAAa,EACjB,IAAK,IAAI14B,EAAQ,EAAGA,EAAQR,KAAKglC,OAAOpmC,SAAU4B,EAChD,GAAIR,KAAKglC,OAAOxkC,IAAUiqB,EAAKiJ,WAAWtzB,IAAII,GAAQ,CACpD04B,GAAa,EACb,KACF,CAGEA,EAAYzO,EAAKyO,aAChBzO,EAAK0O,cACZ,CAKA,OAAAk1B,GACM,GACF,IAAc,IAAMruD,KAAK0uD,sBAAsB,CAAE9jC,QAAS,MAE1D5qB,KAAK0uD,oBAET,CAEA,kBAAAA,GACE,GAAI1uD,KAAKmK,UAAW,OAEpB,MAAM8c,EAAM,GAAcjnB,KAAKwtB,OAC/B,IAAI/C,EACJ,KAAQA,EAAOxD,KACbjnB,KAAK2uD,YAAYlkC,EAErB,CAKA,WAAAkkC,CAAalkC,GACX,GAAIA,EAAKtgB,UAAW,OAAO,EAE3B,MAAMxE,EAAO3F,KAEP4uD,EAAyB,GAAuBnkC,EAv0C5B,IAw0C1B,GAAIA,EAAKmJ,SAASh1B,QAAUgwD,EAAwB,OACpD,MAAMC,EAAyB,GAAuBpkC,EAx0C5B,GA00C1B,GAAIA,EAAK+I,YACH/I,EAAKyJ,SAAWzJ,EAAK2J,mBAAmBx1B,OAAS,IAClDoB,KAAK2sD,eAAeliC,EAAK2J,mBAAmBx1B,OAAS,IAU1D,WACE,GAAI6rB,EAAKmJ,SAASh1B,QAAUiwD,EAAwB,OAAO,EAE3D,IAAK,MAAM97B,KAAStI,EAAK2J,mBAAoB,CAC3C,GAAI3J,EAAKiJ,WAAWtzB,IAAI2yB,KAAWptB,EAAK2zB,SAASl5B,IAAI2yB,GACnD,KAAOptB,EAAK08C,SAAS53B,EAAMsI,GAAO,IAChCtI,EAAKmJ,SAASh1B,OAASiwD,IAM3B,KAAIpkC,EAAKmJ,SAASh1B,OAASiwD,GAE3B,OAAO,CACT,CAGF,CA3BIC,OAHJ,CAQA,IAAKrkC,EAAK+J,WAAY,OA6BtB,WACE,GAAI/J,EAAKmJ,SAASh1B,OAAQ,OAE1B,IAAIF,EAAIiH,EAAKmjD,YAAYlqD,OACzB,KAAOF,KAAK,CACV,MAAM6S,EAAO5L,EAAKmjD,YAAY1oD,IAAI1B,GAClC,IAAIq0B,EACJ,GAAsB,WAAlBptB,EAAKqiD,SAAuB,CAC9B,MAAMxtC,EAAQjJ,EAAKkI,KAAOlI,EAAK9S,OACzBgc,EAAMlJ,EAAKmI,GACX9Y,EAAM6Z,EAAMD,EAAQ,EACpBu0C,EAAQ,CAAC,EACf,IAAIC,EAAQ,EACZ,MAAM/mD,EAASgnD,EAAmBz0C,EAAOC,EAAKs0C,GAE9C,KAAOC,EAAQpuD,IACbmyB,EAAQptB,EAAK+lD,WAAWxG,eAAej9C,KACnC8qB,EAAQ,KAFM,CAGlB,GAAIptB,EAAK08C,SAAS53B,EAAMsI,GAAO,GAAQ,OACvCg8B,EAAMh8B,IAAS,EACfi8B,GAAS,CACX,CACF,MACE,IAAKj8B,EAAQxhB,EAAKmI,GAAIqZ,GAASxhB,EAAKkI,KAAOlI,EAAK9S,SAAUs0B,EACxD,GAAKtI,EAAKiJ,WAAWtzB,IAAI2yB,IACrBptB,EAAK08C,SAAS53B,EAAMsI,GAAO,GAAQ,MAG7C,CAIF,CA7D6Bm8B,GAE7BC,GAAc,IAAUA,GAAc,EAJtC,CA0BA,SAASF,EAAoBz0C,EAAOC,EAAKs0C,EAAOK,GAC9C,OAAO1wD,GAAKA,GAAK8b,GAAS9b,GAAK+b,KAAS/b,KAAKqwD,IAAUtkC,EAAKiJ,WAAWtzB,IAAI1B,MAAQ0wD,GAAQA,EAAK1wD,GAClG,CAmEA,SAAS2wD,EAAiB3wD,GACxB,IAAIiT,EAAOjT,EACX,IAAK,IAAIsG,EAAItG,EAAGsG,EAAIW,EAAKmjD,YAAYlqD,QAAU+G,EAAKmjD,YAAY1oD,IAAI4E,GAAGi/C,SAAUj/C,IAC/E2M,EAAO3M,EAETW,EAAKmjD,YAAY7B,KAAKvoD,EAAGiT,EAC3B,CAEA,SAASw9C,EAAeG,GACtB,GAAI7kC,EAAKmJ,SAASh1B,QAAUiwD,EAAwB,OAAO,EAC3D,MAAMO,EAxCR,WACE,MAAM1tD,EAAQ+oB,EAAKiK,iBAAmB,EACtC,GAAIhzB,EAAQ,GAAiB,MAAO,KAAM,EAE1C,MAAM6tD,EAAO5mD,KAAK2M,IAAI,EAAGmV,EAAKmJ,SAASh1B,QAAU,GAAMuiD,aAAez/C,EACtE,IAAIstD,EAAQ,GACRQ,EAAM,EAEV,OAAOhvD,IACL,IAAKwuD,GAASrpD,EAAK2zB,SAASl5B,IAAII,GAAQ,OAAO,EAE/C,IAAI6/C,EAAU16C,EAAKq/B,OAAOxkC,GAAO6/C,QAEjC,KAAOmP,EAAM7pD,EAAK6nB,MAAM5uB,OAAQ4wD,IAAO,CACrC,MAAMC,EAAY9pD,EAAK6nB,MAAMgiC,GACvBE,EAAaD,EAAU/6B,gBAE7B,KAAIg7B,EAAa,OACbA,GAAchuD,IACb+tD,EAAU/7B,WAAWtzB,IAAII,OACzB6/C,GAAWqP,EAAaH,GAAQ,GAGrC,OADAP,KACO,CACT,CAEA,OAAO,EAEX,CAYeW,GAEb,IAAK,IAAIjxD,EAAI,EAAGA,EAAIiH,EAAKmjD,YAAYlqD,OAAQF,IAAK,CAChD,MAAM6S,EAAO5L,EAAKmjD,YAAY1oD,IAAI1B,GAElC,IAAIq0B,EACJ,GAAsB,WAAlBptB,EAAKqiD,SAAuB,CAC9B,MAAMxtC,EAAQjJ,EAAKkI,KAAOlI,EAAK9S,OACzBgc,EAAMlJ,EAAKmI,GACX9Y,EAAM6Z,EAAMD,EAAQ,EACpBu0C,EAAQ,CAAC,EACf,IAAIC,EAAQ,EACZ,MAAM/mD,EAASgnD,EAAmBz0C,EAAOC,EAAKs0C,EAAOK,GAErD,KAAOJ,EAAQpuD,IACbmyB,EAAQptB,EAAK+lD,WAAWxG,eAAej9C,KACnC8qB,EAAQ,KAFM,CAIlB,KAAOptB,EAAK08C,SAAS53B,EAAMsI,EAAOptB,EAAKojD,UAAUh2B,IAAUu8B,IACzD7kC,EAAKmJ,SAASh1B,OAASiwD,IAKzB,KAAIpkC,EAAKmJ,SAASh1B,OAASiwD,GAO3B,OADIt9C,EAAK0yC,UAAUoL,EAAgB3wD,IAC5B,EANLqwD,EAAMh8B,IAAS,EACfi8B,GAMJ,CACF,MACE,IAAKj8B,EAAQxhB,EAAKkI,KAAOlI,EAAK9S,OAAQs0B,GAASxhB,EAAKmI,GAAIqZ,IACtD,GAAKtI,EAAKiJ,WAAWtzB,IAAI2yB,IAAWq8B,EAAKr8B,GAAzC,CAEA,KAAOptB,EAAK08C,SAAS53B,EAAMsI,EAAOptB,EAAKojD,UAAUh2B,IAAUu8B,IACzD7kC,EAAKmJ,SAASh1B,OAASiwD,IAKzB,KAAIpkC,EAAKmJ,SAASh1B,OAASiwD,GAG3B,OADIt9C,EAAK0yC,UAAUoL,EAAgB3wD,IAC5B,CAX0C,CAcvD,CAEA,OAAO,CACT,CACF,CAMA,QAAA2rD,GACE,IAAKrqD,KAAK2oD,MAAO,OAGjB,MAAMiH,EACJ5vD,KAAKwtB,MACF3lB,KAAI4iB,IAAQ,CAAGA,OAAMtQ,OAAQxR,KAAKwR,aAClCe,MAAK,CAAC20C,EAAMC,KACX,MAAMC,EAAQF,EAAKplC,KACbulC,EAAQF,EAAKrlC,KAGnB,OAAIslC,EAAMr7B,kBAAoBs7B,EAAMt7B,gBAC3Bq7B,EAAMr7B,gBAAkBs7B,EAAMt7B,gBAInCq7B,EAAMt7B,gBAAkBu7B,EAAMv7B,cACzBs7B,EAAMt7B,cAAgBu7B,EAAMv7B,cAIjCs7B,EAAMz8B,YAAc08B,EAAM18B,UACrBy8B,EAAMz8B,WAAa,EAAI,EAIzBu8B,EAAK11C,OAAS21C,EAAK31C,UAE3BtS,KAAImD,GAAOA,EAAIyf,OAEhBzqB,KAAKqoD,wBAA0B,EAEjCroD,KAAKooD,uBAAyB,KAE9BpoD,KAAKqoD,wBAA0B,EAGjC,IAAI4H,EAAwB,EAE5B,KAAOL,EAAUhxD,OAAS,GAAKqxD,EAAwBjwD,KAAKkoD,iBAAmB,GAAG,CAChF,MAAMz9B,EAAOmlC,EAAUj/C,MAEnB8Z,EAAK2jC,UAAY3jC,IAASzqB,KAAKooD,yBAInC39B,EAAKwO,UAGDxO,EAAKgJ,gBACPw8B,IAEJ,CAGA,GAAoC,OAAhCjwD,KAAKooD,wBAAmCpoD,KAAKkoD,iBAAmB,EAAG,CAErE,MAAMthC,EAAYgpC,EAAU3nD,QAAOwiB,GAAQA,EAAKgJ,iBAEhD,GAAI7M,EAAUhoB,OAAS,EAAG,CAExB,MAAMsxD,EAAoBtpC,GA8WdupC,EA9WkCvpC,EAAUhoB,OA+WvD+J,KAAKwR,SAAWg2C,EAAO,IA7WxBD,EAAkBj3B,UAElBj5B,KAAKooD,uBAAyB8H,EAE9BlwD,KAAKqoD,uBArjDuB,CAsjD9B,CACF,CAsWJ,IAAoB8H,EAnWhBP,EACG3nD,QAAOwiB,GAAQA,IAASzqB,KAAKooD,yBAC7B7/C,SAAQkiB,GAAQA,EAAKqO,SAC1B,CAMA,QAAAs3B,CAAU3lC,EAAMjqB,GACd,MAAMkB,EAAQ+oB,EAAKiK,gBACnB,GAAIhzB,EAAQ,GAAMy/C,aAAc,OAAO,EACvC,IAAKnhD,KAAK2gD,cAAcngD,GAAQ,OAAO,EAEvC,MAAM4C,EAAIpD,KAAK2gD,cAAcngD,GAC7B,IAAK4C,EACH,OAAO,EAGT,IACIitD,EAEA3xD,EAHA4xD,EAAWr6C,IAIf,IAAKvX,EAAI,EAAGA,EAAI0E,EAAExE,OAAQF,IAAK,CAC7B,MAAM+wD,EAAYrsD,EAAE1E,GACpB,IAAK+wD,GAAaA,IAAchlC,EAAM,SAEtC,MAAMilC,EAAaD,EAAU/6B,gBACzBg7B,GAAc,KACd,EAAIA,EAAahuD,GAASguD,EAAaY,IAE3CD,EAAUZ,EACVa,EAAWZ,GACb,CAEA,IAAKW,EAAS,OAAO,EAErB,IAAK3xD,EAAI,EAAGA,EAAI0E,EAAExE,OAAQF,IACpB0E,EAAE1E,KAAO2xD,IAASjtD,EAAE1E,GAAK,MAG/B,IAAKA,EAAI,EAAGA,EAAI2xD,EAAQz8B,SAASh1B,OAAQF,IAAK,CAC5C,MAAM2L,EAAMgmD,EAAQz8B,SAASl1B,GACzB2L,EAAI0oB,QAAUvyB,GAElBR,KAAKglC,OAAOxkC,GAAOkS,OAAQrI,EAAI5L,OAAS,GAAM0iD,aAAgB,EAChE,CAGA,OADAnhD,KAAK8N,KAAK,UAAWuiD,EAAS5lC,EAAMjqB,IAC7B,CACT,CAKA,QAAA6hD,CAAU53B,EAAMjqB,EAAO8uD,GACrB,MAAM3pD,EAAO3F,KACPuwD,EAAc9lC,EAAKmJ,SAASh1B,OAC5B4xD,EAA0B,YAAd/lC,EAAK/mB,KAEvB,GAAIiC,EAAK2zB,SAASl5B,IAAII,GAAQ,OAAO,EAErC,MAAMquD,EAAyB2B,EAC3B7nD,KAAKwM,IA6Rb,SAAiCsV,EAAMgmC,EAAU1rB,GAC/C,OAAO,EAAIp8B,KAAK4L,KAAKk8C,EAAWhmC,EAAKiK,gBAAkBqQ,EACzD,CA9RQ,CAAuBta,EA7nDD,EA6nD8B9kB,EAAKo/B,aACzDp/B,EAAKsiD,aAEL,GAAuBx9B,EAhoDD,GAkoD1B,GAAI8lC,GAAe1B,EAAwB,OAAO,EAGlD,MAAM97B,EAAQptB,EAAKq/B,OAAOxkC,GAC1B,IAAIkwD,EAAcF,EAAYz9B,EAAMguB,mBAAqBhuB,EAAM+tB,UAK/D,IAHqB,IAAjB4P,GAAsBpB,GAAW3pD,EAAKyqD,SAAS3lC,EAAMjqB,KACvDkwD,EAAcF,EAAYz9B,EAAMguB,mBAAqBhuB,EAAM+tB,YAExC,IAAjB4P,EAAoB,OAAO,EAE/B,IAAIttD,EAAIuC,EAAKg7C,cAAcngD,GACtB4C,IAAGA,EAAIuC,EAAKg7C,cAAcngD,GAAS,IACxC,IAAI9B,EAAI0E,EAAE0X,QAAQ,OACP,IAAPpc,IAAUA,EAAI0E,EAAExE,QACpBwE,EAAE1E,GAAK+rB,EAEP,MAAMkpB,EAAc5gB,EAAM4gB,YAAY+c,GAChCzwD,EAAcuwD,EAAYz9B,EAAM8tB,qBAAqB6P,GAAe39B,EAAM9yB,YAAYywD,GA+D5F,SAASC,IACP,GAAe,KAAQhrD,EAAK0oD,SAAQ,GACtC,CAEA,OAjEA5jC,EAAKuO,QAAQx4B,EAAOmzC,EAAa1zC,GAAaf,eAAe0xD,EAAS7vD,EAAKlC,GACzE,GAAI8G,EAAKwE,UAAW,OAGpB,IAAKxE,EAAKgjD,MAAO,OAAOhjD,EAAKkD,KAAK,SAAS,KAAQ+nD,EAAQ7vD,EAAKlC,EAAK,IAIrE,GAFIuE,EAAE1E,KAAO+rB,IAAMrnB,EAAE1E,GAAK,MAEtBq0B,IAAUptB,EAAKq/B,OAAOxkC,GAAQ,OAAOmwD,IAEzC,GAAI5vD,EAQF,OAPA4E,EAAKytB,OACH,6DACA5yB,EAAOmzC,EAAa1zC,EAAa,GAAGwqB,EAAKkC,iBAAiBlC,EAAKmC,aAC/D7rB,EAAIqE,SAENorD,EAAYz9B,EAAMiuB,gBAAgB0P,GAAe39B,EAAMrgB,OAAOg+C,QAC9DC,IASF,GALAhrD,EAAKytB,OACH,+CACA5yB,EAAOmzC,EAAa1zC,EAAa,GAAGwqB,EAAKkC,iBAAiBlC,EAAKmC,eAG5DmG,EAAMj0B,IAAI4xD,EAAa7xD,EAAO4rB,GAAO,OAAOkmC,IAEjD,MAAMlwD,EAAMsyB,EAAM7K,QAIZ4X,QAAY,QAAKr/B,EAAK,OACxBkF,EAAKwE,YAEL21B,IAAQn6B,EAAKkmD,QAAQrrD,IACvBmF,EAAKytB,OAAO,oBAAqB5yB,GAEjCmF,EAAK5F,MAAMM,IAAIG,EAAOC,GAAKM,IACrBA,EACF4E,EAAKwe,SAASpjB,IAGd4E,EAAKq/B,OAAOxkC,GAAS,KACrBmF,EAAK2mD,cAAc9rD,GACnBmF,EAAK6nB,MAAMjlB,SAAQkiB,IACjBA,EAAK2O,KAAK54B,EAAK,IAKfmF,EAAK88C,eAAiB98C,EAAKwE,WAAWxE,EAAKklD,UAAU9S,WACzD4Y,IAAa,MAGfhrD,EAAKq/B,OAAOxkC,GAAS,IAAI,GAAMuyB,EAAMn0B,QACrC+G,EAAKmI,KAAK,UAAW,IAAIxN,MAAM,SAASE,0BACxCmwD,KAEJ,KAMO,CACT,CAEA,UAAAlO,GACE,GAAIziD,KAAKmK,UAAW,OAGpBnK,KAAK8jC,MAAMv7B,SAAQq7B,IACjB,IAAIA,EAAKjxB,KAAT,CACA,IAAK,IAAIjU,EAAIklC,EAAKif,YAAankD,GAAKklC,EAAKkf,YAAapkD,EACpD,IAAKsB,KAAKs5B,SAASl5B,IAAI1B,GAAI,OAE7BklC,EAAKjxB,MAAO,EACZixB,EAAK91B,KAAK,QACV9N,KAAKozB,OAAO,cAAcwQ,EAAKx7B,OANhB,CAMsB,IAKvC,IAAIuK,GAAO,EAEX,IAAK,MAAMk+C,KAAa7wD,KAAK8oD,YAAa,CACxC,IAAK,IAAI/1B,EAAQ89B,EAAUp3C,KAAMsZ,GAAS89B,EAAUn3C,GAAIqZ,IACtD,IAAK/yB,KAAKs5B,SAASl5B,IAAI2yB,GAAQ,CAC7BpgB,GAAO,EACP,KACF,CAEF,IAAKA,EAAM,KACb,CAWA,OATK3S,KAAK2S,MAAQA,GAChB3S,KAAK2S,MAAO,EACZ3S,KAAKozB,OAAO,iBAAiBpzB,KAAK0rB,YAClC1rB,KAAK8N,KAAK,SAEV9N,KAAK2S,MAAO,EAEd3S,KAAKuuD,gBAEE57C,CACT,CAEA,UAAMxP,CAAMwW,EAASjZ,GACnB,GAAIV,KAAKmK,UAAW,MAAM,IAAI7J,MAAM,wBACpC,IAAKN,KAAK2oD,MAAO,OAAO3oD,KAAK6I,KAAK,SAAS,KAAQ7I,KAAKmD,KAAKwW,EAASjZ,EAAE,IAEnEiK,MAAMC,QAAQ+O,KAAUA,EAAU,CAACA,IACnCjZ,IAAIA,EAAK,IAEd,UACQ,GAAgBV,KAAKD,MAAO,EAAa4Z,GAAU,CAAE1Z,YAAaD,KAAK+kC,cAC7E/kC,KAAK8rD,mBACL9rD,KAAKyiD,aACL/hD,EAAG,KACL,CAAE,MAAOK,GAEP,OADAL,EAAGK,GACIA,CACT,CACF,CAEA,KAAAgmB,GACM/mB,KAAKmK,YACTnK,KAAKozB,OAAO,SACZpzB,KAAK4oD,QAAS,EAChB,CAEA,MAAA9hC,GACM9mB,KAAKmK,YACTnK,KAAKozB,OAAO,UACZpzB,KAAK4oD,QAAS,EACd5oD,KAAK2tD,SACP,CAEA,MAAAv6B,GACE,MAAMlxB,EAAO,GAAGvC,MAAM2G,KAAKqG,WAC3BzK,EAAK,GAAK,IAAIlC,KAAKgtB,OAAShtB,KAAKgtB,OAAOmG,SAAW,iBAAiBnzB,KAAKmzB,aAAajxB,EAAK,KAC3F,MAASA,EACX,CAQA,MAAAyrD,GAEE,GADA3tD,KAAKozB,OAAO,iCAAkCpzB,KAAKiqD,UAAWjqD,KAAKgtB,OAAO8jC,UAC/C,mBAAhB,YAA8B9wD,KAAKmK,WAAanK,KAAK4oD,QAC5D5oD,KAAKiqD,WAAajqD,KAAKgtB,OAAO8jC,SAChC,OAEF9wD,KAAKozB,OAAO,iCAAkCpzB,KAAKgqD,WAAYhqD,KAAK6pD,SAAU7pD,KAAKgtB,OAAO8jC,UAE1F,MAAM7iC,EAAOjuB,KAAKgpD,OAAOt4C,QACzB,IAAKud,EAAM,OAEXjuB,KAAKozB,OAAO,2BAA4BnF,EAAKvqB,KAAMuqB,EAAK3D,MAExD,MAAMwd,EAAQ,GAAa7Z,EAAK3D,MAC1BlrB,EAAO,CACXi7C,KAAMvS,EAAM,GACZrO,KAAMqO,EAAM,IAGV9nC,KAAKgtB,OAAOogC,KAAOn/B,EAAKvqB,OAAS,WAAKsmB,kBACxCiE,EAAK1D,KAAO,WAAYnrB,EAAKq6B,KAAMr6B,EAAKi7C,MAExCpsB,EAAK1D,KAAO,WAAYnrB,GAG1B,MAAMmrB,EAAO0D,EAAK1D,KAElBA,EAAK1hB,KAAK,WAAW,KAAa7I,KAAKmK,WAAW8jB,EAAK9C,WAAU,IACjEZ,EAAK1hB,KAAK,SAAS9H,IAASktB,EAAK7sB,QAAQL,EAAG,IAC5CktB,EAAKf,sBAGL3C,EAAKjgB,GAAG,SAAS,KACf,GAAItK,KAAKmK,UAAW,OAEpB,GAAI8jB,EAAKpD,SAAW,GAAejsB,OAAQ,CACzC,GAAIoB,KAAKgtB,OAAOogC,IAAK,CACnB,MAAMK,EAAUztD,KAAKutD,SAASt/B,EAAK3D,KAAM,MAAO2D,EAAKvD,QACjD+iC,IAASA,EAAQ5iC,QAAU,EACjC,MACE7qB,KAAKozB,OACH,oDACAnF,EAAK3D,KAAM,GAAe1rB,QAG9B,MACF,CAEA,MAAMmH,EAAK,GAAekoB,EAAKpD,SAC/B7qB,KAAKozB,OACH,4DACAnF,EAAK3D,KAAMvkB,EAAIkoB,EAAKpD,QAAU,GAGhC,MAAMkmC,EAAmBv8C,YAAW,KAClC,GAAIxU,KAAKmK,UAAW,OACpB,MAAMkwC,EAAO,GAAapsB,EAAK3D,MAAM,GAC/B5mB,EAAQ1D,KAAKgtB,OAAOogC,KAAOptD,KAAKqtD,QAAQhT,GAAS,MAAQ,MACzDoT,EAAUztD,KAAKutD,SAASt/B,EAAK3D,KAAM5mB,EAAMuqB,EAAKvD,QAChD+iC,IAASA,EAAQ5iC,QAAUoD,EAAKpD,QAAU,KAC7C9kB,GACCgrD,EAAiBxjC,OAAOwjC,EAAiBxjC,OAAM,GAEvD,CAOA,UAAAigC,CAAYljC,GACV,IAAIwd,EACJ,IACEA,EAAQ,GAAaxd,EACvB,CAAE,MAAOvR,GACP,OAAO,CACT,CACA,MAAMshC,EAAOvS,EAAM,GACbrO,EAAOqO,EAAM,GACnB,OAAOrO,EAAO,GAAKA,EAAO,SACb,cAAT4gB,GAAwB5gB,IAASz5B,KAAKgtB,OAAOi+B,YACnD,CAOA,OAAAoC,CAAS/iC,GAEP,MADoB,qHACDlT,KAAKkT,EAC1B,EAGF,SAAS,GAAwBG,EAAMgmC,GACrC,IAAI7xD,EAAS,EAAI+J,KAAK4L,KAAKk8C,EAAWhmC,EAAKiK,gBAAkB,GAAMysB,cAGnE,GAAI12B,EAAKwJ,sBAAuB,CAC9B,MAAM+8B,EAAOvmC,EAAKwJ,sBAAsB+8B,KACpB,iBAATA,GAAqBA,EAAO,IACrCpyD,EAAS+J,KAAKwM,IAAIvW,EAAQoyD,GAE9B,CAEA,OAAOpyD,CACT,CAaA,SAAS,KAAS,C,8CCx8DlB,MAAM,GACJ,WAAAkB,CAAaktB,EAAQ5tB,EAAO,CAAC,GAC3BY,KAAKgtB,OAASA,EACT5tB,EAAKi1C,SAAQj1C,EAAKi1C,OAAS,KAChCr0C,KAAKZ,KAAOA,EACZY,KAAKixD,aAAe,IAAIjiC,GAC1B,CAEA,qBAAOkiC,CAAgBtxB,EAAKuxB,EAAUzM,GACpC,MAAM0M,EAAWD,EACdtpD,KAAI48B,GAAW,0BAEH,GAAWigB,MAAajgB,EAAQ/Y,yBACvC,GAAW+Y,EAAQr8B,iCAEpB,GAAWq8B,EAAQ7lC,gCAGvBN,KAAK,QAUR,OARAshC,EAAIymB,OAAS,IACbzmB,EAAIyI,QAAQ,gBAAkB,YAC9BzI,EAAIyxB,KAAO,GACT,aACA,mCACOD,UAGFxxB,CACT,CAEA,eAAA0xB,CAAiBjnD,GAEf,OAAyB,IAArBrK,KAAKZ,KAAKi1C,SAGW,MAArBr0C,KAAKZ,KAAKi1C,QAGPhqC,EAAIg+B,QAAQgM,SAAWr0C,KAAKZ,KAAKi1C,OAC1C,CAEA,4BAAOkd,CAAuB3xB,GAS5B,OARAA,EAAIymB,OAAS,IACbzmB,EAAIyI,QAAQ,gBAAkB,YAE9BzI,EAAIyxB,KAAO,GACT,2BACA,qCAGKzxB,CACT,CAEA,mBAAO4xB,CAAc5xB,GAQnB,OAPAA,EAAIymB,OAAS,IACbzmB,EAAIyI,QAAQ,gBAAkB,YAE9BzI,EAAIyxB,KAAO,GACT,kBACA,4BAEKzxB,CACT,CAEA,uBAAO6xB,CAAkBhtB,EAAS7E,EAAK8kB,GACrC,MAAM0M,EAAW3sB,EAAQX,MACtBj8B,KAAI+7B,GAAQ,0BAEA,GAAW8gB,MAAajgB,EAAQ/Y,YAAY,GAAWkY,EAAK1sB,sBACnE,GAAW0sB,EAAK1sB,iCAEjB,GAAW0sB,EAAKhlC,gCAGpBN,KAAK,QAWR,OATAshC,EAAIymB,OAAS,IACbzmB,EAAIyI,QAAQ,gBAAkB,YAE9BzI,EAAIyxB,KAAO,GACT,GAAG,GAAW5sB,EAAQr8B,qBACtB,OAAO,GAAWq8B,EAAQr8B,yBACpBgpD,UAGDxxB,CACT,CAEA,0BAAO8xB,CAAqBrnD,EAAKu1B,GAQ/B,OAPAA,EAAIymB,OAAS,IACbzmB,EAAIyI,QAAQ,0BAA4B,MACxCzI,EAAIyI,QAAQ,gCAAkC,WAE1Ch+B,EAAIg+B,QAAQ,oCACdzI,EAAIyI,QAAQ,gCAAkCh+B,EAAIg+B,QAAQ,mCAErDzI,CACT,CAEA,gBAAO+xB,CAAW/tB,EAAMv5B,EAAKu1B,GAC3BA,EAAIymB,OAAS,IAGbzmB,EAAIyI,QAAQupB,QAAU,IACtBhyB,EAAIyI,QAAQ,iBAAmB,iDAE/BzI,EAAIyI,QAAQ,iBAAmB,QAC/BzI,EAAIyI,QAAQ,gBAAkBzE,EAAKlgC,KAEnCk8B,EAAIyI,QAAQ,yBAA2B,YACvCzI,EAAIyI,QAAQ,4BAA8B,+EAIlB,aAApBh+B,EAAIwnD,aACNjyB,EAAIyI,QAAQ,gBAAkB,2BAC9BzI,EAAIyI,QAAQ,uBAAyB,gCAAgC,GAAczE,EAAKx7B,QACxFw3B,EAAIyxB,KAAO,YAEXzxB,EAAIyI,QAAQ,uBAAyB,4BAA4B,GAAczE,EAAKx7B,QAKtF,IAAImS,EAAQ,GAAYqpB,EAAKhlC,OAAQyL,EAAIg+B,QAAQ9tB,OAAS,IAiB1D,GAfI5P,MAAMC,QAAQ2P,IAChBqlB,EAAIymB,OAAS,IAGb9rC,EAAQA,EAAM,GAEdqlB,EAAIyI,QAAQ,iBAAmB,SAAS9tB,EAAMC,SAASD,EAAME,OAAOmpB,EAAKhlC,SAEzEghC,EAAIyI,QAAQ,kBAAoB9tB,EAAME,IAAMF,EAAMC,MAAQ,IAE1DolB,EAAIkyB,WAAa,IACjBv3C,EAAQ,KACRqlB,EAAIyI,QAAQ,kBAAoBzE,EAAKhlC,QAGpB,QAAfyL,EAAI87C,OAAkB,CACxB,MAAMhnD,EAAWykC,EAAK1xB,OAAOC,eAAeoI,GAC5C,IAAI0N,EAAY,KAChB2b,EAAK91B,KAAK,WAAY,CAAE3O,WAAUkL,MAAKu5B,SAAQp2B,IAC7Cya,EAAYza,KAGd,MAAMxE,EAAS,EAAAqd,SAAS5M,KAAKwO,GAAa9oB,GAC1C,IAAIqa,EAAO,KACXoqB,EAAK91B,KAAK,SAAU,CAAE9E,SAAQqB,MAAKu5B,SAAQp2B,IACzCgM,EAAO,GAAKxQ,EAAQwE,EAAM,IAG5BoyB,EAAIyxB,KAAO73C,GAAQxQ,CACrB,MACE42B,EAAIyxB,MAAO,EAEb,OAAOzxB,CACT,CAEA,eAAMmyB,CAAW1nD,EAAK3J,GACpB,IAAIgkD,EAAW,IAAIxQ,IAAI7pC,EAAIw9B,IAAK,sBAAsB6c,SACtDA,EAAWA,EAAS/kD,MAAM+kD,EAAS5pC,QAAQ9a,KAAK0kD,UAAY1kD,KAAK0kD,SAAS9lD,OAAS,GAEnF,MAAMghC,EAAM,CACVyI,QAAS,CAEP,yBAA0B,UAE1B,0BAA2B,iEAS/B,GAJIroC,KAAKsxD,gBAAgBjnD,KACvBu1B,EAAIyI,QAAQ,+BAAsD,MAArBroC,KAAKZ,KAAKi1C,OAAiB,IAAMhqC,EAAIg+B,QAAQgM,QAG3E,gBAAbqQ,EACF,OAAOhkD,EAAG,GAAW8wD,aAAa5xB,IAMpC,GAAmB,YAAfv1B,EAAI87C,OACN,OAAInmD,KAAKsxD,gBAAgBjnD,GAAa3J,EAAG,GAAWgxD,oBAAoBrnD,EAAKu1B,IACjEl/B,EAAG,GAAW6wD,sBAAsB3xB,IAGlD,MAAMoyB,EAAU9yD,UACdc,KAAKixD,aAAahwD,OAAO+wD,GACzB,MAAMpyB,QAAYqyB,IAClBvxD,EAAGk/B,EAAG,EAGFqyB,EAAgB/yD,UACpB,GAAiB,KAAbwlD,EACF,OAAO,GAAWwM,eAAetxB,EAAK5/B,KAAKgtB,OAAOmkC,SAAUnxD,KAAK0kD,UAGnE,IAAKh5B,KAAaygC,GAAYzH,EAAS38C,MAAM,KAC7CokD,EAAW+F,UAAU/F,EAAS7tD,KAAK,MAEnC,MAAMmmC,QAAgBzkC,KAAKgtB,OAAO5sB,IAAIsrB,GACtC,IAAKA,IAAa+Y,EAChB,OAAO,GAAW+sB,aAAa5xB,GAGjC,IAAKusB,EACH,OAAO,GAAWsF,iBAAiBhtB,EAAS7E,EAAK5/B,KAAK0kD,UAGxD,MAAM9gB,EAAOa,EAAQX,MAAMxT,MAAKsT,GAAQA,EAAK1sB,KAAKvU,QAAQ,MAAO,OAASwpD,IAC1E,OAAKvoB,EAGE,GAAW+tB,UAAU/tB,EAAMv5B,EAAKu1B,GAF9B,GAAW4xB,aAAa5xB,EAES,EAG5C,GAAmB,QAAfv1B,EAAI87C,QAAmC,SAAf97C,EAAI87C,OAAmB,CACjD,GAAInmD,KAAKgtB,OAAO27B,MAAO,CACrB,MAAM/oB,QAAYqyB,IAClB,OAAOvxD,EAAGk/B,EACZ,CAGE,OAFA5/B,KAAKixD,aAAavoB,IAAIspB,QACtBhyD,KAAKgtB,OAAOnkB,KAAK,QAASmpD,EAG9B,CAEA,OAAOtxD,EAAG,GAAW6wD,sBAAsB3xB,GAC7C,CAEA,KAAAz+B,CAAOT,EAAK,QACVV,KAAKgW,QAAS,EACdhW,KAAKixD,aAAa1oD,SAAQypD,IACxBhyD,KAAKgtB,OAAOliB,eAAe,QAASknD,EAAO,IAE7ChyD,KAAKixD,aAAaz/C,QAClB,EAAe9Q,EACjB,CAEA,OAAAU,CAASV,EAAK,QAERV,KAAKgW,OAAQ,EAAetV,GAC3BV,KAAKmB,MAAMT,GAChBV,KAAKgtB,OAAS,IAChB,EAGF,MAAM,WAAmB,GACvB,WAAAltB,CAAaktB,EAAQ5tB,GACnBsf,MAAMsO,EAAQ5tB,GAEdY,KAAKgtD,OAAS,kBACdhtD,KAAKmyD,QAAUnyD,KAAKgtD,OAAOtS,OAC3B16C,KAAKgtD,OAAOtS,OAAS16C,KAAK06C,OAAOnuC,KAAKvM,MACtCA,KAAKoyD,OAASpyD,KAAKgtD,OAAO7rD,MAC1BnB,KAAKgtD,OAAO7rD,MAAQnB,KAAKmB,MAAMoL,KAAKvM,MAEpCA,KAAKqyD,QAAU,IAAIrjC,IACnBhvB,KAAKgW,QAAS,EACdhW,KAAK0kD,SAAWtlD,GAAMslD,UAAY,aACpC,CAEA,WAAA4N,CAAajoD,EAAKu1B,GAIhB,OAAI5/B,KAAKZ,KAAKmzD,UAAYloD,EAAIg+B,QAAQgS,OAAS,GAAGr6C,KAAKZ,KAAKmzD,YAAYvyD,KAAKgtD,OAAOze,UAAU9U,OACrFpvB,EAAIjJ,UAGR,IAAI8yC,IAAI7pC,EAAIw9B,IAAK,sBAAsB6c,SAAS7b,WAAW7oC,KAAK0kD,eAIrE1kD,KAAK+xD,UAAU1nD,GAAK,EAAGg8C,SAAQhe,UAASgpB,WACtCzxB,EAAI4yB,UAAUnM,EAAQhe,GAEhBgpB,EAAKhoD,gBAAoBgoD,EAAKloD,eAClC,GAAKkoD,EAAMzxB,GAEXA,EAAInlB,IAAI42C,EACV,IAVOhnD,EAAIjJ,SAYf,CAEA,YAAAqxD,CAAcle,GACZA,EAAO//B,WAAW,MAClBxU,KAAKqyD,QAAQ3pB,IAAI6L,GACjBA,EAAO1rC,KAAK,SAAS,KACnB7I,KAAKqyD,QAAQpxD,OAAOszC,EAAM,GAE9B,CAEA,OAAAhG,GACE,OAAOvuC,KAAKgtD,OAAOze,SACrB,CAEA,MAAAmM,IAAWx4C,GAIT,OAHAlC,KAAKgW,QAAS,EACdhW,KAAKgtD,OAAO1iD,GAAG,aAActK,KAAKyyD,aAAalmD,KAAKvM,OACpDA,KAAKgtD,OAAO1iD,GAAG,UAAWtK,KAAKsyD,YAAY/lD,KAAKvM,OACzCA,KAAKmyD,QAAQ5rD,MAAMvG,KAAKgtD,OAAQ9qD,EACzC,CAEA,KAAAf,CAAOT,EAAK,QACVV,KAAKgtD,OAAOn8C,mBAAmB,cAC/B7Q,KAAKgtD,OAAOn8C,mBAAmB,WAC/B7Q,KAAKgtD,OAAOn8C,mBAAmB,aAC/B6N,MAAMvd,QACNnB,KAAKoyD,OAAO9rD,KAAKtG,KAAKgtD,OAAQtsD,EAChC,CAEA,OAAAU,CAASV,GACPV,KAAKqyD,QAAQ9pD,SAAQgsC,IACnBA,EAAOnzC,SAAQ,IAEjBsd,MAAMtd,QAAQV,EAChB,EAGF,MAAM,WAAsB,GAC1B,WAAAZ,CAAaktB,EAAQ5tB,GACnBsf,MAAMsO,EAAQ5tB,GAEdY,KAAK0yD,aAAetzD,EAAKklD,WACzBtkD,KAAK2yD,wBAA0B,KAC/B3yD,KAAK4yD,gBAAkB,EAEvB,MAAM3yB,EAAQ,IAAIiU,IAAI90C,EAAKklD,WAAWrkB,OACtCjgC,KAAK0kD,SAAWzkB,EAAMykB,SAAW,aACjC1kD,KAAK6yD,SAAW,CACdp5B,KAAMwG,EAAMxG,KACZ+U,OAAQ,OACRD,QAAStO,EAAMsyB,UAGjBvyD,KAAK8yD,aAAe9yD,KAAKsyD,YAAY/lD,KAAKvM,MAC1CsB,UAAUyxD,cAAc5sC,iBAAiB,UAAWnmB,KAAK8yD,cAEzDltB,MAAM,GAAG5lC,KAAK0kD,oBAAoBzqC,MAAK2lB,IACrCA,EAAIyxB,KAAK3+C,QAAO,GAEpB,CAEA,WAAA4/C,CAAa3kB,GACX,MAAMtjC,EAAMsjC,EAAMj8B,KAElB,GAAmB,gBAAdrH,GAAK3G,OAA0B2G,EAAIw9B,IAAK,OAAO,KAEpD,MAAOpO,GAAQkU,EAAMuO,MACrBl8C,KAAK+xD,UAAU1nD,GAAK,EAAGg8C,SAAQhe,UAASgpB,WACtC,MAAMl/C,EAAgBk/C,EAAKn/C,OAAOC,mBAE5B+b,EAAU,KACduL,EAAKgW,UAAY,KACb4hB,GAAMjwD,SAASiwD,EAAKjwD,UACxBpB,KAAK4yD,kBACA5yD,KAAK4yD,kBACRr8B,cAAcv2B,KAAK2yD,yBACnB3yD,KAAK2yD,wBAA0B,KACjC,EAGFl5B,EAAKgW,UAAYvwC,UACf,GAAI25B,EAAInnB,KAAM,CACZ,IAAI7S,EACJ,IACEA,SAAesT,EAAcZ,QAAQ9R,KACvC,CAAE,MAAOsZ,GAET,CACA0gB,EAAKijB,YAAY79C,GACZA,GAAOqvB,IACPluB,KAAK2yD,0BACR3yD,KAAK2yD,wBAA0Bn8B,aAAY,IAAMoP,MAAM,GAAG5lC,KAAK0kD,wBA9XrD,KAgYd,MACEx2B,GACF,EAEFluB,KAAK4yD,kBACLn5B,EAAKijB,YAAY,CACf2J,SACAhe,UACAgpB,KAAMl/C,EAAgB,SAAWk/C,GAClC,GAEL,CAGA,MAAA3W,CAAQtvC,EAAG1K,GACTA,GACF,CAEA,OAAA6tC,GACE,OAAOvuC,KAAK6yD,QACd,CAEA,KAAA1xD,CAAOT,GACLY,UAAUyxD,cAAcC,oBAAoB,UAAWhzD,KAAK8yD,cAC5Dp0C,MAAMvd,MAAMT,EACd,CAEA,OAAAU,CAASV,GACPge,MAAMtd,QAAQV,EAChB,EAIF,SAAS,GAAakgC,EAAOqyB,GAC3B,MAAO,6GAKQryB,mDAGPqyB,mCAIV,CAGA,SAAS,GAAernD,GACtB,OAAOg9B,mBAAmBh9B,GAGvBjJ,QAAQ,SAAUgJ,QAClBhJ,QAAQ,MAAO,OAGfA,QAAQ,iBAAkBuwD,SAC/B,CC5aA,MAAM,GAAQ,EAAa,cAQrB,GAAc,WACT,SAASjuD,IAAK,IAAIA,EAAI,KAAMtF,OAAO,KAC3CA,MAAM,EAAG,GASN,GAAiB,MAAM,MAMd,MAAM,WAAmB,EACtC,WAAAG,CAAaV,EAAO,CAAC,GACnBsf,QAE2B,iBAAhBtf,EAAKusB,OACd3rB,KAAK2rB,OAASvsB,EAAKusB,OACVmD,YAAYC,OAAO3vB,EAAKusB,QACjC3rB,KAAK2rB,QAAS,QAAQvsB,EAAKusB,QAE3B3rB,KAAK2rB,QAAS,SAAQ,QAAS,IAAiB,SAAS,QAAY,MAEvE3rB,KAAKqzB,cAAe,QAAQrzB,KAAK2rB,QAEN,iBAAhBvsB,EAAK+zD,OACdnzD,KAAKmzD,OAAS/zD,EAAK+zD,OACVrkC,YAAYC,OAAO3vB,EAAK+zD,QACjCnzD,KAAKmzD,QAAS,QAAQ/zD,EAAK+zD,QAE3BnzD,KAAKmzD,QAAS,SAAQ,QAAY,KAEpCnzD,KAAKozD,cAAe,QAAQpzD,KAAKmzD,QAEjCnzD,KAAKmzB,SAAWnzB,KAAK2rB,OAAO3f,UAAU,EAAG,GAEzChM,KAAKmK,WAAY,EACjBnK,KAAKsqD,WAAY,EACjBtqD,KAAKirD,YAAc7rD,EAAK6rD,aAAe,EACvCjrD,KAAK66C,QAAUz7C,EAAKy7C,SAAW,EAC/B76C,KAAK05C,aAA2B1sC,IAAjB5N,EAAKs6C,QAAwBt6C,EAAKs6C,QAAU,CAAC,EAC5D15C,KAAK+6C,KAAmB,IAAb37C,EAAK27C,IAChB/6C,KAAKorD,OAAuB,IAAfhsD,EAAKgsD,MAClBprD,KAAKqzD,QAAUj0D,EAAKi0D,UAAW,EAC/BrzD,KAAKszD,OAASl0D,EAAKk0D,SAAU,EAC7BtzD,KAAKmxD,SAAW,GAChBnxD,KAAK8wD,SAAWjrD,OAAOzG,EAAK0xD,WAAa,GACzC9wD,KAAKotD,IAAM,GAAWmG,cAA4B,IAAbn0D,EAAKguD,IAC1CptD,KAAKkrD,wBAA0B9rD,EAAK8rD,0BAA2B,EAE/DlrD,KAAKwzD,eAAiB7qD,KAAK2M,IAAmC,iBAAvBlW,EAAKq0D,cAA8Br0D,EAAKq0D,eAAiB,GAAI,GACpGzzD,KAAK0zD,aAAe/qD,KAAK2M,IAAiC,iBAArBlW,EAAKu0D,YAA4Bv0D,EAAKu0D,aAAe,GAAI,IAEzF3zD,KAAKqzD,SAAWrzD,KAAKszD,SAA6B,mBAAX,KAC1CtzD,KAAK4zD,aAAe,IAAI,GAAO,CAC7BC,WAAY7zD,KAAKqzD,QACjBS,UAAW9zD,KAAKszD,OAChBS,sBAAwC,cAAjB30D,EAAKi0D,YAIZ,IAAhBj0D,EAAK8qB,QACP,uCAAwBjQ,MAAK,EAAGkQ,kBAAmBA,MAGrDnqB,KAAKozB,OACH,iDACApzB,KAAK2rB,OAAQ3rB,KAAKmzD,OAAQnzD,KAAKirD,aAGjCjrD,KAAKusB,eAAiB,CACpBC,KAAM,IAAI,GAAAhP,cAAc,CAAEI,KAAMjV,KAAK2M,IAAItV,KAAKwzD,eAAgB,GAAI9tD,QAAS1F,KAAKwzD,gBAAkB,IAClG/mC,GAAI,IAAI,GAAAjP,cAAc,CAAEI,KAAMjV,KAAK2M,IAAItV,KAAK0zD,aAAc,GAAIhuD,QAAS1F,KAAK0zD,cAAgB,KAG1F1zD,KAAK05C,UACqB,iBAAjB15C,KAAK05C,UAAsB15C,KAAK05C,QAAU,CAAC,GAClDpV,WAAW0vB,OAASh0D,KAAK05C,QAAQhB,OAAM14C,KAAK05C,QAAQhB,KAAOpU,WAAW0vB,OAGpD,mBAAb,GACTh0D,KAAKi0D,UAAY,IAAI,GAASj0D,MAE9B,GAAe,KACbA,KAAKuqD,cAAa,IAKtBvqD,KAAKopD,eAAiB,KACtBppD,KAAKqpD,aAAe,MAEH,IAAbjqD,EAAK0tB,KAAgC,mBAAR,UAE/B9sB,KAAK8sB,IAAM,IAAI,SAAIpmB,OAAOqE,OAAO,CAAC,EAAG,CAAEooD,OAAQnzD,KAAKmzD,QAAU/zD,EAAK0tB,MAEnE9sB,KAAK8sB,IAAIjkB,KAAK,SAAS9H,IACrBf,KAAKmkB,SAASpjB,EAAG,IAGnBf,KAAK8sB,IAAIjkB,KAAK,aAAa,KACzB,MAAM0lC,EAAUvuC,KAAK8sB,IAAIyhB,UACrBA,IACFvuC,KAAK66C,QAAUtM,EAAQ9U,KACnBz5B,KAAK4zD,cACP5zD,KAAK4zD,aAAa/rD,IAAI,CACpBqsD,WAAYl0D,KAAK66C,QACjBsZ,YAAan0D,KAAK66C,QAClB1c,SAAU,MACVi2B,YAAa,mBACZl6C,OAAMnZ,IACP,GAAM,0CAA2CA,EAAG,IAG1D,IAIFf,KAAK8sB,IAAI1d,gBAAgB,GAEzBpP,KAAK8sB,IAAI4tB,OAAO16C,KAAK66C,UAErB76C,KAAK8sB,KAAM,EAIb9sB,KAAKwrD,gBAAmC,IAAlBpsD,EAAKi1D,SAE3B,MAAM1L,EAAQ,KACR3oD,KAAKmK,YACTnK,KAAK2oD,OAAQ,EACb3oD,KAAK8N,KAAK,SAAO,EAGM,mBAAd,GAA8C,MAAlB1O,EAAKk1D,UAC1C,EAAUl1D,EAAKk1D,UAAW,CACxBjsB,QAAS,CACP,aAAc,cAAc,gCAE7B,CAACtnC,EAAKwzD,KACP,GAAIxzD,EAAK,OAAOoD,QAAQjB,MAAM,6BAA6BnC,EAAIqE,WAC/DpF,KAAKktD,QAAUqH,EACf5L,GAAM,IAGR,EAAeA,EAEnB,CAWA,YAAA6L,CAAcz8C,EAASlB,GACrB,GAAI7W,KAAKmK,UAAW,MAAM,IAAI7J,MAAM,wBACpC,GAAIN,KAAKykD,QAAS,MAAM,IAAInkD,MAAM,0BAClC,GAAuB,oBAAXmD,QAAoC,SAAVoT,GAA+B,YAAVA,EAIpD,CAEL,KAAMkB,GAASusC,sBAAsBmQ,2BAA4B,MAAM,IAAIn0D,MAAM,+BACjF,GAAwC,cAApCyX,EAAQusC,WAAWoQ,OAAOnmD,MAAuB,MAAM,IAAIjO,MAAM,0BAErE,OADAN,KAAKykD,QAAU,IAAI,GAAczkD,KAAM+X,GAChC/X,KAAKykD,OACd,CAPE,OADAzkD,KAAKykD,QAAU,IAAI,GAAWzkD,KAAM+X,GAC7B/X,KAAKykD,OAQhB,CAEA,iBAAI/vB,GAAmB,OAAO10B,KAAKopD,gBAAiB,CAEpD,eAAI30B,GAAiB,OAAOz0B,KAAKqpD,cAAe,CAEhD,YAAItF,GACF,MAAMoN,EAAWnxD,KAAKmxD,SAASlpD,QAAOw8B,GAAgC,IAArBA,EAAQsf,WAGzD,OAFmBoN,EAASt3C,QAAO,CAAC86C,EAAOlwB,IAAYkwB,EAAQlwB,EAAQjQ,YAAY,IACpE28B,EAASt3C,QAAO,CAAC86C,EAAOlwB,IAAYkwB,GAASlwB,EAAQ7lC,QAAU,IAAI,IAAM,EAE1F,CAEA,SAAIgrD,GAGF,OAFiB5pD,KAAKmxD,SAASt3C,QAAO,CAAC86C,EAAOlwB,IAAYkwB,EAAQlwB,EAAQlQ,UAAU,IACnEv0B,KAAKmxD,SAASt3C,QAAO,CAAC86C,EAAOlwB,IAAYkwB,EAAQlwB,EAAQ0kB,UAAU,IAAM,EAE5F,CAUA,SAAM/oD,CAAKonC,GACT,GAAIA,aAAqB,IACvB,GAAIxnC,KAAKmxD,SAAS1gC,SAAS+W,GAAY,OAAOA,MACzC,CACL,MAAM2pB,EAAWnxD,KAAKmxD,SACtB,IAAI1G,EACJ,IAAMA,QAAe,EAAajjB,EAAW,CAAE,MAAOzmC,GAAM,CAC5D,IAAK0pD,EAAQ,OAAO,KACpB,IAAKA,EAAO/+B,SAAU,MAAM,IAAIprB,MAAM,8BAEtC,IAAK,MAAMmkC,KAAW0sB,EACpB,GAAI1sB,EAAQ/Y,WAAa++B,EAAO/+B,SAAU,OAAO+Y,CAErD,CACA,OAAO,IACT,CAQA,GAAAiE,CAAKlB,EAAWpoC,EAAO,CAAC,EAAGw1D,EAAY,QACrC,GAAI50D,KAAKmK,UAAW,MAAM,IAAI7J,MAAM,uBAChB,mBAATlB,KAAsBA,EAAMw1D,GAAa,CAAC,CAAC,EAAGx1D,IAEzD,MAAMy1D,EAAa,KACjB,IAAI70D,KAAKmK,UACT,IAAK,MAAM4M,KAAK/W,KAAKmxD,SACnB,GAAIp6C,EAAE2U,WAAa+Y,EAAQ/Y,UAAY3U,IAAM0tB,EAG3C,OAFAA,EAAQtgB,SAAS,IAAI7jB,MAAM,gCAAgCmkC,EAAQ/Y,kBACnEkpC,EAAU79C,EAGd,EAGIi7C,EAAU,KACVhyD,KAAKmK,YACTyqD,EAAUnwB,GACVzkC,KAAK8N,KAAK,UAAW22B,GAAO,EAS9BzkC,KAAKozB,OAAO,OACZh0B,EAAOA,EAAOsH,OAAOqE,OAAO,CAAC,EAAG3L,GAAQ,CAAC,EAEzC,MAAMqlC,EAAU,IAAI,GAAQ+C,EAAWxnC,KAAMZ,GAQ7C,OAPAY,KAAKmxD,SAASzxD,KAAK+kC,GAEnBA,EAAQ57B,KAAK,YAAagsD,GAC1BpwB,EAAQ57B,KAAK,QAASmpD,GACtBvtB,EAAQ57B,KAAK,SAdb,SAASmsC,IACPvQ,EAAQ35B,eAAe,YAAa+pD,GACpCpwB,EAAQ35B,eAAe,QAASknD,GAChCvtB,EAAQ35B,eAAe,QAASkqC,EAClC,IAYAh1C,KAAK8N,KAAK,MAAO22B,GACVA,CACT,CAQA,IAAAhpB,CAAMonB,EAAOzjC,EAAM01D,GACjB,GAAI90D,KAAKmK,UAAW,MAAM,IAAI7J,MAAM,uBAChB,mBAATlB,KAAsBA,EAAM01D,GAAU,CAAC,CAAC,EAAG11D,IAEtDY,KAAKozB,OAAO,SACZh0B,EAAOA,EAAOsH,OAAOqE,OAAO,CAAC,EAAG3L,GAAQ,CAAC,GAGpCkoD,YAAa,EAElB,MAAMyN,EAA8B,iBAAVlyB,EAGtBkyB,IAAY31D,EAAK8X,KC1TV,SAAkBA,GAE/B,GADA,EAAWA,GACS,IAAhBA,EAAKtY,OAAc,MAAO,IAC9B,IAAIsM,EAAOgM,EAAKxO,WAAW,GAC3B,MAAMssD,EAAmB,KAAT9pD,EAChB,IAAIuP,GAAO,EACP2oB,GAAe,EACnB,IAAK,IAAI1kC,EAAIwY,EAAKtY,OAAS,EAAGF,GAAK,IAAKA,EAEtC,GADAwM,EAAOgM,EAAKxO,WAAWhK,GACV,KAATwM,GACF,IAAKk4B,EAAc,CACjB3oB,EAAM/b,EACN,KACF,OAGA0kC,GAAe,EAInB,OAAa,IAAT3oB,EAAmBu6C,EAAU,IAAM,IACnCA,GAAmB,IAARv6C,EAAkB,KAC1BvD,EAAKvX,MAAM,EAAG8a,EACvB,CDmSgC,CAAaooB,IACpCzjC,EAAKwlC,YAAWxlC,EAAKwlC,UAAY,cAAc,MAEpD,MAoBMqwB,EAAUxwB,IACdzkC,KAAKozB,OAAO,WACU,mBAAX0hC,GAAuBA,EAAOrwB,GACzCA,EAAQ32B,KAAK,QACb9N,KAAK8N,KAAK,OAAQ22B,EAAO,EAGrBA,EAAUzkC,KAAK0oC,IAAI,KAAMtpC,GA3BbqlC,IAChB,MAAM5nB,EAAQ,CACZnc,IAEE,GAAIq0D,GAAc31D,EAAKqoD,eAAgB,OAAO/mD,IAC9C+jC,EAAQthC,KAAKwW,EAASjZ,EAAE,GAGxBV,KAAK8sB,KACPjQ,EAAMnd,MAAKgB,IACT+jC,EAAQ57B,KAAK,cAAenI,EAAE,IAGlC,EAASmc,GAAO9b,IACd,IAAIf,KAAKmK,UACT,OAAIpJ,EAAY0jC,EAAQtgB,SAASpjB,QACjCk0D,EAAQxwB,EAAO,GAChB,IAWH,IAAI9qB,EAmOR,IAAqB3O,EApLjB,OAoLiBA,EAjOF63B,EAkOU,oBAAbC,UAA4B93B,aAAe83B,SAlOhCD,EAAQl4B,MAAM8O,KAAKopB,GAChCl4B,MAAMC,QAAQi4B,KAAQA,EAAQ,CAACA,IAEzC,EAASA,EAAMh7B,KAAIooB,GAAQ/wB,UACzB,IAAKE,EAAKqoD,gBAoNhB,SAAqBz8C,GACnB,MAAsB,iBAARA,GAA2B,MAAPA,GAAmC,mBAAbA,EAAIwO,IAC9D,CAtNkC,CAAWyW,GAAO,CAC5C,MAAM7xB,EAAS,GACf,IACE,UAAW,MAAMS,KAASoxB,EACxB7xB,EAAOsB,KAAKb,EAEhB,CAAE,MAAOkC,GACP,OAAOL,EAAGK,EACZ,CACA,MAAMN,GAAM,QAAOrC,GACnBqC,EAAI2H,KAAO6nB,EAAK7nB,KAChB1H,EAAG,KAAMD,EACX,MACEC,EAAG,KAAMuvB,EACX,KACE,CAAClvB,EAAK8hC,KACR,IAAI7iC,KAAKmK,UACT,OAAIpJ,EAAY0jC,EAAQtgB,SAASpjB,Q9B3TvC,SAAqB8hC,EAAOzjC,EAAMsB,GACZ,mBAATtB,KAAsBA,EAAMsB,GAAM,CAACA,EAAItB,IAElD,EAAYyjC,EADZzjC,EAAOA,EAAOsH,OAAOqE,OAAO,CAAC,EAAG3L,GAAQ,CAAC,EAChBsB,EAC3B,C8ByTM,CAAWmiC,EAAOzjC,GAAM,CAAC2B,EAAK+iC,KAC5B,IAAI9jC,KAAKmK,UAAT,CACA,GAAIpJ,EAAK,OAAO0jC,EAAQtgB,SAASpjB,GAEjC4Y,EAAUmqB,EAAMj8B,KAAI+7B,GAAQA,EAAKC,YAEjC,EAAchB,EAAOzjC,GAAMF,MAAO6B,EAAKunC,KACrC,GAAItoC,KAAKmK,UAAW,OACpB,GAAIpJ,EAAK,OAAO0jC,EAAQtgB,SAASpjB,GAEjC,MAAMm0D,QAAwBl1D,KAAKI,IAAIkoC,GACnC4sB,GACF/wD,QAAQQ,KAAK,sDACb8/B,EAAQtgB,WACc,mBAAX2wC,GAAuBA,EAAOI,IAEzCzwB,EAAQilB,aAAaphB,EACvB,GAhBkB,CAiBnB,GACF,IAGI7D,CACT,CAOA,YAAM9jC,CAAQ6mC,EAAWpoC,EAAMsB,GAC7B,GAAoB,mBAATtB,EAAqB,OAAOY,KAAKW,OAAO6mC,EAAW,KAAMpoC,GAEpEY,KAAKozB,OAAO,UACZ,MAAMqR,QAAgBzkC,KAAKI,IAAIonC,GAC/B,IAAK/C,EAAS,MAAM,IAAInkC,MAAM,sBAAsBknC,KACpDxnC,KAAK+sD,QAAQtoB,EAASrlC,EAAMsB,EAC9B,CAEA,OAAAqsD,CAAStoB,EAASrlC,EAAMsB,GACtB,IAAK+jC,EAAS,OACd,GAAoB,mBAATrlC,EAAqB,OAAOY,KAAK+sD,QAAQtoB,EAAS,KAAMrlC,GACnE,MAAMoB,EAAQR,KAAKmxD,SAASr2C,QAAQ2pB,IACrB,IAAXjkC,IACJR,KAAKmxD,SAAS1uD,OAAOjC,EAAO,GAC5BikC,EAAQrjC,QAAQhC,EAAMsB,GAClBV,KAAK8sB,KACP9sB,KAAK8sB,IAAIqoC,QAAQx0D,OAAO8jC,EAAQ/Y,UAElC1rB,KAAK8N,KAAK,SAAU22B,GACtB,CAEA,OAAA8J,GACE,OAAKvuC,KAAKsqD,UACHtqD,KAAKi0D,UACRj0D,KAAKi0D,UAAUmB,UAAU7mB,UACzB,CAAEA,QAAS,UAAWC,OAAQ,OAAQ/U,KAAM,GAHpB,IAI9B,CAMA,gBAAA47B,CAAkBz3C,GAEhB,OADAA,EAAO/X,OAAO+X,KACVvO,MAAMuO,KAAU1F,SAAS0F,IAASA,GAAQ,KAC9C5d,KAAKwzD,eAAiB51C,EAClB5d,KAAKwzD,eAAiB,EAAUxzD,KAAKusB,eAAeC,KAAK9O,YAAW,IACxE1d,KAAKusB,eAAeC,KAAK9O,YAAW,QACpC1d,KAAKusB,eAAeC,KAAK7O,QAAQ3d,KAAKwzD,iBACxC,CAMA,cAAA8B,CAAgB13C,GAEd,OADAA,EAAO/X,OAAO+X,KACVvO,MAAMuO,KAAU1F,SAAS0F,IAASA,GAAQ,KAC9C5d,KAAK0zD,aAAe91C,EAChB5d,KAAK0zD,aAAe,EAAU1zD,KAAKusB,eAAeE,GAAG/O,YAAW,IACpE1d,KAAKusB,eAAeE,GAAG/O,YAAW,QAClC1d,KAAKusB,eAAeE,GAAG9O,QAAQ3d,KAAK0zD,eACtC,CAMA,OAAAtyD,CAASV,GACP,GAAIV,KAAKmK,UAAW,MAAM,IAAI7J,MAAM,4BACpCN,KAAKmkB,SAAS,KAAMzjB,EACtB,CAEA,QAAAyjB,CAAUpjB,EAAKL,GACbV,KAAKozB,OAAO,kBACZpzB,KAAKmK,WAAY,EAEjB,MAAM0S,EAAQ7c,KAAKmxD,SAAStpD,KAAI48B,GAAW/jC,IACzC+jC,EAAQrjC,QAAQV,EAAE,IAGhBV,KAAKi0D,WACPp3C,EAAMnd,MAAKgB,IACTV,KAAKi0D,UAAU7yD,QAAQV,EAAE,IAIzBV,KAAK8sB,KACPjQ,EAAMnd,MAAKgB,IACTV,KAAK8sB,IAAI1rB,QAAQV,EAAE,IAInBV,KAAKykD,SACP5nC,EAAMnd,MAAKgB,IACTV,KAAKykD,QAAQrjD,QAAQV,EAAE,IAIvBV,KAAK4zD,cACP/2C,EAAMnd,MAAKgB,IACTV,KAAK4zD,aAAaxyD,UACf6Y,MAAK,IAAMvZ,KAAI,IAItB,EAASmc,EAAOnc,GAEZK,GAAKf,KAAK8N,KAAK,QAAS/M,GAE5Bf,KAAKmxD,SAAW,GAChBnxD,KAAKi0D,UAAY,KACjBj0D,KAAK8sB,IAAM,KAEX9sB,KAAKusB,eAAeC,KAAKprB,UACzBpB,KAAKusB,eAAeE,GAAGrrB,SACzB,CAEA,YAAAmpD,GAIE,GAHAvqD,KAAKozB,OAAO,aACZpzB,KAAKsqD,WAAY,EAEbtqD,KAAKi0D,UAAW,CAElB,MAAM1lB,EAAUvuC,KAAKi0D,UAAUmB,UAAU7mB,UACrCA,IACFvuC,KAAKirD,YAAc1c,EAAQ9U,KACvBz5B,KAAK4zD,cACP5zD,KAAK4zD,aAAa/rD,IAAI,CACpBqsD,WAAYl0D,KAAKirD,YACjBkJ,YAAan0D,KAAKirD,YAClB9sB,SAAUn+B,KAAKotD,IAAM,KAAO,MAC5BgH,YAAa,uBACZl6C,OAAMnZ,IACP,GAAM,iDAAkDA,EAAG,IAInE,CAEAf,KAAK8N,KAAK,YACZ,CAEA,MAAAslB,GACE,MAAMlxB,EAAO,GAAGvC,MAAM2G,KAAKqG,WAC3BzK,EAAK,GAAK,IAAIlC,KAAKmzB,aAAajxB,EAAK,KACrC,MAASA,EACX,CAEA,gBAAMqzD,CAAYppC,GAChB,IAAK,MAAMsY,KAAWzkC,KAAKmxD,SAIzB,GAHK1sB,EAAQtY,eACXsY,EAAQtY,mBAAqB,SAAK,QAAQ,WAA0BsY,EAAQ/Y,UAAW,QAErFS,IAAiBsY,EAAQtY,aAC3B,OAAOsY,EAIX,OAAO,IACT,EAGF,GAAW8O,eAAiB,GAAKA,eACjC,GAAWggB,YAAc,eACzB,GAAWiC,QAAU,G","sources":["webpack://webtorrent/webpack/runtime/create fake namespace object","webpack://webtorrent/./node_modules/block-iterator/index.js","webpack://webtorrent/./node_modules/cache-chunk-store/index.js","webpack://webtorrent/./node_modules/cpus/browser.js","webpack://webtorrent/./node_modules/debug/src/browser.js","webpack://webtorrent/./node_modules/debug/src/common.js","webpack://webtorrent/./node_modules/end-of-stream/index.js","webpack://webtorrent/./node_modules/err-code/index.js","webpack://webtorrent/./node_modules/escape-html/index.js","webpack://webtorrent/./node_modules/events/events.js","webpack://webtorrent/./node_modules/fast-fifo/fixed-size.js","webpack://webtorrent/./node_modules/fast-fifo/index.js","webpack://webtorrent/./node_modules/fast-readable-async-iterator/index.js","webpack://webtorrent/./node_modules/immediate-chunk-store/index.js","webpack://webtorrent/./node_modules/inherits/inherits_browser.js","webpack://webtorrent/./node_modules/join-async-iterator/index.js","webpack://webtorrent/./node_modules/limiter/index.js","webpack://webtorrent/./node_modules/limiter/lib/clock.js","webpack://webtorrent/./node_modules/limiter/lib/rateLimiter.js","webpack://webtorrent/./node_modules/limiter/lib/tokenBucket.js","webpack://webtorrent/./node_modules/lru/index.js","webpack://webtorrent/./node_modules/memory-chunk-store/index.js","webpack://webtorrent/./node_modules/mime/Mime.js","webpack://webtorrent/./node_modules/mime/lite.js","webpack://webtorrent/./node_modules/mime/types/standard.js","webpack://webtorrent/./node_modules/ms/index.js","webpack://webtorrent/./node_modules/once/once.js","webpack://webtorrent/./node_modules/piece-length/index.js","webpack://webtorrent/./node_modules/pump/index.js","webpack://webtorrent/./node_modules/queue-microtask/index.js","webpack://webtorrent/./node_modules/queue-tick/queue-microtask.js","webpack://webtorrent/./node_modules/random-iterate/index.js","webpack://webtorrent/./node_modules/range-parser/index.js","webpack://webtorrent/./node_modules/rc4/rc4.js","webpack://webtorrent/./node_modules/run-parallel-limit/index.js","webpack://webtorrent/./node_modules/run-parallel/index.js","webpack://webtorrent/./node_modules/speed-limiter/index.js","webpack://webtorrent/./node_modules/speed-limiter/lib/throttle-group.js","webpack://webtorrent/./node_modules/speed-limiter/lib/throttle.js","webpack://webtorrent/./node_modules/speed-limiter/lib/utils.js","webpack://webtorrent/./node_modules/streamx/index.js","webpack://webtorrent/./node_modules/text-decoder/index.js","webpack://webtorrent/./node_modules/text-decoder/lib/browser-decoder.js","webpack://webtorrent/./node_modules/throughput/index.js","webpack://webtorrent/./node_modules/unordered-array-remove/index.js","webpack://webtorrent/./node_modules/wrappy/wrappy.js","webpack://webtorrent/./version.cjs","webpack://webtorrent/./lib/peer.js","webpack://webtorrent/./node_modules/bencode/lib/util.js","webpack://webtorrent/./node_modules/bencode/lib/encode.js","webpack://webtorrent/./node_modules/bencode/lib/decode.js","webpack://webtorrent/./node_modules/bencode/lib/encoding-length.js","webpack://webtorrent/./node_modules/bencode/index.js","webpack://webtorrent/./node_modules/bitfield/lib/esm/index.js","webpack://webtorrent/./node_modules/bittorrent-protocol/index.js","webpack://webtorrent/./node_modules/uint8-util/util.js","webpack://webtorrent/./node_modules/base64-arraybuffer/dist/base64-arraybuffer.es5.js","webpack://webtorrent/./node_modules/uint8-util/browser.js","webpack://webtorrent/./polyfills/process-fast.js","webpack://webtorrent/webpack/bootstrap","webpack://webtorrent/webpack/runtime/define property getters","webpack://webtorrent/webpack/runtime/hasOwnProperty shorthand","webpack://webtorrent/webpack/runtime/make namespace object","webpack://webtorrent/./node_modules/path-esm/lib/util.js","webpack://webtorrent/./node_modules/path-esm/lib/join.js","webpack://webtorrent/./node_modules/path-esm/lib/normalize.js","webpack://webtorrent/./node_modules/path-esm/index.js","webpack://webtorrent/./node_modules/junk/index.js","webpack://webtorrent/./node_modules/create-torrent/index.js","webpack://webtorrent/./node_modules/path-esm/lib/basename.js","webpack://webtorrent/./node_modules/cross-fetch-ponyfill/browser.js","webpack://webtorrent/./node_modules/@thaunknown/thirty-two/lib/thirty-two/index.js","webpack://webtorrent/./node_modules/bep53-range/index.js","webpack://webtorrent/./node_modules/magnet-uri/index.js","webpack://webtorrent/./node_modules/parse-torrent/index.js","webpack://webtorrent/./node_modules/webrtc-polyfill/browser.js","webpack://webtorrent/./node_modules/@thaunknown/simple-peer/lite.js","webpack://webtorrent/./node_modules/addr-to-ip-port/index.js","webpack://webtorrent/./node_modules/chunk-store-iterator/index.js","webpack://webtorrent/./node_modules/bittorrent-tracker/lib/common.js","webpack://webtorrent/./node_modules/@thaunknown/simple-websocket/index.js","webpack://webtorrent/./node_modules/bittorrent-tracker/lib/client/tracker.js","webpack://webtorrent/./node_modules/bittorrent-tracker/lib/client/websocket-tracker.js","webpack://webtorrent/./node_modules/bittorrent-tracker/client.js","webpack://webtorrent/./node_modules/torrent-discovery/index.js","webpack://webtorrent/./node_modules/fsa-chunk-store/createWritable.js","webpack://webtorrent/./node_modules/fsa-chunk-store/index.js","webpack://webtorrent/./node_modules/filename-reserved-regex/index.js","webpack://webtorrent/./node_modules/lt_donthave/index.js","webpack://webtorrent/./node_modules/torrent-piece/index.js","webpack://webtorrent/./node_modules/ut_metadata/index.js","webpack://webtorrent/./lib/file-iterator.js","webpack://webtorrent/./lib/file.js","webpack://webtorrent/./lib/rarity-map.js","webpack://webtorrent/./lib/webconn.js","webpack://webtorrent/./lib/selections.js","webpack://webtorrent/./lib/torrent.js","webpack://webtorrent/./lib/server.js","webpack://webtorrent/./index.js","webpack://webtorrent/./node_modules/path-esm/lib/dirname.js"],"sourcesContent":["var getProto = Object.getPrototypeOf ? (obj) => (Object.getPrototypeOf(obj)) : (obj) => (obj.__proto__);\nvar leafPrototypes;\n// create a fake namespace object\n// mode & 1: value is a module id, require it\n// mode & 2: merge all properties of value into the ns\n// mode & 4: return value when already ns object\n// mode & 16: return value when it's Promise-like\n// mode & 8|1: behave like require\n__webpack_require__.t = function(value, mode) {\n\tif(mode & 1) value = this(value);\n\tif(mode & 8) return value;\n\tif(typeof value === 'object' && value) {\n\t\tif((mode & 4) && value.__esModule) return value;\n\t\tif((mode & 16) && typeof value.then === 'function') return value;\n\t}\n\tvar ns = Object.create(null);\n\t__webpack_require__.r(ns);\n\tvar def = {};\n\tleafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];\n\tfor(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) {\n\t\tObject.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key])));\n\t}\n\tdef['default'] = () => (value);\n\t__webpack_require__.d(ns, def);\n\treturn ns;\n};","function concat (chunks, size) {\r\n  if (typeof chunks[0] === 'string') return chunks.join('')\r\n  if (typeof chunks[0] === 'number') return new Uint8Array(chunks)\r\n  const b = new Uint8Array(size)\r\n  let offset = 0\r\n  for (let i = 0, l = chunks.length; i < l; i++) {\r\n    const chunk = chunks[i]\r\n    b.set(chunk, offset)\r\n    offset += chunk.byteLength || chunk.length\r\n  }\r\n\r\n  return b\r\n}\r\n\r\nmodule.exports = async function * (iterator, size = 512, opts = {}) {\r\n  if (typeof size === 'object') {\r\n    opts = size\r\n    size = opts.size\r\n  }\r\n  let { nopad, zeroPadding = true } = opts\r\n\r\n  if (nopad) zeroPadding = false\r\n\r\n  let buffered = []\r\n  let bufferedBytes = 0\r\n\r\n  for await (const value of iterator) {\r\n    bufferedBytes += value.byteLength || value.length || 1\r\n    buffered.push(value)\r\n\r\n    if (bufferedBytes >= size) {\r\n      const b = concat(buffered, bufferedBytes)\r\n      let offset = 0\r\n\r\n      while (bufferedBytes >= size) {\r\n        yield b.slice(offset, offset + size)\r\n        bufferedBytes -= size\r\n        offset += size\r\n      }\r\n\r\n      buffered = [b.slice(offset, b.length)]\r\n    }\r\n  }\r\n  if (bufferedBytes) yield concat(buffered, zeroPadding ? size : bufferedBytes)\r\n}\r\n","/*! cache-chunk-store. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */\nconst LRU = require('lru')\nconst queueMicrotask = require('queue-microtask')\n\nclass CacheStore {\n  constructor (store, opts) {\n    this.store = store\n    this.chunkLength = store.chunkLength\n    this.inProgressGets = new Map() // Map from chunk index to info on callbacks waiting for that chunk\n\n    if (!this.store || !this.store.get || !this.store.put) {\n      throw new Error('First argument must be abstract-chunk-store compliant')\n    }\n\n    this.cache = new LRU(opts)\n  }\n\n  put (index, buf, cb = () => {}) {\n    if (!this.cache) {\n      return queueMicrotask(() => cb(new Error('CacheStore closed')))\n    }\n\n    this.cache.remove(index)\n    this.store.put(index, buf, cb)\n  }\n\n  get (index, opts, cb = () => {}) {\n    if (typeof opts === 'function') return this.get(index, null, opts)\n\n    if (!this.cache) {\n      return queueMicrotask(() => cb(new Error('CacheStore closed')))\n    }\n\n    if (!opts) opts = {}\n\n    let buf = this.cache.get(index)\n    if (buf) {\n      const offset = opts.offset || 0\n      const len = opts.length || (buf.length - offset)\n      if (offset !== 0 || len !== buf.length) {\n        buf = buf.slice(offset, len + offset)\n      }\n      return queueMicrotask(() => cb(null, buf))\n    }\n\n    // See if a get for this index has already started\n    let waiters = this.inProgressGets.get(index)\n    const getAlreadyStarted = !!waiters\n    if (!waiters) {\n      waiters = []\n      this.inProgressGets.set(index, waiters)\n    }\n\n    waiters.push({\n      opts,\n      cb\n    })\n\n    if (!getAlreadyStarted) {\n      this.store.get(index, (err, buf) => {\n        if (!err && this.cache != null) this.cache.set(index, buf)\n\n        const inProgressEntry = this.inProgressGets.get(index)\n        this.inProgressGets.delete(index)\n\n        for (const { opts, cb } of inProgressEntry) {\n          if (err) {\n            cb(err)\n          } else {\n            const offset = opts.offset || 0\n            const len = opts.length || (buf.length - offset)\n            let slicedBuf = buf\n            if (offset !== 0 || len !== buf.length) {\n              slicedBuf = buf.slice(offset, len + offset)\n            }\n            cb(null, slicedBuf)\n          }\n        }\n      })\n    }\n  }\n\n  close (cb = () => {}) {\n    if (!this.cache) {\n      return queueMicrotask(() => cb(new Error('CacheStore closed')))\n    }\n\n    this.cache = null\n    this.store.close(cb)\n  }\n\n  destroy (cb = () => {}) {\n    if (!this.cache) {\n      return queueMicrotask(() => cb(new Error('CacheStore closed')))\n    }\n\n    this.cache = null\n    this.store.destroy(cb)\n  }\n}\n\nmodule.exports = CacheStore\n","module.exports = function cpus () {\n  var num = navigator.hardwareConcurrency || 1\n  var cpus = []\n  for (var i = 0; i < num; i++) {\n    cpus.push({\n      model: '',\n      speed: 0,\n      times: { user: 0, nice: 0, sys: 0, idle: 0, irq: 0 }\n    })\n  }\n  return cpus\n}\n","/* eslint-env browser */\n\n/**\n * This is the web browser implementation of `debug()`.\n */\n\nexports.formatArgs = formatArgs;\nexports.save = save;\nexports.load = load;\nexports.useColors = useColors;\nexports.storage = localstorage();\nexports.destroy = (() => {\n\tlet warned = false;\n\n\treturn () => {\n\t\tif (!warned) {\n\t\t\twarned = true;\n\t\t\tconsole.warn('Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.');\n\t\t}\n\t};\n})();\n\n/**\n * Colors.\n */\n\nexports.colors = [\n\t'#0000CC',\n\t'#0000FF',\n\t'#0033CC',\n\t'#0033FF',\n\t'#0066CC',\n\t'#0066FF',\n\t'#0099CC',\n\t'#0099FF',\n\t'#00CC00',\n\t'#00CC33',\n\t'#00CC66',\n\t'#00CC99',\n\t'#00CCCC',\n\t'#00CCFF',\n\t'#3300CC',\n\t'#3300FF',\n\t'#3333CC',\n\t'#3333FF',\n\t'#3366CC',\n\t'#3366FF',\n\t'#3399CC',\n\t'#3399FF',\n\t'#33CC00',\n\t'#33CC33',\n\t'#33CC66',\n\t'#33CC99',\n\t'#33CCCC',\n\t'#33CCFF',\n\t'#6600CC',\n\t'#6600FF',\n\t'#6633CC',\n\t'#6633FF',\n\t'#66CC00',\n\t'#66CC33',\n\t'#9900CC',\n\t'#9900FF',\n\t'#9933CC',\n\t'#9933FF',\n\t'#99CC00',\n\t'#99CC33',\n\t'#CC0000',\n\t'#CC0033',\n\t'#CC0066',\n\t'#CC0099',\n\t'#CC00CC',\n\t'#CC00FF',\n\t'#CC3300',\n\t'#CC3333',\n\t'#CC3366',\n\t'#CC3399',\n\t'#CC33CC',\n\t'#CC33FF',\n\t'#CC6600',\n\t'#CC6633',\n\t'#CC9900',\n\t'#CC9933',\n\t'#CCCC00',\n\t'#CCCC33',\n\t'#FF0000',\n\t'#FF0033',\n\t'#FF0066',\n\t'#FF0099',\n\t'#FF00CC',\n\t'#FF00FF',\n\t'#FF3300',\n\t'#FF3333',\n\t'#FF3366',\n\t'#FF3399',\n\t'#FF33CC',\n\t'#FF33FF',\n\t'#FF6600',\n\t'#FF6633',\n\t'#FF9900',\n\t'#FF9933',\n\t'#FFCC00',\n\t'#FFCC33'\n];\n\n/**\n * Currently only WebKit-based Web Inspectors, Firefox >= v31,\n * and the Firebug extension (any Firefox version) are known\n * to support \"%c\" CSS customizations.\n *\n * TODO: add a `localStorage` variable to explicitly enable/disable colors\n */\n\n// eslint-disable-next-line complexity\nfunction useColors() {\n\t// NB: In an Electron preload script, document will be defined but not fully\n\t// initialized. Since we know we're in Chrome, we'll just detect this case\n\t// explicitly\n\tif (typeof window !== 'undefined' && window.process && (window.process.type === 'renderer' || window.process.__nwjs)) {\n\t\treturn true;\n\t}\n\n\t// Internet Explorer and Edge do not support colors.\n\tif (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\\/(\\d+)/)) {\n\t\treturn false;\n\t}\n\n\tlet m;\n\n\t// Is webkit? http://stackoverflow.com/a/16459606/376773\n\t// document is undefined in react-native: https://github.com/facebook/react-native/pull/1632\n\t// eslint-disable-next-line no-return-assign\n\treturn (typeof document !== 'undefined' && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance) ||\n\t\t// Is firebug? http://stackoverflow.com/a/398120/376773\n\t\t(typeof window !== 'undefined' && window.console && (window.console.firebug || (window.console.exception && window.console.table))) ||\n\t\t// Is firefox >= v31?\n\t\t// https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Styling_messages\n\t\t(typeof navigator !== 'undefined' && navigator.userAgent && (m = navigator.userAgent.toLowerCase().match(/firefox\\/(\\d+)/)) && parseInt(m[1], 10) >= 31) ||\n\t\t// Double check webkit in userAgent just in case we are in a worker\n\t\t(typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\\/(\\d+)/));\n}\n\n/**\n * Colorize log arguments if enabled.\n *\n * @api public\n */\n\nfunction formatArgs(args) {\n\targs[0] = (this.useColors ? '%c' : '') +\n\t\tthis.namespace +\n\t\t(this.useColors ? ' %c' : ' ') +\n\t\targs[0] +\n\t\t(this.useColors ? '%c ' : ' ') +\n\t\t'+' + module.exports.humanize(this.diff);\n\n\tif (!this.useColors) {\n\t\treturn;\n\t}\n\n\tconst c = 'color: ' + this.color;\n\targs.splice(1, 0, c, 'color: inherit');\n\n\t// The final \"%c\" is somewhat tricky, because there could be other\n\t// arguments passed either before or after the %c, so we need to\n\t// figure out the correct index to insert the CSS into\n\tlet index = 0;\n\tlet lastC = 0;\n\targs[0].replace(/%[a-zA-Z%]/g, match => {\n\t\tif (match === '%%') {\n\t\t\treturn;\n\t\t}\n\t\tindex++;\n\t\tif (match === '%c') {\n\t\t\t// We only are interested in the *last* %c\n\t\t\t// (the user may have provided their own)\n\t\t\tlastC = index;\n\t\t}\n\t});\n\n\targs.splice(lastC, 0, c);\n}\n\n/**\n * Invokes `console.debug()` when available.\n * No-op when `console.debug` is not a \"function\".\n * If `console.debug` is not available, falls back\n * to `console.log`.\n *\n * @api public\n */\nexports.log = console.debug || console.log || (() => {});\n\n/**\n * Save `namespaces`.\n *\n * @param {String} namespaces\n * @api private\n */\nfunction save(namespaces) {\n\ttry {\n\t\tif (namespaces) {\n\t\t\texports.storage.setItem('debug', namespaces);\n\t\t} else {\n\t\t\texports.storage.removeItem('debug');\n\t\t}\n\t} catch (error) {\n\t\t// Swallow\n\t\t// XXX (@Qix-) should we be logging these?\n\t}\n}\n\n/**\n * Load `namespaces`.\n *\n * @return {String} returns the previously persisted debug modes\n * @api private\n */\nfunction load() {\n\tlet r;\n\ttry {\n\t\tr = exports.storage.getItem('debug');\n\t} catch (error) {\n\t\t// Swallow\n\t\t// XXX (@Qix-) should we be logging these?\n\t}\n\n\t// If debug isn't set in LS, and we're in Electron, try to load $DEBUG\n\tif (!r && typeof process !== 'undefined' && 'env' in process) {\n\t\tr = process.env.DEBUG;\n\t}\n\n\treturn r;\n}\n\n/**\n * Localstorage attempts to return the localstorage.\n *\n * This is necessary because safari throws\n * when a user disables cookies/localstorage\n * and you attempt to access it.\n *\n * @return {LocalStorage}\n * @api private\n */\n\nfunction localstorage() {\n\ttry {\n\t\t// TVMLKit (Apple TV JS Runtime) does not have a window object, just localStorage in the global context\n\t\t// The Browser also has localStorage in the global context.\n\t\treturn localStorage;\n\t} catch (error) {\n\t\t// Swallow\n\t\t// XXX (@Qix-) should we be logging these?\n\t}\n}\n\nmodule.exports = require('./common')(exports);\n\nconst {formatters} = module.exports;\n\n/**\n * Map %j to `JSON.stringify()`, since no Web Inspectors do that by default.\n */\n\nformatters.j = function (v) {\n\ttry {\n\t\treturn JSON.stringify(v);\n\t} catch (error) {\n\t\treturn '[UnexpectedJSONParseError]: ' + error.message;\n\t}\n};\n","\n/**\n * This is the common logic for both the Node.js and web browser\n * implementations of `debug()`.\n */\n\nfunction setup(env) {\n\tcreateDebug.debug = createDebug;\n\tcreateDebug.default = createDebug;\n\tcreateDebug.coerce = coerce;\n\tcreateDebug.disable = disable;\n\tcreateDebug.enable = enable;\n\tcreateDebug.enabled = enabled;\n\tcreateDebug.humanize = require('ms');\n\tcreateDebug.destroy = destroy;\n\n\tObject.keys(env).forEach(key => {\n\t\tcreateDebug[key] = env[key];\n\t});\n\n\t/**\n\t* The currently active debug mode names, and names to skip.\n\t*/\n\n\tcreateDebug.names = [];\n\tcreateDebug.skips = [];\n\n\t/**\n\t* Map of special \"%n\" handling functions, for the debug \"format\" argument.\n\t*\n\t* Valid key names are a single, lower or upper-case letter, i.e. \"n\" and \"N\".\n\t*/\n\tcreateDebug.formatters = {};\n\n\t/**\n\t* Selects a color for a debug namespace\n\t* @param {String} namespace The namespace string for the debug instance to be colored\n\t* @return {Number|String} An ANSI color code for the given namespace\n\t* @api private\n\t*/\n\tfunction selectColor(namespace) {\n\t\tlet hash = 0;\n\n\t\tfor (let i = 0; i < namespace.length; i++) {\n\t\t\thash = ((hash << 5) - hash) + namespace.charCodeAt(i);\n\t\t\thash |= 0; // Convert to 32bit integer\n\t\t}\n\n\t\treturn createDebug.colors[Math.abs(hash) % createDebug.colors.length];\n\t}\n\tcreateDebug.selectColor = selectColor;\n\n\t/**\n\t* Create a debugger with the given `namespace`.\n\t*\n\t* @param {String} namespace\n\t* @return {Function}\n\t* @api public\n\t*/\n\tfunction createDebug(namespace) {\n\t\tlet prevTime;\n\t\tlet enableOverride = null;\n\t\tlet namespacesCache;\n\t\tlet enabledCache;\n\n\t\tfunction debug(...args) {\n\t\t\t// Disabled?\n\t\t\tif (!debug.enabled) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst self = debug;\n\n\t\t\t// Set `diff` timestamp\n\t\t\tconst curr = Number(new Date());\n\t\t\tconst ms = curr - (prevTime || curr);\n\t\t\tself.diff = ms;\n\t\t\tself.prev = prevTime;\n\t\t\tself.curr = curr;\n\t\t\tprevTime = curr;\n\n\t\t\targs[0] = createDebug.coerce(args[0]);\n\n\t\t\tif (typeof args[0] !== 'string') {\n\t\t\t\t// Anything else let's inspect with %O\n\t\t\t\targs.unshift('%O');\n\t\t\t}\n\n\t\t\t// Apply any `formatters` transformations\n\t\t\tlet index = 0;\n\t\t\targs[0] = args[0].replace(/%([a-zA-Z%])/g, (match, format) => {\n\t\t\t\t// If we encounter an escaped % then don't increase the array index\n\t\t\t\tif (match === '%%') {\n\t\t\t\t\treturn '%';\n\t\t\t\t}\n\t\t\t\tindex++;\n\t\t\t\tconst formatter = createDebug.formatters[format];\n\t\t\t\tif (typeof formatter === 'function') {\n\t\t\t\t\tconst val = args[index];\n\t\t\t\t\tmatch = formatter.call(self, val);\n\n\t\t\t\t\t// Now we need to remove `args[index]` since it's inlined in the `format`\n\t\t\t\t\targs.splice(index, 1);\n\t\t\t\t\tindex--;\n\t\t\t\t}\n\t\t\t\treturn match;\n\t\t\t});\n\n\t\t\t// Apply env-specific formatting (colors, etc.)\n\t\t\tcreateDebug.formatArgs.call(self, args);\n\n\t\t\tconst logFn = self.log || createDebug.log;\n\t\t\tlogFn.apply(self, args);\n\t\t}\n\n\t\tdebug.namespace = namespace;\n\t\tdebug.useColors = createDebug.useColors();\n\t\tdebug.color = createDebug.selectColor(namespace);\n\t\tdebug.extend = extend;\n\t\tdebug.destroy = createDebug.destroy; // XXX Temporary. Will be removed in the next major release.\n\n\t\tObject.defineProperty(debug, 'enabled', {\n\t\t\tenumerable: true,\n\t\t\tconfigurable: false,\n\t\t\tget: () => {\n\t\t\t\tif (enableOverride !== null) {\n\t\t\t\t\treturn enableOverride;\n\t\t\t\t}\n\t\t\t\tif (namespacesCache !== createDebug.namespaces) {\n\t\t\t\t\tnamespacesCache = createDebug.namespaces;\n\t\t\t\t\tenabledCache = createDebug.enabled(namespace);\n\t\t\t\t}\n\n\t\t\t\treturn enabledCache;\n\t\t\t},\n\t\t\tset: v => {\n\t\t\t\tenableOverride = v;\n\t\t\t}\n\t\t});\n\n\t\t// Env-specific initialization logic for debug instances\n\t\tif (typeof createDebug.init === 'function') {\n\t\t\tcreateDebug.init(debug);\n\t\t}\n\n\t\treturn debug;\n\t}\n\n\tfunction extend(namespace, delimiter) {\n\t\tconst newDebug = createDebug(this.namespace + (typeof delimiter === 'undefined' ? ':' : delimiter) + namespace);\n\t\tnewDebug.log = this.log;\n\t\treturn newDebug;\n\t}\n\n\t/**\n\t* Enables a debug mode by namespaces. This can include modes\n\t* separated by a colon and wildcards.\n\t*\n\t* @param {String} namespaces\n\t* @api public\n\t*/\n\tfunction enable(namespaces) {\n\t\tcreateDebug.save(namespaces);\n\t\tcreateDebug.namespaces = namespaces;\n\n\t\tcreateDebug.names = [];\n\t\tcreateDebug.skips = [];\n\n\t\tconst split = (typeof namespaces === 'string' ? namespaces : '')\n\t\t\t.trim()\n\t\t\t.replace(' ', ',')\n\t\t\t.split(',')\n\t\t\t.filter(Boolean);\n\n\t\tfor (const ns of split) {\n\t\t\tif (ns[0] === '-') {\n\t\t\t\tcreateDebug.skips.push(ns.slice(1));\n\t\t\t} else {\n\t\t\t\tcreateDebug.names.push(ns);\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Checks if the given string matches a namespace template, honoring\n\t * asterisks as wildcards.\n\t *\n\t * @param {String} search\n\t * @param {String} template\n\t * @return {Boolean}\n\t */\n\tfunction matchesTemplate(search, template) {\n\t\tlet searchIndex = 0;\n\t\tlet templateIndex = 0;\n\t\tlet starIndex = -1;\n\t\tlet matchIndex = 0;\n\n\t\twhile (searchIndex < search.length) {\n\t\t\tif (templateIndex < template.length && (template[templateIndex] === search[searchIndex] || template[templateIndex] === '*')) {\n\t\t\t\t// Match character or proceed with wildcard\n\t\t\t\tif (template[templateIndex] === '*') {\n\t\t\t\t\tstarIndex = templateIndex;\n\t\t\t\t\tmatchIndex = searchIndex;\n\t\t\t\t\ttemplateIndex++; // Skip the '*'\n\t\t\t\t} else {\n\t\t\t\t\tsearchIndex++;\n\t\t\t\t\ttemplateIndex++;\n\t\t\t\t}\n\t\t\t} else if (starIndex !== -1) { // eslint-disable-line no-negated-condition\n\t\t\t\t// Backtrack to the last '*' and try to match more characters\n\t\t\t\ttemplateIndex = starIndex + 1;\n\t\t\t\tmatchIndex++;\n\t\t\t\tsearchIndex = matchIndex;\n\t\t\t} else {\n\t\t\t\treturn false; // No match\n\t\t\t}\n\t\t}\n\n\t\t// Handle trailing '*' in template\n\t\twhile (templateIndex < template.length && template[templateIndex] === '*') {\n\t\t\ttemplateIndex++;\n\t\t}\n\n\t\treturn templateIndex === template.length;\n\t}\n\n\t/**\n\t* Disable debug output.\n\t*\n\t* @return {String} namespaces\n\t* @api public\n\t*/\n\tfunction disable() {\n\t\tconst namespaces = [\n\t\t\t...createDebug.names,\n\t\t\t...createDebug.skips.map(namespace => '-' + namespace)\n\t\t].join(',');\n\t\tcreateDebug.enable('');\n\t\treturn namespaces;\n\t}\n\n\t/**\n\t* Returns true if the given mode name is enabled, false otherwise.\n\t*\n\t* @param {String} name\n\t* @return {Boolean}\n\t* @api public\n\t*/\n\tfunction enabled(name) {\n\t\tfor (const skip of createDebug.skips) {\n\t\t\tif (matchesTemplate(name, skip)) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\n\t\tfor (const ns of createDebug.names) {\n\t\t\tif (matchesTemplate(name, ns)) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t* Coerce `val`.\n\t*\n\t* @param {Mixed} val\n\t* @return {Mixed}\n\t* @api private\n\t*/\n\tfunction coerce(val) {\n\t\tif (val instanceof Error) {\n\t\t\treturn val.stack || val.message;\n\t\t}\n\t\treturn val;\n\t}\n\n\t/**\n\t* XXX DO NOT USE. This is a temporary stub function.\n\t* XXX It WILL be removed in the next major release.\n\t*/\n\tfunction destroy() {\n\t\tconsole.warn('Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.');\n\t}\n\n\tcreateDebug.enable(createDebug.load());\n\n\treturn createDebug;\n}\n\nmodule.exports = setup;\n","var once = require('once');\n\nvar noop = function() {};\n\nvar isRequest = function(stream) {\n\treturn stream.setHeader && typeof stream.abort === 'function';\n};\n\nvar isChildProcess = function(stream) {\n\treturn stream.stdio && Array.isArray(stream.stdio) && stream.stdio.length === 3\n};\n\nvar eos = function(stream, opts, callback) {\n\tif (typeof opts === 'function') return eos(stream, null, opts);\n\tif (!opts) opts = {};\n\n\tcallback = once(callback || noop);\n\n\tvar ws = stream._writableState;\n\tvar rs = stream._readableState;\n\tvar readable = opts.readable || (opts.readable !== false && stream.readable);\n\tvar writable = opts.writable || (opts.writable !== false && stream.writable);\n\tvar cancelled = false;\n\n\tvar onlegacyfinish = function() {\n\t\tif (!stream.writable) onfinish();\n\t};\n\n\tvar onfinish = function() {\n\t\twritable = false;\n\t\tif (!readable) callback.call(stream);\n\t};\n\n\tvar onend = function() {\n\t\treadable = false;\n\t\tif (!writable) callback.call(stream);\n\t};\n\n\tvar onexit = function(exitCode) {\n\t\tcallback.call(stream, exitCode ? new Error('exited with error code: ' + exitCode) : null);\n\t};\n\n\tvar onerror = function(err) {\n\t\tcallback.call(stream, err);\n\t};\n\n\tvar onclose = function() {\n\t\tprocess.nextTick(onclosenexttick);\n\t};\n\n\tvar onclosenexttick = function() {\n\t\tif (cancelled) return;\n\t\tif (readable && !(rs && (rs.ended && !rs.destroyed))) return callback.call(stream, new Error('premature close'));\n\t\tif (writable && !(ws && (ws.ended && !ws.destroyed))) return callback.call(stream, new Error('premature close'));\n\t};\n\n\tvar onrequest = function() {\n\t\tstream.req.on('finish', onfinish);\n\t};\n\n\tif (isRequest(stream)) {\n\t\tstream.on('complete', onfinish);\n\t\tstream.on('abort', onclose);\n\t\tif (stream.req) onrequest();\n\t\telse stream.on('request', onrequest);\n\t} else if (writable && !ws) { // legacy streams\n\t\tstream.on('end', onlegacyfinish);\n\t\tstream.on('close', onlegacyfinish);\n\t}\n\n\tif (isChildProcess(stream)) stream.on('exit', onexit);\n\n\tstream.on('end', onend);\n\tstream.on('finish', onfinish);\n\tif (opts.error !== false) stream.on('error', onerror);\n\tstream.on('close', onclose);\n\n\treturn function() {\n\t\tcancelled = true;\n\t\tstream.removeListener('complete', onfinish);\n\t\tstream.removeListener('abort', onclose);\n\t\tstream.removeListener('request', onrequest);\n\t\tif (stream.req) stream.req.removeListener('finish', onfinish);\n\t\tstream.removeListener('end', onlegacyfinish);\n\t\tstream.removeListener('close', onlegacyfinish);\n\t\tstream.removeListener('finish', onfinish);\n\t\tstream.removeListener('exit', onexit);\n\t\tstream.removeListener('end', onend);\n\t\tstream.removeListener('error', onerror);\n\t\tstream.removeListener('close', onclose);\n\t};\n};\n\nmodule.exports = eos;\n","'use strict';\n\n/**\n * @typedef {{ [key: string]: any }} Extensions\n * @typedef {Error} Err\n * @property {string} message\n */\n\n/**\n *\n * @param {Error} obj\n * @param {Extensions} props\n * @returns {Error & Extensions}\n */\nfunction assign(obj, props) {\n    for (const key in props) {\n        Object.defineProperty(obj, key, {\n            value: props[key],\n            enumerable: true,\n            configurable: true,\n        });\n    }\n\n    return obj;\n}\n\n/**\n *\n * @param {any} err - An Error\n * @param {string|Extensions} code - A string code or props to set on the error\n * @param {Extensions} [props] - Props to set on the error\n * @returns {Error & Extensions}\n */\nfunction createError(err, code, props) {\n    if (!err || typeof err === 'string') {\n        throw new TypeError('Please pass an Error to err-code');\n    }\n\n    if (!props) {\n        props = {};\n    }\n\n    if (typeof code === 'object') {\n        props = code;\n        code = '';\n    }\n\n    if (code) {\n        props.code = code;\n    }\n\n    try {\n        return assign(err, props);\n    } catch (_) {\n        props.message = err.message;\n        props.stack = err.stack;\n\n        const ErrClass = function () {};\n\n        ErrClass.prototype = Object.create(Object.getPrototypeOf(err));\n\n        // @ts-ignore\n        const output = assign(new ErrClass(), props);\n\n        return output;\n    }\n}\n\nmodule.exports = createError;\n","/*!\n * escape-html\n * Copyright(c) 2012-2013 TJ Holowaychuk\n * Copyright(c) 2015 Andreas Lubbe\n * Copyright(c) 2015 Tiancheng \"Timothy\" Gu\n * MIT Licensed\n */\n\n'use strict';\n\n/**\n * Module variables.\n * @private\n */\n\nvar matchHtmlRegExp = /[\"'&<>]/;\n\n/**\n * Module exports.\n * @public\n */\n\nmodule.exports = escapeHtml;\n\n/**\n * Escape special characters in the given string of html.\n *\n * @param  {string} string The string to escape for inserting into HTML\n * @return {string}\n * @public\n */\n\nfunction escapeHtml(string) {\n  var str = '' + string;\n  var match = matchHtmlRegExp.exec(str);\n\n  if (!match) {\n    return str;\n  }\n\n  var escape;\n  var html = '';\n  var index = 0;\n  var lastIndex = 0;\n\n  for (index = match.index; index < str.length; index++) {\n    switch (str.charCodeAt(index)) {\n      case 34: // \"\n        escape = '&quot;';\n        break;\n      case 38: // &\n        escape = '&amp;';\n        break;\n      case 39: // '\n        escape = '&#39;';\n        break;\n      case 60: // <\n        escape = '&lt;';\n        break;\n      case 62: // >\n        escape = '&gt;';\n        break;\n      default:\n        continue;\n    }\n\n    if (lastIndex !== index) {\n      html += str.substring(lastIndex, index);\n    }\n\n    lastIndex = index + 1;\n    html += escape;\n  }\n\n  return lastIndex !== index\n    ? html + str.substring(lastIndex, index)\n    : html;\n}\n","// Copyright Joyent, Inc. and other Node contributors.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a\n// copy of this software and associated documentation files (the\n// \"Software\"), to deal in the Software without restriction, including\n// without limitation the rights to use, copy, modify, merge, publish,\n// distribute, sublicense, and/or sell copies of the Software, and to permit\n// persons to whom the Software is furnished to do so, subject to the\n// following conditions:\n//\n// The above copyright notice and this permission notice shall be included\n// in all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS\n// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\n// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN\n// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,\n// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR\n// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE\n// USE OR OTHER DEALINGS IN THE SOFTWARE.\n\nvar objectCreate = Object.create || objectCreatePolyfill\nvar objectKeys = Object.keys || objectKeysPolyfill\nvar bind = Function.prototype.bind || functionBindPolyfill\n\nfunction EventEmitter() {\n  if (!this._events || !Object.prototype.hasOwnProperty.call(this, '_events')) {\n    this._events = objectCreate(null);\n    this._eventsCount = 0;\n  }\n\n  this._maxListeners = this._maxListeners || undefined;\n}\nmodule.exports = EventEmitter;\n\n// Backwards-compat with node 0.10.x\nEventEmitter.EventEmitter = EventEmitter;\n\nEventEmitter.prototype._events = undefined;\nEventEmitter.prototype._maxListeners = undefined;\n\n// By default EventEmitters will print a warning if more than 10 listeners are\n// added to it. This is a useful default which helps finding memory leaks.\nvar defaultMaxListeners = 10;\n\nvar hasDefineProperty;\ntry {\n  var o = {};\n  if (Object.defineProperty) Object.defineProperty(o, 'x', { value: 0 });\n  hasDefineProperty = o.x === 0;\n} catch (err) { hasDefineProperty = false }\nif (hasDefineProperty) {\n  Object.defineProperty(EventEmitter, 'defaultMaxListeners', {\n    enumerable: true,\n    get: function() {\n      return defaultMaxListeners;\n    },\n    set: function(arg) {\n      // check whether the input is a positive number (whose value is zero or\n      // greater and not a NaN).\n      if (typeof arg !== 'number' || arg < 0 || arg !== arg)\n        throw new TypeError('\"defaultMaxListeners\" must be a positive number');\n      defaultMaxListeners = arg;\n    }\n  });\n} else {\n  EventEmitter.defaultMaxListeners = defaultMaxListeners;\n}\n\n// Obviously not all Emitters should be limited to 10. This function allows\n// that to be increased. Set to zero for unlimited.\nEventEmitter.prototype.setMaxListeners = function setMaxListeners(n) {\n  if (typeof n !== 'number' || n < 0 || isNaN(n))\n    throw new TypeError('\"n\" argument must be a positive number');\n  this._maxListeners = n;\n  return this;\n};\n\nfunction $getMaxListeners(that) {\n  if (that._maxListeners === undefined)\n    return EventEmitter.defaultMaxListeners;\n  return that._maxListeners;\n}\n\nEventEmitter.prototype.getMaxListeners = function getMaxListeners() {\n  return $getMaxListeners(this);\n};\n\n// These standalone emit* functions are used to optimize calling of event\n// handlers for fast cases because emit() itself often has a variable number of\n// arguments and can be deoptimized because of that. These functions always have\n// the same number of arguments and thus do not get deoptimized, so the code\n// inside them can execute faster.\nfunction emitNone(handler, isFn, self) {\n  if (isFn)\n    handler.call(self);\n  else {\n    var len = handler.length;\n    var listeners = arrayClone(handler, len);\n    for (var i = 0; i < len; ++i)\n      listeners[i].call(self);\n  }\n}\nfunction emitOne(handler, isFn, self, arg1) {\n  if (isFn)\n    handler.call(self, arg1);\n  else {\n    var len = handler.length;\n    var listeners = arrayClone(handler, len);\n    for (var i = 0; i < len; ++i)\n      listeners[i].call(self, arg1);\n  }\n}\nfunction emitTwo(handler, isFn, self, arg1, arg2) {\n  if (isFn)\n    handler.call(self, arg1, arg2);\n  else {\n    var len = handler.length;\n    var listeners = arrayClone(handler, len);\n    for (var i = 0; i < len; ++i)\n      listeners[i].call(self, arg1, arg2);\n  }\n}\nfunction emitThree(handler, isFn, self, arg1, arg2, arg3) {\n  if (isFn)\n    handler.call(self, arg1, arg2, arg3);\n  else {\n    var len = handler.length;\n    var listeners = arrayClone(handler, len);\n    for (var i = 0; i < len; ++i)\n      listeners[i].call(self, arg1, arg2, arg3);\n  }\n}\n\nfunction emitMany(handler, isFn, self, args) {\n  if (isFn)\n    handler.apply(self, args);\n  else {\n    var len = handler.length;\n    var listeners = arrayClone(handler, len);\n    for (var i = 0; i < len; ++i)\n      listeners[i].apply(self, args);\n  }\n}\n\nEventEmitter.prototype.emit = function emit(type) {\n  var er, handler, len, args, i, events;\n  var doError = (type === 'error');\n\n  events = this._events;\n  if (events)\n    doError = (doError && events.error == null);\n  else if (!doError)\n    return false;\n\n  // If there is no 'error' event listener then throw.\n  if (doError) {\n    if (arguments.length > 1)\n      er = arguments[1];\n    if (er instanceof Error) {\n      throw er; // Unhandled 'error' event\n    } else {\n      // At least give some kind of context to the user\n      var err = new Error('Unhandled \"error\" event. (' + er + ')');\n      err.context = er;\n      throw err;\n    }\n    return false;\n  }\n\n  handler = events[type];\n\n  if (!handler)\n    return false;\n\n  var isFn = typeof handler === 'function';\n  len = arguments.length;\n  switch (len) {\n      // fast cases\n    case 1:\n      emitNone(handler, isFn, this);\n      break;\n    case 2:\n      emitOne(handler, isFn, this, arguments[1]);\n      break;\n    case 3:\n      emitTwo(handler, isFn, this, arguments[1], arguments[2]);\n      break;\n    case 4:\n      emitThree(handler, isFn, this, arguments[1], arguments[2], arguments[3]);\n      break;\n      // slower\n    default:\n      args = new Array(len - 1);\n      for (i = 1; i < len; i++)\n        args[i - 1] = arguments[i];\n      emitMany(handler, isFn, this, args);\n  }\n\n  return true;\n};\n\nfunction _addListener(target, type, listener, prepend) {\n  var m;\n  var events;\n  var existing;\n\n  if (typeof listener !== 'function')\n    throw new TypeError('\"listener\" argument must be a function');\n\n  events = target._events;\n  if (!events) {\n    events = target._events = objectCreate(null);\n    target._eventsCount = 0;\n  } else {\n    // To avoid recursion in the case that type === \"newListener\"! Before\n    // adding it to the listeners, first emit \"newListener\".\n    if (events.newListener) {\n      target.emit('newListener', type,\n          listener.listener ? listener.listener : listener);\n\n      // Re-assign `events` because a newListener handler could have caused the\n      // this._events to be assigned to a new object\n      events = target._events;\n    }\n    existing = events[type];\n  }\n\n  if (!existing) {\n    // Optimize the case of one listener. Don't need the extra array object.\n    existing = events[type] = listener;\n    ++target._eventsCount;\n  } else {\n    if (typeof existing === 'function') {\n      // Adding the second element, need to change to array.\n      existing = events[type] =\n          prepend ? [listener, existing] : [existing, listener];\n    } else {\n      // If we've already got an array, just append.\n      if (prepend) {\n        existing.unshift(listener);\n      } else {\n        existing.push(listener);\n      }\n    }\n\n    // Check for listener leak\n    if (!existing.warned) {\n      m = $getMaxListeners(target);\n      if (m && m > 0 && existing.length > m) {\n        existing.warned = true;\n        var w = new Error('Possible EventEmitter memory leak detected. ' +\n            existing.length + ' \"' + String(type) + '\" listeners ' +\n            'added. Use emitter.setMaxListeners() to ' +\n            'increase limit.');\n        w.name = 'MaxListenersExceededWarning';\n        w.emitter = target;\n        w.type = type;\n        w.count = existing.length;\n        if (typeof console === 'object' && console.warn) {\n          console.warn('%s: %s', w.name, w.message);\n        }\n      }\n    }\n  }\n\n  return target;\n}\n\nEventEmitter.prototype.addListener = function addListener(type, listener) {\n  return _addListener(this, type, listener, false);\n};\n\nEventEmitter.prototype.on = EventEmitter.prototype.addListener;\n\nEventEmitter.prototype.prependListener =\n    function prependListener(type, listener) {\n      return _addListener(this, type, listener, true);\n    };\n\nfunction onceWrapper() {\n  if (!this.fired) {\n    this.target.removeListener(this.type, this.wrapFn);\n    this.fired = true;\n    switch (arguments.length) {\n      case 0:\n        return this.listener.call(this.target);\n      case 1:\n        return this.listener.call(this.target, arguments[0]);\n      case 2:\n        return this.listener.call(this.target, arguments[0], arguments[1]);\n      case 3:\n        return this.listener.call(this.target, arguments[0], arguments[1],\n            arguments[2]);\n      default:\n        var args = new Array(arguments.length);\n        for (var i = 0; i < args.length; ++i)\n          args[i] = arguments[i];\n        this.listener.apply(this.target, args);\n    }\n  }\n}\n\nfunction _onceWrap(target, type, listener) {\n  var state = { fired: false, wrapFn: undefined, target: target, type: type, listener: listener };\n  var wrapped = bind.call(onceWrapper, state);\n  wrapped.listener = listener;\n  state.wrapFn = wrapped;\n  return wrapped;\n}\n\nEventEmitter.prototype.once = function once(type, listener) {\n  if (typeof listener !== 'function')\n    throw new TypeError('\"listener\" argument must be a function');\n  this.on(type, _onceWrap(this, type, listener));\n  return this;\n};\n\nEventEmitter.prototype.prependOnceListener =\n    function prependOnceListener(type, listener) {\n      if (typeof listener !== 'function')\n        throw new TypeError('\"listener\" argument must be a function');\n      this.prependListener(type, _onceWrap(this, type, listener));\n      return this;\n    };\n\n// Emits a 'removeListener' event if and only if the listener was removed.\nEventEmitter.prototype.removeListener =\n    function removeListener(type, listener) {\n      var list, events, position, i, originalListener;\n\n      if (typeof listener !== 'function')\n        throw new TypeError('\"listener\" argument must be a function');\n\n      events = this._events;\n      if (!events)\n        return this;\n\n      list = events[type];\n      if (!list)\n        return this;\n\n      if (list === listener || list.listener === listener) {\n        if (--this._eventsCount === 0)\n          this._events = objectCreate(null);\n        else {\n          delete events[type];\n          if (events.removeListener)\n            this.emit('removeListener', type, list.listener || listener);\n        }\n      } else if (typeof list !== 'function') {\n        position = -1;\n\n        for (i = list.length - 1; i >= 0; i--) {\n          if (list[i] === listener || list[i].listener === listener) {\n            originalListener = list[i].listener;\n            position = i;\n            break;\n          }\n        }\n\n        if (position < 0)\n          return this;\n\n        if (position === 0)\n          list.shift();\n        else\n          spliceOne(list, position);\n\n        if (list.length === 1)\n          events[type] = list[0];\n\n        if (events.removeListener)\n          this.emit('removeListener', type, originalListener || listener);\n      }\n\n      return this;\n    };\n\nEventEmitter.prototype.removeAllListeners =\n    function removeAllListeners(type) {\n      var listeners, events, i;\n\n      events = this._events;\n      if (!events)\n        return this;\n\n      // not listening for removeListener, no need to emit\n      if (!events.removeListener) {\n        if (arguments.length === 0) {\n          this._events = objectCreate(null);\n          this._eventsCount = 0;\n        } else if (events[type]) {\n          if (--this._eventsCount === 0)\n            this._events = objectCreate(null);\n          else\n            delete events[type];\n        }\n        return this;\n      }\n\n      // emit removeListener for all listeners on all events\n      if (arguments.length === 0) {\n        var keys = objectKeys(events);\n        var key;\n        for (i = 0; i < keys.length; ++i) {\n          key = keys[i];\n          if (key === 'removeListener') continue;\n          this.removeAllListeners(key);\n        }\n        this.removeAllListeners('removeListener');\n        this._events = objectCreate(null);\n        this._eventsCount = 0;\n        return this;\n      }\n\n      listeners = events[type];\n\n      if (typeof listeners === 'function') {\n        this.removeListener(type, listeners);\n      } else if (listeners) {\n        // LIFO order\n        for (i = listeners.length - 1; i >= 0; i--) {\n          this.removeListener(type, listeners[i]);\n        }\n      }\n\n      return this;\n    };\n\nfunction _listeners(target, type, unwrap) {\n  var events = target._events;\n\n  if (!events)\n    return [];\n\n  var evlistener = events[type];\n  if (!evlistener)\n    return [];\n\n  if (typeof evlistener === 'function')\n    return unwrap ? [evlistener.listener || evlistener] : [evlistener];\n\n  return unwrap ? unwrapListeners(evlistener) : arrayClone(evlistener, evlistener.length);\n}\n\nEventEmitter.prototype.listeners = function listeners(type) {\n  return _listeners(this, type, true);\n};\n\nEventEmitter.prototype.rawListeners = function rawListeners(type) {\n  return _listeners(this, type, false);\n};\n\nEventEmitter.listenerCount = function(emitter, type) {\n  if (typeof emitter.listenerCount === 'function') {\n    return emitter.listenerCount(type);\n  } else {\n    return listenerCount.call(emitter, type);\n  }\n};\n\nEventEmitter.prototype.listenerCount = listenerCount;\nfunction listenerCount(type) {\n  var events = this._events;\n\n  if (events) {\n    var evlistener = events[type];\n\n    if (typeof evlistener === 'function') {\n      return 1;\n    } else if (evlistener) {\n      return evlistener.length;\n    }\n  }\n\n  return 0;\n}\n\nEventEmitter.prototype.eventNames = function eventNames() {\n  return this._eventsCount > 0 ? Reflect.ownKeys(this._events) : [];\n};\n\n// About 1.5x faster than the two-arg version of Array#splice().\nfunction spliceOne(list, index) {\n  for (var i = index, k = i + 1, n = list.length; k < n; i += 1, k += 1)\n    list[i] = list[k];\n  list.pop();\n}\n\nfunction arrayClone(arr, n) {\n  var copy = new Array(n);\n  for (var i = 0; i < n; ++i)\n    copy[i] = arr[i];\n  return copy;\n}\n\nfunction unwrapListeners(arr) {\n  var ret = new Array(arr.length);\n  for (var i = 0; i < ret.length; ++i) {\n    ret[i] = arr[i].listener || arr[i];\n  }\n  return ret;\n}\n\nfunction objectCreatePolyfill(proto) {\n  var F = function() {};\n  F.prototype = proto;\n  return new F;\n}\nfunction objectKeysPolyfill(obj) {\n  var keys = [];\n  for (var k in obj) if (Object.prototype.hasOwnProperty.call(obj, k)) {\n    keys.push(k);\n  }\n  return k;\n}\nfunction functionBindPolyfill(context) {\n  var fn = this;\n  return function () {\n    return fn.apply(context, arguments);\n  };\n}\n","module.exports = class FixedFIFO {\n  constructor (hwm) {\n    if (!(hwm > 0) || ((hwm - 1) & hwm) !== 0) throw new Error('Max size for a FixedFIFO should be a power of two')\n    this.buffer = new Array(hwm)\n    this.mask = hwm - 1\n    this.top = 0\n    this.btm = 0\n    this.next = null\n  }\n\n  clear () {\n    this.top = this.btm = 0\n    this.next = null\n    this.buffer.fill(undefined)\n  }\n\n  push (data) {\n    if (this.buffer[this.top] !== undefined) return false\n    this.buffer[this.top] = data\n    this.top = (this.top + 1) & this.mask\n    return true\n  }\n\n  shift () {\n    const last = this.buffer[this.btm]\n    if (last === undefined) return undefined\n    this.buffer[this.btm] = undefined\n    this.btm = (this.btm + 1) & this.mask\n    return last\n  }\n\n  peek () {\n    return this.buffer[this.btm]\n  }\n\n  isEmpty () {\n    return this.buffer[this.btm] === undefined\n  }\n}\n","const FixedFIFO = require('./fixed-size')\n\nmodule.exports = class FastFIFO {\n  constructor (hwm) {\n    this.hwm = hwm || 16\n    this.head = new FixedFIFO(this.hwm)\n    this.tail = this.head\n    this.length = 0\n  }\n\n  clear () {\n    this.head = this.tail\n    this.head.clear()\n    this.length = 0\n  }\n\n  push (val) {\n    this.length++\n    if (!this.head.push(val)) {\n      const prev = this.head\n      this.head = prev.next = new FixedFIFO(2 * this.head.buffer.length)\n      this.head.push(val)\n    }\n  }\n\n  shift () {\n    if (this.length !== 0) this.length--\n    const val = this.tail.shift()\n    if (val === undefined && this.tail.next) {\n      const next = this.tail.next\n      this.tail.next = null\n      this.tail = next\n      return this.tail.shift()\n    }\n\n    return val\n  }\n\n  peek () {\n    const val = this.tail.peek()\n    if (val === undefined && this.tail.next) return this.tail.next.peek()\n    return val\n  }\n\n  isEmpty () {\n    return this.length === 0\n  }\n}\n","if (typeof ReadableStream !== 'undefined') {\r\n  if (!ReadableStream.prototype[Symbol.asyncIterator]) {\r\n    ReadableStream.prototype[Symbol.asyncIterator] = function ({ preventCancel } = {}) {\r\n      const reader = this.getReader()\r\n      const stream = this\r\n      let last = reader.read()\r\n      return {\r\n        next () {\r\n          const temp = last\r\n          last = reader.read()\r\n          return temp\r\n        },\r\n        async return (value) {\r\n          await last\r\n          reader.releaseLock()\r\n          if (!preventCancel) stream.cancel()\r\n          return { done: true, value }\r\n        },\r\n        async throw (err) {\r\n          await this.return()\r\n          throw err\r\n        },\r\n        [Symbol.asyncIterator] () {\r\n          return this\r\n        }\r\n      }\r\n    }\r\n  }\r\n  if (!ReadableStream.prototype.getIterator) {\r\n    ReadableStream.prototype.getIterator = function ({ preventCancel } = {}) {\r\n      return this[Symbol.asyncIterator]({ preventCancel })\r\n    }\r\n  }\r\n}\r\n","/*! immediate-chunk-store. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */\n// TODO: remove when window.queueMicrotask() is well supported\nconst queueMicrotask = require('queue-microtask')\n\nclass ImmediateStore {\n  constructor (store) {\n    this.store = store\n    this.chunkLength = store.chunkLength\n\n    if (!this.store || !this.store.get || !this.store.put) {\n      throw new Error('First argument must be abstract-chunk-store compliant')\n    }\n\n    this.mem = []\n  }\n\n  put (index, buf, cb = () => {}) {\n    this.mem[index] = buf\n    this.store.put(index, buf, err => {\n      this.mem[index] = null\n      cb(err)\n    })\n  }\n\n  get (index, opts, cb = () => {}) {\n    if (typeof opts === 'function') return this.get(index, null, opts)\n\n    let buf = this.mem[index]\n\n    // if the chunk isn't in the immediate memory cache\n    if (!buf) {\n      return this.store.get(index, opts, cb)\n    }\n\n    if (!opts) opts = {}\n\n    const offset = opts.offset || 0\n    const len = opts.length || (buf.length - offset)\n\n    if (offset !== 0 || len !== buf.length) {\n      buf = buf.slice(offset, len + offset)\n    }\n    queueMicrotask(() => cb(null, buf))\n  }\n\n  close (cb = () => {}) {\n    this.store.close(cb)\n  }\n\n  destroy (cb = () => {}) {\n    this.store.destroy(cb)\n  }\n}\n\nmodule.exports = ImmediateStore\n","if (typeof Object.create === 'function') {\n  // implementation from standard node.js 'util' module\n  module.exports = function inherits(ctor, superCtor) {\n    if (superCtor) {\n      ctor.super_ = superCtor\n      ctor.prototype = Object.create(superCtor.prototype, {\n        constructor: {\n          value: ctor,\n          enumerable: false,\n          writable: true,\n          configurable: true\n        }\n      })\n    }\n  };\n} else {\n  // old school shim for old browsers\n  module.exports = function inherits(ctor, superCtor) {\n    if (superCtor) {\n      ctor.super_ = superCtor\n      var TempCtor = function () {}\n      TempCtor.prototype = superCtor.prototype\n      ctor.prototype = new TempCtor()\n      ctor.prototype.constructor = ctor\n    }\n  }\n}\n","module.exports = async function * (iterators) {\r\n  for (let iterator of iterators) {\r\n    // can be lazy functions returning streams\r\n    if (typeof iterator === 'function') iterator = iterator()\r\n    yield * iterator\r\n  }\r\n}\r\n","\r\nexports.RateLimiter = require('./lib/rateLimiter');\r\nexports.TokenBucket = require('./lib/tokenBucket');\r\n","var getMilliseconds = function() {\r\n  if (typeof process !== 'undefined' && process.hrtime) {\r\n    var hrtime = process.hrtime();\r\n    var seconds = hrtime[0];\r\n    var nanoseconds = hrtime[1];\r\n\r\n    return seconds * 1e3 +  Math.floor(nanoseconds / 1e6);\r\n  }\r\n\r\n  return new Date().getTime();\r\n}\r\n\r\nmodule.exports = getMilliseconds;\r\n","var TokenBucket = require('./tokenBucket');\r\nvar getMilliseconds = require('./clock');\r\n\r\n/**\r\n * A generic rate limiter. Underneath the hood, this uses a token bucket plus\r\n * an additional check to limit how many tokens we can remove each interval.\r\n * @author John Hurliman <jhurliman@jhurliman.org>\r\n *\r\n * @param {Number} tokensPerInterval Maximum number of tokens that can be\r\n *  removed at any given moment and over the course of one interval.\r\n * @param {String|Number} interval The interval length in milliseconds, or as\r\n *  one of the following strings: 'second', 'minute', 'hour', day'.\r\n * @param {Boolean} fireImmediately Optional. Whether or not the callback\r\n *  will fire immediately when rate limiting is in effect (default is false).\r\n */\r\nvar RateLimiter = function(tokensPerInterval, interval, fireImmediately) {\r\n  this.tokenBucket = new TokenBucket(tokensPerInterval, tokensPerInterval,\r\n    interval, null);\r\n\r\n  // Fill the token bucket to start\r\n  this.tokenBucket.content = tokensPerInterval;\r\n\r\n  this.curIntervalStart = getMilliseconds();\r\n  this.tokensThisInterval = 0;\r\n  this.fireImmediately = fireImmediately;\r\n};\r\n\r\nRateLimiter.prototype = {\r\n  tokenBucket: null,\r\n  curIntervalStart: 0,\r\n  tokensThisInterval: 0,\r\n  fireImmediately: false,\r\n\r\n  /**\r\n   * Remove the requested number of tokens and fire the given callback. If the\r\n   * rate limiter contains enough tokens and we haven't spent too many tokens\r\n   * in this interval already, this will happen immediately. Otherwise, the\r\n   * removal and callback will happen when enough tokens become available.\r\n   * @param {Number} count The number of tokens to remove.\r\n   * @param {Function} callback(err, remainingTokens)\r\n   * @returns {Boolean} True if the callback was fired immediately, otherwise\r\n   *  false.\r\n   */\r\n  removeTokens: function(count, callback) {\r\n    // Make sure the request isn't for more than we can handle\r\n    if (count > this.tokenBucket.bucketSize) {\r\n      process.nextTick(callback.bind(null, 'Requested tokens ' + count +\r\n        ' exceeds maximum tokens per interval ' + this.tokenBucket.bucketSize,\r\n        null));\r\n      return false;\r\n    }\r\n\r\n    var self = this;\r\n    var now = getMilliseconds();\r\n\r\n    // Advance the current interval and reset the current interval token count\r\n    // if needed\r\n    if (now < this.curIntervalStart\r\n      || now - this.curIntervalStart >= this.tokenBucket.interval) {\r\n      this.curIntervalStart = now;\r\n      this.tokensThisInterval = 0;\r\n    }\r\n\r\n    // If we don't have enough tokens left in this interval, wait until the\r\n    // next interval\r\n    if (count > this.tokenBucket.tokensPerInterval - this.tokensThisInterval) {\r\n      if (this.fireImmediately) {\r\n        process.nextTick(callback.bind(null, null, -1));\r\n      } else {\r\n        var waitInterval = Math.ceil(\r\n          this.curIntervalStart + this.tokenBucket.interval - now);\r\n\r\n        setTimeout(function() {\r\n          self.tokenBucket.removeTokens(count, afterTokensRemoved);\r\n        }, waitInterval);\r\n      }\r\n      return false;\r\n    }\r\n\r\n    // Remove the requested number of tokens from the token bucket\r\n    return this.tokenBucket.removeTokens(count, afterTokensRemoved);\r\n\r\n    function afterTokensRemoved(err, tokensRemaining) {\r\n      if (err) return callback(err, null);\r\n\r\n      self.tokensThisInterval += count;\r\n      callback(null, tokensRemaining);\r\n    }\r\n  },\r\n\r\n  /**\r\n   * Attempt to remove the requested number of tokens and return immediately.\r\n   * If the bucket (and any parent buckets) contains enough tokens and we\r\n   * haven't spent too many tokens in this interval already, this will return\r\n   * true. Otherwise, false is returned.\r\n   * @param {Number} count The number of tokens to remove.\r\n   * @param {Boolean} True if the tokens were successfully removed, otherwise\r\n   *  false.\r\n   */\r\n  tryRemoveTokens: function(count) {\r\n    // Make sure the request isn't for more than we can handle\r\n    if (count > this.tokenBucket.bucketSize)\r\n      return false;\r\n\r\n    var now = getMilliseconds();\r\n\r\n    // Advance the current interval and reset the current interval token count\r\n    // if needed\r\n    if (now < this.curIntervalStart\r\n      || now - this.curIntervalStart >= this.tokenBucket.interval) {\r\n      this.curIntervalStart = now;\r\n      this.tokensThisInterval = 0;\r\n    }\r\n\r\n    // If we don't have enough tokens left in this interval, return false\r\n    if (count > this.tokenBucket.tokensPerInterval - this.tokensThisInterval)\r\n      return false;\r\n\r\n    // Try to remove the requested number of tokens from the token bucket\r\n    var removed = this.tokenBucket.tryRemoveTokens(count);\r\n    if (removed) {\r\n      this.tokensThisInterval += count;\r\n    }\r\n    return removed;\r\n  },\r\n\r\n  /**\r\n   * Returns the number of tokens remaining in the TokenBucket.\r\n   * @returns {Number} The number of tokens remaining.\r\n   */\r\n  getTokensRemaining: function () {\r\n    this.tokenBucket.drip();\r\n    return this.tokenBucket.content;\r\n  }\r\n};\r\n\r\nmodule.exports = RateLimiter;\r\n","\r\n/**\r\n * A hierarchical token bucket for rate limiting. See\r\n * http://en.wikipedia.org/wiki/Token_bucket for more information.\r\n * @author John Hurliman <jhurliman@cull.tv>\r\n *\r\n * @param {Number} bucketSize Maximum number of tokens to hold in the bucket.\r\n *  Also known as the burst rate.\r\n * @param {Number} tokensPerInterval Number of tokens to drip into the bucket\r\n *  over the course of one interval.\r\n * @param {String|Number} interval The interval length in milliseconds, or as\r\n *  one of the following strings: 'second', 'minute', 'hour', day'.\r\n * @param {TokenBucket} parentBucket Optional. A token bucket that will act as\r\n *  the parent of this bucket.\r\n */\r\nvar TokenBucket = function(bucketSize, tokensPerInterval, interval, parentBucket) {\r\n  this.bucketSize = bucketSize;\r\n  this.tokensPerInterval = tokensPerInterval;\r\n\r\n  if (typeof interval === 'string') {\r\n    switch (interval) {\r\n      case 'sec': case 'second':\r\n        this.interval = 1000; break;\r\n      case 'min': case 'minute':\r\n        this.interval = 1000 * 60; break;\r\n      case 'hr': case 'hour':\r\n        this.interval = 1000 * 60 * 60; break;\r\n      case 'day':\r\n        this.interval = 1000 * 60 * 60 * 24; break;\r\n      default:\r\n        throw new Error('Invaid interval ' + interval);\r\n    }\r\n  } else {\r\n    this.interval = interval;\r\n  }\r\n\r\n  this.parentBucket = parentBucket;\r\n  this.content = 0;\r\n  this.lastDrip = +new Date();\r\n};\r\n\r\nTokenBucket.prototype = {\r\n  bucketSize: 1,\r\n  tokensPerInterval: 1,\r\n  interval: 1000,\r\n  parentBucket: null,\r\n  content: 0,\r\n  lastDrip: 0,\r\n\r\n  /**\r\n   * Remove the requested number of tokens and fire the given callback. If the\r\n   * bucket (and any parent buckets) contains enough tokens this will happen\r\n   * immediately. Otherwise, the removal and callback will happen when enough\r\n   * tokens become available.\r\n   * @param {Number} count The number of tokens to remove.\r\n   * @param {Function} callback(err, remainingTokens)\r\n   * @returns {Boolean} True if the callback was fired immediately, otherwise\r\n   *  false.\r\n   */\r\n  removeTokens: function(count, callback) {\r\n    var self = this;\r\n\r\n    // Is this an infinite size bucket?\r\n    if (!this.bucketSize) {\r\n      process.nextTick(callback.bind(null, null, count, Number.POSITIVE_INFINITY));\r\n      return true;\r\n    }\r\n\r\n    // Make sure the bucket can hold the requested number of tokens\r\n    if (count > this.bucketSize) {\r\n      process.nextTick(callback.bind(null, 'Requested tokens ' + count + ' exceeds bucket size ' +\r\n        this.bucketSize, null));\r\n      return false;\r\n    }\r\n\r\n    // Drip new tokens into this bucket\r\n    this.drip();\r\n\r\n    // If we don't have enough tokens in this bucket, come back later\r\n    if (count > this.content)\r\n      return comeBackLater();\r\n\r\n    if (this.parentBucket) {\r\n      // Remove the requested from the parent bucket first\r\n      return this.parentBucket.removeTokens(count, function(err, remainingTokens) {\r\n        if (err) return callback(err, null);\r\n\r\n        // Check that we still have enough tokens in this bucket\r\n        if (count > self.content)\r\n          return comeBackLater();\r\n\r\n        // Tokens were removed from the parent bucket, now remove them from\r\n        // this bucket and fire the callback. Note that we look at the current\r\n        // bucket and parent bucket's remaining tokens and return the smaller\r\n        // of the two values\r\n        self.content -= count;\r\n        callback(null, Math.min(remainingTokens, self.content));\r\n      });\r\n    } else {\r\n      // Remove the requested tokens from this bucket and fire the callback\r\n      this.content -= count;\r\n      process.nextTick(callback.bind(null, null, this.content));\r\n      return true;\r\n    }\r\n\r\n    function comeBackLater() {\r\n      // How long do we need to wait to make up the difference in tokens?\r\n      var waitInterval = Math.ceil(\r\n        (count - self.content) * (self.interval / self.tokensPerInterval));\r\n      setTimeout(function() { self.removeTokens(count, callback); }, waitInterval);\r\n      return false;\r\n    }\r\n  },\r\n\r\n  /**\r\n   * Attempt to remove the requested number of tokens and return immediately.\r\n   * If the bucket (and any parent buckets) contains enough tokens this will\r\n   * return true, otherwise false is returned.\r\n   * @param {Number} count The number of tokens to remove.\r\n   * @param {Boolean} True if the tokens were successfully removed, otherwise\r\n   *  false.\r\n   */\r\n  tryRemoveTokens: function(count) {\r\n    // Is this an infinite size bucket?\r\n    if (!this.bucketSize)\r\n      return true;\r\n\r\n    // Make sure the bucket can hold the requested number of tokens\r\n    if (count > this.bucketSize)\r\n      return false;\r\n\r\n    // Drip new tokens into this bucket\r\n    this.drip();\r\n\r\n    // If we don't have enough tokens in this bucket, return false\r\n    if (count > this.content)\r\n      return false;\r\n\r\n    // Try to remove the requested tokens from the parent bucket\r\n    if (this.parentBucket && !this.parentBucket.tryRemoveTokens(count))\r\n      return false;\r\n\r\n    // Remove the requested tokens from this bucket and return\r\n    this.content -= count;\r\n    return true;\r\n  },\r\n\r\n  /**\r\n   * Add any new tokens to the bucket since the last drip.\r\n   * @returns {Boolean} True if new tokens were added, otherwise false.\r\n   */\r\n  drip: function() {\r\n    if (!this.tokensPerInterval) {\r\n      this.content = this.bucketSize;\r\n      return;\r\n    }\r\n\r\n    var now = +new Date();\r\n    var deltaMS = Math.max(now - this.lastDrip, 0);\r\n    this.lastDrip = now;\r\n\r\n    var dripAmount = deltaMS * (this.tokensPerInterval / this.interval);\r\n    this.content = Math.min(this.content + dripAmount, this.bucketSize);\r\n  }\r\n};\r\n\r\nmodule.exports = TokenBucket;\r\n","var events = require('events')\nvar inherits = require('inherits')\n\nmodule.exports = LRU\n\nfunction LRU (opts) {\n  if (!(this instanceof LRU)) return new LRU(opts)\n  if (typeof opts === 'number') opts = {max: opts}\n  if (!opts) opts = {}\n  events.EventEmitter.call(this)\n  this.cache = {}\n  this.head = this.tail = null\n  this.length = 0\n  this.max = opts.max || 1000\n  this.maxAge = opts.maxAge || 0\n}\n\ninherits(LRU, events.EventEmitter)\n\nObject.defineProperty(LRU.prototype, 'keys', {\n  get: function () { return Object.keys(this.cache) }\n})\n\nLRU.prototype.clear = function () {\n  this.cache = {}\n  this.head = this.tail = null\n  this.length = 0\n}\n\nLRU.prototype.remove = function (key) {\n  if (typeof key !== 'string') key = '' + key\n  if (!this.cache.hasOwnProperty(key)) return\n\n  var element = this.cache[key]\n  delete this.cache[key]\n  this._unlink(key, element.prev, element.next)\n  return element.value\n}\n\nLRU.prototype._unlink = function (key, prev, next) {\n  this.length--\n\n  if (this.length === 0) {\n    this.head = this.tail = null\n  } else {\n    if (this.head === key) {\n      this.head = prev\n      this.cache[this.head].next = null\n    } else if (this.tail === key) {\n      this.tail = next\n      this.cache[this.tail].prev = null\n    } else {\n      this.cache[prev].next = next\n      this.cache[next].prev = prev\n    }\n  }\n}\n\nLRU.prototype.peek = function (key) {\n  if (!this.cache.hasOwnProperty(key)) return\n\n  var element = this.cache[key]\n\n  if (!this._checkAge(key, element)) return\n  return element.value\n}\n\nLRU.prototype.set = function (key, value) {\n  if (typeof key !== 'string') key = '' + key\n\n  var element\n\n  if (this.cache.hasOwnProperty(key)) {\n    element = this.cache[key]\n    element.value = value\n    if (this.maxAge) element.modified = Date.now()\n\n    // If it's already the head, there's nothing more to do:\n    if (key === this.head) return value\n    this._unlink(key, element.prev, element.next)\n  } else {\n    element = {value: value, modified: 0, next: null, prev: null}\n    if (this.maxAge) element.modified = Date.now()\n    this.cache[key] = element\n\n    // Eviction is only possible if the key didn't already exist:\n    if (this.length === this.max) this.evict()\n  }\n\n  this.length++\n  element.next = null\n  element.prev = this.head\n\n  if (this.head) this.cache[this.head].next = key\n  this.head = key\n\n  if (!this.tail) this.tail = key\n  return value\n}\n\nLRU.prototype._checkAge = function (key, element) {\n  if (this.maxAge && (Date.now() - element.modified) > this.maxAge) {\n    this.remove(key)\n    this.emit('evict', {key: key, value: element.value})\n    return false\n  }\n  return true\n}\n\nLRU.prototype.get = function (key) {\n  if (typeof key !== 'string') key = '' + key\n  if (!this.cache.hasOwnProperty(key)) return\n\n  var element = this.cache[key]\n\n  if (!this._checkAge(key, element)) return\n\n  if (this.head !== key) {\n    if (key === this.tail) {\n      this.tail = element.next\n      this.cache[this.tail].prev = null\n    } else {\n      // Set prev.next -> element.next:\n      this.cache[element.prev].next = element.next\n    }\n\n    // Set element.next.prev -> element.prev:\n    this.cache[element.next].prev = element.prev\n\n    // Element is the new head\n    this.cache[this.head].next = key\n    element.prev = this.head\n    element.next = null\n    this.head = key\n  }\n\n  return element.value\n}\n\nLRU.prototype.evict = function () {\n  if (!this.tail) return\n  var key = this.tail\n  var value = this.remove(this.tail)\n  this.emit('evict', {key: key, value: value})\n}\n","module.exports = Storage\n\nconst queueMicrotask = require('queue-microtask')\n\nfunction Storage (chunkLength, opts) {\n  if (!(this instanceof Storage)) return new Storage(chunkLength, opts)\n  if (!opts) opts = {}\n\n  this.chunkLength = Number(chunkLength)\n  if (!this.chunkLength) throw new Error('First argument must be a chunk length')\n\n  this.chunks = []\n  this.closed = false\n  this.length = Number(opts.length) || Infinity\n\n  if (this.length !== Infinity) {\n    this.lastChunkLength = (this.length % this.chunkLength) || this.chunkLength\n    this.lastChunkIndex = Math.ceil(this.length / this.chunkLength) - 1\n  }\n}\n\nStorage.prototype.put = function (index, buf, cb = () => {}) {\n  if (this.closed) return queueMicrotask(() => cb(new Error('Storage is closed')))\n\n  const isLastChunk = (index === this.lastChunkIndex)\n  if (isLastChunk && buf.length !== this.lastChunkLength) {\n    return queueMicrotask(() => cb(new Error('Last chunk length must be ' + this.lastChunkLength)))\n  }\n  if (!isLastChunk && buf.length !== this.chunkLength) {\n    return queueMicrotask(() => cb(new Error('Chunk length must be ' + this.chunkLength)))\n  }\n  this.chunks[index] = buf\n  queueMicrotask(() => cb(null))\n}\n\nStorage.prototype.get = function (index, opts, cb = () => {}) {\n  if (typeof opts === 'function') return this.get(index, null, opts)\n  if (this.closed) return queueMicrotask(() => cb(new Error('Storage is closed')))\n\n  let buf = this.chunks[index]\n\n  if (!buf) {\n    const err = new Error('Chunk not found')\n    err.notFound = true\n    return queueMicrotask(() => cb(err))\n  }\n\n  if (!opts) opts = {}\n\n  const offset = opts.offset || 0\n  const len = opts.length || (buf.length - offset)\n\n  if (offset !== 0 || len !== buf.length) {\n    buf = buf.slice(offset, len + offset)\n  }\n\n  queueMicrotask(() => cb(null, buf))\n}\n\nStorage.prototype.close = Storage.prototype.destroy = function (cb = () => {}) {\n  if (this.closed) return queueMicrotask(() => cb(new Error('Storage is closed')))\n  this.closed = true\n  this.chunks = null\n  queueMicrotask(() => cb(null))\n}\n","'use strict';\n\n/**\n * @param typeMap [Object] Map of MIME type -> Array[extensions]\n * @param ...\n */\nfunction Mime() {\n  this._types = Object.create(null);\n  this._extensions = Object.create(null);\n\n  for (let i = 0; i < arguments.length; i++) {\n    this.define(arguments[i]);\n  }\n\n  this.define = this.define.bind(this);\n  this.getType = this.getType.bind(this);\n  this.getExtension = this.getExtension.bind(this);\n}\n\n/**\n * Define mimetype -> extension mappings.  Each key is a mime-type that maps\n * to an array of extensions associated with the type.  The first extension is\n * used as the default extension for the type.\n *\n * e.g. mime.define({'audio/ogg', ['oga', 'ogg', 'spx']});\n *\n * If a type declares an extension that has already been defined, an error will\n * be thrown.  To suppress this error and force the extension to be associated\n * with the new type, pass `force`=true.  Alternatively, you may prefix the\n * extension with \"*\" to map the type to extension, without mapping the\n * extension to the type.\n *\n * e.g. mime.define({'audio/wav', ['wav']}, {'audio/x-wav', ['*wav']});\n *\n *\n * @param map (Object) type definitions\n * @param force (Boolean) if true, force overriding of existing definitions\n */\nMime.prototype.define = function(typeMap, force) {\n  for (let type in typeMap) {\n    let extensions = typeMap[type].map(function(t) {\n      return t.toLowerCase();\n    });\n    type = type.toLowerCase();\n\n    for (let i = 0; i < extensions.length; i++) {\n      const ext = extensions[i];\n\n      // '*' prefix = not the preferred type for this extension.  So fixup the\n      // extension, and skip it.\n      if (ext[0] === '*') {\n        continue;\n      }\n\n      if (!force && (ext in this._types)) {\n        throw new Error(\n          'Attempt to change mapping for \"' + ext +\n          '\" extension from \"' + this._types[ext] + '\" to \"' + type +\n          '\". Pass `force=true` to allow this, otherwise remove \"' + ext +\n          '\" from the list of extensions for \"' + type + '\".'\n        );\n      }\n\n      this._types[ext] = type;\n    }\n\n    // Use first extension as default\n    if (force || !this._extensions[type]) {\n      const ext = extensions[0];\n      this._extensions[type] = (ext[0] !== '*') ? ext : ext.substr(1);\n    }\n  }\n};\n\n/**\n * Lookup a mime type based on extension\n */\nMime.prototype.getType = function(path) {\n  path = String(path);\n  let last = path.replace(/^.*[/\\\\]/, '').toLowerCase();\n  let ext = last.replace(/^.*\\./, '').toLowerCase();\n\n  let hasPath = last.length < path.length;\n  let hasDot = ext.length < last.length - 1;\n\n  return (hasDot || !hasPath) && this._types[ext] || null;\n};\n\n/**\n * Return file extension associated with a mime type\n */\nMime.prototype.getExtension = function(type) {\n  type = /^\\s*([^;\\s]*)/.test(type) && RegExp.$1;\n  return type && this._extensions[type.toLowerCase()] || null;\n};\n\nmodule.exports = Mime;\n","'use strict';\n\nlet Mime = require('./Mime');\nmodule.exports = new Mime(require('./types/standard'));\n","module.exports = {\"application/andrew-inset\":[\"ez\"],\"application/applixware\":[\"aw\"],\"application/atom+xml\":[\"atom\"],\"application/atomcat+xml\":[\"atomcat\"],\"application/atomdeleted+xml\":[\"atomdeleted\"],\"application/atomsvc+xml\":[\"atomsvc\"],\"application/atsc-dwd+xml\":[\"dwd\"],\"application/atsc-held+xml\":[\"held\"],\"application/atsc-rsat+xml\":[\"rsat\"],\"application/bdoc\":[\"bdoc\"],\"application/calendar+xml\":[\"xcs\"],\"application/ccxml+xml\":[\"ccxml\"],\"application/cdfx+xml\":[\"cdfx\"],\"application/cdmi-capability\":[\"cdmia\"],\"application/cdmi-container\":[\"cdmic\"],\"application/cdmi-domain\":[\"cdmid\"],\"application/cdmi-object\":[\"cdmio\"],\"application/cdmi-queue\":[\"cdmiq\"],\"application/cu-seeme\":[\"cu\"],\"application/dash+xml\":[\"mpd\"],\"application/davmount+xml\":[\"davmount\"],\"application/docbook+xml\":[\"dbk\"],\"application/dssc+der\":[\"dssc\"],\"application/dssc+xml\":[\"xdssc\"],\"application/ecmascript\":[\"es\",\"ecma\"],\"application/emma+xml\":[\"emma\"],\"application/emotionml+xml\":[\"emotionml\"],\"application/epub+zip\":[\"epub\"],\"application/exi\":[\"exi\"],\"application/express\":[\"exp\"],\"application/fdt+xml\":[\"fdt\"],\"application/font-tdpfr\":[\"pfr\"],\"application/geo+json\":[\"geojson\"],\"application/gml+xml\":[\"gml\"],\"application/gpx+xml\":[\"gpx\"],\"application/gxf\":[\"gxf\"],\"application/gzip\":[\"gz\"],\"application/hjson\":[\"hjson\"],\"application/hyperstudio\":[\"stk\"],\"application/inkml+xml\":[\"ink\",\"inkml\"],\"application/ipfix\":[\"ipfix\"],\"application/its+xml\":[\"its\"],\"application/java-archive\":[\"jar\",\"war\",\"ear\"],\"application/java-serialized-object\":[\"ser\"],\"application/java-vm\":[\"class\"],\"application/javascript\":[\"js\",\"mjs\"],\"application/json\":[\"json\",\"map\"],\"application/json5\":[\"json5\"],\"application/jsonml+json\":[\"jsonml\"],\"application/ld+json\":[\"jsonld\"],\"application/lgr+xml\":[\"lgr\"],\"application/lost+xml\":[\"lostxml\"],\"application/mac-binhex40\":[\"hqx\"],\"application/mac-compactpro\":[\"cpt\"],\"application/mads+xml\":[\"mads\"],\"application/manifest+json\":[\"webmanifest\"],\"application/marc\":[\"mrc\"],\"application/marcxml+xml\":[\"mrcx\"],\"application/mathematica\":[\"ma\",\"nb\",\"mb\"],\"application/mathml+xml\":[\"mathml\"],\"application/mbox\":[\"mbox\"],\"application/mediaservercontrol+xml\":[\"mscml\"],\"application/metalink+xml\":[\"metalink\"],\"application/metalink4+xml\":[\"meta4\"],\"application/mets+xml\":[\"mets\"],\"application/mmt-aei+xml\":[\"maei\"],\"application/mmt-usd+xml\":[\"musd\"],\"application/mods+xml\":[\"mods\"],\"application/mp21\":[\"m21\",\"mp21\"],\"application/mp4\":[\"mp4s\",\"m4p\"],\"application/msword\":[\"doc\",\"dot\"],\"application/mxf\":[\"mxf\"],\"application/n-quads\":[\"nq\"],\"application/n-triples\":[\"nt\"],\"application/node\":[\"cjs\"],\"application/octet-stream\":[\"bin\",\"dms\",\"lrf\",\"mar\",\"so\",\"dist\",\"distz\",\"pkg\",\"bpk\",\"dump\",\"elc\",\"deploy\",\"exe\",\"dll\",\"deb\",\"dmg\",\"iso\",\"img\",\"msi\",\"msp\",\"msm\",\"buffer\"],\"application/oda\":[\"oda\"],\"application/oebps-package+xml\":[\"opf\"],\"application/ogg\":[\"ogx\"],\"application/omdoc+xml\":[\"omdoc\"],\"application/onenote\":[\"onetoc\",\"onetoc2\",\"onetmp\",\"onepkg\"],\"application/oxps\":[\"oxps\"],\"application/p2p-overlay+xml\":[\"relo\"],\"application/patch-ops-error+xml\":[\"xer\"],\"application/pdf\":[\"pdf\"],\"application/pgp-encrypted\":[\"pgp\"],\"application/pgp-signature\":[\"asc\",\"sig\"],\"application/pics-rules\":[\"prf\"],\"application/pkcs10\":[\"p10\"],\"application/pkcs7-mime\":[\"p7m\",\"p7c\"],\"application/pkcs7-signature\":[\"p7s\"],\"application/pkcs8\":[\"p8\"],\"application/pkix-attr-cert\":[\"ac\"],\"application/pkix-cert\":[\"cer\"],\"application/pkix-crl\":[\"crl\"],\"application/pkix-pkipath\":[\"pkipath\"],\"application/pkixcmp\":[\"pki\"],\"application/pls+xml\":[\"pls\"],\"application/postscript\":[\"ai\",\"eps\",\"ps\"],\"application/provenance+xml\":[\"provx\"],\"application/pskc+xml\":[\"pskcxml\"],\"application/raml+yaml\":[\"raml\"],\"application/rdf+xml\":[\"rdf\",\"owl\"],\"application/reginfo+xml\":[\"rif\"],\"application/relax-ng-compact-syntax\":[\"rnc\"],\"application/resource-lists+xml\":[\"rl\"],\"application/resource-lists-diff+xml\":[\"rld\"],\"application/rls-services+xml\":[\"rs\"],\"application/route-apd+xml\":[\"rapd\"],\"application/route-s-tsid+xml\":[\"sls\"],\"application/route-usd+xml\":[\"rusd\"],\"application/rpki-ghostbusters\":[\"gbr\"],\"application/rpki-manifest\":[\"mft\"],\"application/rpki-roa\":[\"roa\"],\"application/rsd+xml\":[\"rsd\"],\"application/rss+xml\":[\"rss\"],\"application/rtf\":[\"rtf\"],\"application/sbml+xml\":[\"sbml\"],\"application/scvp-cv-request\":[\"scq\"],\"application/scvp-cv-response\":[\"scs\"],\"application/scvp-vp-request\":[\"spq\"],\"application/scvp-vp-response\":[\"spp\"],\"application/sdp\":[\"sdp\"],\"application/senml+xml\":[\"senmlx\"],\"application/sensml+xml\":[\"sensmlx\"],\"application/set-payment-initiation\":[\"setpay\"],\"application/set-registration-initiation\":[\"setreg\"],\"application/shf+xml\":[\"shf\"],\"application/sieve\":[\"siv\",\"sieve\"],\"application/smil+xml\":[\"smi\",\"smil\"],\"application/sparql-query\":[\"rq\"],\"application/sparql-results+xml\":[\"srx\"],\"application/srgs\":[\"gram\"],\"application/srgs+xml\":[\"grxml\"],\"application/sru+xml\":[\"sru\"],\"application/ssdl+xml\":[\"ssdl\"],\"application/ssml+xml\":[\"ssml\"],\"application/swid+xml\":[\"swidtag\"],\"application/tei+xml\":[\"tei\",\"teicorpus\"],\"application/thraud+xml\":[\"tfi\"],\"application/timestamped-data\":[\"tsd\"],\"application/toml\":[\"toml\"],\"application/trig\":[\"trig\"],\"application/ttml+xml\":[\"ttml\"],\"application/ubjson\":[\"ubj\"],\"application/urc-ressheet+xml\":[\"rsheet\"],\"application/urc-targetdesc+xml\":[\"td\"],\"application/voicexml+xml\":[\"vxml\"],\"application/wasm\":[\"wasm\"],\"application/widget\":[\"wgt\"],\"application/winhlp\":[\"hlp\"],\"application/wsdl+xml\":[\"wsdl\"],\"application/wspolicy+xml\":[\"wspolicy\"],\"application/xaml+xml\":[\"xaml\"],\"application/xcap-att+xml\":[\"xav\"],\"application/xcap-caps+xml\":[\"xca\"],\"application/xcap-diff+xml\":[\"xdf\"],\"application/xcap-el+xml\":[\"xel\"],\"application/xcap-ns+xml\":[\"xns\"],\"application/xenc+xml\":[\"xenc\"],\"application/xhtml+xml\":[\"xhtml\",\"xht\"],\"application/xliff+xml\":[\"xlf\"],\"application/xml\":[\"xml\",\"xsl\",\"xsd\",\"rng\"],\"application/xml-dtd\":[\"dtd\"],\"application/xop+xml\":[\"xop\"],\"application/xproc+xml\":[\"xpl\"],\"application/xslt+xml\":[\"*xsl\",\"xslt\"],\"application/xspf+xml\":[\"xspf\"],\"application/xv+xml\":[\"mxml\",\"xhvml\",\"xvml\",\"xvm\"],\"application/yang\":[\"yang\"],\"application/yin+xml\":[\"yin\"],\"application/zip\":[\"zip\"],\"audio/3gpp\":[\"*3gpp\"],\"audio/adpcm\":[\"adp\"],\"audio/amr\":[\"amr\"],\"audio/basic\":[\"au\",\"snd\"],\"audio/midi\":[\"mid\",\"midi\",\"kar\",\"rmi\"],\"audio/mobile-xmf\":[\"mxmf\"],\"audio/mp3\":[\"*mp3\"],\"audio/mp4\":[\"m4a\",\"mp4a\"],\"audio/mpeg\":[\"mpga\",\"mp2\",\"mp2a\",\"mp3\",\"m2a\",\"m3a\"],\"audio/ogg\":[\"oga\",\"ogg\",\"spx\",\"opus\"],\"audio/s3m\":[\"s3m\"],\"audio/silk\":[\"sil\"],\"audio/wav\":[\"wav\"],\"audio/wave\":[\"*wav\"],\"audio/webm\":[\"weba\"],\"audio/xm\":[\"xm\"],\"font/collection\":[\"ttc\"],\"font/otf\":[\"otf\"],\"font/ttf\":[\"ttf\"],\"font/woff\":[\"woff\"],\"font/woff2\":[\"woff2\"],\"image/aces\":[\"exr\"],\"image/apng\":[\"apng\"],\"image/avif\":[\"avif\"],\"image/bmp\":[\"bmp\"],\"image/cgm\":[\"cgm\"],\"image/dicom-rle\":[\"drle\"],\"image/emf\":[\"emf\"],\"image/fits\":[\"fits\"],\"image/g3fax\":[\"g3\"],\"image/gif\":[\"gif\"],\"image/heic\":[\"heic\"],\"image/heic-sequence\":[\"heics\"],\"image/heif\":[\"heif\"],\"image/heif-sequence\":[\"heifs\"],\"image/hej2k\":[\"hej2\"],\"image/hsj2\":[\"hsj2\"],\"image/ief\":[\"ief\"],\"image/jls\":[\"jls\"],\"image/jp2\":[\"jp2\",\"jpg2\"],\"image/jpeg\":[\"jpeg\",\"jpg\",\"jpe\"],\"image/jph\":[\"jph\"],\"image/jphc\":[\"jhc\"],\"image/jpm\":[\"jpm\"],\"image/jpx\":[\"jpx\",\"jpf\"],\"image/jxr\":[\"jxr\"],\"image/jxra\":[\"jxra\"],\"image/jxrs\":[\"jxrs\"],\"image/jxs\":[\"jxs\"],\"image/jxsc\":[\"jxsc\"],\"image/jxsi\":[\"jxsi\"],\"image/jxss\":[\"jxss\"],\"image/ktx\":[\"ktx\"],\"image/ktx2\":[\"ktx2\"],\"image/png\":[\"png\"],\"image/sgi\":[\"sgi\"],\"image/svg+xml\":[\"svg\",\"svgz\"],\"image/t38\":[\"t38\"],\"image/tiff\":[\"tif\",\"tiff\"],\"image/tiff-fx\":[\"tfx\"],\"image/webp\":[\"webp\"],\"image/wmf\":[\"wmf\"],\"message/disposition-notification\":[\"disposition-notification\"],\"message/global\":[\"u8msg\"],\"message/global-delivery-status\":[\"u8dsn\"],\"message/global-disposition-notification\":[\"u8mdn\"],\"message/global-headers\":[\"u8hdr\"],\"message/rfc822\":[\"eml\",\"mime\"],\"model/3mf\":[\"3mf\"],\"model/gltf+json\":[\"gltf\"],\"model/gltf-binary\":[\"glb\"],\"model/iges\":[\"igs\",\"iges\"],\"model/mesh\":[\"msh\",\"mesh\",\"silo\"],\"model/mtl\":[\"mtl\"],\"model/obj\":[\"obj\"],\"model/step+xml\":[\"stpx\"],\"model/step+zip\":[\"stpz\"],\"model/step-xml+zip\":[\"stpxz\"],\"model/stl\":[\"stl\"],\"model/vrml\":[\"wrl\",\"vrml\"],\"model/x3d+binary\":[\"*x3db\",\"x3dbz\"],\"model/x3d+fastinfoset\":[\"x3db\"],\"model/x3d+vrml\":[\"*x3dv\",\"x3dvz\"],\"model/x3d+xml\":[\"x3d\",\"x3dz\"],\"model/x3d-vrml\":[\"x3dv\"],\"text/cache-manifest\":[\"appcache\",\"manifest\"],\"text/calendar\":[\"ics\",\"ifb\"],\"text/coffeescript\":[\"coffee\",\"litcoffee\"],\"text/css\":[\"css\"],\"text/csv\":[\"csv\"],\"text/html\":[\"html\",\"htm\",\"shtml\"],\"text/jade\":[\"jade\"],\"text/jsx\":[\"jsx\"],\"text/less\":[\"less\"],\"text/markdown\":[\"markdown\",\"md\"],\"text/mathml\":[\"mml\"],\"text/mdx\":[\"mdx\"],\"text/n3\":[\"n3\"],\"text/plain\":[\"txt\",\"text\",\"conf\",\"def\",\"list\",\"log\",\"in\",\"ini\"],\"text/richtext\":[\"rtx\"],\"text/rtf\":[\"*rtf\"],\"text/sgml\":[\"sgml\",\"sgm\"],\"text/shex\":[\"shex\"],\"text/slim\":[\"slim\",\"slm\"],\"text/spdx\":[\"spdx\"],\"text/stylus\":[\"stylus\",\"styl\"],\"text/tab-separated-values\":[\"tsv\"],\"text/troff\":[\"t\",\"tr\",\"roff\",\"man\",\"me\",\"ms\"],\"text/turtle\":[\"ttl\"],\"text/uri-list\":[\"uri\",\"uris\",\"urls\"],\"text/vcard\":[\"vcard\"],\"text/vtt\":[\"vtt\"],\"text/xml\":[\"*xml\"],\"text/yaml\":[\"yaml\",\"yml\"],\"video/3gpp\":[\"3gp\",\"3gpp\"],\"video/3gpp2\":[\"3g2\"],\"video/h261\":[\"h261\"],\"video/h263\":[\"h263\"],\"video/h264\":[\"h264\"],\"video/iso.segment\":[\"m4s\"],\"video/jpeg\":[\"jpgv\"],\"video/jpm\":[\"*jpm\",\"jpgm\"],\"video/mj2\":[\"mj2\",\"mjp2\"],\"video/mp2t\":[\"ts\"],\"video/mp4\":[\"mp4\",\"mp4v\",\"mpg4\"],\"video/mpeg\":[\"mpeg\",\"mpg\",\"mpe\",\"m1v\",\"m2v\"],\"video/ogg\":[\"ogv\"],\"video/quicktime\":[\"qt\",\"mov\"],\"video/webm\":[\"webm\"]};","/**\n * Helpers.\n */\n\nvar s = 1000;\nvar m = s * 60;\nvar h = m * 60;\nvar d = h * 24;\nvar w = d * 7;\nvar y = d * 365.25;\n\n/**\n * Parse or format the given `val`.\n *\n * Options:\n *\n *  - `long` verbose formatting [false]\n *\n * @param {String|Number} val\n * @param {Object} [options]\n * @throws {Error} throw an error if val is not a non-empty string or a number\n * @return {String|Number}\n * @api public\n */\n\nmodule.exports = function (val, options) {\n  options = options || {};\n  var type = typeof val;\n  if (type === 'string' && val.length > 0) {\n    return parse(val);\n  } else if (type === 'number' && isFinite(val)) {\n    return options.long ? fmtLong(val) : fmtShort(val);\n  }\n  throw new Error(\n    'val is not a non-empty string or a valid number. val=' +\n      JSON.stringify(val)\n  );\n};\n\n/**\n * Parse the given `str` and return milliseconds.\n *\n * @param {String} str\n * @return {Number}\n * @api private\n */\n\nfunction parse(str) {\n  str = String(str);\n  if (str.length > 100) {\n    return;\n  }\n  var match = /^(-?(?:\\d+)?\\.?\\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(\n    str\n  );\n  if (!match) {\n    return;\n  }\n  var n = parseFloat(match[1]);\n  var type = (match[2] || 'ms').toLowerCase();\n  switch (type) {\n    case 'years':\n    case 'year':\n    case 'yrs':\n    case 'yr':\n    case 'y':\n      return n * y;\n    case 'weeks':\n    case 'week':\n    case 'w':\n      return n * w;\n    case 'days':\n    case 'day':\n    case 'd':\n      return n * d;\n    case 'hours':\n    case 'hour':\n    case 'hrs':\n    case 'hr':\n    case 'h':\n      return n * h;\n    case 'minutes':\n    case 'minute':\n    case 'mins':\n    case 'min':\n    case 'm':\n      return n * m;\n    case 'seconds':\n    case 'second':\n    case 'secs':\n    case 'sec':\n    case 's':\n      return n * s;\n    case 'milliseconds':\n    case 'millisecond':\n    case 'msecs':\n    case 'msec':\n    case 'ms':\n      return n;\n    default:\n      return undefined;\n  }\n}\n\n/**\n * Short format for `ms`.\n *\n * @param {Number} ms\n * @return {String}\n * @api private\n */\n\nfunction fmtShort(ms) {\n  var msAbs = Math.abs(ms);\n  if (msAbs >= d) {\n    return Math.round(ms / d) + 'd';\n  }\n  if (msAbs >= h) {\n    return Math.round(ms / h) + 'h';\n  }\n  if (msAbs >= m) {\n    return Math.round(ms / m) + 'm';\n  }\n  if (msAbs >= s) {\n    return Math.round(ms / s) + 's';\n  }\n  return ms + 'ms';\n}\n\n/**\n * Long format for `ms`.\n *\n * @param {Number} ms\n * @return {String}\n * @api private\n */\n\nfunction fmtLong(ms) {\n  var msAbs = Math.abs(ms);\n  if (msAbs >= d) {\n    return plural(ms, msAbs, d, 'day');\n  }\n  if (msAbs >= h) {\n    return plural(ms, msAbs, h, 'hour');\n  }\n  if (msAbs >= m) {\n    return plural(ms, msAbs, m, 'minute');\n  }\n  if (msAbs >= s) {\n    return plural(ms, msAbs, s, 'second');\n  }\n  return ms + ' ms';\n}\n\n/**\n * Pluralization helper.\n */\n\nfunction plural(ms, msAbs, n, name) {\n  var isPlural = msAbs >= n * 1.5;\n  return Math.round(ms / n) + ' ' + name + (isPlural ? 's' : '');\n}\n","var wrappy = require('wrappy')\nmodule.exports = wrappy(once)\nmodule.exports.strict = wrappy(onceStrict)\n\nonce.proto = once(function () {\n  Object.defineProperty(Function.prototype, 'once', {\n    value: function () {\n      return once(this)\n    },\n    configurable: true\n  })\n\n  Object.defineProperty(Function.prototype, 'onceStrict', {\n    value: function () {\n      return onceStrict(this)\n    },\n    configurable: true\n  })\n})\n\nfunction once (fn) {\n  var f = function () {\n    if (f.called) return f.value\n    f.called = true\n    return f.value = fn.apply(this, arguments)\n  }\n  f.called = false\n  return f\n}\n\nfunction onceStrict (fn) {\n  var f = function () {\n    if (f.called)\n      throw new Error(f.onceError)\n    f.called = true\n    return f.value = fn.apply(this, arguments)\n  }\n  var name = fn.name || 'Function wrapped with `once`'\n  f.onceError = name + \" shouldn't be called more than once\"\n  f.called = false\n  return f\n}\n","module.exports = length\n\nfunction length (bytes) {\n  return Math.max(16384, 1 << Math.log2(bytes < 1024 ? 1 : bytes / 1024) + 0.5 | 0)\n}\n","var once = require('once')\nvar eos = require('end-of-stream')\nvar fs\n\ntry {\n  fs = require('fs') // we only need fs to get the ReadStream and WriteStream prototypes\n} catch (e) {}\n\nvar noop = function () {}\nvar ancient = /^v?\\.0/.test(process.version)\n\nvar isFn = function (fn) {\n  return typeof fn === 'function'\n}\n\nvar isFS = function (stream) {\n  if (!ancient) return false // newer node version do not need to care about fs is a special way\n  if (!fs) return false // browser\n  return (stream instanceof (fs.ReadStream || noop) || stream instanceof (fs.WriteStream || noop)) && isFn(stream.close)\n}\n\nvar isRequest = function (stream) {\n  return stream.setHeader && isFn(stream.abort)\n}\n\nvar destroyer = function (stream, reading, writing, callback) {\n  callback = once(callback)\n\n  var closed = false\n  stream.on('close', function () {\n    closed = true\n  })\n\n  eos(stream, {readable: reading, writable: writing}, function (err) {\n    if (err) return callback(err)\n    closed = true\n    callback()\n  })\n\n  var destroyed = false\n  return function (err) {\n    if (closed) return\n    if (destroyed) return\n    destroyed = true\n\n    if (isFS(stream)) return stream.close(noop) // use close for fs streams to avoid fd leaks\n    if (isRequest(stream)) return stream.abort() // request.destroy just do .end - .abort is what we want\n\n    if (isFn(stream.destroy)) return stream.destroy()\n\n    callback(err || new Error('stream was destroyed'))\n  }\n}\n\nvar call = function (fn) {\n  fn()\n}\n\nvar pipe = function (from, to) {\n  return from.pipe(to)\n}\n\nvar pump = function () {\n  var streams = Array.prototype.slice.call(arguments)\n  var callback = isFn(streams[streams.length - 1] || noop) && streams.pop() || noop\n\n  if (Array.isArray(streams[0])) streams = streams[0]\n  if (streams.length < 2) throw new Error('pump requires two streams per minimum')\n\n  var error\n  var destroys = streams.map(function (stream, i) {\n    var reading = i < streams.length - 1\n    var writing = i > 0\n    return destroyer(stream, reading, writing, function (err) {\n      if (!error) error = err\n      if (err) destroys.forEach(call)\n      if (reading) return\n      destroys.forEach(call)\n      callback(error)\n    })\n  })\n\n  return streams.reduce(pipe)\n}\n\nmodule.exports = pump\n","/*! queue-microtask. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */\nlet promise\n\nmodule.exports = typeof queueMicrotask === 'function'\n  ? queueMicrotask.bind(typeof window !== 'undefined' ? window : global)\n  // reuse resolved promise, and allocate it lazily\n  : cb => (promise || (promise = Promise.resolve()))\n    .then(cb)\n    .catch(err => setTimeout(() => { throw err }, 0))\n","module.exports = typeof queueMicrotask === 'function' ? queueMicrotask : (fn) => Promise.resolve().then(fn)\n","var iterate = function (list) {\n  var offset = 0\n  return function () {\n    if (offset === list.length) return null\n\n    var len = list.length - offset\n    var i = (Math.random() * len) | 0\n    var el = list[offset + i]\n\n    var tmp = list[offset]\n    list[offset] = el\n    list[offset + i] = tmp\n    offset++\n\n    return el\n  }\n}\n\nmodule.exports = iterate\n","/*!\n * range-parser\n * Copyright(c) 2012-2014 TJ Holowaychuk\n * Copyright(c) 2015-2016 Douglas Christopher Wilson\n * MIT Licensed\n */\n\n'use strict'\n\n/**\n * Module exports.\n * @public\n */\n\nmodule.exports = rangeParser\n\n/**\n * Parse \"Range\" header `str` relative to the given file `size`.\n *\n * @param {Number} size\n * @param {String} str\n * @param {Object} [options]\n * @return {Array}\n * @public\n */\n\nfunction rangeParser (size, str, options) {\n  if (typeof str !== 'string') {\n    throw new TypeError('argument str must be a string')\n  }\n\n  var index = str.indexOf('=')\n\n  if (index === -1) {\n    return -2\n  }\n\n  // split the range string\n  var arr = str.slice(index + 1).split(',')\n  var ranges = []\n\n  // add ranges type\n  ranges.type = str.slice(0, index)\n\n  // parse all ranges\n  for (var i = 0; i < arr.length; i++) {\n    var range = arr[i].split('-')\n    var start = parseInt(range[0], 10)\n    var end = parseInt(range[1], 10)\n\n    // -nnn\n    if (isNaN(start)) {\n      start = size - end\n      end = size - 1\n    // nnn-\n    } else if (isNaN(end)) {\n      end = size - 1\n    }\n\n    // limit last-byte-pos to current length\n    if (end > size - 1) {\n      end = size - 1\n    }\n\n    // invalid or unsatisifiable\n    if (isNaN(start) || isNaN(end) || start > end || start < 0) {\n      continue\n    }\n\n    // add range\n    ranges.push({\n      start: start,\n      end: end\n    })\n  }\n\n  if (ranges.length < 1) {\n    // unsatisifiable\n    return -1\n  }\n\n  return options && options.combine\n    ? combineRanges(ranges)\n    : ranges\n}\n\n/**\n * Combine overlapping & adjacent ranges.\n * @private\n */\n\nfunction combineRanges (ranges) {\n  var ordered = ranges.map(mapWithIndex).sort(sortByRangeStart)\n\n  for (var j = 0, i = 1; i < ordered.length; i++) {\n    var range = ordered[i]\n    var current = ordered[j]\n\n    if (range.start > current.end + 1) {\n      // next range\n      ordered[++j] = range\n    } else if (range.end > current.end) {\n      // extend range\n      current.end = range.end\n      current.index = Math.min(current.index, range.index)\n    }\n  }\n\n  // trim ordered array\n  ordered.length = j + 1\n\n  // generate combined range\n  var combined = ordered.sort(sortByRangeIndex).map(mapWithoutIndex)\n\n  // copy ranges type\n  combined.type = ranges.type\n\n  return combined\n}\n\n/**\n * Map function to add index value to ranges.\n * @private\n */\n\nfunction mapWithIndex (range, index) {\n  return {\n    start: range.start,\n    end: range.end,\n    index: index\n  }\n}\n\n/**\n * Map function to remove index value from ranges.\n * @private\n */\n\nfunction mapWithoutIndex (range) {\n  return {\n    start: range.start,\n    end: range.end\n  }\n}\n\n/**\n * Sort function to sort ranges by index.\n * @private\n */\n\nfunction sortByRangeIndex (a, b) {\n  return a.index - b.index\n}\n\n/**\n * Sort function to sort ranges by start position.\n * @private\n */\n\nfunction sortByRangeStart (a, b) {\n  return a.start - b.start\n}\n","\"use strict\";\n\n// Based on RC4 algorithm, as described in\n// http://en.wikipedia.org/wiki/RC4\n\nfunction isInteger(n) {\n  return parseInt(n, 10) === n;\n}\n\nfunction createRC4(N) {\n  function identityPermutation() {\n    var s = new Array(N);\n    for (var i = 0; i < N; i++) {\n      s[i] = i;\n    }\n    return s;\n  }\n\n  // :: string | array integer -> array integer\n  function seed(key) {\n    if (key === undefined) {\n      key = new Array(N);\n      for (var k = 0; k < N; k++) {\n        key[k] = Math.floor(Math.random() * N);\n      }\n    } else if (typeof key === \"string\") {\n      // to string\n      key = \"\" + key;\n      key = key.split(\"\").map(function (c) { return c.charCodeAt(0) % N; });\n    } else if (Array.isArray(key)) {\n      if (!key.every(function (v) {\n        return typeof v === \"number\" && v === (v | 0);\n      })) {\n        throw new TypeError(\"invalid seed key specified: not array of integers\");\n      }\n    } else {\n      throw new TypeError(\"invalid seed key specified\");\n    }\n\n    var keylen = key.length;\n\n    // resed state\n    var s = identityPermutation();\n\n    var j = 0;\n    for (var i = 0; i < N; i++) {\n      j = (j + s[i] + key[i % keylen]) % N;\n      var tmp = s[i];\n      s[i] = s[j];\n      s[j] = tmp;\n    }\n\n    return s;\n  }\n\n  /* eslint-disable no-shadow */\n  function RC4(key) {\n    this.s = seed(key);\n    this.i = 0;\n    this.j = 0;\n  }\n  /* eslint-enable no-shadow */\n\n  RC4.prototype.randomNative = function () {\n    this.i = (this.i + 1) % N;\n    this.j = (this.j + this.s[this.i]) % N;\n\n    var tmp = this.s[this.i];\n    this.s[this.i] = this.s[this.j];\n    this.s[this.j] = tmp;\n\n    var k = this.s[(this.s[this.i] + this.s[this.j]) % N];\n\n    return k;\n  };\n\n  RC4.prototype.randomUInt32 = function () {\n    var a = this.randomByte();\n    var b = this.randomByte();\n    var c = this.randomByte();\n    var d = this.randomByte();\n\n    return ((a * 256 + b) * 256 + c) * 256 + d;\n  };\n\n  RC4.prototype.randomFloat = function () {\n    return this.randomUInt32() / 0x100000000;\n  };\n\n  RC4.prototype.random = function () {\n    var a;\n    var b;\n\n    if (arguments.length === 1) {\n      a = 0;\n      b = arguments[0];\n    } else if (arguments.length === 2) {\n      a = arguments[0];\n      b = arguments[1];\n    } else {\n      throw new TypeError(\"random takes one or two integer arguments\");\n    }\n\n    if (!isInteger(a) || !isInteger(b)) {\n      throw new TypeError(\"random takes one or two integer arguments\");\n    }\n\n    return a + this.randomUInt32() % (b - a + 1);\n  };\n\n  RC4.prototype.currentState = function () {\n    return {\n      i: this.i,\n      j: this.j,\n      s: this.s.slice(), // copy\n    };\n  };\n\n  RC4.prototype.setState = function (state) {\n    var s = state.s;\n    var i = state.i;\n    var j = state.j;\n\n    /* eslint-disable yoda */\n    if (!(i === (i | 0) && 0 <= i && i < N)) {\n      throw new Error(\"state.i should be integer [0, \" + (N - 1) + \"]\");\n    }\n\n    if (!(j === (j | 0) && 0 <= j && j < N)) {\n      throw new Error(\"state.j should be integer [0, \" + (N - 1) + \"]\");\n    }\n    /* eslint-enable yoda */\n\n    // check length\n    if (!Array.isArray(s) || s.length !== N) {\n      throw new Error(\"state should be array of length \" + N);\n    }\n\n    // check that all params are there\n    for (var k = 0; k < N; k++) {\n      if (s.indexOf(k) === -1) {\n        throw new Error(\"state should be permutation of 0..\" + (N - 1) + \": \" + k + \" is missing\");\n      }\n    }\n\n    this.i = i;\n    this.j = j;\n    this.s = s.slice(); // assign copy\n  };\n\n  return RC4;\n}\n\nvar RC4 = createRC4(256);\nRC4.prototype.randomByte = RC4.prototype.randomNative;\n\nvar RC4small = createRC4(16);\nRC4small.prototype.randomByte = function () {\n  var a = this.randomNative();\n  var b = this.randomNative();\n\n  return a * 16 + b;\n};\n\nvar ordA = \"a\".charCodeAt(0);\nvar ord0 = \"0\".charCodeAt(0);\n\nfunction toHex(n) {\n  return n < 10 ? String.fromCharCode(ord0 + n) : String.fromCharCode(ordA + n - 10);\n}\n\nfunction fromHex(c) {\n  return parseInt(c, 16);\n}\n\nRC4small.prototype.currentStateString = function () {\n  var state = this.currentState();\n\n  var i = toHex(state.i);\n  var j = toHex(state.j);\n\n  var res = i + j + state.s.map(toHex).join(\"\");\n  return res;\n};\n\nRC4small.prototype.setStateString = function (stateString) {\n  if (!stateString.match(/^[0-9a-f]{18}$/)) {\n    throw new TypeError(\"RC4small stateString should be 18 hex character string\");\n  }\n\n  var i = fromHex(stateString[0]);\n  var j = fromHex(stateString[1]);\n  var s = stateString.split(\"\").slice(2).map(fromHex);\n\n  this.setState({\n    i: i,\n    j: j,\n    s: s,\n  });\n};\n\nRC4.RC4small = RC4small;\n\nmodule.exports = RC4;\n","/*! run-parallel-limit. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */\nmodule.exports = runParallelLimit\n\nconst queueMicrotask = require('queue-microtask')\n\nfunction runParallelLimit (tasks, limit, cb) {\n  if (typeof limit !== 'number') throw new Error('second argument must be a Number')\n  let results, len, pending, keys, isErrored\n  let isSync = true\n  let next\n\n  if (Array.isArray(tasks)) {\n    results = []\n    pending = len = tasks.length\n  } else {\n    keys = Object.keys(tasks)\n    results = {}\n    pending = len = keys.length\n  }\n\n  function done (err) {\n    function end () {\n      if (cb) cb(err, results)\n      cb = null\n    }\n    if (isSync) queueMicrotask(end)\n    else end()\n  }\n\n  function each (i, err, result) {\n    results[i] = result\n    if (err) isErrored = true\n    if (--pending === 0 || err) {\n      done(err)\n    } else if (!isErrored && next < len) {\n      let key\n      if (keys) {\n        key = keys[next]\n        next += 1\n        tasks[key](function (err, result) { each(key, err, result) })\n      } else {\n        key = next\n        next += 1\n        tasks[key](function (err, result) { each(key, err, result) })\n      }\n    }\n  }\n\n  next = limit\n  if (!pending) {\n    // empty\n    done(null)\n  } else if (keys) {\n    // object\n    keys.some(function (key, i) {\n      tasks[key](function (err, result) { each(key, err, result) })\n      if (i === limit - 1) return true // early return\n      return false\n    })\n  } else {\n    // array\n    tasks.some(function (task, i) {\n      task(function (err, result) { each(i, err, result) })\n      if (i === limit - 1) return true // early return\n      return false\n    })\n  }\n\n  isSync = false\n}\n","/*! run-parallel. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */\nmodule.exports = runParallel\n\nconst queueMicrotask = require('queue-microtask')\n\nfunction runParallel (tasks, cb) {\n  let results, pending, keys\n  let isSync = true\n\n  if (Array.isArray(tasks)) {\n    results = []\n    pending = tasks.length\n  } else {\n    keys = Object.keys(tasks)\n    results = {}\n    pending = keys.length\n  }\n\n  function done (err) {\n    function end () {\n      if (cb) cb(err, results)\n      cb = null\n    }\n    if (isSync) queueMicrotask(end)\n    else end()\n  }\n\n  function each (i, err, result) {\n    results[i] = result\n    if (--pending === 0 || err) {\n      done(err)\n    }\n  }\n\n  if (!pending) {\n    // empty\n    done(null)\n  } else if (keys) {\n    // object\n    keys.forEach(function (key) {\n      tasks[key](function (err, result) { each(key, err, result) })\n    })\n  } else {\n    // array\n    tasks.forEach(function (task, i) {\n      task(function (err, result) { each(i, err, result) })\n    })\n  }\n\n  isSync = false\n}\n","const Throttle = require('./lib/throttle')\nconst ThrottleGroup = require('./lib/throttle-group')\n\nmodule.exports = {\n  Throttle,\n  ThrottleGroup\n}\n","const { TokenBucket } = require('limiter')\nconst Throttle = require('./throttle')\n\nclass ThrottleGroup {\n  constructor (opts = {}) {\n    if (typeof opts !== 'object') throw new Error('Options must be an object')\n\n    this.throttles = []\n    this.setEnabled(opts.enabled)\n    this.setRate(opts.rate, opts.chunksize)\n  }\n\n  getEnabled () {\n    return this._enabled\n  }\n\n  getRate () {\n    // Note: bucketSize === tokensPerInterval\n    return this.bucket.tokensPerInterval\n  }\n\n  getChunksize () {\n    return this.chunksize\n  }\n\n  setEnabled (val = true) {\n    if (typeof val !== 'boolean') throw new Error('Enabled must be a boolean')\n\n    this._enabled = val\n    for (const throttle of this.throttles) {\n      throttle.setEnabled(val)\n    }\n  }\n\n  setRate (rate, chunksize = null) {\n    // Note: rate = 0, means we should stop processing chunks\n    if (!Number.isInteger(rate) || rate < 0) throw new Error('Rate must be an integer bigger than zero')\n    rate = parseInt(rate)\n\n    if (chunksize && (typeof chunksize !== 'number' || chunksize <= 0)) throw new Error('Chunksize must be bigger than zero')\n    chunksize = chunksize || Math.max(parseInt(rate / 10), 1)\n    chunksize = parseInt(chunksize)\n    if (rate > 0 && chunksize > rate) throw new Error('Chunk size must be smaller than rate')\n\n    if (!this.bucket) this.bucket = new TokenBucket(rate, rate, 'second', null)\n\n    this.bucket.bucketSize = rate\n    this.bucket.tokensPerInterval = rate\n    this.chunksize = chunksize\n  }\n\n  setChunksize (chunksize) {\n    if (!Number.isInteger(chunksize) || chunksize <= 0) throw new Error('Chunk size must be an integer bigger than zero')\n    const rate = this.getRate()\n    chunksize = parseInt(chunksize)\n    if (rate > 0 && chunksize > rate) throw new Error('Chunk size must be smaller than rate')\n    this.chunksize = chunksize\n  }\n\n  throttle (opts = {}) {\n    if (typeof opts !== 'object') throw new Error('Options must be an object')\n\n    const newThrottle = new Throttle({\n      ...opts,\n      group: this\n    })\n\n    return newThrottle\n  }\n\n  destroy () {\n    for (const throttle of this.throttles) {\n      throttle.destroy()\n    }\n\n    this.throttles = []\n  }\n\n  _addThrottle (throttle) {\n    if (!(throttle instanceof Throttle)) throw new Error('Throttle must be an instance of Throttle')\n\n    this.throttles.push(throttle)\n  }\n\n  _removeThrottle (throttle) {\n    const index = this.throttles.indexOf(throttle)\n    if (index > -1) this.throttles.splice(index, 1)\n  }\n}\n\nmodule.exports = ThrottleGroup\n","const { EventEmitter } = require('events')\nconst { Transform } = require('streamx')\nconst { wait } = require('./utils')\n\nclass Throttle extends Transform {\n  constructor (opts = {}) {\n    super()\n\n    if (typeof opts !== 'object') throw new Error('Options must be an object')\n\n    const params = Object.assign({}, opts)\n\n    if (params.group && !(params.group instanceof ThrottleGroup)) throw new Error('Group must be an instanece of ThrottleGroup')\n    else if (!params.group) params.group = new ThrottleGroup(params)\n\n    this._setEnabled(params.enabled || params.group.enabled)\n    this._group = params.group\n    this._emitter = new EventEmitter()\n    this._destroyed = false\n\n    this._group._addThrottle(this)\n  }\n\n  getEnabled () {\n    return this._enabled\n  }\n\n  getGroup () {\n    return this._group\n  }\n\n  _setEnabled (val = true) {\n    if (typeof val !== 'boolean') throw new Error('Enabled must be a boolean')\n    this._enabled = val\n  }\n\n  setEnabled (val) {\n    this._setEnabled(val)\n    if (this._enabled) this._emitter.emit('enabled')\n    else this._emitter.emit('disabled')\n  }\n\n  _transform (chunk, done) {\n    this._processChunk(chunk, done)\n  }\n\n  /* async _waitForPositiveRate () {\n    // Stop pushing chunks if rate is zero\n    while (this._group.getRate() === 0 && !this._destroyed && this._areBothEnabled()) {\n      await wait(1 * 1000) // wait 1 second\n    }\n  } */\n\n  async _waitForTokens (amount) {\n    // Wait for enabled, destroyed or tokens\n    return new Promise((resolve, reject) => {\n      let done = false\n      const self = this\n      function isDone (err) {\n        self._emitter.removeListener('disabled', isDone)\n        self._emitter.removeListener('destroyed', isDone)\n\n        if (done) return\n        done = true\n        if (err) return reject(err)\n        resolve()\n      }\n      this._emitter.once('disabled', isDone)\n      this._emitter.once('destroyed', isDone)\n      // TODO: next version remove lisener in \"isDone\"\n      this._group.bucket.removeTokens(amount, isDone)\n    })\n  }\n\n  _areBothEnabled () {\n    return this._enabled && this._group.getEnabled()\n  }\n\n  /* async _throttleChunk (size) {\n    // Stop pushing chunks if rate is zero\n    await this._waitForPositiveRate()\n    if (this._destroyed) return\n    if (!this._areBothEnabled()) return\n\n    // Get tokens from bucket\n    await this._waitForTokens(size)\n  } */\n\n  async _processChunk (chunk, done) {\n    if (!this._areBothEnabled()) return done(null, chunk)\n\n    let pos = 0\n    let chunksize = this._group.getChunksize()\n    let slice = chunk.slice(pos, pos + chunksize)\n    while (slice.length > 0) {\n      // Check here again because we might be in the middle of a big chunk\n      // with a lot of small slices\n      if (this._areBothEnabled()) {\n        try {\n          // WAIT FOR POSITIVE RATE\n          // Stop pushing chunks if rate is zero\n          while (this._group.getRate() === 0 && !this._destroyed && this._areBothEnabled()) {\n            await wait(1000) // wait 1 second\n            if (this._destroyed) return\n          }\n\n          // WAIT FOR TOKENS\n          if (this._areBothEnabled() && !this._group.bucket.tryRemoveTokens(slice.length)) {\n            await this._waitForTokens(slice.length)\n            if (this._destroyed) return\n          }\n        } catch (err) {\n          return done(err)\n        }\n      }\n\n      this.push(slice)\n      pos += chunksize\n\n      // Calculate params for next slice\n      chunksize = (this._areBothEnabled())\n        ? this._group.getChunksize() // Chunksize might have changed\n        : chunk.length - pos // Get the rest of the chunk\n      slice = chunk.slice(pos, pos + chunksize)\n    }\n\n    return done()\n  }\n\n  destroy (...args) {\n    this._group._removeThrottle(this)\n\n    this._destroyed = true\n    this._emitter.emit('destroyed')\n\n    super.destroy(...args)\n  }\n}\n\nmodule.exports = Throttle\n\n// Fix circular dependency\nconst ThrottleGroup = require('./throttle-group')\n","function wait (time) {\n  return new Promise((resolve) => setTimeout(resolve, time))\n}\n\nmodule.exports = {\n  wait\n}\n","const { EventEmitter } = require('events')\nconst STREAM_DESTROYED = new Error('Stream was destroyed')\nconst PREMATURE_CLOSE = new Error('Premature close')\n\nconst queueTick = require('queue-tick')\nconst FIFO = require('fast-fifo')\nconst TextDecoder = require('text-decoder')\n\n/* eslint-disable no-multi-spaces */\n\n// 29 bits used total (4 from shared, 14 from read, and 11 from write)\nconst MAX = ((1 << 29) - 1)\n\n// Shared state\nconst OPENING       = 0b0001\nconst PREDESTROYING = 0b0010\nconst DESTROYING    = 0b0100\nconst DESTROYED     = 0b1000\n\nconst NOT_OPENING = MAX ^ OPENING\nconst NOT_PREDESTROYING = MAX ^ PREDESTROYING\n\n// Read state (4 bit offset from shared state)\nconst READ_ACTIVE           = 0b00000000000001 << 4\nconst READ_UPDATING         = 0b00000000000010 << 4\nconst READ_PRIMARY          = 0b00000000000100 << 4\nconst READ_QUEUED           = 0b00000000001000 << 4\nconst READ_RESUMED          = 0b00000000010000 << 4\nconst READ_PIPE_DRAINED     = 0b00000000100000 << 4\nconst READ_ENDING           = 0b00000001000000 << 4\nconst READ_EMIT_DATA        = 0b00000010000000 << 4\nconst READ_EMIT_READABLE    = 0b00000100000000 << 4\nconst READ_EMITTED_READABLE = 0b00001000000000 << 4\nconst READ_DONE             = 0b00010000000000 << 4\nconst READ_NEXT_TICK        = 0b00100000000000 << 4\nconst READ_NEEDS_PUSH       = 0b01000000000000 << 4\nconst READ_READ_AHEAD       = 0b10000000000000 << 4\n\n// Combined read state\nconst READ_FLOWING = READ_RESUMED | READ_PIPE_DRAINED\nconst READ_ACTIVE_AND_NEEDS_PUSH = READ_ACTIVE | READ_NEEDS_PUSH\nconst READ_PRIMARY_AND_ACTIVE = READ_PRIMARY | READ_ACTIVE\nconst READ_EMIT_READABLE_AND_QUEUED = READ_EMIT_READABLE | READ_QUEUED\nconst READ_RESUMED_READ_AHEAD = READ_RESUMED | READ_READ_AHEAD\n\nconst READ_NOT_ACTIVE             = MAX ^ READ_ACTIVE\nconst READ_NON_PRIMARY            = MAX ^ READ_PRIMARY\nconst READ_NON_PRIMARY_AND_PUSHED = MAX ^ (READ_PRIMARY | READ_NEEDS_PUSH)\nconst READ_PUSHED                 = MAX ^ READ_NEEDS_PUSH\nconst READ_PAUSED                 = MAX ^ READ_RESUMED\nconst READ_NOT_QUEUED             = MAX ^ (READ_QUEUED | READ_EMITTED_READABLE)\nconst READ_NOT_ENDING             = MAX ^ READ_ENDING\nconst READ_PIPE_NOT_DRAINED       = MAX ^ READ_FLOWING\nconst READ_NOT_NEXT_TICK          = MAX ^ READ_NEXT_TICK\nconst READ_NOT_UPDATING           = MAX ^ READ_UPDATING\nconst READ_NO_READ_AHEAD          = MAX ^ READ_READ_AHEAD\nconst READ_PAUSED_NO_READ_AHEAD   = MAX ^ READ_RESUMED_READ_AHEAD\n\n// Write state (18 bit offset, 4 bit offset from shared state and 14 from read state)\nconst WRITE_ACTIVE     = 0b00000000001 << 18\nconst WRITE_UPDATING   = 0b00000000010 << 18\nconst WRITE_PRIMARY    = 0b00000000100 << 18\nconst WRITE_QUEUED     = 0b00000001000 << 18\nconst WRITE_UNDRAINED  = 0b00000010000 << 18\nconst WRITE_DONE       = 0b00000100000 << 18\nconst WRITE_EMIT_DRAIN = 0b00001000000 << 18\nconst WRITE_NEXT_TICK  = 0b00010000000 << 18\nconst WRITE_WRITING    = 0b00100000000 << 18\nconst WRITE_FINISHING  = 0b01000000000 << 18\nconst WRITE_CORKED     = 0b10000000000 << 18\n\nconst WRITE_NOT_ACTIVE    = MAX ^ (WRITE_ACTIVE | WRITE_WRITING)\nconst WRITE_NON_PRIMARY   = MAX ^ WRITE_PRIMARY\nconst WRITE_NOT_FINISHING = MAX ^ (WRITE_ACTIVE | WRITE_FINISHING)\nconst WRITE_DRAINED       = MAX ^ WRITE_UNDRAINED\nconst WRITE_NOT_QUEUED    = MAX ^ WRITE_QUEUED\nconst WRITE_NOT_NEXT_TICK = MAX ^ WRITE_NEXT_TICK\nconst WRITE_NOT_UPDATING  = MAX ^ WRITE_UPDATING\nconst WRITE_NOT_CORKED    = MAX ^ WRITE_CORKED\n\n// Combined shared state\nconst ACTIVE = READ_ACTIVE | WRITE_ACTIVE\nconst NOT_ACTIVE = MAX ^ ACTIVE\nconst DONE = READ_DONE | WRITE_DONE\nconst DESTROY_STATUS = DESTROYING | DESTROYED | PREDESTROYING\nconst OPEN_STATUS = DESTROY_STATUS | OPENING\nconst AUTO_DESTROY = DESTROY_STATUS | DONE\nconst NON_PRIMARY = WRITE_NON_PRIMARY & READ_NON_PRIMARY\nconst ACTIVE_OR_TICKING = WRITE_NEXT_TICK | READ_NEXT_TICK\nconst TICKING = ACTIVE_OR_TICKING & NOT_ACTIVE\nconst IS_OPENING = OPEN_STATUS | TICKING\n\n// Combined shared state and read state\nconst READ_PRIMARY_STATUS = OPEN_STATUS | READ_ENDING | READ_DONE\nconst READ_STATUS = OPEN_STATUS | READ_DONE | READ_QUEUED\nconst READ_ENDING_STATUS = OPEN_STATUS | READ_ENDING | READ_QUEUED\nconst READ_READABLE_STATUS = OPEN_STATUS | READ_EMIT_READABLE | READ_QUEUED | READ_EMITTED_READABLE\nconst SHOULD_NOT_READ = OPEN_STATUS | READ_ACTIVE | READ_ENDING | READ_DONE | READ_NEEDS_PUSH | READ_READ_AHEAD\nconst READ_BACKPRESSURE_STATUS = DESTROY_STATUS | READ_ENDING | READ_DONE\nconst READ_UPDATE_SYNC_STATUS = READ_UPDATING | OPEN_STATUS | READ_NEXT_TICK | READ_PRIMARY\n\n// Combined write state\nconst WRITE_PRIMARY_STATUS = OPEN_STATUS | WRITE_FINISHING | WRITE_DONE\nconst WRITE_QUEUED_AND_UNDRAINED = WRITE_QUEUED | WRITE_UNDRAINED\nconst WRITE_QUEUED_AND_ACTIVE = WRITE_QUEUED | WRITE_ACTIVE\nconst WRITE_DRAIN_STATUS = WRITE_QUEUED | WRITE_UNDRAINED | OPEN_STATUS | WRITE_ACTIVE\nconst WRITE_STATUS = OPEN_STATUS | WRITE_ACTIVE | WRITE_QUEUED | WRITE_CORKED\nconst WRITE_PRIMARY_AND_ACTIVE = WRITE_PRIMARY | WRITE_ACTIVE\nconst WRITE_ACTIVE_AND_WRITING = WRITE_ACTIVE | WRITE_WRITING\nconst WRITE_FINISHING_STATUS = OPEN_STATUS | WRITE_FINISHING | WRITE_QUEUED_AND_ACTIVE | WRITE_DONE\nconst WRITE_BACKPRESSURE_STATUS = WRITE_UNDRAINED | DESTROY_STATUS | WRITE_FINISHING | WRITE_DONE\nconst WRITE_UPDATE_SYNC_STATUS = WRITE_UPDATING | OPEN_STATUS | WRITE_NEXT_TICK | WRITE_PRIMARY\nconst WRITE_DROP_DATA = WRITE_FINISHING | WRITE_DONE | DESTROY_STATUS\n\nconst asyncIterator = Symbol.asyncIterator || Symbol('asyncIterator')\n\nclass WritableState {\n  constructor (stream, { highWaterMark = 16384, map = null, mapWritable, byteLength, byteLengthWritable } = {}) {\n    this.stream = stream\n    this.queue = new FIFO()\n    this.highWaterMark = highWaterMark\n    this.buffered = 0\n    this.error = null\n    this.pipeline = null\n    this.drains = null // if we add more seldomly used helpers we might them into a subobject so its a single ptr\n    this.byteLength = byteLengthWritable || byteLength || defaultByteLength\n    this.map = mapWritable || map\n    this.afterWrite = afterWrite.bind(this)\n    this.afterUpdateNextTick = updateWriteNT.bind(this)\n  }\n\n  get ended () {\n    return (this.stream._duplexState & WRITE_DONE) !== 0\n  }\n\n  push (data) {\n    if ((this.stream._duplexState & WRITE_DROP_DATA) !== 0) return false\n    if (this.map !== null) data = this.map(data)\n\n    this.buffered += this.byteLength(data)\n    this.queue.push(data)\n\n    if (this.buffered < this.highWaterMark) {\n      this.stream._duplexState |= WRITE_QUEUED\n      return true\n    }\n\n    this.stream._duplexState |= WRITE_QUEUED_AND_UNDRAINED\n    return false\n  }\n\n  shift () {\n    const data = this.queue.shift()\n\n    this.buffered -= this.byteLength(data)\n    if (this.buffered === 0) this.stream._duplexState &= WRITE_NOT_QUEUED\n\n    return data\n  }\n\n  end (data) {\n    if (typeof data === 'function') this.stream.once('finish', data)\n    else if (data !== undefined && data !== null) this.push(data)\n    this.stream._duplexState = (this.stream._duplexState | WRITE_FINISHING) & WRITE_NON_PRIMARY\n  }\n\n  autoBatch (data, cb) {\n    const buffer = []\n    const stream = this.stream\n\n    buffer.push(data)\n    while ((stream._duplexState & WRITE_STATUS) === WRITE_QUEUED_AND_ACTIVE) {\n      buffer.push(stream._writableState.shift())\n    }\n\n    if ((stream._duplexState & OPEN_STATUS) !== 0) return cb(null)\n    stream._writev(buffer, cb)\n  }\n\n  update () {\n    const stream = this.stream\n\n    stream._duplexState |= WRITE_UPDATING\n\n    do {\n      while ((stream._duplexState & WRITE_STATUS) === WRITE_QUEUED) {\n        const data = this.shift()\n        stream._duplexState |= WRITE_ACTIVE_AND_WRITING\n        stream._write(data, this.afterWrite)\n      }\n\n      if ((stream._duplexState & WRITE_PRIMARY_AND_ACTIVE) === 0) this.updateNonPrimary()\n    } while (this.continueUpdate() === true)\n\n    stream._duplexState &= WRITE_NOT_UPDATING\n  }\n\n  updateNonPrimary () {\n    const stream = this.stream\n\n    if ((stream._duplexState & WRITE_FINISHING_STATUS) === WRITE_FINISHING) {\n      stream._duplexState = stream._duplexState | WRITE_ACTIVE\n      stream._final(afterFinal.bind(this))\n      return\n    }\n\n    if ((stream._duplexState & DESTROY_STATUS) === DESTROYING) {\n      if ((stream._duplexState & ACTIVE_OR_TICKING) === 0) {\n        stream._duplexState |= ACTIVE\n        stream._destroy(afterDestroy.bind(this))\n      }\n      return\n    }\n\n    if ((stream._duplexState & IS_OPENING) === OPENING) {\n      stream._duplexState = (stream._duplexState | ACTIVE) & NOT_OPENING\n      stream._open(afterOpen.bind(this))\n    }\n  }\n\n  continueUpdate () {\n    if ((this.stream._duplexState & WRITE_NEXT_TICK) === 0) return false\n    this.stream._duplexState &= WRITE_NOT_NEXT_TICK\n    return true\n  }\n\n  updateCallback () {\n    if ((this.stream._duplexState & WRITE_UPDATE_SYNC_STATUS) === WRITE_PRIMARY) this.update()\n    else this.updateNextTick()\n  }\n\n  updateNextTick () {\n    if ((this.stream._duplexState & WRITE_NEXT_TICK) !== 0) return\n    this.stream._duplexState |= WRITE_NEXT_TICK\n    if ((this.stream._duplexState & WRITE_UPDATING) === 0) queueTick(this.afterUpdateNextTick)\n  }\n}\n\nclass ReadableState {\n  constructor (stream, { highWaterMark = 16384, map = null, mapReadable, byteLength, byteLengthReadable } = {}) {\n    this.stream = stream\n    this.queue = new FIFO()\n    this.highWaterMark = highWaterMark === 0 ? 1 : highWaterMark\n    this.buffered = 0\n    this.readAhead = highWaterMark > 0\n    this.error = null\n    this.pipeline = null\n    this.byteLength = byteLengthReadable || byteLength || defaultByteLength\n    this.map = mapReadable || map\n    this.pipeTo = null\n    this.afterRead = afterRead.bind(this)\n    this.afterUpdateNextTick = updateReadNT.bind(this)\n  }\n\n  get ended () {\n    return (this.stream._duplexState & READ_DONE) !== 0\n  }\n\n  pipe (pipeTo, cb) {\n    if (this.pipeTo !== null) throw new Error('Can only pipe to one destination')\n    if (typeof cb !== 'function') cb = null\n\n    this.stream._duplexState |= READ_PIPE_DRAINED\n    this.pipeTo = pipeTo\n    this.pipeline = new Pipeline(this.stream, pipeTo, cb)\n\n    if (cb) this.stream.on('error', noop) // We already error handle this so supress crashes\n\n    if (isStreamx(pipeTo)) {\n      pipeTo._writableState.pipeline = this.pipeline\n      if (cb) pipeTo.on('error', noop) // We already error handle this so supress crashes\n      pipeTo.on('finish', this.pipeline.finished.bind(this.pipeline)) // TODO: just call finished from pipeTo itself\n    } else {\n      const onerror = this.pipeline.done.bind(this.pipeline, pipeTo)\n      const onclose = this.pipeline.done.bind(this.pipeline, pipeTo, null) // onclose has a weird bool arg\n      pipeTo.on('error', onerror)\n      pipeTo.on('close', onclose)\n      pipeTo.on('finish', this.pipeline.finished.bind(this.pipeline))\n    }\n\n    pipeTo.on('drain', afterDrain.bind(this))\n    this.stream.emit('piping', pipeTo)\n    pipeTo.emit('pipe', this.stream)\n  }\n\n  push (data) {\n    const stream = this.stream\n\n    if (data === null) {\n      this.highWaterMark = 0\n      stream._duplexState = (stream._duplexState | READ_ENDING) & READ_NON_PRIMARY_AND_PUSHED\n      return false\n    }\n\n    if (this.map !== null) {\n      data = this.map(data)\n      if (data === null) {\n        stream._duplexState &= READ_PUSHED\n        return this.buffered < this.highWaterMark\n      }\n    }\n\n    this.buffered += this.byteLength(data)\n    this.queue.push(data)\n\n    stream._duplexState = (stream._duplexState | READ_QUEUED) & READ_PUSHED\n\n    return this.buffered < this.highWaterMark\n  }\n\n  shift () {\n    const data = this.queue.shift()\n\n    this.buffered -= this.byteLength(data)\n    if (this.buffered === 0) this.stream._duplexState &= READ_NOT_QUEUED\n    return data\n  }\n\n  unshift (data) {\n    const pending = [this.map !== null ? this.map(data) : data]\n    while (this.buffered > 0) pending.push(this.shift())\n\n    for (let i = 0; i < pending.length - 1; i++) {\n      const data = pending[i]\n      this.buffered += this.byteLength(data)\n      this.queue.push(data)\n    }\n\n    this.push(pending[pending.length - 1])\n  }\n\n  read () {\n    const stream = this.stream\n\n    if ((stream._duplexState & READ_STATUS) === READ_QUEUED) {\n      const data = this.shift()\n      if (this.pipeTo !== null && this.pipeTo.write(data) === false) stream._duplexState &= READ_PIPE_NOT_DRAINED\n      if ((stream._duplexState & READ_EMIT_DATA) !== 0) stream.emit('data', data)\n      return data\n    }\n\n    if (this.readAhead === false) {\n      stream._duplexState |= READ_READ_AHEAD\n      this.updateNextTick()\n    }\n\n    return null\n  }\n\n  drain () {\n    const stream = this.stream\n\n    while ((stream._duplexState & READ_STATUS) === READ_QUEUED && (stream._duplexState & READ_FLOWING) !== 0) {\n      const data = this.shift()\n      if (this.pipeTo !== null && this.pipeTo.write(data) === false) stream._duplexState &= READ_PIPE_NOT_DRAINED\n      if ((stream._duplexState & READ_EMIT_DATA) !== 0) stream.emit('data', data)\n    }\n  }\n\n  update () {\n    const stream = this.stream\n\n    stream._duplexState |= READ_UPDATING\n\n    do {\n      this.drain()\n\n      while (this.buffered < this.highWaterMark && (stream._duplexState & SHOULD_NOT_READ) === READ_READ_AHEAD) {\n        stream._duplexState |= READ_ACTIVE_AND_NEEDS_PUSH\n        stream._read(this.afterRead)\n        this.drain()\n      }\n\n      if ((stream._duplexState & READ_READABLE_STATUS) === READ_EMIT_READABLE_AND_QUEUED) {\n        stream._duplexState |= READ_EMITTED_READABLE\n        stream.emit('readable')\n      }\n\n      if ((stream._duplexState & READ_PRIMARY_AND_ACTIVE) === 0) this.updateNonPrimary()\n    } while (this.continueUpdate() === true)\n\n    stream._duplexState &= READ_NOT_UPDATING\n  }\n\n  updateNonPrimary () {\n    const stream = this.stream\n\n    if ((stream._duplexState & READ_ENDING_STATUS) === READ_ENDING) {\n      stream._duplexState = (stream._duplexState | READ_DONE) & READ_NOT_ENDING\n      stream.emit('end')\n      if ((stream._duplexState & AUTO_DESTROY) === DONE) stream._duplexState |= DESTROYING\n      if (this.pipeTo !== null) this.pipeTo.end()\n    }\n\n    if ((stream._duplexState & DESTROY_STATUS) === DESTROYING) {\n      if ((stream._duplexState & ACTIVE_OR_TICKING) === 0) {\n        stream._duplexState |= ACTIVE\n        stream._destroy(afterDestroy.bind(this))\n      }\n      return\n    }\n\n    if ((stream._duplexState & IS_OPENING) === OPENING) {\n      stream._duplexState = (stream._duplexState | ACTIVE) & NOT_OPENING\n      stream._open(afterOpen.bind(this))\n    }\n  }\n\n  continueUpdate () {\n    if ((this.stream._duplexState & READ_NEXT_TICK) === 0) return false\n    this.stream._duplexState &= READ_NOT_NEXT_TICK\n    return true\n  }\n\n  updateCallback () {\n    if ((this.stream._duplexState & READ_UPDATE_SYNC_STATUS) === READ_PRIMARY) this.update()\n    else this.updateNextTick()\n  }\n\n  updateNextTick () {\n    if ((this.stream._duplexState & READ_NEXT_TICK) !== 0) return\n    this.stream._duplexState |= READ_NEXT_TICK\n    if ((this.stream._duplexState & READ_UPDATING) === 0) queueTick(this.afterUpdateNextTick)\n  }\n}\n\nclass TransformState {\n  constructor (stream) {\n    this.data = null\n    this.afterTransform = afterTransform.bind(stream)\n    this.afterFinal = null\n  }\n}\n\nclass Pipeline {\n  constructor (src, dst, cb) {\n    this.from = src\n    this.to = dst\n    this.afterPipe = cb\n    this.error = null\n    this.pipeToFinished = false\n  }\n\n  finished () {\n    this.pipeToFinished = true\n  }\n\n  done (stream, err) {\n    if (err) this.error = err\n\n    if (stream === this.to) {\n      this.to = null\n\n      if (this.from !== null) {\n        if ((this.from._duplexState & READ_DONE) === 0 || !this.pipeToFinished) {\n          this.from.destroy(this.error || new Error('Writable stream closed prematurely'))\n        }\n        return\n      }\n    }\n\n    if (stream === this.from) {\n      this.from = null\n\n      if (this.to !== null) {\n        if ((stream._duplexState & READ_DONE) === 0) {\n          this.to.destroy(this.error || new Error('Readable stream closed before ending'))\n        }\n        return\n      }\n    }\n\n    if (this.afterPipe !== null) this.afterPipe(this.error)\n    this.to = this.from = this.afterPipe = null\n  }\n}\n\nfunction afterDrain () {\n  this.stream._duplexState |= READ_PIPE_DRAINED\n  this.updateCallback()\n}\n\nfunction afterFinal (err) {\n  const stream = this.stream\n  if (err) stream.destroy(err)\n  if ((stream._duplexState & DESTROY_STATUS) === 0) {\n    stream._duplexState |= WRITE_DONE\n    stream.emit('finish')\n  }\n  if ((stream._duplexState & AUTO_DESTROY) === DONE) {\n    stream._duplexState |= DESTROYING\n  }\n\n  stream._duplexState &= WRITE_NOT_FINISHING\n\n  // no need to wait the extra tick here, so we short circuit that\n  if ((stream._duplexState & WRITE_UPDATING) === 0) this.update()\n  else this.updateNextTick()\n}\n\nfunction afterDestroy (err) {\n  const stream = this.stream\n\n  if (!err && this.error !== STREAM_DESTROYED) err = this.error\n  if (err) stream.emit('error', err)\n  stream._duplexState |= DESTROYED\n  stream.emit('close')\n\n  const rs = stream._readableState\n  const ws = stream._writableState\n\n  if (rs !== null && rs.pipeline !== null) rs.pipeline.done(stream, err)\n\n  if (ws !== null) {\n    while (ws.drains !== null && ws.drains.length > 0) ws.drains.shift().resolve(false)\n    if (ws.pipeline !== null) ws.pipeline.done(stream, err)\n  }\n}\n\nfunction afterWrite (err) {\n  const stream = this.stream\n\n  if (err) stream.destroy(err)\n  stream._duplexState &= WRITE_NOT_ACTIVE\n\n  if (this.drains !== null) tickDrains(this.drains)\n\n  if ((stream._duplexState & WRITE_DRAIN_STATUS) === WRITE_UNDRAINED) {\n    stream._duplexState &= WRITE_DRAINED\n    if ((stream._duplexState & WRITE_EMIT_DRAIN) === WRITE_EMIT_DRAIN) {\n      stream.emit('drain')\n    }\n  }\n\n  this.updateCallback()\n}\n\nfunction afterRead (err) {\n  if (err) this.stream.destroy(err)\n  this.stream._duplexState &= READ_NOT_ACTIVE\n  if (this.readAhead === false && (this.stream._duplexState & READ_RESUMED) === 0) this.stream._duplexState &= READ_NO_READ_AHEAD\n  this.updateCallback()\n}\n\nfunction updateReadNT () {\n  if ((this.stream._duplexState & READ_UPDATING) === 0) {\n    this.stream._duplexState &= READ_NOT_NEXT_TICK\n    this.update()\n  }\n}\n\nfunction updateWriteNT () {\n  if ((this.stream._duplexState & WRITE_UPDATING) === 0) {\n    this.stream._duplexState &= WRITE_NOT_NEXT_TICK\n    this.update()\n  }\n}\n\nfunction tickDrains (drains) {\n  for (let i = 0; i < drains.length; i++) {\n    // drains.writes are monotonic, so if one is 0 its always the first one\n    if (--drains[i].writes === 0) {\n      drains.shift().resolve(true)\n      i--\n    }\n  }\n}\n\nfunction afterOpen (err) {\n  const stream = this.stream\n\n  if (err) stream.destroy(err)\n\n  if ((stream._duplexState & DESTROYING) === 0) {\n    if ((stream._duplexState & READ_PRIMARY_STATUS) === 0) stream._duplexState |= READ_PRIMARY\n    if ((stream._duplexState & WRITE_PRIMARY_STATUS) === 0) stream._duplexState |= WRITE_PRIMARY\n    stream.emit('open')\n  }\n\n  stream._duplexState &= NOT_ACTIVE\n\n  if (stream._writableState !== null) {\n    stream._writableState.updateCallback()\n  }\n\n  if (stream._readableState !== null) {\n    stream._readableState.updateCallback()\n  }\n}\n\nfunction afterTransform (err, data) {\n  if (data !== undefined && data !== null) this.push(data)\n  this._writableState.afterWrite(err)\n}\n\nfunction newListener (name) {\n  if (this._readableState !== null) {\n    if (name === 'data') {\n      this._duplexState |= (READ_EMIT_DATA | READ_RESUMED_READ_AHEAD)\n      this._readableState.updateNextTick()\n    }\n    if (name === 'readable') {\n      this._duplexState |= READ_EMIT_READABLE\n      this._readableState.updateNextTick()\n    }\n  }\n\n  if (this._writableState !== null) {\n    if (name === 'drain') {\n      this._duplexState |= WRITE_EMIT_DRAIN\n      this._writableState.updateNextTick()\n    }\n  }\n}\n\nclass Stream extends EventEmitter {\n  constructor (opts) {\n    super()\n\n    this._duplexState = 0\n    this._readableState = null\n    this._writableState = null\n\n    if (opts) {\n      if (opts.open) this._open = opts.open\n      if (opts.destroy) this._destroy = opts.destroy\n      if (opts.predestroy) this._predestroy = opts.predestroy\n      if (opts.signal) {\n        opts.signal.addEventListener('abort', abort.bind(this))\n      }\n    }\n\n    this.on('newListener', newListener)\n  }\n\n  _open (cb) {\n    cb(null)\n  }\n\n  _destroy (cb) {\n    cb(null)\n  }\n\n  _predestroy () {\n    // does nothing\n  }\n\n  get readable () {\n    return this._readableState !== null ? true : undefined\n  }\n\n  get writable () {\n    return this._writableState !== null ? true : undefined\n  }\n\n  get destroyed () {\n    return (this._duplexState & DESTROYED) !== 0\n  }\n\n  get destroying () {\n    return (this._duplexState & DESTROY_STATUS) !== 0\n  }\n\n  destroy (err) {\n    if ((this._duplexState & DESTROY_STATUS) === 0) {\n      if (!err) err = STREAM_DESTROYED\n      this._duplexState = (this._duplexState | DESTROYING) & NON_PRIMARY\n\n      if (this._readableState !== null) {\n        this._readableState.highWaterMark = 0\n        this._readableState.error = err\n      }\n      if (this._writableState !== null) {\n        this._writableState.highWaterMark = 0\n        this._writableState.error = err\n      }\n\n      this._duplexState |= PREDESTROYING\n      this._predestroy()\n      this._duplexState &= NOT_PREDESTROYING\n\n      if (this._readableState !== null) this._readableState.updateNextTick()\n      if (this._writableState !== null) this._writableState.updateNextTick()\n    }\n  }\n}\n\nclass Readable extends Stream {\n  constructor (opts) {\n    super(opts)\n\n    this._duplexState |= OPENING | WRITE_DONE | READ_READ_AHEAD\n    this._readableState = new ReadableState(this, opts)\n\n    if (opts) {\n      if (this._readableState.readAhead === false) this._duplexState &= READ_NO_READ_AHEAD\n      if (opts.read) this._read = opts.read\n      if (opts.eagerOpen) this._readableState.updateNextTick()\n      if (opts.encoding) this.setEncoding(opts.encoding)\n    }\n  }\n\n  setEncoding (encoding) {\n    const dec = new TextDecoder(encoding)\n    const map = this._readableState.map || echo\n    this._readableState.map = mapOrSkip\n    return this\n\n    function mapOrSkip (data) {\n      const next = dec.push(data)\n      return next === '' && (data.byteLength !== 0 || dec.remaining > 0) ? null : map(next)\n    }\n  }\n\n  _read (cb) {\n    cb(null)\n  }\n\n  pipe (dest, cb) {\n    this._readableState.updateNextTick()\n    this._readableState.pipe(dest, cb)\n    return dest\n  }\n\n  read () {\n    this._readableState.updateNextTick()\n    return this._readableState.read()\n  }\n\n  push (data) {\n    this._readableState.updateNextTick()\n    return this._readableState.push(data)\n  }\n\n  unshift (data) {\n    this._readableState.updateNextTick()\n    return this._readableState.unshift(data)\n  }\n\n  resume () {\n    this._duplexState |= READ_RESUMED_READ_AHEAD\n    this._readableState.updateNextTick()\n    return this\n  }\n\n  pause () {\n    this._duplexState &= (this._readableState.readAhead === false ? READ_PAUSED_NO_READ_AHEAD : READ_PAUSED)\n    return this\n  }\n\n  static _fromAsyncIterator (ite, opts) {\n    let destroy\n\n    const rs = new Readable({\n      ...opts,\n      read (cb) {\n        ite.next().then(push).then(cb.bind(null, null)).catch(cb)\n      },\n      predestroy () {\n        destroy = ite.return()\n      },\n      destroy (cb) {\n        if (!destroy) return cb(null)\n        destroy.then(cb.bind(null, null)).catch(cb)\n      }\n    })\n\n    return rs\n\n    function push (data) {\n      if (data.done) rs.push(null)\n      else rs.push(data.value)\n    }\n  }\n\n  static from (data, opts) {\n    if (isReadStreamx(data)) return data\n    if (data[asyncIterator]) return this._fromAsyncIterator(data[asyncIterator](), opts)\n    if (!Array.isArray(data)) data = data === undefined ? [] : [data]\n\n    let i = 0\n    return new Readable({\n      ...opts,\n      read (cb) {\n        this.push(i === data.length ? null : data[i++])\n        cb(null)\n      }\n    })\n  }\n\n  static isBackpressured (rs) {\n    return (rs._duplexState & READ_BACKPRESSURE_STATUS) !== 0 || rs._readableState.buffered >= rs._readableState.highWaterMark\n  }\n\n  static isPaused (rs) {\n    return (rs._duplexState & READ_RESUMED) === 0\n  }\n\n  [asyncIterator] () {\n    const stream = this\n\n    let error = null\n    let promiseResolve = null\n    let promiseReject = null\n\n    this.on('error', (err) => { error = err })\n    this.on('readable', onreadable)\n    this.on('close', onclose)\n\n    return {\n      [asyncIterator] () {\n        return this\n      },\n      next () {\n        return new Promise(function (resolve, reject) {\n          promiseResolve = resolve\n          promiseReject = reject\n          const data = stream.read()\n          if (data !== null) ondata(data)\n          else if ((stream._duplexState & DESTROYED) !== 0) ondata(null)\n        })\n      },\n      return () {\n        return destroy(null)\n      },\n      throw (err) {\n        return destroy(err)\n      }\n    }\n\n    function onreadable () {\n      if (promiseResolve !== null) ondata(stream.read())\n    }\n\n    function onclose () {\n      if (promiseResolve !== null) ondata(null)\n    }\n\n    function ondata (data) {\n      if (promiseReject === null) return\n      if (error) promiseReject(error)\n      else if (data === null && (stream._duplexState & READ_DONE) === 0) promiseReject(STREAM_DESTROYED)\n      else promiseResolve({ value: data, done: data === null })\n      promiseReject = promiseResolve = null\n    }\n\n    function destroy (err) {\n      stream.destroy(err)\n      return new Promise((resolve, reject) => {\n        if (stream._duplexState & DESTROYED) return resolve({ value: undefined, done: true })\n        stream.once('close', function () {\n          if (err) reject(err)\n          else resolve({ value: undefined, done: true })\n        })\n      })\n    }\n  }\n}\n\nclass Writable extends Stream {\n  constructor (opts) {\n    super(opts)\n\n    this._duplexState |= OPENING | READ_DONE\n    this._writableState = new WritableState(this, opts)\n\n    if (opts) {\n      if (opts.writev) this._writev = opts.writev\n      if (opts.write) this._write = opts.write\n      if (opts.final) this._final = opts.final\n      if (opts.eagerOpen) this._writableState.updateNextTick()\n    }\n  }\n\n  cork () {\n    this._duplexState |= WRITE_CORKED\n  }\n\n  uncork () {\n    this._duplexState &= WRITE_NOT_CORKED\n    this._writableState.updateNextTick()\n  }\n\n  _writev (batch, cb) {\n    cb(null)\n  }\n\n  _write (data, cb) {\n    this._writableState.autoBatch(data, cb)\n  }\n\n  _final (cb) {\n    cb(null)\n  }\n\n  static isBackpressured (ws) {\n    return (ws._duplexState & WRITE_BACKPRESSURE_STATUS) !== 0\n  }\n\n  static drained (ws) {\n    if (ws.destroyed) return Promise.resolve(false)\n    const state = ws._writableState\n    const pending = (isWritev(ws) ? Math.min(1, state.queue.length) : state.queue.length)\n    const writes = pending + ((ws._duplexState & WRITE_WRITING) ? 1 : 0)\n    if (writes === 0) return Promise.resolve(true)\n    if (state.drains === null) state.drains = []\n    return new Promise((resolve) => {\n      state.drains.push({ writes, resolve })\n    })\n  }\n\n  write (data) {\n    this._writableState.updateNextTick()\n    return this._writableState.push(data)\n  }\n\n  end (data) {\n    this._writableState.updateNextTick()\n    this._writableState.end(data)\n    return this\n  }\n}\n\nclass Duplex extends Readable { // and Writable\n  constructor (opts) {\n    super(opts)\n\n    this._duplexState = OPENING | (this._duplexState & READ_READ_AHEAD)\n    this._writableState = new WritableState(this, opts)\n\n    if (opts) {\n      if (opts.writev) this._writev = opts.writev\n      if (opts.write) this._write = opts.write\n      if (opts.final) this._final = opts.final\n    }\n  }\n\n  cork () {\n    this._duplexState |= WRITE_CORKED\n  }\n\n  uncork () {\n    this._duplexState &= WRITE_NOT_CORKED\n    this._writableState.updateNextTick()\n  }\n\n  _writev (batch, cb) {\n    cb(null)\n  }\n\n  _write (data, cb) {\n    this._writableState.autoBatch(data, cb)\n  }\n\n  _final (cb) {\n    cb(null)\n  }\n\n  write (data) {\n    this._writableState.updateNextTick()\n    return this._writableState.push(data)\n  }\n\n  end (data) {\n    this._writableState.updateNextTick()\n    this._writableState.end(data)\n    return this\n  }\n}\n\nclass Transform extends Duplex {\n  constructor (opts) {\n    super(opts)\n    this._transformState = new TransformState(this)\n\n    if (opts) {\n      if (opts.transform) this._transform = opts.transform\n      if (opts.flush) this._flush = opts.flush\n    }\n  }\n\n  _write (data, cb) {\n    if (this._readableState.buffered >= this._readableState.highWaterMark) {\n      this._transformState.data = data\n    } else {\n      this._transform(data, this._transformState.afterTransform)\n    }\n  }\n\n  _read (cb) {\n    if (this._transformState.data !== null) {\n      const data = this._transformState.data\n      this._transformState.data = null\n      cb(null)\n      this._transform(data, this._transformState.afterTransform)\n    } else {\n      cb(null)\n    }\n  }\n\n  destroy (err) {\n    super.destroy(err)\n    if (this._transformState.data !== null) {\n      this._transformState.data = null\n      this._transformState.afterTransform()\n    }\n  }\n\n  _transform (data, cb) {\n    cb(null, data)\n  }\n\n  _flush (cb) {\n    cb(null)\n  }\n\n  _final (cb) {\n    this._transformState.afterFinal = cb\n    this._flush(transformAfterFlush.bind(this))\n  }\n}\n\nclass PassThrough extends Transform {}\n\nfunction transformAfterFlush (err, data) {\n  const cb = this._transformState.afterFinal\n  if (err) return cb(err)\n  if (data !== null && data !== undefined) this.push(data)\n  this.push(null)\n  cb(null)\n}\n\nfunction pipelinePromise (...streams) {\n  return new Promise((resolve, reject) => {\n    return pipeline(...streams, (err) => {\n      if (err) return reject(err)\n      resolve()\n    })\n  })\n}\n\nfunction pipeline (stream, ...streams) {\n  const all = Array.isArray(stream) ? [...stream, ...streams] : [stream, ...streams]\n  const done = (all.length && typeof all[all.length - 1] === 'function') ? all.pop() : null\n\n  if (all.length < 2) throw new Error('Pipeline requires at least 2 streams')\n\n  let src = all[0]\n  let dest = null\n  let error = null\n\n  for (let i = 1; i < all.length; i++) {\n    dest = all[i]\n\n    if (isStreamx(src)) {\n      src.pipe(dest, onerror)\n    } else {\n      errorHandle(src, true, i > 1, onerror)\n      src.pipe(dest)\n    }\n\n    src = dest\n  }\n\n  if (done) {\n    let fin = false\n\n    const autoDestroy = isStreamx(dest) || !!(dest._writableState && dest._writableState.autoDestroy)\n\n    dest.on('error', (err) => {\n      if (error === null) error = err\n    })\n\n    dest.on('finish', () => {\n      fin = true\n      if (!autoDestroy) done(error)\n    })\n\n    if (autoDestroy) {\n      dest.on('close', () => done(error || (fin ? null : PREMATURE_CLOSE)))\n    }\n  }\n\n  return dest\n\n  function errorHandle (s, rd, wr, onerror) {\n    s.on('error', onerror)\n    s.on('close', onclose)\n\n    function onclose () {\n      if (rd && s._readableState && !s._readableState.ended) return onerror(PREMATURE_CLOSE)\n      if (wr && s._writableState && !s._writableState.ended) return onerror(PREMATURE_CLOSE)\n    }\n  }\n\n  function onerror (err) {\n    if (!err || error) return\n    error = err\n\n    for (const s of all) {\n      s.destroy(err)\n    }\n  }\n}\n\nfunction echo (s) {\n  return s\n}\n\nfunction isStream (stream) {\n  return !!stream._readableState || !!stream._writableState\n}\n\nfunction isStreamx (stream) {\n  return typeof stream._duplexState === 'number' && isStream(stream)\n}\n\nfunction isEnded (stream) {\n  return !!stream._readableState && stream._readableState.ended\n}\n\nfunction isFinished (stream) {\n  return !!stream._writableState && stream._writableState.ended\n}\n\nfunction getStreamError (stream, opts = {}) {\n  const err = (stream._readableState && stream._readableState.error) || (stream._writableState && stream._writableState.error)\n\n  // avoid implicit errors by default\n  return (!opts.all && err === STREAM_DESTROYED) ? null : err\n}\n\nfunction isReadStreamx (stream) {\n  return isStreamx(stream) && stream.readable\n}\n\nfunction isTypedArray (data) {\n  return typeof data === 'object' && data !== null && typeof data.byteLength === 'number'\n}\n\nfunction defaultByteLength (data) {\n  return isTypedArray(data) ? data.byteLength : 1024\n}\n\nfunction noop () {}\n\nfunction abort () {\n  this.destroy(new Error('Stream aborted.'))\n}\n\nfunction isWritev (s) {\n  return s._writev !== Writable.prototype._writev && s._writev !== Duplex.prototype._writev\n}\n\nmodule.exports = {\n  pipeline,\n  pipelinePromise,\n  isStream,\n  isStreamx,\n  isEnded,\n  isFinished,\n  getStreamError,\n  Stream,\n  Writable,\n  Readable,\n  Duplex,\n  Transform,\n  // Export PassThrough for compatibility with Node.js core's stream module\n  PassThrough\n}\n","const PassThroughDecoder = require('./lib/pass-through-decoder')\nconst UTF8Decoder = require('./lib/utf8-decoder')\n\nmodule.exports = class TextDecoder {\n  constructor (encoding = 'utf8') {\n    this.encoding = normalizeEncoding(encoding)\n\n    switch (this.encoding) {\n      case 'utf8':\n        this.decoder = new UTF8Decoder()\n        break\n      case 'utf16le':\n      case 'base64':\n        throw new Error('Unsupported encoding: ' + this.encoding)\n      default:\n        this.decoder = new PassThroughDecoder(this.encoding)\n    }\n  }\n\n  get remaining () {\n    return this.decoder.remaining\n  }\n\n  push (data) {\n    if (typeof data === 'string') return data\n    return this.decoder.decode(data)\n  }\n\n  // For Node.js compatibility\n  write (data) {\n    return this.push(data)\n  }\n\n  end (data) {\n    let result = ''\n    if (data) result = this.push(data)\n    result += this.decoder.flush()\n    return result\n  }\n}\n\nfunction normalizeEncoding (encoding) {\n  encoding = encoding.toLowerCase()\n\n  switch (encoding) {\n    case 'utf8':\n    case 'utf-8':\n      return 'utf8'\n    case 'ucs2':\n    case 'ucs-2':\n    case 'utf16le':\n    case 'utf-16le':\n      return 'utf16le'\n    case 'latin1':\n    case 'binary':\n      return 'latin1'\n    case 'base64':\n    case 'ascii':\n    case 'hex':\n      return encoding\n    default:\n      throw new Error('Unknown encoding: ' + encoding)\n  }\n};\n","module.exports = class BrowserDecoder {\n  constructor (encoding) {\n    this.decoder = new TextDecoder(encoding === 'utf16le' ? 'utf16-le' : encoding)\n  }\n\n  get remaining () {\n    return -1\n  }\n\n  decode (data) {\n    return this.decoder.decode(data, { stream: true })\n  }\n\n  flush () {\n    return this.decoder.decode(new Uint8Array(0))\n  }\n}\n","const maxTick = 65535\r\nconst resolution = 10\r\nconst timeDiff = 1000 / resolution\r\nfunction getTick (start) {\r\n  return (+Date.now() - start) / timeDiff & 65535\r\n}\r\n\r\nmodule.exports = function (seconds) {\r\n  const start = +Date.now()\r\n\r\n  const size = resolution * (seconds || 5)\r\n  const buffer = [0]\r\n  let pointer = 1\r\n  let last = (getTick(start) - 1) & maxTick\r\n\r\n  return function (delta) {\r\n    const tick = getTick(start)\r\n    let dist = (tick - last) & maxTick\r\n    if (dist > size) dist = size\r\n    last = tick\r\n\r\n    while (dist--) {\r\n      if (pointer === size) pointer = 0\r\n      buffer[pointer] = buffer[pointer === 0 ? size - 1 : pointer - 1]\r\n      pointer++\r\n    }\r\n\r\n    if (delta) buffer[pointer - 1] += delta\r\n\r\n    const top = buffer[pointer - 1]\r\n    const btm = buffer.length < size ? 0 : buffer[pointer === size ? 0 : pointer]\r\n\r\n    return buffer.length < resolution ? top : (top - btm) * resolution / buffer.length\r\n  }\r\n}\r\n","module.exports = remove\n\nfunction remove (arr, i) {\n  if (i >= arr.length || i < 0) return\n  var last = arr.pop()\n  if (i < arr.length) {\n    var tmp = arr[i]\n    arr[i] = last\n    return tmp\n  }\n  return last\n}\n","// Returns a wrapper function that returns a wrapped callback\n// The wrapper function should do some stuff, and return a\n// presumably different callback function.\n// This makes sure that own properties are retained, so that\n// decorations and such are not lost along the way.\nmodule.exports = wrappy\nfunction wrappy (fn, cb) {\n  if (fn && cb) return wrappy(fn)(cb)\n\n  if (typeof fn !== 'function')\n    throw new TypeError('need wrapper function')\n\n  Object.keys(fn).forEach(function (k) {\n    wrapper[k] = fn[k]\n  })\n\n  return wrapper\n\n  function wrapper() {\n    var args = new Array(arguments.length)\n    for (var i = 0; i < args.length; i++) {\n      args[i] = arguments[i]\n    }\n    var ret = fn.apply(this, args)\n    var cb = args[args.length-1]\n    if (typeof ret === 'function' && ret !== cb) {\n      Object.keys(cb).forEach(function (k) {\n        ret[k] = cb[k]\n      })\n    }\n    return ret\n  }\n}\n","// Exports package.json to work around \"with\" and \"assert\" for backwards compatability.\nmodule.exports = require('./package.json').version\n","import EventEmitter from 'events'\nimport { Transform, pipeline } from 'streamx'\nimport arrayRemove from 'unordered-array-remove'\nimport debugFactory from 'debug'\nimport Wire from 'bittorrent-protocol'\n\nconst CONNECT_TIMEOUT_TCP = 5_000\nconst CONNECT_TIMEOUT_UTP = 5_000\nconst CONNECT_TIMEOUT_WEBRTC = 25_000\nconst HANDSHAKE_TIMEOUT = 25_000\n\n// Types of peers\nconst TYPE_TCP_INCOMING = 'tcpIncoming'\nconst TYPE_TCP_OUTGOING = 'tcpOutgoing'\nconst TYPE_UTP_INCOMING = 'utpIncoming'\nconst TYPE_UTP_OUTGOING = 'utpOutgoing'\nconst TYPE_WEBRTC = 'webrtc'\nconst TYPE_WEBSEED = 'webSeed'\n\n// Source used to obtain the peer\nconst SOURCE_MANUAL = 'manual'\nconst SOURCE_TRACKER = 'tracker'\nconst SOURCE_DHT = 'dht'\nconst SOURCE_LSD = 'lsd'\nconst SOURCE_UT_PEX = 'ut_pex'\n\nconst debug = debugFactory('webtorrent:peer')\n\nlet secure = false\n\nexport const enableSecure = () => {\n  secure = true\n}\n\n/**\n * Peer. Represents a peer in the torrent swarm.\n *\n * @param {string} id \"ip:port\" string, peer id (for WebRTC peers), or url (for Web Seeds)\n * @param {string} type the type of the peer\n */\nexport default class Peer extends EventEmitter {\n  constructor (id, type) {\n    super()\n\n    this.id = id\n    this.type = type\n\n    debug('new %s Peer %s', type, id)\n\n    this.addr = null\n    this.conn = null\n    this.swarm = null\n    this.wire = null\n    this.source = null\n\n    this.connected = false\n    this.destroyed = false\n    this.timeout = null // handshake timeout\n    this.retries = 0 // outgoing TCP connection retry count\n\n    this.sentPe1 = false\n    this.sentPe2 = false\n    this.sentPe3 = false\n    this.sentPe4 = false\n    this.sentHandshake = false\n  }\n\n  /**\n   * Called once the peer is connected (i.e. fired 'connect' event)\n   * @param {Socket} conn\n   */\n  onConnect () {\n    if (this.destroyed) return\n    this.connected = true\n\n    debug('Peer %s connected', this.id)\n\n    clearTimeout(this.connectTimeout)\n\n    const conn = this.conn\n    conn.once('end', () => {\n      this.destroy()\n    })\n    conn.once('close', () => {\n      this.destroy()\n    })\n    conn.once('finish', () => {\n      this.destroy()\n    })\n    conn.once('error', err => {\n      this.destroy(err)\n    })\n\n    const wire = this.wire = new Wire(this.type, this.retries, secure)\n\n    wire.once('end', () => {\n      this.destroy()\n    })\n    wire.once('close', () => {\n      this.destroy()\n    })\n    wire.once('finish', () => {\n      this.destroy()\n    })\n    wire.once('error', err => {\n      this.destroy(err)\n    })\n\n    wire.once('pe1', () => {\n      this.onPe1()\n    })\n    wire.once('pe2', () => {\n      this.onPe2()\n    })\n    wire.once('pe3', () => {\n      this.onPe3()\n    })\n    wire.once('pe4', () => {\n      this.onPe4()\n    })\n    wire.once('handshake', (infoHash, peerId) => {\n      this.onHandshake(infoHash, peerId)\n    })\n    this.startHandshakeTimeout()\n\n    this.setThrottlePipes()\n\n    if (this.swarm) {\n      if (this.type === 'tcpOutgoing') {\n        if (secure && this.retries === 0 && !this.sentPe1) this.sendPe1()\n        else if (!this.sentHandshake) this.handshake()\n      } else if (this.type !== 'tcpIncoming' && !this.sentHandshake) this.handshake()\n    }\n  }\n\n  sendPe1 () {\n    this.wire.sendPe1()\n    this.sentPe1 = true\n  }\n\n  onPe1 () {\n    this.sendPe2()\n  }\n\n  sendPe2 () {\n    this.wire.sendPe2()\n    this.sentPe2 = true\n  }\n\n  onPe2 () {\n    this.sendPe3()\n  }\n\n  sendPe3 () {\n    this.wire.sendPe3(this.swarm.infoHash)\n    this.sentPe3 = true\n  }\n\n  onPe3 (infoHashHash) {\n    if (this.swarm) {\n      if (this.swarm.infoHashHash !== infoHashHash) {\n        this.destroy(new Error('unexpected crypto handshake info hash for this swarm'))\n      }\n      this.sendPe4()\n    }\n  }\n\n  sendPe4 () {\n    this.wire.sendPe4(this.swarm.infoHash)\n    this.sentPe4 = true\n  }\n\n  onPe4 () {\n    if (!this.sentHandshake) this.handshake()\n  }\n\n  clearPipes () {\n    this.conn.unpipe()\n    this.wire.unpipe()\n  }\n\n  setThrottlePipes () {\n    const self = this\n    pipeline(\n      this.conn,\n      this.throttleGroups.down.throttle(),\n      new Transform({\n        transform (chunk, callback) {\n          self.emit('download', chunk.length)\n          if (self.destroyed) return\n          callback(null, chunk)\n        }\n      }),\n      this.wire,\n      this.throttleGroups.up.throttle(),\n      new Transform({\n        transform (chunk, callback) {\n          self.emit('upload', chunk.length)\n          if (self.destroyed) return\n          callback(null, chunk)\n        }\n      }),\n      this.conn\n    )\n  }\n\n  /**\n   * Called when handshake is received from remote peer.\n   * @param {string} infoHash\n   * @param {string} peerId\n   */\n  onHandshake (infoHash, peerId) {\n    if (!this.swarm) return // `this.swarm` not set yet, so do nothing\n    if (this.destroyed) return\n\n    if (this.swarm.destroyed) {\n      return this.destroy(new Error('swarm already destroyed'))\n    }\n    if (infoHash !== this.swarm.infoHash) {\n      return this.destroy(new Error('unexpected handshake info hash for this swarm'))\n    }\n    if (peerId === this.swarm.peerId) {\n      return this.destroy(new Error('refusing to connect to ourselves'))\n    }\n\n    debug('Peer %s got handshake %s', this.id, infoHash)\n\n    clearTimeout(this.handshakeTimeout)\n\n    this.retries = 0\n\n    let addr = this.addr\n    if (!addr && this.conn.remoteAddress && this.conn.remotePort) {\n      addr = `${this.conn.remoteAddress}:${this.conn.remotePort}`\n    }\n    this.swarm._onWire(this.wire, addr)\n\n    // swarm could be destroyed in user's 'wire' event handler\n    if (!this.swarm || this.swarm.destroyed) return\n\n    if (!this.sentHandshake) this.handshake()\n  }\n\n  handshake () {\n    const opts = {\n      dht: this.swarm.private ? false : !!this.swarm.client.dht,\n      fast: true\n    }\n    this.wire.handshake(this.swarm.infoHash, this.swarm.client.peerId, opts)\n    this.sentHandshake = true\n  }\n\n  startConnectTimeout () {\n    clearTimeout(this.connectTimeout)\n\n    const connectTimeoutValues = {\n      webrtc: CONNECT_TIMEOUT_WEBRTC,\n      tcpOutgoing: CONNECT_TIMEOUT_TCP,\n      utpOutgoing: CONNECT_TIMEOUT_UTP\n    }\n\n    this.connectTimeout = setTimeout(() => {\n      this.destroy(new Error('connect timeout'))\n    }, connectTimeoutValues[this.type])\n    if (this.connectTimeout.unref) this.connectTimeout.unref()\n  }\n\n  startHandshakeTimeout () {\n    clearTimeout(this.handshakeTimeout)\n    this.handshakeTimeout = setTimeout(() => {\n      this.destroy(new Error('handshake timeout'))\n    }, HANDSHAKE_TIMEOUT)\n    if (this.handshakeTimeout.unref) this.handshakeTimeout.unref()\n  }\n\n  destroy (err) {\n    if (this.destroyed) return\n    this.destroyed = true\n    this.connected = false\n\n    debug('destroy %s %s (error: %s)', this.type, this.id, err && (err.message || err))\n\n    clearTimeout(this.connectTimeout)\n    clearTimeout(this.handshakeTimeout)\n\n    const swarm = this.swarm\n    const conn = this.conn\n    const wire = this.wire\n\n    this.swarm = null\n    this.conn = null\n    this.wire = null\n\n    if (swarm && wire) {\n      arrayRemove(swarm.wires, swarm.wires.indexOf(wire))\n    }\n    if (conn) {\n      conn.on('error', () => {})\n      conn.destroy()\n    }\n    if (wire) wire.destroy()\n    if (swarm) swarm.removePeer(this.id)\n  }\n}\n\nPeer.TYPE_TCP_INCOMING = TYPE_TCP_INCOMING\nPeer.TYPE_TCP_OUTGOING = TYPE_TCP_OUTGOING\nPeer.TYPE_UTP_INCOMING = TYPE_UTP_INCOMING\nPeer.TYPE_UTP_OUTGOING = TYPE_UTP_OUTGOING\nPeer.TYPE_WEBRTC = TYPE_WEBRTC\nPeer.TYPE_WEBSEED = TYPE_WEBSEED\n\nPeer.SOURCE_MANUAL = SOURCE_MANUAL\nPeer.SOURCE_TRACKER = SOURCE_TRACKER\nPeer.SOURCE_DHT = SOURCE_DHT\nPeer.SOURCE_LSD = SOURCE_LSD\nPeer.SOURCE_UT_PEX = SOURCE_UT_PEX\n\n/**\n * WebRTC peer connections start out connected, because WebRTC peers require an\n * \"introduction\" (i.e. WebRTC signaling), and there's no equivalent to an IP address\n * that lets you refer to a WebRTC endpoint.\n */\nPeer.createWebRTCPeer = (conn, swarm, throttleGroups) => {\n  const peer = new Peer(conn.id, 'webrtc')\n  peer.conn = conn\n  peer.swarm = swarm\n  peer.throttleGroups = throttleGroups\n\n  if (peer.conn.connected) {\n    peer.onConnect()\n  } else {\n    const cleanup = () => {\n      peer.conn.removeListener('connect', onConnect)\n      peer.conn.removeListener('error', onError)\n    }\n    const onConnect = () => {\n      cleanup()\n      peer.onConnect()\n    }\n    const onError = err => {\n      cleanup()\n      peer.destroy(err)\n    }\n    peer.conn.once('connect', onConnect)\n    peer.conn.once('error', onError)\n    peer.startConnectTimeout()\n  }\n\n  return peer\n}\n\n/**\n * Incoming TCP peers start out connected, because the remote peer connected to the\n * listening port of the TCP server. Until the remote peer sends a handshake, we don't\n * know what swarm the connection is intended for.\n */\nPeer.createTCPIncomingPeer = (conn, throttleGroups) => {\n  return Peer._createIncomingPeer(conn, TYPE_TCP_INCOMING, throttleGroups)\n}\n\n/**\n * Incoming uTP peers start out connected, because the remote peer connected to the\n * listening port of the uTP server. Until the remote peer sends a handshake, we don't\n * know what swarm the connection is intended for.\n */\nPeer.createUTPIncomingPeer = (conn, throttleGroups) => {\n  return Peer._createIncomingPeer(conn, TYPE_UTP_INCOMING, throttleGroups)\n}\n\n/**\n * Outgoing TCP peers start out with just an IP address. At some point (when there is an\n * available connection), the client can attempt to connect to the address.\n */\nPeer.createTCPOutgoingPeer = (addr, swarm, throttleGroups) => {\n  return Peer._createOutgoingPeer(addr, swarm, TYPE_TCP_OUTGOING, throttleGroups)\n}\n\n/**\n * Outgoing uTP peers start out with just an IP address. At some point (when there is an\n * available connection), the client can attempt to connect to the address.\n */\nPeer.createUTPOutgoingPeer = (addr, swarm, throttleGroups) => {\n  return Peer._createOutgoingPeer(addr, swarm, TYPE_UTP_OUTGOING, throttleGroups)\n}\n\nPeer._createIncomingPeer = (conn, type, throttleGroups) => {\n  const addr = `${conn.remoteAddress}:${conn.remotePort}`\n  const peer = new Peer(addr, type)\n  peer.conn = conn\n  peer.addr = addr\n  peer.throttleGroups = throttleGroups\n\n  peer.onConnect()\n\n  return peer\n}\n\nPeer._createOutgoingPeer = (addr, swarm, type, throttleGroups) => {\n  const peer = new Peer(addr, type)\n  peer.addr = addr\n  peer.swarm = swarm\n  peer.throttleGroups = throttleGroups\n\n  return peer\n}\n\n/**\n * Peer that represents a Web Seed (BEP17 / BEP19).\n */\n\nPeer.createWebSeedPeer = (conn, id, swarm, throttleGroups) => {\n  const peer = new Peer(id, TYPE_WEBSEED)\n\n  peer.swarm = swarm\n  peer.conn = conn\n  peer.throttleGroups = throttleGroups\n\n  peer.onConnect()\n\n  return peer\n}\n","export function digitCount (value) {\n  // Add a digit for negative numbers, as the sign will be prefixed\n  const sign = value < 0 ? 1 : 0\n  // Guard against negative numbers & zero going into log10(),\n  // as that would return -Infinity\n  value = Math.abs(Number(value || 1))\n  return Math.floor(Math.log10(value)) + 1 + sign\n}\n\nexport function getType (value) {\n  if (ArrayBuffer.isView(value)) return 'arraybufferview'\n  if (Array.isArray(value)) return 'array'\n  if (value instanceof Number) return 'number'\n  if (value instanceof Boolean) return 'boolean'\n  if (value instanceof Set) return 'set'\n  if (value instanceof Map) return 'map'\n  if (value instanceof String) return 'string'\n  if (value instanceof ArrayBuffer) return 'arraybuffer'\n  return typeof value\n}\n","import { concat, text2arr } from 'uint8-util'\nimport { getType } from './util.js'\n\n/**\n * Encodes data in bencode.\n *\n * @param  {Uint8Array|Array|String|Object|Number|Boolean} data\n * @return {Uint8Array}\n */\nfunction encode (data, buffer, offset) {\n  const buffers = []\n  let result = null\n\n  encode._encode(buffers, data)\n  result = concat(buffers)\n  encode.bytes = result.length\n\n  if (ArrayBuffer.isView(buffer)) {\n    buffer.set(result, offset)\n    return buffer\n  }\n\n  return result\n}\n\nencode.bytes = -1\nencode._floatConversionDetected = false\n\nencode._encode = function (buffers, data) {\n  if (data == null) { return }\n\n  switch (getType(data)) {\n    case 'object': encode.dict(buffers, data); break\n    case 'map': encode.dictMap(buffers, data); break\n    case 'array': encode.list(buffers, data); break\n    case 'set': encode.listSet(buffers, data); break\n    case 'string': encode.string(buffers, data); break\n    case 'number': encode.number(buffers, data); break\n    case 'boolean': encode.number(buffers, data); break\n    case 'arraybufferview': encode.buffer(buffers, new Uint8Array(data.buffer, data.byteOffset, data.byteLength)); break\n    case 'arraybuffer': encode.buffer(buffers, new Uint8Array(data)); break\n  }\n}\n\nconst buffE = new Uint8Array([0x65])\nconst buffD = new Uint8Array([0x64])\nconst buffL = new Uint8Array([0x6C])\n\nencode.buffer = function (buffers, data) {\n  buffers.push(text2arr(data.length + ':'), data)\n}\n\nencode.string = function (buffers, data) {\n  buffers.push(text2arr(text2arr(data).byteLength + ':' + data))\n}\n\nencode.number = function (buffers, data) {\n  if (Number.isInteger(data)) return buffers.push(text2arr('i' + BigInt(data) + 'e'))\n\n  const maxLo = 0x80000000\n  const hi = (data / maxLo) << 0\n  const lo = (data % maxLo) << 0\n  const val = hi * maxLo + lo\n\n  buffers.push(text2arr('i' + val + 'e'))\n\n  if (val !== data && !encode._floatConversionDetected) {\n    encode._floatConversionDetected = true\n    console.warn(\n      'WARNING: Possible data corruption detected with value \"' + data + '\":',\n      'Bencoding only defines support for integers, value was converted to \"' + val + '\"'\n    )\n    console.trace()\n  }\n}\n\nencode.dict = function (buffers, data) {\n  buffers.push(buffD)\n\n  let j = 0\n  let k\n  // fix for issue #13 - sorted dicts\n  const keys = Object.keys(data).sort()\n  const kl = keys.length\n\n  for (; j < kl; j++) {\n    k = keys[j]\n    if (data[k] == null) continue\n    encode.string(buffers, k)\n    encode._encode(buffers, data[k])\n  }\n\n  buffers.push(buffE)\n}\n\nencode.dictMap = function (buffers, data) {\n  buffers.push(buffD)\n\n  const keys = Array.from(data.keys()).sort()\n\n  for (const key of keys) {\n    if (data.get(key) == null) continue\n    ArrayBuffer.isView(key)\n      ? encode._encode(buffers, key)\n      : encode.string(buffers, String(key))\n    encode._encode(buffers, data.get(key))\n  }\n\n  buffers.push(buffE)\n}\n\nencode.list = function (buffers, data) {\n  let i = 0\n  const c = data.length\n  buffers.push(buffL)\n\n  for (; i < c; i++) {\n    if (data[i] == null) continue\n    encode._encode(buffers, data[i])\n  }\n\n  buffers.push(buffE)\n}\n\nencode.listSet = function (buffers, data) {\n  buffers.push(buffL)\n\n  for (const item of data) {\n    if (item == null) continue\n    encode._encode(buffers, item)\n  }\n\n  buffers.push(buffE)\n}\n\nexport default encode\n","import { arr2text, text2arr, arr2hex } from 'uint8-util'\n\nconst INTEGER_START = 0x69 // 'i'\nconst STRING_DELIM = 0x3A // ':'\nconst DICTIONARY_START = 0x64 // 'd'\nconst LIST_START = 0x6C // 'l'\nconst END_OF_TYPE = 0x65 // 'e'\n\n/**\n * replaces parseInt(buffer.toString('ascii', start, end)).\n * For strings with less then ~30 charachters, this is actually a lot faster.\n *\n * @param {Uint8Array} data\n * @param {Number} start\n * @param {Number} end\n * @return {Number} calculated number\n */\nfunction getIntFromBuffer (buffer, start, end) {\n  let sum = 0\n  let sign = 1\n\n  for (let i = start; i < end; i++) {\n    const num = buffer[i]\n\n    if (num < 58 && num >= 48) {\n      sum = sum * 10 + (num - 48)\n      continue\n    }\n\n    if (i === start && num === 43) { // +\n      continue\n    }\n\n    if (i === start && num === 45) { // -\n      sign = -1\n      continue\n    }\n\n    if (num === 46) { // .\n      // its a float. break here.\n      break\n    }\n\n    throw new Error('not a number: buffer[' + i + '] = ' + num)\n  }\n\n  return sum * sign\n}\n\n/**\n * Decodes bencoded data.\n *\n * @param  {Uint8Array} data\n * @param  {Number} start (optional)\n * @param  {Number} end (optional)\n * @param  {String} encoding (optional)\n * @return {Object|Array|Uint8Array|String|Number}\n */\nfunction decode (data, start, end, encoding) {\n  if (data == null || data.length === 0) {\n    return null\n  }\n\n  if (typeof start !== 'number' && encoding == null) {\n    encoding = start\n    start = undefined\n  }\n\n  if (typeof end !== 'number' && encoding == null) {\n    encoding = end\n    end = undefined\n  }\n\n  decode.position = 0\n  decode.encoding = encoding || null\n\n  decode.data = !(ArrayBuffer.isView(data))\n    ? text2arr(data)\n    : new Uint8Array(data.slice(start, end))\n\n  decode.bytes = decode.data.length\n\n  return decode.next()\n}\n\ndecode.bytes = 0\ndecode.position = 0\ndecode.data = null\ndecode.encoding = null\n\ndecode.next = function () {\n  switch (decode.data[decode.position]) {\n    case DICTIONARY_START:\n      return decode.dictionary()\n    case LIST_START:\n      return decode.list()\n    case INTEGER_START:\n      return decode.integer()\n    default:\n      return decode.buffer()\n  }\n}\n\ndecode.find = function (chr) {\n  let i = decode.position\n  const c = decode.data.length\n  const d = decode.data\n\n  while (i < c) {\n    if (d[i] === chr) return i\n    i++\n  }\n\n  throw new Error(\n    'Invalid data: Missing delimiter \"' +\n    String.fromCharCode(chr) + '\" [0x' +\n    chr.toString(16) + ']'\n  )\n}\n\ndecode.dictionary = function () {\n  decode.position++\n\n  const dict = {}\n\n  while (decode.data[decode.position] !== END_OF_TYPE) {\n    const buffer = decode.buffer()\n    let key = arr2text(buffer)\n    if (key.includes('\\uFFFD')) key = arr2hex(buffer)\n    dict[key] = decode.next()\n  }\n\n  decode.position++\n\n  return dict\n}\n\ndecode.list = function () {\n  decode.position++\n\n  const lst = []\n\n  while (decode.data[decode.position] !== END_OF_TYPE) {\n    lst.push(decode.next())\n  }\n\n  decode.position++\n\n  return lst\n}\n\ndecode.integer = function () {\n  const end = decode.find(END_OF_TYPE)\n  const number = getIntFromBuffer(decode.data, decode.position + 1, end)\n\n  decode.position += end + 1 - decode.position\n\n  return number\n}\n\ndecode.buffer = function () {\n  let sep = decode.find(STRING_DELIM)\n  const length = getIntFromBuffer(decode.data, decode.position, sep)\n  const end = ++sep + length\n\n  decode.position = end\n\n  return decode.encoding\n    ? arr2text(decode.data.slice(sep, end))\n    : decode.data.slice(sep, end)\n}\n\nexport default decode\n","import { text2arr } from 'uint8-util'\nimport { digitCount, getType } from './util.js'\n\nfunction listLength (list) {\n  let length = 1 + 1 // type marker + end-of-type marker\n\n  for (const value of list) {\n    length += encodingLength(value)\n  }\n\n  return length\n}\n\nfunction mapLength (map) {\n  let length = 1 + 1 // type marker + end-of-type marker\n\n  for (const [key, value] of map) {\n    const keyLength = text2arr(key).byteLength\n    length += digitCount(keyLength) + 1 + keyLength\n    length += encodingLength(value)\n  }\n\n  return length\n}\n\nfunction objectLength (value) {\n  let length = 1 + 1 // type marker + end-of-type marker\n  const keys = Object.keys(value)\n\n  for (let i = 0; i < keys.length; i++) {\n    const keyLength = text2arr(keys[i]).byteLength\n    length += digitCount(keyLength) + 1 + keyLength\n    length += encodingLength(value[keys[i]])\n  }\n\n  return length\n}\n\nfunction stringLength (value) {\n  const length = text2arr(value).byteLength\n  return digitCount(length) + 1 + length\n}\n\nfunction arrayBufferLength (value) {\n  const length = value.byteLength - value.byteOffset\n  return digitCount(length) + 1 + length\n}\n\nfunction encodingLength (value) {\n  const length = 0\n\n  if (value == null) return length\n\n  const type = getType(value)\n\n  switch (type) {\n    case 'arraybufferview': return arrayBufferLength(value)\n    case 'string': return stringLength(value)\n    case 'array': case 'set': return listLength(value)\n    case 'number': return 1 + digitCount(Math.floor(value)) + 1\n    case 'bigint': return 1 + value.toString().length + 1\n    case 'object': return objectLength(value)\n    case 'map': return mapLength(value)\n    default:\n      throw new TypeError(`Unsupported value of type \"${type}\"`)\n  }\n}\n\nexport default encodingLength\n","import encode from './lib/encode.js'\nimport decode from './lib/decode.js'\nimport byteLength from './lib/encoding-length.js'\n/**\n * Determines the amount of bytes\n * needed to encode the given value\n * @param  {Object|Array|Uint8Array|String|Number|Boolean} value\n * @return {Number} byteCount\n */\nconst encodingLength = byteLength\nexport default { encode, decode, byteLength, encodingLength }\n","/**\n * Converts a number of bits to a number of bytes.\n *\n * @param numberOfBits The number of bits to convert.\n * @returns The number of bytes that are needed to store the given number of bits.\n */\nfunction bitsToBytes(numberOfBits) {\n    return (numberOfBits >> 3) + Number(numberOfBits % 8 !== 0);\n}\nexport default class BitField {\n    /** The number of bits in the bitfield. */\n    get length() {\n        return this.buffer.length << 3;\n    }\n    /**\n     * Constructs a BitField.\n     *\n     * @param data Either a number representing the maximum number of supported bits, or a Uint8Array.\n     * @param opts Options for the bitfield.\n     */\n    constructor(data = 0, options) {\n        const grow = options === null || options === void 0 ? void 0 : options.grow;\n        this.grow = grow\n            ? Number.isFinite(grow)\n                ? bitsToBytes(grow)\n                : grow\n            : 0;\n        this.buffer =\n            typeof data === \"number\" ? new Uint8Array(bitsToBytes(data)) : data;\n    }\n    /**\n     * Get a particular bit.\n     *\n     * @param bitIndex Bit index to retrieve.\n     * @returns A boolean indicating whether the `i`th bit is set.\n     */\n    get(bitIndex) {\n        const byteIndex = bitIndex >> 3;\n        return (byteIndex < this.buffer.length &&\n            !!(this.buffer[byteIndex] & (128 >> bitIndex % 8)));\n    }\n    /**\n     * Set a particular bit.\n     *\n     * Will grow the underlying array if the bit is out of bounds and the `grow` option is set.\n     *\n     * @param bitIndex Bit index to set.\n     * @param value Value to set the bit to. Defaults to `true`.\n     */\n    set(bitIndex, value = true) {\n        const byteIndex = bitIndex >> 3;\n        if (value) {\n            if (byteIndex >= this.buffer.length) {\n                const newLength = Math.max(byteIndex + 1, Math.min(2 * this.buffer.length, this.grow));\n                if (newLength <= this.grow) {\n                    const newBuffer = new Uint8Array(newLength);\n                    newBuffer.set(this.buffer);\n                    this.buffer = newBuffer;\n                }\n            }\n            this.buffer[byteIndex] |= 128 >> bitIndex % 8;\n        }\n        else if (byteIndex < this.buffer.length) {\n            this.buffer[byteIndex] &= ~(128 >> bitIndex % 8);\n        }\n    }\n    /**\n     * Sets a value or an array of values.\n     *\n     * @param array An array of booleans to set.\n     * @param offset The bit offset at which the values are to be written.\n     */\n    setAll(array, offset = 0) {\n        const targetLength = Math.min(bitsToBytes(offset + array.length), this.grow);\n        if (this.buffer.length < targetLength) {\n            const newBuffer = new Uint8Array(targetLength);\n            newBuffer.set(this.buffer);\n            this.buffer = newBuffer;\n        }\n        let byteIndex = offset >> 3;\n        let bitMask = 128 >> offset % 8;\n        for (let index = 0; index < array.length; index++) {\n            if (array[index]) {\n                this.buffer[byteIndex] |= bitMask;\n            }\n            else {\n                this.buffer[byteIndex] &= ~bitMask;\n            }\n            if (bitMask === 1) {\n                byteIndex += 1;\n                if (byteIndex >= this.buffer.length) {\n                    break;\n                }\n                bitMask = 128;\n            }\n            else {\n                bitMask >>= 1;\n            }\n        }\n    }\n    /**\n     * Loop through the bits in the bitfield.\n     *\n     * @param callbackfn Function to be called with the bit value and index.\n     * @param start Index of the first bit to look at.\n     * @param end Index of the first bit that should no longer be considered.\n     */\n    forEach(callbackfn, start = 0, end = this.buffer.length * 8) {\n        let byteIndex = start >> 3;\n        let bitMask = 128 >> start % 8;\n        for (let bitIndex = start; bitIndex < end; bitIndex++) {\n            callbackfn(!!(this.buffer[byteIndex] & bitMask), bitIndex);\n            if (bitMask === 1) {\n                byteIndex += 1;\n                bitMask = 128;\n            }\n            else {\n                bitMask >>= 1;\n            }\n        }\n    }\n    /**\n     * Check if all bits in the Bitfield are unset.\n     *\n     * @returns A boolean indicating whether all bits are unset.\n     */\n    isEmpty() {\n        for (let i = 0; i < this.buffer.length; i++) {\n            if (this.buffer[i] !== 0) {\n                return false;\n            }\n        }\n        return true;\n    }\n}\n//# sourceMappingURL=index.js.map","/*! bittorrent-protocol. MIT License. WebTorrent LLC <https://webtorrent.io/opensource> */\nimport bencode from 'bencode'\nimport BitField from 'bitfield'\nimport crypto from 'crypto'\nimport Debug from 'debug'\nimport RC4 from 'rc4'\nimport { Duplex } from 'streamx'\nimport { hash, concat, equal, hex2arr, arr2hex, text2arr, arr2text, randomBytes } from 'uint8-util'\nimport throughput from 'throughput'\nimport arrayRemove from 'unordered-array-remove'\n\nconst debug = Debug('bittorrent-protocol')\n\nconst BITFIELD_GROW = 400000\nconst KEEP_ALIVE_TIMEOUT = 55000\nconst ALLOWED_FAST_SET_MAX_LENGTH = 100\n\nconst MESSAGE_PROTOCOL = text2arr('\\u0013BitTorrent protocol')\nconst MESSAGE_KEEP_ALIVE = new Uint8Array([0x00, 0x00, 0x00, 0x00])\nconst MESSAGE_CHOKE = new Uint8Array([0x00, 0x00, 0x00, 0x01, 0x00])\nconst MESSAGE_UNCHOKE = new Uint8Array([0x00, 0x00, 0x00, 0x01, 0x01])\nconst MESSAGE_INTERESTED = new Uint8Array([0x00, 0x00, 0x00, 0x01, 0x02])\nconst MESSAGE_UNINTERESTED = new Uint8Array([0x00, 0x00, 0x00, 0x01, 0x03])\n\nconst MESSAGE_RESERVED = [0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00]\nconst MESSAGE_PORT = [0x00, 0x00, 0x00, 0x03, 0x09, 0x00, 0x00]\n\n// BEP6 Fast Extension\nconst MESSAGE_HAVE_ALL = new Uint8Array([0x00, 0x00, 0x00, 0x01, 0x0E])\nconst MESSAGE_HAVE_NONE = new Uint8Array([0x00, 0x00, 0x00, 0x01, 0x0F])\n\nconst DH_PRIME = 'ffffffffffffffffc90fdaa22168c234c4c6628b80dc1cd129024e088a67cc74020bbea63b139b22514a08798e3404ddef9519b3cd3a431b302b0a6df25f14374fe1356d6d51c245e485b576625e7ec6f44c42e9a63a36210000000000090563'\nconst DH_GENERATOR = 2\nconst VC = new Uint8Array([0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00])\nconst CRYPTO_PROVIDE = new Uint8Array([0x00, 0x00, 0x01, 0x02])\nconst CRYPTO_SELECT = new Uint8Array([0x00, 0x00, 0x00, 0x02]) // always try to choose RC4 encryption instead of plaintext\n\nfunction xor (a, b) {\n  for (let len = a.length; len--;) a[len] ^= b[len]\n  return a\n}\n\nclass Request {\n  constructor (piece, offset, length, callback) {\n    this.piece = piece\n    this.offset = offset\n    this.length = length\n    this.callback = callback\n  }\n}\n\nclass HaveAllBitField {\n  constructor () {\n    this.buffer = new Uint8Array() // dummy\n  }\n\n  get (index) {\n    return true\n  }\n\n  set (index) {}\n}\n\nclass Wire extends Duplex {\n  constructor (type = null, retries = 0, peEnabled = false) {\n    super()\n\n    this._debugId = arr2hex(randomBytes(4))\n    this._debug('new wire')\n\n    this.peerId = null // remote peer id (hex string)\n    this.peerIdBuffer = null // remote peer id (buffer)\n    this.type = type // connection type ('webrtc', 'tcpIncoming', 'tcpOutgoing', 'webSeed')\n\n    this.amChoking = true // are we choking the peer?\n    this.amInterested = false // are we interested in the peer?\n\n    this.peerChoking = true // is the peer choking us?\n    this.peerInterested = false // is the peer interested in us?\n\n    // The largest torrent that I know of (the Geocities archive) is ~641 GB and has\n    // ~41,000 pieces. Therefore, cap bitfield to 10x larger (400,000 bits) to support all\n    // possible torrents but prevent malicious peers from growing bitfield to fill memory.\n    this.peerPieces = new BitField(0, { grow: BITFIELD_GROW })\n\n    this.extensions = {}\n    this.peerExtensions = {}\n\n    this.requests = [] // outgoing\n    this.peerRequests = [] // incoming\n\n    this.extendedMapping = {} // number -> string, ex: 1 -> 'ut_metadata'\n    this.peerExtendedMapping = {} // string -> number, ex: 9 -> 'ut_metadata'\n\n    // The extended handshake to send, minus the \"m\" field, which gets automatically\n    // filled from `this.extendedMapping`\n    this.extendedHandshake = {}\n\n    this.peerExtendedHandshake = {} // remote peer's extended handshake\n\n    // BEP6 Fast Estension\n    this.hasFast = false // is fast extension enabled?\n    this.allowedFastSet = [] // allowed fast set\n    this.peerAllowedFastSet = [] // peer's allowed fast set\n\n    this._ext = {} // string -> function, ex 'ut_metadata' -> ut_metadata()\n    this._nextExt = 1\n\n    this.uploaded = 0\n    this.downloaded = 0\n    this.uploadSpeed = throughput()\n    this.downloadSpeed = throughput()\n\n    this._keepAliveInterval = null\n    this._timeout = null\n    this._timeoutMs = 0\n    this._timeoutExpiresAt = null\n\n    this._finished = false\n\n    this._parserSize = 0 // number of needed bytes to parse next message from remote peer\n    this._parser = null // function to call once `this._parserSize` bytes are available\n\n    this._buffer = [] // incomplete message data\n    this._bufferSize = 0 // cached total length of buffers in `this._buffer`\n\n    this._peEnabled = peEnabled\n    if (peEnabled) {\n      this._dh = crypto.createDiffieHellman(DH_PRIME, 'hex', DH_GENERATOR) // crypto object used to generate keys/secret\n      this._myPubKey = this._dh.generateKeys('hex') // my DH public key\n    } else {\n      this._myPubKey = null\n    }\n    this._peerPubKey = null // peer's DH public key\n    this._sharedSecret = null // shared DH secret\n    this._peerCryptoProvide = [] // encryption methods provided by peer; we expect this to always contain 0x02\n    this._cryptoHandshakeDone = false\n\n    this._cryptoSyncPattern = null // the pattern to search for when resynchronizing after receiving pe1/pe2\n    this._waitMaxBytes = null // the maximum number of bytes resynchronization must occur within\n    this._encryptionMethod = null // 1 for plaintext, 2 for RC4\n    this._encryptGenerator = null // RC4 keystream generator for encryption\n    this._decryptGenerator = null // RC4 keystream generator for decryption\n    this._setGenerators = false // a flag for whether setEncrypt() has successfully completed\n\n    this.once('finish', () => this._onFinish())\n\n    this.on('finish', this._onFinish)\n    this._debug('type:', this.type)\n\n    if (this.type === 'tcpIncoming' && this._peEnabled) {\n      // If we are not the initiator, we should wait to see if the client begins\n      // with PE/MSE handshake or the standard bittorrent handshake.\n      this._determineHandshakeType()\n    } else if (this.type === 'tcpOutgoing' && this._peEnabled && retries === 0) {\n      this._parsePe2()\n    } else {\n      this._parseHandshake(null)\n    }\n  }\n\n  /**\n   * Set whether to send a \"keep-alive\" ping (sent every 55s)\n   * @param {boolean} enable\n   */\n  setKeepAlive (enable) {\n    this._debug('setKeepAlive %s', enable)\n    clearInterval(this._keepAliveInterval)\n    if (enable === false) return\n    this._keepAliveInterval = setInterval(() => {\n      this.keepAlive()\n    }, KEEP_ALIVE_TIMEOUT)\n  }\n\n  /**\n   * Set the amount of time to wait before considering a request to be \"timed out\"\n   * @param {number} ms\n   * @param {boolean=} unref (should the timer be unref'd? default: false)\n   */\n  setTimeout (ms, unref) {\n    this._debug('setTimeout ms=%d unref=%s', ms, unref)\n    this._timeoutMs = ms\n    this._timeoutUnref = !!unref\n    this._resetTimeout(true)\n  }\n\n  destroy () {\n    if (this.destroyed) return\n    this._debug('destroy')\n    this.end()\n    return this\n  }\n\n  end (data) {\n    if (this.destroyed || this.destroying) return\n    this._debug('end')\n    this._onUninterested()\n    this._onChoke()\n    return super.end(data)\n  }\n\n  /**\n   * Use the specified protocol extension.\n   * @param  {function} Extension\n   */\n  use (Extension) {\n    const name = Extension.prototype.name\n    if (!name) {\n      throw new Error('Extension class requires a \"name\" property on the prototype')\n    }\n    this._debug('use extension.name=%s', name)\n\n    const ext = this._nextExt\n    const handler = new Extension(this)\n\n    function noop () {}\n\n    if (typeof handler.onHandshake !== 'function') {\n      handler.onHandshake = noop\n    }\n    if (typeof handler.onExtendedHandshake !== 'function') {\n      handler.onExtendedHandshake = noop\n    }\n    if (typeof handler.onMessage !== 'function') {\n      handler.onMessage = noop\n    }\n\n    this.extendedMapping[ext] = name\n    this._ext[name] = handler\n    this[name] = handler\n\n    this._nextExt += 1\n  }\n\n  //\n  // OUTGOING MESSAGES\n  //\n\n  /**\n   * Message \"keep-alive\": <len=0000>\n   */\n  keepAlive () {\n    this._debug('keep-alive')\n    this._push(MESSAGE_KEEP_ALIVE)\n  }\n\n  sendPe1 () {\n    if (this._peEnabled) {\n      const padALen = Math.floor(Math.random() * 513)\n      const padA = randomBytes(padALen)\n      this._push(concat([hex2arr(this._myPubKey), padA]))\n    }\n  }\n\n  sendPe2 () {\n    const padBLen = Math.floor(Math.random() * 513)\n    const padB = randomBytes(padBLen)\n    this._push(concat([hex2arr(this._myPubKey), padB]))\n  }\n\n  async sendPe3 (infoHash) {\n    await this.setEncrypt(this._sharedSecret, infoHash)\n\n    const hash1Buffer = await hash(hex2arr(this._utfToHex('req1') + this._sharedSecret))\n\n    const hash2Buffer = await hash(hex2arr(this._utfToHex('req2') + infoHash))\n    const hash3Buffer = await hash(hex2arr(this._utfToHex('req3') + this._sharedSecret))\n    const hashesXorBuffer = xor(hash2Buffer, hash3Buffer)\n\n    const padCLen = new DataView(randomBytes(2).buffer).getUint16(0) % 512\n    const padCBuffer = randomBytes(padCLen)\n\n    let vcAndProvideBuffer = new Uint8Array(8 + 4 + 2 + padCLen + 2)\n    vcAndProvideBuffer.set(VC)\n    vcAndProvideBuffer.set(CRYPTO_PROVIDE, 8)\n\n    const view = new DataView(vcAndProvideBuffer.buffer)\n\n    view.setInt16(12, padCLen) // pad C length\n    padCBuffer.copy(vcAndProvideBuffer, 14)\n    view.setInt16(14 + padCLen, 0) // IA length\n    vcAndProvideBuffer = this._encryptHandshake(vcAndProvideBuffer)\n\n    this._push(concat([hash1Buffer, hashesXorBuffer, vcAndProvideBuffer]))\n  }\n\n  async sendPe4 (infoHash) {\n    await this.setEncrypt(this._sharedSecret, infoHash)\n\n    const padDLen = new DataView(randomBytes(2).buffer).getUint16(0) % 512\n    const padDBuffer = randomBytes(padDLen)\n    let vcAndSelectBuffer = new Uint8Array(8 + 4 + 2 + padDLen)\n    const view = new DataView(vcAndSelectBuffer.buffer)\n\n    vcAndSelectBuffer.set(VC)\n    vcAndSelectBuffer.set(CRYPTO_SELECT, 8)\n    view.setInt16(12, padDLen) // lenD?\n    vcAndSelectBuffer.set(padDBuffer, 14)\n    vcAndSelectBuffer = this._encryptHandshake(vcAndSelectBuffer)\n    this._push(vcAndSelectBuffer)\n    this._cryptoHandshakeDone = true\n    this._debug('completed crypto handshake')\n  }\n\n  /**\n   * Message: \"handshake\" <pstrlen><pstr><reserved><info_hash><peer_id>\n   * @param  {Uint8Array|string} infoHash (as Buffer or *hex* string)\n   * @param  {Uint8Array|string} peerId\n   * @param  {Object} extensions\n   */\n  handshake (infoHash, peerId, extensions) {\n    let infoHashBuffer\n    let peerIdBuffer\n    if (typeof infoHash === 'string') {\n      infoHash = infoHash.toLowerCase()\n      infoHashBuffer = hex2arr(infoHash)\n    } else {\n      infoHashBuffer = infoHash\n      infoHash = arr2hex(infoHashBuffer)\n    }\n    if (typeof peerId === 'string') {\n      peerIdBuffer = hex2arr(peerId)\n    } else {\n      peerIdBuffer = peerId\n      peerId = arr2hex(peerIdBuffer)\n    }\n\n    this._infoHash = infoHashBuffer\n\n    if (infoHashBuffer.length !== 20 || peerIdBuffer.length !== 20) {\n      throw new Error('infoHash and peerId MUST have length 20')\n    }\n\n    this._debug('handshake i=%s p=%s exts=%o', infoHash, peerId, extensions)\n\n    const reserved = new Uint8Array(MESSAGE_RESERVED)\n\n    this.extensions = {\n      extended: true,\n      dht: !!(extensions && extensions.dht),\n      fast: !!(extensions && extensions.fast)\n    }\n\n    reserved[5] |= 0x10 // enable extended message\n    if (this.extensions.dht) reserved[7] |= 0x01\n    if (this.extensions.fast) reserved[7] |= 0x04\n\n    // BEP6 Fast Extension: The extension is enabled only if both ends of the connection set this bit.\n    if (this.extensions.fast && this.peerExtensions.fast) {\n      this._debug('fast extension is enabled')\n      this.hasFast = true\n    }\n    this._push(concat([MESSAGE_PROTOCOL, reserved, infoHashBuffer, peerIdBuffer]))\n    this._handshakeSent = true\n\n    if (this.peerExtensions.extended && !this._extendedHandshakeSent) {\n      // Peer's handshake indicated support already\n      // (incoming connection)\n      this._sendExtendedHandshake()\n    }\n  }\n\n  /* Peer supports BEP-0010, send extended handshake.\n   *\n   * This comes after the 'handshake' event to give the user a chance to populate\n   * `this.extendedHandshake` and `this.extendedMapping` before the extended handshake\n   * is sent to the remote peer.\n   */\n  _sendExtendedHandshake () {\n    // Create extended message object from registered extensions\n    const msg = Object.assign({}, this.extendedHandshake)\n    msg.m = {}\n    for (const ext in this.extendedMapping) {\n      const name = this.extendedMapping[ext]\n      msg.m[name] = Number(ext)\n    }\n\n    // Send extended handshake\n    this.extended(0, bencode.encode(msg))\n    this._extendedHandshakeSent = true\n  }\n\n  /**\n   * Message \"choke\": <len=0001><id=0>\n   */\n  choke () {\n    if (this.amChoking) return\n    this.amChoking = true\n    this._debug('choke')\n    this._push(MESSAGE_CHOKE)\n\n    if (this.hasFast) {\n      // BEP6: If a peer sends a choke, it MUST reject all requests from the peer to whom the choke\n      // was sent except it SHOULD NOT reject requests for pieces that are in the allowed fast set.\n      let allowedCount = 0\n      while (this.peerRequests.length > allowedCount) { // until only allowed requests are left\n        const request = this.peerRequests[allowedCount] // first non-allowed request\n        if (this.allowedFastSet.includes(request.piece)) {\n          ++allowedCount // count request as allowed\n        } else {\n          this.reject(request.piece, request.offset, request.length) // removes from this.peerRequests\n        }\n      }\n    } else {\n      while (this.peerRequests.length) {\n        this.peerRequests.pop()\n      }\n    }\n  }\n\n  /**\n   * Message \"unchoke\": <len=0001><id=1>\n   */\n  unchoke () {\n    if (!this.amChoking) return\n    this.amChoking = false\n    this._debug('unchoke')\n    this._push(MESSAGE_UNCHOKE)\n  }\n\n  /**\n   * Message \"interested\": <len=0001><id=2>\n   */\n  interested () {\n    if (this.amInterested) return\n    this.amInterested = true\n    this._debug('interested')\n    this._push(MESSAGE_INTERESTED)\n  }\n\n  /**\n   * Message \"uninterested\": <len=0001><id=3>\n   */\n  uninterested () {\n    if (!this.amInterested) return\n    this.amInterested = false\n    this._debug('uninterested')\n    this._push(MESSAGE_UNINTERESTED)\n  }\n\n  /**\n   * Message \"have\": <len=0005><id=4><piece index>\n   * @param  {number} index\n   */\n  have (index) {\n    this._debug('have %d', index)\n    this._message(4, [index], null)\n  }\n\n  /**\n   * Message \"bitfield\": <len=0001+X><id=5><bitfield>\n   * @param  {BitField|Buffer} bitfield\n   */\n  bitfield (bitfield) {\n    this._debug('bitfield')\n    if (!ArrayBuffer.isView(bitfield)) bitfield = bitfield.buffer\n    this._message(5, [], bitfield)\n  }\n\n  /**\n   * Message \"request\": <len=0013><id=6><index><begin><length>\n   * @param  {number}   index\n   * @param  {number}   offset\n   * @param  {number}   length\n   * @param  {function} cb\n   */\n  request (index, offset, length, cb) {\n    if (!cb) cb = () => {}\n    if (this._finished) return cb(new Error('wire is closed'))\n\n    if (this.peerChoking && !(this.hasFast && this.peerAllowedFastSet.includes(index))) {\n      return cb(new Error('peer is choking'))\n    }\n\n    this._debug('request index=%d offset=%d length=%d', index, offset, length)\n\n    this.requests.push(new Request(index, offset, length, cb))\n    if (!this._timeout) {\n      this._resetTimeout(true)\n    }\n    this._message(6, [index, offset, length], null)\n  }\n\n  /**\n   * Message \"piece\": <len=0009+X><id=7><index><begin><block>\n   * @param  {number} index\n   * @param  {number} offset\n   * @param  {Uint8Array} buffer\n   */\n  piece (index, offset, buffer) {\n    this._debug('piece index=%d offset=%d', index, offset)\n    this._message(7, [index, offset], buffer)\n    this.uploaded += buffer.length\n    this.uploadSpeed(buffer.length)\n    this.emit('upload', buffer.length)\n  }\n\n  /**\n   * Message \"cancel\": <len=0013><id=8><index><begin><length>\n   * @param  {number} index\n   * @param  {number} offset\n   * @param  {number} length\n   */\n  cancel (index, offset, length) {\n    this._debug('cancel index=%d offset=%d length=%d', index, offset, length)\n    this._callback(\n      this._pull(this.requests, index, offset, length),\n      new Error('request was cancelled'),\n      null\n    )\n    this._message(8, [index, offset, length], null)\n  }\n\n  /**\n   * Message: \"port\" <len=0003><id=9><listen-port>\n   * @param {Number} port\n   */\n  port (port) {\n    this._debug('port %d', port)\n    const message = new Uint8Array(MESSAGE_PORT)\n    const view = new DataView(message.buffer)\n    view.setUint16(5, port)\n    this._push(message)\n  }\n\n  /**\n   * Message: \"suggest\" <len=0x0005><id=0x0D><piece index> (BEP6)\n   * @param {number} index\n   */\n  suggest (index) {\n    if (!this.hasFast) throw Error('fast extension is disabled')\n    this._debug('suggest %d', index)\n    this._message(0x0D, [index], null)\n  }\n\n  /**\n   * Message: \"have-all\" <len=0x0001><id=0x0E> (BEP6)\n   */\n  haveAll () {\n    if (!this.hasFast) throw Error('fast extension is disabled')\n    this._debug('have-all')\n    this._push(MESSAGE_HAVE_ALL)\n  }\n\n  /**\n   * Message: \"have-none\" <len=0x0001><id=0x0F> (BEP6)\n   */\n  haveNone () {\n    if (!this.hasFast) throw Error('fast extension is disabled')\n    this._debug('have-none')\n    this._push(MESSAGE_HAVE_NONE)\n  }\n\n  /**\n   * Message \"reject\": <len=0x000D><id=0x10><index><offset><length> (BEP6)\n   * @param  {number}   index\n   * @param  {number}   offset\n   * @param  {number}   length\n   */\n  reject (index, offset, length) {\n    if (!this.hasFast) throw Error('fast extension is disabled')\n    this._debug('reject index=%d offset=%d length=%d', index, offset, length)\n    this._pull(this.peerRequests, index, offset, length)\n    this._message(0x10, [index, offset, length], null)\n  }\n\n  /**\n   * Message: \"allowed-fast\" <len=0x0005><id=0x11><piece index> (BEP6)\n   * @param {number} index\n   */\n  allowedFast (index) {\n    if (!this.hasFast) throw Error('fast extension is disabled')\n    this._debug('allowed-fast %d', index)\n    if (!this.allowedFastSet.includes(index)) this.allowedFastSet.push(index)\n    this._message(0x11, [index], null)\n  }\n\n  /**\n   * Message: \"extended\" <len=0005+X><id=20><ext-number><payload>\n   * @param  {number|string} ext\n   * @param  {Object} obj\n   */\n  extended (ext, obj) {\n    this._debug('extended ext=%s', ext)\n    if (typeof ext === 'string' && this.peerExtendedMapping[ext]) {\n      ext = this.peerExtendedMapping[ext]\n    }\n    if (typeof ext === 'number') {\n      const extId = new Uint8Array([ext])\n      const buf = ArrayBuffer.isView(obj) ? obj : bencode.encode(obj)\n\n      this._message(20, [], concat([extId, buf]))\n    } else {\n      throw new Error(`Unrecognized extension: ${ext}`)\n    }\n  }\n\n  /**\n   * Sets the encryption method for this wire, as per PSE/ME specification\n   *\n   * @param {string} sharedSecret:  A hex-encoded string, which is the shared secret agreed\n   *                                upon from DH key exchange\n   * @param {string} infoHash:  A hex-encoded info hash\n   * @returns boolean, true if encryption setting succeeds, false if it fails.\n   */\n  async setEncrypt (sharedSecret, infoHash) {\n    let encryptKeyBuf\n    let encryptKeyIntArray\n    let decryptKeyBuf\n    let decryptKeyIntArray\n    switch (this.type) {\n      case 'tcpIncoming':\n        encryptKeyBuf = await hash(hex2arr(this._utfToHex('keyB') + sharedSecret + infoHash))\n        decryptKeyBuf = await hash(hex2arr(this._utfToHex('keyA') + sharedSecret + infoHash))\n        encryptKeyIntArray = []\n        for (const value of encryptKeyBuf.values()) {\n          encryptKeyIntArray.push(value)\n        }\n        decryptKeyIntArray = []\n        for (const value of decryptKeyBuf.values()) {\n          decryptKeyIntArray.push(value)\n        }\n        this._encryptGenerator = new RC4(encryptKeyIntArray)\n        this._decryptGenerator = new RC4(decryptKeyIntArray)\n        break\n      case 'tcpOutgoing':\n        encryptKeyBuf = await hash(hex2arr(this._utfToHex('keyA') + sharedSecret + infoHash))\n        decryptKeyBuf = await hash(hex2arr(this._utfToHex('keyB') + sharedSecret + infoHash))\n        encryptKeyIntArray = []\n        for (const value of encryptKeyBuf.values()) {\n          encryptKeyIntArray.push(value)\n        }\n        decryptKeyIntArray = []\n        for (const value of decryptKeyBuf.values()) {\n          decryptKeyIntArray.push(value)\n        }\n        this._encryptGenerator = new RC4(encryptKeyIntArray)\n        this._decryptGenerator = new RC4(decryptKeyIntArray)\n        break\n      default:\n        return false\n    }\n\n    // Discard the first 1024 bytes, as per MSE/PE implementation\n    for (let i = 0; i < 1024; i++) {\n      this._encryptGenerator.randomByte()\n      this._decryptGenerator.randomByte()\n    }\n\n    this._setGenerators = true\n    return true\n  }\n\n  /**\n   * Send a message to the remote peer.\n   */\n  _message (id, numbers, data) {\n    const dataLength = data ? data.length : 0\n    const buffer = new Uint8Array(5 + (4 * numbers.length))\n    const view = new DataView(buffer.buffer)\n\n    view.setUint32(0, buffer.length + dataLength - 4)\n    buffer[4] = id\n    for (let i = 0; i < numbers.length; i++) {\n      view.setUint32(5 + (4 * i), numbers[i])\n    }\n\n    this._push(buffer)\n    if (data) this._push(data)\n  }\n\n  _push (data) {\n    if (this._finished) return\n    if (this._encryptionMethod === 2 && this._cryptoHandshakeDone) {\n      data = this._encrypt(data)\n    }\n    return this.push(data)\n  }\n\n  //\n  // INCOMING MESSAGES\n  //\n\n  _onKeepAlive () {\n    this._debug('got keep-alive')\n    this.emit('keep-alive')\n  }\n\n  _onPe1 (pubKeyBuffer) {\n    this._peerPubKey = arr2hex(pubKeyBuffer)\n    this._sharedSecret = this._dh.computeSecret(this._peerPubKey, 'hex', 'hex')\n    this.emit('pe1')\n  }\n\n  _onPe2 (pubKeyBuffer) {\n    this._peerPubKey = arr2hex(pubKeyBuffer)\n    this._sharedSecret = this._dh.computeSecret(this._peerPubKey, 'hex', 'hex')\n    this.emit('pe2')\n  }\n\n  async _onPe3 (hashesXorBuffer) {\n    const hash3 = await (arr2hex(this._utfToHex('req3') + this._sharedSecret))\n    const sKeyHash = arr2hex(xor(hash3, hashesXorBuffer))\n    this.emit('pe3', sKeyHash)\n  }\n\n  _onPe3Encrypted (vcBuffer, peerProvideBuffer) {\n    if (!equal(vcBuffer, VC)) {\n      this._debug('Error: verification constant did not match')\n      this.destroy()\n      return\n    }\n\n    for (const provideByte of peerProvideBuffer.values()) {\n      if (provideByte !== 0) {\n        this._peerCryptoProvide.push(provideByte)\n      }\n    }\n    if (this._peerCryptoProvide.includes(2)) {\n      this._encryptionMethod = 2\n    } else {\n      this._debug('Error: RC4 encryption method not provided by peer')\n      this.destroy()\n    }\n  }\n\n  _onPe4 (peerSelectBuffer) {\n    this._encryptionMethod = peerSelectBuffer[3]\n    if (!CRYPTO_PROVIDE.includes(this._encryptionMethod)) {\n      this._debug('Error: peer selected invalid crypto method')\n      this.destroy()\n    }\n    this._cryptoHandshakeDone = true\n    this._debug('crypto handshake done')\n    this.emit('pe4')\n  }\n\n  _onHandshake (infoHashBuffer, peerIdBuffer, extensions) {\n    const infoHash = arr2hex(infoHashBuffer)\n    const peerId = arr2hex(peerIdBuffer)\n\n    this._debug('got handshake i=%s p=%s exts=%o', infoHash, peerId, extensions)\n\n    this.peerId = peerId\n    this.peerIdBuffer = peerIdBuffer\n    this.peerExtensions = extensions\n\n    // BEP6 Fast Extension: The extension is enabled only if both ends of the connection set this bit.\n    if (this.extensions.fast && this.peerExtensions.fast) {\n      this._debug('fast extension is enabled')\n      this.hasFast = true\n    }\n\n    this.emit('handshake', infoHash, peerId, extensions)\n\n    for (const name in this._ext) {\n      this._ext[name].onHandshake(infoHash, peerId, extensions)\n    }\n\n    if (extensions.extended && this._handshakeSent &&\n        !this._extendedHandshakeSent) {\n      // outgoing connection\n      this._sendExtendedHandshake()\n    }\n  }\n\n  _onChoke () {\n    this.peerChoking = true\n    this._debug('got choke')\n    this.emit('choke')\n    if (!this.hasFast) {\n      // BEP6 Fast Extension: Choke no longer implicitly rejects all pending requests\n      while (this.requests.length) {\n        this._callback(this.requests.pop(), new Error('peer is choking'), null)\n      }\n    }\n  }\n\n  _onUnchoke () {\n    this.peerChoking = false\n    this._debug('got unchoke')\n    this.emit('unchoke')\n  }\n\n  _onInterested () {\n    this.peerInterested = true\n    this._debug('got interested')\n    this.emit('interested')\n  }\n\n  _onUninterested () {\n    this.peerInterested = false\n    this._debug('got uninterested')\n    this.emit('uninterested')\n  }\n\n  _onHave (index) {\n    if (this.peerPieces.get(index)) return\n    this._debug('got have %d', index)\n\n    this.peerPieces.set(index, true)\n    this.emit('have', index)\n  }\n\n  _onBitField (buffer) {\n    this.peerPieces = new BitField(buffer)\n    this._debug('got bitfield')\n    this.emit('bitfield', this.peerPieces)\n  }\n\n  _onRequest (index, offset, length) {\n    if (this.amChoking && !(this.hasFast && this.allowedFastSet.includes(index))) {\n      // BEP6: If a peer receives a request from a peer its choking, the peer receiving\n      // the request SHOULD send a reject unless the piece is in the allowed fast set.\n      if (this.hasFast) this.reject(index, offset, length)\n      return\n    }\n    this._debug('got request index=%d offset=%d length=%d', index, offset, length)\n\n    const respond = (err, buffer) => {\n      if (request !== this._pull(this.peerRequests, index, offset, length)) return\n      if (err) {\n        this._debug('error satisfying request index=%d offset=%d length=%d (%s)', index, offset, length, err.message)\n        if (this.hasFast) this.reject(index, offset, length)\n        return\n      }\n      this.piece(index, offset, buffer)\n    }\n\n    const request = new Request(index, offset, length, respond)\n    this.peerRequests.push(request)\n    this.emit('request', index, offset, length, respond)\n  }\n\n  _onPiece (index, offset, buffer) {\n    this._debug('got piece index=%d offset=%d', index, offset)\n    this._callback(this._pull(this.requests, index, offset, buffer.length), null, buffer)\n    this.downloaded += buffer.length\n    this.downloadSpeed(buffer.length)\n    this.emit('download', buffer.length)\n    this.emit('piece', index, offset, buffer)\n  }\n\n  _onCancel (index, offset, length) {\n    this._debug('got cancel index=%d offset=%d length=%d', index, offset, length)\n    this._pull(this.peerRequests, index, offset, length)\n    this.emit('cancel', index, offset, length)\n  }\n\n  _onPort (port) {\n    this._debug('got port %d', port)\n    this.emit('port', port)\n  }\n\n  _onSuggest (index) {\n    if (!this.hasFast) {\n      // BEP6: the peer MUST close the connection\n      this._debug('Error: got suggest whereas fast extension is disabled')\n      this.destroy()\n      return\n    }\n    this._debug('got suggest %d', index)\n    this.emit('suggest', index)\n  }\n\n  _onHaveAll () {\n    if (!this.hasFast) {\n      // BEP6: the peer MUST close the connection\n      this._debug('Error: got have-all whereas fast extension is disabled')\n      this.destroy()\n      return\n    }\n    this._debug('got have-all')\n    this.peerPieces = new HaveAllBitField()\n    this.emit('have-all')\n  }\n\n  _onHaveNone () {\n    if (!this.hasFast) {\n      // BEP6: the peer MUST close the connection\n      this._debug('Error: got have-none whereas fast extension is disabled')\n      this.destroy()\n      return\n    }\n    this._debug('got have-none')\n    this.emit('have-none')\n  }\n\n  _onReject (index, offset, length) {\n    if (!this.hasFast) {\n      // BEP6: the peer MUST close the connection\n      this._debug('Error: got reject whereas fast extension is disabled')\n      this.destroy()\n      return\n    }\n    this._debug('got reject index=%d offset=%d length=%d', index, offset, length)\n    this._callback(\n      this._pull(this.requests, index, offset, length),\n      new Error('request was rejected'),\n      null\n    )\n    this.emit('reject', index, offset, length)\n  }\n\n  _onAllowedFast (index) {\n    if (!this.hasFast) {\n      // BEP6: the peer MUST close the connection\n      this._debug('Error: got allowed-fast whereas fast extension is disabled')\n      this.destroy()\n      return\n    }\n    this._debug('got allowed-fast %d', index)\n    if (!this.peerAllowedFastSet.includes(index)) this.peerAllowedFastSet.push(index)\n    if (this.peerAllowedFastSet.length > ALLOWED_FAST_SET_MAX_LENGTH) this.peerAllowedFastSet.shift()\n    this.emit('allowed-fast', index)\n  }\n\n  _onExtended (ext, buf) {\n    if (ext === 0) {\n      let info\n      try {\n        info = bencode.decode(buf)\n      } catch (err) {\n        this._debug('ignoring invalid extended handshake: %s', err.message || err)\n      }\n\n      if (!info) return\n      this.peerExtendedHandshake = info\n\n      if (typeof info.m === 'object') {\n        for (const name in info.m) {\n          this.peerExtendedMapping[name] = Number(info.m[name].toString())\n        }\n      }\n      for (const name in this._ext) {\n        if (this.peerExtendedMapping[name]) {\n          this._ext[name].onExtendedHandshake(this.peerExtendedHandshake)\n        }\n      }\n      this._debug('got extended handshake')\n      this.emit('extended', 'handshake', this.peerExtendedHandshake)\n    } else {\n      if (this.extendedMapping[ext]) {\n        ext = this.extendedMapping[ext] // friendly name for extension\n        if (this._ext[ext]) {\n          // there is an registered extension handler, so call it\n          this._ext[ext].onMessage(buf)\n        }\n      }\n      this._debug('got extended message ext=%s', ext)\n      this.emit('extended', ext, buf)\n    }\n  }\n\n  _onTimeout () {\n    this._debug('request timed out')\n    this._callback(this.requests.shift(), new Error('request has timed out'), null)\n    this.emit('timeout')\n  }\n\n  /**\n   * Duplex stream method. Called whenever the remote peer has data for us. Data that the\n   * remote peer sends gets buffered (i.e. not actually processed) until the right number\n   * of bytes have arrived, determined by the last call to `this._parse(number, callback)`.\n   * Once enough bytes have arrived to process the message, the callback function\n   * (i.e. `this._parser`) gets called with the full buffer of data.\n   * @param  {Uint8Array} data\n   * @param  {function} cb\n   */\n  _write (data, cb) {\n    if (this._encryptionMethod === 2 && this._cryptoHandshakeDone) {\n      data = this._decrypt(data)\n    }\n    this._bufferSize += data.length\n    this._buffer.push(data)\n    if (this._buffer.length > 1) {\n      this._buffer = [concat(this._buffer, this._bufferSize)]\n    }\n    // now this._buffer is an array containing a single Buffer\n    if (this._cryptoSyncPattern) {\n      const index = this._buffer[0].indexOf(this._cryptoSyncPattern)\n      if (index !== -1) {\n        this._buffer[0] = this._buffer[0].slice(index + this._cryptoSyncPattern.length)\n        this._bufferSize -= (index + this._cryptoSyncPattern.length)\n        this._cryptoSyncPattern = null\n      } else if (this._bufferSize + data.length > this._waitMaxBytes + this._cryptoSyncPattern.length) {\n        this._debug('Error: could not resynchronize')\n        this.destroy()\n        return\n      }\n    }\n\n    while (this._bufferSize >= this._parserSize && !this._cryptoSyncPattern) {\n      if (this._parserSize === 0) {\n        this._parser(new Uint8Array())\n      } else {\n        const buffer = this._buffer[0]\n        // console.log('buffer:', this._buffer)\n        this._bufferSize -= this._parserSize\n        this._buffer = this._bufferSize\n          ? [buffer.slice(this._parserSize)]\n          : []\n        this._parser(buffer.slice(0, this._parserSize))\n      }\n    }\n\n    cb(null) // Signal that we're ready for more data\n  }\n\n  _callback (request, err, buffer) {\n    if (!request) return\n\n    this._resetTimeout(!this.peerChoking && !this._finished)\n\n    request.callback(err, buffer)\n  }\n\n  _resetTimeout (setAgain) {\n    if (!setAgain || !this._timeoutMs || !this.requests.length) {\n      clearTimeout(this._timeout)\n      this._timeout = null\n      this._timeoutExpiresAt = null\n      return\n    }\n\n    const timeoutExpiresAt = Date.now() + this._timeoutMs\n\n    if (this._timeout) {\n      // If existing expiration is already within 5% of correct, it's close enough\n      if (timeoutExpiresAt - this._timeoutExpiresAt < this._timeoutMs * 0.05) {\n        return\n      }\n      clearTimeout(this._timeout)\n    }\n\n    this._timeoutExpiresAt = timeoutExpiresAt\n    this._timeout = setTimeout(() => this._onTimeout(), this._timeoutMs)\n    if (this._timeoutUnref && this._timeout.unref) this._timeout.unref()\n  }\n\n  /**\n   * Takes a number of bytes that the local peer is waiting to receive from the remote peer\n   * in order to parse a complete message, and a callback function to be called once enough\n   * bytes have arrived.\n   * @param  {number} size\n   * @param  {function} parser\n   */\n  _parse (size, parser) {\n    this._parserSize = size\n    this._parser = parser\n  }\n\n  _parseUntil (pattern, maxBytes) {\n    this._cryptoSyncPattern = pattern\n    this._waitMaxBytes = maxBytes\n  }\n\n  /**\n   * Handle the first 4 bytes of a message, to determine the length of bytes that must be\n   * waited for in order to have the whole message.\n   * @param  {Uint8Array} buffer\n   */\n  _onMessageLength (buffer) {\n    const length = new DataView(buffer.buffer, buffer.byteOffset, buffer.byteLength).getUint32(0)\n    if (length > 0) {\n      this._parse(length, this._onMessage)\n    } else {\n      this._onKeepAlive()\n      this._parse(4, this._onMessageLength)\n    }\n  }\n\n  /**\n   * Handle a message from the remote peer.\n   * @param  {Uint8Array} buffer\n   */\n  _onMessage (buffer) {\n    this._parse(4, this._onMessageLength)\n    const view = new DataView(buffer.buffer, buffer.byteOffset, buffer.byteLength)\n    switch (buffer[0]) {\n      case 0:\n        return this._onChoke()\n      case 1:\n        return this._onUnchoke()\n      case 2:\n        return this._onInterested()\n      case 3:\n        return this._onUninterested()\n      case 4:\n        return this._onHave(view.getUint32(1))\n      case 5:\n        return this._onBitField(buffer.slice(1))\n      case 6:\n        return this._onRequest(\n          view.getUint32(1),\n          view.getUint32(5),\n          view.getUint32(9)\n        )\n      case 7:\n        return this._onPiece(\n          view.getUint32(1),\n          view.getUint32(5),\n          buffer.slice(9)\n        )\n      case 8:\n        return this._onCancel(\n          view.getUint32(1),\n          view.getUint32(5),\n          view.getUint32(9)\n        )\n      case 9:\n        return this._onPort(view.getUint16(1))\n      case 0x0D:\n        return this._onSuggest(view.getUint32(1))\n      case 0x0E:\n        return this._onHaveAll()\n      case 0x0F:\n        return this._onHaveNone()\n      case 0x10:\n        return this._onReject(\n          view.getUint32(1),\n          view.getUint32(5),\n          view.getUint32(9)\n        )\n      case 0x11:\n        return this._onAllowedFast(view.getUint32(1))\n      case 20:\n        return this._onExtended(buffer[1], buffer.slice(2))\n      default:\n        this._debug('got unknown message')\n        return this.emit('unknownmessage', buffer)\n    }\n  }\n\n  _determineHandshakeType () {\n    this._parse(1, pstrLenBuffer => {\n      const pstrlen = pstrLenBuffer[0]\n      if (pstrlen === 19) {\n        this._parse(pstrlen + 48, this._onHandshakeBuffer)\n      } else {\n        this._parsePe1(pstrLenBuffer)\n      }\n    })\n  }\n\n  _parsePe1 (pubKeyPrefix) {\n    this._parse(95, pubKeySuffix => {\n      this._onPe1(concat([pubKeyPrefix, pubKeySuffix]))\n      this._parsePe3()\n    })\n  }\n\n  _parsePe2 () {\n    this._parse(96, pubKey => {\n      this._onPe2(pubKey)\n      while (!this._setGenerators) {\n        // Wait until generators have been set\n      }\n      this._parsePe4()\n    })\n  }\n\n  // Handles the unencrypted portion of step 4\n  async _parsePe3 () {\n    const hash1Buffer = await hash(hex2arr(this._utfToHex('req1') + this._sharedSecret))\n    // synchronize on HASH('req1', S)\n    this._parseUntil(hash1Buffer, 512)\n    this._parse(20, buffer => {\n      this._onPe3(buffer)\n      while (!this._setGenerators) {\n        // Wait until generators have been set\n      }\n      this._parsePe3Encrypted()\n    })\n  }\n\n  _parsePe3Encrypted () {\n    this._parse(14, buffer => {\n      const vcBuffer = this._decryptHandshake(buffer.slice(0, 8))\n      const peerProvideBuffer = this._decryptHandshake(buffer.slice(8, 12))\n      const padCLen = new DataView(this._decryptHandshake(buffer.slice(12, 14)).buffer).getUint16(0)\n      this._parse(padCLen, padCBuffer => {\n        padCBuffer = this._decryptHandshake(padCBuffer)\n        this._parse(2, iaLenBuf => {\n          const iaLen = new DataView(this._decryptHandshake(iaLenBuf).buffer).getUint16(0)\n          this._parse(iaLen, iaBuffer => {\n            iaBuffer = this._decryptHandshake(iaBuffer)\n            this._onPe3Encrypted(vcBuffer, peerProvideBuffer, padCBuffer, iaBuffer)\n            const pstrlen = iaLen ? iaBuffer[0] : null\n            const protocol = iaLen ? iaBuffer.slice(1, 20) : null\n            if (pstrlen === 19 && arr2text(protocol) === 'BitTorrent protocol') {\n              this._onHandshakeBuffer(iaBuffer.slice(1))\n            } else {\n              this._parseHandshake()\n            }\n          })\n        })\n      })\n    })\n  }\n\n  _parsePe4 () {\n    // synchronize on ENCRYPT(VC).\n    // since we encrypt using bitwise xor, decryption and encryption are the same operation.\n    // calling _decryptHandshake here advances the decrypt generator keystream forward 8 bytes\n    const vcBufferEncrypted = this._decryptHandshake(VC)\n    this._parseUntil(vcBufferEncrypted, 512)\n    this._parse(6, buffer => {\n      const peerSelectBuffer = this._decryptHandshake(buffer.slice(0, 4))\n      const padDLen = new DataView(this._decryptHandshake(buffer.slice(4, 6)).buffer).getUint16(0)\n      this._parse(padDLen, padDBuf => {\n        this._decryptHandshake(padDBuf)\n        this._onPe4(peerSelectBuffer)\n        this._parseHandshake(null)\n      })\n    })\n  }\n\n  /**\n   * Reads the handshake as specified by the bittorrent wire protocol.\n   */\n  _parseHandshake () {\n    this._parse(1, buffer => {\n      const pstrlen = buffer[0]\n      if (pstrlen !== 19) {\n        this._debug('Error: wire not speaking BitTorrent protocol (%s)', pstrlen.toString())\n        this.end()\n        return\n      }\n      this._parse(pstrlen + 48, this._onHandshakeBuffer)\n    })\n  }\n\n  _onHandshakeBuffer (handshake) {\n    const protocol = handshake.slice(0, 19)\n    if (arr2text(protocol) !== 'BitTorrent protocol') {\n      this._debug('Error: wire not speaking BitTorrent protocol (%s)', arr2text(protocol))\n      this.end()\n      return\n    }\n    handshake = handshake.slice(19)\n    this._onHandshake(handshake.slice(8, 28), handshake.slice(28, 48), {\n      dht: !!(handshake[7] & 0x01), // see bep_0005\n      fast: !!(handshake[7] & 0x04), // see bep_0006\n      extended: !!(handshake[5] & 0x10) // see bep_0010\n    })\n    this._parse(4, this._onMessageLength)\n  }\n\n  _onFinish () {\n    this._finished = true\n\n    this.push(null) // stream cannot be half open, so signal the end of it\n    while (this.read()) {\n      // body intentionally empty\n      // consume and discard the rest of the stream data\n    }\n\n    clearInterval(this._keepAliveInterval)\n    this._parse(Number.MAX_VALUE, () => {})\n    while (this.peerRequests.length) {\n      this.peerRequests.pop()\n    }\n    while (this.requests.length) {\n      this._callback(this.requests.pop(), new Error('wire was closed'), null)\n    }\n  }\n\n  _debug (...args) {\n    args[0] = `[${this._debugId}] ${args[0]}`\n    debug(...args)\n  }\n\n  _pull (requests, piece, offset, length) {\n    for (let i = 0; i < requests.length; i++) {\n      const req = requests[i]\n      if (req.piece === piece && req.offset === offset && req.length === length) {\n        arrayRemove(requests, i)\n        return req\n      }\n    }\n    return null\n  }\n\n  _encryptHandshake (buf) {\n    const crypt = new Uint8Array(buf)\n    if (!this._encryptGenerator) {\n      this._debug('Warning: Encrypting without any generator')\n      return crypt\n    }\n\n    for (let i = 0; i < buf.length; i++) {\n      const keystream = this._encryptGenerator.randomByte()\n      crypt[i] = crypt[i] ^ keystream\n    }\n\n    return crypt\n  }\n\n  _encrypt (buf) {\n    const crypt = new Uint8Array(buf)\n\n    if (!this._encryptGenerator || this._encryptionMethod !== 2) {\n      return crypt\n    }\n    for (let i = 0; i < buf.length; i++) {\n      const keystream = this._encryptGenerator.randomByte()\n      crypt[i] = crypt[i] ^ keystream\n    }\n\n    return crypt\n  }\n\n  _decryptHandshake (buf) {\n    const decrypt = new Uint8Array(buf)\n\n    if (!this._decryptGenerator) {\n      this._debug('Warning: Decrypting without any generator')\n      return decrypt\n    }\n    for (let i = 0; i < buf.length; i++) {\n      const keystream = this._decryptGenerator.randomByte()\n      decrypt[i] = decrypt[i] ^ keystream\n    }\n\n    return decrypt\n  }\n\n  _decrypt (buf) {\n    const decrypt = new Uint8Array(buf)\n\n    if (!this._decryptGenerator || this._encryptionMethod !== 2) {\n      return decrypt\n    }\n    for (let i = 0; i < buf.length; i++) {\n      const keystream = this._decryptGenerator.randomByte()\n      decrypt[i] = decrypt[i] ^ keystream\n    }\n\n    return decrypt\n  }\n\n  _utfToHex (str) {\n    return arr2hex(text2arr(str))\n  }\n}\n\nexport default Wire\n","/* Common package for dealing with hex/string/uint8 conversions (and sha1 hashing)\r\n*\r\n* @author   Jimmy Wärting <jimmy@warting.se> (https://jimmy.warting.se/opensource)\r\n* @license  MIT\r\n*/\r\nexport const alphabet = '0123456789abcdef'\r\nconst encodeLookup = []\r\nconst decodeLookup = []\r\n\r\nfor (let i = 0; i < 256; i++) {\r\n  encodeLookup[i] = alphabet[i >> 4 & 0xf] + alphabet[i & 0xf]\r\n  if (i < 16) {\r\n    if (i < 10) {\r\n      decodeLookup[0x30 + i] = i\r\n    } else {\r\n      decodeLookup[0x61 - 10 + i] = i\r\n    }\r\n  }\r\n}\r\n\r\nexport const arr2hex = data => {\r\n  const length = data.length\r\n  let string = ''\r\n  let i = 0\r\n  while (i < length) {\r\n    string += encodeLookup[data[i++]]\r\n  }\r\n  return string\r\n}\r\n\r\nexport const hex2arr = str => {\r\n  const sizeof = str.length >> 1\r\n  const length = sizeof << 1\r\n  const array = new Uint8Array(sizeof)\r\n  let n = 0\r\n  let i = 0\r\n  while (i < length) {\r\n    array[n++] = decodeLookup[str.charCodeAt(i++)] << 4 | decodeLookup[str.charCodeAt(i++)]\r\n  }\r\n  return array\r\n}\r\n\r\nexport const concat = (chunks, size = 0) => {\r\n  const length = chunks.length || 0\r\n  if (!size) {\r\n    let i = length\r\n    while (i--) size += chunks[i].length\r\n  }\r\n  const b = new Uint8Array(size)\r\n  let offset = size\r\n  let i = length\r\n  while (i--) {\r\n    offset -= chunks[i].length\r\n    b.set(chunks[i], offset)\r\n  }\r\n\r\n  return b\r\n}\r\n\r\nexport const equal = (a, b) => {\r\n  if (a.length !== b.length) return false\r\n  for (let i = a.length; i > -1; i -= 1) {\r\n    if ((a[i] !== b[i])) return false\r\n  }\r\n  return true\r\n}\r\n","/*\n * base64-arraybuffer 1.0.2 <https://github.com/niklasvh/base64-arraybuffer>\n * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>\n * Released under MIT License\n */\nvar chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';\n// Use a lookup table to find the index.\nvar lookup = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);\nfor (var i = 0; i < chars.length; i++) {\n    lookup[chars.charCodeAt(i)] = i;\n}\nvar encode = function (arraybuffer) {\n    var bytes = new Uint8Array(arraybuffer), i, len = bytes.length, base64 = '';\n    for (i = 0; i < len; i += 3) {\n        base64 += chars[bytes[i] >> 2];\n        base64 += chars[((bytes[i] & 3) << 4) | (bytes[i + 1] >> 4)];\n        base64 += chars[((bytes[i + 1] & 15) << 2) | (bytes[i + 2] >> 6)];\n        base64 += chars[bytes[i + 2] & 63];\n    }\n    if (len % 3 === 2) {\n        base64 = base64.substring(0, base64.length - 1) + '=';\n    }\n    else if (len % 3 === 1) {\n        base64 = base64.substring(0, base64.length - 2) + '==';\n    }\n    return base64;\n};\nvar decode = function (base64) {\n    var bufferLength = base64.length * 0.75, len = base64.length, i, p = 0, encoded1, encoded2, encoded3, encoded4;\n    if (base64[base64.length - 1] === '=') {\n        bufferLength--;\n        if (base64[base64.length - 2] === '=') {\n            bufferLength--;\n        }\n    }\n    var arraybuffer = new ArrayBuffer(bufferLength), bytes = new Uint8Array(arraybuffer);\n    for (i = 0; i < len; i += 4) {\n        encoded1 = lookup[base64.charCodeAt(i)];\n        encoded2 = lookup[base64.charCodeAt(i + 1)];\n        encoded3 = lookup[base64.charCodeAt(i + 2)];\n        encoded4 = lookup[base64.charCodeAt(i + 3)];\n        bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);\n        bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);\n        bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);\n    }\n    return arraybuffer;\n};\n\nexport { decode, encode };\n//# sourceMappingURL=base64-arraybuffer.es5.js.map\n","import { arr2hex, hex2arr, alphabet } from './util.js'\r\nimport { decode, encode } from 'base64-arraybuffer'\r\n\r\nconst decoder = new TextDecoder()\r\n// 50% slower at < 48 chars, but little impact at 4M OPS/s vs 8M OPS/s\r\nexport const arr2text = (data, enc) => {\r\n  if (!enc) return decoder.decode(data)\r\n  const dec = new TextDecoder(enc)\r\n  return dec.decode(data)\r\n}\r\n\r\n// sacrifice ~20% speed for bundle size\r\nconst encoder = new TextEncoder()\r\nexport const text2arr = str => encoder.encode(str)\r\n\r\nexport const arr2base = data => encode(data)\r\n\r\nexport const base2arr = str => new Uint8Array(decode(str))\r\n\r\nexport const bin2hex = str => {\r\n  let res = ''\r\n  let c\r\n  let i = 0\r\n  const len = str.length\r\n\r\n  while (i < len) {\r\n    c = str.charCodeAt(i++)\r\n    res += alphabet[c >> 4] + alphabet[c & 0xF]\r\n  }\r\n\r\n  return res\r\n}\r\n\r\nconst MAX_ARGUMENTS_LENGTH = 0x10000\r\nexport const hex2bin = hex => {\r\n  const points = hex2arr(hex)\r\n  if (points.length <= MAX_ARGUMENTS_LENGTH) return String.fromCharCode(...points)\r\n\r\n  let res = ''\r\n  let i = 0\r\n  while (i < points.length) {\r\n    res += String.fromCharCode(...points.subarray(i, i += MAX_ARGUMENTS_LENGTH))\r\n  }\r\n  return res\r\n}\r\n\r\nconst scope = typeof window !== 'undefined' ? window : self\r\nconst crypto = scope.crypto || scope.msCrypto || {}\r\nconst subtle = crypto.subtle || crypto.webkitSubtle\r\n\r\nconst formatMap = {\r\n  hex: arr2hex,\r\n  base64: arr2base\r\n}\r\n\r\nexport const hash = async (data, format, algo = 'sha-1') => {\r\n  if (!subtle) throw new Error('no web crypto support')\r\n  if (typeof data === 'string') data = text2arr(data)\r\n  const out = new Uint8Array(await subtle.digest(algo, data))\r\n  return format ? formatMap[format](out) : out\r\n}\r\n\r\nexport const randomBytes = size => {\r\n  const view = new Uint8Array(size)\r\n  return crypto.getRandomValues(view)\r\n}\r\n\r\nexport * from './util.js'\r\n","/*!\n * Fast node `require('process')` for modern browsers\n *\n * @author   Mathias Rasmussen <mathiasvr@gmail.com>\n * @license  MIT\n */\nimport queueMicrotask from 'queue-microtask'\n\nconst title = 'browser'\nconst browser = true\nconst env = {}\nconst argv = []\nconst version = ''\nconst versions = {}\n\nfunction noop () {}\n\nconst on = noop\nconst addListener = noop\nconst once = noop\nconst off = noop\nconst removeListener = noop\nconst removeAllListeners = noop\nconst emit = noop\nconst prependListener = noop\nconst prependOnceListener = noop\n\nconst nextTick = (func, ...args) => queueMicrotask(() => func(...args))\n\nconst listeners = (name) => []\n\nconst cwd = () => '/'\nconst umask = () => 0\nconst binding = (name) => { throw new Error('process.binding is not supported') }\nconst chdir = (dir) => { throw new Error('process.chdir is not supported') }\n\nexport {\n  title, browser, env, argv, version, versions, on, addListener, once, off, removeListener,\n  removeAllListeners, emit, prependListener, prependOnceListener, nextTick, listeners, cwd, umask, binding, chdir\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","export function assertPath (path) {\r\n  if (typeof path !== 'string') {\r\n    throw new TypeError('Path must be a string. Received ' + JSON.stringify(path))\r\n  }\r\n}\r\n\r\n// Resolves . and .. elements in a path with directory names\r\nexport function normalizeStringPosix (path, allowAboveRoot) {\r\n  let res = ''\r\n  let lastSegmentLength = 0\r\n  let lastSlash = -1\r\n  let dots = 0\r\n  let code\r\n  for (let i = 0; i <= path.length; ++i) {\r\n    if (i < path.length) { code = path.charCodeAt(i) } else if (code === 47) { break } else { code = 47 }\r\n    if (code === 47) {\r\n      if (lastSlash === i - 1 || dots === 1) {\r\n        // NOOP\r\n      } else if (lastSlash !== i - 1 && dots === 2) {\r\n        if (res.length < 2 || lastSegmentLength !== 2 || res.charCodeAt(res.length - 1) !== 46 || res.charCodeAt(res.length - 2) !== 46) {\r\n          if (res.length > 2) {\r\n            const lastSlashIndex = res.lastIndexOf('/')\r\n            if (lastSlashIndex !== res.length - 1) {\r\n              if (lastSlashIndex === -1) {\r\n                res = ''\r\n                lastSegmentLength = 0\r\n              } else {\r\n                res = res.slice(0, lastSlashIndex)\r\n                lastSegmentLength = res.length - 1 - res.lastIndexOf('/')\r\n              }\r\n              lastSlash = i\r\n              dots = 0\r\n              continue\r\n            }\r\n          } else if (res.length === 2 || res.length === 1) {\r\n            res = ''\r\n            lastSegmentLength = 0\r\n            lastSlash = i\r\n            dots = 0\r\n            continue\r\n          }\r\n        }\r\n        if (allowAboveRoot) {\r\n          if (res.length > 0) { res += '/..' } else { res = '..' }\r\n          lastSegmentLength = 2\r\n        }\r\n      } else {\r\n        if (res.length > 0) { res += '/' + path.slice(lastSlash + 1, i) } else { res = path.slice(lastSlash + 1, i) }\r\n        lastSegmentLength = i - lastSlash - 1\r\n      }\r\n      lastSlash = i\r\n      dots = 0\r\n    } else if (code === 46 && dots !== -1) {\r\n      ++dots\r\n    } else {\r\n      dots = -1\r\n    }\r\n  }\r\n  return res\r\n}\r\n\r\nexport function _format (sep, pathObject) {\r\n  const dir = pathObject.dir || pathObject.root\r\n  const base = pathObject.base || (pathObject.name || '') + (pathObject.ext || '')\r\n  if (!dir) {\r\n    return base\r\n  }\r\n  if (dir === pathObject.root) {\r\n    return dir + base\r\n  }\r\n  return dir + sep + base\r\n}\r\n","import { assertPath } from './util.js'\r\nimport normalize from './normalize.js'\r\n\r\nexport default function join () {\r\n  if (arguments.length === 0) { return '.' }\r\n  let joined\r\n  for (let i = 0; i < arguments.length; ++i) {\r\n    const arg = arguments[i]\r\n    assertPath(arg)\r\n    if (arg.length > 0) {\r\n      if (joined === undefined) { joined = arg } else { joined += '/' + arg }\r\n    }\r\n  }\r\n  if (joined === undefined) { return '.' }\r\n  return normalize(joined)\r\n}\r\n","import { assertPath, normalizeStringPosix } from './util.js'\r\n\r\nexport default function normalize (path) {\r\n  assertPath(path)\r\n\r\n  if (path.length === 0) return '.'\r\n\r\n  const isAbsolute = path.charCodeAt(0) === 47\r\n  const trailingSeparator = path.charCodeAt(path.length - 1) === 47\r\n\r\n  // Normalize the path\r\n  path = normalizeStringPosix(path, !isAbsolute)\r\n\r\n  if (path.length === 0 && !isAbsolute) path = '.'\r\n  if (path.length > 0 && trailingSeparator) path += '/'\r\n\r\n  if (isAbsolute) return '/' + path\r\n  return path\r\n}\r\n","export const _makeLong = a => a\r\nexport const sep = '/'\r\nexport const delimiter = ':'\r\n\r\nexport { default as basename } from './lib/basename.js'\r\nexport { default as dirname } from './lib/dirname.js'\r\nexport { default as extname } from './lib/extname.js'\r\nexport { default as format } from './lib/format.js'\r\nexport { default as isAbsolute } from './lib/isAbsolute.js'\r\nexport { default as join } from './lib/join.js'\r\nexport { default as normalize } from './lib/normalize.js'\r\nexport { default as parse } from './lib/parse.js'\r\nexport { default as relative } from './lib/relative.js'\r\nexport { default as resolve } from './lib/resolve.js'\r\n\r\nexport * as default from './index.js'\r\nexport * as win32 from './index.js'\r\nexport * as posix from './index.js'\r\n","const ignoreList = [\n\t// # All\n\t'^npm-debug\\\\.log$', // Error log for npm\n\t'^\\\\..*\\\\.swp$', // Swap file for vim state\n\n\t// # macOS\n\t'^\\\\.DS_Store$', // Stores custom folder attributes\n\t'^\\\\.AppleDouble$', // Stores additional file resources\n\t'^\\\\.LSOverride$', // Contains the absolute path to the app to be used\n\t'^Icon\\\\r$', // Custom Finder icon: http://superuser.com/questions/298785/icon-file-on-os-x-desktop\n\t'^\\\\._.*', // Thumbnail\n\t'^\\\\.Spotlight-V100(?:$|\\\\/)', // Directory that might appear on external disk\n\t'\\\\.Trashes', // File that might appear on external disk\n\t'^__MACOSX$', // Resource fork\n\n\t// # Linux\n\t'~$', // Backup file\n\n\t// # Windows\n\t'^Thumbs\\\\.db$', // Image file cache\n\t'^ehthumbs\\\\.db$', // Folder config file\n\t'^[Dd]esktop\\\\.ini$', // Stores custom folder attributes\n\t'@eaDir$', // Synology Diskstation \"hidden\" folder where the server stores thumbnails\n];\n\nexport const junkRegex = new RegExp(ignoreList.join('|'));\n\nexport function isJunk(filename) {\n\treturn junkRegex.test(filename);\n}\n\nexport function isNotJunk(filename) {\n\treturn !isJunk(filename);\n}\n","/*! create-torrent. MIT License. WebTorrent LLC <https://webtorrent.io/opensource> */\nimport bencode from 'bencode'\nimport blockIterator from 'block-iterator'\nimport calcPieceLength from 'piece-length'\nimport corePath from 'path'\nimport isFile from 'is-file'\nimport { isJunk } from 'junk'\nimport joinIterator from 'join-async-iterator'\nimport parallel from 'run-parallel'\nimport queueMicrotask from 'queue-microtask'\nimport { hash, hex2arr } from 'uint8-util'\nimport 'fast-readable-async-iterator'\n\nimport getFiles from './get-files.js' // browser exclude\n\nconst announceList = [\n  ['udp://tracker.leechers-paradise.org:6969'],\n  ['udp://tracker.coppersurfer.tk:6969'],\n  ['udp://tracker.opentrackr.org:1337'],\n  ['udp://explodie.org:6969'],\n  ['udp://tracker.empire-js.us:1337'],\n  ['wss://tracker.btorrent.xyz'],\n  ['wss://tracker.openwebtorrent.com'],\n  ['wss://tracker.webtorrent.dev']\n]\n\n/**\n * Create a torrent.\n * @param  {string|File|FileList|Buffer|Stream|Array.<string|File|Buffer|Stream>} input\n * @param  {Object} opts\n * @param  {string=} opts.name\n * @param  {Date=} opts.creationDate\n * @param  {string=} opts.comment\n * @param  {string=} opts.createdBy\n * @param  {boolean|number=} opts.private\n * @param  {number=} opts.pieceLength\n * @param  {number=} opts.maxPieceLength\n * @param  {Array.<Array.<string>>=} opts.announceList\n * @param  {Array.<string>=} opts.urlList\n * @param  {Object=} opts.info\n * @param  {Function} opts.onProgress\n * @param  {function} cb\n * @return {Buffer} buffer of .torrent file data\n */\nfunction createTorrent (input, opts, cb) {\n  if (typeof opts === 'function') [opts, cb] = [cb, opts]\n  opts = opts ? Object.assign({}, opts) : {}\n\n  _parseInput(input, opts, (err, files, singleFileTorrent) => {\n    if (err) return cb(err)\n    opts.singleFileTorrent = singleFileTorrent\n    onFiles(files, opts, cb)\n  })\n}\n\nfunction parseInput (input, opts, cb) {\n  if (typeof opts === 'function') [opts, cb] = [cb, opts]\n  opts = opts ? Object.assign({}, opts) : {}\n  _parseInput(input, opts, cb)\n}\n\nconst pathSymbol = Symbol('itemPath')\n\n/**\n * Parse input file and return file information.\n */\nfunction _parseInput (input, opts, cb) {\n  if (isFileList(input)) input = Array.from(input)\n  if (!Array.isArray(input)) input = [input]\n\n  if (input.length === 0) throw new Error('invalid input type')\n\n  input.forEach(item => {\n    if (item == null) throw new Error(`invalid input type: ${item}`)\n  })\n\n  // In Electron, use the true file path\n  input = input.map(item => {\n    if (isBlob(item) && typeof item.path === 'string' && typeof getFiles === 'function') return item.path\n    return item\n  })\n\n  // If there's just one file, allow the name to be set by `opts.name`\n  if (input.length === 1 && typeof input[0] !== 'string' && !input[0].name) input[0].name = opts.name\n\n  let commonPrefix = null\n  input.forEach((item, i) => {\n    if (typeof item === 'string') {\n      return\n    }\n\n    let path = item.fullPath || item.name\n    if (!path) {\n      path = `Unknown File ${i + 1}`\n      item.unknownName = true\n    }\n\n    item[pathSymbol] = path.split('/')\n\n    // Remove initial slash\n    if (!item[pathSymbol][0]) {\n      item[pathSymbol].shift()\n    }\n\n    if (item[pathSymbol].length < 2) { // No real prefix\n      commonPrefix = null\n    } else if (i === 0 && input.length > 1) { // The first file has a prefix\n      commonPrefix = item[pathSymbol][0]\n    } else if (item[pathSymbol][0] !== commonPrefix) { // The prefix doesn't match\n      commonPrefix = null\n    }\n  })\n\n  const filterJunkFiles = opts.filterJunkFiles === undefined ? true : opts.filterJunkFiles\n  if (filterJunkFiles) {\n    // Remove junk files\n    input = input.filter(item => {\n      if (typeof item === 'string') {\n        return true\n      }\n      return !isJunkPath(item[pathSymbol])\n    })\n  }\n\n  if (commonPrefix) {\n    input.forEach(item => {\n      const pathless = (ArrayBuffer.isView(item) || isReadable(item)) && !item[pathSymbol]\n      if (typeof item === 'string' || pathless) return\n      item[pathSymbol].shift()\n    })\n  }\n\n  if (!opts.name && commonPrefix) {\n    opts.name = commonPrefix\n  }\n\n  if (!opts.name) {\n    // use first user-set file name\n    input.some(item => {\n      if (typeof item === 'string') {\n        opts.name = corePath.basename(item)\n        return true\n      } else if (!item.unknownName) {\n        opts.name = item[pathSymbol][item[pathSymbol].length - 1]\n        return true\n      }\n      return false\n    })\n  }\n\n  if (!opts.name) {\n    opts.name = `Unnamed Torrent ${Date.now()}`\n  }\n\n  if (!opts.maxPieceLength) {\n    opts.maxPieceLength = 4 * 1024 * 1024\n  }\n\n  const numPaths = input.reduce((sum, item) => sum + Number(typeof item === 'string'), 0)\n\n  let isSingleFileTorrent = (input.length === 1)\n\n  if (input.length === 1 && typeof input[0] === 'string') {\n    if (typeof getFiles !== 'function') {\n      throw new Error('filesystem paths do not work in the browser')\n    }\n    // If there's a single path, verify it's a file before deciding this is a single\n    // file torrent\n    isFile(input[0], (err, pathIsFile) => {\n      if (err) return cb(err)\n      isSingleFileTorrent = pathIsFile\n      processInput()\n    })\n  } else {\n    queueMicrotask(processInput)\n  }\n\n  function processInput () {\n    parallel(input.map(item => cb => {\n      const file = {}\n\n      if (isBlob(item)) {\n        file.getStream = item.stream()\n        file.length = item.size\n      } else if (ArrayBuffer.isView(item)) {\n        file.getStream = [item] // wrap in iterable to write entire buffer at once instead of unwrapping all bytes\n        file.length = item.length\n      } else if (isReadable(item)) {\n        file.getStream = getStreamStream(item, file)\n        file.length = 0\n      } else if (typeof item === 'string') {\n        if (typeof getFiles !== 'function') {\n          throw new Error('filesystem paths do not work in the browser')\n        }\n        const keepRoot = numPaths > 1 || isSingleFileTorrent\n        getFiles(item, keepRoot, cb)\n        return // early return!\n      } else {\n        throw new Error('invalid input type')\n      }\n      file.path = item[pathSymbol]\n      cb(null, file)\n    }), (err, files) => {\n      if (err) return cb(err)\n      files = files.flat()\n      cb(null, files, isSingleFileTorrent)\n    })\n  }\n}\n\nconst MAX_OUTSTANDING_HASHES = 5\n\nasync function getPieceList (files, pieceLength, estimatedTorrentLength, opts, cb) {\n  const pieces = []\n  let length = 0\n  let hashedLength = 0\n\n  const streams = files.map(file => file.getStream)\n\n  const onProgress = opts.onProgress\n\n  let remainingHashes = 0\n  let pieceNum = 0\n  let ended = false\n\n  const iterator = blockIterator(joinIterator(streams), pieceLength, { zeroPadding: false })\n  try {\n    for await (const chunk of iterator) {\n      await new Promise(resolve => {\n        length += chunk.length\n        const i = pieceNum\n        ++pieceNum\n        if (++remainingHashes < MAX_OUTSTANDING_HASHES) resolve()\n        hash(chunk, 'hex').then(hash => {\n          pieces[i] = hash\n          --remainingHashes\n          hashedLength += chunk.length\n          if (onProgress) onProgress(hashedLength, estimatedTorrentLength)\n          resolve()\n          if (ended && remainingHashes === 0) cb(null, hex2arr(pieces.join('')), length)\n        })\n      })\n    }\n    if (remainingHashes === 0) return cb(null, hex2arr(pieces.join('')), length)\n    ended = true\n  } catch (err) {\n    cb(err)\n  }\n}\n\nfunction onFiles (files, opts, cb) {\n  let _announceList = opts.announceList\n\n  if (!_announceList) {\n    if (typeof opts.announce === 'string') _announceList = [[opts.announce]]\n    else if (Array.isArray(opts.announce)) {\n      _announceList = opts.announce.map(u => [u])\n    }\n  }\n\n  if (!_announceList) _announceList = []\n\n  if (globalThis.WEBTORRENT_ANNOUNCE) {\n    if (typeof globalThis.WEBTORRENT_ANNOUNCE === 'string') {\n      _announceList.push([[globalThis.WEBTORRENT_ANNOUNCE]])\n    } else if (Array.isArray(globalThis.WEBTORRENT_ANNOUNCE)) {\n      _announceList = _announceList.concat(globalThis.WEBTORRENT_ANNOUNCE.map(u => [u]))\n    }\n  }\n\n  // When no trackers specified, use some reasonable defaults\n  if (opts.announce === undefined && opts.announceList === undefined) {\n    _announceList = _announceList.concat(announceList)\n  }\n\n  if (typeof opts.urlList === 'string') opts.urlList = [opts.urlList]\n\n  const torrent = {\n    info: {\n      name: opts.name\n    },\n    'creation date': Math.ceil((Number(opts.creationDate) || Date.now()) / 1000),\n    encoding: 'UTF-8'\n  }\n\n  if (_announceList.length !== 0) {\n    torrent.announce = _announceList[0][0]\n    torrent['announce-list'] = _announceList\n  }\n\n  if (opts.comment !== undefined) torrent.comment = opts.comment\n\n  if (opts.createdBy !== undefined) torrent['created by'] = opts.createdBy\n\n  if (opts.private !== undefined) torrent.info.private = Number(opts.private)\n\n  if (opts.info !== undefined) Object.assign(torrent.info, opts.info)\n\n  // \"ssl-cert\" key is for SSL torrents, see:\n  //   - http://blog.libtorrent.org/2012/01/bittorrent-over-ssl/\n  //   - http://www.libtorrent.org/manual-ref.html#ssl-torrents\n  //   - http://www.libtorrent.org/reference-Create_Torrents.html\n  if (opts.sslCert !== undefined) torrent.info['ssl-cert'] = opts.sslCert\n\n  if (opts.urlList !== undefined) torrent['url-list'] = opts.urlList\n\n  const estimatedTorrentLength = files.reduce(sumLength, 0)\n  const pieceLength = opts.pieceLength || Math.min(calcPieceLength(estimatedTorrentLength), opts.maxPieceLength)\n  torrent.info['piece length'] = pieceLength\n\n  getPieceList(\n    files,\n    pieceLength,\n    estimatedTorrentLength,\n    opts,\n    (err, pieces, torrentLength) => {\n      if (err) return cb(err)\n      torrent.info.pieces = pieces\n\n      files.forEach(file => {\n        delete file.getStream\n      })\n\n      if (opts.singleFileTorrent) {\n        torrent.info.length = torrentLength\n      } else {\n        torrent.info.files = files\n      }\n\n      cb(null, bencode.encode(torrent))\n    }\n  )\n}\n\n/**\n * Determine if a a file is junk based on its path\n * (defined as hidden OR recognized by the `junk` package)\n *\n * @param  {string} path\n * @return {boolean}\n */\nfunction isJunkPath (path) {\n  const filename = path[path.length - 1]\n  return filename[0] === '.' && isJunk(filename)\n}\n\n/**\n * Accumulator to sum file lengths\n * @param  {number} sum\n * @param  {Object} file\n * @return {number}\n */\nfunction sumLength (sum, file) {\n  return sum + file.length\n}\n\n/**\n * Check if `obj` is a W3C `Blob` object (which `File` inherits from)\n * @param  {*} obj\n * @return {boolean}\n */\nfunction isBlob (obj) {\n  return typeof Blob !== 'undefined' && obj instanceof Blob\n}\n\n/**\n * Check if `obj` is a W3C `FileList` object\n * @param  {*} obj\n * @return {boolean}\n */\nfunction isFileList (obj) {\n  return typeof FileList !== 'undefined' && obj instanceof FileList\n}\n\n/**\n * Check if `obj` is a node Readable stream\n * @param  {*} obj\n * @return {boolean}\n */\nfunction isReadable (obj) {\n  return typeof obj === 'object' && obj != null && typeof obj.pipe === 'function'\n}\n\n/**\n * Convert a readable stream to a lazy async iterator. Adds instrumentation to track\n * the number of bytes in the stream and set `file.length`.\n *\n * @generator\n * @param  {Stream} readable\n * @param  {Object} file\n * @return {Uint8Array} stream data/chunk\n */\nasync function * getStreamStream (readable, file) {\n  for await (const chunk of readable) {\n    file.length += chunk.length\n    yield chunk\n  }\n}\n\nexport default createTorrent\nexport { parseInput, announceList, isJunkPath }\n","import { assertPath } from './util.js'\r\n\r\nexport default function basename (path, ext) {\r\n  if (ext !== undefined && typeof ext !== 'string') throw new TypeError('\"ext\" argument must be a string')\r\n  assertPath(path)\r\n\r\n  let start = 0\r\n  let end = -1\r\n  let matchedSlash = true\r\n  let i\r\n\r\n  if (ext !== undefined && ext.length > 0 && ext.length <= path.length) {\r\n    if (ext.length === path.length && ext === path) return ''\r\n    let extIdx = ext.length - 1\r\n    let firstNonSlashEnd = -1\r\n    for (i = path.length - 1; i >= 0; --i) {\r\n      const code = path.charCodeAt(i)\r\n      if (code === 47) {\r\n        // If we reached a path separator that was not part of a set of path\r\n        // separators at the end of the string, stop now\r\n        if (!matchedSlash) {\r\n          start = i + 1\r\n          break\r\n        }\r\n      } else {\r\n        if (firstNonSlashEnd === -1) {\r\n          // We saw the first non-path separator, remember this index in case\r\n          // we need it if the extension ends up not matching\r\n          matchedSlash = false\r\n          firstNonSlashEnd = i + 1\r\n        }\r\n        if (extIdx >= 0) {\r\n          // Try to match the explicit extension\r\n          if (code === ext.charCodeAt(extIdx)) {\r\n            if (--extIdx === -1) {\r\n              // We matched the extension, so mark this as the end of our path\r\n              // component\r\n              end = i\r\n            }\r\n          } else {\r\n            // Extension does not match, so our result is the entire path\r\n            // component\r\n            extIdx = -1\r\n            end = firstNonSlashEnd\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    if (start === end) end = firstNonSlashEnd; else if (end === -1) end = path.length\r\n    return path.slice(start, end)\r\n  } else {\r\n    for (i = path.length - 1; i >= 0; --i) {\r\n      if (path.charCodeAt(i) === 47) {\r\n        // If we reached a path separator that was not part of a set of path\r\n        // separators at the end of the string, stop now\r\n        if (!matchedSlash) {\r\n          start = i + 1\r\n          break\r\n        }\r\n      } else if (end === -1) {\r\n        // We saw the first non-path separator, mark this as the end of our\r\n        // path component\r\n        matchedSlash = false\r\n        end = i + 1\r\n      }\r\n    }\r\n\r\n    if (end === -1) return ''\r\n    return path.slice(start, end)\r\n  }\r\n}\r\n","export const Blob = self.Blob\r\nexport const File = self.File\r\nexport const FormData = self.FormData\r\nexport const Headers = self.Headers\r\nexport const Request = self.Request\r\nexport const Response = self.Response\r\nexport const AbortController = self.AbortController\r\nexport const AbortSignal = self.AbortSignal\r\n\r\nexport const fetch = self.fetch || (() => { throw new Error('global fetch is not available!') })\r\nexport default fetch\r\n","import { text2arr } from 'uint8-util'\r\n/*\r\nCopyright (c) 2011, Chris Umbel\r\n\r\nPermission is hereby granted, free of charge, to any person obtaining a copy\r\nof this software and associated documentation files (the \"Software\"), to deal\r\nin the Software without restriction, including without limitation the rights\r\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\r\ncopies of the Software, and to permit persons to whom the Software is\r\nfurnished to do so, subject to the following conditions:\r\n\r\nThe above copyright notice and this permission notice shall be included in\r\nall copies or substantial portions of the Software.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\r\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\r\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\r\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\r\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\r\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\r\nTHE SOFTWARE.\r\n*/\r\nconst charTable = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ234567'\r\nconst byteTable = [\r\n  0xff, 0xff, 0x1a, 0x1b, 0x1c, 0x1d, 0x1e, 0x1f,\r\n  0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff, 0xff,\r\n  0xff, 0x00, 0x01, 0x02, 0x03, 0x04, 0x05, 0x06,\r\n  0x07, 0x08, 0x09, 0x0a, 0x0b, 0x0c, 0x0d, 0x0e,\r\n  0x0f, 0x10, 0x11, 0x12, 0x13, 0x14, 0x15, 0x16,\r\n  0x17, 0x18, 0x19, 0xff, 0xff, 0xff, 0xff, 0xff,\r\n  0xff, 0x00, 0x01, 0x02, 0x03, 0x04, 0x05, 0x06,\r\n  0x07, 0x08, 0x09, 0x0a, 0x0b, 0x0c, 0x0d, 0x0e,\r\n  0x0f, 0x10, 0x11, 0x12, 0x13, 0x14, 0x15, 0x16,\r\n  0x17, 0x18, 0x19, 0xff, 0xff, 0xff, 0xff, 0xff\r\n]\r\nfunction quintetCount (buff) {\r\n  const quintets = Math.floor(buff.length / 5)\r\n  return buff.length % 5 === 0 ? quintets : quintets + 1\r\n}\r\nconst encode = function (plain) {\r\n  if (!ArrayBuffer.isView(plain) && typeof plain !== 'string') {\r\n    throw new TypeError('base32.encode only takes Buffer or string as parameter')\r\n  }\r\n  if (!ArrayBuffer.isView(plain)) {\r\n    plain = text2arr(plain)\r\n  }\r\n  let i = 0\r\n  let j = 0\r\n  let shiftIndex = 0\r\n  let digit = 0\r\n  const encoded = new Uint8Array(quintetCount(plain) * 8)\r\n  /* byte by byte isn't as pretty as quintet by quintet but tests a bit\r\n        faster. will have to revisit. */\r\n  while (i < plain.length) {\r\n    const current = plain[i]\r\n    if (shiftIndex > 3) {\r\n      digit = current & (0xff >> shiftIndex)\r\n      shiftIndex = (shiftIndex + 5) % 8\r\n      digit = (digit << shiftIndex) | ((i + 1 < plain.length)\r\n        ? plain[i + 1]\r\n        : 0) >> (8 - shiftIndex)\r\n      i++\r\n    } else {\r\n      digit = (current >> (8 - (shiftIndex + 5))) & 0x1f\r\n      shiftIndex = (shiftIndex + 5) % 8\r\n      if (shiftIndex === 0) { i++ }\r\n    }\r\n    encoded[j] = charTable.charCodeAt(digit)\r\n    j++\r\n  }\r\n  for (i = j; i < encoded.length; i++) {\r\n    encoded[i] = 0x3d // '='.charCodeAt(0)\r\n  }\r\n  return encoded\r\n}\r\nconst decode = function (encoded) {\r\n  if (!ArrayBuffer.isView(encoded) && typeof encoded !== 'string') {\r\n    throw new TypeError('base32.decode only takes Buffer or string as parameter')\r\n  }\r\n  let shiftIndex = 0\r\n  let plainDigit = 0\r\n  let plainChar\r\n  let plainPos = 0\r\n  if (!ArrayBuffer.isView(encoded)) {\r\n    encoded = text2arr(encoded)\r\n  }\r\n  const decoded = new Uint8Array(Math.ceil(encoded.length * 5 / 8))\r\n  /* byte by byte isn't as pretty as octet by octet but tests a bit\r\n        faster. will have to revisit. */\r\n  for (let i = 0; i < encoded.length; i++) {\r\n    if (encoded[i] === 0x3d) { // '='\r\n      break\r\n    }\r\n    const encodedByte = encoded[i] - 0x30\r\n    if (encodedByte < byteTable.length) {\r\n      plainDigit = byteTable[encodedByte]\r\n      if (shiftIndex <= 3) {\r\n        shiftIndex = (shiftIndex + 5) % 8\r\n        if (shiftIndex === 0) {\r\n          plainChar |= plainDigit\r\n          decoded[plainPos] = plainChar\r\n          plainPos++\r\n          plainChar = 0\r\n        } else {\r\n          plainChar |= 0xff & (plainDigit << (8 - shiftIndex))\r\n        }\r\n      } else {\r\n        shiftIndex = (shiftIndex + 5) % 8\r\n        plainChar |= 0xff & (plainDigit >>> shiftIndex)\r\n        decoded[plainPos] = plainChar\r\n        plainPos++\r\n        plainChar = 0xff & (plainDigit << (8 - shiftIndex))\r\n      }\r\n    } else {\r\n      throw new Error('Invalid input - it is not base32 encoded string')\r\n    }\r\n  }\r\n  return decoded.subarray(0, plainPos)\r\n}\r\nexport default { encode, decode }\r\nexport { encode, decode }\r\n","function composeRange (range) {\n  return range\n    .reduce((acc, cur, idx, arr) => {\n      if (idx === 0 || cur !== arr[idx - 1] + 1) acc.push([])\n      acc[acc.length - 1].push(cur)\n      return acc\n    }, [])\n    .map((cur) => {\n      return cur.length > 1 ? `${cur[0]}-${cur[cur.length - 1]}` : `${cur[0]}`\n    })\n}\n\nfunction parseRange (range) {\n  const generateRange = (start, end = start) => Array.from({ length: end - start + 1 }, (cur, idx) => idx + start)\n\n  return range\n    .reduce((acc, cur, idx, arr) => {\n      const r = cur.split('-').map(cur => parseInt(cur))\n      return acc.concat(generateRange(...r))\n    }, [])\n}\n\nexport default parseRange\n\nexport {\n  parseRange as parse,\n  composeRange as compose\n}\n","/*! magnet-uri. MIT License. WebTorrent LLC <https://webtorrent.io/opensource> */\nimport { decode } from '@thaunknown/thirty-two'\nimport { parse, compose } from 'bep53-range'\nimport { hex2arr, arr2hex } from 'uint8-util'\n\n/**\n * Parse a magnet URI and return an object of keys/values\n *\n * @param  {string} uri\n * @return {Object} parsed uri\n */\nfunction magnetURIDecode (uri) {\n  const result = {}\n\n  // Support 'magnet:' and 'stream-magnet:' uris\n  const data = uri.split('magnet:?')[1]\n\n  const params = (data && data.length >= 0)\n    ? data.split('&')\n    : []\n\n  params.forEach(param => {\n    const keyval = param.split('=')\n\n    // This keyval is invalid, skip it\n    if (keyval.length !== 2) return\n\n    const key = keyval[0]\n    let val = keyval[1]\n\n    // Clean up torrent name\n    if (key === 'dn') val = decodeURIComponent(val).replace(/\\+/g, ' ')\n\n    // Address tracker (tr), exact source (xs), and acceptable source (as) are encoded\n    // URIs, so decode them\n    if (key === 'tr' || key === 'xs' || key === 'as' || key === 'ws') {\n      val = decodeURIComponent(val)\n    }\n\n    // Return keywords as an array\n    if (key === 'kt') val = decodeURIComponent(val).split('+')\n\n    // Cast file index (ix) to a number\n    if (key === 'ix') val = Number(val)\n\n    // bep53\n    if (key === 'so') val = parse(decodeURIComponent(val).split(','))\n\n    // If there are repeated parameters, return an array of values\n    if (result[key]) {\n      if (!Array.isArray(result[key])) {\n        result[key] = [result[key]]\n      }\n\n      result[key].push(val)\n    } else {\n      result[key] = val\n    }\n  })\n\n  // Convenience properties for parity with `parse-torrent-file` module\n  let m\n  if (result.xt) {\n    const xts = Array.isArray(result.xt) ? result.xt : [result.xt]\n    xts.forEach(xt => {\n      if ((m = xt.match(/^urn:btih:(.{40})/))) {\n        result.infoHash = m[1].toLowerCase()\n      } else if ((m = xt.match(/^urn:btih:(.{32})/))) {\n        result.infoHash = arr2hex(decode(m[1]))\n      } else if ((m = xt.match(/^urn:btmh:1220(.{64})/))) {\n        result.infoHashV2 = m[1].toLowerCase()\n      }\n    })\n  }\n\n  if (result.xs) {\n    const xss = Array.isArray(result.xs) ? result.xs : [result.xs]\n    xss.forEach(xs => {\n      if ((m = xs.match(/^urn:btpk:(.{64})/))) {\n        result.publicKey = m[1].toLowerCase()\n      }\n    })\n  }\n\n  if (result.infoHash) result.infoHashBuffer = hex2arr(result.infoHash)\n  if (result.infoHashV2) result.infoHashV2Buffer = hex2arr(result.infoHashV2)\n  if (result.publicKey) result.publicKeyBuffer = hex2arr(result.publicKey)\n\n  if (result.dn) result.name = result.dn\n  if (result.kt) result.keywords = result.kt\n\n  result.announce = []\n  if (typeof result.tr === 'string' || Array.isArray(result.tr)) {\n    result.announce = result.announce.concat(result.tr)\n  }\n\n  result.urlList = []\n  if (typeof result.as === 'string' || Array.isArray(result.as)) {\n    result.urlList = result.urlList.concat(result.as)\n  }\n  if (typeof result.ws === 'string' || Array.isArray(result.ws)) {\n    result.urlList = result.urlList.concat(result.ws)\n  }\n\n  result.peerAddresses = []\n  if (typeof result['x.pe'] === 'string' || Array.isArray(result['x.pe'])) {\n    result.peerAddresses = result.peerAddresses.concat(result['x.pe'])\n  }\n\n  // remove duplicates by converting to Set and back\n  result.announce = Array.from(new Set(result.announce))\n  result.urlList = Array.from(new Set(result.urlList))\n  result.peerAddresses = Array.from(new Set(result.peerAddresses))\n\n  return result\n}\n\nfunction magnetURIEncode (obj) {\n  obj = Object.assign({}, obj) // clone obj, so we can mutate it\n\n  // support using convenience names, in addition to spec names\n  // (example: `infoHash` for `xt`, `name` for `dn`)\n\n  // Deduplicate xt by using a set\n  let xts = new Set()\n  if (obj.xt && typeof obj.xt === 'string') xts.add(obj.xt)\n  if (obj.xt && Array.isArray(obj.xt)) xts = new Set(obj.xt)\n  if (obj.infoHashBuffer) xts.add(`urn:btih:${arr2hex(obj.infoHashBuffer)}`)\n  if (obj.infoHash) xts.add(`urn:btih:${obj.infoHash}`)\n  if (obj.infoHashV2Buffer) xts.add(obj.xt = `urn:btmh:1220${arr2hex(obj.infoHashV2Buffer)}`)\n  if (obj.infoHashV2) xts.add(`urn:btmh:1220${obj.infoHashV2}`)\n  const xtsDeduped = Array.from(xts)\n  if (xtsDeduped.length === 1) obj.xt = xtsDeduped[0]\n  if (xtsDeduped.length > 1) obj.xt = xtsDeduped\n\n  if (obj.publicKeyBuffer) obj.xs = `urn:btpk:${arr2hex(obj.publicKeyBuffer)}`\n  if (obj.publicKey) obj.xs = `urn:btpk:${obj.publicKey}`\n  if (obj.name) obj.dn = obj.name\n  if (obj.keywords) obj.kt = obj.keywords\n  if (obj.announce) obj.tr = obj.announce\n  if (obj.urlList) {\n    obj.ws = obj.urlList\n    delete obj.as\n  }\n  if (obj.peerAddresses) obj['x.pe'] = obj.peerAddresses\n\n  let result = 'magnet:?'\n  Object.keys(obj)\n    .filter(key => key.length === 2 || key === 'x.pe')\n    .forEach((key, i) => {\n      const values = Array.isArray(obj[key]) ? obj[key] : [obj[key]]\n      values.forEach((val, j) => {\n        if ((i > 0 || j > 0) && ((key !== 'kt' && key !== 'so') || j === 0)) result += '&'\n\n        if (key === 'dn') val = encodeURIComponent(val).replace(/%20/g, '+')\n        if (key === 'tr' || key === 'as' || key === 'ws') {\n          val = encodeURIComponent(val)\n        }\n        // Don't URI encode BEP46 keys\n        if (key === 'xs' && !val.startsWith('urn:btpk:')) {\n          val = encodeURIComponent(val)\n        }\n        if (key === 'kt') val = encodeURIComponent(val)\n        if (key === 'so') return\n\n        if (key === 'kt' && j > 0) result += `+${val}`\n        else result += `${key}=${val}`\n      })\n      if (key === 'so') result += `${key}=${compose(values)}`\n    })\n\n  return result\n}\n\nexport default magnetURIDecode\nexport { magnetURIDecode as decode, magnetURIEncode as encode }\n","/*! parse-torrent. MIT License. WebTorrent LLC <https://webtorrent.io/opensource> */\n\nimport bencode from 'bencode'\nimport fs from 'fs' // browser exclude\nimport fetch from 'cross-fetch-ponyfill'\nimport magnet, { encode } from 'magnet-uri'\nimport path from 'path'\nimport { hash, arr2hex, text2arr, arr2text } from 'uint8-util'\nimport queueMicrotask from 'queue-microtask'\n\n/**\n * Parse a torrent identifier (magnet uri, .torrent file, info hash)\n * @param  {string|ArrayBufferView|Object} torrentId\n * @return {Object}\n */\nasync function parseTorrent (torrentId) {\n  if (typeof torrentId === 'string' && /^(stream-)?magnet:/.test(torrentId)) {\n    // if magnet uri (string)\n    const torrentObj = magnet(torrentId)\n\n    // infoHash won't be defined if a non-bittorrent magnet is passed\n    if (!torrentObj.infoHash) {\n      throw new Error('Invalid torrent identifier')\n    }\n\n    return torrentObj\n  } else if (typeof torrentId === 'string' && (/^[a-f0-9]{40}$/i.test(torrentId) || /^[a-z2-7]{32}$/i.test(torrentId))) {\n    // if info hash (hex/base-32 string)\n    return magnet(`magnet:?xt=urn:btih:${torrentId}`)\n  } else if (ArrayBuffer.isView(torrentId) && torrentId.length === 20) {\n    // if info hash (buffer)\n    return magnet(`magnet:?xt=urn:btih:${arr2hex(torrentId)}`)\n  } else if (ArrayBuffer.isView(torrentId)) {\n    // if .torrent file (buffer)\n    return await decodeTorrentFile(torrentId) // might throw\n  } else if (torrentId && torrentId.infoHash) {\n    // if parsed torrent (from `parse-torrent` or `magnet-uri`)\n    torrentId.infoHash = torrentId.infoHash.toLowerCase()\n\n    if (!torrentId.announce) torrentId.announce = []\n\n    if (typeof torrentId.announce === 'string') {\n      torrentId.announce = [torrentId.announce]\n    }\n\n    if (!torrentId.urlList) torrentId.urlList = []\n\n    return torrentId\n  } else {\n    throw new Error('Invalid torrent identifier')\n  }\n}\n\nasync function parseTorrentRemote (torrentId, opts, cb) {\n  if (typeof opts === 'function') return parseTorrentRemote(torrentId, {}, opts)\n  if (typeof cb !== 'function') throw new Error('second argument must be a Function')\n\n  let parsedTorrent\n  try {\n    parsedTorrent = await parseTorrent(torrentId)\n  } catch (err) {\n    // If torrent fails to parse, it could be a Blob, http/https URL or\n    // filesystem path, so don't consider it an error yet.\n  }\n\n  if (parsedTorrent && parsedTorrent.infoHash) {\n    queueMicrotask(() => {\n      cb(null, parsedTorrent)\n    })\n  } else if (isBlob(torrentId)) {\n    try {\n      const torrentBuf = new Uint8Array(await torrentId.arrayBuffer())\n      parseOrThrow(torrentBuf)\n    } catch (err) {\n      return cb(new Error(`Error converting Blob: ${err.message}`))\n    }\n  } else if (/^https?:/.test(torrentId)) {\n    try {\n      const res = await fetch(torrentId, {\n        headers: { 'user-agent': 'WebTorrent (https://webtorrent.io)' },\n        signal: AbortSignal.timeout(30 * 1000),\n        ...opts\n      })\n      const torrentBuf = new Uint8Array(await res.arrayBuffer())\n      parseOrThrow(torrentBuf)\n    } catch (err) {\n      return cb(new Error(`Error downloading torrent: ${err.message}`))\n    }\n  } else if (typeof fs.readFile === 'function' && typeof torrentId === 'string') {\n    // assume it's a filesystem path\n    fs.readFile(torrentId, (err, torrentBuf) => {\n      if (err) return cb(new Error('Invalid torrent identifier'))\n      parseOrThrow(torrentBuf)\n    })\n  } else {\n    queueMicrotask(() => {\n      cb(new Error('Invalid torrent identifier'))\n    })\n  }\n\n  async function parseOrThrow (torrentBuf) {\n    try {\n      parsedTorrent = await parseTorrent(torrentBuf)\n    } catch (err) {\n      return cb(err)\n    }\n    if (parsedTorrent && parsedTorrent.infoHash) cb(null, parsedTorrent)\n    else cb(new Error('Invalid torrent identifier'))\n  }\n}\n\n/**\n * Parse a torrent. Throws an exception if the torrent is missing required fields.\n * @param  {ArrayBufferView|Object} torrent\n * @return {Object}        parsed torrent\n */\nasync function decodeTorrentFile (torrent) {\n  if (ArrayBuffer.isView(torrent)) {\n    torrent = bencode.decode(torrent)\n  }\n\n  // sanity check\n  ensure(torrent.info, 'info')\n  ensure(torrent.info['name.utf-8'] || torrent.info.name, 'info.name')\n  ensure(torrent.info['piece length'], 'info[\\'piece length\\']')\n  ensure(torrent.info.pieces, 'info.pieces')\n\n  if (torrent.info.files) {\n    torrent.info.files.forEach(file => {\n      ensure(typeof file.length === 'number', 'info.files[0].length')\n      ensure(file['path.utf-8'] || file.path, 'info.files[0].path')\n    })\n  } else {\n    ensure(typeof torrent.info.length === 'number', 'info.length')\n  }\n\n  const result = {\n    info: torrent.info,\n    infoBuffer: bencode.encode(torrent.info),\n    name: arr2text(torrent.info['name.utf-8'] || torrent.info.name),\n    announce: []\n  }\n\n  result.infoHashBuffer = await hash(result.infoBuffer)\n  result.infoHash = arr2hex(result.infoHashBuffer)\n\n  if (torrent.info.private !== undefined) result.private = !!torrent.info.private\n\n  if (torrent['creation date']) result.created = new Date(torrent['creation date'] * 1000)\n  if (torrent['created by']) result.createdBy = arr2text(torrent['created by'])\n\n  if (ArrayBuffer.isView(torrent.comment)) result.comment = arr2text(torrent.comment)\n\n  // announce and announce-list will be missing if metadata fetched via ut_metadata\n  if (Array.isArray(torrent['announce-list']) && torrent['announce-list'].length > 0) {\n    torrent['announce-list'].forEach(urls => {\n      urls.forEach(url => {\n        result.announce.push(arr2text(url))\n      })\n    })\n  } else if (torrent.announce) {\n    result.announce.push(arr2text(torrent.announce))\n  }\n\n  // handle url-list (BEP19 / web seeding)\n  if (ArrayBuffer.isView(torrent['url-list'])) {\n    // some clients set url-list to empty string\n    torrent['url-list'] = torrent['url-list'].length > 0\n      ? [torrent['url-list']]\n      : []\n  }\n  result.urlList = (torrent['url-list'] || []).map(url => arr2text(url))\n\n  // remove duplicates by converting to Set and back\n  result.announce = Array.from(new Set(result.announce))\n  result.urlList = Array.from(new Set(result.urlList))\n\n  const files = torrent.info.files || [torrent.info]\n  result.files = files.map((file, i) => {\n    const parts = [].concat(result.name, file['path.utf-8'] || file.path || []).map(p => ArrayBuffer.isView(p) ? arr2text(p) : p)\n    return {\n      path: path.join.apply(null, [path.sep].concat(parts)).slice(1),\n      name: parts[parts.length - 1],\n      length: file.length,\n      offset: files.slice(0, i).reduce(sumLength, 0)\n    }\n  })\n\n  result.length = files.reduce(sumLength, 0)\n\n  const lastFile = result.files[result.files.length - 1]\n\n  result.pieceLength = torrent.info['piece length']\n  result.lastPieceLength = ((lastFile.offset + lastFile.length) % result.pieceLength) || result.pieceLength\n  result.pieces = splitPieces(torrent.info.pieces)\n\n  return result\n}\n\n/**\n * Convert a parsed torrent object back into a .torrent file buffer.\n * @param  {Object} parsed parsed torrent\n * @return {Uint8Array}\n */\nfunction encodeTorrentFile (parsed) {\n  const torrent = {\n    info: parsed.info\n  }\n\n  torrent['announce-list'] = (parsed.announce || []).map(url => {\n    if (!torrent.announce) torrent.announce = url\n    url = text2arr(url)\n    return [url]\n  })\n\n  torrent['url-list'] = parsed.urlList || []\n\n  if (parsed.private !== undefined) {\n    torrent.private = Number(parsed.private)\n  }\n\n  if (parsed.created) {\n    torrent['creation date'] = (parsed.created.getTime() / 1000) | 0\n  }\n\n  if (parsed.createdBy) {\n    torrent['created by'] = parsed.createdBy\n  }\n\n  if (parsed.comment) {\n    torrent.comment = parsed.comment\n  }\n\n  return bencode.encode(torrent)\n}\n\n/**\n * Check if `obj` is a W3C `Blob` or `File` object\n * @param  {*} obj\n * @return {boolean}\n */\nfunction isBlob (obj) {\n  return typeof Blob !== 'undefined' && obj instanceof Blob\n}\n\nfunction sumLength (sum, file) {\n  return sum + file.length\n}\n\nfunction splitPieces (buf) {\n  const pieces = []\n  for (let i = 0; i < buf.length; i += 20) {\n    pieces.push(arr2hex(buf.slice(i, i + 20)))\n  }\n  return pieces\n}\n\nfunction ensure (bool, fieldName) {\n  if (!bool) throw new Error(`Torrent is missing required field: ${fieldName}`)\n}\n\nexport default parseTorrent\nconst toMagnetURI = encode\nexport { parseTorrentRemote as remote, encodeTorrentFile as toTorrentFile, toMagnetURI }\n","const scope = typeof window !== 'undefined' ? window : self\r\n\r\n// @ts-ignore\r\nexport const RTCPeerConnection = scope.RTCPeerConnection || scope.mozRTCPeerConnection || scope.webkitRTCPeerConnection\r\n// @ts-ignore\r\nexport const RTCSessionDescription = scope.RTCSessionDescription || scope.mozRTCSessionDescription || scope.webkitRTCSessionDescription\r\n// @ts-ignore\r\nexport const RTCIceCandidate = scope.RTCIceCandidate || scope.mozRTCIceCandidate || scope.webkitRTCIceCandidate\r\nexport const RTCIceTransport = scope.RTCIceTransport\r\nexport const RTCDataChannel = scope.RTCDataChannel\r\nexport const RTCSctpTransport = scope.RTCSctpTransport\r\nexport const RTCDtlsTransport = scope.RTCDtlsTransport\r\nexport const RTCCertificate = scope.RTCCertificate\r\nexport const MediaStream = scope.MediaStream\r\nexport const MediaStreamTrack = scope.MediaStreamTrack\r\nexport const MediaStreamTrackEvent = scope.MediaStreamTrackEvent\r\nexport const RTCPeerConnectionIceEvent = scope.RTCPeerConnectionIceEvent\r\nexport const RTCDataChannelEvent = scope.RTCDataChannelEvent\r\nexport const RTCTrackEvent = scope.RTCTrackEvent\r\nexport const RTCError = scope.RTCError\r\nexport const RTCErrorEvent = scope.RTCErrorEvent\r\nexport const RTCRtpTransceiver = scope.RTCRtpTransceiver\r\nexport const RTCRtpReceiver = scope.RTCRtpReceiver\r\nexport const RTCRtpSender = scope.RTCRtpSender\r\n\r\nexport * as default from './browser.js'\r\n","/*! simple-peer. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */\r\nimport debug from 'debug'\r\nimport { RTCPeerConnection, RTCSessionDescription, RTCIceCandidate } from 'webrtc-polyfill'\r\nimport { Duplex } from 'streamx'\r\nimport errCode from 'err-code'\r\nimport { randomBytes, arr2hex, text2arr } from 'uint8-util'\r\n\r\nconst Debug = debug('simple-peer')\r\n\r\nconst MAX_BUFFERED_AMOUNT = 64 * 1024\r\nconst ICECOMPLETE_TIMEOUT = 5 * 1000\r\nconst CHANNEL_CLOSING_TIMEOUT = 5 * 1000\r\n\r\n// HACK: Filter trickle lines when trickle is disabled #354\r\nfunction filterTrickle (sdp) {\r\n  return sdp.replace(/a=ice-options:trickle\\s\\n/g, '')\r\n}\r\n\r\nfunction warn (message) {\r\n  console.warn(message)\r\n}\r\n\r\n/**\r\n * WebRTC peer connection. Same API as node core `net.Socket`, plus a few extra methods.\r\n * Duplex stream.\r\n * @param {Object} opts\r\n */\r\nclass Peer extends Duplex {\r\n  /** @type {RTCPeerConnection} */\r\n  _pc\r\n  constructor (opts) {\r\n    opts = Object.assign({\r\n      allowHalfOpen: false\r\n    }, opts)\r\n\r\n    super(opts)\r\n\r\n    this.__objectMode = !!opts.objectMode // streamx is objectMode by default, so implement readable's fuctionality\r\n\r\n    this._id = arr2hex(randomBytes(4)).slice(0, 7)\r\n    this._debug('new peer %o', opts)\r\n\r\n    this.channelName = opts.initiator\r\n      ? opts.channelName || arr2hex(randomBytes(20))\r\n      : null\r\n\r\n    this.initiator = opts.initiator || false\r\n    this.channelConfig = opts.channelConfig || Peer.channelConfig\r\n    this.channelNegotiated = this.channelConfig.negotiated\r\n    this.config = Object.assign({}, Peer.config, opts.config)\r\n    this.offerOptions = opts.offerOptions || {}\r\n    this.answerOptions = opts.answerOptions || {}\r\n    this.sdpTransform = opts.sdpTransform || (sdp => sdp)\r\n    this.trickle = opts.trickle !== undefined ? opts.trickle : true\r\n    this.allowHalfTrickle = opts.allowHalfTrickle !== undefined ? opts.allowHalfTrickle : false\r\n    this.iceCompleteTimeout = opts.iceCompleteTimeout || ICECOMPLETE_TIMEOUT\r\n\r\n    this._destroying = false\r\n    this._connected = false\r\n\r\n    this.remoteAddress = undefined\r\n    this.remoteFamily = undefined\r\n    this.remotePort = undefined\r\n    this.localAddress = undefined\r\n    this.localFamily = undefined\r\n    this.localPort = undefined\r\n\r\n    if (!RTCPeerConnection) {\r\n      if (typeof window === 'undefined') {\r\n        throw errCode(new Error('No WebRTC support: Specify `opts.wrtc` option in this environment'), 'ERR_WEBRTC_SUPPORT')\r\n      } else {\r\n        throw errCode(new Error('No WebRTC support: Not a supported browser'), 'ERR_WEBRTC_SUPPORT')\r\n      }\r\n    }\r\n\r\n    this._pcReady = false\r\n    this._channelReady = false\r\n    this._iceComplete = false // ice candidate trickle done (got null candidate)\r\n    this._iceCompleteTimer = null // send an offer/answer anyway after some timeout\r\n    this._channel = null\r\n    this._pendingCandidates = []\r\n\r\n    this._isNegotiating = false // is this peer waiting for negotiation to complete?\r\n    this._firstNegotiation = true\r\n    this._batchedNegotiation = false // batch synchronous negotiations\r\n    this._queuedNegotiation = false // is there a queued negotiation request?\r\n    this._sendersAwaitingStable = []\r\n    this._closingInterval = null\r\n\r\n    this._remoteTracks = []\r\n    this._remoteStreams = []\r\n\r\n    this._chunk = null\r\n    this._cb = null\r\n    this._interval = null\r\n\r\n    try {\r\n      this._pc = new RTCPeerConnection(this.config)\r\n    } catch (err) {\r\n      this.__destroy(errCode(err, 'ERR_PC_CONSTRUCTOR'))\r\n      return\r\n    }\r\n\r\n    // We prefer feature detection whenever possible, but sometimes that's not\r\n    // possible for certain implementations.\r\n    this._isReactNativeWebrtc = typeof this._pc._peerConnectionId === 'number'\r\n\r\n    this._pc.oniceconnectionstatechange = () => {\r\n      this._onIceStateChange()\r\n    }\r\n    this._pc.onicegatheringstatechange = () => {\r\n      this._onIceStateChange()\r\n    }\r\n    this._pc.onconnectionstatechange = () => {\r\n      this._onConnectionStateChange()\r\n    }\r\n    this._pc.onsignalingstatechange = () => {\r\n      this._onSignalingStateChange()\r\n    }\r\n    this._pc.onicecandidate = event => {\r\n      this._onIceCandidate(event)\r\n    }\r\n\r\n    // HACK: Fix for odd Firefox behavior, see: https://github.com/feross/simple-peer/pull/783\r\n    if (typeof this._pc.peerIdentity === 'object') {\r\n      this._pc.peerIdentity.catch(err => {\r\n        this.__destroy(errCode(err, 'ERR_PC_PEER_IDENTITY'))\r\n      })\r\n    }\r\n\r\n    // Other spec events, unused by this implementation:\r\n    // - onconnectionstatechange\r\n    // - onicecandidateerror\r\n    // - onfingerprintfailure\r\n    // - onnegotiationneeded\r\n\r\n    if (this.initiator || this.channelNegotiated) {\r\n      this._setupData({\r\n        channel: this._pc.createDataChannel(this.channelName, this.channelConfig)\r\n      })\r\n    } else {\r\n      this._pc.ondatachannel = event => {\r\n        this._setupData(event)\r\n      }\r\n    }\r\n\r\n    this._debug('initial negotiation')\r\n    this._needsNegotiation()\r\n\r\n    this._onFinishBound = () => {\r\n      this._onFinish()\r\n    }\r\n    this.once('finish', this._onFinishBound)\r\n  }\r\n\r\n  get bufferSize () {\r\n    return (this._channel && this._channel.bufferedAmount) || 0\r\n  }\r\n\r\n  // HACK: it's possible channel.readyState is \"closing\" before peer.destroy() fires\r\n  // https://bugs.chromium.org/p/chromium/issues/detail?id=882743\r\n  get connected () {\r\n    return (this._connected && this._channel.readyState === 'open')\r\n  }\r\n\r\n  address () {\r\n    return { port: this.localPort, family: this.localFamily, address: this.localAddress }\r\n  }\r\n\r\n  signal (data) {\r\n    if (this._destroying) return\r\n    if (this.destroyed) throw errCode(new Error('cannot signal after peer is destroyed'), 'ERR_DESTROYED')\r\n    if (typeof data === 'string') {\r\n      try {\r\n        data = JSON.parse(data)\r\n      } catch (err) {\r\n        data = {}\r\n      }\r\n    }\r\n    this._debug('signal()')\r\n\r\n    if (data.renegotiate && this.initiator) {\r\n      this._debug('got request to renegotiate')\r\n      this._needsNegotiation()\r\n    }\r\n    if (data.transceiverRequest && this.initiator) {\r\n      this._debug('got request for transceiver')\r\n      this.addTransceiver(data.transceiverRequest.kind, data.transceiverRequest.init)\r\n    }\r\n    if (data.candidate) {\r\n      if (this._pc.remoteDescription && this._pc.remoteDescription.type) {\r\n        this._addIceCandidate(data.candidate)\r\n      } else {\r\n        this._pendingCandidates.push(data.candidate)\r\n      }\r\n    }\r\n    if (data.sdp) {\r\n      this._pc.setRemoteDescription(new RTCSessionDescription(data))\r\n        .then(() => {\r\n          if (this.destroyed) return\r\n\r\n          this._pendingCandidates.forEach(candidate => {\r\n            this._addIceCandidate(candidate)\r\n          })\r\n          this._pendingCandidates = []\r\n\r\n          if (this._pc.remoteDescription.type === 'offer') this._createAnswer()\r\n        })\r\n        .catch(err => {\r\n          this.__destroy(errCode(err, 'ERR_SET_REMOTE_DESCRIPTION'))\r\n        })\r\n    }\r\n    if (!data.sdp && !data.candidate && !data.renegotiate && !data.transceiverRequest) {\r\n      this.__destroy(errCode(new Error('signal() called with invalid signal data'), 'ERR_SIGNALING'))\r\n    }\r\n  }\r\n\r\n  _addIceCandidate (candidate) {\r\n    const iceCandidateObj = new RTCIceCandidate(candidate)\r\n    this._pc.addIceCandidate(iceCandidateObj)\r\n      .catch(err => {\r\n        if (!iceCandidateObj.address || iceCandidateObj.address.endsWith('.local')) {\r\n          warn('Ignoring unsupported ICE candidate.')\r\n        } else {\r\n          this.__destroy(errCode(err, 'ERR_ADD_ICE_CANDIDATE'))\r\n        }\r\n      })\r\n  }\r\n\r\n  /**\r\n   * Send text/binary data to the remote peer.\r\n   * @param {ArrayBufferView|ArrayBuffer|Uint8Array|string|Blob} chunk\r\n   */\r\n  send (chunk) {\r\n    if (this._destroying) return\r\n    if (this.destroyed) throw errCode(new Error('cannot send after peer is destroyed'), 'ERR_DESTROYED')\r\n    this._channel.send(chunk)\r\n  }\r\n\r\n  _needsNegotiation () {\r\n    this._debug('_needsNegotiation')\r\n    if (this._batchedNegotiation) return // batch synchronous renegotiations\r\n    this._batchedNegotiation = true\r\n    queueMicrotask(() => {\r\n      this._batchedNegotiation = false\r\n      if (this.initiator || !this._firstNegotiation) {\r\n        this._debug('starting batched negotiation')\r\n        this.negotiate()\r\n      } else {\r\n        this._debug('non-initiator initial negotiation request discarded')\r\n      }\r\n      this._firstNegotiation = false\r\n    })\r\n  }\r\n\r\n  negotiate () {\r\n    if (this._destroying) return\r\n    if (this.destroyed) throw errCode(new Error('cannot negotiate after peer is destroyed'), 'ERR_DESTROYED')\r\n\r\n    if (this.initiator) {\r\n      if (this._isNegotiating) {\r\n        this._queuedNegotiation = true\r\n        this._debug('already negotiating, queueing')\r\n      } else {\r\n        this._debug('start negotiation')\r\n        setTimeout(() => { // HACK: Chrome crashes if we immediately call createOffer\r\n          this._createOffer()\r\n        }, 0)\r\n      }\r\n    } else {\r\n      if (this._isNegotiating) {\r\n        this._queuedNegotiation = true\r\n        this._debug('already negotiating, queueing')\r\n      } else {\r\n        this._debug('requesting negotiation from initiator')\r\n        this.emit('signal', { // request initiator to renegotiate\r\n          type: 'renegotiate',\r\n          renegotiate: true\r\n        })\r\n      }\r\n    }\r\n    this._isNegotiating = true\r\n  }\r\n\r\n  _final (cb) {\r\n    if (!this._readableState.ended) this.push(null)\r\n    cb(null)\r\n  }\r\n\r\n  __destroy (err) {\r\n    this.end()\r\n    this._destroy(() => {}, err)\r\n  }\r\n\r\n  _destroy (cb, err) {\r\n    if (this.destroyed || this._destroying) return\r\n    this._destroying = true\r\n\r\n    this._debug('destroying (error: %s)', err && (err.message || err))\r\n\r\n    setTimeout(() => { // allow events concurrent with the call to _destroy() to fire (see #692)\r\n      this._connected = false\r\n      this._pcReady = false\r\n      this._channelReady = false\r\n      this._remoteTracks = null\r\n      this._remoteStreams = null\r\n      this._senderMap = null\r\n\r\n      clearInterval(this._closingInterval)\r\n      this._closingInterval = null\r\n\r\n      clearInterval(this._interval)\r\n      this._interval = null\r\n      this._chunk = null\r\n      this._cb = null\r\n\r\n      if (this._onFinishBound) this.removeListener('finish', this._onFinishBound)\r\n      this._onFinishBound = null\r\n\r\n      if (this._channel) {\r\n        try {\r\n          this._channel.close()\r\n        } catch (err) {}\r\n\r\n        // allow events concurrent with destruction to be handled\r\n        this._channel.onmessage = null\r\n        this._channel.onopen = null\r\n        this._channel.onclose = null\r\n        this._channel.onerror = null\r\n      }\r\n      if (this._pc) {\r\n        try {\r\n          this._pc.close()\r\n        } catch (err) {}\r\n\r\n        // allow events concurrent with destruction to be handled\r\n        this._pc.oniceconnectionstatechange = null\r\n        this._pc.onicegatheringstatechange = null\r\n        this._pc.onsignalingstatechange = null\r\n        this._pc.onicecandidate = null\r\n        this._pc.ontrack = null\r\n        this._pc.ondatachannel = null\r\n      }\r\n      this._pc = null\r\n      this._channel = null\r\n      if (err) this.emit('error', err)\r\n      cb()\r\n    }, 0)\r\n  }\r\n\r\n  _setupData (event) {\r\n    if (!event.channel) {\r\n      // In some situations `pc.createDataChannel()` returns `undefined` (in wrtc),\r\n      // which is invalid behavior. Handle it gracefully.\r\n      // See: https://github.com/feross/simple-peer/issues/163\r\n      return this.__destroy(errCode(new Error('Data channel event is missing `channel` property'), 'ERR_DATA_CHANNEL'))\r\n    }\r\n\r\n    this._channel = event.channel\r\n    this._channel.binaryType = 'arraybuffer'\r\n\r\n    if (typeof this._channel.bufferedAmountLowThreshold === 'number') {\r\n      this._channel.bufferedAmountLowThreshold = MAX_BUFFERED_AMOUNT\r\n    }\r\n\r\n    this.channelName = this._channel.label\r\n\r\n    this._channel.onmessage = event => {\r\n      this._onChannelMessage(event)\r\n    }\r\n    this._channel.onbufferedamountlow = () => {\r\n      this._onChannelBufferedAmountLow()\r\n    }\r\n    this._channel.onopen = () => {\r\n      this._onChannelOpen()\r\n    }\r\n    this._channel.onclose = () => {\r\n      this._onChannelClose()\r\n    }\r\n    this._channel.onerror = event => {\r\n      const err = event.error instanceof Error\r\n        ? event.error\r\n        : new Error(`Datachannel error: ${event.message} ${event.filename}:${event.lineno}:${event.colno}`)\r\n      this.__destroy(errCode(err, 'ERR_DATA_CHANNEL'))\r\n    }\r\n\r\n    // HACK: Chrome will sometimes get stuck in readyState \"closing\", let's check for this condition\r\n    // https://bugs.chromium.org/p/chromium/issues/detail?id=882743\r\n    let isClosing = false\r\n    this._closingInterval = setInterval(() => { // No \"onclosing\" event\r\n      if (this._channel && this._channel.readyState === 'closing') {\r\n        if (isClosing) this._onChannelClose() // closing timed out: equivalent to onclose firing\r\n        isClosing = true\r\n      } else {\r\n        isClosing = false\r\n      }\r\n    }, CHANNEL_CLOSING_TIMEOUT)\r\n  }\r\n\r\n  _write (chunk, cb) {\r\n    if (this.destroyed) return cb(errCode(new Error('cannot write after peer is destroyed'), 'ERR_DATA_CHANNEL'))\r\n\r\n    if (this._connected) {\r\n      try {\r\n        this.send(chunk)\r\n      } catch (err) {\r\n        return this.__destroy(errCode(err, 'ERR_DATA_CHANNEL'))\r\n      }\r\n      if (this._channel.bufferedAmount > MAX_BUFFERED_AMOUNT) {\r\n        this._debug('start backpressure: bufferedAmount %d', this._channel.bufferedAmount)\r\n        this._cb = cb\r\n      } else {\r\n        cb(null)\r\n      }\r\n    } else {\r\n      this._debug('write before connect')\r\n      this._chunk = chunk\r\n      this._cb = cb\r\n    }\r\n  }\r\n\r\n  // When stream finishes writing, close socket. Half open connections are not\r\n  // supported.\r\n  _onFinish () {\r\n    if (this.destroyed) return\r\n\r\n    // Wait a bit before destroying so the socket flushes.\r\n    // TODO: is there a more reliable way to accomplish this?\r\n    const destroySoon = () => {\r\n      setTimeout(() => this.__destroy(), 1000)\r\n    }\r\n\r\n    if (this._connected) {\r\n      destroySoon()\r\n    } else {\r\n      this.once('connect', destroySoon)\r\n    }\r\n  }\r\n\r\n  _startIceCompleteTimeout () {\r\n    if (this.destroyed) return\r\n    if (this._iceCompleteTimer) return\r\n    this._debug('started iceComplete timeout')\r\n    this._iceCompleteTimer = setTimeout(() => {\r\n      if (!this._iceComplete) {\r\n        this._iceComplete = true\r\n        this._debug('iceComplete timeout completed')\r\n        this.emit('iceTimeout')\r\n        this.emit('_iceComplete')\r\n      }\r\n    }, this.iceCompleteTimeout)\r\n  }\r\n\r\n  _createOffer () {\r\n    if (this.destroyed) return\r\n\r\n    this._pc.createOffer(this.offerOptions)\r\n      .then(offer => {\r\n        if (this.destroyed) return\r\n        if (!this.trickle && !this.allowHalfTrickle) offer.sdp = filterTrickle(offer.sdp)\r\n        offer.sdp = this.sdpTransform(offer.sdp)\r\n\r\n        const sendOffer = () => {\r\n          if (this.destroyed) return\r\n          const signal = this._pc.localDescription || offer\r\n          this._debug('signal')\r\n          this.emit('signal', {\r\n            type: signal.type,\r\n            sdp: signal.sdp\r\n          })\r\n        }\r\n\r\n        const onSuccess = () => {\r\n          this._debug('createOffer success')\r\n          if (this.destroyed) return\r\n          if (this.trickle || this._iceComplete) sendOffer()\r\n          else this.once('_iceComplete', sendOffer) // wait for candidates\r\n        }\r\n\r\n        const onError = err => {\r\n          this.__destroy(errCode(err, 'ERR_SET_LOCAL_DESCRIPTION'))\r\n        }\r\n\r\n        this._pc.setLocalDescription(offer)\r\n          .then(onSuccess)\r\n          .catch(onError)\r\n      })\r\n      .catch(err => {\r\n        this.__destroy(errCode(err, 'ERR_CREATE_OFFER'))\r\n      })\r\n  }\r\n\r\n  _createAnswer () {\r\n    if (this.destroyed) return\r\n\r\n    this._pc.createAnswer(this.answerOptions)\r\n      .then(answer => {\r\n        if (this.destroyed) return\r\n        if (!this.trickle && !this.allowHalfTrickle) answer.sdp = filterTrickle(answer.sdp)\r\n        answer.sdp = this.sdpTransform(answer.sdp)\r\n\r\n        const sendAnswer = () => {\r\n          if (this.destroyed) return\r\n          const signal = this._pc.localDescription || answer\r\n          this._debug('signal')\r\n          this.emit('signal', {\r\n            type: signal.type,\r\n            sdp: signal.sdp\r\n          })\r\n          if (!this.initiator) this._requestMissingTransceivers?.()\r\n        }\r\n\r\n        const onSuccess = () => {\r\n          if (this.destroyed) return\r\n          if (this.trickle || this._iceComplete) sendAnswer()\r\n          else this.once('_iceComplete', sendAnswer)\r\n        }\r\n\r\n        const onError = err => {\r\n          this.__destroy(errCode(err, 'ERR_SET_LOCAL_DESCRIPTION'))\r\n        }\r\n\r\n        this._pc.setLocalDescription(answer)\r\n          .then(onSuccess)\r\n          .catch(onError)\r\n      })\r\n      .catch(err => {\r\n        this.__destroy(errCode(err, 'ERR_CREATE_ANSWER'))\r\n      })\r\n  }\r\n\r\n  _onConnectionStateChange () {\r\n    if (this.destroyed || this._destroying) return\r\n    if (this._pc.connectionState === 'failed') {\r\n      this.__destroy(errCode(new Error('Connection failed.'), 'ERR_CONNECTION_FAILURE'))\r\n    }\r\n  }\r\n\r\n  _onIceStateChange () {\r\n    if (this.destroyed) return\r\n    const iceConnectionState = this._pc.iceConnectionState\r\n    const iceGatheringState = this._pc.iceGatheringState\r\n\r\n    this._debug(\r\n      'iceStateChange (connection: %s) (gathering: %s)',\r\n      iceConnectionState,\r\n      iceGatheringState\r\n    )\r\n    this.emit('iceStateChange', iceConnectionState, iceGatheringState)\r\n\r\n    if (iceConnectionState === 'connected' || iceConnectionState === 'completed') {\r\n      this._pcReady = true\r\n      this._maybeReady()\r\n    }\r\n    if (iceConnectionState === 'failed') {\r\n      this.__destroy(errCode(new Error('Ice connection failed.'), 'ERR_ICE_CONNECTION_FAILURE'))\r\n    }\r\n    if (iceConnectionState === 'closed') {\r\n      this.__destroy(errCode(new Error('Ice connection closed.'), 'ERR_ICE_CONNECTION_CLOSED'))\r\n    }\r\n  }\r\n\r\n  getStats (cb) {\r\n    // statreports can come with a value array instead of properties\r\n    const flattenValues = report => {\r\n      if (Object.prototype.toString.call(report.values) === '[object Array]') {\r\n        report.values.forEach(value => {\r\n          Object.assign(report, value)\r\n        })\r\n      }\r\n      return report\r\n    }\r\n\r\n    // Promise-based getStats() (standard)\r\n    if (this._pc.getStats.length === 0 || this._isReactNativeWebrtc) {\r\n      this._pc.getStats()\r\n        .then(res => {\r\n          const reports = []\r\n          res.forEach(report => {\r\n            reports.push(flattenValues(report))\r\n          })\r\n          cb(null, reports)\r\n        }, err => cb(err))\r\n\r\n    // Single-parameter callback-based getStats() (non-standard)\r\n    } else if (this._pc.getStats.length > 0) {\r\n      this._pc.getStats(res => {\r\n        // If we destroy connection in `connect` callback this code might happen to run when actual connection is already closed\r\n        if (this.destroyed) return\r\n\r\n        const reports = []\r\n        res.result().forEach(result => {\r\n          const report = {}\r\n          result.names().forEach(name => {\r\n            report[name] = result.stat(name)\r\n          })\r\n          report.id = result.id\r\n          report.type = result.type\r\n          report.timestamp = result.timestamp\r\n          reports.push(flattenValues(report))\r\n        })\r\n        cb(null, reports)\r\n      }, err => cb(err))\r\n\r\n    // Unknown browser, skip getStats() since it's anyone's guess which style of\r\n    // getStats() they implement.\r\n    } else {\r\n      cb(null, [])\r\n    }\r\n  }\r\n\r\n  _maybeReady () {\r\n    this._debug('maybeReady pc %s channel %s', this._pcReady, this._channelReady)\r\n    if (this._connected || this._connecting || !this._pcReady || !this._channelReady) return\r\n\r\n    this._connecting = true\r\n\r\n    // HACK: We can't rely on order here, for details see https://github.com/js-platform/node-webrtc/issues/339\r\n    const findCandidatePair = () => {\r\n      if (this.destroyed || this._destroying) return\r\n\r\n      this.getStats((err, items) => {\r\n        if (this.destroyed || this._destroying) return\r\n\r\n        // Treat getStats error as non-fatal. It's not essential.\r\n        if (err) items = []\r\n\r\n        const remoteCandidates = {}\r\n        const localCandidates = {}\r\n        const candidatePairs = {}\r\n        let foundSelectedCandidatePair = false\r\n\r\n        items.forEach(item => {\r\n          // TODO: Once all browsers support the hyphenated stats report types, remove\r\n          // the non-hypenated ones\r\n          if (item.type === 'remotecandidate' || item.type === 'remote-candidate') {\r\n            remoteCandidates[item.id] = item\r\n          }\r\n          if (item.type === 'localcandidate' || item.type === 'local-candidate') {\r\n            localCandidates[item.id] = item\r\n          }\r\n          if (item.type === 'candidatepair' || item.type === 'candidate-pair') {\r\n            candidatePairs[item.id] = item\r\n          }\r\n        })\r\n\r\n        const setSelectedCandidatePair = selectedCandidatePair => {\r\n          foundSelectedCandidatePair = true\r\n\r\n          let local = localCandidates[selectedCandidatePair.localCandidateId]\r\n\r\n          if (local && (local.ip || local.address)) {\r\n            // Spec\r\n            this.localAddress = local.ip || local.address\r\n            this.localPort = Number(local.port)\r\n          } else if (local && local.ipAddress) {\r\n            // Firefox\r\n            this.localAddress = local.ipAddress\r\n            this.localPort = Number(local.portNumber)\r\n          } else if (typeof selectedCandidatePair.googLocalAddress === 'string') {\r\n            // TODO: remove this once Chrome 58 is released\r\n            local = selectedCandidatePair.googLocalAddress.split(':')\r\n            this.localAddress = local[0]\r\n            this.localPort = Number(local[1])\r\n          }\r\n          if (this.localAddress) {\r\n            this.localFamily = this.localAddress.includes(':') ? 'IPv6' : 'IPv4'\r\n          }\r\n\r\n          let remote = remoteCandidates[selectedCandidatePair.remoteCandidateId]\r\n\r\n          if (remote && (remote.ip || remote.address)) {\r\n            // Spec\r\n            this.remoteAddress = remote.ip || remote.address\r\n            this.remotePort = Number(remote.port)\r\n          } else if (remote && remote.ipAddress) {\r\n            // Firefox\r\n            this.remoteAddress = remote.ipAddress\r\n            this.remotePort = Number(remote.portNumber)\r\n          } else if (typeof selectedCandidatePair.googRemoteAddress === 'string') {\r\n            // TODO: remove this once Chrome 58 is released\r\n            remote = selectedCandidatePair.googRemoteAddress.split(':')\r\n            this.remoteAddress = remote[0]\r\n            this.remotePort = Number(remote[1])\r\n          }\r\n          if (this.remoteAddress) {\r\n            this.remoteFamily = this.remoteAddress.includes(':') ? 'IPv6' : 'IPv4'\r\n          }\r\n\r\n          this._debug(\r\n            'connect local: %s:%s remote: %s:%s',\r\n            this.localAddress,\r\n            this.localPort,\r\n            this.remoteAddress,\r\n            this.remotePort\r\n          )\r\n        }\r\n\r\n        items.forEach(item => {\r\n          // Spec-compliant\r\n          if (item.type === 'transport' && item.selectedCandidatePairId) {\r\n            setSelectedCandidatePair(candidatePairs[item.selectedCandidatePairId])\r\n          }\r\n\r\n          // Old implementations\r\n          if (\r\n            (item.type === 'googCandidatePair' && item.googActiveConnection === 'true') ||\r\n            ((item.type === 'candidatepair' || item.type === 'candidate-pair') && item.selected)\r\n          ) {\r\n            setSelectedCandidatePair(item)\r\n          }\r\n        })\r\n\r\n        // Ignore candidate pair selection in browsers like Safari 11 that do not have any local or remote candidates\r\n        // But wait until at least 1 candidate pair is available\r\n        if (!foundSelectedCandidatePair && (!Object.keys(candidatePairs).length || Object.keys(localCandidates).length)) {\r\n          setTimeout(findCandidatePair, 100)\r\n          return\r\n        } else {\r\n          this._connecting = false\r\n          this._connected = true\r\n        }\r\n\r\n        if (this._chunk) {\r\n          try {\r\n            this.send(this._chunk)\r\n          } catch (err) {\r\n            return this.__destroy(errCode(err, 'ERR_DATA_CHANNEL'))\r\n          }\r\n          this._chunk = null\r\n          this._debug('sent chunk from \"write before connect\"')\r\n\r\n          const cb = this._cb\r\n          this._cb = null\r\n          cb(null)\r\n        }\r\n\r\n        // If `bufferedAmountLowThreshold` and 'onbufferedamountlow' are unsupported,\r\n        // fallback to using setInterval to implement backpressure.\r\n        if (typeof this._channel.bufferedAmountLowThreshold !== 'number') {\r\n          this._interval = setInterval(() => this._onInterval(), 150)\r\n          if (this._interval.unref) this._interval.unref()\r\n        }\r\n\r\n        this._debug('connect')\r\n        this.emit('connect')\r\n      })\r\n    }\r\n    findCandidatePair()\r\n  }\r\n\r\n  _onInterval () {\r\n    if (!this._cb || !this._channel || this._channel.bufferedAmount > MAX_BUFFERED_AMOUNT) {\r\n      return\r\n    }\r\n    this._onChannelBufferedAmountLow()\r\n  }\r\n\r\n  _onSignalingStateChange () {\r\n    if (this.destroyed) return\r\n\r\n    if (this._pc.signalingState === 'stable') {\r\n      this._isNegotiating = false\r\n\r\n      // HACK: Firefox doesn't yet support removing tracks when signalingState !== 'stable'\r\n      this._debug('flushing sender queue', this._sendersAwaitingStable)\r\n      this._sendersAwaitingStable.forEach(sender => {\r\n        this._pc.removeTrack(sender)\r\n        this._queuedNegotiation = true\r\n      })\r\n      this._sendersAwaitingStable = []\r\n\r\n      if (this._queuedNegotiation) {\r\n        this._debug('flushing negotiation queue')\r\n        this._queuedNegotiation = false\r\n        this._needsNegotiation() // negotiate again\r\n      } else {\r\n        this._debug('negotiated')\r\n        this.emit('negotiated')\r\n      }\r\n    }\r\n\r\n    this._debug('signalingStateChange %s', this._pc.signalingState)\r\n    this.emit('signalingStateChange', this._pc.signalingState)\r\n  }\r\n\r\n  _onIceCandidate (event) {\r\n    if (this.destroyed) return\r\n    if (event.candidate && this.trickle) {\r\n      this.emit('signal', {\r\n        type: 'candidate',\r\n        candidate: {\r\n          candidate: event.candidate.candidate,\r\n          sdpMLineIndex: event.candidate.sdpMLineIndex,\r\n          sdpMid: event.candidate.sdpMid\r\n        }\r\n      })\r\n    } else if (!event.candidate && !this._iceComplete) {\r\n      this._iceComplete = true\r\n      this.emit('_iceComplete')\r\n    }\r\n    // as soon as we've received one valid candidate start timeout\r\n    if (event.candidate) {\r\n      this._startIceCompleteTimeout()\r\n    }\r\n  }\r\n\r\n  _onChannelMessage (event) {\r\n    if (this.destroyed) return\r\n    let data = event.data\r\n    if (data instanceof ArrayBuffer) {\r\n      data = new Uint8Array(data)\r\n    } else if (this.__objectMode === false) {\r\n      data = text2arr(data)\r\n    }\r\n    this.push(data)\r\n  }\r\n\r\n  _onChannelBufferedAmountLow () {\r\n    if (this.destroyed || !this._cb) return\r\n    this._debug('ending backpressure: bufferedAmount %d', this._channel.bufferedAmount)\r\n    const cb = this._cb\r\n    this._cb = null\r\n    cb(null)\r\n  }\r\n\r\n  _onChannelOpen () {\r\n    if (this._connected || this.destroyed) return\r\n    this._debug('on channel open')\r\n    this._channelReady = true\r\n    this._maybeReady()\r\n  }\r\n\r\n  _onChannelClose () {\r\n    if (this.destroyed) return\r\n    this._debug('on channel close')\r\n    this.__destroy()\r\n  }\r\n\r\n  _debug () {\r\n    const args = [].slice.call(arguments)\r\n    args[0] = '[' + this._id + '] ' + args[0]\r\n    Debug.apply(null, args)\r\n  }\r\n}\r\n\r\nPeer.WEBRTC_SUPPORT = !!RTCPeerConnection\r\n\r\n/**\r\n * Expose peer and data channel config for overriding all Peer\r\n * instances. Otherwise, just set opts.config or opts.channelConfig\r\n * when constructing a Peer.\r\n */\r\nPeer.config = {\r\n  iceServers: [\r\n    {\r\n      urls: [\r\n        'stun:stun.l.google.com:19302',\r\n        'stun:global.stun.twilio.com:3478'\r\n      ]\r\n    }\r\n  ],\r\n  sdpSemantics: 'unified-plan'\r\n}\r\n\r\nPeer.channelConfig = {}\r\n\r\nexport default Peer\r\n","const ADDR_RE = /^\\[?([^\\]]+)]?:(\\d+)$/ // ipv4/ipv6/hostname + port\n\nlet cache = new Map()\n\n// reset cache when it gets to 100,000 elements (~ 600KB of ipv4 addresses)\n// so it will not grow to consume all memory in long-running processes\nexport default function addrToIPPort (addr) {\n  if (cache.size === 100000) cache.clear()\n  if (!cache.has(addr)) {\n    const m = ADDR_RE.exec(addr)\n    if (!m) throw new Error(`invalid addr: ${addr}`)\n    cache.set(addr, [ m[1], Number(m[2]) ])\n  }\n  return cache.get(addr)\n}\n","import blockIterator from 'block-iterator'\r\n\r\nasync function * chunkStoreRead (store, opts = {}) {\r\n  if (store?.[Symbol.asyncIterator]) {\r\n    yield * store[Symbol.asyncIterator](opts.offset)\r\n    return\r\n  }\r\n  if (!store?.get) throw new Error('First argument must be an abstract-chunk-store compliant store')\r\n\r\n  const chunkLength = opts.chunkLength || store.chunkLength\r\n  if (!chunkLength) throw new Error('missing required `chunkLength` property')\r\n\r\n  let length = opts.length || store.length\r\n  if (!Number.isFinite(length)) throw new Error('missing required `length` property')\r\n\r\n  const offset = opts.offset || 0\r\n\r\n  const get = (i, length, offset) => new Promise((resolve, reject) => {\r\n    store.get(i, { offset, length }, (err, chunk) => {\r\n      if (err) reject(err)\r\n      resolve(chunk)\r\n    })\r\n  })\r\n\r\n  let index = Math.floor(offset / chunkLength)\r\n  const chunkOffset = offset % chunkLength\r\n  if (offset) {\r\n    const target = Math.min(length, chunkLength - chunkOffset)\r\n    length -= target\r\n    yield get(index++, target, chunkOffset)\r\n  }\r\n\r\n  for (let remainingLength = length; remainingLength > 0; ++index, remainingLength -= chunkLength) {\r\n    yield get(index, Math.min(remainingLength, chunkLength))\r\n  }\r\n}\r\n\r\nasync function chunkStoreWrite (store, stream, opts = {}) {\r\n  if (!store?.put) throw new Error('First argument must be an abstract-chunk-store compliant store')\r\n\r\n  const chunkLength = opts.chunkLength || store.chunkLength\r\n  if (!chunkLength) throw new Error('missing required `chunkLength` property')\r\n\r\n  const storeMaxOutstandingPuts = opts.storeMaxOutstandingPuts || 16\r\n  let outstandingPuts = 0\r\n\r\n  let index = 0\r\n\r\n  let cb = () => {}\r\n  let ended = false\r\n\r\n  for await (const chunk of blockIterator(stream, chunkLength, { zeroPadding: opts.zeroPadding || false })) {\r\n    await new Promise(resolve => {\r\n      if (outstandingPuts++ <= storeMaxOutstandingPuts) resolve()\r\n      store.put(index++, chunk, err => {\r\n        if (err) throw err\r\n        --outstandingPuts\r\n        resolve()\r\n        if (ended && outstandingPuts === 0) cb()\r\n      })\r\n    })\r\n  }\r\n  if (outstandingPuts === 0) return\r\n  ended = new Promise(resolve => { cb = resolve })\r\n  await ended\r\n}\r\n\r\nexport { chunkStoreRead, chunkStoreWrite }\r\nexport default { chunkStoreRead, chunkStoreWrite }\r\n","/**\n * Functions/constants needed by both the client and server.\n */\nimport * as common from './common-node.js'\nexport * from './common-node.js'\n\nexport const DEFAULT_ANNOUNCE_PEERS = 50\nexport const MAX_ANNOUNCE_PEERS = 82\n\n// HACK: Fix for WHATWG URL object not parsing non-standard URL schemes like\n// 'udp:'. Just replace it with 'http:' since we only need a few properties.\n//\n// Note: Only affects Chrome and Firefox. Works fine in Node.js, Safari, and\n// Edge.\n//\n// Note: UDP trackers aren't used in the normal browser build, but they are\n// used in a Chrome App build (i.e. by Brave Browser).\n//\n// Bug reports:\n// - Chrome: https://bugs.chromium.org/p/chromium/issues/detail?id=734880\n// - Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1374505\nexport const parseUrl = str => {\n  const url = new URL(str.replace(/^udp:/, 'http:'))\n\n  if (str.match(/^udp:/)) {\n    Object.defineProperties(url, {\n      href: { value: url.href.replace(/^http/, 'udp') },\n      protocol: { value: url.protocol.replace(/^http/, 'udp') },\n      origin: { value: url.origin.replace(/^http/, 'udp') }\n    })\n  }\n\n  return url\n}\n\nexport default {\n  DEFAULT_ANNOUNCE_PEERS,\n  MAX_ANNOUNCE_PEERS,\n  parseUrl,\n  ...common\n}\n","/*! simple-websocket. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */\r\n/* global WebSocket */\r\n\r\nimport Debug from 'debug'\r\nimport queueMicrotask from 'queue-microtask' // TODO: remove when Node 10 is not supported\r\nimport ws from 'ws' // websockets in node - will be empty object in browser\r\nimport { Duplex } from 'streamx'\r\nimport { text2arr, randomBytes, arr2hex } from 'uint8-util'\r\n\r\nconst debug = Debug('simple-websocket')\r\n\r\nconst _WebSocket = typeof ws !== 'function' ? WebSocket : ws\r\n\r\nconst MAX_BUFFERED_AMOUNT = 64 * 1024\r\n\r\n/**\r\n * WebSocket. Same API as node core `net.Socket`. Duplex stream.\r\n * @param {Object} opts\r\n * @param {string=} opts.url websocket server url\r\n * @param {string=} opts.socket raw websocket instance to wrap\r\n */\r\nexport default class Socket extends Duplex {\r\n  constructor (opts = {}) {\r\n    // Support simple usage: `new Socket(url)`\r\n    if (typeof opts === 'string') {\r\n      opts = { url: opts }\r\n    }\r\n\r\n    opts = Object.assign({\r\n      allowHalfOpen: false\r\n    }, opts)\r\n\r\n    super(opts)\r\n\r\n    this.__objectMode = !!opts.objectMode // streamx is objectMode by default, so implement readable's fuctionality\r\n    if (opts.objectMode != null) delete opts.objectMode // causes error with ws...\r\n\r\n    if (opts.url == null && opts.socket == null) {\r\n      throw new Error('Missing required `url` or `socket` option')\r\n    }\r\n    if (opts.url != null && opts.socket != null) {\r\n      throw new Error('Must specify either `url` or `socket` option, not both')\r\n    }\r\n\r\n    this._id = arr2hex(randomBytes(4)).slice(0, 7)\r\n    this._debug('new websocket: %o', opts)\r\n\r\n    this.connected = false\r\n\r\n    this._chunk = null\r\n    this._cb = null\r\n    this._interval = null\r\n\r\n    if (opts.socket) {\r\n      this.url = opts.socket.url\r\n      this._ws = opts.socket\r\n      this.connected = opts.socket.readyState === _WebSocket.OPEN\r\n    } else {\r\n      this.url = opts.url\r\n      try {\r\n        if (typeof ws === 'function') {\r\n          // `ws` package accepts options\r\n          this._ws = new _WebSocket(opts.url, {\r\n            ...opts,\r\n            encoding: undefined // encoding option breaks ws internals\r\n          })\r\n        } else {\r\n          this._ws = new _WebSocket(opts.url)\r\n        }\r\n      } catch (err) {\r\n        queueMicrotask(() => this.destroy(err))\r\n        return\r\n      }\r\n    }\r\n\r\n    this._ws.binaryType = 'arraybuffer'\r\n\r\n    if (opts.socket && this.connected) {\r\n      queueMicrotask(() => this._handleOpen())\r\n    } else {\r\n      this._ws.onopen = () => this._handleOpen()\r\n    }\r\n\r\n    this._ws.onmessage = event => this._handleMessage(event)\r\n    this._ws.onclose = () => this._handleClose()\r\n    this._ws.onerror = err => this._handleError(err)\r\n\r\n    this._handleFinishBound = () => this._handleFinish()\r\n    this.once('finish', this._handleFinishBound)\r\n  }\r\n\r\n  /**\r\n   * Send text/binary data to the WebSocket server.\r\n   * @param {TypedArrayView|ArrayBuffer|Uint8Array|string|Blob|Object} chunk\r\n   */\r\n  send (chunk) {\r\n    this._ws.send(chunk)\r\n  }\r\n\r\n  _final (cb) {\r\n    if (!this._readableState.ended) this.push(null)\r\n    cb(null)\r\n  }\r\n\r\n  _destroy (cb) {\r\n    if (this.destroyed) return\r\n    if (!this._writableState.ended) this.end()\r\n\r\n    this.connected = false\r\n\r\n    clearInterval(this._interval)\r\n    this._interval = null\r\n    this._chunk = null\r\n    this._cb = null\r\n\r\n    if (this._handleFinishBound) {\r\n      this.removeListener('finish', this._handleFinishBound)\r\n    }\r\n    this._handleFinishBound = null\r\n\r\n    if (this._ws) {\r\n      const ws = this._ws\r\n      const onClose = () => {\r\n        ws.onclose = null\r\n      }\r\n      if (ws.readyState === _WebSocket.CLOSED) {\r\n        onClose()\r\n      } else {\r\n        try {\r\n          ws.onclose = onClose\r\n          ws.close()\r\n        } catch (err) {\r\n          onClose()\r\n        }\r\n      }\r\n\r\n      ws.onopen = null\r\n      ws.onmessage = null\r\n      ws.onerror = () => {}\r\n    }\r\n    this._ws = null\r\n\r\n    cb()\r\n  }\r\n\r\n  _write (chunk, cb) {\r\n    if (this.destroyed) return cb(new Error('cannot write after socket is destroyed'))\r\n\r\n    if (this.connected) {\r\n      try {\r\n        this.send(chunk)\r\n      } catch (err) {\r\n        return this.destroy(err)\r\n      }\r\n      if (typeof ws !== 'function' && this._ws.bufferedAmount > MAX_BUFFERED_AMOUNT) {\r\n        this._debug('start backpressure: bufferedAmount %d', this._ws.bufferedAmount)\r\n        this._cb = cb\r\n      } else {\r\n        cb(null)\r\n      }\r\n    } else {\r\n      this._debug('write before connect')\r\n      this._chunk = chunk\r\n      this._cb = cb\r\n    }\r\n  }\r\n\r\n  _handleOpen () {\r\n    if (this.connected || this.destroyed) return\r\n    this.connected = true\r\n\r\n    if (this._chunk) {\r\n      try {\r\n        this.send(this._chunk)\r\n      } catch (err) {\r\n        return this.destroy(err)\r\n      }\r\n      this._chunk = null\r\n      this._debug('sent chunk from \"write before connect\"')\r\n\r\n      const cb = this._cb\r\n      this._cb = null\r\n      cb(null)\r\n    }\r\n\r\n    // Backpressure is not implemented in Node.js. The `ws` module has a buggy\r\n    // `bufferedAmount` property. See: https://github.com/websockets/ws/issues/492\r\n    if (typeof ws !== 'function') {\r\n      this._interval = setInterval(() => this._onInterval(), 150)\r\n      if (this._interval.unref) this._interval.unref()\r\n    }\r\n\r\n    this._debug('connect')\r\n    this.emit('connect')\r\n  }\r\n\r\n  _handleMessage (event) {\r\n    if (this.destroyed) return\r\n    let data = event.data\r\n    if (data instanceof ArrayBuffer) data = new Uint8Array(data)\r\n    if (this.__objectMode === false) data = text2arr(data)\r\n    this.push(data)\r\n  }\r\n\r\n  _handleClose () {\r\n    if (this.destroyed) return\r\n    this._debug('on close')\r\n    this.destroy()\r\n  }\r\n\r\n  _handleError (_) {\r\n    this.destroy(new Error(`Error connecting to ${this.url}`))\r\n  }\r\n\r\n  // When stream finishes writing, close socket. Half open connections are not\r\n  // supported.\r\n  _handleFinish () {\r\n    if (this.destroyed) return\r\n\r\n    // Wait a bit before destroying so the socket flushes.\r\n    // TODO: is there a more reliable way to accomplish this?\r\n    const destroySoon = () => {\r\n      setTimeout(() => this.destroy(), 1000)\r\n    }\r\n\r\n    if (this.connected) {\r\n      destroySoon()\r\n    } else {\r\n      this.once('connect', destroySoon)\r\n    }\r\n  }\r\n\r\n  _onInterval () {\r\n    if (!this._cb || !this._ws || this._ws.bufferedAmount > MAX_BUFFERED_AMOUNT) {\r\n      return\r\n    }\r\n    this._debug('ending backpressure: bufferedAmount %d', this._ws.bufferedAmount)\r\n    const cb = this._cb\r\n    this._cb = null\r\n    cb(null)\r\n  }\r\n\r\n  _debug () {\r\n    const args = [].slice.call(arguments)\r\n    args[0] = '[' + this._id + '] ' + args[0]\r\n    debug.apply(null, args)\r\n  }\r\n}\r\n\r\nSocket.WEBSOCKET_SUPPORT = !!_WebSocket\r\n","import EventEmitter from 'events'\n\nclass Tracker extends EventEmitter {\n  constructor (client, announceUrl) {\n    super()\n\n    this.client = client\n    this.announceUrl = announceUrl\n\n    this.interval = null\n    this.destroyed = false\n  }\n\n  setInterval (intervalMs) {\n    if (intervalMs == null) intervalMs = this.DEFAULT_ANNOUNCE_INTERVAL\n\n    clearInterval(this.interval)\n\n    if (intervalMs) {\n      this.interval = setInterval(() => {\n        this.announce(this.client._defaultAnnounceOpts())\n      }, intervalMs)\n      if (this.interval.unref) this.interval.unref()\n    }\n  }\n}\n\nexport default Tracker\n","import Debug from 'debug'\nimport Peer from '@thaunknown/simple-peer/lite.js'\nimport Socket from '@thaunknown/simple-websocket'\nimport { arr2text, arr2hex, hex2bin, bin2hex, randomBytes } from 'uint8-util'\n\nimport common from '../common.js'\nimport Tracker from './tracker.js'\n\nconst debug = Debug('bittorrent-tracker:websocket-tracker')\n\n// Use a socket pool, so tracker clients share WebSocket objects for the same server.\n// In practice, WebSockets are pretty slow to establish, so this gives a nice performance\n// boost, and saves browser resources.\nconst socketPool = {}\n\nconst RECONNECT_MINIMUM = 10 * 1000\nconst RECONNECT_MAXIMUM = 60 * 60 * 1000\nconst RECONNECT_VARIANCE = 5 * 60 * 1000\nconst OFFER_TIMEOUT = 50 * 1000\n\nclass WebSocketTracker extends Tracker {\n  constructor (client, announceUrl) {\n    super(client, announceUrl)\n    debug('new websocket tracker %s', announceUrl)\n\n    this.peers = {} // peers (offer id -> peer)\n    this.socket = null\n\n    this.reconnecting = false\n    this.retries = 0\n    this.reconnectTimer = null\n\n    // Simple boolean flag to track whether the socket has received data from\n    // the websocket server since the last time socket.send() was called.\n    this.expectingResponse = false\n\n    this._openSocket()\n  }\n\n  announce (opts) {\n    if (this.destroyed || this.reconnecting) return\n    if (!this.socket.connected) {\n      this.socket.once('connect', () => {\n        this.announce(opts)\n      })\n      return\n    }\n\n    const params = Object.assign({}, opts, {\n      action: 'announce',\n      info_hash: this.client._infoHashBinary,\n      peer_id: this.client._peerIdBinary\n    })\n    if (this._trackerId) params.trackerid = this._trackerId\n\n    if (opts.event === 'stopped' || opts.event === 'completed') {\n      // Don't include offers with 'stopped' or 'completed' event\n      this._send(params)\n    } else {\n      // Limit the number of offers that are generated, since it can be slow\n      const numwant = Math.min(opts.numwant, 5)\n\n      this._generateOffers(numwant, offers => {\n        params.numwant = numwant\n        params.offers = offers\n        this._send(params)\n      })\n    }\n  }\n\n  scrape (opts) {\n    if (this.destroyed || this.reconnecting) return\n    if (!this.socket.connected) {\n      this.socket.once('connect', () => {\n        this.scrape(opts)\n      })\n      return\n    }\n\n    const infoHashes = (Array.isArray(opts.infoHash) && opts.infoHash.length > 0)\n      ? opts.infoHash.map(infoHash => hex2bin(infoHash))\n      : (opts.infoHash && hex2bin(opts.infoHash)) || this.client._infoHashBinary\n    const params = {\n      action: 'scrape',\n      info_hash: infoHashes\n    }\n\n    this._send(params)\n  }\n\n  destroy (cb = noop) {\n    if (this.destroyed) return cb(null)\n\n    this.destroyed = true\n\n    clearInterval(this.interval)\n    clearTimeout(this.reconnectTimer)\n\n    // Destroy peers\n    for (const peerId in this.peers) {\n      const peer = this.peers[peerId]\n      clearTimeout(peer.trackerTimeout)\n      peer.destroy()\n    }\n    this.peers = null\n\n    if (this.socket) {\n      this.socket.removeListener('connect', this._onSocketConnectBound)\n      this.socket.removeListener('data', this._onSocketDataBound)\n      this.socket.removeListener('close', this._onSocketCloseBound)\n      this.socket.removeListener('error', this._onSocketErrorBound)\n      this.socket = null\n    }\n\n    this._onSocketConnectBound = null\n    this._onSocketErrorBound = null\n    this._onSocketDataBound = null\n    this._onSocketCloseBound = null\n\n    if (socketPool[this.announceUrl]) {\n      socketPool[this.announceUrl].consumers -= 1\n    }\n\n    // Other instances are using the socket, so there's nothing left to do here\n    if (socketPool[this.announceUrl].consumers > 0) return cb()\n\n    let socket = socketPool[this.announceUrl]\n    delete socketPool[this.announceUrl]\n    socket.on('error', noop) // ignore all future errors\n    socket.once('close', cb)\n\n    let timeout\n\n    // If there is no data response expected, destroy immediately.\n    if (!this.expectingResponse) return destroyCleanup()\n\n    // Otherwise, wait a short time for potential responses to come in from the\n    // server, then force close the socket.\n    timeout = setTimeout(destroyCleanup, common.DESTROY_TIMEOUT)\n\n    // But, if a response comes from the server before the timeout fires, do cleanup\n    // right away.\n    socket.once('data', destroyCleanup)\n\n    function destroyCleanup () {\n      if (timeout) {\n        clearTimeout(timeout)\n        timeout = null\n      }\n      socket.removeListener('data', destroyCleanup)\n      socket.destroy()\n      socket = null\n    }\n  }\n\n  _openSocket () {\n    this.destroyed = false\n\n    if (!this.peers) this.peers = {}\n\n    this._onSocketConnectBound = () => {\n      this._onSocketConnect()\n    }\n    this._onSocketErrorBound = err => {\n      this._onSocketError(err)\n    }\n    this._onSocketDataBound = data => {\n      this._onSocketData(data)\n    }\n    this._onSocketCloseBound = () => {\n      this._onSocketClose()\n    }\n\n    this.socket = socketPool[this.announceUrl]\n    if (this.socket) {\n      socketPool[this.announceUrl].consumers += 1\n      if (this.socket.connected) {\n        this._onSocketConnectBound()\n      }\n    } else {\n      const parsedUrl = new URL(this.announceUrl)\n      let agent\n      if (this.client._proxyOpts) {\n        agent = parsedUrl.protocol === 'wss:' ? this.client._proxyOpts.httpsAgent : this.client._proxyOpts.httpAgent\n        if (!agent && this.client._proxyOpts.socksProxy) {\n          agent = this.client._proxyOpts.socksProxy\n        }\n      }\n      this.socket = socketPool[this.announceUrl] = new Socket({ url: this.announceUrl, agent })\n      this.socket.consumers = 1\n      this.socket.once('connect', this._onSocketConnectBound)\n    }\n\n    this.socket.on('data', this._onSocketDataBound)\n    this.socket.once('close', this._onSocketCloseBound)\n    this.socket.once('error', this._onSocketErrorBound)\n  }\n\n  _onSocketConnect () {\n    if (this.destroyed) return\n\n    if (this.reconnecting) {\n      this.reconnecting = false\n      this.retries = 0\n      this.announce(this.client._defaultAnnounceOpts())\n    }\n  }\n\n  _onSocketData (data) {\n    if (this.destroyed) return\n\n    this.expectingResponse = false\n\n    try {\n      data = JSON.parse(arr2text(data))\n    } catch (err) {\n      this.client.emit('warning', new Error('Invalid tracker response'))\n      return\n    }\n\n    if (data.action === 'announce') {\n      this._onAnnounceResponse(data)\n    } else if (data.action === 'scrape') {\n      this._onScrapeResponse(data)\n    } else {\n      this._onSocketError(new Error(`invalid action in WS response: ${data.action}`))\n    }\n  }\n\n  _onAnnounceResponse (data) {\n    if (data.info_hash !== this.client._infoHashBinary) {\n      debug(\n        'ignoring websocket data from %s for %s (looking for %s: reused socket)',\n        this.announceUrl, bin2hex(data.info_hash), this.client.infoHash\n      )\n      return\n    }\n\n    if (data.peer_id && data.peer_id === this.client._peerIdBinary) {\n      // ignore offers/answers from this client\n      return\n    }\n\n    debug(\n      'received %s from %s for %s',\n      JSON.stringify(data), this.announceUrl, this.client.infoHash\n    )\n\n    const failure = data['failure reason']\n    if (failure) return this.client.emit('warning', new Error(failure))\n\n    const warning = data['warning message']\n    if (warning) this.client.emit('warning', new Error(warning))\n\n    const interval = data.interval || data['min interval']\n    if (interval) this.setInterval(interval * 1000)\n\n    const trackerId = data['tracker id']\n    if (trackerId) {\n      // If absent, do not discard previous trackerId value\n      this._trackerId = trackerId\n    }\n\n    if (data.complete != null) {\n      const response = Object.assign({}, data, {\n        announce: this.announceUrl,\n        infoHash: bin2hex(data.info_hash)\n      })\n      this.client.emit('update', response)\n    }\n\n    let peer\n    if (data.offer && data.peer_id) {\n      debug('creating peer (from remote offer)')\n      peer = this._createPeer()\n      peer.id = bin2hex(data.peer_id)\n      peer.once('signal', answer => {\n        const params = {\n          action: 'announce',\n          info_hash: this.client._infoHashBinary,\n          peer_id: this.client._peerIdBinary,\n          to_peer_id: data.peer_id,\n          answer,\n          offer_id: data.offer_id\n        }\n        if (this._trackerId) params.trackerid = this._trackerId\n        this._send(params)\n      })\n      this.client.emit('peer', peer)\n      peer.signal(data.offer)\n    }\n\n    if (data.answer && data.peer_id) {\n      const offerId = bin2hex(data.offer_id)\n      peer = this.peers[offerId]\n      if (peer) {\n        peer.id = bin2hex(data.peer_id)\n        this.client.emit('peer', peer)\n        peer.signal(data.answer)\n\n        clearTimeout(peer.trackerTimeout)\n        peer.trackerTimeout = null\n        delete this.peers[offerId]\n      } else {\n        debug(`got unexpected answer: ${JSON.stringify(data.answer)}`)\n      }\n    }\n  }\n\n  _onScrapeResponse (data) {\n    data = data.files || {}\n\n    const keys = Object.keys(data)\n    if (keys.length === 0) {\n      this.client.emit('warning', new Error('invalid scrape response'))\n      return\n    }\n\n    keys.forEach(infoHash => {\n      // TODO: optionally handle data.flags.min_request_interval\n      // (separate from announce interval)\n      const response = Object.assign(data[infoHash], {\n        announce: this.announceUrl,\n        infoHash: bin2hex(infoHash)\n      })\n      this.client.emit('scrape', response)\n    })\n  }\n\n  _onSocketClose () {\n    if (this.destroyed) return\n    this.destroy()\n    this._startReconnectTimer()\n  }\n\n  _onSocketError (err) {\n    if (this.destroyed) return\n    this.destroy()\n    // errors will often happen if a tracker is offline, so don't treat it as fatal\n    this.client.emit('warning', err)\n    this._startReconnectTimer()\n  }\n\n  _startReconnectTimer () {\n    const ms = Math.floor(Math.random() * RECONNECT_VARIANCE) + Math.min(Math.pow(2, this.retries) * RECONNECT_MINIMUM, RECONNECT_MAXIMUM)\n\n    this.reconnecting = true\n    clearTimeout(this.reconnectTimer)\n    this.reconnectTimer = setTimeout(() => {\n      this.retries++\n      this._openSocket()\n    }, ms)\n    if (this.reconnectTimer.unref) this.reconnectTimer.unref()\n\n    debug('reconnecting socket in %s ms', ms)\n  }\n\n  _send (params) {\n    if (this.destroyed) return\n    this.expectingResponse = true\n    const message = JSON.stringify(params)\n    debug('send %s', message)\n    this.socket.send(message)\n  }\n\n  _generateOffers (numwant, cb) {\n    const self = this\n    const offers = []\n    debug('generating %s offers', numwant)\n\n    for (let i = 0; i < numwant; ++i) {\n      generateOffer()\n    }\n    checkDone()\n\n    function generateOffer () {\n      const offerId = arr2hex(randomBytes(20))\n      debug('creating peer (from _generateOffers)')\n      const peer = self.peers[offerId] = self._createPeer({ initiator: true })\n      peer.once('signal', offer => {\n        offers.push({\n          offer,\n          offer_id: hex2bin(offerId)\n        })\n        checkDone()\n      })\n      peer.trackerTimeout = setTimeout(() => {\n        debug('tracker timeout: destroying peer')\n        peer.trackerTimeout = null\n        delete self.peers[offerId]\n        peer.destroy()\n      }, OFFER_TIMEOUT)\n      if (peer.trackerTimeout.unref) peer.trackerTimeout.unref()\n    }\n\n    function checkDone () {\n      if (offers.length === numwant) {\n        debug('generated %s offers', numwant)\n        cb(offers)\n      }\n    }\n  }\n\n  _createPeer (opts) {\n    const self = this\n\n    opts = Object.assign({\n      trickle: false,\n      config: self.client._rtcConfig,\n      wrtc: self.client._wrtc\n    }, opts)\n\n    const peer = new Peer(opts)\n\n    peer.once('error', onError)\n    peer.once('connect', onConnect)\n\n    return peer\n\n    // Handle peer 'error' events that are fired *before* the peer is emitted in\n    // a 'peer' event.\n    function onError (err) {\n      self.client.emit('warning', new Error(`Connection error: ${err.message}`))\n      peer.destroy()\n    }\n\n    // Once the peer is emitted in a 'peer' event, then it's the consumer's\n    // responsibility to listen for errors, so the listeners are removed here.\n    function onConnect () {\n      peer.removeListener('error', onError)\n      peer.removeListener('connect', onConnect)\n    }\n  }\n}\n\nWebSocketTracker.prototype.DEFAULT_ANNOUNCE_INTERVAL = 30 * 1000 // 30 seconds\n// Normally this shouldn't be accessed but is occasionally useful\nWebSocketTracker._socketPool = socketPool\n\nfunction noop () {}\n\nexport default WebSocketTracker\n","import Debug from 'debug'\nimport EventEmitter from 'events'\nimport once from 'once'\nimport parallel from 'run-parallel'\nimport Peer from '@thaunknown/simple-peer/lite.js'\nimport queueMicrotask from 'queue-microtask'\nimport { hex2arr, hex2bin, text2arr, arr2hex, arr2text } from 'uint8-util'\n\nimport common from './lib/common.js'\nimport HTTPTracker from './lib/client/http-tracker.js' // empty object in browser\nimport UDPTracker from './lib/client/udp-tracker.js' // empty object in browser\nimport WebSocketTracker from './lib/client/websocket-tracker.js'\n\nconst debug = Debug('bittorrent-tracker:client')\n\n/**\n * BitTorrent tracker client.\n *\n * Find torrent peers, to help a torrent client participate in a torrent swarm.\n *\n * @param {Object} opts                          options object\n * @param {string|Uint8Array} opts.infoHash          torrent info hash\n * @param {string|Uint8Array} opts.peerId            peer id\n * @param {string|Array.<string>} opts.announce  announce\n * @param {number} opts.port                     torrent client listening port\n * @param {function} opts.getAnnounceOpts        callback to provide data to tracker\n * @param {number} opts.rtcConfig                RTCPeerConnection configuration object\n * @param {number} opts.userAgent                User-Agent header for http requests\n * @param {number} opts.wrtc                     custom webrtc impl (useful in node.js)\n * @param {object} opts.proxyOpts                proxy options (useful in node.js)\n */\nclass Client extends EventEmitter {\n  constructor (opts = {}) {\n    super()\n\n    if (!opts.peerId) throw new Error('Option `peerId` is required')\n    if (!opts.infoHash) throw new Error('Option `infoHash` is required')\n    if (!opts.announce) throw new Error('Option `announce` is required')\n    if (!process.browser && !opts.port) throw new Error('Option `port` is required')\n\n    this.peerId = typeof opts.peerId === 'string'\n      ? opts.peerId\n      : arr2hex(opts.peerId)\n    this._peerIdBuffer = hex2arr(this.peerId)\n    this._peerIdBinary = hex2bin(this.peerId)\n\n    this.infoHash = typeof opts.infoHash === 'string'\n      ? opts.infoHash.toLowerCase()\n      : arr2hex(opts.infoHash)\n    this._infoHashBuffer = hex2arr(this.infoHash)\n    this._infoHashBinary = hex2bin(this.infoHash)\n\n    debug('new client %s', this.infoHash)\n\n    this.destroyed = false\n\n    this._port = opts.port\n    this._getAnnounceOpts = opts.getAnnounceOpts\n    this._rtcConfig = opts.rtcConfig\n    this._userAgent = opts.userAgent\n    this._proxyOpts = opts.proxyOpts\n\n    // Support lazy 'wrtc' module initialization\n    // See: https://github.com/webtorrent/webtorrent-hybrid/issues/46\n    this._wrtc = typeof opts.wrtc === 'function' ? opts.wrtc() : opts.wrtc\n\n    let announce = typeof opts.announce === 'string'\n      ? [opts.announce]\n      : opts.announce == null ? [] : opts.announce\n\n    // Remove trailing slash from trackers to catch duplicates\n    announce = announce.map(announceUrl => {\n      if (ArrayBuffer.isView(announceUrl)) announceUrl = arr2text(announceUrl)\n      if (announceUrl[announceUrl.length - 1] === '/') {\n        announceUrl = announceUrl.substring(0, announceUrl.length - 1)\n      }\n      return announceUrl\n    })\n    // remove duplicates by converting to Set and back\n    announce = Array.from(new Set(announce))\n\n    const webrtcSupport = this._wrtc !== false && (!!this._wrtc || Peer.WEBRTC_SUPPORT)\n\n    const nextTickWarn = err => {\n      queueMicrotask(() => {\n        this.emit('warning', err)\n      })\n    }\n\n    this._trackers = announce\n      .map(announceUrl => {\n        let parsedUrl\n        try {\n          parsedUrl = common.parseUrl(announceUrl)\n        } catch (err) {\n          nextTickWarn(new Error(`Invalid tracker URL: ${announceUrl}`))\n          return null\n        }\n\n        const port = parsedUrl.port\n        if (port < 0 || port > 65535) {\n          nextTickWarn(new Error(`Invalid tracker port: ${announceUrl}`))\n          return null\n        }\n\n        const protocol = parsedUrl.protocol\n        if ((protocol === 'http:' || protocol === 'https:') &&\n            typeof HTTPTracker === 'function') {\n          return new HTTPTracker(this, announceUrl)\n        } else if (protocol === 'udp:' && typeof UDPTracker === 'function') {\n          return new UDPTracker(this, announceUrl)\n        } else if ((protocol === 'ws:' || protocol === 'wss:') && webrtcSupport) {\n          // Skip ws:// trackers on https:// sites because they throw SecurityError\n          if (protocol === 'ws:' && typeof window !== 'undefined' &&\n              window.location.protocol === 'https:') {\n            nextTickWarn(new Error(`Unsupported tracker protocol: ${announceUrl}`))\n            return null\n          }\n          return new WebSocketTracker(this, announceUrl)\n        } else {\n          nextTickWarn(new Error(`Unsupported tracker protocol: ${announceUrl}`))\n          return null\n        }\n      })\n      .filter(Boolean)\n  }\n\n  /**\n   * Send a `start` announce to the trackers.\n   * @param {Object} opts\n   * @param {number=} opts.uploaded\n   * @param {number=} opts.downloaded\n   * @param {number=} opts.left (if not set, calculated automatically)\n   */\n  start (opts) {\n    opts = this._defaultAnnounceOpts(opts)\n    opts.event = 'started'\n    debug('send `start` %o', opts)\n    this._announce(opts)\n\n    // start announcing on intervals\n    this._trackers.forEach(tracker => {\n      tracker.setInterval()\n    })\n  }\n\n  /**\n   * Send a `stop` announce to the trackers.\n   * @param {Object} opts\n   * @param {number=} opts.uploaded\n   * @param {number=} opts.downloaded\n   * @param {number=} opts.numwant\n   * @param {number=} opts.left (if not set, calculated automatically)\n   */\n  stop (opts) {\n    opts = this._defaultAnnounceOpts(opts)\n    opts.event = 'stopped'\n    debug('send `stop` %o', opts)\n    this._announce(opts)\n  }\n\n  /**\n   * Send a `complete` announce to the trackers.\n   * @param {Object} opts\n   * @param {number=} opts.uploaded\n   * @param {number=} opts.downloaded\n   * @param {number=} opts.numwant\n   * @param {number=} opts.left (if not set, calculated automatically)\n   */\n  complete (opts) {\n    if (!opts) opts = {}\n    opts = this._defaultAnnounceOpts(opts)\n    opts.event = 'completed'\n    debug('send `complete` %o', opts)\n    this._announce(opts)\n  }\n\n  /**\n   * Send a `update` announce to the trackers.\n   * @param {Object} opts\n   * @param {number=} opts.uploaded\n   * @param {number=} opts.downloaded\n   * @param {number=} opts.numwant\n   * @param {number=} opts.left (if not set, calculated automatically)\n   */\n  update (opts) {\n    opts = this._defaultAnnounceOpts(opts)\n    if (opts.event) delete opts.event\n    debug('send `update` %o', opts)\n    this._announce(opts)\n  }\n\n  _announce (opts) {\n    this._trackers.forEach(tracker => {\n      // tracker should not modify `opts` object, it's passed to all trackers\n      tracker.announce(opts)\n    })\n  }\n\n  /**\n   * Send a scrape request to the trackers.\n   * @param {Object} opts\n   */\n  scrape (opts) {\n    debug('send `scrape`')\n    if (!opts) opts = {}\n    this._trackers.forEach(tracker => {\n      // tracker should not modify `opts` object, it's passed to all trackers\n      tracker.scrape(opts)\n    })\n  }\n\n  setInterval (intervalMs) {\n    debug('setInterval %d', intervalMs)\n    this._trackers.forEach(tracker => {\n      tracker.setInterval(intervalMs)\n    })\n  }\n\n  destroy (cb) {\n    if (this.destroyed) return\n    this.destroyed = true\n    debug('destroy')\n\n    const tasks = this._trackers.map(tracker => cb => {\n      tracker.destroy(cb)\n    })\n\n    parallel(tasks, cb)\n\n    this._trackers = []\n    this._getAnnounceOpts = null\n  }\n\n  _defaultAnnounceOpts (opts = {}) {\n    if (opts.numwant == null) opts.numwant = common.DEFAULT_ANNOUNCE_PEERS\n\n    if (opts.uploaded == null) opts.uploaded = 0\n    if (opts.downloaded == null) opts.downloaded = 0\n\n    if (this._getAnnounceOpts) opts = Object.assign({}, opts, this._getAnnounceOpts())\n\n    return opts\n  }\n}\n\n/**\n * Simple convenience function to scrape a tracker for an info hash without needing to\n * create a Client, pass it a parsed torrent, etc. Support scraping a tracker for multiple\n * torrents at the same time.\n * @params {Object} opts\n * @param  {string|Array.<string>} opts.infoHash\n * @param  {string} opts.announce\n * @param  {function} cb\n */\nClient.scrape = (opts, cb) => {\n  cb = once(cb)\n\n  if (!opts.infoHash) throw new Error('Option `infoHash` is required')\n  if (!opts.announce) throw new Error('Option `announce` is required')\n\n  const clientOpts = Object.assign({}, opts, {\n    infoHash: Array.isArray(opts.infoHash) ? opts.infoHash[0] : opts.infoHash,\n    peerId: text2arr('01234567890123456789'), // dummy value\n    port: 6881 // dummy value\n  })\n\n  const client = new Client(clientOpts)\n  client.once('error', cb)\n  client.once('warning', cb)\n\n  let len = Array.isArray(opts.infoHash) ? opts.infoHash.length : 1\n  const results = {}\n  client.on('scrape', data => {\n    len -= 1\n    results[data.infoHash] = data\n    if (len === 0) {\n      client.destroy()\n      const keys = Object.keys(results)\n      if (keys.length === 1) {\n        cb(null, results[keys[0]])\n      } else {\n        cb(null, results)\n      }\n    }\n  })\n\n  client.scrape({ infoHash: opts.infoHash })\n  return client\n}\n\nexport default Client\n","/*! torrent-discovery. MIT License. WebTorrent LLC <https://webtorrent.io/opensource> */\nimport Debug from 'debug'\nimport { Client as DHT } from 'bittorrent-dht' // empty object in browser\nimport { EventEmitter } from 'events'\nimport parallel from 'run-parallel'\nimport { Client as Tracker } from 'bittorrent-tracker'\nimport LSD from 'bittorrent-lsd'\n\nconst debug = Debug('torrent-discovery')\n\nclass Discovery extends EventEmitter {\n  constructor (opts) {\n    super()\n\n    if (!opts.peerId) throw new Error('Option `peerId` is required')\n    if (!opts.infoHash) throw new Error('Option `infoHash` is required')\n    if (!process.browser && !opts.port) throw new Error('Option `port` is required')\n\n    this.peerId = typeof opts.peerId === 'string'\n      ? opts.peerId\n      : opts.peerId.toString('hex')\n    this.infoHash = typeof opts.infoHash === 'string'\n      ? opts.infoHash.toLowerCase()\n      : opts.infoHash.toString('hex')\n    this._port = opts.port // torrent port\n    this._userAgent = opts.userAgent // User-Agent header for http requests\n\n    this.destroyed = false\n\n    this._announce = opts.announce || []\n    this._intervalMs = opts.intervalMs || (15 * 60 * 1000)\n    this._trackerOpts = null\n    this._dhtAnnouncing = false\n    this._dhtTimeout = false\n    this._internalDHT = false // is the DHT created internally?\n\n    this._onWarning = err => {\n      this.emit('warning', err)\n    }\n    this._onError = err => {\n      this.emit('error', err)\n    }\n    this._onDHTPeer = (peer, infoHash) => {\n      if (infoHash.toString('hex') !== this.infoHash) return\n      this.emit('peer', `${peer.host}:${peer.port}`, 'dht')\n    }\n    this._onTrackerPeer = peer => {\n      this.emit('peer', peer, 'tracker')\n    }\n    this._onTrackerAnnounce = () => {\n      this.emit('trackerAnnounce')\n    }\n    this._onLSDPeer = (peer, infoHash) => {\n      this.emit('peer', peer, 'lsd')\n    }\n\n    const createDHT = (port, opts) => {\n      const dht = new DHT(opts)\n      dht.on('warning', this._onWarning)\n      dht.on('error', this._onError)\n      dht.listen(port)\n      this._internalDHT = true\n      return dht\n    }\n\n    if (opts.tracker === false) {\n      this.tracker = null\n    } else if (opts.tracker && typeof opts.tracker === 'object') {\n      this._trackerOpts = Object.assign({}, opts.tracker)\n      this.tracker = this._createTracker()\n    } else {\n      this.tracker = this._createTracker()\n    }\n\n    if (opts.dht === false || typeof DHT !== 'function') {\n      this.dht = null\n    } else if (opts.dht && typeof opts.dht.addNode === 'function') {\n      this.dht = opts.dht\n    } else if (opts.dht && typeof opts.dht === 'object') {\n      this.dht = createDHT(opts.dhtPort, opts.dht)\n    } else {\n      this.dht = createDHT(opts.dhtPort)\n    }\n\n    if (this.dht) {\n      this.dht.on('peer', this._onDHTPeer)\n      this._dhtAnnounce()\n    }\n\n    if (opts.lsd === false || typeof LSD !== 'function') {\n      this.lsd = null\n    } else {\n      this.lsd = this._createLSD()\n    }\n  }\n\n  updatePort (port) {\n    if (port === this._port) return\n    this._port = port\n\n    if (this.dht) this._dhtAnnounce()\n\n    if (this.tracker) {\n      this.tracker.stop()\n      this.tracker.destroy(() => {\n        this.tracker = this._createTracker()\n      })\n    }\n  }\n\n  complete (opts) {\n    if (this.tracker) {\n      this.tracker.complete(opts)\n    }\n  }\n\n  destroy (cb) {\n    if (this.destroyed) return\n    this.destroyed = true\n\n    clearTimeout(this._dhtTimeout)\n\n    const tasks = []\n\n    if (this.tracker) {\n      this.tracker.stop()\n      this.tracker.removeListener('warning', this._onWarning)\n      this.tracker.removeListener('error', this._onError)\n      this.tracker.removeListener('peer', this._onTrackerPeer)\n      this.tracker.removeListener('update', this._onTrackerAnnounce)\n      tasks.push(cb => {\n        this.tracker.destroy(cb)\n      })\n    }\n\n    if (this.dht) {\n      this.dht.removeListener('peer', this._onDHTPeer)\n    }\n\n    if (this._internalDHT) {\n      this.dht.removeListener('warning', this._onWarning)\n      this.dht.removeListener('error', this._onError)\n      tasks.push(cb => {\n        this.dht.destroy(cb)\n      })\n    }\n\n    if (this.lsd) {\n      this.lsd.removeListener('warning', this._onWarning)\n      this.lsd.removeListener('error', this._onError)\n      this.lsd.removeListener('peer', this._onLSDPeer)\n      tasks.push(cb => {\n        this.lsd.destroy(cb)\n      })\n    }\n\n    parallel(tasks, cb)\n\n    // cleanup\n    this.dht = null\n    this.tracker = null\n    this.lsd = null\n    this._announce = null\n  }\n\n  _createTracker () {\n    const opts = Object.assign({}, this._trackerOpts, {\n      infoHash: this.infoHash,\n      announce: this._announce,\n      peerId: this.peerId,\n      port: this._port,\n      userAgent: this._userAgent\n    })\n\n    const tracker = new Tracker(opts)\n    tracker.on('warning', this._onWarning)\n    tracker.on('error', this._onError)\n    tracker.on('peer', this._onTrackerPeer)\n    tracker.on('update', this._onTrackerAnnounce)\n    tracker.setInterval(this._intervalMs)\n    tracker.start()\n    return tracker\n  }\n\n  _dhtAnnounce () {\n    if (this._dhtAnnouncing) return\n    debug('dht announce')\n\n    this._dhtAnnouncing = true\n    clearTimeout(this._dhtTimeout)\n\n    this.dht.announce(this.infoHash, this._port, err => {\n      this._dhtAnnouncing = false\n      debug('dht announce complete')\n\n      if (err) this.emit('warning', err)\n      this.emit('dhtAnnounce')\n\n      if (!this.destroyed) {\n        this._dhtTimeout = setTimeout(() => {\n          this._dhtAnnounce()\n        }, this._intervalMs + Math.floor(Math.random() * this._intervalMs / 5))\n        if (this._dhtTimeout.unref) this._dhtTimeout.unref()\n      }\n    })\n  }\n\n  _createLSD () {\n    const opts = Object.assign({}, {\n      infoHash: this.infoHash,\n      peerId: this.peerId,\n      port: this._port\n    })\n\n    const lsd = new LSD(opts)\n    lsd.on('warning', this._onWarning)\n    lsd.on('error', this._onError)\n    lsd.on('peer', this._onLSDPeer)\n    lsd.start()\n    return lsd\n  }\n}\n\nexport default Discovery\n","const INVALID = ['seeking position failed.', 'InvalidStateError']\r\nconst GONE = ['A requested file or directory could not be found at the time an operation was processed.', 'NotFoundError']\r\nconst SYNTAX = m => [`Failed to execute 'write' on 'UnderlyingSinkBase': Invalid params passed. ${m}`, 'SyntaxError']\r\n\r\nclass _FileSystemWritableFileStream extends WritableStream {\r\n  constructor (writer) {\r\n    super(writer)\r\n    // Stupid Safari hack to extend native classes\r\n    // https://bugs.webkit.org/show_bug.cgi?id=226201\r\n    Object.setPrototypeOf(this, FileSystemWritableFileStream.prototype)\r\n\r\n    /** @private */\r\n    this._closed = false\r\n  }\r\n\r\n  async close () {\r\n    this._closed = true\r\n    const w = this.getWriter()\r\n    const p = w.close()\r\n    w.releaseLock()\r\n    return p\r\n    // return super.close ? super.close() : this.getWriter().close()\r\n  }\r\n\r\n  /** @param {number} position */\r\n  seek (position) {\r\n    return this.write({ type: 'seek', position })\r\n  }\r\n\r\n  /** @param {number} size */\r\n  truncate (size) {\r\n    return this.write({ type: 'truncate', size })\r\n  }\r\n\r\n  // The write(data) method steps are:\r\n  write (data) {\r\n    if (this._closed) {\r\n      return Promise.reject(new TypeError('Cannot write to a CLOSED writable stream'))\r\n    }\r\n\r\n    // 1. Let writer be the result of getting a writer for this.\r\n    const writer = this.getWriter()\r\n\r\n    // 2. Let result be the result of writing a chunk to writer given data.\r\n    const result = writer.write(data)\r\n\r\n    // 3. Release writer.\r\n    writer.releaseLock()\r\n\r\n    // 4. Return result.\r\n    return result\r\n  }\r\n}\r\n\r\nObject.defineProperty(_FileSystemWritableFileStream.prototype, Symbol.toStringTag, {\r\n  value: 'FileSystemWritableFileStream',\r\n  writable: false,\r\n  enumerable: false,\r\n  configurable: true\r\n})\r\n\r\nObject.defineProperties(_FileSystemWritableFileStream.prototype, {\r\n  close: { enumerable: true },\r\n  seek: { enumerable: true },\r\n  truncate: { enumerable: true },\r\n  write: { enumerable: true }\r\n})\r\n\r\n// Safari safari doesn't support writable streams yet.\r\nif (\r\n  globalThis.FileSystemFileHandle &&\r\n  !globalThis.FileSystemFileHandle.prototype.createWritable &&\r\n  !globalThis.FileSystemWritableFileStream\r\n) {\r\n  globalThis.FileSystemWritableFileStream = _FileSystemWritableFileStream\r\n}\r\n\r\n// Safari doesn't support async createWritable streams yet.\r\nif (\r\n  globalThis.FileSystemFileHandle &&\r\n  !globalThis.FileSystemFileHandle.prototype.createWritable\r\n) {\r\n  const wm = new WeakMap()\r\n\r\n  let workerUrl\r\n\r\n  // Worker code that should be inlined (can't use any external functions)\r\n  const code = () => {\r\n    let fileHandle, handle\r\n\r\n    onmessage = async evt => {\r\n      const port = evt.ports[0]\r\n      const cmd = evt.data\r\n      switch (cmd.type) {\r\n        case 'open': {\r\n          const file = cmd.name\r\n\r\n          let dir = await navigator.storage.getDirectory()\r\n\r\n          for (const folder of cmd.path) {\r\n            dir = await dir.getDirectoryHandle(folder)\r\n          }\r\n\r\n          fileHandle = await dir.getFileHandle(file)\r\n          // @ts-ignore\r\n          handle = await fileHandle.createSyncAccessHandle()\r\n          break\r\n        }\r\n        case 'write':\r\n          handle.write(cmd.data, { at: cmd.position })\r\n          handle.flush()\r\n          break\r\n        case 'truncate':\r\n          handle.truncate(cmd.size)\r\n          break\r\n        case 'abort':\r\n        case 'close':\r\n          handle.close()\r\n          break\r\n      }\r\n\r\n      port.postMessage(0)\r\n    }\r\n  }\r\n\r\n  globalThis.FileSystemFileHandle.prototype.createWritable = async function (options) {\r\n    // Safari only support writing data in a worker with sync access handle.\r\n    if (!workerUrl) {\r\n      const stringCode = `(${code.toString()})()`\r\n      const blob = new Blob([stringCode], {\r\n        type: 'text/javascript'\r\n      })\r\n      workerUrl = URL.createObjectURL(blob)\r\n    }\r\n    const worker = new Worker(workerUrl, { type: 'module' })\r\n\r\n    let position = 0\r\n    const textEncoder = new TextEncoder()\r\n    let size = await this.getFile().then(file => file.size)\r\n\r\n    const send = message => new Promise((resolve, reject) => {\r\n      const mc = new MessageChannel()\r\n      mc.port1.onmessage = evt => {\r\n        if (evt.data instanceof Error) reject(evt.data)\r\n        else resolve(evt.data)\r\n        mc.port1.close()\r\n        mc.port2.close()\r\n        mc.port1.onmessage = null\r\n      }\r\n      worker.postMessage(message, [mc.port2])\r\n    })\r\n\r\n    // Safari also don't support transferable file system handles.\r\n    // So we need to pass the path to the worker. This is a bit hacky and ugly.\r\n    const root = await navigator.storage.getDirectory()\r\n    const parent = await wm.get(this)\r\n    const path = await root.resolve(parent)\r\n\r\n    // Should likely never happen, but just in case...\r\n    if (path === null) throw new DOMException(...GONE)\r\n\r\n    await send({ type: 'open', path, name: this.name })\r\n\r\n    if (options?.keepExistingData === false) {\r\n      await send({ type: 'truncate', size: 0 })\r\n      size = 0\r\n    }\r\n\r\n    return new _FileSystemWritableFileStream({\r\n      async write (chunk) {\r\n        const isPlainObject = chunk?.constructor === Object\r\n\r\n        if (isPlainObject) {\r\n          chunk = { ...chunk }\r\n        } else {\r\n          chunk = { type: 'write', data: chunk, position }\r\n        }\r\n\r\n        if (chunk.type === 'write') {\r\n          if (!('data' in chunk)) {\r\n            await send({ type: 'close' })\r\n            throw new DOMException(...SYNTAX('write requires a data argument'))\r\n          }\r\n\r\n          chunk.position ??= position\r\n\r\n          if (typeof chunk.data === 'string') {\r\n            chunk.data = textEncoder.encode(chunk.data)\r\n          } else if (chunk.data instanceof ArrayBuffer) {\r\n            chunk.data = new Uint8Array(chunk.data)\r\n          } else if (!(chunk.data instanceof Uint8Array) && ArrayBuffer.isView(chunk.data)) {\r\n            chunk.data = new Uint8Array(chunk.data.buffer, chunk.data.byteOffset, chunk.data.byteLength)\r\n          } else if (!(chunk.data instanceof Uint8Array)) {\r\n            const ab = await new Response(chunk.data).arrayBuffer()\r\n            chunk.data = new Uint8Array(ab)\r\n          }\r\n\r\n          if (Number.isInteger(chunk.position) && chunk.position >= 0) {\r\n            position = chunk.position\r\n          }\r\n          position += chunk.data.byteLength\r\n          size += chunk.data.byteLength\r\n        } else if (chunk.type === 'seek') {\r\n          if (Number.isInteger(chunk.position) && chunk.position >= 0) {\r\n            if (size < chunk.position) {\r\n              throw new DOMException(...INVALID)\r\n            }\r\n            position = chunk.position\r\n            return // Don't need to enqueue seek...\r\n          } else {\r\n            await send({ type: 'close' })\r\n            throw new DOMException(...SYNTAX('seek requires a position argument'))\r\n          }\r\n        } else if (chunk.type === 'truncate') {\r\n          if (Number.isInteger(chunk.size) && chunk.size >= 0) {\r\n            size = chunk.size\r\n            if (position > size) { position = size }\r\n          } else {\r\n            await send({ type: 'close' })\r\n            throw new DOMException(...SYNTAX('truncate requires a size argument'))\r\n          }\r\n        }\r\n\r\n        await send(chunk)\r\n      },\r\n      async close () {\r\n        await send({ type: 'close' })\r\n        worker.terminate()\r\n      },\r\n      async abort (reason) {\r\n        await send({ type: 'abort', reason })\r\n        worker.terminate()\r\n      }\r\n    })\r\n  }\r\n\r\n  const orig = FileSystemDirectoryHandle.prototype.getFileHandle\r\n  FileSystemDirectoryHandle.prototype.getFileHandle = async function (...args) {\r\n    const handle = await orig.call(this, ...args)\r\n    wm.set(handle, this)\r\n    return handle\r\n  }\r\n}\r\n","import getFileRegex from 'filename-reserved-regex'\r\nimport './createWritable.js'\r\n\r\nconst RESERVED_FILENAME_REGEX = getFileRegex()\r\n\r\n// this can be bad when multiple instances of this app are running\r\nif (globalThis.navigator?.storage?.getDirectory) {\r\n  navigator.storage.getDirectory().then(storageDir => {\r\n    storageDir.removeEntry('chunks', { recursive: true }).catch(() => {})\r\n  })\r\n}\r\n\r\nconst noop = (_, __) => {}\r\nconst err = (cb = noop, err) => queueMicrotask(() => cb(new Error(err)))\r\nexport default class FSAChunkStore {\r\n  name = ''\r\n\r\n  chunks = [] // individual chunks, required for reads :/\r\n  chunkMap = [] // full files\r\n  directoryMap = {}\r\n  files\r\n\r\n  rootDirPromise\r\n  storageDirPromise\r\n  chunksDirPromise\r\n\r\n  closing = false\r\n  closed = false\r\n\r\n  /**\r\n   * @param {number} chunkLength\r\n   * @param {{ name?: string, rootDir?: Promise<FileSystemDirectoryHandle>, length?: number, files?: {path: string, length: number, offset?: number, handle?: Promise<FileSystemFileHandle>, blob?: Promise<Blob>, stream?: Promise<FileSystemWritableFileStream> }[] }} [opts]\r\n   */\r\n  constructor (chunkLength, opts = {}) {\r\n    this.chunkLength = Number(chunkLength)\r\n\r\n    if (!this.chunkLength) {\r\n      throw new Error('First argument must be a chunk length')\r\n    }\r\n\r\n    if (!globalThis.navigator?.storage?.getDirectory) {\r\n      throw new Error('FSA API is not supported')\r\n    }\r\n\r\n    this.closed = false\r\n\r\n    this.name = opts.name || crypto.randomUUID()\r\n\r\n    this.rootDirPromise = opts.rootDir || navigator.storage.getDirectory()\r\n    this.storageDirPromise = (async () => {\r\n      const rootDir = await this.rootDirPromise\r\n      return rootDir.getDirectoryHandle(this.name, { create: true })\r\n    })()\r\n    // if there are no files the chunks are the storage\r\n    this.chunksDirPromise = this.storageDirPromise\r\n\r\n    if (opts.files && opts.rootDir) {\r\n      // if files exist, use throwaway, wipeable folder for chunks which are a cache\r\n      this.chunksDirPromise = this._getChunksDirHandle()\r\n      this.files = opts.files.map((file, i, files) => {\r\n        if (file.path == null) throw new Error('File is missing `path` property')\r\n        if (file.length == null) throw new Error('File is missing `length` property')\r\n        if (file.offset == null) {\r\n          if (i === 0) {\r\n            file.offset = 0\r\n          } else {\r\n            const prevFile = files[i - 1]\r\n            file.offset = prevFile.offset + prevFile.length\r\n          }\r\n        }\r\n\r\n        // file handles\r\n        if (file.handle == null) file.handle = this._createFileHandle({ path: file.path })\r\n        file.blob = this._createBlobReference(file.handle)\r\n\r\n        // file chunkMap\r\n        const fileStart = file.offset\r\n        const fileEnd = file.offset + file.length\r\n\r\n        const firstChunk = Math.floor(fileStart / this.chunkLength)\r\n        const lastChunk = Math.floor((fileEnd - 1) / this.chunkLength)\r\n\r\n        for (let i = firstChunk; i <= lastChunk; ++i) {\r\n          const chunkStart = i * this.chunkLength\r\n          const chunkEnd = chunkStart + this.chunkLength\r\n\r\n          const from = (fileStart < chunkStart) ? 0 : fileStart - chunkStart\r\n          const to = (fileEnd > chunkEnd) ? this.chunkLength : fileEnd - chunkStart\r\n          const offset = (fileStart > chunkStart) ? 0 : chunkStart - fileStart\r\n\r\n          if (!this.chunkMap[i]) this.chunkMap[i] = []\r\n\r\n          this.chunkMap[i].push({ from, to, offset, file })\r\n        }\r\n\r\n        return file\r\n      })\r\n\r\n      // close streams is page is frozen/unloaded, they will re-open if the user returns via BFC\r\n      window.addEventListener('pagehide', () => this.cleanup())\r\n\r\n      this.length = this.files.reduce((sum, file) => sum + file.length, 0)\r\n      if (opts.length != null && opts.length !== this.length) {\r\n        throw new Error('total `files` length is not equal to explicit `length` option')\r\n      }\r\n    } else {\r\n      this.length = Number(opts.length) || Infinity\r\n    }\r\n\r\n    if (this.length !== Infinity) {\r\n      this.lastChunkLength = this.length % this.chunkLength || this.chunkLength\r\n      this.lastChunkIndex = Math.ceil(this.length / this.chunkLength) - 1\r\n    }\r\n  }\r\n\r\n  async _getChunkHandle (index) {\r\n    let chunk = this.chunks[index]\r\n    if (!chunk) {\r\n      const storageDir = await this.chunksDirPromise\r\n      this.chunks[index] = chunk = await storageDir.getFileHandle(index, { create: true })\r\n    }\r\n    return chunk\r\n  }\r\n\r\n  /**\r\n   * @param {{path: string}} opts\r\n   */\r\n  async _createFileHandle (opts) {\r\n    const fileName = opts.path.slice(opts.path.lastIndexOf('/') + 1)\r\n    return (await this._getDirectoryHandle(opts)).getFileHandle(fileName.replace(RESERVED_FILENAME_REGEX, ''), { create: true })\r\n  }\r\n\r\n  async _createBlobReference (handle) {\r\n    return (await handle).getFile()\r\n  }\r\n\r\n  /**\r\n   * recursive, equiv of cd and mkdirp\r\n   * @param {{path: string}} opts\r\n   * @returns {Promise<FileSystemDirectoryHandle>}\r\n   */\r\n  async _getDirectoryHandle (opts) {\r\n    const lastIndex = opts.path.lastIndexOf('/')\r\n    if (lastIndex === -1 || lastIndex === 0) return this.storageDirPromise\r\n    const path = opts.path = opts.path.slice(0, lastIndex)\r\n    if (!this.directoryMap[path]) {\r\n      this.directoryMap[path] = (async () => {\r\n        const parent = await this._getDirectoryHandle(opts)\r\n        return parent.getDirectoryHandle(path.slice(path.lastIndexOf('/') + 1), { create: true })\r\n      })()\r\n    }\r\n    return this.directoryMap[path]\r\n  }\r\n\r\n  async _getChunksDirHandle () {\r\n    const storageDir = await navigator.storage.getDirectory()\r\n    const chunksDir = await storageDir.getDirectoryHandle('chunks', { create: true })\r\n    return chunksDir.getDirectoryHandle(this.name, { create: true })\r\n  }\r\n\r\n  async put (index, buf, cb = noop) {\r\n    try {\r\n      await this._put(index, buf)\r\n      cb(null)\r\n      return null\r\n    } catch (e) {\r\n      queueMicrotask(() => cb(e))\r\n      return e\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @param {Promise<FileSystemFileHandle>} handle\r\n   */\r\n  async getStreamForHandle (handle) {\r\n    return (await handle).createWritable({ keepExistingData: true })\r\n  }\r\n\r\n  // wrapped in prep for callback drop\r\n  async _put (index, buf) {\r\n    if (this.closed) throw new Error('Storage is closed')\r\n\r\n    const isLastChunk = index === this.lastChunkIndex\r\n    if (isLastChunk && buf.length !== this.lastChunkLength) throw new Error(`Last chunk length must be ${this.lastChunkLength}`)\r\n    if (!isLastChunk && buf.length !== this.chunkLength) throw new Error(`Chunk length must be ${this.chunkLength}`)\r\n\r\n    const chunkWrite = (async () => {\r\n      const chunk = await this._getChunkHandle(index)\r\n      const stream = await chunk.createWritable({ keepExistingData: false })\r\n      await stream.write(buf)\r\n      await stream.close()\r\n    })()\r\n\r\n    if (!this.files) return chunkWrite\r\n\r\n    const targets = this.chunkMap[index]\r\n    if (!targets) throw new Error('No files matching the request range')\r\n    const promises = targets.map(async ({ file, offset, from, to }) => {\r\n      if (!file.stream) {\r\n        file.stream = this.getStreamForHandle(file.handle)\r\n      }\r\n      await (await file.stream).write({ type: 'write', position: offset, data: buf.slice(from, to) })\r\n    })\r\n    promises.push(chunkWrite)\r\n    await Promise.all(promises)\r\n  }\r\n\r\n  async get (index, opts, cb = noop) {\r\n    if (opts == null) opts = {}\r\n    try {\r\n      const data = await this._get(index, opts)\r\n      cb(null, data)\r\n      return data\r\n    } catch (e) {\r\n      cb(e)\r\n      return e\r\n    }\r\n  }\r\n\r\n  // wrapped in prep for callback drop\r\n  async _get (index, opts) {\r\n    if (typeof opts === 'function') return this.get(index, undefined, opts)\r\n    if (this.closed) throw new Error('Storage is closed')\r\n\r\n    const isLastChunk = index === this.lastChunkIndex\r\n    const chunkLength = isLastChunk ? /** @type {number} */(this.lastChunkLength) : this.chunkLength\r\n\r\n    const rangeFrom = opts.offset || 0\r\n    const rangeTo = opts.length ? rangeFrom + opts.length : chunkLength\r\n    const len = opts.length || chunkLength - rangeFrom\r\n\r\n    if (rangeFrom < 0 || rangeFrom < 0 || rangeTo > chunkLength) throw new Error('Invalid offset and/or length')\r\n\r\n    if (rangeFrom === rangeTo) return new Uint8Array(0)\r\n\r\n    if (!this.files || this.chunks[index]) {\r\n      const chunk = await this._getChunkHandle(index)\r\n      let file = await chunk.getFile()\r\n      if (rangeFrom !== 0 || len !== chunkLength) {\r\n        file = file.slice(rangeFrom, len + rangeFrom)\r\n      }\r\n      const buf = await file.arrayBuffer()\r\n\r\n      if (buf.byteLength === 0) throw new Error(`Index ${index} does not exist`)\r\n      return new Uint8Array(buf)\r\n    }\r\n\r\n    // if chunk was GC'ed\r\n    let targets = this.chunkMap[index]\r\n    if (!targets) throw new Error('No files matching the request range')\r\n    if (opts) {\r\n      targets = targets.filter(({ from, to }) => to > rangeFrom && from < rangeTo)\r\n      if (targets.length === 0) throw new Error('No files matching the request range')\r\n    }\r\n\r\n    const promises = targets.map(async ({ from, to, offset, file }) => {\r\n      if (opts) {\r\n        if (to > rangeTo) to = rangeTo\r\n        if (from < rangeFrom) {\r\n          offset += (rangeFrom - from)\r\n          from = rangeFrom\r\n        }\r\n      }\r\n      const blob = await file.blob\r\n      return blob.slice(offset, offset + to - from)\r\n    })\r\n    const values = await Promise.all(promises)\r\n    const buf = values.length === 1 ? await values[0].arrayBuffer() : await new Blob(values).arrayBuffer()\r\n    if (buf.byteLength === 0) throw new Error(`Index ${index} does not exist`)\r\n    return new Uint8Array(buf)\r\n  }\r\n\r\n  async close (cb = noop) {\r\n    if (this.closing) return err(cb, 'Storage is closed')\r\n\r\n    this.closing = true\r\n    this.chunkMap = undefined\r\n    this.directoryMap = undefined\r\n    if (this.files) await this.cleanup()\r\n    this.closed = true\r\n    queueMicrotask(() => cb(null))\r\n  }\r\n\r\n  async cleanup () {\r\n    if (this.closed || !this.files) return\r\n    const streams = []\r\n    for (const file of this.files) {\r\n      if (file.stream) {\r\n        streams.push(file.stream.then(stream => stream.close()))\r\n        file.stream = undefined\r\n      }\r\n    }\r\n    const clearChunks = (async () => {\r\n      const storageDir = await this.chunksDirPromise\r\n      this.chunks = []\r\n      // .remove() doesnt exist on firefox or safari\r\n      for await (const key of storageDir.keys()) {\r\n        await storageDir.removeEntry(key, { recursive: true })\r\n      }\r\n      this.chunksDirPromise = this._getChunksDirHandle()\r\n      await this.chunksDirPromise\r\n    })()\r\n    await Promise.all(streams)\r\n    for (const file of this.files) {\r\n      file.blob = this._createBlobReference(file.handle)\r\n    }\r\n    await clearChunks\r\n  }\r\n\r\n  async destroy (cb = noop) {\r\n    this.close(async (err) => {\r\n      if (err) return cb(err)\r\n      try {\r\n        const rootDir = await this.rootDirPromise\r\n        // .remove() doesnt exist on firefox or safari\r\n        await rootDir.removeEntry(this.name, { recursive: true })\r\n      } catch (err) {\r\n        return cb(err)\r\n      }\r\n      cb(null)\r\n    })\r\n  }\r\n}\r\n","/* eslint-disable no-control-regex */\n\nexport default function filenameReservedRegex() {\n\treturn /[<>:\"/\\\\|?*\\u0000-\\u001F]/g;\n}\n\nexport function windowsReservedNameRegex() {\n\treturn /^(con|prn|aux|nul|com\\d|lpt\\d)$/i;\n}\n","/*! lt_donthave. MIT License. WebTorrent LLC <https://webtorrent.io/opensource> */\nimport arrayRemove from 'unordered-array-remove'\nimport { EventEmitter } from 'events'\nimport debugFactory from 'debug'\n\nconst debug = debugFactory('lt_donthave')\n\nexport default () => {\n  class ltDontHave extends EventEmitter {\n    constructor (wire) {\n      super()\n\n      this._peerSupports = false\n      this._wire = wire\n    }\n\n    onExtendedHandshake () {\n      this._peerSupports = true\n    }\n\n    onMessage (buf) {\n      let index\n      try {\n        const view = new DataView(buf.buffer)\n        index = view.getUint32(0)\n      } catch (err) {\n        // drop invalid messages\n        return\n      }\n\n      if (!this._wire.peerPieces.get(index)) return\n      debug('got donthave %d', index)\n      this._wire.peerPieces.set(index, false)\n\n      this.emit('donthave', index)\n      this._failRequests(index)\n    }\n\n    donthave (index) {\n      if (!this._peerSupports) return\n\n      debug('donthave %d', index)\n      const buf = new Uint8Array(4)\n      const view = new DataView(buf.buffer)\n      view.setUint32(0, index)\n\n      this._wire.extended('lt_donthave', buf)\n    }\n\n    _failRequests (index) {\n      const requests = this._wire.requests\n      for (let i = 0; i < requests.length; i++) {\n        const req = requests[i]\n        if (req.piece === index) {\n          arrayRemove(requests, i)\n          i -= 1 // Check the new value at the same slot\n          this._wire._callback(req, new Error('peer sent donthave'), null)\n        }\n      }\n    }\n  }\n\n  // Name of the bittorrent-protocol extension\n  ltDontHave.prototype.name = 'lt_donthave'\n\n  return ltDontHave\n}\n","/*! torrent-piece. MIT License. WebTorrent LLC <https://webtorrent.io/opensource> */\nimport { concat } from 'uint8-util'\n\nconst BLOCK_LENGTH = 1 << 14\n\nexport default class Piece {\n  constructor (length) {\n    this.length = length\n    this.missing = length\n    this.sources = null\n\n    this._chunks = Math.ceil(length / BLOCK_LENGTH)\n    this._remainder = (length % BLOCK_LENGTH) || BLOCK_LENGTH\n    this._buffered = 0\n    this._buffer = null\n    this._cancellations = null\n    this._reservations = 0\n    this._flushed = false\n  }\n\n  chunkLength (i) {\n    return i === this._chunks - 1 ? this._remainder : BLOCK_LENGTH\n  }\n\n  chunkLengthRemaining (i) {\n    return this.length - (i * BLOCK_LENGTH)\n  }\n\n  chunkOffset (i) {\n    return i * BLOCK_LENGTH\n  }\n\n  reserve () {\n    if (!this.init()) return -1\n    if (this._cancellations.length) return this._cancellations.pop()\n    if (this._reservations < this._chunks) return this._reservations++\n    return -1\n  }\n\n  reserveRemaining () {\n    if (!this.init()) return -1\n    if (this._cancellations.length || this._reservations < this._chunks) {\n      let min = this._reservations\n      while (this._cancellations.length) {\n        min = Math.min(min, this._cancellations.pop())\n      }\n      this._reservations = this._chunks\n      return min\n    }\n    return -1\n  }\n\n  cancel (i) {\n    if (!this.init()) return\n    this._cancellations.push(i)\n  }\n\n  cancelRemaining (i) {\n    if (!this.init()) return\n    this._reservations = i\n  }\n\n  get (i) {\n    if (!this.init()) return null\n    return this._buffer[i]\n  }\n\n  set (i, data, source) {\n    if (!this.init()) return false\n    const len = data.length\n    const blocks = Math.ceil(len / BLOCK_LENGTH)\n    for (let j = 0; j < blocks; j++) {\n      if (!this._buffer[i + j]) {\n        const offset = j * BLOCK_LENGTH\n        const splitData = data.slice(offset, offset + BLOCK_LENGTH)\n        this._buffered++\n        this._buffer[i + j] = splitData\n        this.missing -= splitData.length\n        if (!this.sources.includes(source)) {\n          this.sources.push(source)\n        }\n      }\n    }\n    return this._buffered === this._chunks\n  }\n\n  flush () {\n    if (!this._buffer || this._chunks !== this._buffered) return null\n    const buffer = concat(this._buffer, this.length)\n    this._buffer = null\n    this._cancellations = null\n    this.sources = null\n    this._flushed = true\n    return buffer\n  }\n\n  init () {\n    if (this._flushed) return false\n    if (this._buffer) return true\n    this._buffer = new Array(this._chunks)\n    this._cancellations = []\n    this.sources = []\n    return true\n  }\n}\n\nPiece.BLOCK_LENGTH = BLOCK_LENGTH\n","/*! ut_metadata. MIT License. WebTorrent LLC <https://webtorrent.io/opensource> */\nimport { EventEmitter } from 'events'\nimport bencode from 'bencode'\nimport BitField from 'bitfield'\nimport Debug from 'debug'\nimport { hash, arr2text, concat } from 'uint8-util'\n\nconst debug = Debug('ut_metadata')\n\nconst MAX_METADATA_SIZE = 1E7 // 10 MB\nconst BITFIELD_GROW = 1E3\nconst PIECE_LENGTH = 1 << 14 // 16 KiB\n\nexport default metadata => {\n  class utMetadata extends EventEmitter {\n    constructor (wire) {\n      super()\n\n      this._wire = wire\n\n      this._fetching = false\n      this._metadataComplete = false\n      this._metadataSize = null\n      // how many reject messages to tolerate before quitting\n      this._remainingRejects = null\n\n      // The largest torrent file that I know of is ~1-2MB, which is ~100\n      // pieces. Therefore, cap the bitfield to 10x that (1000 pieces) so a\n      // malicious peer can't make it grow to fill all memory.\n      this._bitfield = new BitField(0, { grow: BITFIELD_GROW })\n\n      if (ArrayBuffer.isView(metadata)) {\n        this.setMetadata(metadata)\n      }\n    }\n\n    onHandshake (infoHash, peerId, extensions) {\n      this._infoHash = infoHash\n    }\n\n    onExtendedHandshake (handshake) {\n      if (!handshake.m || !handshake.m.ut_metadata) {\n        return this.emit('warning', new Error('Peer does not support ut_metadata'))\n      }\n      if (!handshake.metadata_size) {\n        return this.emit('warning', new Error('Peer does not have metadata'))\n      }\n      if (typeof handshake.metadata_size !== 'number' ||\n          MAX_METADATA_SIZE < handshake.metadata_size ||\n          handshake.metadata_size <= 0) {\n        return this.emit('warning', new Error('Peer gave invalid metadata size'))\n      }\n\n      this._metadataSize = handshake.metadata_size\n      this._numPieces = Math.ceil(this._metadataSize / PIECE_LENGTH)\n      this._remainingRejects = this._numPieces * 2\n\n      this._requestPieces()\n    }\n\n    onMessage (buf) {\n      let dict\n      let trailer\n      try {\n        const str = arr2text(buf)\n        const trailerIndex = str.indexOf('ee') + 2\n        dict = bencode.decode(str.substring(0, trailerIndex))\n        trailer = buf.slice(trailerIndex)\n      } catch (err) {\n        // drop invalid messages\n        return\n      }\n\n      switch (dict.msg_type) {\n        case 0:\n          // ut_metadata request (from peer)\n          // example: { 'msg_type': 0, 'piece': 0 }\n          this._onRequest(dict.piece)\n          break\n        case 1:\n          // ut_metadata data (in response to our request)\n          // example: { 'msg_type': 1, 'piece': 0, 'total_size': 3425 }\n          this._onData(dict.piece, trailer, dict.total_size)\n          break\n        case 2:\n          // ut_metadata reject (peer doesn't have piece we requested)\n          // { 'msg_type': 2, 'piece': 0 }\n          this._onReject(dict.piece)\n          break\n      }\n    }\n\n    /**\n     * Ask the peer to send metadata.\n     * @public\n     */\n    fetch () {\n      if (this._metadataComplete) {\n        return\n      }\n      this._fetching = true\n      if (this._metadataSize) {\n        this._requestPieces()\n      }\n    }\n\n    /**\n     * Stop asking the peer to send metadata.\n     * @public\n     */\n    cancel () {\n      this._fetching = false\n    }\n\n    async setMetadata (metadata) {\n      if (this._metadataComplete) return true\n      debug('set metadata')\n\n      // if full torrent dictionary was passed in, pull out just `info` key\n      try {\n        const info = bencode.decode(metadata).info\n        if (info) {\n          metadata = bencode.encode(info)\n        }\n      } catch (err) {}\n\n      // check hash\n      if (this._infoHash && this._infoHash !== await hash(metadata, 'hex')) {\n        return false\n      }\n\n      this.cancel()\n\n      this.metadata = metadata\n      this._metadataComplete = true\n      this._metadataSize = this.metadata.length\n      this._wire.extendedHandshake.metadata_size = this._metadataSize\n\n      this.emit('metadata', bencode.encode({\n        info: bencode.decode(this.metadata)\n      }))\n\n      return true\n    }\n\n    _send (dict, trailer) {\n      let buf = bencode.encode(dict)\n      if (ArrayBuffer.isView(trailer)) {\n        buf = concat([buf, trailer])\n      }\n      this._wire.extended('ut_metadata', buf)\n    }\n\n    _request (piece) {\n      this._send({ msg_type: 0, piece })\n    }\n\n    _data (piece, buf, totalSize) {\n      const msg = { msg_type: 1, piece }\n      if (typeof totalSize === 'number') {\n        msg.total_size = totalSize\n      }\n      this._send(msg, buf)\n    }\n\n    _reject (piece) {\n      this._send({ msg_type: 2, piece })\n    }\n\n    _onRequest (piece) {\n      if (!this._metadataComplete) {\n        this._reject(piece)\n        return\n      }\n      const start = piece * PIECE_LENGTH\n      let end = start + PIECE_LENGTH\n      if (end > this._metadataSize) {\n        end = this._metadataSize\n      }\n      const buf = this.metadata.slice(start, end)\n      this._data(piece, buf, this._metadataSize)\n    }\n\n    _onData (piece, buf, totalSize) {\n      if (buf.length > PIECE_LENGTH || !this._fetching) {\n        return\n      }\n      this.metadata.set(buf, piece * PIECE_LENGTH)\n      this._bitfield.set(piece)\n      this._checkDone()\n    }\n\n    _onReject (piece) {\n      if (this._remainingRejects > 0 && this._fetching) {\n        // If we haven't been rejected too much,\n        // then try to request the piece again\n        this._request(piece)\n        this._remainingRejects -= 1\n      } else {\n        this.emit('warning', new Error('Peer sent \"reject\" too much'))\n      }\n    }\n\n    _requestPieces () {\n      if (!this._fetching) return\n      this.metadata = new Uint8Array(this._metadataSize)\n      for (let piece = 0; piece < this._numPieces; piece++) {\n        this._request(piece)\n      }\n    }\n\n    async _checkDone () {\n      let done = true\n      for (let piece = 0; piece < this._numPieces; piece++) {\n        if (!this._bitfield.get(piece)) {\n          done = false\n          break\n        }\n      }\n      if (!done) return\n\n      // attempt to set metadata -- may fail sha1 check\n      const success = await this.setMetadata(this.metadata)\n\n      if (!success) {\n        this._failedMetadata()\n      }\n    }\n\n    _failedMetadata () {\n      // reset bitfield & try again\n      this._bitfield = new BitField(0, { grow: BITFIELD_GROW })\n      this._remainingRejects -= this._numPieces\n      if (this._remainingRejects > 0) {\n        this._requestPieces()\n      } else {\n        this.emit('warning', new Error('Peer sent invalid metadata'))\n      }\n    }\n  }\n\n  // Name of the bittorrent-protocol extension\n  utMetadata.prototype.name = 'ut_metadata'\n\n  return utMetadata\n}\n","import debugFactory from 'debug'\nimport EventEmitter from 'events'\n\nconst debug = debugFactory('webtorrent:file-iterator')\n\n/**\n * Async iterator of a torrent file\n *\n * @param {File} file\n * @param {Object} opts\n * @param {number} opts.start iterator slice of file, starting from this byte (inclusive)\n * @param {number} opts.end iterator slice of file, ending with this byte (inclusive)\n */\nexport default class FileIterator extends EventEmitter {\n  constructor (file, { start, end }) {\n    super()\n\n    this._torrent = file._torrent\n\n    this._pieceLength = file._torrent.pieceLength\n\n    this._startPiece = (start + file.offset) / this._pieceLength | 0\n    this._endPiece = (end + file.offset) / this._pieceLength | 0\n\n    this._piece = this._startPiece\n    this._offset = (start + file.offset) - (this._startPiece * this._pieceLength)\n\n    this._missing = end - start + 1\n    this._criticalLength = Math.min((1024 * 1024 / this._pieceLength) | 0, 2)\n\n    this._torrent._select(this._startPiece, this._endPiece, 1, null, true)\n    this.destroyed = false\n  }\n\n  [Symbol.asyncIterator] () {\n    return this\n  }\n\n  next () {\n    return new Promise((resolve, reject) => {\n      if (this._missing === 0 || this.destroyed) {\n        resolve({ done: true })\n        return this.destroy()\n      }\n      const pump = (index, opts) => {\n        if (!this._torrent.bitfield.get(index)) {\n          const listener = i => {\n            if (i === index || this.destroyed) {\n              this._torrent.removeListener('verified', listener)\n              pump(index, opts)\n            }\n          }\n          this._torrent.on('verified', listener)\n          return this._torrent.critical(index, index + this._criticalLength)\n        }\n\n        if (this._torrent.destroyed) return reject(new Error('Torrent removed'))\n\n        this._torrent.store.get(index, opts, (err, buffer) => {\n          if (this.destroyed) return resolve({ done: true }) // prevent hanging\n          debug('read %s and yielding (length %s) (err %s)', index, buffer?.length, err?.message)\n\n          if (err) return reject(err)\n\n          // prevent re-wrapping outside of promise\n          resolve({ value: buffer, done: false })\n        })\n      }\n\n      const length = Math.min(this._missing, this._pieceLength - this._offset)\n\n      pump(this._piece++, { length, offset: this._offset })\n      this._missing -= length\n      this._offset = 0\n    })\n  }\n\n  async return () {\n    this.destroy()\n    return { done: true }\n  }\n\n  async throw (err) {\n    throw err\n  }\n\n  destroy (cb = () => {}, err) {\n    if (this.destroyed) return\n    this.destroyed = true\n    if (!this._torrent.destroyed) {\n      this._torrent._deselect(this._startPiece, this._endPiece, true)\n    }\n    this.emit('return')\n    cb(err)\n  }\n}\n","import EventEmitter from 'events'\nimport { Readable } from 'streamx'\nimport { chunkStoreRead } from 'chunk-store-iterator'\nimport mime from 'mime/lite.js'\nimport FileIterator from './file-iterator.js'\n\nexport default class File extends EventEmitter {\n  constructor (torrent, file) {\n    super()\n\n    this._torrent = torrent\n    this._destroyed = false\n    this._fileStreams = new Set()\n    this._iterators = new Set()\n\n    this.name = file.name\n    this.path = file.path\n    this.length = file.length\n    this.size = file.length\n    this.type = mime.getType(this.name) || 'application/octet-stream'\n    this.offset = file.offset\n\n    this.done = false\n\n    const start = file.offset\n    const end = start + file.length - 1\n\n    this._startPiece = start / this._torrent.pieceLength | 0\n    this._endPiece = end / this._torrent.pieceLength | 0\n\n    if (this.length === 0) {\n      this.done = true\n      this.emit('done')\n    }\n\n    this._client = torrent.client\n  }\n\n  get downloaded () {\n    if (this._destroyed || !this._torrent.bitfield) return 0\n\n    const { pieces, bitfield, pieceLength, lastPieceLength } = this._torrent\n    const { _startPiece: start, _endPiece: end } = this\n\n    const getPieceLength = (pieceIndex) => (\n      pieceIndex === pieces.length - 1 ? lastPieceLength : pieceLength\n    )\n\n    const getPieceDownloaded = (pieceIndex) => {\n      const len = pieceIndex === pieces.length - 1 ? lastPieceLength : pieceLength\n      if (bitfield.get(pieceIndex)) {\n        // verified data\n        return len\n      } else {\n        // \"in progress\" data\n        return len - pieces[pieceIndex].missing\n      }\n    }\n\n    let downloaded = 0\n    for (let index = start; index <= end; index += 1) {\n      const pieceDownloaded = getPieceDownloaded(index)\n      downloaded += pieceDownloaded\n\n      if (index === start) {\n        // First piece may have an offset, e.g. irrelevant bytes from the end of\n        // the previous file\n        const irrelevantFirstPieceBytes = this.offset % pieceLength\n        downloaded -= Math.min(irrelevantFirstPieceBytes, pieceDownloaded)\n      }\n\n      if (index === end) {\n        // Last piece may have an offset, e.g. irrelevant bytes from the start\n        // of the next file\n        const irrelevantLastPieceBytes = getPieceLength(end) - (this.offset + this.length) % pieceLength\n        downloaded -= Math.min(irrelevantLastPieceBytes, pieceDownloaded)\n      }\n    }\n\n    return downloaded\n  }\n\n  get progress () {\n    return this.length ? this.downloaded / this.length : 0\n  }\n\n  select (priority) {\n    if (this.length === 0) return\n    this._torrent.select(this._startPiece, this._endPiece, priority)\n  }\n\n  deselect () {\n    if (this.length === 0) return\n    this._torrent.deselect(this._startPiece, this._endPiece)\n  }\n\n  [Symbol.asyncIterator] (opts = {}) {\n    if (this.length === 0) return (async function * empty () {})()\n\n    const { start = 0 } = opts ?? {}\n    const end = (opts?.end && opts.end < this.length)\n      ? opts.end\n      : this.length - 1\n\n    if (this.done) {\n      return chunkStoreRead(this._torrent.store, { offset: start + this.offset, length: end - start + 1 })\n    }\n\n    const iterator = new FileIterator(this, { start, end })\n    this._iterators.add(iterator)\n    iterator.once('return', () => {\n      this._iterators.delete(iterator)\n    })\n\n    return iterator\n  }\n\n  createReadStream (opts) {\n    const iterator = this[Symbol.asyncIterator](opts)\n    const fileStream = Readable.from(iterator)\n\n    this._fileStreams.add(fileStream)\n    fileStream.once('close', () => {\n      this._fileStreams.delete(fileStream)\n    })\n\n    return fileStream\n  }\n\n  async arrayBuffer (opts = {}) {\n    const { start = 0 } = opts\n    const end = (opts?.end && opts.end < this.length)\n      ? opts.end\n      : this.length - 1\n\n    const data = new Uint8Array(end - start + 1)\n    let offset = 0\n    for await (const chunk of this[Symbol.asyncIterator]({ start, end })) {\n      data.set(chunk, offset)\n      offset += chunk.length\n    }\n    return data.buffer\n  }\n\n  async blob (opts) {\n    return new Blob([await this.arrayBuffer(opts)], { type: this.type })\n  }\n\n  stream (opts) {\n    let iterator\n    return new ReadableStream({\n      start: () => {\n        iterator = this[Symbol.asyncIterator](opts)\n      },\n      async pull (controller) {\n        const { value, done } = await iterator.next()\n        if (done) {\n          controller.close()\n        } else {\n          controller.enqueue(value)\n        }\n      },\n      cancel () {\n        iterator.return()\n      }\n    })\n  }\n\n  get streamURL () {\n    if (!this._client._server) throw new Error('No server created')\n    return `${this._client._server.pathname}/${this._torrent.infoHash}/${this.path}`\n  }\n\n  streamTo (elem) {\n    elem.src = this.streamURL\n    return elem\n  }\n\n  includes (piece) {\n    return this._startPiece <= piece && this._endPiece >= piece\n  }\n\n  _destroy () {\n    this._destroyed = true\n    this._torrent = null\n\n    for (const fileStream of this._fileStreams) {\n      fileStream.destroy()\n    }\n    this._fileStreams.clear()\n    for (const iterator of this._iterators) {\n      iterator.destroy()\n    }\n    this._iterators.clear()\n  }\n}\n","/**\n * Mapping of torrent pieces to their respective availability in the torrent swarm. Used\n * by the torrent manager for implementing the rarest piece first selection strategy.\n */\nexport default class RarityMap {\n  constructor (torrent) {\n    this._torrent = torrent\n    this._numPieces = torrent.pieces.length\n    this._pieces = new Array(this._numPieces)\n\n    this._onWire = wire => {\n      this.recalculate()\n      this._initWire(wire)\n    }\n    this._onWireHave = index => {\n      this._pieces[index] += 1\n    }\n    this._onWireBitfield = () => {\n      this.recalculate()\n    }\n\n    this._torrent.wires.forEach(wire => {\n      this._initWire(wire)\n    })\n    this._torrent.on('wire', this._onWire)\n    this.recalculate()\n  }\n\n  /**\n   * Get the index of the rarest piece. Optionally, pass a filter function to exclude\n   * certain pieces (for instance, those that we already have).\n   *\n   * @param {function} pieceFilterFunc\n   * @return {number} index of rarest piece, or -1\n   */\n  getRarestPiece (pieceFilterFunc) {\n    let candidates = []\n    let min = Infinity\n\n    for (let i = 0; i < this._numPieces; ++i) {\n      if (pieceFilterFunc && !pieceFilterFunc(i)) continue\n\n      const availability = this._pieces[i]\n      if (availability === min) {\n        candidates.push(i)\n      } else if (availability < min) {\n        candidates = [i]\n        min = availability\n      }\n    }\n\n    if (candidates.length) {\n      // if there are multiple pieces with the same availability, choose one randomly\n      return candidates[Math.random() * candidates.length | 0]\n    } else {\n      return -1\n    }\n  }\n\n  destroy () {\n    this._torrent.removeListener('wire', this._onWire)\n    this._torrent.wires.forEach(wire => {\n      this._cleanupWireEvents(wire)\n    })\n    this._torrent = null\n    this._pieces = null\n\n    this._onWire = null\n    this._onWireHave = null\n    this._onWireBitfield = null\n  }\n\n  _initWire (wire) {\n    wire._onClose = () => {\n      this._cleanupWireEvents(wire)\n      for (let i = 0; i < this._numPieces; ++i) {\n        this._pieces[i] -= wire.peerPieces.get(i)\n      }\n    }\n\n    wire.on('have', this._onWireHave)\n    wire.on('bitfield', this._onWireBitfield)\n    wire.once('close', wire._onClose)\n  }\n\n  /**\n   * Recalculates piece availability across all peers in the torrent.\n   */\n  recalculate () {\n    this._pieces.fill(0)\n\n    for (const wire of this._torrent.wires) {\n      for (let i = 0; i < this._numPieces; ++i) {\n        this._pieces[i] += wire.peerPieces.get(i)\n      }\n    }\n  }\n\n  _cleanupWireEvents (wire) {\n    wire.removeListener('have', this._onWireHave)\n    wire.removeListener('bitfield', this._onWireBitfield)\n    if (wire._onClose) wire.removeListener('close', wire._onClose)\n    wire._onClose = null\n  }\n}\n","import BitField from 'bitfield'\nimport debugFactory from 'debug'\nimport fetch from 'cross-fetch-ponyfill'\nimport ltDontHave from 'lt_donthave'\nimport { hash, concat } from 'uint8-util'\nimport Wire from 'bittorrent-protocol'\nimport once from 'once'\n\nimport VERSION from '../version.cjs'\n\nconst debug = debugFactory('webtorrent:webconn')\n\nconst SOCKET_TIMEOUT = 60000\nconst RETRY_DELAY = 10000\n\n/**\n * Converts requests for torrent blocks into http range requests.\n * @param {string} url web seed url\n * @param {Object} torrent\n */\nexport default class WebConn extends Wire {\n  constructor (url, torrent) {\n    super()\n\n    this.url = url\n    this.connId = url // Unique id to deduplicate web seeds\n    this._torrent = torrent\n\n    this._init(url)\n  }\n\n  _init (url) {\n    this.setKeepAlive(true)\n\n    this.use(ltDontHave())\n\n    this.once('handshake', async (infoHash, peerId) => {\n      const hex = await hash(url, 'hex') // Used as the peerId for this fake remote peer\n      if (this.destroyed) return\n      this.handshake(infoHash, hex)\n\n      const numPieces = this._torrent.pieces.length\n      const bitfield = new BitField(numPieces)\n      for (let i = 0; i <= numPieces; i++) {\n        bitfield.set(i, true)\n      }\n      this.bitfield(bitfield)\n    })\n\n    this.once('interested', () => {\n      debug('interested')\n      this.unchoke()\n    })\n\n    this.on('uninterested', () => { debug('uninterested') })\n    this.on('choke', () => { debug('choke') })\n    this.on('unchoke', () => { debug('unchoke') })\n    this.on('bitfield', () => { debug('bitfield') })\n    this.lt_donthave.on('donthave', () => { debug('donthave') })\n\n    this.on('request', (pieceIndex, offset, length, callback) => {\n      debug('request pieceIndex=%d offset=%d length=%d', pieceIndex, offset, length)\n      this.httpRequest(pieceIndex, offset, length, (err, data) => {\n        if (err) {\n          // Cancel all in progress requests for this piece\n          this.lt_donthave.donthave(pieceIndex)\n\n          // Wait a little while before saying the webseed has the failed piece again\n          const retryTimeout = setTimeout(() => {\n            if (this.destroyed) return\n\n            this.have(pieceIndex)\n          }, RETRY_DELAY)\n          if (retryTimeout.unref) retryTimeout.unref()\n        }\n\n        callback(err, data)\n      })\n    })\n  }\n\n  async httpRequest (pieceIndex, offset, length, cb) {\n    cb = once(cb)\n    const pieceOffset = pieceIndex * this._torrent.pieceLength\n    const rangeStart = pieceOffset + offset /* offset within whole torrent */\n    const rangeEnd = rangeStart + length - 1\n\n    // Web seed URL format:\n    // For single-file torrents, make HTTP range requests directly to the web seed URL\n    // For multi-file torrents, add the torrent folder and file name to the URL\n    const files = this._torrent.files\n    let requests\n    if (files.length <= 1) {\n      requests = [{\n        url: this.url,\n        start: rangeStart,\n        end: rangeEnd\n      }]\n    } else {\n      const requestedFiles = files.filter(file => file.offset <= rangeEnd && (file.offset + file.length) > rangeStart)\n      if (requestedFiles.length < 1) {\n        return cb(new Error('Could not find file corresponding to web seed range request'))\n      }\n\n      requests = requestedFiles.map(requestedFile => {\n        const fileEnd = requestedFile.offset + requestedFile.length - 1\n        const url = this.url +\n          (this.url[this.url.length - 1] === '/' ? '' : '/') +\n          requestedFile.path.replace(this._torrent.path, '')\n        return {\n          url,\n          fileOffsetInRange: Math.max(requestedFile.offset - rangeStart, 0),\n          start: Math.max(rangeStart - requestedFile.offset, 0),\n          end: Math.min(fileEnd, rangeEnd - requestedFile.offset)\n        }\n      })\n    }\n    let chunks\n    try {\n      chunks = await Promise.all(requests.map(async ({ start, end, url }) => {\n        debug(\n          'Requesting url=%s pieceIndex=%d offset=%d length=%d start=%d end=%d',\n          url, pieceIndex, offset, length, start, end\n        )\n        const res = await fetch(url, {\n          cache: 'no-store',\n          method: 'GET',\n          headers: {\n            'Cache-Control': 'no-store',\n            'user-agent': `WebTorrent/${VERSION} (https://webtorrent.io)`,\n            range: `bytes=${start}-${end}`\n          },\n          signal: AbortSignal.timeout(SOCKET_TIMEOUT)\n        })\n        if (!res.ok) throw new Error(`Unexpected HTTP status code ${res.status}`)\n        const data = new Uint8Array(await res.arrayBuffer())\n\n        debug('Got data of length %d', data.length)\n\n        return data\n      }))\n    } catch (e) {\n      return cb(e)\n    }\n\n    cb(null, concat(chunks))\n  }\n\n  destroy () {\n    super.destroy()\n    this._torrent = null\n  }\n}\n","/**\n * @typedef {Object} MinimalSelectionItem\n * @property {number} from\n * @property {number} to\n */\n\n/** A selection of pieces to download.\n * @typedef {MinimalSelectionItem & {\n *  offset: number,\n *  priority: number,\n *  notify?: function\n *  isStreamSelection?: boolean\n * }} SelectionItem\n */\n\n/**\n * @typedef {MinimalSelectionItem & {notify: function}} NotificationItem\n */\n\nexport class Selections {\n  /** @type {Array<SelectionItem>} */\n  _items = []\n\n  /**\n   * @param {MinimalSelectionItem & {isStreamSelection?: boolean}} item Interval to be removed from the selection\n   */\n  remove (item) {\n    for (let i = 0; i < this._items.length; i++) {\n      const existing = this._items[i]\n      if (existing.isStreamSelection) {\n        if (item.isStreamSelection) {\n          // If both are stream selections and they match, then we remove the first matching item, then we break the loop\n          if (existing.from === item.from && existing.to === item.to) {\n            this._items.splice(i, 1)\n            // for stream selections, we only remove one item at a time\n            // ergo we break the loop after removing the first matching item\n            break\n          }\n        } else {\n          // we only remove stream selections when the `isStreamSelection` flag is true and they match\n          continue\n        }\n      } else {\n        if (isLowerIntersecting(item, existing)) {\n          existing.to = Math.max(item.from - 1, 0)\n        } else if (isUpperIntersecting(item, existing)) {\n          existing.from = item.to + 1\n        } else if (isInsideExisting(item, existing)) {\n          const replacingItems = []\n          const existingStart = { ...existing, to: Math.max(item.from - 1, 0) }\n          if (existingStart.to - existingStart.from >= 0 && item.from !== 0) replacingItems.push(existingStart)\n          const existingEnd = { ...existing, from: item.to + 1 }\n          if (existingEnd.to - existingEnd.from >= 0) replacingItems.push(existingEnd)\n          this._items.splice(i, 1, ...replacingItems)\n          i = i - 1 + replacingItems.length // decrement i to offset splice\n        } else if (isCoveringExisting(item, existing)) {\n          this._items.splice(i, 1)\n          i--\n        }\n      }\n    }\n  }\n\n  /**\n   * @param {SelectionItem & NotificationItem} newItem\n   */\n  insert (newItem) {\n    if (newItem.from > newItem.to) {\n      throw new Error('Invalid interval')\n    }\n    if (!newItem.isStreamSelection) {\n      const { notify: oldNotify } = newItem\n      // Merge notifications of intersecting items into the new item's notify function\n      const intersectingNotifyFunctions = []\n      for (const existing of this._items) {\n        if (existing.notify && isIntersecting(newItem, existing)) {\n          intersectingNotifyFunctions.push(existing.notify)\n        }\n      }\n      if (intersectingNotifyFunctions.length > 0) {\n        newItem.notify = () => {\n          intersectingNotifyFunctions.forEach(fn => fn())\n          oldNotify?.()\n        }\n      }\n      // Remove or truncate intersecting items to make room for the new item\n      this.remove(newItem)\n    }\n    this._items.push(newItem)\n  }\n\n  /** @param {(a: SelectionItem, b: SelectionItem) => number} sortFn */\n  sort (sortFn = (a, b) => a.from - b.from) {\n    this._items.sort(sortFn)\n  }\n\n  get length () {\n    return this._items.length\n  }\n\n  /**  @param {number} index */\n  get (index) {\n    return this._items[index]\n  }\n\n  swap (i, j) {\n    const temp = this._items[i]\n    this._items[i] = this._items[j]\n    this._items[j] = temp\n  }\n\n  clear () {\n    this._items.length = 0\n  }\n\n  /** @returns {Generator<SelectionItem & {remove: () => void, replaceWith: (MinimalSelectionItem[]) => void}>} */\n  * [Symbol.iterator] () {\n    for (let i = 0; i < this._items.length; i++) {\n      const item = this._items[i]\n\n      item.remove = () => {\n        this._items.splice(i, 1)\n        i--\n      }\n      yield item\n      delete item.remove\n    }\n  }\n}\n\n/**\n * Examples:\n * existing: 1-10 | 1-10\n * new_item: 8-12 | 10-15\n * @param {MinimalSelectionItem} newItem\n * @param {MinimalSelectionItem} existing\n * @returns {boolean} returns true if the new item's lower end is intersecting with the existing item\n */\nexport function isLowerIntersecting (newItem, existing) {\n  return (newItem.from <= existing.to) && (newItem.from > existing.from) && (newItem.to > existing.to)\n}\n\n/**\n * Examples:\n * existing: 20-25 | 20-25\n * new_item: 15-22 | 15-20\n * @param {MinimalSelectionItem} newItem\n * @param {MinimalSelectionItem} existing\n * @returns {boolean} returns true if the new item's upper end is intersecting with the existing item\n */\nexport function isUpperIntersecting (newItem, existing) {\n  return (newItem.to >= existing.from) && (newItem.to < existing.to) && (newItem.from < existing.from)\n}\n\n/**\n * Examples:\n * existing: 10-20 | 10-20 | 10-20\n * new_item: 12-15 | 20-20 | 15-20\n * @param {MinimalSelectionItem} newItem\n * @param {MinimalSelectionItem} existing\n * @returns {boolean} returns true if the new item is completely inside the existing item\n */\nexport function isInsideExisting (newItem, existing) {\n  const existingIntervalSize = existing.to - existing.from\n  const newItemIntervalSize = newItem.to - newItem.from\n  return newItem.from >= existing.from && newItem.to <= existing.to && (newItemIntervalSize < existingIntervalSize)\n}\n\n/**\n * Examples:\n * existing: 10-20 | 10-20 | 10-20\n * new_item: 10-21 | 09-20 | 10-20\n * @param {MinimalSelectionItem} newItem\n * @param {MinimalSelectionItem} existing\n * @returns {boolean} returns true if the new item is covering the existing item\n */\nexport function isCoveringExisting (newItem, existing) {\n  return newItem.from <= existing.from && newItem.to >= existing.to\n}\n\nexport const isIntersecting = (newItem, existing) => () =>\n  isLowerIntersecting(newItem, existing) ||\n    isUpperIntersecting(newItem, existing) ||\n    isInsideExisting(newItem, existing) ||\n    isCoveringExisting(newItem, existing)\n","import EventEmitter from 'events'\nimport fs from 'fs'\nimport net from 'net' // browser exclude\nimport os from 'os' // browser exclude\nimport path from 'path'\nimport addrToIPPort from 'addr-to-ip-port'\nimport BitField from 'bitfield'\nimport CacheChunkStore from 'cache-chunk-store'\nimport { chunkStoreWrite } from 'chunk-store-iterator'\nimport cpus from 'cpus'\nimport debugFactory from 'debug'\nimport Discovery from 'torrent-discovery'\nimport FSChunkStore from 'fs-chunk-store' // browser: `fsa-chunk-store`\nimport fetch from 'cross-fetch-ponyfill'\nimport ImmediateChunkStore from 'immediate-chunk-store'\nimport ltDontHave from 'lt_donthave'\nimport MemoryChunkStore from 'memory-chunk-store'\nimport joinIterator from 'join-async-iterator'\nimport parallel from 'run-parallel'\nimport parallelLimit from 'run-parallel-limit'\nimport parseTorrent, { toMagnetURI, toTorrentFile, remote } from 'parse-torrent'\nimport Piece from 'torrent-piece'\nimport queueMicrotask from 'queue-microtask'\nimport randomIterate from 'random-iterate'\nimport { hash, arr2hex } from 'uint8-util'\nimport throughput from 'throughput'\nimport utMetadata from 'ut_metadata'\nimport utPex from 'ut_pex' // browser exclude\n\nimport File from './file.js'\nimport Peer from './peer.js'\nimport RarityMap from './rarity-map.js'\nimport utp from './utp.cjs' // browser exclude\nimport WebConn from './webconn.js'\nimport { Selections } from './selections.js'\n\nimport VERSION from '../version.cjs'\n\nconst debug = debugFactory('webtorrent:torrent')\nconst MAX_BLOCK_LENGTH = 128 * 1024\nconst PIECE_TIMEOUT = 30_000\nconst CHOKE_TIMEOUT = 5_000\nconst SPEED_THRESHOLD = 3 * Piece.BLOCK_LENGTH\n\nconst PIPELINE_MIN_DURATION = 0.5\nconst PIPELINE_MAX_DURATION = 1\n\nconst RECHOKE_INTERVAL = 10_000 // 10 seconds\nconst RECHOKE_OPTIMISTIC_DURATION = 2 // 30 seconds\n\nconst DEFAULT_NO_PEERS_INTERVAL = 30_000 // 30 seconds\n\n// IndexedDB chunk stores used in the browser benefit from high concurrency\nconst FILESYSTEM_CONCURRENCY = process.browser ? cpus().length : 2\n\nconst RECONNECT_WAIT = [1_000, 5_000, 15_000]\n\nconst USER_AGENT = `WebTorrent/${VERSION} (https://webtorrent.io)`\n\n// if nodejs or browser that supports FSA\nconst SUPPORTS_FSA = globalThis.navigator?.storage?.getDirectory && globalThis.FileSystemFileHandle?.prototype?.createWritable\nconst FALLBACK_STORE = !process.browser || SUPPORTS_FSA\n  ? FSChunkStore // Node or browser with FSA\n  : MemoryChunkStore\n\nlet TMP\ntry {\n  TMP = path.join(fs.statSync('/tmp') && '/tmp', 'webtorrent')\n} catch (err) {\n  TMP = path.join(typeof os.tmpdir === 'function' ? os.tmpdir() : '/', 'webtorrent')\n}\n\nconst IDLE_CALLBACK = typeof window !== 'undefined' && typeof window.requestIdleCallback === 'function' && window.requestIdleCallback\n\nexport default class Torrent extends EventEmitter {\n  constructor (torrentId, client, opts) {\n    super()\n\n    this._debugId = 'unknown infohash'\n    this.client = client\n\n    this.announce = opts.announce\n    this.urlList = opts.urlList\n\n    this.path = opts.path || TMP\n    this.addUID = opts.addUID || false\n    this.rootDir = opts.rootDir || null\n    this.skipVerify = !!opts.skipVerify\n    this._store = opts.store || FALLBACK_STORE\n    this._preloadedStore = opts.preloadedStore || null\n    this._storeCacheSlots = opts.storeCacheSlots !== undefined ? opts.storeCacheSlots : 20\n    this._destroyStoreOnDestroy = opts.destroyStoreOnDestroy || false\n    this.store = null\n    this.storeOpts = opts.storeOpts\n    this.alwaysChokeSeeders = opts.alwaysChokeSeeders ?? true\n\n    this._getAnnounceOpts = opts.getAnnounceOpts\n\n    // if defined, `opts.private` overrides default privacy of torrent\n    if (typeof opts.private === 'boolean') this.private = opts.private\n\n    this.strategy = opts.strategy || 'sequential'\n\n    this.maxWebConns = opts.maxWebConns || 4\n\n    this._rechokeNumSlots = (opts.uploads === false || opts.uploads === 0)\n      ? 0\n      : (+opts.uploads || 10)\n    this._rechokeOptimisticWire = null\n    this._rechokeOptimisticTime = 0\n    this._rechokeIntervalId = null\n    this._noPeersIntervalId = null\n    this._noPeersIntervalTime = opts.noPeersIntervalTime ? opts.noPeersIntervalTime * 1000 : DEFAULT_NO_PEERS_INTERVAL\n    this._startAsDeselected = opts.deselect || false\n\n    this.ready = false\n    this.destroyed = false\n    this.paused = opts.paused || false\n    this.done = false\n\n    this.metadata = null\n    this.files = []\n\n    // Pieces that need to be downloaded, indexed by piece index\n    this.pieces = []\n\n    this._amInterested = false\n    this._selections = new Selections()\n    this._critical = []\n\n    this.wires = [] // open wires (added *after* handshake)\n\n    this._queue = [] // queue of outgoing tcp peers to connect to\n    this._peers = {} // connected peers (addr/peerId -> Peer)\n    this._peersLength = 0 // number of elements in `this._peers` (cache, for perf)\n\n    // stats\n    this.received = 0\n    this.uploaded = 0\n    this._downloadSpeed = throughput()\n    this._uploadSpeed = throughput()\n\n    // for cleanup\n    this._servers = []\n    this._xsRequests = []\n\n    // TODO: remove this and expose a hook instead\n    // optimization: don't recheck every file if it hasn't changed\n    this._fileModtimes = opts.fileModtimes\n\n    if (torrentId !== null) this._onTorrentId(torrentId)\n\n    this._debug('new torrent')\n  }\n\n  get timeRemaining () {\n    if (this.done) return 0\n    if (this.downloadSpeed === 0) return Infinity\n    return ((this.length - this.downloaded) / this.downloadSpeed) * 1000\n  }\n\n  get downloaded () {\n    if (!this.bitfield) return 0\n    let downloaded = 0\n    for (let index = 0, len = this.pieces.length; index < len; ++index) {\n      if (this.bitfield.get(index)) { // verified data\n        downloaded += (index === len - 1) ? this.lastPieceLength : this.pieceLength\n      } else { // \"in progress\" data\n        const piece = this.pieces[index]\n        downloaded += (piece.length - piece.missing)\n      }\n    }\n    return downloaded\n  }\n\n  // TODO: re-enable this. The number of missing pieces. Used to implement 'end game' mode.\n  // Object.defineProperty(Storage.prototype, 'numMissing', {\n  //   get: function () {\n  //     var self = this\n  //     var numMissing = self.pieces.length\n  //     for (var index = 0, len = self.pieces.length; index < len; index++) {\n  //       numMissing -= self.bitfield.get(index)\n  //     }\n  //     return numMissing\n  //   }\n  // })\n\n  get downloadSpeed () { return this._downloadSpeed() }\n\n  get uploadSpeed () { return this._uploadSpeed() }\n\n  get progress () { return this.length ? this.downloaded / this.length : 0 }\n\n  get ratio () { return this.uploaded / (this.received || this.length) }\n\n  get numPeers () { return this.wires.length }\n\n  get torrentFileBlob () {\n    if (!this.torrentFile) return null\n    return new Blob([this.torrentFile], { type: 'application/x-bittorrent' })\n  }\n\n  get _numQueued () {\n    return this._queue.length + (this._peersLength - this._numConns)\n  }\n\n  get _numConns () {\n    let numConns = 0\n    for (const id in this._peers) {\n      if (this._peers[id].connected) numConns += 1\n    }\n    return numConns\n  }\n\n  async _onTorrentId (torrentId) {\n    if (this.destroyed) return\n\n    let parsedTorrent\n    try { parsedTorrent = await parseTorrent(torrentId) } catch (err) {}\n    if (parsedTorrent) {\n      // Attempt to set infoHash property synchronously\n      this.infoHash = parsedTorrent.infoHash\n      this._debugId = arr2hex(parsedTorrent.infoHash).substring(0, 7)\n      queueMicrotask(() => {\n        if (this.destroyed) return\n        this._onParsedTorrent(parsedTorrent)\n      })\n    } else {\n      // If torrentId failed to parse, it could be in a form that requires an async\n      // operation, i.e. http/https link, filesystem path, or Blob.\n      remote(torrentId, (err, parsedTorrent) => {\n        if (this.destroyed) return\n        if (err) return this._destroy(err)\n        this._onParsedTorrent(parsedTorrent)\n      })\n    }\n  }\n\n  _onParsedTorrent (parsedTorrent) {\n    if (this.destroyed) return\n\n    this._processParsedTorrent(parsedTorrent)\n\n    if (!this.infoHash) {\n      return this._destroy(new Error('Malformed torrent data: No info hash'))\n    }\n\n    this._rechokeIntervalId = setInterval(() => {\n      this._rechoke()\n    }, RECHOKE_INTERVAL)\n    if (this._rechokeIntervalId.unref) this._rechokeIntervalId.unref()\n\n    // Private 'infoHash' event allows client.add to check for duplicate torrents and\n    // destroy them before the normal 'infoHash' event is emitted. Prevents user\n    // applications from needing to deal with duplicate 'infoHash' events.\n    this.emit('_infoHash', this.infoHash)\n    if (this.destroyed) return\n\n    this.emit('infoHash', this.infoHash)\n    if (this.destroyed) return // user might destroy torrent in event handler\n\n    if (this.client.listening) {\n      this._onListening()\n    } else {\n      this.client.once('listening', () => {\n        this._onListening()\n      })\n    }\n  }\n\n  _processParsedTorrent (parsedTorrent) {\n    this._debugId = arr2hex(parsedTorrent.infoHash).substring(0, 7)\n\n    if (typeof this.private !== 'undefined') {\n      // `private` option overrides default, only if it's defined\n      parsedTorrent.private = this.private\n    }\n\n    if (Array.isArray(this.announce)) {\n      // Allow specifying trackers via `opts` parameter\n      parsedTorrent.announce = parsedTorrent.announce.concat(this.announce)\n    }\n\n    if (this.client.tracker && Array.isArray(this.client.tracker.announce) && !parsedTorrent.private) {\n      // If the client has a default tracker, add it to the announce list if torrent is not private\n      parsedTorrent.announce = parsedTorrent.announce.concat(this.client.tracker.announce)\n    }\n\n    if (this.client.tracker && global.WEBTORRENT_ANNOUNCE && !parsedTorrent.private) {\n      // So `webtorrent-hybrid` can force specific trackers to be used\n      parsedTorrent.announce = parsedTorrent.announce.concat(global.WEBTORRENT_ANNOUNCE)\n    }\n\n    if (this.urlList) {\n      // Allow specifying web seeds via `opts` parameter\n      parsedTorrent.urlList = parsedTorrent.urlList.concat(this.urlList)\n    }\n\n    // remove duplicates by converting to Set and back\n    parsedTorrent.announce = Array.from(new Set(parsedTorrent.announce))\n    parsedTorrent.urlList = Array.from(new Set(parsedTorrent.urlList))\n\n    Object.assign(this, parsedTorrent)\n\n    this.magnetURI = toMagnetURI(parsedTorrent)\n    this.torrentFile = toTorrentFile(parsedTorrent)\n  }\n\n  _onListening () {\n    if (this.destroyed) return\n\n    if (this.info) {\n      // if full metadata was included in initial torrent id, use it immediately. Otherwise,\n      // wait for torrent-discovery to find peers and ut_metadata to get the metadata.\n      this._onMetadata(this)\n    } else {\n      if (this.xs) this._getMetadataFromServer()\n      this._startDiscovery()\n    }\n  }\n\n  _startDiscovery () {\n    if (this.discovery || this.destroyed) return\n\n    let trackerOpts = this.client.tracker\n    if (trackerOpts) {\n      trackerOpts = Object.assign({}, this.client.tracker, {\n        getAnnounceOpts: () => {\n          if (this.destroyed) return\n\n          const opts = {\n            uploaded: this.uploaded,\n            downloaded: this.downloaded,\n            left: Math.max(this.length - this.downloaded, 0)\n          }\n          if (this.client.tracker.getAnnounceOpts) {\n            Object.assign(opts, this.client.tracker.getAnnounceOpts())\n          }\n          if (this._getAnnounceOpts) {\n            // TODO: consider deprecating this, as it's redundant with the former case\n            Object.assign(opts, this._getAnnounceOpts())\n          }\n          return opts\n        }\n      })\n    }\n\n    // add BEP09 peer-address\n    if (this.peerAddresses) {\n      this.peerAddresses.forEach(peer => this.addPeer(peer, Peer.SOURCE_MANUAL))\n    }\n\n    // begin discovering peers via DHT and trackers\n    this.discovery = new Discovery({\n      infoHash: this.infoHash,\n      announce: this.announce,\n      peerId: this.client.peerId,\n      dht: !this.private && this.client.dht,\n      tracker: trackerOpts,\n      port: this.client.torrentPort,\n      userAgent: USER_AGENT,\n      lsd: this.client.lsd\n    })\n\n    this.discovery.on('error', (err) => {\n      this._destroy(err)\n    })\n\n    this.discovery.on('peer', (peer, source) => {\n      this._debug('peer %s discovered via %s', peer, source)\n      // Don't create new outgoing connections when torrent is done and seedOutgoingConnections is false.\n      if (!this.client.seedOutgoingConnections && this.done) {\n        this._debug('ignoring peer %s: torrent is done and seedOutgoingConnections is false', peer)\n        return\n      }\n      this.addPeer(peer, source)\n    })\n\n    this.discovery.on('trackerAnnounce', () => {\n      this.emit('trackerAnnounce')\n    })\n\n    this.discovery.on('dhtAnnounce', () => {\n      this.emit('dhtAnnounce')\n    })\n\n    this.discovery.on('warning', (err) => {\n      this.emit('warning', err)\n    })\n\n    this._noPeersIntervalId = setInterval(() => {\n      if (this.destroyed) return\n\n      const counters = {\n        [Peer.SOURCE_TRACKER]: {\n          enabled: !!this.client.tracker,\n          numPeers: 0\n        },\n        [Peer.SOURCE_DHT]: {\n          enabled: !!this.client.dht,\n          numPeers: 0\n        },\n        [Peer.SOURCE_LSD]: {\n          enabled: !!this.client.lsd,\n          numPeers: 0\n        },\n        [Peer.SOURCE_UT_PEX]: {\n          enabled: (this.client.utPex && typeof utPex === 'function'),\n          numPeers: 0\n        }\n      }\n      for (const peer of Object.values(this._peers)) {\n        const counter = counters[peer.source]\n        if (typeof counter !== 'undefined') counter.numPeers++\n      }\n      for (const source of Object.keys(counters)) {\n        const counter = counters[source]\n        if (counter.enabled && counter.numPeers === 0) this.emit('noPeers', source)\n      }\n    }, this._noPeersIntervalTime)\n    if (this._noPeersIntervalId.unref) this._noPeersIntervalId.unref()\n  }\n\n  _getMetadataFromServer () {\n    // to allow function hoisting\n    const self = this\n\n    const urls = Array.isArray(this.xs) ? this.xs : [this.xs]\n\n    self._xsRequestsController = new AbortController()\n\n    const signal = self._xsRequestsController.signal\n\n    const tasks = urls.map(url => cb => {\n      getMetadataFromURL(url, cb)\n    })\n    parallel(tasks)\n\n    async function getMetadataFromURL (url, cb) {\n      if (url.indexOf('http://') !== 0 && url.indexOf('https://') !== 0) {\n        self.emit('warning', new Error(`skipping non-http xs param: ${url}`))\n        return cb(null)\n      }\n\n      const opts = {\n        method: 'GET',\n        headers: {\n          'user-agent': USER_AGENT\n        },\n        signal\n      }\n      let res\n      try {\n        res = await fetch(url, opts)\n      } catch (err) {\n        self.emit('warning', new Error(`http error from xs param: ${url}`))\n        return cb(null)\n      }\n\n      if (self.destroyed) return cb(null)\n      if (self.metadata) return cb(null)\n\n      if (res.status !== 200) {\n        self.emit('warning', new Error(`non-200 status code ${res.status} from xs param: ${url}`))\n        return cb(null)\n      }\n      let torrent\n      try {\n        torrent = new Uint8Array(await res.arrayBuffer())\n      } catch (e) {\n        self.emit('warning', e)\n        return cb(null)\n      }\n\n      let parsedTorrent\n      try {\n        parsedTorrent = await parseTorrent(torrent)\n      } catch (err) {}\n\n      if (!parsedTorrent) {\n        self.emit('warning', new Error(`got invalid torrent file from xs param: ${url}`))\n        return cb(null)\n      }\n\n      if (parsedTorrent.infoHash !== self.infoHash) {\n        self.emit('warning', new Error(`got torrent file with incorrect info hash from xs param: ${url}`))\n        return cb(null)\n      }\n      self._onMetadata(parsedTorrent)\n      cb(null)\n    }\n  }\n\n  /**\n   * Called when the full torrent metadata is received.\n   */\n  async _onMetadata (metadata) {\n    if (this.metadata || this.destroyed) return\n    this._debug('got metadata')\n\n    this._xsRequestsController?.abort()\n    this._xsRequestsController = null\n\n    let parsedTorrent\n    if (metadata && metadata.infoHash) {\n      // `metadata` is a parsed torrent (from parse-torrent module)\n      parsedTorrent = metadata\n    } else {\n      try {\n        parsedTorrent = await parseTorrent(metadata)\n      } catch (err) {\n        return this._destroy(err)\n      }\n    }\n\n    this._processParsedTorrent(parsedTorrent)\n    this.metadata = this.torrentFile\n\n    // add web seed urls (BEP19)\n    if (this.client.enableWebSeeds) {\n      this.urlList.forEach(url => {\n        this.addWebSeed(url)\n      })\n    }\n\n    this._rarityMap = new RarityMap(this)\n\n    this.files = this.files.map(file => new File(this, file))\n\n    let rawStore = this._preloadedStore\n    if (!rawStore) {\n      rawStore = new this._store(this.pieceLength, {\n        ...this.storeOpts,\n        torrent: this,\n        path: this.path,\n        files: this.files,\n        length: this.length,\n        name: this.name + ' - ' + this.infoHash.slice(0, 8),\n        addUID: this.addUID,\n        rootDir: this.rootDir,\n        max: this._storeCacheSlots\n      })\n    }\n\n    // don't use the cache if the store is already in memory\n    if (this._storeCacheSlots > 0 && !(rawStore instanceof MemoryChunkStore)) {\n      rawStore = new CacheChunkStore(rawStore, {\n        max: this._storeCacheSlots\n      })\n    }\n\n    this.store = new ImmediateChunkStore(\n      rawStore\n    )\n\n    // Select only specified files (BEP53) http://www.bittorrent.org/beps/bep_0053.html\n    if (this.so && !this._startAsDeselected) {\n      this.files.forEach((v, i) => {\n        if (this.so.includes(i)) {\n          this.files[i].select()\n        }\n      })\n    } else {\n      // start off selecting the entire torrent with low priority\n      if (this.pieces.length !== 0 && !this._startAsDeselected) {\n        this.select(0, this.pieces.length - 1, 0)\n      }\n    }\n\n    this._hashes = this.pieces\n\n    this.pieces = this.pieces.map((hash, i) => {\n      const pieceLength = (i === this.pieces.length - 1)\n        ? this.lastPieceLength\n        : this.pieceLength\n      return new Piece(pieceLength)\n    })\n\n    this._reservations = this.pieces.map(() => [])\n\n    this.bitfield = new BitField(this.pieces.length)\n\n    // Emit 'metadata' before 'ready' and 'done'\n    this.emit('metadata')\n\n    // User might destroy torrent in response to 'metadata' event\n    if (this.destroyed) return\n\n    if (this.skipVerify) {\n      // Skip verifying exisitng data and just assume it's correct\n      this._markAllVerified()\n      this._onStore()\n    } else {\n      const onPiecesVerified = (err) => {\n        if (err) return this._destroy(err)\n        this._debug('done verifying')\n        this._onStore()\n      }\n\n      this._debug('verifying existing torrent data')\n      if (this._fileModtimes && this._store === FSChunkStore) {\n        // don't verify if the files haven't been modified since we last checked\n        this.getFileModtimes((err, fileModtimes) => {\n          if (err) return this._destroy(err)\n\n          const unchanged = this.files.map((_, index) => fileModtimes[index] === this._fileModtimes[index]).every(x => x)\n\n          if (unchanged) {\n            this._markAllVerified()\n            this._onStore()\n          } else {\n            this._verifyPieces(onPiecesVerified)\n          }\n        })\n      } else {\n        this._verifyPieces(onPiecesVerified)\n      }\n    }\n  }\n\n  /*\n   * TODO: remove this\n   * Gets the last modified time of every file on disk for this torrent.\n   * Only valid in Node, not in the browser.\n   */\n  getFileModtimes (cb) {\n    const ret = []\n    parallelLimit(this.files.map((file, index) => cb => {\n      const filePath = this.addUID ? path.join(this.name + ' - ' + this.infoHash.slice(0, 8)) : path.join(this.path, file.path)\n      fs.stat(filePath, (err, stat) => {\n        if (err && err.code !== 'ENOENT') return cb(err)\n        ret[index] = stat && stat.mtime.getTime()\n        cb(null)\n      })\n    }), FILESYSTEM_CONCURRENCY, err => {\n      this._debug('done getting file modtimes')\n      cb(err, ret)\n    })\n  }\n\n  _verifyPieces (cb) {\n    parallelLimit(this.pieces.map((piece, index) => cb => {\n      if (this.destroyed) return cb(new Error('torrent is destroyed'))\n\n      const getOpts = {}\n      // Specify length for the last piece in case it is zero-padded\n      if (index === this.pieces.length - 1) {\n        getOpts.length = this.lastPieceLength\n      }\n      this.store.get(index, getOpts, async (err, buf) => {\n        if (this.destroyed) return cb(new Error('torrent is destroyed'))\n\n        if (err) return queueMicrotask(() => cb(null)) // ignore error\n\n        const hex = await hash(buf, 'hex')\n        if (this.destroyed) return cb(new Error('torrent is destroyed'))\n\n        if (hex === this._hashes[index]) {\n          this._debug('piece verified %s', index)\n          this._markVerified(index)\n        } else {\n          this._markUnverified(index)\n          this._debug('piece invalid %s', index)\n        }\n        cb(null)\n      })\n    }), FILESYSTEM_CONCURRENCY, cb)\n  }\n\n  rescanFiles (cb) {\n    if (this.destroyed) throw new Error('torrent is destroyed')\n    if (!cb) cb = noop\n\n    this._verifyPieces((err) => {\n      if (err) {\n        this._destroy(err)\n        return cb(err)\n      }\n\n      this._checkDone()\n      cb(null)\n    })\n  }\n\n  _markAllVerified () {\n    for (let index = 0; index < this.pieces.length; index++) {\n      this._markVerified(index)\n    }\n  }\n\n  _markVerified (index) {\n    this.pieces[index] = null\n    this._reservations[index] = null\n    this.bitfield.set(index, true)\n    this.emit('verified', index)\n  }\n\n  _markUnverified (index) {\n    const len = (index === this.pieces.length - 1)\n      ? this.lastPieceLength\n      : this.pieceLength\n    this.pieces[index] = new Piece(len)\n    this.bitfield.set(index, false)\n    if (!this._startAsDeselected) this.select(index, index, 1)\n    this.files.forEach(file => {\n      if (file.done && file.includes(index)) file.done = false\n    })\n  }\n\n  _hasAllPieces () {\n    for (let index = 0; index < this.pieces.length; index++) {\n      if (!this.bitfield.get(index)) return false\n    }\n    return true\n  }\n\n  _hasNoPieces () {\n    return !this._hasMorePieces(0)\n  }\n\n  _hasMorePieces (threshold) {\n    let count = 0\n    for (let index = 0; index < this.pieces.length; index++) {\n      if (this.bitfield.get(index)) {\n        count += 1\n        if (count > threshold) return true\n      }\n    }\n    return false\n  }\n\n  /**\n   * Called when the metadata, listening server, and underlying chunk store is initialized.\n   */\n  _onStore () {\n    if (this.destroyed) return\n    this._debug('on store')\n\n    // Start discovery before emitting 'ready'\n    this._startDiscovery()\n\n    this.ready = true\n    this.emit('ready')\n\n    // Files may start out done if the file was already in the store\n    this._checkDone()\n\n    // In case any selections were made before torrent was ready\n    this._updateSelections()\n\n    // Start requesting pieces after we have initially verified them\n    this.wires.forEach(wire => {\n      // If we didn't have the metadata at the time ut_metadata was initialized for this\n      // wire, we still want to make it available to the peer in case they request it.\n      if (wire.ut_metadata) wire.ut_metadata.setMetadata(this.metadata)\n\n      this._onWireWithMetadata(wire)\n    })\n  }\n\n  destroy (opts, cb) {\n    if (typeof opts === 'function') return this.destroy(null, opts)\n\n    this._destroy(null, opts, cb)\n  }\n\n  _destroy (err, opts, cb) {\n    if (typeof opts === 'function') return this._destroy(err, null, opts)\n    if (this.destroyed) return\n    this.destroyed = true\n    this._debug('destroy')\n\n    this.client._remove(this)\n\n    this._selections.clear()\n\n    clearInterval(this._rechokeIntervalId)\n\n    clearInterval(this._noPeersIntervalId)\n\n    this._xsRequestsController?.abort()\n\n    if (this._rarityMap) {\n      this._rarityMap.destroy()\n    }\n\n    for (const id in this._peers) {\n      this.removePeer(id)\n    }\n\n    this.files.forEach(file => {\n      if (file instanceof File) file._destroy()\n    })\n\n    const tasks = this._servers.map(server => cb => {\n      server.destroy(cb)\n    })\n\n    if (this.discovery) {\n      tasks.push(cb => {\n        this.discovery.destroy(cb)\n      })\n    }\n\n    if (this.store) {\n      let destroyStore = this._destroyStoreOnDestroy\n      if (opts && opts.destroyStore !== undefined) {\n        destroyStore = opts.destroyStore\n      }\n      tasks.push(cb => {\n        if (destroyStore) {\n          this.store.destroy(cb)\n        } else {\n          this.store.close(cb)\n        }\n      })\n    }\n\n    parallel(tasks, cb)\n\n    if (err) {\n      // Torrent errors are emitted at `torrent.on('error')`. If there are no 'error'\n      // event handlers on the torrent instance, then the error will be emitted at\n      // `client.on('error')`. This prevents throwing an uncaught exception\n      // (unhandled 'error' event), but it makes it impossible to distinguish client\n      // errors versus torrent errors. Torrent errors are not fatal, and the client\n      // is still usable afterwards. Therefore, always listen for errors in both\n      // places (`client.on('error')` and `torrent.on('error')`).\n      if (this.listenerCount('error') === 0) {\n        this.client.emit('error', err)\n      } else {\n        this.emit('error', err)\n      }\n    }\n\n    this.emit('close')\n\n    this.client = null\n    this.files = []\n    this.discovery = null\n    this.store = null\n    this._rarityMap = null\n    this._peers = null\n    this._servers = null\n    this._xsRequests = null\n  }\n\n  addPeer (peer, source) {\n    if (this.destroyed) throw new Error('torrent is destroyed')\n    if (!this.infoHash) throw new Error('addPeer() must not be called before the `infoHash` event')\n\n    let host\n\n    if (typeof peer === 'string') {\n      let parts\n      try {\n        parts = addrToIPPort(peer)\n      } catch (e) {\n        this._debug('ignoring peer: invalid %s', peer)\n        this.emit('invalidPeer', peer)\n        return false\n      }\n      host = parts[0]\n    } else if (typeof peer.remoteAddress === 'string') {\n      host = peer.remoteAddress\n    }\n\n    if (this.client.blocked && host && this.client.blocked.contains(host)) {\n      this._debug('ignoring peer: blocked %s', peer)\n      if (typeof peer !== 'string') peer.destroy()\n      this.emit('blockedPeer', peer)\n      return false\n    }\n\n    // if the utp connection fails to connect, then it is replaced with a tcp connection to the same ip:port\n\n    const type = (this.client.utp && this._isIPv4(host)) ? 'utp' : 'tcp'\n    const wasAdded = !!this._addPeer(peer, type, source)\n\n    if (wasAdded) {\n      this.emit('peer', peer)\n    } else {\n      this.emit('invalidPeer', peer)\n    }\n    return wasAdded\n  }\n\n  _addPeer (peer, type, source) {\n    if (this.destroyed) {\n      if (typeof peer !== 'string') peer.destroy()\n      return null\n    }\n    if (typeof peer === 'string' && !this._validAddr(peer)) {\n      this._debug('ignoring peer: invalid %s', peer)\n      return null\n    }\n\n    const id = (peer && peer.id) || peer\n    if (this._peers[id]) {\n      this._debug('ignoring peer: duplicate (%s)', id)\n      if (typeof peer !== 'string') peer.destroy()\n      return null\n    }\n\n    if (this.paused) {\n      this._debug('ignoring peer: torrent is paused')\n      if (typeof peer !== 'string') peer.destroy()\n      return null\n    }\n\n    this._debug('add peer %s', id)\n\n    let newPeer\n    if (typeof peer === 'string') {\n      // `peer` is an addr (\"ip:port\" string)\n      newPeer = type === 'utp'\n        ? Peer.createUTPOutgoingPeer(peer, this, this.client.throttleGroups)\n        : Peer.createTCPOutgoingPeer(peer, this, this.client.throttleGroups)\n    } else {\n      // `peer` is a WebRTC connection (simple-peer)\n      newPeer = Peer.createWebRTCPeer(peer, this, this.client.throttleGroups)\n    }\n\n    this._registerPeer(newPeer)\n\n    if (typeof peer === 'string') {\n      // `peer` is an addr (\"ip:port\" string)\n      this._queue.push(newPeer)\n      this._drain()\n    }\n\n    return newPeer\n  }\n\n  addWebSeed (urlOrConn) {\n    if (this.destroyed) throw new Error('torrent is destroyed')\n\n    let id\n    let conn\n    if (typeof urlOrConn === 'string') {\n      id = urlOrConn\n\n      if (!/^https?:\\/\\/.+/.test(id)) {\n        this.emit('warning', new Error(`ignoring invalid web seed: ${id}`))\n        this.emit('invalidPeer', id)\n        return\n      }\n\n      if (this._peers[id]) {\n        this.emit('warning', new Error(`ignoring duplicate web seed: ${id}`))\n        this.emit('invalidPeer', id)\n        return\n      }\n\n      conn = new WebConn(id, this)\n    } else if (urlOrConn && typeof urlOrConn.connId === 'string') {\n      conn = urlOrConn\n      id = conn.connId\n\n      if (this._peers[id]) {\n        this.emit('warning', new Error(`ignoring duplicate web seed: ${id}`))\n        this.emit('invalidPeer', id)\n        return\n      }\n    } else {\n      this.emit('warning', new Error('addWebSeed must be passed a string or connection object with id property'))\n      return\n    }\n\n    this._debug('add web seed %s', id)\n\n    const newPeer = Peer.createWebSeedPeer(conn, id, this, this.client.throttleGroups)\n\n    this._registerPeer(newPeer)\n\n    this.emit('peer', id)\n  }\n\n  /**\n   * Called whenever a new incoming TCP peer connects to this torrent swarm. Called with a\n   * peer that has already sent a handshake.\n   */\n  _addIncomingPeer (peer) {\n    if (this.destroyed) return peer.destroy(new Error('torrent is destroyed'))\n    if (this.paused) return peer.destroy(new Error('torrent is paused'))\n\n    this._debug('add incoming peer %s', peer.id)\n\n    this._registerPeer(peer)\n  }\n\n  _registerPeer (newPeer) {\n    newPeer.on('download', downloaded => {\n      if (this.destroyed) return\n      this.received += downloaded\n      this._downloadSpeed(downloaded)\n      this.client._downloadSpeed(downloaded)\n      this.emit('download', downloaded)\n      if (this.destroyed) return\n      this.client.emit('download', downloaded)\n    })\n\n    newPeer.on('upload', uploaded => {\n      if (this.destroyed) return\n      this.uploaded += uploaded\n      this._uploadSpeed(uploaded)\n      this.client._uploadSpeed(uploaded)\n      this.emit('upload', uploaded)\n      if (this.destroyed) return\n      this.client.emit('upload', uploaded)\n    })\n\n    this._peers[newPeer.id] = newPeer\n    this._peersLength += 1\n  }\n\n  removePeer (peer) {\n    const id = peer?.id || peer\n    if (peer && !peer.id) peer = this._peers?.[id]\n\n    if (!peer) return\n    peer.destroy()\n\n    if (this.destroyed) return\n\n    this._debug('removePeer %s', id)\n\n    delete this._peers[id]\n    this._peersLength -= 1\n\n    // If torrent swarm was at capacity before, try to open a new connection now\n    this._drain()\n  }\n\n  _select (start, end, priority, notify, isStreamSelection = false) {\n    if (this.destroyed) throw new Error('torrent is destroyed')\n\n    if (start < 0 || end < start || this.pieces.length <= end) {\n      throw new Error(`invalid selection ${start} : ${end}`)\n    }\n    priority = Number(priority) || 0\n\n    this._debug('select %s-%s (priority %s)', start, end, priority)\n\n    this._selections.insert({\n      from: start,\n      to: end,\n      offset: 0,\n      priority,\n      notify,\n      isStreamSelection\n    })\n\n    this._selections.sort((a, b) => b.priority - a.priority)\n\n    this._updateSelections()\n  }\n\n  select (start, end, priority, notify) {\n    this._select(start, end, priority, notify, false)\n  }\n\n  _deselect (from, to, isStreamSelection = false) {\n    if (this.destroyed) throw new Error('torrent is destroyed')\n\n    this._debug('deselect %s-%s', from, to)\n\n    this._selections.remove({ from, to, isStreamSelection })\n\n    this._updateSelections()\n  }\n\n  deselect (start, end) {\n    this._deselect(start, end, false)\n  }\n\n  critical (start, end) {\n    if (this.destroyed) throw new Error('torrent is destroyed')\n\n    this._debug('critical %s-%s', start, end)\n\n    for (let i = start; i <= end; ++i) {\n      this._critical[i] = true\n    }\n\n    this._updateSelections()\n  }\n\n  _onWire (wire, addr) {\n    this._debug('got wire %s (%s)', wire._debugId, addr || 'Unknown')\n\n    this.wires.push(wire)\n\n    if (addr) {\n      // Sometimes RTCPeerConnection.getStats() doesn't return an ip:port for peers\n      const parts = addrToIPPort(addr)\n      wire.remoteAddress = parts[0]\n      wire.remotePort = parts[1]\n    }\n\n    // When peer sends PORT message, add that DHT node to routing table\n    if (this.client.dht && this.client.dht.listening) {\n      wire.on('port', port => {\n        if (this.destroyed || this.client.dht.destroyed) {\n          return\n        }\n        if (!wire.remoteAddress) {\n          return this._debug('ignoring PORT from peer with no address')\n        }\n        if (port === 0 || port > 65536) {\n          return this._debug('ignoring invalid PORT from peer')\n        }\n\n        this._debug('port: %s (from %s)', port, addr)\n        this.client.dht.addNode({ host: wire.remoteAddress, port })\n      })\n    }\n\n    wire.on('timeout', () => {\n      this._debug('wire timeout (%s)', addr)\n      // TODO: this might be destroying wires too eagerly\n      wire.destroy()\n    })\n\n    // Timeout for piece requests to this peer\n    if (wire.type !== 'webSeed') { // webseeds always send 'unhave' on http timeout\n      wire.setTimeout(PIECE_TIMEOUT, true)\n    }\n\n    // Send KEEP-ALIVE (every 60s) so peers will not disconnect the wire\n    wire.setKeepAlive(true)\n\n    // use ut_metadata extension\n    wire.use(utMetadata(this.metadata))\n\n    wire.ut_metadata.on('warning', err => {\n      this._debug('ut_metadata warning: %s', err.message)\n    })\n\n    if (!this.metadata) {\n      wire.ut_metadata.on('metadata', metadata => {\n        this._debug('got metadata via ut_metadata')\n        this._onMetadata(metadata)\n      })\n      wire.ut_metadata.fetch()\n    }\n\n    // use ut_pex extension if the torrent is not flagged as private\n    if (this.client.utPex && typeof utPex === 'function' && !this.private) {\n      wire.use(utPex())\n\n      wire.ut_pex.on('peer', peer => {\n        // Only add potential new peers when we're not seeding\n        if (this.done) return\n        this._debug('ut_pex: got peer: %s (from %s)', peer, addr)\n        this.addPeer(peer, Peer.SOURCE_UT_PEX)\n      })\n\n      wire.ut_pex.on('dropped', peer => {\n        // the remote peer believes a given peer has been dropped from the torrent swarm.\n        // if we're not currently connected to it, then remove it from the queue.\n        const peerObj = this._peers[peer]\n        if (peerObj && !peerObj.connected) {\n          this._debug('ut_pex: dropped peer: %s (from %s)', peer, addr)\n          this.removePeer(peer)\n        }\n      })\n\n      wire.once('close', () => {\n        // Stop sending updates to remote peer\n        wire.ut_pex.reset()\n      })\n    }\n\n    wire.use(ltDontHave())\n\n    // Hook to allow user-defined `bittorrent-protocol` extensions\n    // More info: https://github.com/webtorrent/bittorrent-protocol#extension-api\n    this.emit('wire', wire, addr)\n\n    if (this.ready) {\n      queueMicrotask(() => {\n        // This allows wire.handshake() to be called (by Peer.onHandshake) before any\n        // messages get sent on the wire\n        this._onWireWithMetadata(wire)\n      })\n    }\n  }\n\n  _onWireWithMetadata (wire) {\n    let timeoutId = null\n\n    const onChokeTimeout = () => {\n      if (this.destroyed || wire.destroyed) return\n\n      if (this._numQueued > 2 * (this._numConns - this.numPeers) &&\n        wire.amInterested) {\n        wire.destroy()\n      } else {\n        timeoutId = setTimeout(onChokeTimeout, CHOKE_TIMEOUT)\n        if (timeoutId.unref) timeoutId.unref()\n      }\n    }\n\n    let i\n    const updateSeedStatus = () => {\n      if (wire.peerPieces.buffer.length !== this.bitfield.buffer.length) return\n      for (i = 0; i < this.pieces.length; ++i) {\n        if (!wire.peerPieces.get(i)) return\n      }\n      wire.isSeeder = true\n      if (this.alwaysChokeSeeders) wire.choke() // always choke seeders\n    }\n\n    wire.on('bitfield', () => {\n      updateSeedStatus()\n      this._update()\n      this._updateWireInterest(wire)\n    })\n\n    wire.on('have', () => {\n      updateSeedStatus()\n      this._update()\n      this._updateWireInterest(wire)\n    })\n\n    wire.lt_donthave.on('donthave', () => {\n      updateSeedStatus()\n      this._update()\n      this._updateWireInterest(wire)\n    })\n\n    // fast extension (BEP6)\n    wire.on('have-all', () => {\n      wire.isSeeder = true\n      if (this.alwaysChokeSeeders) wire.choke() // always choke seeders\n      this._update()\n      this._updateWireInterest(wire)\n    })\n\n    // fast extension (BEP6)\n    wire.on('have-none', () => {\n      wire.isSeeder = false\n      this._update()\n      this._updateWireInterest(wire)\n    })\n\n    // fast extension (BEP6)\n    wire.on('allowed-fast', (index) => {\n      this._update()\n    })\n\n    wire.once('interested', () => {\n      wire.unchoke()\n    })\n\n    wire.once('close', () => {\n      clearTimeout(timeoutId)\n    })\n\n    wire.on('choke', () => {\n      clearTimeout(timeoutId)\n      timeoutId = setTimeout(onChokeTimeout, CHOKE_TIMEOUT)\n      if (timeoutId.unref) timeoutId.unref()\n    })\n\n    wire.on('unchoke', () => {\n      clearTimeout(timeoutId)\n      this._update()\n    })\n\n    wire.on('request', (index, offset, length, cb) => {\n      if (length > MAX_BLOCK_LENGTH) {\n        // Per spec, disconnect from peers that request >128KB\n        return wire.destroy()\n      }\n      if (this.pieces[index]) return\n      this.store.get(index, { offset, length }, cb)\n    })\n\n    // always send bitfield or equivalent fast extension message (required)\n    if (wire.hasFast && this._hasAllPieces()) wire.haveAll()\n    else if (wire.hasFast && this._hasNoPieces()) wire.haveNone()\n    else wire.bitfield(this.bitfield)\n\n    // initialize interest in case bitfield message was already received before above handler was registered\n    this._updateWireInterest(wire)\n\n    // Send PORT message to peers that support DHT\n    if (wire.peerExtensions.dht && this.client.dht && this.client.dht.listening) {\n      wire.port(this.client.dht.address().port)\n    }\n\n    if (wire.type !== 'webSeed') { // do not choke on webseeds\n      timeoutId = setTimeout(onChokeTimeout, CHOKE_TIMEOUT)\n      if (timeoutId.unref) timeoutId.unref()\n    }\n\n    wire.isSeeder = false\n    updateSeedStatus()\n  }\n\n  /**\n   * Called on selection changes.\n   */\n  _updateSelections () {\n    if (!this.ready || this.destroyed) return\n\n    queueMicrotask(() => {\n      this._gcSelections()\n    })\n    this._updateInterest()\n    this._update()\n  }\n\n  /**\n   * Garbage collect selections with respect to the store's current state.\n   */\n  _gcSelections () {\n    for (const s of this._selections) {\n      const oldOffset = s.offset\n\n      // check for newly downloaded pieces in selection\n      while (this.bitfield.get(s.from + s.offset) && s.from + s.offset < s.to) {\n        s.offset += 1\n      }\n\n      if (oldOffset !== s.offset) s.notify?.()\n      if (s.to !== s.from + s.offset) continue\n      if (!this.bitfield.get(s.from + s.offset)) continue\n\n      s.remove() // remove fully downloaded selection\n      s.notify?.()\n      this._updateInterest()\n    }\n\n    if (!this._selections.length) this.emit('idle')\n  }\n\n  /**\n   * Update interested status for all peers.\n   */\n  _updateInterest () {\n    const prev = this._amInterested\n    this._amInterested = !!this._selections.length\n\n    this.wires.forEach(wire => this._updateWireInterest(wire))\n\n    if (prev === this._amInterested) return\n    if (this._amInterested) this.emit('interested')\n    else this.emit('uninterested')\n  }\n\n  _updateWireInterest (wire) {\n    let interested = false\n    for (let index = 0; index < this.pieces.length; ++index) {\n      if (this.pieces[index] && wire.peerPieces.get(index)) {\n        interested = true\n        break\n      }\n    }\n\n    if (interested) wire.interested()\n    else wire.uninterested()\n  }\n\n  /**\n   * Heartbeat to update all peers and their requests.\n   */\n  _update () {\n    if (IDLE_CALLBACK) {\n      IDLE_CALLBACK(() => this._updateWireWrapper(), { timeout: 250 })\n    } else {\n      this._updateWireWrapper()\n    }\n  }\n\n  _updateWireWrapper () {\n    if (this.destroyed) return\n    // update wires in random order for better request distribution\n    const ite = randomIterate(this.wires)\n    let wire\n    while ((wire = ite())) {\n      this._updateWire(wire)\n    }\n  }\n\n  /**\n   * Attempts to update a peer's requests\n   */\n  _updateWire (wire) {\n    if (wire.destroyed) return false\n    // to allow function hoisting\n    const self = this\n\n    const minOutstandingRequests = getBlockPipelineLength(wire, PIPELINE_MIN_DURATION)\n    if (wire.requests.length >= minOutstandingRequests) return\n    const maxOutstandingRequests = getBlockPipelineLength(wire, PIPELINE_MAX_DURATION)\n\n    if (wire.peerChoking) {\n      if (wire.hasFast && wire.peerAllowedFastSet.length > 0 &&\n        !this._hasMorePieces(wire.peerAllowedFastSet.length - 1)) {\n        requestAllowedFastSet()\n      }\n      return\n    }\n\n    if (!wire.downloaded) return validateWire()\n\n    trySelectWire(false) || trySelectWire(true)\n\n    function requestAllowedFastSet () {\n      if (wire.requests.length >= maxOutstandingRequests) return false\n\n      for (const piece of wire.peerAllowedFastSet) {\n        if (wire.peerPieces.get(piece) && !self.bitfield.get(piece)) {\n          while (self._request(wire, piece, false) &&\n            wire.requests.length < maxOutstandingRequests) {\n            // body intentionally empty\n            // request all non-reserved blocks in this piece\n          }\n        }\n\n        if (wire.requests.length < maxOutstandingRequests) continue\n\n        return true\n      }\n\n      return false\n    }\n\n    function genPieceFilterFunc (start, end, tried, rank) {\n      return i => i >= start && i <= end && !(i in tried) && wire.peerPieces.get(i) && (!rank || rank(i))\n    }\n\n    // TODO: Do we need both validateWire and trySelectWire?\n    function validateWire () {\n      if (wire.requests.length) return\n\n      let i = self._selections.length\n      while (i--) {\n        const next = self._selections.get(i)\n        let piece\n        if (self.strategy === 'rarest') {\n          const start = next.from + next.offset\n          const end = next.to\n          const len = end - start + 1\n          const tried = {}\n          let tries = 0\n          const filter = genPieceFilterFunc(start, end, tried)\n\n          while (tries < len) {\n            piece = self._rarityMap.getRarestPiece(filter)\n            if (piece < 0) break\n            if (self._request(wire, piece, false)) return\n            tried[piece] = true\n            tries += 1\n          }\n        } else {\n          for (piece = next.to; piece >= next.from + next.offset; --piece) {\n            if (!wire.peerPieces.get(piece)) continue\n            if (self._request(wire, piece, false)) return\n          }\n        }\n      }\n\n      // TODO: wire failed to validate as useful; should we close it?\n      // probably not, since 'have' and 'bitfield' messages might be coming\n    }\n\n    function speedRanker () {\n      const speed = wire.downloadSpeed() || 1\n      if (speed > SPEED_THRESHOLD) return () => true\n\n      const secs = Math.max(1, wire.requests.length) * Piece.BLOCK_LENGTH / speed\n      let tries = 10\n      let ptr = 0\n\n      return index => {\n        if (!tries || self.bitfield.get(index)) return true\n\n        let missing = self.pieces[index].missing\n\n        for (; ptr < self.wires.length; ptr++) {\n          const otherWire = self.wires[ptr]\n          const otherSpeed = otherWire.downloadSpeed()\n\n          if (otherSpeed < SPEED_THRESHOLD) continue\n          if (otherSpeed <= speed) continue\n          if (!otherWire.peerPieces.get(index)) continue\n          if ((missing -= otherSpeed * secs) > 0) continue\n\n          tries--\n          return false\n        }\n\n        return true\n      }\n    }\n\n    function shufflePriority (i) {\n      let last = i\n      for (let j = i; j < self._selections.length && self._selections.get(j).priority; j++) {\n        last = j\n      }\n      self._selections.swap(i, last)\n    }\n\n    function trySelectWire (hotswap) {\n      if (wire.requests.length >= maxOutstandingRequests) return true\n      const rank = speedRanker()\n\n      for (let i = 0; i < self._selections.length; i++) {\n        const next = self._selections.get(i)\n\n        let piece\n        if (self.strategy === 'rarest') {\n          const start = next.from + next.offset\n          const end = next.to\n          const len = end - start + 1\n          const tried = {}\n          let tries = 0\n          const filter = genPieceFilterFunc(start, end, tried, rank)\n\n          while (tries < len) {\n            piece = self._rarityMap.getRarestPiece(filter)\n            if (piece < 0) break\n\n            while (self._request(wire, piece, self._critical[piece] || hotswap) &&\n              wire.requests.length < maxOutstandingRequests) {\n              // body intentionally empty\n              // request all non-reserved blocks in this piece\n            }\n\n            if (wire.requests.length < maxOutstandingRequests) {\n              tried[piece] = true\n              tries++\n              continue\n            }\n\n            if (next.priority) shufflePriority(i)\n            return true\n          }\n        } else {\n          for (piece = next.from + next.offset; piece <= next.to; piece++) {\n            if (!wire.peerPieces.get(piece) || !rank(piece)) continue\n\n            while (self._request(wire, piece, self._critical[piece] || hotswap) &&\n              wire.requests.length < maxOutstandingRequests) {\n              // body intentionally empty\n              // request all non-reserved blocks in piece\n            }\n\n            if (wire.requests.length < maxOutstandingRequests) continue\n\n            if (next.priority) shufflePriority(i)\n            return true\n          }\n        }\n      }\n\n      return false\n    }\n  }\n\n  /**\n   * Called periodically to update the choked status of all peers, handling optimistic\n   * unchoking as described in BEP3.\n   */\n  _rechoke () {\n    if (!this.ready) return\n\n    // wires in increasing order of quality (pop() gives next best peer)\n    const wireStack =\n      this.wires\n        .map(wire => ({ wire, random: Math.random() })) // insert a random seed for randomizing the sort\n        .sort((objA, objB) => {\n          const wireA = objA.wire\n          const wireB = objB.wire\n\n          // prefer peers that send us data faster\n          if (wireA.downloadSpeed() !== wireB.downloadSpeed()) {\n            return wireA.downloadSpeed() - wireB.downloadSpeed()\n          }\n\n          // then prefer peers that can download data from us faster\n          if (wireA.uploadSpeed() !== wireB.uploadSpeed()) {\n            return wireA.uploadSpeed() - wireB.uploadSpeed()\n          }\n\n          // then prefer already unchoked peers (to minimize fibrillation)\n          if (wireA.amChoking !== wireB.amChoking) {\n            return wireA.amChoking ? -1 : 1 // choking < unchoked\n          }\n\n          // otherwise random order\n          return objA.random - objB.random\n        })\n        .map(obj => obj.wire) // return array of wires (remove random seed)\n\n    if (this._rechokeOptimisticTime <= 0) {\n      // clear old optimistic peer, so it can be rechoked normally and then replaced\n      this._rechokeOptimisticWire = null\n    } else {\n      this._rechokeOptimisticTime -= 1\n    }\n\n    let numInterestedUnchoked = 0\n    // leave one rechoke slot open for optimistic unchoking\n    while (wireStack.length > 0 && numInterestedUnchoked < this._rechokeNumSlots - 1) {\n      const wire = wireStack.pop() // next best quality peer\n\n      if (wire.isSeeder || wire === this._rechokeOptimisticWire) {\n        continue\n      }\n\n      wire.unchoke()\n\n      // only stop unchoking once we fill the slots with interested peers that will actually download\n      if (wire.peerInterested) {\n        numInterestedUnchoked++\n      }\n    }\n\n    // fill optimistic unchoke slot if empty\n    if (this._rechokeOptimisticWire === null && this._rechokeNumSlots > 0) {\n      // don't optimistically unchoke uninterested peers\n      const remaining = wireStack.filter(wire => wire.peerInterested)\n\n      if (remaining.length > 0) {\n        // select random remaining (not yet unchoked) peer\n        const newOptimisticPeer = remaining[randomInt(remaining.length)]\n\n        newOptimisticPeer.unchoke()\n\n        this._rechokeOptimisticWire = newOptimisticPeer\n\n        this._rechokeOptimisticTime = RECHOKE_OPTIMISTIC_DURATION\n      }\n    }\n\n    // choke the rest\n    wireStack\n      .filter(wire => wire !== this._rechokeOptimisticWire) // except the optimistically unchoked peer\n      .forEach(wire => wire.choke())\n  }\n\n  /**\n   * Attempts to cancel a slow block request from another wire such that the\n   * given wire may effectively swap out the request for one of its own.\n   */\n  _hotswap (wire, index) {\n    const speed = wire.downloadSpeed()\n    if (speed < Piece.BLOCK_LENGTH) return false\n    if (!this._reservations[index]) return false\n\n    const r = this._reservations[index]\n    if (!r) {\n      return false\n    }\n\n    let minSpeed = Infinity\n    let minWire\n\n    let i\n    for (i = 0; i < r.length; i++) {\n      const otherWire = r[i]\n      if (!otherWire || otherWire === wire) continue\n\n      const otherSpeed = otherWire.downloadSpeed()\n      if (otherSpeed >= SPEED_THRESHOLD) continue\n      if (2 * otherSpeed > speed || otherSpeed > minSpeed) continue\n\n      minWire = otherWire\n      minSpeed = otherSpeed\n    }\n\n    if (!minWire) return false\n\n    for (i = 0; i < r.length; i++) {\n      if (r[i] === minWire) r[i] = null\n    }\n\n    for (i = 0; i < minWire.requests.length; i++) {\n      const req = minWire.requests[i]\n      if (req.piece !== index) continue\n\n      this.pieces[index].cancel((req.offset / Piece.BLOCK_LENGTH) | 0)\n    }\n\n    this.emit('hotswap', minWire, wire, index)\n    return true\n  }\n\n  /**\n   * Attempts to request a block from the given wire.\n   */\n  _request (wire, index, hotswap) {\n    const self = this\n    const numRequests = wire.requests.length\n    const isWebSeed = wire.type === 'webSeed'\n\n    if (self.bitfield.get(index)) return false\n\n    const maxOutstandingRequests = isWebSeed\n      ? Math.min(\n        getPiecePipelineLength(wire, PIPELINE_MAX_DURATION, self.pieceLength),\n        self.maxWebConns\n      )\n      : getBlockPipelineLength(wire, PIPELINE_MAX_DURATION)\n\n    if (numRequests >= maxOutstandingRequests) return false\n    // var endGame = (wire.requests.length === 0 && self.store.numMissing < 30)\n\n    const piece = self.pieces[index]\n    let reservation = isWebSeed ? piece.reserveRemaining() : piece.reserve()\n\n    if (reservation === -1 && hotswap && self._hotswap(wire, index)) {\n      reservation = isWebSeed ? piece.reserveRemaining() : piece.reserve()\n    }\n    if (reservation === -1) return false\n\n    let r = self._reservations[index]\n    if (!r) r = self._reservations[index] = []\n    let i = r.indexOf(null)\n    if (i === -1) i = r.length\n    r[i] = wire\n\n    const chunkOffset = piece.chunkOffset(reservation)\n    const chunkLength = isWebSeed ? piece.chunkLengthRemaining(reservation) : piece.chunkLength(reservation)\n\n    wire.request(index, chunkOffset, chunkLength, async function onChunk (err, chunk) {\n      if (self.destroyed) return\n\n      // TODO: what is this for?\n      if (!self.ready) return self.once('ready', () => { onChunk(err, chunk) })\n\n      if (r[i] === wire) r[i] = null\n\n      if (piece !== self.pieces[index]) return onUpdateTick()\n\n      if (err) {\n        self._debug(\n          'error getting piece %s (offset: %s length: %s) from %s: %s',\n          index, chunkOffset, chunkLength, `${wire.remoteAddress}:${wire.remotePort}`,\n          err.message\n        )\n        isWebSeed ? piece.cancelRemaining(reservation) : piece.cancel(reservation)\n        onUpdateTick()\n        return\n      }\n\n      self._debug(\n        'got piece %s (offset: %s length: %s) from %s',\n        index, chunkOffset, chunkLength, `${wire.remoteAddress}:${wire.remotePort}`\n      )\n\n      if (!piece.set(reservation, chunk, wire)) return onUpdateTick()\n\n      const buf = piece.flush()\n\n      // TODO: might need to set self.pieces[index] = null here since sha1 is async\n\n      const hex = await hash(buf, 'hex')\n      if (self.destroyed) return\n\n      if (hex === self._hashes[index]) {\n        self._debug('piece verified %s', index)\n\n        self.store.put(index, buf, err => {\n          if (err) {\n            self._destroy(err)\n            return\n          } else {\n            self.pieces[index] = null\n            self._markVerified(index)\n            self.wires.forEach(wire => {\n              wire.have(index)\n            })\n          }\n          // We also check `self.destroyed` since `torrent.destroy()` could have been\n          // called in the `torrent.on('done')` handler, triggered by `_checkDone()`.\n          if (self._checkDone() && !self.destroyed) self.discovery.complete()\n          onUpdateTick()\n        })\n      } else {\n        self.pieces[index] = new Piece(piece.length)\n        self.emit('warning', new Error(`Piece ${index} failed verification`))\n        onUpdateTick()\n      }\n    })\n\n    function onUpdateTick () {\n      queueMicrotask(() => { self._update() })\n    }\n\n    return true\n  }\n\n  _checkDone () {\n    if (this.destroyed) return\n\n    // are any new files done?\n    this.files.forEach(file => {\n      if (file.done) return\n      for (let i = file._startPiece; i <= file._endPiece; ++i) {\n        if (!this.bitfield.get(i)) return\n      }\n      file.done = true\n      file.emit('done')\n      this._debug(`file done: ${file.name}`)\n    })\n\n    // is the torrent done? (if all current selections are satisfied, or there are\n    // no selections, then torrent is done)\n    let done = true\n\n    for (const selection of this._selections) {\n      for (let piece = selection.from; piece <= selection.to; piece++) {\n        if (!this.bitfield.get(piece)) {\n          done = false\n          break\n        }\n      }\n      if (!done) break\n    }\n\n    if (!this.done && done) {\n      this.done = true\n      this._debug(`torrent done: ${this.infoHash}`)\n      this.emit('done')\n    } else {\n      this.done = false\n    }\n    this._gcSelections()\n\n    return done\n  }\n\n  async load (streams, cb) {\n    if (this.destroyed) throw new Error('torrent is destroyed')\n    if (!this.ready) return this.once('ready', () => { this.load(streams, cb) })\n\n    if (!Array.isArray(streams)) streams = [streams]\n    if (!cb) cb = noop\n\n    try {\n      await chunkStoreWrite(this.store, joinIterator(streams), { chunkLength: this.pieceLength })\n      this._markAllVerified()\n      this._checkDone()\n      cb(null)\n    } catch (err) {\n      cb(err)\n      return err\n    }\n  }\n\n  pause () {\n    if (this.destroyed) return\n    this._debug('pause')\n    this.paused = true\n  }\n\n  resume () {\n    if (this.destroyed) return\n    this._debug('resume')\n    this.paused = false\n    this._drain()\n  }\n\n  _debug () {\n    const args = [].slice.call(arguments)\n    args[0] = `[${this.client ? this.client._debugId : 'No Client'}] [${this._debugId}] ${args[0]}`\n    debug(...args)\n  }\n\n  /**\n   * Pop a peer off the FIFO queue and connect to it. When _drain() gets called,\n   * the queue will usually have only one peer in it, except when there are too\n   * many peers (over `this.maxConns`) in which case they will just sit in the\n   * queue until another connection closes.\n   */\n  _drain () {\n    this._debug('_drain numConns %s maxConns %s', this._numConns, this.client.maxConns)\n    if (typeof net.connect !== 'function' || this.destroyed || this.paused ||\n        this._numConns >= this.client.maxConns) {\n      return\n    }\n    this._debug('drain (%s queued, %s/%s peers)', this._numQueued, this.numPeers, this.client.maxConns)\n\n    const peer = this._queue.shift()\n    if (!peer) return // queue could be empty\n\n    this._debug('%s connect attempt to %s', peer.type, peer.addr)\n\n    const parts = addrToIPPort(peer.addr)\n    const opts = {\n      host: parts[0],\n      port: parts[1]\n    }\n\n    if (this.client.utp && peer.type === Peer.TYPE_UTP_OUTGOING) {\n      peer.conn = utp.connect(opts.port, opts.host)\n    } else {\n      peer.conn = net.connect(opts)\n    }\n\n    const conn = peer.conn\n\n    conn.once('connect', () => { if (!this.destroyed) peer.onConnect() })\n    conn.once('error', err => { peer.destroy(err) })\n    peer.startConnectTimeout()\n\n    // When connection closes, attempt reconnect after timeout (with exponential backoff)\n    conn.on('close', () => {\n      if (this.destroyed) return\n\n      if (peer.retries >= RECONNECT_WAIT.length) {\n        if (this.client.utp) {\n          const newPeer = this._addPeer(peer.addr, 'tcp', peer.source)\n          if (newPeer) newPeer.retries = 0\n        } else {\n          this._debug(\n            'conn %s closed: will not re-add (max %s attempts)',\n            peer.addr, RECONNECT_WAIT.length\n          )\n        }\n        return\n      }\n\n      const ms = RECONNECT_WAIT[peer.retries]\n      this._debug(\n        'conn %s closed: will re-add to queue in %sms (attempt %s)',\n        peer.addr, ms, peer.retries + 1\n      )\n\n      const reconnectTimeout = setTimeout(() => {\n        if (this.destroyed) return\n        const host = addrToIPPort(peer.addr)[0]\n        const type = (this.client.utp && this._isIPv4(host)) ? 'utp' : 'tcp'\n        const newPeer = this._addPeer(peer.addr, type, peer.source)\n        if (newPeer) newPeer.retries = peer.retries + 1\n      }, ms)\n      if (reconnectTimeout.unref) reconnectTimeout.unref()\n    })\n  }\n\n  /**\n   * Returns `true` if string is valid IPv4/6 address.\n   * @param {string} addr\n   * @return {boolean}\n   */\n  _validAddr (addr) {\n    let parts\n    try {\n      parts = addrToIPPort(addr)\n    } catch (e) {\n      return false\n    }\n    const host = parts[0]\n    const port = parts[1]\n    return port > 0 && port < 65535 &&\n      !(host === '127.0.0.1' && port === this.client.torrentPort)\n  }\n\n  /**\n   * Return `true` if string is a valid IPv4 address.\n   * @param {string} addr\n   * @return {boolean}\n   */\n  _isIPv4 (addr) {\n    const IPv4Pattern = /^((?:[0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])[.]){3}(?:[0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])$/\n    return IPv4Pattern.test(addr)\n  }\n}\n\nfunction getBlockPipelineLength (wire, duration) {\n  let length = 2 + Math.ceil(duration * wire.downloadSpeed() / Piece.BLOCK_LENGTH)\n\n  // Honor reqq (maximum number of outstanding request messages) if specified by peer\n  if (wire.peerExtendedHandshake) {\n    const reqq = wire.peerExtendedHandshake.reqq\n    if (typeof reqq === 'number' && reqq > 0) {\n      length = Math.min(length, reqq)\n    }\n  }\n\n  return length\n}\n\nfunction getPiecePipelineLength (wire, duration, pieceLength) {\n  return 1 + Math.ceil(duration * wire.downloadSpeed() / pieceLength)\n}\n\n/**\n * Returns a random integer in [0,high)\n */\nfunction randomInt (high) {\n  return Math.random() * high | 0\n}\n\nfunction noop () {}\n","import http from 'http'\nimport escapeHtml from 'escape-html'\nimport pump from 'pump'\nimport rangeParser from 'range-parser'\nimport queueMicrotask from 'queue-microtask'\nimport { Readable } from 'streamx'\n\nconst keepAliveTime = 20000\n\nclass ServerBase {\n  constructor (client, opts = {}) {\n    this.client = client\n    if (!opts.origin) opts.origin = '*' // allow all origins by default\n    this.opts = opts\n    this.pendingReady = new Set()\n  }\n\n  static serveIndexPage (res, torrents, pathname) {\n    const listHtml = torrents\n      .map(torrent => (\n      `<li>\n        <a href=\"${escapeHtml(pathname)}/${torrent.infoHash}\">\n          ${escapeHtml(torrent.name)}\n        </a>\n        (${escapeHtml(torrent.length)} bytes)\n      </li>`\n      ))\n      .join('<br>')\n\n    res.status = 200\n    res.headers['Content-Type'] = 'text/html'\n    res.body = getPageHTML(\n      'WebTorrent',\n      `<h1>WebTorrent</h1>\n       <ol>${listHtml}</ol>`\n    )\n\n    return res\n  }\n\n  isOriginAllowed (req) {\n    // When `origin` option is `false`, deny all cross-origin requests\n    if (this.opts.origin === false) return false\n\n    // The user allowed all origins\n    if (this.opts.origin === '*') return true\n\n    // Allow requests where the 'Origin' header matches the `opts.origin` setting\n    return req.headers.origin === this.opts.origin\n  }\n\n  static serveMethodNotAllowed (res) {\n    res.status = 405\n    res.headers['Content-Type'] = 'text/html'\n\n    res.body = getPageHTML(\n      '405 - Method Not Allowed',\n      '<h1>405 - Method Not Allowed</h1>'\n    )\n\n    return res\n  }\n\n  static serve404Page (res) {\n    res.status = 404\n    res.headers['Content-Type'] = 'text/html'\n\n    res.body = getPageHTML(\n      '404 - Not Found',\n      '<h1>404 - Not Found</h1>'\n    )\n    return res\n  }\n\n  static serveTorrentPage (torrent, res, pathname) {\n    const listHtml = torrent.files\n      .map(file => (\n      `<li>\n        <a href=\"${escapeHtml(pathname)}/${torrent.infoHash}/${escapeHtml(file.path)}\">\n          ${escapeHtml(file.path)}\n        </a>\n        (${escapeHtml(file.length)} bytes)\n      </li>`\n      ))\n      .join('<br>')\n\n    res.status = 200\n    res.headers['Content-Type'] = 'text/html'\n\n    res.body = getPageHTML(\n      `${escapeHtml(torrent.name)} - WebTorrent`,\n      `<h1>${escapeHtml(torrent.name)}</h1>\n      <ol>${listHtml}</ol>`\n    )\n\n    return res\n  }\n\n  static serveOptionsRequest (req, res) {\n    res.status = 204 // no content\n    res.headers['Access-Control-Max-Age'] = '600'\n    res.headers['Access-Control-Allow-Methods'] = 'GET,HEAD'\n\n    if (req.headers['access-control-request-headers']) {\n      res.headers['Access-Control-Allow-Headers'] = req.headers['access-control-request-headers']\n    }\n    return res\n  }\n\n  static serveFile (file, req, res) {\n    res.status = 200\n\n    // Disable caching as data is local anyways\n    res.headers.Expires = '0'\n    res.headers['Cache-Control'] = 'no-cache, no-store, must-revalidate, max-age=0'\n    // Support range-requests\n    res.headers['Accept-Ranges'] = 'bytes'\n    res.headers['Content-Type'] = file.type\n    // Support DLNA streaming\n    res.headers['transferMode.dlna.org'] = 'Streaming'\n    res.headers['contentFeatures.dlna.org'] = 'DLNA.ORG_OP=01;DLNA.ORG_CI=0;DLNA.ORG_FLAGS=01700000000000000000000000000000'\n\n    // Force the browser to download the file if if it's opened in a new tab\n    // Set name of file (for \"Save Page As...\" dialog)\n    if (req.destination === 'document') {\n      res.headers['Content-Type'] = 'application/octet-stream'\n      res.headers['Content-Disposition'] = `attachment; filename*=UTF-8''${encodeRFC5987(file.name)}`\n      res.body = 'DOWNLOAD'\n    } else {\n      res.headers['Content-Disposition'] = `inline; filename*=UTF-8''${encodeRFC5987(file.name)}`\n    }\n\n    // `rangeParser` returns an array of ranges, or an error code (number) if\n    // there was an error parsing the range.\n    let range = rangeParser(file.length, req.headers.range || '')\n\n    if (Array.isArray(range)) {\n      res.status = 206 // indicates that range-request was understood\n\n      // no support for multi-range request, just use the first range\n      range = range[0]\n\n      res.headers['Content-Range'] = `bytes ${range.start}-${range.end}/${file.length}`\n\n      res.headers['Content-Length'] = range.end - range.start + 1\n    } else {\n      res.statusCode = 200\n      range = null\n      res.headers['Content-Length'] = file.length\n    }\n\n    if (req.method === 'GET') {\n      const iterator = file[Symbol.asyncIterator](range)\n      let transform = null\n      file.emit('iterator', { iterator, req, file }, target => {\n        transform = target\n      })\n\n      const stream = Readable.from(transform || iterator)\n      let pipe = null\n      file.emit('stream', { stream, req, file }, target => {\n        pipe = pump(stream, target)\n      })\n\n      res.body = pipe || stream\n    } else {\n      res.body = false\n    }\n    return res\n  }\n\n  async onRequest (req, cb) {\n    let pathname = new URL(req.url, 'http://example.com').pathname\n    pathname = pathname.slice(pathname.indexOf(this.pathname) + this.pathname.length + 1)\n\n    const res = {\n      headers: {\n        // Prevent browser mime-type sniffing\n        'X-Content-Type-Options': 'nosniff',\n        // Defense-in-depth: Set a strict Content Security Policy to mitigate XSS\n        'Content-Security-Policy': \"base-uri 'none'; frame-ancestors 'none'; form-action 'none';\"\n      }\n    }\n\n    // Allow cross-origin requests (CORS)\n    if (this.isOriginAllowed(req)) {\n      res.headers['Access-Control-Allow-Origin'] = this.opts.origin === '*' ? '*' : req.headers.origin\n    }\n\n    if (pathname === 'favicon.ico') {\n      return cb(ServerBase.serve404Page(res))\n    }\n\n    // Allow CORS requests to specify arbitrary headers, e.g. 'Range',\n    // by responding to the OPTIONS preflight request with the specified\n    // origin and requested headers.\n    if (req.method === 'OPTIONS') {\n      if (this.isOriginAllowed(req)) return cb(ServerBase.serveOptionsRequest(req, res))\n      else return cb(ServerBase.serveMethodNotAllowed(res))\n    }\n\n    const onReady = async () => {\n      this.pendingReady.delete(onReady)\n      const res = await handleRequest()\n      cb(res)\n    }\n\n    const handleRequest = async () => {\n      if (pathname === '') {\n        return ServerBase.serveIndexPage(res, this.client.torrents, this.pathname)\n      }\n\n      let [infoHash, ...filePath] = pathname.split('/')\n      filePath = decodeURI(filePath.join('/'))\n\n      const torrent = await this.client.get(infoHash)\n      if (!infoHash || !torrent) {\n        return ServerBase.serve404Page(res)\n      }\n\n      if (!filePath) {\n        return ServerBase.serveTorrentPage(torrent, res, this.pathname)\n      }\n\n      const file = torrent.files.find(file => file.path.replace(/\\\\/g, '/') === filePath)\n      if (!file) {\n        return ServerBase.serve404Page(res)\n      }\n      return ServerBase.serveFile(file, req, res)\n    }\n\n    if (req.method === 'GET' || req.method === 'HEAD') {\n      if (this.client.ready) {\n        const res = await handleRequest()\n        return cb(res)\n      } else {\n        this.pendingReady.add(onReady)\n        this.client.once('ready', onReady)\n        return\n      }\n    }\n\n    return cb(ServerBase.serveMethodNotAllowed(res))\n  }\n\n  close (cb = () => {}) {\n    this.closed = true\n    this.pendingReady.forEach(onReady => {\n      this.client.removeListener('ready', onReady)\n    })\n    this.pendingReady.clear()\n    queueMicrotask(cb)\n  }\n\n  destroy (cb = () => {}) {\n    // Only call `server.close` if user has not called it already\n    if (this.closed) queueMicrotask(cb)\n    else this.close(cb)\n    this.client = null\n  }\n}\n\nclass NodeServer extends ServerBase {\n  constructor (client, opts) {\n    super(client, opts)\n\n    this.server = http.createServer()\n    this._listen = this.server.listen\n    this.server.listen = this.listen.bind(this)\n    this._close = this.server.close\n    this.server.close = this.close.bind(this)\n\n    this.sockets = new Set()\n    this.closed = false\n    this.pathname = opts?.pathname || '/webtorrent'\n  }\n\n  wrapRequest (req, res) {\n    // If a 'hostname' string is specified, deny requests with a 'Host'\n    // header that does not match the origin of the torrent server to prevent\n    // DNS rebinding attacks.\n    if (this.opts.hostname && req.headers.host !== `${this.opts.hostname}:${this.server.address().port}`) {\n      return req.destroy()\n    }\n\n    if (!new URL(req.url, 'http://example.com').pathname.startsWith(this.pathname)) {\n      return req.destroy()\n    }\n\n    this.onRequest(req, ({ status, headers, body }) => {\n      res.writeHead(status, headers)\n\n      if (!!body._readableState || !!body._writableState) { // this is probably a bad way of checking? idk\n        pump(body, res)\n      } else {\n        res.end(body)\n      }\n    })\n  }\n\n  onConnection (socket) {\n    socket.setTimeout(36000000)\n    this.sockets.add(socket)\n    socket.once('close', () => {\n      this.sockets.delete(socket)\n    })\n  }\n\n  address () {\n    return this.server.address()\n  }\n\n  listen (...args) {\n    this.closed = false\n    this.server.on('connection', this.onConnection.bind(this))\n    this.server.on('request', this.wrapRequest.bind(this))\n    return this._listen.apply(this.server, args)\n  }\n\n  close (cb = () => {}) {\n    this.server.removeAllListeners('connection')\n    this.server.removeAllListeners('request')\n    this.server.removeAllListeners('listening')\n    super.close()\n    this._close.call(this.server, cb)\n  }\n\n  destroy (cb) {\n    this.sockets.forEach(socket => {\n      socket.destroy()\n    })\n    super.destroy(cb)\n  }\n}\n\nclass BrowserServer extends ServerBase {\n  constructor (client, opts) {\n    super(client, opts)\n\n    this.registration = opts.controller\n    this.workerKeepAliveInterval = null\n    this.workerPortCount = 0\n\n    const scope = new URL(opts.controller.scope)\n    this.pathname = scope.pathname + 'webtorrent'\n    this._address = {\n      port: scope.port,\n      family: 'IPv4', // might be a bad idea?\n      address: scope.hostname\n    }\n\n    this.boundHandler = this.wrapRequest.bind(this)\n    navigator.serviceWorker.addEventListener('message', this.boundHandler)\n    // test if browser supports cancelling sw Readable Streams\n    fetch(`${this.pathname}/cancel/`).then(res => {\n      res.body.cancel()\n    })\n  }\n\n  wrapRequest (event) {\n    const req = event.data\n\n    if (!req?.type === 'webtorrent' || !req.url) return null\n\n    const [port] = event.ports\n    this.onRequest(req, ({ status, headers, body }) => {\n      const asyncIterator = body[Symbol.asyncIterator]?.()\n\n      const cleanup = () => {\n        port.onmessage = null\n        if (body?.destroy) body.destroy()\n        this.workerPortCount--\n        if (!this.workerPortCount) {\n          clearInterval(this.workerKeepAliveInterval)\n          this.workerKeepAliveInterval = null\n        }\n      }\n\n      port.onmessage = async msg => {\n        if (msg.data) {\n          let chunk\n          try {\n            chunk = (await asyncIterator.next()).value\n          } catch (e) {\n            // chunk is yet to be downloaded or it somehow failed, should this be logged?\n          }\n          port.postMessage(chunk)\n          if (!chunk) cleanup()\n          if (!this.workerKeepAliveInterval) {\n            this.workerKeepAliveInterval = setInterval(() => fetch(`${this.pathname}/keepalive/`), keepAliveTime)\n          }\n        } else {\n          cleanup()\n        }\n      }\n      this.workerPortCount++\n      port.postMessage({\n        status,\n        headers,\n        body: asyncIterator ? 'STREAM' : body\n      })\n    })\n  }\n\n  // for compatibility with node version\n  listen (_, cb) {\n    cb()\n  }\n\n  address () {\n    return this._address\n  }\n\n  close (cb) {\n    navigator.serviceWorker.removeEventListener('message', this.boundHandler)\n    super.close(cb)\n  }\n\n  destroy (cb) {\n    super.destroy(cb)\n  }\n}\n\n// NOTE: Arguments must already be HTML-escaped\nfunction getPageHTML (title, pageHtml) {\n  return `\n    <!DOCTYPE html>\n    <html lang=\"en\">\n      <head>\n        <meta charset=\"utf-8\">\n        <title>${title}</title>\n      </head>\n      <body>\n        ${pageHtml}\n      </body>\n    </html>\n  `\n}\n\n// From https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent\nfunction encodeRFC5987 (str) {\n  return encodeURIComponent(str)\n    // Note that although RFC3986 reserves \"!\", RFC5987 does not,\n    // so we do not need to escape it\n    .replace(/['()]/g, escape) // i.e., %27 %28 %29\n    .replace(/\\*/g, '%2A')\n    // The following are not required for percent-encoding per RFC5987,\n    // so we can allow for a little better readability over the wire: |`^\n    .replace(/%(?:7C|60|5E)/g, unescape)\n}\n\nexport { NodeServer, BrowserServer }\n","/*! webtorrent. MIT License. WebTorrent LLC <https://webtorrent.io/opensource> */\nimport EventEmitter from 'events'\nimport path from 'path'\nimport createTorrent, { parseInput } from 'create-torrent'\nimport debugFactory from 'debug'\nimport { Client as DHT } from 'bittorrent-dht' // browser exclude\nimport loadIPSet from 'load-ip-set' // browser exclude\nimport parallel from 'run-parallel'\nimport parseTorrent from 'parse-torrent'\nimport Peer from '@thaunknown/simple-peer/lite.js'\nimport queueMicrotask from 'queue-microtask'\nimport { hash, hex2arr, arr2hex, arr2base, text2arr, randomBytes, concat } from 'uint8-util'\nimport throughput from 'throughput'\nimport { ThrottleGroup } from 'speed-limiter'\nimport NatAPI from '@silentbot1/nat-api' // browser exclude\nimport ConnPool from './lib/conn-pool.js' // browser exclude\nimport Torrent from './lib/torrent.js'\nimport { NodeServer, BrowserServer } from './lib/server.js'\n\nimport VERSION from './version.cjs'\n\nconst debug = debugFactory('webtorrent')\n\n/**\n * Version number in Azureus-style. Generated from major and minor semver version.\n * For example:\n *   '0.16.1' -> '0016'\n *   '1.2.5' -> '0102'\n */\nconst VERSION_STR = VERSION\n  .replace(/\\d*./g, v => `0${v % 100}`.slice(-2))\n  .slice(0, 4)\n\n/**\n * Version prefix string (used in peer ID). WebTorrent uses the Azureus-style\n * encoding: '-', two characters for client id ('WW'), four ascii digits for version\n * number, '-', followed by random numbers.\n * For example:\n *   '-WW0102-'...\n */\nconst VERSION_PREFIX = `-WW${VERSION_STR}-`\n\n/**\n * WebTorrent Client\n * @param {Object=} opts\n */\nexport default class WebTorrent extends EventEmitter {\n  constructor (opts = {}) {\n    super()\n\n    if (typeof opts.peerId === 'string') {\n      this.peerId = opts.peerId\n    } else if (ArrayBuffer.isView(opts.peerId)) {\n      this.peerId = arr2hex(opts.peerId)\n    } else {\n      this.peerId = arr2hex(text2arr(VERSION_PREFIX + arr2base(randomBytes(9))))\n    }\n    this.peerIdBuffer = hex2arr(this.peerId)\n\n    if (typeof opts.nodeId === 'string') {\n      this.nodeId = opts.nodeId\n    } else if (ArrayBuffer.isView(opts.nodeId)) {\n      this.nodeId = arr2hex(opts.nodeId)\n    } else {\n      this.nodeId = arr2hex(randomBytes(20))\n    }\n    this.nodeIdBuffer = hex2arr(this.nodeId)\n\n    this._debugId = this.peerId.substring(0, 7)\n\n    this.destroyed = false\n    this.listening = false\n    this.torrentPort = opts.torrentPort || 0\n    this.dhtPort = opts.dhtPort || 0\n    this.tracker = opts.tracker !== undefined ? opts.tracker : {}\n    this.lsd = opts.lsd !== false\n    this.utPex = opts.utPex !== false\n    this.natUpnp = opts.natUpnp ?? true\n    this.natPmp = opts.natPmp ?? true\n    this.torrents = []\n    this.maxConns = Number(opts.maxConns) || 55\n    this.utp = WebTorrent.UTP_SUPPORT && opts.utp !== false\n    this.seedOutgoingConnections = opts.seedOutgoingConnections ?? true\n\n    this._downloadLimit = Math.max((typeof opts.downloadLimit === 'number') ? opts.downloadLimit : -1, -1)\n    this._uploadLimit = Math.max((typeof opts.uploadLimit === 'number') ? opts.uploadLimit : -1, -1)\n\n    if ((this.natUpnp || this.natPmp) && typeof NatAPI === 'function') {\n      this.natTraversal = new NatAPI({\n        enableUPNP: this.natUpnp,\n        enablePMP: this.natPmp,\n        upnpPermanentFallback: opts.natUpnp === 'permanent'\n      })\n    }\n\n    if (opts.secure === true) {\n      import('./lib/peer.js').then(({ enableSecure }) => enableSecure())\n    }\n\n    this._debug(\n      'new webtorrent (peerId %s, nodeId %s, port %s)',\n      this.peerId, this.nodeId, this.torrentPort\n    )\n\n    this.throttleGroups = {\n      down: new ThrottleGroup({ rate: Math.max(this._downloadLimit, 0), enabled: this._downloadLimit >= 0 }),\n      up: new ThrottleGroup({ rate: Math.max(this._uploadLimit, 0), enabled: this._uploadLimit >= 0 })\n    }\n\n    if (this.tracker) {\n      if (typeof this.tracker !== 'object') this.tracker = {}\n      if (globalThis.WRTC && !this.tracker.wrtc) this.tracker.wrtc = globalThis.WRTC\n    }\n\n    if (typeof ConnPool === 'function') {\n      this._connPool = new ConnPool(this)\n    } else {\n      queueMicrotask(() => {\n        this._onListening()\n      })\n    }\n\n    // stats\n    this._downloadSpeed = throughput()\n    this._uploadSpeed = throughput()\n\n    if (opts.dht !== false && typeof DHT === 'function' /* browser exclude */) {\n      // use a single DHT instance for all torrents, so the routing table can be reused\n      this.dht = new DHT(Object.assign({}, { nodeId: this.nodeId }, opts.dht))\n\n      this.dht.once('error', err => {\n        this._destroy(err)\n      })\n\n      this.dht.once('listening', () => {\n        const address = this.dht.address()\n        if (address) {\n          this.dhtPort = address.port\n          if (this.natTraversal) {\n            this.natTraversal.map({\n              publicPort: this.dhtPort,\n              privatePort: this.dhtPort,\n              protocol: 'udp',\n              description: 'WebTorrent DHT'\n            }).catch(err => {\n              debug('error mapping DHT port via UPnP/PMP: %o', err)\n            })\n          }\n        }\n      })\n\n      // Ignore warning when there are > 10 torrents in the client\n      this.dht.setMaxListeners(0)\n\n      this.dht.listen(this.dhtPort)\n    } else {\n      this.dht = false\n    }\n\n    // Enable or disable BEP19 (Web Seeds). Enabled by default:\n    this.enableWebSeeds = opts.webSeeds !== false\n\n    const ready = () => {\n      if (this.destroyed) return\n      this.ready = true\n      this.emit('ready')\n    }\n\n    if (typeof loadIPSet === 'function' && opts.blocklist != null) {\n      loadIPSet(opts.blocklist, {\n        headers: {\n          'user-agent': `WebTorrent/${VERSION} (https://webtorrent.io)`\n        }\n      }, (err, ipSet) => {\n        if (err) return console.error(`Failed to load blocklist: ${err.message}`)\n        this.blocked = ipSet\n        ready()\n      })\n    } else {\n      queueMicrotask(ready)\n    }\n  }\n\n  /**\n   * Creates an http server to serve the contents of this torrent,\n   * dynamically fetching the needed torrent pieces to satisfy http requests.\n   * Range requests are supported.\n   *\n   * @param {Object} options\n   * @param {String} force\n   * @return {BrowserServer||NodeServer}\n   */\n  createServer (options, force) {\n    if (this.destroyed) throw new Error('torrent is destroyed')\n    if (this._server) throw new Error('server already created')\n    if ((typeof window === 'undefined' || force === 'node') && force !== 'browser') {\n      // node implementation\n      this._server = new NodeServer(this, options)\n      return this._server\n    } else {\n      // browser implementation\n      if (!(options?.controller instanceof ServiceWorkerRegistration)) throw new Error('Invalid worker registration')\n      if (options.controller.active.state !== 'activated') throw new Error('Worker isn\\'t activated')\n      this._server = new BrowserServer(this, options)\n      return this._server\n    }\n  }\n\n  get downloadSpeed () { return this._downloadSpeed() }\n\n  get uploadSpeed () { return this._uploadSpeed() }\n\n  get progress () {\n    const torrents = this.torrents.filter(torrent => torrent.progress !== 1)\n    const downloaded = torrents.reduce((total, torrent) => total + torrent.downloaded, 0)\n    const length = torrents.reduce((total, torrent) => total + (torrent.length || 0), 0) || 1\n    return downloaded / length\n  }\n\n  get ratio () {\n    const uploaded = this.torrents.reduce((total, torrent) => total + torrent.uploaded, 0)\n    const received = this.torrents.reduce((total, torrent) => total + torrent.received, 0) || 1\n    return uploaded / received\n  }\n\n  /**\n   * Returns the torrent with the given `torrentId`. Convenience method. Easier than\n   * searching through the `client.torrents` array. Returns `null` if no matching torrent\n   * found.\n   *\n   * @param  {string|Buffer|Object|Torrent} torrentId\n   * @return {Promise<Torrent|null>}\n   */\n  async get (torrentId) {\n    if (torrentId instanceof Torrent) {\n      if (this.torrents.includes(torrentId)) return torrentId\n    } else {\n      const torrents = this.torrents\n      let parsed\n      try { parsed = await parseTorrent(torrentId) } catch (err) {}\n      if (!parsed) return null\n      if (!parsed.infoHash) throw new Error('Invalid torrent identifier')\n\n      for (const torrent of torrents) {\n        if (torrent.infoHash === parsed.infoHash) return torrent\n      }\n    }\n    return null\n  }\n\n  /**\n   * Start downloading a new torrent. Aliased as `client.download`.\n   * @param {string|Buffer|Object} torrentId\n   * @param {Object} opts torrent-specific options\n   * @param {function=} ontorrent called when the torrent is ready (has metadata)\n   */\n  add (torrentId, opts = {}, ontorrent = () => {}) {\n    if (this.destroyed) throw new Error('client is destroyed')\n    if (typeof opts === 'function') [opts, ontorrent] = [{}, opts]\n\n    const onInfoHash = () => {\n      if (this.destroyed) return\n      for (const t of this.torrents) {\n        if (t.infoHash === torrent.infoHash && t !== torrent) {\n          torrent._destroy(new Error(`Cannot add duplicate torrent ${torrent.infoHash}`))\n          ontorrent(t)\n          return\n        }\n      }\n    }\n\n    const onReady = () => {\n      if (this.destroyed) return\n      ontorrent(torrent)\n      this.emit('torrent', torrent)\n    }\n\n    function onClose () {\n      torrent.removeListener('_infoHash', onInfoHash)\n      torrent.removeListener('ready', onReady)\n      torrent.removeListener('close', onClose)\n    }\n\n    this._debug('add')\n    opts = opts ? Object.assign({}, opts) : {}\n\n    const torrent = new Torrent(torrentId, this, opts)\n    this.torrents.push(torrent)\n\n    torrent.once('_infoHash', onInfoHash)\n    torrent.once('ready', onReady)\n    torrent.once('close', onClose)\n\n    this.emit('add', torrent)\n    return torrent\n  }\n\n  /**\n   * Start seeding a new file/folder.\n   * @param  {string|File|FileList|Buffer|Array.<string|File|Buffer>} input\n   * @param  {Object=} opts\n   * @param  {function=} onseed called when torrent is seeding\n   */\n  seed (input, opts, onseed) {\n    if (this.destroyed) throw new Error('client is destroyed')\n    if (typeof opts === 'function') [opts, onseed] = [{}, opts]\n\n    this._debug('seed')\n    opts = opts ? Object.assign({}, opts) : {}\n\n    // no need to verify the hashes we create\n    opts.skipVerify = true\n\n    const isFilePath = typeof input === 'string'\n\n    // When seeding from fs path, initialize store from that path to avoid a copy\n    if (isFilePath) opts.path = path.dirname(input)\n    if (!opts.createdBy) opts.createdBy = `WebTorrent/${VERSION_STR}`\n\n    const onTorrent = torrent => {\n      const tasks = [\n        cb => {\n          // when a filesystem path is specified or the store is preloaded, files are already in the FS store\n          if (isFilePath || opts.preloadedStore) return cb()\n          torrent.load(streams, cb)\n        }\n      ]\n      if (this.dht) {\n        tasks.push(cb => {\n          torrent.once('dhtAnnounce', cb)\n        })\n      }\n      parallel(tasks, err => {\n        if (this.destroyed) return\n        if (err) return torrent._destroy(err)\n        _onseed(torrent)\n      })\n    }\n\n    const _onseed = torrent => {\n      this._debug('on seed')\n      if (typeof onseed === 'function') onseed(torrent)\n      torrent.emit('seed')\n      this.emit('seed', torrent)\n    }\n\n    const torrent = this.add(null, opts, onTorrent)\n    let streams\n\n    if (isFileList(input)) input = Array.from(input)\n    else if (!Array.isArray(input)) input = [input]\n\n    parallel(input.map(item => async cb => {\n      if (!opts.preloadedStore && isReadable(item)) {\n        const chunks = []\n        try {\n          for await (const chunk of item) {\n            chunks.push(chunk)\n          }\n        } catch (err) {\n          return cb(err)\n        }\n        const buf = concat(chunks)\n        buf.name = item.name\n        cb(null, buf)\n      } else {\n        cb(null, item)\n      }\n    }), (err, input) => {\n      if (this.destroyed) return\n      if (err) return torrent._destroy(err)\n\n      parseInput(input, opts, (err, files) => {\n        if (this.destroyed) return\n        if (err) return torrent._destroy(err)\n\n        streams = files.map(file => file.getStream)\n\n        createTorrent(input, opts, async (err, torrentBuf) => {\n          if (this.destroyed) return\n          if (err) return torrent._destroy(err)\n\n          const existingTorrent = await this.get(torrentBuf)\n          if (existingTorrent) {\n            console.warn('A torrent with the same id is already being seeded')\n            torrent._destroy()\n            if (typeof onseed === 'function') onseed(existingTorrent)\n          } else {\n            torrent._onTorrentId(torrentBuf)\n          }\n        })\n      })\n    })\n\n    return torrent\n  }\n\n  /**\n   * Remove a torrent from the client.\n   * @param  {string|Buffer|Torrent}   torrentId\n   * @param  {function} cb\n   */\n  async remove (torrentId, opts, cb) {\n    if (typeof opts === 'function') return this.remove(torrentId, null, opts)\n\n    this._debug('remove')\n    const torrent = await this.get(torrentId)\n    if (!torrent) throw new Error(`No torrent with id ${torrentId}`)\n    this._remove(torrent, opts, cb)\n  }\n\n  _remove (torrent, opts, cb) {\n    if (!torrent) return\n    if (typeof opts === 'function') return this._remove(torrent, null, opts)\n    const index = this.torrents.indexOf(torrent)\n    if (index === -1) return\n    this.torrents.splice(index, 1)\n    torrent.destroy(opts, cb)\n    if (this.dht) {\n      this.dht._tables.remove(torrent.infoHash)\n    }\n    this.emit('remove', torrent)\n  }\n\n  address () {\n    if (!this.listening) return null\n    return this._connPool\n      ? this._connPool.tcpServer.address()\n      : { address: '0.0.0.0', family: 'IPv4', port: 0 }\n  }\n\n  /**\n   * Set global download throttle rate.\n   * @param  {Number} rate (must be bigger or equal than zero, or -1 to disable throttling)\n   */\n  throttleDownload (rate) {\n    rate = Number(rate)\n    if (isNaN(rate) || !isFinite(rate) || rate < -1) return false\n    this._downloadLimit = rate\n    if (this._downloadLimit < 0) return this.throttleGroups.down.setEnabled(false)\n    this.throttleGroups.down.setEnabled(true)\n    this.throttleGroups.down.setRate(this._downloadLimit)\n  }\n\n  /**\n   * Set global upload throttle rate\n   * @param  {Number} rate (must be bigger or equal than zero, or -1 to disable throttling)\n   */\n  throttleUpload (rate) {\n    rate = Number(rate)\n    if (isNaN(rate) || !isFinite(rate) || rate < -1) return false\n    this._uploadLimit = rate\n    if (this._uploadLimit < 0) return this.throttleGroups.up.setEnabled(false)\n    this.throttleGroups.up.setEnabled(true)\n    this.throttleGroups.up.setRate(this._uploadLimit)\n  }\n\n  /**\n   * Destroy the client, including all torrents and connections to peers.\n   * @param  {function} cb\n   */\n  destroy (cb) {\n    if (this.destroyed) throw new Error('client already destroyed')\n    this._destroy(null, cb)\n  }\n\n  _destroy (err, cb) {\n    this._debug('client destroy')\n    this.destroyed = true\n\n    const tasks = this.torrents.map(torrent => cb => {\n      torrent.destroy(cb)\n    })\n\n    if (this._connPool) {\n      tasks.push(cb => {\n        this._connPool.destroy(cb)\n      })\n    }\n\n    if (this.dht) {\n      tasks.push(cb => {\n        this.dht.destroy(cb)\n      })\n    }\n\n    if (this._server) {\n      tasks.push(cb => {\n        this._server.destroy(cb)\n      })\n    }\n\n    if (this.natTraversal) {\n      tasks.push(cb => {\n        this.natTraversal.destroy()\n          .then(() => cb())\n      })\n    }\n\n    parallel(tasks, cb)\n\n    if (err) this.emit('error', err)\n\n    this.torrents = []\n    this._connPool = null\n    this.dht = null\n\n    this.throttleGroups.down.destroy()\n    this.throttleGroups.up.destroy()\n  }\n\n  _onListening () {\n    this._debug('listening')\n    this.listening = true\n\n    if (this._connPool) {\n      // Sometimes server.address() returns `null` in Docker.\n      const address = this._connPool.tcpServer.address()\n      if (address) {\n        this.torrentPort = address.port\n        if (this.natTraversal) {\n          this.natTraversal.map({\n            publicPort: this.torrentPort,\n            privatePort: this.torrentPort,\n            protocol: this.utp ? null : 'tcp',\n            description: 'WebTorrent Torrent'\n          }).catch(err => {\n            debug('error mapping WebTorrent port via UPnP/PMP: %o', err)\n          })\n        }\n      }\n    }\n\n    this.emit('listening')\n  }\n\n  _debug () {\n    const args = [].slice.call(arguments)\n    args[0] = `[${this._debugId}] ${args[0]}`\n    debug(...args)\n  }\n\n  async _getByHash (infoHashHash) {\n    for (const torrent of this.torrents) {\n      if (!torrent.infoHashHash) {\n        torrent.infoHashHash = await hash(hex2arr('72657132' /* 'req2' */ + torrent.infoHash), 'hex')\n      }\n      if (infoHashHash === torrent.infoHashHash) {\n        return torrent\n      }\n    }\n\n    return null\n  }\n}\n\nWebTorrent.WEBRTC_SUPPORT = Peer.WEBRTC_SUPPORT\nWebTorrent.UTP_SUPPORT = ConnPool.UTP_SUPPORT\nWebTorrent.VERSION = VERSION\n\n/**\n * Check if `obj` is a node Readable stream\n * @param  {*} obj\n * @return {boolean}\n */\nfunction isReadable (obj) {\n  return typeof obj === 'object' && obj != null && typeof obj.pipe === 'function'\n}\n\n/**\n * Check if `obj` is a W3C `FileList` object\n * @param  {*} obj\n * @return {boolean}\n */\nfunction isFileList (obj) {\n  return typeof FileList !== 'undefined' && obj instanceof FileList\n}\n","import { assertPath } from './util.js'\r\n\r\nexport default function dirname (path) {\r\n  assertPath(path)\r\n  if (path.length === 0) return '.'\r\n  let code = path.charCodeAt(0)\r\n  const hasRoot = code === 47\r\n  let end = -1\r\n  let matchedSlash = true\r\n  for (let i = path.length - 1; i >= 1; --i) {\r\n    code = path.charCodeAt(i)\r\n    if (code === 47) {\r\n      if (!matchedSlash) {\r\n        end = i\r\n        break\r\n      }\r\n    } else {\r\n      // We saw the first non-path separator\r\n      matchedSlash = false\r\n    }\r\n  }\r\n\r\n  if (end === -1) return hasRoot ? '/' : '.'\r\n  if (hasRoot && end === 1) return '//'\r\n  return path.slice(0, end)\r\n}\r\n"],"names":["leafPrototypes","getProto","concat","chunks","size","join","Uint8Array","b","offset","i","l","length","chunk","set","byteLength","module","exports","async","iterator","opts","nopad","zeroPadding","buffered","bufferedBytes","value","push","slice","LRU","queueMicrotask","constructor","store","this","chunkLength","inProgressGets","Map","get","put","Error","cache","index","buf","cb","remove","len","waiters","getAlreadyStarted","err","inProgressEntry","delete","slicedBuf","close","destroy","num","navigator","hardwareConcurrency","cpus","model","speed","times","user","nice","sys","idle","irq","formatArgs","args","useColors","namespace","humanize","diff","c","color","splice","lastC","replace","match","save","namespaces","storage","setItem","removeItem","error","load","r","getItem","process","env","DEBUG","window","type","__nwjs","userAgent","toLowerCase","m","document","documentElement","style","WebkitAppearance","console","firebug","exception","table","parseInt","localStorage","localstorage","warned","warn","colors","log","debug","formatters","j","v","JSON","stringify","message","createDebug","prevTime","namespacesCache","enabledCache","enableOverride","enabled","self","curr","Number","Date","ms","prev","coerce","unshift","format","formatter","val","call","apply","selectColor","extend","Object","defineProperty","enumerable","configurable","init","delimiter","newDebug","matchesTemplate","search","template","searchIndex","templateIndex","starIndex","matchIndex","default","stack","disable","names","skips","map","enable","split","trim","filter","Boolean","ns","name","skip","keys","forEach","key","hash","charCodeAt","Math","abs","once","noop","eos","stream","callback","ws","_writableState","rs","_readableState","readable","writable","cancelled","onlegacyfinish","onfinish","onend","onexit","exitCode","onerror","onclose","nextTick","onclosenexttick","ended","destroyed","onrequest","req","on","setHeader","abort","isRequest","stdio","Array","isArray","isChildProcess","removeListener","assign","obj","props","code","TypeError","_","ErrClass","prototype","create","getPrototypeOf","matchHtmlRegExp","string","escape","str","exec","html","lastIndex","substring","objectCreate","proto","F","objectKeys","k","hasOwnProperty","bind","Function","context","fn","arguments","EventEmitter","_events","_eventsCount","_maxListeners","undefined","hasDefineProperty","defaultMaxListeners","o","x","$getMaxListeners","that","_addListener","target","listener","prepend","events","existing","newListener","emit","w","String","emitter","count","onceWrapper","fired","wrapFn","_onceWrap","state","wrapped","_listeners","unwrap","evlistener","arr","ret","unwrapListeners","arrayClone","listenerCount","n","copy","arg","setMaxListeners","isNaN","getMaxListeners","er","handler","doError","isFn","listeners","emitNone","arg1","emitOne","arg2","emitTwo","arg3","emitThree","emitMany","addListener","prependListener","prependOnceListener","list","position","originalListener","shift","pop","spliceOne","removeAllListeners","rawListeners","eventNames","Reflect","ownKeys","hwm","buffer","mask","top","btm","next","clear","fill","data","last","peek","isEmpty","FixedFIFO","head","tail","ReadableStream","Symbol","asyncIterator","preventCancel","reader","getReader","read","temp","releaseLock","cancel","done","return","getIterator","mem","ctor","superCtor","super_","TempCtor","iterators","RateLimiter","TokenBucket","hrtime","seconds","nanoseconds","floor","getTime","getMilliseconds","tokensPerInterval","interval","fireImmediately","tokenBucket","content","curIntervalStart","tokensThisInterval","removeTokens","bucketSize","now","waitInterval","ceil","setTimeout","afterTokensRemoved","tokensRemaining","tryRemoveTokens","removed","getTokensRemaining","drip","parentBucket","lastDrip","comeBackLater","remainingTokens","min","POSITIVE_INFINITY","deltaMS","max","dripAmount","inherits","maxAge","element","_unlink","_checkAge","modified","evict","Storage","closed","Infinity","lastChunkLength","lastChunkIndex","isLastChunk","notFound","Mime","_types","_extensions","define","getType","getExtension","typeMap","force","extensions","t","ext","substr","path","hasPath","test","RegExp","$1","s","h","d","y","plural","msAbs","isPlural","round","options","parseFloat","parse","isFinite","long","fmtLong","fmtShort","wrappy","f","called","onceStrict","onceError","strict","bytes","log2","fs","e","ancient","version","destroyer","reading","writing","ReadStream","WriteStream","isFS","pipe","from","to","streams","destroys","reduce","promise","Promise","resolve","then","catch","random","el","tmp","mapWithIndex","range","start","end","mapWithoutIndex","sortByRangeIndex","a","sortByRangeStart","indexOf","ranges","combine","ordered","sort","current","combined","combineRanges","isInteger","createRC4","N","seed","every","keylen","identityPermutation","RC4","randomNative","randomUInt32","randomByte","randomFloat","currentState","setState","RC4small","ordA","ord0","toHex","fromCharCode","fromHex","currentStateString","setStateString","stateString","tasks","limit","results","pending","isErrored","isSync","each","result","some","task","Throttle","ThrottleGroup","throttles","setEnabled","setRate","rate","chunksize","getEnabled","_enabled","getRate","bucket","getChunksize","throttle","setChunksize","group","_addThrottle","_removeThrottle","Transform","wait","super","params","_setEnabled","_group","_emitter","_destroyed","getGroup","_transform","_processChunk","_waitForTokens","amount","reject","isDone","_areBothEnabled","pos","time","STREAM_DESTROYED","PREMATURE_CLOSE","queueTick","FIFO","TextDecoder","MAX","NOT_OPENING","NOT_PREDESTROYING","READ_PRIMARY","READ_QUEUED","READ_RESUMED","READ_ENDING","READ_EMIT_DATA","READ_EMIT_READABLE","READ_EMITTED_READABLE","READ_DONE","READ_NEXT_TICK","READ_READ_AHEAD","READ_RESUMED_READ_AHEAD","READ_NOT_ACTIVE","READ_PUSHED","READ_PIPE_NOT_DRAINED","READ_NOT_NEXT_TICK","READ_NOT_UPDATING","READ_NO_READ_AHEAD","WRITE_ACTIVE","WRITE_UPDATING","WRITE_PRIMARY","WRITE_QUEUED","WRITE_UNDRAINED","WRITE_DONE","WRITE_EMIT_DRAIN","WRITE_NEXT_TICK","WRITE_WRITING","WRITE_FINISHING","WRITE_CORKED","WRITE_NON_PRIMARY","WRITE_NOT_NEXT_TICK","WRITE_NOT_CORKED","ACTIVE","READ_ACTIVE","NOT_ACTIVE","DONE","DESTROY_STATUS","DESTROYING","OPEN_STATUS","AUTO_DESTROY","ACTIVE_OR_TICKING","IS_OPENING","WRITE_QUEUED_AND_ACTIVE","WRITE_STATUS","WritableState","highWaterMark","mapWritable","byteLengthWritable","queue","pipeline","drains","defaultByteLength","afterWrite","afterUpdateNextTick","updateWriteNT","_duplexState","autoBatch","_writev","update","_write","updateNonPrimary","continueUpdate","_final","afterFinal","_open","afterOpen","_destroy","afterDestroy","updateCallback","updateNextTick","ReadableState","mapReadable","byteLengthReadable","readAhead","pipeTo","afterRead","updateReadNT","Pipeline","isStreamx","finished","afterDrain","write","drain","_read","READ_UPDATING","TransformState","afterTransform","src","dst","afterPipe","pipeToFinished","writes","tickDrains","Stream","open","predestroy","_predestroy","signal","addEventListener","destroying","Readable","OPENING","eagerOpen","encoding","setEncoding","dec","echo","remaining","dest","resume","pause","_fromAsyncIterator","ite","isBackpressured","isPaused","promiseResolve","promiseReject","ondata","throw","Writable","writev","final","cork","uncork","batch","drained","Duplex","_transformState","transform","flush","_flush","transformAfterFlush","all","errorHandle","fin","autoDestroy","rd","wr","isStream","isTypedArray","pipelinePromise","isEnded","isFinished","getStreamError","PassThrough","PassThroughDecoder","UTF8Decoder","normalizeEncoding","decoder","decode","getTick","pointer","delta","tick","dist","wrapper","TYPE_TCP_INCOMING","TYPE_TCP_OUTGOING","TYPE_UTP_INCOMING","TYPE_UTP_OUTGOING","TYPE_WEBSEED","secure","enableSecure","Peer","id","addr","conn","swarm","wire","source","connected","timeout","retries","sentPe1","sentPe2","sentPe3","sentPe4","sentHandshake","onConnect","clearTimeout","connectTimeout","onPe1","onPe2","onPe3","onPe4","infoHash","peerId","onHandshake","startHandshakeTimeout","setThrottlePipes","sendPe1","handshake","sendPe2","sendPe3","infoHashHash","sendPe4","clearPipes","unpipe","throttleGroups","down","up","handshakeTimeout","remoteAddress","remotePort","_onWire","dht","private","client","fast","startConnectTimeout","connectTimeoutValues","webrtc","tcpOutgoing","utpOutgoing","unref","wires","removePeer","TYPE_WEBRTC","SOURCE_MANUAL","SOURCE_TRACKER","SOURCE_DHT","SOURCE_LSD","SOURCE_UT_PEX","createWebRTCPeer","peer","cleanup","onError","createTCPIncomingPeer","_createIncomingPeer","createUTPIncomingPeer","createTCPOutgoingPeer","_createOutgoingPeer","createUTPOutgoingPeer","createWebSeedPeer","digitCount","sign","log10","ArrayBuffer","isView","Set","encode","buffers","_encode","_floatConversionDetected","dict","dictMap","listSet","number","byteOffset","buffE","buffD","buffL","BigInt","maxLo","trace","kl","item","getIntFromBuffer","sum","dictionary","integer","find","chr","toString","includes","lst","sep","encodingLength","arrayBufferLength","stringLength","listLength","keyLength","objectLength","mapLength","bitsToBytes","numberOfBits","BitField","grow","bitIndex","byteIndex","newLength","newBuffer","setAll","array","targetLength","bitMask","callbackfn","MESSAGE_PROTOCOL","MESSAGE_KEEP_ALIVE","MESSAGE_CHOKE","MESSAGE_UNCHOKE","MESSAGE_INTERESTED","MESSAGE_UNINTERESTED","MESSAGE_RESERVED","MESSAGE_PORT","MESSAGE_HAVE_ALL","MESSAGE_HAVE_NONE","VC","CRYPTO_PROVIDE","CRYPTO_SELECT","xor","Request","piece","HaveAllBitField","Wire","peEnabled","_debugId","_debug","peerIdBuffer","amChoking","amInterested","peerChoking","peerInterested","peerPieces","peerExtensions","requests","peerRequests","extendedMapping","peerExtendedMapping","extendedHandshake","peerExtendedHandshake","hasFast","allowedFastSet","peerAllowedFastSet","_ext","_nextExt","uploaded","downloaded","uploadSpeed","downloadSpeed","_keepAliveInterval","_timeout","_timeoutMs","_timeoutExpiresAt","_finished","_parserSize","_parser","_buffer","_bufferSize","_peEnabled","_dh","_myPubKey","generateKeys","_peerPubKey","_sharedSecret","_peerCryptoProvide","_cryptoHandshakeDone","_cryptoSyncPattern","_waitMaxBytes","_encryptionMethod","_encryptGenerator","_decryptGenerator","_setGenerators","_onFinish","_determineHandshakeType","_parsePe2","_parseHandshake","setKeepAlive","clearInterval","setInterval","keepAlive","_timeoutUnref","_resetTimeout","_onUninterested","_onChoke","use","Extension","onExtendedHandshake","onMessage","_push","padALen","padA","padBLen","padB","setEncrypt","hash1Buffer","_utfToHex","hashesXorBuffer","padCLen","DataView","getUint16","padCBuffer","vcAndProvideBuffer","view","setInt16","_encryptHandshake","padDLen","padDBuffer","vcAndSelectBuffer","infoHashBuffer","_infoHash","reserved","extended","_handshakeSent","_extendedHandshakeSent","_sendExtendedHandshake","msg","choke","allowedCount","request","unchoke","interested","uninterested","have","_message","bitfield","_callback","_pull","port","setUint16","suggest","haveAll","haveNone","allowedFast","extId","sharedSecret","encryptKeyBuf","encryptKeyIntArray","decryptKeyBuf","decryptKeyIntArray","values","numbers","dataLength","setUint32","_encrypt","_onKeepAlive","_onPe1","pubKeyBuffer","computeSecret","_onPe2","_onPe3","hash3","sKeyHash","_onPe3Encrypted","vcBuffer","peerProvideBuffer","provideByte","_onPe4","peerSelectBuffer","_onHandshake","_onUnchoke","_onInterested","_onHave","_onBitField","_onRequest","respond","_onPiece","_onCancel","_onPort","_onSuggest","_onHaveAll","_onHaveNone","_onReject","_onAllowedFast","_onExtended","info","_onTimeout","_decrypt","setAgain","timeoutExpiresAt","_parse","parser","_parseUntil","pattern","maxBytes","_onMessageLength","getUint32","_onMessage","pstrLenBuffer","pstrlen","_onHandshakeBuffer","_parsePe1","pubKeyPrefix","pubKeySuffix","_parsePe3","pubKey","_parsePe4","_parsePe3Encrypted","_decryptHandshake","iaLenBuf","iaLen","iaBuffer","protocol","vcBufferEncrypted","padDBuf","MAX_VALUE","crypt","keystream","decrypt","alphabet","encodeLookup","decodeLookup","arr2hex","hex2arr","sizeof","equal","chars","lookup","arr2text","enc","encoder","TextEncoder","text2arr","arr2base","arraybuffer","base64","bin2hex","res","hex2bin","hex","points","subarray","scope","crypto","msCrypto","subtle","webkitSubtle","formatMap","algo","out","digest","randomBytes","getRandomValues","title","browser","argv","versions","off","func","cwd","umask","binding","chdir","dir","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","mode","__esModule","def","getOwnPropertyNames","definition","prop","toStringTag","allowAboveRoot","lastSegmentLength","lastSlash","dots","lastSlashIndex","lastIndexOf","joined","isAbsolute","trailingSeparator","filename","input","FileList","commonPrefix","fullPath","unknownName","filterJunkFiles","pathless","matchedSlash","extIdx","firstNonSlashEnd","maxPieceLength","numPaths","isSingleFileTorrent","pathIsFile","processInput","file","getStream","files","flat","Blob","singleFileTorrent","_announceList","announceList","announce","u","globalThis","WEBTORRENT_ANNOUNCE","urlList","torrent","creationDate","comment","createdBy","sslCert","estimatedTorrentLength","pieceLength","pieces","hashedLength","onProgress","remainingHashes","pieceNum","torrentLength","File","FormData","Headers","Response","AbortController","AbortSignal","fetch","encoded","plainChar","shiftIndex","plainDigit","plainPos","decoded","encodedByte","acc","cur","idx","generateRange","uri","param","keyval","decodeURIComponent","xt","infoHashV2","xs","publicKey","infoHashV2Buffer","publicKeyBuffer","dn","kt","keywords","tr","as","peerAddresses","torrentId","torrentObj","infoBuffer","created","urls","url","parts","p","lastFile","lastPieceLength","parsedTorrent","parseOrThrow","arrayBuffer","headers","torrentBuf","bool","fieldName","xts","add","xtsDeduped","encodeURIComponent","startsWith","RTCPeerConnection","mozRTCPeerConnection","webkitRTCPeerConnection","RTCSessionDescription","mozRTCSessionDescription","webkitRTCSessionDescription","RTCIceCandidate","mozRTCIceCandidate","webkitRTCIceCandidate","RTCIceTransport","RTCDataChannel","RTCSctpTransport","RTCDtlsTransport","RTCCertificate","MediaStream","MediaStreamTrack","MediaStreamTrackEvent","RTCPeerConnectionIceEvent","RTCDataChannelEvent","RTCTrackEvent","RTCError","RTCErrorEvent","RTCRtpTransceiver","RTCRtpReceiver","RTCRtpSender","sdp","_pc","allowHalfOpen","__objectMode","objectMode","_id","channelName","initiator","channelConfig","channelNegotiated","negotiated","config","offerOptions","answerOptions","sdpTransform","trickle","allowHalfTrickle","iceCompleteTimeout","_destroying","_connected","remoteFamily","localAddress","localFamily","localPort","_pcReady","_channelReady","_iceComplete","_iceCompleteTimer","_channel","_pendingCandidates","_isNegotiating","_firstNegotiation","_batchedNegotiation","_queuedNegotiation","_sendersAwaitingStable","_closingInterval","_remoteTracks","_remoteStreams","_chunk","_cb","_interval","__destroy","_isReactNativeWebrtc","_peerConnectionId","oniceconnectionstatechange","_onIceStateChange","onicegatheringstatechange","onconnectionstatechange","_onConnectionStateChange","onsignalingstatechange","_onSignalingStateChange","onicecandidate","event","_onIceCandidate","peerIdentity","_setupData","channel","createDataChannel","ondatachannel","_needsNegotiation","_onFinishBound","bufferSize","bufferedAmount","readyState","address","family","renegotiate","transceiverRequest","addTransceiver","kind","candidate","remoteDescription","_addIceCandidate","setRemoteDescription","_createAnswer","iceCandidateObj","addIceCandidate","endsWith","send","negotiate","_createOffer","_senderMap","onmessage","onopen","ontrack","binaryType","bufferedAmountLowThreshold","label","_onChannelMessage","onbufferedamountlow","_onChannelBufferedAmountLow","_onChannelOpen","_onChannelClose","lineno","colno","isClosing","destroySoon","_startIceCompleteTimeout","createOffer","offer","sendOffer","localDescription","setLocalDescription","createAnswer","answer","sendAnswer","_requestMissingTransceivers","connectionState","iceConnectionState","iceGatheringState","_maybeReady","getStats","flattenValues","report","reports","stat","timestamp","_connecting","findCandidatePair","items","remoteCandidates","localCandidates","candidatePairs","foundSelectedCandidatePair","setSelectedCandidatePair","selectedCandidatePair","local","localCandidateId","ip","ipAddress","portNumber","googLocalAddress","remote","remoteCandidateId","googRemoteAddress","selectedCandidatePairId","googActiveConnection","selected","_onInterval","signalingState","sender","removeTrack","sdpMLineIndex","sdpMid","WEBRTC_SUPPORT","iceServers","sdpSemantics","has","chunkOffset","remainingLength","storeMaxOutstandingPuts","outstandingPuts","DEFAULT_ANNOUNCE_PEERS","MAX_ANNOUNCE_PEERS","parseUrl","URL","defineProperties","href","origin","WebSocket","socket","_ws","OPEN","_handleOpen","_handleMessage","_handleClose","_handleError","_handleFinishBound","_handleFinish","onClose","CLOSED","WEBSOCKET_SUPPORT","announceUrl","intervalMs","DEFAULT_ANNOUNCE_INTERVAL","_defaultAnnounceOpts","peers","reconnecting","reconnectTimer","expectingResponse","_openSocket","action","info_hash","_infoHashBinary","peer_id","_peerIdBinary","_trackerId","trackerid","_send","numwant","_generateOffers","offers","scrape","trackerTimeout","_onSocketConnectBound","_onSocketDataBound","_onSocketCloseBound","_onSocketErrorBound","consumers","destroyCleanup","DESTROY_TIMEOUT","_onSocketConnect","_onSocketError","_onSocketData","_onSocketClose","parsedUrl","agent","_proxyOpts","httpsAgent","httpAgent","socksProxy","_onAnnounceResponse","_onScrapeResponse","failure","warning","trackerId","complete","response","_createPeer","to_peer_id","offer_id","offerId","_startReconnectTimer","pow","generateOffer","checkDone","_rtcConfig","wrtc","_wrtc","_socketPool","_peerIdBuffer","_infoHashBuffer","_port","_getAnnounceOpts","getAnnounceOpts","rtcConfig","_userAgent","proxyOpts","webrtcSupport","nextTickWarn","_trackers","location","_announce","tracker","stop","clientOpts","_intervalMs","_trackerOpts","_dhtAnnouncing","_dhtTimeout","_internalDHT","_onWarning","_onError","_onDHTPeer","host","_onTrackerPeer","_onTrackerAnnounce","_onLSDPeer","createDHT","listen","_createTracker","addNode","dhtPort","_dhtAnnounce","lsd","_createLSD","updatePort","WritableStream","writer","setPrototypeOf","FileSystemWritableFileStream","_closed","getWriter","seek","truncate","FileSystemFileHandle","createWritable","wm","WeakMap","workerUrl","fileHandle","handle","evt","ports","cmd","getDirectory","folder","getDirectoryHandle","getFileHandle","createSyncAccessHandle","at","postMessage","stringCode","blob","createObjectURL","worker","Worker","textEncoder","getFile","mc","MessageChannel","port1","port2","root","parent","DOMException","keepExistingData","ab","terminate","reason","orig","FileSystemDirectoryHandle","storageDir","removeEntry","recursive","__","chunkMap","directoryMap","rootDirPromise","storageDirPromise","chunksDirPromise","closing","randomUUID","rootDir","_getChunksDirHandle","prevFile","_createFileHandle","_createBlobReference","fileStart","fileEnd","firstChunk","lastChunk","chunkStart","_getChunkHandle","fileName","_getDirectoryHandle","_put","getStreamForHandle","chunkWrite","targets","promises","_get","rangeFrom","rangeTo","clearChunks","ltDontHave","_peerSupports","_wire","_failRequests","donthave","missing","sources","_chunks","_remainder","_buffered","_cancellations","_reservations","_flushed","chunkLengthRemaining","reserve","reserveRemaining","cancelRemaining","blocks","splitData","BLOCK_LENGTH","metadata","utMetadata","_fetching","_metadataComplete","_metadataSize","_remainingRejects","_bitfield","setMetadata","ut_metadata","metadata_size","_numPieces","_requestPieces","trailer","trailerIndex","msg_type","_onData","total_size","_request","_data","totalSize","_reject","_checkDone","_failedMetadata","_torrent","_pieceLength","_startPiece","_endPiece","_piece","_offset","_missing","_criticalLength","_select","pump","critical","_deselect","_fileStreams","_iterators","_client","getPieceDownloaded","pieceIndex","pieceDownloaded","irrelevantFirstPieceBytes","irrelevantLastPieceBytes","progress","select","priority","deselect","createReadStream","fileStream","pull","controller","enqueue","streamURL","_server","pathname","streamTo","elem","_pieces","recalculate","_initWire","_onWireHave","_onWireBitfield","getRarestPiece","pieceFilterFunc","candidates","availability","_cleanupWireEvents","_onClose","connId","_init","numPieces","lt_donthave","httpRequest","retryTimeout","rangeStart","rangeEnd","requestedFiles","requestedFile","fileOffsetInRange","method","ok","status","_items","isStreamSelection","replacingItems","existingStart","existingEnd","insert","newItem","notify","oldNotify","intersectingNotifyFunctions","sortFn","swap","existingIntervalSize","newItemIntervalSize","requestIdleCallback","addUID","skipVerify","_store","_preloadedStore","preloadedStore","_storeCacheSlots","storeCacheSlots","_destroyStoreOnDestroy","destroyStoreOnDestroy","storeOpts","alwaysChokeSeeders","strategy","maxWebConns","_rechokeNumSlots","uploads","_rechokeOptimisticWire","_rechokeOptimisticTime","_rechokeIntervalId","_noPeersIntervalId","_noPeersIntervalTime","noPeersIntervalTime","_startAsDeselected","ready","paused","_amInterested","_selections","_critical","_queue","_peers","_peersLength","received","_downloadSpeed","_uploadSpeed","_servers","_xsRequests","_fileModtimes","fileModtimes","_onTorrentId","timeRemaining","ratio","numPeers","torrentFileBlob","torrentFile","_numQueued","_numConns","numConns","_onParsedTorrent","_processParsedTorrent","_rechoke","listening","_onListening","magnetURI","parsed","_onMetadata","_getMetadataFromServer","_startDiscovery","discovery","trackerOpts","left","addPeer","torrentPort","seedOutgoingConnections","counters","utPex","counter","_xsRequestsController","getMetadataFromURL","enableWebSeeds","addWebSeed","_rarityMap","rawStore","so","_hashes","_markAllVerified","_onStore","onPiecesVerified","getFileModtimes","_verifyPieces","filePath","mtime","getOpts","_markVerified","_markUnverified","rescanFiles","_hasAllPieces","_hasNoPieces","_hasMorePieces","threshold","_updateSelections","_onWireWithMetadata","_remove","server","destroyStore","blocked","contains","utp","_isIPv4","wasAdded","_addPeer","_validAddr","newPeer","_registerPeer","_drain","urlOrConn","_addIncomingPeer","ut_pex","peerObj","reset","timeoutId","onChokeTimeout","updateSeedStatus","isSeeder","_update","_updateWireInterest","_gcSelections","_updateInterest","oldOffset","_updateWireWrapper","_updateWire","minOutstandingRequests","maxOutstandingRequests","requestAllowedFastSet","tried","tries","genPieceFilterFunc","validateWire","trySelectWire","rank","shufflePriority","hotswap","secs","ptr","otherWire","otherSpeed","speedRanker","wireStack","objA","objB","wireA","wireB","numInterestedUnchoked","newOptimisticPeer","high","_hotswap","minWire","minSpeed","numRequests","isWebSeed","duration","reservation","onUpdateTick","onChunk","selection","maxConns","reconnectTimeout","reqq","pendingReady","serveIndexPage","torrents","listHtml","body","isOriginAllowed","serveMethodNotAllowed","serve404Page","serveTorrentPage","serveOptionsRequest","serveFile","Expires","destination","statusCode","onRequest","onReady","handleRequest","decodeURI","_listen","_close","sockets","wrapRequest","hostname","writeHead","onConnection","registration","workerKeepAliveInterval","workerPortCount","_address","boundHandler","serviceWorker","removeEventListener","pageHtml","unescape","nodeId","nodeIdBuffer","natUpnp","natPmp","UTP_SUPPORT","_downloadLimit","downloadLimit","_uploadLimit","uploadLimit","natTraversal","enableUPNP","enablePMP","upnpPermanentFallback","WRTC","_connPool","publicPort","privatePort","description","webSeeds","blocklist","ipSet","createServer","ServiceWorkerRegistration","active","total","ontorrent","onInfoHash","onseed","isFilePath","hasRoot","_onseed","existingTorrent","_tables","tcpServer","throttleDownload","throttleUpload","_getByHash","VERSION"],"sourceRoot":""}
\ No newline at end of file
diff --git a/dist/releases/draft-20260124.md b/dist/releases/draft-20260124.md
new file mode 100644
index 00000000..ba52cd1a
--- /dev/null
+++ b/dist/releases/draft-20260124.md
@@ -0,0 +1,17 @@
+# Release Draft - 2026-01-24
+
+## Highlights
+
+### S3 Multipart Upload Support
+We have introduced a new helper module `js/storage/s3-multipart.js` to facilitate reliable uploads of large files to S3-compatible storage providers. This module handles:
+- Multipart upload orchestration (initiate, upload parts, complete/abort).
+- Automatic part sizing calculation.
+- Bucket existence checks and creation (with region support).
+- CORS configuration helper.
+- Intelligent `Cache-Control` header generation based on file type.
+
+This addition paves the way for more robust video upload capabilities directly to object storage.
+
+## Upgrade Notes
+
+No breaking changes or dependency bumps in this release.
diff --git a/dist/site.webmanifest b/dist/site.webmanifest
new file mode 100644
index 00000000..65e7652e
--- /dev/null
+++ b/dist/site.webmanifest
@@ -0,0 +1,41 @@
+{
+  "name": "bitvid - Decentralized Video Sharing",
+  "short_name": "bitvid",
+  "description": "seed. zap. subscribe.",
+  "icons": [
+    {
+      "src": "assets/png/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "assets/png/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "src": "assets/png/apple-touch-icon.png",
+      "sizes": "180x180",
+      "type": "image/png"
+    },
+    {
+      "src": "assets/png/favicon-32x32.png",
+      "sizes": "32x32",
+      "type": "image/png"
+    },
+    {
+      "src": "assets/png/favicon-16x16.png",
+      "sizes": "16x16",
+      "type": "image/png"
+    }
+  ],
+  "start_url": "index.html",
+  "display": "standalone",
+  "background_color": "rgb(15 23 42)",
+  "theme_color": "rgb(15 23 42)",
+  "orientation": "portrait-primary",
+  "scope": "/",
+  "categories": ["video", "entertainment", "decentralized", "streaming"],
+  "related_applications": [],
+  "lang": "en"
+}
diff --git a/dist/sw.min.js b/dist/sw.min.js
new file mode 100644
index 00000000..de8c8651
--- /dev/null
+++ b/dist/sw.min.js
@@ -0,0 +1,174 @@
+(() => {
+  "use strict";
+
+  let cancelled = false;
+
+  // Handle messages from clients
+  self.addEventListener("message", (event) => {
+    if (event.data && event.data.type === "SKIP_WAITING") {
+      self.skipWaiting();
+    }
+    if (event.data && event.data.type === "CLEAR_CACHES") {
+      caches
+        .keys()
+        .then((cacheNames) =>
+          Promise.all(cacheNames.map((cacheName) => caches.delete(cacheName)))
+        );
+    }
+    if (event.data && event.data.type === "ENSURE_CLIENTS_CLAIM") {
+      event.waitUntil(clients.claim());
+    }
+  });
+
+  // Immediately install and skip waiting
+  self.addEventListener("install", (event) => {
+    self.skipWaiting();
+  });
+
+  // Claim clients on activation and clear caches
+  self.addEventListener("activate", (event) => {
+    event.waitUntil(
+      Promise.all([
+        clients.claim(),
+        self.skipWaiting(),
+        caches
+          .keys()
+          .then((cacheNames) =>
+            Promise.all(cacheNames.map((cacheName) => caches.delete(cacheName)))
+          ),
+      ])
+    );
+  });
+
+  // Handle fetch events
+  self.addEventListener("fetch", (event) => {
+    const requestURL = event.request.url;
+
+    // Only handle WebTorrent streaming requests
+    if (!requestURL.includes("/webtorrent/")) {
+      return;
+    }
+
+    // Create a promise to handle the request
+    const responsePromise = (async () => {
+      // 1) Keepalive check
+      if (requestURL.includes("/webtorrent/keepalive/")) {
+        return new Response();
+      }
+
+      // 2) Cancel check
+      if (requestURL.includes("/webtorrent/cancel/")) {
+        return new Response(
+          new ReadableStream({
+            cancel() {
+              cancelled = true;
+            },
+          })
+        );
+      }
+
+      // 3) Streaming requests
+      // We define an async function and immediately invoke it with `event`
+      return (async function ({ request }) {
+        const { url, method, headers, destination } = request;
+
+        // 3a) Find open window clients
+        const windowClients = await clients.matchAll({
+          type: "window",
+          includeUncontrolled: true,
+        });
+
+        // 3b) We send a message to each client with a MessageChannel
+        const [clientResponse, port] = await new Promise((resolve) => {
+          for (const client of windowClients) {
+            const channel = new MessageChannel();
+            channel.port1.onmessage = ({ data }) => {
+              resolve([data, channel.port1]);
+            };
+            client.postMessage(
+              {
+                url,
+                method,
+                headers: Object.fromEntries(headers.entries()),
+                scope: self.registration.scope,
+                destination,
+                type: "webtorrent",
+              },
+              [channel.port2]
+            );
+          }
+        });
+
+        // 3c) Setup a small helper to close the port
+        let timeoutId = null;
+        const closeChannel = () => {
+          port.postMessage(false);
+          clearTimeout(timeoutId);
+          port.onmessage = null;
+        };
+
+        // 3d) Build a Headers object that prevents caching
+        const responseHeaders = new Headers(clientResponse.headers);
+        responseHeaders.set(
+          "Cache-Control",
+          "no-cache, no-store, must-revalidate, max-age=0"
+        );
+        responseHeaders.set("Pragma", "no-cache");
+        responseHeaders.set("Expires", "0");
+
+        // 3e) If the response is not a streaming request, return it directly
+        if (clientResponse.body !== "STREAM") {
+          closeChannel();
+          return new Response(clientResponse.body, {
+            status: clientResponse.status,
+            statusText: clientResponse.statusText,
+            headers: responseHeaders,
+          });
+        }
+
+        // 3f) Otherwise, create a streaming response
+        return new Response(
+          new ReadableStream({
+            pull(controller) {
+              return new Promise((resolvePull) => {
+                port.onmessage = ({ data }) => {
+                  if (data) {
+                    controller.enqueue(data);
+                  } else {
+                    closeChannel();
+                    controller.close();
+                  }
+                  resolvePull();
+                };
+
+                // If not cancelled, auto‐close after 5s of no data
+                // *** Increase the timeout to avoid frequent CPU wake-ups ***
+                if (!cancelled && destination !== "document") {
+                  clearTimeout(timeoutId);
+                  timeoutId = setTimeout(() => {
+                    closeChannel();
+                    resolvePull();
+                  }, 30000); // 30 seconds
+                }
+
+                // Request next chunk from client
+                port.postMessage(true);
+              });
+            },
+            cancel() {
+              closeChannel();
+            },
+          }),
+          {
+            status: clientResponse.status,
+            statusText: clientResponse.statusText,
+            headers: responseHeaders,
+          }
+        );
+      })(event);
+    })();
+
+    // respondWith the promise if it exists
+    event.respondWith(responsePromise);
+  });
+})();
diff --git a/dist/torrent/app.js b/dist/torrent/app.js
new file mode 100644
index 00000000..447c1519
--- /dev/null
+++ b/dist/torrent/app.js
@@ -0,0 +1,637 @@
+import { devLogger, userLogger } from "../js/utils/logger.js";
+import { createBeaconToast } from "./ui/toastService.js";
+import { createTorrentTable } from "./ui/torrentTable.js";
+
+const VERSION = "2.0";
+
+const TRACKERS = [
+  "wss://tracker.btorrent.xyz",
+  "wss://tracker.openwebtorrent.com",
+];
+
+const TORRENT_OPTIONS = { announce: TRACKERS };
+const TRACKER_OPTIONS = { announce: TRACKERS };
+
+function formatBytes(num, speed = false) {
+  if (typeof num !== "number" || Number.isNaN(num)) {
+    return "";
+  }
+
+  if (num < 1) {
+    return speed ? "" : "0 B";
+  }
+
+  const units = ["B", "kB", "MB", "GB", "TB"];
+  const exponent = Math.min(Math.floor(Math.log(num) / Math.log(1000)), units.length - 1);
+  const value = (num / Math.pow(1000, exponent)).toFixed(1);
+  return `${value} ${units[exponent]}${speed ? "/s" : ""}`;
+}
+
+function formatProgress(value) {
+  if (typeof value !== "number" || Number.isNaN(value)) {
+    return "";
+  }
+
+  return `${(value * 100).toFixed(1)}%`;
+}
+
+function formatRatio(value) {
+  if (typeof value !== "number" || !Number.isFinite(value)) {
+    return "0.00";
+  }
+
+  return value.toFixed(2);
+}
+
+function torrentsMatch(a, b) {
+  if (!a || !b) {
+    return false;
+  }
+
+  if (a === b) {
+    return true;
+  }
+
+  if (a.infoHash && b.infoHash && a.infoHash === b.infoHash) {
+    return true;
+  }
+
+  if (a.magnetURI && b.magnetURI && a.magnetURI === b.magnetURI) {
+    return true;
+  }
+
+  return false;
+}
+
+function prepareTorrentFiles(torrent) {
+  if (!torrent || !Array.isArray(torrent.files)) {
+    return;
+  }
+
+  torrent.files.forEach((file) => {
+    if (typeof file.priority !== "string") {
+      file.priority = "0";
+    }
+
+    if (typeof file.getBlobURL === "function") {
+      file.getBlobURL((error, url) => {
+        if (error || !url) {
+          return;
+        }
+        file.url = url;
+      });
+    }
+  });
+
+  if (torrent.torrentFile && typeof Blob === "function" && typeof URL !== "undefined") {
+    try {
+      const blob = new Blob([torrent.torrentFile], {
+        type: "application/x-bittorrent",
+      });
+      torrent.torrentFileBlobURL = URL.createObjectURL(blob);
+      if (!torrent.fileName) {
+        const name = torrent.name || "download";
+        torrent.fileName = `${name}.torrent`;
+      }
+    } catch (error) {
+      devLogger.warn("[beacon] Failed to create torrent blob URL", error);
+    }
+  }
+}
+
+function setFilePriority(file, value) {
+  if (!file) {
+    return;
+  }
+
+  const priorityValue = typeof value === "string" ? value : String(value ?? "0");
+  file.priority = priorityValue;
+
+  if (priorityValue === "-1") {
+    if (typeof file.deselect === "function") {
+      file.deselect();
+    }
+    return;
+  }
+
+  const numericPriority = Number.parseInt(priorityValue, 10);
+  if (!Number.isFinite(numericPriority)) {
+    return;
+  }
+
+  if (typeof file.select === "function") {
+    file.select(numericPriority);
+  }
+}
+
+function selectNextTorrent(current, torrents) {
+  if (!Array.isArray(torrents) || torrents.length === 0) {
+    return null;
+  }
+
+  if (!current) {
+    return torrents[0];
+  }
+
+  const existing = torrents.find((torrent) => torrentsMatch(torrent, current));
+  if (existing) {
+    return existing;
+  }
+
+  return torrents[0];
+}
+
+export function createBeaconApp({
+  documentRef = typeof document !== "undefined" ? document : null,
+  WebTorrentCtor,
+} = {}) {
+  if (!documentRef) {
+    throw new Error("createBeaconApp requires a document reference");
+  }
+
+  const view = documentRef.defaultView || globalThis;
+  const WebTorrentClass =
+    typeof WebTorrentCtor === "function"
+      ? WebTorrentCtor
+      : typeof view?.WebTorrent === "function"
+        ? view.WebTorrent
+        : null;
+
+  if (!WebTorrentClass) {
+    throw new Error("createBeaconApp requires a WebTorrent constructor");
+  }
+
+  const toast = createBeaconToast(documentRef);
+  const client = new WebTorrentClass({ tracker: TRACKER_OPTIONS });
+
+  const elements = {
+    form: documentRef.querySelector('[data-beacon="magnet-form"]'),
+    magnetInput: documentRef.querySelector('[data-beacon="magnet-input"]'),
+    seedButton: documentRef.querySelector('[data-beacon="seed-button"]'),
+    seedInput: documentRef.querySelector('[data-beacon="seed-input"]'),
+    tableRoot: documentRef.querySelector('[data-beacon="torrent-table"]'),
+    selectedSection: documentRef.querySelector('[data-beacon="selected"]'),
+    selectedName: documentRef.querySelector('[data-beacon="selected-name"]'),
+    pauseButton: documentRef.querySelector('[data-beacon-action="pause"]'),
+    resumeButton: documentRef.querySelector('[data-beacon-action="resume"]'),
+    downloadAllButton: documentRef.querySelector('[data-beacon-action="download-all"]'),
+    removeButton: documentRef.querySelector('[data-beacon-action="remove"]'),
+    copyMagnetButton: documentRef.querySelector('[data-beacon-action="copy-magnet"]'),
+    infoHashValue: documentRef.querySelector('[data-beacon="info-hash"]'),
+    fileList: documentRef.querySelector('[data-beacon="file-list"]'),
+    stats: documentRef.querySelector('[data-beacon="client-stats"]'),
+    overlay: documentRef.querySelector('[data-beacon="processing-overlay"]'),
+  };
+
+  const table = elements.tableRoot
+    ? createTorrentTable({
+        documentRef,
+        root: elements.tableRoot,
+        formatters: {
+          bytes: (value, speed = false) => formatBytes(value, speed),
+          progress: (value) => formatProgress(value),
+          ratio: (value) => formatRatio(value),
+          integer: (value) => (typeof value === "number" && Number.isFinite(value) ? Math.floor(value).toString() : "0"),
+          bytesPerSecond: (value) => formatBytes(value, true),
+        },
+        onSelect(torrent) {
+          state.selectedTorrent = torrent;
+          renderSelectedTorrent();
+        },
+      })
+    : null;
+
+  const state = {
+    selectedTorrent: null,
+    processing: false,
+  };
+
+  const cleanupTasks = [];
+  const intervalHandles = [];
+
+  function addCleanup(task) {
+    cleanupTasks.push(task);
+  }
+
+  function setProcessing(flag) {
+    state.processing = Boolean(flag);
+
+    if (!elements.overlay) {
+      return;
+    }
+
+    const isActive = state.processing;
+
+    elements.overlay.hidden = !isActive;
+    elements.overlay.setAttribute("aria-hidden", isActive ? "false" : "true");
+
+    if (isActive) {
+      elements.overlay.style.removeProperty("display");
+    } else {
+      elements.overlay.style.display = "none";
+    }
+  }
+
+  function getTorrents() {
+    return Array.isArray(client.torrents) ? [...client.torrents] : [];
+  }
+
+  function updateStats() {
+    if (!elements.stats) {
+      return;
+    }
+
+    const download = formatBytes(client.downloadSpeed, true) || "0 B/s";
+    const upload = formatBytes(client.uploadSpeed, true) || "0 B/s";
+    const ratio = formatRatio(client.ratio);
+
+    elements.stats.textContent = `Client stats: ↓ ${download} · ↑ ${upload} · Ratio: ${ratio}`;
+  }
+
+  function renderFileList(torrent) {
+    if (!elements.fileList) {
+      return;
+    }
+
+    elements.fileList.innerHTML = "";
+    if (!torrent || !Array.isArray(torrent.files) || !torrent.files.length) {
+      return;
+    }
+
+    torrent.files.forEach((file, index) => {
+      const row = documentRef.createElement("tr");
+      row.className = "align-top";
+
+      const nameCell = documentRef.createElement("td");
+      nameCell.className = "px-3 py-2";
+      if (file.done && file.url) {
+        const link = documentRef.createElement("a");
+        link.className = "text-info hover:text-info-strong";
+        link.href = file.url;
+        link.download = file.name || `file-${index + 1}`;
+        link.textContent = file.name || `File ${index + 1}`;
+        nameCell.appendChild(link);
+      } else {
+        const span = documentRef.createElement("span");
+        span.textContent = file.name || `File ${index + 1}`;
+        nameCell.appendChild(span);
+      }
+      row.appendChild(nameCell);
+
+      const sizeCell = documentRef.createElement("td");
+      sizeCell.className = "px-3 py-2 text-muted-strong";
+      sizeCell.textContent = formatBytes(file.length) || "0 B";
+      row.appendChild(sizeCell);
+
+      const priorityCell = documentRef.createElement("td");
+      priorityCell.className = "px-3 py-2";
+      const select = documentRef.createElement("select");
+      select.className = "select";
+      select.name = `${file.name || `file-${index + 1}`}-priority`;
+      select.setAttribute("aria-label", `Set priority for ${file.name || `file ${index + 1}`}`);
+
+      const options = [
+        { value: "1", label: "High priority" },
+        { value: "0", label: "Low priority" },
+        { value: "-1", label: "Don't download" },
+      ];
+
+      options.forEach((option) => {
+        const optionEl = documentRef.createElement("option");
+        optionEl.value = option.value;
+        optionEl.textContent = option.label;
+        if (option.value === file.priority) {
+          optionEl.selected = true;
+        }
+        select.appendChild(optionEl);
+      });
+
+      select.value = file.priority ?? "0";
+      select.addEventListener("change", (event) => {
+        setFilePriority(file, event.target.value);
+      });
+
+      priorityCell.appendChild(select);
+      row.appendChild(priorityCell);
+
+      elements.fileList.appendChild(row);
+    });
+  }
+
+  function renderSelectedTorrent() {
+    if (!elements.selectedSection) {
+      return;
+    }
+
+    const torrents = getTorrents();
+    state.selectedTorrent = selectNextTorrent(state.selectedTorrent, torrents);
+
+    const torrent = state.selectedTorrent;
+    elements.selectedSection.hidden = !torrent;
+
+    if (!torrent) {
+      return;
+    }
+
+    if (elements.selectedName) {
+      elements.selectedName.textContent = torrent.name || "Untitled torrent";
+    }
+
+    if (elements.pauseButton) {
+      elements.pauseButton.hidden = torrent.paused === true;
+      elements.pauseButton.disabled = torrent.paused === true;
+    }
+
+    if (elements.resumeButton) {
+      elements.resumeButton.hidden = torrent.paused !== true;
+      elements.resumeButton.disabled = torrent.paused !== true;
+    }
+
+    if (elements.downloadAllButton) {
+      elements.downloadAllButton.disabled = !(torrent.progress >= 1);
+    }
+
+    if (elements.infoHashValue) {
+      elements.infoHashValue.textContent = torrent.infoHash || "";
+    }
+
+    renderFileList(torrent);
+  }
+
+  function handleTorrentReady(torrent, { isSeed = false } = {}) {
+    setProcessing(false);
+    prepareTorrentFiles(torrent);
+
+    if (!isSeed) {
+      toast.info(`Received ${torrent.name || "torrent"} metadata`);
+    }
+
+    if (!state.selectedTorrent) {
+      state.selectedTorrent = torrent;
+    }
+
+    renderSelectedTorrent();
+    table?.render(getTorrents(), state.selectedTorrent);
+  }
+
+  function addMagnet(magnet) {
+    const trimmed = typeof magnet === "string" ? magnet.trim() : "";
+    if (!trimmed) {
+      return;
+    }
+
+    setProcessing(true);
+    client.add(trimmed, TORRENT_OPTIONS, (torrent) => {
+      handleTorrentReady(torrent, { isSeed: false });
+    });
+  }
+
+  function seedFiles(files) {
+    if (!Array.isArray(files) || files.length === 0) {
+      return;
+    }
+
+    setProcessing(true);
+    client.seed(files, TORRENT_OPTIONS, (torrent) => {
+      handleTorrentReady(torrent, { isSeed: true });
+      toast.success(`Seeding ${torrent.files.length} file(s)`);
+    });
+  }
+
+  function downloadAll(torrent) {
+    if (!torrent) {
+      return;
+    }
+
+    if (torrent.progress < 1) {
+      toast.warn("Torrent is not finished downloading yet.");
+      return;
+    }
+
+    torrent.files.forEach((file) => {
+      if (typeof file.getBlob !== "function") {
+        return;
+      }
+
+      file.getBlob((err, blob) => {
+        if (err || !blob) {
+          userLogger.error("[beacon] Failed to get blob for file", file?.name, err);
+          toast.error("Failed to prepare file for download.");
+          return;
+        }
+
+        const blobUrl = URL.createObjectURL(blob);
+        const anchor = documentRef.createElement("a");
+        anchor.className = "beacon-hidden-download";
+        anchor.setAttribute("data-beacon-hidden-download", "true");
+        anchor.href = blobUrl;
+        anchor.download = file.name || "download";
+        documentRef.body.appendChild(anchor);
+        anchor.click();
+        documentRef.body.removeChild(anchor);
+        URL.revokeObjectURL(blobUrl);
+      });
+    });
+  }
+
+  function copyMagnet(torrent) {
+    if (!torrent?.magnetURI) {
+      return;
+    }
+
+    const magnet = torrent.magnetURI;
+    const clipboard = view?.navigator?.clipboard;
+
+    if (clipboard && typeof clipboard.writeText === "function") {
+      clipboard
+        .writeText(magnet)
+        .then(() => {
+          toast.success("Magnet URI copied to clipboard!");
+        })
+        .catch((error) => {
+          userLogger.error("[beacon] Clipboard error", error);
+          toast.error("Failed to copy magnet URI");
+        });
+      return;
+    }
+
+    try {
+      const textarea = documentRef.createElement("textarea");
+      textarea.value = magnet;
+      textarea.className = "beacon-clipboard-offscreen";
+      textarea.setAttribute("data-beacon-clipboard-state", "offscreen");
+      documentRef.body.appendChild(textarea);
+      textarea.select();
+      documentRef.execCommand?.("copy");
+      documentRef.body.removeChild(textarea);
+      toast.success("Magnet URI copied (fallback)!");
+    } catch (error) {
+      userLogger.error("[beacon] Clipboard fallback error", error);
+      toast.error("Failed to copy magnet URI");
+    }
+  }
+
+  function removeTorrent(torrent) {
+    if (!torrent) {
+      return;
+    }
+
+    torrent.destroy((error) => {
+      if (error) {
+        userLogger.error("[beacon] Failed to destroy torrent", error);
+        toast.error("Failed to remove torrent");
+      }
+
+      const torrents = getTorrents();
+      state.selectedTorrent = selectNextTorrent(null, torrents);
+      table?.render(torrents, state.selectedTorrent);
+      renderSelectedTorrent();
+    });
+  }
+
+  function mount() {
+    devLogger.info(`[beacon] Starting beacon runtime v${VERSION}`);
+
+    if (!toast) {
+      devLogger.warn("[beacon] Toast service unavailable");
+    }
+
+    if (!WebTorrentClass.WEBRTC_SUPPORT) {
+      toast?.error("Please use a browser with WebRTC support.", { sticky: true });
+    }
+
+    if (elements.form) {
+      const submitHandler = (event) => {
+        event.preventDefault();
+        addMagnet(elements.magnetInput?.value || "");
+        if (elements.magnetInput) {
+          elements.magnetInput.value = "";
+        }
+      };
+      elements.form.addEventListener("submit", submitHandler);
+      addCleanup(() => elements.form.removeEventListener("submit", submitHandler));
+    }
+
+    if (elements.seedButton && elements.seedInput) {
+      const seedClickHandler = () => {
+        elements.seedInput.click();
+      };
+      const seedChangeHandler = () => {
+        const files = Array.from(elements.seedInput.files || []);
+        elements.seedInput.value = "";
+        seedFiles(files);
+      };
+      elements.seedButton.addEventListener("click", seedClickHandler);
+      elements.seedInput.addEventListener("change", seedChangeHandler);
+      addCleanup(() => {
+        elements.seedButton.removeEventListener("click", seedClickHandler);
+        elements.seedInput.removeEventListener("change", seedChangeHandler);
+      });
+    }
+
+    if (elements.pauseButton) {
+      const handler = () => {
+        if (state.selectedTorrent && typeof state.selectedTorrent.pause === "function") {
+          state.selectedTorrent.pause();
+          renderSelectedTorrent();
+        }
+      };
+      elements.pauseButton.addEventListener("click", handler);
+      addCleanup(() => elements.pauseButton.removeEventListener("click", handler));
+    }
+
+    if (elements.resumeButton) {
+      const handler = () => {
+        if (state.selectedTorrent && typeof state.selectedTorrent.resume === "function") {
+          state.selectedTorrent.resume();
+          renderSelectedTorrent();
+        }
+      };
+      elements.resumeButton.addEventListener("click", handler);
+      addCleanup(() => elements.resumeButton.removeEventListener("click", handler));
+    }
+
+    if (elements.downloadAllButton) {
+      const handler = () => downloadAll(state.selectedTorrent);
+      elements.downloadAllButton.addEventListener("click", handler);
+      addCleanup(() => elements.downloadAllButton.removeEventListener("click", handler));
+    }
+
+    if (elements.removeButton) {
+      const handler = () => removeTorrent(state.selectedTorrent);
+      elements.removeButton.addEventListener("click", handler);
+      addCleanup(() => elements.removeButton.removeEventListener("click", handler));
+    }
+
+    if (elements.copyMagnetButton) {
+      const handler = () => copyMagnet(state.selectedTorrent);
+      elements.copyMagnetButton.addEventListener("click", handler);
+      addCleanup(() => elements.copyMagnetButton.removeEventListener("click", handler));
+    }
+
+    const errorHandler = (error) => {
+      userLogger.error("[beacon] Torrent client error", error);
+      toast?.error(error?.message || String(error));
+      setProcessing(false);
+    };
+    client.on("error", errorHandler);
+    addCleanup(() => client.removeListener("error", errorHandler));
+
+    const beforeUnloadHandler = (event) => {
+      if (client.torrents && client.torrents.length > 0) {
+        event.preventDefault();
+        event.returnValue =
+          "Transfers are in progress. Are you sure you want to leave or refresh?";
+        return event.returnValue;
+      }
+      return undefined;
+    };
+    if (view && typeof view.addEventListener === "function") {
+      view.addEventListener("beforeunload", beforeUnloadHandler);
+      addCleanup(() => view.removeEventListener("beforeunload", beforeUnloadHandler));
+    }
+
+    table?.render(getTorrents(), state.selectedTorrent);
+    renderSelectedTorrent();
+    updateStats();
+    setProcessing(false);
+
+    const intervalId = view.setInterval(() => {
+      table?.render(getTorrents(), state.selectedTorrent);
+      renderSelectedTorrent();
+      updateStats();
+    }, 1000);
+    intervalHandles.push(intervalId);
+
+    const hash = view?.location?.hash;
+    if (typeof hash === "string" && hash.length > 1) {
+      addMagnet(hash.slice(1));
+    }
+  }
+
+  function destroy() {
+    intervalHandles.forEach((id) => view.clearInterval(id));
+    intervalHandles.length = 0;
+
+    cleanupTasks.forEach((task) => {
+      try {
+        task();
+      } catch (error) {
+        devLogger.warn("[beacon] Cleanup task failed", error);
+      }
+    });
+    cleanupTasks.length = 0;
+
+    table?.destroy();
+
+    try {
+      client.destroy();
+    } catch (error) {
+      devLogger.warn("[beacon] Failed to destroy client", error);
+    }
+  }
+
+  return { mount, destroy };
+}
+
+export default createBeaconApp;
diff --git a/dist/torrent/beacon.html b/dist/torrent/beacon.html
new file mode 100644
index 00000000..c0beb9bc
--- /dev/null
+++ b/dist/torrent/beacon.html
@@ -0,0 +1,323 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <base href="./" />
+    <meta charset="UTF-8" />
+    <title>bitvid βeacon | A Browser Based WebTorrent Client</title>
+    <meta
+      name="description"
+      content="bitvid βeacon uses code from βTorrent. βTorrent is a fully-featured Browser WebTorrent Client"
+    />
+    <meta
+      name="keywords"
+      content="bitvid, client, webtorrent, browser, torrent, stream, bittorrent, torrenting, sharing, filesharing"
+    />
+
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+
+    <script type="module" src="../js/webtorrent-global.js"></script>
+    <script type="module" src="dist/beacon.js"></script>
+
+    <link rel="stylesheet" href="../css/tailwind.generated.css" />
+  </head>
+
+  <body class="bg-surface font-sans text-text" data-ds="new">
+    <header class="ds-header border-b border-border-translucent-medium bg-surface">
+      <div class="mx-auto flex max-w-5xl items-center px-4 py-6 sm:px-6 lg:px-8">
+        <a
+          class="focus-ring inline-flex items-center gap-3 rounded-full px-2 py-1.5 text-text transition-colors duration-fast ease-out hover:bg-panel-hover hover:text-text"
+          href="../index.html"
+          aria-label="Return to the bitvid home page"
+        >
+          <span
+            class="header-torrent__logo-image ds-header__logo inline-flex items-center bv-logo"
+            role="img"
+            aria-label="bitvid logo"
+          >
+            <svg
+              class="h-full w-auto"
+              viewBox="0 0 318.32 108.98"
+              aria-hidden="true"
+              focusable="false"
+            >
+              <g class="bv-logo__accent">
+                <rect x="7.1" y="7.8" width="5.84" height="5.48" />
+                <rect x="7.1" y="18.78" width="24.02" height="5.48" />
+                <rect x="7.1" y="29.77" width="42.85" height="5.48" />
+                <rect x="7.1" y="40.76" width="61.68" height="5.48" />
+                <rect x="7.1" y="51.75" width="80.88" height="5.48" />
+                <rect x="7.1" y="62.74" width="61.68" height="5.48" />
+                <rect x="7.1" y="73.73" width="42.85" height="5.48" />
+                <rect x="7.1" y="84.72" width="24.02" height="5.48" />
+                <rect x="7.1" y="95.71" width="5.84" height="5.48" />
+              </g>
+              <g class="bv-logo__wordmark">
+                <path d="M121.28 25.08v44.54c0 5.67 2.79 8.54 8.22 8.54h11.57c5.51 0 8.3-2.87 8.3-8.54v-13.09c0-5.67-2.79-8.46-8.3-8.46h-16.6v-5.83h17.72c8.7 0 13.01 4.47 13.01 13.33v15.01c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33V25.08h5.83Z" />
+                <path d="M168.53 25.08v6.26h-5.83v-6.26h5.83Zm0 17.56v41.27h-5.83v-41.27h5.83Z" />
+                <path d="M191.36 25.08v17.16h9.02v5.19h-9.02v36.48h-5.83v-36.48h-9.82v-5.19h9.82V25.08h5.83Z" />
+                <path d="M212.88 42.24l16.84 35.68 16.6-35.68h6.07l-19.56 41.67h-6.31l-20.04-41.67h6.39Z" />
+                <path d="M264.05 25.08v6.26h-5.83v-6.26h5.83Zm0 17.16v41.67h-5.83v-41.67h5.83Z" />
+                <path d="M311.21 25.08v45.5c0 8.86-4.31 13.33-13.01 13.33h-13.73c-8.7 0-13.01-4.47-13.01-13.33v-15.01c0-8.86 4.31-13.33 13.01-13.33h17.72v5.83h-16.6c-5.51 0-8.3 2.79-8.3 8.46v13.09c0 5.67 2.79 8.54 8.3 8.54h11.49c5.51 0 8.3-2.87 8.3-8.54V25.08h5.83Z" />
+              </g>
+            </svg>
+          </span>
+        </a>
+      </div>
+    </header>
+
+    <main
+      class="mx-auto max-w-5xl px-4 py-6 sm:px-6 lg:px-8 bv-stack"
+      data-ds="new"
+    >
+      <section class="card p-6">
+        <form
+          class="bv-stack bv-stack--tight md:flex md:flex-row md:items-end md:gap-md"
+          data-beacon="magnet-form"
+        >
+          <div class="bv-stack bv-stack--tight flex-1">
+            <label
+              class="text-xs font-semibold uppercase tracking-wide text-muted-strong"
+              for="torrentInput"
+            >
+              Magnet, hash, or HTTPS .torrent URL
+            </label>
+            <input
+              id="torrentInput"
+              class="input"
+              type="text"
+              placeholder="magnet:?xt=…"
+              data-beacon="magnet-input"
+              autocomplete="off"
+            />
+          </div>
+
+          <div class="flex flex-wrap items-center gap-3 md:justify-end">
+            <button type="submit" class="btn inline-flex items-center gap-2">
+              <svg
+                class="h-4 w-4"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="2"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                aria-hidden="true"
+              >
+                <path d="M12 3v14"></path>
+                <path d="m6 11 6 6 6-6"></path>
+                <path d="M19 21H5"></path>
+              </svg>
+              Download
+            </button>
+
+            <input
+              type="file"
+              multiple
+              class="hidden"
+              data-beacon="seed-input"
+              aria-hidden="true"
+            />
+
+            <button
+              type="button"
+              class="btn-ghost inline-flex items-center gap-2"
+              data-beacon="seed-button"
+            >
+              <svg
+                class="h-4 w-4"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="2"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                aria-hidden="true"
+              >
+                <path d="M12 21V7"></path>
+                <path d="m6 13 6-6 6 6"></path>
+                <path d="M5 21h14"></path>
+              </svg>
+              Seed files
+            </button>
+          </div>
+        </form>
+      </section>
+
+      <section class="card overflow-hidden" aria-label="Active torrents">
+        <div data-beacon="torrent-table"></div>
+      </section>
+
+      <section class="card p-6" data-beacon="selected" hidden>
+        <div class="grid gap-xl lg:grid-cols-2">
+          <div class="bv-stack bv-stack--tight overflow-auto">
+            <div class="bv-stack bv-stack--tight">
+              <h2 class="text-lg font-semibold text-text" data-beacon="selected-name"></h2>
+
+              <div class="flex flex-wrap gap-2">
+                <button
+                  type="button"
+                  class="btn-ghost inline-flex items-center gap-2"
+                  data-beacon-action="pause"
+                >
+                  <svg
+                    class="h-4 w-4"
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    stroke="currentColor"
+                    stroke-width="2"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    aria-hidden="true"
+                  >
+                    <rect x="6" y="4" width="4" height="16"></rect>
+                    <rect x="14" y="4" width="4" height="16"></rect>
+                  </svg>
+                  Pause
+                </button>
+
+                <button
+                  type="button"
+                  class="btn-ghost inline-flex items-center gap-2"
+                  data-beacon-action="resume"
+                >
+                  <svg
+                    class="h-4 w-4"
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    stroke="currentColor"
+                    stroke-width="2"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    aria-hidden="true"
+                  >
+                    <polygon points="6 4 20 12 6 20 6 4"></polygon>
+                  </svg>
+                  Resume
+                </button>
+
+                <button
+                  type="button"
+                  class="btn inline-flex items-center gap-2"
+                  data-beacon-action="download-all"
+                >
+                  <svg
+                    class="h-4 w-4"
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    stroke="currentColor"
+                    stroke-width="2"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    aria-hidden="true"
+                  >
+                    <path d="M12 3v14"></path>
+                    <path d="m6 11 6 6 6-6"></path>
+                  </svg>
+                  Download all
+                </button>
+
+                <button
+                  type="button"
+                  class="btn-ghost inline-flex items-center gap-2"
+                  data-variant="critical"
+                  data-beacon-action="remove"
+                >
+                  <svg
+                    class="h-4 w-4"
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    stroke="currentColor"
+                    stroke-width="2"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    aria-hidden="true"
+                  >
+                    <path d="M18 6L6 18"></path>
+                    <path d="M6 6l12 12"></path>
+                  </svg>
+                  Remove
+                </button>
+              </div>
+            </div>
+
+            <div class="bv-stack bv-stack--tight">
+              <h3 class="text-sm font-semibold uppercase tracking-wide text-muted">
+                Share
+              </h3>
+              <ul class="bv-stack bv-stack--tight text-sm text-muted-strong">
+                <li>
+                  <button
+                    type="button"
+                    class="btn-ghost inline-flex items-center gap-2 text-xs"
+                    data-beacon-action="copy-magnet"
+                  >
+                    Copy magnet
+                  </button>
+                </li>
+                <li>
+                  <strong class="font-semibold text-text">Hash:</strong>
+                  <span data-beacon="info-hash"></span>
+                </li>
+              </ul>
+            </div>
+          </div>
+
+          <div class="bv-stack bv-stack--tight">
+            <h3 class="text-sm font-semibold uppercase tracking-wide text-muted">
+              Files
+            </h3>
+            <div class="overflow-x-auto">
+              <table class="min-w-full divide-y divide-border-translucent text-sm">
+                <thead class="bg-surface-alt text-muted-strong">
+                  <tr>
+                    <th class="px-3 py-2 text-left font-medium">Name</th>
+                    <th class="px-3 py-2 text-left font-medium">Size</th>
+                    <th class="px-3 py-2 text-left font-medium">Priority</th>
+                  </tr>
+                </thead>
+                <tbody
+                  class="divide-y divide-border-translucent bg-surface"
+                  data-beacon="file-list"
+                ></tbody>
+              </table>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <div class="text-center text-sm font-semibold text-muted" data-beacon="client-stats">
+        Client stats: ↓ 0 B/s · ↑ 0 B/s · Ratio: 0.00
+      </div>
+    </main>
+
+    <div
+      class="ds-overlay-backdrop z-overlay-floating"
+      data-beacon="processing-overlay"
+      hidden
+    >
+      <svg
+        class="h-12 w-12 animate-spin text-info-strong"
+        viewBox="0 0 24 24"
+        role="img"
+        aria-hidden="true"
+      >
+        <circle
+          class="stroke-border-translucent opacity-40"
+          cx="12"
+          cy="12"
+          r="9"
+          fill="none"
+          stroke-width="2"
+        ></circle>
+        <path
+          class="stroke-current"
+          d="M21 12a9 9 0 0 0-9-9"
+          fill="none"
+          stroke-width="2"
+          stroke-linecap="round"
+        ></path>
+      </svg>
+    </div>
+    <div id="uiOverlay" data-overlay-root aria-hidden="true"></div>
+  </body>
+</html>
diff --git a/dist/torrent/dist/beacon.js b/dist/torrent/dist/beacon.js
new file mode 100644
index 00000000..4810c2bb
--- /dev/null
+++ b/dist/torrent/dist/beacon.js
@@ -0,0 +1 @@
+import{IS_DEV_MODE as Le,IS_VERBOSE_DEV_MODE as Ae,IS_LOCKDOWN_MODE as Ce,LOCKDOWN_TITLE as yt,LOCKDOWN_MESSAGE as Et,ADMIN_SUPER_NPUB as Tt,ADMIN_DM_IMAGE_URL as gt,BITVID_WEBSITE_URL as _t,BLOG_URL as St,COMMUNITY_URL as wt,NOSTR_URL as Lt,GITHUB_URL as At,BETA_URL as Ct,DNS_URL as xt,TIP_JAR_URL as vt,MAX_WALLET_DEFAULT_ZAP as It,PLATFORM_FEE_PERCENT as Ot,PLATFORM_LUD16_OVERRIDE as Nt,DEFAULT_RELAY_URLS_OVERRIDE as Bt,ADMIN_WHITELIST_MODE_STORAGE_KEY as Mt,DEFAULT_WHITELIST_MODE_ENABLED as Dt,ALLOW_NSFW_CONTENT as Rt,DEFAULT_TRUST_SEED_NPUBS as Ut,DEFAULT_BLUR_THRESHOLD as Ht,DEFAULT_AUTOPLAY_BLOCK_THRESHOLD as kt,DEFAULT_TRUSTED_MUTE_HIDE_THRESHOLD as Ft,DEFAULT_TRUSTED_SPAM_HIDE_THRESHOLD as Pt,WATCH_HISTORY_KIND as Vt,WATCH_HISTORY_LIST_IDENTIFIER as Wt,WATCH_HISTORY_MAX_ITEMS as qt,WATCH_HISTORY_BATCH_RESOLVE as jt,WATCH_HISTORY_BATCH_PAGE_SIZE as $t,WATCH_HISTORY_PAYLOAD_MAX_BYTES as Yt,WATCH_HISTORY_FETCH_EVENT_LIMIT as Kt,WATCH_HISTORY_CACHE_TTL_MS as Gt,VIEW_COUNT_DEDUPE_WINDOW_SECONDS as zt,VIEW_COUNT_BACKFILL_MAX_DAYS as Xt,VIEW_COUNT_CACHE_TTL_MS as Zt,ENSURE_PRESENCE_REBROADCAST_COOLDOWN_SECONDS as Jt,DEFAULT_PLAYBACK_SOURCE as Qt,DEFAULT_PLAYBACK_START_TIMEOUT as er}from"../config/instance-config.js";var U=!!Le;var xe=!!Ae;var ve=!!Ce;typeof window<"u"&&(window.__BITVID_DEV_MODE__=U,window.__BITVID_VERBOSE_DEV_MODE__=xe,window.__BITVID_LOCKDOWN_MODE__=ve);var k=()=>{};function Ie(){return typeof console>"u"||console===null?null:console}function Oe(){let e=Ie();if(!e)return{log:k,info:k,debug:k,warn:k,error:k};let t=typeof e.log=="function"?e.log.bind(e):k;return{log:typeof e.log=="function"?e.log.bind(e):t,info:typeof e.info=="function"?e.info.bind(e):t,debug:typeof e.debug=="function"?e.debug.bind(e):t,warn:typeof e.warn=="function"?e.warn.bind(e):t,error:typeof e.error=="function"?e.error.bind(e):t}}var _=Oe(),M="[bitvid]";function ee(e){if(e.length===0)return{args:e,force:!1};let t=e[e.length-1];if(t&&typeof t=="object"&&!Array.isArray(t)&&Object.prototype.hasOwnProperty.call(t,"force")){let r=[...e],o=r.pop();return{args:r,force:!!o.force}}return{args:e,force:!1}}var S=Object.freeze({log:(...e)=>{U&&_.log(...e)},info:(...e)=>{U&&_.info(...e)},debug:(...e)=>{U&&_.debug(...e)},warn:(...e)=>{U&&_.warn(...e)},error:(...e)=>{U&&_.error(...e)}}),b=Object.freeze({log:(...e)=>{let{args:t,force:r}=ee(e);if(!r&&t.length===0)return;if(r){_.log(M,...t);return}let[o,...n]=t;if(typeof o=="string"&&n.length===0){_.log(`${M} ${o}`);return}o!==void 0&&_.log(M,o)},info:(...e)=>{let{args:t,force:r}=ee(e);if(!r&&t.length===0)return;if(r){_.info(M,...t);return}let[o,...n]=t;if(typeof o=="string"&&n.length===0){_.info(`${M} ${o}`);return}o!==void 0&&_.info(M,o)},warn:(...e)=>{_.warn(M,...e)},error:(...e)=>{_.error(M,...e)}}),te=Object.freeze({dev:S,user:b});function Ne(e){return!e||typeof e!="object"?!1:Object.entries({dev:["log","info","debug","warn","error"],user:["log","info","warn","error"]}).every(([r,o])=>{let n=e[r];return!n||typeof n!="object"?!1:o.every(c=>typeof n[c]=="function")})}typeof window<"u"&&(Ne(window.bitvidLogger)||(window.bitvidLogger=te));Object.freeze(te);import{THEME_ACCENT_OVERRIDES as re}from"../config/instance-config.js";var z="bitvid:theme",v="dark",Be=new Set(["light","dark"]),ne={dark:"rgb(15, 23, 42)",light:"rgb(248, 250, 252)"},oe=["[data-theme-toggle]",'[data-action="toggle-theme"]',".js-theme-toggle","#themeToggle"],ie=Object.freeze({accent:"--color-accent",accentStrong:"--color-accent-strong",accentPressed:"--color-accent-pressed"}),ae=new WeakSet,W=new Set,D=null,se=!1,F=null,I=()=>typeof window<"u"&&typeof document<"u",q=e=>{if(typeof e!="string")return null;let t=e.trim().toLowerCase();return t==="default"||t===""?v:Be.has(t)?t:null},Me=()=>{if(!I())return null;try{let e=window.localStorage.getItem(z);return q(e)}catch(e){return b.warn("Unable to read stored theme preference:",e),null}},De=e=>{if(I())try{window.localStorage.setItem(z,e)}catch(t){b.warn("Unable to persist theme preference:",t)}},K=()=>{if(!I())return null;let{documentElement:e}=document;return e instanceof HTMLElement?e:null},Re=e=>typeof e=="string"?e.trim():"",Ue=e=>{if(!e||typeof e!="object")return null;let t=Object.entries(e).reduce((r,[o,n])=>{if(!n||typeof n!="object")return r;let c=Object.entries(n).reduce((a,[u,d])=>(Object.prototype.hasOwnProperty.call(ie,u)&&(a[u]=d),a),{});return Object.keys(c).length>0&&(r[o]=c),r},{});return Object.keys(t).length>0?t:null},ce=e=>{F=Ue(e)};ce(typeof re<"u"?re:null);var le=(e,t)=>{if(!e)return;let r=F&&typeof F=="object"&&F[t]&&typeof F[t]=="object"?F[t]:null,o=!1;Object.entries(ie).forEach(([n,c])=>{let a=r?r[n]:null,u=Re(a);u?(e.style.setProperty(c,u),o=!0):e.style.removeProperty(c)}),o?e.dataset.themeAccent="override":e.removeAttribute("data-theme-accent")},He=e=>{if(!I())return;let t=document.querySelector('meta[name="theme-color"]');if(!t)return;let r=K();if(!r)return;let o="";try{typeof window.getComputedStyle=="function"&&(o=getComputedStyle(r).getPropertyValue("--color-page").trim())}catch(a){b.warn("Unable to compute theme color token:",a)}let n=ne[e]||ne[v],c=o||n;c&&t.setAttribute("content",c)},de=(e,t)=>{if(!(e instanceof HTMLElement))return;e.dataset.themeState=t,e.setAttribute("aria-pressed",t==="dark"?"true":"false");let r=t==="dark"?"Switch to light theme":"Switch to dark theme";e.setAttribute("aria-label",r),e.setAttribute("title",r);let o=e.querySelector("[data-theme-toggle-label]")||e.querySelector(".sr-only");o&&(o.textContent=r);let n=e.querySelector("[data-theme-toggle-icon]")||e.querySelector('[aria-hidden="true"]');if(n){let c=typeof SVGElement<"u"?SVGElement:null;if(c&&n instanceof c||n instanceof Element&&!!n.querySelector("svg"))n instanceof Element&&n.setAttribute("data-theme-icon-state",t);else{let u=e.dataset.iconLight||"\u2600\uFE0F",d=e.dataset.iconDark||"\u{1F319}";n.textContent=t==="dark"?u:d}}},ke=()=>{if(!I()){W.clear();return}W.forEach(e=>{(!(e instanceof HTMLElement)||!document.contains(e))&&W.delete(e)})},Fe=e=>{ke(),W.forEach(t=>{de(t,e)})},Pe=e=>{!(e instanceof HTMLElement)||ae.has(e)||(e.addEventListener("click",t=>{t.preventDefault(),We(D==="dark"?"light":"dark")}),e.dataset.themeToggleBound="true",ae.add(e))},Ve=(e=document)=>{if(!I())return[];let t=new Set,r=e&&typeof e.querySelectorAll=="function"?e:document;return oe.forEach(o=>{try{r.querySelectorAll(o).forEach(n=>{n instanceof HTMLElement&&t.add(n)})}catch(n){b.warn(`Invalid selector for theme toggle: ${o}`,n)}}),e instanceof HTMLElement&&oe.forEach(o=>{e.matches(o)&&t.add(e)}),Array.from(t)},X=(e,{persist:t=!0}={})=>{let r=q(e)||v;D=r;let o=K();return o&&(o.dataset.theme=r,le(o,r)),t&&De(r),He(r),Fe(r),r},ue=e=>{ce(e);let t=K();if(!t)return;le(t,D||v)},We=e=>I()?X(e,{persist:!0}):(D=q(e)||v,D),qe=(e=document)=>{if(!I())return;Ve(e).forEach(r=>{W.add(r),Pe(r),de(r,D||v)})},je=()=>{if(!I())return v;let e=K();return(e?q(e.dataset.theme):null)||Me()||v},$e=e=>{if(!e||e.key!==z)return;let t=q(e.newValue)||v;t!==D&&X(t,{persist:!1})},fe=()=>{if(!I()){D=v;return}se||(window.addEventListener("storage",$e),se=!0);let e=je();X(e,{persist:!0}),qe(document)};var pe={info:"torrent-toast torrent-toast--info",success:"torrent-toast torrent-toast--success",error:"torrent-toast torrent-toast--error",warn:"torrent-toast torrent-toast--warn"},me="transition duration-200 ease-out",Ye="beacon-toast-motion",Z="data-beacon-motion";function Ke(e,t){let r=e?.defaultView;if(r&&typeof r.requestAnimationFrame=="function"){r.requestAnimationFrame(t);return}setTimeout(t,16)}function Ge(e){let t=e||(typeof document<"u"?document:null);if(!t)return null;let r=t.getElementById("beacon-toast-container");if(!r){r=t.createElement("div"),r.id="beacon-toast-container",r.setAttribute("role","region"),r.setAttribute("aria-live","polite"),r.className=["pointer-events-none","fixed","inset-x-0","top-0","z-overlay-toast","flex","w-full","flex-col","items-center","gap-3","px-4","pt-6","sm:items-end","sm:px-6","sm:pt-8"].join(" ");let o=t.body||t.getElementsByTagName?.("body")?.[0];o&&o.appendChild(r)}return r}function ze(e,t,r){let o=e.createElement("div");o.className=[me,r].join(" "),o.setAttribute("role","status"),o.setAttribute("tabindex","0"),o.textContent=t;let n=e.createElement("button");n.type="button",n.className=["notification-dismiss","focus-ring","absolute","right-3","top-3"].join(" "),n.setAttribute("aria-label","Dismiss notification"),n.innerHTML='<svg class="h-4 w-4" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3.75 3.75l8.5 8.5"></path><path d="M12.25 3.75l-8.5 8.5"></path></svg>';let c=e.createElement("div");return c.className=["relative","w-full",me,Ye].join(" "),c.setAttribute(Z,"exit"),c.appendChild(o),o.appendChild(n),{wrapper:c,toast:o,closeButton:n}}function Xe(e,t=setTimeout,r=clearTimeout){return{show(o,n={}){if(!o)return;let c=n.type&&pe[n.type]?n.type:"info",a=Ge(e);if(!a)return;let{wrapper:u,toast:d,closeButton:L}=ze(e,o,pe[c]);a.appendChild(u),Ke(e,()=>{u.setAttribute(Z,"enter")});let w=typeof n.duration=="number"?n.duration:3500,m=()=>{u.setAttribute(Z,"exit");let B=t(()=>{u.parentNode&&u.parentNode.removeChild(u)},200);return L.removeEventListener("click",A),d.removeEventListener("keydown",y),L.removeEventListener("keydown",y),B},A=()=>m(),y=B=>{B.key==="Escape"&&(B.stopPropagation(),m())};L.addEventListener("click",A),d.addEventListener("keydown",y),L.addEventListener("keydown",y);let N=null;return n.sticky||(N=t(()=>{m()},w)),{dismiss(){N&&r(N),m()}}},set(o,n){return typeof n=="string"?this.show(o,{type:n}):this.show(o,n)},info(o,n={}){return this.show(o,{...n,type:"info"})},success(o,n={}){return this.show(o,{...n,type:"success"})},error(o,n={}){return this.show(o,{...n,type:"error"})},warn(o,n={}){return this.show(o,{...n,type:"warn"})}}}function he(e,t=setTimeout,r=clearTimeout){return Xe(e,t,r)}var J=[{key:"name",label:"Name",headerClass:"w-full sm:w-1/3 text-left",cellClass:"font-medium text-text truncate"},{key:"progress",label:"Progress",headerClass:"w-24 text-right",cellClass:"tabular-nums text-right",formatter:"progress"},{key:"downloadSpeed",label:"\u2193 Speed",headerClass:"w-24 text-right",cellClass:"tabular-nums text-right",formatter:"bytesPerSecond"},{key:"uploadSpeed",label:"\u2191 Speed",headerClass:"w-24 text-right",cellClass:"tabular-nums text-right",formatter:"bytesPerSecond"},{key:"numPeers",label:"Peers",headerClass:"w-20 text-right",cellClass:"tabular-nums text-right",formatter:"integer"},{key:"ratio",label:"Ratio",headerClass:"w-20 text-right",cellClass:"tabular-nums text-right",formatter:"ratio"}];function Ze(e){return e?e.infoHash||e.magnetURI||e.name||String(Math.random()):""}function Je(e,t){return!e||!t?!1:e===t||e.magnetURI&&e.magnetURI===t.magnetURI||e.infoHash&&e.infoHash===t.infoHash}function Qe(e){return typeof e!="number"||Number.isNaN(e)?"":`${(e*100).toFixed(1)}%`}function et(e){return typeof e!="number"||!Number.isFinite(e)?"0.00":e.toFixed(2)}function tt(e){return typeof e!="number"||!Number.isFinite(e)?"0":Math.max(0,Math.floor(e)).toString()}function rt(e,t){if(typeof t=="function")return t(e,!0)||"";if(typeof e!="number"||Number.isNaN(e)||e<1)return"";let r=["B","kB","MB","GB","TB"],o=Math.min(Math.floor(Math.log(e)/Math.log(1e3)),r.length-1);return`${(e/Math.pow(1e3,o)).toFixed(1)} ${r[o]}/s`}function nt(e,t){let r=e.formatter;if(typeof r=="function")return r;let o=t?.[r];if(typeof o=="function")return o;switch(r){case"progress":return Qe;case"ratio":return et;case"integer":return tt;case"bytesPerSecond":return n=>rt(n,t?.bytes);default:return n=>n}}function be({documentRef:e=typeof document<"u"?document:null,root:t,onSelect:r,formatters:o={}}={}){if(!e)throw new Error("createTorrentTable requires a document reference");if(!(t instanceof e.defaultView.HTMLElement))throw new Error("createTorrentTable requires a valid root element");let n=e;t.innerHTML="";let c=n.createElement("div");c.className="overflow-hidden rounded-xl border border-border-translucent bg-surface shadow-sm";let a=n.createElement("div");a.className="overflow-x-auto",c.appendChild(a);let u=n.createElement("table");u.className="min-w-full divide-y divide-border-translucent text-sm",a.appendChild(u);let d=n.createElement("thead");d.className="bg-surface-alt text-muted-strong";let L=n.createElement("tr");J.forEach(E=>{let x=n.createElement("th");x.setAttribute("scope","col"),x.className="px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide",E.headerClass&&(x.className+=` ${E.headerClass}`),x.textContent=E.label,L.appendChild(x)}),d.appendChild(L),u.appendChild(d);let w=n.createElement("tbody");w.className="divide-y divide-border-translucent",u.appendChild(w);let m=n.createElement("tbody"),A=n.createElement("tr"),y=n.createElement("td");y.className="px-4 py-8 text-center text-sm text-muted",y.colSpan=J.length,y.textContent="No active torrents yet. Add a magnet link to get started.",A.appendChild(y),m.appendChild(A),u.appendChild(m),t.appendChild(c);function N(E=[],x=null){let P=Array.isArray(E)?E:[];if(w.innerHTML="",!P.length){w.hidden=!0,m.hidden=!1;return}w.hidden=!1,m.hidden=!0;for(let O of P){let g=n.createElement("tr");g.className=["group","align-middle","cursor-pointer","transition","hover:bg-panel-hover","focus-visible:outline","focus-visible:outline-2","focus-visible:outline-offset-2","focus-visible:outline-info"].join(" "),g.setAttribute("role","button"),g.setAttribute("tabindex","0"),g.dataset.torrentId=Ze(O),Je(x,O)?(g.classList.add("bg-info/10","text-text"),g.setAttribute("aria-pressed","true")):g.setAttribute("aria-pressed","false"),g.addEventListener("click",()=>{typeof r=="function"&&r(O)}),g.addEventListener("keydown",C=>{(C.key==="Enter"||C.key===" ")&&(C.preventDefault(),typeof r=="function"&&r(O))}),J.forEach(C=>{let H=n.createElement("td");H.className="px-4 py-3",C.cellClass&&(H.className+=` ${C.cellClass}`);let G=O?O[C.key]:void 0,s=nt(C,o)(G,O,C),i=n.createElement("span");i.textContent=s==null?"":String(s),H.appendChild(i),g.appendChild(H)}),w.appendChild(g)}}function B(){t.innerHTML=""}return{render:N,destroy:B}}var ot="2.0",ge=["wss://tracker.btorrent.xyz","wss://tracker.openwebtorrent.com"],ye={announce:ge},at={announce:ge};function j(e,t=!1){if(typeof e!="number"||Number.isNaN(e))return"";if(e<1)return t?"":"0 B";let r=["B","kB","MB","GB","TB"],o=Math.min(Math.floor(Math.log(e)/Math.log(1e3)),r.length-1);return`${(e/Math.pow(1e3,o)).toFixed(1)} ${r[o]}${t?"/s":""}`}function st(e){return typeof e!="number"||Number.isNaN(e)?"":`${(e*100).toFixed(1)}%`}function Ee(e){return typeof e!="number"||!Number.isFinite(e)?"0.00":e.toFixed(2)}function it(e,t){return!e||!t?!1:!!(e===t||e.infoHash&&t.infoHash&&e.infoHash===t.infoHash||e.magnetURI&&t.magnetURI&&e.magnetURI===t.magnetURI)}function ct(e){if(!(!e||!Array.isArray(e.files))&&(e.files.forEach(t=>{typeof t.priority!="string"&&(t.priority="0"),typeof t.getBlobURL=="function"&&t.getBlobURL((r,o)=>{r||!o||(t.url=o)})}),e.torrentFile&&typeof Blob=="function"&&typeof URL<"u"))try{let t=new Blob([e.torrentFile],{type:"application/x-bittorrent"});if(e.torrentFileBlobURL=URL.createObjectURL(t),!e.fileName){let r=e.name||"download";e.fileName=`${r}.torrent`}}catch(t){S.warn("[beacon] Failed to create torrent blob URL",t)}}function lt(e,t){if(!e)return;let r=typeof t=="string"?t:String(t??"0");if(e.priority=r,r==="-1"){typeof e.deselect=="function"&&e.deselect();return}let o=Number.parseInt(r,10);Number.isFinite(o)&&typeof e.select=="function"&&e.select(o)}function Te(e,t){if(!Array.isArray(t)||t.length===0)return null;if(!e)return t[0];let r=t.find(o=>it(o,e));return r||t[0]}function _e({documentRef:e=typeof document<"u"?document:null,WebTorrentCtor:t}={}){if(!e)throw new Error("createBeaconApp requires a document reference");let r=e.defaultView||globalThis,o=typeof t=="function"?t:typeof r?.WebTorrent=="function"?r.WebTorrent:null;if(!o)throw new Error("createBeaconApp requires a WebTorrent constructor");let n=he(e),c=new o({tracker:at}),a={form:e.querySelector('[data-beacon="magnet-form"]'),magnetInput:e.querySelector('[data-beacon="magnet-input"]'),seedButton:e.querySelector('[data-beacon="seed-button"]'),seedInput:e.querySelector('[data-beacon="seed-input"]'),tableRoot:e.querySelector('[data-beacon="torrent-table"]'),selectedSection:e.querySelector('[data-beacon="selected"]'),selectedName:e.querySelector('[data-beacon="selected-name"]'),pauseButton:e.querySelector('[data-beacon-action="pause"]'),resumeButton:e.querySelector('[data-beacon-action="resume"]'),downloadAllButton:e.querySelector('[data-beacon-action="download-all"]'),removeButton:e.querySelector('[data-beacon-action="remove"]'),copyMagnetButton:e.querySelector('[data-beacon-action="copy-magnet"]'),infoHashValue:e.querySelector('[data-beacon="info-hash"]'),fileList:e.querySelector('[data-beacon="file-list"]'),stats:e.querySelector('[data-beacon="client-stats"]'),overlay:e.querySelector('[data-beacon="processing-overlay"]')},u=a.tableRoot?be({documentRef:e,root:a.tableRoot,formatters:{bytes:(s,i=!1)=>j(s,i),progress:s=>st(s),ratio:s=>Ee(s),integer:s=>typeof s=="number"&&Number.isFinite(s)?Math.floor(s).toString():"0",bytesPerSecond:s=>j(s,!0)},onSelect(s){d.selectedTorrent=s,E()}}):null,d={selectedTorrent:null,processing:!1},L=[],w=[];function m(s){L.push(s)}function A(s){if(d.processing=!!s,!a.overlay)return;let i=d.processing;a.overlay.hidden=!i,a.overlay.setAttribute("aria-hidden",i?"false":"true"),i?a.overlay.style.removeProperty("display"):a.overlay.style.display="none"}function y(){return Array.isArray(c.torrents)?[...c.torrents]:[]}function N(){if(!a.stats)return;let s=j(c.downloadSpeed,!0)||"0 B/s",i=j(c.uploadSpeed,!0)||"0 B/s",p=Ee(c.ratio);a.stats.textContent=`Client stats: \u2193 ${s} \xB7 \u2191 ${i} \xB7 Ratio: ${p}`}function B(s){a.fileList&&(a.fileList.innerHTML="",!(!s||!Array.isArray(s.files)||!s.files.length)&&s.files.forEach((i,p)=>{let f=e.createElement("tr");f.className="align-top";let l=e.createElement("td");if(l.className="px-3 py-2",i.done&&i.url){let T=e.createElement("a");T.className="text-info hover:text-info-strong",T.href=i.url,T.download=i.name||`file-${p+1}`,T.textContent=i.name||`File ${p+1}`,l.appendChild(T)}else{let T=e.createElement("span");T.textContent=i.name||`File ${p+1}`,l.appendChild(T)}f.appendChild(l);let h=e.createElement("td");h.className="px-3 py-2 text-muted-strong",h.textContent=j(i.length)||"0 B",f.appendChild(h);let V=e.createElement("td");V.className="px-3 py-2";let R=e.createElement("select");R.className="select",R.name=`${i.name||`file-${p+1}`}-priority`,R.setAttribute("aria-label",`Set priority for ${i.name||`file ${p+1}`}`),[{value:"1",label:"High priority"},{value:"0",label:"Low priority"},{value:"-1",label:"Don't download"}].forEach(T=>{let Y=e.createElement("option");Y.value=T.value,Y.textContent=T.label,T.value===i.priority&&(Y.selected=!0),R.appendChild(Y)}),R.value=i.priority??"0",R.addEventListener("change",T=>{lt(i,T.target.value)}),V.appendChild(R),f.appendChild(V),a.fileList.appendChild(f)}))}function E(){if(!a.selectedSection)return;let s=y();d.selectedTorrent=Te(d.selectedTorrent,s);let i=d.selectedTorrent;a.selectedSection.hidden=!i,i&&(a.selectedName&&(a.selectedName.textContent=i.name||"Untitled torrent"),a.pauseButton&&(a.pauseButton.hidden=i.paused===!0,a.pauseButton.disabled=i.paused===!0),a.resumeButton&&(a.resumeButton.hidden=i.paused!==!0,a.resumeButton.disabled=i.paused!==!0),a.downloadAllButton&&(a.downloadAllButton.disabled=!(i.progress>=1)),a.infoHashValue&&(a.infoHashValue.textContent=i.infoHash||""),B(i))}function x(s,{isSeed:i=!1}={}){A(!1),ct(s),i||n.info(`Received ${s.name||"torrent"} metadata`),d.selectedTorrent||(d.selectedTorrent=s),E(),u?.render(y(),d.selectedTorrent)}function P(s){let i=typeof s=="string"?s.trim():"";i&&(A(!0),c.add(i,ye,p=>{x(p,{isSeed:!1})}))}function O(s){!Array.isArray(s)||s.length===0||(A(!0),c.seed(s,ye,i=>{x(i,{isSeed:!0}),n.success(`Seeding ${i.files.length} file(s)`)}))}function g(s){if(s){if(s.progress<1){n.warn("Torrent is not finished downloading yet.");return}s.files.forEach(i=>{typeof i.getBlob=="function"&&i.getBlob((p,f)=>{if(p||!f){b.error("[beacon] Failed to get blob for file",i?.name,p),n.error("Failed to prepare file for download.");return}let l=URL.createObjectURL(f),h=e.createElement("a");h.className="beacon-hidden-download",h.setAttribute("data-beacon-hidden-download","true"),h.href=l,h.download=i.name||"download",e.body.appendChild(h),h.click(),e.body.removeChild(h),URL.revokeObjectURL(l)})})}}function C(s){if(!s?.magnetURI)return;let i=s.magnetURI,p=r?.navigator?.clipboard;if(p&&typeof p.writeText=="function"){p.writeText(i).then(()=>{n.success("Magnet URI copied to clipboard!")}).catch(f=>{b.error("[beacon] Clipboard error",f),n.error("Failed to copy magnet URI")});return}try{let f=e.createElement("textarea");f.value=i,f.className="beacon-clipboard-offscreen",f.setAttribute("data-beacon-clipboard-state","offscreen"),e.body.appendChild(f),f.select(),e.execCommand?.("copy"),e.body.removeChild(f),n.success("Magnet URI copied (fallback)!")}catch(f){b.error("[beacon] Clipboard fallback error",f),n.error("Failed to copy magnet URI")}}function H(s){s&&s.destroy(i=>{i&&(b.error("[beacon] Failed to destroy torrent",i),n.error("Failed to remove torrent"));let p=y();d.selectedTorrent=Te(null,p),u?.render(p,d.selectedTorrent),E()})}function G(){if(S.info(`[beacon] Starting beacon runtime v${ot}`),n||S.warn("[beacon] Toast service unavailable"),o.WEBRTC_SUPPORT||n?.error("Please use a browser with WebRTC support.",{sticky:!0}),a.form){let l=h=>{h.preventDefault(),P(a.magnetInput?.value||""),a.magnetInput&&(a.magnetInput.value="")};a.form.addEventListener("submit",l),m(()=>a.form.removeEventListener("submit",l))}if(a.seedButton&&a.seedInput){let l=()=>{a.seedInput.click()},h=()=>{let V=Array.from(a.seedInput.files||[]);a.seedInput.value="",O(V)};a.seedButton.addEventListener("click",l),a.seedInput.addEventListener("change",h),m(()=>{a.seedButton.removeEventListener("click",l),a.seedInput.removeEventListener("change",h)})}if(a.pauseButton){let l=()=>{d.selectedTorrent&&typeof d.selectedTorrent.pause=="function"&&(d.selectedTorrent.pause(),E())};a.pauseButton.addEventListener("click",l),m(()=>a.pauseButton.removeEventListener("click",l))}if(a.resumeButton){let l=()=>{d.selectedTorrent&&typeof d.selectedTorrent.resume=="function"&&(d.selectedTorrent.resume(),E())};a.resumeButton.addEventListener("click",l),m(()=>a.resumeButton.removeEventListener("click",l))}if(a.downloadAllButton){let l=()=>g(d.selectedTorrent);a.downloadAllButton.addEventListener("click",l),m(()=>a.downloadAllButton.removeEventListener("click",l))}if(a.removeButton){let l=()=>H(d.selectedTorrent);a.removeButton.addEventListener("click",l),m(()=>a.removeButton.removeEventListener("click",l))}if(a.copyMagnetButton){let l=()=>C(d.selectedTorrent);a.copyMagnetButton.addEventListener("click",l),m(()=>a.copyMagnetButton.removeEventListener("click",l))}let s=l=>{b.error("[beacon] Torrent client error",l),n?.error(l?.message||String(l)),A(!1)};c.on("error",s),m(()=>c.removeListener("error",s));let i=l=>{if(c.torrents&&c.torrents.length>0)return l.preventDefault(),l.returnValue="Transfers are in progress. Are you sure you want to leave or refresh?",l.returnValue};r&&typeof r.addEventListener=="function"&&(r.addEventListener("beforeunload",i),m(()=>r.removeEventListener("beforeunload",i))),u?.render(y(),d.selectedTorrent),E(),N(),A(!1);let p=r.setInterval(()=>{u?.render(y(),d.selectedTorrent),E(),N()},1e3);w.push(p);let f=r?.location?.hash;typeof f=="string"&&f.length>1&&P(f.slice(1))}function Q(){w.forEach(s=>r.clearInterval(s)),w.length=0,L.forEach(s=>{try{s()}catch(i){S.warn("[beacon] Cleanup task failed",i)}}),L.length=0,u?.destroy();try{c.destroy()}catch(s){S.warn("[beacon] Failed to destroy client",s)}}return{mount:G,destroy:Q}}var Se="../../config/instance-config.js";function dt(){return typeof window<"u"&&window||typeof globalThis<"u"&&globalThis||null}function ut(){let e=dt();if(e&&typeof e.WebTorrent=="function")return e.WebTorrent;throw new Error("WebTorrent runtime is not available on the global scope")}var $=null,ft=async()=>{try{let e=await import(Se);if(e&&typeof e.THEME_ACCENT_OVERRIDES<"u")return e.THEME_ACCENT_OVERRIDES}catch(e){S.warn(`[beacon] Failed to load theme accent overrides from ${Se}`,e)}return null},pt=async()=>{try{let e=await ft();e&&ue(e)}catch(e){S.warn("[beacon] Unable to hydrate theme accent overrides",e)}try{fe()}catch(e){S.warn("[beacon] Failed to initialize theme controller",e)}};pt();function we(){if($)return S.info("[beacon] Reusing existing beacon app instance"),$;if(typeof document>"u")throw new Error("Beacon runtime requires a document environment");let e=ut();return S.info("[beacon] Creating beacon app instance"),$=_e({documentRef:document,WebTorrentCtor:e}),$.mount(),$}if(typeof document<"u")if(document.readyState==="loading")document.addEventListener("DOMContentLoaded",()=>{try{we()}catch(e){b.error("[beacon] Failed to mount app",e)}});else try{we()}catch(e){b.error("[beacon] Failed to mount app",e)}export{_e as createBeaconApp,we as mountBeaconApp};
diff --git a/dist/torrent/docs/ui-grid-ng-notify-audit.md b/dist/torrent/docs/ui-grid-ng-notify-audit.md
new file mode 100644
index 00000000..46a10aed
--- /dev/null
+++ b/dist/torrent/docs/ui-grid-ng-notify-audit.md
@@ -0,0 +1,16 @@
+# Angular UI Grid and ng-notify Audit
+
+The legacy `BTorrent` Angular module relied on `angular-ui-grid` for active torrent layout and `ng-notify` for toast notifications. The following table summarizes the features we must preserve while removing inline-style dependencies.
+
+| Area | Feature | Inline style dependency | Notes |
+| ---- | ------- | ----------------------- | ----- |
+| `app.js` (`BTorrentCtrl`) | Hidden download anchors created in `$rootScope.downloadAll` and `$rootScope.saveTorrentFile` | Uses `applyBeaconDynamicStyles` with the `hiddenDownload` slot to set `display: none` and provide fallback classes. | Required to trigger native downloads without visible UI.
+| `app.js` (`BTorrentCtrl`) | Clipboard fallback in `$rootScope.copyMagnetURI` | Applies dynamic styles through `applyBeaconDynamicStyles` (slot `clipboard`) to position a temporary `<textarea>` off-screen. | Ensures fallback copy logic does not flash on screen.
+| `FullCtrl` / `full.html` | Active torrent table provided by `ui-grid` with `ui-grid`, `ui-grid-resize-columns`, and `ui-grid-selection` directives | `ui-grid` injects inline `style` attributes to size columns (`width`, `min-width`) and to control row selection styling. | Also manages focus styling and keyboard navigation.
+| `FullCtrl` / `full.html` | Automatic row selection updates | `ui-grid` sets inline `style` on selected rows and attaches `aria-selected`. | Selection must continue to highlight chosen torrent.
+| `BTorrentCtrl` (global error handling) | Error, success, and info notifications via `ngNotify.set(message, type)` | `ng-notify` writes inline `style` values (`display`, `opacity`, transition timers) into its toast container and message wrapper. | Notification durations and stickiness are controlled through inline `opacity` animations.
+| Clipboard success/error toasts | `ngNotify.set` invoked for both async clipboard API flow and fallback copy path | Same inline-style dependency as above. | Messages require success/error tokens.
+| Metadata fetch toast | `$rootScope.onTorrent` calls `ngNotify.set` for "Received … metadata" message | Same inline-style dependency as above. | Should remain a neutral/info message.
+| WebRTC support warning | Initialization displays `ngNotify.set("Please use a browser with WebRTC support.", "error")` | Same inline-style dependency as above. | Needs to retain prominent error styling.
+
+These touchpoints guided the design of the Tailwind token replacements added in this change.
diff --git a/dist/torrent/favicon.ico b/dist/torrent/favicon.ico
new file mode 100644
index 00000000..8ea244df
Binary files /dev/null and b/dist/torrent/favicon.ico differ
diff --git a/dist/torrent/js/utils/logger.js b/dist/torrent/js/utils/logger.js
new file mode 100644
index 00000000..a86d500d
--- /dev/null
+++ b/dist/torrent/js/utils/logger.js
@@ -0,0 +1,2 @@
+export { default } from "../../../js/utils/logger.js";
+export * from "../../../js/utils/logger.js";
diff --git a/dist/torrent/src/beacon-vendor.js b/dist/torrent/src/beacon-vendor.js
new file mode 100644
index 00000000..6bca9005
--- /dev/null
+++ b/dist/torrent/src/beacon-vendor.js
@@ -0,0 +1,100 @@
+import { devLogger, userLogger } from "../js/utils/logger.js";
+import {
+  initThemeController,
+  setThemeAccentOverrides,
+} from "../../js/themeController.js";
+import { createBeaconApp } from "../app.js";
+
+const CONFIG_MODULE_ID = "../../config/instance-config.js";
+
+function resolveGlobalScope() {
+  return (
+    (typeof window !== "undefined" && window) ||
+    (typeof globalThis !== "undefined" && globalThis) ||
+    null
+  );
+}
+
+function resolveWebTorrent() {
+  const globalScope = resolveGlobalScope();
+
+  if (globalScope && typeof globalScope.WebTorrent === "function") {
+    return globalScope.WebTorrent;
+  }
+
+  throw new Error("WebTorrent runtime is not available on the global scope");
+}
+
+let appInstance = null;
+
+const loadThemeAccentOverrides = async () => {
+  try {
+    const configModule = await import(CONFIG_MODULE_ID);
+    if (configModule && typeof configModule.THEME_ACCENT_OVERRIDES !== "undefined") {
+      return configModule.THEME_ACCENT_OVERRIDES;
+    }
+  } catch (error) {
+    devLogger.warn(
+      `[beacon] Failed to load theme accent overrides from ${CONFIG_MODULE_ID}`,
+      error,
+    );
+  }
+
+  return null;
+};
+
+const initializeThemeController = async () => {
+  try {
+    const overrides = await loadThemeAccentOverrides();
+    if (overrides) {
+      setThemeAccentOverrides(overrides);
+    }
+  } catch (error) {
+    devLogger.warn("[beacon] Unable to hydrate theme accent overrides", error);
+  }
+
+  try {
+    initThemeController();
+  } catch (error) {
+    devLogger.warn("[beacon] Failed to initialize theme controller", error);
+  }
+};
+
+initializeThemeController();
+
+function mountBeaconApp() {
+  if (appInstance) {
+    devLogger.info("[beacon] Reusing existing beacon app instance");
+    return appInstance;
+  }
+
+  if (typeof document === "undefined") {
+    throw new Error("Beacon runtime requires a document environment");
+  }
+
+  const WebTorrentCtor = resolveWebTorrent();
+  devLogger.info("[beacon] Creating beacon app instance");
+  appInstance = createBeaconApp({ documentRef: document, WebTorrentCtor });
+  appInstance.mount();
+  return appInstance;
+}
+
+if (typeof document !== "undefined") {
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", () => {
+      try {
+        mountBeaconApp();
+      } catch (error) {
+        userLogger.error("[beacon] Failed to mount app", error);
+      }
+    });
+  } else {
+    try {
+      mountBeaconApp();
+    } catch (error) {
+      userLogger.error("[beacon] Failed to mount app", error);
+    }
+  }
+}
+
+export { createBeaconApp, mountBeaconApp };
diff --git a/dist/torrent/ui/styleHelpers.js b/dist/torrent/ui/styleHelpers.js
new file mode 100644
index 00000000..23e3ff5a
--- /dev/null
+++ b/dist/torrent/ui/styleHelpers.js
@@ -0,0 +1,7 @@
+export function applyBeaconDynamicStyles(element) {
+  return element ?? null;
+}
+
+export function removeBeaconDynamicStyles() {}
+
+export const beaconDynamicFallbackClasses = Object.freeze({});
diff --git a/dist/torrent/ui/toastService.js b/dist/torrent/ui/toastService.js
new file mode 100644
index 00000000..f2d1ff3d
--- /dev/null
+++ b/dist/torrent/ui/toastService.js
@@ -0,0 +1,191 @@
+const TOAST_TYPE_CLASSES = {
+  info: "torrent-toast torrent-toast--info",
+  success: "torrent-toast torrent-toast--success",
+  error: "torrent-toast torrent-toast--error",
+  warn: "torrent-toast torrent-toast--warn",
+};
+
+const TRANSITION_CLASSES = "transition duration-200 ease-out";
+const MOTION_CLASS = "beacon-toast-motion";
+const MOTION_ATTR = "data-beacon-motion";
+
+function scheduleMotionFrame(documentRef, callback) {
+  const view = documentRef?.defaultView;
+
+  if (view && typeof view.requestAnimationFrame === "function") {
+    view.requestAnimationFrame(callback);
+    return;
+  }
+
+  setTimeout(callback, 16);
+}
+
+function ensureContainer(doc) {
+  const documentRef = doc || (typeof document !== "undefined" ? document : null);
+
+  if (!documentRef) {
+    return null;
+  }
+
+  let container = documentRef.getElementById("beacon-toast-container");
+
+  if (!container) {
+    container = documentRef.createElement("div");
+    container.id = "beacon-toast-container";
+    container.setAttribute("role", "region");
+    container.setAttribute("aria-live", "polite");
+    container.className = [
+      "pointer-events-none",
+      "fixed",
+      "inset-x-0",
+      "top-0",
+      "z-overlay-toast",
+      "flex",
+      "w-full",
+      "flex-col",
+      "items-center",
+      "gap-3",
+      "px-4",
+      "pt-6",
+      "sm:items-end",
+      "sm:px-6",
+      "sm:pt-8",
+    ].join(" ");
+
+    const body = documentRef.body || documentRef.getElementsByTagName?.("body")?.[0];
+    if (body) {
+      body.appendChild(container);
+    }
+  }
+
+  return container;
+}
+
+function buildToastElement(documentRef, message, typeClass) {
+  const toast = documentRef.createElement("div");
+  toast.className = [TRANSITION_CLASSES, typeClass].join(" ");
+  toast.setAttribute("role", "status");
+  toast.setAttribute("tabindex", "0");
+  toast.textContent = message;
+
+  const closeButton = documentRef.createElement("button");
+  closeButton.type = "button";
+  closeButton.className = [
+    "notification-dismiss",
+    "focus-ring",
+    "absolute",
+    "right-3",
+    "top-3",
+  ].join(" ");
+  closeButton.setAttribute("aria-label", "Dismiss notification");
+  closeButton.innerHTML =
+    '<svg class="h-4 w-4" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3.75 3.75l8.5 8.5"></path><path d="M12.25 3.75l-8.5 8.5"></path></svg>';
+
+  const wrapper = documentRef.createElement("div");
+  wrapper.className = [
+    "relative",
+    "w-full",
+    TRANSITION_CLASSES,
+    MOTION_CLASS,
+  ].join(" ");
+  wrapper.setAttribute(MOTION_ATTR, "exit");
+
+  wrapper.appendChild(toast);
+  toast.appendChild(closeButton);
+
+  return { wrapper, toast, closeButton };
+}
+
+export function createToastManager(documentRef, timeoutRef = setTimeout, clearTimeoutRef = clearTimeout) {
+  return {
+    show(message, options = {}) {
+      if (!message) {
+        return;
+      }
+
+      const type = options.type && TOAST_TYPE_CLASSES[options.type] ? options.type : "info";
+      const container = ensureContainer(documentRef);
+
+      if (!container) {
+        return;
+      }
+
+      const { wrapper, toast, closeButton } = buildToastElement(
+        documentRef,
+        message,
+        TOAST_TYPE_CLASSES[type],
+      );
+
+      container.appendChild(wrapper);
+
+      scheduleMotionFrame(documentRef, () => {
+        wrapper.setAttribute(MOTION_ATTR, "enter");
+      });
+
+      const duration = typeof options.duration === "number" ? options.duration : 3500;
+      const cleanup = () => {
+        wrapper.setAttribute(MOTION_ATTR, "exit");
+        const removalTimer = timeoutRef(() => {
+          if (wrapper.parentNode) {
+            wrapper.parentNode.removeChild(wrapper);
+          }
+        }, 200);
+        closeButton.removeEventListener("click", dismissHandler);
+        toast.removeEventListener("keydown", keydownHandler);
+        closeButton.removeEventListener("keydown", keydownHandler);
+        return removalTimer;
+      };
+
+      const dismissHandler = () => cleanup();
+      const keydownHandler = (event) => {
+        if (event.key === "Escape") {
+          event.stopPropagation();
+          cleanup();
+        }
+      };
+
+      closeButton.addEventListener("click", dismissHandler);
+      toast.addEventListener("keydown", keydownHandler);
+      closeButton.addEventListener("keydown", keydownHandler);
+
+      let timerId = null;
+      if (!options.sticky) {
+        timerId = timeoutRef(() => {
+          cleanup();
+        }, duration);
+      }
+
+      return {
+        dismiss() {
+          if (timerId) {
+            clearTimeoutRef(timerId);
+          }
+          cleanup();
+        },
+      };
+    },
+    set(message, typeOrOptions) {
+      if (typeof typeOrOptions === "string") {
+        return this.show(message, { type: typeOrOptions });
+      }
+
+      return this.show(message, typeOrOptions);
+    },
+    info(message, options = {}) {
+      return this.show(message, { ...options, type: "info" });
+    },
+    success(message, options = {}) {
+      return this.show(message, { ...options, type: "success" });
+    },
+    error(message, options = {}) {
+      return this.show(message, { ...options, type: "error" });
+    },
+    warn(message, options = {}) {
+      return this.show(message, { ...options, type: "warn" });
+    },
+  };
+}
+
+export function createBeaconToast(documentRef, timeoutRef = setTimeout, clearTimeoutRef = clearTimeout) {
+  return createToastManager(documentRef, timeoutRef, clearTimeoutRef);
+}
diff --git a/dist/torrent/ui/torrentTable.js b/dist/torrent/ui/torrentTable.js
new file mode 100644
index 00000000..96b017fd
--- /dev/null
+++ b/dist/torrent/ui/torrentTable.js
@@ -0,0 +1,266 @@
+const COLUMN_DEFS = [
+  {
+    key: "name",
+    label: "Name",
+    headerClass: "w-full sm:w-1/3 text-left",
+    cellClass: "font-medium text-text truncate",
+  },
+  {
+    key: "progress",
+    label: "Progress",
+    headerClass: "w-24 text-right",
+    cellClass: "tabular-nums text-right",
+    formatter: "progress",
+  },
+  {
+    key: "downloadSpeed",
+    label: "\u2193 Speed",
+    headerClass: "w-24 text-right",
+    cellClass: "tabular-nums text-right",
+    formatter: "bytesPerSecond",
+  },
+  {
+    key: "uploadSpeed",
+    label: "\u2191 Speed",
+    headerClass: "w-24 text-right",
+    cellClass: "tabular-nums text-right",
+    formatter: "bytesPerSecond",
+  },
+  {
+    key: "numPeers",
+    label: "Peers",
+    headerClass: "w-20 text-right",
+    cellClass: "tabular-nums text-right",
+    formatter: "integer",
+  },
+  {
+    key: "ratio",
+    label: "Ratio",
+    headerClass: "w-20 text-right",
+    cellClass: "tabular-nums text-right",
+    formatter: "ratio",
+  },
+];
+
+function getRowId(torrent) {
+  if (!torrent) {
+    return "";
+  }
+
+  return torrent.infoHash || torrent.magnetURI || torrent.name || String(Math.random());
+}
+
+function isSelectedTorrent(selected, torrent) {
+  if (!selected || !torrent) {
+    return false;
+  }
+
+  return (
+    selected === torrent ||
+    (selected.magnetURI && selected.magnetURI === torrent.magnetURI) ||
+    (selected.infoHash && selected.infoHash === torrent.infoHash)
+  );
+}
+
+function formatProgress(value) {
+  if (typeof value !== "number" || Number.isNaN(value)) {
+    return "";
+  }
+
+  return `${(value * 100).toFixed(1)}%`;
+}
+
+function formatRatio(value) {
+  if (typeof value !== "number" || !Number.isFinite(value)) {
+    return "0.00";
+  }
+
+  return value.toFixed(2);
+}
+
+function formatInteger(value) {
+  if (typeof value !== "number" || !Number.isFinite(value)) {
+    return "0";
+  }
+
+  return Math.max(0, Math.floor(value)).toString();
+}
+
+function formatBytesPerSecond(value, formatter) {
+  if (typeof formatter === "function") {
+    return formatter(value, true) || "";
+  }
+
+  if (typeof value !== "number" || Number.isNaN(value) || value < 1) {
+    return "";
+  }
+
+  const units = ["B", "kB", "MB", "GB", "TB"];
+  const exponent = Math.min(Math.floor(Math.log(value) / Math.log(1000)), units.length - 1);
+  const val = (value / Math.pow(1000, exponent)).toFixed(1);
+  return `${val} ${units[exponent]}/s`;
+}
+
+function resolveFormatter(column, customFormatters) {
+  const name = column.formatter;
+  if (typeof name === "function") {
+    return name;
+  }
+
+  const userFormatter = customFormatters?.[name];
+  if (typeof userFormatter === "function") {
+    return userFormatter;
+  }
+
+  switch (name) {
+    case "progress":
+      return formatProgress;
+    case "ratio":
+      return formatRatio;
+    case "integer":
+      return formatInteger;
+    case "bytesPerSecond":
+      return (value) => formatBytesPerSecond(value, customFormatters?.bytes);
+    default:
+      return (value) => value;
+  }
+}
+
+export function createTorrentTable({
+  documentRef = typeof document !== "undefined" ? document : null,
+  root,
+  onSelect,
+  formatters = {},
+} = {}) {
+  if (!documentRef) {
+    throw new Error("createTorrentTable requires a document reference");
+  }
+
+  if (!(root instanceof documentRef.defaultView.HTMLElement)) {
+    throw new Error("createTorrentTable requires a valid root element");
+  }
+
+  const doc = documentRef;
+  root.innerHTML = "";
+
+  const container = doc.createElement("div");
+  container.className = "overflow-hidden rounded-xl border border-border-translucent bg-surface shadow-sm";
+
+  const scroll = doc.createElement("div");
+  scroll.className = "overflow-x-auto";
+  container.appendChild(scroll);
+
+  const table = doc.createElement("table");
+  table.className = "min-w-full divide-y divide-border-translucent text-sm";
+  scroll.appendChild(table);
+
+  const thead = doc.createElement("thead");
+  thead.className = "bg-surface-alt text-muted-strong";
+  const headerRow = doc.createElement("tr");
+  COLUMN_DEFS.forEach((column) => {
+    const th = doc.createElement("th");
+    th.setAttribute("scope", "col");
+    th.className = "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide";
+    if (column.headerClass) {
+      th.className += ` ${column.headerClass}`;
+    }
+    th.textContent = column.label;
+    headerRow.appendChild(th);
+  });
+  thead.appendChild(headerRow);
+  table.appendChild(thead);
+
+  const tbody = doc.createElement("tbody");
+  tbody.className = "divide-y divide-border-translucent";
+  table.appendChild(tbody);
+
+  const emptyBody = doc.createElement("tbody");
+  const emptyRow = doc.createElement("tr");
+  const emptyCell = doc.createElement("td");
+  emptyCell.className = "px-4 py-8 text-center text-sm text-muted";
+  emptyCell.colSpan = COLUMN_DEFS.length;
+  emptyCell.textContent = "No active torrents yet. Add a magnet link to get started.";
+  emptyRow.appendChild(emptyCell);
+  emptyBody.appendChild(emptyRow);
+  table.appendChild(emptyBody);
+
+  root.appendChild(container);
+
+  function render(torrents = [], selectedTorrent = null) {
+    const rows = Array.isArray(torrents) ? torrents : [];
+    tbody.innerHTML = "";
+
+    if (!rows.length) {
+      tbody.hidden = true;
+      emptyBody.hidden = false;
+      return;
+    }
+
+    tbody.hidden = false;
+    emptyBody.hidden = true;
+
+    for (const torrent of rows) {
+      const row = doc.createElement("tr");
+      row.className = [
+        "group",
+        "align-middle",
+        "cursor-pointer",
+        "transition",
+        "hover:bg-panel-hover",
+        "focus-visible:outline",
+        "focus-visible:outline-2",
+        "focus-visible:outline-offset-2",
+        "focus-visible:outline-info",
+      ].join(" ");
+      row.setAttribute("role", "button");
+      row.setAttribute("tabindex", "0");
+      row.dataset.torrentId = getRowId(torrent);
+
+      if (isSelectedTorrent(selectedTorrent, torrent)) {
+        row.classList.add("bg-info/10", "text-text");
+        row.setAttribute("aria-pressed", "true");
+      } else {
+        row.setAttribute("aria-pressed", "false");
+      }
+
+      row.addEventListener("click", () => {
+        if (typeof onSelect === "function") {
+          onSelect(torrent);
+        }
+      });
+
+      row.addEventListener("keydown", (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          if (typeof onSelect === "function") {
+            onSelect(torrent);
+          }
+        }
+      });
+
+      COLUMN_DEFS.forEach((column) => {
+        const td = doc.createElement("td");
+        td.className = "px-4 py-3";
+        if (column.cellClass) {
+          td.className += ` ${column.cellClass}`;
+        }
+
+        const value = torrent ? torrent[column.key] : undefined;
+        const formatter = resolveFormatter(column, formatters);
+        const displayValue = formatter(value, torrent, column);
+        const span = doc.createElement("span");
+        span.textContent = displayValue == null ? "" : String(displayValue);
+        td.appendChild(span);
+        row.appendChild(td);
+      });
+
+      tbody.appendChild(row);
+    }
+  }
+
+  function destroy() {
+    root.innerHTML = "";
+  }
+
+  return { render, destroy };
+}
diff --git a/dist/vendor/crypto-helpers.LICENSE b/dist/vendor/crypto-helpers.LICENSE
new file mode 100644
index 00000000..dc2bc64d
--- /dev/null
+++ b/dist/vendor/crypto-helpers.LICENSE
@@ -0,0 +1,22 @@
+This bundle includes code from the following MIT-licensed projects:
+
+- @scure/base (c) 2022 Paul Miller (https://paulmillr.com)
+- @noble/hashes (c) 2022 Paul Miller (https://paulmillr.com)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/dist/vendor/crypto-helpers.bundle.min.js b/dist/vendor/crypto-helpers.bundle.min.js
new file mode 100644
index 00000000..27a5a43c
--- /dev/null
+++ b/dist/vendor/crypto-helpers.bundle.min.js
@@ -0,0 +1,10 @@
+/* Bundled bech32 and noble hashes helpers for bitvid (MIT Licensed). Source modules: @scure/base, @noble/hashes. */
+function m(e){if(!Number.isSafeInteger(e))throw new Error(`Wrong integer: ${e}`)}function w(...e){let t=(o,s)=>i=>o(s(i)),r=Array.from(e).reverse().reduce((o,s)=>o?t(o,s.encode):s.encode,void 0),n=e.reduce((o,s)=>o?t(o,s.decode):s.decode,void 0);return{encode:r,decode:n}}function x(e){return{encode:t=>{if(!Array.isArray(t)||t.length&&typeof t[0]!="number")throw new Error("alphabet.encode input should be an array of numbers");return t.map(r=>{if(m(r),r<0||r>=e.length)throw new Error(`Digit index outside alphabet: ${r} (alphabet: ${e.length})`);return e[r]})},decode:t=>{if(!Array.isArray(t)||t.length&&typeof t[0]!="string")throw new Error("alphabet.decode input should be array of strings");return t.map(r=>{if(typeof r!="string")throw new Error(`alphabet.decode: not string element=${r}`);let n=e.indexOf(r);if(n===-1)throw new Error(`Unknown letter: "${r}". Allowed: ${e}`);return n})}}}function y(e=""){if(typeof e!="string")throw new Error("join separator should be string");return{encode:t=>{if(!Array.isArray(t)||t.length&&typeof t[0]!="string")throw new Error("join.encode input should be array of strings");for(let r of t)if(typeof r!="string")throw new Error(`join.encode: non-string input=${r}`);return t.join(e)},decode:t=>{if(typeof t!="string")throw new Error("join.decode input should be string");return t.split(e)}}}function k(e,t="="){if(m(e),typeof t!="string")throw new Error("padding chr should be string");return{encode(r){if(!Array.isArray(r)||r.length&&typeof r[0]!="string")throw new Error("padding.encode input should be array of strings");for(let n of r)if(typeof n!="string")throw new Error(`padding.encode: non-string input=${n}`);for(;r.length*e%8;)r.push(t);return r},decode(r){if(!Array.isArray(r)||r.length&&typeof r[0]!="string")throw new Error("padding.encode input should be array of strings");for(let o of r)if(typeof o!="string")throw new Error(`padding.decode: non-string input=${o}`);let n=r.length;if(n*e%8)throw new Error("Invalid padding: string should have whole number of bytes");for(;n>0&&r[n-1]===t;n--)if(!((n-1)*e%8))throw new Error("Invalid padding: string has too much padding");return r.slice(0,n)}}}function z(e){if(typeof e!="function")throw new Error("normalize fn should be function");return{encode:t=>t,decode:t=>e(t)}}function G(e,t,r){if(t<2)throw new Error(`convertRadix: wrong from=${t}, base cannot be less than 2`);if(r<2)throw new Error(`convertRadix: wrong to=${r}, base cannot be less than 2`);if(!Array.isArray(e))throw new Error("convertRadix: data should be array");if(!e.length)return[];let n=0,o=[],s=Array.from(e);for(s.forEach(i=>{if(m(i),i<0||i>=t)throw new Error(`Wrong integer: ${i}`)});;){let i=0,h=!0;for(let a=n;a<s.length;a++){let d=s[a],c=t*i+d;if(!Number.isSafeInteger(c)||t*i/t!==i||c-d!==t*i)throw new Error("convertRadix: carry overflow");if(i=c%r,s[a]=Math.floor(c/r),!Number.isSafeInteger(s[a])||s[a]*r+i!==c)throw new Error("convertRadix: carry overflow");if(h)s[a]?h=!1:n=a;else continue}if(o.push(i),h)break}for(let i=0;i<e.length-1&&e[i]===0;i++)o.push(0);return o.reverse()}var X=(e,t)=>t?X(t,e%t):e,$=(e,t)=>e+(t-X(e,t));function I(e,t,r,n){if(!Array.isArray(e))throw new Error("convertRadix2: data should be array");if(t<=0||t>32)throw new Error(`convertRadix2: wrong from=${t}`);if(r<=0||r>32)throw new Error(`convertRadix2: wrong to=${r}`);if($(t,r)>32)throw new Error(`convertRadix2: carry overflow from=${t} to=${r} carryBits=${$(t,r)}`);let o=0,s=0,i=2**r-1,h=[];for(let a of e){if(m(a),a>=2**t)throw new Error(`convertRadix2: invalid data word=${a} from=${t}`);if(o=o<<t|a,s+t>32)throw new Error(`convertRadix2: carry overflow pos=${s} from=${t}`);for(s+=t;s>=r;s-=r)h.push((o>>s-r&i)>>>0);o&=2**s-1}if(o=o<<r-s&i,!n&&s>=t)throw new Error("Excess padding");if(!n&&o)throw new Error(`Non-zero padding: ${o}`);return n&&s>0&&h.push(o>>>0),h}function q(e){return m(e),{encode:t=>{if(!(t instanceof Uint8Array))throw new Error("radix.encode input should be Uint8Array");return G(Array.from(t),2**8,e)},decode:t=>{if(!Array.isArray(t)||t.length&&typeof t[0]!="number")throw new Error("radix.decode input should be array of strings");return Uint8Array.from(G(t,e,2**8))}}}function g(e,t=!1){if(m(e),e<=0||e>32)throw new Error("radix2: bits should be in (0..32]");if($(8,e)>32||$(e,8)>32)throw new Error("radix2: carry overflow");return{encode:r=>{if(!(r instanceof Uint8Array))throw new Error("radix2.encode input should be Uint8Array");return I(Array.from(r),8,e,!t)},decode:r=>{if(!Array.isArray(r)||r.length&&typeof r[0]!="number")throw new Error("radix2.decode input should be array of strings");return Uint8Array.from(I(r,e,8,t))}}}function V(e){if(typeof e!="function")throw new Error("unsafeWrapper fn should be function");return function(...t){try{return e.apply(null,t)}catch{}}}var Z=w(g(4),x("0123456789ABCDEF"),y("")),ee=w(g(5),x("ABCDEFGHIJKLMNOPQRSTUVWXYZ234567"),k(5),y("")),Ue=w(g(5),x("0123456789ABCDEFGHIJKLMNOPQRSTUV"),k(5),y("")),Le=w(g(5),x("0123456789ABCDEFGHJKMNPQRSTVWXYZ"),y(""),z(e=>e.toUpperCase().replace(/O/g,"0").replace(/[IL]/g,"1"))),te=w(g(6),x("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"),k(6),y("")),re=w(g(6),x("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_"),k(6),y("")),j=e=>w(q(58),x(e),y("")),R=j("123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz"),$e=j("123456789abcdefghijkmnopqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ"),ke=j("rpshnaf39wBUDNEGHJKLM4PQRST7VWXYZ2bcdeCg65jkm8oFqi1tuvAxyz"),M=[0,2,3,5,6,7,9,10,11],ne={encode(e){let t="";for(let r=0;r<e.length;r+=8){let n=e.subarray(r,r+8);t+=R.encode(n).padStart(M[n.length],"1")}return t},decode(e){let t=[];for(let r=0;r<e.length;r+=11){let n=e.slice(r,r+11),o=M.indexOf(n.length),s=R.decode(n);for(let i=0;i<s.length-o;i++)if(s[i]!==0)throw new Error("base58xmr: wrong padding");t=t.concat(Array.from(s.slice(s.length-o)))}return Uint8Array.from(t)}};var N=w(x("qpzry9x8gf2tvdw0s3jn54khce6mua7l"),y("")),P=[996825010,642813549,513874426,1027748829,705979059];function L(e){let t=e>>25,r=(e&33554431)<<5;for(let n=0;n<P.length;n++)(t>>n&1)===1&&(r^=P[n]);return r}function K(e,t,r=1){let n=e.length,o=1;for(let s=0;s<n;s++){let i=e.charCodeAt(s);if(i<33||i>126)throw new Error(`Invalid prefix (${e})`);o=L(o)^i>>5}o=L(o);for(let s=0;s<n;s++)o=L(o)^e.charCodeAt(s)&31;for(let s of t)o=L(o)^s;for(let s=0;s<6;s++)o=L(o);return o^=r,N.encode(I([o%2**30],30,5,!1))}function J(e){let t=e==="bech32"?1:734539939,r=g(5),n=r.decode,o=r.encode,s=V(n);function i(c,f,u=90){if(typeof c!="string")throw new Error(`bech32.encode prefix should be string, not ${typeof c}`);if(!Array.isArray(f)||f.length&&typeof f[0]!="number")throw new Error(`bech32.encode words should be array of numbers, not ${typeof f}`);let l=c.length+7+f.length;if(u!==!1&&l>u)throw new TypeError(`Length ${l} exceeds limit ${u}`);return c=c.toLowerCase(),`${c}1${N.encode(f)}${K(c,f,t)}`}function h(c,f=90){if(typeof c!="string")throw new Error(`bech32.decode input should be string, not ${typeof c}`);if(c.length<8||f!==!1&&c.length>f)throw new TypeError(`Wrong string length: ${c.length} (${c}). Expected (8..${f})`);let u=c.toLowerCase();if(c!==u&&c!==c.toUpperCase())throw new Error("String must be lowercase or uppercase");c=u;let l=c.lastIndexOf("1");if(l===0||l===-1)throw new Error('Letter "1" must be present between prefix and data only');let U=c.slice(0,l),A=c.slice(l+1);if(A.length<6)throw new Error("Data must be at least 6 characters long");let _=N.decode(A).slice(0,-6),F=K(U,_,t);if(!A.endsWith(F))throw new Error(`Invalid checksum in ${c}: expected "${F}"`);return{prefix:U,words:_}}let a=V(h);function d(c){let{prefix:f,words:u}=h(c,!1);return{prefix:f,words:u,bytes:n(u)}}return{encode:i,decode:h,decodeToBytes:d,decodeUnsafe:a,fromWords:n,fromWordsUnsafe:s,toWords:o}}var oe=J("bech32"),Be=J("bech32m"),se={encode:e=>new TextDecoder().decode(e),decode:e=>new TextEncoder().encode(e)},ie=w(g(4),x("0123456789abcdef"),y(""),z(e=>{if(typeof e!="string"||e.length%2)throw new TypeError(`hex.decode: expected string, got ${typeof e} with length ${e.length}`);return e.toLowerCase()})),ce={utf8:se,hex:ie,base16:Z,base32:ee,base64:te,base64url:re,base58:R,base58xmr:ne},Te=`Invalid encoding type. Available types: ${Object.keys(ce).join(", ")}`;function D(e){if(!Number.isSafeInteger(e)||e<0)throw new Error(`Wrong positive integer: ${e}`)}function fe(e){if(typeof e!="boolean")throw new Error(`Expected boolean, not ${e}`)}function Q(e,...t){if(!(e instanceof Uint8Array))throw new Error("Expected Uint8Array");if(t.length>0&&!t.includes(e.length))throw new Error(`Expected Uint8Array of length ${t}, not of length=${e.length}`)}function he(e){if(typeof e!="function"||typeof e.create!="function")throw new Error("Hash should be wrapped by utils.wrapConstructor");D(e.outputLen),D(e.blockLen)}function ae(e,t=!0){if(e.destroyed)throw new Error("Hash instance has been destroyed");if(t&&e.finished)throw new Error("Hash#digest() has already been called")}function de(e,t){Q(e);let r=t.outputLen;if(e.length<r)throw new Error(`digestInto() expects output buffer of length at least ${r}`)}var ue={number:D,bool:fe,bytes:Q,hash:he,exists:ae,output:de},B=ue;var le=typeof globalThis=="object"&&"crypto"in globalThis?globalThis.crypto:void 0;var Y=e=>e instanceof Uint8Array;var v=e=>new DataView(e.buffer,e.byteOffset,e.byteLength),p=(e,t)=>e<<32-t|e>>>t,pe=new Uint8Array(new Uint32Array([287454020]).buffer)[0]===68;if(!pe)throw new Error("Non little-endian hardware is not supported");var we=Array.from({length:256},(e,t)=>t.toString(16).padStart(2,"0"));function xe(e){if(!Y(e))throw new Error("Uint8Array expected");let t="";for(let r=0;r<e.length;r++)t+=we[e[r]];return t}function ye(e){if(typeof e!="string")throw new Error(`utf8ToBytes expected string, got ${typeof e}`);return new Uint8Array(new TextEncoder().encode(e))}function S(e){if(typeof e=="string"&&(e=ye(e)),!Y(e))throw new Error(`expected Uint8Array, got ${typeof e}`);return e}var T=class{clone(){return this._cloneInto()}};function W(e){let t=n=>e().update(S(n)).digest(),r=e();return t.outputLen=r.outputLen,t.blockLen=r.blockLen,t.create=()=>e(),t}function ge(e,t,r,n){if(typeof e.setBigUint64=="function")return e.setBigUint64(t,r,n);let o=BigInt(32),s=BigInt(4294967295),i=Number(r>>o&s),h=Number(r&s),a=n?4:0,d=n?0:4;e.setUint32(t+a,i,n),e.setUint32(t+d,h,n)}var C=class extends T{constructor(t,r,n,o){super(),this.blockLen=t,this.outputLen=r,this.padOffset=n,this.isLE=o,this.finished=!1,this.length=0,this.pos=0,this.destroyed=!1,this.buffer=new Uint8Array(t),this.view=v(this.buffer)}update(t){B.exists(this);let{view:r,buffer:n,blockLen:o}=this;t=S(t);let s=t.length;for(let i=0;i<s;){let h=Math.min(o-this.pos,s-i);if(h===o){let a=v(t);for(;o<=s-i;i+=o)this.process(a,i);continue}n.set(t.subarray(i,i+h),this.pos),this.pos+=h,i+=h,this.pos===o&&(this.process(r,0),this.pos=0)}return this.length+=t.length,this.roundClean(),this}digestInto(t){B.exists(this),B.output(t,this),this.finished=!0;let{buffer:r,view:n,blockLen:o,isLE:s}=this,{pos:i}=this;r[i++]=128,this.buffer.subarray(i).fill(0),this.padOffset>o-i&&(this.process(n,0),i=0);for(let f=i;f<o;f++)r[f]=0;ge(n,o-8,BigInt(this.length*8),s),this.process(n,0);let h=v(t),a=this.outputLen;if(a%4)throw new Error("_sha2: outputLen should be aligned to 32bit");let d=a/4,c=this.get();if(d>c.length)throw new Error("_sha2: outputLen bigger than state");for(let f=0;f<d;f++)h.setUint32(4*f,c[f],s)}digest(){let{buffer:t,outputLen:r}=this;this.digestInto(t);let n=t.slice(0,r);return this.destroy(),n}_cloneInto(t){t||(t=new this.constructor),t.set(...this.get());let{blockLen:r,buffer:n,length:o,finished:s,destroyed:i,pos:h}=this;return t.length=o,t.pos=h,t.finished=s,t.destroyed=i,o%r&&t.buffer.set(n),t}};var be=(e,t,r)=>e&t^~e&r,Ee=(e,t,r)=>e&t^e&r^t&r,Ae=new Uint32Array([1116352408,1899447441,3049323471,3921009573,961987163,1508970993,2453635748,2870763221,3624381080,310598401,607225278,1426881987,1925078388,2162078206,2614888103,3248222580,3835390401,4022224774,264347078,604807628,770255983,1249150122,1555081692,1996064986,2554220882,2821834349,2952996808,3210313671,3336571891,3584528711,113926993,338241895,666307205,773529912,1294757372,1396182291,1695183700,1986661051,2177026350,2456956037,2730485921,2820302411,3259730800,3345764771,3516065817,3600352804,4094571909,275423344,430227734,506948616,659060556,883997877,958139571,1322822218,1537002063,1747873779,1955562222,2024104815,2227730452,2361852424,2428436474,2756734187,3204031479,3329325298]),b=new Uint32Array([1779033703,3144134277,1013904242,2773480762,1359893119,2600822924,528734635,1541459225]),E=new Uint32Array(64),O=class extends C{constructor(){super(64,32,8,!1),this.A=b[0]|0,this.B=b[1]|0,this.C=b[2]|0,this.D=b[3]|0,this.E=b[4]|0,this.F=b[5]|0,this.G=b[6]|0,this.H=b[7]|0}get(){let{A:t,B:r,C:n,D:o,E:s,F:i,G:h,H:a}=this;return[t,r,n,o,s,i,h,a]}set(t,r,n,o,s,i,h,a){this.A=t|0,this.B=r|0,this.C=n|0,this.D=o|0,this.E=s|0,this.F=i|0,this.G=h|0,this.H=a|0}process(t,r){for(let f=0;f<16;f++,r+=4)E[f]=t.getUint32(r,!1);for(let f=16;f<64;f++){let u=E[f-15],l=E[f-2],U=p(u,7)^p(u,18)^u>>>3,A=p(l,17)^p(l,19)^l>>>10;E[f]=A+E[f-7]+U+E[f-16]|0}let{A:n,B:o,C:s,D:i,E:h,F:a,G:d,H:c}=this;for(let f=0;f<64;f++){let u=p(h,6)^p(h,11)^p(h,25),l=c+u+be(h,a,d)+Ae[f]+E[f]|0,A=(p(n,2)^p(n,13)^p(n,22))+Ee(n,o,s)|0;c=d,d=a,a=h,h=i+l|0,i=s,s=o,o=n,n=l+A|0}n=n+this.A|0,o=o+this.B|0,s=s+this.C|0,i=i+this.D|0,h=h+this.E|0,a=a+this.F|0,d=d+this.G|0,c=c+this.H|0,this.set(n,o,s,i,h,a,d,c)}roundClean(){E.fill(0)}destroy(){this.set(0,0,0,0,0,0,0,0),this.buffer.fill(0)}},H=class extends O{constructor(){super(),this.A=-1056596264,this.B=914150663,this.C=812702999,this.D=-150054599,this.E=-4191439,this.F=1750603025,this.G=1694076839,this.H=-1090891868,this.outputLen=28}},me=W(()=>new O),He=W(()=>new H);export{oe as bech32,xe as bytesToHex,me as sha256};
+/*! Bundled license information:
+
+@scure/base/lib/esm/index.js:
+  (*! scure-base - MIT License (c) 2022 Paul Miller (paulmillr.com) *)
+
+@noble/hashes/esm/utils.js:
+  (*! noble-hashes - MIT License (c) 2022 Paul Miller (paulmillr.com) *)
+*/
diff --git a/dist/vendor/crypto-helpers.entry.js b/dist/vendor/crypto-helpers.entry.js
new file mode 100644
index 00000000..96b36172
--- /dev/null
+++ b/dist/vendor/crypto-helpers.entry.js
@@ -0,0 +1,3 @@
+export { bech32 } from "@scure/base";
+export { sha256 } from "@noble/hashes/sha256";
+export { bytesToHex } from "@noble/hashes/utils";
diff --git a/dist/vendor/floating-ui.LICENSE b/dist/vendor/floating-ui.LICENSE
new file mode 100644
index 00000000..639cdc6c
--- /dev/null
+++ b/dist/vendor/floating-ui.LICENSE
@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2021-present Floating UI contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/dist/vendor/floating-ui.dom.bundle.min.js b/dist/vendor/floating-ui.dom.bundle.min.js
new file mode 100644
index 00000000..aa3ba55a
--- /dev/null
+++ b/dist/vendor/floating-ui.dom.bundle.min.js
@@ -0,0 +1 @@
+var $=Math.min,B=Math.max,ot=Math.round,it=Math.floor,E=t=>({x:t,y:t}),qt={left:"right",right:"left",bottom:"top",top:"bottom"},Ut={start:"end",end:"start"};function lt(t,e,n){return B(t,$(e,n))}function U(t,e){return typeof t=="function"?t(e):t}function V(t){return t.split("-")[0]}function K(t){return t.split("-")[1]}function pt(t){return t==="x"?"y":"x"}function at(t){return t==="y"?"height":"width"}var Kt=new Set(["top","bottom"]);function W(t){return Kt.has(V(t))?"y":"x"}function ft(t){return pt(W(t))}function At(t,e,n){n===void 0&&(n=!1);let o=K(t),i=ft(t),r=at(i),s=i==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[r]>e.floating[r]&&(s=nt(s)),[s,nt(s)]}function Ot(t){let e=nt(t);return[ct(t),e,ct(e)]}function ct(t){return t.replace(/start|end/g,e=>Ut[e])}var vt=["left","right"],bt=["right","left"],Gt=["top","bottom"],Jt=["bottom","top"];function Qt(t,e,n){switch(t){case"top":case"bottom":return n?e?bt:vt:e?vt:bt;case"left":case"right":return e?Gt:Jt;default:return[]}}function Rt(t,e,n,o){let i=K(t),r=Qt(V(t),n==="start",o);return i&&(r=r.map(s=>s+"-"+i),e&&(r=r.concat(r.map(ct)))),r}function nt(t){return t.replace(/left|right|bottom|top/g,e=>qt[e])}function Zt(t){return{top:0,right:0,bottom:0,left:0,...t}}function wt(t){return typeof t!="number"?Zt(t):{top:t,right:t,bottom:t,left:t}}function X(t){let{x:e,y:n,width:o,height:i}=t;return{width:o,height:i,top:n,left:e,right:e+o,bottom:n+i,x:e,y:n}}function St(t,e,n){let{reference:o,floating:i}=t,r=W(e),s=ft(e),c=at(s),l=V(e),a=r==="y",d=o.x+o.width/2-i.width/2,u=o.y+o.height/2-i.height/2,m=o[c]/2-i[c]/2,f;switch(l){case"top":f={x:d,y:o.y-i.height};break;case"bottom":f={x:d,y:o.y+o.height};break;case"right":f={x:o.x+o.width,y:u};break;case"left":f={x:o.x-i.width,y:u};break;default:f={x:o.x,y:o.y}}switch(K(e)){case"start":f[s]-=m*(n&&a?-1:1);break;case"end":f[s]+=m*(n&&a?-1:1);break}return f}async function Ct(t,e){var n;e===void 0&&(e={});let{x:o,y:i,platform:r,rects:s,elements:c,strategy:l}=t,{boundary:a="clippingAncestors",rootBoundary:d="viewport",elementContext:u="floating",altBoundary:m=!1,padding:f=0}=U(e,t),g=wt(f),w=c[m?u==="floating"?"reference":"floating":u],h=X(await r.getClippingRect({element:(n=await(r.isElement==null?void 0:r.isElement(w)))==null||n?w:w.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(c.floating)),boundary:a,rootBoundary:d,strategy:l})),x=u==="floating"?{x:o,y:i,width:s.floating.width,height:s.floating.height}:s.reference,y=await(r.getOffsetParent==null?void 0:r.getOffsetParent(c.floating)),v=await(r.isElement==null?void 0:r.isElement(y))?await(r.getScale==null?void 0:r.getScale(y))||{x:1,y:1}:{x:1,y:1},O=X(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:x,offsetParent:y,strategy:l}):x);return{top:(h.top-O.top+g.top)/v.y,bottom:(O.bottom-h.bottom+g.bottom)/v.y,left:(h.left-O.left+g.left)/v.x,right:(O.right-h.right+g.right)/v.x}}var Pt=async(t,e,n)=>{let{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:s}=n,c=r.filter(Boolean),l=await(s.isRTL==null?void 0:s.isRTL(e)),a=await s.getElementRects({reference:t,floating:e,strategy:i}),{x:d,y:u}=St(a,o,l),m=o,f={},g=0;for(let w=0;w<c.length;w++){var p;let{name:h,fn:x}=c[w],{x:y,y:v,data:O,reset:b}=await x({x:d,y:u,initialPlacement:o,placement:m,strategy:i,middlewareData:f,rects:a,platform:{...s,detectOverflow:(p=s.detectOverflow)!=null?p:Ct},elements:{reference:t,floating:e}});d=y??d,u=v??u,f={...f,[h]:{...f[h],...O}},b&&g<=50&&(g++,typeof b=="object"&&(b.placement&&(m=b.placement),b.rects&&(a=b.rects===!0?await s.getElementRects({reference:t,floating:e,strategy:i}):b.rects),{x:d,y:u}=St(a,m,l)),w=-1)}return{x:d,y:u,placement:m,strategy:i,middlewareData:f}},Tt=t=>({name:"arrow",options:t,async fn(e){let{x:n,y:o,placement:i,rects:r,platform:s,elements:c,middlewareData:l}=e,{element:a,padding:d=0}=U(t,e)||{};if(a==null)return{};let u=wt(d),m={x:n,y:o},f=ft(i),g=at(f),p=await s.getDimensions(a),w=f==="y",h=w?"top":"left",x=w?"bottom":"right",y=w?"clientHeight":"clientWidth",v=r.reference[g]+r.reference[f]-m[f]-r.floating[g],O=m[f]-r.reference[f],b=await(s.getOffsetParent==null?void 0:s.getOffsetParent(a)),S=b?b[y]:0;(!S||!await(s.isElement==null?void 0:s.isElement(b)))&&(S=c.floating[y]||r.floating[g]);let Z=v/2-O/2,z=S/2-p[g]/2-1,F=$(u[h],z),tt=$(u[x],z),_=F,et=S-p[g]-tt,A=S/2-p[g]/2+Z,I=lt(_,A,et),k=!l.arrow&&K(i)!=null&&A!==I&&r.reference[g]/2-(A<_?F:tt)-p[g]/2<0,T=k?A<_?A-_:A-et:0;return{[f]:m[f]+T,data:{[f]:I,centerOffset:A-I-T,...k&&{alignmentOffset:T}},reset:k}}});var Lt=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var n,o;let{placement:i,middlewareData:r,rects:s,initialPlacement:c,platform:l,elements:a}=e,{mainAxis:d=!0,crossAxis:u=!0,fallbackPlacements:m,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:p=!0,...w}=U(t,e);if((n=r.arrow)!=null&&n.alignmentOffset)return{};let h=V(i),x=W(c),y=V(c)===c,v=await(l.isRTL==null?void 0:l.isRTL(a.floating)),O=m||(y||!p?[nt(c)]:Ot(c)),b=g!=="none";!m&&b&&O.push(...Rt(c,p,g,v));let S=[c,...O],Z=await l.detectOverflow(e,w),z=[],F=((o=r.flip)==null?void 0:o.overflows)||[];if(d&&z.push(Z[h]),u){let A=At(i,s,v);z.push(Z[A[0]],Z[A[1]])}if(F=[...F,{placement:i,overflows:z}],!z.every(A=>A<=0)){var tt,_;let A=(((tt=r.flip)==null?void 0:tt.index)||0)+1,I=S[A];if(I&&(!(u==="alignment"?x!==W(I):!1)||F.every(L=>W(L.placement)===x?L.overflows[0]>0:!0)))return{data:{index:A,overflows:F},reset:{placement:I}};let k=(_=F.filter(T=>T.overflows[0]<=0).sort((T,L)=>T.overflows[1]-L.overflows[1])[0])==null?void 0:_.placement;if(!k)switch(f){case"bestFit":{var et;let T=(et=F.filter(L=>{if(b){let H=W(L.placement);return H===x||H==="y"}return!0}).map(L=>[L.placement,L.overflows.filter(H=>H>0).reduce((H,Yt)=>H+Yt,0)]).sort((L,H)=>L[1]-H[1])[0])==null?void 0:et[0];T&&(k=T);break}case"initialPlacement":k=c;break}if(i!==k)return{reset:{placement:k}}}return{}}}};var te=new Set(["left","top"]);async function ee(t,e){let{placement:n,platform:o,elements:i}=t,r=await(o.isRTL==null?void 0:o.isRTL(i.floating)),s=V(n),c=K(n),l=W(n)==="y",a=te.has(s)?-1:1,d=r&&l?-1:1,u=U(e,t),{mainAxis:m,crossAxis:f,alignmentAxis:g}=typeof u=="number"?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:u.mainAxis||0,crossAxis:u.crossAxis||0,alignmentAxis:u.alignmentAxis};return c&&typeof g=="number"&&(f=c==="end"?g*-1:g),l?{x:f*d,y:m*a}:{x:m*a,y:f*d}}var Et=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var n,o;let{x:i,y:r,placement:s,middlewareData:c}=e,l=await ee(e,t);return s===((n=c.offset)==null?void 0:n.placement)&&(o=c.arrow)!=null&&o.alignmentOffset?{}:{x:i+l.x,y:r+l.y,data:{...l,placement:s}}}}},Dt=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:n,y:o,placement:i,platform:r}=e,{mainAxis:s=!0,crossAxis:c=!1,limiter:l={fn:h=>{let{x,y}=h;return{x,y}}},...a}=U(t,e),d={x:n,y:o},u=await r.detectOverflow(e,a),m=W(V(i)),f=pt(m),g=d[f],p=d[m];if(s){let h=f==="y"?"top":"left",x=f==="y"?"bottom":"right",y=g+u[h],v=g-u[x];g=lt(y,g,v)}if(c){let h=m==="y"?"top":"left",x=m==="y"?"bottom":"right",y=p+u[h],v=p-u[x];p=lt(y,p,v)}let w=l.fn({...e,[f]:g,[m]:p});return{...w,data:{x:w.x-n,y:w.y-o,enabled:{[f]:s,[m]:c}}}}}};function ut(){return typeof window<"u"}function j(t){return Ft(t)?(t.nodeName||"").toLowerCase():"#document"}function R(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function D(t){var e;return(e=(Ft(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function Ft(t){return ut()?t instanceof Node||t instanceof R(t).Node:!1}function C(t){return ut()?t instanceof Element||t instanceof R(t).Element:!1}function M(t){return ut()?t instanceof HTMLElement||t instanceof R(t).HTMLElement:!1}function Mt(t){return!ut()||typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof R(t).ShadowRoot}var ne=new Set(["inline","contents"]);function J(t){let{overflow:e,overflowX:n,overflowY:o,display:i}=P(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!ne.has(i)}var oe=new Set(["table","td","th"]);function kt(t){return oe.has(j(t))}var ie=[":popover-open",":modal"];function st(t){return ie.some(e=>{try{return t.matches(e)}catch{return!1}})}var se=["transform","translate","scale","rotate","perspective"],re=["transform","translate","scale","rotate","perspective","filter"],ce=["paint","layout","strict","content"];function dt(t){let e=mt(),n=C(t)?P(t):t;return se.some(o=>n[o]?n[o]!=="none":!1)||(n.containerType?n.containerType!=="normal":!1)||!e&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!e&&(n.filter?n.filter!=="none":!1)||re.some(o=>(n.willChange||"").includes(o))||ce.some(o=>(n.contain||"").includes(o))}function Bt(t){let e=N(t);for(;M(e)&&!Y(e);){if(dt(e))return e;if(st(e))return null;e=N(e)}return null}function mt(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}var le=new Set(["html","body","#document"]);function Y(t){return le.has(j(t))}function P(t){return R(t).getComputedStyle(t)}function rt(t){return C(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function N(t){if(j(t)==="html")return t;let e=t.assignedSlot||t.parentNode||Mt(t)&&t.host||D(t);return Mt(e)?e.host:e}function Wt(t){let e=N(t);return Y(e)?t.ownerDocument?t.ownerDocument.body:t.body:M(e)&&J(e)?e:Wt(e)}function G(t,e,n){var o;e===void 0&&(e=[]),n===void 0&&(n=!0);let i=Wt(t),r=i===((o=t.ownerDocument)==null?void 0:o.body),s=R(i);if(r){let c=gt(s);return e.concat(s,s.visualViewport||[],J(i)?i:[],c&&n?G(c):[])}return e.concat(i,G(i,[],n))}function gt(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function Vt(t){let e=P(t),n=parseFloat(e.width)||0,o=parseFloat(e.height)||0,i=M(t),r=i?t.offsetWidth:n,s=i?t.offsetHeight:o,c=ot(n)!==r||ot(o)!==s;return c&&(n=r,o=s),{width:n,height:o,$:c}}function yt(t){return C(t)?t:t.contextElement}function Q(t){let e=yt(t);if(!M(e))return E(1);let n=e.getBoundingClientRect(),{width:o,height:i,$:r}=Vt(e),s=(r?ot(n.width):n.width)/o,c=(r?ot(n.height):n.height)/i;return(!s||!Number.isFinite(s))&&(s=1),(!c||!Number.isFinite(c))&&(c=1),{x:s,y:c}}var ae=E(0);function zt(t){let e=R(t);return!mt()||!e.visualViewport?ae:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function fe(t,e,n){return e===void 0&&(e=!1),!n||e&&n!==R(t)?!1:e}function q(t,e,n,o){e===void 0&&(e=!1),n===void 0&&(n=!1);let i=t.getBoundingClientRect(),r=yt(t),s=E(1);e&&(o?C(o)&&(s=Q(o)):s=Q(t));let c=fe(r,n,o)?zt(r):E(0),l=(i.left+c.x)/s.x,a=(i.top+c.y)/s.y,d=i.width/s.x,u=i.height/s.y;if(r){let m=R(r),f=o&&C(o)?R(o):o,g=m,p=gt(g);for(;p&&o&&f!==g;){let w=Q(p),h=p.getBoundingClientRect(),x=P(p),y=h.left+(p.clientLeft+parseFloat(x.paddingLeft))*w.x,v=h.top+(p.clientTop+parseFloat(x.paddingTop))*w.y;l*=w.x,a*=w.y,d*=w.x,u*=w.y,l+=y,a+=v,g=R(p),p=gt(g)}}return X({width:d,height:u,x:l,y:a})}function ht(t,e){let n=rt(t).scrollLeft;return e?e.left+n:q(D(t)).left+n}function _t(t,e){let n=t.getBoundingClientRect(),o=n.left+e.scrollLeft-ht(t,n),i=n.top+e.scrollTop;return{x:o,y:i}}function ue(t){let{elements:e,rect:n,offsetParent:o,strategy:i}=t,r=i==="fixed",s=D(o),c=e?st(e.floating):!1;if(o===s||c&&r)return n;let l={scrollLeft:0,scrollTop:0},a=E(1),d=E(0),u=M(o);if((u||!u&&!r)&&((j(o)!=="body"||J(s))&&(l=rt(o)),M(o))){let f=q(o);a=Q(o),d.x=f.x+o.clientLeft,d.y=f.y+o.clientTop}let m=s&&!u&&!r?_t(s,l):E(0);return{width:n.width*a.x,height:n.height*a.y,x:n.x*a.x-l.scrollLeft*a.x+d.x+m.x,y:n.y*a.y-l.scrollTop*a.y+d.y+m.y}}function de(t){return Array.from(t.getClientRects())}function me(t){let e=D(t),n=rt(t),o=t.ownerDocument.body,i=B(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),r=B(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight),s=-n.scrollLeft+ht(t),c=-n.scrollTop;return P(o).direction==="rtl"&&(s+=B(e.clientWidth,o.clientWidth)-i),{width:i,height:r,x:s,y:c}}var Nt=25;function ge(t,e){let n=R(t),o=D(t),i=n.visualViewport,r=o.clientWidth,s=o.clientHeight,c=0,l=0;if(i){r=i.width,s=i.height;let d=mt();(!d||d&&e==="fixed")&&(c=i.offsetLeft,l=i.offsetTop)}let a=ht(o);if(a<=0){let d=o.ownerDocument,u=d.body,m=getComputedStyle(u),f=d.compatMode==="CSS1Compat"&&parseFloat(m.marginLeft)+parseFloat(m.marginRight)||0,g=Math.abs(o.clientWidth-u.clientWidth-f);g<=Nt&&(r-=g)}else a<=Nt&&(r+=a);return{width:r,height:s,x:c,y:l}}var he=new Set(["absolute","fixed"]);function pe(t,e){let n=q(t,!0,e==="fixed"),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=M(t)?Q(t):E(1),s=t.clientWidth*r.x,c=t.clientHeight*r.y,l=i*r.x,a=o*r.y;return{width:s,height:c,x:l,y:a}}function Ht(t,e,n){let o;if(e==="viewport")o=ge(t,n);else if(e==="document")o=me(D(t));else if(C(e))o=pe(e,n);else{let i=zt(t);o={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height}}return X(o)}function It(t,e){let n=N(t);return n===e||!C(n)||Y(n)?!1:P(n).position==="fixed"||It(n,e)}function we(t,e){let n=e.get(t);if(n)return n;let o=G(t,[],!1).filter(c=>C(c)&&j(c)!=="body"),i=null,r=P(t).position==="fixed",s=r?N(t):t;for(;C(s)&&!Y(s);){let c=P(s),l=dt(s);!l&&c.position==="fixed"&&(i=null),(r?!l&&!i:!l&&c.position==="static"&&!!i&&he.has(i.position)||J(s)&&!l&&It(t,s))?o=o.filter(d=>d!==s):i=c,s=N(s)}return e.set(t,o),o}function xe(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t,s=[...n==="clippingAncestors"?st(e)?[]:we(e,this._c):[].concat(n),o],c=s[0],l=s.reduce((a,d)=>{let u=Ht(e,d,i);return a.top=B(u.top,a.top),a.right=$(u.right,a.right),a.bottom=$(u.bottom,a.bottom),a.left=B(u.left,a.left),a},Ht(e,c,i));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function ye(t){let{width:e,height:n}=Vt(t);return{width:e,height:n}}function ve(t,e,n){let o=M(e),i=D(e),r=n==="fixed",s=q(t,!0,r,e),c={scrollLeft:0,scrollTop:0},l=E(0);function a(){l.x=ht(i)}if(o||!o&&!r)if((j(e)!=="body"||J(i))&&(c=rt(e)),o){let f=q(e,!0,r,e);l.x=f.x+e.clientLeft,l.y=f.y+e.clientTop}else i&&a();r&&!o&&i&&a();let d=i&&!o&&!r?_t(i,c):E(0),u=s.left+c.scrollLeft-l.x-d.x,m=s.top+c.scrollTop-l.y-d.y;return{x:u,y:m,width:s.width,height:s.height}}function xt(t){return P(t).position==="static"}function $t(t,e){if(!M(t)||P(t).position==="fixed")return null;if(e)return e(t);let n=t.offsetParent;return D(t)===n&&(n=n.ownerDocument.body),n}function Xt(t,e){let n=R(t);if(st(t))return n;if(!M(t)){let i=N(t);for(;i&&!Y(i);){if(C(i)&&!xt(i))return i;i=N(i)}return n}let o=$t(t,e);for(;o&&kt(o)&&xt(o);)o=$t(o,e);return o&&Y(o)&&xt(o)&&!dt(o)?n:o||Bt(t)||n}var be=async function(t){let e=this.getOffsetParent||Xt,n=this.getDimensions,o=await n(t.floating);return{reference:ve(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Ae(t){return P(t).direction==="rtl"}var Oe={convertOffsetParentRelativeRectToViewportRelativeRect:ue,getDocumentElement:D,getClippingRect:xe,getOffsetParent:Xt,getElementRects:be,getClientRects:de,getDimensions:ye,getScale:Q,isElement:C,isRTL:Ae};function jt(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function Re(t,e){let n=null,o,i=D(t);function r(){var c;clearTimeout(o),(c=n)==null||c.disconnect(),n=null}function s(c,l){c===void 0&&(c=!1),l===void 0&&(l=1),r();let a=t.getBoundingClientRect(),{left:d,top:u,width:m,height:f}=a;if(c||e(),!m||!f)return;let g=it(u),p=it(i.clientWidth-(d+m)),w=it(i.clientHeight-(u+f)),h=it(d),y={rootMargin:-g+"px "+-p+"px "+-w+"px "+-h+"px",threshold:B(0,$(1,l))||1},v=!0;function O(b){let S=b[0].intersectionRatio;if(S!==l){if(!v)return s();S?s(!1,S):o=setTimeout(()=>{s(!1,1e-7)},1e3)}S===1&&!jt(a,t.getBoundingClientRect())&&s(),v=!1}try{n=new IntersectionObserver(O,{...y,root:i.ownerDocument})}catch{n=new IntersectionObserver(O,y)}n.observe(t)}return s(!0),r}function Se(t,e,n,o){o===void 0&&(o={});let{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:l=!1}=o,a=yt(t),d=i||r?[...a?G(a):[],...G(e)]:[];d.forEach(h=>{i&&h.addEventListener("scroll",n,{passive:!0}),r&&h.addEventListener("resize",n)});let u=a&&c?Re(a,n):null,m=-1,f=null;s&&(f=new ResizeObserver(h=>{let[x]=h;x&&x.target===a&&f&&(f.unobserve(e),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{var y;(y=f)==null||y.observe(e)})),n()}),a&&!l&&f.observe(a),f.observe(e));let g,p=l?q(t):null;l&&w();function w(){let h=q(t);p&&!jt(p,h)&&n(),p=h,g=requestAnimationFrame(w)}return n(),()=>{var h;d.forEach(x=>{i&&x.removeEventListener("scroll",n),r&&x.removeEventListener("resize",n)}),u?.(),(h=f)==null||h.disconnect(),f=null,l&&cancelAnimationFrame(g)}}var Ce=Et;var Pe=Dt,Te=Lt;var Le=Tt;var Ee=(t,e,n)=>{let o=new Map,i={platform:Oe,...n},r={...i.platform,_c:o};return Pt(t,e,{...i,platform:r})};export{Le as arrow,Se as autoUpdate,Ee as computePosition,Te as flip,Ce as offset,Pe as shift};
diff --git a/dist/vendor/highlight.min.js b/dist/vendor/highlight.min.js
new file mode 100644
index 00000000..6e1a09e6
--- /dev/null
+++ b/dist/vendor/highlight.min.js
@@ -0,0 +1,1244 @@
+/*!
+  Highlight.js v11.11.1 (git: 08cb242e7d)
+  (c) 2006-2024 Josh Goebel <hello@joshgoebel.com> and other contributors
+  License: BSD-3-Clause
+ */
+var hljs=function(){"use strict";function e(n){
+return n instanceof Map?n.clear=n.delete=n.set=()=>{
+throw Error("map is read-only")}:n instanceof Set&&(n.add=n.clear=n.delete=()=>{
+throw Error("set is read-only")
+}),Object.freeze(n),Object.getOwnPropertyNames(n).forEach((t=>{
+const a=n[t],i=typeof a;"object"!==i&&"function"!==i||Object.isFrozen(a)||e(a)
+})),n}class n{constructor(e){
+void 0===e.data&&(e.data={}),this.data=e.data,this.isMatchIgnored=!1}
+ignoreMatch(){this.isMatchIgnored=!0}}function t(e){
+return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")
+}function a(e,...n){const t=Object.create(null);for(const n in e)t[n]=e[n]
+;return n.forEach((e=>{for(const n in e)t[n]=e[n]})),t}const i=e=>!!e.scope
+;class r{constructor(e,n){
+this.buffer="",this.classPrefix=n.classPrefix,e.walk(this)}addText(e){
+this.buffer+=t(e)}openNode(e){if(!i(e))return;const n=((e,{prefix:n})=>{
+if(e.startsWith("language:"))return e.replace("language:","language-")
+;if(e.includes(".")){const t=e.split(".")
+;return[`${n}${t.shift()}`,...t.map(((e,n)=>`${e}${"_".repeat(n+1)}`))].join(" ")
+}return`${n}${e}`})(e.scope,{prefix:this.classPrefix});this.span(n)}
+closeNode(e){i(e)&&(this.buffer+="</span>")}value(){return this.buffer}span(e){
+this.buffer+=`<span class="${e}">`}}const s=(e={})=>{const n={children:[]}
+;return Object.assign(n,e),n};class o{constructor(){
+this.rootNode=s(),this.stack=[this.rootNode]}get top(){
+return this.stack[this.stack.length-1]}get root(){return this.rootNode}add(e){
+this.top.children.push(e)}openNode(e){const n=s({scope:e})
+;this.add(n),this.stack.push(n)}closeNode(){
+if(this.stack.length>1)return this.stack.pop()}closeAllNodes(){
+for(;this.closeNode(););}toJSON(){return JSON.stringify(this.rootNode,null,4)}
+walk(e){return this.constructor._walk(e,this.rootNode)}static _walk(e,n){
+return"string"==typeof n?e.addText(n):n.children&&(e.openNode(n),
+n.children.forEach((n=>this._walk(e,n))),e.closeNode(n)),e}static _collapse(e){
+"string"!=typeof e&&e.children&&(e.children.every((e=>"string"==typeof e))?e.children=[e.children.join("")]:e.children.forEach((e=>{
+o._collapse(e)})))}}class l extends o{constructor(e){super(),this.options=e}
+addText(e){""!==e&&this.add(e)}startScope(e){this.openNode(e)}endScope(){
+this.closeNode()}__addSublanguage(e,n){const t=e.root
+;n&&(t.scope="language:"+n),this.add(t)}toHTML(){
+return new r(this,this.options).value()}finalize(){
+return this.closeAllNodes(),!0}}function c(e){
+return e?"string"==typeof e?e:e.source:null}function d(e){return b("(?=",e,")")}
+function g(e){return b("(?:",e,")*")}function u(e){return b("(?:",e,")?")}
+function b(...e){return e.map((e=>c(e))).join("")}function m(...e){const n=(e=>{
+const n=e[e.length-1]
+;return"object"==typeof n&&n.constructor===Object?(e.splice(e.length-1,1),n):{}
+})(e);return"("+(n.capture?"":"?:")+e.map((e=>c(e))).join("|")+")"}
+function p(e){return RegExp(e.toString()+"|").exec("").length-1}
+const _=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./
+;function h(e,{joinWith:n}){let t=0;return e.map((e=>{t+=1;const n=t
+;let a=c(e),i="";for(;a.length>0;){const e=_.exec(a);if(!e){i+=a;break}
+i+=a.substring(0,e.index),
+a=a.substring(e.index+e[0].length),"\\"===e[0][0]&&e[1]?i+="\\"+(Number(e[1])+n):(i+=e[0],
+"("===e[0]&&t++)}return i})).map((e=>`(${e})`)).join(n)}
+const f="[a-zA-Z]\\w*",E="[a-zA-Z_]\\w*",y="\\b\\d+(\\.\\d+)?",w="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",v="\\b(0b[01]+)",N={
+begin:"\\\\[\\s\\S]",relevance:0},k={scope:"string",begin:"'",end:"'",
+illegal:"\\n",contains:[N]},x={scope:"string",begin:'"',end:'"',illegal:"\\n",
+contains:[N]},O=(e,n,t={})=>{const i=a({scope:"comment",begin:e,end:n,
+contains:[]},t);i.contains.push({scope:"doctag",
+begin:"[ ]*(?=(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):)",
+end:/(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):/,excludeBegin:!0,relevance:0})
+;const r=m("I","a","is","so","us","to","at","if","in","it","on",/[A-Za-z]+['](d|ve|re|ll|t|s|n)/,/[A-Za-z]+[-][a-z]+/,/[A-Za-z][a-z]{2,}/)
+;return i.contains.push({begin:b(/[ ]+/,"(",r,/[.]?[:]?([.][ ]|[ ])/,"){3}")}),i
+},M=O("//","$"),A=O("/\\*","\\*/"),S=O("#","$");var C=Object.freeze({
+__proto__:null,APOS_STRING_MODE:k,BACKSLASH_ESCAPE:N,BINARY_NUMBER_MODE:{
+scope:"number",begin:v,relevance:0},BINARY_NUMBER_RE:v,COMMENT:O,
+C_BLOCK_COMMENT_MODE:A,C_LINE_COMMENT_MODE:M,C_NUMBER_MODE:{scope:"number",
+begin:w,relevance:0},C_NUMBER_RE:w,END_SAME_AS_BEGIN:e=>Object.assign(e,{
+"on:begin":(e,n)=>{n.data._beginMatch=e[1]},"on:end":(e,n)=>{
+n.data._beginMatch!==e[1]&&n.ignoreMatch()}}),HASH_COMMENT_MODE:S,IDENT_RE:f,
+MATCH_NOTHING_RE:/\b\B/,METHOD_GUARD:{begin:"\\.\\s*"+E,relevance:0},
+NUMBER_MODE:{scope:"number",begin:y,relevance:0},NUMBER_RE:y,
+PHRASAL_WORDS_MODE:{
+begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/
+},QUOTE_STRING_MODE:x,REGEXP_MODE:{scope:"regexp",begin:/\/(?=[^/\n]*\/)/,
+end:/\/[gimuy]*/,contains:[N,{begin:/\[/,end:/\]/,relevance:0,contains:[N]}]},
+RE_STARTERS_RE:"!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",
+SHEBANG:(e={})=>{const n=/^#![ ]*\//
+;return e.binary&&(e.begin=b(n,/.*\b/,e.binary,/\b.*/)),a({scope:"meta",begin:n,
+end:/$/,relevance:0,"on:begin":(e,n)=>{0!==e.index&&n.ignoreMatch()}},e)},
+TITLE_MODE:{scope:"title",begin:f,relevance:0},UNDERSCORE_IDENT_RE:E,
+UNDERSCORE_TITLE_MODE:{scope:"title",begin:E,relevance:0}});function T(e,n){
+"."===e.input[e.index-1]&&n.ignoreMatch()}function R(e,n){
+void 0!==e.className&&(e.scope=e.className,delete e.className)}function D(e,n){
+n&&e.beginKeywords&&(e.begin="\\b("+e.beginKeywords.split(" ").join("|")+")(?!\\.)(?=\\b|\\s)",
+e.__beforeBegin=T,e.keywords=e.keywords||e.beginKeywords,delete e.beginKeywords,
+void 0===e.relevance&&(e.relevance=0))}function I(e,n){
+Array.isArray(e.illegal)&&(e.illegal=m(...e.illegal))}function L(e,n){
+if(e.match){
+if(e.begin||e.end)throw Error("begin & end are not supported with match")
+;e.begin=e.match,delete e.match}}function B(e,n){
+void 0===e.relevance&&(e.relevance=1)}const $=(e,n)=>{if(!e.beforeMatch)return
+;if(e.starts)throw Error("beforeMatch cannot be used with starts")
+;const t=Object.assign({},e);Object.keys(e).forEach((n=>{delete e[n]
+})),e.keywords=t.keywords,e.begin=b(t.beforeMatch,d(t.begin)),e.starts={
+relevance:0,contains:[Object.assign(t,{endsParent:!0})]
+},e.relevance=0,delete t.beforeMatch
+},F=["of","and","for","in","not","or","if","then","parent","list","value"]
+;function z(e,n,t="keyword"){const a=Object.create(null)
+;return"string"==typeof e?i(t,e.split(" ")):Array.isArray(e)?i(t,e):Object.keys(e).forEach((t=>{
+Object.assign(a,z(e[t],n,t))})),a;function i(e,t){
+n&&(t=t.map((e=>e.toLowerCase()))),t.forEach((n=>{const t=n.split("|")
+;a[t[0]]=[e,j(t[0],t[1])]}))}}function j(e,n){
+return n?Number(n):(e=>F.includes(e.toLowerCase()))(e)?0:1}const U={},P=e=>{
+console.error(e)},K=(e,...n)=>{console.log("WARN: "+e,...n)},q=(e,n)=>{
+U[`${e}/${n}`]||(console.log(`Deprecated as of ${e}. ${n}`),U[`${e}/${n}`]=!0)
+},H=Error();function G(e,n,{key:t}){let a=0;const i=e[t],r={},s={}
+;for(let e=1;e<=n.length;e++)s[e+a]=i[e],r[e+a]=!0,a+=p(n[e-1])
+;e[t]=s,e[t]._emit=r,e[t]._multi=!0}function Z(e){(e=>{
+e.scope&&"object"==typeof e.scope&&null!==e.scope&&(e.beginScope=e.scope,
+delete e.scope)})(e),"string"==typeof e.beginScope&&(e.beginScope={
+_wrap:e.beginScope}),"string"==typeof e.endScope&&(e.endScope={_wrap:e.endScope
+}),(e=>{if(Array.isArray(e.begin)){
+if(e.skip||e.excludeBegin||e.returnBegin)throw P("skip, excludeBegin, returnBegin not compatible with beginScope: {}"),
+H
+;if("object"!=typeof e.beginScope||null===e.beginScope)throw P("beginScope must be object"),
+H;G(e,e.begin,{key:"beginScope"}),e.begin=h(e.begin,{joinWith:""})}})(e),(e=>{
+if(Array.isArray(e.end)){
+if(e.skip||e.excludeEnd||e.returnEnd)throw P("skip, excludeEnd, returnEnd not compatible with endScope: {}"),
+H
+;if("object"!=typeof e.endScope||null===e.endScope)throw P("endScope must be object"),
+H;G(e,e.end,{key:"endScope"}),e.end=h(e.end,{joinWith:""})}})(e)}function W(e){
+function n(n,t){
+return RegExp(c(n),"m"+(e.case_insensitive?"i":"")+(e.unicodeRegex?"u":"")+(t?"g":""))
+}class t{constructor(){
+this.matchIndexes={},this.regexes=[],this.matchAt=1,this.position=0}
+addRule(e,n){
+n.position=this.position++,this.matchIndexes[this.matchAt]=n,this.regexes.push([n,e]),
+this.matchAt+=p(e)+1}compile(){0===this.regexes.length&&(this.exec=()=>null)
+;const e=this.regexes.map((e=>e[1]));this.matcherRe=n(h(e,{joinWith:"|"
+}),!0),this.lastIndex=0}exec(e){this.matcherRe.lastIndex=this.lastIndex
+;const n=this.matcherRe.exec(e);if(!n)return null
+;const t=n.findIndex(((e,n)=>n>0&&void 0!==e)),a=this.matchIndexes[t]
+;return n.splice(0,t),Object.assign(n,a)}}class i{constructor(){
+this.rules=[],this.multiRegexes=[],
+this.count=0,this.lastIndex=0,this.regexIndex=0}getMatcher(e){
+if(this.multiRegexes[e])return this.multiRegexes[e];const n=new t
+;return this.rules.slice(e).forEach((([e,t])=>n.addRule(e,t))),
+n.compile(),this.multiRegexes[e]=n,n}resumingScanAtSamePosition(){
+return 0!==this.regexIndex}considerAll(){this.regexIndex=0}addRule(e,n){
+this.rules.push([e,n]),"begin"===n.type&&this.count++}exec(e){
+const n=this.getMatcher(this.regexIndex);n.lastIndex=this.lastIndex
+;let t=n.exec(e)
+;if(this.resumingScanAtSamePosition())if(t&&t.index===this.lastIndex);else{
+const n=this.getMatcher(0);n.lastIndex=this.lastIndex+1,t=n.exec(e)}
+return t&&(this.regexIndex+=t.position+1,
+this.regexIndex===this.count&&this.considerAll()),t}}
+if(e.compilerExtensions||(e.compilerExtensions=[]),
+e.contains&&e.contains.includes("self"))throw Error("ERR: contains `self` is not supported at the top-level of a language.  See documentation.")
+;return e.classNameAliases=a(e.classNameAliases||{}),function t(r,s){const o=r
+;if(r.isCompiled)return o
+;[R,L,Z,$].forEach((e=>e(r,s))),e.compilerExtensions.forEach((e=>e(r,s))),
+r.__beforeBegin=null,[D,I,B].forEach((e=>e(r,s))),r.isCompiled=!0;let l=null
+;return"object"==typeof r.keywords&&r.keywords.$pattern&&(r.keywords=Object.assign({},r.keywords),
+l=r.keywords.$pattern,
+delete r.keywords.$pattern),l=l||/\w+/,r.keywords&&(r.keywords=z(r.keywords,e.case_insensitive)),
+o.keywordPatternRe=n(l,!0),
+s&&(r.begin||(r.begin=/\B|\b/),o.beginRe=n(o.begin),r.end||r.endsWithParent||(r.end=/\B|\b/),
+r.end&&(o.endRe=n(o.end)),
+o.terminatorEnd=c(o.end)||"",r.endsWithParent&&s.terminatorEnd&&(o.terminatorEnd+=(r.end?"|":"")+s.terminatorEnd)),
+r.illegal&&(o.illegalRe=n(r.illegal)),
+r.contains||(r.contains=[]),r.contains=[].concat(...r.contains.map((e=>(e=>(e.variants&&!e.cachedVariants&&(e.cachedVariants=e.variants.map((n=>a(e,{
+variants:null},n)))),e.cachedVariants?e.cachedVariants:Q(e)?a(e,{
+starts:e.starts?a(e.starts):null
+}):Object.isFrozen(e)?a(e):e))("self"===e?r:e)))),r.contains.forEach((e=>{t(e,o)
+})),r.starts&&t(r.starts,s),o.matcher=(e=>{const n=new i
+;return e.contains.forEach((e=>n.addRule(e.begin,{rule:e,type:"begin"
+}))),e.terminatorEnd&&n.addRule(e.terminatorEnd,{type:"end"
+}),e.illegal&&n.addRule(e.illegal,{type:"illegal"}),n})(o),o}(e)}function Q(e){
+return!!e&&(e.endsWithParent||Q(e.starts))}class X extends Error{
+constructor(e,n){super(e),this.name="HTMLInjectionError",this.html=n}}
+const V=t,J=a,Y=Symbol("nomatch"),ee=t=>{
+const a=Object.create(null),i=Object.create(null),r=[];let s=!0
+;const o="Could not find the language '{}', did you forget to load/include a language module?",c={
+disableAutodetect:!0,name:"Plain text",contains:[]};let p={
+ignoreUnescapedHTML:!1,throwUnescapedHTML:!1,noHighlightRe:/^(no-?highlight)$/i,
+languageDetectRe:/\blang(?:uage)?-([\w-]+)\b/i,classPrefix:"hljs-",
+cssSelector:"pre code",languages:null,__emitter:l};function _(e){
+return p.noHighlightRe.test(e)}function h(e,n,t){let a="",i=""
+;"object"==typeof n?(a=e,
+t=n.ignoreIllegals,i=n.language):(q("10.7.0","highlight(lang, code, ...args) has been deprecated."),
+q("10.7.0","Please use highlight(code, options) instead.\nhttps://github.com/highlightjs/highlight.js/issues/2277"),
+i=e,a=n),void 0===t&&(t=!0);const r={code:a,language:i};O("before:highlight",r)
+;const s=r.result?r.result:f(r.language,r.code,t)
+;return s.code=r.code,O("after:highlight",s),s}function f(e,t,i,r){
+const l=Object.create(null);function c(){if(!O.keywords)return void A.addText(S)
+;let e=0;O.keywordPatternRe.lastIndex=0;let n=O.keywordPatternRe.exec(S),t=""
+;for(;n;){t+=S.substring(e,n.index)
+;const i=v.case_insensitive?n[0].toLowerCase():n[0],r=(a=i,O.keywords[a]);if(r){
+const[e,a]=r
+;if(A.addText(t),t="",l[i]=(l[i]||0)+1,l[i]<=7&&(C+=a),e.startsWith("_"))t+=n[0];else{
+const t=v.classNameAliases[e]||e;g(n[0],t)}}else t+=n[0]
+;e=O.keywordPatternRe.lastIndex,n=O.keywordPatternRe.exec(S)}var a
+;t+=S.substring(e),A.addText(t)}function d(){null!=O.subLanguage?(()=>{
+if(""===S)return;let e=null;if("string"==typeof O.subLanguage){
+if(!a[O.subLanguage])return void A.addText(S)
+;e=f(O.subLanguage,S,!0,M[O.subLanguage]),M[O.subLanguage]=e._top
+}else e=E(S,O.subLanguage.length?O.subLanguage:null)
+;O.relevance>0&&(C+=e.relevance),A.__addSublanguage(e._emitter,e.language)
+})():c(),S=""}function g(e,n){
+""!==e&&(A.startScope(n),A.addText(e),A.endScope())}function u(e,n){let t=1
+;const a=n.length-1;for(;t<=a;){if(!e._emit[t]){t++;continue}
+const a=v.classNameAliases[e[t]]||e[t],i=n[t];a?g(i,a):(S=i,c(),S=""),t++}}
+function b(e,n){
+return e.scope&&"string"==typeof e.scope&&A.openNode(v.classNameAliases[e.scope]||e.scope),
+e.beginScope&&(e.beginScope._wrap?(g(S,v.classNameAliases[e.beginScope._wrap]||e.beginScope._wrap),
+S=""):e.beginScope._multi&&(u(e.beginScope,n),S="")),O=Object.create(e,{parent:{
+value:O}}),O}function m(e,t,a){let i=((e,n)=>{const t=e&&e.exec(n)
+;return t&&0===t.index})(e.endRe,a);if(i){if(e["on:end"]){const a=new n(e)
+;e["on:end"](t,a),a.isMatchIgnored&&(i=!1)}if(i){
+for(;e.endsParent&&e.parent;)e=e.parent;return e}}
+if(e.endsWithParent)return m(e.parent,t,a)}function _(e){
+return 0===O.matcher.regexIndex?(S+=e[0],1):(D=!0,0)}function h(e){
+const n=e[0],a=t.substring(e.index),i=m(O,e,a);if(!i)return Y;const r=O
+;O.endScope&&O.endScope._wrap?(d(),
+g(n,O.endScope._wrap)):O.endScope&&O.endScope._multi?(d(),
+u(O.endScope,e)):r.skip?S+=n:(r.returnEnd||r.excludeEnd||(S+=n),
+d(),r.excludeEnd&&(S=n));do{
+O.scope&&A.closeNode(),O.skip||O.subLanguage||(C+=O.relevance),O=O.parent
+}while(O!==i.parent);return i.starts&&b(i.starts,e),r.returnEnd?0:n.length}
+let y={};function w(a,r){const o=r&&r[0];if(S+=a,null==o)return d(),0
+;if("begin"===y.type&&"end"===r.type&&y.index===r.index&&""===o){
+if(S+=t.slice(r.index,r.index+1),!s){const n=Error(`0 width match regex (${e})`)
+;throw n.languageName=e,n.badRule=y.rule,n}return 1}
+if(y=r,"begin"===r.type)return(e=>{
+const t=e[0],a=e.rule,i=new n(a),r=[a.__beforeBegin,a["on:begin"]]
+;for(const n of r)if(n&&(n(e,i),i.isMatchIgnored))return _(t)
+;return a.skip?S+=t:(a.excludeBegin&&(S+=t),
+d(),a.returnBegin||a.excludeBegin||(S=t)),b(a,e),a.returnBegin?0:t.length})(r)
+;if("illegal"===r.type&&!i){
+const e=Error('Illegal lexeme "'+o+'" for mode "'+(O.scope||"<unnamed>")+'"')
+;throw e.mode=O,e}if("end"===r.type){const e=h(r);if(e!==Y)return e}
+if("illegal"===r.type&&""===o)return S+="\n",1
+;if(R>1e5&&R>3*r.index)throw Error("potential infinite loop, way more iterations than matches")
+;return S+=o,o.length}const v=N(e)
+;if(!v)throw P(o.replace("{}",e)),Error('Unknown language: "'+e+'"')
+;const k=W(v);let x="",O=r||k;const M={},A=new p.__emitter(p);(()=>{const e=[]
+;for(let n=O;n!==v;n=n.parent)n.scope&&e.unshift(n.scope)
+;e.forEach((e=>A.openNode(e)))})();let S="",C=0,T=0,R=0,D=!1;try{
+if(v.__emitTokens)v.__emitTokens(t,A);else{for(O.matcher.considerAll();;){
+R++,D?D=!1:O.matcher.considerAll(),O.matcher.lastIndex=T
+;const e=O.matcher.exec(t);if(!e)break;const n=w(t.substring(T,e.index),e)
+;T=e.index+n}w(t.substring(T))}return A.finalize(),x=A.toHTML(),{language:e,
+value:x,relevance:C,illegal:!1,_emitter:A,_top:O}}catch(n){
+if(n.message&&n.message.includes("Illegal"))return{language:e,value:V(t),
+illegal:!0,relevance:0,_illegalBy:{message:n.message,index:T,
+context:t.slice(T-100,T+100),mode:n.mode,resultSoFar:x},_emitter:A};if(s)return{
+language:e,value:V(t),illegal:!1,relevance:0,errorRaised:n,_emitter:A,_top:O}
+;throw n}}function E(e,n){n=n||p.languages||Object.keys(a);const t=(e=>{
+const n={value:V(e),illegal:!1,relevance:0,_top:c,_emitter:new p.__emitter(p)}
+;return n._emitter.addText(e),n})(e),i=n.filter(N).filter(x).map((n=>f(n,e,!1)))
+;i.unshift(t);const r=i.sort(((e,n)=>{
+if(e.relevance!==n.relevance)return n.relevance-e.relevance
+;if(e.language&&n.language){if(N(e.language).supersetOf===n.language)return 1
+;if(N(n.language).supersetOf===e.language)return-1}return 0})),[s,o]=r,l=s
+;return l.secondBest=o,l}function y(e){let n=null;const t=(e=>{
+let n=e.className+" ";n+=e.parentNode?e.parentNode.className:""
+;const t=p.languageDetectRe.exec(n);if(t){const n=N(t[1])
+;return n||(K(o.replace("{}",t[1])),
+K("Falling back to no-highlight mode for this block.",e)),n?t[1]:"no-highlight"}
+return n.split(/\s+/).find((e=>_(e)||N(e)))})(e);if(_(t))return
+;if(O("before:highlightElement",{el:e,language:t
+}),e.dataset.highlighted)return void console.log("Element previously highlighted. To highlight again, first unset `dataset.highlighted`.",e)
+;if(e.children.length>0&&(p.ignoreUnescapedHTML||(console.warn("One of your code blocks includes unescaped HTML. This is a potentially serious security risk."),
+console.warn("https://github.com/highlightjs/highlight.js/wiki/security"),
+console.warn("The element with unescaped HTML:"),
+console.warn(e)),p.throwUnescapedHTML))throw new X("One of your code blocks includes unescaped HTML.",e.innerHTML)
+;n=e;const a=n.textContent,r=t?h(a,{language:t,ignoreIllegals:!0}):E(a)
+;e.innerHTML=r.value,e.dataset.highlighted="yes",((e,n,t)=>{const a=n&&i[n]||t
+;e.classList.add("hljs"),e.classList.add("language-"+a)
+})(e,t,r.language),e.result={language:r.language,re:r.relevance,
+relevance:r.relevance},r.secondBest&&(e.secondBest={
+language:r.secondBest.language,relevance:r.secondBest.relevance
+}),O("after:highlightElement",{el:e,result:r,text:a})}let w=!1;function v(){
+if("loading"===document.readyState)return w||window.addEventListener("DOMContentLoaded",(()=>{
+v()}),!1),void(w=!0);document.querySelectorAll(p.cssSelector).forEach(y)}
+function N(e){return e=(e||"").toLowerCase(),a[e]||a[i[e]]}
+function k(e,{languageName:n}){"string"==typeof e&&(e=[e]),e.forEach((e=>{
+i[e.toLowerCase()]=n}))}function x(e){const n=N(e)
+;return n&&!n.disableAutodetect}function O(e,n){const t=e;r.forEach((e=>{
+e[t]&&e[t](n)}))}Object.assign(t,{highlight:h,highlightAuto:E,highlightAll:v,
+highlightElement:y,
+highlightBlock:e=>(q("10.7.0","highlightBlock will be removed entirely in v12.0"),
+q("10.7.0","Please use highlightElement now."),y(e)),configure:e=>{p=J(p,e)},
+initHighlighting:()=>{
+v(),q("10.6.0","initHighlighting() deprecated.  Use highlightAll() now.")},
+initHighlightingOnLoad:()=>{
+v(),q("10.6.0","initHighlightingOnLoad() deprecated.  Use highlightAll() now.")
+},registerLanguage:(e,n)=>{let i=null;try{i=n(t)}catch(n){
+if(P("Language definition for '{}' could not be registered.".replace("{}",e)),
+!s)throw n;P(n),i=c}
+i.name||(i.name=e),a[e]=i,i.rawDefinition=n.bind(null,t),i.aliases&&k(i.aliases,{
+languageName:e})},unregisterLanguage:e=>{delete a[e]
+;for(const n of Object.keys(i))i[n]===e&&delete i[n]},
+listLanguages:()=>Object.keys(a),getLanguage:N,registerAliases:k,
+autoDetection:x,inherit:J,addPlugin:e=>{(e=>{
+e["before:highlightBlock"]&&!e["before:highlightElement"]&&(e["before:highlightElement"]=n=>{
+e["before:highlightBlock"](Object.assign({block:n.el},n))
+}),e["after:highlightBlock"]&&!e["after:highlightElement"]&&(e["after:highlightElement"]=n=>{
+e["after:highlightBlock"](Object.assign({block:n.el},n))})})(e),r.push(e)},
+removePlugin:e=>{const n=r.indexOf(e);-1!==n&&r.splice(n,1)}}),t.debugMode=()=>{
+s=!1},t.safeMode=()=>{s=!0},t.versionString="11.11.1",t.regex={concat:b,
+lookahead:d,either:m,optional:u,anyNumberOfTimes:g}
+;for(const n in C)"object"==typeof C[n]&&e(C[n]);return Object.assign(t,C),t
+},ne=ee({});ne.newInstance=()=>ee({});const te=e=>({IMPORTANT:{scope:"meta",
+begin:"!important"},BLOCK_COMMENT:e.C_BLOCK_COMMENT_MODE,HEXCOLOR:{
+scope:"number",begin:/#(([0-9a-fA-F]{3,4})|(([0-9a-fA-F]{2}){3,4}))\b/},
+FUNCTION_DISPATCH:{className:"built_in",begin:/[\w-]+(?=\()/},
+ATTRIBUTE_SELECTOR_MODE:{scope:"selector-attr",begin:/\[/,end:/\]/,illegal:"$",
+contains:[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]},CSS_NUMBER_MODE:{
+scope:"number",
+begin:e.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",
+relevance:0},CSS_VARIABLE:{className:"attr",begin:/--[A-Za-z_][A-Za-z0-9_-]*/}
+}),ae=["a","abbr","address","article","aside","audio","b","blockquote","body","button","canvas","caption","cite","code","dd","del","details","dfn","div","dl","dt","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","html","i","iframe","img","input","ins","kbd","label","legend","li","main","mark","menu","nav","object","ol","optgroup","option","p","picture","q","quote","samp","section","select","source","span","strong","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","ul","var","video","defs","g","marker","mask","pattern","svg","switch","symbol","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feFlood","feGaussianBlur","feImage","feMerge","feMorphology","feOffset","feSpecularLighting","feTile","feTurbulence","linearGradient","radialGradient","stop","circle","ellipse","image","line","path","polygon","polyline","rect","text","use","textPath","tspan","foreignObject","clipPath"],ie=["any-hover","any-pointer","aspect-ratio","color","color-gamut","color-index","device-aspect-ratio","device-height","device-width","display-mode","forced-colors","grid","height","hover","inverted-colors","monochrome","orientation","overflow-block","overflow-inline","pointer","prefers-color-scheme","prefers-contrast","prefers-reduced-motion","prefers-reduced-transparency","resolution","scan","scripting","update","width","min-width","max-width","min-height","max-height"].sort().reverse(),re=["active","any-link","blank","checked","current","default","defined","dir","disabled","drop","empty","enabled","first","first-child","first-of-type","fullscreen","future","focus","focus-visible","focus-within","has","host","host-context","hover","indeterminate","in-range","invalid","is","lang","last-child","last-of-type","left","link","local-link","not","nth-child","nth-col","nth-last-child","nth-last-col","nth-last-of-type","nth-of-type","only-child","only-of-type","optional","out-of-range","past","placeholder-shown","read-only","read-write","required","right","root","scope","target","target-within","user-invalid","valid","visited","where"].sort().reverse(),se=["after","backdrop","before","cue","cue-region","first-letter","first-line","grammar-error","marker","part","placeholder","selection","slotted","spelling-error"].sort().reverse(),oe=["accent-color","align-content","align-items","align-self","alignment-baseline","all","anchor-name","animation","animation-composition","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-range","animation-range-end","animation-range-start","animation-timeline","animation-timing-function","appearance","aspect-ratio","backdrop-filter","backface-visibility","background","background-attachment","background-blend-mode","background-clip","background-color","background-image","background-origin","background-position","background-position-x","background-position-y","background-repeat","background-size","baseline-shift","block-size","border","border-block","border-block-color","border-block-end","border-block-end-color","border-block-end-style","border-block-end-width","border-block-start","border-block-start-color","border-block-start-style","border-block-start-width","border-block-style","border-block-width","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-end-end-radius","border-end-start-radius","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-inline","border-inline-color","border-inline-end","border-inline-end-color","border-inline-end-style","border-inline-end-width","border-inline-start","border-inline-start-color","border-inline-start-style","border-inline-start-width","border-inline-style","border-inline-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-start-end-radius","border-start-start-radius","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","box-align","box-decoration-break","box-direction","box-flex","box-flex-group","box-lines","box-ordinal-group","box-orient","box-pack","box-shadow","box-sizing","break-after","break-before","break-inside","caption-side","caret-color","clear","clip","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","color-scheme","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","contain","contain-intrinsic-block-size","contain-intrinsic-height","contain-intrinsic-inline-size","contain-intrinsic-size","contain-intrinsic-width","container","container-name","container-type","content","content-visibility","counter-increment","counter-reset","counter-set","cue","cue-after","cue-before","cursor","cx","cy","direction","display","dominant-baseline","empty-cells","enable-background","field-sizing","fill","fill-opacity","fill-rule","filter","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float","flood-color","flood-opacity","flow","font","font-display","font-family","font-feature-settings","font-kerning","font-language-override","font-optical-sizing","font-palette","font-size","font-size-adjust","font-smooth","font-smoothing","font-stretch","font-style","font-synthesis","font-synthesis-position","font-synthesis-small-caps","font-synthesis-style","font-synthesis-weight","font-variant","font-variant-alternates","font-variant-caps","font-variant-east-asian","font-variant-emoji","font-variant-ligatures","font-variant-numeric","font-variant-position","font-variation-settings","font-weight","forced-color-adjust","gap","glyph-orientation-horizontal","glyph-orientation-vertical","grid","grid-area","grid-auto-columns","grid-auto-flow","grid-auto-rows","grid-column","grid-column-end","grid-column-start","grid-gap","grid-row","grid-row-end","grid-row-start","grid-template","grid-template-areas","grid-template-columns","grid-template-rows","hanging-punctuation","height","hyphenate-character","hyphenate-limit-chars","hyphens","icon","image-orientation","image-rendering","image-resolution","ime-mode","initial-letter","initial-letter-align","inline-size","inset","inset-area","inset-block","inset-block-end","inset-block-start","inset-inline","inset-inline-end","inset-inline-start","isolation","justify-content","justify-items","justify-self","kerning","left","letter-spacing","lighting-color","line-break","line-height","line-height-step","list-style","list-style-image","list-style-position","list-style-type","margin","margin-block","margin-block-end","margin-block-start","margin-bottom","margin-inline","margin-inline-end","margin-inline-start","margin-left","margin-right","margin-top","margin-trim","marker","marker-end","marker-mid","marker-start","marks","mask","mask-border","mask-border-mode","mask-border-outset","mask-border-repeat","mask-border-slice","mask-border-source","mask-border-width","mask-clip","mask-composite","mask-image","mask-mode","mask-origin","mask-position","mask-repeat","mask-size","mask-type","masonry-auto-flow","math-depth","math-shift","math-style","max-block-size","max-height","max-inline-size","max-width","min-block-size","min-height","min-inline-size","min-width","mix-blend-mode","nav-down","nav-index","nav-left","nav-right","nav-up","none","normal","object-fit","object-position","offset","offset-anchor","offset-distance","offset-path","offset-position","offset-rotate","opacity","order","orphans","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-anchor","overflow-block","overflow-clip-margin","overflow-inline","overflow-wrap","overflow-x","overflow-y","overlay","overscroll-behavior","overscroll-behavior-block","overscroll-behavior-inline","overscroll-behavior-x","overscroll-behavior-y","padding","padding-block","padding-block-end","padding-block-start","padding-bottom","padding-inline","padding-inline-end","padding-inline-start","padding-left","padding-right","padding-top","page","page-break-after","page-break-before","page-break-inside","paint-order","pause","pause-after","pause-before","perspective","perspective-origin","place-content","place-items","place-self","pointer-events","position","position-anchor","position-visibility","print-color-adjust","quotes","r","resize","rest","rest-after","rest-before","right","rotate","row-gap","ruby-align","ruby-position","scale","scroll-behavior","scroll-margin","scroll-margin-block","scroll-margin-block-end","scroll-margin-block-start","scroll-margin-bottom","scroll-margin-inline","scroll-margin-inline-end","scroll-margin-inline-start","scroll-margin-left","scroll-margin-right","scroll-margin-top","scroll-padding","scroll-padding-block","scroll-padding-block-end","scroll-padding-block-start","scroll-padding-bottom","scroll-padding-inline","scroll-padding-inline-end","scroll-padding-inline-start","scroll-padding-left","scroll-padding-right","scroll-padding-top","scroll-snap-align","scroll-snap-stop","scroll-snap-type","scroll-timeline","scroll-timeline-axis","scroll-timeline-name","scrollbar-color","scrollbar-gutter","scrollbar-width","shape-image-threshold","shape-margin","shape-outside","shape-rendering","speak","speak-as","src","stop-color","stop-opacity","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","tab-size","table-layout","text-align","text-align-all","text-align-last","text-anchor","text-combine-upright","text-decoration","text-decoration-color","text-decoration-line","text-decoration-skip","text-decoration-skip-ink","text-decoration-style","text-decoration-thickness","text-emphasis","text-emphasis-color","text-emphasis-position","text-emphasis-style","text-indent","text-justify","text-orientation","text-overflow","text-rendering","text-shadow","text-size-adjust","text-transform","text-underline-offset","text-underline-position","text-wrap","text-wrap-mode","text-wrap-style","timeline-scope","top","touch-action","transform","transform-box","transform-origin","transform-style","transition","transition-behavior","transition-delay","transition-duration","transition-property","transition-timing-function","translate","unicode-bidi","user-modify","user-select","vector-effect","vertical-align","view-timeline","view-timeline-axis","view-timeline-inset","view-timeline-name","view-transition-name","visibility","voice-balance","voice-duration","voice-family","voice-pitch","voice-range","voice-rate","voice-stress","voice-volume","white-space","white-space-collapse","widows","width","will-change","word-break","word-spacing","word-wrap","writing-mode","x","y","z-index","zoom"].sort().reverse(),le=re.concat(se).sort().reverse()
+;var ce="[0-9](_*[0-9])*",de=`\\.(${ce})`,ge="[0-9a-fA-F](_*[0-9a-fA-F])*",ue={
+className:"number",variants:[{
+begin:`(\\b(${ce})((${de})|\\.)?|(${de}))[eE][+-]?(${ce})[fFdD]?\\b`},{
+begin:`\\b(${ce})((${de})[fFdD]?\\b|\\.([fFdD]\\b)?)`},{
+begin:`(${de})[fFdD]?\\b`},{begin:`\\b(${ce})[fFdD]\\b`},{
+begin:`\\b0[xX]((${ge})\\.?|(${ge})?\\.(${ge}))[pP][+-]?(${ce})[fFdD]?\\b`},{
+begin:"\\b(0|[1-9](_*[0-9])*)[lL]?\\b"},{begin:`\\b0[xX](${ge})[lL]?\\b`},{
+begin:"\\b0(_*[0-7])*[lL]?\\b"},{begin:"\\b0[bB][01](_*[01])*[lL]?\\b"}],
+relevance:0};function be(e,n,t){return-1===t?"":e.replace(n,(a=>be(e,n,t-1)))}
+const me="[A-Za-z$_][0-9A-Za-z$_]*",pe=["as","in","of","if","for","while","finally","var","new","function","do","return","void","else","break","catch","instanceof","with","throw","case","default","try","switch","continue","typeof","delete","let","yield","const","class","debugger","async","await","static","import","from","export","extends","using"],_e=["true","false","null","undefined","NaN","Infinity"],he=["Object","Function","Boolean","Symbol","Math","Date","Number","BigInt","String","RegExp","Array","Float32Array","Float64Array","Int8Array","Uint8Array","Uint8ClampedArray","Int16Array","Int32Array","Uint16Array","Uint32Array","BigInt64Array","BigUint64Array","Set","Map","WeakSet","WeakMap","ArrayBuffer","SharedArrayBuffer","Atomics","DataView","JSON","Promise","Generator","GeneratorFunction","AsyncFunction","Reflect","Proxy","Intl","WebAssembly"],fe=["Error","EvalError","InternalError","RangeError","ReferenceError","SyntaxError","TypeError","URIError"],Ee=["setInterval","setTimeout","clearInterval","clearTimeout","require","exports","eval","isFinite","isNaN","parseFloat","parseInt","decodeURI","decodeURIComponent","encodeURI","encodeURIComponent","escape","unescape"],ye=["arguments","this","super","console","window","document","localStorage","sessionStorage","module","global"],we=[].concat(Ee,he,fe)
+;function ve(e){const n=e.regex,t=me,a={begin:/<[A-Za-z0-9\\._:-]+/,
+end:/\/[A-Za-z0-9\\._:-]+>|\/>/,isTrulyOpeningTag:(e,n)=>{
+const t=e[0].length+e.index,a=e.input[t]
+;if("<"===a||","===a)return void n.ignoreMatch();let i
+;">"===a&&(((e,{after:n})=>{const t="</"+e[0].slice(1)
+;return-1!==e.input.indexOf(t,n)})(e,{after:t})||n.ignoreMatch())
+;const r=e.input.substring(t)
+;((i=r.match(/^\s*=/))||(i=r.match(/^\s+extends\s+/))&&0===i.index)&&n.ignoreMatch()
+}},i={$pattern:me,keyword:pe,literal:_e,built_in:we,"variable.language":ye
+},r="[0-9](_?[0-9])*",s=`\\.(${r})`,o="0|[1-9](_?[0-9])*|0[0-7]*[89][0-9]*",l={
+className:"number",variants:[{
+begin:`(\\b(${o})((${s})|\\.)?|(${s}))[eE][+-]?(${r})\\b`},{
+begin:`\\b(${o})\\b((${s})\\b|\\.)?|(${s})\\b`},{
+begin:"\\b(0|[1-9](_?[0-9])*)n\\b"},{
+begin:"\\b0[xX][0-9a-fA-F](_?[0-9a-fA-F])*n?\\b"},{
+begin:"\\b0[bB][0-1](_?[0-1])*n?\\b"},{begin:"\\b0[oO][0-7](_?[0-7])*n?\\b"},{
+begin:"\\b0[0-7]+n?\\b"}],relevance:0},c={className:"subst",begin:"\\$\\{",
+end:"\\}",keywords:i,contains:[]},d={begin:".?html`",end:"",starts:{end:"`",
+returnEnd:!1,contains:[e.BACKSLASH_ESCAPE,c],subLanguage:"xml"}},g={
+begin:".?css`",end:"",starts:{end:"`",returnEnd:!1,
+contains:[e.BACKSLASH_ESCAPE,c],subLanguage:"css"}},u={begin:".?gql`",end:"",
+starts:{end:"`",returnEnd:!1,contains:[e.BACKSLASH_ESCAPE,c],
+subLanguage:"graphql"}},b={className:"string",begin:"`",end:"`",
+contains:[e.BACKSLASH_ESCAPE,c]},m={className:"comment",
+variants:[e.COMMENT(/\/\*\*(?!\/)/,"\\*/",{relevance:0,contains:[{
+begin:"(?=@[A-Za-z]+)",relevance:0,contains:[{className:"doctag",
+begin:"@[A-Za-z]+"},{className:"type",begin:"\\{",end:"\\}",excludeEnd:!0,
+excludeBegin:!0,relevance:0},{className:"variable",begin:t+"(?=\\s*(-)|$)",
+endsParent:!0,relevance:0},{begin:/(?=[^\n])\s/,relevance:0}]}]
+}),e.C_BLOCK_COMMENT_MODE,e.C_LINE_COMMENT_MODE]
+},p=[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,d,g,u,b,{match:/\$\d+/},l]
+;c.contains=p.concat({begin:/\{/,end:/\}/,keywords:i,contains:["self"].concat(p)
+});const _=[].concat(m,c.contains),h=_.concat([{begin:/(\s*)\(/,end:/\)/,
+keywords:i,contains:["self"].concat(_)}]),f={className:"params",begin:/(\s*)\(/,
+end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:i,contains:h},E={variants:[{
+match:[/class/,/\s+/,t,/\s+/,/extends/,/\s+/,n.concat(t,"(",n.concat(/\./,t),")*")],
+scope:{1:"keyword",3:"title.class",5:"keyword",7:"title.class.inherited"}},{
+match:[/class/,/\s+/,t],scope:{1:"keyword",3:"title.class"}}]},y={relevance:0,
+match:n.either(/\bJSON/,/\b[A-Z][a-z]+([A-Z][a-z]*|\d)*/,/\b[A-Z]{2,}([A-Z][a-z]+|\d)+([A-Z][a-z]*)*/,/\b[A-Z]{2,}[a-z]+([A-Z][a-z]+|\d)*([A-Z][a-z]*)*/),
+className:"title.class",keywords:{_:[...he,...fe]}},w={variants:[{
+match:[/function/,/\s+/,t,/(?=\s*\()/]},{match:[/function/,/\s*(?=\()/]}],
+className:{1:"keyword",3:"title.function"},label:"func.def",contains:[f],
+illegal:/%/},v={
+match:n.concat(/\b/,(N=[...Ee,"super","import"].map((e=>e+"\\s*\\(")),
+n.concat("(?!",N.join("|"),")")),t,n.lookahead(/\s*\(/)),
+className:"title.function",relevance:0};var N;const k={
+begin:n.concat(/\./,n.lookahead(n.concat(t,/(?![0-9A-Za-z$_(])/))),end:t,
+excludeBegin:!0,keywords:"prototype",className:"property",relevance:0},x={
+match:[/get|set/,/\s+/,t,/(?=\()/],className:{1:"keyword",3:"title.function"},
+contains:[{begin:/\(\)/},f]
+},O="(\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)|"+e.UNDERSCORE_IDENT_RE+")\\s*=>",M={
+match:[/const|var|let/,/\s+/,t,/\s*/,/=\s*/,/(async\s*)?/,n.lookahead(O)],
+keywords:"async",className:{1:"keyword",3:"title.function"},contains:[f]}
+;return{name:"JavaScript",aliases:["js","jsx","mjs","cjs"],keywords:i,exports:{
+PARAMS_CONTAINS:h,CLASS_REFERENCE:y},illegal:/#(?![$_A-z])/,
+contains:[e.SHEBANG({label:"shebang",binary:"node",relevance:5}),{
+label:"use_strict",className:"meta",relevance:10,
+begin:/^\s*['"]use (strict|asm)['"]/
+},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,d,g,u,b,m,{match:/\$\d+/},l,y,{
+scope:"attr",match:t+n.lookahead(":"),relevance:0},M,{
+begin:"("+e.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",
+keywords:"return throw case",relevance:0,contains:[m,e.REGEXP_MODE,{
+className:"function",begin:O,returnBegin:!0,end:"\\s*=>",contains:[{
+className:"params",variants:[{begin:e.UNDERSCORE_IDENT_RE,relevance:0},{
+className:null,begin:/\(\s*\)/,skip:!0},{begin:/(\s*)\(/,end:/\)/,
+excludeBegin:!0,excludeEnd:!0,keywords:i,contains:h}]}]},{begin:/,/,relevance:0
+},{match:/\s+/,relevance:0},{variants:[{begin:"<>",end:"</>"},{
+match:/<[A-Za-z0-9\\._:-]+\s*\/>/},{begin:a.begin,
+"on:begin":a.isTrulyOpeningTag,end:a.end}],subLanguage:"xml",contains:[{
+begin:a.begin,end:a.end,skip:!0,contains:["self"]}]}]},w,{
+beginKeywords:"while if switch catch for"},{
+begin:"\\b(?!function)"+e.UNDERSCORE_IDENT_RE+"\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)\\s*\\{",
+returnBegin:!0,label:"func.def",contains:[f,e.inherit(e.TITLE_MODE,{begin:t,
+className:"title.function"})]},{match:/\.\.\./,relevance:0},k,{match:"\\$"+t,
+relevance:0},{match:[/\bconstructor(?=\s*\()/],className:{1:"title.function"},
+contains:[f]},v,{relevance:0,match:/\b[A-Z][A-Z_0-9]+\b/,
+className:"variable.constant"},E,x,{match:/\$[(.]/}]}}
+const Ne=e=>b(/\b/,e,/\w$/.test(e)?/\b/:/\B/),ke=["Protocol","Type"].map(Ne),xe=["init","self"].map(Ne),Oe=["Any","Self"],Me=["actor","any","associatedtype","async","await",/as\?/,/as!/,"as","borrowing","break","case","catch","class","consume","consuming","continue","convenience","copy","default","defer","deinit","didSet","distributed","do","dynamic","each","else","enum","extension","fallthrough",/fileprivate\(set\)/,"fileprivate","final","for","func","get","guard","if","import","indirect","infix",/init\?/,/init!/,"inout",/internal\(set\)/,"internal","in","is","isolated","nonisolated","lazy","let","macro","mutating","nonmutating",/open\(set\)/,"open","operator","optional","override","package","postfix","precedencegroup","prefix",/private\(set\)/,"private","protocol",/public\(set\)/,"public","repeat","required","rethrows","return","set","some","static","struct","subscript","super","switch","throws","throw",/try\?/,/try!/,"try","typealias",/unowned\(safe\)/,/unowned\(unsafe\)/,"unowned","var","weak","where","while","willSet"],Ae=["false","nil","true"],Se=["assignment","associativity","higherThan","left","lowerThan","none","right"],Ce=["#colorLiteral","#column","#dsohandle","#else","#elseif","#endif","#error","#file","#fileID","#fileLiteral","#filePath","#function","#if","#imageLiteral","#keyPath","#line","#selector","#sourceLocation","#warning"],Te=["abs","all","any","assert","assertionFailure","debugPrint","dump","fatalError","getVaList","isKnownUniquelyReferenced","max","min","numericCast","pointwiseMax","pointwiseMin","precondition","preconditionFailure","print","readLine","repeatElement","sequence","stride","swap","swift_unboxFromSwiftValueWithType","transcode","type","unsafeBitCast","unsafeDowncast","withExtendedLifetime","withUnsafeMutablePointer","withUnsafePointer","withVaList","withoutActuallyEscaping","zip"],Re=m(/[/=\-+!*%<>&|^~?]/,/[\u00A1-\u00A7]/,/[\u00A9\u00AB]/,/[\u00AC\u00AE]/,/[\u00B0\u00B1]/,/[\u00B6\u00BB\u00BF\u00D7\u00F7]/,/[\u2016-\u2017]/,/[\u2020-\u2027]/,/[\u2030-\u203E]/,/[\u2041-\u2053]/,/[\u2055-\u205E]/,/[\u2190-\u23FF]/,/[\u2500-\u2775]/,/[\u2794-\u2BFF]/,/[\u2E00-\u2E7F]/,/[\u3001-\u3003]/,/[\u3008-\u3020]/,/[\u3030]/),De=m(Re,/[\u0300-\u036F]/,/[\u1DC0-\u1DFF]/,/[\u20D0-\u20FF]/,/[\uFE00-\uFE0F]/,/[\uFE20-\uFE2F]/),Ie=b(Re,De,"*"),Le=m(/[a-zA-Z_]/,/[\u00A8\u00AA\u00AD\u00AF\u00B2-\u00B5\u00B7-\u00BA]/,/[\u00BC-\u00BE\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u00FF]/,/[\u0100-\u02FF\u0370-\u167F\u1681-\u180D\u180F-\u1DBF]/,/[\u1E00-\u1FFF]/,/[\u200B-\u200D\u202A-\u202E\u203F-\u2040\u2054\u2060-\u206F]/,/[\u2070-\u20CF\u2100-\u218F\u2460-\u24FF\u2776-\u2793]/,/[\u2C00-\u2DFF\u2E80-\u2FFF]/,/[\u3004-\u3007\u3021-\u302F\u3031-\u303F\u3040-\uD7FF]/,/[\uF900-\uFD3D\uFD40-\uFDCF\uFDF0-\uFE1F\uFE30-\uFE44]/,/[\uFE47-\uFEFE\uFF00-\uFFFD]/),Be=m(Le,/\d/,/[\u0300-\u036F\u1DC0-\u1DFF\u20D0-\u20FF\uFE20-\uFE2F]/),$e=b(Le,Be,"*"),Fe=b(/[A-Z]/,Be,"*"),ze=["attached","autoclosure",b(/convention\(/,m("swift","block","c"),/\)/),"discardableResult","dynamicCallable","dynamicMemberLookup","escaping","freestanding","frozen","GKInspectable","IBAction","IBDesignable","IBInspectable","IBOutlet","IBSegueAction","inlinable","main","nonobjc","NSApplicationMain","NSCopying","NSManaged",b(/objc\(/,$e,/\)/),"objc","objcMembers","propertyWrapper","requires_stored_property_inits","resultBuilder","Sendable","testable","UIApplicationMain","unchecked","unknown","usableFromInline","warn_unqualified_access"],je=["iOS","iOSApplicationExtension","macOS","macOSApplicationExtension","macCatalyst","macCatalystApplicationExtension","watchOS","watchOSApplicationExtension","tvOS","tvOSApplicationExtension","swift"]
+;var Ue=Object.freeze({__proto__:null,grmr_bash:e=>{const n=e.regex,t={},a={
+begin:/\$\{/,end:/\}/,contains:["self",{begin:/:-/,contains:[t]}]}
+;Object.assign(t,{className:"variable",variants:[{
+begin:n.concat(/\$[\w\d#@][\w\d_]*/,"(?![\\w\\d])(?![$])")},a]});const i={
+className:"subst",begin:/\$\(/,end:/\)/,contains:[e.BACKSLASH_ESCAPE]
+},r=e.inherit(e.COMMENT(),{match:[/(^|\s)/,/#.*$/],scope:{2:"comment"}}),s={
+begin:/<<-?\s*(?=\w+)/,starts:{contains:[e.END_SAME_AS_BEGIN({begin:/(\w+)/,
+end:/(\w+)/,className:"string"})]}},o={className:"string",begin:/"/,end:/"/,
+contains:[e.BACKSLASH_ESCAPE,t,i]};i.contains.push(o);const l={begin:/\$?\(\(/,
+end:/\)\)/,contains:[{begin:/\d+#[0-9a-f]+/,className:"number"},e.NUMBER_MODE,t]
+},c=e.SHEBANG({binary:"(fish|bash|zsh|sh|csh|ksh|tcsh|dash|scsh)",relevance:10
+}),d={className:"function",begin:/\w[\w\d_]*\s*\(\s*\)\s*\{/,returnBegin:!0,
+contains:[e.inherit(e.TITLE_MODE,{begin:/\w[\w\d_]*/})],relevance:0};return{
+name:"Bash",aliases:["sh","zsh"],keywords:{$pattern:/\b[a-z][a-z0-9._-]+\b/,
+keyword:["if","then","else","elif","fi","time","for","while","until","in","do","done","case","esac","coproc","function","select"],
+literal:["true","false"],
+built_in:["break","cd","continue","eval","exec","exit","export","getopts","hash","pwd","readonly","return","shift","test","times","trap","umask","unset","alias","bind","builtin","caller","command","declare","echo","enable","help","let","local","logout","mapfile","printf","read","readarray","source","sudo","type","typeset","ulimit","unalias","set","shopt","autoload","bg","bindkey","bye","cap","chdir","clone","comparguments","compcall","compctl","compdescribe","compfiles","compgroups","compquote","comptags","comptry","compvalues","dirs","disable","disown","echotc","echoti","emulate","fc","fg","float","functions","getcap","getln","history","integer","jobs","kill","limit","log","noglob","popd","print","pushd","pushln","rehash","sched","setcap","setopt","stat","suspend","ttyctl","unfunction","unhash","unlimit","unsetopt","vared","wait","whence","where","which","zcompile","zformat","zftp","zle","zmodload","zparseopts","zprof","zpty","zregexparse","zsocket","zstyle","ztcp","chcon","chgrp","chown","chmod","cp","dd","df","dir","dircolors","ln","ls","mkdir","mkfifo","mknod","mktemp","mv","realpath","rm","rmdir","shred","sync","touch","truncate","vdir","b2sum","base32","base64","cat","cksum","comm","csplit","cut","expand","fmt","fold","head","join","md5sum","nl","numfmt","od","paste","ptx","pr","sha1sum","sha224sum","sha256sum","sha384sum","sha512sum","shuf","sort","split","sum","tac","tail","tr","tsort","unexpand","uniq","wc","arch","basename","chroot","date","dirname","du","echo","env","expr","factor","groups","hostid","id","link","logname","nice","nohup","nproc","pathchk","pinky","printenv","printf","pwd","readlink","runcon","seq","sleep","stat","stdbuf","stty","tee","test","timeout","tty","uname","unlink","uptime","users","who","whoami","yes"]
+},contains:[c,e.SHEBANG(),d,l,r,s,{match:/(\/[a-z._-]+)+/},o,{match:/\\"/},{
+className:"string",begin:/'/,end:/'/},{match:/\\'/},t]}},grmr_c:e=>{
+const n=e.regex,t=e.COMMENT("//","$",{contains:[{begin:/\\\n/}]
+}),a="decltype\\(auto\\)",i="[a-zA-Z_]\\w*::",r="("+a+"|"+n.optional(i)+"[a-zA-Z_]\\w*"+n.optional("<[^<>]+>")+")",s={
+className:"type",variants:[{begin:"\\b[a-z\\d_]*_t\\b"},{
+match:/\batomic_[a-z]{3,6}\b/}]},o={className:"string",variants:[{
+begin:'(u8?|U|L)?"',end:'"',illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},{
+begin:"(u8?|U|L)?'(\\\\(x[0-9A-Fa-f]{2}|u[0-9A-Fa-f]{4,8}|[0-7]{3}|\\S)|.)",
+end:"'",illegal:"."},e.END_SAME_AS_BEGIN({
+begin:/(?:u8?|U|L)?R"([^()\\ ]{0,16})\(/,end:/\)([^()\\ ]{0,16})"/})]},l={
+className:"number",variants:[{match:/\b(0b[01']+)/},{
+match:/(-?)\b([\d']+(\.[\d']*)?|\.[\d']+)((ll|LL|l|L)(u|U)?|(u|U)(ll|LL|l|L)?|f|F|b|B)/
+},{
+match:/(-?)\b(0[xX][a-fA-F0-9]+(?:'[a-fA-F0-9]+)*(?:\.[a-fA-F0-9]*(?:'[a-fA-F0-9]*)*)?(?:[pP][-+]?[0-9]+)?(l|L)?(u|U)?)/
+},{match:/(-?)\b\d+(?:'\d+)*(?:\.\d*(?:'\d*)*)?(?:[eE][-+]?\d+)?/}],relevance:0
+},c={className:"meta",begin:/#\s*[a-z]+\b/,end:/$/,keywords:{
+keyword:"if else elif endif define undef warning error line pragma _Pragma ifdef ifndef elifdef elifndef include"
+},contains:[{begin:/\\\n/,relevance:0},e.inherit(o,{className:"string"}),{
+className:"string",begin:/<.*?>/},t,e.C_BLOCK_COMMENT_MODE]},d={
+className:"title",begin:n.optional(i)+e.IDENT_RE,relevance:0
+},g=n.optional(i)+e.IDENT_RE+"\\s*\\(",u={
+keyword:["asm","auto","break","case","continue","default","do","else","enum","extern","for","fortran","goto","if","inline","register","restrict","return","sizeof","typeof","typeof_unqual","struct","switch","typedef","union","volatile","while","_Alignas","_Alignof","_Atomic","_Generic","_Noreturn","_Static_assert","_Thread_local","alignas","alignof","noreturn","static_assert","thread_local","_Pragma"],
+type:["float","double","signed","unsigned","int","short","long","char","void","_Bool","_BitInt","_Complex","_Imaginary","_Decimal32","_Decimal64","_Decimal96","_Decimal128","_Decimal64x","_Decimal128x","_Float16","_Float32","_Float64","_Float128","_Float32x","_Float64x","_Float128x","const","static","constexpr","complex","bool","imaginary"],
+literal:"true false NULL",
+built_in:"std string wstring cin cout cerr clog stdin stdout stderr stringstream istringstream ostringstream auto_ptr deque list queue stack vector map set pair bitset multiset multimap unordered_set unordered_map unordered_multiset unordered_multimap priority_queue make_pair array shared_ptr abort terminate abs acos asin atan2 atan calloc ceil cosh cos exit exp fabs floor fmod fprintf fputs free frexp fscanf future isalnum isalpha iscntrl isdigit isgraph islower isprint ispunct isspace isupper isxdigit tolower toupper labs ldexp log10 log malloc realloc memchr memcmp memcpy memset modf pow printf putchar puts scanf sinh sin snprintf sprintf sqrt sscanf strcat strchr strcmp strcpy strcspn strlen strncat strncmp strncpy strpbrk strrchr strspn strstr tanh tan vfprintf vprintf vsprintf endl initializer_list unique_ptr"
+},b=[c,s,t,e.C_BLOCK_COMMENT_MODE,l,o],m={variants:[{begin:/=/,end:/;/},{
+begin:/\(/,end:/\)/},{beginKeywords:"new throw return else",end:/;/}],
+keywords:u,contains:b.concat([{begin:/\(/,end:/\)/,keywords:u,
+contains:b.concat(["self"]),relevance:0}]),relevance:0},p={
+begin:"("+r+"[\\*&\\s]+)+"+g,returnBegin:!0,end:/[{;=]/,excludeEnd:!0,
+keywords:u,illegal:/[^\w\s\*&:<>.]/,contains:[{begin:a,keywords:u,relevance:0},{
+begin:g,returnBegin:!0,contains:[e.inherit(d,{className:"title.function"})],
+relevance:0},{relevance:0,match:/,/},{className:"params",begin:/\(/,end:/\)/,
+keywords:u,relevance:0,contains:[t,e.C_BLOCK_COMMENT_MODE,o,l,s,{begin:/\(/,
+end:/\)/,keywords:u,relevance:0,contains:["self",t,e.C_BLOCK_COMMENT_MODE,o,l,s]
+}]},s,t,e.C_BLOCK_COMMENT_MODE,c]};return{name:"C",aliases:["h"],keywords:u,
+disableAutodetect:!0,illegal:"</",contains:[].concat(m,p,b,[c,{
+begin:e.IDENT_RE+"::",keywords:u},{className:"class",
+beginKeywords:"enum class struct union",end:/[{;:<>=]/,contains:[{
+beginKeywords:"final class struct"},e.TITLE_MODE]}]),exports:{preprocessor:c,
+strings:o,keywords:u}}},grmr_cpp:e=>{const n=e.regex,t=e.COMMENT("//","$",{
+contains:[{begin:/\\\n/}]
+}),a="decltype\\(auto\\)",i="[a-zA-Z_]\\w*::",r="(?!struct)("+a+"|"+n.optional(i)+"[a-zA-Z_]\\w*"+n.optional("<[^<>]+>")+")",s={
+className:"type",begin:"\\b[a-z\\d_]*_t\\b"},o={className:"string",variants:[{
+begin:'(u8?|U|L)?"',end:'"',illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},{
+begin:"(u8?|U|L)?'(\\\\(x[0-9A-Fa-f]{2}|u[0-9A-Fa-f]{4,8}|[0-7]{3}|\\S)|.)",
+end:"'",illegal:"."},e.END_SAME_AS_BEGIN({
+begin:/(?:u8?|U|L)?R"([^()\\ ]{0,16})\(/,end:/\)([^()\\ ]{0,16})"/})]},l={
+className:"number",variants:[{
+begin:"[+-]?(?:(?:[0-9](?:'?[0-9])*\\.(?:[0-9](?:'?[0-9])*)?|\\.[0-9](?:'?[0-9])*)(?:[Ee][+-]?[0-9](?:'?[0-9])*)?|[0-9](?:'?[0-9])*[Ee][+-]?[0-9](?:'?[0-9])*|0[Xx](?:[0-9A-Fa-f](?:'?[0-9A-Fa-f])*(?:\\.(?:[0-9A-Fa-f](?:'?[0-9A-Fa-f])*)?)?|\\.[0-9A-Fa-f](?:'?[0-9A-Fa-f])*)[Pp][+-]?[0-9](?:'?[0-9])*)(?:[Ff](?:16|32|64|128)?|(BF|bf)16|[Ll]|)"
+},{
+begin:"[+-]?\\b(?:0[Bb][01](?:'?[01])*|0[Xx][0-9A-Fa-f](?:'?[0-9A-Fa-f])*|0(?:'?[0-7])*|[1-9](?:'?[0-9])*)(?:[Uu](?:LL?|ll?)|[Uu][Zz]?|(?:LL?|ll?)[Uu]?|[Zz][Uu]|)"
+}],relevance:0},c={className:"meta",begin:/#\s*[a-z]+\b/,end:/$/,keywords:{
+keyword:"if else elif endif define undef warning error line pragma _Pragma ifdef ifndef include"
+},contains:[{begin:/\\\n/,relevance:0},e.inherit(o,{className:"string"}),{
+className:"string",begin:/<.*?>/},t,e.C_BLOCK_COMMENT_MODE]},d={
+className:"title",begin:n.optional(i)+e.IDENT_RE,relevance:0
+},g=n.optional(i)+e.IDENT_RE+"\\s*\\(",u={
+type:["bool","char","char16_t","char32_t","char8_t","double","float","int","long","short","void","wchar_t","unsigned","signed","const","static"],
+keyword:["alignas","alignof","and","and_eq","asm","atomic_cancel","atomic_commit","atomic_noexcept","auto","bitand","bitor","break","case","catch","class","co_await","co_return","co_yield","compl","concept","const_cast|10","consteval","constexpr","constinit","continue","decltype","default","delete","do","dynamic_cast|10","else","enum","explicit","export","extern","false","final","for","friend","goto","if","import","inline","module","mutable","namespace","new","noexcept","not","not_eq","nullptr","operator","or","or_eq","override","private","protected","public","reflexpr","register","reinterpret_cast|10","requires","return","sizeof","static_assert","static_cast|10","struct","switch","synchronized","template","this","thread_local","throw","transaction_safe","transaction_safe_dynamic","true","try","typedef","typeid","typename","union","using","virtual","volatile","while","xor","xor_eq"],
+literal:["NULL","false","nullopt","nullptr","true"],built_in:["_Pragma"],
+_type_hints:["any","auto_ptr","barrier","binary_semaphore","bitset","complex","condition_variable","condition_variable_any","counting_semaphore","deque","false_type","flat_map","flat_set","future","imaginary","initializer_list","istringstream","jthread","latch","lock_guard","multimap","multiset","mutex","optional","ostringstream","packaged_task","pair","promise","priority_queue","queue","recursive_mutex","recursive_timed_mutex","scoped_lock","set","shared_future","shared_lock","shared_mutex","shared_timed_mutex","shared_ptr","stack","string_view","stringstream","timed_mutex","thread","true_type","tuple","unique_lock","unique_ptr","unordered_map","unordered_multimap","unordered_multiset","unordered_set","variant","vector","weak_ptr","wstring","wstring_view"]
+},b={className:"function.dispatch",relevance:0,keywords:{
+_hint:["abort","abs","acos","apply","as_const","asin","atan","atan2","calloc","ceil","cerr","cin","clog","cos","cosh","cout","declval","endl","exchange","exit","exp","fabs","floor","fmod","forward","fprintf","fputs","free","frexp","fscanf","future","invoke","isalnum","isalpha","iscntrl","isdigit","isgraph","islower","isprint","ispunct","isspace","isupper","isxdigit","labs","launder","ldexp","log","log10","make_pair","make_shared","make_shared_for_overwrite","make_tuple","make_unique","malloc","memchr","memcmp","memcpy","memset","modf","move","pow","printf","putchar","puts","realloc","scanf","sin","sinh","snprintf","sprintf","sqrt","sscanf","std","stderr","stdin","stdout","strcat","strchr","strcmp","strcpy","strcspn","strlen","strncat","strncmp","strncpy","strpbrk","strrchr","strspn","strstr","swap","tan","tanh","terminate","to_underlying","tolower","toupper","vfprintf","visit","vprintf","vsprintf"]
+},
+begin:n.concat(/\b/,/(?!decltype)/,/(?!if)/,/(?!for)/,/(?!switch)/,/(?!while)/,e.IDENT_RE,n.lookahead(/(<[^<>]+>|)\s*\(/))
+},m=[b,c,s,t,e.C_BLOCK_COMMENT_MODE,l,o],p={variants:[{begin:/=/,end:/;/},{
+begin:/\(/,end:/\)/},{beginKeywords:"new throw return else",end:/;/}],
+keywords:u,contains:m.concat([{begin:/\(/,end:/\)/,keywords:u,
+contains:m.concat(["self"]),relevance:0}]),relevance:0},_={className:"function",
+begin:"("+r+"[\\*&\\s]+)+"+g,returnBegin:!0,end:/[{;=]/,excludeEnd:!0,
+keywords:u,illegal:/[^\w\s\*&:<>.]/,contains:[{begin:a,keywords:u,relevance:0},{
+begin:g,returnBegin:!0,contains:[d],relevance:0},{begin:/::/,relevance:0},{
+begin:/:/,endsWithParent:!0,contains:[o,l]},{relevance:0,match:/,/},{
+className:"params",begin:/\(/,end:/\)/,keywords:u,relevance:0,
+contains:[t,e.C_BLOCK_COMMENT_MODE,o,l,s,{begin:/\(/,end:/\)/,keywords:u,
+relevance:0,contains:["self",t,e.C_BLOCK_COMMENT_MODE,o,l,s]}]
+},s,t,e.C_BLOCK_COMMENT_MODE,c]};return{name:"C++",
+aliases:["cc","c++","h++","hpp","hh","hxx","cxx"],keywords:u,illegal:"</",
+classNameAliases:{"function.dispatch":"built_in"},
+contains:[].concat(p,_,b,m,[c,{
+begin:"\\b(deque|list|queue|priority_queue|pair|stack|vector|map|set|bitset|multiset|multimap|unordered_map|unordered_set|unordered_multiset|unordered_multimap|array|tuple|optional|variant|function|flat_map|flat_set)\\s*<(?!<)",
+end:">",keywords:u,contains:["self",s]},{begin:e.IDENT_RE+"::",keywords:u},{
+match:[/\b(?:enum(?:\s+(?:class|struct))?|class|struct|union)/,/\s+/,/\w+/],
+className:{1:"keyword",3:"title.class"}}])}},grmr_csharp:e=>{const n={
+keyword:["abstract","as","base","break","case","catch","class","const","continue","do","else","event","explicit","extern","finally","fixed","for","foreach","goto","if","implicit","in","interface","internal","is","lock","namespace","new","operator","out","override","params","private","protected","public","readonly","record","ref","return","scoped","sealed","sizeof","stackalloc","static","struct","switch","this","throw","try","typeof","unchecked","unsafe","using","virtual","void","volatile","while"].concat(["add","alias","and","ascending","args","async","await","by","descending","dynamic","equals","file","from","get","global","group","init","into","join","let","nameof","not","notnull","on","or","orderby","partial","record","remove","required","scoped","select","set","unmanaged","value|0","var","when","where","with","yield"]),
+built_in:["bool","byte","char","decimal","delegate","double","dynamic","enum","float","int","long","nint","nuint","object","sbyte","short","string","ulong","uint","ushort"],
+literal:["default","false","null","true"]},t=e.inherit(e.TITLE_MODE,{
+begin:"[a-zA-Z](\\.?\\w)*"}),a={className:"number",variants:[{
+begin:"\\b(0b[01']+)"},{
+begin:"(-?)\\b([\\d']+(\\.[\\d']*)?|\\.[\\d']+)(u|U|l|L|ul|UL|f|F|b|B)"},{
+begin:"(-?)(\\b0[xX][a-fA-F0-9']+|(\\b[\\d']+(\\.[\\d']*)?|\\.[\\d']+)([eE][-+]?[\\d']+)?)"
+}],relevance:0},i={className:"string",begin:'@"',end:'"',contains:[{begin:'""'}]
+},r=e.inherit(i,{illegal:/\n/}),s={className:"subst",begin:/\{/,end:/\}/,
+keywords:n},o=e.inherit(s,{illegal:/\n/}),l={className:"string",begin:/\$"/,
+end:'"',illegal:/\n/,contains:[{begin:/\{\{/},{begin:/\}\}/
+},e.BACKSLASH_ESCAPE,o]},c={className:"string",begin:/\$@"/,end:'"',contains:[{
+begin:/\{\{/},{begin:/\}\}/},{begin:'""'},s]},d=e.inherit(c,{illegal:/\n/,
+contains:[{begin:/\{\{/},{begin:/\}\}/},{begin:'""'},o]})
+;s.contains=[c,l,i,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,a,e.C_BLOCK_COMMENT_MODE],
+o.contains=[d,l,r,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,a,e.inherit(e.C_BLOCK_COMMENT_MODE,{
+illegal:/\n/})];const g={variants:[{className:"string",
+begin:/"""("*)(?!")(.|\n)*?"""\1/,relevance:1
+},c,l,i,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]},u={begin:"<",end:">",
+contains:[{beginKeywords:"in out"},t]
+},b=e.IDENT_RE+"(<"+e.IDENT_RE+"(\\s*,\\s*"+e.IDENT_RE+")*>)?(\\[\\])?",m={
+begin:"@"+e.IDENT_RE,relevance:0};return{name:"C#",aliases:["cs","c#"],
+keywords:n,illegal:/::/,contains:[e.COMMENT("///","$",{returnBegin:!0,
+contains:[{className:"doctag",variants:[{begin:"///",relevance:0},{
+begin:"\x3c!--|--\x3e"},{begin:"</?",end:">"}]}]
+}),e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{className:"meta",begin:"#",
+end:"$",keywords:{
+keyword:"if else elif endif define undef warning error line region endregion pragma checksum"
+}},g,a,{beginKeywords:"class interface",relevance:0,end:/[{;=]/,
+illegal:/[^\s:,]/,contains:[{beginKeywords:"where class"
+},t,u,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{beginKeywords:"namespace",
+relevance:0,end:/[{;=]/,illegal:/[^\s:]/,
+contains:[t,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{
+beginKeywords:"record",relevance:0,end:/[{;=]/,illegal:/[^\s:]/,
+contains:[t,u,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{className:"meta",
+begin:"^\\s*\\[(?=[\\w])",excludeBegin:!0,end:"\\]",excludeEnd:!0,contains:[{
+className:"string",begin:/"/,end:/"/}]},{
+beginKeywords:"new return throw await else",relevance:0},{className:"function",
+begin:"("+b+"\\s+)+"+e.IDENT_RE+"\\s*(<[^=]+>\\s*)?\\(",returnBegin:!0,
+end:/\s*[{;=]/,excludeEnd:!0,keywords:n,contains:[{
+beginKeywords:"public private protected static internal protected abstract async extern override unsafe virtual new sealed partial",
+relevance:0},{begin:e.IDENT_RE+"\\s*(<[^=]+>\\s*)?\\(",returnBegin:!0,
+contains:[e.TITLE_MODE,u],relevance:0},{match:/\(\)/},{className:"params",
+begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:n,relevance:0,
+contains:[g,a,e.C_BLOCK_COMMENT_MODE]
+},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},m]}},grmr_css:e=>{
+const n=e.regex,t=te(e),a=[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE];return{
+name:"CSS",case_insensitive:!0,illegal:/[=|'\$]/,keywords:{
+keyframePosition:"from to"},classNameAliases:{keyframePosition:"selector-tag"},
+contains:[t.BLOCK_COMMENT,{begin:/-(webkit|moz|ms|o)-(?=[a-z])/
+},t.CSS_NUMBER_MODE,{className:"selector-id",begin:/#[A-Za-z0-9_-]+/,relevance:0
+},{className:"selector-class",begin:"\\.[a-zA-Z-][a-zA-Z0-9_-]*",relevance:0
+},t.ATTRIBUTE_SELECTOR_MODE,{className:"selector-pseudo",variants:[{
+begin:":("+re.join("|")+")"},{begin:":(:)?("+se.join("|")+")"}]
+},t.CSS_VARIABLE,{className:"attribute",begin:"\\b("+oe.join("|")+")\\b"},{
+begin:/:/,end:/[;}{]/,
+contains:[t.BLOCK_COMMENT,t.HEXCOLOR,t.IMPORTANT,t.CSS_NUMBER_MODE,...a,{
+begin:/(url|data-uri)\(/,end:/\)/,relevance:0,keywords:{built_in:"url data-uri"
+},contains:[...a,{className:"string",begin:/[^)]/,endsWithParent:!0,
+excludeEnd:!0}]},t.FUNCTION_DISPATCH]},{begin:n.lookahead(/@/),end:"[{;]",
+relevance:0,illegal:/:/,contains:[{className:"keyword",begin:/@-?\w[\w]*(-\w+)*/
+},{begin:/\s/,endsWithParent:!0,excludeEnd:!0,relevance:0,keywords:{
+$pattern:/[a-z-]+/,keyword:"and or not only",attribute:ie.join(" ")},contains:[{
+begin:/[a-z-]+(?=:)/,className:"attribute"},...a,t.CSS_NUMBER_MODE]}]},{
+className:"selector-tag",begin:"\\b("+ae.join("|")+")\\b"}]}},grmr_diff:e=>{
+const n=e.regex;return{name:"Diff",aliases:["patch"],contains:[{
+className:"meta",relevance:10,
+match:n.either(/^@@ +-\d+,\d+ +\+\d+,\d+ +@@/,/^\*\*\* +\d+,\d+ +\*\*\*\*$/,/^--- +\d+,\d+ +----$/)
+},{className:"comment",variants:[{
+begin:n.either(/Index: /,/^index/,/={3,}/,/^-{3}/,/^\*{3} /,/^\+{3}/,/^diff --git/),
+end:/$/},{match:/^\*{15}$/}]},{className:"addition",begin:/^\+/,end:/$/},{
+className:"deletion",begin:/^-/,end:/$/},{className:"addition",begin:/^!/,
+end:/$/}]}},grmr_go:e=>{const n={
+keyword:["break","case","chan","const","continue","default","defer","else","fallthrough","for","func","go","goto","if","import","interface","map","package","range","return","select","struct","switch","type","var"],
+type:["bool","byte","complex64","complex128","error","float32","float64","int8","int16","int32","int64","string","uint8","uint16","uint32","uint64","int","uint","uintptr","rune"],
+literal:["true","false","iota","nil"],
+built_in:["append","cap","close","complex","copy","imag","len","make","new","panic","print","println","real","recover","delete"]
+};return{name:"Go",aliases:["golang"],keywords:n,illegal:"</",
+contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{className:"string",
+variants:[e.QUOTE_STRING_MODE,e.APOS_STRING_MODE,{begin:"`",end:"`"}]},{
+className:"number",variants:[{
+match:/-?\b0[xX]\.[a-fA-F0-9](_?[a-fA-F0-9])*[pP][+-]?\d(_?\d)*i?/,relevance:0
+},{
+match:/-?\b0[xX](_?[a-fA-F0-9])+((\.([a-fA-F0-9](_?[a-fA-F0-9])*)?)?[pP][+-]?\d(_?\d)*)?i?/,
+relevance:0},{match:/-?\b0[oO](_?[0-7])*i?/,relevance:0},{
+match:/-?\.\d(_?\d)*([eE][+-]?\d(_?\d)*)?i?/,relevance:0},{
+match:/-?\b\d(_?\d)*(\.(\d(_?\d)*)?)?([eE][+-]?\d(_?\d)*)?i?/,relevance:0}]},{
+begin:/:=/},{className:"function",beginKeywords:"func",end:"\\s*(\\{|$)",
+excludeEnd:!0,contains:[e.TITLE_MODE,{className:"params",begin:/\(/,end:/\)/,
+endsParent:!0,keywords:n,illegal:/["']/}]}]}},grmr_graphql:e=>{const n=e.regex
+;return{name:"GraphQL",aliases:["gql"],case_insensitive:!0,disableAutodetect:!1,
+keywords:{
+keyword:["query","mutation","subscription","type","input","schema","directive","interface","union","scalar","fragment","enum","on"],
+literal:["true","false","null"]},
+contains:[e.HASH_COMMENT_MODE,e.QUOTE_STRING_MODE,e.NUMBER_MODE,{
+scope:"punctuation",match:/[.]{3}/,relevance:0},{scope:"punctuation",
+begin:/[\!\(\)\:\=\[\]\{\|\}]{1}/,relevance:0},{scope:"variable",begin:/\$/,
+end:/\W/,excludeEnd:!0,relevance:0},{scope:"meta",match:/@\w+/,excludeEnd:!0},{
+scope:"symbol",begin:n.concat(/[_A-Za-z][_0-9A-Za-z]*/,n.lookahead(/\s*:/)),
+relevance:0}],illegal:[/[;<']/,/BEGIN/]}},grmr_ini:e=>{const n=e.regex,t={
+className:"number",relevance:0,variants:[{begin:/([+-]+)?[\d]+_[\d_]+/},{
+begin:e.NUMBER_RE}]},a=e.COMMENT();a.variants=[{begin:/;/,end:/$/},{begin:/#/,
+end:/$/}];const i={className:"variable",variants:[{begin:/\$[\w\d"][\w\d_]*/},{
+begin:/\$\{(.*?)\}/}]},r={className:"literal",
+begin:/\bon|off|true|false|yes|no\b/},s={className:"string",
+contains:[e.BACKSLASH_ESCAPE],variants:[{begin:"'''",end:"'''",relevance:10},{
+begin:'"""',end:'"""',relevance:10},{begin:'"',end:'"'},{begin:"'",end:"'"}]
+},o={begin:/\[/,end:/\]/,contains:[a,r,i,s,t,"self"],relevance:0
+},l=n.either(/[A-Za-z0-9_-]+/,/"(\\"|[^"])*"/,/'[^']*'/);return{
+name:"TOML, also INI",aliases:["toml"],case_insensitive:!0,illegal:/\S/,
+contains:[a,{className:"section",begin:/\[+/,end:/\]+/},{
+begin:n.concat(l,"(\\s*\\.\\s*",l,")*",n.lookahead(/\s*=\s*[^#\s]/)),
+className:"attr",starts:{end:/$/,contains:[a,o,r,i,s,t]}}]}},grmr_java:e=>{
+const n=e.regex,t="[\xc0-\u02b8a-zA-Z_$][\xc0-\u02b8a-zA-Z_$0-9]*",a=t+be("(?:<"+t+"~~~(?:\\s*,\\s*"+t+"~~~)*>)?",/~~~/g,2),i={
+keyword:["synchronized","abstract","private","var","static","if","const ","for","while","strictfp","finally","protected","import","native","final","void","enum","else","break","transient","catch","instanceof","volatile","case","assert","package","default","public","try","switch","continue","throws","protected","public","private","module","requires","exports","do","sealed","yield","permits","goto","when"],
+literal:["false","true","null"],
+type:["char","boolean","long","float","int","byte","short","double"],
+built_in:["super","this"]},r={className:"meta",begin:"@"+t,contains:[{
+begin:/\(/,end:/\)/,contains:["self"]}]},s={className:"params",begin:/\(/,
+end:/\)/,keywords:i,relevance:0,contains:[e.C_BLOCK_COMMENT_MODE],endsParent:!0}
+;return{name:"Java",aliases:["jsp"],keywords:i,illegal:/<\/|#/,
+contains:[e.COMMENT("/\\*\\*","\\*/",{relevance:0,contains:[{begin:/\w+@/,
+relevance:0},{className:"doctag",begin:"@[A-Za-z]+"}]}),{
+begin:/import java\.[a-z]+\./,keywords:"import",relevance:2
+},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,{begin:/"""/,end:/"""/,
+className:"string",contains:[e.BACKSLASH_ESCAPE]
+},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,{
+match:[/\b(?:class|interface|enum|extends|implements|new)/,/\s+/,t],className:{
+1:"keyword",3:"title.class"}},{match:/non-sealed/,scope:"keyword"},{
+begin:[n.concat(/(?!else)/,t),/\s+/,t,/\s+/,/=(?!=)/],className:{1:"type",
+3:"variable",5:"operator"}},{begin:[/record/,/\s+/,t],className:{1:"keyword",
+3:"title.class"},contains:[s,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{
+beginKeywords:"new throw return else",relevance:0},{
+begin:["(?:"+a+"\\s+)",e.UNDERSCORE_IDENT_RE,/\s*(?=\()/],className:{
+2:"title.function"},keywords:i,contains:[{className:"params",begin:/\(/,
+end:/\)/,keywords:i,relevance:0,
+contains:[r,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,ue,e.C_BLOCK_COMMENT_MODE]
+},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},ue,r]}},grmr_javascript:ve,
+grmr_json:e=>{const n=["true","false","null"],t={scope:"literal",
+beginKeywords:n.join(" ")};return{name:"JSON",aliases:["jsonc"],keywords:{
+literal:n},contains:[{className:"attr",begin:/"(\\.|[^\\"\r\n])*"(?=\s*:)/,
+relevance:1.01},{match:/[{}[\],:]/,className:"punctuation",relevance:0
+},e.QUOTE_STRING_MODE,t,e.C_NUMBER_MODE,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE],
+illegal:"\\S"}},grmr_kotlin:e=>{const n={
+keyword:"abstract as val var vararg get set class object open private protected public noinline crossinline dynamic final enum if else do while for when throw try catch finally import package is in fun override companion reified inline lateinit init interface annotation data sealed internal infix operator out by constructor super tailrec where const inner suspend typealias external expect actual",
+built_in:"Byte Short Char Int Long Boolean Float Double Void Unit Nothing",
+literal:"true false null"},t={className:"symbol",begin:e.UNDERSCORE_IDENT_RE+"@"
+},a={className:"subst",begin:/\$\{/,end:/\}/,contains:[e.C_NUMBER_MODE]},i={
+className:"variable",begin:"\\$"+e.UNDERSCORE_IDENT_RE},r={className:"string",
+variants:[{begin:'"""',end:'"""(?=[^"])',contains:[i,a]},{begin:"'",end:"'",
+illegal:/\n/,contains:[e.BACKSLASH_ESCAPE]},{begin:'"',end:'"',illegal:/\n/,
+contains:[e.BACKSLASH_ESCAPE,i,a]}]};a.contains.push(r);const s={
+className:"meta",
+begin:"@(?:file|property|field|get|set|receiver|param|setparam|delegate)\\s*:(?:\\s*"+e.UNDERSCORE_IDENT_RE+")?"
+},o={className:"meta",begin:"@"+e.UNDERSCORE_IDENT_RE,contains:[{begin:/\(/,
+end:/\)/,contains:[e.inherit(r,{className:"string"}),"self"]}]
+},l=ue,c=e.COMMENT("/\\*","\\*/",{contains:[e.C_BLOCK_COMMENT_MODE]}),d={
+variants:[{className:"type",begin:e.UNDERSCORE_IDENT_RE},{begin:/\(/,end:/\)/,
+contains:[]}]},g=d;return g.variants[1].contains=[d],d.variants[1].contains=[g],
+{name:"Kotlin",aliases:["kt","kts"],keywords:n,
+contains:[e.COMMENT("/\\*\\*","\\*/",{relevance:0,contains:[{className:"doctag",
+begin:"@[A-Za-z]+"}]}),e.C_LINE_COMMENT_MODE,c,{className:"keyword",
+begin:/\b(break|continue|return|this)\b/,starts:{contains:[{className:"symbol",
+begin:/@\w+/}]}},t,s,o,{className:"function",beginKeywords:"fun",end:"[(]|$",
+returnBegin:!0,excludeEnd:!0,keywords:n,relevance:5,contains:[{
+begin:e.UNDERSCORE_IDENT_RE+"\\s*\\(",returnBegin:!0,relevance:0,
+contains:[e.UNDERSCORE_TITLE_MODE]},{className:"type",begin:/</,end:/>/,
+keywords:"reified",relevance:0},{className:"params",begin:/\(/,end:/\)/,
+endsParent:!0,keywords:n,relevance:0,contains:[{begin:/:/,end:/[=,\/]/,
+endsWithParent:!0,contains:[d,e.C_LINE_COMMENT_MODE,c],relevance:0
+},e.C_LINE_COMMENT_MODE,c,s,o,r,e.C_NUMBER_MODE]},c]},{
+begin:[/class|interface|trait/,/\s+/,e.UNDERSCORE_IDENT_RE],beginScope:{
+3:"title.class"},keywords:"class interface trait",end:/[:\{(]|$/,excludeEnd:!0,
+illegal:"extends implements",contains:[{
+beginKeywords:"public protected internal private constructor"
+},e.UNDERSCORE_TITLE_MODE,{className:"type",begin:/</,end:/>/,excludeBegin:!0,
+excludeEnd:!0,relevance:0},{className:"type",begin:/[,:]\s*/,end:/[<\(,){\s]|$/,
+excludeBegin:!0,returnEnd:!0},s,o]},r,{className:"meta",begin:"^#!/usr/bin/env",
+end:"$",illegal:"\n"},l]}},grmr_less:e=>{
+const n=te(e),t=le,a="[\\w-]+",i="("+a+"|@\\{"+a+"\\})",r=[],s=[],o=e=>({
+className:"string",begin:"~?"+e+".*?"+e}),l=(e,n,t)=>({className:e,begin:n,
+relevance:t}),c={$pattern:/[a-z-]+/,keyword:"and or not only",
+attribute:ie.join(" ")},d={begin:"\\(",end:"\\)",contains:s,keywords:c,
+relevance:0}
+;s.push(e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,o("'"),o('"'),n.CSS_NUMBER_MODE,{
+begin:"(url|data-uri)\\(",starts:{className:"string",end:"[\\)\\n]",
+excludeEnd:!0}
+},n.HEXCOLOR,d,l("variable","@@?"+a,10),l("variable","@\\{"+a+"\\}"),l("built_in","~?`[^`]*?`"),{
+className:"attribute",begin:a+"\\s*:",end:":",returnBegin:!0,excludeEnd:!0
+},n.IMPORTANT,{beginKeywords:"and not"},n.FUNCTION_DISPATCH);const g=s.concat({
+begin:/\{/,end:/\}/,contains:r}),u={beginKeywords:"when",endsWithParent:!0,
+contains:[{beginKeywords:"and not"}].concat(s)},b={begin:i+"\\s*:",
+returnBegin:!0,end:/[;}]/,relevance:0,contains:[{begin:/-(webkit|moz|ms|o)-/
+},n.CSS_VARIABLE,{className:"attribute",begin:"\\b("+oe.join("|")+")\\b",
+end:/(?=:)/,starts:{endsWithParent:!0,illegal:"[<=$]",relevance:0,contains:s}}]
+},m={className:"keyword",
+begin:"@(import|media|charset|font-face|(-[a-z]+-)?keyframes|supports|document|namespace|page|viewport|host)\\b",
+starts:{end:"[;{}]",keywords:c,returnEnd:!0,contains:s,relevance:0}},p={
+className:"variable",variants:[{begin:"@"+a+"\\s*:",relevance:15},{begin:"@"+a
+}],starts:{end:"[;}]",returnEnd:!0,contains:g}},_={variants:[{
+begin:"[\\.#:&\\[>]",end:"[;{}]"},{begin:i,end:/\{/}],returnBegin:!0,
+returnEnd:!0,illegal:"[<='$\"]",relevance:0,
+contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,u,l("keyword","all\\b"),l("variable","@\\{"+a+"\\}"),{
+begin:"\\b("+ae.join("|")+")\\b",className:"selector-tag"
+},n.CSS_NUMBER_MODE,l("selector-tag",i,0),l("selector-id","#"+i),l("selector-class","\\."+i,0),l("selector-tag","&",0),n.ATTRIBUTE_SELECTOR_MODE,{
+className:"selector-pseudo",begin:":("+re.join("|")+")"},{
+className:"selector-pseudo",begin:":(:)?("+se.join("|")+")"},{begin:/\(/,
+end:/\)/,relevance:0,contains:g},{begin:"!important"},n.FUNCTION_DISPATCH]},h={
+begin:a+":(:)?"+`(${t.join("|")})`,returnBegin:!0,contains:[_]}
+;return r.push(e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,m,p,h,b,_,u,n.FUNCTION_DISPATCH),
+{name:"Less",case_insensitive:!0,illegal:"[=>'/<($\"]",contains:r}},
+grmr_lua:e=>{const n="\\[=*\\[",t="\\]=*\\]",a={begin:n,end:t,contains:["self"]
+},i=[e.COMMENT("--(?!"+n+")","$"),e.COMMENT("--"+n,t,{contains:[a],relevance:10
+})];return{name:"Lua",aliases:["pluto"],keywords:{
+$pattern:e.UNDERSCORE_IDENT_RE,literal:"true false nil",
+keyword:"and break do else elseif end for goto if in local not or repeat return then until while",
+built_in:"_G _ENV _VERSION __index __newindex __mode __call __metatable __tostring __len __gc __add __sub __mul __div __mod __pow __concat __unm __eq __lt __le assert collectgarbage dofile error getfenv getmetatable ipairs load loadfile loadstring module next pairs pcall print rawequal rawget rawset require select setfenv setmetatable tonumber tostring type unpack xpcall arg self coroutine resume yield status wrap create running debug getupvalue debug sethook getmetatable gethook setmetatable setlocal traceback setfenv getinfo setupvalue getlocal getregistry getfenv io lines write close flush open output type read stderr stdin input stdout popen tmpfile math log max acos huge ldexp pi cos tanh pow deg tan cosh sinh random randomseed frexp ceil floor rad abs sqrt modf asin min mod fmod log10 atan2 exp sin atan os exit setlocale date getenv difftime remove time clock tmpname rename execute package preload loadlib loaded loaders cpath config path seeall string sub upper len gfind rep find match char dump gmatch reverse byte format gsub lower table setn insert getn foreachi maxn foreach concat sort remove"
+},contains:i.concat([{className:"function",beginKeywords:"function",end:"\\)",
+contains:[e.inherit(e.TITLE_MODE,{
+begin:"([_a-zA-Z]\\w*\\.)*([_a-zA-Z]\\w*:)?[_a-zA-Z]\\w*"}),{className:"params",
+begin:"\\(",endsWithParent:!0,contains:i}].concat(i)
+},e.C_NUMBER_MODE,e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,{className:"string",
+begin:n,end:t,contains:[a],relevance:5}])}},grmr_makefile:e=>{const n={
+className:"variable",variants:[{begin:"\\$\\("+e.UNDERSCORE_IDENT_RE+"\\)",
+contains:[e.BACKSLASH_ESCAPE]},{begin:/\$[@%<?\^\+\*]/}]},t={className:"string",
+begin:/"/,end:/"/,contains:[e.BACKSLASH_ESCAPE,n]},a={className:"variable",
+begin:/\$\([\w-]+\s/,end:/\)/,keywords:{
+built_in:"subst patsubst strip findstring filter filter-out sort word wordlist firstword lastword dir notdir suffix basename addsuffix addprefix join wildcard realpath abspath error warning shell origin flavor foreach if or and call eval file value"
+},contains:[n,t]},i={begin:"^"+e.UNDERSCORE_IDENT_RE+"\\s*(?=[:+?]?=)"},r={
+className:"section",begin:/^[^\s]+:/,end:/$/,contains:[n]};return{
+name:"Makefile",aliases:["mk","mak","make"],keywords:{$pattern:/[\w-]+/,
+keyword:"define endef undefine ifdef ifndef ifeq ifneq else endif include -include sinclude override export unexport private vpath"
+},contains:[e.HASH_COMMENT_MODE,n,t,a,i,{className:"meta",begin:/^\.PHONY:/,
+end:/$/,keywords:{$pattern:/[\.\w]+/,keyword:".PHONY"}},r]}},grmr_markdown:e=>{
+const n={begin:/<\/?[A-Za-z_]/,end:">",subLanguage:"xml",relevance:0},t={
+variants:[{begin:/\[.+?\]\[.*?\]/,relevance:0},{
+begin:/\[.+?\]\(((data|javascript|mailto):|(?:http|ftp)s?:\/\/).*?\)/,
+relevance:2},{
+begin:e.regex.concat(/\[.+?\]\(/,/[A-Za-z][A-Za-z0-9+.-]*/,/:\/\/.*?\)/),
+relevance:2},{begin:/\[.+?\]\([./?&#].*?\)/,relevance:1},{
+begin:/\[.*?\]\(.*?\)/,relevance:0}],returnBegin:!0,contains:[{match:/\[(?=\])/
+},{className:"string",relevance:0,begin:"\\[",end:"\\]",excludeBegin:!0,
+returnEnd:!0},{className:"link",relevance:0,begin:"\\]\\(",end:"\\)",
+excludeBegin:!0,excludeEnd:!0},{className:"symbol",relevance:0,begin:"\\]\\[",
+end:"\\]",excludeBegin:!0,excludeEnd:!0}]},a={className:"strong",contains:[],
+variants:[{begin:/_{2}(?!\s)/,end:/_{2}/},{begin:/\*{2}(?!\s)/,end:/\*{2}/}]
+},i={className:"emphasis",contains:[],variants:[{begin:/\*(?![*\s])/,end:/\*/},{
+begin:/_(?![_\s])/,end:/_/,relevance:0}]},r=e.inherit(a,{contains:[]
+}),s=e.inherit(i,{contains:[]});a.contains.push(s),i.contains.push(r)
+;let o=[n,t];return[a,i,r,s].forEach((e=>{e.contains=e.contains.concat(o)
+})),o=o.concat(a,i),{name:"Markdown",aliases:["md","mkdown","mkd"],contains:[{
+className:"section",variants:[{begin:"^#{1,6}",end:"$",contains:o},{
+begin:"(?=^.+?\\n[=-]{2,}$)",contains:[{begin:"^[=-]*$"},{begin:"^",end:"\\n",
+contains:o}]}]},n,{className:"bullet",begin:"^[ \t]*([*+-]|(\\d+\\.))(?=\\s+)",
+end:"\\s+",excludeEnd:!0},a,i,{className:"quote",begin:"^>\\s+",contains:o,
+end:"$"},{className:"code",variants:[{begin:"(`{3,})[^`](.|\\n)*?\\1`*[ ]*"},{
+begin:"(~{3,})[^~](.|\\n)*?\\1~*[ ]*"},{begin:"```",end:"```+[ ]*$"},{
+begin:"~~~",end:"~~~+[ ]*$"},{begin:"`.+?`"},{begin:"(?=^( {4}|\\t))",
+contains:[{begin:"^( {4}|\\t)",end:"(\\n)$"}],relevance:0}]},{
+begin:"^[-\\*]{3,}",end:"$"},t,{begin:/^\[[^\n]+\]:/,returnBegin:!0,contains:[{
+className:"symbol",begin:/\[/,end:/\]/,excludeBegin:!0,excludeEnd:!0},{
+className:"link",begin:/:\s*/,end:/$/,excludeBegin:!0}]},{scope:"literal",
+match:/&([a-zA-Z0-9]+|#[0-9]{1,7}|#[Xx][0-9a-fA-F]{1,6});/}]}},
+grmr_objectivec:e=>{const n=/[a-zA-Z@][a-zA-Z0-9_]*/,t={$pattern:n,
+keyword:["@interface","@class","@protocol","@implementation"]};return{
+name:"Objective-C",aliases:["mm","objc","obj-c","obj-c++","objective-c++"],
+keywords:{"variable.language":["this","super"],$pattern:n,
+keyword:["while","export","sizeof","typedef","const","struct","for","union","volatile","static","mutable","if","do","return","goto","enum","else","break","extern","asm","case","default","register","explicit","typename","switch","continue","inline","readonly","assign","readwrite","self","@synchronized","id","typeof","nonatomic","IBOutlet","IBAction","strong","weak","copy","in","out","inout","bycopy","byref","oneway","__strong","__weak","__block","__autoreleasing","@private","@protected","@public","@try","@property","@end","@throw","@catch","@finally","@autoreleasepool","@synthesize","@dynamic","@selector","@optional","@required","@encode","@package","@import","@defs","@compatibility_alias","__bridge","__bridge_transfer","__bridge_retained","__bridge_retain","__covariant","__contravariant","__kindof","_Nonnull","_Nullable","_Null_unspecified","__FUNCTION__","__PRETTY_FUNCTION__","__attribute__","getter","setter","retain","unsafe_unretained","nonnull","nullable","null_unspecified","null_resettable","class","instancetype","NS_DESIGNATED_INITIALIZER","NS_UNAVAILABLE","NS_REQUIRES_SUPER","NS_RETURNS_INNER_POINTER","NS_INLINE","NS_AVAILABLE","NS_DEPRECATED","NS_ENUM","NS_OPTIONS","NS_SWIFT_UNAVAILABLE","NS_ASSUME_NONNULL_BEGIN","NS_ASSUME_NONNULL_END","NS_REFINED_FOR_SWIFT","NS_SWIFT_NAME","NS_SWIFT_NOTHROW","NS_DURING","NS_HANDLER","NS_ENDHANDLER","NS_VALUERETURN","NS_VOIDRETURN"],
+literal:["false","true","FALSE","TRUE","nil","YES","NO","NULL"],
+built_in:["dispatch_once_t","dispatch_queue_t","dispatch_sync","dispatch_async","dispatch_once"],
+type:["int","float","char","unsigned","signed","short","long","double","wchar_t","unichar","void","bool","BOOL","id|0","_Bool"]
+},illegal:"</",contains:[{className:"built_in",
+begin:"\\b(AV|CA|CF|CG|CI|CL|CM|CN|CT|MK|MP|MTK|MTL|NS|SCN|SK|UI|WK|XC)\\w+"
+},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.C_NUMBER_MODE,e.QUOTE_STRING_MODE,e.APOS_STRING_MODE,{
+className:"string",variants:[{begin:'@"',end:'"',illegal:"\\n",
+contains:[e.BACKSLASH_ESCAPE]}]},{className:"meta",begin:/#\s*[a-z]+\b/,end:/$/,
+keywords:{
+keyword:"if else elif endif define undef warning error line pragma ifdef ifndef include"
+},contains:[{begin:/\\\n/,relevance:0},e.inherit(e.QUOTE_STRING_MODE,{
+className:"string"}),{className:"string",begin:/<.*?>/,end:/$/,illegal:"\\n"
+},e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE]},{className:"class",
+begin:"("+t.keyword.join("|")+")\\b",end:/(\{|$)/,excludeEnd:!0,keywords:t,
+contains:[e.UNDERSCORE_TITLE_MODE]},{begin:"\\."+e.UNDERSCORE_IDENT_RE,
+relevance:0}]}},grmr_perl:e=>{const n=e.regex,t=/[dualxmsipngr]{0,12}/,a={
+$pattern:/[\w.]+/,
+keyword:"abs accept alarm and atan2 bind binmode bless break caller chdir chmod chomp chop chown chr chroot class close closedir connect continue cos crypt dbmclose dbmopen defined delete die do dump each else elsif endgrent endhostent endnetent endprotoent endpwent endservent eof eval exec exists exit exp fcntl field fileno flock for foreach fork format formline getc getgrent getgrgid getgrnam gethostbyaddr gethostbyname gethostent getlogin getnetbyaddr getnetbyname getnetent getpeername getpgrp getpriority getprotobyname getprotobynumber getprotoent getpwent getpwnam getpwuid getservbyname getservbyport getservent getsockname getsockopt given glob gmtime goto grep gt hex if index int ioctl join keys kill last lc lcfirst length link listen local localtime log lstat lt ma map method mkdir msgctl msgget msgrcv msgsnd my ne next no not oct open opendir or ord our pack package pipe pop pos print printf prototype push q|0 qq quotemeta qw qx rand read readdir readline readlink readpipe recv redo ref rename require reset return reverse rewinddir rindex rmdir say scalar seek seekdir select semctl semget semop send setgrent sethostent setnetent setpgrp setpriority setprotoent setpwent setservent setsockopt shift shmctl shmget shmread shmwrite shutdown sin sleep socket socketpair sort splice split sprintf sqrt srand stat state study sub substr symlink syscall sysopen sysread sysseek system syswrite tell telldir tie tied time times tr truncate uc ucfirst umask undef unless unlink unpack unshift untie until use utime values vec wait waitpid wantarray warn when while write x|0 xor y|0"
+},i={className:"subst",begin:"[$@]\\{",end:"\\}",keywords:a},r={begin:/->\{/,
+end:/\}/},s={scope:"attr",match:/\s+:\s*\w+(\s*\(.*?\))?/},o={scope:"variable",
+variants:[{begin:/\$\d/},{
+begin:n.concat(/[$%@](?!")(\^\w\b|#\w+(::\w+)*|\{\w+\}|\w+(::\w*)*)/,"(?![A-Za-z])(?![@$%])")
+},{begin:/[$%@](?!")[^\s\w{=]|\$=/,relevance:0}],contains:[s]},l={
+className:"number",variants:[{match:/0?\.[0-9][0-9_]+\b/},{
+match:/\bv?(0|[1-9][0-9_]*(\.[0-9_]+)?|[1-9][0-9_]*)\b/},{
+match:/\b0[0-7][0-7_]*\b/},{match:/\b0x[0-9a-fA-F][0-9a-fA-F_]*\b/},{
+match:/\b0b[0-1][0-1_]*\b/}],relevance:0
+},c=[e.BACKSLASH_ESCAPE,i,o],d=[/!/,/\//,/\|/,/\?/,/'/,/"/,/#/],g=(e,a,i="\\1")=>{
+const r="\\1"===i?i:n.concat(i,a)
+;return n.concat(n.concat("(?:",e,")"),a,/(?:\\.|[^\\\/])*?/,r,/(?:\\.|[^\\\/])*?/,i,t)
+},u=(e,a,i)=>n.concat(n.concat("(?:",e,")"),a,/(?:\\.|[^\\\/])*?/,i,t),b=[o,e.HASH_COMMENT_MODE,e.COMMENT(/^=\w/,/=cut/,{
+endsWithParent:!0}),r,{className:"string",contains:c,variants:[{
+begin:"q[qwxr]?\\s*\\(",end:"\\)",relevance:5},{begin:"q[qwxr]?\\s*\\[",
+end:"\\]",relevance:5},{begin:"q[qwxr]?\\s*\\{",end:"\\}",relevance:5},{
+begin:"q[qwxr]?\\s*\\|",end:"\\|",relevance:5},{begin:"q[qwxr]?\\s*<",end:">",
+relevance:5},{begin:"qw\\s+q",end:"q",relevance:5},{begin:"'",end:"'",
+contains:[e.BACKSLASH_ESCAPE]},{begin:'"',end:'"'},{begin:"`",end:"`",
+contains:[e.BACKSLASH_ESCAPE]},{begin:/\{\w+\}/,relevance:0},{
+begin:"-?\\w+\\s*=>",relevance:0}]},l,{
+begin:"(\\/\\/|"+e.RE_STARTERS_RE+"|\\b(split|return|print|reverse|grep)\\b)\\s*",
+keywords:"split return print reverse grep",relevance:0,
+contains:[e.HASH_COMMENT_MODE,{className:"regexp",variants:[{
+begin:g("s|tr|y",n.either(...d,{capture:!0}))},{begin:g("s|tr|y","\\(","\\)")},{
+begin:g("s|tr|y","\\[","\\]")},{begin:g("s|tr|y","\\{","\\}")}],relevance:2},{
+className:"regexp",variants:[{begin:/(m|qr)\/\//,relevance:0},{
+begin:u("(?:m|qr)?",/\//,/\//)},{begin:u("m|qr",n.either(...d,{capture:!0
+}),/\1/)},{begin:u("m|qr",/\(/,/\)/)},{begin:u("m|qr",/\[/,/\]/)},{
+begin:u("m|qr",/\{/,/\}/)}]}]},{className:"function",beginKeywords:"sub method",
+end:"(\\s*\\(.*?\\))?[;{]",excludeEnd:!0,relevance:5,contains:[e.TITLE_MODE,s]
+},{className:"class",beginKeywords:"class",end:"[;{]",excludeEnd:!0,relevance:5,
+contains:[e.TITLE_MODE,s,l]},{begin:"-\\w\\b",relevance:0},{begin:"^__DATA__$",
+end:"^__END__$",subLanguage:"mojolicious",contains:[{begin:"^@@.*",end:"$",
+className:"comment"}]}];return i.contains=b,r.contains=b,{name:"Perl",
+aliases:["pl","pm"],keywords:a,contains:b}},grmr_php:e=>{
+const n=e.regex,t=/(?![A-Za-z0-9])(?![$])/,a=n.concat(/[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*/,t),i=n.concat(/(\\?[A-Z][a-z0-9_\x7f-\xff]+|\\?[A-Z]+(?=[A-Z][a-z0-9_\x7f-\xff])){1,}/,t),r=n.concat(/[A-Z]+/,t),s={
+scope:"variable",match:"\\$+"+a},o={scope:"subst",variants:[{begin:/\$\w+/},{
+begin:/\{\$/,end:/\}/}]},l=e.inherit(e.APOS_STRING_MODE,{illegal:null
+}),c="[ \t\n]",d={scope:"string",variants:[e.inherit(e.QUOTE_STRING_MODE,{
+illegal:null,contains:e.QUOTE_STRING_MODE.contains.concat(o)}),l,{
+begin:/<<<[ \t]*(?:(\w+)|"(\w+)")\n/,end:/[ \t]*(\w+)\b/,
+contains:e.QUOTE_STRING_MODE.contains.concat(o),"on:begin":(e,n)=>{
+n.data._beginMatch=e[1]||e[2]},"on:end":(e,n)=>{
+n.data._beginMatch!==e[1]&&n.ignoreMatch()}},e.END_SAME_AS_BEGIN({
+begin:/<<<[ \t]*'(\w+)'\n/,end:/[ \t]*(\w+)\b/})]},g={scope:"number",variants:[{
+begin:"\\b0[bB][01]+(?:_[01]+)*\\b"},{begin:"\\b0[oO][0-7]+(?:_[0-7]+)*\\b"},{
+begin:"\\b0[xX][\\da-fA-F]+(?:_[\\da-fA-F]+)*\\b"},{
+begin:"(?:\\b\\d+(?:_\\d+)*(\\.(?:\\d+(?:_\\d+)*))?|\\B\\.\\d+)(?:[eE][+-]?\\d+)?"
+}],relevance:0
+},u=["false","null","true"],b=["__CLASS__","__DIR__","__FILE__","__FUNCTION__","__COMPILER_HALT_OFFSET__","__LINE__","__METHOD__","__NAMESPACE__","__TRAIT__","die","echo","exit","include","include_once","print","require","require_once","array","abstract","and","as","binary","bool","boolean","break","callable","case","catch","class","clone","const","continue","declare","default","do","double","else","elseif","empty","enddeclare","endfor","endforeach","endif","endswitch","endwhile","enum","eval","extends","final","finally","float","for","foreach","from","global","goto","if","implements","instanceof","insteadof","int","integer","interface","isset","iterable","list","match|0","mixed","new","never","object","or","private","protected","public","readonly","real","return","string","switch","throw","trait","try","unset","use","var","void","while","xor","yield"],m=["Error|0","AppendIterator","ArgumentCountError","ArithmeticError","ArrayIterator","ArrayObject","AssertionError","BadFunctionCallException","BadMethodCallException","CachingIterator","CallbackFilterIterator","CompileError","Countable","DirectoryIterator","DivisionByZeroError","DomainException","EmptyIterator","ErrorException","Exception","FilesystemIterator","FilterIterator","GlobIterator","InfiniteIterator","InvalidArgumentException","IteratorIterator","LengthException","LimitIterator","LogicException","MultipleIterator","NoRewindIterator","OutOfBoundsException","OutOfRangeException","OuterIterator","OverflowException","ParentIterator","ParseError","RangeException","RecursiveArrayIterator","RecursiveCachingIterator","RecursiveCallbackFilterIterator","RecursiveDirectoryIterator","RecursiveFilterIterator","RecursiveIterator","RecursiveIteratorIterator","RecursiveRegexIterator","RecursiveTreeIterator","RegexIterator","RuntimeException","SeekableIterator","SplDoublyLinkedList","SplFileInfo","SplFileObject","SplFixedArray","SplHeap","SplMaxHeap","SplMinHeap","SplObjectStorage","SplObserver","SplPriorityQueue","SplQueue","SplStack","SplSubject","SplTempFileObject","TypeError","UnderflowException","UnexpectedValueException","UnhandledMatchError","ArrayAccess","BackedEnum","Closure","Fiber","Generator","Iterator","IteratorAggregate","Serializable","Stringable","Throwable","Traversable","UnitEnum","WeakReference","WeakMap","Directory","__PHP_Incomplete_Class","parent","php_user_filter","self","static","stdClass"],p={
+keyword:b,literal:(e=>{const n=[];return e.forEach((e=>{
+n.push(e),e.toLowerCase()===e?n.push(e.toUpperCase()):n.push(e.toLowerCase())
+})),n})(u),built_in:m},_=e=>e.map((e=>e.replace(/\|\d+$/,""))),h={variants:[{
+match:[/new/,n.concat(c,"+"),n.concat("(?!",_(m).join("\\b|"),"\\b)"),i],scope:{
+1:"keyword",4:"title.class"}}]},f=n.concat(a,"\\b(?!\\()"),E={variants:[{
+match:[n.concat(/::/,n.lookahead(/(?!class\b)/)),f],scope:{2:"variable.constant"
+}},{match:[/::/,/class/],scope:{2:"variable.language"}},{
+match:[i,n.concat(/::/,n.lookahead(/(?!class\b)/)),f],scope:{1:"title.class",
+3:"variable.constant"}},{match:[i,n.concat("::",n.lookahead(/(?!class\b)/))],
+scope:{1:"title.class"}},{match:[i,/::/,/class/],scope:{1:"title.class",
+3:"variable.language"}}]},y={scope:"attr",
+match:n.concat(a,n.lookahead(":"),n.lookahead(/(?!::)/))},w={relevance:0,
+begin:/\(/,end:/\)/,keywords:p,contains:[y,s,E,e.C_BLOCK_COMMENT_MODE,d,g,h]
+},v={relevance:0,
+match:[/\b/,n.concat("(?!fn\\b|function\\b|",_(b).join("\\b|"),"|",_(m).join("\\b|"),"\\b)"),a,n.concat(c,"*"),n.lookahead(/(?=\()/)],
+scope:{3:"title.function.invoke"},contains:[w]};w.contains.push(v)
+;const N=[y,E,e.C_BLOCK_COMMENT_MODE,d,g,h],k={
+begin:n.concat(/#\[\s*\\?/,n.either(i,r)),beginScope:"meta",end:/]/,
+endScope:"meta",keywords:{literal:u,keyword:["new","array"]},contains:[{
+begin:/\[/,end:/]/,keywords:{literal:u,keyword:["new","array"]},
+contains:["self",...N]},...N,{scope:"meta",variants:[{match:i},{match:r}]}]}
+;return{case_insensitive:!1,keywords:p,
+contains:[k,e.HASH_COMMENT_MODE,e.COMMENT("//","$"),e.COMMENT("/\\*","\\*/",{
+contains:[{scope:"doctag",match:"@[A-Za-z]+"}]}),{match:/__halt_compiler\(\);/,
+keywords:"__halt_compiler",starts:{scope:"comment",end:e.MATCH_NOTHING_RE,
+contains:[{match:/\?>/,scope:"meta",endsParent:!0}]}},{scope:"meta",variants:[{
+begin:/<\?php/,relevance:10},{begin:/<\?=/},{begin:/<\?/,relevance:.1},{
+begin:/\?>/}]},{scope:"variable.language",match:/\$this\b/},s,v,E,{
+match:[/const/,/\s/,a],scope:{1:"keyword",3:"variable.constant"}},h,{
+scope:"function",relevance:0,beginKeywords:"fn function",end:/[;{]/,
+excludeEnd:!0,illegal:"[$%\\[]",contains:[{beginKeywords:"use"
+},e.UNDERSCORE_TITLE_MODE,{begin:"=>",endsParent:!0},{scope:"params",
+begin:"\\(",end:"\\)",excludeBegin:!0,excludeEnd:!0,keywords:p,
+contains:["self",k,s,E,e.C_BLOCK_COMMENT_MODE,d,g]}]},{scope:"class",variants:[{
+beginKeywords:"enum",illegal:/[($"]/},{beginKeywords:"class interface trait",
+illegal:/[:($"]/}],relevance:0,end:/\{/,excludeEnd:!0,contains:[{
+beginKeywords:"extends implements"},e.UNDERSCORE_TITLE_MODE]},{
+beginKeywords:"namespace",relevance:0,end:";",illegal:/[.']/,
+contains:[e.inherit(e.UNDERSCORE_TITLE_MODE,{scope:"title.class"})]},{
+beginKeywords:"use",relevance:0,end:";",contains:[{
+match:/\b(as|const|function)\b/,scope:"keyword"},e.UNDERSCORE_TITLE_MODE]},d,g]}
+},grmr_php_template:e=>({name:"PHP template",subLanguage:"xml",contains:[{
+begin:/<\?(php|=)?/,end:/\?>/,subLanguage:"php",contains:[{begin:"/\\*",
+end:"\\*/",skip:!0},{begin:'b"',end:'"',skip:!0},{begin:"b'",end:"'",skip:!0
+},e.inherit(e.APOS_STRING_MODE,{illegal:null,className:null,contains:null,
+skip:!0}),e.inherit(e.QUOTE_STRING_MODE,{illegal:null,className:null,
+contains:null,skip:!0})]}]}),grmr_plaintext:e=>({name:"Plain text",
+aliases:["text","txt"],disableAutodetect:!0}),grmr_python:e=>{
+const n=e.regex,t=/[\p{XID_Start}_]\p{XID_Continue}*/u,a=["and","as","assert","async","await","break","case","class","continue","def","del","elif","else","except","finally","for","from","global","if","import","in","is","lambda","match","nonlocal|10","not","or","pass","raise","return","try","while","with","yield"],i={
+$pattern:/[A-Za-z]\w+|__\w+__/,keyword:a,
+built_in:["__import__","abs","all","any","ascii","bin","bool","breakpoint","bytearray","bytes","callable","chr","classmethod","compile","complex","delattr","dict","dir","divmod","enumerate","eval","exec","filter","float","format","frozenset","getattr","globals","hasattr","hash","help","hex","id","input","int","isinstance","issubclass","iter","len","list","locals","map","max","memoryview","min","next","object","oct","open","ord","pow","print","property","range","repr","reversed","round","set","setattr","slice","sorted","staticmethod","str","sum","super","tuple","type","vars","zip"],
+literal:["__debug__","Ellipsis","False","None","NotImplemented","True"],
+type:["Any","Callable","Coroutine","Dict","List","Literal","Generic","Optional","Sequence","Set","Tuple","Type","Union"]
+},r={className:"meta",begin:/^(>>>|\.\.\.) /},s={className:"subst",begin:/\{/,
+end:/\}/,keywords:i,illegal:/#/},o={begin:/\{\{/,relevance:0},l={
+className:"string",contains:[e.BACKSLASH_ESCAPE],variants:[{
+begin:/([uU]|[bB]|[rR]|[bB][rR]|[rR][bB])?'''/,end:/'''/,
+contains:[e.BACKSLASH_ESCAPE,r],relevance:10},{
+begin:/([uU]|[bB]|[rR]|[bB][rR]|[rR][bB])?"""/,end:/"""/,
+contains:[e.BACKSLASH_ESCAPE,r],relevance:10},{
+begin:/([fF][rR]|[rR][fF]|[fF])'''/,end:/'''/,
+contains:[e.BACKSLASH_ESCAPE,r,o,s]},{begin:/([fF][rR]|[rR][fF]|[fF])"""/,
+end:/"""/,contains:[e.BACKSLASH_ESCAPE,r,o,s]},{begin:/([uU]|[rR])'/,end:/'/,
+relevance:10},{begin:/([uU]|[rR])"/,end:/"/,relevance:10},{
+begin:/([bB]|[bB][rR]|[rR][bB])'/,end:/'/},{begin:/([bB]|[bB][rR]|[rR][bB])"/,
+end:/"/},{begin:/([fF][rR]|[rR][fF]|[fF])'/,end:/'/,
+contains:[e.BACKSLASH_ESCAPE,o,s]},{begin:/([fF][rR]|[rR][fF]|[fF])"/,end:/"/,
+contains:[e.BACKSLASH_ESCAPE,o,s]},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE]
+},c="[0-9](_?[0-9])*",d=`(\\b(${c}))?\\.(${c})|\\b(${c})\\.`,g="\\b|"+a.join("|"),u={
+className:"number",relevance:0,variants:[{
+begin:`(\\b(${c})|(${d}))[eE][+-]?(${c})[jJ]?(?=${g})`},{begin:`(${d})[jJ]?`},{
+begin:`\\b([1-9](_?[0-9])*|0+(_?0)*)[lLjJ]?(?=${g})`},{
+begin:`\\b0[bB](_?[01])+[lL]?(?=${g})`},{begin:`\\b0[oO](_?[0-7])+[lL]?(?=${g})`
+},{begin:`\\b0[xX](_?[0-9a-fA-F])+[lL]?(?=${g})`},{begin:`\\b(${c})[jJ](?=${g})`
+}]},b={className:"comment",begin:n.lookahead(/# type:/),end:/$/,keywords:i,
+contains:[{begin:/# type:/},{begin:/#/,end:/\b\B/,endsWithParent:!0}]},m={
+className:"params",variants:[{className:"",begin:/\(\s*\)/,skip:!0},{begin:/\(/,
+end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:i,
+contains:["self",r,u,l,e.HASH_COMMENT_MODE]}]};return s.contains=[l,u,r],{
+name:"Python",aliases:["py","gyp","ipython"],unicodeRegex:!0,keywords:i,
+illegal:/(<\/|\?)|=>/,contains:[r,u,{scope:"variable.language",match:/\bself\b/
+},{beginKeywords:"if",relevance:0},{match:/\bor\b/,scope:"keyword"
+},l,b,e.HASH_COMMENT_MODE,{match:[/\bdef/,/\s+/,t],scope:{1:"keyword",
+3:"title.function"},contains:[m]},{variants:[{
+match:[/\bclass/,/\s+/,t,/\s*/,/\(\s*/,t,/\s*\)/]},{match:[/\bclass/,/\s+/,t]}],
+scope:{1:"keyword",3:"title.class",6:"title.class.inherited"}},{
+className:"meta",begin:/^[\t ]*@/,end:/(?=#)|$/,contains:[u,m,l]}]}},
+grmr_python_repl:e=>({aliases:["pycon"],contains:[{className:"meta.prompt",
+starts:{end:/ |$/,starts:{end:"$",subLanguage:"python"}},variants:[{
+begin:/^>>>(?=[ ]|$)/},{begin:/^\.\.\.(?=[ ]|$)/}]}]}),grmr_r:e=>{
+const n=e.regex,t=/(?:(?:[a-zA-Z]|\.[._a-zA-Z])[._a-zA-Z0-9]*)|\.(?!\d)/,a=n.either(/0[xX][0-9a-fA-F]+\.[0-9a-fA-F]*[pP][+-]?\d+i?/,/0[xX][0-9a-fA-F]+(?:[pP][+-]?\d+)?[Li]?/,/(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][+-]?\d+)?[Li]?/),i=/[=!<>:]=|\|\||&&|:::?|<-|<<-|->>|->|\|>|[-+*\/?!$&|:<=>@^~]|\*\*/,r=n.either(/[()]/,/[{}]/,/\[\[/,/[[\]]/,/\\/,/,/)
+;return{name:"R",keywords:{$pattern:t,
+keyword:"function if in break next repeat else for while",
+literal:"NULL NA TRUE FALSE Inf NaN NA_integer_|10 NA_real_|10 NA_character_|10 NA_complex_|10",
+built_in:"LETTERS letters month.abb month.name pi T F abs acos acosh all any anyNA Arg as.call as.character as.complex as.double as.environment as.integer as.logical as.null.default as.numeric as.raw asin asinh atan atanh attr attributes baseenv browser c call ceiling class Conj cos cosh cospi cummax cummin cumprod cumsum digamma dim dimnames emptyenv exp expression floor forceAndCall gamma gc.time globalenv Im interactive invisible is.array is.atomic is.call is.character is.complex is.double is.environment is.expression is.finite is.function is.infinite is.integer is.language is.list is.logical is.matrix is.na is.name is.nan is.null is.numeric is.object is.pairlist is.raw is.recursive is.single is.symbol lazyLoadDBfetch length lgamma list log max min missing Mod names nargs nzchar oldClass on.exit pos.to.env proc.time prod quote range Re rep retracemem return round seq_along seq_len seq.int sign signif sin sinh sinpi sqrt standardGeneric substitute sum switch tan tanh tanpi tracemem trigamma trunc unclass untracemem UseMethod xtfrm"
+},contains:[e.COMMENT(/#'/,/$/,{contains:[{scope:"doctag",match:/@examples/,
+starts:{end:n.lookahead(n.either(/\n^#'\s*(?=@[a-zA-Z]+)/,/\n^(?!#')/)),
+endsParent:!0}},{scope:"doctag",begin:"@param",end:/$/,contains:[{
+scope:"variable",variants:[{match:t},{match:/`(?:\\.|[^`\\])+`/}],endsParent:!0
+}]},{scope:"doctag",match:/@[a-zA-Z]+/},{scope:"keyword",match:/\\[a-zA-Z]+/}]
+}),e.HASH_COMMENT_MODE,{scope:"string",contains:[e.BACKSLASH_ESCAPE],
+variants:[e.END_SAME_AS_BEGIN({begin:/[rR]"(-*)\(/,end:/\)(-*)"/
+}),e.END_SAME_AS_BEGIN({begin:/[rR]"(-*)\{/,end:/\}(-*)"/
+}),e.END_SAME_AS_BEGIN({begin:/[rR]"(-*)\[/,end:/\](-*)"/
+}),e.END_SAME_AS_BEGIN({begin:/[rR]'(-*)\(/,end:/\)(-*)'/
+}),e.END_SAME_AS_BEGIN({begin:/[rR]'(-*)\{/,end:/\}(-*)'/
+}),e.END_SAME_AS_BEGIN({begin:/[rR]'(-*)\[/,end:/\](-*)'/}),{begin:'"',end:'"',
+relevance:0},{begin:"'",end:"'",relevance:0}]},{relevance:0,variants:[{scope:{
+1:"operator",2:"number"},match:[i,a]},{scope:{1:"operator",2:"number"},
+match:[/%[^%]*%/,a]},{scope:{1:"punctuation",2:"number"},match:[r,a]},{scope:{
+2:"number"},match:[/[^a-zA-Z0-9._]|^/,a]}]},{scope:{3:"operator"},
+match:[t,/\s+/,/<-/,/\s+/]},{scope:"operator",relevance:0,variants:[{match:i},{
+match:/%[^%]*%/}]},{scope:"punctuation",relevance:0,match:r},{begin:"`",end:"`",
+contains:[{begin:/\\./}]}]}},grmr_ruby:e=>{
+const n=e.regex,t="([a-zA-Z_]\\w*[!?=]?|[-+~]@|<<|>>|=~|===?|<=>|[<>]=?|\\*\\*|[-/+%^&*~`|]|\\[\\]=?)",a=n.either(/\b([A-Z]+[a-z0-9]+)+/,/\b([A-Z]+[a-z0-9]+)+[A-Z]+/),i=n.concat(a,/(::\w+)*/),r={
+"variable.constant":["__FILE__","__LINE__","__ENCODING__"],
+"variable.language":["self","super"],
+keyword:["alias","and","begin","BEGIN","break","case","class","defined","do","else","elsif","end","END","ensure","for","if","in","module","next","not","or","redo","require","rescue","retry","return","then","undef","unless","until","when","while","yield","include","extend","prepend","public","private","protected","raise","throw"],
+built_in:["proc","lambda","attr_accessor","attr_reader","attr_writer","define_method","private_constant","module_function"],
+literal:["true","false","nil"]},s={className:"doctag",begin:"@[A-Za-z]+"},o={
+begin:"#<",end:">"},l=[e.COMMENT("#","$",{contains:[s]
+}),e.COMMENT("^=begin","^=end",{contains:[s],relevance:10
+}),e.COMMENT("^__END__",e.MATCH_NOTHING_RE)],c={className:"subst",begin:/#\{/,
+end:/\}/,keywords:r},d={className:"string",contains:[e.BACKSLASH_ESCAPE,c],
+variants:[{begin:/'/,end:/'/},{begin:/"/,end:/"/},{begin:/`/,end:/`/},{
+begin:/%[qQwWx]?\(/,end:/\)/},{begin:/%[qQwWx]?\[/,end:/\]/},{
+begin:/%[qQwWx]?\{/,end:/\}/},{begin:/%[qQwWx]?</,end:/>/},{begin:/%[qQwWx]?\//,
+end:/\//},{begin:/%[qQwWx]?%/,end:/%/},{begin:/%[qQwWx]?-/,end:/-/},{
+begin:/%[qQwWx]?\|/,end:/\|/},{begin:/\B\?(\\\d{1,3})/},{
+begin:/\B\?(\\x[A-Fa-f0-9]{1,2})/},{begin:/\B\?(\\u\{?[A-Fa-f0-9]{1,6}\}?)/},{
+begin:/\B\?(\\M-\\C-|\\M-\\c|\\c\\M-|\\M-|\\C-\\M-)[\x20-\x7e]/},{
+begin:/\B\?\\(c|C-)[\x20-\x7e]/},{begin:/\B\?\\?\S/},{
+begin:n.concat(/<<[-~]?'?/,n.lookahead(/(\w+)(?=\W)[^\n]*\n(?:[^\n]*\n)*?\s*\1\b/)),
+contains:[e.END_SAME_AS_BEGIN({begin:/(\w+)/,end:/(\w+)/,
+contains:[e.BACKSLASH_ESCAPE,c]})]}]},g="[0-9](_?[0-9])*",u={className:"number",
+relevance:0,variants:[{
+begin:`\\b([1-9](_?[0-9])*|0)(\\.(${g}))?([eE][+-]?(${g})|r)?i?\\b`},{
+begin:"\\b0[dD][0-9](_?[0-9])*r?i?\\b"},{begin:"\\b0[bB][0-1](_?[0-1])*r?i?\\b"
+},{begin:"\\b0[oO][0-7](_?[0-7])*r?i?\\b"},{
+begin:"\\b0[xX][0-9a-fA-F](_?[0-9a-fA-F])*r?i?\\b"},{
+begin:"\\b0(_?[0-7])+r?i?\\b"}]},b={variants:[{match:/\(\)/},{
+className:"params",begin:/\(/,end:/(?=\))/,excludeBegin:!0,endsParent:!0,
+keywords:r}]},m=[d,{variants:[{match:[/class\s+/,i,/\s+<\s+/,i]},{
+match:[/\b(class|module)\s+/,i]}],scope:{2:"title.class",
+4:"title.class.inherited"},keywords:r},{match:[/(include|extend)\s+/,i],scope:{
+2:"title.class"},keywords:r},{relevance:0,match:[i,/\.new[. (]/],scope:{
+1:"title.class"}},{relevance:0,match:/\b[A-Z][A-Z_0-9]+\b/,
+className:"variable.constant"},{relevance:0,match:a,scope:"title.class"},{
+match:[/def/,/\s+/,t],scope:{1:"keyword",3:"title.function"},contains:[b]},{
+begin:e.IDENT_RE+"::"},{className:"symbol",
+begin:e.UNDERSCORE_IDENT_RE+"(!|\\?)?:",relevance:0},{className:"symbol",
+begin:":(?!\\s)",contains:[d,{begin:t}],relevance:0},u,{className:"variable",
+begin:"(\\$\\W)|((\\$|@@?)(\\w+))(?=[^@$?])(?![A-Za-z])(?![@$?'])"},{
+className:"params",begin:/\|(?!=)/,end:/\|/,excludeBegin:!0,excludeEnd:!0,
+relevance:0,keywords:r},{begin:"("+e.RE_STARTERS_RE+"|unless)\\s*",
+keywords:"unless",contains:[{className:"regexp",contains:[e.BACKSLASH_ESCAPE,c],
+illegal:/\n/,variants:[{begin:"/",end:"/[a-z]*"},{begin:/%r\{/,end:/\}[a-z]*/},{
+begin:"%r\\(",end:"\\)[a-z]*"},{begin:"%r!",end:"![a-z]*"},{begin:"%r\\[",
+end:"\\][a-z]*"}]}].concat(o,l),relevance:0}].concat(o,l)
+;c.contains=m,b.contains=m;const p=[{begin:/^\s*=>/,starts:{end:"$",contains:m}
+},{className:"meta.prompt",
+begin:"^([>?]>|[\\w#]+\\(\\w+\\):\\d+:\\d+[>*]|(\\w+-)?\\d+\\.\\d+\\.\\d+(p\\d+)?[^\\d][^>]+>)(?=[ ])",
+starts:{end:"$",keywords:r,contains:m}}];return l.unshift(o),{name:"Ruby",
+aliases:["rb","gemspec","podspec","thor","irb"],keywords:r,illegal:/\/\*/,
+contains:[e.SHEBANG({binary:"ruby"})].concat(p).concat(l).concat(m)}},
+grmr_rust:e=>{
+const n=e.regex,t=/(r#)?/,a=n.concat(t,e.UNDERSCORE_IDENT_RE),i=n.concat(t,e.IDENT_RE),r={
+className:"title.function.invoke",relevance:0,
+begin:n.concat(/\b/,/(?!let|for|while|if|else|match\b)/,i,n.lookahead(/\s*\(/))
+},s="([ui](8|16|32|64|128|size)|f(32|64))?",o=["drop ","Copy","Send","Sized","Sync","Drop","Fn","FnMut","FnOnce","ToOwned","Clone","Debug","PartialEq","PartialOrd","Eq","Ord","AsRef","AsMut","Into","From","Default","Iterator","Extend","IntoIterator","DoubleEndedIterator","ExactSizeIterator","SliceConcatExt","ToString","assert!","assert_eq!","bitflags!","bytes!","cfg!","col!","concat!","concat_idents!","debug_assert!","debug_assert_eq!","env!","eprintln!","panic!","file!","format!","format_args!","include_bytes!","include_str!","line!","local_data_key!","module_path!","option_env!","print!","println!","select!","stringify!","try!","unimplemented!","unreachable!","vec!","write!","writeln!","macro_rules!","assert_ne!","debug_assert_ne!"],l=["i8","i16","i32","i64","i128","isize","u8","u16","u32","u64","u128","usize","f32","f64","str","char","bool","Box","Option","Result","String","Vec"]
+;return{name:"Rust",aliases:["rs"],keywords:{$pattern:e.IDENT_RE+"!?",type:l,
+keyword:["abstract","as","async","await","become","box","break","const","continue","crate","do","dyn","else","enum","extern","false","final","fn","for","if","impl","in","let","loop","macro","match","mod","move","mut","override","priv","pub","ref","return","self","Self","static","struct","super","trait","true","try","type","typeof","union","unsafe","unsized","use","virtual","where","while","yield"],
+literal:["true","false","Some","None","Ok","Err"],built_in:o},illegal:"</",
+contains:[e.C_LINE_COMMENT_MODE,e.COMMENT("/\\*","\\*/",{contains:["self"]
+}),e.inherit(e.QUOTE_STRING_MODE,{begin:/b?"/,illegal:null}),{
+className:"symbol",begin:/'[a-zA-Z_][a-zA-Z0-9_]*(?!')/},{scope:"string",
+variants:[{begin:/b?r(#*)"(.|\n)*?"\1(?!#)/},{begin:/b?'/,end:/'/,contains:[{
+scope:"char.escape",match:/\\('|\w|x\w{2}|u\w{4}|U\w{8})/}]}]},{
+className:"number",variants:[{begin:"\\b0b([01_]+)"+s},{begin:"\\b0o([0-7_]+)"+s
+},{begin:"\\b0x([A-Fa-f0-9_]+)"+s},{
+begin:"\\b(\\d[\\d_]*(\\.[0-9_]+)?([eE][+-]?[0-9_]+)?)"+s}],relevance:0},{
+begin:[/fn/,/\s+/,a],className:{1:"keyword",3:"title.function"}},{
+className:"meta",begin:"#!?\\[",end:"\\]",contains:[{className:"string",
+begin:/"/,end:/"/,contains:[e.BACKSLASH_ESCAPE]}]},{
+begin:[/let/,/\s+/,/(?:mut\s+)?/,a],className:{1:"keyword",3:"keyword",
+4:"variable"}},{begin:[/for/,/\s+/,a,/\s+/,/in/],className:{1:"keyword",
+3:"variable",5:"keyword"}},{begin:[/type/,/\s+/,a],className:{1:"keyword",
+3:"title.class"}},{begin:[/(?:trait|enum|struct|union|impl|for)/,/\s+/,a],
+className:{1:"keyword",3:"title.class"}},{begin:e.IDENT_RE+"::",keywords:{
+keyword:"Self",built_in:o,type:l}},{className:"punctuation",begin:"->"},r]}},
+grmr_scss:e=>{const n=te(e),t=se,a=re,i="@[a-z-]+",r={className:"variable",
+begin:"(\\$[a-zA-Z-][a-zA-Z0-9_-]*)\\b",relevance:0};return{name:"SCSS",
+case_insensitive:!0,illegal:"[=/|']",
+contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,n.CSS_NUMBER_MODE,{
+className:"selector-id",begin:"#[A-Za-z0-9_-]+",relevance:0},{
+className:"selector-class",begin:"\\.[A-Za-z0-9_-]+",relevance:0
+},n.ATTRIBUTE_SELECTOR_MODE,{className:"selector-tag",
+begin:"\\b("+ae.join("|")+")\\b",relevance:0},{className:"selector-pseudo",
+begin:":("+a.join("|")+")"},{className:"selector-pseudo",
+begin:":(:)?("+t.join("|")+")"},r,{begin:/\(/,end:/\)/,
+contains:[n.CSS_NUMBER_MODE]},n.CSS_VARIABLE,{className:"attribute",
+begin:"\\b("+oe.join("|")+")\\b"},{
+begin:"\\b(whitespace|wait|w-resize|visible|vertical-text|vertical-ideographic|uppercase|upper-roman|upper-alpha|underline|transparent|top|thin|thick|text|text-top|text-bottom|tb-rl|table-header-group|table-footer-group|sw-resize|super|strict|static|square|solid|small-caps|separate|se-resize|scroll|s-resize|rtl|row-resize|ridge|right|repeat|repeat-y|repeat-x|relative|progress|pointer|overline|outside|outset|oblique|nowrap|not-allowed|normal|none|nw-resize|no-repeat|no-drop|newspaper|ne-resize|n-resize|move|middle|medium|ltr|lr-tb|lowercase|lower-roman|lower-alpha|loose|list-item|line|line-through|line-edge|lighter|left|keep-all|justify|italic|inter-word|inter-ideograph|inside|inset|inline|inline-block|inherit|inactive|ideograph-space|ideograph-parenthesis|ideograph-numeric|ideograph-alpha|horizontal|hidden|help|hand|groove|fixed|ellipsis|e-resize|double|dotted|distribute|distribute-space|distribute-letter|distribute-all-lines|disc|disabled|default|decimal|dashed|crosshair|collapse|col-resize|circle|char|center|capitalize|break-word|break-all|bottom|both|bolder|bold|block|bidi-override|below|baseline|auto|always|all-scroll|absolute|table|table-cell)\\b"
+},{begin:/:/,end:/[;}{]/,relevance:0,
+contains:[n.BLOCK_COMMENT,r,n.HEXCOLOR,n.CSS_NUMBER_MODE,e.QUOTE_STRING_MODE,e.APOS_STRING_MODE,n.IMPORTANT,n.FUNCTION_DISPATCH]
+},{begin:"@(page|font-face)",keywords:{$pattern:i,keyword:"@page @font-face"}},{
+begin:"@",end:"[{;]",returnBegin:!0,keywords:{$pattern:/[a-z-]+/,
+keyword:"and or not only",attribute:ie.join(" ")},contains:[{begin:i,
+className:"keyword"},{begin:/[a-z-]+(?=:)/,className:"attribute"
+},r,e.QUOTE_STRING_MODE,e.APOS_STRING_MODE,n.HEXCOLOR,n.CSS_NUMBER_MODE]
+},n.FUNCTION_DISPATCH]}},grmr_shell:e=>({name:"Shell Session",
+aliases:["console","shellsession"],contains:[{className:"meta.prompt",
+begin:/^\s{0,3}[/~\w\d[\]()@-]*[>%$#][ ]?/,starts:{end:/[^\\](?=\s*$)/,
+subLanguage:"bash"}}]}),grmr_sql:e=>{
+const n=e.regex,t=e.COMMENT("--","$"),a=["abs","acos","array_agg","asin","atan","avg","cast","ceil","ceiling","coalesce","corr","cos","cosh","count","covar_pop","covar_samp","cume_dist","dense_rank","deref","element","exp","extract","first_value","floor","json_array","json_arrayagg","json_exists","json_object","json_objectagg","json_query","json_table","json_table_primitive","json_value","lag","last_value","lead","listagg","ln","log","log10","lower","max","min","mod","nth_value","ntile","nullif","percent_rank","percentile_cont","percentile_disc","position","position_regex","power","rank","regr_avgx","regr_avgy","regr_count","regr_intercept","regr_r2","regr_slope","regr_sxx","regr_sxy","regr_syy","row_number","sin","sinh","sqrt","stddev_pop","stddev_samp","substring","substring_regex","sum","tan","tanh","translate","translate_regex","treat","trim","trim_array","unnest","upper","value_of","var_pop","var_samp","width_bucket"],i=a,r=["abs","acos","all","allocate","alter","and","any","are","array","array_agg","array_max_cardinality","as","asensitive","asin","asymmetric","at","atan","atomic","authorization","avg","begin","begin_frame","begin_partition","between","bigint","binary","blob","boolean","both","by","call","called","cardinality","cascaded","case","cast","ceil","ceiling","char","char_length","character","character_length","check","classifier","clob","close","coalesce","collate","collect","column","commit","condition","connect","constraint","contains","convert","copy","corr","corresponding","cos","cosh","count","covar_pop","covar_samp","create","cross","cube","cume_dist","current","current_catalog","current_date","current_default_transform_group","current_path","current_role","current_row","current_schema","current_time","current_timestamp","current_path","current_role","current_transform_group_for_type","current_user","cursor","cycle","date","day","deallocate","dec","decimal","decfloat","declare","default","define","delete","dense_rank","deref","describe","deterministic","disconnect","distinct","double","drop","dynamic","each","element","else","empty","end","end_frame","end_partition","end-exec","equals","escape","every","except","exec","execute","exists","exp","external","extract","false","fetch","filter","first_value","float","floor","for","foreign","frame_row","free","from","full","function","fusion","get","global","grant","group","grouping","groups","having","hold","hour","identity","in","indicator","initial","inner","inout","insensitive","insert","int","integer","intersect","intersection","interval","into","is","join","json_array","json_arrayagg","json_exists","json_object","json_objectagg","json_query","json_table","json_table_primitive","json_value","lag","language","large","last_value","lateral","lead","leading","left","like","like_regex","listagg","ln","local","localtime","localtimestamp","log","log10","lower","match","match_number","match_recognize","matches","max","member","merge","method","min","minute","mod","modifies","module","month","multiset","national","natural","nchar","nclob","new","no","none","normalize","not","nth_value","ntile","null","nullif","numeric","octet_length","occurrences_regex","of","offset","old","omit","on","one","only","open","or","order","out","outer","over","overlaps","overlay","parameter","partition","pattern","per","percent","percent_rank","percentile_cont","percentile_disc","period","portion","position","position_regex","power","precedes","precision","prepare","primary","procedure","ptf","range","rank","reads","real","recursive","ref","references","referencing","regr_avgx","regr_avgy","regr_count","regr_intercept","regr_r2","regr_slope","regr_sxx","regr_sxy","regr_syy","release","result","return","returns","revoke","right","rollback","rollup","row","row_number","rows","running","savepoint","scope","scroll","search","second","seek","select","sensitive","session_user","set","show","similar","sin","sinh","skip","smallint","some","specific","specifictype","sql","sqlexception","sqlstate","sqlwarning","sqrt","start","static","stddev_pop","stddev_samp","submultiset","subset","substring","substring_regex","succeeds","sum","symmetric","system","system_time","system_user","table","tablesample","tan","tanh","then","time","timestamp","timezone_hour","timezone_minute","to","trailing","translate","translate_regex","translation","treat","trigger","trim","trim_array","true","truncate","uescape","union","unique","unknown","unnest","update","upper","user","using","value","values","value_of","var_pop","var_samp","varbinary","varchar","varying","versioning","when","whenever","where","width_bucket","window","with","within","without","year","add","asc","collation","desc","final","first","last","view"].filter((e=>!a.includes(e))),s={
+match:n.concat(/\b/,n.either(...i),/\s*\(/),relevance:0,keywords:{built_in:i}}
+;function o(e){
+return n.concat(/\b/,n.either(...e.map((e=>e.replace(/\s+/,"\\s+")))),/\b/)}
+const l={scope:"keyword",
+match:o(["create table","insert into","primary key","foreign key","not null","alter table","add constraint","grouping sets","on overflow","character set","respect nulls","ignore nulls","nulls first","nulls last","depth first","breadth first"]),
+relevance:0};return{name:"SQL",case_insensitive:!0,illegal:/[{}]|<\//,keywords:{
+$pattern:/\b[\w\.]+/,keyword:((e,{exceptions:n,when:t}={})=>{const a=t
+;return n=n||[],e.map((e=>e.match(/\|\d+$/)||n.includes(e)?e:a(e)?e+"|0":e))
+})(r,{when:e=>e.length<3}),literal:["true","false","unknown"],
+type:["bigint","binary","blob","boolean","char","character","clob","date","dec","decfloat","decimal","float","int","integer","interval","nchar","nclob","national","numeric","real","row","smallint","time","timestamp","varchar","varying","varbinary"],
+built_in:["current_catalog","current_date","current_default_transform_group","current_path","current_role","current_schema","current_transform_group_for_type","current_user","session_user","system_time","system_user","current_time","localtime","current_timestamp","localtimestamp"]
+},contains:[{scope:"type",
+match:o(["double precision","large object","with timezone","without timezone"])
+},l,s,{scope:"variable",match:/@[a-z0-9][a-z0-9_]*/},{scope:"string",variants:[{
+begin:/'/,end:/'/,contains:[{match:/''/}]}]},{begin:/"/,end:/"/,contains:[{
+match:/""/}]},e.C_NUMBER_MODE,e.C_BLOCK_COMMENT_MODE,t,{scope:"operator",
+match:/[-+*/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?/,relevance:0}]}},
+grmr_swift:e=>{const n={match:/\s+/,relevance:0},t=e.COMMENT("/\\*","\\*/",{
+contains:["self"]}),a=[e.C_LINE_COMMENT_MODE,t],i={match:[/\./,m(...ke,...xe)],
+className:{2:"keyword"}},r={match:b(/\./,m(...Me)),relevance:0
+},s=Me.filter((e=>"string"==typeof e)).concat(["_|0"]),o={variants:[{
+className:"keyword",
+match:m(...Me.filter((e=>"string"!=typeof e)).concat(Oe).map(Ne),...xe)}]},l={
+$pattern:m(/\b\w+/,/#\w+/),keyword:s.concat(Ce),literal:Ae},c=[i,r,o],g=[{
+match:b(/\./,m(...Te)),relevance:0},{className:"built_in",
+match:b(/\b/,m(...Te),/(?=\()/)}],u={match:/->/,relevance:0},p=[u,{
+className:"operator",relevance:0,variants:[{match:Ie},{match:`\\.(\\.|${De})+`}]
+}],_="([0-9]_*)+",h="([0-9a-fA-F]_*)+",f={className:"number",relevance:0,
+variants:[{match:`\\b(${_})(\\.(${_}))?([eE][+-]?(${_}))?\\b`},{
+match:`\\b0x(${h})(\\.(${h}))?([pP][+-]?(${_}))?\\b`},{match:/\b0o([0-7]_*)+\b/
+},{match:/\b0b([01]_*)+\b/}]},E=(e="")=>({className:"subst",variants:[{
+match:b(/\\/,e,/[0\\tnr"']/)},{match:b(/\\/,e,/u\{[0-9a-fA-F]{1,8}\}/)}]
+}),y=(e="")=>({className:"subst",match:b(/\\/,e,/[\t ]*(?:[\r\n]|\r\n)/)
+}),w=(e="")=>({className:"subst",label:"interpol",begin:b(/\\/,e,/\(/),end:/\)/
+}),v=(e="")=>({begin:b(e,/"""/),end:b(/"""/,e),contains:[E(e),y(e),w(e)]
+}),N=(e="")=>({begin:b(e,/"/),end:b(/"/,e),contains:[E(e),w(e)]}),k={
+className:"string",
+variants:[v(),v("#"),v("##"),v("###"),N(),N("#"),N("##"),N("###")]
+},x=[e.BACKSLASH_ESCAPE,{begin:/\[/,end:/\]/,relevance:0,
+contains:[e.BACKSLASH_ESCAPE]}],O={begin:/\/[^\s](?=[^/\n]*\/)/,end:/\//,
+contains:x},M=e=>{const n=b(e,/\//),t=b(/\//,e);return{begin:n,end:t,
+contains:[...x,{scope:"comment",begin:`#(?!.*${t})`,end:/$/}]}},A={
+scope:"regexp",variants:[M("###"),M("##"),M("#"),O]},S={match:b(/`/,$e,/`/)
+},C=[S,{className:"variable",match:/\$\d+/},{className:"variable",
+match:`\\$${Be}+`}],T=[{match:/(@|#(un)?)available/,scope:"keyword",starts:{
+contains:[{begin:/\(/,end:/\)/,keywords:je,contains:[...p,f,k]}]}},{
+scope:"keyword",match:b(/@/,m(...ze),d(m(/\(/,/\s+/)))},{scope:"meta",
+match:b(/@/,$e)}],R={match:d(/\b[A-Z]/),relevance:0,contains:[{className:"type",
+match:b(/(AV|CA|CF|CG|CI|CL|CM|CN|CT|MK|MP|MTK|MTL|NS|SCN|SK|UI|WK|XC)/,Be,"+")
+},{className:"type",match:Fe,relevance:0},{match:/[?!]+/,relevance:0},{
+match:/\.\.\./,relevance:0},{match:b(/\s+&\s+/,d(Fe)),relevance:0}]},D={
+begin:/</,end:/>/,keywords:l,contains:[...a,...c,...T,u,R]};R.contains.push(D)
+;const I={begin:/\(/,end:/\)/,relevance:0,keywords:l,contains:["self",{
+match:b($e,/\s*:/),keywords:"_|0",relevance:0
+},...a,A,...c,...g,...p,f,k,...C,...T,R]},L={begin:/</,end:/>/,
+keywords:"repeat each",contains:[...a,R]},B={begin:/\(/,end:/\)/,keywords:l,
+contains:[{begin:m(d(b($e,/\s*:/)),d(b($e,/\s+/,$e,/\s*:/))),end:/:/,
+relevance:0,contains:[{className:"keyword",match:/\b_\b/},{className:"params",
+match:$e}]},...a,...c,...p,f,k,...T,R,I],endsParent:!0,illegal:/["']/},$={
+match:[/(func|macro)/,/\s+/,m(S.match,$e,Ie)],className:{1:"keyword",
+3:"title.function"},contains:[L,B,n],illegal:[/\[/,/%/]},F={
+match:[/\b(?:subscript|init[?!]?)/,/\s*(?=[<(])/],className:{1:"keyword"},
+contains:[L,B,n],illegal:/\[|%/},z={match:[/operator/,/\s+/,Ie],className:{
+1:"keyword",3:"title"}},j={begin:[/precedencegroup/,/\s+/,Fe],className:{
+1:"keyword",3:"title"},contains:[R],keywords:[...Se,...Ae],end:/}/},U={
+begin:[/(struct|protocol|class|extension|enum|actor)/,/\s+/,$e,/\s*/],
+beginScope:{1:"keyword",3:"title.class"},keywords:l,contains:[L,...c,{begin:/:/,
+end:/\{/,keywords:l,contains:[{scope:"title.class.inherited",match:Fe},...c],
+relevance:0}]};for(const e of k.variants){
+const n=e.contains.find((e=>"interpol"===e.label));n.keywords=l
+;const t=[...c,...g,...p,f,k,...C];n.contains=[...t,{begin:/\(/,end:/\)/,
+contains:["self",...t]}]}return{name:"Swift",keywords:l,contains:[...a,$,F,{
+match:[/class\b/,/\s+/,/func\b/,/\s+/,/\b[A-Za-z_][A-Za-z0-9_]*\b/],scope:{
+1:"keyword",3:"keyword",5:"title.function"}},{match:[/class\b/,/\s+/,/var\b/],
+scope:{1:"keyword",3:"keyword"}},U,z,j,{beginKeywords:"import",end:/$/,
+contains:[...a],relevance:0},A,...c,...g,...p,f,k,...C,...T,R,I]}},
+grmr_typescript:e=>{
+const n=e.regex,t=ve(e),a=me,i=["any","void","number","boolean","string","object","never","symbol","bigint","unknown"],r={
+begin:[/namespace/,/\s+/,e.IDENT_RE],beginScope:{1:"keyword",3:"title.class"}
+},s={beginKeywords:"interface",end:/\{/,excludeEnd:!0,keywords:{
+keyword:"interface extends",built_in:i},contains:[t.exports.CLASS_REFERENCE]
+},o={$pattern:me,
+keyword:pe.concat(["type","interface","public","private","protected","implements","declare","abstract","readonly","enum","override","satisfies"]),
+literal:_e,built_in:we.concat(i),"variable.language":ye},l={className:"meta",
+begin:"@"+a},c=(e,n,t)=>{const a=e.contains.findIndex((e=>e.label===n))
+;if(-1===a)throw Error("can not find mode to replace");e.contains.splice(a,1,t)}
+;Object.assign(t.keywords,o),t.exports.PARAMS_CONTAINS.push(l)
+;const d=t.contains.find((e=>"attr"===e.scope)),g=Object.assign({},d,{
+match:n.concat(a,n.lookahead(/\s*\?:/))})
+;return t.exports.PARAMS_CONTAINS.push([t.exports.CLASS_REFERENCE,d,g]),
+t.contains=t.contains.concat([l,r,s,g]),
+c(t,"shebang",e.SHEBANG()),c(t,"use_strict",{className:"meta",relevance:10,
+begin:/^\s*['"]use strict['"]/
+}),t.contains.find((e=>"func.def"===e.label)).relevance=0,Object.assign(t,{
+name:"TypeScript",aliases:["ts","tsx","mts","cts"]}),t},grmr_vbnet:e=>{
+const n=e.regex,t=/\d{1,2}\/\d{1,2}\/\d{4}/,a=/\d{4}-\d{1,2}-\d{1,2}/,i=/(\d|1[012])(:\d+){0,2} *(AM|PM)/,r=/\d{1,2}(:\d{1,2}){1,2}/,s={
+className:"literal",variants:[{begin:n.concat(/# */,n.either(a,t),/ *#/)},{
+begin:n.concat(/# */,r,/ *#/)},{begin:n.concat(/# */,i,/ *#/)},{
+begin:n.concat(/# */,n.either(a,t),/ +/,n.either(i,r),/ *#/)}]
+},o=e.COMMENT(/'''/,/$/,{contains:[{className:"doctag",begin:/<\/?/,end:/>/}]
+}),l=e.COMMENT(null,/$/,{variants:[{begin:/'/},{begin:/([\t ]|^)REM(?=\s)/}]})
+;return{name:"Visual Basic .NET",aliases:["vb"],case_insensitive:!0,
+classNameAliases:{label:"symbol"},keywords:{
+keyword:"addhandler alias aggregate ansi as async assembly auto binary by byref byval call case catch class compare const continue custom declare default delegate dim distinct do each equals else elseif end enum erase error event exit explicit finally for friend from function get global goto group handles if implements imports in inherits interface into iterator join key let lib loop me mid module mustinherit mustoverride mybase myclass namespace narrowing new next notinheritable notoverridable of off on operator option optional order overloads overridable overrides paramarray partial preserve private property protected public raiseevent readonly redim removehandler resume return select set shadows shared skip static step stop structure strict sub synclock take text then throw to try unicode until using when where while widening with withevents writeonly yield",
+built_in:"addressof and andalso await directcast gettype getxmlnamespace is isfalse isnot istrue like mod nameof new not or orelse trycast typeof xor cbool cbyte cchar cdate cdbl cdec cint clng cobj csbyte cshort csng cstr cuint culng cushort",
+type:"boolean byte char date decimal double integer long object sbyte short single string uinteger ulong ushort",
+literal:"true false nothing"},
+illegal:"//|\\{|\\}|endif|gosub|variant|wend|^\\$ ",contains:[{
+className:"string",begin:/"(""|[^/n])"C\b/},{className:"string",begin:/"/,
+end:/"/,illegal:/\n/,contains:[{begin:/""/}]},s,{className:"number",relevance:0,
+variants:[{begin:/\b\d[\d_]*((\.[\d_]+(E[+-]?[\d_]+)?)|(E[+-]?[\d_]+))[RFD@!#]?/
+},{begin:/\b\d[\d_]*((U?[SIL])|[%&])?/},{begin:/&H[\dA-F_]+((U?[SIL])|[%&])?/},{
+begin:/&O[0-7_]+((U?[SIL])|[%&])?/},{begin:/&B[01_]+((U?[SIL])|[%&])?/}]},{
+className:"label",begin:/^\w+:/},o,l,{className:"meta",
+begin:/[\t ]*#(const|disable|else|elseif|enable|end|externalsource|if|region)\b/,
+end:/$/,keywords:{
+keyword:"const disable else elseif enable end externalsource if region then"},
+contains:[l]}]}},grmr_wasm:e=>{e.regex;const n=e.COMMENT(/\(;/,/;\)/)
+;return n.contains.push("self"),{name:"WebAssembly",keywords:{$pattern:/[\w.]+/,
+keyword:["anyfunc","block","br","br_if","br_table","call","call_indirect","data","drop","elem","else","end","export","func","global.get","global.set","local.get","local.set","local.tee","get_global","get_local","global","if","import","local","loop","memory","memory.grow","memory.size","module","mut","nop","offset","param","result","return","select","set_global","set_local","start","table","tee_local","then","type","unreachable"]
+},contains:[e.COMMENT(/;;/,/$/),n,{match:[/(?:offset|align)/,/\s*/,/=/],
+className:{1:"keyword",3:"operator"}},{className:"variable",begin:/\$[\w_]+/},{
+match:/(\((?!;)|\))+/,className:"punctuation",relevance:0},{
+begin:[/(?:func|call|call_indirect)/,/\s+/,/\$[^\s)]+/],className:{1:"keyword",
+3:"title.function"}},e.QUOTE_STRING_MODE,{match:/(i32|i64|f32|f64)(?!\.)/,
+className:"type"},{className:"keyword",
+match:/\b(f32|f64|i32|i64)(?:\.(?:abs|add|and|ceil|clz|const|convert_[su]\/i(?:32|64)|copysign|ctz|demote\/f64|div(?:_[su])?|eqz?|extend_[su]\/i32|floor|ge(?:_[su])?|gt(?:_[su])?|le(?:_[su])?|load(?:(?:8|16|32)_[su])?|lt(?:_[su])?|max|min|mul|nearest|neg?|or|popcnt|promote\/f32|reinterpret\/[fi](?:32|64)|rem_[su]|rot[lr]|shl|shr_[su]|store(?:8|16|32)?|sqrt|sub|trunc(?:_[su]\/f(?:32|64))?|wrap\/i64|xor))\b/
+},{className:"number",relevance:0,
+match:/[+-]?\b(?:\d(?:_?\d)*(?:\.\d(?:_?\d)*)?(?:[eE][+-]?\d(?:_?\d)*)?|0x[\da-fA-F](?:_?[\da-fA-F])*(?:\.[\da-fA-F](?:_?[\da-fA-D])*)?(?:[pP][+-]?\d(?:_?\d)*)?)\b|\binf\b|\bnan(?::0x[\da-fA-F](?:_?[\da-fA-D])*)?\b/
+}]}},grmr_xml:e=>{
+const n=e.regex,t=n.concat(/[\p{L}_]/u,n.optional(/[\p{L}0-9_.-]*:/u),/[\p{L}0-9_.-]*/u),a={
+className:"symbol",begin:/&[a-z]+;|&#[0-9]+;|&#x[a-f0-9]+;/},i={begin:/\s/,
+contains:[{className:"keyword",begin:/#?[a-z_][a-z1-9_-]+/,illegal:/\n/}]
+},r=e.inherit(i,{begin:/\(/,end:/\)/}),s=e.inherit(e.APOS_STRING_MODE,{
+className:"string"}),o=e.inherit(e.QUOTE_STRING_MODE,{className:"string"}),l={
+endsWithParent:!0,illegal:/</,relevance:0,contains:[{className:"attr",
+begin:/[\p{L}0-9._:-]+/u,relevance:0},{begin:/=\s*/,relevance:0,contains:[{
+className:"string",endsParent:!0,variants:[{begin:/"/,end:/"/,contains:[a]},{
+begin:/'/,end:/'/,contains:[a]},{begin:/[^\s"'=<>`]+/}]}]}]};return{
+name:"HTML, XML",
+aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist","wsf","svg"],
+case_insensitive:!0,unicodeRegex:!0,contains:[{className:"meta",begin:/<![a-z]/,
+end:/>/,relevance:10,contains:[i,o,s,r,{begin:/\[/,end:/\]/,contains:[{
+className:"meta",begin:/<![a-z]/,end:/>/,contains:[i,r,o,s]}]}]
+},e.COMMENT(/<!--/,/-->/,{relevance:10}),{begin:/<!\[CDATA\[/,end:/\]\]>/,
+relevance:10},a,{className:"meta",end:/\?>/,variants:[{begin:/<\?xml/,
+relevance:10,contains:[o]},{begin:/<\?[a-z][a-z0-9]+/}]},{className:"tag",
+begin:/<style(?=\s|>)/,end:/>/,keywords:{name:"style"},contains:[l],starts:{
+end:/<\/style>/,returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",
+begin:/<script(?=\s|>)/,end:/>/,keywords:{name:"script"},contains:[l],starts:{
+end:/<\/script>/,returnEnd:!0,subLanguage:["javascript","handlebars","xml"]}},{
+className:"tag",begin:/<>|<\/>/},{className:"tag",
+begin:n.concat(/</,n.lookahead(n.concat(t,n.either(/\/>/,/>/,/\s/)))),
+end:/\/?>/,contains:[{className:"name",begin:t,relevance:0,starts:l}]},{
+className:"tag",begin:n.concat(/<\//,n.lookahead(n.concat(t,/>/))),contains:[{
+className:"name",begin:t,relevance:0},{begin:/>/,relevance:0,endsParent:!0}]}]}
+},grmr_yaml:e=>{
+const n="true false yes no null",t="[\\w#;/?:@&=+$,.~*'()[\\]]+",a={
+className:"string",relevance:0,variants:[{begin:/"/,end:/"/},{begin:/\S+/}],
+contains:[e.BACKSLASH_ESCAPE,{className:"template-variable",variants:[{
+begin:/\{\{/,end:/\}\}/},{begin:/%\{/,end:/\}/}]}]},i=e.inherit(a,{variants:[{
+begin:/'/,end:/'/,contains:[{begin:/''/,relevance:0}]},{begin:/"/,end:/"/},{
+begin:/[^\s,{}[\]]+/}]}),r={end:",",endsWithParent:!0,excludeEnd:!0,keywords:n,
+relevance:0},s={begin:/\{/,end:/\}/,contains:[r],illegal:"\\n",relevance:0},o={
+begin:"\\[",end:"\\]",contains:[r],illegal:"\\n",relevance:0},l=[{
+className:"attr",variants:[{begin:/[\w*@][\w*@ :()\./-]*:(?=[ \t]|$)/},{
+begin:/"[\w*@][\w*@ :()\./-]*":(?=[ \t]|$)/},{
+begin:/'[\w*@][\w*@ :()\./-]*':(?=[ \t]|$)/}]},{className:"meta",
+begin:"^---\\s*$",relevance:10},{className:"string",
+begin:"[\\|>]([1-9]?[+-])?[ ]*\\n( +)[^ ][^\\n]*\\n(\\2[^\\n]+\\n?)*"},{
+begin:"<%[%=-]?",end:"[%-]?%>",subLanguage:"ruby",excludeBegin:!0,excludeEnd:!0,
+relevance:0},{className:"type",begin:"!\\w+!"+t},{className:"type",
+begin:"!<"+t+">"},{className:"type",begin:"!"+t},{className:"type",begin:"!!"+t
+},{className:"meta",begin:"&"+e.UNDERSCORE_IDENT_RE+"$"},{className:"meta",
+begin:"\\*"+e.UNDERSCORE_IDENT_RE+"$"},{className:"bullet",begin:"-(?=[ ]|$)",
+relevance:0},e.HASH_COMMENT_MODE,{beginKeywords:n,keywords:{literal:n}},{
+className:"number",
+begin:"\\b[0-9]{4}(-[0-9][0-9]){0,2}([Tt \\t][0-9][0-9]?(:[0-9][0-9]){2})?(\\.[0-9]*)?([ \\t])*(Z|[-+][0-9][0-9]?(:[0-9][0-9])?)?\\b"
+},{className:"number",begin:e.C_NUMBER_RE+"\\b",relevance:0},s,o,{
+className:"string",relevance:0,begin:/'/,end:/'/,contains:[{match:/''/,
+scope:"char.escape",relevance:0}]},a],c=[...l]
+;return c.pop(),c.push(i),r.contains=c,{name:"YAML",case_insensitive:!0,
+aliases:["yml"],contains:l}}});const Pe=ne;for(const e of Object.keys(Ue)){
+const n=e.replace("grmr_","").replace("_","-");Pe.registerLanguage(n,Ue[e])}
+return Pe}()
+;"object"==typeof exports&&"undefined"!=typeof module&&(module.exports=hljs);
\ No newline at end of file
diff --git a/dist/vendor/marked.min.js b/dist/vendor/marked.min.js
new file mode 100644
index 00000000..0f11cff7
--- /dev/null
+++ b/dist/vendor/marked.min.js
@@ -0,0 +1,74 @@
+/**
+ * marked v17.0.1 - a markdown parser
+ * Copyright (c) 2018-2025, MarkedJS. (MIT License)
+ * Copyright (c) 2011-2018, Christopher Jeffrey. (MIT License)
+ * https://github.com/markedjs/marked
+ */
+
+/**
+ * DO NOT EDIT THIS FILE
+ * The code in this file is generated from files in ./src/
+ */
+(function(g,f){if(typeof exports=="object"&&typeof module<"u"){module.exports=f()}else if("function"==typeof define && define.amd){define("marked",f)}else {g["marked"]=f()}}(typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : this,function(){var exports={};var __exports=exports;var module={exports};
+"use strict";var Z=Object.defineProperty;var xe=Object.getOwnPropertyDescriptor;var be=Object.getOwnPropertyNames;var Re=Object.prototype.hasOwnProperty;var Te=(l,e)=>{for(var t in e)Z(l,t,{get:e[t],enumerable:!0})},Oe=(l,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of be(e))!Re.call(l,r)&&r!==t&&Z(l,r,{get:()=>e[r],enumerable:!(n=xe(e,r))||n.enumerable});return l};var we=l=>Oe(Z({},"__esModule",{value:!0}),l);var kt={};Te(kt,{Hooks:()=>S,Lexer:()=>x,Marked:()=>A,Parser:()=>b,Renderer:()=>P,TextRenderer:()=>$,Tokenizer:()=>y,defaults:()=>T,getDefaults:()=>_,lexer:()=>ht,marked:()=>d,options:()=>it,parse:()=>pt,parseInline:()=>ut,parser:()=>ct,setOptions:()=>ot,use:()=>at,walkTokens:()=>lt});module.exports=we(kt);function _(){return{async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null}}var T=_();function G(l){T=l}var I={exec:()=>null};function k(l,e=""){let t=typeof l=="string"?l:l.source,n={replace:(r,i)=>{let s=typeof i=="string"?i:i.source;return s=s.replace(m.caret,"$1"),t=t.replace(r,s),n},getRegex:()=>new RegExp(t,e)};return n}var ye=(()=>{try{return!!new RegExp("(?<=1)(?<!1)")}catch{return!1}})(),m={codeRemoveIndent:/^(?: {1,4}| {0,3}\t)/gm,outputLinkReplace:/\\([\[\]])/g,indentCodeCompensation:/^(\s+)(?:```)/,beginningSpace:/^\s+/,endingHash:/#$/,startingSpaceChar:/^ /,endingSpaceChar:/ $/,nonSpaceChar:/[^ ]/,newLineCharGlobal:/\n/g,tabCharGlobal:/\t/g,multipleSpaceGlobal:/\s+/g,blankLine:/^[ \t]*$/,doubleBlankLine:/\n[ \t]*\n[ \t]*$/,blockquoteStart:/^ {0,3}>/,blockquoteSetextReplace:/\n {0,3}((?:=+|-+) *)(?=\n|$)/g,blockquoteSetextReplace2:/^ {0,3}>[ \t]?/gm,listReplaceTabs:/^\t+/,listReplaceNesting:/^ {1,4}(?=( {4})*[^ ])/g,listIsTask:/^\[[ xX]\] +\S/,listReplaceTask:/^\[[ xX]\] +/,listTaskCheckbox:/\[[ xX]\]/,anyLine:/\n.*\n/,hrefBrackets:/^<(.*)>$/,tableDelimiter:/[:|]/,tableAlignChars:/^\||\| *$/g,tableRowBlankLine:/\n[ \t]*$/,tableAlignRight:/^ *-+: *$/,tableAlignCenter:/^ *:-+: *$/,tableAlignLeft:/^ *:-+ *$/,startATag:/^<a /i,endATag:/^<\/a>/i,startPreScriptTag:/^<(pre|code|kbd|script)(\s|>)/i,endPreScriptTag:/^<\/(pre|code|kbd|script)(\s|>)/i,startAngleBracket:/^</,endAngleBracket:/>$/,pedanticHrefTitle:/^([^'"]*[^\s])\s+(['"])(.*)\2/,unicodeAlphaNumeric:/[\p{L}\p{N}]/u,escapeTest:/[&<>"']/,escapeReplace:/[&<>"']/g,escapeTestNoEncode:/[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/,escapeReplaceNoEncode:/[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/g,unescapeTest:/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig,caret:/(^|[^\[])\^/g,percentDecode:/%25/g,findPipe:/\|/g,splitPipe:/ \|/,slashPipe:/\\\|/g,carriageReturn:/\r\n|\r/g,spaceLine:/^ +$/gm,notSpaceStart:/^\S*/,endingNewline:/\n$/,listItemRegex:l=>new RegExp(`^( {0,3}${l})((?:[	 ][^\\n]*)?(?:\\n|$))`),nextBulletRegex:l=>new RegExp(`^ {0,${Math.min(3,l-1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ 	][^\\n]*)?(?:\\n|$))`),hrRegex:l=>new RegExp(`^ {0,${Math.min(3,l-1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`),fencesBeginRegex:l=>new RegExp(`^ {0,${Math.min(3,l-1)}}(?:\`\`\`|~~~)`),headingBeginRegex:l=>new RegExp(`^ {0,${Math.min(3,l-1)}}#`),htmlBeginRegex:l=>new RegExp(`^ {0,${Math.min(3,l-1)}}<(?:[a-z].*>|!--)`,"i")},Pe=/^(?:[ \t]*(?:\n|$))+/,Se=/^((?: {4}| {0,3}\t)[^\n]+(?:\n(?:[ \t]*(?:\n|$))*)?)+/,$e=/^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/,E=/^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/,_e=/^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/,Q=/(?:[*+-]|\d{1,9}[.)])/,se=/^(?!bull |blockCode|fences|blockquote|heading|html|table)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html|table))+?)\n {0,3}(=+|-+) *(?:\n+|$)/,ie=k(se).replace(/bull/g,Q).replace(/blockCode/g,/(?: {4}| {0,3}\t)/).replace(/fences/g,/ {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g,/ {0,3}>/).replace(/heading/g,/ {0,3}#{1,6}/).replace(/html/g,/ {0,3}<[^\n>]+>\n/).replace(/\|table/g,"").getRegex(),Le=k(se).replace(/bull/g,Q).replace(/blockCode/g,/(?: {4}| {0,3}\t)/).replace(/fences/g,/ {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g,/ {0,3}>/).replace(/heading/g,/ {0,3}#{1,6}/).replace(/html/g,/ {0,3}<[^\n>]+>\n/).replace(/table/g,/ {0,3}\|?(?:[:\- ]*\|)+[\:\- ]*\n/).getRegex(),F=/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/,Me=/^[^\n]+/,j=/(?!\s*\])(?:\\[\s\S]|[^\[\]\\])+/,ze=k(/^ {0,3}\[(label)\]: *(?:\n[ \t]*)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n[ \t]*)?| *\n[ \t]*)(title))? *(?:\n+|$)/).replace("label",j).replace("title",/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(),Ae=k(/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g,Q).getRegex(),v="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",U=/<!--(?:-?>|[\s\S]*?(?:-->|$))/,Ce=k("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$))","i").replace("comment",U).replace("tag",v).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),oe=k(F).replace("hr",E).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("|lheading","").replace("|table","").replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",v).getRegex(),Ie=k(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph",oe).getRegex(),K={blockquote:Ie,code:Se,def:ze,fences:$e,heading:_e,hr:E,html:Ce,lheading:ie,list:Ae,newline:Pe,paragraph:oe,table:I,text:Me},ne=k("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr",E).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("blockquote"," {0,3}>").replace("code","(?: {4}| {0,3}	)[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",v).getRegex(),Ee={...K,lheading:Le,table:ne,paragraph:k(F).replace("hr",E).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("|lheading","").replace("table",ne).replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",v).getRegex()},Be={...K,html:k(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:"[^"]*"|'[^']*'|\\s[^'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace("comment",U).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,heading:/^(#{1,6})(.*)(?:\n+|$)/,fences:I,lheading:/^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,paragraph:k(F).replace("hr",E).replace("heading",` *#{1,6} *[^
+]`).replace("lheading",ie).replace("|table","").replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").replace("|tag","").getRegex()},qe=/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,ve=/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,ae=/^( {2,}|\\)\n(?!\s*$)/,De=/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/,D=/[\p{P}\p{S}]/u,W=/[\s\p{P}\p{S}]/u,le=/[^\s\p{P}\p{S}]/u,He=k(/^((?![*_])punctSpace)/,"u").replace(/punctSpace/g,W).getRegex(),ue=/(?!~)[\p{P}\p{S}]/u,Ze=/(?!~)[\s\p{P}\p{S}]/u,Ge=/(?:[^\s\p{P}\p{S}]|~)/u,Ne=k(/link|precode-code|html/,"g").replace("link",/\[(?:[^\[\]`]|(?<a>`+)[^`]+\k<a>(?!`))*?\]\((?:\\[\s\S]|[^\\\(\)]|\((?:\\[\s\S]|[^\\\(\)])*\))*\)/).replace("precode-",ye?"(?<!`)()":"(^^|[^`])").replace("code",/(?<b>`+)[^`]+\k<b>(?!`)/).replace("html",/<(?! )[^<>]*?>/).getRegex(),pe=/^(?:\*+(?:((?!\*)punct)|[^\s*]))|^_+(?:((?!_)punct)|([^\s_]))/,Qe=k(pe,"u").replace(/punct/g,D).getRegex(),Fe=k(pe,"u").replace(/punct/g,ue).getRegex(),ce="^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)punctSpace(\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|notPunctSpace(\\*+)(?=notPunctSpace)",je=k(ce,"gu").replace(/notPunctSpace/g,le).replace(/punctSpace/g,W).replace(/punct/g,D).getRegex(),Ue=k(ce,"gu").replace(/notPunctSpace/g,Ge).replace(/punctSpace/g,Ze).replace(/punct/g,ue).getRegex(),Ke=k("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)punct(_+)(?=[\\s]|$)|notPunctSpace(_+)(?!_)(?=punctSpace|$)|(?!_)punctSpace(_+)(?=notPunctSpace)|[\\s](_+)(?!_)(?=punct)|(?!_)punct(_+)(?!_)(?=punct)","gu").replace(/notPunctSpace/g,le).replace(/punctSpace/g,W).replace(/punct/g,D).getRegex(),We=k(/\\(punct)/,"gu").replace(/punct/g,D).getRegex(),Xe=k(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme",/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email",/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(),Je=k(U).replace("(?:-->|$)","-->").getRegex(),Ve=k("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment",Je).replace("attribute",/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(),q=/(?:\[(?:\\[\s\S]|[^\[\]\\])*\]|\\[\s\S]|`+[^`]*?`+(?!`)|[^\[\]\\`])*?/,Ye=k(/^!?\[(label)\]\(\s*(href)(?:(?:[ \t]*(?:\n[ \t]*)?)(title))?\s*\)/).replace("label",q).replace("href",/<(?:\\.|[^\n<>\\])+>|[^ \t\n\x00-\x1f]*/).replace("title",/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(),he=k(/^!?\[(label)\]\[(ref)\]/).replace("label",q).replace("ref",j).getRegex(),ke=k(/^!?\[(ref)\](?:\[\])?/).replace("ref",j).getRegex(),et=k("reflink|nolink(?!\\()","g").replace("reflink",he).replace("nolink",ke).getRegex(),re=/[hH][tT][tT][pP][sS]?|[fF][tT][pP]/,X={_backpedal:I,anyPunctuation:We,autolink:Xe,blockSkip:Ne,br:ae,code:ve,del:I,emStrongLDelim:Qe,emStrongRDelimAst:je,emStrongRDelimUnd:Ke,escape:qe,link:Ye,nolink:ke,punctuation:He,reflink:he,reflinkSearch:et,tag:Ve,text:De,url:I},tt={...X,link:k(/^!?\[(label)\]\((.*?)\)/).replace("label",q).getRegex(),reflink:k(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",q).getRegex()},N={...X,emStrongRDelimAst:Ue,emStrongLDelim:Fe,url:k(/^((?:protocol):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/).replace("protocol",re).replace("email",/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(),_backpedal:/(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,del:/^(~~?)(?=[^\s~])((?:\\[\s\S]|[^\\])*?(?:\\[\s\S]|[^\s~\\]))\1(?=[^~]|$)/,text:k(/^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|protocol:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/).replace("protocol",re).getRegex()},nt={...N,br:k(ae).replace("{2,}","*").getRegex(),text:k(N.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()},B={normal:K,gfm:Ee,pedantic:Be},M={normal:X,gfm:N,breaks:nt,pedantic:tt};var rt={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},de=l=>rt[l];function w(l,e){if(e){if(m.escapeTest.test(l))return l.replace(m.escapeReplace,de)}else if(m.escapeTestNoEncode.test(l))return l.replace(m.escapeReplaceNoEncode,de);return l}function J(l){try{l=encodeURI(l).replace(m.percentDecode,"%")}catch{return null}return l}function V(l,e){let t=l.replace(m.findPipe,(i,s,a)=>{let o=!1,u=s;for(;--u>=0&&a[u]==="\\";)o=!o;return o?"|":" |"}),n=t.split(m.splitPipe),r=0;if(n[0].trim()||n.shift(),n.length>0&&!n.at(-1)?.trim()&&n.pop(),e)if(n.length>e)n.splice(e);else for(;n.length<e;)n.push("");for(;r<n.length;r++)n[r]=n[r].trim().replace(m.slashPipe,"|");return n}function z(l,e,t){let n=l.length;if(n===0)return"";let r=0;for(;r<n;){let i=l.charAt(n-r-1);if(i===e&&!t)r++;else if(i!==e&&t)r++;else break}return l.slice(0,n-r)}function ge(l,e){if(l.indexOf(e[1])===-1)return-1;let t=0;for(let n=0;n<l.length;n++)if(l[n]==="\\")n++;else if(l[n]===e[0])t++;else if(l[n]===e[1]&&(t--,t<0))return n;return t>0?-2:-1}function fe(l,e,t,n,r){let i=e.href,s=e.title||null,a=l[1].replace(r.other.outputLinkReplace,"$1");n.state.inLink=!0;let o={type:l[0].charAt(0)==="!"?"image":"link",raw:t,href:i,title:s,text:a,tokens:n.inlineTokens(a)};return n.state.inLink=!1,o}function st(l,e,t){let n=l.match(t.other.indentCodeCompensation);if(n===null)return e;let r=n[1];return e.split(`
+`).map(i=>{let s=i.match(t.other.beginningSpace);if(s===null)return i;let[a]=s;return a.length>=r.length?i.slice(r.length):i}).join(`
+`)}var y=class{options;rules;lexer;constructor(e){this.options=e||T}space(e){let t=this.rules.block.newline.exec(e);if(t&&t[0].length>0)return{type:"space",raw:t[0]}}code(e){let t=this.rules.block.code.exec(e);if(t){let n=t[0].replace(this.rules.other.codeRemoveIndent,"");return{type:"code",raw:t[0],codeBlockStyle:"indented",text:this.options.pedantic?n:z(n,`
+`)}}}fences(e){let t=this.rules.block.fences.exec(e);if(t){let n=t[0],r=st(n,t[3]||"",this.rules);return{type:"code",raw:n,lang:t[2]?t[2].trim().replace(this.rules.inline.anyPunctuation,"$1"):t[2],text:r}}}heading(e){let t=this.rules.block.heading.exec(e);if(t){let n=t[2].trim();if(this.rules.other.endingHash.test(n)){let r=z(n,"#");(this.options.pedantic||!r||this.rules.other.endingSpaceChar.test(r))&&(n=r.trim())}return{type:"heading",raw:t[0],depth:t[1].length,text:n,tokens:this.lexer.inline(n)}}}hr(e){let t=this.rules.block.hr.exec(e);if(t)return{type:"hr",raw:z(t[0],`
+`)}}blockquote(e){let t=this.rules.block.blockquote.exec(e);if(t){let n=z(t[0],`
+`).split(`
+`),r="",i="",s=[];for(;n.length>0;){let a=!1,o=[],u;for(u=0;u<n.length;u++)if(this.rules.other.blockquoteStart.test(n[u]))o.push(n[u]),a=!0;else if(!a)o.push(n[u]);else break;n=n.slice(u);let p=o.join(`
+`),c=p.replace(this.rules.other.blockquoteSetextReplace,`
+    $1`).replace(this.rules.other.blockquoteSetextReplace2,"");r=r?`${r}
+${p}`:p,i=i?`${i}
+${c}`:c;let g=this.lexer.state.top;if(this.lexer.state.top=!0,this.lexer.blockTokens(c,s,!0),this.lexer.state.top=g,n.length===0)break;let h=s.at(-1);if(h?.type==="code")break;if(h?.type==="blockquote"){let R=h,f=R.raw+`
+`+n.join(`
+`),O=this.blockquote(f);s[s.length-1]=O,r=r.substring(0,r.length-R.raw.length)+O.raw,i=i.substring(0,i.length-R.text.length)+O.text;break}else if(h?.type==="list"){let R=h,f=R.raw+`
+`+n.join(`
+`),O=this.list(f);s[s.length-1]=O,r=r.substring(0,r.length-h.raw.length)+O.raw,i=i.substring(0,i.length-R.raw.length)+O.raw,n=f.substring(s.at(-1).raw.length).split(`
+`);continue}}return{type:"blockquote",raw:r,tokens:s,text:i}}}list(e){let t=this.rules.block.list.exec(e);if(t){let n=t[1].trim(),r=n.length>1,i={type:"list",raw:"",ordered:r,start:r?+n.slice(0,-1):"",loose:!1,items:[]};n=r?`\\d{1,9}\\${n.slice(-1)}`:`\\${n}`,this.options.pedantic&&(n=r?n:"[*+-]");let s=this.rules.other.listItemRegex(n),a=!1;for(;e;){let u=!1,p="",c="";if(!(t=s.exec(e))||this.rules.block.hr.test(e))break;p=t[0],e=e.substring(p.length);let g=t[2].split(`
+`,1)[0].replace(this.rules.other.listReplaceTabs,O=>" ".repeat(3*O.length)),h=e.split(`
+`,1)[0],R=!g.trim(),f=0;if(this.options.pedantic?(f=2,c=g.trimStart()):R?f=t[1].length+1:(f=t[2].search(this.rules.other.nonSpaceChar),f=f>4?1:f,c=g.slice(f),f+=t[1].length),R&&this.rules.other.blankLine.test(h)&&(p+=h+`
+`,e=e.substring(h.length+1),u=!0),!u){let O=this.rules.other.nextBulletRegex(f),Y=this.rules.other.hrRegex(f),ee=this.rules.other.fencesBeginRegex(f),te=this.rules.other.headingBeginRegex(f),me=this.rules.other.htmlBeginRegex(f);for(;e;){let H=e.split(`
+`,1)[0],C;if(h=H,this.options.pedantic?(h=h.replace(this.rules.other.listReplaceNesting,"  "),C=h):C=h.replace(this.rules.other.tabCharGlobal,"    "),ee.test(h)||te.test(h)||me.test(h)||O.test(h)||Y.test(h))break;if(C.search(this.rules.other.nonSpaceChar)>=f||!h.trim())c+=`
+`+C.slice(f);else{if(R||g.replace(this.rules.other.tabCharGlobal,"    ").search(this.rules.other.nonSpaceChar)>=4||ee.test(g)||te.test(g)||Y.test(g))break;c+=`
+`+h}!R&&!h.trim()&&(R=!0),p+=H+`
+`,e=e.substring(H.length+1),g=C.slice(f)}}i.loose||(a?i.loose=!0:this.rules.other.doubleBlankLine.test(p)&&(a=!0)),i.items.push({type:"list_item",raw:p,task:!!this.options.gfm&&this.rules.other.listIsTask.test(c),loose:!1,text:c,tokens:[]}),i.raw+=p}let o=i.items.at(-1);if(o)o.raw=o.raw.trimEnd(),o.text=o.text.trimEnd();else return;i.raw=i.raw.trimEnd();for(let u of i.items){if(this.lexer.state.top=!1,u.tokens=this.lexer.blockTokens(u.text,[]),u.task){if(u.text=u.text.replace(this.rules.other.listReplaceTask,""),u.tokens[0]?.type==="text"||u.tokens[0]?.type==="paragraph"){u.tokens[0].raw=u.tokens[0].raw.replace(this.rules.other.listReplaceTask,""),u.tokens[0].text=u.tokens[0].text.replace(this.rules.other.listReplaceTask,"");for(let c=this.lexer.inlineQueue.length-1;c>=0;c--)if(this.rules.other.listIsTask.test(this.lexer.inlineQueue[c].src)){this.lexer.inlineQueue[c].src=this.lexer.inlineQueue[c].src.replace(this.rules.other.listReplaceTask,"");break}}let p=this.rules.other.listTaskCheckbox.exec(u.raw);if(p){let c={type:"checkbox",raw:p[0]+" ",checked:p[0]!=="[ ]"};u.checked=c.checked,i.loose?u.tokens[0]&&["paragraph","text"].includes(u.tokens[0].type)&&"tokens"in u.tokens[0]&&u.tokens[0].tokens?(u.tokens[0].raw=c.raw+u.tokens[0].raw,u.tokens[0].text=c.raw+u.tokens[0].text,u.tokens[0].tokens.unshift(c)):u.tokens.unshift({type:"paragraph",raw:c.raw,text:c.raw,tokens:[c]}):u.tokens.unshift(c)}}if(!i.loose){let p=u.tokens.filter(g=>g.type==="space"),c=p.length>0&&p.some(g=>this.rules.other.anyLine.test(g.raw));i.loose=c}}if(i.loose)for(let u of i.items){u.loose=!0;for(let p of u.tokens)p.type==="text"&&(p.type="paragraph")}return i}}html(e){let t=this.rules.block.html.exec(e);if(t)return{type:"html",block:!0,raw:t[0],pre:t[1]==="pre"||t[1]==="script"||t[1]==="style",text:t[0]}}def(e){let t=this.rules.block.def.exec(e);if(t){let n=t[1].toLowerCase().replace(this.rules.other.multipleSpaceGlobal," "),r=t[2]?t[2].replace(this.rules.other.hrefBrackets,"$1").replace(this.rules.inline.anyPunctuation,"$1"):"",i=t[3]?t[3].substring(1,t[3].length-1).replace(this.rules.inline.anyPunctuation,"$1"):t[3];return{type:"def",tag:n,raw:t[0],href:r,title:i}}}table(e){let t=this.rules.block.table.exec(e);if(!t||!this.rules.other.tableDelimiter.test(t[2]))return;let n=V(t[1]),r=t[2].replace(this.rules.other.tableAlignChars,"").split("|"),i=t[3]?.trim()?t[3].replace(this.rules.other.tableRowBlankLine,"").split(`
+`):[],s={type:"table",raw:t[0],header:[],align:[],rows:[]};if(n.length===r.length){for(let a of r)this.rules.other.tableAlignRight.test(a)?s.align.push("right"):this.rules.other.tableAlignCenter.test(a)?s.align.push("center"):this.rules.other.tableAlignLeft.test(a)?s.align.push("left"):s.align.push(null);for(let a=0;a<n.length;a++)s.header.push({text:n[a],tokens:this.lexer.inline(n[a]),header:!0,align:s.align[a]});for(let a of i)s.rows.push(V(a,s.header.length).map((o,u)=>({text:o,tokens:this.lexer.inline(o),header:!1,align:s.align[u]})));return s}}lheading(e){let t=this.rules.block.lheading.exec(e);if(t)return{type:"heading",raw:t[0],depth:t[2].charAt(0)==="="?1:2,text:t[1],tokens:this.lexer.inline(t[1])}}paragraph(e){let t=this.rules.block.paragraph.exec(e);if(t){let n=t[1].charAt(t[1].length-1)===`
+`?t[1].slice(0,-1):t[1];return{type:"paragraph",raw:t[0],text:n,tokens:this.lexer.inline(n)}}}text(e){let t=this.rules.block.text.exec(e);if(t)return{type:"text",raw:t[0],text:t[0],tokens:this.lexer.inline(t[0])}}escape(e){let t=this.rules.inline.escape.exec(e);if(t)return{type:"escape",raw:t[0],text:t[1]}}tag(e){let t=this.rules.inline.tag.exec(e);if(t)return!this.lexer.state.inLink&&this.rules.other.startATag.test(t[0])?this.lexer.state.inLink=!0:this.lexer.state.inLink&&this.rules.other.endATag.test(t[0])&&(this.lexer.state.inLink=!1),!this.lexer.state.inRawBlock&&this.rules.other.startPreScriptTag.test(t[0])?this.lexer.state.inRawBlock=!0:this.lexer.state.inRawBlock&&this.rules.other.endPreScriptTag.test(t[0])&&(this.lexer.state.inRawBlock=!1),{type:"html",raw:t[0],inLink:this.lexer.state.inLink,inRawBlock:this.lexer.state.inRawBlock,block:!1,text:t[0]}}link(e){let t=this.rules.inline.link.exec(e);if(t){let n=t[2].trim();if(!this.options.pedantic&&this.rules.other.startAngleBracket.test(n)){if(!this.rules.other.endAngleBracket.test(n))return;let s=z(n.slice(0,-1),"\\");if((n.length-s.length)%2===0)return}else{let s=ge(t[2],"()");if(s===-2)return;if(s>-1){let o=(t[0].indexOf("!")===0?5:4)+t[1].length+s;t[2]=t[2].substring(0,s),t[0]=t[0].substring(0,o).trim(),t[3]=""}}let r=t[2],i="";if(this.options.pedantic){let s=this.rules.other.pedanticHrefTitle.exec(r);s&&(r=s[1],i=s[3])}else i=t[3]?t[3].slice(1,-1):"";return r=r.trim(),this.rules.other.startAngleBracket.test(r)&&(this.options.pedantic&&!this.rules.other.endAngleBracket.test(n)?r=r.slice(1):r=r.slice(1,-1)),fe(t,{href:r&&r.replace(this.rules.inline.anyPunctuation,"$1"),title:i&&i.replace(this.rules.inline.anyPunctuation,"$1")},t[0],this.lexer,this.rules)}}reflink(e,t){let n;if((n=this.rules.inline.reflink.exec(e))||(n=this.rules.inline.nolink.exec(e))){let r=(n[2]||n[1]).replace(this.rules.other.multipleSpaceGlobal," "),i=t[r.toLowerCase()];if(!i){let s=n[0].charAt(0);return{type:"text",raw:s,text:s}}return fe(n,i,n[0],this.lexer,this.rules)}}emStrong(e,t,n=""){let r=this.rules.inline.emStrongLDelim.exec(e);if(!r||r[3]&&n.match(this.rules.other.unicodeAlphaNumeric))return;if(!(r[1]||r[2]||"")||!n||this.rules.inline.punctuation.exec(n)){let s=[...r[0]].length-1,a,o,u=s,p=0,c=r[0][0]==="*"?this.rules.inline.emStrongRDelimAst:this.rules.inline.emStrongRDelimUnd;for(c.lastIndex=0,t=t.slice(-1*e.length+s);(r=c.exec(t))!=null;){if(a=r[1]||r[2]||r[3]||r[4]||r[5]||r[6],!a)continue;if(o=[...a].length,r[3]||r[4]){u+=o;continue}else if((r[5]||r[6])&&s%3&&!((s+o)%3)){p+=o;continue}if(u-=o,u>0)continue;o=Math.min(o,o+u+p);let g=[...r[0]][0].length,h=e.slice(0,s+r.index+g+o);if(Math.min(s,o)%2){let f=h.slice(1,-1);return{type:"em",raw:h,text:f,tokens:this.lexer.inlineTokens(f)}}let R=h.slice(2,-2);return{type:"strong",raw:h,text:R,tokens:this.lexer.inlineTokens(R)}}}}codespan(e){let t=this.rules.inline.code.exec(e);if(t){let n=t[2].replace(this.rules.other.newLineCharGlobal," "),r=this.rules.other.nonSpaceChar.test(n),i=this.rules.other.startingSpaceChar.test(n)&&this.rules.other.endingSpaceChar.test(n);return r&&i&&(n=n.substring(1,n.length-1)),{type:"codespan",raw:t[0],text:n}}}br(e){let t=this.rules.inline.br.exec(e);if(t)return{type:"br",raw:t[0]}}del(e){let t=this.rules.inline.del.exec(e);if(t)return{type:"del",raw:t[0],text:t[2],tokens:this.lexer.inlineTokens(t[2])}}autolink(e){let t=this.rules.inline.autolink.exec(e);if(t){let n,r;return t[2]==="@"?(n=t[1],r="mailto:"+n):(n=t[1],r=n),{type:"link",raw:t[0],text:n,href:r,tokens:[{type:"text",raw:n,text:n}]}}}url(e){let t;if(t=this.rules.inline.url.exec(e)){let n,r;if(t[2]==="@")n=t[0],r="mailto:"+n;else{let i;do i=t[0],t[0]=this.rules.inline._backpedal.exec(t[0])?.[0]??"";while(i!==t[0]);n=t[0],t[1]==="www."?r="http://"+t[0]:r=t[0]}return{type:"link",raw:t[0],text:n,href:r,tokens:[{type:"text",raw:n,text:n}]}}}inlineText(e){let t=this.rules.inline.text.exec(e);if(t){let n=this.lexer.state.inRawBlock;return{type:"text",raw:t[0],text:t[0],escaped:n}}}};var x=class l{tokens;options;state;inlineQueue;tokenizer;constructor(e){this.tokens=[],this.tokens.links=Object.create(null),this.options=e||T,this.options.tokenizer=this.options.tokenizer||new y,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options,this.tokenizer.lexer=this,this.inlineQueue=[],this.state={inLink:!1,inRawBlock:!1,top:!0};let t={other:m,block:B.normal,inline:M.normal};this.options.pedantic?(t.block=B.pedantic,t.inline=M.pedantic):this.options.gfm&&(t.block=B.gfm,this.options.breaks?t.inline=M.breaks:t.inline=M.gfm),this.tokenizer.rules=t}static get rules(){return{block:B,inline:M}}static lex(e,t){return new l(t).lex(e)}static lexInline(e,t){return new l(t).inlineTokens(e)}lex(e){e=e.replace(m.carriageReturn,`
+`),this.blockTokens(e,this.tokens);for(let t=0;t<this.inlineQueue.length;t++){let n=this.inlineQueue[t];this.inlineTokens(n.src,n.tokens)}return this.inlineQueue=[],this.tokens}blockTokens(e,t=[],n=!1){for(this.options.pedantic&&(e=e.replace(m.tabCharGlobal,"    ").replace(m.spaceLine,""));e;){let r;if(this.options.extensions?.block?.some(s=>(r=s.call({lexer:this},e,t))?(e=e.substring(r.raw.length),t.push(r),!0):!1))continue;if(r=this.tokenizer.space(e)){e=e.substring(r.raw.length);let s=t.at(-1);r.raw.length===1&&s!==void 0?s.raw+=`
+`:t.push(r);continue}if(r=this.tokenizer.code(e)){e=e.substring(r.raw.length);let s=t.at(-1);s?.type==="paragraph"||s?.type==="text"?(s.raw+=(s.raw.endsWith(`
+`)?"":`
+`)+r.raw,s.text+=`
+`+r.text,this.inlineQueue.at(-1).src=s.text):t.push(r);continue}if(r=this.tokenizer.fences(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.heading(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.hr(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.blockquote(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.list(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.html(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.def(e)){e=e.substring(r.raw.length);let s=t.at(-1);s?.type==="paragraph"||s?.type==="text"?(s.raw+=(s.raw.endsWith(`
+`)?"":`
+`)+r.raw,s.text+=`
+`+r.raw,this.inlineQueue.at(-1).src=s.text):this.tokens.links[r.tag]||(this.tokens.links[r.tag]={href:r.href,title:r.title},t.push(r));continue}if(r=this.tokenizer.table(e)){e=e.substring(r.raw.length),t.push(r);continue}if(r=this.tokenizer.lheading(e)){e=e.substring(r.raw.length),t.push(r);continue}let i=e;if(this.options.extensions?.startBlock){let s=1/0,a=e.slice(1),o;this.options.extensions.startBlock.forEach(u=>{o=u.call({lexer:this},a),typeof o=="number"&&o>=0&&(s=Math.min(s,o))}),s<1/0&&s>=0&&(i=e.substring(0,s+1))}if(this.state.top&&(r=this.tokenizer.paragraph(i))){let s=t.at(-1);n&&s?.type==="paragraph"?(s.raw+=(s.raw.endsWith(`
+`)?"":`
+`)+r.raw,s.text+=`
+`+r.text,this.inlineQueue.pop(),this.inlineQueue.at(-1).src=s.text):t.push(r),n=i.length!==e.length,e=e.substring(r.raw.length);continue}if(r=this.tokenizer.text(e)){e=e.substring(r.raw.length);let s=t.at(-1);s?.type==="text"?(s.raw+=(s.raw.endsWith(`
+`)?"":`
+`)+r.raw,s.text+=`
+`+r.text,this.inlineQueue.pop(),this.inlineQueue.at(-1).src=s.text):t.push(r);continue}if(e){let s="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(s);break}else throw new Error(s)}}return this.state.top=!0,t}inline(e,t=[]){return this.inlineQueue.push({src:e,tokens:t}),t}inlineTokens(e,t=[]){let n=e,r=null;if(this.tokens.links){let o=Object.keys(this.tokens.links);if(o.length>0)for(;(r=this.tokenizer.rules.inline.reflinkSearch.exec(n))!=null;)o.includes(r[0].slice(r[0].lastIndexOf("[")+1,-1))&&(n=n.slice(0,r.index)+"["+"a".repeat(r[0].length-2)+"]"+n.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex))}for(;(r=this.tokenizer.rules.inline.anyPunctuation.exec(n))!=null;)n=n.slice(0,r.index)+"++"+n.slice(this.tokenizer.rules.inline.anyPunctuation.lastIndex);let i;for(;(r=this.tokenizer.rules.inline.blockSkip.exec(n))!=null;)i=r[2]?r[2].length:0,n=n.slice(0,r.index+i)+"["+"a".repeat(r[0].length-i-2)+"]"+n.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);n=this.options.hooks?.emStrongMask?.call({lexer:this},n)??n;let s=!1,a="";for(;e;){s||(a=""),s=!1;let o;if(this.options.extensions?.inline?.some(p=>(o=p.call({lexer:this},e,t))?(e=e.substring(o.raw.length),t.push(o),!0):!1))continue;if(o=this.tokenizer.escape(e)){e=e.substring(o.raw.length),t.push(o);continue}if(o=this.tokenizer.tag(e)){e=e.substring(o.raw.length),t.push(o);continue}if(o=this.tokenizer.link(e)){e=e.substring(o.raw.length),t.push(o);continue}if(o=this.tokenizer.reflink(e,this.tokens.links)){e=e.substring(o.raw.length);let p=t.at(-1);o.type==="text"&&p?.type==="text"?(p.raw+=o.raw,p.text+=o.text):t.push(o);continue}if(o=this.tokenizer.emStrong(e,n,a)){e=e.substring(o.raw.length),t.push(o);continue}if(o=this.tokenizer.codespan(e)){e=e.substring(o.raw.length),t.push(o);continue}if(o=this.tokenizer.br(e)){e=e.substring(o.raw.length),t.push(o);continue}if(o=this.tokenizer.del(e)){e=e.substring(o.raw.length),t.push(o);continue}if(o=this.tokenizer.autolink(e)){e=e.substring(o.raw.length),t.push(o);continue}if(!this.state.inLink&&(o=this.tokenizer.url(e))){e=e.substring(o.raw.length),t.push(o);continue}let u=e;if(this.options.extensions?.startInline){let p=1/0,c=e.slice(1),g;this.options.extensions.startInline.forEach(h=>{g=h.call({lexer:this},c),typeof g=="number"&&g>=0&&(p=Math.min(p,g))}),p<1/0&&p>=0&&(u=e.substring(0,p+1))}if(o=this.tokenizer.inlineText(u)){e=e.substring(o.raw.length),o.raw.slice(-1)!=="_"&&(a=o.raw.slice(-1)),s=!0;let p=t.at(-1);p?.type==="text"?(p.raw+=o.raw,p.text+=o.text):t.push(o);continue}if(e){let p="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(p);break}else throw new Error(p)}}return t}};var P=class{options;parser;constructor(e){this.options=e||T}space(e){return""}code({text:e,lang:t,escaped:n}){let r=(t||"").match(m.notSpaceStart)?.[0],i=e.replace(m.endingNewline,"")+`
+`;return r?'<pre><code class="language-'+w(r)+'">'+(n?i:w(i,!0))+`</code></pre>
+`:"<pre><code>"+(n?i:w(i,!0))+`</code></pre>
+`}blockquote({tokens:e}){return`<blockquote>
+${this.parser.parse(e)}</blockquote>
+`}html({text:e}){return e}def(e){return""}heading({tokens:e,depth:t}){return`<h${t}>${this.parser.parseInline(e)}</h${t}>
+`}hr(e){return`<hr>
+`}list(e){let t=e.ordered,n=e.start,r="";for(let a=0;a<e.items.length;a++){let o=e.items[a];r+=this.listitem(o)}let i=t?"ol":"ul",s=t&&n!==1?' start="'+n+'"':"";return"<"+i+s+`>
+`+r+"</"+i+`>
+`}listitem(e){return`<li>${this.parser.parse(e.tokens)}</li>
+`}checkbox({checked:e}){return"<input "+(e?'checked="" ':"")+'disabled="" type="checkbox"> '}paragraph({tokens:e}){return`<p>${this.parser.parseInline(e)}</p>
+`}table(e){let t="",n="";for(let i=0;i<e.header.length;i++)n+=this.tablecell(e.header[i]);t+=this.tablerow({text:n});let r="";for(let i=0;i<e.rows.length;i++){let s=e.rows[i];n="";for(let a=0;a<s.length;a++)n+=this.tablecell(s[a]);r+=this.tablerow({text:n})}return r&&(r=`<tbody>${r}</tbody>`),`<table>
+<thead>
+`+t+`</thead>
+`+r+`</table>
+`}tablerow({text:e}){return`<tr>
+${e}</tr>
+`}tablecell(e){let t=this.parser.parseInline(e.tokens),n=e.header?"th":"td";return(e.align?`<${n} align="${e.align}">`:`<${n}>`)+t+`</${n}>
+`}strong({tokens:e}){return`<strong>${this.parser.parseInline(e)}</strong>`}em({tokens:e}){return`<em>${this.parser.parseInline(e)}</em>`}codespan({text:e}){return`<code>${w(e,!0)}</code>`}br(e){return"<br>"}del({tokens:e}){return`<del>${this.parser.parseInline(e)}</del>`}link({href:e,title:t,tokens:n}){let r=this.parser.parseInline(n),i=J(e);if(i===null)return r;e=i;let s='<a href="'+e+'"';return t&&(s+=' title="'+w(t)+'"'),s+=">"+r+"</a>",s}image({href:e,title:t,text:n,tokens:r}){r&&(n=this.parser.parseInline(r,this.parser.textRenderer));let i=J(e);if(i===null)return w(n);e=i;let s=`<img src="${e}" alt="${n}"`;return t&&(s+=` title="${w(t)}"`),s+=">",s}text(e){return"tokens"in e&&e.tokens?this.parser.parseInline(e.tokens):"escaped"in e&&e.escaped?e.text:w(e.text)}};var $=class{strong({text:e}){return e}em({text:e}){return e}codespan({text:e}){return e}del({text:e}){return e}html({text:e}){return e}text({text:e}){return e}link({text:e}){return""+e}image({text:e}){return""+e}br(){return""}checkbox({raw:e}){return e}};var b=class l{options;renderer;textRenderer;constructor(e){this.options=e||T,this.options.renderer=this.options.renderer||new P,this.renderer=this.options.renderer,this.renderer.options=this.options,this.renderer.parser=this,this.textRenderer=new $}static parse(e,t){return new l(t).parse(e)}static parseInline(e,t){return new l(t).parseInline(e)}parse(e){let t="";for(let n=0;n<e.length;n++){let r=e[n];if(this.options.extensions?.renderers?.[r.type]){let s=r,a=this.options.extensions.renderers[s.type].call({parser:this},s);if(a!==!1||!["space","hr","heading","code","table","blockquote","list","html","def","paragraph","text"].includes(s.type)){t+=a||"";continue}}let i=r;switch(i.type){case"space":{t+=this.renderer.space(i);break}case"hr":{t+=this.renderer.hr(i);break}case"heading":{t+=this.renderer.heading(i);break}case"code":{t+=this.renderer.code(i);break}case"table":{t+=this.renderer.table(i);break}case"blockquote":{t+=this.renderer.blockquote(i);break}case"list":{t+=this.renderer.list(i);break}case"checkbox":{t+=this.renderer.checkbox(i);break}case"html":{t+=this.renderer.html(i);break}case"def":{t+=this.renderer.def(i);break}case"paragraph":{t+=this.renderer.paragraph(i);break}case"text":{t+=this.renderer.text(i);break}default:{let s='Token with "'+i.type+'" type was not found.';if(this.options.silent)return console.error(s),"";throw new Error(s)}}}return t}parseInline(e,t=this.renderer){let n="";for(let r=0;r<e.length;r++){let i=e[r];if(this.options.extensions?.renderers?.[i.type]){let a=this.options.extensions.renderers[i.type].call({parser:this},i);if(a!==!1||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(i.type)){n+=a||"";continue}}let s=i;switch(s.type){case"escape":{n+=t.text(s);break}case"html":{n+=t.html(s);break}case"link":{n+=t.link(s);break}case"image":{n+=t.image(s);break}case"checkbox":{n+=t.checkbox(s);break}case"strong":{n+=t.strong(s);break}case"em":{n+=t.em(s);break}case"codespan":{n+=t.codespan(s);break}case"br":{n+=t.br(s);break}case"del":{n+=t.del(s);break}case"text":{n+=t.text(s);break}default:{let a='Token with "'+s.type+'" type was not found.';if(this.options.silent)return console.error(a),"";throw new Error(a)}}}return n}};var S=class{options;block;constructor(e){this.options=e||T}static passThroughHooks=new Set(["preprocess","postprocess","processAllTokens","emStrongMask"]);static passThroughHooksRespectAsync=new Set(["preprocess","postprocess","processAllTokens"]);preprocess(e){return e}postprocess(e){return e}processAllTokens(e){return e}emStrongMask(e){return e}provideLexer(){return this.block?x.lex:x.lexInline}provideParser(){return this.block?b.parse:b.parseInline}};var A=class{defaults=_();options=this.setOptions;parse=this.parseMarkdown(!0);parseInline=this.parseMarkdown(!1);Parser=b;Renderer=P;TextRenderer=$;Lexer=x;Tokenizer=y;Hooks=S;constructor(...e){this.use(...e)}walkTokens(e,t){let n=[];for(let r of e)switch(n=n.concat(t.call(this,r)),r.type){case"table":{let i=r;for(let s of i.header)n=n.concat(this.walkTokens(s.tokens,t));for(let s of i.rows)for(let a of s)n=n.concat(this.walkTokens(a.tokens,t));break}case"list":{let i=r;n=n.concat(this.walkTokens(i.items,t));break}default:{let i=r;this.defaults.extensions?.childTokens?.[i.type]?this.defaults.extensions.childTokens[i.type].forEach(s=>{let a=i[s].flat(1/0);n=n.concat(this.walkTokens(a,t))}):i.tokens&&(n=n.concat(this.walkTokens(i.tokens,t)))}}return n}use(...e){let t=this.defaults.extensions||{renderers:{},childTokens:{}};return e.forEach(n=>{let r={...n};if(r.async=this.defaults.async||r.async||!1,n.extensions&&(n.extensions.forEach(i=>{if(!i.name)throw new Error("extension name required");if("renderer"in i){let s=t.renderers[i.name];s?t.renderers[i.name]=function(...a){let o=i.renderer.apply(this,a);return o===!1&&(o=s.apply(this,a)),o}:t.renderers[i.name]=i.renderer}if("tokenizer"in i){if(!i.level||i.level!=="block"&&i.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");let s=t[i.level];s?s.unshift(i.tokenizer):t[i.level]=[i.tokenizer],i.start&&(i.level==="block"?t.startBlock?t.startBlock.push(i.start):t.startBlock=[i.start]:i.level==="inline"&&(t.startInline?t.startInline.push(i.start):t.startInline=[i.start]))}"childTokens"in i&&i.childTokens&&(t.childTokens[i.name]=i.childTokens)}),r.extensions=t),n.renderer){let i=this.defaults.renderer||new P(this.defaults);for(let s in n.renderer){if(!(s in i))throw new Error(`renderer '${s}' does not exist`);if(["options","parser"].includes(s))continue;let a=s,o=n.renderer[a],u=i[a];i[a]=(...p)=>{let c=o.apply(i,p);return c===!1&&(c=u.apply(i,p)),c||""}}r.renderer=i}if(n.tokenizer){let i=this.defaults.tokenizer||new y(this.defaults);for(let s in n.tokenizer){if(!(s in i))throw new Error(`tokenizer '${s}' does not exist`);if(["options","rules","lexer"].includes(s))continue;let a=s,o=n.tokenizer[a],u=i[a];i[a]=(...p)=>{let c=o.apply(i,p);return c===!1&&(c=u.apply(i,p)),c}}r.tokenizer=i}if(n.hooks){let i=this.defaults.hooks||new S;for(let s in n.hooks){if(!(s in i))throw new Error(`hook '${s}' does not exist`);if(["options","block"].includes(s))continue;let a=s,o=n.hooks[a],u=i[a];S.passThroughHooks.has(s)?i[a]=p=>{if(this.defaults.async&&S.passThroughHooksRespectAsync.has(s))return(async()=>{let g=await o.call(i,p);return u.call(i,g)})();let c=o.call(i,p);return u.call(i,c)}:i[a]=(...p)=>{if(this.defaults.async)return(async()=>{let g=await o.apply(i,p);return g===!1&&(g=await u.apply(i,p)),g})();let c=o.apply(i,p);return c===!1&&(c=u.apply(i,p)),c}}r.hooks=i}if(n.walkTokens){let i=this.defaults.walkTokens,s=n.walkTokens;r.walkTokens=function(a){let o=[];return o.push(s.call(this,a)),i&&(o=o.concat(i.call(this,a))),o}}this.defaults={...this.defaults,...r}}),this}setOptions(e){return this.defaults={...this.defaults,...e},this}lexer(e,t){return x.lex(e,t??this.defaults)}parser(e,t){return b.parse(e,t??this.defaults)}parseMarkdown(e){return(n,r)=>{let i={...r},s={...this.defaults,...i},a=this.onError(!!s.silent,!!s.async);if(this.defaults.async===!0&&i.async===!1)return a(new Error("marked(): The async option was set to true by an extension. Remove async: false from the parse options object to return a Promise."));if(typeof n>"u"||n===null)return a(new Error("marked(): input parameter is undefined or null"));if(typeof n!="string")return a(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(n)+", string expected"));if(s.hooks&&(s.hooks.options=s,s.hooks.block=e),s.async)return(async()=>{let o=s.hooks?await s.hooks.preprocess(n):n,p=await(s.hooks?await s.hooks.provideLexer():e?x.lex:x.lexInline)(o,s),c=s.hooks?await s.hooks.processAllTokens(p):p;s.walkTokens&&await Promise.all(this.walkTokens(c,s.walkTokens));let h=await(s.hooks?await s.hooks.provideParser():e?b.parse:b.parseInline)(c,s);return s.hooks?await s.hooks.postprocess(h):h})().catch(a);try{s.hooks&&(n=s.hooks.preprocess(n));let u=(s.hooks?s.hooks.provideLexer():e?x.lex:x.lexInline)(n,s);s.hooks&&(u=s.hooks.processAllTokens(u)),s.walkTokens&&this.walkTokens(u,s.walkTokens);let c=(s.hooks?s.hooks.provideParser():e?b.parse:b.parseInline)(u,s);return s.hooks&&(c=s.hooks.postprocess(c)),c}catch(o){return a(o)}}}onError(e,t){return n=>{if(n.message+=`
+Please report this to https://github.com/markedjs/marked.`,e){let r="<p>An error occurred:</p><pre>"+w(n.message+"",!0)+"</pre>";return t?Promise.resolve(r):r}if(t)return Promise.reject(n);throw n}}};var L=new A;function d(l,e){return L.parse(l,e)}d.options=d.setOptions=function(l){return L.setOptions(l),d.defaults=L.defaults,G(d.defaults),d};d.getDefaults=_;d.defaults=T;d.use=function(...l){return L.use(...l),d.defaults=L.defaults,G(d.defaults),d};d.walkTokens=function(l,e){return L.walkTokens(l,e)};d.parseInline=L.parseInline;d.Parser=b;d.parser=b.parse;d.Renderer=P;d.TextRenderer=$;d.Lexer=x;d.lexer=x.lex;d.Tokenizer=y;d.Hooks=S;d.parse=d;var it=d.options,ot=d.setOptions,at=d.use,lt=d.walkTokens,ut=d.parseInline,pt=d,ct=b.parse,ht=x.lex;
+
+if(__exports != exports)module.exports = exports;return module.exports}));
+//# sourceMappingURL=marked.umd.js.map
diff --git a/dist/vendor/nostr-tools.LICENSE b/dist/vendor/nostr-tools.LICENSE
new file mode 100644
index 00000000..3c577b03
--- /dev/null
+++ b/dist/vendor/nostr-tools.LICENSE
@@ -0,0 +1,24 @@
+This is free and unencumbered software released into the public domain.
+
+Anyone is free to copy, modify, publish, use, compile, sell, or
+distribute this software, either in source code form or as a compiled
+binary, for any purpose, commercial or non-commercial, and by any
+means.
+
+In jurisdictions that recognize copyright laws, the author or authors
+of this software dedicate any and all copyright interest in the
+software to the public domain. We make this dedication for the benefit
+of the public at large and to the detriment of our heirs and
+successors. We intend this dedication to be an overt act of
+relinquishment in perpetuity of all present and future rights to this
+software under copyright law.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR
+OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
+ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.
+
+For more information, please refer to <https://unlicense.org>
\ No newline at end of file
diff --git a/dist/vendor/nostr-tools.bundle.min.js b/dist/vendor/nostr-tools.bundle.min.js
new file mode 100644
index 00000000..3ee1ffbd
--- /dev/null
+++ b/dist/vendor/nostr-tools.bundle.min.js
@@ -0,0 +1,8 @@
+/**
+ * Minified by jsDelivr using Terser v5.39.0.
+ * Original file: /npm/nostr-tools@2.17.0/lib/nostr.bundle.js
+ *
+ * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
+ */
+"use strict";var NostrTools=(()=>{var t=Object.defineProperty,e=Object.getOwnPropertyDescriptor,n=Object.getOwnPropertyNames,r=Object.prototype.hasOwnProperty,o=(e,n)=>{for(var r in n)t(e,r,{get:n[r],enumerable:!0})},i={};function s(t){if(!Number.isSafeInteger(t)||t<0)throw new Error(`Wrong positive integer: ${t}`)}function a(t,...e){if(!(t instanceof Uint8Array))throw new Error("Expected Uint8Array");if(e.length>0&&!e.includes(t.length))throw new Error(`Expected Uint8Array of length ${e}, not of length=${t.length}`)}function c(t,e=!0){if(t.destroyed)throw new Error("Hash instance has been destroyed");if(e&&t.finished)throw new Error("Hash#digest() has already been called")}o(i,{Relay:()=>Cr,SimplePool:()=>Mr,finalizeEvent:()=>qe,fj:()=>xr,generateSecretKey:()=>He,getEventHash:()=>_e,getFilterLimit:()=>vr,getPublicKey:()=>Ce,kinds:()=>je,matchFilter:()=>br,matchFilters:()=>mr,mergeFilters:()=>Er,nip04:()=>$o,nip05:()=>Ri,nip10:()=>Mi,nip11:()=>zi,nip13:()=>Ki,nip17:()=>Gi,nip18:()=>Zs,nip19:()=>jr,nip21:()=>Qs,nip25:()=>na,nip27:()=>ia,nip28:()=>ua,nip30:()=>ga,nip39:()=>va,nip42:()=>Lr,nip44:()=>Yi,nip47:()=>ka,nip54:()=>Ua,nip57:()=>Ta,nip59:()=>Ji,nip98:()=>Ha,parseReferences:()=>Ro,serializeEvent:()=>Ne,sortEvents:()=>de,utils:()=>Se,validateEvent:()=>fe,verifiedSymbol:()=>le,verifyEvent:()=>Me});var u="object"==typeof globalThis&&"crypto"in globalThis?globalThis.crypto:void 0,l=t=>t instanceof Uint8Array,h=t=>new DataView(t.buffer,t.byteOffset,t.byteLength),f=(t,e)=>t<<32-e|t>>>e;if(!(68===new Uint8Array(new Uint32Array([287454020]).buffer)[0]))throw new Error("Non little-endian hardware is not supported");function d(t){if("string"==typeof t&&(t=function(t){if("string"!=typeof t)throw new Error("utf8ToBytes expected string, got "+typeof t);return new Uint8Array((new TextEncoder).encode(t))}(t)),!l(t))throw new Error("expected Uint8Array, got "+typeof t);return t}var p=class{clone(){return this._cloneInto()}};function g(t){const e=e=>t().update(d(e)).digest(),n=t();return e.outputLen=n.outputLen,e.blockLen=n.blockLen,e.create=()=>t(),e}function y(t=32){if(u&&"function"==typeof u.getRandomValues)return u.getRandomValues(new Uint8Array(t));throw new Error("crypto.getRandomValues must be defined")}var w=class extends p{constructor(t,e,n,r){super(),this.blockLen=t,this.outputLen=e,this.padOffset=n,this.isLE=r,this.finished=!1,this.length=0,this.pos=0,this.destroyed=!1,this.buffer=new Uint8Array(t),this.view=h(this.buffer)}update(t){c(this);const{view:e,buffer:n,blockLen:r}=this,o=(t=d(t)).length;for(let i=0;i<o;){const s=Math.min(r-this.pos,o-i);if(s!==r)n.set(t.subarray(i,i+s),this.pos),this.pos+=s,i+=s,this.pos===r&&(this.process(e,0),this.pos=0);else{const e=h(t);for(;r<=o-i;i+=r)this.process(e,i)}}return this.length+=t.length,this.roundClean(),this}digestInto(t){c(this),function(t,e){a(t);const n=e.outputLen;if(t.length<n)throw new Error(`digestInto() expects output buffer of length at least ${n}`)}(t,this),this.finished=!0;const{buffer:e,view:n,blockLen:r,isLE:o}=this;let{pos:i}=this;e[i++]=128,this.buffer.subarray(i).fill(0),this.padOffset>r-i&&(this.process(n,0),i=0);for(let t=i;t<r;t++)e[t]=0;!function(t,e,n,r){if("function"==typeof t.setBigUint64)return t.setBigUint64(e,n,r);const o=BigInt(32),i=BigInt(4294967295),s=Number(n>>o&i),a=Number(n&i),c=r?4:0,u=r?0:4;t.setUint32(e+c,s,r),t.setUint32(e+u,a,r)}(n,r-8,BigInt(8*this.length),o),this.process(n,0);const s=h(t),u=this.outputLen;if(u%4)throw new Error("_sha2: outputLen should be aligned to 32bit");const l=u/4,f=this.get();if(l>f.length)throw new Error("_sha2: outputLen bigger than state");for(let t=0;t<l;t++)s.setUint32(4*t,f[t],o)}digest(){const{buffer:t,outputLen:e}=this;this.digestInto(t);const n=t.slice(0,e);return this.destroy(),n}_cloneInto(t){t||(t=new this.constructor),t.set(...this.get());const{blockLen:e,buffer:n,length:r,finished:o,destroyed:i,pos:s}=this;return t.length=r,t.pos=s,t.finished=o,t.destroyed=i,r%e&&t.buffer.set(n),t}},b=(t,e,n)=>t&e^t&n^e&n,m=new Uint32Array([1116352408,1899447441,3049323471,3921009573,961987163,1508970993,2453635748,2870763221,3624381080,310598401,607225278,1426881987,1925078388,2162078206,2614888103,3248222580,3835390401,4022224774,264347078,604807628,770255983,1249150122,1555081692,1996064986,2554220882,2821834349,2952996808,3210313671,3336571891,3584528711,113926993,338241895,666307205,773529912,1294757372,1396182291,1695183700,1986661051,2177026350,2456956037,2730485921,2820302411,3259730800,3345764771,3516065817,3600352804,4094571909,275423344,430227734,506948616,659060556,883997877,958139571,1322822218,1537002063,1747873779,1955562222,2024104815,2227730452,2361852424,2428436474,2756734187,3204031479,3329325298]),E=new Uint32Array([1779033703,3144134277,1013904242,2773480762,1359893119,2600822924,528734635,1541459225]),v=new Uint32Array(64),x=class extends w{constructor(){super(64,32,8,!1),this.A=0|E[0],this.B=0|E[1],this.C=0|E[2],this.D=0|E[3],this.E=0|E[4],this.F=0|E[5],this.G=0|E[6],this.H=0|E[7]}get(){const{A:t,B:e,C:n,D:r,E:o,F:i,G:s,H:a}=this;return[t,e,n,r,o,i,s,a]}set(t,e,n,r,o,i,s,a){this.A=0|t,this.B=0|e,this.C=0|n,this.D=0|r,this.E=0|o,this.F=0|i,this.G=0|s,this.H=0|a}process(t,e){for(let n=0;n<16;n++,e+=4)v[n]=t.getUint32(e,!1);for(let t=16;t<64;t++){const e=v[t-15],n=v[t-2],r=f(e,7)^f(e,18)^e>>>3,o=f(n,17)^f(n,19)^n>>>10;v[t]=o+v[t-7]+r+v[t-16]|0}let{A:n,B:r,C:o,D:i,E:s,F:a,G:c,H:u}=this;for(let t=0;t<64;t++){const e=u+(f(s,6)^f(s,11)^f(s,25))+((l=s)&a^~l&c)+m[t]+v[t]|0,h=(f(n,2)^f(n,13)^f(n,22))+b(n,r,o)|0;u=c,c=a,a=s,s=i+e|0,i=o,o=r,r=n,n=e+h|0}var l;n=n+this.A|0,r=r+this.B|0,o=o+this.C|0,i=i+this.D|0,s=s+this.E|0,a=a+this.F|0,c=c+this.G|0,u=u+this.H|0,this.set(n,r,o,i,s,a,c,u)}roundClean(){v.fill(0)}destroy(){this.set(0,0,0,0,0,0,0,0),this.buffer.fill(0)}},A=g((()=>new x)),k={};o(k,{bitGet:()=>F,bitLen:()=>D,bitMask:()=>W,bitSet:()=>K,bytesToHex:()=>T,bytesToNumberBE:()=>N,bytesToNumberLE:()=>_,concatBytes:()=>M,createHmacDrbg:()=>G,ensureBytes:()=>q,equalBytes:()=>j,hexToBytes:()=>$,hexToNumber:()=>R,numberToBytesBE:()=>P,numberToBytesLE:()=>H,numberToHexUnpadded:()=>O,numberToVarBytesBE:()=>C,utf8ToBytes:()=>z,validateObject:()=>Y});var S=BigInt(0),B=BigInt(1),U=BigInt(2),I=t=>t instanceof Uint8Array,L=Array.from({length:256},((t,e)=>e.toString(16).padStart(2,"0")));function T(t){if(!I(t))throw new Error("Uint8Array expected");let e="";for(let n=0;n<t.length;n++)e+=L[t[n]];return e}function O(t){const e=t.toString(16);return 1&e.length?`0${e}`:e}function R(t){if("string"!=typeof t)throw new Error("hex string expected, got "+typeof t);return BigInt(""===t?"0":`0x${t}`)}function $(t){if("string"!=typeof t)throw new Error("hex string expected, got "+typeof t);const e=t.length;if(e%2)throw new Error("padded hex string expected, got unpadded hex of length "+e);const n=new Uint8Array(e/2);for(let e=0;e<n.length;e++){const r=2*e,o=t.slice(r,r+2),i=Number.parseInt(o,16);if(Number.isNaN(i)||i<0)throw new Error("Invalid byte sequence");n[e]=i}return n}function N(t){return R(T(t))}function _(t){if(!I(t))throw new Error("Uint8Array expected");return R(T(Uint8Array.from(t).reverse()))}function P(t,e){return $(t.toString(16).padStart(2*e,"0"))}function H(t,e){return P(t,e).reverse()}function C(t){return $(O(t))}function q(t,e,n){let r;if("string"==typeof e)try{r=$(e)}catch(n){throw new Error(`${t} must be valid hex string, got "${e}". Cause: ${n}`)}else{if(!I(e))throw new Error(`${t} must be hex string or Uint8Array`);r=Uint8Array.from(e)}const o=r.length;if("number"==typeof n&&o!==n)throw new Error(`${t} expected ${n} bytes, got ${o}`);return r}function M(...t){const e=new Uint8Array(t.reduce(((t,e)=>t+e.length),0));let n=0;return t.forEach((t=>{if(!I(t))throw new Error("Uint8Array expected");e.set(t,n),n+=t.length})),e}function j(t,e){if(t.length!==e.length)return!1;for(let n=0;n<t.length;n++)if(t[n]!==e[n])return!1;return!0}function z(t){if("string"!=typeof t)throw new Error("utf8ToBytes expected string, got "+typeof t);return new Uint8Array((new TextEncoder).encode(t))}function D(t){let e;for(e=0;t>S;t>>=B,e+=1);return e}function F(t,e){return t>>BigInt(e)&B}var K=(t,e,n)=>t|(n?B:S)<<BigInt(e),W=t=>(U<<BigInt(t-1))-B,V=t=>new Uint8Array(t),Z=t=>Uint8Array.from(t);function G(t,e,n){if("number"!=typeof t||t<2)throw new Error("hashLen must be a number");if("number"!=typeof e||e<2)throw new Error("qByteLen must be a number");if("function"!=typeof n)throw new Error("hmacFn must be a function");let r=V(t),o=V(t),i=0;const s=()=>{r.fill(1),o.fill(0),i=0},a=(...t)=>n(o,r,...t),c=(t=V())=>{o=a(Z([0]),t),r=a(),0!==t.length&&(o=a(Z([1]),t),r=a())},u=()=>{if(i++>=1e3)throw new Error("drbg: tried 1000 values");let t=0;const n=[];for(;t<e;){r=a();const e=r.slice();n.push(e),t+=r.length}return M(...n)};return(t,e)=>{let n;for(s(),c(t);!(n=e(u()));)c();return s(),n}}var J={bigint:t=>"bigint"==typeof t,function:t=>"function"==typeof t,boolean:t=>"boolean"==typeof t,string:t=>"string"==typeof t,stringOrUint8Array:t=>"string"==typeof t||t instanceof Uint8Array,isSafeInteger:t=>Number.isSafeInteger(t),array:t=>Array.isArray(t),field:(t,e)=>e.Fp.isValid(t),hash:t=>"function"==typeof t&&Number.isSafeInteger(t.outputLen)};function Y(t,e,n={}){const r=(e,n,r)=>{const o=J[n];if("function"!=typeof o)throw new Error(`Invalid validator "${n}", expected function`);const i=t[e];if(!(r&&void 0===i||o(i,t)))throw new Error(`Invalid param ${String(e)}=${i} (${typeof i}), expected ${n}`)};for(const[t,n]of Object.entries(e))r(t,n,!1);for(const[t,e]of Object.entries(n))r(t,e,!0);return t}var Q=BigInt(0),X=BigInt(1),tt=BigInt(2),et=BigInt(3),nt=BigInt(4),rt=BigInt(5),ot=BigInt(8);BigInt(9),BigInt(16);function it(t,e){const n=t%e;return n>=Q?n:e+n}function st(t,e,n){if(n<=Q||e<Q)throw new Error("Expected power/modulo > 0");if(n===X)return Q;let r=X;for(;e>Q;)e&X&&(r=r*t%n),t=t*t%n,e>>=X;return r}function at(t,e,n){let r=t;for(;e-- >Q;)r*=r,r%=n;return r}function ct(t,e){if(t===Q||e<=Q)throw new Error(`invert: expected positive integers, got n=${t} mod=${e}`);let n=it(t,e),r=e,o=Q,i=X,s=X,a=Q;for(;n!==Q;){const t=r/n,e=r%n,c=o-s*t,u=i-a*t;r=n,n=e,o=s,i=a,s=c,a=u}if(r!==X)throw new Error("invert: does not exist");return it(o,e)}function ut(t){if(t%nt===et){const e=(t+X)/nt;return function(t,n){const r=t.pow(n,e);if(!t.eql(t.sqr(r),n))throw new Error("Cannot find square root");return r}}if(t%ot===rt){const e=(t-rt)/ot;return function(t,n){const r=t.mul(n,tt),o=t.pow(r,e),i=t.mul(n,o),s=t.mul(t.mul(i,tt),o),a=t.mul(i,t.sub(s,t.ONE));if(!t.eql(t.sqr(a),n))throw new Error("Cannot find square root");return a}}return function(t){const e=(t-X)/tt;let n,r,o;for(n=t-X,r=0;n%tt===Q;n/=tt,r++);for(o=tt;o<t&&st(o,e,t)!==t-X;o++);if(1===r){const e=(t+X)/nt;return function(t,n){const r=t.pow(n,e);if(!t.eql(t.sqr(r),n))throw new Error("Cannot find square root");return r}}const i=(n+X)/tt;return function(t,s){if(t.pow(s,e)===t.neg(t.ONE))throw new Error("Cannot find square root");let a=r,c=t.pow(t.mul(t.ONE,o),n),u=t.pow(s,i),l=t.pow(s,n);for(;!t.eql(l,t.ONE);){if(t.eql(l,t.ZERO))return t.ZERO;let e=1;for(let n=t.sqr(l);e<a&&!t.eql(n,t.ONE);e++)n=t.sqr(n);const n=t.pow(c,X<<BigInt(a-e-1));c=t.sqr(n),u=t.mul(u,n),l=t.mul(l,c),a=e}return u}}(t)}var lt=["create","isValid","is0","neg","inv","sqrt","sqr","eql","add","sub","mul","pow","div","addN","subN","mulN","sqrN"];function ht(t,e){const n=void 0!==e?e:t.toString(2).length;return{nBitLength:n,nByteLength:Math.ceil(n/8)}}function ft(t){if("bigint"!=typeof t)throw new Error("field order must be bigint");const e=t.toString(2).length;return Math.ceil(e/8)}function dt(t){const e=ft(t);return e+Math.ceil(e/2)}var pt=BigInt(0),gt=BigInt(1);function yt(t){return Y(t.Fp,lt.reduce(((t,e)=>(t[e]="function",t)),{ORDER:"bigint",MASK:"bigint",BYTES:"isSafeInteger",BITS:"isSafeInteger"})),Y(t,{n:"bigint",h:"bigint",Gx:"field",Gy:"field"},{nBitLength:"isSafeInteger",nByteLength:"isSafeInteger"}),Object.freeze({...ht(t.n,t.nBitLength),...t,p:t.Fp.ORDER})}var{bytesToNumberBE:wt,hexToBytes:bt}=k,mt={Err:class extends Error{constructor(t=""){super(t)}},_parseInt(t){const{Err:e}=mt;if(t.length<2||2!==t[0])throw new e("Invalid signature integer tag");const n=t[1],r=t.subarray(2,n+2);if(!n||r.length!==n)throw new e("Invalid signature integer: wrong length");if(128&r[0])throw new e("Invalid signature integer: negative");if(0===r[0]&&!(128&r[1]))throw new e("Invalid signature integer: unnecessary leading zero");return{d:wt(r),l:t.subarray(n+2)}},toSig(t){const{Err:e}=mt,n="string"==typeof t?bt(t):t;if(!(n instanceof Uint8Array))throw new Error("ui8a expected");let r=n.length;if(r<2||48!=n[0])throw new e("Invalid signature tag");if(n[1]!==r-2)throw new e("Invalid signature: incorrect length");const{d:o,l:i}=mt._parseInt(n.subarray(2)),{d:s,l:a}=mt._parseInt(i);if(a.length)throw new e("Invalid signature: left bytes after parsing");return{r:o,s:s}},hexFromSig(t){const e=t=>8&Number.parseInt(t[0],16)?"00"+t:t,n=t=>{const e=t.toString(16);return 1&e.length?`0${e}`:e},r=e(n(t.s)),o=e(n(t.r)),i=r.length/2,s=o.length/2,a=n(i),c=n(s);return`30${n(s+i+4)}02${c}${o}02${a}${r}`}},Et=BigInt(0),vt=BigInt(1),xt=(BigInt(2),BigInt(3));BigInt(4);function At(t){const e=function(t){const e=yt(t);Y(e,{a:"field",b:"field"},{allowedPrivateKeyLengths:"array",wrapPrivateKey:"boolean",isTorsionFree:"function",clearCofactor:"function",allowInfinityPoint:"boolean",fromBytes:"function",toBytes:"function"});const{endo:n,Fp:r,a:o}=e;if(n){if(!r.eql(o,r.ZERO))throw new Error("Endomorphism can only be defined for Koblitz curves that have a=0");if("object"!=typeof n||"bigint"!=typeof n.beta||"function"!=typeof n.splitScalar)throw new Error("Expected endomorphism with beta: bigint and splitScalar: function")}return Object.freeze({...e})}(t),{Fp:n}=e,r=e.toBytes||((t,e,r)=>{const o=e.toAffine();return M(Uint8Array.from([4]),n.toBytes(o.x),n.toBytes(o.y))}),o=e.fromBytes||(t=>{const e=t.subarray(1);return{x:n.fromBytes(e.subarray(0,n.BYTES)),y:n.fromBytes(e.subarray(n.BYTES,2*n.BYTES))}});function i(t){const{a:r,b:o}=e,i=n.sqr(t),s=n.mul(i,t);return n.add(n.add(s,n.mul(t,r)),o)}if(!n.eql(n.sqr(e.Gy),i(e.Gx)))throw new Error("bad generator point: equation left != right");function s(t){return"bigint"==typeof t&&Et<t&&t<e.n}function a(t){if(!s(t))throw new Error("Expected valid bigint: 0 < bigint < curve.n")}function c(t){const{allowedPrivateKeyLengths:n,nByteLength:r,wrapPrivateKey:o,n:i}=e;if(n&&"bigint"!=typeof t){if(t instanceof Uint8Array&&(t=T(t)),"string"!=typeof t||!n.includes(t.length))throw new Error("Invalid key");t=t.padStart(2*r,"0")}let s;try{s="bigint"==typeof t?t:N(q("private key",t,r))}catch(e){throw new Error(`private key must be ${r} bytes, hex or bigint, not ${typeof t}`)}return o&&(s=it(s,i)),a(s),s}const u=new Map;function l(t){if(!(t instanceof h))throw new Error("ProjectivePoint expected")}class h{constructor(t,e,r){if(this.px=t,this.py=e,this.pz=r,null==t||!n.isValid(t))throw new Error("x required");if(null==e||!n.isValid(e))throw new Error("y required");if(null==r||!n.isValid(r))throw new Error("z required")}static fromAffine(t){const{x:e,y:r}=t||{};if(!t||!n.isValid(e)||!n.isValid(r))throw new Error("invalid affine point");if(t instanceof h)throw new Error("projective point not allowed");const o=t=>n.eql(t,n.ZERO);return o(e)&&o(r)?h.ZERO:new h(e,r,n.ONE)}get x(){return this.toAffine().x}get y(){return this.toAffine().y}static normalizeZ(t){const e=n.invertBatch(t.map((t=>t.pz)));return t.map(((t,n)=>t.toAffine(e[n]))).map(h.fromAffine)}static fromHex(t){const e=h.fromAffine(o(q("pointHex",t)));return e.assertValidity(),e}static fromPrivateKey(t){return h.BASE.multiply(c(t))}_setWindowSize(t){this._WINDOW_SIZE=t,u.delete(this)}assertValidity(){if(this.is0()){if(e.allowInfinityPoint&&!n.is0(this.py))return;throw new Error("bad point: ZERO")}const{x:t,y:r}=this.toAffine();if(!n.isValid(t)||!n.isValid(r))throw new Error("bad point: x or y not FE");const o=n.sqr(r),s=i(t);if(!n.eql(o,s))throw new Error("bad point: equation left != right");if(!this.isTorsionFree())throw new Error("bad point: not in prime-order subgroup")}hasEvenY(){const{y:t}=this.toAffine();if(n.isOdd)return!n.isOdd(t);throw new Error("Field doesn't support isOdd")}equals(t){l(t);const{px:e,py:r,pz:o}=this,{px:i,py:s,pz:a}=t,c=n.eql(n.mul(e,a),n.mul(i,o)),u=n.eql(n.mul(r,a),n.mul(s,o));return c&&u}negate(){return new h(this.px,n.neg(this.py),this.pz)}double(){const{a:t,b:r}=e,o=n.mul(r,xt),{px:i,py:s,pz:a}=this;let c=n.ZERO,u=n.ZERO,l=n.ZERO,f=n.mul(i,i),d=n.mul(s,s),p=n.mul(a,a),g=n.mul(i,s);return g=n.add(g,g),l=n.mul(i,a),l=n.add(l,l),c=n.mul(t,l),u=n.mul(o,p),u=n.add(c,u),c=n.sub(d,u),u=n.add(d,u),u=n.mul(c,u),c=n.mul(g,c),l=n.mul(o,l),p=n.mul(t,p),g=n.sub(f,p),g=n.mul(t,g),g=n.add(g,l),l=n.add(f,f),f=n.add(l,f),f=n.add(f,p),f=n.mul(f,g),u=n.add(u,f),p=n.mul(s,a),p=n.add(p,p),f=n.mul(p,g),c=n.sub(c,f),l=n.mul(p,d),l=n.add(l,l),l=n.add(l,l),new h(c,u,l)}add(t){l(t);const{px:r,py:o,pz:i}=this,{px:s,py:a,pz:c}=t;let u=n.ZERO,f=n.ZERO,d=n.ZERO;const p=e.a,g=n.mul(e.b,xt);let y=n.mul(r,s),w=n.mul(o,a),b=n.mul(i,c),m=n.add(r,o),E=n.add(s,a);m=n.mul(m,E),E=n.add(y,w),m=n.sub(m,E),E=n.add(r,i);let v=n.add(s,c);return E=n.mul(E,v),v=n.add(y,b),E=n.sub(E,v),v=n.add(o,i),u=n.add(a,c),v=n.mul(v,u),u=n.add(w,b),v=n.sub(v,u),d=n.mul(p,E),u=n.mul(g,b),d=n.add(u,d),u=n.sub(w,d),d=n.add(w,d),f=n.mul(u,d),w=n.add(y,y),w=n.add(w,y),b=n.mul(p,b),E=n.mul(g,E),w=n.add(w,b),b=n.sub(y,b),b=n.mul(p,b),E=n.add(E,b),y=n.mul(w,E),f=n.add(f,y),y=n.mul(v,E),u=n.mul(m,u),u=n.sub(u,y),y=n.mul(m,w),d=n.mul(v,d),d=n.add(d,y),new h(u,f,d)}subtract(t){return this.add(t.negate())}is0(){return this.equals(h.ZERO)}wNAF(t){return d.wNAFCached(this,u,t,(t=>{const e=n.invertBatch(t.map((t=>t.pz)));return t.map(((t,n)=>t.toAffine(e[n]))).map(h.fromAffine)}))}multiplyUnsafe(t){const r=h.ZERO;if(t===Et)return r;if(a(t),t===vt)return this;const{endo:o}=e;if(!o)return d.unsafeLadder(this,t);let{k1neg:i,k1:s,k2neg:c,k2:u}=o.splitScalar(t),l=r,f=r,p=this;for(;s>Et||u>Et;)s&vt&&(l=l.add(p)),u&vt&&(f=f.add(p)),p=p.double(),s>>=vt,u>>=vt;return i&&(l=l.negate()),c&&(f=f.negate()),f=new h(n.mul(f.px,o.beta),f.py,f.pz),l.add(f)}multiply(t){a(t);let r,o,i=t;const{endo:s}=e;if(s){const{k1neg:t,k1:e,k2neg:a,k2:c}=s.splitScalar(i);let{p:u,f:l}=this.wNAF(e),{p:f,f:p}=this.wNAF(c);u=d.constTimeNegate(t,u),f=d.constTimeNegate(a,f),f=new h(n.mul(f.px,s.beta),f.py,f.pz),r=u.add(f),o=l.add(p)}else{const{p:t,f:e}=this.wNAF(i);r=t,o=e}return h.normalizeZ([r,o])[0]}multiplyAndAddUnsafe(t,e,n){const r=h.BASE,o=(t,e)=>e!==Et&&e!==vt&&t.equals(r)?t.multiply(e):t.multiplyUnsafe(e),i=o(this,e).add(o(t,n));return i.is0()?void 0:i}toAffine(t){const{px:e,py:r,pz:o}=this,i=this.is0();null==t&&(t=i?n.ONE:n.inv(o));const s=n.mul(e,t),a=n.mul(r,t),c=n.mul(o,t);if(i)return{x:n.ZERO,y:n.ZERO};if(!n.eql(c,n.ONE))throw new Error("invZ was invalid");return{x:s,y:a}}isTorsionFree(){const{h:t,isTorsionFree:n}=e;if(t===vt)return!0;if(n)return n(h,this);throw new Error("isTorsionFree() has not been declared for the elliptic curve")}clearCofactor(){const{h:t,clearCofactor:n}=e;return t===vt?this:n?n(h,this):this.multiplyUnsafe(e.h)}toRawBytes(t=!0){return this.assertValidity(),r(h,this,t)}toHex(t=!0){return T(this.toRawBytes(t))}}h.BASE=new h(e.Gx,e.Gy,n.ONE),h.ZERO=new h(n.ZERO,n.ONE,n.ZERO);const f=e.nBitLength,d=function(t,e){const n=(t,e)=>{const n=e.negate();return t?n:e},r=t=>({windows:Math.ceil(e/t)+1,windowSize:2**(t-1)});return{constTimeNegate:n,unsafeLadder(e,n){let r=t.ZERO,o=e;for(;n>pt;)n&gt&&(r=r.add(o)),o=o.double(),n>>=gt;return r},precomputeWindow(t,e){const{windows:n,windowSize:o}=r(e),i=[];let s=t,a=s;for(let t=0;t<n;t++){a=s,i.push(a);for(let t=1;t<o;t++)a=a.add(s),i.push(a);s=a.double()}return i},wNAF(e,o,i){const{windows:s,windowSize:a}=r(e);let c=t.ZERO,u=t.BASE;const l=BigInt(2**e-1),h=2**e,f=BigInt(e);for(let t=0;t<s;t++){const e=t*a;let r=Number(i&l);i>>=f,r>a&&(r-=h,i+=gt);const s=e,d=e+Math.abs(r)-1,p=t%2!=0,g=r<0;0===r?u=u.add(n(p,o[s])):c=c.add(n(g,o[d]))}return{p:c,f:u}},wNAFCached(t,e,n,r){const o=t._WINDOW_SIZE||1;let i=e.get(t);return i||(i=this.precomputeWindow(t,o),1!==o&&e.set(t,r(i))),this.wNAF(o,i,n)}}}(h,e.endo?Math.ceil(f/2):f);return{CURVE:e,ProjectivePoint:h,normPrivateKeyToScalar:c,weierstrassEquation:i,isWithinCurveOrder:s}}function kt(t){const e=function(t){const e=yt(t);return Y(e,{hash:"hash",hmac:"function",randomBytes:"function"},{bits2int:"function",bits2int_modN:"function",lowS:"boolean"}),Object.freeze({lowS:!0,...e})}(t),{Fp:n,n:r}=e,o=n.BYTES+1,i=2*n.BYTES+1;function s(t){return it(t,r)}function a(t){return ct(t,r)}const{ProjectivePoint:c,normPrivateKeyToScalar:u,weierstrassEquation:l,isWithinCurveOrder:h}=At({...e,toBytes(t,e,r){const o=e.toAffine(),i=n.toBytes(o.x),s=M;return r?s(Uint8Array.from([e.hasEvenY()?2:3]),i):s(Uint8Array.from([4]),i,n.toBytes(o.y))},fromBytes(t){const e=t.length,r=t[0],s=t.subarray(1);if(e!==o||2!==r&&3!==r){if(e===i&&4===r){return{x:n.fromBytes(s.subarray(0,n.BYTES)),y:n.fromBytes(s.subarray(n.BYTES,2*n.BYTES))}}throw new Error(`Point of length ${e} was invalid. Expected ${o} compressed bytes or ${i} uncompressed bytes`)}{const t=N(s);if(!(Et<(a=t)&&a<n.ORDER))throw new Error("Point is not on curve");const e=l(t);let o=n.sqrt(e);return!(1&~r)!==((o&vt)===vt)&&(o=n.neg(o)),{x:t,y:o}}var a}}),f=t=>T(P(t,e.nByteLength));function d(t){return t>r>>vt}const p=(t,e,n)=>N(t.slice(e,n));class g{constructor(t,e,n){this.r=t,this.s=e,this.recovery=n,this.assertValidity()}static fromCompact(t){const n=e.nByteLength;return t=q("compactSignature",t,2*n),new g(p(t,0,n),p(t,n,2*n))}static fromDER(t){const{r:e,s:n}=mt.toSig(q("DER",t));return new g(e,n)}assertValidity(){if(!h(this.r))throw new Error("r must be 0 < r < CURVE.n");if(!h(this.s))throw new Error("s must be 0 < s < CURVE.n")}addRecoveryBit(t){return new g(this.r,this.s,t)}recoverPublicKey(t){const{r:r,s:o,recovery:i}=this,u=m(q("msgHash",t));if(null==i||![0,1,2,3].includes(i))throw new Error("recovery id invalid");const l=2===i||3===i?r+e.n:r;if(l>=n.ORDER)throw new Error("recovery id 2 or 3 invalid");const h=1&i?"03":"02",d=c.fromHex(h+f(l)),p=a(l),g=s(-u*p),y=s(o*p),w=c.BASE.multiplyAndAddUnsafe(d,g,y);if(!w)throw new Error("point at infinify");return w.assertValidity(),w}hasHighS(){return d(this.s)}normalizeS(){return this.hasHighS()?new g(this.r,s(-this.s),this.recovery):this}toDERRawBytes(){return $(this.toDERHex())}toDERHex(){return mt.hexFromSig({r:this.r,s:this.s})}toCompactRawBytes(){return $(this.toCompactHex())}toCompactHex(){return f(this.r)+f(this.s)}}const y={isValidPrivateKey(t){try{return u(t),!0}catch(t){return!1}},normPrivateKeyToScalar:u,randomPrivateKey:()=>{const t=dt(e.n);return function(t,e,n=!1){const r=t.length,o=ft(e),i=dt(e);if(r<16||r<i||r>1024)throw new Error(`expected ${i}-1024 bytes of input, got ${r}`);const s=it(n?N(t):_(t),e-X)+X;return n?H(s,o):P(s,o)}(e.randomBytes(t),e.n)},precompute:(t=8,e=c.BASE)=>(e._setWindowSize(t),e.multiply(BigInt(3)),e)};function w(t){const e=t instanceof Uint8Array,n="string"==typeof t,r=(e||n)&&t.length;return e?r===o||r===i:n?r===2*o||r===2*i:t instanceof c}const b=e.bits2int||function(t){const n=N(t),r=8*t.length-e.nBitLength;return r>0?n>>BigInt(r):n},m=e.bits2int_modN||function(t){return s(b(t))},E=W(e.nBitLength);function v(t){if("bigint"!=typeof t)throw new Error("bigint expected");if(!(Et<=t&&t<E))throw new Error(`bigint expected < 2^${e.nBitLength}`);return P(t,e.nByteLength)}function x(t,r,o=A){if(["recovered","canonical"].some((t=>t in o)))throw new Error("sign() legacy options not supported");const{hash:i,randomBytes:l}=e;let{lowS:f,prehash:p,extraEntropy:y}=o;null==f&&(f=!0),t=q("msgHash",t),p&&(t=q("prehashed msgHash",i(t)));const w=m(t),E=u(r),x=[v(E),v(w)];if(null!=y){const t=!0===y?l(n.BYTES):y;x.push(q("extraEntropy",t))}const k=M(...x),S=w;return{seed:k,k2sig:function(t){const e=b(t);if(!h(e))return;const n=a(e),r=c.BASE.multiply(e).toAffine(),o=s(r.x);if(o===Et)return;const i=s(n*s(S+o*E));if(i===Et)return;let u=(r.x===o?0:2)|Number(r.y&vt),l=i;return f&&d(i)&&(l=function(t){return d(t)?s(-t):t}(i),u^=1),new g(o,l,u)}}}const A={lowS:e.lowS,prehash:!1},k={lowS:e.lowS,prehash:!1};return c.BASE._setWindowSize(8),{CURVE:e,getPublicKey:function(t,e=!0){return c.fromPrivateKey(t).toRawBytes(e)},getSharedSecret:function(t,e,n=!0){if(w(t))throw new Error("first arg must be private key");if(!w(e))throw new Error("second arg must be public key");return c.fromHex(e).multiply(u(t)).toRawBytes(n)},sign:function(t,n,r=A){const{seed:o,k2sig:i}=x(t,n,r),s=e;return G(s.hash.outputLen,s.nByteLength,s.hmac)(o,i)},verify:function(t,n,r,o=k){const i=t;if(n=q("msgHash",n),r=q("publicKey",r),"strict"in o)throw new Error("options.strict was renamed to lowS");const{lowS:u,prehash:l}=o;let h,f;try{if("string"==typeof i||i instanceof Uint8Array)try{h=g.fromDER(i)}catch(t){if(!(t instanceof mt.Err))throw t;h=g.fromCompact(i)}else{if("object"!=typeof i||"bigint"!=typeof i.r||"bigint"!=typeof i.s)throw new Error("PARSE");{const{r:t,s:e}=i;h=new g(t,e)}}f=c.fromHex(r)}catch(t){if("PARSE"===t.message)throw new Error("signature must be Signature instance, Uint8Array or hex string");return!1}if(u&&h.hasHighS())return!1;l&&(n=e.hash(n));const{r:d,s:p}=h,y=m(n),w=a(p),b=s(y*w),E=s(d*w),v=c.BASE.multiplyAndAddUnsafe(f,b,E)?.toAffine();return!!v&&s(v.x)===d},ProjectivePoint:c,Signature:g,utils:y}}var St=class extends p{constructor(t,e){super(),this.finished=!1,this.destroyed=!1,function(t){if("function"!=typeof t||"function"!=typeof t.create)throw new Error("Hash should be wrapped by utils.wrapConstructor");s(t.outputLen),s(t.blockLen)}(t);const n=d(e);if(this.iHash=t.create(),"function"!=typeof this.iHash.update)throw new Error("Expected instance of class which extends utils.Hash");this.blockLen=this.iHash.blockLen,this.outputLen=this.iHash.outputLen;const r=this.blockLen,o=new Uint8Array(r);o.set(n.length>r?t.create().update(n).digest():n);for(let t=0;t<o.length;t++)o[t]^=54;this.iHash.update(o),this.oHash=t.create();for(let t=0;t<o.length;t++)o[t]^=106;this.oHash.update(o),o.fill(0)}update(t){return c(this),this.iHash.update(t),this}digestInto(t){c(this),a(t,this.outputLen),this.finished=!0,this.iHash.digestInto(t),this.oHash.update(t),this.oHash.digestInto(t),this.destroy()}digest(){const t=new Uint8Array(this.oHash.outputLen);return this.digestInto(t),t}_cloneInto(t){t||(t=Object.create(Object.getPrototypeOf(this),{}));const{oHash:e,iHash:n,finished:r,destroyed:o,blockLen:i,outputLen:s}=this;return t.finished=r,t.destroyed=o,t.blockLen=i,t.outputLen=s,t.oHash=e._cloneInto(t.oHash),t.iHash=n._cloneInto(t.iHash),t}destroy(){this.destroyed=!0,this.oHash.destroy(),this.iHash.destroy()}},Bt=(t,e,n)=>new St(t,e).update(n).digest();function Ut(t){return{hash:t,hmac:(e,...n)=>Bt(t,e,function(...t){const e=new Uint8Array(t.reduce(((t,e)=>t+e.length),0));let n=0;return t.forEach((t=>{if(!l(t))throw new Error("Uint8Array expected");e.set(t,n),n+=t.length})),e}(...n)),randomBytes:y}}Bt.create=(t,e)=>new St(t,e);var It=BigInt("0xfffffffffffffffffffffffffffffffffffffffffffffffffffffffefffffc2f"),Lt=BigInt("0xfffffffffffffffffffffffffffffffebaaedce6af48a03bbfd25e8cd0364141"),Tt=BigInt(1),Ot=BigInt(2),Rt=(t,e)=>(t+e/Ot)/e;function $t(t){const e=It,n=BigInt(3),r=BigInt(6),o=BigInt(11),i=BigInt(22),s=BigInt(23),a=BigInt(44),c=BigInt(88),u=t*t*t%e,l=u*u*t%e,h=at(l,n,e)*l%e,f=at(h,n,e)*l%e,d=at(f,Ot,e)*u%e,p=at(d,o,e)*d%e,g=at(p,i,e)*p%e,y=at(g,a,e)*g%e,w=at(y,c,e)*y%e,b=at(w,a,e)*g%e,m=at(b,n,e)*l%e,E=at(m,s,e)*p%e,v=at(E,r,e)*u%e,x=at(v,Ot,e);if(!Nt.eql(Nt.sqr(x),t))throw new Error("Cannot find square root");return x}var Nt=function(t,e,n=!1,r={}){if(t<=Q)throw new Error(`Expected Field ORDER > 0, got ${t}`);const{nBitLength:o,nByteLength:i}=ht(t,e);if(i>2048)throw new Error("Field lengths over 2048 bytes are not supported");const s=ut(t),a=Object.freeze({ORDER:t,BITS:o,BYTES:i,MASK:W(o),ZERO:Q,ONE:X,create:e=>it(e,t),isValid:e=>{if("bigint"!=typeof e)throw new Error("Invalid field element: expected bigint, got "+typeof e);return Q<=e&&e<t},is0:t=>t===Q,isOdd:t=>(t&X)===X,neg:e=>it(-e,t),eql:(t,e)=>t===e,sqr:e=>it(e*e,t),add:(e,n)=>it(e+n,t),sub:(e,n)=>it(e-n,t),mul:(e,n)=>it(e*n,t),pow:(t,e)=>function(t,e,n){if(n<Q)throw new Error("Expected power > 0");if(n===Q)return t.ONE;if(n===X)return e;let r=t.ONE,o=e;for(;n>Q;)n&X&&(r=t.mul(r,o)),o=t.sqr(o),n>>=X;return r}(a,t,e),div:(e,n)=>it(e*ct(n,t),t),sqrN:t=>t*t,addN:(t,e)=>t+e,subN:(t,e)=>t-e,mulN:(t,e)=>t*e,inv:e=>ct(e,t),sqrt:r.sqrt||(t=>s(a,t)),invertBatch:t=>function(t,e){const n=new Array(e.length),r=e.reduce(((e,r,o)=>t.is0(r)?e:(n[o]=e,t.mul(e,r))),t.ONE),o=t.inv(r);return e.reduceRight(((e,r,o)=>t.is0(r)?e:(n[o]=t.mul(e,n[o]),t.mul(e,r))),o),n}(a,t),cmov:(t,e,n)=>n?e:t,toBytes:t=>n?H(t,i):P(t,i),fromBytes:t=>{if(t.length!==i)throw new Error(`Fp.fromBytes: expected ${i}, got ${t.length}`);return n?_(t):N(t)}});return Object.freeze(a)}(It,void 0,void 0,{sqrt:$t}),_t=function(t,e){const n=e=>kt({...t,...Ut(e)});return Object.freeze({...n(e),create:n})}({a:BigInt(0),b:BigInt(7),Fp:Nt,n:Lt,Gx:BigInt("55066263022277343669578718895168534326250603453777594175500187360389116729240"),Gy:BigInt("32670510020758816978083085130507043184471273380659243275938904335757337482424"),h:BigInt(1),lowS:!0,endo:{beta:BigInt("0x7ae96a2b657c07106e64479eac3434e99cf0497512f58995c1396c28719501ee"),splitScalar:t=>{const e=Lt,n=BigInt("0x3086d221a7d46bcde86c90e49284eb15"),r=-Tt*BigInt("0xe4437ed6010e88286f547fa90abfe4c3"),o=BigInt("0x114ca50f7a8e2f3f657c1108d9d44cfd8"),i=n,s=BigInt("0x100000000000000000000000000000000"),a=Rt(i*t,e),c=Rt(-r*t,e);let u=it(t-a*n-c*o,e),l=it(-a*r-c*i,e);const h=u>s,f=l>s;if(h&&(u=e-u),f&&(l=e-l),u>s||l>s)throw new Error("splitScalar: Endomorphism failed, k="+t);return{k1neg:h,k1:u,k2neg:f,k2:l}}}},A),Pt=BigInt(0),Ht=t=>"bigint"==typeof t&&Pt<t&&t<It,Ct={};function qt(t,...e){let n=Ct[t];if(void 0===n){const e=A(Uint8Array.from(t,(t=>t.charCodeAt(0))));n=M(e,e),Ct[t]=n}return A(M(n,...e))}var Mt=t=>t.toRawBytes(!0).slice(1),jt=t=>P(t,32),zt=t=>it(t,It),Dt=t=>it(t,Lt),Ft=_t.ProjectivePoint;function Kt(t){let e=_t.utils.normPrivateKeyToScalar(t),n=Ft.fromPrivateKey(e);return{scalar:n.hasEvenY()?e:Dt(-e),bytes:Mt(n)}}function Wt(t){if(!Ht(t))throw new Error("bad x: need 0 < x < p");const e=zt(t*t);let n=$t(zt(e*t+BigInt(7)));n%Ot!==Pt&&(n=zt(-n));const r=new Ft(t,n,Tt);return r.assertValidity(),r}function Vt(...t){return Dt(N(qt("BIP0340/challenge",...t)))}function Zt(t){return Kt(t).bytes}function Gt(t,e,n=y(32)){const r=q("message",t),{bytes:o,scalar:i}=Kt(e),s=q("auxRand",n,32),a=jt(i^N(qt("BIP0340/aux",s))),c=qt("BIP0340/nonce",a,o,r),u=Dt(N(c));if(u===Pt)throw new Error("sign failed: k is zero");const{bytes:l,scalar:h}=Kt(u),f=Vt(l,o,r),d=new Uint8Array(64);if(d.set(l,0),d.set(jt(Dt(h+f*i)),32),!Jt(d,r,o))throw new Error("sign: Invalid signature produced");return d}function Jt(t,e,n){const r=q("signature",t,64),o=q("message",e),i=q("publicKey",n,32);try{const t=Wt(N(i)),e=N(r.subarray(0,32));if(!Ht(e))return!1;const n=N(r.subarray(32,64));if(!("bigint"==typeof(u=n)&&Pt<u&&u<Lt))return!1;const l=Vt(jt(e),Mt(t),o),h=(s=t,a=n,c=Dt(-l),Ft.BASE.multiplyAndAddUnsafe(s,a,c));return!(!h||!h.hasEvenY()||h.toAffine().x!==e)}catch(t){return!1}var s,a,c,u}var Yt=(()=>({getPublicKey:Zt,sign:Gt,verify:Jt,utils:{randomPrivateKey:_t.utils.randomPrivateKey,lift_x:Wt,pointToBytes:Mt,numberToBytesBE:P,bytesToNumberBE:N,taggedHash:qt,mod:it}}))(),Qt="object"==typeof globalThis&&"crypto"in globalThis?globalThis.crypto:void 0,Xt=t=>t instanceof Uint8Array,te=t=>new DataView(t.buffer,t.byteOffset,t.byteLength),ee=(t,e)=>t<<32-e|t>>>e;if(!(68===new Uint8Array(new Uint32Array([287454020]).buffer)[0]))throw new Error("Non little-endian hardware is not supported");var ne=Array.from({length:256},((t,e)=>e.toString(16).padStart(2,"0")));function re(t){if(!Xt(t))throw new Error("Uint8Array expected");let e="";for(let n=0;n<t.length;n++)e+=ne[t[n]];return e}function oe(t){if("string"!=typeof t)throw new Error("hex string expected, got "+typeof t);const e=t.length;if(e%2)throw new Error("padded hex string expected, got unpadded hex of length "+e);const n=new Uint8Array(e/2);for(let e=0;e<n.length;e++){const r=2*e,o=t.slice(r,r+2),i=Number.parseInt(o,16);if(Number.isNaN(i)||i<0)throw new Error("Invalid byte sequence");n[e]=i}return n}function ie(t){if("string"==typeof t&&(t=function(t){if("string"!=typeof t)throw new Error("utf8ToBytes expected string, got "+typeof t);return new Uint8Array((new TextEncoder).encode(t))}(t)),!Xt(t))throw new Error("expected Uint8Array, got "+typeof t);return t}function se(...t){const e=new Uint8Array(t.reduce(((t,e)=>t+e.length),0));let n=0;return t.forEach((t=>{if(!Xt(t))throw new Error("Uint8Array expected");e.set(t,n),n+=t.length})),e}var ae=class{clone(){return this._cloneInto()}};function ce(t){const e=e=>t().update(ie(e)).digest(),n=t();return e.outputLen=n.outputLen,e.blockLen=n.blockLen,e.create=()=>t(),e}function ue(t=32){if(Qt&&"function"==typeof Qt.getRandomValues)return Qt.getRandomValues(new Uint8Array(t));throw new Error("crypto.getRandomValues must be defined")}var le=Symbol("verified"),he=t=>t instanceof Object;function fe(t){if(!he(t))return!1;if("number"!=typeof t.kind)return!1;if("string"!=typeof t.content)return!1;if("number"!=typeof t.created_at)return!1;if("string"!=typeof t.pubkey)return!1;if(!t.pubkey.match(/^[a-f0-9]{64}$/))return!1;if(!Array.isArray(t.tags))return!1;for(let e=0;e<t.tags.length;e++){let n=t.tags[e];if(!Array.isArray(n))return!1;for(let t=0;t<n.length;t++)if("string"!=typeof n[t])return!1}return!0}function de(t){return t.sort(((t,e)=>t.created_at!==e.created_at?e.created_at-t.created_at:t.id.localeCompare(e.id)))}function pe(t){if(!Number.isSafeInteger(t)||t<0)throw new Error(`Wrong positive integer: ${t}`)}function ge(t,...e){if(!(t instanceof Uint8Array))throw new Error("Expected Uint8Array");if(e.length>0&&!e.includes(t.length))throw new Error(`Expected Uint8Array of length ${e}, not of length=${t.length}`)}var ye={number:pe,bool:function(t){if("boolean"!=typeof t)throw new Error(`Expected boolean, not ${t}`)},bytes:ge,hash:function(t){if("function"!=typeof t||"function"!=typeof t.create)throw new Error("Hash should be wrapped by utils.wrapConstructor");pe(t.outputLen),pe(t.blockLen)},exists:function(t,e=!0){if(t.destroyed)throw new Error("Hash instance has been destroyed");if(e&&t.finished)throw new Error("Hash#digest() has already been called")},output:function(t,e){ge(t);const n=e.outputLen;if(t.length<n)throw new Error(`digestInto() expects output buffer of length at least ${n}`)}};var we=class extends ae{constructor(t,e,n,r){super(),this.blockLen=t,this.outputLen=e,this.padOffset=n,this.isLE=r,this.finished=!1,this.length=0,this.pos=0,this.destroyed=!1,this.buffer=new Uint8Array(t),this.view=te(this.buffer)}update(t){ye.exists(this);const{view:e,buffer:n,blockLen:r}=this,o=(t=ie(t)).length;for(let i=0;i<o;){const s=Math.min(r-this.pos,o-i);if(s!==r)n.set(t.subarray(i,i+s),this.pos),this.pos+=s,i+=s,this.pos===r&&(this.process(e,0),this.pos=0);else{const e=te(t);for(;r<=o-i;i+=r)this.process(e,i)}}return this.length+=t.length,this.roundClean(),this}digestInto(t){ye.exists(this),ye.output(t,this),this.finished=!0;const{buffer:e,view:n,blockLen:r,isLE:o}=this;let{pos:i}=this;e[i++]=128,this.buffer.subarray(i).fill(0),this.padOffset>r-i&&(this.process(n,0),i=0);for(let t=i;t<r;t++)e[t]=0;!function(t,e,n,r){if("function"==typeof t.setBigUint64)return t.setBigUint64(e,n,r);const o=BigInt(32),i=BigInt(4294967295),s=Number(n>>o&i),a=Number(n&i),c=r?4:0,u=r?0:4;t.setUint32(e+c,s,r),t.setUint32(e+u,a,r)}(n,r-8,BigInt(8*this.length),o),this.process(n,0);const s=te(t),a=this.outputLen;if(a%4)throw new Error("_sha2: outputLen should be aligned to 32bit");const c=a/4,u=this.get();if(c>u.length)throw new Error("_sha2: outputLen bigger than state");for(let t=0;t<c;t++)s.setUint32(4*t,u[t],o)}digest(){const{buffer:t,outputLen:e}=this;this.digestInto(t);const n=t.slice(0,e);return this.destroy(),n}_cloneInto(t){t||(t=new this.constructor),t.set(...this.get());const{blockLen:e,buffer:n,length:r,finished:o,destroyed:i,pos:s}=this;return t.length=r,t.pos=s,t.finished=o,t.destroyed=i,r%e&&t.buffer.set(n),t}},be=(t,e,n)=>t&e^t&n^e&n,me=new Uint32Array([1116352408,1899447441,3049323471,3921009573,961987163,1508970993,2453635748,2870763221,3624381080,310598401,607225278,1426881987,1925078388,2162078206,2614888103,3248222580,3835390401,4022224774,264347078,604807628,770255983,1249150122,1555081692,1996064986,2554220882,2821834349,2952996808,3210313671,3336571891,3584528711,113926993,338241895,666307205,773529912,1294757372,1396182291,1695183700,1986661051,2177026350,2456956037,2730485921,2820302411,3259730800,3345764771,3516065817,3600352804,4094571909,275423344,430227734,506948616,659060556,883997877,958139571,1322822218,1537002063,1747873779,1955562222,2024104815,2227730452,2361852424,2428436474,2756734187,3204031479,3329325298]),Ee=new Uint32Array([1779033703,3144134277,1013904242,2773480762,1359893119,2600822924,528734635,1541459225]),ve=new Uint32Array(64),xe=class extends we{constructor(){super(64,32,8,!1),this.A=0|Ee[0],this.B=0|Ee[1],this.C=0|Ee[2],this.D=0|Ee[3],this.E=0|Ee[4],this.F=0|Ee[5],this.G=0|Ee[6],this.H=0|Ee[7]}get(){const{A:t,B:e,C:n,D:r,E:o,F:i,G:s,H:a}=this;return[t,e,n,r,o,i,s,a]}set(t,e,n,r,o,i,s,a){this.A=0|t,this.B=0|e,this.C=0|n,this.D=0|r,this.E=0|o,this.F=0|i,this.G=0|s,this.H=0|a}process(t,e){for(let n=0;n<16;n++,e+=4)ve[n]=t.getUint32(e,!1);for(let t=16;t<64;t++){const e=ve[t-15],n=ve[t-2],r=ee(e,7)^ee(e,18)^e>>>3,o=ee(n,17)^ee(n,19)^n>>>10;ve[t]=o+ve[t-7]+r+ve[t-16]|0}let{A:n,B:r,C:o,D:i,E:s,F:a,G:c,H:u}=this;for(let t=0;t<64;t++){const e=u+(ee(s,6)^ee(s,11)^ee(s,25))+((l=s)&a^~l&c)+me[t]+ve[t]|0,h=(ee(n,2)^ee(n,13)^ee(n,22))+be(n,r,o)|0;u=c,c=a,a=s,s=i+e|0,i=o,o=r,r=n,n=e+h|0}var l;n=n+this.A|0,r=r+this.B|0,o=o+this.C|0,i=i+this.D|0,s=s+this.E|0,a=a+this.F|0,c=c+this.G|0,u=u+this.H|0,this.set(n,r,o,i,s,a,c,u)}roundClean(){ve.fill(0)}destroy(){this.set(0,0,0,0,0,0,0,0),this.buffer.fill(0)}},Ae=class extends xe{constructor(){super(),this.A=-1056596264,this.B=914150663,this.C=812702999,this.D=-150054599,this.E=-4191439,this.F=1750603025,this.G=1694076839,this.H=-1090891868,this.outputLen=28}},ke=ce((()=>new xe)),Se=(ce((()=>new Ae)),{});o(Se,{Queue:()=>$e,QueueNode:()=>Re,binarySearch:()=>Oe,bytesToHex:()=>re,hexToBytes:()=>oe,insertEventIntoAscendingList:()=>Te,insertEventIntoDescendingList:()=>Le,normalizeURL:()=>Ie,utf8Decoder:()=>Be,utf8Encoder:()=>Ue});var Be=new TextDecoder("utf-8"),Ue=new TextEncoder;function Ie(t){try{-1===t.indexOf("://")&&(t="wss://"+t);let e=new URL(t);return e.pathname=e.pathname.replace(/\/+/g,"/"),e.pathname.endsWith("/")&&(e.pathname=e.pathname.slice(0,-1)),("80"===e.port&&"ws:"===e.protocol||"443"===e.port&&"wss:"===e.protocol)&&(e.port=""),e.searchParams.sort(),e.hash="",e.toString()}catch(e){throw new Error(`Invalid URL: ${t}`)}}function Le(t,e){const[n,r]=Oe(t,(t=>e.id===t.id?0:e.created_at===t.created_at?-1:t.created_at-e.created_at));return r||t.splice(n,0,e),t}function Te(t,e){const[n,r]=Oe(t,(t=>e.id===t.id?0:e.created_at===t.created_at?-1:e.created_at-t.created_at));return r||t.splice(n,0,e),t}function Oe(t,e){let n=0,r=t.length-1;for(;n<=r;){const o=Math.floor((n+r)/2),i=e(t[o]);if(0===i)return[o,!0];i<0?r=o-1:n=o+1}return[n,!1]}var Re=class{value;next=null;prev=null;constructor(t){this.value=t}},$e=class{first;last;constructor(){this.first=null,this.last=null}enqueue(t){const e=new Re(t);return this.last?this.last===this.first?(this.last=e,this.last.prev=this.first,this.first.next=e):(e.prev=this.last,this.last.next=e,this.last=e):(this.first=e,this.last=e),!0}dequeue(){if(!this.first)return null;if(this.first===this.last){const t=this.first;return this.first=null,this.last=null,t.value}const t=this.first;return this.first=t.next,this.first&&(this.first.prev=null),t.value}};function Ne(t){if(!fe(t))throw new Error("can't serialize event with wrong or missing properties");return JSON.stringify([0,t.pubkey,t.created_at,t.kind,t.tags,t.content])}function _e(t){return re(ke(Ue.encode(Ne(t))))}var Pe=new class{generateSecretKey(){return Yt.utils.randomPrivateKey()}getPublicKey(t){return re(Yt.getPublicKey(t))}finalizeEvent(t,e){const n=t;return n.pubkey=re(Yt.getPublicKey(e)),n.id=_e(n),n.sig=re(Yt.sign(_e(n),e)),n[le]=!0,n}verifyEvent(t){if("boolean"==typeof t[le])return t[le];const e=_e(t);if(e!==t.id)return t[le]=!1,!1;try{const n=Yt.verify(t.sig,e,t.pubkey);return t[le]=n,n}catch(e){return t[le]=!1,!1}}},He=Pe.generateSecretKey,Ce=Pe.getPublicKey,qe=Pe.finalizeEvent,Me=Pe.verifyEvent,je={};function ze(t){return 1e3<=t&&t<1e4||[1,2,4,5,6,7,8,16,40,41,42,43,44].includes(t)}function De(t){return[0,3].includes(t)||1e4<=t&&t<2e4}function Fe(t){return 2e4<=t&&t<3e4}function Ke(t){return 3e4<=t&&t<4e4}function We(t){return ze(t)?"regular":De(t)?"replaceable":Fe(t)?"ephemeral":Ke(t)?"parameterized":"unknown"}function Ve(t,e){const n=e instanceof Array?e:[e];return fe(t)&&n.includes(t.kind)||!1}o(je,{Application:()=>sr,BadgeAward:()=>nn,BadgeDefinition:()=>Xn,BlockedRelaysList:()=>Nn,BookmarkList:()=>On,Bookmarksets:()=>Jn,Calendar:()=>dr,CalendarEventRSVP:()=>pr,ChannelCreation:()=>an,ChannelHideMessage:()=>ln,ChannelMessage:()=>un,ChannelMetadata:()=>cn,ChannelMuteUser:()=>hn,ClassifiedListing:()=>ur,ClientAuth:()=>zn,CommunitiesList:()=>Rn,CommunityDefinition:()=>wr,CommunityPostApproval:()=>En,Contacts:()=>Ye,CreateOrUpdateProduct:()=>nr,CreateOrUpdateStall:()=>er,Curationsets:()=>Yn,Date:()=>hr,DirectMessageRelaysList:()=>Cn,DraftClassifiedListing:()=>lr,DraftLong:()=>or,Emojisets:()=>ir,EncryptedDirectMessage:()=>Qe,EventDeletion:()=>Xe,FileMetadata:()=>pn,FileServerPreference:()=>qn,Followsets:()=>Vn,GenericRepost:()=>sn,Genericlists:()=>Zn,GiftWrap:()=>dn,HTTPAuth:()=>Wn,Handlerinformation:()=>yr,Handlerrecommendation:()=>gr,Highlights:()=>Un,InterestsList:()=>Pn,Interestsets:()=>tr,JobFeedback:()=>An,JobRequest:()=>vn,JobResult:()=>xn,Label:()=>mn,LightningPubRPC:()=>jn,LiveChatMessage:()=>gn,LiveEvent:()=>ar,LongFormArticle:()=>rr,Metadata:()=>Ze,Mutelist:()=>In,NWCWalletInfo:()=>Mn,NWCWalletRequest:()=>Dn,NWCWalletResponse:()=>Fn,NostrConnect:()=>Kn,OpenTimestamps:()=>fn,Pinlist:()=>Ln,PrivateDirectMessage:()=>on,ProblemTracker:()=>yn,ProfileBadges:()=>Qn,PublicChatsList:()=>$n,Reaction:()=>en,RecommendRelay:()=>Je,RelayList:()=>Tn,Relaysets:()=>Gn,Report:()=>wn,Reporting:()=>bn,Repost:()=>tn,Seal:()=>rn,SearchRelaysList:()=>_n,ShortTextNote:()=>Ge,Time:()=>fr,UserEmojiList:()=>Hn,UserStatuses:()=>cr,Zap:()=>Bn,ZapGoal:()=>kn,ZapRequest:()=>Sn,classifyKind:()=>We,isAddressableKind:()=>Ke,isEphemeralKind:()=>Fe,isKind:()=>Ve,isRegularKind:()=>ze,isReplaceableKind:()=>De});var Ze=0,Ge=1,Je=2,Ye=3,Qe=4,Xe=5,tn=6,en=7,nn=8,rn=13,on=14,sn=16,an=40,cn=41,un=42,ln=43,hn=44,fn=1040,dn=1059,pn=1063,gn=1311,yn=1971,wn=1984,bn=1984,mn=1985,En=4550,vn=5999,xn=6999,An=7e3,kn=9041,Sn=9734,Bn=9735,Un=9802,In=1e4,Ln=10001,Tn=10002,On=10003,Rn=10004,$n=10005,Nn=10006,_n=10007,Pn=10015,Hn=10030,Cn=10050,qn=10096,Mn=13194,jn=21e3,zn=22242,Dn=23194,Fn=23195,Kn=24133,Wn=27235,Vn=3e4,Zn=30001,Gn=30002,Jn=30003,Yn=30004,Qn=30008,Xn=30009,tr=30015,er=30017,nr=30018,rr=30023,or=30024,ir=30030,sr=30078,ar=30311,cr=30315,ur=30402,lr=30403,hr=31922,fr=31923,dr=31924,pr=31925,gr=31989,yr=31990,wr=34550;function br(t,e){if(t.ids&&-1===t.ids.indexOf(e.id))return!1;if(t.kinds&&-1===t.kinds.indexOf(e.kind))return!1;if(t.authors&&-1===t.authors.indexOf(e.pubkey))return!1;for(let n in t)if("#"===n[0]){let r=t[`#${n.slice(1)}`];if(r&&!e.tags.find((([t,e])=>t===n.slice(1)&&-1!==r.indexOf(e))))return!1}return!(t.since&&e.created_at<t.since)&&!(t.until&&e.created_at>t.until)}function mr(t,e){for(let n=0;n<t.length;n++)if(br(t[n],e))return!0;return!1}function Er(...t){let e={};for(let n=0;n<t.length;n++){let r=t[n];Object.entries(r).forEach((([t,n])=>{if("kinds"===t||"ids"===t||"authors"===t||"#"===t[0]){e[t]=e[t]||[];for(let r=0;r<n.length;r++){let o=n[r];e[t].includes(o)||e[t].push(o)}}})),r.limit&&(!e.limit||r.limit>e.limit)&&(e.limit=r.limit),r.until&&(!e.until||r.until>e.until)&&(e.until=r.until),r.since&&(!e.since||r.since<e.since)&&(e.since=r.since)}return e}function vr(t){if(t.ids&&!t.ids.length)return 0;if(t.kinds&&!t.kinds.length)return 0;if(t.authors&&!t.authors.length)return 0;for(const[e,n]of Object.entries(t))if("#"===e[0]&&Array.isArray(n)&&!n.length)return 0;return Math.min(Math.max(0,t.limit??1/0),t.ids?.length??1/0,t.authors?.length&&t.kinds?.every((t=>De(t)))?t.authors.length*t.kinds.length:1/0,t.authors?.length&&t.kinds?.every((t=>Ke(t)))&&t["#d"]?.length?t.authors.length*t.kinds.length*t["#d"].length:1/0)}var xr={};function Ar(t,e){let n=e.length+3,r=t.indexOf(`"${e}":`)+n,o=t.slice(r).indexOf('"')+r+1;return t.slice(o,o+64)}function kr(t,e){let n=e.length,r=t.indexOf(`"${e}":`)+n+3,o=t.slice(r),i=Math.min(o.indexOf(","),o.indexOf("}"));return parseInt(o.slice(0,i),10)}function Sr(t){let e=t.slice(0,22).indexOf('"EVENT"');if(-1===e)return null;let n=t.slice(e+7+1).indexOf('"');if(-1===n)return null;let r=e+7+1+n,o=t.slice(r+1,80).indexOf('"');if(-1===o)return null;let i=r+1+o;return t.slice(r+1,i)}function Br(t,e){return e===Ar(t,"id")}function Ur(t,e){return e===Ar(t,"pubkey")}function Ir(t,e){return e===kr(t,"kind")}o(xr,{getHex64:()=>Ar,getInt:()=>kr,getSubscriptionId:()=>Sr,matchEventId:()=>Br,matchEventKind:()=>Ir,matchEventPubkey:()=>Ur});var Lr={};function Tr(t,e){return{kind:zn,created_at:Math.floor(Date.now()/1e3),tags:[["relay",t],["challenge",e]],content:""}}async function Or(){return new Promise((t=>{const e=new MessageChannel,n=()=>{e.port1.removeEventListener("message",n),t()};e.port1.addEventListener("message",n),e.port2.postMessage(0),e.port1.start()}))}o(Lr,{makeAuthEvent:()=>Tr});var Rr,$r=t=>(t[le]=!0,!0),Nr=class extends Error{constructor(t,e){super(`Tried to send message '${t} on a closed connection to ${e}.`),this.name="SendingOnClosedConnection"}},_r=class{url;_connected=!1;onclose=null;onnotice=t=>console.debug(`NOTICE from ${this.url}: ${t}`);baseEoseTimeout=4400;connectionTimeout=4400;publishTimeout=4400;pingFrequency=2e4;pingTimeout=2e4;openSubs=new Map;enablePing;connectionTimeoutHandle;connectionPromise;openCountRequests=new Map;openEventPublishes=new Map;ws;incomingMessageQueue=new $e;queueRunning=!1;challenge;authPromise;serial=0;verifyEvent;_WebSocket;constructor(t,e){this.url=Ie(t),this.verifyEvent=e.verifyEvent,this._WebSocket=e.websocketImplementation||WebSocket,this.enablePing=e.enablePing}static async connect(t,e){const n=new _r(t,e);return await n.connect(),n}closeAllSubscriptions(t){for(let[e,n]of this.openSubs)n.close(t);this.openSubs.clear();for(let[e,n]of this.openEventPublishes)n.reject(new Error(t));this.openEventPublishes.clear();for(let[e,n]of this.openCountRequests)n.reject(new Error(t));this.openCountRequests.clear()}get connected(){return this._connected}async connect(){return this.connectionPromise||(this.challenge=void 0,this.authPromise=void 0,this.connectionPromise=new Promise(((t,e)=>{this.connectionTimeoutHandle=setTimeout((()=>{e("connection timed out"),this.connectionPromise=void 0,this.onclose?.(),this.closeAllSubscriptions("relay connection timed out")}),this.connectionTimeout);try{this.ws=new this._WebSocket(this.url)}catch(t){return clearTimeout(this.connectionTimeoutHandle),void e(t)}this.ws.onopen=()=>{clearTimeout(this.connectionTimeoutHandle),this._connected=!0,this.enablePing&&this.pingpong(),t()},this.ws.onerror=t=>{clearTimeout(this.connectionTimeoutHandle),e(t.message||"websocket error"),this._connected=!1,this.connectionPromise=void 0,this.onclose?.(),this.closeAllSubscriptions("relay connection errored")},this.ws.onclose=t=>{clearTimeout(this.connectionTimeoutHandle),e(t.message||"websocket closed"),this._connected=!1,this.connectionPromise=void 0,this.onclose?.(),this.closeAllSubscriptions("relay connection closed")},this.ws.onmessage=this._onmessage.bind(this)}))),this.connectionPromise}async waitForPingPong(){return new Promise(((t,e)=>{this.ws&&this.ws.on&&this.ws.on("pong",(()=>t(!0)))||e("ws can't listen for pong"),this.ws&&this.ws.ping&&this.ws.ping()}))}async waitForDummyReq(){return new Promise(((t,e)=>{const n=this.subscribe([{ids:["a".repeat(64)]}],{oneose:()=>{n.close(),t(!0)},eoseTimeout:this.pingTimeout+1e3})}))}async pingpong(){if(1===this.ws?.readyState){await Promise.any([this.ws&&this.ws.ping&&this.ws.on?this.waitForPingPong():this.waitForDummyReq(),new Promise((t=>setTimeout((()=>t(!1)),this.pingTimeout)))])?setTimeout((()=>this.pingpong()),this.pingFrequency):(this.closeAllSubscriptions("pingpong timed out"),this._connected=!1,this.onclose?.(),this.ws?.close())}}async runQueue(){for(this.queueRunning=!0;!1!==this.handleNext();)await Or();this.queueRunning=!1}handleNext(){const t=this.incomingMessageQueue.dequeue();if(!t)return!1;const e=Sr(t);if(e){const n=this.openSubs.get(e);if(!n)return;const r=Ar(t,"id"),o=n.alreadyHaveEvent?.(r);if(n.receivedEvent?.(this,r),o)return}try{let e=JSON.parse(t);switch(e[0]){case"EVENT":{const t=this.openSubs.get(e[1]),n=e[2];return void(this.verifyEvent(n)&&mr(t.filters,n)&&t.onevent(n))}case"COUNT":{const t=e[1],n=e[2],r=this.openCountRequests.get(t);return void(r&&(r.resolve(n.count),this.openCountRequests.delete(t)))}case"EOSE":{const t=this.openSubs.get(e[1]);if(!t)return;return void t.receivedEose()}case"OK":{const t=e[1],n=e[2],r=e[3],o=this.openEventPublishes.get(t);return void(o&&(clearTimeout(o.timeout),n?o.resolve(r):o.reject(new Error(r)),this.openEventPublishes.delete(t)))}case"CLOSED":{const t=e[1],n=this.openSubs.get(t);if(!n)return;return n.closed=!0,void n.close(e[2])}case"NOTICE":return void this.onnotice(e[1]);case"AUTH":return void(this.challenge=e[1])}}catch(t){return}}async send(t){if(!this.connectionPromise)throw new Nr(t,this.url);this.connectionPromise.then((()=>{this.ws?.send(t)}))}async auth(t){const e=this.challenge;if(!e)throw new Error("can't perform auth, no challenge was received");return this.authPromise||(this.authPromise=new Promise((async(n,r)=>{try{let o=await t(Tr(this.url,e)),i=setTimeout((()=>{let t=this.openEventPublishes.get(o.id);t&&(t.reject(new Error("auth timed out")),this.openEventPublishes.delete(o.id))}),this.publishTimeout);this.openEventPublishes.set(o.id,{resolve:n,reject:r,timeout:i}),this.send('["AUTH",'+JSON.stringify(o)+"]")}catch(t){console.warn("subscribe auth function failed:",t)}}))),this.authPromise}async publish(t){const e=new Promise(((e,n)=>{const r=setTimeout((()=>{const e=this.openEventPublishes.get(t.id);e&&(e.reject(new Error("publish timed out")),this.openEventPublishes.delete(t.id))}),this.publishTimeout);this.openEventPublishes.set(t.id,{resolve:e,reject:n,timeout:r})}));return this.send('["EVENT",'+JSON.stringify(t)+"]"),e}async count(t,e){this.serial++;const n=e?.id||"count:"+this.serial,r=new Promise(((t,e)=>{this.openCountRequests.set(n,{resolve:t,reject:e})}));return this.send('["COUNT","'+n+'",'+JSON.stringify(t).substring(1)),r}subscribe(t,e){const n=this.prepareSubscription(t,e);return n.fire(),n}prepareSubscription(t,e){this.serial++;const n=e.id||(e.label?e.label+":":"sub:")+this.serial,r=new Pr(this,n,t,e);return this.openSubs.set(n,r),r}close(){this.closeAllSubscriptions("relay connection closed by us"),this._connected=!1,this.onclose?.(),this.ws?.close()}_onmessage(t){this.incomingMessageQueue.enqueue(t.data),this.queueRunning||this.runQueue()}},Pr=class{relay;id;closed=!1;eosed=!1;filters;alreadyHaveEvent;receivedEvent;onevent;oneose;onclose;eoseTimeout;eoseTimeoutHandle;constructor(t,e,n,r){this.relay=t,this.filters=n,this.id=e,this.alreadyHaveEvent=r.alreadyHaveEvent,this.receivedEvent=r.receivedEvent,this.eoseTimeout=r.eoseTimeout||t.baseEoseTimeout,this.oneose=r.oneose,this.onclose=r.onclose,this.onevent=r.onevent||(t=>{console.warn(`onevent() callback not defined for subscription '${this.id}' in relay ${this.relay.url}. event received:`,t)})}fire(){this.relay.send('["REQ","'+this.id+'",'+JSON.stringify(this.filters).substring(1)),this.eoseTimeoutHandle=setTimeout(this.receivedEose.bind(this),this.eoseTimeout)}receivedEose(){this.eosed||(clearTimeout(this.eoseTimeoutHandle),this.eosed=!0,this.oneose?.())}close(t="closed by caller"){if(!this.closed&&this.relay.connected){try{this.relay.send('["CLOSE",'+JSON.stringify(this.id)+"]")}catch(t){if(!(t instanceof Nr))throw t}this.closed=!0}this.relay.openSubs.delete(this.id),this.onclose?.(t)}};try{Rr=WebSocket}catch{}var Hr,Cr=class extends _r{constructor(t){super(t,{verifyEvent:Me,websocketImplementation:Rr})}static async connect(t){const e=new Cr(t);return await e.connect(),e}},qr=class{relays=new Map;seenOn=new Map;trackRelays=!1;verifyEvent;enablePing;trustedRelayURLs=new Set;_WebSocket;constructor(t){this.verifyEvent=t.verifyEvent,this._WebSocket=t.websocketImplementation,this.enablePing=t.enablePing}async ensureRelay(t,e){t=Ie(t);let n=this.relays.get(t);return n||(n=new _r(t,{verifyEvent:this.trustedRelayURLs.has(t)?$r:this.verifyEvent,websocketImplementation:this._WebSocket,enablePing:this.enablePing}),n.onclose=()=>{this.relays.delete(t)},e?.connectionTimeout&&(n.connectionTimeout=e.connectionTimeout),this.relays.set(t,n)),await n.connect(),n}close(t){t.map(Ie).forEach((t=>{this.relays.get(t)?.close(),this.relays.delete(t)}))}subscribe(t,e,n){n.onauth=n.onauth||n.doauth;const r=[];for(let n=0;n<t.length;n++){const o=Ie(t[n]);r.find((t=>t.url===o))||r.push({url:o,filter:e})}return this.subscribeMap(r,n)}subscribeMany(t,e,n){n.onauth=n.onauth||n.doauth;const r=[],o=[];for(let n=0;n<t.length;n++){const i=Ie(t[n]);-1===o.indexOf(i)&&(o.push(i),r.push({url:i,filter:e}))}return this.subscribeMap(r,n)}subscribeMap(t,e){e.onauth=e.onauth||e.doauth;const n=new Map;for(const e of t){const{url:t,filter:r}=e;n.has(t)||n.set(t,[]),n.get(t).push(r)}const r=Array.from(n.entries()).map((([t,e])=>({url:t,filters:e})));this.trackRelays&&(e.receivedEvent=(t,e)=>{let n=this.seenOn.get(e);n||(n=new Set,this.seenOn.set(e,n)),n.add(t)});const o=new Set,i=[],s=[];let a=n=>{s[n]||(s[n]=!0,s.filter((t=>t)).length===t.length&&(e.oneose?.(),a=()=>{}))};const c=[];let u=(n,r)=>{c[n]||(a(n),c[n]=r,c.filter((t=>t)).length===t.length&&(e.onclose?.(c),u=()=>{}))};const l=t=>{if(e.alreadyHaveEvent?.(t))return!0;const n=o.has(t);return o.add(t),n},h=Promise.all(r.map((async({url:t,filters:n},r)=>{let o;try{o=await this.ensureRelay(t,{connectionTimeout:e.maxWait?Math.max(.8*e.maxWait,e.maxWait-1e3):void 0})}catch(t){return void u(r,t?.message||String(t))}let s=o.subscribe(n,{...e,oneose:()=>a(r),onclose:t=>{t.startsWith("auth-required: ")&&e.onauth?o.auth(e.onauth).then((()=>{o.subscribe(n,{...e,oneose:()=>a(r),onclose:t=>{u(r,t)},alreadyHaveEvent:l,eoseTimeout:e.maxWait})})).catch((t=>{u(r,`auth was required and attempted, but failed with: ${t}`)})):u(r,t)},alreadyHaveEvent:l,eoseTimeout:e.maxWait});i.push(s)})));return{async close(t){await h,i.forEach((e=>{e.close(t)}))}}}subscribeEose(t,e,n){n.onauth=n.onauth||n.doauth;const r=this.subscribe(t,e,{...n,oneose(){r.close("closed automatically on eose")}});return r}subscribeManyEose(t,e,n){n.onauth=n.onauth||n.doauth;const r=this.subscribeMany(t,e,{...n,oneose(){r.close("closed automatically on eose")}});return r}async querySync(t,e,n){return new Promise((async r=>{const o=[];this.subscribeEose(t,e,{...n,onevent(t){o.push(t)},onclose(t){r(o)}})}))}async get(t,e,n){e.limit=1;const r=await this.querySync(t,e,n);return r.sort(((t,e)=>e.created_at-t.created_at)),r[0]||null}publish(t,e,n){return t.map(Ie).map((async(t,r,o)=>{if(o.indexOf(t)!==r)return Promise.reject("duplicate url");let i=await this.ensureRelay(t);return i.publish(e).catch((async t=>{if(t instanceof Error&&t.message.startsWith("auth-required: ")&&n?.onauth)return await i.auth(n.onauth),i.publish(e);throw t})).then((t=>{if(this.trackRelays){let t=this.seenOn.get(e.id);t||(t=new Set,this.seenOn.set(e.id,t)),t.add(i)}return t}))}))}listConnectionStatus(){const t=new Map;return this.relays.forEach(((e,n)=>t.set(n,e.connected))),t}destroy(){this.relays.forEach((t=>t.close())),this.relays=new Map}};try{Hr=WebSocket}catch{}var Mr=class extends qr{constructor(t){super({verifyEvent:Me,websocketImplementation:Hr,...t})}},jr={};function zr(t){if(!Number.isSafeInteger(t))throw new Error(`Wrong integer: ${t}`)}function Dr(...t){const e=(t,e)=>n=>t(e(n));return{encode:Array.from(t).reverse().reduce(((t,n)=>t?e(t,n.encode):n.encode),void 0),decode:t.reduce(((t,n)=>t?e(t,n.decode):n.decode),void 0)}}function Fr(t){return{encode:e=>{if(!Array.isArray(e)||e.length&&"number"!=typeof e[0])throw new Error("alphabet.encode input should be an array of numbers");return e.map((e=>{if(zr(e),e<0||e>=t.length)throw new Error(`Digit index outside alphabet: ${e} (alphabet: ${t.length})`);return t[e]}))},decode:e=>{if(!Array.isArray(e)||e.length&&"string"!=typeof e[0])throw new Error("alphabet.decode input should be array of strings");return e.map((e=>{if("string"!=typeof e)throw new Error(`alphabet.decode: not string element=${e}`);const n=t.indexOf(e);if(-1===n)throw new Error(`Unknown letter: "${e}". Allowed: ${t}`);return n}))}}}function Kr(t=""){if("string"!=typeof t)throw new Error("join separator should be string");return{encode:e=>{if(!Array.isArray(e)||e.length&&"string"!=typeof e[0])throw new Error("join.encode input should be array of strings");for(let t of e)if("string"!=typeof t)throw new Error(`join.encode: non-string input=${t}`);return e.join(t)},decode:e=>{if("string"!=typeof e)throw new Error("join.decode input should be string");return e.split(t)}}}function Wr(t,e="="){if(zr(t),"string"!=typeof e)throw new Error("padding chr should be string");return{encode(n){if(!Array.isArray(n)||n.length&&"string"!=typeof n[0])throw new Error("padding.encode input should be array of strings");for(let t of n)if("string"!=typeof t)throw new Error(`padding.encode: non-string input=${t}`);for(;n.length*t%8;)n.push(e);return n},decode(n){if(!Array.isArray(n)||n.length&&"string"!=typeof n[0])throw new Error("padding.encode input should be array of strings");for(let t of n)if("string"!=typeof t)throw new Error(`padding.decode: non-string input=${t}`);let r=n.length;if(r*t%8)throw new Error("Invalid padding: string should have whole number of bytes");for(;r>0&&n[r-1]===e;r--)if(!((r-1)*t%8))throw new Error("Invalid padding: string has too much padding");return n.slice(0,r)}}}function Vr(t){if("function"!=typeof t)throw new Error("normalize fn should be function");return{encode:t=>t,decode:e=>t(e)}}function Zr(t,e,n){if(e<2)throw new Error(`convertRadix: wrong from=${e}, base cannot be less than 2`);if(n<2)throw new Error(`convertRadix: wrong to=${n}, base cannot be less than 2`);if(!Array.isArray(t))throw new Error("convertRadix: data should be array");if(!t.length)return[];let r=0;const o=[],i=Array.from(t);for(i.forEach((t=>{if(zr(t),t<0||t>=e)throw new Error(`Wrong integer: ${t}`)}));;){let t=0,s=!0;for(let o=r;o<i.length;o++){const a=i[o],c=e*t+a;if(!Number.isSafeInteger(c)||e*t/e!==t||c-a!=e*t)throw new Error("convertRadix: carry overflow");if(t=c%n,i[o]=Math.floor(c/n),!Number.isSafeInteger(i[o])||i[o]*n+t!==c)throw new Error("convertRadix: carry overflow");s&&(i[o]?s=!1:r=o)}if(o.push(t),s)break}for(let e=0;e<t.length-1&&0===t[e];e++)o.push(0);return o.reverse()}o(jr,{BECH32_REGEX:()=>bo,Bech32MaxSize:()=>wo,NostrTypeGuard:()=>yo,decode:()=>Eo,decodeNostrURI:()=>mo,encodeBytes:()=>Bo,naddrEncode:()=>Lo,neventEncode:()=>Io,noteEncode:()=>ko,nprofileEncode:()=>Uo,npubEncode:()=>Ao,nsecEncode:()=>xo});var Gr=(t,e)=>e?Gr(e,t%e):t,Jr=(t,e)=>t+(e-Gr(t,e));function Yr(t,e,n,r){if(!Array.isArray(t))throw new Error("convertRadix2: data should be array");if(e<=0||e>32)throw new Error(`convertRadix2: wrong from=${e}`);if(n<=0||n>32)throw new Error(`convertRadix2: wrong to=${n}`);if(Jr(e,n)>32)throw new Error(`convertRadix2: carry overflow from=${e} to=${n} carryBits=${Jr(e,n)}`);let o=0,i=0;const s=2**n-1,a=[];for(const r of t){if(zr(r),r>=2**e)throw new Error(`convertRadix2: invalid data word=${r} from=${e}`);if(o=o<<e|r,i+e>32)throw new Error(`convertRadix2: carry overflow pos=${i} from=${e}`);for(i+=e;i>=n;i-=n)a.push((o>>i-n&s)>>>0);o&=2**i-1}if(o=o<<n-i&s,!r&&i>=e)throw new Error("Excess padding");if(!r&&o)throw new Error(`Non-zero padding: ${o}`);return r&&i>0&&a.push(o>>>0),a}function Qr(t,e=!1){if(zr(t),t<=0||t>32)throw new Error("radix2: bits should be in (0..32]");if(Jr(8,t)>32||Jr(t,8)>32)throw new Error("radix2: carry overflow");return{encode:n=>{if(!(n instanceof Uint8Array))throw new Error("radix2.encode input should be Uint8Array");return Yr(Array.from(n),8,t,!e)},decode:n=>{if(!Array.isArray(n)||n.length&&"number"!=typeof n[0])throw new Error("radix2.decode input should be array of strings");return Uint8Array.from(Yr(n,t,8,e))}}}function Xr(t){if("function"!=typeof t)throw new Error("unsafeWrapper fn should be function");return function(...e){try{return t.apply(null,e)}catch(t){}}}var to=Dr(Qr(4),Fr("0123456789ABCDEF"),Kr("")),eo=Dr(Qr(5),Fr("ABCDEFGHIJKLMNOPQRSTUVWXYZ234567"),Wr(5),Kr("")),no=(Dr(Qr(5),Fr("0123456789ABCDEFGHIJKLMNOPQRSTUV"),Wr(5),Kr("")),Dr(Qr(5),Fr("0123456789ABCDEFGHJKMNPQRSTVWXYZ"),Kr(""),Vr((t=>t.toUpperCase().replace(/O/g,"0").replace(/[IL]/g,"1")))),Dr(Qr(6),Fr("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"),Wr(6),Kr(""))),ro=Dr(Qr(6),Fr("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_"),Wr(6),Kr("")),oo=t=>{return Dr((zr(e=58),{encode:t=>{if(!(t instanceof Uint8Array))throw new Error("radix.encode input should be Uint8Array");return Zr(Array.from(t),256,e)},decode:t=>{if(!Array.isArray(t)||t.length&&"number"!=typeof t[0])throw new Error("radix.decode input should be array of strings");return Uint8Array.from(Zr(t,e,256))}}),Fr(t),Kr(""));var e},io=oo("123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz"),so=(oo("123456789abcdefghijkmnopqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ"),oo("rpshnaf39wBUDNEGHJKLM4PQRST7VWXYZ2bcdeCg65jkm8oFqi1tuvAxyz"),[0,2,3,5,6,7,9,10,11]),ao={encode(t){let e="";for(let n=0;n<t.length;n+=8){const r=t.subarray(n,n+8);e+=io.encode(r).padStart(so[r.length],"1")}return e},decode(t){let e=[];for(let n=0;n<t.length;n+=11){const r=t.slice(n,n+11),o=so.indexOf(r.length),i=io.decode(r);for(let t=0;t<i.length-o;t++)if(0!==i[t])throw new Error("base58xmr: wrong padding");e=e.concat(Array.from(i.slice(i.length-o)))}return Uint8Array.from(e)}},co=Dr(Fr("qpzry9x8gf2tvdw0s3jn54khce6mua7l"),Kr("")),uo=[996825010,642813549,513874426,1027748829,705979059];function lo(t){const e=t>>25;let n=(33554431&t)<<5;for(let t=0;t<uo.length;t++)1==(e>>t&1)&&(n^=uo[t]);return n}function ho(t,e,n=1){const r=t.length;let o=1;for(let e=0;e<r;e++){const n=t.charCodeAt(e);if(n<33||n>126)throw new Error(`Invalid prefix (${t})`);o=lo(o)^n>>5}o=lo(o);for(let e=0;e<r;e++)o=lo(o)^31&t.charCodeAt(e);for(let t of e)o=lo(o)^t;for(let t=0;t<6;t++)o=lo(o);return o^=n,co.encode(Yr([o%2**30],30,5,!1))}function fo(t){const e="bech32"===t?1:734539939,n=Qr(5),r=n.decode,o=n.encode,i=Xr(r);function s(t,n=90){if("string"!=typeof t)throw new Error("bech32.decode input should be string, not "+typeof t);if(t.length<8||!1!==n&&t.length>n)throw new TypeError(`Wrong string length: ${t.length} (${t}). Expected (8..${n})`);const r=t.toLowerCase();if(t!==r&&t!==t.toUpperCase())throw new Error("String must be lowercase or uppercase");const o=(t=r).lastIndexOf("1");if(0===o||-1===o)throw new Error('Letter "1" must be present between prefix and data only');const i=t.slice(0,o),s=t.slice(o+1);if(s.length<6)throw new Error("Data must be at least 6 characters long");const a=co.decode(s).slice(0,-6),c=ho(i,a,e);if(!s.endsWith(c))throw new Error(`Invalid checksum in ${t}: expected "${c}"`);return{prefix:i,words:a}}return{encode:function(t,n,r=90){if("string"!=typeof t)throw new Error("bech32.encode prefix should be string, not "+typeof t);if(!Array.isArray(n)||n.length&&"number"!=typeof n[0])throw new Error("bech32.encode words should be array of numbers, not "+typeof n);const o=t.length+7+n.length;if(!1!==r&&o>r)throw new TypeError(`Length ${o} exceeds limit ${r}`);return`${t=t.toLowerCase()}1${co.encode(n)}${ho(t,n,e)}`},decode:s,decodeToBytes:function(t){const{prefix:e,words:n}=s(t,!1);return{prefix:e,words:n,bytes:r(n)}},decodeUnsafe:Xr(s),fromWords:r,fromWordsUnsafe:i,toWords:o}}var po=fo("bech32"),go=(fo("bech32m"),{utf8:{encode:t=>(new TextDecoder).decode(t),decode:t=>(new TextEncoder).encode(t)},hex:Dr(Qr(4),Fr("0123456789abcdef"),Kr(""),Vr((t=>{if("string"!=typeof t||t.length%2)throw new TypeError(`hex.decode: expected string, got ${typeof t} with length ${t.length}`);return t.toLowerCase()}))),base16:to,base32:eo,base64:no,base64url:ro,base58:io,base58xmr:ao}),yo=(Object.keys(go).join(", "),{isNProfile:t=>/^nprofile1[a-z\d]+$/.test(t||""),isNEvent:t=>/^nevent1[a-z\d]+$/.test(t||""),isNAddr:t=>/^naddr1[a-z\d]+$/.test(t||""),isNSec:t=>/^nsec1[a-z\d]{58}$/.test(t||""),isNPub:t=>/^npub1[a-z\d]{58}$/.test(t||""),isNote:t=>/^note1[a-z\d]+$/.test(t||""),isNcryptsec:t=>/^ncryptsec1[a-z\d]+$/.test(t||"")}),wo=5e3,bo=/[\x21-\x7E]{1,83}1[023456789acdefghjklmnpqrstuvwxyz]{6,}/;function mo(t){try{return t.startsWith("nostr:")&&(t=t.substring(6)),Eo(t)}catch(t){return{type:"invalid",data:null}}}function Eo(t){let{prefix:e,words:n}=po.decode(t,wo),r=new Uint8Array(po.fromWords(n));switch(e){case"nprofile":{let t=vo(r);if(!t[0]?.[0])throw new Error("missing TLV 0 for nprofile");if(32!==t[0][0].length)throw new Error("TLV 0 should be 32 bytes");return{type:"nprofile",data:{pubkey:re(t[0][0]),relays:t[1]?t[1].map((t=>Be.decode(t))):[]}}}case"nevent":{let t=vo(r);if(!t[0]?.[0])throw new Error("missing TLV 0 for nevent");if(32!==t[0][0].length)throw new Error("TLV 0 should be 32 bytes");if(t[2]&&32!==t[2][0].length)throw new Error("TLV 2 should be 32 bytes");if(t[3]&&4!==t[3][0].length)throw new Error("TLV 3 should be 4 bytes");return{type:"nevent",data:{id:re(t[0][0]),relays:t[1]?t[1].map((t=>Be.decode(t))):[],author:t[2]?.[0]?re(t[2][0]):void 0,kind:t[3]?.[0]?parseInt(re(t[3][0]),16):void 0}}}case"naddr":{let t=vo(r);if(!t[0]?.[0])throw new Error("missing TLV 0 for naddr");if(!t[2]?.[0])throw new Error("missing TLV 2 for naddr");if(32!==t[2][0].length)throw new Error("TLV 2 should be 32 bytes");if(!t[3]?.[0])throw new Error("missing TLV 3 for naddr");if(4!==t[3][0].length)throw new Error("TLV 3 should be 4 bytes");return{type:"naddr",data:{identifier:Be.decode(t[0][0]),pubkey:re(t[2][0]),kind:parseInt(re(t[3][0]),16),relays:t[1]?t[1].map((t=>Be.decode(t))):[]}}}case"nsec":return{type:e,data:r};case"npub":case"note":return{type:e,data:re(r)};default:throw new Error(`unknown prefix ${e}`)}}function vo(t){let e={},n=t;for(;n.length>0;){let t=n[0],r=n[1],o=n.slice(2,2+r);if(n=n.slice(2+r),o.length<r)throw new Error(`not enough data to read on TLV ${t}`);e[t]=e[t]||[],e[t].push(o)}return e}function xo(t){return Bo("nsec",t)}function Ao(t){return Bo("npub",oe(t))}function ko(t){return Bo("note",oe(t))}function So(t,e){let n=po.toWords(e);return po.encode(t,n,wo)}function Bo(t,e){return So(t,e)}function Uo(t){return So("nprofile",To({0:[oe(t.pubkey)],1:(t.relays||[]).map((t=>Ue.encode(t)))}))}function Io(t){let e;return void 0!==t.kind&&(e=function(t){const e=new Uint8Array(4);return e[0]=t>>24&255,e[1]=t>>16&255,e[2]=t>>8&255,e[3]=255&t,e}(t.kind)),So("nevent",To({0:[oe(t.id)],1:(t.relays||[]).map((t=>Ue.encode(t))),2:t.author?[oe(t.author)]:[],3:e?[new Uint8Array(e)]:[]}))}function Lo(t){let e=new ArrayBuffer(4);return new DataView(e).setUint32(0,t.kind,!1),So("naddr",To({0:[Ue.encode(t.identifier)],1:(t.relays||[]).map((t=>Ue.encode(t))),2:[oe(t.pubkey)],3:[new Uint8Array(e)]}))}function To(t){let e=[];return Object.entries(t).reverse().forEach((([t,n])=>{n.forEach((n=>{let r=new Uint8Array(n.length+2);r.set([parseInt(t)],0),r.set([n.length],1),r.set(n,2),e.push(r)}))})),se(...e)}var Oo=/\bnostr:((note|npub|naddr|nevent|nprofile)1\w+)\b|#\[(\d+)\]/g;function Ro(t){let e=[];for(let n of t.content.matchAll(Oo))if(n[2])try{let{type:t,data:r}=Eo(n[1]);switch(t){case"npub":e.push({text:n[0],profile:{pubkey:r,relays:[]}});break;case"nprofile":e.push({text:n[0],profile:r});break;case"note":e.push({text:n[0],event:{id:r,relays:[]}});break;case"nevent":e.push({text:n[0],event:r});break;case"naddr":e.push({text:n[0],address:r})}}catch(t){}else if(n[3]){let r=parseInt(n[3],10),o=t.tags[r];if(!o)continue;switch(o[0]){case"p":e.push({text:n[0],profile:{pubkey:o[1],relays:o[2]?[o[2]]:[]}});break;case"e":e.push({text:n[0],event:{id:o[1],relays:o[2]?[o[2]]:[]}});break;case"a":try{let[t,r,i]=o[1].split(":");e.push({text:n[0],address:{identifier:i,pubkey:r,kind:parseInt(t,10),relays:o[2]?[o[2]]:[]}})}catch(t){}}}return e}var $o={};function No(t){if(!Number.isSafeInteger(t)||t<0)throw new Error(`positive integer expected, not ${t}`)}function _o(t){if("boolean"!=typeof t)throw new Error(`boolean expected, not ${t}`)}function Po(t){return t instanceof Uint8Array||null!=t&&"object"==typeof t&&"Uint8Array"===t.constructor.name}function Ho(t,...e){if(!Po(t))throw new Error("Uint8Array expected");if(e.length>0&&!e.includes(t.length))throw new Error(`Uint8Array expected of length ${e}, not of length=${t.length}`)}function Co(t,e=!0){if(t.destroyed)throw new Error("Hash instance has been destroyed");if(e&&t.finished)throw new Error("Hash#digest() has already been called")}function qo(t,e){Ho(t);const n=e.outputLen;if(t.length<n)throw new Error(`digestInto() expects output buffer of length at least ${n}`)}o($o,{decrypt:()=>Ti,encrypt:()=>Li});var Mo=t=>new Uint8Array(t.buffer,t.byteOffset,t.byteLength),jo=t=>new Uint32Array(t.buffer,t.byteOffset,Math.floor(t.byteLength/4)),zo=t=>new DataView(t.buffer,t.byteOffset,t.byteLength);if(!(68===new Uint8Array(new Uint32Array([287454020]).buffer)[0]))throw new Error("Non little-endian hardware is not supported");function Do(t){if("string"!=typeof t)throw new Error("string expected, got "+typeof t);return new Uint8Array((new TextEncoder).encode(t))}function Fo(t){if("string"==typeof t)t=Do(t);else{if(!Po(t))throw new Error("Uint8Array expected, got "+typeof t);t=t.slice()}return t}function Ko(t,e){if(t.length!==e.length)return!1;let n=0;for(let r=0;r<t.length;r++)n|=t[r]^e[r];return 0===n}var Wo=(t,e)=>(Object.assign(e,t),e);function Vo(t,e,n,r){if("function"==typeof t.setBigUint64)return t.setBigUint64(e,n,r);const o=BigInt(32),i=BigInt(4294967295),s=Number(n>>o&i),a=Number(n&i),c=r?4:0,u=r?0:4;t.setUint32(e+c,s,r),t.setUint32(e+u,a,r)}var Zo=16,Go=new Uint8Array(16),Jo=jo(Go),Yo=t=>(t>>>0&255)<<24|(t>>>8&255)<<16|(t>>>16&255)<<8|t>>>24&255;var Qo=class{constructor(t,e){this.blockLen=Zo,this.outputLen=Zo,this.s0=0,this.s1=0,this.s2=0,this.s3=0,this.finished=!1,Ho(t=Fo(t),16);const n=zo(t);let r=n.getUint32(0,!1),o=n.getUint32(4,!1),i=n.getUint32(8,!1),s=n.getUint32(12,!1);const a=[];for(let t=0;t<128;t++)a.push({s0:Yo(r),s1:Yo(o),s2:Yo(i),s3:Yo(s)}),({s0:r,s1:o,s2:i,s3:s}={s3:(l=i)<<31|(h=s)>>>1,s2:(u=o)<<31|l>>>1,s1:(c=r)<<31|u>>>1,s0:c>>>1^225<<24&-(1&h)});var c,u,l,h;const f=(d=e||1024)>65536?8:d>1024?4:2;var d;if(![1,2,4,8].includes(f))throw new Error(`ghash: wrong window size=${f}, should be 2, 4 or 8`);this.W=f;const p=128/f,g=this.windowSize=2**f,y=[];for(let t=0;t<p;t++)for(let e=0;e<g;e++){let n=0,r=0,o=0,i=0;for(let s=0;s<f;s++){if(!(e>>>f-s-1&1))continue;const{s0:c,s1:u,s2:l,s3:h}=a[f*t+s];n^=c,r^=u,o^=l,i^=h}y.push({s0:n,s1:r,s2:o,s3:i})}this.t=y}_updateBlock(t,e,n,r){t^=this.s0,e^=this.s1,n^=this.s2,r^=this.s3;const{W:o,t:i,windowSize:s}=this;let a=0,c=0,u=0,l=0;const h=(1<<o)-1;let f=0;for(const d of[t,e,n,r])for(let t=0;t<4;t++){const e=d>>>8*t&255;for(let t=8/o-1;t>=0;t--){const n=e>>>o*t&h,{s0:r,s1:d,s2:p,s3:g}=i[f*s+n];a^=r,c^=d,u^=p,l^=g,f+=1}}this.s0=a,this.s1=c,this.s2=u,this.s3=l}update(t){t=Fo(t),Co(this);const e=jo(t),n=Math.floor(t.length/Zo),r=t.length%Zo;for(let t=0;t<n;t++)this._updateBlock(e[4*t+0],e[4*t+1],e[4*t+2],e[4*t+3]);return r&&(Go.set(t.subarray(n*Zo)),this._updateBlock(Jo[0],Jo[1],Jo[2],Jo[3]),Jo.fill(0)),this}destroy(){const{t:t}=this;for(const e of t)e.s0=0,e.s1=0,e.s2=0,e.s3=0}digestInto(t){Co(this),qo(t,this),this.finished=!0;const{s0:e,s1:n,s2:r,s3:o}=this,i=jo(t);return i[0]=e,i[1]=n,i[2]=r,i[3]=o,t}digest(){const t=new Uint8Array(Zo);return this.digestInto(t),this.destroy(),t}},Xo=class extends Qo{constructor(t,e){const n=function(t){t.reverse();const e=1&t[15];let n=0;for(let e=0;e<t.length;e++){const r=t[e];t[e]=r>>>1|n,n=(1&r)<<7}return t[0]^=225&-e,t}((t=Fo(t)).slice());super(n,e),n.fill(0)}update(t){t=Fo(t),Co(this);const e=jo(t),n=t.length%Zo,r=Math.floor(t.length/Zo);for(let t=0;t<r;t++)this._updateBlock(Yo(e[4*t+3]),Yo(e[4*t+2]),Yo(e[4*t+1]),Yo(e[4*t+0]));return n&&(Go.set(t.subarray(r*Zo)),this._updateBlock(Yo(Jo[3]),Yo(Jo[2]),Yo(Jo[1]),Yo(Jo[0])),Jo.fill(0)),this}digestInto(t){Co(this),qo(t,this),this.finished=!0;const{s0:e,s1:n,s2:r,s3:o}=this,i=jo(t);return i[0]=e,i[1]=n,i[2]=r,i[3]=o,t.reverse()}};function ti(t){const e=(e,n)=>t(n,e.length).update(Fo(e)).digest(),n=t(new Uint8Array(16),0);return e.outputLen=n.outputLen,e.blockLen=n.blockLen,e.create=(e,n)=>t(e,n),e}var ei=ti(((t,e)=>new Qo(t,e))),ni=ti(((t,e)=>new Xo(t,e))),ri=16,oi=new Uint8Array(ri);function ii(t){return t<<1^283&-(t>>7)}function si(t,e){let n=0;for(;e>0;e>>=1)n^=t&-(1&e),t=ii(t);return n}var ai=(()=>{let t=new Uint8Array(256);for(let e=0,n=1;e<256;e++,n^=ii(n))t[e]=n;const e=new Uint8Array(256);e[0]=99;for(let n=0;n<255;n++){let r=t[255-n];r|=r<<8,e[t[n]]=255&(r^r>>4^r>>5^r>>6^r>>7^99)}return e})(),ci=ai.map(((t,e)=>ai.indexOf(e))),ui=t=>t<<8|t>>>24;function li(t,e){if(256!==t.length)throw new Error("Wrong sbox length");const n=new Uint32Array(256).map(((n,r)=>e(t[r]))),r=n.map(ui),o=r.map(ui),i=o.map(ui),s=new Uint32Array(65536),a=new Uint32Array(65536),c=new Uint16Array(65536);for(let e=0;e<256;e++)for(let u=0;u<256;u++){const l=256*e+u;s[l]=n[e]^r[u],a[l]=o[e]^i[u],c[l]=t[e]<<8|t[u]}return{sbox:t,sbox2:c,T0:n,T1:r,T2:o,T3:i,T01:s,T23:a}}var hi=li(ai,(t=>si(t,3)<<24|t<<16|t<<8|si(t,2))),fi=li(ci,(t=>si(t,11)<<24|si(t,13)<<16|si(t,9)<<8|si(t,14))),di=(()=>{const t=new Uint8Array(16);for(let e=0,n=1;e<16;e++,n=ii(n))t[e]=n;return t})();function pi(t){Ho(t);const e=t.length;if(![16,24,32].includes(e))throw new Error(`aes: wrong key size: should be 16, 24 or 32, got: ${e}`);const{sbox2:n}=hi,r=jo(t),o=r.length,i=t=>wi(n,t,t,t,t),s=new Uint32Array(e+28);s.set(r);for(let t=o;t<s.length;t++){let e=s[t-1];t%o==0?e=i((a=e)<<24|a>>>8)^di[t/o-1]:o>6&&t%o==4&&(e=i(e)),s[t]=s[t-o]^e}var a;return s}function gi(t){const e=pi(t),n=e.slice(),r=e.length,{sbox2:o}=hi,{T0:i,T1:s,T2:a,T3:c}=fi;for(let t=0;t<r;t+=4)for(let o=0;o<4;o++)n[t+o]=e[r-t-4+o];e.fill(0);for(let t=4;t<r-4;t++){const e=n[t],r=wi(o,e,e,e,e);n[t]=i[255&r]^s[r>>>8&255]^a[r>>>16&255]^c[r>>>24]}return n}function yi(t,e,n,r,o,i){return t[n<<8&65280|r>>>8&255]^e[o>>>8&65280|i>>>24&255]}function wi(t,e,n,r,o){return t[255&e|65280&n]|t[r>>>16&255|o>>>16&65280]<<16}function bi(t,e,n,r,o){const{sbox2:i,T01:s,T23:a}=hi;let c=0;e^=t[c++],n^=t[c++],r^=t[c++],o^=t[c++];const u=t.length/4-2;for(let i=0;i<u;i++){const i=t[c++]^yi(s,a,e,n,r,o),u=t[c++]^yi(s,a,n,r,o,e),l=t[c++]^yi(s,a,r,o,e,n),h=t[c++]^yi(s,a,o,e,n,r);e=i,n=u,r=l,o=h}return{s0:t[c++]^wi(i,e,n,r,o),s1:t[c++]^wi(i,n,r,o,e),s2:t[c++]^wi(i,r,o,e,n),s3:t[c++]^wi(i,o,e,n,r)}}function mi(t,e,n,r,o){const{sbox2:i,T01:s,T23:a}=fi;let c=0;e^=t[c++],n^=t[c++],r^=t[c++],o^=t[c++];const u=t.length/4-2;for(let i=0;i<u;i++){const i=t[c++]^yi(s,a,e,o,r,n),u=t[c++]^yi(s,a,n,e,o,r),l=t[c++]^yi(s,a,r,n,e,o),h=t[c++]^yi(s,a,o,r,n,e);e=i,n=u,r=l,o=h}return{s0:t[c++]^wi(i,e,o,r,n),s1:t[c++]^wi(i,n,e,o,r),s2:t[c++]^wi(i,r,n,e,o),s3:t[c++]^wi(i,o,r,n,e)}}function Ei(t,e){if(!e)return new Uint8Array(t);if(Ho(e),e.length<t)throw new Error(`aes: wrong destination length, expected at least ${t}, got: ${e.length}`);return e}function vi(t,e,n,r,o){Ho(n,ri),Ho(r),o=Ei(r.length,o);const i=n,s=jo(i),a=zo(i),c=jo(r),u=jo(o),l=e?0:12,h=r.length;let f=a.getUint32(l,e),{s0:d,s1:p,s2:g,s3:y}=bi(t,s[0],s[1],s[2],s[3]);for(let n=0;n+4<=c.length;n+=4)u[n+0]=c[n+0]^d,u[n+1]=c[n+1]^p,u[n+2]=c[n+2]^g,u[n+3]=c[n+3]^y,f=f+1>>>0,a.setUint32(l,f,e),({s0:d,s1:p,s2:g,s3:y}=bi(t,s[0],s[1],s[2],s[3]));const w=ri*Math.floor(c.length/4);if(w<h){const t=new Uint32Array([d,p,g,y]),e=Mo(t);for(let t=w,n=0;t<h;t++,n++)o[t]=r[t]^e[n]}return o}Wo({blockSize:16,nonceLength:16},(function(t,e){function n(n,r){const o=pi(t),i=e.slice(),s=function(t,e,n,r){Ho(e,ri),Ho(n);const o=n.length;r=Ei(o,r);const i=e,s=jo(i);let{s0:a,s1:c,s2:u,s3:l}=bi(t,s[0],s[1],s[2],s[3]);const h=jo(n),f=jo(r);for(let e=0;e+4<=h.length;e+=4){f[e+0]=h[e+0]^a,f[e+1]=h[e+1]^c,f[e+2]=h[e+2]^u,f[e+3]=h[e+3]^l;let n=1;for(let t=i.length-1;t>=0;t--)n=n+(255&i[t])|0,i[t]=255&n,n>>>=8;({s0:a,s1:c,s2:u,s3:l}=bi(t,s[0],s[1],s[2],s[3]))}const d=ri*Math.floor(h.length/4);if(d<o){const t=new Uint32Array([a,c,u,l]),e=Mo(t);for(let t=d,i=0;t<o;t++,i++)r[t]=n[t]^e[i]}return r}(o,i,n,r);return o.fill(0),i.fill(0),s}return Ho(t),Ho(e,ri),{encrypt:(t,e)=>n(t,e),decrypt:(t,e)=>n(t,e)}}));function xi(t){if(Ho(t),t.length%ri!=0)throw new Error("aes/(cbc-ecb).decrypt ciphertext should consist of blocks with size 16")}function Ai(t,e,n){let r=t.length;const o=r%ri;if(!e&&0!==o)throw new Error("aec/(cbc-ecb): unpadded plaintext with disabled padding");const i=jo(t);if(e){let t=ri-o;t||(t=ri),r+=t}const s=Ei(r,n);return{b:i,o:jo(s),out:s}}function ki(t,e){if(!e)return t;const n=t.length;if(!n)throw new Error("aes/pcks5: empty ciphertext not allowed");const r=t[n-1];if(r<=0||r>16)throw new Error(`aes/pcks5: wrong padding byte: ${r}`);const o=t.subarray(0,-r);for(let e=0;e<r;e++)if(t[n-e-1]!==r)throw new Error("aes/pcks5: wrong padding");return o}function Si(t){const e=new Uint8Array(16),n=jo(e);e.set(t);const r=ri-t.length;for(let t=ri-r;t<ri;t++)e[t]=r;return n}Wo({blockSize:16},(function(t,e={}){Ho(t);const n=!e.disablePadding;return{encrypt:(e,r)=>{Ho(e);const{b:o,o:i,out:s}=Ai(e,n,r),a=pi(t);let c=0;for(;c+4<=o.length;){const{s0:t,s1:e,s2:n,s3:r}=bi(a,o[c+0],o[c+1],o[c+2],o[c+3]);i[c++]=t,i[c++]=e,i[c++]=n,i[c++]=r}if(n){const t=Si(e.subarray(4*c)),{s0:n,s1:r,s2:o,s3:s}=bi(a,t[0],t[1],t[2],t[3]);i[c++]=n,i[c++]=r,i[c++]=o,i[c++]=s}return a.fill(0),s},decrypt:(e,r)=>{xi(e);const o=gi(t),i=Ei(e.length,r),s=jo(e),a=jo(i);for(let t=0;t+4<=s.length;){const{s0:e,s1:n,s2:r,s3:i}=mi(o,s[t+0],s[t+1],s[t+2],s[t+3]);a[t++]=e,a[t++]=n,a[t++]=r,a[t++]=i}return o.fill(0),ki(i,n)}}}));var Bi=Wo({blockSize:16,nonceLength:16},(function(t,e,n={}){Ho(t),Ho(e,16);const r=!n.disablePadding;return{encrypt:(n,o)=>{const i=pi(t),{b:s,o:a,out:c}=Ai(n,r,o),u=jo(e);let l=u[0],h=u[1],f=u[2],d=u[3],p=0;for(;p+4<=s.length;)l^=s[p+0],h^=s[p+1],f^=s[p+2],d^=s[p+3],({s0:l,s1:h,s2:f,s3:d}=bi(i,l,h,f,d)),a[p++]=l,a[p++]=h,a[p++]=f,a[p++]=d;if(r){const t=Si(n.subarray(4*p));l^=t[0],h^=t[1],f^=t[2],d^=t[3],({s0:l,s1:h,s2:f,s3:d}=bi(i,l,h,f,d)),a[p++]=l,a[p++]=h,a[p++]=f,a[p++]=d}return i.fill(0),c},decrypt:(n,o)=>{xi(n);const i=gi(t),s=jo(e),a=Ei(n.length,o),c=jo(n),u=jo(a);let l=s[0],h=s[1],f=s[2],d=s[3];for(let t=0;t+4<=c.length;){const e=l,n=h,r=f,o=d;l=c[t+0],h=c[t+1],f=c[t+2],d=c[t+3];const{s0:s,s1:a,s2:p,s3:g}=mi(i,l,h,f,d);u[t++]=s^e,u[t++]=a^n,u[t++]=p^r,u[t++]=g^o}return i.fill(0),ki(a,r)}}}));function Ui(t,e,n,r,o){const i=t.create(n,r.length+(o?.length||0));o&&i.update(o),i.update(r);const s=new Uint8Array(16),a=zo(s);return o&&Vo(a,0,BigInt(8*o.length),e),Vo(a,8,BigInt(8*r.length),e),i.update(s),i.digest()}Wo({blockSize:16,nonceLength:12,tagLength:16},(function(t,e,n){if(Ho(e),0===e.length)throw new Error("aes/gcm: empty nonce");const r=16;function o(t,e,r){const o=Ui(ei,!1,t,r,n);for(let t=0;t<e.length;t++)o[t]^=e[t];return o}function i(){const n=pi(t),r=oi.slice(),o=oi.slice();if(vi(n,!1,o,o,r),12===e.length)o.set(e);else{const t=oi.slice();Vo(zo(t),8,BigInt(8*e.length),!1),ei.create(r).update(e).update(t).digestInto(o)}return{xk:n,authKey:r,counter:o,tagMask:vi(n,!1,o,oi)}}return{encrypt:t=>{Ho(t);const{xk:e,authKey:n,counter:s,tagMask:a}=i(),c=new Uint8Array(t.length+r);vi(e,!1,s,t,c);const u=o(n,a,c.subarray(0,c.length-r));return c.set(u,t.length),e.fill(0),c},decrypt:t=>{if(Ho(t),t.length<r)throw new Error("aes/gcm: ciphertext less than tagLen (16)");const{xk:e,authKey:n,counter:s,tagMask:a}=i(),c=t.subarray(0,-16),u=t.subarray(-16);if(!Ko(o(n,a,c),u))throw new Error("aes/gcm: invalid ghash tag");const l=vi(e,!1,s,c);return n.fill(0),a.fill(0),e.fill(0),l}}}));var Ii=(t,e,n)=>r=>{if(!Number.isSafeInteger(r)||e>r||r>n)throw new Error(`${t}: invalid value=${r}, must be [${e}..${n}]`)};Wo({blockSize:16,nonceLength:12,tagLength:16},(function(t,e,n){const r=Ii("AAD",0,2**36),o=Ii("plaintext",0,2**36),i=Ii("nonce",12,12),s=Ii("ciphertext",16,2**36+16);function a(){const n=t.length;if(16!==n&&24!==n&&32!==n)throw new Error(`key length must be 16, 24 or 32 bytes, got: ${n} bytes`);const r=pi(t),o=new Uint8Array(n),i=new Uint8Array(16),s=jo(e);let a=0,c=s[0],u=s[1],l=s[2],h=0;for(const t of[i,o].map(jo)){const e=jo(t);for(let t=0;t<e.length;t+=2){const{s0:n,s1:o}=bi(r,a,c,u,l);e[t+0]=n,e[t+1]=o,a=++h}}return r.fill(0),{authKey:i,encKey:pi(o)}}function c(t,r,o){const i=Ui(ni,!0,r,o,n);for(let t=0;t<12;t++)i[t]^=e[t];i[15]&=127;const s=jo(i);let a=s[0],c=s[1],u=s[2],l=s[3];return({s0:a,s1:c,s2:u,s3:l}=bi(t,a,c,u,l)),s[0]=a,s[1]=c,s[2]=u,s[3]=l,i}function u(t,e,n){let r=e.slice();return r[15]|=128,vi(t,!0,r,n)}return Ho(e),i(e.length),n&&(Ho(n),r(n.length)),{encrypt:t=>{Ho(t),o(t.length);const{encKey:e,authKey:n}=a(),r=c(e,n,t),i=new Uint8Array(t.length+16);return i.set(r,t.length),i.set(u(e,r,t)),e.fill(0),n.fill(0),i},decrypt:t=>{Ho(t),s(t.length);const e=t.subarray(-16),{encKey:n,authKey:r}=a(),o=u(n,e,t.subarray(0,-16)),i=c(n,r,o);if(n.fill(0),r.fill(0),!Ko(e,i))throw new Error("invalid polyval tag");return o}}}));function Li(t,e,n){const r=t instanceof Uint8Array?re(t):t,o=Oi(_t.getSharedSecret(r,"02"+e));let i=Uint8Array.from(ue(16)),s=Ue.encode(n),a=Bi(o,i).encrypt(s);return`${no.encode(new Uint8Array(a))}?iv=${no.encode(new Uint8Array(i.buffer))}`}function Ti(t,e,n){const r=t instanceof Uint8Array?re(t):t;let[o,i]=n.split("?iv="),s=Oi(_t.getSharedSecret(r,"02"+e)),a=no.decode(i),c=no.decode(o),u=Bi(s,a).decrypt(c);return Be.decode(u)}function Oi(t){return t.slice(1,33)}var Ri={};o(Ri,{NIP05_REGEX:()=>Ni,isNip05:()=>_i,isValid:()=>qi,queryProfile:()=>Ci,searchDomain:()=>Hi,useFetchImplementation:()=>Pi});var $i,Ni=/^(?:([\w.+-]+)@)?([\w_-]+(\.[\w_-]+)+)$/,_i=t=>Ni.test(t||"");try{$i=fetch}catch(t){}function Pi(t){$i=t}async function Hi(t,e=""){try{const n=`https://${t}/.well-known/nostr.json?name=${e}`,r=await $i(n,{redirect:"manual"});if(200!==r.status)throw Error("Wrong response code");return(await r.json()).names}catch(t){return{}}}async function Ci(t){const e=t.match(Ni);if(!e)return null;const[,n="_",r]=e;try{const t=`https://${r}/.well-known/nostr.json?name=${n}`,e=await $i(t,{redirect:"manual"});if(200!==e.status)throw Error("Wrong response code");const o=await e.json(),i=o.names[n];return i?{pubkey:i,relays:o.relays?.[i]}:null}catch(t){return null}}async function qi(t,e){const n=await Ci(e);return!!n&&n.pubkey===t}var Mi={};function ji(t){const e={reply:void 0,root:void 0,mentions:[],profiles:[],quotes:[]};let n,r;for(let o=t.tags.length-1;o>=0;o--){const i=t.tags[o];if("e"===i[0]&&i[1]){const[t,o,s,a,c]=i,u={id:o,relays:s?[s]:[],author:c};if("root"===a){e.root=u;continue}if("reply"===a){e.reply=u;continue}if("mention"===a){e.mentions.push(u);continue}n?r=u:n=u,e.mentions.push(u)}else{if("q"===i[0]&&i[1]){const[t,n,r]=i;e.quotes.push({id:n,relays:r?[r]:[]})}"p"===i[0]&&i[1]&&e.profiles.push({pubkey:i[1],relays:i[2]?[i[2]]:[]})}}return e.root||(e.root=r||n||e.reply),e.reply||(e.reply=n||e.root),[e.reply,e.root].forEach((t=>{if(!t)return;let n=e.mentions.indexOf(t);if(-1!==n&&e.mentions.splice(n,1),t.author){let n=e.profiles.find((e=>e.pubkey===t.author));n&&n.relays&&(t.relays||(t.relays=[]),n.relays.forEach((e=>{-1===t.relays?.indexOf(e)&&t.relays.push(e)})),n.relays=t.relays)}})),e.mentions.forEach((t=>{if(t.author){let n=e.profiles.find((e=>e.pubkey===t.author));n&&n.relays&&(t.relays||(t.relays=[]),n.relays.forEach((e=>{-1===t.relays.indexOf(e)&&t.relays.push(e)})),n.relays=t.relays)}})),e}o(Mi,{parse:()=>ji});var zi={};o(zi,{fetchRelayInformation:()=>Fi,useFetchImplementation:()=>Di});try{fetch}catch{}function Di(t){0}async function Fi(t){return await(await fetch(t.replace("ws://","http://").replace("wss://","https://"),{headers:{Accept:"application/nostr+json"}})).json()}var Ki={};function Wi(t){let e=0;for(let n=0;n<64;n+=8){const r=parseInt(t.substring(n,n+8),16);if(0!==r){e+=Math.clz32(r);break}e+=32}return e}function Vi(t,e){let n=0;const r=t,o=["nonce",n.toString(),e.toString()];for(r.tags.push(o);;){const t=Math.floor((new Date).getTime()/1e3);if(t!==r.created_at&&(n=0,r.created_at=t),o[1]=(++n).toString(),r.id=Zi(r),Wi(r.id)>=e)break}return r}function Zi(t){return re(ke(Ue.encode(JSON.stringify([0,t.pubkey,t.created_at,t.kind,t.tags,t.content]))))}o(Ki,{fastEventHash:()=>Zi,getPow:()=>Wi,minePow:()=>Vi});var Gi={};o(Gi,{unwrapEvent:()=>Ws,unwrapManyEvents:()=>Vs,wrapEvent:()=>Fs,wrapManyEvents:()=>Ks});var Ji={};o(Ji,{createRumor:()=>Hs,createSeal:()=>Cs,createWrap:()=>qs,unwrapEvent:()=>zs,unwrapManyEvents:()=>Ds,wrapEvent:()=>Ms,wrapManyEvents:()=>js});var Yi={};o(Yi,{decrypt:()=>Ts,encrypt:()=>Ls,getConversationKey:()=>ks,v2:()=>Os});var Qi=(t,e)=>255&t[e++]|(255&t[e++])<<8,Xi=class{constructor(t){this.blockLen=16,this.outputLen=16,this.buffer=new Uint8Array(16),this.r=new Uint16Array(10),this.h=new Uint16Array(10),this.pad=new Uint16Array(8),this.pos=0,this.finished=!1,Ho(t=Fo(t),32);const e=Qi(t,0),n=Qi(t,2),r=Qi(t,4),o=Qi(t,6),i=Qi(t,8),s=Qi(t,10),a=Qi(t,12),c=Qi(t,14);this.r[0]=8191&e,this.r[1]=8191&(e>>>13|n<<3),this.r[2]=7939&(n>>>10|r<<6),this.r[3]=8191&(r>>>7|o<<9),this.r[4]=255&(o>>>4|i<<12),this.r[5]=i>>>1&8190,this.r[6]=8191&(i>>>14|s<<2),this.r[7]=8065&(s>>>11|a<<5),this.r[8]=8191&(a>>>8|c<<8),this.r[9]=c>>>5&127;for(let e=0;e<8;e++)this.pad[e]=Qi(t,16+2*e)}process(t,e,n=!1){const r=n?0:2048,{h:o,r:i}=this,s=i[0],a=i[1],c=i[2],u=i[3],l=i[4],h=i[5],f=i[6],d=i[7],p=i[8],g=i[9],y=Qi(t,e+0),w=Qi(t,e+2),b=Qi(t,e+4),m=Qi(t,e+6),E=Qi(t,e+8),v=Qi(t,e+10),x=Qi(t,e+12),A=Qi(t,e+14);let k=o[0]+(8191&y),S=o[1]+(8191&(y>>>13|w<<3)),B=o[2]+(8191&(w>>>10|b<<6)),U=o[3]+(8191&(b>>>7|m<<9)),I=o[4]+(8191&(m>>>4|E<<12)),L=o[5]+(E>>>1&8191),T=o[6]+(8191&(E>>>14|v<<2)),O=o[7]+(8191&(v>>>11|x<<5)),R=o[8]+(8191&(x>>>8|A<<8)),$=o[9]+(A>>>5|r),N=0,_=N+k*s+S*(5*g)+B*(5*p)+U*(5*d)+I*(5*f);N=_>>>13,_&=8191,_+=L*(5*h)+T*(5*l)+O*(5*u)+R*(5*c)+$*(5*a),N+=_>>>13,_&=8191;let P=N+k*a+S*s+B*(5*g)+U*(5*p)+I*(5*d);N=P>>>13,P&=8191,P+=L*(5*f)+T*(5*h)+O*(5*l)+R*(5*u)+$*(5*c),N+=P>>>13,P&=8191;let H=N+k*c+S*a+B*s+U*(5*g)+I*(5*p);N=H>>>13,H&=8191,H+=L*(5*d)+T*(5*f)+O*(5*h)+R*(5*l)+$*(5*u),N+=H>>>13,H&=8191;let C=N+k*u+S*c+B*a+U*s+I*(5*g);N=C>>>13,C&=8191,C+=L*(5*p)+T*(5*d)+O*(5*f)+R*(5*h)+$*(5*l),N+=C>>>13,C&=8191;let q=N+k*l+S*u+B*c+U*a+I*s;N=q>>>13,q&=8191,q+=L*(5*g)+T*(5*p)+O*(5*d)+R*(5*f)+$*(5*h),N+=q>>>13,q&=8191;let M=N+k*h+S*l+B*u+U*c+I*a;N=M>>>13,M&=8191,M+=L*s+T*(5*g)+O*(5*p)+R*(5*d)+$*(5*f),N+=M>>>13,M&=8191;let j=N+k*f+S*h+B*l+U*u+I*c;N=j>>>13,j&=8191,j+=L*a+T*s+O*(5*g)+R*(5*p)+$*(5*d),N+=j>>>13,j&=8191;let z=N+k*d+S*f+B*h+U*l+I*u;N=z>>>13,z&=8191,z+=L*c+T*a+O*s+R*(5*g)+$*(5*p),N+=z>>>13,z&=8191;let D=N+k*p+S*d+B*f+U*h+I*l;N=D>>>13,D&=8191,D+=L*u+T*c+O*a+R*s+$*(5*g),N+=D>>>13,D&=8191;let F=N+k*g+S*p+B*d+U*f+I*h;N=F>>>13,F&=8191,F+=L*l+T*u+O*c+R*a+$*s,N+=F>>>13,F&=8191,N=(N<<2)+N|0,N=N+_|0,_=8191&N,N>>>=13,P+=N,o[0]=_,o[1]=P,o[2]=H,o[3]=C,o[4]=q,o[5]=M,o[6]=j,o[7]=z,o[8]=D,o[9]=F}finalize(){const{h:t,pad:e}=this,n=new Uint16Array(10);let r=t[1]>>>13;t[1]&=8191;for(let e=2;e<10;e++)t[e]+=r,r=t[e]>>>13,t[e]&=8191;t[0]+=5*r,r=t[0]>>>13,t[0]&=8191,t[1]+=r,r=t[1]>>>13,t[1]&=8191,t[2]+=r,n[0]=t[0]+5,r=n[0]>>>13,n[0]&=8191;for(let e=1;e<10;e++)n[e]=t[e]+r,r=n[e]>>>13,n[e]&=8191;n[9]-=8192;let o=(1^r)-1;for(let t=0;t<10;t++)n[t]&=o;o=~o;for(let e=0;e<10;e++)t[e]=t[e]&o|n[e];t[0]=65535&(t[0]|t[1]<<13),t[1]=65535&(t[1]>>>3|t[2]<<10),t[2]=65535&(t[2]>>>6|t[3]<<7),t[3]=65535&(t[3]>>>9|t[4]<<4),t[4]=65535&(t[4]>>>12|t[5]<<1|t[6]<<14),t[5]=65535&(t[6]>>>2|t[7]<<11),t[6]=65535&(t[7]>>>5|t[8]<<8),t[7]=65535&(t[8]>>>8|t[9]<<5);let i=t[0]+e[0];t[0]=65535&i;for(let n=1;n<8;n++)i=(t[n]+e[n]|0)+(i>>>16)|0,t[n]=65535&i}update(t){Co(this);const{buffer:e,blockLen:n}=this,r=(t=Fo(t)).length;for(let o=0;o<r;){const i=Math.min(n-this.pos,r-o);if(i!==n)e.set(t.subarray(o,o+i),this.pos),this.pos+=i,o+=i,this.pos===n&&(this.process(e,0,!1),this.pos=0);else for(;n<=r-o;o+=n)this.process(t,o)}return this}destroy(){this.h.fill(0),this.r.fill(0),this.buffer.fill(0),this.pad.fill(0)}digestInto(t){Co(this),qo(t,this),this.finished=!0;const{buffer:e,h:n}=this;let{pos:r}=this;if(r){for(e[r++]=1;r<16;r++)e[r]=0;this.process(e,0,!0)}this.finalize();let o=0;for(let e=0;e<8;e++)t[o++]=n[e]>>>0,t[o++]=n[e]>>>8;return t}digest(){const{buffer:t,outputLen:e}=this;this.digestInto(t);const n=t.slice(0,e);return this.destroy(),n}};var ts=function(t){const e=(e,n)=>t(n).update(Fo(e)).digest(),n=t(new Uint8Array(32));return e.outputLen=n.outputLen,e.blockLen=n.blockLen,e.create=e=>t(e),e}((t=>new Xi(t))),es=Do("expand 16-byte k"),ns=Do("expand 32-byte k"),rs=jo(es),os=jo(ns);function is(t,e){return t<<e|t>>>32-e}function ss(t){return t.byteOffset%4==0}var as=2**32-1,cs=new Uint32Array;function us(t,e){const{allowShortKeys:n,extendNonceFn:r,counterLength:o,counterRight:i,rounds:s}=function(t,e){if(null==e||"object"!=typeof e)throw new Error("options must be defined");return Object.assign(t,e)}({allowShortKeys:!1,counterLength:8,counterRight:!1,rounds:20},e);if("function"!=typeof t)throw new Error("core must be a function");return No(o),No(s),_o(i),_o(n),(e,a,c,u,l=0)=>{Ho(e),Ho(a),Ho(c);const h=c.length;if(u||(u=new Uint8Array(h)),Ho(u),No(l),l<0||l>=as)throw new Error("arx: counter overflow");if(u.length<h)throw new Error(`arx: output (${u.length}) is shorter than data (${h})`);const f=[];let d,p,g=e.length;if(32===g)d=e.slice(),f.push(d),p=os;else{if(16!==g||!n)throw new Error(`arx: invalid 32-byte key, got length=${g}`);d=new Uint8Array(32),d.set(e),d.set(e,16),p=rs,f.push(d)}ss(a)||(a=a.slice(),f.push(a));const y=jo(d);if(r){if(24!==a.length)throw new Error("arx: extended nonce must be 24 bytes");r(p,y,jo(a.subarray(0,16)),y),a=a.subarray(16)}const w=16-o;if(w!==a.length)throw new Error(`arx: nonce must be ${w} or 16 bytes`);if(12!==w){const t=new Uint8Array(12);t.set(a,i?0:12-a.length),a=t,f.push(a)}const b=jo(a);for(!function(t,e,n,r,o,i,s,a){const c=o.length,u=new Uint8Array(64),l=jo(u),h=ss(o)&&ss(i),f=h?jo(o):cs,d=h?jo(i):cs;for(let p=0;p<c;s++){if(t(e,n,r,l,s,a),s>=as)throw new Error("arx: counter overflow");const g=Math.min(64,c-p);if(h&&64===g){const t=p/4;if(p%4!=0)throw new Error("arx: invalid block position");for(let e,n=0;n<16;n++)e=t+n,d[e]=f[e]^l[n];p+=64}else{for(let t,e=0;e<g;e++)t=p+e,i[t]=o[t]^u[e];p+=g}}}(t,p,y,b,c,u,l,s);f.length>0;)f.pop().fill(0);return u}}function ls(t,e,n,r,o,i=20){let s=t[0],a=t[1],c=t[2],u=t[3],l=e[0],h=e[1],f=e[2],d=e[3],p=e[4],g=e[5],y=e[6],w=e[7],b=o,m=n[0],E=n[1],v=n[2],x=s,A=a,k=c,S=u,B=l,U=h,I=f,L=d,T=p,O=g,R=y,$=w,N=b,_=m,P=E,H=v;for(let t=0;t<i;t+=2)x=x+B|0,N=is(N^x,16),T=T+N|0,B=is(B^T,12),x=x+B|0,N=is(N^x,8),T=T+N|0,B=is(B^T,7),A=A+U|0,_=is(_^A,16),O=O+_|0,U=is(U^O,12),A=A+U|0,_=is(_^A,8),O=O+_|0,U=is(U^O,7),k=k+I|0,P=is(P^k,16),R=R+P|0,I=is(I^R,12),k=k+I|0,P=is(P^k,8),R=R+P|0,I=is(I^R,7),S=S+L|0,H=is(H^S,16),$=$+H|0,L=is(L^$,12),S=S+L|0,H=is(H^S,8),$=$+H|0,L=is(L^$,7),x=x+U|0,H=is(H^x,16),R=R+H|0,U=is(U^R,12),x=x+U|0,H=is(H^x,8),R=R+H|0,U=is(U^R,7),A=A+I|0,N=is(N^A,16),$=$+N|0,I=is(I^$,12),A=A+I|0,N=is(N^A,8),$=$+N|0,I=is(I^$,7),k=k+L|0,_=is(_^k,16),T=T+_|0,L=is(L^T,12),k=k+L|0,_=is(_^k,8),T=T+_|0,L=is(L^T,7),S=S+B|0,P=is(P^S,16),O=O+P|0,B=is(B^O,12),S=S+B|0,P=is(P^S,8),O=O+P|0,B=is(B^O,7);let C=0;r[C++]=s+x|0,r[C++]=a+A|0,r[C++]=c+k|0,r[C++]=u+S|0,r[C++]=l+B|0,r[C++]=h+U|0,r[C++]=f+I|0,r[C++]=d+L|0,r[C++]=p+T|0,r[C++]=g+O|0,r[C++]=y+R|0,r[C++]=w+$|0,r[C++]=b+N|0,r[C++]=m+_|0,r[C++]=E+P|0,r[C++]=v+H|0}var hs=us(ls,{counterRight:!1,counterLength:4,allowShortKeys:!1}),fs=us(ls,{counterRight:!1,counterLength:8,extendNonceFn:function(t,e,n,r){let o=t[0],i=t[1],s=t[2],a=t[3],c=e[0],u=e[1],l=e[2],h=e[3],f=e[4],d=e[5],p=e[6],g=e[7],y=n[0],w=n[1],b=n[2],m=n[3];for(let t=0;t<20;t+=2)o=o+c|0,y=is(y^o,16),f=f+y|0,c=is(c^f,12),o=o+c|0,y=is(y^o,8),f=f+y|0,c=is(c^f,7),i=i+u|0,w=is(w^i,16),d=d+w|0,u=is(u^d,12),i=i+u|0,w=is(w^i,8),d=d+w|0,u=is(u^d,7),s=s+l|0,b=is(b^s,16),p=p+b|0,l=is(l^p,12),s=s+l|0,b=is(b^s,8),p=p+b|0,l=is(l^p,7),a=a+h|0,m=is(m^a,16),g=g+m|0,h=is(h^g,12),a=a+h|0,m=is(m^a,8),g=g+m|0,h=is(h^g,7),o=o+u|0,m=is(m^o,16),p=p+m|0,u=is(u^p,12),o=o+u|0,m=is(m^o,8),p=p+m|0,u=is(u^p,7),i=i+l|0,y=is(y^i,16),g=g+y|0,l=is(l^g,12),i=i+l|0,y=is(y^i,8),g=g+y|0,l=is(l^g,7),s=s+h|0,w=is(w^s,16),f=f+w|0,h=is(h^f,12),s=s+h|0,w=is(w^s,8),f=f+w|0,h=is(h^f,7),a=a+c|0,b=is(b^a,16),d=d+b|0,c=is(c^d,12),a=a+c|0,b=is(b^a,8),d=d+b|0,c=is(c^d,7);let E=0;r[E++]=o,r[E++]=i,r[E++]=s,r[E++]=a,r[E++]=y,r[E++]=w,r[E++]=b,r[E++]=m},allowShortKeys:!1}),ds=new Uint8Array(16),ps=(t,e)=>{t.update(e);const n=e.length%16;n&&t.update(ds.subarray(n))},gs=new Uint8Array(32);function ys(t,e,n,r,o){const i=t(e,n,gs),s=ts.create(i);o&&ps(s,o),ps(s,r);const a=new Uint8Array(16),c=zo(a);Vo(c,0,BigInt(o?o.length:0),!0),Vo(c,8,BigInt(r.length),!0),s.update(a);const u=s.digest();return i.fill(0),u}var ws=t=>(e,n,r)=>{const o=16;return Ho(e,32),Ho(n),{encrypt:(i,s)=>{const a=i.length,c=a+o;s?Ho(s,c):s=new Uint8Array(c),t(e,n,i,s,1);const u=ys(t,e,n,s.subarray(0,-16),r);return s.set(u,a),s},decrypt:(i,s)=>{const a=i.length,c=a-o;if(a<o)throw new Error("encrypted data must be at least 16 bytes");s?Ho(s,c):s=new Uint8Array(c);const u=i.subarray(0,-16);if(!Ko(i.subarray(-16),ys(t,e,n,u,r)))throw new Error("invalid tag");return t(e,n,u,s,1),s}}},bs=(ws(hs),ws(fs),class extends ae{constructor(t,e){super(),this.finished=!1,this.destroyed=!1,ye.hash(t);const n=ie(e);if(this.iHash=t.create(),"function"!=typeof this.iHash.update)throw new Error("Expected instance of class which extends utils.Hash");this.blockLen=this.iHash.blockLen,this.outputLen=this.iHash.outputLen;const r=this.blockLen,o=new Uint8Array(r);o.set(n.length>r?t.create().update(n).digest():n);for(let t=0;t<o.length;t++)o[t]^=54;this.iHash.update(o),this.oHash=t.create();for(let t=0;t<o.length;t++)o[t]^=106;this.oHash.update(o),o.fill(0)}update(t){return ye.exists(this),this.iHash.update(t),this}digestInto(t){ye.exists(this),ye.bytes(t,this.outputLen),this.finished=!0,this.iHash.digestInto(t),this.oHash.update(t),this.oHash.digestInto(t),this.destroy()}digest(){const t=new Uint8Array(this.oHash.outputLen);return this.digestInto(t),t}_cloneInto(t){t||(t=Object.create(Object.getPrototypeOf(this),{}));const{oHash:e,iHash:n,finished:r,destroyed:o,blockLen:i,outputLen:s}=this;return t.finished=r,t.destroyed=o,t.blockLen=i,t.outputLen=s,t.oHash=e._cloneInto(t.oHash),t.iHash=n._cloneInto(t.iHash),t}destroy(){this.destroyed=!0,this.oHash.destroy(),this.iHash.destroy()}}),ms=(t,e,n)=>new bs(t,e).update(n).digest();ms.create=(t,e)=>new bs(t,e);var Es=new Uint8Array([0]),vs=new Uint8Array;var xs=1,As=65535;function ks(t,e){const n=_t.getSharedSecret(t,"02"+e).subarray(1,33);return r=ke,o=n,i="nip44-v2",ye.hash(r),void 0===i&&(i=new Uint8Array(r.outputLen)),ms(r,ie(i),ie(o));var r,o,i}function Ss(t,e){const n=function(t,e,n,r=32){if(ye.hash(t),ye.number(r),r>255*t.outputLen)throw new Error("Length should be <= 255*HashLen");const o=Math.ceil(r/t.outputLen);void 0===n&&(n=vs);const i=new Uint8Array(o*t.outputLen),s=ms.create(t,e),a=s._cloneInto(),c=new Uint8Array(s.outputLen);for(let e=0;e<o;e++)Es[0]=e+1,a.update(0===e?vs:c).update(n).update(Es).digestInto(c),i.set(c,t.outputLen*e),s._cloneInto(a);return s.destroy(),a.destroy(),c.fill(0),Es.fill(0),i.slice(0,r)}(ke,t,e,76);return{chacha_key:n.subarray(0,32),chacha_nonce:n.subarray(32,44),hmac_key:n.subarray(44,76)}}function Bs(t){if(!Number.isSafeInteger(t)||t<1)throw new Error("expected positive integer");if(t<=32)return 32;const e=1<<Math.floor(Math.log2(t-1))+1,n=e<=256?32:e/8;return n*(Math.floor((t-1)/n)+1)}function Us(t){const e=Ue.encode(t),n=e.length;return se(function(t){if(!Number.isSafeInteger(t)||t<xs||t>As)throw new Error("invalid plaintext size: must be between 1 and 65535 bytes");const e=new Uint8Array(2);return new DataView(e.buffer).setUint16(0,t,!1),e}(n),e,new Uint8Array(Bs(n)-n))}function Is(t,e,n){if(32!==n.length)throw new Error("AAD associated data must be 32 bytes");const r=se(n,e);return ms(ke,t,r)}function Ls(t,e,n=ue(32)){const{chacha_key:r,chacha_nonce:o,hmac_key:i}=Ss(e,n),s=Us(t),a=hs(r,o,s),c=Is(i,a,n);return no.encode(se(new Uint8Array([2]),n,a,c))}function Ts(t,e){const{nonce:n,ciphertext:r,mac:o}=function(t){if("string"!=typeof t)throw new Error("payload must be a valid string");const e=t.length;if(e<132||e>87472)throw new Error("invalid payload length: "+e);if("#"===t[0])throw new Error("unknown encryption version");let n;try{n=no.decode(t)}catch(t){throw new Error("invalid base64: "+t.message)}const r=n.length;if(r<99||r>65603)throw new Error("invalid data length: "+r);const o=n[0];if(2!==o)throw new Error("unknown encryption version "+o);return{nonce:n.subarray(1,33),ciphertext:n.subarray(33,-32),mac:n.subarray(-32)}}(t),{chacha_key:i,chacha_nonce:s,hmac_key:a}=Ss(e,n);if(!Ko(Is(a,r,n),o))throw new Error("invalid MAC");return function(t){const e=new DataView(t.buffer).getUint16(0),n=t.subarray(2,2+e);if(e<xs||e>As||n.length!==e||t.length!==2+Bs(e))throw new Error("invalid padding");return Be.decode(n)}(hs(i,s,r))}var Os={utils:{getConversationKey:ks,calcPaddedLen:Bs},encrypt:Ls,decrypt:Ts},Rs=()=>Math.round(Date.now()/1e3),$s=()=>Math.round(Rs()-172800*Math.random()),Ns=(t,e)=>ks(t,e),_s=(t,e,n)=>Ls(JSON.stringify(t),Ns(e,n)),Ps=(t,e)=>JSON.parse(Ts(t.content,Ns(e,t.pubkey)));function Hs(t,e){const n={created_at:Rs(),content:"",tags:[],...t,pubkey:Ce(e)};return n.id=_e(n),n}function Cs(t,e,n){return qe({kind:rn,content:_s(t,e,n),created_at:$s(),tags:[]},e)}function qs(t,e){const n=He();return qe({kind:dn,content:_s(t,n,e),created_at:$s(),tags:[["p",e]]},n)}function Ms(t,e,n){return qs(Cs(Hs(t,e),e,n),n)}function js(t,e,n){if(!n||0===n.length)throw new Error("At least one recipient is required.");const r=Ce(e),o=[Ms(t,e,r)];return n.forEach((n=>{o.push(Ms(t,e,n))})),o}function zs(t,e){const n=Ps(t,e);return Ps(n,e)}function Ds(t,e){let n=[];return t.forEach((t=>{n.push(zs(t,e))})),n.sort(((t,e)=>t.created_at-e.created_at)),n}function Fs(t,e,n,r,o){const i=function(t,e,n,r){const o={created_at:Math.ceil(Date.now()/1e3),kind:on,tags:[],content:e};return(Array.isArray(t)?t:[t]).forEach((({publicKey:t,relayUrl:e})=>{o.tags.push(e?["p",t,e]:["p",t])})),r&&o.tags.push(["e",r.eventId,r.relayUrl||"","reply"]),n&&o.tags.push(["subject",n]),o}(e,n,r,o);return Ms(i,t,e.publicKey)}function Ks(t,e,n,r,o){if(!e||0===e.length)throw new Error("At least one recipient is required.");return[{publicKey:Ce(t)},...e].map((e=>Fs(t,e,n,r,o)))}var Ws=zs,Vs=Ds,Zs={};function Gs(t,e,n,r){let o;const i=[...t.tags??[],["e",e.id,n],["p",e.pubkey]];return e.kind===Ge?o=tn:(o=sn,i.push(["k",String(e.kind)])),qe({kind:o,tags:i,content:""===t.content||e.tags?.find((t=>"-"===t[0]))?"":JSON.stringify(e),created_at:t.created_at},r)}function Js(t){if(![tn,sn].includes(t.kind))return;let e,n;for(let r=t.tags.length-1;r>=0&&(void 0===e||void 0===n);r--){const o=t.tags[r];o.length>=2&&("e"===o[0]&&void 0===e?e=o:"p"===o[0]&&void 0===n&&(n=o))}return void 0!==e?{id:e[1],relays:[e[2],n?.[2]].filter((t=>"string"==typeof t)),author:n?.[1]}:void 0}function Ys(t,{skipVerification:e}={}){const n=Js(t);if(void 0===n||""===t.content)return;let r;try{r=JSON.parse(t.content)}catch(t){return}return r.id===n.id&&(e||Me(r))?r:void 0}o(Zs,{finishRepostEvent:()=>Gs,getRepostedEvent:()=>Ys,getRepostedEventPointer:()=>Js});var Qs={};o(Qs,{NOSTR_URI_REGEX:()=>Xs,parse:()=>ea,test:()=>ta});var Xs=new RegExp(`nostr:(${bo.source})`);function ta(t){return"string"==typeof t&&new RegExp(`^${Xs.source}$`).test(t)}function ea(t){const e=t.match(new RegExp(`^${Xs.source}$`));if(!e)throw new Error(`Invalid Nostr URI: ${t}`);return{uri:e[0],value:e[1],decoded:Eo(e[1])}}var na={};function ra(t,e,n){const r=e.tags.filter((t=>t.length>=2&&("e"===t[0]||"p"===t[0])));return qe({...t,kind:en,tags:[...t.tags??[],...r,["e",e.id],["p",e.pubkey]],content:t.content??"+"},n)}function oa(t){if(t.kind!==en)return;let e,n;for(let r=t.tags.length-1;r>=0&&(void 0===e||void 0===n);r--){const o=t.tags[r];o.length>=2&&("e"===o[0]&&void 0===e?e=o:"p"===o[0]&&void 0===n&&(n=o))}return void 0!==e&&void 0!==n?{id:e[1],relays:[e[2],n[2]].filter((t=>void 0!==t)),author:n[1]}:void 0}o(na,{finishReactionEvent:()=>ra,getReactedEventPointer:()=>oa});var ia={};o(ia,{parse:()=>ca});var sa=/\W/m,aa=/\W |\W$|$|,| /m;function*ca(t){const e=t.length;let n=0,r=0;for(;r<e;){let o=t.indexOf(":",r);if(-1===o)break;if("nostr"===t.substring(o-5,o)){const i=t.substring(o+60).match(sa),s=i?o+60+i.index:e;try{let e,{data:i,type:a}=Eo(t.substring(o+1,s));switch(a){case"npub":e={pubkey:i};break;case"nsec":case"note":r=s+1;continue;default:e=i}n!==o-5&&(yield{type:"text",text:t.substring(n,o-5)}),yield{type:"reference",pointer:e},r=s,n=r;continue}catch(t){r=o+1;continue}}else if("https"===t.substring(o-5,o)||"http"===t.substring(o-4,o)){const i=t.substring(o+4).match(aa),s=i?o+4+i.index:e,a="s"===t[o-1]?5:4;try{let e=new URL(t.substring(o-a,s));if(-1===e.hostname.indexOf("."))throw new Error("invalid url");if(n!==o-a&&(yield{type:"text",text:t.substring(n,o-a)}),/\.(png|jpe?g|gif|webp)$/i.test(e.pathname)){yield{type:"image",url:e.toString()},r=s,n=r;continue}if(/\.(mp4|avi|webm|mkv)$/i.test(e.pathname)){yield{type:"video",url:e.toString()},r=s,n=r;continue}if(/\.(mp3|aac|ogg|opus)$/i.test(e.pathname)){yield{type:"audio",url:e.toString()},r=s,n=r;continue}yield{type:"url",url:e.toString()},r=s,n=r;continue}catch(t){r=s+1;continue}}else{if("wss"!==t.substring(o-3,o)&&"ws"!==t.substring(o-2,o)){r=o+1;continue}{const i=t.substring(o+4).match(aa),s=i?o+4+i.index:e,a="s"===t[o-1]?3:2;try{let e=new URL(t.substring(o-a,s));if(-1===e.hostname.indexOf("."))throw new Error("invalid ws url");n!==o-a&&(yield{type:"text",text:t.substring(n,o-a)}),yield{type:"relay",url:e.toString()},r=s,n=r;continue}catch(t){r=s+1;continue}}}}n!==e&&(yield{type:"text",text:t.substring(n)})}var ua={};o(ua,{channelCreateEvent:()=>la,channelHideMessageEvent:()=>da,channelMessageEvent:()=>fa,channelMetadataEvent:()=>ha,channelMuteUserEvent:()=>pa});var la=(t,e)=>{let n;if("object"==typeof t.content)n=JSON.stringify(t.content);else{if("string"!=typeof t.content)return;n=t.content}return qe({kind:an,tags:[...t.tags??[]],content:n,created_at:t.created_at},e)},ha=(t,e)=>{let n;if("object"==typeof t.content)n=JSON.stringify(t.content);else{if("string"!=typeof t.content)return;n=t.content}return qe({kind:cn,tags:[["e",t.channel_create_event_id],...t.tags??[]],content:n,created_at:t.created_at},e)},fa=(t,e)=>{const n=[["e",t.channel_create_event_id,t.relay_url,"root"]];return t.reply_to_channel_message_event_id&&n.push(["e",t.reply_to_channel_message_event_id,t.relay_url,"reply"]),qe({kind:un,tags:[...n,...t.tags??[]],content:t.content,created_at:t.created_at},e)},da=(t,e)=>{let n;if("object"==typeof t.content)n=JSON.stringify(t.content);else{if("string"!=typeof t.content)return;n=t.content}return qe({kind:ln,tags:[["e",t.channel_message_event_id],...t.tags??[]],content:n,created_at:t.created_at},e)},pa=(t,e)=>{let n;if("object"==typeof t.content)n=JSON.stringify(t.content);else{if("string"!=typeof t.content)return;n=t.content}return qe({kind:hn,tags:[["p",t.pubkey_to_mute],...t.tags??[]],content:n,created_at:t.created_at},e)},ga={};o(ga,{EMOJI_SHORTCODE_REGEX:()=>ya,matchAll:()=>ba,regex:()=>wa,replaceAll:()=>ma});var ya=/:(\w+):/,wa=()=>new RegExp(`\\B${ya.source}\\B`,"g");function*ba(t){const e=t.matchAll(wa());for(const t of e)try{const[e,n]=t;yield{shortcode:e,name:n,start:t.index,end:t.index+e.length}}catch(t){}}function ma(t,e){return t.replaceAll(wa(),((t,n)=>e({shortcode:t,name:n})))}var Ea,va={};o(va,{useFetchImplementation:()=>xa,validateGithub:()=>Aa});try{Ea=fetch}catch{}function xa(t){Ea=t}async function Aa(t,e,n){try{return await(await Ea(`https://gist.github.com/${e}/${n}/raw`)).text()===`Verifying that I control the following Nostr public key: ${t}`}catch(t){return!1}}var ka={};function Sa(t){const{host:e,pathname:n,searchParams:r}=new URL(t),o=n||e,i=r.get("relay"),s=r.get("secret");if(!o||!i||!s)throw new Error("invalid connection string");return{pubkey:o,relay:i,secret:s}}async function Ba(t,e,n){const r={method:"pay_invoice",params:{invoice:n}},o=Li(e,t,JSON.stringify(r)),i={kind:Dn,created_at:Math.round(Date.now()/1e3),content:o,tags:[["p",t]]};return qe(i,e)}o(ka,{makeNwcRequestEvent:()=>Ba,parseConnectionString:()=>Sa});var Ua={};function Ia(t){return t=(t=t.trim().toLowerCase()).normalize("NFKC"),Array.from(t).map((t=>/\p{Letter}/u.test(t)||/\p{Number}/u.test(t)?t:"-")).join("")}o(Ua,{normalizeIdentifier:()=>Ia});var La,Ta={};o(Ta,{getSatoshisAmountFromBolt11:()=>Pa,getZapEndpoint:()=>Ra,makeZapReceipt:()=>_a,makeZapRequest:()=>$a,useFetchImplementation:()=>Oa,validateZapRequest:()=>Na});try{La=fetch}catch{}function Oa(t){La=t}async function Ra(t){try{let e="",{lud06:n,lud16:r}=JSON.parse(t.content);if(n){let{words:t}=po.decode(n,1e3),r=po.fromWords(t);e=Be.decode(r)}else{if(!r)return null;{let[t,n]=r.split("@");e=new URL(`/.well-known/lnurlp/${t}`,`https://${n}`).toString()}}let o=await La(e),i=await o.json();if(i.allowsNostr&&i.nostrPubkey)return i.callback}catch(t){}return null}function $a(t){let e={kind:9734,created_at:Math.round(Date.now()/1e3),content:t.comment||"",tags:[["p","pubkey"in t?t.pubkey:t.event.pubkey],["amount",t.amount.toString()],["relays",...t.relays]]};if("event"in t){if(e.tags.push(["e",t.event.id]),De(t.event.kind)){const n=["a",`${t.event.kind}:${t.event.pubkey}:`];e.tags.push(n)}else if(Ke(t.event.kind)){let n=t.event.tags.find((([t,e])=>"d"===t&&e));if(!n)throw new Error("d tag not found or is empty");const r=["a",`${t.event.kind}:${t.event.pubkey}:${n[1]}`];e.tags.push(r)}e.tags.push(["k",t.event.kind.toString()])}return e}function Na(t){let e;try{e=JSON.parse(t)}catch(t){return"Invalid zap request JSON."}if(!fe(e))return"Zap request is not a valid Nostr event.";if(!Me(e))return"Invalid signature on zap request.";let n=e.tags.find((([t,e])=>"p"===t&&e));if(!n)return"Zap request doesn't have a 'p' tag.";if(!n[1].match(/^[a-f0-9]{64}$/))return"Zap request 'p' tag is not valid hex.";let r=e.tags.find((([t,e])=>"e"===t&&e));return r&&!r[1].match(/^[a-f0-9]{64}$/)?"Zap request 'e' tag is not valid hex.":e.tags.find((([t,e])=>"relays"===t&&e))?null:"Zap request doesn't have a 'relays' tag."}function _a({zapRequest:t,preimage:e,bolt11:n,paidAt:r}){let o=JSON.parse(t),i=o.tags.filter((([t])=>"e"===t||"p"===t||"a"===t)),s={kind:9735,created_at:Math.round(r.getTime()/1e3),content:"",tags:[...i,["P",o.pubkey],["bolt11",n],["description",t]]};return e&&s.tags.push(["preimage",e]),s}function Pa(t){if(t.length<50)return 0;const e=(t=t.substring(0,50)).lastIndexOf("1");if(-1===e)return 0;const n=t.substring(0,e);if(!n.startsWith("lnbc"))return 0;const r=n.substring(4);if(r.length<1)return 0;const o=r[r.length-1],i=o.charCodeAt(0)-"0".charCodeAt(0),s=i>=0&&i<=9;let a=r.length-1;if(s&&a++,a<1)return 0;const c=parseInt(r.substring(0,a));switch(o){case"m":return 1e5*c;case"u":return 100*c;case"n":return c/10;case"p":return c/1e4;default:return 1e8*c}}var Ha={};o(Ha,{getToken:()=>Ma,hashPayload:()=>Va,unpackEventFromToken:()=>za,validateEvent:()=>Ga,validateEventKind:()=>Fa,validateEventMethodTag:()=>Wa,validateEventPayloadTag:()=>Za,validateEventTimestamp:()=>Da,validateEventUrlTag:()=>Ka,validateToken:()=>ja});var Ca,qa="Nostr ";async function Ma(t,e,n,r=!1,o){const i={kind:Wn,tags:[["u",t],["method",e]],created_at:Math.round((new Date).getTime()/1e3),content:""};o&&i.tags.push(["payload",Va(o)]);const s=await n(i);return(r?qa:"")+no.encode(Ue.encode(JSON.stringify(s)))}async function ja(t,e,n){const r=await za(t).catch((t=>{throw t}));return await Ga(r,e,n).catch((t=>{throw t}))}async function za(t){if(!t)throw new Error("Missing token");t=t.replace(qa,"");const e=Be.decode(no.decode(t));if(!e||0===e.length||!e.startsWith("{"))throw new Error("Invalid token");return JSON.parse(e)}function Da(t){return!!t.created_at&&Math.round((new Date).getTime()/1e3)-t.created_at<60}function Fa(t){return t.kind===Wn}function Ka(t,e){const n=t.tags.find((t=>"u"===t[0]));return!!n&&(n.length>0&&n[1]===e)}function Wa(t,e){const n=t.tags.find((t=>"method"===t[0]));return!!n&&(n.length>0&&n[1].toLowerCase()===e.toLowerCase())}function Va(t){return re(ke(Ue.encode(JSON.stringify(t))))}function Za(t,e){const n=t.tags.find((t=>"payload"===t[0]));if(!n)return!1;const r=Va(e);return n.length>0&&n[1]===r}async function Ga(t,e,n,r){if(!Me(t))throw new Error("Invalid nostr event, signature invalid");if(!Fa(t))throw new Error("Invalid nostr event, kind invalid");if(!Da(t))throw new Error("Invalid nostr event, created_at timestamp invalid");if(!Ka(t,e))throw new Error("Invalid nostr event, url tag invalid");if(!Wa(t,n))throw new Error("Invalid nostr event, method tag invalid");if(Boolean(r)&&"object"==typeof r&&Object.keys(r).length>0&&!Za(t,r))throw new Error("Invalid nostr event, payload tag does not match request body hash");return!0}return Ca=i,((o,i,s,a)=>{if(i&&"object"==typeof i||"function"==typeof i)for(let c of n(i))r.call(o,c)||c===s||t(o,c,{get:()=>i[c],enumerable:!(a=e(i,c))||a.enumerable});return o})(t({},"__esModule",{value:!0}),Ca)})();
+//# sourceMappingURL=/sm/8a637fc3be698500d2b32d47068de522c987ef5def0a7be9de886b2e0952c2a5.map
\ No newline at end of file
diff --git a/dist/views/channel-profile.html b/dist/views/channel-profile.html
new file mode 100644
index 00000000..f4b55d4b
--- /dev/null
+++ b/dist/views/channel-profile.html
@@ -0,0 +1,179 @@
+<section class="channel-profile-container" data-ds="new">
+  <!-- Modified banner wrapper for taller, rounded style -->
+  <div class="profile-banner relative mb-6 rounded-lg shadow-lg">
+    <!-- Increase the default height classes -->
+    <img
+      id="channelBanner"
+      class="h-48 w-full rounded-lg object-cover md:h-64"
+      src="assets/jpg/bitvid.jpg"
+      alt="Banner"
+      loading="lazy"
+      referrerpolicy="no-referrer"
+      data-fallback-src="assets/jpg/bitvid.jpg"
+    />
+    <div class="pointer-events-none absolute inset-0 rounded-lg bg-overlay-channel"></div>
+
+    <div
+      class="absolute bottom-4 left-4 right-4 flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between"
+    >
+      <div class="flex flex-col gap-3">
+        <div
+          id="channelModerationBadge"
+          class="channel-moderation-badge-anchor"
+          aria-live="polite"
+        ></div>
+        <div class="flex items-center">
+          <div
+            class="h-16 w-16 overflow-hidden rounded-full border-2 border-border-translucent-bright max-sm:h-12 max-sm:w-12"
+          >
+            <img
+              id="channelAvatar"
+            src="assets/svg/default-profile.svg"
+            alt="Avatar"
+            class="h-full w-full object-cover"
+          />
+        </div>
+          <div class="ml-4 text-text">
+            <h2 id="channelName" class="text-xl font-bold max-sm:text-base">User Name</h2>
+            <p id="channelNpub" class="text-sm opacity-80 max-sm:text-2xs">npub...</p>
+          </div>
+        </div>
+      </div>
+      <div class="flex flex-col items-end gap-3 self-start sm:self-end">
+        <div class="flex items-center gap-2">
+          <button
+            id="zapButton"
+            type="button"
+            class="icon-button accent-action-button"
+            aria-label="Open zap dialog"
+            aria-haspopup="dialog"
+            aria-expanded="false"
+            aria-controls="zapControls"
+          >
+            <svg
+              class="icon-image"
+              viewBox="0 0 24 24"
+              aria-hidden="true"
+              focusable="false"
+            >
+              <polygon
+                points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="2"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+              />
+            </svg>
+          </button>
+          <button
+            id="channelMessageBtn"
+            type="button"
+            class="icon-button accent-action-button"
+            aria-label="Send message"
+            title="Send message"
+          >
+            <svg
+              class="icon-image"
+              viewBox="0 0 24 24"
+              aria-hidden="true"
+              focusable="false"
+            >
+              <path
+                fill="currentColor"
+                d="M4 4h16a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H9l-5 4v-4H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 2v9h1.5L7 14h13V6H4Zm2.5 2h11v2h-11V8Zm0 4h7v2h-7v-2Z"
+              />
+            </svg>
+          </button>
+          <button
+            id="channelShareBtn"
+            type="button"
+            class="icon-button accent-action-button"
+            aria-label="Share channel"
+          >
+            <svg
+              class="icon-image"
+              viewBox="0 0 24 24"
+              aria-hidden="true"
+              focusable="false"
+            >
+              <path
+                fill="currentColor"
+                d="M5 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm11.122 12.065A4 4 0 1 1 24 20a4 4 0 0 1-7.878-.935l-5.488-2.927a6.009 6.009 0 0 1-.943 1.764l5.488 2.927ZM24 4a4 4 0 1 1-7.878.935l-5.488 2.927a6.01 6.01 0 0 1-.943-1.764l5.488-2.927A4 4 0 0 1 24 4Z"
+              />
+            </svg>
+          </button>
+          <button
+            id="channelMoreBtn"
+            type="button"
+            class="icon-button accent-action-button"
+            aria-haspopup="true"
+            aria-expanded="false"
+            aria-label="Channel options"
+            aria-controls="channelProfileMoreMenu"
+          >
+            <svg
+              class="icon-image"
+              viewBox="0 0 24 24"
+              aria-hidden="true"
+              focusable="false"
+            >
+              <circle cx="5" cy="12" r="2" fill="currentColor" />
+              <circle cx="12" cy="12" r="2" fill="currentColor" />
+              <circle cx="19" cy="12" r="2" fill="currentColor" />
+            </svg>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Basic profile details: about text, website, LN address -->
+  <div class="profile-details mt-4 px-4">
+    <p id="channelAbout" class="mb-2 text-text-strong"></p>
+    <a
+      id="channelWebsite"
+      href="#"
+      target="_blank"
+      class="mb-2 block text-info-strong hover:underline"
+      >Website</a
+    >
+    <p id="channelLightning" class="text-sm text-muted-strong"></p>
+  </div>
+
+  <!-- Area for Subscribe/Unsubscribe button -->
+  <div class="my-4 px-4">
+    <div id="subscribeBtnArea" class="hidden"></div>
+  </div>
+
+  <hr class="my-6" />
+
+  <div class="flex items-center gap-2 mb-4">
+    <h3 class="text-lg font-bold text-text-strong">Videos by This User</h3>
+    <button
+      type="button"
+      id="channelInfoTrigger"
+      class="text-muted hover:text-text focus:outline-none transition-colors"
+      aria-label="How is this feed sorted?"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        class="w-5 h-5"
+        aria-hidden="true"
+      >
+        <circle cx="12" cy="12" r="10"></circle>
+        <line x1="12" y1="16" x2="12" y2="12"></line>
+        <line x1="12" y1="8" x2="12.01" y2="8"></line>
+      </svg>
+    </button>
+  </div>
+  <div id="channelVideoList" class="bv-grid-video">
+    <!-- User’s videos will go here -->
+  </div>
+</section>
diff --git a/dist/views/dev/popover-demo.html b/dist/views/dev/popover-demo.html
new file mode 100644
index 00000000..4a07de26
--- /dev/null
+++ b/dist/views/dev/popover-demo.html
@@ -0,0 +1,316 @@
+<!-- views/dev/popover-demo.html -->
+<!DOCTYPE html>
+<html lang="en" data-ds="new">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Popover & Menu Demo • bitvid</title>
+    <link rel="stylesheet" href="../../css/tailwind.generated.css" />
+  </head>
+  <body class="bg-surface text-text">
+    <main class="mx-auto flex min-h-screen max-w-docs flex-col gap-12 px-lg py-xl">
+      <header class="bv-stack bv-stack--tight">
+        <h1 class="text-3xl font-semibold text-text-strong">Popover &amp; Menu Demo</h1>
+        <p class="text-muted">
+          This manual QA page mounts a sample video card and modal so you can verify
+          overlay menus with the shared popover engine. Review the implementation notes in
+          <a href="../../docs/menus.md" class="text-info hover:text-info-strong">docs/menus.md</a>
+          for architectural guidance.
+        </p>
+      </header>
+
+      <section class="space-y-6">
+        <h2 class="text-2xl font-semibold text-text">Video card</h2>
+        <article class="card overflow-hidden" data-demo-card>
+          <div class="relative">
+            <div class="ratio-16-9 bg-overlay-panel">
+              <div class="absolute inset-0 flex items-center justify-center gap-3 text-center">
+                <span class="rounded-full bg-overlay-black/60 px-3 py-1 text-xs uppercase tracking-wide text-text">
+                  Preview thumbnail
+                </span>
+              </div>
+            </div>
+            <button
+              type="button"
+              class="btn-ghost absolute right-3 top-3 inline-flex h-10 w-10 items-center justify-center text-lg"
+              aria-label="Open card menu"
+              data-demo-card-more
+            >
+              ⋮
+            </button>
+          </div>
+          <div class="bv-stack bv-stack--tight border-t border-border px-md py-md">
+            <h3 class="text-lg font-semibold text-text">Understanding overlay primitives</h3>
+            <p class="text-sm text-muted">
+              Tap the more button to open an actions menu rendered through
+              <code class="font-mono text-3xs text-info">createPopover</code>.
+            </p>
+          </div>
+        </article>
+      </section>
+
+      <section class="space-y-6">
+        <div class="flex flex-wrap items-start justify-between gap-4">
+          <div class="bv-stack bv-stack--tight">
+            <h2 class="text-2xl font-semibold text-text">Search filters</h2>
+            <p class="text-sm text-muted">
+              Open the popover to review the MVP filter controls and keyboard
+              navigation behaviors.
+            </p>
+          </div>
+          <button
+            type="button"
+            class="btn-ghost"
+            data-demo-search-filters
+          >
+            Open filters
+          </button>
+        </div>
+      </section>
+
+      <section class="space-y-6">
+        <div class="flex items-center justify-between gap-4">
+          <div>
+            <h2 class="text-2xl font-semibold text-text">Modal actions</h2>
+            <p class="text-sm text-muted">
+              Launch the demo modal to test menus layered above a backdrop.
+            </p>
+          </div>
+          <button
+            type="button"
+            class="btn"
+            data-demo-open-modal
+            aria-haspopup="dialog"
+            aria-controls="popoverDemoModal"
+          >
+            Open modal demo
+          </button>
+        </div>
+      </section>
+    </main>
+
+    <div
+      id="popoverDemoModal"
+      class="bv-modal hidden items-center"
+      role="dialog"
+      aria-modal="true"
+      aria-hidden="true"
+      aria-labelledby="popoverDemoModalTitle"
+      data-demo-modal
+    >
+      <div class="bv-modal-backdrop" data-variant="veil" data-demo-modal-backdrop></div>
+      <div
+        class="bv-modal__panel max-h-modal-shell overflow-y-auto space-y-6"
+        data-demo-modal-panel
+        tabindex="-1"
+      >
+        <div class="flex items-start justify-between gap-4">
+          <div class="bv-stack bv-stack--tight">
+            <h3 id="popoverDemoModalTitle" class="text-xl font-semibold text-text">
+              Modal context menu demo
+            </h3>
+            <p class="text-sm text-muted">
+              Use the menu button to confirm popovers behave while a modal is open.
+            </p>
+          </div>
+          <button
+            type="button"
+            class="btn-ghost"
+            aria-label="Close modal"
+            data-demo-modal-close
+          >
+            ✕
+          </button>
+        </div>
+        <div class="space-y-4">
+          <p class="text-sm text-text">
+            The popover below targets the modal action trigger. Confirm focus returns to the
+            trigger after closing the menu and that the modal backdrop remains intact.
+          </p>
+          <button
+            type="button"
+            class="btn"
+            data-demo-modal-more
+          >
+            Modal action menu
+          </button>
+        </div>
+        <div class="space-y-2 rounded-lg border border-border/60 bg-overlay-panel-soft p-4 text-sm text-muted">
+          <p class="font-semibold text-text">QA checklist</p>
+          <ul class="list-disc space-y-1 pl-5">
+            <li>Open the card and modal menus and verify they render inside the overlay root.</li>
+            <li>Resize the viewport; menus should reposition without clipping their trigger.</li>
+            <li>Confirm focus is restored to the trigger when each menu closes.</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+
+    <script type="module">
+      import ensureOverlayRoot from "../../js/ui/overlay/overlayRoot.js";
+      import createPopover from "../../js/ui/overlay/popoverEngine.js";
+
+      const doc = document;
+      ensureOverlayRoot(doc);
+
+      function buildMenu({ container, heading, actions, close }) {
+        const panel = container.ownerDocument.createElement("div");
+        panel.className = "popover__panel bv-stack bv-stack--tight";
+
+        if (heading) {
+          const title = container.ownerDocument.createElement("p");
+          title.className = "text-xs font-semibold uppercase tracking-wide text-muted";
+          title.textContent = heading;
+          panel.appendChild(title);
+        }
+
+        const list = container.ownerDocument.createElement("div");
+        list.className = "menu space-y-1";
+
+        actions.forEach(({ label, action, variant }) => {
+          const item = container.ownerDocument.createElement("button");
+          item.type = "button";
+          item.className = "menu__item justify-between";
+          if (variant) {
+            item.dataset.variant = variant;
+          }
+          item.dataset.action = action;
+          item.textContent = label;
+          item.addEventListener("click", () => close({ restoreFocus: true }));
+          list.appendChild(item);
+        });
+
+        panel.appendChild(list);
+        container.append(panel);
+        return panel;
+      }
+
+      function wirePopover(trigger, config) {
+        if (!trigger) {
+          return null;
+        }
+
+        const popover = createPopover(
+          trigger,
+          ({ container, close }) =>
+            buildMenu({ container, close, heading: config.heading, actions: config.actions }),
+          {
+            document: trigger.ownerDocument,
+            placement: config.placement || "bottom-end",
+            restoreFocusOnClose: true,
+          },
+        );
+
+        trigger.addEventListener("click", async (event) => {
+          event.preventDefault();
+          await popover.open();
+        });
+
+        return popover;
+      }
+
+      const cardMoreButton = doc.querySelector("[data-demo-card-more]");
+      const cardPopover = wirePopover(cardMoreButton, {
+        heading: "Video actions",
+        actions: [
+          { label: "Play now", action: "play" },
+          { label: "Add to playlist", action: "playlist" },
+          { label: "Share link", action: "share" },
+          { label: "Report", action: "report", variant: "critical" },
+        ],
+      });
+
+      const filterButton = doc.querySelector("[data-demo-search-filters]");
+      const filterPopover = wirePopover(filterButton, {
+        heading: "Search filters",
+        actions: [
+          { label: "Sort by Date", action: "sort-date" },
+          { label: "Sort by Popularity", action: "sort-pop" },
+          { label: "Show NSFW", action: "nsfw" },
+        ],
+        placement: "bottom-start",
+      });
+
+      const modal = doc.querySelector("[data-demo-modal]");
+      const modalPanel = modal?.querySelector("[data-demo-modal-panel]");
+      const modalBackdrop = modal?.querySelector("[data-demo-modal-backdrop]");
+      const openModalButton = doc.querySelector("[data-demo-open-modal]");
+      const closeModalButton = modal?.querySelector("[data-demo-modal-close]");
+      const modalMoreButton = modal?.querySelector("[data-demo-modal-more]");
+
+      let modalPopover = null;
+
+      function trapScroll(active) {
+        const method = active ? "add" : "remove";
+        doc.documentElement.classList[method]("modal-open");
+        doc.body.classList[method]("modal-open");
+      }
+
+      function showModal() {
+        if (!modal) {
+          return;
+        }
+        modal.classList.remove("hidden");
+        modal.removeAttribute("hidden");
+        modal.setAttribute("aria-hidden", "false");
+        trapScroll(true);
+        if (typeof modalPanel?.focus === "function") {
+          modalPanel.focus({ preventScroll: true });
+        }
+      }
+
+      function hideModal({ reason } = {}) {
+        if (!modal) {
+          return;
+        }
+        if (modalPopover?.isOpen?.()) {
+          modalPopover.close({ restoreFocus: false });
+        }
+        modal.classList.add("hidden");
+        modal.setAttribute("hidden", "true");
+        modal.setAttribute("aria-hidden", "true");
+        trapScroll(false);
+        if (openModalButton && reason !== "restore-focus-skip") {
+          openModalButton.focus();
+        }
+      }
+
+      openModalButton?.addEventListener("click", (event) => {
+        event.preventDefault();
+        showModal();
+      });
+
+      closeModalButton?.addEventListener("click", (event) => {
+        event.preventDefault();
+        hideModal();
+      });
+
+      modalBackdrop?.addEventListener("click", () => hideModal());
+
+      modal?.addEventListener("keydown", (event) => {
+        if (event.key === "Escape") {
+          event.stopPropagation();
+          hideModal();
+        }
+      });
+
+      modalPopover = wirePopover(modalMoreButton, {
+        heading: "Modal actions",
+        actions: [
+          { label: "Pin video", action: "pin" },
+          { label: "Save for later", action: "save" },
+          { label: "Block channel", action: "block", variant: "critical" },
+        ],
+      });
+
+      // Keep popovers healthy when the DOM tears down.
+      doc.addEventListener("visibilitychange", () => {
+        if (doc.visibilityState === "hidden") {
+          cardPopover?.close?.({ restoreFocus: false });
+          filterPopover?.close?.({ restoreFocus: false });
+          modalPopover?.close?.({ restoreFocus: false });
+        }
+      });
+    </script>
+  </body>
+</html>
diff --git a/dist/views/docs.html b/dist/views/docs.html
new file mode 100644
index 00000000..21197b7a
--- /dev/null
+++ b/dist/views/docs.html
@@ -0,0 +1,76 @@
+<!-- views/docs.html -->
+<section class="bv-stack" data-ds="new" aria-labelledby="docsHeading">
+  <article class="card p-lg">
+    <div class="flex flex-col gap-lg lg:flex-row">
+      <nav
+        id="docsToc"
+        class="bv-stack bv-stack--tight hidden lg:block lg:w-64 lg:shrink-0"
+        aria-label="Table of contents"
+      >
+        <p class="text-xs font-semibold uppercase tracking-wide text-muted">On this page</p>
+        <div id="docsTocList" class="bv-stack bv-stack--tight text-sm text-muted">
+          Loading contents...
+        </div>
+      </nav>
+      <main id="docsContent" class="bv-stack bv-stack--tight flex-1">
+        <header class="flex flex-wrap items-center justify-between gap-2">
+          <h2 id="docsHeading" class="text-2xl font-semibold text-text-strong">
+            Docs
+          </h2>
+          <button
+            type="button"
+            class="btn-ghost lg:hidden flex items-center gap-2"
+            aria-controls="docsTocDrawer"
+            aria-expanded="false"
+            data-docs-toc-toggle
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              class="h-5 w-5"
+              fill="none"
+              viewBox="0 0 24 24"
+              stroke="currentColor"
+            >
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M4 6h16M4 12h16M4 18h16"
+              />
+            </svg>
+            <span>Contents</span>
+          </button>
+        </header>
+        <div id="markdown-container" class="markdown-prose">
+          <p class="text-muted-strong">Loading content...</p>
+        </div>
+      </main>
+    </div>
+  </article>
+  <div
+    id="docsTocDrawer"
+    class="bv-modal hidden lg:hidden items-stretch justify-end"
+    role="dialog"
+    aria-modal="true"
+    aria-label="Documentation table of contents"
+    data-docs-toc-drawer
+    data-open="false"
+  >
+    <div class="bv-modal-backdrop" data-dismiss></div>
+    <div class="bv-modal__panel modal-sheet w-full max-w-sm" data-docs-toc-panel>
+      <div class="bv-stack bv-stack--tight">
+        <div class="flex items-center justify-between gap-2">
+          <p class="text-xs font-semibold uppercase tracking-wide text-muted">On this page</p>
+          <button type="button" class="btn-ghost btn-xs" data-dismiss>
+            Close
+          </button>
+        </div>
+        <nav
+          id="docsTocDrawerNav"
+          class="bv-stack bv-stack--tight"
+          aria-label="Table of contents"
+        ></nav>
+      </div>
+    </div>
+  </div>
+</section>
diff --git a/dist/views/explore.html b/dist/views/explore.html
new file mode 100644
index 00000000..63cfe572
--- /dev/null
+++ b/dist/views/explore.html
@@ -0,0 +1,40 @@
+<!-- views/explore.html -->
+<section data-ds="new">
+  <div class="flex items-center gap-2 mb-4">
+    <h2 class="text-xl font-semibold text-text">Explore</h2>
+    <button
+      type="button"
+      id="exploreInfoTrigger"
+      class="text-muted hover:text-text focus:outline-none transition-colors"
+      aria-label="How is this feed sorted?"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        class="w-5 h-5"
+        aria-hidden="true"
+      >
+        <circle cx="12" cy="12" r="10"></circle>
+        <line x1="12" y1="16" x2="12" y2="12"></line>
+        <line x1="12" y1="8" x2="12.01" y2="8"></line>
+      </svg>
+    </button>
+  </div>
+  <div id="videoListTags" class="mb-4" hidden></div>
+  <div id="videoList" class="bv-grid-video">
+    <div class="sidebar-loading-wrapper" role="status" aria-live="polite">
+      <div class="sidebar-loading-indicator">
+        <span
+          class="status-spinner status-spinner--inline"
+          aria-hidden="true"
+        ></span>
+        <span class="sidebar-loading-text">Loading explore…</span>
+      </div>
+    </div>
+  </div>
+</section>
diff --git a/dist/views/for-you.html b/dist/views/for-you.html
new file mode 100644
index 00000000..c02a06ab
--- /dev/null
+++ b/dist/views/for-you.html
@@ -0,0 +1,40 @@
+<!-- views/for-you.html -->
+<section data-ds="new">
+  <div class="flex items-center gap-2 mb-4">
+    <h2 class="text-xl font-semibold text-text">For You</h2>
+    <button
+      type="button"
+      id="feedInfoTrigger"
+      class="text-muted hover:text-text focus:outline-none transition-colors"
+      aria-label="How is this feed sorted?"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        class="w-5 h-5"
+        aria-hidden="true"
+      >
+        <circle cx="12" cy="12" r="10"></circle>
+        <line x1="12" y1="16" x2="12" y2="12"></line>
+        <line x1="12" y1="8" x2="12.01" y2="8"></line>
+      </svg>
+    </button>
+  </div>
+
+  <div id="videoList" class="bv-grid-video">
+    <div class="sidebar-loading-wrapper" role="status" aria-live="polite">
+      <div class="sidebar-loading-indicator">
+        <span
+          class="status-spinner status-spinner--inline"
+          aria-hidden="true"
+        ></span>
+        <span class="sidebar-loading-text">Loading for you…</span>
+      </div>
+    </div>
+  </div>
+</section>
diff --git a/dist/views/history.html b/dist/views/history.html
new file mode 100644
index 00000000..7bd4d2cd
--- /dev/null
+++ b/dist/views/history.html
@@ -0,0 +1,97 @@
+<!-- views/history.html -->
+<section id="watchHistoryView" class="bv-stack" data-ds="new">
+  <div class="bv-stack bv-stack--tight">
+    <div
+      class="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between"
+    >
+      <div>
+        <div class="flex items-center gap-2">
+          <h2 class="text-xl font-semibold text-text">Watch History</h2>
+          <button
+            type="button"
+            id="historyInfoTrigger"
+            class="text-muted hover:text-text focus:outline-none transition-colors"
+            aria-label="How is this feed sorted?"
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              class="w-5 h-5"
+              aria-hidden="true"
+            >
+              <circle cx="12" cy="12" r="10"></circle>
+              <line x1="12" y1="16" x2="12" y2="12"></line>
+              <line x1="12" y1="8" x2="12.01" y2="8"></line>
+            </svg>
+          </button>
+        </div>
+        <p class="text-sm text-muted">
+          Review the videos you recently played, grouped by day.
+        </p>
+      </div>
+      <div class="flex flex-wrap gap-2" id="watchHistoryActions">
+        <button
+          type="button"
+          data-history-action="clear-cache"
+          class="btn-ghost"
+        >
+          Clear local history
+        </button>
+        <button
+          type="button"
+          data-history-action="refresh"
+          class="btn-ghost"
+          aria-label="Refresh watch history from relays"
+        >
+          Refresh
+        </button>
+      </div>
+    </div>
+
+    <div
+      id="watchHistoryError"
+      class="card hidden p-md text-sm text-critical"
+      data-state="critical"
+      role="alert"
+    ></div>
+  </div>
+
+  <div id="watchHistoryLoading">
+    <div id="watchHistoryStatus">
+      <div class="sidebar-loading-wrapper" role="status" aria-live="polite">
+        <div class="sidebar-loading-indicator">
+          <span
+            class="status-spinner status-spinner--inline"
+            aria-hidden="true"
+          ></span>
+          <span class="sidebar-loading-text"
+            >Fetching watch history from relays…</span
+          >
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div
+    id="watchHistoryGrid"
+    class="grid-stack hidden"
+    data-variant="cards"
+    data-orientation="vertical"
+  ></div>
+  <p id="watchHistoryEmpty" class="hidden py-12 text-center text-muted">
+    Your watch history is empty. Watch some videos to populate this list.
+  </p>
+
+  <button id="watchHistoryLoadMore" type="button" class="btn-ghost hidden w-full">
+    Load more
+  </button>
+
+  <div id="watchHistorySentinel" class="hidden h-1 w-full"></div>
+
+  <script type="module" src="js/historyView.js"></script>
+</section>
diff --git a/dist/views/kids.html b/dist/views/kids.html
new file mode 100644
index 00000000..28cc89aa
--- /dev/null
+++ b/dist/views/kids.html
@@ -0,0 +1,41 @@
+<!-- views/kids.html -->
+<section data-ds="new">
+  <div class="flex items-center gap-2 mb-4">
+    <h2 class="text-xl font-semibold text-text">For Kids</h2>
+    <button
+      type="button"
+      id="kidsInfoTrigger"
+      class="text-muted hover:text-text focus:outline-none transition-colors"
+      aria-label="How is this feed sorted?"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        class="w-5 h-5"
+        aria-hidden="true"
+      >
+        <circle cx="12" cy="12" r="10"></circle>
+        <line x1="12" y1="16" x2="12" y2="12"></line>
+        <line x1="12" y1="8" x2="12.01" y2="8"></line>
+      </svg>
+    </button>
+  </div>
+
+  <div id="videoListTags" class="mb-4" hidden></div>
+  <div id="videoList" class="bv-grid-video">
+    <div class="sidebar-loading-wrapper" role="status" aria-live="polite">
+      <div class="sidebar-loading-indicator">
+        <span
+          class="status-spinner status-spinner--inline"
+          aria-hidden="true"
+        ></span>
+        <span class="sidebar-loading-text">Loading kids videos…</span>
+      </div>
+    </div>
+  </div>
+</section>
diff --git a/dist/views/most-recent-videos.html b/dist/views/most-recent-videos.html
new file mode 100644
index 00000000..7f19e504
--- /dev/null
+++ b/dist/views/most-recent-videos.html
@@ -0,0 +1,43 @@
+<!-- views/most-recent-videos.html -->
+<section data-ds="new">
+  <!-- You can have a heading if you want -->
+  <div class="flex items-center gap-2 mb-4">
+    <h2 class="text-xl font-semibold text-text">Recently Added Videos</h2>
+    <button
+      type="button"
+      id="recentInfoTrigger"
+      class="text-muted hover:text-text focus:outline-none transition-colors"
+      aria-label="How is this feed sorted?"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        class="w-5 h-5"
+        aria-hidden="true"
+      >
+        <circle cx="12" cy="12" r="10"></circle>
+        <line x1="12" y1="16" x2="12" y2="12"></line>
+        <line x1="12" y1="8" x2="12.01" y2="8"></line>
+      </svg>
+    </button>
+  </div>
+
+  <!-- Video List -->
+  <div id="videoListTags" class="mb-4" hidden></div>
+  <div id="videoList" class="bv-grid-video">
+    <div class="sidebar-loading-wrapper" role="status" aria-live="polite">
+      <div class="sidebar-loading-indicator">
+        <span
+          class="status-spinner status-spinner--inline"
+          aria-hidden="true"
+        ></span>
+        <span class="sidebar-loading-text">Fetching recent videos…</span>
+      </div>
+    </div>
+  </div>
+</section>
diff --git a/dist/views/search.html b/dist/views/search.html
new file mode 100644
index 00000000..8074088c
--- /dev/null
+++ b/dist/views/search.html
@@ -0,0 +1,73 @@
+<div class="fade-in bv-stack">
+  <header class="flex items-center gap-2 mb-4">
+    <h1
+      id="searchTitle"
+      class="text-2xl font-bold tracking-tight text-text-strong"
+    >
+      Search Results
+    </h1>
+    <button
+      type="button"
+      id="searchInfoTrigger"
+      class="text-muted hover:text-text focus:outline-none transition-colors"
+      aria-label="How is this feed sorted?"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        class="w-5 h-5"
+        aria-hidden="true"
+      >
+        <circle cx="12" cy="12" r="10"></circle>
+        <line x1="12" y1="16" x2="12" y2="12"></line>
+        <line x1="12" y1="8" x2="12.01" y2="8"></line>
+      </svg>
+    </button>
+  </header>
+
+  <div
+    id="searchActiveFilters"
+    class="hidden flex flex-wrap items-center gap-2 rounded-xl border border-border bg-surface/70 px-3 py-2 text-xs text-text"
+  >
+    <div id="searchActiveFiltersList" class="flex flex-wrap gap-2"></div>
+    <button
+      id="searchActiveFiltersClear"
+      type="button"
+      class="btn-ghost text-xs"
+    >
+      Clear all
+    </button>
+  </div>
+
+  <section class="bv-stack">
+    <h2 class="text-lg font-semibold uppercase tracking-wide text-muted-strong">
+      Channels
+    </h2>
+    <div
+      id="searchChannelList"
+      class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
+    >
+      <!-- Channel cards injected here -->
+    </div>
+    <div id="searchChannelShowMore" class="hidden flex justify-center mt-2">
+      <button class="btn-ghost" data-size="sm">Show More</button>
+    </div>
+  </section>
+
+  <section class="bv-stack mt-8">
+    <h2 class="text-lg font-semibold uppercase tracking-wide text-muted-strong">
+      Videos
+    </h2>
+    <div
+      id="searchVideoList"
+      class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
+    >
+      <!-- Video cards injected here -->
+    </div>
+  </section>
+</div>
diff --git a/dist/views/subscriptions.html b/dist/views/subscriptions.html
new file mode 100644
index 00000000..6f52db74
--- /dev/null
+++ b/dist/views/subscriptions.html
@@ -0,0 +1,39 @@
+<!-- views/subscriptions.html -->
+<section data-ds="new">
+  <div class="flex items-center gap-2 mb-4">
+    <h2 class="text-xl font-semibold text-text">Subscriptions</h2>
+    <button
+      type="button"
+      id="subscriptionsInfoTrigger"
+      class="text-muted hover:text-text focus:outline-none transition-colors"
+      aria-label="How is this feed sorted?"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        class="w-5 h-5"
+        aria-hidden="true"
+      >
+        <circle cx="12" cy="12" r="10"></circle>
+        <line x1="12" y1="16" x2="12" y2="12"></line>
+        <line x1="12" y1="8" x2="12.01" y2="8"></line>
+      </svg>
+    </button>
+  </div>
+  <div id="subscriptionsVideoList" class="bv-grid-video">
+    <div class="sidebar-loading-wrapper" role="status" aria-live="polite">
+      <div class="sidebar-loading-indicator">
+        <span
+          class="status-spinner status-spinner--inline"
+          aria-hidden="true"
+        ></span>
+        <span class="sidebar-loading-text">Fetching subscriptions…</span>
+      </div>
+    </div>
+  </div>
+</section>